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

.SRO_2010_7 {width: 100%; 
  position: relative;  background-color: #f9f9f9;
 display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; 	  
	padding: clamp(30px, calc(7.895vw + -1.579px), 150px) 0px
}



.SRO_2010_7 .Corner1 {position: absolute; left:50%; top:0px;
  width: 100px;
  height: 100px; margin-left: -100px
}
.SRO_2010_7 .Corner1 .white-cutout {
  width: 100%;
  height: 100%;
  background: #fff;

  /* 왼쪽 위에 꽉 찬 1/4 원을 투명하게 */
  -webkit-mask-image: radial-gradient(circle at bottom left, transparent 99px, black 100px);
  mask-image: radial-gradient(circle at bottom left, transparent 99px, black 100px);
}


.SRO_2010_7 .Corner2 {position: absolute; left:50%; top:0px;
  width: 100px;
  height: 100px; margin-right: -100px
}
.SRO_2010_7 .Corner2 .white-cutout {
  width: 100%;
  height: 100%;
  background: #fff;

  /* 오른쪽 위에 꽉 찬 1/4 원을 투명하게 */
  -webkit-mask-image: radial-gradient(circle at bottom right, transparent 99px, black 100px);
  mask-image: radial-gradient(circle at bottom right, transparent 99px, black 100px);
}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.SRO_2010_7 {width: 100%; 
  position: relative;  background-color: #f9f9f9;
 display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; 	  
	padding: 80px 0px 20px
}



.SRO_2010_7 .Corner1 {position: absolute; left:50%; top:0px;
  width: 50px;
  height: 50px; margin-left: -50px
}
.SRO_2010_7 .Corner1 .white-cutout {
  width: 100%;
  height: 100%;
  background: #fff;

  /* 왼쪽 위에 꽉 찬 1/4 원을 투명하게 */
  -webkit-mask-image: radial-gradient(circle at bottom left, transparent 44px, black 50px);
  mask-image: radial-gradient(circle at bottom left, transparent 44px, black 50px);
}


.SRO_2010_7 .Corner2 {position: absolute; left:50%; top:0px;
  width: 50px;
  height: 50px; margin-right: -50px
}
.SRO_2010_7 .Corner2 .white-cutout {
  width: 100%;
  height: 100%;
  background: #fff;

  /* 오른쪽 위에 꽉 찬 1/4 원을 투명하게 */
  -webkit-mask-image: radial-gradient(circle at bottom right, transparent 44px, black 50px);
  mask-image: radial-gradient(circle at bottom right, transparent 44px, black 50px);
}

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













.SRO_2010_7 .contents-container{  width: 100%; 

}	
.SRO_2010_7 .contents-container .contents-inner	{
 width: 100%; 
}




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.SRO_2010_7 .info_box{ width: 100%;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row;  box-sizing: border-box; padding-top: 100px;}
.SRO_2010_7 .info_box .wg_img1 { 
width:100%;   display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; 
}

.SRO_2010_7 .info_box .wg_img1 img{
  max-width: 100%;
  max-height: 100%;
  width: auto;   /* 기본은 원본 크기 유지 */
  height: auto;
  display: inline-block;
}

.SRO_2010_7 .info_box .wg_ttbox {
width:100%;
}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.SRO_2010_7 .info_box{ width: 100%;  display: flex;
justify-content:flex-start;  align-items:flex-start; flex-direction:column; box-sizing: border-box; padding-top: 30px;}
.SRO_2010_7 .info_box .wg_img1 { 
width:100%;   display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box;  margin-bottom: 30px
}

.SRO_2010_7 .info_box .wg_img1 img{
width: 100%; 
}

.SRO_2010_7 .info_box .wg_ttbox {
width: 100%;  
}

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


.SRO_2010_7 .info_box .wg_ttbox .info_tx {
width: 100%;   font-family: 'NanumSquare'; font-weight: 500;
color:#333; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 150%; letter-spacing: -1px; margin-bottom: 10px
}
.SRO_2010_7 .info_box .wg_ttbox .info_tx2 {
width: 100%;   font-family: 'NanumSquare'; font-weight: 500;
color:#333; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 150%; letter-spacing: -1px; margin-bottom: 50px
}

.SRO_2010_7 .info_box .wg_ttbox .info_tx3 {
width: 100%;  font-family: 'NanumSquare'; font-weight: 700;
color:  var(--primary); font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 150%; letter-spacing: -1px; 
}