.eventWrap{
    padding: 6rem 0;
}
.eventWrap .eventTitle{
    padding-top: 2rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid var(--font-color);
    margin-bottom: 5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}
.eventWrap .eventTitle h2{
    font-size: var(--heading2);
    text-align: center;
}


.eventWrap .eventList{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-normal);
}
.eventWrap .eventList figure{
    margin-bottom: var(--space-normal);
}


.eventWrap .evLiTxt h3{
    font-size: var(--heading3);
    font-weight: 700;
    margin-bottom: var(--space-small);
}
.eventWrap .evLiTxt p:nth-of-type(2){
    font-size: var(--button);
    color: #787878;
    margin-top: var(--space-small);
}
.eventWrap .listMore{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 1rem;
    display: none;
}
.eventWrap .listMore.on{
    display: grid;
}
.eventWrap .darkImg{
    filter: brightness(50%);
}
.eventWrap figure{
    position: relative;
}
.eventWrap .eveEnd{
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.eventWrap .btn_more{
    display: flex;
    justify-content: center;
    margin-top: 5rem;
}
.eventWrap .btn_more a{
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 4rem;
}




@media (max-width:768px){
    .eventWrap .eventList{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .eventWrap .listMore{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        display: none;
    }
}