.mission, .vision{width: 100%; text-align: center; }

.mission {height: 230px; border-radius: 20px; display: flex; align-items: center; justify-content: center;
    background-color: #fff;
    border: 3px solid transparent;
    border-image: linear-gradient(to right, #0ab79b 0%, #0072bb 100%);
    border-image-slice: 1;
}
.mission > div{}
.title{font-size: 25px; color: #0072bb; font-weight: normal; margin-bottom: 20px;}
.mission p{font-size: 22px; font-weight: 600;}

.vision{margin-top: 80px;}
.vision ul{position: relative; display: flex; justify-content: space-between; flex-wrap: wrap;}
.vision ul li{display: block; width: 19%; border: 1px solid #1d1d1d; border-radius: 20px; box-sizing: border-box;}
.vision ul li div{}
.vision ul li > div:nth-child(2) {padding: 30px 0;}
.vision ul li div h5{width: 100%; height: 50px; font-weight: 600; color: #0072bb; background: #eeeeee; font-size: 22px; line-height: 50px; 
	border-radius: 20px 20px 0 0;}
.vision ul li div img{}
.vision ul li div p{padding-top: 5px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.onlyPc{display: none;}
.title{font-size: 21px; color: #0072bb; font-weight: normal; margin-bottom: 20px;}
.mission > div{padding: 30px;}
.mission p{font-size: 18px; font-weight: 500;}

.vision ul li{width: 100%; margin-bottom: 30px;}
.vision ul li div h5{font-size: 18px;}
}
@media (max-width: 768px) {
	.mission {height: 300px;}
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}