.treeview .hover{
  color: inherit !important;  
}
.treeview .hitarea{
  background: url("/vocas/vocas_manage/img/tree-arrow.png") !important;
  width: 8px !important;
  height: 14px !important;
  margin-top: 5px;
}
#tree-side .hitarea,
#tree-side01 .hitarea,
.tree-classtab .hitarea{
  width: 100% !important;
  height: 12px !important;
  margin-top: 16px;
  position: absolute;
  right: 20px;
  background-repeat: no-repeat !important;
  background-position-x: right !important;
}

.hit8 .hitarea{
  margin-top: 13px !important;
  margin-right: 8px;
}

.treeview a.selected{
  background-color: transparent !important;
}

#tree-side .hitarea,
#tree-side01 .hitarea,
.tree-classtab .hitarea{
  float: right !important;
}

#tree-side .file-list-name,
#tree-side01 .file-list-name,
.leftslide-title,
.tree-classtab .file-list-name{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: unset;
}

#tree-side ul,
#tree-side01 ul{
  /*margin-top: 8px;*/
}

#leftslide .treeview li,
.tree-classtab li{
  position: relative;
  padding: 0;
}

#leftslide .treeview ul,
.tree-classtab ul{
  margin-top: 0 !important;
}

.treeview-contentli .tree-side-underli li{
  margin-top: 5px !important;
}

.tree-side-little01{
  padding: 8px 4px 8px 25px !important;
  background-color: #d9dbff !important;
  border-radius: 6px;
}
.tree-side-little02{
  padding: 8px 4px 8px 35px !important;
  background-color: #e8d7ff !important;
  border-radius: 6px;
}
.tree-side-little03{
  padding: 8px 4px 8px 40px !important;
  background-color: #fad0ff !important;
  border-radius: 6px;
}
.tree-side-little04{
  padding: 8px 4px 8px 50px !important;
  background-color: #ffbbea !important;
  border-radius: 6px;
}
.tree-side-little05{
  padding: 8px 4px 8px 60px !important;
  background-color: rgb(255, 210, 192) !important;
  border-radius: 6px;
}

.tree-side-little06{
  padding: 8px 4px 8px 70px !important;
  background-color: rgb(156, 202, 145) !important;
  border-radius: 6px;
}

.dp-none{
  display: none;
}
/* 메인모달 */
.main-modal-title{
   font-weight: 500;
   color: #181818;
   font-size: 18px;
}
/* 위치이동 */
.treeview .file-list-name{
  margin-right: 10px;
}

.treeview .file-list a{
  height: auto !important;
}

.turn-modal-fileimg{
  margin-right: 6px;
}

.treeview .file-list:last-child{
  border-bottom: none;
}

 /* 순서변경 */
 .turn-label{
    padding-top: 10px; 
    width: 100%; 
    border-top: 1px solid #dee2e6; 
    margin-top: 10px;
 }

 .turn-label-bage{
   display: inline-block;
   width: 36px;
   height: 20px;
   background-color: #7898FD;
   border-radius: 4px;
   color: #fff;
   text-align: center;
   line-height: 20px;
   font-size: 12px;
   margin-right: 10px;
 }

 .turn-label-title{
    font-size: 16px;
    font-weight: 400;
    color: #2B2B2B;
    margin-right: 10px;
    line-height: 26px
 }

 .turn-label-count{
    font-size: 14px;
    color: #757575;
 }

 .turn-label-examcount{
   font-size: 16px;
   color: #8D8D8D;
 }

/* 복제하기 */
.copy-modal-box{
  margin-top: 10px;
}
.copy-modal-box:first-child{
  margin-top: 0;
}

.copyinput{
  display: inline-block;
  width: 56%;
  margin-left: 10px;
}

 /* 분리하기 */
 .share-modal-title{
   position: relative;
 }

 .share-modal-title::after{
   content: "";
   position: absolute;
   width: 24px;
   height: 2px;
   background-color: #13279F;
   left: 0;
   bottom: -8px;
 }
 .share-modalbox{
   margin-top: 40px;
 }
 .share-modal-box{
   margin-top: 20px;
 }

 .share-modal .turn-label-title{
  margin-right: 0;
 }

 /* 합치기 */
.plus-modal-listbox{
  margin-top: 10px;
}

.plus-modal-alert{
  width: 100%;
  background-color: #FFE9E9;
  border-radius: 4px;
  padding: 7px 10px;
  margin-top: 20px;
}


/* 오른쪽 메인 모달 */
/* 편집 - 시험편집 */
.edit-teacher{
  font-size: 10px;
  color: #fff;
  background-color: #454545;
  font-weight: 400;
  padding: 3px 10px;
  border-radius: 2px;
  letter-spacing: 0;
}

.edit-academy{
  font-size: 16px;
  font-weight: 500;
  color: #181818;
}

.edit-academy-name{
  font-size: 14px;
  color: #9A9A9A;
  margin-top: 5px;
}

/* 리뷰 */
.starlogo{
  position: absolute;
  right: 34%;
  top: -54px;
}

.review-modal-title{
  font-size: 28px;
  font-weight: 500;
  color: #131415;
  text-align: center;
  margin-top: 60px;
}

.review-modal-score{
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #1B7AD2;
  margin-top: 10px;
}

/* 공유 */
.copy-url{
  display: inline-block;
  width: calc(100% - 90px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 500;
  padding: 10px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
}

.data-copy{
  width: 90px;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  background-color: #13279F;
  padding: 7px 18px;
  color: #fff;
  height: 43px;
  margin-left: -10px;
  margin-top: -1px;
}

.sns-box{
  text-align: center;
}
.sns-box:last-child{
  margin-right: 0;
}
.sns-title{
  font-size: 12px;
  color: #717171;
  margin-top: 10px;
}
.sns-title:hover{
  color: #414141;
}

.classtree .hitarea{
  position: relative;
  right: 23px;
  width: 8px !important;
  height: 14px !important;
  margin-top: 14px !important;
}

.classtree .hit8 .hitarea{
  margin-top: 11px !important;
}


/*jquery*/ 
.treeview, .treeview ul {
padding: 0;
margin: 0;
list-style: none;
}

.treeview ul {
background-color: white;
margin-top: 4px;
}

.treeview .hitarea {
height: 16px;
width: 16px;
margin-left: -16px;
float: left;
cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
display: inline;
float:none;
}

.treeview li {
margin: 0;
padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
background-color: #eee;
}