@charset 'utf-8';

.main-visual-box .swiper-slide{position:relative;height:100vh;}
.main-visual-box .swiper-slide .img-wrap .img-box{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;}
.main-visual-box .swiper-slide .img-wrap .img-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(270deg, var(--black00) 0%, var(--black00) 80.29%);opacity:15%;}
.main-visual-box .swiper-slide .txt-box{position:absolute;top:50%;left:50%;z-index:20;margin:0 auto 1.619rem;padding:0 2rem;max-width:144rem;width:100%;transform:translate(-50%,-50%);box-sizing:border-box;color:var(--white100);}
.main-visual-box .swiper-slide .txt-box .txt01{padding:0 0 5.424rem;font-size:3.2rem;font-weight:var(--font-weight-medium);line-height:3.2rem;letter-spacing:0.32px;}
.main-visual-box .swiper-slide .txt-box .txt02{padding:0 0 1.811rem;font-size:5.4rem;font-weight:var(--font-weight-bold);line-height:7.74rem;letter-spacing:-1.62px;}
.main-visual-box .swiper-slide .txt-box .txt03{font-size:2rem;font-weight:var(--font-weight-bold);line-height:3.2rem;letter-spacing:-0.6px;}
.control-box{margin:0 auto;padding:0 2rem;max-width:144rem;width:100%;box-sizing:border-box;}
.control-box .swiper-btn{margin-top:0;width:3.5rem;height:3.5rem;background:transparent;border-radius:50%;border:1px solid var(--white50);}
.control-box .swiper-btn::after{content:'';position:absolute;width:6px;height:1.2rem;background-size:100%;background-repeat:no-repeat;background-position:center;}
.control-box .swiper-btn.swiper-button-prev{top:50%;left:0;transform:translateY(-50%);}
.control-box .swiper-btn.swiper-button-prev::after{background-image:url(/_res/sejong/sw/img/common/ico-main-vi-prev@2x.png);}
.control-box .swiper-btn.swiper-button-next{top:50%;right:0;transform:translateY(-50%);}
.control-box .swiper-btn.swiper-button-next::after{background-image:url(/_res/sejong/sw/img/common/ico-main-vi-next@2x.png);}

.control-box{position:absolute;left:50%;bottom:25.843rem;z-index:20;margin:0 2rem;max-width:144rem;width:100%;transform:translateX(-50%);box-sizing:border-box;}
.control-box .control-inner{display:flex;justify-content:center;position:absolute;left:0;align-items:center;max-width:27.8rem;width:100%;}
.control-box .control-inner .swiper-pagination{display:flex;align-items:center;position:static;gap:1.6rem;max-width:9.2rem;width:100%;height:2px;background:var(--white30);}
.control-box .control-inner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--white100);}
.control-box .control-inner .vi-control{display:flex;gap:1.6rem;}
.control-box .control-inner .vi-control .main-vi-num{display:flex;justify-content:center;align-items:center;gap:1.6rem;width:19.3rem;}
.control-box .control-inner .vi-control .main-vi-num > span{margin:0;width:auto;height:auto;font-size:1.5rem;font-weight:var(--font-weight-semibold);background:transparent;color:var(--white100);opacity:1;}
.control-box .control-inner .vi-control .vi-autoplay-btn{flex-shrink:0;width:1rem;height:1.4rem;background-repeat:no-repeat;background-size:contain;background-position:center;}
.control-box .control-inner .vi-control .vi-autoplay-btn.swiper-vi-pause{display:inline-block;background-image:url(/_res/sejong/sw/img/common/ico-vi-pause@2x.png);}
.control-box .control-inner .vi-control .vi-autoplay-btn.swiper-vi-play{background-image:url(/_res/sejong/sw/img/common/ico-vi-play@2x.png);}
.control-box .control-inner .vi-control .main-vi-num.pause .swiper-vi-play{display:none;}
.control-box .control-inner .vi-control .main-vi-num.start .swiper-vi-pause{display:none;}

@media screen and (max-width:768px){
	.main-visual-box .swiper-slide{height:56rem;}
	.main-visual-box .swiper-slide .txt-box{text-align:center;}
	.main-visual-box .swiper-slide .txt-box .txt01{padding:0 0 2.2rem;font-size:2rem;line-height:2rem;}
	.main-visual-box .swiper-slide .txt-box .txt02{padding:0 0 2.2rem;font-size:3rem;line-height:3.3rem;}
	.main-visual-box .swiper-slide .txt-box .txt03{font-size:1.4rem;line-height:2.4rem;}
	.control-box{bottom:16rem;margin:0;}
	.control-box .control-inner{left:50%;max-width:25.8rem;transform:translateX(-50%);}
	.control-box .swiper-btn{width:3rem;height:3rem;}
	.control-box .swiper-btn::after{width:5px;height:1.1rem;}
	.control-box .control-inner .vi-control .vi-autoplay-btn{width:1rem;height:1.3rem;}
	.control-box .control-inner .vi-control .main-vi-num > span{font-size:1.3rem;}
}