@charset "UTF-8";
:root{--navy:#0d1b34;--navy2:#192b4b;--blue:#2463ed;--text:#15243d;--sub:#64748b;--line:#dfe7f3;--bg:#f6f9fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;line-height:1.7}a{color:var(--blue)}.topbar{background:white;border-bottom:1px solid #edf1f7;position:relative;z-index:2}.topbar-inner{max-width:1240px;margin:auto;min-height:70px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#10203b;font-size:1.34rem;font-weight:900;letter-spacing:-.05em;white-space:nowrap}.brand-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#f8d75b,#f4b827);box-shadow:0 3px 9px #d9b55e44;font-size:20px}.brand-tag{padding:3px 9px;background:#eff5ff;border:1px solid #d3e2ff;border-radius:6px;color:#2866ea;font-size:.64rem;font-weight:900;letter-spacing:0}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;color:#34445c;padding:8px 12px;font-size:.88rem;font-weight:800;border-radius:8px;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{background:#eff5ff;color:#2463ed}.hero{background:radial-gradient(circle at 83% 20%,#193c72 0%,transparent 31%),linear-gradient(115deg,#0d1830,#182d4d);color:white;position:relative;overflow:hidden;padding:62px 22px 64px;text-align:center}.hero::before{content:"";position:absolute;left:8%;bottom:-115px;width:260px;height:260px;border:38px solid #1e4d9670;border-radius:38px;transform:rotate(-20deg)}.hero::after{content:"⇩";font-size:145px;line-height:1;position:absolute;right:7%;top:40px;color:#2a58a55e}.hero>*{position:relative;z-index:1}.hero-pill{display:inline-block;border:1px solid #3168ba;color:#bcdbff;border-radius:999px;padding:6px 17px;background:#14315d;font-size:.8rem;font-weight:800}.hero h1{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.26;letter-spacing:-.065em;margin:19px auto 16px;font-weight:950;max-width:1040px}.hero h1 em{font-style:normal;color:#7dc6ff}.hero p{max-width:800px;margin:0 auto;color:#d9e5f9;font-size:1rem}.wrap{max-width:1240px;margin:auto;padding:30px 22px 55px}.rankings{padding:0;margin:0}.section-kicker{font-weight:900;color:#2864d7;font-size:.76rem;letter-spacing:.13em;margin:0 0 6px}.rankings h2{margin:0 0 7px;font-size:1.65rem;line-height:1.35;letter-spacing:-.04em}.rankings .intro{color:#64748b;font-size:.93rem;margin:0 0 23px}.rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rank-card{position:relative;background:white;border:1px solid #e1e8f2;border-radius:15px;padding:25px 18px 17px;box-shadow:0 3px 9px #142b4a0b;display:flex;flex-direction:column;min-height:350px;transition:transform .15s,box-shadow .15s}.rank-card:hover{transform:translateY(-3px);box-shadow:0 13px 24px #19345519}.rank-no{position:absolute;top:16px;left:16px;width:41px;height:41px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#2164eb;font-size:.87rem;font-weight:900;box-shadow:0 3px 8px #142b4a20}.rank-card:nth-child(3n+2) .rank-no{background:#0794d2}.rank-card:nth-child(3n+3) .rank-no{background:#02986b}.rank-card:nth-child(4) .rank-no{background:#f87113}.rank-card:nth-child(5) .rank-no{background:#e92e61}.rank-card:nth-child(6) .rank-no{background:#13243f}.rank-main{display:flex;flex-direction:column;flex:1;min-width:0}.logo{height:67px;margin:0 12px 10px 49px;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}.logo-mark{display:grid;place-items:center;font-size:1.58rem;font-weight:900;width:44px;height:44px;border-radius:11px;color:#1770dc;background:linear-gradient(145deg,#d0faff,#edf4ff)}.rank-card:nth-child(2) .logo-mark{background:#13213a;color:#ffcf4b}.rank-card:nth-child(3) .logo-mark{color:#dba300;background:#fff7d5}.logo-text{font-size:clamp(1.11rem,1.65vw,1.52rem);letter-spacing:-.075em;color:#0b1830;font-weight:950;overflow:hidden;text-overflow:ellipsis}.rank-name{text-align:center;font-size:1.1rem;font-weight:900;color:#10203b}.rank-benefit{font-size:.88rem;line-height:1.55;color:#64748b;text-align:center;min-height:43px;margin:5px 0 14px}.benefit-panel{border:1px solid #edf2f8;border-radius:9px;background:#f6f9fc;padding:11px 12px;margin-top:auto;font-size:.8rem;line-height:1.6}.benefit-row{display:flex;align-items:center;gap:9px;margin:3px 0}.chip{font-size:.71rem;font-weight:900;color:white;background:#078ecb;border-radius:5px;min-width:39px;text-align:center;padding:1px 5px}.benefit-row:nth-child(2) .chip{background:#e62758}.benefit-row:nth-child(3) .chip{background:#7d36df}.benefit-text{min-width:0;overflow-wrap:anywhere;color:#3e4c62}.actions{display:flex;flex-direction:column;gap:7px;margin-top:13px}.actions a,.actions span{display:block;text-align:center;text-decoration:none;font-weight:900;font-size:.88rem;border-radius:30px;padding:11px 12px}.actions .primary{color:white;background:linear-gradient(90deg,#286aef,#1c58e8);box-shadow:0 4px 8px #2965ef34}.actions .primary:hover{filter:brightness(1.08)}.actions .secondary{color:#2661dd;background:#eef4ff}.actions .disabled{color:#79859a;background:#eef1f5}.article{margin:38px auto 0;background:white;border:1px solid #e4eaf3;border-radius:16px;padding:36px 44px;max-width:100%;box-shadow:0 2px 10px #1a3b6807}.article h1{font-size:2rem;line-height:1.4;letter-spacing:-.05em;margin-top:0}.article h2{font-size:1.42rem;letter-spacing:-.03em;color:#11264e;margin:1.9em 0 .55em}.article h3{font-size:1.08rem;color:#173462;margin:1.3em 0 .5em}.article p,.article li{line-height:1.95}.article table{width:100%;border-collapse:collapse}.article th,.article td{border:1px solid #dfe7f3;text-align:left;padding:11px}.article th{background:#f3f7fd}.article details{border-bottom:1px solid #e4ebf5;padding:12px 0}.article summary{font-weight:800;cursor:pointer}.lead{font-size:1.05rem;color:#40516e}.notice{background:#f0f6ff;border-left:4px solid #3479f0;padding:15px;border-radius:4px}.foot{padding:30px;text-align:center;background:#112038;color:#d8e5fa;font-size:.83rem}.foot a{color:white}.crumb{color:#627492;font-size:.88rem}@media(max-width:1050px){.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-inner{flex-wrap:wrap}.logo-text{font-size:1.32rem}}@media(max-width:650px){.topbar-inner{padding:14px}.brand{font-size:1.12rem}.nav{width:100%;gap:1px}.nav a{padding:7px 9px;font-size:.8rem}.hero{padding:49px 18px}.hero::after{display:none}.hero h1{font-size:1.88rem}.hero p{font-size:.9rem}.wrap{padding:22px 13px 40px}.rank-grid{grid-template-columns:1fr;gap:12px}.rank-card{min-height:320px}.rankings h2{font-size:1.34rem}.article{margin-top:28px;padding:23px 19px}.article h1{font-size:1.55rem}.logo-text{font-size:1.48rem}}
.hero-title{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.26;letter-spacing:-.065em;margin:19px auto 16px;font-weight:950;max-width:1040px}.hero-title em{font-style:normal;color:#7dc6ff}@media(max-width:650px){.hero-title{font-size:1.88rem}}