/* =====================================================
   서브페이지 스타일 — subpage.css
===================================================== */

/* 히어로 */
.sp-hero {
  min-height:360px; position:relative;
  background:var(--navy, #0d1b2a) center/cover no-repeat;
  margin-top:calc(var(--header-h, 80px) * -1);
  padding-top:var(--header-h, 80px);
  display:flex; align-items:flex-end;
}
.sp-hero-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to bottom, rgba(13,27,42,0.55) 0%, rgba(13,27,42,0.85) 100%);
}
.sp-hero-content {
  position:relative; z-index:2;
  max-width:1200px; margin:0 auto; padding:0 40px;
  padding-bottom:52px; width:100%;
}
.sp-hero-label {
  font-size:11px; color:rgba(184,151,90,0.8);
  letter-spacing:0.25em; margin-bottom:12px; display:block;
}
.sp-hero-title {
  font-family:'Noto Sans KR', sans-serif;
  font-size:clamp(26px, 3.5vw, 40px);
  font-weight:700; color:#ffffff; line-height:1.3;
  margin-bottom:20px;
}
.sp-breadcrumb {
  display:flex; align-items:center; gap:6px;
  font-size:12px; color:rgba(255,255,255,0.5);
}
.sp-breadcrumb a { color:rgba(255,255,255,0.5); transition:color 0.2s; }
.sp-breadcrumb a:hover { color:#b8975a; }

/* 서브 메인 */
.sp-main { padding:72px 0 100px; background:#f7f3ed; min-height:60vh; }
.sp-content { font-size:15px; line-height:1.9; color:#4a4a4a; }
.sp-content h2 {
  font-family:'Noto Sans KR', sans-serif;
  font-size:22px; font-weight:700; color:#0d1b2a;
  margin:36px 0 16px; padding-bottom:12px;
  border-bottom:2px solid #b8975a;
}
.sp-content h3 {
  font-family:'Noto Sans KR', sans-serif;
  font-size:18px; font-weight:600; color:#1a2e45;
  margin:28px 0 12px;
}
.sp-content p { margin-bottom:16px; }
.sp-content table {
  width:100%; border-collapse:collapse; margin:24px 0;
  border-top:2px solid #0d1b2a;
}
.sp-content th {
  background:#f0ece4; padding:13px 18px;
  font-size:13px; font-weight:600; color:#0d1b2a;
  text-align:left; border-bottom:1px solid #ede8df;
}
.sp-content td {
  padding:13px 18px; font-size:13px; color:#4a4a4a;
  background:#ffffff; border-bottom:1px solid #ede8df;
}
.sp-content img { max-width:100%; height:auto; margin:20px 0; }

/* 반응형 */
@media (max-width:768px) {
  .sp-hero { min-height:280px; }
  .sp-hero-content { padding:0 20px 40px; }
  .sp-main { padding:48px 0 72px; }
  .sp-content table { display:block; overflow-x:auto; }
}