:root{
  --mustard-deep:var(--color-brick);
  --mustard-pale:var(--color-oat);
  --global-header-height:73px;
  --global-subnav-height:45px;
}
.global-annbar{
  position:relative;
  z-index:82;
  padding:9px 50px;
  background:var(--mustard-pale);
  color:var(--ink);
  font-size:12px;
  line-height:1.7;
  letter-spacing:.01em;
  text-align:center;
}
.global-annbar b{font-weight:700}
.global-annbar .x{
  position:absolute;
  top:50%;
  right:6px;
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-size:15px;
  cursor:pointer;
  transform:translateY(-50%);
}
.site-global-header{
  position:sticky;
  top:0;
  border-bottom:1px solid var(--ink);
  background:#FCF9F5;
}
.site-global-header[data-header-variant="standard"]{z-index:50}
.site-global-header[data-header-variant="section"]{z-index:80}
.site-global-header .hrow{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px;
}
.site-global-header[data-header-variant="standard"] .hrow{padding:16px 24px}
.site-global-header[data-header-variant="section"] .hrow{
  min-height:var(--global-header-height);
  padding:14px 24px;
}
.site-global-header .hnav{
  display:flex;
  gap:20px;
  flex-wrap:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.site-global-header .hnav a,
.site-global-header .hutil a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  color:var(--ink);
  font-family:Helvetica,Arial,"Pretendard Variable",Pretendard,sans-serif;
  font-size:16px;
  font-weight:650;
  letter-spacing:0px;
  text-transform:uppercase;
  white-space:nowrap;
}
.site-global-header .hnav a{padding:2px 0}
.site-global-header .hnav a:hover,
.site-global-header .hnav a.active,
.site-global-header .hutil a:hover,
.site-global-header .hutil a.active{
  color:var(--mustard-deep);
  text-decoration:none;
}
.site-global-header .hnav a.active,
.site-global-header .hutil a.active{
  font-weight:800;
}
.site-global-header .hnav a:focus-visible,
.site-global-header .hutil a:focus-visible{
  color:var(--mustard-deep);
  outline:2px solid var(--mustard-deep);
  outline-offset:3px;
  text-decoration:none;
}
.site-global-header .hlogo img{
  display:block;
  width:auto;
  height:31.5px;
  object-fit:contain;
  background:none;
}
.site-global-header .hutil{display:flex;justify-content:flex-end;gap:18px}
.site-global-header .hamb{
  display:none;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin:-5px 0 -5px -10px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ink);
  cursor:pointer;
}
.site-global-mobile-nav{
  --mobile-menu-trigger-top:16px;
  --mobile-menu-trigger-right:8px;
  position:fixed;
  inset:0;
  z-index:200;
  display:none;
  flex-direction:column;
  overflow-y:auto;
  padding:calc(var(--mobile-menu-trigger-top) + 60px) 22px 34px;
  background:#FCF9F5;
  color:var(--ink);
  font-family:Helvetica,Arial,"Pretendard Variable",Pretendard,sans-serif;
}
.site-global-mobile-nav.on{display:flex}
.site-global-mobile-nav .mnav-close{
  position:fixed;
  z-index:1;
  top:var(--mobile-menu-trigger-top);
  right:var(--mobile-menu-trigger-right);
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ink);
  font:inherit;
  cursor:pointer;
}
.site-global-mobile-nav .mnav-close svg{display:block}
.site-global-mobile-nav .mnav-main{display:flex;flex-direction:column;margin-top:0}
.site-global-mobile-nav .mnav-main a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 0;
  color:var(--ink);
  font-size:19px;
  font-weight:650;
  letter-spacing:.04em;
  text-transform:uppercase;
}
/* 300은 5단 척도(400/500/650/700/800)의 의도적 예외다 — 24px 디스플레이 숫자의
   가는 획이 메뉴 라벨과 대비를 만든다. 척도로 끌어올리면 대비가 사라진다. */
.site-global-mobile-nav .mnav-main a span{color:var(--grey);font-size:24px;font-weight:300;line-height:1}
.site-global-mobile-nav .mnav-main a.active{
  color:var(--mustard-deep);
  font-weight:800;
  text-decoration:none;
}
.site-global-mobile-nav .mnav-preopen{
  display:flex;
  flex-direction:column;
  margin-top:20px;
  padding-top:14px;
  border-top:1px solid var(--hair);
}
.site-global-mobile-nav .mnav-preopen>a{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:10px 0;
  color:var(--ink);
  font-size:16px;
  font-weight:650;
}
.site-global-mobile-nav .mnav-status{
  color:var(--mustard-deep);
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
}
.site-global-mobile-nav .mnav-business{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--ink);
}
.site-global-mobile-nav .mnav-section-label{
  margin-bottom:10px;
  color:var(--grey);
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.site-global-mobile-nav .mnav-business-links{display:flex;flex-direction:column}
.site-global-mobile-nav .mnav-business-links>a{min-height:44px;padding:12px 0;color:var(--ink);font-size:16px}
.site-global-mobile-nav .mnav-brand-link{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:8px;
  padding:18px!important;
  border:1px solid var(--mustard-deep);
  background:var(--mustard-pale);
}
.site-global-mobile-nav[data-header-variant="standard"] .mnav-brand-link{
  align-items:flex-end;
  border-bottom-color:var(--hair);
}
.site-global-mobile-nav .mnav-brand-link b{display:flex;flex-direction:column;gap:5px;font-size:16px;letter-spacing:.04em;text-transform:uppercase}
.site-global-mobile-nav .mnav-brand-link b span{font-size:12px;font-weight:650;letter-spacing:.01em;text-transform:none}
.site-global-mobile-nav .mnav-brand-link small{max-width:48%;color:var(--grey);font-size:12px;line-height:1.5;text-align:right}
.site-global-mobile-nav[data-header-variant="standard"] .mnav-brand-link.active b{
  color:var(--mustard-deep);
  text-decoration:none;
}
.site-global-mobile-nav .mnav-preopen a.active,
.site-global-mobile-nav .mnav-business-links>a.active{
  color:var(--mustard-deep);
  font-weight:800;
  text-decoration:none;
}
.site-global-mobile-nav .mnav-main a:hover,
.site-global-mobile-nav .mnav-main a.active,
.site-global-mobile-nav .mnav-preopen a:hover,
.site-global-mobile-nav .mnav-preopen a.active,
.site-global-mobile-nav .mnav-instagram:hover{
  color:var(--mustard-deep);
  text-decoration:none;
}
.site-global-mobile-nav .mnav-main a:focus-visible,
.site-global-mobile-nav .mnav-preopen a:focus-visible,
.site-global-mobile-nav .mnav-instagram:focus-visible{
  color:var(--mustard-deep);
  outline:2px solid var(--mustard-deep);
  outline-offset:3px;
  text-decoration:none;
}
.site-global-mobile-nav .mnav-instagram{min-height:44px;display:inline-flex;align-items:center;margin-top:8px;color:var(--ink);font-size:14px}
.site-global-mobile-nav .mnav-foot{margin-top:auto;padding-top:44px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.site-global-mobile-nav[data-header-variant="standard"] .mnav-foot{color:var(--grey-l)}
.site-global-mobile-nav[data-header-variant="section"] .mnav-foot{color:var(--grey)}
body.menu-open{overflow:hidden}
.section-subnav{
  position:sticky;
  top:var(--global-header-height);
  z-index:49;
  min-height:var(--global-subnav-height);
  border-bottom:1px solid var(--hair);
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.subnav.section-subnav,
.market-section-subnav.section-subnav{top:var(--global-header-height)}
@media(max-width:1160px){
  :root{--global-header-height:63px}
  .site-global-header .hnav,.site-global-header .hutil{display:none}
  .site-global-header .hlogo{grid-column:2;grid-row:1}
  .site-global-header .hamb{
    grid-column:3;
    grid-row:1;
    justify-self:end;
    display:flex;
    margin:-5px -10px -5px 0;
  }
  .site-global-header[data-header-variant="standard"] .hrow{padding:14px 18px}
  .site-global-header[data-header-variant="section"] .hrow{padding:12px 18px}
  .site-global-header[data-header-variant="section"] .hlogo img{height:26px}
}
@media(max-width:560px){
  :root{--global-header-height:59px}
  .site-global-header[data-header-variant="standard"] .hrow{padding:12px 18px;row-gap:8px}
  .site-global-header[data-header-variant="standard"] .hlogo img{height:26px}
  .global-annbar{padding:8px 50px 8px 18px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .section-subnav{backdrop-filter:none;-webkit-backdrop-filter:none}
}