@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; } 
 }
.lecnm_wrap .lecnm_orange.v2{float:none;}

/* 나의 강의실 - 과목강의실 */
.lect_room_box{display:none;width:100%;text-align:center;}
.lect_room_box.p_active{display:block;}
.lect_room_box a{display:block;margin-bottom:1%;padding:2% 0;background:#fff;color:#fa6a00;border:1px solid #fa6a00;}
.lect_room_box a:last-of-type{margin-bottom:0;}

/* 나의 강의실 공통 */
.my_lect_container{background:#f4f6f7;}
.my_lect_container .detail_wrap{margin-top:5%;background:#fff;}
.my_lect_container .detail_wrap .my_lect_inner{padding:5% 0 10%;}
.my_lect_container .my_lect_inner{width:90%;margin:0 auto;}
.my_lect_container .fl_box_sb{display:flex;align-items:center;justify-content:space-between;width:100%;}
.my_lect_container .top_line{margin-top:5%;padding:5% 0 10%;border-top:1px solid #d9d9d9;}
.my_lect_container .prev_box{position:relative;background:#353840;color:#fff;font-size:4vw;font-weight:bold;padding:3% 5%;text-align:center;}
.my_lect_container .prev_box .prev_btn{position:absolute;left:3%;top:50%;transform:translateY(-50%);}
.my_lect_section{background:#fff;}
.my_lect_container .point_txt{display:inline-block;font-size:2.9vw;color:#f62424 !important;margin-top:1%;line-height:1.5;}
.my_lect_container .my_lect_info{font-size:2.9vw;color:#666;line-height:1.3;}
.my_lect_container .my_lect_desc{color:#222;font-size:2.9vw;line-height:1.5;word-break:keep-all;}
.my_lect_container .my_lect_desc span{color:#fa6a00;}
.my_lect_container .my_lect_desc strong{display:block;margin-bottom:2%;font-size:3.4vw;}
.my_lect_container .my_lect_desc strong > span{color:#fa6a00;}
.my_lect_container .my_lecture_tit{display:flex;align-items:center;justify-content:space-between;padding:3% 0;width:100%;}
.my_lect_container .my_lecture_tit.line{border-bottom:1px solid #777;}
.my_lect_container .my_lecture_tit .point_txt{font-size:3.8vw;font-weight:bold;}
.my_lect_container .my_lecture_tit .tit{position:relative;padding-left:5%;font-size:4vw;}
.my_lect_container .my_lecture_tit .tit:before{content:'';width:2vw;height:2vw;position:absolute;top:50%;left:0;transform:translateY(-50%);background:#fa6a00;}

.my_lect_container .my_lecture_tit .btn_lect_down{width:25%;}
.my_lect_container .my_lecture_tit .btn_lect_down img{max-width:100%;}
.my_lect_container .myLect_btn_box .myLect_btn{display:block;width:100%;height:10.6vw;font-size:3.7vw;font-weight:bold;border-radius:1.3vw;text-align:center;line-height:10.6vw;}
.my_lect_container .myLect_btn_box .myLect_btn img{max-width:100%;}
.my_lect_container .myLect_btn_box .myLect_btn.type01{background:#fa6a00;color:#fff;}
.my_lect_container .myLect_btn_box .myLect_btn.type02{background:#222;color:#fff;}
.my_lect_container .myLect_btn_box .myLect_btn.type03{color:#222;background:#fff;border:1px solid #ccc;}
.my_lect_container .myLect_btn_box .myLect_btn.type04{color:#fa6a00;background:#fff;border:1px solid #fa6a00;}
.my_lect_container .myLect_btn_box .myLect_btn .btn_write{display:inline-block;position:relative;padding-left:5vw;}
.my_lect_container .myLect_btn_box .myLect_btn .btn_write:before{content:'';position:absolute;left:0;top:50%;width:3.7vw;height:3.7vw;transform:translateY(-50%);background:url('https://cdn.edu2080.co.kr/edu2080/m/img/my/lecture/icon_pen.png') no-repeat 0 0;background-size:100% 100%;}
.my_lect_container .myLect_btn_box.btn_half{display:flex;align-items:center;justify-content:space-between;}
.my_lect_container .myLect_btn_box.btn_half .myLect_btn{width:48%;}
.my_lect_container .myLect_btn_box.btn_30{display:flex;align-items:center;justify-content:space-between;}
.my_lect_container .myLect_btn_box.btn_30 .myLect_btn{width:32%;}
.my_lect_container .myLect_btn_box.btn_70{display:flex;align-items:center;justify-content:space-between;}
.my_lect_container .myLect_btn_box.btn_70 .myLect_btn:first-of-type{width:27%;}
.my_lect_container .myLect_btn_box.btn_70 .myLect_btn:last-of-type{width:70%;}

.my_lect_container .my_lect_count{font-size:3.4vw;color:#222;}
.my_lect_container .my_lect_count span{color:#fA6a00;font-weight:bold;}
.my_lect_container .my_lect_count.v2{position:relative;padding-right:5%;}
.my_lect_container .my_lect_count.v2:after{content:'';position:absolute;right:0;top:50%;width:3.2vw;height:3.2vw;transform:translateY(-50%);background:url('https://cdn.edu2080.co.kr/edu2080/m/img/my/lecture/icon_arrow.png') no-repeat 0 0;background-size:100% 100%;}

.my_lect_container .lect_write_list{margin-top:3%;border-top:0.26vw solid #222;}
.my_lect_container .lect_write_list li{width:100%;padding:3% 0;border-bottom:1px solid #ededed;}
.my_lect_container .lect_write_list li .tit{font-size:3.4vw;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.my_lect_container .view_cont_list{display:flex;align-items:center;flex-wrap:wrap;width:100%;}
.my_lect_container .view_cont_list span{display:inline-block;position:relative;font-size:3vw;color:#868386;white-space:nowrap;}
.my_lect_container .view_cont_list span:not(:last-of-type){margin-right:2%;padding-right:2%;}
.my_lect_container .view_cont_list span:not(:last-of-type):after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:60%;background:#d9d9d9;}
.writer{margin-left:2%;font-size:2.3vw;padding:1% 3%;background:#fff6ef;color:#fa6a00;border-radius:2vw;}

.my_lect_paging{display:flex;align-items:center;justify-content:center;margin-top:5%;}
.my_lect_paging a{display:inline-block;width:5vw;line-height:5vw;text-align:center;font-size:4vw;margin-right:3%;}
.my_lect_paging a:last-of-type{margin-right:0;}
.my_lect_paging a.active{color:#fA6a00;font-weight:bold;text-decoration:underline;}
.my_lect_paging .prev img,
.my_lect_paging .next img{width:5vw;height:5vw;}

.my_lect_search{display:flex;align-items:center;justify-content:space-between;width:100%;height:9.3vw;margin-top:7%;}
.my_lect_search select{width:35%;height:100%;border:1px solid #ccc;border-radius:2vw;}
.my_lect_search .search{position:relative;width:63%;height:100%;}
.my_lect_search .search input[type="text"]{width:100%;height:100%;border:1px solid #ccc;border-radius:2vw;padding:0 18% 0 2%;}
.my_lect_search .search_btn{position:absolute;right:7%;top:50%;transform:translateY(-50%);}
.my_lect_search .search_btn img{width:4.5vw;}

.lect_info_box{margin-bottom:3%;padding:5%;box-sizing:border-box;border-radius:2.6vw;background:#FFF6EF;}
.lect_info_box.v2{background:#F7F8F9;margin-bottom:7%;}
.lect_info_box .talk_txt{font-size:3.4vw;color:#000;word-break:keep-all;}
.lect_info_box .talk_subject{font-size:3.4vw;display:block;margin-bottom:2%;color:#fa6a00;}
.lect_info_box.d_day{display:flex;flex-direction:column;justify-content:center;padding:3% 1%;text-align:center;}
.lect_info_box.d_day p{font-size:3.7vw;color:#fa6a00;font-weight:normal;}

.my_lect_container .point_desc{margin-bottom:5%;padding-top:3%;font-size:2.7vw;color:#666;border-top:1px solid #ededed;}
.my_lect_container .point_desc strong{line-height:1.7;}
.my_lect_container .point_desc .dot{display:inline-block;position:relative;margin-left:3%;padding-left:2%;line-height:1.5;}
.my_lect_container .point_desc .dot:before{content:'';position:absolute;left:0;top:1.3vw;width:0.7vw;height:0.7vw;border-radius:50%;background:#666;}
.my_lect_container .lect_info_box .point_desc{margin-bottom:0;padding-top:0;border-top:0;}

/* 작성글 화면 */
.lect_view{width:90%;margin:0 auto;padding-top:5%;}
.lect_view .view_top{padding-bottom:5%;border-bottom:1px solid #ededed;}
.lect_view .view_top .tit{font-size:4.2vw;line-height:1.2;font-weight:bold;margin-bottom:2%;word-break:keep-all;}
.lect_view .view_btm{padding:5% 0 8%;font-size:3.7vw;line-height:1.4;word-break:keep-all;}
.lect_view .view_btm.v2{padding:3% 0 8%;}
.lect_view .myLect_btn_box.btn_half{margin-top:0;}
.lect_view .file_name{position:relative;font-size:4vw;color:#4b6aac;text-decoration:underline;padding-left:4vw;margin-top:5%;}
.lect_view .file_name:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3.7vw;height:3.7vw;background:url("https://cdn.edu2080.co.kr/edu2080/m/img/my/lecture/icon_file.png") no-repeat center/contain;}

/* 팝업 */
.myLect_pop_w{position:relative;display:none;}
.myLect_pop{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);width:90%;max-height:70vh;overflow-y:auto;z-index:12;padding-top:8vw;}
.myLect_pop img{width:100%;}
.myLect_pop_bg{background-color:#000;opacity:0.6;z-index:10;position:fixed;top:0;left:0;width:100%;height:100%;}
.myLect_pop_close {position:absolute;top:0;right:0;width:7.2vw;height:7.2vw;font-size:4vw;color:#fff;background:#343434;border-radius:50%;text-align:center;}

.myLect_pop_w .pop_content{background:#fff;width:100%;margin:0 auto;border-radius:2.6vw;}
.myLect_pop_w .pop_content .pop_tit{padding:3% 0;background:#fa6a00;color:#fff;text-align:center;border-radius:2.6vw 2.6vw 0 0;font-size:4vw;letter-spacing:0;}
.myLect_pop_w .pop_content .pop_detail{padding:5%;}

.pop_top{display:flex;align-items:center;justify-content:space-between;background:#fff6ef;border-radius:2.6vw;padding:3% 4%;margin-bottom:5%;}
.pop_top li{display:flex;align-items:center;justify-content:space-between;position:relative;width:45%;}
.pop_top li:first-child:after{content:'';position:absolute;right:-11.5%;top:50%;transform:translateY(-50%);width:1px;height:60%;background:#dadada;}
.pop_top li p{font-size:3.4vw;color:#222;font-weight:bold;padding-left:5.5vw;}
.pop_top li p:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4.2vw;height:4.2vw;background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;}
.pop_top li p.write_txt:before{background-image:url('https://cdn.edu2080.co.kr/edu2080/m/img/my/lecture/icon_pen02.png');}
.pop_top li p.comment_txt:before{background-image:url('https://cdn.edu2080.co.kr/edu2080/m/img/my/lecture/icon_comment.png');}
.pop_top li span{font-size:3.4vw;color:#fa6a00;font-weight:bold;}

.my_write_list{margin-top:3%;}
.my_write_list li{margin-bottom:2%;padding:4%;box-sizing:border-box;border:1px solid #868686;border-radius:2.6vw;}
.my_write_list li:last-child{margin-bottom:0;}
.my_write_list li .fl_box_sb .txt{font-size:3.2vw;font-weight:bold;}
.my_write_list li .fl_box_sb .delete{position:relative;padding-left:5%;color:#fa6a00;font-size:3.2vw;}
.my_write_list li .fl_box_sb .delete:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3.2vw;height:3.2vw;background:url('https://cdn.edu2080.co.kr/edu2080/m/img/my/lecture/icon_trash.png') no-repeat 0 0;background-size:100% 100%;}
.my_write_list li .cont{margin-top:3%;padding-top:3%;border-top:1px solid #d9d9d9;}
.my_write_list li .cont .tit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:3.4vw;line-height:1.2;margin-bottom:1%;}
.my_write_list li .cont .period{color:#868686;font-size:3.4vw;}

/* 나의 강의실 - 토론 */
.my_lecture_wrap .my_lecture_list{display:flex;align-items:center;flex-wrap:wrap;margin-top:5%;}
.my_lecture_wrap .my_lecture_list li{width:32%;height:9.3vw;margin:0 2% 2% 0;border:1px solid #555;border-radius:1.3vw;}
.my_lecture_wrap .my_lecture_list li.p_active,
.my_lecture_wrap .my_lecture_list li.on_going{background:#fa6a00;border-color:#fa6a00;}
.my_lecture_wrap .my_lecture_list li:nth-child(3n){margin-right:0;}
.my_lecture_wrap .my_lecture_list li a{display:block;width:100%;height:100%;color:#fff;text-align:center;line-height:9.3vw;font-size:3.7vw;}
.lect_talk_inner{padding:0 5%;}
.lecture_talk_cont{margin-top:5%;padding:5% 0;background:#f9f9f9;}
.lecture_talk_cont .talk_cont_list{width:90%;margin:0 auto;}
.lecture_talk_cont .talk_cont_list li{border:1px solid #aaa;padding:5%;border-radius:2.6vw;background:#fff;margin-bottom:3%;}
.lecture_talk_cont .talk_cont_list li:last-child{margin-bottom:0;}
.lecture_talk_cont .talk_cont_list li .cont_top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:3%;}
.lecture_talk_cont .talk_cont_list li .cont_top .status{padding:0.5% 2%;box-sizing:border-box;border-radius:2.6vw;border:1px solid #ff5b66; color:#f62424;font-size:2.9vw;}
.lecture_talk_cont .talk_cont_list li .cont_top .num_txt{color:#222;font-size:3.4vw;font-weight:bold;margin-right:2%;}
.lecture_talk_cont .talk_cont_list li .cont_top .count{color:#666;font-size:2.9vw;margin-left:auto;}
.lecture_talk_cont .talk_cont_list li .tit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:4vw;line-height:1.3;margin-bottom:3%;}
.lecture_talk_cont .talk_cont_list li .cont_middle{display:flex;align-items:center;justify-content:space-between;background:#fff6ef;border-radius:2vw;margin-bottom:2%;padding:4% 5%;box-sizing:border-box;font-size:3.4vw;color:#666;}
.lecture_talk_cont .talk_cont_list li .left_txt{width:50%;}
.lecture_talk_cont .talk_cont_list li .left_txt span{display:inline-block;position:relative;padding-left:12%;color:#fA6a00;line-height:1.2;}
.lecture_talk_cont .talk_cont_list li .left_txt span:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3.7vw;height:3.7vw;background:url('https://cdn.edu2080.co.kr/edu2080/m/img/my/lecture/icon_pencil.png') no-repeat 0 0;background-size:100% 100%;}
.lecture_talk_cont .talk_cont_list li .right_txt{text-align:right;}
.lecture_talk_cont .talk_cont_list li .right_txt span{color:#fA6a00;}
.lecture_talk_cont .talk_cont_list li .period{font-size:3.2vw;color:#222;margin-bottom:1%;}
.lecture_talk_cont .talk_cont_list li .period span{position:relative;display:inline-block;padding-right:2%;margin-right:2%;color:#666;}
.lecture_talk_cont .talk_cont_list li .period span:after{content:'';width:0.26vw;height:55%;position:absolute;right:0;top:50%;transform:translateY(-50%);background:#d9d9d9;}
.lecture_talk_cont .my_lect_info{width:90%;margin:3% auto 0;font-size:2.8vw;color:#666;line-height:1.3;word-break:keep-all;}
.my_lect_container .lecture_talk_cont .talk_cont_list .myLect_btn_box.top_line{padding-bottom:0;}

/* 나의 강의실 - 작성하기 */
.lect_write_wrap{margin-top:5%;background:#fff;}
.lect_write_wrap .my_lecture_tit{margin-bottom:5%;border-bottom:1px solid #ededed;}
.lect_write_wrap .my_lecture_tit button{padding:1.2% 3%;border:1px solid #e0e0e0;font-size:3vw;border-radius:1.3vw}
.lect_write_wrap .write_area{width:100%;margin-bottom:4%;}
.lect_write_wrap .write_area:last-of-type{margin-bottom:0;}
.lect_write_wrap .write_area dt{margin-bottom:1%;font-size:3.4vw;color:#222;font-weight:bold;}
.lect_write_wrap .write_area dd{width:100%;}
.lect_write_wrap .write_area dd input[type="text"]{width:100%;border-color:#aaa;border-radius:2vw;padding:0 2%;font-size:3vw;height:10.6vw;}
.lect_write_wrap .write_area dd textarea{width:100%;border-color:#aaa;border-radius:2vw;padding:3%;font-size:3vw;}

/* 나의 강의실 - 토론 작성글 화면 - 댓글 */
.comment_wrap{margin-top:5%;padding:5% 0 15%;background:#fff;}
.comment_write_area{display:flex;align-items:center;padding:3%;border:1px solid #999;border-radius:2.6vw;width:100%;height:23.4vw;margin-top:2%;}
.comment_write_area textarea{width:70%;height:100%;font-size:3.2vw;margin-right:3%;padding:0;border:none;box-sizing:border-box;}
.comment_write_area textarea::placeholder{color:#aaa;}
.comment_write_area .comment_btn_box{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:27%;height:100%;border-left:1px solid #dedede;}
.comment_write_area .comment_btn_box button{width:90%;height:10.6vw;border-radius:2.6vw;font-size:3.7vw;color:#fff;font-weight:bold;background:#000;}
.comment_write_area .comment_btn_box p{width:90%;text-align:center;color:#999;font-size:2.1vw;}
.comment_write_area .comment_btn_box p span{color:#666;}
.comment_write_area.v2{height:17vw;}
.comment_write_area.v2 .comment_btn_box{justify-content:center;}
.comment_list{margin-top:5%;}
.comment_list li{margin-bottom:5%;}
.comment_list li:last-child{margin-bottom:0;}
.comment_list .info{display:flex;align-items:center;width:50%;}
.comment_list .info .user_id{font-size:2.7vw;color:#222;font-weight:bold;}
.comment_list .info .user_id.re_comment{position:relative;padding-left:3vw;}
.comment_list .info .user_id.re_comment:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:2.1vw;height:3.2vw;background:url('https://cdn.edu2080.co.kr/edu2080/m/img/my/lecture/icon_line.png') no-repeat 0 0;background-size:100% 100%;}
.comment_list .info .writer{margin-left:4%;font-size:2.6vw;padding:2% 4%;}
.comment_list .comment_edit{display:flex;align-items:center;}
.comment_list .comment_edit li{padding-right:3vw;position:relative;}
.comment_list .comment_edit li:last-child{padding-right:0;padding-left:3vw;}
.comment_list .comment_edit li:first-child:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:60%;background:#868686;}
.comment_list .comment_edit button{font-size:3vw;color:#868686;width:100%;}
.comment_list .comment{font-size:3.2vw;color:#000;line-height:1.4;margin-top:3%;word-break:keep-all;width:100%;}
.comment_list .fl_box_sb.v2{margin-top:3%;}
.comment_list .comment_date{font-size:3.2vw;color:#666;}
.comment_list .comment_btn02{width:16.2vw;}
.comment_list .comment_btn02 img{width:100%;}
.comment_list .comment_type02{padding-left:2%;}
.comment_list .comment_type03{padding-left:4%;}
.comment_wrap .myLect_btn_box{margin-top:10%;}

/* 테이블 */
.info_box_wrap{border:1px solid #aaa;border-radius:2.6vw;overflow:hidden;width:100%;margin-bottom:5%;}
.info_table{width:100%;border-collapse:collapse;font-size:4vw;}
.info_table th{width:30%;background:#f7f8f9;color:#666;font-weight:500;text-align:center;padding:5% 2%;}
.info_table td{width:70%;background-color:#fff;color:#333;padding:5% 3%;}
.info_table tr+tr th,
.info_table tr+tr td{border-top:1px solid #ededed;}
.info_table td span{color:#fa6a00;}

/* 파일 첨부 - 과제 영역 */
.detail_wrap .uploadBtn{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);}
.detail_wrap .customUploadBtn{display:flex;align-items:center;justify-content:center;width:100%;height:10.6vw;border:1px dashed #fa6a00;border-radius:8px;color:#fa6a00;font-weight:bold;font-size:4.2vw;background-color:#fff;cursor:pointer;box-sizing:border-box;}
.detail_wrap .customUploadBtn::before{content:'＋';font-size:5vw;font-weight:bold;margin-right:1%;}
.detail_wrap .file_list{display:none;margin-top:2%;}
.detail_wrap .file_item{display:flex;align-items:center;justify-content:space-between;background-color:#f7f8f9;padding:3% 4%;border-radius:1.5vw;margin-bottom:2%;}
.detail_wrap .file_info{position:relative;display:block;max-width:95%;color:#4b6aac;padding-left:4.5vw;}
.detail_wrap .file_info:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3.7vw;height:3.7vw;background:url("https://cdn.edu2080.co.kr/edu2080/m/img/my/lecture/icon_file.png") no-repeat center/contain;}
.detail_wrap .file_info span{display:block;max-width:100%;font-size:3.2vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.detail_wrap .file_name{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.detail_wrap .file_btn_del{background-color:#666;color:#fff;border:none;width:3.5vw;height:3.5vw;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2vw;}
.detail_wrap.homework .my_lect_info{margin-top:3%;}

/* 파일 첨부 - 수업참여도 영역 */
.lect_att_wrap .fileUpload{display:flex;gap:1.3vw;align-items:stretch;height:10.6vw;}
.lect_att_wrap .file_input_area{flex:1;display:flex;align-items:center;justify-content:space-between;border:1px solid #c0c0c0;border-radius:1.3vw;background-color:#fff;padding:0 12px;box-sizing:border-box;}
.lect_att_wrap .file_name{flex:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4b6aac;font-size:3vw;}
.lect_att_wrap .file_btn_del{flex-shrink:0;background-color:#666;color:#fff;border:none;width:3.5vw;height:3.5vw;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2vw;}
.lect_att_wrap .uploadBtn{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);}
.lect_att_wrap .customUploadBtn{flex-shrink:0;background-color:#2a2a2a;color:#fff;font-size:4.2vw;font-weight:500;padding:0 24px;border-radius:1.3vw;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;}

/* 과제 동의영역 */
.agree_area{display:flex;align-items:center;padding:3% 2%;border:1px solid #dcdcdc;border-radius:2.5vw;background-color:#fff;transition:all 0.2s;box-sizing:border-box;margin-top:5%;}
.agree_area input[type="checkbox"]{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);}
.agree_area .chk_box{flex-shrink:0;width:5.3vw;height:5.3vw;border-radius:1.3vw;background-color:#fff;margin-right:2%;border:1px solid #d9d9d9;}
.agree_area .chk_text{font-size:3.2vw;color:#222;line-height:1.4;word-break:keep-all;}
.agree_area:has(input:checked){background-color:#fff6f1;border-color:#f6c3ad;}
.agree_area input:checked + .chk_box{background:#2a2a2a url('https://cdn.edu2080.co.kr/edu2080/m/img/my/lecture/icon_chk.png') no-repeat center/contain;background-size:60% 60%;}

/* 과제 팝업 */
.myLect_pop_w .pop_txt{padding:5%;border-radius:2.6vw;background:#fff;}
.myLect_pop_w .pop_txt .tit{margin-bottom:5%;padding-bottom:5%;border-bottom:1px solid #ededed;font-size:4.4vw;color:#222;font-weight:bold;}
.myLect_pop_w .pop_txt .desc{font-size:3.2vw;color:#666;line-height:1.5;word-break:keep-all;}
.myLect_pop_w .info_box_wrap{border-radius:unset;margin-top:5%;border:none;border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
.myLect_pop_w .sub_tit{font-size:4vw;font-weight:bold;color:#222;}
.myLect_pop_w .sub_tit span{color:#fa6a00;}

/* 수업참여도 */
.my_lect_container .lect_att_wrap .my_lecture_tit{padding:5% 0 0 0;}
.write_chk_box{display:flex;align-items:center;}
.write_chk_box input[type="checkbox"]{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);}
.write_chk_box span{position:relative;display:inline-block;font-size:3.8vw;color:#222;padding-left:6.5vw;}
.write_chk_box input + span:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5.3vw;height:5.3vw;border-radius:1.3vw;background-color:#fff;margin-right:7%;border:1px solid #d9d9d9;}
.write_chk_box input:checked + span:before{content:'';background:#2a2a2a url('https://cdn.edu2080.co.kr/edu2080/m/img/my/lecture/icon_chk.png') no-repeat center/contain;background-size:60% 60%;}

/* 성적조회 */
.grade_tab_area{position:relative;width:100%;margin:5% 0 auto;}
.grade_tab_area > .tab{width:100%;display:flex;align-items:center;justify-content:space-between;z-index:5;height:10.6vw;}
.grade_tab_area > .tab li{width:51%;height:100%;}
.grade_tab_area > .tab li button{display:block;width:100%;height:100%;font-size:4.2vw;background:#fff;border:1px solid #666;color:#000;}
.grade_tab_area > .tab li:nth-child(1) button{border-radius:2.6vw 0 0 2.6vw;}
.grade_tab_area > .tab li:nth-child(2) button{border-radius:0 2.6vw 2.6vw 0;}
.grade_tab_area > .tab li.p_active button{background:#222;color:#fff;}
.grade_tab_area > .tabcon{display:none;width:100%;margin:5% 0 auto;position:relative;padding:calc(5% + 3vw) 0 12%;}
.grade_tab_area > .tabcon:before{content:'';position:absolute;top:0;left:0;width:100%;height:3vw;background:#f4f6f7;}
.grade_tab_area > .tabcon.p_active{display:block;}
.grade_tab_area > .tabcon .tit{font-size:4vw;font-weight:bold;}
.grade_tab_area > .tabcon .my_lect_desc{margin-bottom:2%;}
.exam_table{width:100%;table-layout:fixed;border-collapse:collapse;border-top:2px solid #666;text-align:center;font-size:3.5vw;}
.exam_table th{background-color:#f6f6f6;color:#333;padding:2% 1%;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;font-weight:normal;}
.exam_table td{color:#222;padding:3% 1%;line-height:1.5;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;word-break:keep-all;}
.exam_table th:last-child,
.exam_table td:last-child{border-right:none;}
.exam_table span{font-weight:bold;}
.exam_table tr td span.txt_orange{color:#fa6a00;}

.grade_box{width:100%;margin-top:3%;padding:5% 7%;background:#FFF6EF;border:1px solid #FFCDA7;border-radius:2.6vw;}
.grade_box h4{font-size:4.8vw;font-weight:bold;padding-bottom:3%;margin-bottom:3%;border-bottom:1px solid #d9d9d9;text-align:center;}
.grade_box h4 .user_name{color:#fa6a00;}
.grade_box .grade{display:flex;align-items:center;justify-content:space-between;width:90%;margin:0 auto;}
.grade_box .grade .grade_score{position:relative;font-size:16vw;font-weight:bold;color:#fa6a00;}
.grade_box .grade .grade_score.plus{padding-right:7%;}
.grade_box .grade .grade_score.plus:after{content:'+';position:absolute;right:0;top:22%;font-size:10vw;font-weight:bold;color:#fa6a00;display:inline-block;line-height:1;}
.grade_desc_list{width:70%;}
.grade_desc_list li{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:5%;padding:5% 7%;background:#fff;border-radius:2.6vw;}
.grade_desc_list li:last-child{margin-bottom:0;}
.grade_desc_list li span{font-size:3.4vw;}
.grade_desc_list li .info{display:inline-block;position:relative;padding-right:4.5vw;}
.grade_desc_list li .info:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:3.7vw;height:3.7vw;background:url("https://cdn.edu2080.co.kr/edu2080/m/img/my/lecture/icon_info.png") no-repeat center/contain;}
.grade_desc_list li strong{font-size:4.2vw;font-weight:bold;color:#fa6a00;}
.grade_desc_list.v2{width:100%;margin-top:5%;}
.grade_desc_list.v2 li{background:#fff6ef;margin-bottom:3%;padding:4% 5%;}
.grade_info{margin-top:5%;font-size:2.9vw;color:#666;line-height:1.5;word-break:keep-all;}
.grade_info span{color:#f62424;}

.score_panel{margin-top:5%;}
.score_header{display:flex;align-items:baseline;gap:2vw;margin-bottom:2vw;}
.score_header .tit{font-size:4vw;font-weight:bold;color:#111;margin:0;}
.score_header .sub{font-size:3vw;color:#888;}
.score_grid{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;border-top:0.6vw solid #444;}
.score_item{display:flex;flex-direction:column;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.score_item:nth-child(3n){border-right:none;}
.sc_th{background-color:#f9f9f9;color:#555;font-size:3.2vw;text-align:center;padding:3vw 1vw;border-bottom:1px solid #e5e5e5;flex:1;display:flex;align-items:center;justify-content:center;line-height:1.4;word-break:keep-all;}
.sc_td{background-color:#fff;color:#111;font-size:4vw;font-weight:bold;text-align:center;padding:4vw 1vw;}

/* 출석 팝업 */
.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; }
.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; font-weight: 700; } 
.authorized_foot .sign_login.v2{color: #e95050;} 
.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; top:50%;left:50%;transform:translate(-50%,-50%); display:none; width:80%;} 
.authorized_layer_pop .authorized_box_area { position:relative; padding:0 5%; } 
.authorized_layer_pop .authorized_layer_close { position:absolute; top:2.3%; right:8%; width: 4.5vw; }
.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; } 

/* 미디어쿼리 */
@media screen and (min-width:750px){
    .authorized_layer_pop{width:60%;}
    .authorized_layer_pop .authorized_layer_close{width:33px;}
}

/* 미디어쿼리 */
@media screen and (min-width:1000px){
    .authorized_layer_pop{width:40%;}
}