*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f1eb;color:#182129;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif;line-height:1.82;word-break:keep-all}
a{color:inherit}.wrap{width:min(1040px,calc(100% - 32px));margin:auto}.top{background:#15202b;color:#fff;padding:16px 0}.top .wrap{display:flex;justify-content:space-between;gap:16px;align-items:center}.top a{text-decoration:none}
.hero{padding:70px 0 56px;background:linear-gradient(135deg,#15202b,#33495d);color:#fff}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.16em;color:#e3cbb8}.hero h1{font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.1;letter-spacing:-.06em;margin:10px 0}.hero p{max-width:760px;color:#dce4ea}
.notice{margin-top:22px;padding:15px 17px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);font-size:.9rem}.main{padding:48px 0 84px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{display:block;background:#fff;border:1px solid #d9d2c8;padding:23px;text-decoration:none}.card:hover{transform:translateY(-2px)}.card small{font-weight:800;color:#8a6348}.card h2{margin:6px 0 8px;font-size:1.25rem}.card p{margin:0;color:#68727b}
.chapter-hero{padding:42px 0 28px}.chapter-hero h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.2;margin:7px 0}.chapter-hero p{margin:0;color:#63707b}
.nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}.nav a{background:#fff;border:1px solid #d9d2c8;padding:9px 12px;text-decoration:none;font-size:.86rem}
.section{background:#fff;border:1px solid #d9d2c8;padding:26px;margin:15px 0}.section h2{font-size:1.15rem;margin:0 0 14px;color:#7b5136}.section p{margin:0}.section .source{margin-top:14px;padding-top:14px;border-top:1px solid #ece7e0;font-size:.83rem;color:#6f7881}
.footer{padding:28px 0;background:#15202b;color:#b8c1c8;text-align:center;font-size:.8rem}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:#efe6dc;color:#7b5136;font-size:.75rem;font-weight:800}
@media(max-width:720px){.grid{grid-template-columns:1fr}.hero{padding:52px 0 44px}.section{padding:20px}}