@charset "euc-kr";
/* CSS Document */

#wrap{width:100%;  min-width:1200px; margin:0 auto; background:#fff;}

#wrapSub{width:100%;  min-width:1200px; margin:0 auto; background:#fff;}

/* 팝업 레이어 S */
.popupLayer {position:absolute; left:0; top:0; width:100%; height:100%; z-index:100000; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); opacity:0.7; -moz-opacity:0.5;}
.popupLayer .back {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:100001;}
.popup_box {position:absolute; left:50%; top:20%; z-index:100002;}
.popup_box .popup_contents {position:absolute; left:0; top:0; width:100%; height:100%; z-index:100002;}
.popupLayer iframe, .popup_box iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.sitemapTable{border-bottom:1px solid #5d5d5d;}
.sitemapTable h4{font-size:25px; font-weight:500; color:#5d5d5d;}
.sitemapTable th{height:50px; text-align:left; color:#186398; font-size:14px;  font-weight:bold;  border-bottom:1px solid #eaeaea;}
.sitemapTable td{height:50px; text-align:left; color:#eeeeee; font-size:14px; border-bottom:1px solid #eaeaea; padding:2px 10px; ; line-height:120%;}
.sitemapTable td a:link {padding:5px 10px;}
.sitemapTable td a:hover{background-color:#EFEFEF; }
.sitemapTable th.end{border-bottom:0;}
.close {background:none; padding:20px;font-size:25px;font-family:'dotum'; color:#000;}
/* 팝업 레이어 E */



/*================================
    공통 : header
================================*/

#header{position:absolute; z-index:10000; width:100%; z-index:999;}
#header .headerTop {position:relative; width:100%; height:45px; margin:0 auto; }
#header .headerTop .box {width:1200px; margin:0 auto;}
#header .headerTop .box .topmenu{float:right;right:0; margin-top:15px; margin-right:-10px;}
#header .headerTop .box .topmenu a{font-size:12px; font-weight:600; color:#323232;}
#header .headerTop .box .topmenu span{font-size:8px; color:#414141;}
#header .headerTop .box ul{overflow:hidden;}
#header .headerTop .box ul li{float:left; padding:10px; font-size:8px;}

#header .top {position:absolute; margin-top:55px; left:50%; margin-left:-598px; z-index:11111;}

/* Gnb */
.gnbDiv {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:80px;
	background:url(../images/menu_bg.png) repeat-x center top;
	
}
.gnbDiv .gnbWrap{
    position:absolute;
    overflow: hidden;
    z-index:10000;
    width:908px;
    left:50%;
    margin-left:-268px;

}
.gnbDiv .gnbWrap .gnb{}
.gnbDiv .gnbWrap .gnb ul{overflow:hidden; width:100%;  }
.gnbDiv .gnbWrap .gnb ul li{float:left;  text-align:center;}
.gnbDiv .gnbWrap .gnb ul li a.oneDep{
    display:block;
    position:relative;
	height:65px;
    padding:40px 37px 20px 37px;
    font-size:18px;
    font-weight:600;
	letter-spacing:-1PX;
    color:#323232;
}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep{font-weight:600; color:#062d68;}
.gnbDiv .gnbWrap .gnb ul li.on.six{padding-right:0}

.gnbDiv .gnbWrap .twoDep{display:block; padding-top:10px;height:350px;visibility: visible;  margin-top:30px; }/*네비게이션 서브메뉴 높이조절*/
.gnbDiv .gnbWrap .twoDep li{clear:both;width:100%; }
.gnbDiv .gnbWrap li.on .twoDep{border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; }
.gnbDiv .gnbWrap li.on .twoDep a.off:hover{background:#2861af; color:#fff; vertical-align:top; text-decoration:none;}
.gnbDiv .gnbWrap li .twoDep a.on{background:#186398; color:#fff; vertical-align:top;}
.gnbDiv .gnbWrap li .twoDep a{color:#3a3a3a; line-height:120%; padding:7px 0; font-weight:500; font-size:13px; letter-spacing:-1px;}
.disB{display:block;}

.twoDbg{ position:absolute; top:104px;  width:100%; z-index:9999;}

.toptxt{padding:48px 0;}



/*================================
    공통 : contents
================================*/

/* margin 설정 */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

/* 정렬 설정 */
.left {float:left;}
.right {float:right;}
.center {margin:0 auto;}

.t_left {text-align:left;}
.t_center {text-align:center;}
.t_right {text-align:right;}
.t_justify {text-align:justify;}




/* text color 설정 */
.red {color:#cc0000;}
.brown {color:#c64831;}
.black {color:#333333;}
.choco {color:#D2691E;}
.tan {color:#D2B48C;}
.lime {color:#a4c400;}
.green {color:#60a917;}
.teal {color:#00aba9;}
.cyan {color:#1ba1e2;}
.magenta {color:#d80073;}
.amber {color:#f0a30a;}
.olive {color:#6d8764;}
.gray {color:#666666;}


/* text size 설정 */
.size00 {font-size:0.85em;}
.size0 {font-size:0.9em;}
.size1 {font-size:1.2em;}
.size2 {font-size:1.4em; line-height:130%;}
.size3 {font-size:1.7em; line-height:140%;}
.size4 {font-size:1.9em; line-height:140%;}

.b {font-weight:bold;}
.n {font-weight:normal;}
.narrow {letter-spacing:-1px;}



/*================================
    공통 : footer
================================*/
#footer{width:100%; min-width: 1200px; background-color:#333333; padding:40px 0;}
#footer .foot{ width:1200px;  min-width:1200px; margin:0 auto;}
#footer .foot .footmenu {clear:both; padding:0; }
#footer .foot .footmenu li{float:left; width:210px; background:url(../images/bg_bar.gif) no-repeat right top; text-align:center;}
#footer .foot .footmenu li.end{background:none;}
#footer .foot .footmenu a{padding:10px; display:block;}
#footer span{display: hidden;}
.foot .logo{margin-top:15px;}
#footer .address{color:#7a7a7a; font-size:12px;}
#footer .add{width:1200px;font-family:돋움,Dotum,굴림, Gulim;  text-align:center; margin-top:18px;}
#footer .add a:hover{color:#fff;}
#footer .add img {vertical-align:middle; margin:5px;}
#footer .add span{font-size:11px;  }
#footer .partner{float:right; width:100px; margin-top:25px;}


/* Select */
.select{ position:relative; float:left; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1; margin-top:20px;}
.select *{ margin:0; padding:0; cursor:pointer; font-size:12px; }
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bdbdbd; margin:1px; color:#898989; line-height:110%;
 _line-height:normal; padding-top:1px; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected{ font-weight:bold;}
.select.open .myValue,
.select .myValue.outLine{ border:1px solid #999;}
.select button.myValue{ height:27px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select .ctrl{ position:absolute; top:1px; right:0; width:23px; height:26px; /*border:1px solid #bdbdbd;*/ border-left:1px solid #bdbdbd; background:url(../images/bg_ctrl.gif)no-repeat;}
.select .arrow{ position:absolute; width:0; height:0; top:11px; right:7px; line-height:0; font-size:0; border-top:5px solid #999; border-left:5px solid #fff; border-right:5px solid #fff;}
.select ul{ top:24px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #cecece; border-bottom:1px solid #cecece; background:#cecece; overflow:hidden;}
.select ul.aList{ display:none;}
.select.open ul.aList{ display:block;margin-top:-100px; background:#fff;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select li{ position:relative; overflow:hidden; white-space:nowrap; height:25px; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:25px; line-height:110%; color:#666; background:#fff;}
.select li a{ display:block; text-indent:8px; *text-indent:6px;  padding-top:5px; height:25px; line-height:110%; color:#666; background:#fff; text-decoration:none;}
.select li.hover *{ background:#999; color:#fff;}


.clear:after{
    content:"";
    clear:both;
    display:block;
}
.fl{float:left;}
.fr{float:right;}