@charset "utf-8";

.list-container { margin-top:10px; margin-bottom:20px; border: 0px solid #ccc; }

.list-container .news-image-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
/*
.list-container .news-image-list li { position: relative; padding:10px; background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 8px; overflow: hidden; }
.list-container .news-image-list .news-image-container { position: relative; height:300px; overflow: hidden; border-radius: 8px; display: flex; justify-content: center; }
*/
.list-container .news-image-list li { position: relative; padding:10px; background-color: #ffffff; border: 1px solid #ccc; overflow: hidden; }
.list-container .news-image-list .news-image-container { position: relative; height:300px; overflow: hidden; display: flex; justify-content: center; }
.list-container .news-image-list .news-image-container img { display: block; margin:auto; max-width:100%; max-height:100%; object-fit:cover; border-radius:0px; transition: transform 0.3s ease; }
.list-container .news-image-list li:hover .news-image-container img { transform: scale(1.2); /* 이미지 확대 효과 */ }
.list-container .news-image-list .news-description { display: block; position: absolute; top: 0; left: 0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.7); color: white; text-align: center; }
.list-container .news-image-list .news-description { box-sizing: border-box; opacity: 0; transition: opacity 0.3s ease; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0px; text-decoration: none; }
.list-container .news-image-list li:hover .news-description { opacity: 0.2; }

.list-container .news-image-list .news-image-text { height:50px; text-align: center;}
.list-container .news-image-list .news-image-text > a { display:block; line-height:50px; border:0px solid #b21d1f;}
.list-container .news-image-list .news-image-text .news_subject { padding:3px 0; text-align: center; color:#111; font-size:16px; font-weight:500; }

@media all and (max-width:991px) {
	.list-container { margin-top:0px; margin-bottom:20px; border: 0px solid #ccc; }

	.list-container .news-image-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
	.list-container .news-image-list li { position: relative; padding:10px; background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 8px; overflow: hidden; }
	.list-container .news-image-list .news-image-container { position: relative; height:230px; overflow: hidden; border-radius: 8px; display: flex; justify-content: center; }
}

@media all and (max-width:767px) {
	.list-container { margin-top:0px; margin-bottom:20px; border: 0px solid #ccc; }

	.list-container .news-image-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.list-container .news-image-list li { position: relative; padding:10px; background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 8px; overflow: hidden; }
	.list-container .news-image-list .news-image-container { position: relative; height:38vw; overflow: hidden; border-radius: 8px; display: flex; justify-content: center; }

	.list-container .news-image-list .news-image-text { height:30px; text-align: center;}
	.list-container .news-image-list .news-image-text > a { display:block; line-height:25px; border:0px solid #b21d1f;}
	.list-container .news-image-list .news-image-text .news_subject { padding:10px 0; text-align: center; color:#111; font-size:15px; font-weight:400; }
}