:root{
  --text:#1f2328;
  --muted:#667085;
  --border:#d7d9dd;
  --panel:#f5f6f7;
  --accent:#2f6b4f;
  --link:#245b96;
}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:#f3f4f6;color:var(--text);font-family:Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;line-height:1.7;word-break:keep-all}
a{color:var(--link)}
.site-head{border-bottom:1px solid var(--border);background:#fff}
.site-head-inner{display:flex;max-width:960px;min-height:64px;margin:0 auto;padding:0 24px;align-items:center;justify-content:space-between;gap:20px}
.brand{color:#111;font-size:21px;font-weight:950;letter-spacing:-.04em;text-decoration:none}
.site-nav{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;font-weight:850}
.site-nav a{color:#4b5563;text-decoration:none}
.site-nav a[aria-current="page"],.site-nav a:hover{color:#111;text-decoration:underline;text-underline-offset:5px}
main{max-width:960px;margin:0 auto;padding:54px 24px 72px}
.eyebrow{margin-bottom:8px;color:var(--accent);font-size:13px;font-weight:950;letter-spacing:.08em}
h1{max-width:760px;margin:0;font-size:40px;line-height:1.24;letter-spacing:-.055em}
.lead{max-width:760px;margin:18px 0 0;color:#4b5563;font-size:19px;line-height:1.65}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.button{display:inline-flex;min-height:46px;padding:0 17px;align-items:center;border:1px solid var(--border);background:#fff;color:#222;font-size:15px;font-weight:900;text-decoration:none}
.button.primary{border-color:var(--accent);background:#e8f2ec;color:#205b40}
section{margin-top:54px}
h2{margin:0 0 16px;font-size:25px;line-height:1.35;letter-spacing:-.035em}
h3{margin:0 0 8px;font-size:17px;line-height:1.45;letter-spacing:-.02em}
p{margin:9px 0;color:#414750}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card{padding:20px;border:1px solid var(--border);background:#fff}
.card p{margin-bottom:0;color:var(--muted);font-size:14px}
.steps{display:grid;gap:0;margin:0;padding:0;counter-reset:step;list-style:none;border-top:1px solid var(--border)}
.steps>li{position:relative;padding:22px 12px 22px 58px;border-bottom:1px solid var(--border);counter-increment:step}
.steps>li::before{position:absolute;left:12px;top:20px;display:flex;width:30px;height:30px;align-items:center;justify-content:center;background:#20252b;color:#fff;font-size:14px;font-weight:950;content:counter(step)}
.steps p{margin:5px 0 0;color:var(--muted);font-size:14px}
.notice{padding:16px 18px;border-left:4px solid var(--accent);background:#edf6f0;color:#294b3a}
.legal h1{font-size:34px}
.legal h2{margin-top:42px;font-size:21px}
.legal ul{padding-left:22px;color:#414750}
.legal li+li{margin-top:7px}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}
th,td{padding:12px;border:1px solid var(--border);text-align:left;vertical-align:top}
th{width:180px;background:var(--panel)}
.effective{margin-top:10px;color:var(--muted);font-size:13px}
.site-foot{border-top:1px solid var(--border);background:#fff}
.site-foot-inner{display:flex;max-width:960px;min-height:70px;margin:0 auto;padding:14px 24px;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:13px}
.site-foot nav{display:flex;flex-wrap:wrap;gap:16px}
@media(max-width:680px){
  body{word-break:normal}
  .site-head-inner,.site-foot-inner{align-items:flex-start;flex-direction:column;padding-top:16px;padding-bottom:16px}
  main{padding-top:38px}
  h1{font-size:32px}
  .lead{font-size:17px}
  .grid{grid-template-columns:1fr}
  table,tbody,tr,th,td{display:block;width:100%}
  tr+tr{margin-top:12px}
  th{width:100%}
  td{border-top:0;overflow-wrap:anywhere}
}
