.anyBannerArea {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 auto;
  width: 350px;
}

.anyBannerBox {
  position: relative;
  width: 300px; 
  height: 300px; 
  overflow: hidden; 
}

.anyBanner {
  /* pointer-events: none; */  /* 제거됨 */
  position: absolute;
  top: 0;
  left: 0; /* left 값을 0으로 변경 */
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1; /* iframe 위에 표시되도록 z-index 설정 */
  transition: transform 0.3s ease; /* 부드러운 이동 효과 추가 */
}

.anyBanner img.cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.anyBanner .arw {
  position: absolute;
  top: calc(50% - 15px);
  right: 10px;
  background-color: #387352;
  width: 24px;
  height: 24px;
  border-radius: 24px;
}

.anyBanner.active {
  animation: mv1 1.5s ease-out infinite;
}

@keyframes mv1 {
  0% {
    transform: translate3d(0, 0, 0); /* 애니메이션 시작 시 원래 위치 */
  }

  20% {
    transform: translate3d(-3%, 0, 0); 
  }

  40% {
    transform: translate3d(0%, 0, 0); 
  }

  60% {
    transform: translate3d(-3%, 0, 0); 
  }

  80% {
    transform: translate3d(0%, 0, 0); 
  }

  100% {
    transform: translate3d(0%, 0, 0);
  }
}


.coupangArea {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 auto;
  width: 350px;
}

.coupangBox {
  position: relative;
  width: 320px;
  height: 150px;
  margin: 0 auto;
  overflow: hidden; 
}

.coupang {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; 
  opacity: 0.90; !important; 

}

.coupang img.cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover; 

}

.coupang_arw {
  position: absolute;
  top: calc(50% - 12px);
  right: 10px;
  background-color: #387352;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coupang.active {
  animation: mv1 1.5s ease-out infinite;
}

@keyframes mv1 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  20% {
    transform: translate3d(-25%, 0, 0);
  }
  40% {
    transform: translate3d(-50%, 0, 0);
  }
  60% {
    transform: translate3d(-75%, 0, 0);
  }
  80% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.anyBanner:hover {
 transform: translate3d(-105%, 0, 0) !important;  /* 완전히 왼쪽 밖으로 이동 */
}