:root{--ink:#263238;--gold:#b89a4f;--cream:#f7f5f0;--line:#e5e5e5;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Pretendard","Noto Sans KR",Arial,sans-serif;line-height:1.65;background:#fff}
a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:21px}.brand img{width:46px;height:46px;object-fit:cover;border-radius:50%}
nav{display:flex;gap:34px;font-weight:650}nav a:hover{color:var(--gold)}.menu-button{display:none;border:0;background:none;font-size:24px}
.hero{min-height:600px;display:grid;align-items:center;background:linear-gradient(110deg,#fff 0%,#f8f5ee 68%,#eee7d5 100%)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.12;margin:12px 0 24px;letter-spacing:-.045em}.hero p{font-size:20px;color:#5a6469;max-width:620px}.hero-logo{width:min(100%,430px);justify-self:end;mix-blend-mode:multiply}
.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.08em}.button{display:inline-block;margin-top:18px;padding:14px 22px;border-radius:4px;background:var(--ink);color:#fff;font-weight:700}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}
.section{padding:96px 0}.section.alt{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section h2{font-size:38px;margin:0;letter-spacing:-.03em}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);background:#fff;padding:30px;min-height:210px}.card .num{color:var(--gold);font-weight:800}.card h3{font-size:23px;margin:18px 0 8px}
.notice-list{border-top:2px solid var(--ink)}.notice-row{display:grid;grid-template-columns:100px 1fr 130px;gap:16px;padding:20px 10px;border-bottom:1px solid var(--line);align-items:center}.badge{color:var(--gold);font-weight:800}
.sub-hero{padding:90px 0 50px;background:var(--cream)}.sub-hero h1{font-size:48px;margin:8px 0}.content-grid{display:grid;grid-template-columns:260px 1fr;gap:70px}.side-title{font-size:14px;color:var(--gold);font-weight:800}.prose h2{font-size:34px}.prose p{font-size:18px}
.article{padding:60px 0 100px;max-width:850px}.article-body{font-size:18px}.article-image{width:100%;margin-bottom:30px}.attachment{margin-top:50px;padding:20px;background:var(--cream);display:flex;gap:24px}.attachment a{text-decoration:underline}.back{margin-top:50px}
.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-card{padding:35px;border:1px solid var(--line)}
.site-footer{background:var(--ink);color:#fff;padding:35px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center}.site-footer p{margin:5px 0 0;color:#cbd1d4;font-size:14px}.admin-link{font-size:13px;color:#aeb8bc}
@media(max-width:800px){.menu-button{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:22px 20px;flex-direction:column;border-bottom:1px solid var(--line)}.menu-open nav{display:flex}.hero{min-height:auto;padding:80px 0}.hero-grid,.content-grid,.contact-box{grid-template-columns:1fr}.hero-logo{width:280px;justify-self:center;order:-1}.cards{grid-template-columns:1fr}.notice-row{grid-template-columns:80px 1fr}.notice-row time{display:none}.section{padding:70px 0}.footer-grid{align-items:flex-start;gap:20px}.sub-hero h1{font-size:38px}}
