@charset "UTF-8";

.treeImg1_01_open
{
  padding:5px;
  cursor:pointer;
}
.treeImg1_01_open::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f107';
  font-weight:400;
  font-size:13px;
  color:#940910;
}
.treeImg1_01_close
{
  padding:5px 6px 5px 7px;
  cursor:pointer;
}
.treeImg1_01_close::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f105';
  font-weight:400;
  font-size:13px;
  color:#bbbbbb;
}

.treeImg2_01_open
{
  padding:5px 8px 0px 2px;
  cursor:pointer;
}
.treeImg2_01_open::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f07c';
  font-weight:900;
  font-size:15px;
  color:#940910;
}

.treeImg2_01_close
{
  padding:5px 8px 0px 2px;
  cursor:pointer;
}
.treeImg2_01_close::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f07b';
  font-weight:900;
  font-size:15px;
  color:#bbbbbb;
}

.treeImg4_01
{
  width:18px;
}
.treeImg3_01
{
  padding:5px 6px;
  cursor:pointer;
}
.treeImg3_01::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f15c';
  font-weight:300;
  font-size:15px;
  color:#999;
}

.treeImg3_01_open
{
  padding:5px 6px;
  cursor:pointer;
}

.treeImg3_01_open::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f15c';
  font-weight:400;
  font-size:16px;
  color:#940910;
}

.tree_border_base
{
  border:3px solid rgba(255, 255, 255, 0.0);
}
.tree_border_top
{
  border-top:3px #4cf solid;
}
.tree_border_bottom
{
  border-bottom:3px #0fa solid;
}
.tree_border_sel
{
  border:3px #e32 solid;
}

.sub_TREE
{
  border-right:1px #b4b4b4 solid;
  display:flex;
  flex-direction:column;
  overflow:auto;
  padding:6px 0px 0px 6px;
}

.treeTitle
{
  cursor:pointer;
  border:3px solid rgba(255, 255, 255, 0.0);
  padding-top:2px;
}

.treeTitle span
{
  display:table-cell;
  vertical-align:middle;
}

.titleClick
{
  font-weight:bold;
}

.titleClick div
{
  font-weight:bold;
  color:#940910 !important;
}

.treePopup
{
  position:absolute;
  z-index:1;
  border:1px #8b8b8b solid;
  border-radius:6px;
  width:86px;
  overflow:hidden;
}

.treePopupMenu
{
  padding:6px 0 2px 10px;
  cursor:pointer;
  height:20px;
  color:black;
  background-color:#fafafa;
}

.treePopupBar
{
  border-top:1px #8b8b8b solid;
}

.treeSearch
{
  position:absolute;
  padding:3px;
  background-color:#fafafa;
  display:none;
  border:1px #8b8b8b solid;
  border-radius:6px;
}
.treeSearch input
{
  width:85px;
  border:0px;
}
.treeSearch input:focus
{
  outline:none;
}

.treeBackYellow
{
  background-color:yellow;
}
.treeBackOrange
{
  background-color:orange;
}
.treeBackWhite
{
  background-color:white;
}

/* 메뉴 스타일 시작 */
.treeImg1_02_open
{
  font-size:11px;
  margin-left:auto;
  margin-top:6px;
  color:#fff;
}
.treeImg1_02_open::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f077';
  font-weight:700;
}
.treeImg1_02_close
{
  font-size:11px;
  margin-left:auto;
  margin-top:7px;
  color:#999999;
}
.treeImg1_02_close::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f078';
  font-weight:700;
}

.treeImg2_02
{
  color:#ccc;
  font-size:18px;
}

.treeImg2_02::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f07b';
  font-weight:900;
}

.treeImg2_02_open
{
  color:#fff;
  font-size:16px;
  margin-top: 3px;
  width: 25px;
}
.treeImg2_02_open::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f07c';
  font-weight:900;
}

.treeImg2_02_close
{
  color:#ccc;
  font-size:16px;
  margin-top: 2px;
}
.treeImg2_02_close::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f07b';
  font-weight:900;
}

.treeImg3_02_open
{
  font-size:11px;
  margin-left:auto;
  margin-top:9px;
  color:#666;
}
.treeImg3_02_open::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f077';
  font-weight:500;
}
.treeImg3_02_close
{
  font-size:11px;
  margin-left:auto;
  margin-top:9px;
  color:#666;
}
.treeImg3_02_close::before
{
  font-family:'Font Awesome 6 Pro';
  content:'\f078';
  font-weight:500;
}

.sub_DropDown
{
  width:207px;
  box-sizing:content-box;
  transition:.600s;
  touch-action:none;
  user-select:none;
  -webkit-user-drag:none;
}

.sub_DropDown .menu_nav
{
  /*position:relative;*/
  margin:auto;
  width:100%;
  padding:0px;
  border-radius:6px;
  display:flex;
  flex-direction:column;
  overflow:auto;
}

.menuTitle
{
  cursor:pointer;
}

.menuTitle:hover
{
  background-color:#fff;
  border-radius:6px;
/*   box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06); */
  transition: .300s;
}

.menu_item
{
  display:flex;
  flex-direction:column;
}

.menuToggle
{
  padding:4px 15px;
}

.menuToggle:hover div
{
  color:#666666;
}

.menuToggle_02_open
{
  background-color:#838595;
  border-radius:6px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
  transition: .200s;
}

.menuToggle_02_close:hover div
{
  color:#666666;
}

.menuTxt1
{
  color:#333;
  font-weight:400;
  margin-left:8px;
  font-size:13px;
  line-height:28px;
}

.menuTxt1_02_open
{
  color:#fff;
  font-weight:400;
  margin-left:6px;
  font-size:13px;
  line-height:32px;
}

.menuTxt1_02_close
{
  color:#333;
  font-weight:400;
  margin-left:15px;
  font-size:13px;
  line-height:32px;
}

.menuLinkToggle:hover div
{
  color:#940910 !important;
  font-weight:500;
}

.menuTxt2
{
  color:#5b5b5b !important;
  font-weight:400;
  margin-left:8px;
  font-size:13px;
  line-height:25px;
  letter-spacing:-0.3px;
}

.menuTxt2_02_open
{
  color:#940910 !important;
  font-weight:500;
  margin-left:8px;
  font-size:13px;
  line-height:25px;
}

.menuTxt2_02_close
{
  color:#333;
  font-weight:400;
  margin-left:8px;
  font-size:13px;
  line-height:28px;
}

.menuTxt3
{
  color:#666666 !important;
  font-weight:400;
  margin-left:6px;
  font-size:13px;
  line-height:30px;
}

.menuTxt3:hover
{
  color:#940910 !important;
  font-weight:500;
}

.menu_dot
{
  margin-top:13px;
  width:3px;
  height:3px;
  border-radius:100%;
  background-color:#999;
}

.menu_submenu
{
  padding:5px 0px;
}

.menu_subnav
{
  padding-right:15px;
  padding-left:35px;
}

.menu_subnav_2
{
  padding-right:10px;
  padding-left:20px;
}

.menu_line
{
  margin-top:12px;
  width:6px;
  height:1px;
  background-color:#666;
}

.menu_tree_tit
{
  background-color:#f5f5f6;
  color:#777;
  font-weight:600;
  font-size:16px;
  height:41px;
  align-items: center;
  justify-content: center;
}
