.main-visual-inner img{width: 100%;object-fit: cover;object-position: center;}

.main-visual-inner {position: relative;}
.main-visual-inner .swiper-container {overflow: hidden;position: relative;}
.main-visual-inner .swiper-wrapper .swiper-slide .vi-img-box {height: 800px;}
.main-visual-inner .swiper-wrapper .swiper-slide .vi-img-box img {width: 100%;height: 100%;object-fit: cover;}
.main-visual-inner .swiper-wrapper .swiper-slide .vi-txt-box{position:absolute;bottom: 172px;left:50%;width:100%;box-sizing:border-box;margin: auto;transform: translateX(-50%);max-width: 1520px;}
.main-visual-inner .swiper-wrapper .swiper-slide .vi-txt-box .txt01 {font-family: 'Paperlogy';font-weight: 400;font-size: 40px;line-height: 120%;letter-spacing: -0.04em;color: #FFFFFF;}
.main-visual-inner .swiper-wrapper .swiper-slide .vi-txt-box .txt02 {font-family: 'Paperlogy';font-weight: 600;font-size: 64px;line-height: 120%;letter-spacing: -0.04em;color: #FFFFFF;margin-top: 12px;}

.main-visual-inner .swiper-vi-control {position:relative;max-width:1520px;margin: 0 auto;}
.main-visual-inner .swiper-vi-control .swiper-vi-box{display: flex;align-items:center;gap: 20px;position: absolute;bottom: 120px;left: 0;z-index: 10;}
.main-visual-inner .swiper-vi-control .swiper-vi-pagination {display: flex;gap: 16px;align-items: center;justify-content: center;justify-content: flex-end;}
.main-visual-inner .swiper-vi-control .swiper-vi-pagination .swiper-pagination-bullet{width: 16px;height: 16px;background: #FFFFFF;border-radius: 8px;margin: 0;opacity: 1;}
.main-visual-inner .swiper-vi-control .swiper-vi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 80px;background: #91CEC2;}
.main-visual-inner .swiper-vi-control .swiper-vi-box .swiper-btn {border-radius: 100%;}
.main-visual-inner a.swiper-vi-pause{display: block;background: url('../img/common/ico-play.png') no-repeat center / contain;width: 24px;height: 24px;cursor: pointer;}
.main-visual-inner a.swiper-vi-play{display: block;background: url('../img/common/ico-pause.png') no-repeat center / contain;width: 24px;height: 24px;cursor: pointer;background-size: 16px auto;}
.main-visual-inner .swiper-btn.swiper-pause a.swiper-vi-pause {display: block;}
.main-visual-inner .swiper-btn.swiper-pause a.swiper-vi-play {display: none;}
.main-visual-inner .swiper-btn.swiper-play a.swiper-vi-play {display: block;}
.main-visual-inner .swiper-btn.swiper-play a.swiper-vi-pause {display: none;}
.main-visual-inner .swiper-vi-control .swiper-navigation .num {display:inline-flex;font-family: 'Paperlogy', sans-serif;font-weight: 500;font-size: 20px;line-height: 28px;color: #fff;}
.main-visual-inner .swiper-vi-control .swiper-navigation .num .total {color:rgba(255,255,255,0.5);}
.custom-progress {display: flex;align-items: center;gap: 16px;color: #fff;font-weight: 700;font-size: 15px;line-height: 100%;letter-spacing: 0;}
.custom-progress .bar {position: relative;flex: 1;background: rgba(255,255,255,0.4);overflow: hidden;width: 400px;height: 2px;}
.custom-progress .total {color: #fff;}
.custom-progress .fill {position: absolute;top: 0; left: 0;height: 100%;width: 0%;background: #FFFFFF;transition: width linear;}

@media (max-width: 1520px) {
	.main-visual-inner .swiper-wrapper .swiper-slide .vi-txt-box {padding: 0 20px;}
	.main-visual-inner .swiper-vi-control .swiper-vi-box {left:20px;}
}

@media (max-width:1024px) {
	.main-visual-inner .swiper-vi-control .swiper-vi-box {max-width: 100%;}
	.main-visual-inner .swiper-vi-control .swiper-vi-pagination{padding: 0 0 0px;justify-content: center;width: max-content;}
	.main-visual-inner .swiper-vi-control .swiper-vi-box {justify-content: center;bottom: 32px;}
	
	.main-visual-inner .swiper-wrapper .swiper-slide .vi-img-box {height: 674px;}
	.main-visual-inner .swiper-wrapper .swiper-slide .vi-txt-box {bottom: 116px;}
	.main-visual-inner .swiper-wrapper .swiper-slide .vi-txt-box .txt01{font-size: 24px;line-height: 140%;}
	.main-visual-inner .swiper-wrapper .swiper-slide .vi-txt-box .txt02{font-size: 32px;line-height: 150%;}
	
	.main-visual-inner .swiper-vi-control .swiper-navigation .num {font-size: 16px;}
	.main-visual-inner .swiper-vi-control .swiper-vi-pagination .swiper-pagination-bullet {width:10px;height:10px;}
	.main-visual-inner .swiper-vi-control .swiper-vi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px;}
	.main-visual-inner .swiper-vi-control .swiper-vi-box {gap: 10px;bottom: 64px;padding: 0;}
	.main-visual-inner .swiper-vi-control .swiper-vi-pagination {gap: 8px;}
	.custom-progress .bar {width:111px;}
}