/* Mobile Styles (up to 767px) */

@media (max-width: 767.98px) {
    /* Header - 375px 기준 비례 스케일링 (300px까지) */
    .header .header-content {
        /* 375px 기준: 상단 44px (상태바 영역 고려), 하단 24px, 좌우 24px */
        padding: clamp(35.2px, 11.73vw, 44px) clamp(19.2px, 6.4vw, 24px) clamp(19.2px, 6.4vw, 24px) clamp(19.2px, 6.4vw, 24px) !important;
        /* 375px 기준: 60px height = 16vw, 300px까지 스케일링 */
        height: clamp(48px, 16vw, 60px) !important;
        align-items: center !important;
        margin-top: 0 !important;
    }
    
    /* Header Right Group - Mobile - 375px 기준 비례 스케일링 (300px까지) */
    .header-right-group {
        /* 375px 기준: 16px gap = 4.27vw, 300px까지 스케일링 */
        gap: clamp(12.8px, 4.27vw, 16px) !important;
    }
    
    /* Logo - 375px 기준 비례 스케일링 (300px까지) */
    .header .logo {
        /* 375px 기준: 104px width = 27.73vw, 300px까지 스케일링 */
        width: clamp(83.2px, 27.73vw, 104px) !important;
        /* 375px 기준: 44px height = 11.73vw, 300px까지 스케일링 */
        height: clamp(35.2px, 11.73vw, 44px) !important;
    }
    
    /* Language Button - 375px 기준 비례 스케일링 (300px까지) */
    .header .language-button {
        width: auto !important; /* 너비 자동 조정 */
        height: auto !important; /* 높이 자동 조정 */
        padding: 0 !important; /* 패딩 제거 */
        gap: 0 !important; /* 국기와 화살표 사이 gap 제거 */
        border: none !important; /* 테두리 제거 */
        border-radius: 0 !important; /* border-radius 제거 */
        background: transparent !important; /* 배경 제거 */
    }
    
    /* Language Flag - 375px 기준 비례 스케일링 (300px까지) */
    .header .language-flag {
        /* 375px 기준: 32px width = 8.53vw, 300px까지 스케일링 */
        width: clamp(25.6px, 8.53vw, 32px) !important;
        /* Figma 디자인: 32:21 비율 유지 */
        height: calc(clamp(25.6px, 8.53vw, 32px) * 21 / 32) !important;
        /* 국기 아이콘에 border-radius 추가 (8px 기준, 모바일에서도 비례 스케일링) */
        border-radius: clamp(6.4px, 2.13vw, 8px) !important;
        overflow: hidden !important; /* border-radius 적용을 위한 overflow */
    }
    
    .header .language-flag svg {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
    
    /* 화살표 아이콘 제거됨 */
    
    /* Menu Icon - 375px 기준 비례 스케일링 (300px까지) */
    .header .menu-icon {
        /* 375px 기준: 32px = 8.53vw, 300px까지 스케일링 */
        width: clamp(25.6px, 8.53vw, 32px) !important;
        height: clamp(25.6px, 8.53vw, 32px) !important;
    }
    
    .header .menu-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    /* Hero Section - 375px 기준 비례 스케일링 (480px까지) */
    .hero {
        /* 375px 기준: 160px = 42.67vw, 480px까지 스케일링 후 고정 */
        gap: clamp(136.53px, 42.67vw, 204.8px);
        /* 320px: 136.53px, 375px: 160px, 480px: 204.8px */
    }
    
    .main-container {
        /* 375px 기준: 327px = 87.2vw, 480px까지 스케일링 후 고정 */
        width: clamp(279.04px, 87.2vw, 418.56px);
        max-width: 90vw;
        /* 375px 기준: 32px gap = 8.53vw, 480px까지 스케일링 후 고정 */
        gap: clamp(27.31px, 8.53vw, 40.96px);
    }
    
    .main-title {
        /* 375px 기준: 40px = 10.67vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(34.13px, 10.67vw, 51.2px);
        line-height: 1;
    }

    /* 러시아어 버전 모바일: main-title 폰트 크기 줄임 */
    html[lang="ru"] .main-title {
        /* 375px 기준: 35px = 9.33vw, 320px: 29.87px, 480px: 44.8px */
        font-size: clamp(29.87px, 9.33vw, 44.8px);
    }
    
    .subtitle {
        /* 375px 기준: 20px = 5.33vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(17.07px, 5.33vw, 25.6px);
        text-align: center;
        /* 375px 기준: -0.4px letter-spacing = -0.107vw, 480px까지 스케일링 후 고정 */
        letter-spacing: clamp(-0.34px, -0.107vw, -0.512px);
        width: auto;
        height: auto;
        white-space: nowrap;
    }
    
    .description {
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(13.65px, 4.27vw, 20.48px);
        /* 375px 기준: -0.32px letter-spacing = -0.085vw, 480px까지 스케일링 후 고정 */
        letter-spacing: clamp(-0.27px, -0.085vw, -0.4096px);
        /* main-container와 동일한 너비로 맞춤 */
        width: clamp(279.04px, 87.2vw, 418.56px);
        max-width: 100%;
    }
    
    .description p {
        white-space: pre-wrap;
    }
    
    /* Mobile: combine all p tags into one continuous text */
    .description p {
        display: inline;
    }
    
    .description p:not(:last-child):after {
        content: " ";
    }
    
    .description p:nth-child(3) {
        white-space: pre-wrap;
    }
    
    /* Title Section Layout - Mobile - 375px 기준 비례 스케일링 (480px까지) */
    .title-section {
        align-items: flex-end;
        justify-content: space-between;
        white-space: nowrap;
        /* 375px 기준: 12px gap = 3.2vw, 480px까지 스케일링 후 고정 */
        gap: clamp(10.24px, 3.2vw, 15.36px);
    }
    
    .text-container {
        width: 100%;
    }
    
    .title-line {
        white-space: nowrap;
    }
    
    /* 대형 모바일 (481px ~ 767px) - 480px 기준값 고정 */
    @media (min-width: 481px) and (max-width: 767.98px) {
        .hero {
            gap: 204.8px; /* 480px 기준 고정값 */
        }

        .main-container {
            width: 418.56px; /* 480px 기준 고정값 */
            gap: 40.96px; /* 480px 기준 고정값 */
        }

        .main-title {
            font-size: 51.2px; /* 480px 기준 고정값 */
        }

        .subtitle {
            font-size: 25.6px; /* 480px 기준 고정값 */
            letter-spacing: -0.512px; /* 480px 기준 고정값 */
        }

        .description {
            font-size: 20.48px; /* 480px 기준 고정값 */
            letter-spacing: -0.4096px; /* 480px 기준 고정값 */
            width: 418.56px; /* 480px 기준 고정값 - main-container와 동일하게 수정 */
        }

        .title-section {
            gap: 15.36px; /* 480px 기준 고정값 */
        }
    }
    
    /* Adjust spacing for mobile - removed empty rule */
    
    /* About Us Page - Menu Close 고정값 적용 + 애니메이션 제거 (특이도 높음 - 먼저 정의) */
    .about-us-page .menu-close {
        top: 38px !important;
        right: 24px !important;
        transform: none !important; /* 애니메이션 스케일 제거 */
        opacity: 1 !important; /* 즉시 표시 */
        animation: none !important; /* 애니메이션 완전 제거 */
    }

    /* About Us Page - Menu Navigation 고정값 적용 (특이도 높음 - 먼저 정의) */
    .about-us-page .menu-navigation {
        top: 120px !important;
        bottom: 40px !important;
        left: 48px !important;
        right: 48px !important;
    }

    /* About Us Page - Menu Items 애니메이션도 제거 */
    .about-us-page .menu-item {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }

    /* About Us Page - CSS-only 애니메이션 (JavaScript는 클래스만 토글) */
    /* Identity Container - 초기 상태 숨김 */
    .about-us-page .identity-container .section-title,
    .about-us-page .identity-subtitle,
    .about-us-page .vision-container {
        opacity: 0;
        transform: translateX(-50px);
        transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                    transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .about-us-page .mission-container {
        opacity: 0;
        transform: translateX(50px);
        transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                    transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .about-us-page .values-container {
        opacity: 0;
        transform: translateY(50px);
        transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                    transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    /* visible 클래스 추가 시 애니메이션 실행 */
    .about-us-page .identity-container .section-title.visible,
    .about-us-page .identity-subtitle.visible,
    .about-us-page .vision-container.visible,
    .about-us-page .mission-container.visible,
    .about-us-page .values-container.visible {
        opacity: 1;
        transform: translate(0, 0);
    }

    /* Business Growth Journey */
    .about-us-page .business-growth-header,
    .about-us-page .growth-item {
        opacity: 0;
        transform: translateX(-50px);
        transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                    transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .about-us-page .business-growth-header.visible,
    .about-us-page .growth-item.visible {
        opacity: 1;
        transform: translateX(0);
    }

    /* KOMEDICLUB to FACEWEB */
    .about-us-page .komediclub-faceweb-header {
        opacity: 0;
        transform: translateX(-50px);
        transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                    transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .about-us-page .komediclub-container,
    .about-us-page .komediclub-faceweb-arrow,
    .about-us-page .faceweb-container {
        opacity: 0;
        transform: translateY(-50px);
        transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                    transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .about-us-page .komediclub-faceweb-header.visible,
    .about-us-page .komediclub-container.visible,
    .about-us-page .komediclub-faceweb-arrow.visible,
    .about-us-page .faceweb-container.visible {
        opacity: 1;
        transform: translate(0, 0);
    }

    /* Menu Page - Mobile (375px base, keep ratio via clamp 320–767) */
    /* !important 제거 - about-us-page 규칙이 특이도로 우선 적용됨 */
    .menu-close {
        /* 375px base: 38px top, 24px right */
        top: clamp(32.53px, 10.133vw, 77.74px);
        right: clamp(20.48px, 6.4vw, 49.15px);
    }

    .menu-navigation {
        /* 375px base: top 120px, side paddings 48px - 작은 화면에서는 줄임 */
        top: clamp(60px, 16vw, 120px);
        bottom: clamp(20px, 5.33vw, 40px);
        left: clamp(40.96px, 12.8vw, 98.3px);
        right: clamp(40.96px, 12.8vw, 98.3px);
        width: auto;
        text-align: left;
        overflow: visible;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    /* 모바일 가로 화면: 메뉴 항목이 화면 높이를 넘을 때 스크롤 생성 */
    @media (orientation: landscape) and (max-width: 767.98px) {
        .menu-navigation {
            overflow-y: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
            /* top과 bottom을 고려한 최대 높이 설정 */
            max-height: calc(100vh - clamp(60px, 16vw, 120px) - clamp(20px, 5.33vw, 40px));
        }
    }

    .menu-list {
        /* 375px base: 20px gap - 작은 화면에서는 더 줄임 */
        gap: clamp(12px, 3.2vw, 24px);
        padding-top: clamp(10px, 2.67vw, 20px);
        padding-bottom: clamp(10px, 2.67vw, 20px);
        height: auto;
        flex-shrink: 0;
    }

    .menu-text {
        /* 375px base: 28px/40px */
        font-size: clamp(23.89px, 7.467vw, 57.2px);
        line-height: clamp(34.13px, 10.667vw, 81.87px);
    }

    .menu-link:hover {
        transform: none;
    }
    
    /* About Us Page - Mobile */
    .hero-section {
        height: 100vh;
    }
    
    .hero-main-container {
        width: 327px;
        margin-top: 120px;
    }
    
    .hero-main-title {
        font-size: 32px;
        width: 316px;
    }
    
    .hero-description {
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: -0.32px;
        width: 327px;
    }
    
    .hero-description p {
        white-space: pre-wrap;
    }
    
    
    .logo {
        width: var(--logo-width-mobile);
        height: var(--logo-height-mobile);
    }
    
    .container {
        /* 320px: 20.48px, 375px: 24px, 480px: 30.72px */
        padding: 0 clamp(20.48px, 6.4vw, 30.72px);
    }
    
    .identity-container {
        padding: 60px 0;
    }

    /* 375px 기준, 480px까지 스케일링 */
    .section-title {
        /* 375px 기준 24px = 6.4vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(20.48px, 6.4vw, 30.72px);
        /* 375px 기준 30px = 8vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(25.6px, 8vw, 38.4px);
        /* 375px 기준 60px = 16vw, 480px까지 스케일링 후 고정 */
        margin-bottom: clamp(51.2px, 16vw, 76.8px);
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 20.48px/25.6px/51.2px, 375px: 24px/30px/60px, 480px: 30.72px/38.4px/76.8px */
    }
    
    /* 375px 기준, 480px까지 스케일링 */
    .identity-subtitle {
        /* 375px 기준: 26px = 8.18vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(26px, 8.18vw, 39.26px);
        /* 375px 기준: 32px = 10vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(32px, 10vw, 48px);
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 26px/32px, 375px: 26px/32px, 480px: 39.26px/48px */
    }
    
    /* 375px 기준, 480px까지 스케일링 */
    .subtitle-line {
        display: block;
        /* 375px 기준: 37.5px = 10vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(32px, 10vw, 48px);
    }

    /* 러시아어 버전 모바일: subtitle-line 폰트 크기 줄임 */
    html[lang="ru"] .about-us-page .identity-subtitle .mobile-only .subtitle-line {
        /* 375px 기준: 32px = 8.53vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(27.31px, 8.53vw, 40.96px);
        /* 320px: 27.31px, 375px: 32px, 480px: 40.96px */
        line-height: 1.2;
    }
    
    .identity-row {
        flex-direction: column;
        gap: 60px;
        width: 100%;
        max-width: none;
        margin: 0 auto;
    }
    
    .vision-container,
    .mission-container,
    .values-container {
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        flex-direction: column;
        gap: 32px;
        margin: 0 auto;
    }
    
    .identity-image {
        height: 352px;
        border-radius: 24px;
    }
    
    .identity-text-container {
        padding-left: 16px;
        gap: 16px;
    }
    
    .identity-item-title {
        font-size: 28px;
        line-height: 1.2;
        letter-spacing: -0.01em;
        padding: 0;
    }
    
    .identity-item-description {
        font-size: 17px;
        font-weight: var(--font-weight-medium);
        line-height: 1.5;
        letter-spacing: -0.005em;
        padding: 0;
    }
    
    .identity-item-description ul {
        padding-left: 24px;
    }
    
    /* Mobile Footer - Figma Design (375px 기준, 320px~480px 스케일링) */
    .footer-section {
        /* 375px 기준: 120px = 32vw, 480px까지 스케일링 후 고정 */
        padding: clamp(102.4px, 32vw, 153.6px) 0 clamp(102.4px, 32vw, 153.6px);
        /* 320px: 102.4px, 375px: 120px, 480px: 153.6px */
    }

    .footer-section .container {
        /* 컨테이너는 패딩 없이 사용, footer-content에 패딩 적용 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        padding: 0; /* 패딩 제거 - footer-content에 패딩 적용 */
    }

    .footer-content {
        /* 375px 기준: 24px = 6.4vw, 480px까지 스케일링 후 고정 */
        gap: clamp(20.48px, 6.4vw, 30.72px);
        /* 320px: 20.48px, 375px: 24px, 480px: 30.72px */
        /* 375px 기준: 24px 좌우 패딩 = 6.4vw, 480px까지 스케일링 후 고정 */
        padding: 0 clamp(20.48px, 6.4vw, 30.72px);
        /* 320px: 20.48px, 375px: 24px, 480px: 30.72px */
        /* 480px에서 패딩을 포함한 전체 너비: 418.56px(내용) + 61.44px(패딩) = 480px */
        /* 375px 기준: 327px(내용) + 48px(패딩) = 375px = 100vw */
        /* 320px 기준: 279.04px(내용) + 40.96px(패딩) = 320px = 100vw */
        /* 320px~480px: 화면 너비에 맞춤, 480px 이상: 480px 고정하여 양쪽 마진 생성 */
        max-width: clamp(320px, 100%, 480px); /* 패딩을 포함한 전체 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        align-items: center; /* 중앙 정렬 - flex-start에서 변경 */
    }

    .footer-line {
        max-width: calc(100vw - 48px);
        height: 1px;
        background: #e0e0e0;
    }

    .footer-info-wrapper {
        flex-direction: column;
        /* 375px 기준: 24px = 6.4vw, 480px까지 스케일링 후 고정 */
        gap: clamp(20.48px, 6.4vw, 30.72px);
        align-items: flex-start;
        /* 320px: 20.48px, 375px: 24px, 480px: 30.72px */
    }

    .footer-info {
        font-family: var(--font-family-secondary);
        /* 375px 기준: 11px = 2.933vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(9.39px, 2.933vw, 14.08px);
        /* 375px 기준: 16px = 4.267vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(13.65px, 4.267vw, 20.48px);
        color: #4d4d4d;
        width: 100%;
        /* 320px: 9.39px/13.65px, 375px: 11px/16px, 480px: 14.08px/20.48px */
    }

    .footer-info p {
        margin: 0 0 0 0;
    }

    .footer-info p:last-child {
        margin-bottom: 0;
    }

    .footer-info strong {
        font-weight: 700;
    }

    /* Family Site - Mobile */
    .footer-family-site {
        width: 100%;
        justify-content: flex-start;
        /* 375px 기준: 8px = 2.133vw, 480px까지 스케일링 후 고정 */
        gap: clamp(6.83px, 2.133vw, 10.24px);
        /* 320px: 6.83px, 375px: 8px, 480px: 10.24px */
    }

    .family-site-label {
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
        /* 375px 기준: 14px = 3.733vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(11.95px, 3.733vw, 17.92px);
        /* 375px 기준: 18px = 4.8vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(15.36px, 4.8vw, 23.04px);
        color: #6a6e74;
        /* 375px 기준: -0.28px = -0.075vw, 480px까지 스케일링 후 고정 */
        letter-spacing: clamp(-0.239px, -0.075vw, -0.358px);
        /* 320px: -0.239px, 375px: -0.28px, 480px: -0.358px */
    }

    .family-site-link {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        /* 375px 기준: 14px = 3.733vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(11.95px, 3.733vw, 17.92px);
        /* 375px 기준: 18px = 4.8vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(15.36px, 4.8vw, 23.04px);
        color: #070d17;
        text-decoration: underline;
        text-underline-position: from-font;
    }
    
    /* About Us Page - Mobile */
    .about-us-page .hero-section {
        height: 100vh;
    }
    
    /* About Us Hero Section - 375px 기준 비례 스케일링 (480px까지) */
    .about-us-page .hero-main-container {
        /* 375px 기준: 327px = 87.2vw, 480px까지 스케일링 후 고정 */
        width: clamp(279.04px, 87.2vw, 418.56px);
        max-width: 90%;
        margin-top: 0;
        margin-left: 0;
        text-align: left;
        /* 375px 기준: 32px gap = 8.53vw, 480px까지 스케일링 후 고정 */
        gap: clamp(27.31px, 8.53vw, 40.96px);
        /* 320px: 279.04px, 375px: 327px, 480px: 418.56px */
    }

    .about-us-page .hero-main-title {
        /* 375px 기준: 36px = 9.6vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(30.72px, 9.6vw, 46.08px);
        line-height: 1.1;
        text-align: left;
        /* 320px: 30.72px, 375px: 36px, 480px: 46.08px */
    }

    /* Chinese language: prevent line break within title-line and reduce font size */
    html[lang="zh"] .about-us-page .title-line {
        white-space: nowrap;
        overflow: visible;
    }

    /* Chinese mobile: line1 + line2 on same line, line3 on next line */
    html[lang="zh"] .about-us-page .title-line:nth-child(1),
    html[lang="zh"] .about-us-page .title-line:nth-child(2) {
        display: inline;
    }

    html[lang="zh"] .about-us-page .title-line:nth-child(3) {
        display: block;
    }

    html[lang="zh"] .about-us-page .hero-main-title {
        /* 375px 기준: 32px = 8.53vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(27.31px, 8.53vw, 40.96px);
        /* 320px: 27.31px, 375px: 32px, 480px: 40.96px */
    }

    .about-us-page .hero-description {
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(13.65px, 4.27vw, 20.48px);
        /* 375px 기준: 22.86px line-height = 6.1vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(19.50px, 6.1vw, 29.25px);
        text-align: left;
        width: 100%;
        /* 320px: 13.65px/19.50px, 375px: 16px/22.86px, 480px: 20.48px/29.25px */
    }

    .about-us-page .hero-description p {
        white-space: pre-wrap;
    }

    /* 대형 모바일 (481px ~ 767px) - About Us Hero Section - 480px 기준값 고정 */
    @media (min-width: 481px) and (max-width: 767.98px) {
        .about-us-page .hero-main-container {
            width: 418.56px; /* 480px 기준 고정값 */
            gap: 40.96px; /* 480px 기준 고정값 */
        }

        .about-us-page .hero-main-title {
            font-size: 46.08px; /* 480px 기준 고정값 */
        }

        html[lang="zh"] .about-us-page .hero-main-title {
            font-size: 40.96px; /* 480px 기준 고정값 */
        }

        .about-us-page .hero-description {
            font-size: 20.48px; /* 480px 기준 고정값 */
            line-height: 29.25px; /* 480px 기준 고정값 */
        }

        .about-us-page .about-content-container {
            height: 1073.9px; /* 480px 기준 고정값 */
        }

        html[lang="zh"] .about-us-page .about-content-container {
            height: 912.82px; /* 480px 기준 고정값 */
        }

        .about-us-page .about-image {
            border-radius: 30.72px; /* 480px 기준 고정값 */
        }

        .about-us-page .about-image-1 {
            left: calc(50% - 104.3px); /* 480px 기준 고정값 */
            top: 64px; /* 480px 기준 고정값 */
            width: 230.4px; /* 480px 기준 고정값 */
            height: 285.46px; /* 480px 기준 고정값 */
        }

        .about-us-page .about-image-2 {
            height: 277.78px !important; /* 480px 기준 고정값 */
            /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
            max-width: 418.56px !important; /* 480px 기준 최대 너비 */
            width: 100% !important; /* 부모 컨테이너 기준으로 반응형 유지 */
            left: 50% !important; /* 중앙 정렬을 위한 left: 50% */
            right: auto !important; /* right: 0 제거 */
            bottom: 0 !important; /* 기본값 유지 */
            transform: translateX(-50%) !important; /* 중앙 정렬을 위한 transform */
        }

        html[lang="en"] .about-us-page .about-image-2 {
            top: 864px !important; /* 480px 기준 고정값 */
            bottom: auto !important; /* bottom: 0 제거 */
        }

        html[lang="ja"] .about-us-page .about-image-2 {
            top: 816px !important; /* 480px 기준 고정값 */
            bottom: auto !important; /* bottom: 0 제거 */
        }

        html[lang="zh"] .about-us-page .about-image-2 {
            top: 691.2px !important; /* 480px 기준 고정값 */
            bottom: auto !important; /* bottom: 0 제거 */
        }

        /* 러시아어 버전 모바일: 텍스트가 가장 길어서 이미지를 가장 아래로 위치 */
        html[lang="ru"] .about-us-page .about-image-2 {
            top: 940px !important; /* 480px 기준 고정값 (영어 864px보다 더 아래) */
            bottom: auto !important; /* bottom: 0 제거 */
        }

        .about-us-page .about-image-3 {
            left: calc(50% + 104.3px); /* 480px 기준 고정값 */
            width: 230.4px; /* 480px 기준 고정값 */
            height: 282.86px; /* 480px 기준 고정값 */
        }

        .about-us-page .about-text-container {
            top: 390.38px; /* 480px 기준 고정값 */
            gap: 30.72px; /* 480px 기준 고정값 */
            /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
            max-width: 418.56px; /* 480px 기준 고정값 */
            width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
            left: auto; /* left: 0 제거 */
            right: auto; /* right: 0 제거 */
            margin: 0 auto; /* 중앙 정렬 */
        }

        html[lang="en"] .about-us-page .about-text-container {
            gap: 15.36px; /* 480px 기준 고정값 */
        }

        .about-us-page .about-heading {
            font-size: 46.08px; /* 480px 기준 고정값 */
        }

        .about-us-page .about-description {
            font-size: 19.82px; /* 480px 기준 고정값 */
            line-height: 28.56px; /* 480px 기준 고정값 */
        }

        .section-title {
            font-size: 30.72px; /* 480px 기준 고정값 */
            line-height: 38.4px; /* 480px 기준 고정값 */
            margin-bottom: 76.8px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 고정값 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        .identity-subtitle {
            font-size: 39.26px; /* 480px 기준 고정값 */
            line-height: 48px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 고정값 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        .about-us-page .identity-subtitle {
            font-size: 40.8px; /* clamp 최대값으로 고정 (clamp의 vw 값이 계속 커지는 문제 방지) */
            line-height: 50.4px; /* clamp 최대값으로 고정 */
            margin-bottom: 65.47px; /* clamp 최대값으로 고정 */
            max-width: 418.56px; /* 480px 기준 고정값 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        /* 러시아어 버전 모바일: identity-subtitle 폰트 크기 줄임 */
        html[lang="ru"] .about-us-page .identity-subtitle {
            font-size: 32px !important; /* 480px 기준 고정값 */
            line-height: 38.4px !important; /* 480px 기준 고정값 */
        }

        .subtitle-line {
            font-size: 48px; /* 480px 기준 고정값 (clamp의 vw 값이 계속 커지는 문제 방지) */
        }

        /* 러시아어 버전 모바일: subtitle-line 폰트 크기 줄임 */
        html[lang="ru"] .about-us-page .identity-subtitle .mobile-only .subtitle-line {
            font-size: 40.96px !important; /* 480px 기준 고정값 (clamp 최대값과 동일하게) */
        }

        .about-us-page .vision-container,
        .about-us-page .mission-container {
            max-width: 418.56px; /* 480px 기준 고정값 */
            width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
            gap: 32px; /* 480px 기준 고정값 (375px 기준 32px 유지) */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        .about-us-page .vision-container .identity-image,
        .about-us-page .mission-container .identity-image {
            height: 450.56px; /* 480px 기준 고정값 (327:352 비율 유지, 418.56:450.56) */
            width: 100%; /* 컨테이너 너비에 맞춤 */
            max-width: 100%; /* 컨테이너 너비를 넘지 않도록 */
        }

        .about-us-page .values-container {
            max-width: 418.56px; /* 480px 기준 고정값 */
            width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
            padding-top: 87.26px; /* 480px 기준 고정값 */
            gap: 6.53px; /* 480px 기준 고정값 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        .about-us-page .values-container .identity-image {
            height: 450.58px; /* 480px 기준 고정값 (327:352 비율 유지, 418.56:450.58) */
            width: 100%; /* 컨테이너 너비에 맞춤 */
            max-width: 100%; /* 컨테이너 너비를 넘지 않도록 */
        }

        .about-us-page .vision-container .identity-text-container,
        .about-us-page .mission-container .identity-text-container {
            padding-left: 16px; /* 480px 기준 고정값 (clamp의 vw 값이 계속 커지는 문제 방지) */
        }

        .about-us-page .values-container .identity-text-container {
            padding-left: 16px; /* 480px 기준 고정값 (clamp의 vw 값이 계속 커지는 문제 방지) */
        }

        .about-us-page .identity-item-title {
            font-size: 40.8px; /* 480px 기준 고정값 */
            line-height: 48px; /* 480px 기준 고정값 */
        }

        .about-us-page .identity-item-description {
            font-size: 20.48px; /* 480px 기준 고정값 */
            line-height: 28.7px; /* 480px 기준 고정값 */
        }

        .about-us-page .identity-item-description ul {
            padding-left: 26.16px; /* 480px 기준 고정값 */
        }

        /* Business Growth Header - 480px 기준 고정값 */
        html[lang="ko"] .about-us-page .business-growth-title {
            font-size: 48px !important; /* 480px 기준 고정값 */
            max-width: 418.56px !important; /* 480px 기준 고정값 */
            margin-left: auto !important; /* 중앙 정렬 */
            margin-right: auto !important; /* 중앙 정렬 */
        }

        html[lang="en"] .about-us-page .business-growth-title {
            font-size: 40.94px; /* 480px 기준 고정값 */
            line-height: 51.22px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 고정값 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        html[lang="ja"] .about-us-page .business-growth-title {
            font-size: 46.08px !important; /* 480px 기준 고정값 */
            max-width: 418.56px !important; /* 480px 기준 고정값 */
            margin-left: auto !important; /* 중앙 정렬 */
            margin-right: auto !important; /* 중앙 정렬 */
        }

        html[lang="zh"] .about-us-page .business-growth-title {
            font-size: 46.08px !important; /* 480px 기준 고정값 */
            max-width: 418.56px !important; /* 480px 기준 고정값 */
            margin-left: auto !important; /* 중앙 정렬 */
            margin-right: auto !important; /* 중앙 정렬 */
        }

        /* 러시아어 버전 모바일: business-growth-title - 480px 기준 고정값 */
        html[lang="ru"] .about-us-page .business-growth-title {
            font-size: 46.08px !important; /* 480px 기준 고정값 */
            max-width: 418.56px !important; /* 480px 기준 고정값 */
            margin-left: auto !important; /* 중앙 정렬 */
            margin-right: auto !important; /* 중앙 정렬 */
        }

        .about-us-page .business-growth-description {
            font-size: 20.48px; /* 480px 기준 고정값 */
            line-height: 28.66px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 고정값 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        .about-us-page .growth-image {
            max-width: 418.56px; /* 480px 기준 고정값 (375px 기준 327px 비율 유지) */
            width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        .about-us-page .growth-text-container {
            max-width: 418.56px; /* 480px 기준 고정값 */
            width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
            gap: 20.48px; /* 480px 기준 고정값 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        .about-us-page .growth-year-container {
            line-height: 40.94px; /* 480px 기준 고정값 */
        }

        .about-us-page .growth-year {
            font-size: 40.94px; /* 480px 기준 고정값 */
            line-height: 40.94px; /* 480px 기준 고정값 */
        }

        .about-us-page .growth-period {
            font-size: 25.58px; /* 480px 기준 고정값 */
            line-height: 40.94px; /* 480px 기준 고정값 */
        }

        .about-us-page .growth-timeline-list {
            font-size: 19.2px; /* 480px 기준 고정값 */
            line-height: 26.88px; /* 480px 기준 고정값 */
            padding-left: 30.72px; /* 480px 기준 고정값 */
        }

        .about-us-page .growth-timeline-list li {
            line-height: 26.88px; /* 480px 기준 고정값 */
        }

        /* KOMEDICLUB to FACEWEB Header - 480px 기준 고정값 */
        .about-us-page .komediclub-faceweb-subtitle {
            font-size: 46.08px; /* 480px 기준 고정값 */
            line-height: 56.3px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 고정값 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        html[lang="en"] .about-us-page .komediclub-faceweb-subtitle {
            font-size: 40.94px; /* 480px 기준 고정값 */
            line-height: 51.22px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 고정값 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        .about-us-page .komediclub-faceweb-description {
            font-size: 20.48px; /* 480px 기준 고정값 */
            line-height: 28.67px; /* 480px 기준 고정값 (20.48 * 1.4) */
            max-width: 418.56px; /* 480px 기준 고정값 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        /* KOMEDICLUB Container - 480px 기준 고정값 */
        .about-us-page .komediclub-container {
            max-width: 418.56px; /* 480px 기준 고정값 */
            width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        .about-us-page .komediclub-list {
            padding-left: 30.72px; /* 480px 기준 고정값 */
            font-size: 20.48px; /* 480px 기준 고정값 */
            line-height: 28.7px; /* 480px 기준 고정값 */
        }

        html[lang="en"] .about-us-page .komediclub-list {
            font-size: 20.48px; /* 480px 기준 고정값 */
            line-height: 28.7px; /* 480px 기준 고정값 */
        }

        .about-us-page .komediclub-title-text {
            top: calc(50% - 24.32px); /* 480px 기준 고정값 */
            font-size: 30.72px; /* 480px 기준 고정값 */
        }

        html[lang="en"] .about-us-page .komediclub-title-text {
            top: calc(50% - 72px); /* 480px 기준 고정값 */
            font-size: 26.88px; /* 480px 기준 고정값 */
        }

        html[lang="ja"] .about-us-page .komediclub-title-text {
            top: calc(50% - 62.4px); /* 480px 기준 고정값 */
        }

        html[lang="zh"] .about-us-page .komediclub-title-text {
            top: calc(50% - 38.4px); /* 480px 기준 고정값 */
        }

        /* 러시아어 버전 모바일: komediclub-title-text 위치 조정 (480px 기준 고정값) */
        html[lang="ru"] .about-us-page .komediclub-title-text {
            top: calc(50% - 112px); /* 480px 기준 고정값 */
        }

        /* 러시아어 버전 모바일: komediclub-list 위치 조정 (480px 기준 고정값) */
        html[lang="ru"] .about-us-page .komediclub-list {
            bottom: 55%; /* 480px 기준 고정값 */
        }

        .about-us-page .komediclub-background {
            height: 409.6px; /* 480px 기준 고정값 (clamp의 vw 값이 계속 커지는 문제 방지) */
            border-radius: 76.8px; /* 480px 기준 고정값 */
        }

        /* 러시아어 버전 모바일: komediclub-background 높이 증가 (327:441 비율, 480px 기준 고정값) */
        html[lang="ru"] .about-us-page .komediclub-background {
            height: 563.2px; /* 480px 기준 고정값 (418.56px 너비 × 441/327 = 563.2px) */
        }

        /* FACEWEB Container - 480px 기준 고정값 */
        .about-us-page .faceweb-container {
            max-width: 418.56px; /* 480px 기준 고정값 */
            width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        .about-us-page .faceweb-text-container {
            width: 357.12px; /* 480px 기준 고정값 */
            gap: 20.48px; /* 480px 기준 고정값 */
        }

        .about-us-page .faceweb-title {
            font-size: 35.84px; /* 480px 기준 고정값 */
            line-height: 48.64px; /* 480px 기준 고정값 */
        }

        html[lang="en"] .about-us-page .faceweb-title {
            font-size: 35.84px; /* 480px 기준 고정값 */
            line-height: 48.64px; /* 480px 기준 고정값 */
        }

        .about-us-page .faceweb-subtitle {
            font-size: 23.04px; /* 480px 기준 고정값 */
            line-height: 35.84px; /* 480px 기준 고정값 */
        }

        html[lang="en"] .about-us-page .faceweb-subtitle {
            font-size: 23.04px; /* 480px 기준 고정값 */
            line-height: 35.84px; /* 480px 기준 고정값 */
        }

        .about-us-page .faceweb-list {
            font-size: 20.48px; /* 480px 기준 고정값 */
            line-height: 28.7px; /* 480px 기준 고정값 */
        }

        html[lang="en"] .about-us-page .faceweb-list {
            font-size: 20.48px; /* 480px 기준 고정값 */
            line-height: 28.7px; /* 480px 기준 고정값 */
        }

        /* Footer - 480px 기준 고정값 */
        .footer-section {
            padding: 153.6px 0 153.6px; /* 480px 기준 고정값 */
        }

        .footer-section .container {
            /* 컨테이너는 패딩 없이 사용, footer-content에 패딩 적용 */
            width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
            padding: 0; /* 패딩 제거 - footer-content에 패딩 적용 */
        }

        .footer-content {
            gap: 30.72px; /* 480px 기준 고정값 */
            padding: 0 30.72px; /* 480px 기준 고정값 */
            max-width: 480px; /* 480px 기준 고정값 (패딩 포함: 418.56px + 61.44px) */
            width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
            align-items: center; /* 중앙 정렬 - flex-start에서 변경 */
        }

        .footer-info-wrapper {
            gap: 30.72px; /* 480px 기준 고정값 */
        }

        .footer-info {
            font-size: 14.08px; /* 480px 기준 고정값 (clamp의 vw 값이 계속 커지는 문제 방지) */
            line-height: 20.48px; /* 480px 기준 고정값 */
        }

        .footer-family-site {
            gap: 10.24px; /* 480px 기준 고정값 */
        }

        .family-site-label {
            font-size: 17.92px; /* 480px 기준 고정값 */
            line-height: 23.04px; /* 480px 기준 고정값 */
            letter-spacing: -0.358px; /* 480px 기준 고정값 */
        }

        .family-site-link {
            font-size: 17.92px; /* 480px 기준 고정값 */
            line-height: 23.04px; /* 480px 기준 고정값 */
        }

        .about-us-page .about-container {
            padding: 102.38px 30.72px; /* 480px 기준 고정값 */
        }

        html[lang="en"] .about-us-page .about-container {
            padding-bottom: 153.6px; /* 480px 기준 고정값 */
        }

        html[lang="ja"] .about-us-page .about-container {
            padding-bottom: 144px; /* 480px 기준 고정값 */
        }

        html[lang="zh"] .about-us-page .about-container {
            padding-bottom: 166.42px; /* 480px 기준 고정값 */
        }

        /* 러시아어 버전 모바일: 이미지를 내린 만큼 컨테이너 하단 패딩 증가 */
        html[lang="ru"] .about-us-page .about-container {
            padding-bottom: 210px; /* 480px 기준 고정값 */
        }
    }

    /* Mobile: Show mobile-only and tablet-mobile-only, Hide desktop/tablet-only */
    .desktop-only,
    .tablet-only,
    .tablet-desktop-only {
        display: none !important;
    }
    
    .mobile-only,
    .tablet-mobile-only {
        display: block !important;
    }
    
    /* 모바일 전용 따옴표를 인라인으로 표시 (줄바꿈 방지) */
    .description .mobile-only {
        display: inline !important;
        white-space: nowrap;
    }

    .mobile-break::after {
        content: '\A';
        white-space: pre;
        display: inline !important;
    }

    /* Chinese mobile line break - hide by default */
    .zh-mobile-break {
        display: none;
    }

    /* Show Chinese mobile line break only for Chinese language */
    html[lang="zh"] .zh-mobile-break {
        display: inline !important;
    }

    /* Hide desktop and tablet breaks on mobile */
    .desktop-break-1::before,
    .desktop-break-2::before,
    .desktop-break-3::before,
    .desktop-break-4::before,
    .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;
    }

    .about-us-page .title-line {
        white-space: pre-wrap;
    }
    
    .about-us-page .identity-container {
        padding: 40px 0 60px;
    }
    
    /* 375px 기준, 480px까지 스케일링 */
    .about-us-page .identity-subtitle {
        /* 375px 기준: 28px = 8.5vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(28px, 8.5vw, 40.8px);
        /* 375px 기준: 34px = 10.5vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(34px, 10.5vw, 50.4px);
        /* 375px 기준: 43px = 13.64vw, 480px까지 스케일링 후 고정 */
        margin-bottom: clamp(43px, 13.64vw, 65.47px);
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 28px/34px/43px, 375px: 28px/34px/43px, 480px: 40.8px/50.4px/65.47px */
    }

    /* 러시아어 버전 모바일: identity-subtitle 폰트 크기 줄임 */
    html[lang="ru"] .about-us-page .identity-subtitle {
        /* 375px 기준: 25px = 6.67vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(21.33px, 6.67vw, 32px) !important;
        /* 375px 기준: 30px = 8vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(25.6px, 8vw, 38.4px) !important;
        /* 320px: 21.33px/25.6px, 375px: 25px/30px, 480px: 32px/38.4px */
    }
    
    
    .about-us-page .identity-row {
        flex-direction: column;
        gap: 60px;
        max-width: none;
    }
    
    .about-us-page .vision-container,
    .about-us-page .mission-container {
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        min-width: 0;
        flex-direction: column;
        /* 375px 기준: 32px = 8.53vw, 480px까지 스케일링 후 고정 */
        gap: clamp(21px, 8.53vw, 32px);
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 21px, 375px: 32px, 480px: 32px (최대값으로 제한) */
    }

    .about-us-page .vision-container .identity-image,
    .about-us-page .mission-container .identity-image {
        width: 100%;
        max-width: 100%; /* 컨테이너 너비를 넘지 않도록 */
        /* 375px 기준: 352px = 93.87vw (327:352 비율 유지), 480px까지 스케일링 후 고정 */
        height: clamp(160px, 93.87vw, 450.56px);
        max-height: none;
        /* 320px: 160px (비율 유지), 375px: 352px (327:352 비율), 480px: 450.56px (418.56:450.56 비율) */
    }
    
    .about-us-page .vision-container .identity-text-container,
    .about-us-page .mission-container .identity-text-container {
        width: 100%;
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        padding-left: clamp(7px, 4.27vw, 16px);
        max-width: none;
        /* 320px: 7px, 375px: 16px, 480px: 16px (최대값으로 제한) */
    }
    
    .about-us-page .values-container {
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        /* 375px 기준: 54px = 18.18vw, 480px까지 스케일링 후 고정 */
        padding-top: clamp(54px, 18.18vw, 87.26px);
        /* 375px 기준: 4px = 1.36vw, 480px까지 스케일링 후 고정 */
        gap: clamp(4px, 1.36vw, 6.53px);
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 54px/4px, 375px: 68.18px/5.1px, 480px: 87.26px/6.53px */
    }

    .about-us-page .values-container .identity-image {
        width: 100%;
        max-width: 100%; /* 컨테이너 너비를 넘지 않도록 */
        /* 375px 기준: 352px = 93.87vw (327:352 비율 유지), 480px까지 스케일링 후 고정 */
        height: clamp(234px, 93.87vw, 450.58px);
        /* 320px: 234px (비율 유지), 375px: 352px (327:352 비율), 480px: 450.58px (418.56:450.58 비율) */
    }
    
    .about-us-page .values-container .identity-text-container {
        /* 375px 기준: 16px = 3.64vw, 480px까지 스케일링 후 고정 */
        padding-left: clamp(11px, 3.64vw, 16px);
        /* 320px: 11px, 375px: 13.65px, 480px: 16px (최대값으로 제한) */
    }
    
    /* 375px 기준, 480px까지 스케일링 */
    .about-us-page .identity-item-title {
        /* 375px 기준: 28px = 8.5vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(28px, 8.5vw, 40.8px);
        /* 375px 기준: 34px = 10vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(34px, 10vw, 48px);
        padding: 0;
        /* 320px: 28px/34px, 375px: 28px/34px, 480px: 40.8px/48px */
    }

    /* 375px 기준, 480px까지 스케일링 */
    .about-us-page .identity-item-description {
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(13.6px, 4.27vw, 20.48px);
        /* 375px 기준: 22.43px = 5.98vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(19.04px, 5.98vw, 28.7px);
        padding: 0;
        /* 320px: 13.6px/19.04px, 375px: 16px/22.43px, 480px: 20.48px/28.7px */
    }

    .about-us-page .identity-item-description p {
        white-space: pre-line;
    }

    .about-us-page .identity-item-description .mobile-only {
        display: inline !important;
        white-space: nowrap;
    }

    .about-us-page .business-growth-description .mobile-only {
        display: inline !important;
        white-space: nowrap;
    }
    
    /* 375px 기준, 480px까지 스케일링 */
    .about-us-page .identity-item-description ul {
        /* 375px 기준: 20.44px = 5.45vw, 480px까지 스케일링 후 고정 */
        padding-left: clamp(16px, 5.45vw, 26.16px);
        /* 320px: 16px, 375px: 20.44px, 480px: 26.16px */
    }

    /* Business Growth Journey Section - Mobile */
    .about-us-page .business-growth-section {
        padding: 60px 0;
    }

    .about-us-page .business-growth-header {
        gap: 24px;
        margin-bottom: 60px;
    }

    /* 한글 버전 모바일: business-growth-title - 375px 기준, 480px까지 스케일링 */
    html[lang="ko"] .about-us-page .business-growth-title {
        /* 375px 기준: 37.5px = 10vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(32px, 10vw, 48px) !important;
        line-height: 1.2 !important;
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 32px, 375px: 37.5px, 480px: 48px */
    }

    /* 영어 버전 모바일: business-growth-title - 375px 기준, 480px까지 스케일링 */
    html[lang="en"] .about-us-page .business-growth-title {
        /* 375px 기준: 32px = 8.53vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(21.33px, 8.53vw, 40.94px);
        /* 375px 기준: 40px = 10.67vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(26.67px, 10.67vw, 51.22px);
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        white-space: pre-line;
        /* 320px: 21.33px/26.67px, 375px: 32px/40px, 480px: 40.94px/51.22px */
    }

    /* 일본어 버전 모바일: business-growth-title - 375px 기준, 480px까지 스케일링 */
    html[lang="ja"] .about-us-page .business-growth-title {
        /* 375px 기준: 36px = 9.6vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(28.8px, 9.6vw, 46.08px) !important;
        line-height: 1.2 !important;
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 28.8px, 375px: 36px, 480px: 46.08px */
    }

    /* 중국어 버전 모바일: business-growth-title - 375px 기준, 480px까지 스케일링 */
    html[lang="zh"] .about-us-page .business-growth-title {
        /* 375px 기준: 36px = 9.6vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(30.72px, 9.6vw, 46.08px) !important;
        line-height: 1.2 !important;
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 30.72px, 375px: 36px, 480px: 46.08px */
    }

    /* 러시아어 버전 모바일: business-growth-title - 375px 기준, 480px까지 스케일링 */
    html[lang="ru"] .about-us-page .business-growth-title {
        /* 375px 기준: 36px = 9.6vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(30.72px, 9.6vw, 46.08px) !important;
        line-height: 1.2 !important;
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 30.72px, 375px: 36px, 480px: 46.08px */
    }

    /* 375px 기준, 480px까지 스케일링 */
    .about-us-page .business-growth-description {
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(13.65px, 4.27vw, 20.48px);
        /* 375px 기준: 22.39px = 5.97vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(19.11px, 5.97vw, 28.66px);
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 13.65px/19.11px, 375px: 16px/22.39px, 480px: 20.48px/28.66px */
    }


    .about-us-page .business-growth-description p {
        white-space: pre-line;
    }

    .about-us-page .business-growth-content {
        gap: clamp(40px, 16vw, 60px);
    }

    .about-us-page .growth-item {
        flex-direction: column;
        gap: clamp(16px, 6.4vw, 24px);
    }

    .about-us-page .growth-item:nth-child(3),
    .about-us-page .growth-item:nth-child(4) {
        gap: clamp(26.67px, 10.67vw, 40px);
    }

    .about-us-page .growth-image {
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        height: auto;
        aspect-ratio: 650/258;
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
    }

    .about-us-page .growth-image-2021 {
        aspect-ratio: 650/258;
        /* 375px 기준: 327px 너비, 129.79px 높이 (650/258 비율 유지) */
        /* 480px 기준: 418.56px 너비, 166.14px 높이 (650/258 비율 유지) */
    }

    .about-us-page .growth-image-2022 {
        aspect-ratio: 650/482;
    }

    .about-us-page .growth-image-2023 {
        aspect-ratio: 650/457;
    }

    .about-us-page .growth-image-2025 {
        aspect-ratio: 650/371;
    }

    /* 375px 기준, 480px까지 스케일링 */
    .about-us-page .growth-text-container {
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        padding-top: 0;
        padding-left: 0;
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        gap: clamp(10.67px, 4.27vw, 20.48px);
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 10.67px, 375px: 16px, 480px: 20.48px */
    }

    /* 375px 기준, 480px까지 스케일링 */
    .about-us-page .growth-year-container {
        /* 375px 기준: 32px = 8.53vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(21.33px, 8.53vw, 40.94px);
        /* 320px: 21.33px, 375px: 32px, 480px: 40.94px */
    }

    /* 375px 기준, 480px까지 스케일링 */
    .about-us-page .growth-year {
        /* 375px 기준: 32px = 8.53vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(21.33px, 8.53vw, 40.94px);
        line-height: clamp(21.33px, 8.53vw, 40.94px);
        /* 320px: 21.33px, 375px: 32px, 480px: 40.94px */
    }

    /* 375px 기준, 480px까지 스케일링 */
    .about-us-page .growth-period {
        /* 375px 기준: 20px = 5.33vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(13.33px, 5.33vw, 25.58px);
        /* 375px 기준: 32px = 8.53vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(21.33px, 8.53vw, 40.94px);
        /* 320px: 13.33px/21.33px, 375px: 20px/32px, 480px: 25.58px/40.94px */
    }

    /* 375px 기준, 480px까지 스케일링 */
    .about-us-page .growth-timeline-list {
        /* 375px 기준: 15px = 4vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(12.8px, 4vw, 19.2px);
        /* 375px 기준: 21px = 5.6vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(17.92px, 5.6vw, 26.88px);
        /* 375px 기준: 24px = 6.4vw, 480px까지 스케일링 후 고정 */
        padding-left: clamp(16px, 6.4vw, 30.72px);
        white-space: pre-line;
        display: flex;
        flex-direction: column;
        gap: 0;
        /* 320px: 12.8px/17.92px/16px, 375px: 15px/21px/24px, 480px: 19.2px/26.88px/30.72px */
    }

    /* 375px 기준, 480px까지 스케일링 */
    .about-us-page .growth-timeline-list li {
        margin: 0 !important;
        padding: 0 !important;
        /* 375px 기준: 21px = 5.6vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(17.92px, 5.6vw, 26.88px);
        /* 320px: 17.92px, 375px: 21px, 480px: 26.88px */
    }

    /* From KOMEDICLUB to FACEWEB Section - Mobile */
    .about-us-page .komediclub-faceweb-section {
        padding: 60px 0;
    }

    .about-us-page .komediclub-faceweb-header {
        gap: 24px;
        margin-bottom: 60px;
        /* 컨테이너 패딩(좌우 각 24px)을 고려하여 100%로 설정 */
        width: 100%;
        max-width: 100%;
    }

    /* 한글 버전 모바일: komediclub-faceweb-subtitle - 375px 기준, 480px까지 스케일링 */
    .about-us-page .komediclub-faceweb-subtitle {
        /* 375px 기준: 36px = 9.6vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(28.8px, 9.6vw, 46.08px);
        /* 375px 기준: 44px = 11.73vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(35.2px, 11.73vw, 56.3px);
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 28.8px/35.2px, 375px: 36px/44px, 480px: 46.08px/56.3px */
    }

    /* 영어 버전 모바일: komediclub-faceweb-subtitle - 375px 기준, 480px까지 스케일링 */
    html[lang="en"] .about-us-page .komediclub-faceweb-subtitle {
        /* 375px 기준: 32px = 8.53vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(21.33px, 8.53vw, 40.94px);
        /* 375px 기준: 40px = 10.67vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(26.67px, 10.67vw, 51.22px);
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        white-space: pre-line;
        /* 320px: 21.33px/26.67px, 375px: 32px/40px, 480px: 40.94px/51.22px */
    }

    /* 한글 버전 모바일: komediclub-faceweb-description - 375px 기준, 480px까지 스케일링 */
    .about-us-page .komediclub-faceweb-description {
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(12.8px, 4.27vw, 20.48px);
        /* line-height 1.4 유지 */
        line-height: 1.4;
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        /* 320px: 12.8px, 375px: 16px, 480px: 20.48px */
    }

    .about-us-page .komediclub-faceweb-content {
        /* 컨테이너 패딩을 고려하여 100%로 설정 */
        width: 100%;
        max-width: 100%;
        gap: 24px;
    }

    /* KOMEDICLUB Container - Mobile */
    .about-us-page .komediclub-container {
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
    }

    .about-us-page .komediclub-background {
        width: 100%;
        /* 375px 기준: 320px = 85.333vw, 480px까지 스케일링 후 고정 */
        height: clamp(273.07px, 85.333vw, 409.6px);
        /* 375px 기준: 60px = 16vw, 480px까지 스케일링 후 고정 */
        border-radius: clamp(51.2px, 16vw, 76.8px);
        /* 320px: 273.07px/51.2px, 375px: 320px/60px, 480px: 409.6px/76.8px */
    }

    /* 러시아어 버전 모바일: komediclub-background 높이 증가 (327:441 비율 적용) */
    html[lang="ru"] .about-us-page .komediclub-background {
        /* 375px 기준: 327px 너비에 441px 높이 = 117.6vw, 480px까지 스케일링 후 고정 */
        height: clamp(376.32px, 117.6vw, 563.2px);
        /* 320px: 376.32px (279.04px × 441/327), 375px: 441px (327px × 441/327), 480px: 563.2px (418.56px × 441/327) */
    }

    .about-us-page .komediclub-image-wrapper {
        /* 375px 기준: 213px (327px 컨테이너의 65.137%), 부모 컨테이너 기준 비율 유지 */
        width: 65.137%;
        /* 375px 기준: 197px (320px 컨테이너의 61.563%), 부모 컨테이너 기준 비율 유지 */
        height: 61.563%;
        left: 50%;
        /* 375px 기준: 32px (320px 컨테이너의 10%), 부모 컨테이너 기준 비율 유지 */
        top: 10%;
        transform: translateX(-50%);
    }

    /* 러시아어 버전 모바일: komediclub-image-wrapper 위치 조정 (위로 올림) */
    html[lang="ru"] .about-us-page .komediclub-image-wrapper {
        top: 0%;
    }

    /* 러시아어 버전 모바일: faceweb-container 높이 조정 (327 X 791 비율) */
    html[lang="ru"] .about-us-page .faceweb-container {
        /* 375px 기준: 327px = 87.2vw, 480px까지 스케일링 후 고정 */
        width: clamp(279.04px, 87.2vw, 418.56px);
        max-width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        /* 375px 기준: 327px 너비에 791px 높이 = 210.93vw, 480px까지 스케일링 후 고정 */
        height: clamp(675.2px, 210.93vw, 1012.48px);
        /* 320px: 279.04px/675.2px, 375px: 327px/791px, 480px: 418.56px/1012.48px */
    }

    /* 러시아어 버전 모바일: faceweb-image-wrapper 높이 반응형 적용 */
    html[lang="ru"] .about-us-page .faceweb-image-wrapper {
        /* 375px 기준: 306px = 81.6vw, 480px까지 스케일링 후 고정 */
        height: clamp(261.12px, 81.6vw, 391.68px);
        /* 320px: 261.12px, 375px: 306px, 480px: 391.68px */
    }

    /* 러시아어 버전 모바일: faceweb-text-container gap 계산 수정 */
    html[lang="ru"] .about-us-page .faceweb-text-container {
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        gap: clamp(13.65px, 4.27vw, 20.48px);
        /* 320px: 13.65px, 375px: 16px, 480px: 20.48px */
    }

    .about-us-page .komediclub-list {
        position: absolute;
        /* 375px 기준: 20px (327px 컨테이너의 6.116%), 부모 컨테이너 기준 비율 유지 */
        left: 6.116%;
        right: 5.811%; /* 19px / 327px = 5.811% */
        /* 375px 기준: 126px (320px 컨테이너의 39.375%), 부모 컨테이너 기준 비율 유지 */
        bottom: 39.375%;
        width: auto;
        transform: translateY(100%);
        /* 375px 기준: 24px = 6.4vw, 480px까지 스케일링 후 고정 */
        padding-left: clamp(20.48px, 6.4vw, 30.72px);
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(13.6px, 4.27vw, 20.48px);
        /* 375px 기준: 22.43px = 5.98vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(19.04px, 5.98vw, 28.7px);
        /* 320px: 13.6px/19.04px/20.48px, 375px: 16px/22.43px/24px, 480px: 20.48px/28.7px/30.72px */
    }

    html[lang="en"] .about-us-page .komediclub-list {
        bottom: 50%;
        transform: translateY(100%);
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(13.6px, 4.27vw, 20.48px);
        /* 375px 기준: 22.43px = 5.98vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(19.04px, 5.98vw, 28.7px);
        /* 320px: 13.6px/19.04px, 375px: 16px/22.43px, 480px: 20.48px/28.7px */
    }

    /* 일본어 버전 모바일: komediclub-list 위치 조정 */
    html[lang="ja"] .about-us-page .komediclub-list {
        bottom: 45%;
        transform: translateY(100%);
    }

    /* 중국어 버전 모바일: komediclub-list 위치 조정 (위로 올림) */
    html[lang="zh"] .about-us-page .komediclub-list {
        bottom: 44%;
        transform: translateY(100%);
    }

    /* 러시아어 버전 모바일: komediclub-list 위치 조정 (위로 올림) */
    html[lang="ru"] .about-us-page .komediclub-list {
        bottom: 55%;
        transform: translateY(100%);
    }

    /* 한글/영어 모바일: komediclub-list li에 pre-line 적용 (mobile-break 지원) */
    .about-us-page .komediclub-list li {
        white-space: pre-line;
    }

    html[lang="en"] .about-us-page .komediclub-list li {
        white-space: pre-line;
    }

    html[lang="en"] .about-us-page .komediclub-title-text {
        /* 375px 기준: 40px = 15vw, 480px까지 스케일링 후 고정 */
        top: calc(50% - clamp(40px, 15vw, 72px));
        /* 375px 기준: 21px = 5.6vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(18px, 5.6vw, 26.88px);
        /* 320px: 18px/40px, 375px: 21px/56.25px, 480px: 26.88px/72px */
    }

    /* 일본어 버전 모바일: komediclub-title-text 위치 조정 */
    html[lang="ja"] .about-us-page .komediclub-title-text {
        /* 375px 기준: 35px = 13vw, 480px까지 스케일링 후 고정 */
        top: calc(50% - clamp(35px, 13vw, 62.4px));
        /* 320px: 35px, 375px: 48.75px, 480px: 62.4px */
    }

    /* 중국어 버전 모바일: komediclub-title-text 위치 조정 (위로 올림) */
    html[lang="zh"] .about-us-page .komediclub-title-text {
        /* 375px 기준: 26px = 8vw, 480px까지 스케일링 후 고정 */
        top: calc(50% - clamp(26px, 8vw, 38.4px));
        /* 320px: 26px, 375px: 30px, 480px: 38.4px */
    }

    /* 러시아어 버전 모바일: komediclub-title-text 위치 조정 (위로 올림) */
    html[lang="ru"] .about-us-page .komediclub-title-text {
        /* 375px 기준: 70px = 23.33vw, 480px까지 스케일링 후 고정 */
        top: calc(50% - clamp(59.73px, 23.33vw, 112px));
        /* 320px: 59.73px, 375px: 70px, 480px: 112px */
    }

    .about-us-page .komediclub-title-text {
        left: 50%;
        /* 375px 기준: 19px = 5.067vw, 480px까지 스케일링 후 고정 */
        top: calc(50% - clamp(16.21px, 5.067vw, 24.32px));
        transform: translateX(-50%);
        /* 375px 기준: 24px = 6.4vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(20.48px, 6.4vw, 30.72px);
        line-height: normal;
        /* 320px: 20.48px/16.21px, 375px: 24px/19px, 480px: 30.72px/24.32px */
    }

    /* Arrow Icon - Mobile */
    .about-us-page .komediclub-faceweb-arrow {
        width: 52px;
        height: 42px;
        align-self: center;
        margin-left: auto;
        margin-right: auto;
    }

    /* FACEWEB Container - Mobile */
    .about-us-page .faceweb-container {
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        width: 100%; /* 부모 컨테이너 기준으로 반응형 유지 */
        flex-direction: column;
        gap: 40px;
        padding: 0 0 80px 0;
        border-radius: 60px;
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
    }

    .about-us-page .faceweb-image-wrapper {
        width: 100%;
        height: 306px;
        border-radius: 60px 60px 0 0;
    }

    .about-us-page .faceweb-image {
        background-image: url('../../images/about-us/faceweb-mobile-image.webp');
        border-radius: 60px 60px 0 0;
    }

    .about-us-page .faceweb-image::before {
        border-radius: 60px 60px 0 0;
    }

    .about-us-page .faceweb-text-container {
        /* 375px 기준: 279px = 74.4vw, 480px까지 스케일링 후 고정 */
        width: clamp(238.08px, 74.4vw, 357.12px);
        padding: 0;
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        gap: clamp(13.65px, 4.27vw, 20.48px);
        align-items: flex-start;
        /* 320px: 238.08px/13.65px, 375px: 279px/16px, 480px: 357.12px/20.48px */
    }

    .about-us-page .faceweb-title {
        /* 한글 버전 모바일: 375px 기준: 28px = 7.467vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(23.89px, 7.467vw, 35.84px);
        line-height: clamp(32.43px, 10.133vw, 48.64px);
        /* 320px: 23.89px/32.43px, 375px: 28px/38px, 480px: 35.84px/48.64px */
    }

    .about-us-page .faceweb-subtitle {
        /* 한글 버전 모바일: 375px 기준: 18px = 4.8vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(15.36px, 4.8vw, 23.04px);
        line-height: clamp(23.89px, 7.467vw, 35.84px);
        /* 320px: 15.36px/23.89px, 375px: 18px/28px, 480px: 23.04px/35.84px */
    }

    .about-us-page .faceweb-list {
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(13.6px, 4.27vw, 20.48px);
        /* 375px 기준: 16px 폰트에 28px line-height = 7.47vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(23.87px, 7.47vw, 35.84px);
        width: 100%;
        padding-left: 24px;
        /* 320px: 13.6px/23.87px, 375px: 16px/28px, 480px: 20.48px/35.84px */
    }

    html[lang="en"] .about-us-page .faceweb-list {
        /* 375px 기준: 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(13.6px, 4.27vw, 20.48px);
        /* 375px 기준: 16px 폰트에 28px line-height = 7.47vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(23.87px, 7.47vw, 35.84px);
        /* 320px: 13.6px/23.87px, 375px: 16px/28px, 480px: 20.48px/35.84px */
    }

    /* 한글/영어 모바일: faceweb-list li에 pre-line 적용 (mobile-break 지원) */
    .about-us-page .faceweb-list li {
        white-space: pre-line;
    }

    html[lang="en"] .about-us-page .faceweb-list li {
        white-space: pre-line;
    }

    html[lang="en"] .about-us-page .faceweb-title {
        /* 375px 기준: 28px = 7.467vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(23.89px, 7.467vw, 35.84px);
        /* 375px 기준: 38px = 10.133vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(32.43px, 10.133vw, 48.64px);
        /* 320px: 23.89px/32.43px, 375px: 28px/38px, 480px: 35.84px/48.64px */
    }

    html[lang="en"] .about-us-page .faceweb-subtitle {
        /* 375px 기준: 18px = 4.8vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(15.36px, 4.8vw, 23.04px);
        /* 375px 기준: 28px = 7.467vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(23.89px, 7.467vw, 35.84px);
        /* 320px: 15.36px/23.89px, 375px: 18px/28px, 480px: 23.04px/35.84px */
    }

    /* Tech Page - Mobile */
    /* Tech Hero Section - 375px 기준 비례 스케일링 (320px~767px) */
    .tech-page .hero-section {
        height: 720px;
        /* 375px 기준: 160px = 42.67vw, 320px: 136.53px, 767px: 327.25px */
        gap: clamp(136.53px, 42.67vw, 327.25px);
    }
    
    .tech-page .hero-main-container {
        /* 375px 기준: 316px = 84.27vw, 480px까지 스케일링 후 고정 */
        width: clamp(269.87px, 84.27vw, 404.50px);
        /* 320px: 269.87px, 375px: 316px, 480px: 404.50px */
        /* 480px에서 컨테이너 패딩(좌우 30.72px씩)을 제외한 너비: 480px - 61.44px = 418.56px */
        max-width: 404.50px; /* 480px 기준 최대 너비 */
        margin-top: 0;
        margin-left: auto; /* 중앙 정렬 */
        margin-right: auto; /* 중앙 정렬 */
        text-align: left;
        /* 375px 기준: 32px gap = 8.53vw, 480px까지 스케일링 후 고정 */
        gap: clamp(27.31px, 8.53vw, 40.96px);
        /* 320px: 27.31px, 375px: 32px, 480px: 40.96px */
    }
    
    .tech-page .hero-text-container {
        /* 375px 기준: 316px = 84.27vw, 480px까지 스케일링 후 고정 */
        width: clamp(269.87px, 84.27vw, 404.50px);
        /* 320px: 269.87px, 375px: 316px, 480px: 404.50px */
    }
    
    .tech-page .hero-main-title {
        /* 375px 기준: 32px = 8.53vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(27.31px, 8.53vw, 40.94px);
        /* 320px: 27.31px, 375px: 32px, 480px: 40.94px */
        line-height: 1.1;
        text-align: left;
        /* 375px 기준: 347px = 92.53vw, 480px까지 스케일링 후 고정 */
        width: clamp(296.11px, 92.53vw, 444.14px);
        /* 320px: 296.11px, 375px: 347px, 480px: 444.14px */
        max-width: 100%;
    }
    
    .tech-page .hero-main-title .title-line {
        white-space: normal;
        line-height: 1.1;
    }
    
    .tech-page .hero-main-title .desktop-tablet-only {
        display: none !important;
    }
    
    .tech-page .hero-main-title .mobile-only {
        display: block !important;
    }
    
    /* Tech Container 반응형 클래스 */
    .tech-page .tech-header-title .desktop-tablet-only {
        display: none !important;
    }
    
    .tech-page .tech-header-title .mobile-only {
        display: block !important;
    }
    
    .tech-page .tech-header-description .desktop-tablet-only {
        display: none !important;
    }

    .tech-page .tech-header-description .mobile-only {
        display: block !important;
    }

    .tech-page .product-description .desktop-tablet-only {
        display: none !important;
    }

    .tech-page .product-description .mobile-only {
        display: block !important;
    }

    .tech-page .product-details .desktop-tablet-only {
        display: none !important;
    }

    .tech-page .product-details .mobile-only {
        display: block !important;
    }

    html[lang="ko"] .tech-page .product-details .mobile-only p:nth-child(2) {
        padding-left: 2em;
    }

    .tech-page .hero-description {
        /* 375px 기준: 20px = 5.33vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(17.07px, 5.33vw, 25.58px);
        /* 375px 기준: 32px line-height = 8.53vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(27.31px, 8.53vw, 40.94px);
        text-align: left;
        /* 375px 기준: 298px = 79.47vw, 480px까지 스케일링 후 고정 */
        width: clamp(254.51px, 79.47vw, 381.46px);
        max-width: 100%;
        /* 375px 기준: -0.4px letter-spacing = -0.107vw, 480px까지 스케일링 후 고정 */
        letter-spacing: clamp(-0.34px, -0.107vw, -0.51px);
        /* 320px: 17.07px/27.31px/254.51px/-0.34px, 375px: 20px/32px/298px/-0.4px, 480px: 25.58px/40.94px/381.46px/-0.51px */
    }
    
    .tech-page .hero-description p {
        white-space: normal;
        margin: 0;
    }
    
    /* 대형 모바일 (481px ~ 767px) - Tech Hero Section - 480px 기준값 고정 */
    @media (min-width: 481px) and (max-width: 767.98px) {
        .tech-page .hero-main-container {
            width: 404.50px; /* 480px 기준 고정값 */
            max-width: 404.50px; /* 480px 기준 고정값 */
            gap: 40.96px; /* 480px 기준 고정값 */
            margin-left: auto; /* 중앙 정렬 */
            margin-right: auto; /* 중앙 정렬 */
        }

        .tech-page .hero-text-container {
            width: 404.50px; /* 480px 기준 고정값 */
        }

        .tech-page .hero-main-title {
            font-size: 40.94px; /* 480px 기준 고정값 */
            width: 444.14px; /* 480px 기준 고정값 */
        }

        .tech-page .hero-description {
            font-size: 25.58px; /* 480px 기준 고정값 */
            line-height: 40.94px; /* 480px 기준 고정값 */
            width: 381.46px; /* 480px 기준 고정값 */
            letter-spacing: -0.51px; /* 480px 기준 고정값 */
        }

        .tech-page .tech-header-container {
            margin-bottom: 102.38px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            margin-left: auto;
            margin-right: auto;
        }

        .tech-page .tech-header-title {
            font-size: 35.86px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            margin-left: auto;
            margin-right: auto;
        }

        .tech-page .tech-header-description {
            font-size: 20.50px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            margin-left: auto;
            margin-right: auto;
        }

        .tech-page .tech-grid-container {
            gap: 51.22px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            margin-left: auto;
            margin-right: auto;
        }

        .tech-page .tech-grid-title {
            font-size: 25.60px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            margin-left: auto;
            margin-right: auto;
        }

        .tech-page .tech-grid-item {
            width: 100%; /* container 패딩을 고려하여 100% 사용 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 61.44px !important; /* 480px 기준 고정값 */
        }

        .tech-page .tech-grid-item-title {
            font-size: 30.72px; /* 480px 기준 고정값 */
        }

        .tech-page .tech-grid-item-subtitle {
            font-size: 22.40px; /* 480px 기준 고정값 */
        }

        .tech-page .tech-grid-item-description-text {
            font-size: 17.92px; /* 480px 기준 고정값 */
        }

        .tech-page .tech-grid-icon {
            width: 188.16px; /* 480px 기준 고정값 */
            height: 181.78px; /* 480px 기준 고정값 */
        }

        .tech-page .product-section-title {
            font-size: 25.60px; /* 480px 기준 고정값 */
            margin-bottom: 76.8px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            margin-left: auto;
            margin-right: auto;
        }

        .tech-page .product-section-subtitle {
            font-size: 30.72px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            margin-left: auto;
            margin-right: auto;
        }

        .tech-page .product-name {
            font-size: 61.44px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            margin-left: auto;
            margin-right: auto;
        }

        .tech-page .product-description {
            font-size: 25.60px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            margin-left: auto;
            margin-right: auto;
        }

        .tech-page .product-details {
            font-size: 20.50px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            margin-left: auto;
            margin-right: auto;
        }

        .tech-page .product-button {
            width: 336.62px; /* 480px 기준 고정값 */
            height: 71.66px; /* 480px 기준 고정값 */
            border-radius: 35.86px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 최대 너비 */
            margin-left: 0; /* 왼쪽 정렬 */
            margin-right: auto;
        }

        html[lang="ja"] .tech-page .product-button {
            max-width: 418.56px; /* 480px 기준으로 업데이트 */
        }

        /* 러시아어 대형 모바일 전용: 버튼 가로 길이 (일본어와 동일) */
        html[lang="ru"] .tech-page .product-button {
            max-width: 418.56px; /* 480px 기준으로 업데이트 */
        }

        .tech-page .product-button span {
            font-size: 20.50px; /* 480px 기준 고정값 */
        }

        .tech-page .product-section-container {
            gap: 51.22px; /* 480px 기준 고정값 (375px 기준 40px에서 스케일링) */
            margin-bottom: 76.8px; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            margin-left: auto;
            margin-right: auto;
        }
        
        .tech-page .product-content-container {
            gap: 30.72px; /* 480px 기준 고정값 (375px 기준 24px에서 스케일링) */
        }

        /* product-container는 위 섹션(tech-container)과 동일하게 마진 없이 적용 */
        .tech-page .product-container {
            width: 100%;
            /* max-width와 margin 제거 - 위 섹션과 동일하게 */
        }
        
        /* product-container 내부의 container가 정상적으로 반응형으로 작동하도록 */
        .tech-page .product-container .container {
            max-width: 100%; /* 부모의 width를 따르도록 */
            width: 100%;
            /* common.css의 max-width: 1440px 오버라이드 */
        }
    }
    
    .tech-page .tech-container {
        padding: 80px 0 0;
    }
    
    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .tech-header-container {
        /* 375px 기준 80px = 21.33vw, 480px까지 스케일링 후 고정 */
        margin-bottom: clamp(68.27px, 21.33vw, 102.38px);
        /* 320px: 68.27px, 375px: 80px, 480px: 102.38px */
        max-width: 418.56px; /* 480px 기준 중앙 정렬을 위한 max-width */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .tech-header-title {
        /* 375px 기준 28px = 7.47vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(23.89px, 7.47vw, 35.86px);
        /* 320px: 23.89px, 375px: 28px, 480px: 35.86px */
        line-height: 1.2;
        max-width: 418.56px; /* 480px 기준 중앙 정렬을 위한 max-width */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .tech-header-description {
        /* 375px 기준 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(13.65px, 4.27vw, 20.50px);
        /* 320px: 13.65px, 375px: 16px, 480px: 20.50px */
        line-height: 1.4;
        font-weight: var(--font-weight-medium);
        max-width: 418.56px; /* 480px 기준 중앙 정렬을 위한 max-width */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .tech-grid-container {
        /* 375px 기준 40px = 10.67vw, 480px까지 스케일링 후 고정 */
        gap: clamp(34.13px, 10.67vw, 51.22px);
        /* 320px: 34.13px, 375px: 40px, 480px: 51.22px */
        max-width: 418.56px; /* 480px 기준 중앙 정렬을 위한 max-width */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .tech-grid-title {
        /* 375px 기준 20px = 5.333vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(17.07px, 5.333vw, 25.60px);
        /* 320px: 17.07px, 375px: 20px, 480px: 25.60px */
        max-width: 418.56px; /* 480px 기준 중앙 정렬을 위한 max-width */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .tech-page .tech-grid-items-container {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: center;
    }
    
    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .tech-grid-item {
        /* container 패딩을 고려하여 width: 100% 사용, max-width로 크기 제한 */
        width: 100%;
        max-width: 418.56px; /* 480px 기준 중앙 정렬을 위한 max-width */
        flex-shrink: 0;
        margin-left: auto;
        margin-right: auto;
        /* 375px 기준 48px = 12.8vw, 480px까지 스케일링 후 고정 */
        margin-bottom: clamp(40.96px, 12.8vw, 61.44px) !important;
        /* 320px: 40.96px, 375px: 48px, 480px: 61.44px */
    }
    
    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .tech-grid-icon {
        /* 375px 기준 147px = 39.2vw, 480px까지 스케일링 후 고정 */
        width: clamp(125.44px, 39.2vw, 188.16px);
        /* 375px 기준 142px = 37.87vw, 480px까지 스케일링 후 고정 */
        height: clamp(121.17px, 37.87vw, 181.78px);
        /* 320px: 125.44px/121.17px, 375px: 147px/142px, 480px: 188.16px/181.78px */
    }
    
    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .tech-grid-item-title {
        /* 375px 기준 24px = 6.4vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(20.48px, 6.4vw, 30.72px);
        /* 320px: 20.48px, 375px: 24px, 480px: 30.72px */
        line-height: 1.2;
    }

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

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

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

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

    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .tech-grid-item-subtitle {
        /* 375px 기준 17.5px = 4.667vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(14.93px, 4.667vw, 22.40px);
        /* 320px: 14.93px, 375px: 17.5px, 480px: 22.40px */
        line-height: 1.4;
    }

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

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

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

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

    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .tech-grid-item-description-text {
        /* 375px 기준 14px = 3.733vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(11.95px, 3.733vw, 17.92px);
        /* 320px: 11.95px, 375px: 14px, 480px: 17.92px */
        line-height: 1.4;
    }

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

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

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

    .tech-page .tech-grid-item-description-text.mobile-only {
        display: block !important;
    }
    
    .tech-page .product-container {
        padding: 80px 0 80px;
        width: 100%;
        /* max-width는 481px~767px 구간에서만 적용 */
    }
    
    /* product-container 내부의 container가 정상적으로 반응형으로 작동하도록 */
    .tech-page .product-container .container {
        max-width: 100%; /* 부모의 width를 따르도록 */
        width: 100%;
        /* common.css의 max-width: 1440px 오버라이드 */
    }
    
    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .product-section-title {
        /* 375px 기준 20px = 5.333vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(17.07px, 5.333vw, 25.60px);
        /* 320px: 17.07px, 375px: 20px, 480px: 25.60px */
        /* 375px 기준 60px = 16vw, 480px까지 스케일링 후 고정 */
        margin-bottom: clamp(51.2px, 16vw, 76.8px);
        /* 320px: 51.2px, 375px: 60px, 480px: 76.8px */
        max-width: 418.56px; /* 480px 기준 중앙 정렬을 위한 max-width */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .product-section-container {
        /* 375px 기준 40px = 10.67vw, 480px까지 스케일링 후 고정 */
        gap: clamp(34.14px, 10.67vw, 51.22px);
        /* 320px: 34.14px, 375px: 40px, 480px: 51.22px */
        /* 375px 기준 60px = 16vw, 480px까지 스케일링 후 고정 */
        margin-bottom: clamp(51.2px, 16vw, 76.8px);
        /* 320px: 51.2px, 375px: 60px, 480px: 76.8px */
        max-width: 418.56px; /* 480px 기준 중앙 정렬을 위한 max-width */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .product-content-container {
        /* 375px 기준 24px = 6.4vw, 480px까지 스케일링 후 고정 */
        gap: clamp(20.48px, 6.4vw, 30.72px);
        /* 320px: 20.48px, 375px: 24px, 480px: 30.72px */
    }

    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .product-section-subtitle {
        /* 375px 기준 24px = 6.4vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(20.48px, 6.4vw, 30.72px);
        /* 320px: 20.48px, 375px: 24px, 480px: 30.72px */
        line-height: 1.2;
        max-width: 418.56px; /* 480px 기준 중앙 정렬을 위한 max-width */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .product-name {
        /* 375px 기준 48px = 12.8vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(40.96px, 12.8vw, 61.44px);
        /* 320px: 40.96px, 375px: 48px, 480px: 61.44px */
        line-height: 1.1;
        max-width: 418.56px; /* 480px 기준 중앙 정렬을 위한 max-width */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .product-description {
        /* 375px 기준 20px = 5.33vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(17.07px, 5.33vw, 25.60px);
        /* 320px: 17.07px, 375px: 20px, 480px: 25.60px */
        line-height: 1.4;
        max-width: 418.56px; /* 480px 기준 중앙 정렬을 위한 max-width */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .product-details {
        /* 375px 기준 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(13.65px, 4.27vw, 20.50px);
        /* 320px: 13.65px, 375px: 16px, 480px: 20.50px */
        line-height: 1.4;
        max-width: 418.56px; /* 480px 기준 중앙 정렬을 위한 max-width */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .tech-page .product-details p {
        white-space: normal;
    }
    
    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .product-button {
        /* 375px 기준 263px = 70.13vw, 480px까지 스케일링 후 고정 */
        width: clamp(224.43px, 70.13vw, 336.62px);
        /* 320px: 224.43px, 375px: 263px, 480px: 336.62px */
        /* 375px 기준 56px = 14.93vw, 480px까지 스케일링 후 고정 */
        height: clamp(47.79px, 14.93vw, 71.66px);
        /* 320px: 47.79px, 375px: 56px, 480px: 71.66px */
        /* 375px 기준 28px = 7.47vw (height의 절반), 480px까지 스케일링 후 고정 */
        border-radius: clamp(23.9px, 7.47vw, 35.86px);
        /* 320px: 23.9px, 375px: 28px, 480px: 35.86px */
        max-width: 418.56px; /* 480px 기준 최대 너비 */
        margin-left: 0; /* 왼쪽 정렬 */
        margin-right: auto;
    }

    /* 일본어 모바일 전용: 버튼을 컨테이너 너비에 맞추되 최대 418.56px까지만 */
    html[lang="ja"] .tech-page .product-button {
        width: 100%;
        max-width: 418.56px; /* 480px 기준으로 업데이트 */
    }

    /* 러시아어 모바일 전용: 버튼을 컨테이너 너비에 맞추되 최대 418.56px까지만 (일본어와 동일) */
    html[lang="ru"] .tech-page .product-button {
        width: 100%;
        max-width: 418.56px; /* 480px 기준으로 업데이트 */
    }

    /* 375px 기준, 480px까지 스케일링 후 고정 */
    .tech-page .product-button span {
        /* 375px 기준 16px = 4.27vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(13.65px, 4.27vw, 20.50px);
        /* 320px: 13.65px, 375px: 16px, 480px: 20.50px */
    }

    /* Product Container - 375px 기준 반응형 */
    @media (max-width: 767.98px) {
        .tech-page .product-image-container {
            height: 98.7vw !important; /* 375px 기준 370px */
            width: 100%;
            position: relative;
            overflow: visible;
        }

        .tech-page .product-image {
            position: absolute !important;
            border-radius: 12px;
            box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.2);
            overflow: hidden;
        }

        .tech-page .reservation-image {
            width: 100% !important;
            height: 44vw !important; /* 375px 기준 165px */
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            z-index: 1;
        }

        .tech-page .product-main-image {
            width: 29.1vw !important; /* 375px 기준 109px */
            height: 38.4vw !important; /* 375px 기준 144px */
            top: 37.1vw !important; /* 375px 기준 139px */
            left: 8vw !important; /* 375px 기준 30px */
            z-index: 2;
        }

        .tech-page .consultation-image {
            width: 30.1vw !important; /* 375px 기준 113px */
            height: 65.6vw !important; /* 375px 기준 246px */
            top: 33.1vw !important; /* 375px 기준 124px */
            right: 4vw !important; /* 375px 기준 15px */
            left: auto !important;
            z-index: 3;
        }

        .tech-page .user-page-image {
            width: 30.1vw !important; /* 375px 기준 113px */
            height: 33.6vw !important; /* 375px 기준 126px */
            bottom: 8.3vw !important; /* 375px 기준 31px */
            left: 29.1vw !important; /* 375px 기준 109px */
            top: auto !important;
            z-index: 2;
        }
    }

    /* 481px ~ 767px: 모든 속성 고정값 적용 및 중앙 정렬 */
    @media (min-width: 481px) and (max-width: 767.98px) {
        .tech-page .product-image-container {
            height: 473.6px !important; /* 480px 기준 고정값 */
            max-width: 418.56px; /* 480px 기준 중앙 정렬 */
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .tech-page .reservation-image {
            width: 418.56px !important; /* 480px 기준 고정값 (컨테이너 패딩 제외한 실제 너비) */
            height: 211.2px !important; /* 480px 기준 고정값 (375px: 165px) */
        }

        .tech-page .product-main-image {
            width: 139.52px !important; /* 480px 기준 고정값 (375px: 109px) */
            height: 184.32px !important; /* 480px 기준 고정값 (375px: 144px) */
            top: 177.92px !important; /* 480px 기준 고정값 (375px: 139px) */
            left: 38.4px !important; /* 480px 기준 고정값 (375px: 30px) */
        }

        .tech-page .consultation-image {
            width: 144.64px !important; /* 480px 기준 고정값 (375px: 113px) */
            height: 314.88px !important; /* 480px 기준 고정값 (375px: 246px) */
            top: 158.72px !important; /* 480px 기준 고정값 (375px: 124px) */
            right: 19.2px !important; /* 480px 기준 고정값 (375px: 15px) */
        }

        .tech-page .user-page-image {
            width: 144.64px !important; /* 480px 기준 고정값 (375px: 113px) */
            height: 161.28px !important; /* 480px 기준 고정값 (375px: 126px) */
            bottom: 39.68px !important; /* 480px 기준 고정값 (375px: 31px) */
            left: 139.52px !important; /* 480px 기준 고정값 (375px: 109px) */
        }
    }

    /* About Container - Mobile Responsive (375px base, scales proportionally up to 480px) */
    .about-us-page .about-container {
        /* 375px 기준: 80px = 21.33vw, 480px까지 스케일링 후 고정 */
        padding: clamp(53.33px, 21.33vw, 102.38px) clamp(16px, 6.4vw, 30.72px);
        /* 320px: 53.33px/16px, 375px: 80px/24px, 480px: 102.38px/30.72px */
    }

    /* About Container 내부의 container 패딩 제거 및 max-width 제거 */
    .about-us-page .about-container .container {
        padding-left: 0;
        padding-right: 0;
        max-width: none;
        width: 100%;
    }

    .about-us-page .about-content-container {
        /* 375px 기준: 838.99px = 223.73vw, 480px까지 스케일링 후 고정 */
        height: clamp(559.33px, 223.73vw, 1073.9px);
        width: 100%;
        box-sizing: border-box;
        /* 320px: 559.33px, 375px: 838.99px, 480px: 1073.9px */
    }

    .about-us-page .about-image {
        /* 375px 기준: 16px = 6.4vw, 480px까지 스케일링 후 고정 */
        border-radius: clamp(16px, 6.4vw, 30.72px);
        /* 320px: 16px, 375px: 24px, 480px: 30.72px */
    }

    .about-us-page .about-image-1 {
        /* 375px 기준: 81.5px = 21.73vw, 480px까지 스케일링 후 고정 */
        left: calc(50% - clamp(54.33px, 21.73vw, 104.3px));
        /* 375px 기준: 50px = 13.33vw, 480px까지 스케일링 후 고정 */
        top: clamp(33.33px, 13.33vw, 64px);
        /* 375px 기준: 180px = 48vw, 480px까지 스케일링 후 고정 */
        width: clamp(120px, 48vw, 230.4px);
        /* 375px 기준: 223px = 59.47vw, 480px까지 스케일링 후 고정 */
        height: clamp(148.67px, 59.47vw, 285.46px);
        transform: translateX(-50%);
        /* 320px: 120px/148.67px, 375px: 180px/223px, 480px: 230.4px/285.46px */
    }

    .about-us-page .about-image-2 {
        left: 0;
        right: 0;
        bottom: 0;
        /* 375px 기준: 217px = 57.87vw, 480px까지 스케일링 후 고정 */
        height: clamp(144.67px, 57.87vw, 277.78px);
        /* 480px까지는 auto로 유지, 481px 이상에서는 고정값 적용 (미디어 쿼리에서 처리) */
        width: auto;
        transform: none;
        /* 320px: 144.67px, 375px: 217px, 480px: 277.78px */
    }

    /* 영어 버전 모바일: about-container 아래 패딩 늘림 */
    html[lang="en"] .about-us-page .about-container {
        /* 375px 기준: 120px = 32vw, 480px까지 스케일링 후 고정 */
        padding-bottom: clamp(80px, 32vw, 153.6px);
        /* 320px: 80px, 375px: 120px, 480px: 153.6px */
    }

    /* 일본어 버전 모바일: about-container 아래 패딩 늘림 */
    html[lang="ja"] .about-us-page .about-container {
        /* 375px 기준: 112.5px = 30vw, 480px까지 스케일링 후 고정 */
        padding-bottom: clamp(75px, 30vw, 144px);
        /* 320px: 75px, 375px: 112.5px, 480px: 144px */
    }

    /* 영어 버전 모바일: about-text-container gap 줄여서 타이틀과 설명 간격 좁히기 */
    html[lang="en"] .about-us-page .about-text-container {
        /* gap 줄이기: 480px까지 스케일링 후 고정 */
        gap: clamp(8px, 3.2vw, 15.36px);
        /* 320px: 8px, 375px: 12px, 480px: 15.36px */
    }

    /* 영어 버전 모바일: 텍스트가 길어서 이미지를 더 아래로 위치 */
    html[lang="en"] .about-us-page .about-image-2 {
        bottom: auto;
        /* 375px 기준: 675px = 180vw, 480px까지 스케일링 후 고정 */
        top: clamp(450px, 180vw, 864px);
        /* 320px: 450px, 375px: 675px, 480px: 864px */
    }

    /* 일본어 버전 모바일: 텍스트가 길어서 이미지를 조금 아래로 위치 */
    html[lang="ja"] .about-us-page .about-image-2 {
        bottom: auto;
        /* 375px 기준: 637.5px = 170vw, 480px까지 스케일링 후 고정 */
        top: clamp(425px, 170vw, 816px);
        /* 320px: 425px, 375px: 637.5px, 480px: 816px */
    }

    /* 중국어 버전 모바일: 텍스트가 짧아서 이미지를 위로 올리고 컨테이너 패딩 줄이기 */
    html[lang="zh"] .about-us-page .about-image-2 {
        bottom: auto;
        /* 375px 기준: 540px = 144vw, 480px까지 스케일링 후 고정 */
        top: clamp(360px, 144vw, 691.2px);
        /* 320px: 360px, 375px: 540px, 480px: 691.2px */
    }

    html[lang="zh"] .about-us-page .about-container {
        /* 375px 기준: 130px = 34.67vw, 480px까지 스케일링 후 고정 */
        padding-bottom: clamp(120px, 34.67vw, 166.42px);
        /* 320px: 120px, 375px: 130px, 480px: 166.42px */
    }

    html[lang="zh"] .about-us-page .about-content-container {
        /* 375px 기준: 713.14px = 190.17vw, 480px까지 스케일링 후 고정 */
        height: clamp(475.43px, 190.17vw, 912.82px);
        /* 320px: 475.43px, 375px: 713.14px, 480px: 912.82px */
    }

    /* 러시아어 버전 모바일: 텍스트가 가장 길어서 이미지를 가장 아래로 위치 */
    html[lang="ru"] .about-us-page .about-image-2 {
        bottom: auto;
        /* 375px 기준: 733.33px = 195.56vw, 480px까지 스케일링 후 고정 */
        top: clamp(488.89px, 195.56vw, 940px);
        /* 320px: 488.89px, 375px: 733.33px, 480px: 940px */
    }

    /* 러시아어 버전 모바일: 이미지를 내린 만큼 컨테이너 하단 패딩 증가 */
    html[lang="ru"] .about-us-page .about-container {
        /* 375px 기준: 164.06px = 43.75vw, 480px까지 스케일링 후 고정 */
        padding-bottom: clamp(115px, 43.75vw, 210px);
        /* 320px: 115px, 375px: 164.06px, 480px: 210px */
    }

    .about-us-page .about-image-3 {
        /* 375px 기준: 81.5px = 21.73vw, 480px까지 스케일링 후 고정 */
        left: calc(50% + clamp(54.33px, 21.73vw, 104.3px));
        top: 0;
        /* 375px 기준: 180px = 48vw, 480px까지 스케일링 후 고정 */
        width: clamp(120px, 48vw, 230.4px);
        /* 375px 기준: 221px = 58.93vw, 480px까지 스케일링 후 고정 */
        height: clamp(147.33px, 58.93vw, 282.86px);
        transform: translateX(-50%);
        background-position: 85% center;
        /* 320px: 120px/147.33px, 375px: 180px/221px, 480px: 230.4px/282.86px */
    }

    .about-us-page .about-text-container {
        left: 0;
        right: 0;
        /* 375px 기준: 305px = 81.33vw, 480px까지 스케일링 후 고정 */
        top: clamp(203.33px, 81.33vw, 390.38px);
        transform: none;
        /* 480px까지는 100%로 유지, 481px 이상에서는 max-width와 중앙 정렬 적용 (미디어 쿼리에서 처리) */
        width: 100%;
        /* 375px 기준: 24px = 6.4vw, 480px까지 스케일링 후 고정 */
        gap: clamp(16px, 6.4vw, 30.72px);
        /* 320px: 16px, 375px: 24px, 480px: 30.72px */
    }

    .about-us-page .about-heading {
        /* 375px 기준: 36px = 9.6vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(24px, 9.6vw, 46.08px);
        width: 100%;
        margin-bottom: 0;
        /* 320px: 24px, 375px: 36px, 480px: 46.08px */
    }

    .about-us-page .about-description {
        /* 375px 기준: 15.5px = 4.13vw, 480px까지 스케일링 후 고정 */
        font-size: clamp(12.4px, 4.13vw, 19.82px);
        /* 375px 기준: 22.32px = 5.95vw, 480px까지 스케일링 후 고정 */
        line-height: clamp(17.86px, 5.95vw, 28.56px);
        width: 100%;
        white-space: normal;
        word-break: keep-all;
        overflow-wrap: normal;
        margin-top: 0;
        /* 320px: 12.4px/17.86px, 375px: 15.5px/22.32px, 480px: 19.82px/28.56px */
    }
    
    .about-us-page .about-description .mobile-only {
        display: inline !important;
        white-space: nowrap;
        line-height: inherit;
        display: block;
        word-break: keep-all;
        overflow-wrap: normal;
    }

}