/* 내가쓴거 */
#header {background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; right:0; width:100%; z-index:100;}
#header .wrap {position:relative;}
#header h1 {display:inline-block; font-size:0;}
#header h1> a> img {padding:16px 0;}
#header nav {position:absolute; display:inline-block; top:50%; left:29%; transform:translate(0,-50%);}
#header nav ul > li { display:inline-block; }
#header nav ul > li a {display:inline-block; position:relative; text-align:center; padding:0px 60px; font-family:'Noto Sans kr'; color:#fefefe; font-size:20px; letter-spacing:-1px; font-weight:medium; pointer-events:none; }

#header .click {display:inline-block; text-align:center; position:absolute; top:0%; right:0%; padding:30px 56px; }
#header .click a{color:#fefefe;  font-family:'Noto Sans kr'; font-size:20px; letter-spacing:-1px; font-weight:medium; line-height:20px;}




/* 반응형 */

@media screen and (max-width:1450px) {
  .wrap { width:auto; padding:0 20PX; }
  #header nav ul > li a { padding:0 40px; }
}

@media screen and (max-width:1280px) {
  #header nav {left:27%;}
  #header nav ul > li a {padding:0 40px;}
  #header .click {padding:23px 36px;}
  #header h1> a> img {max-width:70%;}
}


@media screen and (max-width:1024px) {

  #header h1> a> img {max-width:60%;}
  #header nav ul > li a {padding: 0 20px; font-size:18px;}
  #header .click {padding:21px 30px;}
  #header .click a {font-size:17px;}
}

@media screen and (max-width:768px) {
  #header nav {left:29%;}
  #header h1> a> img {max-width:50%;}
  #header nav ul > li a {font-size:16px; padding:0 14px;}
  #header .click a {font-size:16px;}
  #header .click {padding:19px 21px;}
}

@media screen and (max-width:640px) {

  #header h1> a> img {max-width:90%; padding:12px 0;}
  #header .click {display:none;}
  #header .click a {display:none;}


  #header a.mobile { display:block; }
  #header.menu a.mobile:before,
  #header.menu a.mobile:after,
  #header.menu a.mobile span { background-color:#000; }

  #header nav { display:none; top:0; left:auto; right:0; position:fixed; width:100%; height:100vh; background-color:rgba(0, 0, 0, 0.5); z-index:110; transform:translate(0,0); overflow:hidden; }
  #header nav ul { padding:66.3px 0 0; width:50%; height:100%; background-color:#fff; float:right; }
  #header nav ul li { display:block; }
  #header nav ul li a { color:#000; padding:10px 20px; }
  #header.menu nav { display:block; }
}