@charset "utf-8";

/* CSS Document word-break:break-all; */
* html { overflow: scroll; overflow-x: auto; }/* [IE] 프레임안의가로스크롤문제해결 */
html, body { min-height: 100%; margin: 0; padding: 0; background: #fff; } /* [IE] 배경색을지정해서화면이뭉개지는문제해결 */
html { height: 100%; } 
* html body { height: 100%; }
/*body { background: #fff; color: #666; line-height:200%; font-size: 12px !important; }*/
body { background: #fff; color: #666; line-height:150%; font-size: 12px !important /* 12px */; }
:root body {font-size: 0.93em;  }
table, pre { font-size: 13px;} /* DOCTYPE 없으면 속성 상속 안됨 */
a, a:link { color: #333; text-decoration: none; }/* cursor: pointer; 안씀.. a태그에 href 없어도 손모양 커서 나오므로  */
a:visited { color: #333; }
a:hover, a:active, a:focus {  text-decoration: none; } /* a:focus추가 */
img { margin: 0; padding:0; border: 0; }

.dpn { display: none !important; /*display: table-caption;*/}
.vhd {position:absolute; visibility:hidden; font-size:0;}

ul {list-style:none; margin:0; padding:0; }
ul li{list-style:none; margin:0; padding:0; }

@media print {
    .footer,
    #non-printable {
        display: none !important;
    }
    #printable {
        display: block;
    }
}




/* 기본 이외의 추가 CSS*/
#topLogo { background-color:#fff;color:#333;width:1297px;padding:20px;border:1px solid #333;}
/*
#topMenu { background-color:#000;color:#000; font-weight:bold;width:95%;height:36px;padding:10px;}
#topMenu ul {list-style: none; float: left; margin: 0; padding: 0;}
#topMenu > ul > li {float:left; margin: 0; padding: 0; background: transparent; text-align: justify;}
#topMenu ul li { float:left; border-right:1px solid #d7d7d7; }
#topMenu > ul > li > a {padding:0px 28px; margin:0; display:inline-block; border-left:solid 0px #dbdbdb;height:36px; line-height:36px; font-weight:bold;color:#ddd;}
#topMenu > ul > li > a.on {color:#0c78df; background:#000;margin:0; }
*/
#topMenu { float:left;background-color:#000;color:#000; font-weight:bold;padding:10px;width:150px; border:1px solid #ccc;}
#topMenu ul {list-style: none; margin: 0; padding: 0;}
#topMenu > ul > li {margin: 0; padding: 0; background: transparent;}
#topMenu ul li {  border-right:1px solid #d7d7d7; }
#topMenu > ul > li > a {padding:0px 28px; margin:0; border-left:solid 0px #dbdbdb;height:36px; line-height:36px; font-weight:bold;color:#ddd;}
#topMenu > ul > li > a.on {color:#0c78df; background:#000;margin:0; }


/*
.leftMenu1 { color:#000;font-weight:bold; background: url(/img/left_01.jpg) no-repeat; text-align: center;}
.leftMenuOver1 {  color:#FFF;font-weight:bold; background: url(/img/left_01_on.jpg) no-repeat;font-weight:bold; text-align:center;cursor:hand;}
.leftMenu2 { color:#000;font-weight:bold; background: url(/img/left_02.jpg) no-repeat; text-align: center;}
.leftMenuOver2 {  color:#FFF;font-weight:bold; background: url(/img/left_02_on.jpg) no-repeat;font-weight:bold; text-align:center;cursor:hand;}
*/


.min_input{
color: #00000; font-size:9pt; 
font-family:Dotum ,vernada;
border:1px solid #DDDDDD; padding:5px 10px;
margin-left:5px;
}

.hidden_input{
color: #00000; font-size:9pt; 
font-family:Dotum ,vernada;
border:none;
padding:3px;
}


.box { background-color:#FFFFFF; padding:3px 10px 1px 10px; font-size:12px; color:#000; text-align:center; border:1px solid; border-color:148dba; height:23px; margin:5px;cursor:pointer;}
.box a:link { font-size:11px;; text-decoration:none; color:#000; }
.box a:visited { font-size:11px;text-decoration:none; color:#000;}
.box a:hover {font-size:11px; text-decoration:none; color:#000;}
.box a:active {font-size:11px; text-decoration:none; color:#000;}


/* 레이어 프레임 CSS*/
 .Rap_center { cursor:pointer; visibility:hidden; border: solid 0px #08358f; background-color: #000000;color:#FFFFFF;}
 .Rap_close { cursor: pointer; display:none; font-size: 9pt; background-color:#000000; color: #FFFFFF; padding-bottom: 4px; }
 .Rap_close2 { cursor: default; font-size: 9pt; background-color:#000000; color: #FFFFFF; padding-bottom: 0px; }
 .Rap_caption { cursor: pointer; display:none; font-size: 9pt; background-color:#000000; color: #FFFFFF; padding-bottom: 4px; }
 #Rap_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding: 3px 0px 4px 0px; border: solid 2px #cfcfcf; }

/* 버튼 레이아웃 */

.bt_WH { background-color:#FAFAFA; padding:2px 10px 2px 10px; font-size:12px; color:#999;font-weight:nomal; text-align:center; border:1px solid; border-color:#ddd; height:20px; margin:1px;cursor:pointer;}
.bt_WH a:link { font-size:12px;; text-decoration:none; color:#666; }
.bt_WH a:visited { font-size:12px;text-decoration:none; color:#666;}
.bt_WH a:hover {font-size:12px; text-decoration:none; color:#666;}
.bt_WH a:active {font-size:12px; text-decoration:none; color:#666;}

.bt_BK { background-color:#333; padding:10px 20px 10px 20px; font-size:12px; color:#fff !important; text-align:center; border:1px solid; border-color:000;  margin:1px;cursor:hand;}
.bt_BK a:link { font-size:12px;; text-decoration:none; color:#fff; }
.bt_BK a:visited { font-size:12px;text-decoration:none; color:#fff;}
.bt_BK a:hover {font-size:12px; text-decoration:none; color:#fff;}
.bt_BK a:active {font-size:12px; text-decoration:none; color:#fff;}

.bt_BL { background-color:#3366dd; padding:2px 10px 2px 10px; font-size:12px; color:#FFFFFF !important; text-align:center; border:1px solid; border-color:#3366dd; height:20px; margin:1px;cursor:hand;}
.bt_BL a:link { font-size:12px;; text-decoration:none; color:#fff; }
.bt_BL a:visited { font-size:12px;text-decoration:none; color:#fff;}
.bt_BL a:hover {font-size:12px; text-decoration:none; color:#fff;}
.bt_BL a:active {font-size:12px; text-decoration:none; color:#fff;}

.bt_BL2 { background-color:#3366DD; padding:5px 10px 2px 10px; font-size:12px; color:#fff; text-align:center; border:1px solid; border-color:BLUE; height:20px; margin:1px;cursor:hand;}
.bt_BL2 a:link { font-size:12px;; text-decoration:none; color:#fff; }
.bt_BL2 a:visited { font-size:12px;text-decoration:none; color:#fff;}
.bt_BL2 a:hover {font-size:12px; text-decoration:none; color:#fff;}
.bt_BL2 a:active {font-size:12px; text-decoration:none; color:#fff;}

.bt_BL3 { background-color:#113399; padding:5px 10px 2px 10px; font-size:12px; color:#fff; text-align:center; border:1px solid; border-color:BLUE; height:20px; margin:1px;cursor:hand;}
.bt_BL3 a:link { font-size:12px;; text-decoration:none; color:#fff; }
.bt_BL3 a:visited { font-size:12px;text-decoration:none; color:#fff;}
.bt_BL3 a:hover {font-size:12px; text-decoration:none; color:#fff;}
.bt_BL3 a:active {font-size:12px; text-decoration:none; color:#fff;}


.bt_RED { background-color:RED; padding:2px 10px 2px 10px; font-size:12px; color:#FFFFFF !important; text-align:center; border:1px solid; border-color:RED; height:20px; margin:1px;cursor:hand;}
.bt_RED a:link { font-size:12px;; text-decoration:none; color:#FFFFFF; }
.bt_RED a:visited { font-size:12px;text-decoration:none; color:#FFFFFF;}
.bt_RED a:hover {font-size:12px; text-decoration:none; color:#FFFFFF;}
.bt_RED a:active {font-size:12px; text-decoration:none; color:#FFFFFF;}

.bt_ORG { background-color:#fff; padding:5px 8px 5px 8px; font-size:12px; color:#333 !important; text-align:center; border:1px solid; border-color:#fd5900; height:20px; margin:1px;cursor:hand;}
.bt_ORG a:link { font-size:12px;; text-decoration:none; color:#FFFFFF; }
.bt_ORG a:visited { font-size:12px;text-decoration:none; color:#FFFFFF;}
.bt_ORG a:hover {font-size:12px; text-decoration:none; color:#FFFFFF; background-color:#fd5900;}
.bt_ORG a:active {font-size:12px; text-decoration:none; color:#FFFFFF;}

.br_blue { background:url("/img/left_hw.jpg") no-repeat;background-position: left center;padding-left:15px;padding-right:10px;}

/* button */
#tab {margin:30px 0;}
#tab a {padding:10px 20px; background:#fff; color:#333; text-align:center; border-radius:3px;border:1px solid #fd5900;}
#tab a.on, #tab a:hover, #tab a:focus {color:#fff;background:#fd5900 !important;}
#tab a > span {font-weight:bold; margin:0 0 0 5px;}

caption {display:none;}
table.mt { border-collapse: collapse; width:100%; margin:5px 0 5px 0; border-top: 2px solid #001649;  border-right:0px solid #fff; text-indent:0; font-weight:normal; }
table.mt thead {text-align:center;}
table.mt thead th{ padding:5px 3px 5px 3px; font-weight:bold; font-size:13px; color:#000;}
table.mt thead td{ padding:5px 3px 5px 3px; border-top: 1px solid #adadad; }
table.mt th { border-bottom: 1px solid #333333; padding:5px; text-align: center; }
table.mt td { border-bottom: 1px solid #333333; padding:8px 3px 8px 3px;  text-align: center; }
table.mt tr th { border-right: 0px solid #ccc; background:#ffffff; color:#000;}

/* font */
.fwb {font-weight:bold;}
.fwn {font-weight:normal;}
.fc_000 {color:#000;}
.f_white {color:#fff;}
.f_grey {color:#ccc;}
.f_bl {color:#3366DD;}
.f_red {color:#DD6633 !important;}

/* align */
.txt_left {text-align:left !important;}
.txt_center {text-align:center !important;}
.txt_right {text-align:right !important;}

.taL {text-align:left !important;}
.taC {text-align:center !important;}
.taR {text-align:right !important;}



.va_top {vertical-align:top;}
.va_middle {vertical-align:middle;}
.va_bottom {vertical-align:bottom;}

/* width */
.w100p {width:100%;}

/* border */
.bd_t333 {border-top:1px solid #333;}
.bd_b2 {border-bottom:2px solid #333;}

/* margin */
.mg_10 {margin:10px !important;}
.mg_t5 {margin-top:5px !important;}
.mg_t10 {margin-top:10px !important;}

.mg_b10 {margin-bottom:10px !important;}

.mg_r10 {margin-right:10px !important;}


/* padding */

.pd_10 {padding:10px !important;}
.pd_30 {padding:30px !important;}
.pdb_10 {padding-bottom:10px !important;}

.pdtb_10 {padding-top:10px !important;padding-bottom:10px !important;}


/* width */
.w_40 {width:40px;}
.w_50 {width:100px;}
.w_100 {width:100px;}
.w_150 {width:150px;}
.w_90p {width:90%;}
.w_100p {width:100%;}

/* border */
.bd_b {border-bottom:1px solid #dfe0e6;}


/* background */

.bg_333 {background-color:#333}
.bg_f7 {background-color:#f7f7f7}
.bg_fe {background-color:#fefefe}

/* cursor */

.hand {cursor:pointer;}

/* etc */
.div_clear {clear:both;}

	.mtable .m_tr{padding:20px;}

.div_th{width:100%;padding:5px 10px 5px 20px;font-weight:bold;background-color:#f7f7f7;font-size:12px;}
.div_td{width:100%;padding:5px 10px;font-weight:normal;background-color:#ffffff;font-size:12px;}


@media(max-width:864px)
{
/*	.mdpn{display:none;} */
	.mtable .m_tr{float:left;width:100%;text-align:center;padding:20px 0;}
}