/* 레이아웃 */
body {
	font-size: 16px;
	background-color: inherit;
	color: inherit;
}

.navbar {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1100;
}

main {
	min-height: 1080px;
	margin-top: 60px;
}

.navbar-brand {
	padding: 0 15px;
}

.brand-menu {
	background-color: rgba(67, 79, 80, 1);
}

@media (min-width: 768px) {
	.navbar-nav>li>a {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/* 컬러 팔레트 */
.bg-primary {
	background: linear-gradient(90deg, rgba(67, 79, 80, 1) 0%, rgba(4, 4, 4, 1) 100%);
	color: #818180;
}

.bg-primary.lt,
.bg-primary .lt {
	background-color: #313131;
}

.bg-primary.lter,
.bg-primary .lter {
	background-color: #3D3D3D;
}

.bg-primary.dk,
.bg-primary .dk {
	background-color: #171717;
}

.bg-primary.dker,
.bg-primary .dker {
	background-color: #0A0A0A;
}

.bg-primary a {
	color: #818180;
}

.bg-primary a:hover {
	color: #fff;
}

.bg-primary a.list-group-item:hover,
.bg-primary a.list-group-item:focus {
	background-color: inherit;
}

.bg-primary .nav li>a {
	color: #818180;
}

.bg-primary .nav li>a:hover {
	background-color: #3D3D3D;
}

.bg-primary .nav li>ul.dropdown-menu>li>a {
	color: #818180;
}

.bg-primary .nav li>ul.dropdown-menu>li>a:hover {
	color: #fff;
}

.bg-primary .nav .open>a {
	background-color: #818180;
}

.bg-primary.navbar .nav>li.active>a {
	color: #fff;
	background-color: #3D3D3D;
}

.bg-primary .open>a,
.bg-primary .open>a:hover,
.bg-primary .open>a:focus {
	color: #fff;
}

.bg-primary .text-muted {
	color: #ccc8e0;
}