
.dimmed[data-v-c6ae6c2e] {
  display: block !important;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
.mobileImagePopup[data-v-c6ae6c2e] {
  display: block;
  position: fixed;
  bottom: -10px;
  left: 0;
  right: 0;
  z-index: 1001;
  margin: 0;
  background: transparent;
}
.popupContainer[data-v-c6ae6c2e] {
  background: white;
  padding: 0;
  position: relative;
  margin: 0;
  box-sizing: border-box;
}
.popupContainer img[data-v-c6ae6c2e] {
  width: 100%;
  border-radius: 12px;
  display: block;
}
.footerButton[data-v-c6ae6c2e] {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: none;
  border: none;
  font-size: 13px;
  color: #808080;
  text-decoration: underline;
}

/* 슬라이드 업 애니메이션 */
.slide-up-enter-active[data-v-c6ae6c2e] {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slide-up-leave-active[data-v-c6ae6c2e] {
  transition: transform 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.slide-up-enter-from[data-v-c6ae6c2e] {
  transform: translateY(100%);
}
.slide-up-enter-to[data-v-c6ae6c2e] {
  transform: translateY(0);
}
.slide-up-leave-from[data-v-c6ae6c2e] {
  transform: translateY(0);
}
.slide-up-leave-to[data-v-c6ae6c2e] {
  transform: translateY(100%);
}

/* 딤드 페이드 애니메이션 */
.fade-enter-active[data-v-c6ae6c2e],
.fade-leave-active[data-v-c6ae6c2e] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-c6ae6c2e],
.fade-leave-to[data-v-c6ae6c2e] {
  opacity: 0;
}
.fade-enter-to[data-v-c6ae6c2e],
.fade-leave-from[data-v-c6ae6c2e] {
  opacity: 1;
}
