/* 대림성모병원 — 빌더 ↔ 원본 디자인 보정 (손으로 쓴 파일. 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; }

/* 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; }