/* Shared Support navigation; article typography and reading width stay separate. */
html body.public-site.public-design-page #public-main nav.support-subnav {
  --support-nav-bg:#fff;--support-nav-ink:#111513;--support-nav-blue:#1266d8;--support-nav-line:#d8e2ee;
  position:sticky;top:var(--preview-header-height,var(--site-header-height,80px));z-index:20;
  background:var(--support-nav-bg);border-bottom:1px solid var(--support-nav-line);
  font-family:"Noto Sans KR","Pretendard",system-ui,sans-serif;font-size:16px;font-weight:500;line-height:1.75;letter-spacing:normal;
}
html[data-theme="dark"] body.public-site.public-design-page #public-main nav.support-subnav {
  --support-nav-bg:#070b12;--support-nav-ink:#f8fafc;--support-nav-blue:#8bb4e8;--support-nav-line:#29394c;
}
html body.public-site.public-design-page #public-main .support-subnav *,
html body.public-site.public-design-page #public-main .support-subnav *::before,
html body.public-site.public-design-page #public-main .support-subnav *::after {box-sizing:border-box;}
html body.public-site.public-design-page #public-main .support-subnav .support-subnav__inner {
  display:flex;align-items:center;gap:30px;min-height:64px;width:min(1260px,90%);margin-inline:auto;
}
html body.public-site.public-design-page #public-main .support-subnav strong.support-subnav__label {
  flex-shrink:0;color:var(--support-nav-blue);font-size:14px;font-weight:700;letter-spacing:.5px;
}
html body.public-site.public-design-page #public-main .support-subnav .support-subnav__links {
  display:flex;align-items:stretch;gap:25px;min-width:0;
}
html body.public-site.public-design-page #public-main .support-subnav a.support-subnav__link {
  display:flex;align-items:center;min-height:64px;padding:18px 0 16px;border-bottom:2px solid transparent;
  color:var(--support-nav-ink);font-size:12px;line-height:1.5;white-space:nowrap;font-weight:600;text-decoration:none;
}
html body.public-site.public-design-page #public-main .support-subnav a.support-subnav__link:is(:hover,[aria-current="location"],[aria-current="page"]) {
  border-color:var(--support-nav-blue);color:var(--support-nav-blue);
}
html body.public-site.public-design-page #public-main .support-subnav a.support-subnav__link:focus-visible {
  outline:2px solid var(--support-nav-blue);outline-offset:4px;
}
html body.public-site.page-notice-detail #public-main .public-design-article [id] {
  scroll-margin-top:calc(var(--preview-header-height,var(--site-header-height,80px)) + var(--preview-nav-height,64px) + 24px);
}
html body.public-site.page-notice-detail #public-main .support-notice-breadcrumb {
  display:flex;align-items:center;gap:10px;max-width:800px;margin:0 auto 18px;color:var(--pub-muted,#68717b);font-size:12px;line-height:1.5;
}
html body.public-site.page-notice-detail #public-main .support-notice-breadcrumb a {color:inherit;text-decoration:none;}
html body.public-site.page-notice-detail #public-main .support-notice-breadcrumb a:hover {color:var(--pub-accent,#1266d8);}
@media (max-width:600px) {
  html body.public-site.public-design-page #public-main .support-subnav .support-subnav__inner {
    gap:17px;min-height:58px;width:auto;margin-inline:20px;
  }
  html body.public-site.public-design-page #public-main .support-subnav strong.support-subnav__label {font-size:12px;}
  html body.public-site.public-design-page #public-main .support-subnav .support-subnav__links {
    flex-wrap:nowrap;flex:1;min-width:0;gap:0 14px;padding:7px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;
  }
  html body.public-site.public-design-page #public-main .support-subnav .support-subnav__links::-webkit-scrollbar {display:none;}
  html body.public-site.public-design-page #public-main .support-subnav a.support-subnav__link {
    flex:none;min-height:44px;padding:10px 0 8px;font-size:12px;
  }
}
@media (max-height:500px) {
  html body.public-site.public-design-page #public-main nav.support-subnav {position:static;}
  html body.public-site.page-notice-detail #public-main .public-design-article [id] {
    scroll-margin-top:calc(var(--preview-header-height,var(--site-header-height,80px)) + 24px);
  }
}