.multiline-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 4;      /* 표시할 최대 줄 수 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.video-container {
width: 100%;
  aspect-ratio: 16/9; /* 최신 브라우저 지원 */
  overflow: hidden;
}

.video-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 767px) {
   .video-container iframe {
        width: 100% !important;
    }
}

/* 로딩 아이콘 스타일 */
.loading-spinner {
    display: none; /* 기본적으로 숨김 */
}

.loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  margin: 20px auto;
}
.loader::before,
.loader::after {    
  content:"";
  grid-area: 1/1;
  --c:no-repeat radial-gradient(farthest-side,#25b09b 92%,#0000);
  background: 
    var(--c) 50%  0, 
    var(--c) 50%  100%, 
    var(--c) 100% 50%, 
    var(--c) 0    50%;
  background-size: 12px 12px;
  animation: l12 1s infinite;
}
.loader::before {
  margin: 4px;
  filter: hue-rotate(45deg);
  background-size: 8px 8px;
  animation-timing-function: linear
}

@keyframes l12 { 
  100%{transform: rotate(.5turn)}
}

.hidden-force {
  display: none !important;
}