.business2 {margin:50px 0;}
.business2 img{ max-width:100%; vertical-align:top; }
.business2 .flex {display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center;  padding:120px 0;
max-width:calc(100% - 100px); margin:0 auto }
.business2 .flex  .item{  flex:1;  position:relative}
.business2 .reverse {flex-direction: row-reverse;}
.business2 .cont {padding:5% 15%; width:100%;  }
.business2 .tit1 {font-size: 18px;  }
.business2 .tit2 {font-size: 30px; font-weight:600 }
.business2 .txt {font-size:18px; padding:20px 0 40px 0}
.business2 .btn a{display:block;  font-size:16px; width:160px; color:#333; text-align:center; padding:7px 0 10px 0; 
background-color:#fff; border:1px solid #888; border-radius:50px;}
.business2 .bgGray {background:#f2f2f2;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.business2 {margin:40px 0 50px 0;}
.business2 .flex  .item {padding:0 0 10px 0}	
.business2 .flex {display:block; padding:30px 0 20px 0; max-width:calc(100% - 30px); }
.business2 .cont {padding:1%;  top:0%; left:0; position: relative; transform:translate(0, 0);}
.business2 .tit1 {font-size: 15px;  }
.business2 .tit2 {font-size: 20px  }
.business2 .txt {font-size:14px; padding:10px 0 20px 0; line-height:22px}
.business2 .btn a{font-size:14px; margin:0 auto;  }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}