/*서브-왼쪽메뉴*/

#depth_menu{ margin: 0px auto;width:100%; position:absolute; bottom:0px; height:60px; /*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}
#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:48px; width:170px;  display:inline; height:48px; /*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.13em; display: block; line-height: 48px; font-weight:500; transition:all 0.4s; background:#fff;}
#depth_menu dd a:hover{color:#fff; text-decoration:none; line-height:48px; transition:all 0.4s; background:#0d7e3e;}
#depth_menu dd a.current{color:#fff; line-height:48px; font-weight:500; width:100%; background:#0d7e3e}

@media (max-width:992px) {
#depth_menu{ position:absolute; transition: all 0.5s; overflow-x:scroll; bottom:0px; width:100%; height:40px; 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:38px; display:inline-block; height:40px; width:auto}
#depth_menu dd a{ color:#666;  font-size:1.02em; display: block; line-height: 38px; font-weight:500; padding:0 25px; transition:all 0.4s;}
#depth_menu dd a:hover{color:#fff; text-decoration:none; height:40px; transition:all 0.4s;}
#depth_menu dd a.current{color:#fff; 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;}
}