@charset "utf-8";

/*ÇÐÁ¡ÀÎÁ¤°úÁ¤*/
.gradeCourse{}
.gradeCourse .tab{display:flex;flex-wrap:wrap;}
.gradeCourse .tab a{display:inline-block;border:1px solid #EEE;width:12.5%;text-align:center;padding:7px 0;margin-left:-1px;font-size:16px;}
.gradeCourse .tab a.on{color:#FFF;background:#d40c0c;border-color:#d40c0c;}
@media all and (max-width:1024px){
	.gradeCourse .tab a{width:25%;margin-top:-1px;}
}
@media all and (max-width:768px){
	.gradeCourse .tab a{width:33.33%;}
}
@media all and (max-width:480px){
	.gradeCourse .tab a{width:50%;}
}
@media all and (max-width:320px){
	.gradeCourse .tab a{width:100%;}
}
.gradeCourse .search{margin-top:20px;padding:20px;background:#f9f9f9;border:1px solid #f6f6f6;}
.gradeCourse .search dl{position:relative;padding-left:70px;}
.gradeCourse .search dl dt{position:absolute;left:0;top:8px;font-family:'Noto Medium';}
.gradeCourse .search dl dd{}
.gradeCourse .search dl dd input,
.gradeCourse .search dl dd select{display:inline-block;vertical-align:middle;height:38px;border:1px solid #EEE;box-sizing:border-box;}
.gradeCourse .search dl dd input[type=button]{background:#52575c;color:#FFF;width:60px;}
@media all and (max-width:1024px){
	.gradeCourse .search dl{padding-left:0;}
	.gradeCourse .search dl dt{display:none;}
}
@media all and (max-width:768px){
	.gradeCourse .search dl dd input,
	.gradeCourse .search dl dd select{display:block;width:100%;margin-bottom:1px;}
	.gradeCourse .search dl dd input[type=button]{width:100%;}
}
.gradeCourse .list-wrap{margin-top:20px;}
.gradeCourse .list-wrap ul{font-size:0;}
.gradeCourse .list-wrap ul li{display:inline-block;vertical-align:top;width:50%;font-size:17px;}
.gradeCourse .list-wrap ul li a{display:block;position:relative;border:1px solid #EEE;padding:15px;padding-left:85px;margin:10px;box-shadow:0 0 5px #EEE;}
.gradeCourse .list-wrap ul li a img{position:absolute;left:15px;top:15px;width:50px;height:60px;}
.gradeCourse .list-wrap ul li a p{}
.gradeCourse .list-wrap ul li a p strong{font-family:'Noto Medium';}
.gradeCourse .list-wrap ul li a p span{display:block;margin-top:5px;}
.gradeCourse .list-wrap ul li a p span i{display:inline-block;font-size:13px;padding-right:10px;color:#827b00;}
@media all and (max-width:768px){
	.gradeCourse .list-wrap ul li{width:100%;}
}
/*ÇÐÁ¡ÀÎÁ¤°úÁ¤_ºä*/
.gradeCourseView{}
.gradeCourseView h1{font-family:'Noto Medium';font-size:22px:border-bottom:2px solid #162b58;padding:10px 0;}
.gradeCourseView .info{position:relative;padding-left:200px;margin-top:20px;}
.gradeCourseView .info img{position:absolute;top:0;left:15px;width:130px;}
.gradeCourseView .info .table_1{}
.gradeCourseView .info .table_1{border-top:2px solid #162b58;overflow:hidden}
.gradeCourseView .info .table_1 table{border-bottom:1px solid #eaeaea;width:100%;margin-left:1px}
.gradeCourseView .info .table_1 caption{text-indent: -9999px;height: 0}
.gradeCourseView .info .table_1 th{background:#f9f9f9;font-weight:500;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea}
.gradeCourseView .info .table_1 td{background:#FFF;border-right:1px solid #eaeaea;border-top:1px solid #eaeaea}
.gradeCourseView .info .table_1 th,
.gradeCourseView .info .table_1 td{padding:10px 5px;line-height:1.2;}
.gradeCourseView .info .table_1 td{text-align:left;}
.gradeCourseView .btn{text-align:right;margin-top:10px;}
.gradeCourseView .btn a{display:inline-block;background:#52575c;color:#FFF;padding:10px 25px;}
.gradeCourseView .detail{border-top:2px solid #162b58;border-bottom:1px solid #eaeaea;padding:30px 0;margin-top:20px;}
.gradeCourseView .detail h2{font-size:18px;font-family:'Noto Medium';}
.gradeCourseView .detail h3{font-size:17px;font-family:'Noto Medium';}
.gradeCourseView .detail h4{font-size:16px;font-family:'Noto Medium';}
.gradeCourseView .detail h5{font-size:15px;font-family:'Noto Medium';}
.gradeCourseView .detail table{border-top:2px solid #162b58;}
.gradeCourseView .detail table th{background:#f9f9f9;font-weight:500;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea}
.gradeCourseView .detail table td{background:#FFF;border-right:1px solid #eaeaea;border-top:1px solid #eaeaea}
.gradeCourseView .detail table th,
.gradeCourseView .detail table td{padding:8px 15px;line-height:1.5;}
.gradeCourseView .detail table td.alignL{text-align:left;}

.gradeCourseView .gotoList{text-align:center;margin:20px auto;width:100px;}
.gradeCourseView .gotoList input{display:inline-block;background:#52575c;color:#FFF;padding:10px 25px;cursor:pointer;}

@media all and (max-width:768px){
	.gradeCourseView .info{padding-left:0;text-align:center;}
	.gradeCourseView .info img{position:relative;top:auto;left:auto;width:auto;max-width:100%;}
	.gradeCourseView .info .table_1{margin-top:15px;}
}