.main-visual-inner {width: 100%;position: relative;}
.main-visual-inner .swiper-slide .vi-img {min-height: 100vh;height: 960px;position: relative;}
.main-visual-inner .swiper-slide .vi-img img {width: 100%;height: 100%;object-fit: cover;}
.main-visual-inner .swiper-slide:before {content: "";position: absolute;background: url(/_res/sejongipsi/ipsi/img/main/bg-mainvi.png)no-repeat center center;background-size: contain;width: 623px;height: 611px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 5;}

.main-visual-inner .swiper-slide .vi-txt {position: absolute;max-width: 1592px;margin: 0 auto;top: 280px;left: 50%;transform: translateX(-50%);text-align: center;width: 100%;padding: 0 16px;box-sizing: border-box;z-index: 9;}
.main-visual-inner .swiper-slide .vi-txt .txt01 {font-weight: 800;font-size: 60px;line-height: 130%;letter-spacing: 0;text-align: center;color: #fff;margin: 0 0 20px;}
.main-visual-inner .swiper-slide .vi-txt .txt02 {font-weight: 700;font-size: 24px;line-height: 140%;letter-spacing: -0.03em;text-align: center;color: #fff;margin: 0 0 60px;}
.main-visual-inner .swiper-slide .vi-txt .txt03 > a{background: #FFFFFF1A;border: 1px solid #FFFFFF33;backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);padding: 21px 20px;max-width: 245px;box-sizing: border-box;border-radius: 500px;margin: 0 auto;font-weight: 800;font-size: 20px;line-height: 140%;letter-spacing: -0.02em;text-transform: uppercase;color: #fff;display: flex;align-items: center;justify-content: center;}

.main-visual-inner .main-visual-swiper { position: relative; }
.main-visual-inner .swiper-vi-pagination { position: absolute; bottom: 41px; left: 50% !important; transform: translateX(-50%); z-index: 10; display: flex; justify-content: center; align-items: center; gap: 8px; }
.main-visual-inner .swiper-vi-pagination .swiper-pagination-bullet { width: 10px; height: 10px;background: #FFFFFF;border-radius: 50%; margin: 0 !important; cursor: pointer; transition: all 0.3s ease;border: 2px solid transparent;box-sizing: border-box;opacity: 1;}
.main-visual-inner .swiper-vi-pagination .swiper-pagination-bullet-active { width: 14px; height: 14px; background: transparent; opacity: 1; border-radius: 99px;border: 2px solid #FFFFFF}

.main-visual-inner .intro-wrap {max-width: 1592px;padding: 0 35px;box-sizing: border-box;position: absolute;top: 358px;left: 50%;width: 100%;transform: translate(-50%, -50%);z-index: 99;padding: 0 16px;box-sizing: border-box;}
.main-visual-inner .intro-wrap .swiper-button-next, .swiper-button-prev {width: 56px;height: 104px;}
.main-visual-inner .intro-wrap .swiper-button-next:after {background: url(/_res/sejongipsi/ipsi/img/common/ico-slide-next.png)no-repeat center center;background-size: cover;font-size: 0;width: 100%;height: 100%;}
.main-visual-inner .intro-wrap .swiper-button-prev:after {background: url(/_res/sejongipsi/ipsi/img/common/ico-slide-prev.png)no-repeat center center;background-size: cover;font-size: 0;width: 100%;height: 100%;}

.main-visual-inner .util-wrap {position: absolute;bottom: 110px;left: 50%;max-width: 1592px;width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 13px;transform: translateX(-50%);z-index: 99;padding: 0 16px;box-sizing: border-box;}
.main-visual-inner .util-wrap .item {background: #FFFFFF1A;border: 1px solid #FFFFFF33;backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);flex: 1;border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.main-visual-inner .util-wrap .item a:after {content: "";display: inline-block;background: #FFFFFF1A url(/_res/sejongipsi/ipsi/img/common/ico-util.png)no-repeat center center;width: 48px;height: 48px;background-size: auto;display: flex;align-items: center;justify-content: center;border: 0.8px solid #FFFFFF26;backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border-radius: 100%;transition: transform 0.2s ease; }
.main-visual-inner .util-wrap .item a {position: relative;flex: 1;padding: 24px;display: flex;align-items: center;gap: 5px;justify-content: space-between;min-height: 160px;box-sizing: border-box;}
.main-visual-inner .util-wrap .item a:hover:after{transform: translateX(5px);}
.main-visual-inner .util-wrap .item a .txt-box {flex: 1;}
.main-visual-inner .util-wrap .item .name {font-weight: 700;font-size: 26px;line-height: 150%;letter-spacing: -0.03em;color: #fff;margin: 0 0 10px;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;}
.main-visual-inner .util-wrap .item .txt {font-weight: 500;font-size: 16px;line-height: 140%;letter-spacing: -0.03em;color: #fff;    -webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;}

@media (max-width: 1024px) {
	.main-visual-inner .util-wrap {grid-template-columns: repeat(2, 1fr);}

	.main-visual-inner .intro-wrap {display: none;}
	.main-visual-inner .swiper-slide .vi-txt {top: 180px;}
	.main-visual-inner .swiper-slide .vi-txt .txt02 {margin: 0;}
	.main-visual-inner .swiper-slide .vi-txt .txt03 {display: none;}
	
	.main-visual-inner .swiper-slide:before {width: 500px;height: 512px;}
}


@media (max-width: 768px) {
	.main-visual-inner .swiper-slide .vi-img {height: 680px;}
	.main-visual-inner .swiper-slide .vi-txt .txt01 {font-size: 32px;margin: 0 0 20px;}
	.main-visual-inner .swiper-slide .vi-txt .txt02 {font-size: 15px;margin: 0;}
	
	.main-visual-inner .util-wrap {bottom: 131px;}
	.main-visual-inner .util-wrap .item .txt {display: none;}
	.main-visual-inner .util-wrap .item .name {margin: 0;font-size: 15px;}
	.main-visual-inner .util-wrap .item a {min-height: 63px;padding: 20px 15px;}
	.main-visual-inner .util-wrap .item a:after {width: 22px;height: 22px;background-size: 5px;}
	
	.main-visual-inner .swiper-slide:before {width: 235px;height: 234px;top: 141px;transform: translateX(-50%);}
}