:root{--bg:#111317;--paper:#f1eee5;--ink:#181a1f;--muted:#77756f;--accent:#e5c95d;--line:#d5d0c2;--white:#fff;--red:#be3d35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;word-break:keep-all}.site-head{position:sticky;top:0;z-index:20;min-height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(17,19,23,.96);backdrop-filter:blur(12px);border-bottom:1px solid #2e3137}.wordmark{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-weight:900;letter-spacing:-.04em}.wordmark>span:last-child>span{color:var(--accent)}.mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#111!important;font-family:Georgia,serif}.site-head nav{display:flex;gap:27px}.site-head nav a{color:#c9c9c9;text-decoration:none;font-size:14px}.site-head nav a:hover{color:var(--accent)}.menu-btn{display:none;background:none;border:1px solid #555;color:#fff;padding:8px 12px}.hero{min-height:620px;padding:84px 6vw 70px;background:var(--bg);color:#fff;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:7vw;align-items:center}.eyebrow,.section-head>p,.closing>p{font-size:12px;letter-spacing:.18em;font-weight:800;color:#9b8741}.hero h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(46px,7vw,94px);line-height:.98;letter-spacing:-.065em;margin:18px 0 26px;max-width:920px}.lead{max-width:720px;line-height:1.9;color:#c8c9cc;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:34px}.hero-actions a{padding:15px 20px;text-decoration:none;font-weight:800}.primary{background:var(--accent);color:#171717}.ghost{border:1px solid #50535a;color:#fff}.hero-panel{border-top:1px solid #54575d;border-bottom:1px solid #54575d;padding:24px 0}.panel-kicker{font-size:11px;letter-spacing:.22em;color:#8d9096}.hero-panel>strong{display:block;font-family:Georgia,serif;font-size:96px;color:var(--accent);line-height:1;margin-top:18px}.hero-panel>p{margin:0 0 24px;color:#bbb}.hero-panel hr{border:0;border-top:1px solid #363940}.hero-panel dl{margin:0}.hero-panel dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px dotted #363940;font-size:13px}.hero-panel dt{color:#81848b}.hero-panel dd{margin:0;text-align:right}.ticker{display:flex;justify-content:space-around;gap:25px;overflow:hidden;padding:14px 4vw;background:var(--accent);font-weight:900;font-size:12px;letter-spacing:.04em}.ranking-section,.benefits,.faq{padding:90px 6vw}.section-head{max-width:760px;margin-bottom:42px}.section-head h2,.criteria h2,.guide h2,.editorial h2{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(34px,4vw,56px);letter-spacing:-.055em;line-height:1.08;margin:11px 0 16px}.section-head>p:last-child{font-size:16px;line-height:1.75;color:#67645e;letter-spacing:0;font-weight:400}.rank-list{border-top:2px solid var(--ink)}.rank-card{position:relative;display:grid;grid-template-columns:100px 1.5fr 1fr 150px;gap:24px;align-items:center;padding:23px 10px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:.2s}.rank-card:hover{background:#fff;transform:translateX(7px)}.rank-card.top{background:#ebe4ca}.rank-no span{font-family:Georgia,serif;font-size:38px;font-style:italic}.brand{display:flex;align-items:center;gap:18px}.logo-box{width:58px;height:58px;border-radius:16px;background:#fff;display:grid;place-items:center;border:1px solid #ddd;overflow:hidden}.logo-box img{width:38px;height:38px;object-fit:contain}.fallback{display:none;width:100%;height:100%;place-items:center;font-weight:900}.brand h3{font-size:20px;margin:0 0 5px}.brand p{font-size:12px;color:#888;margin:0}.benefit{display:flex;flex-direction:column;gap:4px}.benefit small{color:#777}.benefit strong{font-size:17px}.link-note{width:max-content;font-size:11px;padding:3px 7px;background:#f1d9d7;color:#8d2821;border-radius:20px}.go{text-align:right;font-weight:800}.go span{margin-left:8px}.criteria{background:#d9d4c8;padding:90px 6vw;display:grid;grid-template-columns:1fr 1.4fr;gap:8vw}.criteria>div>p:last-child{line-height:1.8;color:#5e5b54}.criteria ol{list-style:none;padding:0;margin:0}.criteria li{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:23px 0;border-top:1px solid #b5afa3}.criteria li:last-child{border-bottom:1px solid #b5afa3}.criteria li>span{font-family:Georgia,serif;font-size:26px;color:#7e7040}.criteria h3{margin:0 0 8px}.criteria li p{margin:0;line-height:1.7;color:#5f5a52}.benefits{background:#faf9f5}.narrow{max-width:630px}.table-wrap{overflow:auto;border-top:2px solid #111}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:17px 14px;border-bottom:1px solid #ddd;text-align:left}th{font-size:12px;color:#777;text-transform:uppercase;letter-spacing:.08em}td:first-child{font-family:Georgia,serif;font-style:italic;font-size:20px}td a{color:#111;font-weight:800}.table-note{font-size:12px;color:#8a4a44;margin-top:16px}.guide{padding:90px 6vw;background:#181a1f;color:#eee}.guide{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.guide-grid{display:grid;grid-template-columns:1fr 1fr}.guide-grid article{padding:26px;border-left:1px solid #40434a;border-top:1px solid #40434a}.guide-grid b{font-family:Georgia,serif;color:var(--accent);font-size:28px}.guide-grid h3{font-size:18px}.guide-grid p{color:#a9abb0;line-height:1.7;font-size:14px}.editorial{padding:100px 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.editorial>div:first-child span{font-size:11px;letter-spacing:.18em}.editorial .copy{columns:2;column-gap:40px}.editorial .copy p{margin-top:0;margin-bottom:24px;line-height:1.9;color:#5f5b54}.faq{background:#ece8de}.faq-list{max-width:900px}.faq details{border-top:1px solid #c8c2b6;padding:0}.faq details:last-child{border-bottom:1px solid #c8c2b6}.faq summary{cursor:pointer;padding:22px 4px;font-weight:800;list-style:none}.faq summary::after{content:'+';float:right;font-size:22px}.faq details[open] summary::after{content:'−'}.faq details p{margin:0;padding:0 42px 24px 4px;line-height:1.8;color:#625e56}.closing{padding:100px 6vw;text-align:center;background:var(--accent)}.closing h2{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(34px,5vw,72px);letter-spacing:-.06em;margin:12px auto 30px;max-width:900px}.closing a{color:#111;font-weight:900}footer{padding:48px 6vw;background:#0d0f12;color:#999;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:12px}.footer-mark{grid-row:span 2}.legal{max-width:650px;line-height:1.7}.menu-open nav{display:flex!important}
@media(max-width:900px){.site-head{min-height:68px}.menu-btn{display:block}.site-head nav{display:none;position:absolute;top:68px;left:0;right:0;background:#111317;padding:18px 5vw;flex-direction:column;gap:14px;border-top:1px solid #333}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-panel{max-width:500px}.rank-card{grid-template-columns:66px 1.4fr 1fr}.go{grid-column:2/4;text-align:left}.criteria,.guide,.editorial{grid-template-columns:1fr}.editorial .copy{columns:1}.guide-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}.footer-mark{grid-row:auto}}
@media(max-width:620px){.hero{padding:58px 5vw}.hero h1{font-size:47px}.hero-actions{flex-direction:column}.ticker{justify-content:flex-start;white-space:nowrap}.ranking-section,.benefits,.faq{padding:70px 5vw}.rank-card{grid-template-columns:50px 1fr;padding:18px 2px;gap:12px}.rank-no span{font-size:29px}.brand{gap:11px}.logo-box{width:48px;height:48px;border-radius:13px}.brand h3{font-size:17px}.brand p{display:none}.benefit{grid-column:2/3}.go{grid-column:2/3;font-size:13px}.criteria,.guide,.editorial{padding:70px 5vw}.criteria li{grid-template-columns:50px 1fr}.guide-grid{grid-template-columns:1fr}.guide-grid article{border-left:0;padding-left:0}.section-head h2,.criteria h2,.guide h2,.editorial h2{font-size:36px}}