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

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

/* Æ˾÷ ·¹À̾î S */
.popupLayer {position:absolute; left:0; top:0; width:100%; height:100%; z-index:100000; -ms-filter: alpha(opacity=50); filter: alpha(opacity=50); opacity:0.5; -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;}
.popup_box .th1, .popup_box .td1 {border-bottom:1px solid #ececec;}
.popup_box .th1 { background:#666; color:#fff; text-align:center; font-size:14px; }
.popup_box h4{font-size:20px;}
.popup_box a{padding:5px;}
.popup_box a:hover {background:#eee; }

.popupLayer iframe, .popup_box iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
/* Æ˾÷ ·¹À̾î E */

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

#header{position:absolute;z-index:9999; width:100%; background:#2d5999;}
#header .TOP{position:relative; width:1200px; height:108px;  margin:0 auto;}
#header h1{position:absolute; left:50%; margin-left:-150px; display:inline-block; margin-top:41px;}
#header .util{float:right; margin:52px 0 10px 0; text-align:right; font-size:10px; letter-spacing:5px; color:#acc2e2;}/*»ó´Ü ž¸Þ´º*/
#header .util a{letter-spacing:0; font-size:11px; padding:7px 0px; color:#acc2e2;}
#header .util a:hover {color:#fff !important;}
#header .sns {display:inline-block; float:left; overflow:hidden; margin:45px 0 0 0;}
#header .sns a:hover {filter:alpha(opacity=80);opacity:0.8;}
#header .sns li{float:left; padding:0px 2px;}

.gnb_wrap {
	background:#fff;
	position:absolute;
	margin-top:;
	width:100%;
	text-align:center;
	}
.gnb{
	display:inline-block;
	margin:0 auto;
	margin-left:40px;
}
.gnb:after{
	content:"";
	clear:both;
	display:block;
}
.gnb>li{
	float:left;
	position:relative;
	padding:0 40px;
}

.gnb>li span{
	float:left;
	position:relative;
	padding:20px 0;
	font-size:16px;
	color:#dddddd;
}
.gnb>li:first-child{padding:0 30px 0 0; }
.gnb>li:last-child{padding:0 0 0 30px; }
.gnb>li>a{
	display:block;
	font-family:'NanumSquare';
	padding:8px 40px;
	text-align:center;
	line-height:45px;
	font-size:20px;
	font-weight:600;
	color:#464646;


}
.gnb>li>a:hover{
	font-weight:600;
	color:#25408f;
	

}
.gnb > li:hover .sub{
	display:block;
}
.sub{
	position:absolute;
	display:none;
	width:100%;
	z-index:100000000000;
	border:1px solid #cecece;
	border-top:2px solid #0a1019;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	outline-style: none;
	transition:all 0.3s;

}
.sub > li > a:hover{
	background:#2d5999;
	color:#fff;
}
.sub li a{
	display:block;
	padding:15px 10px;
	line-height:100%;
	color:#000;
	font-size:13px;
	font-weight:300;
	text-align:center;
	border-bottom:1px solid #cecece;
	background:#fff;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	outline-style: none;
	transition:all 0.3s;

}
.sub li:last-child > a{border-bottom:0;}

.s1{margin:0px 0 0 -50px;width:290px;}
.s2{margin:0px 0 0 -65px;width:280px;}
.s3{margin:0px 0 0 -55px;width:300px;}
.s4{margin:0px 0 0 -65px;width:250px;}




/*
#gnb{position:absolute; right:0; top:55px;}
#gnb ul.navLinks{float: right; } 
#gnb ul.navLinks  li {position:relative; float:left; display:block; font-family:'NanumSquare';font-size:16px;}
#gnb ul.navLinks  li  a{padding:20px 35px; display:block; color:#222222; font-size:20px;}
#gnb ul.navLinks  li a:hover{color:#00376f;  } 
#gnb ul.navLinks  li.last a{padding:10px; margin:5px 0 5px 35px;}
#gnb ul.navLinks  li.last a:hover {border:0 !important;;}
.nav01, .sub1 {width:150px;}
.nav02, .sub2 {width:200px;}
.nav03, .sub3 {width:120px;}
.nav04, .sub4 {width:210px;}
.nav05, .sub5 {width:150px;}

#gnb ul.navLinks  li.root  a:hover, 
#gnb ul.navLinks  li.root  .subnavRootHover{}
.navLinks  li.root  a:hover, .navLinks  li.root  .subnavRootHover{} 
#gnb ul.navLinks .subnav{display:none;	position:absolute;	top:60px;	left:0;	padding:0;	width:100%;background-color:#fff; border: 1px solid #e8e8e8; border-top:2px solid #000;}
#gnb ul.navLinks .subnav li{clear:both !important; margin:0 auto;padding:4px 0; background-color:#fff; 	text-align:center;}*/




a.on:link, a.on:visited, a.on:active { text-decoration:none; color:#00f6ff;}
a.on:hover { text-decoration:none;color:#00f6ff;}

/*================================
	°øÅë : 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;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom: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;}

.clear {clear:both;}


/* 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{position:relative;width:100%;  min-width:1000px; background:#0a1019;}
#footer .foot{position:relative; overflow:hidden; width:1200px; height:92px; min-width:1000px; margin:0 auto; }
#footer .foot p{text-align:center;  font-size:11px; color:#e5e5e5;}
#footer .logo{margin:0 auto; width:100%; height:75px; background:#fff;text-align:center;border-top:1px solid #dddddd;}
#footer .logo img{padding-top:28px;}
#footer .add {text-align:center;width:1200px; margin-top:32px;}
#footer .add span{font-size:10px; margin:0 10px;}
#footer .copy {float:right; width:1200px; margin-top:5px;}
#footer .copy img {vertical-align:middle; margin:5px;}
#footer .partner{float:left; 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;}