@charset "utf-8";

/* ==========================================================
   인사제도 — mexus.kr 원본 doc.css / responsive.css 수치 기준
   ========================================================== */

/* 핵심 가치 (.core-values) */
.core-values{margin-bottom:var(--sp-150);}
.core-values__list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-20);}
.core-values__item{padding:var(--sp-50) var(--sp-60);border:1px solid #ddd;border-radius:16px;}
.core-values__tit{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:var(--sp-20);
  font-size:var(--fs-32);font-weight:600;color:var(--color-black);line-height:1.3;
}
.core-values__txt{line-height:1.6em;}

/* 인재상 (.ideal-talent) */
.ideal-talent__list{display:grid;gap:var(--sp-100);}
.ideal-talent__item{display:flex;align-items:center;gap:var(--sp-60);}
.ideal-talent__item:nth-child(even) .ideal-talent__img{order:2;}
.ideal-talent__img{border-radius:16px;overflow:hidden;}
.ideal-talent__box{flex:1;min-width:0;}
.ideal-talent__tit{font-size:var(--fs-24);font-weight:700;color:#ccc;line-height:1.3;}
.ideal-talent__tit-ko{
  margin:10px 0 var(--sp-50);
  font-size:var(--fs-32);font-weight:600;color:var(--color-black);
}
.ideal-talent__txt{line-height:1.6em;}

/* 복리후생 (.welfare) */
.welfare__list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-40);}
.welfare__item{
  display:flex;align-items:center;gap:var(--sp-30);
  padding:var(--sp-50) var(--sp-40);
  background-color:#f5f5f5;border-radius:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.welfare__cont{flex:1;min-width:0;}
.welfare__tit{
  margin-bottom:var(--sp-15);
  font-family:var(--font-display);
  font-size:var(--fs-20);font-weight:700;color:var(--color-black);line-height:1.3;
}
.welfare__txt{line-height:1.6em;}

/* ==========================================================
   Responsive — 원본 responsive.css (1024 / 640)
   ========================================================== */
@media (max-width:1024px){
  .ideal-talent__item{display:block;}
  .ideal-talent__item br{display:none;}
  .ideal-talent__img{margin-bottom:30px;}
  .welfare__list{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:640px){
  .core-values__list{grid-template-columns:repeat(1,1fr);}
  .core-values__item{padding:15px 25px;}
  .core-values__tit img{height:40px;}

  .welfare__list{grid-template-columns:repeat(1,1fr);}
  .welfare__item img{height:70px;}
}
