body {
	--padding-top: 100px;
}

top-menu, side-menu {
	
}

top-menu {
	
}

side-menu {
	
}


side-menu .tree{
  margin-top: 5px;
}
side-menu .tree, side-menu .tree ul{
  list-style: none; /* 기본 리스트 스타일 제거 */
  padding-left:10px;
}
side-menu .tree *:before{
  width:15px;
  height:15px;
  display:inline-block;
}
side-menu .tree label{
  cursor: pointer;
  font-family: NotoSansKrMedium, sans-serif !important;
  font-size: 14px;
  color: #0055CC;
}
side-menu .tree label:hover{
  color: #00AACC;
}
side-menu .tree label:before{
  content: '+'
}
side-menu .tree label.lastTree:before{
  content:'o';
}
side-menu .tree label:hover:before{
  content: '+'
}
side-menu .tree label.lastTree:hover:before{
  content:'o';
}
side-menu .tree input[type="checkbox"] {
  display: none;
}
side-menu .tree input[type="checkbox"]:checked~ul {
  display: none;
}
side-menu .tree input[type="checkbox"]:checked+label:before{
  content: '-'
}
side-menu .tree input[type="checkbox"]:checked+label:hover:before{
  content: '-'
}

side-menu .tree input[type="checkbox"]:checked+label.lastTree:before{
  content: 'o';
}
side-menu .tree input[type="checkbox"]:checked+label.lastTree:hover:before{
  content: 'o';
}

nine-grid {
	height: 368px;
	--height: 700px;
}


example-box label:first-child:before,
example-box2 label:first-child:before {
	content: "";
    border-radius: 50%;
    background-color: green;
    width: 4px;
    height: 4px;
    display: flex;
    position: relative;
    margin-right: 8px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	font-weight: bold;
	color: #666 !important;
	background-color: transparent;
}

attribute-box .nav.nav-line .nav-link {
	padding: 4px !important;
}
attribute-box .nav-pills>li>.nav-link {
	margin-top: 0;
	margin-bottom: 0;
}

.bg-box {
    background-color: #f0f0f0;
}

body {
	background: white;
}

top-menu .main-header {
	--position: sticky;
	--top: 0;
    background-color: #444;
}
top-menu .contact {
	font-size: 9px;
	color: #ccc;
}

tab-container .nav.nav-line.nav-color-secondary .nav-link.active {
    border-color: green;
}
tab-container .nav.nav-line.nav-color-secondary .nav-link.active {
    color: green;
}
tab-container .nav.nav-line .nav-link {
	padding: 8px !important;
}

.bg-box {
	 background-color: #f0f0f0;
}

demo-box .nav-tabs .nav-link.active,
source-box .nav-tabs .nav-link.active,
attribute-box .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #999;
    border-bottom: 1px solid white;
}
demo-box .nav-tabs,
attribute-box .nav-tabs {
    border-bottom: 1px solid #999;
}
demo-box .tab-content,
source-box .container-fluid,
attribute-box .tab-content {
	margin-top: -1px;
}
demo-box .tab-content .tab-pane,
source-box .container-fluid,
attribute-box .tab-content .tab-pane {
	border-color: #999 !important;
	--border-top: 0;
}
demo-box table,
source-box table,
attribute-box table {
	margin-bottom: 0 !important;
	border-collapse: unset !important;
}

source-box .nav-tabs .nav-link.active {
	background-color: #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

attribute-box table {
	border: 1px solid #999 !important;
}

side-menu .sidebar .nav>.nav-item a {
    color: #b9babf !important;
}
side-menu .sidebar .nav>.nav-item a:hover {
    color: #b9babf !important;
}
side-menu  .sidebar[data-background-color=dark] {
    background: #333 !important;
}

top-menu .navbar-header .dropdown-toggle::after {
	color: #ccc;
}