/* ═══════════════════════════════════════════════════════════════
   오후의치과 리뉴얼 오버라이드 — 2026-07-18
   원칙: Rhymix 관리자 콘텐츠(위젯·게시판·메뉴)는 건드리지 않고
   디자인 레이어만 덮는다. 게이트 마크업은 renewal.js가 주입.
   (layout.html에는 이 파일과 renewal.js 로드 태그만 존재)
   ═══════════════════════════════════════════════════════════════ */

/* ── 서체 체계: 고운바탕(제목) + Cormorant(라틴) + Pretendard(본문) ── */
body { font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo',sans-serif; }
.bh h1, .bh h2, .bh h3, .bh h4,
.bh .logo, .bh .f-brand, .bh .title1, .bh .item_title { font-family:'Gowun Batang','Noto Serif KR',serif; }
.bh h2, .bh .title1 { font-weight:400; letter-spacing:.01em; }
.bh p, .bh li, .bh td, .bh th, .bh dd, .bh dt,
.bh a:not([class*="ri-"]), .bh span:not([class*="ri-"]), .bh div:not([class*="ri-"]),
.bh button, .bh input, .bh textarea, .bh select { font-family:inherit; }
.bh i[class*="ri-"] { font-family:'remixicon' !important; }
.bh i[class*="xi-"], i[class*="xi-"] { font-family:'xeicon' !important; }
.col_title { font-family:'Gowun Batang','Noto Serif KR',serif !important; }

/* ── 메인 홈 히어로(section1): 고정 박스 해제 + 세리프 + 전환 연출 ── */
.bh .section1>.bh_wrap .scroll_event_wrap .text_wrap .op_text {
  width:auto; max-width:680px; height:auto; font-size:54px; font-weight:400; line-height:1.5; letter-spacing:.01em;
  font-family:'Gowun Batang','Noto Serif KR',serif;
  transition:opacity .9s ease, transform .9s ease;
}
.bh .section1>.bh_wrap .scroll_event_wrap.active .text_wrap .op_text { opacity:0; transform:translateY(-14px); }
.bh .section1>.bh_wrap .scroll_event_wrap .text_wrap .trans_text {
  margin-top:26px; font-family:'Gowun Batang','Noto Serif KR',serif; letter-spacing:.01em; font-size:16px; color:#5a5248;
  transition:font-size .9s cubic-bezier(.22,.8,.24,1), color .9s ease, transform .9s cubic-bezier(.22,.8,.24,1);
}
.bh .section1>.bh_wrap .scroll_event_wrap.active .text_wrap .trans_text {
  font-size:clamp(26px,3vw,42px); font-weight:400; line-height:1.5; color:#1b1a17; transform:translateY(42px);
}
/* 확장 미디어(.img_wrap): 새 스틸 + 영상(js 주입). 확장 애니메이션은 테마 것을 재사용 */
.bh .section1>.bh_wrap .scroll_event_wrap .img_wrap {
  position:relative; overflow:hidden; background-image:url('/implant-hero-still.webp') !important;
  background-size:cover; background-position:center;
}
.bh .section1>.bh_wrap .scroll_event_wrap .img_wrap video {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.2s ease;
}
.bh .section1>.bh_wrap .scroll_event_wrap .img_wrap video.on { opacity:1; }
/* 푸터 서버렌더 진료 링크 (layout.html — 네이버용 내부링크) */
.bh .footer_treat_nav { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 26px; padding:22px 16px 2px; }
.bh .footer_treat_nav a { font-size:13px; letter-spacing:.05em; color:inherit; opacity:.85; text-decoration:none; }
.bh .footer_treat_nav a:hover { opacity:1; text-decoration:underline; }

/* h2→h1 스왑(renewal.js) 대응: 테마 scss는 p,h2만 지정하므로 h1을 동일하게 */
.bh .section1>.bh_wrap .scroll_event_wrap .text_wrap .op_text h1 {
  position:relative; margin:0; font-size:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; padding:0 5px;
}
@media (max-width:992px) {
  .bh .section1>.bh_wrap .scroll_event_wrap .text_wrap .op_text { width:auto; height:auto; font-size:29px; }
}

/* ── FOUC 방지: 게이트 부팅 중엔 예전 홈을 레이아웃에서 제거 (CLS 방지 — 게이트 주입 시 밀림 없음) ── */
html.gate-boot .bh.index { display:none; }
html.gate-boot body { background:#1b1a17; }

/* ── 커튼: 홈 본문이 게이트 위로 올라온다 ── */
html.has-gate .bh.index { position:relative; z-index:2; background:#fff; border-radius:26px 26px 0 0; box-shadow:0 -16px 48px rgba(20,15,10,.3); }
/* 주의: overflow:hidden 금지 — #quick_menu(position:sticky) 플로팅 버튼이 깨진다 */
html.gate-on .header_wrap, html.gate-on .mobile_header_wrap { opacity:0; pointer-events:none; }
.header_wrap, .mobile_header_wrap { transition:opacity .45s ease; }
#eg-fade { position:fixed; inset:0; background:#fbf9f4; opacity:0; pointer-events:none; transition:opacity .32s ease; z-index:9999; }
#eg-fade.on { opacity:1; pointer-events:auto; }

/* ── 게이트 (renewal.js가 주입하는 마크업) ── */
#egate { position:sticky; top:0; height:100svh; display:flex; flex-direction:column; background:#1b1a17; color:#f4f1ea; z-index:1;
  font-family:'Pretendard','Noto Sans KR',sans-serif; -webkit-font-smoothing:antialiased; word-break:keep-all; }
#egate.eg-skip { display:none; }
#egate a { color:inherit; text-decoration:none; }
#egate .eg-top { text-align:center; padding:34px 20px 26px; opacity:0; transform:translateY(-10px); animation:egIn .9s cubic-bezier(.22,.8,.24,1) .15s forwards; }
#egate .eg-brand { font-family:'Gowun Batang',serif; font-size:24px; letter-spacing:.08em; color:#fff; }
#egate .eg-brand span { color:#c9a876; }
#egate .eg-en { font-family:'Cormorant Garamond',serif; font-size:12px; letter-spacing:.5em; color:rgba(244,241,234,.55); margin-top:8px; text-transform:uppercase; }
#egate .eg-q { font-family:'Gowun Batang',serif; font-size:16px; color:rgba(244,241,234,.78); margin-top:20px; letter-spacing:.05em; }
#egate .eg-split { flex:1; display:flex; min-height:0; }
#egate .eg-door { position:relative; flex:1; overflow:hidden; display:flex; align-items:flex-end; transition:flex 1s cubic-bezier(.22,.8,.24,1); cursor:pointer; }
#egate .eg-split:hover .eg-door { flex:.72; }
#egate .eg-split .eg-door:hover { flex:1.6; }
#egate .eg-bg { position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.04); transition:transform 1.4s ease; background-color:#241f1a; }
#egate .eg-door:hover .eg-bg { transform:scale(1.1); }
#egate .eg-implant .eg-bg { background-image:url('/implant-hero-still.webp'); }
#egate .eg-lami .eg-bg { background-image:url('/lamifit-hero-still.webp'); }
#egate .eg-vid { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .8s ease; z-index:1; pointer-events:none; }
#egate .eg-door:hover .eg-vid.ready { opacity:1; }
#egate .eg-shade { position:absolute; inset:0; z-index:1; pointer-events:none; }
#egate .eg-implant .eg-shade { background:linear-gradient(to top, rgba(20,15,10,.72), rgba(20,15,10,.18)); }
#egate .eg-lami .eg-shade { background:linear-gradient(to top, rgba(20,15,10,.78), rgba(20,15,10,.3) 45%, rgba(20,15,10,.05) 70%); }
#egate .eg-door::after { content:""; position:absolute; top:0; bottom:0; right:0; width:1px; background:rgba(244,241,234,.18); }
#egate .eg-door:last-child::after { display:none; }
#egate .eg-inner { position:relative; z-index:2; padding:0 56px 58px; width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:24px;
  opacity:0; transform:translateY(16px); animation:egIn .9s cubic-bezier(.22,.8,.24,1) .4s forwards; }
#egate .eg-door:last-child .eg-inner { animation-delay:.55s; }
#egate .eg-no { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:15px; letter-spacing:.3em; color:#c9a876; margin-bottom:14px; text-shadow:0 1px 12px rgba(20,15,10,.55); }
#egate .eg-h { font-family:'Gowun Batang',serif; font-size:clamp(28px,2.8vw,40px); font-weight:400; line-height:1.45; margin:0 0 12px; color:#f4f1ea; text-shadow:0 1px 18px rgba(20,15,10,.4); }
#egate .eg-desc { font-weight:300; font-size:14px; letter-spacing:.02em; line-height:1.85; color:rgba(244,241,234,.78); max-width:34ch; opacity:0; transform:translateY(8px); transition:.7s ease .1s; margin:0; }
#egate .eg-door:hover .eg-desc { opacity:1; transform:none; }
#egate .eg-go { flex:none; width:52px; height:52px; border:1px solid rgba(244,241,234,.45); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif; font-size:20px; transition:.5s; }
#egate .eg-door:hover .eg-go { background:#c9a876; border-color:#c9a876; color:#1b1a17; transform:translateX(6px); }
#egate .eg-foot { text-align:center; padding:16px 16px 30px; font-weight:300; font-size:11.5px; letter-spacing:.1em; color:rgba(244,241,234,.55); position:relative; opacity:0; animation:egIn .9s ease .8s forwards; }
#egate .eg-foot b { color:rgba(244,241,234,.8); font-weight:400; }
#egate .eg-drip { position:absolute; left:50%; bottom:6px; transform:translateX(-50%); width:1px; height:20px;
  background:linear-gradient(to bottom, rgba(244,241,234,0), rgba(244,241,234,.75)); animation:egdrip 2.2s ease-in-out infinite; }
@keyframes egIn { to { opacity:1; transform:none; } }
@keyframes egdrip { 0%{transform:translateX(-50%) scaleY(.2);transform-origin:top;opacity:0} 45%{transform:translateX(-50%) scaleY(1);opacity:1} 100%{transform:translateX(-50%) scaleY(.2);transform-origin:bottom;opacity:0} }
@media (max-width:760px){
  #egate .eg-split { flex-direction:column; }
  #egate .eg-split:hover .eg-door, #egate .eg-split .eg-door:hover { flex:1; }
  #egate .eg-inner { padding:0 28px 32px; }
  #egate .eg-desc { display:none; }
  #egate .eg-door::after { width:auto; height:1px; left:0; right:0; bottom:0; top:auto; }
  #egate .eg-foot { font-size:11px; letter-spacing:.05em; line-height:1.8; padding:12px 24px 26px; }
}
@media (prefers-reduced-motion:reduce){
  #egate .eg-door, #egate .eg-bg, #egate .eg-desc, #egate .eg-go { transition:none; }
  #egate .eg-top, #egate .eg-inner, #egate .eg-foot { animation:none; opacity:1; transform:none; }
  #egate .eg-drip { animation:none; }
  .bh .section1>.bh_wrap .scroll_event_wrap .img_wrap video { display:none; }
}

/* ── 모바일 퀵바: SVG 아이콘 정렬 (아이콘은 renewal.js가 교체) ── */
#pm-quickbar a { display:flex; align-items:center; justify-content:center; gap:8px; }
#pm-quickbar svg { width:17px; height:17px; stroke:currentColor; stroke-width:1.7; fill:none; stroke-linecap:round; stroke-linejoin:round; flex:none; }

/* ═══════════════ v2 — 섹션 패리티 (옛 테마 잔재 → 확정 디자인) ═══════════════ */

/* 테마 포인트색 일괄 전환: 모카 → 골드 (테마가 var를 17곳에서 사용) */
:root { --bh_color_main:#a5854f; --bh_color_main_50:#faf7f0; --bh_color_main_100:#f4ecdd; }

/* 배경 리듬: 종이/아이보리 톤 */
.bh .section2 { background-color:#f4f1ea !important; }
.bh .footer { background-color:#f4f1ea !important; }

/* 아웃라인 마퀴 텍스트 띠 제거 (interlude는 renewal.js가 주입) */
.bh .text_slide { display:none !important; }
.pm-interlude { background:#fbf9f4; border-block:1px solid #e3dccf; padding:74px 0; text-align:center; }
.pm-interlude .mark { display:inline-flex; align-items:center; gap:26px; }
.pm-interlude .mark::before, .pm-interlude .mark::after { content:""; width:56px; height:1px; background:#c9a876; }
.pm-interlude .mark b { font-family:'Gowun Batang',serif; font-weight:400; font-size:24px; letter-spacing:.42em; color:#1b1a17; padding-left:.42em; }
.pm-interlude .mark b span { color:#a5854f; }
.pm-interlude .mark i { font-style:normal; color:#c9a876; font-size:9px; }
.pm-interlude .sub { margin-top:14px; font-family:'Cormorant Garamond',serif; font-style:italic; font-size:12.5px; letter-spacing:.3em; color:rgba(90,82,72,.55); text-transform:uppercase; }

/* 강점 섹션(section3): 옛 흰 카드 3개 → 다크 밴드 + 가로 도해 리스트 */
.bh .section3 { position:relative;
  background-image:linear-gradient(rgba(15,12,9,.7), rgba(15,12,9,.7)), url('https://pmdental.co.kr/files/attach/images/109/5820f364e25942c82735f6de28ac0a76.jpg') !important;
  background-size:cover !important; background-position:center !important; }
.bh .section3::before { content:""; display:block; position:absolute; inset:0; background:rgba(15,12,9,.25); z-index:0; }
.bh .section3 > .bh_wrap { position:relative; z-index:1; }
.bh .section3 .implant_strength_wrap .img_wrap { background-color:transparent !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; border-radius:0 !important; width:100% !important; max-width:none !important; }
.bh .section3 .title1, .bh .section3 h2, .bh .section3 .fs-17 { color:#f4f1ea !important; }
.bh .section3 .bh_color_gray_800 { color:rgba(244,241,234,.85) !important; }
.bh .section3 .implant_strength_wrap .bh_row.ta-c { display:block; border-top:1px solid rgba(244,241,234,.25); margin-top:44px; }
.bh .section3 .implant_strength_wrap .bh_row.ta-c > div { width:100%; max-width:none; flex:none; padding:0; }
.bh .section3 .implant_strength_wrap .img_wrap { display:grid !important; grid-template-columns:110px 1fr; gap:24px; align-items:center; padding:20px 6px; border-bottom:1px solid rgba(244,241,234,.25); text-align:left; transition:.35s ease; }
.bh .section3 .implant_strength_wrap .img_wrap:hover { padding-left:16px; background:linear-gradient(to right, rgba(201,168,118,.08), transparent 70%); }
.bh .section3 .implant_strength_wrap .img_wrap img { width:110px; height:110px; object-fit:cover; background:transparent;
  -webkit-mask-image:radial-gradient(circle,#000 52%,transparent 76%); mask-image:radial-gradient(circle,#000 52%,transparent 76%); }
.bh .section3 .implant_strength_wrap .img_wrap p { font-family:'Gowun Batang','Noto Serif KR',serif; font-size:20px; font-weight:700; color:#f4f1ea; margin:0; text-align:left; }
@media (max-width:992px){ .bh .section3 .implant_strength_wrap .img_wrap { grid-template-columns:64px 1fr; } .bh .section3 .implant_strength_wrap .img_wrap img { width:64px; height:64px; } }

/* 칼럼 카드·버튼류: 확정 문법(골드 태그 필 + 잉크 라운드 버튼) */
.bh .col_tag { display:inline-block; font-size:11.5px; font-weight:500; color:#a5854f !important; background:#f4ecdd !important; padding:4px 12px; border-radius:999px; }
.bh .col_card { transition:.35s ease; }
.bh .col_card:hover { transform:translateY(-6px); box-shadow:0 24px 44px -28px rgba(84,73,64,.4); }
.bh .col_more_btn { border-radius:999px !important; border:1px solid #1b1a17 !important; color:#1b1a17 !important; background:transparent !important; transition:.25s; }
.bh .col_more_btn:hover { background:#1b1a17 !important; color:#f4f1ea !important; }

/* 약력 섹션(section7): 소제목 골드 세리프 */
.bh .section7 .list_title { font-family:'Gowun Batang','Noto Serif KR',serif; color:#c9a876 !important; letter-spacing:.06em; }

/* 무통 노력(section9): 번호 → Cormorant 이탤릭 골드 */
.bh .section9 .item_title .num { font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:400; color:#a5854f; font-size:1.3em; margin-right:6px; }

/* 예약 섹션(section10): 버튼 정리 — 잉크 아웃라인 + 네이버 그린 유지 */
.bh .section10 .info_btn { border:1px solid #1b1a17 !important; color:#1b1a17 !important; background:transparent !important; transition:.25s; }
.bh .section10 .info_btn:hover { background:#1b1a17 !important; color:#f4f1ea !important; }
.bh .section10 .info_btn.btn3 { background:#03c75a !important; border-color:#03c75a !important; color:#fff !important; }
.bh .section10 .info_btn.btn3:hover { filter:brightness(.94); }


/* ═══════════════ v3 — 예전 디자인 요소 최종 제거 (2026-07-19, 클로드 디자인 동기화) ═══════════════ */

/* 1) 이미지 로고 전면 폐기 → 텍스트 로고 "오후의(잉크)치과(딥골드)" */
.bh .header_wrap .logo img.logo_img, .bh .mobile_logo img.m_logo_img { display:none; }
.bh .header_wrap .logo a, .bh .mobile_logo a { display:inline-flex; align-items:baseline; font-family:'Gowun Batang','Noto Serif KR',serif; font-weight:700; font-size:21px; letter-spacing:.02em; color:#1b1a17; text-decoration:none; line-height:1; padding:12px 0; }
.bh .header_wrap .logo a::before, .bh .mobile_logo a::before { content:"오후의"; }
.bh .header_wrap .logo a::after, .bh .mobile_logo a::after { content:"치과"; color:#a5854f; }
.bh .footer_logo img { display:none; }
.bh .footer_logo { font-family:'Gowun Batang','Noto Serif KR',serif; font-weight:700; font-size:20px; color:#1b1a17; line-height:1; }
.bh .footer_logo::before { content:"오후의"; }
.bh .footer_logo::after { content:"치과"; color:#a5854f; }

/* 2) section2 원장 인사 타이틀: 고딕 헤비 → 세리프 400 (확정 타이포) */
.bh .section2 .ceo_wrap h2 { font-family:'Gowun Batang','Noto Serif KR',serif !important; font-weight:400 !important; line-height:1.5 !important; letter-spacing:.01em; }
.bh .section2 .ceo_wrap .bh_color_gray_900 b { font-family:'Gowun Batang','Noto Serif KR',serif; font-weight:700; }

/* 3) section6 인용구: 인라인 'Noto Serif KR' 23px → 고운바탕 딥골드 (확정 인용구 문법) */
.bh .section6 .visit_context div[style*="Noto Serif"] { font-family:'Gowun Batang','Noto Serif KR',serif !important; font-size:22px !important; font-weight:400 !important; line-height:1.6 !important; color:#a5854f !important; }

/* 4) section7 월계수 잎(leaf) 장식 → 골드 헤어라인 (옛 장식 제거) */
.bh .section7 .leaf_text img { display:none !important; }
.bh .section7 .leaf_text { display:flex; align-items:center; justify-content:center; gap:18px; }
.bh .section7 .leaf_text::before, .bh .section7 .leaf_text::after { content:""; width:34px; height:1px; background:rgba(201,168,118,.75); flex:none; }
.bh .section7 .leaf_text span { font-family:'Gowun Batang','Noto Serif KR',serif; letter-spacing:.06em; }

/* 5) 본문 사진 경계 소프트 마스크 (경계 티 안 나게 — 확정 img.ph 문법) */
.bh .section2 .ceo_wrap .img img,
.bh .section5 .implant_disadvantage_wrap img,
.bh .section6 .col_photo img,
.bh .section6 .visit_img img,
.bh .section8 .sec8_img img {
  -webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);
  mask-composite:intersect;
  border:none !important; border-radius:0 !important; box-shadow:none !important;
}

/* 6) 장식·기기 이미지 블렌드 (흰 배경 박스 녹이기 — 확정 문법) */
.bh .section4 .trend_wrap .top_img { mix-blend-mode:multiply; opacity:.5; }
.bh .section4 .analysis_img img,
.bh .section9 .effort_img img,
.bh .section9 .m_item_img img { mix-blend-mode:multiply; }

/* 7) 플로팅 예약(#quick_menu): 이미지 아이콘 → 네이버 N + 잉크 라벨 */
#quick_menu .quick_menu_inner li a img { display:none; }
#quick_menu .quick_menu_inner li a::before { content:"N"; display:block; font-family:'Pretendard','Noto Sans KR',sans-serif; font-weight:900; font-size:19px; line-height:1; color:#03c75a; margin:0 auto 4px; text-align:center; }
#quick_menu .quick_menu_inner li a span { font-weight:700; color:#1b1a17; letter-spacing:.02em; }
#quick_menu .scrollTop a, #quick_menu .scrollTop a i { color:#1b1a17; }

/* 8) 비급여 모달: 타이틀·표 머리 세리프 통일 */
.bh_modal .bh_modal_header h3 { font-family:'Gowun Batang','Noto Serif KR',serif; font-weight:700; }
.bh_modal .table th { font-family:'Gowun Batang','Noto Serif KR',serif; font-weight:700; }


/* ═══════════════ v4 홈 (아프지 않은 진료 · 브랜드 허브) — .pm-v4 스코프 (pages/section*.html 파일 렌더) ═══════════════ */
.pm-v4 .wrap{max-width:1080px;margin:0 auto;padding:0 28px}
.pm-v4 .eyebrow{font-family:'Cormorant Garamond',serif;font-size:.88rem;color:#a5854f;letter-spacing:.42em;text-transform:uppercase;margin-bottom:20px}
.pm-v4 .sec h2{font-family:'Gowun Batang','Noto Serif KR',serif;font-weight:400;font-size:clamp(26px,2.6vw,34px);line-height:1.55;letter-spacing:.01em;margin-bottom:24px}
.pm-v4 .lead{color:#5a5248;font-size:15.5px;line-height:1.95;max-width:620px}
.pm-v4 .lead b{font-weight:500;color:#1b1a17}
.pm-v4 /* ── 헤더 (v3 텍스트 로고 반영) ── */
  .hd{position:sticky;top:0;z-index:50;background:rgba(251,249,244,.95);backdrop-filter:blur(8px);border-bottom:1px solid #e3dccf;margin-top:30px}
.pm-v4 /* ── 1. 히어로: 아프지 않은 진료 선언 ── */
  .hero{position:relative;min-height:min(88vh,780px);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#1b1a17;color:#f4f1ea;padding:80px 0}
.pm-v4 .hero .bg{position:absolute;inset:0;background:url('/implant-hero-still.webp') center/cover;opacity:.42}
.pm-v4 .hero .veil{position:absolute;inset:0;background:radial-gradient(ellipse at center, rgba(20,15,10,.15), rgba(20,15,10,.72))}
.pm-v4 .hero .in{position:relative;z-index:2;padding:60px 24px}
.pm-v4 .hero .en{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15px;letter-spacing:.4em;color:#c9a876;margin-bottom:28px}
.pm-v4 .hero h1{font-family:'Gowun Batang','Noto Serif KR',serif;font-weight:400;font-size:clamp(30px,4.4vw,56px);line-height:1.6;text-shadow:0 2px 24px rgba(20,15,10,.5)}
.pm-v4 .hero .sub{margin:26px auto 0;font-size:15px;font-weight:300;line-height:2;color:rgba(244,241,234,.82);max-width:56ch}
.pm-v4 .hero .sub b{color:#c9a876;font-weight:400}
.pm-v4 .hero .sign-line{margin:30px auto 0;font-family:'Gowun Batang','Noto Serif KR',serif;font-size:16.5px;font-style:normal;color:#c9a876;letter-spacing:.02em}
.pm-v4 .hero .sign-line::before{content:"“ ";opacity:.6}
.pm-v4 .hero .sign-line::after{content:" ”";opacity:.6}
.pm-v4 .hero .meta{margin-top:44px;display:flex;gap:34px;justify-content:center;flex-wrap:wrap;font-size:12.5px;letter-spacing:.08em;color:rgba(244,241,234,.65)}
.pm-v4 .hero .meta b{color:rgba(244,241,234,.95);font-weight:500}
.pm-v4 /* ── 2. 진료 두 축 카드 (게이트의 후계자) ── */
  .axes{padding:0;background:#1b1a17}
.pm-v4 .axes-grid{display:grid;grid-template-columns:1fr 1fr;min-height:min(64vh,600px)}
.pm-v4 .axis{position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:56px 52px;color:#f4f1ea;transition:.5s ease}
.pm-v4 .axis .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.03);transition:transform 1.2s ease}
.pm-v4 .axis:hover .bg{transform:scale(1.09)}
.pm-v4 .axis-implant .bg{background-image:linear-gradient(to top, rgba(20,15,10,.78), rgba(20,15,10,.15)), url('/implant-hero-still.webp')}
.pm-v4 .axis-lami .bg{background-image:linear-gradient(to top, rgba(20,15,10,.72), rgba(20,15,10,.1)), url('/lamifit-hero-still.webp')}
.pm-v4 .axis .in{position:relative;z-index:2}
.pm-v4 .axis .no{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:14px;letter-spacing:.3em;color:#c9a876;margin-bottom:14px}
.pm-v4 .axis h3{font-family:'Gowun Batang','Noto Serif KR',serif;font-weight:400;font-size:clamp(24px,2.4vw,34px);line-height:1.5;margin-bottom:12px}
.pm-v4 .axis p{font-size:13.5px;font-weight:300;line-height:1.9;color:rgba(244,241,234,.8);max-width:38ch;margin-bottom:22px}
.pm-v4 .axis .go{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.1em;border:1px solid rgba(244,241,234,.5);border-radius:999px;padding:11px 26px;transition:.3s}
.pm-v4 .axis:hover .go{background:#c9a876;border-color:#c9a876;color:#1b1a17}
.pm-v4 .axes-sub{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:26px 20px;background:#1b1a17}
.pm-v4 .axes-sub a{font-size:13px;color:rgba(244,241,234,.7);border:1px solid rgba(244,241,234,.22);border-radius:999px;padding:10px 22px;transition:.25s}
.pm-v4 .axes-sub a:hover{color:#c9a876;border-color:#c9a876}
@media(max-width:820px){
  .pm-v4 .axes-grid{grid-template-columns:1fr}
  .pm-v4 .axis{min-height:min(44vh,440px)}
}
.pm-v4 /* ── 3. 원장 인사 (기존 유지 표시) ── */
  .sec{padding:110px 0}
.pm-v4 .ceo{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:center}
.pm-v4 .ceo img{width:100%;display:block;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.pm-v4 .ceo .sign{margin-top:20px;font-family:'Gowun Batang','Noto Serif KR',serif;font-weight:700}
@media(max-width:820px){
  .pm-v4 .ceo{grid-template-columns:1fr}
}
.pm-v4 /* ── 4. 아프지 않은 진료 시스템 (심장 섹션) ── */
  .painless{background:#f4f1ea;border-block:1px solid #e3dccf}
.pm-v4 .pl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:52px}
.pm-v4 .pl{background:#fbf9f4;border:1px solid #e3dccf;padding:44px 40px;transition:.3s}
.pm-v4 .pl:hover{border-color:#c9a876}
.pm-v4 .pl .n{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:2.2rem;color:#c9a876;line-height:1;margin-bottom:20px}
.pm-v4 .pl h3{font-family:'Gowun Batang','Noto Serif KR',serif;font-weight:700;font-size:18.5px;line-height:1.6;margin-bottom:12px}
.pm-v4 .pl h3 em{font-style:normal;color:#a5854f}
.pm-v4 .pl p{font-size:14px;color:#5a5248;line-height:1.95}
.pm-v4 .pl .more{display:inline-block;margin-top:16px;font-size:12.5px;letter-spacing:.06em;color:#a5854f;border-bottom:1px solid #e9dfcc}
.pm-v4 .pl.hl{background:linear-gradient(135deg,#fffdf6,#fbf9f4);border-color:#c9a876}
.pm-v4 .pl .badge{display:inline-block;font-size:11px;letter-spacing:.14em;color:#a5854f;background:#e9dfcc;border-radius:999px;padding:4px 12px;margin-bottom:16px}
@media(max-width:820px){
  .pm-v4 .pl-grid{grid-template-columns:1fr}
}
.pm-v4 /* ── 5. 임플란트 축약 (다크 밴드) ── */
  .imp{background:linear-gradient(rgba(15,12,9,.78),rgba(15,12,9,.78)), url('/implant-hero-still.webp') center/cover;color:#f4f1ea}
.pm-v4 .imp h2{color:#f4f1ea}
.pm-v4 .imp .lead{color:rgba(244,241,234,.8)}
.pm-v4 .strengths{border-top:1px solid rgba(244,241,234,.25);margin-top:44px}
.pm-v4 .st{display:grid;grid-template-columns:96px 1fr auto;gap:24px;align-items:center;padding:22px 6px;border-bottom:1px solid rgba(244,241,234,.25)}
.pm-v4 .st img{width:96px;height:96px;object-fit:cover;-webkit-mask-image:radial-gradient(circle,#000 52%,transparent 76%);mask-image:radial-gradient(circle,#000 52%,transparent 76%)}
.pm-v4 .st b{font-family:'Gowun Batang','Noto Serif KR',serif;font-size:19px;font-weight:700}
.pm-v4 .st span{font-size:13px;color:rgba(244,241,234,.7)}
.pm-v4 .band-cta{display:inline-block;margin-top:40px;background:#c9a876;color:#1b1a17;font-weight:700;letter-spacing:.06em;padding:17px 44px;font-size:14.5px;transition:.25s}
.pm-v4 .band-cta:hover{background:#d9bc8d}
@media(max-width:820px){
  .pm-v4 .st{grid-template-columns:64px 1fr}
  .pm-v4 .st span{display:none}
}
.pm-v4 /* ── 6. 라미핏 쇼케이스 ── */
  .lami{background:#fbf9f4}
.pm-v4 .lami-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.pm-v4 .lu{background:#fff;border:1px solid #e3dccf;padding:40px 36px;transition:.3s}
.pm-v4 .lu:hover{border-color:#c9a876}
.pm-v4 .lu .bname{font-family:'Cormorant Garamond',serif;font-size:22px;letter-spacing:.06em}
.pm-v4 .lu .bname em{font-style:italic}
.pm-v4 .lu .bname span{color:#a5854f}
.pm-v4 .lu .kname{font-family:'Gowun Batang','Noto Serif KR',serif;font-weight:700;font-size:18px;margin-top:6px}
.pm-v4 .lu p{margin-top:14px;font-size:13.5px;color:#5a5248;line-height:1.9}
.pm-v4 .lami-note{margin-top:22px;font-size:13px;color:#5a5248}
.pm-v4 .lami-note b{color:#a5854f;font-weight:500}
@media(max-width:820px){
  .pm-v4 .lami-grid{grid-template-columns:1fr}
}
.pm-v4 /* ── 7. 신뢰(약력+의료진) — 유지 표시 ── */
  .trust{background:#f4f1ea;border-block:1px solid #e3dccf;text-align:center}
.pm-v4 .trust .links{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.pm-v4 .trust .links a{border:1px solid #1b1a17;border-radius:999px;padding:13px 30px;font-size:13.5px;letter-spacing:.06em;transition:.25s}
.pm-v4 .trust .links a:hover{background:#1b1a17;color:#f4f1ea}
.pm-v4 /* ── 8·9. 칼럼·예약 — 유지 표시 ── */
  .keepband{padding:70px 0;text-align:center;border-bottom:1px solid #e3dccf}

/* ── v4 ↔ 테마 통합 오버라이드 ──
   :has() 미지원 브라우저 대비 renewal.js가 html.pm-v4h 클래스도 부여 */
html:has(.pm-v4) .bh.index .section8, html.pm-v4h .bh.index .section8,
html:has(.pm-v4) .bh.index .section9, html.pm-v4h .bh.index .section9 { display:none !important; }
html:has(.pm-v4) .bh.index .section1, html.pm-v4h .bh.index .section1,
html:has(.pm-v4) .bh.index .section3, html.pm-v4h .bh.index .section3,
html:has(.pm-v4) .bh.index .section4, html.pm-v4h .bh.index .section4,
html:has(.pm-v4) .bh.index .section5, html.pm-v4h .bh.index .section5 { padding:0 !important; background:none !important; background-image:none !important; }
html:has(.pm-v4) .bh.index .section1 > .bh_wrap, html.pm-v4h .bh.index .section1 > .bh_wrap,
html:has(.pm-v4) .bh.index .section3 > .bh_wrap, html.pm-v4h .bh.index .section3 > .bh_wrap,
html:has(.pm-v4) .bh.index .section4 > .bh_wrap, html.pm-v4h .bh.index .section4 > .bh_wrap,
html:has(.pm-v4) .bh.index .section5 > .bh_wrap, html.pm-v4h .bh.index .section5 > .bh_wrap { max-width:none !important; width:100% !important; padding:0 !important; }
html:has(.pm-v4) .bh .section3::before, html.pm-v4h .bh .section3::before { display:none !important; }
html:has(.pm-v4) .bh .section3 .title1, html.pm-v4h .bh .section3 .title1,
html:has(.pm-v4) .bh .section3 h2, html.pm-v4h .bh .section3 h2,
html:has(.pm-v4) .bh .section3 .fs-17, html.pm-v4h .bh .section3 .fs-17,
html:has(.pm-v4) .bh .section3 .bh_color_gray_800, html.pm-v4h .bh .section3 .bh_color_gray_800 { color:inherit !important; }
/* 위젯 래퍼 여백 제거 */
.pm-v4 { display:block; }
.bh .section .pm-v4, .bh .section .pm-empty { margin:0; }
/* v4 섹션 자체 패딩 (테마 패딩 0 처리 대신) */
.pm-v4 .sec { padding:110px 0; }

/* ── 글로벌 헤더 크기 통일: 홈 GNB 17px → 14px (랜딩 nav 14px와 일치, 2026-07-20) ── */
.bh .main_menu > ul > li > a { font-size: 14px; letter-spacing: .04em; }
.bh .main_menu .menu_dropdown-content li a { font-size: 13px; }
