/*comm*/
 .sub_visual {position:relative;z-index: 1;}
.sub_visual .inbox{position:relative;z-index: 2;}
.sub_visual .v_bgwrap{position:absolute; top:0;  left:0; width:100%; height:100%;  z-index:1;}
.sub_visual .v_bgwrap>div{position:relative; width:100%; height:100%; overflow:hidden}
.sub_visual .v_bgwrap::after{position:absolute;  top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.3); z-index:2; content:''}
 
.sub_visual .v_bg>div{position:absolute; top:0; left:0; width:100%; height:100%;}
@media (min-aspect-ratio: 16/9) {
  .sub_visual .v_bg>div {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .sub_visual .v_bg>div {
    width: 300%;
    left: -100%;
  }
}
.sub_visual video{position:absolute;top: 50%;left: 50%;width: 101%;height: 113%;transform: translate(-50%,-50%) rotateY(180deg);transform: translate(-50%,-50%) rotateY(180deg);-webkit-transform: translate(-50%,-50%) rotateY(180deg); /* Safari and Chrome */-moz-transform: translate(-50%,-50%) rotateY(180deg); /* Firefox */}



.lec_intro{}
.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;}
 

.vc_con1{}
.vc_con1 .inbox>div{float:left;}

.vc_con2{ background:linear-gradient(to right, #0068b7, #16a693)}
.vc_con2 .inbox{position:relative;}
.vc_con2 .inbox>p{position:absolute; color:#9adcdd; line-height:1.2em}

.vc_step li{position:relative; float:left; }
.vc_step li i{position:absolute; top:50%; color:#9adcdd;}
.vc_step div{background-color:#fff}
.vc_step li h6 span{font-weight:bold;}
.vc_step p{color:#201716;font-weight:500;line-height:1.2em;height: 2.4em;}
.vc_step .btn_cancel{display:block; border-radius:0; text-align:center}


.vc_step2{border-top:1px solid #9adcdd}
.vc_step2 li{border-bottom:1px solid #9adcdd}
.vc_step2 li h6{color:#fff; font-weight:900; letter-spacing:0;}
.vc_step2 li p{color:#9adcdd; font-weight:400; line-height:1.3em} 



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

 
}
@media (max-width: 1357px){
/*T M*/ 
}

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

.sub_visual .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;}

.lec_intro{top:350px}
 
.v_class .sub_contents{padding:200px 0 0}




.vc_con1 {padding:180px 0}
.vc_con1 .inbox>div{width:687px; height:539px;}
.vc_box1{ background:url(../images/pc/sub4_con1.png) no-repeat 50%;}
.vc_box2{margin-right:-16px; background:url(../images/pc/sub4_con2.png) no-repeat 50%;}


.vc_con2 {padding:200px 0;}
.vc_con2 .inbox>p{top:180px; left:50%; font-size:40px;}
 .vc_step{padding:100px 0 70px}
.vc_step ul{margin: 0 -28px;}
.vc_step li{width:300px;margin: 0 26px;}
.vc_step li i{left: 104%;font-size:50px;margin-top:-25px}
.vc_step li div{padding:60px 30px;border-radius: 20px;}
.vc_step li h6{margin-bottom:40px}
.vc_step li h6 span{font-size:60px}
.vc_step li p{font-size:40px}


.vc_step2 li{padding:50px 0;}
.vc_step2 li h6,.vc_step2 li p{float:left; width:50%;}
.vc_step2 li h6{font-size:40px;}
.vc_step2 li p{font-size:23px;}

.vc_step .btn_cancel{  margin:100px auto 0; width:300px; height:80px; font-size:30px; line-height:80px;}

}
@media (min-width:650px) and (max-width:1357px){
/*T*/
.sub_visual img{position:absolute;top: 50%;left: 50%;width: 34%;height: 100%;transform: translate(-50%,-50%) rotateY(180deg);transform: translate(-50%,-50%) rotateY(180deg);-webkit-transform: translate(-50%,-50%) rotateY(180deg); /* Safari and Chrome */-moz-transform: translate(-50%,-50%) rotateY(180deg); /* Firefox */}

.v_class .sub_contents{padding:16.6vw 0 0}
.sub_visual .inbox{height:50vw}

.lec_intro{top:18.3vw}
 
.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;}
 
 
 

.vc_con1 {padding:5vw 0 17vw}
.vc_con1 .inbox>div{width:46.6vw; height:42.6vw; background-size:cover !important;}
.vc_box1{ background:url(../images/tab/sub4_con1.png) no-repeat 50%;}
.vc_box2{margin-right:-4vw; background:url(../images/tab/sub4_con2.png) no-repeat 50%;}


.vc_con2 {padding:16.5vw 0;}
.vc_con2 .inbox>p{top:14vw; left:50%; font-size:3vw;}
 .vc_step{padding:7.5vw 0 6vw}
.vc_step ul{margin: 0 -2.5vw;}
.vc_step li{width:19vw;margin: 0 2.5vw;}
.vc_step li i{left: 108%;font-size:4vw;margin-top:-2vw}
.vc_step li div{padding: 5vw 2vw;border-radius:2vw;}
.vc_step li h6{margin-bottom:2vw}
.vc_step li h6 span{font-size:5vw}
.vc_step li p{font-size:3.3vw}


.vc_step2 li{padding:4vw 0;}
.vc_step2 li h6,.vc_step2 li p{float:left; width:50%;}
.vc_step2 li h6{font-size:3.3vw;}
.vc_step2 li p{font-size:2vw;}

.vc_step .btn_cancel{  margin:8vw auto 0; width:25vw; height:7vw; font-size:2.5vw; line-height:7vw;}
}
@media (max-width:649px){
/*mb*/
.sub_visual img{position:absolute;top: 50%;left: 50%;width: 63%;height: 100%;transform: translate(-47%,-50%) rotateY(180deg);transform: translate(-47%,-50%) rotateY(180deg);-webkit-transform: translate(-47%,-50%) rotateY(180deg); /* Safari and Chrome */-moz-transform: translate(-47%,-50%) rotateY(180deg); /* Firefox */}

.v_class .sub_contents{padding:15vw 0 0}

.lec_intro{top:38.6vw}

.sub_visual .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;}

 

.vc_con1 {padding:9vw 0 17vw}
.vc_con1 .inbox>div{width: 48vw;height:59.9vw;background-size:cover !important;}
.vc_box1{background: url(../images/mb/sub4_con1.png) no-repeat -3vw 50%;}
.vc_box2{margin-right: -3vw;background: url(../images/mb/sub4_con1.png) no-repeat 99% 50%;}


.vc_con2 {padding:20vw 0;}
.vc_con2 h5{text-align:center; margin-bottom:4vw;}
.vc_con2 h5 br{display:none}
.vc_con2 .inbox>p{position:relative !important; text-align:center; font-size:3.5vw}
 .vc_step{padding:9vw 0 10vw}
.vc_step ul{margin: 0 -2.9vw;}
.vc_step li{width:42vw;margin: 2.5vw 2.9vw;}
.vc_step li i{left: 103%;font-size:7vw;margin-top:-3.5vw}
.vc_step li div{padding: 5.5vw 2.5vw;border-radius: 2vw;}
.vc_step li h6{margin-bottom:3.4vw}
.vc_step li h6 span{font-size:7vw}
.vc_step li p{font-size:4vw}


.vc_step2 li{padding:4vw 0;}
.vc_step2 li h6,.vc_step2 li p{ }
.vc_step2 li h6{font-size:5vw; margin-bottom:3vw}
.vc_step2 li p{padding-left:8vw;font-size: 3.5vw;}

.vc_step .btn_cancel{  margin:10vw auto 0; width:40vw; height:10vw; font-size:4vw; line-height:10vw;}
	
	
}