@charset "utf-8";
/* 새글 스킨 (latest) - 유튜브 영상 목록, 반응형 정리 2026-09-03
   - CSS grid: 4열(PC) / 2열(~992px) / 1열(~480px)
   - 썸네일은 16:9 비율 상자 안에 object-fit:cover 로 채워 어떤 폭에서도 같은 비율 유지 */
.movie_pic{position:relative;overflow:hidden;}
.movie_pic .b_tit{display:block;font-weight:bold;font-size:22px;text-align:left;}
.movie_pic .lt_more img{max-width:100%;}

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

/* 썸네일 (16:9) */
.movie_pic .lt_thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:6px 6px 0 0;background:#eaeaea;}
@supports not (aspect-ratio: 16 / 9){
	.movie_pic .lt_thumb{height:0;padding-bottom:56.25%;}
}
.movie_pic .lt_thumb .lt_img{position:absolute;top:0;left:0;right:0;bottom:0;display:block;overflow:hidden;}
.movie_pic .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;}
.movie_pic li:hover .lt_thumb .lt_img img{transform:scale(1.06);}
.movie_pic .lt_thumb .no_img{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../../img/no_img.png) no-repeat center #eaeaea;background-size:contain;}

/* 재생 버튼: 썸네일 정중앙 */
.movie_pic .play_btn{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;z-index:2;}
.movie_pic .play_btn img{display:block;width:100% !important;height:auto;transition:transform 300ms ease;}
.movie_pic li:hover .play_btn img{transform:scale(1.1);}

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

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

/* 더보기 버튼 회전 */
@keyframes rotate180 {
	from { transform: rotate(0deg); }
	to { transform: rotate(180deg); }
}
.movie_pic .lt_more img:hover{animation: rotate180 0.3s linear 1;}

/* 반응형 */
@media all and (max-width:992px){
	.movie_pic .movie_list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px 16px;}
}
@media all and (max-width:480px){
	.movie_pic .b_tit{font-size:18px;}
	.movie_pic .movie_list{grid-template-columns:minmax(0, 1fr);gap:20px;}
	.movie_pic .play_btn{width:50px;height:50px;margin:-25px 0 0 -25px;}
}