
/* 구분 -----------------------------------*/
/**** 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:768px) {
	.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%;  }
}
/**** 모바일 ****/
@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: 30px 30px 150px ;background-color:#f27268; border-radius: 20px 80px 20px 20px; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin{width: 100%; float: left;position: relative ; padding: 15px 15px 60px ;background-color:#f27268; border-radius: 20px 60px 20px 20px; }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin{width: 100%; float: left;position: relative ; padding: 20px 20px 60px ;background-color:#f27268; border-radius: 10px 30px 10px 10px; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/





.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:first-child{background-color:#f27268 }
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(2){background-color:#f5b15a }
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(3){background-color:#13b5b8 }
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(4){background-color:#7761a7 }



/* 구분 -----------------------------------*/
/**** 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;}


.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(2) .wg_img1:before{content: ""; background-color: #f89926; border-radius: 100%; width: 43px;aspect-ratio:1 / 1; position: absolute; left: 10px;; bottom:20%;}
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(2) .wg_img1:after{content: ""; background-color: #f89926; border-radius: 100%; width: 20px;aspect-ratio:1 / 1; position: absolute; left: 0px;;top: 15%;}

.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(3) .wg_img1:before{content: ""; background-color: #0e9092; border-radius: 100%; width: 50px;aspect-ratio:1 / 1; position: absolute; left: 10px;;top:5%;}
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(3) .wg_img1:after{content: ""; background-color:  rgba(14,144,146,0.84); border-radius: 100%; width: 20px;aspect-ratio:1 / 1; position: absolute; left: -5px;;bottom: 25%;}

.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(4) .wg_img1:before{content: ""; background-color: #543b8c; border-radius: 100%; width: 50px;aspect-ratio:1 / 1; position: absolute; right:15px;;top:5%;}
.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin:nth-child(4) .wg_img1:after{content: ""; background-color:  rgba(84,59,140,0.82); border-radius: 100%; width: 20px;aspect-ratio:1 / 1; position: absolute; left: 10px;;bottom: 30%;}
}
/**** 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; }



.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin .wg_tx1{width: 100%; float: left; font-size:calc(var(--tx-sm-size) * 0.8); color: #fff;  line-height: 130%; margin-bottom: 5px}
/* 구분 -----------------------------------*/
/**** 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: #fff; letter-spacing: -1px; line-height: 130%; font-weight: 600}


}
/**** 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.7);color: #fff; letter-spacing: -1px; line-height: 130%; font-weight: 600}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.MAIN_maintop_SCF2 .wg_boxin .wg_boxinin .wg_tx2{font-size:calc(var(--tit-mds-size) * 1);color: #fff; letter-spacing: -1px; line-height: 130%; font-weight: 600}


}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/






