*{box-sizing:border-box}
body{margin:0;background:#f7f8fa;color:#1f2733;font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;line-height:1.6}
a{color:#2f6df0;text-decoration:none}
a:hover{text-decoration:underline}

/* 상단 네비 */
.n{background:#fff;border-bottom:1px solid #e7eaef}
.ni{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}
.nb{font-weight:700;font-size:16px;color:#1f2733;text-decoration:none}
.nl a{margin-left:18px;font-size:14px;color:#1f2733}

/* 본문 wrapper */
.cw{max-width:1180px;margin:0 auto;padding:0 20px}

/* 상단 박스(관리자 HTML 영역) */
.pbox{background:#fff;border:1px solid #e7eaef;border-radius:14px;margin:20px 0;padding:28px 26px}
.pbox:empty{display:none}

/* 페이지 헤더 */
.ph{margin:24px 0 16px}
.ph h1{font-size:24px;margin:0 0 6px;letter-spacing:-.3px}
.ph .m{font-size:13px;color:#7b8794}

/* 브레드크럼 */
.bc{font-size:13px;color:#7b8794;margin:20px 0 0}
.bc a{color:#7b8794}
.bc span{margin:0 6px}

/* 카테고리 그리드 (섹션·페이지 목록) */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 30px}
.cat{display:block;padding:12px 14px;background:#fff;border:1px solid #e7eaef;border-radius:10px;color:#1f2733;font-size:14px}
.cat:hover{border-color:#2f6df0;background:#eef3fe;color:#2f6df0;text-decoration:none}

/* 도메인 그리드 (실제 페이지) */
.dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 30px}
.dc{background:#fff;border:1px solid #e7eaef;border-radius:8px;padding:10px 12px;overflow:hidden}
.dc a{display:block;font-size:13px;color:#1f2733;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc:hover{border-color:#2f6df0;background:#eef3fe}
.dc:hover a{color:#2f6df0}

/* 페이지네이션 */
.pg{margin:30px 0;text-align:center}
.pg a,.pg span{display:inline-block;padding:8px 12px;margin:0 2px;border:1px solid #e7eaef;border-radius:6px;background:#fff;color:#1f2733;font-size:14px;text-decoration:none}
.pg a:hover{border-color:#2f6df0;color:#2f6df0}
.pg .cur{background:#2f6df0;color:#fff;border-color:#2f6df0}

/* 푸터 */
.ft{border-top:1px solid #e7eaef;margin-top:40px;padding:20px 0;background:#fff}
.fi{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#7b8794}

/* 반응형 */
@media(max-width:960px){
  .cats{grid-template-columns:repeat(3,1fr)}
  .dgrid{grid-template-columns:repeat(3,1fr)}
  .fi{flex-direction:column;gap:8px}
}
@media(max-width:680px){
  .cats{grid-template-columns:repeat(2,1fr)}
  .dgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:430px){
  .cats{grid-template-columns:1fr}
  .dgrid{grid-template-columns:1fr}
}