/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.MAIN_04_SRO2 {
  overflow: hidden;
  position: relative;
 margin-top: -100px

}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_04_SRO2 { width: 100%; float: left;
  overflow: hidden;
  position: relative;
padding: 0px 0px 50px 0px
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.MAIN_04_SRO2 .contents-inner {
  width: 100%;
}



.MAIN_04_SRO2 .slide-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.MAIN_04_SRO2 .swiper {
  overflow: visible;
  margin: 0;

}

.MAIN_04_SRO2 .swiper-wrapper {
  align-items: center;

}


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.MAIN_04_SRO2 .swiper-slide {
  padding: 45px;
  width: 440px;
  border-radius:0px 50px 0px 50px;  
  border: 1px solid transparent;
  background: #f0f2f7;
  transition: border-color 0.3s, transform 0.3s; -webkit-transform: scale(0.9);
	transform: scale(0.9);
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.MAIN_04_SRO2 .swiper-slide {

  padding: 20px;
  width:clamp(300px, calc(3.289vw + 286.842px), 350px);
  border-radius:0px 50px 0px 50px;  
  border: 1px solid transparent;
  background: #f0f2f7;
  transition: border-color 0.3s, transform 0.3s; -webkit-transform: scale(0.9);
	transform: scale(0.9);
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.MAIN_04_SRO2 .swiper-slide:hover {
  border-color: #d6dbe9;
}

.MAIN_04_SRO2 .swiper-slide-next {
}

.MAIN_04_SRO2 .swiper-slide-next~.swiper-slide {
}

.MAIN_04_SRO2 .swiper-slide-active {
  border-color: #d6dbe9;   background: #fff; box-shadow:3px 3px 10px rgba(126,137,216,0.1); 	-webkit-transform: scale(1);
	transform: scale(1);
}

.MAIN_04_SRO2 .swiper-slide .top{width: 100%;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; min-height: clamp(80px, calc(2.632vw + 69.474px), 120px) }
.MAIN_04_SRO2 .swiper-slide .top .top_img{position: absolute; top:20px  ; left: clamp(20px, calc(1.316vw + 4.737px), 30px);}
.MAIN_04_SRO2 .swiper-slide .top .top_img .wg_img1{width:clamp(80px, calc(2.632vw + 69.474px), 120px); aspect-ratio:1 / 1; display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; border-radius: 100%; overflow: hidden }

.MAIN_04_SRO2 .swiper-slide .top .top_img .wg_img1 img{ width:100%;     object-fit: cover;    height: 100%;  }


.MAIN_04_SRO2 .swiper-slide .top .top_in{width:100%;    padding-left:clamp(100px, calc(2.632vw + 69.474px), 140px) }

.MAIN_04_SRO2 .swiper-slide .top .top_in .top_tt{width: 100%;  font-weight: 700;
color: #666; font-size:calc(var(--tx-sm-size) * 1);  line-height: 100%; letter-spacing: -1px; margin-bottom:10px  }

.MAIN_04_SRO2 .swiper-slide .top .top_in .top_tt2{width: 100%;  }





.MAIN_04_SRO2 .swiper-slide .tt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  margin: 1.4rem 0;
font-weight: 700;
  color: #000; font-size:calc(var(--tit-mds-size) * 1);  line-height: 130%; 
}

.MAIN_04_SRO2 .swiper-slide .tx{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  height: 15rem;
  transition: height 0.3s;

  color: #333; font-size:calc(var(--tx-sm-size) * 0.9);  line-height: 150%; 
}





.MAIN_04_SRO2 .slide-control {

 display: flex;
 justify-content:center;  align-items: center; flex-direction:row; box-sizing: border-box;	

  position: relative;
 padding-bottom: clamp(20px, calc(4.605vw + -8.421px), 80px);
  width: 100%; z-index: 999
  
}

.MAIN_04_SRO2 .swiper-pagination-progressbar {
  position: static;

}

.MAIN_04_SRO2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

}

.MAIN_04_SRO2 .btn-wrap {
  display: flex;
  justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; 	
 width: 100%; float: left;  justify-content: space-between; 

}

.MAIN_04_SRO2 .btn-wrap .btn-prev {
  background-size:clamp(50px, calc(5vw + 30px), 126px);   width: clamp(50px, calc(5vw + 30px), 126px);
  aspect-ratio:126 / 30; position: relative ;
  background-color: #fff
}

.MAIN_04_SRO2 .btn-wrap .btn-prev:before{position: absolute; left: 0px; top:0px; content: "";   font-family: unicons-line; background: url("/_img/img/SRO/main_04_img05.png")no-repeat left top; background-size:clamp(50px, calc(5vw + 30px), 126px);   width: clamp(50px, calc(5vw + 30px), 126px);
  aspect-ratio:126 / 30;}

.MAIN_04_SRO2 .btn-wrap .btn-next {
  width: clamp(50px, calc(5vw + 30px), 126px);
   aspect-ratio:126 / 30;position: relative;
  background-color: #fff 
}

.MAIN_04_SRO2 .btn-wrap .btn-next:before{position: absolute; left: 0px; top:0px; content: "";   font-family: unicons-line; background: url("/_img/img/SRO/main_04_img06.png")no-repeat left top;  background-size:clamp(50px, calc(5vw + 30px), 126px);   width: clamp(50px, calc(5vw + 30px), 126px);
  aspect-ratio:126 / 30; }


.MAIN_04_SRO2 .btn-wrap .btn-pause,
.MAIN_04_SRO2 .btn-wrap .btn-play {
  display: none;
  font-size: 2rem;
}

.MAIN_04_SRO2 .btn-wrap .btn-pause.active,
.MAIN_04_SRO2 .btn-wrap .btn-play.active {
  display: flex;
}