/****** common ******/
@-webkit-keyframes fadeUp {
  from{opacity:0; transform:translateY(20px);}
  to{opacity:1; transform:translateY(0);}
} 
@keyframes fadeUp {
  from{opacity:0; transform:translateY(20px);}
  to{opacity:1; transform:translateY(0);}
} 

/* ±×¶óµ¥ÀÌ¼Ç ¹è°æ */
@-webkit-keyframes gradiBg{
	0%{background-position:0 50%;}
	50%{background-position:100% 50%;}
	100%{background-position:0 50%;}
}
@keyframes gradiBg{
	0%{background-position:0 50%;}
	50%{background-position:100% 50%;}
	100%{background-position:0 50%;}
}




/****** main ******/
/* ¹è°æ ¾Ö´Ï¸ÞÀÌ¼Ç */
@-webkit-keyframes scaleDown {
    0% {-webkit-transform: scale(1.07); transform: scale(1.07);}
    100% {-webkit-transform: scale(1); transform: scale(1);}
}
@keyframes scaleDown {
    0% {-webkit-transform: scale(1.07); transform: scale(1.07);}
    100% {-webkit-transform: scale(1); transform: scale(1);}
}
/* ÅØ½ºÆ® ¾Ö´Ï¸ÞÀÌ¼Ç */
@-webkit-keyframes fadeUpText {
  from{opacity:0; transform:translateY(-20%);}
  to{opacity:1; transform:translateY(-50%);}
} 
@keyframes fadeUpText {
  from{opacity:0; transform:translateY(-20%);}
  to{opacity:1; transform:translateY(-50%);}
} 
/* ÇÁ·Î±×·¹½º ¾Ö´Ï¸ÞÀÌ¼Ç */
@-webkit-keyframes progressAnimation {
  from{stroke-dashoffset: 138;}
  to{stroke-dashoffset: 0;}
} 
@keyframes progressAnimation {
  from{stroke-dashoffset: 138;}
  to{stroke-dashoffset: 0;}
}   
/* °øÁö»çÇ× NEW ¶óº§ */
@-webkit-keyframes twinkleNew{
	0%{background:#ff6c00;}
	100%{background:var(--color-main02);}
}
@keyframes twinkleNew{
	0%{background:#ff6c00;}
	100%{background:var(--color-main02);}
}
/* ´º½º·¹ÅÍ ¿ø ÅØ½ºÆ® */
@-webkit-keyframes circleTxt{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(180deg);}
}
@keyframes circleTxt{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(180deg);}
}
/* ´º½º·¹ÅÍ ÅØ½ºÆ® */
@-webkit-keyframes flowTxt{
	0%{left:0;}
	100%{left:-100%;}
}
@keyframes flowTxt{
	0%{left:0;}
	100%{left:-100%;}
}


/****** sub ******/
/* thema scroll down */
@-webkit-keyframes scrollDown{
	0%{top:0;}
	100%{top:100%;}
}
@keyframes scrollDown{
	0%{top:0;}
	100%{top:100%;}
}
/* thema inner text */
@-webkit-keyframes movetoDown{
	0%{opacity:0; transform:translateY(-32px);}
	100%{opacity:0.4; transform:translateY(0);}
}

@keyframes movetoDown{
	0%{opacity:0; transform:translateY(-32px);}
	100%{opacity:0.4; transform:translateY(0);}
}

@-webkit-keyframes movetoUp{
	0%{opacity:0; transform:translateY(32px);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes movetoUp{
	0%{opacity:0; transform:translateY(32px);}
	100%{opacity:1; transform:translateY(0);}
}



/***** 
 * animation class 
 * animation-delay : sliderSpeed - 0.2s
******/
.animate-prev.animate-fadeUp{opacity:0;}
.animate-start.animate-fadeUp{animation-name:fadeUp; animation-fill-mode:forwards; animation-duration:1s; animation-delay:0.6s;}
.animate-start.animate-delay00{animation-delay:0.8s;}
.animate-start.animate-delay01{animation-delay:1s;}
.animate-start.animate-delay02{animation-delay:1.2s;}
.animate-start.animate-delay03{animation-delay:1.5s;}