/* 집사요 정적 페이지 공통 스타일 — 모바일 우선 */
:root{
  --navy:#1E293B; --blue:#2563EB; --gray:#64748B; --lgray:#F1F5F9;
  --mgray:#E2E8F0; --white:#fff; --green:#059669;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  color:var(--navy); line-height:1.75; background:#F8FAFC;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:760px;margin:0 auto;padding:0 18px}

/* 헤더 */
header{background:var(--navy);color:#fff;padding:14px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.logo{font-size:19px;font-weight:800;color:#fff;text-decoration:none}
.logo span{font-size:11px;font-weight:400;opacity:.7;margin-left:6px}
nav{display:flex;gap:14px;flex-wrap:wrap}
nav a{color:#CBD5E1;text-decoration:none;font-size:13px}
nav a:hover{color:#fff}

/* 본문 */
main{background:#fff;margin:20px auto;padding:28px 0 40px;border-radius:12px;max-width:760px}
h1{font-size:25px;line-height:1.4;margin-bottom:8px;letter-spacing:-0.5px}
h2{font-size:19px;margin:32px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--mgray)}
h3{font-size:16px;margin:24px 0 8px;color:var(--blue)}
p{margin:12px 0;font-size:15px;color:#334155}
ul,ol{margin:12px 0 12px 20px}
li{margin:7px 0;font-size:15px;color:#334155}
.meta{font-size:13px;color:var(--gray);margin-bottom:24px}
.lead{font-size:16px;color:var(--gray);margin-bottom:22px}

/* 표 */
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
th,td{border:1px solid var(--mgray);padding:9px 11px;text-align:left}
th{background:var(--lgray);font-weight:700}

/* 강조 박스 */
.box{background:var(--lgray);border-radius:9px;padding:16px 18px;margin:20px 0;font-size:14px}
.box.warn{background:#FFFBEB;border:1px solid #FCD34D}
.box strong{color:var(--navy)}

/* CTA 버튼 */
.cta{display:block;text-align:center;background:var(--blue);color:#fff;
  padding:15px;border-radius:10px;text-decoration:none;font-weight:700;
  font-size:16px;margin:28px 0}

/* 글 목록 */
.list{list-style:none;margin:20px 0 0 0}
.list li{border-bottom:1px solid var(--mgray);padding:0;margin:0}
.list a{display:block;padding:15px 2px;text-decoration:none;color:var(--navy)}
.list a:hover{background:var(--lgray)}
.list .t{font-weight:700;font-size:15px;margin-bottom:3px}
.list .d{font-size:13px;color:var(--gray);line-height:1.5}

/* 푸터 */
footer{background:var(--navy);color:#94A3B8;padding:26px 0;font-size:12.5px;margin-top:30px}
footer a{color:#CBD5E1;text-decoration:none;margin-right:14px}
footer .fnav{margin-bottom:12px}
footer p{color:#94A3B8;font-size:12.5px;margin:5px 0}

@media(max-width:600px){
  h1{font-size:22px} main{margin:12px auto;padding:22px 0 32px;border-radius:0}
  table{font-size:13px} th,td{padding:7px 8px}
}