.edu_tit {
    width: 100%;
    height: 230px;
    margin-bottom: 20px;
    background:#e3e3e3 url(/pages/basic/img/sub/hangul.png) right top no-repeat;
    border-radius: 20px;
    color: #414071;
    float: left;
}

.edu_tit h5 {
    font-family: "Gmarket Sans";
    font-size: 30px;
    padding: 57px 0 0 42px;
    font-weight: 400;
}

.edu_tit p{margin:10px 0 0 45px}
.edu_box {
    float: left;
    width: 100%;
    font-size: 20px;
    display: block;
    padding: 20px 0 20px 0px;
    line-height: 30px;

}
.edu_box ul li {
    float: left;
    display: inline-block;
    width: calc(100% / 4 - 20px);
    margin: 0 10px 10px 10px;
    padding: 20px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(139deg, #528be3 0%, #cc93ff 60%, #9862cb 100%);
    border-radius: 14px;
}
.edu_box .tit{font-size:24px;margin-bottom: 38px;color: #000;}
.edu_box p {float: left; margin:30px 0 0 25px;
    font-size: 18px;
    line-height: 24px}


@media screen and (max-width:1200px){
.edu_tit { height: 176px; background-size: contain;}
.edu_tit h5 {
          font-size: 25px;
        padding: 27px 0 0 42px;}
}

@media screen and (max-width:900px){
    .edu_tit h5 {
        font-size: 20px;
    }
.edu_box .tit {
    font-size: 20px;
    margin-bottom: 26px;}
.edu_box {font-size:16px;}
}

@media screen and (max-width:800px){
.edu_box ul li {width: calc(100% / 2 - 20px);
}

@media screen and (max-width:580px){
 .edu_tit { height: 176px; background:#e3e3e3;}
 .edu_tit h5 { padding: 20px 0 0 22px;}
       .edu_tit p {
        margin: 15px 0 0 25px;
        font-size: 16px;
        line-height: 20px;
    }
	.edu_box ul li {width: calc(100% / 1 - 10px); margin-left:5px}
}