@charset "utf-8";
body{overflow-y:hidden}
#wrap{height:100%;background:#000}
#container{height:100%;/*margin-right:340px;*/background:#000}
#wrap.full{min-width:648px; padding-left: 0}
#wrap.full #container,#wrap.full #container .control .control_right,#wrap.full #container .lecture_info .info_right{margin-right:0}
#wrap.full #contents{display:none}
.hide{display:none}

/* common style */
#header{position:relative;height:40px;background:#272727; margin-bottom:5px;}
#header h1{text-align:left;padding:8px 0 8px 10px;}
#header .back{position:absolute;top:14px;left:15px;}
#header .head_nav{position:absolute;top:13px;right:0;}
#header .head_nav li{float:left;padding-right:15px}
#header .head_nav li a{border-bottom:1px solid #6d6d6d;font:normal 11px /15px '돋움';color:#6d6d6d}
#header .bt_list{position:absolute;top:13px;right:13px;}
#header .bt_list button{border:0;width:20px;height:17px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/btn_list.png) no-repeat;text-indent:-999em;white-space:nowrap;overflow:hidden;}
#header .bt_list .on{background-position:0 -17px}
#container .video{position:relative;background-color:#000; margin-right:340px; z-index:100;}
#container .video img{position:absolute;top:50%;left:50%;margin-left:-32px;margin-top:-35px}
#container .video .no_data img{position:absolute;top:50%;left:50%;margin-left:-111px;margin-top:-57px}

.btn_save_close{position:absolute; top:-41px; right:0; border:none 0;}/* 저장 후 닫기 */
.btn_skip{position:absolute; top:-60px; right:20px; margin-right:340px; z-index:1000;}/* SKIP */

.control{position:absolute;left:0;bottom:88px;width:100%;border-bottom:1px solid #141414;background-color:#292929; background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/control_bg.gif) repeat-x left 2px #292929;}
.control .control_bar{background-color:#383838;border-bottom:1px solid #000;}
.control .control_bar .running_bar{position:relative;height:2px;background-color:#fff}
.control .control_bar .running_bar .control_btn img{display:none;}
.control .control_bar .running_bar .control_btn{display:block;position:absolute;top:-4px;right:-10px}
.control .control_bar:hover .running_bar{height:10px;margin-right:340px}
.control .control_bar:hover .running_bar .control_btn img{display:block}
.control .control_left{float:left}
.control .control_left .control_btn{float:left}
.control .control_left .control_btn li{float:left;border-left:1px solid #1b1b1b}
.control .control_left .running_time{float:left;padding-left:14px;font:normal 12px /18px 'Arial';line-height:45px;color:#8b8a8a;border-left:1px solid #323232;}
.control .control_left .running_time span{color:#ddd;}
.control .control_left .running_time span + span + span{color:#494949;}
.control .control_right{float:right;margin-right:340px; border-left:1px solid #000;}
.control .control_right .speed{float:left;padding:13px 5px 12px;border-left:1px solid #323232;border-right:1px solid #000;font:normal 11px /20px '돋움';color:#676767;width:90px}
.control .control_right .speed img{padding:5px}
.control .control_right .sound{float:left;padding:16px 16px 15px 11px;border-left:1px solid #323232;border-right:1px solid #000;height:14px;width:71px;}
.control .control_right .sound .icon{padding:0 1px 0 0}
.control .control_right .sound span{float:left}
.control .control_right .sound span a{padding-left:1px}
.control .control_right .hd{float:left;border-left:1px solid #323232;border-right:1px solid #000;position:relative;}
.control .control_right .hd img{padding:16px 8px 15px 9px}
.control .control_right .hd .select_box_th>div{width:64px;height:45px;padding-left:10px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/qualitybox_arrow_down.gif) no-repeat 100% center;line-height:45px;color:#676767;cursor:pointer}
.control .control_right .hd .select_box_th ul{display:none;position:absolute;left:-1px;top:45px;z-index:1;width:64px;padding:7px 0 7px 10px;border:1px solid #141414;background:#292929}
.control .control_right .hd .select_box_th ul li{padding:4px 0;}
.control .control_right .hd .select_box_th ul a{color:#8b8a8a}
.control .control_right .hd .select_box_th ul a:hover{color:#ffffff}
.control .control_right .hd .select_box_th.on>div{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/qualitybox_arrow.gif) no-repeat 100% center;color:#fff}
.control .control_right .hd .select_box_th.on ul{display:block}
.control .control_right .zoom{float:left;border-left:1px solid #323232;border-right:1px solid #000;}
.control .control_right .zoom img{padding:16px 17px 17px 16px;cursor:pointer}
/* vod title type01 */
#container .lecture_info{position:absolute;left:0;bottom:0;width:100%;height:88px;margin-right:340px;background-color:#272727;}
#container .lecture_info .lecture_title {border-bottom:1px #131313 solid; padding:11px 14px 15px 20px;font:bold 17px /26px '맑은 고딕';color:#fff;letter-spacing:-.05em;border-top:1px solid #323232;}
#container .lecture_info .lecture_title span{padding-right:10px;color:#fff}
#container .lecture_info .info_left{float:left;padding-left:20px;}
/*
#container .lecture_info .info_left .teacher{padding-top:6px;color:#979797}
#container .lecture_info .info_left .teacher span{padding:0 8px}
#container .lecture_info .info_left .teacher span:first-child{padding-left:0;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_professor.gif) no-repeat right center}
*/
#container .lecture_info .info_left .direct_btn{margin:10px 0 0;}
#container .lecture_info .info_left .direct_btn a{float:left;padding-left:12px}
#container .lecture_info .info_left .direct_btn a:first-child{padding-left:0;padding-right:13px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_lecture.gif) no-repeat right 1px;}
#container .lecture_info .info_right{float:right;margin-right:340px}
/*
#container .lecture_info .info_right .quick_nav{float:left;position:relative;padding:0 9px 0 24px}
#container .lecture_info .info_right .quick_nav .over{display:none;position:absolute;top:-28px;right:0}
#container .lecture_info .info_right .quick_nav:hover .over{display:block}*/
#container .lecture_info .info_right .shortcut_faq{/*float:right;*/margin:8px 15px 0 0;}
#container .lecture_info .info_right .shortcut_faq a{margin-left:7px;color:#636363;font-size:11px;border-bottom:1px solid #525252;font-family:Dotum;letter-spacing:-.5px;}
#container .lecture_info .info_right .shortcut_faq a:hover{color:#d3d3d3;border-bottom:1px solid #fff;}
#container .lecture_info .info_right .shortcut_faq a.btn_shortcut{position:relative;}
#container .lecture_info .info_right .shortcut_faq a.btn_shortcut:hover .shortcut_con{display:block;}
#container .lecture_info .info_right .shortcut_faq .shortcut_con{display:none;position:absolute;bottom:15px;right:4px;border:none 0; cursor:default;}
#container .lecture_info .info_right .shortcut_faq .shortcut_con:hover{border:none 0;}


#container .lecture_info .info_right .hd{margin:-53px 63px 0 0;border-left:1px #131313 solid;border-right:1px #131313 solid;height:52px;}
#container .lecture_info .info_right .hd .select_box_th>div{width:72px;height:52px;padding-left:10px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/qualitybox_arrow_down.gif) no-repeat 100% 15px;line-height:52px;color:#676767;cursor:pointer;}
#container .lecture_info .info_right .hd .select_box_th ul{display:none;position:absolute;top:-1px;z-index:1;margin-left:-1px;width:72px;padding:7px 0 7px 10px;border:1px solid #141414;background:#292929}
#container .lecture_info .info_right .hd .select_box_th ul li{padding:3px 0 5px;}
#container .lecture_info .info_right .hd .select_box_th ul a{color:#8b8a8a}
#container .lecture_info .info_right .hd .select_box_th ul a:hover{color:#ffffff}
#container .lecture_info .info_right .hd .select_box_th.on>div{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/qualitybox_arrow.gif) no-repeat 100% center;color:#fff}
#container .lecture_info .info_right .hd .select_box_th.on ul{display:block}


#container .lecture_info .info_right .quick_nav {margin:0 0 0 0;float:right;padding:0;position:absolute;top:1px;right:340px;}
#container .lecture_info .info_right .quick_nav li{float:left;position:relative;width:63px;height:51px;}
#container .lecture_info .info_right .quick_nav li.booster{position:absolute;top:56px; left:176px;}/* 고득점 부스터 */
#container .lecture_info .info_right .quick_nav li > img{cursor:pointer}
#container .lecture_info .info_right .quick_nav li .alarm{position:absolute;top:-4px;right:-3px;width:13px;height:13px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/bg_alarm.png) no-repeat;font:normal 8px /13px 'Arial';color:#fff;letter-spacing:-.02em;text-align:center}
#container .lecture_info .info_right .quick_nav li .over{display:none;position:absolute;top:-28px;left:-7px}
#container .lecture_info .info_right .quick_nav .select_box_th>div{width:122px;height:25px;padding-left:7px;border:1px solid #000;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/downloadbox_arrow.gif) no-repeat 100% 1px;line-height:25px;color:#afafaf;cursor:pointer}
#container .lecture_info .info_right .quick_nav .select_box_th>div>span{display:block;padding-left:19px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/bul_book_download.gif) no-repeat left center}
#container .lecture_info .info_right .quick_nav .select_box_th ul{display:none;position:absolute;left:5px;bottom:26px;z-index:1;width:120px;padding:7px 0 7px 9px;border:1px solid #000;background:#292929}
#container .lecture_info .info_right .quick_nav .select_box_th ul li{float:none;padding:4px 0}
#container .lecture_info .info_right .quick_nav .select_box_th ul a{color:#747474}
#container .lecture_info .info_right .quick_nav .select_box_th ul a:hover{color:#f06721;text-decoration:underline}
#container .lecture_info .info_right .quick_nav .select_box_th.on>div{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/downloadbox_arrow_down.gif) no-repeat 100% 1px;color:#fff}
#container .lecture_info .info_right .quick_nav .select_box_th.on>div>span{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/bul_book_download_down.gif) no-repeat left center}
#container .lecture_info .info_right .quick_nav .select_box_th.on ul{display:block}
#container .lecture_info .info_right .bookmark_box{position:absolute;left:-284px;bottom:2px;z-index:1;width:260px;padding:9px;border:1px solid #141414;background-color:#292929}
#container .lecture_info .info_right .bookmark_box img{cursor:pointer}
#container .lecture_info .info_right .bookmark_box .btn_close{position:absolute;top:12px;right:12px}
#container .lecture_info .info_right .bookmark_box .time{height:25px;padding-left:5px;color:#fff}
#container .lecture_info .info_right .bookmark_box input[type=text]{float:left;width:200px;height:30px;padding-left:8px;border:1px solid #151515;background-color:#fff;line-height:30px;color:#6c6c6c}
#container .lecture_info .info_right .bookmark_box .save{float:right}
/* vod title type02 */
.assistant_vod{position:absolute;left:0;bottom:0;width:100%;height:100px;background-color:#292929}
.assistant_vod .title{float:left;height:43px;padding:15px 0 0 20px;font:bold 17px /26px '맑은 고딕';color:#fff;letter-spacing:-.05em}
.assistant_vod .title span{padding-right:10px;color:#fff}
.assistant_vod .puzzle{float:right;margin-right:340px;padding:20px 20px 10px}
.assistant_vod .hit{float:left;clear:left;padding-left:20px;color:#979797}
.assistant_vod .txt{float:right;clear:right;margin-right:340px;padding-right:20px;color:#666}
.assistant_vod .lecture{float:left;clear:left;padding-left:20px;color:#979797;}
.assistant_vod .lecture .bar{padding-left:8px;margin-left:8px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_professor.gif) no-repeat left center}
.assistant_vod .lecture .aw{color:#fff;text-decoration:underline;padding-right:10px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/ic_aw.gif) no-repeat 100% 6px;}


/* 우측 콘텐츠 */
#contents{position:absolute;top:41px;right:0;width:340px;height:100%;border-left:1px solid #1c1c1c;background-color:#272727}
#contents .nav{overflow:hidden}
#contents .nav li{float:left; overflow:hidden; height:41px;}
#contents .nav li.on img{margin-top:-41px;}
/* 스크롤 */
#contents .demo{position:absolute;left:0;bottom:45px;width:324px}
#contents .demo.flash, #contents #vertical-scrollbar-lecture.demo{/*bottom:0*/top:218px;}
#contents #vertical-scrollbar-connected.demo{bottom:0}
#contents .scrollable.gray-skin{padding-right:14px}
#contents .overview{width:100%}
#contents .scrollable.gray-skin .scroll-bar.vertical{width:14px}
#contents .scrollable.gray-skin .scroll-bar{border:0 none;background-color:#292929}
#contents .scrollable.gray-skin .scroll-bar .thumb{background-color:#484848}
#contents .scrollable.gray-skin .scroll-bar:hover .thumb{background-color:#6d6d6d}

.contents_detail .lecture_summary{position:relative;height:105px;padding:8px 10px 0;border-bottom:1px solid #1c1c1c}
.contents_detail .lecture_summary .teacher{padding-top:6px;line-height:23px;color:#fff}
.contents_detail .lecture_summary .teacher span{padding:0 8px}
.contents_detail .lecture_summary .teacher span:first-child{padding-left:0;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_professor.gif) no-repeat right center}
.contents_detail .lecture_summary .photo{position:absolute;right:10px;bottom:0;}
.contents_detail .lecture_summary .summary{width:210px;height:46px;font-size:13px;line-height:16px;color:#d7d7d7;letter-spacing:-.075em}
.contents_detail .lecture_summary .lecture_info{overflow:hidden;color:#a0a0a0}
.contents_detail .lecture_summary .lecture_info li{float:left;padding:0 7px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_professor.gif) no-repeat left center}
.contents_detail .lecture_summary .lecture_info li:first-child{padding-left:0;background:none}
.contents_detail .lecture_summary ul.study_info{overflow:hidden}
.contents_detail .lecture_summary ul.study_info li{float:left;padding-left:9px;padding-right:8px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_lecture.gif) no-repeat left center}
.contents_detail .lecture_summary ul.study_info li:first-child{padding-left:0;background:none}
.contents_detail .lecture_summary_short{overflow:hidden;height:45px;padding:8px 10px 0;border-bottom:1px solid #1c1c1c;line-height:16px}
.contents_detail .lecture_summary_short .teacher{float:left;width:91px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_lecture.gif) repeat-y right center;color:#fff}
.contents_detail .lecture_summary_short .teacher span{display:block}
.contents_detail .lecture_summary_short .summary{float:right;width:210px;font-size:13px;color:#d7d7d7;letter-spacing:-.075em}
.contents_detail .lecture_btn{position:relative;height:28px;padding:10px 0;text-align:center;z-index:1;background:#272727 url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/line_section.gif) repeat-x left bottom}
.contents_detail .lecture_btn .select_box_th{position:absolute;top:10px;left:10px;width:111px;font-size:11px;letter-spacing:-0.07em;}
.contents_detail .lecture_btn .select_box_th.on>div{color:#fff;}
.contents_detail .lecture_btn .select_box_th ul{width:100px;}
.contents_detail .lecture_btn .select_box_th ul li{padding:0;}
.contents_detail .lecture_btn .select_box_th ul a:hover{color:#fff;text-decoration:none;}
.contents_detail .lecture_btn .lecture{position:absolute;top:10px;right:10px;}
.contents_detail .sorting{height:27px;padding:10px;border-bottom:1px solid #1c1c1c}
.contents_detail .sorting:after{display:block;clear:both;content:''}
/* selectbox */
.contents_detail .select_box_th{float:left;position:relative;z-index:0;height:27px;background:#383838;text-align:left}
.contents_detail .sorting .select_box_th{float:right;}
.contents_detail .txt_sorting{height:27px;padding:10px;border-bottom:1px solid #1c1c1c;color:#afafaf;font-size:14px;line-height:20px;text-align:right;}
.contents_detail .txt_sorting a{color:#afafaf}
.contents_detail .txt_sorting a.on{color:#fff;}
.contents_detail .select_box_th>div{height:25px;padding-left:9px;border:1px solid #000;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/selectbox_arrow.gif) no-repeat 100% 13px;line-height:25px;color:#afafaf;cursor:pointer}
.contents_detail .select_box_th ul{display:none;position:absolute;top:26px;left:0;z-index:1;padding:7px 0 7px 9px;border:1px solid #000;background:#383838}
.contents_detail .select_box_th ul li{padding:4px 0}
.contents_detail .select_box_th ul a{color:#747474}
.contents_detail .select_box_th ul a:hover{color:#fff;text-decoration:underline}
.contents_detail .select_box_th.on>div{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/selectbox_arrow_up.gif) no-repeat 100% 11px}
.contents_detail .select_box_th.on ul{display:block}

.contents_detail .btn_wrap{position:absolute;left:0;bottom:42px;width:100%;height:44px;border-top:1px solid #1c1c1c;background:#272727 url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/btn_wrap_bg.gif) repeat-x top left;}
.contents_detail .btn_wrap .btn_left{float:left;/*border-right:1px solid #2d2d2d*/}
.contents_detail .btn_wrap .btn_right{float:right;}


/* 강의목록 */
.lecture .lecture_list ol{background:#272727 url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/line_section.gif) repeat-x left bottom; padding-bottom:2px;}
.lecture .lecture_list li{position:relative;height:73px;padding:0 10px 0 44px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/line_section.gif) repeat-x left top}
.lecture .lecture_list li .subject img{vertical-align:middle}
.lecture .lecture_list li,
.lecture .lecture_list li a{color:#afafaf}
/* .lecture .lecture_list li .icon_recommend{position:absolute;left:0;top:0;} */

/* 추천 */
.lecture .lecture_list li.recommend .check_btn{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_recommend.png) no-repeat 50% top;}
.lecture .lecture_list li.recommend .progress_num{color:#ff9967;}
.lecture .lecture_list li.recommend .subject,
.lecture .lecture_list li.recommend a:hover .subject{color:#ff9967;}
/* 한번 클릭했을 때 */
.lecture .lecture_list li.complete a,
.lecture .lecture_list li.complete .subject,
.lecture .lecture_list li.complete .time{color:#555}

.lecture .lecture_list li.ongoing,
.lecture .lecture_list li.ongoing a{color:#fff;font-weight:bold;background:#1e1e1e url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_bg.gif) repeat-x left top}
.lecture .lecture_list li.ongoing .subject,
.lecture .lecture_list li.ongoing .time,
.lecture .lecture_list .btn_mission + a .subject,
.lecture .lecture_list .btn_mission + a .time{color:#fff;}
.lecture .lecture_list li:hover{background:#1e1e1e url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_bg.gif) repeat-x left top;}
.lecture .lecture_list li:hover .subject,
.lecture .lecture_list li:hover .time{color:#fff;}

.lecture .lecture_list li .book_select_box_th{position:absolute;top:43px;right:13px;width:60px;font-size:11px;letter-spacing:-0.07em;}
.lecture .lecture_list li .book_select_box_th>div{height:17px;border:1px solid #111;padding-left:9px;line-height:17px;font-size:11px;background:#383838 url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/selectbox_arrow.gif) no-repeat 100% 7px;color:#8c8c8c;cursor:pointer;}
.lecture .lecture_list li .book_select_box_th.on>div{padding-left:20px;background:#383838 url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/bul_book_download_down.gif) no-repeat 5px 50%;color:#fff;}
.lecture .lecture_list li .book_select_box_th ul{display:none;position:absolute;left:0;top:18px;width:58px;z-index:1;border:1px solid #000;padding:3px 0;background:#383838;}
.lecture .lecture_list li .book_select_box_th.on ul{display:block;}
.lecture .lecture_list li .book_select_box_th li{height:14px;padding-left:5px;background:none;line-height:14px;}
.lecture .lecture_list li .book_select_box_th li a{display:block;color:#8c8c8c;background:#383838;}
.lecture .lecture_list li .book_select_box_th li a:hover{color:#fff;text-decoration:none;}
/* 수강완료 */
.lecture .lecture_list li.before{color:#272727}
/* 수강중 */
.lecture .lecture_list .check_btn{position:absolute;top:15px;left:8px;width:24px;height:24px}
.lecture .lecture_list .btn_mission{position:absolute;top:17px;left:5px;width:20px;height:20px;cursor:pointer}
.lecture .lecture_list .progress_num{position:absolute;top:44px;left:0;width:40px;color:#707070;text-align:center;}
/* 수강전 */
.lecture .lecture_list .progress_0{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_progress_0.png) no-repeat}
.lecture .lecture_list .progress_10{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_progress_10.png) no-repeat}
.lecture .lecture_list .progress_20{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_progress_20.png) no-repeat}
.lecture .lecture_list .progress_30{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_progress_30.png) no-repeat}
.lecture .lecture_list .progress_40{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_progress_40.png) no-repeat}
.lecture .lecture_list .progress_50{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_progress_50.png) no-repeat}
.lecture .lecture_list .progress_60{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_progress_60.png) no-repeat}
.lecture .lecture_list .progress_70{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_progress_70.png) no-repeat}
.lecture .lecture_list .progress_80{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_progress_80.png) no-repeat}
.lecture .lecture_list .progress_90{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_progress_90.png) no-repeat}
.lecture .lecture_list .progress_100{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_progress_100.png) no-repeat}
.lecture .lecture_list .check_btn.special{top:17px;background:url()}
.lecture .lecture_list .subject{height:34px;padding-top:10px;font-size:13px;line-height:16px;letter-spacing:-.075em;color:#fff;}
.lecture .lecture_list .time{float:left;color:#fff;}
.lecture .lecture_list .subject:visited{height:34px;padding-top:10px;font-size:13px;line-height:16px;letter-spacing:-.075em;color:#555;}
.lecture .lecture_list .time:visited{float:left;color:#555;}
/*
.lecture .lecture_list .subject{height:34px;padding-top:10px;font-size:13px;line-height:16px;letter-spacing:-.075em;color:#555;}
.lecture .lecture_list .time{float:left;color:#555;}
*/


.lecture .lecture_list .study{float:right}
.lecture .lecture_list .check_btn.special + .progress_num,
.lecture .lecture_list .progress_10 + .progress_num,
.lecture .lecture_list .progress_20 + .progress_num,
.lecture .lecture_list .progress_30 + .progress_num,
.lecture .lecture_list .progress_40 + .progress_num,
.lecture .lecture_list .progress_50 + .progress_num,
.lecture .lecture_list .progress_60 + .progress_num,
.lecture .lecture_list .progress_70 + .progress_num,
.lecture .lecture_list .progress_80 + .progress_num,
.lecture .lecture_list .progress_90 + .progress_num,
.lecture .lecture_list .progress_100 + .progress_num{color:#fff;}

/* 북마크 */
.bookmark .bookmark_list{background:#1e1e1e url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_bg.gif) repeat-x left bottom;padding-bottom:2px;}
.bookmark .bookmark_list li{position:relative;height:73px;padding:0 10px 0 19px;background:#272727 url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/line_section.gif) repeat-x left top;color:#747474}
.bookmark .bookmark_list li a{color:#747474; display:block}
.bookmark .bookmark_list li>div{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_bookmark_off.gif) no-repeat 291px 50px; color:#fff;}
.bookmark .bookmark_list li .subject{height:34px;padding-top:10px;font-size:13px;line-height:16px;color:#afafaf;letter-spacing:-.075em}
.bookmark .bookmark_list li .subject img{vertical-align:middle}
.bookmark .bookmark_list li .time{padding-right:5px}
.bookmark .bookmark_list li .title{padding-left:6px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_lecture.gif) no-repeat left center}
.bookmark .bookmark_list li .btn{display:none;position:absolute;right:10px;bottom:10px}
.bookmark .bookmark_list li a:hover{color:#fff}
.bookmark .bookmark_list li a:hover .subject{color:#fff}
.bookmark .bookmark_list li:hover .btn{display:block}
.bookmark .bookmark_list li.on{background-color:#2d2d2d;color:#fff}
.bookmark .bookmark_list li.on a{color:#fff; font-weight:bold;}
.bookmark .bookmark_list li.on>div{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_bookmark_on.gif) no-repeat 291px 50px}
.bookmark .bookmark_list li:hover>div{background:none}
.bookmark .bookmark_list li.on .subject{color:#fff}
.bookmark .bookmark_list li:hover{color:#fff;background:#1e1e1e url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_bg.gif) repeat-x left top;}

/* 게시판 */
.contents_detail .search{overflow:hidden;height:30px;padding:10px;border-bottom:1px solid #1c1c1c}
.contents_detail .search .keyword{float:left;position:relative;width:238px;height:30px;padding-left:10px;border:1px solid #151515;background-color:#2d2d2d}
.contents_detail .search .keyword input{width:218px;height:30px;border:none;background-color:#2d2d2d;font-size:13px;line-height:30px;color:#646464;letter-spacing:-.075em}
.contents_detail .search .keyword a{display:none;}
.contents_detail .search .keyword .btn_reset{position:absolute;top:0;right:0}
.contents_detail .search .btn_search{float:right}
.question_list{padding-bottom:40px;}
.question_list .question_list_view{margin-top:-2px;}
.question_list ol{background:#272727 url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/line_section.gif) repeat-x left bottom;padding-bottom:2px;}
.question_list li{overflow:hidden;position:relative;height:73px;/*margin-top:-2px;*/padding:0 10px;background:#272727 url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/line_section.gif) repeat-x left top;color:#747474; cursor:pointer}
.question_list li:hover{background:#1e1e1e url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_bg.gif) repeat-x left top; color:#fff;}
.contents_detail .question_list li:hover .subject a{color:#fff;}
.contents_detail .question_list li .subject{height:34px;padding-top:10px;font-size:13px;line-height:16px;letter-spacing:-.075em}
.contents_detail .question_list li .subject a{color:#afafaf}
.contents_detail .question_list li .subject img{vertical-align:middle}
.contents_detail .question_list li .subject .icon_secret{position:absolute; top:11px; right:11px;}/* 비공개 아이콘 */
.contents_detail .question_list li .writer{float:left;padding-right:8px}
.contents_detail .question_list li.my .writer{color:#fff}
.contents_detail .question_list li .date{float:left;padding-left:9px;padding-right:8px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_lecture.gif) no-repeat left center}
.contents_detail .question_list li .hit{float:left;padding-left:9px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_lecture.gif) no-repeat left center}
.contents_detail .question_list li .study{float:right}
.contents_detail .question_list li .answer_n{float:right;font-weight:bold;color:#555;letter-spacing:-.075em}
.contents_detail .question_list li .answer_y{float:right;font-weight:bold;color:#fff;letter-spacing:-.075em}
.contents_detail .question_list li .btn{position:absolute;right:6px;top:11px;}
.contents_detail table.qna_write{margin-top:5px}
.contents_detail table.qna_write th{padding-top:15px;color:#fff;vertical-align:top}
.contents_detail table.qna_write td{padding:5px 0}
.contents_detail table.qna_write .open_closed{display:block;padding:10px 0;color:#fff;}
.contents_detail table.qna_write .open_closed input[type=radio]{width:14px; height:14px; margin:-1px 0; margin-left:30px; vertical-align:middle;}
.contents_detail table.qna_write .open_closed input[type=radio]:first-child{margin-left:0;}
.contents_detail table.qna_write .input_text{width:265px;height:30px;padding-left:10px;border:1px solid #1c1c1c;background-color:#fff;line-height:30px;color:#222;letter-spacing:-.075em}
.contents_detail table.qna_write .input_file{height:30px;background-color:#fff;line-height:30px;color:#222}
.contents_detail table.qna_write .textarea{width:273px;border:1px solid #1c1c1c}
.contents_detail table.qna_write .textarea textarea{width:253px;height:300px;padding:5px 10px;border:0;line-height:22px;color:#555}
.contents_detail table.qna_write .textarea ul.file{padding:5px 0;background-color:#f5f5f5}
.contents_detail table.qna_write .textarea ul.file li{overflow:hidden;padding:2px 0;line-height:18px;font-size:11px}
.contents_detail table.qna_write .textarea ul.file li .file_name{float:left;padding-left:25px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/icon_file.gif) no-repeat 9px 7px}
.contents_detail table.qna_write .textarea ul.file li .file_size{float:right}
.contents_detail table.qna_write .textarea ul.file li .file_size img{padding:6px 10px 6px 7px;vertical-align:middle}
.contents_detail table.qna_view{width:100%;font-size:12px;line-height:22px;color:#afafaf;letter-spacing:-.05em}
.contents_detail table.qna_view.answer{background:#272727 url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/line_section.gif) repeat-x left top;}
.contents_detail table.qna_view th,table.qna_view td{padding:10px;text-align:left}
.contents_detail table.qna_view th{font-size:15px;font-weight:normal;color:#fff}
.contents_detail table.qna_view.answer th .reply{color:#fff}
.contents_detail table.qna_view td{background:#272727 url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/table_line_bg.gif) repeat-x left top}
.contents_detail table.qna_view td .writer{float:left;padding-right:8px;color:#fff;letter-spacing:0}
.contents_detail table.qna_view.my td .writer,table.qna_view.answer td .writer{color:#818181}
.contents_detail table.qna_view td .date,#contents table.qna_view td .hit{float:left;padding-left:9px;padding-right:8px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_lecture.gif) no-repeat left center;color:#818181;letter-spacing:0}

/* 연관강좌 */
.connected .title{padding:15px 9px}
.connected .lecture_list{border-bottom:1px solid #1c1c1c}
.connected .lecture_list > li{border:0;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/line_section.gif) repeat-x left top}
.connected .lecture_list > li:first-child{border-top:1px solid #1c1c1c;background:none}
.connected .lecture_list .lecture_summary{height:106px;border:none;background:none}
.connected .lecture_list .lecture_summary a .teacher{color:#fff}
.connected .lecture_list .lecture_summary a .summary{color:#d7d7d7}
.connected .lecture_list .lecture_summary a ul li{color:#a0a0a0}
.connected .lecture_list .lecture_summary a ul li span{color:#fff}

/* 조교 영상, 무료강좌 */
.assistant #container .control{position:absolute;left:0;bottom:100px;width:100%; margin-right:340px;border-bottom:1px solid #141414;background-color:#292929}
.contents_detail .assistant_summary{overflow:hidden;height:150px;padding:20px 20px 0;line-height:18px}
.assistant .contents_detail.choice .assistant_summary{height:210px}
.assistant .contents_detail .assistant_summary .photo{float:left}
.assistant .contents_detail .assistant_summary .profile{float:right;width:180px;color:#fff}
.assistant .contents_detail .assistant_summary .profile span{padding:0 4px 0 8px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_professor.gif) no-repeat left center}
.assistant .contents_detail .assistant_summary .profile span:first-child{padding-left:0;background:none}
.assistant .contents_detail .assistant_summary .introduce{float:right;width:180px;padding-top:10px;color:#9c9c9c;letter-spacing:-.07em}
.assistant .contents_detail .assistant_summary .recommend{float:left;width:106px;padding:14px 0 0 1px;color:#fff;text-align:center}
.assistant .contents_detail .assistant_summary .choice{display:none}
.assistant .contents_detail.choice .assistant_summary .choice{display:block;clear:both;padding-top:13px;text-align:center}
.assistant .contents_detail h2{position:relative;height:30px;padding:0 20px;border:solid #1c1c1c;border-width:1px 0;background-color:#262626;font-size:13px;font-weight:normal;line-height:30px;color:#e1e1e1;letter-spacing:-.07em}
.assistant .contents_detail h2>span{position:absolute;top:0;right:20px;letter-spacing:0}
.assistant .contents_detail h2>span span{color:#f06721}
.vod_list li{overflow:hidden;padding:15px 20px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/line_section.gif) repeat-x left bottom}
.vod_list li .photo{float:left;position:relative}
.vod_list li .photo span{position:absolute;top:0;left:0}
.vod_list li .photo span img{position:absolute;top:22px;left:44px}
.vod_list li .subject{float:right;width:170px}
.vod_list li .subject,.vod_list li .subject a{color:#c0c0c0}
.vod_list li .subject span{display:block;padding-bottom:5px;color:#e1e1e1}
.vod_list li.ongoing{background-color:#1e1e1e}
.vod_list li.ongoing .photo span{width:100px;height:57px;border:3px solid #f06621}
.vod_list li.ongoing .subject span{color:#f06721}
.vod_list li.lock .photo span{width:106px;height:63px;background-color:#1c1c1c;filter:alpha(opacity=80);opacity:0.8}

.vod_list2 li{overflow:hidden;padding:15px 20px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/contents/line_section.gif) repeat-x left bottom}
.vod_list2 li a{position:relative;display:block;padding:0 0 0 40px;}
.vod_list2 li .s-play{position:absolute;top:0;left:0;width:40px;height:20px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/ic_play.png) no-repeat;text-indent:-999em;white-space:nowrap;overflow:hidden;}
.vod_list2 li .subject,.vod_list2 li .subject a{color:#c0c0c0}
.vod_list2 li .subject span{display:block;padding-bottom:5px;color:#e1e1e1}
.vod_list2 li.ongoing{background-color:#1e1e1e}
.vod_list2 li.ongoing .s-play{background-position:-40px 0}
.vod_list2 li.ongoing .subject span{color:#f06721}

.free_list{padding:10px;}
.free_list .fbx{position:relative;height:94px;margin-bottom:10px;padding-left:82px;background:#444;border:1px solid #2d2d2d;border-bottom:2px solid #2d2d2d;}
.free_list .fbx .im{position:absolute;left:8px;bottom:0}
.free_list .fbx .im img{width:72px;height:94px;}
.free_list .fbx .tx{padding-top:10px;width:210px;height:46px;font-size:13px;line-height:16px;color:#d7d7d7;letter-spacing:-.075em}
.free_list .fbx .inf{padding-top:10px;color:#fff;font-size:12px;letter-spacing:-.075em}
.free_list .fbx .inf .bar{color:#f06721;padding-left:8px;margin-left:8px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/line_section_lecture.gif) no-repeat left center}

/* 해설영상강의 */
.explain .title{padding:9px 20px 11px;background-color:#262626;font-size:13px;color:#e1e1e1;letter-spacing:-.07em}
.explain .title .tip{margin-top:5px;color:#a0a0a0;font-size:12px;}
.explain .title .ic{vertical-align:middle;margin-right:3px;}
.ex-bookmark .no{padding:0 18px;height:41px;line-height:41px;background-color:#2d2d2d;color:#e1e1e1;font-size:13px;}
.ex-bookmark ul{border-top:1px solid #222;}
.ex-bookmark li{float:left;width:50%;border-bottom:1px solid #222;font-size:12px;}
.ex-bookmark li a{position:relative;display:block;padding:0 18px;height:41px;line-height:41px;border-left:1px solid #222;color:#fff;font-size:13px;}
.ex-bookmark li em{position:absolute;top:0;right:18px;color:#fff;font-size:12px;font-weight:normal;text-align:right;}
.ex-bookmark .on a{background-color:#2d2d2d}
.ex-bookmark .on em{color:#fff;}

/* 페이징 */
.paging{clear:both;width:100%;padding:12px 0 0;font-size:14px;line-height:1.2em;text-align:center}
.paging a{display:inline-block;padding:0 8px;color:#c0c0c0}
.paging a:hover{color:#f06721}
.paging a:active{color:#f06721;text-decoration:underline}
.paging span{padding:0 8px;font-weight:bold;color:#f06721;text-decoration:underline}
.paging span.prev,.paging span.next,.paging span.first,.paging span.last{display:inline-block;font-weight:normal;color:#f5f5f5;text-decoration:none; padding:0;}
.paging span.prev a,.paging span.next a,.paging span.first a,.paging span.last a,.paging span > i{display:block;text-indent:-99999px}
.paging .prev i{width:6px;padding:0 10px 0 12px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/board/paging/btn_prev_dim.gif) no-repeat 12px 3px}
.paging .next i{width:6px;padding:0 8px 0 6px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/board/paging/btn_next_dim.gif) no-repeat 6px 3px}
.paging .first i{width:10px;padding:0;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/board/paging/btn_first_dim.gif) no-repeat 0 3px}
.paging .last i{width:10px;padding:0;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/board/paging/btn_last_dim.gif) no-repeat 0 3px}
.paging .prev a{width:6px;padding:0 10px 0 12px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/board/paging/btn_prev_off.gif) no-repeat 12px 3px}
.paging .prev a:hover{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/board/paging/btn_prev_on.gif) no-repeat 12px 3px}
.paging .next a{width:6px;padding:0 8px 0 6px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/board/paging/btn_next_off.gif) no-repeat 6px 3px}
.paging .next a:hover{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/board/paging/btn_next_on.gif) no-repeat 6px 3px}
.paging .first a{width:10px;padding:0;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/board/paging/btn_first_off.gif) no-repeat 0 3px}
.paging .first a:hover{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/board/paging/btn_first_on.gif) no-repeat 0 3px}
.paging .last a{width:10px;padding:0;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/board/paging/btn_last_off.gif) no-repeat 0 3px}
.paging .last a:hover{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/board/paging/btn_last_on.gif) no-repeat 0 3px}

/* 레이어팝업 */
#container .lecture_info .ly_popup{position:absolute;top:-33px;left:50%;margin-left:-23%;z-index:1;width:260px;padding:0;border:1px solid #141414;background-color:#222222;}
#container .lecture_info .ly_popup .btn_close{position:absolute;top:12px;right:12px}
#container .lecture_info .popup_con{min-height:45px;padding:9px;}
#container .lecture_info .popup_con .con_middle{min-height:45px;padding:0;text-align:center; line-height:45px;}
#container .lecture_info .popup_con .con_middle img{vertical-align:middle;}
#container .lecture_info .popup_con .btn_box{display:block; width:100%; padding-top:2px; padding-bottom:10px; text-align:center;}
#container .lecture_info .popup_con.next_see{min-height:45px;padding:0;text-align:center; line-height:45px;}
#container .lecture_info .popup_con.next_see .btn_box{display:block; width:100%; padding-top:2px; padding-bottom:0; background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/myclass_dangicokr/img/dangi/player/popup/popup_line_bg.gif) repeat-x left top;}
#container .lecture_info .popup_con.next_see .btn_box{overflow:hidden; line-height:1;}
#container .lecture_info .popup_con.next_see .btn_box a{float:left;}