@charset "utf-8";
/* ============================================================
   news-list.css — 알림마당 > 섬유최신뉴스 목록 보완 (2026-11-03)
   대상  : templates/front/custom/ktdi/news-list.html
   변경  : 시안 .board_list 행 구조를 쓸 때 필요한 최소 보정 + 새 창 아이콘
   이유  : seminar-list.css 와 같은 사정 — overrides/bbs.css 가 .board_list li 를 flex 로 만들고
           행 내용물을 .board_content 에 맡기는데, 이 화면은 .board_content 를 쓰지 않는다.
   ⚠ 시안 원본 CSS(common.css·sub.css)는 수정하지 않는다(개발규약).

   2026-11-05 추가 — 과업지시서 과업 2(주차별 조회·엑셀 다운로드)
   대상  : 같은 화면의 .news_bar(건수 줄) · .news_excel(엑셀 버튼) · 주차 select
   변경  : 건수 줄을 '건수 | [엑셀 다운로드]' 한 줄로, 셀렉트가 3개로 늘어 좁은 폭 배치 보정
   이유  : 시안 .search_wrap 은 건수를 한 줄 문단으로만 둔다. 버튼 자리는 게시판 목록의 건수 줄 오른쪽과 같게.
   ============================================================ */

/* 행 전체 폭 차지 — overrides/bbs.css 의 .board_list li{display:flex} 보정 */
.news_list .board_list li > a {
	flex: 1 1 auto;
	min-width: 0;
}

/* 매체명 배지 — 매체명이 길어(텍스타일라이프(패션저널)) 줄바꿈되지 않게 */
.news_list .board_list .cat {
	white-space: nowrap;
	flex-shrink: 0;
}

/* 외부 기사 표시 — 제목 뒤 작은 새 창 아이콘 */
.news_list .board_list .news_ext {
	font-size: 1.6rem;
	color: #9aa0ab;
	margin-left: 0.4rem;
	flex-shrink: 0;
}

/* 목록 본문 최소 높이 — 검색 결과가 적어도 푸터가 딸려 올라오지 않게(seminar-list.css 와 같은 값) */
.sub_content.news_list .content_wrap {
	min-height: 60rem;
}
.news_list .no_data {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 24rem;
}

/* ── 건수 | 엑셀 다운로드 (2026-11-05) ─────────────────────── */
.news_list .search_wrap .news_bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.6rem 1rem;
	width: 100%;
}
.news_list .search_wrap .news_week_now {
	color: var(--sub-tit-color);
	font-weight: 600;
}
.news_list .news_excel {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	height: 2.4rem;
	padding: 0 0.9rem;
	border: 1px solid var(--line-color-dark);
	border-radius: 6px;
	background: #fff;
	color: var(--sub-tit-color);
	font-size: 0.95rem;
	white-space: nowrap;
	transition: border-color 0.2s, color 0.2s;
}
.news_list .news_excel .material-symbols-outlined {
	font-size: 1.2rem;
	color: #1d6f42;   /* 엑셀 초록 — 무엇을 받는지 한눈에 */
}
.news_list .news_excel:hover,
.news_list .news_excel:focus-visible {
	border-color: var(--main-color);
	color: var(--main-color);
}

/* 셀렉트 3개(주차·매체) + 검색어 — 900px 이하에서 시안은 셀렉트를 한 줄씩 100% 로 쌓는다.
   주차·매체 둘은 한 줄에 반씩, 검색어는 아래 한 줄. 500px 이하는 시안대로 한 줄씩. */
@media screen and (max-width: 900px) {
	.news_list .search_wrap .search_form .select_box {
		flex: 1 1 calc(50% - 0.3rem);
		min-width: 0;
	}
	.news_list .search_wrap .search_form .select_box select {
		min-width: 0;
	}
}
@media screen and (max-width: 500px) {
	.news_list .search_wrap .search_form .select_box {
		flex: 1 1 100%;
	}
	/* 주차 이름("2026년 11월 1주 (11.02~11.08)")이 390px 폭에서 잘리지 않게 글자·여백을 조금 줄인다 */
	.news_list .search_wrap .search_form .select_box select {
		padding: 0 1.8rem 0 0.7rem;
		font-size: 0.9rem;
		background-position: right 0.6rem center;
	}
}