




.SRO_2020_3 .contents-container{  width: 100%; 

}	
.SRO_2020_3 .contents-container .contents-inner	{
 width: 100%; 
}





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

.SRO_2020_3 {width: 100%; 
  position: relative;  background-color: #f9f9f9;
 display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; 	  
	padding: 150px
}






.SRO_2020_3 .Corner1 {position: absolute; left:50%; top:0px;
  width: 100px;
  height: 100px; margin-left: -100px
}
.SRO_2020_3 .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_2020_3 .Corner2 {position: absolute; left:50%; top:0px;
  width: 100px;
  height: 100px; margin-right: -100px
}
.SRO_2020_3 .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);
}

.SRO_2020_3 .info_box{ width: 100%;   padding: 100px 150px 0px; display: grid; grid-template-columns: repeat(5, 1fr); gap:30px;}
.SRO_2020_3 .info_box .wg_img { 
width: 100%;  
}

.SRO_2020_3 .info_box .wg_img img{
width: 100%; 
}
	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.SRO_2020_3 {width: 100%; 
  position: relative;  background-color: #f9f9f9;
 display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; 	  
	padding: 80px 20px 40px
}







.SRO_2020_3 .Corner1 {position: absolute; left:50%; top:0px;
  width: 50px;
  height: 50px; margin-left: -50px
}
.SRO_2020_3 .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_2020_3 .Corner2 {position: absolute; left:50%; top:0px;
  width: 50px;
  height: 50px; margin-right: -50px
}
.SRO_2020_3 .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);
}

.SRO_2020_3 .info_box{ width: 100%;   padding: 30px 0px 0px; display: grid; grid-template-columns: repeat(2, 1fr); gap:20px;}
.SRO_2020_3 .info_box .wg_img { 
width: 100%;  
}

.SRO_2020_3 .info_box .wg_img img{
width: 100%; 
}
	
	
	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


