/* ko-ver1 일괄 수정 미리보기 공통 (2026-10-19) — *.preview.* 에서만 불러온다. 생성기 ~/tmp/renewal-src/build/batch-1019/build_previews.py
   1 배너 통일: doctor.html 배너와 같은 방식(.shero--dim 덮개 · 왼쪽 eyebrow · 제목 · 설명 · [카카오톡 예약][전화 상담]).
     버튼 크기 · 유리 버튼은 doctor 의 .dv .btn · .dv .btn--glass(p-doc.css) · .shero__btns(p-doc-v7-prev.css)와 같게. */
.bp-hero .btn { gap: 8px; height: 54px; padding: 0 26px; border-radius: 27px; font-size: 15.5px; }
.btn--glass { color: #fff; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.34); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.btn--glass:hover { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.72); }
.shero__btns { gap: 12px; margin-top: clamp(30px, 1.4vw + 16px, 44px); }
@media (max-width: 599px) {
  .bp-hero .btn { height: 50px; padding: 0 20px; font-size: 15px; }
  .shero__btns { display: grid; grid-template-columns: 1fr; gap: 8px; max-width: 320px; margin-top: 28px; }
}
/* 페이지마다 달랐던 배너 덮개 · 글 자리를 doctor 와 같게(.shero--dim: PC 왼→오 그라데이션 · 모바일 고른 덮개, 글은 세로 가운데) */
.bp-hero.shero--dim::before { z-index: 1; background: linear-gradient(90deg, rgba(0,0,0,.6), rgba(0,0,0,.32)); }
.bp-hero .shero__in { z-index: 2; }
@media (max-width: 1023px) {
  .bp-hero.shero--dim::before { background: rgba(0,0,0,.48); }
  .bp-hero.rva-hero { align-items: center; }
  .bp-hero.rva-hero .shero__in { padding-bottom: 0; }
}