.GNS_TOP{ width: 100%; float: left;  height: 750px;   position: relative; margin-top:  var(--header-h); overflow: hidden}



.GNS_TOP .main_text{width: 100%;   }


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.GNS_TOP .main_cont{ position:absolute;  bottom:0px; left: 0px; height: 250px; z-index: 99 ; width: 100%}
.GNS_TOP .main_cont .contents-container{ height: 100%; }
.GNS_TOP .main_cont .main_1_iconbox  {width:100%; height: 100%; background-color: #fff;  border-radius: 250px 0px 0px 0px;  position: relative}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.GNS_TOP .main_cont{ position: absolute;  bottom: 0px; left: 0px; height: 240px; z-index: 99 ; width: 100%}
.GNS_TOP .main_cont .contents-container{ height: 100%;}

.GNS_TOP .main_cont  .main_1_iconbox{width:100%; height: 100%; background-color: #fff;  border-radius: 50px 0px 0px 0px;  position: relative}

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




	
.GNS_TOP .main_1_iconbox:before{width: 100%; height: 100%; position: absolute; bottom: 0px; right: 0px;   content: "";    font-family: unicons-line;}


.GNS_TOP .main_1_iconbox .Corner1 {position: absolute; left:100%;  top:-250px;
width: 250px;
height:250px;
}
.GNS_TOP .main_1_iconbox .Corner1 .white-cutout {
width: 100%;
height: 100%;
background: #fff;

/* 왼쪽 아래에 꽉 찬 1/4 원을 투명하게 */
-webkit-mask-image: radial-gradient(circle at top left, transparent 249px, black 250px);
mask-image: radial-gradient(circle at top left, transparent 249px, black 250px);
}	



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

.GNS_TOP .main_1_iconbox .wg_box{width: 100%; float: left; display: grid ;grid-template-columns: 88% auto ; margin-top: -80px; position: relative; }
	
.GNS_TOP .main_1_iconbox .wg_box>.fl{width: 100%; float: left; position: relative;  display: grid; grid-template-columns: repeat(2, 1fr); gap:2%;}	
.GNS_TOP .main_1_iconbox .wg_box>.fr{width: 100%; float: left; position:absolute; z-index: 99; right:-45%; bottom:-60px; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.GNS_TOP .main_1_iconbox>.wg_box{width: 100%; float: left; display: flex; flex-direction: column;  }

.GNS_TOP .main_1_iconbox>.wg_box .fl{width: 100%; float: left; position: relative; display: grid; grid-template-columns: repeat(1, 1fr); gap:2%; }
.GNS_TOP .main_1_iconbox>.wg_box .fr{width: 100%; float: left; position: relative; }	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/