/* === [SLIDER FIX • 769px 이상에서만 3컬럼 슬라이더 활성화] tp_ 슬라이더 전용 보강 CSS === */
@media (min-width: 769px) {

    /* 데스크톱 뷰에서는 모든 카드를 보이게 합니다. */
    .team_program-section.tp_program-section .team_program-card,
    .tp_program-section .tp_program-card {
        display: block;
    }

    /* 섹션 기준 스택 컨텍스트 생성 */
    .team_program-section.tp_program-section {
        position: relative;
        z-index: 0;
        margin: 10px 8px 40px;
    }

    /* 탭이 항상 위에서 잘 클릭되도록 보장 */
    .team_program-tabs {
        position: relative;
        z-index: 100;
    }

    /* 슬라이더 뷰포트는 탭보다 아래 레이어 */
    .tp_program-viewport {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 540px; /* 470px -> 540px */
        z-index: 1;
        margin-top: 50px;
    }

    .tp_program-track {
        display: flex;
        will-change: transform;
        transition: transform 1s cubic-bezier(.25,.8,.25,1);
        gap: 0;
    }

        /* 3장 모두 완전히 보이도록 1/3씩 고정 */
        .tp_program-track .tp_program-card,
        .tp_program-track .team_program-card {
            flex: 0 0 33.3333%;
            max-width: 33.3333%;
            box-sizing: border-box;
        }

        /* 기본 카드 상태: 살짝 축소 + 불투명도 1 (플리커 감소) */
        .tp_program-card,
        .tp_program-track .team_program-card {
            transform: scale(0.95);
            opacity: 1;
            transition: transform 0.9s cubic-bezier(.25,.8,.25,1), opacity 0.9s cubic-bezier(.25,.8,.25,1), box-shadow 0.9s cubic-bezier(.25,.8,.25,1);
        }

            /* 양쪽 카드는 좀 더 흐리게 해서 중앙을 강조 */
            .tp_program-card.is-left,
            .tp_program-track .team_program-card.is-left {
                transform: translateX(-3%) scale(0.95);
                opacity: 0.45;
            }

            .tp_program-card.is-right,
            .tp_program-track .team_program-card.is-right {
                transform: translateX(3%) scale(0.95);
                opacity: 0.45;
            }

            /* 중앙 카드: 또렷하고 살짝 더 크게 (opacity 1 유지) */
            .tp_program-card.is-center,
            .tp_program-track .team_program-card.is-center {
                transform: translateX(0) scale(1);
                opacity: 1;
                z-index: 3;
                box-shadow: 0 14px 32px rgba(0,0,0,0.2);
            }
}