@charset "utf-8";
/* 존플레이어관련 스타일*/
select{ font-size: 100%; vertical-align: top; padding: 5px; border: 1px solid #bebebe; color: #555;}
input{ font-size: 100%; vertical-align: top; padding: 6px 5px; border: 1px solid #bebebe; color: #555;}
.SearchBox_playList form input[type=text]{min-width: 150px}
.SearchBox_playList_searchBtn img, listtype_btn img{vertical-align: top;}
.right_btns {  padding:0; text-align: right; float: right;}
.right_btns p { margin:0 0 0 2px; display:inline-block; }
.right_btnson{background: #cccccc; display: inline-block; font-size: 12px; border: 1px solid #a9a9a9; padding: 5px 10px; text-decoration: none; }
.right_btnsoff{background: #ffffff; display: inline-block; font-size: 12px; border: solid #cccccc 1px; padding: 5px 10px; text-decoration: none; color: #585858; }

/* 과정 리스트 이미지형 */
.listtype_img .movie_list {width: 33%; height: 230px; float:left; box-sizing: border-box; padding: 8px;}
.listtype_img .movie_list .movie_box{background: #000; position: relative;overflow: hidden; box-sizing: border-box; width: 256px; height: 144px ; /*width: 400px !important; height: 225px !important;*/}
.listtype_img .movie_list .movie_box2{background: #000; position: relative; box-sizing: border-box; width: 400px; height: 225px ;}
.listtype_img .movie_list .movie_box .btn_play{position: absolute; z-index: 10; top:40%; left:40%; }
.listtype_img .movie_list .movie_box .btn_play img{width: 60px;}
.listtype_img .movie_list .movie_box .time_box{position: absolute; z-index: 10; right:0; bottom:10px; background:rgba(61, 204, 217, 0.8); padding: 8px 16px; color: rgba(0, 0, 0, 1);}
.listtype_img .movie_list .movie_box .time_box img, .listtype_img .movie_list .social img{vertical-align: text-bottom; margin-bottom: -1px;}
.listtype_img .movie_list .movie_box .time_box, .listtype_img .movie_list .social{font-size: 14px;  }
.listtype_img .movie_list .movie_box .movie_thumb img{width: 100%; height: 100%;}
.listtype_img .movie_list .movie_title{font-size: 13px; margin: 8px 0; line-height: 140%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: -1px;}
.listtype_img .movie_list .movie_title strong{margin-right: 10px;}
.listtype_img .movie_list .social{text-align: left;}
.listtype_img .movie_list .social span{margin-right: 0;}
.listtype_img .movie_list .social .name{margin-right: 10px; font-weight: normal;}

/* 텍스트 과정 리스트 이미지형 */
.listtype_img .movie_list.paper_list {width: 33%; height: auto; float:left; box-sizing: border-box; padding: 8px;}
.listtype_img .movie_list.paper_list .movie_box{background: #000; position: relative;overflow: hidden; box-sizing: border-box; width: 100%; height: auto; }

/* 과정 리스트 리스트형 */
.listtype_list > div{width: 100% ; border-bottom: solid 1px #ddd; margin-bottom: 6px;}
.listtype_list .movie_list  {background: #fff; margin-bottom: 0;}
.listtype_list .movie_list {box-sizing: border-box; padding: 5px;}
.listtype_list .movie_list .movie_box{width:130px; height: 73px; background: #000; position: relative;overflow: hidden; box-sizing: border-box; display: inline-block;}
.listtype_list .movie_list .movie_box2{background: #000; position: relative; box-sizing: border-box;}
.listtype_list .movie_list .movie_box .btn_play{position: absolute; z-index: 10; top:40%; left:40%; display: none; }
.listtype_list .movie_list .movie_box .btn_play img{width: 50%;}
.listtype_list .movie_list .movie_box .time_box{position: absolute; z-index: 10; right:0; bottom:10px; background:rgba(61, 204, 217, 0.8); padding: 8px 16px; color: rgba(0, 0, 0, 1);}
.listtype_list .movie_list .movie_box .time_box img, .listtype_list .movie_list .social img{vertical-align: text-bottom; margin-bottom: -1px;}
.listtype_list .movie_list .movie_box .time_box, .listtype_list .movie_list .social{font-size: 14px;  }
.listtype_list .movie_list .movie_box .movie_thumb img{width: 100%; height: 100%;}
.listtype_list .movie_list .movie_title{ margin: 8px 0; line-height: 140%; display: inline-block;  vertical-align: top; padding-left: 20px; font-size: 1.1em;}
.listtype_list .movie_list .movie_title strong{margin-right: 10px;}
.listtype_list .movie_list .social{text-align: left;}
.listtype_list .movie_list .social .name{margin-right: 10px; font-weight: normal;}

.m_thumb_box{position: relative;}
.m_thumb_box .btn_play{position: absolute; z-index: 10; top:18%; left:38%; }
/* 영상보기 */
/*내강의실 무비 플레이어*/
.myclass_moviebox{display: none;  /* background: rgba(0, 0, 0, 0.8);*/  position: fixed; top:15%; left: 26%; z-index: 99999;/* 플레이어 마스크 CSS 99998*/ border: 14px solid #0060a0;}
.myclass_moviebox .myclass_movie{width: 888px !important; height: 500px !important; margin: auto 0; }
.myclass_moviebox .btn_cls{width: 140px; background: #0060a0; color: #fff; font-weight: bold; position: absolute; bottom: -44px; right: -14px; text-align: center;
 line-height: 200%; border-radius: 0px; font-size: 15px; cursor: pointer;}
.skin-mcvod .mpv-close-openlayer-btn{display: none !important;}
.t_raudis {
-webkit-border-radius: 7px 7px 7px;
-moz-border-radius: 7px 7px  7px;
border-radius: 7px 7px  7px;
}
/* //존플레이어관련 스타일*/


/* Added by kbl (20.08.07) */
.SearchBox_playList {
    padding : 0 20px;
    margin-bottom: 30px;
}

/* 영상 시청완료 시청중 */
.badge_watch, .badge_watching{ position: absolute; top:10%; right:1%; border-radius: 50px; font-size: 0.9em; font-weight: 600; padding: 4px 8px; color: #fff; }
.badge_watch{background: rgba(0, 0, 0, 0.5); }
.badge_watching{background: rgba(220, 3, 33, 1);}

/* //영상 시청중/시청완료 */

/*시청완료후메세지*/
/*.moviemessagearea{width: 100%; height: 100%; background: rgba(0,0,0,0.7);}*/
.moviemessage{width: 110%; height: 112%; padding: 15%; background: rgba(0,0,0,1); color: #fff; font-size: 16px; box-sizing: border-box; line-height: 2; border:solid 14px #0060a0; position: absolute; top: -14px; left: -14px;  z-index: 111111;}
.moviemessage strong{font-size: 1.1em; font-weight: 600;}
.moviemessage div, .moviemessage span, .moviemessage a{box-sizing: border-box;}
.moviemessage .moviemessagebtn{width: 100%; text-align: center; padding: 2% 0; margin: 0 -10px;}
.moviemessage .moviemessagebtn > .btnlike, .moviemessage .moviemessagebtn > .btnnext{display: inline-block; width: 50%; max-width: 500px;padding: 5px; }
.moviemessage .moviemessagebtn > .btnlike a, .moviemessage .moviemessagebtn > .btnnext a{display: inline-block; width: 100%; text-align: center; text-decoration: none; padding: 10px 20px;}
.moviemessage .moviemessagebtn > .btnlike a{background:rgba(0,96,160,1); color: #fff;}
.moviemessage .moviemessagebtn > .btnnext a{background:rgba(118,118,118,1); color: #fff;}

/* //시청완료후메세지*/

/* 러닝타임 */
.runningtime{position: absolute; z-index: 2; bottom: 0; right: 0; background: rgba(0,0,0,0.7); padding: 2px 6px; font-size: 13px; color: #fff; border-radius: 2px; font-family: Roboto, Arial, sans-serif; letter-spacing: 1px;}
/* //러닝타임 */