@charset "utf-8";
/* ============================================================
   대상 : 메인 주요소식 위젯의 D-DAY 배지 (#updateList .cat) — 지시 26
   변경 : 게시판/세미나에서 쓰던 배지 스타일을 메인에서도 먹게 하고,
          주요소식의 두 가지 생김새(파란 카드 / 일반 행)에 맞춰 대비만 보정한다.
   이유 : 🔴 배지 규칙이 전부 **스코프에 갇혀** 있어 메인에서는 무스타일로 떴다.
            · 시안 sub.css            : `.board_list .cat` / `.cat.ing` / `.cat.done` (1892~1917)
            · KTDI bbs-seminar.css    : `.board_list .cat.ing.is_soon|.is_upcoming` (83~104)
          게다가 bbs-seminar.css 는 **세미나 화면에서만** 로드된다(css/bbs/*.css 는 스킨별).
          메인엔 sub.css 가 실리지만 선택자가 `.board_list` 하위라 걸리지 않는다.

   🔴 색·크기 값은 위 두 파일에서 **그대로 옮겼다 — 새 디자인을 만들지 않는다**(지시 26 §5).
      원본을 고치면 여기도 함께 고칠 것. 여기서만 바꾸면 메인과 게시판의 같은 배지가 달라 보인다.
   ⚠ 시안 원본(css/common·sub·main·reset·font)은 수정 금지라 overrides/ 에 둔다.
   ============================================================ */

/* ── 같은 줄에 세우기 ──────────────────────────────────────
   🔴 `.tag_f` 는 `<p>`(블록, width:fit-content)라 그냥 두면 배지가 **다음 줄로 떨어진다**.
      게시판 목록은 `.cont` 가 flex 라 저절로 맞았지만 주요소식 `.txt_box` 는 아니다.
      `.tit`(display:-webkit-box)·`.date`(block)는 그대로 다음 줄로 가야 하므로
      두 칩만 inline-flex 로 만든다 — 래퍼 엘리먼트를 새로 넣지 않는 쪽이 마크업이 덜 바뀐다. */
#updateList .txt_box .tag_f {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
}

/* ── 기본 칩 (sub.css `.board_list .cat`) ─────────────────── */
#updateList .cat {
	flex-shrink: 0;
	font-size: 0.9rem;
	font-weight: 400;
	color: var(--main-color);
	background: #eef1f8;
	border-radius: 4px;
	padding: 0.4rem 0.6rem;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	white-space: nowrap;
	margin-left: 0.3rem;
}

/* ── 진행중(D-n·D-DAY) / 마감 (sub.css 1910·1914) ─────────── */
#updateList .cat.ing {
	color: #fff;
	background: var(--main-color);
}
#updateList .cat.done {
	color: var(--sub-txt-color);
	background: #e6e8ee;
}

/* ── ddayScript 가 덧붙이는 상태 (bbs-seminar.css 83·90) ──── */
/* 접수예정 — 아직 신청을 못 받는다. 채운 배지면 눌러도 되는 줄 안다 */
#updateList .cat.ing.is_upcoming {
	color: var(--main-color);
	background: #eef1f8;
}
/* 마감임박 — D-7 이하·D-DAY. 진행중(남색)과 확실히 갈라지는 경고색 */
#updateList .cat.ing.is_soon {
	color: #fff;
	background: var(--red, #f11100);
}

/* ── 🔴 첫 번째 항목은 **파란 카드**다 (main.css `.update_list > li:first-child`) ──
   카드 배경이 `var(--main-color)` 라, 같은 색으로 채우는 `.cat.ing` 이 통째로 묻힌다.
   그 카드 안에서만 칩을 뒤집는다(흰 칩 + 메인컬러 글자) — 카드의 `.tit` 가 흰 글자인 것과 같은 이유다.
   ⚠ 색을 새로 만든 게 아니라 이미 쓰는 두 색(흰색·메인컬러)을 서로 바꾼 것뿐이다.
   ⚠ `.is_soon`(빨강)은 파란 배경에서도 또렷해 그대로 둔다 — 임박 경고가 가장 눈에 띄어야 한다. */
#updateList > li:first-child .cat.ing,
#updateList > li:first-child .cat.ing.is_upcoming {
	color: var(--main-color);
	background: #fff;
}
#updateList > li:first-child .cat.done {
	color: #fff;
	background: rgba(255, 255, 255, 0.25);
}