#sidebar .li-wrapper {
    width: 100%;
    width: 180px;
}

#recruit_container {
    padding-top: 60px;
}

/*table*/
#recruit_container .table {
    border-top: 1px solid #000;
}

#recruit_container .table th,td {
    text-align: left;
    padding: 16px;
    vertical-align: middle;
}

#recruit_container .table th {
    background-color: #f2f2f2;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    padding: 12px;
}

#recruit_container .table td {
    height:  70px;
}

#recruit_container .table .border-none {
    border: none;
}

#recruit_container .caution-cont {
    border-radius: 4px;
    border: 1px solid  #CCC;
    background: #F2F2F2;
    padding: 24px;
}

#recruit_container .text-box .font {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    position: relative;
}

#recruit_container .text-box .color-text {
    color: #31B0D3;
    text-decoration: underline;
    cursor: pointer;
}
#recruit_container .text-box .font4 {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    position: relative;
    padding-left: 12px;
}

#recruit_container .text-box .font4::before {
    content: '';
    position: absolute;
    top:8px;
    left:0;
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%;
}

#recruit_container .text-box .font6 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    padding-bottom:4px;
}

#recruit_container .text-box {
    padding-bottom: 64px;
}

#recruit_container .text-box:last-child {
    padding-bottom: 0;
}

#recruit_container .text-box .bold-text {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding-bottom: 16px;
}

#recruit_container .text-box .common-text {
    font-size: 14px;
    font-weight: 400;
    color: #333;

    /*padding-bottom: 16px;*/
}

#recruitlist .no-list {
    border-radius: 4px;
    border: 1px solid #CCC;
    background: #F2F2F2;

    padding: 60px 24px;
    flex-direction: column;
}

#recruitlist .no-list .text1 {
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

#recruitlist .no-list .text2 {
    color: #FF5C00;
    font-size: 18px;
    font-weight: 700;
}

#recruit_container .common-badge {
    background: linear-gradient(60deg, #024861 13.32%, #15718E 36.05%, #2493B3 58.05%, #2EA8CA 75.65%, #32B0D3 86.65%);
    height: 28px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.42px;
    color: #fff;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/*.recruitDetail-popup {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    margin:0 auto;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 1;*/
/*}*/

/*.recruitDetail-popup .popup-backdrop {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgba(0, 0, 0, 0.3);*/
/*    z-index: 1;*/
/*}*/

/*!* 팝업 컨테이너 *!*/
/*.recruitDetail-popup .popup-container {*/
/*    background: #ffffff;*/
/*    border-radius: 24px;*/
/*    z-index: 9;*/
/*    width: 100%;*/
/*    max-width: 560px;*/
/*    max-height: 94%;*/
/*    overflow-y: auto;*/
/*    position: relative;*/
/*    margin: 20px auto;*/
/*    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);*/
/*}*/

/*!* 닫기 버튼 *!*/
/*.recruitDetail-popup .close-btn {*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    right: 16px;*/
/*    width: 32px;*/
/*    height: 32px;*/
/*    background: transparent;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*    z-index: 10;*/
/*    padding: 0;*/
/*}*/

/*.recruitDetail-popup .close-btn svg {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/*.recruitDetail-popup .close-btn:hover {*/
/*    opacity: 0.7;*/
/*}*/

/*!* 팝업 컨텐츠 *!*/
/*.recruitDetail-popup .popup-content {*/
/*    padding: 48px 24px 24px;*/
/*}*/

/*!* 타이틀 섹션 *!*/
/*.recruitDetail-popup .title-section {*/
/*    padding: 10px;*/
/*}*/

/*.recruitDetail-popup .popup-title {*/
/*    font-size: 22px;*/
/*    font-weight: 500;*/
/*    color: #000000;*/
/*    letter-spacing: -0.66px;*/
/*    line-height: 1.2;*/
/*    margin: 0;*/
/*    text-align: center;*/
/*}*/

/*!* 프로필 이미지 섹션 *!*/
/*.recruitDetail-popup .profile-image-section {*/
/*    margin-bottom: 32px;*/
/*}*/

/*.recruitDetail-popup .profile-image {*/
/*    width: 120px;*/
/*    height: 150px;*/
/*    background: #f2f2f2;*/
/*    border-radius: 6px;*/
/*    overflow: hidden;*/
/*}*/

/*.recruitDetail-popup .profile-image img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

/*!* 정보 테이블 *!*/
/*.recruitDetail-popup .info-table {*/
/*    border-top: 1px solid #000000;*/
/*    margin-bottom: 32px;*/
/*}*/

/*.recruitDetail-popup .table-row {*/
/*    display: flex;*/
/*    border-bottom: 1px solid #cccccc;*/
/*    min-height: 54px;*/
/*}*/

/*.recruitDetail-popup .table-label {*/
/*    width: 120px;*/
/*    padding: 16px;*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    color: #000000;*/
/*    letter-spacing: -0.48px;*/
/*    line-height: 1.4;*/
/*    border-right: 1px solid #cccccc;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    background-color: #ffffff;*/
/*}*/

/*.recruitDetail-popup .table-label.multi-line {*/
/*    align-items: flex-start;*/
/*    padding-top: 16px;*/
/*}*/

/*.recruitDetail-popup .table-data {*/
/*    flex: 1;*/
/*    padding: 16px;*/
/*    font-size: 16px;*/
/*    font-weight: 400;*/
/*    color: #000000;*/
/*    letter-spacing: -0.48px;*/
/*    line-height: 1.5;*/
/*    !*display: flex;*!*/
/*    !*align-items: center;*!*/
/*}*/

/*!* 자격증 관련 스타일 *!*/
/*.recruitDetail-popup .certification-item {*/
/*    margin-bottom: 8px;*/
/*}*/

/*.recruitDetail-popup .certification-list {*/
/*    margin-top: 4px;*/
/*}*/

/*.recruitDetail-popup .verified-badge {*/
/*    margin-left: 4px;*/
/*}*/

/*.recruitDetail-popup .verified-icon {*/
/*    width: 12px;*/
/*    height: 12px;*/
/*}*/

/*.recruitDetail-popup .verified-text {*/
/*    font-size: 10px;*/
/*    color: #31B0D3;*/
/*    letter-spacing: -0.3px;*/
/*    line-height: 1.2;*/
/*    margin-left: 2px;*/
/*}*/

/*!* 경력사항 행 *!*/
/*.recruitDetail-popup .career-row .table-data {*/
/*    align-items: flex-start;*/
/*    flex-direction: column;*/
/*}*/

/*.recruitDetail-popup .career-item {*/
/*    margin-bottom: 8px;*/
/*    line-height: 1.5;*/
/*}*/

/*.recruitDetail-popup .career-item:last-child {*/
/*    margin-bottom: 0;*/
/*}*/

/*!* 수강강의 행 *!*/
/*.recruitDetail-popup .course-row .table-data {*/
/*    align-items: flex-start;*/
/*    flex-direction: column;*/
/*}*/

/*.recruitDetail-popup .course-item {*/
/*    margin-bottom: 8px;*/
/*    line-height: 1.5;*/
/*    text-decoration: underline;*/
/*    text-decoration-skip-ink: none;*/
/*    text-decoration-style: solid;*/
/*    text-underline-position: from-font;*/
/*}*/

/*.recruitDetail-popup .course-item:last-child {*/
/*    margin-bottom: 0;*/
/*}*/

/*!* 버튼 섹션 *!*/
/*.recruitDetail-popup .button-section {*/
/*    !*padding: 0 32px;*!*/
/*    width: 100%;*/
/*    display: flex;*/
/*}*/

/*.recruitDetail-popup .btn-close,*/
/*.recruitDetail-popup .btn-interest {*/
/*    flex: 1;*/
/*    width: 50%;*/
/*    height: 48px;*/
/*    border-radius: 4px;*/
/*    font-size: 18px;*/
/*    font-weight: 700;*/
/*    letter-spacing: -0.54px;*/
/*    line-height: 1.2;*/
/*    cursor: pointer;*/
/*    transition: all 0.2s ease;*/
/*    border: none;*/
/*    padding: 0;*/
/*}*/

/*.recruitDetail-popup .btn-close {*/
/*    background: transparent;*/
/*    color: #044961;*/
/*    border: 1px solid #044961;*/
/*    opacity: 1;*/
/*}*/

/*.recruitDetail-popup .btn-close:hover {*/
/*    background: #f8f9fa;*/
/*}*/

/*.recruitDetail-popup .btn-interest {*/
/*    background: #044961;*/
/*    color: #ffffff;*/
/*}*/

/*.recruitDetail-popup .btn-interest:hover {*/
/*    background: #033a4d;*/
/*}*/

@media (min-width: 768px) and (max-width: 992px){
    #recruit_container {
        padding: 0;
    }

    #recruitlist {
        padding: 60px 32px 0;
    }
}

@media (max-width: 767px ) and (min-width: 320px){
    #recruit_container {
        padding: 0;
    }

    #recruit_container .mobile-table {
        border-top: 1px solid #000;
    }

    #recruit_container .mobile-table .title {
        color: #000;
        font-size: 16px;
        font-weight: 500;
    }

    #recruit_container .mobile-table .item {
        border-bottom: 1px solid #ccc;
    }

    #recruit_container .mobile-table .body {
        color: #000;
        font-size: 14px;
        font-weight: 400;
    }

    #recruit_container .mobile-table .info {
        flex: 0.5;
        max-width: 90px;
        color: #000;
        font-size: 14px;
        font-weight: 400;
    }

    #recruit_container .text-box .bold-text {
        font-size: 16px;
        font-weight: 500;
    }

    #recruit_container .body .text {
        color: #666;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -0.42px;
    }
}