:root {

  /* page-recruit 폰트 크기 변수 (기본 15px 기준) */
  --page-recruit-font-size: 15px;
  --page-recruit-font-size-xs: 9px;      /* 9px */

  --page-recruit-font-size-10: 10px;     /* 10px */
  --page-recruit-font-size-sm: 12px;      /* 12px */
  --page-recruit-font-size-13: 13px;     /* 13px */
  --page-recruit-font-size-md: 14px;     /* 14px */
  --page-recruit-font-size-base: 15px;      /* 15px */
  --page-recruit-font-size-lg: 16px;     /* 16px */
  --page-recruit-font-size-18: 18px;      /* 18px */
  --page-recruit-font-size-xl: 21px;     /* 21px */
  --page-recruit-font-size-2xl: 27px;     /* 27px */
}

/* 카드 하단: meta+근무형태(좌) / 급여(우) 수평 정렬 */
.recruit-card .card-bottom-wrap {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: 8px;
}

/* 좌측: meta + 근무형태 세로 배치 */
.recruit-card .card-meta-group {
display: flex;
flex-direction: column;
gap: 9px;
}

/* 근무형태 */
.recruit-card .card-meta-group .worktype {
display: flex;
align-items: center;
gap: 4px;
font-size: var( --page-recruit-font-size-lg);
text-align: left;
font-weight: 600;
}
/* 근무형태 em 태그 */
.recruit-card .card-meta-group .worktype em {
display: inline;
position: relative;
padding-right: 0;
}

/* 근무형태 em 구분선 */
.recruit-card .card-meta-group .worktype em:not(:last-child)::after {
content: "";
display: inline-block;
width: 1px;
height: 10px;
background: #000; 
margin-left: 4px;
position: static;
}

/* price-wrap: 우측 정렬 */
.recruit-card .price-wrap {
text-align: right;
margin-top: 0;
position: relative;
}

/* 급여유형 em 구분선 */
.recruit-card .price-wrap .wrtpye em:not(:last-child)::after {
content: "";
display: block;
position: absolute;
top: 7px;
right: 2px;
width: 1px;
height: 11px;
margin: -4px 0 0;
background: #E9E9E9;
}

/* 근무유형 em 컬러 */
.recruit-card .type em {
display: inline-block;
font-style: normal;
font-weight: 500;
color: #1B9D7D;
position: relative;
}

.recruit-card .type em.wtype1 
.recruit-card .type em.wtype2 
.recruit-card .type em.wtype3 

/* 카드 근무형태 wtype 색상 */
.recruit-card .card-meta-group .worktype em.wtype1 
.recruit-card .card-meta-group .worktype em.wtype2 
.recruit-card .card-meta-group .worktype em.wtype3 
.recruit-card .wtype em.wtype1 
.recruit-card .wtype em.wtype2 
.recruit-card .wtype em.wtype3

/* 카드 급여형태 period (recruit_list.css .period와 동일) */
.recruit-card .price-wrap .period {
  display: flex;
  gap: 5px;
  justify-content: flex-end;
  font-size: var( --page-recruit-font-size-lg);
  font-weight: 600;
}

.recruit-card .price-wrap .period em {
position: relative;
display: inline-block;
font-style: normal;
}
.recruit-card .price-wrap .period em.on,
.recruit-card .price-wrap .period em:only-child {
  color: #1B9D7D;
  font-weight: 600;
}



.recruit-card .price-wrap .period em:not(:last-child) {
padding-right: 5px;
}
.recruit-card .price-wrap .period em:not(:last-child)::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
height: 0.5em;
margin: auto;
border-right: 1px solid #777;
}

.recruit-card .type em:not(:last-child) {
padding-right: 5px;
}

.recruit-card .type em:not(:last-child)::after {
content: "";
position: absolute;
top: 0;
right: 2px;
bottom: 0;
width: 1px;
height: 0.5em;
margin: auto;
border-right: 1px solid #777;
}