@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

.header {
	height:0px;
	background-color:#fff;
}

@media screen and (min-width: 992px) {
	header, main, footer {
		padding-left: 240px;
	}
}
@media screen and (max-width: 992px) {
	header, main, footer {
		padding-left: 0px;
	}
}

@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

footer.page-footer {
	background-color:#1565c0 !important;
}

.nav-btn {
	width:48px;
	height:48px;
	position:absolute;
	top:10px;
	left:10px;
}

.waves-effect.waves-mint .waves-ripple {
    background-color: rgba(105, 240, 174, 1.0);
}

.nav-icon {
	line-height:48px;
}

.bold>a {
    font-weight: bold;
}

ul.side-nav li.bold a {
    font-size: 13px;
    line-height: 44px;
    height: 44px;
}

.side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active {
	background-color:#1565c0 !important;
}

.side-nav li.none-tree.active {
	background-color:#1565c0 !important;
}

.side-nav li.none-tree.active a {
	color:#fff !important;
}

ul.side-nav li.bold {
    font-size: 13px;
    line-height: 44px;
}

a {
	color: #00B7FF;
}

#map {
	width: 100%;
	min-height: 500px;
}

.faker {
    display: none;
}

header, main, footer {
    padding-left: 300px;
}

@media only screen and (max-width : 992px) {
    header, main, footer {
        padding-left: 0;
    }
}