.scroll_counter {background:url(../img/bg.jpg)no-repeat center 85%; height:600px;  padding:0px 20px 0 20px; color:#fff; position:relative }
.scroll_counter .txt {font-size:38px; text-align:center; padding-bottom:50px; font-weight:500;}
.scroll_counter .container {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:0 0 30px 0; 
max-width:1600px; width:100%; overflow:hidden; clear:both;  }
.scroll_counter .cont {  text-align: center; width:33.33333%; float:left; position:relative}
.scroll_counter .cont:after {content:""; width:0px; height:80px; background:rgba(255,255,255,0.5); position:absolute;
 right:0; top:25px;}
.scroll_counter .cont:last-child:after {display:none;}
.scroll_counter .counter { font-size:85px; line-height:100px; font-weight:600; font-family: 'GmarketSansMedium';  animation-duration: 3s;  animation-delay: 0s;}
.scroll_counter .etc {font-size:50px; font-weight:400;}
.scroll_counter h3{font-size:30px; font-weight:400; padding:0px 0 30px 0; display:block;}
.scroll_counter h1{font-size:80px; font-weight:600; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1500px) {
.scroll_counter .container { max-width:calc(100% - 100px); }	
}	
@media (max-width: 1023px) {
.scroll_counter { height:380px;  padding: 50px 20px 50px 20px; background-size:cover; }
.scroll_counter .txt {font-size:18px;  padding-bottom:15px; }
.scroll_counter .txt span {display:block;}
.scroll_counter .container { max-width:calc(100% - 40px); padding:0; }
.scroll_counter .cont {  width:100%; float:none; padding:10px 0; }
.scroll_counter .cont:after {display:none;}
.scroll_counter .counter {font-size:35px;  font-weight:600;  line-height: 50px }
.scroll_counter .etc {font-size:18px;}
.scroll_counter h3{font-size:15px; padding:2px 0;}	
.scroll_counter h1{font-size:30px;  }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}