.main-visual-inner {position: relative;}
.main-visual-inner .swiper-container {overflow: hidden;}
.main-visual-inner .main-img-box {height: 820px;}
.main-visual-inner .main-img-box img {width: 100%;height: 100%;object-fit: cover;vertical-align: top;}
.main-visual-inner .main-title {position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;padding: 40px 0;max-width: 1440px;width:100%;box-sizing:border-box;margin: 0;}
.main-visual-inner .main-title .tit01 {font-weight: 500;font-size: 24px;line-height: 100%;letter-spacing: -0.02px;color: #FFFFFF;padding: 0 0 20px;}
.main-visual-inner .main-title .tit02 {font-weight: 700;font-size: 48px;line-height: 130%;letter-spacing: -0.02px;color: #FFFFFF;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.main-visual-inner .main-title .tit03 {font-weight: 700;font-size: 48px;line-height: 130%;letter-spacing: -0.02px;color: #FFE484;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;margin: 0 0 40px 0;}
.main-visual-inner .main-title .txt-box {padding: 0 0 80px;}

.main-visual-inner .swiper-vi-control {position: absolute;left: 50%;bottom: 320px;z-index: 1;width: 100%;max-width: 1440px;transform: translatex(-50%);}
.swiper-vi-control > div > div.swiper-vi-pagination {display: flex;gap: 16px;align-items: center;}
.swiper-vi-control .swiper-pagination-bullet {width: auto;height: auto;background: transparent;margin: 0 !important;font-size: 14px;font-weight: 500;line-height: 100%;color: #fff;opacity: 1;display: flex;gap: 8px;align-items: flex-start;flex-direction: column;}
.swiper-vi-control .vi-progress {width: 64px;height: 4px;display: inline-block;background: #fff;transition: all;}
.swiper-vi-control .swiper-pagination-bullet-active .vi-progress span {display: block;height: 100%;width: 0%;background: #91CEC2;animation: visualPasin 5.1s forwards;}

.main-visual-inner .btn-more {box-sizing: border-box;}
.main-visual-inner .btn-more a {position: relative;border: 3px solid #FFFFFF;border-radius: 40px;color: #fff;padding: 13px 21px;display: flex;font-size: 18px;line-height: 140%;align-items: center;width: 168px;box-sizing: border-box;justify-content: space-between;font-weight: 500;max-height: 56px;}
.main-visual-inner .btn-more a:after{content: '';background: url(../img/common/btn-more.png);background-size: cover;width: 16px;height: 12px;display: block;margin-top: 3px;}

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

@media (max-width:768px) {
	.main-visual-inner .main-img-box {height: 500px;}
	.main-visual-inner .main-title {padding: 30px 20px;top: 35%}
	.main-visual-inner .main-title .tit01 {font-size: 18px;padding: 0 0 10px;}
	.main-visual-inner .main-title .tit02 {font-size: 28px;}
	.main-visual-inner .main-title .tit03 {font-size: 28px;margin: 0;}
	.main-visual-inner .main-title .txt-box {padding: 0 0 40px;} 
	.main-visual-inner .btn-more a {font-size: 14px;padding: 10px 15px;max-width: 135px;}
	.main-visual-inner .swiper-vi-control {bottom: 80px;width: calc(100% - 40px);}	
}