@import url('./brand-fonts.css');
header .nav{height:100px;gap:24px;width:min(1320px,calc(100% - 40px))}
header .brand{display:flex;align-items:center;gap:14px;flex-shrink:0;text-decoration:none}
header .brand-symbol{display:block;position:relative;width:27.5px;height:44px;overflow:hidden;flex-shrink:0}
header .brand .brand-symbol img{position:absolute;left:-2.75px;top:0;width:176px;height:44px;max-width:none;object-fit:fill}
header .brand-wordmark{display:flex;align-items:center;gap:15px;white-space:nowrap}
header .brand-ko{font-family:'KMT Noto','Noto Sans KR','Malgun Gothic',sans-serif;font-size:34px;font-weight:800;line-height:1.25;letter-spacing:-.8px;color:#092745}
header .brand-en{font-family:'KMT Inter',Arial,sans-serif;font-size:22px;font-weight:600;line-height:1.25;letter-spacing:.4px;color:#42526a;border-left:1px solid #cbd5df;padding-left:15px}
header .navlinks{gap:18px;font-size:1rem}
@media(max-width:1400px){
  header .navlinks{display:none;position:absolute;top:100px;left:0;right:0;background:#fff;padding:22px 20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);gap:10px}
  header .navlinks.open{display:flex}
  header .navlinks>a{width:100%;padding:10px 2px}
  header .navlinks .nav-cta{width:auto!important;padding:12px 18px!important}
  header .lang-switch{padding:7px 0 0}
  header .menu{display:block}
}
@media(max-width:700px){
  header .nav{height:88px;gap:12px;width:calc(100% - 28px)}
  header .brand{gap:10px}
  header .brand-wordmark{flex-direction:column;align-items:flex-start;gap:5px}
  header .brand-ko{font-size:28px;letter-spacing:-.7px}
  header .brand-en{font-size:14px;letter-spacing:.4px;border:0;padding:0}
  header .brand-symbol{width:25px;height:40px}
  header .brand .brand-symbol img{width:160px;height:40px;left:-2.5px}
  header .navlinks{top:88px}
  header .nav-right>a:not(.lang){display:none}
}