@charset "utf-8";

/* 애니메이션 */
[data-motion="blur"] {
  filter: blur(10px);
  opacity: 0;
  transform: scale(1.1);
  /*transition: 1s ease 0s;*/
  transition: 0s ease 0s;
}
[data-motion="blur"].motion_in {
  filter: blur(0);
  opacity: 1;
  transform: scale(1);
}
[data-motion="slide-up"] {
  opacity: 0;
  transform: translateY(50rem);
  /*transition: 1s ease 0s;*/
  transition: 0s ease 0s;
}
[data-motion="slide-up"].motion_in {
  opacity: 1;
  transform: translateY(0);
}
[data-motion="slide-left"] {
  opacity: 0;
  transform: translateX(50rem);
  transition: 1s ease 0s;
}
[data-motion="slide-left"].motion_in {
  opacity: 1;
  transform: translateX(0);
}
[data-motion="slide-right"] {
  opacity: 0;
  transform: translateX(-50rem);
  transition: 1s ease 0s;
}
[data-motion="slide-right"].motion_in {
  opacity: 1;
  transform: translateX(0);
}
[data-motion="slide_show_right"] {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  transition: clip-path var(--aniTime, 1.5s) var(--aniEase, ease) 0s;
}
[data-motion="slide_show_right"].motion_in {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition-delay: var(--aniDelay, 0.2s);
}
[data-motion="slide_show_left"] {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  transition: clip-path var(--aniTime, 1.5s) var(--aniEase, ease) 0s;
}
[data-motion="slide_show_left"].motion_in {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition-delay: var(--aniDelay, 0.1s);
}
[data-motion="slide_show_down"] {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: clip-path var(--aniTime, 1.5s) var(--aniEase, ease) 0s;
}
[data-motion="slide_show_down"].motion_in {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition-delay: var(--aniDelay, 0.1s);
}
[data-motion="slide_show_up"] {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  transition: clip-path var(--aniTime, 1.5s) var(--aniEase, ease) 0s;
}
[data-motion="slide_show_up"].motion_in {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition-delay: var(--aniDelay, 0.1s);
}
