/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.MAIN_maintop_SCF2{width: 100%; float: left; height: var(--main-top-goarea-h)	; }
	.MAIN_maintop_SCF2 .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_SCF2{width: 100%; float: left; height: 250px; }
	
	.MAIN_maintop_SCF2 .wg_boxin{width: 100%; float: left; display: grid; height:100%	;  grid-template-columns: repeat(4, 1fr); gap:1%;  }
}

/**** pc2 ****/
@media all and (max-width:1023px) and (min-width:768px) {
	.MAIN_maintop_SCF2{width: 100%; float: left; height: 350px; }	
	.MAIN_maintop_SCF2 .wg_boxin{width: 100%; float: left; display: grid; height:100%	;  grid-template-columns: repeat(2, 1fr); gap:1%;  }
}

/**** 모바일 ****/
@media only all and (max-width:767px) {.MAIN_maintop_SCF2 .wg_boxin{width: 100%; float: left; display: grid; grid-template-columns: repeat(2, 1fr);  gap:2%;  }

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



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin{width: 100%; float: left;position: relative ; padding:clamp(21px, 1.563vw, 30px) clamp(21px, 1.563vw, 30px) clamp(105px, 7.813vw, 150px) clamp(21px, 1.563vw, 30px);;background-color:rgba(255,255,255,0.9) ; border-radius: clamp(14px, 1.042vw, 20px) clamp(56px, 4.167vw, 80px) 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_SCF2 .wg_boxin .wg_boxinin:hover{background-color:var(--primary);}	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin{width: 100%; min-height: 85px; float: left;position: relative ; padding: 15px 70px 15px 15px;background-color:rgba(255,255,255,0.9) ;border-radius: 10px 30px 10px 10px; }
	.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:hover{background-color:var(--primary); }	
	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/






/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin .wg_img1{width: 100%; float: left; width: clamp(50px, 8.594vw, 110px); height: clamp(50px, 8.594vw, 110px); position: absolute; right: 20PX; bottom: 20PX; display: flex;  justify-content: center;  align-items: center; padding:15px;}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin .wg_img1{width: 100%; float: left;  width: clamp(80px, 8.594vw, 110px); height: clamp(80px, 8.594vw, 110px); position: absolute; right: 5PX; bottom:5PX; display: flex;  justify-content: center;  align-items: center; padding:15px;}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin .wg_img1{width: 100%; float: left; width:60px; height:60px; position: absolute; right: 10PX; bottom:10PX; display: flex;  justify-content: center;  align-items: center; padding:10px;}

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


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:first-child .wg_img1:before{content: ""; background-color: #db493d; border-radius: 100%; width: 65px;aspect-ratio:1 / 1; position: absolute; left: 0px;; bottom: 0px; opacity: 0; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; -webkit-transform: scale(0);	transform: scale(0);
}
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:first-child .wg_img1:after{content: ""; background-color: #db493d; border-radius: 100%; width: 20px;aspect-ratio:1 / 1; position: absolute; left: 0px;;top: 15%; opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; -webkit-transform: scale(0);	transform: scale(0);
}




.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(2) .wg_img1:before{content: ""; background-color: #db493d; border-radius: 100%; width: 43px;aspect-ratio:1 / 1; position: absolute; left: 10px;; bottom:20%;  opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; -webkit-transform: scale(0);	transform: scale(0);}
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(2) .wg_img1:after{content: ""; background-color: #db493d; border-radius: 100%; width: 20px;aspect-ratio:1 / 1; position: absolute; left: 0px;;top: 15%;  opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; -webkit-transform: scale(0);	transform: scale(0);}
	
		
	

.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(3) .wg_img1:before{content: ""; background-color: #db493d; border-radius: 100%; width: 50px;aspect-ratio:1 / 1; position: absolute; left: 10px;;top:5%;  opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; -webkit-transform: scale(0);	transform: scale(0);}
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(3) .wg_img1:after{content: ""; background-color: #db493d; border-radius: 100%; width: 20px;aspect-ratio:1 / 1; position: absolute; left: -5px;;bottom: 25%;  opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transform: scale(0);	transform: scale(0); }

.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(4) .wg_img1:before{content: ""; background-color: #db493d; border-radius: 100%; width: 50px;aspect-ratio:1 / 1; position: absolute; right:15px;;top:5%;  opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transform: scale(0);	transform: scale(0); }
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(4) .wg_img1:after{content: ""; background-color: #db493d; border-radius: 100%; width: 20px;aspect-ratio:1 / 1; position: absolute; left: 10px;;bottom: 30%;  opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transform: scale(0);	transform: scale(0); }
	
	
	
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:hover .wg_img1:before{ opacity: 1;-webkit-transform: scale(1);	transform: scale(1); }
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:hover .wg_img1:after{ opacity: 1;-webkit-transform: scale(1);	transform: scale(1); }

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




.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin .wg_img1 img{width: clamp(50px, 7.813vw, 100px); float: left; }

.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin .wg_img1  lottie-player{width: clamp(50px, 7.813vw, 80px); float: left; }



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin .wg_tx1{width: 100%; float: left; font-size:calc(var(--tx-sm-size) * 0.8); color: #333;  line-height: 130%; margin-bottom: 5px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin .wg_tx1{width: 100%; float: left; font-size:calc(var(--tx-sm-size) * 0.7); color: #333;  line-height: 110%; margin-bottom: 5px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:hover .wg_tx1{color: #fff;}


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin .wg_tx2{font-size:calc(var(--tit-mds-size) * 0.9);color: #000; letter-spacing: -1px; line-height: 130%; font-weight: 600; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
		.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin .wg_tx2{font-size:calc(var(--tit-mds-size) * 0.8);color: #000; letter-spacing: -1px; line-height: 130%; font-weight: 600; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin .wg_tx2{font-size:calc(var(--tit-mds-size) * 0.7);color: #000; letter-spacing: -1px; line-height: 130%; font-weight: 600; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:hover .wg_tx2{color: #fff;}