/* Tablet Styles (768px to 1023px) */

@media (min-width: 768px) and (max-width: 1023px) {
    /* About Container - Tablet Responsive (800px base, scales to 1023px) */
    .about-us-page .about-container {
        padding: clamp(60px, 15vw, 153.45px) clamp(40px, 6vw, 61.38px) clamp(30px, 7.5vw, 76.73px);
    }

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

    .about-us-page .about-content-container {
        height: clamp(515.6px, 131vw, 1340.13px);
    }

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

    .about-us-page .about-image-1 {
        left: calc(50% - clamp(97px, 24.25vw, 248.08px));
        top: clamp(90px, 22.5vw, 230.18px);
        width: clamp(150px, 37.5vw, 383.89px);
        height: clamp(185px, 46.25vw, 473.77px);
        transform: translateX(-50%);
    }

    .about-us-page .about-image-2 {
        left: calc(50% + clamp(41.5px, 10.375vw, 106.26px));
        bottom: clamp(4px, 1vw, 10.23px);
        width: clamp(255px, 63.75vw, 654.05px);
        height: clamp(170px, 42.5vw, 435.14px);
        transform: translateX(-50%);
    }

    /* 영어 버전: 텍스트가 길어서 이미지 위치 조정 */
    html[lang="en"] .about-us-page .about-image-2 {
        bottom: clamp(-30px, -7.5vw, -76.77px);
    }

    /* 일본어 버전: 텍스트가 길어서 이미지 위치 조정 */
    html[lang="ja"] .about-us-page .about-image-2 {
        bottom: clamp(-50px, -12.5vw, -127.88px);
    }

    /* 일본어 버전: 이미지를 내린 만큼 컨테이너 하단 패딩 증가 */
    html[lang="ja"] .about-us-page .about-container {
        padding-bottom: clamp(80px, 20vw, 204.61px);
    }

    /* 러시아어 버전 태블릿: 텍스트가 길어서 이미지 위치를 더 아래로 조정 */
    html[lang="ru"] .about-us-page .about-image-2 {
        bottom: clamp(-70px, -17.5vw, -179.03px);
    }

    /* 러시아어 버전 태블릿: 이미지를 내린 만큼 컨테이너 하단 패딩 증가 */
    html[lang="ru"] .about-us-page .about-container {
        padding-bottom: clamp(60px, 15vw, 153.45px);
    }

    .about-us-page .about-image-3 {
        left: calc(50% + clamp(98.25px, 24.5625vw, 251.52px));
        top: clamp(-110px, -27.5vw, -281.33px);
        width: clamp(147px, 36.75vw, 378.37px);
        height: clamp(152px, 38vw, 388.74px);
        transform: translateX(-50%);
    }

    .about-us-page .about-text-container {
        left: calc(50% + clamp(90px, 22.5vw, 230.18px));
        top: clamp(140px, 35vw, 358.05px);
        transform: translateX(-50%);
        width: clamp(163px, 40.75vw, 418.37px);
        gap: clamp(12px, 3vw, 30.69px);
    }

    /* 영어 버전: 텍스트 컨테이너 위로 이동 */
    html[lang="en"] .about-us-page .about-text-container {
        top: clamp(120px, 30vw, 307.15px);
    }

    .about-us-page .about-heading {
        font-size: clamp(22px, 5.5vw, 58.31px);
    }

    .about-us-page .about-description {
        font-size: clamp(9.5px, 2.375vw, 24.3px);
        line-height: clamp(13px, 3.25vw, 34.02px);
    }

    /* 러시아어 태블릿: about-description 폰트 크기 줄이기 */
    html[lang="ru"] .about-us-page .about-description {
        /* 800px 기준: 8.265px = 2.06625vw, 768px: 7.93px, 1023px: 21.14px (기본값의 약 87%) */
        font-size: clamp(8.27px, 2.07vw, 21.14px);
        /* line-height도 비례적으로 조정 */
        line-height: clamp(11.31px, 2.83vw, 29.60px);
    }
    /* Tablet: Show tablet-only and tablet-mobile-only, Hide desktop/mobile-only */
    .desktop-only,
    .mobile-only {
        display: none !important;
    }

    .tablet-only,
    .tablet-mobile-only,
    .tablet-desktop-only {
        display: block !important;
    }
    
    /* Hide desktop breaks on tablet */
    .desktop-break-1::before,
    .desktop-break-2::before,
    .desktop-break-3::before,
    .desktop-break-4::before {
        display: none !important;
    }
    
    /* Hide mobile breaks on tablet */
    .mobile-break::after {
        display: none !important;
    }

    /* Header */
    .header .header-content {
        padding: 8px var(--spacing-xl) !important;
        height: var(--header-height-tablet) !important;
        align-items: flex-end !important;
        margin-top: 12px !important;
    }
    
    /* Header Right Group - Tablet */
    .header-right-group {
        gap: var(--spacing-xl); /* 48px */
    }
    
    .logo {
        width: var(--logo-width-tablet);
        height: var(--logo-height-tablet);
    }
    
    /* Hero Section */
    .main-container {
        width: 522px;
        max-width: 90vw;
        gap: var(--spacing-lg);
    }
    
    .main-title {
        font-size: var(--font-size-title-tablet);
    }
    
    /* Career Page - Tablet Hero */
    .career-hero {
        /* 768px: 184.32px, 800px: 192px, 1023px: 245.52px */
        padding: clamp(184.32px, 24vw, 245.52px) 0 clamp(61.44px, 8vw, 81.84px) !important;
        text-align: center !important;
    }

    .career-hero-content {
        /* 768px: 645.12px, 800px: 672px, 1023px: 859.32px */
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 41.5px !important;
    }

    .career-hero .career-hero-title {
        /* 768px: 38.4px, 800px: 40px, 1023px: 51.15px */
        font-size: clamp(38.4px, 5vw, 51.15px) !important;
        line-height: 1.2 !important;
        text-align: center !important;
        margin: 0 auto !important;
        max-width: 100% !important;
        word-break: keep-all !important;
    }

    .career-hero .career-hero-title .tablet-desktop-only {
        display: inline !important;
    }

    /* 러시아어 버전 태블릿: career-hero-title 폰트 사이즈 줄이기 */
    html[lang="ru"] .career-hero .career-hero-title {
        /* 768px: 26.88px, 800px: 28px, 1023px: 35.81px */
        font-size: clamp(26.88px, 3.5vw, 35.81px) !important;
    }

    .career-hero .career-hero-description {
        /* 768px: 30.72px, 800px: 32px, 1023px: 40.92px */
        margin-top: clamp(30.72px, 4vw, 40.92px) !important;
        /* 768px: 15.36px, 800px: 16px, 1023px: 20.46px */
        font-size: clamp(15.36px, 2vw, 20.46px) !important;
        line-height: 1.6 !important;
    }

    /* Career Culture Content - Tablet */
    .career-page .culture-content {
        /* 768px: 61.44px, 800px: 64px, 1023px: 82.14px */
        gap: clamp(61.44px, 8vw, 82.14px) !important;
        padding: 0 clamp(46.08px, 6vw, 61.38px) !important;
    }

    /* Career Culture Title - Tablet */
    .career-page .culture-title {
        /* 768px: 40.32px, 800px: 42px, 1023px: 53.72px */
        font-size: clamp(40.32px, 5.25vw, 53.72px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 clamp(19.2px, 2.5vw, 25.58px) !important;
        line-height: 1.3 !important;
    }

    /* Russian tablet version: culture title font size adjustment */
    html[lang="ru"] .career-page .culture-title {
        /* 800px 기준: 25px = 3.125vw, 768px에서: 25 * (768/800) = 24px, 1023px에서: 25 * (1023/800) = 31.96875px */
        font-size: clamp(24px, 3.125vw, 31.96875px) !important;
    }

    /* Career Culture Illustration - Tablet */
    .career-page .culture-illustration {
        /* 768px: 268.8px, 800px: 280px, 1023px: 358.05px */
        height: clamp(268.8px, 35vw, 358.05px) !important;
        /* 768px: -61.44px, 800px: -64px, 1023px: -82.14px */
        margin-bottom: clamp(-61.44px, -8vw, -82.14px) !important;
    }

    /* Career Culture Features - Tablet */
    .career-page .culture-features {
        flex-direction: column !important;
        /* 768px: 38.4px, 800px: 40px, 1023px: 51.15px */
        gap: clamp(38.4px, 5vw, 51.15px) !important;
        /* 768px: 38.4px, 800px: 40px, 1023px: 51.15px */
        padding-top: clamp(38.4px, 5vw, 51.15px) !important;
        /* 768px: 115.2px, 800px: 120px, 1023px: 153.45px */
        padding-bottom: clamp(115.2px, 15vw, 153.45px) !important;
        padding-left: clamp(76.8px, 10vw, 102.3px) !important;
        padding-right: clamp(76.8px, 10vw, 102.3px) !important;
        margin: 0 !important;
        max-width: clamp(576px, 75vw, 767.25px) !important;
        align-items: stretch !important;
    }

    .career-page .culture-feature {
        max-width: 100% !important;
    }

    .career-page .feature-title {
        /* 768px: 26.88px, 800px: 28px, 1023px: 35.81px */
        font-size: clamp(26.88px, 3.5vw, 35.81px) !important;
    }

    .career-page .feature-item {
        /* 768px: 19.2px, 800px: 20px, 1023px: 25.58px */
        font-size: clamp(19.2px, 2.5vw, 25.58px) !important;
    }

    /* Career Culture Background - Tablet */
    .career-page .culture-background {
        /* 768px: 61.44px, 800px: 64px, 1023px: 82.14px */
        gap: clamp(61.44px, 8vw, 82.14px) !important;
        /* 768px: 61.44px, 800px: 64px, 1023px: 82.14px */
        margin-top: clamp(61.44px, 8vw, 82.14px) !important;
    }

    .career-page .background-image-container {
        /* 768px: 384px, 800px: 400px, 1023px: 511.5px */
        height: clamp(384px, 50vw, 511.5px) !important;
    }

    /* Career Culture Opportunity - Tablet */
    .career-page .culture-opportunity {
        flex-direction: column !important;
        /* 768px: 23.04px, 800px: 24px, 1023px: 30.69px */
        gap: clamp(23.04px, 3vw, 30.69px) !important;
        align-items: stretch !important;
        /* 768px: 46.08px, 800px: 48px, 1023px: 61.38px */
        padding: 0 clamp(46.08px, 6vw, 61.38px) !important;
        margin-left: 0 !important;
        text-align: left !important;
    }

    .career-page .opportunity-title {
        /* 768px: 26.88px, 800px: 28px, 1023px: 35.81px */
        font-size: clamp(26.88px, 3.5vw, 35.81px) !important;
        margin-bottom: 0 !important;
        text-align: left !important;
    }

    .career-page .opportunity-list li {
        /* 768px: 19.2px, 800px: 20px, 1023px: 25.58px */
        font-size: clamp(19.2px, 2.5vw, 25.58px) !important;
        text-align: left !important;
    }

    /* Career Recruitment - Tablet */
    .career-page .recruitment-container {
        flex-direction: column !important;
        gap: 40px !important;
        align-items: stretch !important;
    }

    .career-page .recruitment-right-column {
        gap: 40px !important;
        width: 100% !important;
    }

    .career-page .recruitment-header {
        text-align: center !important;
    }

    .career-page .recruitment-title {
        font-size: 28px !important;
    }

    /* Card Category - Tablet */
    .career-page .card-category {
        display: flex !important;
        padding: 8px 16px !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* Recruitment Card - Tablet */
    .career-page .recruitment-card {
        display: flex !important;
        padding: 32px 24px !important;
        justify-content: space-between !important;
        align-items: center !important;
        align-self: stretch !important;
    }

    /* Card Title - Tablet */
    .career-page .card-title {
        font-size: 24px !important;
    }
    
    .subtitle {
        font-size: var(--font-size-subtitle-tablet);
        width: 451px;
        height: auto;
    }
    
    /* Prevent line break in typing text on tablet */
    .typing-text {
        white-space: nowrap;
    }
    
    .description {
        font-size: var(--font-size-body-tablet);
        width: 511px;
        max-width: 100%;
        line-height: 1.4;
    }
    
    .description p {
        margin-bottom: 0;
    }
    
    .description p:first-child {
        display: inline;
        white-space: normal;
    }
    
    .description p:not(:first-child) {
        display: inline;
        white-space: pre-wrap;
    }
    
    /* Title Section Layout - Tablet */
    .title-section {
        align-items: flex-end;
        justify-content: space-between;
    }
    
    /* Menu Page - Tablet (800px base, keep ratio via clamp) */
    .menu-close {
        /* 800px base: 58px, scale between 768 and 1023 */
        top: clamp(55.68px, 7.25vw, 74.16px);
        /* 800px base: 48px */
        right: clamp(46.08px, 6vw, 61.38px);
    }

    .menu-navigation {
        /* 800px base: 150px */
        top: clamp(64px, 8vw, 120px);
        /* 800px base: 80px */
        bottom: clamp(40px, 5vw, 60px);
        /* 800px base: 96px */
        left: clamp(92.16px, 12vw, 122.76px);
        right: auto;
        /* 800px base: 480px width assumption for tablet layout */
        width: clamp(460.8px, 60vw, 614px);
        text-align: left;
        overflow: visible;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .menu-list {
        /* 800px base: 48px gap - 작은 화면에서는 줄임 */
        gap: clamp(24px, 3vw, 48px);
        padding-top: clamp(20px, 2.5vw, 30px);
        padding-bottom: clamp(20px, 2.5vw, 30px);
        height: auto;
        flex-shrink: 0;
    }

    .menu-text {
        /* 800px base: 48px */
        font-size: clamp(46.08px, 6vw, 61.35px);
        line-height: clamp(46.08px, 6vw, 61.35px);
    }
    
    /* About Us Page - Tablet */
    .hero-section {
        height: 100vh;
    }
    
    .hero-main-container {
        width: 554px;
        margin-top: 0;
    }
    
    .hero-main-title {
        font-size: 48px;
    }
    
    .hero-description {
        font-size: 20px;
        line-height: 32px;
        width: 100%;
    }
    
    .hero-description p {
        white-space: nowrap;
    }
    
    
    .container {
        padding: 0 48px;
    }
    
    /* 800px 기준, 768px~1023px 스케일링 */
    .section-title {
        /* 800px 기준 80px = 10vw, 768px: 76.8px, 1023px: 102.3px */
        margin-bottom: clamp(76.8px, 10vw, 102.3px);
    }
    
    .identity-row {
        flex-direction: column;
        gap: 80px;
        margin-bottom: 60px;
        align-items: center;
    }
    
    .vision-container {
        flex-direction: row;
        gap: 4vw; /* 800px 기준 32px */
        width: 100%;
        max-width: 88vw; /* 800px 기준 704px */
        margin: 0 auto;
        align-items: center;
    }
    
    .mission-container {
        flex-direction: row-reverse;
        gap: 4vw; /* 800px 기준 32px */
        width: 100%;
        max-width: 88vw; /* 800px 기준 704px */
        margin: 0 auto;
        align-items: center;
    }
    
    .vision-container .identity-image,
    .mission-container .identity-image {
        width: 42vw; /* 800px 기준 336px */
        height: 56.75vw; /* 800px 기준 454px */
        flex-shrink: 0;
    }
    
    .vision-container .identity-text-container,
    .mission-container .identity-text-container {
        flex: 1;
        padding-left: 0;
        justify-content: center !important;
        gap: 2.5vw; /* 800px 기준 20px */
        display: flex;
        flex-direction: column;
    }
    
    .values-container {
        max-width: 88vw; /* 800px 기준 704px */
        margin: 0 auto;
    }

    /* Identity Container - Tablet */
    .identity-container {
        padding: 60px 48px;
    }

    /* Identity Container 내부의 container 패딩 제거 (identity-container에 이미 패딩이 있음) */
    .about-us-page .identity-container .container {
        padding-left: 0;
        padding-right: 0;
    }

    /* 800px 기준, 768px~1023px 스케일링 */
    .section-title {
        /* 800px 기준 24px = 3vw, 768px: 23.04px, 1023px: 30.69px */
        font-size: clamp(23.04px, 3vw, 30.69px);
        /* 800px 기준 30px = 3.75vw, 768px: 28.8px, 1023px: 38.36px */
        line-height: clamp(28.8px, 3.75vw, 38.36px);
        /* 800px 기준 80px = 10vw, 768px: 76.8px, 1023px: 102.3px */
        margin-bottom: clamp(76.8px, 10vw, 102.3px);
    }

    /* 800px 기준, 768px~1023px 스케일링 */
    .identity-subtitle {
        font-family: var(--font-family-primary);
        font-weight: var(--font-weight-black);
        /* 800px 기준 48px = 6vw, 768px: 46.08px, 1023px: 61.38px */
        font-size: clamp(46.08px, 6vw, 61.38px);
        /* 800px 기준 58px = 7.25vw, 768px: 55.68px, 1023px: 74.17px */
        line-height: clamp(55.68px, 7.25vw, 74.17px);
        color: #131923;
        letter-spacing: -0.02em;
        /* 800px 기준 80px = 10vw, 768px: 76.8px, 1023px: 102.3px */
        margin: 0 0 clamp(76.8px, 10vw, 102.3px) 0;
        width: 100%;
        text-align: left;
    }

    .identity-content-container {
        display: flex;
        flex-direction: column;
        gap: 60px;
        align-items: center;
        width: 100%;
    }

    .identity-item-title {
        font-family: var(--font-family-primary);
        font-weight: var(--font-weight-black);
        font-size: 36px;
        line-height: 44px;
        color: #131923;
        margin: 0;
        width: 100%;
    }

    .identity-item-description {
        font-family: var(--font-family-secondary);
        font-size: 20px;
        font-weight: var(--font-weight-medium);
        line-height: 28px;
        color: #40454c;
        width: 100%;
    }

    .identity-item-description p {
        margin: 0 0 0 0;
    }

    .identity-item-description ul {
        margin: 0;
        padding: 0;
        list-style-type: disc;
        padding-left: 30px;
    }

    .identity-item-description li {
        margin-bottom: 0;
    }

    .identity-item-description li:last-child {
        margin-bottom: 0;
    }

    .vision-container .identity-text-container,
    .mission-container .identity-text-container {
        gap: 24px;
    }

    .values-container {
        display: flex;
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }

    .values-container .identity-image {
        width: 100%;
        height: 312px;
        border-radius: 32px;
    }

    .values-container .identity-text-container {
        width: 100%;
        gap: 16px;
    }

    /* Business Growth Journey Section - Tablet */
    .business-growth-section {
        padding: 60px 0 140px;
    }

    /* 800px 기준, 768px~1023px 스케일링 */
    .business-growth-header {
        /* 800px 기준 24px = 3vw, 768px: 23.04px, 1023px: 30.69px */
        gap: clamp(23.04px, 3vw, 30.69px);
        /* 800px 기준 80px = 10vw, 768px: 76.8px, 1023px: 102.3px */
        margin-bottom: clamp(76.8px, 10vw, 102.3px);
    }

    /* 800px 기준, 768px~1023px 스케일링 */
    .business-growth-title {
        /* 800px 기준 48px = 6vw, 768px: 46.08px, 1023px: 61.38px */
        font-size: clamp(46.08px, 6vw, 61.38px);
        /* 800px 기준 58px = 7.25vw, 768px: 55.68px, 1023px: 74.17px */
        line-height: clamp(55.68px, 7.25vw, 74.17px);
    }

    /* 800px 기준, 768px~1023px 스케일링 */
    html[lang="en"] .business-growth-title {
        /* 800px 기준 48px = 6vw, 768px: 46.08px, 1023px: 61.38px */
        font-size: clamp(46.08px, 6vw, 61.38px);
        /* 800px 기준 58px = 7.25vw, 768px: 55.68px, 1023px: 74.17px */
        line-height: clamp(55.68px, 7.25vw, 74.17px);
    }

    /* 800px 기준, 768px~1023px 스케일링 */
    .business-growth-description {
        /* 800px 기준 20px = 2.5vw, 768px: 19.2px, 1023px: 25.58px */
        font-size: clamp(19.2px, 2.5vw, 25.58px);
        /* 800px 기준 28px = 3.5vw, 768px: 26.88px, 1023px: 35.81px */
        line-height: clamp(26.88px, 3.5vw, 35.81px);
        /* 800px 기준 925px = 115.625vw, 768px: 888px, 1023px: 1183.59px */
        width: clamp(888px, 115.625vw, 1183.59px);
        max-width: 100%;
    }

    .business-growth-content {
        gap: 80px;
    }

    .growth-item {
        /* 이미지가 한 줄을 모두 차지하도록 컬럼 레이아웃 */
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 24px;
    }

    .growth-image {
        width: 100%;
        max-width: 100%;
    }

    .growth-image-2021 {
        height: 258px;
    }

    .growth-image-2022 {
        height: 482px;
    }

    .growth-image-2023 {
        height: 457px;
    }

    .growth-image-2025 {
        height: 371px;
    }

    /* 800px 기준, 768px~1023px 스케일링 */
    .growth-text-container {
        width: 100%;
        /* 800px 기준 24px = 3vw, 768px: 23.04px, 1023px: 30.69px */
        padding-top: clamp(23.04px, 3vw, 30.69px);
        padding-left: 0;
    }

    /* About Us - Business Growth: 이미지/텍스트 좌우에 약간의 여백 적용 */
    /* 800px 기준, 768px~1023px 스케일링 */
    .about-us-page .growth-image {
        /* 800px 기준 24px = 3vw, 768px: 23.04px, 1023px: 30.69px */
        width: calc(100% - clamp(23.04px, 3vw, 30.69px));
        max-width: calc(100% - clamp(23.04px, 3vw, 30.69px));
        /* 800px 기준 12px = 1.5vw, 768px: 11.52px, 1023px: 15.35px */
        margin-left: clamp(11.52px, 1.5vw, 15.35px);
        margin-right: clamp(11.52px, 1.5vw, 15.35px);
    }

    /* 800px 기준, 768px~1023px 스케일링 */
    .about-us-page .growth-text-container {
        /* 800px 기준 24px = 3vw, 768px: 23.04px, 1023px: 30.69px */
        width: calc(100% - clamp(23.04px, 3vw, 30.69px));
        /* 800px 기준 12px = 1.5vw, 768px: 11.52px, 1023px: 15.35px */
        margin-left: clamp(11.52px, 1.5vw, 15.35px);
        margin-right: clamp(11.52px, 1.5vw, 15.35px);
        padding-left: 0;
    }

    /* 세 번째와 네 번째 아이템도 다른 아이템과 동일하게 처리 (고정 너비 제거) */
    .growth-item:nth-child(3) .growth-text-container,
    .growth-item:nth-child(4) .growth-text-container {
        width: calc(100% - clamp(23.04px, 3vw, 30.69px));
    }

    /* 800px 기준, 768px~1023px 스케일링 */
    .growth-year-container {
        /* 800px 기준 44px = 5.5vw, 768px: 42.24px, 1023px: 56.27px */
        line-height: clamp(42.24px, 5.5vw, 56.27px);
    }

    /* 800px 기준, 768px~1023px 스케일링 */
    .growth-year {
        /* 800px 기준 36px = 4.5vw, 768px: 34.56px, 1023px: 46.04px */
        font-size: clamp(34.56px, 4.5vw, 46.04px);
        /* 800px 기준 44px = 5.5vw, 768px: 42.24px, 1023px: 56.27px */
        line-height: clamp(42.24px, 5.5vw, 56.27px);
    }

    /* 800px 기준, 768px~1023px 스케일링 */
    .growth-period {
        /* 800px 기준 24px = 3vw, 768px: 23.04px, 1023px: 30.69px */
        font-size: clamp(23.04px, 3vw, 30.69px);
        /* 800px 기준 44px = 5.5vw, 768px: 42.24px, 1023px: 56.27px */
        line-height: clamp(42.24px, 5.5vw, 56.27px);
    }

    /* 800px 기준, 768px~1023px 스케일링 */
    .growth-timeline-list {
        /* 800px 기준 20px = 2.5vw, 768px: 19.2px, 1023px: 25.58px */
        font-size: clamp(19.2px, 2.5vw, 25.58px);
        /* 800px 기준 28px = 3.5vw, 768px: 26.88px, 1023px: 35.81px */
        line-height: clamp(26.88px, 3.5vw, 35.81px);
        /* 800px 기준 30px = 3.75vw, 768px: 28.8px, 1023px: 38.36px */
        padding-left: clamp(28.8px, 3.75vw, 38.36px);
    }

    /* From KOMEDICLUB to FACEWEB Section - Tablet */
    .komediclub-faceweb-section {
        padding: 60px 0 140px;
    }

    .komediclub-faceweb-header {
        gap: 24px;
        margin-bottom: 80px;
        /* 800px 기준: 704px = 88vw, 768px에서: 704 * (768/800) = 675.84px, 1023px에서: 704 * (1023/800) = 900.24px */
        width: clamp(675.84px, 88vw, 900.24px);
        max-width: clamp(675.84px, 88vw, 900.24px);
    }

    .komediclub-faceweb-subtitle {
        font-size: 48px;
        line-height: 58px;
        width: 100%;
    }

    html[lang="en"] .komediclub-faceweb-subtitle {
        font-size: 40px;
        line-height: 50px;
    }

    .komediclub-faceweb-description {
        font-size: 20px;
        line-height: 28px;
        width: 100%;
        /* 800px 기준: 704px = 88vw, 768px에서: 704 * (768/800) = 675.84px, 1023px에서: 704 * (1023/800) = 900.24px */
        max-width: clamp(675.84px, 88vw, 900.24px);
    }

    .komediclub-faceweb-content {
        /* 800px 기준: 704px = 88vw, 768px에서: 704 * (768/800) = 675.84px, 1023px에서: 704 * (1023/800) = 900.24px */
        width: clamp(675.84px, 88vw, 900.24px);
        max-width: clamp(675.84px, 88vw, 900.24px);
        gap: 24px;
    }

    /* KOMEDICLUB Container - Tablet */
    .komediclub-container {
        width: 100%;
    }

    .komediclub-background {
        width: 100%;
        /* 800px 기준: 255px = 31.875vw, 768px에서: 255 * (768/800) = 244.8px, 1023px에서: 255 * (1023/800) = 325.706px */
        height: clamp(244.8px, 31.875vw, 325.706px);
        /* 800px 기준: 143px = 17.875vw, 768px에서: 143 * (768/800) = 137.28px, 1023px에서: 143 * (1023/800) = 182.861px */
        border-radius: clamp(137.28px, 17.875vw, 182.861px);
    }

    /* 러시아어 버전 태블릿: komediclub-background 높이 증가 */
    html[lang="ru"] .komediclub-background {
        /* 800px 기준: 330px = 41.25vw, 768px에서: 330 * (768/800) = 316.8px, 1023px에서: 330 * (1023/800) = 421.987px */
        height: clamp(316.8px, 41.25vw, 421.987px);
    }

    .komediclub-image-wrapper {
        /* 800px 기준: 213px (704px 컨테이너의 30.256%), 부모 컨테이너 기준 비율 유지 */
        width: 30.256%;
        /* 800px 기준: 197px (255px 컨테이너의 77.255%), 부모 컨테이너 기준 비율 유지 */
        height: 77.255%;
        /* 800px 기준: 24px (704px 컨테이너의 3.409%), 부모 컨테이너 기준 비율 유지 */
        left: 3.409%;
        /* 800px 기준: 29px (255px 컨테이너의 11.373%), 부모 컨테이너 기준 비율 유지 */
        top: 11.373%;
        transform: translateX(0);
    }

    .komediclub-list {
        position: absolute;
        /* 800px 기준: 267px (704px 컨테이너의 37.926%), 부모 컨테이너 기준 비율 유지 */
        left: 37.926%;
        /* 800px 기준: 112px (255px 컨테이너의 43.922%), 부모 컨테이너 기준 비율 유지 */
        top: 43.922%;
        /* 800px 기준: 397px (704px 컨테이너의 56.392%), 부모 컨테이너 기준 비율 유지 */
        width: 56.392%;
        /* 800px 기준: 30px, 768px에서: 30 * (768/800) = 28.8px, 1023px에서: 30 * (1023/800) = 38.363px */
        padding-left: clamp(28.8px, 3.75vw, 38.363px);
        transform: none;
        /* 800px 기준: 20px, 768px에서: 20 * (768/800) = 19.2px, 1023px에서: 20 * (1023/800) = 25.575px */
        font-size: clamp(19.2px, 2.5vw, 25.575px);
        /* 800px 기준: 28px, 768px에서: 28 * (768/800) = 26.88px, 1023px에서: 28 * (1023/800) = 35.805px */
        line-height: clamp(26.88px, 3.5vw, 35.805px);
    }

    .komediclub-title-text {
        /* 800px 기준: 3.5px = 0.4375vw, 768px에서: 3.5 * (768/800) = 3.36px, 1023px에서: 3.5 * (1023/800) = 4.476px */
        left: calc(50% - clamp(3.36px, 0.4375vw, 4.476px));
        /* 800px 기준: 67.5px = 8.4375vw, 768px에서: 67.5 * (768/800) = 64.8px, 1023px에서: 67.5 * (1023/800) = 86.381px */
        top: calc(50% - clamp(64.8px, 8.4375vw, 86.381px));
        transform: translateX(-50%);
        /* 800px 기준: 24px = 3vw, 768px에서: 24 * (768/800) = 23.04px, 1023px에서: 24 * (1023/800) = 30.69px */
        font-size: clamp(23.04px, 3vw, 30.69px);
        /* 800px 기준: 44px = 5.5vw, 768px에서: 44 * (768/800) = 42.24px, 1023px에서: 44 * (1023/800) = 56.265px */
        line-height: clamp(42.24px, 5.5vw, 56.265px);
    }

    /* 영어 버전: komediclub 텍스트 위, 아래 중앙 배치 */
    html[lang="en"] .komediclub-title-text {
        top: calc(50% - clamp(94.8px, 12.5vw, 127.88px));
    }

    html[lang="en"] .komediclub-list {
        top: 32%;
    }

    /* 일본어 버전: komediclub 텍스트와 리스트 위치 조정 */
    html[lang="ja"] .komediclub-title-text {
        top: calc(50% - clamp(88px, 11.5vw, 117.5px));
    }

    html[lang="ja"] .komediclub-list {
        top: 35%;
    }

    /* 러시아어 버전 태블릿: komediclub 텍스트와 리스트 위치 위로 올리기 */
    /* 기본 top: calc(50% - clamp(64.8px, 8.4375vw, 86.381px)) */
    /* 러시아어는 더 위로: 기본값에서 추가로 위로 올리기 */
    /* 800px 기준: 100px = 12.5vw, 768px에서: 100 * (768/800) = 96px, 1023px에서: 100 * (1023/800) = 127.875px */
    /* 부모 높이 기준으로 절대값 계산: 768px(244.8px) 50% = 122.4px, 100px 위 = 22.4px */
    /* 800px(255px) 50% = 127.5px, 100px 위 = 27.5px */
    /* 1023px(325.706px) 50% = 162.853px, 127.875px 위 = 34.978px */
    html[lang="ru"] .komediclub-title-text {
        /* 절대값으로 계산 (부모 높이 반응형 고려) */
        top: clamp(22.4px, 3.42vw, 34.978px);
    }

    html[lang="ru"] .komediclub-list {
        /* 기본값 43.922%보다 위로 올리기 (조금 더 올림) */
        top: 28%;
    }

    /* Arrow Icon - Tablet */
    .komediclub-faceweb-arrow {
        width: 87px;
        height: 70px;
        align-self: center;
        margin-left: auto;
        margin-right: auto;
    }

    /* FACEWEB Container - Tablet (800px 기준 반응형) */
    .about-us-page .faceweb-container {
        width: 100%;
        flex-direction: column;
        /* 800px 기준: 40px = 5vw, 768px에서: 40 * (768/800) = 38.4px, 1023px에서: 40 * (1023/800) = 51.15px */
        gap: clamp(38.4px, 5vw, 51.15px);
        /* 800px 기준: 80px = 10vw, 768px에서: 80 * (768/800) = 76.8px, 1023px에서: 80 * (1023/800) = 102.3px */
        padding: 0 0 clamp(76.8px, 10vw, 102.3px) 0;
        /* 800px 기준: 140px = 17.5vw, 768px에서: 140 * (768/800) = 134.4px, 1023px에서: 140 * (1023/800) = 179.025px */
        border-radius: clamp(134.4px, 17.5vw, 179.025px);
        overflow: hidden;
    }

    .about-us-page .faceweb-image-wrapper {
        width: 100%;
        /* 800px 기준: 306px = 38.25vw, 768px에서: 306 * (768/800) = 293.76px, 1023px에서: 306 * (1023/800) = 391.79px */
        height: clamp(293.76px, 38.25vw, 391.79px);
        position: relative;
        /* 800px 기준: 140px = 17.5vw, 768px에서: 140 * (768/800) = 134.4px, 1023px에서: 140 * (1023/800) = 179.025px */
        border-radius: clamp(134.4px, 17.5vw, 179.025px) clamp(134.4px, 17.5vw, 179.025px) 0 0;
        overflow: hidden;
    }

    .about-us-page .faceweb-image {
        background-image: url('../../images/about-us/faceweb-tablet-image.webp');
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        /* 800px 기준: 140px = 17.5vw, 768px에서: 140 * (768/800) = 134.4px, 1023px에서: 140 * (1023/800) = 179.025px */
        border-radius: clamp(134.4px, 17.5vw, 179.025px) clamp(134.4px, 17.5vw, 179.025px) 0 0;
        width: 100%;
        height: 100%;
    }

    .about-us-page .faceweb-image::before {
        /* 800px 기준: 140px = 17.5vw, 768px에서: 140 * (768/800) = 134.4px, 1023px에서: 140 * (1023/800) = 179.025px */
        border-radius: clamp(134.4px, 17.5vw, 179.025px) clamp(134.4px, 17.5vw, 179.025px) 0 0;
    }

    .about-us-page .faceweb-text-container {
        /* 800px 기준: 492px = 61.5vw, 768px에서: 492 * (768/800) = 472.32px, 1023px에서: 492 * (1023/800) = 629.145px */
        width: clamp(472.32px, 61.5vw, 629.145px);
        padding: 0;
        gap: 16px;
        align-items: flex-start;
        margin: 0 auto;
    }

    /* 헤더 텍스트 줄바꿈 처리 */
    .komediclub-faceweb-subtitle,
    .komediclub-faceweb-description {
        white-space: normal;
        word-break: keep-all;
    }

    .about-us-page .faceweb-title {
        /* 800px 기준: 36px = 4.5vw, 768px에서: 36 * (768/800) = 34.56px, 1023px에서: 36 * (1023/800) = 46.035px */
        font-size: clamp(34.56px, 4.5vw, 46.035px);
        /* 800px 기준: 44px = 5.5vw, 768px에서: 44 * (768/800) = 42.24px, 1023px에서: 44 * (1023/800) = 56.265px */
        line-height: clamp(42.24px, 5.5vw, 56.265px);
    }

    .about-us-page .faceweb-subtitle {
        /* 800px 기준: 24px = 3vw, 768px에서: 24 * (768/800) = 23.04px, 1023px에서: 24 * (1023/800) = 30.69px */
        font-size: clamp(23.04px, 3vw, 30.69px);
        /* 800px 기준: 44px = 5.5vw, 768px에서: 44 * (768/800) = 42.24px, 1023px에서: 44 * (1023/800) = 56.265px */
        line-height: clamp(42.24px, 5.5vw, 56.265px);
    }

    .about-us-page .faceweb-list {
        /* 800px 기준: 20px = 2.5vw, 768px에서: 20 * (768/800) = 19.2px, 1023px에서: 20 * (1023/800) = 25.575px */
        font-size: clamp(19.2px, 2.5vw, 25.575px);
        /* 800px 기준: 28px = 3.5vw, 768px에서: 28 * (768/800) = 26.88px, 1023px에서: 28 * (1023/800) = 35.805px */
        line-height: clamp(26.88px, 3.5vw, 35.805px);
        width: 100%;
    }
    
    .identity-item-title {
        font-size: 4vw; /* 800px 기준 32px */
        line-height: 1.2;
        letter-spacing: -0.01em;
        padding: 0;
    }
    
    .identity-item-description {
        font-size: 2.5vw; /* 800px 기준 20px */
        font-weight: var(--font-weight-medium);
        line-height: 1.4;
        letter-spacing: -0.005em;
        padding: 0;
    }
    
    /* About Us Page - Tablet 800px 기준 반응형 */
    .about-us-page .hero-main-container {
        width: 90%;
        margin-top: 0;
        margin-left: 15vw; /* 800px 기준 120px */
    }
    
    .about-us-page .hero-main-title {
        font-size: 6vw; /* 800px 기준 48px */
    }
    
    .about-us-page .hero-description {
        font-size: 2.25vw; /* 800px 기준 18px */
        line-height: 3.5vw; /* 800px 기준 28px */
    }
    
    .about-us-page .container {
        padding: 0 6vw; /* 800px 기준 48px */
    }
    
    .about-us-page .identity-row {
        flex-direction: column;
        gap: 7.5vw; /* 800px 기준 60px */
    }
    
    .about-us-page .vision-container {
        flex-direction: row;
        gap: 4vw; /* 800px 기준 32px */
        width: 100%;
        max-width: 88vw; /* 800px 기준 704px */
        align-items: center;
    }
    
    .about-us-page .mission-container {
        flex-direction: row-reverse;
        gap: 4vw; /* 800px 기준 32px */
        width: 100%;
        max-width: 88vw; /* 800px 기준 704px */
        align-items: center;
    }
    
    .about-us-page .vision-container .identity-image,
    .about-us-page .mission-container .identity-image {
        width: 42vw; /* 800px 기준 336px */
        height: 56.75vw; /* 800px 기준 454px */
        flex-shrink: 0;
    }
    
    .about-us-page .vision-container .identity-text-container,
    .about-us-page .mission-container .identity-text-container {
        flex: 1;
        padding-left: 0;
        justify-content: center !important;
        display: flex;
        flex-direction: column;
    }
    
    .about-us-page .values-container {
        max-width: 88vw; /* 800px 기준 704px */
        margin: 0 auto;
    }
    
    .about-us-page .values-container .identity-text-container {
        padding-left: 0;
        margin-left: 0;
    }
    
    .about-us-page .identity-item-title {
        font-size: 4vw; /* 800px 기준 32px */
        line-height: 1.2;
        letter-spacing: -0.01em;
        padding: 0;
    }
    
    .about-us-page .identity-item-description {
        font-size: 2.25vw; /* 800px 기준 18px */
        font-weight: var(--font-weight-medium);
        line-height: 1.4;
        letter-spacing: -0.005em;
        padding: 0;
    }



/* Footer - Tablet (800px 기준, 768px~1023px 반응형) */
.footer-section {
    /* 800px 기준: 120px = 15vw, 768px: 115.2px, 1023px: 153.45px */
    padding: clamp(115.2px, 15vw, 153.45px) 0 clamp(115.2px, 15vw, 153.45px);
}

.footer-content {
    padding: 0;
}

.footer-line {
    max-width: calc(100vw - 96px);
}

.footer-info-wrapper {
    flex-direction: column;
    /* 800px 기준: 24px = 3vw, 768px: 23.04px, 1023px: 30.69px */
    gap: clamp(23.04px, 3vw, 30.69px);
    align-items: flex-start;
}

.footer-info {
    width: 100%;
    /* 800px 기준: 12px = 1.5vw, 768px: 11.52px, 1023px: 15.35px */
    font-size: clamp(11.52px, 1.5vw, 15.35px);
    /* 800px 기준: 16px = 2vw, 768px: 15.36px, 1023px: 20.46px */
    line-height: clamp(15.36px, 2vw, 20.46px);
}

.footer-family-site {
    width: 100%;
    justify-content: flex-start;
}

.footer-family-site .family-site-label {
    /* 800px 기준: 14px = 1.75vw, 768px: 13.44px, 1023px: 17.9px */
    font-size: clamp(13.44px, 1.75vw, 17.9px);
    /* 800px 기준: 18px = 2.25vw, 768px: 17.28px, 1023px: 23.02px */
    line-height: clamp(17.28px, 2.25vw, 23.02px);
}

.footer-family-site .family-site-link {
    /* 800px 기준: 14px = 1.75vw, 768px: 13.44px, 1023px: 17.9px */
    font-size: clamp(13.44px, 1.75vw, 17.9px);
    /* 800px 기준: 18px = 2.25vw, 768px: 17.28px, 1023px: 23.02px */
    line-height: clamp(17.28px, 2.25vw, 23.02px);
}
    
    /* Tech Page - Tablet 800px 기준 반응형 */
    .tech-page .hero-section {
        /* 800px 기준 900px = 112.5vw, 768px: 864px, 1023px: 1150.88px */
        height: clamp(864px, 112.5vw, 1150.88px);
    }
    
    .tech-page .hero-main-container {
        width: 90%;
        margin-top: 0;
        /* 800px 기준 120px = 15vw, 768px: 115.2px, 1023px: 153.45px */
        margin-left: clamp(115.2px, 15vw, 153.45px);
    }
    
    .tech-page .hero-main-title {
        /* 800px 기준 48px = 6vw, 768px: 46.08px, 1023px: 61.38px */
        font-size: clamp(46.08px, 6vw, 61.38px);
    }
    
    .tech-page .hero-main-title .title-line {
        white-space: nowrap;
    }
    
    .tech-page .hero-main-title .mobile-only {
        display: none !important;
    }
    
    .tech-page .hero-main-title .desktop-tablet-only {
        display: block !important;
    }

    /* Chinese (zh) - Tablet: show only line1, hide line2 for hero title */
    html[lang="zh"] .tech-page .hero-main-title .desktop-tablet-only:nth-child(2) {
        display: none !important;
    }
    
    /* Tech Container 반응형 클래스 */
    .tech-page .tech-header-title .mobile-only {
        display: none !important;
    }
    
    .tech-page .tech-header-title .desktop-tablet-only {
        display: block !important;
    }
    
    .tech-page .tech-header-description .mobile-only {
        display: none !important;
    }
    
    .tech-page .tech-header-description .desktop-tablet-only {
        display: block !important;
    }
    
    .tech-page .hero-description {
        /* 800px 기준 18px = 2.25vw, 768px: 17.28px, 1023px: 23.02px */
        font-size: clamp(17.28px, 2.25vw, 23.02px);
        /* 800px 기준 28px = 3.5vw, 768px: 26.88px, 1023px: 35.81px */
        line-height: clamp(26.88px, 3.5vw, 35.81px);
        font-weight: 200;
    }
    
    /* 800px 기준 반응형 */
    .tech-page .tech-container {
        /* 800px 기준 120px = 15vw, 768px: 115.2px, 1023px: 153.45px */
        padding: clamp(115.2px, 15vw, 153.45px) 0 0;
    }
    
    /* 800px 기준 반응형 */
    .tech-page .tech-header-container {
        /* 800px 기준 80px = 10vw, 768px: 76.8px, 1023px: 102.3px */
        margin-bottom: clamp(76.8px, 10vw, 102.3px);
    }
    
    /* 800px 기준 반응형 */
    .tech-page .tech-header-title {
        /* 800px 기준 42px = 5.25vw, 768px: 40.32px, 1023px: 53.71px */
        font-size: clamp(40.32px, 5.25vw, 53.71px);
        line-height: 1.2;
    }
    
    /* 800px 기준 반응형 */
    .tech-page .tech-header-description {
        /* 800px 기준 20px = 2.5vw, 768px: 19.2px, 1023px: 25.58px */
        font-size: clamp(19.2px, 2.5vw, 25.58px);
        line-height: 1.4;
        font-weight: var(--font-weight-medium);
    }
    
    /* 800px 기준 반응형 */
    .tech-page .tech-grid-container {
        /* 800px 기준 60px = 7.5vw, 768px: 57.6px, 1023px: 76.73px */
        gap: clamp(57.6px, 7.5vw, 76.73px);
    }
    
    /* 800px 기준 반응형 */
    .tech-page .tech-grid-title {
        /* 800px 기준 24px = 3vw, 768px: 23.04px, 1023px: 30.69px */
        font-size: clamp(23.04px, 3vw, 30.69px);
    }
    
    /* 800px 기준 반응형 */
    .tech-page .tech-grid-items-container {
        display: grid;
        /* 800px 기준 352px = 44vw, 768px: 337.92px, 1023px: 450.12px */
        grid-template-columns: repeat(2, clamp(337.92px, 44vw, 450.12px));
        grid-template-rows: auto;
        /* 800px 기준 40px = 5vw, 768px: 38.4px, 1023px: 51.15px */
        column-gap: clamp(38.4px, 5vw, 51.15px);
        row-gap: 0;
        justify-content: center;
        max-width: 100%;
    }
    
    /* 800px 기준 반응형 */
    .tech-page .tech-grid-item {
        /* 800px 기준 352px = 44vw, 768px: 337.92px, 1023px: 450.12px */
        width: clamp(337.92px, 44vw, 450.12px);
        flex-shrink: 0;
    }
    
    /* 800px 기준 반응형 */
    .tech-page .tech-grid-icon {
        /* 800px 기준 147px = 18.375vw, 768px: 141.12px, 1023px: 187.98px */
        width: clamp(141.12px, 18.375vw, 187.98px);
        /* 800px 기준 142px = 17.75vw, 768px: 136.32px, 1023px: 181.58px */
        height: clamp(136.32px, 17.75vw, 181.58px);
    }
    
    /* 800px 기준 반응형 */
    .tech-page .tech-grid-item-title {
        /* 800px 기준 28px = 3.5vw, 768px: 26.88px, 1023px: 35.81px */
        font-size: clamp(26.88px, 3.5vw, 35.81px);
        line-height: 1.2;
    }

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

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

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

    /* 800px 기준 반응형 */
    .tech-page .tech-grid-item-subtitle {
        /* 800px 기준 18px = 2.25vw, 768px: 17.28px, 1023px: 23.02px */
        font-size: clamp(17.28px, 2.25vw, 23.02px);
        line-height: 1.4;
    }

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

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

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

    /* 800px 기준 반응형 */
    .tech-page .tech-grid-item-description-text {
        /* 800px 기준 16px = 2vw, 768px: 15.36px, 1023px: 20.46px */
        font-size: clamp(15.36px, 2vw, 20.46px);
        line-height: 1.4;
    }

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

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

    .tech-page .tech-grid-item-description-text.tablet-only {
        display: block !important;
    }
    
    /* 800px 기준 반응형 */
    .tech-page .product-container {
        /* 800px 기준 60px = 7.5vw, 768px: 57.6px, 1023px: 76.73px */
        /* 800px 기준 120px = 15vw, 768px: 115.2px, 1023px: 153.45px */
        padding: clamp(57.6px, 7.5vw, 76.73px) 0 clamp(115.2px, 15vw, 153.45px);
    }
    
    /* 800px 기준 반응형 */
    .tech-page .product-section-title {
        /* 800px 기준 24px = 3vw, 768px: 23.04px, 1023px: 30.69px */
        font-size: clamp(23.04px, 3vw, 30.69px);
        /* 800px 기준 80px = 10vw, 768px: 76.8px, 1023px: 102.3px */
        margin-bottom: clamp(76.8px, 10vw, 102.3px);
    }
    
    /* 800px 기준 반응형 */
    .tech-page .product-section-container {
        /* 800px 기준 40px = 5vw, 768px: 38.4px, 1023px: 51.15px */
        gap: clamp(38.4px, 5vw, 51.15px);
        /* 800px 기준 80px = 10vw, 768px: 76.8px, 1023px: 102.3px */
        margin-bottom: clamp(76.8px, 10vw, 102.3px);
    }
    
    /* 800px 기준 반응형 */
    .tech-page .product-section-subtitle {
        /* 800px 기준 24px = 3vw, 768px: 23.04px, 1023px: 30.69px */
        font-size: clamp(23.04px, 3vw, 30.69px);
        line-height: 1.2;
    }
    
    /* 800px 기준 반응형 */
    .tech-page .product-name {
        /* 800px 기준 48px = 6vw, 768px: 46.08px, 1023px: 61.38px */
        font-size: clamp(46.08px, 6vw, 61.38px);
        line-height: 1.1;
    }
    
    /* 800px 기준 반응형 */
    .tech-page .product-description {
        /* 800px 기준 18px = 2.25vw, 768px: 17.28px, 1023px: 23.02px */
        font-size: clamp(17.28px, 2.25vw, 23.02px);
        line-height: 1.4;
    }
    
    /* 800px 기준 반응형 */
    .tech-page .product-details {
        /* 800px 기준 16px = 2vw, 768px: 15.36px, 1023px: 20.46px */
        font-size: clamp(15.36px, 2vw, 20.46px);
        line-height: 1.4;
    }
    
    .tech-page .product-details p {
        white-space: normal;
    }
    
    /* 800px 기준 반응형 */
    .tech-page .product-button {
        /* 800px 기준 263px = 32.875vw, 768px: 252.48px, 1023px: 336.31px */
        width: clamp(252.48px, 32.875vw, 336.31px);
        /* 800px 기준 56px = 7vw, 768px: 53.76px, 1023px: 71.61px */
        height: clamp(53.76px, 7vw, 71.61px);
        /* 800px 기준 28px = 3.5vw (height의 절반), 768px: 26.88px, 1023px: 35.81px */
        border-radius: clamp(26.88px, 3.5vw, 35.81px);
    }

    /* 영어 태블릿 전용: 버튼 가로 길이 늘림 - 800px 기준 반응형 */
    html[lang="en"] .tech-page .product-button {
        /* 800px 기준 290px = 36.25vw, 768px: 278.4px, 1023px: 370.84px */
        width: clamp(278.4px, 36.25vw, 370.84px);
    }

    /* 일본어 태블릿 전용: 버튼 가로 길이 늘림 - 800px 기준 반응형 */
    html[lang="ja"] .tech-page .product-button {
        /* 800px 기준 310px = 38.75vw, 768px: 297.6px, 1023px: 396.41px */
        width: clamp(297.6px, 38.75vw, 396.41px);
    }

    /* 러시아어 태블릿 전용: 버튼 가로 길이 늘림 (긴 텍스트 대응) - 800px 기준 반응형 */
    html[lang="ru"] .tech-page .product-button {
        /* 800px 기준: 400px = 50vw, 768px: 384px, 1023px: 511.5px */
        width: clamp(384px, 50vw, 511.5px);
    }

    /* 800px 기준 반응형 */
    .tech-page .product-button span {
        /* 800px 기준 18px = 2.25vw, 768px: 17.28px, 1023px: 23.02px */
        font-size: clamp(17.28px, 2.25vw, 23.02px);
    }
    
    .tech-page .product-image-container {
        height: clamp(585.6px, 76.25vw, 779.91px);
    }

    .tech-page .reservation-image {
        width: clamp(675.84px, 88vw, 900.24px);
        height: clamp(341.76px, 44.5vw, 455.24px);
        top: 0;
        left: 0;
    }

    .tech-page .product-main-image {
        width: clamp(170.88px, 22.25vw, 227.59px);
        height: clamp(227.52px, 29.625vw, 303.06px);
        top: clamp(253.44px, 33vw, 337.59px);
        left: clamp(105.6px, 13.75vw, 140.66px);
    }

    .tech-page .consultation-image {
        width: clamp(178.56px, 23.25vw, 237.78px);
        height: clamp(388.8px, 50.625vw, 517.95px);
        top: clamp(196.8px, 25.625vw, 262.14px);
        left: clamp(390.72px, 50.875vw, 520.37px);
    }

    .tech-page .user-page-image {
        width: clamp(178.56px, 23.25vw, 237.78px);
        height: clamp(197.76px, 25.75vw, 263.42px);
        top: clamp(343.68px, 44.75vw, 457.79px);
        left: clamp(240.96px, 31.375vw, 320.97px);
    }
    
    

    
}

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