/* 대림성모병원 — 빌더 ↔ 원본 디자인 보정 (손으로 쓴 파일. drh1~drh6 은 private/migrate/tools/layout_css_port.py 가 만든 이식본이라 여기서 보정한다) */

/* 1. 빌더 자동 브레드크럼(JSON-LD 포함 — 파일 삭제 금지) 은 화면에서만 숨김. 원본 .locator(ul.path) 가 화면 브레드크럼 역할 */
#container > .bc-breadcrumb { display: none; }

/* 2. reset.css 의 img 규칙 되돌림 (원본 common.css: img{vertical-align:top;max-width:100%}) */
img { display: inline; max-height: none; }

/* 3. main#container 는 원본에 없는 요소 — 폭·여백·테두리 없이 통과 (원본 layout.css 의 안 쓰는 #container{border-top:1px solid #ddd} 가 본문 위에 전체폭 회색 선을 그리던 것 제거, 2026-10-26) */
#container { display: block; width: auto; max-width: none; margin: 0; padding: 0; border: 0; }
/* 빌더 main.php 가 서브에서 붙이는 class="w_custom" 이 원본 custom.css 의 .w_custom{width:1240px;padding:0 20px !important} 와 이름이 겹쳐
   본문이 양쪽 20px 씩 좁아졌음(2026-10-26 사용자 캡처: 진료과목 박스가 h1 밑줄보다 좁음) — !important 로 되돌림 */
#container.w_custom { width: auto !important; padding-left: 0 !important; padding-right: 0 !important; }

/* 4. 서브페이지 푸터 — 원본의 style="display:block" (모바일 미디어 #footer{display:none} 보다 우선) */
#footer.on { display: block; }

/* 5. 상단메뉴 현재 페이지 표시 — 원본은 1차 span.sel 표시만 있고 스타일이 없어 추가 (포인트색 #ff5e66) */
#header .w_set .hd_lnb li.lnb_li > a span.sel,
#header.on .w_set .hd_lnb li.lnb_li > a span.sel,
#header:hover .w_set .hd_lnb li.lnb_li > a span.sel { color: #ff5e66; border-bottom: 2px solid #ff5e66; padding-bottom: 4px; }
.menu_li .dep2 .dep2_li > a.on,
.menu_li .dep2 .dep2_li .dep3 li a.on { color: #ff5e66; font-weight: 500; }
/* 전체메뉴(햄버거) — 현재 1차 펼침(.now 는 원본 JS 토글과 같은 클래스) · 현재 2차 */
.all_menu .w_set > .menu_li.now > .dep1 { color: #ff5d65; }
.all_menu .w_set > .menu_li .dep2 .dep2_li a.on { color: #ff5d65; }

/* 6. 브레드크럼 드롭다운의 현재 항목 (원본 layout.css 의 a.on 규칙은 모바일 미디어에만 있어 전 구간으로) */
#design .vepth .navi > div > a.on { color: #fff; background: #ff5d65; }

/* 7. 빌더 네이티브 화면(로그인·검색·마이페이지 등 tailwind 유틸 사용) 이 원본 리셋(font-size:12px) 에 묻히지 않게 기본 글자 크기만 복구 */
#subCon.member .pf-page, #subCon.member .sr-page, #subCon.member .bf-page, #subCon.member .bl-page,
#subCon.member form.space-y-4, #subCon.member .max-w-md, #subCon.member .max-w-4xl { font-size: 14px; line-height: 1.6; }

/* 8. (옛 drh-board.css 의 보정분 — drh-board.css 는 drh1~5 와 중복이라 2026-10-25 2단계에서 뺌, 원본은 backup/design/styles/drh-board.css.retired) */
#contain #design .nocontent { color: #888; padding: 40px 0; text-align: center; }  /* 원본은 color:#fff 라 빈 목록 문구가 안 보였음 */
#contain table td.tar { text-align: right; }
#contain .drh-noncovered .nc_other { margin: -20px 0 20px; font-size: 14px; color: #666; text-align: center; }
#contain .drh-noncovered .nc_other a { color: #1b5bb5; text-decoration: underline; margin: 0 4px; }
#contain .drh-noncovered table.tstyle { min-width: 900px; }
#contain .drh-noncovered .table_wp { overflow-x: auto; }

/* 9. 메인 비주얼 이미지 — 배너관리 「메인 비주얼」 그룹 이미지로 교체 (DrhLayout::visual 이 .img 에 --drh-vis / --drh-vis-m 변수를 넣음, 2026-10-26)
      drh6-custom.css 의 .main_visual .visualNN .img{background:url(...)} 은 그대로 두고 이미지만 덮음 (background-position 등 원본 규칙 유지).
      배너 비활성·없음(data-drh-visual-off) 이면 그 장(li) 자체를 숨김 — custom.js 가 slick 전에 li 를 제거하므로 CSS 는 JS 이전·실패 대비 */
.main_visual .visual-img li .img[style*="--drh-vis"] { background-image: var(--drh-vis) !important; }
@media only screen and (max-width: 479px) {
  .main_visual .visual-img li .img[style*="--drh-vis"] { background-image: var(--drh-vis-m, var(--drh-vis)) !important; }
}
.main_visual .visual-img li:has(> a > .img[data-drh-visual-off]) { display: none; }
/* 메인(#fullpage 가 있는 화면) 은 #fullpage 안의 footer.footer 가 푸터 — 서브용 인클루드 #footer 는 숨김 (원본은 768 미만에서만 숨기고 PC 는 fullpage 가 화면 밖으로 밀어 안 보였음; JS 실패 때 둘이 겹치지 않게) */
body:has(#fullpage) #footer { display: none; }

/* 10. 통합검색 use_search=1 (2026-10-26 5단계) — 빌더 기본 플로팅 검색 버튼(#dbSearchFloat) 은 원본 헤더의 li.hd_search 가 있으므로 숨김
   (header_default.php 의 hd_search a 에 class db-search-btn 을 붙여 JS 로도 숨기지만, DOMContentLoaded 전 깜빡임 방지용).
   검색 결과 화면은 원본과 같은 Front\DrhSearchController + views/front/drh_search (빌더 기본 views/front/search 는 쓰지 않음) */
#dbSearchFloat { display: none !important; }

/* 11. 통합검색 의료진 섹션 — front/staff/_doctors.php 를 재사용하므로 .doctor_box 들이 #pfdoc0.scon_wp_in 으로 한 번 더 감싸짐.
      바깥 .scon_wp_in 안에서 폭이 다시 96%(태블릿·모바일) 로 줄지 않게 안쪽은 폭·여백 없음 (원본은 .tsr_tit 바로 아래 .doctor_box) */
#design #t_search_result .drh_doctor_list { width: auto; margin: 0; }

/* 12. 케어챗 예약(/page/appointment · kakao-appointment) 의 .carechat_box .link — 빌더 샘플 custom.css 의 범용 .link{position:absolute;inset:0;z-index:5}(카드 전체 덮기용) 에 걸려
      노란 버튼이 제목 위로 떠 있었음(2026-10-26 사용자 캡처). 원본 custom.css 는 .carechat_box .link{text-align:center;margin-top:42px} 뿐 → 정상 흐름으로 되돌림 */
#design .link { position: static; inset: auto; z-index: auto; }  /* 게시판 읽기(gallery·board_public·bodo read.php) 의 링크 a.link 도 같은 충돌 → 원본 영역(#design) 안의 .link 전부 */