:root{--paper:#f7f5f0;--ink:#152038;--muted:#657084;--line:#dce1e8;--blue:#1768c4}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Georgia,Noto Serif KR,serif}a{color:inherit;text-decoration:none}.top{border-bottom:1px solid var(--line);align-items:center;gap:38px;width:min(1180px,100% - 48px);min-height:72px;margin:auto;font-family:Arial,sans-serif;display:flex}.brand{letter-spacing:.12em;font-size:13px;font-weight:800}.top nav{gap:23px;display:flex}.top nav a{color:#59657a;font-size:14px;font-weight:700}.join,.member button{background:var(--ink);color:#fff;cursor:pointer;border:0;margin-left:auto;padding:8px 11px;font-size:13px;font-weight:700}.member{align-items:center;gap:10px;margin-left:auto;font:700 13px Arial,sans-serif;display:flex}.member button{color:var(--ink);background:#e7edf5;margin:0}.hero,.content{width:min(1180px,100% - 48px);margin:auto}.hero{padding:116px 0 92px}.hero p{color:var(--blue);letter-spacing:.13em;font:700 11px/1 Arial,sans-serif}.hero h1{letter-spacing:-.08em;word-break:keep-all;margin:22px 0;font-size:clamp(48px,7vw,82px);line-height:1.02}.hero span{color:var(--muted);font-size:17px}.content{padding:0 0 100px}.section-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:end;padding-bottom:16px;font-family:Arial,sans-serif;display:flex}.section-head h2{margin:0;font-size:24px}.section-head a{color:var(--blue);font-size:13px;font-weight:700}.post-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.post-grid article{border:1px solid var(--line);background:#fff;min-height:230px;padding:24px}.post-grid p{color:var(--blue);margin:0;font:700 11px Arial,sans-serif}.post-grid h3{letter-spacing:-.05em;word-break:keep-all;margin:17px 0 12px;font-size:25px;line-height:1.3}.post-grid span{color:var(--muted);font-size:14px;line-height:1.65}.empty{border:1px solid var(--line);color:var(--muted);text-align:center;background:#fff;margin-top:16px;padding:60px 24px;font-family:Arial,sans-serif;font-size:14px}@media (max-width:700px){.top,.hero,.content{width:min(100% - 28px,1180px)}.top{gap:15px}.top nav{gap:14px;overflow:hidden}.top nav a:nth-child(n+4){display:none}.hero{padding:76px 0 62px}.post-grid{grid-template-columns:1fr}.hero h1{font-size:50px}}