/* 무통 마취 3차(2026-11-06 · ko-ver3 미리보기) — 배너 = 예전 그림 보정본 · 마스터 코스 = 왼쪽 글 + 사진 슬라이드 · Process 호버에서 그림이 보이게. p-v3an.css 다음에 읽음. 생성 build/ver3-1106-an3/make_v3an3.py */

/* ───── 배너: 밝은 그림 위 어두운 글자 ───── */
body.v3an3 .v3an3-hero { color: #1d2125; background-color: #fbf6ec; }
body.v3an3 .v3an3-hero .shero__bg { object-position: 100% 50%; }
body.v3an3 .v3an3-hero .shero__in { z-index: 2; text-shadow: none; }
body.v3an3 .v3an3-hero .eyebrow { color: #76581f; }
body.v3an3 .v3an3-hero .shero__title { font-weight: 500; color: #1d2125; }
body.v3an3 .v3an3-hero .shero__title em { font-weight: 800; color: #8a6a2c; -webkit-text-fill-color: currentColor; }
body.v3an3 .v3an3-hero .btn--glass { color: #1d2125; background: rgba(255, 255, 255, .72); border: 1px solid #1d2125; -webkit-backdrop-filter: none; backdrop-filter: none; }
body.v3an3 .v3an3-hero .btn--glass:hover { color: #fff; background: #1d2125; }
@media (max-width: 1023px) {
  /* 글은 위, 손과 마취기는 아래(글이 그림을 가리지 않게) */
  body.v3an3 .v3an3-hero { align-items: flex-start; }
  body.v3an3 .v3an3-hero .shero__bg { object-position: 80% 100%; }
  body.v3an3 .v3an3-hero .shero__in { padding-top: calc(var(--hdr-h) + 20px); }
}
/* 키가 작은 폰: 전화 단추가 마취기를 가림 — 아래 고정 띠에 같은 단추가 있어 배너에서는 뺌 */
@media (max-width: 767px) and (max-height: 780px) {
  body.v3an3 .v3an3-hero .shero__btns .btn--glass { display: none; }
}

/* ───── 마스터 코스: 왼쪽 글 ───── */
body.v3an3 .v3an3-mc .r26-hd__bg { font-size: clamp(52px, 7vw, 130px); }
body.v3an3 .v3an3-why { margin: clamp(22px, 2.2vw, 34px) 0 0; border-top: 1px solid #e6cd96; }
body.v3an3 .v3an3-why > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; padding: clamp(13px, 1.1vw, 18px) 0; border-bottom: 1px solid #e6cd96; }
body.v3an3 .v3an3-why dt { font-size: 16px; line-height: 1.6; font-weight: 800; letter-spacing: -0.02em; color: #76581f; }
body.v3an3 .v3an3-why dd { margin: 0; font-size: clamp(17px, 15.5px + .3vw, 20px); line-height: 1.5; font-weight: 600; letter-spacing: -0.03em; color: #1d2125; word-break: keep-all; text-wrap: pretty; }

/* ───── 마스터 코스: 사진 슬라이드(겹쳐 놓고 페이드, 높이는 가장 긴 캡션 기준이라 흔들리지 않음) ───── */
body.v3an3 .v3an3-sl { margin: 0; padding: clamp(12px, 1.2vw, 20px); background: #fff; box-shadow: 0 34px 60px -42px rgba(40, 30, 15, .55); }
body.v3an3 .v3an3-sl__list { display: grid; margin: 0; padding: 0; list-style: none; }
body.v3an3 .v3an3-sl__list > li { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .9s ease, visibility 0s linear .9s; }
body.v3an3 .v3an3-sl__list > li.is-on { opacity: 1; visibility: visible; transition: opacity .9s ease, visibility 0s; }
body.v3an3 .v3an3-sl figure { margin: 0; }
body.v3an3 .v3an3-sl__ph { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #fff; }
body.v3an3 .v3an3-sl__ph img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.v3an3 .v3an3-sl__ph.is-cert img { object-fit: contain; }
body.v3an3 .v3an3-sl figcaption { margin-top: 12px; font-size: clamp(16px, 15px + .2vw, 18px); line-height: 1.45; font-weight: 600; letter-spacing: -0.02em; color: #1d2125; word-break: keep-all; }
body.v3an3 .v3an3-sl figcaption b { margin-right: 8px; font-weight: 800; color: #76581f; }
body.v3an3 .v3an3-sl__dots { display: flex; gap: 2px; margin: 4px 0 -6px -8px; }
body.v3an3 .v3an3-sl__dots button { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; background: none; cursor: pointer; }
body.v3an3 .v3an3-sl__dots button::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: #d3c6ac; transition: background-color .3s; }
body.v3an3 .v3an3-sl__dots button[aria-current]::before { background: #8a6a2c; }
@media (prefers-reduced-motion: reduce) {
  body.v3an3 .v3an3-sl__list > li, body.v3an3 .v3an3-sl__list > li.is-on { transition: none; }
}
@media (max-width: 767px) {
  body.v3an3 .v3an3-why > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
}

/* ───── Process: 호버 · 포커스에서 카드 전체를 덮던 회색 막을 없앰(아래쪽 글자 받침 그라데이션만 남김) ───── */
body.v3an3 .r29an-pa .r25-pc:hover::before, body.v3an3 .r29an-pa .r25-pc:focus-within::before, body.v3an3 .r29an-pa .r25-pc:focus::before { background-color: transparent; }