@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:120% !important; transform: translate(-8%); }*/
.depth1-line-show{width:100% !important; }
.navi-bg.open{ height: 270px; }
.gnb.open{ height: 270px; }
.gnb ul li ul.open{
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
	
	opacity:1;
}



.navi-bg2.open{height: 230px; }
.gnb2.open{height: 230px;}
.gnb2 ul li ul.open{
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
	
	opacity:1;
}




/*     모바일          */
.m-menu.open{display:block}
.display-block{display:block !important;}
.display-none{display:none !important;}


/*     메인 비쥬얼     */
.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;
}


.roll .roll-in .roll-in-txt span{
	-webkit-transform:translateY(40px);
	   -moz-transform:translateY(40px);
	     -o-transform:translateY(40px);
	        transform:translateY(40px);
	opacity:0 !important;
}


.roll .roll-in .roll-in-txt span.mainVisual1-obj{
	

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

.roll .roll-in .roll-in-txt span.mainVisual-obj{
	-webkit-transition: 0.5s cubic-bezier(.1,.59,.39,.94);
       -moz-transition: 0.5s cubic-bezier(.1,.59,.39,.94);
         -o-transition: 0.5s cubic-bezier(.1,.59,.39,.94);
            transition: 0.5s cubic-bezier(.1,.59,.39,.94);

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

.roll .roll-in .roll-in-txt ul li {
	-webkit-transform: scale(0.1, 0.1);
	   -moz-transform: scale(0.1, 0.1);
	     -o-transform: scale(0.1, 0.1);
	        transform: scale(0.1, 0.1);
	opacity:0;
}

.roll .roll-in .roll-in-txt ul li.mainVisual-obj2 {
	-webkit-transition: 0.5s cubic-bezier(.49,.48,.45,1.35);
       -moz-transition: 0.5s cubic-bezier(.49,.48,.45,1.35);
         -o-transition: 0.5s cubic-bezier(.49,.48,.45,1.35);
            transition: 0.5s cubic-bezier(.49,.48,.45,1.35);

	-webkit-transform: scale(1, 1);
	   -moz-transform: scale(1, 1);
	     -o-transform: scale(1, 1);
	        transform: scale(1, 1);
	opacity:1;
}

.roll .roll-in .img{
	-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;
}

.roll .roll-in .img.mainVisual-bg{
	-webkit-transition: 0.7s cubic-bezier(.1,.51,.55,1);
       -moz-transition: 0.7s cubic-bezier(.1,.51,.55,1);
         -o-transition: 0.7s cubic-bezier(.1,.51,.55,1);
            transition: 0.7s cubic-bezier(.1,.51,.55,1);

    -webkit-transform: scale(1, 1);
	   -moz-transform: scale(1, 1);
	     -o-transform: scale(1, 1);
	        transform: scale(1, 1);
	opacity:1;
}


.mainVisual1-obj{
	-webkit-animation: visual-obj 0.7s cubic-bezier(.1,.59,.39,.94);
       -moz-animation: visual-obj 0.7s cubic-bezier(.1,.59,.39,.94);
         -o-animation: visual-obj 0.7s cubic-bezier(.1,.59,.39,.94);
            animation: visual-obj 0.7s cubic-bezier(.1,.59,.39,.94);
	opacity:0;
}

.mainVisual-obj{
	-webkit-animation: appearance 0.5s cubic-bezier(.1,.59,.39,.94);
       -moz-animation: appearance 0.5s cubic-bezier(.1,.59,.39,.94);
         -o-animation: appearance 0.5s cubic-bezier(.1,.59,.39,.94);
            animation: appearance 0.5s cubic-bezier(.1,.59,.39,.94);
	opacity:0;
}

.mainVisual-obj1{
	-webkit-animation: visual-obj 0.5s cubic-bezier(.1,.59,.39,.94);
       -moz-animation: visual-obj 0.5s cubic-bezier(.1,.59,.39,.94);
         -o-animation: visual-obj 0.5s cubic-bezier(.1,.59,.39,.94);
            animation: visual-obj 0.5s cubic-bezier(.1,.59,.39,.94);
	opacity:0;
}

.mainVisual-obj2{
	-webkit-animation: visual-obj1 0.5s cubic-bezier(.49,.48,.45,1.35);
       -moz-animation: visual-obj1 0.5s cubic-bezier(.49,.48,.45,1.35);
         -o-animation: visual-obj1 0.5s cubic-bezier(.49,.48,.45,1.35);
            animation: visual-obj1 0.5s cubic-bezier(.49,.48,.45,1.35);
	opacity:0;
}

.mainVisual-bg{
	-webkit-animation: visual-bg 0.7s cubic-bezier(.1,.51,.55,1);
       -moz-animation: visual-bg 0.7s cubic-bezier(.1,.51,.55,1);
         -o-animation: visual-bg 0.7s cubic-bezier(.1,.51,.55,1);
            animation: visual-bg 0.7s cubic-bezier(.1,.51,.55,1);
	opacity:0;
}


@-webkit-keyframes visual-obj{
	from{
		-webkit-transform:translateY(-40px);
		   -moz-transform:translateY(-40px);
		     -o-transform:translateY(-40px);
		        transform:translateY(-40px);
		opacity:0;
	}
	
	to{
		-webkit-transform:translateY(0px);
		   -moz-transform:translateY(0px);
		     -o-transform:translateY(0px);
		        transform:translateY(0px);
		opacity:1;
	}
}

@-moz-keyframes visual-obj{
	from{
		-webkit-transform:translateY(-40px);
		   -moz-transform:translateY(-40px);
		     -o-transform:translateY(-40px);
		        transform:translateY(-40px);
		opacity:0;
	}
	
	to{
		-webkit-transform:translateY(0px);
		   -moz-transform:translateY(0px);
		     -o-transform:translateY(0px);
		        transform:translateY(0px);
		opacity:1;
	}
}

@-o-keyframes visual-obj{
	from{
		-webkit-transform:translateY(-40px);
		   -moz-transform:translateY(-40px);
		     -o-transform:translateY(-40px);
		        transform:translateY(-40px);
		opacity:0;
	}
	
	to{
		-webkit-transform:translateY(0px);
		   -moz-transform:translateY(0px);
		     -o-transform:translateY(0px);
		        transform:translateY(0px);
		opacity:1;
	}
}

@keyframes visual-obj{
	from{
		-webkit-transform:translateY(-40px);
		   -moz-transform:translateY(-40px);
		     -o-transform:translateY(-40px);
		        transform:translateY(-40px);
		opacity:0;
	}
	
	to{
		-webkit-transform:translateY(0px);
		   -moz-transform:translateY(0px);
		     -o-transform:translateY(0px);
		        transform:translateY(0px);
		opacity:1;
	}
}






@-webkit-keyframes visual-obj1{
	from{
		-webkit-transform: scale(0.1, 0.1);
	       -moz-transform: scale(0.1, 0.1);
	         -o-transform: scale(0.1, 0.1);
	            transform: scale(0.1, 0.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-obj1{
	from{
		-webkit-transform: scale(0.1, 0.1);
	       -moz-transform: scale(0.1, 0.1);
	         -o-transform: scale(0.1, 0.1);
	            transform: scale(0.1, 0.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-obj1{
	from{
		-webkit-transform: scale(0.1, 0.1);
	       -moz-transform: scale(0.1, 0.1);
	         -o-transform: scale(0.1, 0.1);
	            transform: scale(0.1, 0.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-obj1{
	from{
		-webkit-transform: scale(0.1, 0.1);
	       -moz-transform: scale(0.1, 0.1);
	         -o-transform: scale(0.1, 0.1);
	            transform: scale(0.1, 0.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;
	}
}




@-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;
	}
}



.mobileVisualAnimate{
	-webkit-animation: mobileVisual 0.3s ease-out;
       -moz-animation: mobileVisual 0.3s ease-out;
         -o-animation: mobileVisual 0.3s ease-out;
            animation: mobileVisual 0.3s ease-out;
}

@-webkit-keyframes mobileVisual{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}

@-moz-keyframes mobileVisual{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}

@-o-keyframes mobileVisual{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}

@keyframes mobileVisual{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}




/*             360VR                */
.vr360-bg{
	-webkit-animation: visual-bg 0.7s cubic-bezier(.1,.51,.55,1);
       -moz-animation: visual-bg 0.7s cubic-bezier(.1,.51,.55,1);
         -o-animation: visual-bg 0.7s cubic-bezier(.1,.51,.55,1);
            animation: visual-bg 0.7s cubic-bezier(.1,.51,.55,1);
}

.vr360-bg-hide{
	-webkit-animation: vr-hide 0.7s cubic-bezier(.1,.51,.55,1);
       -moz-animation: vr-hide 0.7s cubic-bezier(.1,.51,.55,1);
         -o-animation: vr-hide 0.7s cubic-bezier(.1,.51,.55,1);
            animation: vr-hide 0.7s cubic-bezier(.1,.51,.55,1);
}

.vr360-btn{
	-webkit-animation: mobileVisual 0.7s cubic-bezier(.1,.51,.55,1);
       -moz-animation: mobileVisual 0.7s cubic-bezier(.1,.51,.55,1);
         -o-animation: mobileVisual 0.7s cubic-bezier(.1,.51,.55,1);
            animation: mobileVisual 0.7s cubic-bezier(.1,.51,.55,1);
}

.vr360-loading{
	-webkit-animation: vr-loading 1s infinite;
       -moz-animation: vr-loading 1s infinite;
         -o-animation: vr-loading 1s infinite;
            animation: vr-loading 1s infinite;
}


@-webkit-keyframes vr-hide{
	from{
		-webkit-transform: scale(1, 1);
	       -moz-transform: scale(1, 1);
	         -o-transform: scale(1, 1);
	            transform: scale(1, 1);
		opacity:1;
	}
	to{
		-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;
	}
}

@-moz-keyframes vr-hide{
	from{
		-webkit-transform: scale(1, 1);
	       -moz-transform: scale(1, 1);
	         -o-transform: scale(1, 1);
	            transform: scale(1, 1);
		opacity:1;
	}
	to{
		-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;
	}
}

@-o-keyframes vr-hide{
	from{
		-webkit-transform: scale(1, 1);
	       -moz-transform: scale(1, 1);
	         -o-transform: scale(1, 1);
	            transform: scale(1, 1);
		opacity:1;
	}
	to{
		-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;
	}
}

@keyframes vr-hide{
	from{
		-webkit-transform: scale(1, 1);
	       -moz-transform: scale(1, 1);
	         -o-transform: scale(1, 1);
	            transform: scale(1, 1);
		opacity:1;
	}
	to{
		-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;
	}
}






@-webkit-keyframes vr-loading{
	from{
		-webkit-transform: rotate(0deg);
	       -moz-transform: rotate(0deg);
	         -o-transform: rotate(0deg);
	            transform: rotate(0deg);
		opacity:1;
	}
	to{
		-webkit-transform: rotate(360deg);
	       -moz-transform: rotate(360deg);
	         -o-transform: rotate(360deg);
	            transform: rotate(360deg);
		opacity:0;
	}
}

@-moz-keyframes vr-loading{
	from{
		-webkit-transform: rotate(0deg);
	       -moz-transform: rotate(0deg);
	         -o-transform: rotate(0deg);
	            transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
	       -moz-transform: rotate(360deg);
	         -o-transform: rotate(360deg);
	            transform: rotate(360deg);
	}
}

@-o-keyframes vr-loading{
	from{
		-webkit-transform: rotate(0deg);
	       -moz-transform: rotate(0deg);
	         -o-transform: rotate(0deg);
	            transform: rotate(0deg);		
	}
	to{
		-webkit-transform: rotate(360deg);
	       -moz-transform: rotate(360deg);
	         -o-transform: rotate(360deg);
	            transform: rotate(360deg);
	}
}

@keyframes vr-loading{
	from{
		-webkit-transform: rotate(0deg);
	       -moz-transform: rotate(0deg);
	         -o-transform: rotate(0deg);
	            transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
	       -moz-transform: rotate(360deg);
	         -o-transform: rotate(360deg);
	            transform: rotate(360deg);
	}
}


/*     빌딩 리스트     */
.mbusiness-tab-in div a.open{
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.mbusiness-tab-in div a.close{
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
	        transform: rotate(0deg);
}

.tiles-wrap li{
	visibility: hidden;
	opacity:0;
	-webkit-transform:translateY(40px);
	   -moz-transform:translateY(40px);
	     -o-transform:translateY(40px);
	        transform:translateY(40px);
}

.tiles-wrap li.appearance{
	visibility: visible;
	opacity:1 !important;
	-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;

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

/*             main photo wall             */

.motion2 {
	-webkit-transition: all 0.3s cubic-bezier(.1,.59,.39,.94);
	   -moz-transition: all 0.3s cubic-bezier(.1,.59,.39,.94);
	     -o-transition: all 0.3s cubic-bezier(.1,.59,.39,.94);
	        transition: all 0.3s cubic-bezier(.1,.59,.39,.94);
}

.building-area .img.over.show{
	opacity:1 !important;
}

.building-area .txt-show{
	-webkit-animation: building-text 0.3s cubic-bezier(.1,.59,.39,.94);
       -moz-animation: building-text 0.3s cubic-bezier(.1,.59,.39,.94);
         -o-animation: building-text 0.3s cubic-bezier(.1,.59,.39,.94);
            animation: building-text 0.3s cubic-bezier(.1,.59,.39,.94);
}

.building-area .txt-show1{
	-webkit-animation: building-text 0.3s cubic-bezier(.1,.59,.39,.94) 0.3s;
       -moz-animation: building-text 0.3s cubic-bezier(.1,.59,.39,.94) 0.3s;
         -o-animation: building-text 0.3s cubic-bezier(.1,.59,.39,.94) 0.3s;
            animation: building-text 0.3s cubic-bezier(.1,.59,.39,.94) 0.3s;
            
    opacity:0;
}

@-webkit-keyframes building-text{
	from{
		-webkit-transform:translateX(40px);
		   -moz-transform:translateX(40px);
		     -o-transform:translateX(40px);
		        transform:translateX(40px);
		opacity:0;
	}
	
	to{
		-webkit-transform:translateX(0px);
		   -moz-transform:translateX(0px);
		     -o-transform:translateX(0px);
		        transform:translateX(0px);
		opacity:1;
	}
}
@-moz-keyframes building-text{
	from{
		-webkit-transform:translateX(40px);
		   -moz-transform:translateX(40px);
		     -o-transform:translateX(40px);
		        transform:translateX(40px);
		opacity:0;
	}
	
	to{
		-webkit-transform:translateX(0px);
		   -moz-transform:translateX(0px);
		     -o-transform:translateX(0px);
		        transform:translateX(0px);
		opacity:1;
	}
}
@-o-keyframes building-text{
	from{
		-webkit-transform:translateX(40px);
		   -moz-transform:translateX(40px);
		     -o-transform:translateX(40px);
		        transform:translateX(40px);
		opacity:0;
	}
	
	to{
		-webkit-transform:translateX(0px);
		   -moz-transform:translateX(0px);
		     -o-transform:translateX(0px);
		        transform:translateX(0px);
		opacity:1;
	}
}
@keyframes building-text{
	from{
		-webkit-transform:translateX(40px);
		   -moz-transform:translateX(40px);
		     -o-transform:translateX(40px);
		        transform:translateX(40px);
		opacity:0;
	}
	
	to{
		-webkit-transform:translateX(0px);
		   -moz-transform:translateX(0px);
		     -o-transform:translateX(0px);
		        transform:translateX(0px);
		opacity:1;
	}
}


/*             information CI             */

.tab-cont.appearance{
	-webkit-animation: appearance 0.3s ease-out;
       -moz-animation: appearance 0.3s ease-out;
         -o-animation: appearance 0.3s ease-out;
            animation: appearance 0.3s ease-out;
}


/*              building popup             */

.popcont .img-area .img.show{
	-webkit-animation: building-popup-image 0.3s ease-out;
       -moz-animation: building-popup-image 0.3s ease-out;
         -o-animation: building-popup-image 0.3s ease-out;
            animation: building-popup-image 0.3s ease-out;
    z-index: 10;
    left:0 !important;
}

.popcont .img-area .img.prevpage{
    z-index: 5;
}

.scroll-area.show{
	-webkit-animation: building-popup-txt 0.3s ease-out;
       -moz-animation: building-popup-txt 0.3s ease-out;
         -o-animation: building-popup-txt 0.3s ease-out;
            animation: building-popup-txt 0.3s ease-out;
}



@-webkit-keyframes building-popup-image{
	from{
		-webkit-transform: scale(0.95, 0.95);
	       -moz-transform: scale(0.95, 0.95);
	         -o-transform: scale(0.95, 0.95);
	            transform: scale(0.95, 0.95);
		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 building-popup-image{
	from{
		-webkit-transform: scale(0.95, 0.95);
	       -moz-transform: scale(0.95, 0.95);
	         -o-transform: scale(0.95, 0.95);
	            transform: scale(0.95, 0.95);
		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 building-popup-image{
	from{
		-webkit-transform: scale(0.95, 0.95);
	       -moz-transform: scale(0.95, 0.95);
	         -o-transform: scale(0.95, 0.95);
	            transform: scale(0.95, 0.95);
		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 building-popup-image{
	from{
		-webkit-transform: scale(0.95, 0.95);
	       -moz-transform: scale(0.95, 0.95);
	         -o-transform: scale(0.95, 0.95);
	            transform: scale(0.95, 0.95);
		opacity:0;
	}
	to{
		-webkit-transform: scale(1, 1);
	       -moz-transform: scale(1, 1);
	         -o-transform: scale(1, 1);
	            transform: scale(1, 1);
		opacity:1;
	}
}








@-webkit-keyframes building-popup-txt{
	from{
		-webkit-transform:translateY(10px);
		   -moz-transform:translateY(10px);
		     -o-transform:translateY(10px);
		        transform:translateY(10px);
		opacity:0;
	}
	
	to{
		-webkit-transform:translateY(0px);
		   -moz-transform:translateY(0px);
		     -o-transform:translateY(0px);
		        transform:translateY(0px);
		opacity:1;
	}
}
@-moz-keyframes building-popup-txt{
	from{
		-webkit-transform:translateY(10px);
		   -moz-transform:translateY(10px);
		     -o-transform:translateY(10px);
		        transform:translateY(10px);
		opacity:0;
	}
	
	to{
		-webkit-transform:translateY(0px);
		   -moz-transform:translateY(0px);
		     -o-transform:translateY(0px);
		        transform:translateY(0px);
		opacity:1;
	}
}
@-o-keyframes building-popup-txt{
	from{
		-webkit-transform:translateY(10px);
		   -moz-transform:translateY(10px);
		     -o-transform:translateY(10px);
		        transform:translateY(10px);
		opacity:0;
	}
	
	to{
		-webkit-transform:translateY(0px);
		   -moz-transform:translateY(0px);
		     -o-transform:translateY(0px);
		        transform:translateY(0px);
		opacity:1;
	}
}
@keyframes building-popup-txt{
	from{
		-webkit-transform:translateY(10px);
		   -moz-transform:translateY(10px);
		     -o-transform:translateY(10px);
		        transform:translateY(10px);
		opacity:0;
	}
	
	to{
		-webkit-transform:translateY(0px);
		   -moz-transform:translateY(0px);
		     -o-transform:translateY(0px);
		        transform:translateY(0px);
		opacity:1;
	}
}



/*               연혁                     */
/*
.hide-obj{
	opacity:0;
}
*/

.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;
}