@charset "utf-8";

div#content-wrap{width:100%; margin:0 auto; padding:0; height: auto; clear:both;}
div#lnb-wrap{max-width:100%; margin:0;padding:0; height:60px; background:#0053a5;}
div.pc-lnb{margin:0 auto; padding:0; max-width:1300px; display: block;}
	#lnb{width:100%;}
	#lnb li{position:relative; width:16.6%; float:left; border-right: 1px solid rgba(255,255,255,0.2); box-sizing: border-box;}
	#lnb li:first-child{border-left: 1px solid rgba(255,255,255,0.2);}
	#lnb li a {display:block; overflow:hidden; height:60px; word-wrap:break-word; font-size:17px; font-weight:500; line-height:60px; text-align:center; color:#fff; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; white-space:nowrap;}
	#lnb li a span::after {content:""; position:absolute; width:0; height:2px; top:0; left:50%; background-color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
	#lnb li a.on span::after, #lnb li:hover > a span::after {width:100%; left:0;}
	#lnb li a:active,
	#lnb li a:hover{}
	#lnb li a.on{background:#fff; color:#444;}
	
	.lnb2 li{width:50%;}
	.lnb3 li{width:33.33%;}
	.lnb4 li{width:25%;}
	.lnb5 li{width:20%;}
	.lnb6 li{width:16.6%;}

div.mobile-lnb{display:none; position: relative; top: 0; background:#fff; border-bottom:1px solid #ccc;}
div.mobile-lnb > ul{}
div.mobile-lnb > ul:after{display:block;clear:both;content:''}
div.mobile-lnb > ul > li{position: relative; float:left; width:45%; line-height: 50px; color: #444;}
div.mobile-lnb > ul > li:before{position:absolute;top:0;left:0;content:"";display:block;width:1px;height:100%;background-color:#ccc;}
div.mobile-lnb > ul > li:first-child{width: 10%; text-align: center;}
div.mobile-lnb > ul > li:first-child:before {content:none;}
div.mobile-lnb > ul > li a span {display:block; padding-left:15px; background:url("/images/lnb_arrow.png") 92% 50% no-repeat;}

div.mobile-lnb > ul > li > .lnb-list {position: absolute; top: 50px; left: 0; width:100%; z-index:999}
div.mobile-lnb > ul > li > .lnb-list > ul {padding:20px 0; background:#eee; border:1px solid #ccc;}
div.mobile-lnb > ul > li > .lnb-list > ul > li {line-height: 34px;}
div.mobile-lnb > ul > li > .lnb-list > ul > li a{padding-left:20px;}
div.mobile-lnb > ul > li.cateOneD1 > .lnb-list {display: none;}
div.mobile-lnb > ul > li.cateOneD2 > .lnb-list {display: none;}
div.mobile-lnb > ul > li.cateOneD2 > .lnb-list > ul > li {width:100%;}
select#linksite{display: none;}

/* 서브 비쥬얼*/
.sub_visual {display:table; table-layout:fixed; width: 100%; height: 170px; padding-top:180px; color:#fff; text-align: center;}
.sub_visual h2 {margin-bottom:30px; font-size:40px; font-weight:700; text-transform:uppercase /*text-shadow:1px 1px 1px rgba(0,0,0,0.4);*/}
.sub_visual p {font-size:18px; font-weight:300; letter-spacing:5px; /*text-shadow:1px 1px 1px rgba(0,0,0,0.4);*/}

/* 본문 */
div#content{width:100%; padding:0; min-height:600px;}
div#position{position:relative; margin:0 auto 80px; padding:0; max-width:1300px;}
div#position h3{margin:100px 0 40px; font-size:36px; color:#222; font-weight:700; clear:both; text-align: center; text-transform:uppercase}
	.position_here {text-align:center}
	.position_here li{display:inline-block; margin:0 13px 0 0; padding:0 0 0 15px; font-size:16px; line-height:14px; background:url("/images/position_arrow.gif") 0 3px no-repeat; list-style:none;}
	.position_here li:first-child{padding-left:0; background:none;}
	.position_here span{color:#444; font-weight:700;}

div#content_body{position:relative; min-height:400px; padding-bottom:100px;}

@media (max-width:768px){
	#lnb li a{font-size: 11px;}
	div.pc-lnb{display: none;}
	div#lnb-wrap{padding: 0; background-color: transparent;}
	select#linksite{width:100%; display: block; }
	div.mobile-lnb{display:block;}
	
	/* 서브 비쥬얼*/
	.sub_visual {height: 120px; padding-top:120px;}
	.sub_visual h2 {margin-bottom:20px; font-size:34px;}
	.sub_visual p {font-size:14px;}
	
	div#position { margin-bottom:40px}
	div#position h3 {margin:60px 0 30px; font-size:35px;}		
	div#content_body {position:relative; padding-bottom:60px;}
}