.business2 {margin:80px 0 80px 0;}
.business2 img{ max-width:100%; vertical-align:top; }
.business2 .flex {display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center;  padding:30px 0;
max-width:calc(100% - 0px); margin:0 auto }
.business2 .flex  .item:first-child{  width:43%;  position:relative}
.business2 .flex  .item:last-child {width:57%}
.business2 .reverse {flex-direction: row-reverse;}
.business2 .cont {padding:5% 15%; width:100%;  }
.business2 .tit1 {font-size: 20px;  }
.business2 .tit2 {font-size: 35px; font-weight:600 }
.business2 .txt {font-size:20px; 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 30px 0;}
.business2 .flex  .item {padding:0 0 10px 0}	
.business2 .flex {display:block; padding:10px 0 20px 0; max-width:calc(100% - 0px); }
.business2 .flex  .item:first-child{  width:100%;  position:relative}
.business2 .flex  .item:last-child {width:100%}
.business2 .cont {padding:1% 5%;  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;  }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}