@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#style57 h3 {text-align:center; margin-bottom:40px}
#style57 h3 span{ text-align:center; font-size:40px; line-height:45px; 
font-weight:600; padding-bottom:10px; position:relative; margin: 0 auto }
#style57 h3 span:before {content: ""; width: 100%; height: 20px; background: rgba(0, 0, 0, 0.2); position: absolute; bottom: 10px;}
#style57 .txt1 {font-size:18px; line-height:32px; }
#style57 .txt1 span {color:#333; font-weight:600 }

#style57  {margin:0 auto; }
#style57 img {max-width:100%; vertical-align: top}
#style57 .head {text-align:center}
#style57 .head .tit {font-family: 'GmarketSansBold'; font-size:45px;  line-height:60px; margin-bottom:30px}
#style57 .head  .txt {font-size:18px; line-height:32px;}

#style57 .rnd .img1 {padding:50px 0 0 0; margin:0 auto }

#style57 .cont {margin-top:100px}

.scroll_counter .container { max-width:100%; overflow:hidden; clear:both; padding-top:30px; margin:0 auto}
.scroll_counter .row {display:flex; flex-wrap: wrap;  justify-content: space-between; padding:10px}
.scroll_counter .row .item {  text-align: center; width:31.33333%; float:left; position:relative;
/* border:1px solid #dfdfdf; border-radius:20px; padding:50px;  box-shadow:1px 1px 10px rgba(0,0,0,0.1) */}
.scroll_counter .counter { font-family: var(--num);  animation-duration: 3s;  animation-delay: 0s; 
font-size:60px; font-weight:600; color:#0860ac;}
.scroll_counter .tit {font-size:18px; font-weight:600; padding:0 0 15px 0}
.scroll_counter .txt {font-size:15px; font-weight:400;}
.scroll_counter .etc {font-size:26px; font-weight:400;}

#style57  img {max-width:100%; vertical-align:top; }
#style57 .flexR3 {display:flex; justify-content: space-between; margin:60px 10px 0 0  }
#style57 .flexR3 .item {width:23%; border:1px solid #dfdfdf;  border-radius:10px; overflow: hidden; box-shadow:1px 1px 8px rgba(0,0,0,0.2);}
#style57 .flexR3 .item .tit{ text-align:center; font-size:18px; line-height:30px; font-weight:600; padding:20px 0 10px 0; }
#style57 .flexR3 .item .txt {text-align:center; font-size:14px; line-height:22px; padding: 0 15px 20px 15px}

#style79 .txt1{width:100%; font-size:25px; line-height:32px; text-align:center; margin-bottom:20px; font-weight:600  }
#style79 .txt2{width:100%; font-size:22px; line-height:32px; text-align:center; margin-bottom:50px  }

#style79 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; padding:20px 0;  }
#style79 .reverse {flex-direction: row-reverse; margin:50px 0}
#style79 .reverse .itemTxt {text-align:right}
#style79 .flex .item{  padding: 0 0 30px 0px;  }
#style79 .flex .item:first-child {width:52%; }
#style79 .flex .item:last-child {width:42%; }
#style79  .flex .item .num {display:block;  font-family: 'GmarketSansMedium'; color:#efefef; font-size:75px; 
line-height:85px; padding-bottom:1px; position: relative; margin-bottom:5px; font-weight:800 }
#style79  .flex .item .tit {font-size:28px; line-height:38px; padding:0 ; font-weight:600; color:#333 }
#style79  .flex .item .txt {display:block; font-size:16px; line-height:30px; padding:25px 0 0 0;  }

#style79 .line {border-top:1px solid #888; padding-top:50px; margin-top:50px;}
#style79 h3 {font-size:30px; font-weight:600; padding:50px 0 30px 20px; color:#333  }

#style79 .btn { margin-top:42px}
#style79 .btn a{display:inline-block; border:1px solid #aaa;  padding: 12px 6px 12px 6px;
 font-size: 18px; line-height:22px; font-weight:500; border-radius: 50px; width:180px;  text-align:center; }
#style79  .btn a:hover {	border:1px solid #333; background:#333; color:#fff; transition:0.3s all  }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style57 .pdT50 {padding-top:25px}
#style57 .pdT20 {padding-top:10px}
#style57 .head .tit { font-size:25px;  line-height:30px; margin-bottom:20px}
#style57 .head .txt {font-size:15px; line-height:22px;}
#style57 .rnd .img1 {padding:20px 0; max-width:100%; margin:0 auto }

#style57 .cont {margin-top:40px}

#style57 h3 { margin-bottom:30px}
#style57 h3 span{ text-align:center; font-size:30px; line-height:30px;  padding-bottom:10px; }
#style57 h3 span:before {content: ""; width: 100%; height: 15px;  position: absolute; bottom: 10px;}
#style57 .txt1 {font-size:15px; line-height:24px; }

.scroll_counter .container {  padding-top:0px; margin:0 auto}
.scroll_counter .row { padding:0px}
.scroll_counter .row .item {   border-radius:20px; padding:0px 5px 0px 5px; }
.scroll_counter .counter { font-size:30px; }
.scroll_counter .tit {font-size:15px;  padding:10px 0}
.scroll_counter .txt {font-size:14px; }
.scroll_counter .etc {font-size:20px; }

#style57 .flexR3 {margin:30px 10px; flex-wrap: wrap;  }	
#style57 .flexR3 .item {width:48%;  margin:0 0 20px 0; box-shadow:1px 1px 8px rgba(0,0,0,0); border:1px solid #ccc;}
#style57 .flexR3 .item .tit{ text-align:center; font-size:16px; line-height:25px;  padding:12px 0 10px 0; }
#style57 .flexR3 .item .txt {text-align:center;font-size:13px; line-height:20px;  padding: 0 5px 20px 5px}

#style79 .txt1{ font-size:20px; line-height:26px;margin-bottom:10px  }	
#style79 .txt2{ font-size:18px; line-height:26px;margin-bottom:0px  }	
#style79 .flex { padding:10px 0; }
#style79 .reverse { margin:20px 0}
#style79 .reverse .itemTxt {text-align:left}
#style79 .flex .item{  padding:10px 0px 0 0;   }
#style79 .flex .item:first-child {width:100%; }
#style79 .flex .item:last-child {width:100%; }
#style79  .flex .item .num { font-size:55px;padding-top:5px; line-height:65px;margin-bottom:0px; }
#style79 .flex .item .tit {font-size:20px; line-height:30px; }
#style79 .flex .item .txt {font-size:15px; line-height:28px; padding:15px 0 0 0;  }

#style79 .line {border-top:1px solid #aaa; padding-top:30px; margin-top:30px;}
#style79 h3 {font-size:20px; font-weight:600; padding:30px 0 0px 10px; color:#333  }

#style79 .btn {text-align:center; margin-top:30px}
#style79 .btn a{display:block;  padding: 15px 16px 6px 16px; font-size: 18px; line-height:25px; 
	margin:10px auto; border-radius: 50px; width:200px;  }
#style79  .btn a:hover {	color: #333;	border:1px solid #333; background:#fff; transition:0.3s all  }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}