@charset "utf-8";

#topNavWrap{position:relative;z-index:99;display:flex;align-items:center;justify-content:space-between;width:var(--main-size);height:90px;margin:0 auto;border-bottom:1px solid rgba(255,255,255,.0);transition:all .3s;font-family:var(--font)}

/* 로고 */
#top_nav{position:absolute;top:50%;left:50%;display:flex;justify-content:center;width:70%;transform:translate(-50%, -50%)}
#top_nav>li{position:relative;padding:0 35px;font-size:17px;color:#222;letter-spacing:-0.3px;text-align:center;font-family:var(--font)}
#top_nav>li>a{display:block;padding:18px 0;color:#222;font-weight:600;transition:all .3s}
#top_nav>li>a:hover{color:#222}
#top_nav ul{display:none;position:absolute;top:54px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);min-width:140px;border-radius:6px;background-color:#fff}
#top_nav ul li{float:none;margin-left:0;font-size:14px}
#top_nav ul li+li{border-top:1px solid #e1e1e1}
#top_nav ul a{display:block;font-weight:600;color:#999;-webkit-transition:all .3s;transition:all .3s;font-family:var(--font)}
#top_nav ul a:hover{color:#222}
#top_nav ul>li>a{padding:13px 20px}

#topNavWrap .link{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;background:var(--primary);transition:all .3s}
#topNavWrap .link svg{width:20px}
#topNavWrap .link:hover{padding:8px 25px}