/* 서비스상세 B계열(02·07·12·17) — 컬러 히어로 · 비교형 표 · 중간 사진 */
:root {
  --color-primary: #49394F;
  --color-secondary: #6A5470;
  --color-accent: #7E4C63;
  --color-bg: #F7F5F8;
  --color-surface: #FFFFFF;
  --color-text: #2A2130;
  --color-text-muted: #5E5464;
  --color-border: rgba(73, 57, 79, 0.16);
  --font-display: 'Pretendard', sans-serif;
  --font-body: 'Noto Sans KR', sans-serif;
}
.kw-hero--color { background: var(--color-primary); }
.kw-hero--color .hero__eyebrow, .kw-hero--color h1, .kw-hero--color .hero__sub { color: #fff; }
.kw-hero--color .hero__sub { opacity: 0.86; }
.kw-imgset { display: flex; justify-content: center; align-items: flex-end; gap: var(--space-4); flex-wrap: wrap; margin: var(--space-6) auto 0; max-width: 760px; }
.kw-imgset figure { margin: 0; width: 260px; text-align: center; }
.kw-imgset img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--radius-md); display: block; }
.kw-imgset figcaption { margin-top: var(--space-2); font-size: var(--fs-sm); letter-spacing: 0.1em; color: var(--color-accent); font-weight: 600; }
.kw-compare { width: 100%; border-collapse: collapse; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; }
.kw-compare th, .kw-compare td { text-align: left; padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--color-border); }
.kw-compare th { font-family: var(--font-display); background: var(--color-bg); }
.kw-compare tr:last-child td { border-bottom: none; }