/*서브-2차메뉴*/
.sub_nav{position:relative; width:1200px; margin:0 auto;line-height: 80px;}
section{position:relative; width:100%; margin:auto 0; z-index:1;}
#left{ margin:0 auto; text-align:left;}
#left dl{}
#left dl:after{display:block; content:""; clear:both;}
#left dt{/* font-size:2em; color:#fff; font-weight:500; background:url(s_bg.jpg) no-repeat center top; text-align:center; padding-top:25px;*/ display:none;}
#left .dd{display:inline-block;}
#left dd{ display:inline-block; }
#left dd a{position:relative; display:block; color:#333; padding:0 2px; margin:0 20px 0 0; border-radius:0; font-size:18px;; font-weight:500; position:relative; z-index:2; opacity:0.5;}
#left dd a:before{content:''; position:absolute; left:0; right:0; bottom:-5px; width:0; height:3px; background:#192448; transition:all 0.3s ease;} 
#left dd a:hover:before,
#left dd a.on:before{width:100%;} 
#left dd a:hover{color:#192448; opacity:1;}
#left dd a.on{ color:#192448; opacity:1;}
/*
@media (max-width:768px) {
	section{top:-94px;}
}
*/

@media (max-width: 1024px) {
	.sub_nav {
		width: 100%;
	}
}
@media (max-width:1024px) {
	section{background:#fff; margin:0 auto;}
	#left{width:100%; overflow-x:scroll; overflow-y:hidden;}
	#left dl{}
	#left .dd{display:table; width:100%; text-align:center;}
	#left dd{display:table-cell;}
	#left dd a{font-size:15px; padding:15px; margin:0; white-space: nowrap;}
	#left dd a:before{bottom:0;}
}