/* 원본 빌리브 UI를 유지하고 콘텐츠 개수에 필요한 줄바꿈/이미지 비율만 보완합니다. */
.sr-tabs,.m-sr-tabs,.villiv-arch-tabs,.m-arch-tabs,.villiv-unit-tabs,.m-type-tabs,.vc-tabs,.m-comm-tabs{flex-wrap:wrap;gap:8px}
.sr-tab-btn,.m-sr-tab-btn{flex:0 0 auto}
.source-extra{margin:36px auto 0;max-width:1280px;text-align:center}
.source-extra h3{font-size:25px;line-height:1.5;margin-bottom:20px;color:#a88a50}
.source-extra p{font-size:15px;line-height:1.8;margin:16px 0}
.source-extra img{display:block;max-width:100%;width:100%;height:auto;margin:16px auto;object-fit:contain}
.brown-interior-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0}
.sr-interior-card img,.m-sr-interior-card img{object-position:center}
.villiv-unit-image-wrap img,.m-type-image-box img,.villiv-arch-image-wrap img,.m-arch-img-box img{height:auto;object-fit:contain}
.uh-logo-img,.m-logo img,.m-sub-logo img{object-fit:contain}
@media(max-width:1024px){.source-extra{padding:0 14px}.source-extra h3{font-size:20px}.source-extra p{font-size:13px}.m-type-tab,.m-arch-tab,.m-comm-tab{white-space:nowrap}}

.loc-image-box img{object-fit:contain;background:#fff}

.loc-image-box img{object-fit:contain;background:#fff}

/* 서브페이지 이미지: 원본 비율과 상단 여백을 보장합니다. */
body[data-brown-subpage] .brown-page-image{width:100%;margin:36px auto 0;padding:32px 0 0;background:#fff;box-sizing:border-box;overflow:visible}
body[data-brown-subpage] .brown-page-image img{display:block;width:100%;max-width:100%;height:auto!important;min-height:0!important;object-fit:contain!important;object-position:top center!important;transform:none!important}
body[data-brown-subpage] .villiv-unit-image-wrap,
body[data-brown-subpage] .villiv-arch-image-wrap,
body[data-brown-subpage] .villiv-location-image-wrap,
body[data-brown-subpage] .m-type-image-box,
body[data-brown-subpage] .m-arch-img-wrap,
body[data-brown-subpage] .m-loc-map-area{height:auto!important;max-height:none!important;overflow:visible!important;padding-top:32px!important;background:#fff!important;box-sizing:border-box}
body[data-brown-subpage] .source-extra{padding-top:24px}
body[data-brown-subpage] img[src*="/sub/"]{height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:top center!important;transform:none!important}
body[data-brown-subpage] .villiv-unit-image-wrap::before,
body[data-brown-subpage] .villiv-arch-image-wrap::before{display:none!important}
@media(max-width:1024px){body[data-brown-subpage] .brown-page-image{margin-top:24px;padding-top:20px}body[data-brown-subpage] .m-type-image-box,body[data-brown-subpage] .m-arch-img-wrap,body[data-brown-subpage] .m-loc-map-area{padding-top:20px!important}}

/* 모든 서브페이지 공통 상단 여백. 이미지 자체에도 같은 규칙을 직접 적용합니다. */
body[data-brown-subpage]{--brown-image-top-space:40px;--brown-heading-top-space:32px}
body[data-brown-subpage] .brown-page-image,
body[data-brown-subpage] .villiv-unit-image-wrap,
body[data-brown-subpage] .villiv-arch-image-wrap,
body[data-brown-subpage] .villiv-location-image-wrap,
body[data-brown-subpage] .m-type-image-box,
body[data-brown-subpage] .m-arch-img-wrap,
body[data-brown-subpage] .m-loc-map-area{padding-top:0!important}
@media(max-width:1024px){body[data-brown-subpage]{--brown-image-top-space:24px;--brown-heading-top-space:24px}}