/* ===== 공지사항 페이지 — FAQ 베이스(faq.css 재사용) + 빈 상태만 추가 =====
   notice.css는 /notice 에서만 로드 → 아래 .faq-list 오버라이드는 FAQ 페이지에 영향 없음 */

/* 빈 목록 박스: 위아래 진한 구분선 없음 */
.faq-list {
  border-top: 0;
  border-bottom: 0;
  min-height: 600px;
}

/* 등록된 공지 없음 (PC): 좌측 메뉴 '공지사항' 항목과 같은 라인 높이
   메뉴: FAQ 항목 50px(10+30+10) + 간격 4px → 공지사항 텍스트 라인 중심 79px
   문구 줄높이 28px → padding-top 65px (65 + 14 = 79) */
.notice-empty {
  margin: 0;
  padding: 65px 24px 24px;
  text-align: center;
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #737373;
}

/* 모바일: 탭이 가로 상단으로 가므로 박스 안 수직·수평 정중앙 유지 */
@media (max-width: 767px) {
  .faq-list {
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .notice-empty {
    padding: 24px 0;
  }
}