/* =========================================================
   0) Admission Table (특정 페이지용)
   - 가로 스크롤 허용 + 첫 행을 헤더처럼 처리
   ========================================================= */
.admission-table-wrap {
  overflow-x: auto;
}

.admission-table {
  width: 100%;
  border-collapse: collapse;
}

.admission-table td,
.admission-table th {
  border: 1px solid #e6e6e6;
  padding: 14px 12px;
  text-align: center;
  vertical-align: middle;
  background: #fff; /* 기본 흰색 */
}

/* 첫 행을 헤더처럼 회색 */
.admission-table tbody tr:first-child > td {
  background: #f2f2f2;
  font-weight: 600;
}

/* hover가 어떤 CSS로 들어와도 색 유지 */
.admission-table tbody tr:hover > td {
  background: #fff !important;
}
.admission-table tbody tr:first-child:hover > td {
  background: #f2f2f2 !important;
}


/* =========================================================
   1) MHA Tables (Global)
   - 공통 테이블 스타일 + 컬럼 폭 변수 지원
   ========================================================= */

/* 스크롤 래퍼 */
.mha-table-wrap {
  overflow-x: auto;
}

/* 테이블 베이스 */
.mha-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* 열 너비 고정 계산 */
}

/* 셀 기본 */
.mha-table th,
.mha-table td {
  border: 1px solid #e6e6e6;
  padding: 14px 12px;
  text-align: center;
  vertical-align: middle;
  background: #fff; /* 기본은 흰색 */
}

/* 모든 행 흰색 고정(헤더 포함) + hover로도 바뀌지 않게 */
.mha-table--all-white th,
.mha-table--all-white td {
  background: #fff !important;
}
.mha-table--all-white tbody tr:hover > td,
.mha-table--all-white tbody tr:hover > th,
.mha-table--all-white thead tr:hover > th {
  background: #fff !important;
}

/* (선택) 헤더 글씨만 조금 강조하고 싶으면 유지, 싫으면 400으로 변경 */
.mha-table--all-white thead th {
  font-weight: 600;
}

/* 문단이 들어가도 여백이 과해지지 않게 */
.mha-table td p {
  margin: 0 0 8px;
}
.mha-table td p:last-child {
  margin-bottom: 0;
}

/* ===== Column width control (per-table variables) =====
   표 HTML에서 style="--c1: 35%; --c2: 35%; --c3: 30%;" 처럼 지정하면
   그 표만 열 비율이 바뀝니다.
*/
.mha-table col.c1 { width: var(--c1, 33.333%); }
.mha-table col.c2 { width: var(--c2, 33.333%); }
.mha-table col.c3 { width: var(--c3, 33.333%); }
.mha-table col.c4 { width: var(--c4, 25%); }
.mha-table col.c5 { width: var(--c5, 20%); }
.mha-table col.c6 { width: var(--c6, 16.666%); }
.mha-table col.c7 { width: var(--c7, 14.285%); }


/* =========================================================
   2) 교육과정 페이지 표 (curriculum-table)
   - hover 제거 + 1열 배경 고정 + 타이포 지정
   ========================================================= */
.curriculum-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.curriculum-table td,
.curriculum-table th {
  border: 1px solid #e6e6e6;
  padding: 14px 12px;
  text-align: center;
  vertical-align: middle;
  background: #fff !important;
}

/* hover로도 절대 바뀌지 않게 */
.curriculum-table tr:hover > td,
.curriculum-table tr:hover > th {
  background: #fff !important;
  border-color: #e6e6e6 !important;
  box-shadow: none !important;
}

/* curriculum-table의 2번째 열만 왼쪽 정렬 */
.curriculum-table td:nth-child(2),
.curriculum-table th:nth-child(2) {
  text-align: left !important;
}

/* 교육과정 표 타이포/색상 설정 */
.curriculum-table {
  font-family: "Noto Sans KR", sans-serif;
}

/* 1열: 19px / 600 / 검은색 */
.curriculum-table td:nth-child(1),
.curriculum-table th:nth-child(1) {
  font-size: 19px;
  font-weight: 600;
  color: #000;
}

/* 2열: 17px / 400 / 연한 검은색 */
.curriculum-table td:nth-child(2),
.curriculum-table th:nth-child(2) {
  font-size: 17px;
  font-weight: 400;
  color: #444444;
}

/* 1열 배경색: 연한 회색 */
.curriculum-table td:nth-child(1),
.curriculum-table th:nth-child(1) {
  background: #f5f5f5 !important;
}

/* hover로 색이 바뀌지 않게(혹시 테마가 건드릴 때 대비) */
.curriculum-table tr:hover > td:nth-child(1),
.curriculum-table tr:hover > th:nth-child(1) {
  background: #f5f5f5 !important;
}

/* 표 상단 테두리만 진하게(검은색) */
.curriculum-table {
  border-top: 2px solid #000;
}

/* line-height */
.curriculum-table td:nth-child(1),
.curriculum-table th:nth-child(1) {
  line-height: 1.7;
}
.curriculum-table td:nth-child(2),
.curriculum-table th:nth-child(2) {
  line-height: 1.7;
}


/* =========================================================
   3) KBoard 게시판 (목록/본문/에디터 공통 폭)
   - 데스크탑 65%, 모바일 100%
   ========================================================= */
#kboard-default-list,
#kboard-default-document,
#kboard-default-editor {
  display: block;
  margin: 0 auto;
  width: 65%;
}

@media screen and (max-width: 600px) {
  #kboard-default-list,
  #kboard-default-document,
  #kboard-default-editor {
    display: inline-block;
    *display: inline;
    margin: 0;
    width: 100%;
  }
}


/* =========================================================
   4) KBoard: 불필요 요소 숨김
   ========================================================= */

/* poweredbyKBoard 삭제 */
.kboard-default-poweredby {
  display: none !important;
}

/* 추천, 조회수 컬럼/모바일 표시 삭제 */
#kboard-default-list .kboard-list table td.kboard-list-vote,
#kboard-default-list .kboard-list table td.kboard-list-view,
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-separator.kboard-vote,
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-separator.kboard-view,
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-item.kboard-vote,
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-item.kboard-view {
  display: none;
}


/* =========================================================
   5) KBoard: 목록 헤더(번호/제목/작성자/작성일) 스타일
   ========================================================= */

/* 헤더 배경색: tr + 셀(td/th) 모두 적용 */
#kboard-default-list .kboard-list table thead tr {
  background: #f3f5f7 !important;
}
#kboard-default-list .kboard-list table thead td,
#kboard-default-list .kboard-list table thead th {
  background: #f3f5f7 !important;
}

/* 헤더 텍스트: 크기/굵기/줄높이 */
#kboard-default-list .kboard-list table thead td,
#kboard-default-list .kboard-list table thead th,
#kboard-default-list .kboard-list table thead td *,
#kboard-default-list .kboard-list table thead th * {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* 헤더 셀 레이아웃 */
#kboard-default-list .kboard-list table thead td,
#kboard-default-list .kboard-list table thead th {
  padding: 12px 0 !important;
  height: auto !important;
  text-align: center !important;
  vertical-align: middle !important;
  border: 0 !important;
  border-bottom: 2px solid #f1f1f1 !important;
}


/* =========================================================
   6) KBoard: 본문(글 목록) 스타일
   ========================================================= */

/* 글 목록(본문) 배경: 흰색 */
#kboard-default-list .kboard-list table tbody tr,
#kboard-default-list .kboard-list table tbody td {
  background: #ffffff !important;
}

/* 글 목록(본문) 텍스트: 검은색 (링크 포함) */
#kboard-default-list .kboard-list table tbody td,
#kboard-default-list .kboard-list table tbody td a,
#kboard-default-list .kboard-list table tbody td a:visited {
  color: #2E2E2E !important;
}

/* hover 시에도 배경/글자색 유지 */
#kboard-default-list .kboard-list table tbody tr:hover,
#kboard-default-list .kboard-list table tbody tr:hover td {
  background: #ffffff !important;
}
#kboard-default-list .kboard-list table tbody tr:hover td,
#kboard-default-list .kboard-list table tbody tr:hover td a {
  color: #2E2E2E !important;
}

/* 글 목록(본문) 폰트 스타일 */
#kboard-default-list .kboard-list table tbody td,
#kboard-default-list .kboard-list table tbody td a {
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}


/* =========================================================
   7) KBoard: 헤더 텍스트 색상
   ========================================================= */
#kboard-default-list .kboard-list table thead td,
#kboard-default-list .kboard-list table thead th,
#kboard-default-list .kboard-list table thead td *,
#kboard-default-list .kboard-list table thead th * {
  color: #111111 !important;
}


/* =========================================================
   8) KBoard: 열 너비(테이블 레이아웃 고정)
   ========================================================= */
#kboard-default-list .kboard-list table {
  table-layout: fixed !important;
  width: 100% !important;
}

/* 1열: 번호 */
#kboard-default-list .kboard-list table thead td:nth-child(1),
#kboard-default-list .kboard-list table tbody td:nth-child(1) {
  width: 10% !important;
}

/* 2열: 제목 */
#kboard-default-list .kboard-list table thead td:nth-child(2),
#kboard-default-list .kboard-list table tbody td:nth-child(2) {
  width: 60% !important;
}

/* 3열: 작성자 */
#kboard-default-list .kboard-list table thead td:nth-child(3),
#kboard-default-list .kboard-list table tbody td:nth-child(3) {
  width: 20% !important;
}

/* 4열: 작성일 */
#kboard-default-list .kboard-list table thead td:nth-child(4),
#kboard-default-list .kboard-list table tbody td:nth-child(4) {
  width: 10% !important;
}


/* =========================================================
   9) KBoard: 행 높이(헤더/본문)
   ========================================================= */

/* 헤더 행 높이 */
#kboard-default-list .kboard-list table thead td,
#kboard-default-list .kboard-list table thead th {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  line-height: 1.2 !important;
}

/* 본문 행 높이 */
#kboard-default-list .kboard-list table tbody td {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  line-height: 1.4 !important;
}


/* =========================================================
   10) KBoard: 버튼/페이지네이션 컬러
   ========================================================= */

/* 버튼 색상 */
a.kboard-default-button-small,
input.kboard-default-button-small,
button.kboard-default-button-small {
  color: white !important;
  background: #111111 !important;
}

/* 페이징 버튼 hover/active 색상 */
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a {
  color: white !important;
  background: #111111 !important;
}


/* =========================================================
   11) KBoard: 리스트 헤더(전체 0 / 최신순 등) 숨김
   ========================================================= */
#kboard-default-list .kboard-list-header {
  display: none !important;
}


/* =========================================================
   12) KBoard: 헤더 상단 테두리(검은색 진하게)
   ========================================================= */
#kboard-default-list .kboard-list table thead tr td,
#kboard-default-list .kboard-list table thead tr th {
  border-top: 2px solid #000 !important;
}


/* =========================================================
   13) KBoard: 제목 옆 New 배지 숨김
   ========================================================= */
#kboard-default-list .kboard-default-new-notify {
  display: none !important;
}


/* =========================================================
   14) KBoard: 페이지네이션/검색 UI 크기 조정
   ========================================================= */

/* 페이지네이션 버튼 */
#kboard-default-list .kboard-pagination .kboard-pagination-pages li a {
  height: 38px !important;
  line-height: 38px !important;
  font-size: 16px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
}

/* (선택) li 높이 */
#kboard-default-list .kboard-pagination .kboard-pagination-pages li {
  height: 35px !important;
}

/* 드롭다운(select) */
#kboard-default-list .kboard-search select {
  width: 140px !important;
  max-width: 140px !important;

  height: 35px !important;
  line-height: 38px !important; /* 기존 코드 유지(원본과 동일) */
  font-size: 16px !important;
  padding: 0 10px !important;

  box-sizing: border-box !important;
}

/* 검색 입력창 */
#kboard-default-list .kboard-search input[type="text"],
#kboard-default-list .kboard-search input[type="search"] {
  height: 35px !important;
  line-height: 35px !important;
  font-size: 16px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

/* 검색 버튼 */
#kboard-default-list .kboard-search button,
#kboard-default-list .kboard-search input[type="submit"] {
  height: 35px !important;
  line-height: 35px !important;
  font-size: 16px !important;
  padding: 0 14px !important;
}

/* 페이지네이션 ↔ 검색영역 간격 */
#kboard-default-list .kboard-search {
  margin-top: 20px !important;
}


/* =========================================================
   15) KBoard: 게시판 내 버튼/조회수 비활성화(본문)
   ========================================================= */

/* 게시판 내 좋아요/싫어요 버튼 비활성화 */
.kboard-button-like { display: none !important; }
.kboard-button-unlike { display: none !important; }

/* 게시판 내 조회수 비활성화 */
#kboard-default-document .kboard-detail .detail-attr.detail-view {
  display: none;
}


/* =========================================================
   16) (원본 유지) 본문 영역 표시 관련 조정
   - 아래 두 블록은 원본에서 그대로 보존
   ========================================================= */

/* 게시판 본문 영역의 높이를 강제로 계산하게 함 */
#kboard-default-document {
  display: block !important;
  overflow: hidden !important;
  clear: both !important;
  float: none !important;
}

/* 본문 하단 버튼들이 푸터 위로 올라오지 않도록 밀어내기 */
.kboard-document-wrap {
  margin-bottom: 50px !important; /* 푸터와의 간격 */
}


/* =========================================================
   17) [해결 적용] 목록에서 글이 늘어날수록 하단이 푸터에 가려지는 문제 대응
   - 중요: 기존 코드는 "삭제/수정"하지 않고,
           가장 마지막에서 "덮어쓰기(override)"로만 해결합니다.
   ========================================================= */

/* (1) 기존에 넣었던 강제 여백(320px) 무력화 */
#kboard-default-list::after{
  content: none !important;
  display: none !important;
  height: 0 !important;
}
#kboard-default-list{
  padding-bottom: 0 !important; /* 혹시 padding-bottom 320px 넣었던 것 제거 */
}

/* (2) 게시판 끝 기준으로 일정 간격만 확보 */
#kboard-default-list{
  margin-bottom: 90px !important; /* 원하는 값 */
}

/* (해결3, 선택) 목록 컨테이너가 float 자식 때문에 높이 계산이 꼬이는 경우 대비
   - display: flow-root는 내부 float를 자동으로 감싸게 해줍니다.
   - 레이아웃 영향이 최소인 편이라, 목록에서만 적용합니다.
*/
#kboard-default-list {
  display: flow-root !important;
}




/* 
 * 캘린더 */


/* ===== Scope: 해당 위젯(달력)만 ===== */
#ectbe-event-calendar-b0261f3.fc {
  font-family: inherit;
  font-size: 15px;
}

/* ===== 상단 툴바(월 제목 + 버튼들) ===== */
#ectbe-event-calendar-b0261f3 .fc-header-toolbar {
  margin-bottom: 14px;
  gap: 10px;
}

/* "2026년 1월" 타이틀 텍스트 크기 키우기 */
#ectbe-event-calendar-b0261f3 .fc-toolbar-title {
  font-size: 28px; /* 기존 22px -> 키움 */
  font-weight: 700;
  letter-spacing: -0.2px;
}

/* 버튼 디자인(촌스러운 primary 버튼 느낌 제거) */
#ectbe-event-calendar-b0261f3 .fc .fc-button {
  border-radius: 10px;
  padding: 8px 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  color: #111;
  box-shadow: none;
  text-transform: none;
}

/* 버튼 hover 효과 최소화(배경 변화 제거) */
#ectbe-event-calendar-b0261f3 .fc .fc-button:hover {
  background: #fff;
}

/* focus/active 효과 제거 */
#ectbe-event-calendar-b0261f3 .fc .fc-button:focus,
#ectbe-event-calendar-b0261f3 .fc .fc-button:active {
  box-shadow: none;
  outline: none;
}

/* 활성 버튼(월/주/일/일정목록 중 선택된 상태) */
#ectbe-event-calendar-b0261f3 .fc .fc-button-primary.fc-button-active {
  background: rgba(0,0,0,.08);
  border-color: rgba(0,0,0,.18);
  color: #111;
}

/* 오늘 버튼 disabled 상태도 보기 좋게 */
#ectbe-event-calendar-b0261f3 .fc .fc-today-button:disabled {
  opacity: .55;
  background: #fff;
}

/* ===== 달 이동(prev/next) 버튼: 배경 제거 + 아이콘 색상 변경 ===== */
/* 버튼 자체 배경/테두리 제거 */
#ectbe-event-calendar-b0261f3 .fc .fc-prev-button,
#ectbe-event-calendar-b0261f3 .fc .fc-next-button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 8px 10px;
}

/* 아이콘 색상 지정 (원래 배경색 계열 느낌으로: 짙은 네이비/차콜) */
#ectbe-event-calendar-b0261f3 .fc .fc-prev-button .fc-icon,
#ectbe-event-calendar-b0261f3 .fc .fc-next-button .fc-icon {
  color: #111827; /* 필요시 학교 톤에 맞게 변경 */
}

/* hover 시에도 배경 생기지 않게 */
#ectbe-event-calendar-b0261f3 .fc .fc-prev-button:hover,
#ectbe-event-calendar-b0261f3 .fc .fc-next-button:hover {
  background: transparent !important;
}

/* ===== 달력 테이블(그리드) ===== */
/* 테두리 각지게 + 그림자 제거 */
#ectbe-event-calendar-b0261f3 .fc-scrollgrid {
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 0;             /* 둥근 모서리 제거 */
  overflow: hidden;
  box-shadow: none !important;  /* 혹시 있는 그림자 제거 */
}

/* (FullCalendar가 다른 요소에 그림자 주는 경우까지) */
#ectbe-event-calendar-b0261f3 .fc-view-harness,
#ectbe-event-calendar-b0261f3 .fc-view,
#ectbe-event-calendar-b0261f3 .fc-scroller,
#ectbe-event-calendar-b0261f3 .fc-scrollgrid-section {
  box-shadow: none !important;
}

/* ===== 요일 헤더(일~토 행) ===== */
/* 배경 #F7F9FB */
#ectbe-event-calendar-b0261f3 .fc-col-header-cell {
  background: #F7F9FB;
}

/* 텍스트 크기 +2px */
#ectbe-event-calendar-b0261f3 .fc-col-header-cell-cushion {
  padding: 12px 8px;
  font-weight: 700;
  font-size: 17px;             /* 기존(상속) 대비 +2px 체감 */
  color: rgba(0,0,0,.70);
  text-decoration: none;
}

/* ===== 날짜 셀(각 일) ===== */
/* 각 일 배경: #F7F9FB보다 조금 더 연하게 */
#ectbe-event-calendar-b0261f3 .fc-daygrid-day {
  background: #FBFCFE;
}

/* 셀 내부 패딩 유지 */
#ectbe-event-calendar-b0261f3 .fc-daygrid-day-frame {
  padding: 6px;
}

/* 날짜 숫자 텍스트 +1px */
#ectbe-event-calendar-b0261f3 .fc-daygrid-day-number {
  padding: 6px 8px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;            /* 기존 대비 +1px 체감 */
  color: rgba(0,0,0,.75);
  text-decoration: none;
}

/* 지난/다른 달 날짜는 살짝 흐리게 */
#ectbe-event-calendar-b0261f3 .fc-day-other .fc-daygrid-day-number {
  opacity: .45;
}

/* 오늘 강조(배경 + 날짜 배지 느낌) */
#ectbe-event-calendar-b0261f3 .fc-day-today {
  background: rgba(0,0,0,.03);
}
#ectbe-event-calendar-b0261f3 .fc-day-today .fc-daygrid-day-number {
  background: rgba(0,0,0,.08);
}

/* ===== 호버 효과 제거(달력 전체) ===== */
/* 날짜 셀 hover로 생기는 배경/하이라이트 제거 */
#ectbe-event-calendar-b0261f3 .fc-daygrid-day:hover,
#ectbe-event-calendar-b0261f3 .fc-daygrid-day-frame:hover,
#ectbe-event-calendar-b0261f3 .fc-daygrid-day-top:hover,
#ectbe-event-calendar-b0261f3 .fc-daygrid-day-number:hover {
  background: inherit !important;
}

/* 이벤트 hover 효과 제거 */
#ectbe-event-calendar-b0261f3 a.fc-event:hover {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ===== 이벤트 표시(현재는 dot-event 형태) ===== */
/* 점(도트) 조금 세련되게 */
#ectbe-event-calendar-b0261f3 .fc-daygrid-event-dot {
  border-width: 3px;
}

/* 시간 텍스트 숨김 */
#ectbe-event-calendar-b0261f3 .fc-event-time {
  display: none;
}

/* 이벤트 제목 가독성 */
#ectbe-event-calendar-b0261f3 .fc-event-title {
  font-weight: 600;
  color: rgba(0,0,0,.85);
}

/* ===== 팝업(ectbe-modal) ===== */
#ectbe-popup-wraper .ectbe-modal-content {
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 20px 60px rgba(0,0,0,.20);
}

#ectbe-popup-wraper .ectbe-modal-header h2 {
  font-size: 20px;
  font-weight: 800;
  margin: 6px 0 8px;
}

#ectbe-popup-wraper .ectbe-modal-close span {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.12);
}

#ectbe-popup-wraper .ectbe-modal-close span:hover {
  background: rgba(0,0,0,.05);
}

/* ===== List(일정목록) 뷰의 빨간 글씨 -> 검정 ===== */

/* 날짜 헤더(왼쪽 큰 날짜 텍스트) */
#ectbe-event-calendar-b0261f3 .fc-listMonth-view .fc-list-day-cushion,
#ectbe-event-calendar-b0261f3 .fc-listMonth-view .fc-list-day-text,
#ectbe-event-calendar-b0261f3 .fc-listMonth-view .fc-list-day-side-text {
  color: #111 !important;
}

/* 요일(오른쪽 '금요일' 등) */
#ectbe-event-calendar-b0261f3 .fc-listMonth-view .fc-list-day-side-text {
  color: #111 !important;
}

/* 목록 안의 링크/제목이 빨간색으로 잡히는 경우까지 */
#ectbe-event-calendar-b0261f3 .fc-listMonth-view a,
#ectbe-event-calendar-b0261f3 .fc-listMonth-view .fc-list-event-title a {
  color: #111 !important;
}

/* 혹시 'today'나 강조 상태에서만 빨갛게 되는 경우도 방지 */
#ectbe-event-calendar-b0261f3 .fc-listMonth-view .fc-theme-standard .fc-list-day-cushion,
#ectbe-event-calendar-b0261f3 .fc-listMonth-view .fc-list-day.fc-day-today .fc-list-day-cushion {
  color: #111 !important;
}

/* =========================================================
   MHA Hours Table (scoped)
   목표
   1) 기본 행은 흰색 고정
   2) 헤더/제목행(소계, 합계)은 회색
   3) hover로 어떤 색도 변하지 않게 고정
   4) 행 높이(세로) 타이트하게
   ========================================================= */

/* 커서 기본값 */
.mha-hours-table,
.mha-hours-table *{
  cursor: default !important;
}

/* 행 높이(세로) 줄이기 */
.mha-hours-table th,
.mha-hours-table td{
  padding: 6px 8px !important; /* 더 줄이고 싶으면 4px 8px */
  line-height: 1.15 !important;
}

/* ===== 색상 정책 ===== */

/* 1) 헤더(구분, G1~G6): 회색 */
.mha-hours-table thead th{
  background: #f2f2f2 !important;
  font-weight: 700;
}

/* 2) 본문 기본 행: 흰색 고정 (테마 zebra/기본색 무력화) */
.mha-hours-table tbody tr:not(.subtotal):not(.total) > th,
.mha-hours-table tbody tr:not(.subtotal):not(.total) > td{
  background: #fff !important;
}

/* 3) 제목 역할 행(소계/합계): 회색 */
.mha-hours-table tbody tr.subtotal > th,
.mha-hours-table tbody tr.subtotal > td,
.mha-hours-table tbody tr.total > th,
.mha-hours-table tbody tr.total > td{
  background: #f2f2f2 !important;
  font-weight: 700;
}

/* ===== Hover 완전 차단 (색 유지) ===== */

/* 일반 행: hover해도 흰색 유지 */
.mha-hours-table tbody tr:not(.subtotal):not(.total):hover > th,
.mha-hours-table tbody tr:not(.subtotal):not(.total):hover > td{
  background: #fff !important;
}

/* 제목행(소계/합계): hover해도 회색 유지 */
.mha-hours-table tbody tr.subtotal:hover > th,
.mha-hours-table tbody tr.subtotal:hover > td,
.mha-hours-table tbody tr.total:hover > th,
.mha-hours-table tbody tr.total:hover > td{
  background: #f2f2f2 !important;
}

/* 헤더 hover도 회색 유지 */
.mha-hours-table thead tr:hover th{
  background: #f2f2f2 !important;
}

/* hover로 생길 수 있는 효과(그림자/필터/변형) 제거 */
.mha-hours-table tr:hover > th,
.mha-hours-table tr:hover > td{
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* =========================================
   KBoard 최신글(홈 숏코드) 전용 스타일
   Target: #kboard-default-latest
   ========================================= */

#kboard-default-latest {
  width: 100%;
}

/* 테이블 기본 */
#kboard-default-latest table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-top: 2px solid #111;     /* 상단 굵은 라인 */
  border-bottom: 1px solid #e6e6e6;
}

/* 헤더 */
#kboard-default-latest thead th {
  background: #f5f5f5;
  font-weight: 700;
  color: #111;
  padding: 14px 16px;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
}

/* 본문 셀 */
#kboard-default-latest tbody td {
  padding: 14px 16px;
  border-bottom: 1px solid #eeeeee;
  vertical-align: middle;
}

/* 제목 왼쪽 정렬 */
#kboard-default-latest th.kboard-latest-title,
#kboard-default-latest td.kboard-latest-title {
  text-align: left;
}

/* 작성일 폭/정렬 */
#kboard-default-latest th.kboard-latest-date,
#kboard-default-latest td.kboard-latest-date {
  width: 140px;
  text-align: right;
  white-space: nowrap;
  color: #111; /* 파란색 제거 */
}

/* 링크(제목) 파란색 제거 + 밑줄 제거 */
#kboard-default-latest td.kboard-latest-title a {
  color: #111 !important;
  text-decoration: none !important;
  display: block;
}

/* hover 효과: 배경색 변화 제거/최소화 */
#kboard-default-latest tbody tr:hover td {
  background: transparent !important;
}

/* 제목 말줄임 (한 줄) */
#kboard-default-latest .kboard-default-cut-strings {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 모바일 대응 */
@media (max-width: 767px) {
  #kboard-default-latest th.kboard-latest-date,
  #kboard-default-latest td.kboard-latest-date {
    width: 110px;
  }
  #kboard-default-latest thead th,
  #kboard-default-latest tbody td {
    padding: 12px 12px;
  }
}


/* =========================================
   KBoard 최신글(홈 숏코드) - 줄무늬/hover 제거 + 타이포/패딩 조정
   ========================================= */

/* 1) 줄무늬(회색/흰색) 제거: tbody 모든 셀 배경을 흰색으로 고정 */
#kboard-default-latest tbody tr td {
  background: #fff !important;
}

/* 혹시 tr 자체에 배경이 걸려있어도 제거 */
#kboard-default-latest tbody tr {
  background: transparent !important;
}

/* 2) hover로 생기는 배경/효과 완전 제거 */
#kboard-default-latest tbody tr:hover,
#kboard-default-latest tbody tr:hover td,
#kboard-default-latest tbody tr:hover a {
  background: #fff !important;
  box-shadow: none !important;
  filter: none !important;
}

/* 3) 작성일: 폰트 크기 올리고 굵기 낮추기 */
#kboard-default-latest td.kboard-latest-date {
  font-size: 16px;   /* 필요하면 15~17로 조절 */
  font-weight: 400;  /* 굵기 낮춤 */
  color: #111 !important;
}

/* 헤더(작성일)도 밸런스 맞추고 싶으면 */
#kboard-default-latest th.kboard-latest-date {
  font-size: 14px;
  font-weight: 600;
}

/* 4) 제목 왼쪽 패딩(셀 + 링크) */
#kboard-default-latest th.kboard-latest-title,
#kboard-default-latest td.kboard-latest-title {
  padding-left: 22px; /* 원하는 만큼 */
}

#kboard-default-latest td.kboard-latest-title a {
  padding-left: 0; /* 셀에 패딩 줬으면 링크는 0으로 두는 게 깔끔 */
}

/* (옵션) 제목 글자 크기/굵기 조금 정리 */
#kboard-default-latest td.kboard-latest-title a {
  font-size: 16px;
  font-weight: 600;
}

/* =========================================
   KBoard 최신글(홈 숏코드) - 헤더 제거 + 리스트형 UI
   Scope: #kboard-default-latest
   ========================================= */

/* 0) 테이블 기본 정리 */
#kboard-default-latest table {
  width: 100%;
  border-collapse: collapse;
}

/* 1) 헤더 완전 숨김 */
#kboard-default-latest thead {
  display: none !important;
}

/* 2) 줄무늬/호버 제거 (혹시 남아있으면 싹 고정) */
#kboard-default-latest tbody tr,
#kboard-default-latest tbody tr td {
  background: #fff !important;
}
#kboard-default-latest tbody tr:hover,
#kboard-default-latest tbody tr:hover td {
  background: #fff !important;
}

/* 3) 한 줄(행)을 리스트처럼: 위아래 패딩 + 구분선 */
#kboard-default-latest tbody tr td {
  padding: 18px 0; /* 행 높이 */
  border-top: 1px solid #e9e9e9;
}
#kboard-default-latest tbody tr:first-child td {
  border-top: 0;
}

/* 4) 제목 셀: 왼쪽에 불릿 + 왼쪽 패딩 */
#kboard-default-latest td.kboard-latest-title {
  padding-left: 26px !important; /* 전체 왼쪽 여백 */
  position: relative;
}

/* 불릿(dot) */
#kboard-default-latest td.kboard-latest-title::before {
  content: "•";
  position: absolute;
  left: 10px;          /* 불릿 위치 */
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  line-height: 1;
  color: #111;
}

/* 제목 링크 스타일 (hover에도 변화 최소화) */
#kboard-default-latest td.kboard-latest-title a {
  display: inline-block;
  color: #111 !important;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none !important;
}
#kboard-default-latest td.kboard-latest-title a:hover {
  color: #111 !important;
  text-decoration: none !important;
}

/* 5) 작성일(오른쪽): 글자 크게 + 굵기 낮추고 색 연하게 */
#kboard-default-latest td.kboard-latest-date {
  text-align: right;
  padding-right: 18px !important;
  font-size: 16px;     /* 원하면 15~17 */
  font-weight: 400;    /* 굵기 낮춤 */
  color: #8a8f98 !important; /* 연한 회색 */
  white-space: nowrap;
}

/* 6) 컬럼 폭: 제목은 넓게, 날짜는 고정폭 느낌 */
#kboard-default-latest td.kboard-latest-date {
  width: 120px;
}






/* =========================================================
   [ECTBE 공통] "Find out more" 링크 제거 (전역)
   - 플러그인에서 생성하는 "Find out more" 버튼/링크를 전체적으로 숨김
   ========================================================= */
.ectbe-evt-more-box,
a.ectbe-evt-read-more{
  display: none !important;
}


/* =========================================================
   [홈 전용] MHA 홈 이벤트 리스트 (Style 1)
   적용 조건: Elementor 위젯(또는 섹션)에 CSS Class = mha-home-events
   목적:
   - Find out more 제거
   - 시계 아이콘 제거
   - 날짜 영역을 한 줄처럼 정리 (예: "2월 23일 2026")
   - 카드(행) 높이/간격 정리
   ========================================================= */

/* (중복이지만 안전장치) 홈 리스트에서도 Find out more 제거 */
.mha-home-events .ectbe-evt-more-box,
.mha-home-events a.ectbe-evt-read-more{
  display:none !important;
}

/* 시계 아이콘 제거 (시간 텍스트는 유지) */
.mha-home-events .ectbe-evt-time i.ectbe-icon-clock{
  display:none !important;
}

/* 카드(행) 기본 레이아웃/높이 */
.mha-home-events .ectbe-inner-wrapper{
  align-items: center;
  gap: 14px;
  padding: 10px 14px !important;   /* 카드 내부 패딩 */
  margin: 0 0 12px 0 !important;   /* 카드 간격 */
  border-radius: 10px;
}

/* 날짜 영역: 세 줄 -> 한 줄 플렉스 */
.mha-home-events .ectbe-date-area{
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 110px;              /* 좌측 영역 폭: 필요시 조정 */
  min-width: 110px;
}

/* 월(2월) */
.mha-home-events .ectbe-ev-mo{
  order: 1;
  font-size: 14px;
  font-weight: 700;
  color: rgba(0,0,0,.70);
  line-height: 1.1;
}

/* 일(23) */
.mha-home-events .ectbe-ev-day{
  order: 2;
  font-size: 20px;          /* 너무 크면 18px로 */
  font-weight: 800;
  color: rgba(0,0,0,.88);
  line-height: 1.1;
}

/* '일' 글자 추가 */
.mha-home-events .ectbe-ev-day::after{
  content: "일";
  font-size: 14px;
  font-weight: 700;
  color: rgba(0,0,0,.70);
  margin-left: 1px;
}

/* ✅ 연도(2026) 다시 보이게 */
.mha-home-events .ectbe-ev-yr{
  display: inline !important;      /* 기존 display:none 제거 */
  order: 3;
  font-size: 12px;
  font-weight: 700;
  color: rgba(0,0,0,.55);
  line-height: 1.1;
  margin-left: 6px;
}

/* 제목/시간 영역 */
.mha-home-events .ectbe-content-box{
  padding: 0 !important;
}

.mha-home-events .ectbe-evt-title{
  margin: 0 0 6px 0 !important;
  line-height: 1.2 !important;
}

.mha-home-events .ectbe-evt-title a.ectbe-evt-url{
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 800;
  color: rgba(0,0,0,.88) !important;
}

.mha-home-events .ectbe-evt-time{
  margin: 0 !important;
  font-size: 13px;
  font-weight: 600;
  color: rgba(0,0,0,.60);
  line-height: 1.2 !important;
}

/* hover 효과 제거(있다면) */
.mha-home-events .ectbe-inner-wrapper:hover{
  background: inherit !important;
  box-shadow: none !important;
  transform: none !important;
}












/* =========================================================
   [강제 스타일] ECTBE List Style 1 (스코프 없음)
   - 플러그인 기본 CSS가 강해서 홈에서도 안 먹을 때를 대비한 "보험"
   - 현재 네 환경에서 실제로 적용된 핵심 구간
   ========================================================= */


/* 시계 아이콘 제거 */
.ectbe-evt-time i.ectbe-icon-clock{
  display: none !important;
}

/* 카드(행) 패딩/마진/높이 */
.ectbe-inner-wrapper.ectbe-simple-event{
  position: relative !important;     /* 상단 라인(::before)용 */
  padding: 14px 16px !important;     /* ✅ 최종: 살짝 넓힌 높이 */
  margin: 0 0 14px 0 !important;     /* ✅ 최종: 카드 간격 */
  min-height: 0 !important;
}

/* 내부 요소 그림자 제거(테마/플러그인 간섭 방지) */
.ectbe-inner-wrapper.ectbe-simple-event *{
  box-shadow: none !important;
}

/* 날짜 영역: 한 줄 플렉스 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-date-area{
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 6px !important;

  width: 120px !important;     /* 필요하면 90~140 조절 */
  min-width: 120px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 월 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo{
  order: 1 !important;
  display: inline !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  color: rgba(0,0,0,.70) !important;
}

/* 일 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day{
  order: 2 !important;
  display: inline !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: rgba(0,0,0,.90) !important;
}

/* '일' 추가 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day::after{
  content: "일" !important;
  display: inline !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: rgba(0,0,0,.70) !important;
  margin-left: 1px !important;
}

/* ✅ 연도 다시 보이게 (기존 display:none 제거) */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-yr{
  display: inline !important;
  order: 3 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  color: rgba(0,0,0,.55) !important;
  margin-left: 6px !important;
}

/* 제목/시간 블록 여백 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-content-box{
  padding: 0 !important;
  margin: 0 !important;
}

/* 제목 간격(조금 여유) */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-evt-title{
  margin: 0 0 8px 0 !important;   /* ✅ 최종: 8px */
  line-height: 1.2 !important;
}

/* 제목 링크 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-evt-title a.ectbe-evt-url{
  font-size: 16px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  color: rgba(0,0,0,.90) !important;
}

/* 시간 */
.ectbe-inner-wrapper.ectbe-simple-eve


/* 날짜 영역: 세로(column)로 바꾸고, 연도 → (월/일) 순서로 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-date-area{
  display: flex !important;
  flex-direction: column !important;   /* 핵심: 세로 배치 */
  align-items: flex-start !important;
  gap: 6px !important;
}

/* 연도: 맨 위 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-yr{
  order: 1 !important;
  display: block !important;
  margin: 0 0 2px 0 !important;
}

/* 월/일: 같은 줄로 묶기 위해 inline 유지 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo{
  order: 2 !important;
  display: inline !important;
}

.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day{
  order: 3 !important;
  display: inline !important;
}

/* 월+일이 두 줄로 떨어지면 방지(공간 부족 대비) */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo,
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day{
  white-space: nowrap !important;
}

/* 각 행 상단에 인셋 라인(세련된 느낌) */
.ectbe-inner-wrapper.ectbe-simple-event{
  position: relative !important;
}

.ectbe-inner-wrapper.ectbe-simple-event::before{
  content: "" !important;
  position: absolute !important;
  left: 14px !important;   /* 카드 좌우 패딩과 맞춤 */
  right: 14px !important;
  top: 0 !important;
  height: 2px !important;  /* 1px~2px 취향 */
  background: #111 !important;
  opacity: .9 !important;  /* 너무 쨍하면 0.7~0.9 */
}

/* =========================================================
   날짜 영역 통일:
   - 1줄: 연도
   - 2줄: 2월 23일
   - 연/월/일 폰트 크기 동일
   ========================================================= */

/* 날짜 영역: 세로 2줄 구조 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-date-area{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;              /* 두 줄 간격 */
}

/* 연/월/일: 폰트 크기/굵기/색 통일 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-yr,
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo,
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day{
  font-size: 14px !important;       /* ✅ 동일 크기 */
  font-weight: 700 !important;      /* ✅ 동일 굵기 */
  line-height: 1.15 !important;
  color: rgba(0,0,0,.70) !important;
}

/* 연도는 첫 줄(단독) */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-yr{
  order: 1 !important;
  display: block !important;
  margin: 0 !important;
}

/* 월+일은 둘째 줄에서 한 줄로 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo{
  order: 2 !important;
  display: inline !important;
  margin: 0 !important;
}
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day{
  order: 3 !important;
  display: inline !important;
  margin: 0 !important;
}

/* 월과 일 사이 간격을 일정하게 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo{
  margin-right: 6px !important;
}

/* 기존에 붙여둔 '일'은 유지하되, 폰트도 동일하게 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day::after{
  font-size: 14px !important;       /* ✅ 동일 크기 */
  font-weight: 700 !important;      /* ✅ 동일 굵기 */
  color: rgba(0,0,0,.70) !important;
}

/* 혹시 줄바꿈으로 깨지면 방지 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo,
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day{
  white-space: nowrap !important;
}

/* [이벤트 제목] 링크 기능 제거 → 텍스트처럼 보이게 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-evt-title a.ectbe-evt-url{
  pointer-events: none !important;  /* 클릭/탭 이동 차단 */
  cursor: default !important;       /* 손가락 커서 제거 */
  text-decoration: none !important; /* 밑줄 제거 */
  color: inherit !important;        /* 링크색 제거(부모 색상 따라감) */
}

/* [날짜 영역] 색상 검정 + 폰트 3px 증가 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-yr,
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo,
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day{
  color: #111 !important;      /* 검은색 */
  font-size: 17px !important;  /* +3px (14 → 17) */
}

/* ‘일’(after)도 동일하게 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day::after{
  color: #111 !important;
  font-size: 17px !important;
}


/* =========================================
   이벤트 제목/시간 타이포 조정
   - 제목: +2px, 검은색
   - 시간: font-weight 중간(500~600)
   ========================================= */

/* 제목: 2px 키우고 검은색 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-evt-title,
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-evt-title a.ectbe-evt-url{
  font-size: 18px !important; /* 기존 16px 기준 +2px */
  color: #111 !important;
}

/* (링크지만 텍스트처럼 유지: 이동 방지/스타일 제거) */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-evt-title a.ectbe-evt-url{
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}

/* 시간: 굵기 중간으로 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-evt-time{
  font-weight: 500 !important; /* 500=medium, 더 진하게면 600 */
  color: #111 !important;      /* 원하면 유지/조정 가능 */
}

/* =========================================================
   날짜 영역(왼쪽) 넓히기 + "일" 강제 제거 + "2월 23" 고정
   ========================================================= */

/* 1) 날짜 칸을 넓히기 (원하면 140~200 사이 조절) */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-date-area{
  width: 180px !important;
  min-width: 180px !important;
}

/* 2) "일" 붙이는 ::after를 어떤 규칙이 있어도 무조건 제거 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day::after,
.ectbe-ev-day::after{
  content: none !important;
  display: none !important;
}

/* 3) 연도는 위, 월+일은 아래 한 줄로 고정 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-date-area{
  display: grid !important;
  grid-template-rows: auto auto !important;
  row-gap: 6px !important;
}

.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-yr{
  grid-row: 1 !important;
  display: block !important;
}

.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo,
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day{
  grid-row: 2 !important;
  display: inline !important;
  white-space: nowrap !important;
}

.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo{
  margin-right: 6px !important;
}

/* =========================================================
   날짜 정렬 수정 (grid 제거 → flex로 정상화)
   - 1줄: 연도
   - 2줄: 2월 23일 (한 줄)
   - 월/일 간격 과도하게 벌어지는 문제 해결
   ========================================================= */

/* 1) 날짜 영역을 flex column으로 (grid 강제 해제) */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-date-area{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;

  width: 160px !important;      /* 너무 넓으면 140, 좁으면 180 */
  min-width: 160px !important;
}

/* 2) 연도는 첫 줄(단독) */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-yr{
  display: block !important;
  margin: 0 !important;
}

/* 3) 월/일은 둘째 줄에서 inline으로 자연스럽게 붙이기 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo,
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day{
  display: inline !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* 월과 일 사이 간격을 “짧게” 고정 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo{
  margin-right: 8px !important;   /* 간격 길면 6px로 */
}

/* 4) '일' 다시 붙이기 + 간격 최소화 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day::after{
  content: "일" !important;
  display: inline !important;
  margin-left: 1px !important;
}


/* =========================================================
   날짜 영역: 2줄 고정 (1줄=연도, 2줄=월+일)
   - wrapper 없이 월/일을 한 줄로 붙이려면 grid가 정답
   ========================================================= */

.ectbe-inner-wrapper.ectbe-simple-event .ectbe-date-area{
  display: grid !important;
  grid-template-columns: auto auto !important; /* 월 / 일 */
  grid-template-rows: auto auto !important;    /* 연도 / 월+일 */
  grid-template-areas:
    "yr yr"
    "mo day" !important;

  column-gap: 8px !important;  /* 월-일 간격(길면 6px로) */
  row-gap: 6px !important;     /* 연도-월일 간격 */

  justify-items: start !important;
  align-items: baseline !important;

  width: 160px !important;     /* 필요시 140~200 조절 */
  min-width: 160px !important;
}

/* 각 요소를 grid 위치에 고정 */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-yr{
  grid-area: yr !important;
  display: block !important;
  margin: 0 !important;
}

.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-mo{
  grid-area: mo !important;
  display: inline-block !important;
  margin: 0 !important;
  padding-left: 0 !important;  /* 앞쪽 한칸 밀림 방지 */
  white-space: nowrap !important;
}

.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day{
  grid-area: day !important;
  display: inline-block !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* '일' 붙이기(원하면 유지) */
.ectbe-inner-wrapper.ectbe-simple-event .ectbe-ev-day::after{
  content: "일" !important;
  display: inline !important;
  margin-left: 1px !important;
}

/* =========================================================
   FullCalendar(ECTBE) 멀티데이 이벤트 바 가독성 개선
   - 검정 배경 위 텍스트가 안 보이는 문제 해결
   ========================================================= */

#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event,
#ectbe-event-calendar-b0261f3 .fc-h-event,
#ectbe-event-calendar-b0261f3 .fc-event-main,
#ectbe-event-calendar-b0261f3 .fc-event-title,
#ectbe-event-calendar-b0261f3 .fc-event-time{
  color: #fff !important; /* 텍스트 흰색 강제 */
}

/* 링크로 잡히는 경우까지 */
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event a,
#ectbe-event-calendar-b0261f3 .fc-h-event a{
  color: #fff !important;
}

/* 바 안쪽 패딩/라운드 살짝 정리(선택) */
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event{
  border-radius: 6px !important;
  padding: 2px 6px !important;
}

/* =========================================================
   [PATCH] FullCalendar 이벤트 색상 분리 + hover 안정화
   - 멀티데이(바) 이벤트: 검정 배경 + 흰 글씨 유지
   - 단일 날짜(dot) 이벤트: 흰 배경 + 검정 글씨 유지
   - hover 시 배경 사라지는 문제 방지
   ========================================================= */

/* 1) 멀티데이 "바(block)" 이벤트만: 흰 텍스트 */
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event,
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event .fc-event-main,
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event .fc-event-title,
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event .fc-event-time,
#ectbe-event-calendar-b0261f3 .fc-h-event,
#ectbe-event-calendar-b0261f3 .fc-h-event .fc-event-main,
#ectbe-event-calendar-b0261f3 .fc-h-event .fc-event-title,
#ectbe-event-calendar-b0261f3 .fc-h-event .fc-event-time{
  color: #fff !important;
}

/* 바 이벤트 링크도 흰색 */
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event a,
#ectbe-event-calendar-b0261f3 .fc-h-event a{
  color: #fff !important;
}

/* 2) 단일 날짜 "dot" 이벤트는 검정 텍스트로 되돌리기 */
#ectbe-event-calendar-b0261f3 .fc-daygrid-dot-event,
#ectbe-event-calendar-b0261f3 .fc-daygrid-dot-event .fc-event-title,
#ectbe-event-calendar-b0261f3 .fc-daygrid-dot-event .fc-event-time{
  color: #111 !important;
}
#ectbe-event-calendar-b0261f3 .fc-daygrid-dot-event a{
  color: #111 !important;
}

/* 3) hover 시 바 배경이 사라지는 문제 방지 (배경/보더 고정) */
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event,
#ectbe-event-calendar-b0261f3 .fc-h-event{
  background: #111 !important;                 /* 바 배경 고정 */
  border-color: #111 !important;
}

#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event:hover,
#ectbe-event-calendar-b0261f3 .fc-h-event:hover,
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event:focus,
#ectbe-event-calendar-b0261f3 .fc-h-event:focus{
  background: #111 !important;                 /* hover에도 유지 */
  border-color: #111 !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/* 4) dot-event hover는 배경/텍스트 망가지지 않게(선택) */
#ectbe-event-calendar-b0261f3 .fc-daygrid-dot-event:hover{
  background: transparent !important;
}


/* =========================================================
   멀티데이 바(FullCalendar block event) hover 시 배경 유지
   - hover 대상이 a.fc-event인 경우까지 강제
   ========================================================= */

/* 기본 상태도 확실히 검정 + 흰 글씨 */
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event,
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event.fc-event,
#ectbe-event-calendar-b0261f3 a.fc-daygrid-block-event{
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}

/* ✅ hover가 a 태그/내부 레벨에 걸려도 배경/글씨 고정 */
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event:hover,
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event.fc-event:hover,
#ectbe-event-calendar-b0261f3 a.fc-daygrid-block-event:hover,
#ectbe-event-calendar-b0261f3 .fc-daygrid-event-harness a.fc-event:hover,
#ectbe-event-calendar-b0261f3 .fc-daygrid-event-harness a.fc-daygrid-block-event:hover{
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
  opacity: 1 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* hover 시 내부 텍스트(제목/시간)도 흰색 유지 */
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event:hover .fc-event-title,
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event:hover .fc-event-time,
#ectbe-event-calendar-b0261f3 .fc-daygrid-event-harness a.fc-event:hover .fc-event-title,
#ectbe-event-calendar-b0261f3 .fc-daygrid-event-harness a.fc-event:hover .fc-event-time{
  color: #fff !important;
}

/* 혹시 hover 때 배경을 날리는 규칙이 있으면 무력화 */
#ectbe-event-calendar-b0261f3 .fc-daygrid-block-event:hover{
  background-color: #111 !important;
}


/* =========================================
   KBoard 상세보기: 하단 버튼(목록/답글/글수정/글삭제)과
   푸터 사이 간격 늘리기
   ========================================= */

/* 1) 가장 흔한 버튼 래퍼 */
.kboard-control {
  margin-bottom: 30px !important; /* 원하는 만큼 늘려 */
}

/* 2) 혹시 margin이 안 먹으면, 래퍼에 padding으로 공간 확보 */
.kboard-control {
  padding-bottom: 30px !important;
}

/* =========================================
   KBoard 모바일 좌우 여백(목록 + 상세 공통)
   - 모바일에서만 좌우 2% padding
   ========================================= */
@media (max-width: 767px) {

  /* 1) KBoard 기본 스킨: 목록/상세 래퍼 */
  #kboard-default-list,
  #kboard-default-document {
    padding-left: 2% !important;
    padding-right: 2% !important;
    box-sizing: border-box;
  }

  /* 2) 혹시 내부 테이블/검색폼이 가로로 삐져나오면 방지 */
  #kboard-default-list table,
  #kboard-default-document table {
    width: 100% !important;
  }

  /* 3) 아주 드물게 바깥이 넘치면(가로 스크롤 생기면) 막기 */
  #kboard-default-list,
  #kboard-default-document {
    overflow-x: hidden;
  }
}


/* =========================================================
   Mobile fixes for ECTBE FullCalendar
   1) 달력 높이를 문서 흐름으로 인식시키기 (푸터 겹침 방지)
   2) 이벤트가 날짜 숫자를 가리지 않게
   3) 월간 뷰 주(행) 높이 줄이기
   ========================================================= */
@media (max-width: 767px){

  /* ---------------------------------------------------------
     (1) 높이 인식: FullCalendar가 absolute scroller로 흐름을 깨는 것 방지
     핵심: .fc-scroller를 absolute -> relative로 돌리고, height:auto
  --------------------------------------------------------- */
  #ectbe-event-calendar-b0261f3 .fc-scroller{
    position: relative !important;
    inset: auto !important;           /* top/right/bottom/left 리셋 */
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #ectbe-event-calendar-b0261f3 .fc-scroller-harness,
  #ectbe-event-calendar-b0261f3 .fc-view-harness{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* 달력 wrapper가 overflow/height로 잘라먹는 케이스 방지 */
  .ectbe-calendar-wrapper,
  .elementor-widget-the-events-calendar-addon,
  .elementor-widget-the-events-calendar-addon .elementor-widget-container{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
  }

  /* 안전 여백: 다음 섹션이 겹쳐 올라오는 걸 물리적으로 차단 */
  .ectbe-calendar-wrapper{
    padding-bottom: 80px !important;  /* 겹치면 120까지 올려도 됨 */
    margin-bottom: 40px !important;
    clear: both !important;
  }


  /* ---------------------------------------------------------
     (2) 날짜 숫자 가림 방지
     - 날짜 영역을 더 위에 올리고(z-index)
     - 이벤트 영역에 위쪽 여백을 줘서 날짜 아래부터 시작
  --------------------------------------------------------- */
  #ectbe-event-calendar-b0261f3 .fc-daygrid-day-top{
    position: relative !important;
    z-index: 5 !important;
  }

  #ectbe-event-calendar-b0261f3 .fc-daygrid-day-number{
    position: relative !important;
    z-index: 6 !important;
    background: transparent !important;
  }

  /* 이벤트가 날짜를 덮지 않도록 이벤트 영역을 아래로 내림 */
  #ectbe-event-calendar-b0261f3 .fc-daygrid-day-events{
    margin-top: 16px !important; /* 날짜 높이만큼(필요시 12~20 조절) */
  }


  /* ---------------------------------------------------------
     (3) 월간 뷰 "주(행) 높이" 줄이기
     - FullCalendar가 셀 높이를 크게 잡는 것을 축소
     - 날짜/이벤트 공간을 최소한으로
  --------------------------------------------------------- */
  /* 셀 내부 padding 줄이기 */
  #ectbe-event-calendar-b0261f3 .fc-daygrid-day-frame{
    padding: 4px !important;
  }

  /* 행 높이 과다(필 높이) 방지: 균등/자동으로 */
  #ectbe-event-calendar-b0261f3 .fc-daygrid-body-balanced .fc-daygrid-day{
    height: auto !important;
  }

  /* 이벤트 바/도트가 차지하는 높이 줄이기 */
  #ectbe-event-calendar-b0261f3 .fc-daygrid-event-harness{
    margin-top: 2px !important;
  }

  #ectbe-event-calendar-b0261f3 .fc-daygrid-block-event,
  #ectbe-event-calendar-b0261f3 .fc-h-event{
    min-height: 20px !important;
    padding: 2px 6px !important;
    border-radius: 8px !important;
  }

  #ectbe-event-calendar-b0261f3 .fc-daygrid-block-event .fc-event-title,
  #ectbe-event-calendar-b0261f3 .fc-h-event .fc-event-title{
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 767px){

  /* =========================================
     1) 각 날짜 셀(행) 높이 줄이기
     - frame에 최소 높이/고정 높이 부여
     - 이벤트가 많아도 셀을 과하게 늘리지 않게 함
     ========================================= */

  /* 날짜 셀 내부 프레임: 높이 줄이기 (원하면 72~96px 사이 조절) */
  #ectbe-event-calendar-b0261f3 .fc-daygrid-day-frame{
    min-height: 86px !important;
    height: 86px !important;
    padding: 4px !important;
    overflow: hidden !important; /* 셀 밖으로 튀어나오는 것 방지 */
  }

  /* 이벤트 컨테이너도 overflow 정리 */
  #ectbe-event-calendar-b0261f3 .fc-daygrid-day-events{
    margin-top: 18px !important;  /* 날짜 아래에서 시작 (필요시 20까지) */
    overflow: hidden !important;
  }

  /* 한 셀에서 이벤트가 너무 많이 보이면 2개 정도만 보이게 */
  #ectbe-event-calendar-b0261f3 .fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(n+3){
    display: none !important;
  }


  /* =========================================
     2) 이벤트가 날짜(숫자)를 덮지 못하게 z-index 분리
     ========================================= */

  /* 날짜 숫자(우측 상단)는 무조건 최상단 */
  #ectbe-event-calendar-b0261f3 .fc-daygrid-day-top{
    position: relative !important;
    z-index: 20 !important;
    background: transparent !important;
  }

  #ectbe-event-calendar-b0261f3 .fc-daygrid-day-number{
    position: relative !important;
    z-index: 21 !important;
    background: transparent !important;
    white-space: nowrap !important;
  }

  /* 이벤트 레이어는 날짜보다 아래 */
  #ectbe-event-calendar-b0261f3 .fc-daygrid-event-harness,
  #ectbe-event-calendar-b0261f3 .fc-daygrid-event{
    position: relative !important;
    z-index: 5 !important;
  }

  /* 멀티데이 바도 날짜 위로 못 올라오게 */
  #ectbe-event-calendar-b0261f3 .fc-daygrid-block-event,
  #ectbe-event-calendar-b0261f3 .fc-h-event{
    z-index: 5 !important;
  }


  /* =========================================
     3) (보너스) 글씨 줄바꿈/공간 최적화
     ========================================= */

  #ectbe-event-calendar-b0261f3 .fc-col-header-cell-cushion{
    padding: 8px 4px !important;
    font-size: 13px !important;
  }

  #ectbe-event-calendar-b0261f3 .fc-daygrid-day-number{
    font-size: 12px !important;
    padding: 3px 5px !important;
  }

  /* 이벤트 제목 길면 … 처리 */
  #ectbe-event-calendar-b0261f3 .fc-event-title{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}


/* =========================================================
   Tablet+Mobile: 달력 잘림(고정 height/내부 스크롤) 해제
   ========================================================= */
@media (max-width: 1024px){

  #ectbe-event-calendar-b0261f3,
  #ectbe-event-calendar-b0261f3 .fc,
  #ectbe-event-calendar-b0261f3 .fc-view-harness,
  #ectbe-event-calendar-b0261f3 .fc-scroller-harness,
  #ectbe-event-calendar-b0261f3 .fc-scroller{
    height: auto !important;
    max-height: none !important;
  }

  #ectbe-event-calendar-b0261f3 .fc-scroller{
    overflow: visible !important;
    position: relative !important;
    inset: auto !important;
  }

  .ectbe-calendar-wrapper,
  .elementor-widget-the-events-calendar-addon,
  .elementor-widget-the-events-calendar-addon .elementor-widget-container{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
  }
}


@media (min-width: 768px) and (max-width: 1024px){
  #ectbe-event-calendar-b0261f3 .fc-daygrid-day-frame{
    height: 110px !important;
    min-height: 110px !important;
  }
}


/* =========================================
   KBoard 최신글 위젯(#kboard-default-latest)
   - 모바일에서 제목/날짜 겹침 방지: 날짜를 아래로 내려서 표시
   ========================================= */
@media (max-width: 767px) {

  /* 테이블 레이아웃 안정화 */
  #kboard-default-latest table {
    width: 100% !important;
    table-layout: fixed; /* 긴 제목이 있어도 폭 계산 안정 */
  }

  /* 헤더(제목/작성일) 숨기고 싶으면 유지 (원하면 제거 가능) */
  #kboard-default-latest thead { 
    display: none;
  }

  /* 한 줄(row)을 블록처럼 만들어 세로로 쌓이게 */
  #kboard-default-latest tbody tr {
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid #e9e9e9;
  }

  /* td를 한 줄씩 */
  #kboard-default-latest td.kboard-latest-title,
  #kboard-default-latest td.kboard-latest-date {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* 제목: 왼쪽 패딩 + 2줄까지 허용(원하면 줄 수 조절) */
  #kboard-default-latest td.kboard-latest-title {
    padding: 0 2% 6px 2% !important;
  }
  #kboard-default-latest td.kboard-latest-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;   /* 2줄 */
    overflow: hidden;
    word-break: break-word;
  }

  /* 날짜: 오른쪽 정렬 + 폰트 스타일 */
  #kboard-default-latest td.kboard-latest-date {
    padding: 0 2% !important;
    text-align: right !important;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.7;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  #kboard-default-latest td.kboard-latest-title::before {
    content: "" !important;
    display: none !important;
  }

  /* 불릿 제거했으니 왼쪽 패딩도 줄여서 정렬 맞추기 */
  #kboard-default-latest td.kboard-latest-title {
    padding-left: 2% !important;
  }
}