:root{--paper:#fff;--cloud:#f3f6fa;--ink:#1e2a4a;--board:#22305a;--soft:#5b6478;--faint:#98a0b0;--steel:#d5dce6;--line:#e3e8f0;--guide:#1e2a4a0e;--accent:#0369a1;--accent-hover:#075985;--brand:#0ea5e9;--tint:#e0f2fe;--wash:#f0f9ff;--ring:#7dd3fc;--danger:#c42b31;--display:"Pretendard GN", Pretendard, "Malgun Gothic", sans-serif;--hand:"Badasseugi GN", "Pretendard GN", sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);--sheet-shadow:0 0 0 1px #1e2a4a14, 0 .6px 2.3px -1.25px #1e2a4a2e, 0 2.3px 8.7px -2.5px #1e2a4a24, 0 10px 38px -3.75px #1e2a4a12;--wrap:min(1160px, calc(100% - 48px));color-scheme:light}@font-face{font-family:Pretendard GN;src:url(/fonts/pretendard.woff2)format("woff2");font-weight:45 920;font-display:swap}@font-face{font-family:Badasseugi GN;src:url(/fonts/badasseugi.woff2)format("woff2");font-display:swap}*{box-sizing:border-box}html{scroll-padding-top:80px}body{background:var(--paper);color:var(--ink);font-family:var(--display);letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}img{max-width:100%;display:block}a{color:var(--accent)}.wrap{width:var(--wrap);margin:0 auto;position:relative}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:20;backdrop-filter:blur(10px);border-bottom:1px solid var(--steel);background:#ffffffe6;position:sticky;top:0}.top .wrap{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{width:80px;color:var(--ink);display:block}.logo svg{width:100%;height:auto;display:block;overflow:visible}.logo .dot{transform-box:fill-box;transform-origin:50% 100%}.home .logo .dot{animation:dot-drop .9s var(--ease) .2s backwards}@keyframes dot-drop{0%{transform:translateY(-90px)}60%{transform:translateY(0)scale(1.12,.85)}80%{transform:translateY(-8px)}to{transform:none}}.nav{align-items:center;gap:28px;font-size:15px;font-weight:500;display:flex}.nav a{color:var(--soft);white-space:nowrap;padding:8px 0;text-decoration:none;position:relative}.nav a:hover,.nav a[aria-current]{color:var(--ink)}.nav a[aria-current]:after{content:"";background:var(--brand);border-radius:1px;height:2px;position:absolute;bottom:2px;left:0;right:0}.button{cursor:pointer;letter-spacing:inherit;transition:transform .3s var(--ease), background .2s, box-shadow .2s;border:0;border-radius:14px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.button.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--steel);background:0 0}.button.ghost:hover{box-shadow:inset 0 0 0 1px var(--soft)}.button .v{opacity:.8;font-variant-numeric:tabular-nums;font-weight:500}.grid-paper{position:relative;overflow:hidden}.grid-paper:before{content:"";pointer-events:none;background-image:linear-gradient(to right, var(--guide) 1px, transparent 1px), linear-gradient(to bottom, var(--guide) 1px, transparent 1px);background-position:calc(50vw + min(1160px,100vw - 48px)/-2) 0;background-size:calc(min(1160px,100vw - 48px)/12) 64px;position:absolute;inset:0;mask-image:radial-gradient(80% 90% at 70% 40%,#000 40%,#0000 100%)}.sec{padding:96px 0}.sec.alt{background:var(--cloud);border-top:1px solid var(--steel);border-bottom:1px solid var(--steel)}.sec.navy{background:var(--board);color:#fff}.kicker{color:var(--accent);letter-spacing:0;margin-bottom:12px;font-size:13px;font-weight:600;display:block}.navy .kicker{color:var(--ring)}h1,h2,h3{text-wrap:balance}h2{letter-spacing:-.05em;margin:0;font-size:clamp(30px,3.6vw,44px);font-weight:650;line-height:1.18}.sec-head{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:44px;display:grid}.sec-head p{color:var(--soft);margin:0}.page-head{border-bottom:1px solid var(--steel);padding:64px 0 56px}.page-head h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4.4vw,54px);font-weight:650;line-height:1.14}.page-head p{color:var(--soft);max-width:36em;margin:16px 0 0;font-size:18px}.crumb{color:var(--soft);margin:0 0 18px;font-size:13px}.crumb a{color:var(--soft);text-decoration:none}.crumb a:hover{color:var(--ink)}.prose{max-width:720px;font-size:17px;line-height:1.8}.prose h2{letter-spacing:-.04em;margin:56px 0 14px;font-size:26px}.prose h2:first-child{margin-top:0}.prose h3{letter-spacing:-.03em;margin:32px 0 8px;font-size:19px}.prose p,.prose ul,.prose ol{margin:0 0 14px}.prose ul,.prose ol{padding-left:22px}.prose li{margin:4px 0}.prose .note{color:var(--soft);font-size:14px}.prose kbd{background:var(--cloud);box-shadow:inset 0 0 0 1px var(--steel);border-radius:6px;padding:1px 7px;font-family:inherit;font-size:14px}.rows{border-top:1px solid var(--ink)}.rows article{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr;gap:24px;padding:22px 0;display:grid}.rows .head{font-variant-numeric:tabular-nums;font-size:20px;font-weight:650}.rows .head small{color:var(--soft);font-size:13px;font-weight:400;display:block}.rows ul{color:var(--soft);margin:0;padding-left:18px;font-size:15px}.badge{color:var(--accent);background:var(--wash);vertical-align:3px;letter-spacing:0;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.faq{border-top:1px solid var(--ink)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:20px 40px 20px 0;font-size:17px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:1.6px solid var(--soft);border-bottom:1.6px solid var(--soft);width:10px;height:10px;transition:transform .3s var(--ease);position:absolute;top:50%;right:6px;transform:translateY(-70%)rotate(45deg)}.faq details[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.faq details p{color:var(--soft);max-width:46em;margin:0 0 20px}.shot{box-shadow:var(--sheet-shadow);background:#fff;border-radius:16px;margin:0;padding:10px;position:relative}.shot img{border-radius:10px}.frame{aspect-ratio:16/10;background:var(--cloud)}.frame picture,.frame>img{width:100%;height:100%;display:block}.frame img{object-fit:cover;object-position:top center;width:100%;height:100%}.shot .loop{color:var(--accent);box-shadow:0 0 0 1px var(--tint);letter-spacing:0;background:#ffffffeb;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;position:absolute;top:18px;left:18px}.shot .note{color:var(--soft);font-size:11px;position:absolute;bottom:-28px;right:14px}.foot{border-top:1px solid var(--steel)}.foot .wrap{color:var(--soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding:26px 0 40px;font-size:13px;display:flex}.foot .logo{width:56px}.foot nav{flex-wrap:wrap;gap:8px 22px;display:flex}.foot nav a{color:var(--soft);text-decoration:none}.foot nav a:hover{color:var(--ink)}.rise{animation:rise .8s var(--ease) backwards}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media (width<=900px){.sec-head{grid-template-columns:1fr;gap:16px}.rows article{grid-template-columns:1fr;gap:8px}.sec{padding:64px 0}}@media (width<=480px){:root{--wrap:calc(100% - 36px)}.nav{gap:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.shot .loop{display:none}}