@charset "UTF-8";

.sub-header { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../images/새비전양의문교회_news_메인.png'); }

.board-section { max-width: 1100px; margin: 0 auto; padding: 100px 20px; }
.board-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px; border-bottom: 2px solid #333; padding-bottom: 20px; }
.board-title h2 { font-size: 28px; font-weight: 700; margin: 0; color: #222; }
.btn-write { background: #253568; color: white; padding: 12px 25px; border-radius: 5px; text-decoration: none; font-size: 15px; font-weight: 600; transition: 0.3s; border: none; cursor: pointer; }
.btn-write:hover { background: #2E4282; }

.board-table { width: 100%; border-collapse: collapse; margin-bottom: 50px; }
.board-table th { background: #f8f9fa; padding: 15px; border-bottom: 1px solid #ddd; font-weight: 600; font-size: 16px; }
.board-table td { padding: 20px 15px; border-bottom: 1px solid #eee; text-align: center; font-size: 16px; color: #555; }
.board-table td.title { text-align: left; font-weight: 500; }
.board-table td.title a { text-decoration: none; color: #333; transition: 0.2s; }
.board-table td.title a:hover { color: #2E4282; }
.badge { background: #253568; color: white; padding: 3px 8px; border-radius: 3px; font-size: 12px; margin-right: 10px; font-weight: 400; }

@media (max-width: 768px) {
    .board-section { padding: 60px 20px; }
    .board-title h2 { font-size: 22px; }
    .btn-write { padding: 8px 15px; font-size: 13px; }
    .board-table th:nth-child(1), .board-table td:nth-child(1) { display: none; }
    .board-table td { padding: 15px 10px; font-size: 14px; }
    .board-table td.title a { white-space: normal; line-height: 1.4; display: block; }
}