@charset "utf-8";

#axGnb{height:76px;padding:0 40px;border-bottom:1px solid #edf0f5;background:#fff;position:sticky;top:0;z-index:100}
#axGnb .inner{max-width:1280px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
#axGnb .logo img{display:block;height:55px}
#axGnb .nav{display:flex;gap:46px;margin-left:70px}
#axGnb .nav a{padding:20px 0;font-size:16px;font-weight:500;color:var(--ink)}
#axGnb .nav a:hover{color:var(--blue)}
#axGnb .actions{display:flex;align-items:center;gap:20px;font-size:13px}
#axGnb .user{font-weight:600;color:#526078}
#axGnb .primary-btn{border:0;background:var(--blue);color:#fff;border-radius:999px;padding:14px 24px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #1769ff2e}
#axGnb .dropdown{position:relative}
#axGnb .gnb-toggle{display:none;position:absolute;top:140%;left:50%;transform:translateX(-50%);min-width:150px;width:max-content;padding:8px 20px;border-radius:12px;text-align:center;line-height:1.8;color:#fff;background:var(--ink)}
#axGnb .gnb-toggle a{display:block;padding:4px 0;color:#fff;opacity:.5;font-size:15px;transition:all .3s}
#axGnb .gnb-toggle a:hover{opacity:1}

/* 반응형 메뉴 [s] */
#topmenuM{display:none;position:sticky;top:0;z-index:100;width:100%;height:70px;padding:0 20px;border-bottom:1px solid #edf0f5;background:#fff}
#m_logo{display:flex;align-items:center;height:100%}
#m_logo a{display:inline-block}
#m_logo img{display:block;height:50px}
#m_navBtn{position:absolute;top:50%;right:20px;z-index:103;width:30px;height:30px;transform:translateY(-50%);cursor:pointer}
#m_navBtn span{display:block;position:absolute;top:50%;left:0;width:100%;height:2px;background:var(--ink);transform:translateY(-50%);transition:all .2s}
#m_navBtn span:before,#m_navBtn span:after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--ink);transition:all .2s}
#m_navBtn span:before{top:-8px}
#m_navBtn span:after{top:8px}
#m_navBtn.on{position:fixed;top:35px}
#m_navBtn.on span{background:transparent}
#m_navBtn.on span:before{top:0;transform:rotate(45deg)}
#m_navBtn.on span:after{top:0;transform:rotate(-45deg)}
#navWrap{display:none;position:fixed;inset:0;z-index:101;background:rgba(13,24,43,.5)}
#navWrap .inner{overflow-y:auto;position:absolute;top:0;right:-40px;width:min(78%,360px);height:100%;padding:75px 0 30px;background:#fff;opacity:0;transition:all .3s}
#navWrap.on .inner{right:0;opacity:1}
#topmenuM .m_user{display:flex;justify-content:center;gap:14px;padding:0 22px 18px}
#topmenuM .m_user a{font-size:13px;font-weight:600;color:#526078}
#topmenuM .m_lnb>li>a,#topmenuM .m_bmenu{display:block;position:relative;width:100%;height:54px;padding:0 22px;border:0;border-bottom:1px solid #edf0f5;background:none;font-size:16px;font-weight:600;line-height:54px;text-align:left;color:var(--ink)}
#topmenuM .m_bmenu:after{content:"";position:absolute;top:50%;right:24px;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
#topmenuM .m_bmenu.on:after{transform:translateY(-25%) rotate(225deg)}
#topmenuM .m_smenu{display:none;padding:10px 22px;border-bottom:1px solid #edf0f5;background:#f7f8fa}
#topmenuM .m_smenu a{display:block;padding:9px 0;font-size:14px;color:#6f7b8f}
#topmenuM .m_cta{padding:22px}
#topmenuM .m_cta .primary-btn{display:block;padding:14px 16px;border-radius:999px;background:var(--blue);font-size:13px;font-weight:700;text-align:center;color:#fff}
body.m-nav-open{overflow:hidden}

@media(max-width:1280px){
#axGnb{padding:0 24px}
#axGnb .nav{gap:28px;margin-left:35px}
#axGnb .actions{gap:14px}
#axGnb .primary-btn{padding:12px 18px}
}
@media(max-width:1024px){
#axGnb{display:none}
#topmenuM{display:block}
#topmenuM .m_smenu a{padding:4px 0}
}
@media(max-width:768px){
#navWrap .inner{width:min(84%,340px)}
}
@media(max-width:580px){
#topmenuM{height:65px;padding:0 16px}
#m_logo img{height:45px}
#m_navBtn{right:16px}
#m_navBtn.on{top:32px;right:16px}
#navWrap .inner{width:min(88%,330px);padding-top:50px}
}
@media(max-width:480px){
#topmenuM{padding:0 14px}
#m_logo img{height:42px}
#m_navBtn{right:14px}
#m_navBtn.on{right:14px}
#navWrap .inner{width:88%}
#topmenuM .m_lnb>li>a,#topmenuM .m_bmenu{height:52px;padding:0 18px;font-size:15px;line-height:52px}
#topmenuM .m_smenu{padding:9px 18px}
#topmenuM .m_user,#topmenuM .m_cta{padding-left:18px;padding-right:18px}
}
@media(max-width:390px){
#topmenuM{padding:0 12px}
#m_logo img{max-width:145px;height:40px;object-fit:contain}
#m_navBtn{right:12px}
#m_navBtn.on{right:12px}
#navWrap .inner{width:90%}
#topmenuM .m_lnb>li>a,#topmenuM .m_bmenu{font-size:14px}
#topmenuM .m_smenu a{font-size:13px}
}
/* 반응형 메뉴 [e] */