/* C3 최종 후보 A(미니멀) · B(전환 중심) — body.c3-fin 한정(별도 시안). 통합 시안·4350 메인·HERO 미수정.
   헤더 오른쪽 전화번호(파란색)·로그인(작은 ghost 버튼), 퀵뷰 4번 남색 카드(의료진 신뢰 + 상담 신청). */

/* ---- 헤더: 기본 메뉴 3개는 컴팩트 중앙 배치(간격 확대 이전 상태) ---- */
body.c3-fin .c3m-nav > ul { justify-content: center; gap: .1rem; }

/* 전화번호 — 파란색·굵은 숫자·배경/테두리 없음 */
body.c3-fin .c3f-phone { display: inline-flex; align-items: center; gap: .4rem; flex: 0 0 auto; color: var(--c3-blue); font-weight: 800; font-size: .9375rem; letter-spacing: -.01em; line-height: 1.15; text-decoration: none; white-space: nowrap; }
body.c3-fin .c3f-phone:hover { text-decoration: underline; text-underline-offset: 3px; }
body.c3-fin .c3f-phone__txt { display: flex; flex-direction: column; }
body.c3-fin .c3f-phone__label { display: none; font-size: .75rem; font-weight: 700; color: var(--c3-ink-2); letter-spacing: -.01em; }

/* 로그인 — 얇은 테두리·작은 자물쇠·전화번호보다 낮은 강조 */
body.c3-fin .c3f-login { display: inline-flex; align-items: center; gap: .35rem; flex: 0 0 auto; height: 2.1rem; padding: 0 .75rem; border: 1px solid var(--c3-line); border-radius: 999px; background: transparent; color: var(--c3-ink-2); font-size: .8125rem; font-weight: 600; letter-spacing: -.01em; text-decoration: none; white-space: nowrap; }
body.c3-fin .c3f-login:hover, body.c3-fin .c3f-login:focus-visible { border-color: var(--c3-blue); color: var(--c3-blue); }
body.c3-fin .c3f-login--panel { display: none; }

/* 시안 B: 전화(2단 라벨) → 로그인 → 구분선 → KO/EN 순으로 오른쪽 끝에 묶음 */
body.c3-fin-b .c3f-phone__label { display: block; }
body.c3-fin-b .c3f-phone { order: 1; font-size: 1rem; }
body.c3-fin-b .c3f-login { order: 2; }
body.c3-fin-b .c3-lang { order: 3; padding-left: .9rem; border-left: 1px solid var(--c3-line); margin-left: .2rem; }
body.c3-fin-b .c3-toggle { order: 4; }

/* 기본 메뉴가 3개로 줄어 1280~1439 에서도 한 줄(헤더 높이 약 101px)에 탭·메뉴·전화·로그인이 모두 들어간다
   → 이 구간에서도 파란 치료 버튼을 헤더에 두고, 아래 전환줄·햄버거는 쓰지 않아 HERO 가 밀리지 않게 한다 */
@media (min-width: 80rem) and (max-width: 89.99rem) {
  body.c3-fin .c3-tabs { display: flex; }
  body.c3-fin .c3-toggle { display: none; }
  body.c3-fin .c3q-strip { display: none; }
}
/* 작은 PC·태블릿: 햄버거 구간은 전화·로그인을 줄여 겹침 방지 */
@media (min-width: 64rem) and (max-width: 74.99rem) {
  body.c3-fin .c3f-login span { display: none; }                 /* 자물쇠만 */
  body.c3-fin .c3f-login { width: 2.1rem; padding: 0; justify-content: center; }
}
/* 모바일: 헤더 전화·로그인은 숨기고(패널 CTA와 중복 방지) 패널 하단에 로그인 경로 유지 */
@media (max-width: 63.99rem) {
  body.c3-fin .c3f-phone, body.c3-fin .c3f-login { display: none; }
  body.c3-fin .c3f-login--panel { display: inline-flex; margin: 1rem auto 0; height: 2.4rem; padding: 0 1rem; font-size: .875rem; }
  body.c3-fin .c3m-panel { text-align: center; }
  body.c3-fin .c3m-panel .c3m-acc { text-align: left; }
}
@media (min-width: 64rem) { body.c3-fin .c3f-login--panel { display: none; } }

/* ---- 퀵뷰 4번 남색 카드: 의료진 신뢰 + 상담 신청 ---- */
body.c3-qv .c3f-trust h3 { font-size: 1.05rem; }
body.c3-qv .c3f-trust .c3f-doc { margin-top: .15rem; padding-top: .6rem; border-top: 1px solid rgba(255, 255, 255, .18); }
body.c3-qv .c3f-trust .c3f-doc strong { display: block; font-size: .8125rem; font-weight: 700; color: #fff; letter-spacing: -.01em; }
body.c3-qv .c3f-cred { list-style: none; margin: .3rem 0 .15rem; padding: 0; display: grid; gap: .15rem; }
body.c3-qv .c3f-cred li { position: relative; padding-left: .85rem; font-size: .8125rem; line-height: 1.45; color: rgba(255, 255, 255, .82); letter-spacing: -.01em; }
body.c3-qv .c3f-cred li::before { content: ''; position: absolute; left: 0; top: .55em; width: 4px; height: 4px; border-radius: 50%; background: #9db0ff; }
body.c3-qv .c3f-trust .c3q-link--light { justify-content: flex-start; margin-top: .2rem; }
body.c3-qv .c3f-draft { align-self: flex-start; margin-top: .35rem; padding: .15rem .5rem; border: 1px dashed rgba(255, 255, 255, .45); border-radius: 999px; font-size: .6875rem; color: rgba(255, 255, 255, .75); letter-spacing: -.01em; }
@media (max-width: 47.99rem) {
  body.c3-qv .c3f-cred li:nth-child(n+3) { display: none; }          /* 모바일: 핵심 자격 2개만 */
  body.c3-qv .c3f-trust .c3q-actions { gap: .4rem; }
}