/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.MAIN_02_SRO2 { width: 100%;
  position: relative;   padding-top:50px; padding-left: clamp(0px, 11.719vw, 150px); padding-bottom:150px
}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.MAIN_02_SRO2 { width: 100%;
  position: relative;   padding-top:50px; padding-left: 0px; padding-bottom: 100px
}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
.MAIN_02_SRO2 { width: 100%;
  position: relative;   padding-top:0px; padding-left: 0px; padding-bottom: 100px
}

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




.MAIN_02_SRO2 .cont_bg{ position: absolute; right:0px; bottom:-20px; width:clamp(200px, 33.594vw, 430px);   }
.MAIN_02_SRO2 .cont_bg .wg_img1{ width: 100%; }

.MAIN_02_SRO2 .cont_bg .wg_img1 img{  width: 100%;}
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_02_SRO2 ul { width: 100%; float: left; 
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_02_SRO2 ul { width: 100%; float: left;  padding-left: 0px;
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.MAIN_02_SRO2 ul li { width: 100%;   font-family:"Pretendard Variable",  sans-serif; font-weight:400;
color: #fff; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 120%; letter-spacing: -1px; margin-bottom: 20px; padding-left:40px; position: relative 	
}
.MAIN_02_SRO2 ul li:before{width:30px; height:30px; position: absolute; left: 0px; top:0px; content: "";  color:var(--div-color1);   font-family: unicons-line;  background: url("../../../../../_img/img/SRO/main_02_icon4.svg") no-repeat center center;  background-size:30px;}