.event > .title{
    margin-top : 3.43vw;
    margin-bottom : 2.91vw;
}

.event > .title > h1{
    text-align : center;
    font-size : 1.875vw;
    font-family : "ScoreR";
}

.event > .title > h1 > span{
    display: block;
    font-family: 'Lato', sans-serif;
    font-size : 0.67vw;
    letter-spacing : 2px;
    margin-top : 1.25vw;
}

.event-list-wrap{
    margin-top : 0.72vw;
    border-top : 0.10vw solid #555;
    padding-top : 3.64vw;
    width : 68.75vw;
    margin : 0 auto;
}

.event-list-wrap > ul{
    display : flex;
    flex-wrap : wrap;
}

.event-list-wrap > ul > li {
    width : 32%;
	margin-right: 2%;
    margin-bottom : 1.875vw;
    overflow: hidden;
}
.event-list-wrap > ul > li:nth-child(3n) {margin-right: 0;}

.event-list-wrap > ul > li > a:hover{
    transform : scale(1.1);
    transition-duration:.4s;
}

@media screen and (max-width : 768px){
    .event > .title > h1{
        font-size : 4.94vw;
    }

    .event > .title > h1 > span{
        font-size : 1.82vw;
        font-weight : 300;
    }

    .event > .title{
        margin-top : 7.8125vw;
        margin-bottom : 6.51vw;
    }

    .event-list-wrap{
        width : 95vw;
        border : 0;
    }

    .event-list-wrap > ul > li{
        width : 45vw;
        margin-bottom : 3.9vw;
    }
}

@media screen and (min-width : 1921px){
    .event > .title{
        margin-top : 66px;
        margin-bottom : 56px;
    }

    .event > .title > h1{
        font-size : 36px;
    }

    .event > .title > h1 > span{
        font-size : 13px;
        margin-top : 24px;
    }

    .event-list-wrap{
        margin-top : 14px;
        border-top : 2px solid #555;
        padding-top : 70px;
        width : 1320px;
    }

    .event-list-wrap > ul > li{
        width : 415px;
        margin-bottom : 36px;
    }
}