@charset "utf-8";
/* 사이드바 sidebar__01.css */
.sidebarDim{ display:none; background:rgba(0,0,0,.3); position:fixed; width:100%;height:100%; top: 0; left:0; z-index: 101;}

.sidebar01.open .sidebarDim { display:block; }
.sidebar{ right: -100%; position:fixed; padding:0 30px; top: 0; width:100%; max-width:400px;  height:100vh; overflow-y: auto; background:#fff; transition:right .3s; z-index:102; }
  .sidebar01.open .sidebar{ right:0; }
.sidebarArea{ height:100%; display:flex; flex-direction : column;  text-align: left; position:relative;}
.sidebar .sidebar_head_wrap,
.sidebar .sidebar_menu,
.sidebar .sidebar_bottom{width:100%;}

.sidebar .sidebar_head{height:100px; transition:height .3s;}
  body.headfixed .tbheader .sidebar .sidebar_head{height:80px;}
  @media screen and (max-width:1024px){
    .sidebar .sidebar_head,
    body.headfixed .tbheader .sidebar .sidebar_head{height:65px;}
  }
  @media screen and (max-width:768px){
    .sidebar .sidebar_head,
    body.headfixed .tbheader .sidebar .sidebar_head{height:55px;}
  }
.sidebar .sidebar_menu{ padding-bottom:80px;/* .sidebar_bottom 만큼 남겨둬야됨 */  }
.sidebar .sidemenuBar{}
.sidebar .category_menu{ padding-bottom:25px;}
  .sidebar .category_menu:first-child{padding-top:20px;}
.sidebar .category_menu .main_menu{ display:inline-block; padding-bottom:5px; font-size:2.4rem; line-height:1.5em; color:#222; cursor: pointer; position:relative;}
.sidebar .category_menu .main_menu::before{opacity:0; width:0; position:absolute; bottom:6px; left:0; height:13px; background: #c9c9c9; transition:width .2s ease-out; content:""; z-index: -1;}
.sidebar .category_menu:hover .main_menu::before{width:100%; opacity:.6;}
.sidebar .category_menu .submenuList{ display:none; width:100%; height:auto; padding-top:10px;}
.sidebar .category_menu .submenuList .submenu{padding:5px 10px;}
.sidebar .category_menu .submenuList .submenu a{ font-size:1.6rem; color:#777; font-weight: 400; }
.sidebar .category_menu .submenuList .submenu:hover a{color:#3a8afd;}

.sidebar .sidebar_bottom{padding-bottom:50px;}
.sidebar_bottom .manageBtnArea{display:flex;}
.sidebar_bottom .manageBtnArea .manageLink{ position:relative; padding:0 13px; line-height:1em; font-weight: 600; color:#989898; transition:color .2s ease-out;}
.sidebar_bottom .manageBtnArea .manageLink:hover{color:#3a8afd;}
.sidebar_bottom .manageBtnArea .manageLink::after{ position:absolute; width:1px; height:100%; top:0; left:0; background:#989898; content: ""; }
  .sidebar_bottom .manageBtnArea .manageLink:first-child{padding-left:0;}
  .sidebar_bottom .manageBtnArea .manageLink:first-child::after{ display:none; }

@media screen and (max-width:560px){
  .sidebar{max-width: 100%;}
}


.sidebar_area .sidebar_menu .res_subblocks .resSubblocks-li:first-child{padding-top:10px;}
.sidebar_area .sidebar_menu .res_subblocks .resSubblocks-li{ }
.sidebar_area .sidebar_menu .res_subblocks .resSubblocks-li a:last-child{margin-bottom:0;}
.sidebar_area .sidebar_menu .res_subblocks a{ margin-bottom:0;}

.sidebar_area .sbbtn_area{ position:absolute; }
.sidebar_area .sbbtn_wrap{ margin:0 -5px; font-size:0; text-align: center; }
.sidebar_area .sbbtn_wrap .tbbtn{ display:inline-block; width:calc(50% - 10px);  margin:0 5px; padding:0; text-align: center; font-size:1.7rem; }
.sidebar_area .sbadmin{margin-top:20px;}
@media (max-width: 560px){
  .sidebar_area{ width:100%; text-align: center;}
  .sidebar_area .sbbtn_wrap .tbbtn{ width:calc(40% - 10px);}
}
@media (max-width: 420px){
  .sidebar_area .sbbtn_wrap .tbbtn{ width:calc(50% - 10px);}
  .sidebar_area{padding:100px 30px;}
}