.main-content-inner02{padding: 95px 0 120px;position: relative;}
.main-content-inner02 .main-title{font-weight: 700;font-size: 36px;line-height: 32px;letter-spacing: -0.02em;color: #222222;max-width: 1580px;margin: auto;}
.main-content-inner02 .cat-box{display: flex;gap: 7px;justify-content: flex-end;align-items: center;overflow-y: auto;padding-right: calc((100% - 1580px) / 2);margin-top: -42px;}
.main-content-inner02 .cat-box::-webkit-scrollbar{width: 0;height: 0;}
.main-content-inner02 .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-inner02 .cat-box li.active a{background: #001B54 url(../img/main/ico-check.png) no-repeat center left 26px;padding-left: 50px;color: #fff;border-color: #001B54;}

.cat-swiper{height: 640px;padding-top: 25px;}
.cat-swiper > .swiper-wrapper{align-items: center;}
.cat-swiper > .swiper-wrapper > .swiper-slide{height: 640px;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: 70px 0 0 72px;opacity: 0;transition: all 0.5s;pointer-events: none;}
.cat-swiper-box .title-cat-box .txt01{font-weight: 700;font-size: 20px;line-height: 1;letter-spacing: -0.02em;color: #FFFFFF;margin-bottom: 32px;}
.cat-swiper-box .title-cat-box .txt02{font-weight: 800;font-size: 46px;line-height: 60px;letter-spacing: -0.01em;color: #FFFFFF;max-width: calc(100% - 70px);}
.cat-swiper-box .title-cat-box .txt02 span{position: relative;}
.cat-swiper-box .title-cat-box .txt02 span:before{content:'';background: #43C1C3;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.1);box-shadow: 0px 17px 25px rgba(17, 17, 17, 0.23);backdrop-filter: blur(7.5px);-webkit-backdrop-filter: blur(7.5px);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/main/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/main/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;}

.main-content-inner02 .text-wrap{width:100vw;position:absolute;top:-10px;left:50%;margin-left:-50vw;white-space:nowrap;display:flex;gap:10px;z-index: 0;}
.main-content-inner02 .text-wrap .text-ani{font-family: 'Roboto Flex';font-weight: 900;font-size: 230px;line-height: 80%;letter-spacing: -0.02em;text-transform: uppercase;color: #E6EAF0;opacity: 0.45;}

@media(max-width: 1024px){
	.main-content-inner02 .main-title{font-size: 26px;}
	.main-content-inner02 .text-wrap{top: 51px;}
	.main-content-inner02 .cat-box{margin: 20px 0 0;}
	.main-content-inner02 .cat-box li a{font-size: 14px;line-height: 17px;padding: 12.5px 23px;}
	.main-content-inner02 .cat-box li.active a{padding-left: 45px;background-size: 17px auto;}
	
	.cat-swiper{height: 670px;padding: 30px 0 0;box-sizing: border-box;}
	.cat-swiper > .swiper-wrapper > .swiper-slide{border-radius: 15px;}
	.cat-swiper-box{padding: 35px 0 0;}
	.cat-swiper-box .title-cat-box{padding: 0 20px;}
	.cat-swiper-box .title-cat-box .txt01{margin-bottom: 21px;}
	.cat-swiper-box .title-cat-box .txt02{font-size: 23px;line-height: 30px;max-width: 100%;}
	.cat-swiper-box .title-cat-box .txt02 span:before{height: 9px;bottom: 0;}
	
	
	
	.item-cat-swiper{padding: 53px 20px 33px;}	
	.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-inner02{padding: 0 0 45px;}
	.main-content-inner02 .text-wrap{display: none;}
	.cat-swiper-box .title-cat-box .txt01{font-size: 16px;margin-bottom: 11px;}
	.cat-swiper-box .title-cat-box .txt02{font-size: 18px;}
	.main-content-inner02 .cat-box{justify-content: flex-start;}
}