@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {overflow-y:scroll;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body {-webkit-text-size-adjust: none;}
/* Box Model */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Basic */
body { color: #666666; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:400;}
input, textarea, select {font-weight: 300;color: #5d5d5d; font-family:'Noto Sans KR', sans-serif;}
strong, b {color: #000000; font-weight:500;}
i, em {font-style: italic;}
sub {position: relative;top: 0.5em;font-size: 0.8em;}
sup {position: relative;top: -0.5em;font-size: 0.8em;}
blockquote {border-left: solid 0.75em #dddddd;padding: 1em 0 1em 1.5em;font-style: italic;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none;}
a {text-decoration: none; color:#666;}
a:hover {text-decoration: none;}
br.clear {clear: both;}
.clearfix {content:""; display:block; clear:both;}
/* Box Model */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.container {
width: 100%;
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
/*------------------------------------------
상단메뉴수정
------------------------------------------*/
/* 헤더 */
#header .navbar-inverse .container {position: relative;}
#menu-fix {position:fixed; left:0px; top:0px; width:100%;}
#menu-fix.fixed {background:#FFF; z-index:99999999;}
#menu-container {width:100%; height:90px; background:rgba(30,30,30,0.9); z-index:9999999; position: fixed; -webkit-transition: 0.2s all; transition: 0.2s all;}
#menu-container.fixed {background:rgba(30,30,30,0.9); border-bottom:0; -webkit-transition: 0.2s all; transition: 0.2s all;}
/* 최상단 바로가기 메뉴 (HOME/LOGIN/JOIN 부분) */
.util-menu {height:90px; right:0; line-height:0; position:absolute; z-index:999999999;}
.util-menu ul {font-size:0; float:right; margin:0 auto;}
.util-menu li {top:44px; display:inline-block; vertical-align:middle; position:relative;}
.util-menu li::after {content:""; display:inline-block; transform:rotate(25deg); background:#FFFFFF; width:1px; height:10px; position:absolute; top:-4px; right:15px; }
.util-menu li:last-child::after {display:none;}
.util-menu li a {font-size:11px; font-weight:500; color:#FFFFFF; padding-right:30px; display:table-cell;}
.util-menu li a:hover, .util li a:focus {color:#FFFFFF; background:none;}
/* 로고 */
#header .navbar-brand h1 {padding-left:25px; height:90px; display:table-cell; vertical-align:middle; line-height:0;}
/* 메뉴 상단 여백 */
.navbar-right {padding-top:20px !important;}
/* 1차 메뉴 폰트 */
#header .navbar-nav > li a {font-size:17px; font-weight:500; color: #FFFFFF;}
#header .navbar-inverse .navbar-nav li a:hover {color:#28c9ff;}
/* 1차 메뉴 간격 */
#header .navbar-nav li > a {padding:15px 40px;}
.navbar-nav > li {text-align:center;}
/* 2차 메뉴 폰트 */
#header .navbar-nav li ul.sub-menu li a {color:#FFF; padding:12px 10px; font-size:14px; font-weight:400; display: block;}
/* 2차 메뉴 넓이 및 디자인 */
#header .navbar-nav li ul.sub-menu {width:100%; position:absolute; top:50px; left:0; z-index:999; box-shadow:5px 5px 11px rgba(0,0,0,0.25);}
#header .navbar-nav li ul.sub-menu li {background:#555; border-bottom:1px solid #666;}
/* 2차 메뉴 마우스 오버 컬러 */
#header .navbar-nav li ul.sub-menu li a:hover, #header .navbar-nav li ul.sub-menu li a:focus {background:#00a4db; color: #FFF;}
#header .navbar-nav li ul.sub-menu li:last-child {border-bottom:none;}
@media screen and (max-width: 1280px) {
/* 최상단 바로가기 메뉴 (HOME/LOGIN/JOIN 부분) */
.util-menu li:last-child {border-right:none;}
.util-menu li a {font-size: 10px;}
/* 로고 */
#header .navbar-brand h1 img {width:180px;}
/* 1차 메뉴 폰트 */
#header .navbar-nav > li a {font-size:15px;}
/* 1차 메뉴 간격 */
#header .navbar-nav li > a {padding:15px 25px;}
}
@media only screen and (max-width : 1100px) {
/* 최상단 바로가기 메뉴 (HOME/LOGIN/JOIN 부분) */
.util-menu {height: 20px; position: relative;}
.util-menu li {top: 14px;}
.util-menu li a {font-size: 10px;}
/* 로고 */
#header .navbar-brand h1 {height: 70px;}
#header .navbar-brand h1 img {width: 150px;}
/* 1차 메뉴 간격 */
#header .navbar-nav li > a {padding: 7px 25px;}
/* 1차 메뉴 폰트 */
#header .navbar-nav > li a {font-size: 15px;}
/* 2차 메뉴 폰트 */
#header .navbar-nav li ul.sub-menu li a {font-size: 12px;}
}
/* 타블렛, 모바일 */
@media screen and (max-width: 780px) {
/* 헤더 */
#menu-container {height:80px;}
/* 로고 */
#header .navbar-brand h1 {height:60px; padding-left:20px;}
#header .navbar-brand h1 img {width:150px;}
/* 1차 메뉴 폰트 */
#header .navbar-nav > li a {font-size:13px; padding: 15px 30px;}
.navbar-nav > li {width:100%; float:left; text-align:left; background:rgba(50,50,50,0.95);}
.nav {padding-top:0px !important;}
.navbar-inverse .navbar-nav > .open > a {background-color:#F5F5F5; border:0;}
.nav > li {border-bottom:1px solid rgba(255,255,255,0.1);}
#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;}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {border-top: 0;}
.social-icons ul li:first-child {padding-left: 0;}
#header .navbar-nav li > a > i {font-size:17px; display:inline-block; float:right; padding: 3px 10px;}
#header .navbar-nav 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 li > a:hover {border:none;}
.nav.nav-justified.post-nav li,
.nav.navbar-nav.post-nav li {display:inline-block; margin-right:15px;}
.navbar-toggle {margin-top:12px !important;}
}
/*-----------------------------------------------------------------------
이 아래부분은 가급적 수정하지 않기를 권합니다. (수정시 전체파일 백업 후 작업해주세요)
-----------------------------------------------------------------------*/
.collapse {
display:none;
}
.collapse.in {
display:block;
}
tr.collapse.in {
display:table-row;
}
tbody.collapse.in {
display:table-row-group;
}
.collapsing {
position:relative;
height:0;
overflow:hidden;
-webkit-transition-timing-function:ease;
-o-transition-timing-function:ease;
transition-timing-function:ease;
-webkit-transition-duration:.35s;
-o-transition-duration:.35s;
transition-duration:.35s;
-webkit-transition-property:height,visibility;
-o-transition-property:height,visibility;
transition-property:height,visibility;
}
.dropdown,.dropup {
position:relative;
}
.dropdown-toggle:focus {
outline:0;
}
.dropdown-menu {
position:absolute;
top:100%;
left:0;
z-index:1000;
display:none;
float:left;
min-width:160px;
padding:5px 0;
margin:2px 0 0;
font-size:14px;
text-align:left;
list-style:none;
background-color:#fff;
-webkit-background-clip:padding-box;
background-clip:padding-box;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,.15);
border-radius:4px;
-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
box-shadow:0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu .pull-right {
right:0;
left:auto;
}
.dropdown-menu.divider {
height:1px;
margin:9px 0;
overflow:hidden;
background-color:#e5e5e5;
}
.dropdown-menu > li > a {
display:block;
padding:3px 20px;
clear:both;
font-weight:400;
line-height:1.42857143;
color:#333;
white-space:nowrap;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color:#262626;
text-decoration:none;
background-color:#f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
color:#fff;
text-decoration:none;
background-color:#337ab7;
outline:0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
color:#777;
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
text-decoration:none;
cursor:not-allowed;
background-color:transparent;
background-image:none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open > .dropdown-menu {
display:block;
}
.open > a {
outline:0;
}
.dropdown-menu-right {
right:0;
left:auto;
}
.dropdown-menu-left {
right:auto;
left:0;
}
.dropdown-header {
display:block;
padding:3px 20px;
font-size:12px;
line-height:1.42857143;
color:#777;
white-space:nowrap;
}
.dropdown-backdrop {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:990;
}
.dropup.caret,
.navbar-fixed-bottom .dropdown .caret {
content:"";
border-top:0;
border-bottom:4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top:auto;
bottom:100%;
margin-bottom:2px;
}
.dropdown i {
display:none;
}
#header .navbar {
position:relative;
z-index:99999999;
clear:both;
width:100%;
}
#header .navbar-inverse .navbar-nav li.active > a,
#header .navbar-inverse .navbar-nav li.active > a:focus,
#header .navbar-nav li > a:hover,
.navbar-header {
margin:0;
}
/* 토글메뉴 컬러 */
.navbar-header .navbar-toggle .icon-bar {
background-color: #000;
}
/* 2차 메뉴 */
ul.sub-menu {
display: none;
list-style: none;
padding: 0;
margin: 0;
background: #F0F0F0;
}
@media only screen and (max-width : 1100px) {
.navbar-nav {
text-align: right !important;
}
}
@media only screen and (max-width : 1024px) {
.nav.navbar-nav.post-nav li {
display: inline-block;
margin-right: 15px;}
.nav.nav-justified.post-nav li {
display: table-cell;
}
}
@media (min-width:780px) {
.nav.navbar-nav > li:hover > ul.sub-menu {
display: block;
-webkit-animation: fadeInDown 400ms;
animation: fadeInDown 400ms;
}
.navbar-right .dropdown-menu {
right:0;
left:auto;
}
.navbar-right .dropdown-menu-left {
right:auto;
left:0;
}
}
.nav {
padding-left:0;
margin-bottom:0;
list-style:none;
}
.nav > li {
position:relative;
display:block;
}
.nav > li > a {
position:relative;
display:block;
padding:10px 15px;
}
.nav > li > a:focus,
.nav > li > a:hover {
text-decoration:none;
background-color:#eee;
}
.nav > li .disabled > a {
color:#777;
}
.nav > li .disabled > a:focus,.nav > li .disabled> a:hover {
color:#777;
text-decoration:none;
cursor:not-allowed;
background-color:transparent;
}
.nav.open > a,
.nav.open> a:focus,
.nav.open> a:hover {
background-color:#eee;
border-color:#337ab7;
}
.nav.nav-divider {
height:1px;
margin:9px 0;
overflow:hidden;
background-color:#e5e5e5;
}
.nav > li > a > img {
max-width:none;
}
.nav-pills > li {
float:left;
}
.nav-pills > li > a {
border-radius:4px;
}
.nav-pills >li+li {
margin-left:2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
color:#fff;
background-color:#337ab7;
}
.nav-stacked > li {
float:none;
}
.nav-stacked > li+li {
margin-top:2px;
margin-left:0;
}
.nav-justified {
width:100%;
}
.nav-justified > li {
float:none;
}
.nav-justified > li > a {
margin-bottom:5px;
text-align:center;
}
.nav-justified > .dropdown .dropdown-menu {
top:auto;
left:auto;
}
.nav-tabs-justified {
border-bottom:0;
}
.nav-tabs-justified > li > a {
margin-right:0;
border-radius:4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover {
border:1px solid #ddd;
}
.tab-content > .tab-pane {
display:none;
}
.tab-content > .active {
display:block;
}
.nav-tabs .dropdown-menu {
margin-top:-1px;
border-top-left-radius:0;
border-top-right-radius:0;
}
.navbar {
position:relative;
min-height:50px;
margin-bottom:20px;
}
.navbar-collapse {
overflow-x:visible;
-webkit-overflow-scrolling:touch;
border-top:1px solid transparent;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.navbar-collapse .in {
overflow-y:auto;
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height:340px;
}
.navbar-static-top {
z-index:1000;
border-width:0 0 1px;
}
.navbar-fixed-bottom,
.navbar-fixed-top {
position:fixed;
right:0;
left:0;
z-index:1030;
}
.navbar-fixed-top {
top:0;
border-width:0 0 1px;
}
.navbar-fixed-bottom {
bottom:0;
margin-bottom:0;
border-width:1px 0 0;
}
.navbar-brand {
float:left;
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration:none;
}
.navbar-brand > img {
display:block;
}
.navbar-toggle {
position:relative;
float:right;
padding:9px 10px;
margin-top:8px;
margin-right:15px;
margin-bottom:8px;
background-color:transparent;
background-image:none;
border:1px solid transparent;
}
.navbar-toggle:focus {
outline:0;
}
.navbar-toggle .icon-bar {
display:block;
width:24px;
height:3px;
border-radius: 5px;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top:4px;
}
.navbar-nav > li > a {
padding-top:10px;
padding-bottom:10px;
line-height:20px;
}
.navbar-nav > li > .dropdown-menu {
margin-top:0;
border-top-left-radius:0;
border-top-right-radius:0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom:0;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
}
.navbar-btn {
margin-top:8px;
margin-bottom:8px;
}
.navbar-btn .btn-sm {
margin-top:10px;
margin-bottom:10px;
}
.navbar-btn .btn-xs {
margin-top:14px;
margin-bottom:14px;
}
.navbar-text {
margin-top:15px;
margin-bottom:15px;
}
.navbar-default {
background-color:#f8f8f8;
border-color:#e7e7e7;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
color:#5e5e5e;
background-color:transparent;
}
.navbar-default .navbar-text {
color:#777;
}
.navbar-default .navbar-nav > li > a {
color:#777;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
color:#333;
background-color:transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
color:#555;
background-color:#e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
color:#ccc;
background-color:transparent;
}
.navbar-default .navbar-toggle {
border-color:#FFF;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:visited {
background-color:#FFF;
}
.navbar-default .navbar-toggle .icon-bar {
background-color:#FFF;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color:#e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
color:#555;
background-color:#e7e7e7;
}
.navbar-default .navbar-link {
color:#777;
}
.navbar-default .navbar-link:hover {
color:#333;
}
.navbar-default .btn-link {
color:#777;
}
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
color:#333;
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
color:#ccc;
}
.navbar-inverse {
}
.navbar-inverse .navbar-text {
color:#9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color:#9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
color:#fff;
background-color:transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
color:#fff;
background-color:#080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover {
color:#444;
background-color:transparent;
}
.navbar-inverse .navbar-toggle {
border-color:#FFF;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color:#FFF;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color:#101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
color:#fff;
background-color:#080808;
}
.navbar-inverse .navbar-link {
color:#9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color:#fff;
}
.navbar-inverse .btn-link {
color:#9d9d9d;
}
.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
color:#fff;
}
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
color:#444;
}
@media (min-width:780px){
.nav-tabs .nav-justified > li {
display:table-cell;
width:1%;
}
.nav-tabs .nav-justified > li > a {
margin-bottom:0;
}
.nav-tabs .nav-justified > li > a {
border-bottom:1px solid #ddd;
border-radius:4px 4px 0 0;
}
.nav-tabs .nav-justified > .active > a,
.nav-tabs .nav-justified > .active > a:focus,
.nav-tabs .nav-justified > .active > a:hover {
border-bottom-color:#fff;
}
.nav-justified > li {
display:table-cell;
width:1%;
}
.nav-justified > li > a {
margin-bottom:0;
}
.nav-tabs-justified > li > a {
border-bottom:1px solid #ddd;
border-radius:4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover {
border-bottom-color:#fff;
}
.navbar {
border-radius:4px;
}
.navbar-header {
float:left;
position: absolute;
}
.navbar-collapse {
width:auto;
border-top:0;
-webkit-box-shadow:none;
box-shadow:none;
}
.navbar-collapse {
display:block !important;
height:auto !important;
padding-bottom:0;
overflow:visible !important;
}
.navbar-collapse.in {
overflow-y:visible;
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse {
padding-right:0;
padding-left:0;
}
.navbar-static-top {
border-radius:0;
}
.navbar-fixed-bottom,
.navbar-fixed-top {
border-radius:0;
}
.navbar-toggle {
display:none;
}
.navbar-nav {
margin:0;
width: 100%;
text-align: center;
padding-top: 20px;
}
.navbar-nav > li {
display: inline-block;
text-align:center;
}
.navbar-nav > li > a {
padding-top:15px;
padding-bottom:15px;
}
.navbar-text {
float:left;
margin-right:15px;
margin-left:15px;
}
.navbar-left {
float:left !important;
}
.navbar-right {
width:100%;
text-align: center;
}
.navbar-right~.navbar-right {
margin-right:0;
}
}
@media (max-width:767px){
.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none;
}
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu > li > a {
padding:5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height:20px;
}
.navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-nav .open .dropdown-menu > li > a:hover {
background-image:none;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color:#777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color:#333;
background-color:transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
color:#555;
background-color:#e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
color:#ccc;
background-color:transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color:#080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color:#080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color:#9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
color:#fff;
background-color:transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
color:#fff;
background-color:#080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
color:#444;
background-color:transparent;
}
}
@media (max-device-width:480px)and (orientation:landscape){
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height:200px;
}
}
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before {
display:table;
content:" ";
}
.clearfix:after,
.container-fluid:after,
.container:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after {
clear:both;
}