#recruitlist {

}

#recruitlist .tab-wrapper {

}

#recruitlist .tab-wrapper .tab-item {

}

#recruitlist .tab-wrapper .tab-item .text {
    border-radius: 4px;
    height: 38px;
    padding:0 16px;
    color: #BBBBBB;
    border: 1px solid #BBBBBB;

    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center ;
    justify-content: center;
    white-space: nowrap;
    cursor: pointer;
}

#recruitlist .tab-wrapper .tab-item.active {

}

#recruitlist .tab-wrapper .tab-item.active .text{
    color: #fff;
    background-color: #044961;
    border-color: #044961;
}

#recruitlist .writer {
    height: 38px;
    border: 1px solid #bbb;
    color: #bbbbbb;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

#recruitlist .writer.active {
    fill: white;
    background-color: #044961;
    color: #fff;
    border-color: #044961;
    white-space: nowrap;
}

#recruitlist .writer.active svg path {
    fill: white;
}

#recruitlist .list-wrapper .item {
    cursor: pointer;
}

#recruitlist .list-wrapper .item .profile-card {
    background: #ffffff;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    position: relative;
    padding: 24px;
}

#recruitlist .list-wrapper .item .profile-card.with-resume {
    border-color: #31B0D3;
}

#recruitlist .list-wrapper .item:hover .profile-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#recruitlist .list-wrapper .item.resume-complete .profile-card. {
    border-color: #31B0D3;
    overflow: hidden;
}

/* 정보 섹션 */
#recruitlist .list-wrapper .item .profile-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#recruitlist .list-wrapper .item .info-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

#recruitlist .list-wrapper .item .info-label {
    color: #999999;
    min-width: 26px;
    font-size: 14px;
    letter-spacing: -0.42px;
}

#recruitlist .list-wrapper .item .info-value {
    color: #000000;
    font-size: 14px;
    letter-spacing: -0.42px;
    white-space: nowrap;
}

#recruitlist .list-wrapper .item .info-value.need-collapse {
    word-spacing: -2px;
}

/* 인증 배지 */
#recruitlist .list-wrapper .item .verified-badge {
    display: flex;
    align-items: center;
    gap: 2px;
}

/*#recruitlist .list-wrapper .item .verified-icon {*/
/*    width: 12px;*/
/*    height: 12px;*/
/*}*/

/*#recruitlist .list-wrapper .item .verified-text {*/
/*    color: #31B0D3;*/
/*    font-size: 10px;*/
/*    letter-spacing: -0.3px;*/
/*    line-height: 1.2;*/
/*}*/

/* 프로필 섹션 */
#recruitlist .list-wrapper .item .profile-section {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*gap: 8px;*/
}

#recruitlist .list-wrapper .item .profile-icon {
    width: 60px;
    /*height: 60px;*/
    height: auto;
}

#recruitlist .list-wrapper .item .profile-icon svg {
    width: 100%;
    /*height: 100%;*/
}

#recruitlist .list-wrapper .item .profile-image {
    width: 100%;
    border-radius: 8px;
}

#recruitlist .list-wrapper .item .profile-image img {
    width: 60px;
    max-height: 75px;
}

/* 관심보내기 버튼 */
#recruitlist .list-wrapper .item .interest-btn {
    background: #d2f0fa;
    border: none;
    border-radius: 4px;
    padding: 4px;
    height: 20px;
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 10px;
    letter-spacing: -0.3px;
    line-height: 1.2;
    color: #000000;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

#recruitlist .list-wrapper .item .interest-btn:hover {
    background: #b8e6f5;
}

#recruitlist .list-wrapper .item .send-icon {
    width: 12px;
    height: 12px;
}

#recruitlist .list-wrapper .item .talent-writing-section {
    background-color: #31B0D3;
    border-radius: 0 0 6px 6px;
    height: 28px;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
}

#recruitlist .list-wrapper .item .talent-writing-text {
    color: white;
    font-size: 10px;
}


@media (min-width: 767px) and (max-width: 991.98px){
    /*#recruitlist #select-area {*/
    /*    !*width: 100%;*!*/
    /*    width: 50%;*/
    /*    min-width: 145px;*/
    /*    height:  38px;*/
    /*    border-radius: 4px;*/
    /*    border: 1px solid #CCC;*/

    /*    -webkit-appearance: none;*/
    /*    -moz-appearance: none;*/
    /*    appearance: none;*/
    /*    padding: 0 8px;*/

    /*    !* 커스텀 화살표 이미지 추가 *!*/
    /*    background-image: url('/static/images/recruit/arrow_drop_down.svg');*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: right 0px center;*/
    /*    background-size: 24px;*/
    /*}*/

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

}

@media (max-width: 767.98px ) and (min-width: 320px){
    /*#recruitlist #select-area {*/
    /*    !*width: 100%;*!*/
    /*    width: 50%;*/
    /*    min-width: 145px;*/
    /*    height:  38px;*/
    /*    border-radius: 4px;*/
    /*    border: 1px solid #CCC;*/

    /*    -webkit-appearance: none;*/
    /*    -moz-appearance: none;*/
    /*    appearance: none;*/
    /*    padding: 0 8px;*/

    /*    !* 커스텀 화살표 이미지 추가 *!*/
    /*    background-image: url('/static/images/recruit/arrow_drop_down.svg');*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: right 0px center;*/
    /*    background-size: 24px;*/


    /*}*/

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

    #recruitlist .writer {
        width: 50%;
    }

    #recruitlist .mobile-profile-info {
        min-width: 142px;
        width: 50%;
        line-height: 170%;
        letter-spacing: -0.42px;
    }


    #recruitlist .list-wrapper .item .interest-btn {
        height: 40px;
        font-size: 14px;
        letter-spacing: -0.42px;
    }

    #recruitlist .list-wrapper .item .profile-icon {
        width: 90px;
        height: 110px;
    }

    #recruitlist .list-wrapper .item .profile-icon svg {
        width: 100%;
        height: 100%;
    }

    #recruitlist .list-wrapper .item .profile-image {
        width: 90px;
        height: 110px;
    }

    #recruitlist .list-wrapper .item .profile-image img {
        width: 100%;
        max-height: 110px;
    }

    #recruitlist .list-wrapper .item .talent-writing-text {
        font-size: 12px;
    }

}