/* ===============================================
   투자상담 랜딩페이지 전용 스타일
   - 완전히 격리된 스타일링
   - 클래스 접두사: .inv-landing-*, .inv-*
   - 컨테이너 ID: #investment-landing-container
   =============================================== */

/* ===============================================
   투자랜딩 전용 스크롤 설정 - 즉시 이동
   =============================================== */
html {
    scroll-behavior: auto !important;
}

/* ===============================================
   투자랜딩 섹션 헤더 스타일 (메인랜딩과 동일)
   =============================================== */
#investment-landing-container .section-header {
    text-align: center;
}

@media (min-width: 1501px) {
    #investment-landing-container .section-header {
        margin-bottom: 5vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .section-header {
        margin-bottom: 50px;
    }
}

#investment-landing-container .section-category {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: rgba(102, 153, 204, 0.12);
    color: #4977b5;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

@media (min-width: 1501px) {
    #investment-landing-container .section-category {
        gap: 0.8vw;
        padding: 0.6vh 1vw;
        font-size: 0.65vw;
        margin-bottom: 1.5vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .section-category {
        gap: 12px;
        padding: 8px 15px;
        font-size: 12px;
        margin-bottom: 18px;
    }
}

#investment-landing-container .category-dot {
    border-radius: 50%;
    background: #6699cc;
}

@media (min-width: 1501px) {
    #investment-landing-container .category-dot {
        width: 0.6vw;
        height: 0.6vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .category-dot {
        width: 9px;
        height: 9px;
    }
}

#investment-landing-container .category-text {
    font-family: 'Outfit', var(--font-family-english);
    letter-spacing: 0.08em;
}

#investment-landing-container .section-title {
    font-family: 'SUIT', var(--font-family-korean);
    font-weight: 600;
    line-height: 1.18;
    color: #0f172a;
}

@media (min-width: 1501px) {
    #investment-landing-container .section-title {
        font-size: 2.2vw;
        margin: 0 0 1.2vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .section-title {
        font-size: 33px;
        margin: 0 0 15px;
    }
}

#investment-landing-container .section-subtitle {
    font-family: 'SUIT', var(--font-family-korean);
    font-weight: 400;
    color: #656565;
    margin: 0;
    line-height: 1.5;
}

@media (min-width: 1501px) {
    #investment-landing-container .section-subtitle {
        font-size: 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .section-subtitle {
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    #investment-landing-container .section-header {
        margin-bottom: 4vh;
    }

    #investment-landing-container .section-category {
        font-size: 12px;
        gap: 2vw;
        padding: 10px 15px;
        margin-bottom: 16px;
    }

    #investment-landing-container .category-dot {
        width: 1.5vw;
        height: 1.5vw;
    }

    #investment-landing-container .section-title {
        font-size: 28px;
    }

    #investment-landing-container .section-subtitle {
        font-size: 3vw;
    }
}

/* ===============================================
   투자랜딩 전용 헤더 스타일
   =============================================== */
.header-investment .header-container {
    justify-content: space-between;
}

.header-investment .logo {
    order: 1;
    margin: 0;
}

.header-investment .main-nav {
    order: 2;
    margin-left: auto;
}

.header-investment .hamburger-menu {
    order: 3;
}

/* 회사소개보기 버튼 스타일 - PC */
.header-investment .nav-link-company {
    border: 1px solid #795fff;
    border-radius: 100px;
    font-weight: 700;
    transition: all 0.3s ease;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 1401px) {
    .header-investment .nav-link-company {
        padding: 0.3vw 0.7vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    .header-investment .nav-link-company {
        padding: 4px 10px;
    }
}

.header-investment .nav-link-company:hover {
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    border-color: #409bff;
    -webkit-text-fill-color: #ffffff;
    color: #ffffff;
}

/* 스크롤 시 다크 테마 */
.header.scrolled .nav-link-company {
    border-color: #795fff;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header.scrolled .nav-link-company:hover {
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    border-color: #409bff;
    -webkit-text-fill-color: #ffffff;
    color: #ffffff;
}

/* 모바일 전용 회사소개보기 버튼 - 기본 숨김 */
.header-investment .mobile-company-btn {
    display: none;
}

/* 1160px 이하 - 메뉴가 많아서 넓은 범위에서 숨김 */
@media (max-width: 1160px) {
    /* 메인 네비게이션 숨김 */
    .header-investment .main-nav {
        display: none !important;
    }

    /* 헤더 컨테이너: 로고(좌측) + 회사소개보기(우측) */
    .header-investment .header-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header-investment .logo {
        order: 1;
    }

    /* 모바일 전용 회사소개보기 버튼 표시 */
    .header-investment .mobile-company-btn {
        display: block;
        order: 2;
        padding: 4px 10px;
        border: 1px solid #795fff;
        border-radius: 100px;
        background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        transition: all 0.3s ease;
    }

    .header-investment .mobile-company-btn:hover {
        background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
        border-color: #409bff;
        -webkit-text-fill-color: #ffffff;
        color: #ffffff;
    }
}

/* ===============================================
   전역 컨테이너
   =============================================== */
#investment-landing-container {
    width: 100%;
    min-height: 100vh;
    background: #ffffff;
}

.inv-section-anchor {
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    pointer-events: none;
}

/* PC/태블릿 인터섹션 애니메이션 (769px 이상) */
@media (min-width: 769px) {
    .cp-anim-item {
        opacity: 0;
        transform: var(--cp-anim-initial-transform, translate3d(0, 24px, 0));
        transition:
            opacity var(--cp-anim-duration, 600ms) ease-out var(--cp-anim-delay, 0ms),
            transform var(--cp-anim-duration, 600ms) ease-out var(--cp-anim-delay, 0ms);
        will-change: opacity, transform;
    }

    .cp-anim-item.cp-anim-active {
        opacity: 1;
        transform: var(--cp-anim-active-transform, none);
    }
}

/* 모바일 (768px 이하): 애니메이션 없이 바로 표시 */
@media (max-width: 768px) {
    .cp-anim-item {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* 랜딩페이지에서 우측 하단 고정 전화 버튼 숨김 */
body:has(#investment-landing-container) .fixed-call-button {
    display: none !important;
}

/* Large Desktop (1401px 이상): vw/vh 유지 */
@media (min-width: 1401px) {
    #investment-landing-container .section:not(.inv-landing-hero) {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Tablet (769px ~ 1400px): px 고정, 폰트 크게, 레이아웃 유연하게 */
@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .section:not(.inv-landing-hero) {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 80px 0 150px 0; /* 하단 문의폼 여유 공간 */
    }
}

/* Mobile (768px 이하): px 고정 */
@media (max-width: 768px) {
    #investment-landing-container .section:not(.inv-landing-hero) {
        display: block;
        min-height: auto;
        padding: 0 0 190px 0; /* 하단 문의폼 여유 공간 */
    }
}

/* ===============================================
   공통: 섹션 헤더 (AOS로 애니메이션)
   =============================================== */
#investment-landing-container .section-header {
    min-height: 80px; /* 중제목의 최소 높이 확보 */
}

/* 히어로 스타일 적용된 섹션 헤더 (카테고리에만 적용) */
#investment-landing-container .section-header.hero-style .section-category {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50px;
    box-shadow: 0 4px 20px rgba(107, 127, 255, 0.2);
}

@media (min-width: 1501px) {
    #investment-landing-container .section-header.hero-style .section-category {
        padding: 0.5vh 1vw;
        gap: 0.8vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .section-header.hero-style .section-category {
        padding: 6px 15px;
        gap: 12px;
    }
}

#investment-landing-container .section-header.hero-style .section-category .category-text {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 800;
    letter-spacing: -0.01em;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 1501px) {
    #investment-landing-container .section-header.hero-style .section-category .category-text {
        font-size: 0.7vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .section-header.hero-style .section-category .category-text {
        font-size: 11px;
    }
}

/* 히어로 스타일에서는 category-dot을 그라데이션으로 */
#investment-landing-container .section-header.hero-style .category-dot {
    border-radius: 50%;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
}

@media (min-width: 1501px) {
    #investment-landing-container .section-header.hero-style .category-dot {
        width: 0.6vw;
        height: 0.6vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .section-header.hero-style .category-dot {
        width: 9px;
        height: 9px;
    }
}

/* 모바일: 중제목 그라데이션 박스 px 단위로 */
@media (max-width: 768px) {
    #investment-landing-container .section-header.hero-style .section-category {
        padding: 6px 16px;
        border-radius: 50px;
        gap: 2vw;
    }

    #investment-landing-container .section-header.hero-style .section-category .category-text {
        font-size: 11px;
    }

    #investment-landing-container .section-header.hero-style .category-dot {
        width: 1.5vw;
        height: 1.5vw;
    }
}

/* ===============================================
   섹션 1: 히어로섹션
   =============================================== */
#investment-landing-container .inv-landing-hero {
    position: relative;
    background: #ffffff;
}

#investment-landing-container .inv-hero-wrapper {
    padding: 1.75vh 1vw;
    display: block;
    position: relative;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
}

#investment-landing-container .inv-hero-section {
    position: relative;
    width: 100%;
    height: calc(100vh - 4vh);
    border-radius: 2.4vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #d2beff 0%, #d0e7ff 100%);
}

/* 배경 비디오 */
#investment-landing-container .inv-hero-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

#investment-landing-container .inv-hero-video-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(121, 95, 255, 0.3) 0%, rgba(64, 155, 255, 0.3) 100%);
    z-index: 1;
}

#investment-landing-container .inv-hero-video-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0.5;
}

#investment-landing-container .inv-hero-image-masked {
    display: none; /* 배경 이미지 숨김 */
}

#investment-landing-container .inv-hero-image-masked img {
    display: none; /* 배경 이미지 숨김 */
}

#investment-landing-container .inv-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(210, 190, 255, 0.3) 0%, rgba(208, 231, 255, 0.3) 100%);
    z-index: 2;
}

#investment-landing-container .inv-hero-content {
    width: 100%;
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 72vw;
    margin: 0 auto;
}

/* 히어로 애니메이션 키프레임 */
@keyframes heroFadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 초기 상태: 숨김 */
#investment-landing-container .hero-animate {
    opacity: 0;
    transform: translateY(30px);
}

/* 애니메이션 활성화 상태 */
#investment-landing-container .hero-animate.active {
    animation: heroFadeUp 1s ease-out forwards;
}

/* 각 요소별 딜레이 */
#investment-landing-container .inv-hero-animation-icon.active {
    animation-delay: 0s;
}

#investment-landing-container .inv-hero-pre-text.active {
    animation-delay: 0.1s;
}

#investment-landing-container .inv-hero-main-text.active {
    animation-delay: 0.3s;
}

#investment-landing-container .inv-hero-description.active {
    animation-delay: 0.5s;
}

#investment-landing-container .inv-hero-cta.active {
    animation-delay: 0.8s;
}

/* 히어로 애니메이션 아이콘 (영상을 아이콘처럼) */
#investment-landing-container .inv-hero-animation-icon {
    display: inline-block;
}

@media (min-width: 1401px) {
    #investment-landing-container .inv-hero-animation-icon {
        margin-bottom: 1vh;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .inv-hero-animation-icon {
        margin-bottom: 12px; /* 태블릿: 크게 */
    }
}

#investment-landing-container .hero-animation-video {
    object-fit: cover;
    border-radius: 50%; /* 둥글게 */
    display: block;
    opacity: 0.9;
}

@media (min-width: 1401px) {
    #investment-landing-container .hero-animation-video {
        width: 2.5vw;
        height: 2.5vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .hero-animation-video {
        width: 35px; /* 태블릿: 크게 */
        height: 35px;
    }
}

/* 히어로 프리 텍스트 (슬로건 위) */
#investment-landing-container .inv-hero-pre-text {
    display: inline-block;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50px;
    box-shadow: 0 4px 20px rgba(107, 127, 255, 0.2);
}

@media (min-width: 1401px) {
    #investment-landing-container .inv-hero-pre-text {
        margin-bottom: 2vh;
        padding: 0.5vh 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .inv-hero-pre-text {
        margin-bottom: 24px; /* 태블릿: 크게 */
        padding: 8px 16px;
    }
}

#investment-landing-container .inv-hero-pre-text span {
    display: inline-block;
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 800;
    letter-spacing: -0.01em;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 1401px) {
    #investment-landing-container .inv-hero-pre-text span {
        font-size: 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .inv-hero-pre-text span {
        font-size: 15px; /* 태블릿: 크게 */
    }
}

#investment-landing-container .inv-hero-pre-text.active {
    animation-delay: 0.1s;
}

#investment-landing-container .inv-hero-main-text h1 {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 800;
    line-height: 1.2;
    color: #15223d;
    letter-spacing: -0.1em;
    word-break: keep-all;
}

@media (min-width: 1401px) {
    #investment-landing-container .inv-hero-main-text h1 {
        font-size: 3.8vw;
        margin: 0 0 7vh 0;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .inv-hero-main-text h1 {
        font-size: 55px; /* 태블릿: 크게 */
        margin: 0 0 70px 0;
    }
}

/* 카운트 숫자 강조 스타일 - GPU 가속 최적화 */
#investment-landing-container .inv-hero-main-text h1 .count-number {
    display: inline-block; /* inline-block으로 복원 (고정 너비 적용 위해) */
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;

    /* 고정 너비로 카운트 시 흔들림 방지 */
    width: 0.75em; /* 숫자 8 기준 최소 고정 너비 */
    text-align: center; /* 중앙 정렬 */

    /* 수직 정렬 완벽하게 맞추기 */
    vertical-align: baseline;
    position: relative;
    top: 0;

    /* GPU 가속 및 렌더링 최적화 */
    backface-visibility: hidden; /* 뒷면 렌더링 방지 */
    -webkit-font-smoothing: antialiased; /* 폰트 스무딩 */
    -moz-osx-font-smoothing: grayscale; /* Firefox 폰트 스무딩 */
}

#investment-landing-container .inv-hero-description p {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 400;
    line-height: 1.3;
    color: #15223d;
    word-break: keep-all;
    text-shadow: 0 3px 25px rgba(0, 0, 0, 0.2);
}

@media (min-width: 1401px) {
    #investment-landing-container .inv-hero-description p {
        font-size: 1.3vw;
        margin: 0 0 2vh 0;
        letter-spacing: -0.07vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .inv-hero-description p {
        font-size: 20px; /* 태블릿: 크게 */
        margin: 0 0 20px 0;
        letter-spacing: -0.5px;
    }
}

#investment-landing-container .inv-hero-sub-text p {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #15223d;
    word-break: keep-all;
    text-shadow: 0 3px 25px rgba(0, 0, 0, 0.2);
}

@media (min-width: 1401px) {
    #investment-landing-container .inv-hero-sub-text p {
        font-size: 1.7vw;
        margin: 0 0 8vh 0;
        letter-spacing: -0.07vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .inv-hero-sub-text p {
        font-size: 26px; /* 태블릿: 크게 */
        margin: 0 0 80px 0;
        letter-spacing: -0.5px;
    }
}

#investment-landing-container .inv-hero-sub-text.active {
    animation-delay: 0.6s;
}

#investment-landing-container .inv-hero-cta {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1401px) {
    #investment-landing-container .inv-hero-cta {
        gap: 1.5vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .inv-hero-cta {
        gap: 20px; /* 태블릿: 크게 */
    }
}

#investment-landing-container .inv-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 600;
    border-radius: 50vh;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
}

@media (min-width: 1401px) {
    #investment-landing-container .inv-cta-button {
        gap: 0.8vw;
        padding: 1.5vh 3vw;
        font-size: 1.1vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .inv-cta-button {
        gap: 10px;
        padding: 18px 40px; /* 태블릿: 크게 */
        font-size: 18px; /* 태블릿: 크게 */
    }
}

/* Primary Button - 블루 그라데이션 */
#investment-landing-container .inv-cta-primary-btn {
    background: #15223d;
    color: #ffffff;
    box-shadow: 0 0.8vh 2.4vh rgba(21, 34, 61, 0.4);
}

#investment-landing-container .inv-cta-primary-btn:hover {
    transform: translateY(-0.4vh) scale(1.05);
    box-shadow: 0 1.2vh 3.6vh rgba(21, 34, 61, 0.6);
    background: #1e2f4f;
}

/* Secondary Button - 아웃라인 스타일 */
#investment-landing-container .inv-cta-secondary-btn {
    background: rgba(255, 255, 255, 0.15);
    color: #15223d;
    border: 2px solid #15223d;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0 0.8vh 2.4vh rgba(0, 0, 0, 0.1);
}

#investment-landing-container .inv-cta-secondary-btn:hover {
    transform: translateY(-0.4vh) scale(1.05);
    background: rgba(255, 255, 255, 0.25);
    border-color: #15223d;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0 1.2vh 3.6vh rgba(0, 0, 0, 0.15);
}

#investment-landing-container .inv-hero-branding {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    background: white;
    padding: 2vh 2.5vw;
    border-top-left-radius: 2.4vh;
    border-bottom-right-radius: 2.4vh;
    z-index: 4;
}

#investment-landing-container .inv-branding-text {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 1.2vw;
    font-weight: 700;
    color: #1A73E8;
    letter-spacing: 0.1em;
}

@keyframes invHeroFadeIn {
    from {
        opacity: 0;
        transform: translateY(3vh);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===============================================
   섹션 3: 운영사 및 신뢰
   =============================================== */
#investment-landing-container .inv-landing-trust {
    background: #ffffff;
}

/* Large Desktop (1301px+) */
@media (min-width: 1401px) {
    #investment-landing-container .inv-landing-trust {
        padding: 10vh 0;
    }
}

/* Tablet/Small Desktop (769px~1300px) */
@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .inv-landing-trust {
        padding: 80px 0;
    }
}

#investment-landing-container .inv-trust-container {
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 1401px) {
    #investment-landing-container .inv-trust-container {
        max-width: 71vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .inv-trust-container {
        max-width: 1400px;
        padding: 0 40px;
    }
}

/* 운영사 콘텐츠 (좌우 레이아웃) */
#investment-landing-container .inv-trust-content {
    display: flex;
    align-items: center;
}

@media (min-width: 1401px) {
    #investment-landing-container .inv-trust-content {
        gap: 4vw;
        margin-top: 5vh;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .inv-trust-content {
        gap: 52px;
        margin-top: 50px;
    }
}

/* 좌측: 이미지 */
#investment-landing-container .trust-image {
    flex: 0 0 auto;
    /* 플로팅 쉐도우 효과 */
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.08),
        0 8px 24px rgba(0, 0, 0, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1401px) {
    #investment-landing-container .trust-image {
        width: 35vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .trust-image {
        width: 455px;
    }
}

#investment-landing-container .trust-image:hover {
    transform: translateY(-4px);
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.12),
        0 12px 32px rgba(0, 0, 0, 0.06);
}

#investment-landing-container .trust-image img {
    width: 100%;
    height: auto;
    display: block; /* 이미지 하단 공백 제거 */
}

/* 이미지 플레이스홀더 - 제거 (사용 안함) */
#investment-landing-container .trust-image-placeholder {
    display: none; /* 플레이스홀더 숨김 */
}

#investment-landing-container .trust-image-placeholder p {
    display: none; /* 텍스트 숨김 */
}

/* 우측: 설명 텍스트 */
#investment-landing-container .trust-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (min-width: 1401px) {
    #investment-landing-container .trust-text {
        gap: 2.5vh;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .trust-text {
        gap: 25px;
    }
}

#investment-landing-container .trust-main-title {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.6;
    margin: 0;
    word-break: keep-all;
    overflow-wrap: break-word;
    letter-spacing: -0.02em;
}

@media (min-width: 1401px) {
    #investment-landing-container .trust-main-title {
        font-size: 1.3vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .trust-main-title {
        font-size: 21px;
    }
}

#investment-landing-container .trust-description {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 400;
    color: #334155;
    line-height: 1.8;
    margin: 0;
    word-break: keep-all;
    overflow-wrap: break-word;
    letter-spacing: -0.02em;
}

@media (min-width: 1401px) {
    #investment-landing-container .trust-description {
        font-size: 1.05vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .trust-description {
        font-size: 17px;
        line-height: 1.5;
    }
}

/* ===============================================
   섹션 4: 수익구조
   =============================================== */
#investment-landing-container .inv-landing-revenue {
    background: #ffffff;
}

@media (min-width: 1501px) {
    #investment-landing-container .inv-landing-revenue {
        padding: 10vh 0;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .inv-landing-revenue {
        padding: 100px 0;
    }
}

#investment-landing-container .inv-revenue-container {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
}

@media (min-width: 1501px) {
    #investment-landing-container .inv-revenue-container {
        max-width: 71vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .inv-revenue-container {
        max-width: 1400px;
        padding: 0 40px;
    }
}

/* 수익구조 섹션 디스크립션 스타일 */
#investment-landing-container .inv-landing-revenue .section-subtitle {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 400;
    color: #656565;
    line-height: 1.6;
    text-align: center;
    word-break: keep-all;
    overflow-wrap: break-word;
}

@media (min-width: 1501px) {
    #investment-landing-container .inv-landing-revenue .section-subtitle {
        font-size: 1vw;
        margin: 1.5vh 0 0 0;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .inv-landing-revenue .section-subtitle {
        font-size: 15px;
        margin: 15px 0 0 0;
    }
}

/* 다이어그램 래퍼 (중앙 배치) */
#investment-landing-container .inv-revenue-diagram-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
}

/* 다이어그램 */
#investment-landing-container .revenue-diagram {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1401px) {
    #investment-landing-container .revenue-diagram {
        gap: 1vh;
        padding: 1vh 0 0;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .revenue-diagram {
        gap: 10px;
        padding: 10px 0 0;
    }
}

#investment-landing-container .revenue-sources {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
}

@media (min-width: 1501px) {
    #investment-landing-container .revenue-sources {
        gap: 3vw;
        max-width: 41vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .revenue-sources {
        gap: 45px;
        max-width: 615px;
    }
}

#investment-landing-container .revenue-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1501px) {
    #investment-landing-container .revenue-circle {
        gap: 1.5vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .revenue-circle {
        gap: 15px;
    }
}

#investment-landing-container .circle-icon {
    min-width: 100px;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #75ace3 0%, #8B5CF6 100%);
    border: none;
    border-radius: 50%;
    color: #ffffff;
    position: relative;
    z-index: 2;
}

@media (min-width: 1501px) {
    #investment-landing-container .circle-icon {
        width: 7vw;
        height: 7vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .circle-icon {
        width: 105px;
        height: 105px;
    }
}

#investment-landing-container .circle-label {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 600;
    color: #1e293b;
    text-align: center;
    letter-spacing: -0.01em;
}

@media (min-width: 1501px) {
    #investment-landing-container .circle-label {
        font-size: 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .circle-label {
        font-size: 15px;
    }
}

#investment-landing-container .diagram-arrow {
    color: #1A73E8;
}

#investment-landing-container .revenue-result-box {
    background: linear-gradient(135deg, #1A73E8 0%, #1557b0 100%);
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 8px 32px rgba(26, 115, 232, 0.3);
}

@media (min-width: 1501px) {
    #investment-landing-container .revenue-result-box {
        padding: 1.5vh 2vw;
        min-width: 40vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .revenue-result-box {
        padding: 15px 30px;
        min-width: 600px;
    }
}

#investment-landing-container .result-main {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.02em;
}

@media (min-width: 1501px) {
    #investment-landing-container .result-main {
        font-size: 1.5vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .result-main {
        font-size: 22px;
    }
}

#investment-landing-container .result-sub {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    letter-spacing: -0.01em;
}

@media (min-width: 1501px) {
    #investment-landing-container .result-sub {
        font-size: 1.1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .result-sub {
        font-size: 16px;
    }
}

/* ===============================================
   섹션 5: 투자포인트 (재구성)
   =============================================== */
#investment-landing-container .inv-landing-points {
    background: #f8fafc;
}

@media (min-width: 1501px) {
    #investment-landing-container .inv-landing-points {
        padding: 10vh 0;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .inv-landing-points {
        padding: 100px 0;
    }
}

#investment-landing-container .inv-points-container {
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 1501px) {
    #investment-landing-container .inv-points-container {
        max-width: 71vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .inv-points-container {
        max-width: 1400px;
        padding: 0 40px;
    }
}

/* 서브타이틀 (간단한 텍스트) */
#investment-landing-container .section-subtitle-simple,
#investment-landing-container .section-main-subtitle {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 400;
    color: #64748b;
    text-align: center;
    line-height: 1.5;
    word-break: keep-all;
    overflow-wrap: break-word;
}

@media (min-width: 1501px) {
    #investment-landing-container .section-subtitle-simple,
    #investment-landing-container .section-main-subtitle {
        font-size: 1.1vw;
        margin: 1vh 0 0 0;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .section-subtitle-simple,
    #investment-landing-container .section-main-subtitle {
        font-size: 15px;
        margin: 10px 0 0 0;
    }
}

/* 컨텐츠 영역 (좌우 배치) */
#investment-landing-container .inv-points-content {
    display: flex;
    align-items: center;
    margin: auto;
}

@media (min-width: 1501px) {
    #investment-landing-container .inv-points-content {
        gap: 3vw;
        margin-top: 4vh;
        max-width: 71vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .inv-points-content {
        gap: 45px;
        margin-top: 40px;
        max-width: 832px;
    }
}

/* 좌측: 수익 예시 박스 */
#investment-landing-container .points-left {
    flex: 0 0 auto;
    border: none; /* 보더 제거 */
    border-radius: 24px; /* 더 부드러운 모서리 */
    /* 플로팅 쉐도우 효과 (자식에서 부모로 이동) */
    background: #ffffff;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.08),    /* 메인 쉐도우 - 넓게 퍼짐 */
        0 8px 24px rgba(0, 0, 0, 0.04);      /* 서브 쉐도우 - 깊이감 */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1401px) {
    #investment-landing-container .points-left {
        width: 32vw;
        padding: 6.7vh 2vw;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .points-left {
        width: 416px;
        padding: 67px 26px;
    }
}

/* 호버 시 더 띄워지는 효과 */
#investment-landing-container .points-left:hover {
    transform: translateY(-4px);
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.12),
        0 12px 32px rgba(0, 0, 0, 0.06);
}

/* 우측: 설명 리스트 */
#investment-landing-container .points-right {
    flex: 1;
    display: flex;
}

#investment-landing-container .points-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#investment-landing-container .points-list li {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 400;
    color: #334155;
    line-height: 1.5;
    padding-left: 0;
    position: relative;
    margin-bottom: 0;
    display: flex;
    align-items: flex-start;
    word-break: keep-all;
    overflow-wrap: break-word;
    letter-spacing: -0.02em;
}

@media (min-width: 1501px) {
    #investment-landing-container .points-list li {
        font-size: 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .points-list li {
        font-size: 15px;
    }
}

#investment-landing-container .points-list li::before {
    content: '';
}

#investment-landing-container .points-list li.highlight-text,
#investment-landing-container .points-list li.highlight-text strong {
    color: #75ace3;
    font-weight: 700;
}

/* 태블릿/모바일: dot 크기 고정 */
@media (max-width: 1024px) {
    #investment-landing-container .points-list li::before {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    #investment-landing-container .points-list li::before {
        font-size: 16px;
    }
}

#investment-landing-container .points-list li strong {
    color: #1e293b;
    font-weight: 600;
}

@media (min-width: 1501px) {
    #investment-landing-container .term-icon-inline {
        margin-right: 0.3vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .term-icon-inline {
        margin-right: 4px;
    }
}

#investment-landing-container .revenue-example-box {
    display: flex;
    align-items: center;
    justify-content: center;
    /* 플로팅 쉐도우 제거 - 부모(.points-left)로 이동 */
}

@media (min-width: 1501px) {
    #investment-landing-container .revenue-example-box {
        gap: 3vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .revenue-example-box {
        gap: 45px;
    }
}

#investment-landing-container .revenue-top {
    text-align: center;
    /* border: 2px solid #e5e7eb; */
    /* border-radius: 12px; */
    /* padding: 2vh 1.5vw; */
}

#investment-landing-container .revenue-label {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 500;
    color: #c8c8c8;
}

@media (min-width: 1501px) {
    #investment-landing-container .revenue-label {
        font-size: 0.85vw;
        margin: 0 0 0.5vh 0;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .revenue-label {
        font-size: 12px;
        margin: 0 0 5px 0;
    }
}

#investment-landing-container .revenue-percentage {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 700;
    color: #c8c8c8;
    line-height: 1;
    display: block;
}

@media (min-width: 1501px) {
    #investment-landing-container .revenue-percentage {
        font-size: 3vw;
        letter-spacing: -0.15vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .revenue-percentage {
        font-size: 45px;
        letter-spacing: -2px;
    }
}

#investment-landing-container .revenue-year {
    font-size: 0.8em;
    font-weight: 900;
    margin-right: -3px;
}

#investment-landing-container .revenue-arrow {
    text-align: center;
    color: #959595;
    transform: rotate(-90deg);
}

#investment-landing-container .revenue-bottom {
    text-align: center;
    /* border: 2px solid #e5e7eb; */
    /* border-radius: 12px; */
    /* padding: 2vh 1.5vw; */
}

#investment-landing-container .revenue-label-main {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 600;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-shift 1.5s ease infinite;
}

@media (min-width: 1501px) {
    #investment-landing-container .revenue-label-main {
        font-size: 0.85vw;
        margin: 0 0 0.5vh 0;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .revenue-label-main {
        font-size: 14px;
        margin: 0 0 5px 0;
    }
}

#investment-landing-container .revenue-percentage-main {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 900;
    line-height: 1;
    display: block;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-shift 1.5s ease infinite;
}

@media (min-width: 1501px) {
    #investment-landing-container .revenue-percentage-main {
        font-size: 3vw;
        letter-spacing: -0.15vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .revenue-percentage-main {
        font-size: 45px;
        letter-spacing: -2px;
    }
}

/* 투자포인트 섹션 카운트 숫자 스타일 (히어로와 동일) */
#investment-landing-container .count-number-points {
    display: inline-block;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;

    /* 고정 너비로 카운트 시 흔들림 방지 */
    width: 0.75em;
    text-align: center;

    /* 수직 정렬 */
    vertical-align: baseline;
    position: relative;
    top: 0;

    /* GPU 가속 및 렌더링 최적화 */
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@keyframes gradient-shift {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

/* 투자포인트 섹션 내 프로세스 아이콘 타임라인 */
#investment-landing-container .inv-landing-points .process-step {
    position: relative;
}

/* 투자포인트 섹션 아이콘 배경 (AI 신경망 섹션과 동일하게) */
#investment-landing-container .inv-landing-points .step-icon-circle {
    background: linear-gradient(135deg, #e8f0fe 0%, #f3e8ff 100%);
    box-shadow: 0 4px 15px rgba(121, 95, 255, 0.15);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#investment-landing-container .inv-landing-points .process-step:hover .step-icon-circle {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 8px 25px rgba(121, 95, 255, 0.25);
}

/* 투자포인트 섹션 아이콘 SVG 색상 (그라데이션) */
#investment-landing-container .inv-landing-points .step-icon-circle svg {
    stroke: url(#ai-icon-gradient);
}

/* 투자절차 제목 */
#investment-landing-container .process-section-title {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 700;
    color: #1e293b;
    margin: auto;
    margin-top: 0;
    text-align: left;
}

@media (min-width: 1501px) {
    #investment-landing-container .process-section-title {
        font-size: 1.3vw;
        margin-top: 4vh;
        max-width: 71vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .process-section-title {
        font-size: 20px;
        margin-top: 40px;
        max-width: 832px;
        text-align: center;
    }
}

/* 투자포인트 섹션의 프로세스 스텝 */
#investment-landing-container .inv-landing-points .inv-process-steps {
    margin: 0 auto;
}

@media (min-width: 1501px) {
    #investment-landing-container .inv-landing-points .inv-process-steps {
        margin-top: 3vh;
        max-width: 71vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .inv-landing-points .inv-process-steps {
        margin-top: 30px;
        max-width: 1400px;
    }
}

/* 타임라인 연결선 */
#investment-landing-container .inv-landing-points .process-step:not(:last-child)::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: #d1d5db;
    z-index: 1;
}

@media (min-width: 1501px) {
    #investment-landing-container .inv-landing-points .process-step:not(:last-child)::after {
        top: calc(3.5vw);
        left: calc(50% + 3.5vw);
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .inv-landing-points .process-step:not(:last-child)::after {
        top: calc(52px);
        left: calc(50% + 52px);
    }
}

/* 타임라인 화살표 */
#investment-landing-container .inv-landing-points .process-step:not(:last-child)::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid #d1d5db;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    z-index: 2;
    opacity: 0;
    transform: translateX(0);
}

@media (min-width: 1501px) {
    #investment-landing-container .inv-landing-points .process-step:not(:last-child)::before {
        top: calc(3.5vw - 8px);
        left: calc(50% + 3.5vw);
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .inv-landing-points .process-step:not(:last-child)::before {
        top: calc(52px - 8px);
        left: calc(50% + 52px);
    }
}

/* 타임라인 애니메이션 */
#investment-landing-container .inv-landing-points .process-step.timeline-active:not(:last-child)::after {
    animation: drawTimelinePoints 0.4s ease-out forwards;
}

/* 화살표 애니메이션 */
#investment-landing-container .inv-landing-points .process-step.timeline-active:not(:last-child)::before {
    animation: showArrowPoints 0.4s ease-out forwards;
}

@media (min-width: 1501px) {
    @keyframes drawTimelinePoints {
        from {
            width: 0;
        }
        to {
            width: calc(100% - 7vw + 1.5vw);
        }
    }

    @keyframes showArrowPoints {
        0% {
            opacity: 0;
            transform: translateX(0);
        }
        1% {
            opacity: 1;
        }
        100% {
            opacity: 1;
            transform: translateX(calc(100% - 7vw + 1.5vw));
        }
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    @keyframes drawTimelinePoints {
        from {
            width: 0;
        }
        to {
            width: calc(100% - 105px + 22px);
        }
    }

    @keyframes showArrowPoints {
        0% {
            opacity: 0;
            transform: translateX(0);
        }
        1% {
            opacity: 1;
        }
        100% {
            opacity: 1;
            transform: translateX(calc(100% - 105px + 22px));
        }
    }
}


/* ===============================================
   섹션 6: 기술력 & 차별화
   =============================================== */
#investment-landing-container .inv-landing-tech {
    background: #ffffff;
}

#investment-landing-container .inv-tech-container {
    max-width: 71vw;
    margin: 0 auto;
    width: 100%;
}

/* 기술력 섹션 - 카드 스타일 추가 */
#investment-landing-container .inv-landing-tech .process-step {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 3vh 1.5vw;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#investment-landing-container .inv-landing-tech .process-step:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
}

/* 기술력 섹션 - 아이콘 스타일 (그라데이션 보더 + 흰배경) */
#investment-landing-container .inv-landing-tech .step-icon-circle {
    background: #ffffff;
    border: 3px solid transparent;
    background-image:
        linear-gradient(#ffffff, #ffffff),
        linear-gradient(135deg, #1A73E8 0%, #8B5CF6 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

/* 기술력 섹션 - 아이콘 색상 그라데이션 */
#investment-landing-container .inv-landing-tech .step-icon-circle svg {
    stroke: url(#tech-icon-gradient);
}

/* ===============================================
   섹션 7: 오시는 길
   =============================================== */
#investment-landing-container .inv-location-container {
    max-width: 71vw;
    margin: 0 auto;
    width: 100%;
}

#investment-landing-container .inv-location-content {
    margin-top: 4vh;
    display: flex;
    justify-content: center;
}

#investment-landing-container .inv-map-wrapper {
    width: 100%;
    max-width: 71vw;
    min-height: 360px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(26, 115, 232, 0.15);
}

#investment-landing-container .inv-map-wrapper .root_daum_roughmap {
    width: 100% !important;
    border: none !important;
    height: 100%;
}

#investment-landing-container .inv-map-wrapper .root_daum_roughmap .map_border,
#investment-landing-container .inv-map-wrapper .root_daum_roughmap .wrap_map {
    border: none !important;
}

#investment-landing-container .inv-map-wrapper .root_daum_roughmap .cont,
#investment-landing-container .inv-map-wrapper .root_daum_roughmap .wrap_controllers,
#investment-landing-container .inv-map-wrapper .root_daum_roughmap .wrap_btn {
    display: none !important;
}

/* SVG 그라데이션 정의를 위한 스타일 */
#investment-landing-container .inv-landing-tech .step-icon-circle svg stop:first-child {
    stop-color: #1A73E8;
}

#investment-landing-container .inv-landing-tech .step-icon-circle svg stop:last-child {
    stop-color: #8B5CF6;
}

/* 기술력 섹션 - 타이틀 여백 조정 */
#investment-landing-container .inv-landing-tech .step-title {
    min-height: auto;
    margin-top: 2vh;
}

/* ===============================================
   섹션 7: 투자절차
   =============================================== */
#investment-landing-container .inv-landing-process {
    background: #f8fafc;
}

#investment-landing-container .inv-process-container {
    max-width: 71vw;
    margin: 0 auto;
    width: 100%;
}

#investment-landing-container .inv-process-steps {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 6vh;
}

#investment-landing-container .process-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.5vh;
    width: 14vw;
    min-width: 180px;
    position: relative;
}

/* 타임라인 연결선 */
#investment-landing-container .process-step:not(:last-child)::after {
    content: '';
    position: absolute;
    top: calc(5.5vh + 1.2em + 3.5vw);
    left: calc(50% + 3.5vw);
    width: 0;
    height: 2px;
    background: #d1d5db;
    z-index: 1;
}

/* 타임라인 화살표 */
#investment-landing-container .process-step:not(:last-child)::before {
    content: '';
    position: absolute;
    top: calc(3.5vh + 1.2em + 3.5vw - 8px);
    left: calc(50% + 3.5vw);
    width: 0;
    height: 0;
    border-left: 10px solid #d1d5db;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    z-index: 2;
    opacity: 0;
    transform: translateX(0);
}

/* 타임라인 애니메이션 */
#investment-landing-container .process-step.timeline-active:not(:last-child)::after {
    animation: drawTimeline 0.4s ease-out forwards;
}

/* 화살표 애니메이션 */
#investment-landing-container .process-step.timeline-active:not(:last-child)::before {
    animation: showArrow 0.4s ease-out forwards;
}

@keyframes drawTimeline {
    from {
        width: 0;
    }
    to {
        width: calc(100% - 7vw + 1.5vw);
    }
}

@keyframes showArrow {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    1% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        transform: translateX(calc(100% - 7vw + 1.5vw));
    }
}

/* Fade in animation for process steps */
#investment-landing-container .process-step-fadein {
    animation: stepFadeIn 0.6s ease-out forwards;
}

@keyframes stepFadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#investment-landing-container .step-number {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 1.3vw;
    font-weight: 700;
    color: #888888;
    letter-spacing: 0.05em;
    height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #efefef;
    border-radius: 50px;
    padding: 1vw;
}

#investment-landing-container .step-icon-circle {
    width: 7vw;
    height: 7vw;
    min-width: 100px;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #75ace3 0%, #8B5CF6 100%);
    border: none;
    border-radius: 50%;
    color: #ffffff;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

/* Sequential animation for process steps */
#investment-landing-container .process-step-active .step-icon-circle {
    animation: stepActivate 0.6s ease-out forwards;
}

@keyframes stepActivate {
    0% {
        transform: translateY(0) scale(1);
        box-shadow: 0 6px 18px rgba(26, 115, 232, 0.15);
        background: linear-gradient(135deg, #f8fafc 0%, #e5e7eb 100%);
    }
    50% {
        transform: translateY(-8px) scale(1.05);
        box-shadow: 0 12px 36px rgba(26, 115, 232, 0.25);
        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    }
    100% {
        transform: translateY(0) scale(1);
        box-shadow: 0 6px 18px rgba(26, 115, 232, 0.15);
        background: linear-gradient(135deg, #f8fafc 0%, #e5e7eb 100%);
    }
}

#investment-landing-container .step-title {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 1.05vw;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    letter-spacing: -0.01em;
    text-align: center;
    line-height: 1.1;
    min-height: 2.8em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

#investment-landing-container .step-description {
    font-size: 0.85em;
    font-weight: 400;
    display: block;
    text-align: center;
    margin-top: 5px;
}

#investment-landing-container .process-arrow {
    font-size: 1.8rem;
    color: #1A73E8;
    flex-shrink: 0;
    opacity: 0.6;
    align-self: center;
    margin-top: calc(1.2em + 1.5vh);
}

#investment-landing-container .inv-cta-primary {
    display: inline-flex;
    align-items: center;
    gap: 0.8vw;
    padding: 2vh 4vw;
    background: linear-gradient(135deg, #6699cc 0%, #4977b5 100%);
    color: #ffffff;
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 1.2vw;
    font-weight: 700;
    border-radius: 50vh;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1vh 3vh rgba(102, 153, 204, 0.4);
}

#investment-landing-container .inv-cta-primary:hover {
    transform: translateY(-0.5vh) scale(1.05);
    box-shadow: 0 1.5vh 4vh rgba(102, 153, 204, 0.6);
}

#investment-landing-container .cta-subtext {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 0.9vw;
    font-weight: 400;
    color: #94a3b8;
    margin-top: 1.5vh;
}

/* ===============================================
   반응형: 태블릿 (1024px 이하)
   =============================================== */
@media (max-width: 1024px) {
    #investment-landing-container .inv-hero-main-text h1 {
        font-size: 48px;
        margin: 0 0 60px 0;
    }

    #investment-landing-container .inv-hero-description p {
        font-size: 18px;
    }

    #investment-landing-container .inv-cta-button {
        font-size: 16px;
        padding: 12px 32px;
    }

    /* 운영사 섹션 태블릿 */
    #investment-landing-container .inv-trust-container {
        padding: 0 40px;
    }

    #investment-landing-container .inv-trust-content {
        flex-direction: column;
        gap: 30px;
    }

    #investment-landing-container .trust-image {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    #investment-landing-container .trust-image-placeholder p {
        font-size: 18px;
    }

    #investment-landing-container .trust-text {
        gap: 20px;
    }

    #investment-landing-container .trust-main-title {
        font-size: 18px;
        line-height: 1.6;
    }

    #investment-landing-container .trust-description {
        font-size: 15px;
        line-height: 1.7;
    }

    /* 수익구조 섹션 태블릿 */
    #investment-landing-container .inv-revenue-diagram-wrapper {
        margin-top: 40px;
    }

    #investment-landing-container .revenue-sources {
        gap: 30px;
    }

    #investment-landing-container .circle-icon {
        width: 100px;
        height: 100px;
    }

    #investment-landing-container .circle-label {
        font-size: 14px;
    }

    #investment-landing-container .revenue-result-box {
        padding: 20px 30px;
        min-width: auto;
    }

    #investment-landing-container .inv-location-container {
        max-width: 100%;
        padding: 0 40px;
    }

    #investment-landing-container .inv-map-wrapper {
        max-width: 100%;
        border-radius: 16px;
    }

    #investment-landing-container .result-main {
        font-size: 20px;
    }

    #investment-landing-container .result-sub {
        font-size: 16px;
    }

    /* 기술력 섹션 - 태블릿 카드 스타일 */
    #investment-landing-container .inv-landing-tech .process-step {
        padding: 25px 20px;
    }

    /* 투자절차 섹션 태블릿 */
    #investment-landing-container .inv-process-steps {
        flex-direction: column;
        gap: 40px; /* 세트 간 간격 넓힘 */
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 40px;
    }

    #investment-landing-container .process-step {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        gap: 15px; /* 세트 내부 간격 줄임 (STEP-아이콘-제목) */
    }

    /* 타임라인 선 & 화살표 제거 */
    #investment-landing-container .process-step:not(:last-child)::after,
    #investment-landing-container .process-step:not(:last-child)::before {
        display: none;
    }

    /* 타임라인 애니메이션 제거 */
    #investment-landing-container .process-step.timeline-active:not(:last-child)::after,
    #investment-landing-container .process-step.timeline-active:not(:last-child)::before {
        animation: none;
    }

    #investment-landing-container .process-arrow {
        transform: rotate(90deg);
        margin: 10px 0;
    }

    #investment-landing-container .step-number {
        font-size: 15px; /* vw 대신 px */
        padding: 8px 14px; /* vw 대신 px */
        height: auto;
    }

    #investment-landing-container .step-icon-circle {
        width: 100px;
        height: 100px;
    }

    #investment-landing-container .step-title {
        font-size: 16px;
    }

    /* Investment Points Section - 태블릿 */
    #investment-landing-container .inv-points-content {
        flex-direction: column;
        gap: 25px;
        margin-top: 25px;
    }

    #investment-landing-container .points-left,
    #investment-landing-container .points-right {
        width: 100%;
    }

    #investment-landing-container .points-list {
        justify-content: flex-start;
        gap: 15px;
    }

    #investment-landing-container .points-list li {
        font-size: 16px;
        padding-left: 20px;
        line-height: 1;
    }

    #investment-landing-container .revenue-example-box {
        width: 100%;
        padding: 20px 30px;
    }

    #investment-landing-container .revenue-percentage {
        font-size: 36px;
    }

    #investment-landing-container .revenue-tax {
        font-size: 14px;
    }

    #investment-landing-container .calc-line {
        font-size: 15px;
    }

    #investment-landing-container .calc-formula {
        font-size: 13px;
    }

    #investment-landing-container .calc-result {
        font-size: 17px;
    }

    /* 섹션 타이틀 태블릿 */
    #investment-landing-container .section-subtitle-simple,
    #investment-landing-container .section-main-subtitle {
        font-size: 15px;
        margin: 10px 0 0 0;
    }

    /* 수익구조 섹션 디스크립션 태블릿 */
    #investment-landing-container .inv-landing-revenue .section-subtitle {
        font-size: 15px;
        margin: 15px 0 0 0;
        line-height: 1.6;
    }
}

/* ===============================================
   반응형: 태블릿 (769px ~ 1024px)
   =============================================== */
@media (min-width: 769px) and (max-width: 1024px) {
    #investment-landing-container .inv-hero-wrapper {
        padding: 1.75vh 1vw 80px 1vw; /* 하단 문의폼 공간 확보 */
    }

    #investment-landing-container .inv-hero-section {
        height: calc(100vh - 4vh - 80px); /* 문의폼 높이만큼 빼기 */
    }

    #investment-landing-container .inv-hero-pre-text {
        padding: 10px 24px;
    }

    #investment-landing-container .inv-hero-pre-text span {
        font-size: 16px;
    }
}

/* ===============================================
   반응형: 모바일 (768px 이하)
   =============================================== */
@media (max-width: 768px) {
    #investment-landing-container .inv-hero-wrapper {
        padding: 0 0 100px 0; /* 하단 문의폼 공간 확보 */
        height: 100dvh;
    }

    #investment-landing-container .inv-hero-section {
        height: calc(100dvh - 100px); /* 문의폼 높이만큼 빼기 */
        border-radius: 0;
    }

    #investment-landing-container .inv-hero-content {
        max-width: 100%;
        padding: 0 20px 20px 20px;
        transform: translateY(0);
    }

    #investment-landing-container .inv-hero-pre-text {
        padding: 8px 20px;
        margin-bottom: 20px; /* 마진 추가 */
    }

    #investment-landing-container .inv-hero-pre-text span {
        font-size: 14px;
    }

    #investment-landing-container .inv-hero-main-text h1 {
        font-size: 48px; /* 36px → 48px로 크게 */
        margin: 0 0 40px 0;
    }

    #investment-landing-container .inv-hero-description p {
        font-size: 15px; /* 16px → 15px로 작게 */
        margin: 0 0 20px 0;
    }

    #investment-landing-container .inv-hero-sub-text p {
        font-size: 18px; /* 14px → 18px로 크게 (description보다 큼) */
        margin: 20px 0 0 0; /* 위 마진 추가 */
    }

    #investment-landing-container .inv-hero-cta {
        flex-direction: column;
        gap: 12px;
    }

    #investment-landing-container .inv-cta-button {
        font-size: 14px;
        padding: 12px 28px;
        width: 100%;
        max-width: 280px;
    }

    #investment-landing-container .inv-hero-branding {
        padding: 10px 15px;
    }

    #investment-landing-container .inv-branding-text {
        font-size: 12px;
    }

    #investment-landing-container .inv-location-container {
        padding: 0 20px;
    }

    #investment-landing-container .inv-map-wrapper {
        border-radius: 12px;
        box-shadow: 0 10px 24px rgba(26, 115, 232, 0.12);
    }

    /* 모바일 섹션 패딩 통일 */
    #investment-landing-container .section:not(.inv-landing-hero) {
        padding: 60px 0; /* 상하 동일한 패딩 */
    }

    /* 마지막 섹션만 하단 패딩 추가 (문의폼 공간) */
    #investment-landing-container .section:not(.inv-landing-hero):last-of-type {
        padding-bottom: 120px;
    }

    #investment-landing-container .inv-trust-container,
    #investment-landing-container .inv-revenue-container,
    #investment-landing-container .inv-points-container,
    #investment-landing-container .inv-tech-container,
    #investment-landing-container .inv-process-container {
        max-width: 100%;
        padding: 0 20px;
    }

    /* 운영사 섹션 모바일 */
    #investment-landing-container .inv-trust-content {
        flex-direction: column;
        gap: 25px;
        margin-top: 30px;
    }

    #investment-landing-container .trust-image {
        width: 100%;
        border-radius: 16px;
    }

    #investment-landing-container .trust-image-placeholder p {
        font-size: 16px;
    }

    #investment-landing-container .trust-text {
        gap: 15px;
    }

    #investment-landing-container .trust-main-title {
        font-size: 16px;
        line-height: 1.6;
    }

    #investment-landing-container .trust-description {
        font-size: 14px;
        line-height: 1.7;
    }

    /* 기술력 섹션 - 모바일 카드 스타일 */
    #investment-landing-container .inv-landing-tech .process-step {
        padding: 20px 15px;
    }

    /* 투자포인트 섹션 모바일 */
    #investment-landing-container .points-description {
        font-size: 16px;
    }

    #investment-landing-container .highlight-label {
        font-size: 13px;
    }

    #investment-landing-container .highlight-value {
        font-size: 48px;
    }

    #investment-landing-container .highlight-unit {
        font-size: 24px;
    }

    #investment-landing-container .highlight-desc {
        font-size: 13px;
    }

    #investment-landing-container .usage-text {
        font-size: 14px;
    }

    #investment-landing-container .disclaimer-text {
        font-size: 13px;
    }

    /* Investment Points Section - 모바일 */
    #investment-landing-container .inv-points-content {
        flex-direction: column;
        gap: 20px;
        margin-top: 20px;
        max-width: 100%;
    }

    #investment-landing-container .points-left {
        width: 100%;
        padding: 30px 20px; /* vw/vh 대신 px */
    }

    #investment-landing-container .points-right {
        width: 100%;
    }

    #investment-landing-container .points-list {
        padding-left: 0;
        justify-content: flex-start;
        gap: 12px;
    }

    #investment-landing-container .points-list li {
        font-size: 14px; /* vw 대신 px */
        padding-left: 0;
        line-height: 1.5;
        margin-bottom: 0;
    }

    #investment-landing-container .revenue-example-box {
        width: 100%;
        padding: 0;
        gap: 20px; /* vw 대신 px */
    }

    #investment-landing-container .revenue-label {
        font-size: 12px; /* vw 대신 px */
        margin: 0 0 8px 0; /* vh 대신 px */
    }

    #investment-landing-container .revenue-percentage {
        font-size: 36px; /* vw 대신 px */
        letter-spacing: -2px; /* vw 대신 px */
    }

    #investment-landing-container .revenue-label-main {
        font-size: 13px; /* vw 대신 px */
        margin: 0 0 8px 0; /* vh 대신 px */
    }

    #investment-landing-container .revenue-percentage-main {
        font-size: 36px; /* vw 대신 px */
        letter-spacing: -2px; /* vw 대신 px */
    }

    #investment-landing-container .term-icon-inline {
        margin-right: 4px; /* vw 대신 px */
    }

    #investment-landing-container .revenue-tax {
        font-size: 13px;
    }

    #investment-landing-container .calc-line {
        font-size: 14px;
    }

    #investment-landing-container .calc-formula {
        font-size: 12px;
    }

    #investment-landing-container .calc-result {
        font-size: 16px;
    }

    /* 수익구조 섹션 모바일 */
    #investment-landing-container .inv-revenue-diagram-wrapper {
        margin-top: 40px;
        padding: 0 20px;
    }

    #investment-landing-container .revenue-diagram {
        padding: 10px 0 0;
        gap: 10px;
    }

    #investment-landing-container .revenue-sources {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    #investment-landing-container .revenue-circle {
        gap: 12px;
    }

    #investment-landing-container .circle-icon {
        width: 80px;
        height: 80px;
        min-width: 80px;
        min-height: 80px;
    }

    #investment-landing-container .circle-label {
        font-size: 14px;
    }

    #investment-landing-container .revenue-result-box {
        padding: 15px 20px;
        min-width: auto;
        width: 100%;
    }

    #investment-landing-container .result-main {
        font-size: 18px;
    }

    #investment-landing-container .result-sub {
        font-size: 14px;
    }

    /* 섹션 타이틀 모바일 */
    #investment-landing-container .section-subtitle-simple,
    #investment-landing-container .section-main-subtitle {
        font-size: 14px;
        margin: 10px 0 0 0;
        line-height: 1.6;
    }

    /* 수익구조 섹션 디스크립션 모바일 */
    #investment-landing-container .inv-landing-revenue .section-subtitle {
        font-size: 14px;
        margin: 15px 0 0 0;
        line-height: 1.6;
    }

    /* 기술력 섹션 - 모바일 카드 스타일 유지 */

    /* 투자절차 섹션 모바일 - vw/vh를 px로 */
    #investment-landing-container .process-section-title {
        font-size: 18px; /* vw 대신 px */
        margin: 30px auto 0; /* vh 대신 px */
        text-align: center; /* 중앙 정렬 */
    }

    #investment-landing-container .inv-process-steps {
        flex-direction: column;
        gap: 35px; /* 세트 간 간격 넓힘 */
        margin-top: 40px; /* vh 대신 px */
    }

    #investment-landing-container .process-step {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
        gap: 12px; /* vh 대신 px - 세트 내부 간격 줄임 (STEP-아이콘-제목) */
    }

    /* 타임라인 선 & 화살표 제거 */
    #investment-landing-container .process-step:not(:last-child)::after,
    #investment-landing-container .process-step:not(:last-child)::before {
        display: none;
    }

    /* 타임라인 애니메이션 제거 */
    #investment-landing-container .process-step.timeline-active:not(:last-child)::after,
    #investment-landing-container .process-step.timeline-active:not(:last-child)::before {
        animation: none;
    }

    #investment-landing-container .step-number {
        font-size: 14px;
        height: auto;
        padding: 6px 12px;
    }

    #investment-landing-container .step-icon-circle {
        width: 80px;
        height: 80px;
        min-width: 80px;
        min-height: 80px;
    }

    #investment-landing-container .step-icon-circle svg {
        width: 32px;
        height: 32px;
    }

    #investment-landing-container .step-title {
        font-size: 16px;
        min-height: auto;
    }

    #investment-landing-container .step-description {
        font-size: 13px;
    }

    #investment-landing-container .inv-cta-primary {
        font-size: 15px;
        padding: 14px 28px;
    }

    #investment-landing-container .cta-subtext {
        font-size: 12px;
        margin-top: 12px;
    }
}

/* ===============================================
   하단 고정 문의 폼 (투자 랜딩 전용)
   =============================================== */

/* 하단 고정 문의 폼 - 투자 랜딩에서만 강제 표시 */
body:has(#investment-landing-container) .bottom-inquiry-container {
    display: block !important;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #6699cc 0%, #5a8dc4 100%);
    z-index: 999;
    box-shadow: 0 2px 28px rgba(0, 0, 0, 0.10);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
    transform: translateY(100%);
    opacity: 0;
}

@media (min-width: 1501px) {
    body:has(#investment-landing-container) .bottom-inquiry-container {
        padding: 20px 0;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    body:has(#investment-landing-container) .bottom-inquiry-container {
        /* padding: 25px 0; */
    }
}

/* PC: 히어로 중앙에 있을 때만 숨김 */
@media (min-width: 769px) {
    body:has(#investment-landing-container).inv-inquiry-visible .bottom-inquiry-container {
        transform: translateY(0);
        opacity: 1;
    }

    body:has(#investment-landing-container).inv-hero-visible .bottom-inquiry-container {
        transform: translateY(100%);
        opacity: 0;
    }
}

/* 태블릿 & 모바일: 무조건 항상 표시 */
@media (max-width: 1024px) {
    body:has(#investment-landing-container) .bottom-inquiry-container {
        transform: translateY(0) !important;
        opacity: 1 !important;
    }
}

@media (min-width: 1501px) {
    .bottom-inquiry-inner {
        padding: 0 5vw;
    }
}

@media (min-width: 1401px) and (max-width: 1500px) {
    .bottom-inquiry-inner {
        padding: 0 70px;
    }
}

@media (min-width: 851px) and (max-width: 1400px) {
    .bottom-inquiry-inner {
        padding: 20px 40px;
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }
}

.bottom-inquiry-inner {
    margin: 0 auto;
    display: flex;
    align-items: center;
}

/* 타이틀 */
.inquiry-title {
    color: #ffffff;
    font-weight: 700;
    font-family: 'SUIT', var(--font-family-korean);
    line-height: 1.3;
    text-align: left;
    word-break: keep-all;
    overflow-wrap: break-word;
}

@media (min-width: 1501px) {
    .inquiry-title {
        font-size: 1.2vw;
        margin: 0 2vw 0 0;
        white-space: nowrap;
    }
}

@media (min-width: 1401px) and (max-width: 1500px) {
    .inquiry-title {
        font-size: 18px;
        margin: 0 30px 0 0;
        white-space: nowrap;
    }
}

@media (min-width: 851px) and (max-width: 1400px) {
    .inquiry-title {
        font-size: 18px;
        margin: 0 0 10px 0;
        text-align: left;
        width: 100%;
        white-space: normal;
    }
}

/* 3컬럼 구조 */
@media (min-width: 1501px) {
    .inquiry-content {
        gap: 1.5vw;
    }
}

@media (min-width: 1401px) and (max-width: 1500px) {
    .inquiry-content {
        gap: 22px;
    }
}

@media (min-width: 851px) and (max-width: 1400px) {
    .inquiry-content {
        gap: 22px;
    }
}

.inquiry-content {
    display: flex;
    align-items: center;
    width: 100%;
}

/* 좌측: 인풋폼 (50%) */
.inquiry-form {
    flex: 5;
    min-width: 0;
}

.form-inputs {
    display: flex;
    align-items: center;
}

@media (min-width: 1501px) {
    .form-inputs {
        gap: 0.6vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .form-inputs {
        gap: 9px;
    }
}

/* 중앙: 개인정보 동의 (30%) */
.privacy-section {
    flex: 3;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

@media (min-width: 1501px) {
    .privacy-section {
        gap: 0.5vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .privacy-section {
        gap: 6px;
    }
}

/* 우측: 상담신청 버튼 (20%) */
.submit-section {
    flex: 2;
    min-width: 0;
}

.form-input {
    border: none;
    background: rgba(255, 255, 255, 0.95);
    font-family: 'SUIT', var(--font-family-korean);
    min-width: 0;
    width: 100%;
    transition: all 0.3s ease;
}

@media (min-width: 1501px) {
    .form-input {
        padding: 1vh 1.2vw;
        border-radius: 0.8vh;
        font-size: 0.9vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .form-input {
        padding: 10px 18px;
        border-radius: 10px;
        font-size: 13px;
    }
}

.form-input:focus {
    outline: none;
    background: #ffffff;
}

@media (min-width: 1501px) {
    .form-input:focus {
        box-shadow: 0 0 0 0.2vh rgba(255, 255, 255, 0.5);
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .form-input:focus {
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
    }
}

.form-input::placeholder {
    color: #666;
}

.name-input {
    flex: 1;
}

@media (min-width: 1501px) {
    .name-input {
        min-width: 7vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .name-input {
        min-width: 100px;
    }
}

.phone-input {
    flex: 1.7;
}

@media (min-width: 1501px) {
    .phone-input {
        min-width: 10vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .phone-input {
        min-width: 150px;
    }
}

.form-select {
    border: none;
    background: rgba(255, 255, 255, 0.95);
    font-family: 'SUIT', var(--font-family-korean);
    cursor: pointer;
    transition: all 0.3s ease;
    height: auto;
    line-height: normal;
}

@media (min-width: 1501px) {
    .form-select {
        padding: 1vh 1.2vw;
        border-radius: 0.8vh;
        font-size: 0.9vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .form-select {
        padding: 10px 18px;
        border-radius: 10px;
        font-size: 13px;
    }
}

.amount-select {
    flex: 1.8;
}

@media (min-width: 1501px) {
    .amount-select {
        min-width: 11vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .amount-select {
        min-width: 165px;
    }
}

.form-select:focus {
    outline: none;
    background: #ffffff;
}

@media (min-width: 1501px) {
    .form-select:focus {
        box-shadow: 0 0 0 0.2vh rgba(255, 255, 255, 0.5);
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .form-select:focus {
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
    }
}

/* 개인정보 동의 섹션 */
.privacy-agreement {
    display: flex;
    align-items: center;
    font-family: 'SUIT', var(--font-family-korean);
}

@media (min-width: 1501px) {
    .privacy-agreement {
        gap: 0.6vw;
        font-size: 0.9vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .privacy-agreement {
        gap: 9px;
        font-size: 13px;
    }
}

/* 체크박스 */
.privacy-checkbox {
    cursor: pointer;
    accent-color: #ffffff;
}

@media (min-width: 1501px) {
    .privacy-checkbox {
        width: 1.2vw;
        height: 1.2vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .privacy-checkbox {
        width: 18px;
        height: 18px;
    }
}

/* 개인정보동의 텍스트 */
.privacy-text {
    color: #ffffff;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
}

/* 자세히보기 검은 버튼 */
.privacy-detail-btn {
    background: #000000;
    color: #ffffff;
    border: none;
    font-weight: 500;
    font-family: 'SUIT', var(--font-family-korean);
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0;
    transition: all 0.3s ease;
    align-self: flex-end;
}

@media (min-width: 1501px) {
    .privacy-detail-btn {
        padding: 0.6vh 1vw;
        font-size: 0.8vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .privacy-detail-btn {
        padding: 8px 15px;
        font-size: 12px;
    }
}

.privacy-detail-btn:hover {
    background: #333333;
}

.submit-btn {
    background: #000000;
    color: #ffffff;
    border: none;
    font-weight: 700;
    font-family: 'SUIT', var(--font-family-korean);
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    width: 100%;
}

@media (min-width: 1501px) {
    .submit-btn {
        padding: 1.4vh 2vw;
        border-radius: 0.8vh;
        font-size: 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .submit-btn {
        padding: 14px 30px;
        border-radius: 10px;
        font-size: 15px;
    }
}

.submit-btn:hover {
    background: #333333;
}

@media (min-width: 1501px) {
    .submit-btn:hover {
        transform: translateY(-0.2vh);
        box-shadow: 0 0.5vh 1.5vh rgba(0, 0, 0, 0.3);
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .submit-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
    }
}

/* 개인정보 처리방침 모달 */
.privacy-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    animation: fadeIn 0.3s ease;
}

.privacy-modal.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.privacy-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}

.privacy-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 800px;
    max-height: 85vh;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    animation: slideUp 0.3s ease;
}

@keyframes slideUp {
    from {
        transform: translate(-50%, -45%);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

.privacy-modal-header {
    padding: 24px 30px;
    border-bottom: 2px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.privacy-modal-header h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    font-family: 'SUIT', var(--font-family-korean);
}

.privacy-modal-close {
    background: none;
    border: none;
    font-size: 32px;
    color: #64748b;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
    line-height: 1;
}

.privacy-modal-close:hover {
    color: #1e293b;
}

.privacy-modal-body {
    padding: 30px;
    overflow-y: auto;
    flex: 1;
    font-family: 'SUIT', var(--font-family-korean);
}

.privacy-modal-body::-webkit-scrollbar {
    width: 8px;
}

.privacy-modal-body::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.privacy-modal-body::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.privacy-modal-body::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.privacy-section-content {
    margin-bottom: 32px;
}

.privacy-section-content:last-child {
    margin-bottom: 0;
}

.privacy-section-content h3 {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 12px 0;
    padding-bottom: 6px;
    border-bottom: 2px solid #6699cc;
    line-height: 1.3;
}

.privacy-section-content p {
    font-size: 14px;
    line-height: 1.5;
    color: #475569;
    margin: 0 0 10px 0;
}

.privacy-section-content ul {
    margin: 10px 0;
    padding-left: 20px;
}

.privacy-section-content li {
    font-size: 14px;
    line-height: 1.5;
    color: #475569;
    margin-bottom: 6px;
}

.privacy-section-content li strong {
    color: #1e293b;
    font-weight: 600;
}

.privacy-section-content ul ul {
    margin-top: 8px;
    margin-bottom: 0;
}

.privacy-modal-footer {
    padding: 20px 30px;
    border-top: 2px solid #e5e7eb;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
}

.privacy-modal-btn-close {
    background: #6699cc;
    color: white;
    border: none;
    padding: 12px 40px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'SUIT', var(--font-family-korean);
    cursor: pointer;
    transition: all 0.3s ease;
}

.privacy-modal-btn-close:hover {
    background: #5a8dc4;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 153, 204, 0.3);
}

/* 모달 반응형 - 태블릿 */
@media (max-width: 1024px) {
    .privacy-modal-content {
        width: 85%;
        max-height: 80vh;
    }

    .privacy-modal-header {
        padding: 18px 24px;
    }

    .privacy-modal-header h2 {
        font-size: 18px;
        line-height: 1.3;
    }

    .privacy-modal-body {
        padding: 20px;
    }

    .privacy-section-content h3 {
        font-size: 15px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .privacy-section-content p,
    .privacy-section-content li {
        font-size: 13px;
        line-height: 1.4;
    }
}

/* 모달 반응형 - 모바일 */
@media (max-width: 768px) {
    .privacy-modal-content {
        width: 95%;
        max-height: 90vh;
        border-radius: 8px;
    }

    .privacy-modal-header {
        padding: 14px 18px;
    }

    .privacy-modal-header h2 {
        font-size: 16px;
        line-height: 1.3;
    }

    .privacy-modal-close {
        font-size: 26px;
        width: 26px;
        height: 26px;
    }

    .privacy-modal-body {
        padding: 16px;
    }

    .privacy-section-content {
        margin-bottom: 20px;
    }

    .privacy-section-content h3 {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 8px;
    }

    .privacy-section-content p,
    .privacy-section-content li {
        font-size: 12px;
        line-height: 1.4;
    }

    .privacy-modal-footer {
        padding: 14px 18px;
    }

    .privacy-modal-btn-close {
        padding: 9px 26px;
        font-size: 13px;
    }
}

/* 태블릿 전용 스타일 - 제거됨 (1500px 브레이크포인트로 통합) */

/* 모바일 반응형 */
@media (max-width: 850px) {
    body:has(#investment-landing-container) .bottom-inquiry-container {
        height: auto;
    }

    .bottom-inquiry-inner {
        padding: 12px 20px;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        height: auto;
    }

    .inquiry-title {
        font-size: 13px;
        margin: 0;
        white-space: normal;
        text-align: left;
        line-height: 1.3;
        letter-spacing: -0.3px;
    }

    .inquiry-content {
        flex-direction: column;
        gap: 8px;
    }

    .inquiry-form {
        width: 100%;
    }

    .form-inputs {
        flex-direction: row;
        gap: 6px;
    }

    .form-input,
    .form-select {
        padding: 10px 10px;
        font-size: 13px;
        border-radius: 6px;
        letter-spacing: -0.2px;
    }

    .name-input,
    .phone-input,
    .amount-select {
        flex: 1;
        min-width: 0;
    }

    .privacy-section {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .privacy-agreement {
        font-size: 12px;
        gap: 6px;
    }

    .privacy-text {
        letter-spacing: -0.3px;
    }

    .privacy-checkbox {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

    .privacy-detail-btn {
        padding: 6px 12px;
        font-size: 11px;
        border-radius: 4px;
        letter-spacing: -0.2px;
        flex-shrink: 0;
    }

    .submit-section {
        width: 100%;
    }

    .submit-btn {
        width: 100%;
        padding: 11px 16px;
        font-size: 15px;
        border-radius: 6px;
        letter-spacing: -0.3px;
    }
}

/* ===============================================
   언론 속 청풍블루아이 섹션 (Hero Video Dialog)
   =============================================== */
#investment-landing-container .inv-landing-media {
    background: #f8fafc;
}

@media (min-width: 1401px) {
    #investment-landing-container .inv-landing-media {
        padding: 10vh 0;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    #investment-landing-container .inv-landing-media {
        padding: 80px 0;
    }
}

/* PC: 섹션 자체가 이미 flex center이므로 container는 내용만 */
#investment-landing-container .inv-media-container {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (min-width: 1501px) {
    #investment-landing-container .inv-media-container {
        max-width: 71vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .inv-media-container {
        max-width: 1400px;
        padding: 0 40px;
    }
}

/* PC 전용: 확실한 중앙 정렬 */
@media (min-width: 769px) {
    #investment-landing-container .inv-media-container {
        align-self: center;
    }
}

/* 벤토그리드 레이아웃 */
#investment-landing-container .media-bento-grid {
    display: flex;
    width: 100%;
}

@media (min-width: 1501px) {
    #investment-landing-container .media-bento-grid {
        gap: 2vw;
        height: 55vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .media-bento-grid {
        gap: 30px;
        height: 550px;
    }
}

/* 좌측: 비디오 영역 (60%) */
#investment-landing-container .media-video-box {
    flex: 0 0 60%;
    height: 100%;
}

/* 우측: 기사 영역 (40%) */
#investment-landing-container .media-articles-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media (min-width: 1501px) {
    #investment-landing-container .media-articles-box {
        flex: 0 0 calc(40% - 2vw);
        gap: 2vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .media-articles-box {
        flex: 0 0 calc(40% - 30px);
        gap: 20px;
    }
}

/* 비디오 컨테이너 */
#investment-landing-container .video-container {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 100%;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease;
}

#investment-landing-container .video-container:hover {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

/* 썸네일 */
#investment-landing-container .video-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#investment-landing-container .video-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#investment-landing-container .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(26, 115, 232, 0.1), rgba(139, 92, 246, 0.1));
    transition: opacity 0.3s ease;
}

#investment-landing-container .video-container:hover .video-overlay {
    opacity: 0.7;
}

/* 재생 버튼 */
#investment-landing-container .video-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 2;
    transition: all 0.3s ease;
}

@media (min-width: 1501px) {
    #investment-landing-container .video-play-button {
        gap: 1.5vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .video-play-button {
        gap: 15px;
    }
}

#investment-landing-container .video-play-button:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

/* 기사 박스 */
#investment-landing-container .article-box {
    flex: 1;
    position: relative;
    text-decoration: none;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

#investment-landing-container .article-box:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* 기사 이미지 */
#investment-landing-container .article-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 그라데이션 오버레이 (비디오 + 기사) */
#investment-landing-container .media-gradient-overlay,
#investment-landing-container .article-gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(102, 153, 204, 0.9) 0%, rgba(102, 153, 204, 0.6) 50%, transparent 100%);
    z-index: 3;
    display: flex;
    align-items: flex-start;
    transition: background 0.3s ease;
}

@media (min-width: 1501px) {
    #investment-landing-container .media-gradient-overlay,
    #investment-landing-container .article-gradient-overlay {
        padding: 1.5vh 1.5vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .media-gradient-overlay,
    #investment-landing-container .article-gradient-overlay {
        padding: 15px 22px;
    }
}

#investment-landing-container .article-box:hover .article-gradient-overlay {
    background: linear-gradient(180deg, rgba(90, 141, 196, 0.95) 0%, rgba(90, 141, 196, 0.7) 50%, transparent 100%);
}

/* 제목 스타일 */
#investment-landing-container .media-title,
#investment-landing-container .article-title {
    color: #ffffff;
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    word-break: keep-all;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

@media (min-width: 1501px) {
    #investment-landing-container .media-title,
    #investment-landing-container .article-title {
        font-size: 1.1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .media-title,
    #investment-landing-container .article-title {
        font-size: 16px;
    }
}

/* 기사보기 버튼 */
#investment-landing-container .article-view-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.95);
    color: #1A73E8;
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 700;
    border-radius: 50px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

@media (min-width: 1501px) {
    #investment-landing-container .article-view-button {
        font-size: 0.9vw;
        padding: 0.5vh 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .article-view-button {
        font-size: 13px;
        padding: 5px 15px;
    }
}

#investment-landing-container .article-view-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: rgba(26, 115, 232, 0.3);
    animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    z-index: -1;
}

#investment-landing-container .article-box:hover .article-view-button {
    transform: translate(-50%, -50%) scale(1.1);
    background: #1A73E8;
    color: #ffffff;
}

#investment-landing-container .play-icon-wrapper {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    position: relative;
}

#investment-landing-container .play-icon-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(26, 115, 232, 0.3);
    animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

@keyframes pulse-ring {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

#investment-landing-container .video-play-button:hover .play-icon-wrapper {
    background: #1A73E8;
}

#investment-landing-container .play-icon {
    width: 32px;
    height: 32px;
    color: #1A73E8;
    transition: color 0.3s ease;
    stroke-width: 2.5;
    fill: #1A73E8;
}

#investment-landing-container .video-play-button:hover .play-icon {
    color: #ffffff;
    fill: #ffffff;
}


/* 비디오 모달 */
.video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.video-modal.active {
    opacity: 1;
    pointer-events: auto;
}

.video-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    cursor: pointer;
}

/* 비디오 모달 컨텐츠 */
@media (min-width: 1501px) {
    .video-modal-content {
        width: 90vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .video-modal-content {
        width: 1350px;
        padding: 0 40px;
        box-sizing: border-box;
    }
}

.video-modal-content {
    position: relative;
    max-width: 1400px;
    z-index: 2;
    animation: modalSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.video-modal-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 비율 */
    border-radius: 12px;
    overflow: visible;
    box-shadow: 0 25px 100px rgba(0, 0, 0, 0.5);
}

.video-modal-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 44px;
    height: 44px;
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #ffffff;
    z-index: 10;
}

.video-modal-close:hover {
    background: rgba(0, 0, 0, 0.95);
    border-color: rgba(255, 255, 255, 0.4);
    transform: rotate(90deg) scale(1.1);
}

.video-modal-close svg {
    width: 20px;
    height: 20px;
}

.video-modal-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 태블릿 반응형 (769-1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    #investment-landing-container .inv-landing-media {
        padding: 80px 0;
    }

    #investment-landing-container .inv-media-container {
        max-width: 1400px;
        padding: 0 40px;
        margin: 0 auto;
    }

    /* 벤토그리드 반응형 (태블릿) */
    #investment-landing-container .media-bento-grid {
        flex-direction: column;
        gap: 40px;
        height: auto;
    }

    #investment-landing-container .media-video-box,
    #investment-landing-container .media-articles-box {
        flex: 1;
        height: auto;
    }

    #investment-landing-container .video-container {
        aspect-ratio: 16 / 9;
        height: auto;
    }

    #investment-landing-container .article-box {
        aspect-ratio: 16 / 9;
        height: auto;
    }

    #investment-landing-container .media-title,
    #investment-landing-container .article-title {
        font-size: 16px;
    }

    #investment-landing-container .media-gradient-overlay,
    #investment-landing-container .article-gradient-overlay {
        padding: 16px;
    }

    #investment-landing-container .article-view-button {
        font-size: 16px;
        padding: 12px 28px;
    }

    #investment-landing-container .play-icon-wrapper {
        width: 70px;
        height: 70px;
    }

    #investment-landing-container .play-icon {
        width: 28px;
        height: 28px;
    }

    .video-modal-content {
        width: 92vw;
    }

    .video-modal-close {
        top: -12px;
        right: -12px;
        width: 40px;
        height: 40px;
    }

    .video-modal-close svg {
        width: 18px;
        height: 18px;
    }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    #investment-landing-container .inv-landing-media {
        padding: 60px 0;
    }

    #investment-landing-container .inv-media-container {
        max-width: 100%;
        padding: 0 20px;
    }

    /* 벤토그리드 반응형 (모바일) */
    #investment-landing-container .media-bento-grid {
        flex-direction: column;
        gap: 3vh;
        height: auto;
    }

    #investment-landing-container .media-video-box,
    #investment-landing-container .media-articles-box {
        flex: 1;
        height: auto;
    }

    #investment-landing-container .video-container {
        aspect-ratio: 16 / 9;
        height: auto;
    }

    #investment-landing-container .article-box {
        aspect-ratio: 16 / 9;
        height: auto;
    }

    #investment-landing-container .media-title,
    #investment-landing-container .article-title {
        font-size: 14px;
    }

    #investment-landing-container .media-gradient-overlay,
    #investment-landing-container .article-gradient-overlay {
        padding: 14px;
    }

    #investment-landing-container .video-container {
        border-radius: 12px;
    }

    #investment-landing-container .article-view-button {
        font-size: 14px;
        padding: 10px 24px;
    }

    #investment-landing-container .play-icon-wrapper {
        width: 60px;
        height: 60px;
    }

    #investment-landing-container .play-icon {
        width: 24px;
        height: 24px;
    }

    .video-modal-content {
        width: 95vw;
    }

    .video-modal-close {
        top: -10px;
        right: -10px;
        width: 36px;
        height: 36px;
    }

    .video-modal-close svg {
        width: 16px;
        height: 16px;
    }

    .video-modal-wrapper {
        border-radius: 8px;
    }
}

/* ===============================================
   휠테크란? 섹션
   =============================================== */
.inv-landing-wheeltech {
    background: #ffffff;
}

@media (min-width: 1401px) {
    .inv-landing-wheeltech {
        padding: 10vh 0;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    .inv-landing-wheeltech {
        padding: 80px 0;
    }
}

.inv-wheeltech-container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1501px) {
    .inv-wheeltech-container {
        max-width: 71vw;
        padding: 0 4vw;
        gap: 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .inv-wheeltech-container {
        max-width: 1400px;
        padding: 0 40px;
        gap: 15px;
    }
}

/* 상 박스 */
.wheeltech-top {
    flex: 1;
}

.wheeltech-top > .wheeltech-intro {
    width: 100%;
    height: 100%;
}

/* 하 박스 */
.wheeltech-bottom {
    display: flex;
    flex: 1;
}

@media (min-width: 1501px) {
    .wheeltech-bottom {
        gap: 1vw;
    }

    .wheeltech-bottom > .wheeltech-revenue {
        flex: 0 0 calc(65% - 0.5vw);
    }

    .wheeltech-bottom > .wheeltech-cta {
        flex: 0 0 calc(35% - 0.5vw);
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .wheeltech-bottom {
        gap: 15px;
    }

    .wheeltech-bottom > .wheeltech-revenue {
        flex: 0 0 calc(65% - 7.5px);
    }

    .wheeltech-bottom > .wheeltech-cta {
        flex: 0 0 calc(35% - 7.5px);
    }
}

/* 공통 박스 스타일 */
.wheeltech-box {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1501px) {
    .wheeltech-box {
        border-radius: 0.6vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .wheeltech-box {
        border-radius: 9px;
    }
}

/* 텍스트 박스 */
.wheeltech-intro,
.wheeltech-revenue {
    background: transparent; /* 배경 제거 */
    border: none; /* 보더 제거 */
    box-shadow: none; /* 섀도우 제거 */
}

@media (min-width: 1501px) {
    .wheeltech-intro,
    .wheeltech-revenue {
        padding: 1.5vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .wheeltech-intro,
    .wheeltech-revenue {
        padding: 22px;
    }
}

/* CTA 박스 - 플로팅 쉐도우 적용 */
.wheeltech-cta {
    background: #e3ecf8; /* 연파랑 배경색 */
    border: none;
    /* 플로팅 쉐도우 효과 */
    border-radius: 24px;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.08),
        0 8px 24px rgba(0, 0, 0, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 내용과 아이콘을 위아래로 배치 */
}

@media (min-width: 1501px) {
    .wheeltech-cta {
        padding: 1.5vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .wheeltech-cta {
        padding: 22px;
    }
}

.wheeltech-cta:hover {
    transform: translateY(-4px);
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.12),
        0 12px 32px rgba(0, 0, 0, 0.06);
}

/* CTA 아이콘 스타일 */
.wheeltech-cta-icon {
    width: 21%;
    height: auto;
    object-fit: contain;
    align-self: flex-end; /* 우측 정렬 */
    margin-top: auto; /* 하단으로 푸시 */
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.wheeltech-cta:hover .wheeltech-cta-icon {
    opacity: 1;
}

/* 태블릿: 아이콘 px로 */
@media (max-width: 1024px) {
    .wheeltech-cta-icon {
        width: 60px;
    }
}

/* 모바일: 아이콘 px로 */
@media (max-width: 768px) {
    .wheeltech-cta-icon {
        width: 50px;
    }
}

.wheeltech-title {
    font-weight: 700;
    line-height: 1.3;
    word-break: keep-all;
    /* 그라데이션 적용 */
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 1501px) {
    .wheeltech-title {
        font-size: clamp(1.2rem, 1.5vw, 1.7rem);
        margin-bottom: 1vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .wheeltech-title {
        font-size: 22px;
        margin-bottom: 12px;
    }
}

.wheeltech-content {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1501px) {
    .wheeltech-content {
        gap: 0.8vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .wheeltech-content {
        gap: 10px;
    }
}

.wheeltech-content p {
    line-height: 1.5;
    color: #4a5568;
    margin: 0;
    word-break: keep-all;
}

@media (min-width: 1501px) {
    .wheeltech-content p {
        font-size: clamp(0.9rem, 1vw, 1.05rem);
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .wheeltech-content p {
        font-size: 15px;
    }
}

.wheeltech-content p strong {
    color: #1a1a1a;
    font-weight: 700;
}

/* 이미지 박스 */
.wheeltech-image {
    background: #f1f3f5;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wheeltech-image-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #dee2e6 0%, #e9ecef 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.wheeltech-image-placeholder::after {
    content: 'IMG';
    font-size: 3rem;
    font-weight: 700;
    color: #adb5bd;
    letter-spacing: 0.2em;
}

/* 태블릿 반응형 */
@media (max-width: 1024px) {
    .inv-wheeltech-container {
        padding: 0 40px;
        gap: 16px;
        height: auto;
    }

    .wheeltech-bottom {
        gap: 16px;
    }

    .wheeltech-box {
        border-radius: 12px;
    }

    .wheeltech-intro,
    .wheeltech-revenue,
    .wheeltech-cta {
        padding: 24px;
    }

    .wheeltech-title {
        font-size: 1.3rem;
        margin-bottom: 12px;
        /* 그라데이션 유지 */
        background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .wheeltech-content {
        gap: 10px;
    }

    .wheeltech-content p {
        font-size: 0.95rem;
        line-height: 1.5;
    }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .inv-wheeltech-container {
        padding: 0 20px;
        gap: 12px;
        height: auto;
    }

    .wheeltech-bottom {
        flex-direction: column;
        gap: 12px;
    }

    .wheeltech-bottom > .wheeltech-revenue,
    .wheeltech-bottom > .wheeltech-cta {
        flex: 0 0 100%;
    }

    .wheeltech-box {
        border-radius: 10px;
    }


    .wheeltech-title {
        font-size: 1.2rem;
        margin-bottom: 10px;
        /* 그라데이션 유지 */
        background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .wheeltech-content {
        gap: 0px;
    }

    .wheeltech-content p {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    .wheeltech-image {
        min-height: 200px;
    }

    .wheeltech-image-placeholder::after {
        font-size: 2rem;
    }
}

/* ===============================================
   왜 관광 사업에 참여해야 할까요? 섹션
   =============================================== */
.inv-landing-why {
    background: #f8fafc;
}

@media (min-width: 1401px) {
    .inv-landing-why {
        padding: 10vh 0;
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    .inv-landing-why {
        padding: 80px 0;
    }
}

.inv-why-container {
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 1501px) {
    .inv-why-container {
        max-width: 71vw;
        padding: 0 4vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .inv-why-container {
        max-width: 1400px;
        padding: 0 40px;
    }
}

/* 벤토그리드 레이아웃 - Flexbox */
.why-bento-grid {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1501px) {
    .why-bento-grid {
        gap: 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .why-bento-grid {
        gap: 15px;
    }
}

/* 각 행 (상, 하 박스) */
.why-row {
    display: flex;
    flex: 1;
}

@media (min-width: 1501px) {
    .why-row {
        gap: 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .why-row {
        gap: 15px;
    }
}

/* 상 박스 (1행): 텍스트 65%, 이미지 35% */
.why-row:nth-child(1) > .why-box:nth-child(1) {
    flex: 0 0 65%;
}

.why-row:nth-child(1) > .why-box:nth-child(2) {
    flex: 0 0 35%;
}

/* 하 박스 (2행): 이미지 35%, 텍스트 65% */
.why-row:nth-child(2) > .why-box:nth-child(1) {
    flex: 0 0 35%;
}

.why-row:nth-child(2) > .why-box:nth-child(2) {
    flex: 0 0 65%;
}

/* 공통 박스 스타일 */
.why-box {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1501px) {
    .why-box {
        border-radius: 0.6vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .why-box {
        border-radius: 9px;
    }
}

/* 텍스트 박스 */
.why-box-large {
    background: transparent; /* 배경 제거 */
    border: none; /* 보더 제거 */
    box-shadow: none; /* 쉐도우 제거 */
}

@media (min-width: 1501px) {
    .why-box-large {
        padding: 1.5vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .why-box-large {
        padding: 22px;
    }
}

.why-title {
    font-weight: 700;
    line-height: 1.3;
    word-break: keep-all;
    /* 그라데이션 적용 */
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 1501px) {
    .why-title {
        font-size: clamp(1.2rem, 1.5vw, 1.7rem);
        margin-bottom: 1vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .why-title {
        font-size: 22px;
        margin-bottom: 12px;
    }
}

.why-content {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1501px) {
    .why-content {
        gap: 0.8vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .why-content {
        gap: 10px;
    }
}

.why-content p {
    line-height: 1.5;
    color: #4a5568;
    margin: 0;
    word-break: keep-all;
}

@media (min-width: 1501px) {
    .why-content p {
        font-size: clamp(0.9rem, 1vw, 1.05rem);
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .why-content p {
        font-size: 15px;
    }
}

/* 이미지 박스 - 플로팅 쉐도우 적용 */
.why-image-box {
    background: #e9e8ff; /* 연보라 배경색 */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    /* 플로팅 쉐도우 효과 */
    border-radius: 24px;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.08),
        0 8px 24px rgba(0, 0, 0, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.why-image-box:hover {
    transform: translateY(-4px);
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.12),
        0 12px 32px rgba(0, 0, 0, 0.06);
}

/* 아이콘 이미지 스타일 */
.why-icon {
    width: 30%;
    height: auto;
    object-fit: contain;
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

.why-image-box:hover .why-icon {
    opacity: 1;
}

/* 두 번째 행의 이미지 박스 - 다른 배경색 */
.why-row:nth-child(2) .why-image-box {
    background: #d0e5fe; /* 연파랑 배경색 */
}

/* 플레이스홀더 제거 */
.why-image-placeholder {
    display: none; /* 회색 배경 제거 */
}

.why-image-placeholder::after {
    display: none; /* IMG 텍스트 제거 */
}

/* 태블릿 반응형 */
@media (max-width: 1024px) {
    .inv-why-container {
        padding: 0 40px;
    }

    .why-bento-grid {
        gap: 16px;
        height: auto;
    }

    .why-row {
        gap: 16px;
    }

    .why-box {
        border-radius: 12px;
    }

    .why-box-large {
        padding: 24px;
    }

    .why-title {
        font-size: 1.3rem;
        margin-bottom: 12px;
        /* 그라데이션 유지 */
        background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .why-content {
        gap: 10px;
    }

    .why-content p {
        font-size: 0.95rem;
        line-height: 1.5;
    }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .inv-why-container {
        padding: 0 20px;
    }

    .why-bento-grid {
        gap: 12px;
        height: auto;
    }

    .why-row {
        flex-direction: column;
        gap: 12px;
    }

    /* 두 번째 행의 순서 변경: 텍스트 먼저, 이미지 나중 */
    .why-row:nth-child(2) {
        flex-direction: column-reverse;
    }

    /* 모바일에서는 모든 박스가 100% 너비 */
    .why-row:nth-child(1) > .why-box:nth-child(1),
    .why-row:nth-child(1) > .why-box:nth-child(2),
    .why-row:nth-child(2) > .why-box:nth-child(1),
    .why-row:nth-child(2) > .why-box:nth-child(2) {
        flex: 0 0 100%;
    }

    .why-box {
        border-radius: 10px;
    }

    .why-box-large {
        padding: 20px;
    }

    .why-title {
        font-size: 1.2rem;
        margin-bottom: 10px;
        /* 그라데이션 유지 */
        background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .why-content {
        gap: 8px;
    }

    .why-content p {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    .why-image-box {
        min-height: 200px;
    }

    .why-image-placeholder::after {
        font-size: 2rem;
    }
}

/* ============================
   AI 안전 시스템 섹션 (새로운 레이아웃)
   좌측 4개 (2x2) + 중앙 원형 이미지 + 우측 4개 (2x2)
============================ */
#investment-landing-container .inv-landing-ai-safety {
    background: white;
    position: relative;
}

@media (min-width: 1501px) {
    #investment-landing-container .inv-landing-ai-safety {
        padding: 10vh 0;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .inv-landing-ai-safety {
        padding: 100px 0;
    }
}

#investment-landing-container .inv-ai-safety-container {
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 1501px) {
    #investment-landing-container .inv-ai-safety-container {
        max-width: 71vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    #investment-landing-container .inv-ai-safety-container {
        max-width: 1400px;
    }
}

/* AI 안전 시스템 콘텐츠 컨테이너 - Flexbox로 간단하게 */
.ai-safety-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1501px) {
    .ai-safety-content {
        gap: 3vw;
        margin-top: 6vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .ai-safety-content {
        gap: 45px;
        margin-top: 60px;
    }
}

/* 좌측 4개 항목 (2x2 그리드) */
.ai-safety-left {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    align-items: start;
}

@media (min-width: 1501px) {
    .ai-safety-left {
        gap: 3vh 2vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .ai-safety-left {
        gap: 30px 30px;
    }
}

/* 우측 4개 항목 (2x2 그리드) */
.ai-safety-right {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    align-items: start;
}

@media (min-width: 1501px) {
    .ai-safety-right {
        gap: 3vh 2vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .ai-safety-right {
        gap: 30px 30px;
    }
}

/* 개별 AI 안전 항목 */
.ai-safety-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 100%;
}

@media (min-width: 1501px) {
    .ai-safety-item {
        gap: 1vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .ai-safety-item {
        gap: 10px;
    }
}

/* PC에서는 ai-item-header를 무시하고 기본 흐름으로 */
.ai-item-header {
    display: contents;
}

/* 아이콘 원형 배경 */
.ai-icon-circle {
    border-radius: 50%;
    background: linear-gradient(135deg, #e8f0fe 0%, #f3e8ff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(121, 95, 255, 0.15);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1501px) {
    .ai-icon-circle {
        width: 4.5vw;
        height: 4.5vw;
        min-width: 60px;
        min-height: 60px;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .ai-icon-circle {
        width: 67px;
        height: 67px;
    }
}

.ai-safety-item:hover .ai-icon-circle {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 8px 25px rgba(121, 95, 255, 0.25);
}

.ai-icon-circle svg {
    min-width: 32px;
    min-height: 32px;
}

@media (min-width: 1501px) {
    .ai-icon-circle svg {
        width: 2.5vw;
        height: 2.5vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .ai-icon-circle svg {
        width: 37px;
        height: 37px;
    }
}

/* 아이템 제목 */
.ai-item-title {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 700;
    color: #15223d;
    margin: 0;
    line-height: 1.3;
    word-break: keep-all;
    min-height: 1.5em; /* 제목 높이 고정 */
}

@media (min-width: 1501px) {
    .ai-item-title {
        font-size: 1.1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .ai-item-title {
        font-size: 18px;
    }
}

/* 아이템 설명 */
.ai-item-desc {
    font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 400;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
    word-break: keep-all;
    flex: 1; /* 남은 공간을 차지하여 균일한 레이아웃 유지 */
}

@media (min-width: 1501px) {
    .ai-item-desc {
        font-size: 0.8vw;
        letter-spacing: -0.05vw;
        max-width: 10vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .ai-item-desc {
        font-size: 14px;
        letter-spacing: -0.5px;
        max-width: 150px;
    }
}

/* 중앙 원형 이미지 */
.ai-safety-center {
    flex-shrink: 0; /* 줄어들지 않도록 */
    position: relative;
}

@media (min-width: 1501px) {
    .ai-safety-center {
        width: 20vw;
        height: 20vw;
        min-width: 280px;
        min-height: 280px;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .ai-safety-center {
        width: 300px;
        height: 300px;
    }
}

.ai-safety-center::before,
.ai-safety-center::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    opacity: 0.4;
    transform: translate(-50%, -50%);
    animation: pulse-ring-ai 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    z-index: 0;
}

.ai-safety-center::after {
    animation-delay: 1s;
}

@keyframes pulse-ring-ai {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.4;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0;
    }
}

.ai-center-image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.ai-center-image:hover {
    transform: scale(1.02);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

.ai-center-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 태블릿 반응형 (1024px 이하) - px 단위로 변환 */
@media (max-width: 1024px) {
    #investment-landing-container .inv-ai-safety-container {
        max-width: 90%;
        padding: 0 30px;
    }

    .ai-safety-content {
        gap: 40px;
        margin-top: 50px;
    }

    .ai-safety-left,
    .ai-safety-right {
        gap: 30px 24px; /* 세로 가로 */
    }

    .ai-icon-circle {
        width: 64px;
        height: 64px;
        min-width: 64px;
        min-height: 64px;
    }

    .ai-icon-circle svg {
        width: 32px;
        height: 32px;
    }

    .ai-item-title {
        font-size: 15px;
        line-height: 1.4;
    }

    .ai-item-desc {
        font-size: 13px;
        line-height: 1.6;
        max-width: 140px;
    }

    .ai-safety-center {
        width: 220px;
        height: 220px;
        min-width: 220px;
        min-height: 220px;
    }
}

/* 모바일 반응형 (768px 이하) - 세로 나열, px 단위 */
@media (max-width: 768px) {
    #investment-landing-container .inv-ai-safety-container {
        max-width: 100%;
        padding: 0 20px;
    }

    .ai-safety-content {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
    }

    /* 중앙 이미지를 맨 위로 */
    .ai-safety-center {
        order: -1;
        width: 200px;
        height: 200px;
        min-width: 200px;
        min-height: 200px;
        margin: 0 auto;
    }

    /* 좌측/우측 항목을 세로로 나열 */
    .ai-safety-left,
    .ai-safety-right {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
    }

    .ai-safety-item {
        flex-direction: column;
        text-align: left;
        gap: 12px;
        padding: 18px;
        background: #f8fafc;
        border-radius: 16px;
        align-items: flex-start;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        width: 100%;
    }

    .ai-item-header {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        width: 100%;
    }

    .ai-icon-circle {
        width: 56px;
        height: 56px;
        min-width: 56px;
        min-height: 56px;
        flex-shrink: 0;
    }

    .ai-icon-circle svg {
        width: 28px;
        height: 28px;
    }

    .ai-item-title {
        font-size: 15px;
        font-weight: 700;
        text-align: left;
        flex: 1;
    }

    .ai-item-desc {
        font-size: 13px;
        text-align: left;
        line-height: 1.6;
        width: 100%;
        max-width: none;
    }
}

/* ===============================================
   섹션 8: 수익 구조 안내
   =============================================== */
.inv-landing-revenue-flow {
    background: #ffffff;
    position: relative;
}

@media (min-width: 1501px) {
    .inv-landing-revenue-flow {
        padding: 10vh 0;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .inv-landing-revenue-flow {
        padding: 100px 0;
    }
}

/* 이 섹션에서만 중제목 margin-bottom 제거 */
.inv-landing-revenue-flow .section-header {
    margin-bottom: 0;
    min-height: auto;
}

.inv-revenue-flow-container {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

@media (min-width: 1501px) {
    .inv-revenue-flow-container {
        max-width: 71vw;
        padding: 0 2vw;
        gap: 4vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .inv-revenue-flow-container {
        max-width: 1400px;
        padding: 0 30px;
        gap: 40px;
    }
}

/* 수익 흐름 다이어그램 */
.revenue-flow-diagram {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

@media (min-width: 1501px) {
    .revenue-flow-diagram {
        gap: 2vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .revenue-flow-diagram {
        gap: 50px;
    }
}

/* 공통 박스 스타일 */
.flow-box {
    background: #ffffff;
    border-radius: 12px;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.08),
        0 8px 24px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (min-width: 1501px) {
    .flow-box {
        padding: 1.2vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-box {
        padding: 18px;
    }
}

/* 좌측: 관광객 수 */
.flow-source {
    background: linear-gradient(135deg, #d2beff 0%, #d0e7ff 100%);
}

@media (min-width: 1501px) {
    .flow-source {
        min-width: 14vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-source {
        min-width: 210px;
    }
}

.flow-number {
    font-weight: 800;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 1501px) {
    .flow-number {
        font-size: 2vw;
        margin-bottom: 1vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-number {
        font-size: 30px;
        margin-bottom: 10px;
    }
}

/* 숫자 카운트 시 단위 고정 */
.count-up {
    display: inline-block;
    min-width: 1em;
    text-align: left;
}

.flow-number .count-up {
    min-width: 4ch;
    text-align: right;
}

.flow-amount .count-up {
    min-width: 3ch;
    text-align: right;
}

.flow-price .count-up {
    min-width: 6ch;
    text-align: right;
}

.unit-fixed {
    display: inline-block;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.flow-label {
    font-weight: 600;
    color: #4a5568;
    line-height: 1.3;
    word-break: keep-all;
}

@media (min-width: 1501px) {
    .flow-label {
        font-size: 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-label {
        font-size: 15px;
    }
}

/* 화살표 래퍼 */
.flow-arrow-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1501px) {
    .flow-arrow-wrapper {
        gap: 0.8vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-arrow-wrapper {
        gap: 8px;
    }
}

/* 화살표 위 텍스트 */
.flow-note-above {
    font-weight: 600;
    color: #ef4444;
    line-height: 1.2;
    white-space: nowrap;
}

@media (min-width: 1501px) {
    .flow-note-above {
        font-size: 0.9vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-note-above {
        font-size: 16px;
    }
}

/* 화살표 (단일, 두껍고 임팩트) */
.flow-arrow-single {
    height: 6px;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    position: relative;
    border-radius: 3px;
}

@media (min-width: 1501px) {
    .flow-arrow-single {
        width: 4vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-arrow-single {
        width: 60px;
    }
}

.flow-arrow-single::after {
    content: '';
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 14px solid #409bff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}

/* 중앙: 3개 수익원 */
.flow-middle {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1501px) {
    .flow-middle {
        gap: 1.5vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-middle {
        gap: 15px;
    }
}

.flow-revenue {
    line-height: 1.2;
}

@media (min-width: 1501px) {
    .flow-revenue {
        min-width: 18vw;
        padding: 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-revenue {
        min-width: 270px;
        padding: 15px;
    }
}

.flow-title {
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
}

@media (min-width: 1501px) {
    .flow-title {
        font-size: 1.2vw;
        margin-bottom: 0.3vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-title {
        font-size: 18px;
        margin-bottom: 3px;
    }
}

.flow-price {
    font-weight: 500;
    color: #6b7280;
    line-height: 1.2;
}

@media (min-width: 1501px) {
    .flow-price {
        font-size: 0.95vw;
        margin-bottom: 0.5vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-price {
        font-size: 14px;
        margin-bottom: 5px;
    }
}

.flow-note {
    font-weight: 500;
    color: #ef4444;
    line-height: 1.2;
}

@media (min-width: 1501px) {
    .flow-note {
        font-size: 0.9vw;
        margin-bottom: 0.5vh;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-note {
        font-size: 13px;
        margin-bottom: 5px;
    }
}

.flow-amount {
    font-weight: 800;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
}

@media (min-width: 1501px) {
    .flow-amount {
        font-size: 2vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-amount {
        font-size: 30px;
    }
}

/* 우측: 결과 */
.flow-result {
    background: linear-gradient(135deg, #d2beff 0%, #d0e7ff 100%);
}

@media (min-width: 1501px) {
    .flow-result {
        min-width: 12vw;
        padding: 1.2vw 1vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-result {
        min-width: 180px;
        padding: 18px 15px;
    }
}

.flow-result-text {
    font-weight: 800;
    background: linear-gradient(90deg, #795fff 0%, #409bff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.3;
    text-align: center;
    word-break: keep-all;
}

@media (min-width: 1501px) {
    .flow-result-text {
        font-size: 1.6vw;
        letter-spacing: -0.09vw;
    }
}

@media (min-width: 769px) and (max-width: 1500px) {
    .flow-result-text {
        font-size: 24px;
        letter-spacing: -1.5px;
    }
}

/* 태블릿 반응형 (768px ~ 1024px) */
@media (max-width: 1024px) {
    /* 풀페이지 스크롤 사용 안함 - 패딩으로 자연스러운 섹션 표시 */
    .inv-landing-revenue-flow {
        min-height: auto;
        padding: 60px 0 80px 0;
    }

    .inv-revenue-flow-container {
        padding: 0 40px;
        gap: 50px;
        height: auto;
    }

    .revenue-flow-diagram {
        gap: 24px;
    }

    .flow-box {
        border-radius: 10px;
        padding: 18px;
    }

    .flow-source {
        min-width: 160px;
    }

    .flow-number {
        font-size: 32px;
        margin-bottom: 12px;
    }

    .flow-label {
        font-size: 15px;
        line-height: 1.3;
    }

    .flow-note-above {
        font-size: 14px;
    }

    .flow-arrow-single {
        width: 50px;
        height: 5px;
    }

    .flow-arrow-single::after {
        right: -10px;
        border-left-width: 12px;
        border-top-width: 8px;
        border-bottom-width: 8px;
    }

    .flow-middle {
        gap: 16px;
    }

    .flow-revenue {
        min-width: 200px;
        padding: 16px;
        line-height: 1.2;
    }

    .flow-title {
        font-size: 18px;
        margin-bottom: 6px;
        line-height: 1.2;
    }

    .flow-price {
        font-size: 15px;
        margin-bottom: 8px;
        line-height: 1.2;
    }

    .flow-note {
        font-size: 14px;
        margin-bottom: 8px;
        line-height: 1.2;
    }

    .flow-amount {
        font-size: 32px;
        line-height: 1.2;
    }

    .flow-result {
        min-width: 140px;
        padding: 18px 16px;
    }

    .flow-result-text {
        font-size: 26px;
        font-weight: 800;
        line-height: 1.3;
        letter-spacing: -1.5px;
    }
}

/* 모바일 반응형 (768px 이하) */
@media (max-width: 768px) {
    /* 풀페이지 스크롤 사용 안함 - 패딩으로 자연스러운 섹션 표시 */
    .inv-landing-revenue-flow {
        min-height: auto;
        padding: 60px 0 190px 0; /* 하단 문의폼 여유 공간 */
    }

    .inv-revenue-flow-container {
        padding: 0 20px;
        gap: 40px;
        height: auto;
    }

    /* 세로 레이아웃으로 변경 */
    .revenue-flow-diagram {
        flex-direction: column;
        gap: 20px;
    }

    .flow-box {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        border-radius: 10px;
        padding: 16px;
    }

    .flow-source {
        min-width: 0;
        width: 100%;
    }

    .flow-number {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .flow-label {
        font-size: 14px;
        line-height: 1.3;
    }

    /* 화살표 위 텍스트 - 모바일 */
    .flow-note-above {
        font-size: 13px;
    }

    /* 화살표: 세로 방향 (단일) */
    .flow-arrow-single {
        width: 6px;
        height: 40px;
        background: linear-gradient(180deg, #795fff 0%, #409bff 100%);
        border-radius: 3px;
    }

    .flow-arrow-single::after {
        right: auto;
        left: 50%;
        bottom: -10px;
        top: auto;
        transform: translateX(-50%);
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 12px solid #409bff;
        border-bottom: none;
    }

    .flow-middle {
        width: 100%;
        gap: 12px;
    }

    .flow-revenue {
        min-width: 0;
        width: 100%;
        padding: 14px;
        line-height: 1.2;
    }

    .flow-title {
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 1.2;
    }

    .flow-price {
        font-size: 14px;
        margin-bottom: 6px;
        line-height: 1.2;
    }

    .flow-note {
        font-size: 13px;
        margin-bottom: 6px;
        line-height: 1.2;
    }

    .flow-amount {
        font-size: 28px;
        line-height: 1.2;
    }

    .flow-result {
        min-width: 0;
        width: 100%;
        padding: 16px;
    }

    .flow-result-text {
        font-size: 22px;
        font-weight: 800;
        line-height: 1.3;
        letter-spacing: -1.2px;
    }
}



/* ===============================================
   채팅상담 픽스 버튼 (투자 랜딩 전용)
   =============================================== */
.chat-consult-button {
    position: fixed;
    right: 20px;
    bottom: 120px;
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    background: linear-gradient(135deg, #795fff 0%, #409bff 100%);
    color: #ffffff;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 4px 16px rgba(121, 95, 255, 0.4);
    transition: opacity 0.4s ease, transform 0.3s ease;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
}

/* PC에서만 적용: 투자 랜딩 페이지 기본 상태 숨김 */
@media (min-width: 769px) {
    body:has(#investment-landing-container) .chat-consult-button {
        opacity: 0;
        pointer-events: none;
    }

    /* 히어로 섹션이 보일 때: 숨김 */
    body:has(#investment-landing-container).inv-hero-visible .chat-consult-button {
        opacity: 0;
        pointer-events: none;
    }

    /* inquiry-visible 클래스가 있을 때만 표시 (하단 배너와 동일한 로직) */
    body:has(#investment-landing-container).inv-inquiry-visible .chat-consult-button {
        opacity: 1;
        pointer-events: auto;
    }
}

@media (min-width: 769px) {
    body:has(#investment-landing-container).inv-inquiry-visible .chat-consult-button:hover {
        background: linear-gradient(135deg, #6b4aef 0%, #3088ef 100%);
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(121, 95, 255, 0.5);
    }

    body:has(#investment-landing-container).inv-inquiry-visible .chat-consult-button:active {
        transform: translateY(0);
    }
}

.chat-consult-button .chat-text {
    font-size: 20px;
    letter-spacing: -0.3px;
}

.chat-consult-button .chat-icon {
    width: 32px;
    height: 32px;
    background: #000000;
    border-radius: 50%;
    padding: 6px;
    color: #ffffff;
    flex-shrink: 0;
}

/* 반응형: 태블릿 */
@media (max-width: 1024px) {
    .chat-consult-button {
        right: 16px;
        bottom: 100px;
        padding: 12px 20px;
        font-size: 15px;
    }

    .chat-consult-button .chat-text {
        font-size: 18px;
    }

    .chat-consult-button .chat-icon {
        width: 30px;
        height: 30px;
        padding: 5px;
    }
}

/* 반응형: 모바일 */
@media (max-width: 768px) {
    .chat-consult-button {
        right: 12px;
        bottom: 186px;
        padding: 10px 18px;
        font-size: 14px;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .chat-consult-button .chat-text {
        font-size: 16px;
    }

    .chat-consult-button .chat-icon {
        width: 28px;
        height: 28px;
        padding: 5px;
    }
}

/* 작은 모바일 */
@media (max-width: 480px) {
    .chat-consult-button {
        right: 10px;
        bottom: 186px;
        padding: 9px 16px;
        font-size: 13px;
        gap: 8px;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .chat-consult-button .chat-text {
        font-size: 14px;
    }

    .chat-consult-button .chat-icon {
        width: 26px;
        height: 26px;
        padding: 4px;
    }
}