@import url(https://font.imbc.com/pretendard/pretendard.css);
@import url(https://font.imbc.com/mbcnew/mbcnew.css);

/* body.main, body.sub{background-color:#1a1a1a} */

#header{display:flex;align-items:center;padding:0;height:60px;}
#header .btn-side{margin-bottom:1px;margin-right:19px;}
#header h1{margin-top:1px;display:flex;align-items:center;        flex-wrap:wrap;}
#header h1 a{display:block;height:auto;line-height:1;word-break:keep-all;}
#header h1 a img{width:auto;vertical-align: baseline;}
#header h1 a:nth-of-type(2) img{height:18px;}
#header h1 .head_promo{margin-left:12px;font-size:11px;color:#969696}
#header h1 .head_promo img{height:22px;vertical-align:1px;}
#header h1 .head_promo:not(:has(img)){margin-bottom:1px}
#header h1 .head_promo:not(:has(img)) a{line-height:1.2;}
#header h1 .head_promo>span{}

.container{
    padding:0;
    background:none;
    color:#fff;
    font-family:'pretend-regular';
    font-weight:normal;
    line-height:1;
    letter-spacing:-0.035em;
    background-color:#1a1a1a;
}

input, select, textarea, button, strong{
    letter-spacing:-0.035em;
    font-family:'pretend-regular';
    font-weight:normal;
}

button {
    -webkit-tap-highlight-color: transparent;
}

img{
    width:auto;
}

.swiper-wrapper {
    will-change: transform;
}

/* classic common */
.classic section{
    background:none;
    margin:0;
}
.classic h3{
    padding:0 12px;
    font-family:'pretend-bold';
    border:none;
    font-size:18px;
}

.vod_wrap{
    overflow-y:hidden;
}

ul.vod_list{
    display:flex;
    flex-wrap:nowrap;
    overflow-y:hidden;
    padding:0 12px;
    -webkit-overflow-scrolling: touch;
}

ul.vod_list::-webkit-scrollbar {
    display: none;
  }

ul.vod_list li{
    flex:0 0 43.3333vw;
    margin-left:8px;
    max-width:312px;
}

ul.vod_list li:first-child{
    margin-left:0;
}

ul.vod_list li span{
    display:block;
}

ul.vod_list li span.img{
    width:100%;
    height:25.69444vw;
    max-height:176px;
    border-radius:5px;
    overflow:hidden;
}

ul.vod_list li span.img img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position:center top;
}

ul.vod_list li span.tit{
    display:-webkit-box;
    margin-top:10px;
    line-height:1.4;
    font-size:15px;
    max-height:41px;
    letter-spacing:-0.055em;
}

ul.vod_list li span.tit:empty{
    margin:0;
}

ul.vod_list.vertical{
    overflow:hidden;
    flex-wrap: wrap;
    padding:0;
}

ul.vod_list.vertical li{
    flex:0 0 calc(50% - 4px);
    margin:18px 8px 0 0;
    max-width:calc(50% - 4px);
}

ul.vod_list.vertical li:nth-child(2n){
    margin-right:0;
}

ul.vod_list.vertical li:nth-child(-n+2){
    margin-top:0;
}

ul.vod_list.vertical li .tit{
    line-height:1.35;
    margin-top:8px
}

ul.vod_list.vertical li span.img{
    max-height:none;
}

.none_list{
    text-align:center;
    padding-bottom:30px;
}

.none_list img{
    height:145px;
}

.none_list p{
    font-size:17px;
    line-height:1.45;
    letter-spacing:-0.075em;
    margin-top:20px;
}

.classic .swiper-pagination-fraction{
    width:auto;
    left:auto;
    right:auto;
    background-color:rgba(0,0,0,.6);
    padding:4px 12px;
    border-radius:20px;
    font-weight:normal;
    color:#969696;
    font-size:12px;
    letter-spacing: -0.075em;
}

.swiper-pagination-fraction span.swiper-pagination-current{
    color:#fff;
}

/* classic header */
.classic_header{
    text-align:center;
    margin-top:20px;
}

/* classic nav */
.classic_top{
    position:relative;
    overflow:hidden;
    width:100%;
    padding-top:87px;
    background-color:#000;
}

.classic_nav{
    position:absolute;
    left:0;
    right:0;
    z-index:10;
    min-width:240px;
    max-width:360px;
    padding:0 40px;
    margin:24px auto 28px;
}
.classic_nav ul{
    display:flex;
    justify-content:center;
    border-radius:5px;
    background-color:rgba(255,255,255,.15);
    overflow:hidden;
}
.classic_nav ul li{
    position:relative;
    flex:1 0 33.3333%;
}

.classic_nav ul li a{
    display:block;
    text-align:center;
    padding:10px 0;
    font-size:15px;
    font-family:'pretend-medium';
}

.classic_nav ul li:before{
    content:'';
    position:absolute;
    top:-1px;
    left:-1px;
    bottom:0;
    margin:auto;
    display:inline-block;
    width:1px;
    height:15px;
    background-color:rgba(255,255,255,.3);
}

.classic_nav ul li:first-child:before{
    display:none;
}

.classic_nav ul li.on{
    background-color:#fff;
}

.classic_nav ul li.on:before{
    display:none;
}

.classic_nav ul li.on a{
    color:#000
}

.classic_top .classic_spot{
    position: relative;
    z-index:10;
    padding-bottom:40px;
}

.classic_top .classic_spot h3{
    margin-bottom:16px;
}

.classic_top .spot_wrap{
    position:relative;
}

.classic_top .spot_main{
    position:relative;
    z-index:10;
    padding:0 20px;
}

.classic_top .spot_main .swiper-wrapper{
    /* padding:0 20px;
    box-sizing:border-box; */
}

.classic_top .spot_main .swiper-slide{
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 0 30px rgba(0,0,0,.15);
    transition: transform .3s;
}

.classic_top .spot_main .img{
    position:relative;
    height:50vw;
    max-height:360px;
    overflow:hidden;
}

.classic_top .spot_main .img img{
    position:absolute;
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.classic_top .spot_main .img a:focus img{
    opacity:.5s;
}

.classic_top .spot_main .txt{
    padding:5vw;
    box-sizing:border-box;
    background-color:rgba(255,255,255,.1);
    height:50vw;
    max-height:360px;
    min-height:180px;
}

.classic_top .spot_main .txt strong{
    width:80%;
    display:block;
    font-size:6.66666vw;
    font-family:'pretend-bold';
}

.classic_top .spot_main .txt p{
    width:80%;
    height:10vw;
    margin-top:10px;
    line-height:1.3848;
    /* font-size:13px; */
    font-size:3.6111111vw;
    word-break: keep-all;
    letter-spacing:-0.055em;
}

.classic_top .spot_main .txt a{
    font-size:15px;
    display:inline-block;
    background-color:#fff;
    color:#000;
    border-radius:5px;
    padding:10px 25px;
    margin-top:15px;
    font-family:'pretend-medium';
}

.classic_top .spot_main .custom-active .txt .wrap{
    /* transform: translateY(0);
    opacity: 1;
    visibility: visible;
    will-change: opacity; */
}

.classic_top .spot_paging{
    position:absolute;
    width:auto;
    left:auto;
    bottom:10px;
    right:30px;
    z-index:20;
}

.classic_top .classic_bg{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:0;
    opacity: .3;
    height:100%;
}

.classic_top .classic_bg:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    bottom:0;
    background:linear-gradient(black, transparent);
}

.classic_top .classic_bg img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: 50% 50%;
    filter:blur(15px);
    will-change:filter;
    transform: scale(1.08);
    transition:all .7s;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

/* classic main container */
section.sec_today {
    margin-bottom:30px;
    padding-top:30px;
    position:relative;
    background-color:#000;
    overflow:hidden;
}

section.sec_today h3 {
    margin-bottom:20px;
}

section.sec_today h3 img {
    height:17px;
}

section.sec_today .tdy_button{
    display: flex;
    margin-bottom:10px;
    margin:0 12px 20px;
    padding:0 0 14px;
    border-bottom:1px solid rgba(255,255,255,.3);
}

section.sec_today .tdy_button button{
    color:#fff;
    border-radius:15px;
    /* min-width:75px; */
    height:30px;
    line-height:1;
    padding:0 16px;
    box-sizing:border-box;
    font-size:14px;
    background-color:#262626;
    margin-left:8px;
}

section.sec_today .tdy_button button:first-child{
    margin-left:0;
}

section.sec_today .tdy_button button.on{
    background-color:#6706d3;
    color:#fff;
}

section.sec_today .tdy_container{
    position:relative;
}

section.sec_today .tdy_area{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s;
    background-color:#000;
}

section.sec_today .tdy_area:first-child{
    position:relative;
    visibility: visible;
}

section.sec_today .tdy_area.on{
    opacity: 1;
    visibility: visible;
}

section.sec_today .tdy_wrap{
    position:relative;
    padding-bottom:70px;
}

section.sec_today .tdy_tit{
    position:relative;
    display:block;
    margin-bottom:30px;
    padding:0 12px;
}

section.sec_today .tdy_tit strong{
    font-size:16px;
}

section.sec_today .tdy_tit strong span{
    font-family:'pretend-bold';
    color:#8f83ff;
}

section.sec_today .tdy_tit strong a{
    position:absolute;
    top:-1px;
    right:12px;
    display:inline-block;
}

section.sec_today .tdy_tit strong a img{
    height:12px;
    vertical-align:0px;
}

section.sec_today .tdy_list{
    overflow: hidden;
}

section.sec_today .tdy_list .swiper-slide{
    padding:0 12px;
    box-sizing:border-box;
    min-height:101px;
    transition: all .3s;
}

section.sec_today .tdy_list .swiper-slide a{
    display:flex;
    justify-content: space-between;
}

section.sec_today .tdy_list .txt,
section.sec_today .tdy_list .img{
    width:calc(50% - 6px);
}

section.sec_today .tdy_list .txt{
    display:flex;
    flex-direction: column;
    justify-content:center;
}

section.sec_today .tdy_list span,
section.sec_today .tdy_list strong{
    display:block;
}

section.sec_today .tdy_list .genre{
    margin-bottom:8px;
    font-size:14px;
}

section.sec_today .tdy_list .tit{
    font-size:17px;
    font-family: 'pretend-bold';
}

section.sec_today .tdy_list p{
    font-size:14px;
    color:#969696;

}

section.sec_today .tdy_list .info{
    line-height:1.3;
    max-height:36px;
    margin-top:12px;
}

section.sec_today .tdy_list .cast{
    margin-top:10px;
}

section.sec_today .tdy_list .img{
    position:relative;
    height:25.69444vw;
    border-radius:5px;
    overflow:hidden;
}

section.sec_today .tdy_list .year{
    display:flex;
    justify-content: center;
    align-items: center;
    position:absolute;
    top:1.11111vw;
    right:1.11111vw;
    border-radius:50%;
    background-color:#6706d3;
    width:7.77777vw;
    height:7.77777vw;
    max-width:56px;
    max-height:56px;
    font-size:2.77777vw;
}

section.sec_today .tdy_list .img img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: 50% 50%;
}

section.sec_today .tdy_paging{
    position:absolute;
    top:auto;
    left:auto;
    right:12px;
    top:29.1666vw;
    bottom:auto;
    background-color:rgba(255,255,255,.15);
    display:none;
}

section.sec_today .tdy_area.on .tdy_paging{
    display:block;
}

section.sec_today .tdy_list.type2 a{
    align-items:center;
}

section.sec_today .tdy_list.type2 .tit{
    display:-webkit-box;
    line-height:1.35;
    max-height:45px;
    font-family:'pretend-regular';
}

section.sec_today .tdy_list.type2 .num{
    margin-top:12px
}

section.sec_today .tdy_area:has(.list_empty){
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

section.sec_today .tdy_wrap:has(.list_empty){
    padding-bottom:0;
}

section.sec_today .tdy_list .list_empty{
    padding:53px 12px 40px;
    text-align:center;
    background:url(../../../images/classic/img_empty.png) no-repeat 50% 0/54px;
    box-sizing:border-box;
}

section.sec_today .tdy_list .list_empty strong,
section.sec_today .tdy_list .list_empty p{
    word-break:keep-all;
}

section.sec_today .tdy_list .list_empty strong{
    display:block;
    font-size:16px;
    margin-bottom:14px;
}

section.sec_today .tdy_list .list_empty p{
    color:#d2d2d2;
    font-size:13px;
    line-height:1.55;
}

section.sec_today .tdy_list .list_empty p a{
    position:relative;
    color:#8f83ff;
}

section.sec_today .tdy_list .list_empty p a:after{
    content:'';
    display:inline-block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:#8f83ff;
}

section.sec_temp,
section.sec_banner{
    padding-bottom:30px;
}

section.sec_temp:first-of-type{
    padding-top:30px;
}

section.sec_temp h3{
    padding:0 12px;
    margin-bottom:15px;
    line-height:1.3;
}

section.sec_temp h3 a{
    padding-right:15px;
    background:url(../../../images/classic/img_more2.png) no-repeat 100% 1px/9px;
}

section.sec_banner {
    width:100%;
    overflow:hidden;
}

section.sec_banner .banner_wrap {
    padding:0 12px;
}

section.sec_banner .banner_wrap a{
    display:block;
    height:19.0277777vw;
    border-radius: 5px;
    overflow:hidden;
}

section.sec_banner .banner_wrap img {
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: 50% 50%;
}

section.sec_banner .banner_pagination{
    position:relative;
    font-size:1px;
    margin-top:10px;
}

section.sec_banner .banner_pagination:empty{
    margin:0;
}

section.sec_banner .banner_pagination span{
    width:6px;
    height:6px;
    background-color:#767676;
    opacity:1;
    margin:0 3px;
}

section.sec_banner .banner_pagination span.swiper-pagination-bullet-active{
    background-color:#fff;
}

/************************************************ sub */
body.sub .classic_top{
    background-color:#1a1a1a;
}

.keyword_panel{
    width:100%;
    /* overflow-y:hidden; */
}

section.sec_keyword{
    padding-top:87px
}

section.sec_keyword h3{
    margin-bottom:16px;
}

section.sec_keyword .keyword_nav{
    position:relative;
    padding:0 12px;
    border-bottom:1px solid #5f5f5f;
    box-sizing: border-box;
}

section.sec_keyword .keyword_nav ul,
section.sec_keyword .keyword_nav .swiper-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    height:42px;
    box-sizing:border-box;
}

section.sec_keyword .keyword_nav ul li,
section.sec_keyword .keyword_nav .swiper-slide{
    position:relative;
    flex:0 0 25%;
    text-align:center;
    height:41px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
}

section.sec_keyword .keyword_nav ul li a,
section.sec_keyword .keyword_nav .swiper-slide a{
    font-size:16px;
    color:#969696;
    font-family:'pretend-medium';
}

section.sec_keyword .keyword_nav ul li.on:before
/*,
section.sec_keyword .keyword_nav .swiper-slide-thumb-active:before*/{
    content:'';
    display:block;
    width:100%;
    height:2px;
    background-color:#fff;
    position:absolute;
    bottom:-1px;
    left:0;
}

section.sec_keyword .keyword_nav ul li.on a,
section.sec_keyword .keyword_nav .swiper-slide-thumb-active a{
    color:#fff;
}

section.sec_keyword .keyword_nav span.nav_underline{
    position:absolute;
    bottom:-1px;
    left:12px;
    margin:0 auto;
    width:0;
    height:2px;
    background-color:#fff;   
    transition:all 0.3s;
}

section.sec_keyword .keyword_select,
section.sec_keyword .keyword_tab{
    background-color:#0f0f0f;
    padding:0 12px;
}

section.sec_keyword .keyword_select{
    padding-top:24px
}

section.sec_keyword .keyword_select .select{
    border-bottom:1px solid #575757;
    padding-bottom:6px;
    margin-bottom:24px;
}

section.sec_keyword .keyword_select .select:last-child{
    margin-bottom:0;
}

section.sec_keyword .keyword_select strong{
    display:block;
    margin-bottom:16px;
    font-size:16px;
    height:16px;
}

section.sec_keyword .keyword_select strong button{
    display:flex;
    align-items:center;
    color:#fff;
    line-height:1;
}   

section.sec_keyword .keyword_select strong button:after{
    content:'';
    display:block;
    text-indent:-9999px;
    font-size:1px;
    color:transparent;
}

section.sec_keyword .keyword_select ul{
    display:flex;
    flex-wrap: wrap;
}

section.sec_keyword .keyword_select ul li{
    margin-right:8px;
    margin-bottom:12px;
}

section.sec_keyword .keyword_select ul li:last-child{
    margin-right:0;
}

section.sec_keyword .keyword_select ul li label{
    display:flex;
    justify-content: center;
}

/* section.sec_keyword .keyword_select ul li label:has(input:checked),
section.sec_keyword .keyword_select ul li label:has(input:focus), */
section.sec_keyword .keyword_select ul li label input:checked + span{
    background-color:#6706d3;
    border:1px solid #6706d3;
    color:#fff;
}

section.sec_keyword .keyword_select ul li label input{
    width:0;
    height:0;
    margin:0;
    padding:0;
}

section.sec_keyword .keyword_select ul li label span{
    
    color:#969696;
    border-radius:15px;
    height:30px;
    line-height:29px;
    padding:0 16px;
    box-sizing:border-box;
    font-size:14px;
    border:1px solid #969696;
    text-align:center;
    white-space: nowrap;
}

section.sec_keyword .keyword_select .select2 ul{
    max-height:42px;
    overflow:hidden;
    transition:all .5s;
}

section.sec_keyword .keyword_select .select2 ul.more{
    max-height:500px;
}

section.sec_keyword .keyword_select .select2 button.more{
    padding-right:16px;
    background:url(../../../images/classic/img_toggle_down.png) no-repeat 100% 5px/11px;
}

section.sec_keyword .keyword_select .select2 button.more:after{
    content:'펼치기';
}

section.sec_keyword .keyword_select .select2:has(ul.more) button.more{
    background:url(../../../images/classic/img_toggle_up.png) no-repeat 100% 5px/11px;
}

section.sec_keyword .keyword_select .select2:has(ul.more) button.more:after{
    content:'접기';
}

section.sec_keyword .keyword_select .select3 button.info{
    padding-right:18px;
    background:url(../../../images/classic/img_ico_info.png) no-repeat 100% 2px/13px;
}

section.sec_keyword .keyword_select .select3 button.info:after{
    content:'무료보기 안내 보기';
}

section.sec_keyword .keyword_select .select3 .info_pop{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:200;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    padding:0 20px;
    box-sizing:border-box;
    background-color:rgba(0,0,0,.4);
    display:none;
}

section.sec_keyword .keyword_select .select3 .info_pop .wrap{
    position:relative;
    background-color:#fff;
    border-radius:6px;
    padding:21px 20px;
    box-sizing:border-box;
}

section.sec_keyword .keyword_select .select3 .info_pop *{
    color:#000;
    font-size:14px;
}

section.sec_keyword .keyword_select .select3 .info_pop h4{
    font-size:16px;
    font-family:'pretend-bold';
    padding-bottom:16px;
    border-bottom:1px solid #d2d2d2;
    margin-bottom:20px;
}

section.sec_keyword .keyword_select .select3 .info_pop b{
    display:block;
    margin-bottom:6px;
    font-weight:normal;
    font-family: 'pretend-bold';
}

section.sec_keyword .keyword_select .select3 .info_pop P{
    line-height:1.3076923;
}

section.sec_keyword .keyword_select .select3 .info_pop P:first-of-type{
    color:#787878;
    margin-bottom:9px;
}
section.sec_keyword .keyword_select .select3 .info_pop button{
    position:absolute;
    top:14px;
    right:13px;
    z-index:20;
    width:24px;
    height:24px;
    background:url(../../../images/classic/img_close_popup.png) no-repeat 50% 50%/10px;
    text-indent:-9999px;
}

section.sec_keyword .keyword_tab{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:24px 12px;
}

section.sec_keyword .keyword_tab button{
    flex:0 0 calc(50% - 4px);
    background-color:#575757;
    color:#fff;
    border-radius:5px;
    height:40px;
    font-size:16px;
}

section.sec_keyword .keyword_tab button:last-child{
    background-color:#fff;
    color:#000;
}

section.sec_vod{
    padding:24px 12px 40px;
}

section.sec_vod .vod_top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:24px;
}

section.sec_vod .vod_top p{
    font-size:15px;
}

section.sec_vod .vod_top p span{
    color:#8f83ff;
    letter-spacing:0;
}

section.sec_vod .vod_top .sort button{
    width:77px;
    height:28px;
    font-size:13px;
    color:#969696;
    border:1px solid #969696;
    box-sizing:border-box;
    background:url(../../../images/classic/img_ico_sort.png) no-repeat calc(50% + 20px) 50%/9px;
    border-radius:5px;
    text-indent: -13px;
    padding-bottom:1px;
}

section.sec_vod .vod_top .sort button:last-child{
    margin-left:8px;
}

section.sec_vod .vod_top .sort button.on{
    border-color:#fff;
    color:#fff;
    background:none;
    text-indent: 0;
}

section.sec_search{
    padding:24px 12px 0;
}

section.sec_search .search_form {
    position:relative;
}

section.sec_search .search_form input[type='text']{ 
    width:100%;
    height:35px;
    padding:0 40px 0 12px;
    box-sizing:border-box;
    font-size:15px;
    border-radius:5px;
    border:1px solid #d2d2d2;
}

section.sec_search .search_form button.kwd_delete{
    width:21px;
    height:21px;
    position:absolute;
    right:34px;
    top:7px;
    text-indent: -9999px;
    font-size:1px;
    color:transparent;
    overflow:hidden;
    z-index:10;
    background:url(../../../images/classic/img_ico_delete.png) no-repeat 50% 50%/15px;
    display:none;
}

section.sec_search .search_form button.kwd_submit{
    width:21px;
    height:21px;
    background:url(../../../images/classic/img_ico_search.png) no-repeat 50% 50%/18px;
    position:absolute;
    right:10px;
    top:7px;
    text-indent: -9999px;
    font-size:1px;
    color:transparent;
    overflow:hidden;
    z-index:10;
}

section.sec_search .search_form:has(input[type='text']:focus) button.kwd_delete,
section.sec_search .search_form button.kwd_delete:active{
    display:block;
}

section.sec_search .search_form input[type='text']:focus{
    padding:0 56px 0 12px;
}

section.sec_search .search_word{
    margin-top:30px;
}

section.sec_search .search_word strong{
    display:block;
    font-size:15px;
    margin-bottom:20px;
}

section.sec_search .search_word ul{
    display:flex;
    flex-wrap:wrap;
}

section.sec_search .search_word ul li{
    margin-right:8px;
    margin-bottom:12px;
}

section.sec_search .search_word ul li a{
    display:flex;
    justify-content: center;
    color:#969696;
    border-radius:15px;
    /* max-width:75px; */
    height:30px;
    line-height:29px;
    padding:0 16px;
    box-sizing:border-box;
    font-size:14px;
    border:1px solid #969696;
    text-align:center;
    white-space: nowrap;
}

/* Thema */
.thema section.sec_vod{
    padding-top:87px;
}

.thema section.sec_vod h3{
    padding:0;
    margin-bottom:24px;
    line-height:1.25;
}

.thema section.sec_vod ul li a{
    display:block;
}

.thema section.sec_vod ul li .tit{
    display:flex;
    justify-content:center;
    align-items: center;
    text-align:center;
    font-family:'mbcnew-bold';
    font-size:5.83333vw;
    line-height:1.2;
    width:100%;
    height:25.69444vw;
    max-height:none;
    border-radius:5px;
    overflow:hidden;
    word-break:keep-all;
    background-position:50% 50%;
    background-size:100%;
    background-repeat:no-repeat;
    padding:0 20px;
    box-sizing:border-box;
    margin:0;
}

.thema section.sec_vod ul li .tit.bg1{
    background-image:url(../../../images/classic/img_thumb_thema1.jpg);
}

.thema section.sec_vod ul li .tit.bg2{
    background-image:url(../../../images/classic/img_thumb_thema2.jpg);
}

.thema section.sec_vod ul li .tit.bg3{
    background-image:url(../../../images/classic/img_thumb_thema3.jpg);
}

.thema section.sec_vod ul li .tit.bg4{
    background-image:url(../../../images/classic/img_thumb_thema4.jpg);
}

.thema section.sec_vod ul li .info{
    display:-webkit-box;
    font-size:14px;
    color:#d2d2d2;
    line-height:1.358;
    max-height:38px;
    margin-top:8px;
}

.thema section.sec_vod ul li .info:empty{
    margin-top:0;
}

.thema section.sec_themaView{
    padding:87px 12px 20px;
}

.thema section.sec_themaView .thema_tit{
    margin-bottom:24px;
}

.thema section.sec_themaView .thema_tit h3{
    padding:0;
}

.thema section.sec_themaView .thema_tit p{
    margin-top:12px;
    font-size:14px;
} 

.thema section.sec_themaView ul.thema_list{
    
}

.thema section.sec_themaView ul.thema_list li{
    display:flex;
    padding-bottom:20px;
    border-bottom:1px solid #5f5f5f;
    margin-bottom:20px;
}

.thema section.sec_themaView ul.thema_list li:last-child{
    border-bottom:none;
    margin-bottom:0;
}

.thema section.sec_themaView ul.thema_list .img,
.thema section.sec_themaView ul.thema_list .txt{

}

.thema section.sec_themaView ul.thema_list .img{
    width:31.111111vw;
    max-width:224px;
    height:17.5vw;
    max-height:126px;
    border-radius:5px;
    overflow:hidden;
    margin-right:12px;
}

.thema section.sec_themaView ul.thema_list .img a{
    display:block;
}

.thema section.sec_themaView ul.thema_list .img img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.thema section.sec_themaView ul.thema_list .txt_wrap{
    width:calc(100% - 31.111111vw - 12px);
}

.thema section.sec_themaView ul.thema_list .txt{
    display:flex;
    flex-direction: column;
    justify-content:center;
    height:17.5vw;
    max-height:126px;
    min-height:62px;
}

.thema section.sec_themaView ul.thema_list strong.tit{
    display:block;
    font-size:16px;
    font-family:'pretend-bold';
    margin-bottom:8px;
}

.thema section.sec_themaView ul.thema_list p.info{
    color:#d2d2d2;
    font-size:14px;
    line-height:1.358;
    max-height:38px;
}

.thema section.sec_themaView ul.thema_list .btn{
    display:flex;
    align-items:center;
    margin-top:16px;
}

.thema section.sec_themaView ul.thema_list .btn a{
    display:flex;
    justify-content: center;
    width:92px;
    padding:8px 15px;
    text-align:center;
    background-color:#eeedff;
    color:#6706d3;
    font-size:14px;
    border-radius:20px;
    white-space: nowrap;
    box-sizing:border-box;
    font-family:'pretend-medium';
}

.thema section.sec_themaView ul.thema_list .btn a.free{
    background-color:#6706d3;
    color:#fff;
    margin-left:8px;
}

/* media screen */
@media screen and (min-width:768px){
    section.sec_today .tdy_list .year{
        font-size:20px
    }

    .thema section.sec_vod ul li .tit{
        font-size:42px;
    }
}

@media screen and (min-width:728px){
    .classic_top .spot_main{
        padding:0 40px;
    }
    .classic_top .spot_main .txt{
        padding:36px;
    }

    .classic_top .spot_main .txt strong{
        font-size:48px;
    }
    .classic_top .spot_main .txt p{
        font-size:26px;
        height:74px;
    }
}

@media screen and (max-width:340px){
    #header h1 .head_promo img{
        height:20px;
    }
}

@media screen and (max-width:320px){
    #header h1 .head_promo{
        width:calc(100% - 140px);
        top:8px;
        right:8px;
    }

    .classic_nav{
        width:85%;
        padding:0;
    }
    section.sec_vod .vod_top{
        display:block;
    }
    section.sec_vod .vod_top .sort{
        margin-top:10px;
        text-align:right;
    }
}