.scroll_counter {/*background:url(../img/bg3.jpg)no-repeat center 85%; background-attachment:fixed;*/
  max-width:1250px; margin:0 auto;  padding: 130px 25px 120px 25px;  background-color:#fff; height:auto;  position:relative;  }
/*.scroll_counter:before {content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute;
left:0; top:0px;}*/

.scroll_counter .section01 { position:relative;
  /*background-image: url(../img/bg01.png);
  background-repeat: no-repeat;*/
  text-align: left;
  animation: updown 1s ease;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-size: 90%;
  background-position-y: top;
  background-position-x: center;
}
@keyframes updown {
  from {
    background-position-y: 100%;
  }

  to {
    background-position-y: calc(100% - 40px);
  }
}

.scroll_counter .head  {font-size:55px; padding-bottom:40px; line-height:65px; font-weight:600; }
.scroll_counter .cont_txt p  {font-size:22px; line-height:32px}
.scroll_counter .section01 .stick { display:none; width: 1px;  height: 57px;  background: #fff;    margin: 23px auto;}

.scroll_counter .txt {font-size:55px; line-height:70px; text-align:center; padding-bottom:50px; font-weight:500; position:relative;  }
.scroll_counter .txt span {display:block}
.scroll_counter .container {  overflow:hidden; clear:both; padding-top:60px; margin:0 auto}
.scroll_counter .cont {  text-align: left ; width:33.33333%; float:left; position:relative; border-left:1px solid #aaa; 
padding-left:50px}
.scroll_counter .cont:after {content:""; width:1px; height:150px; background:rgba(255,255,255,0.5); position:absolute;
 right:0; top:15px; transform: rotate(20deg) }
.scroll_counter .cont:last-child:after {display:none;}
.scroll_counter .counter { font-family: var(--num);  animation-duration: 3s;  animation-delay: 0s; 
font-size:70px; font-weight:600; }
.scroll_counter .etc {font-size:26px; font-weight:400;}
.scroll_counter .etc1 {font-size:70px; font-weight:500;}
.scroll_counter h3{font-size:40px; font-weight:400; padding:10px 0 20px 0; display:block;}

.scroll_counter .btn a {display:block; margin:80px 0 20px 0; width:210px; border:3px solid #222; padding:10px 10px 13px 30px ; 
border-radius:50px;font-size:18px; font-weight:600; font-family:var(--num); transition:0.3s all;
background-image:url(../../../common/img/next_bl.png); background-repeat: no-repeat; background-position:98% center }
.scroll_counter .btn a:hover {background-color:#222; color:#fff; background-image:url(../../../common/img/next_wh.png);}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.scroll_counter { height:auto;  padding: 50px 20px; }
.scroll_counter .head  {font-size:22px; padding-bottom:20px; line-height:32px; }
.scroll_counter .cont_txt p  {font-size:15px; line-height:22px}
.scroll_counter .section01 {   background-size: 100%;}
	
.scroll_counter .txt {font-size:20px; line-height:28px;  padding-bottom:5px; font-weight:500; background-size:contain}
.scroll_counter .txt span {display:block;}
.scroll_counter .container { max-width:100%; padding-top:30px }
.scroll_counter .cont {   padding:10px 0 10px 10px; }
.scroll_counter .cont:after {display:none;}
.scroll_counter .counter {font-size:25px;  font-weight:600; }
.scroll_counter .etc {font-size:16px;}
.scroll_counter .etc1 {font-size:30px; }
.scroll_counter h3{font-size:16px; padding: 0; font-weight:500 }	
.scroll_counter .btn a { margin:30px 0 10px 0; padding:6px 0px 6px 20px ;font-size:14px; width:170px; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}