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

/* 목록 */
.board-gallery-list{ display:grid;
	a{ display: block; position: relative; box-sizing: border-box; }
	.img-group{ overflow: hidden; display: block; aspect-ratio:16/10; background: #fff url('/images/board/no_image.gif') no-repeat 50% / cover; }
	.img{ display: block; width:100%; height:100%; object-fit: contain; }
	.title{ overflow:hidden; margin-top:19rem; display:-webkit-box; line-height:1.4; font-size: clamp(18rem, 1.5278vw, 22rem); letter-spacing:-0.5rem; color:#111; -webkit-box-orient:vertical; -webkit-line-clamp: 1; }
	.info{ margin-top: 8rem; display:inline-flex; align-items:center; position: relative; font-size: 15rem; line-height: 1; color: #a7a7a7; }
	@media(min-width:1280px){
		&{ grid-template-columns: repeat(3, 1fr); gap: 40rem; }
	}
	@media(max-width:1279px) and (min-width:768px){
		&{ gap: 25rem; grid-template-columns: repeat(2, 1fr); }
	}
	@media(max-width:767px){
		&{ gap: 35rem; }
		& .title{height:auto; max-height:60rem;}
	}
}