@charset "utf-8"; /* 레이아웃 */
.sub_container { } 

/* 나의강의실 */
.enter_wrap { overflow:hidden; padding:8px 11px; border-bottom:1px solid #d5d5d5; } 
.enter_wrap .user_tit { float:left; color:#353840; font-size:1rem; } 
.enter_wrap .lec_list_form { float:right; } 
.enter_wrap .lec_list_form select { background:#fff; padding-left:5px; border:1px solid #c1c1c1; height:20px; font-size:0.9rem; color:#6c6c6c; } 
.btn_enter { float:right; } 
.btn_enter span a.t1,
.btn_enter ul li a.t1 { margin-top:5px; display:block; padding:3px 10px; text-align:center; background-color:#fff; box-sizing:border-box; color:#f7941e; border:1px solid #f7941e; } 
.btn_enter span a:first-child { margin-top:0; } 
.btn_enter span a.live_btn { background-color: #ff9b23; color:#222 } 
.btn_enter ul:after { clear:both; content:""; display:block; } 
.btn_enter ul li { float:left; width:49%; } 
.btn_enter ul li a.t1 { margin-top:0; padding:3px; } 
.btn_enter ul li:first-child { margin-right:2%; } 
.btn_enter ul li:last-child { margin-top:5px; float:right; } 

.btn_enter.v2 { float: none; } 
@media all and (max-width:450px){
 .btn_enter,
.lecnm_wrap .lecnm_orange { float:none !important; } 
.btn_enter ul li { width:33%; margin-top:5px; margin-left:0.5%; } 
.btn_enter ul li:last-child { float:left; } 
.btn_enter ul li:first-child { margin-left:0; margin-right:0; } 
 }

/* 출석 팝업 */
.red { color:#f62424 } 
.blue { color:#2f7aea } 
.orange { color:#ff7e00 } 
.popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; box-sizing: border-box; padding:30px; width: 90%; height: 80%; max-width: 620px; z-index: 99; font-family: Noto Sans KR; font-size: 14px; overflow-y: auto; } 
.popup .title { font-size: 17px; margin-bottom: 5%; } 
.popup .txt { line-height: 1.2; } 
.popup .close a { width: 25px; height: 25px; position: absolute; display: inline-block; right: 2%; top:27px; } 
.popup .close a span { position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #000; transform: translateY(-50%); } 
.popup .close a span:nth-child(1) { transform: rotate(-45deg) } 
.popup .close a span:nth-child(2) { transform: rotate(45deg) } 
.popup .btn_submit { width: 100%; display: inline-block; margin: 5% auto 0; background-color: #ff8315; color:#fff; text-align: center; padding: 5% 0; } 
.tab_class .no_lec { padding:125px 0; } 
.tab_class .no_lec strong { display:block; font-size:1.2rem; color:#8b8b8b; text-align:center; } 
.bg { background-color: #000; opacity: 0.5; position: fixed; top: 0; left: 0; height: 100%; width: 100%; display: none; z-index: 98; } 
.checkBox { width: 100%; text-align: center; } 
.checkBox input { width: 20px; height: 20px; text-align: center; vertical-align: bottom; margin-right: 10px; margin-top: 5%; } 

/* 쪽지시험 팝업 */
.pop03 .sub { font-size: 12px; font-weight: 300; margin-left: 10px; } 
.pop04 { background-color: #ededed; display: block; color: #222; display: none; /* position: fixed; */
/* top: 50%; */
/* left: 50%; */
/* transform: translate(-50%,-50%); */
box-sizing: border-box; padding: 30px; /* width: 90%; */
z-index: 99; font-family: Noto Sans KR; font-size: 14px; overflow-y: auto; } 
.pop04 .q1,.pop04 .q2 { font-size: 13px; display: block; margin-bottom: 10px; } 
.pop04 input[type='radio'] { margin-right: 10px; } 
.pop04 strong { font-weight: 700; } 
.box01,.box02 { background-color: #fff; margin-bottom: 10px; box-sizing: border-box; padding: 15px; } 
.pop04 .box02 textarea { width: 100%; height: 60px; border:1px solid #e1e1e1; resize: none; margin-top: 5px; } 
.pop04 .box02 textarea +label { color:#333 } 
.pop04 table { background-color: #fff; text-align: center; border-top:1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 15px; } 
.pop04 table th { background-color: #fff3e4; } 
.pop04 table th,.pop04 table td { padding: 10px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } 
.pop04 table td { box-sizing: border-box; padding: 0 5px; } 
.pop04 table td input[type="text"] { border: none; text-align: center; width: 100%; color:#888 } 
.pop04 .time { width: 97%; max-width: 275px; margin: 0 auto; background-color: #fff; padding: 5px 0; text-align: center; border: 1px solid #ccc; border-radius: 5px; font-weight: 900; font-size: 16px; margin-bottom: 30px; } 
.pop04 .time_now,.pop04 .user_ip { color:#444; font-size: 13px; } 
.pop04 .bottom_txt { font-size: 11px; margin-top: 10px; } 
.pop04 .sub { font-size: 12px; font-weight: 900; margin-bottom: 10px; display: block; } 
.pop04 .btn { padding: 15px 0; text-align: center; width: 49%; color:#fff; margin-top: 15px; } 
.pop04 .btn.close { background-color: #868686; float: left; } 
.pop04 .btn.test_submit { background-color: #ff8315; float: right; } 
.pop04 .class_name { font-size: 16px; font-weight: 900; position: relative; padding-left:10px; margin-bottom: 10px; } 
.pop04 .class_name::before { content: ""; display: block; background-color: #ff8315; width: 5px; height:80%; position: absolute; top:10%; left: 0; } 

/*지각보충지 작성안내 팝업*/
.pop05,.pop06 { height: auto; display: block; } 
.pop05 .title,.pop06 .title { text-align:center; font-size: 17px; font-weight: bold; } 
.pop05 .info,.pop06 .info { font-size: 13px; } 
.pop05 .btn,.pop06 .btn { padding:5% 0 0; text-align:center; } 
.pop05 .btn a,.pop06 .btn a { display:inline-block; padding:3% 17%; color:#fff; background:#ff8315; } 


@media all and (max-width:375px){
 .pop04 .time { font-size: 13px; } 
 .btn_enter .tmp_btn_yellow_b a { margin-top: 30px !important; } 
 }

/* 장바구니 팝업 */
.c_orange { color:#ff7e00 } 
.required,.required_table { border:1px solid #ff7e00 !important } 
.f_r { float: right; } 
.clear { content: ""; display: block; clear: both; } 
.pop07 { height: 80%; max-width: 450px; } 
.pop07_2 { max-width: 450px; height: auto; } 
.pop08 { max-width: 450px; height: auto; } 
.pop09 { max-width: 450px; height: auto; } 
.pop09_2 { max-width: 450px; height: auto; } 
.basket_list_popup { height: auto; max-height: 90%; } 
.basket_list_popup .popup { display: block; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; box-sizing: border-box; padding:30px; width: 90%; max-height: 80%; height: auto; max-width: 620px; z-index: 99; font-family: Noto Sans KR; font-size: 14px; overflow-y: auto; } 

.basket_list_popup .t_center { text-align: center; } 
.basket_list_popup .t_right { text-align: right !important; } 
.basket_list_popup .btnBox .btn { padding:7px 11% } 
.basket_list_popup .cont01 { border-bottom:1px solid #ddd; padding-bottom: 40px; } 
.basket_list_popup.pop07 .cont01 { padding-bottom: 10px; } 
.basket_list_popup h3 { text-align: center; font-size: 16px; color:#fa7727; margin-bottom: 15px; word-break: keep-all; } 
.basket_list_popup p strong { color:#454545; font-size: 14px; word-break: keep-all; } 
.basket_list_popup p .sub { color:#575757; display: block; margin-left: 14px; margin-top: 5px; font-size: 12px; word-break: keep-all; } 
.basket_list_popup table { width: 100%; border-top:1px solid #ddd; border-left :1px solid #ddd; } 
.basket_list_popup .table01 { margin-bottom: 20px; } 
.basket_list_popup .table_txt { color:#fa7727; font-weight: bold; margin: 15px 0 5px; font-size: 13px; } 
.basket_list_popup tr th,.basket_list_popup tr td { border-bottom:1px solid #ddd; border-right :1px solid #ddd; padding:8px; font-size: 14px; letter-spacing:nowrap; box-sizing: border-box; } 
.basket_list_popup tr th { text-align: center; background-color: #fff3e5; font-size: 14px; font-weight: normal; } 
.basket_list_popup input[type='checkbox'] { width: 15px; height: 15px; margin-right: 5px; vertical-align: middle; } 
.basket_list_popup input[type='radio'] { width: 15px; height: 15px; margin-right: 5px; } 
.basket_list_popup .cont02 table tr td { word-break: keep-all; } 
/* */
.basket_list_popup .file_table th { font-weight: bold !important; padding: 8px 0; } 
.basket_list_popup .file_table td { text-align: center; vertical-align:middle; padding: 8px 5px; } 
.basket_list_popup .file_table td .profile_submit { padding-left:15px; background:url('//gscdn.hackers.co.kr/edu2080/images/sub/s64/pencil_img.jpg') 0 50% no-repeat } 
.basket_list_popup .file_table td .input_hidden { display: none; } 
.basket_list_popup .file_table td .input_hidden + label { cursor: pointer; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; } 
.basket_list_popup .end_table .end_date { width: 85px; text-align: left; border:none; display: block; } 
.basket_list_popup.info_pop .btnBox { margin-top: 15px; } 
.basket_list_popup.info_pop .cont02 { border-bottom:1px solid #ddd; } 
.basket_list_popup.info_pop table { margin-bottom: 10px; } 
.basket_list_popup.info_pop table tr th { font-weight: bold; } 
.basket_list_popup.info_pop table tr td,.basket_list_popup.info_pop table tr th { padding: 10px 0; text-align: center; } 
.basket_list_popup.info_pop .schedule_input_label { width: 88%; vertical-align:middle; display: inline-block; text-align: left; } 
.basket_list_popup.info_pop input[name="schedule_notice"] { display: inline-block; vertical-align: middle; } 
.basket_list_popup.info_pop input[name="schedule_input"] { display: inline-block; vertical-align:middle; width: 10%; margin-left: -4px; } 
.basket_list_popup.info_pop .tr_last td { padding: 10px 15px } 
.basket_list_popup.info_pop input[name="pop_agree"] + label { display: inline-block; vertical-align:top; font-weight: bold; line-height: 1.5; font-size: 14px; width: 80%; } 
.basket_list_popup.info_pop .info_table { margin-bottom: 40px; } 
.basket_list_popup.info_pop .info_table .info_sub { text-align: right; font-size: 12px; color:#454545; margin-bottom: 10px; } 
.basket_list_popup.info_pop .info_table .info_sub .required_box { display: inline-block; border:1px solid #ff7e00; width: 18px; height: 10px; vertical-align:middle } 
.basket_list_popup.info_pop .info_table th { border-right:none } 
.basket_list_popup.info_pop .info_table td { padding:0; text-align: center; } 
.basket_list_popup.info_pop .info_table input[type="text"] { border:0; width: 100%; height: 41px; } 
.basket_list_popup.info_pop .signature { width: 100%; text-align: left; margin:20px 0; box-sizing:border-box; padding: 0 2% } 
.basket_list_popup.info_pop .signature .sign_date { display: inline-block; margin-right: 20px; line-height: 30px; } 
.basket_list_popup.info_pop .signature .sign_box { text-align: right; } 
.basket_list_popup.info_pop .signature .sign_agree { font-weight: bold; line-height: 32px; margin-left: 5px; display: inline-block; vertical-align: middle; } 
.basket_list_popup.info_pop .signature label { display: inline-block; line-height: 30px; } 
.basket_list_popup.info_pop .signature input[name='sign_name'] { width: 120px; height: 30px; margin-left: 5px; } 

.basket_list_popup.info_pop .ca_list td:nth-child(3n-1) { width: 105px; border-right:0; text-align: center; } 
.basket_list_popup.info_pop .info_sub .table_txt { float: left; margin: 0; } 
.basket_list_popup.info_pop .info_sub p { float: right; } 
.basket_list_popup.info_pop .info_sub p .required_box { margin-top: 0; } 
.basket_list_popup.info_pop textarea { width: 100%; height: 50px; max-width: 560px; } 
.basket_list_popup.info_pop .user_photo { max-width: 30%; display: inline-block; } 
.basket_list_popup.info_pop .sub_txt { margin-bottom: 10px; } 

/* 한국어교원 */
.basket_list_popup.pop10 .pop_notice { background: #e9e9e9; padding: 5px 10px; } 
.basket_list_popup.pop10 .pop_notice .sub { margin-top: 0; } 
.basket_list_popup.pop10_2 .notice_txt { font-size: 12px; word-break: keep-all; margin-bottom: 5px; } 

.ca_list2 td { padding:0 !important } 
.ca_list2 td:last-child, .ca_list2 th:last-child { border-right: none; } 
.ca_list2 tr:last-child td { border-bottom: none; } 
.ca_list2 input { width: 100%; height: 36px; border:none } 

.home_tel { width:100%; height: 20px; border:none !important; height: auto !important; } 
.emergency_tel { width: 55% !important; height: auto !important; border:none !important } 
.relation { float: right; width: 45%; } 
.relation input { width: 40%; height: auto !important; min-width:30px } 

#photo_input { display: none; } 
#photo_input + label { font-size: 14px; padding:5px 0; width: 80px; text-align: center; display: inline-block; margin:10px auto; background:#ff7e00; color:#fff; } 


.check_pop { text-align: center; color:#454545 } 
.check_pop h3 { font-size: 16px; text-align: center; margin-bottom: 20px; color:#222 } 
.check_pop ul>li { font-size: 14px; margin-bottom: 5px; text-align: left; } 
.check_pop span { font-size: 12px; display: block; text-align: left; margin-bottom: 15px; color: } 
.check_pop input[type="checkbox"] { width: 15px; height: 15px; margin-right: 5px; } 
.check_pop input[type="checkbox"] + label { font-size: 13px; font-weight: bold; } 

.pop09 h3 { text-align: center; font-size: 16px; color:#222; margin-bottom: 30px; } 

.btnBox { text-align: center; margin-top: 20px; } 
.btnBox .btn { font-size: 16px; padding:7px 15%; font-weight: bold; display: inline-block; margin:0 1% } 
.btnBox .prev_btn { background-color: #868686; color:#fff; } 
.btnBox .next_btn { background-color: #ff7e00; color:#fff; } 
.btnBox .ok_btn { background-color: #ff7e00; color:#fff; } 

@media all and (max-width:420px){
 .pop07 input[type='checkbox'],.pop09 input[type='checkbox'] { display: block; } 
 }
@media all and (max-width:365px){
 .pop07 p strong,.pop09 p strong { font-size: 13px; } 
 }
@media all and (max-width:345px){
 .pop07 tr td,.pop09 tr td { font-size: 12px; padding:6px } 
 }
@media all and (max-width:330px){
 .check_pop ul>li { font-size: 13px; } 
.basket_list_popup tr td,.basket_list_popup tr th { font-size: 13px; } 
 }


/* 실시간 화상수업 */
.live_class { text-align: center; } 
.live_class:first-child { border-bottom:0; } 
.live_class tr td ,.live_class tr th { color: #888; padding: 10px 0; font-size: 15.4px; letter-spacing: -1px; line-height: 1.2; height: 45px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } 
.live_class tr td:last-child ,.live_class tr th:last-child { border-right: 0 } 
.live_class tr th { background-color: #f8f8f8; color:#222 } 
.live_class .btn { display: inline-block; background-color: #ff7e00; color:#fff; width: 75px } 

.lesson td { background-color: #fff3e4; text-align: left; } 
.lesson td:first-child { box-sizing: border-box; padding-left: 15px; border-right: 0; } 
.lesson td a { width: 75px; background-color: #ff7e00; color: #fff; display:inline-block; padding: 10px 0; text-align: center; } 
.lesson strong { color:#000; font-size: 15px; } 
.lesson td .test_class { background-color: #f72e24; } 

.live_class tr:first-child td { padding:5% 3%; box-sizing: border-box; } 
.lecnm_wrap.v2 { position: relative; } 
.lecnm_wrap.v2 .tmp_btn_yellow_b a { color:#222; background-color: #ffea00; font-size: 12px; padding: 7px 10px; } 
.lecnm_wrap.v2 .lec_period { font-size: 14px; } 
.lecnm_wrap.v2 .btn_enter { float: none; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } 

@media all and (min-width:374px){
 .lesson td a { display: block; margin:0 auto } 
 }
@media all and (max-width:374px){
 .popup { font-size: 14px; } 
.popup .title { font-size: 15px; letter-spacing: -2px; } 
.popup .close a { width: 20px; } 
.live_class tr td ,.live_class tr th { font-size: 14px; padding: 7px 0; box-sizing: border-box; } 
.lesson td a { width: 60px; } 
 }

/* 하단 지각 보충지 작성 및 제출 */
.late_table { width: 90%; margin:0 auto; font-size: 12px; padding: 30px 0; } 
.late_table .title { font-size: 13px; font-weight: 900; } 
.late_table .txt { margin: 10px 0 } 
.late_table table { border:1px solid #ccc; border-bottom: 0; text-align: center; } 
.late_table table span { display: block; padding: 3% 0; } 
.late_table table tr th { border-right: 1px solid #ccc; padding: 3% 0; background: #f8f8f8; } 
.late_table table tr td,.late_table table tr td .gray { color:#888 } 
.late_table table tr th,.late_table table tr td { border-bottom: 1px solid #ccc; } 
.late_table table td input[type="file"] { width:0; height:0; } 
.late_table table .red { font-weight: bold; } 

.lecnm_wrap { overflow:hidden; padding:3%; background:#353840; } 
.lecnm_wrap .lecnm_orange { float:left; color:#f7941e; font-size:1.1rem; line-height: 1.7; } 
.lecnm_wrap .lec_period { clear:both; display:block; color:#fff; } 
.lecnm_notice { padding:3%; background:#e0f1f8; color:red; font-size:15px; font-weight:bold; } 
.lecture_list .term { display:block; background:#f8f8f8; color:#6c6c6c; padding:3%; } 
.lecture_list table td { border:1px solid #d5d5d5; padding:10px 7px; color:#000; text-align:center; font-size:1rem; } 
.lecture_list table td:first-child { border-left:0; } 
.lecture_list table td:last-child { border-right:0; } 
.lecture_list table td .lec_nm { display:block; font-size:1.1rem; } 
.lecture_list table td .lec_term { font-size:1rem; color:#6c6c6c; } 
.btn_inner a .empty { display:block; } 
.lecture_list .no_lec { padding:125px 0; } 
.lecture_list .no_lec strong { display:block; font-size:1.2rem; color:#8b8b8b; text-align:center; } 

/* 나의강의실 학습중인 강의 */
.section_term { background:#353840; } 
.section_term .list_ul div { padding-bottom:5px; background:url("https://m.edu2080.co.kr/images/renew/common/bar.gif") no-repeat left 50%; background-size:auto 11px; } 
.section_term .list_ul div:first-child { background:none; } 
.section_term .list_ul div.on { background:url("https://m.edu2080.co.kr/images/renew/common/ico_arrow.png") no-repeat 50% bottom; } 
.section_term .list_ul div a { display:block; padding:6px 0; color:#9b9b9c; text-align:center; } 
.section_term .list_ul div.on a { color:#fff; font-weight:bold; background:#ff7e00; } 
.section_term .lec_term_time { display:block; padding:5px 0; color:#fff; text-align:center; } 
@media all and (max-width:320px){
 .section_term .list_ul div a { font-size:0.9rem; padding:7.5px 0; } 
 }

.btn_lec_ing { display:inline-block; } 
.btn_lec_ing [class^='tmp_btn_'] { padding:0; } 
.btn_lec_ing [class^='tmp_btn_'] a { padding:2px 5px; } 
.btn_lec_ing .tmp_btn_gray a { padding:0 1px; } 

.btn_go a { line-height:1.9rem; letter-spacing:-2px; } 

/* 회원가입 */
.txt_sub_top { padding:5px 0 10px 0; text-align:right; } 
.join_txt_sel { font-size: 1.2rem; line-height:40px; color:#757575; } 

.sub_tit_tab { overflow:hidden; background:#f8f8f8; padding:8px 0; border-bottom:1px solid #e9e9e9; } 
.sub_tit_tab .list_ul li { width:100%; text-align:center; line-height:16px; color:#bbbaba; background:url("https://m.edu2080.co.kr/images/renew/common/ico_left.png") no-repeat left 50%; background-size:8.5px 13.5px; } 
.sub_tit_tab .list_ul li.on { color:#000; } 
.sub_tit_tab .list_ul li:first-child { background:none; } 

.list2 li { float:left; width:50% !important; } 
.list3 li { float:left; width:33.3% !important; } 
.list4 li { float:left; width:25% !important; } 

.all_evt_tab { display: flex; margin: 15px 3%; border: 1px solid #3c3c3c; } 
.all_evt_tab li { width: 33.3333%; } 
.all_evt_tab li a { display: block; text-align: center; font-size: 14px; font-weight: bold; color:#222; padding: 5px 0; border-right: 1px solid #3c3c3c; } 
.all_evt_tab li.active a { background: #3c3c3c; color:#fff } 
.all_evt_tab li:last-of-type a { border-right: 0; } 

.sub_inner { padding: 0 3% 3%; } 
.sub_inner.type2 { padding:0 0 20px 0; } 
.sub_inner .agree_wrap { } 
.sub_inner .agree_wrap:first-child { padding-top:0; border-bottom:1px solid #e9e9e9; } 
.sub_inner .agree_wrap > span { display:block; padding:13px 0; font-family:NanumGothic,'나눔고딕',sans-serif; } 
.sub_inner .agree_wrap:first-child span { padding-top:0; } 
.sub_inner .join_check_tit { font-weight:bold; } 
.sub_inner .impor { color:#6c6c6c; font-weight:normal; font-size:0.9rem; } 
.sub_inner .terms { background:#f7f7f7; padding:5px; color:#6c6c6c; font-size:0.95rem; height:69px; overflow:auto; overflow-x:hidden; } 
.sub_inner .ag_evt { color:#6c6c6c; font-size:0.95rem; margin-bottom:10px; } 
.sub_inner .wrap_tit { border-top: 1px solid #222; } 
.sub_inner .wrap_tit h3 { box-sizing: border-box; padding-left: 8px; position: relative; line-height: 1; display: block; margin: 10px 0 15px; } 
.sub_inner .wrap_tit h3::after { content: ""; width: 5px; height: 100%; background: #09A1F3; position: absolute; top: 0; left: 0; } 

.form_wrap { margin-bottom:10px; } 
.form_wrap:first-child { } 
.form_wrap .ele { position:relative; border:1px solid #e4e4e4; border-top:none; padding:0 10px; } 
.form_wrap .ele:first-child { border-top:1px solid #e4e4e4; } 
.form_wrap .ele input { border:0; padding:0; width:100%; font-size:1.2rem; } 
.form_wrap .ele input.line { border:1px solid #e4e4e4; } 
.form_wrap .ele .gender { overflow:hidden; padding:6px 0px; } 
.form_wrap .ele .gender li { float:left; width:49%; border:1px solid #ccc; margin-left:2%; } 
.form_wrap .ele .gender li:first-child { margin-left:0; } 
.form_wrap .ele .gender li a { display:block; width:100%; text-align:center; color:#ccc; } 
.form_wrap .ele .gender li.on { border:1px solid #ff7e00; } 
.form_wrap .ele .gender li.on a { color: #ff7e00; } 
.form_wrap .ele .btn_get { position:absolute; top:8px; right:10px; z-index:1; } 
.sec_inner { text-align:center; margin:7.5px 0 17.5px; } 
.sec_inner .title { display:block; font-size:1.4rem; color:#010101; font-family:NanumGothic,'나눔고딕',sans-serif; } 
.sec_inner .title_v2 { font-size:1.4rem; color:#010101; font-family:NanumGothic,'나눔고딕',sans-serif; } 
.form_wrap .ele.in_enter { text-align:center; padding:15px 2%; background-color:#fff; } 
.form_wrap .in_modify { text-align:center; padding:10px 0 17px; color:#939393; font-size:0.9rem } 
.form_wrap .ele.in_enter table.in_table th,.form_wrap .ele.in_enter table.in_table td { padding:5px 1%; } 
.form_wrap .ele.manwon_dc { background:#fffeea; position:relative; font-size:1.2rem; padding:0 20px; margin-bottom:10px; line-height:40px } 
.form_wrap .ele.manwon_dc .cl_orange { display:inline-block; padding:5px 10px; color:#fff; background:#f66800; font-size:1rem; height:auto; line-height:1; } 
.form_wrap .ele.manwon_dc .cl_orange em { color:#fff200; font-weight:bold; } 
.form_wrap .ele.manwon_dc input[type="checkbox"] { position:absolute; top:8px; right:10px; width:20px; height:20px; } 

/* 이벤트 리스트 */
.form_wrap .ele_v2 { } 
.form_wrap .ele_v2 li { border:1px solid #e9e9e9; } 
.form_wrap .ele_v2 li .evt_tit { border-top:1px solid #e9e9e9; padding:10px; color:#6c6c6c; } 

/* 교육과정 인트로 */
.main_area { background:#e1dbdb; } 
.main_br_list { overflow:hidden; width:320px; margin:0 auto; padding:10px; } 
.main_br_list li { float:left; width:49%; margin-left:2%; border:1px solid #cacaca; } 
.main_br_list li:first-child,.main_br_list li:nth-child(3) { margin-left:0; } 
.main_br_list li a { display:block; } 
.main_br_list li.three { width:32%; margin-top:2%; } 

/* 이벤트 */
.event_area { position:relative; margin:0 auto; width:100%; } 
.event_area img { width:100%; } 
.event_tab_box { margin:5px; } 
.event_tab { background:#fff; display:block; width:100%; box-sizing: border-box; } 
.event_tab * { box-sizing: border-box; } 
.event_tab ul { display:flex; flex-wrap: wrap; justify-content: left; align-items: center; } 
.event_tab ul li { display:block; width:25%; height:3rem; background:#b6b6b6; border:1px solid #fff; } 
.event_tab ul li a { display: flex; justify-content: center; align-items: center; text-align:center; width:100%; height: 100%; letter-spacing:-1px; font-size:0.9rem; color:#fff; line-height:1.4; } 
.event_tab ul li.on { background:#ff8030; } 

img.slider-lazy-image { width: auto !important; } 

/* 교육과정커리큘럼 */
.event_area .inner { max-width:640px; padding:0 10px; background:#ff5029; text-align:center; margin:0 auto; } 
.event_area .inner.bg01 { background:#fe854e; } 

/* 초간편 문자상담 신청 */
.event_wrap { display:none; } 
.event_wrap .bg { background:#000; opacity:0.5; position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; } 
/*.blit_sms { padding-left:6px; vertical-align:middle; background:url('../img/common/blit_sms.gif')no-repeat 0 50%; background-size:3px 3px; } */
.smsApply_con { position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:12; width: 94%; height: 90%; overflow-y: auto; text-align:center; background: #fff } 
.smsApply_con h2 img { width:100%; } 
.smsApply_con select { width: 100%; height: 40px; } 
.smsApply_con select option[disabled] { display: none; } 
.smsApply_con textarea { width:100%; } 
.smsApply_con .sms_txt_area { background:#fff; position:relative; } 
.smsApply_con .sms_txt_area .txt_top { font-size:0.9rem; letter-spacing:-0.5px; color: red; font-weight: normal; text-align: right; margin-right: 10px; } 
.sms_form { padding:12px 15px 0 15px; text-align:left; font-size:0.8rem; } 
.sms_form .row { margin-bottom:10px; } 
.sms_form .row input { height:40px; width:222px; background:#fff; padding-left:5px; border:1px solid #ddd; } 
.sms_form .row span { display: block; margin-bottom: 5px; } 
.sms_form .row .datepicker { display: inline-block; width: 60% !important; text-align: center; box-sizing: border-box; } 
.sms_form .row .phone_reservation { font-size: 13px !important; } 
.sms_form .row #reservation_time { display: inline-block; width:40%; height: 40px; box-sizing: border-box; margin-right: -4px; } 

.sms_form .blit_sms.user_txt { vertical-align:top; margin-right:2px; } 
.sms_form .blit_sms.user_name { margin-right:20px; } 
.sms_form .blit_sms.user_phone { margin-right:11px; position:relative; font-size:13px; display: block; } 
.sms_form #_RECEIVE_NUMBER { width: 100%; } 
.sms_form .chk_sms { padding-left:0; } 
.sms_form .chk_sms input { margin-right:2px; } 
.sms_form .btn_apply { letter-spacing: 0; display: block; width: 100%; margin: 25px auto 0; height: 50px;; color: #fff; font-size: 18px; font-weight: bold; background: #ff7200; border-radius: 30px; } 
.sms_form input[type="text"] { letter-spacing:0; } 
.smsApply_con .sms_txt_area .logo_sms { padding:15px 0; } 
.smsApply_con .sms_txt_area .logo_sms img { width:120px; } 
.smsApply_con .btn_close { width: 6vw; height: 6vw; position: absolute; top: 1vw; right: 1vw; } 
.sms_form .view_wrap .view_detail { color:#000; font-size:0.85rem; padding-top:0; text-align:center; } 
.sms_form .per_wrap { height:90px; overflow-y:scroll; overflow-x:hidden; background: #f2f3f6; display: none; } 
.sms_form .per_wrap > strong { display:block; padding:3px 0; } 
.sms_form .per_wrap p { padding:2px; line-height:1.6; } 
.view_wrap { margin-top:10px; } 
.agree-btn { display: block; text-align: center; width: 100%; padding: 8px 0; background: #ebebeb; margin-bottom: 2px; } 
.agree-btn .arrow-on { display:inline-block; } 
.agree-btn .arrow-off { display:none; } 
.agree-btn.on .arrow-off { display:inline-block; } 
.agree-btn.on .arrow-on { display:none; } 

@media all and (min-height:680px){
 .smsApply_con { height: auto; } 
 }

.chk_sms input[type="checkbox"] { display:none; } 
.chk_sms input[type="checkbox"] + label span { display: inline-block; width: 20px; height: 20px; margin: -2px 5px 0 0; vertical-align: middle; background: url(//gscdn.hackers.co.kr/edu_m/img/main/check_bg.png) left top no-repeat; cursor: pointer; background-size: 200% auto; } 
.chk_sms input[type="checkbox"]:checked + label span { background:url(//gscdn.hackers.co.kr/edu_m/img/main/check_bg.png) -20px top no-repeat; } 

/* 초간편 문자상담 신청(야간예약용) */
/*.smsApply_con.v2 { margin-top:0px; } */
.time_table { width:228px; float:left; margin-left:5px; } 
.time_table ul { overflow:hidden; } 
.time_table ul li { float:left; border:1px solid #cbcbcb; margin:0 0 2px 2px; } 
.time_table ul li.on { border-color:#f47521; } 
.time_table ul li a { display:block; background:#fafafa; padding:8px 15px 8px 15px; color:#333; } 
.time_table ul li.on a { color:#f47521; padding:8px 15px 8px 15px; background-color:#fff; } 

/* 수강후기 */
.review_tab { padding:0 20px; background:#eee; margin-top:-2px; } 
.review_tab .js-tab { width:280px; margin:0 auto; overflow:hidden; } 
.review_tab .js-tab li { float:left; } 
.review_tab .js-tab li a { background:url("https://m.edu2080.co.kr/img/review/tab.gif") no-repeat 0 0; background-size:280px 199px; width:92px; height:50px; display:block; text-indent:-9999px; } 
.review_tab .js-tab li.sec a { background-position:-92px 0; } 
.review_tab .js-tab li.thir a { background-position:-186.5px 0; } 
.review_tab .js-tab li.four a { background-position:0 -50px; } 
.review_tab .js-tab li.five a { background-position:-92px -50px; } 
.review_tab .js-tab li.six a { background-position:-186.5px -50px; } 

.review_tab .js-tab li.on.fst a { background-position:0 -99.5px; } 
.review_tab .js-tab li.on.sec a { background-position:-92px -99.5px; } 
.review_tab .js-tab li.on.thir a { background-position:-186.5px -99.5px; } 
.review_tab .js-tab li.on.four a { background-position:0 -149.5px; } 
.review_tab .js-tab li.on.five a { background-position:-92px -149.5px; } 
.review_tab .js-tab li.on.six a { background-position:-186.5px -149.5px; } 

.review_rolling { padding:0 20px; background:#eee; } 
.review_rolling .bx-wrapper .bx-pager.bx-default-pager a:hover, .review_rolling .bx-wrapper .bx-pager.bx-default-pager a.active { background:#f14c4c; } 

/* 로그인 비밀번호 찾기 */
.form_wrap .ele_v3 { margin-bottom:8px; } 
.form_wrap .ele_v3 input { width:100%; font-size:1.2rem; margin-bottom:6px; } 
.form_wrap .num_box { overflow:hidden; height:65px; line-height:65px; border:1px solid #e4e4e4; } 
.form_wrap .num_box .num { float:left; width:70%; text-align:center; background:#ffedd8; } 
.form_wrap .num_box .refresh { float:right; width:30%; text-align:center; color:#bbbaba; } 
/* 로그인 */
.form_wrap.login { margin-top:10px; } 
.form_wrap.login .notice_txt { color: #f00; font-size:12px; margin-bottom:5px; } 
.login .ele_v3 { margin-bottom:10px; } 
.login .ele_v3 input { margin-bottom:0; } 
.login .box_wrap input[type="checkbox"] + label:before { left:0; } 
.login .box_wrap input[type="checkbox"] + label { padding-left:23px; color:#6c6c6c; } 
.btn_wrap.login { margin-top:20px; } 
.btn_wrap.login span { margin-bottom:7.5px; } 
.fnd_login { display:inline-block; color:#6c6c6c } 
.box_wrap.login_box input[type="checkbox"] + label { display:inline-block; } 

/* 유의사항 */
#info_con { display:block; } 
#info_con.hidden { display:none; } 

/* 이벤트 상단 타이머 */
.timer_wrap { background:#222 !important; padding: 1% 0; } 
.timer_wrap .c_gray { color:#a9a9a9 !important } 
.top_timer { position: relative; margin: 0 auto; display: flex; align-items: center; } 
.top_timer .timer_left { width: 20%; text-align: right; display: flex; align-items: center; justify-content: center; } 
.top_timer .timer_right { width: 60%; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } 
.top_timer .timer_btn { width: 20%; } 
.top_timer .timer_btn a { border-radius: 10px; color:#fff; font-weight: bold; text-align: center; padding: 20% 0; background: #ff2385; font-size: 5vw; display: block; width: 90%; margin-right: 10%; } 
.top_timer .gisu_tit { font-size: 3vw; width: 100%; color:#6affc9; text-align: center; } 

.top_timer .gisu_end { display: inline-block; color: #6affc9; width: 60%; height: 0; padding-top: 60%; text-align: center; position: relative; word-break: keep-all; font-size: 2.7vw; border: 1px solid #6affc9; border-radius: 50%; top: 50%; } 
.top_timer .gisu_end b { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.top_timer ul { overflow:hidden; z-index:10; display: flex; align-items: center; justify-content: center; width: 95%; margin-top: 1.5%; } 
.top_timer ul li { display: flex; align-items: center; } 
.top_timer ul li span { text-align:center; font-weight:bold; font-size: 6.8vw; color:#fff; box-sizing: border-box; margin-right: 1vw; line-height: 1; } 
.top_timer ul li span.d_txt { font-size: 6.5vw; } 
.top_timer ul li span#s_2 { margin-right: 0; } 

.bnr_area_end { width:15%; top:12px; left:2%; z-index:1; } 
.timer_wrap .ps_txt { text-align:center; color:#d6d6d6; font-size:12px; word-break: keep-all; width: 90%; margin: 0 auto; } 

@media all and (min-width:520px){
 .top_timer .circle_center { bottom: -10px; } 
.timer_wrap .ps_txt { font-size: 2.5vw; } 
 }
/* 장바구니 */
/* title 공통 */
.title_type { height:35px; background:#353841; padding:0 3%; font-weight:bold; line-height:35px; position:relative; } 
.title_type2 { position:relative; margin:10px 3%; } 

.title_type .btn_more a,
.title_type .tit_sub { font-weight:normal; display:block; color:#fff; position:relative; padding-right:12px; height:35px; } 
.title_type .btn_more { position:absolute; top:0; left:0; width:100%; float:none; } 
.title_type .btn_more a .ico_more { position:absolute; right:3%; top:45%; } 
.title_type { color:#fff } 
.title_type span.ico_more { background-size: 270px 355px; } 
.order_info_wrap .title_type .btn_more:after { display:block; content: ""; clear:both; } 
.order_info_wrap .title_type .btn_more a { float:right; margin-right: 5px; } 

.title_type .tit_r { color:#6c6c6c; position:absolute; right:3%; top:5px; line-height:22px; font-weight:normal; } 
.big_tit { margin:15px 0; } 
.big_tit .round_wrap { background-color:#f7941e; width:100px; height:100px; margin:0 auto; padding:20px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } 
.title_type2 .chk_wrap label { position:relative; padding-left:22px } 
.title_type2 .chk_wrap input[type="checkbox"] { width:1px; height:1px; border:0; overflow:hidden; position:absolute; clip:rect(0,0,0,0); } 
.checkbox input[type="checkbox"] + label { padding-right:30px; display:block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none } 
.title_type2 .chk_wrap input[type="checkbox"] + label:before { content:''; width:15px; height:15px; background:url("https://m.edu2080.co.kr/images/renew/common/checkbox_square.png") no-repeat 0 0; background-size:15px auto; margin-top:-8px; text-align:center; line-height:15px; display:inline-block; position:absolute; left:0; top:50% } 
.title_type2 .chk_wrap input[type="checkbox"]:checked + label:before { background-position:0 -15px } 
.check_wrap input[type="checkbox"] { width:15px; height:15px; background:url("https://m.edu2080.co.kr/images/renew/common/checkbox_square.png") no-repeat 0 0; background-size:15px auto; text-align:center; line-height:15px; display:inline-block; margin-right:5px; } 
.check_wrap input[type="checkbox"]:checked { background-position:0 -15px } 

.btn_choice { text-align: right; } 
.bascket_section { display: flex; justify-content: space-between; } 
.bascket_section li { width: 20%; padding: 5px 0; text-align: center; font-weight: bold; border: 0.5px solid #666; background: #f8f8f8; } 
.bascket_section li:nth-child(2) { width: 60%; } 
.order_list { border:1px solid #e9e9e9; background-color:#fff; padding:10px; } 
.order_list .tit table.order_table td { border-top:1px solid #e9e9e9; padding:10px 0; position: relative } 
.order_list .tit table.order_table td .class_finish { background: #f00; color:#fff; padding:2px 15px; float: right; } 
.order_list .tit table.order_table tr.price td { border:0; } 
.order_list .tit table.order_table tr:first-child td { padding-top:0; border-top:none; } 
.order_list .tit table.order_table td .lec_term { display:block; margin-top:2px; } 
.order_list .tit table.order_table td .date_txt { padding: 0px 10px; color: #f7941e; border: 1px solid #f7941e; border-radius: 5px; } 
.order_list .tit table.order_table td .btn_down { margin-left: 5px; padding: 0 10px; border: 1px solid #000; border-radius: 5px; } 
.order_list .tit table.order_table tr td:last-child { font-size: 1.3rem; } 
.order_list .tit table.order_table tr.sec_inner td { color:#6c6c6c; text-align:left; } 
.order_list .tit table.order_table tr.order_section td { font-size: 14px; font-weight: bold; border: 1px solid #e9e9e9; background: #f8f8f8; } 
.order_list .tit table.order_table tr.point { display: none; } 
.order_list .tit table.order_table tr.on { display: table-row; } 
.pay_wrap { border-top:1px solid #e9e9e9; padding:10px 0; } 
.pay_wrap dl { width:100%; display:table; margin-bottom:3px; } 
.pay_wrap dl:last-child { margin-bottom:0; } 
.pay_wrap dl dt,.order_list .pay_wrap dl dd { display:table-cell; } 
.pay_wrap dl dt:nth-child(1), .pay_wrap dl dt:nth-child(2) { display: none; } 
.pay_wrap dl dt.on { display: block; } 
.pay_wrap dl dd { text-align:right; } 
.pay_wrap dl dd:last-child { font-size: 1.3rem; } 
.addtxt { color:#6c6c6c; font-size:0.8rem; } 
.empty_pdt { padding:50px 30px; text-align:center; } 
.empty_pdt p { color:#6c6c6c; } 

.order_list .tit table.order_table tr td .chk_popup_btn { position: absolute; right: 0; top: 0; padding:0.5% 1%; margin-top: 10px; border:1px solid #ff9745; color:#ff7101; border-radius: 5px; } 
.order_list .tit table.order_table tr td .chk_popup_btn.off { color:#737373; border-color: #cdcdcd; } 
.order_list .tit table.order_table tr:first-child td .chk_popup_btn { margin-top: 0; } 

.bottom_txt { box-sizing: border-box; padding: 0 3%; font-size: 12px; margin-top: 10px; } 
.text_red { color:#f62424 } 
.text_red span { display: inline-block; width: calc(100% - 45px); vertical-align: top; } 
.text_black { color:#222222 } 
.text_black label { margin-left: 10px; display: inline-block; width: 90%; } 

/* 주문 결제 */
.order_box { padding:10px } 
.delivery_list { padding:10px; background-color:#fff; } 
.delivery_list table tr th { text-align:left; } 
.delivery_list table tr td { padding:5px 0; } 
table tr td .zip_code { width:45%; padding-left:5px; vertical-align:middle; } 
.delivery_list input[type="text"],.delivery_list input[type="number"],.delivery_list input[type="tel"] { width:100%; } 

.order_pay { border:0; padding:0 10px; } 
.order_pay ul li { overflow:hidden; border-top:1px solid #e9e9e9; padding:5px; } 
.order_pay ul li:first-child { border-top:0; } 
.order_pay ul li.total { padding:10px 5px; } 
.order_pay ul li .ico { width:17.5px; height:17.5px; margin:1px 0 0 5px; } 
.order_pay .detail { clear:both; color:#6c6c6c; font-size:0.8rem; } 
.order_pay .detail li { border:0; padding:1px 5px; } 
.order_pay.typ { border-bottom:1px solid #e9e9e9; background-color:#fff; } 
.order_pay input[type="radio"] { margin:2px 3px 0 0; background:url("https://m.edu2080.co.kr/images/renew/common/checkbox.png") no-repeat 0 0; } 

.order_agree { background-color:#fff; } 
.order_agree ul li { position:relative } 
.order_agree ul li label { padding-right:20px; color:#000; position:absolute; right:10px; top:15px } 
.order_agree ul li label input[type="checkbox"] { position:absolute; right:0; top:0 } 
.tit_table { border-top:2px solid #6c6c6c; font-size:1.1rem; padding:2% 5px; } 
.order_agree .title_type { position:relative; } 
.order_agree .btn_more { position:static; width:auto; float:right; } 
.table_horizon { border-top:1px solid #6c6c6c; border-bottom:2px solid #6c6c6c; } 
.table_horizon table tr th,.table_horizon table tr td { padding:10px 2%; border:1px solid #e9e9e9; } 
.table_horizon table tr:first-child th,.table_horizon table tr:first-child td { border-top:0; } 
.table_horizon table tr th { text-align:left; color:#6c6c6c; border-left:0; } 
.table_horizon table tr td { background-color:#fff; border-right:0; } 

.table_horizon.in_style { border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; } 
.table_horizon.in_style tr td { background-color:#fff; } 
.top_noline { border-top:0 !important; } 

.modi_wrap input[type="text"],.modi_wrap input[type="number"],.modi_wrap input[type="tel"] { width:100%; } 
.modi_wrap .modi_cont { border-bottom:1px solid #e9e9e9; } 
.modi_wrap .table_horizon { border:0; } 
.modi_wrap .table_horizon tr th { color:#000; overflow:hidden; } 
.modi_wrap .table_horizon tr th,.modi_wrap .table_horizon tr td { border:0; border-top:1px solid #e9e9e9; } 
.modi_wrap .table_horizon tr td .ad_txt { font-weight:bold; font-size:1.2em; margin-right:10px; } 
.modi_wrap .table_horizon tr:first-child th,.modi_wrap .table_horizon tr:first-child td { border-top:0; } 
.modi_wrap .essent { float:left; } 
.modi_wrap .essent + span { float:left; } 
.order_info_wrap .info_inner { margin:10px 0; } 

/*개인정보수정*/
.modi_wrap .modi_cont .select_lect:after { display:block; content:""; clear:both; } 
.modi_wrap .modi_cont .select_lect li { float:left; width:33.33333%; height:80px; line-height:80px; margin:-1px 0 0 -1px; text-align:center; border:1px solid #ccc; box-sizing:border-box; } 
.modi_wrap .modi_cont .select_lect li.on { position:relative; border:1px solid #f7941e; color:#f7941e; } 
.modi_wrap .modi_cont .select_lect .add { display:none; } 
.modi_wrap .modi_cont .select_lect .add.active { display:block; } 

/* sub scroll */
.cont_toggle { margin:10px 5%; } 
.cont_toggle.txt_scroll { background-color:#fff; overflow-y:scroll; -webkit-overflow-scrolling:touch; } 

/* select */
.select_wrap { width: 90%; margin: 10px auto; } 
.select_wrap ul { display: flex; justify-content: center; align-items: center; width: 100%; } 
.select_wrap ul.col2 li { width: 49.5%; } 
.select_wrap ul li a { background: #bbbbbb; color:#fff; text-align: center; display: block; padding: 10px 0 } 
.select_wrap ul li.active a { background: #ff7e00; color:#fff } 
.select_wrap ul li:first-child a { border-radius: 5px 0 0 5px; } 
.select_wrap ul li:last-child a { border-radius: 0 5px 5px 0; } 



.f_select { width:100%; } 
.f_select_bd0 { width:100%; border:0; font-size:1.2rem } 

.lecture_info { border: 1px solid #ff7e00; border-radius: 5px; width: 90%; margin:10px auto; box-sizing: border-box; padding: 0 10px } 
.apply_info_tb { text-align: left; } 
.apply_info_tb th span { position: relative; padding-left: 10px; box-sizing: border-box; } 
.apply_info_tb th span::after { content: ""; width: 3px; height: 3px; border-radius: 50%; background: #222; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); } 
.apply_info_tb td { padding-left: 5px; box-sizing: border-box; word-break: keep-all; } 
.apply_info_tb th,.apply_info_tb td { padding: 5px 0; border-bottom: 1px solid #e1e1e1; font-size: 16px; } 
.apply_info_tb tr:last-child th,.apply_info_tb tr:last-child td { border-bottom: none } 

@media all and (max-width: 425px){
 .apply_info_tb th,.apply_info_tb td { font-size: 3.8vw; } 
 }

/* tab */
.flex_tab_wrap .flex_tab { margin-left:-1px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } 
.flex_tab_wrap .flex_tab li { width:33.3333%; height:70px; margin-top:-1px; border:1px solid #e9e9e9; border-left:0; text-align:center; } 

.flex_tab_wrap .flex_tab li a { display:table; width:100%; height:100%; color:#000; background-color:#fff; font-weight:600; } 
.flex_tab_wrap .flex_tab li.on a { color:#fff; background-color:#ff7e00; } 
.flex_tab_wrap .flex_tab li a span { display:table-cell; vertical-align:middle; } 
.flex_tab_wrap .flex_tab li:last-child { border-right:1px solid #e9e9e9; } 
@media all and (max-width:568px){
 .flex_tab_wrap .flex_tab li a { font-size:0.85rem; } 
 }

/* lecture */
.lecture_view .view_cont .view_top { padding:10px 3%; } 
.lecture_view .view_cont .view_top span { display:block; font-size:0.85rem; } 
.lecture_view .line_through { color:#afafaf; text-decoration:line-through; } 
.lecture_view .info_cont .info_section { border-bottom:1px solid #e9e9e9; padding:0 0 8px 2%; margin-bottom:8px; } 
.lecture_view .info_cont .info_section strong { display:block; font-size:1.1rem; padding-bottom:8px; } 
.lecture_view .down_form .f_l { width:90%; } 
.lecture_view .down_form .f_r { width:10%; } 

.play_box { position:relative; } 
.play_box .btn_play { display:inline-block; position:absolute; width:52px; height:52px; left:50%; top:50%; margin-left:-26px; margin-top:-26px; background:url('https://m.edu2080.co.kr/images/renew/common/btn_play01.png') no-repeat 0 0; background-size:contain; } 

.pass_wrap .r_btn { width:18%; padding-left:2%; vertical-align:middle; text-align:right; } 
.pass_wrap .r_btn [class^='tmp_btn_'] { text-align:center; width:100%; } 
@media all and (min-width:380px){
 .pass_wrap .r_btn { width:16%; } 
 }

.postcode_list li { background-color:#fff; border:1px solid #e9e9e9; padding:10px 7.5px; margin-top:10px; } 
.postcode_list li:first-child { margin-top:0; } 
.postcode_list li strong { display:inline-block; width:60px; color:#6c6c6c; } 
.postcode_list li > a { display:block; position:relative; } 
.postcode_list li > a:after { content:''; display:block; position:absolute; right:10px; top:50%; margin-top:-5px; width:5px; height:10px; background-position:-51px -207px; -webkit-background-size:350px 355px; -moz-background-size:350px 355px; background-size:350px 355px; background-image:url(https://m.edu2080.co.kr/images/renew/common/ico_common_1.png); background-repeat:no-repeat; } 

.apply_wrap { position:relative; padding-top:15px; margin-top:15px; border-top:1px solid #e9e9e9; display: flex; justify-content: center; align-items: center; } 
.apply_wrap:first-child { border-top:0; margin-top:0; padding-top:0; } 
.apply_wrap > .l_wrap { width:60%; margin-right:3%; } 
.apply_wrap > .l_wrap > a { display:block; } 
.apply_wrap > .l_wrap > a strong { font-size:1.1rem; display:block; width: 100%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; } 
.apply_wrap > .l_wrap > a .sub_txt { display:block; width: 100%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; } 
.apply_wrap > .l_wrap .inline { margin-left:-5px; } 
.apply_wrap > .l_wrap .inline li { float:left; margin-left:5px; position: relative; } 
.apply_wrap > .l_wrap .inline li .lec_pop { position: absolute; bottom: 110%; left: -10%; display: none; } 
.apply_wrap > .l_wrap .inline li.on .lec_pop { display: block; } 
.apply_wrap > .l_wrap .icon { font-size: 12px; padding: 1px 7px; border-radius: 15px; margin-bottom: 5px; display: inline-block; } 
.apply_wrap > .l_wrap .icon.ic_red { border:1px solid #f00; color:#f00 } 
.apply_wrap > .l_wrap .icon.ic_blue { border:1px solid #007aff; color:#007aff } 

.apply_wrap > .r_wrap { width:37%; } 
.apply_wrap > .r_wrap .btn_order { display: inline-block; } 
.apply_wrap > .r_wrap .btn_order [class^='tmp_btn_v2'] { height:30px; } 
.apply_wrap > .r_wrap .btn_order [class^='tmp_btn_v2'] a { border-radius: 5px; line-height: 1.5rem; } 
.apply_wrap > .r_wrap .price_wrap { display:block; } 
.apply_wrap > .r_wrap .price_wrap .txt_through { color:#8f8f8f; text-decoration:line-through; } 
.apply_wrap > .r_wrap .price_wrap .txt_price { font-size: 16px; } 

/* .call_link_box { display:none; } */
.order_float_wrap { position:fixed; left:0; bottom:0; width:100%; padding: 0 3%; background:rgba(53, 56, 65, 0.9) } 
.order_float_wrap .f_l { width:49%; } 
.order_float_wrap .f_l [class^='tmp_btn'] { width:100%; margin:0; } 
.order_float_wrap .f_l [class^='tmp_btn'] a { height:45px; line-height:2.5rem; font-size:1.1rem; } 
.order_float_wrap .js-order_btn a { font-size: 1.3rem; color:#fff; position: relative; padding:10px 0 10px 30px; display: inline-block; } 
.order_float_wrap .js-order_btn a::after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; background: url("//gscdn.hackers.co.kr/edu2080/images/common/icn/ico_common_1.png") -4px -240px no-repeat; background-size: 370px 360px; } 
.order_float_wrap .btn_order_more { width:75px; height:25px; position:absolute; left:50%; top:-25px; transform: translateX(-50%); background:rgba(53, 56, 65, 0.9); border-radius: 5px 5px 0 0; display: block; } 
.order_float_wrap .btn_order_more::before { content: ""; display: block; width: 15%; height: 1px; background: #fff; position: absolute; top: 50%; left: 45%; transform: translate(-50%,-50%) rotate(-45deg); } 
.order_float_wrap .btn_order_more::after { content: ""; display: block; width: 15%; height: 1px; background: #fff; position: absolute; top: 50%; left: 55%; transform: translate(-50%,-50%) rotate(45deg); } 
.order_float_wrap .btn_order_more.on::before { transform: translate(-50%,-50%) rotate(45deg); } 
.order_float_wrap .btn_order_more.on::after { transform: translate(-50%,-50%) rotate(-45deg); } 

.order_float_wrap .order_float_list { background-color:#fff; margin-bottom:10px; border-radius: 5px; overflow: hidden; } 
.order_float_wrap .order_float_list strong { display: block; padding: 2% 0; font-size: 1.2rem; } 
.order_float_wrap .order_float_list ul.cart_list { display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 2% 0; overflow-y:scroll; -webkit-overflow-scrolling:touch; max-height:150px; } 
.order_float_wrap .order_float_list ul.cart_list li { margin-right: 10px; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 5px; } 
.order_float_wrap .order_float_list ul.cart_list li a { font-size: 0; background: url("//gscdn.hackers.co.kr/edu2080/images/common/icn/close.png") 0 0/100% no-repeat; width: 15px; height: 15px; display: block; position: relative; margin-left: 5px; } 


.order_float_list { display:none; } 
.order_float_list .tb_row_wrap { margin-top:0; padding:0 3%; } 
.order_float_list .tb_row { border-bottom:1px solid #e9e9e9; padding:3px 0; } 
.order_float_list .tb_row .tb_cell { width:10%; } 
.order_float_list .tb_row .tb_cell .check_wrap { text-align:right; } 
.order_float_list .tb_row .tb_cell:first-child { width:90%; } 

.order_float_list .basket_count,
.order_float_list .price_box { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #e1e1e1; } 
.order_float_list .basket_count strong,
.order_float_list .price_box strong { font-size: 1.2rem; padding: 3% 0 } 
.order_float_list .basket_count { font-size: 1.2rem } 
.order_float_list .basket_count span { font-weight: bold; } 
.order_float_list .price_box span { font-size: 1.6rem; color:#ff7e00; font-weight: bold; padding: 3% 0 } 
.order_float_list a.submit_btn { background: #ff7e00; color:#fff; padding: 10px 0; display: block; font-size: 1.2rem; } 



.policy_agree { padding:0 3%; border-bottom:1px solid #e9e9e9; background-color:#fff; } 
.policy_agree ul li { border-top:1px solid #e9e9e9; padding:5px 0; overflow:hidden; } 
.policy_agree ul li:first-child { border-top:0; } 
.policy_agree ul li .f_l { width:90%; } 
.policy_agree ul li .f_r { width:10%; } 
.policy_agree ul li .f_r .check_wrap { text-align:right; } 
.policy_agree ul li.toggle_wrap { padding:0; } 
.policy_agree .cont_toggle { background-color:#f8f8f8; margin:0; padding:10px; } 

/* 수강후기 renew */
.pageing_edu { overflow:hidden; margin:4% auto; text-align:center; } 
.pageing_edu a { display:inline-block; font-size:1rem; margin-left:12px; color:#8b8b8b; } 
.pageing_edu span { display:inline-block; width:19px; height:21px; background:url('/img/review/review_arrow.jpg') no-repeat 0 0; vertical-align:middle; } 
.pageing_edu span.re_orange { background:none; color:#f58a21; display:block; font-weight:bold; } 
.pageing_edu span.prev_ll { background-position:0 0; } 
.pageing_edu span.prev_l { background-position:-19px 0; } 
.pageing_edu span.next_r { background-position:-38px 0; } 
.pageing_edu span.next_rr { background-position:-57px 0; } 
.pageing_edu strong { margin-left:12px; } 
.review_t01 thead tr th.re_tab_fir { border-bottom:3px solid #f3632a; font-size:20px; height:50px; } 
.review_t01 thead tr th.re_tab_fir a { color:#f3632a; display:block; height:50px; line-height:50px; } 
.review_t01 thead tr th.re_tab_sec, .review_t01 thead tr th.re_tab_thr { border-bottom:3px solid #cfcfcf; font-size:20px; color:#c0c0c0; height:50px; } 
.review_t01 thead tr th.re_tab_sec a, .review_t01 thead tr th.re_tab_thr a { color:#c0c0c0; display:block; height:50px; line-height:50px; } 
.in_title { color:#e95050; font-weight:bold; } 
.review_t01 table { width:100%; margin:0 auto; } 
.review_t01 table.txt_table { width:96%; margin:0 auto; } 
.review_t01 table tbody tr { border-bottom:1px solid #eeeeee; } 
.review_t01 table tbody tr th,
.review_t01 table tbody tr td { padding:5% 3%; color:#1d1d1d; font-weight:normal; text-align:left; } 
.view_human { text-align:center; } 
.view_human img { width:100%; } 
.view_arrow { text-align:center; } 
.view_arrow img { width:50%; } 
.authorized_top { padding:3% 3% 0 3%; } 
.authorized_top h3 { color:#222222; font-size:14px; } 
.authorized_top p { color:#666666; font-size:12px; margin-top:5px; } 
.authorized_foot { overflow:hidden; width:100%; padding-bottom:10%; } 
.authorized_foot .sign_login { float:left; } 
.authorized_foot .complaint-btn { float:right; margin-top:10px; } 
.authorized_layer_bg { background:#000; opacity:0.5; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; } 
.authorized_layer_pop { position:fixed; z-index:1000; left:0; right:0; top:50%; transform: translate(0,-50%); display:none; } 
.authorized_layer_pop .authorized_box_area { position:relative; padding:0 5%; } 
.authorized_layer_pop .authorized_layer_close { position:absolute; top:-30px; right:5%; width: 24px; } 
.authorized_layer_pop img { width:100%; max-width:100%; } 
.authorized_layer_pop .bx-wrapper .bx-pager { bottom:5%; } 

/* 수강후기 섬네일 추가 */
.review_bxwrap { position:relative; } 
.review_bxwrap .bx_sum_area { position:absolute; top:33%; left:5%; width:90%; padding:0 0 10% 0; } 
.review_bxwrap .bx_sum_area ul li a { display:block; position:relative; } 
.review_bxwrap .bx_sum_area ul li a img { width:100%; } 


.review_bxwrap .bx_sum_area .bx-wrapper .bx-pager { bottom:-19%; } 
.review_bxwrap .bx_sum_area .bx-wrapper .bx-pager a { background: #8299f0; } 
.review_bxwrap .bx_sum_area .bx-wrapper .bx-pager a.active { background: #fff; width:30px; } 

/*상담신청폼 수정*/
.chk_sms ul li { margin-top:3%; } 
.chk_sms ul li:first-child { margin-top:0; } 

/*결제수정*/
.o_color { color:#fa5e01; } 
.new_addr input[type="text"] { width:68%; } 
.new_addr button { width:28%; height: 40px; margin-left:3%; border:1px solid #e4e4e4; background:#f1f1f1; } 
.new_addr p { font-size:12px; } 
.new_label { padding:0 3% 3%; } 
.new_label label { position:static !important; } 
.new_label label input[type="checkbox"] { position:static !important; margin-right:3px; } 

.title_ps { font-size:13px; padding:3% 3% 0; } 
.txt_scroll { padding:2%; border:1px solid #e4e4e4; } 

.bx_scroll { font-size:12px; } 
.bx_scroll table { table-layout:fixed; width:100%; margin-top:10px; } 
.bx_scroll table thead th { padding: 5px; border: 1px solid #dbdbdb; background: #f1f4f9; color: #4b4b4d; text-align: center; } 
.bx_scroll table tbody td { padding: 5px 0 2px 0; border: 1px solid #dbdbdb; text-align: center; letter-spacing: -0.5px; } 

.end_pop_bnr { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; } 
.pop_back { position:absolute; top:0; left:0; width:100%; height:200%; background:#000; opacity: 0.7; -khtml-opacity: 0.7; /* safari 1.x */-moz-opacity: 0.7; /* ff lt 1.5, netscape */ } 
.pop_cont { position: relative; width: 88%; margin: 25% auto; }