@charset "utf-8";

body.hide{ overflow: hidden; }

/*    상단 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:200px;}
.gnb.open{height:296px;}
.gnb ul li ul.open{
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
	
	opacity:1;
}




.hide-obj-img{
	opacity:0;
	-webkit-transform:translateY(-20px);
	   -moz-transform:translateY(-20px);
		 -o-transform:translateY(-20px);
		    transform:translateY(-20px);
}

.hide-obj-cont{
	opacity:0;
	-webkit-transform:translateY(20px);
	   -moz-transform:translateY(20px);
		 -o-transform:translateY(20px);
		    transform:translateY(20px);
}

.history-img-motion{
	-webkit-transition: 0.5s ease-out;
       -moz-transition: 0.5s ease-out;
         -o-transition: 0.5s ease-out;
            transition: 0.5s ease-out;

    -webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
		 -o-transform:translateY(0px);
		    transform:translateY(0px);
    opacity: 1;
}

.history-cont-motion{
	-webkit-transition: 0.5s ease-out;
       -moz-transition: 0.5s ease-out;
         -o-transition: 0.5s ease-out;
            transition: 0.5s ease-out;

    -webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
		 -o-transform:translateY(0px);
		    transform:translateY(0px);
    opacity: 1;
}