@charset "utf-8";
.site-header{position:fixed;left:0;top:0;width:100%;height:86px;z-index:100;color:#fff;transition:.25s}.site-header:before{content:"";position:absolute;inset:0;background:#fff;opacity:0;transition:.25s}.site-header.is-white,.site-header:hover,.site-header.open{color:#111}.site-header.is-white:before,.site-header:hover:before,.site-header.open:before{opacity:1}.header-inner{position:relative;z-index:2;display:flex;align-items:center;height:100%;padding:0 5.2vw}.logo{margin:0;min-width:190px;font-size:2.8rem;letter-spacing:-.06em}.logo span{font-weight:300}.gnb{flex:1}.gnb>ul{display:flex;justify-content:center;gap:54px}.gnb>ul>li{position:relative}.gnb>ul>li>a{display:flex;align-items:center;height:86px;font-size:1.7rem;font-weight:800}.depth{position:absolute;left:50%;top:86px;width:170px;transform:translateX(-50%);padding:24px 8px 30px;opacity:0;visibility:hidden;text-align:center;transition:.2s}.depth a{display:block;padding:9px 4px;color:#555;font-weight:600}.depth a:hover{color:#000}.site-header:hover .depth,.site-header.open .depth{opacity:1;visibility:visible}.mega-bg{position:absolute;left:0;top:86px;width:100%;height:210px;background:#fff;box-shadow:0 20px 35px rgba(0,0,0,.06);opacity:0;visibility:hidden;transition:.2s}.site-header:hover .mega-bg,.site-header.open .mega-bg{opacity:1;visibility:visible}.header-util{display:flex;align-items:center;gap:24px;margin-left:auto}.lang{font-weight:800}.menu-btn{display:flex;flex-direction:column;justify-content:center;gap:8px;width:44px;height:44px}.menu-btn span{display:block;width:28px;height:2px;background:currentColor}.mobile-menu{position:fixed;right:0;top:0;width:min(420px,88vw);height:100vh;background:#fff;color:#111;z-index:120;transform:translateX(105%);transition:.3s;overflow-y:auto}.mobile-menu.on{transform:translateX(0)}.mobile-head{display:flex;align-items:center;justify-content:space-between;height:74px;padding:0 24px;border-bottom:1px solid #eee}.mobile-head strong{font-size:2.4rem}.menu-close{position:relative;width:42px;height:42px}.menu-close:before,.menu-close:after{content:"";position:absolute;left:9px;top:20px;width:24px;height:2px;background:#111}.menu-close:before{transform:rotate(45deg)}.menu-close:after{transform:rotate(-45deg)}.mobile-gnb>li{border-bottom:1px solid #eee}.mobile-gnb button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:68px;padding:0 24px;font-size:2rem;font-weight:800}.mobile-gnb button:after{content:"+"}.mobile-gnb li.active button:after{content:"-"}.mobile-gnb div{display:none;padding:0 24px 20px}.mobile-gnb li.active div{display:block}.mobile-gnb a{display:block;padding:10px 0;color:#555}.footer{padding:54px 6.25vw;background:#111;color:#aaa}.footer-inner{display:grid;grid-template-columns:220px 1fr;gap:20px 40px}.footer-logo{font-size:2.8rem;color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:18px 28px;color:#fff;font-weight:700}.footer address{grid-column:2;font-style:normal}.footer p{grid-column:2;margin:0}@media(max-width:1279px){.site-header{height:76px}.header-inner{padding:0 32px}.gnb{display:none}.logo{min-width:auto}.mega-bg{display:none}.footer-inner{grid-template-columns:1fr}.footer address,.footer p{grid-column:auto}}@media(max-width:767px){.site-header{height:68px}.header-inner{padding:0 20px}.logo{font-size:2.3rem}.lang{display:none}.footer{padding:42px 20px}.footer-links{gap:12px 18px;font-size:1.4rem}}@media(max-width:320px){.header-inner{padding:0 16px}.mobile-menu{width:92vw}}