/* ==========================================================================
   05_notice.html (공지사항 / Q&A 목록 화면) 전용 스타일
   ========================================================================== */

/* ---------- "공지사항 / Q&A" 상단 탭 전환 버튼 ---------- */
.notice-tabs { display:flex; border-bottom:1px solid var(--border); margin-top:24px; }
.notice-tabs button { flex:1; padding:16px; background:none; border:none; color:var(--text-2); font-size:15px; font-weight:700; border-bottom:2px solid transparent; }
.notice-tabs button.active { color:var(--text-0); border-color:var(--accent); }

/* ---------- 공지사항/Q&A 공용 목록 표 ---------- */
.notice-table { width:100%; border-collapse:collapse; }
.notice-table th, .notice-table td { text-align:left; padding:14px 12px; border-bottom:1px solid var(--border); font-size:13px; }
.notice-table th { color:var(--text-2); font-weight:600; }
.notice-table td.num, .notice-table th.num { text-align:center; width:40px; color:var(--text-2); } /* 맨 왼쪽 번호/뱃지 칸 */
.notice-table td.meta, .notice-table th.meta { color:var(--text-2); white-space:nowrap; }          /* 작성자/날짜/조회수처럼 회색으로 표시할 칸 */
.notice-table a.title-link { color:var(--text-0); }
.notice-table a.title-link:hover { color:var(--accent); }