/* 백석시그니처자이 — 원본 자이 틀 위에 더한 것만. 원본 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}
.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)}

/* E-모델하우스 — 한 화면에 들어오게 (2026-10-21 사장님 「꽉 차서 보기 불편」) */
.bs-vr{max-width:1100px}
.bs-vr__tabs{display:flex;justify-content:center;gap:0;margin:0 auto 16px;border-bottom:1px solid var(--bs-line)}
.bs-vr__tabs li{flex:0 1 160px;text-align:center}
.bs-vr__tabs a{display:block;padding:12px 8px;color:#444;font-weight:600;text-decoration:none;border-bottom:3px solid transparent}
.bs-vr__tabs li.on a{color:var(--bs-pt);border-bottom-color:var(--bs-pt)}
.bs-vr__box{width:100%;max-width:1100px;height:70vh;min-height:320px;max-height:720px;margin:0 auto;background:#eef0f2;border:1px solid var(--bs-line)}
.bs-vr__box iframe{display:block;width:100%;height:100%;border:0}
.bs-vr__bar{text-align:center;margin:10px 0 0;font-size:14px;color:#555}
.bs-vr__big{color:var(--bs-pt)!important;font-weight:700;margin-left:6px}
@media (max-width:1023px){
  body[data-page="sub"] #container .area_content:has(.bs-vr){padding-top:1.2rem!important;padding-bottom:1rem!important}
  #container .area_content:has(.bs-vr) h2.subtit{font-size:1.4rem!important;padding-bottom:.8rem!important}
  .bs-vr__tabs{margin-bottom:8px}.bs-vr__tabs a{padding:9px 4px;font-size:15px}
  .bs-vr__box{height:calc(100svh - 80px - 56px - 150px);min-height:300px}
  .bs-vr .bs-note{display:none}
}
.bs-dock a{font-size:15px}
/* E-모델하우스 — 머리 여백을 줄여 VR 칸이 첫 화면 안에 다 들어오게 */
#container .area_content:has(.bs-vr){padding-top:2rem!important;padding-bottom:2rem!important}
#container .area_content:has(.bs-vr) h2.subtit{padding-bottom:1rem!important;font-size:1.8rem!important}
.bs-vr__box{height:calc(100vh - 330px);min-height:320px;max-height:720px}

/* 첫 화면 히어로 — 효과 없이 조감도 한 장 (2026-10-21) */
.bs-hero{height:100%;min-height:640px;overflow:hidden;background:#5d86b8}
.bs-hero picture,.bs-hero img{display:block;width:100%;height:100%}
.bs-hero img{object-fit:cover;object-position:center 60%}
/* 메인에서 머리글을 처음부터 고정해서 보이게 (원본은 반투명 위에 겹침) */
body[data-page="main"] #header{position:relative;z-index:350}
body[data-page="main"] .header_cms{opacity:1!important;visibility:visible!important;transform:none!important}
@media screen and (max-width:640px){
  body[data-page="main"] #container{margin-top:0!important}
  .bs-hero{height:auto!important;min-height:0!important}
  .bs-hero picture,.bs-hero img{height:auto}
}

/* ═══ 첫 화면 아래 요약 섹션 (2026-10-21 「오산헤리티지자이처럼 메인에 스크롤」) ═══ */
body[data-page="main"]{overflow-y:auto!important}
.bs-main{position:relative;z-index:1;background:#fff;color:#333;word-break:keep-all}
.bs-sec{padding:100px 0}
.bs-sec:nth-child(even){background:#f7f7f5}
.bs-sec__in{max-width:1200px;margin:0 auto;padding:0 24px}
.bs-eng{font-size:.9rem;letter-spacing:.25em;color:#006899;margin-bottom:.6rem;font-weight:700}
.bs-sec__t{font-size:2.1rem;line-height:1.35;color:#222;margin-bottom:1rem;font-weight:700}
.bs-sec__lead{font-size:1.05rem;line-height:1.75;color:#555;margin-bottom:1.6rem}
.bs-more{margin-top:2rem}
.bs-more a{display:inline-block;margin:0 8px 8px 0;padding:12px 26px;border:1px solid #1d3c55;color:#1d3c55;font-weight:600;text-decoration:none;transition:background .25s,color .25s}
.bs-more a:hover{background:#1d3c55;color:#fff}
.bs-split{display:flex;align-items:center;gap:60px}
.bs-split--rev{flex-direction:row-reverse}
.bs-split__img{flex:1.1;overflow:hidden}
.bs-split__img img{display:block;width:100%;height:460px;object-fit:cover;transition:transform 1.2s ease}
.bs-split__img:hover img{transform:scale(1.03)}
.bs-split__txt{flex:1}
.bs-facts>div{display:flex;padding:14px 0;border-bottom:1px solid #e3e3e3}
.bs-facts dt{flex:0 0 90px;font-weight:700;color:#006899}
.bs-facts dd{color:#333;line-height:1.6}
.bs-facts dd small{display:block;color:#5f5f5f;font-size:.9rem}
.bs-dots li{position:relative;padding:6px 0 6px 16px;color:#444;line-height:1.6}
.bs-dots li::before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;background:#006899}
.bs-prem{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:2rem}
.bs-prem li{padding:30px 28px;background:#fff;border:1px solid #e3e3e3;border-top:3px solid #1d3c55}
.bs-prem b{display:block;color:#006899;margin-bottom:.8rem;font-size:1.1rem}
.bs-prem strong{display:block;font-size:1.2rem;color:#222;margin-bottom:.5rem}
.bs-prem span{color:#555;line-height:1.7}
.bs-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:2rem}
.bs-card{display:block;background:#fff;border:1px solid #e3e3e3;text-decoration:none;transition:box-shadow .3s,transform .3s}
.bs-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,.08)}
.bs-card__img{display:block;overflow:hidden;height:210px;background:#f3f3f3}
.bs-card__img img{width:100%;height:100%;object-fit:cover}
.bs-card__body{display:block;padding:22px}
.bs-card__body em{display:block;font-style:normal;font-size:.8rem;letter-spacing:.2em;color:#006899}
.bs-card__body b{display:block;margin:.4rem 0;font-size:1.2rem;color:#222}
.bs-card__body>span{display:block;color:#555;line-height:1.6;min-height:3.2em}
.bs-card__body i{display:inline-block;margin-top:.8rem;font-style:normal;font-size:.9rem;color:#1d3c55;border-bottom:1px solid #1d3c55}
.bs-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bs-box{padding:44px;background:#fff;border:1px solid #e3e3e3}
.bs-price li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e9e9e9}
.bs-price span{color:#555}
.bs-price b{color:#222;text-align:right}
.bs-big a{font-size:2.2rem;font-weight:700;color:#006899;text-decoration:none}
.bs-js [data-reveal]{opacity:0;transform:translateY(36px);transition:opacity .9s ease,transform .9s ease}
.bs-js [data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.bs-js [data-reveal]{opacity:1;transform:none;transition:none}}
@media (max-width:1023px){
  .bs-sec{padding:64px 0}
  .bs-sec__t{font-size:1.6rem}
  .bs-split,.bs-split--rev{flex-direction:column;gap:28px}
  .bs-split__img,.bs-split__txt{width:100%}
  .bs-split__img img{height:280px}
  .bs-prem,.bs-cards{grid-template-columns:1fr 1fr}
  .bs-two{grid-template-columns:1fr}
}
@media (max-width:640px){
  .bs-sec__in{padding:0 18px}
  .bs-prem,.bs-cards{grid-template-columns:1fr}
  .bs-box{padding:28px 22px}
  .bs-price li{flex-direction:column;gap:2px}
  .bs-price b{text-align:left}
  .bs-big a{font-size:1.8rem}
}