/* Çì´õ */
#header {background:#FFF; width:100%; height:90px; box-shadow:3px 3px 3px rgba(0,0,0,0.1); z-index:9999999; }
#header .navbar-inverse .container {position: relative;}
#menu-fix {position:fixed; left:0px; top:0px; width:100%; height:90px;}
#menu-fix.fixed {background:#FFF; box-shadow:3px 3px 3px rgba(0,0,0,0.1); z-index:99999999;}

/* ÃÖ»ó´Ü ¹Ù·Î°¡±â ¸Þ´º (HOME/LOGIN/JOIN ºÎºÐ) */
.util-menu { width:100%; }
.util-menu ul {float:right; padding-right:10px; margin:0 auto;}
.util-menu li {float:left; padding-left:15px; padding-top:2px; }
.util-menu li a {font-size:11px; font-weight: 500; color: #d3d3d3; padding:0;}
.util-menu li a:hover, .util li a:focus {color:#dbb075; background:none;}

/* ·Î°í */
#header .navbar-brand h1 {padding-top:0px;}

/* 1Â÷ ¸Þ´º ÆùÆ® */
#header .navbar-nav.navbar-right > li a {font-size: 16px; font-weight: 500; color: #1E1E1E; font-family:'Montserrat','Noto Sans KR', sans-serif;}
#header .navbar-inverse .navbar-nav  li a:hover {color:#d29948;}
#header .navbar-nav.navbar-right li > a {padding:15px 15px 15px 20px; background:#FFF;}

/* 1Â÷ ¸Þ´º ³ÐÀÌ */
.navbar-nav > li {width:150px; float:left; text-align:center;}

/* 2Â÷ ¸Þ´º ÆùÆ® */
#header .navbar-nav li ul.sub-menu li a {color: #818285; padding: 8px; font-size: 13px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; display: block;}

/* 2Â÷ ¸Þ´º ³ÐÀÌ ¹× µðÀÚÀÎ */
#header .navbar-nav li ul.sub-menu {width:150px; border-top:1px solid #333 !important; border:1px solid #CCC; position:absolute; top:50px; left:0; background: #fff;  box-shadow: none; z-index:999;}
#header .navbar-nav li ul.sub-menu li a:hover, #header .navbar-nav li ul.sub-menu li a:focus {background: #F5F5F5; color: #d29948;}
#header .navbar-nav li ul.sub-menu li {border-bottom: 1px solid #E5E5E5;}

#menu-container {z-index:9999999; position: fixed; width:100%; height:90px; background:#FFF;}
#menu-container.fixed {box-shadow:3px 3px 3px rgba(0,0,0,0.1);}


@media screen and (max-width: 1280px) {
   /* ·Î°í */
   #header .navbar-brand h1 {padding-left:20px;}
}


@media only screen and (max-width : 1024px) {  
   /* ·Î°í */
   #header .navbar-brand h1 img {width:180px;}
}


@media screen and (max-width: 768px) {
  /* Çì´õ */
  #header {width: 100%; z-index:99999; height:85px;}
  #menu-fix {height:85px;}

  /* ·Î°í */
  #header .navbar-brand h1 {padding-top:12px;}
  #header .navbar-brand h1 img {width:150px;}

  /* 1Â÷ ¸Þ´º ÆùÆ® */
  #header .navbar-nav.navbar-right > li a {font-size:13px; padding: 15px 30px;}
  .navbar-nav > li {width:100%; float:left; text-align:left;}
  

  #header .navbar-nav.navbar-right li > a {padding:15px 15px 15px 20px; background:#F5F5F5;}
  .navbar-inverse .navbar-nav > .open > a {background-color:#F5F5F5; border:0;}
  .nav > li:first-child {border-top:1px solid #DDD;}
  .nav > li {border-bottom:1px solid #DDD;}
  #menu-container {position:relative; height:85px;}

  #header .navbar-inverse .navbar-toggle, #header .navbar-inverse .navbar-toggle:focus { border: none; outline: none;}
  #header .navbar-inverse .navbar-toggle:hover .icon-bar {background: #666;}
 
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {border-top: 0;}
  .social-icons ul li:first-child {padding-left: 0;}
  #header .navbar-nav.navbar-right li > a > i {display:inline-block; float:right; padding: 3px 10px; margin-right: 5px; border: 1px solid #DDD; border-radius:4px;}
  #header .navbar-nav.navbar-right li > a {padding:15px 15px 15px 20px; background:#F5F5F5;}
  #header .navbar-nav li ul.sub-menu li a {padding:10px 20px; background:#FFF;}
  #header .navbar-nav li ul.sub-menu {position: relative; top:0; left:0; background: #F5F5F5; padding: 0; width:100%; box-shadow: none; display:none; z-index: 999; border:0;}
  #header .navbar-nav li ul.sub-menu li:last-child {border-bottom:none;}
  #header .navbar-inverse .navbar-nav li.active > a, 
  #header .navbar-inverse .navbar-nav li.active > a:focus, 
  #header .navbar-nav.navbar-right li > a:hover {border:none; background:#FFF;}
  .nav.nav-justified.post-nav li, 
  .nav.navbar-nav.post-nav li {display:inline-block; margin-right: 15px;}
}