<div class="container">
    <div class="row rb-custom-row">
        <div class="col-md-8 rb-left-section">
            <div class="rb-box">
                [왼쪽 콘텐츠 영역 70%]
            </div>
        </div>

        <div class="col-md-4 rb-right-section">
            <div class="rb-box">
                [오른쪽 콘텐츠 영역 30%]
            </div>
        </div>
    </div>
</div>

<style>
/* 정확한 7:3 비율 조절 (부트스트랩 기본값보다 정밀하게 조절할 경우) */
@media (min-width: 992px) {
    .rb-left-section { width: 70% !important; flex: 0 0 70% !important; max-width: 70% !important; }
    .rb-right-section { width: 30% !important; flex: 0 0 30% !important; max-width: 30% !important; }
}

/* 간격 및 박스 스타일 */
.rb-custom-row { margin-bottom: 30px; }
.rb-box { 
    background: #fff; 
    padding: 15px; 
    border: 1px solid #e9e9e9; 
    border-radius: 10px; 
    min-height: 200px;
}
</style>
