@charset "utf-8";



/*----- SPIN -----*/
@-webkit-keyframes spin {
	100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
@-moz-keyframes spin {
	100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
@-ms-keyframes spin {
	100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
@-o-keyframes spin {
	100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
@keyframes spin {
	100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}



/*----- LOADING CIRCLE -----*/
@-webkit-keyframes circleAni {
	0% { 
        stroke-dashoffset: 157; 
    }
	75% { 
        stroke-dashoffset: -147; 
    }
	100% { 
        stroke-dashoffset: -157; 
    }
}
@-moz-keyframes circleAni {
	0% { 
        stroke-dashoffset: 157; 
    }
	75% { 
        stroke-dashoffset: -147; 
    }
	100% { 
        stroke-dashoffset: -157; 
    }
}
@-ms-keyframes circleAni {
	0% { 
        stroke-dashoffset: 157; 
    }
	75% { 
        stroke-dashoffset: -147; 
    }
	100% { 
        stroke-dashoffset: -157; 
    }
}
@-o-keyframes circleAni {
	0% { 
        stroke-dashoffset: 157; 
    }
	75% { 
        stroke-dashoffset: -147; 
    }
	100% { 
        stroke-dashoffset: -157; 
    }
}
@keyframes circleAni {
	0% { 
        stroke-dashoffset: 157; 
    }
	75% { 
        stroke-dashoffset: -147; 
    }
	100% { 
        stroke-dashoffset: -157; 
    }
}





/*----- SCROLL DOWN -----*/
@-webkit-keyframes scrollDownOne {
	0% { 
        opacity:1;
    }	
	50% { 
        opacity:0.5;
    }	
	100% { 
        opacity:0.3;
    }
}
@keyframes scrollDownOne {
	0% { 
        opacity:1;
    }	
	50% { 
        opacity:0.5;
    }	
	100% { 
        opacity:0.3;
    }
}

@-webkit-keyframes scrollDownTwo {
	0% { 
        opacity:0.5;
    }	
	50% { 
        opacity:1;
    }	
	100% { 
        opacity:0.5;
    }
}
@keyframes scrollDownTwo {
	0% { 
        opacity:0.5;
    }	
	50% { 
        opacity:1;
    }	
	100% { 
        opacity:0.5;
    }
}

@-webkit-keyframes scrollDownThree {
	0% { 
        opacity:0.3;
    }	
	50% { 
        opacity:0.5;
    }	
	100% { 
        opacity:1;
    }
}
@keyframes scrollDownThree {
	0% { 
        opacity:0.3;
    }	
	50% { 
        opacity:0.5;
    }	
	100% { 
        opacity:1;
    }
}





/*----- slideUpAni -----*/
@-webkit-keyframes slideUpAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@-moz-keyframes slideUpAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@-ms-keyframes slideUpAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@-o-keyframes slideUpAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@keyframes slideUpAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}




/* ----- MAIN - BLINK 효과 ----- */
@-webkit-keyframes blink {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-moz-keyframes blink {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
} 
@-ms-keyframes blink {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
} 
@-o-keyframes blink {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
} 
@keyframes blink {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
} 





/* ----- MAIN - DIRECT TEXT ----- */
@-webkit-keyframes directAni {
	0% {
		opacity:0;
		transform:translateX(-10%);
	}
	100% {
		opacity:1;
		transform:translateX(0);
	}
}
@-moz-keyframes directAni {
	0% {
		opacity:0;
		transform:translateX(-10%);
	}
	100% {
		opacity:1;
		transform:translateX(0);
	}
}
@-ms-keyframes directAni {
	0% {
		opacity:0;
		transform:translateX(-10%);
	}
	100% {
		opacity:1;
		transform:translateX(0);
	}
}
@-o-keyframes directAni {
	0% {
		opacity:0;
		transform:translateX(-10%);
	}
	100% {
		opacity:1;
		transform:translateX(0);
	}
}
@keyframes directAni {
	0% {
		opacity:0;
		transform:translateX(-10%);
	}
	100% {
		opacity:1;
		transform:translateX(0);
	}
}





/* ----- MAIN - BLINK LIGHT ----- */
@-webkit-keyframes blinkLight {
	0% {
		opacity: 0;
		transform: scale(0.4);
	}
	25% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(2);
	}
    75% {
		opacity: 1;
		transform: scale(1);
	}
    100% {
		opacity: 0;
		transform: scale(0.4);
	}
}
@-moz-keyframes blinkLight {
	0% {
		opacity: 0;
		transform: scale(0.4);
	}
	25% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(2);
	}
    75% {
		opacity: 1;
		transform: scale(1);
	}
    100% {
		opacity: 0;
		transform: scale(0.4);
	}
}
@-ms-keyframes blinkLight {
	0% {
		opacity: 0;
		transform: scale(0.4);
	}
	25% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(2);
	}
    75% {
		opacity: 1;
		transform: scale(1);
	}
    100% {
		opacity: 0;
		transform: scale(0.4);
	}
}
@-o-keyframes blinkLight {
	0% {
		opacity: 0;
		transform: scale(0.4);
	}
	25% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(2);
	}
    75% {
		opacity: 1;
		transform: scale(1);
	}
    100% {
		opacity: 0;
		transform: scale(0.4);
	}
}
@keyframes blinkLight {
	0% {
		opacity: 0;
		transform: scale(0.4);
	}
	25% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(2);
	}
    75% {
		opacity: 1;
		transform: scale(1);
	}
    100% {
		opacity: 0;
		transform: scale(0.4);
	}
}













@-webkit-keyframes shooting{
    0%{
        transform: rotate(315deg) translateX(0);
        opacity: 1;
    }
    70%{
        opacity: 1;
    }
    100%
    {
        transform: rotate(315deg) translateX(-1000px);
        opacity: 0;
    }
}
@-moz-keyframes shooting{
    0%{
        transform: rotate(315deg) translateX(0);
        opacity: 1;
    }
    70%{
        opacity: 1;
    }
    100%
    {
        transform: rotate(315deg) translateX(-1000px);
        opacity: 0;
    }
}
@-ms-keyframes shooting{
    0%{
        transform: rotate(315deg) translateX(0);
        opacity: 1;
    }
    70%{
        opacity: 1;
    }
    100%
    {
        transform: rotate(315deg) translateX(-1000px);
        opacity: 0;
    }
}
@-o-keyframes shooting{
    0%{
        transform: rotate(315deg) translateX(0);
        opacity: 1;
    }
    70%{
        opacity: 1;
    }
    100%
    {
        transform: rotate(315deg) translateX(-1000px);
        opacity: 0;
    }
}
@keyframes shooting{
    0%{
        transform: rotate(315deg) translateX(0);
        opacity: 1;
    }
    70%{
        opacity: 1;
    }
    100%
    {
        transform: rotate(315deg) translateX(-1000px);
        opacity: 0;
    }
}