@charset "utf-8";





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

.MAIN_08_SRO {width: 100%; 
  float: left; 
  overflow: hidden;
  position: relative;
  background: url( "/_img/img/SRO/mainbg_08.jpg")no-repeat center top; 
  background-size: cover;	  height:auto;
  padding:  clamp(80px, 10.938vw, 140px) 0px 80px
}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.MAIN_08_SRO {width: 100%; 
  float: left; 
  overflow: hidden;
  position: relative;
  background: url( "../../../../../_img/img/SRO/mainbg_08.jpg")no-repeat center top; 
  background-size: cover;	 
  padding:  clamp(80px, 10.938vw, 140px) 0px;
}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/






.MAIN_08_SRO .contents-inner {
  width: 100%;  
}

.MAIN_08_SRO .textbox {  display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box;
}


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.MAIN_08_SRO .textbox .sub_stit{; width: 100%; float: left; 
  font-family: 'NanumSquare'; font-weight: 800; color: #fff;  font-size:calc(var(--tit-lg-size) * 1.1);  line-height: 100%; letter-spacing: -3px; text-align: center; margin-bottom: 10px
}
.MAIN_08_SRO .textbox .sub_stit2{; width: 100%; float: left; 
  font-family: 'NanumSquare'; font-weight: 400; color: #fff;  font-size: calc(var(--tx-sm-size) * 1.0);  line-height: 150%; letter-spacing: -1px; text-align: center; margin-bottom: clamp(30px, 3.125vw, 40px)
}

	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_08_SRO .textbox .sub_stit{; width: 100%; float: left; 
 font-family: 'NanumSquare'; font-weight: 800; color: #fff;  font-size:calc(var(--tit-lg-size) * 1.1);  line-height: 120%; letter-spacing: -3px; text-align: center; margin-bottom: 10px
}
.MAIN_08_SRO .textbox .sub_stit2{; width: 100%; float: left; 
  font-family: 'NanumSquare'; font-weight: 400; color: #fff;  font-size: calc(var(--tx-sm-size) * 1.0);  line-height: 150%; letter-spacing: -1px; text-align: center; margin-bottom: clamp(30px, 3.125vw, 40px)
	}}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.MAIN_08_SRO .textbox .textset-subbtn2 {
font-family: 'Noto Sans KR', sans-serif;  font-weight: 700; width: auto; background-color: #3b4050; border-radius: 50px; padding: 20px 80px 20px clamp(30px, 3.906vw, 50px);
color: var( --white); font-size: calc(var(--tx-sm-size) * 1.2);   line-height: 110%; letter-spacing: -1px; position: relative
}
	
.MAIN_08_SRO .textbox .textset-subbtn2:before{width: 55px; height: 55px; position: absolute; right: 5px; top:15px; content: "";  font-family: unicons-line;  background: url( "../../../../../_img/img/SRO/main_top_icon.svg") no-repeat center center;  background-size:55px; }	

	/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {	
.MAIN_08_SRO .wg_boxin{ width:100%; float:left; display: grid; grid-template-columns: repeat(8, 1fr); gap:20px; }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {.MAIN_08_SRO .wg_boxin{ width:100%; float:left; display: grid; grid-template-columns: repeat(4, 1fr); gap:20px; }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {	
.MAIN_08_SRO .wg_boxin{ width:100%; float:left; display: grid; grid-template-columns: repeat(2, 1fr); gap:20px; }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.MAIN_08_SRO .wg_boxin .wg_boxinin{ width:100%; float:left;  padding: 15px;border-radius: 10px; background-color: rgba(255,255,255,0.78);  backdrop-filter: blur(10px); }
.MAIN_08_SRO .wg_boxin .wg_boxinin .wg_img1{ width:100%; float:left;  text-align: center; margin-bottom: 10px}
.MAIN_08_SRO .wg_boxin .wg_boxinin .wg_img1 img{ width:60%; }

.MAIN_08_SRO .wg_boxin .wg_boxinin .wg_tx1{ width:100%; float:left;  text-align: center; font-size:calc(var(--tx-sm-size) * 0.9);}




