.menu_bg{width:100vw;height:100vh;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;display:none;z-index:991;transition:.5s}

.sidenav{height:100%;width:0;position:fixed;z-index:992;top:0;right:0;display:none;background-color:#fff;overflow-x:hidden;transition:.5s}
.sidenav h2{background:#f9f9f9;border-bottom:1px solid #e5e5e5;padding:25px;color:#010101;font-size:18px}
.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:.3s}
.sidenav h2 span{font-size:14px;margin-left:10px;color:#03122d}
.sidenav a:hover, .offcanvas a:focus{color: #467eff;}
.sidenav .closebtn {position: absolute;top: 3px;right: 25px;font-size: 36px;margin-left: 50px;}

.sidenav_1 {height: 100%;width: 0;position: fixed;z-index: 99;top: 0;right: 0;display: none;background-color: #fff;overflow-x: hidden;transition: 0.5s;}
.sidenav_1 h2{background: #f9f9f9;border-bottom: 1px solid #e5e5e5;padding: 25px;color: #010101;font-size: 18px;}
.sidenav_1 a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s}
.sidenav_1 h2 span{font-size: 14px;margin-left: 10px;color: #597ec1;}
.sidenav_1 a:hover, .offcanvas a:focus{color: #467eff;}
.sidenav_1 .closebtn {position: absolute;top: 3px;right: 25px;font-size: 36px;margin-left: 50px;}

.sidenav_2{height:100%;width:0;position:fixed;z-index:992;top:0;right:0;display:none;background-color:#fff;/*overflow-x:hidden;*/transition:.5s}
.sidenav_2 h2{background:#f9f9f9;border-bottom:1px solid #e5e5e5;padding:25px;color:#010101;font-size:18px}
.sidenav_2 a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:.3s}
.sidenav_2 h2 span{font-size:14px;margin-left:10px;color:#03122d}
.sidenav_2 a:hover, .offcanvas a:focus{color: #467eff;}
.sidenav_2 .closebtn {position: absolute;top: 3px;right: 25px;font-size: 36px;margin-left: 50px;}

.navmenu{width:100%;height:100%;display:block;padding:30px;position:relative}
.navmenu ul{list-style-type:none;margin:0;padding:0;width:200px;background-color:none}
.navmenu ul li a{display:block;color:#fff;padding:8px 16px;text-decoration:none;font-size:15px;text-transform:uppercase}
.navmenu ul li a:hover{background-color:#555;color:#fff}
.navmenu ul li a.disk_icon{display:block!important;color:#fff!important}
.navmenu ul li a.disk_icon:hover{background-color:none!important;background:0 0!important;color:#fff}
.navmenu ul li ul li a{display:block;color:#fff;padding:8px 30px;text-decoration:none}
.navmenu .maindontent_all .group_list-con2 .groupContWrap table td{color:#8e8e8e; padding: 10px 0 5px;}
.navmenu .infoGroup_graph{float:left;width:48%;position:relative;margin-right:2%}

.navmenu_1{width:100%;height:100%;display:block;padding:30px;position:relative}
.navmenu_1 ul {list-style-type: none;margin: 0;padding: 0;width: 200px;background-color: none;}
.navmenu_1 ul li a {display: block;color: #fff;padding: 8px 16px;text-decoration: none;font-size: 15px;text-transform:uppercase;}
.navmenu_1 ul li a:hover {background-color: #555;color: white;}
.navmenu_1 ul li ul li a {display: block;color: #fff;padding: 8px 30px;text-decoration: none;}
.navmenu .maindontent_all .group_list-con2 .groupContWrap table td{color: #8e8e8e;}

.navmobile {position:relative;width:30px;height:4px;background:#333;margin:6px 0;color:#111;float:left;}

.dashboard_group{border: 1px solid #f7f7f7;border-radius: 15px;box-shadow: 0 5px 5px rgb(0 0 0 / 5%), 0 6px 6px rgb(0 0 0 / 10%);padding: 20px;}

.group_list-con .group_btn{text-align: right;margin-left: 10px;}
.group_list-con .group_btn a{background: #477eff;color: #fff;font-size: 12px;padding: 11px;border-radius: 3px;text-decoration: none;}
.group_list-con  .group_btn a:hover{background: #477effba;color: #fff;font-size: 12px;padding: 11px;border-radius: 3px;text-decoration: none;}
.maindontent_all{display: flex;position: relative;}
.maindontent_all .group_list_box{display: block;width: 30rem;max-width: 30rem;margin-left: 30px;margin-top: 57px; order: 2;}
.maindontent_all .settings_pop{
    margin: 0;
}
.maindontent_all .settings_pop .sett_box{height: 300px;
    overflow-y: scroll;}
.alertDesign_pop{margin: 0;
    transform: translate(-50%, -50%);}
.maindontent_all .group_list_box.toggled{display: block;}
.maindontent_all .group_list{background-color: #fff;border: 1px solid #e5e5e5;border-radius: 3px;height: 100%;}
.maindontent_all .group_list h2{font-size: 13px;color: #000;font-weight: bold;background: #f9f9f9;padding: 10px;border-radius: 3px 3px 0 0;}
.maindontent_all .group_list ul{margin: 10px 0;overflow: hidden;overflow-y: auto;padding: 0 10px;overflow-x: hidden;}
.maindontent_all .group_list ul li {display: inline-block;padding: 3px;border-radius: 5px;font-size: 10px;}
.maindontent_all .group_list ul li a {text-decoration: none;}
.maindontent_all .group_list ul li a:hover{color: #000;}
.maindontent_all .group_list ul li a span{padding-left: 5px;}
.maindontent_all .group_list ul li a span img{width: 7px;}
.maindontent_all .group_list .tree{padding: 0 10px;}
.maindontent_all .group_list .tree ul{overflow: hidden;overflow-y: auto;overflow-x: hidden;margin: 5px 0;padding: 0;}
.maindontent_all .group_list .tree ul li{display: block;font-size: 10px;}
.maindontent_all .group_list .tree ul li span{font-size: 11px; color: #666;}
.maindontent_all .group_list .tree ul li span.all_text{font-size: 12px; color: #000;}
.maindontent_all .group_list .tree ul li span.group_text{font-size: 11px;color: #000;padding-left: 10px;position: relative;}
.maindontent_all .group_list .tree ul li span.group_text:before{content: "";display: inline-block;position: absolute;width: 3px;height: 3px;border: 1px solid #989898;border-radius: 13px;margin-left: -16px;background: #467eff;box-sizing: border-box;top: 6px;left: 15px;}
.maindontent_all .group_list .tree ul li input{vertical-align: -4px;display: inline-block;}
.maindontent_all .group_list .tree ul li ul{overflow: auto;height: auto;overflow-y: auto;overflow-x: hidden;}
.maindontent_all .group_list .tree ul li ul li ul li {display: block;position: relative;padding-left: 10px;margin-left: 10px;}
.maindontent_all .group_list .tree ul li ul li ul li:before{content: "";display: inline-block;position: absolute;width: 5px;height: 1px;border: 1px solid #989898;border-radius: 13px;margin-left: -16px;background: #d4d4d4;box-sizing: border-box;top: 13px;left: 15px;}
.maindontent_all td{height: 37px !important;}

.maindontent_all .group_list-con2{padding: 10px 0;width: 100%;position: relative;overflow-x: hidden;order: 1;}
.maindontent_all .group_list-con2 table{ margin-top: 0 !important;}

.hummingbird-treeview * {list-style: none;font-size: 12px;line-height: 24px;}
.hummingbird-treeview label {font-weight: normal;padding-left: 5px;}
.hummingbird-treeview label.group_text{font-size: 11px; color: #666 !important;}
.hummingbird-treeview input[type=checkbox] {
    width: 16px !important;
    height: 16px !important;
    padding: 0px;
    margin: 0px;
    position: relative !important;
    opacity: 1 !important;
}
.hummingbird-treeview ul:not(.hummingbird-base) {display: none;margin-left: 16px !important;}
.hummingbird-treeview .fa {font-style: normal;cursor: pointer;width: 15px;height: 15px;}
.hummingbird-treeview .fas {font-style: normal;cursor: pointer;}
.hummingbird-base {white-space:nowrap;}
.group_list-con{padding: 10px 0;width: 100%;position: relative;}
.group_list-con .serverSearchWrap{display: flex;align-items: center;margin-bottom: 0px;}
.group_list-con .serverSearchWrap .boardSearch{height: 36.5px;border: 1px solid #d2d2d2;border-radius: 3px;display: inline-block;position: relative;}
.group_list-con .serverSearchWrap .serverSearchBox{margin-right:15px;position:relative;border:1px solid #d2d2d2;border-radius:3px;z-index:11;}
.group_list-con .serverSearchWrap .serverSearchBox .serverName{width: auto;  min-width: 200px;  height: 34px;  line-height: 34px;  padding-left: 14px;  padding-right: 36px;  cursor: pointer;  position: relative;  z-index: 2;  overflow: hidden;}
.group_list-con .serverSearchWrap .serverSearchBox .serverSearchList{display:none;}
.group_list-con .serverSearchWrap .serverSearchBox.serverSearchBoxActive .maindontent_all .group_list-con .serverSearchList{width:100%;position:absolute;left:0;top:35px;display:block;background:#fff; padding-bottom: 30px;box-shadow: 0 5px 5px rgb(0 0 0 / 5%), 0 6px 6px rgb(0 0 0 / 10%);}
.group_list-con .serverSearchWrap .serverSearchBox.serverSearchBoxActive .serverSearchList:before{width:calc(100% + 2px);height:calc(100% + 37px);border:1px solid #d2d2d2;border-radius:3px;position:absolute;left:-1px;top:-36px;content:"";display:block;z-index:1;background:#fff;}
.group_list-con .serverSearchWrap .serverSearchBox.serverSearchBoxActive .serverSearchList .maindontent_all .group_list-con .searchInpBox{position:relative;z-index:2;}
.group_list-con .serverSearchWrap .serverSearchBox.serverSearchBoxActive .serverSearchList .searchInpBox input{width:100%;height:36px;font-size:13px;padding-left:14px;border:0;outline:none;background:#f6f6f6;color:#333;}
.group_list-con .serverSearchWrap .serverSearchBox.serverSearchBoxActive .serverSearchList .searchInpBox input::placeholder{color:#ababab;}
.group_list-con .serverSearchWrap .serverSearchBox.serverSearchBoxActive .serverSearchList ul{position:relative;z-index:2;height: 500px;overflow: scroll;}
.group_list-con .serverSearchWrap .serverSearchBox.serverSearchBoxActive .serverSearchList ul li a{display:block;padding:14px 0 14px 14px;font-size:13px;color:#626262;}
.group_list-con .serverSearchWrap .serverSearchBox.serverSearchBoxActive .serverSearchList ul li a:hover{background:#6fa6f4;color:#fff;}
.group_list-con .serverSearchWrap .visitServerList{display:flex;font-size:11px;color:#626262;letter-spacing:-0.05em;}
.group_list-con .serverSearchWrap .visitServerList ul{display:flex;}
.group_list-con .serverSearchWrap .visitServerList ul li{margin-right:15px;}
.group_list-con .serverSearchWrap .visitServerList ul li:nth-child(1){margin-right:0;}
.group_list-con .serverSearchWrap .visitServerList ul li span:after{content:":";display:inline-block;margin-right:5px; margin-left:5px;}
.group_list-con .serverSearchWrap .visitServerList ul li a{border-bottom:1px solid #7b7b7b;}
.group_list-con .serverSearchWrap .visitServerList ul li:hover a{color:#467eff;border-bottom:1px solid #467eff;}
.group_list-con .serverSearchWrap .allSelectBox .serverSearchBox{margin-right:0;}
.group_list-con .serverSearchWrap .allSelectBox .serverSearchBox .serverName{width:100%;}
.group_list-con .serverSearchWrap .allSelectBox .serverSearchBox.serverSearchBoxActive .serverSearchList ul li a{padding:10px 0 10px 14px;}

/*알림 이벤트*/
.notice_bg{width: 100%;height: 100vh;background: rgba(0,0,0,0.7);position: absolute;top: 0;display: none;overflow: hidden;z-index: 991;}
.noticebar_menu{display: none;width: 30%;height: 100vh;background: #fff;position: absolute;top: 0;right: -30%;overflow: hidden;z-index: 992;}
.noticebar_menu {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.noticebar_menu::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.noticeclose_btn{width: 25px;height: 25px;margin:10px; position: absolute; top:16px; z-index: 993;}
.noticeclose_btn a.n_close{display: block;width: 100%;height: 100%;}

/*
pisgo 수정
.notice_wrap{list-style: none;padding: 20px 20px; position: relative;height: 100vh;}
*/
.notice_wrap{list-style: none;padding: 20px 20px; position: relative;height: 100%;}

.noticeclose_btn a.n_close img{width: 15px; margin-left: 10px;}

.notice_wrap{width:100%;padding:20px;position:relative;}
.notice_wrap h5{font-size:14px;color:#626262;border-bottom:1px solid #636363;padding-bottom:9px;padding-left: 30px;}
.notice_wrap h5 span{min-width:33px;height:33px;line-height:33px;text-align:center;display:inline-block;border-radius:50%;color:#fff;background:#626262;margin-left:3px;}

/*
  pisgo 수정
 .notice_wrap ul{margin: 0; padding: 0; list-style:none;  height: calc(100vh - 160px); overflow: auto;}
 */
.notice_wrap ul{ position:relative; margin: 0; padding: 0; list-style:none;  height: calc(100% - 100px); overflow: auto;}

.notice_wrap ul {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.notice_wrap ul ::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.notice_wrap ul li{padding:15px;font-size:13px;position:relative;}
.notice_wrap ul li > div{position:relative;z-index:2;}
.notice_wrap ul li:hover:after{width:100%;height:100%;background:#f0f5fd url(/img/common/server_active_icon.png) no-repeat right bottom;border:1px solid #6fa6f4;position:absolute;left:0;top:0;content:"";}
.notice_wrap ul li:nth-child(2n){background:#fafafa;}
.notice_wrap ul li .noticeDate{display:inline-block;margin-left:13px;}
.notice_wrap ul li .basicText{font-size:11px;margin-top:3px;letter-spacing:-0.05em;position:relative;z-index:2;}
.notice_wrap .noticeMore{position:absolute;right:20px;top:24px;}
.notice_wrap .noticeMore a{width: 20px;height: 20px;border-radius: 50%;font-size: 26px;color: #8a8a8a;text-align: center;line-height: 30px;display: inline-block;}
.notice_wrap .noticeMore:hover a{color:#6fa6f4;}

/*
pisgo 수정
.notice_wrap .noticeRemove{margin-top:20px;}
*/
.notice_wrap .noticeRemove{ position: absolute; bottom: 5px; width: 89%;}

.notice_wrap .noticeRemove a{height:36px;background:#626262;line-height:36px;text-align:center;color:#fff;display:block;font-size:13px;border-radius:3px;}

/*//알림 이벤트*/

/*알림 없음 */
li.event-link-none{}
li.event-link-none .totice_none{ background:#467eff; padding: 20px 50px; position: relative; text-align: center;}
li.event-link-none .totice_none img{width: 50px;}
li.event-link-none .totice_text{font-size: 14px; color: #666; text-align: center; margin-top: 20px;}
li.event-link-none .totice_text span{font-size: 12px;  color: #999; display: block; margin-top: 5px;}

/*code*/
.code_box{ padding: 0 !important; background: #272822;overflow-y: scroll;margin-top: -5px;height: calc(100% - 72px);}
.code-toolber{}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {background: #272822;}
pre[class*="language-"] {padding: 1.5em 2em;margin:-5px 0;overflow: auto;color:#fff;}

.code_box_2{overflow-y: scroll;margin-top: -5px;height: calc(100% - 72px);}
.d2h-tag{display: none !important;}

.code_box::-webkit-scrollbar-track {
    background-color: #272822;
    border-radius: 0px;
}

.code_box::-webkit-scrollbar-thumb {
    background-color: #FFFFFF;
    background-clip: padding-box;
    border-radius: 0px;
    border: 2px solid transparent;
}


/*퀵메뉴-주요기능보기*/

.main_features{

}
.r_quick {

}

.r_quick a {
    position: fixed;
    right: 5rem;
    bottom: 1rem;
    background: #4a0da1;
    color: #fff;
    padding: 3.5px 10px;
    border-radius: 3px;
    font-size: 12px;
}
.css-t4ajtc {
    border-radius: 24px;
    font-size: 14px;
    border: none;
    outline: none;
    white-space: nowrap;
    background: var(--ds-background-discovery-bold,#00bcd4b3);
    padding: 10px 50px 10px 12px;
    box-shadow: var(--ds-shadow-overlay,0 8px 16px -4px rgba(9,30,66,0.25),0 0 1px rgba(9,30,66,0.31));
    transition: all 0.8s ease-in-out 0s;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
}
.css-1ncnk3i {
    display: inline-block;
    flex-shrink: 0;
    line-height: 0;
    width: 12px;
    height: 12px;
}
.css-1gpy80k {
    font-size: 12px;
    font-style: inherit;
    line-height: 1;
    letter-spacing: -0.006em;
    color: var(--ds-text-inverse,#FFFFFF);
    font-weight: 500;
    display: inline;
    margin: 0px;
    padding-left: 5px;
    padding-right: 0px;
}
.css-11xu0u3 {
    -webkit-box-align: baseline;
    align-items: baseline;
    border-width: 0px;
    box-sizing: border-box;
    display: inline-flex;
    font-size: inherit;
    font-style: normal;
    font-family: inherit;
    font-weight: 500;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    transition: background 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
    white-space: nowrap;
    background: var(--ds-background-neutral,rgba(9,30,66,0.04));
    padding: 0px 2px;
    vertical-align: middle;
    -webkit-box-pack: center;
    justify-content: center;
    color: #fff;
    line-height: 33px;
}
.css-11xu0u3 svg{fill: #00bcd4;}
.css-ztku50 {
    position: relative;
    display: inline-block;
    animation: 0.6s ease-in-out 0s 1 normal none running fade;
}
.r_quick ul {
    padding: 8px 0 0 0;
    list-style: none;
}

/*
.r_quick a:hover {
  background-color: #ddd;
  color: #000;

}
*/

.r_quick-nav {
    height: 100%;
    width: 300px;
    position: fixed;
    z-index: 992;
    top: 0;
    Right: -300px;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    box-shadow: 0 0 1rem rgb(0 0 0 / 15%);
    /*background: linear-gradient( 0deg , #fff 80%, #2BCAB7 80%);*/
    background: url("../img/console_q_bg.svg") #f6f6f6 no-repeat;
    background-size: 100%;
}
.r_quick-nav a {
    padding: 10px 10px 10px 30px;
    text-decoration: none;
    font-size: 0.7rem;
    color: #ccc;
    display: block;
    transition: 0.3s;
}
.r_quick-nav .quick-close {
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 30px 30px 0;
    font-family: 'NEXON Lv1 Gothic OTF bold', sans-serif;
}

.r_quick-nav .quick-close span{
    position: absolute;
    top: 5px;
    right: 10px;
}
.r_quick-nav .quick-close span img{ width: 15px; height: 15px;}
.quick_open-slide {
    position: fixed;
    right: 5rem;
    bottom: 1rem;
    z-index: 991;
}

.accordionWrapper{
    box-shadow: 0 0 1rem rgb(0 0 0 / 5%);
    margin: 20px 20px 30px;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
}

.accordionItem{

    display:block;
    width:100%;
    box-sizing: border-box;
    opacity: 1;
    float: none;
}
.accordionItem:hover{

    display: block;
    width: 100%;
    box-sizing: border-box;
    opacity: 1;
    clear: both;
    margin: 0;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{ opacity: 1 !important;}
.accordionItemHeading{
    cursor: pointer;
    padding: 15px 10px;
    font-size: 12px;
    background: #fff;
    color: #2c2c45;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #f4f4f4;
    font-family: 'NEXON Lv1 Gothic OTF bold', sans-serif;
}
.accordionItemHeading span{
    float: right;
    font-size: 18px;
}
.close .accordionItemContent{
    height:0px;
    transition:height 1s ease-out;

    transform: scaleY(0);
    float:left;
    display:block;


}
.open .accordionItemContent{
    padding: 20px;
    background-color: #f9f9f9;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    width: 100%;
    display: block;
    transform: scaleY(1);
    transform-origin: top;
    transition: transform 0.4s ease;
    box-sizing: border-box;
}
.open .accordionItemContent p.q_img{
    background: #000;
    width: 100%;

}
.open .accordionItemContent p.q_txt{
    font-size: 11px;
    color: #666;
    letter-spacing: 0px;

}
.open .accordionItemContent a{
    padding: 5px;
    text-align: center;
    color: #fff;
    background: #57cccb;
    font-size: 11px;
    border-radius: 5px;

}
.open .accordionItemHeading{
    margin:0px;
    background-color: #fff;
    color: #2c2c45;
}


@media (max-width: 1280px) {
    .navmenu .infoGroup_graph {float: none;width: 100%;position: relative;margin-right: 0%;}
    .noticebar_menu{width: 50%;}

}
@media (max-width: 991.98px) {
    .navmenu .info_graph_box {display: inline-block;width: 100% !important;position: relative;margin-right: 0%;vertical-align: top;}

}
@media (max-width: 767.98px) {
    .maindontent_all .group_list_box{position: absolute;width: 100%;max-width: 100%;top: 0;margin: 0;}
    .maindontent_all .group_list ul {margin: 5px 0;overflow: hidden;height: 35px;overflow-y: auto;padding: 0 10px;overflow-x: hidden;}
    .maindontent_all .group_list .tree ul {overflow: hidden;height: 115px;overflow-y: auto;overflow-x: hidden;margin: 5px 0;padding: 0;}
    .maindontent_all .group_list-con2{margin-top: 175px;}

    .sidenav h2 {background: #f9f9f9;border-bottom: 1px solid #e5e5e5;padding: 15px;color: #010101;font-size: 16px;}
    .sidenav h2 span {font-size: 12px;margin-left: 0px; display: block; margin-top: 3px;}
    .sidenav_2 h2 span {font-size: 12px;margin-left: 0px; display: block; margin-top: 3px;}
    .code_box {height: calc(100% - 90px);}
    .sidenav .closebtn {position: absolute;top: 5px;right: 0px;font-size: 25px;margin-left: 0px;}
    .navmenu {width: 100%;display: block;padding: 10px 10px 30px 10px;position: relative;}
    .group_list-con  .boardSearch input[type="text"]{width: 53vw;height:34.5px;border:0;padding:0 10px;color:#ababab;vertical-align:top;outline:none;}
    .group_list-con .serverSearchWrap {display: block;align-items: center;margin-bottom: 0px;}
    .group_list-con .group_btn {text-align: right;margin-left: 10px;float: right;}
    .group_list-con .allSelectBox {width: 81px;margin-left: auto;position: relative;right: 0;top: 0;display: none;}
    .sidenav_day{font-size: 11px !important;width: 57px !important;padding: 0 !important;margin-left: 5px !important;}
    /* pisgo 수정 */
    .noticebar_menu{width: 90%; height: 100%}
    .maindontent_all .settings_pop{
        display: block;
        width: 30rem;
        max-width: 30rem;
        position: relative;
    }
    .maindontent_all .settings_pop .sett_box .tree ul{
        height: 100%;
    }
    #detailSidenavContents .maindontent_all .group_list-con2{
        margin-top: 0px;
    }
}
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
    .sidenav_1 {padding-top: 15px;}
    .sidenav_1 a {font-size: 18px;}
}