@charset "utf-8";

/* 새글 스킨 (latest) */
.m_mainvis_box .main_text { position: absolute; left: 5%; top: 0; z-index: 99; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 90%; height: 100%; padding-top: 90px; color: #fff; }
.m_mainvis_box .main_text .main_stitle { display: block; text-align: center; margin-bottom: 30px; font-size: 2.1em; font-weight: 200; letter-spacing: 0em; }
.m_mainvis_box .main_text h2 { display: flex; flex-wrap: wrap; text-align: center; font-size: 4em; font-weight: 700; line-height: 1; letter-spacing: 0.05em; }
.m_mainvis_box .main_text p { text-align: center; margin-top: 50px; color: #fff; font-size: 1.3em; font-weight: 200; line-height: 120%; }

.swiper-pagingbox { position: absolute; bottom: 45px; left: 0; right: 0; z-index: 999; }
.main_vis .swiper-pagingbox .wrap { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: auto; z-index: 99; }
.swiper-progress-bar { position: relative; display: block; width: 130px; height: 2px; }
.swiper-progress-bar .slide_progress-bar { position: absolute; bottom: 0px; left: 0; right: 0; width: auto; height: 2px; background: rgba(255, 255, 255, 0.3); clear: both; opacity: 0; }
.swiper-progress-bar.active .slide_progress-bar { opacity: 1; }
.swiper-progress-bar .slide_progress-bar:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fff; transition: 0.1s width linear; }
.swiper-progress-bar.animate .slide_progress-bar:after { width: 100%; transition: width linear; transition-delay: unset; transition-duration: 5s; }

.swiper-pagination-fraction { position: relative; bottom: auto; text-align: center; margin: 0 10px 0 20px; width: 40px; color: #fff; }
.swiper-pagination-fraction span { display: inline-block; width: 10px; }

.main_vis .swiper-button-prev, .main_vis .swiper-button-next { position: relative; width: auto; height: auto; top: auto; margin-top: 0; background: transparent; border-radius: 0px; color: rgba(255, 255, 255, 0.9); }
.main_vis .swiper-button-prev, .main_vis .swiper-rtl .swiper-button-next { left: auto; right: auto; }
.main_vis .swiper-button-next, .main_vis .swiper-rtl .swiper-button-prev { right: auto; left: auto; }
.main_vis .swiper-button-prev:after, .main_vis .swiper-button-next:after { font-family: 'xeicon' !important; font-size: 24px; }
.main_vis .swiper-button-prev:after { content: "\e93c"; }
.main_vis .swiper-button-next:after { content: "\e93f"; }

@media screen and (max-width: 1280px) {
	
	.m_mainvis_box .main_text { padding-top: 90px; }

}

@media screen and (max-width: 1024px) {
	
	.m_mainvis_box .main_text .main_stitle { font-size: 1.7em; }
	.m_mainvis_box .main_text h2 { font-size: 3em; }
	.m_mainvis_box .main_text p { font-size: 1.1em; }

}

@media screen and (max-width: 768px) {
	
	.m_mainvis_box .main_text .main_stitle { margin-bottom: 20px; }
	.m_mainvis_box .main_text h2 { margin-bottom: 30px; }
	.m_mainvis_box .main_text p { margin-bottom: 50px; }

}

@media screen and (max-width: 480px) {
	
	.m_mainvis_box .main_text { padding-top: 70px; }

}