/* Section 7_1 - Success Stories Gallery */
.home_section_7_1.frame-1707482808,
.home_section_7_1.frame-1707482808 * {
  box-sizing: border-box;
}

.home_section_7_1.frame-1707482808 {
  background: linear-gradient(to left, #000000, #000000);
  height: 1044px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

/* 데스크탑/모바일 구분 */
.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

/* 스크롤 컨테이너 */
.home_section_7_1 .scroll-row {
  position: absolute;
  display: flex;
  gap: 20px;
  width: fit-content;
}

.home_section_7_1 .scroll-row-1 {
  top: 0;
  left: 0;
  animation: scrollLeft 60s linear infinite;
}

.home_section_7_1 .scroll-row-2 {
  top: 461px;
  left: 0;
  animation: scrollRight 60s linear infinite;
}

@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes scrollRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

/* 성공 사례 이미지 스타일 */
.home_section_7_1 .success-story-image {
  width: 439px;
  height: 423px;
  border-radius: 20px;
  object-fit: cover;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  flex-shrink: 0;
}

.home_section_7_1 .success-story-image:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(107, 144, 255, 0.3);
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .home_section_7_1.frame-1707482808 {
    height: auto;
    padding: 40px 0 60px 0;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* 데스크탑 버전 숨기기 */
  .desktop-only {
    display: none !important;
  }

  /* 모바일 버전 표시 */
  .mobile-only {
    display: block !important;
  }

  /* 모바일 스크롤 컨테이너 */
  .mobile-scroll-container {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    height: 280px;
  }

  /* 모바일 스크롤 래퍼 */
  .mobile-scroll-wrapper {
    display: flex;
    gap: 15px;
    width: fit-content;
    animation-duration: 40s; /* 모바일에서는 조금 더 빠르게 */
  }

  /* 모바일 1행: 좌측으로 스크롤 */
  .mobile-scroll-left {
    animation: scrollLeft 40s linear infinite;
  }

  /* 모바일 2행: 우측으로 스크롤 */
  .mobile-scroll-right {
    animation: scrollRight 40s linear infinite;
  }

  /* 모바일 이미지 스타일 */
  .mobile-only .success-story-image {
    width: 290px;
    height: 280px;
    border-radius: 15px;
    object-fit: contain;
    flex-shrink: 0;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .mobile-only .success-story-image:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(107, 144, 255, 0.3);
  }
}

@media (max-width: 480px) {
  .home_section_7_1.frame-1707482808 {
    padding: 30px 0 50px 0;
  }

  .mobile-scroll-container {
    height: 280px;
    margin-bottom: 15px;
  }

  .mobile-only .success-story-image {
    width: 290px;
    height: 280px;
    object-fit: contain;
  }

  .mobile-scroll-wrapper {
    gap: 12px;
    animation-duration: 35s; /* 더 작은 화면에서는 더 빠르게 */
  }
}