.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* 한 줄에 4개 고정 노출 */
.video-carousel {
  position: relative;
  overflow: hidden;         /* 4개만 보이게 */
  width: 100%;
}

.video-track {
  display: flex;
  gap: 12px;                /* 카드 사이 간격 */
  padding: 8px;
  user-select: none;        /* 드래그 중 텍스트 선택 방지 */
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  overflow-x: auto;         /* 실제 스크롤은 가로로 */
  scrollbar-width: none;    /* 파이어폭스 스크롤바 숨김 */
}
.video-track::-webkit-scrollbar { display: none; } /* 크롬 스크롤바 숨김 */

/* 카드: 4분할 */
.video-track > .li {
  flex: 0 0 calc((100% - 3 * 12px) / 2); /* 4개 + 간격 반영 */
  min-width: 0;
}

/* 카드 안쪽(예: jarallax) 높이 예시 - 필요 시 조절 */
.video-track .jarallax {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;     /* 비디오 영역 비율 고정 */
  border-radius: 8px;
  overflow: hidden;
}

/* 드래그 중 커서 변화 */
.video-track.grabbing { cursor: grabbing; cursor: -webkit-grabbing; }
.video-track { cursor: grab; cursor: -webkit-grab; }