
/*  color:var(--primary); color: var(--text-color3); */



.box_vision_AA .contents-container{   display: grid;   grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap:clamp(10px, 2.344vw, 30px);}	


.box_vision_AA .contents-container .inbox{ width: 100%; float: left; padding:clamp(15px, 3.906vw, 50px); border-radius:clamp(10px, 1.563vw, 20px); position: relative}	
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.box_vision_AA .contents-container .inbox .title{ width: 100%; float: left; font-size: var(--tit-lg-size);; color: var(--primary);; margin-bottom: clamp(10px, 2.344vw, 30px); font-weight: 700 }	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.box_vision_AA .contents-container .inbox .title{ width: 100%; float: left; font-size:calc(var(--tit-md-size) * 1.1); color: var(--primary);; margin-bottom: clamp(10px, 2.344vw, 30px); font-weight: 700 }	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.box_vision_AA .contents-container .inbox .umbox{ width: 100%; float: left; display: grid; grid-template-columns: repeat(2, 1fr); gap:2%; position: relative	}	

.box_vision_AA .contents-container .inbox .umbox .umbox_in{ width: 100%; float: left; padding-top:clamp(40px, 4.688vw, 60px); position:relative ;  font-size: calc(var(--tit-mds-size) * 0.8);	font-weight: 200; color: #000	; line-height: 120%}	
.box_vision_AA .contents-container .inbox .umbox .umbox_in  em{   font-weight: 700}	

.box_vision_AA .contents-container .inbox .umbox .umbox_in:before{ width:clamp(30px, 2.734vw, 35px); height: clamp(30px, 2.734vw, 35px); border-radius: 100%; background-color: #000; position: absolute; top:  clamp(0px, 1.563vw, 20px); left: 0px; display: flex;  justify-content: center;  align-items: center; color: var(--primary); font-weight: 700	}	
	




.box_vision_AA .contents-container .inbox:first-child{  background-color: #f6f1f0}	
.box_vision_AA .contents-container .inbox:nth-child(2){  background-color: #a7a1a0}	

.box_vision_AA .contents-container .inbox:nth-child(2) .title{ color:#fff; font-weight: 700}	
.box_vision_AA .contents-container .inbox:nth-child(2) .umbox .umbox_in { color: #fff}	
.box_vision_AA .contents-container .inbox:nth-child(2) .umbox .umbox_in  em{ font-weight: 700; color: #fff}	



.box_vision_AA .contents-container .inbox .umbox .umbox_in:first-child:before{ content: "1";  }	
.box_vision_AA .contents-container .inbox .umbox .umbox_in:nth-child(2):before{ content: "2";  }	
.box_vision_AA .contents-container .inbox .umbox .umbox_in:nth-child(3):before{ content: "3";  }	
.box_vision_AA .contents-container .inbox .umbox .umbox_in:nth-child(4):before{ content: "4";  }	