@charset 'utf-8';

.main-visual-box .swiper-slide{position:relative;height:84rem;}
.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(180deg, rgba(0, 0, 0, 0.4) 92.06%, rgba(102, 102, 102, 0.4) 100%),
linear-gradient(0deg, rgba(0, 45, 114, 0.2), rgba(0, 45, 114, 0.2));opacity:20%;}
.main-visual-box .swiper-slide .txt-box{position:absolute;top:23rem;left:50%;z-index:20;margin:0 auto;padding:0 2rem;max-width:148rem;width:100%;text-align:center;transform:translateX(-50%);box-sizing:border-box;color:var(--white100);}
.main-visual-box .swiper-slide .txt-box .txt01{padding:0 0 3rem;font-weight:var(--font-weight-bold);font-size:9.6rem;line-height:0.8;}
.main-visual-box .swiper-slide .txt-box .txt01 span{color:var(--color08);}
.main-visual-box .swiper-slide .txt-box .txt02{font-size:4.8rem;line-height:1.1;}
.main-visual-box .swiper-slide .txt-box .txt03{font-size:7.2rem;line-height:1.1;}
.main-visual-box .swiper-slide .txt-box .txt03 span{font-weight:var(--font-weight-semibold);}
.main-visual-box .swiper-slide .txt-box .txt04{position:relative;margin:6.8rem 0 0;font-weight:var(--font-weight-medium);font-size:2rem;line-height:1.4;color:var(--white50);}
.main-visual-box .swiper-slide .txt-box .txt04::before{content:'';position:absolute;left:50%;top:-3.8rem;width:27.8rem;height:8px;background:var(--color08);transform:translateX(-50%);}
.control-box{position:absolute;left:50%;bottom:9rem;margin:0 auto;padding:0 2rem;max-width:144rem;box-sizing:border-box;transform:translateX(-50%);z-index:20;}
.main-visual-box .swiper-slide .txt-box .txt04:empty::before{content:none;}
.control-box .control-inner{display:flex;justify-content:center;align-items:center;gap:2.4rem;}
.control-box .swiper-btn{position:static;margin:0;width:1.1rem;height:2rem;opacity:1;}
.control-box .swiper-btn.swiper-button-prev{background:url(/_res/gradcau/cauoie/img/main/btn-main-vi-prev@2x.png) no-repeat center/100%;}
.control-box .swiper-btn.swiper-button-next{background:url(/_res/gradcau/cauoie/img/main/btn-main-vi-next@2x.png) no-repeat center/100%;}

.control-box .control-inner .swiper-pagination{display:flex;align-items:center;position:static;gap:1.6rem;width:9.8rem;height:2px;background:var(--white20);}
.control-box .control-inner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--white100);}
.control-box .control-inner .vi-control .main-vi-num{display:flex;justify-content:center;align-items:center;gap:1.5rem;}
.control-box .control-inner .vi-control .vi-num-list{display:flex;justify-content:center;align-items:center;gap:1.5rem;}
.control-box .control-inner .vi-control .main-vi-num span{font-weight:var(--font-weight-medium);font-size:2rem;line-height:1.5;color:var(--color03);;}
.control-box .control-inner .vi-control .main-vi-num span.active{color:var(--white100);}
.control-box .control-inner .vi-control .vi-autoplay-btn{flex-shrink:0;width:2.4rem;height:2.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/gradcau/cauoie/img/main/btn-main-vi-pause@2x.png);}
.control-box .control-inner .vi-control .vi-autoplay-btn.swiper-vi-play{background-image:url(/_res/gradcau/cauoie/img/main/btn-main-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:1024.98px){
	.main-visual-box .swiper-slide{height:65rem;}
	.main-visual-box .swiper-slide .txt-box{top:18rem;}
	.main-visual-box .swiper-slide .txt-box .txt01{padding:0 0 2rem;font-size:4rem;}
	.main-visual-box .swiper-slide .txt-box .txt02{font-size:2.8rem;}
	.main-visual-box .swiper-slide .txt-box .txt03{font-size:4rem;}
	.main-visual-box .swiper-slide .txt-box .txt03 span{display:block;}
	.main-visual-box .swiper-slide .txt-box .txt04{margin:4.4rem 0 0;font-size:1.6rem;text-align:left;}
	.main-visual-box .swiper-slide .txt-box .txt04::before{top:-2rem;width:13.9rem;height:4px;}
	.control-box{bottom:4.5rem;margin:0;}
}