@charset "euc-kr";


.lectureTab ul{display:flex; align-items: flex-end; font-family: 'Noto Sans KR'; border-bottom: 1px solid #000;}
.lectureTab ul li {flex: 1; margin: 0 1px 0 0;}
.lectureTab ul li:last-child {margin: 0;}
.lectureTab ul li a {display: block; background: #eee; color: #99999b; font-size: 17px; padding: 22px 0;}
.lectureTab ul li.on {flex: 1.4;}
.lectureTab ul li.on a {color: #fff; font-weight: bold; font-size: 20px; padding: 20.5px 0;}
.lectureTab ul li.on a {background: #025af6;}

.lectureInfo{overflow:hidden;margin:20px 0 20px 0;}
.lectureInfo p{float:left;line-height:30px;color:#0047cc;font-size:14px;background:url('https://img.megagong.net/c/sobang/academy/lecture_all_check.png') no-repeat 0 56%;padding:0 0 0 14px;text-align:left;}
.lectureInfo ul{float:right;}
.lectureInfo ul li{float:left;margin:0 0 0 8px;}
.lectureInfo ul li:first-child{margin:0 0 0 0;}
.lectureInfo ul li select{width:130px;height:30px;}
.lectureNone{padding:100px 0;border:1px solid #e4e4e4;}
.btnTotal{text-align:right;margin:20px 0 0 0;}
.lectureBox, .lectureBox *{box-sizing:content-box;text-align:left;}
.lectureBox .lecture{padding:0 0 0 0 !important;}


/* Table */
table{width:100%;}
table tr th{padding:0;}
table tr td{padding:0;}
.tableType{}
.tableType table{border-top:2px solid #333333;border-right:1px solid #e4e4e4;}
.tableType table thead tr th{background:#f9fbff;color:#666666;font-size:13px;height:37px;line-height:34px;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.tableType table tbody tr td{color:#666666;font-size:12px;line-height:16px;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:15px 0;word-break:break-all;}
.tableType table tbody tr td .part{text-indent:-9999px;width:10px;height:10px;border-radius:5px;display:inline-block;margin:0 1px;}
.tableType table tbody tr td .part.general{background:#0073bd;}
.tableType table tbody tr td .part.career_1{background:#56c788;}
.tableType table tbody tr td .part.career_2{background:#ff8738;}
.tableType table tbody tr td .part.special{background:#eb4985;}

.tableType > table tbody{display: none;}
.tableType > table tbody.on{display: table-row-group;}
.tableType_2 table{border-top:2px solid #333333;}
.tableType_2 table thead tr th{color:#666666;font-size:13px;padding:15px 0;line-height:16px;background:#f9fbff url('https://img.megagong.net/c/sobang/academy/tabletype_2_partition.gif') no-repeat 0 50%;border-bottom:1px solid #e4e4e4;}
.tableType_2 table thead tr th:first-child{background:#f9fbff none;}
.tableType_2 table tbody tr td{line-height:18px;font-size:13px;color:#222222;padding:25px 0;border-bottom:1px solid #e4e4e4;}
.tableType_2 table tbody tr td.info{text-align:left;padding:25px 10px;}
.tableType_2 table tbody tr td.info span{color:#888888;}
.tableType_2 table tbody tr td.price{font-weight:bold;text-align:right;padding:25px 10px;line-height:30px;}
.tableType_2 table tbody tr td.price label{margin:0 8px 0 4px;}
.tableType_2 table tbody tr td .btnLectureView{display:inline-block;width:79px;height:30px;background:url('https://img.megagong.net/c/sobang/academy/btn_lecture_off.gif') no-repeat center 0;text-indent:-9999px;background-size:100% auto;}
.tableType_2 table tbody tr td .btnLectureView.on{background:url('https://img.megagong.net/c/sobang/academy/btn_lecture_on.gif') no-repeat center 0;background-size:100% auto;}
.tableType_2 table tbody tr td .btnBuy img{max-width:none;}
.tableType_2 table tbody tr td .bar{display:inline-block;padding:0 8px;}
.tableType_2 table tbody tr.lectureDetail{background:#fbfbfb;display:none;}
.tableType_2 table tbody tr.lectureDetail td{text-align:left;padding:15px 20px;line-height:18px;font-size:12px;color:#888888;}
.tableType_2 table tbody tr.lectureDetail td p{text-align:left;text-indent:-11px;padding:0 0 0 11px;}
.tableType_2 table tbody tr.lectureDetail.on{display:table-row;}
.tableType_2 table tbody tr.priceBox td{padding:10px 5px;border-bottom:1px solid #222;}

.tableInfo{color:#999999;font-size:12px;margin:0 0 0 0;line-height:24px;text-align:right;}

/* grade_tab_wrap */
.grade_top_wrap .top{display: flex; align-items: center; padding: 0 0 15px;}
.grade_top_wrap .subtit{font-size: 22px; font-weight: 600; letter-spacing: -0.05em; color: #000;}
.grade_top_wrap .tab_list{display: flex; align-items: center; margin:5px 0 0 15px;}
.grade_top_wrap .tab_list li{width: 64px; height: 22px; color: #777; background: #f5f5f5; border: 1px solid #e3e3e3; box-sizing: border-box; border-radius: 30px; margin-right: 7px;}
.grade_top_wrap .tab_list li a{ text-align: center; padding: 2px 0; display: block; font-size: 14px; padding-right: 13px; position: relative;}
.grade_top_wrap .tab_list li a::before{content: ""; display: block; width: 4px; height: 4px; border-top: 1px solid #777; border-right: 1px solid #777; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 13px; top: auto; margin-top: 4px;}
.grade_top_wrap .tab_list li.on{background: #26b7bc; border: 1px solid #26b7bc; color: #fff;}
.grade_top_wrap .tab_list li.on a::before{ border-top: 1px solid #fff; border-right: 1px solid #fff;}
.grade_tab_wrap .cate_table {border-top: 1px solid #000;}
.grade_tab_wrap .cate_table th{background: #f7f7f7; padding: 15px 10px; text-align: center;}
.grade_tab_wrap .cate_table th h6{ font-weight: 700; font-size: 13px;}
.grade_tab_wrap .cate_table td{padding: 10px 20px;}
.grade_tab_wrap .cate_table .list_all{display: flex; align-items: center; flex-wrap: wrap;}
.grade_tab_wrap .cate_table .list_all li{ padding: 5px 10px;}
.grade_tab_wrap .cate_table .list_all li a{ font-size: 13px; padding: 3px 5px;}
.grade_tab_wrap .cate_table .lecTab_wrap li.on a{background: #4dd0c4; color: #fff;} 
.grade_tab_wrap .cate_table .teaTab_wrap li.on a{background: #699dd7; color: #fff;} 
.grade_tab_wrap .cate_table .stepTab_wrap li.on a{background: #e97d89; color: #fff;} 
.grade_tab_wrap .list_wrap{margin: 20px 0 0;}


@media(max-width:1200px){

	
}
@media(max-width:992px){
	
	.lectureTab ul li a {padding: 10px 0; font-size: 15px;}
	.lectureTab ul li.on a {font-size: 17px; padding: 9px 0;}
	.grade_top_wrap .subtit{font-size: 18px;}

}

@media(max-width:768px){
	.grade_tab_wrap .cate_table .w70{min-width: 70px;}
	.grade_tab_wrap .cate_table td{padding: 10px;}
	.grade_tab_wrap .cate_table .list_all li{padding: 3px 5px;}
	.grade_top_wrap .tab_list{margin: 3px 0 0 10px;}
	.grade_top_wrap .tab_list li{width: 60px; height: auto;}
	.grade_top_wrap .tab_list li a,.grade_tab_wrap .cate_table .list_all li a{font-size: 12px;}
	.grade_tab_wrap .cate_table th h6{font-size: 12px;}
}
@media(max-width:576px){

	.timeTableInfo{margin:15px 0 25px 0;}
	.lectureInfo p{float:none;}
	.lectureInfo ul{float:none;}
	.lectureInfo ul li select{width:100px;}
	.lectureInfo{margin:10px 0 10px 0;}
	.btnTotal{margin:10px 0 0 0;}
	.tableType_2 table thead tr th{font-size:11px;}
	.tableType_2 table tbody tr td{padding:25px 3px;font-size:11px;}
	.tableType_2 table tbody tr td .btnLectureView{width:60px;height:24px;}
	.tableType_2 table tbody tr td .btnLectureView.on{width:60px;height:24px;}
	.tableType_2 table tbody tr td.price{font-size:13px;}
	.lectureTab ul li a{font-size:13px;}
	.lectureTab ul li.on a {font-size: 13px; padding: 10px 0;}
	.lectureTab ul li.on a::after {margin: 0 0 0 5px;}
	.tableType table tbody tr td{font-size:12px;}
	.tableType table tbody tr td:first-child{font-size:12px;}
	.tableType_2 table tbody tr td.info{padding:25px 3px;}
	.tableType_2 table tbody tr td .bar{padding:0 4px;}
	.tableType_2 table tbody tr td .btnLectureView{width:55px;height:22px;}
	.tableType_2 table tbody tr td .btnLectureView.on{width:55px;height:22px;}
	.tableType_2 table tbody tr td:nth-child(1){font-size:12px;}
	.tableType_2 table tbody tr td:nth-child(2){font-size:12px;}
	.tableType_2 table tbody tr td.price{font-size:13px;}
}