/*** 아래로 ***/
.animation_popups_down {
	animation-name: animation_popups_down;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_down {
	from {
		opacity: 0.15;
		transform: translateY(-50px);
	}
	to {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
}
.animation_popups_down.cls {
	animation-name: animation_popups_down_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	
	opacity: 1;
}
@keyframes animation_popups_down_cls {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translateY(-50px);
		
	}
}

/*** 위로 ***/
.animation_popups_up {
	animation-name: animation_popups_up;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_up {
	from {
		opacity: 0.15;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
}
.animation_popups_up.cls {
	animation-name: animation_popups_up_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	
	opacity: 1;
}
@keyframes animation_popups_up_cls {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translateY(50px);
		
	}
}

/*** 오른쪽으로 ***/
.animation_popups_right {
	animation-name: animation_popups_right;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_right {
	from {
		opacity: 0.15;
		transform: translateX(-50px);
	}
	to {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
}
.animation_popups_right.cls {
	animation-name: animation_popups_right_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 1;
}
@keyframes animation_popups_right_cls {
	from {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
	to {
		opacity: 0;
		transform: translateX(-50px);
		
	}
}

/*** 왼쪽으로 ***/
.animation_popups_left {
	animation-name: animation_popups_left;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_left {
	from {
		opacity: 0.15;
		transform: translateX(50px);
	}
	to {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
}
.animation_popups_left.cls {
	animation-name: animation_popups_left_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 1;
}
@keyframes animation_popups_left_cls {
	from {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
	to {
		opacity: 0;
		transform: translateX(50px);
		
	}
}

/*** 커지게 ***/
.animation_popups_bigger {
	animation-name: animation_popups_bigger;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_bigger {
	from {
		opacity: 0.15;
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
}
.animation_popups_bigger.cls {
	animation-name: animation_popups_bigger_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 1;
}
@keyframes animation_popups_bigger_cls {
	from {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
	to {
		opacity: 0;
		transform: scale(0.9);
		
	}
}

/*** 작아지게 ***/
.animation_popups_smaller {
	animation-name: animation_popups_smaller;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_smaller {
	from {
		opacity: 0.15;
		transform: scale(1.1);
	}
	to {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
}
.animation_popups_smaller.cls {
	animation-name: animation_popups_smaller_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 1;
}
@keyframes animation_popups_smaller_cls {
	from {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
	to {
		opacity: 0;
		transform: scale(1.1);
		
	}
}

/*** 뉴스페이퍼 ***/
.animation_popups_news {
	animation-name: animation_popups_news;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;

	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_news {
	from {
		opacity: 0.15;
		transform: scale(0.3) rotate(180deg);
	}
	to {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1) rotate(-360deg);
	}
}
.animation_popups_news.cls {
	animation-name: animation_popups_news_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;

	opacity: 1;
}
@keyframes animation_popups_news_cls {
	from {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1) rotate(-360deg);
	}
	to {
		opacity: 0;
		transform: scale(0.3) rotate(180deg);
		
	}
}

/*** 회전 ***/
.animation_popups_flip {
	animation-name: animation_popups_flip;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_flip {
	from {
		opacity: 0.15;
		transform: perspective(1300px) rotateY(-70deg);
	}
	to {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: perspective(1300px) rotateY(0deg);
	}
}
.animation_popups_flip.cls {
	animation-name: animation_popups_flip_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 1;
}
@keyframes animation_popups_flip_cls {
	from {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: perspective(1300px) rotateY(0deg);
	}
	to {
		opacity: 0;
		transform: perspective(1300px) rotateY(-70deg);
		
	}
}

/*** 간판 ***/
.animation_popups_sign {
	animation-name: animation_popups_sign;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;

	opacity: 0;
	word-break: break-all;
	transform-origin: 50% 0%;
}
@keyframes animation_popups_sign {
	from {
		opacity: 0.15;
		transform: perspective(1300px) rotateX(-40deg);
	}
	60% {
		opacity: 0.75;
		transform: perspective(1300px) rotateX(25deg);
	}
	to {
		opacity: 1;
		transform: perspective(1300px) rotateX(0deg);
	}
}
.animation_popups_sign.cls {
	animation-name: animation_popups_sign_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;

	opacity: 1;
}
@keyframes animation_popups_sign_cls {
	from {
		opacity: 1;
		transform: perspective(1300px) rotateX(0deg);
	}
	40% {
		opacity: 0.75;
		transform: perspective(1300px) rotateX(25deg);
	}
	to {
		opacity: 0;
		transform: perspective(1300px) rotateX(-40deg);
		
	}
}

/*** 전체화면 ***/
.animation_popups_full {
	animation-name: animation_popups_full;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	
	width: 100vw !important; 
	height: 100vh !important;
	top: 0 !important;
	left: 0 !important;

	opacity: 0;
	word-break: break-all;
	transform-origin: 50% 0%;
}
@keyframes animation_popups_full {
	from {
		opacity: 0.15;
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
.animation_popups_full.popups_item.max_w {height: 100vh !important;}
.animation_popups_full .popups_item_cont {position: relative;}
.animation_popups_full .popups_item_img {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%)}
.animation_popups_full .popups_item_cont iframe,
.animation_popups_full .popups_item_cont video {position: absolute; top: 50%; left: 50%; width: 100%; height: 100% !important; transform: translate(-50%,-50%)}
.animation_popups_full.cls {
	animation-name: animation_popups_full_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	opacity: 1;
}
@keyframes animation_popups_full_cls {
	from {
		opacity: 1;
		transform: scale(1);
	}
	to {
		opacity: 0;
		transform: scale(0.9);
		
	}
}

/*** 폴더 ***/
.animation_popups_fold {
	animation-name: animation_popups_fold;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	
	opacity: 0;
	word-break: break-all;
	transform: scaleX(0) scaleY(0.01);
}
@keyframes animation_popups_fold {
	from {
		opacity: 0.15;
	}
	50% {
		transform: scaleX(1) scaleY(0.01);
	}
	to {
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
}
.animation_popups_fold.cls {
	animation-name: animation_popups_fold_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	
	opacity: 1;
}
@keyframes animation_popups_fold_cls {
	from {
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
	50% {
		transform: scaleX(1) scaleY(0.01);
	}
	to {
		opacity: 0;
		transform: scaleX(0) scaleY(0);
		
	}
}

/*** 점프 ***/
.animation_popups_jump {
	animation-name: animation_popups_jump;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	
	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_jump {
	0% {
		transform: translateY(0%);
	}
	30% {
		transform: translateY(5px);
	}
	55% {
		transform: translateY(-50px);
	}
	85% {
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}
.animation_popups_jump.cls {
	animation-name: animation_popups_jump_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	
	opacity: 1;
	transform: translateY(0%);
}
@keyframes animation_popups_jump_cls {
	0% {
		opacity: 1;
		transform: translateY(0%);
	}
	30% {
		transform: translateY(10px);
	}
	55% {
		transform: translateY(-50px);
	}
	85% {
		transform: translateY(5px);
	}
	100% {
		opacity: 0;
		transform: translateY(0%);
		
	}
}

/*** 중앙 고정 ***/
.animation_popups_ct {
  position:fixed;
  animation-name: animation_popups_ct;
  animation-duration: 0.7s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;

  bottom: auto !important;
  top: 50% !important;
  left: 0 !important;
  right: auto !important;
  opacity: 0;
  word-break: break-all;
}
@keyframes animation_popups_ct {
  from {
    opacity: 0.15;
    transform: translateY(-50%);
  }
  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}
.animation_popups_ct.cls {
  animation-name: animation_popups_ct_cls;
  animation-duration: 0.7s;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;

  opacity: 1;
}
@keyframes animation_popups_ct_cls {
  from {
    opacity: 1;
    transform: translateY(-50%);
  }
  to {
    opacity: 0;
    transform: translateY(-50%);
  }
}

/*** 좌측하단 고정 ***/
.animation_popups_lb {
	animation-name: animation_popups_lb;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	bottom: 0 !important;
	top: auto !important;
	left: 0 !important;
	right: auto !important;
	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_lb {
	from {
		opacity: 0.15;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
}
.animation_popups_lb.cls {
	animation-name: animation_popups_lb_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	
	opacity: 1;
}
@keyframes animation_popups_lb_cls {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translateY(50px);
		
	}
}

/*** 좌측상단 고정 ***/
.animation_popups_lt {
	animation-name: animation_popups_lt;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	bottom: auto !important;
	top: 0 !important;
	left: 0 !important;
	right: auto !important;
	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_lt {
	from {
		opacity: 0.15;
		transform: translateX(-50px);
	}
	to {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
}
.animation_popups_lt.cls {
	animation-name: animation_popups_lt_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	
	opacity: 1;
}
@keyframes animation_popups_lt_cls {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translateX(-50px);
		
	}
}

/*** 우측하단 고정 ***/
.animation_popups_rb {
	animation-name: animation_popups_rb;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	bottom: 0 !important;
	top: auto !important;
	left: auto !important;
	right: 0 !important;
	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_rb {
	from {
		opacity: 0.15;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
}
.animation_popups_rb.cls {
	animation-name: animation_popups_rb_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	
	opacity: 1;
}
@keyframes animation_popups_rb_cls {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translateY(50px);
		
	}
}

/*** 우측상단 고정 ***/
.animation_popups_rt {
	animation-name: animation_popups_rt;
	animation-duration: 0.7s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;

	bottom: auto !important;
	top: 0 !important;
	left: auto !important;
	right: 0 !important;
	opacity: 0;
	word-break: break-all;
}
@keyframes animation_popups_rt {
	from {
		opacity: 0.15;
		transform: translateX(50px);
	}
	to {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1);
	}
}
.animation_popups_rt.cls {
	animation-name: animation_popups_rt_cls;
	animation-duration: 0.7s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	
	opacity: 1;
}
@keyframes animation_popups_rt_cls {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translateX(50px);
		
	}
}