@charset "utf-8";
/**
 * 무이재한방병원 — 딥그린(#2A5D44) + 화이트 단일 톤 오버라이드
 * 마지막 로드 CSS이므로 사용자(프런트) 화면 전체에 그린/화이트만 적용되도록 강제 오버라이드
 * - 블루(기존 포인트), 골드, 베이지 등은 모두 그린/화이트/그레이로 치환
 */
:root {
  /* 단일 브랜드 토큰 (그린 + 화이트 + 중립 그레이만 허용) */
  --muyjae-brand: #2A5D44;
  --muyjae-brand-rgb: 42, 93, 68;
  --muyjae-brand-soft: rgba(42, 93, 68, 0.10);
  --muyjae-brand-line: rgba(42, 93, 68, 0.25);
  --muyjae-bg: #ffffff;
  --muyjae-bg-soft: #f6f7f8;
  --muyjae-ink: #1a1a1a;
  --muyjae-muted: #6b7280;
  --muyjae-line: #dddddd;

  /* 호환을 위해 기존 토큰명도 그린 계열로 강제 매핑 */
  --hanin-primary: #2A5D44;
  --hanin-primary-rgb: 42, 93, 68;
  --hanin-bg: #ffffff;
  --hanin-text: #1a1a1a;
  --hanin-muted-bg: #f6f7f8;
  --hanin-accent: #2A5D44;
  --hanin-link: #2A5D44;
  --hanin-cta: #2A5D44;
  --hanin-border: #dddddd;
}

/* 페이지 기본 톤: 화이트 베이스 */
body {
  background: #ffffff !important;
  color: var(--muyjae-ink) !important;
}
#wrapper,
#container_wr,
#container {
  background-color: #ffffff !important;
}

/* 링크: 본문은 무난한 잉크색 / 호버시 그린 강조 */
a,
a:link,
a:visited {
  color: var(--muyjae-ink);
}
a:hover,
a:focus,
a:active {
  color: var(--muyjae-brand);
}

/* 헤더(고정 영역): 그린+화이트 */
#header_wrap,
#header-wrap {
  background: rgba(0, 0, 0, 0.45) !important;
}
.scrolled #header_wrap,
.scrolled #header-wrap,
body.scrolled #header_wrap,
body.scrolled #header-wrap {
  background: var(--muyjae-brand) !important;
}
/* 회원가입·로그인 등 /bbs/ 하위 페이지: 비주얼 영역이 없어 헤더가
   흰 배경 위에서 회색으로 보이는 문제 보정 → 처음부터 사이트 고유 딥그린으로 표시 */
body.is-bbs-page #header_wrap,
body.is-bbs-page #header-wrap {
  background: var(--muyjae-brand) !important;
}
body.scrolled #header-wrap .logo::before {
  background: var(--muyjae-brand) !important;
}
.sub_visual.tmp {
  background-color: var(--muyjae-brand) !important;
}

/* 헤더 GNB / 서브 네비 / 활성 표시 */
#header .gnb > li.active {
  background-color: var(--muyjae-brand) !important;
}
#header .gnb .snb,
.device-md #header .gnb .snb {
  background-color: var(--muyjae-brand) !important;
}
#header .gnb .snb li a:hover {
  background-color: var(--muyjae-brand) !important;
  color: #fff !important;
}

/* 폼 포커스: 그린 라인 + 그린 글로우 */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: var(--muyjae-brand) !important;
  box-shadow: 0 0 0 3px var(--muyjae-brand-soft) !important;
}

/* 그누보드 기본 버튼/CTA: 그린 단일 톤 */
a.btn_b02,
button.btn_b02,
.btn_submit,
button[type="submit"],
input[type="submit"] {
  background: var(--muyjae-brand) !important;
  border-color: var(--muyjae-brand) !important;
  color: #ffffff !important;
}
a.btn_b02:hover,
button.btn_b02:hover,
.btn_submit:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: #234d39 !important;
  border-color: #234d39 !important;
  color: #ffffff !important;
}

/* 사이트 곳곳의 기존 포인트 컬러를 모두 그린으로 강제 통일 */
.scrolled #header_wrap { background-color: var(--muyjae-brand) !important; }
.greeting .txt:before { background-color: var(--muyjae-brand) !important; }
.greeting .txt .point span { color: var(--muyjae-brand) !important; }
.company_info .Ideology .inner .point { color: var(--muyjae-brand) !important; }
.company_info .Ideology .inner h2:after { background-color: var(--muyjae-brand) !important; }
.tl_title_box_wrap li .bg { background-color: var(--muyjae-brand) !important; }
.touring_area ul li a.on { background-color: var(--muyjae-brand) !important; box-shadow: 0 12px 18px rgba(42, 93, 68, 0.18) !important; color: #fff !important; }
.map_area .txt .txt_wrap { background: var(--muyjae-brand) !important; }
.content01 .box .txt_wrap .half-round-tit span { background: var(--muyjae-brand) !important; color: #fff !important; }
.point_txt { background: var(--muyjae-brand) !important; color: #fff !important; }
.color1 { color: var(--muyjae-brand) !important; }
.title_2, .title_3 { color: var(--muyjae-brand) !important; }
.box_text .text strong { color: var(--muyjae-brand) !important; }
.list_type2 .item .subject { color: var(--muyjae-brand) !important; }
.list_type3 .subject { background: var(--muyjae-brand) !important; }
.list_type3 .desc .desc_color { color: var(--muyjae-brand) !important; }
.list_type5 .step { background: var(--muyjae-brand) !important; color: #fff !important; }
.list_type5 .desc:before { background: var(--muyjae-brand) !important; }
.list_type6 .num { background-color: var(--muyjae-brand) !important; color: #fff !important; }
.non-payment_area .ts ul li a.on { background-color: var(--muyjae-brand) !important; color: #fff !important; box-shadow: 0 12px 18px rgba(42, 93, 68, 0.18) !important; }
.process_area .ing_area .step01,
.process_area .ing_area .step02,
.process_area .ing_area .step03,
.process_area .ing_area .step04,
.process_area .ing_area .step05,
.process_area .ing_area .step06,
.process_area .ing_area .step07 {
  background-color: var(--muyjae-brand) !important;
}
.equipment_area .btn_navi div a.active { background: var(--muyjae-brand) !important; color: #fff !important; }
.doctor_area .sub_navi li a.on { color: var(--muyjae-brand) !important; border-bottom-color: var(--muyjae-brand) !important; }
.tl_main_quick_wrap h2 .title_clinic_gt { color: var(--muyjae-brand) !important; }
.tl_main_about_wrap ul li .num { background: var(--muyjae-brand) !important; color: #fff !important; }
#tl_quick .cont_area .ltb th { background-color: var(--muyjae-brand) !important; color: #fff !important; }
#quickbox_toggle_btn.on { background-color: var(--muyjae-brand) !important; }
.footer_counsel .btn_submit { background: var(--muyjae-brand) !important; color: #fff !important; }
.content_wrap .txtCon .sub_title h2 { color: var(--muyjae-brand) !important; }

/* 골드/베이지 포인트 제거 → 화이트/그린/그레이로 정리 */
#header .gnb > li.active { background-color: var(--muyjae-brand) !important; }
.tl_box_quick_wrap ul li a:hover { background-color: var(--muyjae-brand) !important; border-color: var(--muyjae-brand) !important; color: #fff !important; }
.tl_main_quick_wrap .li .anchor:hover { background-color: var(--muyjae-brand) !important; border-color: var(--muyjae-brand) !important; color: #fff !important; }
.main-carousel .li .copy_area h4 a { background-color: var(--muyjae-brand) !important; color: #fff !important; }
#tl_quick h3 { background: var(--muyjae-brand) !important; color: #fff !important; }
#tl_quick .cont_area .send_btn { background-color: var(--muyjae-brand) !important; color: #fff !important; }
#tl_quick .notice { background-color: var(--muyjae-brand) !important; color: #fff !important; }
#tl_quick ul .qm_menu .qm_subject:hover,
#tl_quick ul .qm_menu.active .qm_subject { color: var(--muyjae-brand) !important; }
#tl_quick .cont_area .ltb tr:hover { background-color: var(--muyjae-bg-soft) !important; }
.process_area .ing_area .list_tit p { color: var(--muyjae-muted) !important; }
.tl_work_area_wrap .col-gn-4 li .sub_title { color: var(--muyjae-muted) !important; }
.history_area .history_point { background-color: var(--muyjae-line) !important; }
.touring_area ul li a.on { box-shadow: 0 12px 18px rgba(42, 93, 68, 0.18) !important; }

/* 푸터/카운슬 영역: 베이지(#f6f7f8) 제거 → 화이트 + 그레이 라인 */
.footer_counsel { background: var(--muyjae-bg-soft) !important; color: var(--muyjae-ink) !important; }
.footer_counsel label,
.footer_counsel .privacy { color: var(--muyjae-ink) !important; }

/* 메인 카드/박스 — 베이지·다크블루 그라데이션 제거 */
.tl_main_quick_wrap .li { background-color: var(--muyjae-brand) !important; }
.tl_main_about_wrap::before { background-color: rgba(0,0,0,0.45) !important; }

/* 강한 레드/오렌지 포인트 정리: 톤 다운(저채도) */
.cs_center .time ul li.off { color: #b91c1c !important; } /* 휴진 표기는 가독성 유지 */
.equipment_area .slide li .slide_cont_area p,
.content04 .point h2 { color: var(--muyjae-ink) !important; }

/* 헤더 글자/햄버거: 기존 유지(흰글씨/스크롤시 검정) */
body:not(.scrolled) #header-wrap #lnb > ul > li > a,
body:not(.scrolled) #header-wrap #login-box a,
body:not(.scrolled) #header-wrap #login-box2 a,
body:not(.scrolled) #header-wrap #login-box3 a {
  color: #fff !important;
}
body:not(.scrolled) #header-wrap #lnb > ul > li > a:hover,
body:not(.scrolled) #header-wrap #login-box a:hover,
body:not(.scrolled) #header-wrap #login-box2 a:hover,
body:not(.scrolled) #header-wrap #login-box3 a:hover {
  color: #fff !important;
  opacity: 1;
}
body:not(.scrolled) #header-wrap .lnb-line #menu-ctl > a,
body:not(.scrolled) #header-wrap .lnb-line #menu-ctl i {
  color: #fff !important;
}
body:not(.scrolled) #header-wrap #lnb > ul > li > .arrow,
body:not(.scrolled) #header-wrap #lnb > ul > li > .arrow i {
  color: #fff !important;
}
body.scrolled #header-wrap #lnb > ul > li > a,
body.scrolled #header-wrap #login-box a,
body.scrolled #header-wrap #login-box2 a,
body.scrolled #header-wrap #login-box3 a {
  color: #ffffff !important;
}
body.scrolled #header-wrap #lnb > ul > li > a:hover,
body.scrolled #header-wrap #login-box a:hover,
body.scrolled #header-wrap #login-box2 a:hover,
body.scrolled #header-wrap #login-box3 a:hover {
  color: #ffffff !important;
}
body.scrolled #header-wrap .lnb-line #menu-ctl > a,
body.scrolled #header-wrap .lnb-line #menu-ctl i {
  color: #ffffff !important;
}
body.scrolled #header-wrap #lnb > ul > li > .arrow,
body.scrolled #header-wrap #lnb > ul > li > .arrow i {
  color: #ffffff !important;
}
body:not(.scrolled) #header-wrap #btn-menu-m:not(.active) span {
  background-color: #fff !important;
}
body.scrolled #header-wrap #btn-menu-m:not(.active) span {
  background-color: #fff !important;
}
/* 모바일: 햄버거 열림(X) 막대 흰색 (그린 패널 위에서 가독성) */
#btn-menu-m.active span {
  background-color: #ffffff !important;
}

/* 모바일 전체 메뉴 패널 — 그린 배경 + 흰 글씨 통일 */
#m-lnb-wrapper {
  background-color: var(--muyjae-brand) !important;
  opacity: 1 !important;
}
#m-lnb-wrapper #m-lnb > ul > li > a,
#m-lnb-wrapper #m-lnb > ul > li li > a,
#m-lnb-wrapper #m-lnb > ul > li li > span,
#m-lnb-wrapper #m-lnb > ul > li > span {
  color: #ffffff !important;
}
#m-lnb-wrapper #m-lnb > ul > li {
  border-bottom-color: rgba(255, 255, 255, 0.22) !important;
  background-color: transparent !important;
}
#m-lnb > ul > li li {
  background-color: rgba(0, 0, 0, 0.18) !important;
  border-top-color: rgba(255, 255, 255, 0.18) !important;
}
#m-lnb > ul > li li li {
  background-color: rgba(0, 0, 0, 0.30) !important;
  border-top-color: rgba(255, 255, 255, 0.18) !important;
}
#m-lnb-wrapper #m-lnb > ul > li > span.arrow,
#m-lnb-wrapper #m-lnb > ul > li li > span.arrow {
  background: rgba(255, 255, 255, 0.18) !important;
  border-left-color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}
#m-lnb-wrapper #m-lnb > ul > li > span.arrow::after,
#m-lnb-wrapper #m-lnb > ul > li li > span.arrow::after {
  border-right-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}

/* 우측 사이드 메뉴 — 그린 톤 통일 */
#right-side { background-color: var(--muyjae-brand) !important; color: #fff !important; }
#right-side .side_gnb .call a { background: var(--muyjae-brand) !important; color: #fff !important; }
.quick_menu li a.on { color: #fff !important; border-bottom-color: #fff !important; }
.side_gnb .menu-list>li>a { color: #fff !important; border-top-color: rgba(255,255,255,0.18) !important; }
.side_gnb .depth-2>li { background-color: rgba(255,255,255,0.10) !important; }
.side_gnb .depth-2>li>a { color: #fff !important; border-bottom-color: rgba(255,255,255,0.18) !important; }

/* 레이어·팝업 닫기(X) */
.mfp-close:after {
  background-image: url("../img/btn_close.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}