@charset "utf-8";
@import url('board-common.css');
@import url('board-search.css');
@import url('board-comment.css');
@import url('board-pagination.css');

/* 목록 - 비밀글 아이콘X, 첨부파일 아이콘X, 답변 + 카테고리 = 카테고리 미출력 */
.board-default-list{
	&:not(:has(.ko_board_noData)){ border-top:1px solid; }
	a{ display: grid; align-items: center; position: relative; border-bottom: 1px solid #eee; }
	.number{ font-size: 14rem; text-align: center; }
	.notice{ justify-self: start; display: inline-block; padding: 2rem 10rem; background:#222; border-radius:3rem; text-align: center; font-size: 14rem; color:#fff; white-space: nowrap; }
	.title-wrapper{ display: flex; align-items: center; gap: .5ch; }
	.reply{ display:inline-block; padding:4rem 9rem; background:#fff; border:1px solid #b3b3b3; border-radius:3rem; font-size:14rem; color:#8d8d8d; line-height:1; }
	.title{ overflow: hidden; display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-weight:600; color:#222; white-space: normal; word-break: break-all; }
	a:hover .title{color:var(--primary, #838383);}
	.comment{ font-size:13rem; line-height:1; color:#aaa; white-space:nowrap; }
	.new::after{ content:"NEW"; position:relative; top:-3rem; font-weight:700; font-size:10rem; color:#e53333; }
	.date{font-size:14rem;}
	@media(min-width:768px){
		a{ grid-template-columns: minmax(50rem, auto) 1fr auto; gap: 25rem; padding: 28rem 20rem; }
	}
	@media(max-width:767px){
		&:has(.notice) a{ grid-template-columns: auto 1fr; }
		&:has(.notice) .date{ grid-column: 1/-1; }
		a{ gap: 5rem 1ch; padding-block: 16rem; }
		.number{ display: none; }
		.date{ color:#aaa; }
	}
}