@charset "utf-8";

/*!
 * Copyright 2020 ASW.
 */

#main-latest-photo {}
#main-latest-photo .list-gallery-item { padding: 0; padding-right: 15px; }
#main-latest-photo .list-gallery-item:last-child { padding-right: 0; }
#main-latest-photo .list-gallery-item a { display: block; position: relative; padding-right: 60px; color: #565656; line-height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#main-latest-photo .list-gallery-item a .thumbnail { margin-bottom: 10px; width: 100%; min-height: 136px; background-color: #ebedf0; background-position: 50% 50%; text-align: center; }
/*#main-latest-photo .list-gallery-item a .thumbnail img { width: 100%; max-width: 100%; height: auto; }*/
#main-latest-photo .list-gallery-item a .subject { color: #565656; }
#main-latest-photo .list-gallery-item a span.date { position: absolute; right: 0; font-weight: 300; color: #a9b2b8; }

/* Swiper */
.swiper-container { width: 100%; height: 100%; }
.swiper-slide {	text-align: center;	background: #fff; width: 80%; padding: 20px; border:1px solid #eee; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); border-radius: 4px;
	/* Center slide text vertically */
	/*
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	*/
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 40px;
}
.swiper-slide:nth-child(1n) { width: 80%; }
.swiper-slide:nth-child(2n) { width: 80%; }
.swiper-slide:nth-child(3n) { width: 80%; }

/* Swiper - 페이징 Dot 기본 */
.swiper-pagination-bullet { width: 8px !important; height: 8px !important; display: inline-block !important; border-radius: 100% !important; background: #33373c !important; opacity: .1 !important; }

/* Swiper - 페이징 Dot ON 일때 */
.swiper-pagination-bullet-active { opacity: 1 !important; background: #333 !important; }

/* Swiper - 게시물 레이아웃 */
.sw_tit { font-size: 1rem; font-weight: 300; text-align: left;	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%;	display: block; }
.sw_cnt { font-size: 12px; color:#666; margin-top: 20px; line-height: 22px; text-align: left; }
.sw_img { width:100%; margin-top:20px; height:150px; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 4px; }
.sw_img2 { width:100%; margin-top:7px; height:150px; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 4px; }
.sw_img img {}
.sw_sub { font-size: 11px; color:#999; text-align: left; margin-top: 0px; }

/* Swiper - Custom */
.swiper-container { padding: 0px 0 40px; }
.swiper-slide { margin-bottom: 0; padding: 0; border: none; box-shadow: 0 0 0; }
.swiper-slide a { display: block; position: relative; color: #565656; line-height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.swiper-slide a .sw_tit { /*font-size: 1rem; font-weight: 500; color: #565656; margin-top: 10px;*/ position: absolute; bottom: 0; padding: 0 60px 0 10px; width: 100%; background: rgba(255, 255, 255, 0.85); font-weight: 400; }
.swiper-slide a .sw_img { margin-top: 0; height: 200px; }
.swiper-slide a .sw_cnt { margin-top: 0; }
.swiper-slide a .sw_member { display: none; }
.swiper-slide a .sw_date { position: absolute; right: 0; bottom: 0; padding-right: 10px; font-size: 1rem; font-weight: 300; color: #a9b2b8; }
.none-post { padding: 0.25rem 0; }



/* Responsive */
@media (min-width: 320px) {
}

@media (min-width: 360px) {
	.swiper-slide a .sw_img { height: 180px; }
	.none-post { padding-top: 0.35rem; }
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
	#main-latest-photo .list-gallery-item { padding: 0; padding-right: 10px; }
}

@media (min-width: 992px) {
	#main-latest-photo { min-height: 253px; }
	.swiper-slide a .sw_tit  { font-size: .925rem; }
	.swiper-slide a .sw_date { font-size: .925rem; }
}

@media (min-width: 1200px) {
	.swiper-slide a .sw_img { height: 200px; }
}