/* 서브 페이지 배너 반응형 스타일 */

/* PC: 2x2 그리드 */
.banner-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* 모바일: 1열 세로 배치 */
@media (max-width: 768px) {
    .banner-grid {
        grid-template-columns: 1fr !important;
        padding: 10px !important;
        gap: 10px !important;
    }
    
    #sub_visual {
        padding: 10px 0 !important;
    }
}

/* 게시판 중앙 정렬 */
#sub_wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

#bo_list {
    max-width: 1200px;
    margin: 0 auto;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}