/* gnb */
.motion {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.delay1{
	-webkit-transition-delay:0.1s;
	   -moz-transition-delay:0.1s; 
	     -o-transition-delay:0.1s;
	        transition-delay:0.1s;
}
.delay2{
	-webkit-transition-delay:0.2s;
	   -moz-transition-delay:0.2s; 
	     -o-transition-delay:0.2s;
	        transition-delay:0.2s;
}
.delay3{
	-webkit-transition-delay:0.3s;
	   -moz-transition-delay:0.3s; 
	     -o-transition-delay:0.3s;
	        transition-delay:0.3s;
}
.depth1-line-show{width:100% !important; left:0px !important;}
.navi-bg.open {height: 160px;}
.gnb.open {height: 160px;}
.gnb ul li ul.open{
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
	
	opacity:1;
}

/* main visual */
.roll .roll-in.hidden { visibility: visible; }
.roll .roll-in.hidden { visibility: hidden; }
.roll .roll-in.zindex5 { z-index: 5 !important; }
.roll .roll-in.zindex10 { z-index: 10 !important; }
.roll .roll-in.zindex15 { z-index: 15 !important; }
.roll .roll-in.zindex20 { z-index: 20 !important; }

@-webkit-keyframes visual-bg{
	from{
		-webkit-transform: scale(1.1, 1.1);
	       -moz-transform: scale(1.1, 1.1);
	         -o-transform: scale(1.1, 1.1);
	            transform: scale(1.1, 1.1);
		opacity:0;
	}
	to{
		-webkit-transform: scale(1, 1);
	       -moz-transform: scale(1, 1);
	         -o-transform: scale(1, 1);
	            transform: scale(1, 1);
		opacity:1;
	}
}

@-moz-keyframes visual-bg{
	from{
		-webkit-transform: scale(1.1, 1.1);
	       -moz-transform: scale(1.1, 1.1);
	         -o-transform: scale(1.1, 1.1);
	            transform: scale(1.1, 1.1);
		opacity:0;
	}
	to{
		-webkit-transform: scale(1, 1);
	       -moz-transform: scale(1, 1);
	         -o-transform: scale(1, 1);
	            transform: scale(1, 1);
		opacity:1;
	}
}

@-o-keyframes visual-bg{
	from{
		-webkit-transform: scale(1.1, 1.1);
	       -moz-transform: scale(1.1, 1.1);
	         -o-transform: scale(1.1, 1.1);
	            transform: scale(1.1, 1.1);
		opacity:0;
	}
	to{
		-webkit-transform: scale(1, 1);
	       -moz-transform: scale(1, 1);
	         -o-transform: scale(1, 1);
	            transform: scale(1, 1);
		opacity:1;
	}
}

@keyframes visual-bg{
	from{
		-webkit-transform: scale(1.1, 1.1);
	       -moz-transform: scale(1.1, 1.1);
	         -o-transform: scale(1.1, 1.1);
	            transform: scale(1.1, 1.1);
		opacity:0;
	}
	to{
		-webkit-transform: scale(1, 1);
	       -moz-transform: scale(1, 1);
	         -o-transform: scale(1, 1);
	            transform: scale(1, 1);
		opacity:1;
	}
}