/* 자동 생성(tools/build_sub.py) — 사이트 GNB 스타일. 변수는 GNB 안에서만 유효 */
.nav,.sheet,.burger{   --bg:#0b0810;--bg2:#100b16;--card:#150f1c;   --fg:#fff;--mute:#b7b0c4;--dim:#8f88a0;   --acc:#ed4036;--acc2:#f4705f;   /* 포인트 글씨는 한 색(B안). 라이트 배경에서 글씨에 쓴다. 다크 배경에선 글씨를 붉게 하지 않고 .ul 밑줄로 강조한다. */   --pt:#d9362e;   --grad:linear-gradient(112deg,#ed4036,#f4705f);   --line:rgba(255,255,255,.08);   --hex:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);   --wrap:1480px;   --pad:clamp(20px,4vw,48px);   --ease:cubic-bezier(.22,.61,.36,1);   /* 육각 마커 — 꽉 찬 도형 대신 가는 선. 작은 마커는 선을 굵게, 큰 칩은 가늘게 */   --hexo:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20116'%3E%3Cpolygon%20points='50,4%2096,30.5%2096,85.5%2050,112%204,85.5%204,30.5'%20fill='none'%20stroke='%23F4705F'%20stroke-width='9'%20stroke-linejoin='round'/%3E%3C/svg%3E");   --hexo-dim:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20116'%3E%3Cpolygon%20points='50,4%2096,30.5%2096,85.5%2050,112%204,85.5%204,30.5'%20fill='none'%20stroke='%23F4705F'%20stroke-opacity='.45'%20stroke-width='7'%20stroke-linejoin='round'/%3E%3C/svg%3E");   --hexo-chip:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20116'%3E%3Cpolygon%20points='50,4%2096,30.5%2096,85.5%2050,112%204,85.5%204,30.5'%20fill='none'%20stroke='%23F4705F'%20stroke-width='3.2'%20stroke-linejoin='round'/%3E%3C/svg%3E");   --hexo-chip-k:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20116'%3E%3Cpolygon%20points='50,4%2096,30.5%2096,85.5%2050,112%204,85.5%204,30.5'%20fill='none'%20stroke='%23ED4036'%20stroke-width='3.2'%20stroke-linejoin='round'/%3E%3C/svg%3E");   /* 벌집 텍스처 — 박스 안쪽에 은은히 깔리는 브랜드 패턴 */   --hexbg:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='45'%3E%3Cpath%20d='M13,0L26,7.5V22.5L13,30L0,22.5V7.5ZM13,30V45'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='.055'/%3E%3C/svg%3E");   --hexbgd:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='45'%3E%3Cpath%20d='M13,0L26,7.5V22.5L13,30L0,22.5V7.5ZM13,30V45'%20fill='none'%20stroke='%23000000'%20stroke-opacity='.05'/%3E%3C/svg%3E");}
.nav{position:fixed;inset:0 0 auto;height:74px;z-index:80;display:flex;align-items:center;justify-content:space-between;
  padding:0 var(--pad);background:linear-gradient(180deg,rgba(11,8,16,.72),rgba(11,8,16,0));
  border-bottom:1px solid transparent;
  transition:height .4s var(--ease),background .5s var(--ease),border-color .5s var(--ease)}
.nav.stuck{height:62px;background:#0b0810;backdrop-filter:none;border-bottom-color:var(--line)}
.nav .brand{display:flex;align-items:center;text-decoration:none}
.nav .brand .logo{height:30px;width:auto;display:block;transition:opacity .3s}
.nav .brand:hover .logo{opacity:.85}
body.light .nav .brand .logo{content:url("../assets/brand/nc_logo.png")}
.nav .links{display:flex;gap:4px}
.nav .links a{position:relative;text-decoration:none;color:#cfc9dc;font-size:14px;padding:9px 13px;border-radius:8px;
  transition:color .28s var(--ease)}
.nav .links a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:1.5px;border-radius:2px;
  background:var(--grad);transform:scaleX(0);transform-origin:0 50%;transition:transform .38s var(--ease)}
.nav .links a:hover{color:#fff}
.nav .links a:hover::after,.nav .links a.on::after{transform:scaleX(1)}
.nav .links a.on{color:#fff}
.nav .cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:var(--grad);color:#fff;
  font-weight:700;font-size:13px;padding:11px 19px;border-radius:999px;white-space:nowrap;
  box-shadow:0 6px 18px rgba(237,64,54,.26);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.nav .cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(237,64,54,.42)}
.ar{transition:transform .32s var(--ease);display:inline-block}
.nav .cta:hover .ar{transform:translateX(4px)}
.burger{display:none;width:42px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  border-radius:11px;cursor:pointer;position:relative;flex:none}
.burger i{position:absolute;left:11px;right:11px;height:1.6px;background:#fff;border-radius:2px;
  transition:transform .38s var(--ease),opacity .28s var(--ease)}
.burger i:nth-child(1){top:15px}.burger i:nth-child(2){top:20px}.burger i:nth-child(3){top:25px}
body.menu .burger i:nth-child(1){transform:translateY(5px) rotate(45deg)}
body.menu .burger i:nth-child(2){opacity:0}
body.menu .burger i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
@media(max-width:1040px){.nav .links,.nav .cta{display:none}.burger{display:block}}
.sheet{position:fixed;inset:0;z-index:79;background:rgba(11,8,16,.97);backdrop-filter:blur(20px);
  display:flex;flex-direction:column;justify-content:center;gap:2px;padding:90px clamp(24px,7vw,48px) 40px;
  opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}
body.menu .sheet{opacity:1;visibility:visible}
.sheet a{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:clamp(23px,5.6vw,32px);color:#fff;   /* 라이트 구간에서 열어도 시트는 늘 다크 */
  font-weight:700;letter-spacing:-.03em;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.sheet a i{width:13px;height:15px;background:var(--hexo) center/contain no-repeat;flex:none}
.sheet .mcta{margin-top:26px;border:0;justify-content:center;background:var(--grad);border-radius:999px;
  font-size:17px;padding:18px 0}
.sheet .mcta i{display:none}
body.light .nav{background:rgba(245,244,247,.62)}
body.menu .nav,body.light body.menu .nav{background:#0b0810!important;border-bottom-color:rgba(255,255,255,.08)}
body.light .nav.stuck{background:#f5f4f7;backdrop-filter:none;border-bottom-color:rgba(0,0,0,.08)}
body.light .nav .links a{color:#4b4b57}
body.light .nav .links a:hover,body.light .nav .links a.on{color:#17171c}
body.light .nav .brand b{color:#17171c}
body.light .burger{border-color:rgba(0,0,0,.14);background:rgba(0,0,0,.03)}
body.light .burger i{background:#17171c}
.kakao{position:fixed;right:22px;bottom:86px;z-index:70;width:46px;height:53px;display:grid;place-items:center;
  background:#FEE500;clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);
  transition:transform .3s var(--ease),filter .3s var(--ease)}
.kakao svg{width:22px;height:22px;fill:#191919}
.kakao:hover{transform:translateY(-3px);filter:brightness(1.05)}
.kakao:focus-visible{outline:2px solid var(--pt);outline-offset:3px}