.partner_wr { padding:clamp(16px, 1.8vw, 40px) 0; background: #fff; }

.marquee {
    width: 100vw;
    overflow: hidden;
    position: relative;
    padding: 15px 0;
    /* 양쪽 페이드 효과 */
    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}

.marquee-track {
    display: flex;
    width: max-content; /* 내부 아이템들의 전체 너비만큼 자동으로 늘어남 */
    will-change: transform; /* 애니메이션 성능 최적화 및 튐 방지 */
}

/* Entertainment: 더 빠르게 (25초) */
.ent-row .marquee-track {
    animation: marquee-scroll 25s linear infinite;
}

/* Media: 조금 더 느리게 (35초) */
.media-row .marquee-track {
    animation: marquee-scroll 35s linear infinite;
    /* 만약 반대 방향으로 흐르게 하고 싶다면 아래 주석 해제 */
    /* animation-direction: reverse; */
}

.marquee-group {
    display: flex;
    align-items: center;
    gap: clamp(30px, 5vw, 80px); /* 로고 사이 간격 */
    padding-right: clamp(30px, 5vw, 80px);
}

.logo-item {
    flex-shrink: 0; /* 중요: 트랙 안에서 아이템이 압축되는 것을 방지 */
    display: flex;
    align-items: center;
    white-space: nowrap; /* 텍스트가 있을 경우 줄바꿈 방지 */
}

.logo-item img {
    display:block;
    height: clamp(24px, 2.4vw, 36px); /* 높이를 고정하면 너비는 비율대로 고정됨 */
    width: auto;
}

@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        /* 마퀴 그룹이 2번 반복일 땐 -50%, 3번 반복일 땐 -33.33% */
        /* 만약 위 latest.skin.php 코드에서 $j<2 로 하셨다면 -50%로 */
        transform: translateX(-33.3333%); 
    }
}

@media (max-width: 768px) {
    .partner_wr { padding: 40px 0; }
    .marquee { padding: 10px 0; }
}