.sub_tit{padding:0}
.sub_tit::after{display:none}
 
 



.lecture_list li{position:relative; float:left;}

.cs_tit{}
.cs_tit h5{}
.cs_tit h5 span{font-weight:900;}
.cs_tit h5 font{font-size:60%; font-weight:400}
.cs_tit >span{display:block;}
.cs_tit >span font{font-weight:bold;}
.lecture_list li p{color:#201716; font-weight:300; line-height:1.3em}
.lecture_list li a{position:absolute; bottom:0; left:0; width:100%; color:#fff; text-align:center;}
.lecture_list li:hover{transform:translate(-1%,-1%)}

.lecture_list li{background-size:cover !important;}

@media (min-width: 649px){
 

.course1{background:url(../images/pc/esl/list_1.png) no-repeat 50%;}
.course2{background:url(../images/pc/esl/list_2.png) no-repeat 50%;}
.course3{background:url(../images/pc/esl/list_3.png) no-repeat 50%;}
.course4{background:url(../images/pc/esl/list_4.png) no-repeat 50%;}
.course5{background:url(../images/pc/esl/list_5.png) no-repeat 50%;}
.course6{background:url(../images/pc/esl/list_6.png) no-repeat 50%;}
.course7{background:url(../images/pc/esl/list_7.png) no-repeat 50%;}
.course8{background:url(../images/pc/esl/list_8.png) no-repeat 50%;}
.course9{background:url(../images/pc/esl/list_9.png) no-repeat 50%;}
.course10{background:url(../images/pc/esl/list_10.png) no-repeat 50%;}
.course11{background:url(../images/pc/esl/list_11.png) no-repeat 50%;}
.course12{background:url(../images/pc/esl/list_12.png) no-repeat 50%;}
.course13{background:url(../images/pc/esl/list_13.png) no-repeat 50%;}
.course14{background:url(../images/pc/esl/list_14.png) no-repeat 50%;}
.course15{background:url(../images/pc/esl/list_15.png) no-repeat 50%;}
.course16{background:url(../images/pc/esl/list_16.png) no-repeat 50%;}
.course17{background:url(../images/pc/esl/list_17.png) no-repeat 50%;}
.course18{background:url(../images/pc/esl/list_18.png) no-repeat 50%;}
.course19{background:url(../images/pc/esl/list_19.png) no-repeat 50%;}
.course20{background:url(../images/pc/esl/list_20.png) no-repeat 50%;}
.course21{background:url(../images/pc/esl/list_21.png) no-repeat 50%;}
.course22{background:url(../images/pc/esl/list_22.png) no-repeat 50%;}
.course23{background:url(../images/pc/esl/list_23.png) no-repeat 50%;}
.course24{background:url(../images/pc/esl/list_24.png) no-repeat 50%;}
.course25{background:url(../images/pc/esl/list_25.png) no-repeat 50%;}
.course26{background:url(../images/pc/esl/list_26.png) no-repeat 50%;}
.course27{background:url(../images/pc/esl/list_27.png) no-repeat 50%;}
.course28{background:url(../images/pc/esl/list_28.png) no-repeat 50%;}
.course29{background:url(../images/pc/esl/list_29.png) no-repeat 50%;}
.course30{background:url(../images/pc/esl/list_30.png) no-repeat 50%;}
.course31{background:url(../images/pc/esl/list_31.png) no-repeat 50%;}
.course32{background:url(../images/pc/esl/list_32.png) no-repeat 50%;}
.course33{background:url(../images/pc/esl/list_33.png) no-repeat 50%;}
.course34{background:url(../images/pc/esl/list_34.png) no-repeat 50%;}
.course35{background:url(../images/pc/esl/list_35.png) no-repeat 50%;}
.course36{background:url(../images/pc/esl/list_36.png) no-repeat 50%;}
.course37{background:url(../images/pc/esl/list_37.png) no-repeat 50%;}
.course38{background:url(../images/pc/esl/list_38.png) no-repeat 50%;}
.course39{background:url(../images/pc/esl/list_39.png) no-repeat 50%;}
.course40{background:url(../images/pc/esl/list_40.png) no-repeat 50%;}
.course41{background:url(../images/pc/esl/list_41.png) no-repeat 50%;}
}

@media (min-width: 1358px){
 
 .sub_visual{background:url(/edu/images/pc/program/visual.png) no-repeat 50%;}
 
.lecture_list ul{margin:0 -40px;}
.lecture_list li{width:400px;margin: 0 39px 80px;padding:260px 30px 0;height: 480px;border-radius:50px;overflow:hidden}
.lecture_list li:hover{box-shadow:10px 10px 30px rgba(0,0,0,0.2)}

.cs_tit{margin-bottom:25px}
.cs_tit h5 {margin-bottom:20px}
.cs_tit h5 span{font-size:40px}
.cs_tit >span font{font-size:25px;}
.lecture_list li p{font-size:20px;}
.lecture_list li a{height: 62px;line-height: 61px; font-size:23px;}

}

@media (min-width:650px) and (max-width:1357px){
 
 
.sub_visual{background:url(/edu/images/pc/program/visual.png) no-repeat 50%; background-size:cover !important;}
 
.lecture_list ul{padding-left: 3.5vw;}
.lecture_list li{width: 33.3vw;margin: 0 4vw 8vw;padding: 20vw 2vw 0;height: 40vw;border-radius: 4vw;overflow:hidden}
.lecture_list li:hover{box-shadow:1vw 1vw 2.5vw rgba(0,0,0,0.2)}

.cs_tit{margin-bottom: 0;}
.cs_tit h5 {margin-bottom: 1.3vw;}
.cs_tit h5 span{font-size:4.1vw}
.cs_tit >span font{font-size:2.5vw;}
.lecture_list li p{font-size: 2vw;}
.lecture_list li a{height: 5.3vw;line-height: 5.2vw;font-size: 2.3vw;}

.course30 br{display:none;}
 
}

@media (max-width: 649px){
/*mb*/
  .sub_visual{background:url(/edu/images/mb/program/visual.png) no-repeat 50%; background-size:cover !important;}

.course1{background:url(../images/mb/esl/list_1.png) no-repeat 50%;}
.course2{background:url(../images/mb/esl/list_2.png) no-repeat 50%;}
.course3{background:url(../images/mb/esl/list_3.png) no-repeat 50%;}
.course4{background:url(../images/mb/esl/list_4.png) no-repeat 50%;}
.course5{background:url(../images/mb/esl/list_5.png) no-repeat 50%;}
.course6{background:url(../images/mb/esl/list_6.png) no-repeat 50%;}
.course7{background:url(../images/mb/esl/list_7.png) no-repeat 50%;}
.course8{background:url(../images/mb/esl/list_8.png) no-repeat 50%;}
.course9{background:url(../images/mb/esl/list_9.png) no-repeat 50%;}
.course10{background:url(../images/mb/esl/list_10.png) no-repeat 50%;}
.course11{background:url(../images/mb/esl/list_11.png) no-repeat 50%;}
.course12{background:url(../images/mb/esl/list_12.png) no-repeat 50%;}
.course13{background:url(../images/mb/esl/list_13.png) no-repeat 50%;}
.course14{background:url(../images/mb/esl/list_14.png) no-repeat 50%;}
.course15{background:url(../images/mb/esl/list_15.png) no-repeat 50%;}
.course16{background:url(../images/mb/esl/list_16.png) no-repeat 50%;}
.course17{background:url(../images/mb/esl/list_17.png) no-repeat 50%;}
.course18{background:url(../images/mb/esl/list_18.png) no-repeat 50%;}
.course19{background:url(../images/mb/esl/list_19.png) no-repeat 50%;}
.course20{background:url(../images/mb/esl/list_20.png) no-repeat 50%;}
.course21{background:url(../images/mb/esl/list_21.png) no-repeat 50%;}
.course22{background:url(../images/mb/esl/list_22.png) no-repeat 50%;}
.course23{background:url(../images/mb/esl/list_23.png) no-repeat 50%;}
.course24{background:url(../images/mb/esl/list_24.png) no-repeat 50%;}
.course25{background:url(../images/mb/esl/list_25.png) no-repeat 50%;}
.course26{background:url(../images/mb/esl/list_26.png) no-repeat 50%;}
.course27{background:url(../images/mb/esl/list_27.png) no-repeat 50%;}
.course28{background:url(../images/mb/esl/list_28.png) no-repeat 50%;}
.course29{background:url(../images/mb/esl/list_29.png) no-repeat 50%;}
.course30{background:url(../images/mb/esl/list_30.png) no-repeat 50%;}
.course31{background:url(../images/mb/esl/list_31.png) no-repeat 50%;}
.course32{background:url(../images/mb/esl/list_32.png) no-repeat 50%;}
.course33{background:url(../images/mb/esl/list_33.png) no-repeat 50%;}
.course34{background:url(../images/mb/esl/list_34.png) no-repeat 50%;}
.course35{background:url(../images/mb/esl/list_35.png) no-repeat 50%;}
.course36{background:url(../images/mb/esl/list_36.png) no-repeat 50%;}
.course37{background:url(../images/mb/esl/list_37.png) no-repeat 50%;}
.course38{background:url(../images/mb/esl/list_38.png) no-repeat 50%;}
.course39{background:url(../images/mb/esl/list_39.png) no-repeat 50%;}
.course40{background:url(../images/mb/esl/list_40.png) no-repeat 50%;}
.course41{background:url(../images/mb/esl/list_41.png) no-repeat 50%;}

.lecture_list{}
.lecture_list ul{/* margin:0 -2vw; */}
.lecture_list li{width: 40vw;margin: 0 3vw 4vw;padding: 26vw 3vw 0;height: 56vw;border-radius:5vw;overflow:hidden}
.lecture_list li:hover{box-shadow:1vw 1vw 2.5vw rgba(0,0,0,0.2)}

.cs_tit{margin-bottom:3vw}
.cs_tit h5 {margin-bottom:1.5vw}
.cs_tit h5 span{font-size:5vw}
.cs_tit >span font{font-size:3vw;}
.lecture_list li p{font-size:2.8vw;}
 .lecture_list li p br{display:none}
.lecture_list li a{ height:8vw;line-height: 7.7vw; font-size:3.5vw;}


}