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

.SRO_MAIN_02{ width: 100%; float: left; height: auto;	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#323655+0,13151e+100 */
background: radial-gradient(ellipse at center,  #323655 0%,#13151e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
position: relative;  overflow: hidden}




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

  /* 왼쪽 위에 꽉 찬 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_MAIN_02 .Corner2 {position: absolute; left:50%; top:0px;
  width: 100px;
  height: 100px; margin-right: -100px
}
.SRO_MAIN_02 .Corner2 .white-cutout {
  width: 100%;
  height: 100%;
  background: #fcfcfc;

  /* 오른쪽 위에 꽉 찬 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_MAIN_02{ width: 100%; float: left; height: auto;	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#323655+0,13151e+100 */
background: radial-gradient(ellipse at center,  #323655 0%,#13151e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
position: relative;  overflow: hidden}




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

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


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

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


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