.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;  z-index: 99 ; width: 100%}
.GNS_TOP .main_cont .contents-container{ height: 100%; }
.GNS_TOP .main_cont .main_1_iconbox  {width:100%;  background-color: #fff;  height: 250px; border-radius: 250px 0px 0px 0px;  position: relative; padding-bottom: 50px}
}
/**** 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; 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);
}	



	.GNS_TOP .main_1_iconboxr{width: 100%; float: left;}
	
.GNS_TOP .main_1_iconbox .contentContainer{}

.GNS_TOP .main_1_iconbox .contentContainer .wg_main_in>.wg_fl{width: 100%; height:100%;  float: left;display: grid; grid-template-columns: repeat(2, 1fr); gap:50px; margin-top: -80px}	
.GNS_TOP .main_1_iconbox .contentContainer .wg_main_in>.wg_fr{width: auto; height:100%; float: left; position:absolute; z-index: 99; top: -280px; right:-0px; ; }


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
	.GNS_TOP .main_1_iconbox .contentContainer .wg_main_in{display: grid ;grid-template-columns: 85% auto ;  position: relative;  

}
	.GNS_TOP .main_1_iconbox .contentContainer .wg_main_in>.wg_fl{width: 100%; height:100%;  float: left;display: grid; grid-template-columns: repeat(2, 1fr); gap:50px; margin-top: -80px}	
.GNS_TOP .main_1_iconbox .contentContainer .wg_main_in>.wg_fr{width: auto; height:100%; float: left; position:absolute; z-index: 99; top: -280px; right:-0px; ; }
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
	.GNS_TOP .main_1_iconbox .contentContainer .wg_main_in{display: grid ;grid-template-columns:100% ;  position: relative;  

}	
	.GNS_TOP .main_1_iconbox .contentContainer .wg_main_in>.wg_fl{width: 100%; height:100%;  float: left;display: grid; grid-template-columns: 100%; gap:20px; margin-top: -80px}	
.GNS_TOP .main_1_iconbox .contentContainer .wg_main_in>.wg_fr{width: auto; height:100%; float: left; position:absolute; z-index: 99; top: -280px; right:-0px; ; }
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/