#business {width:100%; }
#business img {max-width:100%; vertical-align:top}
#business h3 {font-size:32px; font-weight:600; padding:0 0 20px 16px; position:relative; color:#0e0967 }
#business h3::before {content:""; height:28px; width:6px; background-color:#0e0967; position:absolute; top:12px;  left:0px; }
#business .img1 { text-align:center; width:100%; padding-bottom:20px}
#business .flex1 {display:flex; flex-wrap: wrap;  justify-content: space-between; margin-top:10px }
#business .flex1  .item{ width:50%; }
#business .line1 .item:last-child{border-left:2px solid #dfdfdf; text-align:right}

#business .flex2 {display:flex; flex-wrap: wrap;  justify-content: space-between;  margin-top:30px }
#business .flex2 .item{padding:10px; border:1px solid #ccc; border-radius:5px; align-content: center;}
#business .flex2 .item:first-child{ width:33%; }
#business .flex2 .item:last-child{ width:66%; }

#business .flex3 {display:flex; flex-wrap: wrap;  justify-content: space-between; }
#business .flex3  .item2{ width:50%; }

#business .flex4 {display:flex; flex-wrap: wrap;  justify-content: space-between; margin-top:10px}
#business .flex4  .item{ width:24.3%; }
#business .flex4  .item img {border-radius:5px;}

#business .flex5 {display:flex; flex-wrap: wrap;  justify-content: space-between; margin-top:10px}
#business .flex5  .item{ width:33%; }

#business .cont {margin-top:100px}
#business .tit {background:#1d74e7; color:#fff; font-size:22px; text-align:center; width:100%; padding:6px;
border-radius:5px; margin-top:10px}
#business .tit span {font-weight:600}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#business {width:100%; }
#business h3 {font-size:25px; font-weight:600; padding:0 0 20px 14px;  }
#business h3::before {height:23px; width:5px; top:9px;   }

#business .cont {margin-top:50px}
#business .tit {background:#1d74e7; color:#fff; font-size:18px;  padding:6px;
border-radius:5px; margin-top:0px}

#business .img1 { padding-bottom:0}
#business .img1 img{max-width:65% !important; }

#business .flex1 {flex-direction: column;  margin-top:0px }
#business .flex1  .item{ width:100%; }
#business .line1 .item:last-child{border-left:0px solid #dfdfdf; text-align:left; padding-top:20px}

#business .flex2 {flex-direction: column;  margin-top:20px }
#business .flex2 .item{padding:10px; border:1px solid #ccc; border-radius:5px; align-content: center;}
#business .flex2 .item:first-child{ width:100%; }
#business .flex2 .item:last-child{ width:100%; margin-top:10px}

#business .flex3 {flex-direction: column;  }
#business .flex3  .item2{ width:100%; }
#business .flex3  .item2:last-child {padding-top:20px; margin-top:20px; border-top:1px solid #dfdfdf;}

#business .flex4 {}
#business .flex4  .item{ width:48.5%; margin-bottom:10px }
#business .flex4  .item img {}

#business .flex5 {flex-direction: column;  }
#business .flex5  .item{ width:100%; margin-bottom:10px }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}