@charset "utf-8";
/* CSS Document */

html,body{width:100%; height:100%; font-family: 'Nanum Square'; overflow:hidden;}
.waper{ min-width:100%;
    min-height:100%;width:auto;
    height:auto;background-color:#CCC; margin:0; padding:0; top:0; left:0; position:absolute;}

.goHP{position:absolute; width:100%; height:100%; top:0; left:0; background-color:#000;cursor:pointer; }
video { 
    position: fixed;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    transform: translateX(-50%) translateY(-50%);
	opacity:0.4;
}

.nameImg{position:absolute; width:50%; height:38%; top:31%; left:25%; }



.showbox01{position:absolute; width:100%; height:50%; top:0%; left:0%;  overflow:hidden;}

.nameImgDA{position:absolute; top:100%; left:0;}
.nameImgDA img{width:100%; height:auto;}


.nameImgBar{position:absolute; top:50%; width:0; height:1%; background-color:#fff; opacity:0.6;}


.showbox02{position:absolute; width:100%; height:50%; top:50%; left:0%; overflow:hidden;}

.nameImgIT{position:absolute; top:-100%; left:0; width:100%; height:auto;}
.nameImgIT img{width:100%; height:auto;}

#Enter{ position:absolute;right:5%; color:#fff; font-size:30px; font-weight:800; bottom:5%;opacity:0.5; display:none;}


.goDemo{position:absolute; width:18%; height:auto; transition:all 0.3s;  top:-3%; left:-3%;}
.goDemo img{top:0; left:0; width:100%; z-index:99;}
.goDemo:hover{top:0; left:0;}

.goIntra{position:absolute; width:18%; height:auto;transition:all 0.3s;bottom:-3%; right:-3%;color:#FFF;}
.goIntra img{bottom:0%; right:0;width:100%;  z-index:99;}
.goIntra:hover{bottom:0; right:0;}