@import url('/css/shop.css');

/* recruit only */
.recruit-counts{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:8px;
  color:#64748b;
  font-size:0.9em;
}
.recruit-counts .rc{
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  border-radius:999px;
  padding:2px 10px;
}

.recruit-hero{
  display:grid;
  grid-template-columns: 180px 1fr;
  gap:14px;
  align-items:center;
  margin:16px 0;
}
@media (max-width: 680px){
  .recruit-hero{ grid-template-columns: 1fr; }
}
.hero-img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:14px;
}
.hero-title{ font-size:1.2em; font-weight:800; }
.hero-tags{ margin-top:8px; display:flex; gap:8px; flex-wrap:wrap; }

.recruit-sec{ margin:18px 0; }
.recruit-kv .k{ color:#64748b; margin-right:10px; }
.recruit-kv .v{ font-weight:700; }

.env-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px 14px;
}
@media (max-width: 680px){
  .env-list{ grid-template-columns:1fr; }
}
.env-list li{
  display:flex;
  justify-content:space-between;
  padding:10px 12px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#fff;
}

.apply-box{
  border:1px solid #e2e8f0;
  border-radius:12px;
  padding:12px;
  background:#fff;
}
.apply-row{ display:grid; grid-template-columns: 80px 1fr; gap:10px; padding:8px 0; }
.apply-row + .apply-row{ border-top:1px solid #f1f5f9; }

.job-card{
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:12px;
  background:#fff;
  margin:12px 0;
}
.job-catch .t{ font-weight:800; }
.job-catch .c{ color:#475569; margin-top:6px; }
.job-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
  margin-top:10px;
  color:#334155;
}
@media (max-width: 680px){
  .job-grid{ grid-template-columns:1fr; }
}
.job-note{ margin-top:10px; color:#475569; }

.chip-wrap{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.chip{
  display:inline-block;
  padding:3px 10px;
  border-radius:999px;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  font-size:.88em;
  color:#334155;
}
.job-camp{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #f1f5f9;
  color:#334155;
}