.class .sub_conbox .nice-select,.class .sub_conbox input[type=text],.point_wrap div{border:1px solid #6a6a6a;background-color:#efefef;font-family: "GmarketSans", Malgun Gothic;font-weight:500;padding: 0 1%;border-radius:5px;}
.class .sub_conbox .nice-select .current{color:#000;  font-weight:500}
 

.select_list .nice-select{float:left; }

.class_tab{border-radius:5px;border:1px solid #6a6a6a;overflow:hidden;background-color: #efefef;}
.class_tab span{float:left; display:block;  color:#000; text-align:center; background-color:#efefef;font-family:"GmarketSans"; cursor:pointer; font-weight:500}
.class_tab.x2 span{width:50%;}
.class_tab.x5 span{width:20%;}
.class_tab.x7 span{width: 14.28%;}
.class_tab span.on{background-color:#0068b7; color:#fff;}


.class_half{margin:0 -2%;}
.class_half>div{float:left;margin:0 2%; width:46%;}
.select_box{color:#000;  font-family: "GmarketSans", Malgun Gothic; font-weight:500}
.select_box input, .select_box .nice-select{display:inline-block; vertical-align:middle;}

.point_wrap{}
.point_wrap div{text-align:right;display:inline-block; vertical-align:middle;}
.point_wrap div input{display:inline-block;  border:0 !important; text-align:left;}

.point_wrap div input:focus{-webkit-box-shadow:none; -moz-box-shadow:none;box-shadow:none;}

.class_info li div{}

.class_info{}
.class_info li{float:left;  }
.class_info li div{background-color:#efefef; vertical-align:middle; text-align:center; border-radius:5px; overflow:hidden}
.class_info li h6{color:#000; font-family :"GmarketSans", Malgun Gothic; font-weight:400}
.class_info li span{display:block; color:#0068b7; font-family :"GmarketSans", Malgun Gothic; font-weight:700}
.class_info li.on div{background-color:#0068b7}
.class_info li.on h6{color:#fff}
.class_info li.on span{color:#fff;}
 
 .class_info .info1 li{ }


.step5_tit h6{color:#000;}

.class_list2 .class_info{width:100%;}
.class_info .info2 li{width:25%} 
.class_info .info2 .percent{display:block;margin-top: 4%;} 

.info2_1,.info2_2,.info2_3{position:relative;}
.info2_1::after,.info2_2::after{position:absolute; top:50%; content:'-'; color:#0068b7;font-family :"GmarketSans", Malgun Gothic ; font-weight:700}
.info2_3::after{position:absolute; top:50%; content:'='; color:#0068b7;font-family :"GmarketSans", Malgun Gothic ; font-weight:700}


.class_list2{border-top:2px solid #000}


.step2 p{color:#000;line-height: 1.4em;text-align:left;}
.step2 p strong{display:block; font-weight:900}


@media (min-width:1200px){
 .class_tab{margin:0 0 35px;}
.class_tab span{height:60px; line-height:65px; font-size:25px; }



/*---*/


.select_list{margin:0 -15px;}
.select_list .nice-select{width:380px; margin:0 15px;}
.class .sub_conbox input[type=text],.class .sub_conbox .nice-select .current{font-size:25px;height:60px;line-height: 66px;}


.step2{}
.step2 .class_tab{margin-top:30px;}



.select_box{font-size:25px}
.start_date input{margin-left:20px;width:410px;padding-top: 3px !important;}
.start_time .nice-select{width:200px;}
.start_time .time{margin-left:20px;}

.step4 .select_box>span{display:none;}
.point_wrap div{height: 60px;line-height: 65px;overflow: hidden;}
.point_wrap div input{width:144px;/* padding-top: 5px !important; */}
.point_wrap .point1{margin-left:20px;}



.class_list{}
.class_list>div{float:left;}
.class_list .step5_tit{display:table; width:240px; height:160px;}
.class_list .step5_tit h6{display:table-cell; vertical-align:middle; text-align:center; font-size:30px;}

.step5_tit{display:table;}
.step5_tit h6 a{display:block; width:75%; margin:20px auto 0; height:40px; line-height:46px;}

.class_info{width:960px}
.class_info li div{padding:45px 0;}

.class_info .info1 {margin:0 -5px;} 
.class_info .info1 li{padding:0 5px; width:33.333%} 
.class_info .info1 h6{font-size:30px;}
.class_info .info1 span{font-size:24px; margin-top:24px;}


.class_list2{padding-top:48px; margin-top:48px;}
.class_info .info2{margin:0 -20px;}
.class_info .info2 li{padding:0 20px;} 
.class_info .info2 li div{height:180px; vertical-align:top;} 
.class_info .info2 h6{font-size:30px;}
.class_info .info2 span{font-size:35px; margin-top:20px;}
.class_info .info2 .percent{font-size:25px;} 
.info2_1::after,.info2_2::after,.info2_3::after{font-size:35px; right:-8px;}

.select_box br{display:none;}


.step2 p strong{font-size:20px;margin-bottom: 5px;}
.step2 p{font-size:16px;margin-bottom: 15px;}
}
@media (min-width: 650px){
 
}
@media (max-width:1199px){
 
}
@media (min-width:650px) and (max-width:1199px){
 .class_tab {margin: 2% 0 0;}
.class_tab span{font-size:100%;height: 6vw;line-height: 6.8vw;}



/*---*/


.select_list{margin:0 -1%;}
.select_list .nice-select{width: 31.33%;margin: 0 1%;}
.class .sub_conbox input[type=text],.class .sub_conbox .nice-select .current{font-size: 100%;height: 6vw;line-height: 6.7vw;}
.class .start_date input{padding-top: 1% !important;}


.step2{}
.step2 .class_tab{margin-top:30px;}


.select_box{font-size:100%}
.start_date input{width: 100%;margin-top: 2%;}
.start_time .nice-select{width: 48%; margin-top:2%}
.start_time {text-align:left !important}
.start_time .time{}


.point_wrap {text-align:left !important;}
.point_wrap div{width: 48%;text-align: left;margin-top: 2%;height: 6vw;line-height: 6.5vw;overflow: hidden;}
.point_wrap div input{width: 49%;}
.point_wrap .point1{}
.point_wrap .point1 input{width: 81%;}

.class_list{}
.class_list>div{}
.class_list .step5_tit{}
.class_list .step5_tit h6{vertical-align:middle;font-size: 100%;margin-bottom: 3vw;}
.step5_tit h6 a{display: inline-block;height: 5.8vw;line-height: 6.2vw;font-size: 85%;width: 20vw;text-align: center;margin-left: 2%;}

.class_info{width: 100%;}
.class_info li div{padding:45px 0;}

.class_info .info1 {margin:0 -5px;} 
.class_info .info1 li{padding:0 5px; width:33.333%} 
.class_info .info1 h6{font-size: 100%;}
.class_info .info1 span{font-size: 100%;margin-top: 1.5vw;word-break: keep-all;line-height: 1.3em;height: 2.6em;}


.class_list2{padding-top: 3vw;margin-top: 3vw;}
.class_info .info2{margin: 0 -1.2vw;}
.class_info .info2 li{padding: 0 1.25vw;} 
.class_info .info2 li div{height:180px; vertical-align:top;} 
.class_info .info2 h6{font-size: 100%;}
.class_info .info2 span{font-size: 100%;margin-top: 1.5vw;}
.class_info .info2 .percent{font-size: 70%;} 
.info2_1::after,.info2_2::after,.info2_3::after{font-size: 100%;right: -3%;margin-top: -3%;}


.step2 p strong{font-size: 120%;margin-bottom: 1vw;}
.step2 p{font-size: 67%;margin-bottom: 1.5vw;}


}
@media (max-width: 649px){
  .class_tab {margin: 1vw 0;}
.class_tab span{padding: 3.5vw 0 2.5vw;font-size: 70%;}




/*---*/


.select_list{margin:0 -1%;}
.select_list .nice-select{width: 31.33%;margin: 0 1%;}
.class .sub_conbox input[type=text],.class .sub_conbox .nice-select .current{font-size: 3.5vw;height: 10vw;line-height: 10.7vw;}
.class .start_date input{padding-top: 1% !important;}

.step2{}
.step2 .class_tab{margin-top: 3vw;}


.select_box{font-size: 70%;}
.start_date input{width: 100%;margin-top: 1vw;}
.start_time .nice-select{width: 48%;margin-top: 1vw;}
.start_time {text-align:left !important}
.start_time .time{}
.start_time .current{font-size:100% !important;}

.step4 .class_tab span{font-size:100% !important}

.point_wrap {text-align:left !important;}
.point_wrap div{width: 52%;text-align: left;margin-top: 1vw;height: 10vw;overflow: hidden;line-height: 10.7vw;}
.point_wrap div input{width: 47%;font-size:100% !important;}
.point_wrap .point1{width: 44%;}
.point_wrap .point1 input{width: 78%;}

.class_list{}
.class_list>div{}
.class_list .step5_tit{}
.class_list .step5_tit h6{vertical-align:middle;font-size: 70%;margin-bottom: 3vw;}
.step5_tit h6 a{display: inline-block;height: 5.8vw;line-height: 6.2vw;font-size: 100%;width: 20vw;text-align: center;margin-left: 2%;}

.class_info{width: 100%;}
.class_info li div{/* display: table-cell; */padding: 4vw 0;}

.class_info .info1 {margin: 0 -1.5vw;} 
.class_info .info1 li{padding: 1.5vw;width: 100%;display: table;} 
.class_info .info1 h6{font-size: 100%;}
.class_info .info1 span{font-size: 70%;margin-top: 1.5vw;word-break: keep-all;/* height: 2.6em; */}


.class_list2{padding-top: 3vw;margin-top: 1.5vw;}
.class_info .info2{margin: 0 -1.2vw;}
.class_info .info2 li{padding: 0 1.25vw;} 
.class_info .info2 li div{height: 18vw;vertical-align:top;} 
.class_info .info2 h6{font-size: 70%;}
.class_info .info2 span{font-size: 70%;margin-top: 2vw;}
.class_info .info2 .percent{font-size: 70%;} 
.info2_1::after,.info2_2::after,.info2_3::after{font-size: 75%;right: -3%;margin-top: -7%;}

.step2 p strong{font-size:120%; margin-bottom:1vw;}
.step2 p{font-size: 50%;line-height: 1.3em;margin-bottom: 1.5vw;}

}