@charset "utf-8";

.lecture .col_L{position:relative;width:465px;height:230px;margin-right:20px;}
.lecture .col_L ul{}
.lecture .col_L ul li{width:465px;height:230px;}
.lecture .col_R {position:relative; width:230px; height:230px;}
.lecture .col_R ul{ margin:0; padding:0; width:230px; height:191px; overflow:hidden;}
.lecture .col_R ul li{float:left;}
.lecture .col_R ul li a p {position:absolute; left:0; top:0; width:150px; height:30px; padding:5px 10px 0 10px; font-size:12px; letter-spacing:-0.5px; text-align:center; background: url('http://img.megastudyth.com/etc/160329/intMainR_date_bg.png') no-repeat; text-align:left; }
.lecture .col_R .r_Bnr_roll{width:228px; height:38px; overflow:hidden; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
/*====== Tab 3개일 경우 ======*/
.lecture .col_R .r_Bnr_roll .list3 li{float:left; width:75px; height:38px; text-align:center; border-right:1px solid #dfdfdf; margin:0 auto;}
.lecture .col_R .r_Bnr_roll .list3 li a{position:relative; display:block; color:#666666; font-size:12px; letter-spacing:-1px; line-height:12px; text-align:center; padding:12px 0 12px 0; }
.lecture .col_R .r_Bnr_roll .list3 li a.on{position:relative; display:block; color:#f93345; font-weight: 500; font-size:12px; letter-spacing:-1px; line-height:12px;text-align:center; padding:12px 0 12px 0; background-color:#ffffff; }
.lecture .col_R .r_Bnr_roll .list3 li.last{float:left; width:76px; height:38px; text-align:center; border-right:0px solid #dfdfdf; margin:0 auto;}
.lecture .col_R .r_Bnr_roll .list3 li.last a{position:relative; display:block; color:#666666; font-size:12px; letter-spacing:-1px; line-height:12px; text-align:center; padding:12px 0 12px 0;}
.lecture .col_R .r_Bnr_roll .list3 li.last a.on{position:relative; display:block; color:#f93345; font-weight: 500; font-size:12px; letter-spacing:-1px; line-height:12px; text-align:center; padding:12px 0 12px 0; background-color:#ffffff; }
/*====== Tab 2개일 경우 ======*/
.lecture .col_R .r_Bnr_roll .list2 li{float:left; width:113px; height:38px; text-align:center; border-right:1px solid #dfdfdf; margin:0 auto;}
.lecture .col_R .r_Bnr_roll .list2 li a{position:relative; display:block; color:#666666; font-size:12px; letter-spacing:-1px; line-height:12px; text-align:center; padding:12px 0 12px 0; background-color:#f3f3f3; }
.lecture .col_R .r_Bnr_roll .list2 li a.on{position:relative; display:block; color:#f93345; font-weight: 500; font-size:12px; letter-spacing:-1px; line-height:12px; text-align:center; padding:12px 0 12px 0; background-color:#ffffff; }
.lecture .col_R .r_Bnr_roll .list2 li.last{float:left; width:114px; height:38px; text-align:center; border-right:0px solid #dfdfdf; margin:0 auto;}
.lecture .col_R .r_Bnr_roll .list2 li.last a{position:relative; display:block; color:#666666; font-size:12px; letter-spacing:-1px; line-height:12px; text-align:center; padding:12px 0 14px 0; background-color:#f3f3f3;}
.lecture .col_R .r_Bnr_roll .list2 li.last a.on{position:relative; display:block; color:#f93345; font-weight: 500; font-size:12px; letter-spacing:-1px; line-height:12px;text-align:center; padding:12px 0 14px 0; background-color:#ffffff;}
/*====== Tab 1개일 경우 ======*/
.lecture .col_R .r_Bnr_roll .list1 li{float:left; width:100%; height:38px; text-align:center; border-right:0px solid #dfdfdf; margin:0 auto;}
.lecture .col_R .r_Bnr_roll .list1 li a{position:relative; display:block; color:#f93345; font-weight: 500; font-size:12px; letter-spacing:-1px; line-height:12px; text-align:center; padding:12px 0 14px 0;}

.lecture .topBanner{}
.lecture .topBanner li{position:relative}
.lecture .topBanner li p{position:absolute;top:0;left:0;width:150px;height:30px;padding:5px 10px 0 10px;font-size:12px;color:#fff;background:url('http://img.megastudyth.com/etc/160329/intMainL_date_bg.png') no-repeat}
.lecture #slide1 .swiper-pagination{position:absolute;bottom:10px;right:0;}
.lecture #slide1 .swiper-pagination span{background:url('http://img.megastudyth.com/etc/160129_1/btn_roll_off.png') no-repeat;}
.lecture #slide1 .swiper-pagination span.swiper-pagination-bullet-active{background:url('http://img.megastudyth.com/etc/160129_1/btn_roll_on.png') no-repeat;}
.lecture .prof_bnr ul{}
.lecture .prof_bnr ul.last{padding-top:20px;}
.lecture .prof_bnr ul li {float:left;width:175px;margin-right:5px}
.lecture .prof_bnr ul li.last{margin-right:0;}
.lecture .prof_bnr ul li a{display:block; position:relative; height:185px;  border:1px solid #e1e1e1;}
.lecture .prof_bnr ul li a dl { }
.lecture .prof_bnr ul li a dl dt {position:absolute; top:15px; width:170px; display:block; letter-spacing:-1px; font-size:11px;  line-height:140%; text-align: center; }
.lecture .prof_bnr ul li a dl dt p.tit{margin-bottom:5px;font-weight: 500; font-size:14px; line-height: 20px; color:#333;}
.lecture .prof_bnr ul li a dl dt span{color:#777}
.lecture .prof_bnr ul li dl dd { } /* 이미지 영역 */
.lecture .prof_bnr ul li dl dd .gara{width:173px; height:85px;  position:absolute; left:0; top:100px; background:red; z-index:2; background:url('http://img.megastudyth.com/etc/170228_1/cover.png') no-repeat left top;}
.lecture .prof_bnr ul li dl dd .photo_cover { position:absolute; bottom:0; left:40px; width:85px; height:85px; background-color:#eaeaea; overflow:hidden; z-index:1; }
.lecture .prof_bnr ul li dl dd .photo_cover img { width:90px; overflow:hidden; }
.lecture .prof_bnr ul li dl dd .txt_name{display:none; position:absolute; left:52px; top:115px;  width:70px; height:70px; z-index:3;  text-align:center;line-height:140%; letter-spacing:-1px; font-size:12px;}
.lecture .prof_bnr ul li dl dd .txt_name span{font-size:11px; color:#fff;}
.lecture .prof_bnr ul li a:hover dl dd .txt_name{display:block;color:#fff;}
.lecture .prof_bnr ul li a:hover dl dd .gara{ background:url('http://img.megastudyth.com/etc/170228_1/cover_on.png') no-repeat;}

.lecture .column_curri{margin:20px 0;width:711px;border:2px solid #caced4;}
.lecture .column_curri .tit{padding:14px 18px;font-size:14px;font-weight: 500;color:#333;letter-spacing:-1px;text-align:left;}
.lecture .column_curri .curri_list{padding:0 17px}
.lecture .column_curri .curri_list ul{}
.lecture .column_curri .curri_list ul li{float:left;text-align:left;margin-right:6px}
.lecture .column_curri .curri_list ul li.last{margin-right:0;}
.lecture .column_curri .curri_cont{display:inline-block;padding:20px 25px 18px 26px;margin:7px 0 0 0;background:#f9f9fa}
.lecture .column_curri .curri_cont ul{}
.lecture .column_curri .curri_cont ul li img{display:none}

.lecture .lecBox{position:relative;width:338px; height:218px;border:1px solid #e1e1e1; background-color:#fff;}
.lecture .lecBox .tit{line-height:32px;font-size:14px; font-weight: 500; border-bottom:1px solid #e1e1e1;color:#333333; letter-spacing:-1px; text-align:left; padding-left:20px;font-weight:bold}
.lecture .lecBox .tit span{color:#f93345;font-weight:bold}
.lecture .lecBox em{position:absolute;right:10px;top:10px;color:#999;font-size:11px;letter-spacing:-1px;font-style:normal}
.lecture .lecBox em span{color:#999;font-size:11px;letter-spacing:-1px;}

.lecture .bestlec{}
.lecture .bestlec .swiper-container{width:300px !important;margin:0 auto;height:30px;}
.lecture .bestlec .swiper-container .swiper-wrapper{width:300px}
.lecture .bestlec .swiper-slide{height:30px;line-height:30px;text-align:center;background:url('http://img.megastudyth.com/main/150401/bullet_login.gif') no-repeat right 12px}
.lecture .bestlec .swiper-slide.on{color:#f93345}
.lecture .bestlec .swiper-button-prev {top:40px;left:10px;margin:0 0 0 -5px;width:19px;height:19px;}
.lecture .bestlec .swiper-button-next{top:40px;right:5px;margin:0 0 0 -5px;width:19px;height:19px;}
.lecture .bestlec .bestleccont{border-top:1px solid #e1e1e1}
.lecture .bestlec .bestleccont .best_img{display:inline-block;padding:15px 0 0 20px}
.lecture .bestlec .bestleccont .best_img a{display:block;position:relative;overflow:hidden;width:75px;height:110px;background:#ececec}
.lecture .bestlec .bestleccont .best_img .icon_bestlec{position:absolute;top:0;left:0;}
.lecture .bestlec .bestleccont .best_img .icon_bestlec img{width:26px;height:37px}
.lecture .bestlec .bestleccont .best_img .best_photo{position:absolute;top:6px;left:-12px;}
.lecture .bestlec .bestleccont .best_img .best_photo img{width:103px;height:103px;vertical-align:top}
.lecture .bestlec .bestleccont .best_img p{text-align:center;font-weight: 500;line-height:18px}

.lecture .bestlec .bestleccont .best_list{display:inline-block;width:225px;padding:15px 0 0 0}
.lecture .bestlec .bestleccont .best_list ul{}
.lecture .bestlec .bestleccont .best_list ul li{height:23px;line-height:23px;}
.lecture .bestlec .bestleccont .best_list ul li a{height:23px;line-height:23px;color:#666}
.lecture .bestlec .bestleccont .best_list ul li a .bestnum{padding-right:3px;color:#f93345;font-weight:bold}
.lecture .bestlec .bestleccont .best_list ul li a.ellipsis{width:210px;display:inline-block;}

.lecture .newleccont {margin:15px 20px 0 20px; overflow:hidden; height:150px;}
.lecture .newleccont .newleccont_ul li {height:30px; line-height:30px; text-align:left;}
.lecture .newleccont .newleccont_ul li span.newlec_subject{display:block; float:left; width:60px; height:30px; font-weight: 500; font-size:12px; color:#666; }
.lecture .newleccont ul li a{vertical-align:top; display:block; float:left; width:220px; height:30px; line-height:30px; color:#666666; }
.lecture .newleccont ul li a:hover{color:#3373d4;}
.lecture .newleccont ul li a:active{color:#3373d4;}
.lecture .newleccont ul li a:visite{color:#666666;}
.lecture .newleccont ul li span.newlec_up{display:block; float:left; height:30px; line-height:30px; color:#f93345;}

.lecture .newfree_wrap{position:relative;}
.lecture .newfree_wrap .page{position:absolute;top:7px;right:0}
.lecture .newfree_wrap .page a{float:left;width:17px;height:17px;text-indent:-99999px;}
.lecture .newfree_wrap .page a.next{width:16px;background-position:-17px 0;}
.lecture .newfree_wrap .freeprof{position:relative; width:300px;height:165px; background:#f3f3f3; padding:0 20px 0 20px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.lecture .newfree_wrap .freeprof ul{margin:0; padding:0;}
.lecture .newfree_wrap .freeprof ul li{display:none;width:300px; height:62px; padding:10px 0 9px 0; margin:0; border-bottom:1px dotted #b9b9b9; text-align:left; }
.lecture .newfree_wrap .freeprof ul li.show{display:block;}
.lecture .newfree_wrap .freeprof ul li.last{width:300px; height:62px; padding:10px 0 9px 0; border-bottom:0px dotted #b9b9b9; }
.lecture .newfree_wrap .freeprof ul li .free_img{float:left; width:62px; height:62px; position:relative; overflow:hidden; margin:0 20px 0 0; }
.lecture .newfree_wrap .freeprof ul li .free_img .free_photo{ position:absolute; left:-19px; top:-8px;}
.lecture .newfree_wrap .freeprof ul li .free_photo img{width:100px; height:100px; }
.lecture .newfree_wrap .freeprof ul li .freeprof_list{float:left; overflow:hidden; width:217px; height:62px; padding:8px 0 8px 0; line-height:16px; word-break:keep-all;}
.lecture .newfree_wrap .freeprof ul li .freeprof_list span{font-size:12px; color:#3373d4;}
.lecture .newfree_wrap .freeprof ul li .freeprof_list span strong{font-weight: 500;color:#3373d4}
.lecture .newfree_wrap .freeprof ul li .freeprof_list a{font-size:12px; letter-spacing:-0.5px; line-height:16px; text-align:left; color:#333333;}
.lecture .newfree_wrap .freeprof ul li .freeprof_list a:hover{text-align:left; color:#3373d4;}
.lecture .newfree_wrap .freeprof ul li .freeprof_list a:active{text-align:left; color:#3373d4;}
.lecture .newfree_wrap .freeprof ul li .freeprof_list a:visite{text-align:left; color:#333333;}

.lecture .column_intprof {margin:20px 0;}
.lecture .column_intprof .lecBox2{position:relative;width:340px;height:198px;border-top:1px solid #333333}
.lecture .column_intprof .lecBox2 .tit{line-height:32px;padding-left:20px;font-size:14px;font-weight: 500;color:#333;letter-spacing:-1px;text-align:left}
.lecture .column_intprof .tenmin_wrap {}
.lecture .column_intprof .tenmin_wrap ul{}
.lecture .column_intprof .tenmin_wrap ul li{position:relative;float:left;width:164px;height:165px;margin-right:7px;border:1px solid #e1e1e1;background:#f3f3f3}
.lecture .column_intprof .tenmin_wrap ul li.last{margin-right:0;}
.lecture .column_intprof .tenmin_wrap ul li a{display:block;width:166px;height:167px}
.lecture .column_intprof .tenmin_wrap ul li a .txt{display:block;padding:10px 0 0 10px;font-size:12px;line-height:16px;text-align:left;letter-spacing:-1px;}
.lecture .column_intprof .tenmin_wrap ul li a .txt strong{color:#353535;font-size:14px;line-height:22px;font-weight:bold}
.lecture .column_intprof .tenmin_wrap ul li .img{position:absolute;bottom:10px;left:110px}

.lecture .column_hitprof{position:relative;width:715px;height:44px;background:#46495a url('http://img.megastudyth.com/new/vod/hit_roll_bg.jpg') no-repeat}
.lecture .column_hitprof ul{padding:14px 0 0 252px;width:428px;}
.lecture .column_hitprof ul li{height:30px; text-align:left;}
.lecture .column_hitprof ul li a{display:block;font-size:13px; font-weight: 500; color:#ffffff; letter-spacing:0; line-height:13px; }

.lecture .lecView{padding:40px 0 0}
.lecture .lecView .lecDetail{}
.lecture .lecView .lecDetail .tit{margin-bottom:20px;border:2px solid #caced4}
.lecture .lecView .lecDetail .tit .f_left{padding:20px 20px 15px 20px;}
.lecture .lecView .lecDetail .tit .f_left .icon{padding:0 0 7px}
.lecture .lecView .lecDetail .tit .f_left .icon span{display:inline-block;padding:2px 5px;}
.lecture .lecView .lecDetail .tit .f_left .icon .icon1{border:1px solid #ff6600;color:#ff6600}
.lecture .lecView .lecDetail .tit .f_left .icon .icon2{border:1px solid #448f59;color:#448f59}
.lecture .lecView .lecDetail .tit .f_left .icon .icon3{border:1px solid #cc9966;color:#cc9966}
.lecture .lecView .lecDetail .tit .f_left .icon .icon4{border:1px solid #9160d5;color:#9160d5}
.lecture .lecView .lecDetail .tit .f_left .icon .icon5{border:1px solid #d30010;color:#d30010}
.lecture .lecView .lecDetail .tit .f_left .icon .icon6{border:1px solid #5e99d4;color:#5e99d4}
.lecture .lecView .lecDetail .tit .f_left .icon .icon7{border:1px solid #9ab03e;color:#9ab03e}
.lecture .lecView .lecDetail .tit .class_tit{font-size:14px;line-height:20px;font-weight:bold}
.lecture .lecView .lecDetail .tit .class_more{padding-top:6px;}
.lecture .lecView .lecDetail .tit .class_more a{font-size:11px;line-height:16px;color:#7e7e7e}
.lecture .lecView .lecDetail .tit .class_more a:hover{color:#0074c7}
.lecture .lecView .lecDetail .tit .class_more strong{color:#0082ff}
.lecture .lecView .lecDetail .tit .f_right{padding:21px 20px 21px 20px;background:#f9f9fa;min-width: 170px;border-left: 1px solid #ccc}
.lecture .lecView .lecDetail .tit .f_right .tech_txt{line-height:1.5;color:#666}
.lecture .lecView .lecDetail .tit .f_right .tech_txt p{font-size:13px;}
.lecture .lecView .lecDetail .tit .f_right .tech_txt strong{font-weight: 500;font-size: 16px}
.lecture .lecView .lecDetail .tit .f_right .tech_txt strong span{font-weight: 500;font-size: 16px}
.lecture .lecView .lecDetail .tit .f_right .tech_home{padding-top:5px;}
.lecture .lecView .lecDetail .tit .f_right .tech_home a{display:inline-block;}
.lecture .lecView .lecDetail .lecVideo{margin-bottom:30px;}
.lecture .lecView .lecDetail .lecVideo .f_left{width: 585px;background:#3b4250;}
.lecture .lecView .lecDetail .lecVideo .playWrap{}
.lecture .lecView .lecDetail .lecVideo .playWrap .playView{position:relative; height: 346px; overflow: hidden; background: url('http://img.megastudyth.com/lecture/tutor_bg.jpg') no-repeat center top / cover;}
.lecture .lecView .lecDetail .lecVideo .playWrap .playView a{display:block;width: 100%;height: 100%;}
.lecture .lecView .lecDetail .lecVideo .playWrap .playView .teacherPic{display:block; width: 55%; margin-top: 20px; margin-left: 10px;}
.lecture .lecView .lecDetail .lecVideo .playWrap .playView .bufPic {display: block; width: 100%;}
.lecture .lecView .lecDetail .lecVideo .playWrap .playView .tech_name{position:absolute;top:50%;right:70px;text-align:center;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.lecture .lecView .lecDetail .lecVideo .playWrap .playView .tech_name a{display:block;}
.lecture .lecView .lecDetail .lecVideo .playWrap .playView .tech_name span{display:block;}
.lecture .lecView .lecDetail .lecVideo .playWrap .playView .tech_name span.subj{color:#57dcd0;font-size:21px;font-weight: 500;line-height:1.5;}
.lecture .lecView .lecDetail .lecVideo .playWrap .playView .tech_name span.name{color:#ffffff;font-size:23px;font-weight: 500;line-height:1.5;}
.lecture .lecView .lecDetail .lecVideo .playWrap .playView .tech_name span.play{padding-top:15px;}
.lecture .lecView .lecDetail .lecVideo .playWrap .playView .tech_name span.play img{}
.lecture .lecView .lecDetail .lecVideo .f_right{width: 470px;}
.wideC .lecture .lecView .lecDetail .lecVideo .f_right{width:430px}
.lecture .lecView .lecDetail .lecVideo .f_right .vodTbl_4{border-top:1px solid #caced4}
.lecture .lecView .lecDetail .lecVideo .f_right .vodTbl2{height: 346px;}
.lecture .lecView .lecDetail .lecVideo .f_right .vodTbl2 tr{border-bottom:1px solid #caced4}
.lecture .lecView .lecDetail .lecVideo .f_right .vodTbl2 th{padding: 0 10px 0 10px;color:#505050;font-size:16px;line-height:18px;text-align:left;vertical-align: middle;height: 67px;}
.lecture .lecView .lecDetail .lecVideo .f_right .vodTbl2 td{padding: 0 10px;font-size:16px;line-height:18px;color:#333;font-weight: 500;vertical-align: middle;}
.lecture .lecView .lecDetail .lecVideo .f_right .vodTbl2 td a strong{font-size:12px;line-height:18px;color:#333;font-weight:bold}
.lecture .lecView .lecDetail .lecVideo .plyControl{border:1px solid #1b1e24;background:#1b1e24}
.lecture .lecView .lecDetail .lecVideo .plyControl ul{}
.lecture .lecView .lecDetail .lecVideo .plyControl ul li{float:left;}
.lecture .lecView .lecDetail .lecVideo .plyControl ul li a{display:block}
.lecture .lecView .lecDetail .lecVideo .btn_ex{padding:9px 10px;background:#e6e6e8;text-align:center;}
.lecture .lecView .lecDetail .lecVideo .btn_ex span{font-size:12px;vertical-align:top;font-weight: 500;}
.lecture .lecView .lecDetail .lecPlay{margin:0 0 10px 0;border:2px solid #caced4}
.lecture .lecView .lecDetail .lecPlay .vodTbl1{}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 td{padding:15px 10px}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 tr{border-bottom:1px solid #edeeef;vertical-align: middle}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 td{text-align:center;vertical-align:middle}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 td.aL{text-align:left;padding-left:20px;}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 td.aR{text-align:right;}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 td.aR .dis_per {font-weight: 500;color:#d30010;margin-right: 3px;}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 td .pay_txt{font-size:14px;color:#333;line-height:18px;font-weight:bold}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 td .disc_price{font-size:1rem;line-height:18px;color:#0082ff;font-weight:bold}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 td .d_txt{font-size:12px;line-height:18px;color:#0082ff;}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 td .orig_price{font-size:12px;color:#858585;line-height:18px;text-decoration:line-through}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 td .imgArrow{vertical-align:middle}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 tfoot td.aR{background:#f6f6f6;text-align:right}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 tfoot tr{border-bottom:none}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 td .ver_price{font-size:1rem;font-weight:bold}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 td .all_price{color:#0082ff;font-size:1rem;line-height:18px;font-weight:bold}
.lecture .lecView .lecDetail .lecPlay .vodTbl1 .buffet td, .lecture .lecView .lecDetail .lecPlay .vodTbl1 .buffet .pay_txt{}

.lecture .lecView .lecbtnWrap{margin-bottom:50px;}
.lecture .lecView .lecbtnWrap .lectAdd{width:490px;height:32px;padding-left: 7px;}
.lecture .lecView .lecbtnWrap .btn_addLec{display: inline-block;width: 100px;height: 30px;line-height: 30px;padding: 0 14px;background-color: #26beb1;border: 1px solid #0c998d;color: #fff;vertical-align: top;font-weight: 500;text-align: center;}
.lecture .lecView .lecbtnWrap .pass_sel{float: left;margin-right: 5px}
.lecture .lecView .commonTab{}
.lecture .lecView .commonTab > ul{margin-bottom:30px;}
.lecture .lecView .lecTab .tabContent{position:relative;margin-bottom:50px;}
.lecture .lecView .lecTab .tabContent .btn_more{position:absolute;top:5px;right:0}
.lecture .lecView .lecTab .tabContent .txt{padding-bottom:15px;font-size:15px;line-height:20px;color:#000;font-weight:bold}
.lecture .lecView .lecTab .tabContent .txt span{color:#0074c7;font-size:14px;line-height:20px;font-weight:bold}
.lecture .lecView .lecTab .tabContent .lecInfo{margin-bottom:50px;padding:0 0 0 20px;height:50px;line-height:50px;border-top:1px solid #3a3e47;border-bottom:1px solid #ddd;}
.lecture .lecView .lecTab .tabContent .lecInfo2{margin-bottom:50px;border-top:1px solid #3a3e47;}
.lecture .lecView .lecTab .tabContent .lecInfo2 li{position:relative;padding: 25px 0 25px 35px;border-bottom:1px solid #e6e6e6;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_imgbox{width:102px;height:130px;margin: 0 30px 0 0;position: absolute;top: 25px;left: 35px;overflow: hidden;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_imgbox .book_prevw{position: absolute;bottom:5px;right:5px;z-index: 1;display: block;width: 35px;height: 35px;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_imgbox .book_prevw a{display: block;position:relative;font-size: 0;background: url('http://img.megastudyth.com/book_new/book_prev.png') no-repeat 0 0;height: 35px;background-size: 100% 100%;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_imgbox .book_thumb{width: 100px;height: 128px;border:1px solid #b7b7b7;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm{/* float: none; */padding: 3px 25px 0 0;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookTop{padding-bottom: 9px;margin-left: 120px;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookTop span{display:inline-block;font-size:14px;font-weight: 500;line-height:18px;color:#333}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookTop span.book_bg{padding-right:10px;margin-right:5px;display: block;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookTop span.ico_book_vl{vertical-align:top;padding-top:3px}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookTop span.book_tit{margin-left:5px;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookMid{padding-bottom:10px;margin-left: 120px;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookMid span{display: block;font-size:12px;line-height:16px;color:#9a9a9a;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookMid span.book_write{padding-right:10px;margin-right:5px;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookMid span.book_company{padding-right:20px;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookMid span.book_company a{display: block;font-size: 11px;background-color: #555;color: #fff;padding: 0 7px;height: 18px;line-height: 18px;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookMid span.book_price strong{color:#0076cb;font-weight:bold}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookMid span.book_sale{vertical-align:middle;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookBott{width: 100% !important;border-top:1px solid #e6e6e6;margin-top: 40px;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookBott .vodTbl {width:100%;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookBott .vodTbl td{padding:10px}
.lecture .lecView .lecTab .tabContent .lecInfo2 .book_comm .bookBott ul li{padding:0 0 5px 0;border-right:none;border-bottom:none}

.lecture .lecView .lecTab .tabContent .lecInfo2 .info2_buffet{overflow: hidden;display: flex;flex-wrap: wrap;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .info2_buffet li{flex:none;border-bottom: 0;width:33%;border-left: 1px solid #e6e6e6;margin:25px 0 25px -1px;padding:0 0 0 35px;box-sizing: border-box;display: flex;align-items: center;}

.lecture .lecView .lecTab .tabContent .lecInfo2 .info2_buffet .book_imgbox{position: relative;left:0;top:0;flex:none;margin:0 20px 0 0}
.lecture .lecView .lecTab .tabContent .lecInfo2 .info2_buffet .book_comm .bookTop{margin-left: 0;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .info2_buffet .book_comm .bookMid{margin-left: 0;}
.lecture .lecView .lecTab .tabContent .lecInfo2 .info2_buffet .book_comm .bookTop span, .lecture .lecView .lecTab .tabContent .lecInfo2 .info2_buffet .book_comm .bookMid span{padding:0;margin-right: 0;}

.lecture .lecView .lecTab .tabContent .vodTbl_1{border-top:1px solid #3a3e47}
.lecture .lecView .lecTab .tabContent .vodTbl_2{border-top:1px solid #3a3e47}
.lecture .lecView .lecTab .tabContent .vodTbl_3{border-top:1px solid #3a3e47}
.lecture .lecView .lecTab .tabContent .vodTbl{margin-bottom:20px;}
.lecture .lecView .lecTab .tabContent .vodTbl tr{border-bottom:1px solid #ddd;border-left:1px solid #ddd}
.lecture .lecView .lecTab .tabContent .vodTbl th{padding:15px 5px;background:#fafafa;border-right:1px solid #ddd;font-weight: 500;vertical-align: middle;text-align:center;}
.lecture .lecView .lecTab .tabContent .vodTbl th h3 {font-size: inherit;}
.lecture .lecView .lecTab .tabContent .vodTbl td{padding:15px 5px;line-height:16px;border-right:1px solid #ddd;vertical-align:middle;text-align:center;}
.lecture .lecView .lecTab .tabContent .vodTbl td.aL{text-align:left}
.lecture .lecView .lecTab .tabContent .vodTbl td.aL,
.lecture .lecView .lecTab .tabContent .vodTbl td.aL *{font-family:'Kanit',sans-serif !important; line-height: 1.5;}
.lecture .lecView .lecTab .tabContent .vodTbl td.aL b,
.lecture .lecView .lecTab .tabContent .vodTbl td.aL strong {font-weight: 700 !important;}
.lecture .lecView .lecTab .tabContent .vodTbl td.aL img{max-width:100%}
.lecture .lecView .lecTab .tabContent .vodTbl td.aL table{max-width:100% !important}

.lecture .lecView .lecTab .tabContent .vodTbl td .btn_view{display:inline-block;}
.lecture .lecView .lecTab .tabContent .vodTbl td.aL .btn{color:#666565;font-size:12px;margin-left: 1%;}
.lecture .lecView .lecTab .tabContent .vodTbl td.aL a{text-decoration: underline;}
.lecture .lecView .lecTab .tabContent .vodTbl td ul{}
.lecture .lecView .lecTab .tabContent .vodTbl td ul li{font-size:13px;line-height:18px;border-left:none;}
.lecture .lecView .lecTab .tabContent .vodTbl td .star{margin-top:10px;}
.lecture .lecView .lecTab .tabContent .vodTbl td a:hover{color:#0074c7}
.lecture .lecView .lecTab .tabContent .vodTbl td a span{display:inline-block;vertical-align:middle}
.lecture .lecView .lecTab .tabContent .vodTbl .viewList{padding:0;}
.lecture .lecView .viewList .viewListTable{width:100%;overflow: hidden;}
.lecture .lecView .viewList table{border: 0;margin:0 0 -1px -1px;width:100%;background: #f8f8f8;}
.lecture .lecView .viewList table tr{border: 0 !important;}
.lecture .lecView .viewList table td{border-right: 0 !important;border-left: 1px solid #ebebeb;color:#999999}
.lecture .lecView .viewList table .subject{text-align: left !important;padding-left:  5% !important;}


.lecture .lecView .viewBest{margin-bottom:30px;}
.lecture .lecView .viewBest dl{border-top:2px solid #d1d1d1}
.lecture .lecView .viewBest dt{position:relative;padding:10px 0 10px 10px;font-size:12px;line-height:18px;border-bottom:1px solid #d1d1d1;background:#f8f8f8}
.lecture .lecView .viewBest dt a:hover{color:#0074c7}
.lecture .lecView .viewBest dt .name{position:absolute;top:10px;right:10px;font-size:12px;line-height:18px;}
.lecture .lecView .viewBest dt img{vertical-align:middle}
.lecture .lecView .viewBest dd{padding:15px;font-size:12px;line-height:18px;border-bottom:1px solid #d1d1d1;}
.lecture .lecView .lecNoti{margin-top:20px;padding:20px 20px;background:#f9f9fa;margin-bottom: 40px}
.lecture .lecView .lecNoti p{padding-bottom:5px;font-size:12px;line-height:18px;font-weight: 500;}
.lecture .lecView .lecNoti ul{}
.lecture .lecView .lecNoti ul li{font-size:13px;line-height:1.4;padding-bottom: 7px}
.lecture .lecView .lecNoti ul li strong{font-weight:bold}
.lecture .lecView .lecNoti ul li a,.lecture .lecView .lecNoti ul li a:hover{color:#0074c7}

.lecture .lecList{}
.lecture .lecList .tit{margin-bottom:20px;font-size:17px;line-height:22px;font-weight:bold}
.lecture .lecList .bnr{margin-bottom:20px;text-align:center;background:#f1f1f1;border:1px solid #dedede}
.lecture .lecList .commonTab{}
.lecture .lecList .commonTab li.small a{padding:12px 10px}

.lecture .lecList .lectlist li .listTitle .listTxt{max-width:400px;padding-right:10px;line-height: 1.4}
.lecture .lecList .lectlist li .lecBook .bookList .f_left{width:400px;padding-right:10px;line-height: 1.4}

/*content -wide 인강 제목*/
/* .wideC .lecture .lecList .lectlist li .listTitle .listTxt{max-width:540px;} */
/* .wideC .lecture .lecList .lectlist li .lecBook .bookList .f_left{width:540px;} */
.wideC .lecture .lecList .lectlist li .listTitle .listTxt{max-width:460px;}
.wideC .lecture .lecList .lectlist li .lecBook .bookList .f_left{width:460px;}

.vod_problem .vodP_tab{margin:30px 0 20px 0;}
.vod_problem .vodP_tab ul{border-bottom:2px solid #000000;border-top:1px solid #dddddd;}
.vod_problem .vodP_tab ul li{float:left;width:306px;border-right:1px solid #ddd;padding:14px 0 12px 50px}
.vod_problem .vodP_tab ul li.first{width:307px;border-left:1px solid #ddd}
.vod_problem .vodP_tab ul li.first.on{border-left:1px solid #000}
.vod_problem .vodP_tab ul li a{display:block;}
.vod_problem .vodP_tab ul li a span{display:block;font-weight: 500;color:#010101;font-size:15px;line-height:18px;}
.vod_problem .vodP_tab ul li a span.txt,
.vod_problem .vodP_tab ul li.on a span.txt{color:#1da4fc}
.vod_problem .vodP_tab ul li.on{background:#000000;border-right:#000}
.vod_problem .vodP_tab ul li.on a span{color:#fff}

.vod_free{}
.vod_free img{vertical-align:top}
.vod_free .freeTop{position:relative;background:#f5f6fb;text-align:center}
.vod_free .freeTop .num{position:absolute;top:43px;left:245px;font-size:26px;color:#ff6600;font-weight: 500;}
.vod_free .freeTit{height:40px;text-align:right;background:#f5f6fb url('http://img.megastudyth.com/etc/141128/top01.jpg') no-repeat 10px top}
.vod_free .freeTit p{text-align:right;color:#858585;font-size:12px;line-height:16px;padding:10px 50px 10px 0;}
.vod_free .freeCont{background:#d0d8ef}
.vod_free .free_content{margin:0 20px;padding-bottom:20px;width:670px;height:214px;background:#d0d8ef url('http://img.megastudyth.com/etc/141128/bestbg.jpg') no-repeat 10px top;vertical-align:top;}
.vod_free .free_content .left_box{width:385px;padding-left:12px;position:relative}
.vod_free .free_content .left_box .icon{position:absolute;top:16px;left:20px;z-index:1;}
.vod_free .free_content .left_box .boxContent {padding:40px 0 0 20px;width:340px;}
.vod_free .free_content .left_box .imgBox {position:relative;overflow:hidden;width:138px;height:118px;margin-right:10px;background:#ececec;border:1px solid #d4d2d7}
.vod_free .free_content .left_box .imgBox img.tech{position:absolute;bottom:0;left:20px}
.vod_free .free_content .left_box .textBox{width:180px;padding-top:10px;}
.vod_free .free_content .left_box .textBox .protitle a{display:inline-block;margin-bottom:5px;font-size:14px;color:#333;font-weight: 500;line-height:16px;}
.vod_free .free_content .left_box .textBox .protitle a span{font-size:14px;line-height:16px;color:#006dc1}
.vod_free .free_content .left_box .textBox p a{color:#666;font-size:12px;line-height:16px;}
.vod_free .free_content .left_box .textBox .numbg{display:block;width:180px;height:25px;text-align:center;margin-top:10px;background:url('http://img.megastudyth.com/etc/141128/best_numbg.jpg') no-repeat left top}
.vod_free .free_content .left_box .textBox .numbg span{margin-top:5px;color:#fff;font-size:12px;display:inline-block;}
.vod_free .free_content .left_box .textBox .numbg span.num{color:#ff6600;font-weight:bold}
.vod_free .free_content .right_box{width:273px}
.vod_free .free_content .right_box ul{width:220px;margin:18px 0 0 40px;padding:0}
.vod_free .free_content .right_box ul li{margin-bottom:44px;}
.vod_free .free_content .right_box ul .protitle a{font-size:12px;line-height:16px;color:#333;font-weight: 500;margin-bottom:4px;font-size:12px;}
.vod_free .free_content .right_box ul .protitle a span{font-size:12px;line-height:16px;color:#006dc1;font-weight: 500;}
.vod_free .free_content .right_box ul p a{color:#666;line-height:16px}
.vod_free .free_content .right_box .numbg{text-align:right;}
.vod_free .free_content .right_box .numbg span{font-size:11px;line-height:12px;color:#999;}
.vod_free .free_content .right_box .numbg span.num{font-weight: 500;color:#ff6600}

.vod_free .newFree{position:relative;height:150px;padding:20px 0 20px 160px;background:#e8ecf6 url('http://img.megastudyth.com/etc/141128/img01_01.jpg') no-repeat 10px 20px}
.vod_free .newFree ul{margin:12px 0;padding:30px 60px 30px 50px}
.vod_free .newFree ul li{display:none;position:relative;}
.vod_free .newFree ul li.show{display:block}
.vod_free .newFree ul li a{position:absolute;top:0;left:80px}
.vod_free .newFree ul li img{padding-top:5px;}
.vod_free .newFree span{display:inline-block;color:#666;line-height:16px}
.vod_free .newFree span.proname{color:#666;font-size:12px;line-height:16px;}
.vod_free .newFree span.proname strong{font-weight:bold}
.vod_free .newFree span.protitle{margin:4px 0;font-weight: 500;color:#333;font-size:12px;line-height:16px;letter-spacing:-1px;}
.vod_free .newFree .btn_prev{position:absolute;top:80px;left:170px;}
.vod_free .newFree .btn_next{position:absolute;top:80px;right:50px;}

/* 1228 수강후기 개편 추가 */
.commentTbl{border-top: 1px solid #3a3e47;}
.commentTbl .tbl_6 tr {border-bottom:1px solid #f0f0f0;}
.commentTbl .tbl_6 tr th{font-size: 13px;font-weight: 500;background: #f7f7f7;}
.commentTbl .tbl_6 tr th+th{border-left:1px solid #f0f0f0;}
.commentTbl .tbl_6 tr td{font-size:13px}
.commentTbl .tbl_6 tr td .ic_best{display:inline-block;font-size:11px;line-height: 11px;border: 1px solid #ff00de;color:#ff00de;padding:0 3px;font-family: dotum;overflow: hidden;vertical-align: middle;}
.commentTbl .tbl_6 tr.no_list{}
.commentTbl .tbl_6 tr.no_list p{font-size:14px;margin-bottom:100px}
.commentTbl .tbl_6 tr.no_list p .no_list_icon{display: block;margin: 85px auto 30px;}
.commentTbl .tbl_6 tr.no_list p strong{color:#129490;}
/* //1228 수강후기 개편 추가 */

.buffet_infoWrap{padding: 0 !important;}
.buffet_info{display: flex;justify-content: space-between;}
.buffet_info--item{display: flex;background: #f6f6f6;flex-direction: column;width:32%;align-items: center;padding:1.5% 0}
.buffet_info--item img{width:27.3%}
.buffet_info--item p{line-height: 2.3;color:#505050;font-weight: normal;}
.buffet_info--item .buffet_info--time{color:#000;font-size:20px;}
.buffet_info--item .buffet_info--time strong{font-weight: 500;}

@media (max-width: 992px){
	.commentTbl .tbl_6 tr.no_list p{margin-bottom:50px}
	.commentTbl .tbl_6 tr.no_list p .no_list_icon{max-width: 12%; margin: 45px auto 15px;}
	.lecture .lecView .lecTab .tabContent .lecInfo2 .info2_buffet li{width:50%;padding-left: 4%;margin:5% 0 0 -1px}
	.lecture .lecView .lecTab .tabContent .lecInfo2 .info2_buffet .book_imgbox{width:auto;height:auto;margin-right: 5%;}
	.lecture .lecView .lecTab .tabContent .lecInfo2 .info2_buffet .book_imgbox img{width:95%}
	.buffet_infoWrap .buffet_info{margin:10px 0}
	div.lecture .lecView .lecDetail .lecVideo .f_right .vodTbl2 th, div.lecture .lecView .lecDetail .lecVideo .f_right .vodTbl2 td{height: auto;}
	a.prevw_btn, a.prevw_btn:hover{font-size:13px}
}
@media (max-width: 576px){
    /* 1228 수강후기 개편 추가 */
    .commentTbl .tbl_6 colgroup col:nth-child(1){width:10%}
    /* //1228 수강후기 개편 추가 */
}






/* 220824 카테고리별 강좌정보 추가 */
.lecture-wrap {background: #fafafa; padding: 30px; border: 1px solid #d9d9d9; margin-top: 30px;}
.lecture-info {line-height: 1.4; color: #888;}
.lecture-info > h2 {margin-top: 20px; font-size: 16px; color: #666;}
.lecture-info > h2:first-child {margin-top: 0;}
.lecture-info > h3 {margin-top: 10px; font-size: 14px; color: #666;}
.lecture-info > h4 {margin-top: 10px; font-size: 14px; position: relative; padding-left: 10px; color: #666;}
.lecture-info > h4:before {content: ''; display: block; width: 3px; height: 3px; background: #888; border-radius: 50%; position: absolute; left: 0; top: 9px;}
.lecture-info > p {font-size: 12px; margin-top: 5px;}
.lecture-info > dl {margin-top: 10px; font-size: 13px;}
.lecture-info > dl > dt,
.lecture-info > dl > dd {position: relative; padding-left: 20px;}
.lecture-info > dl > dt:before,
.lecture-info > dl > dd:before {position: absolute; left: 0; top: 0; font-weight: 500;}
.lecture-info > dl > dt {}
.lecture-info > dl > dt:before {content: 'Q :'; }
.lecture-info > dl > dd {margin-top: 5px;}
.lecture-info > dl > dd:before {content: 'A :';}
.lecture-info > ul {margin-top: 5px; font-size: 13px;}
.lecture-info > ul > li {position: relative; padding-left: 10px;}
.lecture-info > ul > li:before {content: ''; display: block; width: 5px; height: 1px; background: #888; position: absolute; left: 0; top: 9px;}

#lecture-info__review {border-radius: 4px; margin: 10px -5px 0;}
#lecture-info__review .comment_slider .slick-track {margin-left: 0; margin-right: 0;}
#lecture-info__review .comment_slider .slick-slide {padding: 0 5px;}
#lecture-info__review .comment_slider .item {border: 1px solid #e5e5e5; padding: 30px 10px; border-radius: 4px; box-sizing: border-box;}
#lecture-info__review .select_wrap{text-align:center;font-size: 13px;margin: 0;position: absolute;top: 10px;left: 173px;line-height: 1;}
#lecture-info__review .select_wrap::after{content: "";clear: both;display: block;}
#lecture-info__review .select_wrap li{float: left;margin: 0 10px 0 0;}
#lecture-info__review .select_wrap a{display:block;color:#777777;padding: 2px 1px 2px 0px;border-bottom: 1px solid #fff;}
#lecture-info__review .select_wrap li.on a{color:#0082ff;font-weight: 500;border-bottom: 1px solid #0082ff;}
#lecture-info__review .comment_slider .item{float: left;width: 33.3%; background: #fff;}
#lecture-info__review .comment_slider.con2 .item{width:50%}
#lecture-info__review .comment_slider .item a{display: block;position: relative;margin: 0 18px 0 18px;}
#lecture-info__review .comment_slider .tea_img{display: block;width: 60px;position: absolute;top: 0;left: 0;}
#lecture-info__review .comment_slider .tea_name{position: relative;display: block;padding: 10px 0 10px 70px;color: #0082ff;margin: 0 0 10px; line-height: 1.3;}
#lecture-info__review .comment_slider .tea_name strong{display: block;font-size: 16px;}
#lecture-info__review .comment_slider .tit{display: block; font-weight: 500; margin-bottom: 7px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 2.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#lecture-info__review .comment_slider .sentence{display: block; font-size: 13px;color: #777; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#lecture-info__review .comment_slider a:hover .tit,
#lecture-info__review .comment_slider a:hover .sentence{text-decoration:underline}
#lecture-info__review .comment_slider .author{display: block;font-size: 12px;color: #777;}
#lecture-info__review .comment_slider::after{content:"";display:block;clear:both}
#lecture-info__review .comment_slider.slick-initialized{display:block}
#lecture-info__review .comment_slider.con2 .item{width:50%}
#lecture-info__review .controlBox{display:none;width:100%; text-align:center; margin-top: 5px;}
#lecture-info__review .comment_slider.slick-initialized + .controlBox{display:block}
#lecture-info__review .slick-dots{display:inline-block;font-size:inherit;}
#lecture-info__review .slick-dots li{display:inline-block;margin: 0 3px;vertical-align:top;}
#lecture-info__review .slick-dots li button{width: 8px;height: 8px;border-radius:100%;background:#bbbbbb;vertical-align:middle;display:inline;margin:0;font-size: 0;}
#lecture-info__review .slick-dots li.slick-active button{background:#0080fe;}
#lecture-info__review .slick-arrow{display: none !important;display: inline-block;width:5px;height:10px;text-indent:-9999px;vertical-align:middle;transform:none;overflow:hidden;}
#lecture-info__review .slick-prev{background:url('https://img.megastudyth.com/s/common/shortcut_prev.png') no-repeat 0 0;margin: 0px 0 0 0;top:auto;left:auto;position:relative;width: 10px;height: 10px;}
#lecture-info__review .slick-next{background: url('https://img.megastudyth.com/s/common/shortcut_next.png') no-repeat 100% 0;margin: 0px 0 0 0;top:auto;right:auto;position:relative;width: 10px;height: 10px;}

@media all and (max-width: 1200px){
	#lecture-info__review {margin: 10px -20px 0;}
	#lecture-info__review .slick-arrow {display: inline-block !important;}
	.lecture-wrap {padding: 20px;}
}

@media all and (max-width: 768px){
	#lecture-info__review {margin: 10px -15px 0;}
	.lecture-wrap {padding: 15px;}
}



/* 220826 교육과정 LNB 검색필터 추가 */
.pt0 {padding-top: 0 !important;}

.subcont_wrp.lec {padding: 50px 0 80px;}
#mContainer .lec #mLnb {width: 220px;}
#mContainer .lec #mContent {padding-left: 30px; width: 830px;}

#lec-filter__mo {display: none;}
.lec-filter__cate {display: none;}
#lec-filter label {cursor: pointer;}


.lecList {position: relative;}
input[type='checkbox'].lec-chk {display: inline-block; vertical-align: middle; width: 16px; height: 16px; border: solid 1px #aaa; background: #fff; cursor: pointer; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type='checkbox'].lec-chk:checked {background: #fff url('https://img.megastudyth.com/lecture/checked.png')no-repeat 1px 3px / 13px auto;}
input[type='checkbox'].lec-chk + label {display: inline-block; vertical-align: middle; margin-left: 8px; color: #666; font-size: 14px;}
#lec-filter {padding: 20px 10px 13px; background: #fbfbfb; border: solid 1px #ddd; border-radius: 8px;}
.lec-filter__title {font-size: 20px; font-weight: 500;}
.lec-filter--close {display: none;}
#lec-filter .lec-filter__group:first-child {margin-top: 0;}
.lec-filter__group {margin-top: 20px;}
.lec-filter__group dt {color: #333; font-size: 16px; font-weight: 500;}
.lec-filter__group dd {margin-top: 10px;}
.lec-filter__button {margin: 0 -3px; margin-top: 20px; padding-left: 30px; display: none;}
.lec-filter__button.block {display: block; margin-top: 10px;}
.lec-filter__button:after {content: ''; display: table; clear: both;}
.lec-filter__button li {float: left; border-bottom: none !important; padding: 0 3px; box-sizing: border-box;}
.lec-filter__button.col1 li {width: 100%; margin-bottom: 6px;}
.lec-filter__button.col1 li:last-child {margin-bottom: 0;}
.lec-filter__button.col2 {padding-left: 0;}
.lec-filter__button.col2 li {width: 50%;}
.lec-filter__button.col3 li {width: 33.3333%;}
.lec-filter__button.col4 li {width: 25%;}
.lec-filter__button.flex {display: flex; padding-left: 0;}
.lec-filter__button.flex li {width: auto; flex: auto;}
.lec-filter__button.flex li input + label {font-size: 13px;}
.lec-filter__button li input {display: none;}
.lec-filter__button li input + label {display: block; border: solid 1px #e4e4e4; text-align: center; color: #666; background: #fff; height: 32px; line-height: 30px; font-size: 14px; border-radius: 10px; box-sizing: border-box;}
.lec-filter__button li input:checked + label {border-color: #007af3; color: #007af3; white-space: nowrap;}
.lec-filter__sch {position: relative; padding-right: 44px;}
.lec-filter__sch input[type='text'] {display: block; width: 100%; height: 36px; box-sizing: border-box; padding: 0 5px; border: solid 1px #c1c8d0; border-radius: 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.lec-filter__sch input[type='text']:focus {border-color: #007af3;}
.lec-filter__sch button {display: block; width: 38px; height: 38px; position: absolute; right: 0; top: 50%; margin-top: -19px; text-indent: -9999px; border-radius: 8px; background: #007af3 url('https://img.megastudyth.com/lecture/search.png')no-repeat center center / 21px auto;}
.lec-filter__all {padding-right: 30px;}
.lec-filter__all:after {content: ''; display: table; clear: both;}
.lec-filter__all input[type='checkbox'] {float: left;}
.lec-filter__all input[type='checkbox'] + label {float: left; display: block; height: 16px; line-height: 16px;}
.lec-filter__toggle {position: relative; padding: 12px 10px; border: solid 1px #e4e4e4; border-radius: 8px; background: #f8f8f8; margin-bottom: 10px;}
.lec-filter__toggle.on {background: #fff;}
.lec-filter__toggle.allChk {padding: 10px 5px 0; background: none; border: none;}
.lec-filter__group dd .lec-filter__toggle:last-child {margin-bottom: 0;}
.lec-filter__toggle--btn {display: block; position: absolute; right: 0; top: 0; width: 42px; height: 42px; text-indent: -9999px; cursor: pointer;}
.lec-filter__toggle--btn:after {content: ''; display: block; width: 15px; height: 8px; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -4px; background: url('https://img.megastudyth.com/lecture/toggle_arrow.png')no-repeat center bottom / 100% auto;}
.lec-filter__toggle--btn.on:after {background-position: center top;}
.lec-filter__etc {height: 16px; line-height: 16px; color: #666; font-weight: 400; font-size: 14px;}
.lec-filter__story {margin-top: 15px; display: none;}
.lec-filter__story li {border-bottom: none !important; margin-bottom: 15px;}
.lec-filter__story li:last-child {margin-bottom: 0;}
.lec-filter__story li:after {content: ''; display: table; clear: both;}
.lec-filter__story li input[type='checkbox'] {float: left;}
.lec-filter__story li input[type='checkbox'] + label {float: left; display: block; height: 16px; line-height: 16px;}
.lec-top {margin-bottom: 20px;}
.lec-top:after {content: ''; display: table; clear: both;}
.lec-top__tab {float: left;}
.lec-top__tab:after {content: ''; display: table; clear: both;}
.lec-top__tab li {float: left; margin-right: 3px;}
.lec-top__tab li:last-child {margin-right: 0;}
.lec-top__tab li a {display: block; width: 100%; height: 34px; line-height: 32px; box-sizing: border-box; border: solid 1px #e4e4e4; border-radius: 6px; text-align: center; padding: 0 10px; font-weight: 500; font-size: 13px;}
.lec-top__tab li.on a {color: #fff; border-color: #007af3; background: #007af3;}
.lec-top__sort {float: right; display: block; height: 34px; width: 140px; padding-left: 10px; border: solid 1px #e4e4e4; border-radius: 8px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url('https://img.megastudyth.com/lecture/select_arrow.png')no-repeat right 10px center / 15px auto; cursor: pointer; padding-right: 35px;}
.lec-top__sort:focus {border-color: #007af3;}
.vod-none {display: table; width: 100%; height: 300px;}
.vod-none p {display: table-cell; width: 100%; vertical-align: middle; text-align: center; font-size: 16px; color: #666;}
.vod-none p:before {content: ''; display: block; width: 60px; height: 60px; border-radius: 50%; margin: 0 auto 15px; background: #f8f8f8 url('https://img.megastudyth.com/lecture/nodata.png')no-repeat center center / 8px auto;}
.vod-soon {display: table; width: 100%; height: 300px;}
.vod-soon p {display: table-cell; width: 100%; vertical-align: middle; text-align: center; font-size: 32px; color: #ccc;}
.lec-load {min-height: 300px;}
.lec-list {margin: -10px;}
.lec-list:after {content: ''; display: table; clear: both;}
.lec-list__item {float: left; width:25%; box-sizing: border-box; padding: 10px;}
.lec-list__box {border: 1px solid #d5d5d5; border-radius: 8px; overflow: hidden; -webkit-transition: 0.3s;transition: 0.3s;}
.lec-list__box:hover {-webkit-box-shadow: 0px 0px 30px 0px rgba(0,122,243,0.4); -moz-box-shadow: 0px 0px 30px 0px rgba(0,122,243,0.4); box-shadow: 0px 0px 30px 0px rgba(0,122,243,0.4);}
.lec-list__box a {display: block;}
.lec-list__image {display: block; padding-bottom: 59.6153%; position: relative;}
.lec-list__image.noimg {background: #eee url('https://img.megastudyth.com/common/noimage.png')no-repeat center center / 50px auto;}
.lec-list__text {padding: 15px 10px; background: #fff;}
.lec-list__text h5 {font-size: 18px; font-weight: 400; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lec-list__text p {margin-top: 10px; color: #888; font-weight: 300; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 3.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.lec-list__price {margin-top: 10px; height: 40px;}
.lec-list__price:after {content: ''; display: table; clear: both;}
.lec-list__price li {}
.lec-list__price li.discount {float: left; width: 100%; color: #f50600; font-size: 16px; height: 15px; line-height: 20px; font-weight: 500;}
.lec-list__price li.price {float: left; color: #aeaeae; font-size: 16px; height: 25px; line-height: 30px; min-width: 10px;}
.lec-list__price li.total {float: right; font-size: 24px; color: #333; font-weight: 500; height: 25px; line-height: 25px; letter-spacing: -0.025em;}
.lec-list__price li.total.only {margin-top: 20px;}
.lec-list__price li.total span {font-size: 16px; font-weight: 400; margin-left: 3px;}
.lec-list__btns {background: #fff; border-top: dotted 1px #ddd; padding: 10px;}
.lec-list__btns ul {margin: 0 -2px;}
.lec-list__btns ul:after {content: ''; display: table; clear: both;}
.lec-list__btns ul li {float: left; padding: 0 2px; box-sizing: border-box;}
.lec-list__btns ul li:nth-child(1) {width: 55%;}
.lec-list__btns ul li:nth-child(2) {width: 45%;}
.lec-list__btns ul li a {display: block; text-align: center; height: 34px; line-height: 34px; background: #e5e5e5; font-size: 14px; border-radius: 5px;}
.lec-list__btns ul li:nth-child(1) a {line-height: 32px; border: solid 1px #ddd;}
.lec-list__btns ul li:nth-child(2) a {background: #0082ff; color: #fff;}
.lec-list__btns ul li:nth-child(1) a:hover {background: #ccc; border-color: #ccc;}
.lec-list__btns ul li:nth-child(2) a:hover {background: #0058ad;}
.lec-list__btns ul li.buffet {width: 100%;}
.lec-list__btns ul li.buffet a {background: #143343; border-color: #143343; color: #fff;}
.lec-list__btns ul li.buffet a:hover {background: #051218;}
.lec-loading {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.lec-loading > div {display: table; width: 100%; height: 350px;}
.lec-loading > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.lec-loading > div > div:after {content: 'Loading...'; text-align: center; display: block; font-size: 13px; margin-top: 10px;}
.lec-loading img {display: block; margin: 0 auto; width: 70px;}

.lec-list .lec-tec__cate:first-child {margin-top: 0;}
.lec-tec__cate {padding: 10px; margin-top: 30px;}
.lec-tec__cate > h3 {font-size: 24px; font-weight: 700; padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #666;}
.lec-tec__cate > ul {margin: -10px;}
.lec-tec__cate > ul:after {content: ''; display: table; clear: both;}



@media (min-width: 1201px){
	#mContainer .lec #mLnb {display: block !important;}
}

@media (max-width: 1200px){
	.mLnb__title {display: none;}
	.subcont_wrp.lec {padding: 35px 0 40px;}
	#mContainer .lec #mLnb {
		display: none; box-sizing: border-box; background: #fff; overflow: hidden; position: fixed; overflow-y: auto;
		left: 0; top: 56px; bottom: 0; width: 260px; z-index: 200; border-radius: 0px 15px 15px 0px;
		-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,1);
		box-shadow: 0px 0px 12px 0px rgba(0,0,0,1);
	}
	#mContainer.wideC .lec #mContent {padding-top: 0;}
	#mContainer.wideC .lec #mContent .lecture,
	#mContainer.wideC .lec #mContent .cust {padding-top: 0;}
	#lec-filter {border: none; border-radius: 0px; margin-top: 0; padding: 30px 20px; box-sizing: border-box;}
	#lec-filter__mo {display: block; background: #0082ff; color: #fff; width: 80px; height: 32px; line-height: 32px; margin: 0 auto -24px; border-radius: 8px; position: relative; z-index: 1;}
	#lec-filter__mo:before {content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 5px; background: url('https://img.megastudyth.com/lecture/filters.png')no-repeat center center / cover;}
	#lec-filter__mo span {display: inline; vertical-align: middle;}
	#mLnb_back {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; opacity: 0; z-index: 199;}
	#mLnb_back.on {display: block; opacity: 0.4;}
	.lec-filter__cate {display: block; text-align: center; color: #333; margin-bottom: 10px; font-size: 18px;}
	.lec-filter__title {display: none;}
	.lec-filter--close {position: absolute; right: 0; top: 0; display: block; width: 50px; height: 50px; text-indent: -9999px; background: url('https://img.megastudyth.com/lecture/close.png')no-repeat center center / 14px auto;}
	#lec-filter .lec-filter__group:first-child {margin-top: 0;}
	.lec-filter__story li {text-align: left !important;}
	.lec-top {text-align: right;}
	.lec-top__tab {float: none; display: flex;}
	.lec-top__tab li {float: none; flex: auto;}
	.lec-top__tab li button,
	.lec-top__tab li a {width: 100%; font-size: 12px; padding: 0; white-space: nowrap;}
	.lec-top__sort {float: none; display: inline-block; height: 24px; width: 120px; margin: 0 auto 10px;}
	.vod-soon p {font-size: 20px;}
}


@media all and (max-width: 980px){
	.lec-list {margin: -10px;}
	.lec-list__item {width: 33.3333%;}
}


@media all and (max-width: 768px){
	.lec-list {margin: -5px;}
	.lec-list__item {width: 50%; padding: 5px;}
	.lec-list__text {padding: 10px;}
	.lec-list__text h5 {font-size: 14px;}
	.lec-list__text p {font-size: 12px; margin-top: 5px; height: 2.4em; -webkit-line-clamp: 2;}
	.lec-list__price li.discount {font-size: 14px;}
	.lec-list__price li.price {font-size: 14px;}
}


.playWrap {position: relative;}
.playView_slider {cursor: pointer;}
.playView_dots {position: absolute; right: 20px; bottom: 20px;}
.playView_dots:after {content: ''; display: table; clear: both;}
.playView_dots li {float: left; margin-right: 8px;}
.playView_dots li:last-child {margin-right: 0;}
.playView_dots li button {display: block; width: 10px; height: 10px; text-indent: -9999px; background: rgba(255,255,255,0.9); -webkit-border-radius: 50%; border-radius: 50%;}
.playView_dots li.slick-active button {background: #0082ff;}

.type-course {padding: 10px 0;}
.type-course li {position: relative; font-size: 16px; padding-left: 20px; margin-bottom: 5px;}
.type-course li:last-child {margin-bottom: 0;}
.type-course li:before {content: ''; display: block; width: 14px; height: 14px; border: solid 2px #ddd; position: absolute; left: 0; top: 50%; margin-top: -7px; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%;}
.type-course li.on:before {border: none; background: url('https://img.megastudyth.com/reservation/reservation_care_check.png')no-repeat center center / cover;}



@media all and (max-width: 768px){
	.playView_dots {right: 10px; bottom: 10px;}
	.type-course {padding: 5px 0;}
}





/* 230224 메가패스 탭메뉴 추가 */
.myPageWrap--tabMenu {margin-bottom: 10px;}
.myPageWrap--tabMenu a {display: inline-block; margin-right: 1px; margin-bottom: 4px; border: solid 1px #aaa; padding: 8px 20px; text-align: center; font-size: 14px;}
.myPageWrap--tabMenu a.on {background: #0082ff; border-color: #0082ff; color: #fff;}

@media all and (max-width: 980px){
	.myPageWrap--tabMenu a {margin-right: 0; padding: 5px 15px; font-size: 13px;}
}