/* 백석시그니처자이 — 원본 자이 틀 위에 더한 것만. 원본 CSS 는 고치지 않습니다. */
.bs-wrap{max-width:1200px;margin:0 auto;color:#333;font-size:16px;line-height:1.75;word-break:keep-all}
.bs-intro{margin:10px 0 40px}
.bs-intro p{margin:0 0 12px}
.bs-h{font-size:22px;font-weight:700;color:#111;margin:40px 0 16px;letter-spacing:-.5px}
.bs-intro .bs-h{margin-top:10px}
.bs-cta{margin-top:18px}
.bs-btn{display:inline-block;margin:0 6px 8px 0;padding:12px 22px;border:1px solid #333;color:#222;font-size:15px;font-weight:600;text-decoration:none}
.bs-btn--fill{background:#1b2a46;border-color:#1b2a46;color:#fff}
.bs-btn:hover{opacity:.85}
.bs-tbl{overflow-x:auto;margin-bottom:10px}
.bs-tbl table{width:100%;min-width:640px;border-collapse:collapse;border-top:2px solid #333;font-size:15px;text-align:center}
.bs-tbl caption{caption-side:bottom;text-align:left;font-size:13px;color:#666;padding-top:8px;width:auto;height:auto;visibility:visible;line-height:1.5}
.bs-tbl th,.bs-tbl td{padding:12px 8px;border-bottom:1px solid #ddd}
.bs-tbl thead th{background:#f5f5f5;font-weight:700}
.bs-tbl tbody th{font-weight:700;color:#111}
.bs-steps{padding-left:20px;list-style:decimal}
.bs-steps li{margin-bottom:10px}
.bs-steps a,.bs-plain a,.bs-post a{color:#1b5aa6;text-decoration:underline}
.bs-faq details{border-top:1px solid #ddd;padding:14px 4px}
.bs-faq details:last-child{border-bottom:1px solid #ddd}
.bs-faq summary{cursor:pointer;font-weight:700;color:#111}
.bs-faq p{margin:10px 0 0;color:#444}
.bs-plain h3{font-size:18px;font-weight:700;margin:26px 0 8px;color:#111}
.bs-note{font-size:14px;color:#666;margin-top:20px}
.bs-form{max-width:760px;border-top:2px solid #333;padding-top:20px}
.bs-form__row{display:flex;gap:16px}
.bs-form__row>*{flex:1}
.bs-field{margin-bottom:16px}
.bs-field label{display:block;font-weight:700;margin-bottom:6px;font-size:15px}
.bs-field em{color:#c0392b;font-style:normal}
.bs-field input,.bs-field select,.bs-field textarea{width:100%;box-sizing:border-box;border:1px solid #bbb;padding:11px 12px;font-size:16px;font-family:inherit;background:#fff}
.bs-agree{background:#f6f6f6;padding:14px 16px;font-size:14px;margin-bottom:18px}
.bs-agree p{margin:0 0 8px}
.bs-form button{cursor:pointer;font-size:16px;padding:14px 30px}
.bs-form__msg{margin-top:12px;font-weight:700}
.bs-form__msg.is-ok{color:#1b6b3a}.bs-form__msg.is-bad{color:#c0392b}
.bs-news{border-top:2px solid #333}
.bs-news li{border-bottom:1px solid #ddd}
.bs-news a{display:block;padding:18px 4px;color:#222;text-decoration:none}
.bs-news time{display:block;font-size:13px;color:#666}
.bs-news b{display:block;font-size:18px;margin:4px 0;color:#111}
.bs-news span{display:block;font-size:15px;color:#555}
.bs-post__date{font-size:14px;color:#666}
.bs-post__t{font-size:24px;font-weight:700;color:#111;margin:6px 0 20px;line-height:1.4}
.bs-post__body p{margin:0 0 14px}
.bs-post__body ul,.bs-post__body ol{margin:0 0 14px 20px;list-style:disc}
.bs-post__body ol{list-style:decimal}
.bs-post__note{font-size:14px;color:#666;border-top:1px solid #ddd;padding-top:14px;margin-top:24px}
.bs-made{margin-top:10px;font-size:12px}
.bs-made a{color:#b5b5b5!important}
.bs-consult{color:#ddd}
.bs-consult a{color:#fff}
/* 휴대폰 아래 고정 버튼 — 전화 · 관심고객등록 */
.bs-dock{display:none}
@media (max-width:1023px){
  .bs-dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:900;height:56px;box-shadow:0 -2px 10px rgba(0,0,0,.15)}
  .bs-dock a{flex:1;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;text-decoration:none;background:#1b2a46}
  .bs-dock a+a{background:#8a6d3b}
  body{padding-bottom:56px}
  .bs-form__row{display:block}
  .bs-wrap{padding:0 4px}
}

/* ═══ 밝은 판 (2026-10-21 사장님 「전체를 밝게, 흰 바탕으로」) ═══
   원본의 구도·애니메이션은 그대로 두고 어두운 바탕만 흰색·아주 연한 색으로. 글씨 대비 4.5 이상.
   포인트 색은 원본 자이 파랑 #006899 (흰 바탕에서 대비 6.4). 원본 CSS 를 덮어쓰기 위해 !important 를 씁니다. */
:root{--bs-ink:#222;--bs-sub:#555;--bs-line:#e3e3e3;--bs-pt:#006899;--bs-pale:#f6f7f8}
/* 머리글 */
.header_cms,body[data-page="main"] .header_cms,body[data-page="main"] .header_cms.open,
body[data-device] .header_cms.mopen{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--bs-line)!important}
.header_cms .header_top h2 a{color:var(--bs-ink)!important}
.header_cms .header_top .btn_mgnb button i{background:var(--bs-ink)!important}
.header_cms #gnb .depth1>li>a{color:var(--bs-ink)!important}
.header_cms #gnb .depth1>li.on>a,.header_cms #gnb .depth1>li>a:focus,.header_cms #gnb .depth1>li:hover>a{background:var(--bs-pt)!important;color:#fff!important}
.header_cms #gnb .depth2{background:rgba(246,247,248,.97)!important;border-bottom:1px solid var(--bs-line)}
.header_cms #gnb .depth2>li>a,.header_cms #gnb .depth2>li>a.on{color:#333!important}
.header_cms #gnb .depth2>li>a.on{color:var(--bs-pt)!important;font-weight:700}
.header_cms #gnb .depth2>li>a.on::before{background:var(--bs-pt)!important}
.header_cms .header_bottom .tel,.header_cms .header_bottom .btn_reg.gnb_b_view{border-left-color:var(--bs-line)!important}
.header_cms .header_bottom .tel a,.header_cms .header_bottom .btn_reg.gnb_b_view a{color:var(--bs-sub)!important}
.header_cms .header_bottom .tel a strong{color:var(--bs-pt)!important}
@media screen and (max-width:1024px){.header_cms{background:#fff!important}}
/* 휴대폰 메뉴 */
#mgnb{background:#fff!important}
#mgnb .depth1>li>a{color:var(--bs-ink)!important;border-bottom-color:var(--bs-line)!important}
#mgnb .depth1>li>a>span::after{color:var(--bs-ink)!important}
#mgnb .depth2{background:var(--bs-pale)!important}
#mgnb .depth2>li>a{color:#444!important}
#mgnb .depth2>li>a::before{background:#999!important}
/* 첫 화면 */
body[data-page="main"] #container{background:#fff!important}
.main_banner ul li:first-child{background:#f4f1ea!important}
.main_banner ul li:first-child p{color:#5e4a22!important}
.main_banner ul li:first-child p a{color:var(--bs-pt)!important;font-weight:700}
.main_banner ul li{border-bottom:1px solid var(--bs-line)}
.main_banner ul li[style*="697fa4"]{background:#eef3f8!important}
.main_banner ul li[style*="697fa4"] a{color:#1d4f7a!important}
.mobile_area .open_area ul li:nth-child(1){background:#eef7f6!important;color:#0b6157!important}
.mobile_area .open_area ul li:nth-child(2){background:#fff4ec!important;color:#9a4512!important}
.mobile_area .tb_box dl{color:var(--bs-ink)!important}
.mobile_area .tb_box dl dd.more a{color:var(--bs-pt)!important;border-color:var(--bs-pt)!important}
.mobile_area .video_area{background:#eef4f8!important}
.mobile_area .location_area{background:#f4f6f9!important}
/* 푸터 */
#footer{background:var(--bs-pale)!important;border-top:1px solid var(--bs-line)}
.footer_top{border-bottom-color:var(--bs-line)!important}
.footer_top .construction_area li,.footer_top .link_area li a{color:#444!important}
.footer_top .construction_area li dl dt::before,.footer_top .link_area li::before{color:#bbb!important}
.footer_top .link_area li a font{color:var(--bs-pt)!important}
.footer_top .btn_footer{background:#e6e8ea!important}
.footer_top .btn_footer::after{color:#333!important}
.footer_bottom .info li,.footer_bottom p,.bs-consult{color:#555!important}
.footer_bottom .info li dl dd a,.bs-consult a{color:var(--bs-pt)!important}
.bs-made a{color:#666!important}
@media screen and (max-width:1024px){.footer_top .link_area li a{background:#fff!important;border-color:#ccc!important;color:#333!important}}
/* 아래 고정 버튼 */
.bs-dock{background:#fff;border-top:1px solid var(--bs-line)}
.bs-dock a{background:var(--bs-pt)!important}
.bs-dock a+a{background:#fff!important;color:var(--bs-pt)!important;border-left:1px solid var(--bs-line)}
.bs-btn--fill{background:var(--bs-pt);border-color:var(--bs-pt)}
