@charset "utf-8";
/* ============================================================
   main-news-ai.css — 메인 섬유최신뉴스 'AI 요약' 한 줄 (2026-11-05)
   대상  : templates/front/themes/ktdi/main.html  .ktdi_news .list .txt_box .ai_line
   변경  : AI 요약이 끝난(DONE) 기사만 제목 아래에 요약 첫 줄을 한 줄 말줄임으로 낸다(작은 'AI 요약' 표시 포함)
   이유  : 과업지시서 과업 1 — 홈 화면 항목 = 제목 + AI 요약. 요약이 없는 기사에는 이 요소가 아예 없으므로
           (main.html th:if) 이 파일의 규칙은 예전 모양에 영향을 주지 않는다.
   ⚠ 풀페이지 구간에서 li 가 칸 높이를 나눠 가지며 overflow:hidden 이다(main.css) — 한 줄로만 둔다.
   ⚠ 시안 원본 CSS(main.css)는 수정하지 않는다(개발규약).
   ============================================================ */

.ktdi_news .list .txt_box .ai_line {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	min-width: 0;
	margin: 0 0 0.35rem;
	font-size: 0.9rem;
	line-height: 1.4;
	color: var(--sub-txt-color);
	text-decoration: none;
}
.ktdi_news .list .txt_box .ai_line .ai_tag {
	flex-shrink: 0;
	padding: 0.1rem 0.35rem;
	border-radius: 3px;
	background: #eef1f8;
	color: var(--main-color);
	font-size: 0.72rem;
	font-weight: 600;
	line-height: 1.3;
}
.ktdi_news .list .txt_box .ai_line .ai_txt {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ktdi_news .list .txt_box .ai_line:hover .ai_txt,
.ktdi_news .list .txt_box .ai_line:focus-visible .ai_txt {
	color: var(--main-color);
	text-decoration: underline;
}

/* 요약 줄이 붙은 항목은 제목을 1줄로 — 풀페이지 칸(li 높이 고정)에서 날짜가 잘리지 않게.
   :has() 미지원 브라우저는 제목 2줄 그대로(요약 줄이 말줄임이라 넘쳐도 li 안에서 잘린다). */
.ktdi_news .list .txt_box:has(.ai_line) .tit {
	-webkit-line-clamp: 1;
	line-clamp: 1;
	margin-bottom: 0.25rem;
}

@media screen and (max-width: 900px) {
	.ktdi_news .list .txt_box .ai_line {
		font-size: 0.85rem;
		margin-bottom: 0.2rem;
	}
}