@charset "utf-8";
/* ============================================================
   bbs-seminar.css — BBSS_SEM(교육·세미나 전용 스킨) CSS 진입점
   공유 템플릿이 테마별 경로를 직접 참조하므로 **이 경로에 파일이 실재해야 한다**
   (없으면 404 → 화면 깨짐). 다른 스킨(bbs-basic.css 등)과 같은 구조다.

   실제 스타일은 overrides/ 에 둔다:
     bbs.css          — 카이누리 클래스 ↔ 시안 매핑 공통(전 게시판 공용)
     seminar-list.css — 목록 보완(시안 .board_list 구조를 쓸 때 필요한 규칙)
     seminar-view.css — 상세 보완(hidden 확정·비활성 버튼·정보표 여백)
   ============================================================ */
@import url("../overrides/bbs.css");
@import url("../overrides/seminar-list.css");
@import url("../overrides/seminar-view.css");
@import url("../overrides/seminar-apply.css");
 

/* 260921 디자인 수정 */
/* ── 신청확인: 취소된 건 비활성 표시 (2026-09-21) ────────────────
   문구만으로는 표가 아직 유효한 신청처럼 보인다. 흐리게 + 클릭 차단.
   숨기지는 않는다 — 무엇이 취소됐는지는 확인할 수 있어야 한다. */
.table_wrap.is_canceled table {
      opacity: 0.45;
      filter: grayscale(1);
      pointer-events: none;
      user-select: none;
}

/* 상태 안내 — 정원초과·중복·취소 공통. 맨 텍스트라 눈에 안 띄었다 */
#checkStatusMsg {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      margin-top: 1rem;
      padding: 0.9rem 1.1rem;
      border: 1px solid var(--line-color, #DDE2EA);
      border-radius: 6px;
      background: #f7f8fa;
      color: var(--sub-txt-color, #68707d);
      font-size: 1rem;
      line-height: 1.4;
}
#checkStatusMsg::before {
      font-family: "Material Symbols Outlined";
      content: "info";
      font-size: 1.25rem;
      color: #9aa1ab;
      flex: 0 0 auto;
}

#checkCancelWrap { margin-top: 0.6rem; }

/* 목록 버튼(.btn_board)보다 살짝 둥글게 — 지시 (2026-09-21) */
#btnSeminarCancel {
      border-radius: 8px;
}

/* ── 진행 상태 배지 4단계 (2026-09-22, 회의 요청) ─────────────────────────
   요청: "진행중인지 마감임박인지 눈에 확 띄었으면 좋겠음"

   서버(SeminarBadge.java)는 6가지를 판정하지만 CSS 클래스는 `cat ing` / `cat done`
   둘로 뭉쳐 내려준다(57~59행). 그래서 D-30 과 D-1 이 같은 남색 배지였다.
   남은 일수는 badge_text 안에만 있어서 CSS 만으로는 못 가른다 →
   `_seminar-info :: ddayScript` 가 배지 글자를 읽어 is_upcoming / is_soon 을 덧붙이고,
   여기서는 색만 나눈다. 서버는 건드리지 않았다(퍼블리싱 범위).

   4단계 — 색은 전부 common.css :root 변수. 새 색을 만들지 않았다.
     ① 접수예정   .ing.is_upcoming   연한 배지(#eef1f8 + 메인컬러 글자)
     ② 진행중     .ing               메인컬러 채움          ← 시안 기본값 그대로, 규칙 없음
     ③ 마감임박   .ing.is_soon       var(--red) 채움        ← D-7 이하 + D-DAY
     ④ 마감·완료  .done              회색                   ← 시안 기본값 그대로, 규칙 없음

   🔴 특이도 — 시안 규칙을 둘 다 이겨야 한다:
        목록 `.board_list .cat.ing`                 (0,3,0)
        상세 `.board_view .view_head .cat.ing`      (0,4,0)   ← 상세·신청확인 공용
      그래서 선택자를 각각 한 단씩 더 준다. 로드 순서도 sub.css 뒤다
      (bbs-seminar.css 의 <link> 가 _head 조각 뒤에 온다).

   크기·여백은 시안이 이미 반응형으로 준다(sub.css 1964~1967 / 2396~2399) —
   900px 이하에서 0.8rem 으로 줄어든다. 색만 얹으므로 여기서 다시 쓸 게 없다. */

/* ① 접수예정 — 아직 신청을 못 받는다. 진행중과 같은 채운 배지면 눌러도 되는 줄 안다 */
.board_list .cat.ing.is_upcoming,
.board_view .view_head .cat.ing.is_upcoming {
      color: var(--main-color, #344dcf);
      background: #eef1f8;
}

/* ③ 마감임박 — D-7 이하. 진행중(남색)과 확실히 갈라지는 경고색 */
.board_list .cat.ing.is_soon,
.board_view .view_head .cat.ing.is_soon {
      color: #fff;
      background: var(--red, #f11100);
}

/* 🔴 목록 행 hover 보정 — 시안에 `.board_list li a:hover .cat.ing { background: var(--main-color) }`
      (0,4,1) 가 있어서 위 규칙(0,4,0)보다 세다. 그대로 두면 **hover 할 때만 빨강이 남색으로 돌아간다.**
      같은 자리에서 다시 잡아 준다. 접수예정은 시안의 일반 칩 hover(흰 배경)를 따른다 —
      행 배경(#f0f1f4)과 붙어 버리는 #eef1f8 보다 또렷하다. */
.board_list li a:hover .cat.ing.is_soon {
      background: var(--red, #f11100);
}
.board_list li a:hover .cat.ing.is_upcoming {
      background: #fff;
}