@charset "utf-8";
#topNavWrap{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10;width:100%;padding-top:64px;transition:all .3s}
#topNavWrap .nav_area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}

/* 마우스온 */
#topNavWrap.on{border-color:#e1e1e1;background-color:#fff}
#topNavWrap.on #topNav > li > a{color:var(--brand-color);font-family:var(--e-font)}
#topNavWrap.on #menuLine{background-color:var(--brand-color)}

/* 로고 */
#top_logo h1{font-family:var(--e-font);font-size:34px;font-weight:normal;color:var(--brand-color)}

/* 대분류  */
#topNav{position:relative;z-index:1;height:100px;padding:0 100px}
#topNav:after{display:block;content:"";visibility:hidden;clear:both}
#topNav > li{float:left;position:relative;padding:20px 40px}
#topNav > li > a{display:block;font-size:22px;color:var(--brand-color);transition:all .2s}
#menuLine{position:absolute;bottom:-1px;left:50%;width:0;height:1px;background-color:transparent;transition:all 0.5s ease-in-out}

/* 소분류 */
.top_nav_s{display:none;position:absolute;width:100%;min-height:max-content;top:100%;left:50%;transform:translateX(-50%);padding:30px 0;border-radius:15px;background-color:var(--brand-color)}
.top_nav_s li a{display:block;margin:0px;font-size:16px;line-height:2;text-align:center;color:#111;transition:color .2s;font-family:var(--k-font)}
.top_nav_s li a:hover{color:#222}

/* 서브페이지 */
#sh_hd.sub #topNavWrap{position:relative;left:unset;transform:none}
#sh_hd.sub #top_logo h1{color:#111}
#sh_hd.sub #topNav > li > a{color:#111}