.main-content-inner01{padding: 100px 0 87px;}
.main-content-inner01 .title-box h3{font-weight: 700;font-size: 36px;line-height: 32px;text-align: center;letter-spacing: -0.02em;color: #222222;}
.main-content-inner01 .ico-star{background: url(../img/common/ico-star.png) no-repeat center;width: 12px;height: 12px;display: flex;align-items: center;justify-content: center;margin: 30px auto;}
.main-content-inner01 .cat-box{display: flex;gap: 7px;justify-content: center;align-items: center;padding-left: 20px;overflow-y: auto;}
.main-content-inner01 .cat-box::-webkit-scrollbar{width: 0;height: 0;}
.main-content-inner01 .cat-box li a{font-weight: 700;font-size: 16px;line-height: 19px;letter-spacing: -0.01em;color: #666666;padding: 14.5px 26px;display: block;background: #FFFFFF;border: 1px solid #DFDFDF;border-radius: 25px;box-sizing: border-box;white-space: nowrap;}
.main-content-inner01 .cat-box li.active a{background: #001B54 url(../img/common/ico-check.png) no-repeat center left 26px;padding-left: 50px;color: #fff;border-color: #001B54;}

.cat-swiper{height: 640px;padding-top: 40px;}
.cat-swiper > .swiper-wrapper{align-items: center;}
.cat-swiper > .swiper-wrapper > .swiper-slide{height: 585px;position: relative;border-radius: 20px;overflow: hidden;transition: all 0.5s;}
.cat-swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active{height: 100%;}

.cat-swiper > .swiper-wrapper > .swiper-slide > .bg-box{position: absolute;left: 0;right: 0;top:0;bottom: 0;z-index: -1;width: 100%;max-width: 100%;height: 100%;max-height: 100%;object-fit: cover;object-position: center;}

.cat-swiper-box{padding: 105px 0 0 62px;opacity: 0;transition: all 0.5s;pointer-events: none;}
.cat-swiper-box .title-cat-box{font-weight: 800;font-size: 46px;line-height: 60px;letter-spacing: -0.01em;color: #FFFFFF;max-width: 500px;}
.cat-swiper-box .title-cat-box span{position: relative;}
.cat-swiper-box .title-cat-box span:before{content:'';background: #002576;width: 100%;height: 12px;position: absolute;left:0;right: 0;bottom: 2px;z-index: -1;}

.item-cat-swiper{padding: 72px 0;}
.item-cat-swiper .swiper-slide{width: 348px;}
.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: 27px 29px 34px 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: 15px;line-height: 240%;letter-spacing: -0.01em;color: #FFFFFF;}
.item-cat-swiper .swiper-slide a .txt02{font-weight: 700;font-size: 22px;line-height: 164%;letter-spacing: -0.01em;color: #FFFFFF;min-height: 108px;margin-bottom: 42px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.item-cat-swiper .swiper-slide a .txt03{font-weight: 500;font-size: 14px;line-height: 140%;letter-spacing: -0.01em;color: #FFFFFF;background: url(../img/common/ico-date.png) no-repeat center left;padding-left: 28px;}

.item-cat-swiper .swiper-controls{position: absolute;right: 98px;top:20px;display: flex;gap: 0 80px;align-items: center;}
.item-cat-swiper .swiper-controls .swiper-button-prev,
.item-cat-swiper .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;}
.item-cat-swiper .swiper-controls .swiper-button-prev{transform: rotate(180deg);}
.item-cat-swiper .swiper-controls .swiper-button-prev:after,
.item-cat-swiper .swiper-controls .swiper-button-next:after{display: none;}
.item-cat-swiper .swiper-controls .swiper-button-prev:hover,
.item-cat-swiper .swiper-controls .swiper-button-next:hover{filter: unset;}

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

@media(max-width: 1024px){
	.main-content-inner01{padding: 90px 0 0;}
	.main-content-inner01 .title-box h3{font-size: 40px;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{height: 658px;padding: 30px 16px 0;box-sizing: border-box;}
	.cat-swiper > .swiper-wrapper > .swiper-slide{border-radius: 15px;}
	.cat-swiper-box{padding: 53px 0 0;}
	.cat-swiper-box .title-cat-box{font-size: 24px;line-height: 140%;padding: 0 20px;max-width: 260px;}
	.cat-swiper-box .title-cat-box span:before{height: 9px;bottom: 0;}
	
	.item-cat-swiper{padding: 53px 20px 63px;}	
	.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{display: none;}
	.item-cat-swiper .swiper-slide a .txt02{font-size: 18px;line-height: 140%;min-height: 50px;-webkit-line-clamp: 2;margin-bottom: 17px;}
	.item-cat-swiper .swiper-slide a .txt03{font-size: 13px;line-height: 140%;background-size: 16px auto;padding-left: 22px;}
	
	.item-cat-swiper .swiper-controls{right: unset;left: 20px;gap: 25px;}
	.item-cat-swiper .swiper-controls .swiper-button-prev,
	.item-cat-swiper .swiper-controls .swiper-button-next{width: 22px;height: 20px;background-size: cover;}
}

@media(max-width: 768px){
	.main-content-inner01 .title-box h3{font-size: 30px;line-height: 32px;}
	.main-content-inner01 .cat-box{justify-content: flex-start;}
}