/*header-main*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}


body {
/*  background: #222;*/
  margin: 0;
  padding-top: 120px;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #222;
}

.container-h {
  max-width: 100%;
  min-width: 320px;
  height: 100%;
  margin: 0 auto;
  padding: 0 50px;
  
}

nav:not(.pg_wrap):not(#bo_cate) {
  position: fixed;
  width: 100%;
  height: 120px;
  margin: 0 auto;
  top: 0;
  z-index: 9;
  background: rgba(255,255,255,0.9);
}
#menu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  float: right;
}
#menu >li {
  display: inline-block;
  padding: 19px 30px;
  text-align: center;
}
#menu >li:last-child {
  padding-right: 0;
}
#menu >li >a {
  color: #222;
  text-decoration: none;
  display: block;  height: 32px; line-height: 32px;    
}
#menu >li >a:hover {
  color: #DDD;
}

#icon {
  position: relative;
  margin-top: 35px;
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

#nav-bg {
  background: #3c4d57;
  position: fixed;
  height: 70px;
  width: 100%;
  top: 0;
  z-index: 6;
}





#menu { margin-top: 30px; }   
.menu-s { float: left; margin-right: 80px; text-align: right; font-size: 21px; font-family: 'Nanum Square', sans-serif; }
.menu-s span { display: block; font-weight: bold; }
.menu-p { position: absolute; z-index: 998; top: 34px; right:50px; display: block; width: 50px; height: 50px; line-height: 48px; border: 1px solid #000; text-align: center; font-weight: 400; font-size: 32px; font-family: 'Noto Sans KR', sans-serif; }
.menu-p-d { top: 65px; right:80px; }




@media only screen and (max-width: 1304px) {
    .container-h { padding: 0; width: calc(100% - 50px); max-width: 1200px; }
    
}



    
    
@media only screen and (max-width: 767px) { 
    nav:not(.pg_wrap):not(#bo_cate) { height: 65px; }
    #menu { display: none; }
    #nav-bg { height: 46px; }
    #menu >li {
      padding: 12px;
    }
    
    #icon {
        margin-top: 20px;
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer;
    }
    
    .hero-section__inner { max-height: 620px; }

    header { max-height: 640px; }
    
    body {
      padding-top: 50px;
    }
} 

@media only screen and (max-width: 480px) { 
    .container-h { width: calc(100% - 30px); }
}