@charset "utf-8";
/* 새글 스킨 (latest/gallery) - 반응형 정리 2026-09-03
   - CSS grid: 4열(PC) / 2열(~992px) / 1열(~480px)  (영상 스킨과 동일한 분기)
   - 썸네일은 16:9 비율 상자 안에 object-fit:cover 로 채워 어떤 폭에서도 같은 비율 유지 */
.gallery_lt{position:relative;overflow:hidden;}
.gallery_lt .b_tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:22px;}
.gallery_lt .lt_more img{max-width:100%;}

.gallery_lt .gallery_list{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px;margin:0;padding:0;list-style:none;}
.gallery_lt .gallery_list:after{content:none;}
.gallery_lt li{position:relative;min-width:0;margin:0;float:none;width:auto;border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#fff;}

/* 썸네일 (16:9) */
.gallery_lt .lt_thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#eaeaea;}
@supports not (aspect-ratio: 16 / 9){
	.gallery_lt .lt_thumb{height:0;padding-bottom:56.25%;}
}
.gallery_lt .lt_thumb .lt_img{position:absolute;top:0;left:0;right:0;bottom:0;display:block;overflow:hidden;}
.gallery_lt .lt_thumb .lt_img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;}
.gallery_lt li:hover .lt_thumb .lt_img img{transform:scale(1.06);}
.gallery_lt .lt_thumb .no_img{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../../img/no-image.svg) no-repeat center #eaeaea;background-size:30%;opacity:0.3;}

/* 제목/날짜 */
.gallery_lt .lt_txt{padding:10px;width:100%;}
.gallery_lt .txt_cut{width:100%;white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;}
.gallery_lt .lt_date{display:block;font-weight:normal;font-size:13px;color:#8c8c8c;margin-top:4px;}

.gallery_lt .empty_li{grid-column:1 / -1;line-height:145px;text-align:center;padding:0;width:100%;border:0;}
.gallery_lt .empty_li:before{background:none;padding:0;}

/* 반응형 */
@media all and (max-width:992px){
	.gallery_lt .gallery_list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;}
}
@media all and (max-width:480px){
	.gallery_lt .b_tit{font-size:18px;}
	.gallery_lt .gallery_list{grid-template-columns:minmax(0, 1fr);gap:16px;}
}