.select_type {
    background-color: var(--color-input-surface);
    border: 1px solid var(--color-input-border);
}

.select_type:focus {
    border-color: var(--color-input-border-primary);
}

.select_type li:hover {
    /*background-color: #efefef;*/
    background-color: var(--color-bg-primary-subtler);
    color: var(--color-text);
}

.select_type ul a:hover, .select_type ul label:hover {
    background-color: var(--color-bg-primary-subtler);
    color: var(--color-text);
}

.select_type.type4 ul a:hover, .select_type.type4 ul label:hover {
    background-color: var(--color-bg-primary-subtler);
    color: var(--color-text);
}

.select_type {
    display: block;
    /*height: 39px;*/
    height: 39px;
    line-height: 1;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    -webkit-border-radius: 3px;
    border-radius: 4px;
    position: relative;
    padding: 4px 10px 0 10px;
    margin: 0;
    background-color: #fff;
}

.select_type .arrow > span {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 20px;
    margin-top: 3px;
    font-family: Pretendard, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 21px;
}



.select_type.type4 ul {
    display: none;
    position: absolute;
    top: 23px;
    left: -1px;
    min-width: 300px;
    max-width: auto;
    max-height: auto;
    padding: 1px;
    border-style: solid;
    border-color: #555555;
    border-width: 1px;
    background-color: white;
    overflow: auto;
    margin-top: 15px;
    border-radius: 3px;
}



#eapApprDraftInfo_ruleList li {

    font-family: Pretendard, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 21px;
}


#eapApprDraftInfo_ruleList li[class="active"],
#eapApprDraftInfo_ruleList li[class="selected"] a.active {
    color: var(--color-text-inverse) !important;
    background-color: var(--color-bg-primary) !important;
    font-family: Pretendard, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 21px;
}



#eapApprDraftInfo_lineList li {

    font-family: Pretendard, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 21px;
}


#eapApprDraftInfo_lineList li[class="active"] a,
#eapApprDraftInfo_lineList li[class=""] a,
#eapApprDraftInfo_lineList li[class="selected"] a.active,
#eapApprDraftInfo_lineList li[class="selected"] a:not(.inactivate) {
    color: var(--color-text-inverse) !important;
    background-color: var(--color-bg-primary) !important;
    font-family: Pretendard, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 21px;
}

#eapApprDraftInfo_draftDeptDiv {
    width: 300px;
}
.select_type .arrow {
    background-image: url("../../../style/img/svg/ic_cmm_arrow_down_gray.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 6px center !important;
    background-size: 16px 20px ;  /* 필요 시 조절 */
    padding-right: 20px !important; /* 기존 padding 보완 */
}

.noneElecDoc {

    /*margin: 0 0 0 125px;*/
    min-height: 29px;
}

label[for="eapApprDraftInfo_noneElecDocYn"] {
    margin-top: 8px;

}

.noneElecDoc p {
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.2px;
    vertical-align: middle;
}

.half_list .block {
   all : unset;
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0;
    vertical-align: middle;
}

#eapApprDraftInfo_infoForm .contents_write_title {
    font-family: 'Pretendard', sans-serif;
    font-weight: 500; /* Medium weight */
    font-style: normal;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: -0.2px;
    width: 120px;
}

a.btn.va_top {
    font-family: 'Pretendard', sans-serif;
    font-weight: 500; /* Medium */
    font-style: normal;
    font-size: 14px;

    letter-spacing: 0;
    margin-bottom:7px;
}


.va_top {
    vertical-align: middle;
}


#eapApprDraftInfo_lineErrorArea {
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.4; /* 140% */
    letter-spacing: -0.2px;
    vertical-align: middle;
}


[data-icon-type="parallel"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: var(--color-icon-primary);
    vertical-align: middle;
    margin: 0 4px;
    -webkit-mask: url("../../img/svg/parallel.svg") no-repeat center / contain;
    mask: url("../../img/svg/parallel.svg") no-repeat center / contain;
}

[data-icon-type="sequence"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: var(--color-icon-primary);
    vertical-align: middle;
    margin: 0 4px;
    -webkit-mask: url("../../img/svg/sequence.svg") no-repeat center / contain;
    mask: url("../../img/svg/sequence.svg") no-repeat center / contain;
}

[data-icon-type="audit"]::before,
[data-icon-type="audit"]::after {
    content: "";
    position: absolute;
   /*display:inline-block;*/
    width: 16px;
    height: 16px;
    background-color: var(--color-icon-primary);
    top: 0;
    left: 0;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

[data-icon-type="audit"]::before {
    -webkit-mask-image: url("../../img/svg/parallel.svg");
    mask-image: url("../../img/svg/parallel.svg");
}

[data-icon-type="audit"]::after {
    -webkit-mask-image: url("../../img/svg/sequence.svg");
    mask-image: url("../../img/svg/sequence.svg");
}

.approval_iconType_wrap {
    display: inline-block;
    position: relative; /* 여기!! 기준이 되는 부모 */
    width: 16px;
    height: 16px;
}

.half_list > li input::placeholder,
.half_list > li textarea::placeholder {
    font-family: 'Pretendard', sans-serif;
    font-weight: 400; /* Regular = 400 */
    font-style: normal;
    font-size: 14px;
    line-height: 150%; /* 21px */
    letter-spacing: -0.2px;
    color: var(--color-input-text-placeholder);
}


#eapApprDraftInfo_infoForm .btn_area {
    display: flex;
    justify-content: flex-end; /* 오른쪽 정렬 */
    gap: 8px; /* 버튼 사이 여백 */
    margin-top: 24px; /* 위쪽 여백 */
}

#eapApprDraftInfo_infoForm li.datepicker_area {
    width: 200px; /* 원하는 크기로 지정 */
    min-width: 180px;
    max-width: 260px;
    box-sizing: border-box;
}


.draft-dept-confirm__container {
    height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 세로 중앙 */
    align-items: center;     /* 가로 중앙 */
    padding: 20px;
    box-sizing: border-box;
}

.draft-dept-confirm__container .accent_txt {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

.draft-dept-confirm__container .modal-button-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

.draft-dept-confirm__container .btn.bold {
    width: 80px;
    height: 40px;
    background-color: var(--color-button-bg-primary-fill);
    color: var(--color-text-inverse);
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Pretendard', sans-serif;
    cursor: pointer;
}

.draft-dept-confirm__container .btn.cancel {
    width: 80px;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    border: none;
    border-radius: 6px;
    font-family: 'Pretendard', sans-serif;
    background-color: var(--color-button-bg-secondary-fill);
    color: var(--color-text);

}


.middle_btn_area {
    display: flex;
    justify-content: center;   /* 가로 중앙 정렬 */
    align-items: center;       /* 세로 정렬 필요 시 */
    margin-top: 20px;          /* 위쪽 여백 */
}
.middle_btn_area .btn {
    width: 80px;
    height: 40px;
    border-radius: 6px;
    padding: 0 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    gap: 10px;
    opacity: 1;
}



#eapApprDraftInfo_btnConfirm {
    background-color: var(--color-button-bg-primary-fill);
    color: var(--color-text-inverse);
    margin-right: 11px;
}

#eapApprDraftInfo_btnCancel {
    background-color: var(--color-button-bg-secondary-fill);
    border: 1px solid var(--color-button-border-secondary);
    color: var(--color-text);
}


eapApprDraftInfo_infoForm{

    min-height: 622px;

}


.contents_custom_write_container{

    padding: 10px 20px;
    overflow-y: auto;
}

/*.contents_write_container {*/
/*    display: none;*/
/*    position: absolute;*/
/*    top: 54px;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    padding: 10px 20px;*/
/*    overflow-y: auto;*/

/*}*/
/*#eapApprDraftInfo_infoForm > ul {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    gap: 16px; !* 선택 *!*/
/*}*/

#eapApprDraftInfo_infoForm {
    display: flex;
    flex-direction: column;
}

#eapApprDraftInfo_infoForm > fieldset {
    flex: 1;
    min-height: 0;
    max-height: 65vh;
}

#eapApprDraftInfo_infoForm > ul {
    max-height: 650px;
    overflow-y : auto;
}


#eapApprDraftInfo_infoForm li.else_index {
    display: flex;
    align-items: center;
    margin-bottom : 16px;
}
#eapApprDraftInfo_infoForm #eapApprDraftInfo_noneElecDocArea {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom : 15px;
}

#eapApprDraftInfo_infoForm #eapApprDraftInfo_frgnDocInfo {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

#eapApprDraftInfo_frgnDocInfo .contents_write_title {
    width: 120px; /* 원하는 값 */
    flex-shrink: 0;
}

#eapApprDraftInfo_frgnDocInfo .input_else {
    flex: 1;
}

#eapApprDraftInfo_infoForm #docInfo_public1,
#eapApprDraftInfo_infoForm #docInfo_public2,
#eapApprDraftInfo_infoForm #docInfo_public3 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}