/**
 * Sub0601 - 공지사항 페이지 스타일
 */

/* ==========================================================================
   1. Page Title Section
   ========================================================================== */
.page-title-section {
    padding: 90px 0 40px;
    background-color: #ffffff;
    display: none;
}

.page-title {
    font-family: 'Pretendard', sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.4;
    color: #2d2d2d;
    margin: 0;
}

/* ==========================================================================
   2. Search Section
   ========================================================================== */
/* Search Bar 컴포넌트는 components.css에 정의되어 있습니다 */
.search-section {
    padding: 90px 0 60px;
    background-color: #ffffff;
}

/* ==========================================================================
   3. Notice List Section
   ========================================================================== */
.notice-list-section {
    padding: 0 0 120px;
    background-color: #ffffff;
}

/* Notice Table - components.css에 정의되어 있습니다 */

/* ==========================================================================
   4. Pagination
   ========================================================================== */
/* Pagination 컴포넌트는 components.css에 정의되어 있습니다 */

/* ==========================================================================
   5. Contact Section
   ========================================================================== */
/* Contact Section 컴포넌트는 components.css에 정의되어 있습니다 */
/* 페이지별 배경 이미지만 오버라이드 */
.contact-bg {
    background-image: url('/assets/img/sub0601/contact-bg.jpg');
}

/* ==========================================================================
   6. Responsive
   ========================================================================== */
@media screen and (max-width: 1024px) {
    .page-title {
        font-size: 36px;
    }
}

@media screen and (max-width: 768px) {
    .page-title-section {
        padding: 40px 0 20px;
    }

    .page-title {
        font-size: 28px;
    }

    .search-section {
        padding: 0 0 30px;
    }

    .notice-list-section {
        padding: 0 0 60px;
    }
}