:root{--base:#ffffff;--raised:#f6f6f6;--copy:#111111;--soft:#666666;--accent:#111111;--accent2:#444444;--edge:#e5e5e5;--title:'Nanum Gothic', sans-serif;--prose:'Gothic A1', sans-serif}
html{-webkit-text-size-adjust:100%}
*{box-sizing:border-box}
img{display:block;max-width:100%;height:auto}
body{margin:0;background:var(--base);color:var(--copy);font-family:var(--prose);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(--title);font-weight:800;line-height:1.2;letter-spacing:-.025em}
.n-skip-x{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-skip-x:focus{top:12px}
.n-inner-x{max-width:1120px;margin:0 auto;padding:0 20px}
.n-bar-x{position:sticky;top:12px;z-index:20;padding:0 12px}
.n-bar-x > .n-inner-x{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-logo-x{margin:0;font-family:var(--title);font-weight:800;font-size:18px;white-space:nowrap}
.n-bar-x .n-nav-x{margin-left:auto}
.n-nav-x{display:flex;gap:2px}
.n-tab-x{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-tab-x:hover{color:var(--copy);background:color-mix(in srgb,var(--copy) 5%,transparent)}
.n-current-x{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--raised));font-weight:700}
.n-go-x{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-x:hover{background:var(--accent2)}
.n-bar-x .n-go-x{min-height:44px;padding:0 18px;font-size:14px;box-shadow:none}
.n-second-x{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-second-x:hover{color:var(--accent)}
.n-lead-x{position:relative;isolation:isolate;padding:clamp(64px,10vw,120px) 0 40px;text-align:center;overflow:hidden}
.n-lead-x::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-lead-x{padding-bottom:24px}
.n-flag-x{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-headline-x{margin:0 auto 18px;max-width:16ch;font-size:clamp(38px,6.6vw,74px);letter-spacing:-.04em}
.n-standfirst-x{margin:0 auto 12px;max-width:620px;font-size:clamp(17px,2vw,21px);color:var(--soft)}
.n-facts-x{margin:0 0 28px;font-size:15px;color:var(--soft)}
.n-notice-x{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0}
.n-showcase-x{position:relative;margin:48px auto 0;max-width:980px}
.n-showcase-x .n-figure-x{border-radius:28px;border:6px solid var(--raised);box-shadow:0 30px 70px color-mix(in srgb,var(--copy) 14%,transparent)}
.n-facts2-x{position:absolute;left:-12px;bottom:-22px;display:flex;flex-wrap:wrap;gap:10px;margin:0}
.n-kpi-x{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-kpi-x dt{font-size:12px;color:var(--soft)}
.n-kpi-x dd{margin:2px 0 0;font-family:var(--title);font-weight:800;font-size:20px;color:var(--accent)}
.n-where-x 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-x li+li::before{content:'/';margin-right:8px;opacity:.5}
.n-where-x a:hover{color:var(--accent)}
.n-twin-x{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:24px 0}
.n-tile-x{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-tile-x:first-child{grid-column:span 6;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--raised)),var(--raised) 60%)}
.n-tile-x:last-child:nth-child(even){grid-column:span 6}
.n-tile-x:nth-child(4n+3){background:color-mix(in srgb,var(--accent) 6%,var(--raised))}
.n-platehead-x{margin:0 0 14px;font-size:clamp(21px,2.4vw,26px)}
.n-copy-x p{margin:0 0 1.05em}
.n-copy-x > :last-child{margin-bottom:0}
.n-copy-x h3{font-size:18px;margin:1.4em 0 .5em}
.n-copy-x ul,.n-copy-x ol{padding-left:1.25em;margin:0 0 1.05em}
.n-copy-x li::marker{color:var(--accent)}
.n-copy-x a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.n-part-x{padding:48px 0 16px}
.n-subhead-x{margin:0 0 24px;font-size:clamp(26px,3.4vw,38px);text-align:center}
.n-board-x{display:block;width:100%}
.n-board-x tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.n-rule-x{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-rule-x th,.n-rule-x td{padding:0;text-align:left}
.n-dt-x{font-size:15px;font-weight:700}
.n-rule-x td:nth-child(2){font-size:13px;color:var(--soft)}
.n-value-x{order:3;margin-top:8px;font-family:var(--title);font-weight:800;font-size:clamp(24px,3vw,32px);color:var(--accent)}
.n-remark-x{margin:18px 0 0;text-align:center;font-size:14px;color:var(--soft)}
.n-swath-x{padding:32px 0}
.n-columns-x{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.n-figure-x{margin:0}
.n-swath-x 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-desc-x{margin-top:10px;text-align:center;font-size:14px;color:var(--soft)}
.n-index-x{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}
.n-piece-x{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-x img{aspect-ratio:16/9;object-fit:cover}
.n-piece-x .n-date-x{margin:18px 22px 0}
.n-storyhead-x{font-size:19px;margin:6px 22px 8px}
.n-storyhead-x a:hover{color:var(--accent)}
.n-piece-x > p:last-child{margin:0 22px 22px;color:var(--soft);font-size:15px}
.n-date-x{font-size:13px;color:var(--soft)}
.n-questions-x{max-width:820px;margin:0 auto;padding:48px 0 16px}
.n-qitem-x{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-x{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;cursor:pointer;list-style:none;font-weight:700}
.n-question-x::-webkit-details-marker{display:none}
.n-question-x::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-qitem-x[open] .n-question-x::after{transform:rotate(45deg)}
.n-a-x{padding:0 0 20px;color:var(--soft)}
.n-a-x p{margin:0}
.n-essay-x{padding:clamp(56px,8vw,96px) 0 48px}
.n-essay-x > .n-inner-x{max-width:780px}
.n-essay-x header{text-align:center}
.n-essay-x .n-headline-x{font-size:clamp(32px,5vw,52px)}
.n-credit-x{margin:0 0 32px;font-size:14px;color:var(--soft)}
.n-essay-x > .n-inner-x > .n-figure-x{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-innards-x h2{font-size:clamp(23px,2.8vw,30px);margin:1.7em 0 .6em}
.n-innards-x p{margin:0 0 1.15em}
.n-innards-x a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.n-nextup-x{margin-top:44px;padding:24px;border-radius:22px;background:color-mix(in srgb,var(--accent) 7%,var(--raised))}
.n-nextup-x .n-subhead-x{font-size:18px;text-align:left;margin:0 0 10px}
.n-nextup-x ul{margin:0;padding-left:1.2em}
.n-suggest-x{margin:6px 0}
.n-suggest-x a:hover{color:var(--accent)}
.n-cta-x{padding:48px 0 72px}
.n-glow-x{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-glow-x .n-flag-x{background:color-mix(in srgb,#fff 18%,transparent);border-color:color-mix(in srgb,#fff 30%,transparent);color:#fff;box-shadow:none}
.n-platehead-x{font-family:var(--title);font-weight:800}
.n-glow-x .n-platehead-x{margin:0 auto 26px;max-width:720px;font-size:clamp(26px,4vw,42px);line-height:1.25}
.n-glow-x .n-go-x{background:#fff;color:var(--accent);box-shadow:none}
.n-glow-x .n-second-x{background:transparent;border-color:color-mix(in srgb,#fff 50%,transparent);color:#fff;box-shadow:none}
.n-end-x{padding:48px 0 48px;font-size:14px;color:var(--soft)}
.n-end-x .n-twin-x{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0 0 24px;align-items:start}
.n-end-x .n-logo-x{color:var(--copy)}
.n-end-x .n-nav-x{flex-direction:column}
.n-end-x .n-tab-x{min-height:36px;padding:0}
.n-end-x .n-tab-x:hover{background:none}
.n-line2-x p{margin:0 0 6px}
.n-line2-x a{color:var(--copy)}
.n-credits-x{margin:6px 0 0;font-size:13px}
.n-sticky-x{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-sticky-x .n-float-x{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-sticky-x .n-second-x{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-end-x{padding-bottom:96px!important}}
.n-sticky-x .n-float-x{width:58px;padding:0;font-size:22px}
.n-void-x{padding:clamp(96px,14vw,160px) 0;text-align:center}
@media (max-width:860px){.n-bar-x > .n-inner-x{flex-wrap:wrap;padding:8px 8px 8px 18px;border-radius:26px}.n-bar-x .n-go-x{margin-left:auto}.n-bar-x .n-nav-x{order:3;width:100%;margin:0;overflow-x:auto;scrollbar-width:none}.n-bar-x .n-nav-x::-webkit-scrollbar{display:none}.n-facts2-x{position:static;justify-content:center;margin-top:-28px}}
@media (max-width:640px){.n-twin-x{grid-template-columns:1fr}.n-tile-x,.n-tile-x:first-child,.n-tile-x:last-child:nth-child(even){grid-column:auto}.n-tile-x{padding:24px}.n-swath-x .n-columns-x{grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory}.n-swath-x .n-figure-x{scroll-snap-align:start}.n-notice-x > *{flex:1 1 auto}}

@media (prefers-reduced-motion:no-preference){
html{scroll-behavior:smooth}
@keyframes n-site-x-show704{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes n-site-x-float545{from{opacity:0;transform:translateY(23px) scale(.985)}to{opacity:1;transform:none}}
.n-flag-x{animation:n-site-x-show704 0.75s cubic-bezier(.22,.61,.36,1) 0.00s both}
.n-headline-x{animation:n-site-x-show704 0.75s cubic-bezier(.22,.61,.36,1) 0.09s both}
.n-standfirst-x{animation:n-site-x-show704 0.75s cubic-bezier(.22,.61,.36,1) 0.18s both}
.n-facts-x{animation:n-site-x-show704 0.75s cubic-bezier(.22,.61,.36,1) 0.27s both}
.n-notice-x{animation:n-site-x-show704 0.75s cubic-bezier(.22,.61,.36,1) 0.36s both}
.n-showcase-x{animation:n-site-x-show704 0.75s cubic-bezier(.22,.61,.36,1) 0.45s both}
@supports (animation-timeline:view()){.n-tile-x,.n-rule-x,.n-piece-x,.n-qitem-x,.n-glow-x{animation:n-site-x-float545 linear both;animation-timeline:view();animation-range:entry 0% entry 26%}}
.n-tile-x,.n-rule-x,.n-piece-x,.n-go-x,.n-second-x{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-tile-x:hover,.n-rule-x:hover,.n-piece-x:hover,.n-go-x:hover,.n-second-x:hover{translate:0 -5px;box-shadow:0 18px 44px rgba(0,0,0,.22)}
@keyframes n-site-x-pulse788{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-x{animation:n-site-x-pulse788 2.8s ease-out infinite}
}