/* 업종별 솔루션 공통 (restaurant · cafe-bakery · retail · clinic · beauty)
   디자인: PC 1920 (본문 1120 / 좁은 섹션 900) · 태블릿 800 (본문 600) · 모바일 375 (본문 335) */
.biz { padding-bottom: 150px; background: #f5f5f5; }

/* 첫 화면 배너 */
.biz-hero {
  display: flex; align-items: center; height: 300px;
  background: linear-gradient(179.05deg, #6aa1cb 5.08%, #1687f5 95.46%);
}
.biz-hero-in { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: min(1120px, 100% - 40px); margin-inline: auto; padding-left: 57px; }
.biz-hero-eyebrow { color: rgba(255, 255, 255, .7); font-size: 20px; font-weight: 600; }
.biz-hero-title { color: #fff; font-size: 30px; font-weight: 800; }

/* 섹션 */
.biz-sec { width: min(1120px, 100% - 40px); margin: 150px auto 0; }
.biz-hero + .biz-sec { margin-top: 100px; }
.biz-sec--narrow { width: min(900px, 100% - 40px); }
.biz-head { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 50px; color: var(--ink); text-align: center; }
.biz-title { color: var(--ink); font-size: 30px; font-weight: 700; text-align: center; }
.biz-sec > .biz-title { margin-bottom: 50px; }
.biz-desc { font-size: 20px; font-weight: 500; }
.biz-shot { width: 100%; }

/* 이미지 + 설명 줄 */
.biz-rows { display: flex; flex-direction: column; gap: 40px; --img-w: 600px; --txt-w: 370px; }
.biz-row { display: flex; align-items: center; gap: min(150px, 13.4%); }
.biz-row--end { justify-content: flex-end; }
.biz-row--img-left .biz-row-img { order: -1; }
.biz-row-img { flex: 0 1 var(--img-w); min-width: 0; width: var(--img-w); }
.biz-row-text { flex: none; display: flex; flex-direction: column; gap: 13px; width: var(--txt-w); }
.biz-eyebrow { color: var(--blue); font-size: 20px; font-weight: 700; }
.biz-row-title { color: var(--ink); font-size: 30px; font-weight: 700; }
.biz-row-desc { color: #4d555e; font-size: 18px; font-weight: 500; }

/* 이미지 2장 나란히 */
.biz-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

/* 함께 쓰는 장비 카드 */
.biz-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.biz-card { display: flex; flex-direction: column; gap: 20px; }
.biz-card img { width: 100%; border-radius: 20px; transition: opacity .3s var(--ease-out); }
.biz-card:hover img { opacity: .9; }
.biz-card-text { display: flex; flex-direction: column; gap: 5px; }
.biz-card-title { color: var(--ink); font-size: 30px; font-weight: 700; }
.biz-card-desc { color: #4d555e; font-size: 20px; font-weight: 500; }

/* 자주 묻는 질문 */
.biz-faq .sec-title { margin-bottom: 50px; }

@media (max-width: 1023px) {
  .biz { padding-bottom: 100px; }
  .biz-hero { height: 200px; }
  .biz-hero-in { gap: 5px; width: min(600px, 100% - 40px); padding-left: 0; }
  .biz-hero-eyebrow { font-size: 15px; }
  .biz-hero-title { font-size: 25px; }
  .biz-sec, .biz-sec--narrow { width: min(600px, 100% - 40px); margin-top: 100px; }
  .biz-head { margin-bottom: 30px; }
  .biz-title { font-size: 25px; }
  .biz-sec > .biz-title { margin-bottom: 30px; }
  .biz-desc { font-size: 18px; }
  .biz-desc--lg { font-size: 20px; }
  .biz-rows { gap: 50px; --img-w: 360px; --txt-w: 200px; }
  .biz-row { gap: 40px; }
  .biz-row-text { gap: 10px; }
  .biz-eyebrow { font-size: 18px; }
  .biz-row-title { font-size: 25px; }
  .biz-row-desc { font-size: 15px; }
  .biz-pair { gap: 10px; }
  .biz-cards { gap: 9px; }
  .biz-card { gap: 10px; }
  .biz-card img { border-radius: 10.714px; }
  .biz-card-text { gap: 10px; }
  .biz-card-title { font-size: 25px; }
  .biz-faq .sec-title { margin-bottom: 30px; }
}

@media (max-width: 767px) {
  .biz { padding-bottom: 50px; }
  .biz-hero { height: 127px; }
  .biz-hero-in { align-items: center; width: auto; padding: 0 20px; text-align: center; }
  .biz-hero-eyebrow { font-size: 12px; }
  .biz-hero-title { font-size: 20px; }
  .biz-sec, .biz-sec--narrow { width: min(335px, 100% - 40px); margin-top: 50px; }
  .biz-hero + .biz-sec { margin-top: 50px; }
  .biz-head { gap: 5px; margin-bottom: 20px; }
  .biz-title { font-size: 15px; }
  .biz-sec > .biz-title { margin-bottom: 20px; }
  .biz-desc, .biz-desc--lg { font-size: 12px; }
  .biz-rows { gap: 30px; }
  .biz-row { flex-direction: column; align-items: stretch; gap: 15px; }
  .biz-row--img-left .biz-row-img { order: 0; }
  .biz-row-img, .biz-row-text { flex: none; width: 100%; }
  .biz-row-text { gap: 5px; }
  .biz-eyebrow { font-size: 12px; }
  .biz-row-title { font-size: 15px; }
  .biz-row-desc { font-size: 12px; }
  .biz-pair { gap: 6px; }
  .biz-cards { gap: 5px; }
  .biz-card img { border-radius: 6px; }
  .biz-card-text { gap: 5px; }
  .biz-card-title { font-size: 15px; }
  .biz-card-desc { font-size: 12px; }
  .biz-faq .sec-title { margin-bottom: 20px; }
}