.chPost{
	width: 100%;
	height: auto;
}
.textWrap {
	--prev-x: 0%;
    --next-x: 100%;
    --image-move-timer: .8s;
    position: relative;
    width: 100%;
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #1D1D1D;
    padding-top: 56.25%;
    cursor: pointer;
}
.textWrap__play{
	position: absolute;
    right: 1rem;
    bottom: 1rem;
    min-width: 3.2rem;
    width: 3.2rem;
    min-height: 3.2rem;
    height: 3.2rem;
    border-radius: 100px;
    border: 2px solid #fff;
    background: #1D1D1D;
	opacity: 0;
	transition: opacity 1s;
    display: flex;
    justify-content: center;
    align-items: center;
	mix-blend-mode: difference;
	z-index: 100;
}

.textWrap__play img{
	padding: 0 0 1px 0px;
}
.textWrap:hover .textWrap__play{
	opacity: 1;
}

.textWrap__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #e6e6e6;
		max-height: 100%;
}

.textWrap__text--loop {
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.textWrap__title {
	display: flex;
	align-items: center;
	height: 100%;
	top: 0;
}

.textWrap__loop--prev {
	position: absolute;
	-webkit-transform: translate3d(var(--prev-x), 0, 0);
	transform: translate3d(var(--prev-x), 0, 0);
	-webkit-animation: move-x--prev 20s linear infinite;
	animation: move-x--prev 20s linear infinite;
}

.textWrap__loop--next {
	position:absolute;
	-webkit-transform: translate3d(var(--next-x), 0, 0);
	transform: translate3d(var(--next-x), 0, 0);
  -webkit-animation: move-x--next 20s linear infinite;
  animation: move-x--next 20s linear infinite;
}

@keyframes move-x--prev {
	0% {
		-webkit-transform: translate3d(var(--prev-x), 0, 0);
		transform: translate3d(var(--prev-x), 0, 0);
	}
	100% {
		-webkit-transform: translate3d(calc(var(--prev-x) - 100%), 0, 0);
		transform: translate3d(calc(var(--prev-x) - 100%), 0, 0);
	}
}

@keyframes move-x--next {
	0% {
		-webkit-transform: translate3d(var(--next-x), 0, 0);
		transform: translate3d(var(--next-x), 0, 0);
	}
	100% {
		-webkit-transform: translate3d(calc(var(--next-x) - 100%), 0, 0);
		transform: translate3d(calc(var(--next-x) - 100%), 0, 0);
	}
}

.textWrap .initialize__complete div.imageWrap.scroll__in  {
	position:  absolute;
	top: 0;
	height:  100%;
	width:  100%;
	animation: imageUp var(--image-move-timer) cubic-bezier(0.85, 0.01, 0.18, 0.98);
}

.textWrap .initialize__complete img {
	top: 0%;
}

.textWrap__image--up {
	position: absolute;
	z-index: 1;
	width: 100%;
}

.textWrap__image--hover {
	position: absolute;
	z-index: 1;
	width: 100%;
}

.hover--after {
	-webkit-transform: translate3d(var(--next-x), 0, 0);
	transform: translate3d(var(--next-x), 0, 0);
}

.hover--before {
	-webkit-transform: translate3d(var(--prev-x), 0, 0);
	transform: translate3d(var(--prev-x), 0, 0);
}

@keyframes imageUp {
	0% {
		top: 100%;
	}
	100% {
		top: 0%;
	}
}

.js__active img.hover--before {
	top: 0;
	left: 0;
	animation: move-x--after var(--image-move-timer) cubic-bezier(0.47, 0.25, 0.12, 0.79);
	z-index: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
}

.js__active img.hover--after {
	top: 0;
	animation: move-x--before var(--image-move-timer) cubic-bezier(0.47, 0.25, 0.12, 0.79);
	z-index: 2;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
}
@keyframes move-x--after {
	0% { 
		transform: translateX(30%);
 	}
	100% { 
		transform: translateX(0%); 
	}
}
@keyframes move-x--before {
	0% {
		transform: translateX(0%); 
	}
	100% {
		transform: translateX(-100%); 
	}
}
@media (max-width:768px) {
	.textWrap__play.complete{
		opacity: 1 !important;
	}
	.textWrap__play{
		border-width: 1px;
		min-width: 2.2rem;
		width: 2.2rem;
		min-height: 2.2rem;
		height: 2.2rem;
	}
	.textWrap__play img{
		width: 6px;
	}
}

@media screen and (max-width:768px){
	.textWrap{
		z-index: 100;
	}
	.aspect{
		width: 50%;
	}	
}