@charset "utf-8";

/* 새글 스킨 (latest) */
.photolist.swiper { width: 100%; height: 100%; }
.photolist .swiper-slide { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; text-align: left; }
.photolist .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.gallery_img { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; }

.photolist {  }

.photo_title { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 30px; color: #333; font-size: 20px; font-weight:600; letter-spacing: -0.03em; }

.photolist .swiper-slide.empty_li { justify-content: center; width: 100% !important; }

.main_con01 .swiper-button-prev, .main_con01 .swiper-button-next {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 55%;
	left: auto;
	right: auto;
	width: 60px;
	height: 60px;
	margin-top: 0px;
	background: #fff;
	border: none;
	border-radius: 500px;
	cursor: pointer;
	z-index: 999;
	transition: 0.3s;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.main_con01 .swiper-button-next { right: -30px; }
.main_con01 .swiper-button-prev { left: -30px; }

.main_con01 .swiper-button-prev:hover, .main_con01 .swiper-button-next:hover { border-color:#343786; }

.main_con01 .swiper-button-next:after, .main_con01 .swiper-rtl .swiper-button-prev:after, 
.main_con01 .swiper-button-prev:after, .main_con01 .swiper-rtl .swiper-button-next:after  {  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #d4d4d4; font-family: xeicon; font-size: 24px; transition: 0.3s; }

.main_con01 .swiper-button-prev:after, .main_con01 .swiper-rtl .swiper-button-next:after { content:'\e93b'; }
.main_con01 .swiper-button-next:after, .main_con01 .swiper-rtl .swiper-button-prev:after { content:'\e93e'; }

.main_con01 .swiper-button-next:hover:after, .main_con01 .swiper-rtl .swiper-button-prev:hover:after, .main_con01 .swiper-button-prev:hover:after, .main_con01 .swiper-rtl .swiper-button-next:hover:after  { color: #0350c4; }

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

.main_con01 .swiper-pagination-progressbar { top: auto; bottom: 0px; }
.main_con01 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #222; }

.photo_info { margin-top: 20px; width: 100%; }
.photo_date { color: #aaa; font-size: 14px; }

@media screen and (max-width: 1440px) {
	
	.main_con01 .swiper-button-next { right: 0px; }
	.main_con01 .swiper-button-prev { left: 0px; }

}

@media screen and (max-width: 1280px) {
	
	.photo_title { margin-bottom: 20px; font-size: 17px; }

}

@media screen and (max-width: 768px) {
	
	.main_con01 .swiper-button-prev, .main_con01 .swiper-button-next { width: 40px; height: 40px; }
	.main_con01 .swiper-button-next:after, .main_con01 .swiper-rtl .swiper-button-prev:after, .main_con01 .swiper-button-prev:after, .main_con01 .swiper-rtl .swiper-button-next:after { width: 40px; height: 40px; font-size: 18px; }
	.main_con01 .swiper-button-prev { right: 50px; }

	.photo_title { font-size: 1.1em; }

}

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


}