@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

#wrap {float:left; width:100%; overflow-x:hidden; background:url("../images/m_bg.jpg") center top no-repeat fixed; background-size:cover;}
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}


.logo {float:left; width:100%; text-align:center;}

.login {float:left; width:100%; text-align:center; margin:10px 0 0 0;}
.login ul li { display:inline-block;}

.btn {float:left; width:100%; text-align:center; margin:5px 0 0 0;}
.btn ul li { display:inline-block;}

.footer_text {float:left; width:100%; text-align:center; padding:20px 0 100px 0;}


/* 버튼 효과 */
.btn_pulse{
	animation-name: btn_pulse;
	-webkit-animation-name: btn_pulse;	

	animation-duration: 1.9s;	
	-webkit-animation-duration: 1.9s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes btn_pulse {
	0% {
		transform: scale(1.04);	
	}
	50% {
		transform: scale(1);
	}	
	100% {
		transform: scale(1.04);
	}			
}


/* 버튼 마우스오버 */
.mouseover03 {
	animation-name: mouseover03;
	-webkit-animation-name: mouseover03;	

	animation-duration: 0.2s;	
	-webkit-animation-duration: 0.2s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
	
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;	
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;	

	visibility: visible !important;	
}

@keyframes mouseover03 {
	0%   {transform:scale(0.9);}		
	100% {transform:scale(1.05);}			
}


/* 로고효과 */
.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 4s;	
	-webkit-animation-duration: 4s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
		
	100% {
		transform: translateY(0%);
	}		
}

/* 777 효과 */
.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1.3);
		opacity: 0.4;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(1.3);
		opacity: 0.4;	
	}			
}


/* test 효과 */
.tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-2deg);	
	}
	50% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(-2deg);	
	}						
}