:root{--paper:#fff;--ink:#000;--ink2:#6e6e73;--rule:#c9c9ce;
 --a:clamp(2.5rem,9vw,7rem);--b:clamp(1.375rem,2.1vw,1.75rem);--pad:clamp(16px,2.2vw,32px);
 --radius:12px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:"Noto Serif KR",Georgia,serif;
 font-weight:400;font-size:var(--b);line-height:1.6;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
.mute{color:var(--ink2)}b{font-weight:700}
a{color:inherit}

.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;
 padding:18px var(--pad);border-bottom:1px solid var(--rule)}

.sec{padding:clamp(28px,3.5vw,44px) var(--pad);border-bottom:1px solid var(--rule)}
.sec:last-child{border-bottom:0}
.lab{display:block;font-size:inherit;font-weight:700;margin-bottom:18px}

.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
@media(min-width:760px){.g2{grid-template-columns:repeat(4,1fr)}}

.bt{font:inherit;font-size:var(--b);line-height:1.3;text-align:left;padding:18px 20px;
 border:1.5px solid var(--rule);border-radius:var(--radius);background:none;color:var(--ink);cursor:pointer}
.bt em{font-style:normal;display:block;color:var(--ink2);margin-top:4px}
.bt:hover{border-color:var(--ink)}
.bt:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

a.bt{display:block;text-decoration:none;box-shadow:none}
a.bt:hover{border-color:var(--ink)}

.g2 .bt{border-width:1.5px;border-style:solid}

.lede{font-weight:700;letter-spacing:-.03em;line-height:1.35;max-width:20em}
.p{margin-top:20px;max-width:32em}

.rows{border-top:1px solid var(--rule);margin-top:8px}
.rw{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid var(--rule)}
.rw a{box-shadow:0 1px 0 var(--rule)}
.rw a:hover{box-shadow:0 1px 0 var(--ink)}

.inp{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.inp input,.inp select{font:inherit;font-size:var(--b);font-family:inherit;padding:12px 14px;
 border:1.5px solid var(--rule);border-radius:var(--radius);background:none;color:var(--ink)}
.inp input:focus,.inp select:focus{outline:none;border-color:var(--ink)}

.btn{font:inherit;font-size:var(--b);font-weight:700;background:var(--ink);color:var(--paper);
 border:0;border-radius:var(--radius);padding:.6em 1.6em;cursor:pointer}
.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

.rsn{margin-top:clamp(14px,1.8vw,22px)}

[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}