@charset "utf-8";
/* 서브-2차메뉴 (리뉴얼 : 상단 비주얼 하단에 위치) */
#depth_menu{ position:relative; width:100%; margin:0; background:transparent; font-family:'Pretendard Variable','Pretendard',system-ui,sans-serif; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
#depth_menu::-webkit-scrollbar{ display:none;}
#depth_menu dl{ display:inline-flex; margin:0; padding:0; white-space:nowrap;}
#depth_menu dd{ margin:0; padding:0;}
#depth_menu dd a{ position:relative; display:block; padding:0 20px; line-height:60px; font-size:15px; font-weight:700; letter-spacing:-.025em; color:rgba(255,255,255,.72); transition:color .2s;}
#depth_menu dd a:after{ content:""; position:absolute; left:20px; right:20px; bottom:0; height:3px; border-radius:3px 3px 0 0; background:#FFD9DE; transform:scaleX(0); transition:transform .25s ease;}
#depth_menu dd a:hover, #depth_menu dd a:focus{ color:#fff; text-decoration:none;}
#depth_menu dd a.current{ color:#fff; font-weight:800;}
#depth_menu dd a.current:after, #depth_menu dd a:hover:after{ transform:scaleX(1);}

@media (max-width:992px){
	#depth_menu dl{ padding:0 6px;}
	#depth_menu dd a{ padding:0 14px; line-height:50px; font-size:14px;}
	#depth_menu dd a:after{ left:14px; right:14px;}
}