@charset "utf-8";


.MAIN_07_SRO {width: 100%; 
  float: left; 
  overflow: hidden;
  position: relative;

}

.MAIN_07_SRO .contents-inner {
  width: 100%;    position: relative; 
}






/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_07_SRO .contents-inner .contents-backimg{width:610px ; height:723px ; position: absolute; right:0px; top:170px; }
.MAIN_07_SRO .contents-inner .contents-backimg img{}



.MAIN_07_SRO .cont_box {   width: 100%; float: left; display: grid; grid-template-columns:repeat(2, 1fr); gap:100px; z-index: 9; padding: 100px 600px 100px 0px; 
}

.MAIN_07_SRO .cont_box>.cont_box_l {   width: 100%; float: left;  
}
.MAIN_07_SRO .cont_box>.cont_box_r {   width: 100%; float: left;  
}



.MAIN_07_SRO .info_stit {width: 100%; float: left;  font-family: 'NanumSquare'; font-weight: 800; color: #000;  font-size:calc(var(--tit-lg-size) * 1.4);  line-height: 100%; letter-spacing: -1px;  margin-bottom: 20px; text-align: center
}
.MAIN_07_SRO .info_stit em{font-family: 'NanumSquare'; font-weight:400; color: #000;  font-size:calc(var(--tit-lg-size) * 1.4);  line-height: 100%; letter-spacing: -1px;  margin-right: 20px
}

	
	
.MAIN_07_SRO .info_stit2 {width: 100%; float: left;  font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #666;  font-size:calc(var(--tx-sm-size) * 1.2);  line-height: 130%; letter-spacing: -1px;  margin-bottom: 70px; text-align: center
}


.MAIN_07_SRO  .info_listbox{   width: 100%; float: left;  margin-bottom:50px 
}
.MAIN_07_SRO  .info_listbox .info_list_tt { width: 100%; float: left; margin-bottom: 30px; position: relative;}
.MAIN_07_SRO  .info_listbox .info_list_tt:before{ position: absolute; right: 0px; top:15px; content: "";    font-family: unicons-line;  height: 1px; width:320px; background-color: #2d2b2d;}
.MAIN_07_SRO  .info_listbox .info_list_tt2{ width: 100%; float: left; margin-bottom: 30px; position: relative;}
.MAIN_07_SRO  .info_listbox .info_list_tt2:before{ position: absolute; right: 0px; top:15px; content: "";    font-family: unicons-line;  height: 1px; width:350px; background-color: #2d2b2d;}

.MAIN_07_SRO  .info_listbox .info_list_tt em{   width:auto; font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #fff;  font-size:calc(var(--tx-sm-size) * 1.0);  line-height: 100%; letter-spacing: -1px; padding: 10px 20px; border-radius: 30px; 
background-color: #2d2b2d;  margin-bottom: 30px}
.MAIN_07_SRO  .info_listbox .info_list_tt2 em{   width:auto; font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #fff;  font-size:calc(var(--tx-sm-size) * 1.0);  line-height: 100%; letter-spacing: -1px; padding: 10px 20px; border-radius: 30px; 
background-color: #2d2b2d;  margin-bottom: 30px}

.MAIN_07_SRO  .info_listbox .info_list_tx ul li{ width: 100%; float: left;   font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #666;  font-size:calc(var(--tx-sm-size) * 1.0);  line-height: 100%; letter-spacing: -1px; 
	padding-left: 10px; position: relative; margin-bottom: 10px}
.MAIN_07_SRO  .info_listbox .info_list_tx ul li:before{position: absolute; left: 0px; top:0px; content: "-";  color:#666;   font-family: unicons-line; font-size:calc(var(--tx-sm-size) * 1.0); }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_07_SRO .contents-inner .contents-backimg{width:300px ; height:450px ; position: absolute; right:-10px; top:100px; }
.MAIN_07_SRO .contents-inner .contents-backimg img{width: 100%;}



.MAIN_07_SRO .cont_box {   width: 100%; float: left; display: grid; grid-template-columns:100%; gap:30px; z-index: 9; padding: 0px ; 
}

.MAIN_07_SRO .cont_box>.cont_box_l {   width: 100%; float: left;  
}
.MAIN_07_SRO .cont_box>.cont_box_r {   width: 100%; float: left;  
}



.MAIN_07_SRO .info_stit {width: 100%; float: left;  font-family: 'NanumSquare'; font-weight: 800; color: #000;  font-size:calc(var(--tit-lg-size) * 1.0);  line-height: 100%; letter-spacing: -1px;  margin-bottom: 20px
}
.MAIN_07_SRO .info_stit em{font-family: 'NanumSquare'; font-weight: 400; color: #000;  font-size:calc(var(--tit-lg-size) * 1.0);  line-height: 100%; letter-spacing: -1px;  
}

.MAIN_07_SRO .info_stit2 {width: 100%; float: left;  font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #666;  font-size:calc(var(--tx-sm-size) * 1.1);  line-height: 130%; letter-spacing: -1px;  margin-bottom:400px
}


.MAIN_07_SRO  .info_listbox{   width: 100%; float: left;  margin-bottom:30px 
}
.MAIN_07_SRO  .info_listbox .info_list_tt { width: 100%; float: left; margin-bottom: 30px; position: relative;}
.MAIN_07_SRO  .info_listbox .info_list_tt:before{ position: absolute; right: 0px; top:15px; content: "";    font-family: unicons-line;  height: 1px; width:280px; background-color: #2d2b2d;}
.MAIN_07_SRO  .info_listbox .info_list_tt2{ width: 100%; float: left; margin-bottom: 30px; position: relative;}
.MAIN_07_SRO  .info_listbox .info_list_tt2:before{ position: absolute; right: 0px; top:15px; content: "";    font-family: unicons-line;  height: 1px; width:250px; background-color: #2d2b2d;}

.MAIN_07_SRO  .info_listbox .info_list_tt em{   width:auto; font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #fff;  font-size:calc(var(--tx-sm-size) * 1.0);  line-height: 100%; letter-spacing: -1px; padding: 10px 20px; border-radius: 30px; 
background-color: #2d2b2d;  margin-bottom: 30px}
.MAIN_07_SRO  .info_listbox .info_list_tt2 em{   width:auto; font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #fff;  font-size:calc(var(--tx-sm-size) * 1.0);  line-height: 100%; letter-spacing: -1px; padding: 10px 20px; border-radius: 30px; 
background-color: #2d2b2d;  margin-bottom: 30px}

.MAIN_07_SRO  .info_listbox .info_list_tx ul li{ width: 100%; float: left;   font-family:"Pretendard Variable",  sans-serif; font-weight: 500; color: #666;  font-size:calc(var(--tx-sm-size) * 1.0);  line-height: 100%; letter-spacing: -1px; 
	padding-left: 10px; position: relative; margin-bottom: 10px}
.MAIN_07_SRO  .info_listbox .info_list_tx ul li:before{position: absolute; left: 0px; top:0px; content: "-";  color:#666;   font-family: unicons-line; font-size:calc(var(--tx-sm-size) * 1.0); }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/