.main-visual-inner{overflow: hidden;}
.main-visual-inner img{width: 100%;height: 880px;object-fit: cover;object-position: center;}
.main-visual-inner .txt-vi{position: absolute;bottom: 253px;left: 50%;transform: translateX(-50%);max-width: 1400px;width: 100%;padding: 0 24px;box-sizing: border-box;text-align: center;}
.main-visual-inner .txt-vi ul{display: inline-flex;border: 1px solid #fff;background: rgba(255, 255, 255, 0.15);padding: 12px 30px 14px;border-radius: 99px;justify-content: center;gap: 41px;margin-bottom: 32px;}
.main-visual-inner .txt-vi ul li{font-weight: 700;font-size: 16px;line-height: 19px;letter-spacing: -0.02em;text-transform: uppercase;color: #FFFFFF;position: relative;}
.main-visual-inner .txt-vi ul li + li:before{content:'';width: 1px;height: 12px;background: #fff;position: absolute;left: -21px;top: 50%;transform: translateY(-50%);}
.main-visual-inner .txt-vi ul li.location{background: url(../img/main/location.png) no-repeat center left;padding-left: 25px;}
.main-visual-inner .txt-vi ul li.tel{background: url(../img/main/tel.png) no-repeat center left;padding-left: 28px;}
.main-visual-inner .txt01{font-family: 'Prompt';font-weight: 700;font-size: 64px;line-height: 60px;text-transform: uppercase;color: #FFFFFF;text-align: center;background: url(../img/main/star.png) no-repeat center bottom 30px;padding-bottom: 116px;}
.main-visual-inner .txt02{font-weight: 500;font-size: 20px;line-height: 24px;letter-spacing: -0.01em;text-transform: uppercase;color: #FFFFFF;text-align: center;}

.main-visual-inner .swiper-vi-control{position: absolute;bottom: 188px;left: 50%;transform: translateX(-50%);right: 0;z-index: 10;width: 100%;display: flex;gap: 10px;align-items: center;justify-content: center;box-sizing: border-box;}
.main-visual-inner .swiper-vi-control > div{display: flex;align-items: center;}
.main-visual-inner .swiper-vi-pause{background: url('../img/main/btn-play.png') no-repeat center;width: 21px;height: 21px;cursor: pointer;}
.main-visual-inner .swiper-vi-play{background: url('../img/main/btn-pause.png') no-repeat center;width: 21px;height: 21px;cursor: pointer;display: none;opacity: 0.8;}
.main-visual-inner .swiper-vi-pagination{display: block;position: relative;z-index: 10;height: 2px; transform: translatex(-50%);left: 50%;}  


.main-visual-inner .custom-progress{display: flex;align-items: center;gap: 10px;font-family: 'Prompt';font-weight: 600;font-size: 13px;line-height: 20px;letter-spacing: 0.02em;text-transform: uppercase;color: #FFFFFF;color: #FFFFFF;}
.main-visual-inner .custom-progress .bar{position: relative;flex: 1;background: rgb(255 255 255 / 30%);overflow: hidden;width: 60px;height: 2px;}
.main-visual-inner .custom-progress .current,
.main-visual-inner .custom-progress .total{width: 19px;text-align: center;}
.main-visual-inner .custom-progress .fill{position: absolute;top: 0; left: 0;height: 100%;width: 0%;background: #fff;transition: width linear;}
.main-visual-inner .custom-progress .toggle{background: #FFFFFF33;border: none;color: #fff;font-size: 16px;cursor: pointer;border-radius: 100%;width: 33px;height: 33px;}

.main-visual-inner .swiper-button-prev,
.main-visual-inner .swiper-button-next{position: unset;width: 10px;height: 21px;border: 0;border-radius: 50%;margin: 0;font-size: 0;display: inline-block;background: none;}
.main-visual-inner .swiper-button-prev{transform: rotate(180deg);}
.main-visual-inner .swiper-button-prev:after,
.main-visual-inner .swiper-button-next:after{content:'';background: url(../img/main/swiper-arrow.png) no-repeat center;width: 10px;height: 21px;display: inline-block;}
.main-visual-inner .swiper-button-next.swiper-button-disabled, 
.main-visual-inner .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.main-visual-inner .swiper-button-prev.swiper-button-disabled:after,
.main-visual-inner .swiper-button-next.swiper-button-disabled:after{opacity: 0.5;}

/*main visual image*/
@keyframes visualPasin {
  0% {width: 0%;}
  100% {width: 100%;}
}

@media(max-width: 1024px){
	.main-visual-inner img{height: 602px;}
	.main-visual-inner .txt-vi{bottom: 163px;}
	.main-visual-inner .txt01{font-size: 34px;line-height: 34px;background-size: auto 40px;padding-bottom: 80px;background-position: center bottom 20px;}
	.main-visual-inner .txt02{font-size: 16px;line-height: 28px;}
	.main-visual-inner .swiper-vi-control{bottom: 106px;}
}

@media(max-width: 768px){
	.main-visual-inner .txt-vi ul{display: none;}
	.main-visual-inner .custom-progress .current,
	.main-visual-inner .custom-progress .total{width: 16px;}
}