.vision{display:block; float:left}

.vision ul li {
    float: left;
    display: inline-block;
    width: calc(100% / 2 - 20px);
    margin: 0 10px 10px 10px;
}
 .vision_box{float: left;width: 100%;padding:30px 20px;font-size:18px;display: block;border: 1px solid #eee;margin-bottom: 25px;line-height: 26px; height:113px}
.vision_box p{font-size:18px; line-height:24px}

.vision2{width:100%; display:block; float:left}
.vision2 .vision_tit{float:left; width:100%; margin-bottom:20px;background: linear-gradient(139deg, #528be3 0%, #9862cb 60%, #51207f 100%);border-radius: 20px;color: #fff;}
.vision2 .vision_tit h5{font-family: "Gmarket Sans";font-size:30px;padding: 57px 0 0 42px;font-weight: 400;}
.vision2 .vision_tit  p{padding: 20px 0 30px 40px;width: 100%;}
.vision2 .vision_tit ul {padding:20px 40px}
.vision2 .vision_tit ul li {
    float: left;
    display: inline-block;
    width: calc(100% / 4 - 20px);
    margin: 0 10px 30px 10px;
    background: #fff;
    border-radius: 79px;
    height: 66px;
    color: #222;
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
}
.sub_tit {
    float: left;
    font-size: 23px;
    text-align: center;
    width: 100%;
    line-height: 45px;
    margin-bottom: 30px;
    }
	.sub_tit  span{
    padding: 5px;
    background: #6a00b769;
    color: #fffa26;
    font-size: 26px;
}


@media screen and (max-width:1200px){
.vision_box {height:130px; font-size: 16px;  line-height: 24px;}

.vision2 .vision_tit ul li {
    font-size: 16px;
    text-align: center;
    padding-top: 20px;}
}

@media screen and (max-width:860px){
.vision_box {
    float: left;
    width: 100%;
	height:auto;
    padding:15px 20px;margin-bottom: 5px;}
	.vision ul li {
    float: left;
    display: block;
    width: calc(100% / 1 - 20px);}
}



/****** Mobile ******/
@media screen and (max-width:690px){
.vision2 .vision_tit h5{
    font-size: 23px;
    text-align: center;
    padding: 20px 0 0 0px;}
	.vision2 .vision_tit p {
    padding: 20px;}
		.vision2 .vision_tit ul li {width: calc(100% / 2 - 30px);
        margin: 0 10px 20px 10px;
        padding: 15px 5px;}
}

/****** Mobile ******/
@media screen and (max-width:540px){
.sub_tit {
    font-size: 20px;
    line-height: 40px;}
	.sub_tit span {
    font-size: 20px;}
	    .vision2 .vision_tit ul li {
        width: calc(100% / 1 - 30px);
        margin: 0 10px 10px 10px;
        padding: 12px 5px;
        height: 40px;}
	}

@media screen and (max-width:460px){
        .h4_butt {font-size: 22px;}
	    .vision2 .vision_tit h5 {
        font-size: 19px;}
		.content_box p {font-size: 16px; line-height: 23px;}
	    .sub_tit {
        font-size: 16px;
        line-height:30px;}

		.sub_tit span {
        font-size: 15px;
    }

}