#header {position:absolute;left:0;top:0px; max-width:1400px; width:100%; left: 50%; transform:translateX(-50%) ;z-index:6;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header #logo{margin-left:0;}
#header .gnb { list-style:none; height:100%; position:absolute; right:0px; display: block;}
#header .gnb > li{margin-right: 50px;}
.h02{display: none;}
.menu-btn{display: none;}
#header .gnb .join,#header .gnb .login{display: none;}

@media screen and (max-width: 960px){
    #header #logo.h02{display: none;}
    #header .gnb{display: none;}
    #header #logo{margin-left: 20px;}
}