.elotteutana {
  --width: 400px;
  --height: 267px;
  position: relative;
  width: var(--width);
  height: var(--height);
  overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.elotteutana_img {
  position: absolute;
  height: 100%;
  background-size: var(--width) var(--height);
}
.elotteutana_img:first-child {
  left: 0;
  width: 100%;
  background-position: center left;
	filter: grayscale(100%);
}
.elotteutana_img:last-child {
  right: 0;
  width: calc(100% - var(--x, 50%));
  background-position: center right;
  box-shadow: inset 2px 0 0 #111, -2px 0 0 #111;
}
@media screen and (max-width: 880px) {
	.elotteutana {
  --width: 400px;
  --height: 267px;
}
}
@media screen and (max-width: 680px) {
	.elotteutana {
  --width: 400px;
  --height: 267px;
}
}
@media screen and (max-width: 480px) {
	.elotteutana {
  --width: 300px;
  --height: 200px;
}
}