/* 2024.12.23 이승환 상시채용 */


    .alltimeEmploy{
        margin: 28px auto 0; /* 중앙 정렬 */
        width: calc(100% - 80px);
        max-width: 1200px;
    }

    /* 테이블 */
    .alltimeEmploy .table_wrap{
        display: flex;
        flex-direction: column;
        font-size: var(--font-size-14);
        font-weight: var(--font-weight-m);
    }

    /* 테이블 가로 한칸 */
    .alltimeEmploy .table_wrap .table_row{
        display: flex;
        align-items: stretch;
        border-bottom: var(--border-width-1) solid var(--color-border-primary);
    }

    .alltimeEmploy .table_wrap .table_row ul{
        margin-top: 8px;
        display: flex;
        gap: 4px;
        flex-direction: column;
    }

    .alltimeEmploy .table_wrap .table_row li{
        color: var(--color-text-tertiary);
        font-size: var(--font-size-14);
        font-weight: var(--font-weight-m);
    }

    .alltimeEmploy .table_wrap .table_row:first-of-type{
        border-top: var(--border-width-2) solid var(--color-border-primary);
    }

    .alltimeEmploy .table_wrap .table_row:last-of-type{
        border-bottom: var(--border-width-2) solid var(--color-border-primary);
    }

    /* 가로 한칸의 왼쪽 */
    .alltimeEmploy .table_wrap .table_row .left{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 0;
        width: 250px;
        text-align: center;
        background-color: var(--color-bg-lightskyblue);
    }

    /* 오른쪽 */
    .alltimeEmploy .table_wrap .table_row .right{
        padding: 30px 0 30px 20px;
        width: 100%;
    }

    .alltimeEmploy .table_wrap .table_row .right .iconbox{
        width: 100%;
        max-width: 360px;
    }

    /* 지원버튼 */
    .alltimeEmploy button.apply{
        margin: 40px auto 0;
        width: 160px;
        height: 44px;
        text-align: center;
        line-height: 44px;
        border-radius: var(--border-radius-4);
        background-color: var(--color-bg-brand);
        color: var(--color-text-inverse);
        font-size: var(--font-size-18);
        font-weight: var(--font-weight-m);
    }

    .alltimeEmploy .check_wrap{
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .alltimeEmploy .table_wrap .table_row .right .check_container{
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .alltimeEmploy .table_wrap .table_row .right{
        width: 100%;
        height: 100%;
    }

    .alltimeEmploy .table_wrap .table_row input[type=text]{
        width: 100%;
        height: 36px;
        max-width: 240px;
    }

    .alltimeEmploy .table_wrap .table_row input[type=date]{
        padding: 0 16px;
        width: 100%;
        height: 36px;
        max-width: 240px;
    }

    .alltimeEmploy .table_wrap .table_row input[type=tel]{
        padding: 0 16px;
        width: 100%;
        height: 36px;
        max-width: 240px;
    }

    .alltimeEmploy .agree_wrap{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 12px 0 0 0;
        font-size: var(--font-size-16);
        font-weight: var(--font-weight-r);
    }

    .alltimeEmploy .agree_wrap .left{
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .alltimeEmploy .agree_wrap .right{
        text-decoration: underline;
        cursor: pointer;
        color: var(--color-text-tertiary);
    }

    input[type=file]::file-selector-button{
        width: 90px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-size: 14px;
        border-radius: var(--border-radius-4);
        background-color: var(--color-bg-box);
        border: none;
    }

    #file {
        border: none;
        width: 100%;
    }

    .overlay{
        display: none;
    }

    .alltimeEmploy .agree_modal{
        display: none;
        padding: 20px;
        width: calc(100% - 40px);
        max-width: 700px;
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: var(--z-index-5);
        transform: translate(-50%, -50%);
        background-color: var(--color-bg-inverse);
        border-radius: var(--border-radius-12);
        box-sizing: border-box;
    }

    .alltimeEmploy .agree_modal .modal_top{
        display: flex;
        justify-content: space-between;
        font-size: var(--font-size-18);
        font-weight: var(--font-weight-m);
    }

    .alltimeEmploy .agree_modal iframe{
        width: 100%;
        height: 500px;
    }

    .alltimeEmploy .agree_modal .btn_ok button {
        margin: 0 auto;
        width: 150px;
        height: 48px;
        font-size: var(--font-size-18);
        font-weight: var(--font-weight-m);
        background: var(--color-bg-brand);
        color: var(--color-text-inverse);
        border-radius: var(--border-radius-4);
    }
    

    /*_______________________________________________태블릿*/
@media screen and (max-width: 1024px) {

    /* 상시채용을 감싸는 박스 */
    .alltimeEmploy {
        margin: 80px auto 0;
        width: calc(100% - 64px);
    }
    
    .alltimeEmploy .table_wrap .table_row .left{
        padding: 24px 0;
    }

    .alltimeEmploy .table_wrap .table_row .right{
        padding: 24px 12px;
        width: 100%;
        word-break: keep-all;
    }

    .alltimeEmploy .table_wrap .table_row input[type=text]{
        width: 100%;
        max-width: initial;
    }

    .alltimeEmploy .table_wrap .table_row input[type=date]{
        width: 100%;
        max-width: initial;
    }
    .alltimeEmploy .table_wrap .table_row input[type=tel]{
        width: 100%;
        max-width: initial;
    }


}

/*_______________________________________________모바일*/
@media screen and (max-width: 768px) {

    /* 상시채용을 감싸는 박스 */
    .alltimeEmploy {
        width: calc(100% - 40px);
        margin: 60px auto 0;
    }

    .alltimeEmploy .table_wrap .table_row .left{
        width: 120px;
        word-break: keep-all;
    }
    

}