#service {width:100%; margin:0 auto; overflow:hidden;}
#service .head .txt01 {text-align:center; font-size:20px}
#service .flex4 {display:flex; flex-wrap: wrap;  justify-content: space-between;  margin-top:50px }
#service .flex4 .item {width:24%; padding:40px 35px; text-align:center; border:1px solid #e5e5e5; 
margin-bottom:35px; border-radius:0px }
#service div.img img {height:110px}
#service div.tit {font-size:22px; font-weight:600;border-bottom:1px dashed #bbb;  padding:20px 0 20px 0; margin-bottom:20px}
#service div.txt {font-size:15px; }

#service .contBox {text-align:center}
#service .tit {font-size:30px; padding-bottom:30px; font-weight:600}
#service .flex3{display:flex; flex-wrap: wrap;  justify-content: flex-start; gap:1%;   padding:50px 0 0px 0;  }
#service .flex3 .item{ width:13.42%; padding:0px 0px 0px 0; border:1px solid #e5e5e5; margin-bottom:12px }
#service img {max-width:100%; vertical-align:top}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#service .head .txt01 {text-align:center; font-size:16px}
#service .flex4 {margin-top:30px}
#service .flex4 .item {width:49%; padding:20px 10px; margin-bottom:10px;  border:1px solid #e5e5e5; }
#service div.img img {height:50px}
#service div.tit {font-size:18px;  padding:5px 0 10px 0; margin-bottom:10px}
#service div.txt {font-size:14px; }

#service .flex3{  padding:30px 0 0px 0;  }
#service .flex3{display:flex; flex-wrap: wrap;  justify-content: space-between; gap:0; } 
#service .flex3 .item{ width:32.33333%; padding:0px 0px 0px 0; margin-bottom:8px  }
}
@media (max-width: 768px) {	
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}