#recLeft_adminConfig {
    background-image: url("../../img/svg/tree-icon/ic_tree_setting-fill.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 0px center;
    padding: 10px;
    margin-left: 10px;
    height: 50px;
    z-index: 15;
    font-family: 'Pretendard', sans-serif;
}
#recLeft_myDeptList {
    padding: 5px 15px;
}
.snb .btn_wrap .select_type_tree {
   margin : 0 12px 12px 12px;
    height: 32px;
    border-color: var(--color-input-border);
    border-radius: 4px;
}

.snb .btn_wrap .select_type_tree .arrow {
    background-image: url("../../img/svg/ic_cmm_arrow_down.svg");
    background-size: 8px 8px;
    padding: 1px;
    font-family: 'Pretendard', sans-serif;
}
.select_type_tree {
    /*padding: 9px 9px 0 10px;*/
}
#recLeft_recManageBtn {
    /*padding: 14px;*/
}


#recRecordMain_recLeft .snb_setting a {
    background: none
}

.btn_type_01 {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    width: 96%;
    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 {
    content: "";
    display: inline-block;
    width: 14px;
    height: 16px;
    background-image: url("../../img/svg/ic_cmm_plus.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    filter: brightness(0) invert(1); /* 아이콘을 흰색처럼 보이게 */
}


#recRecordMain_recLeft .snb_setting {
    /*all: unset;              !* 싹 초기화 *!*/
    /*display: block;          !* 기본으로 필요한 속성만 다시 세팅 *!*/
    height: auto;            /* 필요에 따라 지정 */
    border-style: solid;
    border-color: var(--color-divider-light);
    border-width: 1px 0 0 0;
    padding: 12px;
}


.snb {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
}



#recRecordMain_recLeft .snb .tree_wrap {
    /*all: unset;              !* 싹 초기화 *!*/
    /*display: block;          !* 기본으로 필요한 속성만 다시 세팅 *!*/
    /* all: unset;  ← 이거 제거! */
    flex: 1;               /* flexbox에서 남는 영역 채우기 */
    overflow: auto;      /* 세로 스크롤 */
    height: 100%;
    border-style: solid;
    border-color: var(--color-divider-light);
    border-width: 1px 0 0 0;
}


.snb .tree_wrap {
    /* position: absolute; */
    position : relative; !important;
    overflow: auto;
    background-color:var(--color-bg-default);
}


.snb .tree_wrap .tree {
    position : relative; !important;
    /* position: absolute; */
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    /* right: 0; */
    padding: 0;
}
.snb .snb_setting a {
    padding: 6px 0 4px 14px;
}
.snb .snb_setting {
    position: relative;
    padding: 0;
}

.snb.approval_doc .tree_wrap{
    padding: 0;
}

.snb.approval_doc .tree_wrap, .snb.report .tree_wrap {
    position : relative !important;
    top: auto !important;     /* 👈 top 강제로 무효화 */
    bottom: auto !important;
    /*left: 0;*/
    flex: 1;
    padding: 8px 12px;
}
.btn_admin_setting {
    /* position: absolute; */
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    padding: 0 10px 0 11px;
    background-color: var(--color-bg-default);
    z-index: 10;
}

.snb h2 {
    all: unset;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: -0.2px;
    padding: 12px 12px;   /* 상하좌우 여백 */
    text-align: center;
}

/*#eapLeft .snb h2 {*/
/*    font-family: 'Pretendard', sans-serif;*/
/*    font-weight: 600; !* SemiBold는 보통 600으로 매핑 *!*/
/*    font-style: normal;*/
/*    font-size: 18px;*/
/*    line-height: 140%; !* 또는 calc(18px * 1.4) = 25.2px *!*/
/*    letter-spacing: -0.2px;*/
/*    height: auto; !* 기존 39px 제거 또는 조정 *!*/
/*    line-height: 25.2px; !* 정확한 px로 지정하려면 이렇게 *!*/
/*}*/

.tree-node:not(.folder-node) > .tree-node-content {
    margin-left: -10px;  /* 예: 왼쪽으로 8px 당기기 */
}

.snb.approval_doc .btn_wrap {
    border-width: 0 0 0 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    padding: 0;
}

.snb.approval_doc.type1 .btn_wrap {
    border-width: 0 0 0 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    padding: 0;
}

.snb.approval_doc.type1 h2 {
    all: unset;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: -0.2px;
    padding: 12px 12px;   /* 상하좌우 여백 */
    text-align: center;
}


