/* 오송역 헬로우시티 — 밝은 흰 바탕 (2026-10-21 사장님 「전체를 밝게, 흰 바탕으로」)
   원본 CSS 뒤에 얹어 색만 바꿉니다. 구도·애니메이션·움직임(transition·transform·animation)은 건드리지 않습니다.
   어두운 바탕이던 칸: 인트로 · 첫 화면(MAIN·사업개요) · 프리미엄 · 홍보영상 · 언론보도 왼쪽 · 푸터 · 서브 페이지 머리 그림.
   글씨는 흰 바탕에서 대비 4.5 이상: 본문 #1b1d1f, 흐린 글씨 #555(7.5), 아주 흐린 잔글씨 #666(5.7). */
:root { --lt-ink: #1b1d1f; --lt-sub: #555; --lt-faint: #666; --lt-navy: #003c66; --lt-bg: #ffffff; --lt-bg2: #f4f6f8; --lt-line: #d5d9dd; }

/* ── 흰 글씨 그림 → 어두운 글씨로 (그림은 원본 그대로, 색만 뒤집음) ── */
.main_txt2, .intro_tit img, .pr_tit_img { filter: invert(1) brightness(.12); }

/* ── 인트로 ── */
.intro01::after, .intro_img_box, .intro_img { background-color: var(--lt-bg) !important; }
.intro_img_box::before { opacity: .12 !important; filter: grayscale(1); }
.intro_img.img04>div { opacity: .28 !important; }
.intro_tit { color: var(--lt-ink) !important; }
.intro_bt_box h5, .intro_bt_box p { color: var(--lt-ink) !important; }
.intro_bt { box-shadow: 0 0 0 1px rgba(0,0,0,.15); background: var(--lt-navy); }

/* ── 첫 화면 MAIN · 사업개요 ── */
.main_vd_box { background-color: var(--lt-bg) !important; }
.main_vd_box::before { opacity: .12 !important; }
.main_txt_box { color: var(--lt-ink) !important; }
.main_txt_box p { color: var(--lt-sub) !important; opacity: 1 !important; }
.main_svg svg path { fill: var(--lt-navy); }
.main_ori p, .sum_ori p { color: var(--lt-sub) !important; opacity: 1 !important; }
.main02 .sum_tit h4, .main02 .sum_tit h2, .sum_sum { color: var(--lt-ink) !important; }
.sum_sum ul li h3 { color: var(--lt-navy) !important; opacity: 1 !important; }
.sum_sum ul li p { color: var(--lt-ink) !important; opacity: 1 !important; border-top-color: var(--lt-line) !important; }
.main_guest p { color: var(--lt-ink) !important; }
/* 태블릿·휴대폰에서 사업개요는 검은 바탕 칸으로 따로 나온다 (pad.css max-width:1000px) */
@media all and (max-width: 1000px) {
  .main02 { background-color: var(--lt-bg2) !important; color: var(--lt-ink) !important; }
  .main02 .sum_tit h2, .main02 .sum_tit h4 { color: var(--lt-ink) !important; }
}

/* ── 프리미엄 ── */
.premium_wrap { background-color: var(--lt-bg2) !important; color: var(--lt-ink) !important; }
.pre_txt p, .pre_ori p { color: var(--lt-sub) !important; opacity: 1 !important; }
.pre_txt h4 { color: var(--lt-ink) !important; }

/* ── 홍보영상 ── */
.pr_wrap { background-color: var(--lt-bg) !important; color: var(--lt-ink) !important; }
.pr_wrap::before { opacity: .08 !important; }
.pr_tit_box p { color: var(--lt-sub) !important; opacity: 1 !important; }
.pr_tit_box h4 { color: var(--lt-ink) !important; }
/* 원본 TV CF 화면 오른쪽 위에 원본 대표번호가 박혀 있어 우리 번호로 덮습니다 */
/* 원본 배지 자리(영상 너비 기준 왼쪽 79%·오른쪽 4.6%·위 4.4%·높이 4.9%)보다 조금 크게 덮고, 모양도 원본 배지처럼 */
.pr_vd_box { container-type: inline-size; }
.os-prnum { position: absolute; right: 4%; top: 3.9%; width: 18%; height: 6.2%; z-index: 3; pointer-events: none; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center; gap: .35em; background: #eef2ef; color: #1d5236; border-radius: .35em;
  font-weight: 800; font-size: 1.75cqw; line-height: 1; letter-spacing: -.01em; white-space: nowrap; }
.os-prnum small { font-size: .82em; font-weight: 700; }

/* ── 언론보도 ── */
.news_wrap { background-color: var(--lt-bg2) !important; }
.news_img_box { background-color: var(--lt-bg) !important; }
.news_img_box>div::before { opacity: .22 !important; filter: grayscale(1); }
.news_tit { color: var(--lt-ink) !important; }
.news_arrow .swiper-pagination { color: var(--lt-ink) !important; }
.news_arrow .swiper-pagination .slash { background-color: var(--lt-ink) !important; }
.news_arrow .swiper-button-prev::after, .news_arrow .swiper-button-next::after { border-color: var(--lt-ink) !important; }

/* ── 오시는 길 오른쪽 하늘 그림 위 글씨는 원본도 어두운 글씨라 그대로 ── */

/* ── 푸터 ── */
.footer { background-color: var(--lt-bg2) !important; color: var(--lt-ink) !important; border-top: 1px solid var(--lt-line); }
.footer_info span, .footer_right .footer_info li, .footer h6, .footer_tel h2, .footer_unit span, .footer_praivacy h5 { color: var(--lt-ink) !important; }
.footer_info li::before, .footer_info li::after, .footer_const li:after { background-color: #9aa1a7 !important; }
.footer_bottom::before, .footer_bottom::after { background-color: #b9c0c6 !important; opacity: 1 !important; }
.footer p, .footer_bottom .footer_left .footer_info { color: var(--lt-sub) !important; opacity: 1 !important; }
.footer_ad_box { background-color: #e3ece7 !important; color: var(--lt-ink) !important; }
.footer_ad_qual, .footer_ad_qual * { color: var(--lt-ink) !important; }
.footer a { color: var(--lt-navy); }
.os-run { color: var(--lt-sub) !important; }
.os-run a, .os-made a { color: var(--lt-navy) !important; }
.os-made a { color: var(--lt-faint) !important; }

/* ── 서브 페이지 머리 그림 ── */
.sub_top { background-color: var(--lt-bg2) !important; }
.sub_top:after { opacity: .16 !important; }
.sub_top_txt, .sub_top_txt h2 { color: var(--lt-ink) !important; }