.main-content-inner04{position: relative;padding: 100px 0 141px;}
.main-content-inner04 .inner04-tit{margin-bottom: 40px;font-weight: 700;font-size: 52px;line-height: 120%;letter-spacing: -0.02em;color: #000000;}
.main-content-inner04 .inner04-control{position: absolute;top: 100px;right: 156px;display: flex;gap: 6px;}
.main-content-inner04 .inner04-control a{width: 61px;aspect-ratio: 1/1;background: url(../img/main/sec04-arr.png) no-repeat center;border: 1px solid rgb(0 0 0 / .5);border-radius: 50%;}
.main-content-inner04 .inner04-control a.next{transform: rotate(180deg);}

.main-content-inner04 .swiper{transform: translatex(115px);overflow: unset;}
.main-content-inner04 .swiper-slide {max-width: 468px;padding: 30px 20px 20px;border: 1px solid #DEDEDE;border-radius: 5px;}
.main-content-inner04 .swiper-slide a:hover img{transform: scale(1.1);}
.main-content-inner04 .swiper-slide .inner04-cate{display: flex;align-items: center;gap: 11px;margin-bottom: 19px;font-weight: 700;font-size: 15px;line-height: 140%;color: #000;}
.main-content-inner04 .swiper-slide .inner04-cate:before{content: '';width: 30px;aspect-ratio: 1/1;background: no-repeat center;border-radius: 50%;}
.main-content-inner04 .swiper-slide .inner04-name{min-height: 72px;margin-bottom: 40px;padding: 0 10px;font-weight: 700;font-size: 24px;line-height: 36px;color: #190202;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
.main-content-inner04 .swiper-slide .inner04-img{position: relative;display: flex;justify-content: center;align-items: center;aspect-ratio: 428/240;border-radius:5px;overflow:hidden;}
.main-content-inner04 .swiper-slide .inner04-img img{max-width: 100%;transition:0.5s ease;}

.main-content-inner04 .inner04-more{position: absolute;top: 100px;right: 0;display: flex;justify-content: center;align-items: center;gap: 21px;width: 132px;height: 61px;background-color: #0B3D72;border-radius: 99px;font-weight: 600;font-size: 18px;letter-spacing: -0.02em;color: #fff;}
.main-content-inner04 .inner04-more:after{content:'';width: 6px;height: 11px;background: url(../img/main/sec01-more.png) no-repeat center;}

.main-content-inner04 .inner04-cate.icon01:before{background-image: url(../img/main/sec04-ico01.png);}
.main-content-inner04 .inner04-cate.icon02:before{background-image: url(../img/main/sec04-ico02.png);}
.main-content-inner04 .inner04-cate.icon03:before{background-image: url(../img/main/sec04-ico03.png);}
.main-content-inner04 .inner04-cate.icon04:before{background-image: url(../img/main/sec04-ico04.png);}
.main-content-inner04 .inner04-cate.icon05:before{background-image: url(../img/main/sec04-ico05.png);}
.main-content-inner04 .inner04-cate.color01:before{background-color: #D9F2FF;}
.main-content-inner04 .inner04-cate.color02:before{background-color: #FFEFFD;}
.main-content-inner04 .inner04-cate.color03:before{background-color: #FDE7E9;}
.main-content-inner04 .inner04-cate.color04:before{background-color: #E8F5EC;}
.main-content-inner04 .inner04-cate.color05:before{background-color: #FFF5E7;}
.main-content-inner04 .inner04-img.color01{background-color: #D9F2FF;}
.main-content-inner04 .inner04-img.color02{background-color: #FFEFFD;}
.main-content-inner04 .inner04-img.color03{background-color: #FDE7E9;}
.main-content-inner04 .inner04-img.color04{background-color: #E8F5EC;}
.main-content-inner04 .inner04-img.color05{background-color: #FFF5E7;}

@media(max-width:1024px){
	.main-content-inner04{padding:64px 0 120px;}
	.main-content-inner04 .swiper{transform: translatex(0);}
	.main-content-inner04 .swiper-slide{max-width:335px;padding:30px 10px 10px;}
	.main-content-inner04 .swiper-slide .inner04-cate{padding: 0 10px;}
	.main-content-inner04 .swiper-slide .inner04-name{min-height:64px;margin-bottom:28px;font-size:20px;line-height: 32px;}
	.main-content-inner04 .swiper-slide .inner04-name br{display: none;}
	.main-content-inner04 .swiper-slide .inner04-img{aspect-ratio: 315/240;}
		
	.main-content-inner04 .inner04-more{top: 64px;}
}
@media(max-width:768px){
	.main-content-inner04 .inner04-tit{margin-bottom: 28px;font-size: 30px;line-height: 42px;}
	.main-content-inner04 .inner04-control{top: 60px;right: 0;}
	.main-content-inner04 .inner04-control a{width: 50px;}
			
	.main-content-inner04 .inner04-more{position: initial;width: 100%;height: 60px;margin-top: 20px;}
}
@media(max-width:500px){
	.main-content-inner04 .swiper{overflow: hidden;}
	.main-content-inner04 .swiper-slide{max-width:100%;}
}