@charset "UTF-8";

/* sub 왼쪽 네비, 타이틀 레이아웃 */
.snb_section { float:left; width:230px; margin:0 30px 0 0; box-sizing:border-box; }
.snb_section h2 { width:230px; height:113px; box-sizing:border-box; padding-top:39px; background:#0050be; text-align:center; color:#fff; font-size:28px; letter-spacing:-2px;  }
.snb_section .nav { border-right:1px solid #ddd; border-left:1px solid #ddd; }
.snb_section .nav > li { display:inline-block; width:100%; box-sizing:border-box; border-bottom:1px solid #ddd;}
.snb_section .nav .depth_2 > a { display:inline-block; width:100%; height:100%; padding:16px 0 16px 25px;font-size:18px; font-weight:500; box-sizing:border-box; }

_:-ms-fullscreen, :root .snb_section .nav .depth_2 > a{
	font-weight:400; font-size:20px;
 }

.snb_section .nav .depth_3 { margin:-8px 0 15px 25px; }
.snb_section .nav .depth_3 a { display:inline-block; width:100%; height:100%; padding-bottom:5px; }
.snb_section .nav .depth_3 li:last-child a { padding-bottom:0; }
.snb_section .nav .depth_2 > a.current, .snb_section .nav .depth_3 a.current { color:#018ae6; }
.snb_section .nav .depth_3 a:before { content:"- "; display:inline-block; padding-right:5px; }

.snb_section .nav .depth_4 { margin:-6px 0 4px 10px; }
.snb_section .nav .depth_4 a { display:inline-block; width:100%; height:100%; padding-bottom:5px; }
.snb_section .nav .depth_4 li:last-child a { padding-bottom:0; }
.snb_section .nav .depth_3 > a.current, .snb_section .nav .depth_4 a.current { color:#018ae6; }
.snb_section .nav .depth_4 a:before { content:"· "; display:inline-block; padding-right:5px; }

.snb_section .tel_banner { position:relative; vertical-align:top; box-sizing:border-box; padding:75px 25px 20px; background:#ebebf0; border-top:1px solid #222; border-bottom:1px solid #222; margin:20px 0; }
.snb_section .tel_banner span { font-size:14px; color:#888; }
.snb_section .tel_banner strong { position:absolute; top:15px; left:20px; height:60px; display:block; font-size:19px; color:#018ae6; background:url(../../images/sub/icon_tel.png) no-repeat; box-sizing:border-box; padding:13px 0 0 60px; font-weight:500; }
.snb_section .tel_banner p { margin-bottom:10px; font-size:32px; letter-spacing:-2px; color:#333; line-height:1.3; border-bottom:1px dashed #aaa; padding-bottom:10px; font-weight:bold; font-family:Tahoma,sans-serif; letter-spacing:-1px;}
.snb_section .tel_banner dt,.snb_section .tel_banner dd { display:inline-block; line-height:1; }
.snb_section .tel_banner dt { width:40px; }
.snb_section .tel_banner dt:before { content:""; border-radius:4px; margin-right:5px;display:inline-block; width:4px; height:4px; background:#999; vertical-align:3px; }
.snb_section .tel_banner dd { width:120px; color:#888; }
.content_section { float:left; box-sizing:border-box; width:840px; min-height:800px; }
.content_section .content_title { position:relative; margin-bottom:30px; border-bottom:1px solid #ddd; }
.content_section h3 { font-size:34px; margin-top:43px; padding-bottom:25px; color:#333; letter-spacing:-3px; font-weight:500; }
.content_section .path { position:absolute; right:0; bottom:20px; }
.content_section .path li { display:inline-block; font-size:14px; color:#888; vertical-align:middle; }
.content_section .path li:first-child { background:url(../../images/common/icon_home.png) no-repeat 0 center; width:21px; height:25px; text-indent:-9999px; overflow:hidden; }
.content_section .path li:before { content:" > "; display:inline-block; padding:0 5px; }
.content_section .path li:last-child { color:#333; }
.content_section .content { margin-bottom:100px; }
.snb_section .nav_channel { border:1px solid #ddd; border-bottom:none; margin-bottom:80px; }
.snb_section .nav_channel > li { display:inline-block; width:100%; box-sizing:border-box; border-bottom:1px solid #ddd;}
.snb_section .nav_channel a { display:inline-block; width:100%; height:100%; padding:16px 0 16px 70px;font-size:16px; font-weight:500; box-sizing:border-box; }
.snb_section .nav_channel li:first-child a { background:url(../../images/sub/lnb_ch.png) no-repeat 25px center; }
.snb_section .nav_channel li:nth-child(2) a { background:url(../../images/sub/lnb_youtube.png) no-repeat 25px center; }

/* 수강신청 */
.openClass_tab:after { content:""; display:block; clear:both; }
.openClass_tab { margin-bottom:30px; }
.openClass_tab li,.openClass_tab li a { display:inline-block; width:100%; height:100%; }
.openClass_tab li { float:left; box-sizing:border-box; margin-right:9px; width:274px; }
.openClass_tab li a { box-sizing:border-box; padding:25px 0; background:#fff; border:1px solid #bbb; text-align:center; color:#888; transition:all .2s; }
.openClass_tab li a:hover { background:#f4f4f4; border:1px solid #aaa; }
.openClass_tab li a:hover p { color:#666; }
.openClass_tab li p { font-size:24px; font-weight:bold; color:#888; transition:all .2s; }
.openClass_tab li:last-child { margin-right:0; }
.openClass_tab li a.current { background:#018ae6; border:1px solid #018ae6; color:#fff; }
.openClass_tab li a.current p { color:#fff; }
.subject_list { margin-top:40px; }
.subject_list .class_info { position:relative; }
.subject_list .class_info a { font-size:16px; width:74%; display:block; }
.subject_list .class_info dt, .subject_list .class_info dd { display:inline-block; color:#888; font-size:13px; }
.subject_list .class_info dt:after { content:"|"; padding:0 4px 0 5px; }
.subject_list .class_info .icon_txt { position:absolute; right:0; top:7px; }
.subject_list strong { font-size:18px; color:#ce1313; font-weight:normal; }
.subject_list dl.textbook { position:relative; color:#517e9c}
.subject_list dl.textbook dt,.subject_list dl dd { display:inline-block; }
.subject_list dl.textbook dt:after { content:" : " }
.subject_list dl.textbook { float:left; width:320px; }
.subject_list .textbook_info { float:left; }
.subject_list .textbook_info a { margin-right:20px; }
.subject_list .textbook_info strong { font-size:15px; margin:0 5px; }
.subject_list .textbook_info input[type=checkbox] { width:15px; height:15px; }
.popup_basic.textBook h1 { font-size:18px; margin-bottom:15px; }
.popup_basic.textBook .table_basic { min-height:220px;}
.popup_basic.textBook .popup_content { border:none; }
.apply_fixed { position:fixed; left:0; bottom:0; width:100%; height:80px; background:rgba(40,40,60,0.85); z-index:100; }
.apply_fixed p { display:inline-block; margin:0 15px 0 25px; padding:30px 0 0 10px; font-size:18px; color:#fff; background:url(../../images/common/bullet_square.gif) no-repeat left 40px; }
.apply_fixed strong { font-size:30px; color:#ed5050; font-weight:normal; vertical-align:-3px; }
.apply_fixed span { font-weight:bold; }
.apply_fixed ul { position:absolute; right:0; top:10px; }
.apply_fixed ul li { display:inline-block; margin-left:5px; }
.apply_fixed ul li a { display:inline-block; box-sizing:border-box; padding-top:15px; width:180px; height:60px; background:#ededed; text-align:center; font-size:22px; color:#222; transition:all .2s; border-radius:3px; }
.apply_fixed ul li a:hover { background:#fff; }
.apply_fixed ul li:last-child a { background:#e23e3e; }
.apply_fixed ul li:last-child a:hover { background:#fb4747; }
.apply_fixed .apply_close { position:absolute; right:30px; top:10px; }
.myCourse_section .graph { padding:5px 0; border-top:none; margin-bottom:30px; }
.myCourse_section .graph td,.myCourse_section .graph th { padding:5px 0; }
.myCourse_section .border { border-left:3px solid #e1e6ee; }
.myCourse_section .small_txt { font-size:13px; }
.myCourse_section .study_graph { display:inline-block; width:28px; box-sizing:border-box; border-right:1px solid #fff; height:15px; text-indent:-9999px; overflow:hidden; }
.myCourse_section .study_graph.end { background:#91e55c; }
.myCourse_section .study_graph.absence { background:#bbb; }
.myCourse_section .study_graph.absenceF { background:#5D5D5D; }
.myCourse_section .study_graph.progress { background:#018ae6; }
.myCourse_section .study_graph.deadline { background:#e24444; }
.myCourse_section .student_condition { margin:40px 0 10px; float:right; }
.myCourse_section .student_condition li { display:inline-block; color:#888; font-size:13px; margin-left:8px; }
.myCourse_section .student_condition li span { vertical-align:-2px; width:18px; }

/* 수강신청 계열분류 탭_20191015 */
.subject_tab:after { content:""; display:block; clear:both; }
.subject_tab { width:100%; border-top:2px solid #3e3e55; margin-top:20px; }
.subject_tab li { float:left; width:25%; height:50px; }
.subject_tab li:first-child,.subject_tab li:nth-child(2) { width:25%; }
.subject_tab.three li { width:33.3%; }
.subject_tab.three li:first-child { width:33.4%; }
.subject_tab.four li { width:25%; }
.subject_tab.five li { width:20%; }
.subject_tab.seven li { width:14%; }
.subject_tab.seven li:first-child,.subject_tab.seven li:nth-child(2) { width:15%; }
.subject_tab li a { display:block; width:100%; height:100%; line-height:50px; text-align:center; border-right:1px solid #cfcfda; border-bottom:1px solid #cfcfda; box-sizing:border-box; transition:all .2s; }
.subject_tab li a:hover { background:#e8e8ef; color:#000; }
.subject_tab li:first-child a { border-left:1px solid #cfcfda; }
.subject_tab li a.current { background:#3e3e55; color:#fff; border-right:none; border-bottom:none; }
.subject_tab li:first-child a.current { border-left:none; }
.basicCourse_comment { border-bottom:1px solid #d0d5dc; padding-bottom:15px; font-size:16px; }
.basicCourse_comment strong { color:#ce1313; font-weight:normal; }
.subject_list .basic .icon_txt { top:-1px; }
.subject_tab.four li:nth-child(5) a { border-left:1px solid #cfcfda; }
.subject_tab.four li:nth-child(5) a.current { border-left:none; }

/* 수강신청 결제 */
.subject_apply { margin-top:0; }
.subject_apply .view_check { font-size:13px; margin-bottom:5px; }
.subject_apply .view_check.flash_ani { color:#ed5050; }
.subject_apply .total_sum { margin-top:30px; text-align:center; padding:20px; border:2px solid #bbb; }
.subject_apply .total_sum p { display:inline-block; font-size:18px; }
.subject_apply .total_sum .total { margin-left:10px; }
.subject_apply .total_sum .total,.subject_apply .total_sum .total strong { font-size:24px; }
.subject_apply .apply_guide { background:#efefef; padding:20px; margin-top:20px; }
.subject_apply .apply_guide dt { font-size:18px; margin-bottom:5px; }
.total_payment { margin-top:30px; background:#eaeef1; border:2px solid #018ae6; text-align:center; padding:25px 20px; font-size:18px; }
.total_payment dt,.total_payment dd { display:inline-block;  }
.total_payment dt:after { content:" : "; }
.total_payment dl { display:inline-block; margin-right:20px; }
.total_payment .total { color:#ce1313; font-size:24px; }
.total_payment .minus:before { content:""; display:inline-block; width:21px; height:21px; background:url(../../images/common/icon_minus.png) no-repeat; padding:0 0 0 13px; vertical-align:-2px; }
.total_payment .total:before { content:""; display:inline-block; width:21px; height:21px; background:url(../../images/common/icon_result.png) no-repeat; padding:0 0 0 13px; vertical-align:-2px; }

/* 강좌상세보기 */
.lecture_detail:after { content:""; display:block; clear:both; }
.lecture_detail { box-sizing:border-box; width:840px; padding:25px; border:1px solid #bbb; }
.lecture_detail .video_view { float:left;position:relative; width:290px; height:190px; }
.lecture_detail .video_view a { display:inline-block; width:100%; height:100%; }
.lecture_detail .video_view a:hover img { transform:scale(1.1); }
.lecture_detail .video_view a .thumbnail { width:290px; height:190px; overflow:hidden; }
.lecture_detail .video_view a span { position:absolute; left:0; top:0; width:290px; height:190px; background:url(../../images/sub/video_play.png) no-repeat; transition:all .3s; z-index:11; }
.lecture_detail .video_view a span:hover { background:url(../../images/sub/video_play_hover.png) no-repeat; }
.lecture_detail .video_view img { vertical-align:top; transition:all .3s; z-index:10; }
.lecture_detail .lecture_info { float:left; margin-left:20px; }
.lecture_detail .lecture_info .lecture_name { position:relative; width:468px; border-bottom:1px solid #3e3e55; }
.lecture_detail .lecture_info h4 { font-size:24px; color:#018ae6; display:inline-block; margin:7px 0 9px 0;}
.lecture_detail .lecture_name ul { position:absolute; right:0; top:18px; }
.lecture_detail .lecture_name li { display:inline-block; color:#888; padding:0 8px 0 3px; background:url(../../images/common/footer_div.gif) no-repeat right center; }
.lecture_detail .lecture_name li:last-child { background:none; }
.lecture_detail .lecture_name .icon_txt { vertical-align:4px; margin-left:10px; }
.lecture_detail .lecture_content { float:left; width:468px; margin-top:8px; }
.lecture_detail .lecture_profile { width:100%; border-bottom:1px dashed #ddd; }
.lecture_detail .lecture_profile:last-child { border-bottom:none; }
.lecture_detail .lecture_profile:nth-child(2) { padding-right:7px; }
.lecture_detail .lecture_profile > dd a { margin-left:7px; }
.lecture_detail .lecture_profile > dt,.lecture_detail .lecture_profile > dd { display:inline-block; font-size:14px; padding:5px 0; }
.lecture_detail .lecture_profile > dt { vertical-align:top; width:54px; 
color:#888; background:url(../../images/common/bullet_square.gif) no-repeat left 13px; padding-left:8px; }
.lecture_detail .lecture_profile > dd { width:161px; padding-left:3px; }
.lecture_detail .lecture_profile:last-child dt { padding-bottom:0; }
.lecture_detail .lecture_profile dd.width_100 { width:380px; padding-bottom:0; }
.lecture_detail .lecture_profile dd.width_100:last-child { padding-left:68px; padding-top:0; }
.lecture_detail .lecture_profile del { vertical-align:2px; color:#888; }
.lecture_detail .lecture_profile del:after { content:""; width:30px; height:9px; display:inline-block; background:url(../../images/common/bullet_arrow.png) no-repeat 8px 2px; }
.lecture_detail .lecture_profile strong { color:#ce1313; font-size:18px; font-weight:normal; vertical-align:-1px; }

.tab_content .epilogue_content p { font-size:13px; color:#888; padding-bottom:5px; }
/* .tab_content { display:none; } */
.tab_content.visible { display:block; }
.tab_content .epilogue_content p span { padding-left:5px; }
.epilogue_table dt,.epilogue_table dd { display:inline-block; }
.epilogue_table dt { padding-right:7px; }

.header_detail span { font-size:15px; color:#888; padding-left:5px; }
.header_detail span:before { content:"[" }
.header_detail span:after { content:"]" }
.header_detail span strong { color:#018ae6; }
.tab_content .textbook_guide { border:1px solid #bbb; padding:30px 0 0 0; }
.tab_content .textbook_guide ul {  margin:0 auto; }
.tab_content .textbook_guide ul:after { content:""; display:block; clear:both; }
.tab_content .textbook_guide li { float:left; padding:0 35px 0; border-right:1px dashed #ccc; margin-bottom:30px; }
.tab_content .textbook_guide li:nth-child(4n) { border-right:none; }
.tab_content .textbook_guide li .icon_txt { margin-bottom:13px; }
.tab_content .textbook_guide .thumbnail,.tab_content .textbook_guide .thumbnail img { display:inline-block; width:135px; height:191px; }
.tab_content .textbook_guide .thumbnail { display:block; margin-bottom:10px; }
.tab_content .textbook_guideInfo a { display:inline-block; width:135px; padding:10px 0 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tab_content .textbook_guide dt,.tab_content .textbook_guide dd { display:inline-block; font-size:13px; color:#888; }
.tab_content .textbook_guide dt { width:50px; }
.tab_content .textbook_guide dl { width:135px; }

/* 교수 프로필 */
.layer_basic.layer_profile { width:500px; }
.layer_basic.layer_profile .layer_content { height:400px; }
.layer_basic .professor_profile,.pop_question .professor_profile { border:1px solid #ddd; }
.professor_profile:after { content:""; display:block; clear:both; }
.professor_profile .picture,.professor_profile .profile { float:left; }
.professor_profile .picture { width:120px; height:134px; border-right:1px solid #ddd; }
.professor_profile .profile { width:250px; margin:10px 0 0 25px; }
.professor_profile dt,.professor_profile dd { display:inline-block; }
.profile strong { display:block; margin-bottom:8px }
.professor_profile dt { width:50px; color:#888; background:url(../../images/common/bullet_square.gif) no-repeat left 8px; padding-left:8px; }
.professor_profile dl { margin-top:1px; }
.layer_basic .professor_career dl { border-bottom:1px dashed #ddd; padding-bottom:12px; }
.layer_basic .professor_career dl:last-child { border-bottom:none; }
.layer_basic .professor_career dt { font-size:16px; margin:10px 0 5px 0; }
.layer_basic .professor_career dd em { color:#888; padding-right:10px; }

/* 커리큘럼 팝업 */
.pop_curriculum { height:550px; }
.pop_curriculum .table_basic { margin-bottom:15px; }
.pop_curriculum dl { margin-bottom:3px; }
.pop_curriculum dt,.pop_curriculum dd { display:inline-block; }
.pop_curriculum dt:after { content:" : "; padding-left:5px; }
.pop_curriculum dt { padding-right:5px; }

/* 전체 학사일정 */
.all_schedule .icon_txt { vertical-align:3px; margin-left:5px; }

/* 나의 강의실 */
.myCourse_section .my_course:after { content:""; display:block; clear:both; }
.myCourse_section .condition { float:left; width:340px; margin-right:20px; }
.myCourse_section .notice { position:relative; float:left; width:480px; }
.myCourse_section .notice .btn_view { position:absolute; left:85px; top:4px; }
.myCourse_section .notice .notice_tab { position:absolute; right:0; top:5px; }
.myCourse_section .notice .notice_tab li { display:inline-block; position:relative; }
.myCourse_section .notice .notice_tab li a { font-size:18px; color:#888; padding-left:12px; }
.myCourse_section .notice .notice_tab li:first-child:after { position:absolute; top:4px; right:-9px; width:1px; height:17px; content:""; display:block; background:url(../../images/common/gnb_div.gif) repeat-y; }
.myCourse_section .notice .notice_tab li a.current { color:#018ae6; }
.myCourse_section .notice .notice_list { margin-top:15px; height:169px; padding:20px 10px; box-sizing:border-box; border-top:1px solid #ddd; }
.myCourse_section .notice .notice_list li { position:relative; background:url(../../images/common/bullet_square.gif) no-repeat left 8px; padding:0 0 4px 8px }
.myCourse_section .notice .notice_list li a { width:380px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.myCourse_section .notice .notice_list li span { position:absolute; right:0; top:0; color:#888; font-size:13px; } 
.myCourse_section .tab_menu_middle { margin:0 0 25px 0; }
.myCourse_section table strong { color:#ce1313; font-weight:normal; font-size:16px; }
.myCourse_section .strongGray strong { color:#444; }
.myCourse_section .list_bullet { margin-bottom:30px; }
.myCourse_section .btn_section_conCenter { margin:35px 0 50px; }

/* 내 pc중복안내 팝업 */
.popup_basic.overlap .table_list { margin-top:20px; }
.popup_basic.overlap select { width:100%; }

/* 결제내역 */
.input_list li .btn_txt { margin-left:5px; }
.input_list li img { vertical-align:middle; padding-left:3px; padding-bottom:1px; }
.myCourse_section .table_comment { margin-top:50px;  }

/* 쪽지 */
.myCourse_section .message_title { display:inline-block; width:350px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.popup_basic.massage_view .popup_content { height:220px; }
.popup_basic.massage_view .massage_sender dt,.popup_basic.massage_view .massage_sender dd { display:inline-block; font-size:17px; }
.popup_basic.massage_view .massage_sender dt:after { content:" : " }
.popup_basic.massage_view .massage_sender dd { color:#018ae6; }
.letter_num { font-size:13px; text-align:right; color:#888; padding-top:6px; }
.letter_num strong { font-size:13px; }
.pop_massage table { margin-top:15px; }
.pop_massage .popup_content { height:360px; }

/* 1:1 문의함 */
.myCourse_section .qna_title { display:inline-block; width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.myCourse_section .answer_table { margin-top:20px; border-top:1px solid #cfcfda; }
.myCourse_section .answer_table .answer_day { font-size:13px; color:#888; padding-top:10px; }

/* 학습설계 */
.support_section .study_plan li { border:1px solid #d0d5dc; margin-bottom:10px; box-sizing:border-box; }
.support_section .study_plan li a { border:2px solid #fff; display:inline-block; box-sizing:border-box; padding:20px; width:100%; height:100%; transition: all .2s ease; background:url(../../images/common/bullet_arrow02.png) no-repeat 98% center; }
.support_section .study_plan li a:hover { border:2px solid #d0d5dc; display:inline-block; box-sizing:border-box; padding:20px; width:100%; height:100%; }
.support_section .study_plan li h5 { color:#ce1313; font-size:18px; padding-bottom:5px; }
.support_section .study_plan li p { color:#888; width:95%; }
.support_section .bulletN .icon_txt { margin-right:5px; }
.support_section .bulletN .padding { padding-left:79px; }

/* 고객센터 */
.notice_title { width:430px; display:inline-block; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notice_title span { color:#018ae6; padding-right:5px; }
.notice_title span:before { content:"[" }
.notice_title span:after { content:"]" }
.custom_section .notice_list { margin-top:30px; }
.custom_section img { vertical-align:top; }

/* faq */
.faq_search { border:1px solid #d0d5dc; padding:20px 0 20px 165px; background:url(../../images/sub/faq_icon.gif) no-repeat 25px 17px; }
.faq_search p { color:#888; padding-bottom:10px; }
.faq_search input[type=text] { width:300px; }

.faq_list { border-bottom:1px solid #d0d5dc; }
.faq_list dt { position:relative; box-sizing:border-box; border-top:1px solid #d0d5dc; padding:15px 35px 15px 45px; cursor:pointer; background:url(../../images/common/btn_open.gif) no-repeat 810px 17px; }
.faq_list dt.visible { background:url(../../images/common/btn_close.gif) no-repeat 810px 17px; }
.faq_list dt:before { position:absolute; left:20px; content:"[Q]"; color:#018ae6; }
.faq_list dd:before { position:absolute; left:20px; content:"[A]"; color:#018ae6; }
.faq_list dd { display:none; position:relative; box-sizing:border-box; padding:15px 20px 15px 45px; border-top:1px dashed #d0d5dc; color:#888; background:#f4f4f4; }

/* 회원가입 */
.join_section .checkbox_section { text-align:left; }
.join_section .clause_section { margin:10px 0 20px; border:1px solid #bbb; background:#efefef; padding:20px 20px 0; height:340px; }
.join_section .clause_section .clause_list { margin-top:5px; box-sizing:border-box; border:1px solid #bbb; background:#fff; height:282px; padding:20px; overflow:scroll; overflow-x:hidden; }
.join_section .join_step { width:100%; height:90px; background:url(../../images/sub/join_step.png) no-repeat; }
.join_section .join_step.step_02 { background:url(../../images/sub/join_step02.png) no-repeat; }
.join_section .join_step.step_03 { background:url(../../images/sub/join_step03.png) no-repeat; }
.join_section .join_step.step_04 { background:url(../../images/sub/join_step04.png) no-repeat; }
.join_section .join_step:after,.join_section .certification_way:after,.join_ok:after,.join_section .login_giude:after,.join_section .search_result ul:after { clear:both; display:block; content:""; }
.join_section .join_step li { float:left; box-sizing:border-box; padding:20px 0 0 40px; width:25%; color:#fff; }
.join_section .join_step li:first-child { padding:20px 0 0 30px; }
.join_section .join_step li p { font-size:22px; color:#fff; display:inline-block; padding-left:4px; }
.join_section .certification_way li { float:left; width:50%; height:300px; }
.join_section .certification_way li a { display:inline-block; width:100%; height:100%; box-sizing:border-box; border:1px solid #bbb; background:#fff; transition:all .25s; text-align:center; }
.join_section .certification_way li:first-child a { border-right:none; }
.join_section .certification_way li a:hover { background:#f8f8f8; }
.join_section .certification_way li p { width:100%; height:205px; box-sizing:border-box; padding-top:185px; font-size:22px; margin-bottom:15px; color:#222; }
.join_section .certification_way li .phone { background:url(../../images/sub/icon_phone.png) no-repeat center 30px; }
.join_section .certification_way li .email { background:url(../../images/sub/icon_mail.png) no-repeat center 30px; }
.join_section .certification_way li span { color:#888; }
.compulsory_input { display:inline-block; width:15px; height:20px; background:url(../../images/sub/bullet_important.png) no-repeat 0 8px; }


/* 20180628_범용공인인증서 추가수정 */
.join_section .join_ok { position:relative;  margin-top:20px; box-sizing:border-box; background:#f5f5f7; border:1px solid #d0d5dc; padding:20px; }
.join_section .join_ok .table_in_comment { margin-bottom:10px; }
.join_section .table_assist strong { font-weight:normal; display:block; margin-top:3px; }
.join_section .join_ok td { background:#fff; }
.join_section .list_bullet li{ margin-bottom:3px; }
.join_section .join_ok:after { content:""; display:block; clear:both; }
.join_ok .login_section { float:left; width:499px; margin-right:20px; }
.login_section .login_box { position:relative; border:1px solid #cfcfda; border-top:2px solid #3e3e55; padding:12px 15px 12px 20px; background:#fff; }
.login_section .login_box label { display:inline-block; font-size:16px; width:76px; }
.login_section .login_box input { width:252px; height:45px; font-size:15px; }
.login_section .login_box button { position:absolute; right:15px; top:12px; width:120px; height:45px; background:#018ae6; color:#fff; font-size:18px; transition:all .3s; }
.login_section .login_box button.btn_addSign { background:#ce1313; }
.login_section .login_box button:hover { background:#223477; }
.login_section .login_box.basic button { height:98px; }
.login_section .login_box.basic { margin-bottom:25px; }
.login_section .login_box.basic > div:first-child { margin-bottom:8px; }
.login_section h2 { font-size:21px; margin-bottom:10px; }
.join_ok .login_banner { float:left; width:279px; height:340px; background:#fff; overflow:hidden; }
.join_ok .login_banner a { position:relative; display:inline-block; width:100%; height:100%; }
.join_ok .login_banner a:before { position:absolute; width:279px; height:340px; display:block; content:""; background:rgba(0,0,0,0); transition:all .25s; }
.join_ok .login_banner a:hover:before { background:rgba(0,0,0,.1); }
.join_section .login_list { position:absolute; left:260px; bottom:30px; }
.join_section .login_list li { display:inline-block; padding-left:4px; }
.join_section .login_list li:before { content:"|"; padding-right:5px; color:#bbb; }
.join_section .login_list li:first-child:before { content:""; }
.join_section .login_list li a { color:#888; }
.join_section .login_giude { border:1px solid #d0d5dc; border-bottom:none; margin-top:30px;}
.join_section .login_giude li { float:left; width:50%; height:110px; box-sizing:border-box; border-bottom:1px solid #d0d5dc; }
.join_section .login_giude li:nth-child(odd) { border-right:1px solid #d0d5dc; }
.join_section .login_giude li a { display:inline-block; width:100%; height:100%; color:#444; transition:all .25s; }
.join_section .login_giude li a:hover { background:#f4f4f4; }
.join_section .login_giude dl { margin:20px 0 0 20px; }
.join_section .login_giude dt { font-size:18px; padding-bottom:5px; }
.join_section .login_giude dd { color:#888; }
.join_section .search_result { box-sizing:border-box; padding:20px; border:1px solid #d0d5dc; text-align:center; }
.join_section .search_result dt, .join_section .search_result dd { display:inline-block; font-size:21px; }
.join_section .search_result dt:after { content:" : " }
.join_section .search_result dd { color:#ce1313; }
.join_section .btn_section_conCenter { margin-bottom:40px; }
.join_section .btn_section_conCenter a { width:110px; }
.join_section .search_result li:first-child { border-right:1px solid #d0d5dc; }
.join_section .search_result li { float:left; width:50%; height:110px; box-sizing:border-box; }
.join_section .search_result .title { font-size:18px; color:#888; padding-bottom:8px; }
.join_section .search_result strong { font-size:21px; color:#ce1313; }
.join_section .search_result button { display:block; margin:15px 0 0 40%; }
.join_section .reLogin { margin-top:20px; }

.login_box.current { color:#888; font-size:14px; height:100px; padding-left:30px; }
.login_box.current p { font-size:18px; margin:25px 0 5px; }
.login_box.current strong { color:#018ae6; font-weight:normal; }
		  
/* 교육원 소개 20180411 */
.map:after { content:""; display:block; clear:both; }
.map div { margin-top:20px; box-sizing:border-box; border:1px solid #cfcfda; padding:30px; }
.map dl dt,.map dl dd { display:inline-block; }
.map dl { margin-bottom:15px; border-bottom:1px dashed #ccc; padding-bottom:15px; }
.map dl:last-child { margin-bottom:0; border-bottom:none; padding-bottom:0; }
.map dl dt { background:#018ae6; border-radius:20px; padding:0 20px 3px; font-size:16px; color:#fff; margin-right:10px; }
.map dl dd { margin-right:20px; }
.map dd span { color:#999; }

/* 개인정보처리방침 및 이용약관 */
.personal_info span { padding:20px 0 10px; display:inline-block; }
.privacy_section .personal_list { background:#fff; border:1px solid #cfcfda; padding:0 30px 30px; margin-top:20px; }
.privacy_section p { margin-bottom:15px; }
.personal_list .heading { font-weight:500; font-size:21px; padding:25px 0 0; }
.personal_list dt { font-weight:bold; margin:10px 0 5px; }
.personal_list ul > li { background:url(../../images/sub/bullet_hyphen_thin.gif) no-repeat 0 9px; padding-left:10px; }
.personal_list ul.backN li { background:none; }
.personal_list ol { margin:10px 0 10px 10px; }
.personal_list > ol > li { list-style:decimal; background:none; margin:0 0 10px 10px; }
.personal_list ol > li > ol > li { list-style:none; }
.personal_list ol > li > ol > li > ul { margin:5px 0 10px 10px; }
.personal_list .paddingT10 { padding-top:10px; }
.personal_list ul > li.marginT10 { margin-top:10px; }
.clause_page_list { background:#fff; border:1px solid #cfcfda; padding:30px; margin-top:20px; }
.clause_page_list .heading { font-size:18px; background:#eee; padding:10px 0; text-align:center; line-height:1.1em; vertical-align:baseline; font-weight:bold; margin-bottom:20px; border-radius:5px; }
.clause_page_list > dl > dt { font-weight:bold; margin-bottom:15px; }
.clause_page_list > dl > dd { margin-bottom:30px; }
.clause_page_list > dl > dd > ol { margin-left:20px; }

.clause_page_list > dl > dd > ol > li,.clause_page_list ol.num > li { list-style:decimal; margin-top:10px; }
.clause_page_list > dl > dd > ol > li > ol { margin-top:5px; margin-bottom:20px; }
.clause_page_list > dl > dd > ol > li > ol li { margin-top:5px; }
.clause_page_list > dl > dd > ol > li > ol span { display:block; margin-left:20px; }

/* 학점은행제 */
h4.title { font-size:21px; margin-bottom:10px; color:#444; font-weight:500; }
_:-ms-fullscreen, :root h4.title {
	font-weight:400;
 }
h4.title strong { color:#018ae6; }
.creditsinfo .box { border:1px solid #cfcfda; padding:20px; }
.creditsinfo .infographic { margin:15px 0 35px; }
.creditsinfo .list_bullet { margin:10px 0 28px; }
.creditsinfo .infographic_02 { margin:0 0 35px; }
.creditsinfo h5 { font-size:18px; color:#018ae6; margin-bottom:5px; }
.creditsinfo ol { margin-bottom:20px; }
.creditsinfo ol li { list-style:decimal; margin-left:15px; margin-bottom:15px; padding-left:3px; }
.creditsinfo ol li > ol { margin:5px 0 0; }
.creditsinfo ol li > ol li { list-style:none; margin-bottom:0; margin-left:0; }
.creditsinfo .table_basic { margin-top:15px; }
.creditsinfo .table_basic th { text-align:center; }

/* 학점은행제 페이지 추가 20180723 */
.creditsinfo .tab_menu_middle { margin:0 0 30px; }
.creditsinfo .margin { margin-top:35px; }
.creditsinfo_comment { margin:20px 0 0 10px; font-size:14px; }
.creditsinfo_comment li { margin-bottom:2px !important; }
.creditsinfo_comment .btn_txt { position:static; height:22px; padding:2px 8px 2px; margin-left:5px; }
.alignC { text-align:center; }
.tab_menu_middle .line_02,.tab_menu_middle li a.current.line_02 { line-height:1.1; padding-top:9px; font-size:17px; }

.title.marginT35 { margin-top:35px; }
.creditsinfo ol.margin0 li { margin-bottom:0; }
.creditsinfo .list_bullet dd:before { content:""; margin-left:-15px; }
.creditsinfo .list_bullet dt { margin-top:10px; }
.creditsinfo .list_bullet dt:first-child { margin-top:0; }
.list_nonBullet dt { font-size:18px; color:#ce1313; margin-bottom:8px; }
.circle_list { margin-top:30px; }
.circle_list li { list-style:none !important; margin:0 0 5px 0 !important; }
.circle_list li p { margin-left:17px; }

/* 학습방 */
table.study_list span { background:#e3e3e3; border-radius:15px; padding:0 10px 1px; margin-right:3px; font-size:13px; }
table.study_list a { color:#018ae6; }
table.study_list a:hover { text-decoration:underline; }
.myCourse_section .subject_title { background:url(../../images/sub/icon_studyRoom.png) no-repeat left 0; font-size:32px; color:#444; margin-top:0; padding:5px 0 20px 57px; }
.myCourse_section .study_alarm:after,.sub_div:after { content:""; display:block; clear:both; }
.myCourse_section .study_alarm { width:100%; height:75px; }
.myCourse_section .study_alarm h4 { float:left; width:200px; height:100%; background:url(../../images/sub/alarm_bg.png) no-repeat; color:#fff; text-align:center; box-sizing:border-box; padding:24px 0 0 18px; font-size:24px; }
.myCourse_section .study_alarm .txt { float:left; width:640px; height:100%; background:#f2f2f2; padding:17px 0 0 20px; box-sizing:border-box; overflow:hidden; border:1px solid #dcdcdc; border-left:none; }
.myCourse_section .bxslider_txt li:before { content:"- "}
.myCourse_section .div_left { position:relative; float:left; width:408px; margin-right:24px; }
.myCourse_section .graph_section { border:1px solid #cfcfda; border-right:none; height:170px; box-sizing:border-box; }
.myCourse_section .graph_table { position:absolute; right:-1px; bottom:0; width:120px; height:170px; }
.myCourse_section .graph_table td,.myCourse_section .graph_table th { padding:10px 0; line-height:1.1; }
.myCourse_section .div_right { position:relative; float:left; width:408px; }
.myCourse_section .sub_div { margin-top:40px; }
.myCourse_section .sub_div .height { height:256px; }
.myCourse_section .notice_list { border-top:1px solid #cfcfda; padding-top:20px; }
.myCourse_section .notice_list li { position:relative; background:url(../../images/common/bullet_square.gif) no-repeat left 8px; padding:0 0 4px 8px }
.myCourse_section .notice_list li a { width:340px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.myCourse_section .notice_list li span { position:absolute; right:0; top:0; color:#888; font-size:13px; }
.myCourse_section .btn_more { position:absolute; right:0; top:0; }
.myCourse_section .btn_section_conCenter.borderT { margin-top:40px; border-top:1px solid #cfcfda; padding-top:40px; }
.myCourse_section .bar_graph {  width:180px; display:inline-block; margin:0 0 0 10px; vertical-align:-3px; }
.myCourse_section .bar_graph p { position:relative; height:20px; background:#018ae6; }
.myCourse_section .bar_graph.real p { background:#ce1313; }
.myCourse_section .bar_graph.real span { color:#ce1313; }
.myCourse_section .bar_graph span { display:inline-block; position:absolute; right:-45px; top:0; width:40px; text-align:left; }
.border0 { border:none !important; }
.myCourse_section .calendar_apply { margin-left:2px; vertical-align:top !important; }
.myCourse_section .icon_calendar { display:inline-block; width:26px; height:29px; }
.popup_basic .popup_content h2 { font-size:21px; margin-bottom:10px; }
.myCourse_section .exam_opinion { height:100px; }
.myCourse_section .exam_result { display:none; }
.myCourse_section table.marginT20,.myCourse_section table.marginT10 { display:table; }
.myCourse_section .exam_result.displayB { display:block; }
.myCourse_section .title.margin { margin-top:30px; }
.myCourse_section .title strong { font-weight:normal; color:#ce1313; }
.myCourse_section .answer { font-size:18px; color:#ce1313; font-weight:bold; }
.myCourse_section .list_bullet.margin { margin-top:20px; }
.myCourse_section .wrong_save { position:absolute; right:0; top:0; }
.myCourse_section .question_con { position:relative; }
.question_con .table_basic { margin-bottom:20px; }
.myCourse_section .width_90 { width:90%; }

/* 시험창 */
.pop_question .popup_content { padding-bottom:25px; }
.pop_question .question_list { border:1px solid #cfcfda; margin:15px 0; padding:20px; }
.pop_question .question_list p { color:#888; margin-bottom:10px; font-size:13px; }
.pop_question .question_list:after { content:""; display:block; clear:both; }
.pop_question .question_list li { display:block; float:left; margin:0 4px 4px 0; }
.pop_question .question_list li:last-child { margin-right:0; }
.pop_question .question_list li a { display:inline-block; font-size:13px; background:#ddd; width:30px; height:28px; text-align:center; padding-top:6px; box-sizing:border-box; transition:all .2s; }
.pop_question .question_list li a.no_answer { background:#ce1313; color:#fff; }
.pop_question .question_list li a:hover { background:#018ae6; color:#fff; }
.pop_question .question_num,.myCourse_section .question_num { font-size:18px; position:relative; margin-bottom:8px; }
.pop_question .question_num span { position:absolute; top:2px; margin-left:8px; background:#e3e8f1; border-radius:15px; padding:1px 15px 3px; font-size:13px; color:#545f75; }
.pop_question label,.pop_question input[type=radio] { cursor:pointer; }
.pop_question label:hover { text-decoration:underline; }
.pop_question .question_con { margin-bottom:25px; }
.pop_question .question_con textarea,textarea.width_100 { width:100%; }
.pop_question .btn_section_conCenter li a,.pop_question .btn_section_conCenter li button { width:150px !important; padding:5px 0 7px; }
.pop_question .retake_comment { border-bottom:1px solid #ddd; padding-bottom:15px; }
.pop_question .retake_comment li { list-style:decimal; margin:0 0 8px 15px; }
.pop_question .design_checkbox { text-align:left; margin-top:15px; }

/* 토론방 */
.my_course label,.my_course input[type=radio] { cursor:pointer; }
.my_course .discussion_area:after { content:""; display:block; clear:both; }
.my_course .discussion_area { margin:15px 0 20px; background:#e7ebee; padding:20px; }
.my_course .discussion_area textarea { float:left; width:675px; height:110px; }
.my_course .discussion_area button { float:left; background:#018ae6; margin-left:10px; width:115px; height:110px; color:#fff; font-size:18px; transition:all .2s;}
.my_course .discussion_area button:hover { background:#006bb3; }

/* 강의평가 */
.my_course .content_star li { display:inline-block; margin-right:8px; }
.my_course .content_star li label span { display:inline-block; background:url(../../images/common/graph_star_on.png) no-repeat; height:17px; width:15px; vertical-align:-4px; }
.my_course .content_star li label span.star_02 { width:31px; }
.my_course .content_star li label span.star_03 { width:46px; }
.my_course .content_star li label span.star_04 { width:62px; }
.my_course .content_star li label span.star_05 { width:78px; }

/* 이의신청 게시판 */
.myCourse_section .formal_title { width:280px; display:inline-block; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }

/* 자료실 */
.data_title { width:360px; display:inline-block; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.data_title span { color:#018ae6; padding-right:5px; }
.data_title span:before { content:"[" }
.data_title span:after { content:"]" }
.myCourse_section .data_list { margin-top:50px; }

/* 회사소개 수정 20180928*/
.tab_con .business__line:after { content:""; display:block; clear:both; }
.tab_con .business__line li { position:relative; width:266px; height:230px; float:left; text-align:center; border:1px solid #ddd; margin:0 21px 25px 0; box-sizing:border-box; }
.tab_con .business__line li:nth-child(3n) { margin-right:0; }
.tab_con .business__line li a { display:table; position:absolute; left:0; top:0; width:266px; height:230px; color:#444; padding:30px; box-sizing:border-box; }
.tab_con .business__line li a .bg { position:absolute; left:-1px; top:-1px; background: rgba(0, 0, 0, 0); width:266px; height:230px; transition:all 0.3s; }
.tab_con .business__line li a:hover .bg { background: rgba(0, 0, 0, .3); }
.tab_con .business__line li a em { border-radius:3px; z-index:100; position:absolute; top:50%; left:50%; margin:10px 0 0 -50px; display:inline-block; box-sizing:border-box; background:#222; opacity:0; transition:all 0.3s; color:#fff; text-align:center; padding-top:5px; width:100px; height:30px; }
.tab_con .business__line li a:hover em { opacity:1; margin-top:-15px; }
.tab_con .business__line dt p { font-size:21px; margin:0 0 10px; color:#018ae6; }

/* 연혁 */
.tab_con .history_section:after { content:""; display:block; clear:both; }
.tab_con .history_section .history_left { float:left; width:50%; }
.tab_con .history_section .history_left li { margin:70px 0 0 70px; }
.tab_con .history_section .history_right { position:relative; float:right; width:50%; border-left:1px solid #ddd; padding:50px 0 50px 35px; box-sizing:border-box; }
.tab_con .history_section .history_right:before,.tab_con .history_section .history_right:after { content:""; display:block; position:absolute; left:-6px; width:12px; height:12px; background:#ddd; border-radius:6px; }
.tab_con .history_section .history_right:before { top:0; }
.tab_con .history_section .history_right:after { bottom:0; }
.tab_con .history_section .history_right dl { margin-bottom:40px; }
.tab_con .history_section .history_right dt { position:relative; font-size:36px; font-weight:bold; letter-spacing:-1px; color:#222; }
.tab_con .history_section .history_right dt:before { content:""; display:block; position:absolute; top:14px; left:-48px; width:18px; height:18px; border:4px solid #018ae6; border-radius:14px; background:#fff; }

/* 시험제출 경고창 */
.ui-widget-overlay { position:fixed; top:0; left:0; z-index:1001; width:100%; height:100%; background:rgba(0,0,0,.7); }
.ui-widget-content { background:#fff; }
.ui-dialog .ui-dialog-titlebar { position:relative; }
.ui-widget-header { height:35px; box-sizing:border-box; padding-top:6px; background:#018ae6; width:100%; color:#fff; font-size:18px; text-align:center;  }
.ui-icon-closethick { position:absolute; right:0; top:2px; width:30px; height:30px; display:inline-block; text-indent:-9999px; overflow:hidden; background:url(../../images/sub/alert_close.png) no-repeat center; }
.ui-dialog-content { box-sizing:border-box; padding:25px; border-left:1px solid #aaa; border-right:1px solid #aaa; }
.ui-dialog-buttonpane { text-align:center; border:1px solid #aaa; border-top:1px dashed #ddd; padding:12px 0 15px; }
.ui-dialog-buttonpane button { border-radius:2px; padding:3px 20px 4px; text-align:center; min-width:50px; border:1px solid #999; transition:all .3s; margin-right:3px; }
.ui-dialog-buttonpane button:hover { color:#444; background:#eceff1; }
.ui-dialog-buttonpane button:last-child { border:1px solid #223477; background:#223477; color:#fff; }
.ui-dialog-buttonpane button:hover:last-child { color:#fff; background:#018ae6; border:1px solid #018ae6; }

/* 독학사_자격증 패키지 */
.tab_menu_middle.package { margin-top:30px !important; }
.license_package { position:relative; }
.license_package .subject_title.package { font-size:21px; padding-top:12px; margin-bottom:2px; letter-spacing:-1px; }
.license_package .btn_package_list { position:absolute; right:0; top:8px; font-size:16px; display:inline-block; padding:6px 15px 8px; border:1px solid #223477; background:#223477; color:#fff; transition:all .3s; margin-bottom:20px; border-radius:2px; }
.license_package .btn_package_list:hover { background:#018ae6; border:1px solid #018ae6; }
.license_package .btn_package_list:after { content:" >" }
.license_package .package_bookInfo p,.license_package .package_bookInfo ul { float:left; }
.license_package .package_bookInfo p img { width:60px; border:1px solid #ddd; padding:5px; }
.license_package .package_bookInfo ul { margin:15px 0 0 15px; }
.license_package .package_bookInfo li span { margin-left:10px; }
.license_package .package_bookInfo dl { font-size:13px; color:#888; }
.license_package .package_bookInfo dt { width:40px; }
.license_package .package_bookInfo dd:before { content:"| "; padding-right:5px; }
.license_package .package_bookInfo dt,.license_package .package_bookInfo dd { display:inline-block; }
th.class_name { font-size:18px; background:#dbe1f3; color:#3c4662; }

/* 독학사_자격증 패키지 수강신청 */
.CoursePackage .package_step { width:100%; height:71px; background:url(../../images/sub/package_step.png) no-repeat; }
.CoursePackage .package_step.step_02 { background-position:0 -71px; }
.CoursePackage .package_step.step_03 { background-position:0 -142px; }
.CoursePackage .package_step.step_04 { background-position:0 -213px; }
.CoursePackage .package_step:after{ clear:both; display:block; content:""; }
.CoursePackage .package_step li { float:left; text-align:center; box-sizing:border-box; padding:15px 0 0 0px; width:25%; color:#fff; }
.CoursePackage .package_step span { display:block; }
.CoursePackage .package_step li:first-child { padding-right:20px; }
.CoursePackage .package_step li:nth-child(2) { padding-left:14px; }
.CoursePackage .package_step li:nth-child(3) { padding-left:20px; }
.CoursePackage .package_step li:nth-child(4) { padding-left:10px; }
.CoursePackage .package_step li p { font-size:17px; color:#fff; display:inline-block; padding-left:4px; }
.CoursePackage .package_ttle { font-size:38px; width:100%; height:120px; text-align:center; background:url(../../images/sub/package_titleBg.jpg) no-repeat; color:#fff; margin-top:20px; box-sizing:border-box; padding-top:32px; }
.CoursePackage .package_ttle.long_txt { font-size:28px; padding:38px 40px 0; }
.CoursePackage .package_section { margin:30px 0 40px; }
.CoursePackage .package_section h5 { background:url(../../images/sub/icon_packageTitle.png) no-repeat; font-size:26px; padding:1px 0 5px 48px; }
.CoursePackage .package_detail { border:3px solid #e1e6ee; padding:20px; margin:10px 0 20px; }
.CoursePackage .package_detail dt { color:#018ae6; font-size:21px; margin-bottom:3px; }
.CoursePackage .package_detail dd { position:relative; padding-left:13px; }
.CoursePackage .package_detail dd strong { color:#ce1313; text-decoration:underline; font-weight:normal; }
.CoursePackage .package_detail dd:before { position:absolute; left:3px; content:"- " }
.CoursePackage .subject_select { background:#efefef; padding:20px 0 7px 20px; border:1px solid #ddd; border-top:2px solid #3e3e55; }
.CoursePackage .subject_select ul:after,.CoursePackage .package_sum:after { content:""; display:block; clear:both; }
.CoursePackage .subject_select li { position:relative; float:left; box-sizing:border-box; width:258px; height:110px; background:#fff; margin:0 13px 13px 0; }
.CoursePackage .subject_select li .design_checkbox span { cursor:pointer; box-sizing:border-box; padding:57px 0 0 42px; height:110px; width:258px;background:url(../../images/sub/package_select.png) no-repeat; display:inline-block; font-size:18px; color:#444; line-height:1.5; }
.CoursePackage .subject_select li .design_checkbox .on { background-position:0 -110px; }
.CoursePackage .subject_select dl { font-size:13px; }
.CoursePackage .subject_select dt { position:absolute; top:13px; left:18px; color:#888; }
.CoursePackage .subject_select dd { position:absolute; top:8px; right:10px; }
.CoursePackage .package_info { font-size:18px;  background:url(../../images/sub/icon_packageInfo.png) no-repeat; padding:8px 0 10px 48px; margin:30px 0 10px; }
.CoursePackage .package_sum { margin-top:30px; text-align:center; padding:20px 0 20px 40px; border:2px solid #bbb; font-size:18px; }
.CoursePackage .package_sum dt, .CoursePackage .package_sum dd { display:inline-block; }
.CoursePackage .package_sum div { display:inline-block; }
.CoursePackage .package_sum div:first-child { padding-top:6px; }
.CoursePackage .package_sum dl:after { content:" | "; color:#888; font-size:21px; padding:0 10px; }

.CoursePackage .package_sum .big_txt { font-size:24px; line-height:1.6; }
.CoursePackage .package_sum .big_txt em { color:#ce1313; }
.CoursePackage .package_sum span { position:relative; padding-right:35px; }
.CoursePackage .package_sum del:after { position:absolute; right:3px; top:5px; background:url(../../images/sub/bullet_sumArrow.png) no-repeat; content:""; width:23px; height:16px; }
.CoursePackage .package_check { position:relative; }
.CoursePackage .total_payment { margin-top:0; }
.CoursePackage .package_check .design_checkbox { position:absolute; right:3px; bottom:10px; }
.CoursePackage .table_list td strong { font-size:18px; color:#ce1313; }

/* 결제대기과정 */
.table_basic.standby { margin-bottom:15px; }
.table_basic.standby tfoot td { background:#e9eff4; }
.table_basic.standby dt,.table_basic.standby dd,.table_basic.standby dl { display:inline-block; }
.table_basic.standby dt:after { content:" : "; }
.table_basic.standby dl:after { content:" | "; padding:0 10px; }
.table_basic.standby dl:nth-child(4):after,.table_basic.standby dl:last-child:after { content:"|"; display:none; }
.table_basic.standby dt,.table_basic.standby dd { display:inline-block; font-size:16px; }
.table_basic.standby .pay_del { border:1px solid #ccc; background:#fff; padding:2px 5px 1px; margin-left:10px; }

/* sky배너 */
.skyBanner { position:absolute; left:50%; top:0; margin-left:580px; }
.main .skyBanner { top:0; }
.skyBanner li:first-child { margin-top:0 }
.skyBanner li { display:block; margin-top:12px }
.skyBanner li img { vertical-align:top; }
.skyBanner.left { left:50%; margin-left:-700px; }

/* 서브페이지 내용보강_20190816 */
h4.sub_title { font-size:21px; margin:40px 0 20px; letter-spacing:-1px; }
h4.sub_title strong { color:#018ae6; font-weight:normal; }

/* 대상별가이드_20190826 */
.guide_title { margin:40px 0 20px; letter-spacing:-1px; }
.guide_title h4 { font-size:21px; display:inline-block; margin-right:8px; }
.guide_title span { color:#777;}
.creditsinfo .transfer_point li:after { content:""; display:block; clear:both; }
.creditsinfo .transfer_point li { margin-bottom:6px; }
.transfer_point .left_img { float:left; width:180px; margin-right:10px; }
.transfer_point .right_txt { float:left; width:650px; box-sizing:border-box; border:1px solid #cfcfda; padding:20px 25px; }
.transfer_point table { margin-bottom:20px; }

/* 수강신청 카운팅_20190906 */
.dday_counting { width:100%; height:90px; background:#030a30; }
.dday_counting .inner { position:absolute; left:50%; margin-left:-550px; width:1100px; height:90px; display:inline-block; letter-spacing:-1px; }
.dday_counting .inner:after { content:""; display:block; clear:both; }
.dday_counting .open_detail,.dday_counting .count_time { float:left; }
.dday_counting .open_detail dt { display:inline-block; color:#fff; font-size:16px; background:url(../../images/common/bullet_square.gif) no-repeat left 50px; padding:41px 8px 0 10px; }
.dday_counting .open_detail dt em { border-bottom:1px solid #999; }
.dday_counting .open_detail dd { display:inline-block; font-size:26px; color:#ffcc00; vertical-align:-3px;}
.dday_counting .count_time { color:#fff; margin-left:115px; padding:16px 0 0 50px; background:url(../../images/common/count_img.png) no-repeat left 25px; }
.dday_counting .count_time dt { font-size:16px; }
.dday_counting .count_time dd { position:relative; padding-left:12px; }
.dday_counting .count_time dd strong { color:#fff; font-size:46px; font-weight:normal; padding-right:4px; letter-spacing:-2px; }
.dday_counting .count_time dd.day { font-size:21px; color:#777; padding-right:3px; }
.dday_counting .count_time dd.day:after { content:"" }
.dday_counting .count_time dd:after { position:absolute; right:-10px; top:6px; font-weight:normal; font-size:35px; content:":"; }
.dday_counting .count_time dd:last-child:after { content:"" }
.dday_counting .count_time dt,.dday_counting .count_time dd { display:inline-block; }
.dday_counting a { position:absolute; right:0; top:15px; display:inline-block; width:120px; line-height:60px; height:60px; background:#e23e3e; letter-spacing:-2px; color:#111; text-align:center; font-size:21px; border-radius:5px; transition:.3s; }
.dday_counting a:hover { background:#ffcc00; }

/* 학점은행제란_20190919*/
.snb_section .nav .depth_3.no_bullet a:before { content:""; padding-right:0; }
.depth_3.no_bullet a.step { padding-left:50px; box-sizing:border-box; }
.depth_3.no_bullet a span { font-size:12px; background:#eee; border-radius:3px; color:#555; display:inline-block; padding:2px 5px; margin-right:8px; vertical-align:2px;}
.btn_section_creditbank { margin:35px 0 50px; text-align:center; }
.btn_section_creditbank li { display:inline-block; }
.btn_section_creditbank li:first-child { margin-right:4px; }
.btn_section_creditbank li a { font-size:15px; display:block; width:300px; padding:9px 0 10px; border:1px solid #018ae6; background:#018ae6; color:#fff; transition:all .3s; border-radius:3px; text-align:center; }
.btn_section_creditbank li a strong { display:block; font-size:18px; font-weight:normal; }
.btn_section_creditbank li a:hover { color:#fff; background:#003584; border:1px solid #003584; }
.creditbank_list { margin-top:20px; }
.creditbank_list:after { content:""; display:block; clear:both; }
.creditbank_list li { float:left; width:415px; height:190px; background:#e5ecf7; margin-bottom:10px; }
.creditbank_list li:nth-child(odd) { margin-right:10px; }
.creditbank_list dt { background:#d0dbef; font-size:18px; text-align:center; padding:10px 0; }
.creditbank_list dd { box-sizing:border-box; padding:20px; }

/* 장학후기 게시판_20191007 */
.scholarship_section { background:#ffd300; padding-bottom:35px; }
.scholarship_section .topImg { vertical-align:top; padding-bottom:30px; }
.scholarship_section p.title {  width:780px; margin-top:30px; background:#a33200; height:55px; line-height:55px; font-size:28px; color:#fff; text-align:center; margin:0 auto; }
.scholarship_slide { position:relative; width:780px; height:300px;  overflow:hidden; border:1px solid #a33200; margin:0 auto; box-sizing:border-box; }
.scholarship_slide li { width:155px !important; margin-right:10px;  }
.scholarship_slide .bx-viewport { width:650px !important; margin:40px 0 0 65px; }
.scholarship_slide .bx-controls-direction a { position:absolute; top:110px; display:inline-block; width:23px; height:36px; background:url(../../images/sub/scholarship/scholarship_control.png) no-repeat; text-indent:-9999px; overflow:hidden; }
.scholarship_slide .bx-controls-direction .bx-prev { left:20px; }
.scholarship_slide .bx-controls-direction .bx-next { right:20px; background-position:-23px 0; }

/* 패키지 */
.package_list > li { width:100%; height:125px; background:#fff; margin-bottom:10px; }
.package_list > li dt,.package_list > li dd { float:left; box-sizing:border-box; }
.package_list > li dt { width:170px; height:125px; background:#111; padding-top:22px; }
.package_list > li dt span { font-size:40px; color:#666; line-height:1.1; }
.package_list > li dt strong { display:block; color:#fff; font-size:26px; }
.package_list > li dt strong.small { font-size:19px; margin-top:4px;}
.package_list > li dt strong.all_pack { color:#ffe506; }
.package_list > li dd { width:930px; position:relative; text-align:left; padding:43px 0 0 25px; }
.package_list .apply_section { position:absolute; right:15px; top:15px; }
.package_list .apply_section li,.package_list .apply_section li a { display:inline-block; width:110px; height:95px; }
.package_list .apply_section li a { border-radius:3px; line-height:95px; font-size:18px; color:#fff; letter-spacing:-2px; transition:all .2s; text-align:center; }
.package_list .apply_section li { margin-left:2px; }
.package_list .apply_section li:first-child a { background:#ae0202; }
.package_list .apply_section li:first-child a:hover { background:#16005e; }
.package_list .apply_section li:last-child a { background:#777; }
.package_list .apply_section li:last-child a:hover { background:#333; }

.package_list .subject_name li { position:relative; display:inline-block; font-size:22px; letter-spacing:-2px; font-weight:bold;}
.package_list .subject_name li:after { content:" + "; padding-right:5px; color:#777; }
.package_list .subject_name li:last-child:after { content:""; }
.package_list .subject_name span { position:absolute; left:50%; margin-left:-50px; top:-25px; display:inline-block; width:80px; height:18px; line-height:16px; text-align:center; font-size:12px; background:#e6e6ed; letter-spacing:-1px; border-radius:20px; font-weight:normal; }
.package_list .subject_name span:after { content:""; position:absolute; left:50%; margin-left:-10px; bottom:-8px; width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;	border-top:10px solid #e6e6ed; }
.package_list .subject_name .tele { left:38px; }
.package_list .subject_pay { font-size:18px; }
.package_list .subject_pay li { display:inline-block; letter-spacing:-1px; color:#888; }
.package_list .subject_pay li:first-child:after { content:" → "; padding-left:8px; }
.package_list .subject_pay li:last-child { color:#ae0202; padding-left:8px; }
.package_list .subject_pay li strong { font-size:36px; vertical-align:-2px; line-height:1; letter-spacing:-2px; }
.package_list .subject_pay del { font-size:26px; padding-right:5px; }

/* 단강좌 판매 */
.license .tab_menu_middle { margin:0 0 20px; }
.license .btn_section_conCenter { margin:50px auto 0; }
.license .btn_section_conCenter li a{ padding:12px 42px 13px; }
.license img { vertical-align:top; }

/* 태셋 인강현강 선택 레이어 */
.layer_tesatApply { position:absolute; right:-50px; top:-20px; width:620px; height:235px; background:#fff;  padding:15px 15px 30px; z-index:100; box-sizing:border-box; box-shadow:2px 1px 5px #333; }
.layer_tesatApply ul:after { content:""; display:block; clear:both; }
.layer_tesatApply ul > li { float:left; background:#e0e0e0; width:50%; box-sizing:border-box; text-align:center; padding:10px 0 15px; }
.layer_tesatApply ul > li em { font-size:21px; color:#3b2bb4; padding-bottom:3px; display:inline-block; }
.layer_tesatApply ul > li p { font-size:18px; }
.layer_tesatApply ul > li strong { font-size:30px; letter-spacing:-1px; color:#ae0202; border-top:1px dashed #999; margin-top:8px; padding-top:5px; display:block; }
.layer_tesatApply ul > li span { display:inline-block; font-weight:bold; width:30px; height:30px; line-height:28px;letter-spacing:-2px; background:#fff; border-radius:20px; padding-right:2px; box-sizing:border-box; text-align:center; font-size:15px; color:#ae0202;  }
.layer_tesatApply ul > li:first-child { border-right:4px solid #fff; }
.layer_tesatApply ul > li:last-child span { font-size:20px; }
.layer_tesatApply ul > li a { display:block; background:#3b2bb4; margin:8px auto 0; width:90%; color:#fff; padding:8px 0 10px; transition:all .2s; font-size:16px;}
.layer_tesatApply ul > li a:hover { background:#16005e; }
.layer_tesatApply .apply_guide { color:#444; font-size:14px; padding:8px 0 0 5px; display:inline-block; }
.layer_tesatApply .apply_guide strong { color:#ae0202; font-weight:normal; }
.layer_tesatApply .btn_layerClose { position:absolute; right:20px; bottom:7px; display:block; width:20px; height:20px; text-align:center; }
.layer_tesatApply ul > li { position:relative; }
.layer_tesatApply .finish { position:absolute; left:80px; bottom:-35px; }

/* 모바일 화면 안내 레이어 */
.modal_bg.mobile { display:block;  }
.mobile_contact { position:absolute; width:80%; height:auto; left:50%; top:50%; margin:-20% 0 0 -40%;background:#fff; min-height:80px; }
 .mobile_contact h1 { background:#223477; padding:30px 0 30px; box-sizing:border-box; text-align:center; color:#fff; font-size:4em; }
.mobile_contact .layer_basic { top:50px; }
.mobile_contact .layer_con { padding:5%; font-size:3em; }
.mobile_contact .btn_section_conCenter { margin-bottom:5%; }
.mobile_contact button { height:5%; font-size:3em !important; }

.mobile_contact .btn_close { position:absolute; right:20px; top:20px; width:50px; height:auto; }
.mobile_contact .day_close { width:100%; text-align:right; position:absolute; right:20px; bottom:-80px; color:#fff; }
.mobile_contact .btn_close img { width:100%; height:100%; }
.mobile_contact .day_close span {color:#fff; font-size:2.5em; padding-left:5px; }
.mobile_contact .day_close input[type=checkbox]{ width:45px; height:45px; vertical-align:-8px; }

/* 전체강좌안내 탭 4개인 경우 */
.openClass_tab.four li { margin-right:8px; width:204px; }
.openClass_tab.four li:last-child { margin-right:0; }
.openClass_tab.four li p { font-size:23px; }

/* 전체강좌안내 탭 4개인 경우 */
.openClass_tab.five li { margin-right:8px; width:272px; }
.openClass_tab.five li:last-child { margin-right:0; }
.openClass_tab.five li p { font-size:23px; }
/* 과정홈 미참여 안내 레이어 */
.participation_guide { width:400px; top:200px; left:50%; margin-left:-150px; }
.participation_guide .header { background:#ce1313; }
.participation_guide.layer_basic .layer_content { min-height:70px;}
.participation_guide .layer_content p { display:inline-block; width:50px; padding:5px 10px; margin-right:15px;border:1px solid #ccc; }
.participation_guide .layer_content div { vertical-align:4px; display:inline-block; font-size:20px; line-height:1.2; }
.participation_guide .layer_content strong { color:#ce1313; font-weight:normal; }
.participation_guide .layer_content small { color:#777; font-size:16px; }
.participation_guide .layer_content dl:first-of-type { border-top:1px dashed #ccc; margin-top:20px; padding-top:15px;}
.participation_guide .layer_content dt,.participation_guide .layer_content dd { display:inline-block; }
.participation_guide .layer_content dt:after { content:" : " }
.participation_guide .layer_content dt { position:relative; margin-left:15px; }
.participation_guide .layer_content dt:before { position:absolute; left:-10px; top:8px; display:block; content:""; width:2px; height:2px; border-radius:10px; background:#bbb; border:1px solid #bbb; }
.participation_guide .layer_content dd strong { font-size:16px;}

/* 장학후기 게시판_20200923 */
.scholarship_202001 { background:#ffd300; padding-bottom:70px; }
.scholarship_202001 img { vertical-align:top; }
.scholarship_202001 p.title { padding-bottom:30px; }
.scholarship_202001 .slide { position:relative; overflow:hidden; padding-left:10px; }
.scholarship_202001 .slide .bx-wrapper { width:705px; }
.scholarship_202001 .slide .bx-viewport {  height:400px !important; }
.scholarship_202001 .slide li { display:inline-block; width:221px !important; margin-right:15px; }
.scholarship_202001 .slide li a { display:inline-block; width:100%; height:100%; transition:all .2s }
.scholarship_202001 .slide li a:hover { box-shadow:4px 4px 12px rgba(0,0,0,.3); }
.scholarship_202001 .slide .bx-controls-direction a { position:absolute; top:173px; display:inline-block; width:39px; height:39px; text-indent:-9999px; overflow:hidden; transition:all .3s; border-radius:30px; }
.scholarship_202001 .slide .bx-controls-direction .bx-prev { left:17px; background:#ff6a00 url(../../images/sub/scholarship/controlPrev_20200923.png) no-repeat; }
.scholarship_202001 .slide .bx-controls-direction .bx-next { right:17px; background:#ff6a00 url(../../images/sub/scholarship/controlNext_20200923.png) no-repeat; }
.scholarship_202001 .slide .bx-controls-direction .bx-prev:hover { background:#d15700 url(../../images/sub/scholarship/controlPrev_20200923.png) no-repeat; }
.scholarship_202001 .slide .bx-controls-direction .bx-next:hover { background:#d15700 url(../../images/sub/scholarship/controlNext_20200923.png) no-repeat; }
.scholarship_202001 .btn_scholarship { float:right; display:block; margin-right:75px;  border:1px solid #83440c; color:#83440c; width:80px; height:25px; line-height:25px; text-align:center; transition:all .3s; }
.scholarship_202001 .btn_scholarship:hover { background:#83440c; color:#fff; }

/* 빠른상담 버튼 20201021 */
.btn_counsel { z-index:100; position:relative; animation:btn_counsel .5s .5s ease-out both; position:fixed; bottom:30px; right:30px; width:74px; height:74px; background:#018ae6; border-radius:3px; transition:all .25s; }
.btn_counsel:before { position:absolute; left:50%; height:50%; margin:10px 0 0 -17px; width:35px; height:35px; display:block; content:""; background:url(../../images/common/icon_counseling.png) no-repeat; }
.main .btn_counsel { bottom:105px; }
.btn_counsel:hover { background:#0050be; }
.btn_counsel span { position:absolute; bottom:8px; left:0; width:100%; font-size:12px; letter-spacing:0; text-align:center; color:#fff; }
@keyframes btn_counsel {
	0% { opacity:0; transform:translateY(20px); }
	30% { opacity:1; transform:translateY(-8px); }
	50% { opacity:1; transform:translateY(0); }
}
@media (max-width:1400px) {
	.btn_counsel { display:none; }
}

/* 간편상담 레이어 20210803 */
.quick_counsel { z-index:100; position:fixed; right:-10px; bottom:110px; width:260px; padding:0 25px 0 15px; height:460px; background:#0050be;  border-radius:5px; border:1px solid #0050be; transform:translate(100%, 0); transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.quick_counsel.open { transform:translate(0%, 0%); }
.quick_counsel .btn_close { position:absolute; left:15px; top:18px; }
.quick_counsel h2 { text-align:center; padding:15px 0; color:#222; display:block; font-size:18px; margin-top:0; color:#fff; }
.quick_counsel .design_checkbox { position:static;}
.quick_counsel li { width:100%; margin-bottom:8px; }
.quick_counsel li:last-child { margin-bottom:4px; }
.quick_counsel li input { display:block; width:100%; margin-left:0; height:40px; border:none; }
.quick_counsel li textarea { width:100%; height:80px; border:none; }
.quick_counsel h3 { padding-bottom:6px; margin-bottom:8px; font-size:14px; border-bottom:1px dashed #bbb; }
.quick_counsel .agree { width:100%; height:100px; background:#fff; font-size:13px; overflow:scroll; overflow-x:hidden; color:#777; padding:10px 15px 10px 10px; box-sizing:border-box; line-height:1.4;}
.quick_counsel .agree p { padding:5px 0; font-size:13px; }
.quick_counsel .design_checkbox { margin:15px 0 0 0; }
.quick_counsel .design_checkbox span { color:#fff; }
.quick_counsel .design_checkbox span strong { font-weight:normal; }
.quick_counsel button { display:block; width:100%; height:50px; background:#111; color:#fff; font-size:16px; margin-top:20px; transition:all .5s; padding-bottom:5px; }
.quick_counsel button:hover { background:#4bdbff; color:#222; }

/* 회원가입 수정 20201113 */
.agree_smsEmail { margin-bottom:5px; }
.agree_smsEmail dt,.agree_smsEmail dd { display:inline-block; }
.agree_smsEmail dt { width:50px; }
.agree_smsEmail.ky dt { width:150px; }
.radio_section li { display:inline-block; margin-right:10px; }
.radio_section label > input[type="text"] {margin-top:-4px;}
input[type=text].width_170 { width:170px; }
.marginB10 { margin-bottom:10px; }

/* 학위과정 수정 20210112 */
.creditsinfo ol li strong { font-weight:normal; font-size:16px; }

/* 김영평생교육원 tv 20210329 */
.kystudy_tv .tv_title { position:relative; border-bottom:1px solid #222; padding-bottom:15px; margin-bottom:30px; }
.kystudy_tv .tv_title h4 { color:#222; font-size:24px; font-weight:500; padding-left:5px; }
.kystudy_tv .tv_title select { position:absolute; top:0; right:-3px; }
.kystudy_tv .tv_content:after { content:""; display:block; clear:both; }
.kystudy_tv .tv_content li  { float:left; width:268px; margin:0 18px 60px 0; }
.kystudy_tv .tv_content li div { width:268px; height:164px; overflow:hidden; }
.kystudy_tv .tv_content li img { width:268px; height:auto;transition:all .25s; image-rendering:pixelated; }
.kystudy_tv .tv_content li a:hover img { transform:scale(1.15); }
.kystudy_tv .tv_content li:nth-child(3n) { margin-right:0; }
.kystudy_tv .tv_content dl { margin:18px 0 10px; }
.kystudy_tv .tv_content dt,.kystudy_tv .tv_content dd { font-size:14px; display:inline-block; }
.kystudy_tv .tv_content li dt { color:#018ae6; font-weight:500; }
.kystudy_tv .tv_content li dt:after { content:" | "; color:#888; padding:0 2px; }
.kystudy_tv .tv_content li dd { color:#888; }
.kystudy_tv .tv_content p { height:40px; }
.kystudy_tv .tv_content { border-bottom:1px solid #ddd; }

/* 브라우저 안내 레이어 */
.browser_layer { width:510px; background:#fff; }
.browser_layer h1 { width:100%; height:50px; background:#018ae6; color:#fff; font-size:18px; text-align:center; line-height:50px; font-weight:500; }
.browser_content:after { content:""; display:block; clear:both; }
.browser_content dl { float:left; width:170px; border-right:1px dashed #ccc; box-sizing:border-box; text-align:center; margin:25px 0; }
.browser_content dt { font-size:16px; padding-bottom:10px; font-weight:500; }
.browser_content dd a,.browser_content dd span { display:block; width:80%; height:40px; margin:15px auto 0; text-align:center; color:#fff; line-height:40px; background:#333; }
.browser_content dd span { background:#aaa; }
.browser_content dl:nth-child(3) { border-right:none; }
.browser_layer ol { background:#eee; padding:20px; }
.browser_layer ol li { position:relative; padding-left:18px; font-size:14px; }
.browser_layer ol li:before { position:absolute; left:0; content:"※"; }
.browser_layer ol li strong { font-weight:500; color:#ce1313; }

/* 강의계획서 교재정보 */
.curriculum .textbook_guide { border:none; border-top:1px solid #333;  margin-top:15px;}
.curriculum .textbook_guide dt { width:auto; }

/* 휴면해제 */
.dormant_support { width:1100px; margin:50px auto 100px; background:url(/images/sub/dormant_img.png) no-repeat right 0px; padding-top:30px;}
.dormant_support .header h2 { font-size:20px; font-weight:500; }
.dormant_support .header .title { font-size:32px; font-weight:bold; color:#222; line-height:1.2; padding:20px 0; }
.dormant_support .header strong { color:#018ae6; }
.dormant_support ul { margin:60px 0 30px; border-top:1px solid #ddd;  padding-top:50px; }
.dormant_support ul label { font-size:18px; }
.dormant_support ul label input[type=radio] { vertical-align:0; }
.dormant_support table { margin:15px 0 40px; }
.dormant_support input[type="tel"],.dormant_support input[type="text"] { width:400px; height:40px; margin-right:5px; }
.dormant_support button.btn_txt { height:40px; padding:4px 18px 5px; }
.dormant_support .guide { color:#777; }

/* 개인정보 수정 */
.join_content .clause_list { display:none; }
.join_content .clause_section { position:relative; height:auto; padding-bottom:10px; margin-bottom:10px; }
.join_content .clause_section .design_checkbox { width:100%; background:#efefef url(/Content/images/common/accordion_open.png) no-repeat 780px 3px; cursor:pointer;}
.join_content .clause_section .design_checkbox.active { background:#efefef url(/Content/images/common/accordion_close.png) no-repeat 780px 3px; }
.personal_list .privacy_list { display:flex; flex-wrap:wrap; margin-top:30px; }
.personal_list .privacy_list li { display:block; width:250px; height:160px; margin:0 14px 15px 0; padding:0; background:none; }
.personal_list .privacy_list li:nth-child(3n) { margin-right:0; }
.personal_list .privacy_list li a { display:block; width:100%; height:100%; background:#edf8fe; text-align:center; transition:all .3s; }
.personal_list .privacy_list li a:hover { background:#d5eefd; }
.personal_list .privacy_list li p { font-size:18px; }
.personal_list .privacy_list li span { display:inline-block; padding:25px 0 15px; }

/* 은행 공인인증센터 바로가기 */
.certificate_section { display:flex; flex-wrap:wrap; margin-top:20px; box-sizing:border-box; border-top:1px solid #ddd; }
.certificate_section li { width:210px; align-items:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:10px 0 20px; }
.certificate_section li:nth-child(4n) { border-right:1px solid #ddd;}
.certificate_section li a { display:block; width:80%; height:30px; background:#003783; color:#fff; margin:5px auto 0; border-radius:5px; padding-top:4px; transition:all .2s; }
.certificate_section li a:hover { background:#0050be ; }
.marginT50 { margin-top:50px; }

/* 커뮤니티 > 이벤트 카테고리 */
.ibstudy_event:after { content:""; display:block; clear:both; }
.ibstudy_event li  { float:left; width:268px; margin:0 18px 50px 0; }
.ibstudy_event li div { width:268px; height:166px; overflow:hidden; }
.ibstudy_event li img { width:268px; height:auto;transition:all .2s; }
.ibstudy_event li a:hover img { transform:scale(1.1); }
.ibstudy_event li a:hover dt,.ibstudy_event li a:hover span { color:#111; }
.ibstudy_event li:nth-child(3n) { margin-right:0; }
.ibstudy_event dl { margin:23px 0 10px; }
.ibstudy_event li dt { font-weight:500; font-size:18px; }
.ibstudy_event li dd { color:#888; padding-top:3px; }
.ibstudy_event span { display:block; height:40px; }
.ibstudy_event span strong { color:#c41e00; font-weight:normal; }


/* 퀵 계좌이체 말풍선 추가 */
.relative {
    position: relative;
}

.addlDiscounts {
    display: block;
    position: absolute;
    left: 12px;
    bottom: 26px;
    color: #fff;
    font-size: 12px;
    background: #ce1313;
    padding: 2px 10px;
    border-radius: 3px;
    font-weight: normal;
    animation: flash_ani 1s ease infinite;
    letter-spacing: 0px;
}

.addlDiscounts:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid #ce1313;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}