/* =========================================================
   monthly.css
   ✅ Monthly Case Discussion(연도별) 페이지 전용 스타일
   - 표가 깔끔하게 보이도록 테이블 스타일만 추가
   - base.css / subpage.css를 건드리지 않아 다른 페이지에 영향 없음
========================================================= */

.mutedNote{
  /* ✅ 표 위 안내문을 "표 바로 위"에 오도록 간격을 줄였습니다. */
  margin:-6px 0 10px 0;
  line-height:1.8;
  color: rgba(9,18,37,.78);
  text-align:center;
}

/* 표가 모바일에서도 가로 스크롤로 깨지지 않도록 감싸는 박스 */
.tableWrap{
  /* ✅ 표 크기를 "적당히" 줄이고 가운데 배치하기 */
  max-width: 760px;   /* 너무 넓지 않게(정사각형 느낌) */
  margin: 0 auto;     /* 가운데 정렬 */
  overflow:auto;
  border:1px solid rgba(9,18,37,.12);
  border-radius:12px;
  background:#fff;
}

/* 일정 표 */
.scheduleTable{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed; /* ✅ 칸 폭을 균일하게(정사각형 느낌에 도움) */
}

.scheduleTable th,
.scheduleTable td{
  font-size:14px;
  padding:10px 12px;
  border-bottom:1px solid rgba(9,18,37,.10);
  vertical-align:middle;
  text-align:center;
  white-space:normal; word-break:keep-all;
}

.scheduleTable th{
  position:sticky;
  top:0;
  background: rgba(42,111,232,.06);
  font-weight:900;
}

.scheduleTable td:nth-child(1){
  white-space:nowrap;
  font-weight:800;
  color:#0b1220;
  background: rgba(9,18,37,.02);
}

.scheduleTable tr:last-child td{
  border-bottom:none;
}

/* 준비중 박스 */
.emptyBox{
  padding:18px;
  border:1px dashed rgba(9,18,37,.28);
  border-radius:12px;
  background: rgba(42,111,232,.04);
}

.emptyBox__title{
  font-weight:900;
  margin:0 0 6px 0;
}

.emptyBox__desc{
  margin:0;
  color: rgba(9,18,37,.78);
  line-height:1.7;
}


/* 월례 집담회 페이지 본문 래퍼: 상단 메뉴와 간격 확보 */
.monthlySection{
  padding: 26px 16px 44px;
}

/* 상단 메뉴(헤더)와 안내문이 너무 붙지 않도록 간격 추가 */
.mutedNote{ margin-top: 18px; text-align:center; }

/* 표 안의 글자는 모두 가운데 정렬 */
.scheduleTable th, .scheduleTable td{ text-align:center; vertical-align:middle; }