@charset "utf-8";
/* ==========================================================================
   서브 페이지 공용 (about / program / apply / check …)
   ========================================================================== */

/* 브랜드 강조 (더아동페스타의 '더') */
.hl { color: var(--c-primary); font-style: normal; }

/* 섹션 공통 제목 */
.ab-h2 {
  font-size: clamp(19px, 1.9vw, 36px);
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}
.ab-h2--lg { font-size: clamp(24px, 2.6vw, 50px); }

.ab-h2-sub {
  margin-top: clamp(10px, 1vw, 18px);
  text-align: center;
  font-size: clamp(13px, 1vw, 19px);
  line-height: 1.7;
  color: var(--c-text-sub);
}

/* 캐릭터 장식 */
.ab-char { display: flex; justify-content: center; margin-bottom: clamp(16px, 1.6vw, 30px); }
.ab-char--row { gap: clamp(18px, 2.2vw, 42px); align-items: flex-end; }
.ab-char img { width: clamp(38px, 3.4vw, 64px); height: auto; }

/* 아래 방향 셰브론 */
.ab-chevrons { display: flex; justify-content: center; margin-top: clamp(26px, 2.8vw, 52px); }
.ab-chevrons img { width: clamp(20px, 1.7vw, 32px); height: auto; }

/* 페이지 상단 여백(서브 KV 아래 첫 섹션) */
.section + .section { padding-top: 0; }

/* 신청 스텝 인디케이터 */
.steps {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(8px, 1vw, 18px);
  margin-top: clamp(24px, 2.6vw, 48px);
  flex-wrap: wrap;
}
.steps__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: clamp(12px, 0.95vw, 18px);
  color: var(--c-text-mute);
}
.steps__item[aria-current="step"] { color: var(--c-primary); font-weight: 700; }
.steps__no {
  display: grid;
  place-items: center;
  width: clamp(24px, 2vw, 34px);
  height: clamp(24px, 2vw, 34px);
  border-radius: 50%;
  background: #e2e2e2;
  color: #fff;
  font-size: clamp(11px, 0.85vw, 15px);
  font-weight: 700;
}
.steps__item[aria-current="step"] .steps__no { background: var(--c-primary); }
.steps__sep { color: var(--c-line-dark); }