.MAIN_icon_AB .wg_box {
/* 반복 바깥의 그리드 선언용 */
	width: 100%; float: left;  display: grid;   grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));  grid-gap: clamp(10px, 2.344vw, 30px); padding: clamp(50px, 7.813vw, 100px) 0px 0px
}

.MAIN_icon_AB .wg_boxin {
/* 반복 블럭의 박스 활용 */
  padding:clamp(80px, 4.688vw, 90px) clamp(14px, 1.042vw, 20px) clamp(28px, 2.083vw, 40px) clamp(14px, 1.042vw, 20px);;
  background: #e2e2e2;
  border-radius: clamp(10px, 1.563vw, 20px); position: relative;  width: 100%; float: left; margin-bottom: clamp(20px, 3.906vw, 50px); min-height: clamp(70px, 12.500vw, 160px)
}



.MAIN_icon_AB .wg_img1 {
  width:clamp(120px, 11.719vw, 150px);
  position: absolute;
  left:50%;

transform: translateX(-50%);
  top: clamp(-50px, -3.906vw, -20px); 
text-align: center;
  aspect-ratio: 1 / 1;
}
.MAIN_icon_AB .wg_img1 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.MAIN_icon_AB .wg_tx1 {font-size:calc(var(--tx-sm-size) * 1.2); text-align: center; font-weight: 700; color: #fff; width: 100%; float: left}
/* 구분 -----------------------------------*/

/**** 모바일 ****/
@media only all and (max-width:767px) {
	.MAIN_icon_AB .wg_tx1 {font-size:calc(var(--tx-sm-size) * 0.9); text-align: center; font-weight: 700; color: #fff}
}



.MAIN_icon_AB .wg_boxin:first-child {
background-color: #f95a49
}
.MAIN_icon_AB .wg_boxin:nth-child(2){
background-color: #f2905a
}
.MAIN_icon_AB .wg_boxin:nth-child(3) .wg_tx1 {color: #333}
.MAIN_icon_AB .wg_boxin:nth-child(4) .wg_tx1 {color: #333}