@charset "utf-8";
/* work100 latest - employer (구인공고 카드) */

.work100-latest.employer { width:100%; }

.work100-latest-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:32px;
}

@media (max-width: 1024px){
    .work100-latest-grid{ grid-template-columns:repeat(2, 1fr); gap:24px; }
}
@media (max-width: 640px){
    .work100-latest-grid{ grid-template-columns:1fr; gap:18px; }
}

/* card */
.work100-card{
    display:block;
    background:#fff;
    border:1px solid #dcdcdc;
    border-radius:22px;
    padding:34px 34px 30px;
    text-decoration:none;
    color:#222;
    min-height:420px;
}

.work100-card.is-open{
    border-color:#f57c00;
}

.work100-card:hover{
    box-shadow:0 16px 40px rgba(0,0,0,0.06);
    transform:translateY(-2px);
    transition:box-shadow .2s ease, transform .2s ease;
}

/* head */
.work100-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:20px;
	align-items: flex-end;
}

.work100-card-company{
    font-size:18px;
    line-height:1.2;
    color:#777;
    font-weight:400;
}

.work100-card-status{
    width:78px;
    height:78px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:700;
    letter-spacing:-0.2px;
    flex:0 0 auto;
}

.work100-card.is-open .work100-card-status{
    background:#f57c00;
    color:#fff;
}
.work100-card.is-closed .work100-card-status{
    background:#bdbdbd;
    color:#fff;
}

/* title */
.work100-card-title{
    font-size:30px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:-0.6px;
    margin:0 0 18px;
    color:#2b2b2b;
    word-break:keep-all;
}

/* period */
.work100-card-period{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
}

.period-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:28px;
    padding:0 12px;
    border-radius:6px;
    font-size:14px;
    font-weight:700;
    letter-spacing:-0.2px;
    background:#bdbdbd;
    color:#fff;
}

.work100-card.is-open .period-label{
    background:#f57c00;
}

.period-text{
    font-size:18px;
    font-weight:500;
    color:#5a5a5a;
    letter-spacing:-0.2px;
}

/* divider */
.work100-card-divider{
    height:1px;
    background:#dcdcdc;
    margin:0 0 18px;
}

/* info */
.work100-card-info{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.work100-card-info li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    font-size:18px;
    line-height:1.3;
    color:#4a4a4a;
}

.work100-card-info .txt{
    flex:1;
    min-width:0;
}

.info-place .txt{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.ico{
    width:22px;
    height:22px;
    border-radius:50%;
    background:#efefef;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#8c8c8c;
    font-size:13px;
    flex:0 0 auto;
}

/* simple glyphs (no external icon dependency) */
.ico-money:before{ content:"₩"; }
.ico-time:before{ content:"⏰"; }
.ico-place:before{ content:"📍"; }

/* highlight pay on open card */
.work100-card.is-open .info-pay{
    font-weight:800;
    color:#f57c00;
}
.work100-card.is-open .info-pay .ico{
    background:rgba(245,124,0,0.12);
    color:#f57c00;
}

.work100-empty{
    grid-column:1 / -1;
    padding:24px;
    border:1px solid #e5e5e5;
    border-radius:18px;
    text-align:center;
    color:#777;
    background:#fff;
}