#style12 .head2{margin-top:200px}
#style12 h3 {font-size:45px; font-weight:600; text-align:center; font-family: 'GmarketSansBold'; }
#style12 h3 span{position: relative; padding:0 16px;}
#style12 h3 span:before { content: "";  width: 10px; height: 10px; background-color:#90c31f /*#0071ce*/;  position: absolute; 
right: 0; bottom: 12px;   border-radius: 50%;}
#style12 .fac {margin-top:100px}
#style12 .fac2 {margin-top:130px}

#style12 {margin:0 auto; }
#style12 img {max-width:100%; vertical-align: top}
#style12 .head {text-align:center}
#style12 .head .tit {font-family: 'GmarketSansBold'; font-size:45px;  line-height:60px; margin-bottom:60px}
#style12 .head .tit2{font-family: 'GmarketSansBold'; font-size:25px;  line-height:60px; margin-bottom:40px;
background:#f0f0f0; padding:5px}
#style12 .head  .txt {font-size:18px; line-height:28px;}
#style12 .video {margin-top:80px;}
#style12 .video video {width:99%; height:auto; margin:0 auto}

#style12 .flex {display:flex; flex-wrap: wrap;  justify-content: space-between; margin-top:20px }
#style12 .flex .item{ margin-bottom:40px;  }
#style12 .flex .item ul {border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:10px 0; position:relative;}
#style12 .flex .item ul:before {content:""; position:absolute; width:110px; height:1px; background:#111; top:-1px; left:0;}
#style12 .flex .item ul li { padding:6px 10px 6px 20px; font-size:16px; letter-spacing:-0.3px }
#style12 .flex .item ul li span {width:120px;  font-weight:600; display:inline-block}
#style12 .flex .item:first-child{width:70%}
#style12 .flex .item:last-child{width:30%; text-align:right; }
#style12 .flex .item:last-child img {max-width:300px; padding:2px 0 }

#style12 .flex2 {display:flex;  flex-wrap: wrap;  justify-content: space-between; align-items: stretch; margin-top:30px }
#style12 .flex2 .item:first-child {width:220px; align-content: center; font-size:18px; font-weight:600; background:#f0f0f0; padding:20px; text-align:center }
#style12 .flex2 .item:last-child {width:calc(100% - 180px); margin-right:-50px; display:flex;  flex-wrap: wrap;  justify-content: space-around;    }
#style12 .flex2 .item li {  width:16.66666%; }
#style12 .flex2 .item li img {max-width:100%; border-radius:50%;}
#style12 .flex2 .item li .num {width:42px; height:42px; font-size:16px; color:#333; border-radius:30px; padding-top:11px;
font-weight:600;  font-family: 'GmarketSansMedium'; margin: 15px auto; background-color:#fff; border:1px solid #333; position:relative; text-align:center; }
#style12 .flex2 .item li .num span {position:relative;  }
#style12 .flex2 .item li.none .num {width:0; height:0; border:1px solid #fff; }
#style12 .flex2 .item li:last-child .num {background-color:#333;color:#fff; }
#style12 .flex2 .item li .num:before {content:""; position:absolute; width:190px; height:20px; left:0px;
 top:10px; background-color:#e9e9e9; z-index: -1 }
/*#style12 .item li .num:after {content:">"; position:absolute; width:20px; height:35px; left:160px; top:0px; color:#2657a7; }*/
#style12 .flex2 .item li:last-child .num:before {display:none;}
#style12 .flex2 .item li .tit {font-size:15px; font-weight:500; text-align:center; height:22px;  letter-spacing:-0.3px}
#style12 .flex2 .item li .txt {font-size:15px; padding:5px 10px 0 10px;}

#style12 .flex3 {display:flex; flex-wrap: wrap;  justify-content: space-between; margin-top:80px }
#style12 .flex3 .item{ margin-bottom:1%; width:49.5%  }

#style12 .flex4 {display:flex; flex-wrap: wrap;  justify-content: space-between; margin-top:50px }
#style12 .flex4 .item{ margin-bottom:1%; width:49.5%  }

#style12 .flex5 {display:flex; flex-wrap: wrap;  justify-content: space-between; margin-top:30px }
#style12 .flex5 .item{ margin-bottom:1%; width:25% ; text-align:center; border-left:1px solid #dfdfdf }
#style12 .flex5 .item:first-child {border-left:0;}
#style12 .flex5 .item .tit {font-size:16px; line-height:25px; font-weight:600; padding:15px; width:100%; background:#f0f0f0; color:#333;
margin:0 auto 20px auto; border-radius:0px; position: relative ; border-bottom:1px solid #d9d9d9; min-height:81px}
#style12 .flex5 .item .tit:before { content: "";  width: 15px; height: 15px; background-color: #fff; 
 position: absolute; left: 50%; bottom: -8px;   border-radius: 50%; border:0px solid #333; transform:translate(-50%,-0%)}
#style12 .flex5 .item .tit:after { content: "";  width: 8px; height: 8px; background-color: #90c31f; 
 position: absolute; left: 50%; bottom: -4px;   border-radius: 50%; border:0px solid #90c31f; transform:translate(-50%,-0%)} 
#style12 .flex5 .item .txt ul li span{font-size:15px; line-height:25px; position:relative; padding-left:10px; margin-bottom:5px; }
#style12 .flex5 .item .txt ul li span:before { content: "";  width: 3px; height: 3px; background-color: #555;  position: absolute; left: 0; top: 11px;   border-radius: 50%;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style12 h3 {font-size:25px;  }
#style12 h3 span{ padding:0 12px;}
#style12 h3 span:before { content: "";  width: 6px; height: 6px;   position: absolute; 
right: 0; bottom: 7px;   border-radius: 50%;}
#style12 .fac {margin-top:50px}
#style12 .fac2 {margin-top:70px}
#style12 .head2{margin-top:100px}
#style12 .head .tit { font-size:25px;  line-height:30px; margin-bottom:20px}
#style12 .head .tit2{ font-size:20px;  line-height:25px; margin-bottom:20px; padding:8px}
#style12 .head .txt {font-size:15px; line-height:22px;}
#style12 .video {margin-top:20px;}
#style12 .video video {width:100%; }

#style12 .flex { margin-top:20px }
#style12 .flex .item{ margin-bottom:20px;  }
#style12 .flex .item ul { padding:5px 0;}
#style12 .flex .item ul:before {content:""; position:absolute; width:80px; height:1px; background:#111; top:-1px; left:0;}
#style12 .flex .item ul li { padding:2px 10px; font-size:15px;}
#style12 .flex .item ul li span {width:100%;  display:block}
#style12 .flex .item:first-child{width:100%}
#style12 .flex .item:last-child{width:100%; text-align:center; }
#style12 .flex .item:last-child img {max-width:300px;  padding:2px 20px }

#style12 .flex2 { margin-top:0px; margin-bottom:15px }
#style12 .flex2 .item:first-child {width:100%;  font-size:16px;  background:#f0f0f0; padding:10px; text-align:center }
#style12 .flex2 .item:last-child {width:calc(100%); margin-right:0px;    }
#style12 .flex2 .item li {  width:16.66666%; }
#style12 .flex2 .item li .num {width:35px; height:35px; font-size:14px; padding-top:9px;margin: 15px auto;  }
#style12 .flex2 .item li .num:before {content:""; position:absolute; width:90px; height:20px; left:0px; top:7px;  }
#style12 .flex2 .item li .tit {font-size:11px; line-height:12px; height:30px; padding:5px 2px; letter-spacing:-0.3px }
#style12 .flex2 .item li .txt {font-size:14px; padding:5px 10px 0 10px;}	
#style12 .flex2 .item li.none {display:none}

#style12 .flex3 { margin-top:15px }

#style12 .flex4 { margin-top:30px }

#style12 .flex5 { margin-top:0px }
#style12 .flex5 .item{ margin-bottom:1%; width:100% ; border-left:0; }
#style12 .flex5 .item .tit {font-size:15px;  padding:15px 0; margin: 0 auto 15px auto; min-height:auto}
#style12 .flex5 .item .txt ul  {padding-bottom:15px}
#style12 .flex5 .item .txt ul li {padding:0 5px; line-height:22px;}
#style12 .flex5 .item .txt ul li span{font-size:14px;  position:relative; padding-left:10px; margin-bottom:0px; }
#style12 .flex5 .item .txt ul li span:before { content: "";  width: 3px; height: 3px; top: 9px;   border-radius: 50%;}
#style12 .flex5 .item:nth-of-type(3){border-left:0;}

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