/*서브-2차메뉴*/
.sub_nav{position:relative; width:1200px; margin:0 auto;}
section{position:relative; width:100%; margin:40px 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:#333; transition:all 0.3s ease;}
#left dd a:hover:before,
#left dd a.on:before{width:100%;}
#left dd a.on:before{background:#3DA5FF}
#left dd a:hover{color:#333; opacity:1;}
#left dd a.on{ color:#3DA5FF; opacity:1;}
/*
@media (max-width:768px) {
	section{top:-94px;}
}
*/

@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; white-space: nowrap;}
	#left dd{display:table-cell;}
	#left dd a{font-size:15px; padding:15px; margin:0; border-bottom: 1px solid #eee;}
	#left dd a:before{bottom:0;}
}