.anim-1,
.anim-2,
.anim-3,
.anim-4,
.anim-5,
.anim-6,
.anim-7,
.anim-8,
.anim-9,
.anim-10,
.anim-11,
.anim-12,
.anim-13{
  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(100px) translateX(0);
  transform: translateY(100px) translateX(0);
  opacity: 0;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.anim-1 {
  -webkit-transition: transform .8s,opacity .8s;
  -moz-transition: transform .8s,opacity .8s;
  -o-transition: transform .8s,opacity .8s;
  transition: transform .8s,opacity .8s;
}
.anim-2 {
  -webkit-transition: transform 1s,opacity 1s;
  -moz-transition: transform 1s,opacity 1s;
  -o-transition: transform 1s,opacity 1s;
  transition: transform 1s,opacity 1s;
}
.anim-3 {
  -webkit-transition: transform 1.2s,opacity 1.2s;
  -moz-transition: transform 1.2s,opacity 1.2s;
  -o-transition: transform 1.2s,opacity 1.2s;
  transition: transform 1.2s,opacity 1.2s;
}
.anim-4 {
  -webkit-transition: transform 1.4s,opacity 1.4s;
  -moz-transition: transform 1.4s,opacity 1.4s;
  -o-transition: transform 1.4s,opacity 1.4s;
  transition: transform 1.4s,opacity 1.4s;
}
.anim-5 {
  -webkit-transition: transform 1.6s,opacity 1.6s;
  -moz-transition: transform 1.6s,opacity 1.6s;
  -o-transition: transform 1.6s,opacity 1.6s;
  transition: transform 1.6s,opacity 1.6s;
}
.anim-6 {
  -webkit-transition: transform 1.8s,opacity 1.8s;
  -moz-transition: transform 1.8s,opacity 1.8s;
  -o-transition: transform 1.8s,opacity 1.8s;
  transition: transform 1.8s,opacity 1.8s;
}
.anim-7 {
  -webkit-transition: transform 2s,opacity 2s;
  -moz-transition: transform 2s,opacity 2s;
  -o-transition: transform 2s,opacity 2s;
  transition: transform 2s,opacity 2s;
}
.anim-8 {
  -webkit-transition: transform 2.2s,opacity 2.2s;
  -moz-transition: transform 2.2s,opacity 2.2s;
  -o-transition: transform 2.2s,opacity 2.2s;
  transition: transform 2.2s,opacity 2.2s;
}
.anim-9 {
  -webkit-transition: transform 2.4s,opacity 2.4s;
  -moz-transition: transform 2.4s,opacity 2.4s;
  -o-transition: transform 2.4s,opacity 2.4s;
  transition: transform 2.4s,opacity 2.4s;
}
.anim-10 {
  -webkit-transition: transform 2.6s,opacity 2.6s;
  -moz-transition: transform 2.6s,opacity 2.6s;
  -o-transition: transform 2.6s,opacity 2.6s;
  transition: transform 2.6s,opacity 2.6s;
}
.anim-11 {
  -webkit-transition: transform 2.8s,opacity 2.8s;
  -moz-transition: transform 2.8s,opacity 2.8s;
  -o-transition: transform 2.8s,opacity 2.8s;
  transition: transform 2.8s,opacity 2.8s;
}
.anim-12 {
  -webkit-transition: transform 3.0s,opacity 3.0s;
  -moz-transition: transform 3.0s,opacity 3.0s;
  -o-transition: transform 3.0s,opacity 3.0s;
  transition: transform 3.0s,opacity 3.0s;
}
.anim-13 {
  -webkit-transition: transform 1.0s,opacity 1s;
  -moz-transition: transform 1.0s,opacity 1s;
  -o-transition: transform 1.0s,opacity 1s;
  transition: transform 1.0s,opacity 1s;
}
.anim-1.show-on,
.anim-2.show-on,
.anim-3.show-on,
.anim-4.show-on,
.anim-5.show-on,
.anim-6.show-on,
.anim-7.show-on,
.anim-8.show-on,
.anim-9.show-on,
.anim-10.show-on,
.anim-11.show-on,
.anim-12.show-on,
.anim-13.show-on {
  -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);
  opacity: 1;
}




/*=================*/

.slideInTop{
	-webkit-transform:translate3d(0,-50px,0);
	-moz-transform:translate3d(0,-50px,0);
	-ms-transform:translate3d(0,-50px,0);
	-o-transform:translate3d(0,-50px,0);
	transform:translate3d(0,-50px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 1.3s;
	-moz-transition: opacity 0.3s, -moz-transform 1.3s;
	-ms-transition: opacity 0.3s, -ms-transform 1.3s;
	-o-transition: opacity 0.3s, -ms-transform 1.3s;
	transition: opacity 0.3s, transform 1.3s;
}



.slideInBottom{
	-webkit-transform:translate3d(0,120px,0);
	-moz-transform:translate3d(0,120px,0);
	-ms-transform:translate3d(0,120px,0);
	-o-transform:translate3d(0,120px,0);
	transform:translate3d(0,120px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 1.3s;
	-moz-transition: opacity 0.3s, -moz-transform 1.3s;
	-ms-transition: opacity 0.3s, -ms-transform 1.3s;
	-o-transition: opacity 0.3s, -ms-transform 1.3s;
	transition: opacity 0.3s, transform 1.3s;
}



.boxSize.show-on{
	opacity:1;
	-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);
	-moz-transform:translate3d(0,0,0) scale3d(1,1,1);
	-ms-transform:translate3d(0,0,0) scale3d(1,1,1,);
	-o-transform:translate3d(0,0,0) scale3d(1,1,1);
	transform:translate3d(0,0,0) scale3d(1,1,1);
}
/*=================*/


.content1 .button01:hover{margin-top: -20px;}
.content2 .button01:hover{margin-top: -20px;}
.content6 .button01:hover{margin-top: -20px;}




/*지붕 이미지 위아래로 움직임*/
.bounce.show-on {
  animation: bounce 3s;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
 }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
	-moz- transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}



/*한글자씩 나오는효과*/
	.display-opacity2{
		opacity:0 ;
	}

	.display-opacity2.show-on{
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}



	.time1{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}

	.time2{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}

	.time3{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 0.5s;
		transition-delay: 0.5s;
	}

	.time4{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 0.5s;
		transition-delay: 0.5s;
	}

		.time5{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 0.7s;
		transition-delay: 0.7s;
	}

		.time6{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration:0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 0.9s;
		transition-delay: 0.9s;
	}

		.time7{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 1.0s;
		transition-delay: 1.0s;
	}

		.time8{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 1.2s;
		transition-delay: 1.2s;
	}

		.time9{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 1.3s;
		transition-delay: 1.3s;
	}

		.time10{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 1.5s;
		transition-delay: 1.5s;
	}

		.time11{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 1.6s;
		transition-delay: 1.6s;
	}

		.time12{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 1.8s;
		transition-delay: 1.8s;
	}

	.time13{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 2.0s;
		transition-delay: 2.0s;
	}

	.time14{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 2.1s;
		transition-delay: 2.1s;
	}

	.time15{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 2.2s;
		transition-delay: 2.2s;
	}

	.time16{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 2.4s;
		transition-delay: 2.4s;
	}


	.time17{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 2.6s;
		transition-delay: 2.6s;
	}
	.time18{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 2.8s;
		transition-delay: 2.8s;
	}
	.time19{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 3.0s;
		transition-delay: 3.0s;
	}
	.time20{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 3.2s;
		transition-delay: 3.2s;
	}
	.time21{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 3.4s;
		transition-delay: 3.4s;
	}
	.time22{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 3.6s;
		transition-delay: 3.6s;
	}



	.time1-b{
		-webkit-transform:translate3d(0,-50px,0);
		-moz-transform:translate3d(0,-50px,0);
		-ms-transform:translate3d(0,-50px,0);
		-o-transform:translate3d(0,-50px,0);
		transform:translate3d(0,-50px,0);
		-webkit-transition-duration: 1.0s;
		transition-duration: 1.0s;
		-webkit-transition-delay: 0.5s;
		transition-delay: 0.5s;
	}



.briquet span{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    color:transparent;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
    opacity:0;
    z-index:0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 3s linear infinite 0s;
    -moz-animation: imageAnimation 3s linear infinite 0s;
    -o-animation: imageAnimation 3s linear infinite 0s;
    -ms-animation: imageAnimation 3s linear infinite 0s;
    animation: imageAnimation 3s linear infinite 0s;

	/**/
    background-image: url(../images/love.png);
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay: 2s;
    background-size: 100% 100%;
}


@-webkit-keyframes imageAnimation { 
   0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    25% { opacity: 0.5;
         -webkit-animation-timing-function: ease-out; }
    50% { opacity: 1 }
    75% { opacity: 0.5 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
   0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    25% { opacity: 0.5;
         -webkit-animation-timing-function: ease-out; }
    50% { opacity: 1 }
    75% { opacity: 0.5 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
   0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    25% { opacity: 0.5;
         -webkit-animation-timing-function: ease-out; }
    50% { opacity: 1 }
    75% { opacity: 0.5 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
   0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    25% { opacity: 0.5;
         -webkit-animation-timing-function: ease-out; }
    50% { opacity: 1 }
    75% { opacity: 0.5 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
   0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    25% { opacity: 0.5;
         -webkit-animation-timing-function: ease-out; }
    50% { opacity: 1 }
    75% { opacity: 0.5 }
    100% { opacity: 0 }
}











/*버튼 움직이는 효과*/
 .btn_set{display:inline-block;}
 .btn_set a{
	display:inline-block;
	/* padding: 0 9% 0 0px; */
	width: 90%;
	height: 100%;
	background:#e81122;
	border-radius: 10px 10px;
	font-size:30px;
	color:#fff;
	line-height: 0;
	letter-spacing:-1px;
	vertical-align:middle;
	font-weight:700;
	overflow:hidden;
	position:relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	}

 .btn_set a img{width:100%;}

 .btn_set a .arw{
	position:absolute;
	top:50%;
	right: 6%;
	display:block;
	width: 10%;
	height: 43%;
	font-size:0;
	vertical-align:top;
	transform: translateY(-50%);
	background: url("../images/cont08_btn_arw.png") no-repeat 0 0;
	-webkit-animation: arrow_ani 1s 0.3s infinite;
	-moz-animation:  arrow_ani 1s 0.3s infinite;
	-ms-animation:  arrow_ani 1s 0.3s infinite;
	-o-animation:  arrow_ani 1s 0.3s infinite;
	animation:  arrow_ani 1s 0.3s infinite;
	background-size: 100% 100%;
	}

@-webkit-keyframes arrow_ani{
	0% {right:20px;}
	50% {right:15px;}
	100% {right:20px;}
}
@-moz-keyframes scroll_ani{
	0% {right:20px;}
	50% {right:15px;}
	100% {right:20px;}
}
@keyframes arrow_ani{
	0% {right:20px;}
	50% {right:15px;}
	100% {right:20px;}
}
 .btn_set a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 105%;
	height:105%;
	background: #836c5c;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	-ms-transition-property: transform;
	-o-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.25s;
	-ms-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

 .btn_set:hover a:before,  .btn_set:focus a:before,  .btn_set:active a:before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}