

/*서브-2차메뉴*/
#left{ width:200px; height:auto; position:absolute; top:0px; left:0px; box-sizing:boder-box;}
#left dl{}
#left dl:after{ display:block; content:""; clear:both;}
#left dt{ height:100px; font-size:2em; color:#fff; font-weight:500; background:url(s_bg.jpg) no-repeat center top; text-align:center; padding-top:25px;}
#left dt p{ font-size:12px; color:rgba(250,250,250,0.6);}
#left dd{ display:block; margin:0; padding:0;}
#left dd a{ display:block; line-height:45px; color:#777; font-size:1.2em; text-indent:15px; font-weight:400; border-bottom:1px dotted #ccc; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#left dd a:hover{ color:#333; text-decoration:none;}
#left dd a.on{ color:#333;font-weight:500; background:#f5f5f5;}
#left dd a.on:after{ display:inline-block; content:""; width:3px; height:3px; background:#1f3c88; margin:0 0 3px 10px;}
@media (max-width:575px) {
#left{ width:100%; height:45px; position:relative; top:auto;left:auto;overflow-x:scroll; background:#ceddef; border-right:0; padding:0 ;}
#left dl{ width:100%; min-width:380px; text-align:left;}
#left dt{ display:none;}
#left .dt_bar{ display:none;}
#left dd{ display:inline-block;}
#left dd a{ text-align:center; line-height:35px;  padding:0 10px; margin-top:10px; text-indent:0; font-size:1.15em; color:#555; border-bottom:0; border-left:0; border-right:0;}
#left dd a.on{ background:#fff;}
#left dd a.on:after{ display:none;}
}
