/* ==============================
   latest skin : katsubaek_youtube_slick
   ============================== */

.ka100-yts{ position:relative; width:100%; padding: 190px 0 190px; overflow:hidden; }
.ka100-yts__bg{
  position:absolute; inset:0;
  background:url("/img/youtube-bg.jpg") center/cover no-repeat; /* ★ 나중에 교체 */
}
.ka100-yts__overlay{
  position:absolute; inset:0;
  /*background:
    radial-gradient(1100px 700px at 50% 0%, rgba(0,0,0,.12) 0%, rgba(0,0,0,.7) 70%),
    linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.82) 100%);*/
}
.ka100-yts__inner{ position:relative; z-index:2; max-width:1780px;}

.ka100-yts__head{ text-align:center; margin-bottom: 80px; }
.ka100-yts__title{
  margin:0 0 10px;
  font-family:"yg-jalnan","Gmarket Sans","Noto Sans KR",sans-serif;
  font-size:80px; letter-spacing:-0.06em;
  color:#f1d59b;
  text-shadow: 0 10px 26px rgba(0,0,0,.55);
}
.ka100-yts__sub{
  margin:0;
  font-family:"Noto Sans KR","Gmarket Sans",sans-serif;
  font-weight:700; font-size:24px;
  color:#f1d59b;
}

.ka100-yts__sliderWrap{ margin-top: 18px; }
.ka100-yts__slide{ padding: 0 14px; }

.ka100-ytsCardWrap{
  transition: transform .35s ease, box-shadow .35s ease, opacity .35s ease;
}

.ka100-ytsCard{
  width:100%;
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  display:block;
  position:relative;
}

.ka100-ytsCard__thumb{
  display:block;
  width:100%;
  aspect-ratio: 16 / 9;
  background-size:cover;
  background-position:center;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
}

.ka100-ytsCard__play{
  position:absolute; left:50%; top:50%;
  width:64px; height:64px;
  transform: translate(-50%,-50%);
  border-radius:999px;
  background: rgba(0,0,0,.55);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}
.ka100-ytsCard__play:before{
  content:"";
  position:absolute;
  left: 26px; top: 20px;
  width:0; height:0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 18px solid #fff;
}

/* center 강조 */
.ka100-yts .slick-slide{ opacity:.82; transform: scale(.92); transition: transform .35s ease, opacity .35s ease; }
.ka100-yts .slick-center{ opacity:1; transform: scale(1); }
.ka100-yts .slick-center .ka100-ytsCardWrap{ transform: scale(1); }

/* dots */
.ka100-yts .slick-dots{ position:static; margin-top: 28px; }
.ka100-yts .slick-dots li button:before{ font-size:20px; color:#fff; opacity:.3; }
.ka100-yts .slick-dots li.slick-active button:before{ opacity:.9; }

.ka100-yts__note{ margin-top: 10px; text-align:center; font-size:12px; color: rgba(255,255,255,.6); }

.ka100-yts__empty{
  color:#fff;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  padding: 18px;
  border-radius: 12px;
  text-align:center;
}

/* modal */
.ka100-ytsModal{ position:fixed; inset:0; z-index:9999; display:none; }
.ka100-ytsModal.is-open{ display:block; }
.ka100-ytsModal__back{ position:absolute; inset:0; background: rgba(0,0,0,.7); }
.ka100-ytsModal__box{
  position:absolute;
  left:50%; top:50%;
  width:min(980px, 92vw);
  transform: translate(-50%,-50%);
  background:#111;
  border-radius: 14px;
  overflow:hidden;
}
.ka100-ytsModal__close{
  position:absolute; right: 10px; top: 6px;
  z-index:2;
  width: 44px; height: 44px;
  border:0; border-radius: 10px;
  background: rgba(255,255,255,.08);
  color:#fff; font-size: 28px;
  cursor:pointer;
}
.ka100-ytsModal__ratio{ position:relative; width:100%; padding-top:56.25%; }
.ka100-ytsModal__iframe{ position:absolute; inset:0; width:100%; height:100%; }
body.ka100-modal-lock{ overflow:hidden; }

@media (max-width: 860px){

.ka100-yts__head{ text-align:center; margin-bottom: 40px; }

  .ka100-yts{ padding: 152px 0 150px; }
  .ka100-yts__title{ font-size: 32px; }
  .ka100-yts__sub{ font-size: 16px; }
  .ka100-yts__slide{ padding: 0 10px; }
  .ka100-yts .slick-center .ka100-ytsCardWrap{ transform: scale(1.03); }
}