/**
 * Framework starts from here ...
 * ------------------------------
 */

 .tree,
 .tree ul {
   margin:0 0 0 0; /* indentation */
   padding:0;
   list-style:none;
   color:#369;
   position:relative;
 }
 
 .tree ul {margin-left:.5em} /* (indentation/2) */
 
 .tree:before,
 .tree ul:before {
   content:"";
   display:block;
   width:0;
   position:absolute;
   top:0;
   bottom:0;
   left:4px;
   border-left:1px dashed;
     color:#888888;
 } /* 20230330 수정*/
 
 ul.tree:before {
   border-left:none
 }
 
 .tree li {
   margin:6px 0px;
   padding:0px 0px 0px 1.5em; /* indentation + .5em */
   line-height:2em; /* default list item's `line-height` */
   font-weight:bold;
   position:relative;
 }
 
 
 
 .tree li:before {
   content:"";
   display:block;
   width:10px; /* same with indentation */
   height:0;
   border-top:1px dashed;
   margin-top:-1px; /* border top width */
   position:absolute;
   top:1em; /* (line-height/2) */
   left:4px;
     color:#a1b9e8;
 } /* 20200818 수정*/
 
 ul.tree>li:before {
   border-top:none;
 }
 
 .tree li:last-child:before {
   background:#fff; /* same with body background */
   height:auto;
   top:1em; /* (line-height/2) */
   bottom:0;
 }
         
         
     
 .tree li p {border-radius: 3px; font-weight: 600; margin-right:5px; color:#fff; width:55px; font-size:0.75rem; display: inline-block; text-align: center; line-height: 16px; background: #fff; vertical-align: text-bottom;}
 .tree li p.blue  {color:#2484fb; border:1px solid #9cc0ec;}    
 .tree li p.gray  {color:#717171; border:1px solid #B4B4B4;}
 .tree li p.green {color:#20af2b; border:1px solid #77BF7D;}
 
 .tree li button {border:none; background: none; cursor: pointer;}
 .tree li button.tree_view_btn {background: url(/images/kofac/tree/icon-view.gif) no-repeat; width: 16px; height: 16px; display: inline-block; margin:0px 5px; vertical-align: text-bottom;} /* 20200818 수정*/
 .tree li button.tree_writing_btn {background: url(/images/kofac/tree/icon-writing.gif) no-repeat; width: 16px; height: 16px; display: inline-block; margin:0px 5px; vertical-align: text-bottom;} /* 20200818 수정*/
 .tree li b {border:1px solid #a79a9a; border-radius: 100px; font-size:11px; padding:0 10px 0 10px; color:#a79a9a;} /* 20200818 수정*/
 
 .tree_wrap {/* width:100%; margin-top:30px; */overflow: hidden; position: relative;} /* 230320 수정*/
 .tree_box {overflow: hidden; padding-left: 25px; padding-bottom: 28px;} /* 20200818 추가*/
 .tree_left {width:32%; min-width: 460px; min-height: 500px; float:left; border:1px solid #cecece; border-radius: 5px; padding:30px 30px 30px 0px; background: #fff; border-top:3px solid #555555; overflow-x: scroll; /* margin-right:25px; */ position: relative;} /* 20230320 수정*/
 .tree_left_box {padding-left:22px;}
 .tree_right {width:100%; float:right;} /* 20200818 수정*/
 
 .tree_title {padding-left:22px;} /* 20200818 추가*/
 .tree_title h2 {border:1px solid; text-align: center; padding:10px 0px; border-radius: 5px; background: #457ae4; color:#fff;} /* 20200818 추가*/
 
 .tree_name .tree_name_a {background:#fff !important; border:none !important;}  /* 20200818 추가*/
 .tree_name .tree_name_a p {display: inline-block;}
 .tree_name .tree_name_a span {color:#2B2B2B;}
 .tap2_on {color:#457ae4 !important;}  /* 20200818 수정*/
 
                                 
 .menu_off {position: absolute; top:90px; right:-1px;} /* 20230406 추가*/
 .menu_on {position: absolute; top:170px; left:1px; transform: translateY(-50%);} /* 20230712 추가*/
 
 .hide_line{display: none; position: absolute; z-index: 9; width: 1px; height: 100%; background: #C4C4C4; left: 1px; top: 0;}
 
 .tree-menu {width:460px;}
 .tree-menu ul { list-style: none; }
 
 .tree-menu > ul { padding: 0; }
 
 .tree-menu a {
     display: block;
     vertical-align: middle;
     text-decoration: none;
     padding: 0px 5px;
     background-color: #f5f5f5;
     border-radius: 5px;
     margin-bottom: 0px;
     color: #363636;
     -moz-transition: background-color 0.25s linear;
     -webkit-transition: background-color 0.25s linear;
     -o-transition: background-color 0.25s linear;
     transition: background-color 0.25s linear;
     -moz-transition-delay: 0.15s;
     -webkit-transition-delay: 0.15s;
     -o-transition-delay: 0.15s;
     transition-delay: 0.15s;
     font-size:0.85rem;
     font-weight: 600;
     border:1px solid #dadee8;
 
 } /* 20200818 수정*/
 
 .selected span {color:#2484fb !important;} /* 20200818 추가 */
 
 .tree_on > a,
 .tree_on > a span,
 .tree_on a:hover span {color:#2484fb !important;} /* 20200818 추가 */
 
 .tree_on > a {background-color: #fff; } /* 20200818 추가 */
 .tree_on > a {border:none;} /* 20200818 추가 */
 
 .tree_on > a b{background: #457ae4; border:none !important; color:#fff !important; font-weight: 100;}
 
 
 .tree-menu .selected > a {
   color: #1474ea;
 } /* 20200818 수정 */
 
 .tree-menu .closed > a,
 .tree-menu .opened > a {
   padding-left: 24px;
   background-position: 4px 6px;
   background-repeat: no-repeat;
 }
 
 .tree-menu .closed > a { background-image: url(/images/kofac/tree/icon-expand.gif); }
 
 .tree-menu .opened > a { background-image: url(/images/kofac/tree/icon-collapse.gif); }
 
 .base_board table td p span{font-family: "NotoSans", sans-serif !important;font-size: 13px !important;}
  text{font-family: "NotoSans", sans-serif !important;}