.ch-subbanner {
	position: relative;
	overflow: hidden;
	min-height: 380px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	background: var(--hero, #372f2c);
}
.ch-subbanner__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* 어두운 스크림 — admin 임의 사진에서 흰 텍스트 대비를 완화·개선(절대 보장은 아님:
   순백 사진은 어떤 평면 스크림도 못 이김). 0.55 = 히어로 스크림 하한과 동일 정책 —
   T2 브레드크럼(일반 크기 텍스트, AA 4.5:1 기준)까지 밝은 사진에서 버티도록 상향. */
.ch-subbanner::before {
	content: ''; position: absolute; inset: 0; z-index: 1;
	background: rgba(35, 29, 27, 0.55); pointer-events: none;
}
.ch-subbanner__inner { position: relative; z-index: 2; padding: 96px var(--gutter, 24px) 64px; }
/* Section 역할(디자인 시스템): 산세리프 600, 40/44, tracking normal. 세리프 폐기. */
.ch-subbanner__inner h1 {
	margin: 0; font-size: var(--fs-section, 40px); font-weight: 600;
	line-height: var(--lh-section, 44px); letter-spacing: normal;
}
@media (max-width: 839px) {
	.ch-subbanner { min-height: 280px; }
	.ch-subbanner__inner { padding: 72px var(--gutter, 20px) 48px; }
	.ch-subbanner__inner h1 { font-size: 32px; line-height: 1.15; }
}
@media (max-width: 599px) {
	.ch-subbanner { min-height: 220px; }
	.ch-subbanner__inner h1 { font-size: 26px; }
}

.ch-subbanner__crumb {
	margin-top: 20px; display: flex; justify-content: center; align-items: center; gap: 12px;
	font-size: 14px; color: rgba(255, 255, 255, 0.85);
}
.ch-subbanner__crumb a { display: inline-flex; align-items: center; min-height: 44px; }
.ch-subbanner__crumb a:hover, .ch-subbanner__crumb a:focus-visible { text-decoration: underline; }

/* 서브탭 바 — 배너 아래 전폭, 활성 탭=흰 배경.
   배경은 --pink-card(#c58a95)가 아니라 --accent-text(#976870): 흰 텍스트 AA 4.64:1(--pink-card는 ≈2.3:1로 미달). */
.ch-subtabs { background: var(--accent-text, #976870); }
.ch-subtabs ul {
	display: flex; justify-content: center; margin: 0 auto; padding: 0; list-style: none;
	max-width: calc(var(--content-max, 1200px) + 2 * var(--gutter, 24px));
}
.ch-subtabs a {
	display: inline-flex; align-items: center; justify-content: center;
	/* 컨트롤 폰트(디자인 시스템): 17px/400 — 활성 탭만 600으로 상태 명시. */
	min-height: 56px; padding: 0 40px; color: #fff; font-size: 17px; font-weight: 400;
}
.ch-subtabs li.is-active a { background: #fff; color: var(--text, #372f2c); font-weight: 600; }
.ch-subtabs a:hover, .ch-subtabs a:focus-visible { text-decoration: underline; }
.ch-subtabs li.is-active a:hover { text-decoration: none; }
@media (max-width: 839px) {
	.ch-subtabs ul { overflow-x: auto; justify-content: flex-start; }
	.ch-subtabs a { padding: 0 24px; white-space: nowrap; }
}