/* Start custom CSS for html, class: .elementor-element-08cf6f8 */body {
	padding: 0;
	margin: 0;
	font-family: 'noto sans kr';
}
.ci-flex {
	display: flex;
  justify-content: center;
  align-items: center;
  align-contents: center;
}
.ci-flex-h {
	
}
.ci-flex-g {
 }
.contents {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:100%;
    -webkit-text-stroke: 2px #efefef;
}
.content-wrap {
    font-size: 5em;
    font-weight:bold;
    text-align:center;
    text-shadow: 6px 6px 20px black;
}

.container-up {
	width: 100%;
	height: 100vh;
	background: url('/wp-content/uploads/2023/04/knowcoffee-bg.jpg') repeat-y;
	background-size: 100%;
/* 	background-repeat: repeat-y; */
	animation: scroll-anim-up 40s linear infinite;
}
.container-down {
	width: 100%;
	height: 100vh;
	background: url('/wp-content/uploads/2023/04/knowcoffee-bg.jpg') repeat-y;
	background-size: 100%;
/* 	background-repeat: repeat-y; */
	animation: scroll-anim-down 45s linear infinite;
}

@keyframes scroll-anim-up {
	100% {
		background-position: 0% -100%;
	}
}
@keyframes scroll-anim-down {
	100% {
		background-position: 0% 100%;
	}
}

.bottle-hand-img > img {
    /*width: 523px;*/
    /*height: 477px;*/
    object-fit: cover;
    transform-style: preserve-3d;
    
}

.bottle-hand-img {
    perspective: 800px;
    width: 100%;
    display: flex;
    justify-content: center;
}


@media only screen and (max-width:499px){
    .content-wrap {
    font-size: 3em;
    font-weight:bold;
    text-align:center;
    text-shadow: 3px 3px 10px black;
    line-height: 50px;
}
.contents {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:100%;
    -webkit-text-stroke: 1px #efefef;
}

.hideo { display : none;}

}/* End custom CSS */