/*라이브*/
.pb-list.live .swiper-slide {width: 100%; overflow:hidden; margin-right:12px;}
.pb-list.live .swiper-slide > div {width:100%; aspect-ratio: 16 / 8.25; border-radius: 2rem; position: relative; background-color: #f6f6f6; display: flex; align-items: center; justify-content: flex-start; overflow:hidden;}
.pb-list.live .swiper-slide:last-of-type {margin-right:0;}

.pb-list.live .swiper-slide.start > div {background-color:#fdefe6;}
.pb-list.live .swiper-slide.start > div::before {content:''; display:block; width:7rem; height:auto; aspect-ratio: 1 / 1; background:url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/live.png') no-repeat center; background-size:contain; position: absolute; top: 6%; left: 3%; animation: blink-effect 1.35s infinite; z-index:5;}

.pb-list.one .swiper-slide {width:100%;}

.pb-list.live .swiper-slide .pb-thumb { width: 58%; position: absolute; top: 3%; left: -10%; }
.pb-list.live .swiper-slide .pb-thumb.service { width: 55%; left: -8%; }
.pb-list.live .swiper-slide .pb-info {width: 55%; margin:0 0 0 40%; z-index:1;}
.pb-list.live .swiper-slide .pb-info > a { border: 0.06rem solid var(--default-semi-gray); border-radius: 0.4rem; padding: 2.8% 5% 2.5%; color: var(--default-semi-gray); font-size: 1.9rem; font-weight: 600; }
.pb-list.live .swiper-slide .pb-info .title { margin: 6% 0 1%; word-break: keep-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.28;}
.pb-list.live .swiper-slide .pb-info .title::before {content: '[유료] '; color: var(--default-red); font-weight:600; font-size:2.8rem; display: block;}
.pb-list.live .swiper-slide .pb-info .title.free::before {content: '[무료] '; color: var(--default-blue);}
.pb-list.live .swiper-slide .pb-info .title a { color: #000; font-weight: bold; font-size: 3.6rem; }
.pb-list.live .swiper-slide .pb-info .time { font-size: 2.3rem; color: var(--default-red); font-weight: 600; letter-spacing:-0.05rem;}


.pb-list.live .swiper-slide:is(.swiper-slide-prev, .swiper-slide-next) > div::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.2; z-index: 1;}

.pb-list.live .live-pagination {position: absolute; right: 4%; bottom: 6%; font-size: 1.6rem; color: #fff; display: inline-block; background-color: rgba(165, 165, 165, 0.5); padding: 1% 2.8%; font-weight: 300; border-radius: 5rem; letter-spacing: 1px;}

.pb-list.live {margin-bottom: 4%;}


/*녹화방송*/
#partner-free-vod .swiper-wrapper {align-items:end;}

.pb-list.vod .swiper-slide > div {background-color: #f6f6f6; border-radius: 2rem; position: relative; width:100%; height:auto; aspect-ratio: 16 / 9; display: flex; align-items: center; overflow: hidden;}
.pb-list.vod .swiper-slide > div::after { content: ''; display: block; width: 4.8rem; height: auto; aspect-ratio: 87 / 46; background: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/rec.png') no-repeat center; background-size: contain; position: absolute; top: 7%; right: 8%; }

.pb-list.vod .swiper-slide .pb-thumb {width: 62%; position: absolute; top: 4%; left: -11%;}
.pb-list.vod .swiper-slide .pb-thumb.service { width: 55%; left: -8%; }
.pb-list.vod .swiper-slide .pb-info {width: 55%; margin: 3% 0 0 40%; z-index: 1;}
.pb-list.vod .swiper-slide .pb-info > a { border: 0.06rem solid var(--default-semi-gray); border-radius: 0.4rem; padding:2.8% 5% 2.5%; color: var(--default-semi-gray); font-size: 1.2rem; font-weight: 500; }
.pb-list.vod .swiper-slide .pb-info .title { margin: 7% 0 3%; word-break: keep-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.28;}
.pb-list.vod .swiper-slide .pb-info .title::before {content: '[유료] '; color: var(--default-red); display: inline-block; font-weight: bold; font-size: 2rem;}
.pb-list.vod .swiper-slide .pb-info .title.free::before {content: '[무료] '; color: var(--default-blue);}
.pb-list.vod .swiper-slide .pb-info .title a { color: #000; font-weight: bold; font-size: 2rem; }

@media (max-width: 767px) {
    .pb-list.live .swiper-slide {margin-right:8px;}
    .pb-list.live .swiper-slide.start > div::before {width:6.8rem;}
    .pb-list.live .swiper-slide .pb-info > a {font-size: 1.8rem;}
    .pb-list.live .swiper-slide .pb-info .title a {font-size:3.1rem;}
    .pb-list.live .swiper-slide .pb-info .time {font-size: 2.2rem;}
    .pb-list.live .swiper-slide .pb-info .title::before {font-size: 2.4rem;}

    .pb-list.vod .swiper-slide > div::after {width: 4.5rem;}
}

@media (max-width: 400px) {
    .pb-list.live .swiper-slide.start > div::before {width:6.3rem;}
    .pb-list.live .swiper-slide .pb-info > a {font-size: 1.6rem;}
    .pb-list.live .swiper-slide .pb-info .title::before {font-size: 2.2rem;}
    .pb-list.live .swiper-slide .pb-info .title a {font-size:3rem;}
    .pb-list.live .swiper-slide .pb-info .time {font-size: 2rem;}
    .pb-list.live .live-pagination {font-size: 1.4rem;}

    .pb-list.vod .swiper-slide .pb-info > a {font-size: 1rem;}

    .pb-list.vod .swiper-slide .pb-info .title a {font-size: 1.6rem;}
    .pb-list.vod .swiper-slide .pb-info .title::before {font-size: 1.6rem;}

    .pb-list.vod .swiper-slide > div::after {width: 4.2rem;}
}

/* 애니메이션 */
/* 깜빡임 */
@keyframes fade-effect {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}