.scroll {
	position: relative;
	display: flex;
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #f0f1f2 15%, #f0f1f2 85%, transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #f0f1f2 15%, #f0f1f2 85%, transparent);
	margin: 0 30px;
}

.scroll .zm120 {
	margin-left: 120px;
}

.img-box > div .bg:last-child {
	margin-right: 8px;
}

.img-box {
	display: flex;
}

.img-box > div,
.img-box > div .bg {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.img-box .bg img {
	width: 12vw;
	height: 5.5vw;
	background: #ffffff;
	border-radius: 0.5vw;
	border: 1px solid #e9e9ea;
}

.scroll > div {
	white-space: nowrap;
	animation: animate var(--t) linear infinite;
	animation-delay: calc(var(--t) * -1);
}

@keyframes animate {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(-100%);
	}
}

.scroll > div:nth-child(2) {
	animation: animate2 var(--t) linear infinite;
	animation-delay: calc(var(--t) / -2);
}

@keyframes animate2 {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-200%);
	}
}

.scroll:hover > div {
	animation-play-state: paused;
}

/* @media screen and (max-width: 769px) {
	.img-box .bg img {
		width: 120px;
		height: 55px;
	}
} */