
.MAIN_06_SRO {width: 100%;
  position: relative;

  overflow: hidden; 
}


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.MAIN_06_SRO .contents-container {
  display: flex; min-height:clamp(500px, calc(13.158vw + 447.368px), 700px);
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_06_SRO .contents-container { width: 100%; float: left

}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.MAIN_06_SRO .contents-left {
  flex-shrink: 0;
  position: relative;
  width:clamp(300px, calc(9.868vw + 260.526px), 450px);
  z-index: 2; width: 100%; float: left ; position: relative;padding-bottom:60px;

}



.MAIN_06_SRO .contents-left::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  width: 100vw;
  height: 100%;

}

.MAIN_06_SRO .textset {
  margin-top: clamp(0px, calc(3.289vw + -13.158px), 50px); width: 100%; float: left ; position: relative
}



.MAIN_06_SRO .textset .sub_stit {
  font-family: 'NanumSquare'; font-weight: 900;
  color: #000; font-size:calc(var(--tit-lg-size) * 1);  line-height: 100%; letter-spacing: -1px; margin-bottom: 20px
}
.MAIN_06_SRO .textset .sub_stit2 {
  font-family:"Pretendard Variable",  sans-serif; font-weight: 500;
  color: #383838; font-size:calc(var(--tx-sm-size) * 1);  line-height: 130%; letter-spacing: -1px; margin-bottom:clamp(20px, calc(3.947vw + 4.211px), 80px)
}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
	
.MAIN_06_SRO .textset .sub_btn em{ width: auto; padding: 15px 90px 15px 30px; background-color: #171717; border-radius: 50px;
  font-family: 'NanumSquare';  font-weight: 400;
  color: #fff; font-size:calc(var(--tx-sm-size) * 0.9);  line-height: 100%; letter-spacing: -1px; cursor: pointer; position: relative
}
.MAIN_06_SRO .textset .sub_btn em:before {width: 30px; height: 30px; position: absolute; right:10px; top:10px; content: "";  font-family: unicons-line; background: url("../../../../../_img/img/SRO/main_06_img01.png")no-repeat center center; background-size: 29px;
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
	
.MAIN_06_SRO .textset .sub_btn em{ width: auto; padding: clamp(10px, calc(0.329vw + 8.684px), 15px) clamp(50px, calc(2.632vw + 39.474px), 90px) clamp(10px, calc(0.329vw + 8.684px), 15px) clamp(30px, calc(0vw + 30px), 30px); background-color: #171717; border-radius: 50px;
  font-family: 'NanumSquare';  font-weight: 400;
  color: #fff; font-size:calc(var(--tx-sm-size) * 0.9);  line-height: 100%; letter-spacing: -1px; cursor: pointer; position: absolute; right: 0px; top: 0px
}
.MAIN_06_SRO .textset .sub_btn em:before {width: 20px; height: 20px; position: absolute; right:10px; top:8px; content: "";  font-family: unicons-line; background: url("/_img/img/SRO/main_06_img01.png")no-repeat center center; background-size:20px;
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.MAIN_06_SRO .contents-control {
  display: flex;
  align-items: center;
  gap:10px;
  position: absolute;
  bottom:100px;
  left: 0;    width: 100%;
}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.MAIN_06_SRO .contents-control {
  display: flex;
  align-items: center;
  gap:10px;
  position: absolute;
  bottom:20px;
  left: 0;  width: 100%;
}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.MAIN_06_SRO .contents-control:before {
 content: ""; width: clamp(100px, calc(6.579vw + 73.684px), 200px);
  position: absolute;
  bottom:20px;
left:150px;  height: 1px ;background-color: #ccc
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.MAIN_06_SRO .contents-control:before {
 content: ""; width: calc(100%  - 100px);
  position: absolute;
  bottom:20px;
left:100px;  height: 1px ;background-color: #ccc
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.MAIN_06_SRO .swiper-button-prev,
.MAIN_06_SRO .swiper-button-next {
  position: static;
  width:50px;
  height:50px;
  margin-top: 0;
  transition: 0.3s; display: flex;  justify-content: center;  align-items: center; 
}

.MAIN_06_SRO .swiper-button-prev {

}

.MAIN_06_SRO .swiper-button-prev:after,
.MAIN_06_SRO .swiper-button-next:after {
  content: ">";
  width:50px;
  height:50px; background: none!important;
  transition: 0.3s; display: none!important ; 
}

.MAIN_06_SRO .swiper-button-prev{
  content: "";
  transition: 0.3s; background: none
}
.MAIN_06_SRO .swiper-button-prev i{
color: #000; font-size: 60px
}

.MAIN_06_SRO .swiper-button-next{
  content: "";
  transition: 0.3s; background: none 
}

.MAIN_06_SRO .swiper-button-next i{
color: #000; font-size: 60px
}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_06_SRO .contents-swiper {
  position: relative;
  width: 150%;
  z-index: 1; overflow: hidden; position: absolute; left:clamp(300px, calc(6.579vw + 273.684px), 400px); top: 0px ; padding-bottom: 80px; z-index: 99
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_06_SRO .contents-swiper {
  position: relative;
  width: 100%;
  z-index: 1; overflow: hidden; padding-bottom:30px
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.MAIN_06_SRO .swiper-slide {
  width: clamp(300px, calc(7.895vw + 268.421px), 420px);aspect-ratio:42 / 61;
 
  padding: clamp(40px, calc(1.974vw + 32.105px), 70px) clamp(30px, calc(1.316vw + 24.737px), 50px) clamp(40px, calc(1.974vw + 32.105px), 70px) clamp(30px, calc(1.316vw + 24.737px), 50px); border-radius:15px; position: relative
}

.MAIN_06_SRO .swiper-slide:first-child {
background-color:#f0e5cd 
}
.MAIN_06_SRO .swiper-slide:nth-child(2) {
background-color:#f6d4d5
}

.MAIN_06_SRO .swiper-slide:nth-child(3) {
background-color:#cdd7f0 
}
.MAIN_06_SRO .swiper-slide:nth-child(4) {
background-color:#badfd9
}
.MAIN_06_SRO .swiper-slide:nth-child(5) {
background-color:#f0e5cd 
}

.MAIN_06_SRO .swiper-slide:nth-child(6) {
background-color:#f6d4d5
}

.MAIN_06_SRO .swiper-slide:nth-child(7) {
background-color:#cdd7f0 
}
.MAIN_06_SRO .swiper-slide:nth-child(8) {
background-color:#badfd9
}


.MAIN_06_SRO .swiper-slide .tit{
  font-family: 'NanumSquare'; font-weight: 700;
  color: #000; font-size:calc(var(--tit-mds-size) * 1.0);  line-height: 130%; letter-spacing: -1px; margin-bottom: 20px
}
.MAIN_06_SRO .swiper-slide .txt{
  font-family: 'NanumSquare'; font-weight: 700;
  color: #383838; font-size:calc(var(--tx-sm-size) * 0.8);  line-height: 150%; letter-spacing: -1px; margin-bottom: 30px
}

.MAIN_06_SRO .swiper-slide .more em{width: auto; padding-bottom:5px; border-bottom: 1px solid #000;
  font-family: 'Noto Sans KR', sans-serif; font-weight: 700;
  color: #383838; font-size:calc(var(--tx-sm-size) * 1.0);  line-height: 150%; letter-spacing: -1px; margin-bottom: 30px
}


.MAIN_06_SRO .swiper-slide .wg_img1 {
  width: clamp(300px, calc(7.895vw + 268.421px), 420px); aspect-ratio:420 / 400;

  object-fit: cover; position: absolute; right:-100px; bottom:-100px ; z-index: 99
}

.MAIN_06_SRO .swiper-slide .wg_img1  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}




.MAIN_06_SRO .swiper-pagination {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  width: calc(100% - 16rem);
  height: 3px;
  background: #ddd;
}

.MAIN_06_SRO .swiper-pagination-progressbar-fill {
  background: var(--black);
}











