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

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

.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, .boost_course_main_body .bc_course_section .course_list .partner.naver:after, .boost_course_main_body .bc_course_section .course_list .partner.nts:after, .boost_course_main_body .bc_course_section .course_list .partner.deeplearning:after, .boost_course_main_body .bc_course_section .course_list .partner.nps:after, .boost_course_main_body .bc_course_section .course_list .partner.cs50:after, .boost_course_main_body .bc_course_section .course_list .partner.kaist:after, .boost_course_main_body .bc_manage_section .manage_list li:nth-child(1):before, .boost_course_main_body .bc_manage_section .manage_list li:nth-child(2):before, .boost_course_main_body .bc_manage_section .manage_list li:nth-child(3):before, .boost_course_main_body .bc_manage_section .manage_list li:nth-child(4):before, .boost_course_main_body .bc_manage_section .manage_list li:after, .boost_course_main_body .bc_codereview_section .bc_codereview_video, .boost_course_main_body .bc_codereview_section .bc_codereview_video .play_video, .boost_course_main_body .bc_partner_section .partner_list li.naver, .boost_course_main_body .bc_partner_section .partner_list li.line, .boost_course_main_body .bc_partner_section .partner_list li.samsung, .boost_course_main_body .bc_partner_section .partner_list li.ssg, .boost_course_main_body .bc_partner_section .partner_list li.amazon, .boost_course_main_body .bc_partner_section .partner_list li.skp, .boost_course_main_body .bc_partner_section .partner_list li.payco, .boost_course_main_body .bc_partner_section .partner_list li.nts, .boost_course_main_body .bc_partner_section .partner_list li.lg, .boost_course_main_body .bc_partner_section .partner_list li.woowahan, .boost_course_main_body .bc_partner_section .partner_list li.works_mobile, .boost_course_main_body .bc_partner_section .partner_list li.kakao, .boost_course_main_body .bc_partner_section .partner_list li.kt, .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 .bc_qa_section .qa_list .open_btn.on:after, .boost_course_main_body .bc_etc_section .banner .wide_banner, .boost_course_main_body .bc_etc_section .banner .small_banner, .boost_course_main_body .bc_etc_section .sns .link_btn.post:before, .boost_course_main_body .bc_etc_section .sns .link_btn.facebook:before, .boost_course_main_body .bc_etc_section .sns .link_btn.instagram:before {
	background-image: url(../img/sprite/sp_boost_c.png);
	-webkit-background-size: 2062px 1419px;
	        background-size: 2062px 1419px;
	background-repeat: no-repeat;
}

.login_method .btn_s_login.naver: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.email:before, .mbr #container #content section.join .terms_area .ick.big .checkbox, .mbr #container #content section.join .terms_area .ick.big .checkbox.checked, .policy .policy_link.new:after, .policy .policy_link:after, .error .error_icon, .page.inspect .inspect_icon, .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, .le_info .con .prof_lst .prof_thumb, .le_info .con.tag .title_area h3, .fixed_bar .header_fixed .hd_txt .sns_area .btn:after, .class_manager > ul li .util .drag, .class_manager > ul > li .sub > li .info .like .ico_like, .quiz .quiz_add_wrap .q_header .q li a, .quiz .quiz_add_wrap .q_header .q li.on a, .quiz .quiz_add_wrap .q_header .q li.current:after, .quiz .quiz_add_wrap .q_header .util button, .quiz .quiz_add_wrap .q_header .util .ly:before, .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_naver, .myhome_info .account_interlock_info .ico_facebook, .myhome_info .account_interlock_info .ico_nba, .myhome_info .account_interlock_info .ico_google, .myhome_info .account_interlock_info .ico_apple, .todo_lst li .noti:before, .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_main_body #header .ico_gnb_lec_b:before, .boost_course_main_body #header .ico_gnb_todo_b:before, .boost_course_main_body #header .ico_gnb_news_b: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;
}

.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_review_section .list_prev_btn:after,
.boost_course_main_body .bc_review_section .list_next_btn:after {
	background-image: url(../img/sprite/sp_new_edwith.png);
	-webkit-background-size: 394px 291px;
	        background-size: 394px 291px;
	background-repeat: no-repeat;
}

.mbr #container #content section.join .terms_area .terms_lst > li a:after, .myhome_info .basic_info_box .terms .ick .checkbox:after, .myhome_info .basic_info_box .terms .ick .checkbox.checked:after, .myhome_info .ick .checkbox.checked:after, .flip_intro_cont .flip_intro_tip .tip_guide .title {
	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;
}

.mbr {
	width: 100%;
	color: #010101;
	background-color: #fff;
	min-width: 1160px;
}

.mbr .btn.btn_type1 {
	width: 320px;
	height: 56px;
}

.mbr .it, .mbr .ic {
	display: block;
}

.mbr .it ~ .it, .mbr .ic ~ .it {
	margin-top: 5px;
}

.mbr .it .ph, .mbr .ic .ph {
	top: 2px !important;
}

.mbr .it input, .mbr .ic input {
	padding-top: 0;
	height: 38px;
}

.mbr .modal_wrap .modal_container .btn.btn_type1 {
	width: auto;
}

.mbr #container #content section.page {
	padding: 80px 0 95px;
}

.mbr #container #content .it input {
	height: 48px;
}

.mbr #container #content .it.stretch .ph {
	top: 12px !important;
	bottom: 0;
	margin: auto;
}

.mbr #container #content h2.tit {
	margin: 0px 0 40px;
	font-size: 32px;
	line-height: 35px;
	font-weight: 700;
	color: #2a2c2f;
	text-align: center;
}

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

.mbr #container #content .dsc {
	text-align: center;
	color: #72757a;
	font-size: 14px;
	line-height: 22px;
	margin: -16px 0 40px 0;
}

.mbr #container #content h3.sub_tit {
	color: #25292f;
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	margin-bottom: 24px;
}

.mbr #container #content .ipt_group {
	width: 320px;
}

.mbr #container #content .ipt_group.mat-16 {
	margin-top: -16px;
}

.mbr #container #content .mbr h2.tit, .mbr #container #content .join h2.tit {
	margin: 0 0 24px;
	text-align: left;
}

.mbr #container #content .mbr .dsc, .mbr #container #content .join .dsc {
	margin: 0 auto 40px;
	text-align: left;
	padding-bottom: 40px;
	border-bottom: 1px solid #f0f0f0;
}

.mbr #container #content .complete .top_icon {
	margin-bottom: 24px;
	text-align: center;
}

.mbr #container #content .complete .top_icon i {
	display: inline-block;
	width: 80px;
	height: 80px;
	vertical-align: top;
}

.mbr #container #content .complete .top_icon i svg path, .mbr #container #content .complete .top_icon i rect {
	stroke: #03C75A;
}

.mbr #container #content .complete h2.tit {
	line-height: 44px;
}

.mbr #container #content .complete .dsc {
	color: #595c61;
}

.mbr #container #content .complete .ipt_group {
	margin-top: -24px;
}

.mbr #container #content .complete .ipt_group .btm {
	color: #8b8f94;
	font-size: 12px;
	line-height: 20px;
	margin-top: 16px;
	width: 500px;
	margin: 0 0 0 -95px;
}

.mbr #container #content .complete .btn.btn_type1 {
	width: 320px;
	margin: 40px auto 0;
	line-height: 55px;
	height: 56px;
	text-decoration: none;
	background-color: #03C75A;
}

.mbr #container #content .all_terms {
	display: block;
	height: auto;
	padding: 32px 0 32px 24px;
	border-top: 1px solid #bfc2c7;
	border-bottom: 1px solid #e8eaed;
}

.mbr #container #content .ick {
	padding-left: 32px;
	line-height: 15px;
	top: 0;
}

.mbr #container #content .ick .checkbox {
	top: 0;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/icon-keep-login-box.svg) 0 0;
	-webkit-background-size: 20px 20px;
	        background-size: 20px 20px;
	width: 20px;
	height: 20px;
}

.mbr #container #content .ick .checkbox.checked {
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/icon-checkbox-check.svg) 0 0;
	-webkit-background-size: 20px 20px;
	        background-size: 20px 20px;
	background-color: #03C75A;
}

.mbr #container #content .ick.fs12.op1 {
	padding-top: 2px;
}

.mbr #container #content .page.login .login_method_email .ipt_group .it.stretch input {
	border: 1px solid #d9dce0;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.mbr #container #content .page.login .login_method_email .ipt_group .it.stretch input.error_msg {
	border-color: #ff5230;
}

.mbr h2.tit, .join h2.tit {
	margin: 0 0 24px;
	text-align: left;
	font-size: 32px;
	line-height: 35px;
	font-weight: 600;
	color: #2a2c2f;
}

.mbr .dsc, .join .dsc {
	text-align: center;
	color: #72757a;
	font-size: 14px;
	line-height: 22px;
}

.mbr .dsc + form, .join .dsc + form {
	margin-top: -20px;
}

.mbr .dsc em, .join .dsc em {
	color: #00c73c;
}

.login_method {
	font-family: NanumSquareWebFont-R, "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: 8px 0 -6px;
	font-family: "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 14px;
	color: #666;
}

.login_method .btn_s_login {
	display: block;
	position: relative;
	width: 100%;
	height: 50px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	border: 1px solid #dce1e6;
	background-color: #fff;
	font-size: 16px;
	color: #666;
}

.login_method .btn_s_login:before {
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	content: '';
}

.login_method .btn_s_login.naver {
	border: none;
	background-color: #03c75a;
	color: #fff;
}

.login_method .btn_s_login.naver:before {
	top: 13px;
	left: 13px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -233px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.login_method .btn_s_login.facebook:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -709px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.login_method .btn_s_login.google:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -821px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.login_method .btn_s_login.apple:before {
	left: 14px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -746px -608px;
	background-repeat: no-repeat;
	width: 20px;
	height: 24px;
}

.login_method .btn_s_login.email {
	border: none;
	background-color: #96a0aa;
	color: #fff;
	line-height: 50px;
}

.login_method .btn_s_login.email:before {
	top: 15px;
	left: 13px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -493px -668px;
	background-repeat: no-repeat;
	width: 24px;
	height: 20px;
}

.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 em.sts_error {
	line-height: 19px;
	margin-bottom: 6px;
}

.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-family: "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 14px;
	color: #666;
	text-align: center;
}

.btm a + a:before {
	display: inline-block;
	position: relative;
	top: 0;
	width: 1px;
	height: 7px;
	margin: 0 6px 0 2px;
	background: #ccc;
	content: '';
}

.btm a {
	color: #666;
	text-decoration: underline;
}

.btm em a {
	color: #666;
}

.btm.text {
	font-size: 12px;
	line-height: 20px;
	color: #8b8f94;
	margin-top: 24px;
}

.ipt_group {
	clear: both;
	width: 310px;
	margin: 0 auto;
}

.dsc ~ .ipt_group {
	margin-top: -20px;
}

.ipt_group .ick {
	margin-top: 7px;
}

.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:first-child {
	margin-top: 0;
}

.ipt_group .btn.clr {
	background-color: #03C75A;
}

.ipt_group .btn.clr2 {
	background-color: #03C75A;
	border-color: #03C75A;
	color: #fff;
}

.ipt_group .btn.gra {
	background: #03C75A;
}

.mbr #container #content section.join {
	position: relative;
	max-width: 1080px;
	margin: auto;
	text-align: left;
	padding-top: 80px;
	padding-bottom: 101px;
}

.mbr #container #content section.join .dsc {
	margin: 0 auto 40px;
	text-align: left;
	padding-bottom: 40px;
	border-bottom: 1px solid #f0f0f0;
}

.mbr #container #content section.join .slt {
	display: inline-block;
	margin-right: 17px;
}

.mbr #container #content section.join .slt:last-child {
	margin-right: 0;
}

.mbr #container #content section.join .table .group_l {
	padding-top: 7px;
}

.mbr #container #content section.join .table .emph {
	font-weight: 700;
	color: #01b4f0;
}

.mbr #container #content section.join .table.table_type1.bordered {
	border-top-color: #bfc2c7;
	border-bottom-color: #d9dce0;
}

.mbr #container #content section.join .table.table_type1.bordered .ph {
	top: 2px !important;
}

.mbr #container #content section.join .table.table_type1.login {
	font-size: 16px;
	line-height: 18px;
}

.mbr #container #content section.join .table.table_type1.login + form > .terms_area {
	margin-top: 40px;
}

.mbr #container #content section.join .table.table_type1 th {
	color: #595c61;
	padding: 12px 24px;
	background-color: transparent;
	border-top: 0px;
}

.mbr #container #content section.join .table.table_type1 td {
	color: #2a2c2f;
	height: auto;
	border-top: 0px;
	padding: 12px 0;
}

.mbr #container #content section.join .table.table_type1 td .mail {
	color: #2a2c2f;
	width: 360px;
	height: 40px;
	padding: 6px 0 0 16px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #fafafa;
	border: 1px solid #e0e0e0;
}

.mbr #container #content section.join .table.table_type1 td .it {
	width: 360px;
}

.mbr #container #content section.join .table.table_type1 td .it input {
	height: 40px;
	border: 1px solid #d9dce0;
	background-color: #fff;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.mbr #container #content section.join .table.table_type1 td .it .ph {
	color: #8b8f94;
	line-height: 35px;
}

.mbr #container #content section.join .table.table_type1 tr:first-child th, .mbr #container #content section.join .table.table_type1 tr:first-child td {
	padding-top: 32px;
}

.mbr #container #content section.join .table.table_type1 tr:last-child th, .mbr #container #content section.join .table.table_type1 tr:last-child td {
	padding-bottom: 32px;
}

.mbr #container #content section.join .dsc_guide {
	margin: 25px 0 -1px;
	text-align: center;
	line-height: 22px;
	color: #333;
}

.mbr #container #content section.join .terms_area {
	margin-top: 25px;
	border-bottom: 1px solid #d9dce0;
	margin-bottom: 40px;
}

.mbr #container #content section.join .terms_area .ick .ph {
	color: #2a2c2f;
	float: left;
}

.mbr #container #content section.join .terms_area .ick .ph.fix {
	min-width: 145px;
}

.mbr #container #content section.join .terms_area .ick .ph.fix em {
	color: #03c75a;
}

.mbr #container #content section.join .terms_area .ick .ph strong {
	font-weight: 400;
}

.mbr #container #content section.join .terms_area .ick .ph span {
	color: #8b8f94;
}

.mbr #container #content section.join .terms_area .ick.big {
	line-height: 24px;
}

.mbr #container #content section.join .terms_area .ick.big .checkbox {
	top: 2px;
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -876px -838px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	width: 20px;
	height: 20px;
}

.mbr #container #content section.join .terms_area .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;
}

.mbr #container #content section.join .terms_area .ick .checkbox {
	top: 0;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/icon_mbr_check.svg) 0 0;
	-webkit-background-size: 20px 20px;
	        background-size: 20px 20px;
	width: 20px;
	height: 20px;
}

.mbr #container #content section.join .terms_area .ick .checkbox.checked {
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/icon_mbr_checked.svg) 0 0;
}

.mbr #container #content section.join .terms_area .terms_lst {
	margin-top: 28px;
	padding-bottom: 4px;
}

.mbr #container #content section.join .terms_area .terms_lst > li {
	margin-bottom: 21px;
	width: 100%;
	padding: 0 21px 0 24px;
}

.mbr #container #content section.join .terms_area .terms_lst > li::after {
	content: '';
	display: block;
	clear: both;
}

.mbr #container #content section.join .terms_area .terms_lst > li .ick {
	float: left;
}

.mbr #container #content section.join .terms_area .terms_lst > li a {
	color: #595c61;
	font-size: 13px;
	line-height: 14px;
	float: left;
	padding-right: 12px;
	margin-left: 16px;
}

.mbr #container #content section.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;
}

.mbr #container #content section.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;
}

.mbr #container #content section.join .terms_area .terms_box * {
	margin: 0;
}

.mbr #container #content section.join .terms_area .terms_box h2,
.mbr #container #content section.join .terms_area .terms_box h3,
.mbr #container #content section.join .terms_area .terms_box h4 {
	margin: 0 !important;
	font-size: 12px;
	color: #666;
}

.mbr #container #content section.join .terms_area .terms_box h1.sr_only + * {
	margin: 0 !important;
}

.mbr #container #content section.join .terms_area .terms_box h2 + h3 {
	margin: 0 !important;
}

.mbr #container #content section.join .terms_area .terms_box ol {
	padding-left: 0 !important;
}

.mbr #container #content section.join .terms_area .terms_box * + h2,
.mbr #container #content section.join .terms_area .terms_box * + h3 {
	margin: 15px 0 0 0 !important;
}

.mbr #container #content section.join .terms_area .terms_box a {
	text-decoration: none;
	cursor: text;
}

.mbr #container #content section.join .terms_area .terms_box p {
	margin: 0;
}

.mbr #container #content section.join .terms_area .terms_box .table.table_type2 + h3 {
	margin-top: 0;
}

.mbr #container #content section.join .terms_area .terms_box .table.table_type2 thead th,
.mbr #container #content section.join .terms_area .terms_box .table.table_type2 tbody th,
.mbr #container #content section.join .terms_area .terms_box .table.table_type2 tbody td,
.mbr #container #content section.join .terms_area .terms_box .table.table_type2 tfoot th,
.mbr #container #content section.join .terms_area .terms_box .table.table_type2 tfoot td {
	padding: 0;
	height: 30px;
}

.mbr #container #content section.join .btn.btn_type1 {
	width: 320px;
	height: 56px;
	font-size: 16px;
	border: 1px solid transparent;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
}

.mbr #container #content section.join .btn.btn_type1.clr {
	background-color: #03C75A;
	border-color: #03C75A;
}

.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-R, "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 {
	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: 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: 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;
}

.forum .forum_list.search li {
	height: 91px;
	padding-top: 34px;
}

.forum .forum_func {
	height: 50px;
	margin-bottom: 29px;
	padding: 8px 5px 9px;
	border-bottom: 1px solid #e8e8e8;
}

.forum .forum_func .username {
	top: 2px;
}

.forum .forum_func .time {
	position: relative;
	top: 1px;
	font-size: 12px;
}

.forum .forum_view {
	position: relative;
	margin: -30px 0 54px;
}

.forum .relative_lecture {
	overflow: hidden;
	padding-top: 11px;
}

.forum .relative_lecture dt, .forum .relative_lecture dd {
	float: left;
	margin: 0;
	color: #999;
}

.forum .relative_lecture dd {
	margin-left: 13px;
}

.forum .relative_lecture a {
	color: #333;
	text-decoration: underline;
}

.forum .srch_result {
	margin: 21px 0 13px;
	color: #010101;
}

.forum .comment_forum li {
	min-height: 101px;
	padding: 15px 10px 20px;
}

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

.mg_info .slt + .img_group, .mg_info .slt + .img_group2 {
	margin-top: 6px;
}

.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 .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: 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: 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: 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 .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 .ick.first {
	width: 135px;
}

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

.menu_setting {
	margin-bottom: 10px;
	border: 1px solid #bababa;
}

.survey + .paginate {
	margin-top: 55px;
}

.txt_top {
	padding: 6px 0;
	color: gray;
	text-align: right;
}

/* 강좌 > 메뉴 관리 */
.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 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: 6px 12px 12px 13px;
	z-index: 100;
}

.menu_manager > ul > li .util ul li {
	margin: 6px 0 0 0;
}

.menu_manager > ul > li .util ul button {
	position: relative;
	font-size: 12px;
	color: #030303;
	padding: 0 0 0 23px;
}

.menu_manager > ul > li .util ul button:hover {
	text-decoration: underline;
}

.menu_manager > ul > li .util ul button:before {
	position: absolute;
	top: 2px;
}

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

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

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

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

.ct_group {
	padding-top: 10px;
}

.ct_group .txt.sm {
	margin-left: 3px;
}

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

/*
.course{
	width: 970px;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: left;
}
*/
.le_info {
	margin: 0 auto;
	text-align: left;
}

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

.le_info .con {
	padding: 34px 0 43px;
	border-top: 1px solid #e6e6e6;
	margin-top: 25px;
}

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

.le_info .con.thmb {
	display: block;
	overflow: hidden;
	width: 760px;
	margin-bottom: 20px;
	padding: 0;
}

.le_info .con.thmb img {
	vertical-align: top;
	max-width: 100%;
}

.le_info .con.dsc {
	padding-top: 25px;
}

.le_info .con .title_area {
	float: left;
	width: 220px;
}

.le_info .con .title_area h3 {
	color: #010101;
	font-size: 16px;
	font-weight: 700;
}

.le_info .con .info_area {
	overflow: hidden;
	padding-top: 2px;
}

.le_info .con .info_area strong {
	color: #010101;
	font-size: 14px;
}

.le_info .con .plan_thumb {
	float: left;
	position: relative;
	display: block;
	width: 199px;
	height: 148px;
	margin-right: 20px;
}

.le_info .con .plan_thumb:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #d1d1d1;
	content: '';
}

.le_info .con .plan_thumb + .plan_lst {
	overflow: hidden;
}

.le_info .con .plan_lst .tit {
	display: block;
	margin: 8px 0 7px;
	color: #010101;
}

.le_info .con .plan_lst .btn_type3 {
	position: relative;
	top: -2px;
}

.le_info .con .plan_lst > li {
	margin-top: 17px;
}

.le_info .con .plan_lst > li:first-child {
	margin-top: 0;
}

.le_info .con .plan_lst > li > ol {
	margin-top: 3px;
}

.le_info .con .plan_lst.v2 > li > ol > li {
	position: relative;
	padding-left: 12px;
}

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

.le_info .con .plan_lst.v2 + strong {
	display: block;
	margin-top: 33px;
	padding-top: 35px;
	border-top: 1px solid #e6e6e6;
}

.le_info .con.video {
	border-top: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.le_info .con.video .material_view {
	border-bottom: 0;
	padding-bottom: 40px;
}

.le_info .con .prof_lst {
	padding-top: 6px;
}

.le_info .con .prof_lst li:before, .le_info .con .prof_lst li:after {
	display: table;
	clear: both;
	content: ' ';
}

.le_info .con .prof_lst li + li {
	margin-top: 40px;
}

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

.le_info .con .prof_lst .prof_info {
	overflow: hidden;
	padding-top: 6px;
	color: #010101;
}

.le_info .con .prof_lst .prof_info .bar {
	margin: 0 1px 0 2px;
	color: #999;
}

.le_info .con .prof_lst .prof_txt {
	margin: 2px 0 0;
	color: #666;
}

.le_info .page_header + .con {
	padding-top: 0;
	border-top: 0;
}

.le_info .con + .con.video {
	padding-top: 10px;
}

.le_info .con.tag {
	padding: 16px 0 43px;
}

.le_info .con.tag .title_area {
	width: auto;
}

.le_info .con.tag .title_area h3 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -402px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	margin: -1px 6px 1px 0;
}

.le_info .con.tag .info_area {
	font-size: 12px;
	color: #999;
}

.le_info .con.tag .info_area .tag_key {
	color: #999;
}

.fixed_bar .header_fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2110;
}

.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-R, "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-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

.fixed_bar .header_fixed .state_area .btn + .btn {
	margin-left: 4px;
}

.class_manager {
	position: relative;
}

.class_manager .slc_area {
	margin: -23px 0 9px;
	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;
}

.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 {
	position: absolute;
	width: 168px;
	top: 29px;
	right: 0;
	white-space: nowrap;
}

.class_manager > ul li .util > button,
.class_manager > ul li .util > div {
	float: left;
	margin: 0 0 0 19px;
}

.class_manager > ul li .util > div {
	position: relative;
	bottom: 2px;
	height: 16px;
}

.class_manager > ul li .util > div > button {
	width: 27px;
	height: 16px;
	margin: 1px 0 0 0;
}

.class_manager > ul li .util > div > button span {
	float: left;
	vertical-align: top;
}

.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: 0;
	right: 20px;
	cursor: move;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -486px;
	background-repeat: no-repeat;
	width: 9px;
	height: 15px;
}

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

.class_manager > ul li .util .disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: default !important;
}

.class_manager > ul li .util ul {
	display: none;
	position: absolute;
	top: 26px;
	right: 0;
	border: 1px solid #333;
	background: #FBFBFB;
	padding: 6px 12px 12px 13px;
	z-index: 100;
}

.class_manager > ul li .util ul li {
	margin: 6px 0 0 0;
}

.class_manager > ul li .util ul button {
	position: relative;
	font-size: 12px;
	color: #030303;
	padding: 0 0 0 23px;
}

.class_manager > ul li .util ul button:hover {
	text-decoration: underline;
}

.class_manager > ul li .util ul button:before {
	position: absolute;
	top: 2px;
}

.class_manager > ul li .util ul button.ico_g_open_dark_b:before {
	left: 2px;
}

.class_manager > ul li .util ul button.ico_g_open_dark2_b:before {
	left: 0;
}

.class_manager > ul li .util ul button.ico_g_lock_dark_b:before {
	left: 4px;
}

.class_manager > ul li .le_txt {
	display: block;
	overflow: hidden;
	position: relative;
	color: #333;
}

.class_manager > ul li .le_txt a {
	color: #333;
	text-decoration: none !important;
}

.class_manager > ul li .it {
	display: none;
	padding-right: 72px;
}

.class_manager > ul li .it input {
	border: 1px solid #E8E8E8 !important;
}

.class_manager > ul li .it .btns {
	display: none;
	position: absolute;
	top: 5px;
	right: 0;
}

.class_manager > ul li .it .btns button {
	font-size: 12px;
	margin: 0 0 0 8px;
	color: #999;
}

.class_manager > ul li .it .btns button:first-child {
	color: #030303;
}

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

.class_manager > ul > li:before, .class_manager > ul > li:after {
	display: table;
	clear: both;
	content: ' ';
}

.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 .chapter {
	z-index: 10;
	position: relative;
	padding: 7px 168px 7px 15px;
	background: #fdfdfd;
	border: 1px solid #E0E0E0;
}

.class_manager > ul > li .chapter:before, .class_manager > ul > li .chapter:after {
	display: table;
	clear: both;
	content: ' ';
}

.class_manager > ul > li .chapter .it .ph {
	top: 4px;
	left: 11px;
	font-size: 16px;
}

.class_manager > ul > li .chapter .it input {
	font-size: 16px;
}

.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 .le_txt {
	padding: 8px 0 4px;
	font-size: 16px;
	line-height: 20px;
}

.class_manager > ul > li .chapter .util {
	top: 50%;
	margin-top: -8px;
}

.class_manager > ul > li .chapter.mod {
	padding-right: 20px;
}

.class_manager > ul > li .chapter.mod .it input {
	background: #fff;
}

.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;
	margin-top: -1px;
	padding: 14px 168px 14px 78px;
	border: 1px solid #D1D1D1;
	background: #fff;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	min-height: 46px;
}

.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 > span[class^=ico] {
	position: absolute;
	top: 14px;
	left: 16px;
}

.class_manager > ul > li .sub > li .le_txt {
	padding: 2px 0 4px;
}

.class_manager > ul > li .sub > li .info {
	overflow: hidden;
	clear: both;
	font-size: 11px;
	color: #999;
}

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

.class_manager > ul > li .sub > li .info dd + dt:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 11px;
	background-color: #e5e5e5;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
	margin: 0 6px 0 1px;
}

.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 .it {
	margin: 6px 0 0;
	background: #FFF;
}

.class_manager > ul > li .add {
	position: relative;
	margin-top: -1px;
	border: 1px solid #D1D1D1;
	background: #fff;
}

.class_manager > ul > li .add.active {
	padding: 76px 0 0;
}

.class_manager > ul > li .add .add_type {
	height: 61px;
	padding: 19px 0 0 0;
	text-align: center;
}

.class_manager > ul > li .add .add_type button {
	color: #070708;
}

.class_manager > ul > li .add .add_type button + button {
	margin: 0 0 0 41px;
}

.class_manager > ul > li .add .add_type button:before {
	position: relative;
	margin: 0 6px 0 0;
	vertical-align: top;
}

.class_manager > ul > li .add .add_type button.ico_le_s_b:before {
	top: 3px;
}

.class_manager > ul > li .add .add_type button.ico_task_s_b:before {
	top: 2px;
}

.class_manager > ul > li .add .add_type button.ico_peer_s_b:before {
	top: 2px;
}

.class_manager > ul > li .add .add_type button.ico_quiz_s_b:before {
	top: 2px;
}

.class_manager > ul > li .add .add_type button.ico_project_s_b:before {
	top: 2px;
}

.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: -1px;
	left: 0;
	width: 100%;
	height: 76px;
	padding: 14px 20px 10px 78px;
	border-top: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
}

.class_manager > ul > li .add .add_input > div {
	display: none;
}

.class_manager > ul > li .add .add_input > div span[class^=ico] {
	position: absolute;
	top: 14px;
	left: 16px;
}

.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 > div .it {
	margin-top: 7px;
}

.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.project .add_input .project {
	display: block;
}

.class_manager.type2 .none {
	padding: 5px 0 44px;
}

.class_manager.type2 .chapter {
	padding-right: 15px !important;
}

.class_manager.type2 .le_txt .label {
	top: 2px;
	vertical-align: top;
}

.class_manager.type2 .util {
	top: 50%;
	width: 110px;
	margin: -17px 0 0;
	text-align: center;
}

.class_manager.type2 .sub > li {
	padding-right: 15px;
}

.class_manager.type2 .sub > li.score {
	padding-right: 110px;
}

.class_manager.type2 .sub > li.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 .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;
}

.quiz .quiz_desc {
	margin: 0 0 13px 0;
}

.quiz .quiz_info dl {
	margin: 11px 0 33px 15px;
	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;
	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 .quiz_add_wrap {
	border: 1px solid #D1D1D1;
}

.quiz .quiz_add_wrap ~ .group_lr + .quiz_add_wrap {
	margin-top: 50px;
}

.quiz .quiz_add_wrap .q_header {
	z-index: 20;
	position: relative;
	height: 82px;
	padding: 20px 0 0 20px;
	background: #FDFDFD;
	border-bottom: 1px solid #D1D1D1;
}

.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: 41px;
	height: 40px;
	margin: 0 12px 0 0;
}

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

.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 {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -772px -688px;
	background-repeat: no-repeat;
	width: 41px;
	height: 40px;
}

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

.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 {
	position: absolute;
	top: 29px;
	right: 20px;
	margin: 0;
	font-weight: 700;
	color: #333;
}

.quiz .quiz_add_wrap .q_header .total_score strong {
	color: #00c73c;
}

.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, .quiz .quiz_add_wrap .q_body .txt_desc:after {
	display: table;
	clear: both;
	content: ' ';
}

.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 6px 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;
	color: #00c73c;
}

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

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

.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_sel .correct {
	font-weight: 700;
}

.quiz .quiz_add_wrap .q_body .sub_modal_wrap {
	clear: both;
}

.quiz .quiz_add_wrap .q_foot {
	margin: 0 30px 30px;
}

.quiz .quiz_add_wrap .q_foot .btn {
	margin-right: 4px;
}

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

/* _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-R, "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: 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-R, "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-R, "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: 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 0 0 0;
}

.myhome {
	position: relative;
}

.myhome .page_header {
	margin: 0 0 16px !important;
	border: 0 !important;
}

.myhome .page_header .btn.btn_type2.op3 {
	width: 42px;
	padding: 0;
}

.myhome .page_header .btn.btn_type2.op3 span {
	display: block;
}

.myhome .page_header .btn.btn_type2.op3 .ico_config {
	margin: 0 auto;
}

.myhome .page_header .btn.btn_type2.op3 .go_back {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -819px -497px;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	margin: 2px auto -2px;
}

.myhome .course_manage .course_lst .info_lec > ul > li strong {
	vertical-align: top;
}

.myhome .course_manage .course_lst .info_lec > ul > li.profile strong {
	padding-top: 4px;
}

.myhome .course_manage .course_lst .info_lec > ul > li.profile p {
	padding-top: 3px;
}

.myhome .course_manage .course_lst .desc_area {
	padding-right: 16px;
}

.myhome .course_manage .course_lst .done_box {
	width: 260px;
}

.myhome .course_manage .course_lst .done_box::before {
	display: none;
}

.myhome .course_join .course_lst .info_lec ul > li:first-child {
	margin-top: 0;
}

.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap {
	display: inline-block;
	vertical-align: top;
}

.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap + .circle_progress_wrap {
	margin-left: 2px;
}

.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap > span {
	font-size: 12px;
	color: #ccc;
}

.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap.lecture > span {
	color: #999;
}

.myhome .course_join .course_lst .desc_area .complete_info {
	display: table;
	position: relative;
	width: 712px;
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #f5f5f5;
	background-color: #fff;
	z-index: 10;
}

.myhome .course_join .course_lst .desc_area .complete_info p {
	font-size: 12px;
	line-height: 15px;
	color: #666;
}

.myhome .course_join .course_lst .desc_area .complete_info .info_standard {
	display: table-cell;
	vertical-align: middle;
}

.myhome .course_join .course_lst .desc_area .complete_info .info_download {
	display: table-cell;
	width: 160px;
}

.myhome .course_join .course_lst .desc_area .complete_info .info_download .btn.btn_type6 {
	width: 160px;
}

.myhome .course_join .course_lst .desc_area .complete_info .info_download > p {
	color: #828c96;
	text-align: right;
}

.myhome .course_manage2 .course_lst .desc_area {
	min-height: 0;
}

.myhome .course_manage2 .course_lst .desc_wrap {
	display: block;
}

.myhome .course_manage2 .course_lst .info_lec {
	display: block;
	width: auto;
	min-height: auto;
	padding-top: 36px;
}

.myhome .course_manage2 .course_lst .info_lec > ul {
	margin-right: -100px;
}

.myhome .course_manage2 .course_lst .info_lec > ul:before, .myhome .course_manage2 .course_lst .info_lec > ul:after {
	display: table;
	clear: both;
	content: ' ';
}

.myhome .course_manage2 .course_lst .info_lec > ul > li {
	display: block;
	float: left;
	width: 50%;
	line-height: 32px;
}

.myhome .course_manage2 .course_lst .info_lec > ul > li .ick .checkbox {
	top: 9px;
}

.myhome .course_manage2 .course_lst .info_lec > ul > li strong {
	display: block;
	float: left;
	width: auto;
	padding-right: 16px;
}

.myhome .course_manage2 .course_lst .done_box {
	display: block;
	width: 100%;
	margin: 24px 0 -1px;
	padding-top: 16px;
	border-top: 1px solid #f1f1f1;
	text-align: right;
}

.myhome .course_manage2 .course_lst .done_box::before {
	display: none;
}

.myhome .course_manage2 .course_lst .done_box .btn_cancel {
	font-size: 12px;
	color: #999;
	letter-spacing: -.5px;
	text-decoration: underline;
}

.myhome .course_lst ~ .course_lst {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #e6e6e6;
}

.myhome .course_lst > ul > li {
	position: relative;
	margin-top: 30px;
	border: 1px solid #f1f1f1;
}

.myhome .course_lst > ul > li:first-child {
	margin-top: 0;
}

.myhome .course_lst > ul > li.wait .info_lec {
	min-height: 0;
}

.myhome .course_lst > ul > li .status {
	display: inline-block;
	position: absolute;
	top: 120px;
	left: 24px;
	height: 20px;
	padding: 0 10px;
	background-color: #00c73c;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	z-index: 10;
}

.myhome .course_lst > ul > li.pass .desc_area .progress .progress_bar, .myhome .course_lst > ul > li.closed .desc_area .progress .progress_bar {
	background-color: #96a0aa;
}

.myhome .course_lst > ul > li.pass .status {
	background-color: #ffae00;
}

.myhome .course_lst > ul > li.closed .status {
	background-color: #96a0aa;
}

.myhome .course_lst a:hover {
	text-decoration: none;
}

.myhome .course_lst .info_area {
	position: relative;
	height: 96px;
	padding: 24px 30px 24px 24px;
	background-color: #f5f5f5;
}

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

.myhome .course_lst .info_area.boost {
	background-color: #ecf0f1;
}

.myhome .course_lst .info_area .thumb {
	float: left;
	margin-right: 17px;
}

.myhome .course_lst .info_area .thumb a {
	overflow: hidden;
	display: block;
	position: relative;
	width: 88px;
	height: 48px;
}

.myhome .course_lst .info_area .thumb a::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(0, 0, 0, 0.04);
	content: '';
}

.myhome .course_lst .info_area .thumb a img {
	height: 100%;
	vertical-align: top;
}

.myhome .course_lst .info_area .tit {
	float: left;
	width: 521px;
	overflow: hidden;
}

.myhome .course_lst .info_area .tit a:after {
	vertical-align: middle;
	margin: 0 0 0 5px;
}

.myhome .course_lst .info_area > a {
	position: relative;
	display: inline-block;
	max-width: 100%;
	padding-right: 25px;
	vertical-align: top;
}

.myhome .course_lst .info_area > a:after {
	position: absolute;
	top: 7px;
	margin: 0 0 0 5px;
}

.myhome .course_lst .title {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	margin-top: -3px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-size: 18px;
	color: #010101;
	line-height: 18px;
	vertical-align: middle;
}

.myhome .course_lst .author {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	color: #666;
	font-size: 12px;
	line-height: 24px;
}

.myhome .course_lst .author span,
.myhome .course_lst .author a {
	vertical-align: middle !important;
}

.myhome .course_lst .author .name {
	display: inline-block;
	overflow: hidden;
	max-width: 245px;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.myhome .course_lst .author .ic_ad + .name {
	max-width: 295px;
}

.myhome .course_lst .author .ic_ad {
	top: 1px;
}

.myhome .course_lst .author .bar {
	margin: 0 4px 0;
	display: inline-block;
	width: 1px;
	height: 12px;
	background-color: #d1d1d1;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
}

.myhome .course_lst .info_btns {
	position: absolute;
	top: 50%;
	right: 14px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.myhome .course_lst .info_btns .btn_whaleclass {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.myhome .course_lst .info_btns .btn_lecture_more {
	display: inline-block;
	line-height: 0;
	vertical-align: middle;
}

.myhome .course_lst .info_btns .btn_lecture_more i {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -861px;
	background-repeat: no-repeat;
	width: 4px;
	height: 20px;
	margin: 5px 10px;
}

.myhome .course_lst .info_btns .ly_btn_more {
	position: absolute;
	top: 6px;
	right: 25px;
	border: 1px solid #eaeaea;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
	z-index: 10;
}

.myhome .course_lst .info_btns .ly_btn_more a {
	display: block;
	min-width: 85px;
	padding: 11px 14px 10px 16px;
	background-color: #fff;
	border: 0;
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
}

.myhome .course_lst .info_btns .ly_btn_more li + li {
	margin-top: -7px;
}

.myhome .course_lst .info_btns .ly_btn_more li + li a {
	padding-top: 4px;
}

.myhome .course_lst .info_more_box {
	height: 27px;
	margin-bottom: -1px;
	padding-top: 4px;
}

.myhome .course_lst .info_more_box .info_more_area {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 22px;
}

.myhome .course_lst .info_more_box .btn.btn_type3 {
	vertical-align: top;
}

.myhome .course_lst .info_more_box .btn.btn_type3 ~ .more_text {
	padding-left: 8px;
}

.myhome .course_lst .info_more_box a.more_text:hover {
	text-decoration: underline;
}

.myhome .course_lst .info_more_box .more_text {
	font-size: 12px;
	color: #828c96;
	vertical-align: 2px;
}

.myhome .course_lst .info_more_box .help_pop {
	position: absolute;
	left: 61px;
	top: 0;
	width: 360px;
	padding: 24px;
	font-size: 14px;
	color: #666;
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
	        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
	background-color: #fdfdfd;
	border: 1px solid #d1d1d1;
	letter-spacing: -1px;
	line-height: 20px;
	z-index: 100;
}

.myhome .course_lst .info_more_box .help_pop em {
	color: #00c73c;
	font-weight: 600;
}

.myhome .course_lst .info_more_box .help_pop .pop_close {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -226px;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 11px;
	top: 11px;
}

.myhome .course_lst .desc_area {
	position: relative;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	clear: both;
	margin: 0;
	padding: 24px 18px 24px 24px;
	min-height: 76px;
}

.myhome .course_lst .desc_area:after {
	content: '';
	display: block;
	clear: both;
}

.myhome .course_lst .desc_area.summarize_content {
	min-height: inherit;
	height: auto;
	padding-bottom: 19px;
}

.myhome .course_lst .desc_area.summarize_content .desc_wrap {
	display: block;
	width: auto;
	margin-right: 6px;
}

.myhome .course_lst .desc_area.summarize_content .info_lec {
	display: block;
	width: auto;
	height: auto;
	min-height: 0;
}

.myhome .course_lst .desc_area.summarize_content .info_lec ul {
	display: block;
}

.myhome .course_lst .desc_area.summarize_content .info_lec ul:before, .myhome .course_lst .desc_area.summarize_content .info_lec ul:after {
	display: table;
	clear: both;
	content: ' ';
}

.myhome .course_lst .desc_area.summarize_content .info_lec ul > li {
	overflow: hidden;
	float: left;
	width: 50%;
	margin: 0;
}

.myhome .course_lst .desc_area.summarize_content .info_lec ul > li strong,
.myhome .course_lst .desc_area.summarize_content .info_lec ul > li p {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

.myhome .course_lst .desc_area.summarize_content .info_lec .bar {
	height: 9px;
	margin: -1px 8px 1px 10px;
}

.myhome .course_lst .desc_wrap {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.myhome .course_lst .info_lec {
	display: table-cell;
	position: relative;
	width: 340px;
	min-height: 102px;
	margin: 0;
	padding-top: 30px;
	vertical-align: top;
	font-size: 12px;
	line-height: 22px;
}

.myhome .course_lst .info_lec > ul {
	display: table;
	width: 100%;
}

.myhome .course_lst .info_lec > ul > li {
	display: table-row;
	color: #333;
	white-space: nowrap;
}

.myhome .course_lst .info_lec > ul > li.profile {
	line-height: 32px;
}

.myhome .course_lst .info_lec > ul > li strong {
	display: table-cell;
	width: 46px;
	padding-right: 14px;
	color: #999;
	font-weight: normal;
}

.myhome .course_lst .info_lec > ul > li p {
	overflow: hidden;
}

.myhome .course_lst .info_lec > ul > li .bar {
	margin: -1px 4px 1px;
	display: inline-block;
	width: 1px;
	height: 12px;
	background-color: #d1d1d1;
	vertical-align: middle;
	font-size: 0;
	line-height: 900em;
	overflow: hidden;
}

.myhome .course_lst .info_lec > ul > li .lk_charge {
	margin-left: 5px;
	color: #999;
	letter-spacing: -.5px;
}

.myhome .course_lst .info_lec > ul > li .lk_charge::after {
	display: inline-block;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -413px -704px;
	background-repeat: no-repeat;
	width: 5px;
	height: 8px;
	margin-left: 4px;
	content: '';
}

.myhome .course_lst .info_lec > ul > li .progress_area {
	display: table-cell;
}

.myhome .course_lst .info_lec > ul > li .progress {
	display: inline-block;
	margin: 4px 8px 0 0;
	width: 160px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
}

.myhome .course_lst .info_lec > ul > li .progress .progress_bar {
	background: #00c73c;
}

.myhome .course_lst .info_lec > ul > li img,
.myhome .course_lst .info_lec > ul > li .name,
.myhome .course_lst .info_lec > ul > li .ic_ad {
	vertical-align: middle;
}

.myhome .course_lst .info_lec > ul > li .ic_ad {
	margin-left: 2px;
	padding: 0 6px 0 5px;
	font-size: 12px;
	line-height: 15px;
}

.myhome .course_lst .info_lec > ul > li .name {
	display: inline-block;
	overflow: hidden;
	max-width: 200px;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	margin: 0 2px 0 6px;
}

.myhome .course_lst .info_lec > ul > li .ick .ph {
	color: #333;
}

.myhome .course_lst .info_lec .per {
	font-weight: 700;
	color: #333;
}

.myhome .course_lst .info_lec .dsc {
	color: #666;
}

.myhome .course_lst .info_lec .txt_desc {
	line-height: 1.8;
	letter-spacing: 0;
}

.myhome .course_lst .done_box {
	display: table-cell;
	width: 358px;
	height: 100%;
}

.myhome .course_lst .done_box::before {
	display: block;
	position: absolute;
	top: 24px;
	left: 373px;
	bottom: 24px;
	width: 1px;
	background-color: #f1f1f1;
	content: '';
}

.myhome .course_lst .done_box .done_area {
	text-align: right;
}

.myhome .course_lst .total_score {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1;
	color: #666;
}

.myhome .course_lst .total_score em {
	font-size: 28px;
	color: #333;
}

.myhome .course_lst .total_score ~ .btn.btn_type3 {
	margin: -4px 11px 0 0;
}

.myhome .course_lst .total_score ~ .btn.btn_type3 ~ .txt_desc {
	vertical-align: top;
}

.myhome .course_lst .done_lst {
	width: 100%;
	margin: 0 -3px -7px 0;
	padding: 33px 0 1px;
	vertical-align: middle;
	white-space: nowrap;
}

.myhome .course_lst .done_lst li {
	display: inline-block;
	width: 92px;
	text-align: center;
	white-space: nowrap;
}

.myhome .course_lst .done_lst li a:hover,
.myhome .course_lst .done_lst li a:active,
.myhome .course_lst .done_lst li a:focus {
	text-decoration: none;
}

.myhome .course_lst .done_lst li strong {
	display: block;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: -3px;
	color: #808080;
	overflow: hidden;
}

.myhome .course_lst .done_lst li span {
	margin-top: 13px;
	display: block;
	font-size: 12px;
	line-height: 12px;
	color: #999;
}

.myhome .course_lst .done_lst li a:hover span {
	text-decoration: underline !important;
}

.myhome .access {
	position: absolute;
	right: 0;
	color: #999;
}

.myhome .table_type1 .linkage {
	display: inline-block;
	min-width: 184px;
	color: #999;
}

.myhome .table_type1 .linkage.point_font_color {
	color: #666 !important;
}

.myhome .my_lst ul {
	border: 1px solid #e6e6e6;
	border-bottom: 0;
}

.myhome .my_lst ul li {
	position: relative;
	min-height: 108px;
	border-bottom: 1px solid #e6e6e6;
}

.myhome .my_lst ul li:before, .myhome .my_lst ul li:after {
	display: table;
	clear: both;
	content: ' ';
}

.myhome .my_lst ul li a {
	display: block;
	width: 688px;
	text-decoration: none;
}

.myhome .my_lst ul li .ic_state {
	margin: 20px 0 0 17px;
	float: left;
}

.myhome .my_lst ul li .info {
	overflow: hidden;
	width: 610px;
	margin: 0;
	padding: 23px 0 20px 15px;
}

.myhome .my_lst ul li .info .ti {
	color: #010101;
	font-weight: 700;
	line-height: 18px !important;
}

.myhome .my_lst ul li .info .ti .day {
	display: inline-block;
	color: #ff5230;
}

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

.myhome .my_lst ul li .info .ti .date {
	margin-left: 12px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

.myhome .my_lst ul li .info .ic_ad {
	margin-top: 5px;
}

.myhome .my_lst ul li .info .tx {
	margin: 7px 0 0;
	color: #4c4c4c;
	font-size: 12px;
	line-height: 16px !important;
}

.myhome .my_lst ul li .info .tx2 {
	margin: 7px 0 0;
	color: #999;
	font-size: 12px;
	line-height: 16px !important;
}

.myhome .my_lst ul li .f_close_big {
	position: absolute;
	top: 45px;
	right: 41px;
}

.myhome .my_lst ul li.none {
	padding-top: 42px;
}

.myhome .my_lst .btn_type10 {
	display: block;
	margin: 30px auto 0;
	text-align: center;
}

.myhome .more_area {
	margin: 27px 0 0;
}

.myhome .project_list {
	position: relative;
	margin: 0 6px 24px 25px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f1f1f1;
}

.myhome .project_list ul {
	margin-right: -1px;
}

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

.myhome .project_list li {
	position: relative;
	float: left;
	width: 72px;
	margin: 0 8px 12px;
	padding: 0;
	color: #999;
	text-align: center;
}

.myhome .project_list li::before {
	display: block;
	position: absolute;
	top: 11px;
	left: -8px;
	width: 88px;
	height: 2px;
	background-color: #ecf0f1;
	content: '';
}

.myhome .project_list li:nth-child(4n+1) {
	margin-left: 0;
}

.myhome .project_list li:nth-child(4n+1)::before {
	width: 44px;
	left: 36px;
}

.myhome .project_list li:nth-child(4n+1).end::before {
	display: none;
}

.myhome .project_list li:nth-child(4n) {
	margin-right: 0;
}

.myhome .project_list li:nth-child(4n)::before, .myhome .project_list li:nth-child(4n).end::before {
	width: 44px;
}

.myhome .project_list li:nth-child(n+5) {
	display: none;
}

.myhome .project_list li > a {
	display: block;
}

.myhome .project_list li .pj_state {
	display: block;
	position: relative;
	font-size: 11px;
	color: #999;
}

.myhome .project_list li .pj_state::before {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto 5px;
	background-color: #ecf0f1;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	content: '';
}

.myhome .project_list li .pj_state::after {
	display: block;
	position: absolute;
	top: 7px;
	left: 50%;
	margin-left: -6px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -732px;
	background-repeat: no-repeat;
	width: 11px;
	height: 10px;
	content: '';
}

.myhome .project_list li .pj_text {
	margin-top: -2px;
	font-size: 12px;
	color: #999;
}

.myhome .project_list li.end::before {
	width: 44px;
}

.myhome .project_list li.pass .pj_state {
	color: #00c73c;
}

.myhome .project_list li.pass .pj_state::before {
	background-color: #00c73c;
}

.myhome .project_list li.pass .pj_state::after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -746px;
	background-repeat: no-repeat;
	width: 11px;
	height: 10px;
}

.myhome .project_list li.reject .pj_state {
	color: #ff5230;
}

.myhome .project_list li.reject .pj_state::before {
	background-color: #ff5230;
}

.myhome .project_list li.reject .pj_state::after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -760px;
	background-repeat: no-repeat;
	width: 11px;
	height: 10px;
}

.myhome .project_list li.review .pj_state {
	color: #333;
}

.myhome .project_list li.review .pj_state::before {
	background-color: #333;
}

.myhome .project_list li.review .pj_state::after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -774px;
	background-repeat: no-repeat;
	width: 11px;
	height: 10px;
}

.myhome .project_list .pj_pass .pj_state {
	color: #96a0aa;
}

.myhome .project_list .pj_pass .pj_state::before {
	background-color: #96a0aa;
}

.myhome .project_list .pj_pass .pj_state::after {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -901px -746px;
	background-repeat: no-repeat;
	width: 11px;
	height: 10px;
}

.myhome .project_list .btn_pj_more {
	overflow: hidden;
	display: block;
	position: absolute;
	bottom: -7px;
	left: 144px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -527px -478px;
	background-repeat: no-repeat;
	width: 48px;
	height: 15px;
	line-height: 100px;
	color: rgba(0, 0, 0, 0);
}

.myhome .project_list.open li:nth-child(n+5) {
	display: block;
}

.myhome .project_list.open .btn_pj_more {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -475px -478px;
	background-repeat: no-repeat;
	width: 48px;
	height: 15px;
}

.ly_prof_area {
	position: relative;
	float: left;
	max-width: 270px;
	margin-top: -1px;
}

.ly_prof_area .btn_set {
	color: #999;
	vertical-align: -1px;
}

.ly_prof_area .btn_set::after {
	display: inline-block;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -413px -704px;
	background-repeat: no-repeat;
	width: 5px;
	height: 8px;
	margin-left: 4px;
	content: '';
}

.ly_prof_area.opn .ly_prof {
	display: block;
}

.ly_prof_area .ly_prof {
	position: absolute;
	z-index: 100;
	border: 1px solid #d1d1d1;
	background: #fff;
	padding: 26px 30px 30px;
	width: 292px;
	font-size: 14px;
	color: #333;
	display: none;
}

.ly_prof_area .ly_prof h1 {
	font-size: 16px;
	color: #010101;
	font-weight: 600;
}

.ly_prof_area .ly_prof .tab {
	padding: 9px 0 25px;
	line-height: 24px;
}

.ly_prof_area .ly_prof .ct {
	clear: both;
}

.ly_prof_area .ly_prof .ct img {
	float: left;
	margin-right: 8px;
}

.ly_prof_area .ly_prof .ct img ~ .btn_area {
	float: left;
	padding: 4px 0 0 0;
}

.ly_prof_area .ly_prof .ct .name {
	width: 180px;
}

.ly_prof_area .ly_prof .ct .btn {
	margin-right: 4px;
}

.ly_prof_area .ly_prof .ct .ipt {
	clear: both;
	padding: 10px 0 0;
}

.ly_prof_area .ly_prof .ct .ipt label {
	padding: 4px 0 0;
	display: block;
	float: left;
	width: 40px;
	color: #999;
}

.ly_prof_area .ly_prof .ct .ipt .it {
	vertical-align: middle;
}

.ly_prof_area .ly_prof .ct .ipt .it span.sts_error {
	display: none;
}

.ly_prof_area .ly_prof .ct .ipt .it input.sts_error + span.sts_error {
	display: block;
	padding-top: 8px;
	white-space: initial;
	line-height: 16px;
}

.ly_prof_area .ly_prof .btm {
	padding: 20px 0 0 40px;
}

.ly_prof_area .ly_prof .btm .btn {
	margin-right: 6px;
}

.ly_prof_area .ly_prof .ico_clse {
	position: absolute;
	top: 7px;
	right: 9px;
}

.myhome_info .prof_intro_go {
	display: block;
	width: 179px;
	height: 43px;
	margin: 40px auto 0;
	background-color: #333;
	font-weight: bold;
	line-height: 43px;
	color: #fff;
	text-align: center;
}

.myhome_info .info_tit {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.8px;
	color: #333;
}

.myhome_info .info_tit .guide_txt {
	display: inline-block;
	margin: 6px 0 0 13px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -1.17px;
	color: #999;
	vertical-align: top;
	line-height: 16px;
}

.myhome_info .save_btn {
	margin-top: 80px;
	text-align: center;
}

.myhome_info .save_btn [class^=btn] {
	display: inline-block;
	height: 42px;
	padding: 0 35px;
	margin: 0 2px 0 3px;
	background-color: #ccc;
	font-size: 16px;
	line-height: 42px;
	color: #fff;
	vertical-align: top;
}

.myhome_info .save_btn .btn_save {
	background-color: #00c73c;
}

.myhome_info .basic_info_box {
	padding: 80px;
	background-color: #fff;
	text-align: center;
}

.myhome_info .basic_info_box .info_tit.integral {
	margin-bottom: 14px;
	color: #00c73c;
}

.myhome_info .basic_info_box .info_tit ~ .info_tit {
	margin: 31px 0 18px;
}

.myhome_info .basic_info_box .thmb_area {
	margin-bottom: 34px;
	text-align: center;
}

.myhome_info .basic_info_box .thmb_area .thmb {
	width: 200px;
	height: 200px;
	margin: 0 auto 16px;
	background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_prof_l.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: top;
}

.myhome_info .basic_info_box .ipt_area {
	display: inline-block;
	text-align: left;
}

.myhome_info .basic_info_box ul:after {
	display: block;
	clear: both;
	content: '';
}

.myhome_info .basic_info_box ul li {
	float: left;
	width: 340px;
	letter-spacing: -1px;
	color: #999;
}

.myhome_info .basic_info_box ul li + li {
	margin-left: 16px;
}

.myhome_info .basic_info_box ul .birthday,
.myhome_info .basic_info_box ul .gender {
	line-height: 30px;
}

.myhome_info .basic_info_box ul .birthday em,
.myhome_info .basic_info_box ul .gender em {
	display: inline-block;
	width: 120px;
}

.myhome_info .basic_info_box ul .birthday .it .ph,
.myhome_info .basic_info_box ul .gender .it .ph {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
}

.myhome_info .basic_info_box ul .birthday .it input,
.myhome_info .basic_info_box ul .gender .it input {
	width: 101px;
	height: 30px;
	padding: 0;
	text-align: center;
}

.myhome_info .basic_info_box ul .birthday .ick,
.myhome_info .basic_info_box ul .gender .ick {
	margin-top: 0;
	font-size: 14px;
}

.myhome_info .basic_info_box ul .birthday .ick .radio,
.myhome_info .basic_info_box ul .gender .ick .radio {
	margin-top: 3px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 1px solid #bebebe;
	background-image: none;
}

.myhome_info .basic_info_box ul .birthday .ick .radio.checked,
.myhome_info .basic_info_box ul .gender .ick .radio.checked {
	border: 1px solid transparent;
}

.myhome_info .basic_info_box ul .ick {
	margin-top: 4px;
	font-size: 12px;
}

.myhome_info .basic_info_box .terms {
	margin-top: 40px;
}

.myhome_info .basic_info_box .terms .info_tit {
	margin-bottom: 13px;
}

.myhome_info .basic_info_box .terms .ick {
	display: block;
	line-height: 13px;
	padding-left: 24px;
}

.myhome_info .basic_info_box .terms .ick .checkbox {
	width: 20px;
	height: 20px;
	top: -1px;
	border: 0;
}

.myhome_info .basic_info_box .terms .ick .checkbox:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-position: -440px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.myhome_info .basic_info_box .terms .ick .checkbox.checked:after {
	background-position: -160px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 0;
}

.myhome_info .basic_info_box .terms .ick .ph {
	font-size: 12px;
	line-height: 20px;
}

.myhome_info .basic_info_box .terms .ick + .ick {
	margin-left: 0;
	margin-top: 12px;
}

.myhome_info .password_info_box {
	margin-top: 40px;
	padding: 76px 80px 80px;
	background-color: #fff;
}

.myhome_info .password_info_box h2 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.myhome_info .password_info_box .btn_reg {
	position: absolute;
	top: 50%;
	right: 0;
	height: auto;
	margin-top: -11px;
	line-height: 16px;
	color: #010101;
}

.myhome_info .password_info_box .pass_set {
	position: relative;
	overflow: hidden;
}

.myhome_info .password_info_box .pass_set h2 {
	float: left;
}

.myhome_info .password_info_box .pass_set .sub {
	font-size: 14px;
	color: #999;
	float: left;
	margin-left: 24px;
}

.myhome_info .password_info_box .user_confirm {
	position: relative;
	margin-top: 33px;
}

.myhome_info .password_info_box .user_confirm h2 {
	float: left;
	line-height: 18px;
}

.myhome_info .password_info_box .user_confirm:after {
	display: block;
	clear: both;
	content: '';
}

.myhome_info .password_info_box .user_confirm .sub {
	float: left;
	margin-left: 24px;
	font-size: 14px;
	color: #00c73c;
	letter-spacing: -0.7px;
	line-height: 18px;
}

.myhome_info .password_info_box .user_confirm .btn_reg {
	margin-top: -9px;
}

.myhome_info .dsc_area {
	clear: both;
	padding: 36px 0 0;
	text-align: center;
	font-size: 12px;
	letter-spacing: -1px;
	color: #999;
}

.myhome_info .dsc_area .rel_link3 {
	display: inline-block;
	margin-left: 10px;
}

.myhome_info .account_interlock_info {
	padding: 76px 80px 80px;
	background-color: #fff;
}

.myhome_info .account_interlock_info .info_tit ~ .info_tit {
	margin-top: 76px;
}

.myhome_info .account_interlock_info .account_list {
	margin-top: 18px;
}

.myhome_info .account_interlock_info .account_list li {
	position: relative;
	height: 32px;
	margin-top: 16px;
	padding: 0 95px 0 60px;
	line-height: 32px;
	letter-spacing: -1px;
}

.myhome_info .account_interlock_info .account_list li:first-child {
	margin-top: 0;
}

.myhome_info .account_interlock_info .account_list [class^=ico] {
	position: absolute;
	left: 0;
}

.myhome_info .account_interlock_info .account_list .userid {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.myhome_info .account_interlock_info .account_list .btn_interlock {
	position: absolute;
	right: 0;
	top: 0;
	width: 75px;
	height: 32px;
	background-color: #00c73c;
	font-size: 12px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	vertical-align: top;
}

.myhome_info .account_interlock_info .account_list .btn_interlock.cancel {
	border: 1px solid #e8e8e8;
	background-color: #fff;
	color: #999;
	line-height: 30px;
}

.myhome_info .account_interlock_info .ico_naver {
	top: 5px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -737px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.myhome_info .account_interlock_info .ico_facebook {
	top: 4px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -681px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.myhome_info .account_interlock_info .ico_nba {
	top: 10px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -575px -355px;
	background-repeat: no-repeat;
	width: 182px;
	height: 12px;
}

.myhome_info .account_interlock_info .ico_google {
	top: 4px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -821px -805px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

.myhome_info .account_interlock_info .ico_apple {
	top: 4px;
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -746px -608px;
	background-repeat: no-repeat;
	width: 20px;
	height: 24px;
}

.myhome_info .prof_intro_box {
	padding: 80px 0;
	background-color: #fff;
}

.myhome_info .prof_intro_box .info_tit {
	margin: 75px 0 18px;
	padding: 0 80px;
}

.myhome_info .prof_intro_box .info_tit:first-child {
	margin-top: 0;
}

.myhome_info .prof_intro_box .save_btn {
	margin-top: 75px;
}

.myhome_info .prof_intro_box .attach_input,
.myhome_info .prof_intro_box .intro_input,
.myhome_info .prof_intro_box .url_input {
	padding: 0 80px;
}

.myhome_info .prof_intro_box .attach_text {
	margin-bottom: 15px;
	padding: 0 80px;
	line-height: 17px;
	letter-spacing: -1px;
	color: #333;
}

.myhome_info .prof_intro_box .intro_input_wrap .intro_input_add:first-child {
	margin-top: 40px;
}

.myhome_info .prof_intro_box .cont_area {
	position: relative;
	padding: 5px 8px 8px 5px;
	border: 1px solid #dedede;
	background-color: #fff;
	font-size: 14px;
	line-height: 24px;
}

.myhome_info .prof_intro_box .cont_area .input_text {
	width: 100%;
	height: 147px;
	border: none;
	color: #666;
	vertical-align: top;
}

.myhome_info .prof_intro_box .cont_area .input_guide {
	position: absolute;
	left: 7px;
	top: 7px;
	color: #999;
}

.myhome_info .prof_intro_box .input_area {
	position: relative;
	height: 30px;
	padding: 0 5px;
	border: 1px solid #dedede;
	background-color: #fff;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: -1px;
}

.myhome_info .prof_intro_box .input_area + .input_area {
	margin-top: 8px;
}

.myhome_info .prof_intro_box .input_area + .cont_area {
	margin-top: 16px;
}

.myhome_info .prof_intro_box .input_area .input_text {
	width: 100%;
	height: 100%;
	border: none;
	color: #666;
	letter-spacing: -1px;
	vertical-align: top;
}

.myhome_info .prof_intro_box .input_area .input_guide {
	position: absolute;
	left: 7px;
	top: 0;
	color: #999;
}

.myhome_info .prof_intro_box .intro_input_add {
	padding: 40px 80px;
}

.myhome_info .prof_intro_box .intro_input_add.drag_active {
	background-color: #fafafa;
	cursor: move;
}

.myhome_info .prof_intro_box .btn_input_add {
	margin-top: 8px;
	padding: 0 80px;
}

.myhome_info .prof_intro_box .btn_input_add .btn {
	display: inline-block;
	height: 32px;
	padding: 0 12px;
	background-color: #e9ebec;
	line-height: 32px;
	color: #333;
}

.myhome_info .prof_intro_box .active_input {
	margin-top: -4px;
	padding: 0 80px;
}

.myhome_info .prof_intro_box .setup_lecture_list {
	max-height: 491px;
	margin: 18px 80px 0;
	border: 1px solid #ebebeb;
	border-width: 1px 0;
	overflow-y: auto;
}

.myhome_info .prof_intro_box .setup_lecture_list .list {
	overflow: hidden;
}

.myhome_info .prof_intro_box .setup_lecture_list .list li {
	min-height: 48px;
	padding: 16px 17px;
	border-top: 1px solid #ebebeb;
	line-height: 16px;
}

.myhome_info .prof_intro_box .setup_lecture_list .list li:first-child {
	border-top: 0;
}

.myhome_info .prof_intro_box .setup_lecture_list .list .ick {
	padding-left: 47px;
}

.myhome_info .prof_intro_box .setup_lecture_list .list .ick .checkbox {
	top: 2px;
}

.myhome_info .prof_intro_box .setup_lecture_list .list .ph {
	line-height: 16px;
}

.myhome_info .flip_info_box {
	padding: 80px;
	background-color: #fff;
}

.myhome_info .flip_info_box .save_nickname {
	line-height: 32px;
	letter-spacing: -1px;
}

.myhome_info .flip_info_box .save_nickname label {
	display: inline-block;
	margin-right: 15px;
	color: #999;
}

.myhome_info .flip_info_box .save_nickname .input_txt {
	width: 240px;
	height: 32px;
	padding: 0 7px;
	border: 1px solid #dedede;
	line-height: 32px;
	color: #666;
}

.myhome_info .flip_info_box .save_nickname .btn_save {
	display: inline-block;
	width: 80px;
	height: 32px;
	margin-left: 5px;
	background-color: #00c73c;
	color: #fff;
	text-align: center;
}

.myhome_info .flip_info_box .formal_join {
	margin-top: 79px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #666;
}

.myhome_info .flip_info_box .formal_join .desc_join {
	margin-top: 20px;
}

.myhome_info .flip_info_box .tit_join_guide {
	padding-bottom: 23px;
	border-bottom: 1px solid #333;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #333;
}

.myhome_info .flip_info_box .join_guide {
	margin-top: 15px;
}

.myhome_info .flip_info_box .join_guide dt {
	margin-bottom: 5px;
	font-weight: bold;
	color: #333;
}

.myhome_info .flip_info_box .join_tip {
	position: relative;
	margin-top: 24px;
	padding-left: 20px;
}

.myhome_info .flip_info_box .join_tip:before {
	position: absolute;
	left: 0;
	top: 6px;
	bottom: 5px;
	width: 4px;
	background-color: #333;
	content: '';
}

.myhome_info .ick .radio {
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 1px solid #bebebe;
	background-image: none;
}

.myhome_info .ick .radio.checked {
	border: 1px solid transparent;
}

.myhome_info .ick .checkbox.checked {
	background-image: none;
	background-position: 0 0;
	background-color: #00c73c;
}

.myhome_info .ick .checkbox.checked:after {
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	top: 0px;
	left: 0;
	background-position: -160px -616px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.btn_area .if {
	display: inline-block;
}

.btn_area .if ~ .btn {
	vertical-align: top;
}

.page.schedule {
	position: relative;
}

.page.schedule .slt {
	z-index: 2;
	position: absolute;
}

.page.schedule .fc .fc-toolbar .fc-center h2 {
	font-weight: 700;
}

.todo_lst ul {
	overflow: hidden;
	padding-top: 1px;
}

.todo_lst li {
	margin-top: -1px;
	border: 1px solid #e6e6e6;
}

.todo_lst li.dday {
	margin-top: 10px;
}

.todo_lst li > a {
	display: block;
	padding: 18px 18px 8px;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
}

.todo_lst li .date {
	-webkit-border-radius: 30px;
	border-radius: 30px;
	display: inline-block;
	padding: 0 10px;
	line-height: 20px;
	color: #fff;
	background: #3f3a90;
}

.todo_lst li .date.dday {
	background: #ef2b52;
}

.todo_lst li .dsc {
	margin-top: 9px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
}

.todo_lst li .lecture {
	display: inline-block;
	overflow: hidden;
	max-width: 70%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	vertical-align: top;
}

.todo_lst li .cat {
	margin-top: 5px;
	color: #999;
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.todo_lst li .noti {
	position: relative;
	margin: 2px 0 10px;
}

.todo_lst li .noti span {
	-webkit-border-radius: 30px;
	border-radius: 30px;
	display: inline-block;
	padding: 0 10px;
	background: #00c73c;
	color: #fff;
	vertical-align: top;
}

.todo_lst li .noti:before {
	position: absolute;
	top: -6px;
	left: 20px;
	content: '';
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -524px -507px;
	background-repeat: no-repeat;
	width: 13px;
	height: 7px;
}

.noti_lst ul {
	overflow: hidden;
	padding-top: 1px;
}

.noti_lst li {
	position: relative;
	margin-top: -1px;
	border: 1px solid #e6e6e6;
}

.noti_lst li.active {
	background: #fafafa;
}

.noti_lst li.edwith {
	background: #fafafa;
}

.noti_lst li.edwith > a {
	padding-bottom: 18px;
}

.noti_lst li.edwith .con .state {
	margin: 12px 0 0;
}

.noti_lst li.edwith .con .state strong {
	font-weight: normal;
}

.noti_lst li > a {
	display: block;
	padding: 18px 80px 15px 18px;
	line-height: 18px;
	overflow: hidden;
	text-decoration: none;
}

.noti_lst li .thmb {
	margin-right: 12px;
	float: left;
	display: block;
	-webkit-border-radius: 44px;
	border-radius: 44px;
	width: 44px;
	height: 44px;
	overflow: hidden;
}

.noti_lst li .con {
	overflow: hidden;
}

.noti_lst li .con .state {
	margin-top: -2px;
	margin-bottom: 12px;
}

.noti_lst li .con .state strong {
	color: #000;
}

.noti_lst li .con .state .date {
	margin-left: 9px;
	font-size: 12px;
	color: #999;
}

.noti_lst li .con .tit {
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
	color: #333;
}

.noti_lst li .con .dsc {
	margin-top: 2px;
	color: #666;
}

.noti_lst li .con .cat {
	margin-top: 12px;
	font-size: 12px;
	color: #999;
	display: block;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.noti_lst li .con .caution_list {
	padding: 0;
}

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

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

.noti_lst li .f_close_big {
	position: absolute;
	top: 50%;
	right: 41px;
	margin-top: -10px;
}

.option_box {
	position: relative;
	padding: 18px;
	margin-top: 20px;
	border: 1px solid #e6e6e6;
}

.option_box .option_txt {
	padding-right: 100px;
	line-height: 20px;
	letter-spacing: -1px;
	color: #666;
}

.option_box .toggle_area {
	position: absolute;
	top: 50%;
	right: 18px;
	margin-top: -17px;
	font-size: 0;
	letter-spacing: 0;
}

.option_box .btn_toggle {
	display: inline-block;
	width: 49px;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: -1px;
	border: 1px solid #D1D1D1;
	background-color: #FFF;
	color: #999;
}

.option_box .btn_toggle + .btn_toggle {
	margin-left: -1px;
}

.option_box .btn_toggle.on {
	z-index: 1;
	border-color: #00c73c;
	color: #00c73c;
}

.todo_lst .option_box,
.noti_lst .option_box {
	margin-top: 0;
}

.recent_vod_area .recent_vod_list {
	padding-top: 7px;
}

.recent_vod_area .recent_vod_list li {
	position: relative;
	min-height: 111px;
	padding-left: 162px;
}

.recent_vod_area .recent_vod_list li + li {
	margin-top: 24px;
}

.recent_vod_area .recent_vod_list .lnk_thumb {
	position: absolute;
	left: 0;
	top: 0;
}

.recent_vod_area .recent_vod_list .lnk_thumb .thumb {
	position: relative;
	display: block;
	overflow: hidden;
	width: 138px;
	height: 103px;
}

.recent_vod_area .recent_vod_list .lnk_thumb .thumb img {
	vertical-align: top;
}

.recent_vod_area .recent_vod_list .lnk_thumb .thumb:after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 1px solid #000;
	opacity: 0.05;
	filter: alpha(opacity=5);
	content: '';
}

.recent_vod_area .recent_vod_list .lnk_thumb .runtime_view {
	display: block;
	height: 8px;
	background-color: #f5f5f5;
}

.recent_vod_area .recent_vod_list .lnk_thumb .runtime_view .runtime_bar {
	display: block;
	height: 100%;
	background-color: #00c73c;
}

.recent_vod_area .recent_vod_list .vod_info {
	letter-spacing: -0.5px;
}

.recent_vod_area .recent_vod_list .vod_info dt {
	overflow: hidden;
	font-weight: bold;
	line-height: 18px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.recent_vod_area .recent_vod_list .vod_info dt a {
	color: #333;
}

.recent_vod_area .recent_vod_list .vod_info dd {
	line-height: 20px;
	color: #666;
}

.recent_vod_area .recent_vod_list .vod_info .navi {
	overflow: hidden;
	max-height: 40px;
	margin-top: 17px;
}

.recent_vod_area .recent_vod_list .vod_info .runtime {
	margin-top: 8px;
	letter-spacing: -1px;
	color: #999;
}

.recent_vod_area .recent_vod_list .vod_info .runtime [class^=time_] + [class^=time_]:before {
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 6px 8px 0 6px;
	background-color: #d1d1d1;
	vertical-align: top;
	content: '';
}

.recent_vod_area .recent_vod_list .vod_info .runtime .time_view {
	color: #00c73c;
}

.recent_vod_area .more_area {
	margin-top: 34px;
}

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

.recent_vod_none {
	padding: 80px 0;
	background-color: #f9f9f9;
	letter-spacing: -0.5px;
	text-align: center;
}

.recent_vod_none .nolist {
	line-height: 20px;
	color: #666;
}

#wrap.myhome_wrap {
	background-color: #fff;
}

#wrap.myhome_wrap #container {
	width: 1080px;
	height: -webkit-calc(100% - 81px);
	height: calc(100% - 81px);
	padding: 0 0 176px;
}

#wrap.myhome_wrap #container #snb {
	width: 240px;
	min-height: 100%;
	padding: 40px 0 100px;
	margin-right: 0;
}

#wrap.myhome_wrap #container #snb .state_area {
	padding: 0 80px 0 0;
}

#wrap.myhome_wrap #container #snb nav {
	padding-left: 0;
}

#wrap.myhome_wrap #container #content {
	width: 840px;
	min-height: 100%;
	padding: 40px 0 100px 80px;
	border-left: 1px solid #f0f0f0;
}

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

.group_lr .txt_desc {
	vertical-align: middle;
	text-align: left;
}

.group_lr .txt_desc:before {
	top: 3px;
}

/* 성적조회 */
.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;
}

.bx_area {
	margin: 20px 0 14px;
}

.page_header ~ .bx_area {
	margin-top: -10px;
}

.bx_area em {
	font-weight: 700;
	color: #333;
}

.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-R, "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;
	}
}

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

.boost_course_body #container {
	width: auto;
	padding: 0 0 136px;
}

.boost_course_body #content {
	max-width: 1920px;
	padding: 0;
	margin: 0 auto;
}

.boost_course_main_body {
	min-width: 1160px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 400;
}

.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 #header {
	background: none;
	height: 81px;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.boost_course_main_body #header .layout_in {
	background: none;
	border: 1px solid rgba(241, 241, 241, 0.1);
}

.boost_course_main_body #header .lnk li + li:before {
	opacity: 0.2;
	background-color: #e9ebec;
}

.boost_course_main_body #header .lnk a {
	color: #fff;
}

.boost_course_main_body #header .gnb li.lecture_build a {
	color: #666;
}

.boost_course_main_body #header .gnb > li > a {
	color: #fff;
}

.boost_course_main_body #header .ico_gnb_lec_b:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -653px;
	background-repeat: no-repeat;
	width: 29px;
	height: 23px;
}

.boost_course_main_body #header .ico_gnb_todo_b:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -839px -680px;
	background-repeat: no-repeat;
	width: 25px;
	height: 26px;
}

.boost_course_main_body #header .ico_gnb_news_b:before {
	overflow: hidden;
	display: inline-block;
	text-indent: -999px;
	content: '';
	background-position: -38px -805px;
	background-repeat: no-repeat;
	width: 23px;
	height: 26px;
}

.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 #container,
.boost_course_main_body #content {
	height: auto;
	padding: 0;
	overflow: hidden;
}

.boost_course_main_body #footer {
	position: relative;
	left: auto;
	right: auto;
	bottom: auto;
}

.boost_course_main_body .bc_main_section {
	position: relative;
	height: 641px;
}

.boost_course_main_body .bc_main_section:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(12, 15, 21, 0.6);
	content: '';
}

.boost_course_main_body .bc_main_section::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 160px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, rgba(12, 15, 21, 0)), to(#0c0f15));
	background-image: -webkit-linear-gradient(top, rgba(12, 15, 21, 0) 3%, #0c0f15);
	background-image: linear-gradient(to bottom, rgba(12, 15, 21, 0) 3%, #0c0f15);
	content: '';
}

.boost_course_main_body .bc_main_section .bc_main_area {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.boost_course_main_body .bc_main_section .bg_box {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bc_main_img.png) 50% 50% no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
	z-index: -1;
}

.boost_course_main_body .bc_main_section .bc_banner {
	overflow: hidden;
	position: relative;
	width: 1080px;
	height: 520px;
	margin: 121px 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_"] {
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 64px;
	margin-top: -32px;
	background-color: rgba(0, 0, 0, 0.4);
}

.boost_course_main_body .bc_main_section [class*="bnr_btn_"]:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -5px;
	content: '';
}

.boost_course_main_body .bc_main_section .bnr_btn_left:after {
	background-position: -298px -138px;
	background-repeat: no-repeat;
	width: 10px;
	height: 16px;
}

.boost_course_main_body .bc_main_section .bnr_btn_right {
	left: auto;
	right: 0;
}

.boost_course_main_body .bc_main_section .bnr_btn_right:after {
	background-position: -382px -12px;
	background-repeat: no-repeat;
	width: 10px;
	height: 16px;
}

.boost_course_main_body .bc_main_section .pagenation {
	overflow: hidden;
	position: absolute;
	top: 665px;
	right: nulll;
	left: 50%;
	line-height: 14px;
	z-index: 10;
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.boost_course_main_body .bc_main_section .pagenation .role_btn {
	display: inline-block;
	vertical-align: top;
	width: 8px;
	height: 8px;
	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: 63px 0 56px;
	background-color: #0c0f15;
}

.boost_course_main_body .bc_course_section .course_area {
	margin-top: 16px;
}

.boost_course_main_body .bc_course_section .course_area:after {
	display: block;
	clear: both;
	content: '';
}

.boost_course_main_body .bc_course_section .course_info {
	position: relative;
	float: left;
	width: 252px;
	height: 387px;
	padding: 32px 16px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.boost_course_main_body .bc_course_section .course_info::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	content: '';
}

.boost_course_main_body .bc_course_section .course_info.cs:before {
	background-color: #a51c30;
}

.boost_course_main_body .bc_course_section .course_info.ai:before {
	background-color: #4d6fee;
}

.boost_course_main_body .bc_course_section .course_info.ds:before {
	background-color: #6b45e1;
}

.boost_course_main_body .bc_course_section .course_info.web:before {
	background-color: #19dc91;
}

.boost_course_main_body .bc_course_section .course_info.mobile:before {
	background-color: #fff000;
}

.boost_course_main_body .bc_course_section .course_info.dm:before {
	background-color: #ff5230;
}

.boost_course_main_body .bc_course_section .course_info h4 {
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	line-height: 36px;
	word-break: keep-all;
}

.boost_course_main_body .bc_course_section .course_info .title {
	display: block;
	margin: 34px 0 4px;
	font-size: 14px;
	color: #fff;
}

.boost_course_main_body .bc_course_section .course_info .explain {
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	opacity: 0.6;
}

.boost_course_main_body .bc_course_section .course_list {
	float: left;
	width: 828px;
}

.boost_course_main_body .bc_course_section .course_list li {
	position: relative;
	float: left;
	width: 252px;
	height: 387px;
	margin: 0 0 24px 24px;
	background-color: #171920;
}

.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;
	padding: 80px 16px 0;
}

.boost_course_main_body .bc_course_section .course_list .title {
	position: absolute;
	top: 5px;
	left: 16px;
	right: 16px;
}

.boost_course_main_body .bc_course_section .course_list .title .badge {
	overflow: hidden;
	display: inline-block;
	height: 14px;
	padding: 0 4px;
	font-family: Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	line-height: 15px;
}

.boost_course_main_body .bc_course_section .course_list .title .badge.new {
	background-color: #6b45e1;
}

.boost_course_main_body .bc_course_section .course_list .title .badge.project {
	background-color: #00c73c;
}

.boost_course_main_body .bc_course_section .course_list .title .badge + .badge {
	margin-left: 4px;
}

.boost_course_main_body .bc_course_section .course_list .title strong {
	display: block;
	margin-top: -1px;
	font-size: 16px;
	color: #fff;
	line-height: 18px;
	word-break: keep-all;
}

.boost_course_main_body .bc_course_section .course_list .info {
	font-weight: 400;
	line-height: 16px;
}

.boost_course_main_body .bc_course_section .course_list .info > span {
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	vertical-align: top;
}

.boost_course_main_body .bc_course_section .course_list .info .level {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	vertical-align: 1px;
}

.boost_course_main_body .bc_course_section .course_list .info .level:before {
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: 0 5px 0 4px;
	background-color: #333;
	vertical-align: -1px;
	content: '';
}

.boost_course_main_body .bc_course_section .course_list .info .level .icon {
	display: inline-block;
	height: 10px;
	margin-right: 2px;
	font-size: 0;
	vertical-align: -1px;
}

.boost_course_main_body .bc_course_section .course_list .info .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 .bc_course_section .course_list .info .level .icon .level_bg:first-child {
	height: 4px;
	margin: 0;
	background-color: #19dc91;
	opacity: 1;
}

.boost_course_main_body .bc_course_section .course_list .info .level .icon .level_bg:last-child {
	height: 10px;
}

.boost_course_main_body .bc_course_section .course_list .info .level .icon.level2 .level_bg:nth-child(2), .boost_course_main_body .bc_course_section .course_list .info .level .icon.level3 .level_bg:nth-child(2) {
	background-color: #19dc91;
	opacity: 1;
}

.boost_course_main_body .bc_course_section .course_list .info .level .icon.level3 .level_bg:last-child {
	background-color: #19dc91;
	opacity: 1;
}

.boost_course_main_body .bc_course_section .course_list .info + .partner {
	margin-top: 27px;
}

.boost_course_main_body .bc_course_section .course_list .tags {
	display: inline-block;
	margin-top: 6px;
	font-size: 12px;
	color: #999;
	vertical-align: top;
	line-height: 13px;
	word-break: keep-all;
}

.boost_course_main_body .bc_course_section .course_list .partner {
	margin-top: 2px;
	font-family: arial, Helvetica, 'Apple SD Gothic Neo', sans-serif;
	line-height: 16px;
	color: #6c6e72;
}

.boost_course_main_body .bc_course_section .course_list .partner:after {
	display: inline-block;
	vertical-align: top;
	margin-left: 8px;
	content: '';
}

.boost_course_main_body .bc_course_section .course_list .partner.naver:after {
	background-position: -1874px -870px;
	background-repeat: no-repeat;
	width: 54px;
	height: 10px;
	margin: 3px 0 0 8px;
}

.boost_course_main_body .bc_course_section .course_list .partner.nts:after {
	background-position: -1526px -948px;
	background-repeat: no-repeat;
	width: 57px;
	height: 20px;
}

.boost_course_main_body .bc_course_section .course_list .partner.deeplearning:after {
	background-position: -1886px -884px;
	background-repeat: no-repeat;
	width: 140px;
	height: 32px;
}

.boost_course_main_body .bc_course_section .course_list .partner.nps:after {
	background-position: -1962px -920px;
	background-repeat: no-repeat;
	width: 60px;
	height: 24px;
}

.boost_course_main_body .bc_course_section .course_list .partner.cs50:after {
	background-position: -1587px -948px;
	background-repeat: no-repeat;
	width: 53px;
	height: 16px;
}

.boost_course_main_body .bc_course_section .course_list .partner.kaist:after {
	background-position: -1980px -442px;
	background-repeat: no-repeat;
	width: 54px;
	height: 16px;
	margin: 2px 0 0 8px;
}

.boost_course_main_body .bc_course_section .course_list .partner.opentutorials:after {
	width: 72px;
	height: 24px;
	background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic_boost_opentutorials.png) no-repeat 0 0;
	-webkit-background-size: 72px 24px;
	        background-size: 72px 24px;
}

.boost_course_main_body .bc_course_section .course_list .lecture_count {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 52px;
	padding: 0 16px;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
}

.boost_course_main_body .bc_course_section .course_list .lecture_count span + span {
	margin-left: 16px;
}

.boost_course_main_body .bc_course_section .course_list .lecture_count em {
	padding-right: 4px;
	font-weight: 300;
	opacity: 0.6;
}

.boost_course_main_body .bc_course_section .course_list .text {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 16px;
	background-color: rgba(23, 25, 32, 0.98);
	color: #fff;
}

.boost_course_main_body .bc_course_section .course_list .text strong {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	line-height: 20px;
	word-break: keep-all;
}

.boost_course_main_body .bc_course_section .course_list .text p {
	margin-top: 17px;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	opacity: 0.6;
}

.boost_course_main_body .bc_course_section .course_list .sign_up, .boost_course_main_body .bc_course_section .course_list .quiz, .boost_course_main_body .bc_course_section .course_list .comming_soon, .boost_course_main_body .bc_course_section .course_list .code_review {
	position: absolute;
	bottom: 0;
	width: 126px;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	z-index: 10;
}

.boost_course_main_body .bc_course_section .course_list .sign_up {
	left: 0;
	background-color: #00f09b;
	color: #0b0d13;
}

.boost_course_main_body .bc_course_section .course_list .comming_soon {
	left: 0;
	right: 0;
	width: 100%;
	background-color: #1d212a;
	font-size: 16px;
	color: #9d9ea1;
}

.boost_course_main_body .bc_course_section .course_list .code_review {
	right: 0;
	background-color: #5a96ff;
	color: #fff;
}

.boost_course_main_body .bc_course_section .course_list .quiz {
	right: 0;
	background-color: #3f3a90;
	color: #fff;
}

.boost_course_main_body .section_title {
	font-size: 14px;
	text-align: center;
}

.boost_course_main_body .section_title p {
	margin-top: 8px;
	font-weight: 400;
	color: #999;
	line-height: 16px;
}

.boost_course_main_body .bc_manage_section {
	padding: 100px 0;
}

.boost_course_main_body .bc_manage_section .section_title h3 {
	font-size: 32px;
	line-height: 35px;
}

.boost_course_main_body .bc_manage_section .manage_list {
	overflow: hidden;
	margin: 40px auto 0;
}

.boost_course_main_body .bc_manage_section .manage_list li {
	position: relative;
	float: left;
	width: 252px;
	text-align: center;
}

.boost_course_main_body .bc_manage_section .manage_list li + li {
	margin-left: 24px;
}

.boost_course_main_body .bc_manage_section .manage_list li:before {
	display: block;
	margin: 0 auto;
	content: '';
}

.boost_course_main_body .bc_manage_section .manage_list li:nth-child(1):before {
	background-position: -1874px -690px;
	background-repeat: no-repeat;
	width: 176px;
	height: 176px;
}

.boost_course_main_body .bc_manage_section .manage_list li:nth-child(2):before {
	background-position: -1740px -1035px;
	background-repeat: no-repeat;
	width: 176px;
	height: 176px;
}

.boost_course_main_body .bc_manage_section .manage_list li:nth-child(3):before {
	background-position: -1800px -282px;
	background-repeat: no-repeat;
	width: 176px;
	height: 176px;
}

.boost_course_main_body .bc_manage_section .manage_list li:nth-child(4):before {
	background-position: -1800px -462px;
	background-repeat: no-repeat;
	width: 176px;
	height: 176px;
}

.boost_course_main_body .bc_manage_section .manage_list li:after {
	position: absolute;
	top: 75px;
	right: -20px;
	background-position: -2030px -884px;
	background-repeat: no-repeat;
	width: 16px;
	height: 26px;
	content: '';
}

.boost_course_main_body .bc_manage_section .manage_list li em {
	display: block;
	margin-top: 24px;
	font-weight: 700;
	font-size: 18px;
	color: #333;
	line-height: 20px;
}

.boost_course_main_body .bc_manage_section .manage_list li p {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #666;
	margin-top: 16px;
}

.boost_course_main_body .bc_codereview_section {
	overflow: hidden;
	background-color: #828c96;
	padding: 80px 0;
}

.boost_course_main_body .bc_codereview_section .section_inner {
	overflow: hidden;
}

.boost_course_main_body .bc_codereview_section .bc_codereview_wrap {
	overflow: hidden;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.04);
}

.boost_course_main_body .bc_codereview_section .bc_codereview_video {
	position: relative;
	float: left;
	background-position: -588px 0px;
	background-repeat: no-repeat;
	width: 660px;
	height: 440px;
}

.boost_course_main_body .bc_codereview_section .bc_codereview_video .play_video {
	position: absolute;
	top: 184px;
	left: 294px;
	background-position: -1980px -366px;
	background-repeat: no-repeat;
	width: 72px;
	height: 72px;
}

.boost_course_main_body .bc_codereview_section .bc_codereview_text {
	background-color: #fff;
	width: 420px;
	height: 440px;
	float: right;
	padding: 56px;
	font-size: 14px;
	font-weight: 400;
	color: #666;
}

.boost_course_main_body .bc_codereview_section .bc_codereview_text .colored {
	display: block;
	color: #5a96ff;
	line-height: 16px;
}

.boost_course_main_body .bc_codereview_section .bc_codereview_text h3 {
	margin-top: 8px;
	font-size: 32px;
	font-weight: 700;
	line-height: 35px;
	color: #333;
}

.boost_course_main_body .bc_codereview_section .bc_codereview_text p {
	margin-top: 24px;
	line-height: 20px;
}

.boost_course_main_body .bc_codereview_section .bc_codereview_text > span {
	display: block;
	margin-top: 41px;
	color: #828c96;
	line-height: 16px;
}

.boost_course_main_body .bc_codereview_section .bc_codereview_text > span em {
	font-weight: 700;
}

.boost_course_main_body .bc_codereview_section .bc_codereview_text .link_review_ex {
	background-color: #5a96ff;
	display: block;
	width: 168px;
	font-size: 16px;
	margin-top: 8px;
	padding: 11px 24px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.boost_course_main_body .bc_codereview_section .bc_codereview_text .link_review_ex:hover {
	text-decoration: none;
}

.boost_course_main_body .bc_partner_section {
	padding: 80px 0;
	text-align: center;
}

.boost_course_main_body .bc_partner_section .section_inner {
	overflow: hidden;
}

.boost_course_main_body .bc_partner_section h3 {
	font-size: 24px;
	font-weight: 600;
	color: #333;
	line-height: 26px;
}

.boost_course_main_body .bc_partner_section .partner_list {
	overflow: hidden;
	width: 874px;
	margin: 0 auto;
	padding-top: 16px;
	font-size: 0;
	vertical-align: top;
}

.boost_course_main_body .bc_partner_section .partner_list li {
	display: inline-block;
	overflow: hidden;
	height: 38px;
	margin: 24px 20px 0;
	vertical-align: top;
	line-height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.naver {
	background-position: -1368px -972px;
	background-repeat: no-repeat;
	width: 95px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.line {
	background-position: -1705px -972px;
	background-repeat: no-repeat;
	width: 59px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.samsung {
	background-position: -1980px -546px;
	background-repeat: no-repeat;
	width: 72px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.ssg {
	background-position: -1252px -972px;
	background-repeat: no-repeat;
	width: 112px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.amazon {
	background-position: -1980px -504px;
	background-repeat: no-repeat;
	width: 73px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.skp {
	background-position: -1561px -972px;
	background-repeat: no-repeat;
	width: 68px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.payco {
	background-position: -1930px -642px;
	background-repeat: no-repeat;
	width: 115px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.nts {
	background-position: -1633px -972px;
	background-repeat: no-repeat;
	width: 68px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.lg {
	background-position: -1980px -588px;
	background-repeat: no-repeat;
	width: 70px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.woowahan {
	background-position: -1467px -972px;
	background-repeat: no-repeat;
	width: 90px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.woowahan {
	background-position: -1467px -972px;
	background-repeat: no-repeat;
	width: 90px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.works_mobile {
	background-position: -1800px -642px;
	background-repeat: no-repeat;
	width: 126px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.kakao {
	background-position: -1980px -462px;
	background-repeat: no-repeat;
	width: 82px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.kt {
	background-position: -640px -444px;
	background-repeat: no-repeat;
	width: 27px;
	height: 38px;
}

.boost_course_main_body .bc_partner_section .partner_list li.etc {
	font-size: 14px;
	color: #828c96;
	line-height: 38px;
}

.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: 24px;
	color: #333;
	line-height: 26px;
}

.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: 0;
	top: 188px;
	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 {
	background-position: -326px -138px;
	background-repeat: no-repeat;
	width: 10px;
	height: 16px;
	display: block;
	content: '';
	margin: 24px auto 0;
}

.boost_course_main_body .bc_review_section .list_next_btn {
	left: auto;
	right: 0;
	background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-gradient(linear, left top, right top, from(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 {
	background-position: -340px -138px;
	background-repeat: no-repeat;
	width: 10px;
	height: 16px;
}

.boost_course_main_body .bc_qa_section {
	background-color: #f9fafb;
	overflow: hidden;
	padding: 80px 0 40px;
}

.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;
	color: #19dc91;
	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 {
	position: absolute;
	top: 0;
	left: 0;
	background-position: -2038px -442px;
	background-repeat: no-repeat;
	width: 14px;
	height: 16px;
	content: '';
}

.boost_course_main_body .bc_qa_section .qa_list .answer:before {
	position: absolute;
	top: 5px;
	left: 0;
	background-position: -2049px -642px;
	background-repeat: no-repeat;
	width: 13px;
	height: 14px;
	content: '';
}

.boost_course_main_body .bc_qa_section .qa_list .open_btn {
	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: -1980px -630px;
	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 {
	background-position: -1996px -630px;
	background-repeat: no-repeat;
	width: 12px;
	height: 8px;
}

.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: #edf0f2;
	width: 160px;
	height: 40px;
	color: #828c96;
	line-height: 38px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	margin: 24px auto 0;
}

.boost_course_main_body .bc_qa_section .btn_more:hover {
	text-decoration: none;
}

.boost_course_main_body .bc_etc_section {
	overflow: hidden;
	background-color: #f9fafb;
	padding: 40px 0 80px;
}

.boost_course_main_body .bc_etc_section .banner a {
	vertical-align: top;
}

.boost_course_main_body .bc_etc_section .banner .wide_banner {
	background-position: -1252px 0px;
	background-repeat: no-repeat;
	width: 810px;
	height: 278px;
	display: inline-block;
}

.boost_course_main_body .bc_etc_section .banner .small_banner {
	background-position: -1252px -690px;
	background-repeat: no-repeat;
	width: 270px;
	height: 278px;
	display: inline-block;
	margin-left: -4px;
}

.boost_course_main_body .bc_etc_section .sns {
	margin: 40px auto 0;
	text-align: center;
}

.boost_course_main_body .bc_etc_section .sns .link_btn {
	position: relative;
	margin-left: 4px;
	display: inline-block;
	height: 48px;
	line-height: 19px;
	background-color: #fff;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.04);
	font-weight: 700;
	font-size: 16px;
	color: #00c73c;
	padding: 15px 24px 15px 54px;
}

.boost_course_main_body .bc_etc_section .sns .link_btn:first-child {
	margin-left: 0;
}

.boost_course_main_body .bc_etc_section .sns .link_btn:hover {
	text-decoration: none;
}

.boost_course_main_body .bc_etc_section .sns .link_btn.facebook {
	color: #182987;
	padding-left: 58px;
}

.boost_course_main_body .bc_etc_section .sns .link_btn.instagram {
	color: #0a0b09;
	padding-left: 58px;
}

.boost_course_main_body .bc_etc_section .sns .link_btn.post:before {
	background-position: -2026px -920px;
	background-repeat: no-repeat;
	width: 14px;
	height: 24px;
	content: '';
	position: absolute;
	top: 13px;
	left: 24px;
}

.boost_course_main_body .bc_etc_section .sns .link_btn.facebook:before {
	background-position: -2044px -920px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	content: '';
	position: absolute;
	top: 15px;
	left: 24px;
}

.boost_course_main_body .bc_etc_section .sns .link_btn.instagram:before {
	background-position: -1945px -972px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	content: '';
	position: absolute;
	top: 15px;
	left: 24px;
}

.boost_course_main_body #footer {
	position: relative;
}

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

.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-R, "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-R, "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-R, "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-R, "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-R, "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-R, "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-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	color: #999;
	line-height: 40px;
	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-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	letter-spacing: -1px;
}

.boost_course .project_category .category_select .charge_box .list .price_inpt .caution_info {
	margin-top: 4px;
	font-size: 12px;
	font-family: NanumSquareWebFont-R, "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 {
	padding: 14px 20px 13px;
	position: relative;
}

.boost_course .category_select .select_box .sjt {
	display: inline-block;
	font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
	font-weight: 700;
	color: #333;
	letter-spacing: 0;
	padding-right: 20px;
}

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

.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-R, "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-R, "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-R, "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;
}

.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 .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-R, "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-R, "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-R, "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-R, "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-R, "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;
}
/*# sourceMappingURL=common2.css.map */