/* =========================================================
   Our Partners + Footer Full-Bleed Layout v3
   ---------------------------------------------------------
   원인 보정:
   - 기존 main-partners.css / SCSS에 남아 있는
     .main-partners__inner height/min-height/flex 정렬값이
     로고단과 푸터를 화면 아래로 밀어내는 문제를 방어합니다.
   - #ourPartners 한 슬라이드 안에서
     [제목] [브라우저 전체폭 로고단] [푸터]를 3행 grid로 배치합니다.
   ========================================================= */

/* 기존 footer overlay 상태 무력화 */
.swiper.footer-visible {
    height: var(--app-viewport-height, 100vh);
}

body.on-last-slide {
    overflow: hidden;
}

/* 마지막 슬라이드: 화면 1장, 내부는 grid로 제어 */
.swiper .swiper-slide.main-partners-slide,
#ourPartners.main-partners-slide {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

#ourPartners .main-partners {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;

    /* 기존 flex/center 정렬값을 끊고 3행 구조로 고정 */
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    align-items: stretch;
    justify-items: stretch;
    align-content: stretch;
    justify-content: stretch;
}

#ourPartners .main-partners__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

/* 제목 영역만 제한 폭 사용 */
#ourPartners .main-partners>.main-partners__inner {
    position: relative;
    z-index: 2;
    grid-row: 1;

    width: min(1400px, calc(100% - clamp(48px, 10vw, 220px)));
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;

    margin: 0 auto;
    /* padding: clamp(126px, calc(8.2vh + 48px), 168px) 0 0; */
    padding: 130px 0 0 0;
    overflow: visible;
    box-sizing: border-box;

    /* 기존 .main-partners__inner의 flex/center/100vh 계열 방어 */
    display: block;
    flex: none;
    align-self: start;
    justify-self: center;
    transform: none;
}

#ourPartners .main-partners__heading {
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0 0 clamp(18px, 2.6vh, 34px);
    padding: 0;
    transform: none;
}

/* 사용하지 않는 설명문은 숨김. HTML에서는 제거 권장 */
#ourPartners .main-partners__desc {
    display: none;
}

/* 로고단: .main-partners__inner 밖에서 브라우저 전체 폭 사용 */
#ourPartners .main-partners>.main-partners__marquee {
    position: relative;
    z-index: 2;
    grid-row: 2;

    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;
    transform: none;
    left: auto;
    right: auto;
}

/* 실수로 로고단이 아직 inner 안에 남아 있어도 full-bleed처럼 펼치는 방어 */
#ourPartners .main-partners__inner>.main-partners__marquee {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: none;
    margin-left: 0;
    transform: translateX(-50%);
}

#ourPartners .logos,
#ourPartners .logos.partners-logo-marquee {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: 100%;
    margin: 0;
    overflow: hidden;
    /* 데스크탑에서 로고단 자체의 세로 체감 높이를 줄임 */
    --partner-row-gap: clamp(14px, 2.2vw, 36px);
    padding-top: 0;
    padding-bottom: 0;
    /* padding-top: clamp(6px, 1vh, 16px);
    padding-bottom: clamp(6px, 1vh, 16px); */
    box-sizing: border-box;
}

#ourPartners .logos.partners-logo-marquee>.logo-group {
    width: 100%;
    max-width: none;
}

#ourPartners .partners-logo-marquee__track {
    max-width: none;
}

/* 푸터: #ourPartners 내부 마지막 grid 행
   business_section.css에 남은 legacy fixed footer 선언이 !important이므로
   position/좌우/하단/폭/padding/transform/transition/background/z-index만 제한적으로 유지합니다. */
#ourPartners .main-partners>footer#mainFooter,
#ourPartners .main-partners>footer#mainFooter.visible {
    position: relative !important;
    z-index: 3 !important;
    grid-row: 3;

    left: auto !important;
    right: auto !important;
    top: auto;
    bottom: auto !important;
    width: 100% !important;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: clamp(24px, 3vh, 40px) 0 !important;

    transform: none !important;
    transition: none !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    box-sizing: border-box;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.9)) !important;
    border-top: 1px solid rgba(72, 207, 236, 0.12);
    box-shadow: none;
}

#ourPartners footer#mainFooter .footer-content {
    width: min(1400px, calc(100% - clamp(48px, 10vw, 220px)));
    max-width: none;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

body #ourPartners footer#mainFooter {
    pointer-events: auto;
}

/* 스크롤바 숨김: 실제 overflow 요소까지 지정 */
#ourPartners,
#ourPartners .main-partners,
#ourPartners .main-partners__inner,
#ourPartners .main-partners__marquee,
#ourPartners .logos.partners-logo-marquee {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#ourPartners::-webkit-scrollbar,
#ourPartners .main-partners::-webkit-scrollbar,
#ourPartners .main-partners__inner::-webkit-scrollbar,
#ourPartners .main-partners__marquee::-webkit-scrollbar,
#ourPartners .logos.partners-logo-marquee::-webkit-scrollbar {
    display: none;
}

@media (max-width: 1200px) {

    #ourPartners .main-partners>.main-partners__inner,
    #ourPartners footer#mainFooter .footer-content {
        width: min(1180px, calc(100% - 64px));
    }
}

@media (max-width: 786px) {

    .swiper .swiper-slide.main-partners-slide,
    #ourPartners.main-partners-slide {
        height: 100%;
        min-height: 0;
    }

    #ourPartners .main-partners {
        /* fixed 헤더는 문서 흐름을 차지하지 않으므로 높이에서 60px를 빼지 않습니다. */
        height: 100%;
        min-height: 0;
        grid-template-rows: auto minmax(0, 1fr) auto;
    }

    #ourPartners .main-partners>.main-partners__inner {
        width: min(100% - 32px, 560px);
        padding-top: clamp(40px, 6vh, 64px);
    }

    #ourPartners .main-partners__heading {
        margin-bottom: clamp(26px, 4vh, 36px);
    }

    #ourPartners .main-partners__title {
        font-size: clamp(1.65rem, 7vw, 2.45rem);
        line-height: 1.18;
    }

    #ourPartners .logos.partners-logo-marquee {
        --partner-row-gap: clamp(10px, 1.6vh, 16px);

        padding-top: clamp(6px, 1.2vh, 12px);
        padding-bottom: clamp(6px, 1.2vh, 12px);
    }

    #ourPartners .main-partners>.main-partners__marquee {
        height: auto;
        min-height: 0;
        align-self: start;
        align-items: flex-start;
        justify-content: flex-start;
    }

    #ourPartners .main-partners>footer#mainFooter,
    #ourPartners .main-partners>footer#mainFooter.visible {
        align-self: end;
    }

    #ourPartners .main-partners>footer#mainFooter,
    #ourPartners .main-partners>footer#mainFooter.visible {
        padding: clamp(16px, 2.4vh, 26px) 0 max(clamp(16px, 2.4vh, 26px), env(safe-area-inset-bottom, 0px)) !important;
        background: rgba(0, 0, 0, 0.84) !important;
    }

    #ourPartners footer#mainFooter .footer-content {
        width: min(100% - 32px, 520px);
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }

    #ourPartners footer#mainFooter .footer-logo {
        width: 132px;
        height: 44px;
    }

    #ourPartners footer#mainFooter .footer-text {
        margin-left: 0;
    }

    #ourPartners footer#mainFooter .footer-text p {
        margin: 3px 0;
        font-size: 12px;
        line-height: 1.35;
    }

    #ourPartners footer#mainFooter .footer-text p.copyright {
        margin-top: 8px;
        font-size: 11px;
    }

    #ourPartners footer#mainFooter .footer-arrow.mobile {
        transform: scale(0.8);
        opacity: 0.8;
    }
}

@media (max-width: 420px) {
    #ourPartners .main-partners>.main-partners__inner {
        width: calc(100% - 28px);
        padding-top: 64px;
    }

    #ourPartners footer#mainFooter .footer-content {
        width: calc(100% - 28px);
    }

    #ourPartners footer#mainFooter .footer-text p {
        font-size: 11.5px;
    }
}

@media (max-height: 760px) and (min-width: 787px) {
    #ourPartners .main-partners>.main-partners__inner {
        padding-top: 90px;
    }

    #ourPartners .main-partners__heading {
        margin-bottom: 14px;
    }

    #ourPartners .logos.partners-logo-marquee {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #ourPartners .main-partners>footer#mainFooter,
    #ourPartners .main-partners>footer#mainFooter.visible {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}