@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:#615557}

/* 서브페이지 */
#topNavWrap.sub #topNav>li>a{color:#fff}
#topNavWrap.sub.on .menu-item>a{color:#615557 !important}

/* 로고 */
#topNavWrap #top_logo{position:relative;width:220px}
#topNavWrap #top_logo a{display:block;width:100%}
#topNavWrap #top_logo img{display:block;width:220px;height:auto;object-fit:contain}

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

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

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