@charset "utf-8";

#topNavWrap{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;height:100px;padding:15px 80px 0;transition:color .3s;}

/* 마우스온 */
#topNavWrap.on{border-color:#e1e1e1;background-color:#fff}
#topNavWrap.on #topNav > ul > li > a{color:#111}
#topNavWrap.on #menuLine{background-color:#666}

/* 대분류  */
#topNav > ul:after{display:block;content:"";visibility:hidden;clear:both}
#topNav > ul > li{float:left;position:relative;padding:0 22px;line-height:85px}
#topNav > ul > li > a{display:block;font-size:17px;font-weight:400;color:#fff;transition:all .2s;font-family:var(--e-font),var(--k-font)}
#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:165px;left:50%;transform:translateX(-50%);padding-top: 20px;}
.top_nav_s li a{display:block;margin:0px;font-size:14px;line-height:26px;text-align:center;color:#08151d;transition:color .2s;font-family:var(--k-font)}
.top_nav_s li a:hover{color:#999}

/* 전체메뉴배경 */
.top_nav_bg{position:fixed;width:100%;display:none;top:100px;height:170px;border-top:solid 1px #e1e1e1;background:#fff;box-shadow:0px 12px 12px -17px rgba(0,0,0,0.25);}