:root{--bg:#FBF7F0;--surface:#F0E7D9;--cell:#E1D5C1;--edge:#D4C4AB;--ink:#2A241E;--ink2:#6B5F51;--ink3:#9C8D7A;--accent:#C0392B;--accent-soft:#F6E3DF;--btn:#2A241E;--btnink:#FBF7F0;--chip:#E7DCCA;--shadow:rgba(42,36,30,.12);--display:"Black Han Sans","IBM Plex Sans KR",system-ui,sans-serif;--body:"IBM Plex Sans KR",system-ui,-apple-system,sans-serif;--mono:"IBM Plex Mono","IBM Plex Sans KR",ui-monospace,monospace;--wrap:760px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#16120E;--surface:#231C15;--cell:#2F271E;--edge:#3C3227;--ink:#F3EBE1;--ink2:#B7A897;--ink3:#7D6F5E;--accent:#EC7C67;--accent-soft:#33231D;--btn:#F3EBE1;--btnink:#16120E;--chip:#2C241B;--shadow:rgba(0,0,0,.5)}}:root[data-theme=dark]{--bg:#16120E;--surface:#231C15;--cell:#2F271E;--edge:#3C3227;--ink:#F3EBE1;--ink2:#B7A897;--ink3:#7D6F5E;--accent:#EC7C67;--accent-soft:#33231D;--btn:#F3EBE1;--btnink:#16120E;--chip:#2C241B;--shadow:rgba(0,0,0,.5)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.72;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit}.nav{border-bottom:1px solid var(--edge);background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:20}.navin{max-width:var(--wrap);margin:0 auto;padding:0 18px;height:56px;display:flex;align-items:center;gap:14px;overflow-x:auto;scrollbar-width:none}.navin::-webkit-scrollbar{display:none}.logo{font-family:var(--display);font-size:20px;line-height:1;text-decoration:none;white-space:nowrap;flex:0 0 auto}.navlinks{display:flex;align-items:center;gap:13px;margin-left:auto;flex:0 0 auto}.navlinks a{font-size:13.5px;font-weight:600;color:var(--ink2);text-decoration:none;white-space:nowrap}.navlinks a:hover{color:var(--ink)}.navout{background:var(--chip);border-radius:999px;padding:5px 11px;color:var(--ink2)!important}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 18px 64px}.crumb{font-size:12.5px;color:var(--ink3);padding:16px 0 0}.crumb a{text-decoration:none}.crumb a:hover{text-decoration:underline}h1{font-family:var(--display);font-weight:400;line-height:1.24}h1,h2{text-wrap:balance}h2{font-size:21px;line-height:1.4;margin:38px 0 12px}h3{font-size:16.5px;margin:22px 0 6px}p{margin:0 0 14px}.eyebrow{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--ink3);text-transform:uppercase}.hero{padding:34px 0 10px}.hero h1{font-size:34px;margin:6px 0 10px}.hero p{color:var(--ink2);font-size:15.5px;max-width:52ch}.grid{display:grid;grid-gap:16px;gap:16px;margin:20px 0 0;grid-template-columns:repeat(auto-fill,minmax(216px,1fr))}.card{display:block;text-decoration:none;background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:0 1px 0 var(--edge);transition:transform .14s ease,box-shadow .14s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 22px var(--shadow)}.face{aspect-ratio:1200/630;background:var(--cell);display:flex;align-items:center;justify-content:center;font-size:46px;line-height:1}.face img{width:100%;height:100%;object-fit:cover}.cbody{padding:13px 15px 15px}.cbody b{display:block;font-size:16px;font-weight:700;line-height:1.35}.cbody span{display:block;font-size:13px;color:var(--ink2);margin-top:2px}.ctags{margin-top:9px;display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11px;font-weight:600;color:var(--ink2);background:var(--chip);border-radius:6px;padding:2px 7px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 0}.chip{font-size:13.5px;font-weight:600;text-decoration:none;background:var(--chip);color:var(--ink2);border-radius:999px;padding:7px 14px}.chip:hover{color:var(--ink)}.chip[aria-current=page]{background:var(--ink);color:var(--bg)}.ghead{padding:14px 0 0}.ghead h1{font-size:30px;margin:4px 0 6px}.ghead .lead{color:var(--ink2);font-size:15px;margin:0}.gmeta{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 0}.frame{margin:18px 0 0;background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:0 1px 0 var(--edge)}.frame iframe{display:block;width:100%;border:0;height:min(84vh,820px);min-height:560px;background:var(--bg)}.frametools{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid var(--edge)}.frametools span{font-size:12px;color:var(--ink3)}.frametools button{font-family:var(--body);font-size:12.5px;font-weight:600;color:var(--ink2);background:var(--chip);border:0;border-radius:8px;padding:8px 12px;cursor:pointer}.frametools button:hover{color:var(--ink)}.steps{counter-reset:s;list-style:none;padding:0;margin:0}.steps li{counter-increment:s;position:relative;padding:0 0 0 34px;margin:0 0 11px;font-size:15px}.steps li:before{content:counter(s);position:absolute;left:0;top:3px;width:23px;height:23px;border-radius:50%;background:var(--chip);color:var(--ink2);font-family:var(--mono);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.tips{display:grid;grid-gap:2px;gap:2px;margin:0}.tip{padding:15px 0;border-top:1px solid var(--edge)}.tip:last-child{border-bottom:1px solid var(--edge)}.tip h3{margin:0 0 4px;font-size:16px}.tip p{margin:0;color:var(--ink2);font-size:14.5px}.faq{border-top:1px solid var(--edge)}.faq details{border-bottom:1px solid var(--edge)}.faq summary{padding:14px 0;cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ink3);font-weight:400}.faq details[open] summary:after{content:"−"}.faq p{margin:0 0 14px;color:var(--ink2);font-size:14.5px}.next{margin:44px 0 0}.next h2{margin-bottom:12px}.doc{padding:18px 0 0}.doc h1{font-size:28px;margin:8px 0 14px}.doc li,.doc p{color:var(--ink2);font-size:15px}.doc ul{padding-left:20px;margin:0 0 14px}.doc .dl{border-top:1px solid var(--edge);margin:18px 0 0}.doc .dl div{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid var(--edge);font-size:14.5px}.doc .dl dt{flex:0 0 116px;color:var(--ink3);margin:0}.doc .dl dd{margin:0;color:var(--ink)}.foot{border-top:1px solid var(--edge);margin-top:56px}.footin{max-width:var(--wrap);margin:0 auto;padding:26px 18px 46px}.footcats{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 16px}.footcats a{font-size:13.5px;font-weight:600;color:var(--ink2);text-decoration:none}.footcats a:hover{color:var(--ink)}.footlinks{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 14px}.footlinks a{font-size:13px;color:var(--ink3);text-decoration:none}.footlinks a:hover{color:var(--ink2)}.bizinfo{font-size:11.5px;line-height:1.85;color:var(--ink3);margin:0}.lb{margin:44px 0 0}.lb h2{margin-bottom:10px}.lbempty{color:var(--ink2);font-size:14.5px}.lblist{list-style:none;margin:0;padding:0;border-top:1px solid var(--edge)}.lblist li{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--edge)}.lbpos{flex:0 0 30px;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink3);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lbpos.top{color:var(--accent)}.lbnick{flex:1 1 auto;min-width:0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbtime{flex:0 0 auto;font-family:var(--mono);font-size:12px;color:var(--ink3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lbscore{flex:0 0 auto;font-family:var(--display);font-style:normal;font-size:17px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:52px;text-align:right}.lbnote{margin:12px 0 0;font-size:12.5px;color:var(--ink3)}@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}@media (max-width:520px){.hero h1{font-size:29px}.ghead h1{font-size:25px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:13px}.frame iframe{height:min(82vh,700px);min-height:500px}}