:root{--ground:#f8f5f8;--raised:#ffffff;--copy:#231a22;--soft:#746871;--accent:#7b2d6a;--accent2:#541d48;--hair:#e7dfe5;--head:'Nanum Gothic', sans-serif;--txt:'Pretendard', -apple-system, sans-serif}
img{display:block;max-width:100%;height:auto}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--copy);font-family:var(--txt);font-size:17px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:12px}
h1,h2,h3{margin:0;font-family:var(--head);font-weight:800;line-height:1.2;letter-spacing:-.025em}
.n-skiplink-a{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none}.n-skiplink-a:focus{top:12px}
.n-container-a{max-width:1120px;margin:0 auto;padding:0 20px}
.n-header-a{position:sticky;top:12px;z-index:20;padding:0 12px}
.n-header-a > .n-container-a{display:flex;align-items:center;gap:10px;min-height:60px;padding:0 10px 0 22px;border-radius:999px;background:color-mix(in srgb,var(--raised) 82%,transparent);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid color-mix(in srgb,var(--copy) 8%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--copy) 6%,transparent),0 12px 32px color-mix(in srgb,var(--copy) 7%,transparent)}
.n-ident-a{margin:0;font-family:var(--head);font-weight:800;font-size:18px;white-space:nowrap}
.n-header-a .n-gnb-a{margin-left:auto}
.n-gnb-a{display:flex;gap:2px}
.n-entry-a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;font-size:14px;color:var(--soft);white-space:nowrap}
.n-entry-a:hover{color:var(--copy);background:color-mix(in srgb,var(--copy) 5%,transparent)}
.n-now-a{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--raised));font-weight:700}
.n-go-a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:16px;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 30%,transparent);white-space:nowrap;flex:none}
.n-go-a:hover{background:var(--accent2)}
.n-header-a .n-go-a{min-height:44px;padding:0 18px;font-size:14px;box-shadow:none}
.n-ghost-a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;background:var(--raised);border:1px solid color-mix(in srgb,var(--copy) 8%,transparent);font-weight:700;font-size:16px;box-shadow:0 1px 2px color-mix(in srgb,var(--copy) 6%,transparent),0 12px 32px color-mix(in srgb,var(--copy) 7%,transparent);white-space:nowrap;flex:none}
.n-ghost-a:hover{color:var(--accent)}
.n-cover-a{position:relative;isolation:isolate;padding:clamp(64px,10vw,120px) 0 40px;text-align:center;overflow:hidden}
.n-cover-a::before{content:'';position:absolute;z-index:-1;inset:-10% 0 auto;height:640px;background:radial-gradient(420px 320px at 22% 30%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%),radial-gradient(460px 340px at 78% 24%,color-mix(in srgb,var(--accent2) 22%,transparent),transparent 70%),radial-gradient(520px 300px at 50% 80%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);filter:blur(10px)}
header.n-cover-a{padding-bottom:24px}
.n-flag-a{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 14px;border-radius:999px;background:var(--raised);border:1px solid color-mix(in srgb,var(--copy) 8%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--copy) 6%,transparent),0 12px 32px color-mix(in srgb,var(--copy) 7%,transparent);font-size:13px;font-weight:700;color:var(--accent)}
.n-title-a{margin:0 auto 18px;max-width:16ch;font-size:clamp(38px,6.6vw,74px);letter-spacing:-.04em}
.n-lede-a{margin:0 auto 12px;max-width:620px;font-size:clamp(17px,2vw,21px);color:var(--soft)}
.n-meta-a{margin:0 0 28px;font-size:15px;color:var(--soft)}
.n-note-a{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0}
.n-showcase-a{position:relative;margin:48px auto 0;max-width:980px}
.n-showcase-a .n-shot-a{border-radius:28px;border:6px solid var(--raised);box-shadow:0 30px 70px color-mix(in srgb,var(--copy) 14%,transparent)}
.n-glance-a{position:absolute;left:-12px;bottom:-22px;display:flex;flex-wrap:wrap;gap:10px;margin:0}
.n-figure2-a{padding:14px 18px;border-radius:18px;background:var(--raised);border:1px solid color-mix(in srgb,var(--copy) 8%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--copy) 6%,transparent),0 12px 32px color-mix(in srgb,var(--copy) 7%,transparent);text-align:left}
.n-figure2-a dt{font-size:12px;color:var(--soft)}
.n-figure2-a dd{margin:2px 0 0;font-family:var(--head);font-weight:800;font-size:20px;color:var(--accent)}
.n-where-a ol{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px;padding:0;list-style:none;font-size:13px;color:var(--soft)}
.n-where-a li+li::before{content:'/';margin-right:8px;opacity:.5}
.n-where-a a:hover{color:var(--accent)}
.n-twin-a{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:24px 0}
.n-box-a{grid-column:span 3;padding:32px;border-radius:24px;background:var(--raised);border:1px solid color-mix(in srgb,var(--copy) 8%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--copy) 6%,transparent),0 12px 32px color-mix(in srgb,var(--copy) 7%,transparent)}
.n-box-a:first-child{grid-column:span 6;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--raised)),var(--raised) 60%)}
.n-box-a:last-child:nth-child(even){grid-column:span 6}
.n-box-a:nth-child(4n+3){background:color-mix(in srgb,var(--accent) 6%,var(--raised))}
.n-boxhead-a{margin:0 0 14px;font-size:clamp(21px,2.4vw,26px)}
.n-copy-a p{margin:0 0 1.05em}
.n-copy-a > :last-child{margin-bottom:0}
.n-copy-a h3{font-size:18px;margin:1.4em 0 .5em}
.n-copy-a ul,.n-copy-a ol{padding-left:1.25em;margin:0 0 1.05em}
.n-copy-a li::marker{color:var(--accent)}
.n-copy-a a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.n-block-a{padding:48px 0 16px}
.n-label-a{margin:0 0 24px;font-size:clamp(26px,3.4vw,38px);text-align:center}
.n-board-a{display:block;width:100%}
.n-board-a tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.n-row-a{display:flex;flex-direction:column;gap:4px;padding:24px;border-radius:22px;background:var(--raised);border:1px solid color-mix(in srgb,var(--copy) 8%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--copy) 6%,transparent),0 12px 32px color-mix(in srgb,var(--copy) 7%,transparent)}
.n-row-a th,.n-row-a td{padding:0;text-align:left}
.n-term-a{font-size:15px;font-weight:700}
.n-row-a td:nth-child(2){font-size:13px;color:var(--soft)}
.n-value-a{order:3;margin-top:8px;font-family:var(--head);font-weight:800;font-size:clamp(24px,3vw,32px);color:var(--accent)}
.n-footnote-a{margin:18px 0 0;text-align:center;font-size:14px;color:var(--soft)}
.n-ribbon-a{padding:32px 0}
.n-columns-a{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.n-shot-a{margin:0}
.n-ribbon-a img{border-radius:22px;box-shadow:0 1px 2px color-mix(in srgb,var(--copy) 6%,transparent),0 12px 32px color-mix(in srgb,var(--copy) 7%,transparent)}
.n-under-a{margin-top:10px;text-align:center;font-size:14px;color:var(--soft)}
.n-shelf-a{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}
.n-piece-a{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:var(--raised);border:1px solid color-mix(in srgb,var(--copy) 8%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--copy) 6%,transparent),0 12px 32px color-mix(in srgb,var(--copy) 7%,transparent)}
.n-piece-a img{aspect-ratio:16/9;object-fit:cover}
.n-piece-a .n-byline-a{margin:18px 22px 0}
.n-storyhead-a{font-size:19px;margin:6px 22px 8px}
.n-storyhead-a a:hover{color:var(--accent)}
.n-piece-a > p:last-child{margin:0 22px 22px;color:var(--soft);font-size:15px}
.n-byline-a{font-size:13px;color:var(--soft)}
.n-questions-a{max-width:820px;margin:0 auto;padding:48px 0 16px}
.n-ask-a{margin:0 0 10px;padding:0 24px;border-radius:20px;background:var(--raised);border:1px solid color-mix(in srgb,var(--copy) 8%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--copy) 6%,transparent),0 12px 32px color-mix(in srgb,var(--copy) 7%,transparent)}
.n-question-a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;cursor:pointer;list-style:none;font-weight:700}
.n-question-a::-webkit-details-marker{display:none}
.n-question-a::after{content:'+';flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,var(--raised));color:var(--accent);font-weight:800;transition:transform .2s}
.n-ask-a[open] .n-question-a::after{transform:rotate(45deg)}
.n-ans-a{padding:0 0 20px;color:var(--soft)}
.n-ans-a p{margin:0}
.n-read-a{padding:clamp(56px,8vw,96px) 0 48px}
.n-read-a > .n-container-a{max-width:780px}
.n-read-a header{text-align:center}
.n-read-a .n-title-a{font-size:clamp(32px,5vw,52px)}
.n-signed-a{margin:0 0 32px;font-size:14px;color:var(--soft)}
.n-read-a > .n-container-a > .n-shot-a{margin:0 0 36px;border-radius:24px;box-shadow:0 1px 2px color-mix(in srgb,var(--copy) 6%,transparent),0 12px 32px color-mix(in srgb,var(--copy) 7%,transparent)}
.n-contents-a h2{font-size:clamp(23px,2.8vw,30px);margin:1.7em 0 .6em}
.n-contents-a p{margin:0 0 1.15em}
.n-contents-a a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.n-nextup-a{margin-top:44px;padding:24px;border-radius:22px;background:color-mix(in srgb,var(--accent) 7%,var(--raised))}
.n-nextup-a .n-label-a{font-size:18px;text-align:left;margin:0 0 10px}
.n-nextup-a ul{margin:0;padding-left:1.2em}
.n-pick-a{margin:6px 0}
.n-pick-a a:hover{color:var(--accent)}
.n-ring-a{padding:48px 0 72px}
.n-aura-a{position:relative;overflow:hidden;padding:clamp(44px,7vw,72px) 24px;border-radius:32px;text-align:center;color:#fff;background:radial-gradient(500px 260px at 15% 0%,color-mix(in srgb,#fff 22%,transparent),transparent 70%),linear-gradient(135deg,var(--accent),var(--accent2))}
.n-aura-a .n-flag-a{background:color-mix(in srgb,#fff 18%,transparent);border-color:color-mix(in srgb,#fff 30%,transparent);color:#fff;box-shadow:none}
.n-boxhead-a{font-family:var(--head);font-weight:800}
.n-aura-a .n-boxhead-a{margin:0 auto 26px;max-width:720px;font-size:clamp(26px,4vw,42px);line-height:1.25}
.n-aura-a .n-go-a{background:#fff;color:var(--accent);box-shadow:none}
.n-aura-a .n-ghost-a{background:transparent;border-color:color-mix(in srgb,#fff 50%,transparent);color:#fff;box-shadow:none}
.n-colophon-a{padding:48px 0 48px;font-size:14px;color:var(--soft)}
.n-colophon-a .n-twin-a{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0 0 24px;align-items:start}
.n-colophon-a .n-ident-a{color:var(--copy)}
.n-colophon-a .n-gnb-a{flex-direction:column}
.n-colophon-a .n-entry-a{min-height:36px;padding:0}
.n-colophon-a .n-entry-a:hover{background:none}
.n-reach-a p{margin:0 0 6px}
.n-reach-a a{color:var(--copy)}
.n-smallprint-a{margin:6px 0 0;font-size:13px}
.n-tray-a{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.n-tray-a .n-float-a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:58px;min-height:58px;padding:0 22px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:16px;line-height:1;white-space:nowrap;text-decoration:none;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 35%,transparent)}
.n-tray-a .n-ghost-a{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--raised);color:var(--copy);border:1px solid color-mix(in srgb,var(--copy) 14%,transparent);font-weight:700;font-size:13px;white-space:nowrap;text-decoration:none;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 35%,transparent)}
@media (max-width:640px){.n-colophon-a{padding-bottom:96px!important}}
.n-tray-a .n-float-a{width:58px;padding:0;font-size:22px}
.n-blank-a{padding:clamp(96px,14vw,160px) 0;text-align:center}
@media (max-width:860px){.n-header-a > .n-container-a{flex-wrap:wrap;padding:8px 8px 8px 18px;border-radius:26px}.n-header-a .n-go-a{margin-left:auto}.n-header-a .n-gnb-a{order:3;width:100%;margin:0;overflow-x:auto;scrollbar-width:none}.n-header-a .n-gnb-a::-webkit-scrollbar{display:none}.n-glance-a{position:static;justify-content:center;margin-top:-28px}}
@media (max-width:640px){.n-twin-a{grid-template-columns:1fr}.n-box-a,.n-box-a:first-child,.n-box-a:last-child:nth-child(even){grid-column:auto}.n-box-a{padding:24px}.n-ribbon-a .n-columns-a{grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory}.n-ribbon-a .n-shot-a{scroll-snap-align:start}.n-note-a > *{flex:1 1 auto}}

@media (prefers-reduced-motion:no-preference){
html{scroll-behavior:smooth}
@keyframes n-frame-a-up326{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes n-frame-a-lift137{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}
.n-flag-a{animation:n-frame-a-up326 0.56s cubic-bezier(.22,.61,.36,1) 0.00s both}
.n-title-a{animation:n-frame-a-up326 0.56s cubic-bezier(.22,.61,.36,1) 0.06s both}
.n-lede-a{animation:n-frame-a-up326 0.56s cubic-bezier(.22,.61,.36,1) 0.12s both}
.n-meta-a{animation:n-frame-a-up326 0.56s cubic-bezier(.22,.61,.36,1) 0.18s both}
.n-note-a{animation:n-frame-a-up326 0.56s cubic-bezier(.22,.61,.36,1) 0.24s both}
.n-showcase-a{animation:n-frame-a-up326 0.56s cubic-bezier(.22,.61,.36,1) 0.30s both}
@supports (animation-timeline:view()){.n-box-a,.n-row-a,.n-piece-a,.n-ask-a,.n-aura-a{animation:n-frame-a-lift137 linear both;animation-timeline:view();animation-range:entry 0% entry 44%}}
.n-box-a,.n-row-a,.n-piece-a,.n-go-a,.n-ghost-a{transition:translate .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s cubic-bezier(.22,.61,.36,1),border-color .28s ease,filter .28s ease}
.n-box-a:hover,.n-row-a:hover,.n-piece-a:hover,.n-go-a:hover,.n-ghost-a:hover{translate:0 -3px;box-shadow:0 18px 44px rgba(0,0,0,.22)}
@keyframes n-frame-a-ring819{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 45%,transparent)}70%{box-shadow:0 0 0 14px transparent}100%{box-shadow:0 0 0 0 transparent}}
.n-float-a{animation:n-frame-a-ring819 3.0s ease-out infinite}
}
