
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_maintop_GNS2{width: 100%; float: left; height: var(--main-top-goarea-h); 
padding:clamp(32px, calc(0.526vw + 29.895px), 40px)  ;
border-radius: clamp(14px, 1.042vw, 20px) clamp(46px, calc(1.579vw + 39.684px), 70px) clamp(14px, 1.042vw, 20px) clamp(14px, 1.042vw, 20px);;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }

.MAIN_maintop_GNS2:first-child{background-color: var(--primary); }	
.MAIN_maintop_GNS2:nth-child(2){background-color: #69b3ed }	
	
.MAIN_maintop_GNS2 .wg_boxin{width: 100%; float: left; display: grid; height: var(--main-top-goarea-h)	;  grid-template-columns: repeat(4, 1fr); gap:2%;  }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1024px) {
.MAIN_maintop_GNS2{width: 100%; float: left; height: 250px; }

.MAIN_maintop_GNS2 .wg_boxin{width: 100%; float: left; display: grid; height:100%	;  grid-template-columns: repeat(4, 1fr); gap:1%;  }
}

/**** pc3 ****/
@media all and (max-width:1023px) and (min-width:768px) {
.MAIN_maintop_GNS2{width: 100%; float: left; height: 350px; }	
.MAIN_maintop_GNS2 .wg_boxin{width: 100%; float: left; display: grid; height:100%	;  grid-template-columns: repeat(4, 1fr); gap:1%;  }
}

/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_maintop_GNS2{padding: 15px ; border-radius: 10px 30px 10px 10px;}
.MAIN_maintop_GNS2 .wg_boxin{width: 100%; float: left; display: grid; grid-template-columns: repeat(4, 1fr);  gap:2%;  }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.MAIN_maintop_GNS2 .sub_stit2{padding-left: 30px}


.MAIN_maintop_GNS2 .wg_boxin>.wg_boxinin{width: 100%; float: left;  display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; }
.MAIN_maintop_SCF2 .wg_boxin>.wg_boxinin .wg_img1{}	
.MAIN_maintop_GNS2 .wg_boxin>.wg_boxinin .wg_img1 img{ width: clamp(40px, calc(2.632vw + 29.474px), 80px)!important; height: clamp(40px, calc(2.632vw + 29.474px), 80px)!important; margin-bottom:10px }
	
.MAIN_maintop_SCF2 .wg_boxin>.wg_boxinin .wg_tx1{text-align: center}