/*서브-왼쪽메뉴*/

#depth_menu{position: relative;width:100%;z-index:0;transition: all 0.5s;background-color: #1b1f41;z-index: 1;}
#depth_menu dl{margin:0;padding:0;display: flex;align-items: center;/*justify-content: center;*/}
#depth_menu dd{width: 100%;height: 110px;display: flex;align-items: center;}
#depth_menu dd:not(:last-child):after{content:"";display: inline-block;width: 1px;height: 20px;background-color: #ffffff56;}
#depth_menu dd a{font-size: 1.23em; letter-spacing: -.030em; width: max-content;height: 100%;padding: 0 20px;line-height: 100%;transition:all 0.4s;color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;opacity: 0.8;position: relative;padding-bottom: 0px;font-weight: 200;min-width: calc(100% - 1px);}
#depth_menu dd a:after{content: '';display: block;position: absolute;left: 50%;transform: translateX(-50%);bottom: 30px;width: 9px;height: 9px;border-radius:100%;background: #fff; opacity: 0;}
#depth_menu dd a:hover{color:#fff; text-decoration:none; line-height:56px; transition:all 0.4s; opacity: 1;}

#depth_menu dd a:hover:after,
#depth_menu dd a.current:after{opacity: 1;bottom: 35px;transition:all 0.4s;}

#depth_menu dd a.current{font-weight:500;transition:all 0.4s; opacity: 1;}
#depth_menu dd a:hover,
#depth_menu dd a.current{ padding-bottom: 20px;}

@media (max-width:992px) {
    #depth_menu{transition: all 0.5s;overflow-x:scroll;overflow-y:hidden; 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:rgba(0,0,0); height:40px; font-weight:500; border-bottom:4px solid #1560af; width:100%; line-height:40px}
    #depth_menu dd a.current:after{ display:none}
}

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