@charset "utf-8";

/* 새글 스킨 (latest) */
.main_con01_list { position: relative; width: 1920px; max-width: 100%; margin-top: -30px; padding: 0%; padding-bottom: 30px; }
.main_con01_list .swiper-wrapper {  }
.main_con01_list .swiper-slide { position: relative; width: 100%; background: rgba(255, 255, 255, 0.1); border-radius: 20px; transform: translateY(30px); transition: box-shadow 0.3s, transform 0.3s, background-color 0.3s; }
.main_con01_list .swiper-slide:after { content: ""; display: block; padding-bottom: 100%; }
.main_con01_list .swiper-slide:hover { transform: unset; }
.main_con01_list .main_con01_inr { position: absolute; left: 0px; top: 0px; display: flex; flex-wrap: wrap; align-content: space-between; width: 100%; height: 100%; transition:all 0.3s; }
.main_con01_list .main_con01_inr:after { content:''; position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); border-radius: 20px; transition:all 0.3s; }
.main_con01_list .swiper-slide:hover .main_con01_inr:after { background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); }
.main_con01_list .main_con01_inr .imgbox { overflow: hidden; position: absolute; top:0px; left: 0px; z-index: 0; border-radius: 20px; }
.main_con01_list .main_con01_inr .imgbox img { display: block; width: 100%; height: 100%; object-fit: cover; }
.main_con01_list .main_con01_inr > a { position: relative; z-index: 99; display: flex; flex-wrap: wrap; align-items: flex-end; width: 100%; height: 100%; padding: 50px 40px; }
.main_con01_list .main_con01_inr .title { position: relative; z-index: 2; text-align: center; width: 100%; transition:all 0.3s; }
.main_con01_list .main_con01_inr .title .eng_txt { position: relative; display: block; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); font-size: 14px; font-weight: 700; transition:all 0.3s; }
.main_con01_list .swiper-slide:hover .main_con01_inr .title .eng_txt { position: absolute; left: 0; bottom: 10px; }
.main_con01_list .main_con01_inr .title h4 { margin:0px 0 20px; color: #fff; font-size: 32px; font-weight: 800; line-height: 1.1em; word-break: keep-all; }
.main_con01_list .main_con01_inr .title p { color: rgba(255, 255, 255, 0.8); font-size: 1.05em; }
.main_con01_list .main_con01_inr .info { position: relative; z-index: 2; width: 100%; padding-top: 10px; border-top:1px solid rgba(255, 255, 255, 0.2); line-height: 1.5; }
.main_con01_list .main_con01_inr .info ul li { word-break: keep-all; }
.main_con01_list .main_con01_inr .main_con01_btn { position: absolute; left: calc(50% - 35px); bottom: -35px; z-index: 2; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 70px; height: 70px; background: #fff; border: 2px solid #fff; border-radius: 500px; color: #aaa; font-size: 30px; transition:all 0.3s; }
.main_con01_list .swiper-slide:hover .main_con01_inr .main_con01_btn, .main_con01_list .main_con01_inr .main_con01_btn:hover {
	border-color: #bc00e4;
	border-radius: 500px;
	color: #e4007f;
}

.main_con01_list .main_con01_inr .main_con01_btn:hover { transform: rotate(180deg); }

.main_con01_list .swiper-slide.empty_li { text-align: center; width: 100% !important; background: transparent; margin: 0 !important; }
.main_con01_list .swiper-slide.empty_li:after { display: none; }

@media screen and (min-width: 1441px) {
	/* .main_con01_list .swiper-wrapper { justify-content: center; } */
}

@media screen and (max-width: 1440px) {
	.main_con01_list { max-width: 90%; }
	.main_con01_list .swiper-button-prev, .main_con01_list .swiper-button-next { margin-top: 0; }

}

@media screen and (max-width: 1280px) {
	
	.main_con01_list { padding-left: 0%; }
	.main_con01_list .main_con01_inr .title h4 { margin: 10px 0 10px; font-size: 25px; }
	.main_con01_list .main_con01_inr .title p { font-size: 1em; }
	.main_con01_list .main_con01_inr .info ul li { font-size: 0.95em; }

}

@media screen and (max-width: 1024px) {
	
	.main_con01_list .main_con01_inr > a { padding: 30px 10px; }
	.main_con01_list .main_con01_inr .main_con01_btn { left: calc(50% - 30px); bottom: -30px; width: 60px; height: 60px; font-size: 26px; }

}

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

}