@charset "euc-kr";
/* CSS Document */
/* Á¤·Ä ¼³Á¤ */
.clear:after{
	content:"";
	clear:both;
	display:block;
}
.ov{overflow:hidden;}
.fl {float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.tj{text-align:justify;}



#wrap{
	width:100%;
	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 .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{}
.sitemapTable th.end{border-bottom:0;}
.close {background:none; padding:20px;font-size:25px;font-family:'dotum'; color:#000;}
/* Æ˾÷ ·¹À̾î E */



/*================================
	°øÅë : header
================================*/

#header{
	position:relative;
	z-index:10000;
	width:100%;
	height:178px;
	z-index:999;
}
#header .headerTop {
	width: 100%;
	background:#333333;
 }
#header .headerTop .box {
	margin:0 auto;
	width:1200px;
	height: 30px;
}
#header .headerTop .box .topmenu{
	float:right;
	margin-top:-28px;
}
#header .headerTop .box .topmenu a{
	font-size:12px;
	color:#fff;
}
#header .headerTop .box ul li{
	float:left;
	padding:0px;
}
.headerTop_li:after {
    content: "";
    display: inline-block;
	margin: 0px 15px;
    width: 1px;
    height: 9px;
    background: #fff;
}
.headerTop_li1{
	width: 100%;
	padding: 0 0 5px 0 !important;
	color: #FFFFFF;
	font-weight: 700;
}



#header .top {
	overflow: hidden;
    position: relative;
    margin: 0 auto;
	padding:28px 0;
	width: 1200px;
}
.tbtn{
	position: absolute;
	top:34px;
	right: 0;
}
.tbtn2{
	position: absolute;
	top:50px;
	left: 0;
}
.top_header li{
	font-size:13px;
	font-weight:700;
	color:#8e8e8e;
}

.toplogo{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
}


#header .top h1{
	text-align:center;
	clear:both;
}

/* Gnb */
.gnbDiv {
    position: relative;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:60px;
	background:#0098bf;
	border-bottom: 1px solid #0098bf;
	z-index:10000
}
.gnbDiv .gnbWrap{
	overflow: hidden;
	position:absolute;
	left:50%;
	margin-left:-600px;
	width:1200px;
	z-index:10000;
	border-bottom:1px solid #0098bf;
}


.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;
	padding:18px 32px;
	font-size:18px;
	font-weight:700;
	color:#fff;
}

.gnbDiv .gnbWrap .gnb ul li.on a.oneDep{color:#fff}
.gnbDiv .gnbWrap .gnb ul li.on.six{padding-right:0}



.gnbDiv .gnbWrap .twoDep{/*³×ºñ°ÔÀÌ¼Ç ¼­ºê¸Þ´º ³ôÀÌÁ¶Àý*/
	display:block;
	margin-top:2px;
	padding-top:15px;
	height:245px;
	visibility: visible;
}
.gnbDiv .gnbWrap .twoDep li{
	clear:both;
	width:100%;
	padding-bottom:0px;
}
.gnbDiv .gnbWrap li.on .twoDep{
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	background:#fbfbfb;
}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover{
	vertical-align:top;
	text-decoration:none;
	color:#fff;
	background:#0098bf;
	letter-spacing:-1px;
}
.gnbDiv .gnbWrap li .twoDep a.on{
	color:#fff;
	vertical-align:top;
	background:#186398;
}
.gnbDiv .gnbWrap li .twoDep a{
	padding:7px 0;
	line-height:120%;
	font-weight:100;
	font-size:14px;
	color:#767676;
	letter-spacing:-1px;
}
.disB{display:block;}

.twoDbg{
	position:absolute;
	top:59px;
	width:100%;
	height: 300px;
	border-top:1px solid #ddd;
	background:#fff;
	z-index:9999;
}


/*================================
	°øÅë : contents
================================*/


/*================================
	°øÅë : footer
================================*/
#footer{
	width:100%;
	min-width:1200px;
	background:#2b2b2b;
	background:url(../images/f_bg.jpg) no-repeat center top;
}
#footer .foot{
	margin:0 auto;
	padding:50px 0 35px;
	width:1200px;
}

.logo{text-align: center;}


#footer .address{
	margin-left:52px;
	font-size:12px;
	color:#505050;
}
.address .footer_menu{
	margin-right:70px;
	text-align: right;
}
.address .footer_menu:last-child{margin-right:0;}
.address .footer_menu .tb{margin-bottom:20px;}
.address .footer_menu .tb a{
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.address .footer_menu li{
	margin-bottom:6px;
    text-align: right;
}
.address .footer_menu a{
	font-size:12px;
	color:#fff;
}



#footer2{
	width:100%;
	min-width:1200px;
	background:#333333;
}
#footer2 .foot2{
	margin:0 auto;
	width:1200px;
    height:146px;
}

.add{
	padding-top:80px;
	line-height:20px;
	font-size:12px;
	text-align: center;
	color:#fff;
}




/* Select */
.select{ position:relative; float:right; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; *zoom:1; margin-right: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:30px; width:100%; text-indent:5px;}
.select .ctrl{ position:absolute; top:6px; right:0; width:26px; height:20px; /*border:1px solid #bdbdbd;*/ border-left:1px solid #bdbdbd; background:url(../images/bg_ctrl.png)no-repeat 50% 50%;}
.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{margin-left:1px;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:-58px;}
.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;}