.main-content-inner01{padding: 110px 0;}
.cat-swiper{background: url(/_res/unist/admission-eng/img/main/cat-02.jpg) no-repeat center / cover;border-radius: 20px;}

.cat-swiper-box{padding: 125px 0 113.5px 160px;}
.cat-swiper-box .title-cat-box{font-size:24px;font-weight: 700;line-height: 1;letter-spacing: -0.01em;color: #FFFFFF;max-width: 800px;margin: 0 0 61.5px 0;}
.cat-swiper-box .title-cat-box span{position: relative;display: inline-block;font-size: 40px;line-height:130%;margin: 38px 0 0 0;}
.cat-swiper-box .title-cat-box span.is-line:before{content:'';background: #002576;width: 100%;height: 12px;position: absolute;left:0;right: 0;bottom: 2px;z-index: -1;}
.cat-swiper-box .title-cat-box span.is-line {margin-top:0;}
.item-cat-swiper{padding-top:15px;}
.item-cat-swiper .swiper-slide{}
.item-cat-swiper .swiper-slide a{display: block;background: rgba(0, 0, 0, 0.05);box-shadow: 0px 17px 25px rgba(17, 17, 17, 0.42);backdrop-filter: blur(4.75px);-webkit-backdrop-filter: blur(4.75px);border-radius: 20px;padding: 40px 29px 28px 34px;box-sizing: border-box;transition: all 0.5s;}
.item-cat-swiper .swiper-slide a:before {content: "";position: absolute;inset: 0;padding: 0.7px;border-radius: 20px;background: linear-gradient(137.89deg, rgba(255, 255, 255, 0.2408) 21.88%, rgba(255, 255, 255, 0.043) 34.69%, rgba(255, 255, 255, 0.043) 67.27%, rgba(255, 255, 255, 0.2322) 77.41%);  -webkit-mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0);  -webkit-mask-composite: xor;          mask-composite: exclude;  z-index: -1;transition: all 0.5s;}
.item-cat-swiper .swiper-slide a:hover{transform: translateY(-15px);}
.item-cat-swiper .swiper-slide a:hover:before{padding: 2px;background: #fff;}
.item-cat-swiper .swiper-slide a .txt01{font-weight: 700;font-size: 24px;line-height: 130%;letter-spacing: -0.01em;color: #FFFFFF;height:93px;margin-bottom: 54px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.item-cat-swiper .swiper-slide a .txt02{font-weight: 500;font-size: 15px;line-height: 140%;letter-spacing: -0.01em;color: #FFFFFF;background: url(../img/common/ico-date.png) no-repeat top 22px left;padding: 23px 0 0 28px;border-top: 1px solid rgba(255, 255, 255, 0.30);}
.item-cat-wrap {position:relative;}
.cat-swiper-box .swiper-controls{position: absolute;right: 162px;top:-61.5px;display: flex;gap: 0 80px;align-items: center;}
.cat-swiper-box .swiper-controls .swiper-button-prev,
.cat-swiper-box .swiper-controls .swiper-button-next{position: unset;width: 33px;height: 30px;border: 0;margin: 0;font-size: 0;background: url(../img/common/item-cat-swiper02.png) no-repeat center;filter: brightness(0) invert(1);transition: all 0.5s;}
.cat-swiper-box .swiper-controls .swiper-button-prev{transform: rotate(180deg);}
.cat-swiper-box .swiper-controls .swiper-button-prev:after,
.cat-swiper-box .swiper-controls .swiper-button-next:after{display: none;}
.cat-swiper-box .swiper-controls .swiper-button-prev:hover,
.cat-swiper-box .swiper-controls .swiper-button-next:hover{filter: unset;}

.cat-swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active .cat-swiper-box{opacity: 1;}

@media (max-width: 1400px) {
	.cat-swiper-box {padding-left: 80px;}
	.cat-swiper-box .swiper-controls {right: 80px;}
}
@media(max-width: 1024px){
	.main-content-inner01{padding: 90px 0 0;}
	.main-content-inner01 .title-box h3{font-size: 30px;line-height: 107%;}
	.main-content-inner01 .ico-star{margin: 15px auto 30px;}
	.main-content-inner01 .cat-box li a{font-size: 14px;line-height: 17px;padding: 12.5px 23px;}
	.main-content-inner01 .cat-box li.active a{padding-left: 45px;background-size: 17px auto;}
	
	.cat-swiper-box {padding: 53px 20px 63px;}
	.cat-swiper-box .title-cat-box {font-size:20px;}
	.cat-swiper-box .title-cat-box span {font-size:24px;margin: 20px 0 0 0;}
	.item-cat-swiper{padding-bottom:0;}	
	.item-cat-swiper .swiper-slide{margin-top: 10px !important;}
	.item-cat-swiper .swiper-slide a{padding: 20px;border-radius: 10px;}
	.item-cat-swiper .swiper-slide a:before{border-radius: 10px;}
	.item-cat-swiper .swiper-slide a .txt01{font-size: 18px;line-height: 140%;height: 50px;-webkit-line-clamp: 2;margin-bottom: 17px;}
	.item-cat-swiper .swiper-slide a .txt02{font-size: 13px;line-height: 140%;background-size: 16px auto;padding: 22px 0 0 22px;}
	
	.cat-swiper-box .swiper-controls{right: unset;left: 0;top:-30px;gap: 25px;}
	.cat-swiper-box .swiper-controls .swiper-button-prev,
	.cat-swiper-box .swiper-controls .swiper-button-next{width: 22px;height: 20px;background-size: cover;}
}

@media(max-width: 768px){
	.main-content-inner01 .cat-box{justify-content: flex-start;}
}