/* 서빙로봇 — 공통 블록은 infra-shared.css */
.serving-robot-steps .inf-steps { gap: 50px; }
.serving-robot-steps .inf-step-img img { width: 100%; }
.serving-robot-route { width: 100%; }
@media (max-width: 1023px) {
  .serving-robot-steps .inf-steps { gap: 30px; }
  /* 태블릿 디자인: 이미지 360.67×279.17 (별도 크롭) · 글 218 · 모서리 20 */
  .serving-robot-steps .inf-step-img { width: min(360.67px, 100% - 239px); }
  .serving-robot-steps .inf-step-img img { border-radius: 20px; }
  .serving-robot-steps .inf-step-text { flex: 0 1 218px; }
  /* 디자인 간격 (태블릿): 배너 → 첫 섹션 50 */
  .inf-hero + .serving-robot-steps { margin-top: 50px; }
}
@media (max-width: 767px) {
  .serving-robot-steps .inf-step-img { width: 100%; }
  .serving-robot-steps .inf-step-img img { border-radius: 0; }
  .serving-robot-steps .inf-step-text { flex: none; }
  .inf-hero + .serving-robot-steps { margin-top: 50px; }
}