@charset "utf-8";

/* main header */
#topNavWrap{position:absolute;top:0;z-index:50;width:100%;padding:25px 0;transition:all .3s}
#topNavWrap .inner{display:flex;justify-content:space-between;align-items:center}
#topNavWrap.on .menu-item>a{color:var(--primary)}

/* 로고 */
#topNavWrap #top_logo{position:relative}

/* 대분류  */
#topNav{position:absolute;left:50%;transform:translateX(-50%);z-index:1;list-style:none;height:96px}
#topNav:after{display:block;content:"";visibility:hidden;clear:both}
#topNav > li{float:left;position:relative;padding:0 35px;line-height:100px}
#topNav > li > a{display:block;font-size:16px;font-weight:600;color:#fff;transition:all .2s}
#topNav > li:hover > a{color:var(--brand-color)}

/* 소분류 */
.top_nav_s{display:none;position:absolute;width:100%;min-height:165px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.top_nav_s li a{display:block;margin:0px;font-size:16px;font-weight:400;line-height:1.8;text-align:center;color:#777;font-family:var(--sub-font);transition:color .2s}
.top_nav_s li a:hover{color:#222}
.top_nav_bg{position:fixed;width:100%;display:none;top:0;left:0;height:240px;border-top:1px solid #e1e1e1;background:#fff;-webkit-box-shadow:0px 12px 12px -17px rgba(0,0,0,0.25);box-shadow:0px 12px 12px -17px rgba(0,0,0,0.25)}

/* 회원가입 */
#topNavWrap .sh_tip{display:flex;gap:15px}
#topNavWrap .sh_tip a{color:#fff;opacity:.5;font-family:var(--sub-font);transition:all .3s}
#topNavWrap .sh_tip a:hover{opacity:1}