.contents_write_container {
    /*position: unset;*/
}


#publish_approvalInfoTab .btn_area .btn,
#publish_approvalInfoTab .btn_area .btn.bold,
#publish_approvalInfoTab .btn_area .bold {
    all: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
//width: 74px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid var(--color-border);
    padding: 3px 12px;
    gap: 4px;
    background-color: var(--color-bg-default);
    color: var(--color-text);
    font-size: 0.875rem;
    font-weight: 500;
    font-family: 'Pretendard', '맑은 고딕', sans-serif;
    line-height: 150%;
    cursor: pointer;
    box-sizing: border-box;
}

.dialog_container .btn_area,
.blank_pop .btn_area {
    margin: 0;
    padding: 0;
    text-align: unset;
}

.absolute_right {
    position: static;
    top: unset;
    right: unset;
}

#eapApprInfoMainLayer_confirm::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    mask-image: url("../../img/svg/ic_cmm_check_blue.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 13px 10px;
    background-color: var(--color-icon-primary);
    vertical-align: middle;
}


#eapApprInfoMainLayer_cancel::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    mask-image: url("../../img/svg/ic_cmm_close.svg");
    mask-repeat: no-repeat;
    mask-size: 9px 9px;
    mask-position: center;
    background-color: var(--color-icon);
}


.subtab {
    all : unset;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    padding: 5px;
    border-style: solid;
    border-color: var(--color-divider-light);
    border-width: 0 0 1px 0;
    margin: 0 24px 16px;
}

/* 왼쪽 탭 그룹 */
.subtab li {
    display: inline-block;
    margin-right: 12px;
}

/* 버튼 영역을 오른쪽 끝으로 보내기 */
.subtab .btn_area {
    margin-left: auto; /* 왼쪽 요소들과 간격 벌리기 */
    display: flex;
    gap: 8px;
}
.subtab li a {
    all: unset;

    display: flex; /* flex로 수직 정렬 */
    align-items: center; /* 수직 가운데 정렬 */
    justify-content: center; /* 가운데 정렬(필요시) */
    height: 30px;
    color: var(--color-text-subtle);
    background-color: var(--color-bg-default); /* 흰 배경 */
    border: none;
    font-family: 'Pretendard', '맑은 고딕', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
}

.subtab li.tab_active a {
    color: var(--color-text-primary);
    position: relative;
}

.subtab li.tab_active a::after {
    content: "";
    position: absolute;
    bottom: -7px; /* 1px 아래로 이동 */
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--color-divider-primary);
}


.address_book_head {
    all :unset;
    display: flex;
    align-items: center;  /* 수직 가운데 정렬 */
    gap: 10px;            /* 요소 사이 간격 */
}

#eapDraftLineSub_apprPrgssModeChg {
    display: flex;       /* 라디오 버튼 li들도 가로로 배치 */
    gap: 12px;           /* 버튼 사이 간격 */
    margin-left: auto;   /* address_book_head 안에서 오른쪽 끝으로 밀기 */
    list-style: none;    /* 점 없애기 */
    padding: 0;
}


#eapDraftLineSub_ofcDispLi {
    display: flex;
    flex-direction: column; /* 위: 제목, 아래: 입력영역 */
    gap: 8px;
}

#eapDraftLineSub_ofcDispLi .ml_10.mt_10,
#eapDraftLineSub_ofcDispLi .absolute_right {
    display: flex;
    align-items: center;
}

#eapDraftLineSub_ofcDispLi .input-wrapper {
    display: flex;
    align-items: center;
    gap: 12px; /* 체크박스와 input 간격 */
}
.ofc-disp-row {
    display: flex;
    align-items: center;
    margin-left: 10px;
    gap: 4px; /* 간격 */
}

.contents_write_container label {
    margin: 0 7px 0 0;
}

.move_list_container.type2 .move_list li a > strong {
    all : unset;
    display: inline-block;
    /*width: 5vh;*/
    white-space: nowrap;
    /*text-overflow: ellipsis;*/
    overflow: hidden;
}

/*.line-remove-icon {*/
/*    display: inline-block;*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    margin-left: 4px;*/
/*    cursor: pointer;*/

/*    background:  url("../../img/svg/ic_cmm_close.svg") no-repeat center center;*/
/*    background-size: 12px 12px;*/
/*}*/

.move_list li {
    display: flex;
    align-items: center;
    gap: 1px;
}

.move_list li a {
    display: flex;
    align-items: center;
    gap: 1px;
    flex: 1; /* 아이콘 영역 제외하고 공간 차지 */
    text-decoration: none;
    overflow: hidden; /* ellipsis 적용 위해 필요 */
}

.move_list li a strong {
    flex-shrink: 0; /* "결재" 글자는 줄지 않음 */
}

.move_list li a .emp-info {
    display: inline-block;
    flex: 1;
    min-width: 0; /* flex-item에서 ellipsis 강제 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-remove-icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    mask:  url("../../img/svg/ic_cmm_close_thin.svg") no-repeat center center;
    mask-size: 12px 12px;
    background-color: var(--color-icon);
    cursor: pointer;
    margin-right: 1px;
}

.move_list_container.type2 .move_list li a > span {
    all : unset;
    padding: 6px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*max-width:80px;*/
}
/*.none {*/
/*    all:unset;*/
/*    display: none ;*/
/*}*/
li.none {
    display: none !important;
}



#eapDraftLineSub_lineOrderChangeBtn {
    display: flex;
    /*justify-content: space-between; !* 버튼 간 간격 *!*/
    justify-content: flex-end; /* 오른쪽 정렬 */
    gap: 16px; /* 버튼 사이 간격 */
}

#eapDraftLineSub_lineOrderChangeBtn > a {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 8px 0;
    background-color: var(--color-bg-default);
}

#eapDraftLineSub_lineOrderChangeBtn > a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 16px 16px;
    background-color: var(--color-icon);
}

.btn_top_first::before {
    mask-image: url("../../img/svg/ic_cmm_arrow_top_filled.svg");
}

.btn_top::before {
    mask-image: url("../../img/svg/ic_cmm_arrow_bottom_filled.svg");
    transform: rotate(-180deg);
}

.btn_bot::before {
    mask-image: url("../../img/svg/ic_cmm_arrow_bottom_filled.svg");
}

.btn_bot_last::before {
    mask-image: url("../../img/svg/ic_cmm_arrow_top_filled.svg");
    transform: rotate(180deg);
}

/*.address_book.type_approval .approval_btn_list > ul > li .arrow_type1 {*/
/*    all : unset;*/
/*    display: inline-block;*/
/*    width: 90px;*/
/*    padding: 0 20px 0 10px;*/
/*    background-image: url("../../img/svg/ic_cmm_arrow_left.svg");*/


/*    height: 25px;*/
/*    line-height: 25px;*/
/*}*/

.address_book.type_approval .approval_btn_list > ul > li .arrow_type1,
#eapDraftLineSub_previewDetailBtnArea .arrow_type2 {
    all : unset;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 52px;
    padding: 0 10px 0 10px;
    height: 32px;
    line-height: 25px;
    position: relative;
    font-size: 0.875rem; /* 필요시 */
    color: var(--color-text); /* 텍스트 색상 */
    border: 1px solid var(--color-border);
    border-radius: 4px;
    cursor: pointer;
}

.address_book.type_approval .approval_btn_list > ul > li .arrow_type1::after{
    content: "";
    display: inline-block;
    width: 7px;
    height: 14px;
    margin-left: auto; /* 텍스트와 간격 유지 */
    transform: rotate(180deg);
    mask-image: url("../../img/svg/ic_cmm_arrow_left.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 8px 10px;
    background-color: var(--color-icon);
}

#eapDraftLineSub_previewDetailBtnArea .arrow_type2::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 14px;
    transform: rotate(-90deg);
    margin-left: auto; /* 텍스트와 간격 유지 */
    mask-image: url("../../img/svg/ic_cmm_arrow_left.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 8px 10px;
    background-color: var(--color-icon);
}

.address_book.type_approval .approval_btn_list {
    all : unset;
    position: relative;
    float: left;
    width: 12%;
    padding: 7px 0 0;
}

.address_book.type_approval .approval_btn_list > ul + ul {
    padding: 20px 0 0;
}

.float-right{
    float: right;
}

#cmmOrgTree_searchTextArea {
    background-color: var(--color-input-surface); /* 흰 배경 */
    width: 100%;               /* 가로 100% */
}

.address_book .src {
     all: unset;
    /* min-height: 45px;*/
    /* padding: 10px 0 0 0;*/
    /* border-style: solid;*/
    /* border-color: #cccccc;*/
    /* border-width: 0 0 1px 0;*/

}

.address_book .src form {
    padding: 0 10px 0 0;
    margin-top:14px;
    /*all: unset;*/

    /* min-height: 45px;*/
    /* padding: 10px 0 0 0;*/
    /* border-style: solid;*/
    /* border-color: #cccccc;*/
    /* border-width: 0 0 1px 0;*/

}


#cmmOrgTree_main .src form {
    position: relative;
    /*padding: 0 46px 0 0;*/
    margin: 15px 10px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.table-size-medium .custom-table td {
    padding: 10px 0;
}

.address_book .pagination {
    all: unset;
    display: flex;
    justify-content: center;   /* ✅ flex 컨테이너 안에서 가운데 정렬 */
    align-items: center;
    height: 40px;
    margin: 16px auto 12px auto; /* ✅ 좌우 auto → 중앙 정렬 */
    width: fit-content;
}

.table-wrapper {
    /*max-height: 35vh;*/
    min-height: 35vh;
    overflow-y: auto;
    position: relative;
}

.custom-table thead {
    position: sticky;
    top: 0;
    z-index: 10;
}


div#cmmOrgMain_detail.address_user {
    float: left;
    position: relative;
    width: 68%;
    height: 480px;
    border-style: solid;
    border-color: var(--color-divider-light);
    border-width: 0 0 0 1px;
}



#eapDraftLineDetail_lineForm th[scope="row"] {
    display: none;
    padding: 0 !important;
    border: none !important;
    width: 0 !important;
}

.item-approval {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0;
    padding: 0 8px;
}

.bold_fl {
    display: inline-flex;
    align-items: center;
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.2px;
    line-height: 140%;
    font-style: normal;
    margin-top:5px;
    color: var(--color-text);
}
.line-approval-item .btn_delete {
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    padding: 0;
    background: none;
    border: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0; /* 텍스트 숨김 (안 보이게) */
    overflow: hidden;
}

.line-approval-item .btn_delete::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    mask-image: url("../../img/svg/ic_cmm_close_thin.svg");
    mask-size: 9px 9px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--color-icon);
}

.line-approval-item .btn_delete span {
    font-family: Pretendard, sans-serif;
    font-weight: 500;
    letter-spacing: -0.2px;
}

.approval_line_info_list .btn_delete {
   all:unset
}

.approval_line_info_list .explain {
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;       /* Regular */
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.2px;
    color: var(--color-text);
}

.approval_line_info_list > li {
    position: relative;
    float: left;
    min-width: 120px;
    height: 70px;
    border-style: solid;
    border-color: var(--color-border);
    border-width: 1px;
    margin: 0 -1px 9px 0;
}

.approval_line_info_list li.line-separator {
    list-style: none;        /* 기본 li 불릿 제거 */
    border: none;            /* border 제거 */
    margin: 0 6px;           /* 좌우 간격 */
    padding: 0;
    display: flex;           /* flex로 정렬 */
    align-items: center;     /* 세로 중앙 */
    justify-content: center; /* 가로 중앙 */
    font-size: 14px;
    color: #999;
    min-width: 16px;
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: var(--color-icon-primary);
}

.approval_line_info_list li.line-separator.type-recv {
    list-style: none;
    border: none;
    margin: 0 6px;
    padding: 0;
    width: 20px;     /* bar + arrow 합친 넓이 */
    height: 70px;
    display: inline-block;
    mask-size: 14px 16px, 10px 16px; /* bar, arrow 크기 조절 */
    mask-position: left center, right center;
    mask-image: url("../../img/svg/ic_cmm_apprline_bar_filled.svg"), url("../../img/svg/ic_cmm_apprline_right_filled.svg");
}

.approval_line_info_list li.line-separator.type-sequence {
    list-style: none;
    border: none;
    margin: 0 6px;
    padding: 0;
    width: 16px;
    height: 70px;
    display: inline-block;
    mask: url("../../img/svg/ic_cmm_apprline_right_filled.svg") no-repeat center/contain;
}

/* parallel: 세로 막대 */
.approval_line_info_list li.line-separator.type-parallel {
    list-style: none;
    border: none;
    margin: 0 6px;
    padding: 0;
    width: 10px;
    height: 70px;
    display: inline-block;
    mask: url("../../img/svg/ic_cmm_apprline_bar_filled.svg") no-repeat center/contain;
}

.approval-line-title {
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 150%;
    letter-spacing: -0.2px;
    margin-bottom: 8px;
    color: var(--color-text-subtle);
}

/*.approval-section-wrapper {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 8px;                !* 버튼 간격 *!*/
/*    margin-bottom: 10px;*/
/*    font-family: Pretendard;*/
/*}*/

/* 네모 버튼 스타일 */
.approval-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    padding: 6px 12px;
    border-radius: 6px;
    /*background: #f5f6fa;*/
    background: var(--color-bg-default);
    border: 1px solid var(--color-border);
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text);
    cursor: pointer;
    user-select: none;
    transition: background 0.2s, border 0.2s;
}

.approval-btn:hover {
    /*background: #eee;*/
    /*border-color: #ccc;*/
}

/* 토글 버튼은 항상 오른쪽 끝 */
.approval-toggle-btn {
    margin-left: auto;       /* 오른쪽 끝으로 밀어냄 */
    cursor: pointer;
    font-size: 14px;
    color: #555;
    padding: 6px 8px;
    user-select: none;
    background: url("../../img/svg/ic_cmm_arrow_left.svg") no-repeat center;
    transform: rotate(-90deg)
    /*transition: transform 0.2s;*/
}

/*.approval-toggle-btn:hover {*/
/*    color: #000;*/
/*}*/

/* 토글 열린 상태일 때 애니메이션 (선택) */
/*.approval-toggle-btn.open {*/
/*    transform: rotate(180deg);*/
/*}*/

.approval-summary {
    font-family: 'Pretendard', sans-serif;
    font-weight: 500; /* Medium */
    font-style: normal;
    font-size: 14px;
    line-height: 150%; /* 또는 21px */
    letter-spacing: -0.2px;
    color: var(--color-text-subtle);
}

.approval-toggle-btn {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: auto;
    background: url("../../img/svg/ic_cmm_arrow_left.svg") no-repeat center;
    /*transition: transform 0.2s ease;*/
    transform: rotate(-90deg); /* 기본은 접힘 상태 (→) */
}

.approval-toggle-btn.open {
    transform: rotate(90deg); /* 펼쳐졌을 때 (↓) */
}

.pop_container.address_book.type_approval > .btn_area {
    display: none !important;
}


.dialog_container mt_10{
    max-height: inherit;
}

#eapApprInfoMainLayer_displayLine {
    max-height: calc(80vh - 44px);
    overflow-y: auto;
}


.subtab li.tab_active {
    z-index: 10;
}

#eapApprInfoMainLayer_displayLineBtn {

    width :54px;
}

#eapApprInfoMainLayer_defaultInfoBtn {

    width : 69px;
}

.contents_write_container.type1.tab_active {
    display: block;
    margin: 16px 24px;
    padding: 0px;
}


.contents_write_container .else_index {
    margin-bottom : 16px;
}

.half_list > li.width_100 input[type=text], .half_list > li.width_100 input[type=password], .half_list > li.width_100 input[type=number] {
    width: 99.5%;
    height:36px;
}

.half_list input[type=text] {
    height:36px;
}

.contents_write_container .else_index.type1 {
    z-index: 21;
    height : 36px;
}

/*//.input_only{*/
/*//    height : 36px;*/
/*//}*/

/*//#eapApprDraftInfo_draftDeptDiv{*/
/*//    height :36px;*/
/*//*/
/*//}*/

/*//.select-box outlined{*/
/*//    height:36px;*/
/*//}*/

input[type=text].type5, input[type=password].type5, input[type=number].type5 {
     width: 100%;
}

.select_component{
    margin-left : 9px;
    margin-top:10px;
}