.style103 h3 {font-size:25px; font-weight:600; padding:0 0 20px 16px; position:relative; border-bottom:1px solid #ccc;}
.style103 h3::before {content:""; height:21px; width:4px; background-color:#ee1c26; 
position:absolute; top:10px;  left:0px; }
.style103 h4 {font-size:18px; font-weight:500; position:relative; padding-left:20px; margin-bottom:6px; }
.style103 h4::before { content: "";  width: 13px; height: 13px; border:3px solid #ee1c26; 
 position: absolute; left: 0; top: 8px;   border-radius: 50%;}

.style103 img {max-width:100%; vertical-align: top}

.style103 .contBox {padding:0px 0px; }
.style103 .tit {font-size:20px; padding-bottom:30px; font-weight:600}
.style103 .flex3{display:flex; flex-wrap: wrap;  justify-content: center;   padding:0;  }
.style103 .flex3 .item{ width:12%; margin: 0 3px; text-align:center;  }
.style103 .flex3 .item img {border:1px solid #ccc;}
.style103 .flex3 .item.on img {border:3px solid #ee1c26 ;}

.style103 .cont {padding-top:50px; }
.style103 .flex2{display:flex; flex-wrap: wrap;  justify-content: space-between; flex-direction: row-reverse; margin-top:40px   }
.style103 .flex2 .item:first-child { width:30%; text-align:center}
.style103 .flex2 .item{ width:70%; padding:0px 0px;  }
.style103 .flex2 .item .img span{display:block; width:190px; height:190px; background:#222; margin:0 auto; color:#fff;
border-radius:50%; padding-top:120px; font-size:20px; background-repeat:no-repeat; background-position:center 30px;}
.style103 .flex2 .item:first-child .img span {background-image:url(../img/ico1.png)}
.style103 .flex2 .item:last-child .img span {background-image:url(../img/ico2.png)}
/*.style103  .flex2 .item .txt { padding: 22px 0px 0 0px; }*/
.style103  .flex2 .item .txt { padding: 0 0px 25px 0px; }
.style103  .flex2 .item .txt li span {font-size:16px; position:relative; padding-left:13px; margin-bottom:5px; }
.style103  .flex2 .item .txt li span:before { content: "";  width: 4px; height: 4px; background-color: #555;  position: absolute; left: 0; top: 12px;   border-radius: 50%;}

.style103 div.table_wrap { font-weight:500;}
.style103 table {border-collapse; collapse; border-spacing:0; }
.style103 table.table_common {border-top:2px solid #555; width:100%; border-bottom:1px solid #555;}
.style103 table.table_common caption {font-size:0px; width:0px; height:0px; text-indent:-9999px; overflow:hidden;}
.style103 table.table_common th,table.table_common td {padding:10px 1px 10px 1px; text-align: center;
 font-size:14px; line-height:25px; font-weight:400}
.style103  table.table_common th,table.table_common td.img_c {text-align:center }
.style103 table.table_common th {border-bottom:1px solid #555; border-left:1px solid #ccc; background-color:#fdeff0; }
.style103 table.table_common td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
.style103 table.table_common td:first-child,table.table_common th:first-child {border-left:none;}
.style103 table.table_common tr:last-child td {border-bottom:none;}

.vono-how-container{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  padding: 20px;
  visibility: visible; 
  height: auto; 
}

.vono-how-block{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 1 48%;
  gap: 15px;
}

.vono-how-text{
  text-align: left;
}

.vono-how-desc{
  font-size: 16px;
  color: #f18e00;
}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.mgT80 {margin-top:50px}
.mgT150 {margin-top:90px}

.style103 h3 {font-size:20px; padding:0 0 15px 14px; position:relative;}
.style103 h3::before { height:18px; width:4px;  top:7px;  }
.style103 h4 {font-size:16px;  padding-left:18px; margin-bottom:5px; }
.style103 h4::before {  width: 11px; height: 11px; border:3px solid #ee1c26; 
 position: absolute; left: 0; top: 8px;   border-radius: 50%;}

.style103 .head {text-align:center; margin-bottom:50px}
.style103 h3 {font-size:20px; padding-bottom:20px; }
.style103 .txt {font-size:14px; line-height:22px } 

.style103 .contBox { padding:0px 0px; }
.style103 .tit {font-size:18px; padding-bottom:10px; }
.style103 .flex3{ gap:1%;  padding:10px 0 0px 0;  }
.style103 .flex3 .item{ width:19%; padding:0px 0px 5px 0;  }

.style103 .cont {padding-top:30px; }
.style103 .flex2{  padding:20px 0 0px 0;width:100%; margin:0 auto  }
.style103 .flex2 .item{ width:100%; padding:0px 0px;  }
.style103 .flex2 .item:first-child {width:100%; text-align:center; margin-bottom:20px}
.style103  .flex2 .item .txt { padding: 0 0px 15px 0px; }

  .vono-how-container {
    flex-direction: column;
  }

  .vono-how-block {
    flex-direction: column;
    align-items: flex-start;
  }

  .vono-how-text {
    width: 100%;
  }

.style103 table.table_common th,table.table_common td {padding:8px 0px 8px 0px; text-align: center;
 font-size:13px; line-height:16px; font-weight:400; word-break:break-all !important}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}