@charset "utf-8";

/* 새글 스킨 (latest) */
.movie_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.movie_inr { overflow: hidden; position: relative; display: flex; flex-wrap: wrap; border-radius: 15px; }
.movie_inr .lt_img { overflow: hidden; }
.movie_inr .lt_img:after { content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); transition: all 0.3s; }
.movie_inr:hover .lt_img:after { background: rgba(0, 0, 0, 0.5); }
.movie_inr .lt_img img { max-width: 100%; height: auto; }

.movie_inr .lt_img {  }
.movie_inr .movie_info { position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%; opacity: 0; transition: all 0.3s; }
.movie_inr:hover .movie_info { opacity: 1; }

.movie_inr .lt_title { overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; width: 100%; padding: 30px; color: #fff; font-size: 1.1em; font-weight: 600; }
.movie_info .lt_date { display: none; color: rgba(255, 255, 255, 0.7); font-size: 0.95em; }

@media screen and (max-width: 1280px) {
	
	.movie_list { gap: 10px; }
	
}

@media screen and (max-width: 768px) {
	
	.movie_list { grid-template-columns: repeat(1, 1fr); gap: 10px; }
	
}