/*  color:var(--primary); color: var(--text-color3); */



.box_vision_AB .contents-container{   }	

.box_vision_AB .contents-container .titlebox{   width: 100%;   padding:clamp(15px, 1.953vw, 25px) 15px ; background-color:#695956; color: var(--primary);font-size: var(--tit-mds-size); text-align: center; font-weight: 700; border-radius: 10px; margin-bottom:clamp(15px, 2.344vw, 30px) }	

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.box_vision_AB .contents-container .trbox{ width: 100%; float: left ;display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr; grid-gap: 20px ; margin-bottom: 30px}	
	
.box_vision_AB .contents-container .trbox .inbox{ width: 100%; float: left ; height: 100% }	


.box_vision_AB .contents-container .trbox .inbox div{ width: 100%; height: 100%  ; float: left ; padding:  clamp(15px, 2.344vw, 30px) 20px; border-radius: 15px; background-color: var(--primary); color: #fff; font-size:calc(var(--tx-sm-size) * 1.1); text-align: center; font-weight: 700; display: flex;  justify-content: center;  align-items: center;}	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.box_vision_AB .contents-container .trbox{ width: 100%; float: left ; margin-bottom: 10px}	
	
.box_vision_AB .contents-container .trbox .inbox{ width: 100%; float: left ; height: 100% }	


.box_vision_AB .contents-container .trbox .inbox div{ width: 100%; height: 100%  ; float: left ; padding:10px; border-radius: 15px; background-color: var(--primary); color: #fff; font-size:calc(var(--tx-sm-size) * 0.9); text-align: center; font-weight: 700; display: flex;  justify-content: center;  align-items: center; margin-bottom: 5px}	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.box_vision_AB .contents-container .trbox .inbox:first-child  div{ width: 80%; float: left ; padding: clamp(10px, 2.344vw, 30px) clamp(10px, 1.563vw, 20px); border-radius: 15px; background-color: #fff; border: 1px solid var(--primary);   box-shadow:3px 3px 30px rgba(0,0,0,0.1); color: var(--primary);  position: relative 
}	
.box_vision_AB .contents-container .trbox .inbox:first-child>div:before{ width: 20%; float: left ; height: 1px ; background-color: var(--primary); position:absolute; left: 100%; top: 50%; content: "";  }	
.box_vision_AB .contents-container .trbox .inbox:first-child>div:after{ width: 6px; height: 6px; border-radius: 100%;  margin-top: -3px; background-color: var(--primary);  position:absolute; left:120%; top: 50%; content: ""; }	




}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
.box_vision_AB .contents-container .trbox .inbox:first-child  div{ width: 100%; float: left ; padding: clamp(10px, 2.344vw, 30px) clamp(10px, 1.563vw, 20px); border-radius: 15px; background-color: #fff; border: 1px solid var(--primary);   box-shadow:3px 3px 30px rgba(0,0,0,0.1); color: var(--primary);  position: relative; margin-bottom: 30px 
}	
.box_vision_AB .contents-container .trbox .inbox:first-child>div:before{ width: 1px; float: left ; height:20px ; background-color: var(--primary); position:absolute; left: 50%; top: 100%; content: "";  }	
.box_vision_AB .contents-container .trbox .inbox:first-child>div:after{ width: 6px; height: 6px; border-radius: 100%;  margin-left: -3px; position:absolute; left: 50%; top: calc(100% + 20px); content: "";z-index: 99;background-color: var(--primary); }	




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





.box_vision_AB .contents-container .trbox:nth-child(3){  }	
.box_vision_AB .contents-container .trbox:nth-child(3) .inbox{ width: 100%; float: left ; height: 100% }	
.box_vision_AB .contents-container .trbox:nth-child(3) .inbox div{  background-color: #f5f5f5;  display: flex;  justify-content: center;  align-items: center;}	

.box_vision_AB .contents-container .trbox:nth-child(3) .inbox div ul{ width: 100%;float: left  }	

.box_vision_AB .contents-container .trbox:nth-child(3) .inbox div ul li{ width: 100%;  float: left ;  padding-left: 10px!important; position: relative ;  font-size:calc(var(--tx-sm-size) * 0.9);  font-weight: 400; text-align: left; color: #333}	
.box_vision_AB .contents-container .trbox:nth-child(3) .inbox div ul li:before{content: "";   width: 3px; height: 3px; border-radius: 100%; color: #000; position: absolute; left: 0px; top: 7px; background-color: #000}