@CHARSET "UTF-8";
<style>
@import url(https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);

/*/ start count stats /*/

section#counter-stats {
	display: flex;
	justify-content: center;
	margin-top: 100px;
}
.box1 h5, .box2 h5{font-size:15px;color:black;}
.box1 .stats .digit-wrapper{color: #1dace9;font-weight:bold;}
.box2 .stats .digit-wrapper{color: #507eff;font-weight:bold;}
.box1 .stats {
    text-align: center;
    font-size: 28px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}
.box2 .stats {
    text-align: center;
    font-size: 28px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}

.stats .fa {
  color: #008080;
  font-size: 6vw;
  margin-top:10px;
}
.container-intro{margin-top:0px;}
.counting {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    color:white;
}

.digit-wrapper {
  display: inline-block;
  position: relative;
  color:white;
}

.digit-wrapper span {
  text-align: center;
  transition: transform 0.4s ease;
  will-change: transform;
}
.counter-box{
	width: 100%;display: flex;justify-content: center;flex-wrap: nowrap;flex-direction: row;align-items: stretch;column-gap: 10px;
}
.box1{
	/* background-image: url(/images/membership/bg_neon1_web.png); */
    background-repeat: no-repeat;
    background-size: 100% 73px;
    border-radius: 8px;
	display: flex;align-items: stretch;justify-content: center;align-content: stretch;flex-wrap: nowrap;flex-direction: row;padding:10px 0px;width: 50%;
	background-color: #f7f7f7;
}
.box2{
	/* background-image: url(/images/membership/bg_neon2_web.png); */
    background-repeat: no-repeat;
    background-size: 100% 73px;
    border-radius: 8px;
	display: flex;align-items: stretch;justify-content: center;align-content: stretch;flex-wrap: nowrap;flex-direction: row;padding:10px 0px;width: 50%;
    background-color: #ebf5fe;
}
@media(max-width:992px){
	.container-intro{margin-top:15px;}
	
}
/*/ end count stats /*/
@media(max-width:540px){
	
	.counting {
	  font-size: 28px;
	}
	.digit-wrapper {
	  width: 15px; /* 숫자 너비 고정 */
	}
	.box1 .stats{
		flex-direction: column-reverse;
	}
	.box2 .stats{
		flex-direction: column-reverse;
	}
	.box1 h5, .box2 h5{
		margin-bottom:0px;
	}
}
</style>