@charset "UTF-8";
@font-face {
	font-family: NanumSquareWebFont-R;
	font-style: normal;
	font-weight: 300;
	src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_se_R.eot);
	src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_se_R.woff2) format("woff2");
}

:root {
	--w-chart-color: #3b91f8;
	--w-main-color: #1E73E8;
	--w-main-color-hover:rgb(27,103,209);
	--w-main-color-active:rgb(23,92,186);
	--w-black:#000;
	--w-white:#fff;
	--w-basic01:#05c3a7;
	--w-basic02:#8164e7;
	--w-warn:#fc4c4e;
	--w-text01:#000;
	--w-text02:#222;
	--w-text03:#333;
	--w-text04:#424242;
	--w-text05:#777;
	--w-text06:#999;
	--w-text07:#c1c1c1;
	--w-text08:#00b298;
	--w-text09:#2187ec;
	--w-text-white:#fff;
	--w-text-link:#0066dc;
	--w-line01:rgba(0, 0, 0, 0.04);
	--w-line02:rgba(0, 0, 0, 0.08);
	--w-line03:rgba(0, 0, 0, 0.12);
	--w-line04:rgba(0, 0, 0, 0.15);
	--w-line05:rgba(0, 0, 0, 0.2);
	--w-icon01:#222;
	--w-icon02:#666;
	--w-icon03:#a8a8a8;
	--w-icon04:#c8c8c8;
	--w-icon05:#e0e0e0;
	--w-focus:#4ba7ee;
	--wc-text01:#666;
	--wc-icon01:#3391e9;
	--wc-icon02:#27d9b0;
	--wc-bg-tag01:#828c96;
	--wc-bg-tag02:#70b2f0;
	--wc-bg-visual01:#00A5FF;
	--wc-bg-visual02:#4F70F2;
	--wc-bg-visual03:#7673FE;
	--wc-bg-visual04:#593BAB;
	--wc-bg-visual05:#377EBF;
	--wc-bg-visual06:#419488;
	--wc-bg-visual07:#479A5D;
	--wc-bg-visual08:#387A46;
	--wc-bg-visual09:#DBB963;
	--wc-bg-visual10:#858585;
	--wc-bg-visual11:#546066;
	--wc-button01:#F5F5F5;
	--wc-button02:#EBEBEB;
	--wc-button03:#EBF4FD;
	--wc-button04:#C2DEF8;
	--wc-button05:#1E73E8;
	--wc-button06:#0066C4;
	--wc-button07:#384047;
	--wc-button-hover:rgba(0, 0, 0, 0.1);
	--wc-button-active:rgba(0, 0, 0, 0.2);
	--wc-etc01:#F5FDF7;
	--wc-etc02:#C3F2D7;
	--wc-etc03:#19286E;
	--wc-chart-color: #3b91f8;
}

:root {
	--w-main-color: #1E73E8;
	--w-main-color-hover:rgb(27,103,209);
	--w-main-color-active:rgb(23,92,186);
	--w-black:#000;
	--w-white:#fff;
	--w-basic01:#05c3a7;
	--w-basic02:#8164e7;
	--w-warn:#fc4c4e;
	--w-text01:#000;
	--w-text02:#222;
	--w-text03:#333;
	--w-text04:#424242;
	--w-text05:#777;
	--w-text06:#999;
	--w-text07:#c1c1c1;
	--w-text08:#00b298;
	--w-text09:#2187ec;
	--w-text-white:#fff;
	--w-text-link:#0066dc;
	--w-line01:rgba(0, 0, 0, 0.04);
	--w-line02:rgba(0, 0, 0, 0.08);
	--w-line03:rgba(0, 0, 0, 0.12);
	--w-line04:rgba(0, 0, 0, 0.15);
	--w-line05:rgba(0, 0, 0, 0.2);
	--w-icon01:#222;
	--w-icon02:#666;
	--w-icon03:#a8a8a8;
	--w-icon04:#c8c8c8;
	--w-icon05:#e0e0e0;
	--w-focus:#4ba7ee;
	--wc-text01:#666;
	--wc-icon01:#3391e9;
	--wc-icon02:#27d9b0;
	--wc-bg-tag01:#828c96;
	--wc-bg-tag02:#70b2f0;
	--wc-bg-visual01:#00A5FF;
	--wc-bg-visual02:#4F70F2;
	--wc-bg-visual03:#7673FE;
	--wc-bg-visual04:#593BAB;
	--wc-bg-visual05:#377EBF;
	--wc-bg-visual06:#419488;
	--wc-bg-visual07:#479A5D;
	--wc-bg-visual08:#387A46;
	--wc-bg-visual09:#DBB963;
	--wc-bg-visual10:#858585;
	--wc-bg-visual11:#546066;
	--wc-button01:#F5F5F5;
	--wc-button02:#EBEBEB;
	--wc-button03:#EBF4FD;
	--wc-button04:#C2DEF8;
	--wc-button05:#1E73E8;
	--wc-button06:#0066C4;
	--wc-button07:#384047;
	--wc-button-hover:rgba(0, 0, 0, 0.1);
	--wc-button-active:rgba(0, 0, 0, 0.2);
	--wc-etc01:#F5FDF7;
	--wc-etc02:#C3F2D7;
	--wc-etc03:#19286E;
	--wc-etc04: #f7f8f9;
	--wc-chart-color: #3b91f8;
}

.preview_area .btn_clse:after, #header .whaleclass_box .school_name .img_whaleclass, #header .lnk_box a .ico_arrow, #header .gnb > li.nickname > a .thumb:before, #header .gnb > li.on:after, #header .gnb > li.on.nickname:after, #header .gnb > li .ly_dropdown .ly_top .more:after, #header .gnb > li .ly_dropdown li .thumb:before, #header .gnb > li .ly_dropdown .btn_jumpbar:after, #header .hd_txt .lecture_sub_tool .btn_manage:before, #header .hd_txt .lecture_sub_tool .sns_area .sns_share:before, #header[class^=main_] .lnk_box a .ico_arrow, #header[class^=main_] .gnb > li.on:after, #header[class^=main_] .gnb > li.on.nickname:after, #header[class^=main_] .gnb > li .ly_dropdown .ly_top .more:after, #header[class^=main_] .gnb > li .ly_dropdown li .thumb:before, #header[class^=main_] .gnb > li .ly_dropdown .btn_jumpbar:after, #snb nav > ul > li .whaleclass:before, #snb nav > ul > li.private .menu:after, #snb nav > ul > li.sub > a:before, #snb nav > ul > li.sub.active > a:before, #snb nav > ul > li.help span:after, #snb nav ul.lnk_lst li a:before, #snb nav .ext a:before, #snb nav .ext:hover a:before, #snb .widget h2:before, #snb .setting_area a:before, #content .page_header .right_date_txt .dsc:before, #content .chapter_list_box .list .lecture a:before, #content .chapter_list_box .list .quiz a:before, #content .chapter_list_box .list .task a:before, #content .chapter_list_box .list .appraisal a:before, #content .stats_report_box .report_cal_box .inner .cal_btn, #content .stats_report_box .report_cal_box .dsc:before, #content .ly_popup .close_btn, #footer .f_app .ico_android, #footer .f_app .ico_apple, #footer .f_noti .layout_in .more:after, #footer.new_f .f_app .ico_android, #footer.new_f .f_app .ico_apple, #footer.new_f .f_noti .layout_in .more:after, .ico_g_modify, .ico_g_cross, .ico_g_lock, .ico_g_lock3, .ico_g_open, .ico_g_open2, .ico_g_open3, .ico_g_delete, .ico_g_drag, .ico_g_bu, .ico_em, .ico_e, .ico_arr5, .ico_arr5.dn, .ico_arr6, .ico_arr6.dn, .ico_sort, .ico_sort.up, .ico_sort.dn, .ico_cal_prev, .ico_cal_next, .ico_fl_like, .ico_fl_cmt, .ico_check, .ico_coach_q, .ico_error_black, .ico_error_red, .ico_sns_share, .ico_sns_share_bk, .ic_prof_mng, .ico_config, .ico_new, .ico_help2, .ico_help3, .ico_mbr, .ico_lecture2, .ico_like, .ico_cmt, .ico_cbox:before, .ico_cbox2:before, .ico_task2, .ico_peer2, .ico_quiz2, .ico_project2, .ico_s_lecture, .ico_task2.end, .ico_peer2.end, .ico_quiz2.end, .ico_copy, .ico_whaleclass, .ico_whaleclass_s, .ico_lecture_private,
.ico_lecture_private_b:before,
.ico_lecture_private_a:after, .ico_lecture_private2,
.ico_lecture_private2_b:before,
.ico_lecture_private2_a:after, .ico_lecture_private3,
.ico_lecture_private3_b:before,
.ico_lecture_private3_a:after, .ico_g_lock_dark,
.ico_g_lock_dark_b:before,
.ico_g_lock_dark_a:after, .ico_g_open_dark,
.ico_g_open_dark_b:before,
.ico_g_open_dark_a:after, .ico_g_open_dark2,
.ico_g_open_dark2_b:before,
.ico_g_open_dark2_a:after, .ico_clse,
.ico_clse_b:before,
.ico_clse_a:after, .ico_f_img,
.ico_f_img_b:before,
.ico_f_img_a:after, .ico_f_img.end,
.ico_f_img.end_b:before,
.ico_f_img.end_a:after, .ico_f_video,
.ico_f_video_b:before,
.ico_f_video_a:after, .ico_f_video.end,
.ico_f_video.end_b:before,
.ico_f_video.end_a:after, .ico_f_file,
.ico_f_file_b:before,
.ico_f_file_a:after, .ico_f_file.end,
.ico_f_file.end_b:before,
.ico_f_file.end_a:after, .ico_f_link,
.ico_f_link_b:before,
.ico_f_link_a:after, .ico_f_link.end,
.ico_f_link.end_b:before,
.ico_f_link.end_a:after, .ico_f_text,
.ico_f_text_b:before,
.ico_f_text_a:after, .ico_f_text.end,
.ico_f_text.end_b:before,
.ico_f_text.end_a:after, .ico_f_poll,
.ico_f_poll_b:before,
.ico_f_poll_a:after, .ico_f_poll.end,
.ico_f_poll.end_b:before,
.ico_f_poll.end_a:after, .ico_s_file,
.ico_s_file_b:before,
.ico_s_file_a:after, .ico_s_link,
.ico_s_link_b:before,
.ico_s_link_a:after, .ico_help.end,
.ico_help.end_b:before,
.ico_help.end_a:after, .ico_peer,
.ico_peer_b:before,
.ico_peer_a:after, .ico_peer.end,
.ico_peer.end_b:before,
.ico_peer.end_a:after, .ico_lecture,
.ico_lecture_b:before,
.ico_lecture_a:after, .ico_lecture.end,
.ico_lecture.end_b:before,
.ico_lecture.end_a:after, .ico_project,
.ico_project_b:before,
.ico_project_a:after, .ico_project.end,
.ico_project.end_b:before,
.ico_project.end_a:after, .ico_poll,
.ico_poll_b:before,
.ico_poll_a:after, .ico_quiz,
.ico_quiz_b:before,
.ico_quiz_a:after, .ico_quiz.end,
.ico_quiz.end_b:before,
.ico_quiz.end_a:after, .ico_task,
.ico_task_b:before,
.ico_task_a:after, .ico_task.end,
.ico_task.end_b:before,
.ico_task.end_a:after, .ico_course,
.ico_course_b:before,
.ico_course_a:after, .ico_course.end,
.ico_course.end_b:before,
.ico_course.end_a:after, .ico_notice,
.ico_notice_b:before,
.ico_notice_a:after, .ico_notice.end,
.ico_notice.end_b:before,
.ico_notice.end_a:after, .ico_forum,
.ico_forum_b:before,
.ico_forum_a:after, .ico_forum.end,
.ico_forum.end_b:before,
.ico_forum.end_a:after, .ico_file,
.ico_file_b:before,
.ico_file_a:after, .ico_file_def,
.ico_file_def_b:before,
.ico_file_def_a:after, .ico_link,
.ico_link_b:before,
.ico_link_a:after, .ico_peer.do,
.ico_peer.do_b:before,
.ico_peer.do_a:after, .ico_lecture.do,
.ico_lecture.do_b:before,
.ico_lecture.do_a:after, .ico_quiz.do,
.ico_quiz.do_b:before,
.ico_quiz.do_a:after, .ico_task.do,
.ico_task.do_b:before,
.ico_task.do_a:after, .ico_noimg,
.ico_noimg_b:before,
.ico_noimg_a:after, .ico_noimg2,
.ico_noimg2_b:before,
.ico_noimg2_a:after, .ico_prof,
.ico_prof_b:before,
.ico_prof_a:after, .ico_prof2,
.ico_prof2_b:before,
.ico_prof2_a:after, .ico_prof3,
.ico_prof3_b:before,
.ico_prof3_a:after, .ico_prof4,
.ico_prof4_b:before,
.ico_prof4_a:after, .ico_close_s,
.ico_close_s_b:before,
.ico_close_s_a:after, .ico_close_b,
.ico_close_b_b:before,
.ico_close_b_a:after, .ico_i_image,
.ico_i_image_b:before,
.ico_i_image_a:after, .ico_i_file,
.ico_i_file_b:before,
.ico_i_file_a:after, .ico_i_katex,
.ico_i_katex_b:before,
.ico_i_katex_a:after, .ico_le_s,
.ico_le_s_b:before,
.ico_le_s_a:after, .ico_task_s,
.ico_task_s_b:before,
.ico_task_s_a:after, .ico_peer_s,
.ico_peer_s_b:before,
.ico_peer_s_a:after, .ico_quiz_s,
.ico_quiz_s_b:before,
.ico_quiz_s_a:after, .ico_project_s,
.ico_project_s_b:before,
.ico_project_s_a:after, .ico_checked,
.ico_checked_b:before,
.ico_checked_a:after, .ico_checked.on,
.ico_checked.on_b:before,
.ico_checked.on_a:after,
.ico_config_b:before,
.ico_config_a:after, .ico_sta_go,
.ico_sta_go_b:before,
.ico_sta_go_a:after, .ico_sta_fin,
.ico_sta_fin_b:before,
.ico_sta_fin_a:after, .ico_sta_end,
.ico_sta_end_b:before,
.ico_sta_end_a:after, .ico_gt,
.ico_gt_b:before,
.ico_gt_a:after, .ico_sns_band,
.ico_sns_band_b:before,
.ico_sns_band_a:after, .ico_sns_facebook,
.ico_sns_facebook_b:before,
.ico_sns_facebook_a:after, .ico_sns_twitter,
.ico_sns_twitter_b:before,
.ico_sns_twitter_a:after, .ico_sns_google,
.ico_sns_google_b:before,
.ico_sns_google_a:after, .ico_sns_urlcopy,
.ico_sns_urlcopy_b:before,
.ico_sns_urlcopy_a:after, .ico_sns_band2,
.ico_sns_band2_b:before,
.ico_sns_band2_a:after, .ico_sns_facebook2,
.ico_sns_facebook2_b:before,
.ico_sns_facebook2_a:after, .ico_sns_twitter2,
.ico_sns_twitter2_b:before,
.ico_sns_twitter2_a:after, .ico_sns_google2,
.ico_sns_google2_b:before,
.ico_sns_google2_a:after, .ico_sns_urlcopy2,
.ico_sns_urlcopy2_b:before,
.ico_sns_urlcopy2_a:after, .ico_sns2_band,
.ico_sns2_band_b:before,
.ico_sns2_band_a:after, .ico_sns2_facebook,
.ico_sns2_facebook_b:before,
.ico_sns2_facebook_a:after, .ico_sns2_twitter,
.ico_sns2_twitter_b:before,
.ico_sns2_twitter_a:after, .ico_sns2_google,
.ico_sns2_google_b:before,
.ico_sns2_google_a:after, .ico_sns2_urlcopy,
.ico_sns2_urlcopy_b:before,
.ico_sns2_urlcopy_a:after, .ico_ems_img,
.ico_ems_img_b:before,
.ico_ems_img_a:after, .ico_tag_search,
.ico_tag_search_b:before,
.ico_tag_search_a:after, .ico_gnb_lec,
.ico_gnb_lec_b:before,
.ico_gnb_lec_a:after, .ico_gnb_news,
.ico_gnb_news_b:before,
.ico_gnb_news_a:after, .ico_gnb_todo,
.ico_gnb_todo_b:before,
.ico_gnb_todo_a:after, .ico_closed_lec,
.ico_closed_lec_b:before,
.ico_closed_lec_a:after, .ic_share_url,
.ic_share_url_b:before,
.ic_share_url_a:after, .ic_share_band,
.ic_share_band_b:before,
.ic_share_band_a:after, .ic_share_facebook,
.ic_share_facebook_b:before,
.ic_share_facebook_a:after, .ic_share_twitter,
.ic_share_twitter_b:before,
.ic_share_twitter_a:after, .ic_share_linkedin,
.ic_share_linkedin_b:before,
.ic_share_linkedin_a:after, .ic_heart,
.ic_heart_b:before,
.ic_heart_a:after, .ic_student,
.ic_student_b:before,
.ic_student_a:after, .ic_watch_on,
.ic_watch_on_b:before,
.ic_watch_on_a:after, .ic_watch_off,
.ic_watch_off_b:before,
.ic_watch_off_a:after, .ic_live_end,
.ic_live_end_b:before,
.ic_live_end_a:after, .ic_live_connect,
.ic_live_connect_b:before,
.ic_live_connect_a:after, .btn.btn_type1.remove:before, .btn.btn_type4.crosshair:before, .btn.btn_type4.change:before, .btn.btn_type5, .btn.btn_type5.big, .btn.btn_type5.f_close, .btn.btn_type5.f_close_big, .btn.btn_type5.f_del, .btn.btn_type7.prev:before, .btn.btn_type7.next:before, .btn.btn_type7.disabled.prev:before, .btn.btn_type7.disabled.next:before, .btn.btn_type9.r_rcom:before, .btn.btn_type9.r_reply:before, .btn.btn_type9.r_rcom.on:before, .btn.btn_type9.r_reply.on:before, .btn.btn_type10:after, .btn.btn_type13.save::before, .btn.btn_type13.course::before, .btn.btn_type13.share::before, .it.it_added.input .btn, .it.it_added.input2 .srch, .it.it_added.input2.dark .input_area .btn.btn_type5.big,
.it.it_added.input2.dark .added .btn.btn_type5.big, .it.it_added.input3 .added .btn, .it.spinner .ui-widget-content .ui-spinner-up .ui-button-text .ui-icon, .it .spinner .ui-widget-content .ui-spinner-up .ui-button-text .ui-icon, .it.spinner .ui-widget-content .ui-spinner-down .ui-button-text .ui-icon, .it .spinner .ui-widget-content .ui-spinner-down .ui-button-text .ui-icon, .atch_wrap .atch_area .cont_file .link_box .btn_del, .ick .radio, .ick .radio.checked, .ick .checkbox, .ick .checkbox.checked, .ick.disabled .radio, .ick.disabled .radio.checked, .ick.disabled .checkbox, .ick.disabled .checkbox.checked, .ick.big .checkbox, .ick.big .checkbox.checked, .ick.big .radio, .ick.big .radio.checked, .ick.big.disabled .checkbox, .ick.big.disabled .checkbox.checked, .ick.big.type1 .checkbox, .ick.big.type1 .checkbox.checked, .img_group .img.noimgProfile .inner:before, .noti_box .lnk_go:after, .watch .checkbox, .table.table_type2 tbody td.disabled .watch .checkbox,
.table.table_type2 tfoot td.disabled .watch .checkbox, .table .col_sort:after, .table .col_sort.up:after, .table .col_sort.dn:after, .table .col_sort.type2.up:after, .table .col_sort.type2.dn:after, .table .active .col_sort.type2.up:after, .table .active .col_sort.type2.dn:after, .table .inquiry_area .user_info .thumb, .table .inquiry_area .link_area .file_download:before, .table .inquiry_area .cont_file .link_box .inner .btn_del, .table .inquiry_area .label_btn_box .pic_label, .table .inquiry_area .label_btn_box .file_label, .paginate .pre, .paginate .next, .paginate.type2 .pre:before, .paginate.type2 .next:after, .paginate2 .btn_prve:after, .paginate2 .btn_next:after, .nav_text li a.tit:before, .nav_text li button.tit:before, a.file_download:before, .rel_link:after, .rel_link2:after, .rel_link3:after, .txt_desc:before, .txt_help:before, .bubb.top .arrow, .bubb.down .arrow, .bubb.type3:before, .user_info .thumb, .upload_progress .inner .check_info:before, .profile_el .thum,
.profile_el2 .thum, .profile_el2 a:after,
.profile_el2.dn a:after, .profile_el2.up a:after, .card_area .card .img_wrap:before, .card_area .card .img_wrap .private:before, .card_area .card .count_info .count_like:before, .card_area .card .count_info .count_observe:before, .card_area .card2 .img_wrap:before, .card_area .card2 .img_wrap .private:before, .lecture_card .preview:before, .lecture_card .preview .private strong:before, .lecture_card .count_info .count_like:before, .lecture_card .count_info .count_observe:before, .profile_min .thum, .btn_prev_next .bx-prev, .btn_prev_next .bx-prev.disabled, .btn_prev_next .bx-next, .btn_prev_next .bx-next.disabled, .sns_area .sns_layer .ico_url::before, .sns_area .sns_layer .ico_band::before, .sns_area .sns_layer .ico_facebook::before, .sns_area .sns_layer .ico_twitter::before, .sns_area .sns_layer .ico_linkedin::before, .score_area .go:after, .ico_tag, .thmb .ico_vod, .more_area .btn.btn_type10:after, .tit_area .sort_lst li button:before, .tit_area .sort_lst li.on button:before, .mooc_spot .slide_wrap .btn.prev .ico, .mooc_spot .slide_wrap .btn.next .ico, .mooc_spot .slide_wrap .item .inner:after, .mooc_spot .slide_wrap .item.half .inner:after, .mooc_spot .slide_wrap .item.half.course .inner:before, .mooc_spot .slide_wrap .item.half.notification .inner:before, .intro_pop.inspect:after, .intro_pop.inspect .close, .modal_wrap .modal_body .ic_arrow_right, .modal_wrap .modal_body .lnk_go:after, .modal_wrap.quiz_load .quiz_load_table li:before, .modal_wrap.eval_peer .eval_peer_lst .peer_cnt, .modal_wrap.eval_task .eval_peer_lst .peer_cnt, .modal_wrap.quiz_rating .eval_peer_lst .peer_cnt, .modal_wrap.quiz_result .eval_peer_lst .peer_cnt, .modal_wrap.quiz_rating .answ_area .thum, .modal_wrap.cbox .cbox_con .lst li:before, .modal_wrap.cbox .cbox_rdo .lst li.on:after, .modal_wrap .modal_content .btn_fullscreen:before, .modal_wrap .modal_content .btn_fullscreen.off:before, .modal_wrap .modal_content .btn_code_list:before, .modal_wrap .modal_content.sel_thumbnail .image_item:hover .btn_select, .modal_wrap .modal_content.sel_thumbnail .image_item:hover .btn_select:hover, .modal_wrap .modal_content.sel_thumbnail .image_item.select .btn_select, .modal_wrap .modal_content.sel_thumbnail .image_item.select .btn_select:hover, .modal_wrap .modal_content.copy_lecture .lecture_info .table .title.name:before, .modal_wrap .modal_content.copy_lecture .lecture_info .table .title.link:before, .modal_wrap .modal_content.copy_lecture .lecture_info .table .title.prof:before, .modal_wrap .modal_content.copy_lecture .lecture_info .table .title.type:before, .modal_wrap .modal_content.copy_lecture .lecture_info .table .title.term:before, .modal_wrap .modal_content.copy_lecture .lecture_info .table .title.time:before, .modal_wrap .modal_content.copy_lecture .lecture_info .table .title.approve:before, .modal_wrap.boost_course_modal .modal_header .code_file:before, .modal_wrap.boost_course_modal.code .marker:after, .modal_wrap.boost_course_modal .cmt_label_box .result_label.good:before, .modal_wrap.boost_course_modal .cmt_label_box .result_label.bad:before, .modal_wrap.boost_course_modal .cmt_label_box .result_label.point:before, .modal_wrap .code_list .folder_link .arr, .modal_wrap .code_list .folder_link.fold .arr, .modal_wrap .code_list .list_dash, .modal_wrap .code_list .ico_radio, .modal_wrap .code_list .radio_box input[type="radio"]:checked + .ico_radio, .modal_wrap .code_list .folder, .modal_wrap .code_list .file, .modal_wrap .drag, .modal_paging .pre, .modal_paging .next, .modal_paging .pre.on, .modal_paging .next.on, .video_index_area .list_video_index .btn_delete:before, .new_modal .pop_close, .new_modal .pop_close.white, .new_modal .review_cancel_chk .chk_list li:before, .new_modal .project_submit .order_navigation .check .cnt:before, .new_modal .project_submit .order_navigation .checked .cnt:before, .modal_content.menu_mobile_manage .control_info_area:before, .thumb_box_area .thumb_list_box .thumb_list li:hover .thumb_box:after, .thumb_box_area .thumb_list_box .thumb_list li.selected .thumb_box:after, .comment .comment_list .private .comment_desc:before,
.comment .comment_list .del .comment_desc:before, .comment .comment_area .thumb, .comment .comment_children_wrap .children .comment_area .thumb, .material_view .btn_rmcplayer_close:before, .material_view .material_status_bar .btn_sctipt:before, .material_view .material_status_bar a.btn_sctipt.hidden.on + .btn_script_wrap .btn_sctipt:before, .material_view .material_status_bar .btn_view_list:before, .material_view .material_status_bar .btn_view_list.on:before, .material_view .material_status_bar .option_script .option_list li.active:before, .material_view .material_status_bar .btn_back:before, .material_view .material_status_list_box .tab_list .script, .material_view .material_status_list_box .tab_list .bookmark, .material_view .material_status_list_box .tab_list .lang_set, .material_view .material_status_list_box .tab_list .tab_link.on .script, .material_view .material_status_list_box .tab_list .tab_link.on .bookmark, .material_view .material_status_list_box .tab_list .tab_link.on .lang_set, .material_view .material_status_list_box .tab_list .tab_link.disabled .lang_set, .material_view .material_status_list_box .tab_list .lang_sel_box .lang_list input[type="checkbox"]:checked + .lang_chk:before, .material_view .material_status_list_box .tab_list .lang_sel_box .lang_list .drag, .material_view .material_status_list_box .script_list .bookmark .bk_star, .material_view .material_status_list_box .script_list .bookmark input[type="checkbox"]:checked + .bk_star, .material_view .material_status_list_box .script_list .controll_box .btn_merge, .material_view .material_status_list_box .script_list .controll_box .btn_merge.on, .material_view .material_status_list_box .script_list .controll_box .btn_merge_cancel, .material_view .material_status_list_box .script_list .controll_box .btn_merge_cancel.on, .material_view .material_status_list_box .script_list .controll_box .btn_repeat, .material_view .material_status_list_box .script_list .controll_box .btn_interval, .material_view .material_status_list_box .tooltip.dic_search:before, .material_view .material_status_list_box .bookmark_none_list .bookmark:before, .material_view .material_status_list_box .bookmark_none_list .repeat:before, .material_view .material_status_list_box .bookmark_none_list .interval:before, .material_view .subtitle .inner2 .lg .ico_close_b, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_text:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_movie:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_img:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_code:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_doc:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_url:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_poll:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_cbox:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_text:hover:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_text:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_movie:hover:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_movie:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_img:hover:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_img:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_code:hover:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_code:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_doc:hover:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_doc:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_url:hover:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_url:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_poll:hover:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_poll:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_cbox:hover:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_cbox:before, .editor_section .material.active .movable_bar:after, .editor_section .material .remove .btn_remove_material, .ce_view .material_view .material_item .dimmed_layer_box .play_box .play, .ce_view .material_view .material_item .dimmed_layer_box .play_box .play:before, .outside_link_error .error_msg:before, .btn_lecture_like:before, .btn_lecture_like.on:before, .btn_lecture_like_admin .like_link:before, .btn_lecture_like_admin.on .like_link:before, .live_status .ic_live_status, .live_status .on.ic_live_status, .myhome .page_header .btn.btn_type2.op3 .go_back, .myhome .course_lst .info_btns .btn_lecture_more i, .myhome .course_lst .info_more_box .help_pop .pop_close, .myhome .course_lst .info_lec > ul > li .lk_charge::after, .myhome .project_list li .pj_state::after, .myhome .project_list li.pass .pj_state::after, .myhome .project_list li.reject .pj_state::after, .myhome .project_list li.review .pj_state::after, .myhome .project_list .pj_pass .pj_state::after, .myhome .project_list .btn_pj_more, .myhome .project_list.open .btn_pj_more, .ly_prof_area .btn_set::after, .myhome_info .account_interlock_info .ico_naver, .myhome_info .account_interlock_info .ico_facebook, .myhome_info .account_interlock_info .ico_nba, .myhome_info .account_interlock_info .ico_google, .myhome_info .account_interlock_info .ico_apple, .todo_lst li .noti:before {
	background-image: url(../img/sprite/sp_icon.png);
	-webkit-background-size: 913px 901px;
	        background-size: 913px 901px;
	background-repeat: no-repeat;
}

.whale_inspect_pop .pop_title:before {
	background-image: url(../img/sprite/sp_modal.png);
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/sprite/sp_modal.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sprite/sp_modal.svg);
	background-image: linear-gradient(transparent, transparent), url(../img/sprite/sp_modal.svg);
	-webkit-background-size: 201px 160px;
	        background-size: 201px 160px;
	background-repeat: no-repeat;
}

#header[class^=main_] .header_wrap .layout_in .gnb li.search .group .btn:after, #header[class^=main_] .gnb > li.search .group .btn:after, #header[class^=main_] .gnb > li.nickname > a .thumb:before, #footer.new_f .f_related .list_wrap .sns_list a.naver, #footer.new_f .f_related .list_wrap .sns_list a.facebook, #footer.new_f .f_related .list_wrap .sns_list a.insta, #footer.new_f .f_related .list_wrap .site_list .btn_open i, #footer.new_f .btn_to_top:after, .ico_uio_al, .ico_uio_al.on, .ico_uio_va, .ico_uio_va.on, .intro_pop .ick .checkbox.checked:after, .modal_wrap .modal_close, .modal_wrap .modal_footer .txt_desc::before, .inspect_pop .close, .comment .comment_area .comment_info li .ico_g_lock3, body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_image, body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_file, body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_katex, body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .checkbox, body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .checkbox.checked, body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .checkbox.disabled, body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .checkbox, body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.checked, body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.disabled, body.re_pack .share .new_comment_wrap .comment .comment_list .del .comment_area .comment_desc::before, body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area .comment_desc:before, body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_btn, body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .del .comment_area .comment_view_mode .comment_desc::before, body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .private .comment_area .comment_view_mode .comment_desc::before, body.re_pack .share .new_comment_wrap .se_editor_area .f_img:hover .f_close, body.re_pack .share .new_comment_wrap .se_editor_area .f_img .f_close, body.re_pack .share .new_comment_wrap .se_editor_area .f_file .f_close, body.re_pack .share .live_tab_wrap .group_r .btn_mine_box .btn_mine.on .ico_mine, body.re_pack .share .live_tab_wrap .group_r .btn_mine_box .ico_mine, .myhome_info .basic_info_box .terms .ick .checkbox:after, .myhome_info .basic_info_box .terms .ick .checkbox.checked:after, .myhome_info .ick .checkbox.checked:after {
	background-image: url(../img/sprite/sp_new_boostcourse.png);
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/sprite/sp_new_boostcourse.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sprite/sp_new_boostcourse.svg);
	background-image: linear-gradient(transparent, transparent), url(../img/sprite/sp_new_boostcourse.svg);
	-webkit-background-size: 877px 704px;
	        background-size: 877px 704px;
	background-repeat: no-repeat;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top .more::after, #header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_class::after, #header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_assignment::after, #header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_video::after, #header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_live::after, #header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_comment::after, #header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_quiz::after, #header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_project::after, #header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_post::after, .ick.type_blue .checkbox, .ick.type_blue .checkbox.checked::after, .table.table_type2.space_table thead .ick .checkbox.checked::after, .table.table_type2.space_table thead .ick .checkbox.type_all_checked::after, .table.table_type2.space_table .ick .checkbox::after, .table.table_type2.space_table .ick .checkbox.checked::after, .whale_inspect_pop .close, .small_margin .modal_content .modal_close {
	background-image: url(../img/sprite/sp_new_whaleclass.png);
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/sprite/sp_new_whaleclass.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sprite/sp_new_whaleclass.svg);
	background-image: linear-gradient(transparent, transparent), url(../img/sprite/sp_new_whaleclass.svg);
	-webkit-background-size: 968px 834px;
	        background-size: 968px 834px;
	background-repeat: no-repeat;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	/* 1 */
	font-size: 14px;
	line-height: 1.8;
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/**
 * Remove default margin.
 */
body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
	background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* a:active,
a:hover {
  outline: 0;
} */
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
	font-weight: 700;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
	font-weight: 700;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	word-wrap: break-word;
	word-break: break-all;
}

:before, :after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

textarea:focus,
input:focus {
	outline: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
button {
	-webkit-border-radius: 0;
	        border-radius: 0;
}

/* mooc base */
html, body {
	height: 100%;
	min-height: 100%;
}

body, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	color: #666;
}

body {
	background: #fff;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover, a:focus {
	color: #666;
	text-decoration: underline;
}

@font-face {
	font-family: NanumGothic;
	src: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/fonts/NanumGothic.eot);
	/* IE9 Compat Modes */
	src: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/fonts/NanumGothic.eot?#iefix) format(embedded-opentype), url(https://ssl.pstatic.net/static/connectfdn/edwith/images/fonts/NanumGothic.woff) format(woff);
	/* Modern Browsers */
	src: local(※), url(https://ssl.pstatic.net/static/connectfdn/edwith/images/fonts/NanumGothic.woff) format(woff);
}

@font-face {
	font-family: NanumSquareWebFont;
	font-style: normal;
	font-weight: 400;
	src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acR.eot);
	src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acR.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acR.woff) format("woff"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acR.ttf) format("truetype");
}

@font-face {
	font-family: NanumSquareWebFont;
	font-style: normal;
	font-weight: 700;
	src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acB.eot);
	src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acB.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acB.woff) format("woff"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acB.ttf) format("truetype");
}

@font-face {
	font-family: NanumSquareWebFont;
	font-style: normal;
	font-weight: 900;
	src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare/NanumSquare_acEB.eot);
	src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare/NanumSquare_acEB.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acEB.woff) format("woff"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acEB.ttf) format("truetype");
}

/* reset */
ul, ol, li, dl, dt, dd, button, fieldset, p {
	margin: 0;
	padding: 0;
}

ul, ol, li {
	list-style: none;
}

button {
	border: 0;
	background: transparent;
	cursor: pointer;
	outline: none;
}

textarea {
	resize: none;
}

em {
	font-style: normal;
}

fieldset {
	border: 0;
}

:-ms-input-placeholder {
	color: #999 !important;
}

::-webkit-input-placeholder {
	color: #999 !important;
}

:-moz-placeholder {
	color: #999 !important;
}

::-moz-placeholder {
	color: #999 !important;
}

::-ms-clear {
	display: none;
}

::selection {
	color: #fff;
	background: #00c73c;
	text-shadow: none;
}

.blind {
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
}

.sr_only {
	overflow: hidden;
	position: absolute !important;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.editor_wrap {
	position: relative;
}

.editor_reset {
	overflow: hidden;
	cursor: text;
}

.editor_reset h4 {
	margin: 1.33em 0;
	font-weight: bold;
}

.editor_reset p {
	color: #333;
}

.editor_reset hr {
	margin: 25px 0;
	border: 0;
	border-top: 1px solid #e8e8e8;
}

.editor_reset ul, .editor_reset ol {
	display: block;
	padding-left: 30px;
}

.editor_reset ul li {
	list-style: disc;
}

.editor_reset ul ul li {
	list-style: circle;
}

.editor_reset ul ul ul li {
	list-style: square;
}

.editor_reset ol li,
.editor_reset ol ul ol li {
	list-style: decimal;
}

.editor_reset ol ul li {
	list-style: circle;
}

.editor_reset ol ul ul li {
	list-style: square;
}

.editor_reset em {
	font-style: italic;
}

.editor_reset img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.editor_reset a,
.editor_reset a:hover,
.editor_reset a:active,
.editor_reset a:focus {
	color: #010101 !important;
	text-decoration: underline !important;
}

.editor_reset a span,
.editor_reset a:hover span,
.editor_reset a:active span,
.editor_reset a:focus span {
	color: #010101 !important;
}

.editor_reset * + ul, .editor_reset * + ol {
	margin: 10px 0 0;
}

.editor_reset pre {
	padding: 14px 20px;
	background-color: #333;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

.editor_reset pre code {
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	color: #FFF;
}

.editor_reset pre .ph {
	display: block;
	color: #999;
}

.editor_reset b, .editor_reset strong {
	font-weight: bold;
}

.editor_reset .u_rmcplayer a {
	text-decoration: none !important;
	cursor: pointer !important;
}

.editor_reset .u_rmcplayer .u_rmcplayer_progress .u_rmc_definition_ly li a {
	color: #fff !important;
}

.editor_reset .u_rmcplayer .u_rmcplayer_progress .u_rmc_definition_ly li a:hover {
	color: #0aeb7f !important;
}

.txt {
	color: #333;
}

.dp_b {
	display: block !important;
}

.dp_ib {
	display: inline-block !important;
}

.hidden_scroll {
	overflow: hidden !important;
}

.hidden {
	display: none !important;
}

.pt_st {
	position: static !important;
}

.fl_n {
	float: none !important;
}

.fl_l {
	float: left !important;
}

.fl_r {
	float: right !important;
}

.c_strong {
	color: #4564d8 !important;
}

.c_valid {
	color: #01c000 !important;
}

.c_point {
	color: #03c75a !important;
}

.c_danger {
	color: #f87d08 !important;
}

.c_error {
	color: red !important;
}

.prt2 {
	position: relative;
	top: 2px;
}

.prt3 {
	position: relative;
	top: 3px;
}

.prt8 {
	position: relative;
	top: 8px;
}

.prt9 {
	position: relative;
	top: 9px;
}

.prt10 {
	position: relative;
	top: 9px;
}

.prt13 {
	position: relative;
	top: 13px;
}

.mpa0 {
	margin: 0 !important;
	padding: 0 !important;
}

.ma0 {
	margin: 0 !important;
}

.mat_mn31 {
	margin-top: -31px !important;
}

.mat_mn57 {
	margin-top: -57px !important;
}

.mat0 {
	margin-top: 0 !important;
}

.mat3 {
	margin-top: 3px !important;
}

.mat4 {
	margin-top: 4px !important;
}

.mat5 {
	margin-top: 5px !important;
}

.mat8 {
	margin-top: 8px !important;
}

.mat9 {
	margin-top: 9px !important;
}

.mat10 {
	margin-top: 10px !important;
}

.mat12 {
	margin-top: 12px !important;
}

.mat13 {
	margin-top: 15px !important;
}

.mat15 {
	margin-top: 15px !important;
}

.mat17 {
	margin-top: 17px !important;
}

.mat20 {
	margin-top: 20px !important;
}

.mat21 {
	margin-top: 21px !important;
}

.mat23 {
	margin-top: 23px !important;
}

.mat24 {
	margin-top: 24px !important;
}

.mat25 {
	margin-top: 25px !important;
}

.mat30 {
	margin-top: 30px !important;
}

.mat33 {
	margin-top: 33px !important;
}

.mat35 {
	margin-top: 35px !important;
}

.mat40 {
	margin-top: 40px !important;
}

.mat42 {
	margin-top: 42px !important;
}

.mat50 {
	margin-top: 50px !important;
}

.mat60 {
	margin-top: 60px !important;
}

.mat70 {
	margin-top: 70px !important;
}

.mat-3 {
	margin-top: -3px !important;
}

.mat-10 {
	margin-top: -10px !important;
}

.mat-31 {
	margin-top: -31px !important;
}

.mal1 {
	margin-left: 1px 10px !important;
}

.mal3 {
	margin-left: 3px !important;
}

.mal5 {
	margin-left: 5px !important;
}

.mal8 {
	margin-left: 8px !important;
}

.mal10 {
	margin-left: 10px !important;
}

.mal15 {
	margin-left: 15px !important;
}

.mal2 {
	margin-left: 2px !important;
}

.mal20 {
	margin-left: 20px !important;
}

.mal25 {
	margin-left: 25px !important;
}

.mal30 {
	margin-left: 30px !important;
}

.mal32 {
	margin-left: 32px !important;
}

.mal40 {
	margin-left: 40px !important;
}

.mar5 {
	margin-right: 5px !important;
}

.mar8 {
	margin-right: 8px !important;
}

.mar10 {
	margin-right: 10px !important;
}

.mar12 {
	margin-right: 12px !important;
}

.mar30 {
	margin-right: 30px !important;
}

.mab0 {
	margin-bottom: 0 !important;
}

.mab5 {
	margin-bottom: 5px !important;
}

.mab15 {
	margin-bottom: 15px !important;
}

.mab10 {
	margin-bottom: 10px !important;
}

.mab20 {
	margin-bottom: 20px !important;
}

.mab24 {
	margin-bottom: 24px !important;
}

.mab30 {
	margin-bottom: 30px !important;
}

.pab20 {
	padding-bottom: 20px !important;
}

.pal0 {
	padding-left: 0 !important;
}

.pal5 {
	padding-left: 5px !important;
}

.pal10 {
	padding-left: 10px !important;
}

.pal20 {
	padding-left: 20px !important;
}

.pal24 {
	padding-left: 24px !important;
}

.pal30 {
	padding-left: 30px !important;
}

.pal40 {
	padding-left: 40px !important;
}

.pal50 {
	padding-left: 50px !important;
}

.par10 {
	padding-right: 10px !important;
}

.par15 {
	padding-right: 15px !important;
}

.par20 {
	padding-right: 20px !important;
}

.par30 {
	padding-right: 30px !important;
}

.pat0 {
	padding-top: 0 !important;
}

.pat5 {
	padding-top: 5px !important;
}

.pat10 {
	padding-top: 10px !important;
}

.pat15 {
	padding-top: 15px !important;
}

.pat20 {
	padding-top: 20px !important;
}

.pat30 {
	padding-top: 30px !important;
}

.pat40 {
	padding-top: 40px !important;
}

.pab0 {
	padding-bottom: 0 !important;
}

.pab6 {
	padding-bottom: 6px !important;
}

.pab10 {
	padding-bottom: 10px !important;
}

.pab14 {
	padding-bottom: 14px !important;
}

.pab30 {
	padding-bottom: 30px !important;
}

.top-1 {
	top: -1px !important;
}

.top-2 {
	top: -2px !important;
}

.height_auto {
	height: auto;
}

.ellipsis {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.underline {
	text-decoration: underline !important;
	text-underline-offset: 2px;
}

.nowrap {
	white-space: nowrap;
}

.bdnone {
	border: 0 !important;
}

.bgnone {
	background: none !important;
}

.bd_b {
	border-bottom: 1px solid #e5e5e5;
}

.ta_l {
	text-align: left !important;
}

.ta_r {
	text-align: right !important;
}

.ta_c {
	text-align: center !important;
}

.txd_n {
	text-decoration: none !important;
}

.scroll {
	overflow: auto;
	position: relative;
}

.scroll_y {
	overflow-y: auto;
}

.yellow {
	color: #00c73c !important;
}

.red {
	color: #ff5230;
}

.gray {
	color: #848484;
}

.sub_font_color {
	color: #999 !important;
}

.point_font_color {
	color: #333 !important;
}

.point_font_color2 {
	color: #00c73c !important;
}

.tit_font_color {
	color: #010101 !important;
}

.fs11 {
	font-size: 11px !important;
}

.fs12 {
	font-size: 12px !important;
}

.fs14 {
	font-size: 14px !important;
}

.fs16 {
	font-size: 16px !important;
}

.fs36 {
	font-size: 36px !important;
}

.ltsc-1 {
	letter-spacing: -1px;
}

.va_t,
.vatop {
	vertical-align: top !important;
}

.va_m,
.vamiddle {
	vertical-align: middle !important;
}

.bold {
	font-weight: 700 !important;
}

.hidden_element {
	display: none !important;
}

h2.tit {
	margin: 33px 0 13px;
	font-size: 16px;
	font-weight: 700;
	color: #010101;
}

h2.tit .sub {
	font-weight: normal;
	color: #999;
}

.dimmed {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 3000;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=85);
	opacity: 0.85;
}

.w670 {
	width: 670px !important;
}

.w579 {
	width: 579px !important;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.clear:before, .clear:after {
	display: table;
	clear: both;
	content: ' ';
}

.pnt {
	color: #010101;
}

.pnt2 {
	color: #333;
}

.pnt3 {
	color: #666;
}

.pnt4 {
	color: #999;
}

.c_pnt {
	color: #00c73c;
}

.text_red {
	color: #FC4C4E;
}

body {
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_vline2_v1.gif);
	background-position: 50% 0;
	background-repeat: repeat-y;
}

#wrap {
	position: relative;
	min-width: 1052px;
	min-height: 100%;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

#container,
#header .layout_in,
.main_ed .layout_in {
	margin: 0 auto;
}

#container:before, #container:after,
#header .layout_in:before,
#header .layout_in:after,
.main_ed .layout_in:before,
.main_ed .layout_in:after {
	display: table;
	clear: both;
	content: ' ';
}

#header .layout_in,
.main_ed .layout_in {
	border-bottom: 1px solid #e6e6e6;
}

#container {
	position: relative;
	width: 1056px;
	padding: 40px 0 276px;
	*zoom: 1;
}

#container:after {
	display: block;
	clear: both;
	content: '';
}

.preview_area {
	position: relative;
	background-color: #282828;
	line-height: 43px;
	color: #fff;
	text-align: center;
}

.preview_area .btn_clse {
	position: absolute;
	top: 0;
	right: 36px;
	font-size: 14px;
	color: #ccc;
}

.preview_area .btn_clse:after {
	margin: -1px 0 1px 8px;
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -170px -868px;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	vertical-align: middle;
}

.m_version {
	padding-top: 42px;
	min-width: 1052px;
	height: 208px;
	background-color: #FFF;
	letter-spacing: -1px;
}

.m_version > a {
	display: block;
	width: 300px;
	height: 84px;
	line-height: 84px;
	font-size: 24px;
	font-family: Helvetica,AppleSDGothicNeo,sans-serif;
	margin: 0 auto;
	text-align: center;
	background-color: #F1F1F1;
	color: #333;
}

.m_version a:hover {
	text-decoration: none;
}

.m_version > p {
	margin-bottom: 30px;
	color: #999;
	line-height: 15px;
	text-align: center;
}

#header {
	z-index: 200;
	position: relative;
	max-width: 100%;
	min-width: 1052px;
	text-align: left;
	background-repeat: repeat-x;
	background-position: 50% 0;
}

#header .logo {
	position: relative;
	z-index: 100;
	float: left;
	height: 100%;
	margin: 0 0 0 40px;
}

#header .logo:before {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

#header .logo a,
#header .logo .logo_area {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	line-height: 100%;
}

#header .logo a img,
#header .logo .logo_area img {
	vertical-align: middle;
	max-height: 24px;
}

#header .star_mooc_logo_box {
	position: relative;
	z-index: 1;
	float: left;
	height: 100%;
	margin: 0 -16px 0 24px;
}

#header .star_mooc_logo_box .logo_inner {
	display: table;
	height: 100%;
	table-layout: fixed;
}

#header .star_mooc_logo_box .star_mooc_logo {
	display: table-cell;
	height: 100%;
	font-size: 0;
	vertical-align: middle;
}

#header .star_mooc_logo_box .star_mooc_logo a {
	position: relative;
	display: inline-block;
	padding: 0 16px;
	vertical-align: middle;
}

#header .star_mooc_logo_box .star_mooc_logo a + a:before {
	position: absolute;
	left: 0;
	top: 50%;
	display: inline-block;
	width: 1px;
	height: 16px;
	margin-top: -8px;
	background-color: #e9ebec;
	content: '';
}

#header .whaleclass_box {
	position: relative;
	float: left;
	height: 100%;
	margin: 0 8px 0 40px;
}

#header .whaleclass_box .whaleclass_inner {
	display: table;
	height: 100%;
	table-layout: fixed;
}

#header .whaleclass_box .school_name {
	display: table-cell;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #010101;
	vertical-align: middle;
}

#header .whaleclass_box .school_name a {
	display: block;
	margin-top: -3px;
	color: #010101;
}

#header .whaleclass_box .school_name .img_whaleclass {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -37px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	margin-right: 8px;
	vertical-align: middle;
}

#header .whaleclass_box .school_name .name_text {
	display: inline-block;
	margin-top: 4px;
	vertical-align: middle;
}

#header a:hover,
#header a:focus {
	text-decoration: none;
}

#header .m_help a {
	display: block;
	overflow: hidden;
	height: 100%;
}

#header .lnk {
	position: absolute;
	left: 0;
	right: 0;
	top: 26px;
	text-align: center;
}

#header .lnk li + li:before {
	display: inline-block;
	width: 1px;
	height: 16px;
	margin: 6px 31px 0 27px;
	background: #e9ebec;
	content: '';
	vertical-align: top;
}

#header .lnk li {
	display: inline-block;
}

#header .lnk a {
	font-size: 16px;
	font-weight: 700;
	color: #010101;
}

#header .lnk a.point_c {
	color: #00c73c;
}

#header .lnk .boost_c a {
	display: inline-block;
	position: relative;
}

#header .lnk_box {
	display: inline-block;
	border: 1px solid #999;
	margin-top: 19px;
	margin-left: 23px;
	line-height: 22px;
	font-size: 12px;
	color: #666;
}

#header .lnk_box a {
	display: inline-block;
	padding: 0 10px;
}

#header .lnk_box a .ico_arrow {
	display: inline-block;
	margin-left: 4px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -868px -710px;
	background-repeat: no-repeat;
	width: 4px;
	height: 7px;
}

#header .gnb {
	float: right;
	margin: 28px 32px 0;
}

#header .gnb.ly_type2 {
	font-family: NanumSquareWebFont,sans-serif;
}

#header .gnb.ly_type2 > li::after {
	display: none;
}

#header .gnb.ly_type2 > li.on::after {
	display: none;
}

#header .gnb.ly_type2 .ic.todo .ly_dropdown {
	left: -53px;
}

#header .gnb.ly_type2 li.ly_right .ly_dropdown {
	left: auto;
}

#header .gnb.ly_type2 .ly_dropdown {
	width: 320px;
	max-height: none;
	top: 36px;
	right: auto;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.04);
	        box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.04);
	border: solid 1px #edf0f2;
	padding-bottom: 24px;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top {
	height: auto;
	padding: 24px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 -1px 0 0 #edf0f2;
	        box-shadow: inset 0 -1px 0 0 #edf0f2;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top h2 {
	padding: 0;
	font-size: 16px;
	line-height: 17px;
	color: #25292f;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top .more {
	top: 27px;
	right: 26px;
	color: #384047;
	font-size: 13px;
	line-height: 14px;
	padding-right: 13px;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top .more::after {
	top: 1px;
	right: -3px;
	background-position: -233px -796px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

#header .gnb.ly_type2 .ly_dropdown .scroll_wrap {
	max-height: 469px;
	overflow-y: auto;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul {
	font-weight: 300;
	overflow: hidden;
	max-height: none;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li {
	border-top: 0;
	overflow: hidden;
	padding: 24px 0 0 0;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li.nodata {
	padding: 24px 24px 0 24px;
	text-align: center;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li a {
	display: block;
	padding: 0 24px;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .news_detail {
	overflow: hidden;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .thumb {
	width: 72px;
	height: 40px;
	background-color: #E5E7E7;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .thumb.bgnone::before {
	display: none;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .thumb::before {
	top: 0;
	left: 0;
	margin: 0;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_whaleclass/img_thumb.svg) no-repeat;
	-webkit-background-size: 100% auto;
	        background-size: 100% auto;
	width: 100%;
	height: 100%;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .thumb::after {
	border: solid 1px rgba(0, 23, 20, 0.04);
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .class_info {
	overflow: hidden;
	padding-left: 16px;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .class_info .tit {
	color: #25292f;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .class_info .time {
	color: #4c5c5a;
	font-size: 12px;
	line-height: 13px;
	margin-top: 4px;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .class_info .master {
	color: #828c96;
	font-size: 12px;
	line-height: 13px;
	margin-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .list_title {
	color: #25292f;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	word-break: break-all;
	max-height: 44px;
	margin-bottom: 4px;
	-webkit-line-clamp: 2;
	line-height: 22px;
	font-weight: 300;
	font-size: 14px;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .info {
	color: #000;
	display: block;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 4px;
	padding-left: 0;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .info em {
	font-weight: 700;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .sub_title {
	font-size: 12px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #828c96;
}

#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .date {
	display: block;
	font-size: 11px;
	line-height: 12px;
	color: #828c96;
	margin-top: 12px;
}

#header .gnb.ly_type2 .ly_dropdown .more_button {
	padding: 24px 24px 0 24px;
}

#header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx {
	display: block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	float: left;
	margin-right: 16px;
	text-align: center;
	line-height: 40px;
}

#header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx::after {
	content: '';
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
}

#header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_class::after {
	background-position: -814px -589px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

#header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_assignment::after {
	background-position: -782px -589px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

#header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_video::after {
	background-position: -526px -589px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

#header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_live::after {
	background-position: -494px -589px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

#header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_comment::after {
	background-position: -334px -589px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

#header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_quiz::after {
	background-position: -462px -589px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

#header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_project::after {
	background-position: -302px -589px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

#header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx.ic_post::after {
	background-position: -334px -589px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

#header .gnb.ly_type2 .ly_dropdown .my_news .read {
	background: #ccd1d0 !important;
}

#header .gnb.ly_type2 .ly_dropdown .noti_list {
	font-weight: 300;
	max-height: none;
}

#header .gnb.ly_type2 .ly_dropdown .noti_list .category {
	display: inline-block;
	padding: 0 8px;
	margin-bottom: 8px;
	height: 21px;
	line-height: 22px;
	background-color: #edf0f2;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #25292f;
}

#header .gnb.ly_type2 .ly_dropdown .noti_list .category.today {
	color: #fff;
	background-color: #05c3a7;
}

#header .gnb.ly_type2 .ly_dropdown .noti_list .category.d_day {
	color: #fff;
	background-color: #0076E4;
}

#header .gnb.ly_type2 .ly_dropdown .add_button {
	display: block;
	width: 100%;
	height: 48px;
	font-size: 13px;
	color: #25292f;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background-color: #f5f7f7;
	font-weight: 700;
}

#header .gnb.ly_type2 .ly_dropdown .add_button .num {
	font-weight: 400;
}

#header .gnb.ly_type2 li.on.nickname::after {
	display: none;
}

#header .gnb.ly_type2 li.on.nickname .ly_dropdown {
	width: auto;
	height: auto;
	min-width: 160px;
	max-height: none;
	top: 39px;
	right: 0;
	padding-bottom: 0;
}

#header .gnb.ly_type2 li.on.nickname .ly_dropdown li {
	border-color: #edf0f2;
}

#header .gnb.ly_type2 li.on.nickname .ly_dropdown li:first-child {
	border-top: 0;
}

#header .gnb.ly_type2 li.on.nickname .ly_dropdown li a {
	display: block;
	color: #25292f;
	padding: 24px;
	font-size: 14px;
	line-height: 15px;
}

#header .gnb > li {
	position: relative;
	display: inline-block;
	margin-right: 9px;
	vertical-align: top;
}

#header .gnb > li > a {
	display: inline-block;
	font-weight: 700;
	color: #010101;
	line-height: 1.7;
}

#header .gnb > li > a .name {
	overflow: hidden;
	display: inline-block;
	max-width: 146px;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: normal;
	word-wrap: normal;
	vertical-align: top;
}

#header .gnb > li > a em {
	display: inline-block;
	font-weight: normal;
	vertical-align: top;
}

#header .gnb > li.ic > .ico_new2,
#header .gnb > li.ic > .count {
	display: block;
}

#header .gnb > li > .ico_new2 {
	display: none;
	position: absolute;
	top: 3px;
	right: -14px;
}

#header .gnb > li > .count {
	display: none;
	position: absolute;
	top: -6px;
	left: 16px;
	min-width: 17px;
	height: 17px;
	font-size: 11px;
	text-align: center;
	color: #fff;
}

#header .gnb > li > .count:before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	min-width: 8px;
	height: 17px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sp_bg_badge.png) no-repeat 0 0;
	z-index: 1;
	content: '';
}

#header .gnb > li > .count:after {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	min-width: 8px;
	height: 17px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sp_bg_badge.png) no-repeat 100% 0;
	z-index: 1;
	content: '';
}

#header .gnb > li > .count em {
	color: #fff !important;
	z-index: 10;
	display: inline-block;
	position: relative;
	height: 17px;
	padding: 0 5px;
	white-space: nowrap;
	line-height: 17px;
	vertical-align: top;
}

#header .gnb > li.nickname {
	top: 1px;
	margin-left: 10px;
}

#header .gnb > li.nickname > a {
	font-weight: normal;
}

#header .gnb > li.nickname > a .thumb {
	display: inline-block;
	position: relative;
	width: 32px;
	height: 32px;
	margin: -5px -1px 0 0;
	vertical-align: top;
}

#header .gnb > li.nickname > a .thumb:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -73px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

#header .gnb > li.nickname > a .thumb.bgnone:before {
	display: none;
}

#header .gnb > li.on .ly_dropdown {
	display: block;
}

#header .gnb > li.on:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -361px -704px;
	background-repeat: no-repeat;
	width: 10px;
	height: 8px;
	position: absolute;
	top: 30px;
	right: 9px;
}

#header .gnb > li.on.nickname:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -361px -704px;
	background-repeat: no-repeat;
	width: 10px;
	height: 8px;
	position: absolute;
	top: 30px;
	right: 11px;
}

#header .gnb > li.nickname .ly_dropdown {
	overflow: hidden;
	right: -40px;
	min-width: 114px;
	width: auto;
}

#header .gnb > li.nickname .ly_dropdown ul {
	overflow: hidden;
	max-height: none;
}

#header .gnb > li.nickname .ly_dropdown li {
	padding: 0;
	text-align: center;
}

#header .gnb > li.nickname .ly_dropdown li a {
	display: block;
	font-size: 12px;
	color: #010101;
	padding: 13px 15px 9px;
	white-space: nowrap;
}

#header .gnb > li .ly_dropdown {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 36px;
	right: -50px;
	width: 480px;
	max-height: 369px;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

#header .gnb > li .ly_dropdown .ly_top {
	position: relative;
	height: 31px;
	background: #f3f3f3;
}

#header .gnb > li .ly_dropdown .ly_top h2 {
	margin: 0;
	padding: 6px 0 0 15px;
	font-size: 12px;
	color: #010101;
	font-weight: 700;
}

#header .gnb > li .ly_dropdown .ly_top .more {
	position: absolute;
	top: 6px;
	right: 15px;
	padding-right: 15px;
	font-size: 12px;
	font-weight: normal;
}

#header .gnb > li .ly_dropdown .ly_top .more:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -336px -868px;
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	position: absolute;
	top: 4px;
	right: 0;
}

#header .gnb > li .ly_dropdown ul {
	overflow-y: auto;
	max-height: 318px;
}

#header .gnb > li .ly_dropdown ul.ly_course li > a {
	min-height: 63px;
}

#header .gnb > li .ly_dropdown ul.ly_todo li > a {
	min-height: 46px;
}

#header .gnb > li .ly_dropdown ul.ly_news li > a {
	min-height: 46px;
}

#header .gnb > li .ly_dropdown li {
	padding: 15px;
	border-top: 1px solid #e5e5e5;
}

#header .gnb > li .ly_dropdown li:before, #header .gnb > li .ly_dropdown li:after {
	display: table;
	clear: both;
	content: ' ';
}

#header .gnb > li .ly_dropdown li > a {
	text-decoration: none !important;
	display: block;
}

#header .gnb > li .ly_dropdown li .thumb {
	overflow: hidden;
	float: left;
	position: relative;
	width: 112px;
	height: 63px;
	background-color: #999;
}

#header .gnb > li .ly_dropdown li .thumb:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -672px -761px;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -17px;
	margin-left: -17px;
}

#header .gnb > li .ly_dropdown li .thumb.bgnone:before {
	display: none;
}

#header .gnb > li .ly_dropdown li .thumb img {
	vertical-align: top;
}

#header .gnb > li .ly_dropdown li .ic_state {
	float: left;
}

#header .gnb > li .ly_dropdown li .info {
	overflow: hidden;
	padding-left: 15px;
	font-size: 12px;
}

#header .gnb > li .ly_dropdown li .info .ti {
	color: #010101;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px !important;
	letter-spacing: -1px;
}

#header .gnb > li .ly_dropdown li .info .ti:after {
	position: relative;
	top: 2px;
	margin-left: 5px;
}

#header .gnb > li .ly_dropdown li .info .ti .day {
	display: inline-block;
	color: #ff5230;
}

#header .gnb > li .ly_dropdown li .info .ti .day:after {
	display: inline-block;
	position: relative;
	top: 3px;
	width: 1px;
	height: 11px;
	margin: 0 8px;
	background: #ccc;
	vertical-align: top;
	content: '';
}

#header .gnb > li .ly_dropdown li .info .ic_ad {
	margin-top: 5px;
}

#header .gnb > li .ly_dropdown li .info .tx {
	margin-top: 3px;
	color: #4c4c4c;
	line-height: 16px !important;
}

#header .gnb > li .ly_dropdown li .info .tx2 {
	margin-top: 3px;
	color: #999;
	line-height: 16px !important;
}

#header .gnb > li .ly_dropdown .btn_jumpbar {
	display: none;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	padding: 0 32px 0 17px;
	position: absolute;
	bottom: 15px;
	left: 50%;
	width: 150px;
	height: 36px;
	margin-left: -75px;
	text-align: left;
	background-color: #f14063;
	-webkit-box-shadow: 0 0 0 0 #f14063, 0 4px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 0 #f14063, 0 4px 6px rgba(0, 0, 0, 0.2);
}

#header .gnb > li .ly_dropdown .btn_jumpbar > span {
	display: inline-block;
	line-height: 36px;
	color: #FFF;
}

#header .gnb > li .ly_dropdown .btn_jumpbar:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 21px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -525px;
	background-repeat: no-repeat;
	width: 11px;
	height: 12px;
	margin-top: -6px;
}

#header .gnb > li .ly_dropdown .option_box {
	border: none;
}

#header .gnb > li.lecture_build {
	margin: -4px 20px 0 0;
}

#header .gnb > li.lecture_build a {
	display: block;
	width: 91px;
	height: 32px;
	background-color: #f5f5f5;
	-webkit-border-radius: 16px;
	        border-radius: 16px;
	font-size: 14px;
	font-weight: 600;
	color: #666;
	text-align: center;
	line-height: 32px;
}

#header .skin_img {
	position: absolute;
	left: 0;
	right: 0;
	height: 230px;
	z-index: -1;
	background-position: 50% 0 !important;
	background-color: #fff;
	background-repeat: repeat-x;
}

#header .skin_img .mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background-color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

#header .layout_in {
	z-index: 50;
	position: relative;
	height: 81px;
	background: #fff;
}

#header .layout_in:before, #header .layout_in:after {
	display: table;
	clear: both;
	content: ' ';
}

#header .hd_txt {
	z-index: 30;
	position: relative;
	width: 1052px;
	height: 230px;
	margin: 0 auto;
}

#header .hd_txt > .inner {
	display: table-cell;
	position: relative;
	width: 1052px;
	height: 230px;
	padding: 0 0 40px 35px;
	vertical-align: middle;
}

#header .hd_txt .label_box {
	margin-bottom: 16px;
}

#header .hd_txt .label_box:before, #header .hd_txt .label_box:after {
	display: table;
	clear: both;
	content: ' ';
}

#header .hd_txt .label_box .project, #header .hd_txt .label_box .level {
	float: left;
	height: 18px;
	margin-right: 4px;
	padding: 0 4px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 18px;
}

#header .hd_txt .label_box .project {
	background-color: #00c73c;
}

#header .hd_txt .label_box .level {
	padding-right: 5px;
	background-color: #828c96;
	letter-spacing: -.5px;
}

#header .hd_txt .label_box .level.basic {
	background-color: #4d6fee;
}

#header .hd_txt .label_box .level.advanced {
	background-color: #3f3a90;
}

#header .hd_txt .label_box .icon {
	display: inline-block;
	height: 10px;
	margin-right: 1px;
	font-size: 0;
	vertical-align: -1px;
}

#header .hd_txt .label_box .icon .level_bg {
	display: inline-block;
	width: 3px;
	height: 7px;
	margin-left: 2px;
	-webkit-border-radius: .5px;
	        border-radius: .5px;
	background-color: #fff;
	opacity: .4;
}

#header .hd_txt .label_box .icon .level_bg:first-child {
	height: 4px;
	margin: 0;
	opacity: 1;
}

#header .hd_txt .label_box .icon .level_bg:last-child {
	height: 10px;
}

#header .hd_txt .label_box .icon.level2 .level_bg:nth-child(2), #header .hd_txt .label_box .icon.level3 .level_bg:nth-child(2) {
	opacity: 1;
}

#header .hd_txt .label_box .icon.level3 .level_bg:last-child {
	opacity: 1;
}

#header .hd_txt h2 {
	overflow: hidden;
	max-height: 120px;
}

#header .hd_txt h2 a {
	display: inline;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 40px;
	font-weight: 700;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	color: #f9f9f9;
	line-height: 44px;
	text-decoration: none !important;
	letter-spacing: 0;
}

#header .hd_txt h2.word_max a {
	font-size: 32px;
	line-height: 36px;
}

#header .hd_txt .profile {
	display: block;
	overflow: hidden;
	max-width: 700px;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	display: block;
	position: absolute;
	left: 35px;
	bottom: 16px;
	color: #a9a9a9;
}

#header .hd_txt .profile .thumb {
	display: inline-block;
	position: relative;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

#header .hd_txt .profile .thumb:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 42px;
	        border-radius: 42px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/blank/prof42.png) no-repeat 0 0;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	content: '';
}

#header .hd_txt .profile .thumb.bgnone:before {
	display: none;
}

#header .hd_txt .profile img {
	vertical-align: top;
}

#header .hd_txt .profile .name,
#header .hd_txt .profile .from {
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	letter-spacing: -.86px;
}

#header .hd_txt .profile .bar {
	margin: 0 8px 0 9px;
	width: 1px;
	height: 8px;
	background-color: #fff;
	vertical-align: -1px;
	opacity: .4;
}

#header .hd_txt .profile .name {
	margin-left: 4px;
}

#header .hd_txt .profile a.from:hover {
	text-decoration: underline;
}

#header .hd_txt .lecture_sub_tool {
	position: absolute;
	bottom: 14px;
	right: 28px;
}

#header .hd_txt .lecture_sub_tool:before, #header .hd_txt .lecture_sub_tool:after {
	display: table;
	clear: both;
	content: ' ';
}

#header .hd_txt .lecture_sub_tool .count_info {
	float: left;
	font-size: 12px;
	color: #fff;
}

#header .hd_txt .lecture_sub_tool .count_info [class^=count_] {
	display: inline-block;
}

#header .hd_txt .lecture_sub_tool .count_info [class^=count_] + [class^=count_]:before {
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: 0 8px 0 4px;
	background-color: rgba(255, 255, 255, 0.4);
	vertical-align: middle;
	content: '';
}

#header .hd_txt .lecture_sub_tool .count_info [class^=count_] em {
	opacity: .6;
}

#header .hd_txt .lecture_sub_tool .btn_manage {
	float: left;
	margin-left: 16px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}

#header .hd_txt .lecture_sub_tool .btn_manage:before {
	margin: 0 4px 1px 0;
	content: '';
	display: inline-block;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -642px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
	vertical-align: middle;
}

#header .hd_txt .lecture_sub_tool .sns_area {
	float: left;
	margin: 0 0 0 16px;
}

#header .hd_txt .lecture_sub_tool .sns_area .sns_share {
	top: -2px;
	height: 24px;
}

#header .hd_txt .lecture_sub_tool .sns_area .sns_share:before {
	display: block;
	top: 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -357px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: 4px;
	content: '';
}

#header.sub.type2 .hd_txt {
	display: none;
}

#header.sub.type2 .register_desc {
	display: none;
}

#header .register_desc {
	overflow: hidden;
	height: 41px;
	margin: 0;
	border-bottom: 1px solid #E6E6E6;
	background: #F5F5F5;
	line-height: 41px;
	letter-spacing: -1px;
}

#header .register_desc span {
	display: block;
	width: 1060px;
	margin: 0 auto;
	padding-left: 65px;
}

#header .gnb > li .ly_dropdown .todo_lst {
	background: #f3f3f3;
}

#header .gnb > li .ly_dropdown .todo_lst li,
#header .gnb > li .ly_dropdown .noti_lst li {
	padding: 0;
	border-width: 1px 0;
	background: #fff;
	border: 0;
}

#header .gnb > li .ly_dropdown .todo_lst li > a,
#header .gnb > li .ly_dropdown .noti_lst li > a {
	padding-left: 12px;
	padding-right: 12px;
}

#header .gnb > li .ly_dropdown .todo_lst li.none,
#header .gnb > li .ly_dropdown .noti_lst li.none {
	padding: 15px;
	border-width: 1px 0 0;
}

#header .gnb > li .ly_dropdown .noti_lst li .con .caution_list li {
	position: relative;
	margin-top: 8px;
	padding-left: 12px;
	border: 0;
	letter-spacing: -0.4px;
	color: #999;
}

#header .gnb > li .ly_dropdown .noti_lst li .con .caution_list li:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	background-color: #999;
	vertical-align: middle;
	content: '';
}

.toast_message_bar {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
}

.toast_message_bar .observe_set_message {
	position: relative;
	height: 48px;
	background-color: #00c73c;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=90);
	opacity: 0.9;
	line-height: 48px;
	color: #fff;
	text-align: center;
}

.toast_message_bar .observe_set_message.cancel {
	background-color: #dedede;
	color: #666;
}

#header[class^=main_] {
	z-index: 2200;
	position: relative;
	min-height: 56px;
	text-align: left;
	min-width: 1160px;
	background: #384047;
	background-color: transparent;
	border-bottom: 1px solid #f0f0f0;
	font-family: NanumSquareWebFont,NanumSquareWebFont,"나눔고딕",NanumGothic,"맑은 고딕",Malgun Gothic,"Apple SD Gothic Neo","돋움",dotum,Helvetica,arial,sans-serif;
}

#header[class^=main_] .header_wrap {
	width: 1080px;
	height: 82px;
	margin: auto;
	position: relative;
}

#header[class^=main_] .header_wrap::after {
	content: '';
	display: block;
	clear: both;
}

#header[class^=main_] .header_wrap .logo {
	width: auto;
	position: relative;
	height: 82px;
	padding: 29px 40px 29px 0;
	background: none;
	float: left;
	margin-left: 0;
}

#header[class^=main_] .header_wrap .layout_in {
	position: relative;
	height: 82px;
	padding: 20px 0;
	border: 0;
	background-color: transparent;
	float: none;
}

#header[class^=main_] .header_wrap .layout_in::after {
	content: '';
	display: block;
	clear: both;
}

#header[class^=main_] .header_wrap .layout_in::before {
	display: none;
	clear: none;
}

#header[class^=main_] .header_wrap .layout_in .lnk {
	float: left;
}

#header[class^=main_] .header_wrap .layout_in .lnk li + li::before {
	display: none;
}

#header[class^=main_] .header_wrap .layout_in .lnk a {
	color: #2a2c2f;
}

#header[class^=main_] .header_wrap .layout_in .gnb {
	float: right;
	margin: 5px 0 0 0;
}

#header[class^=main_] .header_wrap .layout_in .gnb li {
	height: auto;
	margin-right: 0;
}

#header[class^=main_] .header_wrap .layout_in .gnb li.ic span {
	color: #25292f;
	font-weight: 400;
}

#header[class^=main_] .header_wrap .layout_in .gnb li.search .group {
	background-color: #f7f7f7;
}

#header[class^=main_] .header_wrap .layout_in .gnb li.search .group .btn:after {
	background-position: -650px -517px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

#header[class^=main_] .header_wrap .layout_in .gnb li.search .group input {
	color: #2a2c2f;
}

#header[class^=main_] .header_wrap .layout_in .gnb li.search + li .login {
	margin-left: -15px;
}

#header[class^=main_] .header_wrap .layout_in .gnb li + li::before {
	background-color: #e6e6e6;
}

#header[class^=main_] .logo {
	width: 320px;
	height: 56px;
	padding: 20px 24px;
	background-color: #25292f;
	float: left;
	z-index: 100;
}

#header[class^=main_] .logo a,
#header[class^=main_] .logo .logo_area {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	line-height: 100%;
}

#header[class^=main_] .logo a img,
#header[class^=main_] .logo .logo_area img {
	vertical-align: top;
}

#header[class^=main_] a:hover,
#header[class^=main_] a:focus {
	text-decoration: none;
}

#header[class^=main_] .m_help a {
	display: block;
	overflow: hidden;
	height: 100%;
}

#header[class^=main_] .lnk {
	position: relative;
	text-align: center;
	float: left;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	height: 28px;
}

#header[class^=main_] .lnk li + li {
	margin-left: 32px;
}

#header[class^=main_] .lnk li {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

#header[class^=main_] .lnk li.partner::after {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background-color: #25292f;
	position: absolute;
	top: 13px;
	left: -17px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

#header[class^=main_] .lnk a {
	font-size: 16px;
	font-weight: 700;
	color: #010101;
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
}

#header[class^=main_] .lnk a.point_c {
	color: #00c73c;
}

#header[class^=main_] .lnk .boost_c a {
	display: inline-block;
	position: relative;
}

#header[class^=main_] .lnk_box {
	display: inline-block;
	border: 1px solid #999;
	margin-top: 19px;
	margin-left: 23px;
	line-height: 22px;
	font-size: 12px;
	color: #666;
}

#header[class^=main_] .lnk_box a {
	display: inline-block;
	padding: 0 10px;
}

#header[class^=main_] .lnk_box a .ico_arrow {
	display: inline-block;
	margin-left: 4px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -868px -710px;
	background-repeat: no-repeat;
	width: 4px;
	height: 7px;
}

#header[class^=main_] .skin_img {
	position: absolute;
	left: 0;
	right: 0;
	height: 230px;
	z-index: -1;
	background-position: 50% 0 !important;
	background-color: #fff;
	background-repeat: repeat-x;
}

#header[class^=main_] .skin_img .mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background-color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

#header[class^=main_] .layout_in {
	width: auto;
	height: 56px;
	background: #384047;
	border-bottom: 0;
	padding: 12px 24px 12px 0;
	float: right;
}

#header[class^=main_] .gnb {
	float: right;
}

#header[class^=main_] .gnb:before, #header[class^=main_] .gnb:after {
	display: table;
	clear: both;
	content: ' ';
}

#header[class^=main_] .gnb > li {
	position: relative;
	display: block;
	float: left;
	height: 16px;
}

#header[class^=main_] .gnb > li + li {
	margin-left: 31px;
}

#header[class^=main_] .gnb > li + .ic::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background-color: #666;
	position: absolute;
	top: 4px;
	left: -16px;
}

#header[class^=main_] .gnb > li.ic {
	margin-top: 8px;
}

#header[class^=main_] .gnb > li.search {
	height: 32px;
	margin-left: 24px;
}

#header[class^=main_] .gnb > li.search::before {
	display: none;
}

#header[class^=main_] .gnb > li.search .group {
	width: 136px;
	height: 32px;
	padding: 0 32px 0 8px;
	background-color: #25292f;
	position: relative;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

#header[class^=main_] .gnb > li.search .group input {
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	border: 0;
	width: 100%;
	height: 32px;
	background-color: transparent;
}

#header[class^=main_] .gnb > li.search .group .btn {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
}

#header[class^=main_] .gnb > li.search .group .btn:after {
	background-position: -650px -517px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#header[class^=main_] .gnb > li:last-child::before {
	display: none;
}

#header[class^=main_] .gnb > li > a {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	vertical-align: top;
}

#header[class^=main_] .gnb > li > a.login {
	color: #2a2c2f;
	width: 151px;
	height: 42px;
	font-size: 16px;
	line-height: 18px;
	padding: 12px 0;
	text-align: center;
	-webkit-border-radius: 25px;
	        border-radius: 25px;
	background-color: #f7f7f7;
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
	letter-spacing: -1px;
	margin-top: -5px;
}

#header[class^=main_] .gnb > li > a .name {
	overflow: hidden;
	display: inline-block;
	max-width: 146px;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: normal;
	word-wrap: normal;
	vertical-align: top;
}

#header[class^=main_] .gnb > li > a em {
	display: inline-block;
	font-weight: normal;
	vertical-align: top;
}

#header[class^=main_] .gnb > li.ic > .ico_new2,
#header[class^=main_] .gnb > li.ic > .count {
	display: inline-block;
}

#header[class^=main_] .gnb > li > .count {
	position: relative;
	display: none;
	min-width: 17px;
	height: 16px;
	font-size: 13px;
	top: auto;
	left: auto;
	text-align: center;
	color: #fff;
	vertical-align: top;
}

#header[class^=main_] .gnb > li > .count::after {
	display: none;
}

#header[class^=main_] .gnb > li > .count::before {
	display: none;
}

#header[class^=main_] .gnb > li > .count em {
	color: #FF5230 !important;
	z-index: 10;
	display: inline-block;
	position: relative;
	height: 17px;
	padding: 0 0 0 4px;
	white-space: nowrap;
	line-height: 16px;
	vertical-align: top;
}

#header[class^=main_] .gnb > li.nickname {
	margin-left: 8px;
}

#header[class^=main_] .gnb > li.nickname > a {
	font-weight: normal;
}

#header[class^=main_] .gnb > li.nickname > a .thumb {
	display: inline-block;
	position: relative;
	width: 32px;
	height: 32px;
	margin: 0px -1px 0 0;
	vertical-align: top;
	overflow: hidden;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

#header[class^=main_] .gnb > li.nickname > a .thumb:before {
	content: '';
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-position: -833px -451px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

#header[class^=main_] .gnb > li.nickname > a .thumb::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: solid 1px rgba(0, 0, 0, 0.08);
}

#header[class^=main_] .gnb > li.nickname > a .thumb.bgnone:before {
	display: none;
}

#header[class^=main_] .gnb > li.on .ly_dropdown {
	display: block;
}

#header[class^=main_] .gnb > li.on:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -361px -704px;
	background-repeat: no-repeat;
	width: 10px;
	height: 8px;
	position: absolute;
	top: 30px;
	right: 9px;
}

#header[class^=main_] .gnb > li.on.nickname:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -361px -704px;
	background-repeat: no-repeat;
	width: 10px;
	height: 8px;
	position: absolute;
	top: 30px;
	right: 11px;
}

#header[class^=main_] .gnb > li.nickname .ly_dropdown {
	overflow: hidden;
	right: -2px;
	min-width: 114px;
	width: auto;
}

#header[class^=main_] .gnb > li.nickname .ly_dropdown ul {
	overflow: hidden;
	max-height: none;
}

#header[class^=main_] .gnb > li.nickname .ly_dropdown li {
	padding: 0;
	text-align: center;
}

#header[class^=main_] .gnb > li.nickname .ly_dropdown li a {
	display: block;
	font-size: 12px;
	color: #010101;
	padding: 13px 15px 9px;
	white-space: nowrap;
}

#header[class^=main_] .gnb > li .ly_dropdown {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 36px;
	right: -50px;
	width: 480px;
	max-height: 369px;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

#header[class^=main_] .gnb > li .ly_dropdown .ly_top {
	position: relative;
	height: 31px;
	background: #f3f3f3;
}

#header[class^=main_] .gnb > li .ly_dropdown .ly_top h2 {
	margin: 0;
	padding: 6px 0 0 15px;
	font-size: 12px;
	color: #010101;
	font-weight: 700;
}

#header[class^=main_] .gnb > li .ly_dropdown .ly_top .more {
	position: absolute;
	top: 6px;
	right: 15px;
	padding-right: 15px;
	font-size: 12px;
	font-weight: normal;
}

#header[class^=main_] .gnb > li .ly_dropdown .ly_top .more:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -336px -868px;
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	position: absolute;
	top: 4px;
	right: 0;
}

#header[class^=main_] .gnb > li .ly_dropdown ul {
	overflow-y: auto;
	max-height: 318px;
}

#header[class^=main_] .gnb > li .ly_dropdown ul.ly_course li > a {
	min-height: 63px;
}

#header[class^=main_] .gnb > li .ly_dropdown ul.ly_todo li > a {
	min-height: 46px;
}

#header[class^=main_] .gnb > li .ly_dropdown ul.ly_news li > a {
	min-height: 46px;
}

#header[class^=main_] .gnb > li .ly_dropdown li {
	border-top: 1px solid #e5e5e5;
}

#header[class^=main_] .gnb > li .ly_dropdown li:before, #header[class^=main_] .gnb > li .ly_dropdown li:after {
	display: table;
	clear: both;
	content: ' ';
}

#header[class^=main_] .gnb > li .ly_dropdown li > a {
	text-decoration: none !important;
	display: block;
}

#header[class^=main_] .gnb > li .ly_dropdown li .thumb {
	overflow: hidden;
	float: left;
	position: relative;
	width: 112px;
	height: 63px;
	background-color: #999;
}

#header[class^=main_] .gnb > li .ly_dropdown li .thumb:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -672px -761px;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -17px;
	margin-left: -17px;
}

#header[class^=main_] .gnb > li .ly_dropdown li .thumb::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: solid 1px rgba(0, 0, 0, 0.08);
}

#header[class^=main_] .gnb > li .ly_dropdown li .thumb.bgnone:before {
	display: none;
}

#header[class^=main_] .gnb > li .ly_dropdown li .thumb img {
	vertical-align: top;
}

#header[class^=main_] .gnb > li .ly_dropdown li .ic_state {
	float: left;
}

#header[class^=main_] .gnb > li .ly_dropdown li .info {
	overflow: hidden;
	padding-left: 15px;
	font-size: 12px;
}

#header[class^=main_] .gnb > li .ly_dropdown li .info .ti {
	color: #010101;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px !important;
	letter-spacing: -1px;
}

#header[class^=main_] .gnb > li .ly_dropdown li .info .ti:after {
	position: relative;
	top: 2px;
	margin-left: 5px;
}

#header[class^=main_] .gnb > li .ly_dropdown li .info .ti .day {
	display: inline-block;
	color: #ff5230;
}

#header[class^=main_] .gnb > li .ly_dropdown li .info .ti .day:after {
	display: inline-block;
	position: relative;
	top: 3px;
	width: 1px;
	height: 11px;
	margin: 0 8px;
	background: #ccc;
	vertical-align: top;
	content: '';
}

#header[class^=main_] .gnb > li .ly_dropdown li .info .ic_ad {
	margin-top: 5px;
}

#header[class^=main_] .gnb > li .ly_dropdown li .info .tx {
	margin-top: 3px;
	color: #4c4c4c;
	line-height: 16px !important;
}

#header[class^=main_] .gnb > li .ly_dropdown li .info .tx2 {
	margin-top: 3px;
	color: #999;
	line-height: 16px !important;
}

#header[class^=main_] .gnb > li .ly_dropdown .btn_jumpbar {
	display: none;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	padding: 0 32px 0 17px;
	position: absolute;
	bottom: 15px;
	left: 50%;
	width: 150px;
	height: 36px;
	margin-left: -75px;
	text-align: left;
	background-color: #f14063;
	-webkit-box-shadow: 0 0 0 0 #f14063, 0 4px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 0 #f14063, 0 4px 6px rgba(0, 0, 0, 0.2);
}

#header[class^=main_] .gnb > li .ly_dropdown .btn_jumpbar > span {
	display: inline-block;
	line-height: 36px;
	color: #FFF;
}

#header[class^=main_] .gnb > li .ly_dropdown .btn_jumpbar:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 21px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -525px;
	background-repeat: no-repeat;
	width: 11px;
	height: 12px;
	margin-top: -6px;
}

#header[class^=main_] .gnb > li .ly_dropdown .option_box {
	border: none;
}

#header[class^=main_] .gnb > li.lecture_build {
	margin: -4px 20px 0 0;
}

#header[class^=main_] .gnb > li.lecture_build a {
	display: block;
	width: 91px;
	height: 32px;
	background-color: #f5f5f5;
	-webkit-border-radius: 16px;
	        border-radius: 16px;
	font-size: 14px;
	font-weight: 600;
	color: #666;
	text-align: center;
	line-height: 32px;
}

#header[class^=main_].sub.type2 .hd_txt {
	display: none;
}

#header[class^=main_].sub.type2 .register_desc {
	display: none;
}

#header[class^=main_] .register_desc {
	overflow: hidden;
	height: 41px;
	margin: 0;
	border-bottom: 1px solid #E6E6E6;
	background: #F5F5F5;
	line-height: 41px;
	letter-spacing: -1px;
}

#header[class^=main_] .register_desc span {
	display: block;
	width: 1060px;
	margin: 0 auto;
	padding-left: 65px;
}

#snb {
	float: left;
	padding-bottom: 40px;
	width: 204px;
	margin-right: 15px;
	z-index: 20;
}

#snb + #content {
	float: left;
}

#snb + #content .page {
	width: 760px;
	min-height: 600px;
}

#snb .state_area {
	padding: 0 20px 0 36px;
	margin-bottom: 38px;
}

#snb .state_area .btn {
	width: 100%;
	height: 48px;
	font-size: 18px;
	line-height: 46px;
	font-weight: 700;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

#snb .state_area .btn + .btn {
	margin-top: 8px;
}

#snb .state_area .info {
	font-size: 12px;
	text-align: center;
	padding-top: 8px;
	line-height: 16px;
}

#snb .state_area .info strong {
	color: #00c73c;
}

#snb nav {
	padding: 0 20px 0 36px;
}

#snb nav ul + ul {
	padding-top: 23px;
	margin-top: 16px;
	border-top: 1px solid #e6e6e6;
}

#snb nav .noline {
	padding-top: 0;
	border-top: none;
}

#snb nav .hr {
	margin: -1px 0 18px;
	display: block;
	height: 1px;
	background: #e6e6e6;
}

#snb nav .hr + .hr {
	margin: -10px 0 18px;
}

#snb nav > ul > li {
	display: block;
	margin-top: 16px;
	color: #010101;
	font-weight: 700;
}

#snb nav > ul > li:first-of-type {
	margin-top: 0;
}

#snb nav > ul > li .menu {
	word-wrap: normal;
}

#snb nav > ul > li .whaleclass:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -429px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	vertical-align: middle;
	content: '';
}

#snb nav > ul > li.active span {
	text-decoration: underline;
}

#snb nav > ul > li.private .menu {
	position: relative;
	padding-right: 19px;
	color: #999;
}

#snb nav > ul > li.private .menu:after {
	position: absolute;
	top: 1px;
	right: 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: 0px -868px;
	background-repeat: no-repeat;
	width: 13px;
	height: 15px;
	content: '';
}

#snb nav > ul > li:hover > a:before {
	background-position: -183px -179px;
}

#snb nav > ul > li.ext + .last {
	margin-top: 18px;
}

#snb nav > ul > li.last {
	margin-bottom: -12px;
}

#snb nav > ul > li.sub > a span {
	padding-right: 20px;
	text-decoration: none;
}

#snb nav > ul > li.sub > a:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -455px -374px;
	background-repeat: no-repeat;
	width: 9px;
	height: 5px;
	display: block;
	position: absolute;
	top: 50%;
	left: 137px;
	margin-top: -4px;
}

#snb nav > ul > li.sub.active > a:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -442px -374px;
	background-repeat: no-repeat;
	width: 9px;
	height: 5px;
}

#snb nav > ul > li.sub ul {
	display: none;
}

#snb nav > ul > li.help span:after {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -515px -841px;
	background-repeat: no-repeat;
	width: 15px;
	height: 13px;
	vertical-align: middle;
	margin: -1px 0 1px 9px;
}

#snb nav > ul > li > a {
	display: block;
	position: relative;
	border-bottom: 0;
	line-height: 18px;
	color: #010101;
}

#snb nav > ul > li > a span {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#snb nav > ul > li ul {
	margin: 9px 0 5px;
}

#snb nav > ul > li ul li {
	display: block;
	margin-top: 10px;
	font-weight: normal;
}

#snb nav > ul > li ul li:first-child {
	margin-top: 0;
}

#snb nav > ul > li ul li a {
	display: block;
	position: relative;
	padding-left: 13px;
	color: #333;
}

#snb nav > ul > li ul li a:before {
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 1px;
	margin-top: -2px;
	width: 2px;
	height: 2px;
	background: #999;
	content: '';
}

#snb nav > ul > li ul li:hover a, #snb nav > ul > li ul li.active a {
	text-decoration: underline;
}

#snb nav ul.lnk_lst {
	padding: 20px 0 12px;
	border-bottom: 1px solid #e6e6e6;
}

#snb nav ul.lnk_lst li {
	margin-bottom: 0;
}

#snb nav ul.lnk_lst li a {
	padding-left: 20px;
	font-size: 12px;
	color: #8d8d8d;
	font-weight: normal;
}

#snb nav ul.lnk_lst li a span {
	padding-right: 0;
}

#snb nav ul.lnk_lst li a:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -552px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 0;
}

#snb nav .ext {
	font-size: 12px;
}

#snb nav .ext a {
	color: #8d8d8d;
	font-weight: normal;
}

#snb nav .ext a span {
	max-width: 126px;
	line-height: 19px;
	vertical-align: middle;
}

#snb nav .ext a:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -588px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
	margin-right: 7px;
	vertical-align: middle;
	content: '';
}

#snb nav .ext:hover a:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -588px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
}

#snb nav .ext + .ext {
	margin-top: 7px;
}

#snb nav .ext + .ext .hr {
	margin: 12px 0 10px;
}

#snb nav .ext + .ext .hr + .hr {
	margin: -2px 0 10px;
}

#snb nav ~ .widget {
	padding-top: 35px;
	border-top: 1px solid #e6e6e6;
}

#snb .widget {
	margin: 20px 20px 0 36px;
}

#snb .widget h2 {
	position: relative;
	margin-bottom: 13px;
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	color: #00c73c;
}

#snb .widget h2:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -416px -527px;
	background-repeat: no-repeat;
	width: 19px;
	height: 17px;
	display: inline-block;
	margin: -4px 5px 0 0;
	vertical-align: top;
}

#snb .widget fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

#snb .widget .poll p {
	line-height: 20px;
	color: #666;
	font-size: 12px;
	font-weight: 700;
}

#snb .widget .poll ul {
	margin: 11px 0 0 0;
}

#snb .widget .poll li {
	margin-bottom: 2px;
	font-size: 12px;
}

#snb .widget .poll .radio {
	top: 3px;
}

#snb .widget .poll .ph {
	line-height: 20px;
	color: #666;
}

#snb .widget .poll .btn {
	width: 138px;
	margin-top: 15px;
}

#snb .widget .info {
	margin-top: -10px;
	padding-bottom: 22px;
	border-bottom: 1px solid #e6e6e6;
}

#snb .widget .info .date_area {
	line-height: 22px;
}

#snb .widget .info .date_area li {
	margin-top: 15px;
}

#snb .widget .info .date_area li:first-child {
	margin-top: 0;
}

#snb .widget .info .date_area strong {
	display: block;
	color: #333;
}

#snb .widget .info .date_area .desc {
	letter-spacing: -2px;
}

#snb .setting_area {
	padding-top: 15px;
	margin: 20px 20px 0 36px;
	border-top: 1px solid #e6e6e6;
}

#snb .setting_area a {
	display: block;
	font-size: 12px;
	line-height: 19px;
	color: #999;
}

#snb .setting_area a span {
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px;
	letter-spacing: -1px;
}

#snb .setting_area a:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -606px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
	margin-right: 5px;
	vertical-align: middle;
	content: '';
}

#snb .go_prev + ul {
	margin-top: 20px;
}

#snb .my_area {
	margin: 0 20px 30px 36px;
	padding: 0 0 25px 0;
	border-bottom: 1px solid #eaeaea;
	text-align: center;
}

#snb .my_area .thmb {
	position: relative;
	width: 146px;
	height: 146px;
	margin: 0 auto;
}

#snb .my_area .thmb img {
	vertical-align: top;
}

#snb .my_area .name {
	display: block;
	margin-top: 13px;
	font-weight: 700;
	color: #010101;
	font-size: 16px;
	word-break: keep-all;
}

#snb .my_area .from {
	display: block;
	margin-top: 4px;
	color: #010101;
	line-height: 1.2;
}

#snb .my_area ~ .state_area {
	margin-top: -10px;
}

.whaleclass #snb nav > ul > li.selected > a {
	border-color: #0076E4;
}

#content {
	position: relative;
	margin: 0 auto;
	padding: 0 0 0 40px;
	max-width: 1352px;
}

#content h2.tit_section {
	margin: 0 0 10px;
	font-weight: 700;
	color: #333;
}

#content h2.tit_sub {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: normal;
	color: #010101;
	letter-spacing: -1px;
}

#content fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#content button {
	cursor: pointer;
}

#content .con_left {
	float: left;
	width: 760px;
}

#content .con_right {
	float: right;
	width: 220px;
	padding-left: 30px;
}

#content .con_right .con img {
	width: 190px;
	height: auto;
}

#content .page_header {
	position: relative;
	margin-bottom: 30px;
	border-bottom: 1px solid #454545;
}

#content .page_header h1 {
	position: relative;
	margin: 0 0 16px;
	padding: 0;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	color: #010101;
	letter-spacing: -1px;
}

#content .page_header.bdnone {
	margin-bottom: 10px;
}

#content .page_header .group_lr {
	margin-top: 0;
	margin-bottom: 15px !important;
}

#content .page_header .group_lr.btn_case {
	margin-bottom: 0 !important;
}

#content .page_header .page_title .title {
	display: inline-block;
	vertical-align: middle;
	line-height: 19px;
}

#content .page_header .right_date_txt {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #333;
	letter-spacing: -1px;
	text-align: right;
}

#content .page_header .right_date_txt .dsc {
	display: block;
	margin-top: -5px;
	font-size: 12px;
	color: #999;
}

#content .page_header .right_date_txt .dsc:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -51px -868px;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	margin: 4px 4px 0;
	vertical-align: top;
	content: '';
}

#content .page_header .menu_manager_mobile {
	position: absolute;
	top: 0;
	right: 0;
	width: 110px;
	height: 34px;
	background-color: #fff;
	border: 1px solid #333;
	font-size: 14px;
	font-weight: bold;
	color: #010101;
}

#content .h_area {
	position: relative;
	padding-bottom: 13px;
}

#content .h_area .ico {
	margin: 1px 3px 0 0;
	vertical-align: top;
}

#content .h_area h3 {
	display: inline-block;
	margin: 0;
	font-size: 16px;
	color: #333;
	font-weight: 700;
	vertical-align: top;
}

#content .h_area:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 3px;
	background: #ffcd00;
	content: '';
}

#content .page .ico_badge {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-right: 3px;
	height: 19px;
	text-align: center;
}

#content .page .ico_badge .badge_txt {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: -1px;
	color: #FFF;
	background-color: #00c73c;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#content .page .ico_badge.off .badge_txt {
	background-color: #999;
}

#content .page .ico_badge.off:before {
	background-position: 0 -20px;
}

#content .page .ico_badge.off:after {
	background-position: 100% -20px;
}

#content .chapter_list_group {
	position: absolute;
	left: 0;
	top: 42px;
	width: 100%;
	z-index: 1020;
}

#content .chapter_list_group .iframe {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: none;
	vertical-align: bottom;
	z-index: 1030;
}

#content .chapter_list_box {
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #ccc;
	min-height: 82px;
	max-height: 482px;
	-webkit-box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.05);
	        box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.05);
	background: #fff;
	z-index: 1040;
}

#content .chapter_list_box .list {
	position: relative;
	z-index: 100;
}

#content .chapter_list_box .list dt {
	height: 32px;
	padding: 0 15px;
	background: #fafafa;
	font-size: 14px;
	color: #999;
	letter-spacing: -1px;
	line-height: 32px;
}

#content .chapter_list_box .list dd {
	height: 49px;
	line-height: 49px;
	border-top: 1px solid #f5f5f5;
}

#content .chapter_list_box .list dt + dd {
	border-top: 0;
}

#content .chapter_list_box .list dd a {
	display: block;
	overflow: hidden;
	padding: 0 17px;
	height: 49px;
	font-size: 14px;
	color: #666;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

#content .chapter_list_box .list .on a {
	color: #333;
	font-weight: bold;
}

#content .chapter_list_box .list dd a:before {
	display: inline-block;
	margin: 18px 4px 0 0;
	vertical-align: top;
	content: '';
}

#content .chapter_list_box .list .lecture a:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -386px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

#content .chapter_list_box .list .quiz a:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -370px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

#content .chapter_list_box .list .task a:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -354px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

#content .chapter_list_box .list .appraisal a:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -210px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

#content .stats_report_box h2.tit {
	position: relative;
	display: inline-block;
	margin: 0;
	z-index: 10;
}

#content .stats_report_box .table tr:nth-child(2n) td {
	background: #fdfdfd;
}

#content .stats_report_box .table thead th {
	padding: 9px 0;
}

#content .stats_report_box .table .point {
	color: #00c73c;
}

#content .stats_report_box .table a {
	display: inline;
	position: static;
	padding: 0;
	line-height: 14px;
	white-space: normal;
	word-break: break-all;
}

#content .stats_report_box .table .sjt_txt {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	vertical-align: top;
}

#content .stats_report_box .table .sjt_txt.on {
	padding: 0 12px;
	-webkit-border-radius: 16px;
	        border-radius: 16px;
	background-color: #dedede;
}

#content .stats_report_box .check_navi {
	margin: -3px 0 10px 0;
	font-size: 16px;
	letter-spacing: -1px;
	font-size: #010101;
}

#content .stats_report_box .check_navi .sjt {
	font-weight: 600;
	color: #010101;
}

#content .stats_report_box .report_list {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 12px;
	background: #fafafa;
}

#content .stats_report_box .report_list li {
	display: table-cell;
	height: 126px;
	text-align: center;
	letter-spacing: -1px;
}

#content .stats_report_box .report_list .inner {
	padding-top: 20px;
}

#content .stats_report_box .report_list .inner .name {
	font-size: 14px;
	color: #666;
	line-height: 16px;
}

#content .stats_report_box .report_list .inner .total_cnt {
	display: block;
	padding: 12px 0 4px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	line-height: 22px;
}

#content .stats_report_box .report_list .inner .point {
	color: #00c73c;
}

#content .stats_report_box .report_list .inner .cnt {
	font-size: 14px;
	color: #999;
	line-height: 16px;
}

#content .stats_report_box .report_cal_box {
	padding-top: 16px;
}

#content .stats_report_box .report_cal_box .inner {
	position: relative;
	height: 74px;
	background: #fff;
	border: 1px solid #dedede;
	text-align: center;
}

#content .stats_report_box .report_cal_box .inner .date {
	display: inline-block;
	font-size: 24px;
	font-weight: 600;
	color: #333;
	line-height: 74px;
}

#content .stats_report_box .report_cal_box .inner .cal_btn {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -75px;
	background-repeat: no-repeat;
	width: 20px;
	height: 22px;
	display: inline-block;
	margin: 25px 0 0 3px;
	vertical-align: top;
}

#content .stats_report_box .report_cal_box .inner .outline {
	position: absolute;
	left: 438px;
	top: 52px;
	z-index: 20;
}

#content .stats_report_box .report_cal_box .dsc {
	padding-top: 5px;
	font-size: 12px;
	color: #999;
}

#content .stats_report_box .report_cal_box .dsc:before {
	display: inline-block;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -51px -868px;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	margin: 4px 0 0 4px;
	vertical-align: top;
	content: '';
}

#content .stats_report_box .report_check_box {
	padding-top: 16px;
}

#content .stats_report_box .report_check_box .check_list_box {
	position: relative;
}

#content .stats_report_box .report_check_box .check_list_box .btn {
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -17px;
}

#content .stats_report_box .report_check_box .check_list_box .check_list {
	padding: 19px 23px;
	border: 1px solid #dedede;
}

#content .stats_report_box .report_check_box .check_list_box .check_list li {
	margin-top: 6px;
}

#content .stats_report_box .report_check_box .check_list_box .check_list li:first-child {
	margin-top: 0;
}

#content .stats_report_box .report_check_box .check_list_box .check_list li:after {
	display: block;
	clear: both;
	content: '';
}

#content .stats_report_box .report_check_box .check_list_box .check_list .sjt_inner {
	float: left;
	position: relative;
	width: 115px;
}

#content .stats_report_box .report_check_box .check_list_box .check_list .sjt {
	display: block;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #333;
}

#content .stats_report_box .report_check_box .check_list_box .check_list .check_inner {
	display: block;
	overflow: hidden;
}

#content .stats_report_box .report_check_box .check_list_box .check_list .check_inner .ick + .ick {
	margin-left: 10px;
}

#content .stats_report_box .report_check_box .check_list_box .check_list .check_inner .date {
	padding-left: 38px;
	font-size: 14px;
	color: #666;
	letter-spacing: -1px;
}

#content .stats_report_box .report_check_box .check_list_box .check_list .check_inner.type2 .ick {
	margin-right: 10px;
}

#content .stats_report_box .report_check_box .check_list_box .check_list .check_inner.type2 .ick + .ick {
	margin-left: 0;
}

#content .stats_report_box .report_check_box .table {
	margin-top: 36px;
}

#content .stats_report_box .header_group {
	position: relative;
}

#content .stats_report_box .header_group .ico_help3 {
	margin-top: -1px;
}

#content .stats_report_box .tab_right_box {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 49px;
	border-bottom: 1px solid #ddd;
}

#content .stats_report_box .tab_right_box .tab {
	float: right;
}

#content .stats_report_box .tab_right_box .tab li {
	float: left;
	position: relative;
	min-width: 148px;
	border: 1px solid #d8d8d8;
	margin-left: -1px;
}

#content .stats_report_box .tab_right_box .tab .link {
	position: relative;
	display: block;
	background-color: #fdfdfd;
	height: 48px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#content .stats_report_box .tab_right_box .tab li.on .link {
	background-color: #fff;
	font-weight: 600;
}

#content .stats_report_box .tab_right_box .tab li.on:after {
	position: absolute;
	left: -1px;
	right: -1px;
	bottom: -1px;
	height: 1px;
	background-color: #fff;
	content: '';
}

#content .stats_report_box .tab_right_box:after {
	display: block;
	clear: both;
	content: '';
}

#content .stats_report_box .right_check_box {
	position: absolute;
	right: 0;
	top: 2px;
	text-align: right;
}

#content .stats_report_box .right_check_box .ick.op1 .ph {
	color: #666;
}

#content .stats_report_box .right_check_box .ick + .ick {
	margin-left: 11px;
}

#content .stats_report_box .right_check_box .ick .checkbox {
	margin-top: 1px;
}

#content .stats_report_box .lecture_state .table, #content .stats_report_box .movie_state .table {
	margin-top: 24px;
}

#content .stats_report_box .video_slide .table {
	margin-top: 33px;
}

#content .stats_report_box .movie_state h2.tit {
	margin-top: 56px;
}

#content .stats_report_box .lecture_per_box h2.tit {
	margin-top: 32px;
}

#content .stats_report_box .lecture_per_box .table {
	margin-top: 10px;
}

#content .stats_report_box .lecture_per_box .table .table_sjt {
	padding-top: 12px;
	color: #999;
	background: #fff !important;
	text-align: left;
	vertical-align: top;
}

#content .stats_report_box .lecture_per_box .report_list {
	margin-top: 32px;
}

#content .stats_report_box .lecture_per_box .report_list li {
	height: 102px;
}

#content .stats_report_box .lecture_per_box .group_lr {
	margin-top: 15px;
}

#content .stats_report_box .lecture_per_box .title {
	padding-left: 24px;
}

#content .stats_report_box .student_play_box {
	position: relative;
	margin-top: 36px;
}

#content .stats_report_box .student_play_box .table {
	margin-top: 24px;
}

#content .stats_report_box .report_present_box {
	position: relative;
	margin-top: 36px;
}

#content .stats_report_box .report_present_box .table {
	margin-top: 24px;
}

#content .stats_report_box .report_present_box .header_group {
	padding-top: 11px;
	height: 50px;
}

#content .stats_report_box .report_movie_box {
	position: relative;
	margin-top: 31px;
}

#content .stats_report_box .report_movie_box .table {
	margin-top: 11px;
}

#content .stats_report_box .report_movie_box .table .movie_sjt {
	font-size: 12px;
	color: #999;
	vertical-align: middle;
}

#content .stats_report_box .report_movie_box .table .title {
	vertical-align: top;
	padding-top: 11px;
	background-color: #fff !important;
}

#content .stats_report_box .report_movie_box .table .play_time {
	line-height: 14px;
}

#content .stats_report_box .report_movie_box .table .in_table {
	padding: 0;
	vertical-align: top;
}

#content .stats_report_box .report_movie_box .table .in_table .in_table_inner {
	overflow: hidden;
}

#content .stats_report_box .report_movie_box .table .in_table .table {
	margin-top: -1px;
	border: 0;
	height: 100%;
}

#content .stats_report_box .report_movie_box .table .in_table .table td {
	background: #fff;
}

#content .stats_report_box .report_movie_box .table .in_table .table tr.even td {
	background: #fdfdfd;
}

#content .ly_popup {
	position: absolute;
	left: 0;
	top: 0;
	padding: 24px;
	background: #fdfdfd;
	border: solid 1px #d1d1d1;
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
	        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
	letter-spacing: -1px;
	z-index: 20;
}

#content .ly_popup .ly_sjt {
	display: block;
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	color: #333;
	line-height: 18px;
}

#content .ly_popup .main_dsc {
	margin-top: 23px;
	font-size: 14px;
	color: #333;
	line-height: 16px;
}

#content .ly_popup .sub_dsc {
	margin-top: 8px;
	font-size: 14px;
	color: #666;
	line-height: 20px;
}

#content .ly_popup .close_btn {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px 0px;
	background-repeat: no-repeat;
	width: 33px;
	height: 33px;
	position: absolute;
	right: 0;
	top: 0;
}

/* _footer.scss */
#footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	background: #fff;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

#footer:after {
	display: block;
	clear: both;
	content: '';
}

#footer .layout_in {
	padding: 0 36px;
	margin: 0 auto;
	position: relative;
	max-width: 1332px;
	min-width: 1052px;
	height: 175px;
	font-size: 12px;
	color: #999;
}

#footer .layout_in:after {
	display: block;
	clear: both;
	content: '';
}

#footer .f_lst {
	padding-top: 26px;
	line-height: 16px;
}

#footer .f_lst li {
	display: inline-block;
	color: #333;
	font-weight: 700;
}

#footer .f_lst li a {
	color: #333;
	font-size: 14px;
}

#footer .f_lst li + li {
	margin-left: 16px;
}

#footer .f_lst li + li a:before {
	content: '';
	margin: -1px 16px 1px 0;
	display: inline-block;
	width: 1px;
	height: 11px;
	background-color: #b2b2b2;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
}

#footer .f_terms {
	padding-top: 24px;
	line-height: 13px;
}

#footer .f_terms a {
	display: inline-block;
	white-space: pre;
	color: #333;
}

#footer .f_terms strong {
	font-weight: 700;
}

#footer .f_terms .bar {
	margin: -1px 11px 1px 12px;
	display: inline-block;
	width: 1px;
	height: 11px;
	background-color: #cdcdcd;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
}

#footer .f_terms_addres_box {
	overflow: hidden;
	margin-top: 8px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

#footer .f_terms_addres_box .addres_list {
	width: 672px;
	margin: -4px 0 0 -8px;
	overflow: hidden;
}

#footer .f_terms_addres_box .addres_list li {
	float: left;
	position: relative;
	margin-top: 6px;
	padding: 0 8px;
	font-size: 12px;
	color: #999;
	letter-spacing: -1px;
	line-height: 14px;
}

#footer .f_terms_addres_box .addres_list li .link {
	color: #999;
}

#footer .f_terms_addres_box .addres_list li:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background-color: #e9ebec;
	vertical-align: top;
	content: '';
}

#footer .f_app {
	position: absolute;
	right: 0;
	top: 110px;
	line-height: 0;
}

#footer .f_app a {
	float: left;
	margin-left: 10px;
}

#footer .f_app .ico_android {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -598px;
	background-repeat: no-repeat;
	width: 41px;
	height: 41px;
}

#footer .f_app .ico_apple {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -643px;
	background-repeat: no-repeat;
	width: 41px;
	height: 41px;
}

#footer .copyright {
	margin-top: 16px;
	font-family: Helvetica, arial, "Apple SD Gothic Neo", sans-serif;
	color: #666;
	line-height: 14px;
}

#footer .copyright .corp {
	font-weight: normal;
	color: #333;
}

#footer.copy .layout_in {
	padding-top: 27px;
}

#footer .f_noti {
	display: none;
	border-bottom: 1px solid #f1f1f1;
}

#footer .f_noti .layout_in {
	height: 52px;
	border-top: none;
	font-size: 14px;
	line-height: 52px;
	color: #666;
}

#footer .f_noti .layout_in .tit {
	margin-right: 20px;
	color: #333;
	vertical-align: top;
}

#footer .f_noti .layout_in .dsc {
	display: inline-block;
	overflow: hidden;
	max-width: 60%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	letter-spacing: -0.7px;
}

#footer .f_noti .layout_in .more {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #333;
}

#footer .f_noti .layout_in .more:after {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -868px -721px;
	background-repeat: no-repeat;
	width: 4px;
	height: 7px;
	margin-left: 9px;
}

#footer .sel_lang_box {
	position: absolute;
	right: 0;
	top: 14px;
}

#footer.new_f {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -88px;
	width: 100%;
	background-color: #25292f;
}

#footer.new_f:after {
	display: block;
	clear: both;
	content: '';
}

#footer.new_f.default .layout_in {
	background: #25292f url(https://ssl.pstatic.net/static/m/mooc/p/partner/boostcrs/new_boostcourse_24_white.svg) 100% 135px no-repeat;
	-webkit-background-size: 107px 36px;
	        background-size: 107px 36px;
}

#footer.new_f .layout_in {
	height: auto;
	width: 1080px;
	margin: 0 auto;
	position: relative;
	max-width: 1332px;
	min-width: 1052px;
	font-size: 12px;
	color: #828c96;
	background-color: #25292f;
}

#footer.new_f .layout_in:after {
	display: block;
	clear: both;
	content: '';
}

#footer.new_f .f_lst {
	padding-top: 40px;
	line-height: 16px;
}

#footer.new_f .f_lst li {
	display: inline-block;
	color: #d9dce0;
	font-weight: 400;
}

#footer.new_f .f_lst li a {
	color: #d9dce0;
	font-size: 14px;
}

#footer.new_f .f_lst li + li {
	margin-left: 13px;
}

#footer.new_f .f_lst li + li a:before {
	content: '';
	margin: -1px 16px 1px 0;
	display: inline-block;
	width: 1px;
	height: 11px;
	background-color: #384047;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
}

#footer.new_f .f_terms {
	padding-top: 40px;
	line-height: 13px;
}

#footer.new_f .f_terms a {
	display: inline-block;
	white-space: pre;
	color: #a5a8ad;
}

#footer.new_f .f_terms strong {
	font-weight: 700;
}

#footer.new_f .f_terms .bar {
	margin: -1px 6px 1px 5px;
	display: inline-block;
	width: 1px;
	height: 11px;
	background-color: #384047;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
}

#footer.new_f .f_terms_box {
	margin-top: 22px;
}

#footer.new_f .f_terms_box p {
	letter-spacing: -0.3px;
}

#footer.new_f .f_terms_addres_box {
	overflow: hidden;
	margin-top: 6px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

#footer.new_f .f_terms_addres_box .addres_list {
	width: 842px;
	margin: -4px 0 0 -8px;
	overflow: hidden;
}

#footer.new_f .f_terms_addres_box .addres_list li {
	float: left;
	position: relative;
	margin-top: 7px;
	padding: 0 8px;
	font-size: 12px;
	color: #828c96;
	letter-spacing: -0.3px;
	line-height: 14px;
}

#footer.new_f .f_terms_addres_box .addres_list li:nth-child(4) {
	margin-right: 130px;
}

#footer.new_f .f_terms_addres_box .addres_list li .link {
	color: #828c96;
}

#footer.new_f .f_terms_addres_box .addres_list li:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background-color: #384047;
	vertical-align: top;
	content: '';
}

#footer.new_f .f_app {
	position: absolute;
	right: 0;
	top: 110px;
	line-height: 0;
}

#footer.new_f .f_app a {
	float: left;
	margin-left: 10px;
}

#footer.new_f .f_app .ico_android {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -598px;
	background-repeat: no-repeat;
	width: 41px;
	height: 41px;
}

#footer.new_f .f_app .ico_apple {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -643px;
	background-repeat: no-repeat;
	width: 41px;
	height: 41px;
}

#footer.new_f .f_related {
	margin-top: 23px;
	padding: 25px 0 40px 0;
	border-top: 1px solid #384047;
}

#footer.new_f .f_related::after {
	content: '';
	display: block;
	clear: both;
}

#footer.new_f .f_related .copyright {
	color: #d9dce0;
	font-size: 12px;
	line-height: 16px;
}

#footer.new_f .f_related .list_wrap {
	float: right;
}

#footer.new_f .f_related .list_wrap .sns_list {
	float: left;
}

#footer.new_f .f_related .list_wrap .sns_list li {
	float: left;
}

#footer.new_f .f_related .list_wrap .sns_list li + li {
	margin-left: 16px;
}

#footer.new_f .f_related .list_wrap .sns_list a {
	display: block;
	width: 16px;
	height: 16px;
}

#footer.new_f .f_related .list_wrap .sns_list a.naver {
	background-position: -596px -616px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

#footer.new_f .f_related .list_wrap .sns_list a.facebook {
	background-position: -420px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

#footer.new_f .f_related .list_wrap .sns_list a.insta {
	background-position: -548px -616px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

#footer.new_f .f_related .list_wrap .site_list {
	float: left;
	margin-left: 24px;
	margin-top: 2px;
	width: 72px;
	position: relative;
}

#footer.new_f .f_related .list_wrap .site_list.open .btn_open i {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
	top: 0px;
}

#footer.new_f .f_related .list_wrap .site_list .btn_open {
	display: block;
	border: 0;
	color: #d9dce0;
	font-size: 12px;
	line-height: 13px;
	padding-right: 15px;
}

#footer.new_f .f_related .list_wrap .site_list .btn_open i {
	width: 12px;
	height: 13px;
	margin-left: 8px;
	display: block;
	position: absolute;
	top: -1px;
	right: 0;
	background-position: -700px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

#footer.new_f .f_related .list_wrap .site_list .drop {
	display: none;
	width: 118px;
	padding: 16px;
	background-color: #fff;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	position: absolute;
	bottom: 23px;
	right: 0;
	z-index: 10;
	-webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.16);
	        box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.16);
}

#footer.new_f .f_related .list_wrap .site_list .drop li + li {
	margin-top: 16px;
}

#footer.new_f .f_related .list_wrap .site_list.open .drop {
	display: block;
}

#footer.new_f .btn_to_top {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 40px;
	right: 0;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

#footer.new_f .btn_to_top:after {
	background-position: -785px -635px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#footer.new_f .f_noti {
	display: none;
	border-bottom: 1px solid #f1f1f1;
}

#footer.new_f .f_noti .layout_in {
	height: 52px;
	border-top: none;
	font-size: 14px;
	line-height: 52px;
	color: #666;
	background-color: #25292f;
}

#footer.new_f .f_noti .layout_in .tit {
	margin-right: 20px;
	color: #333;
	vertical-align: top;
}

#footer.new_f .f_noti .layout_in .dsc {
	display: inline-block;
	overflow: hidden;
	max-width: 60%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	letter-spacing: -0.7px;
}

#footer.new_f .f_noti .layout_in .more {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #333;
}

#footer.new_f .f_noti .layout_in .more:after {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -868px -721px;
	background-repeat: no-repeat;
	width: 4px;
	height: 7px;
	margin-left: 9px;
}

#footer.new_f .sel_lang_box {
	position: absolute;
	right: 0;
	top: 14px;
}

#footer.new_f[class^=simple] {
	height: 88px;
	padding: 38px 24px 0 24px;
}

#footer.new_f[class^=simple] .copyright {
	color: #828c96;
	font-size: 12px;
	line-height: 13px;
	margin-top: 0;
}

#footer.new_f[class^=simple] .btn_to_top {
	top: 24px;
	right: 24px;
}

#footer.new_f .btn_to_top {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 40px;
	right: 0px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

#footer.new_f .btn_to_top:after {
	background-position: -785px -635px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#footer.new_f.simple_whale {
	padding-top: 34px;
}

#footer.new_f.simple_whale .copyright {
	display: inline-block;
}

#footer.new_f.simple_whale .copyright em {
	color: #D0D6D9;
	margin-right: 4px;
}

#footer.new_f.simple_whale .copyright img {
	vertical-align: middle;
	margin-left: 4px;
}

#footer.new_f[class^=mobile] {
	padding: 40px 0 40px;
	background-color: #333;
	text-align: center;
}

#footer.new_f[class^=mobile] .footer_area {
	display: block;
	padding: 0;
}

#footer.new_f[class^=mobile] .footer_area .btn {
	display: inline-block;
	margin: 0 4px;
	padding: 0 8px;
	background-color: #454545;
	line-height: 21px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	letter-spacing: -.5px;
	font-size: 14px;
	color: #999;
	vertical-align: top;
}

#footer.new_f[class^=mobile] .footer_area .copyright {
	font-size: 14px;
	color: #666;
	line-height: 17px;
	font-family: Helvetica,arial,'Apple SD Gothic Neo',sans-serif;
	margin-top: 21px;
}

.footer.whale_main {
	font-size: 0;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: inset 0px 1px 0px #F0F0F0;
	        box-shadow: inset 0px 1px 0px #F0F0F0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.footer.whale_main .f_inner {
	width: 100%;
	max-width: 1240px;
	height: 64px;
	margin: 0 auto;
	position: relative;
	display: table;
	table-layout: fixed;
}

.footer.whale_main .copyright {
	display: table-cell;
	color: #384047;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;
	-webkit-transform: skew(0.03deg);
	    -ms-transform: skew(0.03deg);
	        transform: skew(0.03deg);
}

.footer.whale_main .f_menu {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.footer.whale_main .f_menu:first-child {
	text-align: left;
}

.footer.whale_main .f_menu:last-child {
	text-align: right;
}

.footer.whale_main .f_menu > ul {
	font-size: 0;
}

.footer.whale_main .f_menu > ul .menu {
	display: inline-block;
	position: relative;
}

.footer.whale_main .f_menu > ul .menu + .menu {
	margin-left: 16px;
	padding-left: 17px;
}

.footer.whale_main .f_menu > ul .menu + .menu::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-color: #d0d6d9;
}

.footer.whale_main .f_menu > ul .menu a {
	color: #384047;
	font-size: 13px;
	line-height: 14px;
}

.footer.whale_main .f_menu > ul .menu a em {
	font-weight: 700;
}

.footer.whale_main .bi {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.footer.whale_main .bi .powered {
	display: inline-block;
	color: #828c96;
	font-size: 12px;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 8px;
}

.footer.whale_main .bi .bi_img {
	display: inline-block;
	vertical-align: middle;
}

.footer.whale_main .bi .bi_img img {
	vertical-align: top;
}

.footer.whale_main .bi.toggle {
	display: none;
}

.footer.whale_main .btn_logout {
	display: none;
	width: 66px;
	height: 24px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #fff;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	margin: 0 auto;
}

.fs {
	background-image: none;
	/*    #wrap{
			min-height: 1061px;
		}*/
}

.fs #header, .fs #header .layout_in {
	position: relative;
	background: #fff;
}

.fs #header:before, .fs #header:after, .fs #header .layout_in:before, .fs #header .layout_in:after {
	display: table;
	clear: both;
	content: ' ';
}

.fs #header {
	z-index: 30;
}

.fs #header:before, .fs #header:after {
	display: none;
}

.fs #header .layout_in:before {
	display: none;
}

.fs #container {
	max-width: 100%;
	width: 100%;
	height: 100%;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 176px;
	border-top: 0;
	border-bottom: 0;
	background-image: none;
}

.fs #content {
	float: none;
	width: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 80px;
}

body.re_pack.fs {
	background-image: none;
	/*    #wrap{
			min-height: 1061px;
		}*/
}

body.re_pack.fs #header {
	position: relative;
	padding-left: 0;
}

body.re_pack.fs #container {
	max-width: 100%;
	width: 100%;
	height: 100%;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 176px;
	border-top: 0;
	border-bottom: 0;
	background-image: none;
}

body.re_pack.fs #content {
	float: none;
	width: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 80px;
}

.ct_center {
	background: #F1F1F1;
}

.ct_center #header:after {
	display: none;
}

.ct_center #header:before {
	display: none;
}

.ct_center #container {
	width: 1056px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 236px;
	background: none;
}

.ct_center #content {
	padding: 0 36px;
}

.ct_center.v1 {
	background: #fff;
}

.ct_middle #wrap {
	min-height: 100%;
	height: 100%;
}

.ct_middle #header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.ct_middle #container {
	display: table;
	max-width: 100%;
	min-height: 100%;
	padding: 0;
	border-bottom: 0;
}

.ct_middle #container:before, .ct_middle #container:after {
	display: none;
}

.ct_middle #content {
	display: table-cell;
	padding: 81px 0 155px;
	vertical-align: middle;
	overflow: visible;
}

.ct_middle.ems_reject_page #content {
	padding: 81px 0 74px;
}

.ct_middle #footer {
	z-index: 30;
	min-width: 100%;
}

.nobg {
	background-image: none !important;
}

.fs_simple {
	background-image: none;
	background-color: #fafafa;
}

.fs_simple #wrap {
	height: 100%;
}

.fs_simple #header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.fs_simple #container {
	width: auto;
	min-height: 100%;
	padding: 61px 0 54px;
}

.fs_simple #content {
	max-width: none;
	padding: 0;
}

.fs_simple .simple_copy {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding-bottom: 36px;
	border-top: none;
	background: none;
	text-align: center;
}

.fs_simple .simple_copy .copyright {
	margin-top: 0;
	font-size: 12px;
	color: #999;
}

.fs_simple .simple_copy .copyright .corp {
	color: #333;
}

.w1080.bg_gray {
	background-image: none;
	background-color: #f1f1f1;
}

.w1080 #wrap {
	min-width: 1160px;
}

.w1080 #container {
	width: 1160px;
	margin: 0 auto;
	padding: 40px 40px 210px;
}

.w1080 #snb.mypage_menu {
	width: 200px;
	margin-right: 24px;
	padding: 0;
}

.w1080 #snb.mypage_menu + #content {
	width: 856px;
}

.w1080 #snb.mypage_menu nav {
	padding: 0;
}

.w1080 #snb.mypage_menu nav li {
	margin-top: 1px;
	font-weight: normal;
}

.w1080 #snb.mypage_menu nav li:first-child {
	margin-top: 0;
}

.w1080 #snb.mypage_menu nav li a {
	height: 40px;
	padding: 0 20px;
	background-color: #fff;
	line-height: 40px;
	color: #666;
	text-decoration: none;
}

.w1080 #snb.mypage_menu nav li.selected a {
	background-color: #00c73c;
	font-weight: bold;
	color: #fff;
}

.w1080 #content {
	padding: 0;
	max-width: none;
}

.responsive.bg_gray {
	background-image: none;
	background-color: #f1f1f1;
	height: 100%;
}

.responsive.bg_gray #header {
	min-width: 1016px;
}

.responsive.bg_gray #wrap {
	min-height: 100%;
	min-width: 1016px;
	position: relative;
}

.responsive.bg_gray #container {
	width: auto;
	max-width: 1240px;
	min-height: 100%;
}

.responsive.bg_gray #content {
	width: 100%;
}

.responsive.bg_gray .footer.whale_main .f_inner {
	padding: 0 32px;
}

.responsive #header[class^=main_] {
	background-color: #fff;
}

.responsive #container {
	min-width: 1016px;
	margin: 0 auto;
	padding: 40px 80px 164px;
}

.responsive #snb.mypage_menu {
	width: 200px;
	padding: 0;
	background-color: transparent;
	float: left;
}

.responsive #snb.mypage_menu + #content {
	width: 880px;
	padding: 0 0 0 24px;
	margin: 0;
}

.responsive #snb.mypage_menu nav {
	padding: 0;
}

.responsive #snb.mypage_menu nav li {
	margin-top: 4px;
	font-weight: normal;
}

.responsive #snb.mypage_menu nav li:first-child {
	margin-top: 0;
}

.responsive #snb.mypage_menu nav li a {
	display: block;
	height: 48px;
	padding: 0 20px;
	background-color: #fff;
	line-height: 48px;
	color: #666;
	text-decoration: none;
}

.responsive #snb.mypage_menu nav li.selected a {
	color: #fff;
}

.responsive #content {
	padding: 0;
	max-width: none;
}

.responsive #footer {
	position: absolute;
	left: auto;
	right: auto;
	bottom: 0;
}

.bg_cpt {
	background-color: #ecf0f1;
}

.bg_cpt #wrap {
	min-width: 1080px;
}

.bg_cpt #container {
	min-height: 895px !important;
}

.ico_g_modify {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -439px;
	background-repeat: no-repeat;
	width: 15px;
	height: 16px;
}

.ico_g_cross {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -297px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.ico_g_lock {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -20px;
	background-repeat: no-repeat;
	width: 12px;
	height: 15px;
}

.ico_g_lock3 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -683px;
	background-repeat: no-repeat;
	width: 9px;
	height: 13px;
}

.ico_g_open {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -364px -507px;
	background-repeat: no-repeat;
	width: 17px;
	height: 14px;
}

.ico_g_open2 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -589px -527px;
	background-repeat: no-repeat;
	width: 18px;
	height: 15px;
}

.ico_g_open3 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -39px;
	background-repeat: no-repeat;
	width: 12px;
	height: 15px;
}

.ico_g_delete {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px 0px;
	background-repeat: no-repeat;
	width: 12px;
	height: 16px;
}

.ico_g_drag {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -486px;
	background-repeat: no-repeat;
	width: 9px;
	height: 15px;
}

.ico_g_bu {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -798px;
	background-repeat: no-repeat;
	width: 5px;
	height: 3px;
}

.ico_em {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -407px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}

.ico_e {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -192px -841px;
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
}

.ico_arr5 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -665px -467px;
	background-repeat: no-repeat;
	width: 11px;
	height: 6px;
}

.ico_arr5.dn {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -680px -467px;
	background-repeat: no-repeat;
	width: 11px;
	height: 6px;
}

.ico_arr6 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -660px -841px;
	background-repeat: no-repeat;
	width: 17px;
	height: 10px;
}

.ico_arr6.dn {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -681px -841px;
	background-repeat: no-repeat;
	width: 17px;
	height: 10px;
}

.ico_sort {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -270px -868px;
	background-repeat: no-repeat;
	width: 7px;
	height: 11px;
}

.ico_sort.up {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -281px -868px;
	background-repeat: no-repeat;
	width: 7px;
	height: 11px;
}

.ico_sort.dn {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -303px -868px;
	background-repeat: no-repeat;
	width: 7px;
	height: 11px;
}

.ico_cal_prev {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -761px -355px;
	background-repeat: no-repeat;
	width: 7px;
	height: 12px;
}

.ico_cal_next {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -10px -887px;
	background-repeat: no-repeat;
	width: 7px;
	height: 12px;
}

.ico_fl_like {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -192px;
	background-repeat: no-repeat;
	width: 11px;
	height: 14px;
}

.ico_fl_cmt {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -274px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.ico_check {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -751px -467px;
	background-repeat: no-repeat;
	width: 9px;
	height: 6px;
}

.ico_coach_q {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -594px;
	background-repeat: no-repeat;
	width: 27px;
	height: 27px;
}

.ico_error_black {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -575px -267px;
	background-repeat: no-repeat;
	width: 84px;
	height: 84px;
}

.ico_error_red {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -663px -267px;
	background-repeat: no-repeat;
	width: 84px;
	height: 84px;
}

.ico_sns_share {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -180px;
	background-repeat: no-repeat;
	width: 32px;
	height: 28px;
}

.ico_sns_share_bk {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -625px;
	background-repeat: no-repeat;
	width: 28px;
	height: 24px;
}

.ic_prof_mng {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -145px;
	background-repeat: no-repeat;
	width: 31px;
	height: 31px;
}

.ico_config {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -526px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.ico_new {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -430px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 1px 0 -1px 3px;
}

.ico_help2 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -238px -841px;
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	margin: -2px 0 0 3px;
}

.ico_help3 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -157px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: -2px 0 0 8px;
}

.ico_mbr {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -34px -868px;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	vertical-align: middle;
}

.ico_lecture2 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -385px -507px;
	background-repeat: no-repeat;
	width: 17px;
	height: 13px;
	vertical-align: middle;
	margin: -1px 0 1px;
}

.ico_like {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -469px;
	background-repeat: no-repeat;
	width: 11px;
	height: 13px;
	vertical-align: middle;
	margin: -2px 0 2px;
}

.ico_cmt {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -157px;
	background-repeat: no-repeat;
	width: 12px;
	height: 13px;
	vertical-align: middle;
	margin: -1px 0 1px;
}

.ico_cbox:before {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -589px;
	background-repeat: no-repeat;
	width: 16px;
	height: 14px;
}

.ico_cbox2:before {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -273px -507px;
	background-repeat: no-repeat;
	width: 18px;
	height: 16px;
}

.ico_task2 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -485px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.ico_peer2 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -653px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.ico_quiz2 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -93px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.ico_project2 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -793px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.ico_s_lecture {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -121px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.ico_task2.end {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -513px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.ico_peer2.end {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -765px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.ico_quiz2.end {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -205px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.ellipsis .ico_task2,
.ellipsis .ico_peer2,
.ellipsis .ico_quiz2,
.ellipsis .ico_project2,
.ellipsis .ico_s_lecture {
	margin: -2px 5px 2px 0;
}

.ico_copy {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -373px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.ico_whaleclass {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -310px -761px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}

.ico_whaleclass_s {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -429px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.ico_lecture_private,
.ico_lecture_private_b:before,
.ico_lecture_private_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -679px;
	background-repeat: no-repeat;
	width: 14px;
	height: 15px;
}

.ico_lecture_private2,
.ico_lecture_private2_b:before,
.ico_lecture_private2_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -397px;
	background-repeat: no-repeat;
	width: 15px;
	height: 17px;
}

.ico_lecture_private3,
.ico_lecture_private3_b:before,
.ico_lecture_private3_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -452px;
	background-repeat: no-repeat;
	width: 11px;
	height: 13px;
}

.ico_g_lock_dark,
.ico_g_lock_dark_b:before,
.ico_g_lock_dark_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -418px;
	background-repeat: no-repeat;
	width: 11px;
	height: 13px;
}

.ico_g_open_dark,
.ico_g_open_dark_b:before,
.ico_g_open_dark_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -570px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
}

.ico_g_open_dark2,
.ico_g_open_dark2_b:before,
.ico_g_open_dark2_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -535px;
	background-repeat: no-repeat;
	width: 16px;
	height: 14px;
}

.ico_clse,
.ico_clse_b:before,
.ico_clse_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -25px;
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
}

.ico_f_img,
.ico_f_img_b:before,
.ico_f_img_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -94px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ico_f_img.end,
.ico_f_img.end_b:before,
.ico_f_img.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -294px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ico_f_video,
.ico_f_video_b:before,
.ico_f_video_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -414px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ico_f_video.end,
.ico_f_video.end_b:before,
.ico_f_video.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -454px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ico_f_file,
.ico_f_file_b:before,
.ico_f_file_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -54px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ico_f_file.end,
.ico_f_file.end_b:before,
.ico_f_file.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -374px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ico_f_link,
.ico_f_link_b:before,
.ico_f_link_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -214px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ico_f_link.end,
.ico_f_link.end_b:before,
.ico_f_link.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -654px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ico_f_text,
.ico_f_text_b:before,
.ico_f_text_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -494px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ico_f_text.end,
.ico_f_text.end_b:before,
.ico_f_text.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -534px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ico_f_poll,
.ico_f_poll_b:before,
.ico_f_poll_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -574px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ico_f_poll.end,
.ico_f_poll.end_b:before,
.ico_f_poll.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -614px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ico_s_file,
.ico_s_file_b:before,
.ico_s_file_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -849px -805px;
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
}

.ico_s_link,
.ico_s_link_b:before,
.ico_s_link_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -138px -841px;
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
}

.ico_help.end,
.ico_help.end_b:before,
.ico_help.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -322px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.ico_peer,
.ico_peer_b:before,
.ico_peer_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -446px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_peer.end,
.ico_peer.end_b:before,
.ico_peer.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -100px -668px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_lecture,
.ico_lecture_b:before,
.ico_lecture_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -646px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_lecture.end,
.ico_lecture.end_b:before,
.ico_lecture.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -496px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_project,
.ico_project_b:before,
.ico_project_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -196px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_project.end,
.ico_project.end_b:before,
.ico_project.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -346px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_poll,
.ico_poll_b:before,
.ico_poll_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -617px -552px;
	background-repeat: no-repeat;
	width: 46px;
	height: 47px;
}

.ico_quiz,
.ico_quiz_b:before,
.ico_quiz_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -146px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_quiz.end,
.ico_quiz.end_b:before,
.ico_quiz.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -717px -552px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_task,
.ico_task_b:before,
.ico_task_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: 0px -668px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_task.end,
.ico_task.end_b:before,
.ico_task.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -667px -552px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_course,
.ico_course_b:before,
.ico_course_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -515px -552px;
	background-repeat: no-repeat;
	width: 47px;
	height: 47px;
}

.ico_course.end,
.ico_course.end_b:before,
.ico_course.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -260px -552px;
	background-repeat: no-repeat;
	width: 47px;
	height: 47px;
}

.ico_notice,
.ico_notice_b:before,
.ico_notice_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -246px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_notice.end,
.ico_notice.end_b:before,
.ico_notice.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -396px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_forum,
.ico_forum_b:before,
.ico_forum_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -464px -552px;
	background-repeat: no-repeat;
	width: 47px;
	height: 47px;
}

.ico_forum.end,
.ico_forum.end_b:before,
.ico_forum.end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -158px -552px;
	background-repeat: no-repeat;
	width: 47px;
	height: 48px;
}

.ico_file,
.ico_file_b:before,
.ico_file_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -296px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_file_def,
.ico_file_def_b:before,
.ico_file_def_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -109px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.ico_link,
.ico_link_b:before,
.ico_link_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -696px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_peer.do,
.ico_peer.do_b:before,
.ico_peer.do_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -546px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_lecture.do,
.ico_lecture.do_b:before,
.ico_lecture.do_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -596px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_quiz.do,
.ico_quiz.do_b:before,
.ico_quiz.do_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -96px -608px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_task.do,
.ico_task.do_b:before,
.ico_task.do_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -50px -668px;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
}

.ico_noimg,
.ico_noimg_b:before,
.ico_noimg_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -150px -668px;
	background-repeat: no-repeat;
	width: 46px;
	height: 45px;
}

.ico_noimg2,
.ico_noimg2_b:before,
.ico_noimg2_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -672px -761px;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
}

.ico_prof,
.ico_prof_b:before,
.ico_prof_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -633px -761px;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
}

.ico_prof2,
.ico_prof2_b:before,
.ico_prof2_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -770px;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
}

.ico_prof3,
.ico_prof3_b:before,
.ico_prof3_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -134px -761px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
}

.ico_prof4,
.ico_prof4_b:before,
.ico_prof4_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -73px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.ico_prof4,
.ico_prof4_b:before,
.ico_prof4_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -552px;
	background-repeat: no-repeat;
	width: 42px;
	height: 42px;
}

.ico_prof4,
.ico_prof4_b:before,
.ico_prof4_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -168px -267px;
	background-repeat: no-repeat;
	width: 146px;
	height: 146px;
}

.ico_close_s,
.ico_close_s_b:before,
.ico_close_s_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -624px;
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}

.ico_close_b,
.ico_close_b_b:before,
.ico_close_b_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -25px;
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
}

.ico_uio_al {
	font-size: 0;
	line-height: 999px;
	background-position: -716px -406px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.ico_uio_al.on {
	background-position: -132px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.ico_uio_va {
	font-size: 0;
	line-height: 999px;
	background-position: -753px -603px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.ico_uio_va.on {
	background-position: -490px -517px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.ico_i_image,
.ico_i_image_b:before,
.ico_i_image_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -553px;
	background-repeat: no-repeat;
	width: 16px;
	height: 14px;
}

.ico_i_file,
.ico_i_file_b:before,
.ico_i_file_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -497px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}

.ico_i_katex,
.ico_i_katex_b:before,
.ico_i_katex_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -698px -527px;
	background-repeat: no-repeat;
	width: 17px;
	height: 12px;
}

.ico_le_s,
.ico_le_s_b:before,
.ico_le_s_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -391px -527px;
	background-repeat: no-repeat;
	width: 21px;
	height: 17px;
}

.ico_task_s,
.ico_task_s_b:before,
.ico_task_s_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -418px;
	background-repeat: no-repeat;
	width: 15px;
	height: 17px;
}

.ico_peer_s,
.ico_peer_s_b:before,
.ico_peer_s_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -739px -383px;
	background-repeat: no-repeat;
	width: 21px;
	height: 17px;
}

.ico_quiz_s,
.ico_quiz_s_b:before,
.ico_quiz_s_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -483px -527px;
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
}

.ico_project_s,
.ico_project_s_b:before,
.ico_project_s_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -185px -507px;
	background-repeat: no-repeat;
	width: 18px;
	height: 16px;
}

.ico_checked,
.ico_checked_b:before,
.ico_checked_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -406px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.ico_checked.on,
.ico_checked.on_b:before,
.ico_checked.on_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -350px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.ico_config,
.ico_config_b:before,
.ico_config_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -526px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.ico_sta_go,
.ico_sta_go_b:before,
.ico_sta_go_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: 0px -841px;
	background-repeat: no-repeat;
	width: 24px;
	height: 23px;
}

.ico_sta_fin,
.ico_sta_fin_b:before,
.ico_sta_fin_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -28px -841px;
	background-repeat: no-repeat;
	width: 24px;
	height: 23px;
}

.ico_sta_end,
.ico_sta_end_b:before,
.ico_sta_end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -56px -841px;
	background-repeat: no-repeat;
	width: 24px;
	height: 23px;
}

.ico_gt,
.ico_gt_b:before,
.ico_gt_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -764px -787px;
	background-repeat: no-repeat;
	width: 5px;
	height: 9px;
}

.ico_sns_band,
.ico_sns_band_b:before,
.ico_sns_band_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -46px;
	background-repeat: no-repeat;
	width: 43px;
	height: 42px;
}

.ico_sns_facebook,
.ico_sns_facebook_b:before,
.ico_sns_facebook_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -276px;
	background-repeat: no-repeat;
	width: 43px;
	height: 42px;
}

.ico_sns_twitter,
.ico_sns_twitter_b:before,
.ico_sns_twitter_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -92px;
	background-repeat: no-repeat;
	width: 43px;
	height: 42px;
}

.ico_sns_google,
.ico_sns_google_b:before,
.ico_sns_google_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -184px;
	background-repeat: no-repeat;
	width: 43px;
	height: 42px;
}

.ico_sns_urlcopy,
.ico_sns_urlcopy_b:before,
.ico_sns_urlcopy_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -414px;
	background-repeat: no-repeat;
	width: 43px;
	height: 42px;
}

.ico_sns_band2,
.ico_sns_band2_b:before,
.ico_sns_band2_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px 0px;
	background-repeat: no-repeat;
	width: 43px;
	height: 42px;
}

.ico_sns_facebook2,
.ico_sns_facebook2_b:before,
.ico_sns_facebook2_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -230px;
	background-repeat: no-repeat;
	width: 43px;
	height: 42px;
}

.ico_sns_twitter2,
.ico_sns_twitter2_b:before,
.ico_sns_twitter2_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -368px;
	background-repeat: no-repeat;
	width: 43px;
	height: 42px;
}

.ico_sns_google2,
.ico_sns_google2_b:before,
.ico_sns_google2_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -138px;
	background-repeat: no-repeat;
	width: 43px;
	height: 42px;
}

.ico_sns_urlcopy2,
.ico_sns_urlcopy2_b:before,
.ico_sns_urlcopy2_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -460px;
	background-repeat: no-repeat;
	width: 43px;
	height: 42px;
}

.ico_sns2_band,
.ico_sns2_band_b:before,
.ico_sns2_band_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -413px -552px;
	background-repeat: no-repeat;
	width: 47px;
	height: 47px;
}

.ico_sns2_facebook,
.ico_sns2_facebook_b:before,
.ico_sns2_facebook_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -362px -552px;
	background-repeat: no-repeat;
	width: 47px;
	height: 47px;
}

.ico_sns2_twitter,
.ico_sns2_twitter_b:before,
.ico_sns2_twitter_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -209px -552px;
	background-repeat: no-repeat;
	width: 47px;
	height: 47px;
}

.ico_sns2_google,
.ico_sns2_google_b:before,
.ico_sns2_google_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -566px -552px;
	background-repeat: no-repeat;
	width: 47px;
	height: 47px;
}

.ico_sns2_urlcopy,
.ico_sns2_urlcopy_b:before,
.ico_sns2_urlcopy_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -311px -552px;
	background-repeat: no-repeat;
	width: 47px;
	height: 47px;
}

.ico_ems_img,
.ico_ems_img_b:before,
.ico_ems_img_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -636px -180px;
	background-repeat: no-repeat;
	width: 70px;
	height: 66px;
}

.ico_tag_search,
.ico_tag_search_b:before,
.ico_tag_search_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -17px -868px;
	background-repeat: no-repeat;
	width: 13px;
	height: 14px;
}

.ico_gnb_lec,
.ico_gnb_lec_b:before,
.ico_gnb_lec_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -564px;
	background-repeat: no-repeat;
	width: 29px;
	height: 26px;
}

.ico_gnb_news,
.ico_gnb_news_b:before,
.ico_gnb_news_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -710px;
	background-repeat: no-repeat;
	width: 25px;
	height: 26px;
}

.ico_gnb_todo,
.ico_gnb_todo_b:before,
.ico_gnb_todo_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -740px;
	background-repeat: no-repeat;
	width: 25px;
	height: 26px;
}

.ico_closed_lec,
.ico_closed_lec_b:before,
.ico_closed_lec_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -435px;
	background-repeat: no-repeat;
	width: 11px;
	height: 13px;
}

.ic_share_url,
.ic_share_url_b:before,
.ic_share_url_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -691px -478px;
	background-repeat: no-repeat;
	width: 31px;
	height: 12px;
}

.ic_share_band,
.ic_share_band_b:before,
.ic_share_band_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -693px -443px;
	background-repeat: no-repeat;
	width: 48px;
	height: 18px;
}

.ic_share_facebook,
.ic_share_facebook_b:before,
.ic_share_facebook_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -598px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.ic_share_twitter,
.ic_share_twitter_b:before,
.ic_share_twitter_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -408px -668px;
	background-repeat: no-repeat;
	width: 25px;
	height: 20px;
}

.ic_share_linkedin,
.ic_share_linkedin_b:before,
.ic_share_linkedin_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -126px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.ic_heart,
.ic_heart_b:before,
.ic_heart_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -669px;
	background-repeat: no-repeat;
	width: 12px;
	height: 10px;
}

.ic_student,
.ic_student_b:before,
.ic_student_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -653px;
	background-repeat: no-repeat;
	width: 10px;
	height: 12px;
}

.ic_watch_on,
.ic_watch_on_b:before,
.ic_watch_on_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -567px -527px;
	background-repeat: no-repeat;
	width: 18px;
	height: 15px;
}

.ic_watch_off,
.ic_watch_off_b:before,
.ic_watch_off_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -655px -527px;
	background-repeat: no-repeat;
	width: 18px;
	height: 15px;
}

.ic_live_end,
.ic_live_end_b:before,
.ic_live_end_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -611px -527px;
	background-repeat: no-repeat;
	width: 18px;
	height: 15px;
}

.ic_live_connect,
.ic_live_connect_b:before,
.ic_live_connect_a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -633px -527px;
	background-repeat: no-repeat;
	width: 18px;
	height: 15px;
}

.disabled {
	cursor: default !important;
}

.btn {
	overflow: hidden;
	position: relative;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid transparent;
	cursor: pointer;
	-webkit-appearance: none;
	text-decoration: none;
}

.btn:disabled, .btn.disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: default !important;
}

.btn.stretch {
	width: 100%;
}

.btn:before, .btn:after {
	position: relative;
	top: 2px;
	margin: 0 10px 0 0;
}

.btn:hover, .btn:focus {
	text-decoration: none;
}

.btn.btn_type1 {
	padding: 0 18px 0;
	font-weight: 700;
	font-size: 14px;
	line-height: 33px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #FFF;
	background-color: #89888E;
	border-color: #89888E;
	height: 34px;
	letter-spacing: -1px;
}

.btn.btn_type1.on {
	color: #FFF;
	background-color: #010101;
	border-color: #010101;
}

.btn.btn_type1.remove:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -119px;
	background-repeat: no-repeat;
	width: 12px;
	height: 14px;
}

.btn.btn_type1:disabled {
	color: #FFF;
	background-color: #DADADA;
	border-color: #DADADA;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.btn.btn_type2 {
	padding: 0 16px;
	font-weight: normal;
	font-size: 12px;
	line-height: 31px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #010101;
	background-color: #FFF;
	border-color: #010101;
	height: 34px;
	letter-spacing: -1px;
}

.btn.btn_type2.bold {
	font-size: 14px;
	font-weight: 700;
}

.btn.btn_type2.bold.on {
	border-color: #ccc;
}

.btn.btn_type2.bold_gray {
	color: #999;
	background-color: #FFF;
	border-color: #d1d1d1;
	font-size: 14px;
	font-weight: 700;
}

.btn.btn_type2.small {
	padding: 0 12px;
	font-size: 14px;
}

.btn.btn_type2.big {
	height: 43px;
	padding: 0 20px;
	line-height: 41px;
}

.btn.btn_type2.op1 {
	color: #999;
	background-color: #FFF;
	border-color: #D1D1D1;
}

.btn.btn_type2.op2 {
	color: #CCC;
	background-color: #FFF;
	border-color: #E0E0E0;
}

.btn.btn_type2.op2:disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.btn.btn_type2.op3 {
	padding: 0 10px 0;
	font-size: 14px;
	color: #999;
	background-color: #FFF;
	border-color: #D1D1D1;
}

.btn.btn_type2.op4 {
	height: 38px;
	padding: 0 20px;
	line-height: 37px;
	color: #535353;
	background-color: #f3f3f3;
	border-color: #D1D1D1;
}

.btn.btn_type2.op5 {
	padding: 0 10px;
	border-color: #000;
	font-size: 14px;
}

.btn.btn_type3 {
	padding: 0 6px 0;
	font-weight: normal;
	font-size: 12px;
	line-height: 21px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #999;
	background-color: #FFF;
	border-color: #e8e8e8;
	height: 22px;
	letter-spacing: -1px;
}

.btn.btn_type3.op1 {
	border-color: #dedede;
	background-color: #f3f3f3;
}

.btn.btn_type4 {
	padding: 0;
	font-weight: 700;
	font-size: 14px;
	line-height: 33px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #010101;
	background-color: transparent;
	border-color: transparent;
	height: 34px;
}

.btn.btn_type4.crosshair:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -461px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	margin-right: 7px;
}

.btn.btn_type4.fs16 {
	font-size: 16px;
}

.btn.btn_type4.fs16:before {
	position: relative;
	top: 1px;
}

.btn.btn_type4.change:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -406px -507px;
	background-repeat: no-repeat;
	width: 18px;
	height: 12px;
	margin-right: 5px;
}

.btn.btn_type5 {
	width: 11px;
	height: 12px;
	border: 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -541px;
	background-repeat: no-repeat;
	width: 11px;
	height: 12px;
}

.btn.btn_type5.big {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -25px;
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
}

.btn.btn_type5.f_close {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -534px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
}

.btn.btn_type5.f_close_big {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -215px -841px;
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
}

.btn.btn_type5.f_del {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -226px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.btn.btn_type6 {
	padding: 0 40px;
	font-weight: 700;
	font-size: 16px;
	line-height: 46px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #000;
	background-color: #f5f5f5;
	border-color: #d8d8d8;
	height: 48px;
}

.btn.btn_type6.op1 {
	padding: 0 40px;
	font-weight: normal;
	font-size: 18px;
	line-height: 46px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #666;
	background-color: transparent;
	border-color: #D8D8D8;
}

.btn.btn_type7 {
	width: 34px;
	height: 34px;
	border: 1px solid #333;
}

.btn.btn_type7.prev, .btn.btn_type7.next {
	overflow: visible;
}

.btn.btn_type7.prev:before, .btn.btn_type7.next:before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 11px 0 0 -4px;
	content: " ";
	zoom: 1;
}

.btn.btn_type7.prev:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -292px -868px;
	background-repeat: no-repeat;
	width: 7px;
	height: 11px;
}

.btn.btn_type7.next:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -314px -868px;
	background-repeat: no-repeat;
	width: 7px;
	height: 11px;
}

.btn.btn_type7.disabled {
	border-color: #CCC;
}

.btn.btn_type7.disabled.prev:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -259px -868px;
	background-repeat: no-repeat;
	width: 7px;
	height: 11px;
}

.btn.btn_type7.disabled.next:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -325px -868px;
	background-repeat: no-repeat;
	width: 7px;
	height: 11px;
}

.btn.btn_type8 {
	display: block;
	padding: 0 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 48px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #999;
	background-color: #fff;
	border-color: #ccc;
	width: 100%;
	height: 51px;
}

.btn.btn_type8.on {
	border-color: #333;
	color: #333;
}

.btn.btn_type9 {
	padding: 0 0 0;
	font-weight: normal;
	font-size: 12px;
	line-height: 27px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #666;
	background-color: #FFF;
	border-color: #d1d1d1;
	width: 87px;
	height: 29px;
	letter-spacing: -1px;
}

.btn.btn_type9 em {
	margin-left: 9px;
	font-weight: 700;
	color: #333;
}

.btn.btn_type9.r_rcom:before {
	margin-right: 5px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -700px;
	background-repeat: no-repeat;
	width: 9px;
	height: 13px;
}

.btn.btn_type9.r_reply:before {
	margin-right: 5px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -609px;
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}

.btn.btn_type9.r_rcom.on:before {
	margin-right: 5px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -174px;
	background-repeat: no-repeat;
	width: 11px;
	height: 14px;
}

.btn.btn_type9.r_reply.on:before {
	margin-right: 5px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -594px;
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}

.btn.btn_type10 {
	padding: 0;
	font-weight: 700;
	font-size: 14px;
	line-height: 34px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #000;
	background-color: transparent;
	border-color: transparent;
	height: 34px;
	padding: 0 29px;
}

.btn.btn_type10:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -280px -704px;
	background-repeat: no-repeat;
	width: 15px;
	height: 8px;
	margin: 0 0 3px 8px;
}

.btn.btn_type10.fs16 {
	font-size: 16px;
}

.btn.btn_type10 em {
	font-weight: normal;
	color: #666;
}

.btn.btn_type10.load, .btn.btn_type10.load_gray {
	position: relative;
}

.btn.btn_type10.load:before, .btn.btn_type10.load_gray:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-right: 0;
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/loading_s.gif);
	background-repeat: no-repeat;
	content: '';
}

.btn.btn_type10.load_gray:before {
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/loading_sg.gif);
}

.btn.btn_type11 {
	padding: 0;
	font-weight: normal;
	font-size: 18px;
	line-height: 60px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #FFF;
	background-color: transparent;
	border-color: transparent;
	height: 60px;
	width: 300px;
}

.btn.btn_type12 {
	padding: 0 18px;
	height: 32px;
	background-color: #FFF;
	border: 1px solid #c0c0c0;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}

.btn.clr {
	color: #FFF;
	background-color: #ff5230;
	border-color: #ff5230;
}

.btn.clr2 {
	color: #FFF;
	background-color: #010101;
	border-color: #010101;
}

.btn.clr3 {
	color: #FFF;
	background-color: #89888E;
	border-color: #89888E;
}

.btn.clr4 {
	color: #666;
	background-color: #f3f3f3;
	border-color: #ccc;
}

.btn.clr5 {
	color: #FFF;
	background-color: #88888D;
	border-color: #88888D;
}

.btn.clr6 {
	color: #FFF;
	background-color: #00c73c;
	border-color: #00c73c;
}

.btn.clr7 {
	color: #333;
	background-color: #fff;
	border-color: #dce1e6;
}

.btn.gra {
	background: #00c73c;
	background: -webkit-linear-gradient(right, #0FD2C8, #00c73c);
	background: -webkit-gradient(linear, right top, left top, from(#0FD2C8), to(#00c73c));
	background: linear-gradient(to left, #0FD2C8, #00c73c);
	border: none;
}

.btn.btn_type13 {
	display: block;
	width: 320px;
	height: 48px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border: none;
	line-height: 48px;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
}

.btn.btn_type13::before {
	display: block;
	position: absolute;
	top: 16px;
	left: 16px;
	content: '';
}

.btn.btn_type13.save {
	background-color: #00c73c;
}

.btn.btn_type13.save::before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -237px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.btn.btn_type13.course {
	background-color: #333;
}

.btn.btn_type13.course::before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -217px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.btn.btn_type13.share {
	background-color: #3f3a90;
}

.btn.btn_type13.share::before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -357px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.btn.btn_type13.save::after, .btn.btn_type13.course::after, .btn.btn_type13.share::after {
	display: block;
	position: absolute;
	top: 0;
	left: 48px;
	bottom: 0;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.08);
	z-index: 10;
	content: '';
}

.btn.btn_type14 {
	color: #25292F;
	background-color: #F5F7F7;
	font-size: 15px;
	line-height: 17px;
	padding: 15px 0;
	width: 272px;
	text-align: center;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
}

.btn.btn_type15 {
	min-width: 74px;
	padding: 8px 15px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	background-color: #fff;
	color: #000;
	font-size: 14px;
	line-height: 22px;
}

.btn.btn_type15:disabled {
	color: rgba(0, 0, 0, 0.3);
}

.if {
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	cursor: pointer;
}

.if input {
	position: absolute;
	top: -100%;
	right: -100%;
	left: -100%;
	bottom: -100%;
	width: 300%;
	height: 300%;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.if .uploadify {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.btn_top {
	position: absolute;
	right: 0;
	bottom: -53px;
	display: block;
	width: 73px;
	height: 42px;
	border: 1px solid #d8d8d8;
	color: #666;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	font-family: "HelveticaNeueLT Std", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 700;
	background: #fff;
}

.btn_top:hover {
	text-decoration: none;
}

.btn_top.type2 {
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	width: 76px;
	height: 48px;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	font-size: 15px;
	line-height: 48px;
	font-weight: 400;
	border: 1px solid #F0F0F0;
}

[class*="sts_"] {
	display: block;
	margin: 0;
	font-size: 12px;
}

[class*="sts_"] + [class*="sts_"] {
	margin: 5px 0 0 0;
}

[class*="sts_valid"] + [class*="sts_"] {
	margin: 0;
}

.sts_error {
	color: #ff5230;
}

.sts_valid {
	color: #1dbe20;
}

.sts_strong {
	color: #4564d8;
}

.sts_danger {
	color: #FF9C01;
}

.it_wrap {
	display: inline-block;
}

.camper_list .it input {
	height: 32px;
	padding: 0 7px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border-color: #f0f0f0;
	color: #25292f;
	font-size: 13px;
}

.camper_list .it textarea {
	padding: 16px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	border: solid 1px #f0f0f0;
	background-color: #fff;
}

.it {
	display: inline-block;
	position: relative;
	background: #fff;
}

.it input, .it textarea {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 34px;
	padding: 2px 10px 0;
	border: 1px solid #D1D1D1;
	background: transparent;
	color: #333;
	font-size: 14px;
	vertical-align: top;
}

.it input {
	padding-right: 0;
}

.it textarea {
	overflow: hidden;
	overflow-y: auto;
	padding: 5px 9px;
	resize: none;
}

.it .ph {
	z-index: 30;
	position: absolute;
	top: 4px;
	left: 10px;
	color: #999 !important;
	font-size: 14px;
}

.it .ph .req {
	font-style: normal;
	color: #ef3e23;
}

.it + .wave {
	margin: 0 6px 0 5px;
	line-height: 32px;
	color: #333;
	vertical-align: top;
}

.it + .sts_error {
	margin-top: 4px;
}

.it[class*="sts_"] {
	vertical-align: top;
}

.it textarea.sts_error,
.it input.sts_error,
.it p.sts_error,
.it.sts_error input,
.it.it_added.sts_error .input_area {
	border-color: #ff5230 !important;
	color: #ff5230 !important;
}

.it input.sts_valid,
.it.sts_valid input,
.it.it_added.sts_valid .input_area {
	border-color: #1dbe20 !important;
	color: #1dbe20 !important;
}

.it input.sts_strong,
.it.sts_strong input,
.it.it_added.sts_strong .input_area {
	border-color: #4564d8 !important;
	color: #4564d8 !important;
}

.it input.sts_danger,
.it.sts_danger input,
.it.it_added.sts_danger .input_area {
	border-color: #ffad01 !important;
	color: #FFAD01 !important;
}

.it.fs12 .ph, .it.fs12 input {
	font-size: 12px;
}

.it.fs12 .ph {
	top: 8px;
	left: 11px;
}

.it.point input,
.it.point textarea {
	background: #f8f8f8;
}

.it.point.op1 .ph, .it.point.op1 input {
	font-size: 12px;
}

.it.point.op1 .ph {
	top: 11px;
	left: 14px;
	color: #b2b2b2 !important;
}

.it.point.op1 input {
	height: 40px;
	padding-left: 13px;
	border: 1px solid transparent;
	background: #f2f2f2;
}

.it.point.op2 .ph {
	color: #999 !important;
}

.it.point.op2 input {
	background: #fdfdfd;
}

.it.strong input {
	font-weight: 700;
}

.it.dashed input, .it.dashed textarea {
	border: 1px dashed #CBCBCB;
}

.it.border_none {
	background: transparent;
}

.it.border_none input,
.it.border_none textarea {
	border: 1px solid transparent;
}

.it.stretch {
	width: 100%;
}

.it.it_added {
	position: relative;
	padding-right: 34px;
	vertical-align: top;
}

.it.it_added .added {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 40;
}

.it.it_added .added .c {
	display: inline-block;
	margin: 5px 0 0 0;
	font-weight: 700;
}

.it.it_added input {
	height: 32px;
	padding-left: 10px;
	border: 0 !important;
}

.it.it_added textarea {
	border: 0;
}

.it.it_added .input_area {
	display: block;
	overflow: hidden;
	border: 1px solid #d1d1d1;
}

.it.it_added .btn_remove .ico_remove {
	margin: 7px 10px;
}

.it.it_added .btn_remove {
	display: inline-block;
	padding: 4px 9px;
}

.it.it_added .ico_cndr {
	margin: 4px 4px 2px;
}

.it.it_added.bg_tp {
	background: transparent;
}

.it.it_added.bg_tp .input_area {
	background: #FFF;
}

.it.it_added.input .ph {
	color: #666;
}

.it.it_added.input .input_area {
	border-right: 0;
}

.it.it_added.input .input_area input {
	background: #FFF;
}

.it.it_added.input .btn {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: 0px -805px;
	background-repeat: no-repeat;
	width: 34px;
	height: 32px;
	border: 1px solid #d1d1d1;
	border-left: 0;
	width: 34px;
	height: 34px;
}

.it.it_added.input2 {
	padding-right: 56px;
}

.it.it_added.input2 .input_area {
	border-right: 0;
}

.it.it_added.input2 .input_area input {
	background: #fdfdfd;
}

.it.it_added.input2 .added {
	text-align: right;
	width: 56px;
	height: 34px;
	border: 1px solid #CBCBCB;
	border-left: 0;
}

.it.it_added.input2 .btn_type5.big {
	top: -1px;
}

.it.it_added.input2 .srch {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: 0px -805px;
	background-repeat: no-repeat;
	width: 34px;
	height: 32px;
	width: 34px;
	height: 34px;
}

.it.it_added.input2.dark {
	background: #272727;
}

.it.it_added.input2.dark .ph {
	color: #686868 !important;
}

.it.it_added.input2.dark .input_area,
.it.it_added.input2.dark .added {
	border-color: #272727;
}

.it.it_added.input2.dark .input_area .btn.btn_type5.big,
.it.it_added.input2.dark .added .btn.btn_type5.big {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -174px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.it.it_added.input2.dark .input_area input {
	color: #fff;
	background: #272727;
}

.it.it_added.input3 {
	position: relative;
	padding-right: 48px;
	background-color: #f1f1f1;
	border: 1px solid #d1d1d1;
}

.it.it_added.input3 .ph {
	top: 10px;
	left: 15px;
	font-size: 16px;
	color: #999;
	letter-spacing: -.5px;
}

.it.it_added.input3 .input_area {
	margin: 0 38px 0 0;
	border: 0;
}

.it.it_added.input3 .input_area .f_close_big {
	position: absolute;
	top: 13px;
	right: 57px;
}

.it.it_added.input3 input {
	height: 46px;
	padding-top: 0px;
	padding-left: 17px;
	font-size: 16px;
}

.it.it_added.input3 .added {
	top: -1px;
	right: -1px;
}

.it.it_added.input3 .added .btn {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -106px -552px;
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	background-color: #00c73c;
}

.it.it_added.spinner.percent .ui-widget-content:after, .it.it_added .spinner.percent .ui-widget-content:after {
	top: 2px;
}

.it.spinner .ui-widget-content, .it .spinner .ui-widget-content {
	border: 0;
	background: transparent;
}

.it.spinner .ui-widget-content .ui-spinner-input, .it .spinner .ui-widget-content .ui-spinner-input {
	margin: 0;
	padding-right: 35px;
	padding-top: 0;
	text-align: left;
}

.it.spinner .ui-widget-content .ui-state-default, .it .spinner .ui-widget-content .ui-state-default {
	right: 12px;
	border: 0;
	background: none;
	cursor: pointer;
}

.it.spinner .ui-widget-content .ui-spinner-up .ui-button-text .ui-icon, .it .spinner .ui-widget-content .ui-spinner-up .ui-button-text .ui-icon {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -546px -527px;
	background-repeat: no-repeat;
	width: 17px;
	height: 16px;
}

.it.spinner .ui-widget-content .ui-spinner-down .ui-button-text .ui-icon, .it .spinner .ui-widget-content .ui-spinner-down .ui-button-text .ui-icon {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -751px -336px;
	background-repeat: no-repeat;
	width: 17px;
	height: 15px;
}

.it.spinner .ui-widget-content .ui-spinner-down, .it .spinner .ui-widget-content .ui-spinner-down {
	bottom: 1px;
}

.it.spinner.percent .ui-spinner-input, .it .spinner.percent .ui-spinner-input {
	padding-right: 51px;
	text-align: right;
}

.it.spinner.percent .ui-widget-content:after, .it .spinner.percent .ui-widget-content:after {
	display: inline;
	position: absolute;
	top: 4px;
	right: 34px;
	color: #666;
	content: '%';
}

.it.spinner.type2 .ph, .it .spinner.type2 .ph {
	left: 5px;
}

.it.spinner.type2 .ui-widget-content .ui-spinner-input, .it .spinner.type2 .ui-widget-content .ui-spinner-input {
	padding-right: 20px;
}

.it.spinner.type2 .ui-widget-content .ui-state-default, .it .spinner.type2 .ui-widget-content .ui-state-default {
	right: 5px;
}

.it.spinner.type2 input, .it .spinner.type2 input {
	padding: 2px 5px 0;
}

.it.it_added_count {
	border: 1px solid #c5c5c5;
}

.it.it_added_count textarea {
	border: 0;
}

.it.it_added_count .ph {
	color: #cbcbcb;
}

.it.it_added_count .info {
	padding: 4px 10px 5px;
	font-size: 11px;
	color: #a9a9a9;
	text-align: right;
}

.it.it_added_count:after {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #FFF;
	content: '';
}

.it.type2 input {
	border: 1px solid #CBCBCB;
	white-space: nowrap;
	word-break: normal;
}

.it.type2.strong input {
	font-size: 14px;
}

.it.type2.it_added {
	padding-right: 0;
}

.it.type2.it_added .input_area {
	padding-right: 35px;
}

.it.type2.it_added .added {
	top: 4px;
	right: 8px;
}

.it.type2.it_added .added .btn {
	vertical-align: top;
}

.it.type2.it_added .added .btn_type5.big {
	top: 3px;
}

.it.type2.it_added.underline .ph {
	left: 0;
}

.it.type2.it_added.underline input {
	padding-left: 0;
}

.it.type2.it_added.underline .input_area {
	border: 0;
	border-bottom: 1px solid #E9E9E9;
}

.it.type2.it_added.survey_input {
	border: 1px solid #CBCBCB;
	padding-right: 30px;
}

.it.type2.it_added.survey_input .enter .btn {
	width: 32px;
	height: 24px;
}

.it.type2.it_added.survey_input .input_area {
	border: 0;
}

.it.type2.it_added.survey_input .btn_remove {
	padding: 3px 9px;
}

.it.upload {
	display: block;
	height: 34px;
	margin-top: 0 !important;
	padding-right: 0;
	border: 1px solid #CBCBCB;
	background: #FFF;
}

.it.upload .ph {
	top: 4px;
}

.it.upload .input_area input {
	position: absolute;
	z-index: 101;
	padding: 0;
	border: 0;
	background: transparent;
	vertical-align: top;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.it.upload.it_added .input_area {
	border: 0;
}

.it.upload.type2 .added {
	top: 3px;
	right: 7px;
}

.it.disabled,
.disabled .it {
	cursor: default;
	background: #f8f8f8;
}

.it.disabled input,
.disabled .it input {
	color: #999;
}

.slash {
	display: inline-block;
	vertical-align: middle;
	margin: 0 16px 0 18px;
	line-height: 34px;
	font-size: 14px;
	font-weight: 700;
	font-family: arial, sans-serif;
	color: #333;
}

.ce.ce_view + .atch_wrap {
	border-top: 1px solid #e8e8e8;
	padding-top: 60px;
	margin-top: 39px !important;
}

.atch_wrap .atch_area {
	position: relative;
	min-height: 66px;
	margin-top: -1px;
	padding: 15px;
	border: 1px solid #d1d1d1;
	border-top: 1px solid #e9e9e9;
}

.atch_wrap .atch_area .upload_area {
	overflow: hidden;
}

.atch_wrap .atch_area .uploaded {
	display: none;
	z-index: 1002;
	position: relative;
	top: -34px;
}

.atch_wrap .atch_area .uploaded .ph {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	padding-right: 45px;
	color: #333 !important;
	font-weight: 700;
}

.atch_wrap .atch_area > strong {
	display: block;
	float: left;
	margin-right: 15px;
	font-size: 12px;
	line-height: 34px;
}

.atch_wrap .atch_area .cont_file {
	padding-top: 8px;
}

.atch_wrap .atch_area .cont_file .link_box {
	display: block;
}

.atch_wrap .atch_area .cont_file .link_box .inner {
	display: inline-block;
	height: 32px;
	padding: 0 16px;
	-webkit-border-radius: 16px;
	        border-radius: 16px;
	background-color: #f1f1f1;
	line-height: 32px;
	text-decoration: none;
}

.atch_wrap .atch_area .cont_file .link_box a {
	line-height: 32px;
	text-decoration: none;
}

.atch_wrap .atch_area .cont_file .link_box .btn_del {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -226px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	margin: 10px 0 0 16px;
	vertical-align: top;
}

.atch_wrap .atch_area .cont_file .link_box + .link_box {
	margin-top: 8px;
}

.ick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	padding-left: 20px;
}

.ick .ph {
	display: inline-block;
	top: 0 !important;
	left: 0;
	margin-top: 0;
	color: #666;
	vertical-align: top;
}

.ick .sr_only {
	position: static !important;
}

.ick .radio, .ick .checkbox {
	display: inline-block;
	overflow: hidden;
	position: absolute;
	top: 5px;
	left: 0;
	vertical-align: top;
}

.ick .radio input, .ick .checkbox input {
	position: absolute;
	left: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.ick .radio {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -371px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}

.ick .radio.checked {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -443px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	background-color: transparent !important;
}

.ick .checkbox {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -85px -868px;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
}

.ick .checkbox.checked {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -119px -868px;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
}

.ick .radio + .ph, .ick .checkbox + .ph {
	position: relative;
}

.ick .radio + .ph.sr_only, .ick .checkbox + .ph.sr_only {
	margin: 0;
}

.ick .radio.default, .ick .checkbox.default {
	background: none;
	overflow: visible;
}

.ick .radio.default input, .ick .checkbox.default input {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=100);
	opacity: 1;
	width: 12px;
	height: 12px;
	top: 1px;
}

.ick.disabled {
	cursor: default;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.ick.disabled .radio input, .ick.disabled .checkbox input {
	cursor: default;
}

.ick.disabled .radio {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -425px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}

.ick.disabled .radio.checked {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -780px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}

.ick.disabled .checkbox {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -102px -868px;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
}

.ick.disabled .checkbox.checked {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -153px -868px;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
}

.ick.fs12 .ph {
	font-size: 12px;
	line-height: normal;
	vertical-align: middle;
}

.ick.fs12 .radio {
	top: 3px;
}

.ick.fs12 .checkbox {
	top: 5px;
}

.ick.op1 {
	padding-left: 17px;
}

.ick.op1 .ph {
	color: #030303;
}

.ick.type2 {
	width: 15px;
	height: 15px;
	padding-left: 0;
	vertical-align: middle;
}

.ick.type2 .radio, .ick.type2 .checkbox {
	top: 0;
}

.ick.type_blue {
	padding-left: 26px;
}

.ick.type_blue .checkbox {
	background-position: -486px -744px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	margin-top: -5px;
}

.ick.type_blue .checkbox.checked::after {
	display: block;
	position: absolute;
	top: -webkit-calc(50% - 9px);
	top: calc(50% - 9px);
	left: 0;
	background-position: -200px -744px;
	background-repeat: no-repeat;
	width: 18px;
	height: 19px;
	pointer-events: none;
	content: '';
}

.ick.type_blue .ph {
	display: inline-block;
	font-size: 14px;
	color: #666;
	line-height: 18px;
	vertical-align: middle;
}

.ick.type_blue.disabled {
	pointer-events: none;
}

.ick.type_blue.disabled .checkbox {
	opacity: .38;
}

.ick.big {
	padding-left: 29px;
}

.ick.big .checkbox {
	top: 2px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -838px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.ick.big .checkbox.checked {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -718px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.ick.big .radio {
	top: 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -90px -761px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
}

.ick.big .radio.checked {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -222px -761px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
}

.ick.big.disabled .checkbox {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -766px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.ick.big.disabled .checkbox.checked {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -694px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.ick.big.type1 {
	padding-left: 26px;
}

.ick.big.type1 .checkbox {
	top: 50%;
	margin-top: -10px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -406px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.ick.big.type1 .checkbox.checked {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -350px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.ick.big.type2 {
	width: 20px;
	height: 20px;
	padding-left: 0;
}

.ick.big.type2 .checkbox {
	top: 0;
}

.ick + .ick {
	margin-left: 15px;
}

.lst_chk li {
	display: block;
}

.lst_chk li .desc {
	color: #999;
}

.lst_chk li .it.type4 + .txt {
	margin-top: -2px;
}

.lst_chk li.disabled {
	color: #999;
}

.tarea {
	display: block;
	position: relative;
	padding: 6px 10px 0;
	border: 1px solid #cbcbcb;
	background: #fff;
	z-index: 9;
}

.tarea .ick .ph {
	margin-left: 3px;
}

.tarea textarea {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.tarea .info {
	margin: 0 -10px;
	padding: 4px 10px 5px;
	font-size: 11px;
	color: #a9a9a9;
	text-align: right;
}

.tarea .tarea ul[class*="tag"] {
	border: 0;
}

.img_group {
	position: relative;
	display: table;
	width: 100%;
}

.img_group .row {
	display: table-row;
}

.img_group .desc li {
	position: relative;
	padding-left: 7px;
	color: #999;
	font-size: 12px;
}

.img_group .desc li:before {
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 2px;
	height: 1px;
	background: #999;
	vertical-align: top;
	content: '';
}

.img_group .vertical_t {
	vertical-align: top !important;
}

.img_group .vertical_m {
	vertical-align: middle !important;
}

.img_group .vertical_b {
	vertical-align: bottom !important;
}

.img_group .mv_area {
	width: 544px;
	margin-bottom: 20px;
}

.img_group .mv_area .f_close {
	position: absolute;
	top: 0;
	right: 0;
}

.img_group .img {
	position: relative;
	display: table-cell;
	vertical-align: top;
	text-align: center;
}

.img_group .img.noimg .inner {
	background: #F8F8F8 url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-noimg.png) no-repeat 50% 50%;
}

.img_group .img.noimg2 .inner {
	background: #F8F8F8 url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_noimg2.gif) no-repeat 50% 50%;
}

.img_group .img.noimgProfile .inner:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -168px -267px;
	background-repeat: no-repeat;
	width: 146px;
	height: 146px;
}

.img_group .img.upload .inner {
	margin-bottom: 20px;
	background: #F8F8F8;
}

.img_group .img .inner {
	display: block;
	position: relative;
	border: 1px solid #CBCBCB;
	white-space: nowrap;
}

.img_group .img .inner img {
	vertical-align: top;
}

.img_group .img .inner button {
	line-height: 1;
}

.img_group .img .inner .f_close {
	position: absolute;
	right: -22px;
	top: 0;
}

.img_group .img .inner .upload_progress {
	position: absolute;
	right: 10px;
	left: 10px;
	bottom: 15px;
	text-align: center;
}

.img_group .img .inner .upload_progress .wrap {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 7px;
	background: #E0E0E0;
	font-size: 0;
	line-height: 0;
	text-align: left;
}

.img_group .img .inner .upload_progress .wrap span {
	display: inline-block;
	height: 100%;
	background: #FECA2F;
	vertical-align: top;
}

.img_group .img .inner .upload_progress strong {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 12px;
	font-weight: normal;
	line-height: 1;
	color: #848484;
	text-align: center;
}

.img_group .img .max100 img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.img_group .img .sts_error {
	margin-top: 5px;
	text-align: left;
}

.img_group .info {
	display: table-cell;
	width: 100%;
	padding-left: 30px;
	vertical-align: top;
}

.img_group .info.width_auto {
	width: auto;
}

.img_group .info.vertical_b p + .if {
	margin-top: 5px;
}

.img_group .row > .info {
	padding: 0;
}

.img_group .row > .info .if {
	margin-right: 10px;
}

.img_group .row > .info .desc {
	display: inline-block;
	position: relative;
	top: 4px;
	font-size: 12px;
	color: #999;
}

.img_group .row > .info .desc.multi_line {
	top: -1px;
}

.img_group .f_del {
	position: absolute;
	top: 0;
	right: -16px;
}

.img_group .noimg .f_del {
	display: none;
}

.img_group .btn_remove {
	position: absolute;
	top: 7px;
	right: 11px;
}

.img_group .noimg .btn_remove, .img_group .noimg2 .btn_remove {
	display: none;
}

h3.tit {
	font-weight: 700;
	font-size: 16px;
	color: #010101;
	margin: 33px 0 14px;
}

.editor_area {
	padding: 14px 20px;
	border: 1px solid #d1d1d1;
}

.editor_area .link_file2 {
	display: block;
}

.editor_area .link_file2 .file_download {
	vertical-align: middle;
}

.editor_area .link_file2 + .link_file2 {
	padding-top: 3px;
}

.editor_area .editor_reset + .link_file2 {
	padding: 13px 0 4px;
}

.editor_area .editor_reset + .link_file2 + .link_file2 {
	margin-top: -1px;
	padding-top: 0;
}

.q_body .editor_area .editor_area {
	border: 0;
	padding: 0;
}

.editor_area ~ .editor_area {
	margin-top: 10px;
}

.noti_box {
	padding: 20px;
	background-color: #F7F7F7;
	color: #666;
	line-height: 16px;
}

.noti_box + h2.tit {
	margin-top: 40px;
}

.noti_box .lnk_go {
	display: inline-block;
	margin-top: 10px;
	line-height: 16px;
	color: #333;
	text-decoration: underline;
}

.noti_box .lnk_go:after {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -868px -721px;
	background-repeat: no-repeat;
	width: 4px;
	height: 7px;
	margin-left: 4px;
	vertical-align: 1px;
}

.watch {
	position: relative;
	display: block;
	height: 100%;
	vertical-align: top;
}

.watch .checkbox {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -295px -507px;
	background-repeat: no-repeat;
	width: 20px;
	height: 14px;
	display: inline-block;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -10px;
	vertical-align: top;
}

.watch input {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.table td .btn + .sm {
	margin: 10px 0 0;
	font-size: 11px;
}

.table td .tac {
	display: block;
	text-align: center;
}

.table.border_t_n {
	border-top: 0 !important;
}

.table.border_b_n {
	border-bottom: 0 !important;
}

.table.table_type1 {
	border-top: 1px solid #333;
	border-bottom: 1px solid #d8d8d8;
	letter-spacing: -1px;
}

.table.table_type1 tr.th_vt th {
	padding-top: 25px;
	vertical-align: top;
}

.table.table_type1 tr:first-child th,
.table.table_type1 tr:first-child td {
	border-top: 0;
}

.table.table_type1 th {
	padding: 22px 5px 22px 30px;
	border-top: 1px solid #ebebeb;
	background: #fdfdfd;
	color: #333;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
	vertical-align: middle;
}

.table.table_type1 td {
	height: 74px;
	padding: 20px 0 20px 20px;
	border-top: 1px solid #ebebeb;
	vertical-align: middle;
}

.table.table_type1 td .txt {
	display: inline-block;
	margin-top: 0;
	padding: 5px 0;
	vertical-align: top;
}

.table.table_type1 td .txt.sm {
	color: #999;
}

.table.table_type1 td .txt_mh {
	min-height: 93px;
}

.table.table_type1 td .strong {
	font-weight: 700;
	font-size: 16px;
	color: #ffae00;
}

.table.table_type1 td .it_area .it_set {
	display: inline-block;
}

.table.table_type1 td .it_area .label_txt {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 12px;
	line-height: 34px;
	letter-spacing: -1px;
	color: #999;
}

.table.table_type1 td .it_area strong.label_txt {
	display: inline-block;
	margin-right: 0;
	font-size: 14px;
	line-height: 33px;
	font-weight: normal;
	color: #666;
}

.table.table_type1 td .it_area .label_email {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	font-size: 14px;
	line-height: 33px;
	letter-spacing: -1px;
	color: #333;
	font-weight: normal;
}

.table.table_type1 td .it_area .it {
	vertical-align: top;
}

.table.table_type1 td .lst_chk + .txt_desc {
	margin-top: 7px;
}

.table.table_type1 td .txt_desc {
	margin-top: 13px;
	padding: 2px 0 9px 17px;
	line-height: 16px;
}

.table.table_type1 td .list_display_set:after {
	display: table;
	clear: both;
	content: '';
}

.table.table_type1 td .list_display_set > li {
	float: left;
}

.table.table_type1 td .list_display_set > li + li {
	margin-left: 64px;
}

.table.table_type1 td .list_display_set > li .txt {
	display: inline-block;
	margin-right: 16px;
	padding: 0;
	letter-spacing: -1px;
	line-height: 34px;
	vertical-align: top;
}

.table.table_type1 .ce_content .ce_toolbar {
	margin: 0 0 20px;
}

.table.table_type1 .ce_content .ce_toolbar .toolbar_inner.fixed {
	width: 565px;
}

.table.table_type1 .ce_content .editor_section .material.type_editor {
	padding: 0;
}

.table.table_type1 .ce_content .editor_section .material + .material {
	margin-top: 20px;
}

.table.table_type1 .ce_content .it.stretch {
	width: 100% !important;
}

.table.table_type1.bordered {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.table.table_type1 .ment_area {
	overflow: hidden;
	overflow-y: auto;
	width: 565px;
	height: 130px;
	padding: 8px 9px;
	border: 1px solid #cbcbcb;
	line-height: 21px;
	color: #333;
}

.table.table_type1.op1 {
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
}

.table.table_type1.op1 th {
	color: #010101;
	font-weight: 700;
}

.table.table_type1.op1 th,
.table.table_type1.op1 td {
	height: 49px;
	padding-top: 7px;
	padding-bottom: 8px;
	border-top: 0;
}

.table.table_type1.op1 .clear_space th,
.table.table_type1.op1 .clear_space td {
	height: 24px;
	padding: 0;
}

.table.table_type1.op1 tfoot.clear_space th,
.table.table_type1.op1 tfoot.clear_space td {
	height: 22px;
}

.table.table_type2 {
	border-top: 1px solid #010101;
	border-bottom: 1px solid #b3b3b3;
	letter-spacing: -1px;
}

.table.table_type2 thead th {
	height: 50px;
	padding: 14px 0;
	background: #fdfdfd;
	color: #333;
	font-weight: normal;
	text-align: center;
}

.table.table_type2 thead th .ick {
	top: 1px;
}

.table.table_type2 thead th .ick.type2 {
	top: -1px;
}

.table.table_type2 thead th.active {
	color: #00c73c;
	font-weight: 700;
}

.table.table_type2 tbody .label_td,
.table.table_type2 tfoot .label_td {
	margin: -2px 0 0 6px;
	vertical-align: middle;
}

.table.table_type2 tbody .ic_open .title a,
.table.table_type2 tfoot .ic_open .title a {
	padding-right: 45px;
}

.table.table_type2 tbody .ic_new .title a,
.table.table_type2 tfoot .ic_new .title a {
	padding-right: 41px;
}

.table.table_type2 tbody .label_td.open,
.table.table_type2 tfoot .label_td.open {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

.table.table_type2 tbody tr.th_vt th,
.table.table_type2 tfoot tr.th_vt th {
	padding-top: 12px;
	vertical-align: top;
}

.table.table_type2 tbody th,
.table.table_type2 tbody td,
.table.table_type2 tfoot th,
.table.table_type2 tfoot td {
	border-top: 1px solid #e8e8e8;
	text-align: center;
}

.table.table_type2 tbody th.title,
.table.table_type2 tbody td.title,
.table.table_type2 tfoot th.title,
.table.table_type2 tfoot td.title {
	text-align: left;
}

.table.table_type2 tbody th,
.table.table_type2 tfoot th {
	height: 50px;
	padding: 14px 0;
}

.table.table_type2 tbody td,
.table.table_type2 tfoot td {
	height: 67px;
	padding: 8px;
	border-top: 1px solid #ebebeb;
	font-size: 14px;
	line-height: 160%;
}

.table.table_type2 tbody td .text_ellipsis,
.table.table_type2 tfoot td .text_ellipsis {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	padding: 0 10px;
}

.table.table_type2 tbody td.disabled .watch .checkbox,
.table.table_type2 tfoot td.disabled .watch .checkbox {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -319px -507px;
	background-repeat: no-repeat;
	width: 20px;
	height: 14px;
}

.table.table_type2 tbody .title,
.table.table_type2 tfoot .title {
	padding-right: 5px;
}

.table.table_type2 tbody .title p,
.table.table_type2 tfoot .title p {
	margin: 0;
}

.table.table_type2 tbody .title a,
.table.table_type2 tfoot .title a {
	position: relative;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: middle;
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.table.table_type2 tbody .title a .ico_clip3,
.table.table_type2 tfoot .title a .ico_clip3 {
	top: -1px;
	margin-right: 7px;
}

.table.table_type2 tbody .title .profile_el2 .thum + a,
.table.table_type2 tfoot .title .profile_el2 .thum + a {
	display: inline !important;
}

.table.table_type2 tbody .nickname,
.table.table_type2 tbody .email,
.table.table_type2 tfoot .nickname,
.table.table_type2 tfoot .email {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

.table.table_type2 tbody .corp,
.table.table_type2 tfoot .corp {
	padding: 14px 5px 15px;
	line-height: 18px;
	text-align: left;
	word-break: keep-all;
	word-wrap: break-word;
}

.table.table_type2 tbody .corp li,
.table.table_type2 tfoot .corp li {
	display: inline-block;
	word-break: keep-all;
	word-wrap: break-word;
}

.table.table_type2 tbody .corp li:after,
.table.table_type2 tfoot .corp li:after {
	content: ",";
}

.table.table_type2 tbody .corp li.last:after,
.table.table_type2 tfoot .corp li.last:after {
	content: "";
}

.table.table_type2 tbody .corp li + li,
.table.table_type2 tfoot .corp li + li {
	margin-top: 4px;
}

.table.table_type2 tbody .day_case1,
.table.table_type2 tfoot .day_case1 {
	color: #666;
}

.table.table_type2 tbody .day_case2,
.table.table_type2 tfoot .day_case2 {
	color: #ffaf00;
}

.table.table_type2 tbody .day_case3,
.table.table_type2 tfoot .day_case3 {
	color: #ff5230;
}

.table.table_type2 tr.sub_font_color a {
	color: #999 !important;
}

.table.table_type2 .bg_gray {
	background-color: #f9f9f9;
}

.table.table_type2.light {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

.table.table_type2.light thead th {
	background: #f6f6f6;
}

.table.table_type2.camper_review thead th {
	padding: 11px 0 11px;
}

.table.table_type2.camper_review tbody td {
	height: 47px;
	padding: 8px 0;
}

.table.table_type2.camper_review tr:nth-child(2n) {
	background-color: #fdfdfd;
}

.table.table_type2.option_table {
	border-top: 1px solid #010101;
	border-bottom: 1px solid #D8D8D8;
}

.table.table_type2.option_table tbody tr:first-child th,
.table.table_type2.option_table tbody tr:first-child td {
	border-top: none;
}

.table.table_type2.option_table tbody th,
.table.table_type2.option_table tbody td {
	height: 80px;
	line-height: 15px;
	text-align: left;
}

.table.table_type2.option_table tbody th {
	padding: 30px;
	font-weight: 400;
	color: #333;
}

.table.table_type2.option_table tbody td {
	padding: 30px 16px;
}

.table.table_type2.option_table .option_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
}

.table.table_type2.option_table .ick .radio {
	top: 0;
}

.table.table_type2.option_table .ick .ph {
	line-height: 18px;
	color: #666;
}

.table.table_type2.space_table thead th.align_left,
.table.table_type2.space_table thead td.align_left {
	text-align: left;
}

.table.table_type2.space_table thead th {
	height: 51px;
	line-height: 18px;
}

.table.table_type2.space_table thead th:first-child {
	padding: 14px 16px 14px 30px;
}

.table.table_type2.space_table thead .ick .checkbox.checked::after {
	background-position: -408px -744px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.table.table_type2.space_table thead .ick .checkbox.type_all_checked::after {
	background-position: -200px -744px;
	background-repeat: no-repeat;
	width: 18px;
	height: 19px;
}

.table.table_type2.space_table tbody th,
.table.table_type2.space_table tbody td {
	height: 50px;
	padding: 16px 0;
	line-height: 18px;
}

.table.table_type2.space_table tbody th.align_left,
.table.table_type2.space_table tbody td.align_left {
	text-align: left;
}

.table.table_type2.space_table tbody td {
	height: 51px;
	padding: 0;
}

.table.table_type2.space_table tbody td:first-child {
	padding: 16px 16px 15px 30px;
}

.table.table_type2.space_table .ick .checkbox {
	height: 19px;
	background-color: #fff;
}

.table.table_type2.space_table .ick .checkbox::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	background-position: -460px -744px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.table.table_type2.space_table .ick .checkbox.checked::after {
	top: 0;
	background-position: -200px -744px;
	background-repeat: no-repeat;
	width: 18px;
	height: 19px;
}

.table.table_type2.space_table .c_use {
	color: #1E73E8;
}

.table.table_type3 {
	border: 1px solid #C2C2C2;
	border-width: 1px 0;
}

.table.table_type3 th,
.table.table_type3 td {
	padding: 11px 0 8px;
	color: #848484;
	text-align: center;
}

.table.table_type3 th {
	background: #EFEFEF;
}

.table.table_type3 tr + tr th {
	background: #EFEFEF url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_table_line.gif) no-repeat 50% 0;
}

.table.table_type3 tr + tr td {
	border-top: 1px solid #EFEFEF;
}

.table.table_type3 td strong {
	color: #ffae00;
}

.table.table_type3 td span {
	color: #ffae00;
}

.table.table_type4 {
	border: 1px solid #C2C2C2;
}

.table.table_type4 th,
.table.table_type4 td {
	padding: 11px 0 8px;
	border: 1px solid #C2C2C2;
	color: #333;
	text-align: center;
}

.table.table_type4 th {
	background: #EFEFEF;
}

.table.table_type4 th strong {
	font-size: 16px;
}

.table.table_type4 td {
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	line-height: normal;
}

.table.table_type4 td strong {
	font-size: 36px;
	font-weight: normal;
}

.table.table_type4 td span {
	color: #999;
	font-size: 16px;
}

.table.table_type4 .h50 {
	height: 50px;
}

.table.table_type4 .h110 {
	height: 110px;
}

.table.table_type5 {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

.table.table_type5 th,
.table.table_type5 td {
	padding: 0 17px 14px;
	text-align: left;
}

.table.table_type5 th {
	font-size: 12px;
	background-color: #f9f9f9;
	color: #333;
}

.table.table_type5 tr:first-child th,
.table.table_type5 tr:first-child td {
	padding-top: 17px;
}

.table.table_type5 .date {
	display: inline-block;
	vertical-align: middle;
}

.table.type_inner th,
.table.type_inner td {
	border-left: 1px solid #FFF;
	color: #666;
}

.table.type_inner th:first-child,
.table.type_inner td:first-child {
	border-left: none;
}

.table.type_inner th {
	padding: 0 !important;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: -1px;
	text-align: center;
	background-color: #F7F7F7;
}

.table.type_inner td {
	padding: 5px 20px 10px;
	height: auto;
	border-top: none;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	letter-spacing: -1px;
}

.table.type_inner tr:first-child td {
	padding-top: 15px;
}

.table.stretch {
	width: 100%;
}

.table.fixed {
	table-layout: fixed;
}

.table.contain_non_fluid {
	table-layout: auto;
}

.table.contain_non_fluid th,
.table.contain_non_fluid td {
	width: auto;
	white-space: nowrap;
}

.table.contain_non_fluid .non_fluid {
	width: 100%;
}

.table .col_sort {
	display: inline-block;
	cursor: pointer;
}

.table .col_sort:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -270px -868px;
	background-repeat: no-repeat;
	width: 7px;
	height: 11px;
	margin-left: 6px;
}

.table .col_sort.up:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -281px -868px;
	background-repeat: no-repeat;
	width: 7px;
	height: 11px;
}

.table .col_sort.dn:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -303px -868px;
	background-repeat: no-repeat;
	width: 7px;
	height: 11px;
}

.table .col_sort.type2.up:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -495px -256px;
	background-repeat: no-repeat;
	width: 7px;
	height: 4px;
	height: 6px;
}

.table .col_sort.type2.dn:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -539px -256px;
	background-repeat: no-repeat;
	width: 7px;
	height: 4px;
	height: 6px;
}

.table .active .col_sort.type2.up:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -528px -256px;
	background-repeat: no-repeat;
	width: 7px;
	height: 4px;
	height: 6px;
}

.table .active .col_sort.type2.dn:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -484px -256px;
	background-repeat: no-repeat;
	width: 7px;
	height: 4px;
	height: 6px;
}

.table .class_close_box {
	font-size: 0;
}

.table .class_close_box a {
	display: inline-block;
	font-size: 14px;
	color: #0066DC;
	line-height: 160%;
	text-decoration: underline;
	vertical-align: top;
}

.table .class_close_box a + a {
	margin-left: 4px;
}

.table .result_area {
	height: auto !important;
	padding: 21px 45px 19px !important;
	background-color: #fdfdfd;
}

.table .result_area p {
	margin: 4px 0;
	padding: 0;
}

.table .result_area .bar {
	position: relative;
	bottom: 2px;
	margin: 0 8px 0 4px;
	font-size: 10px;
	color: #cfcfcf;
}

.table .inquiry_area {
	padding: 20px !important;
	background-color: #fdfdfd;
}

.table .inquiry_area p {
	padding: 0;
}

.table .inquiry_area .user_info {
	display: inline-block;
	margin-bottom: 20px;
}

.table .inquiry_area .user_info .thumb {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -73px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	position: relative;
	text-indent: 0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	vertical-align: middle;
}

.table .inquiry_area .user_info .username,
.table .inquiry_area .user_info .time,
.table .inquiry_area .user_info a,
.table .inquiry_area .user_info button {
	display: inline-block;
	margin-top: 0;
	vertical-align: middle;
}

.table .inquiry_area .user_info .username {
	color: #010101;
	font-size: 12px;
	text-decoration: none;
}

.table .inquiry_area .user_info .username strong {
	color: #01b4f0;
}

.table .inquiry_area .user_info .time {
	margin-left: 6px;
	font-size: 12px;
	color: #999;
}

.table .inquiry_area .user_info .time + .re_del:before {
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 6px 6px 0 6px;
	background-color: #e9ebec;
	vertical-align: top;
	content: '';
}

.table .inquiry_area .user_info a,
.table .inquiry_area .user_info button {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #999;
}

.table .inquiry_area .user_info .re_del {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
}

.table .inquiry_area .user_info .re_del a {
	font-size: 12px;
	text-decoration: none;
}

.table .inquiry_area .select_info {
	margin-bottom: 20px;
	font-size: 14px;
	color: #666;
	line-height: 16px;
}

.table .inquiry_area .select_info .sel_group {
	display: inline-block;
	vertical-align: top;
}

.table .inquiry_area .select_info .sel_group em {
	padding-left: 8px;
}

.table .inquiry_area .select_info .sel_group + .sel_group:before {
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 3px 13px 0 13px;
	background-color: #e9ebec;
	vertical-align: top;
	content: '';
}

.table .inquiry_area .link_area {
	display: inline-block;
	margin-top: 12px;
}

.table .inquiry_area .link_area span {
	display: inline-block;
	vertical-align: middle;
}

.table .inquiry_area .link_area .ico_file_def {
	margin-right: 6px;
}

.table .inquiry_area .link_area .title {
	color: #333;
	font-size: 12px;
}

.table .inquiry_area .link_area .file_download {
	padding: 4px 10px 4px 11px;
	margin-left: 9px;
	border: 1px solid #E0E0E0;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	font-size: 12px;
	line-height: normal;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	letter-spacing: -0.5px;
	color: #999;
}

.table .inquiry_area .link_area .file_download:before {
	display: inline-block;
	margin: -2px 6px 0 0;
	vertical-align: middle;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -258px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.table .inquiry_area .cont_file {
	margin-top: 15px;
}

.table .inquiry_area .cont_file .link_box {
	display: block;
}

.table .inquiry_area .cont_file .link_box .inner {
	display: inline-block;
	height: 32px;
	padding: 0 16px;
	-webkit-border-radius: 16px;
	        border-radius: 16px;
	background-color: #f1f1f1;
	text-decoration: none;
	line-height: 32px;
}

.table .inquiry_area .cont_file .link_box .inner a {
	text-decoration: none;
	line-height: 32px;
}

.table .inquiry_area .cont_file .link_box .inner .btn_del {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -226px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	margin: 10px 0 0 16px;
	vertical-align: top;
}

.table .inquiry_area .cont_file .link_box + .link_box {
	margin-top: 8px;
}

.table .inquiry_area .btn_area {
	position: relative;
	padding-top: 20px;
	text-align: right;
}

.table .inquiry_area .btn_area .btn + .btn {
	margin-left: 4px;
}

.table .inquiry_area .btn_area .radio_area {
	position: absolute;
	left: 0;
	top: 27px;
}

.table .inquiry_area h2.tit {
	margin: 34px 0 14px 0;
	color: #00c73c;
}

.table .inquiry_area .label_btn_box {
	position: relative;
	padding: 16px;
	border: 1px solid #d1d1d1;
	background-color: #fff;
	border-width: 0 1px 1px;
	line-height: 0;
}

.table .inquiry_area .label_btn_box .pic_label {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -439px -527px;
	background-repeat: no-repeat;
	width: 19px;
	height: 17px;
	cursor: pointer;
	vertical-align: top;
}

.table .inquiry_area .label_btn_box .file_label {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -462px -527px;
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	margin-left: 13px;
	cursor: pointer;
	vertical-align: top;
}

.table .inquiry_area .label_btn_box .cont_file {
	margin: 0;
	padding-bottom: 16px;
}

.table .inquiry_area .answer_area + .answer_area {
	margin-top: 40px;
}

.table .inquiry_area .category_sel {
	margin-bottom: 20px;
}

.table .inquiry_area .category_sel li {
	margin-top: 8px;
	line-height: 16px;
}

.table .inquiry_area .category_sel li:first-child {
	margin-top: 0;
}

.table .inquiry_area .category_sel .sjt {
	font-weight: 600;
	line-height: 16px;
}

.table .inquiry_area .category_sel .version {
	padding-left: 8px;
}

.table.table_reset {
	width: 100%;
	table-layout: fixed;
}

.table.table_reset tbody td {
	border-top: 0;
	padding: 0;
	height: auto;
	line-height: 34px;
}

.table.selectable > tbody > tr:hover {
	background-color: #F7F7F7;
	cursor: pointer;
}

.table.selectable > tbody > tr.noselection:hover {
	background: none;
	cursor: default;
}

.table td.corp_area {
	padding-top: 0;
}

.table .corp_list:before, .table .corp_list:after {
	display: table;
	clear: both;
	content: ' ';
}

.table .corp_list > li {
	float: left;
	width: 25%;
	margin-top: 18px;
}

.table .corp_list .ph {
	word-break: keep-all;
}

.table.charge_lecture_table {
	letter-spacing: -0.5px;
}

.table.charge_lecture_table tbody td {
	padding: 18px 10px;
	line-height: 16px;
}

.table.charge_lecture_table .cell_center {
	text-align: center;
}

.table.charge_lecture_table .cell_left {
	text-align: left;
}

.table.charge_lecture_table .cell_right {
	text-align: right;
}

.month_btn_box {
	display: inline-block;
	margin-left: 8px;
	font-size: 0;
	vertical-align: middle;
}

.month_btn_box a {
	display: inline-block;
	height: 34px;
	padding: 0 12px;
	margin-left: 4px;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	font-size: 14px;
	color: #333;
	line-height: 32px;
	text-decoration: none;
}

.month_btn_box a.on {
	border-color: #333;
	color: #010101;
}

.month_btn_box a:first-child {
	margin-left: 0;
}

.month_btn_box + .table_cell_box {
	padding-left: 35px;
}

.table_cell_box {
	display: inline-block;
}

.calculate_box {
	overflow: hidden;
	margin: 30px 0;
	border: 1px solid #d1d1d1;
	background-color: #fff;
}

.calculate_box li {
	float: left;
	width: 25%;
	border-left: 1px solid #d1d1d1;
}

.calculate_box li:first-child {
	border-left: 0;
}

.calculate_box .box_inner {
	padding: 14px 20px 17px;
}

.calculate_box .sjt {
	letter-spacing: -0.5px;
	line-height: 16px;
}

.calculate_box .cnt {
	display: block;
	margin-top: 7px;
	font-size: 32px;
	font-weight: 600;
	color: #333;
	letter-spacing: 0;
	line-height: 32px;
}

.table.satisfaction_table {
	border-top: 1px solid #010101;
	border-bottom: 1px solid #b3b3b3;
	letter-spacing: -1px;
}

.table.satisfaction_table thead th {
	line-height: 16px;
	padding: 17px 0 18px;
	background-color: #fdfdfd;
	font-weight: normal;
	text-align: center;
}

.table.satisfaction_table thead .cnt_group {
	padding-bottom: 0;
}

.table.satisfaction_table thead .cnt {
	padding-top: 8px;
}

.table.satisfaction_table thead .total th {
	padding: 18px 0;
	border-top: 1px solid #ebebeb;
	background-color: #fff;
	font-weight: 600;
}

.table.satisfaction_table tbody td {
	padding: 18px 0;
	border-top: 1px solid #ebebeb;
	color: #666;
	line-height: 16px;
	text-align: center;
}

.table.satisfaction_table tbody td:first-child {
	text-align: left;
	padding: 18px 20px;
}

.table.satisfaction_table tbody tr:first-child td {
	border-top-color: #b3b3b3;
}

.table.satisfaction_table tbody td:first-child {
	text-align: left;
}

.whaleclass .table.table_type2 thead th.active {
	color: #1E73E8;
}

.paginate {
	height: 30px;
	margin: 40px auto 0;
	text-align: center;
}

.paginate .inner {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.paginate .inner:before, .paginate .inner:after {
	display: table;
	clear: both;
	content: ' ';
}

.paginate a {
	display: block;
	overflow: hidden;
	position: relative;
	height: 40px;
	font-size: 14px;
	text-decoration: none;
	vertical-align: top;
}

.paginate .pre.disabled,
.paginate .next.disabled {
	visibility: hidden;
}

.paginate .pre,
.paginate .next {
	float: left;
	position: relative;
}

.paginate .pre {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -468px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.paginate .next {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -532px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.paginate .page_list {
	margin: 0 10px;
	float: left;
}

.paginate .page_list li {
	float: left;
	margin-left: 4px;
}

.paginate .page_list li:first-child {
	margin-left: 0;
}

.paginate .page_list a {
	display: block;
	width: 30px;
	height: 28px;
	line-height: 28px;
	color: #999;
	text-align: center;
	vertical-align: top;
}

.paginate .page_list .selected, .paginate .page_list a:hover {
	border: 1px solid transparent;
	color: #333;
	line-height: 26px;
	cursor: default;
	text-decoration: underline;
	font-weight: 700;
}

.paginate .page_list .selected {
	margin: 0 -1px;
}

.paginate .page_list a:hover {
	cursor: pointer;
}

.paginate.type2 a {
	color: #999;
	font-size: 16px;
}

.paginate.type2 .pre:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -557px;
	background-repeat: no-repeat;
	width: 8px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -4px;
}

.paginate.type2 .next:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -505px;
	background-repeat: no-repeat;
	width: 8px;
	height: 16px;
	top: 50%;
	right: 50%;
	margin: -8px -5px 0 0;
}

.paginate.type2 .pre, .paginate.type2 .next {
	overflow: hidden;
	width: 30px;
	line-height: 1000px;
}

.paginate.type2 .page_list {
	margin: 0 13px;
}

.paginate.type2 .page_list a {
	font-family: '나눔고딕',NanumGothic;
	font-weight: normal;
}

.paginate.type2 .page_list .selected, .paginate.type2 .page_list a:hover {
	border: 0;
	color: #333;
	font-weight: 700;
	text-decoration: underline;
}

.paginate2 {
	position: relative;
	border-top: 1px solid #e8e8e8;
	overflow: hidden;
}

.paginate2 + .group_lr {
	border-top: 1px solid #e8e8e8;
	padding-top: 20px;
	margin-top: -1px !important;
}

.paginate2 .pagin {
	width: 50%;
	padding-top: 15px;
	height: 55px;
}

.paginate2 .pagin.l {
	float: left;
}

.paginate2 .pagin.r {
	float: right;
	text-align: right;
}

.paginate2 a {
	display: inline-block;
	overflow: hidden;
	max-width: 275px;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	position: relative;
	color: #010101;
	text-decoration: none;
	vertical-align: top;
	line-height: 24px;
	border-bottom: 4px solid transparent;
}

.paginate2 a:after {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -8px;
}

.paginate2 .btn_prve {
	padding-left: 20px;
}

.paginate2 .btn_prve:after {
	left: 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -98px;
	background-repeat: no-repeat;
	width: 10px;
	height: 17px;
}

.paginate2 .btn_next {
	padding-right: 20px;
}

.paginate2 .btn_next:after {
	right: 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -77px;
	background-repeat: no-repeat;
	width: 10px;
	height: 17px;
}

.paginate2 .disabled {
	color: #999;
	font-weight: normal;
	cursor: default;
}

.paginate2 .disabled:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.paginate2 .on {
	border-bottom-color: #28de73;
}

.paginate3 {
	padding-top: 20px;
	border-top: 1px solid #333;
}

.label {
	display: inline-block;
	overflow: hidden;
	position: relative;
	padding: 1px 6px 1px 5px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background: #00c73c;
	font-size: 11px;
	line-height: normal !important;
	color: #FFF;
	letter-spacing: -1px;
	vertical-align: middle;
	font-weight: normal;
}

.label.gray {
	background: #999;
}

.label.red {
	background: #fe522c;
}

.label.gray_small {
	height: 14px;
	padding: 1px 4px 1px 3px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	color: #999;
	line-height: normal !important;
	background: #ededed;
}

.label.gray_border {
	padding: 1px 5px 1px 4px;
	border: 1px solid #ccc;
	color: #999;
	background: #fff;
}

h1.page_title .label {
	position: relative;
	top: 5px;
	vertical-align: top;
}

.ic_ad {
	position: relative;
	padding: 0 6px;
	display: inline-block;
	height: 16px;
	font-size: 11px;
	color: #999;
	border: 1px solid #CCC;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	line-height: 16px;
	letter-spacing: -1px;
	vertical-align: top;
	/* &:before{
         display: inline-block;
         position: absolute;
         top: 0;
         left: 0;
         width: 50%;
         min-width: 8px;
         height: 17px;
         background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sp_bg_badge.png) repeat-x 0 -20px;
         z-index: 1;
         content: '';
     }

     &:after{
         display: inline-block;
         position: absolute;
         top: 0;
         right: 0;
         width: 50%;
         min-width: 8px;
         height: 17px;
         background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sp_bg_badge.png) repeat-x 100% -20px;
         z-index: 1;
         content: '';
     }*/
}

.label_td {
	display: inline-block;
	overflow: hidden;
	position: relative;
	height: 15px;
	padding: 0 5px;
	-webkit-border-radius: 1px;
	        border-radius: 1px;
	background: #00c73c;
	font-size: 9px;
	font-family: tahoma, sans-serif;
	line-height: 15px;
	color: #FFF;
}

.progress {
	overflow: hidden;
	height: 6px;
	margin-bottom: 0;
	-webkit-border-radius: 0;
	        border-radius: 0;
	border: 0;
	background: #ecf0f1;
}

.progress .progress_bar {
	height: 6px;
	background: #2bde73 url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_progress_myhome.png);
	overflow: hidden;
}

.circle_progress_wrap {
	position: relative;
	width: 82px;
	min-height: 102px;
	margin-top: -5px;
	text-align: center;
}

.circle_progress_wrap svg {
	display: block;
	stroke-linecap: round;
}

.circle_progress_wrap .num {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -3px;
	width: 100%;
	height: 82px;
	line-height: 82px;
	font-family: Helvetica, sans-serif;
	font-size: 0;
	text-indent: 5px;
	color: #bdc3c7;
}

.circle_progress_wrap .val {
	font-size: 16px;
	color: #828c96;
	vertical-align: middle;
}

.circle_progress_wrap .slash {
	display: inline;
	margin: 0 0px;
	font-family: "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 42px;
	color: #bdc3c7;
	text-indent: 5px;
}

.circle_progress_wrap .total {
	font-size: 16px;
	vertical-align: middle;
}

.nav_tab {
	position: relative;
	top: 1px;
	border-bottom: 1px solid #d8d8d8;
}

.nav_tab:before, .nav_tab:after {
	display: table;
	clear: both;
	content: ' ';
}

.nav_tab li {
	display: inline-block;
	float: left;
	position: relative;
	margin-right: -1px;
	border: 1px solid #d8d8d8;
	border-bottom: 0;
	z-index: 10;
}

.nav_tab li a {
	display: inline-block;
	overflow: hidden;
	height: 48px;
	padding: 0 40px;
	background: #fdfdfd;
	font-size: 16px;
	line-height: 50px;
	letter-spacing: -1px;
	vertical-align: top;
}

.nav_tab li a:hover, .nav_tab li a:focus {
	text-decoration: none !important;
}

.nav_tab li.active {
	z-index: 20;
}

.nav_tab li.active:after {
	position: absolute;
	left: 0;
	bottom: -1px;
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
}

.nav_tab li.active a {
	border-bottom: 1px #fff !important;
	background: #fff;
	font-weight: 700;
	color: #333;
}

.nav_tab2 {
	position: relative;
	margin-bottom: 40px;
	border-bottom: 1px solid #e6e6e6;
}

.nav_tab2:before, .nav_tab2:after {
	display: table;
	clear: both;
	content: ' ';
}

.nav_tab2 li {
	display: inline-block;
	float: left;
	position: relative;
	min-width: 156px;
	height: 54px;
	padding: 0 15px;
	line-height: 53px;
	text-align: center;
	border: 1px solid #e6e6e6;
	border-bottom: 0;
	background: #fcfcfc;
	margin-right: -1px;
}

.nav_tab2 li a {
	display: block;
	font-weight: 700;
	text-decoration: none;
	color: #666;
}

.nav_tab2 li.active, .nav_tab2 li.single {
	background: #fff;
}

.nav_tab2 li.active a, .nav_tab2 li.single a {
	color: #333;
	cursor: default;
}

.nav_tab2 li.active:after, .nav_tab2 li.single:after {
	position: absolute;
	left: 0;
	bottom: -1px;
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
}

.group_lr {
	position: relative;
	margin-top: 40px;
}

.group_lr:before, .group_lr:after {
	display: table;
	clear: both;
	content: ' ';
}

.group_lr .group_l {
	float: left;
}

.group_lr .group_l > .btn {
	margin-right: 4px;
}

.group_lr .group_r {
	float: right;
}

.group_lr .group_r > .btn {
	margin-left: 4px;
}

.group_lr .group_r.submit_num {
	font-size: 14px;
	color: #999;
	letter-spacing: -0.5px;
	line-height: 34px;
}

.group_lr .group_r.submit_num em {
	font-weight: bold;
	color: #333;
}

.group_lr .group_r .txt_desc3 {
	padding: 5px 0 0;
	color: #333;
}

.group_lr .group_r .txt_desc3 .dsc {
	color: #676767;
}

.group_lr .group_r .txt_desc3 em {
	font-weight: 700;
}

.group_lr .group_r .txt_desc3 .bar {
	height: 13px;
}

.group_lr h2.tit {
	margin: 0;
}

.group_lr .txt_desc {
	margin-top: 4px;
	vertical-align: middle;
}

.group_lr .txt_desc:before {
	top: 3px;
}

.group_lr .txt_desc4 {
	color: #666;
}

.group_lr .txt_desc4 .dsc {
	color: #676767;
}

.group_lr .txt_desc4 em {
	font-weight: 700;
}

.group_lr .txt_desc4 .bar {
	height: 13px;
}

.flex_group_lr {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.flex_group_lr .flex_group_l {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.flex_group_lr .flex_group_r {
	text-align: right;
}

.flex_group_lr .flex_group_r .txt_desc4 {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: 26px;
}

.flex_group_lr .flex_group_r .txt_desc4 .dsc {
	color: #676767;
}

.flex_group_lr .flex_group_r .txt_desc4 em {
	font-weight: 700;
}

.flex_group_lr .flex_group_r .txt_desc4 .bar {
	height: 13px;
}

.flex_group_lr .flex_group_r:only-child {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}

.nav_text li {
	display: inline-block;
}

.nav_text li a, .nav_text li button {
	display: inline-block;
	margin: 0;
	padding: 7px 6px 1px;
	border: 0;
	font-size: 12px;
	color: #010101;
	vertical-align: top;
}

.nav_text li button:hover, .nav_text li a:hover {
	text-decoration: underline;
}

.nav_text li button.on:hover, .nav_text li a.on:hover {
	text-decoration: none;
}

.nav_text li button.on, .nav_text li a.on {
	font-weight: 700;
}

.nav_text li .btn.btn_type9.r_rcom {
	margin-top: 1px;
	margin-left: 7px;
	border: 1px solid #d1d1d1;
	font-weight: normal;
}

.nav_text li a.tit:before, .nav_text li button.tit:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -751px -467px;
	background-repeat: no-repeat;
	width: 9px;
	height: 6px;
	top: -2px;
	margin-right: 8px;
}

#u_skip {
	z-index: 2147483647;
	overflow: hidden;
	position: relative;
}

#u_skip a, #u_skip span {
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sp_u_skip.png);
}

#u_skip a {
	position: absolute;
	top: -34px;
	left: 35px;
	width: 175px;
	padding-right: 17px;
	padding-left: 12px;
	border: 1px solid #000;
	background-repeat: repeat-x;
	background-position: 0 -11px;
	outline: none;
}

#u_skip a:active, #u_skip a:focus {
	top: 13px;
	text-decoration: none;
	cursor: pointer;
	zoom: 1;
}

#u_skip span {
	display: block;
	padding-top: 2px;
	background-repeat: no-repeat;
	background-position: 100% 13px;
	font-size: 12px;
	font-weight: 700;
	line-height: 30px;
	color: #fff;
}

a.file_download {
	display: inline-block;
	overflow: hidden;
	padding: 4px 10px 4px 11px;
	border: 1px solid #E0E0E0;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	font-size: 12px;
	line-height: normal !important;
	letter-spacing: -0.5px;
	vertical-align: top;
	color: #999;
}

a.file_download:before {
	margin: -2px 6px 0 0;
	vertical-align: middle;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -258px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

a.file_download:hover, a.file_download:focus {
	text-decoration: none;
}

.rel_link {
	font-size: 12px;
	color: #010101;
}

.rel_link:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -764px -787px;
	background-repeat: no-repeat;
	width: 5px;
	height: 9px;
	margin-left: 5px;
}

.rel_link2 {
	font-size: 12px;
	color: #00c73c;
	text-decoration: underline;
}

.rel_link2:hover {
	color: #ffcd00;
}

.rel_link2:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -894px -207px;
	background-repeat: no-repeat;
	width: 3px;
	height: 5px;
	position: relative;
	top: -2px;
	margin-left: 2px;
}

.rel_link3 {
	font-size: 12px;
	color: #333;
	text-decoration: underline;
}

.rel_link3:hover {
	color: #333;
}

.rel_link3:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -894px -198px;
	background-repeat: no-repeat;
	width: 3px;
	height: 5px;
	position: relative;
	top: -2px;
	margin-left: 2px;
}

.link_file {
	display: inline-block;
	font-size: 11px;
	color: #a9a9a9;
}

.link_file .ico_clip, .link_file .ico_clip2 {
	margin: -1px 5px 0 0;
}

.link_file .title {
	color: #498dce;
	text-decoration: underline;
}

.link_file .file_size {
	margin-left: 5px;
}

.link_file:hover {
	color: #a9a9a9;
	text-decoration: none;
}

.link_file2 {
	display: inline-block;
	color: #333;
	font-weight: 700;
}

.link_file2 .ico_s_file {
	margin-right: 10px;
	vertical-align: middle;
}

.link_file2 .title {
	margin-right: 13px;
}

.txt_desc {
	overflow: hidden;
	position: relative;
	display: inline-block;
	padding: 0 0 0 17px;
	font-size: 12px;
	color: #999;
	letter-spacing: -1px;
}

.txt_desc:before {
	position: absolute;
	left: 0;
	top: 4px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -290px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.txt_desc.no_ico {
	padding: 0;
	margin-top: 0;
}

.txt_desc.no_ico:before {
	display: none;
}

.txt_desc.right {
	float: left;
}

p.txt_desc {
	display: block;
	line-height: 20px;
}

p.txt_desc a {
	color: #333;
	text-decoration: underline;
}

.txt_desc2 {
	font-size: 12px;
	color: #999;
}

.txt_desc2:before {
	position: relative;
	top: -1px;
	left: -2px;
	display: inline-block;
	width: 2px;
	height: 1px;
	margin-right: 2px;
	vertical-align: middle;
	background-color: #999;
	content: '';
}

.txt_help {
	overflow: hidden;
	position: relative;
	padding: 0 0 0 20px;
}

.txt_help:before {
	position: absolute;
	left: 0;
	top: 7px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -322px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.text_code {
	font-size: 16px;
	font-weight: 700;
	color: #00c73c;
	vertical-align: middle;
}

.bubb {
	z-index: 100;
	display: inline-block;
	position: absolute;
	padding: 9px 11px 6px;
	border: 1px solid #d1d1d1;
	background: #fdfdfd;
	font-size: 12px;
	color: #333;
	text-align: left;
}

.bubb .ico_clse {
	position: absolute;
	right: 4px;
	top: 4px;
}

.bubb p {
	margin: 0;
	word-break: break-all;
	white-space: nowrap;
}

.bubb.top .arrow {
	position: absolute;
	top: -8px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -375px -704px;
	background-repeat: no-repeat;
	width: 10px;
	height: 8px;
}

.bubb.down .arrow {
	position: absolute;
	bottom: -8px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -758px -527px;
	background-repeat: no-repeat;
	width: 10px;
	height: 8px;
}

.bubb.type2 {
	padding: 11px 15px 9px;
}

.bubb.type2 .txt_lnk {
	color: #999;
	text-decoration: underline;
}

.bubb.type3 {
	min-width: 207px;
	padding: 16px 21px 17px;
	background-color: #fff;
	font-size: 14px;
	line-height: 20px;
	color: #666;
}

.bubb.type3:before {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -451px -507px;
	background-repeat: no-repeat;
	width: 19px;
	height: 11px;
	position: absolute;
	bottom: -11px;
	right: 33px;
}

.bubb.type3 .ico_clse {
	right: 3px;
	top: 3px;
}

.bubb.type3 strong {
	display: block;
	font-weight: 700;
	color: #010101;
}

.bubb.type3 p a {
	color: #010101;
	border-bottom: 2px solid #28de73;
	text-decoration: none !important;
}

.none {
	padding: 35px 0 33px;
	text-align: center;
	background-color: #f9f9f9;
}

.none a {
	color: #010101;
}

.none.type2 {
	padding: 75px 0 73px;
	background: none;
	color: #999;
}

.none.type3 {
	padding: 39px 0;
}

.none.type3 .ico_closed_lec {
	position: relative;
	top: 2px;
	margin-right: 7px;
}

.none.type4, .none.nobg {
	background: none;
}

p.none {
	margin: 0;
}

.user_info {
	display: inline-block;
}

.user_info .thumb {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -73px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	position: relative;
	text-indent: 0;
	vertical-align: middle;
}

.user_info .username, .user_info .time, .user_info a, .user_info button {
	display: inline-block;
	margin-top: 0;
	vertical-align: middle;
}

.user_info .username {
	position: relative;
	top: 1px;
	color: #010101;
	font-size: 12px;
	text-decoration: none;
}

.user_info .username strong {
	color: #01b4f0;
}

.user_info .time {
	margin-left: 1px;
	font-size: 11px;
	color: #999;
}

.user_info a, .user_info button {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #999;
}

.upload_progress {
	position: relative;
	display: table;
	min-height: 150px;
	background: #f7f7f7;
	cursor: default;
	width: 100%;
}

.upload_progress .inner {
	text-align: center;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.upload_progress .inner strong {
	display: block;
	margin-bottom: 9px;
	font-weight: normal;
	color: #333;
	text-align: center;
}

.upload_progress .inner .wrap {
	position: relative;
	display: block;
	overflow: hidden;
	width: 400px;
	height: 6px;
	margin: 0 auto 5px;
	background: #A7A7A7;
	font-size: 0;
	line-height: 0;
	text-align: left;
}

.upload_progress .inner .wrap span {
	position: relative;
	display: block;
	z-index: 10;
	height: 100%;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_progress_vod.png) repeat-y;
}

.upload_progress .inner .wrap .mask {
	position: absolute;
	z-index: 20;
	width: 100%;
	background: none !important;
	border: 1px solid #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=15);
	opacity: 0.15;
}

.upload_progress .inner .check_info {
	text-align: center;
}

.upload_progress .inner .check_info:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -117px -443px;
	background-repeat: no-repeat;
	width: 64px;
	height: 80px;
	display: block;
	margin: 0 auto 16px;
	content: '';
}

.upload_progress .inner .check_info .check_sjt {
	margin: 0;
	font-size: 16px;
	color: #00c73c;
	letter-spacing: -1px;
	line-height: 24px;
}

.upload_progress .inner .check_info .check_dsc {
	margin-top: 16px;
	font-size: 14px;
	color: #666;
	letter-spacing: -1px;
	text-align: center;
}

.upload_progress.modal_progress {
	height: 161px;
	background: #FFF;
}

.upload_progress.modal_progress .wrap {
	height: 16px;
	margin: 0 40px;
}

.upload_progress + .txt_desc {
	margin-top: 4px;
}

.loading {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	height: 149px;
	background: #F7F7F7;
}

.loading > span {
	display: table-cell;
	line-height: 1;
	color: #ffae00;
	text-align: center;
	vertical-align: middle;
}

.loading > span strong {
	overflow: hidden;
	position: absolute !important;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
}

.loading > span:before {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sp_loading.png) no-repeat 0 0;
	content: '';
}

.loading > span.step1:before {
	background-position: 0 0;
}

.loading > span.step2:before {
	background-position: 0 -68px;
}

.loading > span.step3:before {
	background-position: 0 -136px;
}

.loading > span.step4:before {
	background-position: 0 -204px;
}

.loading > span.step5:before {
	background-position: 0 -272px;
}

.loading > span.step6:before {
	background-position: 0 -340px;
}

.loading > span.step7:before {
	background-position: -68px 0;
}

.loading > span.step8:before {
	background-position: -68px -68px;
}

.loading > span.step9:before {
	background-position: -68px -136px;
}

.loading > span.step10:before {
	background-position: -68px -204px;
}

.loading > span.step11:before {
	background-position: -68px -272px;
}

.loading > span.step12:before {
	background-position: -68px -340px;
}

.loading > span.step13:before {
	background-position: -136px 0;
}

.loading > span.step14:before {
	background-position: -136px -68px;
}

.loading > span.step15:before {
	background-position: -136px -136px;
}

.loading > span.step16:before {
	background-position: -136px -204px;
}

.loading > span.step17:before {
	background-position: -136px -272px;
}

.loading > span.step18:before {
	background-position: -136px -340px;
}

.loading > span.step19:before {
	background-position: -204px 0;
}

.loading > span.step20:before {
	background-position: -204px -68px;
}

.loading > span.step21:before {
	background-position: -204px -136px;
}

.loading > span.step22:before {
	background-position: -204px -204px;
}

.loading > span.step23:before {
	background-position: -204px -272px;
}

.loading > span.step24:before {
	background-position: -204px -340px;
}

.loading.type2 {
	height: 30px;
	background: transparent;
}

.loading.type2 > span:before {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/loading_s.gif) no-repeat 0 0;
	content: '';
}

.loading.fullscreen {
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.profile_el,
.profile_el2 {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	margin-top: -1px;
	line-height: 27px;
}

.profile_el .thum,
.profile_el2 .thum {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -770px;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	position: relative;
	margin: 0 9px 0 5px;
	vertical-align: top;
	text-indent: 0;
}

.profile_el2 a,
.profile_el2.dn a {
	position: relative;
	width: auto !important;
	max-width: 80%;
	padding-right: 21px !important;
}

.profile_el2 a:after,
.profile_el2.dn a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -680px -467px;
	background-repeat: no-repeat;
	width: 11px;
	height: 6px;
	display: none;
	position: absolute;
	top: 7px;
	right: 0;
}

.profile_el2 a:hover {
	color: #010101;
	text-decoration: none;
}

.profile_el2 a:hover:after {
	display: inline-block;
}

.profile_el2.dn a:after {
	display: inline-block;
}

.profile_el2 a:focus {
	text-decoration: none;
}

.profile_el2.up a {
	color: #010101;
}

.profile_el2.up a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -665px -467px;
	background-repeat: no-repeat;
	width: 11px;
	height: 6px;
}

.txt_el {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.txt_el2 {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	width: 90px;
	margin: 0 auto;
}

.card_area {
	overflow: hidden;
}

.card_area:before, .card_area:after {
	display: table;
	clear: both;
	content: ' ';
}

.card_area .card {
	float: left;
	position: relative;
	width: 300px;
	margin: 20px 20px 0 0;
	background: #fff;
}

.card_area .card a {
	position: relative;
	display: block;
	text-decoration: none;
}

.card_area .card a:hover .private {
	display: block;
}

.card_area .card .img_wrap {
	position: relative;
	overflow: hidden;
	height: 166px;
	background-color: #999;
}

.card_area .card .img_wrap:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -150px -668px;
	background-repeat: no-repeat;
	width: 46px;
	height: 45px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -23px;
	margin-left: -23px;
}

.card_area .card .img_wrap.bgnone:before {
	display: none;
}

.card_area .card .img_wrap.bgnone:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=10);
	opacity: 0.1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: block;
	border: 1px solid #000;
	content: '';
	z-index: 10;
}

.card_area .card .img_wrap .private {
	z-index: 30;
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	text-align: center;
}

.card_area .card .img_wrap .private:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -710px -180px;
	background-repeat: no-repeat;
	width: 53px;
	height: 64px;
	margin: 37px 0 4px 0;
}

.card_area .card .img_wrap .private strong {
	display: block;
	font-size: 16px;
	color: #FFF;
}

.card_area .card .img_wrap .private .bg {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=90);
	opacity: 0.9;
	z-index: -1;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.card_area .card .img_wrap img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

.card_area .card .info {
	position: relative;
	height: 132px;
	padding: 16px 19px 9px;
	border: 1px solid #e8e8e8;
	border-top: none;
}

.card_area .card .info .tit {
	overflow: hidden;
	max-height: 44px;
	margin: 0;
	font-size: 14px;
	letter-spacing: -0.5px;
	line-height: 22px;
	color: #333;
	font-weight: 700;
}

.card_area .card .info .term {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	display: block;
	height: 24px;
	margin-top: 3px;
	font-size: 12px;
	color: #999;
}

.card_area .card .info .bar {
	color: #e6e6e6;
}

.card_area .card .info .label {
	position: relative;
	top: -2px;
	left: 2px;
}

.card_area .card .ico_lecture_private {
	position: relative;
	top: 3px;
	margin: 0 0 0 4px;
	vertical-align: top;
}

.card_area .card .count_info {
	height: 30px;
	padding: 3px 20px 0;
	border: 1px solid #e8e8e8;
	border-top: none;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.card_area .card .count_info [class^=count_] {
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
}

.card_area .card .count_info [class^=count_] + [class^=count_] {
	margin-left: 20px;
}

.card_area .card .count_info [class^=count_]:before {
	display: inline-block;
	margin: 2px 5px 0 0;
	content: '';
	vertical-align: top;
}

.card_area .card .count_info .count_like:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -639px;
	background-repeat: no-repeat;
	width: 12px;
	height: 10px;
}

.card_area .card .count_info .count_observe:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -702px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 10px;
}

.card_area .card2 {
	float: left;
	position: relative;
	width: 300px;
	margin: 20px 20px 0 0;
	background: #fff;
}

.card_area .card2 a {
	position: relative;
	display: block;
	text-decoration: none;
}

.card_area .card2 a:hover .private {
	display: block;
}

.card_area .card2 .img_wrap {
	position: relative;
	overflow: hidden;
	height: 132px;
	background-color: #999;
}

.card_area .card2 .img_wrap:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -150px -668px;
	background-repeat: no-repeat;
	width: 46px;
	height: 45px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -23px;
	margin-left: -23px;
}

.card_area .card2 .img_wrap.bgnone:before {
	display: none;
}

.card_area .card2 .img_wrap.bgnone:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=10);
	opacity: 0.1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: block;
	border: 1px solid #000;
	content: '';
	z-index: 10;
}

.card_area .card2 .img_wrap .private {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 30;
	text-align: center;
}

.card_area .card2 .img_wrap .private:before {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -710px -180px;
	background-repeat: no-repeat;
	width: 53px;
	height: 64px;
	margin: 18px 0 4px;
}

.card_area .card2 .img_wrap .private strong {
	display: block;
	font-size: 16px;
	color: #FFF;
}

.card_area .card2 .img_wrap .private .bg {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=90);
	opacity: 0.9;
	z-index: -1;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.card_area .card2 .img_wrap img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

.card_area .card2 .info {
	position: relative;
	height: 134px;
	padding: 15px 19px 0;
	border: 1px solid #e8e8e8;
	border-top: none;
	line-height: 23px;
}

.card_area .card2 .info .tit {
	display: block;
	overflow: hidden;
	height: 44px;
	margin: 0 0 15px;
	font-size: 14px;
	letter-spacing: -1px;
	color: #333;
	font-weight: 700;
}

.card_area .card2 .info .from,
.card_area .card2 .info .date {
	font-size: 12px;
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.card_area .card2 .info .from {
	color: #999;
}

.card_area .card2 .info .label {
	position: relative;
	top: -2px;
	left: 2px;
}

.card_area .card2 .ico_lecture_private {
	position: relative;
	top: 3px;
	margin: 0 0 0 4px;
	vertical-align: top;
}

.lecture_list_area {
	overflow: hidden;
}

.lecture_list_area .lecture_list_title {
	overflow: hidden;
	margin-bottom: 16px;
}

.lecture_list_area .lecture_list_title .h_title {
	float: left;
	font-size: 24px;
	font-weight: 600;
	color: #010101;
	letter-spacing: -1.5px;
}

.lecture_list_area .lecture_list_title .btn_prev_next {
	float: right;
	margin-top: 9px;
}

.lecture_list_area .bx-wrapper {
	max-width: 1080px;
	margin: 0 !important;
}

.lecture_list_area .more_area {
	margin-top: 15px;
}

.lecture_list_area .lecture_list {
	overflow: hidden;
	margin: 0 -12px;
}

.lecture_list_area .lecture_list li {
	float: left;
	margin: 0 12px 26px;
}

.lecture_list_area .lecture_list_slide {
	margin: 0 -12px;
}

.lecture_list_area .lecture_list_slide:after {
	display: table;
	clear: both;
	content: '';
}

.lecture_list_area .lecture_list_slide li {
	float: left;
	margin: 0 12px 26px;
}

.lecture_list_area .srch_none {
	padding: 70px 0;
	font-size: 16px;
	text-align: center;
}

.lecture_list_area .lecture_card {
	background-color: #fff;
}

.lecture_card {
	position: relative;
	width: 252px;
	letter-spacing: -1px;
	height: 308px;
}

.lecture_card.hover .preview .private {
	display: block;
}

.lecture_card .lnk_lecture {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.lecture_card .preview {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 138px;
	background-color: #999;
}

.lecture_card .preview:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -150px -668px;
	background-repeat: no-repeat;
	width: 46px;
	height: 45px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -23px;
	margin-left: -23px;
}

.lecture_card .preview .mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.1;
	filter: alpha(opacity=10);
	-ms-filter: alpha(opacity=10);
}

.lecture_card .preview .private {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	text-align: center;
}

.lecture_card .preview .private strong {
	display: block;
	position: relative;
	font-size: 16px;
	color: #FFF;
}

.lecture_card .preview .private strong:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -710px -180px;
	background-repeat: no-repeat;
	width: 53px;
	height: 64px;
	display: block;
	margin: 24px auto 4px;
}

.lecture_card .preview .private .bg {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=90);
	opacity: 0.9;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: #434a54;
}

.lecture_card .preview img {
	position: relative;
	width: 100%;
	background-color: #fff;
	vertical-align: top;
}

.lecture_card .lecture_info {
	position: relative;
	height: 122px;
	padding: 15px 16px 14px;
}

.lecture_card .lecture_info dt {
	overflow: hidden;
	max-height: 42px;
	font-weight: bold;
	line-height: 21px;
	color: #333;
}

.lecture_card .lecture_info dd {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 14px;
	font-size: 12px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	line-height: 15px;
}

.lecture_card .lecture_info .name {
	overflow: hidden;
	height: 15px;
	margin-top: 2px;
	color: #999;
}

.lecture_card .lecture_info .name [class^=txt_] + [class^=txt_]:before {
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: 3px 8px 0 5px;
	background-color: #e5e5e5;
	vertical-align: top;
	content: '';
}

.lecture_card .lecture_info .date {
	overflow: hidden;
	height: 15px;
	padding-right: 20px;
	color: #666;
}

.lecture_card .lecture_info .date .standby:before {
	display: inline-block;
	width: 1px;
	height: 11px;
	margin: 2px 8px 0 7px;
	background-color: #dedede;
	vertical-align: top;
	content: '';
}

.lecture_card .count_info {
	height: 29px;
	padding: 3px 16px 0;
	border-top: 1px solid #e8e8e8;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.lecture_card .count_info [class^=count_] {
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
}

.lecture_card .count_info [class^=count_] + [class^=count_] {
	margin-left: 25px;
}

.lecture_card .count_info [class^=count_]:before {
	display: inline-block;
	margin: 2px 5px 0 0;
	content: '';
	vertical-align: top;
}

.lecture_card .count_info .count_like:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -639px;
	background-repeat: no-repeat;
	width: 12px;
	height: 10px;
}

.lecture_card .count_info .count_observe:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -702px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 10px;
}

.lecture_card .badge {
	display: inline-block;
	width: 60px;
	height: 16px;
	margin: 16px 16px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	background-color: #00c73c;
	line-height: 16px;
	text-align: center;
	letter-spacing: 0;
}

.lecture_card .badge + .lecture_info {
	padding-top: 1px;
	height: 97px;
}

/* full_lecture.scss */
.profile_min {
	position: absolute;
	bottom: 9px;
	left: 19px;
	display: block;
	height: 35px;
	color: #666;
	font-size: 13px;
}

.profile_min .txt_el {
	display: inline-block;
	overflow: hidden;
	max-width: 215px;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	vertical-align: middle;
	letter-spacing: -1px;
}

.profile_min .txt_el.multi {
	max-width: 200px;
}

.profile_min .txt_count {
	display: inline-block;
	margin-left: 4px;
	vertical-align: middle;
}

.profile_min .thum {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -633px -761px;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	vertical-align: middle;
}

.profile_min .thum img {
	position: absolute;
	top: 0;
	left: 0;
}

.profile_min .prof {
	margin-left: 10px;
}

.profile_min .bar {
	margin: 0 2px;
	color: #e6e6e6;
}

.full_lecture {
	position: relative;
	width: 1260px;
	margin: 0 auto;
}

.full_lecture._wrap_search {
	padding-bottom: 65px;
}

.full_lecture + .full_lecture {
	margin-top: 60px;
}

.full_lecture .btn_top {
	bottom: 0;
}

.full_lecture .course_area {
	margin: 12px 0 0;
	overflow: hidden;
}

.full_lecture .course_area:before, .full_lecture .course_area:after {
	display: table;
	clear: both;
	content: ' ';
}

.full_lecture .course_area .card_area {
	clear: both;
	margin: 0 -20px 0 0;
}

.full_lecture .course_area .course_cnt {
	font-size: 12px;
	color: #010101;
}

.full_lecture .course_area .course_cnt.type2 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -1px;
}

.full_lecture .course_area .nav_text li a,
.full_lecture .course_area .nav_text li button {
	margin-left: 8px;
	padding: 3px 0 1px;
}

.full_lecture .more_area {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	line-height: 42px;
}

.full_lecture .more_area .btn_more {
	display: inline-block;
	width: 184px;
	height: 58px;
	border: 1px solid #d8d8d8;
	color: #656565;
	font-size: 18px;
	line-height: 58px;
	text-decoration: none;
}

.full_lecture p.none {
	margin-top: 20px;
	background-color: #f7f7f7;
}

.btn_prev_next {
	font-size: 0;
}

.btn_prev_next .bx-prev,
.btn_prev_next .bx-next {
	vertical-align: top;
}

.btn_prev_next .bx-prev {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -212px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.btn_prev_next .bx-prev.disabled {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -244px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.btn_prev_next .bx-next {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -372px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	margin-left: -1px;
}

.btn_prev_next .bx-next.disabled {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -404px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.full_lecture_wrap {
	position: relative;
	width: 1080px;
	margin: 45px auto 0;
}

.sns_area {
	display: inline-block;
	position: relative;
	margin: 0;
}

.sns_area .sns_layer {
	display: none;
	position: absolute;
	top: 37px;
	left: 0;
	width: auto;
	height: 68px;
	padding: 7px 6px 0 7px;
	background-color: #fff;
	border: none;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
	text-align: center;
	z-index: 20;
}

.sns_area .sns_layer.on {
	display: block;
}

.sns_area .sns_layer.on .inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.sns_area .sns_layer.type2 {
	width: auto;
	min-width: 85px;
}

.sns_area .sns_layer .arrow {
	overflow: visible;
	display: block;
	position: absolute;
	top: -8px;
	left: 15px;
	width: 0;
	height: 0;
	margin-left: -12px;
	border-style: solid;
	border-width: 0 12px 8px 12px;
	border-color: transparent transparent #fff transparent;
	background: none;
}

.sns_area .sns_layer .arrow::after {
	display: block;
	position: absolute;
	top: 8px;
	left: -12px;
	width: 24px;
	height: 2px;
	background-color: #fff;
	content: '';
}

.sns_area .sns_layer .inner {
	height: 100%;
	white-space: nowrap;
}

.sns_area .sns_layer .inner:after {
	display: block;
	clear: both;
	content: '';
}

.sns_area .sns_layer a {
	overflow: hidden;
	display: block;
	position: relative;
	float: left;
	height: 52px;
	margin: 0;
	color: rgba(0, 0, 0, 0);
	clip: rect(0 0 0 0);
	line-height: 100px;
	text-indent: -100px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.sns_area .sns_layer a::before {
	display: block !important;
	margin: 16px 17px 0 16px;
	content: '';
}

.sns_area .sns_layer a::after {
	display: block;
	position: absolute;
	top: 22px;
	right: 0;
	width: 1px;
	height: 8px;
	background-color: rgba(0, 0, 0, 0.08);
	content: '';
}

.sns_area .sns_layer a:last-of-type::after {
	display: none;
}

.sns_area .sns_layer .ico_url::before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -691px -478px;
	background-repeat: no-repeat;
	width: 31px;
	height: 12px;
	margin: 20px 17px 0 16px;
}

.sns_area .sns_layer .ico_band::before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -693px -443px;
	background-repeat: no-repeat;
	width: 48px;
	height: 18px;
	margin-top: 17px;
}

.sns_area .sns_layer .ico_facebook::before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -598px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.sns_area .sns_layer .ico_twitter::before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -408px -668px;
	background-repeat: no-repeat;
	width: 25px;
	height: 20px;
}

.sns_area .sns_layer .ico_linkedin::before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -126px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-left: 16px;
}

.partner_spot .info_wrap .sns_area {
	z-index: 30;
	position: absolute;
	right: 38px;
	bottom: 20px;
}

.partner_spot .info_wrap .sns_area .btn {
	border: 0;
}

.partner_spot .info_wrap .sns_area .sns_layer {
	top: 36px;
	right: -38px;
	left: auto;
}

#header .lecture_sub_tool .sns_area .sns_layer {
	top: 31px;
	left: auto;
	right: -17px;
}

#header .lecture_sub_tool .sns_area .sns_layer .arrow {
	left: auto;
	right: 15px;
	margin: 0;
}

.lecture_complete .sns_area .sns_layer {
	top: 52px;
	left: 0;
	width: 320px;
	height: 68px;
	padding: 7px 0 0;
	background-color: #fff;
	border: none;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
	z-index: 20;
}

.lecture_complete .sns_area .sns_layer .arrow {
	left: 50%;
	margin-left: -12px;
}

.move_cursor {
	cursor: move;
}

.nmv-container {
	height: 100%;
}

.req {
	font-size: 12px;
	color: #FDAD2A;
}

sup.req {
	top: -2px;
}

.share {
	border-top: 1px solid #E8E8E8;
}

.score_area {
	margin: 35px 0 9px;
	text-align: right;
}

.score_area .go {
	float: left;
	color: #333;
}

.score_area .go:after {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -515px -841px;
	background-repeat: no-repeat;
	width: 15px;
	height: 13px;
	vertical-align: middle;
	margin: -1px 0 1px 9px;
}

.score_area strong {
	position: relative;
	top: 1px;
	color: #333;
}

.ico_tag {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -402px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.txt_tag {
	font-size: 12px;
	color: #999;
}

.txt_tag a {
	color: #999;
	white-space: nowrap;
}

.tag_lst {
	padding-top: 16px;
	line-height: 20px;
}

.tag_lst .ico_tag {
	float: left;
	margin: 4px 6px 0 0;
}

.tag_lst .txt_tag {
	overflow: hidden;
}

.thmb {
	position: relative;
	display: inline-block;
}

.thmb img {
	vertical-align: top;
}

.thmb.bdr:before {
	content: '';
	border: 1px solid #000;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=10);
	opacity: 0.1;
	z-index: 20;
}

.thmb .mask {
	background: #000;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 10;
}

.thmb .ico_vod {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -734px -718px;
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -17px 0 0 -17px;
	z-index: 30;
}

.hl {
	font-weight: 600;
	color: #333;
}

.bar {
	margin: -1px 6px 1px;
	display: inline-block;
	width: 1px;
	height: 11px;
	background: #ddd;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
	vertical-align: middle;
}

.box_area {
	padding: 20px;
	border: 1px solid #d1d1d1;
}

.box_area h2 {
	margin-top: 0;
}

.box_area dl {
	margin: 0;
}

.box_area dl:before, .box_area dl:after {
	display: table;
	clear: both;
	content: ' ';
}

.box_area dl dt {
	float: left;
	margin-right: 30px;
	color: #333;
}

.box_area dl dd {
	overflow: hidden;
}

.box_area.tag {
	padding: 10px 20px;
}

.box_area.tag dl dt {
	width: 115px;
	margin-right: 0;
}

.more_area .btn.btn_type10 {
	font-size: 16px;
}

.more_area .btn.btn_type10:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -474px -507px;
	background-repeat: no-repeat;
	width: 20px;
	height: 9px;
}

.tit_area .tit {
	display: inline;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -1px;
	color: #010101;
}

.tit_area .sort_lst li {
	display: inline-block;
}

.tit_area .sort_lst li button {
	display: inline-block;
	padding: 7px 6px 1px;
	font-size: 14px;
	color: #999;
	vertical-align: top;
}

.tit_area .sort_lst li button:hover {
	text-decoration: underline;
}

.tit_area .sort_lst li button.on:hover {
	text-decoration: none;
}

.tit_area .sort_lst li button:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -316px -704px;
	background-repeat: no-repeat;
	width: 13px;
	height: 8px;
	top: -2px;
	margin-right: 8px;
}

.tit_area .sort_lst li.on button {
	color: #000;
}

.tit_area .sort_lst li.on button:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -299px -704px;
	background-repeat: no-repeat;
	width: 13px;
	height: 8px;
}

.tit_area ~ .lst_ty {
	margin-top: 24px;
}

.mooc_spot {
	position: relative;
	width: 100%;
	min-width: 980px;
	max-width: 1920px;
	margin: 0 auto 28px;
	background-color: #fff;
}

.mooc_spot .slide_wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.mooc_spot .slide_wrap .btn {
	border: 0;
	z-index: 20;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 60px;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
}

.mooc_spot .slide_wrap .btn .bg {
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.mooc_spot .slide_wrap .btn .ico {
	position: absolute;
	margin: -14px 0 0;
	top: 50%;
	z-index: 300;
}

.mooc_spot .slide_wrap .btn.prev {
	left: 0;
}

.mooc_spot .slide_wrap .btn.prev .ico {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -198px;
	background-repeat: no-repeat;
	width: 14px;
	height: 28px;
	left: 23px;
}

.mooc_spot .slide_wrap .btn.next {
	right: 0;
}

.mooc_spot .slide_wrap .btn.next .ico {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -374px;
	background-repeat: no-repeat;
	width: 14px;
	height: 28px;
	right: 23px;
}

.mooc_spot .slide_wrap .bx-viewport {
	height: 240px;
}

.mooc_spot .slide_wrap .items {
	overflow: hidden;
	position: relative;
	z-index: 10;
	height: 240px;
}

.mooc_spot .slide_wrap .item {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 240px;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.mooc_spot .slide_wrap .item:before, .mooc_spot .slide_wrap .item:after {
	display: table;
	clear: both;
	content: ' ';
}

.mooc_spot .slide_wrap .item .inner {
	position: relative;
	margin: 134px auto 0;
	padding: 0 60px;
	width: 1260px;
}

.mooc_spot .slide_wrap .item .inner:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -498px -507px;
	background-repeat: no-repeat;
	width: 22px;
	height: 7px;
	margin: 26px 0 0 0;
}

.mooc_spot .slide_wrap .item .inner p {
	margin: 0;
}

.mooc_spot .slide_wrap .item .inner .tit {
	font-size: 36px;
	letter-spacing: -1px;
	color: #FFF;
}

.mooc_spot .slide_wrap .item .inner .desc {
	font-size: 16px;
	letter-spacing: -1px;
	line-height: 1.3;
	color: #FFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.mooc_spot .slide_wrap .item.bg_only:before, .mooc_spot .slide_wrap .item.normal:before, .mooc_spot .slide_wrap .item.course:before, .mooc_spot .slide_wrap .item.notification:before {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/silde_item_dimmed.png) repeat-x 0 0;
	content: '';
}

.mooc_spot .slide_wrap .item.intro:before, .mooc_spot .slide_wrap .item.event:before {
	display: none !important;
}

.mooc_spot .slide_wrap .item.course {
	padding: 0;
}

.mooc_spot .slide_wrap .item.bg_only * {
	visibility: hidden;
}

.mooc_spot .slide_wrap .item.half {
	float: left;
	width: 50%;
	background-position: 0 0;
}

.mooc_spot .slide_wrap .item.half .inner {
	margin: 172px 0 0;
	width: auto;
}

.mooc_spot .slide_wrap .item.half .inner .tit {
	margin: 0 0 9px;
	font-size: 28px;
	line-height: 36px;
}

.mooc_spot .slide_wrap .item.half .inner .desc {
	font-size: 14px;
}

.mooc_spot .slide_wrap .item.half .inner:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -607px -467px;
	background-repeat: no-repeat;
	width: 18px;
	height: 6px;
	margin: 16px 0 0 0;
}

.mooc_spot .slide_wrap .item.half.course .inner:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: 0px -718px;
	background-repeat: no-repeat;
	width: 50px;
	height: 39px;
	margin: 0 0 6px 0;
}

.mooc_spot .slide_wrap .item.half.notification .inner:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -354px -761px;
	background-repeat: no-repeat;
	width: 35px;
	height: 40px;
	margin: 0 0 6px 0;
}

.mooc_spot .slide_wrap .item._half, .mooc_spot .slide_wrap .item._half + .half {
	float: none;
	width: 100%;
	background-position: 0 0;
}

.mooc_spot .slide_wrap .item a {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 999px;
}

.mooc_spot .slide_wrap .bx-has-pager {
	position: absolute;
	z-index: 20;
	width: 100%;
	bottom: 40px;
	line-height: 0;
}

.mooc_spot .slide_wrap .bx-has-pager .bx-pager {
	width: 1080px;
	margin: 0 auto;
	text-align: right;
}

.mooc_spot .slide_wrap .bx-has-pager .bx-pager-item {
	display: inline-block;
}

.mooc_spot .slide_wrap .bx-has-pager .bx-pager-item .bx-pager-link {
	display: inline-block;
	overflow: hidden;
	width: 6px;
	height: 6px;
	margin: 0 2px;
	background-color: #fff;
	font-size: 1px;
	line-height: 1px;
	color: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.mooc_spot .slide_wrap .bx-has-pager .bx-pager-item .bx-pager-link.active {
	width: 30px;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.mooc_spot .line {
	width: 100%;
	background: #00c73c;
	background: -webkit-linear-gradient(right, #0FD2C8, #00c73c);
	background: -webkit-gradient(linear, right top, left top, from(#0FD2C8), to(#00c73c));
	background: linear-gradient(to left, #0FD2C8, #00c73c);
	height: 4px;
	overflow: hidden;
}

.mooc_spot .srch_wrap {
	border-bottom: 1px solid #e1e1e1;
	padding: 30px 40px;
}

.mooc_spot .srch_wrap .mnu {
	width: 940px;
	margin: 0 auto -1px;
	text-align: center;
}

.mooc_spot .srch_wrap .mnu li {
	margin: 0 14px;
	display: inline-block;
	font-size: 16px;
	line-height: 40px;
}

.mooc_spot .srch_wrap .mnu li a {
	display: inline-block;
	color: #666;
}

.mooc_spot .srch_wrap .mnu li span {
	display: inline-block;
	border-bottom: 3px solid transparent;
	min-width: 60px;
	padding: 0 7px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.mooc_spot .srch_wrap .mnu li.on a {
	color: #333;
	font-weight: 700;
}

.flip_learning_apply {
	position: relative;
	width: 1160px;
	height: 104px;
	margin: 40px auto 71px;
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_main_flip_apply.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.flip_learning_apply .lnk_apply {
	display: block;
	position: absolute;
	left: 40px;
	right: 40px;
	top: 0;
	bottom: 0;
}

.boost_c_banner {
	overflow: hidden;
	position: relative;
	width: 1080px;
	height: 128px;
	margin: 40px auto 71px;
}

.boost_c_banner a {
	display: block;
}

.boost_c_banner img {
	vertical-align: top;
}

.boost_c_banner .boost_c_apply {
	float: left;
}

.boost_c_banner .flip_apply {
	float: right;
}

.interwork_agreement_area {
	padding-top: 100px;
	text-align: center;
}

.interwork_agreement_area .request_info {
	margin-top: 22px;
}

.interwork_agreement_area .request_info dt {
	font-size: 16px;
	color: #333;
}

.interwork_agreement_area .request_info dd {
	font-size: 14px;
	color: #666;
}

.interwork_agreement_area .dsc_permission {
	margin-top: 25px;
	font-size: 14px;
	line-height: 1.71;
	color: #999999;
}

.interwork_agreement_area .dsc_permission em {
	color: #19c02e;
}

.interwork_agreement_area .choice_box {
	padding: 36px 0;
}

.interwork_agreement_area .choice_box [class^=btn] {
	display: inline-block;
	margin: 0 3px 0 2px;
	width: 151px;
	height: 54px;
	background-color: #88888d;
	font-size: 18px;
	color: #fff;
	line-height: 54px;
	vertical-align: top;
	text-decoration: none;
}

.interwork_agreement_area .choice_box .btn_pms {
	background-color: #00c73c;
}

.lecture_count {
	font-size: 12px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	color: #666;
	letter-spacing: 0;
}

.lecture_count:before, .lecture_count:after {
	display: table;
	clear: both;
	content: ' ';
}

.lecture_count .favorite, .lecture_count .student {
	float: left;
	width: 67px;
	background-color: rgba(0, 0, 0, 0);
	z-index: 100;
}

.lecture_count .favorite [class*="ic"], .lecture_count .student [class*="ic"] {
	margin: -2px 8px 0 0;
	vertical-align: middle;
}

.lecture_count .level {
	float: right;
}

.lecture_count .level .icon {
	display: inline-block;
	height: 10px;
	margin-right: 5px;
	font-size: 0;
	vertical-align: -1px;
}

.lecture_count .level .icon .level_bg {
	display: inline-block;
	width: 3px;
	height: 7px;
	margin-left: 2px;
	-webkit-border-radius: .5px;
	        border-radius: .5px;
	background-color: #eaeaea;
}

.lecture_count .level .icon .level_bg:first-child {
	height: 4px;
	margin: 0;
	background-color: #709ce0;
}

.lecture_count .level .icon .level_bg:last-child {
	height: 10px;
}

.lecture_count .level .icon.level2 .level_bg:nth-child(2), .lecture_count .level .icon.level3 .level_bg:nth-child(2) {
	background-color: #709ce0;
}

.lecture_count .level .icon.level3 .level_bg:last-child {
	background-color: #709ce0;
}

body.hide_scroll {
	overflow: hidden;
}

.dimm_mask {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=60);
	opacity: 0.6;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	z-index: 10000;
}

.intro_pop_scroll {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	font-size: 0;
	padding: 30px 0;
	z-index: 11000;
	text-align: center;
	white-space: nowrap;
}

.intro_pop_scroll .intro_pop {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
}

.intro_pop_scroll:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}

.intro_pop {
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 240px;
	width: 880px;
	height: 480px;
	margin-left: -440px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/pop_intro.png) no-repeat;
	-webkit-border-radius: 16px;
	        border-radius: 16px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 32px 32px 0 rgba(0, 0, 0, 0.08);
	        box-shadow: 0 32px 32px 0 rgba(0, 0, 0, 0.08);
	z-index: 11000;
}

.intro_pop .close {
	position: absolute;
	right: 24px;
	top: 24px;
	width: 24px;
	height: 24px;
}

.intro_pop .link {
	position: absolute;
	left: 80px;
	top: 336px;
	width: 240px;
	height: 64px;
}

.intro_pop .ick {
	padding-left: 28px;
}

.intro_pop .ick .checkbox {
	vertical-align: top;
	width: 20px;
	height: 20px;
	top: 0;
	background: transparent;
	border: 1px solid #d0d6d9;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.intro_pop .ick .checkbox.checked {
	width: 20px;
	height: 20px;
	background: #00c73c;
	border: 0;
}

.intro_pop .ick .checkbox.checked:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-position: -160px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.intro_pop .ick .ph {
	font-size: 16px;
	line-height: 20px;
}

.intro_pop.inspect {
	top: 50%;
	margin: -220px 0 0 -440px;
	padding: 80px 80px 36px;
	background-image: none;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	text-align: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.intro_pop.inspect:after {
	position: absolute;
	bottom: 56px;
	right: 40px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -400px 0px;
	background-repeat: no-repeat;
	width: 368px;
	height: 176px;
	content: '';
}

.intro_pop.inspect .pop_title {
	font-size: 40px;
	font-weight: 700;
	color: #333;
	line-height: 48px;
}

.intro_pop.inspect .pop_text {
	padding-top: 24px;
	font-size: 16px;
	color: #333;
	line-height: 24px;
}

.intro_pop.inspect .pop_text em {
	font-weight: 700;
	color: #00c73c;
}

.intro_pop.inspect .pop_guide {
	padding-top: 75px;
	font-size: 12px;
	color: #999;
	line-height: normal;
}

.intro_pop.inspect .ick {
	position: absolute;
	left: 80px;
	bottom: 39px;
	padding-left: 0;
	line-height: normal;
}

.intro_pop.inspect .ick .checkbox {
	position: static;
	margin-right: 3px;
	padding: 0;
}

.intro_pop.inspect .close {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -457px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.intro_pop.service_end {
	height: auto;
	top: auto;
	left: auto;
	margin: 0;
	padding: 80px 80px;
	background-image: none;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	text-align: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.intro_pop.service_end.share {
	padding: 16px;
	width: 555px;
}

.intro_pop.service_end.share .ick .checkbox.checked {
	background: #5a646b;
}

.intro_pop.service_end.share .intro_pop_bottom {
	padding-top: 16px;
}

.intro_pop.service_end .pop_title {
	font-size: 48px;
	font-weight: 700;
	color: #333;
	line-height: 62px;
}

.intro_pop.service_end .pop_text {
	padding-top: 40px;
	font-size: 16px;
	color: #333;
	line-height: 24px;
}

.intro_pop.service_end .pop_text em {
	font-weight: 700;
}

.intro_pop.service_end .pop_text em.point {
	color: #00c73c;
}

.intro_pop.service_end .ick {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-right: 20px;
}

.intro_pop_bottom {
	padding-top: 40px;
	text-align: right;
}

.intro_pop_bottom .btn_close {
	display: inline-block;
	vertical-align: top;
	min-width: 57px;
	height: 40px;
	padding: 0 10px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #25292f;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	text-align: bottom;
}

.re_pack .pop_container {
	position: fixed;
	bottom: 40px;
	right: 40px;
	-webkit-box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.04);
	        box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.04);
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	z-index: 10000;
	width: 320px;
}

.re_pack .pop_container .img_link {
	display: block;
	height: 200px;
	-webkit-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;
	background: #00a5ff url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/img_main_pop_health.svg) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	        background-size: 100% auto;
}

.re_pack .pop_container .btn_box {
	height: 48px;
	overflow: hidden;
	-webkit-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
	background-color: #fff;
}

.re_pack .pop_container .btn_box button {
	float: left;
	width: 50%;
	height: 100%;
	position: relative;
	color: #25292f;
	font-size: 13px;
}

.re_pack .pop_container .btn_box button + button::before {
	content: '';
	display: block;
	width: 1px;
	height: 16px;
	background-color: #edf0f2;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.mobile .modal_wrap .modal_inner {
	display: block;
}

.mobile .modal_wrap .modal_inner .modal_container {
	display: block;
}

.mobile .modal_wrap .modal_inner .modal_container .modal_content {
	width: 100%;
	min-height: 100%;
	margin: 0;
	-webkit-border-radius: 0;
	        border-radius: 0;
	padding: 0 20px 141px 20px;
}

.mobile .modal_wrap .modal_inner .modal_container .modal_content .modal_close {
	width: 24px;
	height: 24px;
}

.mobile .modal_wrap .modal_inner .modal_container .modal_content .modal_header .modal_title {
	color: #333;
	margin: 17px 0 18px 0;
	font-size: 16px;
	line-height: 17px;
	float: none;
	text-align: center;
}

.mobile .modal_wrap .modal_inner .modal_container .modal_content .modal_body {
	overflow: hidden;
	max-height: none;
	padding: 40px 0;
	margin: 0;
}

.modal_wrap {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	overflow: auto;
	-webkit-backface-visibility: hidden;
	/* 강좌개설하기 */
	/* 변경사항 저장 확인, 변경사항 삭제 확인 */
}

.modal_wrap.feedback_modal .modal_content {
	width: 848px;
}

.modal_wrap.feedback_modal .modal_content .modal_body {
	max-height: 573px;
	border: 1px solid #25292f;
}

.modal_wrap.feedback_modal .modal_content .modal_body .feedback_add_wrap {
	border: 0;
}

.modal_wrap h4, .modal_wrap strong.tit {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
	color: #333;
}

.modal_wrap .modal_inner {
	display: table;
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal_wrap .modal_dimmed {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1049;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.modal_wrap .modal_dimmed iframe {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.modal_wrap .modal_container {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.modal_wrap .modal_container .btn.btn_type1 {
	color: #fff;
	height: 36px;
	padding: 0 19px 0;
	background-color: #8b8f94;
	border-color: #8b8f94;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.modal_wrap .modal_container .btn.btn_type1.on {
	background-color: #25292f;
	border-color: #25292f;
}

.modal_wrap .modal_close {
	width: 24px;
	height: 24px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999;
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 1055;
	border: 0;
	cursor: pointer;
	background-position: -753px -411px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.modal_wrap .modal_content {
	position: relative;
	z-index: 1055;
	width: 780px;
	margin: 30px auto;
	padding: 0 40px;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	background: #fff;
	text-align: left;
	padding-bottom: 40px;
}

.modal_wrap .modal_header {
	border-bottom: 1px solid #333;
}

.modal_wrap .modal_header:before, .modal_wrap .modal_header:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap .modal_header h1, .modal_wrap .modal_header h2, .modal_wrap .modal_header h3, .modal_wrap .modal_header h4, .modal_wrap .modal_header h5, .modal_wrap .modal_header h6 {
	margin: 16px 0 24px 0;
	padding: 0;
	font-size: 24px;
	line-height: 27px;
	font-weight: 700;
	color: #2a2c2f;
}

.modal_wrap .modal_header h1 {
	margin-top: 22px;
	margin-bottom: 13px;
	padding: 34px 0 11px 0;
}

.modal_wrap .modal_header .modal_title {
	float: left;
}

.modal_wrap .modal_header .modal_title .sub {
	font-weight: normal;
}

.modal_wrap .modal_header .modal_title .cnt {
	color: #00c73c;
}

.modal_wrap .modal_header.border_b_n {
	border-bottom: 0 !important;
}

.modal_wrap .modal_header .group_lr .group_r .it {
	margin: 53px 0 0 0;
}

.modal_wrap .modal_header .group_lr .mat42 {
	margin-top: 58px !important;
}

.modal_wrap .modal_header .pg_num_area {
	float: right;
	padding-top: 61px;
}

.modal_wrap .modal_header .pg_num_area:before, .modal_wrap .modal_header .pg_num_area:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap .modal_header .pg_num_area .pg_num {
	float: left;
	width: 17px;
	height: 17px;
	background-color: #DADADA;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.modal_wrap .modal_header .pg_num_area .pg_num + .pg_num {
	margin-left: 4px;
}

.modal_wrap .modal_header .pg_num_area .pg_num em {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
	text-indent: 1px;
	color: #FFF;
}

.modal_wrap .modal_header .pg_num_area .pg_num.on {
	background-color: #00c73c;
}

.modal_wrap .modal_header .pg_num_area:hover {
	cursor: default;
}

.modal_wrap .modal_body {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 500px;
}

.modal_wrap .modal_body::-webkit-scrollbar {
	width: 8px;
}

.modal_wrap .modal_body::-webkit-scrollbar-track {
	background: #fff;
}

.modal_wrap .modal_body::-webkit-scrollbar-thumb {
	background: #999;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.modal_wrap .modal_body .terms {
	color: #595c61;
	font-size: 14px;
	line-height: 22px;
}

.modal_wrap .modal_body > p {
	margin: 0;
}

.modal_wrap .modal_body > p + p {
	margin-top: 10px;
}

.modal_wrap .modal_body > * + p {
	margin-top: 10px;
}

.modal_wrap .modal_body.type2 {
	padding: 34px 0;
}

.modal_wrap .modal_body.type3 {
	padding: 30px;
}

.modal_wrap .modal_body.type4 {
	overflow: hidden;
	max-height: 550px;
	padding: 0;
}

.modal_wrap .modal_body.type5 {
	overflow: hidden;
	max-height: 600px;
	padding: 24px 0 30px 0;
	line-height: 24px;
	letter-spacing: -1px;
}

.modal_wrap .modal_body.type6 {
	padding: 30px 30px 60px;
}

.modal_wrap .modal_body.scroll_x {
	position: relative;
	margin-top: -1px;
	overflow-x: auto;
	overflow-y: hidden;
	max-height: initial;
	z-index: 10;
}

.modal_wrap .modal_body.scroll_x + .modal_footer {
	margin-top: -1px;
}

.modal_wrap .modal_body p a {
	color: #00c73c;
}

.modal_wrap .modal_body fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.modal_wrap .modal_body .page {
	width: auto;
	min-height: 0;
}

.modal_wrap .modal_body .file_info {
	position: relative;
	margin: 0 0 20px 0;
	padding: 1px 0 0 64px;
	min-height: 46px;
}

.modal_wrap .modal_body .file_info:before, .modal_wrap .modal_body .file_info:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap .modal_body .file_info:before {
	position: absolute;
	top: 0;
	left: 0;
}

.modal_wrap .modal_body .file_info .btn {
	margin: 0 0 0 6px;
	vertical-align: top;
	cursor: pointer;
}

.modal_wrap .modal_body .file_info .btn input {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.modal_wrap .modal_body .file_info .info {
	position: relative;
	top: -1px;
	font-size: 12px;
	color: #999;
}

.modal_wrap .modal_body .file_info .info span {
	display: inline-block;
	float: left;
}

.modal_wrap .modal_body .file_info .info .bar {
	margin: 0 8px;
	color: #CCC;
}

.modal_wrap .modal_body .file_info .url {
	margin: 10px 0 0;
}

.modal_wrap .modal_body .ic_arrow_right {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -747px -787px;
	background-repeat: no-repeat;
	width: 13px;
	height: 9px;
	margin: 0 6px;
	font-size: 0;
	line-height: 0;
}

.modal_wrap .modal_body .confirm_txt {
	margin-top: 8px;
}

.modal_wrap .modal_body .confirm_txt .title, .modal_wrap .modal_body .confirm_txt .txt {
	display: inline-block;
	vertical-align: middle;
	line-height: 16px;
}

.modal_wrap .modal_body .confirm_txt .title {
	color: #333;
}

.modal_wrap .modal_body .confirm_txt .txt {
	margin-left: 12px;
}

.modal_wrap .modal_body .confirm_txt .ic_direction {
	display: inline-block;
	vertical-align: top;
	width: 13px;
	height: 9px;
	margin: 4px 6px 0;
	font-size: 0;
	line-height: 0;
}

.modal_wrap .modal_body .mailto {
	min-height: 32px;
}

.modal_wrap .modal_body .noti_box {
	padding: 20px;
	background-color: #F7F7F7;
	color: #666;
	line-height: 16px;
}

.modal_wrap .modal_body .noti_box + h2.tit {
	margin-top: 40px;
}

.modal_wrap .modal_body .lnk_go {
	display: inline-block;
	margin-top: 10px;
	line-height: 16px;
	color: #333;
	text-decoration: underline;
}

.modal_wrap .modal_body .lnk_go:after {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -868px -721px;
	background-repeat: no-repeat;
	width: 4px;
	height: 7px;
	margin-left: 4px;
	vertical-align: 1px;
}

.modal_wrap .modal_footer {
	position: relative;
	padding: 24px 0 0px;
	border-top: 1px solid #b3b3b3;
	text-align: right;
}

.modal_wrap .modal_footer:after {
	display: table;
	clear: both;
	content: '';
}

.modal_wrap .modal_footer.border_t_n {
	border-top: 0 !important;
}

.modal_wrap .modal_footer .group_lr {
	margin-top: 0;
}

.modal_wrap .modal_footer .btn + .btn {
	margin-left: 2px;
}

.modal_wrap .modal_footer .period_popup {
	text-align: left;
}

.modal_wrap .modal_footer .period_popup .txt_desc {
	display: inline-block;
	margin-right: 16px;
	line-height: 14px;
	vertical-align: middle;
}

.modal_wrap .modal_footer .period_popup .txt_desc::before {
	top: 1px;
}

.modal_wrap .modal_footer .period_popup .ick.fs12 {
	vertical-align: middle;
}

.modal_wrap .modal_footer .period_popup .period_set {
	margin-top: 8px;
	color: #a1a1a1;
}

.modal_wrap .modal_footer .period_popup .period_set .input_txt {
	width: 100px;
	height: 34px;
	padding: 0 10px;
	border: 1px solid #cbcbcb;
	line-height: 34px;
	color: #666;
}

.modal_wrap .modal_footer .txt_desc::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 16px;
	background-position: -324px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.modal_wrap .modal_footer .group_l {
	float: left;
}

.modal_wrap .modal_footer .group_l p.txt_desc {
	line-height: 14px;
}

.modal_wrap .modal_footer .group_l p.txt_desc:before {
	top: 1px;
}

.modal_wrap .modal_footer .group_r .btn.btn_type14 {
	height: 36px;
	padding: 10px 19px;
	line-height: 14px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.modal_wrap .modal_editor .mce_editor .mce-btn-group {
	padding-right: 8px;
}

.modal_wrap .modal_editor .mce_editor .mce-btn-group .mce-first {
	margin-left: 9px;
}

.modal_wrap .modal_editor .mce_editor .modal_wrap .modal_editor .mce_editor .mce-btn-group {
	padding-right: 11px;
}

.modal_wrap .modal_editor .mce_editor .mce-btn-group .mce-btn + .mce-btn {
	margin-left: 6px;
}

.modal_wrap.new_lecture .input_url {
	text-transform: lowercase;
}

.modal_wrap.new_lecture .public .ick:first-child {
	margin-right: 50px;
}

.modal_wrap.new_lecture .lecture_type {
	padding: 30px 0 28px;
}

.modal_wrap.new_lecture .lecture_type:before, .modal_wrap.new_lecture .lecture_type:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap.new_lecture .lecture_type .type_area {
	display: table-cell;
	height: 331px;
	width: 342px;
	vertical-align: middle;
}

.modal_wrap.new_lecture .lecture_type .type_area .ick.big {
	width: 40px;
	height: 40px;
	padding-left: 0;
}

.modal_wrap.new_lecture .lecture_type li {
	float: left;
	width: 342px;
	height: 331px;
	border: 1px solid #e6e6e6;
	text-align: center;
	cursor: pointer;
}

.modal_wrap.new_lecture .lecture_type li:first-child {
	margin: 0 12px 0 0;
}

.modal_wrap.new_lecture .lecture_type li.on {
	border-color: #999;
}

.modal_wrap.new_lecture .lecture_type .type dt {
	margin: 0 0 22px;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	color: #010101;
}

.modal_wrap.new_lecture .lecture_type .type dd {
	font-size: 16px;
	color: #333;
	font-weight: 700;
	line-height: 23px;
	margin: 0;
}

.modal_wrap.new_lecture .lecture_type .type .sub {
	margin: 8px 0 0;
	color: #999;
	font-weight: normal;
	line-height: 19px;
	font-size: 14px;
}

.modal_wrap.new_lecture .lecture_type .type .bar {
	display: block;
	width: 20px;
	height: 1px;
	margin: 21px auto 0;
	background: #999;
}

.modal_wrap.new_lecture .lecture_type .ick {
	margin: 30px 0 0;
}

.modal_wrap.cfrm_change .txts + .txts {
	padding: 5px 0 0;
}

.modal_wrap.cfrm_change .txts span, .modal_wrap.cfrm_change .txts .slt {
	display: inline-block;
	margin-top: 0;
	vertical-align: top;
}

.modal_wrap.cfrm_change .txts span.txt {
	margin-top: 9px;
	padding: 0;
}

.modal_wrap.cfrm_change .txts .slt {
	display: inline-block;
}

.modal_wrap.pop_forum .sel_wrap {
	position: relative;
	z-index: 1000;
}

.modal_wrap.pop_forum .sel_wrap:before, .modal_wrap.pop_forum .sel_wrap:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap.pop_forum .box_area {
	padding: 0;
	border: 0;
}

.modal_wrap.pop_forum .box_area.tag dl dt {
	width: 80px;
}

.modal_wrap.pop_forum .modal_body {
	max-height: none;
}

.modal_wrap.pop_forum .modal_footer .group_l .txt_desc {
	display: inline-block;
	*display: inline;
}

.modal_wrap.pop_forum .modal_footer .group_l .ick {
	margin: 0px 0 0 15px;
	vertical-align: middle;
}

.modal_wrap.quiz_preview .modal_content, .modal_wrap.lecture_info_preview .modal_content {
	width: 850px;
}

.modal_wrap.quiz_preview .modal_body > section, .modal_wrap.lecture_info_preview .modal_body > section {
	margin-top: -1px;
}

.modal_wrap.quiz_preview .le_info, .modal_wrap.lecture_info_preview .le_info {
	padding-top: -1px;
	margin: 0;
}

.modal_wrap.peer_register_preview .modal_content {
	width: 820px;
}

.modal_wrap.peer_register_preview .modal_body > section {
	padding: 30px 0;
}

.modal_wrap.ce_preview .modal_content {
	width: 841px;
}

.modal_wrap.ce_preview .modal_body.ce.ce_view > div {
	padding-bottom: 26px;
}

.modal_wrap.ce_preview .modal_body.ce.ce_view > .material_view:first-child {
	margin-top: 0;
}

.modal_wrap.ce_preview .modal_body.forum_view .forum_func {
	height: 50px;
	margin: 0 0 29px;
	padding: 8px 5px 9px;
	border-bottom: 1px solid #e8e8e8;
}

.modal_wrap.survey_new .survey {
	padding: 32px 20px 0 20px !important;
	border: 1px solid #cfcfcf;
}

.modal_wrap.survey_new .survey .lst_survey {
	overflow: hidden;
	overflow-y: scroll;
	max-height: 115px;
}

.modal_wrap.survey_new .ta_c {
	margin-bottom: 15px;
}

.modal_wrap.survey_new .remove {
	display: none;
}

.modal_wrap.survey_result .survey_result_area {
	position: relative;
	border: 1px solid #e0e0e0;
}

.modal_wrap.survey_result .survey_result_area h2 {
	min-height: 63px;
	margin: 0;
	padding: 24px 20px 20px;
	background: #efefef;
	font-size: 16px;
	line-height: 18px;
	color: #333;
}

.modal_wrap.survey_result .survey_result_area .total_survey {
	position: absolute;
	top: 19px;
	right: 20px;
	font-size: 13px;
}

.modal_wrap.survey_result .survey_result_area .total_survey em {
	color: #00c73c;
}

.modal_wrap.survey_result .survey_result_area .result {
	overflow: hidden;
	overflow-y: scroll;
	max-height: 173px;
}

.modal_wrap.survey_result .survey_result_area .result li {
	padding: 20px 20px 17px;
	border-top: 1px solid #e0e0e0;
	color: #848484;
	line-height: 18px;
}

.modal_wrap.survey_result .survey_result_area .result li em {
	font-style: normal;
	font-size: 11px;
	color: #00c73c;
}

.modal_wrap.record_view .modal_content {
	width: 820px;
}

.modal_wrap.assess_incomplete h2 {
	margin: 70px 0 69px;
	font-size: 24px;
	color: #333;
	text-align: center;
}

.modal_wrap.assess_incomplete h2 em {
	color: #ffae00;
	font-style: normal;
}

.modal_wrap.assess_incomplete h3 {
	margin-bottom: 7px;
	color: #656565;
	font-size: 14px;
}

.modal_wrap.assess_incomplete h3 .ico {
	margin: -2px 4px 0 0;
}

.modal_wrap.assess_incomplete .table + h3 {
	margin-top: 35px;
}

.modal_wrap.assess_incomplete .table {
	margin: 0;
	border-bottom: 1px solid #e9e9e9;
}

.modal_wrap.assess_incomplete .table th {
	color: #010101;
}

.modal_wrap.assess_incomplete .table td {
	color: #a9a9a9;
}

.modal_wrap.assess_incomplete .table th, .modal_wrap.assess_incomplete .table td {
	height: 50px;
	padding: 8px 0 5px;
	border-top: 1px solid #e9e9e9;
	text-align: center;
	font-weight: normal;
}

.modal_wrap.assess_incomplete .table .btn_type4 {
	margin-top: -3px;
	width: 87px;
}

.modal_wrap.assess_incomplete .btn_type2 {
	width: 84px;
}

.modal_wrap.quiz_load .modal_body {
	height: 500px;
}

.modal_wrap.quiz_load .quiz_load_table tfoot {
	text-align: center;
}

.modal_wrap.quiz_load .quiz_load_table tfoot a:hover, .modal_wrap.quiz_load .quiz_load_table tfoot a:focus {
	text-decoration: none;
}

.modal_wrap.quiz_load .quiz_load_table tfoot em {
	color: #999;
}

.modal_wrap.quiz_load .quiz_load_table tbody th {
	vertical-align: top;
}

.modal_wrap.quiz_load .quiz_load_table tbody td {
	text-align: left;
	vertical-align: top;
}

.modal_wrap.quiz_load .quiz_load_table .set a {
	display: inline-block;
	max-width: 434px;
	color: #333;
	text-decoration: none !important;
}

.modal_wrap.quiz_load .quiz_load_table .set em {
	display: inline-block;
	float: right;
	width: 86px;
	text-align: center;
}

.modal_wrap.quiz_load .quiz_load_table .set.active {
	font-weight: 700;
}

.modal_wrap.quiz_load .quiz_load_table .set.active + ul {
	display: block;
}

.modal_wrap.quiz_load .quiz_load_table ul {
	display: none;
	padding: 6px 0 4px;
}

.modal_wrap.quiz_load .quiz_load_table li {
	position: relative;
}

.modal_wrap.quiz_load .quiz_load_table li:before, .modal_wrap.quiz_load .quiz_load_table li:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap.quiz_load .quiz_load_table li .ick {
	overflow: visible;
}

.modal_wrap.quiz_load .quiz_load_table li .ick .ph {
	float: left;
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	max-width: 410px;
}

.modal_wrap.quiz_load .quiz_load_table li .etc {
	overflow: hidden;
	float: right;
}

.modal_wrap.quiz_load .quiz_load_table li .etc span, .modal_wrap.quiz_load .quiz_load_table li .etc em {
	display: block;
	float: left;
	width: 98px;
	text-align: center;
}

.modal_wrap.quiz_load .quiz_load_table li .etc em {
	width: 86px;
}

.modal_wrap.quiz_load .quiz_load_table li:before {
	position: absolute;
	top: 10px;
	left: -14px;
	font-size: 8px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -868px -732px;
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
}

.modal_wrap.add_email .modal_header {
	position: relative;
	height: auto;
	border-bottom-color: #454545;
}

.modal_wrap.add_email .modal_header .group_lr {
	margin: 0;
}

.modal_wrap.add_email .modal_header .group_lr .group_r {
	margin-top: 37px;
}

.modal_wrap.add_email .modal_header .group_lr .group_r .nickname {
	position: relative;
	display: inline-block;
}

.modal_wrap.add_email .modal_header .group_lr .group_r .it {
	margin-top: 0;
}

.modal_wrap.add_email .modal_header .modal_title {
	float: none;
}

.modal_wrap.add_email .modal_header .page_search {
	position: absolute;
	right: 0;
	bottom: 5px;
}

.modal_wrap.add_email .table td strong {
	color: #00c73c;
}

.modal_wrap.add_email .paginate {
	margin: 24px 0 38px;
}

.modal_wrap.add_email .modal_body {
	border-bottom: 1px solid #ebebeb;
}

.modal_wrap.add_email .select_info {
	padding-right: 20px;
}

.modal_wrap.add_email .select_info em {
	color: #00c73c;
}

.modal_wrap.eval_peer .modal_content, .modal_wrap.eval_task .modal_content, .modal_wrap.quiz_rating .modal_content, .modal_wrap.quiz_result .modal_content {
	width: 849px;
}

.modal_wrap.eval_peer h2.tit, .modal_wrap.eval_task h2.tit, .modal_wrap.quiz_rating h2.tit, .modal_wrap.quiz_result h2.tit {
	margin: 23px 0 13px;
	font-size: 16px;
	font-weight: normal;
	color: #333;
}

.modal_wrap.eval_peer .txt.sm, .modal_wrap.eval_task .txt.sm, .modal_wrap.quiz_rating .txt.sm, .modal_wrap.quiz_result .txt.sm {
	color: #848484;
}

.modal_wrap.eval_peer .txt.sm strong, .modal_wrap.eval_task .txt.sm strong, .modal_wrap.quiz_rating .txt.sm strong, .modal_wrap.quiz_result .txt.sm strong {
	color: #010101;
}

.modal_wrap.eval_peer .eval_peer_lst, .modal_wrap.eval_task .eval_peer_lst, .modal_wrap.quiz_rating .eval_peer_lst, .modal_wrap.quiz_result .eval_peer_lst {
	margin-top: 8px;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.modal_wrap.eval_peer .eval_peer_lst li, .modal_wrap.eval_task .eval_peer_lst li, .modal_wrap.quiz_rating .eval_peer_lst li, .modal_wrap.quiz_result .eval_peer_lst li {
	position: relative;
	padding: 16px 20px 16px 80px;
	border-top: 1px solid #e6e6e6;
	color: #010101;
}

.modal_wrap.eval_peer .eval_peer_lst li:first-child, .modal_wrap.eval_task .eval_peer_lst li:first-child, .modal_wrap.quiz_rating .eval_peer_lst li:first-child, .modal_wrap.quiz_result .eval_peer_lst li:first-child {
	border-top: 0;
}

.modal_wrap.eval_peer .eval_peer_lst li p, .modal_wrap.eval_task .eval_peer_lst li p, .modal_wrap.quiz_rating .eval_peer_lst li p, .modal_wrap.quiz_result .eval_peer_lst li p {
	margin-top: 0;
	line-height: 24px;
	color: #666;
}

.modal_wrap.eval_peer .eval_peer_lst li p:before, .modal_wrap.eval_peer .eval_peer_lst li p:after, .modal_wrap.eval_task .eval_peer_lst li p:before, .modal_wrap.eval_task .eval_peer_lst li p:after, .modal_wrap.quiz_rating .eval_peer_lst li p:before, .modal_wrap.quiz_rating .eval_peer_lst li p:after, .modal_wrap.quiz_result .eval_peer_lst li p:before, .modal_wrap.quiz_result .eval_peer_lst li p:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap.eval_peer .eval_peer_lst li p strong, .modal_wrap.eval_task .eval_peer_lst li p strong, .modal_wrap.quiz_rating .eval_peer_lst li p strong, .modal_wrap.quiz_result .eval_peer_lst li p strong {
	color: #333;
}

.modal_wrap.eval_peer .eval_peer_lst li p strong:first-child, .modal_wrap.eval_task .eval_peer_lst li p strong:first-child, .modal_wrap.quiz_rating .eval_peer_lst li p strong:first-child, .modal_wrap.quiz_result .eval_peer_lst li p strong:first-child {
	float: left;
	margin-right: 5px;
}

.modal_wrap.eval_peer .eval_peer_lst li p strong:first-child + span, .modal_wrap.eval_task .eval_peer_lst li p strong:first-child + span, .modal_wrap.quiz_rating .eval_peer_lst li p strong:first-child + span, .modal_wrap.quiz_result .eval_peer_lst li p strong:first-child + span {
	overflow: hidden;
	display: block;
}

.modal_wrap.eval_peer .eval_peer_lst .peer_cnt, .modal_wrap.eval_task .eval_peer_lst .peer_cnt, .modal_wrap.quiz_rating .eval_peer_lst .peer_cnt, .modal_wrap.quiz_result .eval_peer_lst .peer_cnt {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -688px;
	background-repeat: no-repeat;
	width: 41px;
	height: 40px;
	position: absolute;
	top: 20px;
	left: 20px;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 42px;
	font-weight: 700;
	color: #fff;
	text-indent: 0;
}

.modal_wrap.quiz_rating .qna_area {
	padding: 35px 20px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #f9f9f9;
}

.modal_wrap.quiz_rating .quiz_area {
	font-size: 16px;
	font-weight: 700;
	color: #333;
}

.modal_wrap.quiz_rating .quiz_area:before, .modal_wrap.quiz_rating .quiz_area:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap.quiz_rating .quiz_area .txt_qh {
	float: left;
	margin-right: 4px;
}

.modal_wrap.quiz_rating .quiz_area .txt_q {
	display: block;
	overflow: hidden;
}

.modal_wrap.quiz_rating .answ_area {
	margin-top: 33px;
}

.modal_wrap.quiz_rating .answ_area:before, .modal_wrap.quiz_rating .answ_area:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap.quiz_rating .answ_area .thum {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -134px -761px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	float: left;
	position: relative;
	margin-right: 20px;
	text-indent: 0;
}

.modal_wrap.quiz_rating .answ_area .thum img {
	width: 40px;
	height: 40px;
}

.modal_wrap.quiz_rating .answ_area strong, .modal_wrap.quiz_rating .answ_area p {
	overflow: hidden;
	line-height: 24px;
}

.modal_wrap.quiz_rating .answ_area strong {
	color: #333;
}

.modal_wrap.quiz_rating .answ_area p {
	margin-top: 0;
}

.modal_wrap.quiz_submit_cfrm .q_txt {
	overflow: hidden;
	position: relative;
	padding: 0 130px 0 0;
	margin: 25px 0;
	color: #333;
}

.modal_wrap.quiz_submit_cfrm .q_txt em {
	font-weight: 700;
	color: #00c73c;
}

.modal_wrap.quiz_submit_cfrm .q_txt .submit_cnt {
	position: absolute;
	top: 0;
	right: 0;
	color: #999;
}

.modal_wrap.quiz_submit_cfrm .q_txt .submit_cnt em {
	color: #333;
}

.modal_wrap.quiz_result .quiz_desc {
	padding: 13px 0 0;
}

.modal_wrap.quiz_result .q_txt {
	padding-bottom: 10px;
}

.modal_wrap.quiz_result .q_txt + .q_txt {
	margin-top: -10px;
}

.modal_wrap.mail_comment .sel_wrap {
	position: relative;
}

.modal_wrap.mail_comment .sel_wrap:before, .modal_wrap.mail_comment .sel_wrap:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap.mail_comment .sel_wrap .slt {
	float: left;
	margin-right: 5px;
}

.modal_wrap.mail_comment .it_area {
	overflow: hidden;
}

.modal_wrap.mail_comment .atch_wrap {
	overflow: hidden;
}

.modal_wrap.mail_comment .atch_wrap .atch_area {
	height: 34px;
	margin: 0;
	padding: 0;
	border: none;
}

.modal_wrap.mail_comment .modal_footer .txt_desc:before {
	display: none;
}

.modal_wrap.modal_progress {
	z-index: 10001;
}

.modal_wrap.modal_progress .modal_content {
	width: 434px;
	height: 163px;
	overflow: hidden;
}

.modal_wrap.modal_progress .modal_content .inner .wrap {
	width: 292px;
	margin: 11px auto 7px;
}

.modal_wrap.modal_progress .modal_content .inner .wrap span {
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_progress_popup.png);
}

.modal_wrap.coachmark .modal_dimmed {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.modal_wrap.register_answer .tit {
	margin: 26px 0 14px;
	font-weight: 700;
	color: #444;
}

.modal_wrap.cbox .modal_header {
	border-bottom: 0;
}

.modal_wrap.cbox .modal_body {
	height: 581px;
	max-height: none;
	overflow-x: hidden;
}

.modal_wrap.cbox .modal_content {
	width: 986px;
}

.modal_wrap.cbox .cbox_group {
	height: 552px;
	overflow: hidden;
	margin-right: -1px;
}

.modal_wrap.cbox .cbox_group .cbox_area {
	float: left;
	width: 50%;
	margin-right: -1px;
}

.modal_wrap.cbox.v2 .cbox_group .cbox_area {
	width: 33.33%;
}

.modal_wrap.cbox .cbox_area {
	border: 1px solid #d1d1d1;
	height: 100%;
	padding-top: 50px;
}

.modal_wrap.cbox .cbox_tit {
	margin-top: -50px;
	height: 51px;
	overflow: hidden;
	background: #f2f2f2;
	border-bottom: 1px solid #d1d1d1;
	font-size: 18px;
	line-height: 49px;
	text-align: center;
}

.modal_wrap.cbox .cbox_tit .tit, .modal_wrap.cbox .cbox_tit .ph {
	font-size: 16px;
	font-weight: 700;
	color: #242424;
	margin: 0;
}

.modal_wrap.cbox .cbox_tit .ick {
	display: block;
}

.modal_wrap.cbox .cbox_tit .ick .checkbox {
	top: 18px;
	left: 20px;
}

.modal_wrap.cbox .cbox_con {
	height: 100%;
	overflow: auto;
	line-height: 25px;
	padding: 16px 0;
}

.modal_wrap.cbox .cbox_con .tit {
	margin-bottom: 4px;
	color: #333;
}

.modal_wrap.cbox .cbox_con .tit strong {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.modal_wrap.cbox .cbox_con .tit .info {
	margin-top: -5px;
	font-size: 11px;
	color: #999;
}

.modal_wrap.cbox .cbox_con .lst li {
	position: relative;
	padding-left: 14px;
}

.modal_wrap.cbox .cbox_con .lst li:before, .modal_wrap.cbox .cbox_con .lst li:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap.cbox .cbox_con .lst li:before {
	position: absolute;
	top: 7px;
	left: 0;
	font-size: 8px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -562px -507px;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}

.modal_wrap.cbox .cbox_rdo > ul > li {
	margin-bottom: 30px;
}

.modal_wrap.cbox .cbox_rdo > ul > li .tit {
	margin-bottom: 5px;
	padding: 0 10px 0 19px;
	line-height: 20px;
}

.modal_wrap.cbox .cbox_rdo > ul > li .tit strong {
	font-weight: normal;
}

.modal_wrap.cbox .cbox_rdo .lst li {
	padding: 0 10px 0 34px;
}

.modal_wrap.cbox .cbox_rdo .lst li:before {
	left: 20px;
}

.modal_wrap.cbox .cbox_rdo .lst li .ick {
	padding-left: 0;
	max-width: 95%;
}

.modal_wrap.cbox .cbox_rdo .lst li .ick .radio {
	display: none;
}

.modal_wrap.cbox .cbox_rdo .lst li .ick .ph {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	color: #333;
	top: 0 !important;
}

.modal_wrap.cbox .cbox_rdo .lst li.on {
	background-color: #f1f1f1;
	font-weight: 700;
	color: #010101;
}

.modal_wrap.cbox .cbox_rdo .lst li.on:after {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -801px -841px;
	background-repeat: no-repeat;
	width: 5px;
	height: 10px;
	float: right;
	margin: 8px 0 0;
}

.modal_wrap.cbox .cbox_rdo .lst li.on .ick .ph {
	color: #010101;
	font-weight: 700;
}

.modal_wrap.cbox .cbox_chk {
	padding: 15px 20px;
}

.modal_wrap.cbox .cbox_chk > ul > li {
	margin-bottom: 8px;
}

.modal_wrap.cbox .cbox_chk .lst {
	padding-left: 23px;
}

.modal_wrap.cbox .cbox_chk .lst li .ick {
	display: block;
	overflow: visible;
}

.modal_wrap.cbox .cbox_chk .lst li .ick .ph {
	float: left;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.modal_wrap.cbox .cbox_last {
	position: relative;
	padding-bottom: 47px;
}

.modal_wrap.cbox .cbox_last .cbox_btm {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	background: #fafafa;
	border-top: 1px solid #d1d1d1;
	height: 47px;
	line-height: 43px;
	padding: 0 6px;
	text-align: right;
}

.modal_wrap.cbox .cbox_last .cbox_btm p {
	display: inline-block;
	*display: inline;
	margin: 1px 16px -1px 0;
	color: #333;
}

.modal_wrap.cbox .cbox_last .cbox_btm p em {
	font-weight: 700;
	color: #010101;
}

.modal_wrap.cbox .cbox_lecture .cbox_rdo > ul > li {
	margin-bottom: 17px;
}

.modal_wrap.cbox .cbox_lecture .cbox_rdo > ul > li .tit {
	margin-bottom: 4px;
	color: #999;
}

.modal_wrap.cbox .cbox_lecture .cbox_chk .ick .ph {
	color: #333;
}

.modal_wrap.cbox .cbox_material .cbox_chk {
	padding: 14px 20px;
}

.modal_wrap.cbox .cbox_material .cbox_chk .material_view {
	position: relative;
	padding-left: 21px;
	font-size: 12px;
	line-height: 24px;
}

.modal_wrap.cbox .cbox_material .cbox_chk .material_view .ick {
	position: absolute;
	top: 6px;
	left: 0;
}

.modal_wrap.cbox .cbox_material .cbox_chk .material_view .ick .checkbox {
	top: 0;
}

.modal_wrap.cbox .cbox_material .cbox_chk .material_view .tit {
	margin-bottom: 3px;
	font-size: 14px;
	color: #333;
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	font-weight: normal !important;
}

.modal_wrap.cbox .cbox_material .cbox_chk .material_view .con {
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	color: #999;
}

.modal_wrap.cbox .cbox_material .cbox_chk .material_view .material_desc {
	padding: 0 0 2px;
}

.modal_wrap.cbox .cbox_material .cbox_chk .material_view .material_item {
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	text-align: left;
}

.modal_wrap.cbox .cbox_material .cbox_chk .material_view .material_item .thmb {
	margin: 6px 0 6px;
	display: block;
	width: 138px;
	height: 103px;
}

.modal_wrap.cbox .cbox_material .cbox_chk .material_view .material_item .name {
	margin-right: 5px;
	display: inline-block;
	overflow: hidden;
	max-width: 70%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	font-weight: normal;
}

.modal_wrap.cbox .cbox_material .cbox_chk .material_view .material_item .url {
	display: inline-block;
	overflow: hidden;
	max-width: 95%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.modal_wrap.cbox .cbox_material .cbox_chk > ul > li {
	margin-bottom: 11px;
}

.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_txt .material_desc {
	padding: 4px 0 0;
}

.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_txt .material_desc .con {
	max-height: 90px !important;
	font-size: 14px !important;
	line-height: 18px !important;
	color: #333 !important;
	word-break: break-all !important;
	white-space: normal !important;
}

.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_vod .material_vod {
	border-top: 1px solid #e6e6e6;
	padding-top: 11px;
}

.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_vod .material_vod .file ~ .file {
	margin-top: 4px;
}

.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_vod .material_vod .tit {
	margin-bottom: 1px;
	font-size: 13px;
	color: #666;
}

.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_vod .material_vod .con {
	max-height: none;
	line-height: 16px;
}

.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_vod .material_vod .con li {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.modal_wrap.corp_agree .modal_body h2 {
	padding: 28px 0 14px !important;
	font-size: 14px;
	line-height: normal !important;
	font-weight: normal;
	color: #333;
}

.modal_wrap.corp_agree .modal_body .dsc {
	overflow: auto;
	height: 94px;
	padding: 10px 14px;
	border: 1px solid #cbcbcb;
	font-size: 12px;
	line-height: 22px;
}

.modal_wrap.corp_agree .modal_footer {
	border: none;
}

.modal_wrap .modal_content .btn_fullscreen {
	float: right;
	line-height: 36px;
	font-size: 12px;
}

.modal_wrap .modal_content .btn_fullscreen:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -738px -527px;
	background-repeat: no-repeat;
	width: 16px;
	height: 11px;
	margin-right: 6px;
	vertical-align: -2px;
	content: '';
}

.modal_wrap .modal_content .btn_fullscreen.off:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -751px -478px;
	background-repeat: no-repeat;
	width: 16px;
	height: 11px;
}

.modal_wrap .modal_content .header_btn_box {
	float: right;
	margin-right: -8px;
	overflow: hidden;
	margin-top: 17px;
}

.modal_wrap .modal_content .header_btn_box a {
	position: relative;
	margin: 0 8px;
}

.modal_wrap .modal_content .header_btn_box a + a:after {
	position: absolute;
	left: -8px;
	top: 50%;
	margin-top: -5px;
	width: 1px;
	height: 10px;
	background-color: #e9ebec;
	content: '';
}

.modal_wrap .modal_content .header_btn_box .btn_fullscreen,
.modal_wrap .modal_content .header_btn_box .btn_code_list {
	float: left;
}

.modal_wrap .modal_content .btn_code_list {
	float: right;
	line-height: 36px;
	font-size: 12px;
}

.modal_wrap .modal_content .btn_code_list:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -717px;
	background-repeat: no-repeat;
	width: 10px;
	height: 11px;
	margin-right: 6px;
	vertical-align: -2px;
	content: '';
}

.modal_wrap .modal_content.ce_code .modal_header {
	padding: 33px 0 8px;
	border-bottom: none;
}

.modal_wrap .modal_content.ce_code .modal_header:before, .modal_wrap .modal_content.ce_code .modal_header:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap .modal_content.ce_code .modal_title {
	padding: 0;
}

.modal_wrap .modal_content.ce_code .modal_body {
	max-height: 660px;
}

.modal_wrap .modal_content.ce_code .modal_footer {
	border-top: none;
}

.modal_wrap .modal_content.ce_code .code_area {
	border: 1px solid #d1d1d1;
}

.modal_wrap .modal_content.ce_code .option_area {
	padding: 10px 20px;
	border: 1px solid #d1d1d1;
	border-bottom: none;
}

.modal_wrap .modal_content.ce_code .option_area:before, .modal_wrap .modal_content.ce_code .option_area:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap .modal_content.ce_code .option_area .slt {
	float: left;
}

.modal_wrap .modal_content.ce_code .option_area .btn {
	float: right;
}

.modal_wrap .modal_content.ce_code .code_result {
	padding-top: 34px;
}

.modal_wrap .modal_content.ce_code .code_result .title_area {
	margin-bottom: 13px;
}

.modal_wrap .modal_content.ce_code .code_result .title_area .title {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
}

.modal_wrap .modal_content.ce_code .result_box {
	padding: 20px;
	height: 120px;
	overflow-x: hidden;
	overflow-y: visible;
	background-color: #F7F7F7;
	color: #666;
}

.modal_wrap .modal_content .btn_fullscreen {
	float: right;
	line-height: 36px;
	font-size: 12px;
}

.modal_wrap .modal_content .btn_fullscreen:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -738px -527px;
	background-repeat: no-repeat;
	width: 16px;
	height: 11px;
	margin-right: 6px;
	vertical-align: -2px;
	content: '';
}

.modal_wrap .modal_content .btn_fullscreen.off:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -751px -478px;
	background-repeat: no-repeat;
	width: 16px;
	height: 11px;
}

.modal_wrap .modal_content.wide {
	width: 100%;
	height: 100%;
	margin: 0;
	border: none;
}

.modal_wrap .modal_content.wide .modal_footer {
	position: absolute;
	bottom: 0;
	left: 30px;
	right: 30px;
}

.modal_wrap .modal_content.wide .modal_body {
	height: 100%;
	min-height: 656px;
}

.modal_wrap .modal_content.wide .modal_body .code_wrap {
	position: absolute;
	top: 80px;
	left: 30px;
	right: 30px;
	bottom: 84px;
}

.modal_wrap .modal_content.wide .modal_body .code_area {
	position: absolute;
	top: 54px;
	bottom: 195px;
	left: 0;
	right: 0;
}

.modal_wrap .modal_content.wide .modal_body .code_result {
	padding-top: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.modal_wrap .modal_content.wide .code_box {
	height: 100%;
}

.modal_wrap .modal_content.wide .CodeMirror {
	height: 100%;
}

.modal_wrap .modal_content.applyfilter .modal_body strong {
	color: #010101;
	line-height: 30px;
}

.modal_wrap .modal_content.sel_thumbnail .modal_body {
	overflow-y: inherit;
	width: 700px;
	height: auto;
	max-height: inherit;
	padding: 24px 0 20px;
}

.modal_wrap .modal_content.sel_thumbnail .outer_wrap {
	width: 712px;
	padding-right: 12px;
	height: 500px;
	overflow-y: auto;
}

.modal_wrap .modal_content.sel_thumbnail .thumbnail_area + .thumbnail_area {
	margin-top: 14px;
}

.modal_wrap .modal_content.sel_thumbnail .thumbnail_area h2 {
	font-size: 14px;
	color: #333;
}

.modal_wrap .modal_content.sel_thumbnail .thumbnail_list {
	height: 72px;
	margin-top: 9px;
}

.modal_wrap .modal_content.sel_thumbnail .thumbnail_list:before, .modal_wrap .modal_content.sel_thumbnail .thumbnail_list:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap .modal_content.sel_thumbnail .image_item {
	float: left;
}

.modal_wrap .modal_content.sel_thumbnail .image_item + .image_item {
	margin-left: 15px;
}

.modal_wrap .modal_content.sel_thumbnail .image_item a {
	position: relative;
	display: block;
	border: 1px solid #D1D1D1;
}

.modal_wrap .modal_content.sel_thumbnail .image_item img {
	width: 126px;
	height: 70px;
	vertical-align: top;
}

.modal_wrap .modal_content.sel_thumbnail .image_item .btn_select {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -14px 0 0 -14px;
}

.modal_wrap .modal_content.sel_thumbnail .image_item .mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.modal_wrap .modal_content.sel_thumbnail .image_item:hover a {
	border-color: #000;
}

.modal_wrap .modal_content.sel_thumbnail .image_item:hover .btn_select {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -340px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.modal_wrap .modal_content.sel_thumbnail .image_item:hover .btn_select:hover {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -276px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.modal_wrap .modal_content.sel_thumbnail .image_item:hover .mask {
	background-color: rgba(0, 0, 0, 0.5);
}

.modal_wrap .modal_content.sel_thumbnail .image_item.select a {
	border-color: #00c73c;
}

.modal_wrap .modal_content.sel_thumbnail .image_item.select .btn_select {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -308px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.modal_wrap .modal_content.sel_thumbnail .image_item.select .btn_select:hover {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -308px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.modal_wrap .modal_content.sel_thumbnail .image_item.select .mask {
	background-color: rgba(0, 199, 60, 0.8);
}

.modal_wrap .modal_content.sel_thumbnail .btn_type10 {
	display: block;
	margin: 20px auto 0;
	text-align: center;
}

.modal_wrap .modal_content.sel_thumbnail ::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 8px;
}

.modal_wrap .modal_content.sel_thumbnail ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
}

.modal_wrap .modal_content.upload_students .modal_body {
	padding-left: 0;
	padding-right: 0;
}

.modal_wrap .modal_content.upload_students .modal_body .file_download {
	margin-top: 15px;
}

.modal_wrap .modal_content.upload_students .modal_body .upload_area {
	height: 80px;
	margin-top: 30px;
	background-color: #F7F7F7;
}

.modal_wrap .modal_content.upload_students .modal_body p {
	line-height: 20px;
}

.modal_wrap .modal_content.upload_students .modal_body .if {
	width: 100%;
	height: 100%;
}

.modal_wrap .modal_content.upload_students .modal_body .btn_type4 {
	font-size: 16px;
	height: 100%;
}

.modal_wrap .modal_content.upload_students .modal_body .file_info {
	padding: 17px 0 17px 76px;
	margin: 0;
}

.modal_wrap .modal_content.upload_students .modal_body .file_info:before {
	top: 50%;
	margin-top: -23px;
	left: 20px;
}

.modal_wrap .modal_content.upload_students .modal_body .info .bar {
	margin-top: 5px;
}

.modal_wrap .modal_content.upload_students .modal_body .result_txt,
.modal_wrap .modal_content.upload_students .modal_body .txt {
	line-height: 16px;
	color: #333;
}

.modal_wrap .modal_content.upload_students .modal_body .result_txt {
	margin-bottom: 30px;
	font-weight: 600;
}

.modal_wrap .modal_content.upload_students .modal_body .txt {
	margin-bottom: 15px;
}

.modal_wrap .modal_content.upload_students .modal_body .success_num {
	color: #00c73c;
}

.modal_wrap .modal_content.upload_students .modal_body .fail_num {
	color: #FF5230;
}

.modal_wrap .modal_content.evaluation_table .modal_body {
	padding: 30px 0;
}

.modal_wrap .modal_content.evaluation_table .modal_body p {
	line-height: 20px;
}

.modal_wrap .modal_content.evaluation_table .file_download {
	margin-top: 15px;
	-webkit-border-radius: 0;
	        border-radius: 0;
}

.modal_wrap .modal_content.evaluation_table .upload_area {
	height: 80px;
	margin-top: 30px;
	background-color: #f7f7f7;
	text-align: center;
	line-height: 80px;
	font-size: 16px;
}

.modal_wrap .modal_content.evaluation_table .upload_area.uploaded {
	text-align: left;
	line-height: normal;
}

.modal_wrap .modal_content.evaluation_table .upload_area.uploaded .file_info {
	margin: 0;
	padding: 17px 20px 17px 76px;
}

.modal_wrap .modal_content.evaluation_table .upload_area.uploaded .file_info:before {
	position: absolute;
	top: 50%;
	margin-top: -23px;
	left: 20px;
}

.modal_wrap .modal_content.evaluation_table .upload_area.uploaded .name {
	display: block;
}

.modal_wrap .modal_content.lecture_ly .btn_type10 {
	display: block;
	margin: 20px auto;
	text-align: center;
}

.modal_wrap .modal_content.copy_lecture .lecture_type {
	padding: 30px 0 28px;
}

.modal_wrap .modal_content.copy_lecture .lecture_type:before, .modal_wrap .modal_content.copy_lecture .lecture_type:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_wrap .modal_content.copy_lecture .lecture_type .type_area {
	display: table-cell;
	height: 331px;
	width: 342px;
	vertical-align: middle;
}

.modal_wrap .modal_content.copy_lecture .lecture_type .type_area .ick.big {
	width: 40px;
	height: 40px;
	padding-left: 0;
}

.modal_wrap .modal_content.copy_lecture .lecture_type li {
	float: left;
	width: 342px;
	height: 331px;
	border: 1px solid #e6e6e6;
	text-align: center;
	cursor: pointer;
}

.modal_wrap .modal_content.copy_lecture .lecture_type li:first-child {
	margin: 0 12px 0 0;
}

.modal_wrap .modal_content.copy_lecture .lecture_type li.on {
	border-color: #999;
}

.modal_wrap .modal_content.copy_lecture .lecture_type .type dt {
	margin: 0 0 22px;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	color: #010101;
}

.modal_wrap .modal_content.copy_lecture .lecture_type .type dd {
	font-size: 16px;
	color: #333;
	font-weight: 700;
	line-height: 23px;
	margin: 0;
}

.modal_wrap .modal_content.copy_lecture .lecture_type .type .sub {
	margin: 8px 0 0;
	color: #999;
	font-weight: normal;
	line-height: 19px;
	font-size: 14px;
}

.modal_wrap .modal_content.copy_lecture .lecture_type .type .bar {
	display: block;
	width: 20px;
	height: 1px;
	margin: 21px auto 0;
	background: #999;
}

.modal_wrap .modal_content.copy_lecture .lecture_type .ick {
	margin: 30px 0 0;
}

.modal_wrap .modal_content.copy_lecture .modal_title span {
	display: inline-block;
}

.modal_wrap .modal_content.copy_lecture .lecture_info {
	padding: 25px 0;
}

.modal_wrap .modal_content.copy_lecture .lecture_info .table {
	margin-bottom: 13px;
}

.modal_wrap .modal_content.copy_lecture .lecture_info .table th {
	min-width: 100px;
	vertical-align: top;
	text-align: left;
}

.modal_wrap .modal_content.copy_lecture .lecture_info .table .title {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

.modal_wrap .modal_content.copy_lecture .lecture_info .table .title:before {
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 8px;
	content: '';
}

.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.name:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -459px;
	background-repeat: no-repeat;
	width: 16px;
	height: 15px;
}

.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -698px;
	background-repeat: no-repeat;
	width: 16px;
	height: 13px;
}

.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.prof:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -377px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.type:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -571px;
	background-repeat: no-repeat;
	width: 16px;
	height: 14px;
}

.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.term:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -625px;
	background-repeat: no-repeat;
	width: 16px;
	height: 14px;
}

.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.time:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -607px;
	background-repeat: no-repeat;
	width: 16px;
	height: 14px;
}

.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.approve:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -643px;
	background-repeat: no-repeat;
	width: 16px;
	height: 14px;
}

.modal_wrap .modal_content.copy_lecture .lecture_info .table td {
	padding: 0 10px 8px;
	color: #333;
}

.modal_wrap .modal_content.copy_lecture .lecture_info .guide_txt {
	margin-top: 10px;
	color: #333;
}

.modal_wrap .modal_content.copy_lecture .guide_lst {
	padding: 25px 20px;
	background-color: #f9f9f9;
}

.modal_wrap .modal_content.copy_lecture .guide_lst li {
	position: relative;
	margin-top: 8px;
	padding-left: 7px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ico_dot_2x2_bg.gif) no-repeat 0 11px;
	vertical-align: top;
}

.modal_wrap .modal_content.copy_lecture .guide_lst li:first-of-type {
	margin-top: 0;
}

.modal_wrap .modal_content.copy_lecture .guide_lst .txt {
	display: inline-block;
	vertical-align: top;
	color: #666;
}

.modal_wrap .modal_content.copy_lecture .guide_lst .txt strong {
	color: #333;
}

.modal_wrap .modal_content.copy_lecture .table_type2 td.nickname {
	padding-left: 18px;
	text-align: left;
}

.modal_wrap .modal_content.copy_lecture .table_type2 td.email {
	text-align: left;
}

.modal_wrap .modal_content.camp_edit .modal_body {
	max-height: 527px;
}

.modal_wrap .modal_content .url_prefix {
	padding: 0 11px;
	border: 1px solid #cbcbcb;
	font-size: 0;
	letter-spacing: 0;
}

.modal_wrap .modal_content .url_prefix .txt.prefix_url {
	color: #828c96;
	font-size: 14px;
	line-height: 24px;
}

.modal_wrap .modal_content .url_prefix .it input {
	height: 32px;
	padding-left: 0;
	border: 0 !important;
}

.modal_wrap.boost_course_modal {
	letter-spacing: -1px;
}

.modal_wrap.boost_course_modal .code_wrap {
	bottom: 30px !important;
}

.modal_wrap.boost_course_modal .modal_header {
	position: relative;
	padding: 34px 0 11px;
}

.modal_wrap.boost_course_modal .modal_header .modal_title {
	padding: 0;
}

.modal_wrap.boost_course_modal .modal_header .code_file {
	float: left;
	margin-left: 16px;
	margin-top: 17px;
	line-height: 36px;
}

.modal_wrap.boost_course_modal .modal_header .code_file:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -789px -841px;
	background-repeat: no-repeat;
	width: 8px;
	height: 10px;
	display: inline-block;
	margin: 14px 8px 0 0;
	vertical-align: top;
}

.modal_wrap.boost_course_modal .nav_tab {
	top: auto;
	margin-top: -2px;
	padding-top: 16px;
	background-color: #fff;
}

.modal_wrap.boost_course_modal .nav_tab li {
	width: 148px;
}

.modal_wrap.boost_course_modal .nav_tab li a {
	display: block;
	padding: 0;
	text-align: center;
}

.modal_wrap.boost_course_modal .modal_content {
	width: 824px;
}

.modal_wrap.boost_course_modal .modal_content.wide {
	width: 100%;
}

.modal_wrap.boost_course_modal .modal_content.wide .code_review_body {
	height: auto !important;
}

.modal_wrap.boost_course_modal .project_body {
	max-height: inherit;
	padding-bottom: 40px;
}

.modal_wrap.boost_course_modal .code_review_body {
	height: 571px;
	max-height: inherit;
	border-bottom: 1px solid #b3b3b3;
	margin-top: 24px;
}

.modal_wrap.boost_course_modal .code_review {
	position: relative;
}

.modal_wrap.boost_course_modal .code_review .code_list_sjt {
	overflow: hidden;
	height: 48px;
	background-color: #fdfdfd;
	line-height: 48px;
}

.modal_wrap.boost_course_modal .code_review .code_list_sjt em {
	display: block;
	font-size: 14px;
	color: #333;
	letter-spacing: -1px;
}

.modal_wrap.boost_course_modal .code_review .code_list_sjt .file_name {
	float: left;
	width: 612px;
	padding-left: 24px;
}

.modal_wrap.boost_course_modal .code_review .code_list_sjt .review_cnt {
	float: right;
	width: 88px;
	text-align: center;
}

.modal_wrap.boost_course_modal .CodeMirror {
	min-height: 570px;
}

.modal_wrap.boost_course_modal.code .cmt_btn_box {
	border-top: 1px solid #e9e9e9;
	margin: 0 -16px;
	padding: 8px;
	text-align: right;
}

.modal_wrap.boost_course_modal.code .cmt_btn_box button + button {
	margin-left: 4px;
}

.modal_wrap.boost_course_modal.code .cmt_btn_box .ick_box {
	margin: 5px 0 0 8px;
	letter-spacing: -1px;
	font-size: 14px;
}

.modal_wrap.boost_course_modal.code .cmt_btn_box .ick_box .ph {
	font-weight: 600;
	color: #333;
}

.modal_wrap.boost_course_modal.code .cmt_btn_box .ick_box .ick + .ick {
	margin-left: 7px;
}

.modal_wrap.boost_course_modal.code .mce_editor ~ .cmt_btn_box {
	margin: 0;
	border-top: 0;
}

.modal_wrap.boost_course_modal.code .marker {
	display: block;
	width: 42px;
	text-align: left;
	height: 24px !important;
}

.modal_wrap.boost_course_modal.code .marker:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -68px -868px;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	margin: 6px;
	vertical-align: top;
	content: '';
}

.modal_wrap.boost_course_modal .group_lr {
	margin: 0;
}

.modal_wrap.boost_course_modal .cmt_label_box {
	padding: 16px;
}

.modal_wrap.boost_course_modal .cmt_label_box .result_label {
	display: inline-block;
	overflow: hidden;
	height: 24px;
	padding: 0 8px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background-color: #00c73c;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	line-height: 24px;
}

.modal_wrap.boost_course_modal .cmt_label_box .result_label:before {
	display: inline-block;
	vertical-align: top;
	margin: 7px 8px 0 0;
	content: '';
}

.modal_wrap.boost_course_modal .cmt_label_box .result_label.good:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -833px;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.modal_wrap.boost_course_modal .cmt_label_box .result_label.bad {
	background-color: #ff5230;
}

.modal_wrap.boost_course_modal .cmt_label_box .result_label.bad:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -819px;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.modal_wrap.boost_course_modal .cmt_label_box .result_label.point {
	background-color: #96a0aa;
}

.modal_wrap.boost_course_modal .cmt_label_box .result_label.point:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -847px;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.modal_wrap.boost_course_modal .project_result_box {
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

.modal_wrap.boost_course_modal .project_result_box .result_state {
	padding-top: 40px;
}

.modal_wrap.boost_course_modal .project_result_box .result_state strong {
	display: block;
	font-size: 48px;
	font-weight: 700;
	color: #999;
	text-align: center;
	letter-spacing: -1.5px;
	line-height: 53px;
}

.modal_wrap.boost_course_modal .project_result_box .result_state strong.pass {
	color: #00c73c;
}

.modal_wrap.boost_course_modal .project_result_box .result_state strong.fail {
	color: #ff5230;
}

.modal_wrap.boost_course_modal .project_result_box .result_state .result_state_info {
	margin-top: 8px;
	font-size: 0;
	text-align: center;
}

.modal_wrap.boost_course_modal .project_result_box .result_state .result_state_info span {
	display: inline-block;
	position: relative;
	padding: 0 8px;
	font-size: 14px;
	color: #666;
	letter-spacing: -1px;
	vertical-align: top;
	line-height: 16px;
}

.modal_wrap.boost_course_modal .project_result_box .result_state .result_state_info span + span:before {
	position: absolute;
	left: 0;
	top: 2px;
	width: 1px;
	height: 12px;
	background-color: #e9ebec;
	vertical-align: top;
	content: '';
}

.modal_wrap.boost_course_modal .project_result_box .result_state .result_state_info .review_cnt {
	font-weight: 600;
	color: #333;
}

.modal_wrap.boost_course_modal .project_result_box .result_state_box {
	overflow: hidden;
	margin-top: 40px;
	background-color: #f9fafb;
}

.modal_wrap.boost_course_modal .project_result_box .result_state_box li {
	float: left;
	position: relative;
	width: 233px;
	height: 158px;
	text-align: center;
}

.modal_wrap.boost_course_modal .project_result_box .result_state_box li:first-child {
	width: 234px;
}

.modal_wrap.boost_course_modal .project_result_box .result_state_box .sjt {
	display: block;
	padding-top: 24px;
	font-size: 14px;
	font-weight: 700;
	color: #999;
	letter-spacing: -0.5px;
	line-height: 16px;
}

.modal_wrap.boost_course_modal .project_result_box .result_state_box .cnt {
	display: block;
	padding-top: 16px;
	font-size: 24px;
	font-weight: 700;
	color: #333;
	letter-spacing: -0.5px;
	line-height: 26px;
}

.modal_wrap.boost_course_modal .project_result_box .result_state_box .info {
	display: block;
	padding-top: 4px;
	font-size: 14px;
	color: #666;
	letter-spacing: 0;
	line-height: 16px;
}

.modal_wrap.boost_course_modal .project_result_box .result_state_box .info em {
	color: #00c73c;
}

.modal_wrap.boost_course_modal .project_result_box .result_state_box .link {
	position: absolute;
	left: 50%;
	bottom: 24px;
	width: 73px;
	height: 24px;
	margin-left: -37px;
	background-color: #96a0aa;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	letter-spacing: -0.5px;
	line-height: 24px;
}

.modal_wrap.boost_course_modal .project_result_box .result_state_box .fail .cnt {
	color: #ff5230;
}

.modal_wrap.boost_course_modal .project_result_box .result_state_box .fail .link {
	background-color: #ff5230;
}

.modal_wrap .code_list {
	overflow: hidden;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_code_list.png) repeat;
	border-bottom: 1px solid #ebebeb;
}

.modal_wrap .code_list li {
	overflow: hidden;
	font-size: 0;
	border-top: 1px solid #ebebeb;
}

.modal_wrap .code_list .text {
	position: relative;
	padding-right: 88px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.modal_wrap .code_list .text .cnt {
	position: absolute;
	right: 0;
	top: 0;
	width: 88px;
	color: #666;
	text-align: center;
}

.modal_wrap .code_list .folder_link {
	display: block;
	padding-left: 24px;
}

.modal_wrap .code_list .folder_link .arr {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -401px -704px;
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 20px 8px 0 0;
	vertical-align: top;
}

.modal_wrap .code_list .folder_link.fold .arr {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -389px -704px;
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
}

.modal_wrap .code_list .folder_link.fold + .depth {
	display: none;
}

.modal_wrap .code_list .file_link {
	padding-left: 24px;
}

.modal_wrap .code_list .list_dash {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -868px -740px;
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	display: inline-block;
	float: left;
	margin: 20px 8px 0 0;
	vertical-align: top;
}

.modal_wrap .code_list .ico_radio {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -371px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	display: inline-block;
	float: left;
	margin: 13px 6px 0 0;
	vertical-align: top;
}

.modal_wrap .code_list a,
.modal_wrap .code_list .radio_box {
	display: block;
	overflow: hidden;
	height: 48px;
	padding: 0;
	font-size: 14px;
	color: #666;
	letter-spacing: -1px;
	text-decoration: none;
	line-height: 48px;
}

.modal_wrap .code_list .radio_box {
	padding-left: 24px;
}

.modal_wrap .code_list .radio_box input[type="radio"]:checked + .ico_radio {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -443px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}

.modal_wrap .code_list .active {
	color: #00c73c;
	font-weight: 600;
}

.modal_wrap .depth {
	display: none;
}

.modal_wrap .depth .code_list {
	background: none;
}

.modal_wrap .folder_link + .depth {
	display: block;
}

.modal_wrap .code_list .depth .code_list {
	border-bottom: 0;
}

.modal_wrap .code_list .depth .code_list .file_link {
	padding-left: 40px;
}

.modal_wrap .code_list .depth .code_list .folder_link {
	padding-left: 40px;
}

.modal_wrap .code_list .folder {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -333px -704px;
	background-repeat: no-repeat;
	width: 10px;
	height: 8px;
	display: inline-block;
	margin: 20px 8px 0 0;
	font-size: 0;
	vertical-align: top;
}

.modal_wrap .code_list .file {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -789px -841px;
	background-repeat: no-repeat;
	width: 8px;
	height: 10px;
	display: inline-block;
	margin: 19px 8px 0 0;
	vertical-align: top;
}

.modal_wrap.project_setting .modal_header {
	border: 0;
}

.modal_wrap.project_setting .modal_header h1 {
	padding-bottom: 23px;
}

.modal_wrap.project_setting .modal_body {
	overflow-y: inherit;
	max-height: initial;
}

.modal_wrap.project_setting .nav_tab a {
	width: 146px;
	padding: 0;
	text-align: center;
}

.modal_wrap.project_setting .set_dsc {
	margin-top: 20px;
	color: #333;
	letter-spacing: -1px;
	line-height: 16px;
}

.modal_wrap.project_setting .scroll_box {
	overflow-y: auto;
	margin-top: 20px;
	height: 383px;
	border-top: 1px solid #010101;
	border-bottom: 1px solid #d8d8d8;
}

.modal_wrap.project_setting .scroll_box .table {
	border: 0;
	table-layout: fixed;
	width: 100%;
}

.modal_wrap.project_setting .scroll_box .table.line {
	border-bottom: 1px solid #ebebeb;
}

.modal_wrap.project_setting .scroll_box .table tbody td {
	height: auto;
	padding: 17px 0;
	line-height: 14px;
}

.modal_wrap.project_setting .scroll_box .table .sjt {
	padding: 17px 10px;
	text-align: left;
}

.modal_wrap.openplatform .btn.btn_type1.on {
	background-color: #ff522f;
	border-color: #ff522f;
}

.modal_wrap.stats_student_play .modal_header {
	border-bottom: 0;
}

.modal_wrap.stats_student_play .modal_body {
	max-height: inherit;
	overflow-y: visible;
}

.modal_wrap.stats_student_play .modal_body .table {
	border-bottom: 1px solid #d8d8d8;
}

.modal_wrap.stats_student_play .modal_body .table .cell_left {
	text-align: left;
	padding-left: 24px;
}

.modal_wrap.stats_student_play .paginate {
	margin-top: 20px;
}

.modal_wrap.stats_student_play .modal_footer {
	border-top: 0;
	padding-top: 40px;
}

.modal_wrap .drag {
	display: inline-block;
	cursor: move;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -486px;
	background-repeat: no-repeat;
	width: 9px;
	height: 15px;
}

.modal_wrap.type2 .modal_content {
	padding: 40px;
}

.modal_wrap.type2 .modal_body {
	margin: 24px 0;
}

.sub_modal_wrap {
	position: relative;
}

.sub_modal_wrap .sub_modal {
	display: none;
	z-index: 10000;
	width: 497px;
	top: 8px;
	right: 8px;
	border: 1px solid #d1d1d1;
	position: absolute;
	padding: 35px 19px 39px;
	background: #FFF;
	-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.05);
	        box-shadow: 0 8px 8px rgba(0, 0, 0, 0.05);
}

.sub_modal_wrap .sub_modal.math {
	padding-bottom: 19px;
	width: 416px;
}

.sub_modal_wrap .sub_modal.math .s_btn {
	margin: 10px 0 0 0;
}

.sub_modal_wrap .sub_modal.math .it .ph {
	left: 16px;
	top: 10px;
}

.sub_modal_wrap .sub_modal .inner {
	margin: 25px 0 0;
}

.sub_modal_wrap .sub_modal .inner:before, .sub_modal_wrap .sub_modal .inner:after {
	display: table;
	clear: both;
	content: ' ';
}

.sub_modal_wrap .sub_modal .file_path {
	overflow: hidden;
	position: relative;
	height: 23px;
}

.sub_modal_wrap .sub_modal .file_path input {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.sub_modal_wrap .sub_modal .file_path span {
	display: block;
	width: 389px;
	height: 23px;
	padding: 0 5px;
	border: 1px solid #CBCBCB;
	line-height: 23px;
	float: left;
}

.sub_modal_wrap .sub_modal .file_path .s_btn {
	margin-left: -3px;
}

.sub_modal_wrap .sub_modal .s_btn {
	float: right;
	height: 23px;
	padding: 0 8px;
	border: 1px solid #CBCBCB;
	font-size: 12px;
	line-height: normal;
	color: #848484;
}

.sub_modal_wrap .sub_modal .tit {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: #333;
}

.sub_modal_wrap .sub_modal .math_preview {
	overflow: auto;
	width: 100%;
	height: 55px;
	margin: 10px 0 0;
	padding: 5px 9px;
	border: 1px solid #D1D1D1;
	background: #FDFDFD;
	resize: none;
}

.sub_modal_wrap .sub_modal .close {
	position: absolute;
	top: 7px;
	right: 7px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -25px;
	width: 21px;
	height: 21px;
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
	-webkit-background-size: 913px 901px;
	        background-size: 913px 901px;
}

.modal_paging {
	height: 30px;
	border-top: 1px solid #b3b3b3;
	padding: 20px 0;
	text-align: center;
}

.modal_paging + .modal_footer {
	border-top: none;
}

.modal_paging .inner {
	display: inline-block;
	text-align: center;
}

.modal_paging .inner:before, .modal_paging .inner:after {
	display: table;
	clear: both;
	content: ' ';
}

.modal_paging a {
	display: block;
	overflow: hidden;
	position: relative;
	height: 40px;
	font-size: 14px;
	text-decoration: none;
	vertical-align: top;
}

.modal_paging .pre,
.modal_paging .next {
	float: left;
	position: relative;
}

.modal_paging .pre.disabled,
.modal_paging .next.disabled {
	visibility: hidden;
}

.modal_paging .pre {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -468px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.modal_paging .next {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -532px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.modal_paging .pre.on {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -500px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.modal_paging .next.on {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -436px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
}

.modal_paging .page_list {
	margin: 0 10px;
	float: left;
}

.modal_paging .page_list li {
	float: left;
	margin-left: 4px;
}

.modal_paging .page_list li:first-child {
	margin-left: 0;
}

.modal_paging .page_list a {
	display: block;
	width: 30px;
	height: 28px;
	line-height: 28px;
	color: #999;
	text-align: center;
	vertical-align: top;
}

.modal_paging .page_list .selected, .modal_paging .page_list a:hover {
	border: 1px solid transparent;
	color: #333;
	line-height: 26px;
	cursor: default;
	text-decoration: underline;
	font-weight: 700;
}

.modal_paging .page_list .selected {
	margin: 0 -1px;
}

.modal_paging .page_list a:hover {
	cursor: pointer;
}

.group_lr.modal_search {
	margin-bottom: 20px;
	clear: both;
}

.modal_wrap .modal_header .group_lr.modal_search .group_r .it {
	margin: 0;
}

.tbl_student_add {
	width: 100%;
	table-layout: fixed;
}

.tbl_student_add td {
	padding: 20px 0 20px 20px;
}

.tbl_student_add th, .tbl_student_add td {
	border-top: 1px solid #ebebeb;
	text-align: left;
}

.tbl_student_add tr:first-child th,
.tbl_student_add tr:first-child td {
	border-top: none;
}

.tbl_student_add .student_info {
	width: 175px;
	background-color: #fdfdfd;
}

.tbl_student_add .student_info label {
	padding-left: 30px;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	letter-spacing: -1px;
}

.tbl_student_add .student_info_input {
	position: relative;
}

.tbl_student_add .student_info_input .ph {
	z-index: 30;
	position: absolute;
	top: 4px;
	left: 10px;
	color: #999;
	font-size: 14px;
}

.tbl_student_add .student_info_input .input_txt {
	width: 100%;
	height: 34px;
	padding: 0 8px;
	border: 1px solid #cbcbcb;
	font-size: 14px;
	line-height: 34px;
	color: #666;
}

.tbl_student_add .student_info_input .msg {
	margin-top: 4px;
	font-size: 12px;
}

.tbl_student_add .student_info_input .grade {
	position: absolute;
	right: 8px;
	top: 6px;
	z-index: 10;
	font-size: 12px;
}

.tbl_student_add .student_info_input.sts_error .input_txt {
	border-color: #ff5230;
	color: #ff5230;
}

.tbl_student_add .student_info_input.sts_error .msg {
	color: #ff5230;
}

.tbl_student_add .student_info_input.sts_strong .input_txt {
	border-color: #4564d8;
	color: #4564d8;
}

.tbl_student_add .student_info_input.sts_strong .msg {
	color: #4564d8;
}

.tbl_student_add .student_info_input.sts_valid .input_txt {
	border-color: #1dbe20;
	color: #1dbe20;
}

.tbl_student_add .student_info_input.sts_valid .msg {
	color: #1dbe20;
}

.tbl_student_add .student_info_input.sts_danger .input_txt {
	border-color: #ff9c01;
	color: #ff9c01;
}

.tbl_student_add .student_info_input.sts_danger .msg {
	color: #ff9c01;
}

.student_add_case {
	margin: 0 -30px;
}

.student_add_case li {
	position: relative;
	height: 208px;
	padding: 70px 0 0 80px;
	border-top: 1px solid #eaeaea;
	font-size: 14px;
	letter-spacing: -1px;
	color: #999;
}

.student_add_case li:first-child {
	border-top: none;
}

.student_add_case li .add_case {
	display: block;
	margin-bottom: -4px;
	font-size: 24px;
	color: #333;
}

.student_add_case li .btn_add {
	position: absolute;
	right: 80px;
	top: 50%;
	width: 147px;
	height: 43px;
	margin-top: -22px;
	background-color: #00c73c;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 43px;
}

.student_add_case li .btn_add:hover {
	text-decoration: none;
}

.modal_set_playtime {
	min-height: 360px;
	letter-spacing: -1px;
}

.modal_set_playtime .video_name {
	margin-top: 30px;
	line-height: 16px;
	color: #333;
}

.modal_set_playtime .list_set_playtime {
	margin-top: 16px;
}

.modal_set_playtime .list_set_playtime li {
	position: relative;
	padding-right: 21px;
}

.modal_set_playtime .list_set_playtime li + li {
	margin-top: 8px;
}

.modal_set_playtime .list_set_playtime .tbl_time .time_lable {
	display: inline-block;
	vertical-align: top;
	line-height: 34px;
}

.modal_set_playtime .list_set_playtime .tbl_time .time_setting {
	display: inline-block;
	width: 91px;
	padding-left: 8px;
	vertical-align: top;
}

.modal_set_playtime .list_set_playtime .tbl_time .entry_time {
	height: 34px;
	padding: 3px 10px 0;
	border: 1px solid #d1d1d1;
	letter-spacing: -1px;
}

.modal_set_playtime .list_set_playtime .tbl_time .entry_time .it input {
	height: 25px;
	padding: 0;
	border: none;
}

.modal_set_playtime .list_set_playtime .tbl_time .entry_time .it .ph {
	left: 0;
	top: 0;
}

.modal_set_playtime .list_set_playtime .tbl_time .timeset_group {
	overflow: hidden;
	display: none;
}

.modal_set_playtime .list_set_playtime .tbl_time .timeset_group.input_time {
	display: block;
}

.modal_set_playtime .list_set_playtime .tbl_time .time_dash {
	color: #999;
	text-align: center;
	vertical-align: top;
	line-height: 34px;
	display: inline-block;
	margin: 0 4px;
}

.modal_set_playtime .list_set_playtime .tbl_time .timeset {
	float: left;
	margin-top: 4px;
	line-height: 16px;
	vertical-align: top;
}

.modal_set_playtime .list_set_playtime .tbl_time .timeset .input_time {
	width: 9px;
	padding: 1px 0;
	border: none;
	border-bottom: 1px solid #333;
	color: #333;
	text-align: center;
	letter-spacing: -1px;
	vertical-align: top;
}

.modal_set_playtime .list_set_playtime .tbl_time .timeset .input_time.entry {
	border-bottom: none;
}

.modal_set_playtime .list_set_playtime .tbl_time .time_dot {
	float: left;
}

.video_index_area {
	min-height: 400px;
	letter-spacing: -1px;
}

.video_index_area .video_name {
	margin-top: 30px;
	line-height: 16px;
	color: #333;
}

.video_index_area .list_video_index {
	margin-top: 16px;
}

.video_index_area .list_video_index li {
	position: relative;
	padding-right: 21px;
}

.video_index_area .list_video_index li + li {
	margin-top: 8px;
}

.video_index_area .list_video_index .tbl_time {
	display: table;
	width: 100%;
}

.video_index_area .list_video_index .tbl_time [class^=time_] {
	display: table-cell;
	vertical-align: top;
}

.video_index_area .list_video_index .tbl_time .time_setting {
	width: 91px;
	padding-left: 8px;
}

.video_index_area .list_video_index .tbl_time .time_dash {
	width: 16px;
	color: #999;
	text-align: center;
	vertical-align: middle;
}

.video_index_area .list_video_index .tbl_time .time_dash + .time_setting {
	padding-left: 0;
}

.video_index_area .list_video_index .tbl_time .entry_time {
	height: 34px;
	padding: 3px 10px 0;
	border: 1px solid #d1d1d1;
	letter-spacing: -1px;
}

.video_index_area .list_video_index .tbl_time .entry_time .it input {
	height: 25px;
	padding: 0;
	border: none;
}

.video_index_area .list_video_index .tbl_time .entry_time .it .ph {
	left: 0;
	top: 0;
}

.video_index_area .list_video_index .tbl_time .timeset_group {
	overflow: hidden;
}

.video_index_area .list_video_index .tbl_time .timeset_group.result {
	letter-spacing: 0;
}

.video_index_area .list_video_index .tbl_time .timeset {
	float: left;
	margin-top: 4px;
	line-height: 16px;
	vertical-align: top;
}

.video_index_area .list_video_index .tbl_time .timeset .input_time {
	width: 9px;
	padding: 1px 0;
	border: none;
	border-bottom: 1px solid #333;
	color: #333;
	text-align: center;
	letter-spacing: -1px;
	vertical-align: top;
}

.video_index_area .list_video_index .tbl_time .time_dot {
	float: left;
}

.video_index_area .list_video_index .btn_delete {
	position: absolute;
	right: 0;
	top: 0;
	width: 21px;
	height: 34px;
	text-align: right;
}

.video_index_area .list_video_index .btn_delete:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -624px;
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	display: inline-block;
	content: '';
}

.video_index_area .add_btn {
	margin-top: 16px;
	text-align: center;
}

.modal_like_area {
	min-height: 400px;
}

.modal_like_area .list {
	overflow: hidden;
}

.modal_like_area .list li {
	overflow: hidden;
	height: 48px;
	border-bottom: 1px solid #ebebeb;
	line-height: 48px;
	color: #333;
}

.modal_like_area .list .thumb {
	display: block;
	float: left;
	overflow: hidden;
	width: 32px;
	height: 32px;
	margin-top: 8px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.modal_like_area .list .name {
	display: block;
	float: left;
	width: 250px;
	padding-left: 8px;
}

.modal_like_area .list .team {
	display: block;
	overflow: hidden;
	letter-spacing: -1px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.modal_like_area .no_list {
	display: block;
	margin-top: 30px;
	height: 96px;
	background: #fafafa;
	color: #333;
	text-align: center;
	line-height: 96px;
}

.new_modal {
	position: relative;
	margin: 0 auto;
	background-color: #fff;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	z-index: 2000;
}

.new_modal .pop_close {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -457px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 24px;
	top: 24px;
	z-index: 10;
}

.new_modal .pop_close.white {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -401px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.new_modal .pop_header {
	padding: 40px;
	background-color: #222;
}

.new_modal .pop_header h1 {
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	text-align: left;
	letter-spacing: -1px;
	line-height: 35px;
}

.new_modal .pop_header .header_dsc {
	margin-top: 8px;
	font-size: 16px;
	color: #999;
	letter-spacing: -0.5px;
	text-align: left;
	line-height: 18px;
}

.new_modal .pop_cont {
	padding: 40px 40px 0;
	position: relative;
	text-align: left;
}

.new_modal .pop_cont .sjt1 {
	font-size: 32px;
	font-weight: 700;
	color: #333;
	letter-spacing: -0.5px;
	line-height: 35px;
}

.new_modal .pop_cont .sjt2 {
	font-size: 26px;
	font-weight: 700;
	color: #333;
	letter-spacing: -0.5px;
	line-height: 35px;
}

.new_modal .pop_cont .pop_dsc {
	font-size: 16px;
	color: #666;
	letter-spacing: -0.5px;
	line-height: 24px;
}

.new_modal .pop_cont .pop_dsc2 {
	font-size: 18px;
	color: #333;
	letter-spacing: -0.5px;
	text-align: center;
	line-height: 24px;
}

.new_modal .pop_cont .sjt1 + .pop_dsc,
.new_modal .pop_cont .sjt2 + .pop_dsc {
	margin-top: 16px;
}

.new_modal .pop_btn {
	margin-top: 40px;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.new_modal .pop_btn a {
	display: table-cell;
	height: 56px;
	background-color: #333;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	text-align: center;
	letter-spacing: -0.5px;
	vertical-align: middle;
	line-height: 22px;
}

.new_modal .pop_btn .btn_green {
	background-color: #00c73c;
}

.new_modal .pop_btn .btn_orange {
	background-color: #ff5230;
}

.new_modal .pop_btn .btn_gray {
	background-color: #96a0aa;
}

.new_modal .pop_btn.type_large a {
	height: 80px;
}

.new_modal .pop_btn.type_short {
	display: block;
	padding-bottom: 40px;
}

.new_modal .pop_btn.type_short a {
	display: inline-block;
	width: 200px;
	line-height: 56px;
}

.new_modal .pop_btn.type_short a + a {
	margin-left: 4px;
}

.new_modal .certificate_info {
	margin-top: 40px;
}

.new_modal .certificate_info .sjt {
	font-weight: 700;
	color: #333;
	line-height: 16px;
}

.new_modal .certificate_info .list {
	margin-top: 16px;
	padding: 16px 24px 24px;
	background-color: #f9fafb;
}

.new_modal .certificate_info .list li {
	margin-top: 8px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: normal;
	color: #999;
	letter-spacing: -0.4px;
	line-height: 16px;
}

.new_modal .certificate_info .list li:before {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-right: 4px;
	background-color: #ccc;
	vertical-align: middle;
	content: '';
}

.new_modal .review_cancel_chk {
	padding-top: 8px;
	letter-spacing: -0.5px;
	line-height: 16px;
}

.new_modal .review_cancel_chk .chk_list {
	overflow: hidden;
	font-weight: 300;
	color: #333;
}

.new_modal .review_cancel_chk .chk_list li {
	margin-top: 8px;
}

.new_modal .review_cancel_chk .chk_list li:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -755px -841px;
	background-repeat: no-repeat;
	width: 13px;
	height: 10px;
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
	content: '';
}

.new_modal .review_cancel_chk .dsc {
	margin-top: 16px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: normal;
	color: #999;
	line-height: 16px;
}

.new_modal .project_submit .nav_tab {
	margin-top: 40px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: normal;
}

.new_modal .project_submit .nav_tab li {
	width: 146px;
}

.new_modal .project_submit .nav_tab li a {
	display: block;
	padding: 0;
	text-align: center;
}

.new_modal .project_submit .order_navigation {
	overflow: hidden;
}

.new_modal .project_submit .order_navigation li {
	float: left;
	position: relative;
	width: 248px;
	height: 32px;
	margin-left: -32px;
	background-color: #ecf0f1;
	-webkit-border-radius: 32px;
	        border-radius: 32px;
	font-weight: 300;
	color: #828c96;
	text-align: center;
	letter-spacing: -0.5px;
	line-height: 32px;
}

.new_modal .project_submit .order_navigation li:first-child {
	margin-left: 0;
}

.new_modal .project_submit .order_navigation .on {
	background-color: #828c96;
	color: #fff;
}

.new_modal .project_submit .order_navigation .cnt {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 32px;
	height: 32px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.06);
	line-height: 32px;
}

.new_modal .project_submit .order_navigation .check .cnt,
.new_modal .project_submit .order_navigation .checked .cnt {
	color: transparent;
	font-size: 1px;
	text-indent: -10px;
}

.new_modal .project_submit .order_navigation .check .cnt:before {
	position: absolute;
	left: 50%;
	top: 50%;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -738px -841px;
	background-repeat: no-repeat;
	width: 13px;
	height: 10px;
	margin: -5px 0 0 -6px;
	content: '';
}

.new_modal .project_submit .order_navigation .checked .cnt:before {
	position: absolute;
	left: 50%;
	top: 50%;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -841px;
	background-repeat: no-repeat;
	width: 13px;
	height: 10px;
	margin: -5px 0 0 -6px;
	content: '';
}

.new_modal .project_submit .order_navigation.free li {
	width: 356px;
}

.new_modal .project_submit .project_submit_list {
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: normal;
	line-height: 20px;
}

.new_modal .project_submit .project_submit_list dt {
	float: left;
	width: 80px;
	padding-top: 37px;
	font-weight: 600;
	color: #999;
}

.new_modal .project_submit .project_submit_list dd {
	overflow: hidden;
	margin-left: 80px;
	padding-top: 38px;
	color: #666;
	line-height: 20px;
}

.new_modal .project_submit .project_submit_list .active {
	color: #00c73c;
}

.new_modal .project_submit .project_submit_list .dsc_tit {
	color: #333;
}

.new_modal .project_submit .project_submit_list .input_box {
	margin-top: 13px;
	position: relative;
}

.new_modal .project_submit .project_submit_list .input_box .file_name {
	display: inline-block;
	overflow: hidden;
	max-width: 497px;
	padding-left: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
	vertical-align: middle;
}

.new_modal .project_submit .project_submit_list .input_box .file_add {
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding: 0 16px;
	background-color: #fff;
	border: 1px solid #010101;
	font-size: 14px;
	font-weight: 600;
	color: #010101;
	letter-spacing: -1px;
	cursor: pointer;
	vertical-align: middle;
	z-index: 10;
	line-height: 32px;
}

.new_modal .project_submit .project_submit_list .input_box .file_add_back {
	position: absolute;
	left: 0;
	top: 0;
	width: 82px;
	height: 34px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.new_modal .project_submit .project_submit_list .input_box .txtarea {
	overflow-y: auto;
	width: 100%;
	height: 68px;
	padding: 10px;
	border: 1px solid #cbcbcb;
	font-size: 14px;
	color: #666;
	letter-spacing: -1px;
	line-height: 20px;
	vertical-align: top;
}

.new_modal .project_submit .project_submit_list .input_box .txtarea_label {
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 14px;
	color: #999;
	letter-spacing: -1px;
	line-height: 20px;
}

.new_modal .project_submit .project_submit_list .promise_list {
	margin-top: 12px;
}

.new_modal .project_submit .project_submit_list:after {
	display: block;
	clear: both;
	content: '';
}

.new_modal .project_submit .project_submit_list .sub_text {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	color: #999;
	letter-spacing: -0.5px;
	line-height: 14px;
}

.new_modal .project_submit .project_submit_list .sub_text a {
	text-decoration: underline;
	color: #999;
}

.new_modal .project_submit .git_box {
	position: relative;
	margin-top: 14px;
	height: 124px;
}

.new_modal .project_submit .git_box .git_add {
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding: 0 20px;
	background-color: #fff;
	border: 1px solid #010101;
	font-size: 14px;
	font-weight: 600;
	color: #010101;
	letter-spacing: -1px;
	cursor: pointer;
	vertical-align: middle;
	z-index: 10;
	line-height: 32px;
}

.new_modal .project_submit .git_box .scroll_box {
	overflow-y: auto;
	height: 124px;
	border-top: 1px solid #010101;
	border-bottom: 1px solid #d8d8d8;
}

.new_modal .project_submit .git_box .code_list {
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_code_list2.png) repeat;
}

.new_modal .project_submit .git_box .code_list li:first-child {
	border-top: 0;
}

.new_modal .project_submit .git_box .code_list .depth .code_list {
	background: none;
}

.new_modal .project_submit .git_box .code_list .depth .code_list li:first-child {
	border-top: 1px solid #ebebeb;
}

.new_modal .project_submit .git_box .code_list a,
.new_modal .project_submit .git_box .code_list .radio_box {
	height: 40px;
	line-height: 40px;
}

.new_modal .project_submit .git_box .code_list .folder_link.selected {
	color: #333;
	font-weight: 600;
}

.new_modal .project_submit .git_box .code_list .radio_box {
	display: block;
}

.new_modal .project_submit .git_box .code_list .text {
	padding-right: 24px;
}

.new_modal .project_submit .git_box .code_list .arr {
	margin-top: 16px;
}

.new_modal .project_submit .git_box .code_list .list_dash {
	margin-top: 18px;
}

.new_modal .project_submit .review_account {
	margin-top: 40px;
}

.new_modal .project_submit .review_account .account {
	display: block;
	overflow: hidden;
	font-size: 48px;
	font-weight: 300;
	color: #666;
	letter-spacing: -1.5px;
	vertical-align: top;
	line-height: 53px;
}

.new_modal .project_submit .review_account .account .txt {
	float: left;
	margin-top: 28px;
	font-size: 14px;
	font-weight: 700;
	color: #999;
	vertical-align: top;
	letter-spacing: -0.5px;
	line-height: 16px;
}

.new_modal .project_submit .review_account .account em {
	padding-left: 28px;
	font-weight: 700;
	color: #00c73c;
}

.new_modal .project_submit .review_account .account_dsc {
	margin-top: 16px;
	font-size: 16px;
	font-weight: 300;
	color: #666;
	letter-spacing: -0.5px;
	line-height: 18px;
}

.new_modal .project_submit .review_account .account_dsc .sub {
	font-size: 14px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: normal;
	color: #999;
}

.new_modal .project_submit .review_account .account_chk {
	margin: 11px 0 -7px 0;
}

.new_modal .project_submit .review_account .account_chk .ick .ph {
	color: #4d6fee;
}

.new_modal .payment_info .info_sjt {
	display: block;
	font-weight: 700;
	color: #999;
	letter-spacing: -0.5px;
	line-height: 16px;
}

.new_modal .payment_info .list {
	padding-top: 8px;
}

.new_modal .payment_info .list li {
	overflow: hidden;
	margin-top: 16px;
}

.new_modal .payment_info .list .sjt {
	display: block;
	overflow: hidden;
	font-size: 16px;
	color: #333;
	letter-spacing: -0.5px;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
	line-height: 18px;
}

.new_modal .payment_info .list .cnt {
	float: right;
	padding-left: 10px;
	font-weight: 300;
	color: #666;
	letter-spacing: -0.4px;
	line-height: 18px;
}

.new_modal .payment_info .list .cnt em {
	font-weight: 700;
	color: #00c73c;
}

.new_modal .caution_box {
	margin-top: 40px;
	padding-top: 40px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_account_dash.png) repeat-x;
}

.new_modal .caution_box .list {
	overflow: hidden;
	background-color: #f9fafb;
	padding: 16px 24px 24px;
}

.new_modal .caution_box .list li {
	position: relative;
	margin-top: 8px;
	padding-left: 12px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: normal;
	color: #999;
	letter-spacing: -0.5px;
	line-height: 16px;
}

.new_modal .caution_box .list li:before {
	position: absolute;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	background-color: #ccc;
	content: '';
}

.new_modal .caution_info {
	margin-top: 16px;
	color: #666;
	letter-spacing: -0.4px;
	line-height: 16px;
}

.new_modal .caution_info a {
	color: #666;
	text-decoration: underline;
}

.new_modal .payment_foot_info {
	overflow: hidden;
	padding-top: 12px;
}

.new_modal .payment_foot_info .list {
	overflow: hidden;
	margin-left: -8px;
	padding: 0;
	width: 670px;
	background: none;
}

.new_modal .payment_foot_info .list li {
	float: left;
	position: relative;
	padding: 0 8px;
	margin-top: 4px;
	font-size: 12px;
	color: #999;
	letter-spacing: -1px;
	line-height: 14px;
}

.new_modal .payment_foot_info .list li:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background-color: #e4e4e4;
	content: '';
}

.new_modal .payment_foot_info .list a {
	color: #999;
	text-decoration: none;
}

.new_modal .payment_foot_info .law {
	margin-top: 16px;
}

.new_modal .payment_foot_info .law a {
	display: inline-block;
	font-size: 12px;
	letter-spacing: -1px;
	color: #999;
	line-height: 13px;
	font-weight: 300;
}

.new_modal .payment_foot_info .law .policy:before {
	content: '';
	display: inline-block;
	margin: 1px 8px 0 4px;
	background-color: #e4e4e4;
	width: 1px;
	height: 10px;
	vertical-align: top;
}

.new_modal .payment_foot_info .law .policy {
	font-weight: 700;
	width: auto;
	margin: 0;
}

.new_modal .account_result {
	margin-top: 40px;
	display: block;
	font-size: 20px;
	font-weight: 300;
	color: #333;
	letter-spacing: -0.5px;
	line-height: 32px;
}

.new_modal .import_kv_modal .modal_body {
	max-height: 530px;
}

.new_modal .import_kv_modal .table {
	table-layout: fixed;
}

.new_modal .import_kv_modal .table .text {
	font-size: 14px;
	letter-spacing: -0.5px;
	color: #666;
	line-height: 16px;
}

.new_modal .import_kv_modal .table thead th:first-child, .new_modal .import_kv_modal .table tbody th {
	padding-left: 10px;
}

.new_modal .import_kv_modal .table thead th:last-child, .new_modal .import_kv_modal .table tbody td:last-child {
	padding: 20px 10px;
}

.new_modal .import_kv_modal .table tbody img {
	vertical-align: middle;
}

.new_modal .import_kv_modal .table td.disabled + td .thumb img {
	opacity: 0.5;
}

.new_modal .import_kv_modal .table td.disabled ~ td .text {
	color: #999;
}

.table.table_type2 tbody th.title.center, .table.table_type2 tbody td.title.center, .table.table_type2 tfoot th.title.center, .table.table_type2 tfoot td.title.center {
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 212px;
}

.table.table_type2 tbody th.title.txt_hidden, .table.table_type2 tbody td.title.txt_hidden, .table.table_type2 tfoot th.title.txt_hidden, .table.table_type2 tfoot td.title.txt_hidden {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 256px;
}

.timeline_noti {
	line-height: 21px;
}

.btn_wrap {
	text-align: center;
	background-color: #f9f9f9;
}

.btn_wrap .btn {
	padding: 30px 0;
	height: 100%;
	width: 100%;
}

.modal_con {
	height: 591px;
	overflow-y: auto;
}

.setting_wrap {
	padding: 24px;
	background-color: #f9f9f9;
	border-top: 1px solid #010101;
}

.setting_wrap li:nth-child(n+2) {
	overflow: hidden;
	margin-top: 6px;
}

.setting_wrap .sjt {
	float: left;
	width: 64px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	line-height: 25px;
}

.setting_wrap .inp_li .sjt {
	line-height: 32px;
}

.setting_wrap .inp_li .inner:before, .setting_wrap .inp_li .inner:after {
	display: table;
	clear: both;
	content: ' ';
}

.setting_wrap .inner {
	display: block;
	overflow: hidden;
}

.setting_wrap .ph {
	letter-spacing: -1px;
}

.setting_wrap .inner_input_wrap {
	vertical-align: top;
	float: left;
}

.setting_wrap .inner_input_wrap .it + .ick {
	margin-top: 4px;
	float: right;
}

.setting_wrap .inner_file_wrap {
	float: left;
	margin-left: 16px;
}

.setting_wrap .inner_file_wrap .info {
	padding-left: 8px;
}

.setting_wrap .inner_file_wrap .info_txt {
	line-height: normal;
}

.setting_wrap .inner_file_wrap .btn.btn_type2 {
	width: 86px;
}

.setting_wrap .inner_file_wrap .img_group .img.noimg .inner {
	background-color: #FFF;
}

.setting_wrap .inner_file_wrap .img_group .info_txt em {
	display: block;
	color: #999;
	font-size: 12px;
}

.setting_wrap .label_wrap:nth-child(n+2) {
	margin-top: 4px;
}

.setting_wrap .label_wrap .it input {
	height: 32px;
}

.setting_wrap .term_setting .sjt.term {
	line-height: 34px;
}

.setting_wrap .term_setting .check_wrap {
	height: 34px;
	line-height: 34px;
	display: inline-block;
}

.setting_wrap .term_setting .check_wrap .ick .radio {
	margin-top: 5px;
}

.setting_wrap .term_setting .input_wrap {
	margin-left: 24px;
	height: 34px;
	display: inline-block;
	vertical-align: top;
}

.list_wrap .lecture_add {
	margin-top: 24px;
}

.list_wrap .lecture_add .lecture_group_manager {
	margin-bottom: 8px;
}

.list_wrap .lecture_add .lecture_group_top {
	padding: 8px 96px 7px 20px;
}

.list_wrap .lecture_add .lecture_group_top .le_txt {
	font-size: 16px;
}

.list_wrap .lecture_add .lecture_group_body > li {
	padding: 18px 86px 18px 20px;
	height: 75px;
	min-height: 75px;
}

.list_wrap .lecture_add .list_title {
	display: block;
}

.list_wrap .lecture_add .ph {
	display: block;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.list_wrap .lecture_add .txt {
	color: #999;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.list_wrap .lecture_add .big_img {
	display: none;
	font-size: 14px;
	color: #00c73c;
	margin-right: 24px;
}

.list_wrap .lecture_add .big_img.on {
	display: inline-block;
}

.modal_content.menu_mobile_manage {
	width: 960px;
	border: 0;
}

.modal_content.menu_mobile_manage .modal_header {
	border-bottom: none;
}

.modal_content.menu_mobile_manage .inner_content {
	overflow: hidden;
}

.modal_content.menu_mobile_manage .menu_control_area {
	float: left;
	overflow-y: scroll;
	width: 480px;
	height: 538px;
	border: solid 1px #e0e0e0;
	background-color: #fdfdfd;
}

.modal_content.menu_mobile_manage .menu_control_area .menu_index {
	display: table;
	padding: 0 8px 0 32px;
	height: 31px;
	background-color: #fdfdfd;
	border-bottom: 1px solid #e0e0e0;
}

.modal_content.menu_mobile_manage .menu_control_area .menu_index span {
	display: table-cell;
	width: 56px;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
}

.modal_content.menu_mobile_manage .menu_control_area .menu_index span:first-child {
	width: 272px;
	padding-right: 8px;
}

.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item {
	display: table;
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
}

.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item {
	padding: 0 8px 0 32px;
}

.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item .menu_name {
	display: inline-block;
	max-width: 264px;
	overflow: hidden;
	font-weight: bold;
	color: #010101;
	vertical-align: top;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
}

.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item > span {
	display: table-cell;
	width: 56px;
	text-align: center;
	vertical-align: middle;
}

.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item > span:first-child {
	width: 272px;
	text-align: left;
	line-height: 54px;
}

.modal_content.menu_mobile_manage .control_info_area {
	float: left;
	margin-left: 24px;
}

.modal_content.menu_mobile_manage .control_info_area:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 396px;
	height: 263px;
	vertical-align: top;
}

.modal_content.menu_mobile_manage .control_info_area .info_list {
	width: 396px;
	padding: 24px;
	background-color: #f9fafb;
}

.modal_content.menu_mobile_manage .control_info_area .info_list li {
	position: relative;
	margin-top: 8px;
	padding-left: 12px;
	color: #999;
	line-height: 17px;
}

.modal_content.menu_mobile_manage .control_info_area .info_list li:before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #ccc;
	content: '';
}

.modal_content.menu_mobile_manage .control_info_area .info_list li:first-child {
	margin-top: 0;
}

.modal_content.menu_mobile_manage .modal_footer {
	border-top: none;
	padding-top: 16px;
}

.modal_content.menu_mobile_manage .modal_footer .btn_reload {
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px 20px;
	border: 1px solid #333;
	color: #010101;
	line-height: 16px;
}

.modal_wrap .modal_body.type3.thumb_box_area {
	padding: 30px 0;
}

.thumb_box_area .view_thumb {
	float: left;
	position: relative;
	width: 420px;
	height: 236px;
	-webkit-background-size: cover;
	        background-size: cover;
	text-align: center;
}

.thumb_box_area .view_thumb img {
	max-width: 100%;
	max-height: 100%;
}

.thumb_box_area .view_thumb:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #d1d1d1;
	content: '';
}

.thumb_box_area .thumb_list_box {
	height: 236px;
	padding-left: 4px;
	overflow: hidden;
}

.thumb_box_area .thumb_list_box .thumb_list {
	overflow: hidden;
	margin-top: -10px;
}

.thumb_box_area .thumb_list_box .thumb_list li {
	float: left;
	position: relative;
	width: 128px;
	height: 72px;
	margin: 10px 0 0 10px;
}

.thumb_box_area .thumb_list_box .thumb_list li:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #d1d1d1;
	content: '';
}

.thumb_box_area .thumb_list_box .thumb_list .thumb_box {
	display: block;
	position: relative;
	height: 100%;
	overflow: hidden;
	text-align: center;
}

.thumb_box_area .thumb_list_box .thumb_box img {
	max-width: 100%;
	max-height: 100%;
}

.thumb_box_area .thumb_list_box .thumb_list li:hover {
	border-color: #000;
	cursor: pointer;
}

.thumb_box_area .thumb_list_box .thumb_list li:hover:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
	content: '';
}

.thumb_box_area .thumb_list_box .thumb_list li:hover:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #000;
	z-index: 30;
	content: '';
}

.thumb_box_area .thumb_list_box .thumb_list li:hover .thumb_box:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-14px, -14px);
	    -ms-transform: translate(-14px, -14px);
	        transform: translate(-14px, -14px);
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -276px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	z-index: 20;
	content: '';
	cursor: pointer;
}

.thumb_box_area .thumb_list_box .thumb_list li.selected:before {
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background-color: rgba(0, 199, 60, 0.8);
	z-index: 10;
	content: '';
}

.thumb_box_area .thumb_list_box .thumb_list li.selected .thumb_box:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-14px, -14px);
	    -ms-transform: translate(-14px, -14px);
	        transform: translate(-14px, -14px);
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -308px;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	z-index: 20;
	content: '';
	cursor: pointer;
}

.thumb_box_area .thumb_list_box .thumb_list li.selected:hover:after {
	content: none;
}

.thumb_box_area .thumb_list_box:after {
	display: block;
	clear: both;
	content: '';
}

.thumb_box_area .if {
	margin-top: 20px;
}

.thumb_box_area .info_box {
	margin-top: 15px;
}

.thumb_box_area .info_box p {
	position: relative;
	padding-left: 6px;
	color: #999;
	font-size: 12px;
	letter-spacing: -0.5px;
	line-height: 15px;
}

.thumb_box_area .info_box p:after {
	position: absolute;
	top: 7px;
	left: 0;
	width: 2px;
	height: 1px;
	background-color: #999;
	content: '';
}

.thumb_box_area .info_box p + p {
	margin-top: 4px;
}

.live_student_list .modal_header {
	border-bottom: 0;
}

.live_student_list .modal_body {
	max-height: 100%;
}

.live_student_list .modal_footer {
	padding: 16px 0 39px;
}

.live_student_list .nav_tab {
	margin: 13px 0 21px;
}

.live_student_list .nav_tab li a {
	padding: 0 37px;
	font-size: 16px;
	letter-spacing: -0.5px;
}

.live_student_list .nav_tab .active a {
	color: #010101;
}

.live_student_list .range_box {
	padding-bottom: 8px;
	text-align: right;
}

.live_student_list .range_box .ick {
	font-size: 14px;
}

.live_student_list .range_box .ick + .ick {
	margin-left: 21px;
}

.live_student_list .progress_area .progress {
	display: inline-block;
	width: 100px;
	height: 10px;
	margin-left: 82px;
	-webkit-border-radius: 1px;
	        border-radius: 1px;
}

.live_student_list .progress_area .progress .progress_bar {
	height: 100%;
	background: #00c73c;
}

.live_student_list .progress_area .per {
	margin-left: 5px;
	font-size: 14px;
}

.live_student_list .float_left {
	float: left;
}

.live_student_list .table_wrap {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 451px;
	padding-top: 3px;
}

.live_student_list .table_wrap table {
	border-bottom: 0;
}

.live_student_list .table_wrap table .align_left {
	text-align: left;
}

.live_student_list .table_wrap .watch_status {
	vertical-align: -2px;
}

.live_student_list .chosen-container {
	width: 240px !important;
}

.live_student_list .chosen-container .chosen-drop {
	top: auto;
	bottom: 100%;
	margin-bottom: -1px;
}

.live_student_list .chosen-container.chosen-container-single.chosen-with-drop .chosen-single {
	border-bottom-color: #CBCBCB !important;
}

.inspect_pop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 3000;
}

.inspect_pop .popup_wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 320px;
	margin: -240px 0 0 -160px;
	padding: 64px 24px 23px;
	-webkit-border-radius: 16px;
	        border-radius: 16px;
	background-color: #fff;
	box-shadow: 0 32px 32px 0 rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 32px 32px 0 rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.inspect_pop .pop_title {
	display: block;
	font-size: 32px;
	font-weight: bold;
	color: #333;
	line-height: 39px;
}

.inspect_pop .pop_text {
	padding-top: 24px;
	font-size: 14px;
	color: #333;
	line-height: 20px;
}

.inspect_pop .pop_text em {
	font-weight: bold;
	color: #00c73c;
}

.inspect_pop .pop_guide {
	padding: 77px 0 16px;
	font-size: 12px;
	color: #999;
	line-height: 16px;
}

.inspect_pop .input_check input[type="checkbox"] {
	appearance: auto;
	-webkit-appearance: auto;
	width: 12px;
	height: 12px;
	margin-top: -1px;
	vertical-align: middle;
}

.inspect_pop .input_check .check_text {
	font-size: 14px;
	color: #666;
	vertical-align: middle;
}

.inspect_pop .close {
	display: block;
	position: absolute;
	top: 24px;
	right: 24px;
	background-position: -683px -485px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.whale_inspect_pop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3000;
}

.whale_inspect_pop .pc {
	display: block;
}

.whale_inspect_pop .popup_wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 480px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	padding: 30px;
	-webkit-border-radius: 16px;
	        border-radius: 16px;
	background-color: var(--w-white);
	box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.18), 0 2px 4px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.18), 0 2px 4px 0 rgba(0, 0, 0, 0.15);
	border: solid 0.5px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.whale_inspect_pop .pop_title {
	display: block;
	position: relative;
	padding-left: 40px;
	font-size: 32px;
	font-weight: bold;
	color: #1e73e8;
	line-height: 48px;
}

.whale_inspect_pop .pop_title:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	background-position: -4px -92px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.whale_inspect_pop .pop_text {
	padding-top: 24px;
	font-size: 14px;
	color: #000;
	line-height: 22px;
}

.whale_inspect_pop .pop_text em {
	font-weight: bold;
	color: #00c73c;
}

.whale_inspect_pop .pop_info {
	padding: 16px;
	background-color: #f5f5f5;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.whale_inspect_pop .pop_info dt {
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	line-height: 23px;
}

.whale_inspect_pop .pop_info dd {
	color: #000;
	font-size: 13px;
	line-height: 20px;
}

.whale_inspect_pop .pop_info dd + dt {
	padding-top: 16px;
}

.whale_inspect_pop .btn_wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 24px;
	-webkit-box-pack: end;
	-moz-box-justify-content: flex-end;
	-ms-flex-pack: end;
	-webkit-justify-content: end;
	        justify-content: end;
	background-color: #fff;
}

.whale_inspect_pop .btn_wrap .btn_pop {
	height: 40px;
	padding: 0 15px;
	margin-left: 8px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	border: solid 1px rgba(0, 0, 0, 0.12);
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	color: #000;
}

.whale_inspect_pop .close {
	overflow: hidden;
	position: absolute;
	top: 16px;
	right: 16px;
	background-position: -620px -716px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.small_margin .modal_header {
	border-width: 0;
}

.small_margin .modal_header .modal_title {
	padding: 8px 0 7px;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	line-height: 150%;
}

.small_margin .modal_body {
	overflow: visible;
	max-height: none;
}

.small_margin .modal_content {
	padding: 0 30px 30px;
	-webkit-border-radius: 16px;
	        border-radius: 16px;
}

.small_margin .modal_content .modal_close {
	background-position: -620px -716px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.small_margin .checkbox_list dt {
	font-size: 14px;
	font-weight: 700;
	color: #2187ec;
	line-height: 150%;
}

.small_margin .checkbox_list dd {
	margin-top: 12px;
	line-height: 18px;
}

.small_margin .modal_footer {
	padding-top: 20px;
	border-width: 0;
	font-size: 0;
}

.small_margin .modal_footer .btn + .btn {
	margin-left: 10px;
}

.comment {
	background: #fff;
}

.comment .comment_list {
	padding-top: 24px;
}

.comment .comment_list > ul > li > .comment_area {
	border-bottom: 1px solid #f0f0f0;
}

.comment .comment_list .private,
.comment .comment_list .del {
	padding: 0 !important;
	color: #999;
}

.comment .comment_list .private:before,
.comment .comment_list .del:before {
	top: 22px !important;
}

.comment .comment_list .private .comment_area,
.comment .comment_list .del .comment_area {
	padding: 10px 0;
}

.comment .comment_list .private .comment_view_mode,
.comment .comment_list .del .comment_view_mode {
	padding-left: 0  !important;
	font-size: 0;
}

.comment .comment_list .private .comment_desc,
.comment .comment_list .del .comment_desc {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}

.comment .comment_list .private .comment_desc:before,
.comment .comment_list .del .comment_desc:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -266px -761px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	vertical-align: top;
}

.comment .comment_list .private .comment_desc p,
.comment .comment_list .del .comment_desc p {
	display: inline-block;
	margin: 12px 0 0 15px;
	font-weight: 700;
	vertical-align: top;
	font-size: 14px;
}

.comment .comment_list .private .comment_info,
.comment .comment_list .del .comment_info {
	display: inline-block;
	margin-top: 10px;
	font-size: 12px;
}

.comment .comment_list .del .comment_desc:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -178px -761px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
}

.comment .comment_list + .se_editor_wrap {
	border-width: 0 0 1px;
}

.comment .comment_area {
	padding: 40px 0 30px 0;
}

.comment .comment_area:before, .comment .comment_area:after {
	display: table;
	clear: both;
	content: ' ';
}

.comment .comment_area .comment_desc {
	min-height: 16px;
}

.comment .comment_area .comment_desc p {
	margin: 0;
	word-break: break-all;
	min-height: 1.78em;
	line-height: 1.78em;
}

.comment .comment_area .comment_desc p:last-child {
	min-height: 16px;
	line-height: 16px;
}

.comment .comment_area .thumb {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -134px -761px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	overflow: hidden;
	float: left;
	position: relative;
	text-indent: 0;
}

.comment .comment_area .thumb img {
	vertical-align: top;
}

.comment .comment_area .comment_view_mode {
	overflow: hidden;
	padding-left: 20px;
}

.comment .comment_area .comment_btn {
	padding: 8px 0 0 63px;
}

.comment .comment_area .comment_btn ul li {
	display: inline-block;
}

.comment .comment_area .se_editor_wrap {
	margin-left: 50px;
}

.comment .comment_area .comment_info {
	color: #949494;
}

.comment .comment_area .comment_info:before, .comment .comment_area .comment_info:after {
	display: table;
	clear: both;
	content: ' ';
}

.comment .comment_area .comment_info ul {
	font-size: 0;
}

.comment .comment_area .comment_info li {
	display: inline-block;
	color: #999;
	line-height: 1.8em;
	font-size: 12px;
	vertical-align: top;
}

.comment .comment_area .comment_info li .username {
	font-size: 14px;
	color: #333;
	font-weight: 700;
	display: inline-block;
	margin-top: 1px;
}

.comment .comment_area .comment_info li span {
	display: inline-block;
}

.comment .comment_area .comment_info li .ic_ad {
	margin: 4px 0 0 2px;
}

.comment .comment_area .comment_info li .ico_g_lock3 {
	position: relative;
	top: -1px;
	margin-left: 11px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	overflow: visible;
	background-position: -660px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.comment .comment_area .comment_info li .ico_g_lock3:before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #e0e0e0;
	position: absolute;
	top: 6px;
	left: -6px;
}

.comment .comment_area .comment_info li [data-elapsed-time] {
	margin-left: 8px;
}

.comment .comment_area .comment_info li a.btn_tx {
	padding: 0;
	border: none;
	vertical-align: top;
	color: #999;
}

.comment .comment_area .comment_info li a.btn_tx:before {
	display: inline-block;
	overflow: hidden;
	position: relative;
	top: 1px;
	width: 1px;
	height: 11px;
	margin: 0 7px 0 6px;
	background: #ccc;
	content: '';
}

.comment .comment_area .comment_info li a.btn_tx em {
	color: #909090;
}

.comment .comment_area + .comment_write_wrap {
	margin-top: -1px;
}

.comment .comment_write_wrap {
	position: relative;
	border: 1px solid #d1d1d1;
}

.comment .comment_write_wrap .comment_input {
	position: relative;
	height: 68px;
	letter-spacing: -1px;
}

.comment .comment_write_wrap .comment_input .input_text {
	display: block;
	width: 100%;
	height: 100%;
	padding: 12px 16px;
	border: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #666;
	letter-spacing: -1px;
}

.comment .comment_write_wrap .comment_input .input_guide {
	position: absolute;
	left: 16px;
	top: 12px;
	color: #999;
}

.comment .comment_write_wrap .comment_tool {
	padding: 6px 6px 5px;
	border-top: 1px solid #d1d1d1;
	text-align: right;
}

.comment .comment_write_wrap .comment_tool .ick {
	margin: 10px 16px 0 0;
}

.comment .comment_write_wrap .comment_tool .ick .ph {
	color: #999;
}

.comment .comment_children_wrap {
	position: relative;
}

.comment .comment_children_wrap .se_editor_wrap,
.comment .comment_children_wrap .comment_write_wrap {
	margin: 30px 0 10px 85px;
}

.comment .comment_children_wrap .se_editor_wrap:before,
.comment .comment_children_wrap .comment_write_wrap:before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: -22px;
	width: 12px;
	height: 12px;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	vertical-align: middle;
	content: '';
}

.comment .comment_children_wrap .children {
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #f0f0f0;
	background: none;
}

.comment .comment_children_wrap .children .comment_area {
	padding: 10px 0 10px 85px;
}

.comment .comment_children_wrap .children .comment_area .thumb {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -73px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	text-indent: 0;
}

.comment .comment_children_wrap .children:before {
	display: inline-block;
	position: absolute;
	top: 32px;
	left: 63px;
	width: 12px;
	height: 12px;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	vertical-align: middle;
	content: '';
}

.comment .comment_children_wrap .children .se_editor_area,
.comment .comment_children_wrap .children .comment_btn {
	padding-left: 0;
}

.comment .comment_children_wrap .children .se_editor_area {
	padding-top: 15px;
}

.nav_tab3 {
	margin: 80px 0 24px 0;
}

.nav_tab3 ul {
	border-bottom: 1px solid #edf0f2;
}

.nav_tab3 ul::after {
	content: '';
	display: block;
	clear: both;
}

.nav_tab3 ul li {
	float: left;
}

.nav_tab3 ul li + li {
	margin-left: 24px;
}

.nav_tab3 ul li.active a {
	color: #25292f;
	border-bottom-color: #25292f;
}

.nav_tab3 ul li a {
	display: block;
	color: #828c96;
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	padding-bottom: 11px;
	border-bottom: 4px solid transparent;
	margin-bottom: -1px;
}

body.re_pack .share .new_comment_wrap {
	padding-top: 0;
	position: relative;
	height: 100%;
}

body.re_pack .share .new_comment_wrap .comment_scroll {
	height: 100%;
	position: relative;
	padding-bottom: 48px;
}

body.re_pack .share .new_comment_wrap .comment {
	height: 100%;
	display: block;
}

body.re_pack .share .new_comment_wrap .comment .comment_more_view {
	padding: 16px;
}

body.re_pack .share .new_comment_wrap .comment .comment_more_view .more_view_btn {
	display: block;
	background: #F5F7F7;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	padding: 15px 0;
	text-align: center;
	color: #25292f;
	font-size: 15px;
	line-height: 18px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap {
	background: transparent;
	-webkit-box-shadow: none;
	        box-shadow: none;
	z-index: 1000;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.focus .comment_wrap .mce-edit-area.mce-container {
	border-top-color: #25292f !important;
	border-right-color: #25292f !important;
	border-left-color: #25292f !important;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.focus .se_editor_area {
	border-right-color: #25292f;
	border-left-color: #25292f;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.focus .comment_footer_wrap {
	border-right-color: #25292f;
	border-left-color: #25292f;
	border-bottom-color: #25292f;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .dimmed {
	background: transparent;
	opacity: 1;
	z-index: 30;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .dimmed .ph {
	position: absolute;
	top: 15px;
	font-size: 13px;
	line-height: 20px;
	color: #25292f;
	left: 16px;
	opacity: 1;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .dimmed .ph b {
	font-weight: 700;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_wrap .mce-tinymce.mce-container {
	width: 100%;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_wrap .mce-edit-area.mce-container {
	border: 1px solid #EDF0F2 !important;
	height: auto;
	min-height: 60px;
	padding: 15px 16px;
	display: block;
	-webkit-border-radius: 4px 4px  0 0;
	        border-radius: 4px 4px  0 0;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap {
	display: block;
	height: auto;
	position: relative;
	padding: 8px;
	top: auto;
	right: auto;
	background: #FFFFFF;
	border-width: 0 1px 1px 1px;
	border-color: #EDF0F2;
	border-style: solid;
	-webkit-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .bubb {
	z-index: 1100;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l {
	display: block;
	padding: 0;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l > span {
	width: 32px;
	height: 32px;
	margin-right: 0;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l > span button {
	width: 32px;
	height: 32px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_image {
	width: 32px;
	height: 32px;
	background-position: -753px -451px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_file {
	width: 32px;
	height: 32px;
	background-position: -793px -451px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_katex {
	background-position: -833px -411px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r {
	right: auto;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group {
	display: inline-block;
	top: 0;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick {
	margin-right: 16px;
	padding-left: 24px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .checkbox {
	border: 0;
	top: 3px;
	background-position: -588px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .checkbox.checked {
	background-position: -612px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .checkbox.checked:after {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .checkbox.disabled {
	background-position: -636px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .ph {
	font-size: 13px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .btn.btn_type1[data-btn="cancel"] {
	display: inline-block;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .btn_type1[data-btn="save"] {
	right: auto;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1 {
	border-width: 0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	line-height: 32px;
	height: 32px;
	background-color: #828C96;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1 + .btn_type1 {
	margin-left: 8px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1[data-btn="cancel"] {
	color: #828C96;
	background: #FFFFFF !important;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1[data-btn="cancel"]:hover {
	background: #FAFAFA !important;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice {
	display: block;
	position: absolute;
	right: 142px;
	bottom: 17px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice.only_opt {
	right: 72px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice:after {
	content: '';
	display: block;
	clear: both;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick {
	float: right;
	padding-left: 24px;
	line-height: 22px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .checkbox {
	top: 6px;
	border: 0;
	background-position: -588px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.checked {
	background-position: -612px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	border-color: transparent;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.checked:after {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.disabled {
	background-position: -636px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .ph {
	color: #666666;
	font-size: 13px;
	line-height: 14px;
	padding-top: 8px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .se_editor_area {
	display: block;
	background: #FFFFFF;
	border-color: #EDF0F2;
	padding: 16px 16px 0 16px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap .sub_modal.math {
	width: 364px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.writing .comment_footer_wrap .btn_type1 {
	background-color: #03C75A;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.logout {
	height: 50px;
	overflow: hidden;
	padding: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .se_editor_wrap {
	border: 1px solid #edf0f2 !important;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	padding: 0;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .comment_wrap {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .se_editor_area {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .comment_footer_wrap {
	border: 0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .comment_footer_wrap .btn_area_l {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .comment_footer_wrap .btn_area_r .check_group {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .comment_footer_wrap .btn_area_r .btn_type1 {
	display: block;
	background-color: #D0D6D9;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .comment_footer_wrap .btn_area_r .btn_type1[data-btn="cancel"] {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .set_notice {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_list {
	height: 100%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
	overflow-y: auto;
	overflow-x: hidden;
}

body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li {
	position: relative;
}

body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .comment_view_mode {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .se_editor_area div[class^="f_"] {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .se_editor_area div {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .comment_btn {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing + .se_wrap {
	display: block;
	-webkit-box-shadow: none;
	        box-shadow: none;
	padding: 4px 16px 17px 16px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing + .se_wrap .se_editor_wrap {
	margin: -50px 0 0 48px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing + .se_wrap .se_editor_wrap .se_editor_area:before {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .del .comment_area {
	padding: 16px 24px 16px 64px;
	position: relative;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .del .comment_area .comment_view_mode {
	padding-left: 0;
	min-height: 32px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .del .comment_area .comment_desc::before {
	position: absolute;
	left: 16px;
	top: 16px;
	background-position: -753px -491px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .del .comment_area .comment_desc p {
	display: block;
	color: #828C96;
	line-height: 14px;
	margin: 0;
	font-weight: 400;
	min-height: auto;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .del .comment_area .comment_info {
	display: block;
	color: #828C96;
	margin-top: 4px;
	font-size: 11px;
	line-height: 12px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area {
	position: relative;
	padding-left: 64px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area .comment_desc {
	min-height: unset;
	min-height: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area .comment_desc:before {
	position: absolute;
	left: 16px;
	top: 16px;
	background-position: -753px -531px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area .comment_desc p {
	display: block;
	color: #828C96;
	line-height: 14px;
	padding-top: 1px;
	margin: 0;
	min-height: auto;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area .comment_info {
	display: block;
	color: #828C96;
	margin-top: 4px;
	font-size: 11px;
	line-height: 12px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area .comment_info li [data-elapsed-time] {
	color: #828c96;
	font-size: 11px;
	line-height: 12px;
	margin-left: 0;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .se_wrap {
	background: #fff;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area {
	padding: 16px;
	border-bottom: 0;
	background-color: #FFFFFF;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area + .se_wrap {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area::before {
	content: '';
	display: block;
	width: 1px;
	top: 64px;
	bottom: 0px;
	background-color: #edf0f2;
	position: absolute;
	left: 31px;
	z-index: 1000;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .thumb {
	display: block;
	width: 32px;
	height: 32px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	position: absolute;
	left: 0;
	overflow: hidden;
	background-color: #fff !important;
	position: relative;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .thumb.bgnone:before {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .thumb:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 32px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/profile-def.png) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	        background-size: 100% 100%;
	content: '';
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .thumb:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: solid 1px rgba(0, 0, 0, 0.04);
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .se_editor_area .f_file .file_link {
	padding-right: 16px;
	max-width: 140px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .se_editor_area div[class^="f_"]:last-child {
	margin-bottom: 8px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .se_editor_area.view {
	margin-top: -8px;
	background: transparent;
	border-color: transparent;
	padding-left: 48px;
	padding-bottom: 0;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_view_mode {
	padding-left: 16px;
	overflow: hidden;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li {
	font-size: 0;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li .username {
	color: #25292F;
	font-size: 13px;
	line-height: 14px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 4px;
	vertical-align: top;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li .ic_ad {
	font-size: 13px;
	margin: 1px 0 0 4px;
	padding-left: 7px;
	position: relative;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li .ic_ad::before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #e0e0e0;
	position: absolute;
	top: 5px;
	left: 0px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li:first-child {
	display: block;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li [data-elapsed-time] {
	color: #828c96;
	font-size: 11px;
	line-height: 12px;
	margin-left: 0;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li .btn_tx:before {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_desc p {
	color: #25292f;
	font-size: 13px;
	line-height: 20px;
	min-height: 20px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_desc p a {
	color: #03C75A;
	text-decoration: underline;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_desc p:only-child {
	margin: 20px 0;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .se_editor_area + .comment_btn {
	padding-top: 8px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn {
	padding: 0 0 0 48px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more {
	position: absolute;
	top: 19px;
	right: 16px;
	z-index: 100;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_btn {
	width: 24px;
	height: 24px;
	display: block;
	background-position: -785px -571px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list {
	min-width: 71px;
	display: none;
	border: 1px solid #25292F;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.04);
	        box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.04);
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	position: absolute;
	top: 32px;
	right: 0;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list li {
	display: block;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list li + li {
	border-top: 1px solid #EDF0F2;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list a {
	display: block;
	color: #25292d;
	font-size: 13px;
	line-height: 14px;
	padding: 13px 24px !important;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #fff;
	text-align: center;
	white-space: nowrap;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list.on {
	display: block;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom {
	width: auto;
	height: 32px;
	padding: 6px 15px 0;
	font-size: 0;
	border: 1px solid #EDF0F2;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom:hover {
	border-color: #03C75A;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom i {
	display: inline-block;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom i svg {
	vertical-align: -3px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom em {
	color: #25292f;
	font-size: 13px;
	line-height: 14px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom.on i svg path:first-child {
	fill: #03C75A;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom::before {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply {
	width: 64px;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #EDF0F2;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply:before {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply i {
	display: inline-block;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply i svg {
	vertical-align: -4px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply em {
	color: #25292f;
	font-size: 13px;
	line-height: 14px;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply.on i svg path:first-child {
	fill: #03C75A;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area.mine {
	background-color: #fff;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area.admin {
	background-color: #F5FDF7;
}

body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area.admin + .se_wrap {
	background-color: #F5FDF7;
}

body.re_pack .share .new_comment_wrap .comment .comment_none {
	padding: 89px 0;
	text-align: center;
}

body.re_pack .share .new_comment_wrap .comment .comment_none .contents_none {
	color: #828C96;
	font-size: 13px;
	line-height: 22px;
}

body.re_pack .share .new_comment_wrap .comment #_wrap_comment_list > li .comment_children_wrap .comment_area.editing + .se_wrap .se_editor_wrap {
	margin: -60px 0 0 104px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap > .se_wrap .se_editor_area:before {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap > .se_wrap .comment_footer_wrap .btn.btn_type1[data-btn="cancel"] {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap > .se_wrap .comment_footer_wrap .btn.btn_type1.on {
	margin-left: 0;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children {
	background-color: #FAFAFA;
	padding: 0;
	border-bottom: 0;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area {
	padding: 16px 0px 16px 64px;
	margin-top: 0;
	background-color: #FAFAFA;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area.admin {
	background-color: #F5FDF7;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area .thumb {
	width: 24px;
	height: 24px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area .thumb:before {
	width: 24px;
	height: 24px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/profile-def.png) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	        background-size: 100% 100%;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area .comment_view_mode .comment_desc {
	padding-right: 16px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area .comment_btn {
	padding-top: 8px;
	padding-left: 40px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area .comment_btn .more {
	top: 19px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area .se_editor_area.view {
	padding-top: 0;
	padding-left: 40px;
	margin-top: -8px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children:before {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .del .comment_area {
	background-color: #FAFAFA;
	padding: 16px 24px 16px 104px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .del .comment_area .comment_view_mode {
	min-height: 24px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .del .comment_area .comment_view_mode .comment_desc::before {
	width: 24px;
	height: 24px;
	left: 64px;
	background-position: -260px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .private .comment_area {
	background-color: #FAFAFA;
	padding: 16px 24px 16px 104px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .private .comment_area .comment_view_mode {
	min-height: 24px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .private .comment_area .comment_view_mode .comment_desc::before {
	width: 24px;
	height: 24px;
	left: 64px;
	background-position: -612px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_editor_area:before {
	content: '';
	display: block;
	width: 1px;
	top: 55px;
	bottom: 0px;
	height: auto;
	border: 0;
	background-color: #edf0f2;
	position: absolute;
	left: 75px;
	z-index: 1000;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_editor_wrap {
	padding: 16px 16px 16px 0;
	margin: 0 0 0 64px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_editor_wrap:before {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .comment_write_wrap {
	margin: 0 0 0 64px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .comment_write_wrap:before {
	display: none;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap {
	-webkit-box-shadow: none;
	        box-shadow: none;
	background: #FAFAFA;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap.logout {
	height: 82px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	padding: 16px 16px 16px 0;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap.logout .se_editor_wrap .dimmed .ph {
	top: 14px;
	left: 16px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap.focus .comment_wrap .mce-edit-area.mce-container {
	border-top-color: #25292f !important;
	border-right-color: #25292f !important;
	border-left-color: #25292f !important;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap.focus .se_editor_area {
	border-right-color: #25292f;
	border-left-color: #25292f;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap.focus .comment_footer_wrap {
	border-right-color: #25292f;
	border-left-color: #25292f;
	border-bottom-color: #25292f;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap .set_notice {
	right: 163px;
	bottom: 33px;
}

body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap .set_notice.only_opt {
	right: 88px;
}

body.re_pack .share .new_comment_wrap .se_editor_area {
	padding: 2px 16px 16px;
}

body.re_pack .share .new_comment_wrap .se_editor_area .f_img {
	display: inline-block;
	vertical-align: top;
	width: 120px;
	height: 68px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_whaleclass/img_thumb.svg) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	        background-size: 100% auto;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	overflow: hidden;
}

body.re_pack .share .new_comment_wrap .se_editor_area .f_img > a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: 1px solid rgba(0, 23, 20, 0.04);
}

body.re_pack .share .new_comment_wrap .se_editor_area .f_img + .f_img {
	margin-left: 8px;
}

body.re_pack .share .new_comment_wrap .se_editor_area .f_img:hover > a:after {
	border-color: #25292F;
}

body.re_pack .share .new_comment_wrap .se_editor_area .f_img:hover .f_close {
	background-position: -554px -517px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

body.re_pack .share .new_comment_wrap .se_editor_area .f_img .f_close {
	top: 4px;
	right: 4px;
	background-position: -164px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	z-index: 10;
}

body.re_pack .share .new_comment_wrap .se_editor_area .f_file {
	color: #333;
	height: 32px;
	border: 0;
	padding: 0;
}

body.re_pack .share .new_comment_wrap .se_editor_area .f_file [class*='file_link'] {
	display: inline-block;
	vertical-align: top;
	max-width: 171px;
	padding: 9px 40px 7px 16px;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	background-color: #edf0f2;
	position: relative;
}

body.re_pack .share .new_comment_wrap .se_editor_area .f_file .name {
	max-width: 100%;
	font-size: 13px;
	line-height: 14px;
}

body.re_pack .share .new_comment_wrap .se_editor_area .f_file .ico, body.re_pack .share .new_comment_wrap .se_editor_area .f_file .size {
	display: none;
}

body.re_pack .share .new_comment_wrap .se_editor_area .f_file .f_close {
	width: 40px;
	height: 32px;
	background-position: -364px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	top: 50%;
	right: 16px;
	margin-top: -8px;
}

body.re_pack .share .new_comment_wrap .se_editor_area .f_file .btn_type3 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent;
	border: 0;
	height: auto;
}

body.re_pack .share .new_comment_wrap .paginate {
	margin-top: 0;
	margin-bottom: 80px;
}

body.re_pack .share .new_comment_wrap .paginate .pre, body.re_pack .share .new_comment_wrap .paginate .next {
	width: 40px;
	height: 40px;
}

body.re_pack .share .new_comment_wrap .paginate .page_list a {
	height: 40px;
	line-height: 40px;
}

body.re_pack .share .live_notice_wrap {
	padding: 24px 0;
	display: block;
}

body.re_pack .share .live_notice_wrap.fold {
	position: relative;
	display: block;
	top: auto;
	left: auto;
}

body.re_pack .share .live_notice_wrap .notice_inner {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

body.re_pack .share .live_notice_wrap .notice_inner .live_notice {
	overflow: hidden;
	max-height: none;
	max-height: unset;
}

body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice {
	padding: 15px 16px 15px 48px;
}

body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice:before {
	top: 13px;
}

body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice p, body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice br {
	display: none;
}

body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice .attach {
	display: none;
}

body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice .content + p {
	display: block;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 20px;
}

body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice .f_file_link {
	padding-right: 16px;
}

body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .f_img, body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .f_file {
	margin-bottom: 8px;
}

body.re_pack .share .live_notice_wrap.open_all .notice_inner .live_notice {
	padding-bottom: 40px;
}

body.re_pack .share .live_notice_wrap.open_all .notice_inner .live_notice .list .notice p, body.re_pack .share .live_notice_wrap.open_all .notice_inner .live_notice .list .notice br {
	display: block !important;
	color: #000;
	font-size: 13px;
	line-height: 20px;
	word-break: keep-all;
	white-space: normal !important;
	overflow: hidden !important;
	text-overflow: unset !important;
	max-height: none !important;
	max-height: unset !important;
}

body.re_pack .share .live_notice_wrap.open_all .notice_inner .live_notice .list .notice .content + p {
	white-space: normal !important;
	overflow: hidden !important;
	text-overflow: unset !important;
	max-height: none !important;
	max-height: unset !important;
}

body.re_pack .share .live_notice_wrap.open_all .notice_inner .live_notice .list .notice .attach {
	display: block;
}

body.re_pack .share .live_notice_wrap.open_all .notice_inner .toggle_btn {
	border-top: 1px solid var(--wc-button04);
}

body.re_pack .share .se_wrap + .live_tab_wrap {
	margin-top: 24px;
}

body.re_pack .share .live_tab_wrap {
	padding-bottom: 24px;
	border-bottom: 1px solid #f7f7f7;
}

body.re_pack .share .live_tab_wrap:after {
	content: '';
	display: block;
	clear: both;
}

body.re_pack .share .live_tab_wrap .group_l {
	float: left;
}

body.re_pack .share .live_tab_wrap .group_l .tab_list:after {
	content: '';
	display: block;
	clear: both;
}

body.re_pack .share .live_tab_wrap .group_l .tab_list .tab {
	float: left;
}

body.re_pack .share .live_tab_wrap .group_l .tab_list .tab > a {
	color: #828C96;
	font-size: 13px;
	line-height: 24px;
	padding: 6px;
}

body.re_pack .share .live_tab_wrap .group_l .tab_list .tab:first-child > a {
	padding-left: 0;
}

body.re_pack .share .live_tab_wrap .group_l .tab_list .tab.selected > a {
	font-weight: bold;
	color: #25292f;
}

body.re_pack .share .live_tab_wrap .group_r {
	float: right;
}

body.re_pack .share .live_tab_wrap .group_r .btn_mine_box .text {
	color: #384047;
	font-size: 13px;
	line-height: 24px;
	padding-right: 8px;
}

body.re_pack .share .live_tab_wrap .group_r .btn_mine_box .btn_mine {
	float: right;
	color: inherit;
	text-decoration: none;
	overflow: visible;
	border: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
	background: 0 0;
	cursor: pointer;
}

body.re_pack .share .live_tab_wrap .group_r .btn_mine_box .btn_mine.on .ico_mine {
	background-position: -753px -351px;
	background-repeat: no-repeat;
	width: 40px;
	height: 24px;
	background-repeat: no-repeat;
	width: 40px;
	height: 24px;
}

body.re_pack .share .live_tab_wrap .group_r .btn_mine_box .ico_mine {
	display: block;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background-position: -801px -351px;
	background-repeat: no-repeat;
	width: 40px;
	height: 24px;
	background-repeat: no-repeat;
	width: 40px;
	height: 24px;
}

.material_view:after:before, .material_view:after:after {
	display: table;
	clear: both;
	content: ' ';
}

.material_view.material_flash {
	overflow: visible !important;
	padding-bottom: 10px !important;
}

.material_view.material_flash .material_partnered {
	width: 800px;
}

.material_view.material_text .material_desc {
	padding: 0;
}

.material_view .upload {
	overflow: hidden;
	position: relative;
}

.material_view .upload .filename_box {
	overflow: hidden;
	height: 34px;
	border: 1px solid #CECECE;
	cursor: pointer;
}

.material_view .upload .filename_box .name {
	overflow: hidden;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0 9px;
	border: none;
	background-color: #FFF;
	line-height: 34px;
	color: #999 !important;
}

.material_view .btn_rmcplayer_close {
	position: absolute;
	right: -24px;
	top: 0;
	width: 24px;
	height: 24px;
	padding: 5px;
	border: 1px solid #e4e4e4;
	background-color: #fff;
}

.material_view .btn_rmcplayer_close:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -226px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	vertical-align: top;
	content: '';
}

.material_view .material_item {
	overflow: hidden;
	position: relative;
	float: left;
	width: 199px;
	height: 148px;
	margin-right: 10px;
	text-align: center;
	border: none;
}

.material_view .material_item a > span,
.material_view .material_item > span {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 100%;
	vertical-align: top;
	font-size: 0;
}

.material_view .material_item a > span span,
.material_view .material_item > span span {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 10;
	border: 1px solid #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.material_view .material_item a > span:before,
.material_view .material_item > span:before {
	display: inline-block;
	width: 1px;
	height: 148px;
	font-size: 0;
	vertical-align: middle;
	margin-left: -1px;
	content: '';
}

.material_view .material_item img {
	position: relative;
	z-index: 10;
	max-width: 100%;
	vertical-align: middle;
}

.material_view .material_item iframe {
	position: relative;
	z-index: 30;
	vertical-align: top;
}

.material_view .material_item .u_thumb_time {
	min-height: auto;
}

.material_view .material_desc {
	overflow: hidden;
	position: relative;
}

.material_view .material_desc.ico_file_b, .material_view .material_desc.ico_link_b, .material_view .material_desc.ico_quiz_b, .material_view .material_desc.ico_poll_b {
	padding-left: 63px;
}

.material_view .material_desc .btn_type2 + .btn_type2 {
	margin-left: 5px;
}

.material_view .material_desc .btn_type2.op2 {
	cursor: default !important;
}

.material_view .material_desc .txt_area {
	display: block;
	margin-top: 20px;
	border: 1px solid #cecece;
	padding: 15px 18px;
}

.material_view .material_desc .txt_area .tit {
	color: #333;
	display: block;
}

.material_view .material_desc .txt_area .dsc {
	margin-top: 5px;
	color: #666;
}

.material_view .material_status_bar {
	position: relative;
	height: 40px;
	background-color: #fafafa;
	padding: 0 4px;
	font-size: 0;
	text-align: right;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	z-index: 2000;
}

.material_view .material_status_bar:after {
	display: block;
	clear: both;
	content: '';
}

.material_view .material_status_bar a {
	display: inline-block;
	position: relative;
	padding: 0 16px;
	font-size: 14px;
	text-decoration: none;
	line-height: 40px;
}

.material_view .material_status_bar a:before {
	display: inline-block;
	margin-right: 8px;
	vertical-align: top;
	content: '';
}

.material_view .material_status_bar a + a:after {
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background-color: #d1d1d1;
	vertical-align: top;
	content: '';
}

.material_view .material_status_bar a.btn_sctipt.hidden.on + .btn_script_wrap .btn_sctipt {
	color: #00c73c;
	z-index: 110;
}

.material_view .material_status_bar .btn_script_wrap {
	display: inline-block;
	position: relative;
}

.material_view .material_status_bar .btn_script_wrap .btn_sctipt {
	z-index: 110;
}

.material_view .material_status_bar .btn_view_list + .btn_sctipt.hidden + .btn_script_wrap:after {
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background-color: #d1d1d1;
	vertical-align: top;
	content: '';
}

.material_view .material_status_bar .btn_sctipt:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -711px -761px;
	background-repeat: no-repeat;
	width: 50px;
	height: 22px;
	margin-top: 9px;
}

.material_view .material_status_bar a.btn_sctipt.hidden.on + .btn_script_wrap .btn_sctipt:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -765px -761px;
	background-repeat: no-repeat;
	width: 50px;
	height: 22px;
	margin-top: 9px;
}

.material_view .material_status_bar .btn_view_list:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -278px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 10px;
}

.material_view .material_status_bar .btn_view_list.on:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -302px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 10px;
}

.material_view .material_status_bar .option_script {
	display: none;
	position: absolute;
	top: 40px;
	right: 0;
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
	        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	z-index: 100;
}

.material_view .material_status_bar .btn_script_wrap:hover .option_script {
	display: block;
}

.material_view .material_status_bar .option_script iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.material_view .material_status_bar .option_script .option_list {
	min-width: 175px;
}

.material_view .material_status_bar .option_script .option_list li {
	position: relative;
	background-color: #fff;
}

.material_view .material_status_bar .option_script .option_list li:hover {
	background-color: #f9f9f9;
}

.material_view .material_status_bar .option_script .option_list a {
	display: block;
	padding: 12px 20px 12px 49px;
	margin: 0;
	font-size: 14px;
	text-align: left;
	color: #a0a0a0;
	letter-spacing: normal;
	line-height: 16px;
}

.material_view .material_status_bar .option_script .option_list a:before {
	content: none;
}

.material_view .material_status_bar .option_script .option_list li.active:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -814px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 16px;
	content: '';
}

.material_view .material_status_bar .option_script .option_list li.active a {
	font-weight: bold;
	color: #00c73c;
}

.material_view .material_status_bar .btn_back {
	position: absolute;
	left: 4px;
	top: 0;
	color: #010101;
}

.material_view .material_status_bar .btn_back:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -137px;
	background-repeat: no-repeat;
	width: 10px;
	height: 16px;
	margin: 12px 14px 0 0;
}

.material_view .material_status_bar .btn_back:after {
	display: none;
}

.material_view .material_status_bar .btn_live::before {
	display: none;
}

.material_view .material_status_bar .btn_live.on {
	color: #00c73c;
}

.material_view .material_status_bar .btn_live.on .icon_live {
	color: #00c73c;
	border-color: #00c73c;
}

.material_view .material_status_bar .icon_live {
	display: inline-block;
	height: 22px;
	padding: 0 6px;
	margin-right: 5px;
	border: solid 1px #666;
	font-size: 14px;
	color: #666;
	vertical-align: middle;
	line-height: 22px;
	-webkit-border-radius: 16px;
	        border-radius: 16px;
	letter-spacing: 0;
}

.material_view .material_status_list_box {
	position: relative;
	margin-top: 25px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
}

.material_view .material_status_list_box .tab_list {
	border-bottom: 1px solid #dedede;
}

.material_view .material_status_list_box .tab_list li {
	position: relative;
	float: left;
	width: 127px;
}

.material_view .material_status_list_box .tab_list:after {
	display: block;
	clear: both;
	content: '';
}

.material_view .material_status_list_box .tab_list .tab_link {
	display: block;
	position: relative;
	height: 48px;
	text-align: center;
}

.material_view .material_status_list_box .tab_list .script {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -711px -761px;
	background-repeat: no-repeat;
	width: 50px;
	height: 22px;
	margin-top: 13px;
	vertical-align: top;
}

.material_view .material_status_list_box .tab_list .bookmark {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -150px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 14px;
	vertical-align: top;
}

.material_view .material_status_list_box .tab_list .lang_set {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -465px -668px;
	background-repeat: no-repeat;
	width: 24px;
	height: 20px;
	margin-top: 14px;
	vertical-align: top;
}

.material_view .material_status_list_box .tab_list .tab_link.on .script {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -765px -761px;
	background-repeat: no-repeat;
	width: 50px;
	height: 22px;
}

.material_view .material_status_list_box .tab_list .tab_link.on .bookmark {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -790px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.material_view .material_status_list_box .tab_list .tab_link.on .lang_set {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -437px -668px;
	background-repeat: no-repeat;
	width: 24px;
	height: 20px;
}

.material_view .material_status_list_box .tab_list .tab_link.on:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	background-color: #00c73c;
	content: '';
}

.material_view .material_status_list_box .tab_list .tab_link.disabled {
	cursor: default;
}

.material_view .material_status_list_box .tab_list .tab_link.disabled .lang_set {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -521px -668px;
	background-repeat: no-repeat;
	width: 24px;
	height: 20px;
}

.material_view .material_status_list_box .tab_list .lang_sel_box {
	position: absolute;
	left: 0;
	top: 49px;
	width: 230px;
	background-color: #fff;
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
	        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
	z-index: 10;
}

.material_view .material_status_list_box .tab_list .lang_sel_box .scroll_box {
	max-height: 240px;
	height: auto;
	border-top: 0;
	border-bottom: 1px solid #e9e9e9;
}

.material_view .material_status_list_box .tab_list .lang_sel_box .lang_list li {
	float: none;
	position: relative;
	width: auto;
	height: 40px;
	line-height: 40px;
}

.material_view .material_status_list_box .tab_list .lang_sel_box .lang_list li:hover {
	background-color: #f9f9f9;
}

.material_view .material_status_list_box .tab_list .lang_sel_box .lang_list .lang_chk {
	position: relative;
	display: block;
	height: 40px;
	padding: 0 16px 0 49px;
	color: #a0a0a0;
	cursor: pointer;
}

.material_view .material_status_list_box .tab_list .lang_sel_box .lang_list input[type="checkbox"]:checked + .lang_chk {
	color: #00c73c;
	font-weight: 600;
}

.material_view .material_status_list_box .tab_list .lang_sel_box .lang_list input[type="checkbox"]:checked + .lang_chk:before {
	position: absolute;
	left: 16px;
	top: 10px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -814px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	content: '';
}

.material_view .material_status_list_box .tab_list .lang_sel_box .lang_list .drag {
	display: block;
	position: absolute;
	top: 13px;
	right: 16px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -486px;
	background-repeat: no-repeat;
	width: 9px;
	height: 15px;
	cursor: move;
}

.material_view .material_status_list_box .tab_list .lang_sel_box .btn_close {
	display: block;
	height: 40px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 700;
	color: #000;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}

.material_view .material_status_list_box .scroll_box {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	height: 400px;
	overflow-y: auto;
}

.material_view .material_status_list_box .script_list {
	padding-top: 10px;
	background-color: #e9ebec;
}

.material_view .material_status_list_box .script_list li {
	border-top: 1px solid #e9ebec;
	background-color: #fff;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	color: #999;
	letter-spacing: 0;
}

.material_view .material_status_list_box .script_list li:first-child {
	border-top: 0;
}

.material_view .material_status_list_box .script_list .list_inner {
	position: relative;
	padding: 12px 18px 14px 56px;
}

.material_view .material_status_list_box .script_list .bookmark {
	overflow: hidden;
	position: absolute;
	left: 20px;
	top: 14px;
	width: 20px;
	height: 20px;
}

.material_view .material_status_list_box .script_list .bookmark .bk_star {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -742px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.material_view .material_status_list_box .script_list .bookmark input[type="checkbox"]:checked + .bk_star {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -454px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.material_view .material_status_list_box .script_list .time {
	font-size: 12px;
	letter-spacing: 0;
}

.material_view .material_status_list_box .script_list .lang_dsc {
	display: none;
	margin-top: 3px;
	line-height: 24px;
	word-break: break-all;
}

.material_view .material_status_list_box .script_list .lang_dsc.on {
	display: block;
}

.material_view .material_status_list_box .script_list .lang_dsc + .lang_dsc {
	margin-top: 8px;
}

.material_view .material_status_list_box .script_list .lang_dsc::selection {
	background-color: rgba(0, 199, 60, 0.25);
	color: inherit;
}

.material_view .material_status_list_box .script_list .active {
	background-color: #f7f7f7;
	color: #333;
}

.material_view .material_status_list_box .script_list .active .highlight {
	font-weight: 600;
	color: #00c73c;
}

.material_view .material_status_list_box .script_list .controll_box {
	position: absolute;
	right: 18px;
	top: 12px;
	font-size: 0;
}

.material_view .material_status_list_box .script_list .controll_box .btn_merge {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -345px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.material_view .material_status_list_box .script_list .controll_box .btn_merge.on {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -541px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.material_view .material_status_list_box .script_list .controll_box .btn_merge_cancel {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -569px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.material_view .material_status_list_box .script_list .controll_box .btn_merge_cancel.on {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -65px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.material_view .material_status_list_box .script_list .controll_box .btn_repeat {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -625px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	margin-left: 12px;
}

.material_view .material_status_list_box .script_list .controll_box .btn_repeat.on {
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/repeat_ing_1x_01sec.gif) no-repeat;
}

.material_view .material_status_list_box .script_list .controll_box .btn_interval {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -149px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	margin-left: 12px;
}

.material_view .material_status_list_box .script_list .controll_box .btn_interval.on {
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/interval_ing_1x_01sec.gif) no-repeat;
}

.material_view .material_status_list_box .script_list.line {
	border-bottom: 1px solid #e9ebec;
}

.material_view .material_status_list_box .tooltip {
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	padding: 0 16px;
	background-color: #222;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	font-size: 14px;
	color: #fff;
	letter-spacing: -0.5px;
	text-align: center;
	line-height: 40px;
}

.material_view .material_status_list_box .tooltip:after {
	position: absolute;
	right: 50%;
	top: 39px;
	display: block;
	width: 0px;
	height: 0px;
	margin-right: -6px;
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #222 transparent transparent transparent;
	content: '';
}

.material_view .material_status_list_box .tooltip.interval:after {
	right: 15px;
	margin-right: auto;
}

.material_view .material_status_list_box .tooltip.dic_search {
	width: 54px;
	height: 40px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #00c73c;
}

.material_view .material_status_list_box .tooltip.dic_search:after {
	border-color: #00c73c transparent transparent transparent;
}

.material_view .material_status_list_box .tooltip.dic_search:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -671px -668px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	overflow: hidden;
	margin: 11px auto;
	content: '';
}

.material_view .material_status_list_box .bookmark_none_list {
	padding: 29px 40px 0;
	height: 360px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.material_view .material_status_list_box .bookmark_none_list li {
	position: relative;
	margin-top: 19px;
	padding-left: 40px;
	line-height: 24px;
	color: #999;
	letter-spacing: -0.5px;
}

.material_view .material_status_list_box .bookmark_none_list li:before {
	position: absolute;
	left: -2px;
	top: 0;
	vertical-align: top;
	content: '';
}

.material_view .material_status_list_box .bookmark_none_list .bookmark:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -742px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	left: -1px;
	top: 1px;
}

.material_view .material_status_list_box .bookmark_none_list .repeat:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -625px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.material_view .material_status_list_box .bookmark_none_list .interval:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -149px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.material_view .material_play_list_box {
	margin-top: 25px;
	border: 1px solid #e6e6e6;
}

.material_view .material_play_list_box ::selection {
	background-color: rgba(0, 199, 60, 0.25);
	color: inherit;
}

.material_view .material_play_list_box .play_list_sjt {
	display: block;
	position: relative;
	height: 48px;
	right: 0;
	padding: 0 187px 0 20px;
	background-color: #fafafa;
	line-height: 48px;
}

.material_view .material_play_list_box .play_list_sjt .sjt {
	display: block;
	overflow: hidden;
	color: #333;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	letter-spacing: -1px;
}

.material_view .material_play_list_box .scroll_box {
	overflow-y: auto;
	height: 400px;
	border-top: 1px solid #e6e6e6;
}

.material_view .material_play_list_box .play_time {
	position: absolute;
	right: 20px;
	top: 0;
	font-size: 13px;
	color: #999;
}

.material_view .material_play_list_box .play_time .time br {
	display: none;
}

.material_view .material_play_list_box .play_list li {
	border-top: 1px solid #f5f5f5;
	color: #666;
	line-height: 20px;
	letter-spacing: 0;
}

.material_view .material_play_list_box .play_list li:first-child {
	border-top: 0;
}

.material_view .material_play_list_box .play_list .link {
	display: block;
	position: relative;
	padding: 16px 187px 16px 40px;
	color: #666;
	word-break: break-all;
	text-decoration: none;
	letter-spacing: 0;
}

.material_view .material_play_list_box .play_list .link .play_time {
	top: 17px;
	line-height: 20px;
}

.material_view .material_play_list_box .play_list .selected .link,
.material_view .material_play_list_box .play_list .selected .play_time {
	color: #333;
	font-weight: 600;
}

.material_view .material_play_list_box .play_list .selected .link:before {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #00c73c;
	content: '';
}

.material_view .material_play_list_box .play_list.line {
	border-bottom: 1px solid #f5f5f5;
}

.material_view .desc {
	margin: 0;
}

.material_view .desc dt,
.material_view .desc dd {
	margin: 0;
}

.material_view.material_spread .material_item {
	float: none;
	width: 100%;
	height: auto;
	margin-right: 0;
	text-align: center;
}

.material_view.material_spread .material_desc {
	padding-top: 12px;
}

.material_view.material_spread.material_image {
	position: relative;
}

.material_view.material_spread.material_image .material_item span > span {
	height: auto !important;
}

.material_view.material_spread.material_url .material_item iframe {
	width: 100% !important;
	height: 575px !important;
}

.material_view.material_spread.material_url .material_item iframe.show_element + img {
	display: none !important;
}

.material_view .file_info {
	position: relative;
	margin: 0 0 20px 0;
	padding: 1px 0 0 64px;
	min-height: 46px;
}

.material_view .file_info:before, .material_view .file_info:after {
	display: table;
	clear: both;
	content: ' ';
}

.material_view .file_info:before {
	position: absolute;
	top: 0;
	left: 0;
}

.material_view .file_info.type2 {
	padding: 0;
	min-height: auto;
}

.material_view .file_info.type_flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0;
	min-height: auto;
}

.material_view .file_info.type_flex .ico_uio_box {
	margin-right: 20px;
	font-size: 0;
}

.material_view .file_info .btn {
	margin: 0 0 0 6px;
	vertical-align: top;
	cursor: pointer;
}

.material_view .file_info .btn.ico_uio_va, .material_view .file_info .btn.ico_uio_al {
	padding: 0;
	width: 24px;
	height: 24px;
}

.material_view .file_info .btn input {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.material_view .file_info .info {
	position: relative;
	top: -1px;
	font-size: 12px;
	color: #999;
}

.material_view .file_info .info span {
	display: inline-block;
	float: left;
}

.material_view .file_info .info .bar {
	margin: 0 8px;
	color: #CCC;
}

.material_view .file_info .url {
	margin: 10px 0 0;
}

.material_view .inner_add {
	position: relative;
	margin-top: 20px;
}

.material_view .inner_add .ick {
	position: absolute;
	top: 15px;
}

.material_view .inner_add .set_video_thumb {
	display: block;
	padding: 15px 21px 16px;
	border: 1px solid #d1d1d1;
	line-height: 17px;
	color: #333;
}

.material_view .inner_add .set_video_thumb:hover {
	text-decoration: none;
}

.material_view .inner_add .lnk {
	display: block;
	height: 48px;
	padding: 0 20px;
	margin-left: 20px;
	border: 1px solid #d1d1d1;
	background-color: #fff;
	text-decoration: none;
	line-height: 46px;
	color: #333;
}

.material_view .inner_add .lnk .list_status {
	margin-left: 20px;
}

.material_view .subtitle {
	position: relative;
	margin: 16px 0 0 0;
	z-index: 50;
}

.material_view .subtitle .inner {
	position: relative;
}

.material_view .subtitle .inner .slt,
.material_view .subtitle .inner .btn {
	position: absolute;
	top: 0;
}

.material_view .subtitle .inner .slt {
	position: relative;
	float: left;
	margin-right: 10px;
}

.material_view .subtitle .inner .btn {
	right: 0;
}

.material_view .subtitle .inner + .inner2 {
	margin-top: 15px;
}

.material_view .subtitle .inner:after {
	display: block;
	clear: both;
	content: '';
}

.material_view .subtitle .inner2 {
	font-size: 12px;
}

.material_view .subtitle .inner2:before, .material_view .subtitle .inner2:after {
	display: table;
	clear: both;
	content: ' ';
}

.material_view .subtitle .inner2 + .inner2 {
	padding: 16px 0 0 15px;
}

.material_view .subtitle .inner2 .lg {
	display: block;
	position: relative;
	padding: 9px 40px 7px 15px;
	background-color: #f7f7f7;
	color: #333;
	font-size: 14px;
}

.material_view .subtitle .inner2 .lg + .lg {
	margin-top: 10px;
}

.material_view .subtitle .inner2 .lg a {
	display: block;
	color: #666;
	line-height: 23px;
}

.material_view .subtitle .inner2 .lg > span {
	display: block;
	color: #999;
	font-size: 12px;
}

.material_view .subtitle .inner2 .lg .bar {
	background-color: #999;
	margin: 0 4px;
}

.material_view .subtitle .inner2 .lg .ico_close_b {
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -11px 0 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -174px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.material_view .subtitle .inner2 .config {
	float: left;
}

.material_view .subtitle .inner2 .config + .config {
	margin: 0 0 0 50px;
}

.material_view .subtitle .inner2 .config .ick + .ick {
	margin-left: 11px;
}

.material_view .subtitle .inner2 .config strong {
	float: left;
	margin: 0 20px 0 0;
	color: #333;
}

.material_view .subtitle .inner2.subtitle_file {
	background-color: #fafafa;
}

.material_view .subtitle .inner2.subtitle_file .lg {
	border-top: 1px solid #fff;
}

.material_view .subtitle .inner2.subtitle_file .lg:first-child {
	border-top: none;
}

.material_view .subtitle .inner2.subtitle_file .lg + .lg {
	margin-top: 0;
}

.material_view .subtitle .inner_add {
	display: inline-block;
	height: 48px;
	margin: 24px 0 47px;
}

.material_view .subtitle .inner_add .set_list, .material_view .subtitle .inner_add .set_playtime {
	display: inline-block;
	position: relative;
}

.material_view .subtitle .inner_add .set_playtime {
	margin-left: 12px;
}

.material_view .subtitle .inner_add .lnk {
	display: inline-block;
	width: 331px;
	height: 48px;
	padding: 0 20px;
	margin-left: 20px;
	border: 1px solid #d1d1d1;
	background-color: #fff;
	text-decoration: none;
	line-height: 46px;
	color: #333;
}

.material_view .subtitle .inner_add .lnk .list_status {
	color: #666;
	margin-left: 20px;
}

.material_view .subtitle .inner_add .lnk .list_status strong {
	display: inline-block;
	color: #00c73c;
}

.material_view .subtitle .inner_add.multi {
	overflow: hidden;
}

.material_view .subtitle .inner_add.multi .lnk {
	overflow: hidden;
	float: left;
	width: 355px;
}

.material_view .subtitle .inner_add.multi .lnk .list_status {
	float: right;
}

.material_view .subtitle .inner_add.multi .lnk + .lnk {
	margin-left: 8px;
}

.material_view .subtitle .inner_box {
	margin-top: 16px;
	font-size: 0px;
	white-space: nowrap;
}

.material_view .subtitle .inner_box + .inner_add {
	margin-top: 16px;
}

.material_view .subtitle .inner_box .half_box {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-right: 8px;
}

.material_view .subtitle .inner_box .half_box + .half_box {
	padding-left: 8px;
}

.material_view .subtitle .inner_box .half_box .border_btn {
	display: block;
	height: 46px;
	border: 1px solid #d1d1d1;
	background-color: #fff;
	line-height: 46px;
	font-size: 14px;
	color: #333;
	text-align: center;
	text-decoration: none;
}

.material_view .subtitle .inner_box .half_box .point_text {
	color: #03c75a;
}

.material_view.material_code .config {
	font-size: 14px;
}

.material_view.material_code .config .title {
	float: left;
	margin-right: 24px;
}

.material_view.material_code .config .option_area {
	overflow: hidden;
}

.material_view.material_code .config .ick + .ick {
	margin-left: 9px;
}

.material_view.material_code .config .txt_desc {
	margin-top: 2px;
}

.material_view.material_code .code_inn {
	margin-top: 21px;
}

.material_view.material_code .code_inn .it + .it {
	margin-top: 10px;
}

.material_view.material_code .txt_desc.no_ico {
	display: inline-block;
	margin-top: -5px;
}

.ce_toolbar {
	z-index: 200;
	position: relative;
	width: 100%;
	margin: 20px 0 15px;
}

.ce_toolbar:before, .ce_toolbar:after {
	display: table;
	clear: both;
	content: ' ';
}

.ce_toolbar .dummy {
	position: relative;
	width: 100%;
	height: 80px;
}

.ce_toolbar .toolbar_inner {
	position: absolute;
	width: 100%;
	top: 0;
	background: #fff;
}

.ce_toolbar .toolbar_inner.fixed {
	position: fixed;
	top: 0;
	width: 760px;
}

.ce_toolbar .toolbar_inner > iframe {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}

.ce_toolbar .ce_utils_area {
	position: relative;
	z-index: 20;
	border: 1px solid #D1D1D1;
}

.ce_toolbar .ce_utils_area:before, .ce_toolbar .ce_utils_area:after {
	display: table;
	clear: both;
	content: ' ';
}

.ce_toolbar .ce_utils_area .materials_btn_group {
	overflow: hidden;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn {
	display: table-cell;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 50px 0 0;
	border: 0;
	border-left: 1px solid #F2F2F2;
	height: 78px;
	font-size: 14px;
	color: #333;
	text-align: center;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn:first-child {
	border-left-color: transparent;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn:before {
	position: absolute;
	top: 9px;
	left: 50%;
	margin: 0 0 0 -18px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_text:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -534px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_movie:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -454px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_img:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -294px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_code:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -254px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_doc:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -374px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_url:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -654px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_poll:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -614px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_cbox:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -174px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active {
	background: #fefefe;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_text:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_text:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -494px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_movie:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_movie:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -414px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_img:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_img:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -94px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_code:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_code:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -334px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_doc:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_doc:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -54px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_url:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_url:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -214px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_poll:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_poll:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -574px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_cbox:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_cbox:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -134px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
}

.ce_toolbar .ce_utils_area .materials_btn_group .btn input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	cursor: pointer;
	background-color: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.ce_toolbar .ce_utils_area .utils_btn_group {
	float: right;
	position: relative;
}

.ce_toolbar .ce_utils_area .public {
	text-align: right;
}

.ce_toolbar .ce_utils_area .public:before, .ce_toolbar .ce_utils_area .public:after {
	display: table;
	clear: both;
	content: ' ';
}

.ce_toolbar .ce_utils_area .public dt,
.ce_toolbar .ce_utils_area .public dd {
	display: inline-block;
}

.ce_toolbar .ce_utils_area .public dd {
	margin: 0;
	color: #999;
}

.ce_toolbar .ce_utils_area .btn_type3,
.ce_toolbar .ce_utils_area .btn_type4 {
	width: 100px;
	padding-right: 0;
	padding-left: 0;
}

.editor_section .material {
	position: relative;
	z-index: 10;
	padding: 20px;
	border: 1px solid #D1D1D1;
	background: #FFF;
	/*&.active .material_text{
			margin-top: 0;
		}

		.material_text{
			margin-top: 10px;
		}
		*/
}

.editor_section .material + .material {
	margin: 15px 0 0 0;
}

.editor_section .material .movable_bar {
	display: none;
}

.editor_section .material.active {
	z-index: 100 !important;
	border-color: #999;
}

.editor_section .material.active .align_type {
	display: block;
}

.editor_section .material.active .movable_bar {
	display: block;
	position: absolute;
	top: -1px;
	right: -11px;
	bottom: -1px;
	width: 11px;
	background: #999;
	-webkit-border-radius: 0 4px 4px 0;
	        border-radius: 0 4px 4px 0;
	cursor: move;
}

.editor_section .material.active .movable_bar:after {
	position: absolute;
	top: 50%;
	right: 3px;
	margin: -4px 0 0 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -336px -693px;
	background-repeat: no-repeat;
	width: 5px;
	height: 7px;
}

.editor_section .material .material_view .desc dt,
.editor_section .material .material_view .desc dd {
	border: 1px solid #D1D1D1;
}

.editor_section .material .material_view .desc dd {
	margin-top: 10px;
}

.editor_section .material .material_view .material_item span.url_img {
	background-position: 50% 50%;
	-webkit-background-size: cover;
	        background-size: cover;
}

.editor_section .material .material_view .material_item span > span {
	height: 148px;
}

.editor_section .material .material_live {
	padding-top: 23px;
}

.editor_section .material .material_live .material_item {
	position: relative;
	float: none;
	width: 100%;
	height: 575px;
	margin-right: 0;
	text-align: center;
}

.editor_section .material .align_type {
	display: none;
	height: 44px;
	margin: -20px -20px 20px;
	padding: 11px 0 0 17px;
	border-bottom: 1px solid #E9E9E9;
}

.editor_section .material .remove {
	z-index: 20;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.editor_section .material .remove .btn_remove_material {
	position: absolute;
	top: 12px;
	right: 14px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -624px;
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}

.editor_section .material .upload input[type="file"] {
	z-index: 100;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 200%;
	height: 100%;
	margin-left: -100%;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.editor_section .material_view {
	margin: 0;
}

.editor_section .input_url {
	position: relative;
	min-height: 46px;
	padding: 6px 24px 0 54px;
}

.editor_section .input_url:before {
	position: absolute;
	top: 0;
	left: 0;
}

.editor_section .input_url .it.type2.it_added .input_area {
	padding-right: 63px;
}

.editor_section .input_url .it.type2.it_added .added {
	top: 6px;
	right: 10px;
}

.editor_section .input_url .it.type2.it_added button {
	border-width: 1px;
	border-style: solid;
}

.editor_section.type_inner .material {
	padding: 0;
	border: none;
	cursor: default;
}

.ce .material.type_editor {
	padding: 0;
	height: 420px;
	max-height: 420px;
}

.ce .material.type_editor .inner,
.ce .material.type_editor .material_text,
.ce .material.type_editor .mce_editor,
.ce .material.type_editor .mce-panel {
	width: 100%;
	height: 100%;
}

.ce .material.type_editor .mce-content-body {
	padding: 10px 20px;
}

.ce .material_poll {
	margin: 0;
}

/* material_view */
.ce_view .material_view {
	overflow: hidden;
}

.ce_view .material_view.material_image, .ce_view .material_view.material_text, .ce_view .material_view.material_video, .ce_view .material_view.material_url, .ce_view .material_view.material_doc, .ce_view .material_view.material_live {
	padding: 15px 0;
}

.ce_view .material_view.material_video.video_script {
	overflow: inherit;
}

.ce_view .material_view.material_live {
	overflow: inherit;
}

.ce_view .material_view.material_live .material_item {
	float: none;
	width: 100%;
	height: 575px;
	margin-right: 0;
	text-align: center;
}

.ce_view .material_view.material_live.full_video .material_item {
	height: auto;
}

.ce_view .material_view.material_live.full_video .material_status_bar {
	text-align: center;
}

.ce_view .material_view.material_live.full_video .material_status_bar .align_left {
	float: none;
	display: inline-block;
	padding: 11px 110px 0;
}

.ce_view .material_view.material_live .align_left {
	float: left;
	padding-left: 13px;
	text-align: left;
}

.ce_view .material_view.material_live .btn_student_popup {
	font-size: 12px;
	color: #333;
	padding: 0;
	line-height: 40px;
}

.ce_view .material_view:first-of-type {
	padding-top: 0;
}

.ce_view .material_view:first-of-type.material_text p:first-child {
	margin-top: 0;
}

.ce_view .material_view .editor_reset hr + p > br:only-child {
	display: none;
}

.ce_view .material_view .material_inner {
	display: block;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
}

.ce_view .material_view .material_item {
	position: relative;
	margin-right: 18px;
	height: auto;
}

.ce_view .material_view .material_item + .material_desc {
	padding-left: 0;
}

.ce_view .material_view .material_item + .material_desc .desc {
	margin: 0 !important;
}

.ce_view .material_view .material_item + .material_desc .desc dd {
	margin-bottom: 0 !important;
}

.ce_view .material_view .material_item .dimmed_layer_box {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1000;
}

.ce_view .material_view .material_item .dimmed_layer_box .block_iframe {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100% !important;
	height: 480px !important;
	border: 0;
	vertical-align: bottom;
}

.ce_view .material_view .material_item .dimmed_layer_box .play_box {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -44px;
	width: 100%;
	text-align: center;
	z-index: 50;
}

.ce_view .material_view .material_item .dimmed_layer_box .play_box .play {
	position: relative;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: 0px -608px;
	background-repeat: no-repeat;
	width: 44px;
	height: 56px;
	opacity: 1;
	filter: alpha(opacity=1);
}

.ce_view .material_view .material_item .dimmed_layer_box .play_box .play:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -48px -608px;
	background-repeat: no-repeat;
	width: 44px;
	height: 56px;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	left: 0;
	top: 0;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	content: '';
}

.ce_view .material_view .material_item .dimmed_layer_box .play_box .play:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
}

.ce_view .material_view .material_item .dimmed_layer_box .play_box .play_time {
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

.ce_view .material_view .material_item .dimmed_layer_box .play_box .play_time em {
	color: #00c73c;
	font-weight: 600;
}

.ce_view .material_view .material_item .dimmed_layer_box .play_box .play_time .total:before {
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #fff;
	opacity: 0.4;
	filter: alpha(opacity=40);
	margin: 5px 4px 0;
	vertical-align: top;
	content: '';
}

.ce_view .material_view .material_item .dimmed_layer_box .progress_bar_box {
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 8px;
	z-index: 30;
}

.ce_view .material_view .material_item .dimmed_layer_box .progress_bar_box .bg_bar {
	display: block;
	height: 8px;
	background: #fff;
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.ce_view .material_view .material_item .dimmed_layer_box .progress_bar_box .play_bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 8px;
	background: #00c73c;
	z-index: 10;
}

.ce_view .material_view .material_item .dimmed_layer_box .dimmed {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 20;
}

.ce_view .material_view .material_desc .desc dt strong {
	color: #333;
}

.ce_view .material_view .material_desc .desc dt strong:empty {
	display: none;
}

.ce_view .material_view .material_desc .desc dd {
	margin: 5px 0 0;
}

.ce_view .material_view .material_desc .desc dd:empty {
	display: none;
}

.ce_view .material_view .material_desc:before {
	position: absolute;
	top: 0;
	left: 0;
}

.ce_view .material_view .material_script {
	margin-top: 25px;
	border: 1px solid #000;
	border-top: 0;
	background: #464650;
}

.ce_view .material_view .material_script .tit_area {
	position: relative;
	min-height: 40px;
	line-height: 25px;
	padding: 18px 16px 10px;
	border-bottom: 1px solid #4c4c58;
}

.ce_view .material_view .material_script .tit_area .tit {
	color: #fff;
	cursor: pointer;
}

.ce_view .material_view .material_script .subtitle {
	overflow-y: auto;
	height: 249px;
	margin: 0;
	padding: 12px 15px;
	border: 0 !important;
	border-top: 1px solid #35353c;
	background: #464650 !important;
	background-image: none !important;
	color: #b3b5bd;
	line-height: 20px;
}

.ce_view .material_view .material_script .subtitle p {
	margin: 21px 0 0;
	cursor: pointer;
}

.ce_view .material_view .material_script .subtitle p:first-child {
	margin: 0;
}

.ce_view .material_view .material_script .subtitle .highlight {
	color: #ffcd00;
	text-decoration: underline;
	font-weight: normal;
}

.ce_view .material_view.material_spread .material_desc {
	padding: 20px 0 0 0;
}

.ce_view .material_view.material_spread .material_item a > span,
.ce_view .material_view.material_spread .material_item > span {
	width: auto;
}

.ce_view .material_view.material_spread .material_item a > span:before,
.ce_view .material_view.material_spread .material_item > span:before {
	display: none;
}

.ce_view .material_view.material_spread .material_item .u_thumb_time {
	width: 100%;
	min-height: auto;
}

.ce_view .material_view.material_image .material_desc, .ce_view .material_view.material_doc .material_desc, .ce_view .material_view.material_poll .material_desc {
	min-height: 46px;
}

.ce_view .material_view.material_url .material_desc {
	min-height: 46px;
}

.ce_view .material_view.material_image .material_desc .desc, .ce_view .material_view.material_doc .material_desc .desc, .ce_view .material_view.material_poll .material_desc .desc {
	margin: 13px 0 0;
}

.ce_view .material_view.material_image .material_desc .desc dd, .ce_view .material_view.material_doc .material_desc .desc dd, .ce_view .material_view.material_poll .material_desc .desc dd {
	margin: 15px 0 0 0;
}

.ce_view .material_view.material_url .material_desc .desc strong {
	display: block;
	margin: 0 0 -3px 0;
}

.ce_view .material_view.material_url .material_desc .desc strong .btn {
	margin-left: 5px;
}

.ce_view .material_view.material_url .material_desc .desc .url_text {
	position: relative;
	font-size: 12px;
	line-height: 14px;
	margin-top: 6px;
	color: #999;
}

.ce_view .material_view.material_poll .material_desc .desc ul {
	padding: 10px 0 0 0;
}

.ce_view .material_view.material_poll .material_desc .desc li + li {
	margin: 7px 0 0 0;
}

.ce_view .material_view.material_poll .material_desc .desc em {
	color: #999;
	margin: 0 0 0 7px;
}

.ce_view div[class^="material"] hr:first-child {
	margin: 0 0 25px 0;
}

.ce_view .group_lr {
	margin-top: 54px;
}

.video_area .u_mvplayer_bar_setting ul li:before,
.material_video .u_mvplayer_bar_setting ul li:before {
	display: none !important;
}

.video_area .slt ul,
.material_video .slt ul {
	padding-left: 0 !important;
}

.video_area .slt li:before,
.material_video .slt li:before {
	display: none !important;
}

.material_view.full_video {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9000;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.material_view.full_video .material_item {
	position: absolute;
	top: 0;
	right: 380px;
	left: 0;
	bottom: 62px;
	width: auto !important;
	margin: 0;
}

.material_view.full_video .material_status_bar {
	position: absolute;
	left: 0;
	right: 380px;
	bottom: 0;
	height: 62px;
	z-index: 10000;
	border-right: 1px solid #dedede;
}

.material_view.full_video .material_status_bar a {
	padding-top: 11px;
}

.material_view.full_video .material_status_bar .live_state {
	float: none;
	font-size: 12px;
	line-height: 62px;
}

.material_view.full_video .material_status_bar .live_state .live_percent_box .text {
	font-size: 12px;
}

.material_view.full_video .material_status_bar .like_box {
	position: absolute;
	top: 11px;
	right: 20px;
	float: none;
	width: 40px;
	height: 40px;
	margin: 0;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #fff;
}

.material_view.full_video .material_status_bar .like_box.effect_show .like_effect_box {
	bottom: 39px;
}

.material_view.full_video .option_script {
	top: inherit;
	bottom: 51px;
	right: -5px;
}

.material_view.full_video .material_status_bar .btn_view_list + .btn_sctipt.hidden + .btn_script_wrap:after {
	top: 31px;
}

.material_view.full_video .material_script {
	position: absolute;
	right: 0;
	width: 380px;
	height: 100%;
	border: 1px solid #000;
	margin-top: 0;
	background: #464650;
}

.material_view.full_video .material_script .tit_area {
	position: relative;
	min-height: 52px;
	padding: 14px 15px;
	border-bottom: 1px solid #4c4c58;
}

.material_view.full_video .material_script .tit {
	color: #fff;
}

.material_view.full_video .material_script .subtitle {
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	top: 52px;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 15px;
	border-top: 1px solid #35353c;
	background-image: none;
	line-height: 20px;
	color: #b3b5bd;
}

.material_view.full_video .material_script .subtitle p {
	margin: 21px 0 0;
}

.material_view.full_video .material_script .subtitle p:first-child {
	margin: 0;
}

.material_view.full_video .material_script .subtitle .highlight {
	font-weight: normal;
	color: #ffcd00;
	text-decoration: underline;
}

.material_view.full_video .bookmark_none_list {
	padding: 29px 26px 0;
	height: auto;
}

.material_view.full_video.subtitle_none .video_img {
	right: 0;
}

.material_view.full_video.subtitle_none .material_script {
	display: none;
}

.material_view.full_video.noscript .material_item {
	bottom: 0;
}

.material_view.full_video.noscript .material_item,
.material_view.full_video.noscript .material_status_bar {
	right: 0;
}

.material_view.full_video.noscript .material_script {
	display: none;
}

.material_view.full_video .upload_progress,
.material_view.full_video .material_desc {
	display: none;
}

.material_view.full_video .material_playlist {
	display: none;
}

.material_view.full_video .material_status_list_box {
	position: absolute;
	right: 0;
	width: 380px;
	height: 100%;
	border: 0;
	margin-top: 0;
	z-index: 10;
}

.material_view.full_video .material_status_list_box .tab_list {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.material_view.full_video .material_status_list_box .tab_list li {
	display: table-cell;
	width: inherit;
	float: none;
}

.material_view.full_video .material_status_list_box .tab_list .tab_link.on:after {
	bottom: 0;
}

.material_view.full_video .material_status_list_box .tab_list .lang_sel_box {
	left: auto;
	right: 20px;
}

.material_view.full_video .material_status_list_box .tab_list .lang_sel_box .scroll_box {
	position: static;
}

.material_view.full_video .material_status_list_box .tab_list .lang_sel_box .scroll_box .lang_list li {
	display: block;
}

.material_view.full_video .material_status_list_box .scroll_box {
	position: absolute;
	left: 0;
	right: 0;
	top: 49px;
	bottom: 0;
	height: auto;
}

.material_view.full_video .material_status_list_box .bookmark_none_list li {
	padding-left: 35px;
}

.material_view.full_video .material_play_list_box {
	position: absolute;
	right: 0;
	width: 380px;
	height: 100%;
	background-color: #fff;
	border-left: 0;
	margin-top: 0;
	z-index: 10;
}

.material_view.full_video .material_play_list_box .scroll_box {
	position: absolute;
	left: 0;
	right: 0;
	top: 48px;
	bottom: 0;
	height: auto;
}

.material_view.full_video .material_play_list_box .play_list {
	border-bottom: 1px solid #f5f5f5;
}

.material_view.full_video .material_play_list_box .play_list_sjt,
.material_view.full_video .material_play_list_box .play_list .link {
	padding-right: 99px;
}

.material_view.full_video .material_play_list_box .play_list_sjt .play_time,
.material_view.full_video .material_play_list_box .play_list .link .play_time {
	top: 0;
	bottom: 0;
	width: 72px;
	max-height: 66px;
	vertical-align: top;
	text-align: right;
	line-height: 15px;
}

.material_view.full_video .material_play_list_box .play_list_sjt .play_time .time,
.material_view.full_video .material_play_list_box .play_list .link .play_time .time {
	display: inline-block;
	margin-left: -1px;
	line-height: 15px;
	vertical-align: middle;
}

.material_view.full_video .material_play_list_box .play_list_sjt .play_time .time br,
.material_view.full_video .material_play_list_box .play_list .link .play_time .time br {
	display: inline;
}

.material_view.full_video .material_play_list_box .play_list_sjt .play_time:before,
.material_view.full_video .material_play_list_box .play_list .link .play_time:before {
	display: inline-block;
	width: 1px;
	height: 100%;
	vertical-align: middle;
	content: '';
}

.material_view.full_video .material_status_list_box .script_list {
	border-bottom: 1px solid #e9ebec;
}

.survey_group {
	margin: 40px 0;
	border: 1px solid #e6e6e6;
	border-width: 1px 0;
	padding: 29px 0 40px;
}

.survey_group .group_lr {
	margin-top: 0;
}

.survey_group .group_lr .tit_section {
	margin: 5px 0 12px !important;
	font-size: 16px;
}

.survey_group .group_lr + .material {
	padding-top: 5px;
}

.survey_group .group_lr + .material .remove {
	display: none;
}

.survey_group .survey_inn {
	margin-top: 15px;
	border: 1px solid #d1d1d1;
}

.survey_group .survey_inn .txt_desc {
	margin: 10px 15px 0;
}

.survey_group .survey_inn ul {
	margin: 14px 15px 0;
}

.survey_group .survey_inn ul li {
	position: relative;
	padding: 0 0 0 25px;
	display: block;
}

.survey_group .survey_inn ul li ~ li {
	margin-top: 12px;
}

.survey_group .survey_inn ul li .ick {
	position: absolute;
	top: 4px;
	left: 0;
}

.survey_group .survey_inn ul li .ipt {
	position: relative;
	display: block;
}

.survey_group .survey_inn ul li .ipt .ph {
	left: 0;
}

.survey_group .survey_inn ul li .ipt .input_area {
	border: 0;
	border-bottom: 1px solid #E9E9E9;
	padding-right: 35px;
}

.survey_group .survey_inn ul li .ipt .input_area input {
	border: 0;
	height: 32px;
	padding-left: 0;
}

.survey_group .survey_inn ul li .added {
	position: absolute;
	top: 4px;
	right: 8px;
}

.survey_group .survey_inn .ta_c .btn {
	margin: 16px 0;
	width: 100%;
}

.survey {
	padding: 0 !important;
	list-style: none !important;
}

.survey .btns {
	margin: 10px 0 0;
}

.survey .survey_title {
	font-weight: 700;
	font-size: 14px;
}

.survey > label.it {
	background: #FFF;
}

.survey .it {
	background: transparent;
}

.survey .it:first-child {
	margin-top: 0;
}

.survey .it .input_area {
	background: #FFF;
}

.survey .survey_title {
	word-break: break-all;
}

.survey .lst_survey {
	margin-top: 10px;
}

.survey .lst_survey li {
	margin-top: 5px;
}

.survey .lst_survey li:after {
	display: block;
	clear: both;
	content: '';
}

.survey .lst_survey li > span:first-child {
	display: inline-block;
	float: left;
	width: 38px;
	padding: 6px 4px 0 0;
	font-size: 14px;
	color: #333;
	text-align: right;
}

.survey .lst_survey li > span:first-child + .input_wrap {
	display: block;
	overflow: hidden;
	font-style: normal;
}

.survey .lst_survey .question {
	margin-top: 10px;
	background: #FFF;
}

.survey .lst_chk {
	margin-left: 10px;
}

.survey .result {
	margin: 0;
	padding: 0;
}

.survey .result:before, .survey .result:after {
	display: table;
	clear: both;
	content: ' ';
}

.survey .result dt,
.survey .result dd {
	float: left;
	margin: 0;
	padding: 6px 0 5px;
	word-break: break-all;
}

.survey .result dt {
	clear: both;
	margin-right: 4px;
}

.survey .result dd {
	color: #ffae00;
}

.cfm_group {
	margin-top: 20px;
	border-top: 1px solid #e8e8e8;
	padding-top: 52px;
}

.cfm_group h1 {
	margin-bottom: 13px;
	font-size: 18px;
	color: #010101;
	font-weight: 700;
}

.cfm_group .material_desc {
	padding: 14px 20px 20px;
	background: #f9f9f9;
}

.cfm_group .material_desc .desc dt {
	font-size: 16px;
	color: #333;
}

.cfm_group .material_desc .desc dd {
	padding: 14px 0 17px;
}

.cfm_group .material_desc .txt_area {
	border: 1px solid #d1d1d1;
	background: #fff;
}

.cfm_group .material_desc .txt_area .pnt {
	margin-bottom: 10px;
	color: #fe522c;
}

.cfm_group .material_desc ~ .material_desc .desc {
	border-top: 1px solid #e8e8e8;
	padding-top: 34px;
}

.code_practice_box {
	padding: 52px 0 40px;
	margin-top: 20px;
	border-top: 1px solid #E8E8E8;
}

.code_practice_box .title_area.group_lr {
	margin-top: 0;
}

.code_practice_box h1 {
	margin-bottom: 13px;
	font-size: 18px;
	color: #010101;
	font-weight: 700;
}

.code_practice_box .material_desc {
	padding: 14px 20px 20px;
	background: #f9f9f9;
}

.code_practice_box .material_desc .desc dt {
	font-size: 16px;
	color: #333;
}

.code_practice_box .material_desc .desc dd {
	padding: 6px 0 24px;
}

.code_practice_box .material_desc .desc strong {
	display: inline-block;
	vertical-align: middle;
}

.outside_link_error {
	padding: 40px;
	background-color: #fafafa;
	text-align: center;
}

.outside_link_error .error_msg {
	line-height: 24px;
	letter-spacing: -1px;
	color: #999;
}

.outside_link_error .error_msg:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -185px -443px;
	background-repeat: no-repeat;
	width: 64px;
	height: 60px;
	display: block;
	margin: 0 auto 24px;
	content: '';
}

.outside_link_error .error_msg a {
	font-weight: bold;
	color: #333;
	text-decoration: underline;
}

.outside_link_error .error_msg + .btn {
	margin-top: 16px;
}

.share {
	margin-top: 25px;
}

.share .tag_lst {
	margin-bottom: 26px;
}

.share .group_lr {
	margin-top: 20px;
}

.btn_lecture_like {
	position: relative;
	display: inline-block;
	height: 34px;
	margin-right: 4px;
	padding: 0 17px 0 16px;
	background-color: #fff;
	border: 1px solid #010101;
	line-height: 32px;
	color: #010101;
	letter-spacing: -1px;
	vertical-align: top;
}

.btn_lecture_like:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -187px -868px;
	background-repeat: no-repeat;
	width: 14px;
	height: 12px;
	display: inline-block;
	margin: -4px 8px 0 0;
	vertical-align: middle;
	content: '';
}

.btn_lecture_like.on {
	border-color: #00c73c;
	color: #00c73c;
}

.btn_lecture_like.on:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -205px -868px;
	background-repeat: no-repeat;
	width: 14px;
	height: 12px;
}

.btn_lecture_like_admin {
	position: relative;
	display: inline-block;
	height: 34px;
	margin-right: 4px;
	padding: 0 18px 0 17px;
	background-color: #fff;
	border: 1px solid #010101;
	line-height: 32px;
	color: #010101;
	letter-spacing: -1px;
	vertical-align: top;
}

.btn_lecture_like_admin .like_link {
	position: absolute;
	left: -1px;
	right: -1px;
	top: -1px;
	bottom: -1px;
}

.btn_lecture_like_admin .like_link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -187px -868px;
	background-repeat: no-repeat;
	width: 14px;
	height: 12px;
	position: absolute;
	left: 17px;
	top: 11px;
	content: '';
}

.btn_lecture_like_admin .cnt_link {
	position: relative;
	display: inline-block;
	color: #010101;
	margin-left: 20px;
	text-align: right;
	z-index: 10;
}

.btn_lecture_like_admin.on {
	border-color: #00c73c;
	color: #00c73c;
}

.btn_lecture_like_admin.on .cnt_link {
	color: #00c73c;
}

.btn_lecture_like_admin.on .like_link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -205px -868px;
	background-repeat: no-repeat;
	width: 14px;
	height: 12px;
}

.cmt_group .nav_tab2 {
	margin-top: 60px;
}

.live_comment_title_wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 48px;
	padding: 0 20px;
	border-bottom: 1px solid #dedede;
	z-index: 10;
}

.live_comment_title_wrap .live_comment_title {
	float: left;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	line-height: 48px;
}

.live_comment_title_wrap .btn_download_user {
	margin-left: 16px;
	font-size: 12px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	color: #333;
	line-height: 48px;
}

.live_status {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #333;
	display: table;
	width: 100%;
	height: 100%;
	z-index: 2000;
}

.live_status .inner {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

.live_status .ic_live_status {
	display: inline-block;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -253px -443px;
	background-repeat: no-repeat;
	width: 72px;
	height: 52px;
	vertical-align: top;
}

.live_status .on.ic_live_status {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -329px -443px;
	background-repeat: no-repeat;
	width: 72px;
	height: 52px;
}

.live_status .description {
	margin-top: 16px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 18px;
}

.live_status .time {
	display: block;
	margin-top: 8px;
	font-family: Helvetica, arial, "Apple SD Gothic Neo", sans-serif;
	font-size: 32px;
	font-weight: bold;
	line-height: 38px;
	color: #fff;
}

.live_watch_info {
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	line-height: 40px;
}

.live_watch_info::after {
	content: '';
	display: block;
	clear: both;
}

.live_watch_info .sub_title {
	float: left;
	margin-right: 18px;
	font-size: 12px;
	color: #666;
}

.live_watch_info dd {
	float: left;
	font-size: 12px;
	color: #333;
}

.live_watch_info .watch_status_box {
	width: 113px;
}

.live_watch_info .watch_status {
	display: inline-block;
	margin-right: 9px;
	vertical-align: middle;
}

.live_watch_info .progress_area .progress {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 8px;
	-webkit-border-radius: 1px;
	        border-radius: 1px;
	background-color: #ecf0f1;
	vertical-align: middle;
}

.live_watch_info .progress_area .progress_bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #00c73c;
}

.live_watch_info .progress_area .per {
	margin-left: 5px;
	font-size: 12px;
	color: #333;
	line-height: 13px;
}

.info_line_box {
	padding-bottom: 21px;
}

.info_line_box .box_inner {
	border-bottom: 1px solid #f1f1f1;
}

.info_line_box .box_inner::after {
	content: '';
	display: block;
	clear: both;
}

.info_line_box dt {
	float: left;
	min-width: 130px;
	padding: 15px 0;
	margin-right: 24px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 34px;
}

.info_line_box dd {
	overflow: hidden;
	padding: 15px 0;
	font-size: 14px;
	color: #666;
	line-height: 34px;
}

.info_line_box .btn_type3 {
	margin-left: 4px;
	border-color: #e4e4e4;
	vertical-align: 1px;
}

.info_line_box .visible_box {
	overflow: visible;
	float: left;
}

.info_line_box .visible_box::after {
	content: '';
	display: block;
	clear: both;
}

.info_line_box .visible_box .date_box,
.info_line_box .visible_box .slt {
	float: left;
	margin-right: 8px;
}

.info_line_box .visible_box .slt + .ick {
	margin-left: 16px;
}

.info_line_box .date_box {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.info_line_box .ick {
	margin-top: 5px;
	line-height: 25px;
	font-size: 12px;
}

.info_line_box .it .ph {
	line-height: 25px;
}

.info_line_box .chosen-container {
	vertical-align: top;
}

.info_line_box .rating_input {
	margin-left: 5px;
}

.info_line_box .rating_input input {
	padding-right: 10px;
	text-align: right;
}

.info_line_box .rating_text {
	margin: 0 7px 0 4px;
	font-size: 12px;
	vertical-align: top;
}

/* 좋아요 */
.like_box {
	position: relative;
	float: right;
	width: 22px;
	height: 22px;
	margin: 9px 9px 0 0;
}

.like_box .btn_like {
	width: 100%;
	height: 100%;
	padding: 0 !important;
}

.like_box .btn_like::before {
	display: none !important;
}

.like_box .icon_heart {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 22px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-heart-line.png) no-repeat;
	-webkit-background-size: 22px 22px;
	        background-size: 22px 22px;
	color: transparent;
	line-height: 100px;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.like_box .like_effect_box {
	position: absolute;
	bottom: 24px;
	left: 50%;
	width: 96px;
	height: 136px;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.like_box.effect_show .icon_heart {
	-webkit-animation-name: like_effect;
	        animation-name: like_effect;
	-webkit-animation-duration: 0.3s;
	        animation-duration: 0.3s;
	-webkit-transition-timing-function: ease-in;
	        transition-timing-function: ease-in;
}

@-webkit-keyframes like_effect {
	0% {
		width: 11px;
		height: 11px;
		background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-heart-solid.png) no-repeat;
		-webkit-background-size: 11px 11px;
		        background-size: 11px 11px;
	}
	100% {
		width: 26px;
		height: 26px;
		background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-heart-solid.png) no-repeat;
		-webkit-background-size: 26px 26px;
		        background-size: 26px 26px;
	}
}

@keyframes like_effect {
	0% {
		width: 11px;
		height: 11px;
		background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-heart-solid.png) no-repeat;
		-webkit-background-size: 11px 11px;
		        background-size: 11px 11px;
	}
	100% {
		width: 26px;
		height: 26px;
		background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-heart-solid.png) no-repeat;
		-webkit-background-size: 26px 26px;
		        background-size: 26px 26px;
	}
}

.se_editor_wrap .comment_footer_wrap {
	position: relative;
	height: 48px;
	border: 1px solid #d1d1d1;
	border-top: 0;
	font-size: 12px;
	color: #999;
	text-align: right;
}

.se_editor_wrap .comment_footer_wrap:before, .se_editor_wrap .comment_footer_wrap:after {
	display: table;
	clear: both;
	content: ' ';
}

.se_editor_wrap .comment_footer_wrap .btn_area_l {
	float: left;
	position: relative;
	padding: 17px 0 0 20px;
	padding-right: 5px;
}

.se_editor_wrap .comment_footer_wrap .btn_area_l > span {
	display: block;
	overflow: hidden;
	float: left;
	position: relative;
	width: 16px;
	height: 16px;
	margin: 0 15px 0 0;
	text-align: left;
}

.se_editor_wrap .comment_footer_wrap .btn_area_l > span.katex {
	width: 17px;
}

.se_editor_wrap .comment_footer_wrap .btn_area_l > span span {
	vertical-align: top;
	cursor: pointer;
}

.se_editor_wrap .comment_footer_wrap .btn_area_l > span input {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.se_editor_wrap .comment_footer_wrap .btn_area_l > span button {
	vertical-align: top;
}

.se_editor_wrap .comment_footer_wrap .btn_area_r {
	float: right;
	position: relative;
	top: 6px;
	right: 6px;
	text-align: right;
}

.se_editor_wrap .comment_footer_wrap .btn_area_r .check_group, .se_editor_wrap .comment_footer_wrap .btn_area_r button {
	display: inline-block;
	margin-top: 0;
	vertical-align: middle;
}

.se_editor_wrap .comment_footer_wrap .btn_area_r .check_group {
	position: relative;
	top: 2px;
	padding-left: 15px;
}

.se_editor_wrap .comment_footer_wrap .btn_area_r .check_group .ick {
	float: left;
	margin: 0 10px 0 0;
}

.se_editor_wrap .comment_footer_wrap .btn_area_r .btn {
	padding: 0 14px !important;
	font-size: 12px !important;
}

.se_editor_area {
	padding: 17px;
	border: 1px solid #d1d1d1;
	border-top: 0;
}

.se_editor_area .f_file {
	position: relative;
	height: 52px;
	margin-bottom: 10px;
	padding: 15px 50px 0 18px;
	border: 1px solid #e6e6e6;
}

.se_editor_area .f_file .ico_s_file {
	margin-right: 10px;
}

.se_editor_area .f_file .name {
	color: #333;
	font-weight: 700;
	vertical-align: top;
	display: inline-block;
	overflow: hidden;
	max-width: 82%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.se_editor_area .f_file .name:before {
	margin: 0 10px 0 0;
	vertical-align: top;
}

.se_editor_area .f_file .size {
	position: relative;
	top: 3px;
	margin-left: 6px;
	font-size: 12px;
	color: #999;
	vertical-align: top;
}

.se_editor_area .f_file .f_close {
	position: absolute;
	top: 19px;
	right: 18px;
}

.se_editor_area .f_img {
	position: relative;
	width: 199px;
	max-height: 149px;
	margin-bottom: 10px;
}

.se_editor_area .f_img .f_close {
	position: absolute;
	top: 0;
	right: -22px;
}

.se_editor_area.view {
	padding: 5px 0 0 63px;
	border: 0;
}

.se_editor_area.view .f_file {
	height: 45px;
	padding-top: 10px;
}

.se_editor_area.view .f_file .btn {
	margin-left: 4px;
	vertical-align: top;
}

.page.myhome .btn_top {
	position: static;
	float: right;
	margin: 60px 0 0 0;
}

.myhome {
	position: relative;
}

.myhome .page_header {
	margin: 0 0 16px !important;
	border: 0 !important;
}

.myhome .page_header .btn.btn_type2.op3 {
	width: 42px;
	padding: 0;
}

.myhome .page_header .btn.btn_type2.op3 span {
	display: block;
}

.myhome .page_header .btn.btn_type2.op3 .ico_config {
	margin: 0 auto;
}

.myhome .page_header .btn.btn_type2.op3 .go_back {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -497px;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	margin: 2px auto -2px;
}

.myhome .course_manage .course_lst .info_lec > ul > li strong {
	vertical-align: top;
}

.myhome .course_manage .course_lst .info_lec > ul > li.profile strong {
	padding-top: 4px;
}

.myhome .course_manage .course_lst .info_lec > ul > li.profile p {
	padding-top: 3px;
}

.myhome .course_manage .course_lst .desc_area {
	padding-right: 16px;
}

.myhome .course_manage .course_lst .done_box {
	width: 260px;
}

.myhome .course_manage .course_lst .done_box::before {
	display: none;
}

.myhome .course_join .course_lst .info_lec ul > li:first-child {
	margin-top: 0;
}

.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap {
	display: inline-block;
	vertical-align: top;
}

.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap + .circle_progress_wrap {
	margin-left: 2px;
}

.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap > span {
	font-size: 12px;
	color: #ccc;
}

.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap.lecture > span {
	color: #999;
}

.myhome .course_join .course_lst .desc_area .complete_info {
	display: table;
	position: relative;
	width: 712px;
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #f5f5f5;
	background-color: #fff;
	z-index: 10;
}

.myhome .course_join .course_lst .desc_area .complete_info p {
	font-size: 12px;
	line-height: 15px;
	color: #666;
}

.myhome .course_join .course_lst .desc_area .complete_info .info_standard {
	display: table-cell;
	vertical-align: middle;
}

.myhome .course_join .course_lst .desc_area .complete_info .info_download {
	display: table-cell;
	width: 160px;
}

.myhome .course_join .course_lst .desc_area .complete_info .info_download .btn.btn_type6 {
	width: 160px;
}

.myhome .course_join .course_lst .desc_area .complete_info .info_download > p {
	color: #828c96;
	text-align: right;
}

.myhome .course_manage2 .course_lst .desc_area {
	min-height: 0;
}

.myhome .course_manage2 .course_lst .desc_wrap {
	display: block;
}

.myhome .course_manage2 .course_lst .info_lec {
	display: block;
	width: auto;
	min-height: auto;
	padding-top: 36px;
}

.myhome .course_manage2 .course_lst .info_lec > ul {
	margin-right: -100px;
}

.myhome .course_manage2 .course_lst .info_lec > ul:before, .myhome .course_manage2 .course_lst .info_lec > ul:after {
	display: table;
	clear: both;
	content: ' ';
}

.myhome .course_manage2 .course_lst .info_lec > ul > li {
	display: block;
	float: left;
	width: 50%;
	line-height: 32px;
}

.myhome .course_manage2 .course_lst .info_lec > ul > li .ick .checkbox {
	top: 9px;
}

.myhome .course_manage2 .course_lst .info_lec > ul > li strong {
	display: block;
	float: left;
	width: auto;
	padding-right: 16px;
}

.myhome .course_manage2 .course_lst .done_box {
	display: block;
	width: 100%;
	margin: 24px 0 -1px;
	padding-top: 16px;
	border-top: 1px solid #f1f1f1;
	text-align: right;
}

.myhome .course_manage2 .course_lst .done_box::before {
	display: none;
}

.myhome .course_manage2 .course_lst .done_box .btn_cancel {
	font-size: 12px;
	color: #999;
	letter-spacing: -.5px;
	text-decoration: underline;
}

.myhome .course_lst ~ .course_lst {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #e6e6e6;
}

.myhome .course_lst > ul > li {
	position: relative;
	margin-top: 30px;
	border: 1px solid #f1f1f1;
}

.myhome .course_lst > ul > li:first-child {
	margin-top: 0;
}

.myhome .course_lst > ul > li.wait .info_lec {
	min-height: 0;
}

.myhome .course_lst > ul > li .status {
	display: inline-block;
	position: absolute;
	top: 120px;
	left: 24px;
	height: 20px;
	padding: 0 10px;
	background-color: #00c73c;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	z-index: 10;
}

.myhome .course_lst > ul > li.pass .desc_area .progress .progress_bar, .myhome .course_lst > ul > li.closed .desc_area .progress .progress_bar {
	background-color: #96a0aa;
}

.myhome .course_lst > ul > li.pass .status {
	background-color: #ffae00;
}

.myhome .course_lst > ul > li.closed .status {
	background-color: #96a0aa;
}

.myhome .course_lst a:hover {
	text-decoration: none;
}

.myhome .course_lst .info_area {
	position: relative;
	height: 96px;
	padding: 24px 30px 24px 24px;
	background-color: #f5f5f5;
}

.myhome .course_lst .info_area:before, .myhome .course_lst .info_area:after {
	display: table;
	clear: both;
	content: ' ';
}

.myhome .course_lst .info_area.boost {
	background-color: #ecf0f1;
}

.myhome .course_lst .info_area .thumb {
	float: left;
	margin-right: 17px;
}

.myhome .course_lst .info_area .thumb a {
	overflow: hidden;
	display: block;
	position: relative;
	width: 88px;
	height: 48px;
}

.myhome .course_lst .info_area .thumb a::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(0, 0, 0, 0.04);
	content: '';
}

.myhome .course_lst .info_area .thumb a img {
	height: 100%;
	vertical-align: top;
}

.myhome .course_lst .info_area .tit {
	float: left;
	width: 521px;
	overflow: hidden;
}

.myhome .course_lst .info_area .tit a:after {
	vertical-align: middle;
	margin: 0 0 0 5px;
}

.myhome .course_lst .info_area > a {
	position: relative;
	display: inline-block;
	max-width: 100%;
	padding-right: 25px;
	vertical-align: top;
}

.myhome .course_lst .info_area > a:after {
	position: absolute;
	top: 7px;
	margin: 0 0 0 5px;
}

.myhome .course_lst .title {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	margin-top: -3px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 18px;
	color: #010101;
	line-height: 18px;
	vertical-align: middle;
}

.myhome .course_lst .author {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	color: #666;
	font-size: 12px;
	line-height: 24px;
}

.myhome .course_lst .author span,
.myhome .course_lst .author a {
	vertical-align: middle !important;
}

.myhome .course_lst .author .name {
	display: inline-block;
	overflow: hidden;
	max-width: 245px;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.myhome .course_lst .author .ic_ad + .name {
	max-width: 295px;
}

.myhome .course_lst .author .ic_ad {
	top: 1px;
}

.myhome .course_lst .author .bar {
	margin: 0 4px 0;
	display: inline-block;
	width: 1px;
	height: 12px;
	background-color: #d1d1d1;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
}

.myhome .course_lst .info_btns {
	position: absolute;
	top: 50%;
	right: 14px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.myhome .course_lst .info_btns .btn_whaleclass {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.myhome .course_lst .info_btns .btn_lecture_more {
	display: inline-block;
	line-height: 0;
	vertical-align: middle;
}

.myhome .course_lst .info_btns .btn_lecture_more i {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -861px;
	background-repeat: no-repeat;
	width: 4px;
	height: 20px;
	margin: 5px 10px;
}

.myhome .course_lst .info_btns .ly_btn_more {
	position: absolute;
	top: 6px;
	right: 25px;
	border: 1px solid #eaeaea;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
	z-index: 10;
}

.myhome .course_lst .info_btns .ly_btn_more a {
	display: block;
	min-width: 85px;
	padding: 11px 14px 10px 16px;
	background-color: #fff;
	border: 0;
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
}

.myhome .course_lst .info_btns .ly_btn_more li + li {
	margin-top: -7px;
}

.myhome .course_lst .info_btns .ly_btn_more li + li a {
	padding-top: 4px;
}

.myhome .course_lst .info_more_box {
	height: 27px;
	margin-bottom: -1px;
	padding-top: 4px;
}

.myhome .course_lst .info_more_box .info_more_area {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 22px;
}

.myhome .course_lst .info_more_box .btn.btn_type3 {
	vertical-align: top;
}

.myhome .course_lst .info_more_box .btn.btn_type3 ~ .more_text {
	padding-left: 8px;
}

.myhome .course_lst .info_more_box a.more_text:hover {
	text-decoration: underline;
}

.myhome .course_lst .info_more_box .more_text {
	font-size: 12px;
	color: #828c96;
	vertical-align: 2px;
}

.myhome .course_lst .info_more_box .help_pop {
	position: absolute;
	left: 61px;
	top: 0;
	width: 360px;
	padding: 24px;
	font-size: 14px;
	color: #666;
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
	        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
	background-color: #fdfdfd;
	border: 1px solid #d1d1d1;
	letter-spacing: -1px;
	line-height: 20px;
	z-index: 100;
}

.myhome .course_lst .info_more_box .help_pop em {
	color: #00c73c;
	font-weight: 600;
}

.myhome .course_lst .info_more_box .help_pop .pop_close {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -226px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 11px;
	top: 11px;
}

.myhome .course_lst .desc_area {
	position: relative;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	clear: both;
	margin: 0;
	padding: 24px 18px 24px 24px;
	min-height: 76px;
}

.myhome .course_lst .desc_area:after {
	content: '';
	display: block;
	clear: both;
}

.myhome .course_lst .desc_area.summarize_content {
	min-height: inherit;
	height: auto;
	padding-bottom: 19px;
}

.myhome .course_lst .desc_area.summarize_content .desc_wrap {
	display: block;
	width: auto;
	margin-right: 6px;
}

.myhome .course_lst .desc_area.summarize_content .info_lec {
	display: block;
	width: auto;
	height: auto;
	min-height: 0;
}

.myhome .course_lst .desc_area.summarize_content .info_lec ul {
	display: block;
}

.myhome .course_lst .desc_area.summarize_content .info_lec ul:before, .myhome .course_lst .desc_area.summarize_content .info_lec ul:after {
	display: table;
	clear: both;
	content: ' ';
}

.myhome .course_lst .desc_area.summarize_content .info_lec ul > li {
	overflow: hidden;
	float: left;
	width: 50%;
	margin: 0;
}

.myhome .course_lst .desc_area.summarize_content .info_lec ul > li strong,
.myhome .course_lst .desc_area.summarize_content .info_lec ul > li p {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

.myhome .course_lst .desc_area.summarize_content .info_lec .bar {
	height: 9px;
	margin: -1px 8px 1px 10px;
}

.myhome .course_lst .desc_wrap {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.myhome .course_lst .info_lec {
	display: table-cell;
	position: relative;
	width: 340px;
	min-height: 102px;
	margin: 0;
	padding-top: 30px;
	vertical-align: top;
	font-size: 12px;
	line-height: 22px;
}

.myhome .course_lst .info_lec > ul {
	display: table;
	width: 100%;
}

.myhome .course_lst .info_lec > ul > li {
	display: table-row;
	color: #333;
	white-space: nowrap;
}

.myhome .course_lst .info_lec > ul > li.profile {
	line-height: 32px;
}

.myhome .course_lst .info_lec > ul > li strong {
	display: table-cell;
	width: 46px;
	padding-right: 14px;
	color: #999;
	font-weight: normal;
}

.myhome .course_lst .info_lec > ul > li p {
	overflow: hidden;
}

.myhome .course_lst .info_lec > ul > li .bar {
	margin: -1px 4px 1px;
	display: inline-block;
	width: 1px;
	height: 12px;
	background-color: #d1d1d1;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
}

.myhome .course_lst .info_lec > ul > li .lk_charge {
	margin-left: 5px;
	color: #999;
	letter-spacing: -.5px;
}

.myhome .course_lst .info_lec > ul > li .lk_charge::after {
	display: inline-block;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -413px -704px;
	background-repeat: no-repeat;
	width: 5px;
	height: 8px;
	margin-left: 4px;
	content: '';
}

.myhome .course_lst .info_lec > ul > li .progress_area {
	display: table-cell;
}

.myhome .course_lst .info_lec > ul > li .progress {
	display: inline-block;
	margin: 4px 8px 0 0;
	width: 160px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
}

.myhome .course_lst .info_lec > ul > li .progress .progress_bar {
	background: #00c73c;
}

.myhome .course_lst .info_lec > ul > li img,
.myhome .course_lst .info_lec > ul > li .name,
.myhome .course_lst .info_lec > ul > li .ic_ad {
	vertical-align: middle;
}

.myhome .course_lst .info_lec > ul > li .ic_ad {
	margin-left: 2px;
	padding: 0 6px 0 5px;
	font-size: 12px;
	line-height: 15px;
}

.myhome .course_lst .info_lec > ul > li .name {
	display: inline-block;
	overflow: hidden;
	max-width: 200px;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	margin: 0 2px 0 6px;
}

.myhome .course_lst .info_lec > ul > li .ick .ph {
	color: #333;
}

.myhome .course_lst .info_lec .per {
	font-weight: 700;
	color: #333;
}

.myhome .course_lst .info_lec .dsc {
	color: #666;
}

.myhome .course_lst .info_lec .txt_desc {
	line-height: 1.8;
	letter-spacing: 0;
}

.myhome .course_lst .done_box {
	display: table-cell;
	width: 358px;
	height: 100%;
}

.myhome .course_lst .done_box::before {
	display: block;
	position: absolute;
	top: 24px;
	left: 373px;
	bottom: 24px;
	width: 1px;
	background-color: #f1f1f1;
	content: '';
}

.myhome .course_lst .done_box .done_area {
	text-align: right;
}

.myhome .course_lst .total_score {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1;
	color: #666;
}

.myhome .course_lst .total_score em {
	font-size: 28px;
	color: #333;
}

.myhome .course_lst .total_score ~ .btn.btn_type3 {
	margin: -4px 11px 0 0;
}

.myhome .course_lst .total_score ~ .btn.btn_type3 ~ .txt_desc {
	vertical-align: top;
}

.myhome .course_lst .done_lst {
	width: 100%;
	margin: 0 -3px -7px 0;
	padding: 33px 0 1px;
	vertical-align: middle;
	white-space: nowrap;
}

.myhome .course_lst .done_lst li {
	display: inline-block;
	width: 92px;
	text-align: center;
	white-space: nowrap;
}

.myhome .course_lst .done_lst li a:hover,
.myhome .course_lst .done_lst li a:active,
.myhome .course_lst .done_lst li a:focus {
	text-decoration: none;
}

.myhome .course_lst .done_lst li strong {
	display: block;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: -3px;
	color: #808080;
	overflow: hidden;
}

.myhome .course_lst .done_lst li span {
	margin-top: 13px;
	display: block;
	font-size: 12px;
	line-height: 12px;
	color: #999;
}

.myhome .course_lst .done_lst li a:hover span {
	text-decoration: underline !important;
}

.myhome .access {
	position: absolute;
	right: 0;
	color: #999;
}

.myhome .table_type1 .linkage {
	display: inline-block;
	min-width: 184px;
	color: #999;
}

.myhome .table_type1 .linkage.point_font_color {
	color: #666 !important;
}

.myhome .my_lst ul {
	border: 1px solid #e6e6e6;
	border-bottom: 0;
}

.myhome .my_lst ul li {
	position: relative;
	min-height: 108px;
	border-bottom: 1px solid #e6e6e6;
}

.myhome .my_lst ul li:before, .myhome .my_lst ul li:after {
	display: table;
	clear: both;
	content: ' ';
}

.myhome .my_lst ul li a {
	display: block;
	width: 688px;
	text-decoration: none;
}

.myhome .my_lst ul li .ic_state {
	margin: 20px 0 0 17px;
	float: left;
}

.myhome .my_lst ul li .info {
	overflow: hidden;
	width: 610px;
	margin: 0;
	padding: 23px 0 20px 15px;
}

.myhome .my_lst ul li .info .ti {
	color: #010101;
	font-weight: 700;
	line-height: 18px !important;
}

.myhome .my_lst ul li .info .ti .day {
	display: inline-block;
	color: #ff5230;
}

.myhome .my_lst ul li .info .ti .day:after {
	display: inline-block;
	position: relative;
	top: 3px;
	width: 1px;
	height: 11px;
	margin: 0 8px;
	background: #ccc;
	vertical-align: top;
	content: '';
}

.myhome .my_lst ul li .info .ti .date {
	margin-left: 12px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

.myhome .my_lst ul li .info .ic_ad {
	margin-top: 5px;
}

.myhome .my_lst ul li .info .tx {
	margin: 7px 0 0;
	color: #4c4c4c;
	font-size: 12px;
	line-height: 16px !important;
}

.myhome .my_lst ul li .info .tx2 {
	margin: 7px 0 0;
	color: #999;
	font-size: 12px;
	line-height: 16px !important;
}

.myhome .my_lst ul li .f_close_big {
	position: absolute;
	top: 45px;
	right: 41px;
}

.myhome .my_lst ul li.none {
	padding-top: 42px;
}

.myhome .my_lst .btn_type10 {
	display: block;
	margin: 30px auto 0;
	text-align: center;
}

.myhome .more_area {
	margin: 27px 0 0;
}

.myhome .project_list {
	position: relative;
	margin: 0 6px 24px 25px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f1f1f1;
}

.myhome .project_list ul {
	margin-right: -1px;
}

.myhome .project_list ul:before, .myhome .project_list ul:after {
	display: table;
	clear: both;
	content: ' ';
}

.myhome .project_list li {
	position: relative;
	float: left;
	width: 72px;
	margin: 0 8px 12px;
	padding: 0;
	color: #999;
	text-align: center;
}

.myhome .project_list li::before {
	display: block;
	position: absolute;
	top: 11px;
	left: -8px;
	width: 88px;
	height: 2px;
	background-color: #ecf0f1;
	content: '';
}

.myhome .project_list li:nth-child(4n+1) {
	margin-left: 0;
}

.myhome .project_list li:nth-child(4n+1)::before {
	width: 44px;
	left: 36px;
}

.myhome .project_list li:nth-child(4n+1).end::before {
	display: none;
}

.myhome .project_list li:nth-child(4n) {
	margin-right: 0;
}

.myhome .project_list li:nth-child(4n)::before, .myhome .project_list li:nth-child(4n).end::before {
	width: 44px;
}

.myhome .project_list li:nth-child(n+5) {
	display: none;
}

.myhome .project_list li > a {
	display: block;
}

.myhome .project_list li .pj_state {
	display: block;
	position: relative;
	font-size: 11px;
	color: #999;
}

.myhome .project_list li .pj_state::before {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto 5px;
	background-color: #ecf0f1;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	content: '';
}

.myhome .project_list li .pj_state::after {
	display: block;
	position: absolute;
	top: 7px;
	left: 50%;
	margin-left: -6px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -732px;
	background-repeat: no-repeat;
	width: 11px;
	height: 10px;
	content: '';
}

.myhome .project_list li .pj_text {
	margin-top: -2px;
	font-size: 12px;
	color: #999;
}

.myhome .project_list li.end::before {
	width: 44px;
}

.myhome .project_list li.pass .pj_state {
	color: #00c73c;
}

.myhome .project_list li.pass .pj_state::before {
	background-color: #00c73c;
}

.myhome .project_list li.pass .pj_state::after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -746px;
	background-repeat: no-repeat;
	width: 11px;
	height: 10px;
}

.myhome .project_list li.reject .pj_state {
	color: #ff5230;
}

.myhome .project_list li.reject .pj_state::before {
	background-color: #ff5230;
}

.myhome .project_list li.reject .pj_state::after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -760px;
	background-repeat: no-repeat;
	width: 11px;
	height: 10px;
}

.myhome .project_list li.review .pj_state {
	color: #333;
}

.myhome .project_list li.review .pj_state::before {
	background-color: #333;
}

.myhome .project_list li.review .pj_state::after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -774px;
	background-repeat: no-repeat;
	width: 11px;
	height: 10px;
}

.myhome .project_list .pj_pass .pj_state {
	color: #96a0aa;
}

.myhome .project_list .pj_pass .pj_state::before {
	background-color: #96a0aa;
}

.myhome .project_list .pj_pass .pj_state::after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -746px;
	background-repeat: no-repeat;
	width: 11px;
	height: 10px;
}

.myhome .project_list .btn_pj_more {
	overflow: hidden;
	display: block;
	position: absolute;
	bottom: -7px;
	left: 144px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -527px -478px;
	background-repeat: no-repeat;
	width: 48px;
	height: 15px;
	line-height: 100px;
	color: rgba(0, 0, 0, 0);
}

.myhome .project_list.open li:nth-child(n+5) {
	display: block;
}

.myhome .project_list.open .btn_pj_more {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -475px -478px;
	background-repeat: no-repeat;
	width: 48px;
	height: 15px;
}

.ly_prof_area {
	position: relative;
	float: left;
	max-width: 270px;
	margin-top: -1px;
}

.ly_prof_area .btn_set {
	color: #999;
	vertical-align: -1px;
}

.ly_prof_area .btn_set::after {
	display: inline-block;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -413px -704px;
	background-repeat: no-repeat;
	width: 5px;
	height: 8px;
	margin-left: 4px;
	content: '';
}

.ly_prof_area.opn .ly_prof {
	display: block;
}

.ly_prof_area .ly_prof {
	position: absolute;
	z-index: 100;
	border: 1px solid #d1d1d1;
	background: #fff;
	padding: 26px 30px 30px;
	width: 292px;
	font-size: 14px;
	color: #333;
	display: none;
}

.ly_prof_area .ly_prof h1 {
	font-size: 16px;
	color: #010101;
	font-weight: 600;
}

.ly_prof_area .ly_prof .tab {
	padding: 9px 0 25px;
	line-height: 24px;
}

.ly_prof_area .ly_prof .ct {
	clear: both;
}

.ly_prof_area .ly_prof .ct img {
	float: left;
	margin-right: 8px;
}

.ly_prof_area .ly_prof .ct img ~ .btn_area {
	float: left;
	padding: 4px 0 0 0;
}

.ly_prof_area .ly_prof .ct .name {
	width: 180px;
}

.ly_prof_area .ly_prof .ct .btn {
	margin-right: 4px;
}

.ly_prof_area .ly_prof .ct .ipt {
	clear: both;
	padding: 10px 0 0;
}

.ly_prof_area .ly_prof .ct .ipt label {
	padding: 4px 0 0;
	display: block;
	float: left;
	width: 40px;
	color: #999;
}

.ly_prof_area .ly_prof .ct .ipt .it {
	vertical-align: middle;
}

.ly_prof_area .ly_prof .ct .ipt .it span.sts_error {
	display: none;
}

.ly_prof_area .ly_prof .ct .ipt .it input.sts_error + span.sts_error {
	display: block;
	padding-top: 8px;
	white-space: initial;
	line-height: 16px;
}

.ly_prof_area .ly_prof .btm {
	padding: 20px 0 0 40px;
}

.ly_prof_area .ly_prof .btm .btn {
	margin-right: 6px;
}

.ly_prof_area .ly_prof .ico_clse {
	position: absolute;
	top: 7px;
	right: 9px;
}

.myhome_info .prof_intro_go {
	display: block;
	width: 179px;
	height: 43px;
	margin: 40px auto 0;
	background-color: #333;
	font-weight: bold;
	line-height: 43px;
	color: #fff;
	text-align: center;
}

.myhome_info .info_tit {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.8px;
	color: #333;
}

.myhome_info .info_tit .guide_txt {
	display: inline-block;
	margin: 6px 0 0 13px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -1.17px;
	color: #999;
	vertical-align: top;
	line-height: 16px;
}

.myhome_info .save_btn {
	margin-top: 80px;
	text-align: center;
}

.myhome_info .save_btn [class^=btn] {
	display: inline-block;
	height: 42px;
	padding: 0 35px;
	margin: 0 2px 0 3px;
	background-color: #ccc;
	font-size: 16px;
	line-height: 42px;
	color: #fff;
	vertical-align: top;
}

.myhome_info .save_btn .btn_save {
	background-color: #00c73c;
}

.myhome_info .basic_info_box {
	padding: 80px;
	background-color: #fff;
	text-align: center;
}

.myhome_info .basic_info_box .info_tit.integral {
	margin-bottom: 14px;
	color: #00c73c;
}

.myhome_info .basic_info_box .info_tit ~ .info_tit {
	margin: 31px 0 18px;
}

.myhome_info .basic_info_box .thmb_area {
	margin-bottom: 34px;
	text-align: center;
}

.myhome_info .basic_info_box .thmb_area .thmb {
	width: 200px;
	height: 200px;
	margin: 0 auto 16px;
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_prof_l.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: top;
}

.myhome_info .basic_info_box .ipt_area {
	display: inline-block;
	text-align: left;
}

.myhome_info .basic_info_box ul:after {
	display: block;
	clear: both;
	content: '';
}

.myhome_info .basic_info_box ul li {
	float: left;
	width: 340px;
	letter-spacing: -1px;
	color: #999;
}

.myhome_info .basic_info_box ul li + li {
	margin-left: 16px;
}

.myhome_info .basic_info_box ul .birthday,
.myhome_info .basic_info_box ul .gender {
	line-height: 30px;
}

.myhome_info .basic_info_box ul .birthday em,
.myhome_info .basic_info_box ul .gender em {
	display: inline-block;
	width: 120px;
}

.myhome_info .basic_info_box ul .birthday .it .ph,
.myhome_info .basic_info_box ul .gender .it .ph {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
}

.myhome_info .basic_info_box ul .birthday .it input,
.myhome_info .basic_info_box ul .gender .it input {
	width: 101px;
	height: 30px;
	padding: 0;
	text-align: center;
}

.myhome_info .basic_info_box ul .birthday .ick,
.myhome_info .basic_info_box ul .gender .ick {
	margin-top: 0;
	font-size: 14px;
}

.myhome_info .basic_info_box ul .birthday .ick .radio,
.myhome_info .basic_info_box ul .gender .ick .radio {
	margin-top: 3px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 1px solid #bebebe;
	background-image: none;
}

.myhome_info .basic_info_box ul .birthday .ick .radio.checked,
.myhome_info .basic_info_box ul .gender .ick .radio.checked {
	border: 1px solid transparent;
}

.myhome_info .basic_info_box ul .ick {
	margin-top: 4px;
	font-size: 12px;
}

.myhome_info .basic_info_box .terms {
	margin-top: 40px;
}

.myhome_info .basic_info_box .terms .info_tit {
	margin-bottom: 13px;
}

.myhome_info .basic_info_box .terms .ick {
	display: block;
	line-height: 13px;
	padding-left: 24px;
}

.myhome_info .basic_info_box .terms .ick .checkbox {
	width: 20px;
	height: 20px;
	top: -1px;
	border: 0;
}

.myhome_info .basic_info_box .terms .ick .checkbox:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-position: -440px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.myhome_info .basic_info_box .terms .ick .checkbox.checked:after {
	background-position: -160px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 0;
}

.myhome_info .basic_info_box .terms .ick .ph {
	font-size: 12px;
	line-height: 20px;
}

.myhome_info .basic_info_box .terms .ick + .ick {
	margin-left: 0;
	margin-top: 12px;
}

.myhome_info .password_info_box {
	margin-top: 40px;
	padding: 76px 80px 80px;
	background-color: #fff;
}

.myhome_info .password_info_box h2 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.myhome_info .password_info_box .btn_reg {
	position: absolute;
	top: 50%;
	right: 0;
	height: auto;
	margin-top: -11px;
	line-height: 16px;
	color: #010101;
}

.myhome_info .password_info_box .pass_set {
	position: relative;
	overflow: hidden;
}

.myhome_info .password_info_box .pass_set h2 {
	float: left;
}

.myhome_info .password_info_box .pass_set .sub {
	font-size: 14px;
	color: #999;
	float: left;
	margin-left: 24px;
}

.myhome_info .password_info_box .user_confirm {
	position: relative;
	margin-top: 33px;
}

.myhome_info .password_info_box .user_confirm h2 {
	float: left;
	line-height: 18px;
}

.myhome_info .password_info_box .user_confirm:after {
	display: block;
	clear: both;
	content: '';
}

.myhome_info .password_info_box .user_confirm .sub {
	float: left;
	margin-left: 24px;
	font-size: 14px;
	color: #00c73c;
	letter-spacing: -0.7px;
	line-height: 18px;
}

.myhome_info .password_info_box .user_confirm .btn_reg {
	margin-top: -9px;
}

.myhome_info .dsc_area {
	clear: both;
	padding: 36px 0 0;
	text-align: center;
	font-size: 12px;
	letter-spacing: -1px;
	color: #999;
}

.myhome_info .dsc_area .rel_link3 {
	display: inline-block;
	margin-left: 10px;
}

.myhome_info .account_interlock_info {
	padding: 76px 80px 80px;
	background-color: #fff;
}

.myhome_info .account_interlock_info .info_tit ~ .info_tit {
	margin-top: 76px;
}

.myhome_info .account_interlock_info .account_list {
	margin-top: 18px;
}

.myhome_info .account_interlock_info .account_list li {
	position: relative;
	height: 32px;
	margin-top: 16px;
	padding: 0 95px 0 60px;
	line-height: 32px;
	letter-spacing: -1px;
}

.myhome_info .account_interlock_info .account_list li:first-child {
	margin-top: 0;
}

.myhome_info .account_interlock_info .account_list [class^=ico] {
	position: absolute;
	left: 0;
}

.myhome_info .account_interlock_info .account_list .userid {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.myhome_info .account_interlock_info .account_list .btn_interlock {
	position: absolute;
	right: 0;
	top: 0;
	width: 75px;
	height: 32px;
	background-color: #00c73c;
	font-size: 12px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	vertical-align: top;
}

.myhome_info .account_interlock_info .account_list .btn_interlock.cancel {
	border: 1px solid #e8e8e8;
	background-color: #fff;
	color: #999;
	line-height: 30px;
}

.myhome_info .account_interlock_info .ico_naver {
	top: 5px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -737px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.myhome_info .account_interlock_info .ico_facebook {
	top: 4px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -681px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.myhome_info .account_interlock_info .ico_nba {
	top: 10px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -575px -355px;
	background-repeat: no-repeat;
	width: 182px;
	height: 12px;
}

.myhome_info .account_interlock_info .ico_google {
	top: 4px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -821px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.myhome_info .account_interlock_info .ico_apple {
	top: 4px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -746px -608px;
	background-repeat: no-repeat;
	width: 20px;
	height: 24px;
}

.myhome_info .prof_intro_box {
	padding: 80px 0;
	background-color: #fff;
}

.myhome_info .prof_intro_box .info_tit {
	margin: 75px 0 18px;
	padding: 0 80px;
}

.myhome_info .prof_intro_box .info_tit:first-child {
	margin-top: 0;
}

.myhome_info .prof_intro_box .save_btn {
	margin-top: 75px;
}

.myhome_info .prof_intro_box .attach_input,
.myhome_info .prof_intro_box .intro_input,
.myhome_info .prof_intro_box .url_input {
	padding: 0 80px;
}

.myhome_info .prof_intro_box .attach_text {
	margin-bottom: 15px;
	padding: 0 80px;
	line-height: 17px;
	letter-spacing: -1px;
	color: #333;
}

.myhome_info .prof_intro_box .intro_input_wrap .intro_input_add:first-child {
	margin-top: 40px;
}

.myhome_info .prof_intro_box .cont_area {
	position: relative;
	padding: 5px 8px 8px 5px;
	border: 1px solid #dedede;
	background-color: #fff;
	font-size: 14px;
	line-height: 24px;
}

.myhome_info .prof_intro_box .cont_area .input_text {
	width: 100%;
	height: 147px;
	border: none;
	color: #666;
	vertical-align: top;
}

.myhome_info .prof_intro_box .cont_area .input_guide {
	position: absolute;
	left: 7px;
	top: 7px;
	color: #999;
}

.myhome_info .prof_intro_box .input_area {
	position: relative;
	height: 30px;
	padding: 0 5px;
	border: 1px solid #dedede;
	background-color: #fff;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: -1px;
}

.myhome_info .prof_intro_box .input_area + .input_area {
	margin-top: 8px;
}

.myhome_info .prof_intro_box .input_area + .cont_area {
	margin-top: 16px;
}

.myhome_info .prof_intro_box .input_area .input_text {
	width: 100%;
	height: 100%;
	border: none;
	color: #666;
	letter-spacing: -1px;
	vertical-align: top;
}

.myhome_info .prof_intro_box .input_area .input_guide {
	position: absolute;
	left: 7px;
	top: 0;
	color: #999;
}

.myhome_info .prof_intro_box .intro_input_add {
	padding: 40px 80px;
}

.myhome_info .prof_intro_box .intro_input_add.drag_active {
	background-color: #fafafa;
	cursor: move;
}

.myhome_info .prof_intro_box .btn_input_add {
	margin-top: 8px;
	padding: 0 80px;
}

.myhome_info .prof_intro_box .btn_input_add .btn {
	display: inline-block;
	height: 32px;
	padding: 0 12px;
	background-color: #e9ebec;
	line-height: 32px;
	color: #333;
}

.myhome_info .prof_intro_box .active_input {
	margin-top: -4px;
	padding: 0 80px;
}

.myhome_info .prof_intro_box .setup_lecture_list {
	max-height: 491px;
	margin: 18px 80px 0;
	border: 1px solid #ebebeb;
	border-width: 1px 0;
	overflow-y: auto;
}

.myhome_info .prof_intro_box .setup_lecture_list .list {
	overflow: hidden;
}

.myhome_info .prof_intro_box .setup_lecture_list .list li {
	min-height: 48px;
	padding: 16px 17px;
	border-top: 1px solid #ebebeb;
	line-height: 16px;
}

.myhome_info .prof_intro_box .setup_lecture_list .list li:first-child {
	border-top: 0;
}

.myhome_info .prof_intro_box .setup_lecture_list .list .ick {
	padding-left: 47px;
}

.myhome_info .prof_intro_box .setup_lecture_list .list .ick .checkbox {
	top: 2px;
}

.myhome_info .prof_intro_box .setup_lecture_list .list .ph {
	line-height: 16px;
}

.myhome_info .flip_info_box {
	padding: 80px;
	background-color: #fff;
}

.myhome_info .flip_info_box .save_nickname {
	line-height: 32px;
	letter-spacing: -1px;
}

.myhome_info .flip_info_box .save_nickname label {
	display: inline-block;
	margin-right: 15px;
	color: #999;
}

.myhome_info .flip_info_box .save_nickname .input_txt {
	width: 240px;
	height: 32px;
	padding: 0 7px;
	border: 1px solid #dedede;
	line-height: 32px;
	color: #666;
}

.myhome_info .flip_info_box .save_nickname .btn_save {
	display: inline-block;
	width: 80px;
	height: 32px;
	margin-left: 5px;
	background-color: #00c73c;
	color: #fff;
	text-align: center;
}

.myhome_info .flip_info_box .formal_join {
	margin-top: 79px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #666;
}

.myhome_info .flip_info_box .formal_join .desc_join {
	margin-top: 20px;
}

.myhome_info .flip_info_box .tit_join_guide {
	padding-bottom: 23px;
	border-bottom: 1px solid #333;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #333;
}

.myhome_info .flip_info_box .join_guide {
	margin-top: 15px;
}

.myhome_info .flip_info_box .join_guide dt {
	margin-bottom: 5px;
	font-weight: bold;
	color: #333;
}

.myhome_info .flip_info_box .join_tip {
	position: relative;
	margin-top: 24px;
	padding-left: 20px;
}

.myhome_info .flip_info_box .join_tip:before {
	position: absolute;
	left: 0;
	top: 6px;
	bottom: 5px;
	width: 4px;
	background-color: #333;
	content: '';
}

.myhome_info .ick .radio {
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 1px solid #bebebe;
	background-image: none;
}

.myhome_info .ick .radio.checked {
	border: 1px solid transparent;
}

.myhome_info .ick .checkbox.checked {
	background-image: none;
	background-position: 0 0;
	background-color: #00c73c;
}

.myhome_info .ick .checkbox.checked:after {
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	top: 0px;
	left: 0;
	background-position: -160px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.btn_area .if {
	display: inline-block;
}

.btn_area .if ~ .btn {
	vertical-align: top;
}

.page.schedule {
	position: relative;
}

.page.schedule .slt {
	z-index: 2;
	position: absolute;
}

.page.schedule .fc .fc-toolbar .fc-center h2 {
	font-weight: 700;
}

.todo_lst ul {
	overflow: hidden;
	padding-top: 1px;
}

.todo_lst li {
	margin-top: -1px;
	border: 1px solid #e6e6e6;
}

.todo_lst li.dday {
	margin-top: 10px;
}

.todo_lst li > a {
	display: block;
	padding: 18px 18px 8px;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
}

.todo_lst li .date {
	-webkit-border-radius: 30px;
	border-radius: 30px;
	display: inline-block;
	padding: 0 10px;
	line-height: 20px;
	color: #fff;
	background: #3f3a90;
}

.todo_lst li .date.dday {
	background: #ef2b52;
}

.todo_lst li .dsc {
	margin-top: 9px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
}

.todo_lst li .lecture {
	display: inline-block;
	overflow: hidden;
	max-width: 70%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	vertical-align: top;
}

.todo_lst li .cat {
	margin-top: 5px;
	color: #999;
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.todo_lst li .noti {
	position: relative;
	margin: 2px 0 10px;
}

.todo_lst li .noti span {
	-webkit-border-radius: 30px;
	border-radius: 30px;
	display: inline-block;
	padding: 0 10px;
	background: #00c73c;
	color: #fff;
	vertical-align: top;
}

.todo_lst li .noti:before {
	position: absolute;
	top: -6px;
	left: 20px;
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -524px -507px;
	background-repeat: no-repeat;
	width: 13px;
	height: 7px;
}

.noti_lst ul {
	overflow: hidden;
	padding-top: 1px;
}

.noti_lst li {
	position: relative;
	margin-top: -1px;
	border: 1px solid #e6e6e6;
}

.noti_lst li.active {
	background: #fafafa;
}

.noti_lst li.edwith {
	background: #fafafa;
}

.noti_lst li.edwith > a {
	padding-bottom: 18px;
}

.noti_lst li.edwith .con .state {
	margin: 12px 0 0;
}

.noti_lst li.edwith .con .state strong {
	font-weight: normal;
}

.noti_lst li > a {
	display: block;
	padding: 18px 80px 15px 18px;
	line-height: 18px;
	overflow: hidden;
	text-decoration: none;
}

.noti_lst li .thmb {
	margin-right: 12px;
	float: left;
	display: block;
	-webkit-border-radius: 44px;
	border-radius: 44px;
	width: 44px;
	height: 44px;
	overflow: hidden;
}

.noti_lst li .con {
	overflow: hidden;
}

.noti_lst li .con .state {
	margin-top: -2px;
	margin-bottom: 12px;
}

.noti_lst li .con .state strong {
	color: #000;
}

.noti_lst li .con .state .date {
	margin-left: 9px;
	font-size: 12px;
	color: #999;
}

.noti_lst li .con .tit {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	color: #333;
}

.noti_lst li .con .dsc {
	margin-top: 2px;
	color: #666;
}

.noti_lst li .con .cat {
	margin-top: 12px;
	font-size: 12px;
	color: #999;
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.noti_lst li .con .caution_list {
	padding: 0;
}

.noti_lst li .con .caution_list li {
	position: relative;
	margin-top: 8px;
	padding-left: 12px;
	border: 0;
	letter-spacing: -0.4px;
	color: #999;
}

.noti_lst li .con .caution_list li:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	background-color: #999;
	vertical-align: middle;
	content: '';
}

.noti_lst li .f_close_big {
	position: absolute;
	top: 50%;
	right: 41px;
	margin-top: -10px;
}

.option_box {
	position: relative;
	padding: 18px;
	margin-top: 20px;
	border: 1px solid #e6e6e6;
}

.option_box .option_txt {
	padding-right: 100px;
	line-height: 20px;
	letter-spacing: -1px;
	color: #666;
}

.option_box .toggle_area {
	position: absolute;
	top: 50%;
	right: 18px;
	margin-top: -17px;
	font-size: 0;
	letter-spacing: 0;
}

.option_box .btn_toggle {
	display: inline-block;
	width: 49px;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: -1px;
	border: 1px solid #D1D1D1;
	background-color: #FFF;
	color: #999;
}

.option_box .btn_toggle + .btn_toggle {
	margin-left: -1px;
}

.option_box .btn_toggle.on {
	z-index: 1;
	border-color: #00c73c;
	color: #00c73c;
}

.todo_lst .option_box,
.noti_lst .option_box {
	margin-top: 0;
}

.recent_vod_area .recent_vod_list {
	padding-top: 7px;
}

.recent_vod_area .recent_vod_list li {
	position: relative;
	min-height: 111px;
	padding-left: 162px;
}

.recent_vod_area .recent_vod_list li + li {
	margin-top: 24px;
}

.recent_vod_area .recent_vod_list .lnk_thumb {
	position: absolute;
	left: 0;
	top: 0;
}

.recent_vod_area .recent_vod_list .lnk_thumb .thumb {
	position: relative;
	display: block;
	overflow: hidden;
	width: 138px;
	height: 103px;
}

.recent_vod_area .recent_vod_list .lnk_thumb .thumb img {
	vertical-align: top;
}

.recent_vod_area .recent_vod_list .lnk_thumb .thumb:after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 1px solid #000;
	opacity: 0.05;
	filter: alpha(opacity=5);
	content: '';
}

.recent_vod_area .recent_vod_list .lnk_thumb .runtime_view {
	display: block;
	height: 8px;
	background-color: #f5f5f5;
}

.recent_vod_area .recent_vod_list .lnk_thumb .runtime_view .runtime_bar {
	display: block;
	height: 100%;
	background-color: #00c73c;
}

.recent_vod_area .recent_vod_list .vod_info {
	letter-spacing: -0.5px;
}

.recent_vod_area .recent_vod_list .vod_info dt {
	overflow: hidden;
	font-weight: bold;
	line-height: 18px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.recent_vod_area .recent_vod_list .vod_info dt a {
	color: #333;
}

.recent_vod_area .recent_vod_list .vod_info dd {
	line-height: 20px;
	color: #666;
}

.recent_vod_area .recent_vod_list .vod_info .navi {
	overflow: hidden;
	max-height: 40px;
	margin-top: 17px;
}

.recent_vod_area .recent_vod_list .vod_info .runtime {
	margin-top: 8px;
	letter-spacing: -1px;
	color: #999;
}

.recent_vod_area .recent_vod_list .vod_info .runtime [class^=time_] + [class^=time_]:before {
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 6px 8px 0 6px;
	background-color: #d1d1d1;
	vertical-align: top;
	content: '';
}

.recent_vod_area .recent_vod_list .vod_info .runtime .time_view {
	color: #00c73c;
}

.recent_vod_area .more_area {
	margin-top: 34px;
}

.recent_vod_area .btn_top {
	margin-top: 13px !important;
}

.recent_vod_none {
	padding: 80px 0;
	background-color: #f9f9f9;
	letter-spacing: -0.5px;
	text-align: center;
}

.recent_vod_none .nolist {
	line-height: 20px;
	color: #666;
}

#wrap.myhome_wrap {
	background-color: #fff;
}

#wrap.myhome_wrap #container {
	width: 1080px;
	height: -webkit-calc(100% - 81px);
	height: calc(100% - 81px);
	padding: 0 0 176px;
}

#wrap.myhome_wrap #container #snb {
	width: 240px;
	min-height: 100%;
	padding: 40px 0 100px;
	margin-right: 0;
}

#wrap.myhome_wrap #container #snb .state_area {
	padding: 0 80px 0 0;
}

#wrap.myhome_wrap #container #snb nav {
	padding-left: 0;
}

#wrap.myhome_wrap #container #content {
	width: 840px;
	min-height: 100%;
	padding: 40px 0 100px 80px;
	border-left: 1px solid #f0f0f0;
}

.mce-item-table, .mce-item-table td, .mce-item-table th {
	border-collapse: collapse;
	border: 1px solid #d2d2d2;
	line-height: 1;
}

.mce-item-table {
	width: 478px;
	color: #333;
}

.mce-item-table tr {
	height: 47px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.mce-item-table td, .mce-item-table th {
	padding: 16px 8px;
}

.mce-item-table tbody, .mce-item-table td, .mce-item-table tr {
	border: inherit;
}

.mce-item-table caption {
	border: none 0;
	height: 47px;
	line-height: 47px;
}

td.mce-item-selected, th.mce-item-selected {
	background-color: #c3f2d7 !important;
}
/*# sourceMappingURL=common1.css.map */