section {
  position: relative;
  padding: 0px;
  width: 100%;
}

.animation {
  overflow: hidden;
  height: 450px; /* 5 ????? ? 20px ?? ?????? */
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0px auto 15px auto;
  animation: slide-vertical 50s linear infinite;
}

li {
	font:  17px Tahoma, Arial;
	color: #FFFFFF;
	width: 90%;
	max-width: 800px;
	margin: 5px auto 15px auto;
	min-height: 140px;
	line-height: 32px;
	padding: 0 10px;
	word-break: break-word;
	text-align: center;
	border: 2px solid #666666;
	border-radius : 4px;
	background-color: rgba(0, 0, 0, 0.2);
	background-image: url('/styles/img/img-div-2.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	box-shadow: 0 0 16px -5px rgba(0, 0, 0, 1) inset, 0 7px 7px -4px rgba(0, 0, 0, 0.5);
}

.li-text{
	font: 17px Tahoma, Arial;
	color: #FFDEAD;
}

@keyframes slide-vertical {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-20 * 32px)); /* 10 ????? ? 32px */
  }
}