@charset "UTF-8";

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


/* ºñÁÖ¾ó ŸÀÌƲ */
.slideY{animation:slideY 0.7s ease-in forwards}
.slideYs{animation:slideYs 0.7s ease-in forwards}
.slideYss{animation:slideYs 0.7s ease-in forwards}
/*[class^="header_title"]{display:inline-block;position:absolute;top:600px;left:500px;width:432px;background-repeat:no-repeat;}*/


/* ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes slideY {
	0% {transform:translateY(30px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes slideYs {
	0% {transform:translateY(0px); opacity:0;}
	100% {transform:translateY(20px); opacity:1;}
}
@keyframes slideYss {
	0% {
		transform:translate(0px,-50px);opacity:0;
		-webkit-transform:translate(0px,-50px);opacity:0;}
	100% {
		transform:translate(0px,0px);opacity:1;
		-webkit-transform:translate(0px,0px);opacity:1;
	}
}

@-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
		animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}


@keyframes mymove {
	0% {
		transform:translateX(140px); opacity:0.4;
		-webkit-transform:translateX(140px); opacity:0.4;}
	100% {
		transform:translate(0px,0px);opacity:1;
		-webkit-transform:translate(0px,0px);opacity:1;
	}
}
.mymove{
	animation-name: mymove;
	-webkit-animation-name: mymove;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}


@-webkit-keyframes slideIn {
	from {margin-top:-50px;opacity:0}
	to {margin-top:0px;opacity:1}
}
@keyframes slideIn {
	from {margin-top:-50px;opacity:0}
	to {margin-top:0px;opacity:1}
}
.slideIn{
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
	-webkit-animation-duration:0.7s;
	animation-duration:0.7s;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
}

@keyframes scale{
	0% {transform: scale(2);opacity:0; }
	70%{transform: scale(0.8);opacity:0.8;}
	85%{transform: scale(1.1);opacity:0.9;}
	100%{transform: scale(1);opacity:1;}
}

@-webkit-keyframes scale{
	0% {transform: scale(2);opacity:0;}
	70%{transform: scale(0.8);opacity:0.8;}
	85%{transform: scale(1.1);opacity:0.9;}
	100%{transform: scale(1);opacity:1;}
}

.scale{
	-webkit-animation-name: scale;
	animation-name: scale;
	-webkit-animation-duration:0.9s;
	animation-duration:0.9s;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}




.slide-in-blurred-bottom {
	-webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
/**
 * ----------------------------------------
 * animation slide-in-blurred-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(250px) scaleY(2.5) scaleX(0.2);
            transform: translateY(250px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(250px) scaleY(2.5) scaleX(0.2);
            transform: translateY(250px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}


.slide-in-blurred-top {
	-webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-150px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-150px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-150px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-150px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.slide-in-bck-center {
	-webkit-animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation slide-in-bck-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(600px);
            transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(600px);
            transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}