/*---------------------------------------------------------------------------	
 custom.ztree.css                                                             
---------------------------------------------------------------------------*/
ul.ztree {
/*  width:240px; */
  height     : auto  ; 
  min-height : 60px  ;  /* drag 할때 장애 요소,clone 에 적용된다,필요시 comment 처리할것 */
/*  max-height:480px ;  */
  margin-top : 3px   ; 
  border     : 1px solid #617775 ; 
  background : white   ;  /*  background : #f0f6e4 ;  */
  overflow-y : auto    ; 
  overflow-x : auto    ;
}

/* test.   */
ul.ztree li {   
 margin-top : 1px; 
}

/*------------------------------------------------------------ 
 left-menu style 
 ----------------------------------------------------------- */
/*
 .ztree li a.level0 {width:200px; height:20px; text-align: center; display:block; background-color: #0B61A4; border:1px silver solid;}
 .ztree li a.level0.cur {background-color: #66A3D2; }
 .ztree li a.level0 span {display: block; color: white; padding-top:3px; font-size:12px; font-weight: bold;word-spacing: 2px;}
 .ztree li a.level0 span.button {   float:right; margin-left: 10px; visibility: visible;display:none;}
 .ztree li span.button.switch.level0 {display:none;}
*/

.ztree.son-d-ztree-left li a.level0 {width:80%; height:24px; text-align: left; text-decoration:none; display:block; background-color: #707070; border:1px silver solid;} 
/*  background-color: #806600;  
    ztree.son-d-ztree-left li a.level0 {width:99%; height:24px; text-align: left; display:block; background-color: #86592d; border:1px silver solid;} 
    width:99%, by SON, 원래는 230px; */

/*  레벨0 의 checkbox 를  hide, 이렇게 안하면 checkbox 가 한개라인을 차지, text가 밑에 나타난다  */
.ztree.son-d-ztree-left li.level0>span.chk { display:none }     

.ztree.son-d-ztree-left li a.level0.cur {background-color: #0000FF; } /*blue */
.ztree.son-d-ztree-left li a.level0 span {display: block; color: white; padding-top:2px; padding-left:5px; font-size:13px; font-weight: bold;word-spacing: 2px;}
.ztree.son-d-ztree-left li a.level0 span.button { float:right; margin-left: 8px; visibility: visible; display:none;}
.ztree.son-d-ztree-left li span.button.switch.level0 {display:none;}

/*------------------------------------------------------------ 
 one-root style 
 ----------------------------------------------------------- */
.ztree.root-bar li>span {    /* root-bar 형태인 경우 hide */
  display:none 
}     

.ztree li span.button.switch.level0.roots_docu {display:none;}
.ztree li span.button.switch.level0.center_docu {display:none;}
.ztree li span.button.switch.level0.bottom_docu {display:none;}

.ztree li span.button.switch.level0 {visibility:hidden; width:0px; display:inline;}
.ztree li ul.level0 {padding:0; background:none;}
.ztree li ul.level0 span.button.ico_open {padding:1; width:18px; height:16px;}

/* ------------------------------------------------------------ 
 right-click-menu                                             

  multiple-ztree 인 경우의 rmenu 가 설계미비 
 ----------------------------------------------------------- */
 div.ztree-div--rmenu {                     /*  div#ztree_rmenu {   */
   position        :absolute ; 
   display         : none    ;  /* visibility      :hidden   ;  */
   top             :0        ; 
   background      :#fff; 
   color           :#333;
   text-align      :left     ; 
   width           :70px     ; 
   padding         :3px      ; 

   -moz-border-radius   :2px ; 
   -webkit-border-radius:2px ; 
   border-radius        :2px ;
   border               :1px solid green ; 

/* box-shadow: x-position y-position blur spread color | inset | initial | inherit */
/* box-shadow      :4px 4px 2px 0px rgba(0,0,0,0.5); */
   box-shadow        :0 0 5px #999 ;
   -moz-box-shadow   :0 0 5px #999 ; 
   -webkit-box-shadow:0 0 5px #999 ; 
   z-index         : 99999    ;   /* max : 2,147,483,647 */
 } 
 
 div.ztree-div-rmenu>ul li{
   margin    : 2px 2px 2px -19px ;     /* 이상하게 레프트에 space 가 생긴다 */
   padding   : 2px ;
   cursor    : pointer ;
   list-style: none outside none ; 
   left      : 0;
/*  background-color: green  ;  */
/*  border-bottom: solid 1px #ccc;  */
 }

 div.ztree-div--rmenu ul li:hover{
   background:#EC6603; 
   color     :#fff;
/* background-color: #80ff00 ;  */
 }

 div.ztree-div--rmenu ul li:last-child { border:none }


/*
#header div.section01{height:68px;width:100%;background-color:#fff;border-bottom:2px solid #fd3e33;}
#header div.section02{width:100%;padding-bottom:0;background:url('../images/common/sub_menu_bg.png') 0 100% repeat-x;display:block}

#header h1{float:left;width:209px;height:42px;background:url('../images/common/logo.gif');margin-top:14px;text-indent:-9999px}
#header .gnb{float:left;margin:30px 0 0 50px;z-index:105;display:inline-block}
#header .gnb li{float:left;width:135px;height: 20px;line-height: 20px;text-align:center;font-size:15px;font-weight:bold}
#header .gnb li~li{border-left:1px solid #e3e3e3}
#header .gnb li a{line-height: 20px;color:#333;display:inline-block}
#header .gnb li.on a{color:#c33}
#header .member{float:right;margin:30px 0 0}
#header .member li{float:left;line-height: 20px}
#header .member li~li{margin-left:17px}
#header .member li a{font-weight:bold;color:#999;line-height: 20px;display:inline-block}
#header .section02 .wrap{display:none;padding-bottom: 1px;height:205px;}
#header .subMenu{padding-left:258px;}
#header .subMenu h2{display:none}
#header .subMenu div{float:left;width:135px;height:205px;text-align: center;border-right:1px solid #ececec}
#header .subMenu div:first-child{border-left:1px solid #ececec}
#header .subMenu div.on{background:#f8f8f8}
#header .subMenu ul{margin-top:16px;width:100%;display:inline-block}
#header .subMenu li{clear:both;height:30px;text-align: left;}
#header .subMenu li.on{background:#ee3a30}
#header .subMenu li a{padding-left:10%;line-height:30px;width:90%;background:url('../images/common/ico01.gif') no-repeat 10px 13px;display:inline-block}
#header .subMenu li a:hover{background:#ee3a30;color:#fff;background:url('../images/common/ico02.gif') no-repeat 10px 13px}
#header .info{float: left;padding-top:11px;padding-left: 18px;}
#footer{width:100%;padding:34px 0 67px;background:#585858;color:#b2b7bf}
.f_logo{display:table-cell;width:195px;height:50px;background:url('../images/common/f_logo.png') no-repeat;text-indent:-9999px}
#footer .right{display:table-cell;padding-left:150px;max-width:1000px}
#footer .wrap{display:inline-block}
#footer .wrap{display:table}
.f_cont > ul{float:left;margin-top:4px;display:inline-block}
.f_cont > ul > li{float:left;height:15px;line-height:15px;padding:0 15px}
.f_cont > ul > li:first-child{padding-left:0}
.f_cont > ul > li~li{border-left:1px solid #6c737e}
.f_cont > ul > li a{line-height:15px;color:#fff;font-size:14px;font-weight:bold}
.copyRight{clear:both;width:100%;margin-top:12px;line-height: 1.7}
.copyRight a{color:#899fc3}
#family_site .btn{width:150px}
#family_site .dropdown-menu{min-width:148px}
#family_site .dropdown-menu > li > a{padding:9px 18px}
#lnb{float:left;width:238px;margin-left:1px}   
*/