<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* *******************************************************
 * filename : animation.css
 * description : 애니메이션 CSS
 * date : 2023-03-15
******************************************************** */

@keyframes image-zoom-out {
	from {transform: scale(1.08,1.08);}
	to {transform: scale(1.0,1.0);}
}
@keyframes text-active-animation {
	from {transform: translateY(110%);}
	to {transform: translateY(0);}
}
@keyframes scrollUpdown {
	0% {top:-20%; opacity:1}
	100% {top:90%; opacity:0.2}
}
@keyframes upDown {
	0% {opacity: 0.5; transform:  translateY(-5px);}
	50% {opacity: 1; transform: translateY(5px);}
	100% {opacity: 0.5; transform:  translateY(-5px);}
}
@keyframes drift {
  0% {transform: rotate(0deg) scale(1);}
  50% {transform: rotate(360deg) scale(0.95);}
  70% {transform: rotate(360deg) scale(0.9);}
  100% {transform: rotate(0deg) scale(1);}
}
@keyframes upDown {
	0% {transform:  translateY(-5px);}
	50% {transform: translateY(5px);}
	100% {transform:  translateY(-5px);}
}
@keyframes navani{
	0% {transform: scaleX(1);}
	25% {transform: scaleX(0);}
	50% {transform: scaleX(1);}
	75% {transform: scaleX(0);}
	100% {transform: scaleX(1)}
}
@keyframes criss-cross-right {
	0% {right: -30.44%;}
	48% {right: 50%; width: 2rem; height: 2rem; background-color: var(--main-color);}
	58% {right: 50%; width: 2rem; height: 2rem; background-color: var(--main-color);}
	59% {background-color: #000; box-shadow: 0 0 16rem 0rem rgba(57,91,68,0.5);}
	100% {right: 50%; width: 56rem; height: 56rem; background-color: #000; box-shadow: 0 0 16rem 0rem rgba(57,91,68,0.5);}
}
@keyframes criss-cross-left {
	0% {left: -30.44%;}
	48% {left: 50%; width: 2rem; height: 2rem; background-color: var(--main-color);}
	58% {left: 50%; width: 2rem; height: 2rem; background-color: var(--main-color);}
	59% {width: 2rem; height: 2rem; background-color: #000; box-shadow: 0 0 16rem 0rem rgba(57,91,68,0.5);}
	100% {left: 50%; width: 56rem; height: 56rem; background-color: #000; box-shadow: 0 0 16rem 0rem rgba(57,91,68,0.5);}
}
@keyframes criss-cross-right-tb {
	0% {right: -17.44%;}
	48% {right: 50%; width: 2rem; height: 2rem; background-color: var(--main-color);}
	58% {right: 50%; width: 2rem; height: 2rem; background-color: var(--main-color);}
	59% {width: 2rem; height: 2rem; background-color: #000; box-shadow: 0 0 16rem 0rem rgba(57,91,68,0.5);}
	100% {right: 50%; width: 40rem; height: 40rem; background-color: #000; box-shadow: 0 0 16rem 0rem rgba(57,91,68,0.5);}
}
@keyframes criss-cross-left-tb {
	0% {left: -17.44%;}
	48% {left: 50%; width: 2rem; height: 2rem; background-color: var(--main-color);}
	58% {left: 50%; width: 2rem; height: 2rem; background-color: var(--main-color);}
	59% {width: 2rem; height: 2rem; background-color: #000; box-shadow: 0 0 16rem 0rem rgba(57,91,68,0.5);}
	100% {left: 50%; width: 40rem; height: 40rem; background-color: #000; box-shadow: 0 0 16rem 0rem rgba(57,91,68,0.5);}
}
@keyframes criss-cross-m {
	0% {top: -13rem;}
	50% {left: 50%; width: 1rem; height: 1rem; background-color: var(--main-color);}
	51% {top: 12rem; width: 1rem; height: 1rem; background-color: var(--main-color); box-shadow: 0 0 16rem 0rem rgba(57,91,68,0.5);}
	100% {top: 0; width: 26rem; height: 26rem; background-color: #000; box-shadow: 0 0 16rem 0rem rgba(57,91,68,0.5);}
}
@keyframes circle-effect {
	0% {transform: scale(0); opacity: 0.5;}
	50% {opacity: 1.0;}
	100% {transform: scale(1); opacity: 0; }
}
@keyframes blink {
	0%  {background-color: #395b44;}
	49% {background-color: #395b44;}
	50% {background-color: transparent;}
	99% {background-color: transparent;}
	100% {background-color: #395b44;}
}
@keyframes cm-text-animation {
	from {opacity:0;filter:Alpha(opacity=0); margin:0 1rem;}
	to {opacity:1.0;filter:Alpha(opacity=100); margin:0;}
}
@keyframes cm-text-animation-m {
	from {opacity:0;filter:Alpha(opacity=0); margin:0 0.5rem;}
	to {opacity:1.0;filter:Alpha(opacity=100); margin:0;}
}
@keyframes cm-text-fade {
	from {opacity:1.0;filter:Alpha(opacity=100);}
	to {opacity:0;filter:Alpha(opacity=0);}
}
@keyframes letter-glow {
  0% {
    text-shadow: 0 0 30px rgba(57,91,68,0.4), 0 0 30px rgba(57,91,68,0.4), 0 0 30px rgba(57,91,68,0.4), 0 0 30px rgba(57,91,68,0.4);
  }
  40% {
    text-shadow: 0 -13px 30px rgba(57,91,68,0.8), -13px 0 30px rgba(57,91,68,0.8), 13px 0 30px rgba(57,91,68,0.8), 0 13px 30px rgba(57,91,68,0.8);
  }
  100% {
    text-shadow: 0 0 30px rgba(57,91,68,0.4), 0 0 30px rgba(57,91,68,0.4), 0 0 30px rgba(57,91,68,0.4), 0 0 30px rgba(57,91,68,0.4);
  }
}</pre></body></html>