.main-banner {
  max-width: 100%;
  width: 1300px;
  margin: auto;
  position: relative;
}
.main-banner .arrow{
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
}
.main-banner .arrow:focus {
  outline: 0;
}
.main-banner .arrow-prev {
  background-image: url(./images/arrow4.png);
  background-size: cover;
  background-repeat: no-repeat;
  left: 1em;
  transform: translateY(-50%);
}
.main-banner .arrow-next {
  background-image: url(./images/arrow3.png);
  background-size: cover;
  background-repeat: no-repeat;
  right: 1em;
}
.main-banner img {
	width: 100%;
	height: auto;
}
.main-banner .arrow{
  width: 64px;
  height: 64px;
}
.main-banner .arrow-prev {
  left: -48px;
}
.main-banner .arrow-next {
  right: -48px;
}