.historyWrap {
    padding-top:60px;
}

.historyWrap ul {
    margin-left:-25px;
    width:calc(100% + 50px);
    display:flex;
    flex-flow:row wrap;
}

.historyWrap ul li {
    flex:1 1 calc(33.333334% - 50px);
    max-width:calc(33.333334% - 50px);
    width:calc(33.333334% - 50px);
    margin:0 25px 100px;
    position: relative;
    border-top:1px solid #d7d7d7;
    padding:37px 22px 0;
}

.historyWrap ul li:before {
    content:'';
    width:138px;
    height:2px;
    position: absolute;
    top:-2px;
    left:0;
    background-color:#0072bc;
}

.historyWrap ul li h2 {
    color:#0072bc;
    font-size: 40px;
    font-family: 'SpB';
    margin-bottom:40px;
}

.historyWrap ul li p:not(:last-child) {
    margin-bottom:25px;
}

.historyWrap ul li p:after {
    content:'';
    display:block;
    clear:both;
}

.historyWrap ul li p span:first-child {
    display:block;
    float:left;
    color:#000000;
    font-size: 17px;
    font-family: 'SpR';
    line-height: 1.2;
    width:32px;
}

.historyWrap ul li p span:first-child i {
    font-style:normal;
    text-align:center;
    width:18px;
    display:block;
}

.historyWrap ul li p span:last-child {
    float:left;
    width:calc(100% - 32px);
    display:block;
    font-size: 15px;
    font-family: "Malgun Gothic";
    color: rgb(119, 119, 119);
    line-height: 1.467;
}

.historyWrap ul li p span:last-child b {
    font-weight: normal;
    display:block;
}

.historyWrap ul li p span:last-child b:not(:last-child) {
    margin-bottom:10px;
}

@media screen and (max-width:1023px) {
    .historyWrap ul li {
        flex: 1 1 calc(50% - 40px);
        max-width:calc(50% - 40px);
        width:calc(50% - 40px);
        margin:0 20px 60px;
        padding:30px 16px 0;
    }
}

@media screen and (max-width:767px) {
    .historyWrap ul li {
        flex:1 1 100%;
        max-width:100%;
        width:100%;
        margin:0 0 50px;
        padding:20px 10px 0;
    }

    .historyWrap ul li p:not(:last-child) {
        margin-bottom:15px;
    }

    .historyWrap ul {
        margin-left:0;
        width:100%;
    }

    .historyWrap ul li h2 {
        font-size: 30px;
        margin-bottom:25px;
    }

    .historyWrap ul li p span:first-child {
        font-size: 15px;
        width:27px;
    }

    .historyWrap ul li p span:last-child {
        font-size: 14px;
        width:calc(100% - 27px);
    }

    .historyWrap ul li p span:first-child i {
        width:16px;
    }

    .historyWrap ul li:before {
        width:88px;
    }
}