:root{
  --g-dark:#0c0e0d;--g-line:#353936;--g-ink:#1e231f;--g-gold:#c99c61;--g-gold-soft:#e3c38f;
  --surface-home:#313432;--surface-erp:#25518a;--surface-pos:#537a4e;--surface-blog:#876b45;--surface-shop:#765598;
}
.site5-global-banner{position:relative;min-height:238px;overflow:hidden;background:#0b0d0c;color:#fff}
.site5-global-banner-media,.site5-global-banner-shade{position:absolute;inset:0}
.site5-global-banner-media img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.78) contrast(1.08)}
.site5-global-banner-shade{background:linear-gradient(90deg,rgba(4,5,4,.98) 0%,rgba(4,5,4,.92) 38%,rgba(4,5,4,.54) 70%,rgba(4,5,4,.78) 100%)}
.site5-global-banner-layout{position:relative;z-index:1;width:min(1460px,calc(100% - 48px));min-height:238px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:34px;align-items:center;padding:23px 0 19px}
.site5-global-kicker{margin:0 0 5px;color:#fff;font-size:.94rem;font-weight:800;letter-spacing:.08em}
.site5-global-banner-title{display:block;max-width:820px;color:var(--g-gold);font-family:Georgia,"Noto Serif KR","Nanum Myeongjo",serif;font-size:clamp(1.9rem,3vw,3.05rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;text-shadow:0 2px 18px rgba(0,0,0,.24)}
.site5-global-banner-description{max-width:720px;margin:10px 0 0;color:#eee9e1;font-size:.94rem;line-height:1.52}
.site5-global-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:20px;max-width:1040px;border-top:1px solid rgba(255,255,255,.16)}
.site5-global-feature{min-width:0;border-right:1px solid rgba(255,255,255,.16);padding:14px 17px 1px 0;margin-right:17px}
.site5-global-feature:last-child{border-right:0;margin-right:0}
.site5-global-feature>a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.site5-feature-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;color:var(--g-gold-soft);border:1px solid rgba(201,156,97,.78);border-radius:50%}
.site5-feature-icon svg{width:21px;height:21px;fill:currentColor}
.site5-global-feature-copy strong,.site5-global-feature-copy small{display:block}
.site5-global-feature-copy strong{color:#fff;font-size:.86rem;line-height:1.3}
.site5-global-feature-copy small{margin-top:3px;color:#d3d5d2;font-size:.7rem;line-height:1.35}
.site5-global-banner-badge{justify-self:end;display:flex;flex-direction:column;align-items:center;text-align:center;color:#e9e3d8;gap:2px;font-size:.79rem;line-height:1.45}
.site5-global-banner-badge-mark{display:grid;place-items:center;width:74px;height:74px;margin-bottom:7px;border-radius:50%;background:#d6bea0;color:#111;font-family:Georgia,serif;font-size:2.25rem;font-weight:900;box-shadow:0 0 0 5px rgba(214,190,160,.10)}

.site5-global-header{position:relative;z-index:80;border-bottom:1px solid #dfddd7;background:#fff}
.site5-global-header-inner{width:min(1460px,calc(100% - 48px));min-height:68px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site5-global-brand{display:flex;align-items:center;gap:10px;color:var(--g-ink);text-decoration:none;white-space:nowrap}
.site5-global-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #202622;border-radius:50%;font-family:Georgia,serif;font-weight:900}
.site5-global-brand-copy strong,.site5-global-brand-copy small{display:block}
.site5-global-brand-copy strong{font-size:.96rem}.site5-global-brand-copy small{margin-top:2px;color:#787d79;font-size:.68rem}
.site5-global-nav{display:flex;align-items:center;justify-content:flex-end;gap:17px}
.site5-global-primary-links{display:flex;align-items:center;gap:6px}
.site5-global-primary-links a{position:relative;padding:25px 12px 22px;color:#252a26!important;text-decoration:none;font-size:.82rem;font-weight:800;letter-spacing:.03em}
.site5-global-primary-links a::after{content:"";position:absolute;left:12px;right:12px;bottom:15px;height:2px;border-radius:2px;background:transparent}
.site5-global-primary-links a.is-active::after{background:var(--g-gold)}

.site5-account-menu,.site5-global-more{position:relative}
.site5-account-menu>summary,.site5-global-more>summary{list-style:none;cursor:pointer}
.site5-account-menu>summary::-webkit-details-marker,.site5-global-more>summary::-webkit-details-marker{display:none}
.site5-account-menu>summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 8px;border-radius:9px}
.site5-account-menu[open]>summary{background:#f4f2ed}
.site5-account-avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid #b8bcb8;border-radius:50%;font-size:.75rem}
.site5-account-summary strong,.site5-account-summary small{display:block}
.site5-account-summary strong{font-size:.78rem;color:#222722}.site5-account-summary small{font-size:.64rem;color:#808480}
.site5-chevron{color:#777;font-size:.9rem}
.site5-global-more>summary{display:flex;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;padding:8px}
.site5-global-more>summary span{display:block;width:18px;height:1.5px;background:#252a27}
.site5-dropdown{position:absolute;right:0;top:calc(100% + 7px);min-width:208px;padding:7px;border:1px solid #dedbd3;border-radius:10px;background:#fff;box-shadow:0 15px 35px rgba(24,27,25,.15);z-index:150}
.site5-dropdown-label{display:block;padding:8px 10px 5px;color:#7c817d;font-size:.68rem;font-weight:800;letter-spacing:.08em}
.site5-dropdown a,.site5-dropdown button{display:block;width:100%;box-sizing:border-box;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#242925!important;text-align:left;text-decoration:none;font:inherit;font-size:.81rem;cursor:pointer}
.site5-dropdown a:hover,.site5-dropdown button:hover{background:#f3f1ec}
.site5-dropdown form{margin:4px 0 0;padding-top:4px;border-top:1px solid #ece9e2}
.site5-more-dropdown{min-width:146px}

[data-surface-menu]{--surface-accent:var(--surface-home);position:relative;border-top:3px solid var(--surface-accent)!important;background:#fbfaf7!important;box-shadow:0 1px 0 rgba(22,25,23,.05)}
[data-surface-menu="home"]{--surface-accent:var(--surface-home)}
[data-surface-menu="erp"]{--surface-accent:var(--surface-erp)}
[data-surface-menu="pos"]{--surface-accent:var(--surface-pos)}
[data-surface-menu="blog"]{--surface-accent:var(--surface-blog)}
[data-surface-menu="shop"]{--surface-accent:var(--surface-shop)}
[data-surface-menu] a{transition:color .18s ease,background .18s ease,border-color .18s ease}
[data-surface-menu] a:hover,[data-surface-menu] a:focus-visible{color:var(--surface-accent)!important}
[data-surface-menu] strong,[data-surface-menu] .brand,[data-surface-menu] .title{letter-spacing:-.02em}

.site5-global-footer{margin-top:0;background:linear-gradient(135deg,#111312,#1c1f1d);color:#d7d9d6;border-top:1px solid var(--g-line)}
.site5-global-footer-grid{width:min(1460px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1.45fr .68fr 1.18fr 1fr .9fr .55fr;gap:0;padding:34px 0 29px}
.site5-global-footer section{min-width:0;padding:0 22px}.site5-global-footer section:first-child{padding-left:0}
.site5-global-footer section+section{border-left:1px solid #363a37}
.site5-global-footer strong{color:#fff;font-size:.87rem}.site5-global-footer p{margin:6px 0;color:#c7cac7;font-size:.75rem;line-height:1.52}
.site5-global-footer a{color:#e8eae8;text-decoration:none}
.site5-footer-brand-head{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.site5-footer-brand-head strong,.site5-footer-brand-head small{display:block}
.site5-footer-brand-head strong{font-size:1.04rem}.site5-footer-brand-head small{margin-top:3px;color:#b8bcb8;font-size:.69rem}
.site5-footer-mark{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border:1px solid #efefeb;border-radius:50%;font-family:Georgia,serif;font-weight:900}
.site5-footer-stack{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:9px}.site5-footer-stack a{font-size:.75rem}
.site5-footer-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.site5-footer-social a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d5d8d5;border-radius:50%;font-size:.69rem;font-weight:800}
.site5-global-footer-copy{border-top:1px solid #343734;padding:13px 20px;text-align:center;font-size:.69rem;color:#9ea39f}

@media(max-width:1100px){
 .site5-global-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .site5-global-feature:nth-child(2){border-right:0}
 .site5-global-footer-grid{grid-template-columns:repeat(3,1fr);row-gap:26px}
 .site5-global-footer section:nth-child(4){border-left:0}
}
@media(max-width:760px){
 .site5-global-banner{min-height:auto}
 .site5-global-banner-layout{grid-template-columns:1fr;padding:25px 0}
 .site5-global-banner-badge{display:none}
 .site5-global-feature-grid{grid-template-columns:1fr 1fr}
 .site5-global-header-inner{align-items:flex-start;flex-direction:column;padding:11px 0}
 .site5-global-nav{width:100%;justify-content:space-between;gap:9px}
 .site5-global-primary-links{gap:2px}
 .site5-global-primary-links a{padding:10px 7px}
 .site5-global-primary-links a::after{left:7px;right:7px;bottom:4px}
 .site5-account-summary small{display:none}
 .site5-global-footer-grid{grid-template-columns:1fr 1fr}
 .site5-global-footer section,.site5-global-footer section:first-child{padding:0 15px}
 .site5-global-footer section:nth-child(odd){border-left:0}
 [data-surface-menu]{overflow-x:auto}
}
@media(max-width:520px){
 .site5-global-banner-layout,.site5-global-header-inner,.site5-global-footer-grid{width:min(100% - 28px,1460px)}
 .site5-global-banner-title{font-size:1.95rem}
 .site5-global-feature-grid{grid-template-columns:1fr}
 .site5-global-feature{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);margin-right:0;padding-right:0}
 .site5-global-primary-links a{font-size:.73rem}
 .site5-account-summary{display:none}
 .site5-global-footer-grid{grid-template-columns:1fr}
 .site5-global-footer section,.site5-global-footer section:first-child{border-left:0;padding:0}
}

/* SITE5_REFERENCE_BOARD_EXACT_V1
   Reference-board visual alignment only.
   No auth, route, SEO, business-data, DB, or navigation-content changes.
*/
@media (min-width: 761px) {
  html {
    background: #fff;
  }

  body {
    background: #fff;
  }

  /* ① COMMON HEAD BANNER — inset rounded card like the approved board */
  .site5-global-banner {
    width: calc(100% - 32px);
    min-height: 238px;
    margin: 30px 16px 12px;
    border-radius: 6px;
    box-shadow: 0 1px 0 rgba(0,0,0,.12);
  }

  .site5-global-banner-layout {
    width: min(1370px, calc(100% - 96px));
    min-height: 238px;
    grid-template-columns: minmax(0, 1fr) 142px;
    gap: 42px;
    padding: 24px 0 18px;
  }

  .site5-global-banner-media img {
    object-position: center 47%;
  }

  .site5-global-banner-shade {
    background:
      linear-gradient(
        90deg,
        rgba(2,3,2,.98) 0%,
        rgba(2,3,2,.93) 30%,
        rgba(2,3,2,.69) 54%,
        rgba(2,3,2,.30) 70%,
        rgba(2,3,2,.76) 100%
      );
  }

  .site5-global-kicker {
    margin: 0 0 4px;
    color: #f4f1eb;
    font-family: Georgia, "Noto Serif KR", "Nanum Myeongjo", serif;
    font-size: 1.82rem;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.035em;
  }

  .site5-global-banner-title {
    max-width: 820px;
    color: #c99655;
    font-size: clamp(1.95rem, 2.35vw, 2.52rem);
    font-weight: 650;
    line-height: 1.12;
    letter-spacing: -.035em;
  }

  .site5-global-banner-description {
    max-width: 650px;
    margin-top: 11px;
    color: #f3f0ea;
    font-size: .92rem;
    line-height: 1.55;
  }

  .site5-global-feature-grid {
    max-width: 1000px;
    margin-top: 17px;
    border-top: 0;
  }

  .site5-global-feature {
    min-height: 50px;
    margin-right: 0;
    padding: 4px 22px 2px 0;
    border-right: 0;
  }

  .site5-global-feature + .site5-global-feature {
    padding-left: 22px;
    border-left: 1px solid rgba(255,255,255,.18);
  }

  .site5-global-feature>a {
    gap: 11px;
  }

  .site5-feature-icon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    border-color: rgba(205,157,91,.86);
  }

  .site5-feature-icon svg {
    width: 20px;
    height: 20px;
  }

  .site5-global-feature-copy strong {
    font-size: .79rem;
    line-height: 1.32;
  }

  .site5-global-feature-copy small {
    margin-top: 2px;
    font-size: .67rem;
    line-height: 1.32;
  }

  .site5-global-banner-badge {
    gap: 3px;
    font-size: .75rem;
    line-height: 1.46;
  }

  .site5-global-banner-badge-mark {
    width: 76px;
    height: 76px;
    margin-bottom: 8px;
    background: #d6b98f;
    font-size: 2.35rem;
    box-shadow: none;
  }

  /* ② GLOBAL MENU — independent bordered white card */
  .site5-global-header {
    width: min(1470px, calc(100% - 64px));
    margin: 0 auto 14px;
    border: 1px solid #d9d9d7;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.03);
  }

  .site5-global-header-inner {
    width: 100%;
    min-height: 64px;
    max-width: none;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .site5-global-brand {
    gap: 11px;
  }

  .site5-global-mark {
    width: 39px;
    height: 39px;
    border-width: 1.4px;
    font-size: 1.12rem;
  }

  .site5-global-brand-copy strong {
    font-family: Georgia, "Noto Serif KR", "Nanum Myeongjo", serif;
    font-size: 1rem;
    font-weight: 700;
  }

  .site5-global-brand-copy small {
    margin-top: 2px;
    font-size: .66rem;
  }

  .site5-global-nav {
    gap: 10px;
  }

  .site5-global-primary-links {
    gap: 0;
  }

  .site5-global-primary-links a {
    min-width: 55px;
    padding: 23px 14px 20px;
    text-align: center;
    font-size: .78rem;
  }

  .site5-global-primary-links a + a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 24px;
    width: 1px;
    height: 14px;
    background: #dededb;
  }

  .site5-global-primary-links a::after {
    left: 14px;
    right: 14px;
    bottom: 13px;
  }

  /* reference board uses icon-first account control */
  .site5-account-summary {
    display: none;
  }

  .site5-account-menu>summary {
    min-width: 38px;
    min-height: 38px;
    gap: 4px;
    padding: 2px 5px;
  }

  .site5-account-avatar {
    position: relative;
    width: 31px;
    height: 31px;
    border: 0;
    font-size: 0;
  }

  .site5-account-avatar::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 5px;
    width: 7px;
    height: 7px;
    transform: translateX(-50%);
    border: 1.5px solid #202522;
    border-radius: 50%;
  }

  .site5-account-avatar::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 16px;
    height: 9px;
    transform: translateX(-50%);
    border: 1.5px solid #202522;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom: 0;
  }

  .site5-chevron {
    margin-left: -4px;
    font-size: .78rem;
  }

  .site5-global-more>summary {
    width: 36px;
    height: 36px;
  }

  .site5-dropdown {
    top: calc(100% + 9px);
    min-width: 190px;
    padding: 8px;
    border-radius: 7px;
    box-shadow: 0 10px 25px rgba(0,0,0,.12);
  }

  .site5-dropdown-label {
    padding: 8px 10px 6px;
    color: #272b28;
    font-size: .72rem;
    border-bottom: 1px solid #eceae5;
  }

  .site5-dropdown a,
  .site5-dropdown button {
    padding: 8px 10px;
    font-size: .76rem;
  }

  /* ③ SITE LOCAL MENU — separate card + approved per-surface accents */
  header:has([data-surface-menu]) {
    width: min(1435px, calc(100% - 72px));
    margin: 0 auto 16px;
    border: 1px solid #dad9d5;
    border-radius: 7px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 1px rgba(0,0,0,.025);
  }

  header:has([data-surface-menu="home"]) {
    --surface-shell: #2d2f2e;
  }

  header:has([data-surface-menu="erp"]) {
    --surface-shell: #244d80;
  }

  header:has([data-surface-menu="pos"]) {
    --surface-shell: #557b51;
  }

  header:has([data-surface-menu="blog"]) {
    --surface-shell: #866c48;
  }

  header:has([data-surface-menu="shop"]) {
    --surface-shell: #755595;
  }

  [data-surface-menu] {
    min-height: 54px;
    padding: 3px 4px 0;
    border-top: 0 !important;
    background: #fff !important;
    box-shadow: inset 0 4px 0 var(--surface-accent) !important;
  }

  [data-surface-menu] a {
    position: relative;
    padding: 15px 12px 13px;
    color: #242925 !important;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
  }

  [data-surface-menu] a + a {
    border-left: 1px solid #ece9e2;
  }

  [data-surface-menu] a:hover,
  [data-surface-menu] a:focus-visible {
    color: var(--surface-accent) !important;
    background: color-mix(in srgb, var(--surface-accent) 6%, white);
  }

  [data-surface-menu] a::after {
    content: "›";
    margin-left: 8px;
    color: var(--surface-accent);
    opacity: .65;
    font-size: .9em;
  }

  /* Keep existing local-brand content, but align it with the board card geometry */
  header:has([data-surface-menu]) > * {
    box-sizing: border-box;
  }

  /* ④ COMMON FOOTER — inset six-column dark card */
  .site5-global-footer {
    width: calc(100% - 32px);
    margin: 18px 16px 16px;
    border: 0;
    border-radius: 6px;
    overflow: hidden;
    background: #151615;
    box-shadow: 0 1px 0 rgba(0,0,0,.14);
  }

  .site5-global-footer-grid {
    width: min(1450px, calc(100% - 66px));
    grid-template-columns: 1.52fr .66fr 1.16fr 1fr .9fr .55fr;
    padding: 30px 0 26px;
  }

  .site5-global-footer section {
    padding: 0 20px;
  }

  .site5-global-footer section:first-child {
    padding-left: 0;
  }

  .site5-global-footer section+section {
    border-left-color: #373837;
  }

  .site5-global-footer strong {
    font-size: .85rem;
  }

  .site5-global-footer p {
    margin: 5px 0;
    color: #d0d1cf;
    font-size: .71rem;
    line-height: 1.52;
  }

  .site5-footer-brand-head {
    gap: 10px;
    margin-bottom: 10px;
  }

  .site5-footer-mark {
    flex-basis: 45px;
    width: 45px;
    height: 45px;
    font-size: 1rem;
  }

  .site5-footer-brand-head strong {
    font-family: Georgia, "Noto Serif KR", "Nanum Myeongjo", serif;
    font-size: 1.05rem;
  }

  .site5-footer-brand-head small {
    font-size: .66rem;
  }

  .site5-footer-stack {
    gap: 5px;
    margin-top: 8px;
  }

  .site5-footer-stack a {
    font-size: .72rem;
  }

  .site5-footer-social {
    gap: 8px;
    margin-top: 12px;
  }

  .site5-footer-social a {
    width: 37px;
    height: 37px;
    font-size: .65rem;
  }

  .site5-global-footer-copy {
    padding: 12px 20px;
    border-top-color: #343534;
    font-size: .68rem;
  }
}

@media (max-width: 1100px) and (min-width: 761px) {
  .site5-global-banner-layout {
    width: calc(100% - 64px);
    grid-template-columns: minmax(0,1fr) 120px;
  }

  .site5-global-kicker {
    font-size: 1.55rem;
  }

  .site5-global-banner-title {
    font-size: 1.9rem;
  }

  .site5-global-feature-grid {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }

  .site5-global-feature,
  .site5-global-feature + .site5-global-feature {
    padding-left: 12px;
    padding-right: 12px;
  }

  .site5-global-footer-grid {
    width: calc(100% - 48px);
  }
}

@media (max-width: 760px) {
  .site5-global-banner {
    width: calc(100% - 20px);
    margin: 10px 10px 8px;
    border-radius: 6px;
  }

  .site5-global-header {
    width: calc(100% - 20px);
    margin: 0 10px 8px;
    border: 1px solid #deddd9;
    border-radius: 6px;
  }

  .site5-global-header-inner {
    width: 100%;
    padding: 10px 12px;
  }

  .site5-global-footer {
    width: calc(100% - 20px);
    margin: 10px;
    border-radius: 6px;
    overflow: hidden;
  }

  .site5-account-summary {
    display: none;
  }

  header:has([data-surface-menu]) {
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 6px;
    overflow-x: auto;
  }

  [data-surface-menu] a::after {
    content: "";
    margin: 0;
  }
}


/* SITE5_REFERENCE_BOARD_FINAL_V2
   Final evidence-based visual alignment to the approved board.
   No route/auth/SEO/business-value/schema changes.
*/
@media (min-width: 761px) {
  .site5-global-banner-media img {
    width: 118%;
    height: 118%;
    max-width: none;
    object-fit: cover;
    object-position: 67% 54%;
    transform: translate(-7%, -7%);
  }

  .site5-global-banner-shade {
    background: linear-gradient(
      90deg,
      rgba(2,3,2,.99) 0%,
      rgba(2,3,2,.94) 34%,
      rgba(2,3,2,.68) 52%,
      rgba(2,3,2,.20) 70%,
      rgba(2,3,2,.72) 100%
    );
  }

  .site5-global-banner-layout {
    width: min(1380px, calc(100% - 84px));
  }

  .site5-global-kicker {
    font-size: 1.72rem;
  }

  .site5-global-banner-title {
    font-size: clamp(1.9rem, 2.25vw, 2.38rem);
  }

  .site-header:has([data-surface-menu]) {
    --surface-shell: #2d2f2e;
    --surface-accent: #2d2f2e;
    width: min(1435px, calc(100% - 72px));
    margin: 0 auto 18px;
    padding: 0;
    border: 1px solid #d9d8d4;
    border-radius: 7px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,.035);
  }

  .site-header:has([data-surface-menu="home"]) {
    --surface-shell: #303130;
    --surface-accent: #303130;
  }

  .site-header:has([data-surface-menu="erp"]) {
    --surface-shell: #244d80;
    --surface-accent: #244d80;
  }

  .site-header:has([data-surface-menu="pos"]) {
    --surface-shell: #557b51;
    --surface-accent: #557b51;
  }

  .site-header:has([data-surface-menu="blog"]) {
    --surface-shell: #866c48;
    --surface-accent: #866c48;
  }

  .site-header:has([data-surface-menu="shop"]) {
    --surface-shell: #755595;
    --surface-accent: #755595;
  }

  .site-header:has([data-surface-menu]) .header-inner {
    display: grid;
    grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
    align-items: stretch;
    width: 100%;
    max-width: none;
    min-height: 70px;
    margin: 0;
    padding: 0;
  }

  .site-header:has([data-surface-menu]) .brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    margin: 0;
    padding: 12px 20px;
    color: #fff !important;
    background: linear-gradient(135deg, var(--surface-shell), color-mix(in srgb, var(--surface-shell) 78%, #111));
    text-decoration: none;
  }

  .site-header:has([data-surface-menu]) .brand,
  .site-header:has([data-surface-menu]) .brand strong,
  .site-header:has([data-surface-menu]) .brand small,
  .site-header:has([data-surface-menu]) .brand span {
    color: #fff !important;
  }

  .site-header:has([data-surface-menu]) .brand-mark {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    margin: 0;
    border: 1px solid rgba(255,255,255,.86);
    border-radius: 50%;
    background: rgba(255,255,255,.07);
    color: #fff !important;
    font-family: Georgia, serif;
    font-weight: 800;
  }

  .site-header:has([data-surface-menu]) .brand strong {
    display: block;
    font-size: .98rem;
    line-height: 1.25;
  }

  .site-header:has([data-surface-menu]) .brand small,
  .site-header:has([data-surface-menu]) .brand span:not(.brand-mark) {
    display: block;
    margin-top: 3px;
    font-size: .67rem;
    line-height: 1.3;
    opacity: .84;
  }

  [data-surface-menu] {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    min-height: 70px;
    padding: 0;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  [data-surface-menu] a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    padding: 0 18px;
    border-left: 1px solid #ece9e2;
    color: #232823 !important;
    font-size: .78rem;
    font-weight: 750;
    text-align: center;
    white-space: nowrap;
  }

  [data-surface-menu] a:first-child {
    border-left: 0;
  }

  [data-surface-menu] a::after {
    content: "›";
    margin-left: 9px;
    color: var(--surface-accent);
    opacity: .72;
  }

  [data-surface-menu] a:hover,
  [data-surface-menu] a:focus-visible {
    color: var(--surface-accent) !important;
    background: color-mix(in srgb, var(--surface-accent) 7%, white);
  }

  [data-surface-menu] form {
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-left: 1px solid #ece9e2;
  }

  [data-surface-menu] form button {
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid #bbbdb9;
    border-radius: 4px;
    background: #fff;
    color: #303530;
    cursor: pointer;
  }


  .site5-global-header {
    margin-bottom: 12px;
  }

  .site5-global-header-inner {
    min-height: 62px;
  }

  .site5-global-brand-copy strong {
    font-size: 1.02rem;
  }

  .site5-global-footer-grid {
    width: min(1450px, calc(100% - 60px));
    grid-template-columns: 1.58fr .64fr 1.18fr .98fr .86fr .50fr;
    padding: 28px 0 24px;
  }

  .site5-global-footer section {
    padding: 0 18px;
  }

  .site5-global-footer p {
    font-size: .72rem;
    line-height: 1.46;
  }

  .site5-footer-brand {
    padding-right: 24px !important;
  }

  .site5-footer-info .site5-footer-stack {
    margin-bottom: 10px;
  }

  .site5-footer-legal-small {
    margin: 4px 0 !important;
    color: #aeb2ae !important;
    font-size: .65rem !important;
    line-height: 1.38 !important;
    overflow-wrap: anywhere;
  }

  .site5-footer-social {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 1180px) and (min-width: 761px) {
  .site-header:has([data-surface-menu]) .header-inner {
    grid-template-columns: minmax(220px, 270px) minmax(0, 1fr);
  }

  [data-surface-menu] {
    overflow-x: auto;
    justify-content: flex-start;
  }

  [data-surface-menu] a {
    flex: 0 0 auto;
    padding: 0 14px;
  }

  .site5-global-footer-grid {
    grid-template-columns: 1.45fr .62fr 1.12fr .95fr .82fr .48fr;
  }

  .site5-global-footer section {
    padding: 0 14px;
  }
}

@media (max-width: 760px) {
  .site5-global-banner-media img {
    width: 126%;
    max-width: none;
    object-fit: cover;
    object-position: 66% 52%;
    transform: translateX(-10%);
  }

  .site-header:has([data-surface-menu]) {
    margin: 0 10px 10px;
    border: 1px solid #dad9d5;
    border-radius: 6px;
    overflow: hidden;
  }

  .site-header:has([data-surface-menu]) .header-inner {
    display: block;
    width: 100%;
    padding: 0;
  }

  .site-header:has([data-surface-menu]) .brand {
    display: flex;
    padding: 11px 14px;
    background: var(--surface-accent, #303130);
    color: #fff !important;
  }

  [data-surface-menu] {
    display: flex;
    min-height: 48px;
    overflow-x: auto;
    padding: 0;
    background: #fff !important;
    box-shadow: none !important;
  }

  [data-surface-menu] a {
    flex: 0 0 auto;
    min-height: 48px;
    padding: 0 13px;
    font-size: .74rem;
    border-left: 1px solid #ece9e2;
  }

  [data-surface-menu] a::after {
    content: "";
    margin: 0;
  }

  [data-surface-menu] form {
    flex: 0 0 auto;
    min-height: 48px;
  }

  .site5-footer-legal-small {
    font-size: .68rem !important;
  }
}

/* SITE5-HEADER-FOOTER-PUBLIC-PAGES-V1 */
@media (min-width: 761px) {
  .site5-global-header{width:min(1470px,calc(100% - 32px));margin:0 auto 10px}
  .site5-global-header-inner{min-height:62px;padding:0 18px}
  .site-header:has([data-surface-menu]){width:min(1470px,calc(100% - 32px));margin:0 auto 14px}
  .site-header:has([data-surface-menu]) .header-inner{grid-template-columns:292px minmax(0,1fr);min-height:68px}
  .site-header:has([data-surface-menu]) .brand{min-height:68px;box-sizing:border-box}
  [data-surface-menu]{width:100%;min-width:0;min-height:68px;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}
  [data-surface-menu] a{flex:0 0 auto;min-width:112px;min-height:68px;padding:0 15px;box-sizing:border-box}
  [data-surface-menu] form{flex:0 0 auto;min-height:68px}
  .site5-global-footer{width:calc(100% - 20px);margin:18px 10px 10px}
  .site5-global-footer-grid{width:min(1510px,calc(100% - 50px));grid-template-columns:1.55fr .62fr 1.15fr 1.03fr .82fr .52fr;gap:0;padding:28px 0 24px}
  .site5-global-footer section{min-width:0;padding:0 18px}
  .site5-global-footer section:first-child{padding-left:0}
  .site5-footer-brand p,.site5-footer-policy p,.site5-footer-policy a,.site5-footer-customer p,.site5-footer-customer a{overflow-wrap:anywhere;word-break:keep-all}
  .site5-global-footer p{margin:5px 0;font-size:.72rem;line-height:1.48}
  .site5-footer-stack{gap:7px}
  .site5-footer-stack a{display:block;line-height:1.4}
  .site5-footer-policy .site5-footer-stack a{font-size:.72rem}
}
@media (max-width:980px) and (min-width:761px){
  .site-header:has([data-surface-menu]) .header-inner{grid-template-columns:230px minmax(0,1fr)}
  [data-surface-menu] a{min-width:102px;padding:0 12px}
  .site5-global-footer-grid{grid-template-columns:1.35fr .58fr 1.08fr 1fr .78fr .5fr}
  .site5-global-footer section{padding:0 12px}
}
@media (max-width:760px){
  .site5-global-header,.site-header:has([data-surface-menu]),.site5-global-footer{width:calc(100% - 20px);margin-left:10px;margin-right:10px}
  .site5-global-footer-grid{grid-template-columns:1fr}
  .site5-global-footer section,.site5-global-footer section:first-child{padding:17px 0;border-left:0;border-top:1px solid #343534}
  .site5-global-footer section:first-child{padding-top:0;border-top:0}
}

/* SITE5_PREMIUM_BRAND_SEARCH_V2
   Scope: shared header visual + real shop search form only.
*/
.site5-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (min-width: 761px) {
  .site5-global-banner {
    width: calc(100% - 20px);
    min-height: 238px;
    height: 238px;
    margin: 3px 10px 10px;
    border-radius: 7px;
    overflow: hidden;
    background: #050605;
  }

  .site5-global-banner-badge-mark--image {
    width: 92px;
    height: 92px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 50%;
    background: #050505;
    box-shadow: 0 0 0 1px rgba(211,177,126,.32);
  }

  .site5-global-banner-badge-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .site5-global-header {
    width: min(1510px, calc(100% - 20px));
    margin: 0 auto 8px;
    border: 1px solid #ddd8ce;
    border-radius: 9px;
    background:
      linear-gradient(180deg,#fff 0%,#fcfbf8 100%);
    box-shadow:
      0 1px 2px rgba(22,20,16,.04),
      0 8px 24px rgba(22,20,16,.035);
  }

  .site5-global-header-inner {
    width: 100%;
    max-width: none;
    min-height: 76px;
    padding: 8px 14px;
    box-sizing: border-box;
    gap: 13px;
  }

  .site5-global-brand {
    flex: 0 0 245px;
    min-width: 0;
    gap: 11px;
    padding: 3px 2px;
  }

  .site5-global-mark--premium {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #b79663;
    border-radius: 50%;
    background: #090909;
    box-shadow:
      0 0 0 3px #f6f0e5,
      0 4px 12px rgba(48,37,22,.10);
  }

  .site5-global-mark-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .site5-global-brand-copy {
    min-width: 0;
  }

  .site5-global-brand-copy strong {
    color: #201d19;
    font-family: Georgia, "Noto Serif KR", "Nanum Myeongjo", serif;
    font-size: 1.03rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.15;
  }

  .site5-global-brand-copy small {
    max-width: 176px;
    margin-top: 4px;
    overflow: hidden;
    color: #8b7250;
    font-size: .62rem;
    font-weight: 600;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .site5-global-search {
    position: relative;
    display: flex;
    flex: 1 1 330px;
    max-width: 390px;
    min-width: 230px;
    height: 44px;
    align-items: center;
    border: 1px solid #d8d0c3;
    border-radius: 999px;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(31,27,21,.025);
    transition: border-color .16s ease, box-shadow .16s ease;
  }

  .site5-global-search:focus-within {
    border-color: #b68a4f;
    box-shadow:
      0 0 0 3px rgba(182,138,79,.10),
      inset 0 1px 2px rgba(31,27,21,.02);
  }

  .site5-global-search-icon {
    flex: 0 0 37px;
    display: grid;
    height: 100%;
    place-items: center;
    color: #8c7a61;
  }

  .site5-global-search-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.7;
  }

  .site5-global-search input {
    min-width: 0;
    flex: 1 1 auto;
    height: 100%;
    padding: 0 7px 0 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #25211d;
    font: inherit;
    font-size: .78rem;
  }

  .site5-global-search input::placeholder {
    color: #a39b90;
  }

  .site5-global-search button {
    flex: 0 0 auto;
    height: 34px;
    margin-right: 5px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    background: #2b2823;
    color: #fff;
    cursor: pointer;
    font-size: .72rem;
    font-weight: 700;
  }

  .site5-global-search button:hover {
    background: #9a713d;
  }

  .site5-global-nav {
    flex: 1 1 auto;
    min-width: 0;
    gap: 7px;
  }

  .site5-global-primary-links.site5-surface-switcher {
    display: flex;
    min-width: 0;
    align-items: stretch;
    gap: 5px;
  }

  .site5-surface-card {
    position: relative;
    display: flex !important;
    flex: 0 1 108px;
    min-width: 84px;
    height: 52px;
    padding: 7px 9px !important;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 6px;
    color: #fff !important;
    text-decoration: none;
    box-shadow: inset 0 -11px 16px rgba(0,0,0,.08);
  }

  .site5-surface-card::after,
  .site5-surface-card + .site5-surface-card::before {
    display: none !important;
  }

  .site5-surface-card--home { background: linear-gradient(125deg,#3a3c3c,#202222); }
  .site5-surface-card--erp  { background: linear-gradient(125deg,#315987,#173f6d); }
  .site5-surface-card--pos  { background: linear-gradient(125deg,#62825b,#446c42); }
  .site5-surface-card--blog { background: linear-gradient(125deg,#9a7951,#765a3a); }
  .site5-surface-card--shop { background: linear-gradient(125deg,#80639a,#62467e); }

  .site5-surface-card.is-active {
    box-shadow:
      inset 0 -11px 16px rgba(0,0,0,.07),
      0 0 0 2px rgba(191,151,91,.34);
  }

  .site5-surface-card-icon {
    flex: 0 0 21px;
    color: #fff;
    font-size: 1.22rem;
    line-height: 1;
    text-align: center;
  }

  .site5-surface-card-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
  }

  .site5-surface-card-copy strong {
    color: #fff;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1;
  }

  .site5-surface-card-copy small {
    overflow: hidden;
    color: rgba(255,255,255,.84);
    font-size: .54rem;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 1250px) and (min-width: 761px) {
  .site5-global-brand {
    flex-basis: 215px;
  }

  .site5-global-search {
    flex-basis: 250px;
    max-width: 300px;
    min-width: 190px;
  }

  .site5-surface-card {
    flex-basis: 89px;
    min-width: 74px;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .site5-surface-card-copy small {
    display: none;
  }
}

@media (max-width: 980px) and (min-width: 761px) {
  .site5-global-header-inner {
    flex-wrap: wrap;
  }

  .site5-global-brand {
    flex: 0 0 245px;
  }

  .site5-global-search {
    max-width: none;
  }

  .site5-global-nav {
    width: 100%;
    flex-basis: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 760px) {
  .site5-global-header {
    width: calc(100% - 16px);
    margin: 0 8px 8px;
    border: 1px solid #ddd8ce;
    border-radius: 8px;
    background: #fff;
  }

  .site5-global-header-inner {
    width: 100%;
    padding: 9px;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 8px;
  }

  .site5-global-brand {
    flex: 1 1 210px;
    min-width: 0;
  }

  .site5-global-mark--premium {
    width: 42px;
    height: 42px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #b79663;
    border-radius: 50%;
    background: #090909;
  }

  .site5-global-mark-image,
  .site5-global-banner-badge-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .site5-global-brand-copy strong {
    font-family: Georgia, "Noto Serif KR", "Nanum Myeongjo", serif;
    font-size: .96rem;
  }

  .site5-global-search {
    order: 3;
    display: flex;
    width: 100%;
    flex: 1 0 100%;
    height: 42px;
    align-items: center;
    border: 1px solid #d8d0c3;
    border-radius: 999px;
    background: #fff;
  }

  .site5-global-search-icon {
    display: grid;
    width: 38px;
    place-items: center;
  }

  .site5-global-search-icon svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: #8c7a61;
    stroke-width: 1.7;
  }

  .site5-global-search input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: .76rem;
  }

  .site5-global-search button {
    height: 32px;
    margin-right: 5px;
    padding: 0 13px;
    border: 0;
    border-radius: 999px;
    background: #2b2823;
    color: #fff;
    font-size: .68rem;
  }

  .site5-global-nav {
    order: 4;
    width: 100%;
    align-items: stretch;
  }

  .site5-global-primary-links.site5-surface-switcher {
    display: flex;
    max-width: 100%;
    gap: 5px;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .site5-surface-card {
    display: flex !important;
    flex: 0 0 125px;
    min-height: 50px;
    padding: 7px 9px !important;
    align-items: center;
    gap: 7px;
    border-radius: 5px;
    color: #fff !important;
  }

  .site5-surface-card--home { background: #292b2b; }
  .site5-surface-card--erp  { background: #214d7e; }
  .site5-surface-card--pos  { background: #4f7549; }
  .site5-surface-card--blog { background: #806544; }
  .site5-surface-card--shop { background: #6c5087; }

  .site5-surface-card::after,
  .site5-surface-card + .site5-surface-card::before {
    display: none !important;
  }

  .site5-surface-card-copy {
    display: flex;
    flex-direction: column;
  }

  .site5-surface-card-copy strong {
    color: #fff;
    font-size: .78rem;
  }

  .site5-surface-card-copy small {
    color: rgba(255,255,255,.84);
    font-size: .55rem;
  }

  .site5-global-banner-badge-mark--image {
    width: 70px;
    height: 70px;
    padding: 0;
    overflow: hidden;
    background: #050505;
  }
}

/* SITE5_SITE_NAME_LOGO_TRANSPARENT_FINAL_V1
   User references:
   - site_이름.jpg = compact text site names with separators
   - 사이트_로고.jpg = colored current-site logo card style
   - site5 brand blade mark = transparent background
*/
.site5-site-name-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  white-space: nowrap;
}

.site5-site-name-links a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  color: #292d2b;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .01em;
  text-decoration: none;
}

.site5-site-name-links a + a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 1px;
  height: 14px;
  background: #dddeda;
}

.site5-site-name-links a:hover,
.site5-site-name-links a.is-active {
  color: #9a713d;
}

.site5-site-name-links a.is-active::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 2px;
  height: 2px;
  border-radius: 2px;
  background: #b88a4e;
}

/* Remove the old colored-card global switcher presentation. */
.site5-global-primary-links.site5-surface-switcher,
.site5-surface-switcher-bar {
  display: none !important;
}

/* Transparent blade mark everywhere it is used. */
.site5-global-banner-badge-mark--image,
.site5-global-mark--premium,
.brand-mark--image {
  background: transparent !important;
}

.site5-global-banner-badge-image,
.site5-global-mark-image,
.brand-mark--image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Current-site logo card: the left block of each local navigation row. */
.site5-current-site-logo {
  --site-logo-bg: linear-gradient(125deg,#3a3c3c,#202222);
  display: flex !important;
  min-width: 240px;
  min-height: 62px;
  padding: 8px 18px !important;
  align-items: center;
  gap: 12px;
  border-radius: 6px 0 0 6px;
  background: var(--site-logo-bg) !important;
  color: #fff !important;
  box-sizing: border-box;
  text-decoration: none;
  box-shadow: inset 0 -12px 18px rgba(0,0,0,.08);
}

header:has([data-surface-menu="home"]) .site5-current-site-logo,
.site5-current-site-logo[data-site-logo="home"] {
  --site-logo-bg: linear-gradient(125deg,#3a3c3c,#202222);
}

header:has([data-surface-menu="erp"]) .site5-current-site-logo,
.site5-current-site-logo[data-site-logo="erp"] {
  --site-logo-bg: linear-gradient(125deg,#315987,#173f6d);
}

header:has([data-surface-menu="pos"]) .site5-current-site-logo,
.site5-current-site-logo[data-site-logo="pos"] {
  --site-logo-bg: linear-gradient(125deg,#62825b,#446c42);
}

header:has([data-surface-menu="blog"]) .site5-current-site-logo,
.site5-current-site-logo[data-site-logo="blog"] {
  --site-logo-bg: linear-gradient(125deg,#9a7951,#765a3a);
}

header:has([data-surface-menu="shop"]) .site5-current-site-logo,
.site5-current-site-logo[data-site-logo="shop"] {
  --site-logo-bg: linear-gradient(125deg,#80639a,#62467e);
}

.site5-current-site-logo .brand-mark--image {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  overflow: visible;
  box-shadow: none;
}

.site5-current-site-logo-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.site5-current-surface-name {
  color: #fff !important;
  font-family: Arial, "Noto Sans KR", sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
}

.site5-current-brand-name {
  display: block;
  max-width: 160px;
  overflow: hidden;
  color: rgba(255,255,255,.88) !important;
  font-size: .60rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 761px) {
  .site5-global-nav {
    align-items: center;
  }

  /* site_이름 occupies the compact name area; account controls stay separate. */
  .site5-site-name-links {
    margin-right: 6px;
  }

  header:has([data-surface-menu]) .header-inner {
    grid-template-columns: 260px minmax(0, 1fr);
  }

  header:has([data-surface-menu]) .brand {
    margin: 0;
  }

  header:has([data-surface-menu]) .primary-nav {
    min-width: 0;
  }
}

@media (max-width: 760px) {
  .site5-site-name-links {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
  }

  .site5-site-name-links a {
    flex: 0 0 auto;
    padding-left: 11px;
    padding-right: 11px;
    font-size: .72rem;
  }

  .site5-current-site-logo {
    min-width: 145px;
    min-height: 54px;
    padding: 7px 10px !important;
    gap: 8px;
  }

  .site5-current-site-logo .brand-mark--image {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
  }

  .site5-current-surface-name {
    font-size: .86rem !important;
  }

  .site5-current-brand-name {
    max-width: 95px;
    font-size: .54rem !important;
  }
}


/* SITE5-HEADER-SUBMENU-V1 */
.site5-menu-group {
  position: relative;
  display: flex;
  align-items: stretch;
}
.site5-menu-trigger {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.site5-submenu {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 120;
  display: grid;
  min-width: 190px;
  padding: 8px;
  border: 1px solid #ddd8d0;
  border-radius: 0 0 12px 12px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(31, 35, 38, .16);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.site5-submenu a {
  display: block !important;
  min-height: 40px !important;
  padding: 9px 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  white-space: nowrap;
  line-height: 1.45 !important;
}
.site5-submenu a:hover,
.site5-submenu a:focus-visible {
  background: #f2efe9 !important;
}
.site5-menu-group:hover .site5-submenu,
.site5-menu-group:focus-within .site5-submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media (max-width: 900px) {
  .site5-menu-group {
    display: block;
    width: 100%;
  }
  .site5-menu-trigger {
    width: 100%;
    justify-content: space-between;
  }
  .site5-submenu {
    position: static;
    min-width: 0;
    margin: 0 8px 8px;
    padding: 4px 0 4px 12px;
    border: 0;
    border-left: 2px solid #ddd8d0;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
}


/* SITE5-HOME-SUBMENU-VISIBILITY-V1 */
@media (min-width: 901px) {
  .site-header:has([data-surface-menu="home"]),
  .site-header:has([data-surface-menu="home"]) .header-inner,
  [data-surface-menu="home"] {
    overflow: visible;
  }
}

/* SITE5_ERP_MENU_CAPTURE_REFERENCE_V1
   Reference: user-provided ERP menu capture, 1124x87.
   Scope: ERP local header/menu presentation only.
*/
@media (min-width: 761px) {
  .site-header:has(.primary-nav[data-surface-menu="erp"]) {
    background: #ffffff;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .header-inner {
    width: 100%;
    max-width: none;
    min-height: 78px;
    margin: 0;
    padding: 0;
    grid-template-columns: 293px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .site5-current-site-logo {
    width: 293px;
    min-width: 293px;
    min-height: 78px;
    height: 78px;
    margin: 0 !important;
    padding: 10px 20px !important;
    gap: 12px;
    border: 0;
    border-radius: 4px 0 0 4px;
    background: linear-gradient(90deg, #2f5683 0%, #19406c 100%) !important;
    box-shadow: none;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .site5-current-site-logo .brand-mark--image {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .site5-current-surface-name {
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .site5-current-brand-name {
    max-width: 195px;
    margin-top: 2px;
    color: rgba(255,255,255,.90) !important;
    font-size: .61rem !important;
    font-weight: 650 !important;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .primary-nav[data-surface-menu="erp"] {
    display: flex !important;
    width: 100%;
    min-width: 0;
    min-height: 78px;
    height: 78px;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    overflow-x: auto;
    overflow-y: hidden;
    background: #ffffff;
    border-top: 1px solid #d9d8d3;
    border-bottom: 1px solid #d9d8d3;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: #8b8b8b transparent;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .primary-nav[data-surface-menu="erp"]::-webkit-scrollbar {
    height: 7px;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .primary-nav[data-surface-menu="erp"]::-webkit-scrollbar-track {
    background: transparent;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .primary-nav[data-surface-menu="erp"]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #8b8b8b;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .primary-nav[data-surface-menu="erp"] > a {
    position: relative;
    display: inline-flex !important;
    flex: 0 0 134px;
    min-width: 134px;
    min-height: 76px;
    height: 76px;
    margin: 0 !important;
    padding: 0 18px !important;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-right: 1px solid #dedbd4 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #080808 !important;
    font-size: .79rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: none !important;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .primary-nav[data-surface-menu="erp"] > a:first-child {
    border-left: 1px solid #dedbd4 !important;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .primary-nav[data-surface-menu="erp"] > a::after {
    content: "›" !important;
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 0 11px !important;
    background: none !important;
    color: #5f82a6 !important;
    font-size: .98rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    transform: none !important;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .primary-nav[data-surface-menu="erp"] > a:hover,
  .site-header:has(.primary-nav[data-surface-menu="erp"]) .primary-nav[data-surface-menu="erp"] > a:focus-visible {
    background: #f7f9fb !important;
    color: #173f6d !important;
  }
}

@media (max-width: 760px) {
  .site-header:has(.primary-nav[data-surface-menu="erp"]) .header-inner {
    display: grid;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    grid-template-columns: 178px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .site5-current-site-logo {
    width: 178px;
    min-width: 178px;
    min-height: 64px;
    height: 64px;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 3px 0 0 3px;
    background: linear-gradient(90deg, #2f5683 0%, #19406c 100%) !important;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .primary-nav[data-surface-menu="erp"] {
    display: flex !important;
    min-width: 0;
    min-height: 64px;
    height: 64px;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    overflow-x: auto;
    overflow-y: hidden;
    background: #fff;
    border-top: 1px solid #d9d8d3;
    border-bottom: 1px solid #d9d8d3;
    scrollbar-width: thin;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .primary-nav[data-surface-menu="erp"] > a {
    display: inline-flex !important;
    flex: 0 0 112px;
    min-width: 112px;
    min-height: 62px;
    height: 62px;
    margin: 0 !important;
    padding: 0 10px !important;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-right: 1px solid #dedbd4 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #080808 !important;
    font-size: .72rem !important;
    font-weight: 800 !important;
    white-space: nowrap;
  }

  .site-header:has(.primary-nav[data-surface-menu="erp"]) .primary-nav[data-surface-menu="erp"] > a::after {
    content: "›" !important;
    position: static !important;
    display: inline-block !important;
    margin-left: 7px !important;
    background: none !important;
    color: #5f82a6 !important;
    font-size: .88rem !important;
  }
}