#vision4 {padding-bottom:120px}
#vision4 .bgBox{margin-top:0;}
#vision4 .flex1{display:flex; flex-wrap: wrap;  justify-content: space-between;  align-items:center;}
#vision4 .flex1 .item{   width:48%; }
#vision4 .flex1 .item:first-child {text-align:center}
#vision4 .flex1 .item h3 {text-align:left; padding-bottom:20px}
#vision4 .flex1 .item img {border-radius:50%;}
#vision4 .flex1 .item span{ padding:0 16px 0px 0; }
#vision4 .flex1 .item .tit {font-weight:700; font-size:42px;  line-height:54px; margin-bottom:10px}
#vision4 .flex1 .item .txt {font-size:18px; line-height:28px;}

#vision4 .cont2 .img {padding:110px 0 80px 0}
#vision4 .cont2 {padding-bottom:80px}

#vision4 .txt1 { font-weight:600; font-size:22px; line-height:35px;  padding-top:10px; font-family: 'GmarketSans'; }
#vision4 .flex .item{  width:100%; text-align:center  }
#vision4  p {padding-bottom:25px !important; font-size:20px; line-height:32px; }

#vision4 .cont {padding:100px 0 0px 0; position:relative; overflow:hidden}
#vision4  .txt3 {margin-top:30px; text-align:center}

#vision4  .txt3 span.mainColor {font-weight:600; display:block; font-size:24px;}
/*#vision4 .cont:before {content:""; width:1px; height:100px; background:#ccc; position:absolute; left:50%; top:50px;   transform:rotate(25deg);}*/
#vision4 h3 {font-size:45px; line-height:50px; font-weight:700; text-align:center;   text-transform: uppercase; }
#vision4 h3 strong {font-weight:400}
#vision4 h3 span{position: relative; padding:0 16px; }
#vision4 h3 span:before { content: "";  width: 10px; height: 10px; background-color:#ff4500 ;  position: absolute; 
right: 0; bottom: 12px;   border-radius: 50%;}

#vision4 img {vertical-align:top; max-width:100%;}
#vision4 .flex2{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; margin:50px 0 }
#vision4 .flex2 .item{  width:260px;  text-align:center;}
#vision4 .flex2 .ico {border:1px dashed #888; height:260px; width:260px; margin:0 auto; border-radius:50%; 
background-position:center 22%; background-repeat:no-repeat; background-size:90px auto; }
#vision4 .flex2 .ico1 {background-image:url(../img/ico1.png);}
#vision4 .flex2 .ico2 {background-image:url(../img/ico2.png);}
#vision4 .flex2 .ico3 {background-image:url(../img/ico3.png);}
#vision4 .flex2 .ico4 {background-image:url(../img/ico4.png);}
#vision4 .flex2 .tit {background-color:#ff4500; border-radius:50px ; color:#fff; padding:7px 7px 8px 7px;  font-size:18px;
width:180px; margin:-118px auto 10px auto; font-weight:500;     text-transform: uppercase;}
#vision4 .flex2 .txt { font-size:16px; font-weight:500;}
#vision4 .flex2 .txt2 { font-size:18px; font-weight:500; margin-top:50px;}
#vision4 .flex2 .plus {position:relative}
#vision4 .flex2 .plus:before {display:none; content:""; width:30px; height:30px;  background:url(../img/plus.jpg)no-repeat  center;
position:absolute; top:47%; right:-42px; z-index: 9}

#vision4 .flex5 {display:flex; flex-wrap:wrap; justify-content:space-between; padding:80px 0 0 0 }
#vision4  .flex4 { width:33.3333%; display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; 
  padding:0px 0; border-left:1px solid #ccc;   }
#vision4  .flex4:first-child {border:0;}
#vision4  .flex4 span {display:block; padding-bottom:10px}
#vision4  .flex4 span img {max-width:90px}
#vision4  .flex4 .item {width:100%;  font-size:22px;line-height:30px;  border-radius:0px; }
#vision4  .flex4 .item { font-size:17px; line-height:24px;   text-align:center }
#vision4  .flex4 .item.num { font-size:24px; line-height:34px; font-family:var(--num); font-weight:600; color:#ff4500; 
padding:5px 0 38px 0; position:relative }
#vision4  .flex4 .item.num:before { content: "";  width: 30px; height: 3px; background-color:#ff4500 ;  position: absolute; 
left: 50%; top: 45px; transform: translate(-50%,0) }
#vision4  .flex4 .item:last-child span { font-size:24px; line-height:28px;  font-weight:600; text-transform: uppercase; }
#vision4  .flex4 .item:first-child:before {content:""; width:100px; height:20px; position:absolute; 
background:url(../img/etc.png)no-repeat center; right:-130px; top:38px}

/*#vision4 .contBox {background:url(../img/bg.jpg)no-repeat center; overflow:hidden; padding:60px 60px; margin-top:60px; }
#vision4  .flex4 {display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;   padding:10px 0;   }
#vision4  .flex4 span {display:block; padding-bottom:5px}
#vision4  .flex4 .item { font-size:22px;line-height:30px;  border-radius:0px; }
#vision4  .flex4 .item:first-child {width:28%; font-weight:600; text-align:center; position: relative }
#vision4  .flex4 .item:last-child {width:52%; border:1px solid #dfdfdf; background:#fff; 
 font-size:16px; line-height:30px;  padding:35px 38px; border-radius:20px; box-shadow:1px 1px 15px rgba(0,0,0,0.15)}
#vision4  .flex4 .item:last-child span { font-size:20px; line-height:30px;  font-weight:600 }
#vision4  .flex4 .item:first-child:before {content:""; width:100px; height:20px; position:absolute; 
background:url(../img/etc.png)no-repeat center; right:-130px; top:38px}*/

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#vision4 {padding:0px 0 50px 0}	
#vision4 h3 {font-size:25px; ; line-height:32px  }
#vision4 h3 span{ padding:0 12px;}
#vision4 h3 span:before { content: "";  width: 6px; height: 6px;   position: absolute; 
right: 0; bottom: 7px;   border-radius: 50%;}
#vision4 .flex1 .item span {padding:0 10px }
#vision4 .cont2 .img {padding:50px 0 30px 0}
#vision4  .txt3 span.br {display:block}
#vision4  .txt3 span.mainColor { font-size:18px;}
#vision4 .flex1{padding:0px 10px 0px 10px; gap:30px  }
#vision4 .flex1 .item:first-child {padding:0 50px}
#vision4 .flex1 .item{   width:100%; text-align:center   }
#vision4 .flex1 .item h3 {text-align:center}
#vision4 .flex1 .item .tit {font-family: 'GmarketSansBold'; font-size:25px;  line-height:32px; margin:20px 0}
#vision4 .txt1 {  font-size:18px; line-height:28px;  padding-top:10px;  }
#vision4 .flex .item{  width:100%; text-align:center  }
#vision4  p {padding-bottom:15px !important; font-size:15px; line-height:25px; }

#vision4 .cont {padding-top:50px; position:relative}
#vision4 .cont:before { height:80px;  top:35px;   transform:rotate(25deg);}
#vision4  .txt3 {margin-top:10px; text-align:center}

#vision4 .cont2 {padding-bottom:40px}

#vision4 .flex2{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: start; margin:30px 0 0 0; }
#vision4 .flex2 .item{  width:48%; margin-bottom:40px;  text-align:center;}
#vision4 .flex2 .ico {border:1px dashed #aaa; height:180px; width:100%; border-radius:0%; background-position:center 15px; background-size:70px }
#vision4 .flex2 .tit { border-radius:50px ; color:#fff; padding:5px;  font-size:15px;
width:80%; margin:-85px auto 10px auto; font-weight:500; line-height:20px;}
#vision4 .flex2 .txt { font-size:15px; font-weight:500 ; line-height:20px;}
#vision4 .flex2 .txt2 { font-size:15px;  font-weight:500; margin-top:30px;}
#vision4 .flex2 .plus:before {display:none;}

#vision4 .tit1 {font-size:16px; text-align:center;  padding:10px; 0}
#vision4  .flex3 {  margin-top:10px; flex-direction: column;}
#vision4  .flex3 .item {width:100%; font-size:20px;padding:20px 10px; border-radius:20px; margin-top:1px }
#vision4 .flex3 .item span {display:block; font-size:15px;   padding-top:10px;}

#vision4 .flex5 { padding:10px 0 0 0;  }
#vision4  .flex4 { width:100%; border-left:0px solid #ccc;  padding:30px 0; position:relative  }
#vision4  .flex4:before {content:""; width:100px; height:1px; background:#ccc; position:absolute; bottom:0; left:50%;
transform:translate(-50%,0)}
#vision4  .flex4:last-child:before {display:none}
#vision4  .flex4:first-child {border:0;}
#vision4  .flex4 span img {max-width:80px !important}
#vision4  .flex4 .item {width:100%;  font-size:22px;line-height:30px;  border-radius:0px; }
#vision4  .flex4 .item { font-size:15px; line-height:20px; padding-top:10px;  text-align:center }
#vision4  .flex4 .item.num { display:none }
#vision4  .flex4 .item:last-child span { font-size:20px; line-height:24px;   }

/*#vision4 .contBox {background-size:cover; padding:0px 10px; margin-top:20px; }
#vision4  .flex4 { padding:15px 0; width:100%  }
#vision4  .flex4 span {display:block; padding-bottom:5px}
#vision4  .flex4 .item { font-size:22px;line-height:30px;  }
#vision4  .flex4 .item:first-child {width:100%; padding-bottom:15px }
#vision4  .flex4 .item:last-child {width:100%; 
 font-size:14px; line-height:22px;  padding:20px 20px; border-radius:10px; box-shadow:1px 1px 15px rgba(0,0,0,0.15)}
#vision4  .flex4 .item:last-child span { font-size:18px; line-height:30px;  font-weight:600 }
#vision4  .flex4 .item:first-child:before {display:none; }*/


@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}