/* Desktop Styles (1024px and up) */

@media (min-width: 1024px) {
    /* Desktop: Show desktop-only and tablet-desktop-only, Hide mobile/tablet-only */
    .mobile-only,
    .tablet-only {
        display: none !important;
    }
    
    .desktop-only,
    .tablet-desktop-only {
        display: block !important;
    }
    
    /* Hide tablet breaks on desktop */
    .tablet-break-1::before,
    .tablet-break-2::before,
    .tablet-break-3::before,
    .tablet-break-4::before,
    .tablet-break-5::before,
    .tablet-break-6::before,
    .tablet-break-7::before {
        display: none !important;
    }
    /* Career Page - Desktop Hero */
    .career-page .career-hero {
        /* 1024px: 245.76px, 1600px: 384px, max: 384px */
        padding: clamp(245.76px, 24vw, 384px) 0 clamp(81.92px, 8vw, 128px) !important;
    }

    /* Career Culture Content - Desktop */
    .career-page .culture-content {
        max-width: 100% !important;
        margin: 0 !important;
        /* 1024px: 80px, 1600px: 80px (고정) */
        padding: 0 80px !important;
        /* 1024px: 80px, 1600px: 80px */
        gap: clamp(51.2px, 5vw, 80px) !important;
    }

    /* Career Culture Title - Desktop */
    .career-page .culture-title {
        max-width: 1200px !important;
        /* 1024px: 30.72px, 1600px: 48px */
        font-size: clamp(30.72px, 3vw, 48px) !important;
    }

    /* Russian desktop version: culture title font size adjustment */
    html[lang="ru"] .career-page .culture-title {
        /* 1600px 기준: 36px = 2.25vw, 1024px에서: 36 * (1024/1600) = 23.04px */
        font-size: clamp(23.04px, 2.25vw, 36px) !important;
        /* 러시아어 텍스트가 길어서 max-width를 늘려줌 (1599px 이하에서도 줄바꿈 방지) */
        max-width: 1400px !important;
    }

    /* Career Culture Illustration - Desktop */
    .career-page .culture-illustration {
        /* 1024px: 224.64px, 1600px: 351px */
        height: clamp(224.64px, 21.9375vw, 351px) !important;
        /* 1024px: -51.2px, 1600px: -80px */
        margin-bottom: clamp(-51.2px, -5vw, -80px) !important;
    }

    /* Career Culture Features - Desktop */
    .career-page .culture-features {
        align-items: flex-start !important;
        text-align: left !important;
        /* 1024px: 25.6px, 1600px: 40px */
        padding-top: clamp(25.6px, 2.5vw, 40px) !important;
        /* 1024px: 76.8px, 1600px: 120px */
        padding-bottom: clamp(76.8px, 7.5vw, 120px) !important;
    }

    /* Korean version - narrower with side padding */
    html[lang="ko"] .career-page .culture-features {
        /* 1024px: 176.32px, 1600px: 275.5px */
        padding-left: clamp(176.32px, 17.2135vw, 275.5px) !important;
        padding-right: clamp(176.32px, 17.2135vw, 275.5px) !important;
    }

    /* English version - no side padding */
    html[lang="en"] .career-page .culture-features {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Japanese version - narrower with side padding */
    html[lang="ja"] .career-page .culture-features {
        /* 1024px: 100px, 1600px: 156.25px */
        padding-left: clamp(100px, 9.765625vw, 156.25px) !important;
        padding-right: clamp(100px, 9.765625vw, 156.25px) !important;
    }

    /* Chinese version - narrower with side padding */
    html[lang="zh"] .career-page .culture-features {
        /* 1024px: 180px, 1600px: 281.25px */
        padding-left: clamp(180px, 17.578125vw, 281.25px) !important;
        padding-right: clamp(180px, 17.578125vw, 281.25px) !important;
    }

    .career-page .feature-content {
        text-align: left !important;
    }

    /* Korean version - smaller max-width */
    html[lang="ko"] .career-page .culture-feature {
        /* 1024px: 424.32px, 1600px: 663px */
        max-width: clamp(424.32px, 41.4375vw, 663px) !important;
    }

    /* English version - larger max-width */
    html[lang="en"] .career-page .culture-feature {
        max-width: 663px !important;
    }

    /* Russian version: 첫 번째 culture-feature 가로 길이 늘리기 (줄바꿈 방지) */
    html[lang="ru"] .career-page .culture-features .culture-feature:first-child {
        /* 1024px: 460px, 1600px: 690px (기본 663px보다 약간 넓게) */
        max-width: clamp(460px, 43.125vw, 690px) !important;
    }

    .career-page .feature-title {
        /* 1024px: 17.92px, 1600px: 28px */
        font-size: clamp(17.92px, 1.75vw, 28px) !important;
        /* 1024px: 10.24px, 1600px: 16px */
        gap: clamp(10.24px, 1vw, 16px) !important;
    }

    .career-page .feature-item {
        /* 1024px: 12.8px, 1600px: 20px */
        font-size: clamp(12.8px, 1.25vw, 20px) !important;
    }

    /* Career Culture Opportunity - Desktop */
    /* 1600px 이상에서 중앙 정렬 */
    .career-page .culture-opportunity {
        max-width: 1600px !important;
        margin: 0 auto !important;
    }

    /* English version - standard padding */
    html[lang="en"] .career-page .culture-opportunity {
        /* 1024px: 51.2px, 1600px: 80px */
        padding: 0 clamp(51.2px, 5vw, 80px) !important;
        /* 1024px: 31.36px, 1600px: 49px */
        gap: clamp(31.36px, 3.0625vw, 49px) !important;
    }

    /* Korean version - narrower with side padding */
    html[lang="ko"] .career-page .culture-opportunity {
        /* 1024px: 175.68px, 1600px: 274.5px */
        padding-left: clamp(175.68px, 17.1563vw, 274.5px) !important;
        padding-right: clamp(175.68px, 17.1563vw, 274.5px) !important;
        /* 1024px: 51.2px, 1600px: 80px */
        gap: clamp(51.2px, 5vw, 80px) !important;
    }

    /* Japanese version - side padding */
    html[lang="ja"] .career-page .culture-opportunity {
        /* 1024px: 157.44px, 1600px: 246px */
        padding-left: clamp(157.44px, 15.375vw, 246px) !important;
        padding-right: clamp(157.44px, 15.375vw, 246px) !important;
        /* 1024px: 51.2px, 1600px: 80px */
        gap: clamp(51.2px, 5vw, 80px) !important;
    }

    /* Chinese version - narrower with side padding */
    html[lang="zh"] .career-page .culture-opportunity {
        /* 1024px: 208px, 1600px: 325px */
        padding-left: clamp(208px, 20.3125vw, 325px) !important;
        padding-right: clamp(208px, 20.3125vw, 325px) !important;
        /* 1024px: 51.2px, 1600px: 80px */
        gap: clamp(51.2px, 5vw, 80px) !important;
    }

    /* Career Culture Background - Desktop */
    body.career-page .culture-background {
        /* 1024px: 51.2px, 1600px: 80px */
        gap: clamp(51.2px, 5vw, 80px) !important;
        /* 1024px: 51.2px, 1600px: 80px */
        margin-top: clamp(51.2px, 5vw, 80px) !important;
    }

    body.career-page .background-image-container {
        /* 1024px: 320px, 1600px: 500px */
        height: clamp(320px, 31.25vw, 500px) !important;
    }

    body.career-page .culture-bg-image {
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Opportunity Title & Content */
    body.career-page .opportunity-title {
        /* 1024px: 20.48px, 1600px: 32px */
        font-size: clamp(20.48px, 2vw, 32px) !important;
    }

    body.career-page .opportunity-list {
        /* 1024px: 10.24px, 1600px: 16px */
        gap: clamp(10.24px, 1vw, 16px) !important;
    }

    body.career-page .opportunity-list li {
        /* 1024px: 15.36px, 1600px: 24px */
        font-size: clamp(15.36px, 1.5vw, 24px) !important;
    }

    /* Career Recruitment Cards - Desktop */
    body.career-page .career-recruitment .card-title {
        max-width: 100% !important;
        /* 1024px: 20.48px, 1600px: 32px (26px에서 32px로 증가) */
        font-size: clamp(20.48px, 2vw, 32px) !important;
    }

    /* Career Recruitment Content - Desktop */
    body.career-page .career-recruitment .recruitment-content {
        max-width: 100% !important;
        margin: 0 !important;
        /* 1024px: 51.2px, 1600px: 80px */
        gap: clamp(51.2px, 5vw, 80px) !important;
    }

    /* English version - narrower padding */
    html[lang="en"] body.career-page .recruitment-content {
        /* 1024px: 81.6px, 1600px: 127.5px */
        padding: 0 clamp(81.6px, 7.9688vw, 127.5px) !important;
    }

    /* English version - center alignment */
    html[lang="en"] body.career-page .career-recruitment .recruitment-container {
        justify-content: center !important;
    }

    html[lang="en"] body.career-page .career-recruitment .recruitment-right-column {
        flex: none !important;
    }

    /* English version - cards width & center */
    html[lang="en"] body.career-page .career-recruitment .recruitment-cards {
        /* 1024px: 716.8px, 1600px: 1120px (70vw) */
        width: clamp(716.8px, 70vw, 1120px) !important;
        max-width: none !important;
        margin: 0 auto !important;
    }

    /* Korean version - wider padding */
    html[lang="ko"] body.career-page .recruitment-content {
        /* 1024px: 102.4px, 1600px: 160px */
        padding: 0 clamp(102.4px, 10vw, 160px) !important;
    }

    /* Korean version - center alignment */
    html[lang="ko"] body.career-page .career-recruitment .recruitment-container {
        justify-content: center !important;
    }

    html[lang="ko"] body.career-page .career-recruitment .recruitment-right-column {
        flex: none !important;
    }

    /* Korean version - cards width & center */
    html[lang="ko"] body.career-page .career-recruitment .recruitment-cards {
        /* 1024px: 716.8px, 1600px: 1120px (70vw) */
        width: clamp(716.8px, 70vw, 1120px) !important;
        max-width: none !important;
        margin: 0 auto !important;
    }

    /* Japanese version - padding */
    html[lang="ja"] body.career-page .recruitment-content {
        /* 1024px: 101.76px, 1600px: 159px */
        padding: 0 clamp(101.76px, 9.9375vw, 159px) !important;
    }

    /* Japanese version - center alignment */
    html[lang="ja"] body.career-page .career-recruitment .recruitment-container {
        justify-content: center !important;
    }

    html[lang="ja"] body.career-page .career-recruitment .recruitment-right-column {
        flex: none !important;
    }

    /* Japanese version - cards width & center */
    html[lang="ja"] body.career-page .career-recruitment .recruitment-cards {
        /* 1024px: 716.8px, 1600px: 1120px (70vw) */
        width: clamp(716.8px, 70vw, 1120px) !important;
        max-width: none !important;
        margin: 0 auto !important;
    }

    body.career-page .career-recruitment .recruitment-container {
        /* 1024px: 51.2px, 1600px: 80px */
        gap: clamp(51.2px, 5vw, 80px) !important;
    }

    /* Chinese version - center alignment */
    html[lang="zh"] body.career-page .career-recruitment .recruitment-container {
        justify-content: center !important;
    }

    html[lang="zh"] body.career-page .career-recruitment .recruitment-right-column {
        flex: none !important;
    }

    /* Russian version - center alignment */
    html[lang="ru"] body.career-page .career-recruitment .recruitment-container {
        justify-content: center !important;
    }

    html[lang="ru"] body.career-page .career-recruitment .recruitment-right-column {
        flex: none !important;
    }

    /* Russian version - cards width & center */
    html[lang="ru"] body.career-page .career-recruitment .recruitment-cards {
        /* 1024px: 716.8px, 1600px: 1120px (70vw) */
        width: clamp(716.8px, 70vw, 1120px) !important;
        max-width: none !important;
        margin: 0 auto !important;
    }

    body.career-page .career-recruitment .recruitment-right-column {
        /* 1024px: 51.2px, 1600px: 80px */
        gap: clamp(51.2px, 5vw, 80px) !important;
    }

    body.career-page .career-recruitment .recruitment-title {
        /* 1024px: 20.48px, 1600px: 32px */
        font-size: clamp(20.48px, 2vw, 32px) !important;
    }

    body.career-page .career-recruitment .recruitment-cards {
        /* 1024px: 25.6px, 1600px: 40px */
        gap: clamp(25.6px, 2.5vw, 40px) !important;
        /* 1024px: 687.36px, 1600px: 1074px */
        max-width: clamp(687.36px, 67.125vw, 1074px) !important;
    }

    /* Chinese version - wider cards */
    html[lang="zh"] body.career-page .career-recruitment .recruitment-cards {
        /* 1024px: 665.6px, 1600px: 1040px (65vw) */
        width: clamp(665.6px, 65vw, 1040px) !important;
        max-width: none !important;
        margin: 0 auto !important;
    }

    body.career-page .career-recruitment .recruitment-card {
        display: flex !important;
        flex-direction: row !important;
        /* 1024px: 25.6px, 1600px: 40px */
        padding: clamp(25.6px, 2.5vw, 40px) !important;
        /* 1024px: 12.8px, 1600px: 20px */
        border-radius: clamp(12.8px, 1.25vw, 20px) !important;
        background: #FAFAFA !important;
        border: 1px solid #EBECEC !important;
    }

    body.career-page .career-recruitment .card-content {
        /* 1024px: 25.6px, 1600px: 40px */
        margin-right: clamp(25.6px, 2.5vw, 40px) !important;
        /* 1024px: 15.36px, 1600px: 24px */
        gap: clamp(15.36px, 1.5vw, 24px) !important;
        flex: 1 !important;
    }

    body.career-page .career-recruitment .card-category {
        /* 1024px: 5.12px 10.24px, 1600px: 8px 16px */
        padding: clamp(5.12px, 0.5vw, 8px) clamp(10.24px, 1vw, 16px) !important;
        /* 1024px: 12.8px, 1600px: 20px */
        font-size: clamp(12.8px, 1.25vw, 20px) !important;
        /* 1024px: 10.24px, 1600px: 16px */
        border-radius: clamp(10.24px, 1vw, 16px) !important;
        background: #222831 !important;
        color: #FFFFFF !important;
        width: fit-content !important;
    }

    body.career-page .career-recruitment .card-info {
        /* 1024px: 15.36px, 1600px: 24px */
        gap: clamp(15.36px, 1.5vw, 24px) !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }

    body.career-page .career-recruitment .info-item {
        /* 1024px: 10.24px, 1600px: 16px */
        gap: clamp(10.24px, 1vw, 16px) !important;
        /* 1024px: 10.24px, 1600px: 16px (20px에서 16px로 변경) */
        font-size: clamp(10.24px, 1vw, 16px) !important;
        display: flex !important;
        align-items: center !important;
    }

    body.career-page .career-recruitment .info-item svg {
        /* 1024px: 15.36px, 1600px: 24px */
        width: clamp(15.36px, 1.5vw, 24px) !important;
        height: clamp(15.36px, 1.5vw, 24px) !important;
        flex-shrink: 0 !important;
    }

    body.career-page .career-recruitment .card-description {
        /* 1024px: 12.8px, 1600px: 20px */
        font-size: clamp(12.8px, 1.25vw, 20px) !important;
        line-height: 1.4 !important;
    }

    body.career-page .career-recruitment .card-button {
        /* 1024px: 35.84px, 1600px: 56px */
        width: clamp(35.84px, 3.5vw, 56px) !important;
        height: clamp(35.84px, 3.5vw, 56px) !important;
        min-width: clamp(35.84px, 3.5vw, 56px) !important;
        flex-shrink: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.career-page .career-recruitment .card-button svg {
        /* 1024px: 15.36px, 1600px: 24px */
        width: clamp(15.36px, 1.5vw, 24px) !important;
        height: clamp(15.36px, 1.5vw, 24px) !important;
    }

    body.career-page .career-recruitment .apply-button {
        /* 1024px: 8px 16px, 1600px: 16px 32px */
        padding: clamp(8px, 1.3889vw, 16px) clamp(16px, 2.7778vw, 32px) !important;
        /* 1024px: 11px, 1600px: 20px */
        font-size: clamp(11px, 1.5625vw, 20px) !important;
        /* 1024px: 4px, 1600px: 8px */
        border-radius: clamp(4px, 0.6944vw, 8px) !important;
        display: flex !important;
        align-items: center !important;
        /* 1024px: 5px, 1600px: 10px */
        gap: clamp(5px, 0.8681vw, 10px) !important;
        white-space: nowrap !important;
        flex-shrink: 1 !important;
        min-width: 0 !important;
    }

    body.career-page .career-recruitment .apply-button svg {
        /* 1024px: 15.36px, 1600px: 24px */
        width: clamp(15.36px, 1.5vw, 24px) !important;
        height: clamp(15.36px, 1.5vw, 24px) !important;
    }

    /* Career Instructions - Desktop */
    body.career-page .instructions-container {
        /* 1024px: 687.36px, 1600px: 1074px */
        max-width: clamp(687.36px, 67.125vw, 1074px) !important;
        /* 1024px: 25.6px, 1600px: 40px */
        gap: clamp(25.6px, 2.5vw, 40px) !important;
    }


    body.career-page .instructions-content {
        /* 1024px: 15.36px, 1600px: 24px */
        gap: clamp(15.36px, 1.5vw, 24px) !important;
    }

    body.career-page .instructions-title {
        /* 1024px: 20.48px, 1600px: 32px */
        font-size: clamp(20.48px, 2vw, 32px) !important;
    }

    body.career-page .instructions-text p {
        /* 1024px: 10.24px, 1600px: 16px */
        font-size: clamp(10.24px, 1vw, 16px) !important;
    }

    body.career-page .career-hero .career-hero-content {
        max-width: 100% !important;
        margin: 0 !important;
        /* 1024px: 80px, 1233px: 123.9px, 1400px: 159px, 1600px: 200px */
        padding-left: clamp(80px, 20.833vw - 133.33px, 200px) !important;
        padding-right: clamp(80px, 20.833vw - 133.33px, 200px) !important;
    }

    .career-page .career-hero .career-hero-title {
        /* 1024px: 51.2px, 1600px: 64px, max: 64px */
        font-size: clamp(51.2px, 4vw, 64px) !important;
        line-height: 1.2 !important;
        text-align: center !important;
        margin: 0 auto !important;
        margin-bottom: clamp(40.96px, 4vw, 64px) !important;
        max-width: 100% !important;
        word-break: keep-all !important;
        white-space: nowrap !important;
        letter-spacing: -0.02em !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 900 !important;
        color: var(--color-g800) !important;
    }

    /* 러시아어 버전 데스크탑: career-hero-title 폰트 사이즈 줄이기 */
    html[lang="ru"] .career-page .career-hero .career-hero-title {
        /* 1024px: 30.72px, 1600px: 48px, max: 48px */
        font-size: clamp(30.72px, 3vw, 48px) !important;
    }

    .career-page .career-hero .career-hero-description {
        /* 1024px: 16.384px, 1600px: 20px, max: 20px */
        font-size: clamp(16.384px, 1.25vw, 20px) !important;
        line-height: 1.6 !important;
        text-align: center !important;
        margin: 0 auto !important;
        max-width: 100% !important;
        font-family: var(--font-family-primary) !important;
        font-weight: 500 !important;
        color: var(--color-g500) !important;
        letter-spacing: -0.4px !important;
    }

    /* Header */
    .header-content {
        padding: 56px var(--spacing-xxl) var(--spacing-lg);
        height: var(--header-height-desktop);
    }
    
    .logo {
        width: var(--logo-width-desktop);
        height: var(--logo-height-desktop);
    }
    
    /* Hero Section */
    .main-container {
        width: 731px;
        gap: var(--spacing-lg);
    }
    
    .main-title {
        font-size: var(--font-size-title-desktop);
    }
    
    .subtitle {
        font-size: var(--font-size-subtitle-desktop);
        width: 226px;
        height: 62px;
        padding-top: 8px;
    }
    
    /* Prevent line break in typing text on desktop */
    .typing-text {
        white-space: nowrap;
        width: auto;
        min-width: 300px;
    }
    
    .description {
        font-size: var(--font-size-body-desktop);
    }
    
    .description p {
        white-space: nowrap;
    }
    
    
    /* Title Section Layout - Desktop */
    .title-section {
        align-items: flex-end;
        justify-content: flex-start;
    }

    /* 러시아어: subtitle을 line4의 끝문자 "м" 옆에 위치 (Figma 디자인 기준) */
    html[lang="ru"] .title-section {
        position: relative;
    }

    html[lang="ru"] .main-title {
        position: relative;
    }

    html[lang="ru"] .subtitle {
        position: absolute;
        left: 100%;
        bottom: 0;
        transform: translateX(calc(-100% - 70px));
        white-space: nowrap;
        padding-top: 15px;
    }
    
    /* Menu Page - Desktop */
    .menu-close {
        top: 66px;
        right: 80px;
    }

    .menu-navigation {
        top: 150px;
        bottom: 80px;
        right: 80px;
        left: auto;
        width: 630px;
        text-align: left;
        overflow: visible;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    /* 러시아어: 메뉴 텍스트가 길어서 더 왼쪽으로 이동 */
    html[lang="ru"] .menu-navigation {
        right: 250px;
    }

    .menu-list {
        gap: 35px;
        padding: 40px 0;
        justify-content: flex-start;
        height: auto;
        flex-shrink: 0;
    }

    .menu-text {
        font-size: 58px;
        line-height: 58px;
    }
    
    /* About Us Page - Desktop */
    .hero-section {
        height: 900px;
    }
    
    .hero-main-title {
        font-size: 64px;
    }
    
    .hero-description {
        font-size: 20px;
        line-height: 32px;
    }
    
    .hero-description p {
        white-space: nowrap;
    }
    
    .container {
        padding: 0 80px;
    }
    
    /* 1600px 기준, 1024px~1600px 스케일링 */
    .section-title {
        /* 1600px 기준: 24px = 1.5vw, 1024px: 15.36px */
        font-size: clamp(15.36px, 1.5vw, 24px);
        /* 1600px 기준: 30px = 1.875vw, 1024px: 19.2px */
        line-height: clamp(19.2px, 1.875vw, 30px);
        margin-bottom: 80px;
    }

    /* About Us - Business Growth: 데스크탑에서 1400px 등 중간 폭에서도 가로 정렬 유지 */
    .about-us-page .business-growth-section .growth-item {
        flex-wrap: nowrap;
        align-items: flex-start;
        /* 1600px 기준: 36px = 2.25vw, 1024px에서: 36 * (1024/1600) = 23.04px */
        gap: clamp(23.04px, 2.25vw, 36px);
    }

    .about-us-page .business-growth-section .growth-image {
        width: calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
    }

    .about-us-page .business-growth-section .growth-text-container {
        width: calc(50% - 20px);
        flex: 1 1 calc(50% - 20px);
        padding-left: 40px;
    }

    /* KOMEDICLUB Section - 1600px 기준 비율 고정 축소 */
    .about-us-page .komediclub-background {
        /* 1600px 기준: 960px = 60vw, 1024px에서: 960 * (1024/1600) = 614.4px */
        width: clamp(614.4px, 60vw, 960px);
        height: auto;
        aspect-ratio: 960 / 286;
        /* 1600px 기준: 143px = 8.9375vw, 1024px에서: 143 * (1024/1600) = 91.52px */
        border-radius: clamp(91.52px, 8.9375vw, 143px);
        overflow: hidden;
    }

    .about-us-page .komediclub-image-wrapper {
        /* 1600px 기준: 260px = 16.25vw, 1024px에서: 260 * (1024/1600) = 166.4px */
        width: clamp(166.4px, 16.25vw, 260px);
        /* 1600px 기준: 240px = 15vw, 1024px에서: 240 * (1024/1600) = 153.6px */
        height: clamp(153.6px, 15vw, 240px);
        /* 1600px 기준: -305px = -19.0625vw, 1024px에서: -305 * (1024/1600) = -195.2px */
        left: calc(50% - clamp(195.2px, 19.0625vw, 305px));
        /* 1600px 기준: 23px = 1.4375vw, 1024px에서: 23 * (1024/1600) = 14.72px */
        top: clamp(14.72px, 1.4375vw, 23px);
        transform: translateX(-50%);
    }

    .about-us-page .komediclub-list {
        /* 1600px 기준: 526px = 32.875vw, 1024px에서: 526 * (1024/1600) = 336.64px */
        width: clamp(336.64px, 32.875vw, 526px);
        /* 1600px 기준: -115px = -7.1875vw, 1024px에서: -115 * (1024/1600) = -73.6px */
        left: calc(50% - clamp(73.6px, 7.1875vw, 115px));
        /* 1600px 기준: 145px = 9.0625vw, 1024px에서: 145 * (1024/1600) = 92.8px */
        top: clamp(92.8px, 9.0625vw, 145px);
        transform: none;
        padding-left: 30px;
        /* 1600px 기준: 20px = 1.25vw, 1024px에서: 20 * (1024/1600) = 12.8px */
        font-size: clamp(12.8px, 1.25vw, 20px);
        /* 1600px 기준: 28px = 1.75vw, 1024px에서: 28 * (1024/1600) = 17.92px */
        line-height: clamp(17.92px, 1.75vw, 28px);
    }

    .about-us-page .komediclub-title-text {
        /* 1600px 기준: -33.5px = -2.09375vw, 1024px에서: -33.5 * (1024/1600) = -21.44px */
        left: calc(50% - clamp(21.44px, 2.09375vw, 33.5px));
        /* top은 50% 기준이므로 calc(50% - ...) 형태 유지, 58px도 비율로 */
        top: calc(50% - clamp(37.12px, 3.625vw, 58px));
        transform: translateX(-50%);
        /* 1600px 기준: 24px = 1.5vw, 1024px에서: 24 * (1024/1600) = 15.36px */
        font-size: clamp(15.36px, 1.5vw, 24px);
        /* 1600px 기준: 44px = 2.75vw, 1024px에서: 44 * (1024/1600) = 28.16px */
        line-height: clamp(28.16px, 2.75vw, 44px);
        text-align: center;
    }

    /* 영어 버전: komediclub 텍스트 위로 이동 */
    html[lang="en"] .about-us-page .komediclub-list {
        /* 1600px 기준: 105px = 6.5625vw, 1024px에서: 105 * (1024/1600) = 67.2px */
        top: clamp(67.2px, 6.5625vw, 105px);
    }

    html[lang="en"] .about-us-page .komediclub-title-text {
        /* 1600px 기준: 95px = 5.9375vw, 1024px에서: 95 * (1024/1600) = 60.8px */
        top: calc(50% - clamp(60.8px, 5.9375vw, 95px));
    }

    html[lang="ja"] .about-us-page .komediclub-list {
        /* 1600px 기준: 128px = 8vw, 1024px에서: 128 * (1024/1600) = 81.92px */
        top: clamp(81.92px, 8vw, 128px);
    }

    html[lang="ja"] .about-us-page .komediclub-title-text {
        /* 1600px 기준: 75px = 4.6875vw, 1024px에서: 75 * (1024/1600) = 48px */
        top: calc(50% - clamp(48px, 4.6875vw, 75px));
    }

    /* 중국어 버전: komediclub 텍스트 위로 이동 */
    html[lang="zh"] .about-us-page .komediclub-list {
        /* 1600px 기준: 120px = 7.5vw, 1024px에서: 120 * (1024/1600) = 76.8px */
        top: clamp(76.8px, 7.5vw, 120px);
    }

    html[lang="zh"] .about-us-page .komediclub-title-text {
        /* 1600px 기준: 70px = 4.375vw, 1024px에서: 70 * (1024/1600) = 44.8px */
        top: calc(50% - clamp(44.8px, 4.375vw, 70px));
    }

    /* 러시아어 버전 데스크탑: komediclub-background와 komediclub-list 위치 위로 올리기 */
    html[lang="ru"] .about-us-page .komediclub-background {
        /* 1600px 기준: -40px = -2.5vw, 1024px에서: -40 * (1024/1600) = -25.6px */
        margin-top: clamp(-25.6px, -2.5vw, -40px);
    }

    html[lang="ru"] .about-us-page .komediclub-list {
        /* 1600px 기준: 100px = 6.25vw, 1024px에서: 100 * (1024/1600) = 64px (기본값 145px보다 작게) */
        top: clamp(64px, 6.25vw, 100px);
    }

    html[lang="ru"] .about-us-page .komediclub-title-text {
        /*  (1600px 기준: 100px = 6.25vw, 1024px에서: 100 * (1024/1600) = 64px) */
        top: calc(50% - clamp(64px, 6.25vw, 100px));
    }

    /* KOMEDICLUB to FACEWEB Header - 1600px 기준, 1024px~1600px 스케일링 */
    .about-us-page .komediclub-faceweb-header {
        /* 1600px 기준: 24px = 1.5vw, 1024px: 15.36px */
        gap: clamp(15.36px, 1.5vw, 24px);
        /* 1600px 기준: 80px = 5vw, 1024px: 51.2px */
        margin-bottom: clamp(51.2px, 5vw, 80px);
    }

    .about-us-page .komediclub-faceweb-subtitle {
        /* 1600px 기준: 48px = 3vw, 1024px: 30.72px */
        font-size: clamp(30.72px, 3vw, 48px);
        /* 1600px 기준: 58px = 3.625vw, 1024px: 37.12px */
        line-height: clamp(37.12px, 3.625vw, 58px);
    }

    html[lang="en"] .about-us-page .komediclub-faceweb-subtitle {
        /* 1600px 기준: 40px = 2.5vw, 1024px: 25.6px */
        font-size: clamp(25.6px, 2.5vw, 40px);
        /* 1600px 기준: 50px = 3.125vw, 1024px: 32px */
        line-height: clamp(32px, 3.125vw, 50px);
    }

    .about-us-page .komediclub-faceweb-description {
        /* 1600px 기준: 20px = 1.25vw, 1024px: 12.8px */
        font-size: clamp(12.8px, 1.25vw, 20px);
        /* 1600px 기준: 28px = 1.75vw, 1024px: 17.92px */
        line-height: clamp(17.92px, 1.75vw, 28px);
        /* 1600px 기준: 925px = 57.8125vw, 1024px: 592px */
        width: clamp(592px, 57.8125vw, 925px);
    }

    /* 러시아어 버전 데스크탑: komediclub-faceweb-description 너비 증가 (텍스트가 길어서 줄바꿈 방지) */
    html[lang="ru"] .about-us-page .komediclub-faceweb-description {
        /* 1600px 기준: 1050px = 65.625vw, 1024px: 672px */
        width: clamp(672px, 65.625vw, 1050px);
    }

    /* Arrow Icon - 1600px 기준 비율 고정 축소 */
    .about-us-page .komediclub-faceweb-arrow {
        /* 1600px 기준: 70px = 4.375vw, 1024px에서: 70 * (1024/1600) = 44.8px */
        width: clamp(44.8px, 4.375vw, 70px);
        /* 1600px 기준: 87px = 5.4375vw, 1024px에서: 87 * (1024/1600) = 55.68px */
        height: clamp(55.68px, 5.4375vw, 87px);
    }

    /* FACEWEB Section - 1600px 기준 비율 고정 축소 */
    .about-us-page .faceweb-image-wrapper {
        /* 1600px 기준: 620px = 38.75vw, 1024px에서: 620 * (1024/1600) = 396.8px */
        width: clamp(396.8px, 38.75vw, 620px);
        /* 1600px 기준: 440px = 27.5vw, 1024px에서: 440 * (1024/1600) = 281.6px */
        height: clamp(281.6px, 27.5vw, 440px);
        aspect-ratio: 620 / 440;
        /* 1600px 기준: 220px = 13.75vw, 1024px에서: 220 * (1024/1600) = 140.8px */
        border-radius: clamp(140.8px, 13.75vw, 220px);
        overflow: hidden;
    }

    /* FACEWEB 컨테이너 전체가 비율에 맞춰 일괄 축소되도록 보정 */
    .about-us-page .faceweb-container {
        /* 1600px 기준: 80px = 5vw, 1024px에서: 80 * (1024/1600) = 51.2px */
        gap: clamp(51.2px, 5vw, 80px);
        /* 1600px 기준: 220px = 13.75vw, 1024px에서: 220 * (1024/1600) = 140.8px */
        border-radius: clamp(140.8px, 13.75vw, 220px);
    }

    .about-us-page .faceweb-image {
        border-radius: inherit;
    }
    .about-us-page .faceweb-image::before {
        border-radius: inherit;
    }

    /* 텍스트 컨테이너도 폭을 가변으로 하여 레이아웃 비율 유지 */
    .about-us-page .faceweb-text-container {
        /* 1600px 기준: 740px = 46.25vw, 1024px에서: 740 * (1024/1600) = 473.6px */
        width: clamp(473.6px, 46.25vw, 740px);
        /* 1600px 기준: 80px = 5vw, 1024px에서: 80 * (1024/1600) = 51.2px */
        padding-right: clamp(51.2px, 5vw, 80px);
    }

    /* FACEWEB 텍스트도 1600px 기준 비율로 축소 */
    .about-us-page .faceweb-title {
        /* 1600px 기준: 36px = 2.25vw, 1024px에서: 36 * (1024/1600) = 23.04px */
        font-size: clamp(23.04px, 2.25vw, 36px);
        /* 1600px 기준: 44px = 2.75vw, 1024px에서: 44 * (1024/1600) = 28.16px */
        line-height: clamp(28.16px, 2.75vw, 44px);
    }

    .about-us-page .faceweb-subtitle {
        /* 1600px 기준: 24px = 1.5vw, 1024px에서: 24 * (1024/1600) = 15.36px */
        font-size: clamp(15.36px, 1.5vw, 24px);
        /* 1600px 기준: 44px = 2.75vw, 1024px에서: 44 * (1024/1600) = 28.16px */
        line-height: clamp(28.16px, 2.75vw, 44px);
    }

    .about-us-page .faceweb-list {
        /* KOMEDICLUB과 동일한 비율: 1600px 기준: 20px = 1.25vw, 1024px에서: 20 * (1024/1600) = 12.8px */
        font-size: clamp(12.8px, 1.25vw, 20px);
        /* 1600px 기준: 28px = 1.75vw, 1024px에서: 28 * (1024/1600) = 17.92px */
        line-height: clamp(17.92px, 1.75vw, 28px);
    }

    /* 영어 버전: FACEWEB 텍스트 영역 확장 - Figma 디자인 비율 유지 */
    html[lang="en"] .about-us-page .faceweb-text-container {
        /* 1600px 기준: 820px = 51.25vw, 1024px에서: 820 * (1024/1600) = 524.8px */
        width: clamp(524.8px, 51.25vw, 820px);
        /* 1600px 기준: -20px = -1.25vw, 1024px에서: -20 * (1024/1600) = -12.8px */
        margin-left: clamp(-12.8px, -1.25vw, -20px);
        /* 1600px 기준: 60px = 3.75vw, 1024px에서: 60 * (1024/1600) = 38.4px */
        padding-right: clamp(38.4px, 3.75vw, 60px);
    }

    /* 영어 버전: FACEWEB 텍스트가 전체적으로 더 작게 표시되도록 */
    html[lang="en"] .about-us-page .faceweb-list {
        /* vw 비율 낮춰서 모든 화면에서 텍스트 작게: 1.25vw → 1.1vw */
        font-size: clamp(11.26px, 1.1vw, 20px);
        /* line-height도 비율에 맞춰 조정 */
        line-height: clamp(15.77px, 1.54vw, 28px);
    }

    /* Business Growth Journey Section - Desktop (removed to restore original state) */
    
    .identity-row {
        flex-direction: row;
        gap: 60px;
    }
    
    .vision-container,
    .mission-container {
        width: 650px;
    }
    
    .identity-item-title {
        font-size: 36px;
        line-height: 44px;
    }
    
    .identity-item-description {
        font-size: 20px;
    }
    
    /* About Us Page - Desktop */
    .about-us-page .hero-main-container {
        width: 730px;
        margin-top: 0;
    }

    .about-us-page .hero-main-title {
        font-size: 64px;
    }

    .about-us-page .hero-description {
        font-size: 20px;
        line-height: 32px;
    }

    /* 영어 버전: 히어로 텍스트 크기 조정 */
    html[lang="en"] .about-us-page .hero-description {
        font-size: 18px;
        line-height: 28px;
    }

    /* 러시아어 버전 데스크탑: hero-description 폰트 크기 줄이기 */
    html[lang="ru"] .about-us-page .hero-description {
        font-size: 18px;
        line-height: 28px;
    }

    .about-us-page .container {
        padding: 0 80px;
    }
    
    .about-us-page .identity-row {
        flex-direction: row;
        /* 1600px 기준: 140px = 8.75vw, 1024px에서: 140 * (1024/1600) = 89.6px */
        gap: clamp(89.6px, 8.75vw, 140px);
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: nowrap;
    }

    .about-us-page .vision-container,
    .about-us-page .mission-container {
        width: calc((100% - clamp(89.6px, 8.75vw, 140px)) / 2);
        /* 1600px 기준: 650px = 40.625vw, 1024px에서: 650 * (1024/1600) = 416px */
        max-width: clamp(416px, 40.625vw, 650px);
        /* 1600px 기준: 400px = 25vw, 1024px에서: 400 * (1024/1600) = 256px */
        min-width: clamp(256px, 25vw, 400px);
        flex-shrink: 1;
        flex-direction: column;
        /* 1600px 기준: 32px = 2vw, 1024px에서: 32 * (1024/1600) = 20.48px */
        gap: clamp(20.48px, 2vw, 32px);
    }
    
    /* 1600px 이하에서 비율 유지하면서 크기 조정 */
    @media (max-width: 1600px) {
        .about-us-page .identity-content-container {
            max-width: 100%;
        }
        
        .about-us-page .identity-row {
            gap: clamp(80px, 10vw, 140px);
        }
        
        .about-us-page .vision-container,
        .about-us-page .mission-container {
            /* 컨테이너를 더 넓게 조정하여 줄바꿈 방지 */
            width: clamp(540px, 44vw, 650px);
        }
        
        .about-us-page .vision-container .identity-image,
        .about-us-page .mission-container .identity-image {
            width: 100%;
            height: clamp(350px, 25vw, 454px);
        }
    }

    /* 1328px 이하에서 특별 조정 - 줄바꿈 방지 */
    @media (max-width: 1328px) {
        .about-us-page .vision-container,
        .about-us-page .mission-container {
            width: clamp(500px, 47vw, 600px);
        }
    }
    
    /* 1200px 이하에서 더 작게 조정 */
    @media (max-width: 1200px) {
        .about-us-page .identity-row {
            gap: clamp(60px, 8vw, 100px);
        }
        
        .about-us-page .vision-container,
        .about-us-page .mission-container {
            /* 컨테이너를 더 넓게 유지 */
            width: clamp(440px, 48vw, 550px);
        }
    }
    
    /* About Container - Desktop Responsive (1600px base) */
    .about-us-page .about-container {
        padding: clamp(60px, 7.5vw, 120px) 0 clamp(30px, 3.75vw, 60px);
    }

    /* About Container 내부의 container max-width와 margin 추가 (다른 섹션과 동일하게) */
    .about-us-page .about-container .container {
        padding-left: clamp(40px, 5vw, 80px) !important;
        padding-right: clamp(40px, 5vw, 80px) !important;
        max-width: 1635px;
        margin: 0 auto;
        width: 100%;
    }

    .about-us-page .about-content-container {
        height: clamp(545.6px, 54.4375vw, 871px);
    }

    .about-us-page .about-image {
        border-radius: clamp(20px, 2vw, 32px);
    }

    .about-us-page .about-image-1 {
        left: calc(50% - clamp(331.36px, 32.21vw, 549px));
        top: clamp(61.25px, 6.125vw, 98px);
        width: clamp(213.75px, 21.375vw, 342px);
        height: clamp(263.75px, 26.375vw, 422px);
        transform: translateX(-50%);
    }

    .about-us-page .about-image-2 {
        left: calc(50% + clamp(175.2px, 17.01vw, 305px));
        bottom: 0;
        width: clamp(366.25px, 36.625vw, 586px);
        height: clamp(243.75px, 24.375vw, 390px);
        transform: translateX(-50%);
    }

    /* 영어 버전: 2번 이미지 위치 조정 */
    html[lang="en"] .about-us-page .about-image-2 {
        bottom: clamp(10px, 1vw, 16px);
    }

    .about-us-page .about-image-3 {
        left: calc(50% + clamp(331.36px, 32.21vw, 549px));
        top: 0;
        width: clamp(213.75px, 21.375vw, 342px);
        height: clamp(220px, 22vw, 352px);
        transform: translateX(-50%);
        background-position: 75% center;
    }

    .about-us-page .about-text-container {
        left: calc(50% + clamp(10px, 1vw, 16px));
        top: clamp(37.5px, 3.75vw, 60px);
        width: clamp(310px, 31vw, 496px);
        gap: clamp(15px, 1.5vw, 24px);
    }

    /* 영어 버전: about-text-container 너비 증가 */
    html[lang="en"] .about-us-page .about-text-container {
        width: clamp(320px, 32vw, 512px);
    }

    /* 러시아어 버전 데스크탑: about-text-container 너비 증가 (텍스트가 길어서 줄바꿈 방지) */
    html[lang="ru"] .about-us-page .about-text-container {
        /* 1600px 기준: 550px = 34.375vw, 1024px: 352px */
        width: clamp(352px, 34.375vw, 550px);
    }

    /* 중국어 버전: about-text-container 위치 아래로 이동 */
    html[lang="zh"] .about-us-page .about-text-container {
        top: clamp(80px, 8vw, 128px);
    }

    .about-us-page .about-heading {
        font-size: clamp(30px, 3vw, 48px);
    }

    .about-us-page .about-description {
        font-size: clamp(12.5px, 1.25vw, 20px);
        line-height: clamp(17.5px, 1.75vw, 28px);
    }

    /* 러시아어 버전 데스크탑: about-description 폰트 크기 줄이기 (20px -> 18px) */
    html[lang="ru"] .about-us-page .about-description {
        /* 1600px 기준: 18px = 1.125vw, 1024px: 11.52px */
        font-size: clamp(11.25px, 1.125vw, 18px);
        /* line-height도 비례적으로 조정 (18px 기준 1.4배 = 25.2px, 1600px 기준) */
        line-height: clamp(15.75px, 1.575vw, 25.2px);
    }

    /* 1100px 이하에서 더 작게 조정 */

    @media (max-width: 1100px) {
        .about-us-page .identity-row {
            gap: clamp(40px, 6vw, 80px);
        }
        
        .about-us-page .vision-container,
        .about-us-page .mission-container {
            /* 컨테이너를 더 넓게 유지 */
            width: clamp(370px, 49vw, 500px);
        }
    }
    
    
    .about-us-page .vision-container .identity-image,
    .about-us-page .mission-container .identity-image {
        width: 100%;
        /* 1600px 기준: 454px = 28.375vw, 1024px에서: 454 * (1024/1600) = 290.56px */
        height: clamp(290.56px, 28.375vw, 454px);
    }

    .about-us-page .values-container {
        max-width: 100%;
    }

    .about-us-page .values-container .identity-image {
        /* 1600px 기준: 312px = 19.5vw, 1024px에서: 312 * (1024/1600) = 199.68px */
        height: clamp(199.68px, 19.5vw, 312px);
    }

    .about-us-page .identity-item-title {
        /* 1600px 기준: 36px = 2.25vw, 1024px에서: 36 * (1024/1600) = 23.04px */
        font-size: clamp(23.04px, 2.25vw, 36px);
        /* 1600px 기준: 44px = 2.75vw, 1024px에서: 44 * (1024/1600) = 28.16px */
        line-height: clamp(28.16px, 2.75vw, 44px);
        /* 1600px 기준: 48px = 3vw, 1024px에서: 48 * (1024/1600) = 30.72px */
        padding: 0 clamp(30.72px, 3vw, 48px);
    }

    .about-us-page .identity-item-description {
        /* 1600px 기준: 20px = 1.25vw, 1024px에서: 20 * (1024/1600) = 12.8px */
        font-size: clamp(12.8px, 1.25vw, 20px);
        /* 1600px 기준: 28px = 1.75vw, 1024px에서: 28 * (1024/1600) = 17.92px */
        line-height: clamp(17.92px, 1.75vw, 28px);
    }

    .about-us-page .vision-container .identity-item-description {
        /* Vision: 타이틀과 같은 선상에 정렬, 우측 패딩 축소로 텍스트 영역 확보 */
        /* 1600px 기준: 48px = 3vw, 1024px에서: 48 * (1024/1600) = 30.72px */
        /* 1600px 기준: 20px = 1.25vw, 1024px에서: 20 * (1024/1600) = 12.8px (우측 패딩 축소) */
        padding: 0 clamp(12.8px, 1.25vw, 20px) 0 clamp(30.72px, 3vw, 48px);
    }

    .about-us-page .mission-container .identity-item-description {
        /* Mission: 우측 패딩 축소로 텍스트 영역 확보 (Vision과 동일하게) */
        /* 1600px 기준: 48px = 3vw, 1024px에서: 48 * (1024/1600) = 30.72px */
        /* 1600px 기준: 20px = 1.25vw, 1024px에서: 20 * (1024/1600) = 12.8px (우측 패딩 축소) */
        padding: 0 clamp(12.8px, 1.25vw, 20px) 0 clamp(30.72px, 3vw, 48px);
    }

    .about-us-page .values-container .identity-item-description {
        /* Values: Vision과 동일하게 타이틀과 같은 선상에 정렬 */
        /* 1600px 기준: 48px = 3vw, 1024px에서: 48 * (1024/1600) = 30.72px */
        /* 1600px 기준: 20px = 1.25vw, 1024px에서: 20 * (1024/1600) = 12.8px (우측 패딩 축소) */
        padding: 0 clamp(12.8px, 1.25vw, 20px) 0 clamp(30.72px, 3vw, 48px);
    }

    .about-us-page .identity-text-container {
        /* 1600px 기준: 20px = 1.25vw, 1024px에서: 20 * (1024/1600) = 12.8px */
        gap: clamp(12.8px, 1.25vw, 20px);
    }
    
    /* Business Growth Timeline - 반응형 적용 */
    .about-us-page .growth-year {
        /* 1600px 기준: 36px = 2.25vw, 1024px에서: 36 * (1024/1600) = 23.04px */
        font-size: clamp(23.04px, 2.25vw, 36px);
        /* 1600px 기준: 44px = 2.75vw, 1024px에서: 44 * (1024/1600) = 28.16px */
        line-height: clamp(28.16px, 2.75vw, 44px);
    }

    .about-us-page .growth-period {
        /* 1600px 기준: 24px = 1.5vw, 1024px에서: 24 * (1024/1600) = 15.36px */
        font-size: clamp(15.36px, 1.5vw, 24px);
        /* 1600px 기준: 44px = 2.75vw, 1024px에서: 44 * (1024/1600) = 28.16px */
        line-height: clamp(28.16px, 2.75vw, 44px);
    }

    .about-us-page .growth-year-container {
        /* 1600px 기준: 44px = 2.75vw, 1024px에서: 44 * (1024/1600) = 28.16px */
        line-height: clamp(28.16px, 2.75vw, 44px);
    }

    .about-us-page .growth-timeline-list {
        /* 1600px 기준: 20px = 1.25vw, 1024px에서: 20 * (1024/1600) = 12.8px */
        font-size: clamp(12.8px, 1.25vw, 20px);
        /* 1600px 기준: 28px = 1.75vw, 1024px에서: 28 * (1024/1600) = 17.92px */
        line-height: clamp(17.92px, 1.75vw, 28px);
        /* 1600px 기준: 30px = 1.875vw, 1024px에서: 30 * (1024/1600) = 19.2px */
        padding-left: clamp(19.2px, 1.875vw, 30px);
    }

    .about-us-page .business-growth-content {
        /* 1600px 기준: 80px = 5vw, 1024px에서: 80 * (1024/1600) = 51.2px */
        gap: clamp(51.2px, 5vw, 80px);
    }

    .about-us-page .growth-text-container {
        /* 1600px 기준: 16px = 1vw, 1024px에서: 16 * (1024/1600) = 10.24px */
        gap: clamp(10.24px, 1vw, 16px);
        /* 1600px 기준: 48px = 3vw, 1024px에서: 48 * (1024/1600) = 30.72px */
        padding-top: clamp(30.72px, 3vw, 48px);
        /* 1600px 기준: 750px = 46.875vw, 1024px에서: 750 * (1024/1600) = 480px */
        width: clamp(480px, 46.875vw, 750px);
        /* 1600px 기준: 48px = 3vw, 1024px에서: 48 * (1024/1600) = 30.72px */
        padding-left: clamp(30.72px, 3vw, 48px);
    }

    /* 러시아어 버전 데스크탑: growth-text-container 위치 조금 올리기 (2021, 2022, 2023-24, 2025) */
    html[lang="ru"] .about-us-page .business-growth-section .growth-item[data-name="Growth Item 2021"] .growth-text-container {
        /* 2021도 위로 많이 올리기 (1600px 기준: 20px = 1.25vw, 1024px에서: 20 * (1024/1600) = 12.8px) */
        padding-top: clamp(12.8px, 1.25vw, 20px);
    }

    html[lang="ru"] .about-us-page .business-growth-section .growth-item[data-name="Growth Item 2022"] .growth-text-container {
        /* 2022만 패딩 0으로 위로 붙이기 */
        padding-top: 0;
    }

    html[lang="ru"] .about-us-page .business-growth-section .growth-item[data-name="Growth Item 2023-24"] .growth-text-container,
    html[lang="ru"] .about-us-page .business-growth-section .growth-item[data-name="Growth Item 2025"] .growth-text-container {
        /* 2023-24, 2025도 위로 많이 올리기 (1600px 기준: 20px = 1.25vw, 1024px에서: 20 * (1024/1600) = 12.8px) */
        padding-top: clamp(12.8px, 1.25vw, 20px);
    }

    .about-us-page .growth-image {
        /* 1600px 기준: 650px = 40.625vw, 1024px에서: 650 * (1024/1600) = 416px */
        width: clamp(416px, 40.625vw, 650px);
        /* 1600px 기준: 32px = 2vw, 1024px에서: 32 * (1024/1600) = 20.48px */
        border-radius: clamp(20.48px, 2vw, 32px);
    }

    .about-us-page .growth-image::before {
        /* 1600px 기준: 32px = 2vw, 1024px에서: 32 * (1024/1600) = 20.48px */
        border-radius: clamp(20.48px, 2vw, 32px);
    }

    .about-us-page .growth-image-2021 {
        /* 1600px 기준: 258px = 16.125vw, 1024px에서: 258 * (1024/1600) = 165.12px */
        height: clamp(165.12px, 16.125vw, 258px);
    }

    .about-us-page .growth-image-2022 {
        /* 1600px 기준: 482px = 30.125vw, 1024px에서: 482 * (1024/1600) = 308.48px */
        height: clamp(308.48px, 30.125vw, 482px);
    }

    .about-us-page .growth-image-2023 {
        /* 1600px 기준: 457px = 28.5625vw, 1024px에서: 457 * (1024/1600) = 292.48px */
        height: clamp(292.48px, 28.5625vw, 457px);
    }

    .about-us-page .growth-image-2025 {
        /* 1600px 기준: 371px = 23.1875vw, 1024px에서: 371 * (1024/1600) = 237.44px */
        height: clamp(237.44px, 23.1875vw, 371px);
    }

    .about-us-page .business-growth-section {
        /* 1600px 기준: 60px = 3.75vw, 1024px에서: 60 * (1024/1600) = 38.4px */
        /* 1600px 기준: 120px = 7.5vw, 1024px에서: 120 * (1024/1600) = 76.8px */
        padding: clamp(38.4px, 3.75vw, 60px) 0 clamp(76.8px, 7.5vw, 120px);
    }

    .about-us-page .business-growth-header {
        /* 1600px 기준: 24px = 1.5vw, 1024px에서: 24 * (1024/1600) = 15.36px */
        gap: clamp(15.36px, 1.5vw, 24px);
        /* 1600px 기준: 80px = 5vw, 1024px에서: 80 * (1024/1600) = 51.2px */
        margin-bottom: clamp(51.2px, 5vw, 80px);
    }

    .about-us-page .business-growth-title {
        /* 1600px 기준: 48px = 3vw, 1024px에서: 48 * (1024/1600) = 30.72px */
        font-size: clamp(30.72px, 3vw, 48px);
        /* 1600px 기준: 58px = 3.625vw, 1024px에서: 58 * (1024/1600) = 37.12px */
        line-height: clamp(37.12px, 3.625vw, 58px);
    }

    /* 영어 버전: business-growth-title 스케일링 */
    html[lang="en"] .about-us-page .business-growth-title {
        /* 1600px 기준: 48px = 3vw, 1024px에서: 48 * (1024/1600) = 30.72px */
        font-size: clamp(30.72px, 3vw, 48px) !important;
        /* 1600px 기준: 58px = 3.625vw, 1024px에서: 58 * (1024/1600) = 37.12px */
        line-height: clamp(37.12px, 3.625vw, 58px) !important;
    }

    .about-us-page .business-growth-description {
        /* 1600px 기준: 20px = 1.25vw, 1024px에서: 20 * (1024/1600) = 12.8px */
        font-size: clamp(12.8px, 1.25vw, 20px);
        /* 1600px 기준: 28px = 1.75vw, 1024px에서: 28 * (1024/1600) = 17.92px */
        line-height: clamp(17.92px, 1.75vw, 28px);
        /* 1600px 기준: 925px = 57.8125vw, 1024px에서: 925 * (1024/1600) = 592px */
        width: clamp(592px, 57.8125vw, 925px);
    }

    /* 영어 버전: 더 넓은 컨테이너 */
    html[lang="en"] .about-us-page .business-growth-description {
        /* 1600px 기준: 1200px = 75vw, 1024px에서: 1200 * (1024/1600) = 768px */
        width: clamp(768px, 75vw, 1200px);
    }

    /* 영어 버전: 텍스트 컨테이너 위치 조정 */
    html[lang="en"] .about-us-page .growth-text-container {
        /* 1600px 기준: 32px = 2vw, 1024px에서: 32 * (1024/1600) = 20.48px */
        padding-top: clamp(20.48px, 2vw, 32px);
    }

    /* 영어 버전: 2022, 2023-24만 더 위로 */
    html[lang="en"] .about-us-page .growth-image-2022 ~ .growth-text-container,
    html[lang="en"] .about-us-page .growth-image-2023 ~ .growth-text-container {
        /* 1600px 기준: 20px = 1.25vw, 1024px에서: 20 * (1024/1600) = 12.8px */
        padding-top: clamp(12.8px, 1.25vw, 20px);
    }


    /* Tech Page - Desktop */
    .tech-page .hero-section {
        height: 900px;
    }
    
    .tech-page .hero-main-container {
        width: 658px;
        margin-top: 0;
    }
    
    .tech-page .hero-main-title {
        font-size: 64px;
    }
    
    .tech-page .hero-main-title .title-line {
        white-space: nowrap;
    }
    
    .tech-page .hero-main-title .mobile-only {
        display: none !important;
    }
    
    .tech-page .hero-main-title .desktop-tablet-only {
        display: block !important;
    }

    /* Chinese (zh) - Desktop: show only line1, hide line2 for hero title */
    html[lang="zh"] .tech-page .hero-main-title .desktop-tablet-only:nth-child(2) {
        display: none !important;
    }
    
    /* Tech Container 반응형 클래스 */
    .tech-page .tech-header-title .mobile-only {
        display: none !important;
    }
    
    .tech-page .tech-header-title .desktop-tablet-only {
        display: block !important;
    }
    
    .tech-page .tech-header-description .mobile-only {
        display: none !important;
    }
    
    .tech-page .tech-header-description .desktop-tablet-only {
        display: block !important;
    }
    
    
    .tech-page .hero-description {
        font-size: 20px;
        line-height: 32px;
        font-weight: 200;
    }
    
    .tech-page .hero-description p {
        white-space: nowrap;
    }
    
    .tech-page .tech-container {
        padding: 120px 0 60px;
    }
    
    .tech-page .tech-header-container {
        margin-bottom: clamp(51.2px, 5vw, 80px);
        gap: clamp(20.48px, 2vw, 32px);
    }

    .tech-page .tech-header-title {
        font-size: clamp(30.72px, 3vw, 48px);
        line-height: 1.2;
    }

    .tech-page .tech-header-description {
        font-size: clamp(15.36px, 1.5vw, 24px);
        line-height: 1.4;
        font-weight: var(--font-weight-medium);
    }
    
    .tech-page .tech-grid-container {
        gap: clamp(30.72px, 3vw, 48px);
    }
    
    .tech-page .tech-grid-title {
        font-size: clamp(15.36px, 1.5vw, 24px);
    }
    
    .tech-page .container {
        padding: 0 clamp(51.2px, 5vw, 80px);
        max-width: clamp(1024px, 100vw, 1600px);
    }

    .tech-page .tech-grid-items-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        column-gap: 0;
        row-gap: clamp(38px, 3.75vw, 60px);
        justify-content: center;
        max-width: 100%;
        width: 100%;
    }

    .tech-page .tech-grid-item {
        width: 100%;
        flex-shrink: 0;
    }

    .tech-page .tech-grid-icon {
        width: clamp(94px, 9.19vw, 147px);
        height: clamp(91px, 8.88vw, 142px);
    }

    .tech-page .tech-grid-item-title {
        font-size: clamp(18px, 1.75vw, 28px);
        line-height: 1;
    }

    .tech-page .tech-grid-item-title.tablet-only {
        display: none !important;
    }

    .tech-page .tech-grid-item-title.mobile-only {
        display: none !important;
    }

    .tech-page .tech-grid-item-title.desktop-only {
        display: block !important;
    }

    .tech-page .tech-grid-item-subtitle {
        font-size: clamp(13px, 1.25vw, 20px);
        line-height: 1.4;
    }

    .tech-page .tech-grid-item-subtitle.tablet-only {
        display: none !important;
    }

    .tech-page .tech-grid-item-subtitle.mobile-only {
        display: none !important;
    }

    .tech-page .tech-grid-item-subtitle.desktop-only {
        display: block !important;
    }

    .tech-page .tech-grid-item-description-text {
        font-size: clamp(10px, 1vw, 16px);
        line-height: 1.4;
    }

    .tech-page .tech-grid-item-description-text.tablet-only {
        display: none !important;
    }

    .tech-page .tech-grid-item-description-text.mobile-only {
        display: none !important;
    }

    .tech-page .tech-grid-item-description-text.desktop-only {
        display: block !important;
    }
    
    .tech-page .product-container {
        padding: clamp(38.4px, 3.75vw, 60px) 0 clamp(102.4px, 10vw, 160px);
    }

    .tech-page .product-section-title {
        font-size: clamp(15.36px, 1.5vw, 24px);
        margin-bottom: clamp(51.2px, 5vw, 80px);
    }

    .tech-page .product-section-container {
        gap: clamp(25.6px, 2.5vw, 40px);
        margin-bottom: clamp(51.2px, 5vw, 80px);
    }

    .tech-page .product-content-container {
        gap: clamp(15.36px, 1.5vw, 24px);
    }

    .tech-page .product-section-subtitle {
        font-size: clamp(17.92px, 1.75vw, 28px);
        line-height: 1.2;
    }

    .tech-page .product-name {
        font-size: clamp(40.96px, 4vw, 64px);
        line-height: 1;
    }

    .tech-page .product-description {
        font-size: clamp(15.36px, 1.5vw, 24px);
        line-height: 1.4;
    }

    .tech-page .product-details {
        font-size: clamp(12.8px, 1.25vw, 20px);
        line-height: 1.4;
    }

    .tech-page .product-details p {
        white-space: nowrap;
    }

    .tech-page .product-button {
        width: clamp(168.32px, 16.44vw, 263px);
        height: clamp(35.84px, 3.5vw, 56px);
    }

    .tech-page .product-button span {
        font-size: clamp(12.8px, 1.25vw, 20px);
    }

    /* 일본어 데스크탑 전용: 버튼 가로 길이 늘림 */
    html[lang="ja"] .tech-page .product-button {
        width: clamp(243.2px, 23.75vw, 380px);
    }

    /* 러시아어 데스크탑 전용: 버튼 가로 길이 늘림 (긴 텍스트 대응) */
    html[lang="ru"] .tech-page .product-button {
        /* 1600px 기준: 400px = 25vw, 1024px: 256px */
        width: clamp(256px, 25vw, 400px);
    }

    .tech-page .product-image-container {
        height: clamp(277.76px, 27.125vw, 434px);
    }

    .tech-page .reservation-image {
        width: clamp(550.4px, 53.75vw, 860px);
        height: clamp(277.76px, 27.125vw, 434px);
        top: 0;
        left: 0;
    }

    .tech-page .product-main-image {
        width: clamp(113.92px, 11.125vw, 178px);
        height: clamp(151.68px, 14.8125vw, 237px);
        top: clamp(40.96px, 4vw, 64px);
        left: clamp(516.48px, 50.44vw, 807px);
    }

    .tech-page .consultation-image {
        width: clamp(119.04px, 11.625vw, 186px);
        height: clamp(259.2px, 25.3125vw, 405px);
        top: clamp(9.6px, 0.9375vw, 15px);
        left: clamp(700.16px, 68.38vw, 1094px);
    }

    .tech-page .user-page-image {
        width: clamp(119.04px, 11.625vw, 186px);
        height: clamp(131.84px, 12.875vw, 206px);
        top: clamp(126.72px, 12.375vw, 198px);
        left: clamp(600.32px, 58.63vw, 938px);
    }

    .tech-page .product-image-container {
        max-width: 100%;
        overflow: visible;
    }

    /* Footer - Desktop (1600px 기준, 1024px~무한대 반응형) */
    .footer-section {
        /* 1600px 기준: 120px = 7.5vw, 1024px: 76.8px, 1920px: 144px */
        padding: clamp(76.8px, 7.5vw, 120px) 0 clamp(76.8px, 7.5vw, 120px);
    }

    .footer-content {
        /* 1600px 기준: 24px = 1.5vw, 1024px: 15.36px, 1920px: 28.8px */
        gap: clamp(15.36px, 1.5vw, 24px);
    }

    .footer-info-wrapper {
        /* 1600px 기준: 24px = 1.5vw, 1024px: 15.36px, 1920px: 28.8px */
        gap: clamp(15.36px, 1.5vw, 24px);
    }

    .footer-info {
        /* 1600px 기준: 12px = 0.75vw, 1024px: 7.68px, 1920px: 14.4px */
        font-size: clamp(7.68px, 0.75vw, 12px);
        /* 1600px 기준: 16px = 1vw, 1024px: 10.24px, 1920px: 19.2px */
        line-height: clamp(10.24px, 1vw, 16px);
    }

    .footer-family-site .family-site-label {
        /* 1600px 기준: 14px = 0.875vw, 1024px: 8.96px, 1920px: 16.8px */
        font-size: clamp(8.96px, 0.875vw, 14px);
        /* 1600px 기준: 18px = 1.125vw, 1024px: 11.52px, 1920px: 21.6px */
        line-height: clamp(11.52px, 1.125vw, 18px);
    }

    .footer-family-site .family-site-link {
        /* 1600px 기준: 14px = 0.875vw, 1024px: 8.96px, 1920px: 16.8px */
        font-size: clamp(8.96px, 0.875vw, 14px);
        /* 1600px 기준: 18px = 1.125vw, 1024px: 11.52px, 1920px: 21.6px */
        line-height: clamp(11.52px, 1.125vw, 18px);
    }

    /* Career Footer - Desktop (다른 페이지와 일관성 유지) */
    .career-page .footer-section {
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .career-page .footer-section .container {
        max-width: 100%;
    }

    /* Career Footer 폰트 반응형 (다른 페이지와 동일) */
    .career-page .footer-info {
        /* 1600px 기준: 12px = 0.75vw, 1024px: 7.68px, 1920px: 14.4px */
        font-size: clamp(7.68px, 0.75vw, 12px);
        /* 1600px 기준: 16px = 1vw, 1024px: 10.24px, 1920px: 19.2px */
        line-height: clamp(10.24px, 1vw, 16px);
    }

    .career-page .footer-family-site .family-site-label {
        /* 1600px 기준: 14px = 0.875vw, 1024px: 8.96px, 1920px: 16.8px */
        font-size: clamp(8.96px, 0.875vw, 14px);
        /* 1600px 기준: 18px = 1.125vw, 1024px: 11.52px, 1920px: 21.6px */
        line-height: clamp(11.52px, 1.125vw, 18px);
    }

    .career-page .footer-family-site .family-site-link {
        /* 1600px 기준: 14px = 0.875vw, 1024px: 8.96px, 1920px: 16.8px */
        font-size: clamp(8.96px, 0.875vw, 14px);
        /* 1600px 기준: 18px = 1.125vw, 1024px: 11.52px, 1920px: 21.6px */
        line-height: clamp(11.52px, 1.125vw, 18px);
    }

}

/* 데스크탑 가로 화면: 메뉴 항목이 화면 높이를 넘을 때 스크롤 생성 */
@media (orientation: landscape) and (min-width: 1024px) {
    .menu-navigation {
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        /* top과 bottom을 고려한 최대 높이 설정 */
        max-height: calc(100vh - 150px - 80px);
    }
}