.main-vi-swiper{position:relative;}
.main-vi-swiper .main-item{display: flex;flex-direction: column-reverse;}
.main-vi-swiper .main-item .item-txt{padding: 29px 252px 44px 35px;flex: 1;position: relative;box-sizing: border-box;min-height: 207px;}
.main-vi-swiper .main-item .item-txt .txt01{font-weight: 800;font-size: 32px;line-height: 130%;letter-spacing: 0;color: #222222;margin: 0 0 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.main-vi-swiper .main-item .item-txt .txt02{font-weight: 500;font-size: 16px;line-height: 150%;letter-spacing: 0;color: #666666;margin: 0 0 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.main-vi-swiper .main-item .item-txt .txt03{font-weight: 400;font-size: 14px;line-height: 100%;letter-spacing: 0;color: #666666;}
.main-vi-swiper .main-item .item-img{width: 100%;height: 673px;}
.main-vi-swiper .main-item .item-img img{width: 100%;height: 100%;object-fit: cover;}
.main-vi-swiper .main-item .btn-view{position: absolute;width: 103.65px;height: 103.65px;display: block;top: 50%;right: 53.73px;transform: translateY(-50%);}
.main-vi-swiper .main-item .bg-btn{position: relative;animation: spin 10s linear infinite;}
.main-vi-swiper .main-item .bg-btn img {width:100%;height:100%;object-fit:cover;}
.main-vi-swiper .main-item .btn-ico{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: url(../img/common/icon-view-02.png) no-repeat;text-indent: -99999px;width: 22px;height: 22px;background-size: contain;}
.main-visual-inner .swiper-vi-control{position: absolute;display: flex;align-items: center;top: 613px;right: 0;z-index: 10;}
.swiper-vi-control > div{display: flex;align-items: center;}
.swiper-vi-control .swiper-navigation{display: flex;align-items: center;position: relative;}
.swiper-vi-control .swiper-navigation .swiper-vi-prev{width: 60px;height: 60px;background: #004EDB url(../img/main/btn-next-sm.png) no-repeat center;z-index: 10;}
.swiper-vi-control .swiper-navigation .swiper-vi-next{width: 60px;height: 60px;background: #001B54 url(../img/main/btn-next-sm.png) no-repeat center;z-index: 10;transform: rotate(180deg);}
.main-visual-inner .swiper-navigation .swiper-vi-btn{cursor: pointer;}
@media(min-width:2560px) and (max-height:1440px){
	.main-vi-swiper .main-item .item-txt{padding: 38.67px 363px 59.33px 46.67px;min-height: 276px;}
	.main-vi-swiper .main-item .item-img{height: 897.33px;}
	.main-vi-swiper .main-item .item-txt .txt02 {font-size: 21.33px;}
	.main-vi-swiper .main-item .item-txt .txt03 {font-size: 18.67px;}
	.main-vi-swiper .main-item .btn-view {width:140px;height:140px;right: 86.54px;}
	.main-visual-inner .swiper-vi-control {top: 817.33px;}
	.swiper-vi-control .swiper-navigation .swiper-vi-prev{width: 80px;height: 80px;}
	.swiper-vi-control .swiper-navigation .swiper-vi-next{width: 80px;height: 80px;}
	.main-vi-swiper .main-item .btn-ico {width: 30px;height: 30px;}
}
@media(max-width:1440px){
	.main-vi-swiper .main-item .item-img {height:590px;}
	.main-visual-inner .swiper-vi-control {top: 530px;}
	.main-vi-swiper .main-item .item-txt {padding: 29px 215px 44px 35px;}
	.main-vi-swiper .main-item .item-txt .txt01 {font-size:24px;}
	.main-vi-swiper .main-item .item-txt .txt02 {font-size:14px;}
}
@media(max-width:1024px){
	.main-vi-swiper .main-item .item-img {height:574px;}
	.main-visual-inner .swiper-vi-control {top:522.8px;}
	.main-vi-swiper .main-item .item-txt {padding: 32px 214.92px 32.4px 30px;min-height:auto;}
	.main-vi-swiper .main-item .item-txt .txt01 {font-size:27px;margin-bottom:12.8px;}
	.main-vi-swiper .main-item .item-txt .txt02 {font-size:14px;margin-bottom:12.8px;}
	.swiper-vi-control .swiper-navigation .swiper-vi-prev {width:51.2px;height:51.2px;background: #004EDB url(../img/main/btn-next-sm-mo.png) no-repeat center;}
	.swiper-vi-control .swiper-navigation .swiper-vi-next {width:51.2px;height:51.2px;background: #001B54 url(../img/main/btn-next-sm-mo.png) no-repeat center;}
	.main-vi-swiper .main-item .btn-view {right: 48.11px;width: 80px;height: 80px;}
	.main-vi-swiper .main-item .btn-ico {width: 17px;height: 17px;}
}

@media(max-width:768px){
	.main-vi-swiper .main-item{flex-direction: column-reverse;}
	.main-vi-swiper .main-item .item-img{width: 100%;}
	.main-vi-swiper .main-item .item-txt{padding: 50px 20px;}
	.main-vi-swiper .main-item .item-txt .txt01{font-size: 26px;line-height: 130%;margin: 0 0 17px;-webkit-line-clamp: 2;}
	.main-visual-inner .swiper-vi-control{left: 20px;top:auto;bottom:68.95px;width:max-content;}
	.swiper-vi-control .swiper-navigation .swiper-vi-prev {width:41px;height:41px;}
	.swiper-vi-control .swiper-navigation .swiper-vi-next {width:41px;height:41px;}
	.main-vi-swiper .main-item .item-txt .box-txt{padding: 0;}
	.main-vi-swiper .main-item .btn-view{position: relative;right: unset;bottom: unset;margin-left: auto;transform:unset;}
	.main-vi-swiper .main-item .item-img{height: 280px;}
	.main-vi-swiper .main-item .item-txt .txt02{font-size: 12px;line-height: 150%;margin: 0 0 17px;}
	.main-vi-swiper .main-item .item-txt .txt03{font-size: 11px;line-height: 100%;}
	.main-vi-swiper .main-item .btn-view{width: 78.88px;height: 78.88px;}
	.custom-progress{font-size: 12px;}
	.swiper-vi-control > div{gap: 16px;}
	.custom-progress .bar{width: 82px;}
	.main-vi-swiper .main-item .btn-ico {width: 17px;height:  17px;}
}
@media(max-width:375px){
	.custom-progress .bar{width: 52px;}
}
@keyframes visualPasin{
	0%{width: 0%;}
	100%{width: 100%;}
}
@keyframes spin{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}