@charset "utf-8";
/* CSS Document */

/* 속기형 
animation: name | duration | timing-function | delay | iteration-count | direction | fill-mode | play-state> [,...];
*/

/*기본로고*/
.top-logo {	position: absolute;width: 287px; height: 77px; top: 40px !important; margin-left: -21px !important; overflow: hidden;}

.top-logo .ani-logo {position: relative; width: 100%; height: 100%;}
.top-logo .ani-logo img {position: absolute;}
/*로고*/
.fall_logo {z-index: 1;left: 15px;top: 5px;}

.fall-img10  {z-index: 1;top: -10px; right: 16px; animation:tree-top 6s ease 0s infinite normal;transform-origin:top;} /*상단나무*/
.fall-img9  {z-index: 1;top: 26px;  right: 0; } /*작은구름*/
.fall-img8 {z-index: 1;top: 30px;left: 0px;width: 35px;height: auto !important;} /*큰구름*/

.fall-img5  {z-index: 4; bottom: 0; right: 0px; animation:tree-sm 6s ease 0s infinite normal;transform-origin:bottom;} /*오른쪽풀*/
.fall-img4  {z-index: 4; bottom: 0; left: 50%; } /*중간나무*/
.fall-img3  {z-index: 3; bottom: 0; left: 4px; animation:tree-big 5s ease 0s infinite normal;transform-origin:bottom;} /*좌측나무*/


.fall-img2  {z-index: 2; bottom: 0; right: 21px; animation:car 20s linear;animation-iteration-count:1.145} /*차*/

.fall-img1  {z-index: 1; bottom: 0; right: 0;width: 100%; height: 11px; animation:mt1 20s linear;animation-iteration-count:1;animation-delay: 0.3s;} /*산배경*/ 
.fall-img1-1 {z-index: 1; bottom: 0; right: 0%; width: 100%; height: 11px;animation:mt1-1 20s  linear;animation-iteration-count:1;animation-delay: 0.3s;} /*산배경2*/ 

@keyframes mt1 {
	0%{-webkit-transform:translate(0 , 0);transform:translate(0 , 0)}
	100%{-webkit-transform:translate(100% , 0);transform:translate(100% , 0)}
}
@keyframes mt1-1 {
	0%{-webkit-transform:translate(-100% , 0);transform:translate(-100% , 0)}
	100%{-webkit-transform:translate(0% , 0);transform:translate(0% , 0)}
}

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

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

@keyframes tree-sm {
	0%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
	60%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}
	100%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
}
@keyframes tree-big {
	0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	60%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}
	100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes tree-top {
	0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	60%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}
	100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}

@keyframes car {
	0%{-webkit-right:-30px;right:-30px; opacity: 1;}
	100%{-webkit-right:330px;;right:330px; opacity: 1;}
}