@charset "utf-8";

/*
.main_content_swipe .mcs_wrap .vd-slide .vd_thumbnail_bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px 5px 0 0;overflow:hidden;z-index:1;}
.main_content_swipe .mcs_wrap .vd-slide .vd_thumbnail_bg .inner_thumb{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:.7;z-index:2;}
.main_content_swipe .mcs_wrap .vd-slide .vd_thumbnail{position:absolute;top:0;left:0;right:0;bottom:0;width:calc(100% - 6px);height:0;padding-bottom:56.39%;background-repeat:no-repeat;background-position:center;background-size:cover;margin:auto;z-index:2;}
*/
.novel_img .vd_thumbnail_bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px 5px 0 0;overflow:hidden;z-index:1;}
/* .main_content_swipe .mcs_wrap .vd-slide .vd_thumbnail_bg:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .12);z-index:1;} */
.novel_img .vd_thumbnail_bg .inner_thumb{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:.7;z-index:2;}
.novel_img .vd_thumbnail{position:absolute;top:0;left:0;right:0;bottom:0;width:calc(100% - 6px);height:0;padding-bottom:56.39%;background-repeat:no-repeat;background-position:center;background-size:cover;margin:auto;z-index:2;}

.main_content_swipe .mcs_wrap .vd_tag_txt{display:block;line-height:1.3;}
.main_content_swipe .mcs_wrap span.title + .vd_tag_txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;letter-spacing:-0.09em;padding:0 5px;height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
.main_content_swipe .mcs_wrap .vd_tag_txt i{display:inline-block;white-space:nowrap;margin-right:5px;}
.main_content_swipe .mcs_wrap .vd_tag_txt i:last-child{margin-right:0;}
/* .main_content_swipe .mcs_wrap .vd-slide .vd_thumbnail.swiper-lazy-loaded{box-shadow:0 0 10px rgba(0, 0, 0, .8);} */

.nLabel_vd{background-image:url("https://cdn.metoon.co.kr/mimg/nLabel_vd.png?1");}

.main_home_contents nav ul .mh_content_vd a i{display:inline-block;width:16px;height:16px;background:url("https://cdn.metoon.co.kr/mimg/ic_play_vd_menu.png") no-repeat center;background-size:100% auto;vertical-align:middle;margin-right:5px;margin-top:-3px;}

/* .main_content_swipe .mcs1-title{height:45px;line-height:45px;}
#content_wrap .cont_title{padding:12px 8px 12px;margin:0;} */
#content_wrap .cont_title{padding:15px 8px 10px;min-height:20px;line-height:20px;color:var(--main-ft-fc-color);margin:0 auto 5px;}
#content_wrap .cont_title span, .pdr_title span{position:relative;padding-right:40px;}
#content_wrap .cont_title .ic_free_panel, .pdr_title .ic_free_panel{position:absolute;top:50%;right:0;display:inline-block;padding:0 4px;height:14px;line-height:14px;font-size:11px;border:1px solid var(--bg-fc-color);text-align:center;border-radius:3px;vertical-align:middle;margin-top:-8px;}
#main_challenge .chall_list_box_cont>li:first-child{margin-top:0;}

/* 메인 - 영상 메인배너 */
.me_visual .vd_visual_img{position:relative;width:100%;height:0;padding-bottom:53.333%;background-repeat:no-repeat;background-position:100px top;background-size:cover;background-color:#000;}
.me_visual .vd_visual_txt{position:absolute;top:0;left:15px;display:table;width:140px;height:100%;color:var(--main-ft-color);padding-bottom:10px;z-index:10;}
.me_visual .vd_visual_txt:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));}
.me_visual .vd_visual_txt dl{position:relative;display:table-cell;vertical-align:middle;z-index:10;}
.me_visual .vd_visual_txt dt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:22px;line-height:1.3;letter-spacing:-0.04em;}
.me_visual .vd_visual_txt .label{margin-top:24px;}
.me_visual .vd_visual_txt .label i{float:left;display:block;padding:0 7px;line-height:20px;border-radius:4px;background-color:#512b64;font-size:11px;color:#ddd;}
.me_visual .vd_visual_txt .label i + i{margin-left:7px;}
@media only screen and (min-width:650px){
	.me_visual .vd_visual_img{background-position:150px top;}
	.me_visual .vd_visual_txt{left:25px;width:210px;}
}

/* 메인 - 인기태그 */
.mcs_hash_cont{/* max-width:400px; */padding:0 15px 10px;margin:0 auto;}
.mcs_hash_cont:after{content:"";display:block;clear:both;}
.mcs_hash_cont li{float:left;width:25%;padding:0 4px;text-align:center;box-sizing:border-box;margin-bottom:8px;}
.mcs_hash_cont a{display:block;line-height:24px;/* font-size:13px; */color:var(--main-ft-fc-color);background-color:var(--opt-bg-color);border:1px solid var(--main-line-color);border-radius:13px;padding:0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;}
.mcs_hash_cont a span{display:inline-block;max-width:100%;vertical-align:top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mcs_hash_cont a.more{background-color:#FFFFFF;background-color:var(--sub-bg-color);border-color:var(--main-ft-fc-color);color:var(--main-ft-fc-color);}
.mcs_hash_cont a.more span:after{content:"+";display:inline-block;vertical-align:top;margin-top:-1px;}

/* 메인 - 지금 뜨는 영상 */
#content_wrap .cont_title .font-black{color:#000 !important;}
#content_wrap [class^="main_vd_list"]{width:calc(100% - 4px);margin-left:4px;padding-bottom:20px;overflow-x:auto;overflow-y:hidden;position:relative;-webkit-overflow-scrolling:touch;scroll-snap-type:mandatory;-webkit-scroll-snap-type:mandatory;}
#content_wrap [class^="main_vd_list"] li{display:inline-block;display:inline-flex;/* width:135px; */width:76%;max-width:274px;height:auto;margin:0 4px;scroll-snap-coordinate:0% 0%;-webkit-scroll-snap-coordinate:0% 0%;}
#content_wrap [class^="main_vd_list"] li:last-child{margin-right:15px;}
#content_wrap [class^="main_vd_list"] a:not(.vd_ded_space){display:block;position:relative;}
#content_wrap [class^="main_vd_list"] .m_vdlist_thumbox, .mcs_wrap .m_vdlist_thumbox{position:relative;}
.m_vdlist_thumbox:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--main-line-color);border-radius:4px;box-sizing:border-box;z-index:5;}
#content_wrap [class^="main_vd_list"] .m_vdlist_thumnail, .mcs_wrap .m_vdlist_thumnail{position:relative;height:0;padding-bottom:56.39%;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:4px;z-index:2;}
.mcs_wrap .m_vdlist_thumnail{height:78px;padding-bottom:0;}
#content_wrap [class^="main_vd_list"] .title, .mcs_wrap .m_vdlist_thumbox + span.title{display:block;font-size:13.8px;color:var(--sub2-ft-color);font-weight:500;line-height:17px;padding:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#content_wrap [class^="main_vd_list"] .m_vdlist_thumbox .title, .mcs_wrap .m_vdlist_thumbox span.title, [class^="vd_recomm_list_cont"] .thumbnail .content_dsc{position:absolute;bottom:0;left:0;width:100%;font-size:12px;line-height:14px;color:var(--main-ft-color);z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;}
[class^="vd_recomm_list_cont"] .thumbnail .content_dsc .title{color:var(--main-ft-color);}
.vd_thumb_pan{position:absolute;bottom:-1px;left:0;right:0;/* width:100%; */height:40%;background:linear-gradient(to top, rgba(0, 0, 0, .8) 10%, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, 0));border-radius:0 0 4px 4px;z-index:5;}
#content_wrap [class^="main_vd_list"] .more{width:auto;height:auto;}
#content_wrap [class^="main_vd_list"] .more a{width:100%;height:100%;padding:0 20px;display:table;border:1px solid var(--main-line-color);transition:border-color 0.2s;background-color:var(--sub-bg-color);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;}
#content_wrap [class^="main_vd_list"] .more_wrap{display:table-cell;vertical-align:middle;}
#content_wrap [class^="main_vd_list"] .more_wrap span{display:inline-block;padding-bottom:28px;background:url("https://cdn.metoon.co.kr/mimg/btn_add.svg") no-repeat center 100%;background-size:18px;font-size:14px;color:var(--main-ft-color);}
[color-theme="light"] #content_wrap [class^="main_vd_list"] .more_wrap span{background-image:url("https://cdn.metoon.co.kr/mimg/btn_add.png");}
#content_wrap [class^="main_vd_list"] .label_box, .mcs_wrap .m_vdlist_thumbox .label_box{position:absolute;bottom:4px;left:0;z-index:5;}
.main_content_swipe .mcs_wrap .more.vd-more{height:133px;}
.vd_main_bnr_box{position:relative;background-color:#f1f1f1;}
.vd_main_list_bnr{position:relative;display:block;max-width:450px;height:90px;background-repeat:no-repeat;background-position:center;background-size:contain;margin:10px auto 18px;}

/* 서브 - 영상 작품 리스트 */
#container.contain_video{min-height:calc(100vh - 180px);/* background:#fff; */}
.sub_vd_cont.hd_dep2{padding-top:43px;}
.sub_vd_cont.detail{margin-top:30px;}
.sub_vd_cont .sub_vd_list{padding:0 4px;margin:10px auto 0;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;flex-wrap:wrap;}
.sub_vd_cont .sub_vd_list.mgt_none{margin-top:0;}
.sub_vd_cont .sub_vd_list.row{padding-bottom:8px;}
/* 서브 - 영상 작품 리스트 일반, 성인 */
.svd_hash_menu:after, .sub_vd_list.row a:after{content:"";display:block;clear:both;}
.svd_hash_menu_cont{display:flex;justify-content:center;padding:15px 12px;background:var(--sub-bg-color);border:1px solid var(--main-line-color);border-top-width:0;}
.sub_page_title.has_hash + .sub_vd_cont .svd_hash_menu_cont{border-top-width:1px;}
.svd_hash_menu_cont .title{font-size:14px;color:var(--bg-fc-color);margin-bottom:10px;}
.svd_hash_menu{max-width:1140px;width:100%;margin:0 auto;}
.svd_hash_menu li{float:left;width:25%;padding:0 3px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;}
.svd_hash_menu li:nth-child(n + 5){margin-top:6px;}
.svd_hash_menu li:not(.more) a, .svd_hash_menu .more span{font-size:13px;}
.svd_hash_menu a{display:block;line-height:24px;border-radius:13px;background:var(--opt-bg-color);color:var(--main-ft-fc-color);padding:0 2px;border:1px solid var(--main-line-color);-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.svd_hash_menu a.more{background:var(--sub-bg-color);color:var(--main-ft-fc-color);border-color:var(--main-ft-fc-color);font-size:0;}
.svd_hash_menu .more span, .svd_hash_menu .more i{display:inline-block;vertical-align:middle;}
.svd_hash_menu .more i{height:0;border-top:6px solid var(--main-ft-fc-color);border-left:4px solid transparent;border-right:4px solid transparent;margin-left:4px;-webkit-transition:transform .2s;transition:transform .2s;}
/* .svd_hash_menu .on i{-webkit-transform:rotate(180deg);transform:rotate(180deg);} */
.svd_hash_menu a:not(.more).on{color:var(--bg-fc-color);border-color:var(--bg-fc-color);font-weight:500;}
.svd_hash_menu:not(.active) li:nth-child(n + 8){display:none;}
.svd_hash_menu:not(.active) li:last-child{display:block;}
.svd_hash_menu .more span:before{content:"더보기";}
.svd_hash_menu.active a.more i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.svd_hash_menu.active .more span:before{content:"접기";}
.sub_vd_list a{display:block;position:relative;letter-spacing:-0.05em;}
.sub_vd_list.row a{display:-webkit-box;display:-webkit-flex;display:flex;}
.sub_vd_list .thumbn_logo{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:35%;min-width:45px;max-width:60px;z-index:1;}
.sub_vd_list.row .thumbn_logo{top:5px;}
.sub_vd_list.row li{padding:0 4px;}
.sub_vd_list.row li + li{margin-top:10px;}
.sub_vd_list.row li.vd_empty{text-align:center;font-size:18px;color:#777;line-height:200px;}
.sub_vd_list.row .svd_thumbnail{float:left;position:relative;}
.sub_vd_list.row .thumbnail_img{position:relative;width:134px;height:0;padding-bottom:56.39%;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:2;}
.sub_vd_list.row .thumbnail_img:before, .sub_vd_list.column .thumbnail_img:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--main-line-color);border-radius:6px 6px 0 0;box-sizing:border-box;z-index:1;}
.sub_vd_list .thumbnail_img_elem{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.sub_vd_list .ic_prem_xtg{top:auto;left:auto;bottom:0;right:0;}
.vdthumb_preview_act .vdthumb_preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.15s;}
.vdthumb_preview_act .vdthumb_preview.target{opacity:1;}
/* video.vdthumb_preview:not(.visible){display:none;} */
.sub_vd_list.row .svd_summ{position:relative;width:calc(100% - 134px);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding-left:10px;}
.sub_vd_list.row .title{font-size:16px;font-weight:bold;color:#3c3c3c;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sub_vd_list.row .svd_hash{max-height:2.8em;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;}
.sub_vd_list.row .svd_hash span{display:inline-block;white-space:nowrap;font-size:12px;margin-right:5px;}
.sub_vd_list.row .svd_hash span:last-child{margin-right:0;}
/* 서브 - 영상 작품 리스트 top100 */
.sub_vd_list.column li{float:left;position:relative;width:50%;padding:0 4px 8px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.sub_vd_list.column li.not_find{width:100%;}
.sub_vd_list.column a{display:block;position:relative;height:100%;display:flex;flex-direction:column;}
.sub_vd_list.column .rank{position:absolute;top:0;left:-5px;width:30px;height:20px;line-height:20px;background-color:var(--bg-fc-color);font-size:13px;font-weight:bold;color:var(--main-ft-color);text-align:center;border-radius:0 0 0 3px;z-index:10;}
.sub_vd_list.column .rank:before{content:"";display:block;position:absolute;bottom:-5px;left:3px;border-left:4px solid #9a1a1a;border-top:4px solid transparent;border-bottom:4px solid transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.sub_vd_list.column .svd_thumbnail{position:relative;flex-shrink:0;}
.sub_vd_list.column .thumbnail_img{position:relative;width:100%;height:0;padding-bottom:56.39%;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:6px 6px 0 0;overflow:hidden;z-index:2;}
.sub_vd_list.column .svd_summ{position:relative;padding:10px;background-color:var(--sub-bg-color);/* background:#fff; */border:1px solid var(--main-line-color);border-top-width:0;border-radius:0 0 6px 6px;color:var(--sub2-ft-color);box-sizing:border-box;flex:1 1 auto;}
.sub_vd_list.column .title{font-size:15px;font-weight:500;color:var(--main-ft-color);line-height:1.1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sub_vd_list .title_wrap{min-width:0;gap:5px;}
.sub_vd_list .title_wrap > .wr_text_tag{align-self:flex-start;flex-shrink:0;margin-left:auto;}
.svd_title_lbs{display:flex;align-items:center;gap:2px 1px;flex-shrink:0;align-self:flex-start;margin-left:auto;}
.svd_title_lbs:empty{display:none;}
.vd_fc_cont + .svd_title_lbs{flex-wrap:wrap;gap:10px 1px;max-height:16px;overflow:hidden;margin-left:0;margin-top:9px;}
.sub_vd_list .icon_up_new{vertical-align:2px;}
.sub_vd_list.column .vd_fc_note{font-size:12px;color:var(--main-ft-fc-color);opacity:0.7;}
.sub_vd_list.column .vd_fc_cont{justify-content:space-between;margin:5px auto 0;gap:5px 10px;}
.sub_vd_list.column .svd_hash{gap:10px 6px;height:20px;overflow:hidden;margin-top:10px;}
.sub_vd_list.column .svd_hash:empty{display:none;}
.sub_vd_list.column .svd_hash span{display:inline-block;height:18px;line-height:15px;padding:0 8px;border:1px solid var(--main-ft-fc-color);border-radius:20px;background-color:var(--opt-bg-color);font-size:11px;color:var(--main-ft-fc-color);white-space:nowrap;box-sizing:border-box;}
.sub_vd_list .svd_labels{position:absolute;bottom:0;left:0;min-width:36px;display:flex;flex-direction:column;gap:5px 5px;text-align:center;margin-bottom:7px;}
.sub_vd_list .patch_box{position:absolute;top:0;left:0;display:flex;gap:3px;align-items:center;margin:5px;}
.sub_vd_list .icon_19_patch{width:18px;flex-shrink:0;}
.svd_labels .wr_text_tag ~ .wr_text_tag{margin-left:0;}
.vd_fc_infos{flex-wrap:wrap;flex-shrink:0;align-self:center;margin-left:auto;}
.vd_fc_hits{font-size:13px;color:var(--sub2-ft-color);line-height:1.1;flex-shrink:0;}
.vd_fc_hits img{width:10px;flex-shrink:0;margin-right:3px;}

/* 검색페이지 */
#content_wrap #container .webtoon_cont.nopd{padding-top:0;}
/* .search_container_new{background-color:#FFFFFF;} */
.home_popular{position:relative;}
.hmpop_container{padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:36px;line-height:36px;border-bottom:1px solid var(--main-line-color);font-size:13px;}
.hmpop_container .hmpop_swiper{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;}
.hmpop_swiper .swiper-slide{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.hmpop_swiper .swiper-slide a{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hmpop_dep1 span.on, .hmpop_container .hmpop_swiper.on{opacity:0;}
.hmpop_container .hmpop_swiper.on a{pointer-events:none;cursor:default;}
.hmpop_swiper a{color:var(--main-ft-fc-color);}
.hmpop_container .hmpop_dep1_btn{display:block;width:32px;text-align:center;color:var(--main-ft-fc-color);-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:transform .2s;transition:transform .2s;}
.hmpop_container .hmpop_dep1_btn.on{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.hmpop_list{position:absolute;top:100%;left:0;width:100%;background:var(--opt-bg-color);padding:15px;box-shadow:0 5px 10px rgba(0, 0, 0, .2);z-index:20;display:none;}
[color-theme="light"] .hmpop_list{border:1px solid var(--main-line-color);border-top:0 none;background-color:#FFFFFF;}
/* .hmpop_list li + li{margin-top:10px;} */
.hmpop_list li + li a{border-top:0 none;}
.hmpop_list a{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:42px;line-height:42px;padding:0 10px;border:1px solid #4E4E4E;white-space:nowrap;}
.hmpop_list li:nth-child(odd) a{background:var(--sub-bg-color);}
[color-theme="light"] .hmpop_list li:nth-child(even) a{background-color:var(--opt-bg-color);}
.hmpop_list .rank{font-style:italic;font-weight:700;width:20px;text-align:center;}
.hmpop_list .author{padding-left:10px;color:#999;}
.hmpop_list .title{/* padding-left:10px; */padding-left:15px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;}
.search_box_new{padding:17px 10px;}
.search_box_new .search_input_new{position:relative;}
.search_box_new input[type="search"]{position:relative;width:100%;height:44px;font-size:15px;border:2px solid #41d4c4;background-color:var(--sub-bg-color);padding:0 60px 0 10px;color:var(--main-ft-color);box-sizing:border-box;-webkit-appearance:none;-webkit-border-radius:0;}
.search_box_new input[type="search"]::placeholder{font-weight:bold;color:#999;}
.search_box_new input[type="search"]:autofill, .search_box_new input[type="search"]:autofill:hover, .search_box_new input[type="search"]:autofill:focus, .search_box_new input[type="search"]:autofill:active{-webkit-text-fill-color:var(--main-ft-color);transition:background-color 5000s ease-in-out 0s;}
.search_box_new input[type="search"]::-webkit-search-cancel-button{position:relative;right:3px;width:14px;height:14px;background:url("https://cdn.metoon.co.kr/mimg/ico_close.svg") no-repeat center;background-size:100%;-webkit-appearance:none;}
.search_box_new .search_txt_btn_new{position:absolute;top:0;right:0;width:56px;height:44px;line-height:44px;font-size:15px;color:#FFFFFF;text-align:center;text-shadow:0 0 3px rgba(0, 0, 0, 0.28);background-color:#41d4c4;border:0 none;}
.search_rst_menu{/* padding-bottom:17px; */padding-bottom:7px;}
.search_rst_menu ul:after{content:"";display:block;clear:both;}
.search_rst_menu li{float:left;width:25%;text-align:center;}
.search_rst_menu a{display:block;height:42px;line-height:40px;font-size:13px;color:#2d2d2d;background-color:#f5f5f5;position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;}
.search_rst_menu .on a{color:var(--bg-fc-color);background:#fff;border-bottom:0 none;}
.search_rst_menu li + li a{border-left:1px solid #ddd;}
/* #content_wrap #container .search_rst_menu .webtoon_cont ul{margin-top:0;} */
#content_wrap .webtoon_rect_list .vd_thumbnail_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:.7;border-radius:4px 4px 0 0;z-index:1;}
#content_wrap .webtoon_rect_list .vd_thumbnail{position:absolute;top:0;left:0;right:0;bottom:0;width:calc(100% - 6px);height:0;padding-bottom:56.39%;background-repeat:no-repeat;background-position:center;background-size:cover;margin:auto;z-index:2;}
.search_result_length{position:relative;padding:0 8px 4px;font-size:14px;}
.search_result_length .ft-red{color:var(--bg-fc-color);}
#content_wrap .search_result_new .webtoon_list_paging{font-size:0;}
#content_wrap .search_result_new .webtoon_list_paging li{font-size:15px;}
#content_wrap .webtoon_prevBox a, #content_wrap .webtoon_nextbox a{display:block;}
.search_res_ttl{padding:0 8px;font-size:18px;color:var(--main-ft-fc-color);/* padding-bottom:18px;border-bottom:1px solid var(--main-line-color); */margin-top:25px;}
/* 영상 디테일(회차) 페이지 */
#content_wrap.vd_detail_cont_wrap{/* padding-top:54px; */overflow:visible;}
#content_wrap.bg-white{background-color:#FFFFFF;}
.vd_detail_visual_wrap{position:relative;overflow:hidden;}
.vd_detail_visual_wrap .bg_logo{position:absolute;top:0;bottom:0;left:0;right:0;display:block;max-width:700px;width:100%;margin:auto;z-index:1;}
.vd_detail_visual_wrap .vd_detail_visual{position:relative;width:100%;height:0;/* padding-bottom:53.3%; */padding-bottom:56.25%;background-repeat:no-repeat;background-position:center;background-size:cover;margin:auto;z-index:11;}
#vdPlayer.is-ready:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:56px;background:linear-gradient(to top, rgba(0, 0, 0, .7) 10%, rgba(255, 255, 255, 0));}
.vdPlayer_preview{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.15s;}
video.vdPlayer_preview{background-color:#000;}
img.vdPlayer_preview{object-fit:cover;}
.vdPlayer_preview.playing{opacity:1;}
.vd_detail_visual .vd_vis_control{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.vd_detail_visual .vd_resol{position:absolute;top:5px;right:10px;z-index:10;}
.vd_detail_visual .vd_resol a{float:left;display:block;height:24px;line-height:24px;font-size:14px;font-weight:700;color:#FFFFFF;padding:0 6px;text-shadow:1px 0 rgba(0, 0, 0, 0.34), -1px 0 rgba(0, 0, 0, 0.34), 0 1px rgba(0, 0, 0, 0.34), 0 -1px rgba(0, 0, 0, 0.34);}
.vd_detail_visual .vd_resol a.on{background-color:var(--bg-fc-color);}
.vd_detail_visual .vd_vis_play{position:absolute;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:50px;height:50px;border-radius:100%;background:rgba(255, 255, 255, .4);margin:-25px 0 0 -25px;font-size:0;box-shadow:0 0 10px rgba(0, 0, 0, .2);transition-property:transform;transition-duration:0.2s;}
.vd_detail_visual .vd_vis_play:before{content:"";display:block;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #fff;margin-left:4px;filter:drop-shadow(0 0 3px #C1C1C1);transition-property:border-color;transition-duration:0.2s;}
.vd_detail_visual .vd_vis_dsc{position:absolute;bottom:10px;left:0;display:flex;width:100%;color:#FFFFFF;padding:0 10px;z-index:10;}
.vd_detail_visual .vd_vis_dsc .title{display:inline-block;display:inline-flex;min-width:0;/* width:calc(100% - 38px); */font-size:17px;font-weight:500;/* text-overflow:ellipsis;overflow:hidden;white-space:nowrap; */vertical-align:middle;text-shadow:1px 0 rgba(0, 0, 0, 0.7), -1px 0 rgba(0, 0, 0, 0.7), 0 1px rgba(0, 0, 0, 0.7), 0 -1px rgba(0, 0, 0, 0.7);margin-left:8px;}
.vd_detail_visual .vd_vis_dsc .title_text{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.vd_detail_visual .vd_vis_dsc .icon_19_patch {width: 18px;margin-left: 5px;flex-shrink: 0;align-self:center;}
.vd_detail_visual .vd_vis_dsc .nLabel_text{display:inline-block;vertical-align:middle;align-self:center;flex-shrink:0;}
.nLabel_fhd{background-image:url(https://cdn.metoon.co.kr/mimg/nlabel_fhd.png);}
.vd_detail_visual .dsc_txt{font-size:12px;margin-top:8px;}
.vd_detail_visual .dsc_txt span{display:inline-block;vertical-align:middle;margin-left:7px;}

.vd_detail_ttl{display:none;position:relative;padding:10px 10px 0;display:flex;justify-content:space-between;gap:10px 15px;}
.vd_detail_ttl .title{font-size:1.2em;color:var(--main-ft-color);letter-spacing:-0.025em;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.vd_detail_info .summ_cont, .vd_detail_info .hash_cont, .vd_detail_info .artist_info{display:flex;padding:10px;letter-spacing:-0.025em;color:var(--sub2-ft-color);}
.vd_detail_info .hash_cont, .vd_detail_info .artist_info{flex-wrap:wrap;}
.vd_detail_info .fanpg_link_area{width:calc(100% - 20px);margin:5px auto 10px;}
.vd_detail_info .summary{display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;/* max-height:36px; */font-size:1em;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:keep-all;word-break:break-word;}
.vd_detail_info .summ_btn{align-self:flex-end;display:block;white-space:nowrap;padding:2px 5px 3px;border:1px solid var(--main-line-color);border-radius:5px;background-color:var(--sub-bg-color);font-size:11px; color:var(--sub2-ft-color); margin-left:10px;-webkit-user-drag:none;}
.vd_detail_info .hash_cont{padding:0 7px;font-size:0;}
.vd_detail_info .hash_cont i{display:inline-block;padding:3px;}
.vd_detail_info .hash_cont i.vd_sale_disp{display:inline-flex;flex-wrap:wrap;gap:5px 8px;}
.vd_detail_info .wr_text_tag.sp_sale{padding:2px 8px;border-radius:3px;font-size:12px;}
.vd_detail_info .hash_cont span:not(.not_st){display:inline-block;font-size:12px;color:var(--main-ft-fc-color);background-color:var(--opt-bg-color);height:24px;line-height:22px;padding:0 8px;border-radius:35px;border:1px solid var(--main-line-color);-webkit-box-sizing:border-box;box-sizing:border-box;}
.vd_detail_info .hash_cont .hash_coin:not(.not_st){display:inline-flex;gap:4px 4px;border-radius:4px;border-color:var(--main-line-color);color:var(--main-ft-fc-color);background-color:var(--opt-bg-color);/* background-image:url("https://cdn.metoon.co.kr/mimg/ht_coin.svg");background-repeat:no-repeat;background-position:5px center;background-size:14px; */}
.vd_detail_info .hash_coin svg{width:12px;height:12px;align-self:center;flex-shrink:0;}
.vd_detail_info .hash_cont .coin_dis_vd{position:relative;padding:0 10px 0 2px;font-style:normal;color:var(--sub2-ft-color);}
.vd_detail_info .hash_cont .coin_dis_vd:before, .vd_detail_info .hash_cont .coin_dis_vd:after{content:"";display:block;position:absolute;}
.vd_detail_info .hash_cont .coin_dis_vd:before{top:0;bottom:0;left:0;width:100%;height:1px;background-color:var(--main-ft-fc-color);margin:auto;opacity:0.8;}
.vd_detail_info .hash_cont .coin_dis_vd:after{top:50%;right:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid var(--main-ft-fc-color);margin-top:-5px;}
.vd_detail_info .hash_coin.discount .coin_price_vd{color:#e06464;font-weight:bold;}
.vd_detail_info .vd_dt_simnum{padding:0 10px;height:16px;line-height:16px;font-size:12px;color:#999;margin-top:4px;}
.artist_info_cont [class^="art_info_"]{position:relative;overflow:hidden;\line-height:1.5;}
.artist_info_cont .artist_info{display:none;}
.artist_info_cont .art_info_director, .artist_info_cont .art_info_contents{/* margin-top:5px; */margin-top:2px;}
.artist_info_cont [class^="art_info_"] .title{display:block;float:left;width:36px;}
.artist_info_cont .art-info-txt{overflow:hidden;display:flex;flex-wrap:wrap;}
/* .artist_info_cont :not(.art_info_contents) .art-info-txt span:after{content:",";padding-right:4px;}
.artist_info_cont .art-info-txt span:last-child:after, .artist_info_cont .art-info-txt span:only-child:after{content:none;} */
.artist_info_cont .art_info_contents .art-info-txt span + span:before{content:"·";padding:0 4px;}
.artist_info_cont .art_info_contents .art-info-txt span + span:empty:before{content:none;}
.artist_info_cont .more{position:relative;display:block;height:34px;line-height:34px;text-align:center;border-top:1px solid var(--main-line-color);border-bottom:1px solid var(--main-line-color);background-color:var(--sub-bg-color);font-size:13px;color:var(--sub2-ft-color);margin-top:10px;}
.artist_info_cont .more span{position:relative;padding-right:12px;}
.artist_info_cont .more i{position:absolute;top:50%;right:0;display:inline-block;border-top:6px solid var(--sub2-ft-color);border-left:4px solid transparent;border-right:4px solid transparent;margin-top:-2px;-webkit-transition:transform .2s;transition:transform .2s;}
.artist_info_cont .on i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.artist_info_cont.active .artist_info{display:block;}
.artist_info_cont.active .more i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.vd_rt_play_wrap.has_mgb{margin-bottom:25px;}
.vd_rt_play_cont{padding:15px 0 0;}
.vd_rt_play_cont.top{padding-top:0;padding-bottom:22px;}
.vd_rt_play_cont.top:only-child{padding-bottom:2px;}
.vd_rt_play_cont.bottom{padding-top:0;padding-bottom:6px;}
.vd_rt_play_cont:after{content:"";display:block;clear:both;}
.vd_rt_play_cont a{display:block;width:calc(50% - 4px);height:44px;line-height:42px;background-color:var(--sub-bg-color);border:1px solid var(--bg-fc-color);font-size:0;color:var(--bg-fc-color);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;}
.vd_rt_play_cont a + a{margin-left:8px;}
.vd_rt_play_cont a.download{display:flex;justify-content:center;border-color:var(--main-ft-fc-color);color:var(--main-ft-fc-color);}
.vd_rt_play_cont a i, .vd_rt_play_cont a span{display:inline-block;vertical-align:middle;}
.vd_rt_play_cont a span{font-size:15px;}
.vd_rt_play_cont a:only-child{float:none;width:100%;}
.vd_rt_play_cont a.play{position:relative;border-radius:5px;border-color:#FB994B;border-color:#E18A70;background-color:var(--bg-fc-color);background:linear-gradient(270deg, #FF3636 10%, #FF8A21);color:#FFFFFF;max-width:400px;margin-left:auto;margin-right:auto;}
.vd_rt_play_cont a.play i.icon{position:relative;width:20px;height:20px;line-height:20px;border-radius:100%;border:1px solid #fff;margin-left:-4px;margin-right:6px;}
.vd_rt_play_cont a.play i.icon:before{content:"";display:block;position:absolute;top:50%;left:50%;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;margin:-4px 0 0 -2px;}
.vd_rt_play_cont a.download svg{width:14px;fill:var(--main-ft-fc-color);flex-shrink:0;align-self:center;margin-right:6px;}
.vd_rt_play_cont a.play .wr_text_tag.ddak100{position:absolute;border-radius:2px;transform:translate(-120%, 110%);}
.vd_rt_play_cont a.play .wr_text_tag.ddak100 .rotate{margin-top:-1px;}
/* .vd_rt_play_cont a.download span{padding-left:21px;background:url("https://cdn.metoon.co.kr/mimg/ic_view_own.svg") no-repeat 0 center;background-size:15px auto;margin-left:-4px;} */
.recomm_vd_cont{padding-bottom:17px;}
.recomm_vd_cont:last-child{padding-bottom:30px;}
#content_wrap .vd_detail_list_area{border-bottom:1px solid var(--main-line-color);}

.vd_list_head{position:relative;display:flex;gap:6px 25px;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--main-line-color);border-bottom:1px solid var(--main-line-color);margin-top:25px;}
.vd_list_head:has(.parent_pd_none){padding-top:0;padding-bottom:0;padding-left:0;}
.vd_list_sort{margin-left:auto;display:flex;align-items:center;}
.vd_list_head input[type="radio"]{position:absolute;top:0;left:0;width:0;height:0;clip:rect(0, 0, 0, 0);clip:rect(0px, 0px, 0px, 0px);}
.vd_list_head input[type="radio"] + label, .vd_list_sort .bar{display:inline-block;font-size:13px;color:#C1C1C1;letter-spacing:-0.05em;vertical-align:middle;}
.vd_list_head input[type="radio"]:checked + label{font-weight:500;color:var(--bg-fc-color);}
.vd_list_sort .bar{width:1px;height:10px;background:#c1c1c1;margin:0 7px;}

.vd_detail_list_cont ul{display:flex;flex-wrap:wrap;gap:5px 0;position:relative;padding:10px 9px 15px;width:100%;box-sizing:border-box;}
.vd_detail_list_cont li{width:16.666%;width:calc(100% / 6);padding:6px;box-sizing:border-box;}
.vd_detail_list_cont a{position:relative;display:block;width:100%;border:1px solid var(--main-line-color);border-radius:6px;overflow:hidden;}
.vd_detail_list_cont .thumbnail_cont{position:relative;}
.vd_detail_list_cont .thumbnail_cont > img{position:absolute;top:0;left:0;right:0;bottom:0;width:60px;margin:auto;}
.vd_detail_list_cont .thumbnail{position:relative;width:100%;height:0;padding-bottom:140.35%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.vd_detail_list_cont .thumbnail:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.4);backdrop-filter:blur(1px);}
.vd_detail_list_cont .thumbnail_vd_img{position:absolute;top:0;left:0;bottom:0;width:100%;box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);margin:auto 0;}
.vd_detail_list_cont .content_dsc{position:relative;padding:;border-top:1px solid var(--main-line-color);background-color:var(--sub-bg-color);}
.vd_detail_list_cont .content_dsc .title{padding:8px 10px;font-size:14px;font-weight:500;color:var(--sub2-ft-color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.vd_detail_list_cont .coin_srcShot_area{padding:8px 0;border-top:1px solid var(--main-line-color);font-size:14px;color:var(--main-ft-color);text-align:center;}
.vd_detail_list_cont .txt_recent_icon{position:absolute;bottom:0;left:0;padding:2px 4px;border-radius:0 3px 0 0;background-color:rgba(250, 65, 65, 0.75);background-color:#852cfa;font-size:11px;font-weight:500;}
.vd_detail_list_cont .coin_icon{display:flex;align-items:center;justify-content:center;}
.vd_detail_list_cont .coin_ico{display:inline-block;width:15px;flex-shrink:0;margin-right:5px;margin-top:1px;}
.vd_detail_list_cont .coin_ico.free_ico{margin-top:0;}
.vd_detail_list_cont .coin_dis_vd{position:relative;display:inline-block;padding:0 9px 0 4px;margin-right:5px;font-size:0.9em;color:var(--sub2-ft-color);}
.vd_detail_list_cont .coin_dis_vd:before, .vd_detail_list_cont .coin_dis_vd:after{content:"";display:block;position:absolute;opacity:0.9;}
.vd_detail_list_cont .coin_dis_vd:before{top:0;left:0;right:0;bottom:0;height:1px;background-color:var(--main-ft-fc-color);margin:auto;}
.vd_detail_list_cont .coin_dis_vd:after{top:50%;right:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid var(--main-ft-fc-color);margin-top:-5px;opacity:1;}

.vd_detail_list_cont .ic_thumb_play, [class^="vd_recomm_list_cont"] .thumbnail .ic_thumb_play{position:absolute;top:50%;left:50%;display:block;width:36px;height:36px;border-radius:100%;background:rgba(255, 255, 255, .4);margin:-18px 0 0 -18px;box-shadow:0 0 5px rgba(0, 0, 0, .2);z-index:10;}
[class^="vd_recomm_list_cont"] .thumbnail .ic_thumb_play{margin-top:-21px;}
.vd_detail_list_cont .ic_thumb_play:before, [class^="vd_recomm_list_cont"] .thumbnail .ic_thumb_play:before{content:"";display:block;position:absolute;top:50%;left:50%;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;margin:-8px 0 0 -4px;filter:drop-shadow(0 0 3px #C1C1C1);}

.vd_detail_srcShot{position:relative;}
.vd_srcShot_nav{display:none;background-color:rgba(255, 255, 255, 0.85);}
.vd_srcShot_nav.prev{left:5px;}
.vd_srcShot_nav.next{right:5px;}
.vd_srcshot_pgn{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 5px;margin-top:10px;}
.vd_srcshot_pgn .swiper-pagination-bullet{background:rgba(255, 255, 255, 0.7);}
.vd_srcshot_pgn .swiper-pagination-bullet-active{background:var(--main-ft-fc-color);}
.vd_detail_srcShot .item_srcShot{/* max-width:600px; */width:auto;}
.vd_detail_srcShot img{display:block;width:100%;margin:0 auto;}
.vd_tvtip_bnr{margin:15px auto 0;}
.vd_tvtip_bnr.mgt_none{margin-top:0;}
.vd_rt_play_wrap.mob_hidden .vd_tvtip_bnr{padding-left:10px;padding-right:10px;}
.vd_tvtip_bnr a, .vd_tvtip_bnr .vd_tvtip_in{position:relative;display:block;padding:0 15px;border:1px solid var(--main-line-color);background-color:var(--sub-bg-color);text-align:center;font-size:0;height:34px;line-height:34px;box-sizing:border-box;margin:0 auto;}
.vd_tvtip_bnr .vd_tvtip_in{height:auto;padding:10px 15px;line-height:1.24;font-size:13px;}
.vd_tvtip_in .co_red{font-weight:500;color:var(--bg-fc-color);}
.vd_tvtip_bnr span, .vd_tvtip_bnr i{display:inline-block;vertical-align:middle;font-size:12px;}
.vd_tvtip_bnr i{position:absolute;top:50%;margin-top:-14px;}
.vd_tvtip_bnr .ic_vdtv_tip{left:15px;width:40px;height:28px;background:url("https://cdn.metoon.co.kr/mimg/ic_vdtv_tip.png") no-repeat center, #efeeee;background-size:25px auto;border-radius:5px;}
.vd_tvtip_bnr .ic_vdtv_tv{right:15px;width:26px;height:28px;background:url("https://cdn.metoon.co.kr/mimg/ic_vdtv_tv.png") no-repeat center;background-size:100% auto;margin-top:-16px;}
.vd_tvtip_bnr span{position:relative;color:var(--sub2-ft-color);}
.vd_tvtip_bnr span:before{content:"";display:block;position:absolute;top:3px;left:-15px;width:15px;height:10px;background:url("https://cdn.metoon.co.kr/mimg/ic_vdtv_tip.png") no-repeat center;background-size:100% auto;}

.vd_det_preview{padding:0 10px;margin:15px auto 10px;}
.vddetprv_title{padding:10px 0 15px;font-size:18px;font-weight:500;}
.vddetprv_media{padding:35px 25px;border:1px solid var(--main-line-color);background-color:var(--sub-bg-color);}
.vddetprv_media_con{display:block;max-width:100%;margin:0 auto;}
.vddetprv_media_con + .vddetprv_media_con{margin-top:20px;}

#content_wrap .vd_detail_list_area .webtoon_list_paging{padding-bottom:20px;}

@media only screen and (min-width:600px){
	/* .vd_detail_visual_wrap .vd_detail_visual{padding-bottom:338px;}
	.vd_detail_srcShot{padding:8px 4px 20px;}
	.vd_detail_srcShot .item_srcShot{width:50%;float:left;padding:0 4px;}
	.vd_detail_srcShot .item_srcShot:nth-child(n + 3){margin-top:8px;} */
}

/* 영상 디테일 - 스크린샷 레이어 팝업 */
.mevd_srcshot_modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.modal-back{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .7);}
.mevd_srcshot{position:absolute;top:50%;left:0;right:0;width:100%;max-width:1200px;background:#fff;padding:5px 15px 15px;margin:0 auto;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.mevd_srcshot_swiper{padding-top:24px;}
.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:2px;background:#fff;margin-top:-1px;transform:rotate(45deg);}
.srcshot_hide_btn:after{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 .me_loadpre{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:60px;margin:auto;}
.mevd_srcshot .srcshot_thumbnail{position:relative;width:100%;height:0;padding-bottom:56.23%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.mevd_srcshot [class^="mevd-srcshot-"]{width:36px;height:50px;background-repeat:no-repeat;background-size:12px auto;background-color:rgba(0, 0, 0, .4);outline:none;margin-top:-22px;}
.mevd_srcshot .mevd-srcshot-prev{left:0;background-image:url("https://cdn.metoon.co.kr/img/ic_mv_prev.png");background-position:44% center;}
.mevd_srcshot .mevd-srcshot-next{right:0;background-image:url("https://cdn.metoon.co.kr/img/ic_mv_next.png");background-position:54% center;}
.mevd_srcshot .swiper-pagination-fraction{top:0;right:0;bottom:auto;text-align:right;font-size:12px;color:#141414;}
.mevd_srcshot .swiper-pagination-current{font-size:1.2em;font-weight:bold;color:#2a95d4;}
/* 영상 디테일 - 추천 동영상 */
.recomm_vd_cont [class^="vd_recomm_list_cont"]{overflow:hidden;padding-left:4px;}
.recomm_vd_title{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 15px;border-top:1px solid var(--main-line-color);font-size:15px;font-weight:500;color:var(--main-ft-color);}
.recomm_vd_cont [class^="vd_recomm_list_cont"]:after, #content_wrap [class^="main_vd_list"]:after, .main_content_swipe .mcs_wrap:after{content:"";display:block;position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(to left, var(--main-bg-color), transparent);z-index:1;}
[class^="vd_recomm_list_cont"] li{width:135px;margin:0 4px;}
[class^="vd_recomm_list_cont"] li:last-child{margin-right:15px;}
[class^="vd_recomm_list_cont"] a{display:block;width:100%;}
[class^="vd_recomm_list_cont"] .thumbnail_cont{position:relative;}
[class^="vd_recomm_list_cont"] .thumbnail_cont:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--main-line-color);border-radius:4px;box-sizing:border-box;z-index:2;}
[class^="vd_recomm_list_cont"] .thumbnail_cont > img{position:absolute;top:0;left:0;right:0;bottom:0;width:50px;margin:auto;z-index:1;}
[class^="vd_recomm_list_cont"] .thumbnail{position:relative;height:0;padding-bottom:56.39%;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:4px;z-index:2;}
[class^="vd_recomm_list_cont"] .content_dsc{padding:3px;}
[class^="vd_recomm_list_cont"] .content_dsc .title{font-size:13px;color:var(--sub2-ft-color);font-weight:500;line-height:17px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
[class^="vd_recomm_list_cont"] .thumbnail .icon_19_new{top:2px;right:2px;height:16px;background:url("https://cdn.metoon.co.kr/mimg/icon_19_new.png") no-repeat center;background-size:100%;}
/* 헤더 스와이프 메뉴 */
.hdb-menu-swipe{position:relative;width:100%;padding:0 4px;overflow:hidden;}
.hdb-menu-swipe.main-dhb-menu{padding-bottom:7px;}
.hdb-menu-swipe.tp:before, .hdb-menu-swipe.tp:after{content:"";display:block;position:absolute;top:0;width:10px;height:100%;z-index:10;}
.hdb-menu-swipe.tp:before{left:0;background:rgba(255, 255, 255, 1);background:-webkit-linear-gradient(left, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, 0) 100%);}
.hdb-menu-swipe.tp:after{right:0;background:rgba(255, 255, 255, 1);background:-webkit-linear-gradient(right, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to left, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, 0) 100%);}
.hdb-menu-container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-lines:single;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto;-webkit-overflow-scrolling:touch;}
.hdb-menu-swipe .hdb-menu-item{-webkit-box-flex:1;-webkit-flex:1;flex:1;width:auto;padding:2px 4px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.hdb-menu-swipe .hdb-menu-item a{display:block;width:100%;max-width:80px;height:32px;line-height:30px;font-size:13px;text-align:center;border:1px solid #ddd;padding:0 6px;white-space:nowrap;border-radius:4px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#header.active .hdb-menu-swipe .hdb-menu-item a{font-size:13px;}
.hdb-menu-swipe .hdb-menu-item span{display:inline-block;}
.hdb-menu-swipe .hdb-menu-vd span{padding-left:16px;background:url("https://cdn.metoon.co.kr/mimg/ic_play_vd_menu.png") no-repeat 0 center;background-size:12px;}
.hdb-menu-swipe .hdb-menu-item a.on{border-color:var(--bg-fc-color);font-weight:bold;color:var(--bg-fc-color);}
/* 영상 플레이어 */
.vdPlayer_pan{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;}
#vdPlayer video{width:100%;height:100%;vertical-align:top;}
#vdPlayer .vdtag_title{position:absolute;top:0;left:0;width:100%;height:32px;line-height:32px;background-color:rgba(0, 0, 0, .2);padding:0 10px;font-size:15px;color:var(--main-ft-color);letter-spacing:-0.03em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;}
#vdPlayer .vdqsel{position:absolute;top:15px;right:15px;background-color:rgba(0, 0, 0, .12);overflow:hidden;z-index:10;}
#vdPlayer .vdqsel a{float:left;display:block;padding:4px 10px;font-size:15px;color:var(--main-ft-color);}
#vdPlayer .vdqsel a.on{background:#d32b2b;}
#vdPlayer.is-paused:not(.is-poster) .vd_resol, #vdPlayer.is-paused:not(.is-poster) .vd_vis_dsc, #vdPlayer.is-playing .vd_resol, #vdPlayer.is-playing .vd_vis_dsc{display:none;}
#vdPlayer{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#000;z-index:9;}
#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:.9em;margin-top:.1em; */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:#FFFFFF;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:14px;height:12px;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:var(--main-ft-color);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_pan {cursor: pointer}
#vdPlayer.posFix{position:fixed;top:54px;left:0;height:31.5%;height:auto;background-image:none !important;z-index:99;}

@media (hover:hover) and (pointer:fine){
	.vd_detail_visual .vd_vis_play:hover{transform:scale(1.2);}
	.vd_detail_visual .vd_vis_play:hover:before{border-left-color:var(--bg-fc-color);}
	.vdthumb_preview_act:hover .vdthumb_preview.loaded{opacity:1;}
}

@media screen and (min-width:768px){
	#content_wrap [class^="main_vd_list"] li, [class^="vd_recomm_list_cont"] li{width:254px;width:274px;margin:0 7px;}
	#content_wrap [class^="main_vd_list"] .m_vdlist_thumbox .title, .mcs_wrap .m_vdlist_thumbox span.title, [class^="vd_recomm_list_cont"] .thumbnail .content_dsc{padding:10px;font-size:14px;line-height:1.2;}
	[class^="vd_recomm_list_cont"] .content_dsc .title{font-size:1em;line-height:inherit;}
	#content_wrap [class^="main_vd_list"] .title{font-weight:400;}

	.sub_vd_list .icon_19_patch{width:20px;}
	.sub_vd_list.column .svd_summ{padding:15px;}
	.sub_vd_list.column .title{font-size:16px;}

	.vd_detail_visual_wrap .vd_detail_visual.series{height:394px;padding-bottom:0;}

	.mcs_hash_cont a{line-height:34px;border-radius:18px;}
	.hmpop_container{height:45px;line-height:45px;font-size:15px;}
	.svd_hash_menu_cont{padding-top:25px;padding-bottom:25px;}
	.svd_hash_menu li:not(.more) a, .svd_hash_menu .more span{font-size:15px;}
	.svd_hash_menu a{padding:0 10px;line-height:30px;border-radius:20px;box-sizing:border-box;}
	.svd_hash_menu li{padding:0 5px;}
	.svd_hash_menu li:nth-child(n + 5){margin-top:10px;}

	.vd_detail_list_area .detail_list_more a{width:calc(100% - 30px);}
	.vd_tvtip_bnr span, .vd_tvtip_bnr i{font-size:14px;}
	.vd_detail_srcShot_wrap{padding:20px;}
	.vd_srcShot_nav{display:flex;}
	#vdPlayer.posFix{height:450px;}

 .search_result_length{font-size:16px;}
}

@media screen and (min-width:1000px){
	/* 서브 - 영상 작품 리스트 top100 */
	.sub_vd_cont .sub_vd_list{margin-top:20px;}
	.sub_vd_cont .sub_vd_list.mgt15{margin-top:15px;}
	.sub_vd_list.column li{width:33.333%;width:calc(100% / 3);padding-left:6px;padding-right:6px;padding-bottom:12px;}
}

@media screen and (min-width:1181px){
	.vd_detail_dscs{position:relative;display:flex;gap:10px 25px;padding:25px 0;}
	.vd_detail_visual_wrap{width:700px;flex-shrink:0;}
	.vd_detail_info{padding:25px 20px;border:1px solid var(--main-line-color);background-color:var(--sub-bg-color);color:var(--main-ft-color);}
	/* .vd_detail_ttl{position:relative;display:flex;justify-content:space-between;gap:10px 15px;} */
	.vd_detail_ttl{padding:0;}
	.vd_detail_ttl .title{font-size:1.5em;}
	.vd_detail_info .summ_cont, .vd_detail_info .hash_cont, .vd_detail_info .artist_info, .vd_detail_info .vd_dt_simnum{padding-left:0;padding-right:0;}
	.vd_detail_info{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;min-width:0;}
	.vd_detail_info .summ_cont{padding-top:15px;padding-bottom:0;gap:10px 0;flex-direction:column;}
	.vd_detail_info .summary{padding-right:5px;font-size:1.1em;line-height:1.32;flex:1 1 auto;}
	.vd_detail_info .summ_btn{padding-left:8px;padding-right:8px;font-size:12px;}
	.vd_detail_info .summ_btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);}
	.vd_detsumm_wrap{position:relative;}
	.vd_detail_info .hash_cont{position:absolute;bottom:0;left:0;margin-bottom:-4px;/* margin-top:10px; */}
	.vd_detail_info .vd_dt_simnum{margin-top:10px;}
	.artist_info_cont .artist_info{display:block;padding-bottom:0;}
	.artist_info_cont .art_info_contents .art-info-txt span + span:before{padding-left:5px;padding-right:5px;}
	.artist_info_cont .more{display:none;}
	.vd_detail_info .fanpg_link_area{width:100%;margin-top:20px;}
	.vd_detail_list_area .detail_list_more a{width:100%;}
	.vd_tvtip_bnr{margin-top:0;}
	.vd_rt_play_wrap.mob_visible{display:none !important;}
	.vd_rt_play_cont a span{font-size:19px;}
	.vd_rt_play_cont a.play i.icon{margin-right:8px;margin-top:2px;}
	.vd_tvtip_bnr a, .vd_rt_play_cont a{height:56px;line-height:54px;}
	.vd_rt_play_wrap.has_mgb + .vd_detail_list_area .vd_list_head{margin-top:0;}
}

@media screen and (max-width:999px) and (min-width:500px){
	.sub_vd_list.column .vd_fc_note{font-size:11px;}
	.vd_fc_hits{font-size:11px;}
}

@media screen and (max-width:1200px){
	.vd_rt_play_cont{padding-left:10px;padding-right:10px;}
	.vd_detail_srcShot_wrap, .vd_tvtip_bnr{width:calc(100% - 20px);}
	.vd_detail_list_cont li{width:20%;}
}

@media screen and (max-width:1200px) and (min-width:768px){
	.vd_list_head{padding-left:15px;padding-right:15px;}
}

@media screen and (max-width:1180px){
	.vd_detail_info{border-top:1px solid var(--main-line-color);}
	.vd_detail_info_dep.pds{padding:0 10px;}
	.vd_rt_play_wrap.mob_hidden{display:none !important;}
	.vd_rt_play_cont.top{padding-bottom:12px;}
	.vd_rt_play_wrap.mob_visible{margin-bottom:12px;}
	.vd_rt_play_cont a.play{width:86%;min-width:120px;}
	.vd_rt_play_cont a.play .wr_text_tag.ddak100{transform:translate(-120%, 73%);margin-top:1px;}
}

@media screen and (max-width:999px) and (min-width:600px){
	.search_res_ttl + .sub_vd_cont .sub_vd_list{margin-top:15px;}
}

@media screen and (max-width:849px){
	.vd_detail_list_cont li{width:25%;}
}

@media screen and (max-width:767px){
	.recomm_vd_cont [class^="vd_recomm_list_cont"]:after, #content_wrap [class^="main_vd_list"]:after, .main_content_swipe .mcs_wrap:after{width:15px;}
	.sub_vd_cont.detail .sub_page_title{font-size:16px;}
}

@media screen and (max-width:714px){
	.vd_detail_list_cont ul{padding:6px 6px 11px;}
	.vd_detail_list_cont li{padding:4px;width:33.333%;width:calc(100% / 3);}
}

@media screen and (max-width:499px){
	.sub_vd_list.column li{width:100%;}
	.vd_detail_list_cont li{width:50%;}
	.vd_det_preview{padding-left:0;padding-right:0;}
	.vddetprv_title{padding:10px;font-size:16px;}
	.vddetprv_media{padding:15px 10px;border-left-width:0;border-right-width:0;}
	.vddetprv_media_con + .vddetprv_media_con{margin-top:10px;}
}

@media screen and (max-width:350px){
	.vd_list_head{gap:6px 15px;}
	.vd_list_head input[type="radio"] + label, .vd_list_sort .bar{font-size:11px;}
	.vd_list_sort .bar{margin:0 5px;}
}