.equipment-section {
  padding: 96px 24px 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #f3f5f7;
  box-sizing: border-box;
}

.equipment-inner { width: min(1280px, 100%); margin: 0 auto; }
.equipment-heading { margin-bottom: 38px; display: flex; align-items: end; justify-content: space-between; }
.equipment-heading p { margin: 0 0 9px; color: #0879bd; font: 700 12px/1.2 "Manrope", sans-serif; letter-spacing: 2.2px; }
.equipment-heading h2 { margin: 0; color: #14202b; font-size: clamp(38px, 3.3vw, 58px); letter-spacing: -3px; }
.equipment-slider { overflow: hidden; }
.equipment-track { display: flex; transition: transform .7s cubic-bezier(.25,.8,.25,1); }
.equipment-slide { flex: 0 0 100%; display: grid; grid-template-columns: 1.2fr .8fr; min-height: 500px; background: #fff; }
.equipment-image { min-width: 0; overflow: hidden; background: #e8ecef; }
.equipment-image img { width: 100%; height: 100%; display: block; object-fit: contain; }
.equipment-copy { padding: 65px 55px; display: flex; flex-direction: column; justify-content: center; }
.equipment-copy > span { color: #0879bd; font: 700 12px "Manrope", sans-serif; }
.equipment-copy h3 { margin: 20px 0 25px; color: #14202b; font: 700 clamp(29px, 2.4vw, 42px)/1.25 "Manrope", "Noto Sans KR", sans-serif; }
.equipment-copy h3 small { margin-top: 8px; display: block; color: #7b858e; font-size: 14px; font-weight: 600; letter-spacing: 1px; }
.equipment-copy p { margin: 0; color: #68737e; font-size: 15px; line-height: 1.9; }
.equipment-controls { height: 70px; display: grid; grid-template-columns: 70px 1fr 70px; background: #071b2e; }
.equipment-prev, .equipment-next { border: 0; color: #fff; background: transparent; font-size: 23px; cursor: pointer; }
.equipment-prev { border-right: 1px solid rgba(255,255,255,.15); }
.equipment-next { border-left: 1px solid rgba(255,255,255,.15); }
.equipment-tabs { display: grid; grid-template-columns: repeat(5, 1fr); }
.equipment-tabs button { position: relative; border: 0; color: rgba(255,255,255,.5); background: transparent; font-size: 12px; font-weight: 700; cursor: pointer; }
.equipment-tabs button::after { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #159be8; content: ""; transform: scaleX(0); transition: transform .2s; }
.equipment-tabs button.is-active { color: #fff; }
.equipment-tabs button.is-active::after { transform: scaleX(1); }

@media (max-width: 900px) {
  .equipment-section { padding: 90px 24px; display: block; }
  .equipment-slide { grid-template-columns: 1fr; min-height: 0; }
  .equipment-image { height: 320px; }
  .equipment-copy { padding: 35px 30px; }
  .equipment-tabs { overflow-x: auto; grid-template-columns: repeat(5, minmax(115px, 1fr)); }
}