
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Malgun Gothic','맑은 고딕',sans-serif;color:#1b2330;background:#f5f7fa;line-height:1.6;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.hd{background:#fff;border-bottom:1px solid #e3e8ef;position:sticky;top:0;z-index:20}
.hdin{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#12305c}
.logo span{font-size:12px;font-weight:600;color:#7b8798;margin-left:6px}
.nav{display:flex;gap:20px;font-size:14px;font-weight:600;color:#49556b}
.nav a:hover{color:#12305c}
.presale{background:#12305c;color:#cfe0f7;font-size:12px;padding:7px 0;text-align:center}
.presale b{color:#fff;letter-spacing:.02em}
main{padding:26px 18px 50px}
.hero{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:24px;margin-bottom:22px}
.hero h1{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#12305c;margin-bottom:8px}
.hero p{font-size:14px;color:#5a6579}
.notice{background:#fffaf0;border:1px solid #f0dcb4;border-radius:10px;padding:14px 16px;font-size:13px;color:#6b5326;margin-bottom:22px}
.notice b{color:#8a6414}
h2.sec{font-size:17px;font-weight:800;color:#12305c;margin:0 0 14px;letter-spacing:-.02em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px}
.card{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:18px;display:block;transition:border-color .15s}
.card:hover{border-color:#12305c}
.card .mn{font-size:15px;font-weight:700;color:#1b2330;margin-bottom:14px;min-height:44px;letter-spacing:-.01em}
.card .row{display:flex;justify-content:space-between;font-size:13px;color:#6b7686;padding:3px 0}
.card .row b{font-weight:600;color:#49556b}
.card .fin{border-top:1px solid #eef1f6;margin-top:10px;padding-top:11px;display:flex;justify-content:space-between;align-items:baseline}
.card .fin span{font-size:12px;color:#6b7686;font-weight:600}
.card .fin strong{font-size:19px;font-weight:800;color:#12305c;letter-spacing:-.02em}
.card .car{margin-top:10px;font-size:11px;color:#8b95a5}
table.dt{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e3e8ef;border-radius:10px;overflow:hidden;font-size:14px}
table.dt th,table.dt td{padding:12px 14px;border-bottom:1px solid #eef1f6;text-align:left}
table.dt th{background:#f7f9fc;font-weight:700;color:#49556b;width:38%}
table.dt tr:last-child th,table.dt tr:last-child td{border-bottom:0}
table.dt td.big{font-size:18px;font-weight:800;color:#12305c}
.back{display:inline-block;margin-bottom:16px;font-size:13px;color:#5a6579;font-weight:600}
.doc{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:26px}
.doc h1{font-size:20px;font-weight:800;color:#12305c;margin-bottom:18px;letter-spacing:-.02em}
.doc h3{font-size:15px;font-weight:700;color:#1b2330;margin:22px 0 8px}
.doc p,.doc li{font-size:14px;color:#49556b;margin-bottom:7px}
.doc ul,.doc ol{padding-left:20px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:14px}
.step{background:#f7f9fc;border:1px solid #e7ecf3;border-radius:10px;padding:16px}
.step b{display:block;font-size:13px;color:#12305c;margin-bottom:5px}
.step p{font-size:13px;color:#5a6579;margin:0}
.ft{background:#1b2330;color:#98a3b4;padding:30px 0;font-size:12.5px;margin-top:10px}
.ftnav{display:flex;gap:18px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #313a4b;font-weight:600;color:#c3ccd9}
.ftbiz{line-height:1.85}
.ftbiz b{color:#e3e9f2}
.ftnote{margin-top:14px;padding-top:14px;border-top:1px solid #313a4b;font-size:12px;color:#7d8798;line-height:1.7}
.ftcopy{margin-top:12px;font-size:11.5px;color:#6a7484}
@media(max-width:600px){
  .hdin{height:56px}.logo{font-size:17px}.nav{gap:13px;font-size:13px}
  .hero h1{font-size:19px}.grid{grid-template-columns:1fr 1fr;gap:10px}
  .card{padding:14px}.card .mn{font-size:13.5px;min-height:38px}
  .card .fin strong{font-size:17px}
  table.dt th{width:42%}table.dt th,table.dt td{padding:10px}
}
