.f-no-select {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.m-tree {
  position: relative;
  /*overflow: hidden;*/
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.m-draggable {
  position: absolute;
  opacity: 0.8;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.m-node.placeholder > * {
  visibility: hidden;
}
.m-node.placeholder {
  border: 1px dashed #ccc;
}
.m-node .inner {
  position: relative;
  cursor: pointer;
  padding-left: 30px !important;
}
.m-node .inner.inner_pl_0{
  padding-left: 0px !important;
}
/*.children .inner{margin-left:20px}*/
/*.children .children .inner{margin-left:40px}*/
/*.children .children .children .inner{margin-left:60px}*/
/*.children .children .children .children .inner{margin-left:80px}*/
/*.children .children .children .children .children .inner{margin-left:100px}*/
/*.children .children .children .children .children .children .inner{margin-left:120px}*/

.m-node .collapse {
  position: absolute;
  left: 0;
  cursor: pointer;
}
.m-node .caret-right:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 27px;
  height: 13px;
  display: inline-block;
  overflow: hidden;
  background: url(https://static.wehago.com/imgs/common/sp_lux.png) -50px -125px no-repeat;
  line-height: 100em;
  vertical-align: top;
  content: '';
}
.m-node .caret-down:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 27px;
  height: 13px;
  display: inline-block;
  overflow: hidden;
  background: url(https://static.wehago.com/imgs/common/sp_lux.png) -90px -125px no-repeat;
  line-height: 100em;
  vertical-align: top;
  content: '';
}

.m-node .caret-none:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 27px;
  height: 13px;
  display: inline-block;
  overflow: hidden;
  background: url(https://static.wehago.com/imgs/common/sp_lux.png) -90px -150px no-repeat;
  line-height: 100em;
  vertical-align: top;
  content: '';
}

.m-node .caret-del-right:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 27px;
  height: 13px;
  display: inline-block;
  overflow: hidden;
  background: url(https://static.wehago.com/imgs/common/sp_lux.png) -218px -811px no-repeat;
  line-height: 100em;
  vertical-align: top;
  content: '';
}
.m-node .caret-del-down:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 27px;
  height: 13px;
  display: inline-block;
  overflow: hidden;
  background: url(https://static.wehago.com/imgs/common/sp_lux.png)  -258px -811px no-repeat;
  line-height: 100em;
  vertical-align: top;
  content: '';
}

.m-node .caret-del-none:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 27px;
  height: 13px;
  display: inline-block;
  overflow: hidden;
  background: url(https://static.wehago.com/imgs/common/sp_lux.png) -177px -250px no-repeat;
  line-height: 100em;
  vertical-align: top;
  content: '';
}

.tree {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #21252B;
}
.m-node.placeholder {
  border: 1px dashed #1385e5;
}
.m-node .inner {
  /*color: #9DA5B4;*/
  /*font-size: 12px;*/
  /*font-family: Menlo;*/
  cursor: default;
}
.m-node .node {
  display: inline-block;
  padding: 4px 5px;
  cursor: pointer;
}
.m-node .is-select {
  background-color: #f7f7f7 !important;
  color: #000 !important;
}
.m-node .is-active {
  /*background-color: #00a2ff;*/
  /*color: #fff;*/
  background-color: #e9f5ff !important;
  color: #000 !important;
}


body {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
.inspector {
  margin-left: 400px;
}
.inspector pre {
  font-family: Menlo;
  font-size: 13px;
}

.divplaceholder[placeholder]:empty:before {
    content: attr(placeholder);
    color: #555;
}
/* 북마크 설정: 드래그 자동 스크롤을 위해 overflow를 강제할 때 나타나는 네이티브 스크롤바 숨김.
   스크롤 기능/PerfectScrollbar 레일은 유지. #unified-scroll은 모든 GNB 탭이 공유하므로
   북마크 설정이 활성일 때만 클래스로 적용해 다른 탭엔 영향 없음. */
#unified-scroll.bookmark-hide-native-scrollbar {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/구 Edge */
}

#unified-scroll.bookmark-hide-native-scrollbar::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important; /* Chrome/Edge/Safari */
}