/*서브-2차메뉴*/
#left{ visibility:hidden; border-bottom:1px solid #ddd; background:#fff;}
#left dl{ text-align:center; width:100%; margin:0 auto;}
#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 dt p{ font-size:12px; color:rgba(250,250,250,0.6);}
#left dd{ display:inline-block; margin:0; padding:0;}
#left dd a{ display:block; line-height:60px; color:rgba(0,0,0,0.8); font-size:1.25em; font-weight:400; padding:0 20px;}
#left dd a.current{ color:#fb9397; font-weight:500;}
#depth_menu dd:after {display:block;visibiddty:hidden;clear:both;content:""}
@media (max-width:767px) {
#left{ width:100%; left:0px; margin-left:0; overflow-x:scroll;}
#left dl{text-align:left; width:100%;  white-space: nowrap; overflow-x:scroll}
#left dd{ white-space:nowrap; float:none; display:inline-block;}
#left dd a{ line-height:50px;  padding:0 7px; font-size:1.1em;}
#left dd a.current{ background:#fff;}
}


/*서브-왼쪽메뉴*/

#depth_menu{ margin: 0px auto;width:100%; position:relative; bottom:0px; height:52px; /*border-top:1px solid #76b227; border-bottom:1px solid #cbd0c3; box-shadow: 1px 1px 5px rgba(0,0,0,.1);*/ z-index:0; transition: all 0.5s; border-bottom:1px solid #ddd;}
#depth_menu dl{ margin:0; padding:0; display: inline-block; /*border-left:1px solid #fff;*/}
#depth_menu dd:after {display:block;visibiddty:hidden;clear:both;content:""}
#depth_menu dd:first-child{/*border-left:1px solid #dcdcdc;*/}
/*#depth_menu dd:last-child{border-right:0px}
#depth_menu dd{ float:left; color:#fff; line-height:50px; display:inline; height:60px;}
#depth_menu dd a{ color:#333;  font-size:1.25em; display: block; line-height: 60px; font-weight:500; padding:0 25px; transition:all 0.4s;}
#depth_menu dd a:hover{color:#2e73a5; text-decoration:none; height:50px; transition:all 0.4s;}
#depth_menu dd a.current{color:#2e73a5; height:60px; font-weight:500; border-bottom:4px solid #2e73a5; width:100%}*/
#depth_menu dd{ float:left; color:#fff; line-height:50px; /*width:170px;*/ display:inline; height:50px; padding:0 20px;*border-top:1px solid #fff; border-bottom:1px solid #fff;*/ border-right:1px solid rgba(255,255,255,.6);}
#depth_menu dd:last-child{ border-right:0}
#depth_menu dd a{ color:rgba(0,0,0,.8);  font-size:1.23em; display: block; line-height: 50px; font-weight:500; transition:all 0.4s; background:#fff;}
/*#depth_menu dd a:hover{color:#00a8ff; text-decoration:none; line-height:50px; transition:all 0.4s;}*/
#depth_menu dd a.current{color:#008ce5; line-height:50px; font-weight:500; width:100%;}

@media (max-width:992px) {
#depth_menu{ position:relative; transition: all 0.5s; overflow-x:scroll; bottom:0px; width:100%; height:46px; background:#fff; border-bottom: 1px solid #e1e4e3;}
#depth_menu dl{ white-space:nowrap}
#depth_menu dd{ white-space:nowrap; float:none; display:inline-block;}
#depth_menu dd:last-child{border-right:0px}
#depth_menu dd{ float:none; color:#fff; line-height:44px; display:inline-block; height:44px; width:auto; padding:0}
#depth_menu dd a{ color:#666;  font-size:1.12em; display: block; line-height: 44px; font-weight:500; padding:0 15px; transition:all 0.4s;}
#depth_menu dd a:hover{text-decoration:none; height:44px; transition:all 0.4s;}
#depth_menu dd a.current{height:40px; font-weight:500; /*border-bottom:4px solid #3c3c3c;*/ width:100%; line-height:40px}
/*#depth_menu{ display:none}*/
}	

@media (max-width:767px) {
#depth_menu dd a{ padding:0 10px; transition:all 0.4s;}
}