@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;800;900&display=swap');

:root{--navy:#0b2f66;--blue:#1e6fe8;--sky:#eaf3ff;--ink:#102949;--muted:#637892;--line:#d7e5f4;--paper:#f6faff;--coral:#f07963;--green:#13a37d;--shadow:0 22px 60px rgba(11,47,102,.12)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',system-ui,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}.sheet{width:min(1160px,calc(100% - 44px));margin:0 auto;padding:40px 0 42px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:stretch}.copy{padding:56px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.eyebrow{margin:0 0 16px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.12em}h1,h2,p{margin-top:0}h1{margin-bottom:23px;color:var(--navy);font-size:clamp(38px,5vw,64px);line-height:1.15;letter-spacing:-.04em}.lead{max-width:650px;color:var(--muted);font-size:17px;line-height:1.85}.device{display:grid;align-content:start;gap:14px;padding:28px;border:1px solid #225798;background:var(--navy);box-shadow:var(--shadow);color:#fff}.status{display:flex;align-items:center;gap:11px;margin-bottom:18px}.status span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff;color:var(--blue);font-size:25px;font-weight:900}.status b{font-size:19px}.search,.banner{background:#fff;color:var(--navy);padding:18px;border-radius:18px;font-size:16px;font-weight:900}.banner{min-height:108px;background:linear-gradient(135deg,#2f7bed,#0f4aa2);color:#fff;display:flex;align-items:end}.icons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.icons i{display:grid;place-items:center;height:64px;border-radius:18px;background:#eaf3ff;color:var(--navy);font-style:normal;font-size:12px;font-weight:900}.value{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.value article{padding:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.value span{color:var(--blue);font-size:12px;font-weight:900}.value h2{margin:18px 0 10px;color:var(--navy);font-size:23px;line-height:1.35}.value p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.offer{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;margin-top:20px;padding:32px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.offer h2{margin:0;color:var(--navy);font-size:31px;line-height:1.3}.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.offer-grid div{padding:18px;background:var(--sky);border:1px solid #ccdef4}.offer-grid b,.offer-grid span{display:block}.offer-grid b{color:var(--navy);font-size:16px}.offer-grid span{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.65}.notice{margin-top:20px;padding:22px 26px;background:#fff2ee;border:1px solid #f0d0c8;color:#88483c}.notice b{font-size:14px}.notice p{margin:8px 0 0;font-size:13px;line-height:1.8}footer{display:flex;justify-content:space-between;gap:20px;margin-top:20px;padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer strong,footer span,footer a{display:block}footer strong{color:var(--navy);margin-bottom:4px}footer div:last-child{text-align:right;font-weight:900;color:var(--navy)}
@media(max-width:920px){.hero,.offer{grid-template-columns:1fr}.value{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.sheet{width:min(100% - 28px,520px);padding-top:22px}.copy,.device,.offer{padding:24px}h1{font-size:38px}.lead{font-size:14px}.value,.offer-grid{grid-template-columns:1fr}.icons{grid-template-columns:repeat(2,1fr)}footer{display:block}footer div:last-child{text-align:left;margin-top:14px}}