/* Layout Fixes Major - 주요 레이아웃 수정 */

/* 주요 구조적 레이아웃 수정 */
.major-layout-fix {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.major-header {
    background: #ffffff;
    border-bottom: 2px solid #e9ecef;
    padding: 20px 0;
    position: sticky;
    top: 0;
    z-index: 100;
}

.major-content {
    flex: 1;
    padding: 40px 0;
}

.major-footer {
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    padding: 30px 0;
    margin-top: auto;
}

/* 큰 화면에서의 레이아웃 */
@media (min-width: 1200px) {
    .major-container {
        max-width: 1140px;
        margin: 0 auto;
        padding: 0 15px;
    }
}

/* 중간 화면 */
@media (min-width: 992px) and (max-width: 1199px) {
    .major-container {
        max-width: 960px;
        margin: 0 auto;
        padding: 0 15px;
    }
}

/* 작은 화면 */
@media (max-width: 991px) {
    .major-container {
        padding: 0 10px;
    }
    
    .major-content {
        padding: 20px 0;
    }
}