@charset "utf-8";

#topNavWrap{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:100;max-width:1920px;min-width:1400px;width:100%;height:100px;padding:0 80px}

/* 로고 */
#top_logo{z-index:101}

/* 대분류  */
#topNav{z-index:1;height:100px}
#topNav:after{display:block;content:"";visibility:hidden;clear:both}
#topNav > li{float:left;position:relative;padding:0 40px;line-height:100px}
#topNav > li > a{display:block;font-size:17px;font-weight:700;color:#000;transition:all .2s;font-family:'Pretendard'}

/* 소분류 */
.top_nav_s{display:none;position:absolute;left:50%;transform:translateX(-50%);min-width:130px;width:max-content;margin-top:-15px;border-radius:10px;background:rgba(255,255,255,.9)}
.top_nav_s li a{display:block;padding:12px;font-size:14px;line-height:1.8;text-align:center;font-weight:500;color:#000;transition:all .2s;font-family:'Pretendard'}
.top_nav_s li a:hover{color:var(--primary)}

.sh_tip{display:flex}
.sh_tip a{font-size:13px;font-weight:700;color:rgba(0,0,0,50%);transition:all .3s;font-family:'Play'}
.sh_tip li+li{position:relative;margin-left:15px;padding-left:15px}
.sh_tip li+li:before{position:absolute;content:'';top:0;left:0;width:1px;height:100%;background:#e1e1e1}
.sh_tip a:hover{color:var(--primary)}