.s61-filter-emp-archive {
    font-family: "Pretendard", Sans-serif;
}

.s61-filter-emp-archive .container {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.s61-filter-emp-archive .container .filter.active {}

.s61-filter-emp-archive .container .filter {
    text-decoration: none;
    position: relative;
    color: #A49B98;
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    transition: color 0.3s ease;
    cursor: pointer;
}

.s61-filter-emp-archive .container .filter.active,
.s61-filter-emp-archive .container .filter:hover {
    color: #E1E1DC;
}

.s61-filter-emp-archive .container .filter::after {
    content: '';
    position: absolute;
    right: -25px;
    top: 64%;
    width: 20px;
    height: 25px;
    background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2225%22 viewBox=%220 0 20 25%22%3E%3Ctext id=%22_%22 data-name=%22%E2%86%97%22 transform=%22translate(0 20)%22 fill=%22%23f50%22 font-size=%2221%22 font-family=%22Pretendard-Regular%2C%20Pretendard%22%3E%3Ctspan x=%220%22 y=%220%22%3E%E2%86%97%3C/tspan%3E%3C/text%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%) translateX(-6px);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.s61-filter-emp-archive .container .filter:hover::after {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

@media only screen and (max-width: 767px) {
    .s61-filter-emp-archive .container {
        flex-direction: column;
        gap: 10px;
    }

    .s61-filter-emp-archive .container .filter {
        font-size: 15px;
        font-weight: 300;
        line-height: 23px;
    }

    .s61-filter-emp-archive .container .filter:hover {
        color: #A49B98;
    }

    .s61-filter-emp-archive .container .filter:hover::after {
        display: none;
    }
}


.s61-listing-emp-archive {}

.s61-listing-emp-archive>.container {
    position: relative;
    display: flex;
    column-gap: 55px;
    row-gap: 130px;
    flex-wrap: wrap;
}

@media only screen and (max-width: 1024px) {
    .s61-listing-emp-archive>.container {
        row-gap: 90px;
    }

    .emp-item .container .content .title {
        font-size: 35px;
    }

    .emp-item .container .content .infos {
        font-size: 16px;
        line-height: 21px;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .emp-item {
        flex: 0 0 100%;
    }
}

.s61-listing-emp-archive .load-more-wrapper {
    display: flex;
    justify-content: center;
    padding: 100px 0 0 0;
    width: 100%;
}

.s61-listing-emp-archive .load-more-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.s61-listing-emp-archive>.container:has(.no-posts-message) {
    border: none;
}

.s61-listing-emp-archive .no-posts-message {
    font-family: "Pretendard", Sans-serif;
    width: 100%;
    color: #a49b98;
    font-size: 21px;
    font-weight: 300;
    line-height: 32px;
}

@media only screen and (max-width: 767px) {
    .s61-listing-emp-archive .no-posts-message {
        font-size: 15px;
        line-height: 23px;
    }

    .s61-listing-emp-archive .load-more-wrapper {
        padding: 90px 0 0 0;
    }
}