/* 헤더 (높이/배경 컬러 설정) */
#header {}
#header .navbar-inverse .container {position: relative;}

#menu-fix {position:fixed; left:0px; top:0px; width:100%;}
#menu-fix.fixed {box-shadow:3px 3px 3px rgba(0,0,0,0.1); z-index:99999999;}

/* 메뉴배경 및 높이설정 */
#menu-container {width:100%; height:90px; background:rgba(0,0,0,0.3); z-index:9999999; position: fixed; -webkit-transition: 0.2s all; transition: 0.2s all;}

/* 스크롤시 메뉴설정 */
#menu-container.fixed {background:rgba(0,0,0,0.6); -webkit-transition: 0.2s all; transition: 0.2s all;}


/* 최상단 바로가기 메뉴 (HOME/LOGIN/JOIN 부분) */
.util-menu {width:100%; line-height:0; position:absolute; z-index:999999999;}
.util-menu ul {float:right; margin:0 auto;}
.util-menu li {display:inline-block; padding:10px;}
.util-menu li a {font-size:12px; font-weight:400; color:#FFF; padding:0;}
.util-menu li a:hover, .util li a:focus {color:#dbb075; background:none;}

/* 로고 */
#header .navbar-brand h1 {padding-left:20px; height:90px; display:table-cell; vertical-align:middle; line-height:0;}

/* 메뉴 상단 여백 */
.navbar-right {padding-top:20px !important;}

/* 1차 메뉴 폰트 */
#header .navbar-nav.navbar-right > li a {font-size:18px; font-weight: 500; color: #FFF; letter-spacing:-0.4px; font-family:'Montserrat','Noto Sans KR', sans-serif;}
#header .navbar-inverse .navbar-nav  li a:hover {color:#CCC;}

/* 1차 메뉴 간격 */
#header .navbar-nav.navbar-right li > a {padding:15px 40px;}
.navbar-nav > li {float:left; text-align:center;}

/* 2차 메뉴 폰트 */
#header .navbar-nav li ul.sub-menu li a {color:#666; padding:10px; font-size:14px; font-weight:400; font-family: 'Noto Sans KR', sans-serif; display: block;}

/* 2차 메뉴 넓이 및 디자인 */
#header .navbar-nav li ul.sub-menu {width:100%; position:absolute; top:50px; left:0; box-shadow: none; z-index:999; box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
#header .navbar-nav li ul.sub-menu li {background:#FFF;}

/* 2차 메뉴 마우스 오버 컬러 */
#header .navbar-nav li ul.sub-menu li a:hover, #header .navbar-nav li ul.sub-menu li a:focus {background:#EEE; color:#000;}
#header .navbar-nav li ul.sub-menu li:last-child {border-bottom:none;}



@media only screen and (max-width : 1024px) {  

/* 메뉴배경 및 높이설정 */
#menu-container {height:80px;}

/* 메뉴 상단 여백 */
.navbar-right {padding-top:25px !important;}

/* 최상단 바로가기 메뉴 (HOME/LOGIN/JOIN 부분) */
.util-menu {height:30px;}
.util-menu li {padding:10px 15px; height:30px;}

/* 로고 */
/* 로고 */
#header .navbar-brand h1 {height:80px;}
#header .navbar-brand h1 img {width:auto; height:36px;}

/* 1차 메뉴 폰트 */
#header .navbar-nav.navbar-right > li a {font-size:15px;}

/* 1차 메뉴 넓이 */
.navbar-nav > li {width:130px;}
#header .navbar-nav.navbar-right li > a {padding:15px 0;}

/* 2차 메뉴 넓이 및 디자인 */
#header .navbar-nav li ul.sub-menu {width:130px;}

/* 2차 메뉴 폰트 */
#header .navbar-nav li ul.sub-menu li a {font-size:12px;}

}



/* 타블렛, 모바일 */
@media screen and (max-width: 769px) {

  /* 최상단 바로가기 메뉴 (HOME/LOGIN/JOIN 부분) */
  .util-menu li {padding:8px;}
  .util-menu li a {font-size:10px;}

  /* 로고 */

  /* 1차 메뉴 폰트 */
  #header .navbar-nav.navbar-right > li a {color:#222222; font-size:14px; padding: 15px 30px;}
  #header .navbar-inverse .navbar-nav  li a:hover {color:#000;}
  .navbar-nav > li {width:100%; float:left; text-align:left; background:#FFF;}
  .nav {padding-top:0 !important;}
  .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;}

  #header .navbar-inverse .navbar-toggle, #header .navbar-inverse .navbar-toggle:focus { border: none; outline: none;}
  #header .navbar-inverse .navbar-toggle:hover .icon-bar {background:#FFF !important;}
.navbar-inverse .navbar-toggle .icon-bar {background:#FFF !important;}
 
  .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;}
  #header .navbar-nav li ul.sub-menu li a {padding:10px 20px;}
  #header .navbar-nav li ul.sub-menu {position: relative; top:0; left:0; 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:#EEE;}
  .nav.nav-justified.post-nav li, 
  .nav.navbar-nav.post-nav li {display:inline-block; margin-right: 15px;}
  .navbar-toggle {margin-top:30px !important;}

}