.main-content-inner04 {padding: 80px 0 140px;overflow:hidden;position: relative;}
.main-content-inner04 .swiper-slide {background: #fff;border-radius: 10px;padding: 10px;box-sizing:border-box;border:1px solid #ddd;}
.main-content-inner04 .swiper-slide a {}
.main-content-inner04 .text-box {padding: 30px 30px 30px 30.5px;}
.main-content-inner04 .text-box p {font-weight: 600;font-size: 16px;line-height: 145%;text-transform: uppercase;color:#666;letter-spacing: -0.01em;}
.main-content-inner04 .text-box .txt-date {font-weight: 500;font-size: 13px;line-height: 110.00000000000001%;margin: 0 0 12px 0;}
.main-content-inner04 .text-box .txt-title {font-weight: 700;font-size: 24px;line-height: 140%;color: #222;margin: 0 0 15px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.main-content-inner04 .text-box .txt-desc {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.main-content-inner04 .img-box {height: 300px;box-sizing:border-box;overflow:hidden;border-radius: 10px;}
.main-content-inner04 .img-box img {width:100%;height:100%;object-fit:cover;transition: transform 0.5s;}
.main-content-inner04 .swiper-slide a:hover .img-box img {transform:scale(1.1);}


.main-content-inner04 .title p {font-weight: 700;font-size: 24px;line-height: 110.00000000000001%;letter-spacing: -0.01em;text-align: center;text-transform: uppercase;margin: 0 0 16px 0;color: #fff;}
.main-content-inner04 .title h3 {font-family: Prompt;font-weight: 600;font-size: 64px;line-height: 110.00000000000001%;text-align: center;text-transform: uppercase;color: #fff;margin: 0 0 31px 0;}
.main-content-inner04 .title .control-wrap {display:flex;align-items:center;justify-content:center;gap: 10px;}
.main-content-inner04 .title .control-wrap .btn-more {position:relative;border: 1.5px solid #FFFFFF;font-style: normal;font-weight: 600;font-size: 16px;line-height: 150%;letter-spacing: -0.01em;text-transform: uppercase;color: #FFFFFF;padding: 16px 36px 16px 30px;border-radius:50px;display: inline-flex;gap: 10px;align-items: center;white-space: nowrap;transition: 0.3s;}
.main-content-inner04 .title .control-wrap .btn-more:hover {background: rgba(255, 255, 255, 0.1);}
.main-content-inner04 .control-wrap .btn-more:after {content: '';background: url(../img/main/more.png) no-repeat center;width: 12px;height: 12px;display: inline-block;}
.main-content-inner04 .control-wrap > div  {display:flex;}
.main-content-inner04 .control-wrap > div a{position: unset;width: 56px;height: 56px;border: 1px solid #ddd;border-radius: 50%;margin: 0;font-size: 0;display: inline-block;transition: 0.3s;}
.main-content-inner04 .control-wrap > div a:hover {background:rgba(255, 255, 255, 0.3);}
.main-content-inner04 .control-wrap > div a:after {content: '';background: url(../img/main/ico-swiper-arrow.png) no-repeat center; width: 56px;height: 56px;display: inline-block;}
.main-content-inner04 .control-wrap > div  .btn-galary-prev {transform: rotate(180deg);margin-right: 4px;}
.main-content-inner04 .control-wrap > div  .btn-galary-next {}
@media (min-width:1025px){
	.main-content-inner04 .title {position: absolute;top: 229px;left: 50%;transform: translate(-50%, 0);z-index: 123;}
	.main-content-inner04 .swiper-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
	.main-content-inner04 .swiper-slide{width:100% !important;}
	.main-content-inner04 .pos-2{grid-column:3;}
}
@media (max-width: 1024px) {
	.main-content-inner04 {max-width:800px;margin:auto;padding: 60px 0 150px 0;}
	.main-content-inner04 .title {display:flex;flex-direction:column-reverse;margin: 0 0 39px 0;}
	.main-content-inner04 .title p {font-size:18px;margin:0;}
	.main-content-inner04 .title h3 {font-size:30px;margin: 0 0 12px 0;}
	.main-content-inner04 .title .control-wrap {position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);width: 100%;}
	.main-content-inner04 .text-box {padding: 10px 10px 18px 10px;}
	.main-content-inner04 .title .control-wrap .btn-more {padding: 12px 28px 12px 28px;}
	.main-content-inner04 .control-wrap > div a {width:50px;height:50px;}
	.main-content-inner04 .control-wrap > div a:after {width:50px;height:50px;}
	.main-content-inner04 .text-box .txt-title {font-size: 20px;}
	.main-content-inner04 .text-box .txt-desc {font-size: 15px;}
}
@media (max-width: 768px) {
	.main-content-inner04 .img-box {height: 211px;}
}