/* 좌측 최상단 주소록 텍스트*/
.snb h2 {
    margin-top: 10px;
    height: 39px;
    line-height: 36px;
    text-align: center;
    font-size: 22px;
}

.snb.address .btn_wrap {
    margin: 0;
}

/* 좌측 트리*/
.snb.address .tree_wrap {
    top: 94px;
    bottom: 50px;
    left: 0;
    padding: 10px 0;
}

.snb .tree_wrap .tree {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-right: 10px;
}

/* #################################################### */
/* 새연락처 버튼*/
.btn_type_01 {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 40px;
    padding: 0 20px;
    gap: 8px;

    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 150%;      /* 21px */
    letter-spacing: -0.2px;

    border-radius: 8px;
    border: none;
    background-color: var(--color-button-bg-primary-fill);
    color: var(--color-text-inverse);

    cursor: pointer;
    opacity: 1;
    transition: background-color 0.2s ease;

    position: relative;
    background-image: none;
    background-position: initial;
}

.btn_type_01::before {
    position: absolute;
    left: min(7.4%, 16px);
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    mask-image: url("../../img/svg/ic_cmm_plus.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    background-color: var(--color-icon-inverse);
    filter: brightness(0) invert(1);
}

/* #################################################### */
/* 그룹관리 버튼 */
.tree-manage-btn {
    background-color: var(--color-button-bg-outline);
    border: 1px solid var(--color-button-border-outline);
    border-radius: 5px;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-text);
    cursor: pointer;
    transition: all 0.2s ease;
}

.tree-manage-btn:hover {
    background-color: var(--color-button-bg-outline-hover);
}

.tree-manage-btn:active {
    background-color: var(--color-button-bg-outline-pressed);
}

/* #################################################### */
/* 주소록 데이터 카운트 */
.tree-after {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* 상위 주소록 카운트 */
.custom-tree .tree-after-count1 {
    margin-left: auto;
    color: var(--color-text-subtle);
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.2px;
}

/* 하위 주소록 카운트 */
.custom-tree .tree-after-count2 {
    margin-right: 5px;
    color: var(--color-text-subtle);
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.2px;
}

/* #################################################### */
/* 전사 주소록 위 실선 */
#adrLeft_tree .tree-node[data-key="ORGANI"] > .tree-node-content {
    position: relative;
    padding-top: 10px;
}

#adrLeft_tree .tree-node[data-key="ORGANI"] > .tree-node-content::before {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    top: 0px;
    height: 1px;
    background: var(--color-border);
    pointer-events: none;
}

/* #################################################### */
/* 설정 */
#adrLeft_btnConfig {
    background-image: url("../../img/svg/tree-icon/ic_tree_setting-fill.svg") !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 0px center;
}

/* 주소록 드래그 시, 주소록 좌측메뉴 css 추가 */
#adrLeft_tree .tree-node-content.drop-hover {
    border: none !important;
}