@charset "utf-8";

.skip_snb_menu {display:none;}

/* 비주얼 */
.fs_main_visual .swiper-wrapper {height:calc(100vh - 10rem);}
.fs_main_visual .swiper-slide {width:100%;background:no-repeat center/cover;display:flex;justify-content:center;align-items:center;position:relative;}
.fs_main_visual .swiper-slide::after {position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);content:"慈雨";font-family:SeoulHangangM,serif;font-size:30rem;line-height:1;color:rgba(255,255,255,.15);}
.main_visual_text span {color:#fff;position:relative;z-index:1;display:block;}
.main_visual_text .sta {font-family:'나눔명조OTF','NanumMyeongjoOTF',serif;font-size:7.2rem;line-height:1.25;opacity:0;transform:translateY(-30px);transition:2s;transition-delay:0.3s;}
.main_visual_text .sta em {font-family:'나눔명조OTF','NanumMyeongjoOTF',serif;font-weight:bold;}
.main_visual_text .stb {font-weight:500;font-size:2rem;margin-top:4rem;position:relative;opacity:0;transform:translateY(-30px);transition:2s;transition-delay:0.5s;}
.main_visual_text .stb::before {position:absolute;top:-2.5rem;left:50%;content:"";width:1rem;height:1rem;clip-path:polygon(0 0,50% 0,100% 100%,50% 100%);background:#fff;}
.swiper-slide-active .main_visual_text .sta {opacity:1;transform:translateY(0);}
.swiper-slide-active .main_visual_text .stb {opacity:1;transform:translateY(0);}
	@media only screen and (max-width:767px){
		.fs_main_visual .swiper-slide::after {font-size:25rem;}
		.main_visual_text {padding:0 1.5rem;}
	}

/* 컨트롤 */
.mvis_ctrl_box a.mvis_arrow {position:absolute;top:50%;transform:translateY(-50%);z-index:1;}
.mvis_ctrl_box a.mvis_prev {left:5rem;}
.mvis_ctrl_box a.mvis_next {right:5rem;}
.mvis_progress {display:flex;justify-content:center;align-items:center;gap:1.5rem;position:absolute;left:50%;bottom:26%;transform:translateX(-50%);z-index:1;}
.mvis_pager {display:flex;align-items:center;gap:1rem;}
.mvis_pager .swiper-pagination-bullet {width:5rem;height:1px;background:rgba(255,255,255,.3);cursor:pointer;}
.mvis_pager .swiper-pagination-bullet-active {position:relative;}
.mvis_pager .swiper-pagination-bullet-active::after {position:absolute;top:0;left:0;width:0;height:100%;content:"";background:#fff;animation:countingBar 2.5s ease-in 1 alternate forwards;}
@keyframes countingBar {0% {width: 0;} 100% {width:100%;}}
.mvis_pager .swiper-pagination-bullet-active.paused::after {animation-play-state:paused;}
.mvis_auto {line-height:1;}
	@media only screen and (max-width:1023px){
		.mvis_ctrl_box a.mvis_prev {left:3rem;}
		.mvis_ctrl_box a.mvis_next {right:3rem;}
	}
	@media only screen and (max-width:767px){
		.mvis_ctrl_box a.mvis_arrow {display:none;}
		.mvis_progress {bottom:6rem;}
	}