/* 헤더 A 5차(최종 후보) — body.c3-navgroup5 한정(4차 위에 덧씌움). 헤더 대폭 확대 + 퀵뷰 카드 정리 + 남색 상담 카드 단순화.
   ≥1840px 전체 확대(로고 52px·치료 버튼 18px/56px·메뉴 20px·전화 18px), 1600~1839px·1440~1599px 는 한 줄에 들어가는 최대 크기.
   1280~1439px 은 억지로 줄이지 않고 4차의 기존 반응형 구조(탭 숨김 + 전환줄 + 햄버거)를 사용한다. 모바일 헤더 미변경. */
@media (min-width: 90rem) {
  body.c3-navgroup5 .c3-header { --c3-h: 118px; }
  body.c3-navgroup5 .c3-brand img { height: 2.75rem; }
  body.c3-navgroup5 .c3-tab { min-height: 3.5rem; padding: 0 1.5rem; font-size: 1rem; }
  body.c3-navgroup5 .c3m-trigger { font-size: 1.0625rem; font-weight: 600; padding: .75rem 1.2rem; }
  body.c3-navgroup5 .c3-lang { font-size: .875rem; gap: .9rem; }
  body.c3-navgroup5 .c3f-phone { font-size: 1rem; }
  body.c3-navgroup5 .c3f-login { height: 2.75rem; font-size: .875rem; padding: 0 1rem; }
  body.c3-navgroup5 .c3-header__row { gap: clamp(.9rem, 1.3vw, 1.5rem); }
}
@media (min-width: 100rem) {
  body.c3-navgroup5 .c3-brand img { height: 3rem; }
  body.c3-navgroup5 .c3-tab { font-size: 1.0625rem; }
  body.c3-navgroup5 .c3m-trigger { font-size: 1.125rem; }
  body.c3-navgroup5 .c3-lang { font-size: .9375rem; }
  body.c3-navgroup5 .c3f-phone { font-size: 1.0625rem; }
  body.c3-navgroup5 .c3f-login { font-size: .9375rem; padding: 0 1.05rem; }
}
@media (min-width: 115rem) {
  body.c3-navgroup5 .c3-brand img { height: 3.25rem; }
  body.c3-navgroup5 .c3-tab { padding: 0 1.75rem; font-size: 1.125rem; }
  body.c3-navgroup5 .c3m-trigger { font-size: 1.25rem; padding: .8rem 1.4rem; }
  body.c3-navgroup5 .c3-lang { font-size: 1rem; }
  body.c3-navgroup5 .c3f-phone { font-size: 1.125rem; }
  body.c3-navgroup5 .c3f-login { height: 2.9rem; font-size: 1rem; padding: 0 1.15rem; }
  body.c3-navgroup5 .c3-header__row { gap: clamp(1.4rem, 2vw, 2.4rem); }
}

/* ---- 퀵뷰: 흰색 카드 3개 + 남색 카드 1개 — 공통 카드 디자인(척추관협착증·정맥동맥 동일) ---- */
body.c3-navgroup5 .c3q__inner { padding-bottom: 1.5rem; }
body.c3-navgroup5 .c3q__body { align-items: stretch; gap: 1.1rem; }
body.c3-navgroup5 .c3q-card { gap: .55rem; padding: 1.35rem 1.4rem 1.3rem; }
body.c3-navgroup5 .c3q-eyebrow { font-size: .875rem; }
body.c3-navgroup5 .c3q-card h3 { font-size: 1.5rem; line-height: 1.3; }
body.c3-navgroup5 .c3q-card p { flex: 0 0 auto; font-size: 1.0625rem; line-height: 1.6; }
body.c3-navgroup5 .c3q-card:not(.c3q-card--consult) > .c3q-link, body.c3-navgroup5 .c3q-card:not(.c3q-card--consult) > .c3q-links { margin-top: auto; padding-top: .9rem; border-top: 1px solid var(--c3-line, #e3e6ef); }
body.c3-navgroup5 .c3q-card:not(.c3q-card--consult) > .c3q-link { padding-top: .9rem; }
body.c3-navgroup5 .c3q-link { font-size: 1.0625rem; }
body.c3-navgroup5 .c3q-chip { align-self: flex-start; margin-top: .35rem; padding: .35rem .8rem; border-radius: 999px; background: var(--c3-tint, #eef1fb); color: var(--c3-blue, #2f46d6); font-size: .9375rem; font-weight: 700; text-decoration: none; }
body.c3-navgroup5 .c3q-chip:hover { background: #dfe5fb; }
/* 남색 상담 카드 */
body.c3-navgroup5 .c3q-card--consult h3 { font-size: 1.3rem; }
body.c3-navgroup5 .c3q-card--consult { padding-bottom: 1.2rem; }
body.c3-navgroup5 .c3q-card--consult > .c3q-link--light { margin-top: .15rem; padding-top: 0; justify-content: flex-start; font-size: .9375rem; color: #cdd6ff; }
body.c3-navgroup5 .c3q-actions { margin-top: auto; padding-top: .5rem; gap: .55rem; }
body.c3-navgroup5 .c3q-btn { min-height: 2.75rem; font-size: .9375rem; }
body.c3-navgroup5 .c3q-btn--primary { min-height: 3.3rem; background: #fff; border-color: #fff; color: var(--c3-navy, #0c1735); font-size: 1.0625rem; font-weight: 800; }
body.c3-navgroup5 .c3q-btn--primary:hover { background: #eef1fb; }
@media (max-width: 47.99rem) {
  body.c3-navgroup5 .c3q-card { padding: 1.1rem 1.1rem 1.05rem; }
  body.c3-navgroup5 .c3q-card h3 { font-size: 1.15rem; }
  body.c3-navgroup5 .c3q-card p { font-size: .9375rem; }
}