.main-content-inner04{padding: 100px 0 87px;}
.main-content-inner04 .title-box h3{font-weight: 700;font-size: 36px;line-height: 32px;text-align: center;letter-spacing: -0.02em;color: #222222;}
.main-content-inner04 .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 0;}

.main-content-inner04 .video-swiper .swiper-slide{padding-top: 40px;width:auto;}
.main-content-inner04 .video-swiper .swiper-slide a{display: block;}
.main-content-inner04 .video-swiper .swiper-slide a div{height: 261px;border-radius: 10px;overflow: hidden;position: relative;margin-bottom: 30px;transition: all 0.5s ease;background: #004BAE;box-sizing: border-box;}
.main-content-inner04 .video-swiper .swiper-slide a div img{max-width: 100%;width: 100%;max-height: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform 0.5s;}
.main-content-inner04 .video-swiper .swiper-slide a .txt01{font-weight: 700;font-size: 20px;line-height: 140%;text-align: center;letter-spacing: -0.02em;color: #2B2B2B;}

.main-content-inner04 .video-swiper .swiper-slide a div .ico-play{width: 65px;height: 44px;background: url(../img/common/ico-play.png) no-repeat center;position: absolute;left:0;right:0;top:0;bottom:0;margin: auto;transition: all 0.5s ease;
padding: 15px 25px;font-size: 0;background-color: rgba(255, 255, 255, 0.1);box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1), inset 0px 0px 9.5px rgba(255, 255, 255, 0.15);backdrop-filter: blur(6.05px);-webkit-backdrop-filter: blur(6.05px);border-radius: 54px;box-sizing: border-box;font-weight: 700;line-height: 140%;letter-spacing: -0.01em;color: #FFFFFF;display: flex;align-items: center;}

.main-content-inner04 .video-swiper .swiper-slide a div .ico-play:before {content: "";position: absolute;inset: 0;padding: 0.7px;border-radius: 54px;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;}

.main-content-inner04 .video-swiper .swiper-slide a:hover div .ico-play{font-size: 16px;width: 131px;padding-right: 51px;background-position: center right 19px;height: 52px;}

.main-content-inner04 .video-swiper .swiper-controls{display: flex;gap: 10px 41px;align-items: center;justify-content: center;margin-top: 50px;}
.main-content-inner04 .video-swiper .swiper-controls .swiper-button-prev,
.main-content-inner04 .video-swiper .swiper-controls .swiper-button-next{position: unset;border: 1px solid #DFDFDF;width: 50px;height: 50px;border-radius: 50%;margin: 0;font-size: 0;background: transparent;display: flex;justify-content: center;align-items: center;transition: all 0.5s ease;}
.main-content-inner04 .video-swiper .swiper-controls .swiper-button-prev{transform: rotate(180deg);}
.main-content-inner04 .video-swiper .swiper-controls .swiper-button-prev:after,
.main-content-inner04 .video-swiper .swiper-controls .swiper-button-next:after{content: '';background: url(../img/common/video-swiper.png) no-repeat center;width: 16px;height: 16px;display: inline-block;}

.main-content-inner04 .video-swiper .swiper-controls .swiper-button-prev:hover,
.main-content-inner04 .video-swiper .swiper-controls .swiper-button-next:hover{background-color: #004BAE;border-color: #004BAE;}
.main-content-inner04 .video-swiper .swiper-controls .swiper-button-prev:hover:after,
.main-content-inner04 .video-swiper .swiper-controls .swiper-button-next:hover:after{filter: brightness(0) invert(1);}

.main-content-inner04 .video-swiper .swiper-controls > div{display: flex;gap: 10px;align-items: center;}
.main-content-inner04 .video-swiper .swiper-controls .link-more{border: 1px solid #DFDFDF;width: 50px;height: 50px;border-radius: 50%;font-size: 0;display: inline-flex;justify-content: center;align-items: center;box-sizing: border-box;transition: all 0.5s ease;}
.main-content-inner04 .video-swiper .swiper-controls .link-more:after{content: '';background: url(../img/common/ico-plus.png) no-repeat center;width: 30px;height: 30px;}
.main-content-inner04 .video-swiper .swiper-controls .link-more:hover{background-color: #004BAE;border-color: #004BAE;}
.main-content-inner04 .video-swiper .swiper-controls .link-more:hover:after{filter: brightness(0) invert(1);}

.main-content-inner04 .video-swiper .sns-box{display: flex;gap: 10px;align-items: center;position: relative;}
.main-content-inner04 .video-swiper .sns-box:before{content: '';width: 1px;height: 20px;background: #DFDFDF;position: absolute;left: -20px;top: 50%;transform: translateY(-50%);}
.main-content-inner04 .video-swiper .sns-box a{width: 50px;height: 50px;display: block;font-size: 0;}
.main-content-inner04 .video-swiper .sns-box .youtube a{background: url(../img/common/ico-youtube.png) no-repeat center / cover;}
.main-content-inner04 .video-swiper .sns-box .instagram a{background: url(../img/common/ico-instagram.png) no-repeat center / cover;}
.main-content-inner04 .video-swiper .sns-box .facebook a{background: url(../img/common/ico-facebook.png) no-repeat center / cover;}

.main-content-inner04 .video-swiper .swiper-slide a:hover div{transform: translateY(-15px);padding: 5px;}
.main-content-inner04 .video-swiper .swiper-slide a:hover .txt01{color: #004BAE;}


@media(max-width: 1024px){
	.main-content-inner04{padding: 90px 0;}
	.main-content-inner04 .title-box h3{font-size: 40px;line-height: 32px;}
	.main-content-inner04 .ico-star{margin: 15px auto 0;}
	.main-content-inner04 .video-swiper .swiper-slide{padding-top: 30px;}
	.main-content-inner04 .video-swiper .swiper-slide a div{height: 171px;margin-bottom: 17px;}
	.main-content-inner04 .video-swiper .swiper-slide a .txt01{font-size: 14px;line-height: 140%;}
	.main-content-inner04 .video-swiper .swiper-controls{margin-top: 35px;gap: 13px 26px;}
	.main-content-inner04 .video-swiper .swiper-controls .swiper-button-prev,
	.main-content-inner04 .video-swiper .swiper-controls .swiper-button-next{width: 36px;height: 36px;background-size: 5px auto;}
	.main-content-inner04 .video-swiper .swiper-controls .link-more{width: 36px;height: 36px;background-size: 13px auto;}
	.main-content-inner04 .video-swiper .swiper-controls > div{gap: 13px;}
	.main-content-inner04 .video-swiper .sns-box a{width: 36px;height: 36px;}
	.main-content-inner04 .video-swiper .sns-box{gap: 13px;}
	.main-content-inner04 .video-swiper .sns-box:before{left: -13px;}
	.main-content-inner04 .video-swiper .swiper-slide a div .ico-play{width: 55px;height: 40px;padding: 10px 16px;background-size: 8px auto;}
	.main-content-inner04 .video-swiper .swiper-slide a:hover div .ico-play{font-size: 14px;width: 97px;padding-right: 33px;background-position: center right 16px;}
}
@media(max-width: 768px){
	.main-content-inner04 .title-box h3 {font-size:30px;}
}