/* SET */
a {color: #bbbbbb; text-decoration: none; border-bottom: 0px;}
a:hover, a:focus, a:active{text-decoration: none;border-bottom: 0px;}
.Player01{width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden; margin: 0; padding: 0; position: absolute; top: 0; overflow: hidden;}
.Player01 main #container {max-width: 100%; position: absolute; background-color: black; top: 0; left: 0; right: 0; bottom: 0; margin-right: 420px;}
.Player01 main #container > div{position: absolute; top: 0px; left: 0; right: 0; bottom: 0;}

body#player_Wrap{border-width: 0px; background-color: #000;overflow: hidden;margin: 0;}
body{border-width: 0px}
.plyr {border-radius: 0px!important;}

/* TOP NAV */
#top_Nav{width: 100%; height: 40px; position: absolute; top: 0px; background: linear-gradient(180deg,#000, 40%, #00000000); color: #fff; z-index: 9; padding: 5px; transition: all 0.4s;}
#top_Nav .P_logo{height: 18px; vertical-align: baseline;}
#top_Nav .P_exten{height: 12px; vertical-align: text-top;; margin: 0 5px; padding: 0 10px; border-right: 1px solid #5e5e5e; border-left: 1px solid #5e5e5e;}
#top_Nav .file_Name{font-weight: 400; font-size: 12px; vertical-align: top; color: #fff; display: inline-block; margin: 0 0 0 6px; letter-spacing: -0.5px;}
.hide_Btn_r{font-size: 25px; display: block; position: absolute; top: 0; right: -36px; width: 33px; height: 33px; border: 0; border-bottom: 0; text-align: center; z-index: 9; line-height: 1; color: #1e1e1e;}
.hide_Btn_r:hover, .hide_Btn_r:active, .hide_Btn_r:focus{border: 0;color: #ffffff00;} 
.hide_Btn_r img{width: 15px; vertical-align: middle;}

/* PLAY LIST */
.Player01 .plyr__video-wrapper{position: static; margin: 0;}
.play_Nav{padding: 10px; background-color: #1E1E1E; width: 400px; height: 100%; right: 0; position: fixed;}
.play_Nav .info_Tab{width: 100%; height: 37px; margin-top: 20px;}
.play_Nav .info_Tab .tab_wrap{margin: 0; padding: 0;}
.play_Nav .info_Tab .tab_wrap > li.tab{width: 197px; background-color: #1E1E1E; display: inline-block; text-align: center; line-height: 3; color: #fff; font-size: 12px; border-bottom: 1px solid #2c2c2c; cursor: pointer;}
.play_Nav .info_Tab .tab_wrap > li.active{background-color: #2c2c2c;}
.play_Nav .info_Tab .tab_wrap > li.active a{color: #fff; font-weight: bold;border-bottom: 0px;}
.play_Nav .info_Tab .tab_wrap > li.tab:last-child {border-right: none;}
.play_Nav .info_Tab .tab_wrap > li.tab img{height: 12px; opacity: 0.5; margin-right: 2px;}
.play_Nav .info_Tab .tab_wrap > li.active img{opacity: 1;}
.play_Nav .play_List{height:calc(100% - 217px); background-color: #2c2c2c; padding: 20px 10px; padding-bottom: 0; overflow-y: scroll; margin-top: -1px;}
.play_Nav .play_List a .list_Wrap{font-size: 12px; padding: 5px;}
.play_Nav .play_List a .list_Wrap:hover{background-color: #383838;}
.play_Nav .play_List a .list_Wrap .thum_Img{width: 60px; height: 40px; background-repeat: no-repeat;background-size: cover; display: inline-block;}
.play_Nav .play_List a .list_Wrap .thum_Info{width: calc(100% - 20px); display: inline-block; padding-left: 10px;}
.play_Nav .play_List a .list_Wrap .thum_Info span{display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden;word-break:break-all;}
.play_Nav .play_List a .list_Wrap .thum_Info span:nth-child(1){color: #d7d7d7;}
.play_Nav .play_List a .list_Wrap .thum_Info span:nth-child(2){font-weight: bold; color: #7e7e7e;}
.play_Nav .play_List a .list_Wrap .thum_Info span:nth-child(3){color: #969393;}
.play_Nav .fa-closed-captioning {margin-left: 5px; font-size: 13px;}
.play_Nav > .tab_cont{display: none; } 
.play_Nav > .active { display: block; }
.play_Nav > .chat_List{height: calc(100% - 137px) ;overflow-y: scroll;}
.player_titbar{display: inline-block; width: 2px; height: 10px; background-color: #cc3333; margin: 0 4px 0 12px;}
.add_mark{color: #fff; float: right; font-size: 9px; font-family: 'NotoSansKR-Regular-Hestia'; padding: 4px 6px; background-color: #cc3333; border-radius: 2px; margin-right: 16px; cursor: pointer;}
.bookmark_box{padding: 0 16px 0 12px; display: none; margin-top: 10px;}
.player_contit{font-family: 'NotoSansKR-Regular-Hestia'; font-size: 14px; color:#cdcdcd; padding: 25pcx 0 11px;}
.player_titbar{display: inline-block; width: 2px; height: 10px; background-color: #cc3333; margin: 0 4px 0 12px;}
.bookmark_box input{margin: 8px 0 6px; width: 100%; height: 20px; border: 1px solid #d9d9d9;}
.bookmark_time{font-family: 'NotoSansKR-Regular-Hestia'; font-size: 11px; float: left;}
.bookmark_sbox{float: right;}
.bookmark_sbox li{display: inline-block; font-family: 'NotoSansKR-Regular-Hestia'; font-size: 9px; padding: 5px 12px; border-radius: 2px; cursor: pointer;}
.player_list{width: 100%; padding: 10px; overflow-y: scroll; height: calc(100% - 92px);}
.icon{margin-left: 5px;}
#right3{width: 420px; height:calc(100% - 92px); position: absolute;right: 0;}
.play_Nav .play_List a > .li_active{background-color: #383838;}
.play_Nav .play_List a >  .li_active .thum_Info span {color: #fff!important;}
/*dark*/
.player_contit{font-family: 'NotoSansKR-Regular-Hestia'; font-size: 14px; color:#fff; padding: 25px 0 11px;}
h2.list_tit{padding: 10px 15px; margin: 0; margin-bottom: 15px; font-size: 13px; height: 25px; color: #fff; background-color: #505050; text-align: center; /* border-top: 1px solid #cbcbcb; */ /* border-bottom: 1px solid #cbcbcb; */ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; width: 348px; line-height: 2.2; letter-spacing: -0.7px;}
.player_list li{padding: 7px; font-family: 'NotoSansKR-Regular-Hestia'; font-size: 11px; color: #fff; cursor: pointer;}
.bookmark_name{float: left;margin: 0;}
.bm_tibox{float: right; font-size: 0px; }
.bm_time {font-family: 'NotoSansKR-Regular-Hestia'; font-size: 8px; color: #dbdbdb; margin-right: 10px;}
.bookmark_sbox li:nth-child(1){background-color: #919191; color: #fff;}
.bookmark_sbox li:nth-child(2){background-color: #666666; color: #fff;}

.player_banner_b img{width: 100%; height: 100%;}
.player_banner_b{width: 400px; height: 121px; position: absolute; bottom: 30px; right: 10px; cursor: pointer ;}


/* chat */
.chat_Noti{width: 100%; position: relative;}
.chat_Noti p.con_Noti{color: #fff; padding: 10px 30px 10px 10px; background-color: #4e67ed; font-size: 13px; position: absolute; top: 20px; margin: 0; width: 360px; left: 0px;}
.chat_Noti span.close_Noti{position: absolute; top: 30px; color: #fff; right: 15px; font-size: 11px;cursor: pointer;}


/* SCROLL */

::-webkit-scrollbar {width:0px;}
::-webkit-scrollbar-track {background-color: rgba(0,0,0,0);}
::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0);}
::-webkit-scrollbar-button {display: none;}

.play_List {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
.play_List::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/}

@media (max-width: 1024px) {
    .plyr [data-plyr=fast-forward], .plyr [data-plyr=rewind] {
        display: none;
        min-width: 720px;
    }
}

@media (max-width: 1024px) {
    .plyr__time + .plyr__time {
        display: none;
    }
}