/*comm*/
 
.lec_slide{}
.lec_slide li .inbox{position:relative; }
.lec_intro{animation-fill-mode: forwards;}
.lec_intro>span{display:inline-block; font-weight:500; color:#fff; background:linear-gradient(to right, #0068b7, #16a693)}
.lec_intro h3{}
.lec_intro h3 span{font-weight:900}
.lec_intro p{color:#201716; font-weight:500; line-height:1.3em}
.lec_intro a{display:inline-block}

.lec_intro{position:absolute;}


.sub_cate{background-color:#f6f6f6;}
.sub_cate .inbox{font-size:0;}
.sub_cate a{display:inline-block; width:25%; color:#201716; text-align:center;}
.sub_cate a.on{background:linear-gradient(to right, #0068b7, #16a693); color:#fff;}


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

.cs_tit{}
.cs_tit h5{}
.cs_tit h5 span{font-weight:900;}
.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%)}

.sub_cate{position:relative; top:0; left:0; width:100%;}
.sub_cate.scroll{position:fixed; z-index:1}

@media (min-width: 649px){
/*P T*/

 
}
@media (max-width: 1357px){
/*T M*/
.lec_slide li {background-size:cover !important;}
.lecture_list li{background-size:cover !important;}


.en .course1{background:url(../images/mb/sub3_en1.png) no-repeat 50%;}
.en .course2{background:url(../images/mb/sub3_en2.png) no-repeat 50%;}
.en .course3{background:url(../images/mb/sub3_en3.png) no-repeat 50%;}
.en .course4{background:url(../images/mb/sub3_en4.png) no-repeat 50%;}
.en .course5{background:url(../images/mb/sub3_en5.png) no-repeat 50%;}
.en .course6{background:url(../images/mb/sub3_en6.png) no-repeat 50%;}
.en .course7{background:url(../images/mb/sub3_en7.png) no-repeat 50%;}
.en .course8{background:url(../images/mb/sub3_en8.png) no-repeat 50%;}
.en .course9{background:url(../images/mb/sub3_en9.png) no-repeat 50%;}
.en .course10{background:url(../images/mb/sub3_en10.png) no-repeat 50%;}
.en .course11{background:url(../images/mb/sub3_en11.png) no-repeat 50%;}
.en .course12{background:url(../images/mb/sub3_en12.png) no-repeat 50%;}
.en .course13{background:url(../images/mb/sub3_en13.png) no-repeat 50%;}
.en .course14{background:url(../images/mb/sub3_en14.png) no-repeat 50%;}
.en .course15{background:url(../images/mb/sub3_en15.png) no-repeat 50%;}
.en .course16{background:url(../images/mb/sub3_en16.png) no-repeat 50%;}
.en .course17{background:url(../images/mb/sub3_en17.png) no-repeat 50%;}
.en .course18{background:url(../images/mb/sub3_en18.png) no-repeat 50%;}

.esl .course1{background:url(../images/mb/sub3_esl1.png) no-repeat 50%;}
.esl .course2{background:url(../images/mb/sub3_esl2.png) no-repeat 50%;}
.esl .course3{background:url(../images/mb/sub3_esl3.png) no-repeat 50%;}
.esl .course4{background:url(../images/mb/sub3_esl4.png) no-repeat 50%;}
.esl .course5{background:url(../images/mb/sub3_esl5.png) no-repeat 50%;}
.esl .course6{background:url(../images/mb/sub3_esl6.png) no-repeat 50%;}
.esl .course7{background:url(../images/mb/sub3_esl7.png) no-repeat 50%;}
.esl .course8{background:url(../images/mb/sub3_esl8.png) no-repeat 50%;}
.esl .course9{background:url(../images/mb/sub3_esl9.png) no-repeat 50%;}
 
.jp .course1{background:url(../images/mb/sub3_ja1.png) no-repeat 50%;}
.jp .course2{background:url(../images/mb/sub3_ja2.png) no-repeat 50%;}
.jp .course3{background:url(../images/mb/sub3_ja3.png) no-repeat 50%;}
.jp .course4{background:url(../images/mb/sub3_ja4.png) no-repeat 50%;}
.jp .course5{background:url(../images/mb/sub3_ja5.png) no-repeat 50%;}
.jp .course6{background:url(../images/mb/sub3_ja6.png) no-repeat 50%;}
.jp .course7{background:url(../images/mb/sub3_ja7.png) no-repeat 50%;}
.jp .course8{background:url(../images/mb/sub3_ja8.png) no-repeat 50%;}
.jp .course9{background:url(../images/mb/sub3_ja9.png) no-repeat 50%;}
.jp .course10{background:url(../images/mb/sub3_ja10.png) no-repeat 50%;}
 
.ch .course1{background:url(../images/mb/sub3_ch1.png) no-repeat 50%;}
.ch .course2{background:url(../images/mb/sub3_ch2.png) no-repeat 50%;}
.ch .course3{background:url(../images/mb/sub3_ch3.png) no-repeat 50%;}
.ch .course4{background:url(../images/mb/sub3_ch4.png) no-repeat 50%;}
.ch .course5{background:url(../images/mb/sub3_ch5.png) no-repeat 50%;}
.ch .course6{background:url(../images/mb/sub3_ch6.png) no-repeat 50%;}
.ch .course7{background:url(../images/mb/sub3_ch7.png) no-repeat 50%;}
.ch .course8{background:url(../images/mb/sub3_ch8.png) no-repeat 50%;}
 
 
}

@media (min-width:1358px){
/*pc*/ 
 

.lec_slide li .inbox{height:870px}
.lec_intro>span{font-size:40px; padding:0 15px; height:50px; line-height:50px;}
.lec_intro h3{margin:25px 0;}
.lec_intro h3 span{font-size:80px;}
.lec_intro p{font-size:23px; margin-bottom:45px;}
.lec_intro a{width:340px; bottom:257px; height:80px; line-height:80px; font-size:23px;}

.ls1{background:url(../images/pc/sub3_visual1.png) no-repeat 50%;}
.ls1 .lec_intro{left:0; top:135px}

.ls2{background:url(../images/pc/sub3_visual2.png) no-repeat 50%;}
.ls2 .lec_intro{right:0; top:320px}

.ls3{background:url(../images/pc/sub3_visual3.png) no-repeat 50%;}
.ls3 .lec_intro{right:0; top:238px}

.sub_cate a{font-size:23px; height:80px; line-height:80px; }

.lecture .sub_contents{padding:200px 0 100px}


.lecture_list{margin-top:90px;}
.lecture_list ul{margin:0 -40px;}
.lecture_list li{width:400px;margin: 0 39px 80px;padding:260px 30px 0;height:600px;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:80px; line-height:80px; font-size:23px;}



.en .course1{background:url(../images/pc/sub3_en1.png) no-repeat 50%;}
.en .course2{background:url(../images/pc/sub3_en2.png) no-repeat 50%;}
.en .course3{background:url(../images/pc/sub3_en3.png) no-repeat 50%;}
.en .course4{background:url(../images/pc/sub3_en4.png) no-repeat 50%;}
.en .course5{background:url(../images/pc/sub3_en5.png) no-repeat 50%;}
.en .course6{background:url(../images/pc/sub3_en6.png) no-repeat 50%;}
.en .course7{background:url(../images/pc/sub3_en7.png) no-repeat 50%;}
.en .course8{background:url(../images/pc/sub3_en8.png) no-repeat 50%;}
.en .course9{background:url(../images/pc/sub3_en9.png) no-repeat 50%;}
.en .course10{background:url(../images/pc/sub3_en10.png) no-repeat 50%;}
.en .course11{background:url(../images/pc/sub3_en11.png) no-repeat 50%;}
.en .course12{background:url(../images/pc/sub3_en12.png) no-repeat 50%;}
.en .course13{background:url(../images/pc/sub3_en13.png) no-repeat 50%;}
.en .course14{background:url(../images/pc/sub3_en14.png) no-repeat 50%;}
.en .course15{background:url(../images/pc/sub3_en15.png) no-repeat 50%;}
.en .course16{background:url(../images/pc/sub3_en16.png) no-repeat 50%;}
.en .course17{background:url(../images/pc/sub3_en17.png) no-repeat 50%;}
.en .course18{background:url(../images/pc/sub3_en18.png) no-repeat 50%;}

.esl .course1{background:url(../images/pc/sub3_esl1.png) no-repeat 50%;}
.esl .course2{background:url(../images/pc/sub3_esl2.png) no-repeat 50%;}
.esl .course3{background:url(../images/pc/sub3_esl3.png) no-repeat 50%;}
.esl .course4{background:url(../images/pc/sub3_esl4.png) no-repeat 50%;}
.esl .course5{background:url(../images/pc/sub3_esl5.png) no-repeat 50%;}
.esl .course6{background:url(../images/pc/sub3_esl6.png) no-repeat 50%;}
.esl .course7{background:url(../images/pc/sub3_esl7.png) no-repeat 50%;}
.esl .course8{background:url(../images/pc/sub3_esl8.png) no-repeat 50%;}
.esl .course9{background:url(../images/pc/sub3_esl9.png) no-repeat 50%;}
 
.jp .course1{background:url(../images/pc/sub3_ja1.png) no-repeat 50%;}
.jp .course2{background:url(../images/pc/sub3_ja2.png) no-repeat 50%;}
.jp .course3{background:url(../images/pc/sub3_ja3.png) no-repeat 50%;}
.jp .course4{background:url(../images/pc/sub3_ja4.png) no-repeat 50%;}
.jp .course5{background:url(../images/pc/sub3_ja5.png) no-repeat 50%;}
.jp .course6{background:url(../images/pc/sub3_ja6.png) no-repeat 50%;}
.jp .course7{background:url(../images/pc/sub3_ja7.png) no-repeat 50%;}
.jp .course8{background:url(../images/pc/sub3_ja8.png) no-repeat 50%;}
.jp .course9{background:url(../images/pc/sub3_ja9.png) no-repeat 50%;}
.jp .course10{background:url(../images/pc/sub3_ja10.png) no-repeat 50%;}
 
.ch .course1{background:url(../images/pc/sub3_ch1.png) no-repeat 50%;}
.ch .course2{background:url(../images/pc/sub3_ch2.png) no-repeat 50%;}
.ch .course3{background:url(../images/pc/sub3_ch3.png) no-repeat 50%;}
.ch .course4{background:url(../images/pc/sub3_ch4.png) no-repeat 50%;}
.ch .course5{background:url(../images/pc/sub3_ch5.png) no-repeat 50%;}
.ch .course6{background:url(../images/pc/sub3_ch6.png) no-repeat 50%;}
.ch .course7{background:url(../images/pc/sub3_ch7.png) no-repeat 50%;}
.ch .course8{background:url(../images/pc/sub3_ch8.png) no-repeat 50%;}
 
 
}
@media (min-width:650px) and (max-width:1357px){
/*T*/
  
.lec_slide li .inbox{height:50vw}
.lec_intro>span{font-size:3vw; padding:0 1vw; height:4.5vw; line-height:4.5vw;}
.lec_intro h3{margin:1vw 0 2.5vw;}
.lec_intro h3 span{font-size:5.8vw;}
.lec_intro p{font-size:2vw; margin-bottom:3.5vw;}
.lec_intro a{width:28vw; bottom:11.8vw; height:6vw; line-height:6vw; font-size:2vw;}


.ls1{background:url(../images/tab/sub3_visual1.png) no-repeat 50%;}
.ls1 .lec_intro{left:0; top:6vw}

.ls2{background:url(../images/tab/sub3_visual2.png) no-repeat 50%;}
.ls2 .lec_intro{right:0; top:11vw}

.ls3{background:url(../images/tab/sub3_visual3.png) no-repeat 50%;}
.ls3 .lec_intro{right:0; top:11vw; text-align:right;}

.sub_cate a{font-size:2vw; height:7vw; line-height:7vw; }

.lecture .sub_contents{padding:12.5vw 0 16vw}


.lecture_list{margin-top:3vw;}
.lecture_list ul{ ;}
.lecture_list li{width: 37.5vw;margin: 0 4vw 8vw;padding:24vw 2.7vw 0;height: 60.8vw;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:2vw}
.cs_tit h5 {margin-bottom:1.5vw}
.cs_tit h5 span{font-size:4.1vw}
.cs_tit >span font{font-size:2.5vw;}
.lecture_list li p{font-size:2.3vw;}
.lecture_list li a{ height:7vw; line-height:7vw; font-size:2.9vw;}




}
@media (max-width:649px){
/*mb*/
.lec_slide li .inbox{height:100vw}
.lec_intro>span{font-size:4vw; padding:0 1.5vw; height:5vw; line-height:5vw;}
.lec_intro h3{margin:2.5vw 0 3vw;}
.lec_intro h3 span{font-size:8vw;}
.lec_intro p{font-size:3vw; margin-bottom:5vw;}
.lec_intro a{width:34vw; bottom:15vw; height:8vw; line-height:8vw; font-size:3vw;}


.ls1{background:url(../images/mb/sub3_visual1.png) no-repeat 50%;}
.ls1 .lec_intro{left:0; top:15.5vw}

.ls2{background:url(../images/mb/sub3_visual2.png) no-repeat 50%;}
.ls2 .lec_intro{right:0; top:38vw}
.ls2 .lec_intro p{width:46vw; }
.ls3{background:url(../images/mb/sub3_visual3.png) no-repeat 50%;}
.ls3 .lec_intro{right:0; top:31vw; text-align:right;}
.ls3 .lec_intro p{width:46vw; }

.sub_cate .inbox{width:100% !important;}
.sub_cate a{font-size:4vw; height:10vw; line-height:10vw; }

.lecture .sub_contents{padding:15vw 0 20vw}


.lecture_list{margin-top:8.5vw;}
.lecture_list ul{margin:0 -2vw;}
.lecture_list li{width:45vw;margin: 0 2vw 4vw;padding:28.5vw 3vw 0;height:73vw;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 a{ height:8vw; line-height:8vw; font-size:3.5vw;}


	
	
}