.tree_menu_con{padding-top: 30px; padding-left: 68px;}
.tree_menu_con [data-wv-comp-tree-menu].tree_menu{padding-top: 0; padding-left: 0;}
[data-wv-comp-tree-menu].tree_menu{position: relative; left:0; top:0; padding-top: 30px; padding-left: 68px; overflow: hidden;}
[data-wv-comp-tree-menu] { position: relative; left:0; top:0; }
.bm_tree_con, .bm_tree_con li{list-style-type: none;}
.bm_tree_con li{ clear:both; float:left; }
.bm_tree_con.down_con li{ opacity:0.4; }

.bm_tree_con li .label {width: 260px; height: 43px; padding:9px 15px 9px 17px;background-color: #b5cbf9; margin-top: 8px;
    transition: background-color 0.3s; cursor: move; border-radius: 7px; outline:0; float:left; box-sizing: border-box;}
.bm_tree_con li[data-tree-key="1"] .label {/*margin-top: 0;*/}
.bm_tree_con li.active .label{ box-shadow: inset 0 0 0 2px rgba(8, 27, 93, 0.3); }
.bm_tree_con li .label > span{display:inline-block; width: calc(100% - 40px); font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color:#fff; text-align: left; user-select: none;}

[data-wv-agent="ie"] .bm_tree_con li .label{padding:9px 15px 11px 19px;}
[data-wv-agent="edge"] .bm_tree_con li .label{padding:9px 15px 11px 19px;}

.bm_tree_con li .tree_item_control{display:none; float:right; font-size: 0; margin-top: -33px; margin-right: -15px;}
.bm_tree_con li:hover .tree_item_control{display:inline-block;}
.bm_tree_con li:hover .tree_item_control > div{display:inline-block; vertical-align: middle; cursor:pointer; background-repeat: no-repeat; background-position: center; opacity: 0.7; transition: opacity 0.3s;}
.bm_tree_con li:hover .tree_item_control > div:hover{opacity: 1;}
.bm_tree_con li .tree_item_control .tree_item_add{width:20px; height:41px; padding-left: 3px; padding-right: 5px; background-image: url("/weven_template/theme/_admin_style4_new/resource/img/svg/content_copy_FILL0_wght400_GRAD0_opsz20_white.svg"); background-size: 15px 15px; transform: scale(-1, 1);}
.bm_tree_con li .tree_item_control .tree_item_del{width:5px; height:41px; padding-right: 30px; border-bottom-right-radius: 7px; border-top-right-radius: 7px; background-image: url("/weven_template/theme/_admin_style4_new/resource/img/svg/close_FILL0_wght300_GRAD0_opsz20.svg"); background-position: left center; background-size: 21px 21px;}
/*.bm_tree_con li .tree_item_control .tree_item_del{position: absolute; top: 10px; right: 78px; width:30px; height:41px; background-image: url("/weven_template/theme/_admin_style4_new/resource/img/svg/close_FILL0_wght300_GRAD0_opsz20.svg"); background-size: 23px 23px;}*/
.bm_tree_con li[data-tree-except] .tree_item_control{display:none;}

[data-wv-comp-tree-menu] .depth_0 { margin-left: 0; }
[data-wv-comp-tree-menu] .depth_1 { margin-left: 68px; }/* 디자인상 70씩 증가하지만 여백.. */
[data-wv-comp-tree-menu] .depth_2 { margin-left: 136px; }
[data-wv-comp-tree-menu] .depth_3 { margin-left: 204px; }
[data-wv-comp-tree-menu] .depth_4 { margin-left: 272px; }
[data-wv-comp-tree-menu] .depth_5 { margin-left: 340px; }
[data-wv-comp-tree-menu] .depth_6 { margin-left: 408px; }
[data-wv-comp-tree-menu] .depth_7 { margin-left: 476px; }
[data-wv-comp-tree-menu] .depth_8 { margin-left: 544px; }
[data-wv-comp-tree-menu] .depth_9 { margin-left: 612px; }

.bm_tree_con li.depth_0 .label{ background-color: #3f87f5; }
.bm_tree_con li.depth_0[data-tree-except] .label{ background-color: #b0bbcb; }
.bm_tree_con li.depth_1 .label{ background-color: #4dadeb; }
.bm_tree_con li.depth_2 .label{ background-color: #a3dbff; }
.bm_tree_con li.depth_3 .label{ background-color: #bbd4e4; }
.bm_tree_con li.depth_4 .label{ background-color: #bbd4e4; }
.bm_tree_con li.depth_5 .label{ background-color: #bbd4e4; }
.bm_tree_con li.depth_6 .label{ background-color: #bbd4e4; }
.bm_tree_con li.depth_7 .label{ background-color: #bbd4e4; }
.bm_tree_con li.depth_8 .label{ background-color: #bbd4e4; }
.bm_tree_con li.depth_9 .label{ background-color: #bbd4e4; }

.bm_tree_con li.depth_0.defect .label{ background-color: #f77d7d; }
.bm_tree_con li.depth_1.defect .label{ background-color: #f77d7d; }
.bm_tree_con li.depth_2.defect .label{ background-color: #f77d7d; }
.bm_tree_con li.depth_3.defect .label{ background-color: #f77d7d; }
.bm_tree_con li.depth_4.defect .label{ background-color: #f77d7d; }
.bm_tree_con li.depth_5.defect .label{ background-color: #f77d7d; }
.bm_tree_con li.depth_6.defect .label{ background-color: #f77d7d; }
.bm_tree_con li.depth_7.defect .label{ background-color: #f77d7d; }
.bm_tree_con li.depth_8.defect .label{ background-color: #f77d7d; }
.bm_tree_con li.depth_9.defect .label{ background-color: #f77d7d; }

/* 테마관리 > 편집 > 메뉴 이동 */
#addMenuTemplate.movePage [data-wv-comp-tree-menu].tree_menu { padding: 0; }
#addMenuTemplate.movePage .bm_tree_con li .label { width: 260px; height: 38px; padding: 7px 15px 8px 17px; margin-top: 5px; }
#addMenuTemplate.movePage .depth_1 { margin-left: 38px; }

/*
.option_container{ position : absolute; z-index: 100; margin-left:140px; margin-top: -25px; font-size:14px; color:#333; line-height:20px; max-height:500px; overflow-y:auto;
    width:350px; height:auto; background-color: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 3px; text-align:left; padding:20px; cursor: auto; }
.option_container .option{ margin: 0 0 20px 0;}
.option_container .option h6{ font-size:16px; color:#000; font-weight:bold; margin:0 0 5px 0; padding:0; }
.option_container .option input[type="text"], .option_container .option select{
    width: 70%; border: 1px solid #ccc; height: 28px; line-height:20px; font-size:14px; padding:2px;
}
.option_container .option input[type="checkbox"] { width:16px; height:16px; float:left; }
.option_container .option input[type="checkbox"], .option_container .option label { cursor:pointer; }
.option_container .option .option_desc { font-size:12px; margin: 5px 0; color:#999; }
*/



[editormode="expert"] [data-wv-comp-tree-menu] .depth_0 { margin-left: 0; }
[editormode="expert"] [data-wv-comp-tree-menu] .depth_1 { margin-left: 30px; width: calc(100% - 30px); }
[editormode="expert"] [data-wv-comp-tree-menu] .depth_2 { margin-left: 60px; width: calc(100% - 60px); }

[editormode="expert"] [data-wv-comp-tree-menu] .depth_1 .label::before, [editormode="expert"] [data-wv-comp-tree-menu] .depth_2 .label::before {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background-image: url(/weven_service/asset/toolbar/img/expert_tool/tool_link_sub.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    left: -16px;
    top: 7px;
}

[editormode="expert"] [data-wv-comp-tree-menu].tree_menu {
    padding-top: 0px;
    padding-left: 0px;
}
[editormode="expert"] .bm_tree_con li {
    width: 100%;
}
[editormode="expert"] .bm_tree_con li .label {
    display: inline-block;
    width: 100%;
    height: 33px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 17px;
    line-height: 1.7rem;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid #d8e3ea;
    box-sizing: border-box;
    padding: 7px 9px;
    background: #fff;
    margin-top: 5px;
    position: relative;
    cursor: pointer;
}

[editormode="expert"] [data-wv-comp-tree-menu].editing .bm_tree_con li.mainpage .tree_item_control {
    display: inline-block;
}

[editormode="expert"] [data-wv-comp-tree-menu].editing .bm_tree_con li.mainpage .tree_item_control .menu_add_btn {
    position: absolute;
    width: 33px;
    height: 33px;
    border-radius: 4px;
    background-image: url(/weven_service/asset/toolbar/img/expert_list/menu_modify_add.png);
    background-size: 11px;
    background-position: 11px 11px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    cursor: pointer;
    margin: 0;
}
[editormode="expert"] [data-wv-comp-tree-menu].editing .bm_tree_con li.mainpage .tree_item_control .menu_add_btn:hover{
    background-color: #dee7ea;
}

[editormode="expert"] [data-wv-comp-tree-menu].editing .bm_tree_con li.mainpage .label {
    background: #fff!important;
    border-color: transparent;
    cursor: initial;
}

[editormode="expert"] [data-wv-comp-tree-menu].editing .bm_tree_con li.mainpage .label > span {
    color: #000!important;
}

[editormode="expert"] [data-wv-comp-tree-menu].editing .bm_tree_con li:not([data-tree-except]) .label {
    background: #3f87f5;
    cursor: move;
}

[editormode="expert"] .bm_tree_con li .label:hover {
    border-color: #6a767e;
}

/* [editormode="expert"] [data-wv-comp-tree-menu]:not(.editing) .bm_tree_con li .label:hover::before {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    top: 10px;
    right: 10px;
    background-image: url(/weven_service/asset/toolbar/img/expert_list/menu_list_modify.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: 0 0;
} */

[editormode="expert"] .bm_tree_con li .label > span {
    color: #000;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 17px;
    line-height: 1.7rem;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

[editormode="expert"] [data-wv-comp-tree-menu].editing .bm_tree_con li:not([data-tree-except]) .label > span {
    color: #fff;
}

[editormode="expert"] [data-wv-comp-tree-menu].editing .bm_tree_con li .label:hover .tree_item_config {
    display: none;
}

[editormode="expert"] .bm_tree_con li .label:hover .tree_item_config {
    display: inline-block;
    border-radius: 3px;
}

[editormode="expert"] .tree_item_config:hover {
    background-color: #dee7ea;
}

[editormode="expert"] .tree_item_config {
    /* position: absolute; */
    width: 17px;
    height: 17px;
    top: 10px;
    right: 10px;
    background-image: url(/weven_service/asset/toolbar/img/expert_list/menu_list_modify.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
    cursor: pointer;
    float: right;
}

[editormode="expert"] [data-wv-comp-tree-menu]:not(.editing) .bm_tree_con li:hover .tree_item_control {
    display: none;
}

[editormode="expert"] .down_con [data-tree-depth="0"] .label{
width: 197px;
}

[editormode="expert"] .down_con [data-tree-depth="1"] .label{
    width: 167px;
}

[editormode="expert"] .down_con [data-tree-depth="2"] .label{
    width: 137px;
}

[editormode="expert"] .bm_tree_con li .tree_item_control .tree_item_add {
    right: 27px;
    top: 8px;
    background-image: url(/weven_service/asset/toolbar/img/expert_list/menu_list_modify_copy.png);
    background-size: 11px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    margin-right: 5px;
}

[editormode="expert"] .bm_tree_con li .tree_item_control .tree_item_del {
    right: 7px;
    top: 7px;
    background-image: url(/weven_service/asset/toolbar/img/expert_list/menu_list_modify_close.png);
    background-size: 9px;
    background-position: 4px 2px;
    background-repeat: no-repeat;
}