@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.5s ease-in forwards}
.slideYs{animation:slideYs 0.5s ease-in forwards}
.slideYss{animation:slideYs 0.5s 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:translate(100px,0px);opacity:0;
		-webkit-transform:translate(100px,0px);opacity:0;}
	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(0);opacity:0;}
	100%{transform: scale(1);opacity:1;}
}

@-webkit-keyframes scale{
	0% {transform: scale(0);opacity:0;}
	100%{transform: scale(1);opacity:1;}
}

.scale{
	-webkit-animation-name: scale;
	animation-name: scale;
	-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;
}