/* Novafold DS v1.0 · 토큰 · 리셋 · 버튼. 모든 페이지 공통 */
/* ── tokens (DS v1.0 발췌) ─────────────────────────── */
:root{
--nf-color-primary:#1868DB;--nf-color-primaryHover:#1558BC;--nf-color-primaryActive:#144794;
--nf-color-body:#292A2E;--nf-color-bodyDimmed:#6B6E76;
--nf-color-border:#0B120E24;--nf-color-backgroundNeutral:#0515240F;
--nf-color-backgroundNeutralHover:#0B120E24;--nf-color-backgroundNeutralActive:#080F214A;
--nf-color-blurpleLight:#E9F2FE;--nf-color-blurpleMedium:#CFE1FD;--nf-color-blurpleStrong:#123263;
--nf-color-lime:#DDF344;--nf-color-limeLight:#F7FCDC;--nf-color-limeDark:#5F6E0F;
--nf-color-grey1:#F8F8F8;--nf-color-grey2:#F0F1F2;--nf-color-grey3:#DDDEE1;--nf-color-grey5:#8C8F97;
--nf-color-focusRing:#4688EC;--nf-color-onAccent:#292A2E;
--nf-color-onDark:#EEF2F8;--nf-color-onDarkDim:#8FA3C4;
--nf-radius-100:8px;--nf-radius-150:12px;--nf-radius-media:16px;--nf-radius-panel:24px;
--nf-radius-container:40px;--nf-radius-full:9999px;
/* 로고 심볼 rect rx=7 / 32px = 21.9%. 버튼 높이에 그 비율을 적용한다 */
--nf-radius-btn:12px;--nf-radius-btn-lg:14px;--nf-radius-chip:10px;
--nf-fontFamily:"Poppins","Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo",sans-serif;
--nf-shadow-medium:0 4px 16px #0515241f;
--gut:clamp(24px,6vw,88px);--max:1200px;
--sec-y:clamp(76px,9vw,132px);
}

*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:#fff;color:var(--nf-color-body);
 font-family:var(--nf-fontFamily);-webkit-font-smoothing:antialiased;
 word-break:keep-all;overflow-wrap:break-word}
h1,h2{margin:0;font-weight:700}p{margin:0}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--nf-color-focusRing);outline-offset:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;
 border:none;border-radius:var(--nf-radius-btn);font-size:.9375rem;font-weight:600;white-space:nowrap;text-decoration:none;
 transition:background .14s linear,box-shadow .14s linear,scale .1s linear}
.btn.p{background:var(--nf-color-primary);color:#fff}
.btn.p,.btn.p:hover,.btn.p:focus,.btn.p:active{color:#fff}
.btn.p:hover{background:var(--nf-color-primaryHover)}
.btn.p:active{background:var(--nf-color-primaryActive)}
.btn.s{background:#fff;color:var(--nf-color-body);box-shadow:inset 0 0 0 1px var(--nf-color-border)}
.btn.s:hover{background:var(--nf-color-backgroundNeutralHover)}
.btn.s:active{background:var(--nf-color-backgroundNeutralActive)}
.btn.lg{height:52px;padding:0 28px;font-size:1.0625rem;border-radius:var(--nf-radius-btn-lg)}
.btn:active{scale:.96}

/* 본문 이동 링크 ─ 밑줄이 아니라 화살표로 말한다.
   밑줄은 문장 속 인라인 링크(.promo .u)에만 쓴다 */
.tlink{display:inline-flex;align-items:center;gap:7px;min-height:40px;
 font-size:.9375rem;font-weight:700;color:var(--nf-color-primary);
 text-decoration:none;white-space:nowrap;transition:gap .18s linear}
.tlink:hover{gap:11px}
.tlink svg{flex:none}

/* 앵커 이동 ─ 즉시 점프하면 어디로 갔는지 안 보인다 */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 본문 바로가기 ─ 키보드로 들어온 사람이 GNB 를 건너뛴다.
   페이지마다 인라인으로 복제돼 있어 404 처럼 빠진 장에서 그대로 노출됐다 */
.skip{position:absolute;left:-9999px;z-index:100;padding:12px 20px;
 border-radius:0 0 var(--nf-radius-150) 0;background:var(--nf-color-primary);color:#fff;
 font-weight:600;text-decoration:none}
.skip:focus{left:0;top:0}