@charset "UTF-8";
.boost_course_main_body .bc_video_modal .video_wrap .movie_close, .boost_course_main_body .bc_main_section .pagenation .control_btn, .boost_course_main_body .bc_main_section .pagenation .control_btn.stop {
	background-image: url(../img/sprite/sp_boost_c.png);
	-webkit-background-size: 2062px 1419px;
	        background-size: 2062px 1419px;
	background-repeat: no-repeat;
}

.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .thumb:before, .re_pack #header .gnb.ly_type2 > li .ly_dropdown .btn_jumpbar:after, #header.edwith .lnk_box a .ico_arrow, #snb .nav_menu > ul > li .whaleclass:before, #snb .nav_menu ul.lnk_lst li a:before, #snb.manage nav > ul > li .whaleclass:before, #snb.manage nav > ul > li.private .menu:after, #snb.manage nav > ul > li.sub > a:before, #snb.manage nav > ul > li.sub.active > a:before, #snb.manage nav ul.lnk_lst li a:before, #snb.manage nav .ext a:before, #snb.manage nav .ext:hover a:before, body.re_pack #content .page_header .right_date_txt .dsc:before, body.re_pack #content .chapter_list_box .list .lecture a:before, body.re_pack #content .chapter_list_box .list .quiz a:before, body.re_pack #content .chapter_list_box .list .task a:before, body.re_pack #content .chapter_list_box .list .appraisal a:before, body.re_pack #content .stats_report_box .report_cal_box .inner .cal_btn, body.re_pack #content .stats_report_box .report_cal_box .dsc:before, body.re_pack #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, .modal_wrap .ick .radio, .modal_wrap .ick .radio.checked, .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, .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, .re_pack .btn_lecture_like_admin .like_link:before, .re_pack .btn_lecture_like_admin.on .like_link:before, .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_help3, .ico_mbr, .ico_lecture2, .ico_like, .ico_cmt, .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_poll,
.ico_poll_b:before,
.ico_poll_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_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.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_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, .btn.btn_type_add.change:before, body.re_pack .it.it_added.input2 .srch, body.re_pack .it.it_added.input2.dark .input_area .btn.btn_type5.big,
body.re_pack .it.it_added.input2.dark .added .btn.btn_type5.big, body.re_pack .it.it_added.input3 .added .btn, body.re_pack .it.spinner .ui-widget-content .ui-spinner-up .ui-button-text .ui-icon, body.re_pack .it .spinner .ui-widget-content .ui-spinner-up .ui-button-text .ui-icon, body.re_pack .it.spinner .ui-widget-content .ui-spinner-down .ui-button-text .ui-icon, body.re_pack .it .spinner .ui-widget-content .ui-spinner-down .ui-button-text .ui-icon, body.re_pack .atch_wrap .atch_area .cont_file .link_box .btn_del, body.re_pack .ick.disabled .radio.checked, body.re_pack .ick.disabled .checkbox, body.re_pack .ick.disabled .checkbox.checked, body.re_pack .ick.big .checkbox, body.re_pack .ick.big .checkbox.checked, body.re_pack .ick.big .radio, body.re_pack .ick.big .radio.checked, body.re_pack .ick.big.disabled .checkbox, body.re_pack .ick.big.disabled .checkbox.checked, body.re_pack .ick.big.type1 .checkbox, body.re_pack .ick.big.type1 .checkbox.checked, body.re_pack .img_group .img.noimgProfile .inner:before, body.re_pack .noti_box .lnk_go:after, body.re_pack .watch .checkbox, .table.table_type2 tbody td.disabled .watch .checkbox,
.table.table_type2 tfoot td.disabled .watch .checkbox, .table.table_type6 tbody td.disabled .watch .checkbox,
.table.table_type6 tfoot td.disabled .watch .checkbox, .table.table_type7 tbody th.disabled .watch .checkbox, .table.table_type7 tbody td.disabled .watch .checkbox,
.table.table_type7 tfoot th.disabled .watch .checkbox,
.table.table_type7 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, body:not([class*="view_"]) .paginate.type2 .pre:before, body:not([class*="view_"]) .paginate.type2 .next:after, body:not([class*="view_"]) .paginate2 .btn_prve:after, body:not([class*="view_"]) .paginate2 .btn_next:after, a.file_download:before, .rel_link:after, .rel_link2:after, .rel_link3:after, .txt_help:before, .bubb.top .arrow, .bubb.down .arrow, .bubb.type3:before, .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, .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, .policy .policy_link.new:after, .policy .policy_link:after, .error .error_icon, .page.inspect .inspect_icon, .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, .re_pack .menu_manager .ico_g_group, .menu_manager > ul > li .drag, .menu_manager > ul > li .le_txt .ic_lock, .menu_manager > ul > li .util > div > button .ico_g_free, .menu_manager > ul > li .util > div > button .ico_g_num, .menu_manager > ul > li .util ul button.ico_g_free_dark:before, .menu_manager > ul > li .util ul button.ico_g_num_dark:before, .menu_manager .hr button:before, .professor_info .info_summary .thumb,
.staff_info .info_summary .thumb, .hd_txt2 .inner .go_back:before, body.le_info #content .con .prof_lst .prof_thumb, .fixed_bar .header_fixed .hd_txt .sns_area .btn:after, .class_manager > ul > li .sub > li .info .like .ico_like, .srch_snb nav ul li .btn_arr:before, .srch_snb nav ul li .selected + .btn_arr:before, .srch_snb nav ul li.sub.on .btn_arr:before, .srch_snb nav ul li.sub.on .selected + .btn_arr:before, .lst_ty dt .ico_lock, .lst_ty2 .btn_wrt:before, .lst_ty2 .writer .reply:before, .glob_section .tit_area .fl_r .btn_observe:before, .glob_section .tit_area .fl_r .btn_observe.on:before, .glob_section .btn_lst, .glob_section.noticeboard .end_ty .tit_area .btn_observe:before, .glob_section.noticeboard .end_ty .tit_area .btn_observe.on:before, .tit_area3 .tit .go, .end_ty .tit_area .writer .thumb, .end_ty .related_area li.prev .tit:before, .end_ty .related_area li.prev a .tit:before, .end_ty .related_area li.next .tit:before, .end_ty .related_area li.next a .tit:before, .map_lst2 li .tit:after, .grade_new_set .grade_info .lnk_go:after, .grade_new_set .grade_info li.sub:before, .grade_new_set .table_grade_set .table tr.on .ico_checked, .grade_new_set .table_grade_set .btn_type12:before, .grade_new_set .table_grade_set .btn_type12.btn.on:before, .grade_new_set .group_lr .btn_help, .grade_new_set .btn.go_setting:after, .grade_new_set .btn.reset_setting:before, .grade_new_set .certificate_box .sjt_box .btn_help, .grade_new_set .certificate_box .result_btn .btn_type12:before, .grade_new_set .certificate_box .result_btn .btn_type12.btn.on:before, .grade_new_set .help_pop .pop_close, .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_facebook, .myhome_info .account_interlock_info .ico_nba, .myhome_info .account_interlock_info .ico_apple, .todo_lst li .noti:before, .quiz .quiz_add_wrap .q_header .util button, .quiz .quiz_add_wrap .q_header .util .ly:before, body .feedback .feedback_add_wrap .q_header .util button, body .feedback .feedback_add_wrap .q_header .util .ly:before, .peer .step_area li:after, .peer .step_area li.on:after, .peer .peer_add_wrap .q_header .q li a, .peer .peer_add_wrap .q_header .q li.on a, .peer .peer_add_wrap .q_header .q li.current:after, .evaluation .peer_score_lst ul li .no, .bx_area .lnk_go:after, body.help .help_list > li > a:before, body.help .help_list > li > a.on:before, body.help .help_ctg.professor h2:before, body.help .help_ctg.student h2:before, body.help .help_ctg.boost h2:before, body.help .help_ctg.common h2:before, body.help .help_ctg.math h2:before, body.help .help_ctg.mobile h2:before, body.help .help_ctg.manage h2:before, body.help #snb .btn_add, body.help #snb nav > ul > li ul li .btn.modify, body.help #snb nav > ul > li ul li .btn.delete, body.help .drag, .section_prof_intro .cont_area .sns_list .google:before, .section_prof_intro .cont_area .sns_list .facebook:before, .section_prof_intro .cont_area .sns_list .twitter:before, .section_prof_intro .cont_area .sns_list .instagram:before, .section_prof_intro .cont_area .sns_list .medium:before, .section_prof_intro .cont_area .sns_list .youtube:before, .section_prof_intro .cont_area .sns_list .band:before, .section_prof_intro .cont_area .sns_list .naverblog:before, .section_prof_intro .cont_area .sns_list .navercafe:before, .section_prof_intro .cont_area .sns_list .other:before, .section_prof_intro .cont_area .link_list a:before, .section_prof_active .prof_active_list li a:after, .section_prof_active .prof_active_list li a .attach_file:before, .boost_course .tab_list .new, .boost_course .boost_course_cont .project_notice .pjt_list em:before, .boost_course .boost_course_review_result .review_tab .project .link:before, .boost_course .boost_course_review_result .review_tab .code .link:before, .boost_course .boost_course_review_result .review_tab .document .link:before, .boost_course .boost_course_review_result .review_tab .student .link:before, .boost_course .boost_course_review_result .review_tab .list .link:before, .boost_course .boost_course_review_result .review_tab .project.active .link:before, .boost_course .boost_course_review_result .review_tab .code.active .link:before, .boost_course .boost_course_review_result .review_tab .document.active .link:before, .boost_course .boost_course_review_result .review_tab .student.active .link:before, .boost_course .boost_course_review_result .review_tab .list.active .link:before, .boost_course .boost_course_review_result .review_tab .project.disabled .link:before, .boost_course .boost_course_review_result .review_tab .code.disabled .link:before, .boost_course .boost_course_review_result .review_tab .document.disabled .link:before, .boost_course .boost_course_review_result .review_tab .student.disabled .link:before, .boost_course .boost_course_review_result .review_tab .list.disabled .link:before, .boost_course .boost_course_review_result .code_review .code_list .download, .boost_course .boost_course_review_result .code_review .code_list .folder_link .arr, .boost_course .boost_course_review_result .code_review .code_list .folder_link.fold .arr, .boost_course .boost_course_review_result .code_review .code_list .list_dash, .boost_course .boost_course_review_result .code_review .folder, .boost_course .boost_course_review_result .code_review .file, .boost_course .boost_course_review_result .star_box .active_l, .boost_course .boost_course_review_result .star_box .active_r, .boost_course .boost_course_review_result .star_box, .boost_course .boost_course_review_result .star_box .star_bar, .boost_course .caution_box:before, .boost_course .caution_box.review:before, .boost_course .caution_box.pass:before, .boost_course .caution_box.fail:before, .boost_course .caution_box.caution:before, .boost_course .reviewer_select .btn_box .save_btn, .boost_course .reviewer_select .btn_box .cancel_btn, .boost_course .reviewer_select .select_group .list_sjt_box .sort_link.up:after, .boost_course .reviewer_select .select_group .list_sjt_box .sort_link.dn:after, .boost_course_current .notice:before, .boost_course_current .table .link:after, .boost_course_current .tbl_bottom_btn_box .review_price .price_pop .pop_close, .lecture_payment .lecture_payment_list .table .link_box a:after, .lecture_payment .lecture_payment_list .table .no_box .info_pop .pop_close {
	background-image: url(../img/sprite/sp_icon.png);
	-webkit-background-size: 913px 901px;
	        background-size: 913px 901px;
	background-repeat: no-repeat;
}

.re_pack #header[class^=main_] .header_wrap .layout_in .gnb li.search .group .btn:after, .re_pack #header .gnb.ly_type2 > li.search .group .btn:after, .re_pack #header .gnb.ly_type2 > li.nickname > a .thumb:before, .re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_survey::after, #header.edwith .gnb.ly_type2 > li.nickname > a .thumb:before, .lnb .inc_sub .hd_txt .profile .thumb:before, .lnb .inc_sub .hd_txt .sns_area .sns_share:before, .lnb .inc_sub .hd_txt .lecture_sub_tool .btn_manage .open:after, .lnb .inc_sub .hd_txt .lecture_sub_tool .go_back:before, .lnb .inc_sub .hd_txt .lecture_sub_tool .blank_ico span:after, .lnb .open_menu:after, #snb .blank_ico span:after, #snb .whaleon .whale_on_link.before .link.student:after, #snb .whaleon .whale_on_link.before .info .text .lab, #snb .whaleon .whale_on_link .link:before, #snb .whaleon .whale_on_link .link.student:after, #snb .whaleon .whale_on_link .info .text .lab, #snb .whaleon .whale_on_link .info .option_btn .btn:before, #snb .nav_menu > ul > li .btn_open::after, #snb .nav_menu > ul > li.private .menu:after, #snb .nav_menu > ul > li.help span:after, #snb .nav_menu > ul > li ul li.help span:after, #snb .nav_menu > ul > li.ext a:before, #snb .nav_menu > ul > li.active .btn_open::after, #snb .nav_menu > ul > li ol li.done a::before, #snb .privacy_area .agree_area input[type="checkbox"]:checked + .checkbox_label .check_icon, #snb .privacy_area .agree_area .checkbox_label .check_icon, #snb.manage nav > ul > li.help span:after, #snb.manage nav > ul > li ul li.help span:after, body.re_pack #content .page_header .reverse_wrap .ick .checkbox, body.re_pack #content .page_header .reverse_wrap .ick .checkbox.checked:after, #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, .modal_wrap.cbox .cbox_con .lst ._lecture_item.lec .ph::before, .modal_wrap.cbox .cbox_con .lst ._lecture_item.quiz .ph::before, .modal_wrap.cbox .cbox_con .lst ._lecture_item.task .ph::before, .modal_wrap.cbox .cbox_con .lst ._lecture_item.ico_survey .ph::before, .modal_wrap .modal_content.select_stu .modal_close, .inspect_pop .close, .modal_modulab_wrap .modulab_title, .modal_modulab_wrap .btn_modal_close::after, .material_view .material_status_bar.type2 .btn_live_start::before,
.material_view .material_status_bar.type2 .btn_live_end::before, .material_view .material_status_bar.type2 .notice_area .text::before, .material_view .material_status_bar.type2 .live_time::before, .material_view .live_end_info .title::before, .material_view .material_status_list_box .se_editor_area .f_img:hover .f_close, .material_view .material_status_list_box .se_editor_area .f_img .f_close, .material_view .material_status_list_box .se_editor_area .f_file .f_close, .ce_view .material_view.material_live.full_video .material_status_bar.type2 .live_time::before, .ce_view .material_view .material_item .dimmed_layer_box .btn_embed_url::before, .material_view.full_video.material_live .material_status_bar .btn_back:before, .material_view.full_video .material_status_bar .btn_live_close::before, .video_share_btn::before, .live_comment_title_wrap .sub_btn .btn_refresh .ico_refresh, .live_comment_title_wrap .sub_btn .refresh_wrap .btn_refresh_auto.refresh_auto_on .ico_refresh_auto, .live_comment_title_wrap .sub_btn .refresh_wrap .ico_refresh_auto, .live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_image, .live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_file, .live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_katex, .live_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.checked, .live_comment_wrap .comment .comment_list .del .comment_area .comment_desc::before, .live_comment_wrap .comment .comment_list .comment_area .thumb:before, .live_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_btn, .live_comment_wrap .comment .comment_children_wrap .children .comment_area .thumb:before, .live_comment_wrap .comment .comment_children_wrap .del .comment_area .comment_view_mode .comment_desc::before, .live_comment_wrap .only_mine .btn_mine_area .btn_mine.on .ico_mine, .live_comment_wrap .only_mine .btn_mine_area .ico_mine, .live_notice_wrap .notice_inner .live_notice .list .notice.text::before, .live_notice_wrap .notice_inner .live_notice .list .notice.surv::before, .live_notice_wrap .toggle_btn::after, .live_notice_wrap.open_all .toggle_btn::after, .live_notice_wrap .open_btn::after, .live_status .live_text::before, .live_status .remaining_time::before, .ico_help2, .ico_uio_al, .ico_uio_al.on, .ico_uio_va, .ico_uio_va.on, .link_blank_more:after, body.re_pack .it.it_added.input .btn:after, body.re_pack .ick .checkbox.checked::after, body:not([class*="view_"]) .paginate .pagin.l .btn_prve::after, body:not([class*="view_"]) .paginate .pagin.l .btn_prve.disabled::after, body:not([class*="view_"]) .paginate .pagin.r .btn_next::after, body:not([class*="view_"]) .paginate .pagin.r .btn_next.disabled::after, body:not([class*="view_"]) .paginate .pre:after, body:not([class*="view_"]) .paginate .pre.disabled:after, body:not([class*="view_"]) .paginate .next:after, body:not([class*="view_"]) .paginate .next.disabled:after, .nav_text li button.on::before, .nav_text li a.on::before, .nav_text li a.tit:before, .txt_desc:before, .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, .intro_pop .ick .checkbox.checked:after, body.full #container #content .ick.big .checkbox, body.full #container #content .ick.big .checkbox.checked::after, body.full #container.landing #content .landing_section .text_box .link::after, body.full.agreement #container #content .ick.big .checkbox, body.full.agreement #container #content .ick.big .checkbox.checked, body.full.agreement #container #content .ick .checkbox, body.full.agreement #container #content .ick .checkbox.checked, .login_method .btn_s_login.naver:before, .login_method .btn_s_login.kakao:before, .login_method .btn_s_login.facebook:before, .login_method .btn_s_login.google:before, .login_method .btn_s_login.apple:before, .login_method .btn_s_login.apple.black::before, .login_method .btn_s_login.email:before, .login_method_email .ick.login_keep .checkbox, .login_method_email .ick.login_keep .checkbox.checked::after, .join .table.table_type1 .slt_wrap .chosen-single div b, .join .terms_area .terms_lst > li a:after, .privacy_page .top_content .logo, .privacy_page .top_content .logo_v2, .privacy_page .main_content .form_page .privacy_chosen .chosen-container.chosen-container-single .chosen-single div b, .privacy_page .main_content .form_page .btn_delete:before, .privacy_page .agree_box [type="radio"]:checked + label::before, .privacy_page .agree_box label::before, .privacy_page .agree_text_box .chosen-container.chosen-container-single .chosen-single div b, .privacy_page .end_content .end_title::before, .forum .forum_list_new li::after, .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, .re_pack .menu_manager .ico_g_open, .re_pack .menu_manager .ico_g_open_dark_, .re_pack .menu_manager .ico_g_open_dark_b:before, .re_pack .menu_manager .ico_g_open_dark_a:before, body.le_info .lnb #snb .btn_manage .open:after, .class_manager .slc_area .add_top_wrap .ick .checkbox, .class_manager .slc_area .add_top_wrap .ick .checkbox.checked:after, .class_manager > ul li .util > div > button.active .ico_g_lock::after,
.class_manager > ul li .util > div > button.active .ico_g_open::after, .class_manager > ul li .util > div > button .ico_g_lock::after,
.class_manager > ul li .util > div > button .ico_g_open::after, .class_manager > ul li .util .drag, .class_manager > ul > li .time::before, .class_manager > ul > li .sub > li a > span[class^=ico]::before, .class_manager > ul > li .sub > li a > span.end[class^=ico]::before, .class_manager > ul > li .sub > li .ico_lecture::after, .class_manager > ul > li .sub > li .ico_quiz::after, .class_manager > ul > li .sub > li .ico_task::after, .class_manager > ul > li .sub > li .ico_peer::after, .class_manager > ul > li .sub > li .ico_project::after, .class_manager > ul > li .sub > li .ico_survey::after, .class_manager > ul > li .add .add_type button.ico_le_s_b:before, .class_manager > ul > li .add .add_type button.ico_task_s_b:before, .class_manager > ul > li .add .add_type button.ico_peer_s_b:before, .class_manager > ul > li .add .add_type button.ico_quiz_s_b:before, .class_manager > ul > li .add .add_type button.ico_project_s_b:before, .class_manager > ul > li .add .add_type button.ico_survey_s_b:before, .class_manager > ul > li .add .add_input > div .ico_lecture::after, .class_manager > ul > li .add .add_input > div .ico_quiz::after, .class_manager > ul > li .add .add_input > div .ico_task::after, .class_manager > ul > li .add .add_input > div .ico_peer::after, .class_manager > ul > li .add .add_input > div .ico_project::after, .class_manager > ul > li .add .add_input > div .ico_survey::after, body.re_pack .class_manager > ul > li .sub > li .info .like .ico_like, .re_pack .myhome_info .terms .ick .checkbox:after, .re_pack .myhome_info .terms .ick .checkbox.checked:after, .myhome_info .account_interlock_info .ico_naver, .myhome_info .account_interlock_info .ico_google, .myhome_info .account_interlock_info .ico_kakao, body.re_pack .quiz_info .ick .checkbox.checked::after, body.re_pack .task_info .ick .checkbox.checked::after, body.re_pack .quiz_info .chosen-container.chosen-container-single .chosen-single div b, body.re_pack .task_info .chosen-container.chosen-container-single .chosen-single div b, body .feedback_peerlist .peerlist .peer .btn:before, body .feedback_peerlist .peerlist .peer .btn:after, body .feedback .feedback_info .ick .checkbox.checked::after, body .feedback .feedback_info .chosen-container.chosen-container-single .chosen-single div b, .gradecheck .ico_task2:after, .gradecheck .ico_peer2:after, .gradecheck .ico_quiz2:after, .gradecheck .ico_s_lecture:after, .flip_intro_cont .flip_intro_tip .tip_guide .title, .boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li.search .group .btn:after, .boost_course_main_body .bc_main_section .bnr_btn_left:after, .boost_course_main_body .bc_main_section .bnr_btn_right:after, .boost_course_main_body .bc_course_section .inner .banner_area:after, .boost_course_main_body .bc_course_section .info_wrap .info .sub::before, .boost_course_main_body .bc_course_section .lecture_count .like::before, .boost_course_main_body .bc_course_section .lecture_count .user::before, .boost_course_main_body .bc_review_section .list_prev_btn:after,
.boost_course_main_body .bc_review_section .list_next_btn:after, .boost_course_main_body .bc_qa_section .qa_list .question:before, .boost_course_main_body .bc_qa_section .qa_list .answer:before, .boost_course_main_body .bc_qa_section .qa_list .open_btn:after, .boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box .title, .boost_course_main_body #wrap.coach #container .bc_course_section .about_title, .boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video .bg_video .btn_play, .boost_course_main_body #wrap.coach #container .bc_course_section .latest_title, .boost_course_main_body #wrap.coach #container .coaching_title, .boost_course_main_body #wrap.coach #container .coaching_box .img_text::after, .boost_course_main_body #wrap.coach #container .coaching_box .img_text2::after, .boost_course_main_body #wrap.coach #container .coaching_box .img_text3::after, .boost_course_main_body #wrap.coach #container .coaching_teacher_box .title, .boost_course_main_body #wrap.coach #container .group_title, .boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box a::after, .lecture_status #status_content .push_status .checkbox.checked:after, .lecture_status #status_content .meeting_list .list .open_list::after, .lecture_status #status_content .push_alarm_notice_list li:before, body.full.agreement #container #content .ick.big_square .checkbox,
body.bg_gray #container #content .ick.big_square .checkbox, body.full.agreement #container #content .ick.big_square .checkbox.checked,
body.bg_gray #container #content .ick.big_square .checkbox.checked, .my_camper_info .btn_delete:before, .my_camper_info .chosen-container.chosen-container-single .chosen-single div b, .table.table_type2 .chosen-container.chosen-container-single .chosen-single div b {
	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;
}

body.re_pack.boost_course_main_body #content .bc_class_section.img_full .inner .link_btn::before, body.re_pack.boost_course_main_body #content .bc_class_section .section_text_box, body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:before, body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:nth-child(2):before, body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:nth-child(3):before, body.re_pack.boost_course_main_body #content .bc_class_section .bi_list .bi_item .bi_link, body.re_pack.boost_course_main_body #content .bc_class_section .bi_list .bi_item .bi_link.go, body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item:nth-child(2) .question::before, body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item:nth-child(3) .question::before, body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item:nth-child(4) .question::before, body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item:nth-child(5) .question::before, body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .question:before, body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .question::after, body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn:after, body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn.list_more_btn::before, body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn.list_more_btn:after {
	background-image: url(../img/sprite/sp_new_boostcourse_class.png);
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/sprite/sp_new_boostcourse_class.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sprite/sp_new_boostcourse_class.svg);
	background-image: linear-gradient(transparent, transparent), url(../img/sprite/sp_new_boostcourse_class.svg);
	-webkit-background-size: 871px 458px;
	        background-size: 871px 458px;
	background-repeat: no-repeat;
}

.re_pack #header .gnb.ly_type2 > li .ly_dropdown .ly_top .more:after, .re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_class::after, .re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_assignment::after, .re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_video::after, .re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_live::after, .re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_comment::after, .re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_quiz::after, .re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_project::after, .re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_post::after, #snb .go_back_home:before, .modal_wrap .modal_footer .txt_desc::before, .table.table_type1 td .whaleon_link .copylink_btn:after, .table.table_type1 td .slt.bc .chosen-container .chosen-single div b:before, .mg_info .chosen-container.chosen-container-single .chosen-single div b:before, .mg_info .checkbox_drop .btn_drop:after {
	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, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	/* 1 */
	font-size: 14px;
	line-height: 1.2;
	-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;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	/* 1 */
	white-space: pre-wrap;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
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;
}

.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 hr {
	margin: 15px 0;
	border: 0;
	border-top: 1px dashed #cbcbcb;
}

.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 * + p, .editor_reset * + ul, .editor_reset * + ol {
	margin: 10px 0 0;
}

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

.editor_reset pre code {
	font-family: NanumSquareWebFont, "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;
}

.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_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;
}

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

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

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

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

.mat6 {
	margin-top: 6px !important;
}

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

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

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

.mat12 {
	margin-top: 12px !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;
}

.mat64 {
	margin-top: 64px !important;
}

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

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

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

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

.mat-20 {
	margin-top: -20px !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;
}

.mal13 {
	margin-left: 13px !important;
}

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

.mal16 {
	margin-left: 16px !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;
}

.mab8 {
	margin-bottom: 8px !important;
}

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

.mab16 {
	margin-bottom: 16px !important;
}

.mab12 {
	margin-bottom: 12px !important;
}

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

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

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

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

.mab40 {
	margin-bottom: 40px !important;
}

.mab80 {
	margin-bottom: 80px !important;
}

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

.pab40 {
	padding-bottom: 40px !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;
}

.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;
}

.red {
	color: #ff5230;
}

.gray {
	color: #848484;
}

.sub_font_color {
	color: #999 !important;
}

.point_font_color {
	color: #333 !important;
}

.point_font_color2 {
	color: #fe522c;
}

.tit_font_color {
	color: #010101 !important;
}

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

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

.fs13 {
	font-size: 13px !important;
}

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

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

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

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

.va_t .txt_desc::before,
.vatop .txt_desc::before {
	top: 2px;
	bottom: auto;
}

.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: 600;
	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;
}

.underline {
	text-decoration: underline;
}

.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;
}

* {
	-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 {
	min-height: 100%;
}

html {
	height: 100%;
}

a {
	color: #666;
}

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

.mozilla p, .mozilla strong, .mozilla em {
	-webkit-transform: skew(0deg);
	    -ms-transform: skew(0deg);
	        transform: skew(0deg);
}

p, strong, em {
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
}

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

body #container {
	width: 100%;
	min-width: 1160px;
	position: relative;
}

body #container::before {
	content: '';
	display: block;
	width: 320px;
	border-right: 1px solid #f0f0f0;
	position: absolute;
	top: 65px;
	bottom: 0px;
	left: 0;
	z-index: 1700;
	background-color: #fff;
}

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

body.re_pack #container {
	min-height: -webkit-calc(100vh - 144px);
	min-height: calc(100vh - 144px);
}

body.full #container::before {
	display: none;
}

body.boost_course_main_body #container::before {
	display: none;
}

body.w1080 #container::before, body.mng_lc #container::before, body.responsive #container::before {
	display: none;
}

body.fs #container::before {
	display: none;
}

body.fs #footer.new_f {
	bottom: auto;
}

body.re_pack.min_1080 #container::before {
	display: none;
}

body.re_pack.min_1080 #content {
	width: 100%;
	min-width: 1080px;
	margin: 0;
}

a {
	text-decoration: none;
}

a:focus, a:hover, button:focus, button:hover {
	outline: 0px transparent !important;
	outline: none;
}

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

@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");
}

@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");
}

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

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

@font-face {
	font-family: NanumSquareRoundWebFont;
	font-style: normal;
	font-weight: 900;
	src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundEB.eot);
	src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundEB.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundEB.woff) format("woff"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundEB.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;
}

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

.re_pack .re_confirm .login {
	width: 856px !important;
	background: #fff;
	margin: 0 !important;
	padding: 80px;
}

.re_pack #header {
	z-index: 2200;
	position: relative;
	min-height: 56px;
	text-align: left;
	min-width: 1160px;
	background: #384047;
}

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

.re_pack #header[class^=main_] {
	background-color: transparent;
	border-bottom: 1px solid #f0f0f0;
}

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

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

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

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

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

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

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

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

.re_pack #header[class^=main_] .header_wrap .layout_in .gnb li {
	height: auto;
}

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

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

.re_pack #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;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

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

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

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

.re_pack #header[class^=main_] .gnb.ly_type2 .ly_dropdown .noti_list .category {
	color: #25292f;
}

.re_pack #header[class^=default_] .gnb > li > a.login {
	background-color: #25292f;
	color: #fff;
	font-size: 13px;
	line-height: 14px;
	width: 132px;
	height: 38px;
	margin-top: -3px;
	letter-spacing: 0;
}

.re_pack #header[class^=default_] .gnb > li.search + li .login {
	margin-left: -23px;
}

.re_pack #header[class^=default_].whale {
	background-color: #fff;
	border-bottom: 1px solid #f0f0f0;
}

.re_pack #header[class^=default_].whale .logo {
	width: auto;
	height: 64px;
	min-width: 320px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 20px;
	background-color: #fff;
}

.re_pack #header[class^=default_].whale .logo a {
	vertical-align: middle;
	overflow: visible;
}

.re_pack #header[class^=default_].whale .logo a + a {
	margin-left: 33px;
	position: relative;
}

.re_pack #header[class^=default_].whale .logo a + a::before {
	content: '';
	display: block;
	width: 1px;
	height: 16px;
	top: 4px;
	left: -17px;
	position: absolute;
	background-color: #e9ebec;
	cursor: default;
}

.re_pack #header[class^=default_].whale .layout_in {
	float: none;
	height: 64px;
	background-color: #fff;
	padding: 16px 24px 15px 0;
}

.re_pack #header[class^=default_].whale .layout_in .gnb > li + li::before {
	background-color: #e6e6e6;
}

.re_pack #header[class^=default_].whale .layout_in .gnb > li.search .group {
	background-color: #f7f7f7;
}

.re_pack #header[class^=default_].whale .layout_in .gnb > li.search .group input {
	color: #2a2c2f;
}

.re_pack #header[class^=default_].whale .layout_in .gnb > li > a {
	color: #25292f;
}

.re_pack #header[class^=default_].whale .layout_in .gnb > li .count em {
	color: #ff5230;
}

.re_pack #header[class^=default_].whale .layout_in .gnb > li a.login {
	background-color: #f7f7f7;
	color: #2a2c2f;
	font-size: 13px;
	line-height: 14px;
	width: 132px;
	height: 38px;
	margin-top: -3px;
}

.re_pack #header[class^=default_].whale .layout_in .lnk {
	margin-left: 24px;
}

.re_pack #header .logo {
	width: 320px;
	height: 56px;
	padding: 20px 24px;
	background-color: #25292f;
	float: left;
	z-index: 10;
}

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

.re_pack #header .logo a img,
.re_pack #header .logo .logo_area img {
	vertical-align: top;
}

.re_pack #header .lnk {
	position: relative;
	text-align: center;
	float: left;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	height: 19px;
}

.re_pack #header .lnk li + li {
	margin-left: 32px;
}

.re_pack #header .lnk li {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.re_pack #header .lnk li.partner::before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background-color: #25292f;
	position: absolute;
	top: 8px;
	left: -17px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.re_pack #header .lnk a {
	font-size: 16px;
	font-weight: 700;
	color: #010101;
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
}

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

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

.re_pack #header .layout_in {
	width: auto;
	height: 56px;
	background: #384047;
	border-bottom: 0;
	padding: 12px 24px 12px 0;
	float: right;
}

.re_pack #header .gnb.ly_type2 {
	float: right;
}

.re_pack #header .gnb.ly_type2 > li {
	position: relative;
	display: block;
	float: left;
	height: 16px;
}

.re_pack #header .gnb.ly_type2 > li.ly_right .ly_dropdown {
	left: auto;
	right: 0;
}

.re_pack #header .gnb.ly_type2 > li + li {
	margin-left: 25px;
}

.re_pack #header .gnb.ly_type2 > li + .ic::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background-color: #666;
	position: absolute;
	top: 4px;
	left: -13px;
}

.re_pack #header .gnb.ly_type2 > li.ic {
	margin-top: 8px;
}

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

.re_pack #header .gnb.ly_type2 > li.search {
	height: 32px;
	margin-left: 20px;
}

.re_pack #header .gnb.ly_type2 > li.search::before {
	display: none;
}

.re_pack #header .gnb.ly_type2 > li.search .group {
	width: 136px;
	height: 32px;
	padding: 0 32px 0 8px;
	background-color: #25292f;
	position: relative;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.re_pack #header .gnb.ly_type2 > li.search .group input {
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	border: 0;
	width: 100%;
	height: 32px;
	background-color: transparent;
}

.re_pack #header .gnb.ly_type2 > li.search .group .btn {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
}

.re_pack #header .gnb.ly_type2 > 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;
}

.re_pack #header .gnb.ly_type2 > li:last-child::before {
	display: none;
}

.re_pack #header .gnb.ly_type2 > li > a {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	vertical-align: top;
}

.re_pack #header .gnb.ly_type2 > 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;
}

.re_pack #header .gnb.ly_type2 > 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;
}

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

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

.re_pack #header .gnb.ly_type2 > li > .count {
	display: none;
	min-width: 17px;
	height: 16px;
	font-size: 13px;
	text-align: center;
	color: #fff;
	vertical-align: top;
}

.re_pack #header .gnb.ly_type2 > li > .count em {
	color: #FF5230;
	z-index: 10;
	display: inline-block;
	position: relative;
	height: 17px;
	padding-left: 4px;
	white-space: nowrap;
	line-height: 16px;
	vertical-align: top;
}

.re_pack #header .gnb.ly_type2 > li.nickname {
	margin-left: 8px;
}

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

.re_pack #header .gnb.ly_type2 > 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;
}

.re_pack #header .gnb.ly_type2 > 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;
}

.re_pack #header .gnb.ly_type2 > 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);
}

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

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

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

.re_pack #header .gnb.ly_type2 > li.nickname .ly_dropdown ul li {
	padding: 0;
	text-align: center;
	border-top: 1px solid #edf0f2;
}

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

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

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

.re_pack #header .gnb.ly_type2 > li .ly_dropdown {
	position: absolute;
	top: 31px;
	right: auto;
	left: 0;
	display: none;
	width: 320px;
	max-height: none;
	padding-bottom: 24px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: solid 1px #edf0f2;
	-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);
	background: #fff;
	overflow: hidden;
}

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

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

.re_pack #header .gnb.ly_type2 > li .ly_dropdown .ly_top .more {
	position: absolute;
	top: 27px;
	right: 26px;
	padding-right: 13px;
	color: #384047;
	font-size: 13px;
	line-height: 14px;
	font-weight: normal;
}

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

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

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

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

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

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

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

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

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

.re_pack #header .gnb.ly_type2 > 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;
}

.re_pack #header .gnb.ly_type2 > 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);
}

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

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

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

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

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

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

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

.re_pack #header .gnb.ly_type2 > 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: '';
}

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

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

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

.re_pack #header .gnb.ly_type2 > 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);
}

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

.re_pack #header .gnb.ly_type2 > 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;
}

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

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

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

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

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

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

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

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

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

.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .thumb::before {
	width: 100%;
	height: 100%;
	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;
}

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

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

.re_pack #header .gnb.ly_type2 > li .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;
}

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

.re_pack #header .gnb.ly_type2 > li .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;
}

.re_pack #header .gnb.ly_type2 > li .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;
}

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

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

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

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

.re_pack #header .gnb.ly_type2 > li .more_button {
	padding: 24px 24px 0 24px;
}

.re_pack #header .gnb.ly_type2 > li .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;
}

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

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

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

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

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

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

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

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

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

.re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_survey::after {
	background-position: -484px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.re_pack #header .gnb.ly_type2 > li .my_news .read {
	background: #ccd1d0 !important;
}

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

.re_pack #header .gnb.ly_type2 > li .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;
}

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

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

.re_pack #header .gnb.ly_type2 > li .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;
}

.re_pack #header .gnb.ly_type2 > li .add_button .num {
	font-weight: 400;
}

.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.edwith {
	z-index: 200;
	position: relative;
	max-width: 100%;
	min-width: 1052px;
	text-align: left;
	background-repeat: repeat-x;
	background-position: 50% 0;
}

#header.edwith .logo {
	position: relative;
	z-index: 1;
	float: left;
	height: 100%;
	margin: 0 0 0 40px;
	background-color: #fff;
	padding: 0;
}

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

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

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

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

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

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

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

#header.edwith .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.edwith .lnk {
	position: absolute;
	left: 0;
	right: 0;
	top: 40px;
	text-align: center;
}

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

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

#header.edwith .lnk li + li {
	margin-left: 0;
}

#header.edwith .lnk li + li::before {
	margin-top: 2px;
}

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

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

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

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

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

#header.edwith .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.edwith .gnb.ly_type2 {
	float: right;
	margin: 28px 32px 0;
}

#header.edwith .gnb.ly_type2 > li {
	display: inline-block;
	margin-right: 13px;
	vertical-align: top;
}

#header.edwith .gnb.ly_type2 > li.ic {
	margin-top: 0;
}

#header.edwith .gnb.ly_type2 > li + li {
	margin-left: 0;
}

#header.edwith .gnb.ly_type2 > li + li.ic:before {
	display: none;
}

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

#header.edwith .gnb.ly_type2 > 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.edwith .gnb.ly_type2 > li > a.login {
	width: auto !important;
	background-color: transparent !important;
	padding: 8px 0 !important;
	font-size: 14px !important;
	letter-spacing: 0 !important;
}

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

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

#header.edwith .gnb.ly_type2 > 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.edwith .gnb.ly_type2 > 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.edwith .gnb.ly_type2 > 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.edwith .gnb.ly_type2 > li .ly_dropdown {
	right: 0;
	top: 36px;
}

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

#header.edwith .gnb.ly_type2 > li.nickname > a .thumb {
	display: inline-block;
	margin: -5px -1px 0 0;
}

#header.edwith .gnb.ly_type2 > li.nickname > a .thumb::after {
	display: none;
}

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

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

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

#header.edwith .gnb.ly_type2 > 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.edwith .layout_in {
	z-index: 5;
	position: relative;
	height: 81px;
	background: #fff;
	float: none;
	padding: 0;
	border-bottom: 1px solid #e6e6e6;
}

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

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

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

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

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

.lnb {
	width: 320px;
	height: 100%;
	z-index: 1700;
	position: relative;
	float: left;
}

.lnb::after {
	content: '';
	width: 319px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.lnb .inc_sub .hd_txt {
	z-index: 30;
	position: relative;
	background-color: #fff;
}

.lnb .inc_sub .hd_txt > .inner {
	min-height: 209px;
	position: relative;
	padding: 24px;
}

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

.lnb .inc_sub .hd_txt .label_box .project,
.lnb .inc_sub .hd_txt .label_box .level {
	float: left;
	font-size: 12px;
	letter-spacing: -0.5px;
	color: #fff;
	line-height: 14px;
	margin-bottom: 16px;
}

.lnb .inc_sub .hd_txt .label_box .project {
	padding-right: 10px;
	position: relative;
}

.lnb .inc_sub .hd_txt .label_box .project + .level::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background-color: rgba(255, 255, 255, 0.4);
	position: absolute;
	top: 3px;
	left: -1px;
}

.lnb .inc_sub .hd_txt .label_box .level {
	padding: 0 8px;
	letter-spacing: -.5px;
	position: relative;
}

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

.lnb .inc_sub .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;
}

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

.lnb .inc_sub .hd_txt .label_box .icon .level_bg:last-child {
	height: 10px;
}

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

.lnb .inc_sub .hd_txt .label_box .icon.level3 .level_bg:last-child {
	opacity: 1;
}

.lnb .inc_sub .hd_txt h2 {
	overflow: hidden;
	min-height: 76px;
	max-height: 180px;
	margin-bottom: 56px;
}

.lnb .inc_sub .hd_txt h2 a {
	color: #fff;
	display: inline-block;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 20px;
	line-height: 30px;
	text-decoration: none !important;
	letter-spacing: -0.07px;
	font-family: 'NanumSquareWebFont';
	font-weight: 700;
}

.lnb .inc_sub .hd_txt .profile {
	width: 224px;
	display: block;
	position: absolute;
	bottom: 28px;
	color: #fff;
	padding-left: 40px;
	min-height: 32px;
}

.lnb .inc_sub .hd_txt .profile .thumb {
	display: block;
	width: 32px;
	height: 32px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	position: absolute;
	left: 0;
	overflow: hidden;
	background-color: #fff !important;
}

.lnb .inc_sub .hd_txt .profile .thumb:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 32px;
	background-position: -833px -451px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	content: '';
}

.lnb .inc_sub .hd_txt .profile .thumb::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: solid 1px rgba(0, 0, 0, 0.08);
}

.lnb .inc_sub .hd_txt .profile .thumb.bgnone:before {
	display: none;
}

.lnb .inc_sub .hd_txt .profile img {
	vertical-align: top;
}

.lnb .inc_sub .hd_txt .profile .name,
.lnb .inc_sub .hd_txt .profile .from {
	display: block;
	overflow: hidden;
	max-width: auto;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	font-size: 12px;
	font-weight: 700;
	line-height: 14px;
	color: #fff;
	font-family: 'NanumSquareWebFont';
	font-weight: 700;
}

.lnb .inc_sub .hd_txt .profile .from {
	margin-top: 4px;
	opacity: 0.6;
}

.lnb .inc_sub .hd_txt .profile span:last-child.name {
	line-height: 32px;
}

.lnb .inc_sub .hd_txt .sns_area {
	position: absolute;
	right: 24px;
	bottom: 24px;
}

.lnb .inc_sub .hd_txt .sns_area .sns_share {
	display: block;
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.2);
}

.lnb .inc_sub .hd_txt .sns_area .sns_share:before {
	display: block;
	top: 0px;
	left: 9px;
	width: 20px;
	height: 20px;
	background-position: -412px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	content: '';
}

.lnb .inc_sub .hd_txt .lecture_sub_tool {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	width: 320px;
	min-height: 53px;
	position: relative;
	margin-top: 1px;
	padding: 12px 24px 12px 24px;
	background-color: #fafafa;
	-webkit-box-shadow: inset 0 -1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0;
	        box-shadow: inset 0 -1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0;
}

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

.lnb .inc_sub .hd_txt .lecture_sub_tool .count_info {
	min-width: 125px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding: 7px 16px 7px 0;
}

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

.lnb .inc_sub .hd_txt .lecture_sub_tool .count_info [class^=count_] + [class^=count_]:before {
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: 0 8px 0 6px;
	background-color: #cccccc;
	vertical-align: middle;
	content: '';
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .count_info [class^=count_] em {
	font-weight: normal;
	color: #25292f;
	opacity: .6;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .manage_box {
	float: left;
	position: relative;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .btn_manage {
	color: #25292f;
	font-size: 12px;
	line-height: 14px;
	padding: 8px 32px 7px 16px;
	-webkit-border-radius: 22px;
	        border-radius: 22px;
	background-color: #f0f0f0;
	text-decoration: none;
	white-space: nowrap;
	position: relative;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .btn_manage .open {
	width: 32px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .btn_manage .open:after {
	background-position: -540px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 13px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .btn_manage.on + .manage {
	display: block;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .manage {
	width: auto;
	min-width: 200px;
	display: none;
	position: absolute;
	top: 32px;
	background-color: #fff;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	-webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.25);
	overflow: hidden;
	z-index: 100;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .manage .inner {
	padding: 0 24px;
	margin: 24px 0;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 552px;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .manage .title {
	color: #25292f;
	font-size: 14px;
	line-height: 15px;
	font-weight: 600;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .manage a:hover {
	text-decoration: none;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .manage li ul {
	margin-top: 19px;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .manage li ul li {
	position: relative;
	height: 16px;
	padding-left: 12px;
	line-height: 15px;
	white-space: nowrap;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .manage li ul li::before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	background-color: #666;
	position: absolute;
	top: 6px;
	left: 0;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .manage li ul li + li {
	margin-top: 20px;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .manage li + li {
	margin-top: 40px;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .go_back {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: 19px;
	text-align: center;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .go_back:before {
	content: '';
	margin: -2px 8px 0px 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	vertical-align: middle;
	background-position: -100px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.lnb .inc_sub .hd_txt .lecture_sub_tool .blank_ico span:after {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	vertical-align: middle;
	margin: 0px 0 1px 9px;
	background-position: -524px -616px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.lnb .inc_sub.default .hd_txt .lecture_sub_tool, .lnb .inc_sub.default_whale .hd_txt .lecture_sub_tool {
	min-height: 47px;
}

.lnb .inc_sub.default .hd_txt .lecture_sub_tool .count_info, .lnb .inc_sub.default_whale .hd_txt .lecture_sub_tool .count_info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 5px 0 4px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.lnb .inc_sub.default .hd_txt .lecture_sub_tool .count_info [class^=count_], .lnb .inc_sub.default_whale .hd_txt .lecture_sub_tool .count_info [class^=count_] {
	position: relative;
	width: 50%;
	text-align: center;
}

.lnb .inc_sub.default .hd_txt .lecture_sub_tool .count_info [class^=count_] em, .lnb .inc_sub.default_whale .hd_txt .lecture_sub_tool .count_info [class^=count_] em {
	margin-right: 8px;
}

.lnb .inc_sub.default .hd_txt .lecture_sub_tool .count_info [class^=count_] + [class^=count_]:before, .lnb .inc_sub.default_whale .hd_txt .lecture_sub_tool .count_info [class^=count_] + [class^=count_]:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin: -4px 0 0;
}

.lnb .open_menu {
	display: none;
	width: 32px;
	height: 32px;
	position: absolute;
	top: -43px;
	left: 20px;
}

.lnb .open_menu:after {
	background-position: -716px -359px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	right: 0;
	bottom: 0;
	margin: auto;
	margin: 0;
}

#snb {
	background-color: #ffffff;
	padding: 24px;
	-webkit-box-shadow: inset -1px 0 0 0 #f0f0f0;
	        box-shadow: inset -1px 0 0 0 #f0f0f0;
}

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

#snb .blank_ico span:after {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0px 0 1px 9px;
	background-position: -524px -616px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

#snb .state_area {
	padding-top: 24px;
	border-top: 1px solid #f0f0f0;
}

#snb .state_area::after {
	content: '';
	display: block;
	clear: both;
}

#snb .state_area:first-child {
	padding-top: 0;
	border-top: 0;
	margin-top: -5px;
}

#snb .state_area .btn {
	color: #fff;
	display: block;
	height: 48px;
	font-size: 14px;
	line-height: 48px;
	font-weight: 600;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	margin-top: 8px;
}

#snb .state_area .btn:first-child {
	margin-top: 0;
	margin-bottom: 8px;
}

#snb .state_area .btn_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#snb .state_area .btn_box .btn {
	height: 40px;
	line-height: 40px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 112px;
	    -ms-flex: 1 1 112px;
	        flex: 1 1 112px;
	margin: 0 0 0 8px;
}

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

#snb .state_area .info.dark {
	color: #666;
}

#snb .learning_record:after {
	display: block;
	height: 1px;
	margin: 16px 8px;
	background-color: #f1f1f1;
	clear: both;
	content: '';
}

#snb .learning_record .learning_btn_box {
	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;
}

#snb .learning_record .learning_btn_box + .learning_btn_box {
	margin-top: 12px;
}

#snb .learning_record .btn_learning {
	width: 128px;
	min-width: 128px;
	height: 40px;
	background-color: #03c75a;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	font-family: 'NanumSquareWebFont';
	font-weight: 700;
	font-size: 14px;
	color: #fff;
}

#snb .learning_record .btn_learning.end {
	background-color: #ff5230;
}

#snb .learning_record .authentication {
	width: 128px;
	min-width: 128px;
	height: 40px;
	background-color: #437fff;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	font-family: 'NanumSquareWebFont';
	font-weight: 700;
	font-size: 14px;
	color: #fff;
}

#snb .learning_record .authentication.end {
	background-color: #d0d6d9;
}

#snb .learning_record .record_box {
	overflow: hidden;
	padding-left: 16px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	line-height: 0;
}

#snb .learning_record .record_box strong {
	display: block;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #828c96;
}

#snb .learning_record .record_box span {
	margin-top: 4px;
	font-size: 12px;
	color: #25292f;
	line-height: normal;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

#snb .learning_record .check_record {
	margin-top: 12px;
	width: 100%;
	background-color: #f7f7f7;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	font-size: 12px;
	color: #25292f;
	line-height: 14px;
	padding: 9px 10px;
	text-align: center;
}

#snb .learning_record .check_record:focus {
	outline: none;
}

#snb .whaleon:after {
	display: block;
	height: 1px;
	margin: 16px 8px;
	background-color: #f1f1f1;
	clear: both;
	content: '';
}

#snb .whaleon .whale_on_link {
	display: block;
}

#snb .whaleon .whale_on_link.before .link {
	background: #828C96;
}

#snb .whaleon .whale_on_link.before .link.student:after {
	background-position: -840px -383px;
	background-repeat: no-repeat;
	width: 33px;
	height: 20px;
}

#snb .whaleon .whale_on_link.before .info .text .lab {
	background-position: -817px -603px;
	background-repeat: no-repeat;
	width: 22px;
	height: 16px;
}

#snb .whaleon .whale_on_link .link {
	display: block;
	background: #05C3A7;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	font-size: 15px;
	line-height: 19px;
	padding: 12px 0px 12px 0px;
	min-width: 194px;
	color: #fff;
	text-align: center;
}

#snb .whaleon .whale_on_link .link:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-position: -715px -485px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

#snb .whaleon .whale_on_link .link.student:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	background-position: -799px -383px;
	background-repeat: no-repeat;
	width: 33px;
	height: 20px;
}

#snb .whaleon .whale_on_link .info {
	margin-top: 8px;
	padding-right: 16px;
	position: relative;
}

#snb .whaleon .whale_on_link .info .text {
	color: #828c96;
	font-size: 13px;
	line-height: 20px;
}

#snb .whaleon .whale_on_link .info .text .lab {
	display: inline-block;
	vertical-align: -4px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background-position: -847px -603px;
	background-repeat: no-repeat;
	width: 22px;
	height: 16px;
	margin-right: 4px;
}

#snb .whaleon .whale_on_link .info .option_btn {
	position: absolute;
	top: 0;
	right: 0;
}

#snb .whaleon .whale_on_link .info .option_btn .btn {
	width: 24px;
	height: 20px;
}

#snb .whaleon .whale_on_link .info .option_btn .btn:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 8px;
	margin: -8px 0 0 0;
	background-position: -52px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

#snb .whaleon .whale_on_link .info .option_btn .btn[aria-selected="true"] + .layer {
	display: block;
	z-index: 10;
}

#snb .whaleon .whale_on_link .info .option_btn .layer {
	display: none;
	position: absolute;
	min-width: 120px;
	top: 28px;
	right: 0;
	padding: 8px 0;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.08);
	        box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.08);
	-webkit-border-radius: 8px;
	        border-radius: 8px;
}

#snb .whaleon .whale_on_link .info .option_btn .layer a {
	color: #25292F;
	display: block;
	padding: 8px 16px;
	font-size: 13px;
	line-height: 14px;
	white-space: nowrap;
}

#snb .whaleon .whale_on_link .info .option_btn .layer a + a {
	margin-top: 4px;
}

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

#snb .nav_menu .hr {
	margin: 16px 0;
	padding: 0 8px;
	display: block;
	height: 1px;
}

#snb .nav_menu .hr:after {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #f1f1f1;
	content: '';
}

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

#snb .nav_menu > ul > li {
	display: block;
	color: #333;
	margin-top: 8px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	position: relative;
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
}

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

#snb .nav_menu > ul > li.notice .icon {
	display: block;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto;
}

#snb .nav_menu > ul > li.notice .icon path {
	fill: #FF5230;
}

#snb .nav_menu > ul > li .menu {
	color: #25292f;
	word-wrap: normal;
	vertical-align: top;
	font-weight: bold;
}

#snb .nav_menu > 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_menu > ul > li .btn_open {
	width: 48px;
	height: 46px;
	padding: 16px;
	position: absolute;
	top: 1px;
	right: 0;
	border-left: 1px solid #f1f1f1;
}

#snb .nav_menu > ul > li .btn_open::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-position: -620px -616px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

#snb .nav_menu > ul > li.private .menu {
	position: relative;
	padding-right: 18px;
	color: #25292f;
}

#snb .nav_menu > ul > li.private .menu:after {
	position: absolute;
	top: 2px;
	right: 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -580px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	content: '';
}

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

#snb .nav_menu > ul > li.help span:after, #snb .nav_menu > ul > li ul li.help span:after {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0px 0 1px 9px;
	background-position: -524px -616px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

#snb .nav_menu > ul > li > a {
	display: block;
	position: relative;
	padding: 16px 48px 14px 24px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: solid 1px #f1f1f1;
	background-color: #ffffff;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	-webkit-transform: skew(0deg);
	    -ms-transform: skew(0deg);
	        transform: skew(0deg);
}

#snb .nav_menu > ul > li > a span {
	color: #25292f;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
}

#snb .nav_menu > ul > li.ext a span {
	vertical-align: middle;
}

#snb .nav_menu > ul > li.ext a:before {
	background-position: -316px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto;
	content: '';
}

#snb .nav_menu > ul > li.ext + .ext {
	margin-top: 7px;
}

#snb .nav_menu > ul > li.ext + .ext .hr {
	margin: 12px 0 10px;
}

#snb .nav_menu > ul > li.ext + .ext .hr + .hr {
	margin: -2px 0 10px;
}

#snb .nav_menu > ul > li.video a .icon {
	display: block;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto;
}

#snb .nav_menu > ul > li.active .btn_open::after {
	background-position: -396px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

#snb .nav_menu > ul > li.active .lect_2dep {
	display: block;
}

#snb .nav_menu > ul > li ol {
	display: none;
	margin: 24px 0 13px;
}

#snb .nav_menu > ul > li ol + ol {
	margin-top: 15px;
}

#snb .nav_menu > ul > li ol:last-child {
	margin-bottom: 24px;
}

#snb .nav_menu > ul > li ol .title {
	display: block;
	color: #666;
	font-size: 12px;
	line-height: 14px;
	padding-left: 16px;
	margin-bottom: 8px;
	font-weight: normal;
	margin-bottom: 8px;
}

#snb .nav_menu > ul > li ol li {
	display: block;
	font-weight: normal;
	position: relative;
}

#snb .nav_menu > ul > li ol li + li::before {
	content: '';
	display: block;
	width: 1px;
	height: 16px;
	background-color: #ececec;
	position: absolute;
	top: -8px;
	left: 20px;
	z-index: 10;
}

#snb .nav_menu > ul > li ol li a {
	color: #25292f;
	display: block;
	font-size: 13px;
	line-height: 19px;
	position: relative;
	padding: 8px 15px 8px 39px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	text-decoration: none;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#snb .nav_menu > ul > li ol li a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 16px;
	margin: auto;
	width: 8px;
	height: 8px;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

#snb .nav_menu > ul > li ol li a:hover {
	text-decoration: none;
	background-color: #f8f8f8;
}

#snb .nav_menu > ul > li ol li.done a::before {
	border: 0;
	background-position: -753px -667px;
	background-repeat: no-repeat;
	width: 8px;
	height: 9px;
}

#snb .nav_menu > ul > li ol li.now a {
	background-color: #f8f8f8;
}

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

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

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

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

#snb .nav_menu 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 ~ .widget {
	padding: 24px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: solid 1px #f1f1f1;
}

#snb .widget {
	margin-top: 8px;
}

#snb .widget h2 {
	position: relative;
	margin-bottom: 13px;
	font-size: 14px;
	line-height: 15px;
	font-weight: 700;
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
}

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

#snb .widget .poll p {
	line-height: 21px;
	color: #25292f;
	font-size: 14px;
	font-weight: 700;
}

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

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

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

#snb .widget .poll .radio.checked {
	border: 0;
}

#snb .widget .poll .radio.checked::after {
	width: 4px;
	height: 4px;
	background-color: #fff;
}

#snb .widget .poll .ph {
	line-height: 17px;
	color: #25292f;
	margin-top: 3px;
}

#snb .widget .poll .btn {
	width: 100%;
	color: #25292f;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: 0;
	background-color: #fafafa;
	margin-top: 11px;
}

#snb .widget .info {
	padding: 24px 0 24px;
	margin-top: -8px;
}

#snb .widget .info .date_area {
	font-size: 12px;
}

#snb .widget .info .date_area li {
	line-height: 13px;
	margin-top: 16px;
}

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

#snb .widget .info .date_area strong {
	color: #828c96;
	display: block;
	min-width: 88px;
	font-weight: 300;
	float: left;
}

#snb .widget .info .date_area .desc {
	display: block;
	color: #25292f;
	overflow: hidden;
}

#snb .privacy_area {
	border-top: 1px solid #f0f0f0;
	padding: 24px 0;
}

#snb .privacy_area .privacy_term > strong {
	display: block;
	color: #25292f;
	font-size: 15px;
	line-height: 17px;
	font-weight: 700;
}

#snb .privacy_area .privacy_term .term_box {
	margin-top: 16px;
}

#snb .privacy_area .privacy_term .term_box .term_row + .term_row {
	margin-top: 10px;
}

#snb .privacy_area .privacy_term .term_box dt {
	color: #333;
	font-size: 13px;
	line-height: 20px;
}

#snb .privacy_area .privacy_term .term_box dt + dd {
	margin-top: 2px;
}

#snb .privacy_area .privacy_term .term_box dd {
	color: #666;
	font-size: 13px;
	line-height: 20px;
}

#snb .privacy_area .agree_area {
	padding-top: 16px;
}

#snb .privacy_area .agree_area input[type="checkbox"]:checked + .checkbox_label .check_icon {
	background-position: -384px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

#snb .privacy_area .agree_area .checkbox_label {
	position: relative;
	padding-left: 28px;
	display: block;
	cursor: pointer;
}

#snb .privacy_area .agree_area .checkbox_label .check_icon {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-position: -496px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

#snb .privacy_area .agree_area .checkbox_label .text {
	color: #25292f;
	font-size: 15px;
	line-height: 20px;
}

#snb .banner {
	position: relative;
	margin: 0 auto;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	overflow: hidden;
	margin-top: 8px;
}

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

#snb .banner a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#snb .setting_area {
	margin-top: 8px;
}

#snb .setting_area a {
	display: block;
	font-size: 12px;
	height: 29px;
	padding: 8px 0;
	line-height: 19px;
	color: #25292f;
	text-align: center;
	background-color: #fafafa;
}

#snb .setting_area a span {
	display: inline-block;
	line-height: 13px;
	vertical-align: top;
}

#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;
}

#snb.manage nav {
	padding: 0 20px 0 0px;
}

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

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

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

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

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

#snb.manage nav > ul > li + li {
	margin-top: 40px;
}

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

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

#snb.manage 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.manage nav > ul > li.active span {
	text-decoration: none;
}

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

#snb.manage 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.manage nav > ul > li:hover > a:before {
	background-position: -183px -179px;
}

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

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

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

#snb.manage 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.manage 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.manage nav > ul > li.sub ul {
	display: none;
}

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

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

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

#snb.manage nav > ul > li ul {
	margin: 13px 0 5px;
}

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

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

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

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

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

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

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

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

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

#snb.manage 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.manage nav .ext {
	font-size: 12px;
}

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

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

#snb.manage 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.manage 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.manage nav .ext + .ext {
	margin-top: 7px;
}

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

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

#snb .go_back_home {
	display: block;
	font-size: 14px;
	line-height: 24px;
	padding-left: 32px;
	position: relative;
	color: #0076e4;
	font-weight: bold;
	padding-bottom: 16px;
}

#snb .go_back_home:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	background-position: -846px -589px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

body.re_pack #container.new_layout #content .page .page_header .page_title.mab0 {
	margin-bottom: 0 !important;
}

body.re_pack #content {
	width: 840px;
	margin: 0 auto;
	position: relative;
	padding: 74px 40px 120px;
	overflow: hidden;
}

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

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

body.re_pack #content fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

body.re_pack #content button {
	cursor: pointer;
}

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

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

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

body.re_pack #content .page_header {
	position: relative;
	margin-bottom: 40px;
	border-bottom: 1px solid #f0f0f0;
}

body.re_pack #content .page_header .sub_title {
	display: inline-block;
	color: #999;
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 4px;
	font-weight: normal;
}

body.re_pack #content .page_header input.page_title {
	width: 100%;
	height: 48px;
	color: #25292F;
	font-size: 15px;
	padding: 0 16px;
	background: #FFFFFF;
	border: 1px solid #D0D6D9;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

body.re_pack #content .page_header input.page_title::-webkit-input-placeholder {
	color: #999;
}

body.re_pack #content .page_header input.page_title:-ms-input-placeholder {
	color: #999;
}

body.re_pack #content .page_header input.page_title::-ms-input-placeholder {
	color: #999;
}

body.re_pack #content .page_header input.page_title::placeholder {
	color: #999;
}

body.re_pack #content .page_header input.page_title:focus {
	border-color: #384047;
}

body.re_pack #content .page_header h1 {
	position: relative;
	padding: 0;
	font-size: 32px;
	line-height: 52px;
	font-weight: 700;
	color: #25292f;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	max-height: 208px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 31px !important;
	margin-top: -7px;
	width: auto !important;
}

body.re_pack #content .page_header .dsc {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	padding-top: 5px;
}

body.re_pack #content .page_header .title_tab {
	-webkit-box-shadow: inset 0 -1px 0px 0px #edf0f2;
	        box-shadow: inset 0 -1px 0px 0px #edf0f2;
}

body.re_pack #content .page_header .title_tab::after {
	content: '';
	display: block;
	clear: both;
}

body.re_pack #content .page_header .title_tab li {
	float: left;
	position: relative;
	border-bottom: 4px solid transparent;
	padding: 0 4px 17px 4px;
}

body.re_pack #content .page_header .title_tab li .btn_tab {
	color: #828c96;
	font-size: 17px;
	line-height: 19px;
	font-weight: bold;
}

body.re_pack #content .page_header .title_tab li[aria-selected="true"] {
	border-bottom-color: #25292F;
}

body.re_pack #content .page_header .title_tab li[aria-selected="true"] .btn_tab {
	color: #25292f;
}

body.re_pack #content .page_header .title_tab li + li {
	margin-left: 24px;
}

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

body.re_pack #content .page_header.bbnone {
	border-bottom: 0;
}

body.re_pack #content .page_header .group_lr {
	margin-top: 0;
	padding-top: 7px;
}

body.re_pack #content .page_header .group_lr .group_l {
	float: none;
	overflow: hidden;
}

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

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

body.re_pack #content .page_header .btn.btn_type2 {
	min-width: 57px;
	padding: 0px 16px;
	font-weight: normal;
	font-size: 14px;
	line-height: 40px;
	border: 0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	overflow: hidden;
	color: #010101;
	background-color: #FFF;
	border-color: #010101;
	height: 40px;
	letter-spacing: -1px;
	color: #2a2c2f;
	background-color: #f7f7f7;
	border-color: transparent;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-left: 24px;
}

body.re_pack #content .page_header .btn.btn_type2:hover {
	color: #fff;
	background-color: #25292f;
}

body.re_pack #content .page_header .btn.btn_type2 + .btn.btn_type2 {
	margin-left: 4px;
}

body.re_pack #content .page_header .right_date_txt {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #333;
	text-align: right;
	line-height: 25px;
}

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

body.re_pack #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: '';
}

body.re_pack #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;
}

body.re_pack #content .page_header .group_r .it.it_added {
	padding-right: 0;
}

body.re_pack #content .page_header .group_r .it.it_added input {
	padding-right: 34px;
}

body.re_pack #content .page_header .group_r .it.it_added input::-webkit-input-placeholder {
	color: #999;
}

body.re_pack #content .page_header .group_r .it.it_added input:-ms-input-placeholder {
	color: #999;
}

body.re_pack #content .page_header .group_r .it.it_added input::-ms-input-placeholder {
	color: #999;
}

body.re_pack #content .page_header .group_r .it.it_added input::placeholder {
	color: #999;
}

body.re_pack #content .page_header .group_r .it.it_added input::-ms-clear {
	display: none;
}

body.re_pack #content .page_header .group_r .it.it_added input:-ms-input-placeholder {
	/* IE 10+ */
	color: #999 !important;
}

body.re_pack #content .page_header .group_r .it.it_added input:-moz-placeholder {
	/* Firefox 18- */
	color: #999 !important;
}

body.re_pack #content .page_header .group_r .it.it_added input::-moz-placeholder {
	/* Firefox 19+ */
	color: #999 !important;
}

body.re_pack #content .page_header .group_r .it.it_added input::-webkit-input-placeholder {
	color: #999;
}

body.re_pack #content .page_header .group_r .it.it_added input:focus {
	background-color: #fff;
}

body.re_pack #content .page_header .reverse_wrap {
	display: inline-block;
	margin: 8px 16px 0 24px;
}

body.re_pack #content .page_header .reverse_wrap .ick {
	padding-left: 28px;
}

body.re_pack #content .page_header .reverse_wrap .ick .checkbox {
	top: 3px;
	border: 0;
	background-position: -440px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

body.re_pack #content .page_header .reverse_wrap .ick .checkbox.checked:after {
	top: 1px;
	left: 1px;
	background-position: -160px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

body.re_pack #content .page_header .reverse_wrap .ick .checkbox.checked {
	background-image: none;
}

body.re_pack #content .page_header .reverse_wrap .ick .ph {
	color: #000;
}

body.re_pack #content .page_header .alarm_set_btn {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	min-width: 176px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	letter-spacing: -0.5px;
	background-color: #5762ea;
	margin-left: 24px;
}

body.re_pack #content .page_header .alarm_set_btn.disabled {
	background-color: #bfc2c7;
}

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

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

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

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

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

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

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

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

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

body.re_pack #content .page .level_emoji_box {
	position: relative;
	width: 160px;
	margin-left: 16px;
	border-left: 1px solid rgba(0, 0, 0, 0.08);
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
}

body.re_pack #content .page .level_emoji_box [class*="level_"]::before {
	width: 56px;
	height: 56px;
}

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

body.re_pack #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;
}

body.re_pack #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;
}

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

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

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

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

body.re_pack #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;
}

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

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

body.re_pack #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;
}

body.re_pack #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;
}

body.re_pack #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;
}

body.re_pack #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;
}

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

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

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

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

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

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

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

body.re_pack #content .stats_report_box .check_navi {
	margin: -3px 0 10px 0;
	font-size: 16px;
	font-size: #010101;
}

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

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

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

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

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

body.re_pack #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;
}

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

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

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

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

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

body.re_pack #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;
}

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

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

body.re_pack #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: 0px 0 0 4px;
	vertical-align: top;
	content: '';
}

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

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

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

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

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

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

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

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

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

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

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

body.re_pack #content .stats_report_box .report_check_box .check_list_box .check_list .check_inner .date {
	padding-left: 38px;
	font-size: 14px;
	color: #666;
	vertical-align: sub;
}

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

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

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

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

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

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

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

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

body.re_pack #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;
}

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

body.re_pack #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: '';
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body.re_pack #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);
	z-index: 20;
}

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

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

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

body.re_pack #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;
}

body.re_pack #content .new_boost_btm {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: 1500;
	border-top: 1px solid #f0f0f0;
}

body.re_pack #content .new_boost_btm .group_lr {
	width: 1160px;
	padding: 16px 40px 16px 360px;
	margin: auto;
	background-color: #fff;
}

body.re_pack #content .new_boost_btm .txt_desc {
	display: inline-block;
	margin-right: 21px;
	margin-top: 0;
}

body.re_pack #content .new_boost_btm .txt_desc:only-child {
	margin-right: 0;
	margin-top: 16px;
}

body.re_pack #content .new_boost_btm .gray_desc {
	display: inline-block;
	margin-right: 5px;
	color: #666;
	font-size: 13px;
	line-height: 20px;
}

body.re_pack #content .new_boost_btm .submit_num {
	display: inline-block;
	margin-right: 19px;
	color: #999;
}

body.re_pack #content .new_boost_btm .submit_num em {
	font-weight: 600;
	color: #333;
}

/* _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, "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, "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% 126px no-repeat;
	-webkit-background-size: 128px 24px;
	        background-size: 128px 24px;
}

#footer.new_f .layout_in {
	height: auto;
	width: 1080px;
	margin: 0 auto;
	position: relative;
	max-width: 1332px;
	min-width: 1052px;
	font-size: 12px;
	padding: 0;
	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, "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: 124px;
	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;
	background: #384047;
}

#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 .sel_lang_box {
	position: absolute;
	right: 0;
	top: 14px;
}

#footer.new_f[class^=simple] {
	height: 88px !important;
	min-height: 88px !important;
	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;
}

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;
	padding-top: 0;
}

.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;
}

.re_pack.w1080.bg_gray {
	background-image: none;
	background-color: #f1f1f1;
	height: 100%;
}

.re_pack.w1080.bg_gray #wrap {
	min-height: 100%;
}

.re_pack.w1080.bg_gray #container {
	min-height: 100%;
}

.re_pack.w1080 #wrap {
	min-width: 1160px;
	position: relative;
}

.re_pack.w1080 #header[class^=main_] {
	background-color: #fff;
}

.re_pack.w1080 #container {
	width: 1160px;
	margin: 0 auto;
	padding: 40px 40px 380px;
}

.re_pack.w1080.bg_gray #content {
	width: 1080px;
}

.re_pack.w1080 #snb.mypage_menu {
	width: 200px;
	padding: 0;
	background-color: transparent;
	float: left;
}

.re_pack.w1080 #snb.mypage_menu + #content {
	width: 880px;
	padding: 0 0 0 24px;
	margin: 0;
}

.re_pack.w1080 #snb.mypage_menu nav {
	padding: 0;
}

.re_pack.w1080 #snb.mypage_menu nav li {
	margin-top: 4px;
	font-weight: normal;
}

.re_pack.w1080 #snb.mypage_menu nav li:first-child {
	margin-top: 0;
}

.re_pack.w1080 #snb.mypage_menu nav li a {
	display: block;
	height: 48px;
	padding: 0 20px;
	background-color: #fff;
	line-height: 48px;
	color: #666;
	text-decoration: none;
}

.re_pack.w1080 #snb.mypage_menu nav li.selected a {
	color: #fff;
}

.re_pack.w1080 #content {
	padding: 0;
	max-width: none;
}

.re_pack.w1080 #footer {
	position: absolute;
	left: auto;
	right: auto;
	bottom: 0;
}

.re_pack.responsive.bg_gray {
	background-image: none;
	background-color: #f1f1f1;
	height: 100%;
}

.re_pack.responsive.bg_gray #header {
	min-width: 1016px;
}

.re_pack.responsive.bg_gray #wrap {
	min-height: 100%;
	min-width: 1016px;
	position: relative;
}

.re_pack.responsive.bg_gray #container {
	width: auto;
	max-width: 1240px;
	min-height: 100%;
}

.re_pack.responsive.bg_gray #content {
	width: 100%;
}

.re_pack.responsive #header[class^=main_] {
	background-color: #fff;
}

.re_pack.responsive #container {
	min-width: 1016px;
	margin: 0 auto;
	padding: 40px 80px 164px;
}

.re_pack.responsive #snb.mypage_menu {
	width: 200px;
	padding: 0;
	background-color: transparent;
	float: left;
}

.re_pack.responsive #snb.mypage_menu + #content {
	width: 880px;
	padding: 0 0 0 24px;
	margin: 0;
}

.re_pack.responsive #snb.mypage_menu nav {
	padding: 0;
}

.re_pack.responsive #snb.mypage_menu nav li {
	margin-top: 4px;
	font-weight: normal;
}

.re_pack.responsive #snb.mypage_menu nav li:first-child {
	margin-top: 0;
}

.re_pack.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;
}

.re_pack.responsive #snb.mypage_menu nav li.selected a {
	color: #fff;
}

.re_pack.responsive #content {
	padding: 0;
	max-width: none;
}

.re_pack.responsive #footer {
	position: absolute;
	left: auto;
	right: auto;
	bottom: 0;
}

.bg_cpt {
	background-color: #ecf0f1;
}

.bg_cpt #wrap {
	min-width: 1080px;
}

.mobile:not([class*="view_"]) .modal_wrap .modal_inner {
	display: block;
}

.mobile:not([class*="view_"]) .modal_wrap .modal_inner .modal_container {
	display: block;
}

.mobile:not([class*="view_"]) .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:not([class*="view_"]) .modal_wrap .modal_inner .modal_container .modal_content .modal_close {
	width: 24px;
	height: 24px;
}

.mobile:not([class*="view_"]) .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:not([class*="view_"]) .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 h4,
.modal_wrap strong.tit {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
	color: #333;
}

.modal_wrap .ph {
	font-size: 14px;
}

.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 .ick .radio {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -371px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}

.modal_wrap .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;
}

.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;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.modal_wrap .modal_close {
	font-size: 0;
	line-height: 0;
	text-indent: -9999;
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 1055;
	border: 0;
	cursor: pointer;
	width: 24px;
	height: 24px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/icon-modal-close.svg);
	-webkit-background-size: 100% 100%;
	        background-size: 100% 100%;
}

.modal_wrap .modal_content {
	position: relative;
	z-index: 1055;
	width: 800px;
	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 + 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;
	line-height: 1.8;
}

.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: auto;
}

.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_body .table.table_type1 td .txt_desc {
	padding-bottom: 3px;
}

.modal_wrap .modal_body .privacy_area {
	padding-top: 40px;
}

.modal_wrap .modal_body .privacy_area .privacy_title {
	color: #010101;
	font-sizE: 24px;
	line-height: 27px;
	font-weight: 700;
}

.modal_wrap .modal_body .privacy_area .privacy_title + .privacy_text {
	margin-top: 24px;
}

.modal_wrap .modal_body .privacy_area .privacy_text {
	color: #25292f;
	font-size: 14px;
	line-height: 25px;
}

.modal_wrap .modal_body .privacy_area .privacy_text b {
	font-weight: 700;
}

.modal_wrap .modal_body .privacy_area .privacy_term {
	margin-top: 24px;
}

.modal_wrap .modal_body .privacy_area .privacy_term .term_box {
	color: #384047;
	font-size: 13px;
	line-height: 20px;
}

.modal_wrap .modal_body .privacy_area .privacy_term .term_box .term_row {
	position: relative;
	padding-left: 10px;
}

.modal_wrap .modal_body .privacy_area .privacy_term .term_box .term_row + .term_row {
	margin-top: 3px;
}

.modal_wrap .modal_body .privacy_area .privacy_term .term_box .term_row:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	display: block;
	width: 2px;
	height: 2px;
	background: #384047;
}

.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;
	top: 0;
	left: 0;
	background-position: -530px -625px;
	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;
	text-align: left;
}

.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;
}

.modal_wrap .modal_footer .btn_privacy_disagree {
	padding: 0 20px;
	color: #828c96;
	font-size: 14px;
	line-height: 35px;
	font-weight: 700;
}

.modal_wrap .modal_footer .btn_privacy_disagree + .btn_privacy_agree {
	margin-left: 8px;
}

.modal_wrap .modal_footer .btn_privacy_agree {
	padding: 0 20px;
	color: #fff;
	font-size: 14px;
	line-height: 35px;
	font-weight: 700;
}

.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 .btn_wrap {
	text-align: center;
	background-color: #f9f9f9;
}

.modal_wrap .btn_wrap .btn {
	padding: 30px 0;
	height: 100%;
	width: 100%;
}

.modal_wrap .dl_list {
	padding-top: 16px;
	margin-bottom: 16px;
	color: #333;
	font-size: 14px;
	line-height: 15px;
}

.modal_wrap .dl_list dt {
	float: left;
}

.modal_wrap .dl_list dt + dd {
	position: relative;
	padding-left: 17px;
}

.modal_wrap .dl_list dt + dd:before {
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	background-color: #ddd;
	position: absolute;
	left: 8px;
	top: 1.5px;
}

.modal_wrap .dl_list dd {
	overflow: hidden;
}

.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 .type_area .ick.big .radio {
	background-color: transparent;
}

.modal_wrap.new_lecture .lecture_type .type_area .ick.big .radio.checked {
	background-color: transparent;
}

.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 ul.tagit input[type=text] {
	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: inline-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 .group_lr .group_r .slt {
	vertical-align: top;
}

.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 .cbox_group .cbox_area.cbox_course {
	width: 445px;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo .tit strong {
	display: block;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo .tit .tea,
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo .tit .date {
	font-size: 11px;
	line-height: 20px;
	color: #999;
	vertical-align: top;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo .tit span + span {
	margin-left: 8px;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo ul > li {
	margin-bottom: 24px;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo ul > li ul > li {
	margin-bottom: 0;
	line-height: 20px;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo ul > li ul > li + li {
	margin-top: 4px;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo ul > li ul > li .ick {
	line-height: 20px;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course.mine .cbox_rdo.mine {
	display: block;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course.mine .cbox_rdo.public {
	display: none;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course.public .cbox_rdo.mine {
	display: none;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course.public .cbox_rdo.public {
	display: block;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course + .cbox_lecture {
	margin-left: 16px;
	width: 445px;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course + .cbox_lecture .cbox_tit .tit,
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course + .cbox_lecture .cbox_tit .ph {
	color: #010101;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course + .cbox_lecture .tit {
	margin-bottom: -2px;
}

.modal_wrap.cbox .cbox_group .cbox_area.cbox_course + .cbox_lecture .lst {
	padding-left: 0;
}

.modal_wrap.cbox .cbox_group .cbox_tit.b_none {
	border-bottom: 0;
}

.modal_wrap.cbox .cbox_group .course_btn {
	color: #010101;
	font-size: 16px;
	font-weight: 700;
	display: block;
	width: 50%;
	float: left;
	height: 51px;
	margin-bottom: -1px;
	border-bottom: 1px solid #d1d1d1;
}

.modal_wrap.cbox .cbox_group .course_btn + .course_btn {
	border-left: 1px solid #d1d1d1;
}

.modal_wrap.cbox .cbox_group .course_btn[aria-selected="true"] {
	background-color: #fff;
	border-bottom: #fff;
}

.modal_wrap.cbox.v2 .cbox_group .cbox_area {
	width: 291px;
}

.modal_wrap.cbox.v2 .cbox_group .cbox_area.cbox_course + .cbox_lecture {
	width: 291px;
}

.modal_wrap.cbox.v2 .cbox_group .cbox_lecture + .cbox_material {
	margin-left: 16px;
}

.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 ._total_count {
	vertical-align: bottom;
}

.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: inline-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_con .lst ._lecture_item .ph::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 4px;
}

.modal_wrap.cbox .cbox_con .lst ._lecture_item.lec .ph::before {
	background-position: -76px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.modal_wrap.cbox .cbox_con .lst ._lecture_item.quiz .ph::before {
	background-position: -564px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.modal_wrap.cbox .cbox_con .lst ._lecture_item.task .ph::before {
	background-position: -300px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.modal_wrap.cbox .cbox_con .lst ._lecture_item.ico_survey .ph::before {
	background-position: -540px -549px;
	background-repeat: no-repeat;
	width: 17px;
	height: 16px;
}

.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 .tit .ph {
	margin-top: 11px;
}

.modal_wrap.cbox .cbox_last .cbox_con.cbox_chk .tit .ph {
	margin-top: 0;
}

.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 .course_f {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: -13px;
	/* autoprefixer: ignore next */
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	        align-items: center;
}

.modal_wrap .modal_content .course_f .txt_desc {
	margin-right: auto;
}

.modal_wrap .modal_content .course_f .ick {
	display: inline-block;
	margin-right: 16px;
	vertical-align: middle;
}

.modal_wrap .modal_content .course_f .ick .ph {
	color: #010101;
}

.modal_wrap .modal_content .course_f::after {
	display: block;
	clear: both;
	content: '';
}

.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.excel_lec .modal_header .modal_title {
	font-size: 20px;
	line-height: 27px;
}

.modal_wrap .modal_content.excel_lec .modal_body {
	padding: 24px 0;
	min-height: 230px;
}

.modal_wrap .modal_content.excel_lec .modal_body .result_txt {
	color: #333;
	font-size: 14px;
	line-height: 15px;
	font-weight: 700;
}

.modal_wrap .modal_content.excel_lec .modal_body .result_txt + p {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-top: 16px;
}

.modal_wrap .modal_content.excel_lec .modal_body p {
	line-height: 20px;
	margin-bottom: 16px;
}

.modal_wrap .modal_content.excel_lec .modal_body p .success_num {
	color: #03c75a;
}

.modal_wrap .modal_content.excel_lec .modal_body .upload_area {
	margin-top: 24px;
	background-color: #f7f7f7;
	text-align: center;
	line-height: 80px;
}

.modal_wrap .modal_content.excel_lec .modal_body .upload_area .bar {
	height: 10px;
	margin-top: 2px;
}

.modal_wrap .modal_content.excel_lec .modal_body .upload_area .btn {
	font-weight: 700;
	font-size: 16px;
}

.modal_wrap .modal_content.excel_lec .modal_body .upload_area .file_info {
	padding: 25px 20px 20px 76px;
	text-align: left;
	line-height: normal;
	margin-bottom: 0;
}

.modal_wrap .modal_content.excel_lec .modal_body .upload_area .file_info::before {
	position: absolute;
	top: 50%;
	margin-top: -23px;
	left: 20px;
}

.modal_wrap .modal_content.excel_lec .modal_body .upload_area .file_info .info {
	float: left;
	margin-top: 2px;
}

.modal_wrap .modal_content.excel_lec .modal_body .upload_area .file_info .name {
	display: block;
}

.modal_wrap .modal_content.excel_lec .modal_body .upload_area .file_info .btn.btn_type3 {
	font-size: 12px;
	font-weight: 400;
	margin-top: -2px;
}

.modal_wrap .modal_content.excel_lec .modal_footer .txt_desc {
	margin-top: 10px;
}

.modal_wrap .modal_content.select_stu {
	width: 860px;
}

.modal_wrap .modal_content.select_stu .modal_header {
	border-bottom: 0;
}

.modal_wrap .modal_content.select_stu table {
	table-layout: fixed;
}

.modal_wrap .modal_content.select_stu table th:first-child,
.modal_wrap .modal_content.select_stu table td:first-child {
	padding-left: 24px;
}

.modal_wrap .modal_content.select_stu table th:last-child,
.modal_wrap .modal_content.select_stu table td:last-child {
	padding-right: 24px;
}

.modal_wrap .modal_content.select_stu table thead th {
	padding: 15px 8px 16px;
}

.modal_wrap .modal_content.select_stu table tbody td {
	height: 61px;
	padding-right: 8px;
	padding-left: 8px;
}

.modal_wrap .modal_content.select_stu table tbody td .ick {
	line-height: 20px;
}

.modal_wrap .modal_content.select_stu table tbody td .ick .radio {
	border: 1.5px solid #b2b9b8 !important;
	width: 20px;
	height: 20px;
	top: 0px;
	background-image: none !important;
}

.modal_wrap .modal_content.select_stu table tbody td .ick .radio.checked {
	border: 0 !important;
}

.modal_wrap .modal_content.select_stu table tbody td .ick .radio.checked::after {
	width: 4px;
	height: 4px;
	background-color: #fff;
}

.modal_wrap .modal_content.select_stu .modal_footer {
	border-top: 0;
}

.modal_wrap .modal_content.select_stu .modal_close {
	background-position: -677px -438px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.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.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;
}

.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.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 .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;
}

.modal_wrap.record_check .modal_content {
	width: 780px;
}

.modal_wrap.record_check .modal_header {
	border-bottom: 0;
}

.modal_wrap.record_check .modal_title {
	margin-top: 14px;
}

.modal_wrap.record_check .modal_body {
	max-height: unset;
	max-height: none;
}

.modal_wrap.record_check .nav_tab {
	margin-top: 24px;
	top: 0;
	margin-bottom: 24px;
}

.modal_wrap.record_check .nav_tab li a {
	padding: 0 30px;
	min-width: 146px;
	text-align: center;
}

.modal_wrap.record_check .paginate {
	margin-bottom: 40px;
}

.modal_wrap.record_check .paginate .page_list a {
	color: #999;
}

.modal_wrap.record_check .paginate .page_list .selected {
	color: #333;
	text-decoration: underline;
	text-underline-position: from-font;
}

.modal_wrap.record_check .modal_footer {
	padding-top: 40px;
	padding-bottom: 8px;
}

.modal_wrap.record_check .learn_record,
.modal_wrap.record_check .auth_record {
	display: none;
}

.modal_wrap.record_check .learn_record.show,
.modal_wrap.record_check .auth_record.show {
	display: block;
}

.modal_wrap.record_check .learn_record table,
.modal_wrap.record_check .auth_record table {
	table-layout: fixed;
	border-bottom: 1px solid #EBEBEB;
	letter-spacing: 0;
}

.modal_wrap.record_check .learn_record table tbody tr:nth-child(2n) td,
.modal_wrap.record_check .auth_record table tbody tr:nth-child(2n) td {
	background: #FDFDFD;
}

.modal_wrap.record_check .learn_record table tr,
.modal_wrap.record_check .auth_record table tr {
	padding: 0 8px;
}

.modal_wrap.record_check .learn_record table tr th,
.modal_wrap.record_check .learn_record table tr td,
.modal_wrap.record_check .auth_record table tr th,
.modal_wrap.record_check .auth_record table tr td {
	padding: 0 8px;
}

.modal_wrap.record_check .learn_record table tr th:first-child,
.modal_wrap.record_check .learn_record table tr td:first-child,
.modal_wrap.record_check .auth_record table tr th:first-child,
.modal_wrap.record_check .auth_record table tr td:first-child {
	padding-left: 16px;
}

.modal_wrap.record_check .learn_record table tr th:last-child,
.modal_wrap.record_check .learn_record table tr td:last-child,
.modal_wrap.record_check .auth_record table tr th:last-child,
.modal_wrap.record_check .auth_record table tr td:last-child {
	padding-right: 16px;
}

.modal_wrap.record_check .learn_record table tr th,
.modal_wrap.record_check .auth_record table tr th {
	background: #FDFDFD;
	height: 48px;
}

.modal_wrap.member_list .modal_content {
	width: 780px;
}

.modal_wrap.privacy_agree .modal_content {
	width: 780px;
}

.modal_wrap .record_search_box {
	padding: 24px;
	background-color: #F5F7F7;
}

.modal_wrap .record_search_box .search_option {
	overflow: hidden;
}

.modal_wrap .record_search_box .search_option .title {
	display: block;
	float: left;
	color: #010101;
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	min-width: 90px;
}

.modal_wrap .record_search_box .search_option .ipt_area {
	float: left;
}

.modal_wrap .record_search_box .search_option .ipt_area input {
	border-color: #d1d1d1;
}

.modal_wrap .record_search_box .search_option .ipt_area .ph {
	left: 12px;
}

.modal_wrap .record_search_box .search_option .ipt_area .wave {
	color: #666;
	font-weight: 400;
}

.modal_wrap .record_search_box .search_option .btn_type1 {
	height: 34px;
	margin-left: 8px;
	-webkit-border-radius: 0;
	        border-radius: 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;
	line-height: 1.8;
}

.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;
	line-height: 1.8;
}

.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: 2px;
	top: 7px;
}

.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;
	margin-top: 3px;
}

.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;
	line-height: 1.8;
}

.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, "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 .certificate_info .certificate_input_area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.new_modal .certificate_info .certificate_input_area .certificate_input {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 211px;
	    -ms-flex: 0 1 211px;
	        flex: 0 1 211px;
}

.new_modal .certificate_info .certificate_input_area .certificate_input + .certificate_input {
	margin-left: 24px;
}

.new_modal .certificate_info .certificate_input_area .certificate_input .input_title {
	display: block;
	color: #333;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	padding-bottom: 8px;
}

.new_modal .certificate_info .certificate_input_area .certificate_input .it {
	display: block;
}

.new_modal .certificate_info .certificate_input_area .certificate_input .it input {
	height: 40px;
	padding-left: 15px;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	color: #25292f;
}

.new_modal .certificate_info .certificate_input_area .certificate_input .it input::-webkit-input-placeholder {
	color: #828c96 !important;
}

.new_modal .certificate_info .certificate_input_area .certificate_input .it input:-ms-input-placeholder {
	color: #828c96 !important;
}

.new_modal .certificate_info .certificate_input_area .certificate_input .it input::-ms-input-placeholder {
	color: #828c96 !important;
}

.new_modal .certificate_info .certificate_input_area .certificate_input .it input::placeholder {
	color: #828c96 !important;
}

.new_modal .certificate_info .certificate_input_area .certificate_input .warning_text {
	display: block;
	margin-top: 8px;
	color: #ff5230;
	font-size: 11px;
	line-height: 14px;
}

.new_modal .certificate_info .certificate_input_info {
	margin-top: 8px;
	color: #828c96;
	font-size: 12px;
	line-height: 16px;
}

.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, "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, "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, "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;
	-webkit-transform: skew(0deg);
	    -ms-transform: skew(0deg);
	        transform: skew(0deg);
}

.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;
	-webkit-transform: skew(0deg);
	    -ms-transform: skew(0deg);
	        transform: skew(0deg);
}

.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, "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, "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;
}

.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: 460px;
	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 .ick .checkbox {
	width: 14px;
	height: 14px;
	border: 1px solid #aeaeae;
	background-color: #fff;
}

.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item .ick .checkbox.checked {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -68px -868px;
	width: 14px;
	height: 14px;
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
	-webkit-background-size: 913px 901px;
	        background-size: 913px 901px;
	border: 1px solid transparent;
}

.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item .ick .checkbox.checked::after {
	display: none;
}

.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: 4px;
}

.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;
}

.modal_modulab_wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	z-index: 2300;
}

.modal_modulab_wrap .modal_inner {
	position: absolute;
	top: 120px;
	left: 50%;
	width: 960px;
	margin-left: -480px;
	background-color: #fff;
}

.modal_modulab_wrap .modal_content {
	padding: 0 80px 80px;
	font-size: 0;
}

.modal_modulab_wrap .modal_content::before {
	display: block;
	height: 606px;
	margin: 0 -80px 80px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/boostcourse/coach_modal_modulab01_v2.png) no-repeat 0 0;
	-webkit-background-size: 960px 606px;
	        background-size: 960px 606px;
	content: '';
}

.modal_modulab_wrap .modulab_title {
	display: block;
	background-position: -4px -173px;
	background-repeat: no-repeat;
	width: 419px;
	height: 37px;
	margin: 0 auto;
}

.modal_modulab_wrap .modulab_about {
	margin-top: 40px;
}

.modal_modulab_wrap .modulab_about .title {
	display: block;
	margin-bottom: 8px;
	font-family: NanumSquareWebFont;
	font-weight: 700;
	font-size: 20px;
	color: #101214;
	line-height: 30px;
}

.modal_modulab_wrap .modulab_about .text {
	display: inline-block;
	font-size: 16px;
	color: #384047;
	line-height: 32px;
	vertical-align: top;
}

.modal_modulab_wrap .modulab_about .btn_more {
	display: inline-block;
	height: 32px;
	margin-left: 8px;
	padding: 0 16px;
	-webkit-border-radius: 24px;
	        border-radius: 24px;
	border: 1px solid #edf0f2;
	background-color: #fff;
	font-size: 12px;
	color: #384047;
	line-height: 32px;
	vertical-align: top;
}

.modal_modulab_wrap .interview {
	margin-top: 40px;
	padding: 0 24px 0 22px;
	border-left: 2px solid #101214;
}

.modal_modulab_wrap .interview .text {
	font-size: 13px;
	color: #384047;
	line-height: 20px;
}

.modal_modulab_wrap .interview .text em {
	font-family: NanumSquareWebFont;
	font-weight: 700;
}

.modal_modulab_wrap .interview .interviewer {
	display: block;
	margin-top: 32px;
	font-family: NanumSquareWebFont;
	font-weight: 700;
	font-size: 15px;
	color: #101214;
	line-height: 23px;
}

.modal_modulab_wrap .lab_list {
	margin: 24px -8px 0;
}

.modal_modulab_wrap .lab_list li {
	display: inline-block;
	position: relative;
	width: 392px;
	height: 182px;
	margin: 16px 8px 0;
	padding: 24px 24px 30px 24px;
	border: 1px solid #edf0f2;
	vertical-align: top;
}

.modal_modulab_wrap .lab_list .about {
	height: 105px;
}

.modal_modulab_wrap .lab_list .about .title {
	display: block;
	font-family: NanumSquareWebFont;
	font-size: 20px;
	color: #101214;
	line-height: 30px;
}

.modal_modulab_wrap .lab_list .about .text {
	font-size: 13px;
	color: #384047;
	line-height: 20px;
}

.modal_modulab_wrap .lab_list .about .link_more {
	margin-left: 4px;
	color: #ec185e;
	text-decoration: underline;
}

.modal_modulab_wrap .lab_list .badge {
	display: inline-block;
	height: 21px;
	padding: 0 8px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	font-size: 12px;
	line-height: 21px;
	vertical-align: top;
}

.modal_modulab_wrap .lab_list .badge.charge {
	background-color: #fff;
	border: 1px solid #384047;
	color: #25292f;
	line-height: 20px;
}

.modal_modulab_wrap .lab_list .badge.benefit {
	background-color: #ec185e;
	color: #fff;
}

.modal_modulab_wrap .lab_list .badge.time {
	background-color: #edf0f2;
	color: #384047;
}

.modal_modulab_wrap .lab_list .badge + .badge {
	margin-left: 4px;
}

.modal_modulab_wrap .lab_list .btn_more {
	position: absolute;
	bottom: 24px;
	right: 24px;
	margin-left: 0;
}

.modal_modulab_wrap .school_about {
	margin-top: 80px;
}

.modal_modulab_wrap .school_about .title {
	display: block;
	font-family: NanumSquareWebFont;
	font-size: 32px;
	color: #101214;
	line-height: 48px;
	text-align: center;
}

.modal_modulab_wrap .school_about .title em {
	color: #00bc70;
}

.modal_modulab_wrap .school_about .about_text {
	margin-top: 8px;
	font-size: 16px;
	color: #384047;
	line-height: 24px;
	text-align: center;
}

.modal_modulab_wrap .school_about .about_list_box::before {
	display: block;
	width: 800px;
	height: 608px;
	margin: 40px 0;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/coach_modal_modulab02.png) no-repeat 0 0;
	-webkit-background-size: 800px 608px;
	        background-size: 800px 608px;
	content: '';
}

.modal_modulab_wrap .school_about .about_list_box .title {
	font-size: 20px;
	color: #00bc70;
	line-height: 30px;
	text-align: left;
}

.modal_modulab_wrap .school_about .about_list_box .list {
	margin-top: 24px;
}

.modal_modulab_wrap .school_about .about_list_box .list li {
	font-size: 15px;
	color: #101214;
	line-height: 23px;
}

.modal_modulab_wrap .school_about .about_list_box .list li::before {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: -2px 10px 0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #101214;
	vertical-align: middle;
	content: '';
}

.modal_modulab_wrap .school_about .btn_box {
	margin-top: 40px;
	border: 1px solid #edf0f2;
	padding: 24px;
	text-align: center;
}

.modal_modulab_wrap .school_about .btn_box .title {
	font-size: 20px;
	line-height: 30px;
}

.modal_modulab_wrap .school_about .btn_box .btn_more {
	display: block;
	width: 229px;
	height: 49px;
	margin: 24px auto 0;
	background-color: #00bc70;
	font-size: 15px;
	color: #fff;
	line-height: 49px;
}

.modal_modulab_wrap .btn_modal_close {
	display: block;
	position: absolute;
	top: 0;
	right: -64px;
	width: 64px;
	height: 64px;
	background-color: #00caf9;
}

.modal_modulab_wrap .btn_modal_close::after {
	display: block;
	background-position: -793px -411px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	margin: 17px auto 0;
	content: '';
}

.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: 760px;
}

.material_view.material_text .material_desc {
	padding: 0;
	line-height: 1.8;
}

.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;
	margin-right: 10px;
	border: none;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	text-align: center;
}

.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 .align_left {
	float: left;
	padding-left: 13px;
	text-align: left;
}

.material_view .btn_student_popup,
.material_view .btn_download_user {
	height: 32px;
	padding: 0 16px;
	margin-top: 4px;
	border: 1px solid #edf0f2;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 31px;
}

.material_view .btn_student_popup + .btn_download_user {
	margin-left: 8px;
	position: relative;
}

.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: 1100;
}

.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, "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_bar.type2 {
	height: auto;
	padding: 16px 0 0;
	background-color: #fff;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

.material_view .material_status_bar.type2 .live_end_info {
	margin-bottom: 16px;
	text-align: left;
}

.material_view .material_status_bar.type2 .align_left {
	padding: 0;
}

.material_view .material_status_bar.type2 .btn_student_popup,
.material_view .material_status_bar.type2 .btn_download_user {
	margin-top: 0;
	font-size: 13px;
}

.material_view .material_status_bar.type2 .btn_live {
	height: 32px;
	border: 1px solid #03c75a;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	font-size: 13px;
	color: #03c75a;
	line-height: 31px;
}

.material_view .material_status_bar.type2 .btn_live_start,
.material_view .material_status_bar.type2 .btn_live_end {
	height: 32px;
	margin-left: 8px;
	padding: 0 16px 0 13px;
	background-color: #ff5230;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	font-size: 13px;
	color: #fff;
	line-height: 33px;
	vertical-align: top;
}

.material_view .material_status_bar.type2 .btn_live_start::before,
.material_view .material_status_bar.type2 .btn_live_end::before {
	margin-right: 5px;
	background-position: -708px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.material_view .material_status_bar.type2 .btn_live_start::after,
.material_view .material_status_bar.type2 .btn_live_end::after {
	display: none;
}

.material_view .material_status_bar.type2 .btn_live_end {
	background-color: #25292F;
}

.material_view .material_status_bar.type2 .notice_area {
	padding-top: 24px;
	text-align: left;
}

.material_view .material_status_bar.type2 .notice_area .text {
	font-size: 12px;
	color: #999;
	line-height: 16px;
}

.material_view .material_status_bar.type2 .notice_area .text::before {
	display: inline-block;
	margin: -2px 4px 0 0;
	background-position: -324px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	content: '';
}

.material_view .material_status_bar.type2 .notice_area .text + .text {
	margin-top: 4px;
}

.material_view .material_status_bar.type2 .live_time {
	margin-top: 16px;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	text-align: left;
}

.material_view .material_status_bar.type2 .live_time::before {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: -2px 4px 0 0;
	background-position: -388px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	-webkit-background-size: 16px 16px;
	        background-size: 16px 16px;
	vertical-align: middle;
	content: '';
}

.material_view .live_end_info .title {
	display: inline-block;
	margin-bottom: -2px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 15px;
	color: #384047;
	line-height: 22px;
	vertical-align: middle;
}

.material_view .live_end_info .title::before {
	display: inline-block;
	margin: -2px 8px 0 0;
	background-position: -753px -383px;
	background-repeat: no-repeat;
	width: 38px;
	height: 20px;
	vertical-align: middle;
	content: '';
}

.material_view .live_end_info .text {
	display: inline-block;
	font-size: 13px;
	color: #384047;
	line-height: 20px;
	vertical-align: middle;
}

.material_view .live_end_info .text::before {
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: -2px 8px 0;
	background-color: #edf0f2;
	vertical-align: middle;
	content: '';
}

.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, "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_status_list_box .attach {
	display: none;
	padding-top: 8px;
	padding-bottom: 8px;
}

.material_view .material_status_list_box .se_editor_area {
	font-size: 0;
	padding: 8px 8px 16px 0;
}

.material_view .material_status_list_box .se_editor_area .f_img {
	margin-top: 8px;
	width: 120px;
	height: 68px;
	display: inline-block;
	margin-left: 8px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	overflow: hidden;
	margin-bottom: 0;
	vertical-align: top;
}

.material_view .material_status_list_box .se_editor_area .f_img > a {
	display: block;
}

.material_view .material_status_list_box .se_editor_area .f_img > a:after {
	content: '';
	display: block;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid rgba(0, 23, 20, 0.04);
	position: absolute;
}

.material_view .material_status_list_box .se_editor_area .f_img img {
	object-fit: contain;
	max-width: 100%;
	height: 100%;
	vertical-align: top;
}

.material_view .material_status_list_box .se_editor_area .f_img:hover:after {
	border-color: #25292F;
}

.material_view .material_status_list_box .se_editor_area .f_img:hover .f_close {
	background-position: -554px -517px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.material_view .material_status_list_box .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;
}

.material_view .material_status_list_box .se_editor_area .f_file {
	margin-top: 8px;
	margin-bottom: 0;
	margin-left: 8px;
	height: auto;
	padding: 0;
	border: 0;
}

.material_view .material_status_list_box .se_editor_area .f_file .file_link {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.material_view .material_status_list_box .se_editor_area .f_file .ico_s_file {
	display: none;
}

.material_view .material_status_list_box .se_editor_area .f_file .name {
	padding: 9px 40px 9px 16px;
	display: inline-block;
	background: #EDF0F2;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	font-size: 13px;
	line-height: 14px;
	max-width: 100%;
	font-weight: normal;
}

.material_view .material_status_list_box .se_editor_area .f_file .size {
	display: none;
}

.material_view .material_status_list_box .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;
}

.material_view .material_status_list_box .se_editor_area .f_file .btn.btn_type3 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
	line-height: 0;
	border: 0;
	height: auto;
	background-color: transparent;
}

.material_view .material_status_list_box .se_editor_area.view {
	margin-left: -8px;
	padding: 0;
}

.material_view .material_status_list_box .se_editor_area.view .f_file .name {
	padding-right: 16px;
}

.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 .desc dt {
	font-size: 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: 428px !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 .btn {
	margin: 0 0 0 6px;
	vertical-align: top;
	cursor: pointer;
}

.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;
}

.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 .ick .radio.checked::after {
	width: 4px;
	height: 4px;
	background-color: #fff;
}

.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: 405px;
	margin-right: 0;
	text-align: center;
}

.editor_section .material .material_live p.txt_desc {
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	line-height: 16px;
}

.editor_section .material .material_live p.txt_desc::before {
	margin: 0;
}

.editor_section .material .align_type {
	display: none;
	height: 44px;
	margin: -20px -20px 20px;
	padding: 9px 0 0 16px;
	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: 20px 0;
}

.ce_view .material_view.material_video.video_script {
	overflow: inherit;
}

.ce_view .material_view.material_live .material_item {
	float: none;
	width: 100%;
	height: 428px;
	margin-right: 0;
	background-color: #25292F;
	text-align: center;
}

.ce_view .material_view.material_live .material_item.end {
	display: none;
}

.ce_view .material_view.material_live .material_item.end + .material_status_bar.type2 {
	padding: 0;
}

.ce_view .material_view.material_live .material_item.end .live_end_info {
	display: none;
}

.ce_view .material_view.material_live.full_video .material_item {
	height: auto;
	background-color: #25292F;
}

.ce_view .material_view.material_live.full_video .material_item.end {
	display: block;
}

.ce_view .material_view.material_live.full_video .material_item.end .live_end_info {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 32px;
	text-align: left;
	z-index: 20;
}

.ce_view .material_view.material_live.full_video .material_item.end .live_end_info .title {
	color: #fff;
}

.ce_view .material_view.material_live.full_video .material_item.end .live_end_info .text {
	color: #fff;
}

.ce_view .material_view.material_live.full_video .material_item.end .live_end_info .text:before {
	background-color: #384047;
}

.ce_view .material_view.material_live.full_video .material_status_bar {
	padding: 0;
	text-align: center;
}

.ce_view .material_view.material_live.full_video .material_status_bar .align_left {
	float: none;
	display: inline-block;
	height: 100%;
	padding: 8px 0 0;
}

.ce_view .material_view.material_live.full_video .material_status_bar .align_left .btn_student_popup,
.ce_view .material_view.material_live.full_video .material_status_bar .align_left .btn_download_user {
	margin-top: 0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border-color: #2a2c2f;
	background-color: #2a2c2f;
	font-size: 12px;
	color: #edf0f2;
	vertical-align: middle;
}

.ce_view .material_view.material_live.full_video .material_status_bar .align_left .sub_title {
	color: #999;
}

.ce_view .material_view.material_live.full_video .material_status_bar .align_left .watch_status_box .text {
	color: #fff;
}

.ce_view .material_view.material_live.full_video .material_status_bar .align_left .watch_status_box .text::before {
	background-color: #384047;
}

.ce_view .material_view.material_live.full_video .material_status_bar .align_left .progress_area .progress {
	background: #384047;
	-webkit-border-radius: 1px;
	        border-radius: 1px;
}

.ce_view .material_view.material_live.full_video .material_status_bar .align_left .progress_area .progress_bar {
	-webkit-border-radius: 1px;
	        border-radius: 1px;
}

.ce_view .material_view.material_live.full_video .material_status_bar .align_left .progress_area .per {
	color: #fff;
}

.ce_view .material_view.material_live.full_video .material_status_bar.type2 {
	background-color: #121314;
}

.ce_view .material_view.material_live.full_video .material_status_bar.type2 .btn_live,
.ce_view .material_view.material_live.full_video .material_status_bar.type2 .btn_live_start,
.ce_view .material_view.material_live.full_video .material_status_bar.type2 .btn_live_end,
.ce_view .material_view.material_live.full_video .material_status_bar.type2 .notice_area,
.ce_view .material_view.material_live.full_video .material_status_bar.type2 .live_end_info {
	display: none;
}

.ce_view .material_view.material_live.full_video .material_status_bar.type2 .live_time {
	display: inline-block;
	margin: 1px 0 0 8px;
	color: #fff;
	vertical-align: middle;
}

.ce_view .material_view.material_live.full_video .material_status_bar.type2 .live_time::before {
	display: inline-block;
	margin: -2px 4px 0 0;
	background-position: -412px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	content: '';
}

.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;
}

.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;
	text-align: center;
	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: -24px;
	width: 100%;
	text-align: center;
	z-index: 50;
}

.ce_view .material_view .material_item .dimmed_layer_box .play_box .play {
	overflow: hidden;
	display: inline-block;
	position: relative;
	width: 41px;
	height: 48px;
	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);
	color: transparent;
	line-height: 100px;
	vertical-align: top;
}

.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;
	margin-top: 5px;
	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: -2px 4px 0;
	vertical-align: middle;
	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;
}

.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 .btn_embed_url {
	position: absolute;
	top: 16px;
	right: 16px;
	height: 32px;
	padding: 0 16px 0 8px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: rgba(37, 41, 47, 0.8);
	font-size: 13px;
	color: #fff;
	z-index: 50;
}

.ce_view .material_view .material_item .dimmed_layer_box .btn_embed_url::before {
	display: inline-block;
	background-position: -356px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	vertical-align: middle;
	content: '';
}

.ce_view .material_view .material_item .dimmed_layer_box .btn_embed_url:hover {
	background-color: #00c73c;
}

.ce_view .material_view .material_item .dimmed_layer_box .dimmed {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2);
	opacity: 1;
	z-index: 20;
}

.ce_view .material_view .material_desc .desc dt strong {
	color: #333;
	line-height: 23px;
	font-size: 14px;
	display: inline-block;
	margin-right: 8px;
}

.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;
	line-height: 1.8;
}

.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_live .material_item {
	top: 56px;
	bottom: 48px;
}

.material_view.full_video.material_live .material_status_bar .btn_back {
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 15px;
	line-height: 25px;
	color: #25292F;
}

.material_view.full_video.material_live .material_status_bar .btn_back:before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	vertical-align: top;
	background-position: -683px -218px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.material_view.full_video.material_live .material_status_list_box {
	top: 56px;
}

.material_view.full_video.material_live .material_status_bar {
	border-right: 0;
	height: 48px;
}

.material_view.full_video .material_item {
	position: absolute;
	top: 0px;
	right: 380px;
	left: 0;
	bottom: 62px;
	width: auto !important;
	height: auto !important;
	margin: 0;
}

.material_view.full_video .material_status_bar {
	position: absolute;
	left: 0;
	right: 380px;
	bottom: 0;
	height: 62px;
	z-index: 1000;
	border-right: 1px solid #dedede;
}

.material_view.full_video .material_status_bar a {
	padding-top: 11px;
}

.material_view.full_video .material_status_bar.top {
	right: 0;
	top: 0;
	bottom: auto;
	height: 56px;
	background: #FFFFFF;
	-webkit-box-shadow: inset 0px -1px 0px #EDF0F2;
	        box-shadow: inset 0px -1px 0px #EDF0F2;
	border-right: 0;
}

.material_view.full_video .material_status_bar.top .btn_back:before {
	margin-top: 0;
}

.material_view.full_video .material_status_bar .btn_live_close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px;
}

.material_view.full_video .material_status_bar .btn_live_close::before {
	display: block;
	background-position: -817px -571px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	content: '';
}

.material_view.full_video .material_status_bar .btn_live_close:after {
	display: none;
}

.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,
.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;
	bottom: 0;
	top: 0px;
	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: 0px 4px 0 0;
	font-size: 14px;
	color: #333;
	text-align: right;
	line-height: 33px;
}

.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;
	padding-top: 20px;
	border-top: 1px solid #f0f0f0;
}

.share .tag_lst {
	margin-bottom: 24px;
}

.share .group_lr {
	margin-top: 20px;
}

.share .group_lr + .group_lr {
	margin-top: 0;
}

.share .group_lr .btn.btn_type2 {
	letter-spacing: 0;
}

.video_share_btn {
	position: absolute;
	top: 16px;
	right: 16px;
	height: 32px;
	padding: 0 16px 0 8px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: rgba(37, 41, 47, 0.8);
	font-size: 13px;
	color: #fff;
	z-index: 50;
}

.video_share_btn::before {
	display: inline-block;
	background-position: -492px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: middle;
	content: '';
}

.video_share_btn:hover {
	background-color: #00c73c;
}

.re_pack .btn_lecture_like {
	position: relative;
	display: inline-block;
	height: 36px;
	margin-left: 8px;
	padding: 0 16px;
	background-color: #25292f;
	font-size: 14px;
	line-height: 36px;
	font-weight: 600;
	color: #fff;
	vertical-align: top;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.re_pack .btn_lecture_like.on {
	color: #fff;
}

.re_pack .btn_lecture_like a {
	color: #fff;
	margin-left: 4px;
}

.re_pack .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;
}

.re_pack .btn_lecture_like_admin .like_link {
	position: absolute;
	left: -1px;
	right: -1px;
	top: -1px;
	bottom: -1px;
}

.re_pack .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: '';
}

.re_pack .btn_lecture_like_admin .cnt_link {
	position: relative;
	display: inline-block;
	color: #010101;
	margin-left: 20px;
	text-align: right;
	z-index: 10;
}

.re_pack .btn_lecture_like_admin.on {
	border-color: #00c73c;
	color: #00c73c;
}

.re_pack .btn_lecture_like_admin.on .cnt_link {
	color: #00c73c;
}

.re_pack .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: 80px;
}

.live_comment_title_wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 58px;
	padding: 0 20px;
	border-bottom: 1px solid #EDF0F2;
	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 .live_comment_menu {
	float: left;
	width: 50%;
	padding: 20px 0 19px 0;
}

.live_comment_title_wrap .live_comment_menu span {
	color: #828C96;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 17px;
	line-height: 19px;
	position: relative;
}

.live_comment_title_wrap .live_comment_menu.selected span {
	color: #25292f;
	font-weight: bold;
	z-index: 10;
}

.live_comment_title_wrap .live_comment_menu.selected span::before {
	content: '';
	display: block;
	height: 4px;
	opacity: 0.6;
	position: absolute;
	bottom: 0;
	left: -2px;
	right: -2px;
	z-index: -1;
	background-color: #03C75A;
	-webkit-border-radius: 1px;
	        border-radius: 1px;
}

.live_comment_title_wrap .live_comment_menu.selected + .sub_btn {
	-webkit-box-shadow: none;
	        box-shadow: none;
	padding-top: 8px;
}

.live_comment_title_wrap .live_comment_menu.new span::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	position: absolute;
	background-color: #03C75A;
	top: 0;
	right: -10px;
}

.live_comment_title_wrap .sub_btn {
	background: #FAFAFA;
	-webkit-box-shadow: inset 0px -1px 0px #EDF0F2;
	        box-shadow: inset 0px -1px 0px #EDF0F2;
	padding: 6px 16px;
	overflow: hidden;
	margin: 0 -20px;
}

.live_comment_title_wrap .sub_btn .btn_refresh_box {
	float: left;
}

.live_comment_title_wrap .sub_btn .btn_refresh {
	font-size: 0;
	line-height: 0;
	color: transparent;
	z-index: 20;
	padding: 7px;
	border: 1px solid #EDF0F2;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #fff;
	float: left;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
}

.live_comment_title_wrap .sub_btn .btn_refresh .ico_refresh {
	display: block;
	width: 16px;
	height: 16px;
	background-position: -540px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.live_comment_title_wrap .sub_btn .count {
	font-size: 13px;
	line-height: 32px;
	font-weight: 700;
	color: #384047;
	margin-left: 8px;
}

.live_comment_title_wrap .sub_btn .refresh_wrap {
	float: right;
	padding-top: 4px;
}

.live_comment_title_wrap .sub_btn .refresh_wrap .btn_refresh_auto {
	float: right;
	margin-left: 10px;
	color: inherit;
	text-decoration: none;
	overflow: visible;
	border: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
	background: 0 0;
	cursor: pointer;
}

.live_comment_title_wrap .sub_btn .refresh_wrap .btn_refresh_auto.refresh_auto_on .ico_refresh_auto {
	background-position: -753px -351px;
	background-repeat: no-repeat;
	width: 40px;
	height: 24px;
	background-repeat: no-repeat;
	width: 40px;
	height: 24px;
}

.live_comment_title_wrap .sub_btn .refresh_wrap .ico_refresh_auto {
	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;
}

.live_comment_title_wrap .sub_btn .refresh_wrap .txt_refresh {
	color: #384047;
	font-size: 13px;
	line-height: 24px;
}

.live_comment_wrap {
	padding-top: 104px;
	position: relative;
	height: 100%;
}

.live_comment_wrap .comment_scroll {
	height: 100%;
	position: relative;
	padding-bottom: 48px;
}

.live_comment_wrap .comment {
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

.live_comment_wrap .comment .comment_more_view {
	padding: 16px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}

.live_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;
}

.live_comment_wrap .comment .se_wrap {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
	background: #FAFAFA;
	-webkit-box-shadow: inset 0px -1px 0px #EDF0F2;
	        box-shadow: inset 0px -1px 0px #EDF0F2;
	z-index: 1000;
}

.live_comment_wrap .comment .se_wrap .dimmed {
	background: transparent;
	opacity: 1;
}

.live_comment_wrap .comment .se_wrap .dimmed .ph {
	position: absolute;
	top: 17px;
	font-size: 13px;
	line-height: 20px;
	color: #25292f;
	left: 33px;
	opacity: 1;
}

.live_comment_wrap .comment .se_wrap .dimmed .ph b {
	font-weight: 700;
}

.live_comment_wrap .comment .se_wrap .se_editor_wrap {
	padding: 2px 16px 16px;
}

.live_comment_wrap .comment .se_wrap .comment_wrap .mce-tinymce.mce-container {
	width: 100%;
}

.live_comment_wrap .comment .se_wrap .comment_wrap .mce-edit-area.mce-container {
	border: 1px solid #EDF0F2 !important;
	padding: 14px 58px 12px 16px;
	height: 20px;
	display: block;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.live_comment_wrap .comment .se_wrap .comment_footer_wrap {
	display: inline-block;
	position: absolute;
	border: 0;
	top: 10px;
	right: 16px;
}

.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l {
	display: none;
	padding: 0;
}

.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l > span {
	width: 32px;
	height: 32px;
	margin-right: 0;
}

.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l > span button {
	width: 32px;
	height: 32px;
}

.live_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;
}

.live_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;
}

.live_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;
}

.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r {
	right: auto;
}

.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group {
	display: none;
}

.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .btn_type1[data-btn="save"] {
	right: 8px;
}

.live_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;
}

.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1 + .btn_type1 {
	margin-left: 8px;
}

.live_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;
}

.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1[data-btn="cancel"]:hover {
	background: #FAFAFA !important;
}

.live_comment_wrap .comment .se_wrap .set_notice {
	display: none;
}

.live_comment_wrap .comment .se_wrap .set_notice:after {
	content: '';
	display: block;
	clear: both;
}

.live_comment_wrap .comment .se_wrap .set_notice .ick {
	float: right;
	line-height: 22px;
}

.live_comment_wrap .comment .se_wrap .set_notice .ick .checkbox {
	top: 8px;
	border-color: #D0D6D9;
	background-color: #fff;
}

.live_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.checked {
	background-position: -694px -549px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	border-color: transparent;
}

.live_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.checked:after {
	display: none;
}

.live_comment_wrap .comment .se_wrap .set_notice .ick .ph {
	color: #666666;
	font-size: 13px;
	line-height: 14px;
	padding-top: 8px;
}

.live_comment_wrap .comment .se_wrap .se_editor_area {
	display: none;
}

.live_comment_wrap .comment .se_wrap .sub_modal.math {
	width: 364px;
}

.live_comment_wrap .comment .se_wrap.focus .comment_wrap .mce-edit-area.mce-container {
	height: 60px;
	padding: 16px 16px 16px 16px;
	-webkit-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;
}

.live_comment_wrap .comment .se_wrap.focus .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;
}

.live_comment_wrap .comment .se_wrap.focus .comment_footer_wrap .btn_area_l {
	display: block;
}

.live_comment_wrap .comment .se_wrap.focus .comment_footer_wrap .btn.btn_type1[data-btn="cancel"] {
	display: inline-block;
}

.live_comment_wrap .comment .se_wrap.focus .comment_footer_wrap .btn_type1[data-btn="save"] {
	right: auto;
}

.live_comment_wrap .comment .se_wrap.focus .se_editor_area {
	display: block;
	background: #FFFFFF;
	border-color: #EDF0F2;
}

.live_comment_wrap .comment .se_wrap.focus .set_notice {
	display: block;
}

.live_comment_wrap .comment .se_wrap.writing .comment_footer_wrap .btn_type1 {
	background-color: #03C75A;
}

.live_comment_wrap .comment .se_wrap.logout .comment_footer_wrap .btn_type1 {
	background-color: #D0D6D9;
}

.live_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;
}

.live_comment_wrap .comment .comment_list #_wrap_comment_list > li {
	position: relative;
}

.live_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .comment_view_mode {
	display: none;
}

.live_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .se_editor_area div[class^="f_"] {
	display: none;
}

.live_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .se_editor_area div {
	display: none;
}

.live_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .comment_btn {
	display: none;
}

.live_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing + .se_wrap {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.live_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing + .se_wrap .se_editor_wrap {
	margin: -50px 0 0 48px;
}

.live_comment_wrap .comment .comment_list .del .comment_area {
	padding: 16px 24px 16px 64px;
	position: relative;
}

.live_comment_wrap .comment .comment_list .del .comment_area .comment_view_mode {
	padding-left: 0;
	min-height: 32px;
}

.live_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;
}

.live_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;
}

.live_comment_wrap .comment .comment_list .del .comment_area .comment_info {
	display: block;
	color: #828C96;
	margin-top: 4px;
	font-size: 11px;
	line-height: 12px;
}

.live_comment_wrap .comment .comment_list .se_wrap {
	background: #Fff;
}

.live_comment_wrap .comment .comment_list .comment_area {
	padding: 16px;
	border-bottom: 0;
	background-color: #FFFFFF;
}

.live_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;
}

.live_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;
}

.live_comment_wrap .comment .comment_list .comment_area .thumb.bgnone:before {
	display: none;
}

.live_comment_wrap .comment .comment_list .comment_area .thumb:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-position: -833px -451px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	content: '';
}

.live_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);
}

.live_comment_wrap .comment .comment_list .comment_area .se_editor_area div[class^="f_"]:last-child {
	margin-bottom: 8px;
}

.live_comment_wrap .comment .comment_list .comment_area .se_editor_area.view {
	margin-top: -8px;
	background: transparent;
	border-color: transparent;
	padding-left: 48px;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_view_mode {
	padding-left: 16px;
	overflow: hidden;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_info li {
	font-size: 0;
}

.live_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;
}

.live_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;
	color: #03C75A;
}

.live_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;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_info li:first-child {
	display: block;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_info li [data-elapsed-time] {
	color: #828c96;
	font-size: 11px;
	line-height: 12px;
	margin-left: 0;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_info li .btn_tx:before {
	display: none;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_desc p {
	color: #25292f;
	font-size: 13px;
	line-height: 16px;
	min-height: 16px;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_desc p a {
	color: #03C75A;
	text-decoration: underline;
}

.live_comment_wrap .comment .comment_list .comment_area .se_editor_area + .comment_btn {
	padding-top: 8px;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_btn {
	padding: 0 0 0 48px;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_btn .more {
	position: absolute;
	top: 19px;
	right: 16px;
	z-index: 100;
}

.live_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;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list {
	width: 64px;
	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: 29px;
	right: 0;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list li + li {
	border-top: 1px solid #EDF0F2;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list a {
	display: block;
	min-width: 62px;
	color: #25292d;
	font-size: 13px;
	line-height: 14px;
	padding: 13px 17px !important;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #fff;
	text-align: center;
}

.live_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list.on {
	display: block;
}

.live_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;
}

.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom:hover {
	border-color: #03C75A;
}

.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom i {
	display: inline-block;
}

.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom i svg {
	vertical-align: -3px;
}

.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom em {
	color: #25292f;
	font-size: 13px;
	line-height: 14px;
}

.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom.on i svg path:first-child {
	fill: #03C75A;
}

.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom::before {
	display: none;
}

.live_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;
}

.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply:before {
	display: none;
}

.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply i {
	display: inline-block;
}

.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply i svg {
	vertical-align: -4px;
}

.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply em {
	color: #25292f;
	font-size: 13px;
	line-height: 14px;
}

.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply.on i svg path:first-child {
	fill: #03C75A;
}

.live_comment_wrap .comment .comment_list .comment_area.mine {
	background-color: #fff;
}

.live_comment_wrap .comment .comment_list .comment_area.admin {
	background-color: #F5FDF7;
}

.live_comment_wrap .comment .comment_list .comment_area.admin + .se_wrap {
	background-color: #F5FDF7;
}

.live_comment_wrap .comment .comment_none {
	padding: 89px 0;
	text-align: center;
}

.live_comment_wrap .comment .comment_none .contents_none {
	color: #828C96;
	font-size: 13px;
	line-height: 22px;
}

.live_comment_wrap .comment #_wrap_comment_list > li .comment_children_wrap .comment_area.editing + .se_wrap .se_editor_wrap {
	margin: -56px 0 0 104px;
}

.live_comment_wrap .comment .comment_children_wrap .children {
	background-color: #FAFAFA;
	padding: 0;
	border-bottom: 0;
}

.live_comment_wrap .comment .comment_children_wrap .children .comment_area {
	padding: 16px 0px 16px 64px;
	margin-top: 0;
	background-color: #FAFAFA;
}

.live_comment_wrap .comment .comment_children_wrap .children .comment_area.admin {
	background-color: #F5FDF7;
}

.live_comment_wrap .comment .comment_children_wrap .children .comment_area .thumb {
	width: 24px;
	height: 24px;
}

.live_comment_wrap .comment .comment_children_wrap .children .comment_area .thumb:before {
	width: 24px;
	height: 24px;
	background-position: -676px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.live_comment_wrap .comment .comment_children_wrap .children .comment_area .comment_view_mode .comment_desc {
	padding-right: 16px;
}

.live_comment_wrap .comment .comment_children_wrap .children .comment_area .comment_btn {
	padding-top: 8px;
	padding-left: 40px;
}

.live_comment_wrap .comment .comment_children_wrap .children .comment_area .comment_btn .more {
	top: 19px;
}

.live_comment_wrap .comment .comment_children_wrap .children .comment_area .se_editor_area.view {
	padding-top: 0;
	padding-left: 40px;
	margin-top: -8px;
}

.live_comment_wrap .comment .comment_children_wrap .children .comment_area .se_editor_area.view .f_file {
	padding-right: 16px;
}

.live_comment_wrap .comment .comment_children_wrap .children:before {
	display: none;
}

.live_comment_wrap .comment .comment_children_wrap .del .comment_area {
	background-color: #FAFAFA;
	padding: 16px 24px 16px 104px;
}

.live_comment_wrap .comment .comment_children_wrap .del .comment_area .comment_view_mode {
	min-height: 24px;
}

.live_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;
}

.live_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;
}

.live_comment_wrap .comment .comment_children_wrap .se_editor_wrap {
	padding: 16px 16px 16px 0;
	margin: 0 0 0 64px;
}

.live_comment_wrap .comment .comment_children_wrap .se_editor_wrap:before {
	display: none;
}

.live_comment_wrap .comment .comment_children_wrap .comment_write_wrap {
	margin: 0 0 0 64px;
}

.live_comment_wrap .comment .comment_children_wrap .comment_write_wrap:before {
	display: none;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap {
	-webkit-box-shadow: none;
	        box-shadow: none;
	background: #FAFAFA;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap.logout {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap.logout .se_editor_wrap {
	padding-top: 16px;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap.logout .se_editor_wrap .dimmed .ph {
	top: 30px;
	left: 16px;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap.focus .se_editor_area:before {
	display: none;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap .mce-edit-area.mce-container {
	padding: 14px 72px 12px 16px;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap .comment_footer_wrap {
	top: 16px;
	right: 24px;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap .comment_footer_wrap .btn_area_r {
	top: 8px;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap .comment_footer_wrap .btn_area_r .btn_type1[data-btn="save"] {
	right: 0;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap.focus .se_editor_area {
	padding-left: 8px;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap.focus .mce-edit-area.mce-container {
	height: 60px;
	padding-right: 16px;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap.focus .comment_footer_wrap {
	top: 0;
	right: 0;
}

.live_comment_wrap .comment .comment_children_wrap .se_wrap.focus .comment_footer_wrap .btn_area_r {
	top: 0;
}

.live_comment_wrap .only_mine {
	padding: 12px 16px;
	overflow: hidden;
	background: #FFFFFF;
	-webkit-box-shadow: inset 0px 1px 0px #EDF0F2;
	        box-shadow: inset 0px 1px 0px #EDF0F2;
}

.live_comment_wrap .only_mine .btn_mine_area {
	float: right;
}

.live_comment_wrap .only_mine .btn_mine_area .btn_mine {
	float: right;
	margin-left: 10px;
	color: inherit;
	text-decoration: none;
	overflow: visible;
	border: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
	background: 0 0;
	cursor: pointer;
}

.live_comment_wrap .only_mine .btn_mine_area .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;
}

.live_comment_wrap .only_mine .btn_mine_area .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;
}

.live_comment_wrap .only_mine .btn_mine_area .txt_mine {
	color: #384047;
	font-size: 13px;
	line-height: 24px;
}

.u_cbox_focus + .live_notice_wrap.fold {
	top: 276px;
}

.live_notice_wrap {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	min-height: 80px;
	z-index: 100;
	padding: 16px;
	position: relative;
}

.live_notice_wrap .notice_inner {
	background: #F5FAFE;
	border: 1px solid #C2DEF8;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-shadow: 0px 8px 16px rgba(31, 134, 231, 0.08);
	        box-shadow: 0px 8px 16px rgba(31, 134, 231, 0.08);
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	padding-right: 48px;
	position: relative;
}

.live_notice_wrap .notice_inner .live_notice {
	overflow-y: auto;
	max-height: 308px;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	overflow-x: hidden;
}

.live_notice_wrap .notice_inner .live_notice .list {
	display: none;
}

.live_notice_wrap .notice_inner .live_notice .list:first-child {
	display: block;
}

.live_notice_wrap .notice_inner .live_notice .list .notice {
	padding: 12px 16px 12px 48px;
	position: relative;
	min-height: 44px;
}

.live_notice_wrap .notice_inner .live_notice .list .notice .content {
	display: block;
	color: #000;
	font-size: 13px;
	line-height: 20px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 20px;
}

.live_notice_wrap .notice_inner .live_notice .list .notice .content a {
	color: #1f86e7;
	text-decoration: underline;
}

.live_notice_wrap .notice_inner .live_notice .list .notice .content + p {
	display: block;
	color: #000;
	font-size: 13px;
	line-height: 20px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 20px;
}

.live_notice_wrap .notice_inner .live_notice .list .notice p a {
	color: #1f86e7;
	text-decoration: underline;
}

.live_notice_wrap .notice_inner .live_notice .list .notice p + p {
	display: block;
	color: #000;
	font-size: 13px;
	line-height: 20px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 20px;
}

.live_notice_wrap .notice_inner .live_notice .list .notice::before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	left: 16px;
}

.live_notice_wrap .notice_inner .live_notice .list .notice.text::before {
	background-position: -292px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.live_notice_wrap .notice_inner .live_notice .list .notice.surv::before {
	background-position: -825px -531px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.live_notice_wrap .notice_inner .live_notice .list + li .notice {
	border-top: 1px solid #D6E9FB;
}

.live_notice_wrap .notice_btn {
	padding: 0 16px;
	display: none;
	font-size: 0;
	z-index: 100;
}

.live_notice_wrap .notice_btn .btn_noti {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 40px;
	color: #25292F;
	position: relative;
	z-index: 100;
}

.live_notice_wrap .notice_btn .btn_noti + .btn_noti {
	margin-left: 8px;
	padding-left: 8px;
}

.live_notice_wrap .notice_btn .btn_noti + .btn_noti::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background: #C2DEF8;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.live_notice_wrap .toggle_btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.live_notice_wrap .toggle_btn::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	background-position: -244px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	content: '';
}

.live_notice_wrap.open_all .notice_inner {
	padding-right: 0;
}

.live_notice_wrap.open_all .notice_inner .live_notice .list {
	display: block;
}

.live_notice_wrap.open_all .notice_inner .live_notice .list .content {
	white-space: normal;
	max-height: unset;
	max-height: auto;
}

.live_notice_wrap.open_all .notice_inner .live_notice .list .content + p {
	white-space: normal;
	max-height: unset;
	max-height: auto;
}

.live_notice_wrap.open_all .notice_inner .live_notice .list .attach {
	display: block;
}

.live_notice_wrap.open_all .notice_inner .live_notice .list p + p {
	white-space: normal;
	max-height: unset;
	max-height: auto;
}

.live_notice_wrap.open_all .notice_btn {
	display: block;
	-webkit-box-shadow: inset 0px 1px 0px #D6E9FB;
	        box-shadow: inset 0px 1px 0px #D6E9FB;
}

.live_notice_wrap.open_all .toggle_btn {
	top: auto;
	height: 40px;
}

.live_notice_wrap.open_all .toggle_btn::after {
	background-position: -292px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.live_notice_wrap.fold {
	min-height: auto;
	min-height: unset;
	position: absolute;
	top: 188px;
	left: 16px;
	padding: 0;
	z-index: 10000;
}

.live_notice_wrap.fold .notice_inner {
	display: none;
}

.live_notice_wrap.fold .open_btn {
	display: block;
}

.live_notice_wrap .open_btn {
	display: none;
	width: 48px;
	min-height: 48px;
	height: 48px;
	border: 1px solid #C2DEF8 !important;
	-webkit-border-radius: 24px !important;
	        border-radius: 24px !important;
	background-color: #F5FAFE !important;
	-webkit-box-shadow: 0px 8px 16px rgba(31, 134, 231, 0.08);
	        box-shadow: 0px 8px 16px rgba(31, 134, 231, 0.08);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.live_notice_wrap .open_btn::after {
	display: inline-block;
	background-position: -292px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	content: '';
}

.live_status {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #25292F url("https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_lecture_live.svg") no-repeat 50% 50%;
	-webkit-background-size: 760px 428px;
	        background-size: 760px 428px;
	text-align: center;
	z-index: 2000;
}

.live_status::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
	z-index: 20;
	content: '';
}

.live_status .live_info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 32px;
	text-align: left;
	z-index: 20;
}

.live_status .live_text {
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	line-height: 20px;
}

.live_status .live_text::before {
	display: inline-block;
	margin: -2px 8px 0 0;
	background-position: -753px -383px;
	background-repeat: no-repeat;
	width: 38px;
	height: 20px;
	vertical-align: middle;
	content: '';
}

.live_status .reservation {
	margin-top: 12px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 700;
	font-size: 32px;
	color: #fff;
	line-height: 35px;
}

.live_status .remaining_time {
	margin-top: 13px;
	font-size: 13px;
	line-height: 14px;
	color: #fff;
}

.live_status .remaining_time::before {
	display: inline-block;
	margin: -2px 8px 0 0;
	background-position: -412px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	content: '';
}

.live_watch_info {
	line-height: 32px;
}

.live_watch_info::after {
	content: '';
	display: block;
	clear: both;
}

.live_watch_info .sub_title {
	float: left;
	font-size: 13px;
	color: #666;
}

.live_watch_info .watch_status_box {
	float: left;
	font-size: 0;
}

.live_watch_info .watch_status_box .text {
	font-size: 13px;
	color: #333;
	vertical-align: middle;
}

.live_watch_info .watch_status_box .text::before {
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: -2px 8px 0;
	background-color: #d0d6d9;
	vertical-align: middle;
	content: '';
}

.live_watch_info .watch_status {
	display: inline-block;
	margin-right: 9px;
	vertical-align: middle;
}

.live_watch_info .progress_area {
	display: inline-block;
	vertical-align: middle;
}

.live_watch_info .progress_area .progress {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 8px;
	margin: 0 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 {
	font-size: 13px;
	color: #333;
	vertical-align: middle;
}

.info_line_box {
	padding-bottom: 21px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

.info_line_box .box_inner {
	border-bottom: 1px solid #f1f1f1;
}

.info_line_box dl {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.info_line_box dt {
	display: table-cell;
	width: 144px;
	padding: 15px 0;
	font-size: 13px;
	color: #333;
	line-height: 34px;
	vertical-align: middle;
}

.info_line_box dd {
	display: table-cell;
	min-height: 54px;
	padding: 15px 0;
	font-size: 0;
	color: #666;
	line-height: 34px;
	vertical-align: middle;
}

.info_line_box dd > span:first-child {
	font-size: 13px;
	vertical-align: middle;
}

.info_line_box dd .txt_desc {
	vertical-align: middle;
}

.info_line_box dd .btn + .txt_desc {
	margin-left: 24px;
}

.info_line_box dd .rating_input:first-child {
	margin-left: 0;
}

.info_line_box .btn_type3 {
	margin-left: 8px;
	border-color: #e4e4e4;
	vertical-align: middle;
}

.info_line_box .btn_type3:first-child {
	margin: 0;
}

.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 {
	float: left;
}

.info_line_box .visible_box .slt {
	float: left;
	margin-left: 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 .date_box .it input {
	font-size: 13px;
}

.info_line_box .ick {
	line-height: 25px;
	font-size: 13px;
	vertical-align: middle !important;
}

.info_line_box .ick + .ick {
	margin-left: 24px !important;
}

.info_line_box .it .ph {
	left: 10px !important;
	font-size: 13px !important;
}

.info_line_box .chosen-container {
	font-size: 13px;
	vertical-align: top;
}

.info_line_box .rating_input {
	margin-left: 8px;
}

.info_line_box .rating_input input {
	padding-right: 10px !important;
	text-align: right;
}

.info_line_box .rating_text {
	margin: 0 24px 0 8px;
	font-size: 13px;
	vertical-align: middle;
}

.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: 0px;
	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 12px !important;
	font-size: 13px !important;
	letter-spacing: normal;
}

.se_editor_area {
	padding: 24px 26px 8px 26px;
	border: 1px solid #d1d1d1;
	border-top: 0;
}

.se_editor_area .f_file {
	position: relative;
	height: 52px;
	margin-bottom: 16px;
	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;
	line-height: 1.8;
	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: 16px;
}

.se_editor_area .f_img .f_close {
	position: absolute;
	top: 0;
	right: -22px;
}

.se_editor_area.view {
	padding: 0px 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;
}

.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 {
	display: inline-block;
	font-size: 0;
	line-height: 0;
	background-position: -715px -218px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin: -2px 0 0 1px;
}

.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_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: 0px 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_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_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_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;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.btn:disabled, .btn.disabled {
	opacity: .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: 600;
	font-size: 14px;
	line-height: 33px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #FFF;
	background-color: #8b8f94;
	border-color: #8b8f94;
	height: 34px;
	letter-spacing: -1px;
}

.btn.btn_type1.on {
	color: #FFF;
	background-color: #25292f;
	border-color: #25292f;
}

.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_type1.lh34 {
	line-height: 34px;
	height: 35px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	padding: 0 20px;
}

.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: #25292f;
	height: 34px;
	letter-spacing: -1px;
}

.btn.btn_type2.bold {
	font-size: 14px;
	font-weight: 700;
}

.btn.btn_type2.stretch.bold {
	color: #25292f;
	height: 36px;
	line-height: 33px;
}

.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;
}

.btn.btn_type3.op1 {
	border-color: #dedede;
	background-color: #f3f3f3;
}

.btn.btn_type4 {
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 31px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #25292f;
	background-color: transparent;
	border-color: transparent;
	height: 32px;
	padding: 0 16px;
	margin-left: 5px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.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_type4.crosshair::before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -415px -841px;
	width: 14px;
	height: 14px;
	margin-right: 7px;
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
	-webkit-background-size: 913px 901px;
	        background-size: 913px 901px;
}

.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::before {
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
	background-position: -325px -868px;
	-webkit-background-size: 913px 901px;
	        background-size: 913px 901px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	width: 7px;
	height: 11px;
}

.btn.btn_type7.next:before {
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
	background-position: -314px -868px;
}

.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.disabled {
	border-color: #bfc2c7;
	color: #bfc2c7;
}

.btn.btn_type7.disabled.prev:before {
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
	background-position: -292px -868px;
}

.btn.btn_type7.disabled.next:before {
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
	background-position: -270px -868px;
}

.btn.btn_type7.feedback::before {
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.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;
}

.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: #25292f;
	border-color: #25292f;
}

.btn.clr3 {
	color: #FFF;
	background-color: #72757a;
	border-color: #72757a;
}

.btn.clr4 {
	color: #fff;
	background-color: #bfc2c7;
	border-color: #bfc2c7;
}

.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.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: #fff;
	font-size: 14px;
	line-height: 15px;
	height: 40px;
	padding: 12px 20px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	font-weight: 500;
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.btn.btn.btn_type15 {
	color: #fff;
	font-size: 14px;
	line-height: 15px;
	width: 209px;
	height: 48px;
	font-weight: 600;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.btn.btn_type16 {
	padding: 0 39px 0 40px;
	height: 48px;
	border: 1px solid #262a30;
	color: #262a30;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.btn.btn_type16.prev, .btn.btn_type16.next {
	overflow: visible;
}

.btn.btn_type16.prev:before, .btn.btn_type16.next:before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 11px 0 0 -4px;
	content: " ";
	zoom: 1;
}

.btn.btn_type16.disabled {
	border-color: #bfc2c7;
	color: #bfc2c7;
}

.btn.btn_type17 {
	padding: 0px 20px;
	font-weight: normal;
	font-size: 14px;
	line-height: 34px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	overflow: hidden;
	color: #010101;
	background-color: #FFF;
	border-color: #010101;
	height: 36px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.btn.btn_type17.bold {
	font-weight: 700;
}

.btn.btn_type18 {
	padding: 0px 20px;
	font-weight: normal;
	font-size: 14px;
	line-height: 34px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	overflow: hidden;
	color: #fff;
	background-color: #121314;
	height: 35px;
	letter-spacing: -0.5px;
	font-weight: 700;
}

.btn.btn_type_add {
	padding: 0;
	font-weight: normal;
	font-size: 14px;
	line-height: 31px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #25292f;
	background-color: #fafafa;
	border-color: transparent;
	height: 32px;
	padding: 0 16px;
	margin-left: 5px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.btn.btn_type_add.fs16 {
	font-size: 16px;
}

.btn.btn_type_add.fs16:before {
	position: relative;
	top: 1px;
}

.btn.btn_type_add.pd12 {
	color: #25292f;
	padding: 0 12px;
	margin: 0;
}

.btn.btn_type_add.f_white {
	color: #fff;
}

.btn.btn_type_add.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;
}

.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;
}

.link_blank_more {
	display: block;
	padding-right: 24px;
	position: relative;
	color: #333;
	line-height: 16px;
}

.link_blank_more:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background-position: -468px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body.re_pack [class*="sts_"] {
	display: block;
	margin: 0;
	font-size: 12px;
}

body.re_pack [class*="sts_"] + [class*="sts_"] {
	margin: 5px 0 0 0;
}

body.re_pack [class*="sts_valid"] + [class*="sts_"] {
	margin: 0;
}

body.re_pack .sts_error {
	color: #ff5230;
}

body.re_pack .sts_valid {
	color: #1dbe20;
}

body.re_pack .sts_strong {
	color: #4564d8;
}

body.re_pack .sts_danger {
	color: #FF9C01;
}

body.re_pack .it_wrap {
	display: inline-block;
}

body.re_pack .page_header .it.it_added {
	padding-right: 34px;
	background-color: #f9fafb;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
}

body.re_pack .page_header .it.it_added .input_area {
	width: 160px;
	border: 0;
}

body.re_pack .page_header .it.it_added .input_area input {
	height: 40px;
	padding: 0 44px 0 20px;
	background: #F5F7F7;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
}

body.re_pack .page_header .it.it_added .added .btn {
	width: 40px;
	height: 40px;
}

body.re_pack .page_header .it.it_added textarea, body.re_pack .page_header .it.it_added input {
	background-color: #f9fafb;
}

body.re_pack .it {
	display: inline-block;
	position: relative;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #fff;
	vertical-align: middle;
}

body.re_pack .it input, body.re_pack .it textarea {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 34px;
	padding: 0px 10px 0;
	border: 1px solid #dbdbdb;
	background: #fff;
	color: #333;
	font-size: 14px;
	vertical-align: top;
}

body.re_pack .it input {
	padding-right: 0;
}

body.re_pack .it textarea {
	overflow: hidden;
	overflow-y: auto;
	padding: 5px 9px;
	resize: none;
}

body.re_pack .it .ph {
	z-index: 30;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 16px;
	color: #999;
	font-size: 14px;
	line-height: 15px;
	height: 15px;
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
}

body.re_pack .it .ph .req {
	font-style: normal;
	color: #ef3e23;
}

body.re_pack .it + .wave {
	margin: 0 6px 0 5px;
	line-height: 32px;
	font-weight: 700;
	font-family: arial, sans-serif;
	color: #A1A1A1;
	vertical-align: top;
}

body.re_pack .it + .sts_error {
	margin-top: 4px;
}

body.re_pack .it[class*="sts_"] {
	vertical-align: top;
}

body.re_pack .it textarea.sts_error,
body.re_pack .it input.sts_error,
body.re_pack .it p.sts_error,
body.re_pack .it.sts_error input,
body.re_pack .it.it_added.sts_error .input_area {
	border-color: #ff5230 !important;
	color: #ff5230 !important;
}

body.re_pack .it input.sts_valid,
body.re_pack .it.sts_valid input,
body.re_pack .it.it_added.sts_valid .input_area {
	border-color: #1dbe20 !important;
	color: #1dbe20 !important;
}

body.re_pack .it input.sts_strong,
body.re_pack .it.sts_strong input,
body.re_pack .it.it_added.sts_strong .input_area {
	border-color: #4564d8 !important;
	color: #4564d8 !important;
}

body.re_pack .it input.sts_danger,
body.re_pack .it.sts_danger input,
body.re_pack .it.it_added.sts_danger .input_area {
	border-color: #ffad01 !important;
	color: #FFAD01 !important;
}

body.re_pack .it.fs12 .ph, body.re_pack .it.fs12 input {
	font-size: 12px;
}

body.re_pack .it.fs12 .ph {
	top: 8px;
	left: 11px;
}

body.re_pack .it.point input,
body.re_pack .it.point textarea {
	background: #f8f8f8;
}

body.re_pack .it.point.op1 .ph, body.re_pack .it.point.op1 input {
	font-size: 12px;
}

body.re_pack .it.point.op1 .ph {
	top: 11px;
	left: 14px;
	color: #b2b2b2 !important;
}

body.re_pack .it.point.op1 input {
	height: 40px;
	padding-left: 13px;
	border: 1px solid transparent;
	background: #f2f2f2;
}

body.re_pack .it.point.op2 .ph {
	color: #999 !important;
}

body.re_pack .it.point.op2 input {
	background: #fdfdfd;
}

body.re_pack .it.strong input {
	font-weight: 700;
}

body.re_pack .it.dashed input, body.re_pack .it.dashed textarea {
	border: 1px dashed #CBCBCB;
}

body.re_pack .it.border_none {
	background: transparent;
}

body.re_pack .it.border_none input,
body.re_pack .it.border_none textarea {
	border: 1px solid transparent;
}

body.re_pack .it.stretch {
	width: 100%;
}

body.re_pack .it.stretch .ph {
	top: 10px;
	bottom: auto;
}

body.re_pack .it.it_added {
	position: relative;
	vertical-align: top;
}

body.re_pack .it.it_added .added {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 40;
}

body.re_pack .it.it_added .added .c {
	display: inline-block;
	margin: 5px 0 0 0;
	font-weight: 700;
}

body.re_pack .it.it_added input {
	height: 32px;
	padding-left: 16px;
	border: 0 !important;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	padding-top: 0;
}

body.re_pack .it.it_added textarea {
	border: 0;
}

body.re_pack .it.it_added .input_area {
	display: block;
	overflow: hidden;
	border: 1px solid #CBCBCB;
}

body.re_pack .it.it_added .btn_remove .ico_remove {
	margin: 7px 10px;
}

body.re_pack .it.it_added .btn_remove {
	display: inline-block;
	padding: 4px 9px;
}

body.re_pack .it.it_added .ico_cndr {
	margin: 4px 4px 2px;
}

body.re_pack .it.it_added.bg_tp {
	background: transparent;
}

body.re_pack .it.it_added.bg_tp .input_area {
	background: #FFF;
}

body.re_pack .it.it_added.input .ph {
	color: #999;
}

body.re_pack .it.it_added.input .btn {
	border-left: 0;
	width: 32px;
	height: 32px;
	border: 0;
	position: relative;
}

body.re_pack .it.it_added.input .btn:after {
	background-position: -618px -517px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

body.re_pack .it.it_added.input2 {
	padding-right: 56px;
}

body.re_pack .it.it_added.input2 .input_area {
	border-right: 0;
}

body.re_pack .it.it_added.input2 .input_area input {
	background: #fdfdfd;
}

body.re_pack .it.it_added.input2 .added {
	text-align: right;
	width: 56px;
	height: 34px;
	border: 1px solid #CBCBCB;
	border-left: 0;
}

body.re_pack .it.it_added.input2 .btn_type5.big {
	top: -1px;
}

body.re_pack .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;
}

body.re_pack .it.it_added.input2.dark {
	background: #272727;
}

body.re_pack .it.it_added.input2.dark .ph {
	color: #686868 !important;
}

body.re_pack .it.it_added.input2.dark .input_area,
body.re_pack .it.it_added.input2.dark .added {
	border-color: #272727;
}

body.re_pack .it.it_added.input2.dark .input_area .btn.btn_type5.big,
body.re_pack .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;
}

body.re_pack .it.it_added.input2.dark .input_area input {
	color: #fff;
	background: #272727;
}

body.re_pack .it.it_added.input3 {
	position: relative;
	padding-right: 48px;
	background-color: #f1f1f1;
	border: 1px solid #d1d1d1;
}

body.re_pack .it.it_added.input3 .ph {
	top: 10px;
	left: 15px;
	font-size: 16px;
	color: #999;
	letter-spacing: -.5px;
}

body.re_pack .it.it_added.input3 .input_area {
	margin: 0 38px 0 0;
	border: 0;
}

body.re_pack .it.it_added.input3 .input_area .f_close_big {
	position: absolute;
	top: 13px;
	right: 57px;
}

body.re_pack .it.it_added.input3 input {
	height: 46px;
	padding-top: 0px;
	padding-left: 17px;
	font-size: 16px;
}

body.re_pack .it.it_added.input3 .added {
	top: -1px;
	right: -1px;
}

body.re_pack .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;
}

body.re_pack .it.it_added.spinner.percent .ui-widget-content:after, body.re_pack .it.it_added .spinner.percent .ui-widget-content:after {
	top: 2px;
}

body.re_pack .it.spinner .ui-widget-content, body.re_pack .it .spinner .ui-widget-content {
	border: 0;
	background: transparent;
}

body.re_pack .it.spinner .ui-widget-content .ui-spinner-input, body.re_pack .it .spinner .ui-widget-content .ui-spinner-input {
	margin: 0;
	padding-right: 35px;
	padding-top: 0;
	text-align: left;
}

body.re_pack .it.spinner .ui-widget-content .ui-state-default, body.re_pack .it .spinner .ui-widget-content .ui-state-default {
	right: 12px;
	border: 0;
	background: none;
	cursor: pointer;
}

body.re_pack .it.spinner .ui-widget-content .ui-spinner-up .ui-button-text .ui-icon, body.re_pack .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;
}

body.re_pack .it.spinner .ui-widget-content .ui-spinner-down .ui-button-text .ui-icon, body.re_pack .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;
}

body.re_pack .it.spinner .ui-widget-content .ui-spinner-down, body.re_pack .it .spinner .ui-widget-content .ui-spinner-down {
	bottom: 1px;
}

body.re_pack .it.spinner.percent .ui-spinner-input, body.re_pack .it .spinner.percent .ui-spinner-input {
	padding-right: 51px;
	text-align: right;
}

body.re_pack .it.spinner.percent .ui-widget-content:after, body.re_pack .it .spinner.percent .ui-widget-content:after {
	display: inline;
	position: absolute;
	top: 8px;
	right: 34px;
	color: #666;
	content: '%';
}

body.re_pack .it.spinner.type2 .ph, body.re_pack .it .spinner.type2 .ph {
	left: 5px;
}

body.re_pack .it.spinner.type2 .ui-widget-content .ui-spinner-input, body.re_pack .it .spinner.type2 .ui-widget-content .ui-spinner-input {
	padding-right: 20px;
}

body.re_pack .it.spinner.type2 .ui-widget-content .ui-state-default, body.re_pack .it .spinner.type2 .ui-widget-content .ui-state-default {
	right: 5px;
}

body.re_pack .it.spinner.type2 input, body.re_pack .it .spinner.type2 input {
	padding: 2px 5px 0;
}

body.re_pack .it.it_added_count {
	border: 1px solid #c5c5c5;
}

body.re_pack .it.it_added_count textarea {
	border: 0;
}

body.re_pack .it.it_added_count .ph {
	color: #cbcbcb;
}

body.re_pack .it.it_added_count .info {
	padding: 4px 10px 5px;
	font-size: 11px;
	color: #a9a9a9;
	text-align: right;
}

body.re_pack .it.it_added_count:after {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #FFF;
	content: '';
}

body.re_pack .it.type2 input {
	border: 1px solid #CBCBCB;
	white-space: nowrap;
	word-break: normal;
}

body.re_pack .it.type2.strong input {
	font-size: 14px;
}

body.re_pack .it.type2.it_added {
	padding-right: 0;
}

body.re_pack .it.type2.it_added .input_area {
	padding-right: 35px;
}

body.re_pack .it.type2.it_added .added {
	top: 4px;
	right: 8px;
}

body.re_pack .it.type2.it_added .added .btn {
	vertical-align: top;
}

body.re_pack .it.type2.it_added .added .btn_type5.big {
	top: 3px;
}

body.re_pack .it.type2.it_added.underline .ph {
	left: 0;
}

body.re_pack .it.type2.it_added.underline input {
	padding-left: 0;
}

body.re_pack .it.type2.it_added.underline .input_area {
	border: 0;
	border-bottom: 1px solid #E9E9E9;
}

body.re_pack .it.type2.it_added.survey_input {
	border: 1px solid #CBCBCB;
	padding-right: 30px;
}

body.re_pack .it.type2.it_added.survey_input .enter .btn {
	width: 32px;
	height: 24px;
}

body.re_pack .it.type2.it_added.survey_input .input_area {
	border: 0;
}

body.re_pack .it.type2.it_added.survey_input .btn_remove {
	padding: 3px 9px;
}

body.re_pack .it.upload {
	display: block;
	height: 34px;
	margin-top: 0 !important;
	padding-right: 0;
	border: 1px solid #CBCBCB;
	background: #FFF;
}

body.re_pack .it.upload .ph {
	top: 4px;
}

body.re_pack .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;
}

body.re_pack .it.upload.it_added .input_area {
	border: 0;
}

body.re_pack .it.upload.type2 .added {
	top: 3px;
	right: 7px;
}

body.re_pack .it.disabled,
body.re_pack .disabled .it {
	cursor: default;
	background: #f8f8f8;
}

body.re_pack .it.disabled input,
body.re_pack .disabled .it input {
	color: #999;
}

body.re_pack .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 + body.re_pack .atch_wrap {
	border-top: 1px solid #e8e8e8;
	padding-top: 60px;
	margin-top: 39px !important;
}

body.re_pack .atch_wrap .atch_area {
	position: relative;
	min-height: 66px;
	margin-top: -1px;
	padding: 15px;
	border: 1px solid #d1d1d1;
	border-top: 1px solid #e9e9e9;
}

body.re_pack .atch_wrap .atch_area .upload_area {
	overflow: hidden;
}

body.re_pack .atch_wrap .atch_area .uploaded {
	display: none;
	z-index: 1002;
	position: relative;
	top: -34px;
}

body.re_pack .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;
}

body.re_pack .atch_wrap .atch_area > strong {
	display: block;
	float: left;
	margin-right: 15px;
	font-size: 12px;
	line-height: 34px;
}

body.re_pack .atch_wrap .atch_area .cont_file {
	padding-top: 8px;
}

body.re_pack .atch_wrap .atch_area .cont_file .link_box {
	display: block;
}

body.re_pack .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;
}

body.re_pack .atch_wrap .atch_area .cont_file .link_box a {
	line-height: 32px;
	text-decoration: none;
}

body.re_pack .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;
}

body.re_pack .atch_wrap .atch_area .cont_file .link_box + .link_box {
	margin-top: 8px;
}

body.re_pack .ick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	padding-left: 20px;
	line-height: 1.8;
}

body.re_pack .ick .ph {
	display: inline-block;
	top: 0 !important;
	left: 0;
	margin-top: 0;
	color: #666;
	vertical-align: top;
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
}

body.re_pack .ick .sr_only {
	position: static !important;
}

body.re_pack .ick .radio, body.re_pack .ick .checkbox {
	display: inline-block;
	overflow: hidden;
	position: absolute;
	top: 5px;
	left: 0;
	vertical-align: top;
}

body.re_pack .ick .radio input, body.re_pack .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;
}

body.re_pack .ick .radio {
	display: inline-block;
	width: 14px;
	height: 14px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 1px solid #d0d6d9;
	background-image: none;
}

body.re_pack .ick .radio.checked::after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

body.re_pack .ick .checkbox {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	width: 13px;
	height: 13px;
	border: 1px solid #aeaeae;
	position: absolute;
	top: 5px;
	left: 0;
}

body.re_pack .ick .checkbox.checked {
	border: 1px solid transparent;
}

body.re_pack .ick .checkbox.checked::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	background-position: -680px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

body.re_pack .ick .radio + .ph, body.re_pack .ick .checkbox + .ph {
	position: relative;
}

body.re_pack .ick .radio + .ph.sr_only, body.re_pack .ick .checkbox + .ph.sr_only {
	margin: 0;
}

body.re_pack .ick .radio.default, body.re_pack .ick .checkbox.default {
	background: none;
	overflow: visible;
}

body.re_pack .ick .radio.default input, body.re_pack .ick .checkbox.default input {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=100);
	opacity: 1;
	width: 12px;
	height: 12px;
	top: 1px;
}

body.re_pack .ick.disabled {
	cursor: default;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

body.re_pack .ick.disabled .radio input, body.re_pack .ick.disabled .checkbox input {
	cursor: default;
}

body.re_pack .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;
	border: 0;
	background-color: transparent;
}

body.re_pack .ick.disabled .checkbox {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -102px -868px;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
}

body.re_pack .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;
}

body.re_pack .ick.fs12 .ph {
	font-size: 12px;
	line-height: normal;
	vertical-align: middle;
}

body.re_pack .ick.fs12 .radio {
	top: 3px;
}

body.re_pack .ick.fs12 .checkbox {
	top: 5px;
}

body.re_pack .ick.op1 {
	padding-left: 17px;
}

body.re_pack .ick.op1 .ph {
	color: #030303;
}

body.re_pack .ick.type2 {
	width: 15px;
	height: 15px;
	padding-left: 0;
	vertical-align: middle;
}

body.re_pack .ick.type2 .radio, body.re_pack .ick.type2 .checkbox {
	top: 0;
}

body.re_pack .ick.big {
	padding-left: 29px;
}

body.re_pack .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;
}

body.re_pack .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;
}

body.re_pack .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;
}

body.re_pack .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;
}

body.re_pack .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;
}

body.re_pack .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;
}

body.re_pack .ick.big.type1 {
	padding-left: 26px;
}

body.re_pack .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;
}

body.re_pack .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;
}

body.re_pack .ick.big.type2 {
	width: 20px;
	height: 20px;
	padding-left: 0;
}

body.re_pack .ick.big.type2 .checkbox {
	top: 0;
}

body.re_pack .ick + .ick {
	margin-left: 15px;
}

body.re_pack .lst_chk li .desc {
	color: #999;
}

body.re_pack .lst_chk li .it.type4 + .txt {
	margin-top: -2px;
}

body.re_pack .lst_chk li.disabled {
	color: #999;
}

body.re_pack .tarea {
	display: block;
	position: relative;
	padding: 6px 10px 0;
	border: 1px solid #cbcbcb;
	background: #fff;
	z-index: 9;
}

body.re_pack .tarea .ick .ph {
	margin-left: 3px;
}

body.re_pack .tarea .ph {
	top: 10px;
	bottom: auto;
}

body.re_pack .tarea textarea {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

body.re_pack .tarea .info {
	margin: 0 -10px;
	padding: 4px 10px 5px;
	font-size: 11px;
	color: #a9a9a9;
	text-align: right;
}

body.re_pack .tarea .tarea ul[class*="tag"] {
	border: 0;
}

body.re_pack .img_group {
	position: relative;
	display: table;
	width: 100%;
}

body.re_pack .img_group .row {
	display: table-row;
}

body.re_pack .img_group .desc li {
	position: relative;
	padding-left: 7px;
	color: #999;
	font-size: 12px;
}

body.re_pack .img_group .desc li:before {
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 2px;
	height: 1px;
	background: #999;
	vertical-align: top;
	content: '';
}

body.re_pack .img_group .vertical_t {
	vertical-align: top !important;
}

body.re_pack .img_group .vertical_m {
	vertical-align: middle !important;
}

body.re_pack .img_group .vertical_b {
	vertical-align: bottom !important;
}

body.re_pack .img_group .mv_area {
	width: 544px;
	margin-bottom: 20px;
}

body.re_pack .img_group .mv_area .f_close {
	position: absolute;
	top: 0;
	right: 0;
}

body.re_pack .img_group .img {
	position: relative;
	display: table-cell;
	vertical-align: top;
	text-align: center;
}

body.re_pack .img_group .img.noimg .inner {
	background: #F8F8F8 url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-noimg.png) no-repeat 50% 50%;
}

body.re_pack .img_group .img.noimg2 .inner {
	background: #F8F8F8 url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_noimg2.gif) no-repeat 50% 50%;
}

body.re_pack .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;
}

body.re_pack .img_group .img.upload .inner {
	margin-bottom: 20px;
	background: #F8F8F8;
}

body.re_pack .img_group .img .inner {
	display: block;
	position: relative;
	border: 1px solid #CBCBCB;
	white-space: nowrap;
}

body.re_pack .img_group .img .inner img {
	vertical-align: top;
}

body.re_pack .img_group .img .inner button {
	line-height: 1;
}

body.re_pack .img_group .img .inner .f_close {
	position: absolute;
	right: -22px;
	top: 0;
}

body.re_pack .img_group .img .inner .upload_progress {
	position: absolute;
	right: 10px;
	left: 10px;
	bottom: 15px;
	text-align: center;
}

body.re_pack .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;
}

body.re_pack .img_group .img .inner .upload_progress .wrap span {
	display: inline-block;
	height: 100%;
	background: #FECA2F;
	vertical-align: top;
}

body.re_pack .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;
}

body.re_pack .img_group .img .max100 img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

body.re_pack .img_group .img .sts_error {
	margin-top: 5px;
	text-align: left;
}

body.re_pack .img_group .info {
	display: table-cell;
	width: 100%;
	padding-left: 30px;
	vertical-align: top;
}

body.re_pack .img_group .info.width_auto {
	width: auto;
}

body.re_pack .img_group .info.vertical_b p + .if {
	margin-top: 5px;
}

body.re_pack .img_group .row > .info {
	padding: 0;
}

body.re_pack .img_group .row > .info .if {
	margin-right: 10px;
}

body.re_pack .img_group .row > .info .desc {
	display: inline-block;
	position: relative;
	top: 4px;
	font-size: 12px;
	color: #999;
}

body.re_pack .img_group .row > .info .desc.multi_line {
	top: -1px;
}

body.re_pack .img_group .f_del {
	position: absolute;
	top: 0;
	right: -16px;
}

body.re_pack .img_group .noimg .f_del {
	display: none;
}

body.re_pack .img_group .btn_remove {
	position: absolute;
	top: 7px;
	right: 11px;
}

body.re_pack .img_group .noimg .btn_remove, body.re_pack .img_group .noimg2 .btn_remove {
	display: none;
}

body.re_pack h3.tit {
	font-weight: 700;
	font-size: 16px;
	color: #010101;
	margin: 33px 0 14px;
}

body.re_pack .editor_area {
	padding: 14px 20px;
	border: 1px solid #d1d1d1;
}

body.re_pack .editor_area .link_file2 {
	display: block;
}

body.re_pack .editor_area .link_file2 .file_download {
	vertical-align: middle;
}

body.re_pack .editor_area .link_file2 + .link_file2 {
	padding-top: 3px;
}

body.re_pack .editor_area .editor_reset + .link_file2 {
	padding: 13px 0 4px;
}

body.re_pack .editor_area .editor_reset + .link_file2 + .link_file2 {
	margin-top: -1px;
	padding-top: 0;
}

.q_body body.re_pack .editor_area .editor_area {
	border: 0;
	padding: 0;
}

body.re_pack .editor_area ~ body.re_pack .editor_area {
	margin-top: 10px;
}

body.re_pack .noti_box {
	padding: 20px;
	background-color: #F7F7F7;
	color: #666;
	line-height: 16px;
}

body.re_pack .noti_box + h2.tit {
	margin-top: 40px;
}

body.re_pack .noti_box .lnk_go {
	display: inline-block;
	margin-top: 10px;
	line-height: 16px;
	color: #333;
	text-decoration: underline;
}

body.re_pack .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;
}

body.re_pack .watch {
	position: relative;
	display: block;
	height: 100%;
	vertical-align: top;
}

body.re_pack .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;
}

body.re_pack .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;
}

.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;
	font-size: 14px;
}

.table.table_type1 td {
	height: 74px;
	padding: 18px 0 18px 20px;
	border-top: 1px solid #ebebeb;
	vertical-align: middle;
	font-size: 14px;
}

.table.table_type1 td .txt {
	display: inline-block;
	margin-top: 0;
	padding: 5px 0;
	vertical-align: middle;
}

.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;
	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;
	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;
	line-height: 34px;
	vertical-align: top;
}

.table.table_type1 td .whaleon_link {
	width: 465px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.table.table_type1 td .whaleon_link input {
	padding-right: 34px !important;
	border: 1px solid #d1d1d1;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.table.table_type1 td .whaleon_link .copylink_btn {
	display: block;
	width: 24px;
	height: 36px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 8px;
	margin: auto;
}

.table.table_type1 td .whaleon_link .copylink_btn:after {
	background-position: -848px -744px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.table.table_type1 td .ick {
	vertical-align: middle;
}

.table.table_type1 td .host_select {
	display: inline-block;
	vertical-align: middle;
	margin-left: 37px;
}

.table.table_type1 td .host_select .slt_label {
	margin-right: 12px;
}

.table.table_type1 td .slt.bc {
	display: inline-block;
	vertical-align: middle;
}

.table.table_type1 td .slt.bc .chosen-container {
	-webkit-border-radius: 0;
	        border-radius: 0;
	border: 0;
}

.table.table_type1 td .slt.bc .chosen-container .chosen-single {
	padding: 8px 28px 6px 12px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	border: 1px solid #d1d1d1;
}

.table.table_type1 td .slt.bc .chosen-container .chosen-single:focus {
	outline: 0;
}

.table.table_type1 td .slt.bc .chosen-container .chosen-single span {
	color: #666;
	font-size: 14px;
}

.table.table_type1 td .slt.bc .chosen-container .chosen-single div b {
	position: relative;
	background: none;
}

.table.table_type1 td .slt.bc .chosen-container .chosen-single div b:before {
	background-position: -862px -772px;
	background-repeat: no-repeat;
	width: 12px;
	height: 7px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.table.table_type1 td .slt.bc .chosen-container .chosen-drop {
	-webkit-box-shadow: none;
	        box-shadow: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
	border: 1px solid #CBCBCB;
	margin-top: -1px;
}

.table.table_type1 td .slt.bc .chosen-container .chosen-results {
	padding: 0;
}

.table.table_type1 td .slt.bc .chosen-container .chosen-results li {
	padding-top: 7px;
	font-size: 13px;
	padding-left: 16px;
}

.table.table_type1 td .slt.bc .chosen-container .chosen-results li:hover {
	background: #E5E5E5;
}

.table.table_type1 td .slt.bc .chosen-container .chosen-results li:first-child {
	margin-top: 0;
}

.table.table_type1 td .slt.bc .chosen-container .chosen-results li + li {
	margin-top: 4px;
}

.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 {
	padding: 13px 0 12px;
	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 tfoot th {
	height: 50px;
	padding: 11px 0 8px;
	border-top: 1px solid #e8e8e8;
	text-align: center;
}

.table.table_type2 tbody th.title,
.table.table_type2 tfoot th.title {
	text-align: left;
}

.table.table_type2 tbody td,
.table.table_type2 tfoot td {
	height: 50px;
	padding: 11px 0 8px;
	border-top: 1px solid #ebebeb;
	text-align: center;
}

.table.table_type2 tbody td .text_ellipsis,
.table.table_type2 tfoot td .text_ellipsis {
	display: inline-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;
	top: -2px;
	padding-left: 2px;
	padding-right: 2px;
	line-height: normal;
	vertical-align: middle;
	display: inline-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.new {
	border-bottom: 1px solid #d8d8d8;
}

.table.table_type2.new thead th {
	padding: 15px 0;
}

.table.table_type2.new tbody tr:nth-child(2n) {
	background-color: #fdfdfd;
}

.table.table_type2.new tbody td {
	height: 46px;
	color: #666;
	font-size: 13px;
}

.table.table_type2.member_review tbody tr:nth-child(2n) {
	background-color: #fdfdfd;
}

.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, "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.table_type6 {
	position: relative;
	border-collapse: separate;
}

.table.table_type6 thead th {
	padding: 16px 0;
	font-size: 13px;
	line-height: 14px;
	background: #fff;
	color: #72757a;
	font-weight: normal;
	text-align: center;
}

.table.table_type6 thead th:first-child {
	padding-left: 24px;
}

.table.table_type6 thead th:last-child {
	padding-right: 24px;
}

.table.table_type6 thead th .ick {
	top: 1px;
}

.table.table_type6 thead th .ick.type2 {
	top: -1px;
}

.table.table_type6 thead th.active {
	color: #00c73c;
	font-weight: 700;
}

.table.table_type6 thead tr {
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	box-shadow: -1px 0 0 #f0f0f0, 1px 0 0 #f0f0f0, 0 -1px 0 #f0f0f0;
	-webkit-box-shadow: -1px 0 0 #f0f0f0, 1px 0 0 #f0f0f0, 0 -1px 0 #f0f0f0;
}

.table.table_type6 thead th {
	position: relative;
}

.table.table_type6 thead th::after {
	content: '';
	display: block;
	height: 1px;
	background-color: #f0f0f0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.table.table_type6 thead th:first-child {
	-webkit-border-radius: 4px 0 0 4px;
	        border-radius: 4px 0 0 4px;
}

.table.table_type6 thead th:first-child::after {
	left: 2px;
}

.table.table_type6 thead th:last-child {
	-webkit-border-radius: 0 4px 4px 0;
	        border-radius: 0 4px 4px 0;
}

.table.table_type6 thead th:last-child::after {
	right: 2px;
}

.table.table_type6 tbody,
.table.table_type6 tfoot {
	font-size: 14px;
	line-height: 15px;
	color: #2a2c2f;
}

.table.table_type6 tbody .label_td,
.table.table_type6 tfoot .label_td {
	margin: -2px 0 0 6px;
	vertical-align: middle;
}

.table.table_type6 tbody .ic_open .title a,
.table.table_type6 tfoot .ic_open .title a {
	padding-right: 45px;
}

.table.table_type6 tbody .ic_new .title a,
.table.table_type6 tfoot .ic_new .title a {
	padding-right: 41px;
}

.table.table_type6 tbody .label_td.open,
.table.table_type6 tfoot .label_td.open {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

.table.table_type6 tbody tr td::before,
.table.table_type6 tfoot tr td::before {
	opacity: 0;
	content: '';
	display: block;
	width: 100%;
	height: 55px;
	background-color: #fafafa;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.table.table_type6 tbody tr:hover td::before,
.table.table_type6 tfoot tr:hover td::before {
	opacity: 1;
}

.table.table_type6 tbody tr:hover td:first-child::before,
.table.table_type6 tfoot tr:hover td:first-child::before {
	-webkit-border-radius: 4px 0 0 4px;
	        border-radius: 4px 0 0 4px;
}

.table.table_type6 tbody tr:hover td:last-child::before,
.table.table_type6 tfoot tr:hover td:last-child::before {
	-webkit-border-radius: 0 4px 4px 0;
	        border-radius: 0 4px 4px 0;
}

.table.table_type6 tbody tr.th_vt th,
.table.table_type6 tfoot tr.th_vt th {
	padding-top: 12px;
	vertical-align: top;
}

.table.table_type6 tbody th,
.table.table_type6 tbody td,
.table.table_type6 tfoot th,
.table.table_type6 tfoot td {
	height: 50px;
	padding: 26px 0 21px;
	text-align: center;
	position: relative;
}

.table.table_type6 tbody th.title,
.table.table_type6 tbody td.title,
.table.table_type6 tfoot th.title,
.table.table_type6 tfoot td.title {
	text-align: left;
}

.table.table_type6 tbody td:last-child,
.table.table_type6 tfoot td:last-child {
	padding-right: 24px;
}

.table.table_type6 tbody td .text_ellipsis,
.table.table_type6 tfoot td .text_ellipsis {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	padding: 0 10px;
}

.table.table_type6 tbody td .red,
.table.table_type6 tfoot td .red {
	font-weight: 600;
}

.table.table_type6 tbody td.disabled .watch .checkbox,
.table.table_type6 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_type6 tbody .title,
.table.table_type6 tfoot .title {
	padding-right: 5px;
}

.table.table_type6 tbody .title p,
.table.table_type6 tfoot .title p {
	margin: 0;
}

.table.table_type6 tbody .title a,
.table.table_type6 tfoot .title a {
	position: relative;
	padding-left: 2px;
	padding-right: 2px;
	line-height: normal;
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.table.table_type6 tbody .title a .ico_clip3,
.table.table_type6 tfoot .title a .ico_clip3 {
	top: -1px;
	margin-right: 7px;
}

.table.table_type6 tbody .title .profile_el2 .thum + a,
.table.table_type6 tfoot .title .profile_el2 .thum + a {
	display: inline !important;
}

.table.table_type6 tbody .nickname,
.table.table_type6 tbody .email,
.table.table_type6 tfoot .nickname,
.table.table_type6 tfoot .email {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

.table.table_type6 tbody .corp,
.table.table_type6 tfoot .corp {
	padding: 14px 5px 15px;
	line-height: 18px;
	text-align: left;
	word-break: keep-all;
	word-wrap: break-word;
}

.table.table_type6 tbody .corp li,
.table.table_type6 tfoot .corp li {
	display: inline-block;
	word-break: keep-all;
	word-wrap: break-word;
}

.table.table_type6 tbody .corp li:after,
.table.table_type6 tfoot .corp li:after {
	content: ",";
}

.table.table_type6 tbody .corp li.last:after,
.table.table_type6 tfoot .corp li.last:after {
	content: "";
}

.table.table_type6 tbody .corp li + li,
.table.table_type6 tfoot .corp li + li {
	margin-top: 4px;
}

.table.table_type6 tbody .day_case1,
.table.table_type6 tfoot .day_case1 {
	color: #666;
}

.table.table_type6 tbody .day_case2,
.table.table_type6 tfoot .day_case2 {
	color: #ffaf00;
}

.table.table_type6 tbody .day_case3,
.table.table_type6 tfoot .day_case3 {
	color: #ff5230;
}

.table.table_type6 tr.sub_font_color a {
	color: #a5a8ad !important;
}

.table.table_type6 .bg_gray {
	background-color: #f9f9f9;
}

.table.table_type6.light {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

.table.table_type6.light thead th {
	background: #f6f6f6;
}

.table.table_type7 {
	border-top: 1px solid #010101;
	border-bottom: 1px solid #b3b3b3;
	letter-spacing: -1px;
}

.table.table_type7 thead th {
	padding: 16px 4px 14px;
	background: #fdfdfd;
	color: #333;
	font-weight: normal;
	text-align: center;
}

.table.table_type7 thead th:last-child {
	padding-right: 24px;
}

.table.table_type7 thead th .ick {
	top: 1px;
}

.table.table_type7 thead th .ick.type2 {
	top: -1px;
}

.table.table_type7 thead th.active {
	color: #00c73c;
	font-weight: 700;
}

.table.table_type7 tbody .label_td,
.table.table_type7 tfoot .label_td {
	margin: -2px 0 0 6px;
	vertical-align: middle;
}

.table.table_type7 tbody .ic_open .title a,
.table.table_type7 tfoot .ic_open .title a {
	padding-right: 45px;
}

.table.table_type7 tbody .ic_new .title a,
.table.table_type7 tfoot .ic_new .title a {
	padding-right: 41px;
}

.table.table_type7 tbody .label_td.open,
.table.table_type7 tfoot .label_td.open {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

.table.table_type7 tbody tr.th_vt th,
.table.table_type7 tfoot tr.th_vt th {
	padding-top: 12px;
	vertical-align: top;
}

.table.table_type7 tbody tr:nth-child(2n),
.table.table_type7 tfoot tr:nth-child(2n) {
	background-color: #fdfdfd;
}

.table.table_type7 tbody th, .table.table_type7 tbody td,
.table.table_type7 tfoot th,
.table.table_type7 tfoot td {
	height: 46px;
	padding: 15px 4px 14px;
	border-top: 1px solid #ebebeb;
	text-align: center;
	color: #666;
}

.table.table_type7 tbody th:last-child, .table.table_type7 tbody td:last-child,
.table.table_type7 tfoot th:last-child,
.table.table_type7 tfoot td:last-child {
	padding-right: 24px;
}

.table.table_type7 tbody th .text_ellipsis, .table.table_type7 tbody td .text_ellipsis,
.table.table_type7 tfoot th .text_ellipsis,
.table.table_type7 tfoot td .text_ellipsis {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	padding: 0 10px;
}

.table.table_type7 tbody th.disabled .watch .checkbox, .table.table_type7 tbody td.disabled .watch .checkbox,
.table.table_type7 tfoot th.disabled .watch .checkbox,
.table.table_type7 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.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;
	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;
}

.table.type_inner tr:first-child td {
	padding-top: 15px;
}

.table.stretch {
	width: 100%;
}

table.whale td {
	padding: 30px 0 30px 16px;
}

table.whale .ick .radio.checked {
	border: 1px solid #aeaeae;
	background-color: #fff !important;
}

.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 .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;
	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 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 {
	line-height: 16px;
}

.calculate_box .cnt {
	display: block;
	margin-top: 7px;
	font-size: 32px;
	font-weight: 600;
	color: #333;
	line-height: 32px;
}

.table.satisfaction_table {
	border-top: 1px solid #010101;
	border-bottom: 1px solid #b3b3b3;
}

.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;
}

body:not([class*="view_"]) .paginate {
	text-align: center;
	position: relative;
	margin-top: 40px;
}

body:not([class*="view_"]) .paginate .inner {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

body:not([class*="view_"]) .paginate .pagin {
	display: block;
	text-align: left;
	vertical-align: top;
	position: relative;
}

body:not([class*="view_"]) .paginate .pagin.l {
	padding-bottom: 17px;
	border-bottom: 1px solid #f0f0f0;
}

body:not([class*="view_"]) .paginate .pagin.l .btn_prve::after {
	top: 0;
	background-position: -132px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body:not([class*="view_"]) .paginate .pagin.l .btn_prve.disabled {
	color: #999;
}

body:not([class*="view_"]) .paginate .pagin.l .btn_prve.disabled::after {
	background-position: -180px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body:not([class*="view_"]) .paginate .pagin.r {
	padding-top: 16px;
}

body:not([class*="view_"]) .paginate .pagin.r .btn_next::after {
	bottom: 0;
	background-position: -204px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body:not([class*="view_"]) .paginate .pagin.r .btn_next.disabled {
	color: #999;
}

body:not([class*="view_"]) .paginate .pagin.r .btn_next.disabled::after {
	background-position: -228px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body:not([class*="view_"]) .paginate .pagin::after {
	content: '';
	display: block;
	clear: both;
}

body:not([class*="view_"]) .paginate .btn_prve, body:not([class*="view_"]) .paginate .btn_next {
	display: inline-block;
	overflow: hidden;
	position: relative;
	font-size: 14px;
	line-height: 15px;
	text-decoration: none;
	vertical-align: top;
	padding-left: 24px;
}

body:not([class*="view_"]) .paginate .btn_prve::after, body:not([class*="view_"]) .paginate .btn_next::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
}

body:not([class*="view_"]) .paginate .pre,
body:not([class*="view_"]) .paginate .next {
	width: 32px;
	height: 32px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	border: 1px solid #f0f0f0;
	float: left;
	position: relative;
	font-size: 0;
	line-height: 0;
	text-indent: -99999px;
}

body:not([class*="view_"]) .paginate .pre:after {
	background-position: -692px -616px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

body:not([class*="view_"]) .paginate .pre.disabled {
	-webkit-background-size: 16px 16px;
	        background-size: 16px 16px;
}

body:not([class*="view_"]) .paginate .pre.disabled:after {
	background-position: -716px -616px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

body:not([class*="view_"]) .paginate .next:after {
	background-position: -644px -616px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

body:not([class*="view_"]) .paginate .next.disabled:after {
	background-position: -668px -616px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

body:not([class*="view_"]) .paginate .page_list {
	margin: 0 10px;
	float: left;
}

body:not([class*="view_"]) .paginate .page_list li {
	float: left;
	margin-left: 4px;
}

body:not([class*="view_"]) .paginate .page_list li:first-child {
	margin-left: 0;
}

body:not([class*="view_"]) .paginate .page_list a {
	display: block;
	width: 32px;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
	color: #2a2c2f;
	text-align: center;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
}

body:not([class*="view_"]) .paginate .page_list .selected {
	line-height: 32px;
	cursor: default;
	font-weight: 700;
}

body:not([class*="view_"]) .paginate .page_list .selected:hover {
	font-weight: 600;
}

body:not([class*="view_"]) .paginate .page_list a:hover {
	line-height: 32px;
	cursor: pointer;
	font-weight: 300;
}

body:not([class*="view_"]) .paginate.type2 a {
	color: #999;
	font-size: 16px;
}

body:not([class*="view_"]) .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;
}

body:not([class*="view_"]) .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;
}

body:not([class*="view_"]) .paginate.type2 .pre, body:not([class*="view_"]) .paginate.type2 .next {
	overflow: hidden;
	width: 30px;
	line-height: 1000px;
}

body:not([class*="view_"]) .paginate.type2 .page_list {
	margin: 0 13px;
}

body:not([class*="view_"]) .paginate.type2 .page_list a {
	font-family: '나눔고딕',NanumGothic;
	font-weight: normal;
}

body:not([class*="view_"]) .paginate.type2 .page_list .selected, body:not([class*="view_"]) .paginate.type2 .page_list a:hover {
	border: 0;
	color: #333;
	font-weight: 700;
	text-decoration: underline;
}

body:not([class*="view_"]) .paginate2 {
	position: relative;
	border-top: 1px solid #e8e8e8;
	overflow: hidden;
}

body:not([class*="view_"]) .paginate2 + .group_lr {
	border-top: 1px solid #e8e8e8;
	padding-top: 20px;
	margin-top: -1px !important;
}

body:not([class*="view_"]) .paginate2 .pagin {
	width: 50%;
	padding-top: 15px;
	height: 55px;
}

body:not([class*="view_"]) .paginate2 .pagin.l {
	float: left;
}

body:not([class*="view_"]) .paginate2 .pagin.r {
	float: right;
	text-align: right;
}

body:not([class*="view_"]) .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;
}

body:not([class*="view_"]) .paginate2 a:after {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -8px;
}

body:not([class*="view_"]) .paginate2 .btn_prve {
	padding-left: 20px;
}

body:not([class*="view_"]) .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;
}

body:not([class*="view_"]) .paginate2 .btn_next {
	padding-right: 20px;
}

body:not([class*="view_"]) .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;
}

body:not([class*="view_"]) .paginate2 .disabled {
	color: #999;
	font-weight: normal;
	cursor: default;
}

body:not([class*="view_"]) .paginate2 .disabled:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

body:not([class*="view_"]) .paginate2 .on {
	border-bottom-color: #28de73;
}

body:not([class*="view_"]) .paginate3 {
	padding-top: 20px;
	border-top: 1px solid #333;
}

body:not([class*="view_"]) .paginate4 {
	width: 104px;
	overflow: hidden;
}

body:not([class*="view_"]) .paginate4 + .group_lr {
	padding-top: 20px;
	margin-top: -1px !important;
}

body:not([class*="view_"]) .paginate4 .pagin {
	width: 48px;
	height: 48px;
}

body:not([class*="view_"]) .paginate4 .pagin.l {
	float: left;
}

body:not([class*="view_"]) .paginate4 .pagin.r {
	float: left;
	margin-left: 8px;
}

body:not([class*="view_"]) .paginate4 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: 1px solid #f0f0f0;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

body:not([class*="view_"]) .paginate4 a:after {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -8px;
}

body:not([class*="view_"]) .paginate4 a i svg path {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

body:not([class*="view_"]) .paginate4 .btn_prve {
	display: block;
	width: 47px;
	height: 47px;
}

body:not([class*="view_"]) .paginate4 .btn_prve .icon {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	right: 12px;
}

body:not([class*="view_"]) .paginate4 .btn_prve.disabled {
	border: 1px solid #f0f0f0 !important;
}

body:not([class*="view_"]) .paginate4 .btn_prve.disabled .icon svg path {
	stroke: #BFC2C7 !important;
}

body:not([class*="view_"]) .paginate4 .btn_next {
	display: block;
	width: 47px;
	height: 47px;
}

body:not([class*="view_"]) .paginate4 .btn_next .icon {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	left: 12px;
}

body:not([class*="view_"]) .paginate4 .btn_next.disabled {
	border: 1px solid #f0f0f0 !important;
}

body:not([class*="view_"]) .paginate4 .btn_next.disabled .icon svg path {
	stroke: #BFC2C7 !important;
}

body:not([class*="view_"]) .paginate4 .disabled {
	color: #999;
	font-weight: normal;
	cursor: default;
}

body:not([class*="view_"]) .paginate4 .disabled:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.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;
	color: #FFF;
	vertical-align: middle;
	font-weight: normal;
}

.label.gray {
	background: #999;
}

.label.light_gray {
	background: #828c96;
}

.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;
	background: #ededed;
}

.label.gray_border {
	padding: 0 8px;
	border: 1px solid #25292f;
	color: #25292f;
	background: #fff;
	line-height: 20px;
	font-weight: 600;
	letter-spacing: 0;
}

h1.page_title .label {
	position: relative;
	vertical-align: middle;
}

.ic_ad {
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 13px;
	vertical-align: top;
	margin-left: 6px;
	/* &: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;
	margin-top: 30px;
}

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

.nav_tab ul:before, .nav_tab ul: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;
	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;
	font-size: 0;
}

.group_lr .group_l > .btn {
	margin-right: 4px;
}

.group_lr .group_r {
	float: right;
}

.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: 10px 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 .group_r .txt_desc:only-child {
	line-height: 34px;
}

.group_lr h2.tit {
	margin: 0;
}

.group_lr .txt_desc {
	vertical-align: middle;
}

.group_lr .tit_section {
	font-size: 16px;
	line-height: 32px;
}

.mg_info .group_lr {
	margin-top: 20px;
}

.bx_area .txt_desc:only-child {
	line-height: 20px;
}

.sorting {
	vertical-align: middle;
	font-size: 0;
	margin-left: 17px;
}

.nav_text {
	font-size: 0;
	margin-right: -8px;
}

.nav_text li {
	display: inline-block;
}

.nav_text li a, .nav_text li button {
	display: inline-block;
	margin: 0;
	padding: 8px;
	border: 0;
	font-size: 12px;
	color: #25292f;
	vertical-align: top;
}

.nav_text li a.btn.tit, .nav_text li button.btn.tit {
	font-weight: 600;
}

.nav_text li a.btn.tit:before, .nav_text li button.btn.tit:before {
	display: none;
}

.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 button.on::before, .nav_text li a.on::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	background-position: -720px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.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 {
	content: '';
	display: inline-block;
	background-position: -720px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	vertical-align: -1px;
	margin-right: 4px;
}

.nav_text li button.tit i {
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: -3px;
	margin-right: 4px;
}

.nav_text li button.tit i svg path {
	stroke: #2A2C2F;
}

#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 20px;
	font-size: 12px;
	line-height: 16px;
	color: #999;
}

.txt_desc:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-position: -324px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.txt_desc + .txt_desc {
	margin-top: 4px;
}

.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 {
	min-width: 24px;
	min-height: 24px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/icon-thumb-24.svg) no-repeat;
	-webkit-background-size: 100% auto;
	        background-size: 100% auto;
	display: inline-block;
	position: relative;
	text-indent: 0;
	vertical-align: middle;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	overflow: hidden;
}

.user_info .thumb::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: solid 1px rgba(0, 0, 0, 0.08);
}

.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;
	color: #2a2c2f;
	font-size: 13px;
	line-height: 15px;
	text-decoration: none;
	margin-left: 8px;
}

.user_info .time {
	margin-left: 17px;
	font-size: 12px;
	line-height: 13px;
	color: #72757a;
	position: relative;
}

.user_info .time::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background-color: #e0e0e0;
	position: absolute;
	top: 2.5px;
	left: -9px;
}

.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: inline-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, "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;
}

#content .sns_area .sns_layer {
	left: 0px;
	right: auto;
	top: auto;
	bottom: 44px;
}

.sns_area {
	display: inline-block;
	position: relative;
	margin: 0;
}

.sns_area .btn_type2 {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.sns_area .sns_layer {
	display: none;
	position: absolute;
	top: 48px;
	right: 0px;
	width: 288px;
	height: auto;
	padding: 7px 6px 0 7px;
	background-color: #fff;
	border: none;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0px 16px 16px -8px rgba(0, 0, 0, 0.16);
	        box-shadow: 0px 16px 16px -8px rgba(0, 0, 0, 0.16);
	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:last-of-type::after {
	display: none;
}

.sns_area .sns_layer .ico_url::before {
	margin: 20px 17px 0 16px;
	background-position: -809px -325px;
	background-repeat: no-repeat;
	width: 31px;
	height: 12px;
}

.sns_area .sns_layer .ico_band::before {
	margin-top: 17px;
	background-position: -753px -325px;
	background-repeat: no-repeat;
	width: 48px;
	height: 18px;
}

.sns_area .sns_layer .ico_facebook::before {
	background-position: -328px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin: 16px 22px 0 23px;
}

.sns_area .sns_layer .ico_twitter::before {
	background-position: -833px -491px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	margin-top: 10px;
}

.sns_area .sns_layer .ico_linkedin::before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
	-webkit-background-size: 913px 901px;
	        background-size: 913px 901px;
	background-position: -876px -718px;
	width: 20px;
	height: 20px;
	margin-left: 16px;
}

.sns_area .sns_layer .sns_subtext {
	color: #828c96;
	font-size: 11px;
	line-height: 16px;
	white-space: normal;
	text-align: left;
	padding: 8px 17px 16px 17px;
}

.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 .share {
	padding-top: 0;
}

.lecture_complete .sns_area .sns_layer {
	top: 52px !important;
	left: 0 !important;
	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;
}

.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 a {
	display: inline-block;
	color: #666;
	line-height: 14px;
	font-size: 13px;
	padding: 8px 16px;
	border: 1px solid #f0f0f0;
	white-space: nowrap;
	margin: 8px 8px 0 0;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.tag_lst {
	padding-top: 12px;
	line-height: 20px;
}

.tag_lst .ico_tag {
	float: left;
	margin: 19px 6px 0 0;
}

.tag_lst .txt_tag {
	overflow: hidden;
}

.tag_lst + .group_lr {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #f0f0f0;
}

.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 strong {
	line-height: 25px;
}

.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, "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;
}

body.full {
	min-width: 1160px;
}

body.full #header {
	min-width: auto;
}

body.full #header .gnb li.ic {
	display: block;
}

body.full #container {
	display: table;
	height: -webkit-calc( 100vh + 83px);
	height: calc( 100vh + 83px);
	min-height: auto;
	padding-bottom: 278px;
}

body.full #container #content {
	width: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 80px 0;
}

body.full #container #content .it input {
	height: 48px;
}

body.full #container #content .it.stretch .ph {
	top: 0;
	bottom: 0;
	margin: auto;
}

body.full #container #content h2.tit {
	margin: 0px 0 40px;
	font-size: 32px;
	line-height: 35px;
	font-weight: 700;
	color: #2a2c2f;
	text-align: center;
}

body.full #container #content h2.tit .sub {
	font-weight: normal;
	color: #999;
}

body.full #container #content .dsc {
	text-align: center;
	color: #72757a;
	font-size: 14px;
	line-height: 22px;
	margin: -16px 0 40px 0;
}

body.full #container #content h3.sub_tit {
	color: #25292f;
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	margin-bottom: 24px;
}

body.full #container #content .ipt_group {
	width: 320px;
}

body.full #container #content .ipt_group.mat-16 {
	margin-top: -16px;
}

body.full #container #content .mbr h2.tit, body.full #container #content .join h2.tit {
	margin: 0 0 24px;
	text-align: left;
}

body.full #container #content .mbr .dsc, body.full #container #content .join .dsc {
	margin: 0 auto 40px;
	text-align: left;
	padding-bottom: 40px;
	border-bottom: 1px solid #f0f0f0;
}

body.full #container #content .complete .top_icon {
	margin-bottom: 24px;
	text-align: center;
}

body.full #container #content .complete .top_icon i {
	display: inline-block;
	width: 80px;
	height: 80px;
	vertical-align: top;
}

body.full #container #content .complete h2.tit {
	line-height: 44px;
}

body.full #container #content .complete .dsc {
	color: #595c61;
}

body.full #container #content .complete .ipt_group {
	margin-top: -24px;
}

body.full #container #content .complete .ipt_group .btm {
	color: #8b8f94;
	font-size: 12px;
	line-height: 20px;
	margin-top: 16px;
	width: 500px;
	margin: 0 0 0 -95px;
}

body.full #container #content .complete .btn.btn_type1 {
	width: 320px;
	margin: 40px auto 0;
	line-height: 55px;
	text-decoration: none;
}

body.full #container #content .all_terms {
	display: block;
	height: auto;
	padding: 32px 0 32px 24px;
	border-top: 1px solid #bfc2c7;
	border-bottom: 1px solid #e8eaed;
}

body.full #container #content .terms_lst .ick .checkbox {
	background: none;
}

body.full #container #content .terms_lst .ick .checkbox.checked {
	background-image: none;
}

body.full #container #content .ick {
	padding-left: 32px;
	line-height: 15px;
}

body.full #container #content .ick .checkbox {
	top: -3px;
	width: 20px;
	height: 20px;
	border: 0;
	text-indent: unset;
}

body.full #container #content .ick .checkbox .icon {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
}

body.full #container #content .ick .checkbox .icon svg {
	position: absolute;
	top: 0;
	left: 0;
}

body.full #container #content .ick.big .checkbox {
	top: 0px;
	border: 0;
	background-position: -440px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

body.full #container #content .ick.big .checkbox.checked::after {
	top: 0px;
	left: 0px;
	background-position: -160px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

body.full #container #content .ick.big .ph {
	font-size: 16px;
	line-height: 20px;
}

body.full #container #content .page.login .login_method_email .ipt_group .it.stretch input {
	border: 1px solid #d9dce0;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

body.full #container #content .page.login .login_method_email .ipt_group .it.stretch input.error_msg {
	border-color: #ff5230;
}

body.full #container #footer {
	bottom: 0;
}

body.full #container.landing #content {
	padding: 120px 0;
}

body.full #container.landing #content .landing_section .inner {
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
}

body.full #container.landing #content .landing_section .tit_box {
	float: left;
	width: 368px;
	text-align: left;
}

body.full #container.landing #content .landing_section .tit_box h2 {
	color: #25292f;
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
}

body.full #container.landing #content .landing_section .tit_box h2 span {
	color: #00caf9;
}

body.full #container.landing #content .landing_section .tit_box p {
	color: #25292f;
	font-size: 13px;
	line-height: 20px;
	margin-top: 24px;
}

body.full #container.landing #content .landing_section .text_box {
	overflow: hidden;
	text-align: left;
}

body.full #container.landing #content .landing_section .text_box .title {
	color: #25292f;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 50px;
	position: relative;
}

body.full #container.landing #content .landing_section .text_box .title::after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	background-color: #00caf9;
	position: absolute;
	bottom: -26px;
	left: 0;
}

body.full #container.landing #content .landing_section .text_box .text {
	color: #595c61;
	font-size: 13px;
	line-height: 20px;
}

body.full #container.landing #content .landing_section .text_box .text + .text {
	margin-top: 24px;
}

body.full #container.landing #content .landing_section .text_box .link {
	display: inline-block;
	color: #00caf9;
	font-size: 13px;
	line-height: 14px;
	margin-top: 20px;
	padding: 4px 0;
	vertical-align: top;
}

body.full #container.landing #content .landing_section .text_box .link::after {
	content: '';
	display: inline-block;
	vertical-align: top;
	background-position: -640px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	margin-left: 4px;
}

body.full #container.landing #content .landing_section .text_box .link_box {
	font-size: 0;
	margin-top: 36px;
}

body.full #container.landing #content .landing_section .text_box .link_box a {
	display: inline-block;
	width: 200px;
	height: 48px;
	color: #25292f;
	font-size: 14px;
	line-height: 47px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	border: 1px solid #25292f;
	text-align: center;
}

body.full #container.landing #content .landing_section .text_box .link_box a + a {
	margin-left: 8px;
}

body.full.mobile {
	min-width: 320px;
	font-family: -apple-system,system-ui,BlinkMacSystemFont,Roboto,sans-serif !important;
}

body.full.mobile #container {
	height: -webkit-calc(100vh + 85px);
	height: calc(100vh + 85px);
	min-width: 320px;
	padding-bottom: 141px;
}

body.full.mobile #container #content {
	padding: 40px 0;
}

body.full.mobile #container #content h2.tit {
	font-size: 24px;
	line-height: 27px;
}

body.full.mobile #container #content .dsc {
	color: #595c61;
}

body.full.mobile #container #content .login_method {
	font-family: -apple-system,system-ui,BlinkMacSystemFont,Roboto,sans-serif !important;
}

body.full.mobile #container #content .login_method ul {
	width: auto;
}

body.full.mobile #container #content .page {
	padding: 0 24px;
}

body.full.mobile #container #content .ipt_group {
	width: 100%;
}

body.full.mobile #container #content .page.join h3.sub_tit {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 15px;
}

body.full.mobile #container #content .page.join .terms_area .all_terms {
	padding-left: 0;
}

body.full.mobile #container #content .page.join .terms_area .all_terms .checkbox {
	top: 3px;
}

body.full.mobile #container #content .page.join .terms_area .all_terms strong {
	line-height: 24px;
}

body.full.mobile #container #content .page.join .terms_area .terms_lst > li {
	float: none;
	padding: 0;
}

body.full.mobile #container #content .page.join .terms_area .terms_lst > li:nth-child(2n) {
	padding-left: 0px;
}

body.full.mobile #container #content .page.join .terms_area .terms_lst > li a {
	float: right;
}

body.full.mobile #container #content .page.join .table.table_type1 th {
	padding: 24px 0 0 0;
}

body.full.mobile #container #content .page.join .table.table_type1 td {
	padding: 5px 0 0 0;
}

body.full.mobile #container #content .page.join .table.table_type1 td .mail {
	width: 100%;
}

body.full.mobile #container #content .page.join .table.table_type1 td .it {
	width: 100%;
}

body.full.mobile #container #content .page.join .table.table_type1 tr:first-child th {
	padding-top: 31px;
}

body.full.mobile #container #content .page.join .table.table_type1 tr:last-child td {
	padding-bottom: 31px;
}

body.full.mobile #container #content .page.join .table.table_type1.login th {
	font-size: 13px;
	line-height: 14px;
}

body.full.mobile #container #content .page.join .table.table_type1.login td {
	font-size: 16px;
	line-height: 18px;
	padding-top: 12px;
}

body.full.mobile #container #content .page.join .btn.btn_type1 {
	width: 100%;
}

body.full.mobile #container #content .page.complete h2.tit {
	line-height: 36px;
}

body.full.mobile #container #content .page.complete .ipt_group .btm {
	width: auto;
	margin: 0;
}

body.full.mobile #container #content .page.complete .ipt_group .btm .btn.btn_type1 {
	width: auto;
}

@media screen and (max-width: 979px) {
	body.full.mobile #header .logo {
		padding-left: 24px;
		background-color: #fff;
	}
	body.full.mobile #container #footer {
		min-width: 320px;
	}
}

body.full.agreement {
	min-width: auto;
	min-width: unset;
	background: #f5f7f7;
}

body.full.agreement #container {
	min-width: auto;
	min-width: unset;
	min-height: 100vh;
	height: auto;
	padding-bottom: 0;
}

body.full.agreement #container #content {
	padding: 0;
}

body.full.agreement #container #content > .page {
	padding: 80px 24px;
}

body.full.agreement #container #content .ick.big {
	padding-left: 28px;
}

body.full.agreement #container #content .ick.big .checkbox {
	background-position: -188px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

body.full.agreement #container #content .ick.big .checkbox.checked {
	background-position: -132px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

body.full.agreement #container #content .ick.big .checkbox.checked:after {
	display: none;
}

body.full.agreement #container #content .ick.big .ph {
	color: #25292f;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
}

body.full.agreement #container #content .ick {
	padding-left: 24px;
}

body.full.agreement #container #content .ick .checkbox {
	top: 0;
	background-position: -372px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body.full.agreement #container #content .ick .checkbox.checked {
	background-position: -444px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body.full.agreement #container #content .ick .checkbox.checked:after {
	display: none;
}

body.full.agreement #container #content .ick .ph {
	color: #25292f;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}

.mbr {
	width: 100%;
	color: #010101;
	background-color: #fafafa;
}

.mbr .it, .mbr .ic {
	display: block;
}

.mbr .it ~ .it, .mbr .ic ~ .it {
	margin-top: 5px;
}

.mbr .it .ph, .mbr .ic .ph {
	top: 7px !important;
}

.mbr .it input, .mbr .ic input {
	padding-top: 0;
	height: 38px;
}

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

.login_method ul {
	width: 320px;
	margin: 0 auto;
}

.login_method li {
	text-align: center;
}

.login_method li ~ li {
	margin-top: 12px;
}

.login_method .or {
	display: block;
	margin: 16px 0 16px;
	font-size: 14px;
	line-height: 15px;
	color: #595c61;
}

.login_method .btn_s_login {
	display: block;
	position: relative;
	width: 100%;
	height: 56px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	border: 1px solid #e8eaed;
	background-color: #fff;
	font-size: 16px;
	color: #2a2c2f;
}

.login_method .btn_s_login:before {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 16px;
	left: 16px;
	content: '';
}

.login_method .btn_s_login.naver {
	border: none;
	background-color: #03c75a;
	color: #fff;
	font-weight: 600;
}

.login_method .btn_s_login.naver:before {
	background-position: -709px -438px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.login_method .btn_s_login.kakao {
	border: none;
	background-color: #FEE500;
}

.login_method .btn_s_login.kakao:before {
	background-position: -849px -635px;
	background-repeat: no-repeat;
	width: 24px;
	height: 23px;
}

.login_method .btn_s_login.facebook:before {
	background-position: -753px -635px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.login_method .btn_s_login.google:before {
	background-position: -817px -635px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.login_method .btn_s_login.apple:before {
	background-position: -683px -250px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.login_method .btn_s_login.apple.black {
	color: #fff;
	background-color: #000;
}

.login_method .btn_s_login.apple.black::before {
	background-position: -684px -406px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.login_method .btn_s_login.email {
	border: none;
	background-color: #a5a8ad;
	color: #fff;
	font-weight: 600;
	line-height: 56px;
}

.login_method .btn_s_login.email:before {
	background-position: -620px -359px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.login_method .btn_s_login.email:hover {
	text-decoration: none;
}

.login_method .btn_login {
	display: block;
	position: relative;
	width: 100%;
	height: 56px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background: #3ecc00;
	font-size: 16px;
	color: #fff;
	text-align: left;
}

.login_method .btn_login em {
	display: block;
	position: relative;
	font-weight: 700;
	line-height: 54px;
	text-align: center;
}

.login_method_email .it._password {
	margin-top: 8px;
}

.login_method_email .ick.login_keep {
	display: block;
	text-align: left;
	margin: 24px 0 -8px 0;
}

.login_method_email .ick.login_keep .checkbox {
	top: 0 !important;
	background-position: -440px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.login_method_email .ick.login_keep .checkbox.checked::after {
	top: 0px;
	left: 0px;
	background-position: -160px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.login_method_email .ick.login_keep .ph {
	color: #2a2c2f;
	font-size: 13px;
	line-height: 20px;
}

.login_method_email .btm a {
	text-decoration: none;
}

.login_messagebox {
	padding: 30px;
	width: 540px;
	margin: 60px auto;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #FFF;
	border: 1px solid #E1E1E1;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
}

.login_messagebox .lnk_go {
	display: inline-block;
	text-align: center;
	margin-top: 18px;
	font-size: 16px;
	text-decoration: underline;
	color: #00C73C;
}

.btm {
	clear: both;
	margin: 24px 0 0;
	font-size: 14px;
	color: #8b8f94;
	text-align: center;
}

.btm a + a:before {
	display: inline-block;
	position: relative;
	top: 3px;
	width: 1px;
	height: 14px;
	margin: 0 12px 0 12px;
	background: #d9dce0;
	content: '';
}

.btm a {
	color: #8b8f94;
	text-decoration: underline;
}

.btm em a {
	color: #8b8f94;
}

.ipt_group {
	clear: both;
	width: 310px;
	margin: 0 auto;
}

.ipt_group .ick {
	margin-top: 7px;
}

.ipt_group .it {
	background-color: transparent;
}

.ipt_group .it input {
	height: 48px;
	background-color: #fff;
	border: 1px solid #d9dce0;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	padding: 0 15px 0;
}

.ipt_group .it .ph {
	top: 16.5px;
	bottom: auto;
	color: #8b8f94;
}

.ipt_group em.sts_error {
	display: block;
	line-height: 17px;
	margin-top: 8px;
	text-align: left;
}

.ipt_group .btn {
	margin-top: 15px;
	display: block;
	width: 100%;
	height: 40px;
	background-color: #e0e0e0;
	border-color: transparent !important;
	font-size: 16px;
	letter-spacing: 0;
}

.ipt_group .btn.btn_type1 {
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	width: 100%;
	height: 56px;
	font-weight: 600;
	margin-top: 24px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.ipt_group .btn:first-child {
	margin-top: 0;
}

.ipt_group .btn.clr2 {
	color: #FFF;
	background-color: #010101;
	border-color: #010101;
}

.join {
	position: relative;
	max-width: 1080px;
	margin: auto;
	text-align: left;
}

.join .slt {
	display: inline-block;
	margin-right: 17px;
}

.join .slt:last-child {
	margin-right: 0;
}

.join .table .group_l {
	padding-top: 7px;
}

.join .table .emph {
	font-weight: 700;
	color: #01b4f0;
}

.join .table.table_type1.bordered {
	border-top-color: #bfc2c7;
	border-bottom-color: #d9dce0;
}

.join .table.table_type1.login {
	font-size: 16px;
	line-height: 18px;
}

.join .table.table_type1.login + form > .terms_area {
	margin-top: 40px;
}

.join .table.table_type1 th {
	color: #595c61;
	padding: 12px 24px;
	background-color: transparent;
	border-top: 0px;
}

.join .table.table_type1 td {
	color: #2a2c2f;
	height: auto;
	border-top: 0px;
	padding: 12px 0;
}

.join .table.table_type1 td .mail {
	color: #2a2c2f;
	width: 360px;
	height: 40px;
	padding: 12px 0 0 16px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #fafafa;
	border: 1px solid #e0e0e0;
}

.join .table.table_type1 td .it {
	width: 360px;
}

.join .table.table_type1 td .it input {
	height: 40px !important;
	border: 1px solid #d9dce0;
	background-color: #fff;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.join .table.table_type1 td .it .ph {
	color: #8b8f94;
}

.join .table.table_type1 tr:first-child th, .join .table.table_type1 tr:first-child td {
	padding-top: 32px;
}

.join .table.table_type1 tr:last-child th, .join .table.table_type1 tr:last-child td {
	padding-bottom: 32px;
}

.join .table.table_type1 th.ta_t {
	vertical-align: top;
}

.join .table.table_type1 th.ta_t .txt {
	display: block;
	line-height: 40px;
}

.join .table.table_type1 .slt_wrap {
	position: relative;
	font-size: 0;
	line-height: 0;
}

.join .table.table_type1 .slt_wrap .chosen-with-drop .chosen-single {
	-webkit-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;
}

.join .table.table_type1 .slt_wrap .chosen-single {
	padding: 10px 30px 10px 15px;
	border-color: #d9dce0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.join .table.table_type1 .slt_wrap .chosen-single div b {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -15px;
	background-position: -436px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.join .table.table_type1 .slt_wrap .chosen-single span {
	font-size: 14px;
	line-height: 18px;
	margin-right: 0;
	color: #25292f;
	word-wrap: normal;
	word-break: normal;
}

.join .table.table_type1 .slt_wrap .sts_error {
	line-height: 14px;
}

.join .dsc_guide {
	margin: 25px 0 -1px;
	text-align: center;
	line-height: 22px;
	color: #333;
}

.join .terms_area {
	margin-top: 25px;
	border-bottom: 1px solid #d9dce0;
	margin-bottom: 40px;
}

.join .terms_area .ick .ph {
	color: #2a2c2f;
	float: left;
}

.join .terms_area .ick .ph.fix {
	min-width: 145px;
}

.join .terms_area .ick .ph strong {
	font-weight: 400;
}

.join .terms_area .ick .ph span {
	color: #8b8f94;
}

.join .terms_area .terms_lst {
	margin-top: 28px;
	padding-bottom: 4px;
}

.join .terms_area .terms_lst > li {
	margin-bottom: 21px;
	width: 100%;
	padding: 0 21px 0 24px;
}

.join .terms_area .terms_lst > li::after {
	content: '';
	display: block;
	clear: both;
}

.join .terms_area .terms_lst > li .ick {
	float: left;
}

.join .terms_area .terms_lst > li a {
	color: #595c61;
	font-size: 13px;
	line-height: 14px;
	float: left;
	padding-right: 12px;
	margin-left: 16px;
	position: relative;
}

.join .terms_area .terms_lst > li a:after {
	background-position: -560px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	bottom: auto;
	margin: auto;
	margin: 0;
}

.join .terms_area .terms_box {
	overflow-x: hidden;
	overflow-y: auto;
	height: 88px;
	margin-top: 7px;
	padding: 3px 10px 0;
	border: 1px solid #cbcbcb;
	font-size: 12px;
}

.join .terms_area .terms_box * {
	margin: 0;
}

.join .terms_area .terms_box h2,
.join .terms_area .terms_box h3,
.join .terms_area .terms_box h4 {
	margin: 0 !important;
	font-size: 12px;
	color: #666;
}

.join .terms_area .terms_box h1.sr_only + * {
	margin: 0 !important;
}

.join .terms_area .terms_box h2 + h3 {
	margin: 0 !important;
}

.join .terms_area .terms_box ol {
	padding-left: 0 !important;
}

.join .terms_area .terms_box * + h2,
.join .terms_area .terms_box * + h3 {
	margin: 15px 0 0 0 !important;
}

.join .terms_area .terms_box a {
	text-decoration: none;
	cursor: text;
}

.join .terms_area .terms_box p {
	margin: 0;
}

.join .terms_area .terms_box .table.table_type2 + h3 {
	margin-top: 0;
}

.join .terms_area .terms_box .table.table_type2 thead th,
.join .terms_area .terms_box .table.table_type2 tbody th,
.join .terms_area .terms_box .table.table_type2 tbody td,
.join .terms_area .terms_box .table.table_type2 tfoot th,
.join .terms_area .terms_box .table.table_type2 tfoot td {
	padding: 0;
	height: 30px;
}

.join .btn.btn_type1 {
	width: 320px;
	height: 56px;
	font-size: 16px;
	border: 1px solid transparent;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.agree_tit {
	color: #25292f;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
}

.agree_dsc {
	color: #25292f;
	font-size: 15px;
	line-height: 19px;
	margin-top: 24px;
}

.boost_agree_list {
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 432px;
	margin-top: 24px;
}

.boost_agree_list .agree_all_box {
	padding: 18px 16px;
	background: #fff;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
}

.boost_agree_list .list {
	margin-top: 24px;
}

.boost_agree_list .list li + li {
	margin-top: 24px;
}

.boost_agree_list .list .privacy_term {
	padding: 16px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #fff;
	margin-bottom: 8px;
}

.boost_agree_list .list .privacy_term .term_inner {
	color: #25292f;
	font-size: 15px;
	line-height: 19px;
	word-break: keep-all;
}

.agree_btm {
	margin-top: 40px;
}

.agree_btm .link_cancel {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	min-width: 88px;
	text-align: center;
	padding: 19px 25px;
	background: #828c96;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.agree_btm .link_confirm {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	min-width: 336px;
	text-align: center;
	padding: 19px 25px;
	background: #00caf9;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	margin-left: 8px;
}

body.full.agreement {
	background-color: #fff;
}

.privacy_page {
	font-weight: 400;
	text-align: left;
	padding: 80px 40px;
	width: 840px;
	margin: 0 auto;
}

.privacy_page .top_content .logo {
	background-position: -516px -406px;
	background-repeat: no-repeat;
	width: 160px;
	height: 24px;
}

.privacy_page .top_content .logo_v2 {
	background-position: -620px -311px;
	background-repeat: no-repeat;
	width: 121px;
	height: 40px;
}

.privacy_page .top_content .logo_boostcourse {
	width: 128px;
	height: 24px;
	background: url(https://ssl.pstatic.net/static/m/mooc/p/partner/boostcrs/new_boostcourse_24.svg);
}

.privacy_page .top_content .title {
	font-size: 32px;
	font-weight: 700;
	line-height: 42px;
	color: #25292f;
	margin-top: 32px;
}

.privacy_page .top_content .title em {
	position: relative;
	z-index: 1;
}

.privacy_page .top_content .title em::after {
	content: '';
	position: absolute;
	bottom: 1px;
	left: 0;
	right: 0;
	height: 8px;
	background-color: #00caf9;
	z-index: -1;
}

.privacy_page .top_content .tab_list {
	font-size: 0;
	margin-top: 30px;
}

.privacy_page .top_content .tab_list .tab_item {
	position: relative;
	display: inline-block;
}

.privacy_page .top_content .tab_list .tab_item + li {
	margin-left: 32px;
}

.privacy_page .top_content .tab_list .tab_item.on .tab_btn {
	font-weight: 700;
	color: #25292f;
	border-bottom: 2px solid #25292f;
}

.privacy_page .top_content .tab_list .tab_item.on .tab_btn .num {
	background-color: #25292f;
}

.privacy_page .top_content .tab_list .tab_item .tab_btn {
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 40px;
	color: #828c96;
}

.privacy_page .top_content .tab_list .tab_item .tab_btn .num {
	display: inline-block;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #d0d6d9;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	vertical-align: top;
	margin-right: 8px;
	margin: 10px 8px 0 0;
}

.privacy_page .main_content {
	margin-top: 40px;
}

.privacy_page .main_content .form_page {
	padding: 40px;
	border: 1px solid #25292f;
	font-size: 0;
}

.privacy_page .main_content .form_page .agree_row + .agree_area {
	margin-top: 40px;
}

.privacy_page .main_content .form_page .agree_row + .agree_row {
	margin-top: 40px;
}

.privacy_page .main_content .form_page .agree_row .agree_area.half {
	margin-top: 0;
}

.privacy_page .main_content .form_page .agree_area + .agree_area {
	margin-top: 40px;
}

.privacy_page .main_content .form_page .agree_area + .agree_row {
	margin-top: 40px;
}

.privacy_page .main_content .form_page .agree_area.half {
	display: inline-block;
	vertical-align: top;
	width: -webkit-calc(50% - 20px);
	width: calc(50% - 20px);
}

.privacy_page .main_content .form_page .agree_area.half + .agree_area.half {
	margin-left: 40px;
}

.privacy_page .main_content .form_page .agree_area.quarter_3 {
	display: inline-block;
	vertical-align: top;
	width: -webkit-calc(70% - 40px);
	width: calc(70% - 40px);
}

.privacy_page .main_content .form_page .agree_area.quarter_3 + [class*="quarter_1"] {
	display: inline-block;
	vertical-align: top;
	width: -webkit-calc(30%);
	width: calc(30%);
	margin-top: 0;
	margin-left: 40px;
}

.privacy_page .main_content .form_page .agree_area.flexible {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.privacy_page .main_content .form_page .sub_title {
	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;
	font-weight: 700;
	font-size: 19px;
	line-height: 25px;
	color: #25292f;
	margin-bottom: 8px;
}

.privacy_page .main_content .form_page .sub_title .title_option {
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	color: #828c96;
	margin-left: 8px;
}

.privacy_page .main_content .form_page .info_box {
	padding: 16px 16px 0;
	background: #fafafa;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	overflow-y: auto;
	margin-bottom: 8px;
}

.privacy_page .main_content .form_page .info_box.main {
	height: 160px;
}

.privacy_page .main_content .form_page .info_box.no_scroll {
	height: auto;
}

.privacy_page .main_content .form_page .info_table_box + .info_box.main {
	margin-top: 8px;
}

.privacy_page .main_content .form_page .info_table_box .privay_term_table {
	width: 100%;
}

.privacy_page .main_content .form_page .info_table_box .privay_term_table th {
	padding: 11px 7px;
	color: #666;
	font-size: 13px;
	line-height: 17px;
	border: 1px solid #f0f0f0;
	background: #fafafa;
	text-align: center;
}

.privacy_page .main_content .form_page .info_table_box .privay_term_table td {
	padding: 11px 7px;
	border: 1px solid #f0f0f0;
	color: #666;
	font-size: 13px;
	line-height: 17px;
}

.privacy_page .main_content .form_page .list_dot .dot {
	position: relative;
	padding-left: 18px;
	color: #666;
	font-size: 13px;
	line-height: 17px;
	text-indent: 0;
}

.privacy_page .main_content .form_page .list_dot .dot:before {
	position: absolute;
	top: 5px;
	left: 7px;
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	margin: 0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background: #666;
}

.privacy_page .main_content .form_page .privacy_chosen {
	width: 100%;
}

.privacy_page .main_content .form_page .privacy_chosen .chosen-container.chosen-container-single .chosen-single {
	padding: 11px 32px 11px 15px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	border: 1px solid #f0f0f0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.privacy_page .main_content .form_page .privacy_chosen .chosen-container.chosen-container-single .chosen-single span {
	color: #25292f;
	font-size: 14px;
}

.privacy_page .main_content .form_page .privacy_chosen .chosen-container .chosen-results li {
	font-size: 13px;
}

.privacy_page .main_content .form_page .privacy_chosen .chosen-container.chosen-container-single .chosen-single div {
	width: 48px;
}

.privacy_page .main_content .form_page .privacy_chosen .chosen-container.chosen-container-single .chosen-single div b {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
	background-position: -436px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.privacy_page .main_content .form_page .table.table_type2.camper + .table.table_type2.camper {
	margin-top: 8px;
}

.privacy_page .main_content .form_page .table.table_type2.camper .input_text {
	height: 32px !important;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border-color: #f0f0f0;
	color: #25292f;
	font-size: 13px;
	padding-left: 7px;
}

.privacy_page .main_content .form_page .table.table_type2.camper .input_text:focus {
	border-color: #384047;
}

.privacy_page .main_content .form_page .table.table_type2.camper .input_text:disabled {
	background: #fafafa;
}

.privacy_page .main_content .form_page .table.table_type2.camper .input_text::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #828c96;
}

.privacy_page .main_content .form_page .table.table_type2.camper .input_text::-moz-placeholder {
	/* Firefox 19+ */
	color: #828c96;
}

.privacy_page .main_content .form_page .table.table_type2.camper .input_text:-ms-input-placeholder {
	/* IE 10+ */
	color: #828c96;
}

.privacy_page .main_content .form_page .table.table_type2.camper .input_text:-moz-placeholder {
	/* Firefox 18- */
	color: #828c96;
}

.privacy_page .main_content .form_page .table.table_type2.camper .input_text.error {
	border-color: #ff5230;
	text-align: left;
}

.privacy_page .main_content .form_page .table.table_type2.camper tbody th {
	padding-left: 24px;
}

.privacy_page .main_content .form_page .table.table_type2.camper tbody td {
	position: relative;
	padding: 23px 16px;
}

.privacy_page .main_content .form_page .btn_add_info {
	display: inline-block;
	vertical-align: top;
	min-width: 47px;
	padding: 8px 11px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #f7f7f7;
	color: #25292f;
	font-size: 13px;
	line-height: 14px;
}

.privacy_page .main_content .form_page .btn_delete {
	color: #25292f;
	font-size: 14px;
	line-height: 24px;
	padding-left: 20px;
	position: relative;
}

.privacy_page .main_content .form_page .btn_delete:before {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	background-position: -726px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.privacy_page .info_text_list {
	padding-bottom: 16px;
}

.privacy_page .info_text_list .info_text {
	font-size: 13px;
	line-height: 17px;
	color: #666;
}

.privacy_page .info_text_list .info_text b {
	color: #333;
	font-weight: 700;
}

.privacy_page .info_text_list .info_text.paragraph {
	padding-bottom: 17px;
}

.privacy_page .info_text_list .info_text.paragraph:last-child {
	padding-bottom: 0;
}

.privacy_page .info_text_list .info_text.paragraph strong {
	color: #333;
}

.privacy_page .info_text_list .info_text .highlight {
	color: #333;
}

.privacy_page .info_text_list .info_text .highlight.type2 {
	font-weight: 700;
}

.privacy_page .info_text_list .info_text .highlight.type3 {
	font-weight: 700;
	font-size: 15px;
}

.privacy_page .info_text_list .info_text > ul li {
	text-indent: -19px;
	padding-left: 19px;
}

.privacy_page .info_text_list .info_text > ul li::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #666;
	margin: 5px 8px 0;
	vertical-align: top;
}

.privacy_page .agree_box_area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.privacy_page .agree_box_area + .info_box {
	margin-top: 8px;
}

.privacy_page .agree_box + .agree_box {
	margin-left: 24px;
}

.privacy_page .agree_box [type="radio"] {
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
}

.privacy_page .agree_box [type="radio"]:checked + label::before {
	background-position: -300px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.privacy_page .agree_box label {
	font-size: 15px;
	color: #25292f;
	cursor: pointer;
}

.privacy_page .agree_box label::before {
	content: '';
	display: inline-block;
	background-position: -216px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	vertical-align: top;
	margin: -1.5px 8px 0 0;
}

.privacy_page .agree_noti {
	font-size: 12px;
	line-height: 16px;
	color: #828c96;
	margin-bottom: 8px;
}

.privacy_page .agree_noti .noti_link {
	color: #101214;
	border-bottom: 1px solid #101214;
}

.privacy_page .agree_noti .underline_link {
	color: #828c96;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.privacy_page .agree_text_box input[type="text"] {
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background-color: #fff;
	font-size: 14px;
	color: #25292f;
	padding: 12.5px 16px;
	width: 100%;
}

.privacy_page .agree_text_box input[type="text"]:focus {
	border-color: #384047;
}

.privacy_page .agree_text_box input[type="text"]:disabled {
	background: #fafafa;
}

.privacy_page .agree_text_box input[type="text"]::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #828c96;
}

.privacy_page .agree_text_box input[type="text"]::-moz-placeholder {
	/* Firefox 19+ */
	color: #828c96;
}

.privacy_page .agree_text_box input[type="text"]:-ms-input-placeholder {
	/* IE 10+ */
	color: #828c96;
}

.privacy_page .agree_text_box input[type="text"]:-moz-placeholder {
	/* Firefox 18- */
	color: #828c96;
}

.privacy_page .agree_text_box .chosen-container.chosen-container-single .chosen-single {
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background-color: #fff;
	font-size: 14px;
	color: #25292f;
	padding: 12.5px 27px 12.5px 16px;
}

.privacy_page .agree_text_box .chosen-container.chosen-container-single .chosen-single div {
	top: 12px;
	right: 12px;
	width: 16px;
	height: 16px;
}

.privacy_page .agree_text_box .chosen-container.chosen-container-single .chosen-single div b {
	background-position: -244px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.privacy_page .agree_text_box .chosen-container.chosen-container-single.chosen-with-drop .chosen-single {
	border-color: #384047;
}

.privacy_page .agree_text_box .chosen-container.chosen-container-single.chosen-with-drop .chosen-single div b {
	-webkit-transform: scale(-1);
	    -ms-transform: scale(-1);
	        transform: scale(-1);
}

.privacy_page .agree_text_box .chosen-container .chosen-drop {
	border-color: #384047;
}

.privacy_page .agree_text_box.phone {
	overflow: hidden;
}

.privacy_page .agree_text_box.phone input[type="text"] {
	display: inline-block;
	width: 92px;
}

.privacy_page .agree_text_box.phone .dash {
	display: inline-block;
	color: #828c96;
	font-size: 12px;
	line-height: 40px;
	margin: 0 8px;
}

.privacy_page .agree_text_box textarea {
	width: 100%;
	height: 92px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	border: 1px solid #f0f0f0;
	font-size: 14px;
	color: #25292f;
}

.privacy_page .agree_text_box textarea:focus {
	border-color: #384047;
}

.privacy_page .sub_agree_area {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.privacy_page .agree_img_box {
	width: 134px;
	height: 134px;
	margin-left: 40px;
}

.privacy_page .agree_btn_box {
	margin-top: 40px;
	text-align: center;
	font-size: 0;
}

.privacy_page .agree_btn_box a {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 56px;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.privacy_page .agree_btn_box .cancel_btn {
	padding: 0 29px;
	background-color: #828c96;
}

.privacy_page .agree_btn_box .next_btn {
	padding: 0 153px;
	margin-left: 8px;
	background-color: #00caf9;
}

.privacy_page .warning_text {
	display: none;
	font-size: 12px;
	line-height: 16px;
	color: #ff5230;
	margin-top: 8px;
}

.privacy_page .warning_text + .info_box {
	margin-top: 8px;
}

.privacy_page .end_content .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	text-align: center;
}

.privacy_page .end_content .end_title {
	font-size: 32px;
	font-weight: 700;
	line-height: 42px;
	margin-bottom: 40px;
}

.privacy_page .end_content .end_title::before {
	content: '';
	display: block;
	background-position: -4px -584px;
	background-repeat: no-repeat;
	width: 120px;
	height: 92px;
	margin: 0 auto 40px;
}

.privacy_page .end_content .class_btn {
	display: inline-block;
	width: 432px;
	height: 56px;
	padding: 19px 100px;
	background-color: #00caf9;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	text-align: center;
}

.policy {
	width: 985px;
	margin: 29px auto 0;
	position: relative;
}

.policy .changed {
	font-weight: bold;
	text-decoration: underline;
}

.policy .policy_link {
	font-size: 14px;
	letter-spacing: -0.5px;
	color: #999;
	line-height: 16px;
	position: absolute;
	right: 0;
	top: 19px;
}

.policy .policy_link.new {
	color: #00c73c;
}

.policy .policy_link.new:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -909px -873px;
	background-repeat: no-repeat;
	width: 4px;
	height: 8px;
	margin: 4px 0 0 4px;
	vertical-align: top;
}

.policy .policy_link:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -909px -861px;
	background-repeat: no-repeat;
	width: 4px;
	height: 8px;
	margin: 4px 0 0 4px;
	vertical-align: top;
}

.policy .lst_policy {
	padding: 25px 0 32px 0;
	border-bottom: 1px solid #e6e6e6;
}

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

.policy .lst_policy p {
	margin: 0;
}

.policy .lst_policy ol {
	float: left;
	width: 50%;
	margin-top: 25px;
}

.policy .lst_policy a {
	color: #00c73c;
}

.policy .lst_policy .no {
	display: inline-block;
	width: 34px;
	color: #666;
}

.policy .lst_policy.v2 .no {
	width: 80px;
}

.policy h2 {
	display: block;
	margin: 45px 0 10px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
}

.policy h2 a {
	color: #333;
	text-decoration: none;
}

.policy h3 {
	margin-bottom: 10px;
	padding-left: 20px;
	font-weight: 700;
	color: #333;
}

.policy h3.jo {
	margin-top: 20px;
}

.policy h3.jo a {
	color: #333;
	text-decoration: none;
}

.policy h2 + h3.jo {
	margin: 0;
}

.policy .tx {
	margin: 0 0 10px;
	padding-left: 20px;
}

.policy .tx + h3.jo {
	margin-top: 26px;
}

.policy .lst_tx {
	padding-left: 20px;
}

.policy .lst_tx .no {
	display: block;
	float: left;
	width: 13px;
}

.policy .lst_tx .txt {
	overflow: hidden;
	display: block;
}

.policy .lst_no {
	padding: 0 0 7px 40px;
}

.policy .lst_no .no {
	display: block;
	float: left;
	width: 30px;
}

.policy .lst_no .txt {
	overflow: hidden;
	display: block;
}

.policy .lst_no .lst_no2 {
	margin: 20px 0;
}

.policy .lst_no .lst_no2 .no {
	width: 37px;
}

.error {
	position: relative;
	text-align: center;
}

.error .error_txt {
	margin: 52px 0 30px;
	font-size: 40px;
	font-weight: 400;
	color: #666;
	line-height: 46px;
	letter-spacing: -2px;
}

.error .error_desc {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -1px;
	color: #999;
}

.error .error_desc + .error_desc {
	margin-top: 16px;
}

.error .error_desc a {
	color: #00c73c;
	text-decoration: underline;
}

.error .error_icon {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: 0px -267px;
	background-repeat: no-repeat;
	width: 164px;
	height: 172px;
}

.error .btn {
	margin-top: 56px;
}

.error .btn + .btn {
	margin-left: 17px;
}

.ems_reject {
	position: relative;
	width: 530px;
	height: 270px;
	margin: 0 auto;
	text-align: center;
}

.ems_reject .heading {
	font-size: 34px;
	color: #333;
}

.ems_reject .desc {
	margin-top: 10px;
	font-size: 12px;
	text-align: center;
	color: #999;
}

.ems_reject .ico_ems_img {
	display: block;
	margin: 0 auto 15px;
}

.noti_area {
	position: relative;
	width: 740px;
	margin: 0 auto;
	text-align: center;
}

.noti_area .noti_txt {
	padding: 21px 0 0;
	font-size: 34px;
	line-height: 34px;
	color: #010101;
	font-weight: normal;
}

.noti_area .noti_dsc {
	padding: 14px 0 36px;
	line-height: 22px;
}

.video_area.full_video {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
}

.video_area.full_video .video_img {
	position: absolute;
	top: 0;
	right: 290px;
	left: 0;
	bottom: 0;
	background: #000;
}

.video_area.full_video .material_script {
	position: absolute;
	right: 0;
	width: 290px;
	height: 100%;
	border: 1px solid #000;
	background: #464650;
}

.video_area.full_video .material_script .tit_area {
	position: relative;
	height: 52px;
	padding: 20px 15px;
	border-bottom: 1px solid #4c4c58;
}

.video_area.full_video .material_script .tit {
	color: #fff;
}

.video_area.full_video .material_script .ico_remove4 {
	position: absolute;
	top: 9px;
	right: 8px;
}

.video_area.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;
}

.video_area.full_video .material_script .subtitle p {
	margin: 21px 0 0;
}

.video_area.full_video .material_script .subtitle p:first-child {
	margin: 0;
}

.video_area.full_video .material_script .subtitle strong {
	font-weight: normal;
	color: #ffcd00;
	text-decoration: underline;
}

.video_area.full_video.subtitle_none .video_img {
	right: 0;
}

.video_area.full_video.subtitle_none .material_script {
	display: none;
}

.slider_range_area {
	display: inline-block;
	position: relative;
}

.slider_range_area .slider_range {
	overflow: visible;
	height: 8px;
	border: 0;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_slider_range_h8.png) repeat-x;
}

.slider_range_area .slider_range .ui-slider-handle {
	overflow: visible;
	top: 0;
	width: 4px;
	height: 8px;
	margin-left: -2px;
	border: 0;
	background: #999;
}

.slider_range_area .slider_range .ui-slider-range {
	background: #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.slider_range_area .slider_range .left_0 {
	margin-left: 0 !important;
}

.slider_range_area .slider_range .left_4 {
	margin-left: -4px !important;
}

.slider_range_area.on .slider_range {
	background-position: 0px -9px;
}

.slider_range_area.on .slider_range .ui-slider-handle {
	background: #00c73c;
}

.slider_range_area.on .slider_range .ui-slider-handle:after {
	background-position: -10px -50px;
}

.slider_range_area.on .slider_range .ui-slider-range {
	background: #00c73c;
}

.slider_range_area.large .slider_range {
	height: 16px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_slider_range_h16.png) repeat-x;
}

.slider_range_area.large .slider_range .ui-slider-handle {
	height: 16px;
}

.slider_range_area.large.on .slider_range {
	background-position: 0 -17px;
}

.slider_range_area.large.on .slider_range .ui-slider-handle:after {
	background-position: -10px -50px;
}

.slider_range_area .num_area .num {
	position: absolute;
	font-family: tahoma, sans-serif;
	font-size: 9px;
	color: #d2d2d2;
	line-height: 16px;
}

.slider_range_area .num_area .num.n0 {
	left: -2px;
}

.slider_range_area .num_area .num.n50 {
	left: 50%;
	margin-left: -6px;
}

.slider_range_area .num_area .num.n100 {
	right: -2px;
}

.slider_range_area .ui-state-disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.katex {
	white-space: normal;
}

.page.inspect {
	padding-bottom: 30px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	text-align: center;
}

.page.inspect .inspect_icon {
	display: inline-block;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -400px 0px;
	background-repeat: no-repeat;
	width: 368px;
	height: 176px;
}

.page.inspect .error_txt {
	padding: 80px 0 16px;
	font-size: 40px;
	font-weight: 700;
	color: #333;
	line-height: 48px;
}

.page.inspect .error_desc {
	padding-top: 24px;
	font-size: 16px;
	line-height: 24px;
	color: #333;
}

.page.inspect .error_desc em {
	font-weight: 700;
	color: #00c73c;
}

.page.inspect .error_guide {
	padding-top: 24px;
	font-size: 12px;
	color: #999;
}

.forum .forum_list_new {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #f0f0f0;
}

.forum .forum_list_new li {
	position: relative;
	width: 808px;
	margin-left: -24px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.forum .forum_list_new li::after {
	content: '';
	display: block;
	background-position: -715px -250px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 24px;
	margin: auto;
}

.forum .forum_list_new li + li {
	margin-top: 8px;
}

.forum .forum_list_new li:hover {
	background-color: #fafafa;
}

.forum .forum_list_new li .wrap_link {
	display: block;
	padding: 24px 60px 24px 24px;
}

.forum .forum_list_new li .wrap_link .title {
	font-weight: 300;
}

.forum .forum_list_new .thumb {
	width: 24px;
	height: 24px;
	left: 2px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/icon-thumb-24.svg) no-repeat;
	-webkit-background-size: 24px 24px;
	        background-size: 24px 24px;
}

.forum .forum_list_new .quick_vote {
	overflow: hidden;
	position: relative;
	display: inline-block;
	padding-left: 17px;
	vertical-align: middle;
	color: #72757a;
	font-size: 13px;
	line-height: 14px;
	font-weight: normal;
	position: relative;
}

.forum .forum_list_new .quick_vote::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background-color: #e0e0e0;
	position: absolute;
	top: 2.5px;
	left: 8px;
}

.forum .forum_list_new .quick_vote dt {
	float: left;
}

.forum .forum_list_new .quick_vote dd {
	display: block;
	float: left;
	margin-right: 8px;
	margin-left: 4px;
	padding: 0;
}

.forum .forum_list_new .quick_vote span {
	font-size: 13px;
	line-height: 14px;
	color: #2a2c2f;
	text-align: center;
}

.forum .forum_list_new .forum_summary .em_tag {
	display: none;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	width: 57px;
	height: 20px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	text-align: center;
	margin-bottom: 16px;
	padding: 0 4px;
}

.forum .forum_list_new .forum_summary .title {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	display: block;
	color: #2a2c2f;
	font-size: 16px;
	line-height: 18px;
	font-weight: 300;
}

.forum .forum_list_new .forum_summary .rel {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	position: relative;
	display: block;
	margin: 8px 0 0;
	font-size: 12px;
	line-height: 13px;
	color: #999;
}

.forum .forum_list_new .forum_summary .user_info {
	margin-top: 16px;
	font-size: 0;
}

.forum .forum_list_new li.notice .em_tag {
	display: block;
}

.forum .forum_list_new li.none {
	margin-top: -1px;
	padding: 35px 0 33px;
	border-bottom: 0;
}

.forum .forum_list_new li.none::after {
	display: none;
}

.forum .forum_list_new.search {
	border: 0;
}

.forum .forum_list_new.search li:hover {
	background-color: #f7f7f7;
}

.forum .forum_list_new.search li + li {
	margin-top: 8px;
}

.forum .forum_list_new.search li::after {
	display: none;
}

.forum .forum_list_new.search li .title {
	font-size: 16px;
	line-height: 18px;
	color: #2a2c2f;
	font-weight: 300;
}

.forum .group_l.mat4 {
	margin-top: 0 !important;
}

.forum .group_r .btn_type14.crosshair {
	margin-top: 1px;
}

.forum .forum_func {
	height: 24px;
	margin-bottom: 40px;
}

.forum .forum_func .username {
	top: 2px;
}

.forum .forum_func .time {
	position: relative;
	font-size: 12px;
}

.forum .forum_view {
	position: relative;
	margin: 0px 0 54px;
}

.forum .forum_view .thumb {
	width: 24px;
	height: 24px;
}

.forum .forum_view .username {
	top: auto;
}

.forum .forum_view .nav_text {
	margin-top: -3px;
}

.forum .relative_lecture {
	overflow: hidden;
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #f0f0f0;
}

.forum .relative_lecture dt {
	float: left;
	margin-right: 17px;
	position: relative;
}

.forum .relative_lecture dt::after {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background-color: #e0e0e0;
	position: absolute;
	top: 3px;
	right: -9px;
}

.forum .relative_lecture dt, .forum .relative_lecture dd {
	color: #999;
	font-size: 13px;
	line-height: 14px;
}

.forum .relative_lecture dd {
	overflow: hidden;
}

.forum .relative_lecture a {
	display: block;
	color: #333;
	text-decoration: none;
	overflow: hidden;
	max-width: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.forum .srch_result {
	margin: 40px 0 23px;
	color: #595c61;
}

.forum .srch_result em {
	font-weight: 700;
}

.forum .srch_result span {
	font-weight: 700;
	color: #2a2c2f;
}

.forum .forum_list {
	border-top: 1px solid #e5e5e5;
}

.forum .forum_list li {
	padding: 21px 9px 14px;
	border-bottom: 1px solid #e5e5e5;
}

.forum .forum_list .thumb {
	left: 2px;
}

.forum .forum_list .quick_vote {
	overflow: hidden;
	position: relative;
	left: 6px;
	display: inline-block;
	margin: 0 2px 0;
	vertical-align: middle;
	font-size: 11px;
}

.forum .forum_list .quick_vote .ico {
	margin-right: 5px;
	vertical-align: middle;
}

.forum .forum_list .quick_vote .ico_fl_like {
	position: relative;
	top: -2px;
}

.forum .forum_list .quick_vote dd {
	float: left;
	margin-right: 9px;
	margin-left: 0;
	padding: 0;
}

.forum .forum_list .quick_vote span {
	font-size: 11px;
	color: #444;
	text-align: center;
}

.forum .forum_list .forum_summary .title {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	display: block;
	color: #444;
	font-weight: 700;
	line-height: 23px;
}

.forum .forum_list .forum_summary .rel {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	position: relative;
	top: -2px;
	display: block;
	margin: 7px 0 0;
	font-size: 11px;
	line-height: 18px;
	color: #999;
}

.forum .forum_list .forum_summary .user_info {
	margin-top: 2px;
}

.forum .forum_list li.notice {
	background-color: #f9f9f9;
}

.forum .forum_list li.none {
	margin-top: -1px;
	padding: 35px 0 33px;
	border-bottom: 0;
	border-top: 1px solid #fff;
}

.forum .forum_list.search li {
	height: 91px;
	padding-top: 34px;
}

.forum .comment_forum li {
	min-height: 101px;
	padding: 15px 10px 20px;
}

.forum .comment_forum li .user_info .thumb {
	width: 32px;
	height: 32px;
}

.forum .comment_forum li .title {
	display: block !important;
	padding: 7px 0 7px;
}

.forum .comment_forum li.none {
	min-height: auto;
}

.forum .comment_forum li.notice {
	background-color: #f9f9f9;
}

.re_pack .lecture_term {
	margin-bottom: 40px;
}

.re_pack .lecture_term dl {
	font-size: 0;
	overflow: hidden;
}

.re_pack .lecture_term dl dt {
	color: #25292f;
	font-size: 14px;
	line-height: 24px;
	float: left;
}

.re_pack .lecture_term dl dd {
	font-size: 14px;
	line-height: 24px;
	padding-left: 17px;
	position: relative;
	float: left;
}

.re_pack .lecture_term dl dd::before {
	content: '';
	display: block;
	width: 1px;
	height: 11px;
	background-color: #e6e6e6;
	position: absolute;
	left: 8px;
	top: 6px;
}

.re_pack .lecture_term dl dd + dt {
	margin-left: 40px;
}

.re_pack .lecture_term dl + dl {
	margin-top: 15px;
}

.re_pack #content .lecture_term dl .ico_badge {
	height: 24px;
	margin-right: 8px;
}

.re_pack #content .lecture_term dl .ico_badge.off .badge_txt {
	background-color: #828c96;
}

.re_pack #content .lecture_term dl .ico_badge .badge_txt {
	padding: 0 12px;
	font-size: 11px;
	line-height: 24px;
	-webkit-border-radius: 12px;
	        border-radius: 12px;
}

.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;
}

.mg_info {
	padding-bottom: 50px;
}

.mg_info .slt + .img_group, .mg_info .slt + .img_group2 {
	margin-top: 6px;
}

.mg_info .group_lr .group_l {
	font-size: 14px;
	line-height: 30px;
}

.mg_info .e_wrap .it, .mg_info .e_wrap {
	margin-bottom: 6px;
}

.mg_info .nav_tab + .group_lr, .mg_info .nav_tab + .table {
	margin-top: 31px;
}

.mg_info .chosen-container.chosen-container-single .chosen-single div b {
	position: relative;
	background: none;
}

.mg_info .chosen-container.chosen-container-single .chosen-single div b:before {
	background-position: -862px -772px;
	background-repeat: no-repeat;
	width: 12px;
	height: 7px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.mg_info .chosen-container.chosen-container-single.chosen-with-drop .chosen-single div b:before {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.mg_info .chosen-container .chosen-results li.highlighted {
	background: #E5E5E5;
}

.mg_info .chosen-container .chosen-results li.disabled-result {
	color: #828C96;
}

.mg_info .checkbox_drop {
	position: relative;
	width: 440px;
}

.mg_info .checkbox_drop.open .dropbox {
	display: block;
}

.mg_info .checkbox_drop.open .btn_drop:after {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.mg_info .checkbox_drop .btn_drop {
	color: #666;
	width: 100%;
	text-align: left;
	font-size: 14px;
	line-height: 16px;
	position: relative;
	padding: 8px 30px 8px 15px;
	height: 34px;
	background-color: #fff;
	border: 1px solid #D1D1D1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mg_info .checkbox_drop .btn_drop:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	margin: -3px 0 0 -6px;
	background-position: -862px -772px;
	background-repeat: no-repeat;
	width: 12px;
	height: 7px;
}

.mg_info .checkbox_drop .dropbox {
	display: none;
	position: absolute;
	top: 33px;
	left: 0;
	width: 100%;
	z-index: 1010;
	text-align: left;
	background: #FFFFFF;
	border: 1px solid #CBCBCB;
	padding: 8px 0px;
	max-height: 372px;
	overflow-y: auto;
}

.mg_info .checkbox_drop .dropbox .box_list {
	padding: 8px 16px;
	height: 30px;
}

.mg_info .checkbox_drop .dropbox .box_list + .box_list {
	margin-top: 4px;
}

.mg_info .checkbox_drop .dropbox .box_list:hover {
	background: #E5E5E5;
}

.mg_info .checkbox_drop .dropbox .box_list .ick {
	font-size: 13px;
	line-height: 14px;
}

.mg_info .checkbox_drop .dropbox .box_list .ick .checkbox {
	top: 1px;
}

.mg_info .checkbox_drop.disabled .btn_drop {
	color: #999;
}

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

.mg_info .le_file .thumb {
	float: right;
	position: relative;
	width: 140px;
	height: 105px;
	margin: 10px 0 0 30px;
	border: 1px solid #cdcdcd;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_noimg.gif) no-repeat 50% 50%;
}

.mg_info .le_file .thumb img {
	width: 138px;
	height: 103px;
	vertical-align: top;
}

.mg_info .le_file .thumb + .info .f_name + dd span {
	max-width: 364px;
}

.mg_info .le_file .info {
	overflow: hidden;
	position: relative;
	max-width: 100%;
	margin: 0;
}

.mg_info .le_file .info .f_name + dd {
	position: relative;
	padding: 10px 0 12px 0;
	font-weight: 700;
	color: #333;
}

.mg_info .le_file .info .f_name + dd span {
	display: inline-block;
	overflow: hidden;
	max-width: 530px;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.mg_info .le_file .info .f_name + dd a {
	font-weight: normal;
}

.mg_info .le_file .info .f_anchor + dd {
	padding-top: 2px;
}

.mg_info .le_file .info .f_anchor + dd a {
	color: #333;
	text-decoration: underline;
}

.mg_info .le_file .info dd {
	overflow: hidden;
	margin: 0;
	word-break: break-all;
}

.mg_info .le_file .info dd strong {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	display: block;
	font-weight: normal;
}

.mg_info .le_file .info dd p {
	margin: 0;
	max-height: 75px;
	overflow: hidden;
}

.mg_info tr.subtitle td {
	height: 63px;
	padding: 9px 0 7px;
}

.mg_info tr.subtitle td.empty {
	border-top: 0;
	text-align: left;
}

.mg_info tr.subtitle td.empty:before {
	overflow: hidden;
	position: absolute;
	width: 182px;
	height: 8px;
	margin: -26px 0 0;
	background: #FFF;
	content: '';
}

.mg_info tr.subtitle td.empty + td {
	text-align: left;
}

.mg_info tr.subtitle td dl, .mg_info tr.subtitle td dt, .mg_info tr.subtitle td dd {
	margin: 0;
	padding: 0;
	line-height: 22px;
}

.mg_info tr.subtitle td .filename {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	display: block;
}

.mg_info tr.subtitle td .lang {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	display: block;
	font-size: 12px;
	color: #999;
	text-decoration: none;
}

.mg_info tr.subtitle td .lang .bar {
	color: #ccc;
}

.mg_info .table.table_type1 .txt.tc {
	padding-right: 5px;
}

.mg_info .table.table_type1 .btn.btn_type3 {
	margin-left: 11px;
}

.mg_info .table.table_type1 .txt.tc, .mg_info .table.table_type1 .it.tc {
	display: table-cell;
	white-space: nowrap;
}

.mg_info .lst_chk li {
	display: inline-block;
	vertical-align: middle;
}

.mg_info .lst_chk li .it_wrap .it {
	vertical-align: middle;
}

.mg_info .lst_chk li .it_wrap .txt {
	padding: 0;
	line-height: 34px;
	vertical-align: middle;
}

.mg_info .lst_chk li .label {
	font-size: 13px;
	padding: 5px 8px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	margin-left: 4px;
}

.mg_info .lst_chk li.inline + .inline {
	margin-left: 40px;
}

.mg_info .ick.first {
	width: 135px;
}

.mg_info table .ick .radio {
	width: 12px;
	height: 12px;
	border: 1px solid #aeaeae;
}

.mg_info table .ick .radio.checked {
	border: 1px solid #aeaeae;
	background-color: #fff !important;
}

.mg_info table .ick .radio.checked::after {
	width: 8px;
	height: 8px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.mg_info .ick.item {
	padding-right: 20px;
}

.mg_info .attached_file th i {
	vertical-align: baseline;
}

.mg_info .ph_txt {
	color: #666;
}

.mg_info .ph_txt .desc {
	color: #999;
}

.mg_info .img_group + .tarea {
	margin-top: 20px;
}

.mg_info .img_group .btn_thumbnail {
	margin-left: 4px;
}

.mg_info .skin_preview {
	overflow: hidden;
	position: relative;
	width: 565px;
	height: 105px;
	margin: 10px 0 4px;
	border: 1px solid #cbcbcb;
}

.mg_info .skin_preview img {
	display: block;
	max-height: 103px;
	width: auto;
	height: auto;
}

.mg_info .select_area {
	margin-top: 38px;
	text-align: center;
}

.mg_info .btn.btn_type1 {
	height: 36px;
}

.mg_info .btn.btn_type1.on {
	background-color: #8b8f94;
	border-color: #8b8f94;
}

.mg_info .btn.btn_type1:last-child {
	background-color: #121314;
	border-color: #121314;
}

.mg_info .group_lr .group_l .group_l.sub_font_color, .mg_info .group_lr .group_r .group_l.sub_font_color {
	font-size: 14px !important;
	line-height: 30px;
}

.menu_setting {
	margin-bottom: 10px;
	border: 1px solid #bababa;
}

.survey + .paginate {
	margin-top: 55px;
}

.txt_top {
	padding: 6px 0;
	color: gray;
	text-align: right;
}

.re_pack .menu_manager .ico_g_open {
	background-position: -252px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-top: 1px;
}

.re_pack .menu_manager .ico_g_group {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -364px -507px;
	background-repeat: no-repeat;
	width: 17px;
	height: 14px;
}

.re_pack .menu_manager .ico_g_open_dark_, .re_pack .menu_manager .ico_g_open_dark_b:before, .re_pack .menu_manager .ico_g_open_dark_a:before {
	background-position: -499px -684px;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
}

/* 강좌 > 메뉴 관리 */
.menu_manager {
	margin: 30px 0 0 0;
}

.menu_manager > ul > li {
	position: relative;
	border: 1px solid #E0E0E0;
	padding: 20px 166px 29px 29px;
}

.menu_manager > ul > li:before, .menu_manager > ul > li:after {
	display: table;
	clear: both;
	content: ' ';
}

.menu_manager > ul > li.drag_active {
	position: relative;
	z-index: 1000;
	border: 1px solid #333;
	background-color: #fff;
}

.menu_manager > ul > li .cell {
	margin: -8px 0 -15px;
}

.menu_manager > ul > li .cell .it, .menu_manager > ul > li .cell .le_txt {
	float: none;
}

.menu_manager > ul > li .cell .le_txt {
	margin-bottom: -1px;
	padding-top: 0;
}

.menu_manager > ul > li .drag {
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -486px;
	background-repeat: no-repeat;
	width: 9px;
	height: 15px;
	cursor: move;
}

.menu_manager > ul > li .le_txt {
	display: block;
	overflow: hidden;
	position: relative;
	height: 24px;
	padding: 4px 0 0;
	line-height: 24px;
	color: #010101;
}

.menu_manager > ul > li .le_txt a {
	color: #666;
	text-decoration: none !important;
}

.menu_manager > ul > li .le_txt strong:hover {
	cursor: pointer;
}

.menu_manager > ul > li .le_txt span {
	display: block;
	color: #999;
}

.menu_manager > ul > li .le_txt .ic_lock {
	margin: -1px 0 1px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -679px;
	background-repeat: no-repeat;
	width: 14px;
	height: 15px;
	vertical-align: middle;
}

.menu_manager > ul > li .it {
	border: 1px solid transparent;
	background: transparent;
}

.menu_manager > ul > li .it {
	display: none;
}

.menu_manager > ul > li .util {
	position: absolute;
	min-width: 168px;
	min-width: 111px\9;
	top: 29px;
	right: 0;
	padding-right: 57px;
	white-space: nowrap;
}

.menu_manager > ul > li .util > button,
.menu_manager > ul > li .util > div {
	float: left;
	margin: 0 0 0 19px;
}

.menu_manager > ul > li .util > div {
	position: relative;
	bottom: 2px;
	height: 16px;
}

.menu_manager > ul > li .util > div > button {
	width: 27px;
	height: 16px;
	margin: 1px 0 0 0;
}

.menu_manager > ul > li .util > div > button span {
	float: left;
	vertical-align: top;
}

.menu_manager > ul > li .util > div > button .ico_g_lock2, .menu_manager > ul > li .util > div > button .ico_g_open3 {
	margin: 0 0 0 4px;
}

.menu_manager > ul > li .util > div > button .ico_g_free {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -58px;
	background-repeat: no-repeat;
	width: 12px;
	height: 15px;
}

.menu_manager > ul > li .util > div > button .ico_g_num {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -715px;
	background-repeat: no-repeat;
	width: 16px;
	height: 13px;
}

.menu_manager > ul > li .util > div > button .ico_g_bu {
	float: right;
	position: relative;
	top: 7px;
}

.menu_manager > ul > li .util > div > button.active + ul {
	display: block;
}

.menu_manager > ul > li .util > div > button.active + ul ul {
	display: block;
}

.menu_manager > ul > li .util button[disabled='disabled'] {
	cursor: default !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.menu_manager > ul > li .util .disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: default !important;
}

.menu_manager > ul > li .util ul {
	display: none;
	position: absolute;
	top: 26px;
	right: 0;
	border: 1px solid #333;
	background: #FBFBFB;
	padding: 13px 15px 12px 13px;
	z-index: 100;
}

.menu_manager > ul > li .util ul li {
	margin: 5px 0 0 0;
}

.menu_manager > ul > li .util ul li + li {
	margin-top: 13px;
}

.menu_manager > ul > li .util ul .group {
	position: relative;
	border: 0;
	padding: 0;
	top: auto;
	right: auto;
	padding: 13px 0 4px 0;
	margin-top: 18px;
	border-top: 1px solid #ebebeb;
}

.menu_manager > ul > li .util ul .group span {
	color: #000;
	vertical-align: top;
	font-size: 12px;
	line-height: 14px;
}

.menu_manager > ul > li .util ul .group li {
	margin-top: 0;
}

.menu_manager > ul > li .util ul .group li + li {
	margin-top: 12px;
}

.menu_manager > ul > li .util ul .group .ick {
	display: block;
	line-height: 14px;
	padding-left: 17px;
}

.menu_manager > ul > li .util ul .group .ick .checkbox {
	width: 12px;
	height: 12px;
	top: 0;
}

.menu_manager > ul > li .util ul .group .ick .checkbox.checked::after {
	top: -1px;
	left: -1px;
}

.menu_manager > ul > li .util ul button {
	position: relative;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	padding: 0 0 0 23px;
}

.menu_manager > ul > li .util ul button:before {
	position: absolute;
	top: 0px;
}

.menu_manager > ul > li .util ul button.ico_g_open_dark_b:before {
	left: 2px;
}

.menu_manager > ul > li .util ul button.ico_g_open_dark2_b:before {
	left: 0;
}

.menu_manager > ul > li .util ul button.ico_g_lock_dark_b:before {
	left: 3px;
}

.menu_manager > ul > li .util ul button.ico_g_free_dark:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -577px;
	background-repeat: no-repeat;
	width: 10px;
	height: 13px;
	top: 3px;
	left: 4px;
}

.menu_manager > ul > li .util ul button.ico_g_num_dark:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -720px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 10px;
	top: 5px;
	left: 1px;
}

.menu_manager > ul > li .it .btns {
	display: none;
	position: absolute;
	top: 5px;
	right: 0;
}

.menu_manager > ul > li .it .btns a {
	display: inline-block;
	position: relative;
	font-size: 12px;
	text-decoration: none;
	color: #999;
}

.menu_manager > ul > li .it .btns a:first-child {
	color: #030303;
}

.menu_manager > ul > li .it .btns a:hover {
	text-decoration: none;
}

.menu_manager > ul > li .it .btns a + a {
	margin: 0 0 0 2px;
	padding: 0 0 0 5px;
}

.menu_manager > ul > li.mod {
	padding-right: 20px;
}

.menu_manager > ul > li.mod .it {
	position: relative;
	top: 5px;
	display: block;
	padding-right: 72px;
	background: #fff;
}

.menu_manager > ul > li.mod .it input {
	border: 1px solid #E8E8E8 !important;
}

.menu_manager > ul > li.mod .it .btns {
	display: block;
}

.menu_manager > ul > li.mod .le_txt, .menu_manager > ul > li.mod .util {
	display: none;
}

.menu_manager > ul > li.mod .cell {
	margin: -17px 0 -16px;
}

.menu_manager > ul > li + li {
	margin-top: -1px;
}

.menu_manager .hr {
	height: 57px;
	border-width: 1px 0;
	border-color: transparent;
}

.menu_manager .hr:before {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 27px;
	left: 2px;
	width: 698px;
	height: 1px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_menu_hr_dotted.gif) repeat-x;
	content: '';
}

.menu_manager .hr button {
	overflow: hidden;
	position: absolute;
	top: 14px;
	right: 45px;
	left: auto;
	width: 16px;
	height: 23px;
	background: none;
	color: transparent;
	text-align: center;
	text-indent: 0;
}

.menu_manager .hr button:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -541px -507px;
	background-repeat: no-repeat;
	width: 7px;
	height: 7px;
	margin-top: 9px;
}

.menu_manager .hr .drag {
	top: 20px;
	right: 19px;
}

.menu_type_info {
	margin: 38px 0 0 0;
	padding: 16px 0 23px 30px;
	border: 1px solid #e8e8e8;
	background: #f9f9f9;
}

.menu_type_info h4, .menu_type_info .tit {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
}

.menu_type_info strong {
	color: #333;
	font-weight: normal;
}

.menu_type_info li {
	position: relative;
	padding: 0 0 0 14px;
	line-height: 22px;
}

.menu_type_info li:before {
	position: absolute;
	top: 11px;
	left: 0;
	display: block;
	width: 3px;
	height: 1px;
	background-color: #999;
	content: '';
}

.menu_type_info li + li {
	margin: 14px 0 0;
}

.menu_type_info li .sub {
	margin: 5px 44px 5px 0;
	padding: 10px 5px;
	background: #efefef;
}

.menu_type_info li .sub li + li {
	margin: 2px 0 0;
}

.menu_type_info li .sub li:before {
	display: none;
}

.menu_type_info .txt_eg {
	color: #999;
}

.bx_ty_area {
	margin: 38px 0 0 0;
	padding: 16px 20px 23px 30px;
	border: 1px solid #e8e8e8;
	background: #f9f9f9;
}

.bx_ty_area .tit {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
}

.bx_ty_area ul > li {
	clear: both;
	position: relative;
	padding-left: 14px;
	line-height: 22px;
}

.bx_ty_area ul > li:before {
	position: absolute;
	top: 11px;
	left: 0;
	display: block;
	width: 3px;
	height: 1px;
	background-color: #999;
	content: '';
}

.bx_ty_area ul > li + li {
	margin: 6px 0 0;
}

.bx_ty_area strong {
	float: left;
	color: #333;
	font-weight: normal;
	margin: 0 5px 0 0;
}

.bx_ty_area strong + span {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 0 0 0 9px;
}

.bx_ty_area strong + span:before {
	content: ':';
	position: absolute;
	top: 1px;
	left: 0;
}

.quiz_score_list {
	margin-top: 40px;
}

.quiz_score_list .ico {
	position: absolute;
	margin: 0 0 0 -30px;
}

.mg_email .email_add {
	position: relative;
	margin-top: 5px;
}

.mg_email .email_add .to {
	min-height: 34px;
	margin: 0 70px 0 0;
	padding: 3px 3px 0 3px;
	border: 1px solid #CBCBCB;
}

.mg_email .email_add .to > span {
	display: inline-block;
	margin: 0 0 3px;
	padding: 2px 5px 3px;
	border: 1px solid #ffedca;
	background: #fff4e4;
	color: #333;
}

.mg_email .email_add .to button {
	position: relative;
	top: -1px;
	margin-left: 7px;
	font-size: 12px;
	font-weight: 700;
	color: #D6BF94;
}

.mg_email .email_add > button {
	position: absolute;
	top: 0;
	right: 0;
}

.professor_info,
.staff_info {
	margin: -10px 0 0;
}

.professor_info .info_summary .info_group,
.professor_info .info_detail .info_group,
.staff_info .info_summary .info_group,
.staff_info .info_detail .info_group {
	position: relative;
}

.professor_info .info_summary .info_group .txt.sm,
.professor_info .info_detail .info_group .txt.sm,
.staff_info .info_summary .info_group .txt.sm,
.staff_info .info_detail .info_group .txt.sm {
	position: absolute;
	top: 0;
	left: 422px;
	white-space: nowrap;
	line-height: 25px;
}

.professor_info .info_summary,
.staff_info .info_summary {
	position: relative;
	width: 100%;
	color: #999;
}

.professor_info .info_summary b,
.staff_info .info_summary b {
	color: #666;
	font-weight: normal;
}

.professor_info .info_summary .info_group,
.staff_info .info_summary .info_group {
	display: none;
}

.professor_info .info_summary .info_group .it,
.staff_info .info_summary .info_group .it {
	width: 418px;
}

.professor_info .info_summary .thumb,
.staff_info .info_summary .thumb {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -73px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	margin: 0 6px 0 0;
	text-indent: 0;
	vertical-align: middle;
}

.professor_info .info_summary .thumb.noimg,
.staff_info .info_summary .thumb.noimg {
	background: none;
}

.professor_info .info_summary .bar,
.staff_info .info_summary .bar {
	padding: 0 4px;
	color: #e6e6e6;
}

.professor_info .info_summary .btns,
.staff_info .info_summary .btns {
	position: absolute;
	top: 5px;
	right: 10px;
}

.professor_info .info_summary .btns .btn + .btn,
.staff_info .info_summary .btns .btn + .btn {
	margin-left: 5px;
}

.professor_info .info_summary.mod .info_group,
.staff_info .info_summary.mod .info_group {
	display: inline-block;
}

.professor_info .info_summary.mod .thumb, .professor_info .info_summary.mod .pf_txt, .professor_info .info_summary.mod .btns,
.staff_info .info_summary.mod .thumb,
.staff_info .info_summary.mod .pf_txt,
.staff_info .info_summary.mod .btns {
	display: none;
}

.professor_info .info_detail,
.staff_info .info_detail {
	display: none;
	margin-bottom: -2px;
}

.professor_info .info_detail .img_group, .professor_info .info_detail .info_group,
.staff_info .info_detail .img_group,
.staff_info .info_detail .info_group {
	margin-top: 14px;
}

.professor_info .info_detail.mod,
.staff_info .info_detail.mod {
	display: block;
}

.professor_info .txt_signature,
.staff_info .txt_signature {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px 30px 0 7px;
	font-weight: 700;
	color: #222;
}

.professor_info .btn_delete_signature,
.staff_info .btn_delete_signature {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 10px 5px;
	z-index: 10000;
}

.professor_info .txt_desc,
.staff_info .txt_desc {
	margin: 6px 0 0;
}

.professor_info .none,
.staff_info .none {
	padding: 10px 0;
	background-color: #FFF;
}

.professor_info {
	margin-bottom: -26px;
}

/* 강좌 > 관리 */
.hd_txt2 {
	background-color: #f5f5f5;
	border-bottom: 1px solid #e1e1e1;
}

.hd_txt2 .inner {
	position: relative;
	margin: 0 auto;
	max-width: 1056px;
	padding: 0 36px;
	height: 102px;
}

.hd_txt2 .inner h2 {
	height: 100%;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -1px;
	color: #333;
	font-weight: 700;
}

.hd_txt2 .inner h2 .link_title {
	display: inline-block;
	max-width: 80%;
	vertical-align: middle;
	color: #333;
}

.hd_txt2 .inner h2:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.hd_txt2 .inner .go_back {
	position: absolute;
	top: 50%;
	right: 36px;
	margin-top: -22px;
	padding: 10px 0;
}

.hd_txt2 .inner .go_back:before {
	margin: -1px 5px 1px 0;
	content: '';
	display: inline-block;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -497px;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

/* 스킨설정 */
.skin_set {
	margin-bottom: -54px;
	padding-bottom: 34px;
	position: relative;
}

.skin_set .dsc {
	margin: -5px 0 0;
}

.skin_set .txt {
	color: #848484;
}

.skin_set .txt strong {
	text-decoration: underline;
}

.skin_set .skin_lst {
	margin: 13px 0 0 -20px;
}

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

.skin_set .skin_lst li {
	float: left;
	position: relative;
	width: 370px;
	height: 100px;
	margin: 0 0 20px 20px;
	border: 1px solid #d1d1d1;
}

.skin_set .skin_lst li a {
	display: block;
}

.skin_set .skin_lst li a:hover:after, .skin_set .skin_lst li a.on:after {
	border: 5px solid #ffcd00;
	content: '';
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
}

.skin_set .skin_lst li img {
	vertical-align: top;
}

.skin_set .group_lr {
	z-index: 10;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.preview_area {
	z-index: 3010;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #282828;
	height: 43px;
	overflow: hidden;
}

.preview_area p {
	line-height: 43px;
	color: #fff;
	text-align: center;
}

.preview_area + .dimmed {
	position: fixed;
	background: none;
}

.preview_area ~ #wrap {
	padding-top: 43px;
}

.preview_area ~ .wrap {
	padding-top: 43px;
}

.preview_area ~ .wrap #header {
	top: 43px;
}

.ct_group {
	padding-top: 21px;
}

.ct_group .txt.sm {
	margin-left: 3px;
}

.ct_group .table.fixed {
	margin-top: 10px;
	letter-spacing: 0;
}

.ct_group .table.fixed .it input {
	background-color: #fff;
	color: #666;
}

.ct_group .table.fixed .it .ph {
	left: 10px;
	bottom: auto;
	top: 10px;
}

.critique_area {
	line-height: 24px;
}

.critique_area div.tit {
	height: 33px;
}

.critique_area div.tit strong {
	float: left;
	font-size: 16px;
	color: #010101;
	font-weight: 700;
	vertical-align: middle;
}

.critique_area div.tit .btn {
	margin: -2px 0 2px 8px;
}

.critique_area h2.tit {
	margin: 36px 0 11px;
}

.critique_area .con_group {
	clear: both;
	position: relative;
	min-height: 147px;
}

.critique_area .con_group .con.mod {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #cbcbcb;
	background: #fff;
	padding: 0 0 48px;
}

.critique_area .con_group .con.mod .it {
	width: 100%;
	height: 100%;
}

.critique_area .con_group .con.mod .it textarea {
	border: 0;
	height: 100%;
}

.critique_area .con_group .con.mod .group_lr {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 1px solid #cbcbcb;
	height: 48px;
	margin: 0;
}

.critique_area .con_group .con.mod .group_lr .group_r {
	padding: 6px;
}

.result_area .critique_area {
	padding: 28px 0 6px;
}

.mg_menu .search_area {
	background-color: #F5F7F7;
	padding: 24px;
}

.mg_menu .search_area .title {
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	color: #010101;
}

.mg_menu .upload_area {
	height: 80px;
	background-color: #F7F7F7;
	text-align: center;
	line-height: 80px;
	font-size: 16px;
	position: relative;
	margin-top: 16px;
}

.mg_menu .upload_area.uploaded {
	text-align: left;
	line-height: normal;
}

.mg_menu .upload_area.uploaded .file_info:before {
	position: absolute;
	top: 50%;
	margin-top: -23px;
	left: 20px;
}

.mg_menu .upload_area.uploaded .name {
	display: block;
}

.mg_menu .upload_area .btn.btn_type4.crosshair::before {
	background-position: -343px -841px;
}

.mg_menu .upload_area .bar {
	height: 10px;
	margin-top: 2px;
}

.mg_menu .upload_area .btn {
	font-weight: 700;
	font-size: 16px;
}

.mg_menu .upload_area .file_info {
	padding: 22px 20px 22px 76px;
	text-align: left;
	line-height: normal;
	margin: 0;
}

.mg_menu .upload_area .file_info:after {
	content: '';
	display: block;
	clear: both;
}

.mg_menu .upload_area .file_info::before {
	position: absolute;
	top: 50%;
	margin-top: -23px;
	left: 20px;
}

.mg_menu .upload_area .file_info .info {
	float: left;
	margin-top: 2px;
	color: #999;
	font-size: 12px;
}

.mg_menu .upload_area .file_info .name {
	display: block;
	font-size: 14px;
	line-height: 14px;
	color: #666;
}

.mg_menu .upload_area .file_info .btn.btn_type3 {
	font-size: 12px;
	font-weight: 400;
	margin-top: -2px;
}

.mg_menu .upload_area .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;
}

.mg_menu .peer_upload .desc {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 32px;
}

.mg_menu .peer_upload .group_lr {
	margin-top: 16px;
}

.mg_menu .peer_upload .table.table_type2 {
	border-bottom-color: #d8d8d8;
	margin-top: 17px;
}

.mg_menu .peer_upload .table.table_type2 th {
	padding: 15px 0 14px;
}

.mg_menu .peer_upload .table.table_type2 td {
	height: 48px;
}

.mg_menu .peer_upload .table.table_type2 td.underbar {
	text-decoration: underline;
	text-underline-position: under;
	cursor: pointer;
}

/*
.course{
	width: 970px;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: left;
}
*/
body.le_info #container {
	min-width: 1080px !important;
	width: 1080px !important;
	margin: 0 auto;
	padding-top: 80px;
}

body.le_info #container .hd_txt > .inner {
	background-color: #fff;
}

body.le_info #content {
	padding-top: 0;
}

body.le_info .lnb {
	width: 280px;
	position: fixed;
	left: 50%;
	top: 163px;
	-webkit-transform: translateX(260px);
	    -ms-transform: translateX(260px);
	        transform: translateX(260px);
	height: auto;
	float: none;
	z-index: 100;
}

body.le_info .lnb #snb {
	background-color: #fff;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.04);
	padding: 29px 23px 23px 23px;
}

body.le_info .lnb #snb .top_box {
	padding-bottom: 12px;
	border-bottom: 1px solid #f0f0f0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

body.le_info .lnb #snb h2 {
	color: #25292f;
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	margin-right: 24px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	margin-bottom: 17px;
}

body.le_info .lnb #snb .date_area li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

body.le_info .lnb #snb .date_area strong {
	min-width: 80px;
	width: 80px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 80px;
	    -ms-flex: 0 1 80px;
	        flex: 0 1 80px;
	margin-right: 8px;
}

body.le_info .lnb #snb .date_area .desc {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}

body.le_info .lnb #snb .sns_area {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 112px;
	    -ms-flex: 1 1 112px;
	        flex: 1 1 112px;
}

body.le_info .lnb #snb .sns_area .btn.sns_share {
	color: #25292f;
	width: 100%;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	border: 1px solid #25292f;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	margin-left: 0;
}

body.le_info .lnb #snb .count_info {
	min-width: 125px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	padding-top: 24px;
	text-align: center;
	overflow: hidden;
}

body.le_info .lnb #snb .count_info [class^=count_] {
	display: block;
	width: 50%;
	float: left;
	position: relative;
}

body.le_info .lnb #snb .count_info [class^=count_] + [class^=count_]:before {
	display: inline-block;
	width: 1px;
	height: 8px;
	background-color: #e0e0e0;
	vertical-align: middle;
	top: 2px;
	left: 0;
	position: absolute;
	content: '';
}

body.le_info .lnb #snb .count_info [class^=count_] em {
	font-weight: normal;
	color: #666;
	opacity: .6;
}

body.le_info .lnb #snb .manage_box {
	float: left;
	position: relative;
	margin-top: -6px;
}

body.le_info .lnb #snb .btn_manage {
	display: block;
	color: #25292f;
	font-size: 12px;
	line-height: 14px;
	padding: 8px 36px 7px 16px;
	-webkit-border-radius: 22px;
	        border-radius: 22px;
	background-color: #f0f0f0;
	text-decoration: none;
	white-space: nowrap;
	position: relative;
}

body.le_info .lnb #snb .btn_manage .open {
	width: 36px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

body.le_info .lnb #snb .btn_manage .open:after {
	background-position: -540px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 13px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

body.le_info .lnb #snb .btn_manage.on + .manage {
	display: block;
}

body.le_info .lnb #snb .manage {
	width: auto;
	min-width: 200px;
	display: none;
	position: absolute;
	top: 33px;
	right: 0px;
	background-color: #fff;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	-webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.25);
	overflow: hidden;
	z-index: 100;
}

body.le_info .lnb #snb .manage .inner {
	padding: 0 24px;
	margin: 24px 0;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 552px;
}

body.le_info .lnb #snb .manage .title {
	color: #25292f;
	font-size: 14px;
	line-height: 15px;
	font-weight: 600;
}

body.le_info .lnb #snb .manage a:hover {
	text-decoration: none;
}

body.le_info .lnb #snb .manage li ul {
	margin-top: 19px;
}

body.le_info .lnb #snb .manage li ul li {
	height: 16px;
	line-height: 15px;
	padding-left: 12px;
	position: relative;
}

body.le_info .lnb #snb .manage li ul li::before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	background-color: #666;
	position: absolute;
	top: 6px;
	left: 0;
}

body.le_info .lnb #snb .manage li ul li.blank_ico a span:after {
	top: -1px;
	right: -2px;
}

body.le_info .lnb #snb .manage li ul li + li {
	margin-top: 20px;
}

body.le_info .lnb #snb .manage li + li {
	margin-top: 40px;
}

body.le_info .lnb.top_absol {
	width: 280px;
	position: absolute;
	left: 50%;
	top: 80px;
	-webkit-transform: translateX(260px);
	    -ms-transform: translateX(260px);
	        transform: translateX(260px);
	height: auto;
	float: none;
	z-index: 100;
}

body.le_info .lnb.top_absol + #content {
	min-height: 840px;
}

body.le_info .lnb.absol {
	position: absolute;
	left: 50%;
	top: auto;
	bottom: 24px;
	-webkit-transform: translateX(260px);
	    -ms-transform: translateX(260px);
	        transform: translateX(260px);
	height: 660px;
	float: none;
}

body.le_info .lnb::after {
	display: none;
}

@media screen and (max-width: 979px) {
	body.le_info .lnb #snb {
		display: block !important;
	}
}

body.le_info #content {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	float: left;
	padding-bottom: 80px;
	padding: 0 0 80px 0;
}

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

body.le_info #content .inc_sub .sub_box {
	margin-bottom: 16px;
	font-size: 0;
}

body.le_info #content .inc_sub .project {
	display: inline-block;
	color: #fff;
	font-family: Helvetica;
	font-size: 10px;
	line-height: 11px;
	font-weight: 600;
	padding: 6px 10px;
	vertical-align: top;
}

body.le_info #content .inc_sub .project + .label_box {
	margin-left: 8px;
}

body.le_info #content .inc_sub .label_box {
	display: inline-block;
	background-color: #25292f;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	vertical-align: top;
}

body.le_info #content .inc_sub .label_box:before, body.le_info #content .inc_sub .label_box:after {
	display: table;
	clear: both;
	content: ' ';
}

body.le_info #content .inc_sub .label_box .level {
	float: left;
	font-size: 12px;
	color: #fff;
	line-height: 13px;
	padding: 5px 10px;
}

body.le_info #content .inc_sub .label_box .icon {
	display: inline-block;
	height: 10px;
	margin-right: 1px;
	font-size: 0;
	vertical-align: middle;
}

body.le_info #content .inc_sub .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;
}

body.le_info #content .inc_sub .label_box .icon .level_bg:first-child {
	height: 4px;
	margin: 0;
	opacity: 1;
}

body.le_info #content .inc_sub .label_box .icon .level_bg:last-child {
	height: 10px;
}

body.le_info #content .inc_sub .label_box .icon.level2 .level_bg:nth-child(2), body.le_info #content .inc_sub .label_box .icon.level3 .level_bg:nth-child(2) {
	opacity: 1;
}

body.le_info #content .inc_sub .label_box .icon.level3 .level_bg:last-child {
	opacity: 1;
}

body.le_info #content .inc_sub .project + .summary,
body.le_info #content .inc_sub .label_box + .summary {
	padding-left: 33px;
}

body.le_info #content .inc_sub .project + .summary::before,
body.le_info #content .inc_sub .label_box + .summary::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background-color: #e0e0e0;
	position: absolute;
	top: 7px;
	left: 17px;
}

body.le_info #content .inc_sub .summary {
	display: inline-block;
	padding: 5px 0 5px 0px;
	color: #72757a;
	font-size: 12px;
	line-height: 13px;
	vertical-align: top;
	position: relative;
}

body.le_info #content .inc_sub .summary span {
	position: relative;
}

body.le_info #content .inc_sub .summary span + span {
	padding-left: 13px;
}

body.le_info #content .inc_sub .summary span + span::before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 2px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 4px;
}

body.le_info #content .inc_sub h2 {
	color: #25292f;
	font-size: 32px;
	line-height: 52px;
	font-weight: 600;
	max-height: 208px;
	display: block;
	display: -webkit-box;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
}

body.le_info #content .inc_sub h2 a {
	color: #25292f;
	font-size: 32px;
	line-height: 52px;
}

body.le_info #content .inc_sub .profile {
	display: block;
	position: relative;
	color: #fff;
	padding-left: 32px;
	min-height: 24px;
	margin-top: 16px;
	overflow: hidden;
	margin-bottom: 30px;
}

body.le_info #content .inc_sub .profile .thumb {
	display: block;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	position: absolute;
	left: 0;
	overflow: hidden;
}

body.le_info #content .inc_sub .profile .thumb:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/icon-thumb-24.svg) no-repeat;
	-webkit-background-size: 100% auto;
	        background-size: 100% auto;
	width: 100%;
	height: 100%;
	content: '';
	width: 24px;
	height: 24px;
}

body.le_info #content .inc_sub .profile .thumb::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: solid 1px rgba(0, 0, 0, 0.08);
}

body.le_info #content .inc_sub .profile .thumb.bgnone:before {
	display: none;
}

body.le_info #content .inc_sub .profile img {
	vertical-align: top;
}

body.le_info #content .inc_sub .profile .name {
	color: #2a2c2f;
	float: left;
}

body.le_info #content .inc_sub .profile .name,
body.le_info #content .inc_sub .profile .from {
	max-width: 655px;
	display: block;
	overflow: hidden;
	max-width: auto;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	font-size: 12px;
	line-height: 13px;
	padding-top: 5px;
}

body.le_info #content .inc_sub .profile .from {
	color: #72757a;
	overflow: hidden;
	position: relative;
	padding-left: 17px;
}

body.le_info #content .inc_sub .profile .from::after {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background-color: #f0f0f0;
	position: absolute;
	top: 7px;
	left: 8px;
}

body.le_info #content .con {
	padding: 40px 0 40px;
	border-top: 1px solid #f0f0f0;
	margin-top: 40px;
}

body.le_info #content .con:before, body.le_info #content .con:after {
	display: table;
	clear: both;
	content: ' ';
}

body.le_info #content .con.thmb {
	display: block;
	overflow: hidden;
	width: 760px;
	margin-bottom: 20px;
	padding: 0;
}

body.le_info #content .con.thmb img {
	vertical-align: top;
	max-width: 100%;
}

body.le_info #content .con.dsc {
	padding-top: 25px;
}

body.le_info #content .con .title_area {
	float: left;
	width: 220px;
}

body.le_info #content .con .title_area h3 {
	color: #010101;
	font-size: 16px;
	font-weight: 700;
}

body.le_info #content .con .info_area {
	overflow: hidden;
	padding-top: 2px;
}

body.le_info #content .con .info_area strong {
	color: #010101;
	font-size: 14px;
}

body.le_info #content .con .plan_thumb {
	float: left;
	position: relative;
	display: block;
	width: 199px;
	height: 148px;
	margin-right: 20px;
}

body.le_info #content .con .plan_thumb:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #d1d1d1;
	content: '';
}

body.le_info #content .con .plan_thumb + .plan_lst {
	overflow: hidden;
}

body.le_info #content .con .plan_lst .tit {
	display: block;
	margin: 8px 0 7px;
	color: #010101;
}

body.le_info #content .con .plan_lst .btn_type3 {
	position: relative;
	top: -2px;
}

body.le_info #content .con .plan_lst > li {
	margin-top: 17px;
}

body.le_info #content .con .plan_lst > li:first-child {
	margin-top: 0;
}

body.le_info #content .con .plan_lst > li > ol {
	margin-top: 3px;
}

body.le_info #content .con .plan_lst.v2 > li > ol > li {
	position: relative;
	padding-left: 12px;
}

body.le_info #content .con .plan_lst.v2 > li > ol > li:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 2px;
	height: 2px;
	margin-right: 10px;
	background: #666;
	vertical-align: middle;
	content: '';
}

body.le_info #content .con .plan_lst.v2 + strong {
	display: block;
	margin-top: 33px;
	padding-top: 35px;
	border-top: 1px solid #e6e6e6;
}

body.le_info #content .con.video {
	border-top: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

body.le_info #content .con.video .material_view {
	border-bottom: 0;
	padding-bottom: 40px;
}

body.le_info #content .con .prof_lst {
	padding-top: 6px;
}

body.le_info #content .con .prof_lst li:before, body.le_info #content .con .prof_lst li:after {
	display: table;
	clear: both;
	content: ' ';
}

body.le_info #content .con .prof_lst li + li {
	margin-top: 40px;
}

body.le_info #content .con .prof_lst .prof_thumb {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -484px -180px;
	background-repeat: no-repeat;
	width: 72px;
	height: 72px;
	float: left;
	margin-right: 20px;
	text-indent: 0;
}

body.le_info #content .con .prof_lst .prof_info {
	overflow: hidden;
	padding-top: 6px;
	color: #010101;
}

body.le_info #content .con .prof_lst .prof_info .bar {
	margin: 0 1px 0 2px;
	color: #999;
}

body.le_info #content .con .prof_lst .prof_txt {
	margin: 2px 0 0;
	color: #666;
}

body.le_info #content .page_header + .con {
	padding-top: 0;
	border-top: 0;
}

body.le_info #content .con + .con.video {
	padding-top: 10px;
}

body.le_info #content .con.tag {
	padding: 32px 0 40px;
}

.fixed_bar .header_fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1110;
}

.fixed_bar .header_fixed .hd_txt {
	padding: 0 36px;
	margin: 0;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #d1d1d1;
}

.fixed_bar .header_fixed .hd_txt > .inner {
	position: relative;
	display: block;
	max-width: 1080px;
	min-width: 880px;
	height: 72px;
	margin: 0 auto;
	padding: 0;
	z-index: 1050;
}

.fixed_bar .header_fixed .hd_txt > .inner h2 {
	padding-top: 16px;
	line-height: 18px;
}

.fixed_bar .header_fixed .hd_txt > .inner h2 a {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	text-shadow: none;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	vertical-align: top;
}

.fixed_bar .header_fixed .hd_txt > .inner .profile {
	margin-top: 8px;
	line-height: 14px;
}

.fixed_bar .header_fixed .hd_txt > .inner .profile .from {
	vertical-align: top;
	font-size: 12px;
	line-height: 14px;
	color: #999;
	letter-spacing: -0.4px;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.fixed_bar .header_fixed .hd_txt .sns_area {
	position: absolute;
	top: 16px;
	right: 0;
	margin: 0;
}

.fixed_bar .header_fixed .hd_txt .sns_area .btn {
	border: 1px solid #dce1e6;
	background: #fff;
	margin: 0;
	width: 40px;
	height: 40px;
	position: relative;
}

.fixed_bar .header_fixed .hd_txt .sns_area .btn:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -165px -841px;
	background-repeat: no-repeat;
	width: 23px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0;
}

.fixed_bar .header_fixed .hd_txt .sns_area .sns_layer {
	top: 57px;
	right: 0;
	left: auto;
}

.fixed_bar .header_fixed .hd_txt .sns_area .sns_layer .arrow {
	right: 15px;
	left: auto;
}

.fixed_bar .header_fixed .hd_txt:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 1px;
	left: 0;
	z-index: 1040;
	content: '';
	background: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.fixed_bar .header_fixed .state_area {
	position: absolute;
	top: 16px;
	right: 44px;
	overflow: hidden;
	width: 244px;
	font-size: 0;
	text-align: right;
}

.fixed_bar .header_fixed .state_area .btn {
	display: inline-block;
	width: 120px;
	height: 40px;
	font-size: 14px;
	line-height: 38px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

.fixed_bar .header_fixed .state_area .btn + .btn {
	margin-left: 4px;
}

.re_pack .class_manager .slc_area {
	font-size: 0;
}

.re_pack .class_manager .slc_area .btn.btn_type_add {
	margin-left: 8px;
}

.class_manager {
	position: relative;
}

.class_manager.manage ul > li .chapter {
	border: 1px solid #f0f0f0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.class_manager.manage ul > li .chapter .le_txt {
	font-size: 16px;
	line-height: 18px;
}

.class_manager.manage ul > li .chapter .le_txt strong {
	padding-top: 0;
}

.class_manager.manage ul > li .sub > li span[class^=ico]::before {
	display: none;
}

.class_manager.manage ul > li .sub > li span[class^=ico].end::before {
	display: none;
}

.class_manager.manage ul > li .sub .le_txt {
	max-width: 484px;
}

.class_manager.manage ul > li .sub .le_txt .label {
	top: 0px;
	vertical-align: top;
	margin-left: 8px;
}

.class_manager .slc_area {
	margin: 24px 0 24px;
	text-align: right;
}

.class_manager .slc_area .bar {
	margin: 0 10px;
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #d1d1d1;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
	display: none;
}

.class_manager .slc_area .btn {
	padding: 0 19px;
}

.class_manager .slc_area .btn:hover, .class_manager .slc_area .btn:focus {
	color: #fff;
}

.class_manager .slc_area .btn:first-child {
	padding: 0 15px;
}

.class_manager .slc_area .add_top_wrap {
	display: inline-block;
	margin: 0px 16px 0 24px;
	vertical-align: middle;
}

.class_manager .slc_area .add_top_wrap .ick {
	padding-left: 28px;
}

.class_manager .slc_area .add_top_wrap .ick .checkbox {
	top: 2px;
	border: 0;
	background-position: -440px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.class_manager .slc_area .add_top_wrap .ick .checkbox.checked:after {
	top: 1px;
	left: 1px;
	background-position: -160px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.class_manager .slc_area .add_top_wrap .ick .checkbox.checked {
	background-image: none;
}

.class_manager .slc_area .add_top_wrap .ick .ph {
	font-size: 14px;
	line-height: 1.8;
	color: #000;
}

.class_manager > ul li {
	line-height: 1.5;
}

.class_manager > ul li.drag_active {
	border: 1px solid #666 !important;
	background: #fff;
	z-index: 100;
}

.class_manager > ul li .util {
	height: 20px;
	font-size: 12px;
	position: absolute;
	padding-right: 47px;
	top: 2px;
	bottom: 0;
	margin: auto;
	right: 0;
	white-space: nowrap;
}

.class_manager > ul li .util > button,
.class_manager > ul li .util > div {
	float: left;
	margin: 0 0 0 17px;
	position: relative;
}

.class_manager > ul li .util > button::before,
.class_manager > ul li .util > div::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background-color: #e6e6e6;
	position: absolute;
	top: 5px;
	left: -8px;
}

.class_manager > ul li .util button:first-child::before {
	display: none;
}

.class_manager > ul li .util > div {
	position: relative;
	height: 16px;
}

.class_manager > ul li .util > div > button {
	height: 16px;
}

.class_manager > ul li .util > div > button span {
	float: left;
	vertical-align: top;
}

.class_manager > ul li .util > div > button.active .ico_g_lock::after,
.class_manager > ul li .util > div > button.active .ico_g_open::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
	background-position: -520px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 13px;
}

.class_manager > ul li .util > div > button .ico_g_lock::after,
.class_manager > ul li .util > div > button .ico_g_open::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
	background-position: -540px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 13px;
}

.class_manager > ul li .util > div > button .ico_g_lock2 {
	margin: 0 0 0 4px;
}

.class_manager > ul li .util > div > button .ico_g_bu {
	float: right;
	position: relative;
	top: 7px;
}

.class_manager > ul li .util > div > button.active + ul {
	display: block;
}

.class_manager > ul li .util .drag {
	display: block;
	position: absolute;
	top: 0px;
	right: 23px;
	cursor: move;
	background-position: -565px -549px;
	background-repeat: no-repeat;
	width: 16px;
	height: 15px;
}

.class_manager > ul li .util ul {
	display: none;
	width: 63px;
	position: absolute;
	top: 22px;
	right: -10px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-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);
	background: #fff;
	padding: 8px;
	z-index: 100;
}

.class_manager > ul li .util ul li + li {
	margin: 4px 0 0 0;
}

.class_manager > ul li .util ul button {
	position: relative;
	width: 100%;
	display: block;
	text-align: left;
	font-size: 12px;
	line-height: 13px;
	color: #030303;
	padding: 8px;
}

.class_manager > ul li .util ul button:hover {
	text-decoration: none;
}

.class_manager > ul li .le_txt {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	overflow: hidden;
	position: relative;
	color: #333;
	max-width: 533px;
}

.class_manager > ul li .le_txt.full {
	max-width: 616px;
}

.class_manager > ul li .le_txt strong {
	display: block;
	color: #25292f;
	font-weight: normal;
	padding-top: 2px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.class_manager > ul li .le_txt .sub_tag {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

.class_manager > ul li .it {
	display: none;
	padding-right: 82px;
}

.class_manager > ul li .it .ph {
	font-size: 16px;
	line-height: 18px;
	height: 18px;
}

.class_manager > ul li .it input {
	height: 34px;
	background-color: #f7f7f7;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	border: 0;
	padding-left: 16px;
	font-size: 16px;
}

.class_manager > ul li .it .btns {
	display: none;
	position: absolute;
	top: 5px;
	right: 0;
}

.class_manager > ul li .it .btns button {
	font-size: 12px;
	line-height: 13px;
	color: #25292f;
	position: relative;
}

.class_manager > ul li .it .btns button.save {
	font-weight: 700;
}

.class_manager > ul li .it .btns button + button {
	margin-left: 13px;
}

.class_manager > ul li .it .btns button + button::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background-color: #e6e6e6;
	position: absolute;
	top: 3px;
	left: -8px;
}

.class_manager > ul li.mod .project ~ .it,
.class_manager > ul li .chapter.mod .project ~ .it {
	margin-top: 4px;
}

.class_manager > ul li.mod .it,
.class_manager > ul li .chapter.mod .it {
	display: block !important;
}

.class_manager > ul li.mod .util,
.class_manager > ul li.mod .le_txt,
.class_manager > ul li.mod .info,
.class_manager > ul li .chapter.mod .util,
.class_manager > ul li .chapter.mod .le_txt,
.class_manager > ul li .chapter.mod .info {
	display: none !important;
}

.class_manager > ul li.mod .it .btns,
.class_manager > ul li .chapter.mod .it .btns {
	display: block !important;
}

.class_manager > ul > li {
	position: relative;
	background: #FFF;
	margin-bottom: 40px;
}

.class_manager > ul > li:before, .class_manager > ul > li:after {
	display: table;
	clear: both;
	content: ' ';
}

.class_manager > ul > li:last-child {
	margin-bottom: 0;
}

.class_manager > ul > li.drag_active .chapter {
	border-width: 0 0 1px 0;
}

.class_manager > ul > li.drag_active .sub > li {
	border-width: 1px 0;
}

.class_manager > ul > li.drag_active .add {
	border-width: 0;
}

.class_manager > ul > li .time {
	display: inline-block;
	color: #999;
	font-size: 11px;
	line-height: 12px;
	margin: auto;
}

.class_manager > ul > li .time::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	background-position: -848px -325px;
	background-repeat: no-repeat;
	width: 16px;
	height: 12px;
}

.class_manager > ul > li .chapter {
	z-index: 10;
	position: relative;
	padding: 24px 168px 24px 24px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.class_manager > ul > li .chapter:before, .class_manager > ul > li .chapter:after {
	display: table;
	clear: both;
	content: ' ';
}

.class_manager > ul > li .chapter .le_txt {
	color: #333;
	font-size: 14px;
	line-height: 16px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	        flex-direction: column;
	-ms-flex-direction: column;
}

.class_manager > ul > li .chapter .le_txt strong {
	font-weight: 300;
}

.class_manager > ul > li .chapter .le_txt .time {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 8px 0 0 0;
}

.class_manager > ul > li .chapter .it .ph {
	color: #999;
	top: 0px;
	left: 16px;
	font-size: 14px;
}

.class_manager > ul > li .chapter .it .ph strong {
	font-weight: normal;
}

.class_manager > ul > li .chapter .it input {
	background-color: #f7f7f7;
	border: 0;
	font-size: 14px;
}

.class_manager > ul > li .chapter .project {
	display: block;
	font-size: 11px;
	margin: 4px 0 0 0;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	color: #00c73c;
}

.class_manager > ul > li .chapter .project ~ .le_txt {
	padding: 0 0 4px;
}

.class_manager > ul > li .chapter .util {
	top: 50%;
	margin-top: -9px;
}

.class_manager > ul > li .chapter.mod {
	padding: 15px 24px 15px 24px;
	margin-top: 8px;
}

.class_manager > ul > li .sub {
	position: relative;
	margin-top: -9px;
	padding-top: 9px;
}

.class_manager > ul > li .sub .ick {
	position: absolute;
	top: 21px;
	left: 19px;
}

.class_manager > ul > li .sub .it {
	background: transparent;
	border: 1px solid transparent;
}

.class_manager > ul > li .sub .it input {
	border: 0;
}

.class_manager > ul > li .sub > li {
	position: relative;
	min-height: 40px;
	margin-top: 8px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: solid 1px #f0f0f0;
	background-color: #ffffff;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.class_manager > ul > li .sub > li:before, .class_manager > ul > li .sub > li:after {
	display: table;
	clear: both;
	content: ' ';
}

.class_manager > ul > li .sub > li a {
	display: block;
	padding: 24px 168px 24px 87px;
}

.class_manager > ul > li .sub > li a > span[class^=ico] {
	position: absolute;
	top: 0;
	left: 24px;
	bottom: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background-color: #d0d6d9;
}

.class_manager > ul > li .sub > li a > span[class^=ico]::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.class_manager > ul > li .sub > li a > span[class^=ico]::before {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	bottom: 0;
	right: -670px;
	background-position: -715px -250px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .sub > li a > span[class^=ico].end::before {
	content: '';
	display: block;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	position: absolute;
	top: 8px;
	right: -670px;
	background-position: -644px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .sub > li .ico_lecture::after {
	background-position: -522px -517px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .sub > li .ico_quiz::after {
	background-position: -586px -517px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .sub > li .ico_task::after {
	background-position: -548px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .sub > li .ico_peer::after {
	background-position: -651px -485px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .sub > li .ico_project::after {
	background-position: -849px -351px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .sub > li .ico_survey::after {
	background-position: -484px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .sub > li .le_txt {
	color: #000;
	font-size: 16px;
	line-height: 18px;
}

.class_manager > ul > li .sub > li .info {
	overflow: hidden;
	clear: both;
	font-size: 11px;
	color: #999;
	margin-top: 4px;
}

.class_manager > ul > li .sub > li .info dt,
.class_manager > ul > li .sub > li .info dd {
	float: left;
	position: relative;
	min-width: 1px;
	min-height: 1px;
	margin: 0;
}

.class_manager > ul > li .sub > li .info dd + dt {
	margin: 0 0 0 5px;
}

.class_manager > ul > li .sub > li .info dd + dt:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 11px;
	background-color: #e6e6e6;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
	margin: 0 8px 0 1px;
	vertical-align: text-top;
}

.class_manager > ul > li .sub > li .info .like .ico_like {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -639px;
	background-repeat: no-repeat;
	width: 12px;
	height: 10px;
	margin: -2px 4px 0 0;
	vertical-align: middle;
}

.class_manager > ul > li .sub > li.mod {
	padding-right: 20px;
}

.class_manager > ul > li .sub > li.mod a {
	padding-right: 4px;
}

.class_manager > ul > li .sub > li.mod .it {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	margin: 6px 0 0;
	background: #FFF;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	padding-right: 0;
}

.class_manager > ul > li .sub > li.mod .it input {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 100%;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
}

.class_manager > ul > li .sub > li.mod .it .btns {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	padding-left: 24px;
	position: relative;
}

.class_manager > ul > li .add {
	position: relative;
	margin-top: -1px;
	background: #fff;
	margin-top: 8px;
}

.class_manager > ul > li .add.active .add_type {
	padding-top: 96px;
}

.class_manager > ul > li .add.active.add_top .add_type {
	padding-top: 0;
	padding-bottom: 96px;
}

.class_manager > ul > li .add.active.add_top .add_input {
	top: auto;
	bottom: 0;
}

.class_manager > ul > li .add .add_type {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	padding-top: 0;
}

.class_manager > ul > li .add .add_type button {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	height: 48px;
	color: #25292f;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.class_manager > ul > li .add .add_type button + button {
	margin: 0 0 0 8px;
}

.class_manager > ul > li .add .add_type button.ico_le_s_b:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	background-position: -148px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.class_manager > ul > li .add .add_type button.ico_task_s_b:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	background-position: -156px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.class_manager > ul > li .add .add_type button.ico_peer_s_b:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	background-position: -276px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.class_manager > ul > li .add .add_type button.ico_quiz_s_b:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	background-position: -684px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.class_manager > ul > li .add .add_type button.ico_project_s_b:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	background-position: -340px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.class_manager > ul > li .add .add_type button.ico_survey_s_b:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	background-position: -727px -125px;
	background-repeat: no-repeat;
	width: 17px;
	height: 16px;
}

.class_manager > ul > li .add .add_type button.disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	cursor: default !important;
}

.class_manager > ul > li .add.active .add_input {
	display: block;
}

.class_manager > ul > li .add .add_input {
	position: absolute;
	display: none;
	top: 0px;
	left: 0;
	width: 100%;
	height: 88px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	padding: 22px 24px 24px 88px;
	border: 1px solid #f0f0f0;
}

.class_manager > ul > li .add .add_input > div {
	display: none;
}

.class_manager > ul > li .add .add_input > div span[class^=ico] {
	position: absolute;
	top: 0;
	left: 24px;
	bottom: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background-color: #d0d6d9;
}

.class_manager > ul > li .add .add_input > div span[class^=ico]::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.class_manager > ul > li .add .add_input > div .ico_lecture::after {
	background-position: -522px -517px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .add .add_input > div .ico_quiz::after {
	background-position: -586px -517px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .add .add_input > div .ico_task::after {
	background-position: -548px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .add .add_input > div .ico_peer::after {
	background-position: -651px -485px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .add .add_input > div .ico_project::after {
	background-position: -849px -351px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .add .add_input > div .ico_survey::after {
	background-position: -484px -584px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.class_manager > ul > li .add .add_input > div .it,
.class_manager > ul > li .add .add_input > div .btns {
	display: block;
}

.class_manager > ul > li .add .add_input .it.it_added {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	margin-top: 4px;
}

.class_manager > ul > li .add .add_input .it.it_added input {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 100%;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
}

.class_manager > ul > li .add .add_input .it.it_added .btns {
	position: relative;
	top: auto;
	right: auto;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	padding-left: 24px;
	margin-top: 6px;
}

.class_manager > ul > li .add.lecture .add_input .lecture {
	display: block;
}

.class_manager > ul > li .add.task .add_input .task {
	display: block;
}

.class_manager > ul > li .add.peer .add_input .peer {
	display: block;
}

.class_manager > ul > li .add.quiz .add_input .quiz {
	display: block;
}

.class_manager > ul > li .add.whaleon .add_input .whaleon {
	display: block;
}

.class_manager > ul > li .add.project .add_input .project {
	display: block;
}

.class_manager > ul > li .add.survey .add_input .survey {
	display: block;
}

.class_manager.type2 .none {
	padding: 5px 0 44px;
}

.class_manager.type2 .chapter {
	padding-right: 100px !important;
}

.class_manager.type2 .chapter .time {
	height: 25px;
	right: 24px;
	padding: 6px 12px;
	background-color: #f7f7f7;
	-webkit-border-radius: 12px;
	        border-radius: 12px;
	color: #828c96;
	font-size: 12px;
	line-height: 13px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.class_manager.type2 .chapter .time::before {
	display: none;
}

.class_manager.type2 .le_txt .label {
	top: 0px;
	vertical-align: top;
	margin-left: 8px;
}

.class_manager.type2 .util {
	top: 50%;
	width: 110px;
	margin: -17px 0 0;
	text-align: center;
}

.class_manager.type2 .sub > li a {
	padding-right: 120px;
}

.class_manager.type2 .sub > li a.score {
	padding-right: 110px;
}

.class_manager.type2 .sub > li a.ty_num:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=60);
	opacity: 0.6;
	background: #fff;
	z-index: 10;
}

.class_manager .tag_box {
	margin-top: 12px;
}

.class_manager .tag_box .tag {
	display: inline-block;
	padding: 0 8px;
	background-color: #f5f7f7;
	color: #828c96;
	font-size: 11px;
	line-height: 20px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.class_manager .tag_box .tag + .tag {
	margin-left: 4px;
}

.class_manager .tag_box .over {
	color: var(--w-main-color);
	line-height: 20px;
	font-size: 11px;
	font-weight: 700;
	display: inline-block;
	padding: 0 8px;
	margin-left: 4px;
}

.class_manager .status {
	position: absolute;
	top: 24px;
	right: 24px;
}

.class_manager .status > span {
	display: block;
	width: 160px;
	height: 40px;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	color: #fff;
	background-color: #1F86E7;
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 118, 228, 0.08);
	        box-shadow: 0 8px 8px 0 rgba(0, 118, 228, 0.08);
}

.class_manager .status.look span, .class_manager .status.end span {
	color: #1F86E7;
	background-color: #F5FAFE;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.class_manager .status.before span {
	color: #828c96;
	background-color: #F5F7F7;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.class_manager .btm {
	margin-top: 30px;
	height: 67px;
	border: 1px solid #D1D1D1;
	text-align: center;
}

.class_manager .btm .bar {
	margin: 1px 15px -1px 17px;
	display: inline-block;
	width: 1px;
	height: 12px;
	background-color: #d1d1d1;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
}

.class_manager .btm .btn {
	font-size: 16px;
	height: 65px;
}

.class_manager .active_wrap {
	position: relative;
	z-index: 3010;
	width: 100%;
}

.class_manager .active_wrap > li {
	margin-bottom: 30px;
}

.class_manager .active_wrap > li + li {
	margin-top: 0 !important;
}

.class_manager .active_wrap .drag_active {
	width: 100% !important;
	background: none;
}

.class_manager .active_wrap .drag_active .chapter {
	border: 0 !important;
	background: none;
}

.class_manager .active_wrap .drag_active:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fdfdfd;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.class_manager .dimmed {
	background: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=100);
	opacity: 1;
}

body.re_pack .class_manager ul li .util ul {
	right: -26px;
}

body.re_pack .class_manager ul li .util button.ico_g_modify {
	width: auto;
	height: auto;
	text-indent: inherit;
	background: none;
}

body.re_pack .class_manager ul li .util button.ico_g_modify::after {
	display: none;
}

body.re_pack .class_manager ul li .util button .ico_g_lock {
	width: auto;
	height: auto;
	text-indent: inherit;
	background: none;
}

body.re_pack .class_manager ul li .util button .ico_g_open {
	width: auto;
	height: auto;
	text-indent: inherit;
	background: none;
}

body.re_pack .class_manager ul li .util button.ico_g_delete {
	width: auto;
	height: auto;
	text-indent: inherit;
	background: none;
	overflow: visible;
}

body.re_pack .class_manager ul li .util button.ico_g_delete::after {
	display: none;
}

body.re_pack .class_manager > ul > li .sub > li .info .like .ico_like {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -740px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	margin: -2px 4px 0 0;
	vertical-align: middle;
}

/* _search.scss */
.search_wrap {
	overflow: hidden;
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding-left: 130px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.search_wrap .btn_srch_all {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	background-color: #00c73c;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 48px;
	text-align: center;
	color: #fff;
}

.search_wrap .it.it_added.input3 {
	width: 100%;
	margin-right: 0;
	border-color: #e9ebec;
	background-color: #fafafa;
}

.search_wrap .it.it_added.input3 .added .btn {
	background-color: #333;
}

.course_search .search_area {
	padding: 20px 36px;
	border-bottom: 1px solid #e1e1e1;
	background-color: #fff;
}

.course_search .tag_area {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	margin-top: 12px;
	line-height: 16px;
}

/* 강좌검색 */
#container.search_container {
	width: 1080px;
	padding: 20px 36px 236px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

#container.search_container #content {
	padding: 0;
}

.srch_snb {
	float: left;
	position: static;
	padding-top: 20px;
	width: 252px;
}

.srch_snb nav ul li {
	position: relative;
	border-top: 1px solid #f1f1f1;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.srch_snb nav ul li:first-child {
	border-top: none;
}

.srch_snb nav ul li .link {
	display: block;
	position: relative;
	overflow: hidden;
	height: 48px;
	padding: 0 20px;
	background-color: #fff;
	line-height: 48px;
	letter-spacing: -0.5px;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.srch_snb nav ul li .link.selected {
	background-color: #454545;
	color: #fff;
}

.srch_snb nav ul li .btn_arr {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 48px;
	height: 48px;
	background: none;
	line-height: 24px;
	z-index: 10;
}

.srch_snb nav ul li .btn_arr:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -737px -467px;
	background-repeat: no-repeat;
	width: 10px;
	height: 6px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -3px 0 0 -5px;
	content: '';
}

.srch_snb nav ul li .selected + .btn_arr:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -709px -467px;
	background-repeat: no-repeat;
	width: 10px;
	height: 6px;
}

.srch_snb nav ul li.sub .link {
	padding-right: 46px;
}

.srch_snb nav ul li.sub.on .sub_depth {
	display: block;
}

.srch_snb nav ul li.sub.on .btn_arr:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -695px -467px;
	background-repeat: no-repeat;
	width: 10px;
	height: 6px;
}

.srch_snb nav ul li.sub.on .selected + .btn_arr:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -723px -467px;
	background-repeat: no-repeat;
	width: 10px;
	height: 6px;
}

.srch_snb nav ul .sub_depth {
	display: none;
	border-top: 1px solid #f1f1f1;
}

.srch_snb nav ul .sub_depth .link {
	background-color: #fafafa;
	color: #666;
}

.srch_snb nav ul .sub_depth .link:before {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 21px 14px 0 0;
	border: solid #a1a1a1;
	border-width: 0 0 1px 1px;
	vertical-align: top;
	content: '';
}

.srch_snb nav ul .sub_depth .link.selected {
	background-color: #96a0aa;
	color: #fff;
}

.srch_snb nav ul .sub_depth .link.selected:before {
	border-color: #fff;
}

.srch_snb aside {
	padding-top: 55px;
}

.srch_snb aside ul {
	padding-top: 6px;
}

.srch_snb aside li {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	background: #fff;
	height: 48px;
	border-top: 1px solid #f1f1f1;
	text-align: center;
}

.srch_snb aside li:first-child {
	border-top: 0;
}

.srch_snb aside li img {
	max-height: 48px;
	vertical-align: top;
}

.srch_snb.fix {
	position: fixed;
	top: 0;
}

.srch_section {
	overflow: hidden;
	position: relative;
	margin-left: 252px;
	padding: 11px 0 53px 24px;
}

.srch_section .lecture_list_title {
	margin-top: 21px;
}

.srch_section .lecture_list_area:first-child .lecture_list_title {
	margin-top: 0;
}

.srch_section .card_area {
	margin: -20px -20px 30px 0;
}

.srch_section .card_area .card {
	margin: 20px 0 0 20px;
}

.srch_section .more_area {
	margin-top: 0;
	line-height: 42px;
	clear: both;
}

.srch_section .more_area .btn {
	font-size: 16px;
}

.srch_section .btn_top {
	bottom: 0;
}

.srch_section .lecture_info {
	height: 133px;
}

.srch_section .lecture_info dt {
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	line-height: 20px;
	letter-spacing: 0;
}

.srch_section .lecture_info dd {
	bottom: 9px;
	letter-spacing: -.5px;
}

.srch_section .lecture_count {
	padding: 4px 16px 12px;
}

.srch_group {
	position: relative;
	border-top: 1px solid #e1e1e1;
	margin-top: 33px;
	padding-top: 33px;
}

.srch_group .card_area {
	margin: 0 -20px 0 0;
}

.full_lecture .srch_group {
	border-top: 0;
	padding-top: 32px;
}

.srch_group:first-of-type {
	margin-top: 0;
	padding-top: 52px;
}

.srch_group:first-of-type .tit_area ~ .lst_ty {
	margin-top: 34px;
}

.srch_group:first-of-type .lst_ty li {
	padding-top: 40px;
}

.srch_group:first-of-type .lst_ty li:first-child {
	padding-top: 0;
}

/* 검색결과 */
.lst_ty {
	clear: both;
}

.lst_ty li {
	clear: both;
	padding-top: 36px;
	line-height: 23px;
}

.lst_ty dl {
	overflow: hidden;
}

.lst_ty dt {
	margin-top: -2px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 20px;
	letter-spacing: 0;
	color: #333;
}

.lst_ty dt a {
	color: #333;
	line-height: 1.8;
}

.lst_ty dt .ico_lock {
	margin: -1px 0 1px 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -397px;
	background-repeat: no-repeat;
	width: 15px;
	height: 17px;
	vertical-align: middle;
}

.lst_ty .dsc {
	overflow: hidden;
	max-height: 41px;
	margin: 16px 0 -3px;
	font-size: 14px;
	color: #666;
	line-height: 20px;
}

.lst_ty .dsc + .info {
	margin-top: 14px;
}

.lst_ty .info {
	margin-top: 10px;
	font-size: 12px;
	color: #999;
}

.lst_ty .info a {
	color: #999;
}

.lst_ty .info .ic_ad {
	vertical-align: middle;
	margin: -1px 0 1px 1px;
}

.lst_ty .info ~ .info {
	margin: 0;
}

.lst_ty .info .type {
	color: #00c73c;
}

.lst_ty .info .level {
	color: #666;
}

.lst_ty .thmb {
	float: right;
	margin: -1px 0 0 20px;
}

.page_header ~ .lst_ty {
	margin-top: -10px;
}

.lst_ty ~ .more_area.ta_c {
	padding-top: 27px;
}

.lst_ty2 {
	clear: both;
	margin-top: 31px;
	min-height: 300px;
}

.lst_ty2 a {
	line-height: 1.8;
}

.lst_ty2 .btn_wrt {
	padding: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 38px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	overflow: hidden;
	color: #000;
	background-color: #fff;
	border-color: #e1e1e1;
	margin-bottom: 40px;
	display: block;
	width: 100%;
	text-align: center;
}

.lst_ty2 .btn_wrt:before {
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -479px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	margin: 0 5px 0 0;
}

.lst_ty2 p.none {
	margin: 0 0 44px;
	padding: 74px 0 73px;
	font-size: 16px;
}

.lst_ty2 li {
	clear: both;
	padding: 28px 0 31px;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}

.lst_ty2 li.noti {
	background-color: #f7f7f7;
	padding-left: 20px;
	padding-right: 20px;
}

.lst_ty2 li a:hover,
.lst_ty2 li a:active,
.lst_ty2 li a:focus {
	text-decoration: none;
}

.lst_ty2 li a:hover .dsc,
.lst_ty2 li a:active .dsc,
.lst_ty2 li a:focus .dsc {
	text-decoration: underline;
}

.lst_ty2 .thmb {
	float: left;
	width: 128px;
	height: 96px;
	margin: 12px 30px 0 0;
	text-align: center;
}

.lst_ty2 .thmb:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.lst_ty2 .thmb img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.lst_ty2 dl {
	overflow: hidden;
}

.lst_ty2 dt {
	display: inline;
	font-size: 24px;
	letter-spacing: -1px;
	color: #333;
}

.lst_ty2 dt span {
	display: inline-block;
	overflow: hidden;
	max-width: 80%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.lst_ty2 .info {
	padding: 15px 0 0;
	float: right;
	font-size: 12px;
	color: #999;
}

.lst_ty2 .dsc {
	clear: both;
	margin-top: 10px;
	font-size: 14px;
	line-height: 31px;
	color: #808080;
	max-height: 64px;
	overflow: hidden;
}

.lst_ty2 .writer {
	margin-top: 8px;
	padding-bottom: 7px;
	font-size: 12px;
	line-height: 15px;
	color: #444;
}

.lst_ty2 .writer .source .txt_by {
	color: #b0b0b0;
}

.lst_ty2 .writer .ic_ad {
	margin: -1px 0 0 2px;
}

.lst_ty2 .writer .reply {
	display: inline-block;
	margin-left: 12px;
}

.lst_ty2 .writer .reply:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -609px;
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	margin: 2px 5px 0 0;
	text-indent: 0;
	vertical-align: top;
}

/* 검색결과 wrap */
.result_wrap {
	min-width: 980px;
	background: none;
}

.result_wrap #wrap {
	min-width: 1160px;
	width: 100%;
}

.result_wrap #header:after {
	display: none;
}

.result_wrap #header:before {
	display: none;
}

.result_wrap #container {
	width: 1160px;
	max-width: none;
	margin: 0 auto;
	padding: 0 40px 193px;
	background: none;
}

.result_wrap #content {
	display: table;
	position: static;
	width: 1080px;
	max-width: none;
	padding: 0;
}

.result_snb {
	display: table-cell;
	width: 276px;
	padding: 23px 40px 0 0;
	vertical-align: top;
}

.result_snb ul {
	width: 240px;
}

.result_snb li {
	line-height: 46px;
}

.result_snb li .tit {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 80%;
	vertical-align: middle;
}

.result_snb li .num {
	display: inline-block;
	vertical-align: middle;
}

.result_snb li a {
	line-height: 14px;
	color: #333;
	text-decoration: none !important;
}

.result_snb li.on {
	font-weight: 700;
}

.result_snb li.on a {
	position: relative;
	color: #010101;
	border-bottom: 4px solid #00C73C;
	/*&:after{
					@include contentBlock;
					@include absolute(null,0,-2px,0);
					height: 4px;
					background: $object-color1;
					z-index: -1;
				}*/
}

.result_section {
	display: table-cell;
	max-width: 940px;
	margin: 0 auto;
	padding-bottom: 101px;
}

.result_section .result_tab {
	position: relative;
	padding: 40px 0 39px;
	margin-bottom: -53px;
	line-height: normal;
	background-color: #FFF;
	z-index: 100;
}

.result_section .result_tab ul, .result_section .result_tab li {
	display: inline;
}

.result_section .result_tab li {
	margin-left: 6px;
}

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

.result_section .result_tab li.on a {
	text-decoration: underline;
	color: #010101;
}

.result_section .none {
	padding: 73px 0;
	background: none;
	font-size: 16px;
}

.result_section .more_area {
	clear: both;
}

.result_section .more_area .btn {
	font-size: 16px;
}

.result_snb + .result_section {
	min-width: 696px;
	max-width: inherit;
	padding-left: 40px;
}

.result_snb + .result_section:before {
	display: block;
	position: absolute;
	top: 0;
	left: 319px;
	bottom: 0;
	width: 1px;
	background-color: #e1e1e1;
	content: '';
}

.glob_section {
	position: relative;
	margin: 0 0 60px;
}

.glob_section .course_group {
	clear: both;
	margin-top: 60px;
}

.glob_section .tit_area .tit {
	font-size: 24px;
}

.glob_section .tit_area .fl_r {
	margin-top: 8px;
}

.glob_section .tit_area .fl_r:after {
	display: table;
	clear: both;
	content: '';
}

.glob_section .tit_area .fl_r .sort_lst {
	float: left;
}

.glob_section .tit_area .fl_r .btn_observe {
	display: block;
	float: left;
	height: 34px;
	margin: 2px 0 0 17px;
	padding: 0 15px;
	border: 1px solid #e1e1e1;
}

.glob_section .tit_area .fl_r .btn_observe:before {
	display: inline-block;
	margin: 6px 5px 0 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -338px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	vertical-align: top;
	content: '';
}

.glob_section .tit_area .fl_r .btn_observe.on:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -242px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.glob_section .more_area {
	margin-top: 30px;
}

.glob_section .btn_top {
	position: static;
	float: right;
	margin-top: 60px;
}

.glob_section .btn_lst {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -506px;
	background-repeat: no-repeat;
	width: 43px;
	height: 42px;
}

.glob_section.noticeboard {
	padding-top: 30px;
}

.glob_section.noticeboard .end_ty .tit_area {
	padding: 0 0 24px 0;
}

.glob_section.noticeboard .end_ty .tit_area .info {
	position: static;
	line-height: 1.8;
}

.glob_section.noticeboard .end_ty .tit_area .info a {
	color: #333;
}

.glob_section.noticeboard .end_ty .tit_area .btn_observe {
	display: block;
	float: right;
	height: 34px;
	margin: -3px 0 0 17px;
	padding: 0 15px;
	border: 1px solid #e1e1e1;
}

.glob_section.noticeboard .end_ty .tit_area .btn_observe:before {
	display: inline-block;
	margin: 8px 5px 0 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -338px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	vertical-align: top;
	content: '';
}

.glob_section.noticeboard .end_ty .tit_area .btn_observe.on:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -242px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.glob_section.noticeboard .fl_r {
	margin-top: 6px;
}

.glob_section.noticeboard .ce_toolbar .toolbar_inner.fixed {
	width: 984px;
}

.glob_section .comment_wrap_area {
	margin: 33px 0 78px;
}

.tit_area3 {
	padding-top: 32px;
}

.tit_area3 .tit {
	margin-bottom: 27px;
	font-size: 18px;
	color: #010101;
	letter-spacing: -1px;
	font-weight: 700;
}

.tit_area3 .tit a {
	color: #010101;
}

.tit_area3 .tit .go {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -261px -841px;
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
	position: relative;
	top: 7px;
	vertical-align: top;
}

.tit_area3 .mnu {
	overflow: hidden;
}

.tit_area3 .mnu li {
	position: relative;
	display: inline-block;
	float: left;
}

.tit_area3 .mnu li a {
	display: inline-block;
	color: #666;
}

.tit_area3 .mnu li span {
	display: inline-block;
	border-bottom: 2px solid #fff;
}

.tit_area3 .mnu li.on a {
	color: #333;
	font-weight: 700;
}

.tit_area3 .mnu li ~ li:before {
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #d1d1d1;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
	margin: -1px 11px 1px 12px;
	content: '';
	display: inline-block;
}

.tit_area3 ~ .tit_area {
	padding-top: 31px;
}

.end_ty {
	margin-top: 41px;
}

.end_ty .tit_area {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 220px 30px 0;
}

.end_ty .tit_area h3 {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -1px;
	color: #333;
}

.end_ty .tit_area .info {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	color: #999;
}

.end_ty .tit_area .info a:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #d1d1d1;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
	margin: -1px 9px 1px 6px;
}

.end_ty .tit_area .writer {
	overflow: hidden;
	margin-top: 26px;
	font-size: 16px;
	line-height: 32px;
	color: #333;
}

.end_ty .tit_area .writer .thumb {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -73px;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	margin-right: 4px;
	vertical-align: top;
	text-indent: 0;
}

.end_ty .tit_area .writer .thumb img {
	width: 100%;
	vertical-align: top;
}

.end_ty .tit_area .writer .ic_ad {
	margin: 8px 0 0 1px;
}

.end_ty .end_area {
	padding: 30px 0;
	font-size: 14px;
	line-height: 30px;
	color: #888;
}

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

.end_ty .btn_area {
	clear: both;
}

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

.end_ty .btn_area .sns_area {
	margin: 8px 0 0 8px;
}

.end_ty .btn_area .sns_area .ico_sns_share_bk {
	border: 0;
}

.end_ty .btn_area .sns_area .sns_layer {
	top: 36px;
	left: -8px;
}

.end_ty .btn_area .btn_lst {
	float: right;
}

.end_ty .related_area {
	clear: both;
	border-top: 1px solid #e5e5e5;
	margin: 25px 0 0;
	padding: 25px 0 0;
	font-size: 16px;
	color: #999;
}

.end_ty .related_area li .tit {
	display: inline-block;
	overflow: hidden;
	max-width: 85%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.end_ty .related_area li .tit:before {
	content: '';
	margin: -1px 15px 1px 0;
}

.end_ty .related_area li .date {
	float: right;
}

.end_ty .related_area li.prev .tit:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -220px -704px;
	background-repeat: no-repeat;
	width: 16px;
	height: 8px;
}

.end_ty .related_area li.prev a .tit:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -260px -704px;
	background-repeat: no-repeat;
	width: 16px;
	height: 8px;
}

.end_ty .related_area li.next .tit:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -240px -704px;
	background-repeat: no-repeat;
	width: 16px;
	height: 8px;
}

.end_ty .related_area li.next a .tit:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -200px -704px;
	background-repeat: no-repeat;
	width: 16px;
	height: 8px;
}

.end_ty .related_area a {
	color: #333;
}

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

.end_ty .txt_desc {
	margin: 6px 0 0;
}

.end_ty .group_lr .group_r .ick {
	margin: 9px 10px 0 0;
	font-size: 12px;
}

.end_ty .group_lr .group_r .ick ~ .ick {
	margin-left: 10px;
}

.map_lst {
	position: relative;
	margin-top: 32px;
}

.map_lst li {
	display: block;
}

.map_lst .ct {
	border: 1px solid #e1e1e1;
	width: 482px;
	font-size: 14px;
	line-height: 26px;
	color: #666;
}

.map_lst h1 {
	padding: 0 20px;
	border-bottom: 1px solid #e1e1e1;
	background: #f7f7f7;
	font-size: 18px;
	line-height: 58px;
	font-weight: 700;
}

.map_lst h1 a {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	vertical-align: top;
	color: #010101;
}

.map_lst .body {
	padding: 13px 19px 34px;
}

.map_lst h2 {
	font-weight: 700;
}

.map_lst h2 a {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	vertical-align: top;
	color: #010101;
}

.map_lst ol {
	margin: 7px 0 0 20px;
}

.map_lst ol li ~ li {
	margin-top: 27px;
}

.map_lst ol + h2 {
	margin-top: 27px;
}

.map_lst h3 {
	color: #010101;
}

.map_lst .sub {
	padding: 7px 0 0;
}

.map_lst .sub li {
	position: relative;
	padding-left: 12px;
}

.map_lst .sub li a {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	vertical-align: top;
	color: #666;
}

.map_lst .sub li:before {
	position: absolute;
	top: 13px;
	left: 1px;
	content: '';
	display: inline-block;
	width: 2px;
	height: 2px;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
	background: #666;
}

.map_lst .sub li ~ li {
	margin-top: 0;
}

.tit_area2 .tit {
	display: inline;
	font-size: 16px;
	color: #010101;
	font-weight: 700;
}

.tit_area2 .dsc {
	display: inline;
	font-size: 14px;
	color: #999;
}

.tit_area2 .dsc:before {
	content: '';
	margin: -1px 9px 1px 7px;
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #d1d1d1;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
}

.map_lst ~ .tit_area2 {
	margin-top: 60px;
}

.map_lst2 {
	overflow: hidden;
}

.map_lst2 ul {
	margin: -10px;
}

.map_lst2 li {
	float: left;
	width: 50%;
}

.map_lst2 li .tit {
	margin: 10px;
	display: block;
	border: 1px solid #e1e1e1;
	background: #f7f7f7;
	padding: 0 0 0 20px;
	font-size: 18px;
	line-height: 58px;
	font-weight: 700;
}

.map_lst2 li .tit a {
	display: inline-block;
	overflow: hidden;
	max-width: 90%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	vertical-align: top;
	color: #010101;
}

.map_lst2 li .tit:after {
	margin: -1px 0 1px 6px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -397px;
	background-repeat: no-repeat;
	width: 15px;
	height: 17px;
	vertical-align: middle;
}

.tit_area2 ~ .map_lst2 {
	margin-top: 20px;
}

.grade_new_set .grade_info {
	padding: 29px 30px 24px;
	margin-top: 38px;
	background: #f9f9f9;
}

.grade_new_set .grade_info .info_txt {
	line-height: 24px;
}

.grade_new_set .grade_info .info_txt > a {
	color: #333;
	text-decoration: underline;
}

.grade_new_set .grade_info .lnk_go {
	display: inline-block;
	margin-top: 10px;
	line-height: 16px;
	color: #333;
	text-decoration: underline;
}

.grade_new_set .grade_info .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;
}

.grade_new_set .grade_info ul {
	margin-top: 5px;
}

.grade_new_set .grade_info li {
	color: #333;
}

.grade_new_set .grade_info li.sub {
	margin-top: 15px;
	color: #666;
}

.grade_new_set .grade_info li.sub + .sub {
	margin-top: 2px;
}

.grade_new_set .grade_info li.sub:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -894px -216px;
	background-repeat: no-repeat;
	width: 2px;
	height: 2px;
}

.grade_new_set .sub_desc {
	margin-top: 44px;
}

.grade_new_set .table_grade_set {
	margin-top: 13px;
}

.grade_new_set .table_grade_set .table tr th {
	height: 50px;
	background: #fdfdfd;
	color: #333;
}

.grade_new_set .table_grade_set .table td {
	height: 116px;
	text-align: center;
	color: #666;
}

.grade_new_set .table_grade_set .table td.set {
	padding-left: 20px;
	position: relative;
	text-align: left;
	vertical-align: top;
}

.grade_new_set .table_grade_set .table tr {
	border: 1px solid #e5e5e5;
}

.grade_new_set .table_grade_set .table tr .ico_cant_delete {
	display: inline-block;
	width: 8px;
	height: 1px;
	background-color: #c0c0c0;
}

.grade_new_set .table_grade_set .table tr .ico_checked, .grade_new_set .table_grade_set .table tr .ico_cant_delete, .grade_new_set .table_grade_set .table tr .ico_g_delete {
	vertical-align: middle;
}

.grade_new_set .table_grade_set .table tr.on .set2 {
	display: block;
	position: relative;
}

.grade_new_set .table_grade_set .table tr.on .set2 .score {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	white-space: nowrap;
}

.grade_new_set .table_grade_set .table tr.on .set2 .score em {
	font-weight: 700;
	color: #00c73c;
}

.grade_new_set .table_grade_set .table tr.on .ico_checked {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -350px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.grade_new_set .table_grade_set .table tr.er .it.spinner input {
	border-color: #ff5230 !important;
	color: #ff5230 !important;
}

.grade_new_set .table_grade_set .table tr.er .score em {
	color: #ff5230 !important;
}

.grade_new_set .table_grade_set .table input {
	text-align: center;
	text-transform: uppercase;
	padding-left: 0;
}

.grade_new_set .table_grade_set .table .it input, .grade_new_set .table_grade_set .table .it textarea {
	border: 1px solid #CECECE;
}

.grade_new_set .table_grade_set .table .slider_range_area {
	float: left;
	margin: 41px 0 0;
}

.grade_new_set .table_grade_set .table .gr {
	position: absolute;
	top: 0;
	right: 0;
	width: 113px;
	margin: 30px 0 0 0;
}

.grade_new_set .table_grade_set .table .gr .num {
	width: 100%;
	margin: 0;
	font-size: 14px;
	text-align: right;
}

.grade_new_set .table_grade_set .table .set1 {
	height: 34px;
	margin-bottom: 3px;
	text-align: right;
}

.grade_new_set .table_grade_set .table .set1 .spinner {
	display: inline-block;
	font-weight: 700;
	font-size: 14px;
	color: #333;
	text-align: center;
	vertical-align: top;
}

.grade_new_set .table_grade_set .table .set1 .spinner input {
	text-align: center;
}

.grade_new_set .table_grade_set .table .set1 .num,
.grade_new_set .table_grade_set .table .set1 .tx {
	display: inline-block;
	position: relative;
	top: 5px;
	vertical-align: top;
	line-height: 26px;
}

.grade_new_set .table_grade_set .table .set2 {
	display: block;
	position: relative;
}

.grade_new_set .table_grade_set .table .set2 .score {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	white-space: nowrap;
	line-height: 25px;
}

.grade_new_set .table_grade_set .table .set2 .score em {
	font-weight: 700;
	color: #666;
}

.grade_new_set .table_grade_set .table .set2 .score .point {
	color: #00c73c;
}

.grade_new_set .table_grade_set .table .end {
	padding: 0 0 0 41px;
}

.grade_new_set .table_grade_set .table span.btn_type12 {
	display: inline-block;
}

.grade_new_set .table_grade_set .btn_type12 {
	display: inline-block;
	height: 32px;
	line-height: 30px;
	color: #999;
	letter-spacing: -1px;
}

.grade_new_set .table_grade_set .btn_type12:before {
	content: '';
	vertical-align: middle;
	margin: -6px 6px 0 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -729px -787px;
	background-repeat: no-repeat;
	width: 14px;
	height: 9px;
}

.grade_new_set .table_grade_set .btn_type12.btn.on {
	background-color: #00c73c;
	color: #FFF;
	border-color: #00c73c;
}

.grade_new_set .table_grade_set .btn_type12.btn.on:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -711px -787px;
	background-repeat: no-repeat;
	width: 14px;
	height: 9px;
}

.grade_new_set .table_grade_set.top tr {
	background-color: #f7f7f7;
}

.grade_new_set .table_grade_set.top tr .it {
	background: none;
}

.grade_new_set .table_grade_set.top .gr {
	margin-right: 17px;
}

.grade_new_set .table_grade_set.detail {
	margin-top: 0;
}

.grade_new_set .table_grade_set.detail .table {
	border: 1px solid #e5e5e5;
	border-top: none;
}

.grade_new_set .table_grade_set.detail .table th {
	vertical-align: bottom;
	background-color: #FFF;
	font-size: 12px;
	font-weight: normal;
	color: #999;
}

.grade_new_set .table_grade_set.detail .table tr {
	border: none;
}

.grade_new_set .table_grade_set.detail .table .gr {
	margin-right: 17px;
}

.grade_new_set .table_grade_set .disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: default !important;
}

.grade_new_set .group_lr .group_l {
	position: relative;
}

.grade_new_set .group_lr .tit {
	display: inline-block;
	vertical-align: middle;
}

.grade_new_set .group_lr .btn_help {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -177px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-left: 2px;
	vertical-align: middle;
}

.grade_new_set .group_lr .bubb {
	top: 34px;
	right: 80px;
}

.grade_new_set .group_lr .bubb .arrow {
	right: 82px;
}

.grade_new_set .group_lr .group_r .txt_desc {
	display: inline-block;
}

.grade_new_set .btn.go_setting,
.grade_new_set .btn.reset_setting {
	margin-left: 10px;
	color: #666;
	letter-spacing: -1px;
	font-size: 12px;
}

.grade_new_set .btn.go_setting:after {
	content: '';
	vertical-align: 2px;
	margin-left: 5px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -788px;
	background-repeat: no-repeat;
	width: 12px;
	height: 9px;
}

.grade_new_set .btn.reset_setting:before {
	content: '';
	vertical-align: 1px;
	margin-right: 5px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -624px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
}

.grade_new_set .btn_area {
	width: 100%;
	border: 1px solid #e5e5e5;
	border-top: none;
}

.grade_new_set .btn_area .btn.crosshair {
	width: 100%;
	height: 56px;
	line-height: 56px;
}

.grade_new_set .certificate_box {
	margin-top: 40px;
	padding: 23px 58px 23px 24px;
	border: 1px solid #dedede;
}

.grade_new_set .certificate_box .sjt_box {
	float: left;
	position: relative;
	line-height: 32px;
}

.grade_new_set .certificate_box .sjt_box strong {
	color: #333;
	font-weight: 700;
	letter-spacing: -1px;
}

.grade_new_set .certificate_box .sjt_box .btn_help {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -177px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-left: 6px;
	vertical-align: middle;
}

.grade_new_set .certificate_box .result_btn {
	float: right;
}

.grade_new_set .certificate_box .result_btn .btn + .btn {
	margin-left: 4px;
}

.grade_new_set .certificate_box .result_btn .btn_preview {
	display: inline-block;
	height: 32px;
	padding: 0 18px;
	border: 1px solid #c0c0c0;
	line-height: 30px;
	color: #999;
	letter-spacing: -1px;
	border-radius: 16px;
	-webkit-border-radius: 16px;
}

.grade_new_set .certificate_box .result_btn .btn_type12 {
	display: inline-block;
	height: 32px;
	line-height: 30px;
	color: #999;
	letter-spacing: -1px;
}

.grade_new_set .certificate_box .result_btn .btn_type12:before {
	content: '';
	vertical-align: middle;
	margin: -6px 6px 0 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -729px -787px;
	background-repeat: no-repeat;
	width: 14px;
	height: 9px;
}

.grade_new_set .certificate_box .result_btn .btn_type12.btn.on {
	background-color: #00c73c;
	color: #FFF;
	border-color: #00c73c;
}

.grade_new_set .certificate_box .result_btn .btn_type12.btn.on:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -711px -787px;
	background-repeat: no-repeat;
	width: 14px;
	height: 9px;
}

.grade_new_set .certificate_box .help_pop {
	left: 0;
	top: 34px;
}

.grade_new_set .certificate_box:after {
	display: block;
	clear: both;
	content: '';
}

.grade_new_set .help_pop {
	position: absolute;
	left: 24px;
	top: 31px;
	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;
}

.grade_new_set .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;
}

.grade_new_set .cpt_lang {
	position: relative;
	top: 1px;
	margin-left: 20px;
	letter-spacing: -.5px;
}

.grade_new_set .cpt_lang::before {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	border: 1px solid #aeaeae;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	vertical-align: -1px;
	content: '';
}

.grade_new_set input[type="radio"]:checked + .cpt_lang::after {
	display: block;
	position: absolute;
	top: 3px;
	left: 2px;
	width: 8px;
	height: 8px;
	background-color: #00c73c;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	content: '';
}

.grade_new_set .complete_history {
	margin-top: 10px;
}

.page.myhome .btn_top {
	position: static;
	float: right;
	margin: 60px 1px 0 0;
}

.re_pack .ick .radio.checked {
	border: 0;
}

.re_pack .myhome_info .basic_info_box ul .gender .ick {
	vertical-align: middle;
	padding-left: 24px;
}

.re_pack .myhome_info .basic_info_box ul .gender .ick .radio {
	width: 16px;
	height: 16px;
	margin-top: 0;
}

.re_pack .myhome_info .basic_info_box ul .gender .ick .radio.checked {
	border: 0;
}

.re_pack .myhome_info .basic_info_box ul .gender .ick .radio.checked::after {
	width: 4px;
	height: 4px;
	background-color: #fff;
}

.re_pack .myhome_info .terms {
	margin-top: 40px;
}

.re_pack .myhome_info .terms .info_tit {
	margin-bottom: 24px;
}

.re_pack .myhome_info .terms .ick {
	display: block;
	line-height: 13px;
	padding-left: 24px;
}

.re_pack .myhome_info .terms .ick .checkbox {
	width: 20px;
	height: 20px;
	top: -1px;
	border: 0;
}

.re_pack .myhome_info .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;
}

.re_pack .myhome_info .terms .ick .checkbox.checked:after {
	background-position: -160px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 0;
}

.re_pack .myhome_info .terms .ick .ph {
	font-size: 12px;
	line-height: 20px;
}

.re_pack .myhome_info .terms .ick + .ick {
	margin-left: 0;
	margin-top: 12px;
}

.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 .done_area .circle_progress_wrap .slash {
	margin: 0 4px 0 0;
}

.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;
	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 .chosen-container.chosen-container-single .chosen-single span {
	color: #25292F;
}

.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;
	font-size: 0;
}

.myhome_info .save_btn [class^=btn] {
	display: inline-block;
	height: 42px;
	padding: 0 36px;
	margin: 0 4px 0 4px;
	background-color: #ccc;
	font-size: 16px;
	line-height: 42px;
	font-weight: 600;
	color: #fff;
	vertical-align: top;
	-webkit-border-radius: 0;
	        border-radius: 0;
}

.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: 24px;
	color: #00c73c;
}

.myhome_info .basic_info_box .info_tit.integral + ul li em {
	display: inline-block;
	margin-bottom: 7px;
}

.myhome_info .basic_info_box .info_tit.integral + ul li input {
	border-color: #dedede;
}

.myhome_info .basic_info_box .info_tit ~ .info_tit {
	margin: 40px 0 24px;
}

.myhome_info .basic_info_box .thmb_area {
	margin-bottom: 40px;
	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;
	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, .myhome_info .basic_info_box ul .github, .myhome_info .basic_info_box ul .area {
	line-height: 30px;
}

.myhome_info .basic_info_box ul .birthday em, .myhome_info .basic_info_box ul .gender em, .myhome_info .basic_info_box ul .github em, .myhome_info .basic_info_box ul .area em {
	display: inline-block;
	width: 120px;
}

.myhome_info .basic_info_box ul .birthday .it .ph, .myhome_info .basic_info_box ul .gender .it .ph, .myhome_info .basic_info_box ul .github .it .ph, .myhome_info .basic_info_box ul .area .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, .myhome_info .basic_info_box ul .github .it input, .myhome_info .basic_info_box ul .area .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, .myhome_info .basic_info_box ul .github .ick, .myhome_info .basic_info_box ul .area .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, .myhome_info .basic_info_box ul .github .ick .radio, .myhome_info .basic_info_box ul .area .ick .radio {
	margin-top: 3px;
}

.myhome_info .basic_info_box ul .birthday .text, .myhome_info .basic_info_box ul .gender .text, .myhome_info .basic_info_box ul .github .text, .myhome_info .basic_info_box ul .area .text {
	color: #333;
	font-size: 14px;
	line-height: 32px;
}

.myhome_info .basic_info_box ul .birthday .text + .btn.btn_type_add, .myhome_info .basic_info_box ul .gender .text + .btn.btn_type_add, .myhome_info .basic_info_box ul .github .text + .btn.btn_type_add, .myhome_info .basic_info_box ul .area .text + .btn.btn_type_add {
	margin-left: 12px;
}

.myhome_info .basic_info_box ul .github, .myhome_info .basic_info_box ul .area {
	width: auto;
}

.myhome_info .basic_info_box ul .ick {
	margin-top: 4px;
	font-size: 12px;
}

.myhome_info .basic_info_box .active-result {
	float: none;
	width: 100%;
	margin-left: 0;
	color: #666;
}

.myhome_info .password_info_box {
	margin-top: 40px;
	padding: 80px 80px 80px;
	background-color: #fff;
}

.myhome_info .password_info_box h2 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	float: left;
}

.myhome_info .password_info_box .sub {
	line-height: 19px;
}

.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 .sub {
	font-size: 14px;
	color: #999;
	float: left;
	margin-left: 24px;
}

.myhome_info .password_info_box .user_confirm {
	position: relative;
	margin-top: 40px;
}

.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;
	text-decoration: none;
}

.myhome_info .dsc_area .rel_link3::after {
	margin-left: 5px;
}

.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;
	background-position: -785px -603px;
	background-repeat: no-repeat;
	width: 24px;
	height: 22px;
}

.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;
	background-position: -753px -571px;
	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 .account_interlock_info .ico_kakao {
	top: 4px;
	background-position: -849px -571px;
	background-repeat: no-repeat;
	width: 24px;
	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: '';
}

.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: inline-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 {
	color: #000;
	font-weight: normal;
}

.noti_lst li.edwith .con .state strong span {
	color: #000 !important;
}

.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 strong span {
	color: #000 !important;
}

.noti_lst li .con .state .date {
	margin-left: 9px;
	font-size: 12px;
	color: #999 !important;
}

.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;
	border-top: 0;
}

#wrap.myhome_wrap #container #snb .state_area .btn {
	color: #999;
	font-size: 20px;
	line-height: 23px;
}

#wrap.myhome_wrap #container #snb .state_area .btn.on {
	color: #010101;
}

#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;
}

.quiz #_wrap_quiz_content .q_body {
	margin: 32px 25px 17px 24px;
}

.quiz .quiz_desc {
	margin: 0 0 40px 0;
	line-height: 21px;
}

.quiz .quiz_info {
	margin: 0px 0 40px 0px;
}

.quiz .quiz_info .it.stretch {
	background-color: #fff;
	margin-top: 10px;
}

.quiz .quiz_info dl {
	font-size: 12px;
}

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

.quiz .quiz_info dl dt {
	clear: both;
	float: left;
	width: 125px;
	line-height: 16px;
	font-weight: 700;
	color: #333;
}

.quiz .quiz_info dl dd {
	float: left;
	margin: 0;
}

.quiz .quiz_info dl dt.ma {
	position: relative;
	margin: 4px 0 7px;
	top: 9px;
}

.quiz .quiz_info dl dt.ma + dd {
	margin: 4px 0 7px;
}

.quiz .share {
	border-top: 0;
	margin-top: -40px;
}

.quiz .share + .group_lr .txt_desc:first-child {
	margin-top: -30px;
}

.quiz .quiz_add_wrap {
	border: 1px solid #25292f;
	margin-bottom: 40px;
}

.quiz .quiz_add_wrap ~ .group_lr + .quiz_add_wrap {
	margin-top: 50px;
}

.quiz .quiz_add_wrap .q_header {
	z-index: 20;
	position: relative;
	height: 80px;
	padding: 20px 0 0 24px;
	background: #FDFDFD;
	border-bottom: 1px solid #e6e6e6;
}

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

.quiz .quiz_add_wrap .q_header .q {
	float: left;
}

.quiz .quiz_add_wrap .q_header .q li {
	float: left;
	position: relative;
	width: 40px;
	height: 40px;
	margin: 0 8px 0 0;
}

.quiz .quiz_add_wrap .q_header .q li a {
	font-family: NanumSquareWebFont,  Helvetica;
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 0;
	color: #FFF;
	font-weight: 700;
	text-align: center;
	line-height: 40px;
	text-indent: 0 !important;
	background-color: #384047;
}

.quiz .quiz_add_wrap .q_header .q li a:hover, .quiz .quiz_add_wrap .q_header .q li a:focus {
	text-decoration: none;
}

.quiz .quiz_add_wrap .q_header .q li.on a {
	content: '';
	overflow: hidden;
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.quiz .quiz_add_wrap .q_header .q li.current:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	height: 4px;
	background-color: #f0f0f0;
}

.quiz .quiz_add_wrap .q_header .util {
	float: left;
	position: relative;
}

.quiz .quiz_add_wrap .q_header .util button {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -45px -761px;
	background-repeat: no-repeat;
	width: 41px;
	height: 40px;
	border: 0;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.quiz .quiz_add_wrap .q_header .util .ly {
	display: none;
	position: absolute;
	width: 102px;
	top: 19px;
	left: 100%;
	margin: 0 0 0 25px;
	padding: 10px 0 10px 16px;
	border: 1px solid #DBDBDB;
	background: #FFF;
}

.quiz .quiz_add_wrap .q_header .util .ly:before {
	position: absolute;
	left: -15px;
	top: -1px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -719px -527px;
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
}

.quiz .quiz_add_wrap .q_header .util .ly a {
	color: #333;
	white-space: nowrap;
}

.quiz .quiz_add_wrap .q_header .util .ly a:hover, .quiz .quiz_add_wrap .q_header .util .ly a:focus {
	text-decoration: none;
}

.quiz .quiz_add_wrap .q_header .util .ly a:hover {
	font-weight: 700;
}

.quiz .quiz_add_wrap .q_header .total_score {
	font-size: 12px;
	line-height: 13px;
	position: absolute;
	top: 34px;
	right: 25px;
	margin: 0;
	font-weight: 700;
	color: #333;
}

.quiz .quiz_add_wrap .q_header .total_score strong {
	color: #00c73c;
}

.quiz .quiz_add_wrap .a_sel {
	margin-top: 24px;
}

.quiz .quiz_add_wrap .a_sel li + li {
	margin-top: 7px;
}

.quiz .quiz_add_wrap .a_sel .radio {
	width: 12px;
	height: 12px;
}

.quiz .quiz_add_wrap .q_body {
	position: relative;
	z-index: 10;
	margin: 25px 20px 30px;
}

.quiz .quiz_add_wrap .q_body .txt_desc {
	margin: 8px 0 13px;
}

.quiz .quiz_add_wrap .q_body .txt_desc::before {
	content: '';
	top: 2px;
	margin: 0;
}

.quiz .quiz_add_wrap .q_body .q_txt {
	position: relative;
	color: #333;
	font-weight: 700;
	overflow: hidden;
}

.quiz .quiz_add_wrap .q_body .q_txt:last-of-type {
	margin-bottom: 24px;
}

.quiz .quiz_add_wrap .q_body .q_txt .l {
	display: block;
	float: left;
	margin: 0 8px 0 0;
}

.quiz .quiz_add_wrap .q_body .q_txt .l .label {
	margin-right: 2px;
	vertical-align: top;
	top: 3px;
}

.quiz .quiz_add_wrap .q_body .q_txt .r {
	display: block;
	overflow: hidden;
	position: relative;
}

.quiz .quiz_add_wrap .q_body .q_txt em {
	font-weight: 700;
}

.quiz .quiz_add_wrap .q_body .q_txt b {
	font-weight: bold;
}

.quiz .quiz_add_wrap .q_body .editor_reset p {
	line-height: 21px;
}

.quiz .quiz_add_wrap .q_body .editor_area {
	padding: 10px 0 17px;
	border: 0;
	background: none;
}

.quiz .quiz_add_wrap .q_body .editor_area .editor_reset {
	color: #666;
}

.quiz .quiz_add_wrap .q_body .bx {
	border: 1px solid #D1D1D1;
	padding: 12px 15px 15px;
}

.quiz .quiz_add_wrap .q_body .bx.type2 {
	padding-bottom: 10px;
	margin: 15px 0 0 0;
}

.quiz .quiz_add_wrap .q_body .bx.type2 ul, .quiz .quiz_add_wrap .q_body .bx.type2 ol {
	display: block;
	padding-left: 30px;
}

.quiz .quiz_add_wrap .q_body .bx.type2 ul li {
	list-style: disc;
}

.quiz .quiz_add_wrap .q_body .bx.type2 ul ul li {
	list-style: circle;
}

.quiz .quiz_add_wrap .q_body .bx.type2 ul ul ul li {
	list-style: square;
}

.quiz .quiz_add_wrap .q_body .bx.type2 ol li {
	list-style: decimal;
}

.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt {
	font-weight: 700;
	color: #333;
}

.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type1 {
	display: block;
	margin-top: 9px;
}

.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type1 ~ p {
	margin-top: 0;
}

.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2 {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	position: relative;
	margin: 0 0 -8px;
	line-height: 25px;
}

.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2:before, .quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2:after {
	display: table;
	clear: both;
	content: ' ';
}

.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2 .score:before, .quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2 .score:after {
	display: table;
	clear: both;
	content: ' ';
}

.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2 .score em {
	color: #00c73c;
}

.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2 .l {
	float: left;
}

.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2 .r {
	overflow: hidden;
	float: left;
}

.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt ~ p {
	margin-top: 10px;
}

.quiz .quiz_add_wrap .q_body .a_wrap {
	margin-top: 15px;
}

.quiz .quiz_add_wrap .q_body .a_wrap:before, .quiz .quiz_add_wrap .q_body .a_wrap:after {
	display: table;
	clear: both;
	content: ' ';
}

.quiz .quiz_add_wrap .q_body .a_wrap + .a_wrap {
	margin-top: 50px;
}

.quiz .quiz_add_wrap .q_body .a_wrap .a_group_wrap:before, .quiz .quiz_add_wrap .q_body .a_wrap .a_group_wrap:after {
	display: table;
	clear: both;
	content: ' ';
}

.quiz .quiz_add_wrap .q_body .a_wrap .a_group_wrap + .a_group_wrap {
	margin: 15px 0 0 0;
}

.quiz .quiz_add_wrap .q_body .a_wrap .a_group + .a_group {
	margin: 10px 0 0 0;
}

.quiz .quiz_add_wrap .q_body .a_wrap .a_group.sel {
	position: relative;
	padding: 0 0 0 24px;
}

.quiz .quiz_add_wrap .q_body .a_wrap .a_group.sel .ick {
	position: absolute;
	left: 0;
	top: 5px;
}

.quiz .quiz_add_wrap .q_body .a_wrap .a_group.sel .ick .radio {
	width: 12px;
	height: 12px;
	top: 6px;
}

.quiz .quiz_add_wrap .q_body .a_wrap .a_group.sel .ick .radio.checked:after {
	width: 4px;
	height: 4px;
	background: #fff;
}

.quiz .quiz_add_wrap .q_body .a_wrap .a_group_wrap .a_group.sel:first-child .it.it_added .added {
	display: none;
}

.quiz .quiz_add_wrap .q_body .a_wrap .a_group_wrap .a_group.sel:first-child + .a_group.sel .it.it_added .added {
	display: none;
}

.quiz .quiz_add_wrap .q_body .a_wrap .dl_float_list {
	overflow: hidden;
	margin: 0;
	font-size: 12px;
}

.quiz .quiz_add_wrap .q_body .a_wrap .dl_float_list dt {
	clear: both;
	float: left;
	font-weight: 700;
	color: #333;
	line-height: 23px;
}

.quiz .quiz_add_wrap .q_body .a_wrap .dl_float_list dd {
	float: left;
	margin: 2px 0 0 15px;
}

.quiz .quiz_add_wrap .q_body .a_wrap .dl_float_list dd .ick .radio {
	width: 12px;
	height: 12px;
	top: 4px;
}

.quiz .quiz_add_wrap .q_body .a_wrap .dl_float_list dd .ick .radio.checked::after {
	width: 4px;
	height: 4px;
	background: #fff;
}

.quiz .quiz_add_wrap .q_body .a_sel .correct {
	font-weight: 700;
}

.quiz .quiz_add_wrap .q_body .a_sel li + li {
	margin-top: 16px;
}

.quiz .quiz_add_wrap .q_body .a_sel li .ick {
	line-height: 15px;
}

.quiz .quiz_add_wrap .q_body .a_sel li .ick .radio, .quiz .quiz_add_wrap .q_body .a_sel li .ick .checkbox {
	top: 1px;
}

.quiz .quiz_add_wrap .q_body .sub_modal_wrap {
	clear: both;
}

.quiz .quiz_add_wrap .q_foot {
	margin: 0 30px 39px 24px;
	padding-top: 15px;
}

.quiz .quiz_add_wrap .q_foot .btn {
	margin-right: 4px;
}

.quiz .quiz_add_wrap .q_foot .btn.btn_type2 {
	height: 48px;
	padding: 0 41px 0 42px;
}

.quiz .quiz_add_wrap .q_foot .btn span {
	font-weight: 600;
}

.quiz .submit_cnt {
	margin: 2px 7px -2px 0;
	display: inline-block;
	color: #999;
}

.quiz .submit_cnt em {
	color: #333;
	font-weight: 700;
}

.quiz_detail .table.table_type2 td > a {
	text-decoration: underline;
}

.quiz_detail .table.table_type2 .ico_e {
	position: relative;
	top: -2px;
	right: 2px;
	vertical-align: middle;
}

/*퀴즈, 과제 설정영역 공통*/
body.re_pack .page .page_header + .quiz_info {
	margin-top: -9px;
}

body.re_pack .page .page_header + .task_info {
	margin-top: -9px;
}

body.re_pack .task_info {
	margin-bottom: 33px;
}

body.re_pack .task_info dl {
	margin-bottom: 0;
}

body.re_pack .quiz_info, body.re_pack .task_info {
	margin-top: 40px;
}

body.re_pack .quiz_info label + dl, body.re_pack .task_info label + dl {
	margin-top: 11px;
}

body.re_pack .quiz_info dl, body.re_pack .task_info dl {
	margin-left: 0;
	-webkit-box-shadow: 0 1px 0 0 #f5f7f7;
	        box-shadow: 0 1px 0 0 #f5f7f7;
}

body.re_pack .quiz_info dl.mab_none, body.re_pack .task_info dl.mab_none {
	margin-bottom: 0;
}

body.re_pack .quiz_info dl.close, body.re_pack .task_info dl.close {
	display: none;
}

body.re_pack .quiz_info dl dt, body.re_pack .task_info dl dt {
	width: 120px;
	line-height: 16px;
}

body.re_pack .quiz_info dl dt.ma, body.re_pack .task_info dl dt.ma {
	margin: 0px 0 7px;
	top: 27px;
}

body.re_pack .quiz_info dl dd, body.re_pack .task_info dl dd {
	max-width: 640px;
	min-width: 620px;
}

body.re_pack .quiz_info dl dt, body.re_pack .quiz_info dl dd, body.re_pack .task_info dl dt, body.re_pack .task_info dl dd {
	font-size: 13px;
	margin: 16px 0 16px 0;
}

body.re_pack .quiz_info dl dt.ma + dd, body.re_pack .task_info dl dt.ma + dd {
	margin: 16px 0 16px 0;
}

body.re_pack .quiz_info dl dd.with_input, body.re_pack .task_info dl dd.with_input {
	width: 640px;
}

body.re_pack .quiz_info dl dd.with_input label + .tarea, body.re_pack .task_info dl dd.with_input label + .tarea {
	margin-top: 8px;
}

body.re_pack .quiz_info dl dd.with_input .ick, body.re_pack .task_info dl dd.with_input .ick {
	margin-right: 20px;
	margin-bottom: 8px;
}

body.re_pack .quiz_info dl dd.with_input .ick + .ick, body.re_pack .task_info dl dd.with_input .ick + .ick {
	margin-left: 0;
}

body.re_pack .quiz_info .chosen-container, body.re_pack .task_info .chosen-container {
	font-size: 13px;
}

body.re_pack .quiz_info .txt_desc, body.re_pack .task_info .txt_desc {
	line-height: 16px;
}

body.re_pack .quiz_info .tarea, body.re_pack .task_info .tarea {
	padding-left: 8px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	padding-top: 0;
	width: 100%;
	border: 1px solid #f0f0f0;
}

body.re_pack .quiz_info .tarea input[type="text"], body.re_pack .task_info .tarea input[type="text"] {
	color: #666;
	font-size: 13px;
	border: 0;
	height: 32px;
	padding-left: 0 !important;
}

body.re_pack .quiz_info .tarea .ph, body.re_pack .task_info .tarea .ph {
	top: 9px;
}

body.re_pack .quiz_info .tarea ul.tagit, body.re_pack .task_info .tarea ul.tagit {
	min-height: 46px;
	border: 0 !important;
	padding-top: 7px;
}

body.re_pack .quiz_info .info_opt, body.re_pack .task_info .info_opt {
	margin-top: 9px;
	margin-bottom: -5px;
	overflow: hidden;
}

body.re_pack .quiz_info .info_opt .ick, body.re_pack .task_info .info_opt .ick {
	float: left;
}

body.re_pack .quiz_info .info_opt .ick .ph, body.re_pack .task_info .info_opt .ick .ph {
	font-size: 13px;
	line-height: 18px;
}

body.re_pack .quiz_info .info_opt .txt_desc, body.re_pack .task_info .info_opt .txt_desc {
	float: left;
	margin-left: 25px;
}

body.re_pack .quiz_info .wave, body.re_pack .task_info .wave {
	font-size: 13px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", arial, sans-serif;
	font-weight: 400;
	line-height: 34px;
	margin: 0 1px 0 1px;
	color: #666;
	vertical-align: middle;
}

body.re_pack .quiz_info .it input[type="text"], body.re_pack .task_info .it input[type="text"] {
	padding-left: 8px;
	border: 0;
}

body.re_pack .quiz_info .it .ph, body.re_pack .task_info .it .ph {
	left: 8px;
	font-size: 13px;
}

body.re_pack .quiz_info .slt, body.re_pack .task_info .slt {
	vertical-align: top;
}

body.re_pack .quiz_info .slt + .ick, body.re_pack .task_info .slt + .ick {
	width: 21px;
	white-space: nowrap;
}

body.re_pack .quiz_info .ick, body.re_pack .task_info .ick {
	line-height: 16px;
}

body.re_pack .quiz_info .ick + .ick, body.re_pack .task_info .ick + .ick {
	margin-left: 24px;
}

body.re_pack .quiz_info .ick + .txt_desc, body.re_pack .task_info .ick + .txt_desc {
	display: inline-block;
	margin-left: 8px;
}

body.re_pack .quiz_info .ick .radio, body.re_pack .task_info .ick .radio {
	width: 12px;
	height: 12px;
	top: 2px;
}

body.re_pack .quiz_info .ick .radio.checked, body.re_pack .task_info .ick .radio.checked {
	border: 1px solid transparent;
}

body.re_pack .quiz_info .ick .radio.checked::after, body.re_pack .task_info .ick .radio.checked::after {
	width: 4px;
	height: 4px;
	background-color: #fff;
}

body.re_pack .quiz_info .ick .radio + .ph, body.re_pack .task_info .ick .radio + .ph {
	left: 0;
}

body.re_pack .quiz_info .ick.fs14 .ph, body.re_pack .task_info .ick.fs14 .ph {
	vertical-align: middle;
}

body.re_pack .quiz_info .ick .checkbox, body.re_pack .task_info .ick .checkbox {
	width: 13px;
	height: 13px;
	top: 2px;
	border-color: #d0d6d9;
}

body.re_pack .quiz_info .ick .checkbox.checked, body.re_pack .task_info .ick .checkbox.checked {
	border-color: transparent;
}

body.re_pack .quiz_info .ick .checkbox.checked::after, body.re_pack .task_info .ick .checkbox.checked::after {
	top: -1px;
	left: 0px;
	background-position: -680px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

body.re_pack .quiz_info .ick .checkbox + .ph, body.re_pack .task_info .ick .checkbox + .ph {
	left: 0;
}

body.re_pack .quiz_info .input_txt, body.re_pack .task_info .input_txt {
	width: 94px;
	height: 34px;
	padding: 0 8px;
	border: 1px solid #f0f0f0;
	line-height: 34px;
	color: #25292F;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

body.re_pack .quiz_info .chosen-container.chosen-container-single .chosen-single, body.re_pack .task_info .chosen-container.chosen-container-single .chosen-single {
	padding-left: 7px;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

body.re_pack .quiz_info .chosen-container.chosen-container-single .chosen-single span, body.re_pack .task_info .chosen-container.chosen-container-single .chosen-single span {
	color: #25292f;
}

body.re_pack .quiz_info .chosen-container.chosen-container-single .chosen-single div b, body.re_pack .task_info .chosen-container.chosen-container-single .chosen-single div b {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
	background-position: -436px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body.re_pack .quiz_info ._custom_slt, body.re_pack .task_info ._custom_slt {
	padding-left: 7px;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #fff url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/boostcourse/icon-select-arrow-down_2.svg) no-repeat right 9px top 50%;
	-webkit-background-size: 16px 16px;
	        background-size: 16px 16px;
	color: #25292f;
	font-size: 13px;
}

body.re_pack .quiz_info .slt + .slt, body.re_pack .task_info .slt + .slt {
	margin-left: 0;
}

body.re_pack .quiz_info .input_wrap, body.re_pack .task_info .input_wrap {
	display: inline-block;
	vertical-align: middle;
}

body .feedback_peerlist {
	padding: 21px 20px 12px 26px;
	border-bottom: 1px solid #ebebeb;
}

body .feedback_peerlist .peerlist {
	font-size: 0;
}

body .feedback_peerlist .peerlist .peer {
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 8px;
	vertical-align: top;
}

body .feedback_peerlist .peerlist .peer .btn {
	position: relative;
	padding: 7px 15px;
	-webkit-border-radius: 99px;
	        border-radius: 99px;
	background-color: #f5f7f7;
	color: #25292f;
	font-size: 14px;
	line-height: 20px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

body .feedback_peerlist .peerlist .peer .btn:hover {
	color: #fff;
	background-color: #25292f;
}

body .feedback_peerlist .peerlist .peer .btn:before {
	opacity: 0;
	content: '';
	position: absolute;
	top: 9px;
	left: 16px;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	background-position: -515px -549px;
	background-repeat: no-repeat;
	width: 17px;
	height: 16px;
}

body .feedback_peerlist .peerlist .peer .btn:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 9px;
	left: 16px;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	background-position: -490px -549px;
	background-repeat: no-repeat;
	width: 17px;
	height: 16px;
}

body .feedback_peerlist .peerlist .peer.end .btn {
	padding-left: 40px;
}

body .feedback_peerlist .peerlist .peer.end .btn:before {
	opacity: 1;
}

body .feedback_peerlist .peerlist .peer.end .btn:after {
	opacity: 0;
}

body .feedback_peerlist .peerlist .peer.end .btn:hover:before {
	opacity: 0;
}

body .feedback_peerlist .peerlist .peer.end .btn:hover:after {
	opacity: 1;
}

body .feedback_peerlist .peerlist .peer.end.now .btn {
	padding-left: 40px;
}

body .feedback_peerlist .peerlist .peer.end.now .btn:before {
	opacity: 0;
}

body .feedback_peerlist .peerlist .peer.end.now .btn:after {
	opacity: 1;
}

body .feedback_peerlist .peerlist .peer.now .btn {
	color: #fff;
	background-color: #25292f;
}

body .feedback .ick .radio {
	width: 12px;
	height: 12px;
	top: 6px;
}

body .feedback .ick .radio.checked:after {
	width: 4px;
	height: 4px;
	background: #fff;
}

body .feedback #_wrap_feedback_content .q_body {
	margin: 40px 24px 40px 24px;
}

body .feedback .feedback_desc {
	margin: 0 0 40px 0;
	color: #666;
	line-height: 21px;
}

body .feedback .feedback_info {
	margin: 0px 0 40px 0px;
}

body .feedback .feedback_info .it.stretch {
	background-color: #fff;
	margin-top: 10px;
}

body .feedback .feedback_info dl {
	font-size: 12px;
}

body .feedback .feedback_info dl:before, body .feedback .feedback_info dl:after {
	display: table;
	clear: both;
	content: ' ';
}

body .feedback .feedback_info dl dt {
	clear: both;
	float: left;
	width: 125px;
	line-height: 16px;
	font-weight: 700;
	color: #333;
}

body .feedback .feedback_info dl dd {
	float: left;
	margin: 0;
}

body .feedback .feedback_info dl dt.ma {
	position: relative;
	margin: 4px 0 7px;
	top: 9px;
}

body .feedback .feedback_info dl dt.ma + dd {
	margin: 4px 0 7px;
}

body .feedback .share {
	border-top: 0;
	margin-top: -40px;
}

body .feedback .share + .group_lr .txt_desc:first-child {
	margin-top: -30px;
}

body .feedback .feedback_add_wrap {
	border: 1px solid #25292f;
	margin-bottom: 40px;
}

body .feedback .feedback_add_wrap.bdnone .q_body {
	margin: 0;
}

body .feedback .feedback_add_wrap ~ .group_lr + .feedback_add_wrap {
	margin-top: 50px;
}

body .feedback .feedback_add_wrap .q_header {
	z-index: 20;
	position: relative;
	height: 80px;
	padding: 20px 0 0 24px;
	background: #FDFDFD;
	border-bottom: 1px solid #e6e6e6;
}

body .feedback .feedback_add_wrap .q_header:before, body .feedback .feedback_add_wrap .q_header:after {
	display: table;
	clear: both;
	content: ' ';
}

body .feedback .feedback_add_wrap .q_header .q {
	float: left;
}

body .feedback .feedback_add_wrap .q_header .q li {
	float: left;
	position: relative;
	width: 40px;
	height: 40px;
	margin: 0 8px 0 0;
}

body .feedback .feedback_add_wrap .q_header .q li a {
	font-family: NanumSquareWebFont-R,  Helvetica;
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 0;
	color: #FFF;
	font-weight: 700;
	text-align: center;
	line-height: 40px;
	text-indent: 0 !important;
	background-color: #384047;
}

body .feedback .feedback_add_wrap .q_header .q li a:hover, body .feedback .feedback_add_wrap .q_header .q li a:focus {
	text-decoration: none;
}

body .feedback .feedback_add_wrap .q_header .q li.on a {
	content: '';
	overflow: hidden;
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

body .feedback .feedback_add_wrap .q_header .q li.current:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	height: 4px;
}

body .feedback .feedback_add_wrap .q_header .util {
	float: left;
	position: relative;
}

body .feedback .feedback_add_wrap .q_header .util button {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -45px -761px;
	background-repeat: no-repeat;
	width: 41px;
	height: 40px;
	border: 0;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

body .feedback .feedback_add_wrap .q_header .util .ly {
	display: none;
	position: absolute;
	width: 102px;
	top: 19px;
	left: 100%;
	margin: 0 0 0 25px;
	padding: 10px 0 10px 16px;
	border: 1px solid #DBDBDB;
	background: #FFF;
}

body .feedback .feedback_add_wrap .q_header .util .ly:before {
	position: absolute;
	left: -15px;
	top: -1px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -719px -527px;
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
}

body .feedback .feedback_add_wrap .q_header .util .ly a {
	color: #333;
	white-space: nowrap;
}

body .feedback .feedback_add_wrap .q_header .util .ly a:hover, body .feedback .feedback_add_wrap .q_header .util .ly a:focus {
	text-decoration: none;
}

body .feedback .feedback_add_wrap .q_header .util .ly a:hover {
	font-weight: 700;
}

body .feedback .feedback_add_wrap .q_header .total_score {
	font-size: 12px;
	line-height: 13px;
	position: absolute;
	top: 34px;
	right: 25px;
	margin: 0;
	font-weight: 700;
	color: #333;
}

body .feedback .feedback_add_wrap .a_sel {
	margin-top: 24px;
}

body .feedback .feedback_add_wrap .a_sel li + li {
	margin-top: 7px;
}

body .feedback .feedback_add_wrap .feedback_sel {
	margin-top: 24px;
}

body .feedback .feedback_add_wrap .feedback_sel li + li {
	margin-top: 16px;
}

body .feedback .feedback_add_wrap .feedback_sel li .ans {
	color: #666;
	line-height: 15px;
	letter-spacing: -0.5px;
}

body .feedback .feedback_add_wrap .feedback_sel.descriptive li .ans {
	padding: 7px;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	color: #25292f;
	font-size: 13px;
	line-height: 16px;
}

body .feedback .feedback_add_wrap .q_body {
	position: relative;
	z-index: 10;
	margin: 25px 20px 30px;
}

body .feedback .feedback_add_wrap .q_body + .q_body {
	margin-top: 40px;
}

body .feedback .feedback_add_wrap .q_body .it.answer {
	display: block;
}

body .feedback .feedback_add_wrap .q_body .it.answer input, body .feedback .feedback_add_wrap .q_body .it.answer textarea {
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	border-color: #f0f0f0;
}

body .feedback .feedback_add_wrap .q_body .it.answer textarea {
	padding: 7px;
}

body .feedback .feedback_add_wrap .q_body .ph {
	left: 11px;
}

body .feedback .feedback_add_wrap .q_body .txt_desc {
	margin: 8px 0 13px;
}

body .feedback .feedback_add_wrap .q_body .txt_desc::before {
	content: '';
	top: 2px;
	margin: 0;
}

body .feedback .feedback_add_wrap .q_body .q_txt {
	position: relative;
	color: #333;
	font-weight: 700;
	overflow: hidden;
}

body .feedback .feedback_add_wrap .q_body .q_txt:last-of-type {
	margin-bottom: 24px;
}

body .feedback .feedback_add_wrap .q_body .q_txt .l {
	display: block;
	float: left;
	margin: 0 8px 0 0;
}

body .feedback .feedback_add_wrap .q_body .q_txt .l .label {
	margin-right: 2px;
	vertical-align: top;
	top: 3px;
}

body .feedback .feedback_add_wrap .q_body .q_txt .r {
	display: block;
	overflow: hidden;
	position: relative;
}

body .feedback .feedback_add_wrap .q_body .q_txt em {
	font-weight: 700;
}

body .feedback .feedback_add_wrap .q_body .q_txt b {
	font-weight: bold;
}

body .feedback .feedback_add_wrap .q_body .editor_reset p {
	color: #666;
	line-height: 21px;
}

body .feedback .feedback_add_wrap .q_body .editor_area {
	padding: 10px 0 17px;
	border: 0;
	background: none;
}

body .feedback .feedback_add_wrap .q_body .editor_area .editor_reset {
	color: #666;
}

body .feedback .feedback_add_wrap .q_body .bx {
	border: 1px solid #D1D1D1;
	padding: 12px 15px 15px;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 {
	padding: 8px;
	margin: 15px 0 0 0;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 ul, body .feedback .feedback_add_wrap .q_body .bx.type2 ol {
	display: block;
	padding-left: 30px;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 ul li {
	list-style: disc;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 ul ul li {
	list-style: circle;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 ul ul ul li {
	list-style: square;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 ol li {
	list-style: decimal;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt {
	color: #000;
	line-height: 21px;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type1 {
	display: block;
	margin-top: 9px;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type1 ~ p {
	margin-top: 0;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2 {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	position: relative;
	margin: 0 0 -8px;
	line-height: 25px;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2:before, body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2:after {
	display: table;
	clear: both;
	content: ' ';
}

body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2 .score:before, body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2 .score:after {
	display: table;
	clear: both;
	content: ' ';
}

body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2 .l {
	float: left;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2 .r {
	overflow: hidden;
	float: left;
}

body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt ~ p {
	margin-top: 10px;
}

body .feedback .feedback_add_wrap .q_body .a_wrap {
	margin-top: 15px;
}

body .feedback .feedback_add_wrap .q_body .a_wrap:before, body .feedback .feedback_add_wrap .q_body .a_wrap:after {
	display: table;
	clear: both;
	content: ' ';
}

body .feedback .feedback_add_wrap .q_body .a_wrap + .a_wrap {
	margin-top: 50px;
}

body .feedback .feedback_add_wrap .q_body .a_wrap .a_group_wrap:before, body .feedback .feedback_add_wrap .q_body .a_wrap .a_group_wrap:after {
	display: table;
	clear: both;
	content: ' ';
}

body .feedback .feedback_add_wrap .q_body .a_wrap .a_group_wrap + .a_group_wrap {
	margin: 15px 0 0 0;
}

body .feedback .feedback_add_wrap .q_body .a_wrap .a_group + .a_group {
	margin: 10px 0 0 0;
}

body .feedback .feedback_add_wrap .q_body .a_wrap .a_group.sel {
	position: relative;
	padding: 0 0 0 24px;
}

body .feedback .feedback_add_wrap .q_body .a_wrap .a_group.sel .ick {
	position: absolute;
	left: 0;
	top: 5px;
}

body .feedback .feedback_add_wrap .q_body .a_wrap .a_group_wrap .a_group.sel:first-child .it.it_added .added {
	display: none;
}

body .feedback .feedback_add_wrap .q_body .a_wrap .a_group_wrap .a_group.sel:first-child + .a_group.sel .it.it_added .added {
	display: none;
}

body .feedback .feedback_add_wrap .q_body .a_wrap .dl_float_list {
	overflow: hidden;
	margin: 0;
	font-size: 12px;
}

body .feedback .feedback_add_wrap .q_body .a_wrap .dl_float_list dt {
	clear: both;
	float: left;
	font-weight: 700;
	color: #333;
	line-height: 23px;
}

body .feedback .feedback_add_wrap .q_body .a_wrap .dl_float_list dd {
	float: left;
	margin: 2px 0 0 15px;
}

body .feedback .feedback_add_wrap .q_body .a_sel li + li {
	margin-top: 15px;
}

body .feedback .feedback_add_wrap .q_body .a_sel li .ick {
	line-height: 15px;
}

body .feedback .feedback_add_wrap .q_body .a_sel li .ick .radio, body .feedback .feedback_add_wrap .q_body .a_sel li .ick .checkbox {
	top: 1px;
}

body .feedback .feedback_add_wrap .q_body .sub_modal_wrap {
	clear: both;
}

body .feedback .feedback_add_wrap .q_foot {
	margin: 0 30px 39px 24px;
	padding-top: 15px;
}

body .feedback .feedback_add_wrap .q_foot .btn {
	margin-right: 4px;
}

body .feedback .feedback_add_wrap .q_foot .btn.btn_type2 {
	height: 48px;
	padding: 0 41px 0 42px;
}

body .feedback .feedback_add_wrap .q_foot .btn span {
	font-weight: 600;
}

body .feedback .submit_cnt {
	margin: 2px 7px -2px 0;
	display: inline-block;
	color: #999;
}

body .feedback .submit_cnt em {
	color: #333;
	font-weight: 700;
}

body .feedback_detail .table.table_type2 td > a {
	text-decoration: underline;
}

body .feedback_detail .table.table_type2 .ico_e {
	position: relative;
	top: -2px;
	right: 2px;
	vertical-align: middle;
}

body .feedback .page_header + .feedback_info .it .ph {
	top: 8px;
	color: #666;
	font-size: 14px;
	line-height: 20px;
}

body .feedback .page_header + .feedback_info textarea {
	padding: 9px 7px;
	color: #666;
	line-height: 20px;
}

body .feedback .feedback_info {
	margin-top: 40px;
}

body .feedback .feedback_info label + dl {
	margin-top: 11px;
}

body .feedback .feedback_info dl {
	margin-left: 0;
	margin-bottom: 0;
	-webkit-box-shadow: 0 1px 0 0 #f5f7f7;
	        box-shadow: 0 1px 0 0 #f5f7f7;
}

body .feedback .feedback_info dl.mab_none {
	margin-bottom: 0;
}

body .feedback .feedback_info dl.close {
	display: none;
}

body .feedback .feedback_info dl dt {
	width: 120px;
	line-height: 16px;
}

body .feedback .feedback_info dl dt.ma {
	margin: 0px 0 7px;
	top: 27px;
}

body .feedback .feedback_info dl dd {
	max-width: 640px;
	min-width: 620px;
}

body .feedback .feedback_info dl dt, body .feedback .feedback_info dl dd {
	font-size: 13px;
	margin: 16px 0 16px 0;
}

body .feedback .feedback_info dl dt.ma + dd {
	margin: 16px 0 16px 0;
}

body .feedback .feedback_info dl dd.with_input {
	width: 640px;
}

body .feedback .feedback_info dl dd.with_input label + .tarea {
	margin-top: 8px;
}

body .feedback .feedback_info dl dd.with_input .ick {
	margin-right: 20px;
	margin-bottom: 8px;
}

body .feedback .feedback_info dl dd.with_input .ick + .ick {
	margin-left: 0;
}

body .feedback .feedback_info .chosen-container {
	font-size: 13px;
}

body .feedback .feedback_info .txt_desc {
	line-height: 16px;
}

body .feedback .feedback_info .tarea {
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	padding-top: 0;
	padding-left: 8px;
	width: 100%;
	border: 1px solid #f0f0f0;
}

body .feedback .feedback_info .tarea input[type="text"] {
	color: #666;
	font-size: 13px;
	border: 0;
	height: 32px;
	padding-left: 0 !important;
}

body .feedback .feedback_info .tarea .ph {
	top: 9px;
}

body .feedback .feedback_info .tarea ul.tagit {
	min-height: 46px;
	border: 0 !important;
	padding-top: 7px;
}

body .feedback .feedback_info .info_opt {
	margin-top: 9px;
	margin-bottom: -5px;
	overflow: hidden;
}

body .feedback .feedback_info .info_opt .ick {
	float: left;
}

body .feedback .feedback_info .info_opt .ick .ph {
	font-size: 13px;
	line-height: 18px;
}

body .feedback .feedback_info .info_opt .txt_desc {
	float: left;
	margin-left: 25px;
}

body .feedback .feedback_info .wave {
	font-size: 13px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", arial, sans-serif;
	font-weight: 400;
	line-height: 34px;
	margin: 0 1px 0 1px;
	color: #666;
	vertical-align: middle;
}

body .feedback .feedback_info .it input[type="text"] {
	padding-left: 8px;
	border: 0;
}

body .feedback .feedback_info .it .ph {
	display: block;
	left: 8px;
	font-size: 13px;
}

body .feedback .feedback_info .slt {
	vertical-align: top;
}

body .feedback .feedback_info .slt + .ick {
	width: 21px;
	white-space: nowrap;
}

body .feedback .feedback_info .ick {
	line-height: 16px;
}

body .feedback .feedback_info .ick + .ick {
	margin-left: 24px;
}

body .feedback .feedback_info .ick + .txt_desc {
	display: inline-block;
	margin-left: 8px;
}

body .feedback .feedback_info .ick .radio {
	top: 2px;
}

body .feedback .feedback_info .ick .radio.checked {
	border: 1px solid transparent;
}

body .feedback .feedback_info .ick .radio + .ph {
	left: 0;
}

body .feedback .feedback_info .ick.fs14 .ph {
	vertical-align: middle;
}

body .feedback .feedback_info .ick .checkbox {
	width: 13px;
	height: 13px;
	top: 2px;
	border-color: #d0d6d9;
}

body .feedback .feedback_info .ick .checkbox.checked {
	border-color: transparent;
}

body .feedback .feedback_info .ick .checkbox.checked::after {
	top: -1px;
	left: 0px;
	background-position: -680px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

body .feedback .feedback_info .ick .checkbox + .ph {
	left: 0;
}

body .feedback .feedback_info .input_txt {
	width: 94px;
	height: 34px;
	padding: 0 8px;
	border: 1px solid #f0f0f0;
	line-height: 34px;
	color: #25292F;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

body .feedback .feedback_info .chosen-container.chosen-container-single .chosen-single {
	padding-left: 7px;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

body .feedback .feedback_info .chosen-container.chosen-container-single .chosen-single span {
	color: #25292f;
}

body .feedback .feedback_info .chosen-container.chosen-container-single .chosen-single div b {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
	background-position: -436px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

body .feedback .feedback_info ._custom_slt {
	padding-left: 7px;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #fff url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/boostcourse/icon-select-arrow-down_2.svg) no-repeat right 9px top 50%;
	-webkit-background-size: 16px 16px;
	        background-size: 16px 16px;
	color: #25292f;
	font-size: 13px;
}

body .feedback .feedback_info .slt + .slt {
	margin-left: 0;
}

body .feedback .feedback_info .input_wrap {
	display: inline-block;
	vertical-align: middle;
}

body .feedback .feedback_info .group_select {
	font-size: 0;
	margin-bottom: 16px;
}

body .feedback .feedback_info .group_select .btn_group {
	display: inline-block;
	padding: 0px 15px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	border: solid 1px #f0f0f0;
	background-color: #fff;
	color: #666;
	font-size: 13px;
	line-height: 28px;
}

body .feedback .feedback_info .group_select .text {
	display: inline-block;
	vertical-align: top;
	margin-left: 8px;
	color: #666;
	font-size: 13px;
	line-height: 30px;
}

.peer .peer_score {
	margin-top: 15px;
	padding: 20px 15px;
	border: 1px solid #d1d1d1;
}

.peer .peer_score .txt_desc {
	margin: -8px 0 14px;
}

.peer .peer_score li {
	position: relative;
	padding-left: 42px;
}

.peer .peer_score li + li {
	margin-top: 10px;
}

.peer .peer_score li strong {
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 42px;
	color: #010101;
	white-space: nowrap;
}

.peer .peer_score .btn_type4 {
	display: block;
	margin: 10px auto -10px;
}

.peer .step_area {
	margin-top: 60px;
}

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

.peer .step_area li {
	float: left;
	position: relative;
	z-index: 30;
	width: 239px;
	height: 65px;
	padding-left: 20px;
	border: 1px solid #e6e6e6;
	font-size: 16px;
	font-weight: 700;
	line-height: 65px;
	color: #999;
}

.peer .step_area li:before {
	margin-right: 5px;
	display: inline-block;
	font-size: 18px;
}

.peer .step_area li.st1:before {
	content: '01';
}

.peer .step_area li.st2 {
	z-index: 20;
	width: 253px;
	padding-left: 35px;
}

.peer .step_area li.st2:before {
	content: '02';
}

.peer .step_area li.st3 {
	z-index: 10;
	width: 268px;
	padding-left: 35px;
}

.peer .step_area li.st3:before {
	content: '03';
}

.peer .step_area li.st3:after {
	display: none;
}

.peer .step_area li em {
	position: relative;
	top: 2px;
	margin-top: 1px;
	font-size: 12px;
	font-weight: normal;
	color: #848484;
	vertical-align: top;
}

.peer .step_area li:after {
	position: absolute;
	top: -1px;
	right: -16px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -751px -267px;
	background-repeat: no-repeat;
	width: 16px;
	height: 65px;
}

.peer .step_area li.on {
	border-color: #333;
	background: #333;
	color: #fff;
}

.peer .step_area li.on:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px 0px;
	background-repeat: no-repeat;
	width: 16px;
	height: 65px;
}

.peer .e_guide {
	margin: 20px 0 0 0;
	padding: 28px 20px;
	background: #f9f9f9;
}

.peer .e_guide h3 {
	margin: 0;
	font-weight: 700;
}

.peer .e_guide .con {
	margin: 11px 0 0;
	line-height: 28px;
}

.peer .e_guide ul {
	margin: 13px 0 0;
}

.peer .e_guide ul strong {
	font-weight: normal;
}

.peer .e_guide ul li + li {
	margin-top: 3px;
}

.peer .e_box {
	margin: 20px 0 0 0;
	padding: 24px 30px;
	border: 1px solid #d1d1d1;
}

.peer .e_box .ick_lst li ~ li {
	margin-top: 4px;
}

.peer .e_box .ick_lst li .ph strong {
	margin-right: 16px;
	color: #333;
}

.peer .peer_add_wrap {
	border: 1px solid #D1D1D1;
}

.peer .peer_add_wrap .q_header {
	z-index: 20;
	position: relative;
	height: 82px;
	padding: 20px 0 0 20px;
	background: #FDFDFD;
	border-bottom: 1px solid #D1D1D1;
}

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

.peer .peer_add_wrap .q_header .q {
	float: left;
}

.peer .peer_add_wrap .q_header .q li {
	float: left;
	position: relative;
	width: 41px;
	height: 40px;
	margin: 0 12px 0 0;
}

.peer .peer_add_wrap .q_header .q li a {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: 0px -761px;
	background-repeat: no-repeat;
	width: 41px;
	height: 40px;
	border: 0;
	color: #FFF;
	font-weight: 700;
	text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.04);
	text-align: center;
	line-height: 41px;
	letter-spacing: -1px;
	text-indent: 0 !important;
}

.peer .peer_add_wrap .q_header .q li a:hover, .peer .peer_add_wrap .q_header .q li a:focus {
	text-decoration: none;
}

.peer .peer_add_wrap .q_header .q li.on a {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -688px;
	background-repeat: no-repeat;
	width: 41px;
	height: 40px;
}

.peer .peer_add_wrap .q_header .q li.current:after {
	position: absolute;
	left: 10px;
	bottom: -22px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -726px -478px;
	background-repeat: no-repeat;
	width: 21px;
	height: 11px;
}

.peer .peer_add_wrap .q_body {
	position: relative;
	z-index: 10;
	margin: 25px 20px 30px;
}

.peer .peer_add_wrap .q_body .txt strong {
	color: #010101;
}

.peer .peer_add_wrap .q_body .txt_box {
	padding-top: 30px;
	border-top: 1px solid #e8e8e8;
}

.peer .peer_add_wrap .q_body .ick_lst {
	margin-bottom: 15px;
}

.peer .peer_add_wrap .q_body .ick_lst strong {
	margin-right: 10px;
	color: #010101;
}

.peer .peer_add_wrap .q_body .ick_lst li {
	margin-bottom: 2px;
}

.peer .peer_add_wrap .q_body .rs_box {
	min-height: 96px;
	padding: 10px 15px;
	border: 1px solid #D1D1D1;
}

.peer .peer_add_wrap .q_body .rs_box strong.tit {
	display: block;
	margin-bottom: 5px;
	color: #010101;
}

.peer .peer_add_wrap .q_foot {
	margin: 0 30px 30px;
}

.peer .peer_add_wrap .q_foot .btn {
	margin-right: 4px;
}

.page.peer .ce.ce_view {
	margin-top: 40px;
	margin-bottom: 60px;
	padding-bottom: 39px;
	border-bottom: 1px solid #e8e8e8;
}

.task .table.table_type1 td {
	color: #999;
}

.task .table.table_type1 td .txt.sm {
	color: #848484;
}

.task .table.table_type1 td strong,
.task .table.table_type1 td em {
	color: #010101;
}

.task h2.tit + .table.table_type1 {
	border-top-color: #e9e9e9;
}

.task_info dl {
	margin: 0 0 33px 15px;
	font-size: 12px;
}

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

.task_info dl dt {
	clear: both;
	float: left;
	width: 77px;
	font-weight: 700;
	color: #333;
}

.task_info dl dd {
	float: left;
	margin: 0;
}

.task_info dl dt.ma {
	position: relative;
	margin: 3px 0 7px;
	top: 9px;
}

.task_info dl dt.ma + dd {
	margin: 3px 0 7px;
}

.task_info dl dt.ma:first-child {
	margin-top: 0;
}

.task_info dl dt.ma:first-child + dd {
	margin-top: 0;
}

.task_info dl .ui-corner-all {
	border: 0;
}

.task_info dl .ui-spinner-input {
	margin: 0;
}

.page.task .ce.ce_view {
	margin-bottom: 60px;
	padding-bottom: 39px;
	border-bottom: 1px solid #e8e8e8;
}

.page.task .share {
	border-top: 0;
	margin-top: 0;
}

.evaluation .peer_score_lst ul {
	border: 1px solid #e6e6e6;
	border-bottom: 0;
}

.evaluation .peer_score_lst ul li {
	min-height: 81px;
	min-height: 44px\9;
	padding: 18px 20px;
	border-bottom: 1px solid #e6e6e6;
	color: #010101;
}

.evaluation .peer_score_lst ul li .no {
	float: left;
	margin-right: 20px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -688px;
	background-repeat: no-repeat;
	width: 41px;
	height: 40px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	line-height: 41px;
	text-indent: 0;
}

.evaluation .peer_score_lst ul li .score, .evaluation .peer_score_lst ul li .tx {
	overflow: hidden;
	display: block;
	line-height: 22px;
	color: #666;
}

.evaluation .peer_score_lst ul li .score strong, .evaluation .peer_score_lst ul li .tx strong {
	color: #333;
}

/* 성적조회 */
.gradecheck {
	/* 진도율 그래프 */
}

.gradecheck .page_header ~ .bx_area {
	margin-top: 30px;
}

.gradecheck .page_header .page_title .title {
	margin-right: 3px;
}

.gradecheck .notice_txt {
	line-height: 32px;
}

.gradecheck .notice_txt > em {
	color: #00c73c;
}

.gradecheck .progress_rate {
	display: table;
	width: 100%;
	margin-top: 11px;
	border: 1px solid #ededed;
	table-layout: fixed;
}

.gradecheck .progress_rate .progress_area {
	position: relative;
	display: table-cell;
	padding: 24px 87px 30px 30px;
}

.gradecheck .progress_rate .progress_area .title {
	display: block;
	margin-bottom: 5px;
	color: #333;
}

.gradecheck .progress_rate .progress_area .graph_area {
	position: relative;
	width: 100%;
	height: 16px;
	margin-right: 55px;
	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);
}

.gradecheck .progress_rate .progress_area .graph_area .rate {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #f5f5f5;
}

.gradecheck .progress_rate .progress_area .standard {
	position: absolute;
	top: 1px;
	bottom: 1px;
	width: 2px;
	height: 14px;
	margin-left: -1px;
	background-color: #666;
	z-index: 1;
}

.gradecheck .progress_rate .progress_area .txt {
	position: absolute;
	right: 30px;
	bottom: 30px;
	text-align: right;
	overflow: hidden;
	line-height: 16px;
}

.gradecheck .progress_rate .progress_area.off .title, .gradecheck .progress_rate .progress_area.off .txt {
	color: #ccc;
}

.gradecheck .progress_rate .progress_area.off .graph_area {
	background: #dadada;
}

.gradecheck .progress_rate .progress_area.off .graph_area .standard {
	display: none;
}

.gradecheck .progress_rate .progress_area.off .graph_area .rate {
	background-color: #f5f5f5;
}

.gradecheck .grade_txt {
	font-size: 28px !important;
}

.gradecheck .grade_txt .sub {
	font-size: 16px;
	color: #999;
}

.gradecheck .select_area {
	margin-top: 38px;
	text-align: center;
}

.gradecheck .ico_task2 {
	background: none;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	position: relative;
}

.gradecheck .ico_task2:after {
	background-position: -516px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.gradecheck .ico_task2.end {
	background-color: #dadada;
}

.gradecheck .ico_peer2 {
	background: none;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	position: relative;
}

.gradecheck .ico_peer2:after {
	background-position: -268px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.gradecheck .ico_peer2.end {
	background-color: #dadada;
}

.gradecheck .ico_quiz2 {
	background: none;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	position: relative;
}

.gradecheck .ico_quiz2:after {
	background-position: -28px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.gradecheck .ico_quiz2.end {
	background-color: #dadada;
}

.gradecheck .ico_s_lecture {
	background: none;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	position: relative;
}

.gradecheck .ico_s_lecture:after {
	background-position: -572px -616px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.gradecheck .ico_s_lecture.end {
	background-color: #dadada;
}

.bx_area {
	margin: 20px 0 14px;
}

.bx_area .group_lr .group_l {
	font-size: 14px;
}

.page_header ~ .bx_area {
	margin-top: -10px;
}

.bx_area em {
	font-weight: 700;
	color: #333;
	line-height: 32px;
}

.bx_area p {
	line-height: 24px;
	letter-spacing: -1px;
}

.bx_area p.txt_desc {
	line-height: 20px;
}

.bx_area .lnk_go {
	display: inline-block;
	margin-top: 10px;
	line-height: 16px;
	color: #333;
	text-decoration: underline;
}

.bx_area .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;
}

body.help {
	min-width: 1052px;
}

body.help.help_index {
	background: #f1f1f1;
}

body.help.help_index #container {
	border-right: 0;
}

body.help #header {
	min-width: 1156px;
	overflow: hidden;
}

body.help #header .layout_in {
	border-bottom: 1px solid #e1e1e1;
}

body.help #header .logo {
	margin-left: 36px;
	text-indent: 0;
	background: none;
	line-height: 0;
}

body.help #header .lnk {
	margin-top: 22px;
	padding-left: 20px;
	line-height: 1;
}

body.help #header .m_help {
	float: left;
	margin: 26px 0 0 10px;
	font-size: 16px;
	color: #333;
}

body.help #header .m_help a {
	color: #333;
}

body.help #header .it.it_added.input2 .input_area input {
	background: none;
	width: 233px;
}

body.help #container {
	position: relative;
	width: 1173px;
	min-height: 100%;
	height: 100%;
	margin-top: -60px;
	padding: 60px 0 136px;
	border-right: 1px solid #fff;
	border-top: 0;
	background: none;
}

body.help #content {
	padding-bottom: 197px;
}

body.help #snb {
	float: left;
	min-width: 256px;
	padding-top: 35px;
	border-left: 1px solid #fff;
}

body.help #snb + #content {
	padding-top: 37px;
}

body.help #snb + #content .page_header h1 em {
	color: #00c73c;
}

body.help #snb + #content .page + .page {
	margin-top: 70px;
}

body.help #snb + #content .page {
	width: 860px;
}

body.help #footer {
	z-index: 30;
	min-width: 1156px;
}

body.help .img_wrap {
	margin: 13px auto 15px;
}

body.help .img_wrap img {
	display: block;
}

body.help .img_wrap.ind {
	padding-left: 13px;
}

body.help .help_list > li {
	position: relative;
	padding: 16px 13px 12px;
	border-bottom: 1px solid #E5E5E5;
	color: #010101;
}

body.help .help_list > li > a {
	position: relative;
	display: block;
	padding: 0 43px 0 0;
	color: #010101;
}

body.help .help_list > li > a:hover, body.help .help_list > li > a:focus {
	text-decoration: none;
}

body.help .help_list > li > a:before {
	position: absolute;
	right: 0;
	top: 50%;
	margin: -5px 0 0 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -629px -467px;
	background-repeat: no-repeat;
	width: 14px;
	height: 6px;
}

body.help .help_list > li > a strong {
	color: #00c73c;
}

body.help .help_list > li > a.on {
	margin: -17px -13px 0;
	padding: 14px 43px 11px 10px;
	font-size: 18px;
	font-weight: 700;
	background-color: #2bde73;
}

body.help .help_list > li > a.on strong {
	color: #010101;
}

body.help .help_list > li > a.on + .con {
	display: block;
	padding-bottom: 43px;
}

body.help .help_list > li > a.on:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -647px -467px;
	background-repeat: no-repeat;
	width: 14px;
	height: 6px;
	right: 13px;
	margin-top: -5px;
}

body.help .help_list > li:first-child a.on {
	margin-top: -16px;
}

body.help .help_list > li ul, body.help .help_list > li ol, body.help .help_list > li p {
	line-height: 2;
}

body.help .help_list > li ul, body.help .help_list > li ol {
	margin-top: 5px;
}

body.help .help_list > li ol {
	padding-left: 13px;
	counter-reset: help-counter;
}

body.help .help_list > li ol > li {
	position: relative;
}

body.help .help_list > li ol > li:before {
	position: absolute;
	top: 0;
	left: -26px;
	width: 24px;
	text-align: right;
	content: counter(help-counter) ".";
	counter-increment: help-counter;
}

body.help .help_list > li p {
	margin: 5px 0;
}

body.help .help_list > li li {
	margin-top: 5px;
}

body.help .help_list > li li > ul {
	margin-top: 0;
	padding-left: 2px;
	color: #666;
}

body.help .help_list > li li > ul > li {
	margin-top: 0;
}

body.help .help_list > li li > ul > li:before {
	background-color: #666;
}

body.help .help_list > li .num {
	padding-left: 1px;
}

body.help .help_list > li .num > li:before {
	display: none;
}

body.help .help_list > li .num > li > ul {
	padding-left: 14px;
}

body.help .help_list > li li:first-child {
	margin-top: 0;
}

body.help .help_list > li ul > li {
	padding-left: 7px;
}

body.help .help_list > li ul > li:before {
	position: relative;
	top: -1px;
	left: -9px;
	display: inline-block;
	width: 2px;
	height: 2px;
	vertical-align: middle;
	background-color: #010101;
	content: '';
}

body.help .help_list > li ul > li > ul {
	padding-left: 7px;
}

body.help .help_list > li .title {
	margin: 15px 0;
	display: block;
	font-weight: 700;
}

body.help .help_list > li .con {
	display: none;
	margin: -1px 0 0 0;
	padding-top: 10px;
}

body.help .help_list > li .con p:first-child {
	margin: 15px 0;
}

body.help .help_header {
	position: relative;
	margin: 40px auto 64px;
	text-align: center;
}

body.help .help_header h1 {
	font-size: 48px;
	letter-spacing: -1px;
	color: #000;
}

body.help .help_header p {
	color: #999;
}

body.help .help_ctg_area {
	width: 960px;
	margin: 0 auto 28px;
}

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

body.help .help_ctg {
	margin: 10px;
	color: #010101;
	border: 1px solid #e1e1e1;
	background: #fff;
	overflow: hidden;
}

body.help .help_ctg h2 {
	padding: 20px 30px;
	height: 77px;
	overflow: hidden;
	background: #fdfdfd;
	border-bottom: 1px solid #e1e1e1;
	font-size: 18px;
	line-height: 36px;
	font-weight: 700;
	color: #010101;
}

body.help .help_ctg h2:before {
	content: '';
	vertical-align: middle;
	margin: -3px 10px 0 0;
}

body.help .help_ctg.professor h2:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -393px -761px;
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
}

body.help .help_ctg.student h2:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -473px -761px;
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
}

body.help .help_ctg.boost h2:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -433px -761px;
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
}

body.help .help_ctg.common h2:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -694px -718px;
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
}

body.help .help_ctg.math h2:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -593px -761px;
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
}

body.help .help_ctg.mobile h2:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -553px -761px;
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
}

body.help .help_ctg.manage h2:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -513px -761px;
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
}

body.help .help_ctg ul {
	padding: 17px 0 38px 29px;
	line-height: 38px;
	overflow: hidden;
}

body.help .help_ctg ul li {
	float: left;
	width: 214px;
}

body.help .help_ctg ul li:before {
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: -1px 9px 1px 0;
	vertical-align: middle;
	background-color: #666;
	content: '';
}

body.help .help_ctg ul a {
	color: #666;
}

body.help .ui-autocomplete {
	overflow: hidden;
	overflow-y: auto;
	width: 250px !important;
	height: 113px;
	padding: 6px 15px;
	border: 1px solid #CECECE;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	left: auto !important;
	right: 79px !important;
}

body.help .ui-autocomplete .ui-menu-item {
	display: block !important;
}

body.help .ui-autocomplete .ui-menu-item a {
	margin: 0 !important;
	border: 0 !important;
	background: none !important;
	color: #666 !important;
	cursor: pointer;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 14px;
}

body.help .ui-autocomplete .ui-menu-item a.ui-state-focus {
	color: #010101 !important;
	text-decoration: underline;
}

body.help .math_area {
	margin: 0 -2px -22px !important;
	padding: 0 !important;
}

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

body.help .math_area li {
	float: left;
	width: 200px;
	height: 50px;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 50px;
	font-family: Arial, sans-serif;
}

body.help .math_area li:before, body.help .math_area li:after {
	display: table;
	clear: both;
	content: ' ';
}

body.help .math_area li:before {
	display: none !important;
}

body.help .math_area li > span {
	display: inline-block;
	width: 140px;
	padding-left: 16px;
	line-height: 16px;
	vertical-align: middle;
}

body.help .math_area li > span:first-child {
	width: 60px;
	padding-left: 0;
	text-align: center;
}

body.help #snb .btn_add {
	position: absolute;
	top: 2px;
	right: 1px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -461px -841px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

body.help #snb nav li {
	position: relative;
}

body.help #snb nav > ul > li ul li a {
	display: inline;
}

body.help #snb nav > ul > li ul li .it {
	position: absolute;
	top: -5px;
	right: 2px;
	left: 10px;
}

body.help #snb nav > ul > li ul li .btn {
	position: absolute;
}

body.help #snb nav > ul > li ul li .btn:before {
	display: none;
}

body.help #snb nav > ul > li ul li .btn.modify {
	top: 5px;
	right: 26px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -439px;
	background-repeat: no-repeat;
	width: 15px;
	height: 16px;
}

body.help #snb nav > ul > li ul li .btn.delete {
	top: 3px;
	right: 0;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -25px;
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
}

body.help .page_header .group_r {
	margin: 5px 0 0 0;
}

body.help .page_header .group_r .bar {
	margin: 2px 1px -2px 6px;
	height: 12px;
}

body.help .btn_area {
	text-align: right;
}

body.help .btn_area .btn {
	padding: 10px 0;
	display: inline-block;
	color: #010101;
	font-weight: 700;
}

body.help .drag {
	z-index: 10;
	padding: 0 10px;
	position: absolute;
	top: 20px;
	right: 7px;
	cursor: move;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -486px;
	background-repeat: no-repeat;
	width: 9px;
	height: 15px;
	background-color: #fff;
	display: none;
}

body.help .mod .drag {
	display: block;
}

body.help .mod .con {
	display: none;
}

.section_prof_intro {
	background-color: #fff;
	letter-spacing: -1px;
}

.section_prof_intro .spot_area {
	position: relative;
	padding-top: 140px;
	text-align: center;
}

.section_prof_intro .spot_area .bg_prof {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 240px;
	background-color: #e5e5e5;
}

.section_prof_intro .spot_area .bg_prof img {
	width: 100%;
	vertical-align: top;
}

.section_prof_intro .prof_intro {
	position: relative;
	line-height: 24px;
}

.section_prof_intro .prof_intro .thumb {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	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;
}

.section_prof_intro .prof_intro .thumb img {
	width: 100%;
	vertical-align: top;
}

.section_prof_intro .prof_intro .name {
	margin-top: 32px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.section_prof_intro .prof_intro .lecture_num {
	margin-top: 6px;
	font-size: 14px;
	color: #666;
}

.section_prof_intro .prof_intro .lecture_num em {
	font-weight: bold;
	color: #333;
}

.section_prof_intro .prof_intro .btn_group {
	margin-top: 32px;
}

.section_prof_intro .prof_intro .btn_group [class^=btn] {
	display: inline-block;
	height: 32px;
	padding: 4px 11px 7px;
	background-color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;
	color: #fff;
	letter-spacing: -0.5px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
}

.section_prof_intro .prof_intro .btn_group .btn_edit {
	background-color: #ccc;
}

.section_prof_intro .cont_area {
	overflow: hidden;
	margin-top: 80px;
	padding: 0 80px 80px;
	line-height: 24px;
}

.section_prof_intro .cont_area .aside {
	float: left;
	width: 185px;
}

.section_prof_intro .cont_area .aside h3 {
	margin: 0 0 13px 3px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.section_prof_intro .cont_area .aside h3 ~ h3 {
	margin-top: 37px;
}

.section_prof_intro .cont_area .sns_list {
	line-height: 18px;
}

.section_prof_intro .cont_area .sns_list li + li {
	margin-top: 12px;
}

.section_prof_intro .cont_area .sns_list a {
	display: block;
	overflow: hidden;
	position: relative;
	padding-left: 29px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section_prof_intro .cont_area .sns_list a:before {
	position: absolute;
	left: 0;
	top: 0;
}

.section_prof_intro .cont_area .sns_list .google:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -737px -668px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.section_prof_intro .cont_area .sns_list .facebook:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -284px -841px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.section_prof_intro .cont_area .sns_list .twitter:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -306px -841px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.section_prof_intro .cont_area .sns_list .instagram:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -715px -668px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.section_prof_intro .cont_area .sns_list .medium:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -693px -668px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.section_prof_intro .cont_area .sns_list .youtube:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -649px -668px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.section_prof_intro .cont_area .sns_list .band:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -627px -668px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.section_prof_intro .cont_area .sns_list .naverblog:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -328px -841px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.section_prof_intro .cont_area .sns_list .navercafe:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -350px -841px;
	background-repeat: no-repeat;
	width: 17px;
	height: 18px;
}

.section_prof_intro .cont_area .sns_list .other:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -605px -668px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.section_prof_intro .cont_area .link_list {
	line-height: 17px;
}

.section_prof_intro .cont_area .link_list li + li {
	margin-top: 12px;
}

.section_prof_intro .cont_area .link_list a {
	display: block;
	overflow: hidden;
	position: relative;
	padding-left: 19px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section_prof_intro .cont_area .link_list a:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -306px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 2px;
}

.section_prof_intro .cont_area .intro_cont {
	float: right;
	width: 680px;
}

.section_prof_intro .cont_area .intro_cont h3 {
	margin: 80px 0 21px;
	padding-bottom: 22px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #333;
}

.section_prof_intro .cont_area .intro_cont .career_list {
	margin-top: 24px;
}

.section_prof_intro .cont_area .intro_cont .lnk_txt {
	text-decoration: underline;
}

.section_prof_intro .tag_group_box {
	margin-top: 80px;
}

.section_prof_intro .tag_group_box .tag_inner {
	margin: -5px -3px;
}

.section_prof_intro .tag_group_box .tag {
	display: inline-block;
	margin: 5px 3px;
	padding: 5px 17px 5px 16px;
	background-color: #f1f1f1;
	line-height: 18px;
	color: #666;
}

.section_tit {
	margin: 73px 0 13px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1.5px;
	color: #010101;
}

.section_prof_active .more_area {
	margin-top: 31px;
}

.section_prof_active .prof_active_list li + li {
	margin-top: 8px;
}

.section_prof_active .prof_active_list li a {
	display: block;
	position: relative;
	min-height: 40px;
	padding: 24px 70px 24px 96px;
	background-color: #fff;
	color: #666;
	text-decoration: none;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	letter-spacing: -1px;
}

.section_prof_active .prof_active_list li a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -762px -417px;
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	position: absolute;
	right: 32px;
	top: 50%;
	margin-top: -6px;
	content: '';
}

.section_prof_active .prof_active_list li a .prof_img {
	position: absolute;
	left: 32px;
	top: 24px;
	width: 40px;
	height: 40px;
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_prof_s.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.section_prof_active .prof_active_list li a .prof_img img {
	vertical-align: top;
}

.section_prof_active .prof_active_list li a .source {
	font-size: 12px;
	line-height: 13px;
	color: #999;
	letter-spacing: -0.5px;
}

.section_prof_active .prof_active_list li a .source .date:before {
	display: inline-block;
	width: 1px;
	height: 9px;
	margin: 2px 9px 0 5px;
	background-color: #dedede;
	vertical-align: top;
	content: '';
}

.section_prof_active .prof_active_list li a .active_text {
	margin-top: 7px;
	font-size: 16px;
	line-height: 19px;
}

.section_prof_active .prof_active_list li a .attach_img {
	overflow: hidden;
	margin-top: 8px;
	width: 106px;
}

.section_prof_active .prof_active_list li a .attach_img img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.section_prof_active .prof_active_list li a .attach_file {
	position: relative;
	margin-top: 8px;
	padding-left: 19px;
	font-size: 14px;
	line-height: 16px;
}

.section_prof_active .prof_active_list li a .attach_file:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -258px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 3px;
	content: '';
}

.section_flip_intro {
	background-color: #fff;
	font-family: NanumSquareWebFont;
	font-weight: 400;
	text-align: center;
	word-break: break-all;
}

.section_flip_intro .spot_fliplearn {
	overflow: hidden;
	padding: 80px 20px;
	background-color: #00c73c;
}

.section_flip_intro .spot_fliplearn h2 {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	line-height: normal;
}

.section_flip_intro .spot_fliplearn h2::after {
	display: block;
	width: 40px;
	height: 2px;
	margin: 40px auto;
	background-color: #e9ebec;
	content: '';
}

.section_flip_intro .spot_fliplearn .text {
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
}

.section_flip_intro .spot_fliplearn .apply_anchor {
	display: block;
	width: 160px;
	height: 48px;
	margin: 40px auto 0;
	background-color: #fff;
	font-size: 16px;
	font-weight: 700;
	color: #00c73c;
	line-height: 48px;
	letter-spacing: -1px;
}

.flip_intro_cont {
	padding: 78px 20px;
	background-color: #fafafa;
}

.flip_intro_cont .flip_intro_tip .tip_guide {
	position: relative;
	letter-spacing: -1px;
	text-align: center;
}

.flip_intro_cont .flip_intro_tip .tip_guide .title {
	display: block;
	background-position: -802px -269px;
	background-repeat: no-repeat;
	width: 48px;
	height: 24px;
	margin: 0 auto 24px;
}

.flip_intro_cont .flip_intro_tip .tip_guide strong {
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: #333;
	line-height: normal;
}

.flip_intro_cont .flip_intro_tip .tip_guide p {
	margin-top: 7px;
	font-size: 16px;
	color: #999;
	line-height: normal;
	letter-spacing: -.8px;
}

.flip_intro_cont .flip_intro_tip .tip_guide .btn_tip {
	display: block;
	width: 160px;
	height: 48px;
	margin: 40px auto 0;
	background-color: #333;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	line-height: 48px;
}

.service_end {
	background: #fff;
}

.service_end #wrap {
	min-width: 0;
	min-height: 100vh;
	font-family: NanumSquareWebFont;
	font-weight: 400;
	text-align: center;
}

.service_end #container {
	width: 100%;
	height: 100%;
	min-height: 100vh;
	margin: 0;
	padding: 0;
	background-color: #03c75a;
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_edwith.png);
	-webkit-background-size: 1920px auto;
	        background-size: 1920px auto;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.service_end #container.kooc {
	background-color: #4d6fee;
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_kooc.png);
}

.service_end #container.kooc .link {
	color: #4d6fee;
}

.service_end #container.mooc {
	background-color: #25292f;
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_mooc.png);
}

.service_end #container.mooc .link {
	color: #25292f;
}

.service_end #container.leader {
	background-color: #8398b5;
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_leaders.png);
}

.service_end #container #content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: none;
	min-height: 100vh;
	padding: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.service_end .inner {
	padding: 282px 20px;
}

.service_end .title {
	font-size: 48px;
	font-weight: 400;
	color: #fff;
	line-height: 62.4px;
}

.service_end .title strong {
	font-weight: 800;
}

.service_end .text {
	margin-top: 40px;
	font-size: 18px;
	color: #fff;
	line-height: 27px;
}

.service_end .text a {
	color: #fff;
	text-decoration: underline;
}

.service_end .link {
	display: block;
	width: 297px;
	height: 64px;
	margin: 40px auto 0;
	padding: 0 10px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #fff;
	font-size: 20px;
	font-weight: 600;
	color: #03c75a;
	line-height: 64px;
}

.service_end .link:hover {
	text-decoration: none;
}

@media all and (min-width: 1920px) {
	.service_end #container {
		-webkit-background-size: cover;
		        background-size: cover;
	}
}

@media all and (max-width: 767px) {
	.service_end #container {
		background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_edwith_mo.png);
		-webkit-background-size: cover;
		        background-size: cover;
	}
	.service_end #container.kooc {
		background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_kooc_mo.png);
	}
	.service_end #container.mooc {
		background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_mooc_mo.png);
	}
	.service_end #container.leader {
		background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_leaders.png);
		-webkit-background-size: 2235px 1200px;
		        background-size: 2235px 1200px;
		background-position: 50% 45%;
	}
	.service_end .inner {
		padding: 181px 20px;
	}
	.service_end .title {
		font-size: 24px;
		line-height: 31.2px;
	}
	.service_end .title .only_pc {
		display: none;
	}
	.service_end .text {
		font-size: 16px;
		line-height: 24px;
	}
	.service_end .link {
		height: 48px;
		font-size: 16px;
		line-height: 48px;
	}
}

body.re_pack.fs.boost_course_main_body #container {
	padding-bottom: 0;
	height: auto;
	min-height: 100%;
}

body.re_pack.fs.boost_course_main_body #content {
	padding-bottom: 0;
}

body.re_pack.fs.boost_course_main_body #content .inner {
	padding-bottom: 80px;
}

.boost_course_main_body {
	min-width: 1160px;
}

.boost_course_main_body .section_inner {
	width: 1080px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.boost_course_main_body .section_title h3 {
	color: #333;
	font-size: 24px;
	line-height: 26px;
	font-weight: 700;
}

.boost_course_main_body #wrap {
	height: 100%;
	min-height: inherit;
}

.boost_course_main_body.home #wrap #header[class^=main_] {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .lnk a {
	color: #fff;
}

.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .lnk li.partner::before {
	background-color: #fff;
}

.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .lnk li.active {
	position: relative;
}

.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .lnk li.active::after {
	content: '';
	display: block;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
}

.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li.ic .count em {
	color: #fff !important;
}

.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li.ic a > span {
	color: rgba(255, 255, 255, 0.6);
}

.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li.search .group {
	background-color: rgba(255, 255, 255, 0.2);
}

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

.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li.search .group input {
	color: #fff;
}

.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li + li::before {
	background-color: rgba(255, 255, 255, 0.2);
}

.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li .login {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.16);
}

.boost_course_main_body .bc_video_modal {
	position: fixed;
	background-color: rgba(12, 15, 21, 0.9);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 80;
	display: none;
}

.boost_course_main_body .bc_video_modal .video_wrap {
	position: absolute;
	width: 75%;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	min-width: 870px;
	min-height: 490px;
}

.boost_course_main_body .bc_video_modal .video_wrap .movie_close {
	position: absolute;
	right: -48px;
	top: 0;
	background-position: -588px -444px;
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
}

.boost_course_main_body .bc_video_modal.on {
	display: block;
}

.boost_course_main_body #footer {
	position: relative;
	left: auto;
	right: auto;
	bottom: auto;
}

.boost_course_main_body .bc_main_section {
	position: relative;
	height: 681px;
}

.boost_course_main_body .bc_main_section:hover .bnr_btn_right, .boost_course_main_body .bc_main_section:hover .bnr_btn_left {
	opacity: 1;
	visibility: visible;
}

.boost_course_main_body .bc_main_section .bc_main_area {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 1080px;
}

.boost_course_main_body .bc_main_section .bc_banner {
	overflow: hidden;
	position: relative;
	width: 1080px;
	height: 520px;
	margin: 80px auto 0;
	z-index: 10;
}

.boost_course_main_body .bc_main_section .bc_banner .banner_list:before, .boost_course_main_body .bc_main_section .bc_banner .banner_list:after {
	display: table;
	clear: both;
	content: ' ';
}

.boost_course_main_body .bc_main_section .bc_banner .banner_list li {
	float: left;
}

.boost_course_main_body .bc_main_section [class*="bnr_btn_"] {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 0;
	width: 62px;
	height: 62px;
	margin: -31px 0 0 -31px;
	background-color: rgba(255, 255, 255, 0.16);
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	z-index: 20;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.boost_course_main_body .bc_main_section [class*="bnr_btn_"]:hover {
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.boost_course_main_body .bc_main_section .bnr_btn_left:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-position: -652px -359px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.boost_course_main_body .bc_main_section .bnr_btn_right {
	left: auto;
	right: 0;
	margin: -31px -31px 0 0;
}

.boost_course_main_body .bc_main_section .bnr_btn_right:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-position: -684px -359px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.boost_course_main_body .bc_main_section .pagenation {
	overflow: hidden;
	position: absolute;
	bottom: 81px;
	left: 0;
	line-height: 14px;
	z-index: 10;
}

.boost_course_main_body .bc_main_section .pagenation .role_btn {
	display: inline-block;
	vertical-align: top;
	width: 6px;
	height: 6px;
	background-color: #fff;
	opacity: .4;
	filter: alpha(opacity=40);
	margin: 3px 0 0 4px;
}

.boost_course_main_body .bc_main_section .pagenation .role_btn:first-child {
	margin-left: 0;
}

.boost_course_main_body .bc_main_section .pagenation .role_btn.on {
	opacity: 1;
	filter: alpha(opacity=100);
}

.boost_course_main_body .bc_main_section .pagenation .control_btn {
	display: inline-block;
	vertical-align: top;
	margin-left: 4px;
	background-position: -1662px -948px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}

.boost_course_main_body .bc_main_section .pagenation .control_btn.stop {
	background-position: -1644px -948px;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}

.boost_course_main_body .bc_course_section {
	position: relative;
	padding: 0;
	background-color: #fff;
	/*slick 공통*/
	/* 뉴스 & 블로그 영역 */
}

.boost_course_main_body .bc_course_section.bg_gray {
	background-color: #fafafa;
}

.boost_course_main_body .bc_course_section .inner {
	padding: 80px 0 80px;
}

.boost_course_main_body .bc_course_section .inner .course_area {
	width: 1080px;
	margin: auto;
}

.boost_course_main_body .bc_course_section .inner .course_area + .course_area {
	margin-top: 80px;
}

.boost_course_main_body .bc_course_section .inner .banner_area {
	width: 1080px;
	margin: 0 auto 80px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
}

.boost_course_main_body .bc_course_section .inner .banner_area:after {
	background-position: -403px -284px;
	background-repeat: no-repeat;
	width: 125px;
	height: 9px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 915px;
	right: auto;
	bottom: auto;
	margin: auto;
	margin: -5px 0 0 0;
}

.boost_course_main_body .bc_course_section .inner .banner_area a {
	display: block;
	padding: 27px 40px;
}

.boost_course_main_body .bc_course_section .inner .banner_area p {
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
}

.boost_course_main_body .bc_course_section .top_inner {
	padding: 80px 0;
	background-color: #edf0f2;
}

.boost_course_main_body .bc_course_section .top_inner .course_area {
	width: 1080px;
	margin: auto;
	padding: 0;
	background-color: #fff;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.04);
	        box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.04);
}

.boost_course_main_body .bc_course_section .top_inner .course_area + .course_area {
	margin-top: 24px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .slide-box .slick .slick_list .slick_box {
	float: none;
	width: auto;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .slide-box .slick .slick_list .slick_box + .slick_box {
	margin-top: 16px;
	margin-left: 0;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .info_wrap .title {
	padding-bottom: 3px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .info_wrap .title strong {
	height: auto;
	display: block;
	font-size: 14px;
	line-height: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .info_wrap .info .sub {
	margin-top: 0;
	margin-bottom: 5px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best {
	width: 552px;
	float: left;
	padding: 24px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slide-box {
	height: 168px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box {
	height: 76px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .img_wrap {
	float: left;
	margin-right: 16px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .info_wrap {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .info_wrap .title {
	margin-top: 0;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .info_wrap .info {
	margin-top: 5px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .info_wrap .info .state + .admin {
	margin-top: 5px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .info_wrap .info .admin {
	margin-top: 0px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .info_wrap .info .partner {
	margin-top: 0px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .popular {
	width: 276px;
	height: 258px;
	float: left;
	padding: 24px;
	background-color: #f9fafb;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .popular .tag_box {
	height: 170px;
	overflow: hidden;
	margin-top: -4px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .popular .tag_box .tag {
	display: inline-block;
	height: 30px;
	color: #666;
	font-size: 13px;
	line-height: 29px;
	letter-spacing: -0.5px;
	padding: 0 16px;
	background-color: #fff;
	-webkit-border-radius: 24px;
	        border-radius: 24px;
	border: solid 1px rgba(0, 0, 0, 0.04);
	margin: 4px 4px 0 0;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest {
	width: 252px;
	float: left;
	padding: 24px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box {
	height: 167px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .img_wrap {
	width: 204px;
	height: 104px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap {
	height: 63px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap .title {
	margin-top: 8px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap .info {
	margin-top: 5px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap .info .sub {
	margin-bottom: 7px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap .info .state + .admin {
	margin-top: 4px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap .info .admin {
	margin-top: -3px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap .info .partner {
	margin-top: -3px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.top10 {
	padding: 24px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.top10 .slick .slick_box {
	width: 328px;
}

.boost_course_main_body .bc_course_section .top_inner .course_area.top10 .slick .slick_box .img_wrap {
	width: 328px;
	height: 184px;
}

.boost_course_main_body .bc_course_section .course_area {
	overflow: hidden;
}

.boost_course_main_body .bc_course_section .course_area:after {
	display: block;
	clear: both;
	content: '';
}

.boost_course_main_body .bc_course_section .course_area .course_info {
	position: relative;
}

.boost_course_main_body .bc_course_section .course_area .course_info h4 {
	font-size: 24px;
	line-height: 27px;
	font-weight: 600;
	color: #333;
	word-break: keep-all;
	padding-bottom: 24px;
}

.boost_course_main_body .bc_course_section .course_area .course_info .title {
	display: block;
	font-size: 16px;
	line-height: 18px;
	color: #333;
	padding-bottom: 24px;
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
}

.boost_course_main_body .bc_course_section .course_area .img_wrap {
	width: 252px;
	height: 140px;
	position: relative;
	overflow: hidden;
}

.boost_course_main_body .bc_course_section .course_area .img_wrap::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: solid 1px rgba(0, 0, 0, 0.04);
}

.boost_course_main_body .bc_course_section .course_area .img_wrap.small {
	width: 136px;
	height: 76px;
}

.boost_course_main_body .bc_course_section .course_area .img_wrap img {
	min-height: 100%;
	min-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: top;
	position: relative;
}

.boost_course_main_body .bc_course_section .course_area .img_wrap .badge {
	display: inline-block;
	padding: 6px 10px;
	font-size: 10px;
	line-height: 11px;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	font-family: Helvetica;
	font-weight: 600;
}

.boost_course_main_body .bc_course_section .course_area .img_wrap .badge::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.boost_course_main_body .bc_course_section .info_wrap {
	overflow: hidden;
}

.boost_course_main_body .bc_course_section .info_wrap .title {
	margin-top: 24px;
}

.boost_course_main_body .bc_course_section .info_wrap .title strong {
	color: #2a2c2f;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	height: 40px;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	-webkit-transform: skew(0.01deg);
	    -ms-transform: skew(0.01deg);
	        transform: skew(0.01deg);
}

.boost_course_main_body .bc_course_section .info_wrap .info {
	color: #999;
	font-size: 0;
	line-height: 0;
	margin-top: 8px;
}

.boost_course_main_body .bc_course_section .info_wrap .info.type2 .date {
	float: none;
}

.boost_course_main_body .bc_course_section .info_wrap .info.type2 .admin {
	margin-top: 5px !important;
}

.boost_course_main_body .bc_course_section .info_wrap .info .sub {
	color: #666;
	font-size: 12px;
	line-height: 13px;
	margin-top: 5px;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.boost_course_main_body .bc_course_section .info_wrap .info .sub::before {
	content: '';
	display: inline-block;
	background-position: -589px -549px;
	background-repeat: no-repeat;
	width: 14px;
	height: 12px;
	margin-right: 4px;
	vertical-align: -2px;
}

.boost_course_main_body .bc_course_section .info_wrap .info .date {
	display: block;
	color: #666;
	font-size: 12px;
	line-height: 13px;
	float: left;
}

.boost_course_main_body .bc_course_section .info_wrap .info .state {
	display: block;
	font-size: 12px;
	line-height: 14px;
	padding-left: 19px;
	position: relative;
	overflow: hidden;
}

.boost_course_main_body .bc_course_section .info_wrap .info .state::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background-color: #f0f0f0;
	position: absolute;
	top: 2px;
	left: 10px;
}

.boost_course_main_body .bc_course_section .info_wrap .info .state + .admin {
	margin-top: 4px;
}

.boost_course_main_body .bc_course_section .info_wrap .info .admin {
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	vertical-align: top;
	margin-top: 18px;
}

.boost_course_main_body .bc_course_section .info_wrap .info .partner {
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	margin-left: 17px;
	position: relative;
	margin-top: 1px;
	vertical-align: bottom;
}

.boost_course_main_body .bc_course_section .info_wrap .info .partner::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background-color: #f0f0f0;
	position: absolute;
	top: 2px;
	left: -8px;
}

.boost_course_main_body .bc_course_section .slide-box {
	position: relative;
}

.boost_course_main_body .bc_course_section .slide-box .slick .slick_list, .boost_course_main_body .bc_course_section .slide-box .slick-dot .slick_list {
	display: block;
	overflow: hidden;
}

.boost_course_main_body .bc_course_section .slide-box .slick .slick_list .slick_box, .boost_course_main_body .bc_course_section .slide-box .slick-dot .slick_list .slick_box {
	width: 252px;
	display: block;
	position: relative;
	float: left;
}

.boost_course_main_body .bc_course_section .slide-box .slick .slick_list .slick_box::after, .boost_course_main_body .bc_course_section .slide-box .slick-dot .slick_list .slick_box::after {
	content: '';
	display: block;
	clear: both;
}

.boost_course_main_body .bc_course_section .slide-box .slick .slick_list .slick_box + .slick_box, .boost_course_main_body .bc_course_section .slide-box .slick-dot .slick_list .slick_box + .slick_box {
	margin-left: 24px;
}

.boost_course_main_body .bc_course_section .slide-box .thumb_box.big {
	width: 528px;
	display: block;
	position: relative;
	float: left;
	margin-right: 24px;
}

.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .img_wrap {
	width: 528px;
	height: 297px;
}

.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .img_wrap .badge.project {
	top: 194px;
	left: 32px;
	bottom: auto;
}

.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .img_wrap .badge.project::before {
	-webkit-transform: skew(0, 0);
	    -ms-transform: skew(0, 0);
	        transform: skew(0, 0);
}

.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .img_wrap .badge.project::after {
	content: '';
	display: block;
	height: 39px;
	position: absolute;
	top: -16px;
	left: -16px;
	right: -412px;
	background-color: rgba(255, 255, 255, 0.96);
	z-index: -2;
}

.boost_course_main_body .bc_course_section .slide-box .thumb_box.big + .slick-dot {
	float: left;
	width: 528px;
}

.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .info_wrap {
	position: absolute;
	bottom: -33px;
	left: 16px;
	right: 16px;
	background-color: rgba(255, 255, 255, 0.96);
	padding: 0 16px 37px;
}

.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .info_wrap .title {
	margin-top: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	height: 20px;
	overflow: hidden;
}

.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .lecture_count {
	position: absolute;
	bottom: -21px;
	right: 16px;
	background-color: rgba(255, 255, 255, 0.96);
	padding: 0 16px;
}

.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .summary {
	position: absolute;
	bottom: -20px;
	left: 16px;
	background-color: rgba(255, 255, 255, 0.96);
	padding: 0 16px;
	border-top: 0;
}

.boost_course_main_body .bc_course_section .top_menu {
	width: 1080px;
	height: 64px;
	position: absolute;
	top: -32px;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #25292f;
}

.boost_course_main_body .bc_course_section .top_menu ul {
	width: 1080px;
	margin: 0 auto;
	padding: 10px 25px;
}

.boost_course_main_body .bc_course_section .top_menu ul::after {
	content: '';
	display: block;
	clear: both;
}

.boost_course_main_body .bc_course_section .top_menu ul li {
	float: left;
	position: relative;
}

.boost_course_main_body .bc_course_section .top_menu ul li + li {
	margin-left: 9px;
}

.boost_course_main_body .bc_course_section .top_menu ul li a {
	display: block;
	color: #fff;
	padding: 0 15px;
	line-height: 44px;
}

.boost_course_main_body .bc_course_section .top_menu ul li a span {
	position: relative;
	padding-left: 10px;
	display: inline-block;
}

.boost_course_main_body .bc_course_section .top_menu ul li a span::before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #828c96;
	position: absolute;
	left: 4px;
	top: 20px;
}

.boost_course_main_body .bc_course_section .top_menu ul li a:hover {
	color: #00caf9;
}

.boost_course_main_body .bc_course_section .top_menu ul li.on a {
	color: #00caf9;
	font-weight: 600;
}

.boost_course_main_body .bc_course_section .top_menu ul li.on::after {
	content: '';
	display: block;
	height: 2px;
	background-color: #00caf9;
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
}

.boost_course_main_body .bc_course_section .top_menu.fixed {
	width: auto;
	position: fixed;
	top: 0;
	-webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
	        box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
	-webkit-border-radius: 0;
	        border-radius: 0;
	z-index: 10000;
}

.boost_course_main_body .bc_course_section .top_menu.fixed ul {
	padding: 10px 0px;
	-webkit-transform: translateX(-15px);
	    -ms-transform: translateX(-15px);
	        transform: translateX(-15px);
}

.boost_course_main_body .bc_course_section .top_menu + .inner {
	padding-bottom: 24px;
}

.boost_course_main_body .bc_course_section .top_menu + .inner .course_area:first-child {
	margin-top: 33px;
}

.boost_course_main_body .bc_course_section .top_menu + .inner .course_area + .course_area {
	margin-top: 40px;
}

.boost_course_main_body .bc_course_section .course_list::after {
	content: '';
	display: block;
	clear: both;
}

.boost_course_main_body .bc_course_section .course_list li {
	position: relative;
	float: left;
	width: 252px;
}

.boost_course_main_body .bc_course_section .course_list li a {
	display: block;
}

.boost_course_main_body .bc_course_section .course_list li + li {
	margin-left: 24px;
}

.boost_course_main_body .bc_course_section .course_list li:hover .text {
	display: block;
}

.boost_course_main_body .bc_course_section .course_list li:hover a {
	text-decoration: none;
}

.boost_course_main_body .bc_course_section .course_list .info_wrap {
	position: relative;
}

.boost_course_main_body .bc_course_section .info {
	font-weight: 400;
	line-height: 16px;
}

.boost_course_main_body .bc_course_section .lecture_count {
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #666;
	margin-top: 14px;
	padding-bottom: 16px;
}

.boost_course_main_body .bc_course_section .lecture_count span + span {
	margin-left: 20px;
}

.boost_course_main_body .bc_course_section .lecture_count .like::before, .boost_course_main_body .bc_course_section .lecture_count .user::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background-position: -654px -549px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	margin-right: 4px;
}

.boost_course_main_body .bc_course_section .lecture_count .user::before {
	background-position: -674px -549px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.boost_course_main_body .bc_course_section .summary {
	padding: 16px 0;
	border-top: 1px solid #f5f5f5;
	color: #72757a;
	font-size: 12px;
	line-height: 13px;
}

.boost_course_main_body .bc_course_section .summary span {
	position: relative;
}

.boost_course_main_body .bc_course_section .summary span + span {
	padding-left: 13px;
}

.boost_course_main_body .bc_course_section .summary span + span::before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 2px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 4px;
	background-color: #000;
}

.boost_course_main_body .bc_course_section .summary span.em {
	color: #000;
}

.boost_course_main_body .bc_course_section .level {
	display: inline-block;
	font-size: 11px;
	line-height: 12px;
	color: #666;
	vertical-align: 1px;
	float: none;
	margin-left: 21px;
}

.boost_course_main_body .bc_course_section .level .icon {
	display: inline-block;
	height: 10px;
	margin-right: 2px;
	font-size: 0;
	vertical-align: -2px;
}

.boost_course_main_body .bc_course_section .level .icon .level_bg {
	display: inline-block;
	width: 3px;
	height: 7px;
	margin-left: 2px;
	-webkit-border-radius: .5px;
	        border-radius: .5px;
	background-color: #d9dce0;
}

.boost_course_main_body .bc_course_section .level .icon .level_bg:first-child {
	height: 4px;
	background-color: #72757a;
}

.boost_course_main_body .bc_course_section .level .icon .level_bg:last-child {
	height: 10px;
}

.boost_course_main_body .bc_course_section .level .icon.level2 .level_bg:nth-child(2), .boost_course_main_body .bc_course_section .level .icon.level3 .level_bg:nth-child(2) {
	opacity: 1;
	background-color: #72757a;
}

.boost_course_main_body .bc_course_section .level .icon.level3 .level_bg:last-child {
	opacity: 1;
	background-color: #72757a;
}

.boost_course_main_body .bc_course_section .bg_inner {
	padding: 0 0 80px;
	background: #fafafa;
}

.boost_course_main_body .bc_course_section .news_area {
	width: 1080px;
	padding-top: 80px;
	margin: 0 auto;
}

.boost_course_main_body .bc_course_section .news_area .news_info {
	text-align: center;
}

.boost_course_main_body .bc_course_section .news_area .news_info .main_tit {
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 32px;
	color: #333;
}

.boost_course_main_body .bc_course_section .news_area .news_info .text {
	margin-bottom: 32px;
	font-size: 12px;
	color: #384047;
}

.boost_course_main_body .bc_course_section .news_area .news_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.boost_course_main_body .bc_course_section .news_area .news_list .news_item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-right: 24px;
}

.boost_course_main_body .bc_course_section .news_area .news_list .news_item:last-child {
	margin-right: 0;
}

.boost_course_main_body .bc_course_section .news_area .news_list .news_link {
	display: block;
	width: 100%;
}

.boost_course_main_body .bc_course_section .news_area .news_list .img_wrap img {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	vertical-align: top;
}

.boost_course_main_body .bc_course_section .news_area .news_list .info_wrap {
	margin-top: 8px;
	vertical-align: top;
}

.boost_course_main_body .bc_course_section .news_area .news_list .info_wrap strong {
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	color: #25292f;
}

.boost_course_main_body .bc_review_section {
	background-color: #dce1e6;
	padding: 80px 0;
	overflow: hidden;
}

.boost_course_main_body .bc_review_section .section_inner {
	position: relative;
}

.boost_course_main_body .bc_review_section .section_title h3 {
	font-weight: 700;
	font-size: 32px;
	color: #333;
	line-height: 35px;
	text-align: center;
}

.boost_course_main_body .bc_review_section .section_title p {
	color: #828c96;
}

.boost_course_main_body .bc_review_section .list_wrap {
	width: 1080px;
	height: 259px;
	margin: 40px auto 0;
	overflow: hidden;
}

.boost_course_main_body .bc_review_section .review_list {
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
}

.boost_course_main_body .bc_review_section .review_list li {
	float: left;
	margin-left: 24px;
	width: 344px;
	height: 259px;
	position: relative;
	background-color: #fff;
	padding: 40px 24px 0;
	text-align: left;
}

.boost_course_main_body .bc_review_section .review_list li:first-child {
	margin-left: 0;
}

.boost_course_main_body .bc_review_section .review_list .review_info {
	background-color: #f9fafb;
	height: 61px;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 24px;
	line-height: 13px;
}

.boost_course_main_body .bc_review_section .review_list .review_info em {
	font-weight: 700;
	color: #333;
	vertical-align: top;
}

.boost_course_main_body .bc_review_section .review_list .review_info span {
	font-weight: 400;
	color: #666;
	vertical-align: top;
}

.boost_course_main_body .bc_review_section .review_list .review_info span:before {
	width: 1px;
	height: 8px;
	background-color: #dce1e6;
	content: '';
	display: inline-block;
	vertical-align: top;
	margin: 3px 8px 0 4px;
}

.boost_course_main_body .bc_review_section .review_list .review_text .label {
	display: inline-block;
	padding: 2px 4px;
	-webkit-border-radius: 1px;
	        border-radius: 1px;
	background-color: #19dc91;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	vertical-align: top;
}

.boost_course_main_body .bc_review_section .review_list .review_text .label.reviewer {
	background-color: #604c8c;
}

.boost_course_main_body .bc_review_section .review_list .review_text p {
	color: #666;
	line-height: 20px;
	font-weight: 400;
	margin-top: 10px;
	font-size: 14px;
}

.boost_course_main_body .bc_review_section .list_prev_btn,
.boost_course_main_body .bc_review_section .list_next_btn {
	position: absolute;
	left: -40px;
	top: 164px;
	width: 64px;
	height: 64px;
	-webkit-box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.04);
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
	z-index: 30;
	filter: alpha(opacity=0);
	transition: opacity 0.5s, visibility 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s, visibility 0.5s ease-in-out;
	-moz-transition: opacity 0.5s, visibility 0.5s ease-in-out;
	-ms-transition: opacity 0.5s, visibility 0.5s ease-in-out;
	-o-transition: opacity 0.5s, visibility 0.5s ease-in-out;
}

.boost_course_main_body .bc_review_section .list_prev_btn:after,
.boost_course_main_body .bc_review_section .list_next_btn:after {
	display: block;
	content: '';
	margin: 23px auto 0;
	background-position: -708px -644px;
	background-repeat: no-repeat;
	width: 10px;
	height: 16px;
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.boost_course_main_body .bc_review_section .list_next_btn {
	left: auto;
	right: -40px;
	background: -webkit-linear-gradient(left, white 0, rgba(255, 255, 255, 0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0, white), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(to right, white 0, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}

.boost_course_main_body .bc_review_section .list_next_btn:after {
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
}

.boost_course_main_body .bc_qa_section {
	background-color: #f5f7fa;
	overflow: hidden;
	padding: 80px 0 80px;
}

.boost_course_main_body .bc_qa_section .section_title h3 {
	font-weight: 700;
	font-size: 32px;
	color: #333;
	line-height: 35px;
	text-align: center;
}

.boost_course_main_body .bc_qa_section .qa_list {
	margin-top: 40px;
}

.boost_course_main_body .bc_qa_section .qa_list li {
	margin-top: 8px;
	position: relative;
	background-color: #fff;
	overflow: hidden;
}

.boost_course_main_body .bc_qa_section .qa_list li:first-child {
	margin-top: 0;
}

.boost_course_main_body .bc_qa_section .qa_list .type {
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	position: absolute;
	top: 31px;
	left: 33px;
}

.boost_course_main_body .bc_qa_section .qa_list .answer_area {
	background-color: #fff;
	overflow: hidden;
	display: none;
}

.boost_course_main_body .bc_qa_section .qa_list .question {
	font-weight: 400;
	font-size: 16px;
	color: #333;
	line-height: 16px;
	margin: 32px 92px 32px 144px;
	padding-left: 30px;
	position: relative;
}

.boost_course_main_body .bc_qa_section .qa_list .answer {
	line-height: 24px;
	margin: 24px 92px 24px 144px;
	color: #666;
	font-weight: 400;
	font-size: 14px;
	padding-left: 30px;
	position: relative;
}

.boost_course_main_body .bc_qa_section .qa_list .question:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-position: -858px -269px;
	background-repeat: no-repeat;
	width: 14px;
	height: 16px;
	content: '';
}

.boost_course_main_body .bc_qa_section .qa_list .answer:before {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	background-position: -460px -684px;
	background-repeat: no-repeat;
	width: 13px;
	height: 14px;
	content: '';
}

.boost_course_main_body .bc_qa_section .qa_list .open_btn {
	width: 100%;
	position: absolute;
	height: 78px;
	top: 0;
	left: 0;
	right: 0;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.boost_course_main_body .bc_qa_section .qa_list .open_btn:after {
	background-position: -854px -301px;
	background-repeat: no-repeat;
	width: 12px;
	height: 8px;
	position: absolute;
	right: 40px;
	top: 36px;
	content: '';
}

.boost_course_main_body .bc_qa_section .qa_list .open_btn.on:after {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.boost_course_main_body .bc_qa_section .qa_list .open_btn.on + .answer_area {
	display: block;
}

.boost_course_main_body .bc_qa_section .btn_more {
	display: block;
	background-color: #fff;
	width: 240px;
	height: 48px;
	color: #8b8f94;
	line-height: 48px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	margin: 40px auto 0;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.boost_course_main_body .bc_qa_section .btn_more:hover {
	text-decoration: none;
}

.boost_course_main_body #container.all_lect .bc_main_section {
	height: 517px;
}

.boost_course_main_body #container.all_lect .bc_main_section .bc_main_area {
	padding: 80px 0 148px 0;
	height: 517px;
	position: relative;
}

.boost_course_main_body #container.all_lect .bc_main_section .bc_main_area:after {
	width: 1080px;
	height: 517px;
	background: url("https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/img_all_lecture_bg.svg") 0 0 no-repeat;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	bottom: auto;
	margin: auto;
	margin: 0;
}

.boost_course_main_body #container.all_lect .bc_main_section .text_box {
	float: left;
}

.boost_course_main_body #container.all_lect .bc_main_section .text_box h2 {
	color: #fff;
	font-size: 52px;
	line-height: 57px;
	margin-bottom: 58px;
	font-weight: 400;
}

.boost_course_main_body #container.all_lect .bc_main_section .text_box h2 span {
	display: block;
	font-weight: 400;
	margin-bottom: 16px;
}

.boost_course_main_body #container.all_lect .bc_main_section .text_box .sub {
	color: rgba(255, 255, 255, 0.72);
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.45px;
}

.boost_course_main_body #container.all_lect .bc_main_section .text_box .main_link {
	display: block;
	width: 96px;
	height: 96px;
	background-color: #35419c;
	color: #fff;
	font-size: 14px;
	line-height: 15px;
	padding-top: 33px;
	text-align: center;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	font-weight: 600;
	position: absolute;
	top: 291px;
	left: 183px;
	z-index: 100;
}

.boost_course_main_body #wrap.coach {
	position: relative;
}

.boost_course_main_body #wrap.coach #header[class^=main_] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.boost_course_main_body #wrap.coach #container {
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

.boost_course_main_body #wrap.coach #container .bc_main_section {
	height: 670px;
}

.boost_course_main_body #wrap.coach #container .bc_main_section .bc_main_area {
	width: 1920px;
	height: 670px;
	padding: 0;
}

.boost_course_main_body #wrap.coach #container .bc_main_section .bc_main_area .main_image_box {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.boost_course_main_body #wrap.coach #container .bc_main_section .bc_main_area .main_image_box .image {
	position: absolute;
	top: 0;
	left: 0;
}

.boost_course_main_body #wrap.coach #container .bc_main_section .bc_main_area .main_image_box img {
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box {
	position: relative;
	width: 1080px;
	height: 670px;
	margin: 0 auto;
	padding-top: 83px;
}

.boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box .title {
	display: block;
	margin-top: 124px;
	background-position: -4px -406px;
	background-repeat: no-repeat;
	width: 272px;
	height: 170px;
}

.boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box .banner_nav_list {
	overflow: hidden;
	position: absolute;
	top: 433px;
	left: 0;
}

.boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box .banner_nav_list li {
	overflow: hidden;
	float: left;
	width: 37px;
	height: 3px;
	margin-right: 4px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.24);
}

.boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box .banner_nav_list li::after {
	display: block;
	width: 0;
	height: 3px;
	content: '';
}

.boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box .banner_nav_list li.active::after {
	-webkit-animation: banner_nav 5s linear forwards;
	        animation: banner_nav 5s linear forwards;
	background-color: #fff;
}

@-webkit-keyframes banner_nav {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@keyframes banner_nav {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

.boost_course_main_body #wrap.coach #container .bc_course_section {
	padding: 120px 0;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .inner {
	width: 1080px;
	margin: 0 auto;
	padding: 0;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .about_title {
	background-position: -4px -79px;
	background-repeat: no-repeat;
	width: 466px;
	height: 86px;
	margin: 0 auto;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_text {
	padding-top: 24px;
	font-size: 20px;
	color: #384047;
	line-height: 30px;
	text-align: center;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box {
	margin-top: 80px;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video {
	position: relative;
	height: 607px;
	opacity: 0;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video .bg_video, .boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video .play_video {
	display: none;
	position: relative;
	height: 607px;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video .bg_video video {
	display: none;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video .bg_video .btn_play {
	position: absolute;
	top: 50%;
	left: 50%;
	background-position: -753px -4px;
	background-repeat: no-repeat;
	width: 120px;
	height: 120px;
	margin: -60px 0 0 -60px;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video .play_video video {
	display: none;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video.view .bg_video {
	display: none !important;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video.view .bg_video video, .boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video.view .bg_video .btn_play {
	display: none !important;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video.view .play_video {
	display: block;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video.view video {
	display: block;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box.scroll_view .coach_video {
	-webkit-animation: ani_video 1s forwards;
	        animation: ani_video 1s forwards;
	-webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
	        animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box.scroll_view .coach_video .bg_video {
	display: block;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box.scroll_view .coach_video .bg_video video {
	display: block;
}

@-webkit-keyframes ani_video {
	0% {
		top: 200px;
		opacity: 0;
		-webkit-transform: scale(0.5, 0.5);
		        transform: scale(0.5, 0.5);
	}
	100% {
		top: 0;
		opacity: 1;
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
	}
}

@keyframes ani_video {
	0% {
		top: 200px;
		opacity: 0;
		-webkit-transform: scale(0.5, 0.5);
		        transform: scale(0.5, 0.5);
	}
	100% {
		top: 0;
		opacity: 1;
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
	}
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list {
	margin: 24px -12px 0;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list::after {
	display: block;
	clear: both;
	content: '';
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li {
	position: relative;
	float: left;
	width: 528px;
	height: 520px;
	margin: 0 12px;
	padding: 48px;
	background-color: #fafafa;
	text-align: center;
	opacity: 0;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li .bi_box {
	height: 251px;
	font-size: 0;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li .bi_box::before {
	display: inline-block;
	width: 1px;
	height: 100%;
	margin-left: -1px;
	vertical-align: middle;
	content: '';
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li .bi_box img {
	vertical-align: middle;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li .title {
	display: block;
	margin-top: 24px;
	font-family: NanumSquareWebFont;
	font-weight: 900;
	font-size: 24px;
	color: #101214;
	line-height: 29px;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li .text {
	margin-top: 16px;
	font-size: 13px;
	color: #374047;
	line-height: 19px;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li .btn_more {
	display: inline-block;
	height: 40px;
	margin-top: 24px;
	padding: 0 24px;
	background-color: #fff;
	-webkit-border-radius: 24px;
	        border-radius: 24px;
	font-size: 13px;
	color: #384047;
	line-height: 40px;
}

.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list.scroll_view li {
	-webkit-animation: ani_scroll_08_200 1s forwards;
	        animation: ani_scroll_08_200 1s forwards;
	-webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
	        animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}

@-webkit-keyframes ani_scroll_08_200 {
	0% {
		top: 200px;
		opacity: 0;
		-webkit-transform: scale(0.8, 0.8);
		        transform: scale(0.8, 0.8);
	}
	100% {
		top: 0;
		opacity: 1;
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
	}
}

@keyframes ani_scroll_08_200 {
	0% {
		top: 200px;
		opacity: 0;
		-webkit-transform: scale(0.8, 0.8);
		        transform: scale(0.8, 0.8);
	}
	100% {
		top: 0;
		opacity: 1;
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
	}
}

.boost_course_main_body #wrap.coach #container .bc_course_section .latest_title {
	background-position: -478px -79px;
	background-repeat: no-repeat;
	width: 263px;
	height: 38px;
	margin: 0 auto;
}

.boost_course_main_body #wrap.coach #container .item_box {
	font-size: 0;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box {
	width: 252px;
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box + .coach_box {
	margin-left: 24px;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .img_box {
	position: relative;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text {
	padding: 40px 24px 0 24px;
	min-height: 150px;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .badge {
	display: inline-block;
	padding: 6px 10px;
	font-size: 10px;
	line-height: 11px;
	color: #fff;
	font-family: Helvetica;
	font-weight: 600;
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level {
	display: inline-block;
	font-size: 12px;
	letter-spacing: -0.5px;
	color: #fff;
	background-color: #25292f;
	padding: 5px 9px 4px;
	line-height: 14px;
	margin-left: 9px;
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level:first-child {
	margin-left: 0;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon {
	display: inline-block;
	height: 10px;
	margin-right: 1px;
	font-size: 0;
	vertical-align: -1px;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon .level_bg {
	display: inline-block;
	width: 3px;
	height: 7px;
	margin-left: 2px;
	-webkit-border-radius: .5px;
	        border-radius: .5px;
	background-color: #fff;
	opacity: .2;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon .level_bg:first-child {
	height: 4px;
	margin: 0;
	opacity: 1;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon .level_bg:last-child {
	height: 10px;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon.level2 .level_bg:nth-child(2), .boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon.level3 .level_bg:nth-child(2) {
	opacity: 1;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon.level3 .level_bg:last-child {
	opacity: 1;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text strong {
	overflow: hidden;
	display: block;
	height: 46px;
	font-family: NanumSquareWebFont;
	font-weight: 700;
	font-size: 15px;
	color: #101214;
	line-height: 23px;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .member {
	margin-top: 4px;
	font-size: 13px;
	color: #828c96;
	line-height: 20px;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .info {
	margin-top: 8px;
	color: #72757a;
	line-height: 13px;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .info dd {
	display: inline-block;
	font-size: 12px;
	line-height: 13px;
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .info dd.em::before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: -2px 8px 0 8px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	vertical-align: middle;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .time {
	overflow: hidden;
	margin-top: 24px;
	font-family: NanumSquareWebFont;
	font-weight: 700;
	color: #101214;
	font-size: 15px;
	line-height: 17px;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .time dt {
	float: left;
	margin-bottom: 8px;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .time dt::after {
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: -2px 8px 0 8px;
	background-color: #d9dce0;
	vertical-align: middle;
	content: '';
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .time dd {
	overflow: hidden;
	margin-bottom: 8px;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .box_link {
	color: #25292f;
	display: block;
	height: 42px;
	font-size: 13px;
	line-height: 42px;
	font-weight: 600;
	border: 1px solid transparent;
	background-color: #fafafa;
	text-align: center;
	margin: 0 16px 16px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .box_link.on {
	border-color: #25292f;
	background-color: #fff;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box.project .text .info dd.em {
	color: #00caf9;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box.project .text .info dd.em::before {
	background-color: #00caf9;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box.project .text .time .point {
	color: #00caf9;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box.project .badge {
	background-color: #00caf9;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box.team .text .info dd.em {
	color: #4d6fee;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box.team .text .info dd.em::before {
	background-color: #4d6fee;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box.team .text .time .point {
	color: #4d6fee;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box.team .badge {
	background-color: #4d6fee;
}

.boost_course_main_body #wrap.coach #container .item_box .coach_box .box_link {
	color: #25292f;
	display: block;
	width: 100%;
	height: 49px;
	font-size: 15px;
	line-height: 49px;
	border: 1px solid #25292f;
	text-align: center;
	margin-top: 16px;
}

.boost_course_main_body #wrap.coach #container .latest_study {
	position: relative;
	margin-top: 80px;
	opacity: 0;
}

.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box {
	width: 100%;
	height: 322px;
}

.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box + .coach_box {
	margin: 0;
}

.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box .img_box {
	display: inline-block;
	width: 538px;
	height: 100%;
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box .text {
	display: inline-block;
	width: 542px;
	height: 100%;
	min-height: 0;
	margin: 0;
	padding: 40px 40px 0;
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box .text strong {
	height: auto;
	margin-top: 24px;
	font-size: 30px;
	line-height: 36px;
}

.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box .box_link {
	width: 100%;
	height: 48px;
	margin: 16px 0 0 0;
	-webkit-border-radius: 0;
	        border-radius: 0;
	border-color: transparent;
	background-color: #00caf9;
	font-family: NanumSquareWebFont;
	font-weight: 700;
	font-size: 15px;
	color: #fff;
	line-height: 48px;
}

.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box span.box_link {
	background-color: #edf0f2;
	color: #828c96;
}

.boost_course_main_body #wrap.coach #container .latest_study.scroll_view {
	-webkit-animation: ani_scroll_08_200 1s forwards;
	        animation: ani_scroll_08_200 1s forwards;
	-webkit-animation-timing-function: cubic-bezier(0.12, 0.23, 0.5, 1);
	        animation-timing-function: cubic-bezier(0.12, 0.23, 0.5, 1);
}

.boost_course_main_body #wrap.coach #container .previous_study_list {
	margin-top: 80px;
}

.boost_course_main_body #wrap.coach #container .previous_study_list .title {
	display: block;
	margin-bottom: 24px;
	font-family: NanumSquareWebFont;
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	color: #101214;
	text-align: center;
}

.boost_course_main_body #wrap.coach #container .previous_study_list .list_box {
	position: relative;
	opacity: 0;
}

.boost_course_main_body #wrap.coach #container .previous_study_list.scroll_view .list_box {
	-webkit-animation: ani_previous_study 1s forwards;
	        animation: ani_previous_study 1s forwards;
	-webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
	        animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}

@-webkit-keyframes ani_previous_study {
	0% {
		top: 100px;
		opacity: 0;
		-webkit-transform: scale(0.8, 0.8);
		        transform: scale(0.8, 0.8);
	}
	100% {
		top: 0;
		opacity: 1;
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
	}
}

@keyframes ani_previous_study {
	0% {
		top: 100px;
		opacity: 0;
		-webkit-transform: scale(0.8, 0.8);
		        transform: scale(0.8, 0.8);
	}
	100% {
		top: 0;
		opacity: 1;
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
	}
}

.boost_course_main_body #wrap.coach #container .coaching_title {
	background-position: -4px -218px;
	background-repeat: no-repeat;
	width: 391px;
	height: 85px;
	margin: 0 auto;
}

.boost_course_main_body #wrap.coach #container .coaching_box {
	position: relative;
	margin: 80px 0;
}

.boost_course_main_body #wrap.coach #container .coaching_box::before {
	display: block;
	position: relative;
	width: 100%;
	height: 396px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/img_coaching_bg.png) no-repeat 50% 50%;
	-webkit-background-size: 1080px 396px;
	        background-size: 1080px 396px;
	opacity: 0;
	content: '';
}

.boost_course_main_body #wrap.coach #container .coaching_box [class*="img_text"] {
	display: block;
	position: absolute;
}

.boost_course_main_body #wrap.coach #container .coaching_box [class*="img_text"]::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	content: '';
}

.boost_course_main_body #wrap.coach #container .coaching_box .img_text {
	right: 137px;
	bottom: 131px;
	width: 198px;
	height: 83px;
}

.boost_course_main_body #wrap.coach #container .coaching_box .img_text::after {
	background-position: -284px -485px;
	background-repeat: no-repeat;
	width: 198px;
	height: 83px;
}

.boost_course_main_body #wrap.coach #container .coaching_box .img_text2 {
	left: 121px;
	bottom: 114px;
	width: 226px;
	height: 83px;
}

.boost_course_main_body #wrap.coach #container .coaching_box .img_text2::after {
	background-position: -386px -311px;
	background-repeat: no-repeat;
	width: 226px;
	height: 83px;
}

.boost_course_main_body #wrap.coach #container .coaching_box .img_text3 {
	right: 258px;
	bottom: 40px;
	width: 224px;
	height: 71px;
}

.boost_course_main_body #wrap.coach #container .coaching_box .img_text3::after {
	background-position: -284px -406px;
	background-repeat: no-repeat;
	width: 224px;
	height: 71px;
}

.boost_course_main_body #wrap.coach #container .coaching_box.scroll_view::before {
	-webkit-animation: ani_scroll_08_200 1s forwards;
	        animation: ani_scroll_08_200 1s forwards;
	-webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
	        animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}

.boost_course_main_body #wrap.coach #container .coaching_box.scroll_view .img_text::after {
	-webkit-animation: ani_bg_text 1s forwards 1s;
	        animation: ani_bg_text 1s forwards 1s;
	-webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
	        animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}

.boost_course_main_body #wrap.coach #container .coaching_box.scroll_view .img_text2::after {
	-webkit-animation: ani_bg_text2 1s forwards 2s;
	        animation: ani_bg_text2 1s forwards 2s;
	-webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
	        animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}

.boost_course_main_body #wrap.coach #container .coaching_box.scroll_view .img_text3::after {
	-webkit-animation: ani_bg_text 1s forwards 3s;
	        animation: ani_bg_text 1s forwards 3s;
	-webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
	        animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}

@-webkit-keyframes ani_bg_text {
	0% {
		left: -100px;
		opacity: 0;
		-webkit-transform: scale(0.6, 0.6);
		        transform: scale(0.6, 0.6);
	}
	100% {
		left: 0;
		opacity: 1;
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
	}
}

@keyframes ani_bg_text {
	0% {
		left: -100px;
		opacity: 0;
		-webkit-transform: scale(0.6, 0.6);
		        transform: scale(0.6, 0.6);
	}
	100% {
		left: 0;
		opacity: 1;
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
	}
}

@-webkit-keyframes ani_bg_text2 {
	0% {
		left: 100px;
		opacity: 0;
		-webkit-transform: scale(0.6, 0.6);
		        transform: scale(0.6, 0.6);
	}
	100% {
		left: 0;
		opacity: 1;
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
	}
}

@keyframes ani_bg_text2 {
	0% {
		left: 100px;
		opacity: 0;
		-webkit-transform: scale(0.6, 0.6);
		        transform: scale(0.6, 0.6);
	}
	100% {
		left: 0;
		opacity: 1;
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
	}
}

.boost_course_main_body #wrap.coach #container .coaching_teacher_box .title {
	display: block;
	background-position: -478px -125px;
	background-repeat: no-repeat;
	width: 241px;
	height: 31px;
	margin: 0 auto;
}

.boost_course_main_body #wrap.coach #container .teather_list {
	margin: 40px -12px 0;
	font-size: 0;
}

.boost_course_main_body #wrap.coach #container .teather_list li {
	display: inline-block;
	position: relative;
	width: 528px;
	height: 334px;
	margin: 0 12px;
	background-color: #fafafa;
	font-size: 0;
	vertical-align: top;
	opacity: 0;
}

.boost_course_main_body #wrap.coach #container .teather_list .info_box {
	display: inline-block;
	width: 328px;
	height: 334px;
	padding: 48px 48px 0;
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .teather_list .info_box .corp {
	overflow: hidden;
	display: block;
	height: 20px;
	font-family: NanumSquareWebFont;
	font-weight: 700;
	font-size: 13px;
	color: #437fff;
	line-height: 20px;
}

.boost_course_main_body #wrap.coach #container .teather_list .info_box .samsung {
	display: block;
	width: 75.5px;
	height: 20.2px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/coach-samsumg-bi.png) no-repeat 0 0;
	-webkit-background-size: 75.5px 20.2px;
	        background-size: 75.5px 20.2px;
}

.boost_course_main_body #wrap.coach #container .teather_list .info_box .name {
	display: block;
	margin-top: 32px;
	font-family: NanumSquareWebFont;
	font-weight: 700;
	font-size: 20px;
	color: #101214;
	line-height: 30px;
}

.boost_course_main_body #wrap.coach #container .teather_list .info_box .text {
	margin-top: 16px;
	font-size: 16px;
	color: #384047;
	line-height: 24px;
}

.boost_course_main_body #wrap.coach #container .teather_list .info_box .tag {
	margin-top: 32px;
}

.boost_course_main_body #wrap.coach #container .teather_list .info_box .tag p {
	font-size: 13px;
	color: #828c96;
	line-height: 20px;
}

.boost_course_main_body #wrap.coach #container .teather_list .img_box {
	display: inline-block;
	width: 200px;
	height: 334px;
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .teather_list.scroll_view li {
	-webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
	        animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}

.boost_course_main_body #wrap.coach #container .teather_list.scroll_view li:first-child {
	-webkit-animation: ani_scroll_left_300 1s forwards;
	        animation: ani_scroll_left_300 1s forwards;
}

.boost_course_main_body #wrap.coach #container .teather_list.scroll_view li:last-child {
	-webkit-animation: ani_scroll_right_300 1s forwards;
	        animation: ani_scroll_right_300 1s forwards;
}

@-webkit-keyframes ani_scroll_left_300 {
	0% {
		left: -300px;
		opacity: 0;
	}
	100% {
		left: 0;
		opacity: 1;
	}
}

@keyframes ani_scroll_left_300 {
	0% {
		left: -300px;
		opacity: 0;
	}
	100% {
		left: 0;
		opacity: 1;
	}
}

@-webkit-keyframes ani_scroll_right_300 {
	0% {
		left: 300px;
		opacity: 0;
	}
	100% {
		left: 0;
		opacity: 1;
	}
}

@keyframes ani_scroll_right_300 {
	0% {
		left: 300px;
		opacity: 0;
	}
	100% {
		left: 0;
		opacity: 1;
	}
}

.boost_course_main_body #wrap.coach #container .review_title {
	margin: 0 auto;
	text-align: center;
}

.boost_course_main_body #wrap.coach #container .review_title img {
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .review_list {
	margin-top: 80px;
}

.boost_course_main_body #wrap.coach #container .review_list li {
	position: relative;
	height: 252px;
	padding: 51px 64px 0;
	background-color: #fff;
	font-size: 0;
	opacity: 0;
}

.boost_course_main_body #wrap.coach #container .review_list li + li {
	margin-top: 24px;
}

.boost_course_main_body #wrap.coach #container .review_list.scroll_view li {
	-webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
	        animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}

.boost_course_main_body #wrap.coach #container .review_list.scroll_view li:nth-child(odd) {
	left: -300px;
	-webkit-animation: ani_scroll_left_300 1s forwards;
	        animation: ani_scroll_left_300 1s forwards;
}

.boost_course_main_body #wrap.coach #container .review_list.scroll_view li:nth-child(even) {
	left: 300px;
	-webkit-animation: ani_scroll_right_300 1s forwards;
	        animation: ani_scroll_right_300 1s forwards;
}

.boost_course_main_body #wrap.coach #container .review_text {
	display: inline-block;
	width: -webkit-calc(100% - 160px);
	width: calc(100% - 160px);
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .review_text .title {
	display: block;
	font-family: NanumSquareWebFont;
	font-weight: 700;
	font-size: 24px;
	color: #101214;
	line-height: 36px;
}

.boost_course_main_body #wrap.coach #container .review_text .text {
	margin-top: 24px;
	font-size: 20px;
	color: #384047;
	line-height: 30px;
}

.boost_course_main_body #wrap.coach #container .reviewer {
	display: inline-block;
	width: 160px;
	height: 100%;
	text-align: center;
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .reviewer img {
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .reviewer .text {
	margin-top: 16px;
	font-size: 13px;
	color: #828c96;
	line-height: 20px;
}

.boost_course_main_body #wrap.coach #container .group_title {
	background-position: -4px -311px;
	background-repeat: no-repeat;
	width: 374px;
	height: 87px;
	margin: 0 auto;
}

.boost_course_main_body #wrap.coach #container .group_list {
	margin: 80px -12px 0;
	font-size: 0;
}

.boost_course_main_body #wrap.coach #container .group_list li {
	display: inline-block;
	position: relative;
	width: 528px;
	height: 240px;
	margin: 0 12px;
	background-color: #fafafa;
	text-align: center;
	vertical-align: top;
	opacity: 0;
}

.boost_course_main_body #wrap.coach #container .group_list li::before {
	display: inline-block;
	width: 1px;
	height: 100%;
	margin-left: -1px;
	vertical-align: middle;
	content: '';
}

.boost_course_main_body #wrap.coach #container .group_list li a {
	display: inline-block;
	vertical-align: middle;
}

.boost_course_main_body #wrap.coach #container .group_list li img {
	vertical-align: middle;
}

.boost_course_main_body #wrap.coach #container .group_list.scroll_view li {
	-webkit-animation: ani_scroll_08_200 1s forwards;
	        animation: ani_scroll_08_200 1s forwards;
	-webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
	        animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}

.boost_course_main_body #wrap.coach #container .group_more_box {
	margin-top: 80px;
	text-align: center;
}

.boost_course_main_body #wrap.coach #container .group_more_box .title {
	display: block;
	font-family: NanumSquareWebFont;
	font-weight: 700;
	font-size: 20px;
	color: #101214;
	line-height: 30px;
}

.boost_course_main_body #wrap.coach #container .group_more_box .btn_more {
	display: block;
	width: 255px;
	height: 49px;
	margin: 24px auto 0;
	background-color: #00caf9;
	font-size: 15px;
	color: #fff;
	line-height: 49px;
}

.boost_course_main_body #wrap.coach #container .bc_coach_menu_section {
	height: 82px;
}

.boost_course_main_body #wrap.coach #container .bc_coach_menu_section .coach_menu_list {
	border-top: 1px solid #edf0f2;
	background-color: #fff;
	font-size: 0;
	text-align: center;
}

.boost_course_main_body #wrap.coach #container .bc_coach_menu_section .coach_menu_list li {
	display: inline-block;
	padding: 16px 60px;
}

.boost_course_main_body #wrap.coach #container .bc_coach_menu_section .coach_menu_list li a {
	display: inline-block;
	padding: 16px 0;
	font-size: 16px;
	color: #101214;
	line-height: 18px;
}

.boost_course_main_body #wrap.coach #container .bc_coach_menu_section .coach_menu_list li.selected a {
	position: relative;
	font-weight: 700;
	font-family: NanumSquareWebFont;
	color: #00caf9;
}

.boost_course_main_body #wrap.coach #container .bc_coach_menu_section .coach_menu_list li.selected a::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background-color: #00caf9;
	content: '';
}

.boost_course_main_body #wrap.coach #container .bc_coach_menu_section.scroll .coach_menu_list {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-box-shadow: 0 -16px 24px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 -16px 24px 0 rgba(0, 0, 0, 0.04);
}

.boost_course_main_body #wrap.coach #container .bc_attend_section {
	background-color: #437fff;
}

.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner {
	padding: 80px 0 76px 552px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/boostcourse/img_coach_logo_v2.svg) 59px 80px no-repeat;
	-webkit-background-size: 337px 139px;
	        background-size: 337px 139px;
	font-size: 0;
}

.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box {
	width: 252px;
	display: inline-block;
	vertical-align: top;
}

.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box + .attend_box {
	margin-left: 24px;
}

.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box .tit {
	color: #ffff00;
	font-size: 16px;
	line-height: 20px;
}

.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box p {
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	margin-top: 24px;
	letter-spacing: -0.4px;
}

.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box a {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	line-height: 14px;
	margin: 21px 0 0px 0px;
	padding: 4px 0;
}

.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box a::after {
	content: '';
	display: inline-block;
	vertical-align: top;
	background-position: -660px -684px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	margin-left: 4px;
}

.boost_course .clause_btn_box {
	margin-top: 8px;
}

.boost_course .all_page_btn_box {
	margin-top: 40px;
}

.boost_course .ce_toolbar {
	margin: 40px 0 0 0;
}

.boost_course .comment {
	margin-top: 40px;
}

.boost_course .comment_chk_box {
	margin-top: 40px;
	border: 1px solid #d1d1d1;
	padding: 0 20px;
}

.boost_course .comment_chk_box .state_group + .state_group {
	padding-left: 80px;
}

.boost_course .comment_chk_box .sjt {
	display: inline-block;
	width: 75px;
	color: #333;
	line-height: 55px;
}

.boost_course .comment_chk_box .ick {
	vertical-align: middle;
}

.boost_course .comment_chk_box button {
	float: right;
	margin-top: 10px;
}

.boost_course .tab_list {
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #d8d8d8;
}

.boost_course .tab_list li {
	display: table-cell;
	position: relative;
	height: 48px;
	border-left: 1px solid #d8d8d8;
	background-color: #fdfdfd;
}

.boost_course .tab_list li:first-child {
	border-left: 0;
}

.boost_course .tab_list li.active {
	background-color: #fff;
}

.boost_course .tab_list li.active .link {
	font-weight: 600;
	color: #010101;
}

.boost_course .tab_list li.active .link:before {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background-color: #fff;
	content: '';
}

.boost_course .tab_list .link {
	display: block;
	position: relative;
	height: 48px;
	border-left: 0;
	font-size: 16px;
	color: #666;
	text-align: center;
	letter-spacing: -1px;
	text-decoration: none;
	line-height: 48px;
	-webkit-transform: skew(0.001deg);
	    -ms-transform: skew(0.001deg);
	        transform: skew(0.001deg);
}

.boost_course .tab_list .new {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -197px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 16px 0 0 4px;
	vertical-align: top;
}

.boost_course .boost_course_cont {
	margin-top: 20px;
	color: #666;
	font-size: 14px;
	line-height: 24px;
}

.boost_course .boost_course_cont .caution_box {
	margin-top: 40px;
}

.boost_course .boost_course_cont .project_notice {
	margin-top: 40px;
}

.boost_course .boost_course_cont .project_notice .sjt {
	font-size: 16px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 700;
	color: #00c73c;
	line-height: 18px;
	letter-spacing: 0;
}

.boost_course .boost_course_cont .project_notice .pjt_list {
	padding-top: 8px;
}

.boost_course .boost_course_cont .project_notice .pjt_list li {
	position: relative;
	margin-top: 16px;
	padding-left: 52px;
}

.boost_course .boost_course_cont .project_notice .pjt_list a {
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 700;
	text-decoration: none;
	line-height: 36px;
	letter-spacing: 0;
}

.boost_course .boost_course_cont .project_notice .pjt_list em {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 36px;
	height: 36px;
	font-size: 0;
	background-color: #d8d8d8;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.boost_course .boost_course_cont .project_notice .pjt_list em:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -251px -507px;
	background-repeat: no-repeat;
	width: 18px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -9px;
	content: '';
}

.boost_course .boost_course_cont .project_notice .pjt_list .on em {
	background-color: #00c73c;
}

.boost_course .boost_course_review_result {
	margin-top: 40px;
}

.boost_course .boost_course_review_result .type_editor {
	height: auto !important;
	max-height: inherit !important;
}

.boost_course .boost_course_review_result .review_ready {
	padding: 60px 0;
	background-color: #f9f9f9;
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 20px;
}

.boost_course .boost_course_review_result .result_top {
	text-align: center;
}

.boost_course .boost_course_review_result .result_top .result {
	display: block;
	font-size: 48px;
	font-weight: 600;
	color: #00c73c;
	letter-spacing: -2px;
	line-height: 53px;
}

.boost_course .boost_course_review_result .result_top .result.fail {
	color: #ff5230;
}

.boost_course .boost_course_review_result .result_top .result.play {
	font-size: 32px;
	color: #333;
	line-height: 35px;
}

.boost_course .boost_course_review_result .result_top .result.play + .info {
	margin-top: 16px;
}

.boost_course .boost_course_review_result .result_top .result_open {
	display: block;
	width: 200px;
	height: 64px;
	margin: 0 auto;
	-webkit-border-radius: 32px;
	        border-radius: 32px;
	background-color: #ccc;
	-webkit-box-shadow: 0 16px 16px 0 rgba(204, 204, 204, 0.24);
	        box-shadow: 0 16px 16px 0 rgba(204, 204, 204, 0.24);
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 64px;
}

.boost_course .boost_course_review_result .result_top a.result_open {
	background-color: #333;
	text-decoration: none;
}

.boost_course .boost_course_review_result .result_top .result_open + .info {
	margin-top: 16px;
}

.boost_course .boost_course_review_result .result_top .info {
	margin-top: 8px;
	font-size: 0;
}

.boost_course .boost_course_review_result .result_top .info span {
	position: relative;
	display: inline-block;
	padding: 0 8px;
	font-size: 14px;
	color: #666;
	letter-spacing: -1px;
	vertical-align: top;
	line-height: 16px;
}

.boost_course .boost_course_review_result .result_top .info span + span:before {
	position: absolute;
	left: 0;
	top: 2px;
	width: 1px;
	height: 12px;
	background-color: #e9ebec;
	vertical-align: top;
	content: '';
}

.boost_course .boost_course_review_result .result_top .info .review_cnt {
	font-weight: 600;
	color: #333;
}

.boost_course .boost_course_review_result .result_top + .review_tab {
	margin-top: 40px;
}

.boost_course .boost_course_review_result .review_tab li {
	float: left;
	overflow: hidden;
	width: 184px;
	margin-left: 8px;
	background-color: #ecf0f1;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.boost_course .boost_course_review_result .review_tab .active {
	background-color: #333;
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.16);
	        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.16);
}

.boost_course .boost_course_review_result .review_tab .active .link {
	color: #fff;
}

.boost_course .boost_course_review_result .review_tab .disabled {
	background-color: #fafafa;
}

.boost_course .boost_course_review_result .review_tab .disabled .link {
	color: #ccc;
}

.boost_course .boost_course_review_result .review_tab li:first-child {
	margin-left: 0;
}

.boost_course .boost_course_review_result .review_tab:after {
	display: block;
	clear: both;
	content: '';
}

.boost_course .boost_course_review_result .review_tab .link {
	display: block;
	position: relative;
	height: 48px;
	padding-right: 16px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	font-size: 14px;
	font-weight: 600;
	color: #666;
	text-decoration: none;
	text-align: right;
	letter-spacing: -1px;
	line-height: 48px;
}

.boost_course .boost_course_review_result .review_tab .link:before {
	display: block;
	position: absolute;
	left: 24px;
	top: 50%;
	content: '';
}

.boost_course .boost_course_review_result .review_tab .project .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -207px -507px;
	background-repeat: no-repeat;
	width: 18px;
	height: 16px;
	margin-top: -8px;
}

.boost_course .boost_course_review_result .review_tab .code .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -579px -668px;
	background-repeat: no-repeat;
	width: 22px;
	height: 18px;
	margin-top: -9px;
}

.boost_course .boost_course_review_result .review_tab .document .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -502px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: -9px;
}

.boost_course .boost_course_review_result .review_tab .student .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -326px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: -10px;
}

.boost_course .boost_course_review_result .review_tab .list .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -670px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: -10px;
}

.boost_course .boost_course_review_result .review_tab .project.active .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -251px -507px;
	background-repeat: no-repeat;
	width: 18px;
	height: 16px;
}

.boost_course .boost_course_review_result .review_tab .code.active .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -746px -636px;
	background-repeat: no-repeat;
	width: 22px;
	height: 18px;
}

.boost_course .boost_course_review_result .review_tab .document.active .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -646px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.boost_course .boost_course_review_result .review_tab .student.active .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -230px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.boost_course .boost_course_review_result .review_tab .list.active .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -622px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.boost_course .boost_course_review_result .review_tab .project.disabled .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -229px -507px;
	background-repeat: no-repeat;
	width: 18px;
	height: 16px;
}

.boost_course .boost_course_review_result .review_tab .code.disabled .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -745px -443px;
	background-repeat: no-repeat;
	width: 22px;
	height: 18px;
}

.boost_course .boost_course_review_result .review_tab .document.disabled .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -478px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.boost_course .boost_course_review_result .review_tab .student.disabled .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -254px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.boost_course .boost_course_review_result .review_tab .list.disabled .link:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -550px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.boost_course .boost_course_review_result .review_project {
	margin-top: 40px;
}

.boost_course .boost_course_review_result .review_project .sjt {
	font-size: 16px;
	font-weight: 600;
	color: #010101;
	letter-spacing: -1px;
	line-height: 18px;
}

.boost_course .boost_course_review_result .review_project .project_tbl {
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #010101;
	border-bottom: 1px solid #d8d8d8;
	margin-top: 16px;
}

.boost_course .boost_course_review_result .review_project .project_tbl th {
	padding: 12px 24px;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-align: left;
	line-height: 24px;
}

.boost_course .boost_course_review_result .review_project .project_tbl .editor_cell {
	padding: 0 8px 9px;
	background-color: #fdfdfd;
}

.boost_course .boost_course_review_result .review_project .project_tbl .editor_cell .editor_section {
	margin: 0;
}

.boost_course .boost_course_review_result .review_project .project_tbl .chk_cell {
	border-top: 1px solid #ebebeb;
	background-color: #fdfdfd;
	padding: 13px 24px 12px;
}

.boost_course .boost_course_review_result .review_project .project_tbl .chk_cell .pass {
	font-weight: 600;
	color: #00c73c;
}

.boost_course .boost_course_review_result .review_project .project_tbl .chk_cell .fail {
	font-weight: 600;
	color: #ff5230;
}

.boost_course .boost_course_review_result .review_project .project_tbl .tit {
	display: block;
	border-top: 0;
	font-weight: normal;
	color: #333;
}

.boost_course .boost_course_review_result .review_project .project_tbl .tit_dsc {
	margin-top: 8px;
}

.boost_course .boost_course_review_result .review_project.result .project_tbl .pass {
	padding: 0;
	font-size: 24px;
	font-weight: 600;
	color: #00c73c;
	text-align: center;
	line-height: 26px;
}

.boost_course .boost_course_review_result .review_project.result .project_tbl .fail {
	padding: 0;
	font-size: 24px;
	font-weight: 600;
	color: #ff5230;
	text-align: center;
	line-height: 26px;
}

.boost_course .boost_course_review_result .review_project.result .project_tbl td {
	padding: 12px 24px;
	border-top: 1px solid #ebebeb;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}

.boost_course .boost_course_review_result .review_project.result .project_tbl tr:first-child td {
	border-top: 0;
}

.boost_course .boost_course_review_result .review_project.result .project_tbl .editor_cell {
	padding: 0 24px 14px;
}

.boost_course .boost_course_review_result .review_project.mark .project_tbl {
	border: 2px solid #333;
}

.boost_course .boost_course_review_result .project_result {
	margin-top: 40px;
	font-size: 16px;
	color: #00c73c;
	text-align: center;
	letter-spacing: -1px;
	line-height: 18px;
}

.boost_course .boost_course_review_result .project_result.fail {
	color: #ff5230;
}

.boost_course .boost_course_review_result .code_review {
	margin-top: 40px;
}

.boost_course .boost_course_review_result .code_review .code_list_sjt {
	overflow: hidden;
	height: 48px;
	background-color: #fdfdfd;
	border-top: 1px solid #010101;
	line-height: 48px;
}

.boost_course .boost_course_review_result .code_review .code_list_sjt em {
	display: block;
	font-size: 14px;
	color: #333;
	letter-spacing: -1px;
}

.boost_course .boost_course_review_result .code_review .code_list_sjt .file_name {
	float: left;
	width: 612px;
	padding-left: 24px;
}

.boost_course .boost_course_review_result .code_review .code_list_sjt .review_cnt {
	float: right;
	width: 88px;
	text-align: center;
}

.boost_course .boost_course_review_result .code_review .code_list {
	overflow: hidden;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_code_list.png) repeat;
	border-bottom: 1px solid #ebebeb;
}

.boost_course .boost_course_review_result .code_review .code_list .list_item {
	position: relative;
	overflow: hidden;
	font-size: 0;
	border-top: 1px solid #ebebeb;
}

.boost_course .boost_course_review_result .code_review .code_list .text {
	position: relative;
	padding-right: 88px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.boost_course .boost_course_review_result .code_review .code_list .text .cnt {
	position: absolute;
	right: 0;
	top: 0;
	width: 88px;
	color: #666;
	text-align: center;
}

.boost_course .boost_course_review_result .code_review .code_list .download {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -337px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 16px;
	right: 88px;
}

.boost_course .boost_course_review_result .code_review .code_list .folder_link {
	display: block;
	padding-left: 24px;
}

.boost_course .boost_course_review_result .code_review .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;
}

.boost_course .boost_course_review_result .code_review .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;
}

.boost_course .boost_course_review_result .code_review .code_list .folder_link.fold + .depth {
	display: none;
}

.boost_course .boost_course_review_result .code_review .code_list .file_link {
	padding-left: 24px;
}

.boost_course .boost_course_review_result .code_review .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;
}

.boost_course .boost_course_review_result .code_review .code_list .list_link {
	display: block;
	overflow: hidden;
	height: 48px;
	font-size: 14px;
	color: #666;
	letter-spacing: -1px;
	text-decoration: none;
	line-height: 48px;
}

.boost_course .boost_course_review_result .code_review .code_list .active {
	color: #00c73c;
	font-weight: 600;
}

.boost_course .boost_course_review_result .code_review .code_list .editor_write_box {
	padding: 24px;
	height: 294px;
	background-color: #fff;
}

.boost_course .boost_course_review_result .code_review .code_list .editor_write_box .cmt_btn_box {
	margin-top: 8px;
}

.boost_course .boost_course_review_result .code_review .code_list .editor_view_box {
	font-size: 14px;
	padding: 24px 24px 67px;
	min-height: 147px;
	background-color: #fff;
}

.boost_course .boost_course_review_result .code_review .code_list .editor_view_box .cmt_btn_box {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 24px;
	margin: 0;
	padding-top: 8px;
	border-top: 1px solid #e9e9e9;
}

.boost_course .boost_course_review_result .code_review .depth {
	display: none;
}

.boost_course .boost_course_review_result .code_review .depth .code_list {
	background: none;
}

.boost_course .boost_course_review_result .code_review .folder_link + .depth {
	display: block;
}

.boost_course .boost_course_review_result .code_review .depth .code_list {
	border-bottom: 0;
}

.boost_course .boost_course_review_result .code_review .depth .code_list .file_link {
	padding-left: 40px;
}

.boost_course .boost_course_review_result .code_review .depth .code_list .folder_link {
	padding-left: 40px;
}

.boost_course .boost_course_review_result .code_review .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;
}

.boost_course .boost_course_review_result .code_review .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;
}

.boost_course .boost_course_review_result .code_review .code_list.document_list .text {
	padding-right: 120px;
}

.boost_course .boost_course_review_result .star_box .star {
	overflow: hidden;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 4px;
	vertical-align: top;
}

.boost_course .boost_course_review_result .star_box .star:first-child {
	margin-left: 0;
}

.boost_course .boost_course_review_result .star_box .star .star_btn {
	display: inline-block;
	width: 10px;
	height: 20px;
}

.boost_course .boost_course_review_result .star_box .active_l {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -732px;
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

.boost_course .boost_course_review_result .star_box .active_r {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -756px;
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

.boost_course .boost_course_review_result .result_btn_box {
	margin-top: 40px;
}

.boost_course .boost_course_review_result .result_btn_box .btn_reject {
	width: 84px;
}

.boost_course .boost_course_review_result .result_btn_box .btn_reject.active {
	border: 0;
	background-color: #ff5230;
}

.boost_course .boost_course_review_result .reviewer_box {
	margin-top: 80px;
}

.boost_course .boost_course_review_result .reviewer_box.result .editor {
	border-top: 1px solid #f1f1f1;
}

.boost_course .boost_course_review_result .reviewer_box .sjt {
	font-size: 16px;
	font-weight: 600;
	color: #010101;
	letter-spacing: -1px;
	line-height: 18px;
}

.boost_course .boost_course_review_result .reviewer_box .inpt_box {
	position: relative;
	margin-top: 16px;
}

.boost_course .boost_course_review_result .reviewer_box .editor {
	margin-top: 11px;
}

.boost_course .boost_course_review_result .reviewer_box .editor .editor_section {
	margin-top: 0;
}

.boost_course .boost_course_review_result .reviewer_box .inpt_box .inpt {
	overflow-y: auto;
	width: 100%;
	height: 120px;
	padding: 15px;
	border: 1px solid #eaeaea;
	font-size: 14px;
	color: #666;
	letter-spacing: -1px;
	line-height: 20px;
	vertical-align: top;
}

.boost_course .boost_course_review_result .reviewer_box .inpt_box .txtarea_label {
	position: absolute;
	left: 16px;
	top: 16px;
	font-size: 14px;
	color: #999;
	letter-spacing: -1px;
	line-height: 20px;
}

.boost_course .boost_course_review_result .reviewer_box .inpt_box .btn_box {
	text-align: right;
	margin-top: 8px;
}

.boost_course .boost_course_review_result .reviewer_box .inpt_box .btn_box a {
	display: inline-block;
	height: 34px;
	background-color: #010101;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 34px;
}

.boost_course .boost_course_review_result .reviewer_box .reviewer_cmt {
	margin-top: 13px;
	padding-top: 16px;
	border-top: 1px solid #f1f1f1;
	font-size: 14px;
	color: #333;
	letter-spacing: -1px;
	line-height: 20px;
}

.boost_course .boost_course_review_result .reviewer_box .result_cnt {
	position: relative;
	margin-top: 11px;
}

.boost_course .boost_course_review_result .reviewer_box .result_cnt:after {
	display: block;
	clear: both;
	content: '';
}

.boost_course .boost_course_review_result .reviewer_box .result_cnt [class*="btn_"] {
	float: right;
	width: 65px;
	height: 34px;
	margin-top: -3px;
	font-size: 14px;
	color: #fff;
	background-color: #010101;
	text-align: center;
	text-decoration: none;
	letter-spacing: -1px;
	line-height: 34px;
}

.boost_course .boost_course_review_result .reviewer_box .result_cnt .star_info {
	float: left;
	height: 20px;
	color: #666;
	line-height: 20px;
	letter-spacing: -1px;
}

.boost_course .boost_course_review_result .reviewer_box .result_cnt .star_info .txt {
	padding-right: 8px;
}

.boost_course .boost_course_review_result .reviewer_box .past_review_box .answer_sjt {
	color: #999;
}

.boost_course .boost_course_review_result .reviewer_box .past_review_box .answer_sjt em {
	color: #010101;
}

.boost_course .boost_course_review_result .gitcode_box {
	margin-top: 40px;
}

.boost_course .boost_course_review_result .gitcode_box .sjt {
	font-size: 16px;
	font-weight: 600;
	color: #010101;
	letter-spacing: -1px;
	line-height: 18px;
}

.boost_course .boost_course_review_result .gitcode_box .code_dsc {
	margin-top: 16px;
	font-size: 14px;
	color: #333;
	line-height: 14px;
	letter-spacing: -1px;
}

.boost_course .boost_course_review_result .gitcode_box .code_dsc a {
	color: #333;
}

.boost_course .boost_course_review_result .gitcode_box .table {
	margin-top: 16px;
}

.boost_course .boost_course_review_result .gitcode_box .table td {
	line-height: 16px;
	padding: 16px;
}

.boost_course .boost_course_review_result .gitcode_box .table tr td:last-of-type {
	padding: 16px 16px 16px 12px;
	text-align: left;
	word-break: break-all;
}

.boost_course .boost_course_review_result .star_box {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -117px -527px;
	background-repeat: no-repeat;
	width: 116px;
	height: 20px;
	font-size: 0;
	text-indent: 0;
	vertical-align: top;
}

.boost_course .boost_course_review_result .star_box .star_bar {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -573px -443px;
	background-repeat: no-repeat;
	width: 116px;
	height: 20px;
	display: block;
	width: 0;
}

.boost_course .boost_course_review_result .answer_box {
	margin-top: 80px;
}

.boost_course .boost_course_review_result .answer_box .editor {
	margin-top: 11px;
}

.boost_course .boost_course_review_result .answer_box .editor .editor_section {
	margin-top: 0;
}

.boost_course .boost_course_review_result .answer_box .answer_sjt {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	letter-spacing: -1px;
	line-height: 18px;
}

.boost_course .boost_course_review_result .answer_box .answer_dsc {
	margin-top: 11px;
	padding-top: 13px;
	border-top: 1px solid #f1f1f1;
	color: #333;
	line-height: 20px;
}

.boost_course .boost_course_review_result .answer_box .star_box {
	display: block;
	margin-top: 16px;
}

.boost_course .boost_course_review_result .answer_box.result .editor {
	border-top: 1px solid #f1f1f1;
}

.boost_course .boost_course_review_result .review_list {
	margin-top: 40px;
}

.boost_course .boost_course_review_result .review_list .review_list_tbl {
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #010101;
	border-bottom: 1px solid #d8d8d8;
}

.boost_course .boost_course_review_result .review_list .review_list_tbl thead th {
	height: 48px;
	border-top: 1px solid #010101;
	background-color: #fdfdfd;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	letter-spacing: -1px;
}

.boost_course .boost_course_review_result .review_list .review_list_tbl tbody td {
	border-top: 1px solid #ebebeb;
	height: 48px;
	font-size: 14px;
	color: #666;
	text-align: center;
}

.boost_course .boost_course_review_result .review_list .review_list_tbl thead tr th:first-child,
.boost_course .boost_course_review_result .review_list .review_list_tbl tbody tr td:first-child {
	padding-left: 24px;
	text-align: left;
}

.boost_course .boost_course_review_result .review_list .review_list_tbl .link {
	color: #666;
	text-decoration: none;
}

.boost_course .boost_course_review_result .review_list .review_list_tbl .link.active {
	font-weight: 600;
	color: #333;
}

.boost_course .boost_course_review_result .review_list .review_list_tbl .pass {
	color: #00c73c;
}

.boost_course .boost_course_review_result .review_list .review_list_tbl .fail {
	color: #ff5230;
}

.boost_course .boost_course_review_result .review_list .review_list_tbl .state {
	font-weight: 600;
}

.boost_course .boost_course_review_result .review_state_count {
	padding-right: 15px;
	color: #333;
}

.boost_course .boost_course_review_result .review_state_count .cnt em {
	font-weight: 600;
}

.boost_course .boost_course_review_result .review_list .review_list_tbl .btn_review_cancel {
	display: inline-block;
	width: 82px;
	height: 32px;
	background-color: #f1f1f1;
	color: #666;
	font-weight: 300;
	text-align: center;
	letter-spacing: -1px;
	text-decoration: none;
	line-height: 32px;
}

.boost_course .shadow_btn {
	display: block;
	width: 200px;
	height: 64px;
	margin: 40px auto 0;
	-webkit-border-radius: 32px;
	        border-radius: 32px;
	background-color: #333;
	-webkit-box-shadow: 0 16px 16px 0 rgba(51, 51, 51, 0.24);
	        box-shadow: 0 16px 16px 0 rgba(51, 51, 51, 0.24);
	font-size: 20px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	text-align: center;
	line-height: 64px;
	letter-spacing: 0;
}

.boost_course .shadow_btn.type_gradi {
	background: #4601ff;
	background: -webkit-linear-gradient(left, #4601ff 0%, #aa32e6 100%);
	background: -webkit-gradient(linear, left top, right top, from(#4601ff), to(#aa32e6));
	background: linear-gradient(to right, #4601ff 0%, #aa32e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4601ff', endColorstr='#aa32e6', GradientType=1);
	-webkit-box-shadow: 0 16px 16px 0 rgba(117, 22, 244, 0.24);
	        box-shadow: 0 16px 16px 0 rgba(117, 22, 244, 0.24);
}

.boost_course .shadow_btn.type_gray {
	background-color: #ccc;
	-webkit-box-shadow: 0 16px 16px 0 rgba(204, 204, 204, 0.24);
	        box-shadow: 0 16px 16px 0 rgba(204, 204, 204, 0.24);
}

.boost_course .appraise_box .sub_tit {
	margin-top: 40px;
	font-size: 16px;
	color: #999;
	letter-spacing: -1px;
	line-height: 18px;
}

.boost_course .appraise_box .appraise_selbox {
	margin-top: 40px;
}

.boost_course .appraise_box .appraise_selbox .btn.btn_type2 {
	float: right;
	padding: 0 24px;
}

.boost_course .appraise_box .appraise_group {
	margin-top: 40px;
	letter-spacing: -1px;
}

.boost_course .appraise_box .appraise_group .appraise_sjt {
	font-size: 16px;
	font-weight: 600;
	color: #010101;
	line-height: 18px;
}

.boost_course .appraise_box .appraise_group .appraise_none {
	padding: 60px 0;
	background-color: #f9f9f9;
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 20px;
}

.boost_course .appraise_box .appraise_group .appraise_tbl {
	width: 100%;
	table-layout: fixed;
	margin-top: 16px;
	border-bottom: 1px solid #ebebeb;
}

.boost_course .appraise_box .appraise_group .appraise_tbl th,
.boost_course .appraise_box .appraise_group .appraise_tbl td {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding: 11px 0 12px 24px;
	border-top: 1px solid #ebebeb;
	text-align: left;
	vertical-align: top;
}

.boost_course .appraise_box .appraise_group .appraise_tbl th {
	color: #333;
	font-weight: normal;
}

.boost_course .appraise_box .appraise_group .appraise_tbl td {
	padding-right: 24px;
}

.boost_course .appraise_box .appraise_group .appraise_tbl tr:first-child th,
.boost_course .appraise_box .appraise_group .appraise_tbl tr:first-child td {
	border-top: 1px solid #010101;
}

.boost_course .appraise_box .appraise_group .appraise_tbl tr:nth-child(odd) th,
.boost_course .appraise_box .appraise_group .appraise_tbl tr:nth-child(odd) td {
	background-color: #fdfdfd;
}

.boost_course .appraise_box .appraise_group + .group_lr {
	margin-top: 40px;
}

.boost_course .caution_box {
	position: relative;
	min-height: 48px;
	padding: 16px 16px 16px 56px;
	background-color: #f5f5f5;
	font-size: 16px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	color: #666;
	line-height: 24px;
	letter-spacing: 0;
}

.boost_course .caution_box:before {
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -12px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -261px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	content: '';
}

.boost_course .caution_box .point {
	font-weight: 600;
	color: #333;
}

.boost_course .caution_box .cnt {
	font-weight: 700;
	color: #00c73c;
}

.boost_course .caution_box.review:before {
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -12px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -289px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	content: '';
}

.boost_course .caution_box.pass {
	background-color: #00c73c;
	color: #fff;
}

.boost_course .caution_box.pass:before {
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -12px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -317px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	content: '';
}

.boost_course .caution_box.fail {
	background-color: #ff5230;
	color: #fff;
}

.boost_course .caution_box.fail:before {
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -12px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -597px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	content: '';
}

.boost_course .caution_box.caution {
	background-color: #333;
	color: #fafafa;
}

.boost_course .caution_box.caution:before {
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -12px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -597px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	content: '';
}

.boost_course .editor_section {
	margin-top: 16px;
}

.boost_course .outline_write .tag_box {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #e9e9e9;
}

.boost_course .outline_write .tag_box .tag_inner {
	position: relative;
	height: 90px;
	padding: 11px 20px 11px 136px;
	border: 1px solid #d1d1d1;
}

.boost_course .outline_write .tag_box .tag_inner .sjt {
	position: absolute;
	left: 19px;
	top: 19px;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	line-height: 16px;
}

.boost_course .outline_write .tag_box .tag_inner .tag_inpt_box {
	position: relative;
	border: 1px solid #d1d1d1;
}

.boost_course .outline_write .tag_box .tag_inner .tag_inpt_box .placeholder {
	position: absolute;
	left: 16px;
	top: 7px;
	font-size: 14px;
	color: #999;
	letter-spacing: -1px;
	line-height: 18px;
}

.boost_course .outline_write .tag_box .tag_inner .tag_inpt_box textarea {
	width: 100%;
	height: 68px;
	padding: 7px 16px;
	border: 0;
	font-size: 14px;
	color: #666;
	letter-spacing: -1px;
	line-height: 18px;
	vertical-align: top;
}

.boost_course .outline_write .tag_box .tag_inner + .group_lr {
	margin-top: 40px;
}

.boost_course .submit_write {
	margin-top: 40px;
}

.boost_course .submit_write .editor + .group_lr {
	margin-top: 40px;
}

.boost_course .submit_write .category_select .select_box {
	font-size: 0;
}

.boost_course .submit_write .category_select .select_box .sjt {
	width: 75px;
	font-size: 14px;
}

.boost_course .submit_write .category_select .select_box .ick {
	font-size: 14px;
}

.boost_course .submit_write .category_select + .group_lr {
	margin-top: 16px;
}

.boost_course .reviewer_select {
	position: relative;
	margin-top: 40px;
	overflow: hidden;
}

.boost_course .reviewer_select .btn_box {
	position: absolute;
	left: 50%;
	top: 263px;
	width: 64px;
	margin-left: -32px;
}

.boost_course .reviewer_select .btn_box a {
	height: 32px;
	color: #fff;
	text-decoration: none;
	line-height: 32px;
	text-indent: inherit;
	vertical-align: top;
}

.boost_course .reviewer_select .btn_box .save_btn {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -268px -668px;
	background-repeat: no-repeat;
	width: 64px;
	height: 32px;
	display: block;
	margin-left: 4px;
	padding-left: 16px;
	text-indent: inherit;
}

.boost_course .reviewer_select .btn_box .cancel_btn {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -200px -668px;
	background-repeat: no-repeat;
	width: 64px;
	height: 32px;
	display: block;
	margin: 16px 0 0 -4px;
	padding-right: 16px;
	text-indent: inherit;
	text-align: right;
}

.boost_course .reviewer_select .select_group {
	float: left;
	position: relative;
	width: 320px;
}

.boost_course .reviewer_select .select_group .sjt {
	font-size: 16px;
	font-weight: 600;
	color: #010101;
	letter-spacing: -1px;
	line-height: 18px;
}

.boost_course .reviewer_select .select_group .chk_box {
	position: absolute;
	right: 0;
	top: 0;
	letter-spacing: -1px;
}

.boost_course .reviewer_select .select_group .chk_box .ick {
	padding-left: 17px;
}

.boost_course .reviewer_select .select_group .chk_box.first {
	left: 168px;
	right: auto;
}

.boost_course .reviewer_select .select_group .list_box {
	border: 1px solid #d8d8d8;
	margin-top: 11px;
}

.boost_course .reviewer_select .select_group .scroll_box {
	overflow-y: auto;
	height: 438px;
	margin-top: -1px;
}

.boost_course .reviewer_select .select_group .list_sjt_box {
	display: table;
	table-layout: fixed;
	width: 100%;
	background-color: #fdfdfd;
	border-bottom: 1px solid #ebebeb;
}

.boost_course .reviewer_select .select_group .list_sjt_box em {
	position: relative;
	display: table-cell;
	height: 48px;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	letter-spacing: -1px;
	vertical-align: middle;
	text-align: center;
}

.boost_course .reviewer_select .select_group .list_sjt_box .sort_link {
	display: inline-block;
	position: relative;
	text-decoration: none;
}

.boost_course .reviewer_select .select_group .list_sjt_box .sort_link.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;
	margin-left: 8px;
}

.boost_course .reviewer_select .select_group .list_sjt_box .sort_link.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;
	margin-left: 8px;
}

.boost_course .reviewer_select .select_group .list_sjt_box .chk_area {
	width: 22%;
}

.boost_course .reviewer_select .select_group .list_sjt_box .name_area {
	width: 45%;
	text-align: left;
}

.boost_course .reviewer_select .select_group .list_sjt_box .date_area,
.boost_course .reviewer_select .select_group .list_sjt_box .state_area {
	width: 33%;
}

.boost_course .reviewer_select .select_group .list_sjt_box .state_area a {
	color: #666;
}

.boost_course .reviewer_select .select_group .list {
	border-bottom: 1px solid #ebebeb;
}

.boost_course .reviewer_select .select_group .list li {
	overflow: hidden;
	height: 56px;
	line-height: 56px;
	border-top: 1px solid #ebebeb;
	background-color: #fff;
	font-size: 14px;
	color: #666;
	text-align: center;
	letter-spacing: -1px;
	position: relative;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.boost_course .reviewer_select .select_group .list li:nth-child(even) {
	background-color: #fdfdfd;
}

.boost_course .reviewer_select .select_group .list .chk_area {
	display: block;
	float: left;
	width: 22%;
}

.boost_course .reviewer_select .select_group .list .ace {
	position: absolute;
	top: 0px;
	left: 55px;
	color: #00c73c;
	font-weight: bold;
}

.boost_course .reviewer_select .select_group .list .name_area {
	display: block;
	overflow: hidden;
	float: left;
	width: 45%;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.boost_course .reviewer_select .select_group .list .date_area {
	display: block;
	float: left;
	width: 33%;
	height: 56px;
	padding: 12px 0;
	line-height: 16px;
}

.boost_course .reviewer_select .select_group .list .state_area {
	display: block;
	float: left;
	width: 33%;
}

.boost_course .reviewer_select .select_group .list .state_area a {
	display: block;
	height: 48px;
}

.boost_course .reviewer_select .select_group .list.no_line {
	border-bottom: 0;
}

.boost_course .reviewer_select .select_group .reviewer_selbox {
	margin-top: 11px;
}

.boost_course .reviewer_select .select_group .reviewer_selbox + .list_box {
	margin-top: 8px;
}

.boost_course .reviewer_select .select_group + .select_group {
	float: right;
}

.boost_course .reviewer_select .select_group + .select_group .scroll_box {
	height: 438px;
}

.boost_course .project_category .category_select {
	margin-top: 40px;
}

.boost_course .project_category .category_select .select_box .select_group {
	margin-top: 4px;
}

.boost_course .project_category .category_select .select_box .select_group:first-child {
	margin-top: 0;
}

.boost_course .project_category .category_select .select_box .sjt {
	width: 140px;
}

.boost_course .project_category .category_select .select_box .ick + .ick {
	margin-left: 12px;
}

.boost_course .project_category .category_select .select_box .btn {
	position: absolute;
	right: 20px;
	top: 10px;
}

.boost_course .project_category .category_select .charge_box {
	padding: 0px 20px 24px;
	border-top: 1px solid #ebebeb;
}

.boost_course .project_category .category_select .charge_box .list {
	letter-spacing: 0;
}

.boost_course .project_category .category_select .charge_box .list li {
	overflow: hidden;
	margin-top: 24px;
}

.boost_course .project_category .category_select .charge_box .list li.after {
	margin-top: 0;
}

.boost_course .project_category .category_select .charge_box .list .list_sjt {
	float: left;
	width: 140px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 300;
	color: #333;
	letter-spacing: 0;
	line-height: 16px;
}

.boost_course .project_category .category_select .charge_box .list .prj_id {
	display: block;
	overflow: hidden;
	color: #999;
	line-height: 16px;
}

.boost_course .project_category .category_select .charge_box .list .price.after {
	margin-top: 8px;
}

.boost_course .project_category .category_select .charge_box .list .price .list_sjt {
	padding-top: 12px;
}

.boost_course .project_category .category_select .charge_box .list .inpt_box {
	overflow: hidden;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	letter-spacing: 0;
}

.boost_course .project_category .category_select .charge_box .list .price_inpt {
	line-height: 40px;
	color: #333;
}

.boost_course .project_category .category_select .charge_box .list .price_inpt .it {
	background-color: #f9fafb;
	margin-right: 4px;
}

.boost_course .project_category .category_select .charge_box .list .price_inpt .it .ph {
	left: 0;
	top: 0;
	width: 100%;
	padding: 0 16px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	color: #999;
	letter-spacing: -1px;
}

.boost_course .project_category .category_select .charge_box .list .price_inpt .it input {
	height: 40px;
	padding: 0 16px;
	border: 0;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	letter-spacing: -1px;
	background: transparent;
}

.boost_course .project_category .category_select .charge_box .list .price_inpt .caution_info {
	margin-top: 4px;
	font-size: 12px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	color: #ff5230;
	letter-spacing: 0;
	line-height: 14px;
}

.boost_course .project_category .category_select .charge_box .price_info {
	margin: 16px 0 0 140px;
	color: #999;
	line-height: 16px;
}

.boost_course .project_category .notice_info {
	margin-top: 16px;
	padding: 24px;
	background-color: #f9f9f9;
	color: #333;
	letter-spacing: -0.7px;
	line-height: 24px;
}

.boost_course .project_category .category_save {
	margin-top: 16px;
}

.boost_course .category_select {
	margin-top: 16px;
	border: 1px solid #d1d1d1;
}

.boost_course .category_select .select_box {
	position: relative;
	padding: 16px 20px;
}

.boost_course .category_select .select_box .sjt {
	display: inline-block;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 700;
	color: #333;
	letter-spacing: 0;
	padding-right: 20px;
	line-height: 16px;
}

.boost_course .category_select .select_box .ick {
	line-height: 16px;
}

.boost_course .category_select .select_box .ick .checkbox {
	top: 1px;
}

.boost_course .category_select .select_box .ick .ph {
	line-height: 16px;
}

.boost_course .group_create {
	margin-top: 16px;
	border: 1px solid #d1d1d1;
}

.boost_course .group_create dl {
	position: relative;
	padding: 16px 20px;
}

.boost_course .group_create dl::after {
	display: table;
	clear: both;
	content: '';
}

.boost_course .group_create dl dt {
	float: left;
	padding-right: 20px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 700;
	color: #333;
	line-height: 16px;
	letter-spacing: 0;
}

.boost_course .group_create dl dd {
	overflow: hidden;
	font-size: 0;
}

.boost_course .group_create .btn_type9 {
	width: auto;
	height: 30px;
	padding: 0 16px;
	border-color: #f0f0f0;
	font-size: 13px;
}

.boost_course .group_create .text {
	font-size: 13px;
	color: #666;
	vertical-align: middle;
}

.boost_course .group_create .btn + .text {
	margin-left: 8px;
}

.boost_course .group_create .info_box {
	padding-top: 16px;
}

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

.boost_course_current .page_header {
	margin: 0 !important;
}

.boost_course_current .page_header h1 {
	margin: 0 !important;
}

.boost_course_current .sub_tit {
	padding-bottom: 16px;
	font-size: 16px;
	font-weight: 600;
	color: #010101;
	line-height: 18px;
}

.boost_course_current .notice {
	display: block;
	margin-top: 36px;
	line-height: 14px;
	font-size: 12px;
	color: #999;
}

.boost_course_current .notice:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -290px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	margin: 1px 5px 0 0;
	vertical-align: top;
}

.boost_course_current .current_box {
	margin-top: 16px;
}

.boost_course_current .current_box .table.table_type2 th {
	padding: 16px 0;
}

.boost_course_current .current_box .table.table_type2 td {
	padding: 16px 0;
	height: 16px;
}

.boost_course_current .current_box .table.table_type2 th.colgroup_top {
	padding-bottom: 4px;
}

.boost_course_current .current_box .table.table_type2 th.colgroup_bottom {
	padding-top: 4px;
}

.boost_course_current .form_box {
	position: relative;
	padding-right: 80px;
}

.boost_course_current .form_box .btn_search {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 64px;
	height: auto;
}

.boost_course_current .form_box .dash {
	display: inline-block;
	margin: 0 6px 0 5px;
	color: #999;
	vertical-align: top;
	line-height: 34px;
}

.boost_course_current .form_box .date_txt {
	display: inline-block;
	margin-right: 8px;
	color: #666;
	line-height: 34px;
	vertical-align: top;
}

.boost_course_current .form_box .slt + .it,
.boost_course_current .form_box .slt + .slt {
	margin-left: 4px;
}

.boost_course_current .form_box .group_lr {
	margin-top: 0;
}

.boost_course_current .form_box .group_lr + .group_lr {
	margin-top: 8px;
}

.boost_course_current .form_box:after {
	display: block;
	clear: both;
	content: '';
}

.boost_course_current .table {
	line-height: 16px;
}

.boost_course_current .table .title,
.boost_course_current .table .left_cell {
	padding-left: 24px !important;
	text-align: left;
}

.boost_course_current .table tbody tr:nth-child(2n) td {
	background-color: #fdfdfd;
}

.boost_course_current .table .link {
	position: relative;
}

.boost_course_current .table .link:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -868px -710px;
	background-repeat: no-repeat;
	width: 4px;
	height: 7px;
	margin: 5px 0 0 6px;
	vertical-align: top;
	content: '';
}

.boost_course_current .state_tbl_box {
	margin-top: 40px;
}

.boost_course_current .state_tbl_box .scroll_box {
	overflow-x: auto;
}

.boost_course_current .state_tbl_box.no_title {
	margin-top: 24px;
}

.boost_course_current .state_tbl_box:after {
	display: block;
	clear: both;
	content: '';
}

.boost_course_current .review_state_tbl .table thead th {
	padding: 0;
}

.boost_course_current .review_state_tbl .table thead .project_group_sjt {
	padding-top: 16px;
}

.boost_course_current .review_state_tbl .table thead .project_sjt {
	height: auto;
	vertical-align: middle;
	padding: 8px 8px 16px;
}

.boost_course_current .review_state_tbl .table tbody td {
	height: 48px;
	padding: 0;
}

.boost_course_current .review_state_tbl2 .table thead th {
	padding: 0;
	height: 36px;
}

.boost_course_current .paginate + .tbl_bottom_btn_box {
	margin-top: 40px;
}

.boost_course_current .tbl_bottom_btn_box {
	position: static;
	margin-top: 15px;
}

.boost_course_current .tbl_bottom_btn_box .group_l + .group_l {
	margin-left: 4px;
}

.boost_course_current .tbl_bottom_btn_box .review_price {
	position: relative;
	font-size: 14px;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop {
	position: absolute;
	left: 0;
	top: 42px;
	width: 760px;
	padding: 24px;
	border: 1px solid #d1d1d1;
	background-color: #fdfdfd;
	-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);
	z-index: 20;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_sjt {
	display: block;
	font-size: 16px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 700;
	color: #333;
	line-height: 18px;
	letter-spacing: 0;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list_column {
	padding-top: 24px;
	overflow: hidden;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list_column .title {
	float: right;
	line-height: 14px;
	font-size: 0;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list_column .title em {
	vertical-align: top;
	display: inline-block;
	font-size: 12px;
	width: 96px;
	text-align: right;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list {
	letter-spacing: -0.5px;
	line-height: 16px;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list li {
	overflow: hidden;
	margin-top: 8px;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list .price {
	float: right;
	text-align: right;
	font-size: 0;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list .price span {
	width: 96px;
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list .price em {
	color: #00c73c;
	font-weight: 600;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list .price em.after {
	color: #666;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list .review_sjt {
	display: block;
	overflow: hidden;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .caution_list {
	padding-top: 8px;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .caution_list li {
	position: relative;
	margin-top: 8px;
	padding-left: 12px;
	color: #999;
	letter-spacing: -0.4px;
	line-height: 16px;
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .caution_list li:before {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	background-color: #999;
	content: '';
}

.boost_course_current .tbl_bottom_btn_box .review_price .price_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: 13px;
	top: 13px;
}

.boost_course_current .gitlab_comment_box {
	margin-top: 36px;
}

.boost_course_current .gitlab_comment_box .comment_total_list {
	overflow: hidden;
	margin-top: 36px;
	border: 1px solid #dedede;
	background-color: #fff;
}

.boost_course_current .gitlab_comment_box .comment_total_list li {
	float: left;
	width: 253px;
	padding: 24px 0;
	min-height: 86px;
	text-align: center;
	font-size: 14px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	color: #333;
	letter-spacing: -0.5px;
	line-height: 16px;
}

.boost_course_current .gitlab_comment_box .comment_total_list li:first-child {
	width: 252px;
}

.boost_course_current .gitlab_comment_box .comment_total_list .sjt {
	font-weight: normal;
	color: #999;
	letter-spacing: -1px;
}

.boost_course_current .gitlab_comment_box .comment_total_list .txt {
	display: block;
	margin-top: 8px;
}

.boost_course_current .gitlab_comment_box .comment_total_list + .gitlab_tbl_box {
	margin-top: 16px;
}

.boost_course_current .gitlab_tbl_box {
	margin-top: 24px;
}

.boost_course_current .gitlab_tbl_box .table th {
	padding: 0;
	height: 48px;
	letter-spacing: -1px;
	line-height: 14px;
}

.boost_course_current .gitlab_tbl_box .table td {
	height: auto;
	padding: 16px;
}

.boost_course_current .gitlab_tbl_box .table .type_left {
	padding: 16px;
	text-align: left;
}

.boost_course_current .check_navi {
	font-size: 16px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	color: #666;
	line-height: 18px;
	letter-spacing: 0;
}

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

.bc_alert_ct {
	width: 760px !important;
	margin: 0 auto;
}

.bc_alert_ct #content {
	padding: 0;
	max-width: inherit;
}

.big_btn_area {
	margin-top: 40px;
	text-align: center;
}

.big_btn_area .btn_big_rounded {
	display: inline-block;
	width: 200px;
	height: 64px;
	background-color: rgba(51, 51, 51, 0.95);
	-webkit-border-radius: 32px;
	        border-radius: 32px;
	-webkit-box-shadow: 0 16px 16px 0 rgba(51, 51, 51, 0.24);
	        box-shadow: 0 16px 16px 0 rgba(51, 51, 51, 0.24);
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 64px;
}

body.re_pack.boost_course_main_body #content .bc_class_spot {
	position: relative;
	background-color: #101214;
}

body.re_pack.boost_course_main_body #content .bc_class_spot:before, body.re_pack.boost_course_main_body #content .bc_class_spot:after {
	position: absolute;
	top: 95px;
	left: 0;
	width: -webkit-calc(50% - 970px);
	width: calc(50% - 970px);
	height: 412px;
	background: url(../img/boost_class_introduce_bg.png) 0 0/5px 412px repeat-x;
	content: '';
}

body.re_pack.boost_course_main_body #content .bc_class_spot:after {
	left: auto;
	right: 0;
}

body.re_pack.boost_course_main_body #content .bc_class_spot .spot_inner {
	height: 587px;
	padding: 95px 0 80px;
	background: url(../img/boost_class_introduce.png) 50% 95px/1940px 412px no-repeat;
}

body.re_pack.boost_course_main_body #content .bc_class_section:nth-child(even) {
	background: #f5f5f5;
}

body.re_pack.boost_course_main_body #content .bc_class_section.img_full {
	height: 800px;
	background: url(../img/boost_class_sec01.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}

body.re_pack.boost_course_main_body #content .bc_class_section.img_full .inner {
	padding: 268px 0 248px;
}

body.re_pack.boost_course_main_body #content .bc_class_section.img_full .inner .sec_title {
	margin-bottom: 60px;
	color: #fff;
	font-size: 48px;
	line-height: 58px;
	font-weight: 800;
}

body.re_pack.boost_course_main_body #content .bc_class_section.img_full .inner .sec_title .sec_title_sub {
	display: block;
	margin-bottom: 40px;
	font-size: 32px;
	line-height: 38px;
	font-weight: 350;
}

body.re_pack.boost_course_main_body #content .bc_class_section.img_full .inner .link_btn {
	display: block;
	margin: 0 auto;
	padding: 20px;
	width: 88px;
	height: 88px;
}

body.re_pack.boost_course_main_body #content .bc_class_section.img_full .inner .link_btn::before {
	content: '';
	display: block;
	background-position: -627px -284px;
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .inner {
	max-width: 1080px;
	margin: 0 auto;
	padding: 120px 0;
	text-align: center;
}

body.re_pack.boost_course_main_body #content .bc_class_section .bc_class_sec_title {
	position: relative;
	display: inline-block;
	margin-bottom: 80px;
	padding: 0 8px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .bc_class_sec_title:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6px;
	height: 12px;
	background: #2cf809;
	z-index: 1;
}

body.re_pack.boost_course_main_body #content .bc_class_section .bc_class_sec_title .title_text {
	position: relative;
	display: inline-block;
	font-size: 40px;
	line-height: 60px;
	color: #101214;
	font-weight: 900;
	z-index: 5;
}

body.re_pack.boost_course_main_body #content .bc_class_section .section_text_box {
	display: block;
	margin: 0 auto 80px;
	background-position: -4px -4px;
	background-repeat: no-repeat;
	width: 615px;
	height: 128px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item {
	position: relative;
	padding: 64px 304px 64px 48px;
	background: #fff;
	text-align: left;
	line-height: 1.5;
	color: #000;
}

body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:before {
	content: '';
	position: absolute;
	top: 20px;
	right: 24px;
	background-position: -4px -254px;
	background-repeat: no-repeat;
	width: 240px;
	height: 200px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:nth-child(2) {
	margin-top: 24px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:nth-child(2):before {
	background-position: -252px -254px;
	background-repeat: no-repeat;
	width: 240px;
	height: 200px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:nth-child(3) {
	margin-top: 24px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:nth-child(3):before {
	background-position: -627px -4px;
	background-repeat: no-repeat;
	width: 240px;
	height: 200px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item .step_title {
	display: block;
	margin-bottom: 24px;
	font-size: 40px;
	font-weight: 800;
}

body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item .step_noti {
	font-size: 20px;
	font-weight: 400;
}

body.re_pack.boost_course_main_body #content .bc_class_section .bi_list {
	margin-bottom: 80px;
	font-size: 0;
	text-align: center;
}

body.re_pack.boost_course_main_body #content .bc_class_section .bi_list .bi_item {
	display: inline-block;
	vertical-align: middle;
}

body.re_pack.boost_course_main_body #content .bc_class_section .bi_list .bi_item + .bi_item {
	margin-left: 82px;
	position: relative;
}

body.re_pack.boost_course_main_body #content .bc_class_section .bi_list .bi_item + .bi_item::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -42px;
	margin-top: -24px;
	width: 2px;
	height: 48px;
	background: #000;
}

body.re_pack.boost_course_main_body #content .bc_class_section .bi_list .bi_item .bi_link {
	display: block;
	background-position: -4px -218px;
	background-repeat: no-repeat;
	width: 346px;
	height: 28px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .bi_list .bi_item .bi_link.go {
	background-position: -627px -212px;
	background-repeat: no-repeat;
	width: 215px;
	height: 64px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .course_box {
	margin-bottom: 80px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .course_box img {
	margin: 0 auto;
	width: 1080px;
	height: auto;
}

body.re_pack.boost_course_main_body #content .bc_class_section .course_noti {
	margin-top: 40px;
	font-size: 16px;
	line-height: 1.5;
	color: #384047;
}

body.re_pack.boost_course_main_body #content .bc_class_section .card_img_box {
	margin: 0 auto 80px;
	width: 504px;
	height: 336px;
	background: url(../img/boost_class_card_img.png) 0 0/504px 336px no-repeat;
}

body.re_pack.boost_course_main_body #content .bc_class_section .card_noti {
	margin-bottom: 80px;
	font-size: 32px;
	line-height: 1.5;
	color: #000;
}

body.re_pack.boost_course_main_body #content .bc_class_section .card_noti strong {
	font-weight: 800;
}

body.re_pack.boost_course_main_body #content .bc_class_section .card_noti + .card_noti {
	margin-top: -56px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list {
	margin-bottom: 158px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item {
	background-color: #fff;
	text-align: left;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item.open .answer {
	display: block;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item.open .question::after {
	-webkit-transform: rotate(0);
	    -ms-transform: rotate(0);
	        transform: rotate(0);
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item + .qna_item {
	margin-top: 24px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item:nth-child(2) .question::before {
	background-position: -715px -340px;
	background-repeat: no-repeat;
	width: 32px;
	height: 33px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item:nth-child(3) .question::before {
	background-position: -755px -340px;
	background-repeat: no-repeat;
	width: 32px;
	height: 33px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item:nth-child(4) .question::before {
	background-position: -795px -340px;
	background-repeat: no-repeat;
	width: 32px;
	height: 33px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item:nth-child(5) .question::before {
	background-position: -835px -340px;
	background-repeat: no-repeat;
	width: 32px;
	height: 33px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .question {
	position: relative;
	padding: 48px 108px;
	width: 100%;
	text-align: left;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .question:before {
	content: '';
	position: absolute;
	top: 48px;
	left: 64px;
	background-position: -675px -340px;
	background-repeat: no-repeat;
	width: 32px;
	height: 33px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .question::after {
	content: '';
	position: absolute;
	top: 48px;
	right: 64px;
	background-position: -627px -340px;
	background-repeat: no-repeat;
	width: 40px;
	height: 41px;
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .question .btn_title {
	font-size: 26px;
	font-weight: 800;
	line-height: 39px;
	color: #000;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .answer {
	display: none;
	margin-top: -24px;
	padding: 0 64px 48px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .answer .answer_text {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 400;
	color: #000;
}

body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .answer .answer_text + .answer_text {
	margin-top: 24px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .btn_box {
	font-size: 0;
	line-height: 0;
	text-align: center;
}

body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 auto;
	width: 532px;
	height: 91px;
	padding: 32px;
	background: #101214;
	font-size: 24px;
	font-weight: 700;
	line-height: 27px;
	color: #fff;
}

body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn:after {
	content: '';
	position: absolute;
	top: 37px;
	right: 40px;
	background-position: -736px -284px;
	background-repeat: no-repeat;
	width: 43px;
	height: 22px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn + .arr_btn {
	margin-left: 16px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn.g_type {
	background: #03c75a;
}

body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn.b_type {
	background: #0055fb;
}

body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn.list_more_btn::before {
	content: '';
	position: absolute;
	top: -78px;
	left: 25px;
	background-position: -4px -140px;
	background-repeat: no-repeat;
	width: 482px;
	height: 70px;
}

body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn.list_more_btn:after {
	background-position: -683px -284px;
	background-repeat: no-repeat;
	width: 45px;
	height: 23px;
}

.lecture_payment .page_header {
	margin: 0 !important;
	border: 0 !important;
}

.lecture_payment .sort_box {
	margin-top: -7px;
	text-align: right;
}

.lecture_payment .sort_box .sjt {
	padding-right: 3px;
	color: #666;
	font-weight: normal;
	line-height: 34px;
}

.lecture_payment .sort_box .it,
.lecture_payment .sort_box .btn {
	vertical-align: top;
}

.lecture_payment .sort_box .btn {
	margin-left: 4px;
}

.lecture_payment .sort_box .ph {
	left: 9px;
}

.lecture_payment .sort_box .dash {
	padding: 0 4px 0 3px;
	color: #999;
	line-height: 34px;
}

.lecture_payment .sort_box .slt {
	margin-right: 4px;
}

.lecture_payment .sort_box + .lecture_payment_list {
	margin-top: 16px;
}

.lecture_payment .lecture_payment_list .table tbody tr:nth-child(even) td {
	background-color: #fdfdfd;
}

.lecture_payment .lecture_payment_list .table tbody td {
	height: 49px;
	padding: 6px 0 7px;
	color: #666;
	letter-spacing: -1px;
	line-height: 14px;
}

.lecture_payment .lecture_payment_list .table .link_box {
	display: block;
}

.lecture_payment .lecture_payment_list .table .link_box a:after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -868px -710px;
	background-repeat: no-repeat;
	width: 4px;
	height: 7px;
	margin: 4px 0 0 4px;
	vertical-align: top;
	content: '';
}

.lecture_payment .lecture_payment_list .table .link_box + .link_box {
	margin-top: 8px;
}

.lecture_payment .lecture_payment_list .table .no_box {
	position: relative;
}

.lecture_payment .lecture_payment_list .table .no_box.on {
	z-index: 10;
}

.lecture_payment .lecture_payment_list .table .no_box.on .info_pop {
	display: block;
}

.lecture_payment .lecture_payment_list .table .list_none {
	height: 96px;
}

.lecture_payment .lecture_payment_list .table .no_box .info_pop {
	display: none;
	position: absolute;
	left: 0;
	top: 22px;
	width: 360px;
	padding: 24px;
	background-color: #fdfdfd;
	border: 1px solid #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);
	text-align: left;
	z-index: 10;
}

.lecture_payment .lecture_payment_list .table .no_box .info_pop .list dt {
	margin-top: 24px;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	color: #999;
	letter-spacing: 0;
	line-height: 16px;
}

.lecture_payment .lecture_payment_list .table .no_box .info_pop .list dt:first-child {
	margin: 0;
}

.lecture_payment .lecture_payment_list .table .no_box .info_pop .list dd {
	margin-top: 8px;
}

.lecture_payment .lecture_payment_list .table .no_box .info_pop .list dd,
.lecture_payment .lecture_payment_list .table .no_box .info_pop .list dd a {
	color: #333;
	letter-spacing: -1px;
	line-height: 20px;
	word-break: break-all;
}

.lecture_payment .lecture_payment_list .table .no_box .info_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: 13px;
	top: 13px;
}

.lecture_payment .payment_list_notice {
	margin-top: 40px;
	padding: 24px;
	background-color: #f9fafb;
}

.lecture_payment .payment_list_notice .notice {
	font-size: 14px;
	letter-spacing: -0.4px;
	color: #999;
	line-height: 16px;
}

.lecture_payment .payment_list_notice .notice li {
	margin-top: 8px;
	position: relative;
}

.lecture_payment .payment_list_notice .notice li:first-child {
	margin: 0;
}

.lecture_payment .payment_list_notice .notice li:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #ccc;
	vertical-align: top;
}

.lecture_payment .payment_list_notice .notice p {
	padding-left: 12px;
}

.lecture_complete .info_area {
	min-height: 640px;
	background: #687077 url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_complete.png) no-repeat 50% 0;
	-webkit-background-size: 1920px 640px;
	        background-size: 1920px 640px;
}

.lecture_complete .info_area .done_area {
	width: 1080px;
	height: 640px;
	margin: 0 auto;
	padding-top: 80px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

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

.lecture_complete .complete_area {
	float: left;
	width: 680px;
	margin-right: 80px;
}

.lecture_complete .complete_box {
	width: 680px;
	height: 480px;
	background-color: #fff;
}

.lecture_complete .complete_box.cd_party {
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/complete/bg_codingparty.svg) no-repeat 0 0;
	-webkit-background-size: 680px 480px;
	        background-size: 680px 480px;
}

.lecture_complete .complete_box.cd_party img {
	vertical-align: top;
}

.lecture_complete .complete_box.cd_party .certificate {
	padding: 0;
}

.lecture_complete .complete_box.cd_party .issue_info {
	float: none;
	margin: 62px 0 0 64px;
	text-align: left;
}

.lecture_complete .complete_box.cd_party .issue_info img {
	position: absolute;
	top: 63px;
	right: 62px;
}

.lecture_complete .complete_box.cd_party .issue_info p {
	font-family: NanumSquareRoundWebFont;
	font-weight: 700;
	font-size: 14px;
	color: #000;
	line-height: 21px;
}

.lecture_complete .complete_box.cd_party .issue_cont {
	position: static;
	padding: 0;
	font-family: NanumSquareRoundWebFont;
	font-weight: 700;
	color: #000;
	text-align: center;
}

.lecture_complete .complete_box.cd_party .issue_cont h3 {
	display: inline-block;
	float: none;
	margin-right: -30px;
	padding: 36px 0 0 0;
	font-family: NanumSquareRoundWebFont;
	font-size: 48px;
	font-weight: 900;
	letter-spacing: 30px;
}

.lecture_complete .complete_box.cd_party .issue_cont .name {
	position: absolute;
	top: 185px;
	left: 430px;
	margin: 0 0 0 -7px;
	font-size: 23px;
	line-height: 28px;
	text-align: left;
	letter-spacing: 14px;
}

.lecture_complete .complete_box.cd_party .issue_cont .cont {
	padding-top: 72px;
	font-size: 18px;
	line-height: 27px;
}

.lecture_complete .complete_box.cd_party .issue_cont .date {
	margin-top: 22px;
	font-size: 17px;
	font-weight: 300;
	line-height: normal;
}

.lecture_complete .complete_box.cd_party .logo {
	left: 0;
	right: 0;
	bottom: 67px;
}

.lecture_complete .complete_box.cd_party .logo img {
	display: block;
	margin: 0 auto;
}

.lecture_complete .certificate {
	position: relative;
	width: 680px;
	height: 480px;
	padding: 48px;
}

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

.lecture_complete .certificate h3 {
	float: left;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 40px;
	font-weight: 300;
	color: #1e1e1e;
	line-height: 44px;
}

.lecture_complete .certificate.eng h3, .lecture_complete .certificate.course h3, .lecture_complete .certificate.lecture h3 {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	line-height: 26px;
}

.lecture_complete .certificate.eng h3 span, .lecture_complete .certificate.course h3 span, .lecture_complete .certificate.lecture h3 span {
	font-weight: 300;
}

.lecture_complete .certificate .issue_info {
	float: right;
	text-align: right;
}

.lecture_complete .certificate .issue_dl {
	margin-top: 35px;
	font-size: 0;
	text-align: center;
}

.lecture_complete .certificate .issue_dl .dl_half {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.lecture_complete .certificate .issue_dl .dl_half + .dl_half {
	padding-left: 60px;
}

.lecture_complete .certificate .issue_dl .dl_half dt {
	float: left;
	min-width: 65px;
	color: #1e1e1e;
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
	margin-bottom: 4px;
}

.lecture_complete .certificate .issue_dl .dl_half dd {
	overflow: hidden;
	color: #1e1e1e;
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
	margin-bottom: 4px;
}

.lecture_complete .certificate .issue_number {
	font-size: 10px;
	line-height: 14px;
}

.lecture_complete .certificate .issue_number strong {
	color: #a0a0a0;
}

.lecture_complete .certificate .issue_number .num {
	font-weight: bold;
	color: #666;
}

.lecture_complete .certificate .issue_number .confirm {
	padding-top: 2px;
	color: #00caf9;
}

.lecture_complete .certificate .issue_qrcode {
	width: 32px;
	height: 32px;
	margin-top: 13px;
}

.lecture_complete .certificate .issue_corp {
	margin-top: 25px;
}

.lecture_complete .certificate .issue_corp p {
	font-size: 10px;
	color: #a0a0a0;
	line-height: 10px;
}

.lecture_complete .certificate .issue_corp img {
	display: inline-block;
	margin-top: 8px;
	vertical-align: top;
}

.lecture_complete .certificate .issue_cont {
	position: absolute;
	left: 48px;
	right: 48px;
	bottom: 49px;
	padding-bottom: 87px;
}

.lecture_complete .certificate .issue_cont .complete_course {
	font-size: 12px;
	color: #999;
}

.lecture_complete .certificate .issue_cont .title {
	display: block;
	padding-bottom: 16px;
	border-bottom: 1px solid #1e1e1e;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #333;
	line-height: 26px;
}

.lecture_complete .certificate .issue_cont .name {
	margin: 20px 0 3px;
	font-size: 14px;
	font-weight: bold;
	color: #1e1e1e;
}

.lecture_complete .certificate .issue_cont .confer {
	font-size: 12px;
	color: #999;
	line-height: 16px;
}

.lecture_complete .certificate .issue_cont .date {
	margin-top: 5px;
	font-size: 10px;
	font-weight: bold;
	color: #1e1e1e;
}

.lecture_complete .certificate .issue_cont .connect {
	position: absolute;
	left: 0;
	bottom: -7px;
	font-size: 16px;
	font-weight: bold;
	color: #1e1e1e;
}

.lecture_complete .certificate .sign_area {
	position: absolute;
	left: 0;
	bottom: 0;
	white-space: nowrap;
}

.lecture_complete .certificate .sign_area .sign {
	display: inline-block;
	position: relative;
	height: 56px;
}

.lecture_complete .certificate .sign_area .sign + .sign {
	margin-left: 4px;
}

.lecture_complete .certificate .sign_area img {
	vertical-align: top;
}

.lecture_complete .certificate .sign_area p {
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	right: 0;
	border-top: 1px solid #eaeaea;
	font-size: 10px;
	color: #333;
}

.lecture_complete .certificate .sign_area p em {
	color: #999;
}

.lecture_complete .certificate .logo {
	display: block;
	position: absolute;
	right: 48px;
	bottom: 48px;
}

.lecture_complete .certificate .logo img {
	vertical-align: top;
}

.lecture_complete .certificate.course .logo {
	display: block;
	position: absolute;
	right: 48px;
}

.lecture_complete .certificate.course {
	padding: 0;
}

.lecture_complete .certificate.course::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 8px;
	background-color: #00caf9;
	opacity: .8;
	content: '';
}

.lecture_complete .certificate.course h3 {
	position: absolute;
	top: 48px;
	left: 48px;
}

.lecture_complete .certificate.course .issue_info {
	position: absolute;
	bottom: 48px;
	left: 48px;
	width: 130px;
	text-align: left;
}

.lecture_complete .certificate.course .issue_cont {
	left: 200px;
	bottom: 42px;
	padding: 0;
}

.lecture_complete .certificate.course .sign_area {
	position: relative;
	margin-top: 28px;
}

.lecture_complete .certificate.course .sign_area .sign {
	height: auto;
	padding-bottom: 0;
}

.lecture_complete .certificate.course .sign_area .sign p {
	position: static;
	padding-top: 1px;
}

.lecture_complete .certificate.course .logo {
	top: 48px;
	bottom: auto;
}

.lecture_complete .certificate.lecture .issue_cont {
	bottom: 42px;
	padding: 0;
}

.lecture_complete .certificate.lecture .issue_cont .connect {
	position: static;
	padding-top: 66px;
}

.lecture_complete .certificate.lecture .logo {
	top: 48px;
	bottom: auto;
}

.lecture_complete .certificate.lecture .issue_info {
	position: absolute;
	right: 48px;
	bottom: 48px;
}

.lecture_complete .certificate.lecture .issue_info .issue_corp {
	margin-top: 14px;
}

.lecture_complete .certificate.boostcamp {
	padding: 54px 30px;
	-webkit-box-shadow: inset 0 0 0 12px #efefef;
	        box-shadow: inset 0 0 0 12px #efefef;
}

.lecture_complete .certificate.boostcamp h3 {
	float: none;
	font-size: 46px;
	line-height: 51px;
	text-align: center;
}

.lecture_complete .certificate.boostcamp .issue_info {
	position: absolute;
	top: 40px;
	right: 40px;
}

.lecture_complete .certificate.boostcamp .issue_info .issue_number {
	line-height: 11px;
}

.lecture_complete .certificate.boostcamp .issue_info .issue_number strong {
	color: #1e1e1e;
}

.lecture_complete .certificate.boostcamp .issue_info .issue_number .num {
	margin-top: 4px;
	color: #1e1e1e;
}

.lecture_complete .certificate.boostcamp .issue_cont {
	padding-bottom: 32px;
	text-align: center;
}

.lecture_complete .certificate.boostcamp .issue_cont .confer {
	color: #1e1e1e;
	font-size: 18px;
	line-height: 27px;
	font-weight: 700;
}

.lecture_complete .certificate.boostcamp .issue_cont .date {
	margin-top: 12px;
	font-size: 14px;
	line-height: 21px;
}

.lecture_complete .certificate.boostcamp .issue_cont .center_name {
	margin-top: 36px;
	color: #1e1e1e;
	font-size: 16px;
	line-height: 31px;
	font-weight: 700;
}

.lecture_complete .certificate.boostcamp .issue_cont .center_name .certificate_stamp {
	display: inline-block;
	vertical-align: top;
	width: 32px;
	height: 32px;
	margin-left: 4px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/certificate_boostcamp_stamp.png) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	        background-size: 100% auto;
}

.lecture_complete .certificate.boostcamp .logo {
	bottom: 54px;
	right: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.lecture_complete .lang_choice {
	padding-top: 17px;
	text-align: center;
}

.lecture_complete .lang_choice input {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	opacity: 0;
}

.lecture_complete .lang_choice input:checked + label::after {
	display: block;
	position: absolute;
	top: 2px;
	left: 3px;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #00c73c;
	content: '';
}

.lecture_complete .lang_choice label {
	position: relative;
	margin-left: 20px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.8);
}

.lecture_complete .lang_choice label::before {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #2e3237;
	vertical-align: middle;
	content: '';
}

.lecture_complete .lang_choice label:first-of-type {
	margin: 0;
}

.lecture_complete .complete_text {
	float: left;
	width: 320px;
	padding-top: 82px;
}

.lecture_complete .complete_text.boost {
	padding-top: 115px;
}

.lecture_complete .complete_text .title_box.no_line {
	padding-top: 10px;
}

.lecture_complete .complete_text strong {
	display: block;
	font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 24px;
	color: #fff;
	text-align: center;
}

.lecture_complete .complete_text p {
	padding: 7px 0 40px 0;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -.5px;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
}

.lecture_complete .complete_text .btn {
	margin: 0 0 16px 0;
}

.lecture_complete .other_info_area {
	width: 1080px;
	margin: 0 auto;
}

.lecture_complete .other_info_area .lecture_title {
	padding: 40px 0 22px;
}

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

.lecture_complete .other_info_area .lecture_title .thumb {
	float: left;
	height: 48px;
	margin-right: 16px;
}

.lecture_complete .other_info_area .lecture_title .thumb a {
	display: block;
}

.lecture_complete .other_info_area .lecture_title .tit {
	float: left;
	width: 975px;
}

.lecture_complete .other_info_area .lecture_title .title {
	display: inline-block;
	overflow: hidden;
	max-width: 90%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	margin-top: -2px;
	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;
}

.lecture_complete .other_info_area .lecture_title .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;
}

.lecture_complete .other_info_area .lecture_title .author span, .lecture_complete .other_info_area .lecture_title .author a {
	vertical-align: middle !important;
}

.lecture_complete .other_info_area .lecture_title .author a:hover {
	text-decoration: none;
}

.lecture_complete .other_info_area .lecture_title .author .name {
	display: inline-block;
	overflow: hidden;
	max-width: 245px;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.lecture_complete .other_info_area .lecture_title .author .ic_ad + .name {
	max-width: 295px;
}

.lecture_complete .other_info_area .lecture_title .author .ic_ad {
	top: 1px;
}

.lecture_complete .other_info_area .lecture_title .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;
}

.lecture_complete .other_info_area .info_text {
	padding: 34px 40px;
	background-color: #fff;
	line-height: 24px;
}

.lecture_complete .other_info_area .info_text p, .lecture_complete .other_info_area .info_text ul {
	padding-bottom: 24px;
}

.lecture_complete .other_info_area .info_text .requirement dt {
	padding-top: 23px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.lecture_complete .other_info_area .info_text .requirement dt:first-of-type {
	padding: 0;
}

.lecture_status #status_content .search_area {
	padding: 24px;
	background-color: #fafafa;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.lecture_status #status_content .search_area .btn_type1 {
	padding: 0 19px;
}

.lecture_status #status_content .search_area .chosen-container-active {
	background-color: #fff;
}

.lecture_status #status_content .search_area ._custom_slt, .lecture_status #status_content .search_area .chosen-container.chosen-container-single .chosen-single span {
	color: #25292f;
}

.lecture_status #status_content .search_area .ph {
	left: 12px;
}

.lecture_status #status_content .search_area input {
	border-color: #d1d1d1;
}

.lecture_status #status_content .search_area .it {
	background-color: transparent;
}

.lecture_status #status_content .wave {
	font-size: 14px;
	font-weight: 400;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", sans-serif;
}

.lecture_status #status_content .order_list {
	padding: 5px 0;
	font-size: 0;
	line-height: 0;
}

.lecture_status #status_content .order_list li {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.lecture_status #status_content .order_list li ~ li {
	margin-left: 8px;
	padding-left: 8px;
}

.lecture_status #status_content .order_list li ~ li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	bottom: 3px;
	width: 1px;
	height: 8px;
	background-color: #d0d6d9;
}

.lecture_status #status_content .order_list li button {
	font-size: 13px;
	line-height: 14px;
	color: #828c96;
}

.lecture_status #status_content .order_list li.on button {
	font-family: NanumSquareWebFont-B, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 700;
	color: #384047;
}

.lecture_status #status_content .push_status .ick {
	padding-left: 28px;
	height: 24px;
}

.lecture_status #status_content .push_status .checkbox {
	width: 20px;
	height: 20px;
	background: none;
	-webkit-border-radius: 1px;
	        border-radius: 1px;
	border: 1px solid #d0d6d9;
}

.lecture_status #status_content .push_status .checkbox.checked {
	border-color: transparent;
}

.lecture_status #status_content .push_status .checkbox.checked:after {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-position: -611px -549px;
	background-repeat: no-repeat;
	width: 14px;
	height: 12px;
}

.lecture_status #status_content .push_status .ph {
	font-size: 13px;
	margin-top: 1px;
	color: #828c96;
}

.lecture_status #status_content .status {
	margin-top: 40px;
}

.lecture_status #status_content .status .boost_course {
	border-bottom: 1px solid #d8d8d8;
}

.lecture_status #status_content .status .boost_course .tab_list {
	width: auto;
	display: inline-block;
	border-bottom: 0;
	vertical-align: top;
}

.lecture_status #status_content .status .boost_course .tab_list:after {
	content: '';
	display: block;
	clear: both;
}

.lecture_status #status_content .status .boost_course .tab_list li {
	min-width: 143px;
	display: block;
	float: left;
	background-color: #fdfdfd;
}

.lecture_status #status_content .status .boost_course .tab_list li.active {
	background-color: #fff;
}

.lecture_status #status_content .status .boost_course .date_pick {
	margin-top: 8px;
}

.lecture_status #status_content .status .boost_course .date_pick .it {
	width: 94px;
}

.lecture_status #status_content .status .boost_course .date_pick .it input {
	border-color: #d0d6d9;
}

.lecture_status #status_content .status .boost_course .date_pick dl dt {
	color: #333;
	float: left;
	padding-right: 24px;
	font-size: 12px;
	line-height: 34px;
	font-weight: 600;
}

.lecture_status #status_content .status .boost_course .date_pick dl dd {
	overflow: hidden;
}

.lecture_status #status_content .status .table_area {
	padding-top: 24px;
	display: none;
}

.lecture_status #status_content .status .table_area.now {
	display: block;
}

.lecture_status #status_content .status .table_area.meeting {
	display: block;
	padding-top: 0;
}

.lecture_status #status_content .status .table_area.push {
	display: block;
	padding-top: 0;
}

.lecture_status #status_content .status .table_area.push col {
	width: 120px;
}

.lecture_status #status_content .status .table_area.push col:first-child {
	width: auto;
}

.lecture_status #status_content .status .table_area.push tr td {
	border-bottom: 1px solid #ebebeb;
}

.lecture_status #status_content .status .table_area.push tr td:first-child {
	text-align: left;
}

.lecture_status #status_content .status .table_area.push .ick.type2 {
	width: 12px;
	height: 12px;
}

.lecture_status #status_content .status .table_area.push .ick .checkbox {
	width: 12px;
	height: 12px;
	border: 1px solid #d0d6d9;
}

.lecture_status #status_content .status .table_area.push .ick .checkbox.checked {
	border-color: transparent;
}

.lecture_status #status_content .status .table_area.push .ick .checkbox.checked:after {
	top: -1px;
	left: -1px;
}

.lecture_status #status_content .status .table_area.push .ick .checkbox.disabled {
	border-color: #edf0f2;
}

.lecture_status #status_content .status .table_area.push .ick .checkbox.disabled.checked {
	border-color: transparent;
	background-color: #d0d6d9;
}

.lecture_status #status_content .status .table_area.evaluation table tbody td {
	height: 57px;
}

.lecture_status #status_content .status .table_area.evaluation table tr:nth-child(2n) {
	background-color: #fdfdfd;
}

.lecture_status #status_content .status .table_area table {
	width: 100%;
	font-size: 14px;
	line-height: 15px;
	table-layout: fixed;
	letter-spacing: -0.6px;
	background-color: #fff;
}

.lecture_status #status_content .status .table_area table thead tr {
	position: relative;
}

.lecture_status #status_content .status .table_area table thead th {
	color: #333333;
	padding: 16px 0;
	font-weight: 400;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	background-color: #fdfdfd;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #010101;
}

.lecture_status #status_content .status .table_area table thead th + th {
	padding-left: 16px;
}

.lecture_status #status_content .status .table_area table thead th:first-child {
	padding-left: 24px;
}

.lecture_status #status_content .status .table_area table thead th:last-child {
	padding-right: 24px;
}

.lecture_status #status_content .status .table_area table tbody {
	text-align: center;
}

.lecture_status #status_content .status .table_area table tbody tr {
	position: relative;
}

.lecture_status #status_content .status .table_area table tbody tr:nth-child(2n) td {
	background-color: #fdfdfd;
}

.lecture_status #status_content .status .table_area table tbody td {
	color: #666;
	padding: 16px 0;
	line-height: 14px;
	border-bottom: 1px solid #ebebeb;
	word-break: break-all;
}

.lecture_status #status_content .status .table_area table tbody td + td {
	padding-left: 16px;
}

.lecture_status #status_content .status .table_area table tbody td:first-child {
	padding-left: 24px;
}

.lecture_status #status_content .status .table_area table tbody td:last-child {
	padding-right: 24px;
}

.lecture_status #status_content .status .table_area.video table thead th {
	min-width: 88px;
}

.lecture_status #status_content .status .table_area .no_result {
	background-color: #f7f7f7;
	padding: 40px 0;
	text-align: center;
}

.lecture_status #status_content .status .table_area .no_result p {
	font-size: 14px;
	line-height: 15px;
	color: #666;
}

.lecture_status #status_content .status .table_area .btn_point {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	padding: 0 7px;
	min-width: 58px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.lecture_status #status_content .paginate .page_list {
	margin: 4px 8px;
}

.lecture_status #status_content .paginate .page_list li {
	margin-left: 8px;
}

.lecture_status #status_content .paginate .page_list li:first-child {
	margin-left: 0;
}

.lecture_status #status_content .paginate .page_list .selected {
	font-family: NanumSquareWebFont-B, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

.lecture_status #status_content .paginate .pre, .lecture_status #status_content .paginate .next {
	width: 40px;
	height: 40px;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #fff;
}

.lecture_status #status_content .list_head {
	border-top: 1px solid #010101;
	border-bottom: 1px solid #EBEBEB;
	padding: 16px 72px 16px 24px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #FDFDFD;
}

.lecture_status #status_content .list_head:after {
	content: '';
	display: block;
	clear: both;
}

.lecture_status #status_content .list_head .head_cell {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	float: left;
	max-width: 80px;
	text-align: center;
	font-size: 14px;
	line-height: 15px;
}

.lecture_status #status_content .list_head .head_cell.w160 {
	max-width: 160px;
}

.lecture_status #status_content .list_head .head_cell.wfull {
	max-width: none;
}

.lecture_status #status_content .list_head .head_cell + .head_cell {
	margin-left: 16px;
}

.lecture_status #status_content .meeting_list .list:nth-child(2n) {
	background-color: #FDFDFD;
}

.lecture_status #status_content .meeting_list .list .top_open {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 18px 72px 18px 24px;
	border-bottom: 1px solid #EBEBEB;
	font-size: 0;
	position: relative;
}

.lecture_status #status_content .meeting_list .list .cell {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	max-width: 80px;
	font-size: 13px;
	line-height: 14px;
	text-align: center;
}

.lecture_status #status_content .meeting_list .list .cell::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.lecture_status #status_content .meeting_list .list .cell span {
	display: inline-block;
	vertical-align: middle;
}

.lecture_status #status_content .meeting_list .list .cell.w160 {
	max-width: 160px;
}

.lecture_status #status_content .meeting_list .list .cell.wfull {
	max-width: none;
}

.lecture_status #status_content .meeting_list .list .cell + .cell {
	margin-left: 16px;
}

.lecture_status #status_content .meeting_list .list .warn {
	color: #f43b1e;
}

.lecture_status #status_content .meeting_list .list .open_list {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.lecture_status #status_content .meeting_list .list .open_list::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 32px;
	background-position: -124px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-top: -8px;
}

.lecture_status #status_content .meeting_list .list .detail_open {
	display: none;
	background-color: #F0F0F0;
	padding: 24px;
}

.lecture_status #status_content .meeting_list .list .detail_open table {
	letter-spacing: 0;
}

.lecture_status #status_content .meeting_list .list .detail_open table thead tr {
	border-bottom: 0;
}

.lecture_status #status_content .meeting_list .list .detail_open table thead th {
	border-top: 0;
	border-bottom: 0;
	background-color: #25292f;
	border-color: #25292f;
	color: #fff;
	font-size: 13px;
	line-height: 14px;
	text-align: center;
}

.lecture_status #status_content .meeting_list .list .detail_open table tbody td {
	font-size: 13px;
	background-color: #fff;
}

.lecture_status #status_content .meeting_list .list .detail_open table tbody td .text {
	font-size: 13px;
	line-height: 20px;
}

.lecture_status #status_content .meeting_list .list .detail_open .paginate {
	margin-top: 24px;
	border-color: #fff;
}

.lecture_status #status_content .meeting_list .list .detail_open .detail_inner {
	position: relative;
	min-height: 40px;
	margin-top: 24px;
}

.lecture_status #status_content .meeting_list .list .detail_open .detail_inner .inner_btn_box {
	position: absolute;
	z-index: 10;
}

.lecture_status #status_content .meeting_list .list .detail_open .detail_inner .paginate {
	margin-top: 0;
}

.lecture_status #status_content .meeting_list .list .detail_open .file {
	font-size: 0;
}

.lecture_status #status_content .meeting_list .list .detail_open .file .file_link {
	margin-top: 8px;
}

.lecture_status #status_content .meeting_list .list .detail_open .file .file_link a {
	display: inline-block;
	background-color: #f5f7f7;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	color: #333;
	font-size: 13px;
	line-height: 14px;
	padding: 8px 16px;
}

.lecture_status #status_content .meeting_list .list .detail_open .file .thumb {
	margin-top: 8px;
	display: inline-block;
	width: 80px;
	height: 45px;
	position: relative;
	vertical-align: top;
}

.lecture_status #status_content .meeting_list .list .detail_open .file .thumb::before {
	content: '';
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	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;
	z-index: 0;
}

.lecture_status #status_content .meeting_list .list .detail_open .file .thumb img {
	position: relative;
	z-index: 10;
}

.lecture_status #status_content .meeting_list .list .detail_open .file .thumb::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid rgba(0, 0, 0, 0.04);
	z-index: 20;
}

.lecture_status #status_content .meeting_list .list .detail_open .file .thumb + .thumb {
	margin-left: 4px;
}

.lecture_status #status_content .meeting_list .list.opened .detail_open {
	display: block;
	position: relative;
}

.lecture_status #status_content .meeting_list .list.opened .open_list::after {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.lecture_status #status_content .push_alarm_notice_list {
	margin-top: 40px;
}

.lecture_status #status_content .push_alarm_notice_list li {
	position: relative;
	font-size: 12px;
	line-height: 16px;
	padding-left: 20px;
	color: #999;
}

.lecture_status #status_content .push_alarm_notice_list li ~ li {
	margin-top: 4px;
}

.lecture_status #status_content .push_alarm_notice_list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-position: -324px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.lecture_status .btn_type17 {
	padding: 0 17px;
}

.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;
}

#container #content .login {
	width: 100%;
	color: #010101;
	margin-top: 87px;
	margin-bottom: 90px;
}

#container #content .login h2.tit {
	margin: 0;
	font-size: 30px;
	letter-spacing: -1px;
	text-align: center;
	color: #010101;
}

#container #content .login .txt {
	margin: 11px auto 35px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -1px;
	color: #999;
}

#container #content .login .it, #container #content .login .ic {
	display: block;
}

#container #content .login .login_group {
	width: 330px;
	margin: 0 auto;
}

#container #content .login .login_group .it input {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 34px;
	padding: 2px 10px 0;
	border: 1px solid #D1D1D1;
	color: #333;
	font-size: 14px;
	vertical-align: top;
	background: #FFF;
}

#container #content .login .login_group .btn {
	margin-top: 15px;
	display: block;
	width: 100%;
	height: 40px;
	background-color: #e0e0e0;
	border-color: transparent !important;
	font-size: 16px;
	letter-spacing: 0;
}

#container #content .login .login_group .btn.gra {
	background: -webkit-gradient(linear, right top, left top, from(#0fd2c8), to(#00c73c));
	background: -webkit-linear-gradient(right, #0fd2c8, #00c73c);
	background: linear-gradient(to left, #0fd2c8, #00c73c);
	border: none;
}

#container #content .login .login_group .btn_type2 {
	margin-top: 20px;
	display: block;
	width: 100%;
	font-weight: 700;
}

#container #content .login .login_group .it .ph {
	top: 10px;
}

#container #content .login .login_group .it input {
	height: 40px;
}

#container #content .login .login_txt {
	margin: 16px 0 0;
	font-size: 12px;
	text-align: center;
	color: #999;
}

#container #content .login .login_txt a + a:before {
	display: inline-block;
	position: relative;
	top: 0;
	width: 1px;
	height: 7px;
	margin: 0 6px 0 2px;
	background: #ccc;
	content: '';
}

#container #content .login .login_txt a {
	color: #808080;
	text-decoration: none;
}

#container #content .login .login_txt em a {
	color: #666;
	text-decoration: underline;
}

body.full.agreement #container #content .ick.big_square,
body.bg_gray #container #content .ick.big_square {
	padding-left: 28px;
	line-height: 15px;
}

body.full.agreement #container #content .ick.big_square .checkbox,
body.bg_gray #container #content .ick.big_square .checkbox {
	background-position: -356px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	top: 0;
	border: 0;
}

body.full.agreement #container #content .ick.big_square .checkbox.checked,
body.bg_gray #container #content .ick.big_square .checkbox.checked {
	background-position: -468px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

body.full.agreement #container #content .ick.big_square .checkbox.checked:after,
body.bg_gray #container #content .ick.big_square .checkbox.checked:after {
	display: none;
}

body.full.agreement #container #content .ick.big_square .ph,
body.bg_gray #container #content .ick.big_square .ph {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.camper_list {
	margin-top: 40px;
}

.camper_list:first-child {
	margin-top: 0;
}

.camper_list .list + .list {
	margin-top: 40px;
}

.camper_list .list .camper_info_table + .camper_info_table {
	margin-top: 24px;
}

.camper_list .camper_title {
	color: #29252f;
	font-size: 24px;
	line-height: 27px;
	font-weight: bold;
	margin-bottom: 24px;
}

.camper_list .camper_title .txt_desc {
	float: right;
	margin-top: 2px;
}

.camper_list .camper_thumb {
	text-align: center;
	padding: 16px 0;
}

.camper_list .camper_thumb .thumb_box {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	height: 80px;
}

.camper_list .camper_thumb .thumb_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: top;
}

.camper_list .camper_thumb .btn_box {
	margin-top: 8px;
}

.camper_list .btn_camper {
	color: #25292f;
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 14px;
	min-width: 47px;
	padding: 8px 10px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #f7f7f7;
}

.camper_list .btn_camper + .btn_camper {
	margin-left: 8px;
}

.camper_list .btn_camper.on {
	background: #25292f;
	color: #fff;
}

.camper_list .btn_in_table {
	padding: 0 7px;
	border: 1px solid #25292f;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	color: #25292F;
	font-size: 11px;
	line-height: 18px;
	font-weight: 700;
}

.camper_list .green_box {
	color: #666;
	font-size: 14px;
	line-height: 18px;
	padding: 32px;
	background: #f5fdf7;
	border: 1px solid #c3f2d7;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
}

.camper_list .green_box .bold {
	color: #333;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

.camper_list .camper_info_header .title {
	color: #333;
	font-size: 36px;
	line-height: 40px;
	font-weight: bold;
}

.camper_list .camper_info_header .title .btn_camper {
	font-size: 14px;
	line-height: 16px;
	padding: 11px 14px;
	margin-left: 24px;
}

.camper_list .camper_info_header .group_lr + .txt_desc {
	margin-top: -20px;
}

.my_camper_info {
	padding: 80px;
	background: #fff;
}

.my_camper_info .camper_list .list + .list {
	margin-top: 64px;
}

.my_camper_info .btn_delete {
	color: #25292f;
	font-size: 14px;
	line-height: 24px;
	padding-left: 20px;
	position: relative;
}

.my_camper_info .btn_delete:before {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	background-position: -726px -644px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.my_camper_info .camper_info_header .camper_thumb .thumb_box {
	width: 160px;
	height: 160px;
}

.my_camper_info .camper_info_header .camper_thumb .thumb_box img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.my_camper_info .save_btn {
	margin-top: 64px;
}

.my_camper_info .chosen-container.chosen-container-single .chosen-single {
	padding: 7px 27px 7px 7px;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.my_camper_info .chosen-container.chosen-container-single .chosen-single span {
	color: #25292f;
	font-size: 13px;
}

.my_camper_info .chosen-container .chosen-results li {
	font-size: 13px;
}

.my_camper_info .chosen-container.chosen-container-single .chosen-single div b {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
	background-position: -436px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.my_camper_info .slt.input_error ._custom_slt {
	border-color: #ff5230 !important;
}

.my_camper_info ._custom_slt {
	padding: 7px 27px 7px 7px;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #fff url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/boostcourse/icon-select-arrow-down_2.svg) no-repeat right 9px top 50%;
	-webkit-background-size: 16px 16px;
	        background-size: 16px 16px;
	color: #25292f;
	font-size: 13px;
}

.my_camper_info .slt.input_error .chosen-container.chosen-container-single .chosen-single {
	border-color: #ff5230 !important;
}

.my_camper_info .it.input_error input {
	border-color: #ff5230 !important;
}

.my_camper_info .input_text {
	width: 94px;
	height: 32px;
	padding: 0 8px;
	border: 1px solid #f0f0f0;
	line-height: 32px;
	color: #25292F;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.my_camper_info .radio.checked::after {
	width: 4px !important;
	height: 4px !important;
	background-color: #fff !important;
}

.container_inn .camper_list .table.table_type2.padding tbody tr:last-child:first-child td {
	padding-top: 0px;
}

.container_inn .camper_list .table.table_type2.padding .it {
	display: block;
}

.container_inn .camper_list .table.table_type2.padding .slt {
	max-width: 100%;
	display: block;
}

.container_inn .camper_list .table.table_type2.padding .chosen-container.chosen-container-single {
	max-width: 100% !important;
	width: 100% !important;
}

.camper_list .table.table_type2.padding tbody tr:nth-child(2n) td {
	background: transparent;
}

.camper_list .table.table_type2.padding tbody tr:last-child td:nth-child(-n+3) {
	padding-top: 12px;
}

.camper_list .table.table_type2.padding tbody tr:last-child:first-child td {
	padding-top: 0;
}

.camper_list .table.table_type2.padding tbody tr:last-child td {
	padding-bottom: 16px;
}

.camper_list .table.table_type2.padding tbody tr:first-child td:nth-child(-n+3) {
	padding-top: 0;
}

.camper_list .table.table_type2.padding tbody tr:first-child:last-child td {
	padding-top: 16px;
}

.camper_list .table.table_type2.padding tbody tr:first-child td {
	padding-top: 16px;
	padding-bottom: 0;
}

.camper_list .table.table_type2.padding tbody tr + tr td {
	border-top: 0;
	padding-top: 12px;
	padding-bottom: 0;
}

.camper_list .table.table_type2.padding tbody tr td {
	padding: 0px 8px 0 8px;
}

.table.table_type2 {
	color: #666;
}

.table.table_type2 .block {
	display: block;
}

.table.table_type2 .block + .block {
	margin-top: 12px;
}

.table.table_type2.padding {
	letter-spacing: 0;
}

.table.table_type2.padding thead th {
	border-bottom: 1px solid #ebebeb;
}

.table.table_type2.padding tbody tr:nth-child(2n) td {
	background-color: #fdfdfd;
}

.table.table_type2.padding tbody tr + tr td {
	border-top: 1px solid #ebebeb;
}

.table.table_type2.padding tbody td {
	height: auto;
	padding: 16px 8px;
	font-size: 13px;
	line-height: 14px;
	border-top: 0;
	word-break: keep-all;
}

.table.table_type2.camper {
	letter-spacing: 0;
	border-top-color: #010101;
}

.table.table_type2.camper tbody tr:first-child th, .table.table_type2.camper tbody td {
	border-top-width: 0;
}

.table.table_type2.camper tbody th {
	color: #333;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	text-align: left;
	background: #fdfdfd;
	padding: 22px 10px 22px 24px;
	border-bottom: 1px solid #ebebeb;
}

.table.table_type2.camper tbody td {
	position: relative;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	padding: 23px 16px;
	border-bottom: 1px solid #ebebeb;
}

.table.table_type2.camper tbody td .group_l {
	overflow: hidden;
	float: none;
}

.table.table_type2.camper tbody td .group_l .btn_box {
	display: inline-block;
	vertical-align: top;
}

.table.table_type2.camper tbody td .file_name {
	float: left;
	color: #666;
	font-size: 14px;
	line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 14px;
	max-width: -webkit-calc(100% - 110px);
	max-width: calc(100% - 110px);
}

.table.table_type2.camper tbody td .file_name:only-child {
	max-width: 100%;
}

.table.table_type2.camper tbody td .error_txt {
	float: left;
	color: #ff5230;
	font-size: 14px;
	line-height: 32px;
	padding-right: 14px;
	max-width: -webkit-calc(100% - 110px);
	max-width: calc(100% - 110px);
}

.table.table_type2.camper tbody td .error_txt .btn {
	margin-left: 16px;
}

.table.table_type2.camper tbody td .warning_text {
	margin-top: 4px;
	position: absolute;
	bottom: 5px;
	color: #ff5230;
	font-size: 11px;
	line-height: 14px;
}

.table.table_type2.camper tbody td .inline_text {
	display: inline-block;
	vertical-align: top;
	color: #828c96;
	font-size: 12px;
	line-height: 18px;
	margin-top: 7px;
	margin-left: 3px;
}

.table.table_type2.camper tbody td .ick + .ick {
	margin-left: 24px;
}

.table.table_type2.camper tbody td .it input {
	color: #25292f;
	font-size: 13px;
	border-color: #f0f0f0;
	padding-left: 7px;
}

.table.table_type2.camper tbody td .it input.error {
	border-color: #ff5230;
	text-align: left;
}

.table.table_type2.camper tbody td .it input:disabled {
	background: #fafafa;
}

.table.table_type2.camper tbody td .wave {
	margin: 0 4px;
	color: #666;
	font-weight: 400;
}

.table.table_type2 ._custom_slt {
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #fff url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/boostcourse/icon-select-arrow-down_2.svg) no-repeat right 9px top 50%;
	-webkit-background-size: 16px 16px;
	        background-size: 16px 16px;
	color: #25292f;
	font-size: 13px;
}

.table.table_type2 .chosen-container.chosen-container-single .chosen-single {
	padding-left: 7px;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.table.table_type2 .chosen-container.chosen-container-single .chosen-single span {
	color: #25292f;
}

.table.table_type2 .chosen-container.chosen-container-single .chosen-single div b {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
	background-position: -436px -684px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.myhome_info .table.table_type2.padding tbody tr:only-child td {
	padding-top: 17px;
}

.myhome_info .table.table_type2.padding tbody tr:first-child td:nth-child(n+3) {
	padding-top: 16px;
}

.myhome_info .table.table_type2.padding tbody tr:last-child td {
	padding-bottom: 16px;
}

.myhome_info .table.table_type2.padding tbody td {
	padding: 6px 8px;
}
/*# sourceMappingURL=boostcourse_common.css.map */