@charset "utf-8";





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

.MAIN_05_SRO4 {width: 100%; height: 100%;
float: left; 
overflow: hidden;
position: relative;

background-size: cover;	border-radius:  35px;
padding:80px 60px 50px; background-color: #e7ecef;  


}

.MAIN_05_SRO4 .wg_box{width: 100%;  float: left; display: grid;grid-template-columns: auto 500px;


}	

.MAIN_05_SRO4 .wg_titbox{width: 100%;  float: left; padding-right:clamp(0px, calc(1.316vw + -5.263px), 20px) 


}

.MAIN_05_SRO4 .stit {width: 100%; float: left;  font-family: 'NanumSquare'; font-weight: 800; color: #000;  font-size:calc(var(--tit-lg-size) * 1);  line-height: 130%; letter-spacing: -1px;  text-align:left; margin-bottom: 30px
}
.MAIN_05_SRO4 .stit em{font-family: 'NanumSquare'; font-weight: 800; color: #1b2e7d;  font-size:calc(var(--tit-lg-size) * 1);  line-height: 130%; letter-spacing: -1px;  
}
.MAIN_05_SRO4 .stit span{ font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #000;  font-size:calc(var(--tx-sm-size) * 1.2);  line-height: 180%; letter-spacing: -1px;  margin-bottom: 5px; text-align:left;
}



.MAIN_05_SRO4  .text{ width: 100%; float: left;   font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #000;  font-size:calc(var(--tx-sm-size) * 1.0);  line-height: 130%; letter-spacing: -1px; text-align:right
}






.MAIN_05_SRO4 .stit2 { width:100%; float:left; font-family:"Pretendard Variable",  sans-serif;  color: #000;  font-size:calc(var(--tx-sm-size) * 0.95);  line-height: 130%; letter-spacing: -1px; }	
.MAIN_05_SRO4 .stit3 { width:100%; float:left; font-family:"Pretendard Variable",  sans-serif;  color: #000;  font-size:calc(var(--tx-sm-size) * 0.95);  line-height: 130%; letter-spacing: -1px; }	
.MAIN_05_SRO4 .stit4 { width:100%; float:left; font-family:"Pretendard Variable",  sans-serif;  color: #000;  font-size:calc(var(--tx-sm-size) * 0.95);  line-height: 130%; letter-spacing: -1px; }	
.MAIN_05_SRO4 .stit5 { width:100%; float:left; font-family:"Pretendard Variable",  sans-serif;  color: #000;  font-size:calc(var(--tx-sm-size) * 0.95);  line-height: 130%; letter-spacing: -1px; }	























}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_05_SRO4 {width: 100%; height: 100%;
float: left; 
overflow: hidden;
position: relative;

background-size: cover;	border-radius:  35px;
padding:30px !important;background-color: #e7ecef


}

		
	
	
	
.MAIN_05_SRO4  .text{ width: 100%; float: left;   font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #000;  font-size:calc(var(--tx-sm-size) * 1.0);  line-height: 130%; letter-spacing: -1px;text-align:left;
}



.MAIN_05_SRO4 .stit {width: 100%; float: left;  font-family: 'NanumSquare'; font-weight: 800; color: #000;  font-size:calc(var(--tit-lg-size) * 0.7);  line-height: 130%; letter-spacing: -1px;   text-align:left; margin-bottom: 30px
}
.MAIN_05_SRO4 .stit em{font-family: 'NanumSquare'; font-weight: 800; color: #1b2e7d;  font-size:calc(var(--tit-lg-size) * 0.7);  line-height: 130%; letter-spacing: -1px;  
}
.MAIN_05_SRO4 .stit span{ font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #000;  font-size:calc(var(--tx-sm-size) * 1.2);  line-height: 180%; letter-spacing: -1px;  margin-bottom: 5px; text-align:left;
}



.MAIN_05_SRO4  .text{ width: 100%; float: left;   font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #000;  font-size:calc(var(--tx-sm-size) * 1.0);  line-height: 130%; letter-spacing: -1px; text-align:right
}






.MAIN_05_SRO4 .stit2 { width:100%; float:left; font-family:"Pretendard Variable",  sans-serif;  color: #000;  font-size:calc(var(--tx-sm-size) * 0.95);  line-height: 130%; letter-spacing: -1px; }	
.MAIN_05_SRO4 .stit3 { width:100%; float:left; font-family:"Pretendard Variable",  sans-serif;  color: #000;  font-size:calc(var(--tx-sm-size) * 0.95);  line-height: 130%; letter-spacing: -1px; }	
.MAIN_05_SRO4 .stit4 { width:100%; float:left; font-family:"Pretendard Variable",  sans-serif;  color: #000;  font-size:calc(var(--tx-sm-size) * 0.95);  line-height: 130%; letter-spacing: -1px; }	
.MAIN_05_SRO4 .stit5 { width:100%; float:left; font-family:"Pretendard Variable",  sans-serif;  color: #000;  font-size:calc(var(--tx-sm-size) * 0.95);  line-height: 130%; letter-spacing: -1px; }		



}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.MAIN_05_SRO4  .sw_box{ width: 100%;  height: 100%;  float: left; overflow: hidden ; position: relative; padding-top: 20px}



.MAIN_05_SRO4 .textset {
text-align: center;
}

.MAIN_05_SRO4 .swiper { padding: 0px 0px; width: 100%; float: left; position: relative;

}

.MAIN_05_SRO4 .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
position: relative; border-radius: 15PX; overflow: hidden
}

.MAIN_05_SRO4 .swiper-slide-active {
z-index: 1;
}


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_05_SRO4 .imageset {
height: 390PX;
}
.MAIN_05_SRO4 .imageset .wg_img1{
height: 100%; 
}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_05_SRO4 .imageset {
height: 300PX;
}
.MAIN_05_SRO4 .imageset .wg_img1{
height: 300PX;
}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.MAIN_05_SRO4 .imageset .wg_img1 img{
width:100%;     object-fit: cover;    height: 100%; 
}


.MAIN_05_SRO4 .swiper-control {

}
.MAIN_05_SRO4 .swiper-control .btn-prev{
position: absolute; top: 50%; left: 30px;  font-size: 50px;
}
.MAIN_05_SRO4 .swiper-control .btn-next{
position: absolute; top: 50%; right: 30px;  left: auto;   font-size: 50px;
}

.MAIN_05_SRO4 .paging {
display: flex;
align-items: center;
gap: 0.8rem;
}

.MAIN_05_SRO4 .paging .curr {
font-weight: var(--fw-bold);
}

.MAIN_05_SRO4 .paging .total {
color: #9f9f9f;
}

.MAIN_05_SRO4 .paging .line {
width: 0.1rem;
height: 1rem;
background: #9f9f9f;
}

.MAIN_05_SRO4 .swiper-control button {
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
font-size: 2rem;
background: none;
border: none;
color: var(--text-color1); 
}

.MAIN_05_SRO4 .swiper-progress button {
display: none;
}

.MAIN_05_SRO4 .swiper-progress button.active {
display: flex;
}

/* 모든 슬라이드 기본 상태 */
.MAIN_05_SRO4 .swiper-slide {
transition: transform 0.5s ease, opacity 0.5s ease;
transform: scale(0.7); 
opacity: 1; background-color: #fff;z-index:1;overflow: hidden; border-radius: 15px
}

.MAIN_05_SRO4 .swiper-slide-active {
transform: scale(1)!important;
opacity: 1;
z-index: 2;  box-shadow:3px 3px 30px rgba(51,102,204,0.2);   border: 2px solid #fff; z-index: 9; 
}

.MAIN_05_SRO4 .swiper-slide-prev,
.MAIN_05_SRO4 .swiper-slide-next {
opacity:1; background-color: #fff; z-index:8; position: relative;  
}