@charset "utf-8";

/* 소메뉴 home|login... absolute 설정으로 혹시 모르는 top_menu 와 간섭 해결 */
#sh_tip_menu{position:absolute;right:0px;top:7px;overflow:hidden;z-index:999;font-family:'notokr-regular'}
#sh_tip_menu a{float:left;font-size:12px;color:#707070}
#sh_tip_menu a:after{display:inline-block;width:1px;height:9px;margin:0 7px;background-color:#c1c1c1;content:''}
#sh_tip_menu a:last-child:after{display:none}

/* Top Menu 기본 설정 크기 및 넓이 */
#topmenu_wrapper {position:relative;width:1200px;height:100px;margin:0 auto;font-family:'notokr-regular'}

/* Logo */
#top_logo {position:absolute;top:50%;transform:translateY(-50%)}

/* nav_depth  */
.top_nav{position:absolute;top:40px;left:400px;z-index:999}
.top_nav li{float:left;width: 170px;z-index:999999999;}
.top_nav li a{display:inline-block;color:#333;font-size:17px;letter-spacing:-0.3px;padding: 0;font-family:'notokr-medium'}
.top_nav li.on a, .top_nav li a:hover{color:#ac8c00;background:url(/sh_img/hd/top_menu/menu_bg.png) top left no-repeat}
.top_nav_depth{display:none;position:relative;margin:0px;padding: 37px 0 0px 0;font-size:14px}
.top_nav_depth.on{display:block}
.top_nav_depth li{float:none}
.top_nav_depth li a{padding:0px;width: 100%;margin-bottom:5px;border-bottom:1px solid rgba(255, 255, 255, 0);font-size:14px;color:#777;letter-spacing:-0.03em}
.top_nav_depth li a:hover{border-bottom:1px solid #ffc000;color:#333;background:none }

/* sub bg */
.top_nav_bg{display:none;position:absolute;top:100px;width:100%;height: 150px;background:#fff;opacity:0.95;z-index:10}