section:not(:first-of-type) {padding: 60px 0 100px;}
section:not(:first-of-type) .con {margin-top: 40px;}
/* hover */
ul li .img img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
ul li a:hover .img img, ul li a:focus .img img {transform: scale(1.1);}
ul li a:hover .txt span, ul li a:focus .txt span {text-decoration: underline; text-underline-offset: 3px;}
/* sec-tit */
.sec-tit {position: relative; display: flex; width: 1440px; margin: 0 auto;}
.sec-tit h3 {position: relative; padding-top: 20px; color: #fff; font-family: 'mbcnew-bold'; font-size: 30px; letter-spacing: -1.5px;}
.sec-tit h3::before {content: ''; position: absolute; top: 0px; left: 0; width: 34px; height: 10px; background: url(../images/img_tit_deco.svg) no-repeat center/cover;}
.sec-tit .tags {display: flex; align-items: end; margin-left: 32px;}
.sec-tit .tags li {padding: 0 16px; height: 35px; border-radius: 100px; background: #262626; color: #f0f0f0 ; font-family: 'mbcnew-medium'; font-size: 14px; text-align: center; line-height: 35px; letter-spacing: -.7px;}
.sec-tit .tags li:not(:last-of-type) {margin-right: 12px;}
/* slick */
.slick-arrow {position: absolute; z-index: 10; width: 64px; height: 64px; border-radius: 50%; backdrop-filter: blur(7.5px); text-indent: -9999px; font-size: 1px;}
.slick-prev {background: rgba(0, 0, 0, .4) url(../images/ico_slide_arrow_left.svg) no-repeat center/cover;}
.slick-next {background: rgba(0, 0, 0, .4) url(../images/ico_slide_arrow_right.svg) no-repeat center/cover;}
.slick-slider .slick-track {display: flex; justify-content: flex-start !important; width: 100% !important;}
/* flex-list */
.flex-list {display: flex; flex-wrap: wrap;}
.flex-list li {overflow: hidden; position: relative; width: 464px; height: 261px; border-radius: 8px;}
.flex-list li:nth-of-type(1), .flex-list li:nth-of-type(2), .flex-list li:nth-of-type(3) {margin-bottom: 24px;}
.flex-list li:not(:nth-of-type(3n)){margin-right: 24px;}
.flex-list li .img {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}
.flex-list li .img img {width: 100%; height: 100%; object-fit: cover;}
.flex-list li .txt {position: absolute; top: 0; left: 0; z-index: 2; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);}
.flex-list li .txt span {color: #fff; font-family: 'mbcnew-bold'; font-size: 28px; letter-spacing: -1.4px; text-shadow: 0px 0px 4px rgba(0, 0, 0, .6);}
.flex-list li a:hover .txt span, .flex-list li a:focus .txt span {text-decoration: none;}
/* 메인 검색창 */
.search-area {position: relative; width: 100%; height: 600px; background: #000;}
.search-area::after {content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 70px; background: linear-gradient(0deg, #1A1A1A 0%, rgba(26, 26, 26, 0.00) 100%);}
.search-area .bg {width: 100%; height: 600px; opacity: .4; font-size: 0;}
.search-area .bg video {width: 100%; height: 600px; object-fit: cover;}
.search-area .con {position: absolute; top: 202px; left: 50%; transform: translateX(-50%); z-index: 99; display: flex; flex-direction: column; align-items: center;}
.search-area .con h2 {margin-bottom: 48px; font-family: 'mbcnew-medium'; font-weight: 500; font-size: 42px; color: #fff; letter-spacing: -2.1px;}
.search-area #mainSearch {position: relative; margin-left: 37px;}
.search-area .search-bx {display: none; align-items: center; width: 952px; height: 60px; background: rgba(255, 255, 255, .3); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.30); backdrop-filter: blur(15px); border-radius: 100px;}
.search-area .search-bx.on {display: flex;}
.search-area .search-bx .left {margin-left: 20px;}
.search-area .search-bx .left .img-toggle-btn {width: 36px; height: 36px; background: url(../images/ico_search_img_off_v2.svg) no-repeat center/cover; text-indent: -9999px; font-size: 1px;}
.search-area .search-bx .left .img-toggle-btn.on {background: url(../images/ico_search_img_on_v2.svg) no-repeat center/cover;}
.search-area .search-bx .center {display: flex; justify-content: space-between; align-items: center; margin-left: 12px; width: 757px; height: 36px;}
.search-area .search-bx .center input[type="text"] {width: 100%; height: 100%; background-color: inherit; border: none; outline: none; color: #fff; font-family: 'mbcnew-light'; font-size: 16px;}
.search-area .search-bx .center input[type="text"]::placeholder {color: rgba(255, 255, 255, .6);}
.search-area .search-bx.type-img input[type="text"] {display: none;}
.search-area .search-bx.type-img input[type="text"].on {display: block;}
.search-area .search-bx .center .thumb-wrap {display: none; width: 100%; height: 40px;}
.search-area .search-bx .center .thumb-wrap.on {display: block;}
.search-area .search-bx .center .thumb-wrap .thumb {overflow: hidden; position: relative; width: 71px; height: 40px; border-radius: 4px;}
.search-area .search-bx .center .thumb-wrap .thumb::after {content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
.search-area .search-bx .center .thumb-wrap .thumb img {width: 100%; height: 100%}
.search-area .search-bx .center .thumb-wrap .thumb .delete-btn {position: absolute; right: 6px; top: 6px; z-index: 2; width: 12px; height: 12px; background: url(../images/ico_delete.svg) no-repeat center/cover;}
.search-area .search-bx .right {display: flex; align-items: center; margin-left: auto; margin-right: 26px; height: 28px;}
.search-area .search-bx .right .upload {margin-right: 18px;}
.search-area .search-bx .right .upload label {opacity: .6; display: block; width: 20px; height: 20px; background: url(../images/ico_search_upload.svg) no-repeat center/cover; font-size: 1px; text-indent: -9999px;}
.search-area .search-bx .right .upload input[type="file"] {overflow: hidden; position: absolute; width: 0; height: 0; padding: 0; border: 0;}
.search-area .search-bx .right .upload input[type="file"]:focus-visible + label {outline: -webkit-focus-ring-color auto 1px;}
.search-area .search-bx .right .info {position: relative; margin-right: 18px;}
.search-area .search-bx .right .info .info-btn {opacity: .6; display: block; width: 22px; height: 22px; background: url(../images/ico_search_info.svg) no-repeat center/cover; text-indent: -9999px; font-size: 1px;}
.search-area .search-bx .right .info .info-msg {position: absolute; top: 24px; right: -20px; display: none; padding: 24px; min-width: 358px; border-radius: 8px; border: 1px solid #d2d2d2; background: #fff; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15));}
.search-area .search-bx .right .info .info-msg::before {content: ''; position: absolute; top: -9px; right: 22px; content: ''; width: 16px; height: 16px; border-radius: 1px; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: #fff; transform: rotate(45deg); border-top-left-radius: 4px}
.search-area .search-bx .right .info .info-msg.on {display: block;}
.search-area .search-bx .right .info .info-msg h4 {margin-bottom: 14px; font-family: 'mbcnew-bold';}
.search-area .search-bx .right .info .info-msg p {margin-bottom: 5px; font-size: 13px; line-height: 1.4;}
.search-area .search-bx .right .info .info-msg span.fc-p {font-family: 'mbcnew-bold'; color: #6706D3;}
.search-area .search-bx .right .info .info-msg span.fw-b {font-family: 'mbcnew-bold';}
.search-area .search-bx .right .info .info-msg .sub li {position: relative; margin-bottom: 5px; padding-left: 10px; font-size: 13px; line-height: 1.4;}
.search-area .search-bx .right .info .info-msg .sub li::before {content: '-'; position: absolute; left: 0px; top: 1px; margin-right: 1px;}
.search-area .search-bx .right .info .info-msg span.ico-img {display: inline-block; margin-top: -1px; margin-left: 1px; width: 14px; height: 14px; background: url(../images/ico_info_img.svg) no-repeat center; background-size: 13px 13px; vertical-align: middle;}
.search-area .search-bx .right .info .info-msg label.ico-upload {display: inline-block; margin-top: -2px; width: 14px; height: 14px; background: url(../images/ico_info_upload.svg) no-repeat center; background-size: 12px 13px; vertical-align: middle; font-size: 1px; text-indent: -9999px;}
.search-area .search-bx .right .info .info-msg input[type="file"] {overflow: hidden; position: absolute; width: 0; height: 0; padding: 0; border: 0;}
.search-area .search-bx .right .info .info-msg input[type="file"]:focus-visible + label {outline: -webkit-focus-ring-color auto 1px;}
.search-area .search-bx .right .info .info-msg .sample {display: flex; margin-top: 10px;}
.search-area .search-bx .right .info .info-msg .sample li {overflow: hidden; width: 71px; height: 40px; border-radius: 4px; background: #d2d2d2;}
.search-area .search-bx .right .info .info-msg .sample li:not(:last-of-type) {margin-right: 8px;}
.search-area .search-bx .right .info .info-msg .sample li button {width: 100%; height: 100%;}
.search-area .search-bx .right .info-msg .sample li button img {width: 100%; height: 100%; object-fit: cover;}
.search-area .search-bx .right .search-btn {position: relative; margin-left: 18px; width: 20px; height: 20px; background: url(../images/ico_search_btn.svg) no-repeat center/cover; text-indent: -9999px; font-size: 1px;}
.search-area .search-bx .right .search-btn::before {content: ''; position: absolute; top: 50%; left: -18px; transform: translateY(-50%); width: 1px; height: 28px; background: rgba(255, 255, 255, .15);}
.search-area .more-btn {display: flex; justify-content: center; align-items: center; margin-top: 32px; width: 200px; height: 40px; background: rgba(0, 0, 0, .4); border-radius: 100px; border: 1px solid rgba(255, 255, 255, .4); color: rgba(255, 255, 255, .9); font-family: 'mbcnew-medium'; font-size: 13px;}
.search-area .more-btn::after {content: ''; display: inline-block; margin-left: 5px; width: 6px; height: 10px; background: url(../images/ico_more_arrow.svg) no-repeat center/cover;}
/* AI 기반 추천 키워드 */
.ai-area {background: #1a1a1a;}
.ai-slide {width: 1480px; margin: 0 auto;}
.ai-slide li a {display: block; margin: 0 20px; width: 256px; height: 296px;}
.ai-slide li .img {overflow: hidden; width: 256px; aspect-ratio: 1/1; border-radius: 100%;}
.ai-slide li .txt {margin-top: 20px; width: 256px; text-align: center;}
.ai-slide li .txt span {color: #fff; font-size: 20px;}
.ai-slide .slick-arrow {top: 96px;}
.ai-slide .slick-prev {left: -12px;}
.ai-slide .slick-next {right: -12px;}
/* MBC 아카이브 추천 영상 */
.recommend-area {background: #0d0d0d;}
/* 주간 영상 랭킹 TOP8 */
.top8-area {position: relative; overflow-x: hidden; background: #1a1a1a;}
.top8-slide {width: 1464px; margin: 0 auto;}
.top8-slide .slick-list {overflow: visible;}
.top8-slide li a {display: block; margin: 0 12px; width: 342px; height: 232px;}
.top8-slide li .img {overflow: hidden; position: relative; width: 342px; height: 192px; border-radius: 6px;}
.top8-slide li .img img {border-radius: 6px;}
.top8-slide li .img::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 48px; height: 48px; background: url(../images/ico_play.svg) no-repeat center/cover;}
.top8-slide li .img span.cate {position: absolute; top: 8px; left: 8px; padding: 5px 10px; background: #6706d3; border-radius: 4px; color: #fff; font-family: 'mbcnew-medium'; font-size: 12px; letter-spacing: -.6px;}
.top8-slide li .img span.time {position: absolute; bottom: 8px; right: 8px; padding: 5px 10px; background: rgba(0, 0, 0, .7); border-radius: 4px; color: rgba(255, 255, 255, .7); font-family: 'mbcnew-medium'; font-size: 12px; letter-spacing: -.6px;}
.top8-slide li .txt {width: 342px; margin-top: 20px;}
.top8-slide li .txt span.tit {display: block; color: #fff; font-size: 20px;}
.top8-slide .slick-slide {opacity: .4;}
.top8-slide .slick-slide.slick-active {opacity: 1;}
.top8-slide .slick-arrow {top: 64px;}
.top8-slide .slick-prev {left: -20px;}
.top8-slide .slick-next {right: -20px;}
/* 지역 MBC 프로그램 */
.local-area {background: #0d0d0d;}
.local-slide {width: 1464px; margin: 0 auto 80px;}
.local-slide li a {display: block; margin: 0 12px; width: 220px; height: 166px;}
.local-slide li .img {overflow: hidden; position: relative; width: 220px; height: 124px; border-radius: 4px;}
.local-slide li .txt {margin-top: 24px; width: 220px; text-align: center;}
.local-slide li .txt span {color: #fff; font-size: 18px; letter-spacing: -1px;}
.local-slide .slick-arrow {top: 30px;}
.local-slide .slick-prev {left: -20px;}
.local-slide .slick-next {right: -20px;}
.local-slide2 {width: 1464px; margin: 0 auto;}
.local-slide2 li {overflow: hidden; position: relative; margin: 0 12px; width: 464px !important; border-radius: 8px;}
.local-slide2 li .img {overflow: hidden; position: relative; width: 464px; height: 261px; border-radius: 8px;}
.local-slide2 li .txt {position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 464px; height: 261px; background: rgba(0, 0, 0, .5);}
.local-slide2 li .txt span {color: #fff; font-family: 'mbcnew-bold'; font-size: 28px; letter-spacing: -1.4px;}
.local-slide2 li a:hover .txt span, .local-slide2 li a:focus .txt span {text-decoration: none;}
.local-slide2 .slick-arrow {top: 98px;}
.local-slide2 .slick-prev {left: -20px;}
.local-slide2 .slick-next {right: -20px;}
/* 장르별 영상 */
.genre-area {background: #1a1a1a;}
/* 최근 업로드 영상 */
.new-area {overflow-x: hidden; background: #0d0d0d;}
.new-slide {width: 1464px; margin: 0 auto;}
.new-slide .slick-list {overflow: visible;}
.new-slide li a {display: block; margin: 0 12px; width: 342px;}
.new-slide li .img {overflow: hidden; position: relative; width: 342px; height: 192px; border-radius: 6px;}
.new-slide li .img img {border-radius: 6px;}
.new-slide li .img::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 48px; height: 48px; background: url(../images/ico_play.svg) no-repeat center/cover;}
.new-slide li .img span.cate {position: absolute; top: 8px; left: 8px; padding: 5px 10px; background: #6706d3; border-radius: 4px; color: #fff; font-family: 'mbcnew-medium'; font-size: 12px; letter-spacing: -.6px;}
.new-slide li .img span.time {position: absolute; bottom: 8px; right: 8px; padding: 5px 10px; background: rgba(0, 0, 0, .7); border-radius: 4px; color: rgba(255, 255, 255, .7); font-family: 'mbcnew-medium'; font-size: 12px; letter-spacing: -.6px;}
.new-slide li .txt {width: 342px; margin-top: 20px;}
.new-slide li .txt span {display: block;}
.new-slide li .txt span.tit {color: #fff; font-size: 20px;}
.new-slide li .txt span.date {margin-top: 10px; color: #b4b4b4; font-size: 16px; text-decoration: none;}
.new-slide .slick-slide {opacity: .4;}
.new-slide .slick-slide.slick-active {opacity: 1;}
.new-slide .slick-arrow {top: 64px;}
.new-slide .slick-prev {left: -20px;}
.new-slide .slick-next {right: -20px;}
/* 내가 시청한 영상 */
.history-area {overflow-x: hidden; background: #1a1a1a;}
.history-slide {width: 1464px; margin: 0 auto;}
.history-slide .slick-list {overflow: visible;}
.history-slide li a {display: block; margin: 0 12px; width: 342px;}
.history-slide li .img {overflow: hidden; position: relative; width: 342px; height: 192px; border-radius: 6px;}
.history-slide li .img img {border-radius: 6px;}
.history-slide li .img::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 48px; height: 48px; background: url(../images/ico_play.svg) no-repeat center/cover;}
.history-slide li .img span.cate {position: absolute; top: 8px; left: 8px; padding: 5px 10px; background: #6706d3; border-radius: 4px; color: #fff; font-family: 'mbcnew-medium'; font-size: 12px; letter-spacing: -.6px;}
.history-slide li .img span.time {position: absolute; bottom: 8px; right: 8px; padding: 5px 10px; background: rgba(0, 0, 0, .7); border-radius: 4px; color: rgba(255, 255, 255, .7); font-family: 'mbcnew-medium'; font-size: 12px; letter-spacing: -.6px;}
.history-slide li .txt {width: 342px; margin-top: 20px;}
.history-slide li .txt span {display: block;}
.history-slide li .txt span.tit {color: #fff; font-size: 20px;}
.history-slide li .txt span.date {margin-top: 10px; color: #b4b4b4; font-size: 16px; text-decoration: none;}
.history-slide .slick-slide {opacity: .4;}
.history-slide .slick-slide.slick-active {opacity: 1;}
.history-slide .slick-arrow {top: 64px;}
.history-slide .slick-prev {left: -20px;}
.history-slide .slick-next {right: -20px;}