@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 

*{
    padding:0px;
    margin:0px;
}
ul,li {
    list-style:none;
}
a {
    text-decoration:none;
    color:#333;
}
img{
    border: 0;
    vertical-align: top;
}
body {
    width:100%;
    font-family:'Noto Sans KR', sans-serif;
}


#wrap{
    width:100%;
    height:100vh;
}

#wrap .inner{
    position:relative;
    width:100%;
    height:100vh;
}
#wrap .inner .view_moblie{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100vh;
}
#wrap .inner .view_mobile img{
    display:block;
    width:100%;
    height:100vh;
}

#wrap .inner .vedio{
    display:none;
}
iframe{
    display:none;
}

#wrap .inner .logo{
    position:absolute;
    top:50%;
    left:50%;
    width:70%;
    transform:translate(-50%, -50%);
}
#wrap .inner .logo a{
    display:block;
    width:100%;
    height:100%;
}
#wrap .inner .logo a img{
    width:100%;
}



/*태블릿 화면*/
@media all and (min-width: 767px){
    
    #wrap .inner .logo{
        width:55%;
    }
    
}



/*pc 화면*/
@media all and (min-width: 1023px){
    
    #wrap{
        width:100%;
        height:100vh;
        overflow:hidden;
    }

    #wrap .inner{
        position:relative;
        width:100%;
        height:100vh;
        background-color:#000;
        z-index:0;
    }
    #wrap .inner .view_moblie{
        display:none;
    }
    #wrap .inner .view_mobile img{
        display:none;
        width:100%;
        height:100vh;
    }

    #wrap .inner .vedio{
        display:block;
        width:100%;
        position:relative;
        padding-bottom:56%;
        margin:-40px 0 0 0;
    }
    iframe{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:-1;
        overflow:hidden;
        background-color:#000;
    }

    #wrap .inner .logo{
        position:absolute;
        top:50%;
        left:50%;
        width:19.5%;
        transform:translate(-50%, -50%);
    }
    
}