.u-section-1 .u-sheet-1 {
  min-height: 400px;
}

.u-section-1 .u-custom-html-1 {
  margin-bottom: 60px;
}.u-section-7 .u-sheet-1 {
  min-height: 400px;
  margin-bottom: 0;
}

.u-section-7 .u-text-1 {
  margin: 20px auto 0;
}

.u-section-7 .u-gallery-1 {
  height: 375px;
  margin-top: 20px;
  margin-bottom: 60px;
}

.u-section-7 .u-gallery-inner-1 {
  --gap: 0px;
}

.u-section-7 .u-gallery-item-1 {
  margin-right: 10px;
}

.u-section-7 .u-over-slide-1 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-2 {
  margin-right: 10px;
}

.u-section-7 .u-over-slide-2 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-3 {
  margin-right: 10px;
}

.u-section-7 .u-over-slide-3 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-4 {
  margin-right: 10px;
}

.u-section-7 .u-over-slide-4 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-5 {
  margin-right: 10px;
}

.u-section-7 .u-over-slide-5 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-6 {
  margin-right: 10px;
}

.u-section-7 .u-over-slide-6 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-7 {
  margin-right: 10px;
}

.u-section-7 .u-over-slide-7 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-8 {
  margin-right: 10px;
}

.u-section-7 .u-over-slide-8 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-nav-1 {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
}

.u-section-7 .u-gallery-nav-2 {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
}/* =================================================================
   페이지: 창업 안내 (Startup/Franchise Page)
   - '창업 안내' 페이지만의 고유 스타일입니다.
   - .section-title, .btn 등은 common-styles.css의 것을 사용합니다.
   ================================================================== */
/* -----------------------------------------------------------------
   1. 사업 강점 섹션 (Strength Section)
   - '왜 이 사업을 해야 하는가?'를 보여주는 카드
   ----------------------------------------------------------------- */
.strength-section {
    /* .container 클래스와 함께 사용 */
}
.strength-grid {
    display: grid;
    /* 260px보다 작아지면 1줄로, 아니면 3줄로 자동 배치 */
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
    margin-top: 60px;
}
.strength-card {
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 35px 30px;
    background-color: var(--white-color);
    transition: all 0.3s ease;
}
.strength-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow);
}
.strength-icon {
    font-size: 2.5rem;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    /* 성공/신뢰를 의미하는 연한 녹색/파랑 계열 */
    background-color: #e6f0ff; /* 연한 파란색 */
    color: var(--primary-color);
    margin-bottom: 25px;
}
.strength-card h4 {
    font-size: 1.3rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}
.strength-card p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--text-color);
}
/* -----------------------------------------------------------------
   2. 본사 지원 시스템 섹션 (Support Section)
   - 본사가 '무엇을' 지원해주는지 보여주는 카드
   ----------------------------------------------------------------- */
.support-section {
    /* 이 섹션은 공통 스타일인 .why-us-section와 동일한 배경색을 사용 */
    background-color: var(--light-bg);
    /* .container가 내부에 있으므로 padding을 줌 */
    padding: 80px 0; 
}
.support-grid {
    display: grid;
    /* 4개의 아이템을 배치하기 좋게 250px 기준으로 설정 */
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 60px;
}
.support-card {
    background-color: var(--white-color);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 기본 그림자 */
    padding: 30px;
    text-align: center;
    border: 1px solid var(--border-color);
}
.support-icon {
    /* 아이콘 스타일은 .strength-icon과 유사하게 설정 */
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 20px;
}
.support-card h4 {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}
.support-card p {
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--text-color);
}
/* -----------------------------------------------------------------
   3. 창업 절차 섹션 (Process Section)
   - 참고: 이 섹션은 common-styles.css와 
     sewer-clog-page.css의 .process-section 스타일을 재사용합니다.
   - 만약 .process-step, .step-number 등의 스타일이 
     공통 CSS(common-styles.css)에 없다면,
     sewer-clog-page.css에서 복사하여 공통 CSS로 이동시켜야 합니다.
   ----------------------------------------------------------------- */
/* -----------------------------------------------------------------
   4. 페이지 전용 반응형 규칙
   ----------------------------------------------------------------- */
@media (max-width: 992px) {
    /* 태블릿에서 4열은 너무 좁아 보일 수 있으므로 2열로 변경 */
    .support-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        /* (auto-fit으로 인해 2열로 자연스럽게 변경될 수 있지만, 
           필요시 
           grid-template-columns: repeat(2, 1fr); 
           로 명시할 수 있습니다.) 
        */
    }
}
@media (max-width: 768px) {
    /* 모바일에서는 .common-3-col-grid가 1열로 변경됨 (공통 CSS) */
    /* .strength-grid, .support-grid는 auto-fit으로 1열로 자동 변경됨 */
}