@charset "utf-8";

/* 새글 스킨 (latest) */
.sub_pic { position:relative; }

.sub_pic ul { display: flex; flex-wrap: wrap; gap: 50px 1.333%; }
.sub_pic li { position: relative; width: 345px; }

.sub_pic li .lt_img { position: relative; overflow: hidden; display:block; border-radius: 15px 0px; }
.sub_pic li .lt_img img, .sub_pic li .lt_img video { display: block; width: 100%; height: 100%; object-fit: cover; }
.sub_pic li .lt_img .hover_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; filter: contrast(1); transition: all 0.2s; }
.sub_pic li:hover .lt_img .hover_bg {opacity: 0.6;}

.sub_pic li .speaker_name { position: absolute; top: 30px; left: 0; display: block; text-align: left; width: 100%; padding: 0 30px; color: #fff; font-size: 22px; font-weight: 600; transition: all 0.2s; word-break: keep-all; text-shadow: 0 0px 5px rgba(0, 0, 0, 0.8); }
.sub_pic li:hover .speaker_name { color: #fff; }

.sub_pic li .speaker_title { position: absolute; bottom: 30px; left: 0; display: block; text-align: left; width: 100%; padding: 0 30px; color: #fff;font-size: 16px; font-weight: 400; line-height: 1.5; opacity: 1; transform: translateY(20px); transition: all 0.2s; word-break: keep-all; }
/* .sub_pic li:hover .speaker_title {opacity: 1; transform: translateY(0);} */

.sub_pic .empty_li { text-align:center; width: 100%; padding:0; color:#666; line-height:145px; }
.sub_pic .empty_li:before {background:none;padding:0}

@media screen and (max-width: 1440px) {

	.sub_pic li { width: 24%; }

}

@media screen and (max-width: 1024px) {
	
	.sub_pic ul { gap: 30px 2%; }
	.sub_pic li { width: 49%; }

	.sub_pic li .speaker_name { font-size: 20px; }

}

@media screen and (max-width: 480px) {
	
	.sub_pic ul { gap: 30px 0%; }
	.sub_pic li { width: 100%; }

}