@charset "utf-8";

#shGnb{display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 auto;width:1800px;height:90px}
.sh_lnb_bg{display:none;position:absolute;top:0;left:0;width:100%;height:240px;background-color:#fff;box-shadow:0px 8px 5px rgba(0,0,0,10%)}

/* 로고 */
#shGnb .sh_logo{position:relative;z-index:20}

/* 대분류  */
#shGnb .sh_nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}
#shGnb .sh_nav > li{float:left;position:relative;padding:0 33px;line-height:70px}
#shGnb .sh_nav > li > a{display:block;font-size:15px;font-weight:400;color:var(--dark);text-transform:uppercase;transition:all .2s}
#shGnb.on .sh_nav > li > a{color:#222}
#shGnb.on #pfBtn span, #shGnb.on #pfBtn span:after, #shGnb.on #pfBtn span:before{background:var(--primary)}

/* 소분류 */
#shGnb .sh_lnb_s{display:none;position:absolute;left:50%;transform:translateX(-50%);min-width:100%;width:max-content;min-height:145px}
#shGnb .sh_lnb_s li a{display:block;font-size:15px;line-height:1.8;text-align:center;color:#999;font-weight:390;transition:all .2s}
#shGnb .sh_lnb_s li a:hover{color:var(--primary)}

.sh_tip{font-size:14px;font-weight:600;font-family:var(--k-font)}
.sh_tip li{display:inline-block}
.sh_tip li+li{margin-left:15px}
.sh_tip li a{color:rgba(255, 255, 255, .5);transition:all .2s}
.sh_tip li a:hover{color:#fff}
#shGnb.on .sh_tip li a{color:#aaa}

#shGnb .h_r_btn{display:flex;align-items:center;justify-content:center;width:148px;height:38px;background:#5f58ff;border-radius:50pt;color:#fff;font-weight:400;font-size:14px;transition:all .5s}
#shGnb .h_r_btn .icon{width:20px;margin-right:15px}
#shGnb .h_r_btn:hover{background:var(--purple)}