@charset "utf-8";

#contents_wrap .vd_sub_list_cont{position:relative;padding:10px 0 25px;}
#contents_wrap .vd_sub_list:after{content:"";display:block;clear:both;}
.vd_sub_list li:not(.vd_empty){float:left;width:-webkit-calc((100% - 80px) / 5);width:-moz-calc((100% - 80px) / 5);width:calc((100% - 80px) / 5);margin-left:20px;margin-bottom:20px;}
.vd_sub_list li:first-child, .vd_sub_list li:nth-child(5n + 1){margin-left:0;}
.vd_sub_list li a{display:block;position:relative;}
.vd_sub_list .thumbnail_area{position:relative;}
.vd_sub_list .me_loadpre{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:60px;margin:auto;z-index:1;}
.vd_sub_list .thumbnail_img{position:relative;height:0;padding-bottom:56.39%;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:4px;z-index:2;}
.vd_sub_list .thumbnail_img i, #contents_wrap .thumb_img i.rank{position:absolute;display:block;z-index:10;}
.vd_sub_list .rank, #contents_wrap .thumb_img i.rank{top:-1px;left:-6px;width:36px;height:36px;line-height:24px;font-size:15px;font-weight:bold;color:#fff;text-align:center;background:url("https://cdn.metoon.co.kr/img/ic_vd_rank_bg.png") no-repeat center;background-size:100% auto;}
.vd_sub_list li .title{display:block;font-size:17px;line-height:17px;color:#363636;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:14px 5px;}
.vd_sub_list li.vd_empty{width:100%;line-height:360px;text-align:center;font-size:24px;color:#aaa;}
.vd_sub_hash_list{width:1054px;margin:0 auto;padding:15px 0 25px;}
.vd_sub_hash_list ul:after{content:"";display:block;clear:both;}
.vd_sub_hash_list li{float:left;width:11.111%;padding:5px 7px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.vd_sub_hash_list li a{display:block;height:36px;line-height:34px;font-size:14px;text-align:center;border-radius:18px;border-width:1px;border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box;}
.vd_sub_hash_list li:not(.more) a{color:#555;background-color:#f6f5f5;border-color:#f6f5f5;padding:0 5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;}
.vd_sub_hash_list .more a{border-color:#d32b2b;color:#d32b2b;background-color:#fff;}
.vd_sub_hash_list .more a:after{content:"+";font-size:1.15em;padding-left:3px;vertical-align:-1px;}
/* 영상 디테일 페이지 */
.nobel_list .n_list_vd li{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
#container .n_list_vd .bg_detail_img_box{width:320px;}
.nobel_list .n_list_vd .vd_thumbnail{position:relative;width:100%;height:180px;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:10;}
.n_list_vd .vd_thumbnail .ic_thumb_play, .dt_vd_recomm .thumbnail_img .ic_thumb_play{position:absolute;top:50%;left:50%;display:block;width:54px;height:54px;border-radius:100%;background:rgba(255, 255, 255, .3);box-shadow:0 0 5px rgba(0, 0, 0, .12);margin:-27px 0 0 -27px;}
.n_list_vd .vd_thumbnail .ic_thumb_play:before, .dt_vd_recomm .thumbnail_img .ic_thumb_play:before{content:"";display:block;position:absolute;top:50%;left:50%;border-left:16px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin:-12px 0 0 -6px;}
.n_list_vd .vd_list_txt{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;min-width:0;padding:0 10px 0 20px;color:#676767;line-height:2.3;}
.n_list_vd .vd_list_txt .number{font-size:17px;}
.n_list_vd .vd_list_txt .sub_title{font-size:16px;width:100%;}
.n_list_vd .vd_list_txt .sub_title span{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.n_list_vd .vd_list_txt .src_shot_area{line-height:28px;margin-bottom:7px;}
.n_list_vd .vd_list_txt .src_shot_btn{position:relative;display:inline-block;width:auto;padding-left:20px;font-size:14px;color:#999;vertical-align:middle;}
.n_list_vd .vd_list_txt .src_shot_btn:before{content:"+";display:block;position:absolute;top:50%;left:0;width:15px;height:15px;line-height:15px;text-align:center;font-size:12px;color:#fff;font-weight:bold;border-radius:100%;background-color:#b5b5b5;text-indent:1px;margin-top:-7.5px;}
.n_list_vd .vd_list_btn_gr{margin-right:10px;}
.nobel_list .n_list.n_list_vd li a:after{content:"";display:block;clear:both;}
.nobel_list .n_list.n_list_vd li .list_btn{right:auto;margin-top:0;}
.nobel_list .n_list.n_list_vd li .list_btn.down_btn{border-color:#888;margin-top:8px;}
.nobel_list .n_list_vd .list_btn.down_btn i{display:inline-block;width:15px;height:15px;background:url("https://cdn.metoon.co.kr/img/ic_download.png") no-repeat center;background-size:100% auto;vertical-align:middle;margin-right:8px;}
.nobel_list .n_list_vd .list_btn.down_btn span{vertical-align:middle;cursor:pointer;}
/* 영상 디테일 - 스크린샷 레이어 팝업 */
.mevd_srcshot_modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;}
.modal-back{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .4);}
.mevd_srcshot{position:absolute;top:50%;left:0;right:0;width:96%;max-width:858px;width:-webkit-calc(100% - 76px);width:calc(100% - 76px);background:#fff;border-radius:4px;padding:15px 20px 20px;margin:0 auto;z-index:10;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.mevd_srcshot_swiper{padding-top:30px;}
.mevd_srcshot .srcshot_hide_btn{position:absolute;top:-35px;right:0;display:block;width:30px;height:30px;}
.srcshot_hide_btn:before, .srcshot_hide_btn:after{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:3px;background:#fff;margin-top:-1.5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.srcshot_hide_btn:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.mevd_srcshot .swiper-slide{position:relative;width:100%;background:url("https://cdn.metoon.co.kr/mimg/loadpre_logo.gif") no-repeat center, #f4f4f4;background-size:60px;}
.mevd_srcshot .srcshot_thumbnail{position:relative;width:100%;height:0;padding-bottom:56.23%;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:10;}
.mevd_srcshot [class^="mevd-srcshot-"]{width:32px;height:57px;background-repeat:no-repeat;background-position:center;background-size:cover;outline:none;margin-top:-28px;}
.mevd_srcshot .mevd-srcshot-prev{left:-38px;background-image:url("https://cdn.metoon.co.kr/img/ic_mv_prev.png");}
.mevd_srcshot .mevd-srcshot-next{right:-38px;background-image:url("https://cdn.metoon.co.kr/img/ic_mv_next.png");}
.mevd_srcshot .swiper-pagination{top:0;right:0;bottom:auto;text-align:right;}
.mevd_srcshot .swiper-pagination-fraction{font-size:12px;}
.mevd_srcshot .swiper-pagination-current{font-size:1.2em;font-weight:bold;color:#2a95d4;}
/* 영상 디테일페이지 */
.vdPlayer_pan{position:absolute;top:0;left:0;width:818px;height:100%;z-index:20;}
#vdPlayer .nLabel_vd{position:absolute;bottom:15px;left:15px;z-index:10;}
#vdPlayer .nLabel_cinema{position:absolute;bottom:15px;left:15px;z-index:10;}
#vdPlayer .vdp_gra{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:818px;height:104px;background:linear-gradient(to top, rgba(0, 0, 0, .7) 4%, rgba(0, 0, 0, .2) 58%, rgba(0, 0, 0, 0));z-index:10;}
#vdPlayer .vdqsel{position:absolute;top:15px;right:15px;background-color:rgba(0, 0, 0, .12);overflow:hidden;z-index:21;}
#vdPlayer .vdqsel a{float:left;display:block;padding:4px 10px;font-size:15px;color:#fff;}
#vdPlayer .vdqsel a.on{background:#d32b2b;}
#vdPlayer.is-paused:not(.is-poster) .vdqsel, #vdPlayer.is-playing .vdqsel, #vdPlayer.is-paused:not(.is-poster) .vdp_gra, #vdPlayer.is-playing .vdp_gra{display:none;}
.dt_vd_dsc_cont{float:left;position:relative;display:table;table-layout:fixed;width:-webkit-calc(100% - 840px);width:-moz-calc(100% - 840px);width:calc(100% - 840px);height:100%;padding-top:61px;margin-left:20px;}
.dt_vd_dsc_cont .dt_vd_dsc{position:relative;height:444px;padding-top:16px;}
.dt_vd_dsc_cont .content_info{font-size:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;white-space:nowrap;}
.dt_vd_dsc_cont .vd_dsc_info_tag{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding-right:5px;}
.dt_vd_dsc_cont .vd_dsc_info_tag p{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;line-height:24px;text-overflow:ellipsis;overflow:hidden;}
.dt_vd_dsc_cont .nLabel{display:inline-block;margin-right:6px;vertical-align:middle;}
.dt_vd_dsc_cont .vd_dsc_info_tag{font-size:0;}
.dt_vd_dsc_cont .vd_dsc_info_tag span:not(.adult_patch){display:inline-block;font-size:14px;padding:0 10px;height:24px;line-height:23px;border-width:1px;border-style:solid;border-radius:3px;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;}
.dt_vd_dsc_cont .vd_dsc_info_tag span + span{margin-left:7px;}
.dt_vd_dsc_cont .vd_dsc_info_tag .genre{border-color:#c53232;color:#fff;}
.dt_vd_dsc_cont .vd_dsc_info_tag .new_mark{color:#fff;background-color:#721de3;border-color:#721de3;}
.dt_vd_dsc_cont .vd_dsc_info_tag .up_mark{border-color:#ff0000;background-color:#ff0000;color:#fff;}
.dt_vd_dsc_cont .vd_dsc_info_tag .up_day{border-color:#ddd;color:#676767;}
.dt_vd_dsc_cont .vd_dsc_info_tag .adult_patch{display:inline-block;vertical-align:middle;}
.dt_vd_dsc_cont .vd_dsc_info_tag .adult_patch img{display:block;width:24px;}
.dt_vd_dsc_cont .heart{display:inline-block;font-size:15.6px;letter-spacing:-0.03em;padding-left:18px;background:url("https://cdn.metoon.co.kr/img/ic_star_red.png") no-repeat 0 45%;background-size:15px auto;-webkit-align-self:center;align-self:center;}
.dt_vd_dsc_cont h2.title{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;white-space:nowrap;font-size:24px;font-weight:500;}
.dt_vd_dsc_cont h2.title strong{text-overflow:ellipsis;overflow:hidden;}
.dt_vd_dsc_cont h2.title .ep{padding-left:10px;}
.dt_vd_dsc_cont .icon_19_new{margin-right:5px;flex-shrink:0;}
.dt_vd_dsc_cont .content_dsc .summary{font-size:15px;color:#444;line-height:1.5;max-height:110px;overflow:hidden;margin-top:7px;}
.dt_vd_dsc_cont .summary .summ_btn{display:none;float:right;font-size:12px;font-weight:700;color:#222;padding-top:2px;}
.dt_vd_dsc_cont .artist_info{position:relative;font-size:15px;color:#444;margin-top:15px;}
.dt_vd_dsc_cont .artist_info [class^="artist_"]{position:relative;padding-left:22px;}
.dt_vd_dsc_cont .ic_art_info{position:absolute;top:2px;left:0;width:16px;height:26px;z-index:10;}
.dt_vd_dsc_cont .ic_art_info.info_more{width:auto;cursor:pointer;}
.dt_vd_dsc_cont .ic_art_info.info_more:after{content:"영상정보 보기";padding-top:1px;color:#666666;}
.dt_vd_dsc_cont .ic_art_info i{display:inline-block;width:14px;height:14px;line-height:15px;border:1px solid #777;font-size:10px;font-weight:bold;text-align:center;color:#777;border-radius:100%;cursor:pointer;}
.dt_vd_dsc_cont .ic_art_info .art_content_info{visibility:hidden;opacity:.2;position:absolute;top:100%;left:-14px;padding:0 10px;height:32px;line-height:32px;border-radius:4px;background-color:rgba(0, 0, 0, .8);font-size:0;white-space:nowrap;z-index:10;}
.dt_vd_dsc_cont .ic_art_info:hover .art_content_info{visibility:visible;opacity:1;}
.dt_vd_dsc_cont .art_content_info:before{content:"";display:inline-block;position:absolute;top:-6px;left:18px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid rgba(0, 0, 0, .8);}
.dt_vd_dsc_cont .art_content_info span{font-size:13px;color:#fff;}
.dt_vd_dsc_cont .art_content_info span + span:before{content:"·";padding:0 4px;}
.dt_vd_dsc_cont .artist_director{margin-top:5px;}
.dt_vd_dsc_cont .artist_info [class^="artist_"]:after{content:"";display:block;clear:both;}
.dt_vd_dsc_cont .artist_info .art_t{display:inline-block;float:left;margin-top:1px;margin-bottom:4px;}
.dt_vd_dsc_cont .artist_info .art_t:after{content:":";padding:0 4px;}
.dt_vd_dsc_cont .artist_info .art_p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:1.4;}
.dt_vd_dsc_cont .artist_info .artist_actor .art_p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em;white-space:normal;}
.dt_vd_dsc_cont .artist_info .art_p span:after{content:",";padding-right:4px;}
.dt_vd_dsc_cont .artist_info .art_p span:last-child:after, .dt_vd_dsc_cont .artist_info .art_p span:only-child:after{content:none;}
#nobel_banner .dt_vd_posB .nobel_btn_box .detail_isbn{margin-top:10px;}
.dt_vd_dsc_cont .dt_vd_posB{position:absolute;bottom:0;left:0;width:100%;}
.dt_vd_posB .hash{font-size:0;max-height:60px;overflow:hidden;margin:12px -3px 0 -3px;}
.dt_vd_posB .hash a{display:inline-block;height:24px;line-height:22px;border-radius:10px;font-size:13px;color:#d32b2b;text-align:center;border:1px solid #d32b2b;padding:0 10px;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;margin:6px 3px 0;}
.dt_vd_posB .vd_dt_simnum{height:16px;line-height:16px;font-size:13px;color:#999;margin-top:14px;}
#nobel_banner .dt_vd_dsc_cont .nobel_btn_box{position:static;}
#nobel_banner .dt_vd_dsc_cont .nobel_btn_box:after{content:"";display:block;clear:both;}
#nobel_banner .dt_vd_dsc_cont .nobel_btn_box > ul > li{width:105px;}
#nobel_banner .dt_vd_dsc_cont .nobel_btn_box > ul > .coin > a{text-align:center;}
.dt_vd_dsc_cont .nobel_btn_box .coin span{display:inline-block;width:auto;float:none;padding-left:17px;padding-right:0;background:url("https://cdn.metoon.co.kr/mimg/detail_coin_icon_gray.png") no-repeat 0 center;background-size:15px;color:#888;}
.dt_vd_dsc_cont .nobel_btn_box .sale_price{display:inline-block;font-size:0.85em;color:#a1a1a1;text-decoration:line-through;padding:0 2px;margin-right:5px;}
.dt_vd_dsc_cont .nobel_btn_box .coin_dis_vd{font-style:normal;color:#a1a1a1;text-decoration:line-through;margin:0 4px 0 2px;}
.dt_vd_dsc_cont .nobel_btn_box .coin.discount .coin_price_vd{color:#e06464;font-weight:bold;}
.dt_vd_posB li a{position:relative;}
#nobel_banner .dt_vd_dsc_cont .dt_vd_posB .nobel_btn_box ul{float:none;}
#nobel_banner .dt_vd_dsc_cont .dt_vd_posB .nobel_btn_box ul:after{content:"";display:block;clear:both;}
#nobel_banner .dt_vd_dsc_cont .dt_vd_posB .nobel_btn_box ul li.wd210{width:-webkit-calc(100% - 113px);width:-moz-calc(100% - 113px);width:calc(100% - 113px);max-width:100%;}
#nobel_banner .dt_vd_dsc_cont .dt_vd_posB .nobel_btn_box ul li.wd180{width:180px;max-width:100%;}
#nobel_banner .dt_vd_dsc_cont .vd_download{width:100%;margin-top:8px;}
#nobel_banner .dt_vd_dsc_cont .vd_download_btn{display:block;width:100%;height:36px;line-height:34px;font-size:1.1em;font-weight:500;text-align:center;border:1px solid #585858;border-radius:5px;background-color:#f7f7f7;-webkit-box-sizing:border-box;box-sizing:border-box;}
#nobel_banner .dt_vd_dsc_cont .vd_download_btn span{display:inline-block;float:none;width:auto;padding:0;padding-left:22px;background:url("https://cdn.metoon.co.kr/img/ic_download.png") no-repeat 0 center;background-size:16px auto;text-align:left;}
#nobel_banner .dt_vd_posB .play_vd a{text-align:center;}
.dt_vd_posB .play_vd i{position:relative;display:inline-block;width:18px;height:18px;line-height:18px;border-radius:100%;border:1px solid #d84f4f;vertical-align:middle;margin-right:6px;}
.dt_vd_posB .play_vd i:before{content:"";display:block;position:absolute;top:50%;left:50%;border-left:6px solid #d84f4f;border-top:4px solid transparent;border-bottom:4px solid transparent;margin:-4px 0 0 -2px;}
.dt_vd_posB .nobel_btn_box .play_vd span{display:inline;width:auto;float:none;text-align:left;vertical-align:middle;padding:0;}
/* 영상 디테일(단편) */
.detail_short_srcShot{width:880px;/* min-height:488px; */min-height:455px;float:left;}
.ds_srcShot_cont{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;-webkit-align-items:center;align-items:center;width:100%;/* height:445px; */height:408px;border:1px solid #d1d1d1;border-top:0 none;background:#eee;}
.ds_srcShot .swiper-slide{position:relative;width:520px;background-color:#fff;}
.ds_srcShot .swiper-slide + .swiper-slide{margin-left:40px;}
.ds_srcShot .me_loadpre{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:60px;margin:auto;z-index:1;}
.ds_srcShot .swiper-slide a{position:relative;display:block;width:100%;height:0;padding-bottom:56.39%;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:2;}
.ds_srcShot [class^="dsvs-button-"]{position:absolute;top:50%;width:37px;height:54px;background-color:rgba(0, 0, 0, .9);background-repeat:no-repeat;background-position:center;background-size:17px auto;opacity:.7;z-index:10;cursor:pointer;margin-top:-27px;box-shadow:0 0 10px rgba(255, 255, 255, .4);}
.ds_srcShot .dsvs-button-prev{left:0;background-image:url(https://cdn.metoon.co.kr/img/ic_mv_prev.png);}
.ds_srcShot .dsvs-button-next{right:0;background-image:url(https://cdn.metoon.co.kr/img/ic_mv_next.png);}
.ds_srcShot [class^="dsvs-button-"]:hover{opacity:1;}
/* 영상 디테일 추천 동영상 */
.dt_vd_recomm_cont{float:left;width:100%;padding:30px 0 15px;background-color:#f5f5f5;}
.dt_vd_recomm_cont p.title{width:1180px;font-size:19px;font-weight:bold;color:#565656;padding-bottom:15px;margin:0 auto;}
.dt_vd_recomm_wrap{position:relative;width:1180px;background-color:#fff;border:1px solid #ddd;padding:40px 30px 40px;margin:0 auto;}
.dt_vd_recomm ul:after{content:"";display:block;clear:both;}
.dt_vd_recomm li{float:left;width:-webkit-calc((100% - 80px) / 5);width:-moz-calc((100% - 80px) / 5);width:calc((100% - 80px) / 5);}
.dt_vd_recomm li + li{margin-left:20px;}
.dt_vd_recomm li a{position:relative;display:block;}
.dt_vd_recomm .thumbnail{position:relative;}
.dt_vd_recomm .me_loadpre{width:35%;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;min-width:45px;max-width:60px;z-index:1;}
.dt_vd_recomm .thumbnail_img{position:relative;width:100%;height:0;padding-bottom:56.39%;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:4px;z-index:2;}
.dt_vd_recomm li strong.title{display:block;font-size:17px;color:#363636;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:8px 0 0;}
.dt_vd_recomm li .thumbnail strong.title{position:absolute;bottom:8px;left:0;width:100%;font-size:15px;font-weight:normal;color:#fff;letter-spacing:0;padding:0 8px;box-sizing:border-box;z-index:10;}
/* 영상 flowplayer */
#nobel_banner .visual_txt_wrap{width:430px;}
#nobel_banner .visual_txt_wrap .vis_nobel_list{width:100%;}
#vdPlayer{float:left;width:818px;background-color:#000;margin-top:60px;}
#vdPlayer .fp-ui{max-width:99.9%;}
.flowplayer .fp-controls{height:3.4em;background-color:rgba(0, 0, 0, .7);}
.flowplayer .fp-color {background-color: #fff;fill: rgba(0, 0, 0, 0.2);}
.flowplayer .fp-bar-slider em.fp-grey{background-color: rgba(255, 255, 255, 0.45);}
#vdPlayer.fp-slim .fp-volumebar{height:4px;font-size:0;margin-left:3px;}
#vdPlayer.fp-slim .fp-volumebar em{width:8px;height:100%;margin-left:0;transform:scale(1);}
#vdPlayer.fp-slim .fp-volume:hover .fp-volumebar{height:8px;}
#vdPlayer.fp-slim .fp-timeline{height:2px;background-color:rgba(255, 255, 255, .1);}
#vdPlayer.fp-slim .fp-progress{position:relative;}
#vdPlayer.fp-slim .fp-progress:after{content:"";display:block;position:absolute;top:50%;right:-9px;width:18px;height:18px;border-radius:100%;background-color:#fff;opacity:0;margin-top:-9px;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;}
#vdPlayer .fp-bar > *.fp-buffer, #vdPlayer .fp-bar-slider > *.fp-buffer{background-color:rgba(255, 255, 255, .3);}
#vdPlayer .fp-volumebar{cursor:pointer;}
#vdPlayer .fp-share{display:none !important;}
#vdPlayer .fp-bar, #vdPlayer .fp-bar-slider{cursor:pointer;}
#vdPlayer .fp-fullscreen:before{content:"";display:block;width:24px;height:20px;background-repeat:no-repeat;background-position:center;background-size:100%;background-image:url("https://cdn.metoon.co.kr/img/ic_vd_fullScr_s.png?1");}
#vdPlayer.is-fullscreen .fp-fullscreen:before{background-image:url("https://cdn.metoon.co.kr/img/ic_vd_fullScr_s_off.png");}
#vdPlayer .fp-volumebtn, #vdPlayer .fp-fullscreen{position:relative;}
#vdPlayer .fp-volumebtn:after{content:"음소거";left:50%;-webkit-transform:translate(-50%, -30px);transform:translate(-50%, -30px);}
#vdPlayer.is-muted .fp-volumebtn:after{content:"음소거해제";}
#vdPlayer .fp-fullscreen:after{content:"전체화면";right:-5px;-webkit-transform:translate(4px, -30px);transform:translate(4px, -30px);}
#vdPlayer.is-fullscreen .fp-fullscreen:after{content:"기본화면";}
#vdPlayer .fp-volumebtn:after, #vdPlayer .fp-fullscreen:after{display:block;position:absolute;top:0;height:24px;line-height:24px;padding:0 8px;background-color:rgba(0, 0, 0, .7);font-size:12px;font-weight:bold;color:#fff;text-align:center;opacity:0;visibility:hidden;white-space:nowrap;z-index:100;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#vdPlayer .fp-volumebtn:hover:after{-webkit-transform:translate(-50%, -40px);transform:translate(-50%, -40px);}
#vdPlayer .fp-fullscreen:hover:after{-webkit-transform:translate(0, -45px);transform:translate(0, -45px);}
#vdPlayer .fp-volumebtn:hover:after, #vdPlayer .fp-fullscreen:hover:after{opacity:1;visibility:visible;}
#vdPlayer.fp-slim .fp-controls:hover .fp-timeline{height:6px;}
#vdPlayer.fp-slim .fp-controls:hover .fp-progress:after{opacity:1;}
#vdPlayer_pan {cursor: pointer}
#vdPlayer.is-error .fp-message.fp-shown{opacity:0;}
#vdPlayer.is-playing .premium_free_vd{display:none;}

/* 영상 홈 */
.main_vd_section{position:relative;margin-top:45px;}
.vd_main_cont .main_vd_section{margin-top:35px;}
.main_vd_section.ebook_hash_sec{margin-bottom:39px;}
.main_vd_section:first-child{margin-top:0;}
#container_renew .main_vd_section + .main_ev_wrap{margin:80px auto 70px;}
.main_vd_section .title_area{position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:20px;}
.main_vd_section .title_area h3{-webkit-flex:1;-ms-flex:1;flex:1;float:left;font-size:25px;color:#000;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vd_main_cont .main_vd_section .title_area h3{font-size:19px;}
.main_vd_section .title_area .main_swp_pagination{position:absolute;bottom:0;right:0;margin-bottom:3px;}
.main_vd_section .title_area a + .main_swp_pagination:not(.more_plus){margin-bottom:-16px;}
.main_vd_section .title_area .main_swp_pagination.more_plus{margin-right:65px;margin-bottom:9px;}
.main_vd_section .main_vd_hash ul:after{content:"";display:block;clear:both;}
.main_vd_section .main_vd_hash li{float:left;width:9.09%;width:-webkit-calc(100% / 11);width:calc(100% / 11);padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.main_vd_section .main_vd_hash a{display:block;height:36px;line-height:36px;border-width:1px;border-style:solid;font-size:14px;text-align:center;border-radius:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 5px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.main_vd_section .main_vd_hash li:not(.more) a{background-color:#f6f5f5;border-color:#f6f5f5;color:#555;}
.main_vd_section .main_vd_hash .more a{background-color:#fff;border-color:#d32b2b;color:#d32b2b;}
.main_vd_section .main_vd_hash .more a:after{content:"+";display:inline-block;padding-left:4px;}
.main_vd_section [class^="main_vd_swiper"], .main_vd_section [class^="main_vd_hash"]{visibility:hidden;}
.main_vd_section [class^="main_vd_swiper"] .swiper-slide{width:185px;margin-right:14px;}
.main_vd_section .vd_hash_popular{min-height:36px;visibility:visible;}
.main_vd_section .swiper-slide a{position:relative;display:block;}
.main_vd_section .swiper-slide .thumbnail_area, .ml_wrap .thumbnail_area{position:relative;}
.main_vd_section .swiper-slide .thumbnail_img, .ml_wrap .thumbnail_img{position:relative;width:100%;height:0;padding-bottom:56.39%;border-radius:4px;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:10;}
.ml_wrap .thumbnail_img{padding-bottom:102px;}
.main_vd_section .swiper-slide .me_loadpre, .ml_wrap .me_loadpre{position:absolute;top:0;left:0;right:0;bottom:0;width:60px;margin:auto;z-index:1;}
.main_vd_section .swiper-slide .title, .ml_wrap .thumbnail_area + strong.title{display:block;font-size:17px;height:20px;line-height:20px;color:#363636;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-top:9px;}
.main_vd_section .swiper-slide .thumbnail_img .title, .ml_wrap .thumbnail_area strong.title, .vd_sub_list li .thumbnail_img .title{position:absolute;bottom:4px;left:0;width:100%;font-size:15px;font-weight:normal;color:#fff;letter-spacing:0;padding:0 8px;box-sizing:border-box;z-index:10;}
.vd_sub_list li .thumbnail_img .title{bottom:8px;}
.vd_thumb_pan{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:70px;background:linear-gradient(to top, rgba(0, 0, 0, .9) 5%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0));border-radius:0 0 4px 4px;}
.vd_sub_list li .thumbnail_img .vd_thumb_pan{background:linear-gradient(to top, rgba(0, 0, 0, .9) 15%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0));}
.item_ready .vd_thumb_pan{display:none;}
.main_vd_section .swiper-slide.item_ready .thumbnail_img{background-size:auto;background-color:#d2d2d2;}
.main_vd_section .swiper-slide.item_ready .thumbnail_img:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #cecece;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#container_renew .ml_container li .thumbnail_area .label_box{bottom:7px;}
.main_vd_section.main_vd_top10 .title_area{position:relative;padding-bottom:12px;border-bottom:1px solid #000;margin-bottom:26px;}
.main_vd_section .title_area a{display:inline-block;float:right;font-size:12px;font-weight:400;color:#959595;padding-right:12px;background:url("https://cdn.metoon.co.kr/img/ic_mlt_more.png") no-repeat 100% center;background-size:6px;margin-bottom:3px;-webkit-align-self:flex-end;align-self:flex-end;}
.main_vd_section .swiper-slide .rank{display:inline-block;width:22px;height:16px;line-height:16px;font-size:11px;color:#fff;text-align:center;border-radius:4px;background-color:#ed1c24;vertical-align:2px;margin-right:6px;}
.main_vd_section [class^="ml-button-"]{/* visibility:hidden; */position:absolute;top:50%;width:37px;height:54px;background-color:rgba(0, 0, 0, .9);background-repeat:no-repeat;background-position:center;background-size:17px auto;opacity:.5;z-index:10;cursor:pointer;margin-top:-30px;}
.main_vd_section .ml-button-prev{left:0;background-image:url(https://cdn.metoon.co.kr/img/ic_mv_prev.png);}
.main_vd_section .ml-button-next{right:0;background-image:url(https://cdn.metoon.co.kr/img/ic_mv_next.png);}
/* .main_vd_section [class^="main_vd_swiper"]:hover [class^="ml-button-"], .main_vd_section [class^="main_vd_hash"]:hover [class^="ml-button-"]{visibility:visible;} */
.main_vd_section [class^="ml-button-"]:hover{opacity:.8;}
.vd_main_bnr_box{position:relative;padding-top:35px; margin:0 auto;}
.vd_main_bnr_box .vd_main_list_bnr{display:block;position:relative;height:190px;background-repeat:no-repeat;background-position:center;background-size:contain;}
/* 회차 더보기 레이어팝업 */
.de_summ_pop_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:10001;}
.de_summ_pop_wrap:before{content:"";display:inline-block;height:100%;margin-left:-4px;vertical-align:middle;}
.de_summ_pop_wrap .de_summ_back{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .4);z-index:1;}
.de_summ_pop{position:relative;display:inline-block;max-width:450px;width:100%;background:#fff;border-radius:5px;vertical-align:middle;letter-spacing:0;z-index:10;-webkit-transform:translate(0, -20%);-moz-transform:translate(0, -20%);-o-transform:translate(0, -20%);-ms-transform:translate(0, -20%);transform:translate(0, -20%);-webkit-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;}
.de_summ_pop_wrap.fadeIn .de_summ_pop{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);}
.de_summ_pop .de_summ_contents{padding:25px;}
.de_summ_pop .de_summ_title{font-size:18px;font-weight:700;line-height:1.5;padding-bottom:10px;border-bottom:1px solid #ddd;}
.de_summ_pop .de_summ_title strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;text-overflow:ellipsis;overflow:hidden;white-space:normal;word-break:keep-all;}
.de_summ_pop .de_summary{font-size:15px;line-height:1.6;text-align:left;white-space:pre-line;max-height:360px;overflow-y:auto;margin:20px auto;overscroll-behavior:contain;}
.de_summ_pop .de_summ_btn{display:block;background-color:#d32b2b;font-size:16px;color:#fff;height:44px;line-height:44px;-webkit-transition:all .2s;transition:all .2s;}
.de_summ_pop .de_summ_btn:hover{background-color:#a01818;}
.no-scrollable{position:relative;overflow:hidden;}
/* 검색페이지 */
.search_hash_cont, .search_ip_cont{position:relative;width:1180px;font-weight:normal;margin:0 auto;}
.search_hash_cont{padding-top:15px;}
.search_hash_cont:after{content:"";display:block;clear:both;}
.search_hash_cont .title{float:left;width:160px;font-size:28px;line-height:38px;margin-top:5px;}
.search_hash_cont ul{float:right;width:-webkit-calc(100% - 160px);width:calc(100% - 160px);padding-right:30px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.search_hash_cont ul:after{content:"";display:block;clear:both;}
.search_hash_cont ul.hash_hidden{display:none;}
.search_hash_cont li{float:left;width:12.5%;text-align:center;padding:5px 8px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.search_hash_cont li:nth-child(n + 8){display:none;}
.search_hash_cont ul.active li:nth-child(n + 8){display:block;}
.search_hash_cont ul li.more{display:block;}
.search_hash_cont li a{display:block;height:38px;line-height:38px;border:1px solid #f6f5f5;border-radius:19px;background-color:#f6f5f5;font-size:16px;color:#555;padding:0 6px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;}
.search_hash_cont li:not(.more) a.on, .vd_sub_hash_list li:not(.more) a.on, .main_vd_section .main_vd_hash li:not(.more) a.on{font-weight:700;color:#d32b2b;}
.search_hash_cont li.more a{border-color:#d32b2b;color:#d32b2b;background-color:#fff;}
.search_hash_cont li.more a span{position:relative;margin-left:-6px;cursor:pointer;}
.search_hash_cont li.more a span:after{content:"";display:inline-block;position:absolute;top:50%;right:-14px;border-top:6px solid #d32b2b;border-left:4px solid transparent;border-right:4px solid transparent;margin-top:-3px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:transform .2s;transition:transform .2s;}
.search_hash_cont li.more a span:before{content:"더보기";}
.search_hash_cont ul.active li.more a span:before{content:"접기";}
.search_hash_cont ul.active li.more a span:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.search_ip_cont{background-color:#f1f1f1;text-align:center;padding:50px 0;margin-top:20px;}
.search_ip_cont .cont_inner{display:inline-block;text-align:left;vertical-align:top;margin-left:60px;}
.search_ip_cont .search_ip_area, .search_ip_cont .rank_roll_area{float:left;position:relative;}
.search_ip_area input[type="search"]{display:block;width:586px;height:54px;padding:0 96px 0 20px;font-size:20px;border:2px solid #41d4c4;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:normal;}
.search_ip_area input[type="search"]::placeholder{color:#adadad;}
.search_ip_area input[type="search"]::-webkit-search-cancel-button{position:relative;right:3px;width:14px;height:14px;background:url("https://cdn.metoon.co.kr/mimg/ic_searchnew_x.png") no-repeat center;margin-left:15px;background-size:100%;-webkit-appearance:none;}
.search_ip_area .search_ip_btn{position:absolute;top:0;right:0;display:block;width:88px;height:54px;line-height:54px;background-color:#41d4c4;font-size:20px;color:#fff;text-align:center;border:0 none;}
.rank_roll_area{width:310px;margin-left:70px;}
.rank_roll_area .rank_roll_cont{line-height:54px;}
.rank_roll_area .rank_roll_cont:after{content:"";display:block;clear:both;}
.rank_roll_cont .rise{float:left;width:64px;height:28px;line-height:28px;display:block;border-radius:6px;background-color:#bebebe;font-size:15px;color:#fff;text-align:center;margin-top:13px;}
.rank_roll_cont .rank_roll{float:left;width:-webkit-calc(100% - 79px);width:calc(100% - 79px);height:54px;font-size:18px;margin-left:15px;}
.rank_roll_cont a.swiper-slide{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.rank_roll_cont a.swiper-slide .rank{display:inline-block;width:24px;font-style:italic;font-weight:700;color:#41d4c4;text-align:center;padding-right:8px;}
.rank_roll_cont a.swiper-slide span{color:#555;cursor:pointer;}
.rank_roll_area .search_rank_modal{visibility:hidden;position:absolute;top:100%;left:0;min-width:240px;max-width:100%;background-color:#fff;padding:20px 30px;box-shadow:0 0 10px rgba(0, 0, 0, .1);border-top:1px solid #bebebe;z-index:100;}
.search_rank_modal:not(.active){width:0;height:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip:rect(0px, 0px, 0px, 0px);}
.search_rank_modal a{display:block;font-size:16px;color:#555;line-height:32px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.search_rank_modal .rank{display:inline-block;width:24px;padding-right:20px;text-align:center;}
.search_rank_modal span{display:inline-block;cursor:pointer;opacity:.2;-webkit-transform:translateY(80%);-moz-transform:translateY(80%);-o-transform:translateY(80%);-ms-transform:translateY(80%);transform:translateY(80%);-webkit-transform-origin:left bottom;transform-origin:left bottom;will-change:transform, opacity;}
.search_rank_modal a:nth-child(2) span{-webkit-animation-delay:.05s;animation-delay:.05s;}
.search_rank_modal a:nth-child(3) span{-webkit-animation-delay:.1s;animation-delay:.1s;}
.search_rank_modal a:nth-child(4) span{-webkit-animation-delay:.15s;animation-delay:.15s;}
.search_rank_modal a:nth-child(5) span{-webkit-animation-delay:.2s;animation-delay:.2s;}
.search_rank_modal a:nth-child(6) span{-webkit-animation-delay:.25s;animation-delay:.25s;}
.search_rank_modal a:nth-child(7) span{-webkit-animation-delay:.3s;animation-delay:.3s;}
.search_rank_modal a:nth-child(8) span{-webkit-animation-delay:.35s;animation-delay:.35s;}
.search_rank_modal a:nth-child(9) span{-webkit-animation-delay:.4s;animation-delay:.4s;}
.search_rank_modal a:nth-child(10) span{-webkit-animation-delay:.45s;animation-delay:.45s;}
.search_rank_modal.active{visibility:visible;}
.search_rank_modal.active span{-webkit-animation:fadeUpSer .4s forwards;animation:fadeUpSer .4s forwards;}
@-webkit-keyframes fadeUpSer{
	0%{opacity:.2;-webkit-transform:scale(.4) translateY(80%);-moz-transform:scale(.4) translateY(80%);-o-transform:scale(.4) translateY(80%);-ms-transform:scale(.4) translateY(80%);transform:scale(.4) translateY(80%);}
	100%{opacity:1;-webkit-transform:scale(1) translateY(0);-moz-transform:scale(1) translateY(0);-o-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);}
}
@keyframes fadeUpSer{
	0%{opacity:.2;-webkit-transform:scale(.4) translateY(80%);-moz-transform:scale(.4) translateY(80%);-o-transform:scale(.4) translateY(80%);-ms-transform:scale(.4) translateY(80%);transform:scale(.4) translateY(80%);}
	100%{opacity:1;-webkit-transform:scale(1) translateY(0);-moz-transform:scale(1) translateY(0);-o-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);}
}