@charset "utf-8";

/* 소메뉴 home|login... absolute 설정으로 혹시 모르는 top_menu 와 간섭 해결 */
#sh_tip_menu {position:absolute;right:0;top:-28px;font-size:9pt;z-index:9999;font-size:11px;overflow:hidden;height:28px;line-height:28px;}
#sh_tip_menu li {float:left;padding:0 10px;background:url(/sh_img/hd/top_menu/sh_tip_menu_bar.png) no-repeat right center;}
#sh_tip_menu li.last {background:none;}
#sh_tip_menu li a {color:#b5b5b5;letter-spacing:-0.05em;font-size:1em;}

/* Top Menu 기본 설정 크기 및 넓이 */
/* #topmenu_wrapper {position:relative;height:68px;} */
#topmenu_wrapper{display:flex; align-items:center; justify-content:space-between; height:100%;}

/* Logo */
/* #top_logo {position:absolute;top:36px;left:0;padding:0;width:248px;height:43px;z-index:99999;text-align:center;} */

/* nav_depth  */
/* .top_nav {position:absolute;top:36px;right:0%;z-index:9999;} */
/* .top_nav li{float:left;padding:0 26px;z-index:9999999;text-align:center;} */
/* .top_nav li a{display:inline-block;color:#000;font-weight:bold;font-size:16px;letter-spacing:-0.5px;padding:20px 0;} */
/* .top_nav li.on a, .top_nav li a:hover{color:#ffbb18;} */

.top_nav{display:flex; align-items:center;} 
.top_nav li{margin-right:54px;}
.top_nav li:last-child{margin-right:0;}
.top_nav li > a {color:#111; font-weight:700; font-size:16px; font-family:var(--pre);}
.top_nav li.list06{overflow:hidden; border-radius:50pt;
 border: 2px solid transparent; border-radius:50pt;
background: linear-gradient(#fff, #fff) padding-box,linear-gradient(90deg,#00b8ff 0%,#6529ff 9%,#7e34dd 31%,#6529ff 94%,#00b8ff 100%) border-box;
}
.top_nav li.list06 > a {display:flex; align-items:center; padding-left:20px;  width:145px; height:38px; line-height:38px; background:url("./h_arrow_icon.png") no-repeat right 20px center;}
.top_nav li a:hover .txt_ls{}
.top_nav_depth{display:none;position:relative;margin:0px;padding:15px 0 40px 0;font-size:1.05em;z-index:9999999;}
.top_nav_depth.on{display:block}
.top_nav_depth li{float:none;/*text-align:center;*/z-index:9999999;}
.top_nav_depth li a{margin:0px;padding:0 0 0 30px;color:#6c6c6c;font-size:1.1em;line-height:1.7;font-weight:normal;letter-spacing:-0.03em;}
.top_nav_depth li a:hover{color:#333;font-weight:bold}



/*
li.list01{width:80px;}
li.list02{width:100px;}
li.list03{width:130px;}
li.list04{width:140px;}
li.list05{width:130px;}
li.list06{width:120px;}
li.list07{width:120px;} 
*/


/* sub BG */
.top_nav_bg {position:absolute;top:81px;width:100%;height:177px;display:none;background:#fff;opacity:1;filter:alpha(opacity=100);z-index:-9999; border-bottom:1px solid #2b343d}