/* Career Page Styles */


/* Hero Section */
.career-hero {
    padding: 240px 0 80px;
    text-align: center;
    background: var(--color-white);
}

.career-hero-content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.career-hero-title {
    font-family: 'Inter', sans-serif;
    font-weight: 900;
    font-size: 64px;
    line-height: 1.2;
    color: var(--color-g800);
    margin-bottom: 32px;
    letter-spacing: -0.02em;
}

/* 초기 로드 시 원본 텍스트 완전히 숨기기 (공간도 차지하지 않음) */
.career-hero-title .tablet-desktop-only,
.career-hero-title .mobile-only {
    display: none !important;
}

/* 애니메이션 컨테이너가 생성되면 보이도록 */
.career-hero-title .typing-container,
.career-hero-title .mobile-typing-container,
.career-hero-title .title-line {
    display: block;
    opacity: 1;
    visibility: visible;
}

.career-hero-description {
    font-family: var(--font-family-primary);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.6;
    color: var(--color-g500);
    max-width: 1163px;
    margin: 0 auto;
    letter-spacing: -0.4px;
}

/* Image Gallery Section */
.career-gallery {
    padding: 80px 0;
    background: var(--color-white);
    overflow: hidden;
    position: relative;
}

.gallery-container {
    width: 100%;
    position: relative;
}

.gallery-track {
    display: flex;
    animation: scroll-left 15s linear infinite;
    gap: 40px;
    align-items: center;
    will-change: transform;
}

.gallery-item {
    flex-shrink: 0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Different sizes for each gallery item */
.gallery-item-1 {
    width: 320px;
    height: 320px;
}

.gallery-item-2 {
    width: 320px;
    height: 427px;
}

.gallery-item-3 {
    width: 320px;
    height: 480px;
}

.gallery-item-4 {
    width: 320px;
    height: 320px;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


/* Company Culture Section */
.career-culture {
    padding: 80px 0;
    background: var(--color-white);
}

.culture-content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
}

.culture-title {
    font-family: var(--font-family-primary);
    font-weight: 900;
    font-size: 48px;
    line-height: 1.4;
    color: #131923;
    text-align: center;
    margin: 0;
    max-width: 874px;
}

.culture-illustration {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    height: 351px;
    margin-bottom: -80px;
}

.culture-icon {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

.culture-features {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1440px;
    width: 100%;
    padding: 40px 0 120px;
}

.culture-feature {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 0 0 auto;
    max-width: 663px;
}

.feature-title {
    font-family: var(--font-family-primary);
    font-weight: 800;
    font-size: 28px;
    line-height: 1.2;
    color: #131923;
    margin: 0;
}

.feature-content {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.feature-item {
    font-family: var(--font-family-primary);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    color: #40454C;
    margin: 0;
    white-space: pre-line;
    position: relative;
    padding-left: 10px;
}

.feature-item::before {
    content: "-";
    color: #40454C;
    font-weight: 400;
    position: absolute;
    left: 0;
}


/* Culture Background Section */
.culture-background {
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin-top: 80px;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 0;
}

.background-image-container {
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.culture-bg-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.culture-opportunity {
    display: flex;
    gap: 80px;
    align-items: flex-start;
    justify-content: center;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.opportunity-title {
    font-family: var(--font-family-primary);
    font-weight: 800;
    font-size: 32px;
    line-height: 1.3;
    color: var(--color-g800);
    margin: 0;
    flex-shrink: 0;
}

.opportunity-content {
    flex: 1;
}

.opportunity-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.opportunity-list li {
    font-family: var(--font-family-primary);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.4;
    color: var(--color-g500);
    margin-bottom: 0;
    position: relative;
    padding-left: 10px;
}

.opportunity-list li::before {
    content: "-";
    color: var(--color-g500);
    font-weight: 400;
    position: absolute;
    left: 0;
}

/* Recruitment Section */
.career-recruitment {
    padding: 120px 0;
}

.recruitment-content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 80px;
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.recruitment-container {
    display: flex;
    gap: 80px;
    align-items: flex-start;
    width: 100%;
}

.recruitment-header {
    flex-shrink: 0;
}

.recruitment-right-column {
    display: flex;
    flex-direction: column;
    gap: 80px;
    flex: 1;
}

.recruitment-title {
    font-family: var(--font-family-primary);
    font-weight: 800;
    font-size: 32px;
    line-height: 1.2;
    color: var(--color-g800);
    margin: 0;
    text-align: left;
}

.recruitment-cards {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: 1074px;
}

.recruitment-card {
    background: #FAFAFA;
    border-radius: 16px;
    padding: 40px 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #EBECEC;
    transition: all 0.3s ease;
    position: relative;
}

.recruitment-card:hover {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.card-content {
    flex: 1;
    margin-right: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.card-category {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    font-family: var(--font-family-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: var(--color-white);
    background: #222831;
    width: fit-content;
}

.card-title {
    font-family: var(--font-family-primary);
    font-weight: 800;
    font-size: 26px;
    line-height: 1.2;
    color: var(--color-g800);
    margin: 0;
    max-width: 600px;
}

.card-info {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-family-primary);
    font-weight: 500;
    font-size: 16px;
    color: var(--color-g500);
}

.info-icon {
    width: 18px;
    height: 18px;
    opacity: 0.7;
}

.apply-button {
    background: var(--Blue-B500, #022F6E);
    color: var(--color-white);
    border: none;
    border-radius: 8px;
    padding: 16px 32px;
    font-family: var(--font-family-primary);
    font-weight: 700;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 24px;
    transition: all 0.3s ease;
    min-width: 214px;
    justify-content: center;
    flex-shrink: 0;
}

.apply-button:hover {
    background: var(--Blue-B300, #044DB5);
    transform: translateY(-1px);
}

.button-arrow {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}

.apply-button:hover .button-arrow {
    transform: translateX(4px);
}

/* Instructions Section */
.instructions-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.instructions-divider {
    height: 1px;
    background: #40454C;
    width: 100%;
}

.instructions-content {
    display: flex;
    gap: 120px;
    align-items: flex-start;
}

.instructions-title {
    font-family: var(--font-family-primary);
    font-weight: 800;
    font-size: 24px;
    line-height: 1.25;
    color: #131923;
    margin: 0;
    flex-shrink: 0;
}

.instructions-text {
    flex: 1;
}

.instructions-text p {
    font-family: var(--font-family-primary);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #40454C;
    margin: 0;
    text-indent: -10px;
    padding-left: 10px;
}

/* Menu Overlay Override for Career Page */
.career-page .menu-overlay {
    display: none;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}

.career-page .menu-overlay.active {
    display: flex;
    opacity: 1;
    pointer-events: all;
}

/* Footer Section */
.footer {
    background: var(--color-white);
    padding: 80px 0;
}

/* Career page specific footer content - remove to use global footer.css */

.footer-divider {
    height: 1px;
    background: #EBECEC;
    width: 100%;
}

.footer-info {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.footer-info p {
    font-family: var(--font-family-primary);
    font-weight: 400;
    color: #4D4D4D;
    margin: 0;
}

.info-label {
    font-weight: 700;
}

.footer-links {
    font-weight: 700;
}

/* Responsive Display Rules */
.mobile-only {
    display: none;
}

.tablet-desktop-only {
    display: block;
}

/* Mobile (≤767px) */
@media (max-width: 767px) {
    /* Responsive Display Rules */
    .mobile-only {
        display: block;
    }
    .tablet-desktop-only {
        display: none;
    }

    /* Hero - 320px~480px 스케일링 적용 */
    .career-hero {
        /* 375px 기준: 136px top padding, 320px: 116.05px, 480px: 174.08px */
        padding: clamp(116.05px, 36.27vw, 174.08px) 0 clamp(17.07px, 5.33vw, 25.6px);
        text-align: left;
    }
    .career-hero-content {
        padding: 0;
        /* 375px 기준: 327px, 320px: 278.93px, 480px: 418.56px */
        max-width: clamp(278.93px, 87.2vw, 418.56px);
        margin: 0 auto;
    }
    .career-hero-title {
        /* 375px 기준: 28px, 320px: 23.89px, 480px: 35.84px */
        font-size: clamp(23.89px, 7.47vw, 35.84px);
        line-height: 1.4;
        letter-spacing: -0.02em;
        /* 375px 기준: 16px, 320px: 13.65px, 480px: 20.48px */
        margin-top: clamp(13.65px, 4.27vw, 20.48px);
        /* 375px 기준: 8px, 320px: 6.83px, 480px: 10.24px */
        margin-bottom: clamp(6.83px, 2.13vw, 10.24px);
        text-align: center;
    }
    .career-hero-description {
        /* 375px 기준: 16px, 320px: 13.65px, 480px: 20.48px */
        font-size: clamp(13.65px, 4.27vw, 20.48px);
        line-height: 1.4;
        /* 375px 기준: 327px, 320px: 278.93px, 480px: 418.56px */
        max-width: clamp(278.93px, 87.2vw, 418.56px);
        letter-spacing: -0.32px;
        text-align: center;
        /* 375px 기준: 32px, 320px: 27.31px, 480px: 40.96px */
        margin-top: clamp(27.31px, 8.53vw, 40.96px);
    }
    .career-hero-description .desc-line {
        display: block;
    }

    /* Image Gallery */
    .career-gallery {
        /* 375px 기준: 40px, 320px: 34.13px, 480px: 51.2px */
        padding: clamp(34.13px, 10.67vw, 51.2px) 0;
    }
    .gallery-track {
        /* 375px 기준: 16px, 320px: 13.65px, 480px: 20.48px */
        gap: clamp(13.65px, 4.27vw, 20.48px);
        animation-duration: 15s;
        /* 375px 기준: 240px 아이템, 320px: 204.8px, 480px: 307.2px */
        width: calc(clamp(204.8px, 64vw, 307.2px) * 8 + clamp(13.65px, 4.27vw, 20.48px) * 7);
    }
    .gallery-item-1 {
        /* 375px 기준: 240px, 320px: 204.8px, 480px: 307.2px */
        width: clamp(204.8px, 64vw, 307.2px);
        height: clamp(204.8px, 64vw, 307.2px);
    }
    .gallery-item-2 {
        /* 375px 기준: 240px, 320px: 204.8px, 480px: 307.2px */
        width: clamp(204.8px, 64vw, 307.2px);
        /* 375px 기준: 320px, 320px: 273.07px, 480px: 409.6px */
        height: clamp(273.07px, 85.33vw, 409.6px);
    }
    .gallery-item-3 {
        /* 375px 기준: 240px, 320px: 204.8px, 480px: 307.2px */
        width: clamp(204.8px, 64vw, 307.2px);
        /* 375px 기준: 360px, 320px: 307.2px, 480px: 460.8px */
        height: clamp(307.2px, 96vw, 460.8px);
    }
    .gallery-item-4 {
        /* 375px 기준: 240px, 320px: 204.8px, 480px: 307.2px */
        width: clamp(204.8px, 64vw, 307.2px);
        height: clamp(204.8px, 64vw, 307.2px);
    }

    /* Company Culture */
    .career-culture {
        padding: clamp(29.11px, 9.09vw, 43.67px) 0 48px;
    }
    .culture-content {
        gap: 0;
        padding: 0 clamp(17.07px, 5.33vw, 25.6px);
        align-items: center;
    }
    .culture-title {
        /* 375px 기준: 27px (기본값 - 한국어, 일본어, 중국어), 320px: 23.04px, 480px: 34.56px */
        font-size: clamp(23.04px, 7.2vw, 34.56px);
        line-height: 1.4;
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: clamp(46.59px, 14.56vw, 69.89px);
    }
    /* 영어만 25px로 더 작게 표시 */
    html[lang="en"] .culture-title {
        /* 375px 기준: 25px, 320px: 21.33px, 480px: 32px */
        font-size: clamp(21.33px, 6.67vw, 32px);
    }
    .culture-title .culture-line {
        display: block;
    }
    .culture-illustration {
        /* 375px 기준: 327px, 320px: 278.93px, 480px: 418.56px */
        width: clamp(278.93px, 87.2vw, 418.56px);
        max-width: 100%;
        aspect-ratio: 327 / 193;
        height: auto;
        margin: 0 auto clamp(17.07px, 5.33vw, 25.6px);
    }
    .culture-icon {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* Responsive Display Rules */
    .mobile-only {
        display: block;
    }
    .tablet-desktop-only {
        display: none;
    }
    .culture-features {
        flex-direction: column;
        gap: clamp(17.07px, 5.33vw, 25.6px);
        margin-left: 0;
        margin-bottom: 0;
        width: 100%;
        padding-bottom: 0;
        align-items: center;
    }
    .culture-feature {
        /* 375px 기준: 327px, 320px: 278.93px, 480px: 418.56px */
        width: clamp(278.93px, 87.2vw, 418.56px);
        max-width: 100%;
    }
    .feature-title {
        /* 375px 기준: 24px, 320px: 20.48px, 480px: 30.72px */
        font-size: clamp(20.48px, 6.4vw, 30.72px);
    }
    .feature-item {
        /* 375px 기준: 14px, 320px: 11.95px, 480px: 17.92px */
        font-size: clamp(11.95px, 3.73vw, 17.92px);
    }

    /* Background + Opportunity */
    .culture-background {
        /* 375px 기준: 24px, 320px: 20.48px, 480px: 30.72px */
        gap: clamp(20.48px, 6.4vw, 30.72px);
        /* 375px 기준: 96px, 320px: 81.92px, 480px: 122.88px */
        margin-top: clamp(81.92px, 25.6vw, 122.88px);
        margin-left: 0;
        width: 100%;
    }
    .background-image-container {
        /* 375px 기준: 360px, 320px: 307.2px, 480px: 460.8px */
        height: clamp(307.2px, 96vw, 460.8px);
    }
    .culture-opportunity {
        flex-direction: column;
        gap: clamp(11.65px, 3.64vw, 17.47px);
        align-items: stretch;
        padding: 0;
    }
    .opportunity-title {
        /* 375px 기준: 24px (feature-title과 동일), 320px: 20.48px, 480px: 30.72px */
        font-size: clamp(20.48px, 6.4vw, 30.72px);
        padding: 0;
        word-break: keep-all;
    }
    .opportunity-content {
        padding: 0;
    }
    .opportunity-list li {
        /* 375px 기준: 14px (feature-item과 동일), 320px: 11.95px, 480px: 17.92px */
        font-size: clamp(11.95px, 3.73vw, 17.92px);
        word-break: keep-all;
    }

    /* Recruitment */
    .career-recruitment {
        padding: clamp(34.56px, 10.8vw, 51.84px) 0;
    }
    .recruitment-content {
        padding: 0 clamp(17.07px, 5.33vw, 25.6px);
        gap: clamp(17.07px, 5.33vw, 25.6px);
        max-width: clamp(320px, 100vw, 480px);
        margin: 0 auto;
        box-sizing: border-box;
    }
    .recruitment-container {
        flex-direction: column;
        gap: clamp(34.56px, 10.8vw, 51.84px);
    }
    .recruitment-right-column {
        gap: clamp(34.56px, 10.8vw, 51.84px);
        width: 100%;
    }
    .recruitment-cards {
        max-width: 100%;
        gap: clamp(11.65px, 3.64vw, 17.47px);
        width: 100%;
    }
    .recruitment-card {
        padding: clamp(11.65px, 3.64vw, 17.47px);
        flex-direction: column;
        align-items: stretch;
        gap: clamp(11.65px, 3.64vw, 17.47px);
        width: 100%;
        box-sizing: border-box;
        border-radius: clamp(11.65px, 3.64vw, 17.47px);
    }
    .card-content {
        margin-right: 0;
        gap: clamp(8.73px, 2.73vw, 13.09px);
    }
    .card-category {
        font-size: clamp(10.19px, 3.18vw, 15.29px);
        padding: clamp(2.91px, 0.91vw, 4.36px) clamp(11.65px, 3.64vw, 17.47px);
        line-height: clamp(13.09px, 4.09vw, 19.63px);
    }
    .card-title {
        font-size: clamp(14.56px, 4.55vw, 21.84px);
        line-height: 1.2;
        word-break: keep-all;
    }
    .card-info {
        gap: clamp(8.73px, 2.73vw, 13.09px);
        align-items: center;
    }
    .info-item {
        font-size: clamp(10.19px, 3.18vw, 15.29px);
        white-space: nowrap;
    }

    /* 아이콘 비율 고정 (Figma 18x18) */
    .recruitment-card .info-item svg {
        width: clamp(13.09px, 4.09vw, 19.63px);
        height: clamp(13.09px, 4.09vw, 19.63px);
        flex: 0 0 clamp(13.09px, 4.09vw, 19.63px);
    }
    .apply-button {
        width: 100%;
        min-width: 0;
        font-size: clamp(14.56px, 4.55vw, 21.84px);
        padding: clamp(11.65px, 3.64vw, 17.47px) clamp(23.31px, 7.28vw, 34.97px);
        gap: 0;
        background: var(--Blue-B500, #022F6E);
        border-radius: 8px; /* 명시적으로 유지 */
        min-height: 56px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 26px;
    }

    .apply-button:hover {
        background: var(--Blue-B300, #044DB5);
    }

    .apply-button svg { width: 24px; height: 24px; }
    .apply-button span { text-align: left; flex: 1; }

    /* Figma 시안 1:1 강제 반영 (모바일 전용, 우선순위 상승) */
    .career-page .career-recruitment .recruitment-content { max-width: clamp(320px, 100vw, 480px) !important; margin: 0 auto !important; padding: 0 clamp(17.07px, 5.33vw, 25.6px) !important; }
    .career-page .career-recruitment .recruitment-cards { width: 100% !important; gap: clamp(11.65px, 3.64vw, 17.47px) !important; }
    .career-page .career-recruitment .recruitment-card {
        background: #FAFAFA !important;
        border: 1px solid #EBECEC !important;
        border-radius: clamp(11.65px, 3.64vw, 17.47px) !important;
        padding: clamp(11.65px, 3.64vw, 17.47px) !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        gap: clamp(11.65px, 3.64vw, 17.47px) !important;
    }
    .career-page .career-recruitment .card-content { gap: clamp(8.73px, 2.73vw, 13.09px) !important; margin-right: 0 !important; }
    .career-page .career-recruitment .card-category {
        background: #222831 !important;
        color: #FFFFFF !important;
        border-radius: clamp(5.83px, 1.82vw, 8.74px) !important;
        padding: clamp(2.91px, 0.91vw, 4.36px) clamp(11.65px, 3.64vw, 17.47px) !important;
        font-weight: 700 !important;
        font-size: clamp(10.19px, 3.18vw, 15.29px) !important;
        line-height: clamp(13.09px, 4.09vw, 19.63px) !important;
        width: fit-content !important;
    }
    .career-page .career-recruitment .card-title {
        color: #131923 !important;
        font-weight: 800 !important;
        font-size: clamp(14.56px, 4.55vw, 21.84px) !important;
        line-height: 1.2 !important;
        word-break: keep-all !important;
        margin: 0 !important;
    }
    .career-page .career-recruitment .card-info { gap: clamp(8.73px, 2.73vw, 13.09px) !important; align-items: center !important; flex-wrap: wrap !important; }
    /* 일본어 모바일 card-info 세로 나열 */
    html[lang="ja"] .career-page .career-recruitment .card-info {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .career-page .career-recruitment .info-item { gap: clamp(5.83px, 1.82vw, 8.74px) !important; font-weight: 500 !important; font-size: clamp(10.19px, 3.18vw, 15.29px) !important; color: #40454C !important; }
    .career-page .career-recruitment .info-item svg { width: clamp(13.09px, 4.09vw, 19.63px) !important; height: clamp(13.09px, 4.09vw, 19.63px) !important; flex: 0 0 clamp(13.09px, 4.09vw, 19.63px) !important; }
    .career-page .career-recruitment .apply-button {
        width: 100% !important;
        background: var(--Blue-B500, #022F6E) !important;
        border-radius: clamp(5.83px, 1.82vw, 8.74px) !important;
        padding: clamp(11.65px, 3.64vw, 17.47px) clamp(23.31px, 7.28vw, 34.97px) !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: clamp(5.83px, 1.82vw, 8.74px) !important;
        min-width: 0 !important;
        min-height: clamp(40.78px, 12.74vw, 61.17px) !important;
        margin-top: clamp(18.93px, 5.91vw, 28.39px) !important;
    }

    .career-page .career-recruitment .apply-button:hover {
        background: var(--Blue-B300, #044DB5) !important;
    }
    .career-page .career-recruitment .apply-button span { color: #FFFFFF !important; font-weight: 700 !important; font-size: clamp(14.56px, 4.55vw, 21.84px) !important; }
    .career-page .career-recruitment .apply-button svg path { stroke: #FFFFFF !important; }

    /* Instructions */
    .instructions-container {
        max-width: 100%;
        gap: clamp(17.07px, 5.33vw, 25.6px);
    }
    .instructions-divider {
        background: #EBECEC;
    }
    .instructions-content {
        flex-direction: column;
        gap: clamp(11.65px, 3.64vw, 17.47px);
    }
    .instructions-title {
        font-size: clamp(14.56px, 4.55vw, 21.84px);
    }
    .instructions-text p {
        font-size: clamp(10.92px, 3.41vw, 16.38px);
        line-height: 1.4;
    }

    /* Footer */
    .footer {
        padding: 40px 0;
    }
    /* Remove career-specific footer-content padding to use global footer.css */
    .footer-divider {
        background: #EBECEC;
    }
    
    /* Career Footer - Mobile responsive font size (same as other pages) */
    .career-page .footer-section .footer-info {
        /* 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);
        /* 320px: 9.39px/13.65px, 375px: 11px/16px, 480px: 14.08px/20.48px */
    }
}

/* 481px~767px: 고정값 사용 (480px에서의 값 고정) */
@media (min-width: 481px) and (max-width: 767px) {
    /* Hero */
    .career-hero {
        padding: 174.08px 0 25.6px;
    }
    .career-hero-content {
        max-width: 418.56px;
    }
    .career-hero-title {
        font-size: 35.84px;
        margin-top: 20.48px;
        margin-bottom: 10.24px;
    }
    .career-hero-description {
        font-size: 20.48px;
        max-width: 418.56px;
        margin-top: 40.96px;
    }

    /* Image Gallery */
    .career-gallery {
        padding: 51.2px 0;
    }
    .gallery-track {
        gap: 20.48px;
        width: calc(307.2px * 8 + 20.48px * 7);
    }
    .gallery-item-1 {
        width: 307.2px;
        height: 307.2px;
    }
    .gallery-item-2 {
        width: 307.2px;
        height: 409.6px;
    }
    .gallery-item-3 {
        width: 307.2px;
        height: 460.8px;
    }
    .gallery-item-4 {
        width: 307.2px;
        height: 307.2px;
    }

    /* Company Culture */
    .career-culture {
        padding: 43.67px 0 48px;
    }
    .culture-content {
        padding: 0 25.6px;
    }
    .culture-title {
        font-size: 34.56px;
        width: 100%;
        max-width: 100%;
        margin-bottom: 69.89px;
    }
    /* 영어만 25px로 더 작게 표시 */
    html[lang="en"] .culture-title {
        font-size: 32px;
    }
    .culture-illustration {
        width: 418.56px;
        max-width: 100%;
        margin: 0 auto 25.6px;
    }
    .culture-features {
        gap: 25.6px;
        align-items: center;
    }
    .culture-feature {
        width: 418.56px;
        max-width: 100%;
    }
    .feature-title {
        font-size: 30.72px;
    }
    .feature-item {
        font-size: 17.92px;
    }

    /* Background + Opportunity */
    .culture-background {
        gap: 30.72px;
        margin-top: 122.88px;
    }
    .background-image-container {
        height: 460.8px;
    }
    .culture-opportunity {
        gap: 17.47px;
    }
    .opportunity-title {
        font-size: 30.72px;
    }
    .opportunity-list li {
        font-size: 17.92px;
    }

    /* Recruitment */
    .career-recruitment {
        padding: 51.84px 0;
    }
    .recruitment-content {
        padding: 0 25.6px;
        gap: 25.6px;
        max-width: 480px;
    }
    .recruitment-container {
        gap: 51.84px;
    }
    .recruitment-right-column {
        gap: 51.84px;
    }
    .recruitment-cards {
        gap: 17.47px;
    }
    .recruitment-card {
        padding: 17.47px;
        gap: 17.47px;
        border-radius: 17.47px;
    }
    .card-content {
        gap: 13.09px;
    }
    .card-category {
        font-size: 15.29px;
        padding: 4.36px 17.47px;
        line-height: 19.63px;
    }
    .card-title {
        font-size: 21.84px;
    }
    .card-info {
        gap: 13.09px;
    }
    .info-item {
        font-size: 15.29px;
    }
    .recruitment-card .info-item svg {
        width: 19.63px;
        height: 19.63px;
        flex: 0 0 19.63px;
    }
    .apply-button {
        font-size: 21.84px;
        padding: 17.47px 34.97px;
    }

    /* Figma 시안 1:1 강제 반영 */
    .career-page .career-recruitment .recruitment-content {
        max-width: 480px !important;
        padding: 0 25.6px !important;
    }
    .career-page .career-recruitment .recruitment-cards {
        gap: 17.47px !important;
    }
    .career-page .career-recruitment .recruitment-card {
        border-radius: 17.47px !important;
        padding: 17.47px !important;
        gap: 17.47px !important;
    }
    .career-page .career-recruitment .card-content {
        gap: 13.09px !important;
    }
    .career-page .career-recruitment .card-category {
        border-radius: 8.74px !important;
        padding: 4.36px 17.47px !important;
        font-size: 15.29px !important;
        line-height: 19.63px !important;
    }
    .career-page .career-recruitment .card-title {
        font-size: 21.84px !important;
    }
    .career-page .career-recruitment .card-info {
        gap: 13.09px !important;
    }
    .career-page .career-recruitment .info-item {
        gap: 8.74px !important;
        font-size: 15.29px !important;
    }
    .career-page .career-recruitment .info-item svg {
        width: 19.63px !important;
        height: 19.63px !important;
        flex: 0 0 19.63px !important;
    }
    .career-page .career-recruitment .apply-button {
        border-radius: 8.74px !important;
        padding: 17.47px 34.97px !important;
        gap: 8.74px !important;
        min-height: 61.17px !important;
        margin-top: 28.39px !important;
    }
    .career-page .career-recruitment .apply-button span {
        font-size: 21.84px !important;
    }

    /* Instructions */
    .instructions-container {
        gap: 25.6px;
    }
    .instructions-content {
        gap: 17.47px;
    }
    .instructions-title {
        font-size: 21.84px;
    }
    .instructions-text p {
        font-size: 16.38px;
    }
}