:root{--sign:#173C8C;--sign-deep:#0F2A66;--ink:#16213A;--paper:#F6F7F9;--white:#fff;--muted:#5B6478;--line:#DCE1EA;--ok:#1C8C55;--warn:#C77700;--code:#EDF0F5;--display:"Black Han Sans","IBM Plex Sans KR",sans-serif;--sans:"IBM Plex Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--gut:24px;--sec:88px;color-scheme:light;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}body{margin:0;background:var(--white);color:var(--ink);font:400 17px/1.7 var(--sans);word-break:keep-all;overflow-wrap:break-word;font-variant-numeric:tabular-nums}a{color:var(--sign);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--sign-deep);text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--sign);outline-offset:3px;border-radius:3px}svg{display:block}h1,h2{font-family:var(--display);font-weight:400;font-synthesis:none;line-height:1.25;margin:0 0 .5em;color:var(--ink)}h2{font-size:clamp(1.55rem,1.15rem + 1.3vw,2.1rem)}h3{font:700 1.1rem/1.45 var(--sans);margin:0 0 .4em}p{margin:0 0 1em}ul,ol{margin:0 0 1em;padding-left:1.25em}li{margin:.35em 0}code{font-family:inherit;font-size:.92em;background:var(--code);border-radius:4px;padding:.08em .4em;overflow-wrap:anywhere}.wrap{max-width:1200px;margin:0 auto;padding:0 var(--gut)}.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:-9999px;top:8px;z-index:10;background:var(--ink);color:#fff;padding:8px 14px;border-radius:4px;font-weight:700}.skip:focus{left:16px}.small{font-size:.9rem;color:var(--muted)}.sec{padding:var(--sec) 0}.paper{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sec-h{max-width:38em;margin-bottom:40px}.sec-h p{margin:0;color:var(--muted)}.sec-h.row{max-width:52em;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:24px}.sec-h.row h2{margin:0}.plate{--tip:20px;--bg:var(--sign);--bg-in:var(--bg);--ln:#fff;--fg:#fff;--d1:4px;--d2:6px;--r1:5px;--r2:7.6px;--t1:16.9px;--t2:15.4px;position:relative;isolation:isolate;display:flex;align-items:center;min-height:52px;padding:0 calc(var(--tip) + 12px) 0 18px;background:var(--bg);color:var(--fg);border-radius:6px 0 0 6px;clip-path:polygon(0 0,calc(100% - var(--tip)) 0,100% 50%,calc(100% - var(--tip)) 100%,0 100%);}.plate::before,.plate::after{content:"";position:absolute;z-index:-1}.plate::before{inset:var(--d1) var(--r1) var(--d1) var(--d1);background:var(--ln);border-radius:4px 0 0 4px;clip-path:polygon(0 0,calc(100% - var(--t1)) 0,100% 50%,calc(100% - var(--t1)) 100%,0 100%)}.plate::after{inset:var(--d2) var(--r2) var(--d2) var(--d2);background:var(--bg-in);border-radius:3px 0 0 3px;clip-path:polygon(0 0,calc(100% - var(--t2)) 0,100% 50%,calc(100% - var(--t2)) 100%,0 100%)}.pl-name{margin:0;padding-right:14px;font:400 1.22rem/1.2 var(--display);font-synthesis:none;color:inherit;white-space:nowrap}.pl-num{align-self:stretch;position:relative;display:flex;align-items:center;margin-left:auto;padding-left:14px;font:400 1.22rem/1 var(--display)}.pl-num::before{content:"";position:absolute;left:0;top:var(--d1);bottom:var(--d1);width:calc(var(--d2) - var(--d1));background:var(--ln)}.pl-num small{font:500 .62em/1 var(--sans);margin-left:3px}.pl-a{display:block;width:fit-content;max-width:100%;color:inherit;text-decoration:none;border-radius:6px}.pl-a:hover .plate{--bg:var(--sign-deep)}.pl-a:hover{color:inherit}.plate-xs{--tip:14px;--d1:3px;--d2:4.5px;--r1:3.7px;--r2:5.6px;--t1:11.8px;--t2:10.7px;min-height:38px;padding:0 calc(var(--tip) + 10px) 0 13px;border-radius:5px 0 0 5px;font:700 .88rem/1.2 var(--sans);white-space:nowrap}.plate-md{font:700 1rem/1.2 var(--sans);padding-right:calc(var(--tip) + 16px);white-space:nowrap}.plate-lg{--tip:44px;--d1:8px;--d2:11px;--r1:9.9px;--r2:13.6px;--t1:38.1px;--t2:35.9px;min-height:120px;width:fit-content;max-width:100%;min-width:min(100%,440px);padding:0 calc(var(--tip) + 22px) 0 34px;border-radius:10px 0 0 10px;align-items:stretch}.plate-lg::before{border-radius:6px 0 0 6px}.plate-lg::after{border-radius:4px 0 0 4px}.plate-lg .pl-text{padding:24px 26px 24px 0;align-self:center}.plate-lg .pl-name{font-size:clamp(1.8rem,1.25rem + 2.2vw,2.8rem);white-space:normal;padding:0}.pl-sub{margin:10px 0 0;font:500 1rem/1.4 var(--sans)}.plate-lg .pl-num{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);padding-left:26px}.top{background:var(--white);border-bottom:1px solid var(--line)}.top-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0 36px;min-height:76px}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:400 1.4rem/1 var(--display)}.logo:hover{color:var(--ink)}.logo .face{width:36px;height:36px}.nav ul{display:flex;gap:0 26px;list-style:none;margin:0;padding:0}.nav li{margin:0}.nav a{display:block;padding:10px 0;color:var(--ink);text-decoration:none;font-weight:500;font-size:.95rem;white-space:nowrap}.nav a:hover{color:var(--sign)}.nav a[aria-current=page]{color:var(--sign);box-shadow:inset 0 -3px 0 var(--sign)}.go .plate{text-decoration:none}.hero{border-bottom:1px solid var(--line);overflow:hidden}.hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"copy art" "meta art";column-gap:56px;padding-top:80px}.hero-copy{grid-area:copy;align-self:end}.hero-meta{grid-area:meta;padding:8px 0 80px}.hero-art{grid-area:art;align-self:end}.hero h1{font-size:clamp(2.05rem,1.2rem + 2.75vw,3.45rem);line-height:1.2;margin:0 0 28px}.hero-lead{font-size:1.12rem;max-width:30em;margin:0 0 26px}.hero-more{margin:0 0 14px;font-weight:700}.hero-fact{position:relative;margin:0;padding-left:20px;max-width:32em;font-size:.94rem;color:var(--muted)}.hero-fact::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--ok)}.post{position:relative;aspect-ratio:560/540;max-width:600px;margin-left:auto}.post-svg{position:absolute;inset:0;width:100%;height:100%}.sign{position:absolute;left:2.857%;top:7.407%;width:94.286%;aspect-ratio:528/156;container-type:inline-size;color:#fff;text-decoration:none;transform-origin:25% 4%;border-radius:10px}.sign:hover{color:#fff}.sign:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.sign-plate{position:absolute;inset:0;width:100%;height:100%}.sign .pl-bg{fill:var(--sign);transition:fill .15s}.sign:hover .pl-bg{fill:var(--sign-deep)}.sign-text{position:absolute;left:6.6%;top:0;bottom:0;width:61%;display:flex;flex-direction:column;justify-content:center;gap:2.4cqw}.sign-name{font:400 11.4cqw/1 var(--display);white-space:nowrap}.sign-sub{font:500 4.3cqw/1 var(--sans);letter-spacing:.02em}.sign-go{position:absolute;left:70.5%;width:23%;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font:700 4.1cqw/1 var(--sans)}@media (prefers-reduced-motion:no-preference){.sign{animation:hang .56s cubic-bezier(.3,.7,.35,1) both}}@keyframes hang{0%{transform:rotate(-3.6deg)}38%{transform:rotate(1.9deg)}66%{transform:rotate(-.8deg)}86%{transform:rotate(.25deg)}100%{transform:none}}.dests{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 28px}.dest{margin:0}.dest .pl-a{width:100%}.dest-desc{margin:14px 0 6px;font-size:.94rem;line-height:1.55}.dest-state{display:flex;flex-wrap:wrap;gap:2px 16px;margin:0;font-size:.85rem;color:var(--muted)}.dests-3{grid-template-columns:repeat(3,minmax(0,1fr))}.st{display:inline-flex;align-items:baseline;gap:7px;font-weight:500}.st::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--ok);transform:translateY(-1px)}.st.warn::before{background:var(--warn)}.st-note{display:block;margin-top:2px;font-size:.8rem;color:var(--muted);white-space:nowrap}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 48px}.steps li{margin:0;padding-top:24px;border-top:2px solid var(--ink)}.steps p{margin:0;max-width:26em}.num-plate{display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;background:var(--sign);color:#fff;border-radius:6px;outline:1.5px solid #fff;outline-offset:-5px;font:400 1.4rem/1 var(--display)}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.55}caption{caption-side:top;text-align:left;padding:0 0 10px;font-size:.88rem;color:var(--muted)}th,td{padding:12px 14px 12px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}thead th{padding-top:0;font-size:.85rem;font-weight:700;color:var(--muted);white-space:nowrap;border-bottom:2px solid var(--ink)}tbody th{font-weight:500}th:last-child,td:last-child{padding-right:0}.num{text-align:right;white-space:nowrap}thead .num .st{justify-content:flex-end}tfoot th,tfoot td{font-weight:700;border-top:2px solid var(--ink);border-bottom:0}.counts td,.counts tbody th{padding-top:10px;padding-bottom:10px}.kv th{width:8.5em;font-weight:700}.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 72px;align-items:start}.split .sec-h{margin:0}.split .facts{display:grid;grid-template-columns:repeat(2,max-content);gap:18px 56px;margin-top:36px}.read{display:grid;grid-template-columns:minmax(0,36em) minmax(0,1fr);grid-template-areas:"life side" "art side";column-gap:clamp(40px,7vw,112px)}.read-life{grid-area:life}.read-art{grid-area:art;margin-top:40px}.read-side{grid-area:side;align-self:start;justify-self:end;width:min(100%,340px);position:sticky;top:32px}.read-side h3{margin-top:32px;font-size:1rem}.house{background:var(--sign);color:#fff;border-radius:12px;outline:2px solid #fff;outline-offset:-10px;padding:30px 32px 28px;text-align:center}.house p{margin:0}.house-top{font:500 .92rem/1.3 var(--sans)}.house-name{margin:10px 0 12px!important;font:400 2.5rem/1.05 var(--display)}.house-bot{font:500 .82rem/1.3 var(--sans)}.bookmark{padding-left:1.1em;font-size:.94rem}.bookmark li::marker{color:var(--sign)}.prose{max-width:36em}.prose h2{margin:1.9em 0 .6em;font-size:clamp(1.35rem,1.1rem + .9vw,1.75rem)}.prose>h2:first-child,.prose>section>h2:first-child{margin-top:0}.prose li::marker{color:var(--sign);font-weight:700}.prose .tbl-wrap{margin:8px 0 1.4em}.faq{max-width:52em;border-top:2px solid var(--ink)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:20px 0;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary h2,.faq summary h3{margin:0;font:700 1.06rem/1.55 var(--sans)}.faq summary:hover h3{color:var(--sign)}.faq summary::after{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:var(--sign) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1.5v9M1.5 6h9' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat;transition:transform .2s ease}.faq details[open]>summary::after{transform:rotate(45deg)}.ans{max-width:40em;padding:0 50px 24px 0}.ans p{margin:0}.head{padding:24px 0 56px;border-bottom:1px solid var(--line)}.crumbs ol{display:flex;flex-wrap:wrap;list-style:none;margin:0 0 32px;padding:0;font-size:.88rem;color:var(--muted)}.crumbs li{margin:0}.crumbs li+li::before{content:"/";margin:0 10px;color:var(--muted)}.crumbs a{color:var(--muted)}.head-lead{max-width:36em;margin-top:32px}.head-lead .lead{font-size:1.06rem}.head-sum{margin:0;font-size:.95rem}.head-sum .st{display:inline}.head-sum .st::before{display:inline-block;margin-right:8px}.nw{white-space:nowrap}.facts{display:flex;flex-wrap:wrap;gap:12px 40px;margin:24px 0 0}.facts div{margin:0}.facts dt{font-size:.82rem;color:var(--muted)}.facts dd{margin:0;font-weight:700;font-size:1.08rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:72px;padding-top:56px;padding-bottom:var(--sec)}.part{margin-top:72px}.main-col>:first-child{margin-top:0}.part-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin-bottom:12px}.part-h h2{margin:0}.part-lead{max-width:36em}.side{position:sticky;top:24px;align-self:start}.side-h{font:700 .92rem/1.4 var(--sans);margin:0 0 14px}.side-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.side-list li{margin:0}.side .pl-a{width:100%}.side .pl-a[aria-current=page] .plate{--bg:var(--sign);--bg-in:#fff;--fg:var(--sign)}.tips{padding-left:1.1em}.links{display:flex;flex-wrap:wrap;gap:8px 28px;list-style:none;margin:0;padding:0}.links li{margin:0}.st-demo{display:flex;flex-wrap:wrap;gap:12px 40px;list-style:none;margin:0 0 1em;padding:0}.st-demo li{margin:0}.sites{font-size:.95rem}.sites thead th:nth-child(1){width:31%}.sites thead th:nth-child(2){width:28%}.sites thead th:nth-child(4){width:7%}.sites tbody th,.sites td{padding-top:18px;padding-bottom:18px}.sites tbody th{font-weight:400}.s-name{display:block;font-weight:700;font-size:1.05rem}.s-desc{display:block;margin-top:2px;font-size:.9rem;color:var(--muted)}.s-tags{display:flex;flex-wrap:wrap;gap:0 4px;list-style:none;margin:6px 0 0;padding:0;font-size:.8rem;color:var(--muted)}.s-tags li{margin:0}.s-tags li:not(:last-child)::after{content:","}.s-url a{font-weight:500}.s-url .sch{color:var(--muted);font-weight:400}.cta{--sec:60px}.cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 56px}.cta h2{margin:0 0 .3em;font-size:clamp(1.4rem,1.1rem + 1vw,1.8rem)}.cta p{margin:0;max-width:36em;color:var(--muted)}.cta-act{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;font-weight:500}.lost{border-bottom:1px solid var(--line);overflow:hidden}.lost-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 64px;align-items:end;padding-top:64px}.lost-copy{padding-bottom:72px}.lost h1{font-size:clamp(2rem,1.3rem + 2.3vw,3rem)}.lost .lead{max-width:30em}.lost-h{margin-top:32px;font:700 1rem/1.4 var(--sans)}.lost-svg{width:100%;max-width:440px;height:auto;margin-left:auto}.foot{background:var(--paper);border-top:1px solid var(--line);padding:56px 0 36px;font-size:.92rem}.foot-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,.7fr);gap:40px 56px}.foot-brand p{max-width:26em;margin:14px 0 0}.foot h2{margin:0 0 14px;font:700 .92rem/1.4 var(--sans)}.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:0 0 7px}.foot-cats{columns:2;column-gap:28px}.foot nav a{color:var(--ink);text-decoration:none}.foot nav a:hover{color:var(--sign);text-decoration:underline}.foot-base{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}.foot-base p{margin:0 0 4px}@media (max-width:1080px){.dests{grid-template-columns:repeat(3,minmax(0,1fr))}.top-in{gap:0 24px}.nav ul{gap:0 18px}}@media (max-width:960px){.top-in{grid-template-columns:1fr auto;grid-template-areas:"logo go" "nav nav";min-height:0;padding-top:12px}.logo{grid-area:logo}.go{grid-area:go}.nav{grid-area:nav;margin:8px calc(-1 * var(--gut)) 0;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav ul{padding:0 var(--gut);width:max-content}.hero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "meta" "art";padding-top:48px}.hero-meta{padding-bottom:28px}.post{margin:0 auto;max-width:560px}.split{grid-template-columns:minmax(0,1fr)}.read{grid-template-columns:minmax(0,1fr);grid-template-areas:"life" "side" "art"}.read-side{position:static;justify-self:start;margin-top:12px}.layout{grid-template-columns:minmax(0,1fr);gap:64px}.side{position:static}.side-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.lost-in{grid-template-columns:minmax(0,1fr)}.lost-copy{padding-bottom:0}.lost-svg{margin:0 auto;max-width:380px}.foot-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.foot-brand{grid-column:1/-1}}@media (max-width:760px){.dests,.dests-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 16px}.steps{grid-template-columns:minmax(0,1fr);gap:28px}.sites thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sites,.sites tbody,.sites tr,.sites tbody th,.sites td{display:block}.sites tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px;padding:20px 0;border-bottom:1px solid var(--line)}.sites tbody th,.sites td{padding:0;border:0}.sites tbody th,.sites .s-url,.sites .s-st{grid-column:1/-1}.sites td[data-k]::before{content:attr(data-k);display:block;margin-bottom:1px;font-size:.78rem;color:var(--muted)}.sites .s-url::before,.sites .s-st::before{display:none!important}.sites .s-st .st-note{display:inline;margin-left:10px}}@media (max-width:640px){:root{--gut:16px;--sec:60px}body{font-size:16px}.cta{--sec:48px}.plate{--tip:16px;--r1:4.8px;--r2:7.2px;--t1:13.3px;--t2:12px;min-height:48px;padding:0 calc(var(--tip) + 8px) 0 13px}.pl-name{font-size:1.05rem;padding-right:10px}.pl-num{font-size:1.05rem;padding-left:10px}.plate-xs{--tip:13px;--d1:3px;--d2:4.5px;--r1:3.7px;--r2:5.6px;--t1:11px;--t2:10px;min-height:36px;padding:0 calc(var(--tip) + 8px) 0 11px;font-size:.84rem}.plate-lg{--tip:30px;--d1:6px;--d2:8.5px;--r1:7px;--r2:9.9px;--t1:26.4px;--t2:24.9px;min-height:96px;min-width:0;padding:0 calc(var(--tip) + 12px) 0 20px}.plate-lg .pl-text{padding:18px 16px 18px 0}.plate-lg .pl-num{padding-left:16px}.pl-sub{font-size:.86rem;margin-top:6px}.head{padding-bottom:40px}.layout{padding-top:40px}.part{margin-top:56px}.hero h1{margin-bottom:20px}.hero-lead{font-size:1.02rem}.house-name{font-size:2.1rem}.foot-in{grid-template-columns:minmax(0,1fr)}.ans{padding-right:0}th,td{padding-right:10px}.counts .c-date{display:none}.counts :has(+ .c-date){padding-right:0}.counts thead th{white-space:normal}.counts tbody th{white-space:nowrap}}@media (max-width:379px){.dests,.dests-3{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}