/* =========================================================
   메인 새소식 - 분류별 색상 (시안 ⑤ "새소식 – 카테고리별 배경")
   레이아웃(탭 박스, 줄 높이, 여백, 구분선)은 기존 그대로, 색만 변경.
   style.css 뒤에 로드해서 덮어씀.
     공지 #2F6BC4 / 보도 #B85A14 / 연구 #2E8587 / 발간 #3A4BA8 / 입찰·채용 #6B3FA0 / 전체 #2B3990
   ========================================================= */
.news-board {
  --nt-all: #2B3990;    --nt-all-bg: #F6F8FC;
  --nt-notice: #2F6BC4; --nt-notice-bg: #E8F0FC;
  --nt-press: #B85A14;  --nt-press-bg: #FDF0E4;
  --nt-res: #2E8587;    --nt-res-bg: #E4F3F2;
  --nt-pub: #3A4BA8;    --nt-pub-bg: #ECEEFA;
  --nt-bid: #6B3FA0;    --nt-bid-bg: #F3ECFA;
}

/* ---------- 탭: 모양은 기존 그대로, 선택된 탭의 글자·테두리만 분류색 ---------- */
.news-board .tab-item:nth-child(1) .tab-link { --nt-c: var(--nt-all); }
.news-board .tab-item:nth-child(2) .tab-link { --nt-c: var(--nt-notice); }
.news-board .tab-item:nth-child(3) .tab-link { --nt-c: var(--nt-press); }
.news-board .tab-item:nth-child(4) .tab-link { --nt-c: var(--nt-res); }
.news-board .tab-item:nth-child(5) .tab-link { --nt-c: var(--nt-pub); }
.news-board .tab-item:nth-child(6) .tab-link { --nt-c: var(--nt-bid); }
.news-board .tab-link[aria-selected="true"] { color: var(--nt-c); border-color: var(--nt-c); }
/* ---------- 목록 박스 배경: 선택된 탭의 분류색 ---------- */
.news-board .news-list { background: var(--nt-all-bg); transition: background .2s; }
.news-board[data-news-tab="notice"] .news-list { background: var(--nt-notice-bg); }
.news-board[data-news-tab="press"]  .news-list { background: var(--nt-press-bg); }
.news-board[data-news-tab="res"]    .news-list { background: var(--nt-res-bg); }
.news-board[data-news-tab="pub"]    .news-list { background: var(--nt-pub-bg); }
.news-board[data-news-tab="bid"]    .news-list { background: var(--nt-bid-bg); }

/* ---------- 전체 탭: 줄마다 분류색 배경 (줄 높이·구분선은 기존 그대로) ---------- */
/* 줄 색이 박스 끝까지 차도록: 박스 상하 여백 제거, 줄을 박스 좌우 여백(2rem)만큼 바깥으로 늘림 */
.news-board #tab-con-1-1 .news-list li { margin: 0 -2rem; padding-left: calc(2rem + 5px); padding-right: calc(2rem + 5px); }
.news-board #tab-con-1-1 .news-list li:first-child { margin-top: -0.5rem; padding-top: calc(16px + 0.5rem); border-radius: 14px 14px 0 0; }
.news-board #tab-con-1-1 .news-list li:last-child  { margin-bottom: -0.5rem; padding-bottom: calc(16px + 0.5rem); border-radius: 0 0 14px 14px; }
@media (max-width: 768px) {
  .news-board #tab-con-1-1 .news-list li { margin-left: -1rem; margin-right: -1rem; padding-left: calc(1rem + 5px); padding-right: calc(1rem + 5px); }
  .news-board #tab-con-1-1 .news-list li:first-child { padding-top: calc(10px + 0.5rem); }
  .news-board #tab-con-1-1 .news-list li:last-child  { padding-bottom: calc(10px + 0.5rem); }
}
/* 색 배경 위에서도 보이는 구분선 (원본 #eee는 색 배경과 비슷해 안 보임) */
.news-board .news-list li:not(:last-child) { border-bottom-color: rgba(43, 57, 144, 0.14); }
/* 전체 탭: 색은 박스 끝까지, 구분선은 다른 탭과 같은 위치(안쪽)로 */
.news-board #tab-con-1-1 .news-list li { position: relative; }
.news-board #tab-con-1-1 .news-list li:not(:last-child) { border-bottom-color: transparent; }
.news-board #tab-con-1-1 .news-list li:not(:last-child)::after { content: ""; position: absolute; left: 2rem; right: 2rem; bottom: -1px; height: 1px; background: rgba(43, 57, 144, 0.14); }
@media (max-width: 768px) {
  .news-board #tab-con-1-1 .news-list li:not(:last-child)::after { left: 1rem; right: 1rem; }
}
.news-board #tab-con-1-1 .news-list li.nrow-notice { background: var(--nt-notice-bg); }
.news-board #tab-con-1-1 .news-list li.nrow-press  { background: var(--nt-press-bg); }
.news-board #tab-con-1-1 .news-list li.nrow-res    { background: var(--nt-res-bg); }
.news-board #tab-con-1-1 .news-list li.nrow-pub    { background: var(--nt-pub-bg); }
.news-board #tab-con-1-1 .news-list li.nrow-bid    { background: var(--nt-bid-bg); }

/* ---------- 배지 색: 시안 팔레트 ---------- */
.news-list .NewsLabel-01 { background: var(--nt-notice); }
.news-list .NewsLabel-02 { background: var(--nt-press); }
.news-list .NewsLabel-03 { background: var(--nt-res); }
.news-list .NewsLabel-04 { background: var(--nt-pub); }
.news-list .NewsLabel-05,
.news-list .NewsLabel-05-bid,
.news-list .NewsLabel-05-recruit { background: var(--nt-bid); }