﻿/**** 레이아웃 ****/

/* 홈 상단 */
.home-layout {position:relative;}

/* 홈 상단 소개 영역(파트너 타입에 따라 스타일 조금씩 다름) */
.home-layout .intro { width: 100%; height: auto; aspect-ratio: 540 / 230; position: relative; display: flex; align-items: center; justify-content: flex-start; background: #f6f6f6 no-repeat center; background-size: contain; overflow:hidden;}
.home-layout.market .intro { aspect-ratio: 600 / 238;}

.home-layout .intro.swiper-slide {}

.home-layout .intro .invest-types { display: flex; align-items: center; justify-content: flex-start; gap: 1%; margin-bottom: 1.5%; }

.home-layout:not(.ai, .market) .intro .invest-types {margin-bottom: 2%; }

.home-layout .intro .invest-types li { width: fit-content; border: 1px solid var(--default-blue); color: var(--default-blue); padding: 1.3% 2%; font-size: 1.5rem; border-radius: 3rem; font-weight: 600;}
.home-layout.ai .intro .invest-types li {padding: 1% 3%; font-size: 1.7rem; border-radius:0.3rem; color:var(--default-semi-gray); border-color:var(--default-semi-gray);}
.home-layout.market .intro .invest-types li {padding: 1% 3%; font-size: 1.7rem;  border-color: #fff; color: #fff;}

.home-layout .intro .title { position: relative; z-index: 1; margin-left: 4%; width:96%;}
.home-layout .intro .title b { width: 60%; display: -webkit-box; -webkit-box-orient: vertical; color: #000; font-size: 3.3rem; font-weight: bold; line-height: 1.2; word-break: keep-all; }
.home-layout:not(.ai, .market) .intro .title b {width: 65%; line-height:1.3;}
.home-layout.market .intro .title b { color: #fff; line-height: 1.2;}

.home-layout .intro .title span { color: #303030; font-size: 2.2rem; margin-top: 2%; display: inline-block; }
.home-layout.ai .intro .title span {margin-top: 3%; color: var(--default-red); font-weight: 600; font-size: 2.1rem; display: flex; align-items: center; gap: 2%; }
.home-layout.ai .intro .title span::after { content: ''; background: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/arrow_blue_r.png') no-repeat right; display: inline-block; width: 1.8rem; height: auto; aspect-ratio: 56 / 21; background-size: contain; filter: invert(49%) sepia(26%) saturate(7125%) hue-rotate(331deg) brightness(108%) contrast(109%); }
.home-layout.market .intro .title span {margin-top: 3%; font-size: 1.8rem; color: #fff; }

.home-layout .intro img { position: absolute; top: 0; left: 0; z-index: 0; }
.home-layout .intro img.img-prtnr {width:50%; top: 2%; left: auto; z-index: 1; right:-6%; }

.home-layout .swiper-pagination-bullet-active {background:#5664f4;}

/* 홈 상단 찜하기 버튼 */
.home-layout #btn-dibs {position:absolute; top:9.5%; right:4%; z-index:7;}
.home-layout #btn-dibs::before {content:''; display:block; width:2.6rem; height:2.6rem; background:url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/heart_empty.png') no-repeat center; background-size:contain;}
.home-layout #btn-dibs.on::before {background-image:url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/heart_fill.png');}

/* 홈 메뉴 */
.home-menu.depth1 {width: 92%; margin:4% auto; background-color: var(--default-blue); border-radius: 0.5rem; }
.home-menu.depth1 ul { width: 100%; height: auto; aspect-ratio: 8 / 1; }
.home-menu.depth1 ul li {}
.home-menu.depth1 ul li.swiper-slide { width: calc(100% / 5); position:relative; display: inline-flex; align-items: center; justify-content: center; }
.home-menu.depth1 ul li.on {}
.home-menu.depth1 ul li.on::before { content: ''; position: absolute; top: 12.5%; left: 5%; background-color: #fff; width: 90%; height: 75%; border-radius: 0.5rem; }
.home-menu.depth1 ul li :is(a, span) {color: #fff; font-size: 2rem; display: inline-block; padding: 10%; font-weight:500; cursor:pointer;}
.home-menu.depth1 ul li.on :is(a, span) { color: #303030; font-weight:bold; z-index:1;}

.home-menu.depth2 {/*display:none; */width:100%; padding: 0 0 0 4%; margin-bottom:4%;}
.home-menu.depth2 ul {display:none;}
.home-menu.depth2 ul li {}
.home-menu.depth2 ul li.swiper-slide { width: fit-content; border: 0.1rem solid #aeaeae; border-radius: 0.5rem; padding: 2%; text-align: center; margin-right:1.5%;}
.home-menu.depth2 ul li :is(a, span) { font-size: 2rem; color: #a8a1a1; font-weight: 500; cursor:pointer;}
.home-menu.depth2 ul li.on {border-color:var(--default-blue);}
.home-menu.depth2 ul li.on :is(a, span) {color:var(--default-blue); font-weight:bold;}

/* 홈 내용 */
.home-content {padding:0 4%; margin-bottom:4%;}
.display-contents .content { border: none; }

/**********************/

.home-content .board-text p.title.top a::before {content:'[공지] '; color:var(--default-blue);}

/**********************/

/***** 방송 *****/
.bcast .info .title {margin: 3% 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;}
.bcast .info .title::before { content: '[유료]'; color: var(--default-red); display: block; font-size: 2.3rem; font-weight: 600; }
.bcast .info .title.free::before {content:'[무료]'; color:var(--default-blue);}

/* 라이브 */
#bcast-live {margin: 5% 0 4%;}
#bcast-live figure.swiper-slide {width: 100%; margin: 0 12px 0 0;}
#bcast-live .bcast { width: 100%; aspect-ratio: 125 / 54; overflow: hidden; position:relative; display: flex; align-items: center; justify-content: center; border: 0.1rem solid #e6e6e6; gap: 4.5%; border-radius: 2rem;}
#bcast-live .bcast.live .thumb {background-color: rgba(255, 80, 80, 0.2);}
#bcast-live .bcast.live::after { content: ''; display: block; width: 6.5rem; 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: 12%; left: 2.5%; animation: blink-effect 1.35s infinite;}
#bcast-live .bcast .thumb {width: 16.5rem; height: auto; aspect-ratio: 1 / 1; background-color: #f6f6f6; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
#bcast-live .bcast .thumb img {width: 145%; margin-top: 55%;}
#bcast-live .bcast .info {width: 55%; z-index: 2;}
#bcast-live .bcast .info span:first-of-type {display:inline-block; 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.8rem; font-weight: 600;}
#bcast-live .bcast .info .title {color: #000; font-weight: bold; font-size: 3rem;}
#bcast-live .bcast .info .time {font-size: 1.9rem; color: var(--default-red); font-weight: 600; letter-spacing: -0.05rem;}

/* 녹화 방송 */
#bcast-vod {margin: 0 0 8%;}
#bcast-vod .swiper-wrapper {align-items: flex-end;}
#bcast-vod .bcast {width:100%; aspect-ratio: 61 / 34; overflow: hidden; display: flex; border-radius: 2rem; position: relative; align-items: center; justify-content: flex-end; background-color: var(--default-background);}

#bcast-vod .bcast .thumb {display: flex; align-items: center; justify-content: center; position: absolute; left: -8%; bottom: 0; width: 55%;}
#bcast-vod .bcast .info {width: 60%; padding-right: 5%; z-index: 2;}
#bcast-vod .bcast .info span:first-of-type {display:inline-block; 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;}
#bcast-vod .bcast .info .title {font-weight: bold; font-size: 2rem;}
#bcast-vod .bcast .info .title::before { font-size: 1.4rem; }
#bcast-vod .bcast .info .time {font-size: 1.2rem; color:var(--default-red); font-weight:600;}

#bcast-vod figure.swiper-slide:is(:nth-of-type(4n - 1), nth-of-type(4n)) {margin-top: 12px;}

/**********************/

/***** 게시글 내용 *****/

.view-wrap.board {}

.view-wrap.board .info {}
.view-wrap.board .info .title { display: flex; gap: 1%; align-items: center; }
.view-wrap.board .info .title.top::before { content: '공지'; border: 0.1rem solid var(--default-blue); font-size: 16px; font-weight: bold; color: var(--default-blue); vertical-align: middle; border-radius: 20px; width: 58px; text-align: center; padding: 1.2% 0; }
.view-wrap.board .info .title span {font-size: 2.7rem; font-weight: 600;}
.view-wrap.board .info .today { display: flex; justify-content: space-between; align-items: center; }
.view-wrap.board .info .today::after { content: '오늘'; color: var(--default-red); font-weight: 500; font-size:2rem; }

.view-wrap.board .info .attach-file {margin-top: 5%; padding-top:5%; border-top: 0.1rem solid var(--default-gray); display: inline-flex; align-items: center; justify-content: flex-start; width: 100%; }
.view-wrap.board .info .attach-file::before { content: '첨부파일'; font-weight: bold; color: var(--default-blue); font-size: 1.6rem; margin-right: 3%; }
.view-wrap.board .info .attach-file li { margin-right: 4%;}

.view-wrap.board .info .attach-file .btn-download {width:100%; display: flex; align-items: center; justify-content: flex-start; }
.view-wrap.board .info .attach-file .btn-download span { font-size: 1.6rem; width: 7rem; height: 1.9rem; overflow: hidden; text-overflow: ellipsis; /*display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; */}
.view-wrap.board .info .attach-file .btn-download::after {content:''; display: inline-block; background: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/download.png') no-repeat center; width: 2.9rem; height: auto; aspect-ratio: 29 / 28; background-size: contain; margin-left: 3%;}

.view-wrap .content {border-color:var(--default-gray);}

/**********************/

/* 목록 버튼 */
.go-list {display: block; width: 100%; text-align: center; font-size: 1.9rem;font-weight: 600; border: 0.1rem solid var(--default-gray); background-color: #f6f6f6; padding: 3% 0; border-radius: 0.5rem; margin:5% 0 7%;}
.btn-list {display:block; width:fit-content; font-size: 1.8rem; background-color: var(--default-blue); border-radius: 0.3rem; color: #fff; padding: 1.5% 4%; font-weight: 400; margin: 4% auto; }

/***** 리뷰 리스트 *****/
#cntnts-list {position:relative;}

.board-list.basic {position:relative;}
.board-list.basic .review { border-bottom: 0.1rem solid var(--default-gray); padding: 4%; }

.board-list.basic .review .title { font-size: 2.4rem; display: flex; justify-content: flex-start; gap: 2%; align-items: center; }
.board-list.basic .review .title.top::before { content: '공지'; border: 0.1rem solid var(--default-blue); font-size: 16px; font-weight: bold; color: var(--default-blue); line-height: 30px; height: 30px; vertical-align: middle; border-radius: 20px; width: 58px; text-align: center; }
.board-list.basic .review .title > span { font-weight: 600; color: #303030; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.board-list.basic .review .title > span:not(.download) {width:fit-content;}

.board-list.basic .review .content { margin: 2% 0 4%; font-size: 2rem; color: #777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; letter-spacing: -0.04rem; }
.board-list.basic .review .content :is(p, span, i, b) { font-size: 2rem !important; color: #777 !important; letter-spacing: -0.04rem !important; }

.board-list.basic .review .review-editor { width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; position:relative; }
.board-list.basic .review .review-editor span { color: #a8a1a1; font-size: 1.8rem; }
.board-list.basic .review .review-editor .info {}
.board-list.basic .review .review-editor .date { width: 40%; }
.board-list.basic .review .review-editor .date::before { content: '|'; margin: 0 3%; color: #dadada; font-weight: 200; }
.board-list.basic .review .review-editor .today { color: var(--default-red); font-weight: 500; position: absolute; right: 0; }
.board-list.basic .review .review-editor .today::before {content:'오늘';}

.download::before { content: ''; display: inline-block; background: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/download.png') no-repeat center; width: 2.9rem; height: auto; aspect-ratio: 29 / 28; background-size: contain; vertical-align: middle;} 

/*#btn-edit::before { content: ''; display: inline-block; background: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/review_info_bubble.png') no-repeat center; width: 18rem; height: auto; aspect-ratio: 180 / 37; background-size:contain; }*/
/*#btn-edit a { display: inline-block; width: 8.2rem; height:auto; aspect-ratio: 82 / 80; margin-left: 0.5%;}*/
/**********************/


/***** 리뷰 등록, 수정 *****/
#frmReview {}

#frmReview #review-edit {}
#frmReview #review-edit > div {margin-bottom:5%;}

#frmReview #review-edit .input-title { font-size: 1.8rem; color: #303030; margin-left:1%;}
#frmReview #review-edit .check-length { display: block; width: 100%; text-align: right; color: #a8a1a1; font-size: 1.8rem; margin-top: 3%; }
#frmReview #review-edit .check-length label { margin-right:3%; color:var(--default-red); }
#frmReview #review-edit .check-length i { font-style: normal; color: #a8a1a1; }


#frmReview #review-edit #edit-title { position:relative; }
#frmReview #review-edit #btn-rm-txt { position: absolute; bottom: 20%; right: 2%; width: 3.4rem; height: auto; aspect-ratio: 1 / 1; background-image: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/close.png'); background-size: 40%; background-repeat: no-repeat; background-color: #f2f2f2; background-position: center; border-radius: 50%; }

#frmReview #review-edit input[type=text] { border: none; border-bottom: 0.1rem solid var(--default-gray); display: block; width: 100%; padding: 4% 13% 4% 1%; font-size: 2.4rem; font-weight:600; caret-color: var(--default-blue); }
#frmReview #review-edit input[type=text]::placeholder { color: #a8a1a1; font-weight:400; }
#frmReview #review-edit input[type=text]:focus {border-bottom-color:var(--default-blue); outline-color:transparent;}

#frmReview #review-edit textarea { width: 100%; border: 0.1rem solid var(--default-gray); border-radius: 1rem; height: 35rem; display: block; margin: 4% auto 0; font-size: 2rem; padding: 5%; caret-color: var(--default-blue); }
#frmReview #review-edit textarea:focus {outline: 0.1rem solid var(--default-blue); }
#frmReview #review-edit textarea::placeholder { color: #a8a1a1; line-height: 1.8; word-break: keep-all; }

/* 최소 글자 수 미만일 때 처리 */
#frmReview #review-edit .invalid .input-title { color: var(--default-red); }
#frmReview #review-edit .invalid .check-length { color: var(--default-red); }
#frmReview #review-edit .invalid .check-length i { color: var(--default-red); }

#frmReview #review-edit .invalid input[type=text] { border-bottom-color: var(--default-red); caret-color: var(--default-red); }
#frmReview #review-edit .invalid input[type=text]:focus {border-bottom-color:var(--default-red);}

#frmReview #review-edit .invalid textarea:focus {outline: 0.1rem solid var(--default-red); outline-color:transparent;}

#frmReview #review-edit input[type=file] {display:none;}
#frmReview #review-edit .btn-add-file {border-radius: 2.8rem; margin-right: 3%; background-image: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/add_file.png'); background-color: #ccd1dc; background-repeat:no-repeat; background-size: 4.9rem; background-position: center; width: 8.5rem; height: auto; aspect-ratio: 1 / 1;}

#frmReview #review-edit .attach-file { display: inline-block; width: fit-content; vertical-align: middle; margin: 0 2% 2% 0; }
#frmReview #review-edit .attach-file .img-prev {display:none; width: 8.5rem; position: relative; border: 0.1rem solid #e5e8ed; border-radius: 2.8rem; overflow:hidden; aspect-ratio: 1 / 1;}
#frmReview #review-edit .attach-file .img-prev > img {width:100%;}
#frmReview #review-edit .attach-file .btn-dlt-img { position: absolute; top: 10%; right: 8%; background-color: #808080; width: 2rem; height: 2rem; border-radius: 50%; background-image: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/close_w.png'); background-repeat:no-repeat; background-size:45%; background-position:55% center; }

#frmReview #review-edit ul { margin: 5% 0 7%; }
#frmReview #review-edit ul li { margin-bottom:1%; display: flex ; align-items: center; justify-content: flex-start; gap: 1%;}
#frmReview #review-edit ul li span { font-size: 1.8rem; color: #a8a1a1; }
#frmReview #review-edit ul li::before {content:'\25CF'; color: #a8a1a1; font-size:0.4rem;}

#frmReview #review-info { margin: 0 -5%; padding: 7% 5% 0; border-top: 1rem solid #f6f6f6; }

#frmReview #review-info p {width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between; padding-left: 1.5%;}
#frmReview #review-info p > span { font-size: 2.2rem; font-weight: 600;}

#frmReview #review-info p #more-info {margin-right:4%;}
#frmReview #review-info p #more-info > img {transform: rotateX(180deg);}

#frmReview #review-info ul {display:none; margin: 2% 0 7%;}
#frmReview #review-info ul li {margin-bottom: 2%; display: flex ; align-items: flex-start; justify-content: flex-start; gap: 1%;}
#frmReview #review-info ul li span { font-size: 1.8rem; color: #a8a1a1; line-height: 1.5; word-break:keep-all;}
#frmReview #review-info ul li::before {content:'\25CF'; color: #a8a1a1; font-size:0.4rem; margin-top: 2.2%;}

#frmReview #review-info.show p #more-info > img {transform: none;}
#frmReview #review-info.show ul {display:block;}

#frmReview #btn-save-review { background-color: var(--default-blue); color: #fff; padding: 4% 10%; font-size: 2.2rem; font-weight: 600; text-align: center; border-radius: 4rem; margin: 10% auto 7%; display: block; }

/**********************/

/**** 리뷰 상세 보기 ****/

.view-wrap.review {}

.view-wrap.review .info { background-color: transparent; padding: 0 4% 5%; }

.view-wrap.review .info .title { display: flex; align-items: flex-start; justify-content: flex-start; gap: 1%; }
.view-wrap.review .info .title span { width: fit-content; font-size: 2.4rem; font-weight: bold; }
.view-wrap.review .info .title.top::before { content: '공지'; border: 0.1rem solid var(--default-blue); font-size: 16px; font-weight: bold; color: var(--default-blue); line-height: 30px; height: 30px; vertical-align: middle; border-radius: 20px; width: 58px; text-align: center; display: inline-block; }

.view-wrap.review .info > p { position: relative; display: flex; align-items: center; justify-content: flex-start; width: 100%; }
.view-wrap.review .info > p span { font-size: 1.8rem; color: #a8a1a1; }
.view-wrap.review .info > p span.date {width:40%;}
.view-wrap.review .info > p span.date::before { content: '|'; margin: 0 6%; color: var(--default-gray); }
.view-wrap.review .info > p.today::after { content: '오늘'; position: absolute; right: 0; color: var(--default-red); font-size: 1.8rem; font-weight: 500; }

.view-wrap.review .info .attach-file {margin-top: 5%;  display: inline-flex; align-items: center; justify-content: flex-start; width: 100%; }
.view-wrap.review .info .attach-file::before { content: '첨부파일'; font-weight: bold; color: var(--default-blue); font-size: 1.6rem; margin-right: 3%; }
.view-wrap.review .info .attach-file li { margin-right: 4%;}

.view-wrap.review .info .attach-file .btn-download {width:100%; display: flex; align-items: center; justify-content: flex-start; }
.view-wrap.review .info .attach-file .btn-download span { font-size: 1.6rem; width: 7rem; height: 1.9rem; overflow: hidden; text-overflow: ellipsis; /*display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; */}
.view-wrap.review .info .attach-file .btn-download::after {content:''; display: inline-block; background: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/download.png') no-repeat center; width: 2.9rem; height: auto; aspect-ratio: 29 / 28; background-size: contain; margin-left: 3%;}

.view-wrap.review .content { border-top-color: var(--default-gray); border-bottom: none; font-size: 2rem; line-height: 1.5; padding: 0 4%; margin: 0 0 8%; white-space:pre-line;}

.view-wrap.review .edit-btns { margin: 2% 0; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.view-wrap.review .edit-btns button { width: 49.5%; border: 0.1rem solid var(--default-gray); padding: 3% 0; font-size: 1.9rem; border-radius: 0.5rem; font-weight: 600; }
.view-wrap.review .edit-btns button:first-child {}
.view-wrap.review .edit-btns button:last-child {}

/**********************/

/* 목록 보기 */
.go-list-review {display: block; width: 100%; text-align: center; font-size: 1.9rem;font-weight: 600; border: 0.1rem solid var(--default-gray); background-color: #f6f6f6; padding: 3% 0; border-radius: 0.5rem;}

/* 후기 작성 */
#btn-edit { display: inline-block; width: 8.2rem; height: auto; aspect-ratio: 82 / 80; position: fixed; right: calc((100% - 1100px) / 2 + 9.2rem); bottom:5%; }

#btn-edit.fixed { position: absolute; right: 0; bottom: 0%; }

/**********************/

@media (max-width:1200px){
    /* 리뷰 */
    #btn-edit { right: calc(((100% - 600px) / 2) + 2.1rem); }
}

@media (max-width:767px){
    /* 방송 */
    #bcast-live figure.swiper-slide {margin-right: 8px;}

    .bcast .info .title::before {font-size: 2rem;}

    /* 라이브 */
    #bcast-live .bcast.live::after {width: 6rem;}
    #bcast-live .bcast .thumb {width: 15rem;}
    #bcast-live .bcast .info span:first-of-type {font-size: 1.7rem;}
    #bcast-live .bcast .info .title {font-size: 2.8rem;}
    #bcast-live .bcast .info .time {font-size: 1.7rem;}

    /* 녹화 방송 */
    #bcast-vod .bcast .info span:first-of-type {font-size: 1.1rem;}
/*    #bcast-vod .bcast .info .title {font-size: 1.8rem;}*/
    #bcast-vod .bcast .info .title::before {font-size: 1.3rem;}
    #bcast-vod .bcast .info .time {font-size: 1.1rem;}
}

@media (max-width:600px) {
    /* 홈 상단 소개 영역 */
    .home-layout .intro .title b {font-size: 2.7rem;}
    .home-layout .intro .title span {font-size: 2rem;}
    
    .home-layout .swiper-pagination-bullet {width:5px; height:5px;}

    /* 리뷰 */
    #btn-edit { right: 5%; bottom: 8%; }

    .board-list.basic .review .title.top::before { font-size: 1.6rem; line-height: 3rem; height: 3rem; border-radius: 5rem; width: 5.8rem; }
    .view-wrap.review .info .title.top::before { font-size: 1.6rem; line-height: 3rem; height: 3rem; border-radius: 5rem; width: 5.8rem; }
    
    .view-wrap.board .info .title.top::before { font-size: 1.6rem; border-radius: 5rem; width: 5.2rem;}
}

@media (max-width:400px) {
    /* 방송 */
    .bcast .info .title::before {font-size: 2rem;}

    /* 라이브 */
    #bcast-live .bcast.live::after {width: 5rem;}
    #bcast-live .bcast .thumb {width: 13.5rem;}
    #bcast-live .bcast .info span:first-of-type {font-size: 1.5rem;}
    #bcast-live .bcast .info .title {font-size: 2.5rem;}
    #bcast-live .bcast .info .time {font-size: 1.5rem;}

    /* 녹화 방송 */
    #bcast-vod .bcast .info span:first-of-type {font-size: 1rem;}
/*    #bcast-vod .bcast .info .title {font-size: 1.6rem;}*/
    #bcast-vod .bcast .info .title::before {font-size: 1.1rem;}
    #bcast-vod .bcast .info .time {font-size: 1rem;}
}