@charset "utf-8";

/* 새글 스킨 (latest) */
.main_pic { position:relative; }
.main_piclist { padding-bottom: 50px; }
.main_pic .swiper-slide { overflow: hidden; transition: 0.3s; transform: translateY(15px); transition: box-shadow 0.3s, transform 0.3s, background-color 0.3s; }
.main_pic .swiper-slide:hover { transform: unset; }
.main_pic .lt_img { display:block; }
.main_pic .lt_img img, .main_con02_pic li .lt_img video { width:100%; height:auto; border-radius: 0px; }
.main_pic .lt_info {  }
.main_pic .lt_subject { margin-bottom: 15px; }
.main_pic .lt_subject a { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 5em; text-align: center; margin-top: 20px; color: #333; font-size: 20px; font-weight: 600; line-height: 1.5; transition: 0.3s; }

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

.main_pic .swiper-button-prev, .main_pic .swiper-button-next { width: 70px; height: 70px; background: #fff; border-radius: 500px; color: #444; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.main_pic .swiper-button-prev, .main_pic .swiper-rtl .swiper-button-next { left: -35px; }
.main_pic .swiper-button-next, .main_pic .swiper-rtl .swiper-button-prev { right: -35px; }

.main_pic .swiper-button-prev.swiper-button-disabled, .main_pic .swiper-button-next.swiper-button-disabled { opacity: 1; }

.main_pic .swiper-button-prev:after, .main_pic .swiper-button-next:after { font-family: 'xeicon'; font-size: 26px; }
.main_pic .swiper-button-prev:after, .main_pic .swiper-rtl .swiper-button-next:after { content: '\e908'; }
.main_pic .swiper-button-next:after, .main_pic .swiper-rtl .swiper-button-prev:after { content: '\e90b'; }

.main_pic .swiper-pagination-progressbar { top: auto; bottom: 0px; }


@media screen and (max-width: 1440px) {
	
	.main_pic .swiper-button-prev, .main_pic .swiper-rtl .swiper-button-next { left: -2%; }
	.main_pic .swiper-button-next, .main_pic .swiper-rtl .swiper-button-prev { right: -2%; }

}

@media screen and (max-width: 1024px) {
	
	.main_pic .lt_subject a { font-size: 1.05em; }

	.main_pic .swiper-button-prev, .main_pic .swiper-button-next { width: 50px; height: 50px; }
	.main_pic .swiper-button-prev:after, .main_pic .swiper-button-next:after { font-size: 20px; }

}