/* =====================================================
   본문이 없는 서브페이지 전용 (sub102~105, sub302~304, sub403)
   - 카테고리 서브메뉴(.sub-subnav) + 비어 있는 본문 컨테이너(.sub-body)
   - 로드 순서: common.css → sub_common.css → sub_empty.css
   - 본문을 채울 때는 해당 sub/*.php 의 .sub-body__inner 안에 마크업을 추가하고,
     페이지 전용 CSS/JS 를 만들면 inc/page-registry.php 의 css / js 에 등록하세요.
   ===================================================== */
.sub-subnav {
  background: #fff;
  border-bottom: 1px solid #e4dfd7;
}
.sub-subnav__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 clamp(20px, 3vw, 56px);
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 24px;
  list-style: none;
}
.sub-subnav__list a {
  display: block;
  padding: clamp(14px, 1.2vw, 22px) 4px clamp(12px, 1.05vw, 20px);
  border-bottom: 2px solid transparent;
  color: #5b6874;
  font-size: clamp(14px, 0.94vw, 18px);
  font-weight: 600;
  letter-spacing: -0.02em;
  text-decoration: none;
  transition: color 0.2s, border-color 0.2s;
}
.sub-subnav__list a:hover,
.sub-subnav__list a:focus-visible,
.sub-subnav__list a[aria-current="page"] {
  border-bottom-color: var(--navy, #1e3a52);
  color: var(--navy, #1e3a52);
}

/* 빈 본문 컨테이너: 푸터가 서브 비주얼/서브메뉴에 붙지 않도록 최소 높이 확보 */
.sub-body {
  min-height: clamp(280px, 34vw, 640px);
}
.sub-body__inner {
  width: min(1420px, calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(48px, 5vw, 96px) 0;
}