:root{color-scheme:light;--ink:#172536;--muted:#617184;--blue:#2459da;--line:#e1e7ef;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Noto Sans KR",sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}.shell{max-width:1120px;margin:auto;padding:0 24px}.header{background:white;border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:21px;font-weight:800;color:var(--ink)}nav{display:flex;align-items:center;gap:20px}.main{min-height:75vh;padding-top:40px;padding-bottom:48px}.hero{padding:42px 0 54px;max-width:760px}.hero h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.04em;line-height:1.25;margin:18px 0 24px}.hero p{font-size:19px;color:var(--muted);margin-bottom:30px}.eyebrow{font-size:14px;letter-spacing:.05em;color:var(--blue);font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin:24px 0}.card{border:1px solid var(--line);border-radius:16px;padding:28px;background:white;margin-bottom:22px}.grid .card{margin:0}.card h2{font-size:21px;margin:10px 0}.narrow{max-width:540px;margin:24px auto}.step{color:var(--blue);font-size:14px;font-weight:800}h1{font-size:32px;letter-spacing:-.03em;line-height:1.35}p{margin:12px 0}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:white;cursor:pointer;font-weight:700}.button:hover{background:#1748bd;text-decoration:none}.secondary{background:white;color:var(--blue)}.secondary:hover{color:white}.full{width:100%;margin-top:24px}.inline{display:inline}.text-button{border:0;background:none;color:var(--muted);cursor:pointer;padding:0}label{display:block;font-weight:650;margin:20px 0 8px}input{width:100%;min-height:50px;padding:10px 14px;border:1px solid #b8c5d6;border-radius:8px;background:white;color:var(--ink)}input:focus{outline:3px solid #dce6ff;border-color:var(--blue)}.required{font-size:12px;color:var(--muted);margin-left:8px}.notice{padding:18px 20px;border:1px solid #bbd0ff;border-radius:10px;background:#edf3ff;margin-bottom:24px}.notice.error{background:#fff2f1;border-color:#edb7b2}.notice ul{margin:0;padding-left:22px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;padding:18px 22px;border-bottom:1px solid var(--line)}th{background:#edf1f7}tbody tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:4px 12px;border-radius:50px;background:#edf3ff;color:#36598f;font-size:14px;white-space:nowrap}.pagination{justify-content:center;margin:24px 0}.pagination span{color:var(--muted)}dt{color:var(--muted);font-size:14px;margin-top:14px}dd{margin:0;overflow-wrap:anywhere}.amount{font-size:30px;font-weight:750}.break{overflow-wrap:anywhere}.footer{padding-top:24px;padding-bottom:28px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}@media(max-width:600px){.shell{padding-left:18px;padding-right:18px}.nav{min-height:70px;gap:10px}.brand{font-size:17px}.nav nav{gap:12px;font-size:14px}.main{padding-top:24px}.hero{padding:26px 0 32px}.hero p{font-size:17px}.card{padding:22px}.heading{align-items:flex-start;flex-wrap:wrap}h1{font-size:28px}.pagination{font-size:14px;gap:16px}}

textarea,select{font:inherit;width:100%;padding:10px 14px;border:1px solid #b8c5d6;border-radius:8px;background:white;color:var(--ink)}textarea:focus,select:focus{outline:3px solid #dce6ff;border-color:var(--blue)}textarea{resize:vertical}.small{font-size:14px}.form-card{max-width:720px}.preserve{white-space:pre-line}summary{font-weight:700;cursor:pointer}h3{font-size:20px}.nav nav{flex-wrap:wrap;justify-content:flex-end}.nav nav a,.nav button{white-space:nowrap}@media(max-width:600px){.nav{align-items:flex-start;padding-top:16px;padding-bottom:16px}.nav nav{gap:8px 12px;max-width:180px}.amount{font-size:26px}.break{word-break:break-word}}
