.main-visual-inner{overflow: hidden;position:relative;}
.main-visual-inner .img-vi {position:relative;overflow:hidden;height: 452px;}
/*.main-visual-inner .img-vi:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.85) 100%); z-index: 2; }*/
.main-visual-inner img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform 0.5s; position: relative;z-index: 1;}
.main-visual-inner .txt-vi{position: relative;bottom: 0;left: 0;padding: 60px 90px 60px 60px;width: 100%;box-sizing: border-box;display: flex;flex-direction: column;gap: 15px;z-index:3;background: linear-gradient(0deg, #001B54, #001B54),
linear-gradient(285.09deg, rgba(3, 7, 15, 0.2) 1.46%, rgba(255, 255, 255, 0) 97.98%);}
.main-visual-inner .txt-date{display:flex;align-items:center;gap:10px; font-weight: 600;font-size: 16px;line-height: 164%;letter-spacing: -0.01em;color:rgba(255,255,255,0.7);}
.main-visual-inner .category{display:inline-block;font-weight: 700;font-size: 13px;line-height: 100%;padding: 9.5px 12px;border-radius: 12px;background-color:#5D00AE; min-width: 47px;box-sizing: border-box;color:#fff;}
.main-visual-inner .category.color01 {background-color:#5D00AE;}
.main-visual-inner .category.color02 {background-color:#004EDB;}
.main-visual-inner .txt01{font-weight: 700;font-size: 36px;line-height: 140%;letter-spacing: -0.01em;color: #fff;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;max-width:500px;}
.main-visual-inner .txt02{font-weight: 500;font-size: 20px;line-height: 164%;letter-spacing: -0.01em;color:rgba(255,255,255,0.8);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}

.main-visual-inner .swiper-slide {width:800px;}
.main-visual-inner .swiper-slide a:hover img {transform:scale(1.1);}
.main-visual-inner .swiper-vi-pagination {display: block;position: relative;margin: 93px auto 0 auto;z-index: 10;width: calc(100% - 120px);height: 5px;background: #D9D9D9;overflow: hidden;left: 0;cursor: pointer;}  
.main-visual-inner .swiper-vi-pagination .swiper-pagination-progressbar-fill{background: #0BA6EE;}

.main-quick {position:fixed;bottom:60px;right:40px;z-index:111;}
.main-quick > div {position:relative;}
.main-quick .btn-quick {width:48px;height:48px;background: #001B54 url(../img/main/ico-quick.png) no-repeat center;border-radius: 50%;text-indent:-9999px;display:block;}
.main-quick .btn-quick.active {background: #001B54 url(../img/main/ico-close-quick.png) no-repeat center;}
.main-quick ul {position:absolute;bottom:calc(100% + 6px);right:0;;border: 1.5px solid #001B54;border-radius: 8px;background: #fff;padding: 15px;width: 100%;min-width: 106px;box-sizing: border-box; opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease;}
.main-quick ul.show {opacity: 1;visibility: visible;transform: translateY(0);}
.main-quick ul li + li {margin-top: 15px;}
.main-quick ul li a {font-weight: 600;font-size: 14px;line-height: 100%;letter-spacing: -0.01em;color:#333;/*padding-left: 23px;*/display: flex;gap: 5px;align-items: center;}
/*
.main-quick ul li:nth-child(1) a {background:url(../img/main/ico-book.png) no-repeat center left;}
.main-quick ul li:nth-child(2) a {background:url(../img/main/ico-pen.png) no-repeat center left;}
.main-quick ul li:nth-child(3) a {background:url(../img/main/ico-school.png) no-repeat center left;}
.main-quick ul li:nth-child(4) a {background:url(../img/main/ico-pack.png) no-repeat center left;}
*/
@media (max-width: 1024px) {
	.main-visual-inner .swiper-vi-pagination {width: calc(100% - 30px);margin: 50px auto 0 auto;}
	.main-visual-inner .swiper-slide {width:100%;}
	
	.main-visual-inner .txt-vi {padding: 30px 15px;}
}
@media (max-width:768px) {
	.main-visual-inner .swiper-vi-pagination {width:calc(100% - 30px);margin-top:30px;height:3px;}
	.main-visual-inner .txt-vi {padding: 20px 15px;bottom: 0;}
	.main-visual-inner .txt-date {gap:15px;font-size:15px;}
	.main-visual-inner .txt01 {font-size:24px;}
	.main-visual-inner .txt02 {font-size:15px;-webkit-line-clamp: 2;}
	.main-visual-inner .category {padding: 7.5px 12px;}
	.main-quick {right: 10px;bottom: 30px;}
}