.SRO_2020_7 {width: 100%;  float: left;
  position: relative; 
}


.SRO_2020_7  .contents-inner	{
 width: 100%;   float: left;display: flex; 
 justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; 
}


.SRO_2020_7 .info_tt {
width: auto; padding: 10px 50px; border-radius: 50px; background-color: var(--primary); 
 font-weight: 700;
color: #fff; font-size:calc(var(--tit-mds-size) * 1);  line-height: 110%; letter-spacing: -1px;  margin-bottom: clamp(40px, 6.250vw, 80px)	;position: relative
}
.SRO_2020_7 .info_tt:before{width:56px; height:28px;   position: absolute; left: 50%; bottom:-26px; content: "";    font-family: unicons-line; background: url( "../../../../../_img/img/SRO/main_01_img03.png") no-repeat center center;  background-size:56px;
margin-left: -28px}








/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.SRO_2020_7 .info_box{ width: 100%;  float: left;display: grid; grid-template-columns:auto 30%; padding: 0px 80px }

.SRO_2020_7 .info_box>.info_l{ width: 100%;  padding-top: 50px}


.SRO_2020_7 .info_box>.info_l .info_tt2 {
width: 100%;   font-weight: 900;
color: #333; font-size:calc(var(--tit-md-size) * 1.4);  line-height: 130%; letter-spacing: -1px;  margin-bottom:clamp(10px, 2.344vw, 30px)	
}


.SRO_2020_7 .info_box>.info_l .info_tx {
width: 100%;   font-weight: 800;
color: var(--primary);  font-size:calc(var(--tit-mds-size) * 1.3); line-height: 130%; letter-spacing: -1px; margin-bottom:20px
}

.SRO_2020_7 .info_box>.info_l .info_tx2 {
width: 100%;   font-weight: 500;
color: #333; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 150%; letter-spacing: -1px; 
}
.SRO_2020_7 .info_box>.info_r { width: 100%;  float: left; text-align: center }
.SRO_2020_7 .info_box>.info_r .wg_img1{ width: 100%;  }
.SRO_2020_7 .info_box>.info_r  .wg_img1 img{   max-width: 100%;
  max-height: 100%;
  width: auto;   /* 기본은 원본 크기 유지 */
  height: auto;
  display: inline-block; }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.SRO_2020_7 .info_box{ width: 100%; display: grid; grid-template-columns:100%; padding: 0px }

.SRO_2020_7 .info_box>.info_l{ width: 100%;  padding-top: 0px}


.SRO_2020_7 .info_box>.info_l .info_tt2 {
width: 100%;   font-weight: 900;
color: #333; font-size:calc(var(--tit-md-size) * 1.2);  line-height: 130%; letter-spacing: -1px;  margin-bottom:clamp(10px, 2.344vw, 30px)	
}


.SRO_2020_7 .info_box>.info_l .info_tx {
width: 100%;   font-weight: 800;
color: var(--primary);  font-size:calc(var(--tit-mds-size) * 1.1); line-height: 130%; letter-spacing: -1px; margin-bottom:20px
}

.SRO_2020_7 .info_box>.info_l .info_tx2 {
width: 100%;   font-weight: 500;
color: #333; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 150%; letter-spacing: -1px; 
}

.SRO_2020_7 .info_box>.info_r { width: 100%;  }
.SRO_2020_7 .info_box>.info_r .wg_img1{ width: 100%; margin-top: 20px; padding: 0px 20px  }
.SRO_2020_7 .info_box>.info_r  .wg_img1 img{   max-width: 100%;
  max-height: 100%;
  width: auto;   /* 기본은 원본 크기 유지 */
  height: auto;
  display: inline-block; 
	

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