@charset "utf-8";

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img 
    {margin:0; padding:0; color: #555555; font-size: 13px; font-family: 맑은 고딕,sans-serif,MingLiU,arial,verdana; }

a:focus,
input:focus,
map:focus,
embed:focus { outline:none; }

a:hover { text-decoration: none; }

img { border:0px; }


form input[type="text"], 
form input[type="password"], 
form select,   
.div-condition input[type="text"], 
.div-condition input[type="password"], 
.div-condition select,   
td input[type="text"], 
td input[type="password"], 
td select   { height: 24px; padding: 0 2px; vertical-align:middle; }

td label   { cursor: pointer; font-weight: normal; margin: 0;}

li label   { margin: 0;}

textarea { padding: 3px; }

td input[type="file"] { display: inline; padding: 2px; border: solid 1px #bbb; }

input[type="checkbox"], input[type="radio"] { margin-top: 0; vertical-align:middle; }

pre { border: 0; background-color: white; }

/* Layout */

#g-header { width:960px; margin:0 auto; min-height:60px; padding:5px 0px; background:#fff; }

#g-content { width:960px; padding: 10px 0 0 0; min-height:600px; background:#fff; }

/*top menu*/
#nav {width:100%;
    min-width:980px; 
	height:36px;
	background:#367ec0; /* #2e6da4 */
	position:relative;
	left:0;
    font-family: Blue Highway D Type, Tahoma, sans-serif, Geneva, Helvetica, Arial ;
	z-index:1000;
    border-bottom: solid 3px #ffcc00;
}

#nav > ul { width:960px; margin:0 auto; list-style-type: none; }
#nav a.dropdown-toggle   {padding:0 20px;}

#nav > ul > li {float:left; position:relative; z-index:50; height:33px; text-align:left; white-space:nowrap;}
#nav > ul > li > a {display:block; width:100%; height:100%; font-size:15px; color:#fff; line-height:33px;}
#nav > ul > li > a.on,
#nav > ul > li > a:hover {color:#f5ffff; text-decoration:none; background:#2e6da4; } /* #286090 */


#nav ul.dropdown-menu { padding: 0; }
#nav ul.dropdown-menu a { font-size:14px; padding: 3px 22px; }

/* Dropdown link hover */
#nav ul.dropdown-menu > li > a:hover,
#nav ul.dropdown-menu > li > a:focus {
    background-color: #999;
    background-image: none;
    color: white;
}

/* Page */
#p-title { }
    #p-title .breadcrumb>li+li:before {
        padding: 0 2px;
        color: #ccc;
        content: "| ";
    }

#p-condition {  }

#p-content { 
    margin: 30px 0; 
    padding: 20px;
    text-align: center;
    border:1px solid #ddd; 
    height: 550px; 
    overflow: auto; }

#p-list { margin-top: 5px;  }

#p-navi {
    margin: 20px 0;
    text-align: center;
}
    #p-navi .pagination {
        margin: 0;
        padding: 0;
    }

.p-navi {
    margin: 20px 0;
    text-align: center;
}
    .p-navi .pagination {
        margin: 0;
        padding: 0;
    }

#d-bmenu { 
    border: solid 1px #dddddd;
    background-color: #eeeeee;
    text-align: center;
    padding: 4px;
    margin-bottom: 5px;
    }
 
 ul.page_menu {
    list-style-type: none;
    margin: 30px 0 0 80px;
 }
    ul.page_menu li { 
        display: block; 
        margin: 30px; 
        padding: 0; 
    }
    ul.page_menu li:before {
        /*Using a Bootstrap glyphicon as the bullet point*/
        content: "\e131"; /* \e131 \e062 \e164  */
        font-family: 'Glyphicons Halflings';
        font-size: 14px;
        float: left;
        margin-left: -25px;
        color: #ff9900; /* #ffbb00 ff7700 */
    }

/* 검색 테이블 */
/* -------------------------------------------------------------------------
    Common 
   ------------------------------------------------------------------------- */
	
/* //검색테이블*/	

/*
.box_type   {display:table; position:relative; width:100%; min-height:30px; margin:50px 0 10px 0; border:1px solid #d3d3d3}
.box_type   {display:table; width:100%; min-height:30px; margin:10px 0; padding: 3px; border:1px solid #d3d3d3}
.box_type2  {display:table; position:relative; width:100%; min-height:30px; margin:10px 0 10px 0; border:1px solid #d3d3d3}
.cell{display:table-cell;vertical-align:middle;}
.inner{*position:absolute;*top:50%;*height:70px;*margin-top:-35px;}
*/

/* //검색테이블*/

/*

ul.list {
    list-style-type: none;
    margin: 0;
    padding: 2px;
}
    ul.list li    { display: table; margin: 5px; padding: 0; min-height: 18px; max-height: 24px; }
    ul.list li span   { 
        display: inline-block; 
        margin: 0 5px 0 0; 
        padding: 0;
        text-align: right;
        color: #505050;
        white-space: nowrap;
        overflow: hidden; 
        text-overflow: ellipsis; 
        vertical-align: top; 
    }
    ul.list li input,  
    ul.list li select {display: inline-block; width:150px; height: 22px; margin: 0; padding: 0; margin:-1px 0 1px;font-size:12px;color:#373737;vertical-align:middle }
    ul.list li label {display: inline-block; margin: 0; padding: 0 3px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    ul.list li input[type="radio"], 
    ul.list li input[type="checkbox"] { margin: 0; padding: 0; vertical-align: middle; max-height: 18px;}
    ul.list li input[type="text"] { padding: 0 2px; }
    ul.list li textarea { height: 50px;}


    ul.list li div { display: inline-table; margin: 0; padding: 0;}

        ul.list li div.file-upload { 
            display: inline-table;
            position: relative;
            overflow: hidden;
        }
            ul.list li div.file-upload > input[type="file"] { 
                font-size: 45px;
                position: absolute;
                right: 0px;
                top: 0px;
                opacity: 0;
                filter: alpha(opacity=0);
                -ms-filter: "alpha(opacity=0)";
                -khtml-opacity: 0;
                -moz-opacity: 0;
            }

*/

/* Common Display Class */
.w0     { width: 0px !important; }
.w5     { width: 5px !important; }
.w10    { width: 10px !important; }
.w15    { width: 15px !important; }
.w20    { width: 20px !important; }
.w25    { width: 25px !important; }
.w30    { width: 30px !important; }
.w35    { width: 35px !important; }
.w40    { width: 40px !important; }
.w45    { width: 45px !important; }
.w50    { width: 50px !important; }
.w60    { width: 60px !important; }
.w70    { width: 70px !important; }
.w80    { width: 80px !important; }
.w90    { width: 90px !important; }
.w100   { width: 100px !important; }
.w110   { width: 110px !important; }
.w120   { width: 120px !important; }
.w130   { width: 130px !important; }
.w140   { width: 140px !important; }
.w150   { width: 150px !important; }
.w160   { width: 160px !important; }
.w170   { width: 170px !important; }
.w180   { width: 180px !important; }
.w190   { width: 190px !important; }
.w200   { width: 200px !important; }
.w210   { width: 210px !important; }
.w215   { width: 215px !important; }
.w220   { width: 220px !important; }
.w230   { width: 230px !important; }
.w240   { width: 240px !important; }
.w250   { width: 250px !important; }
.w260   { width: 260px !important; }
.w270   { width: 270px !important; }
.w280   { width: 280px !important; }
.w290   { width: 290px !important; }
.w300   { width: 300px !important; }
.w350   { width: 350px !important; }
.w400   { width: 400px !important; }
.w450   { width: 450px !important; }
.w500   { width: 500px !important; }
.w550   { width: 550px !important; }
.w600   { width: 600px !important; }
.w650   { width: 650px !important; }
.w700   { width: 700px !important; }
.w735   { width: 735px !important; }
.w750   { width: 750px !important; }
.w800   { width: 800px !important; }
.w850   { width: 850px !important; }
.w900   { width: 900px !important; }
.w950   { width: 950px !important; }
.w960   { width: 960px !important; }
.w100p  { width: 100% !important; }
.mxw42 { max-width: 42px !important; width: auto; }
.mxw400 { max-width: 400px !important; width: auto; }
.mxw600 { max-width: 600px !important; width: auto; }

.h10   { height: 10px !important; }
.h20   { height: 20px !important; }
.h25   { height: 25px !important; }
.h27   { height: 27px !important; }
.h29   { height: 29px !important; }
.h30   { height: 30px !important; }
.h35   { height: 35px !important; }
.h40   { height: 40px !important; }
.h50   { height: 50px !important; }
.h60   { height: 60px !important; }
.h70   { height: 70px !important; }
.h80   { height: 80px !important; }
.h100  { height: 100px !important; }
.h120  { height: 120px !important; }
.h150  { height: 150px !important; }
.h180  { height: 180px !important; }
.h200  { height: 200px !important; }
.h220  { height: 220px !important; }
.h250  { height: 250px !important; }
.h300  { height: 300px !important; }
.h350  { height: 350px !important; }
.h400  { height: 400px !important; }
.h450  { height: 450px !important; }
.h500  { height: 500px !important; }
.h550  { height: 550px !important; }
.h600  { height: 600px !important; }
.h650  { height: 650px !important; }
.h700  { height: 700px !important; }
.h750  { height: 750px !important; }
.h800  { height: 800px !important; }
.h100p { height: 100% !important; }

.mw80   { min-width:   80px !important; }
.mw100  { min-width:  100px !important; }
.mw400  { min-width:  400px !important; }
.mw600  { min-width:  600px !important; }
.mw700  { min-width:  700px !important; }
.mw800  { min-width:  800px !important; }
.mw900  { min-width:  900px !important; }

.mh30   { min-height:  30px !important; }
.mh40   { min-height:  40px !important; }
.mh50   { min-height:  50px !important; }
.mh100  { min-height: 100px !important; }
.mh150  { min-height: 150px !important; }
.mh200  { min-height: 200px !important; }
.mh300  { min-height: 300px !important; }
.mh400  { min-height: 400px !important; }
.mh500  { min-height: 500px !important; }
.mh550  { min-height: 550px !important; }
.mh600  { min-height: 600px !important; }

.mxh36  { max-height:  36px !important; }
.mxh100 { max-height: 100px !important; }
.mxh150 { max-height: 150px !important; }
.mxh200 { max-height: 200px !important; }
.mxh300 { max-height: 300px !important; }
.mxh400 { max-height: 400px !important; }
.mxh500 { max-height: 500px !important; }
.mxh600 { max-height: 600px !important; }


.bs1r   { border: solid 1px red;}
.bs1b   { border: solid 1px #bbbbbb; }
.bs1d   { border: solid 1px #dddddd; }
.bs1e   { border: solid 1px #eee; }
.bt0    { border-top: 0 !important; }
.bts1d  { border-top: solid 1px #dddddd; }
.bbs1d  { border-bottom: solid 1px #dddddd; }
.bls1d  { border-left: solid 1px #dddddd; }
.bb0    { border-bottom: 0 !important; }

.m0     { margin: 0 !important; }
.m5     { margin: 5px !important; }
.m10    { margin: 10px !important; }

.mt0    { margin-top: 0px !important; }
.mt3    { margin-top: 3px !important; }
.mt5    { margin-top: 5px !important; }
.mt10   { margin-top: 10px !important; }
.mt15   { margin-top: 15px !important; }
.mt20   { margin-top: 20px !important; }
.mt30   { margin-top: 30px !important; }
.mt50   { margin-top: 50px !important; }
.mt100  { margin-top: 100px !important; }
.mt150  { margin-top: 150px !important; }
.mt200  { margin-top: 200px !important; }

.mr0    { margin-right: 0px !important; }
.mr3    { margin-right: 3px !important; }
.mr5    { margin-right: 5px !important; }
.mr10   { margin-right: 10px !important; }
.mr20   { margin-right: 20px !important; }
.mr26   { margin-right: 26px !important; }

.mb0    { margin-bottom: 0px !important; }
.mb2    { margin-bottom: 2px !important; }
.mb3    { margin-bottom: 3px !important; }
.mb5    { margin-bottom: 5px !important; }
.mb10   { margin-bottom: 10px !important; }
.mb20   { margin-bottom: 20px !important; }
.mb30   { margin-bottom: 30px !important; }
.mb50   { margin-bottom: 50px !important; }

.ml0    { margin-left: 0px !important; }
.ml5    { margin-left: 5px !important; }
.ml10   { margin-left: 10px !important; }
.ml20   { margin-left: 20px !important; }
.ml40   { margin-left: 40px !important; }
.ml50   { margin-left: 50px !important; }

.p0     { padding: 0 !important; }
.p2     { padding: 2px !important; }
.p3     { padding: 3px !important; }
.p5     { padding: 5px !important; }
.p7     { padding: 7px !important; }
.p10    { padding: 10px !important; }
.p20    { padding: 20px !important; }

.pt5    { padding-top:  5px !important; }
.pt10   { padding-top: 10px !important; }
.pb0    { padding-bottom: 0 !important; }
.pb5    { padding-bottom: 5px !important; }
.pb10   { padding-bottom: 10px !important; }

.pr5    { padding-right: 5px !important; }
.pr10   { padding-right:10px !important; }

.pl5    { padding-left:  5px !important; }
.pl10   { padding-left: 10px !important; }
.pl20   { padding-left: 20px !important; }

.ptb5   { padding-top: 5px !important; padding-bottom: 5px !important; }
.plr10  { padding-left: 10px !important; padding-right: 10px !important; }

.tal    { text-align: left !important; }
.tac    { text-align: center !important; }
.tar    { text-align: right !important; }

.tdlt   { text-decoration: line-through !important; }

.vat    { vertical-align: top !important; }
.vam    { vertical-align: middle !important; }
.vab    { vertical-align: bottom !important; }

.fwb    { font-weight: bold !important; }
.fwn    { font-weight: normal !important; }

.d-b    { display: block !important; }
.d-n    { display: none !important; }
.d-i    { display: inline !important; }
.d-ib   { display: inline-block !important; }
.d-t    { display: table !important; }
.d-tc   { display: table-cell !important; }

.clr-bk {color: black !important;}
.clr-bl {color: blue !important;}
.clr-br {color: brown !important;}
.clr-n  {color: navy !important;}
.clr-r  {color: #d9534f !important;}
.clr-gr {color: green !important;}
.clr-gy {color: gray !important;}
.clr-w  {color: white !important;}
.clr-or {color: orange !important;}
.clr-a  {color: #aaa !important;}

.clr-lbl {color: #428bca !important;}
.clr-lgy {color: #aaa !important;}
.clr-lgr {color: #44a844 !important;}
.clr-lr  {color: #d76666 !important;}

.mndt    { background-color: #ffffaa; border: 1px solid #aaa;}
.gray    { background-color: #d7d7d7; border: 1px solid #aaa;}
.valid   { background-color: #d2ffd2; border: 1px solid #aaa;}
.noval   { background-color: #ffc4c4; border: 1px solid #aaa;}

.bgc-fef { background-color: #ffe0ff !important; }
.bgc-ffc { background-color: #ffff99 !important; }
.bgc-def { background-color: #ddeeff !important; }
.bgc-eee { background-color: #eeeeee !important; }
.bgc-ddd { background-color: #dddddd !important; }
.bgc-lgy { background-color: #aaa !important; }
.bgc-w   { background-color: white !important; }
.bgc-r   { background-color: #d9534f !important; }
.bgc-lbl { background-color: #80afdb !important;}
.bgc-org { background-color: #ffee00 !important;}
.bgc-wb  { background-color: #f8fdff !important; }

.bgc-owner { background-color: #ffff99 !important; }
.bgc-send  { background-color: #dcffdc !important; }
.bgc-recv  { background-color: #ffdcdc !important; }

.of-h   { overflow: hidden; 
          text-overflow: ellipsis; 
          white-space: nowrap;
          vertical-align: middle; }

.of-a   { overflow: auto !important; }

.f-l    { float: left !important; }
.f-r    { float: right !important; }

.ime-d  { 
        -webkit-ime-mode:disabled !important; 
        -moz-ime-mode:disabled !important; 
        -ms-ime-mode:disabled !important; 
        ime-mode:disabled !important; 
        }

.c-p    { cursor: pointer !important; }

.lst-n  { list-style-type: none !important; }

.br0    { border-radius: 0px !important; }
.br5    { border-radius: 5px !important; }
.fs10   { font-size: 10px !important; }
.fs11   { font-size: 11px !important; }
.fs12   { font-size: 12px !important; }
.fs13   { font-size: 13px !important; }
.fs14   { font-size: 14px !important; }
.fs16   { font-size: 16px !important; }
.fs40   { font-size: 40px !important; }

.lh15   { line-height: 1.5 !important; }
.lh17   { line-height: 1.7 !important; }
.lh20   { line-height: 2.0 !important; }
.tlf    { table-layout:fixed !important; }
.ws-n   { white-space:nowrap; }
.p-a    { position: absolute; }
/*main list*/


/* -------------------------------------------------------------------------
   2015-06-03 : KJH
   ------------------------------------------------------------------------- */
    .body-area {
        width: 960px;
        margin:0 auto;
        position:relative;
        z-index:0; 
        margin-top:10px; 
        background-color:#fff;
	    font-family: Arial, Helvetica, sans-serif;
     }

    h2.main-title   {
        margin: 10px -1px 10px 0px;
        padding:10px 0px 8px 0px;
        border-bottom:2px solid #21252b;
        font-size: 42px;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        color: #202020;
        line-height: 50px;
        letter-spacing: -3px;
    }

    .button-area {
        float: right; margin-bottom: 10px;
    }


#dialogPopup iframe {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%; 
    height: 100%; 
}

.p-dialog {
    width: 100%; 
    padding: 0 5px;
/*    
    margin-top: 10px;
    padding: 10px 5px;
    border: solid 1px #999;
*/
}


.sub-infobox { margin: 10px 0 0 0; }
    .sub-infobox .panel-heading { padding: 6px; height: 34px;}
    .sub-infobox .panel-title { font-size: 1.0em; color: blue; text-decoration: none;}
    .sub-infobox .panel-body { 
        padding: 10px;
    }
    .sub-infobox .panel-body span.title { 
        display: inline-block; 
        margin: 0px 5px 0px 0px; 
        text-align: right;
        color: green;
        white-space: nowrap;
        overflow: hidden; 
        text-overflow: ellipsis; 
        vertical-align: middle; 
    }

/* -------------------------------------------------------------------------
   JQuery UI
   ------------------------------------------------------------------------- */

.ui-widget-content {
    background:white; 
    font-size: 12px;
}

/* -------------------------------------------------------------------------
   Bootstrap
   ------------------------------------------------------------------------- */
.text-muted {
  color: #da0018;
  font-weight: normal;
  font-size: 14px;
}

/* Table */
.table { table-layout:fixed; }

.table-bordered {
  border: 1px solid #bbb;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #bbb;
}

.table > thead > tr > th,
.table > tfoot > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #aaa;
  background-color: #e7e7e7; /* #e8e8ff */
  font-weight: bold;
  text-align: center;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #f3f3f3; /*#ecebf1*/
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #fdfdfd;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #cde1f1; /*#cce4cc*/
}

.table-condensed > thead > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 3px;
}

.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td {
  padding: 3px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, 
.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td 
{
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
    vertical-align: middle;
}

/* Non-responsive overrides
 *
 * Utilize the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/* Reset the container */
.container {
  width: 960px;
  max-width: none !important;
}

.panel-heading, .alert {
  background-image: none !important;
}


/* Modal Dialog */
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-header { padding: 7px 10px; }
.modal-title  { font-weight: bold; }
.modal-body   { padding: 15px; }
.modal-footer { padding: 7px 10px; }
.modal-footer > .btn-sm { font-size: 13px; }

.btn-xs     { height: 25px; }
/* -------------------------------------------------------------------------
   fixedHeaderTable
   ------------------------------------------------------------------------- */
/*!
* jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
*
* Copyright (c) 2011 Mark Malek
* http://fixedheadertable.com
*
* Licensed under MIT
* http://www.opensource.org/licenses/mit-license.php
* 
* http://docs.jquery.com/Plugins/Authoring
* jQuery authoring guidelines
*
* Launch  : October 2009
* Version : 1.3
* Released: May 9th, 2011
*
* 
* all CSS sizing (width,height) is done in pixels (px)
*/

/* @group Reset */

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
	/* position */
    margin: 0;
    
    /* size */
	padding: 0;

	/* text */
	font-size: 100%;
	font: inherit;
	vertical-align: top;
	}

.fht-table {
	/* appearance */
    border-collapse: collapse;
    border-spacing: 0;
	}

/* @end */

/* @group Content */

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	/* appearance */
	overflow: hidden;
	
	/* position */
	position: relative;
	}

	.fht-table-wrapper .fht-fixed-body .fht-tbody,
	.fht-table-wrapper .fht-tbody {
		/* appearance */
	    overflow: auto;
		}

		.fht-table-wrapper .fht-table .fht-cell {
			/* appearance */
			overflow: hidden;
			
			/* size */
		    height: 1px;
			}
	
	.fht-table-wrapper .fht-fixed-column,
	.fht-table-wrapper .fht-fixed-body {
	    /* position */
	    top: 0;
	    left: 0;
	    position: absolute;
	    }
	    
	.fht-table-wrapper .fht-fixed-column {
	    /* position */
	    z-index: 1;
	    }

/* @end */