.notice-section {
    padding: 20px;
    max-width: 900px; /* 게시판 최대 너비 */
    margin: 20px auto; /* 페이지 중앙 정렬 및 상하 여백 */
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.notice-section h2 {
    text-align: center;
    color: #333;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
}

.notice-table {
    width: 100%;
    border-collapse: collapse; /* 테두리 선 합치기 */
    margin-bottom: 20px;
}

.notice-table th,
.notice-table td {
    border: 1px solid #ddd;
    padding: 12px 15px;
    text-align: left;
    font-size: 0.95em;
}

.notice-table thead th {
    background-color: #f8f9fa; /* 헤더 배경색 */
    color: #333;
    font-weight: bold;
    text-align: center;
}

/* 각 컬럼 너비 및 정렬 (예시) */
.notice-table th.col-num,
.notice-table td.col-num {
    width: 8%;
    text-align: center;
}
.notice-table th.col-title,
.notice-table td.col-title {
    width: 50%;
}
.notice-table td.col-title a {
    text-decoration: none;
    color: #007bff;
    font-weight: 500;
}
.notice-table td.col-title a:hover {
    text-decoration: underline;
    color: #0056b3;
}
.notice-table th.col-author,
.notice-table td.col-author {
    width: 15%;
    text-align: center;
}
.notice-table th.col-date,
.notice-table td.col-date {
    width: 15%;
    text-align: center;
    color: #555;
}
.notice-table th.col-views,
.notice-table td.col-views {
    width: 12%;
    text-align: center;
    color: #555;
}

.notice-table tbody tr:nth-child(even) {
    background-color: #fdfdfd; /* 짝수 행 배경색 */
}

.notice-table tbody tr:hover {
    background-color: #f1f1f1; /* 마우스 오버시 배경색 */
}

/* 게시판 하단 (페이지네이션, 글쓰기 버튼 등) */
.notice-actions {
    display: flex;
    justify-content: space-between; /* 양 끝으로 정렬 */
    align-items: center;
    margin-top: 20px;
}

.pagination {
    display: flex;
    list-style: none;
    padding: 0;
}

.pagination li {
    margin: 0 5px;
}

.pagination li a {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    color: #007bff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
}

.pagination li a:hover,
.pagination li.active a {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.write-button {
    padding: 10px 20px;
    background-color: #28a745; /* Green */
    color: white;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    font-size: 1em;
    cursor: pointer;
    transition: background-color 0.3s;
}

.write-button:hover {
    background-color: #218838; /* Darker green */
}