/* BASIC css start */
#bbsData { padding-top:75px }

.eventList { margin:30px 0 }
.eventList ul { display: flex;
    width: 100%;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: flex-start;
    gap: 20px; }
.eventList li { 
    margin: 0 0 60px 0;
    width: calc(25% - 15px);
}
.eventList li:nth-child(2n+1) {_ margin-left:0 }
.eventList li .eventThumb {
    width: 340px;
    height: 454px;
    margin-bottom:20px; width:100%; border-radius:3%; overflow:hidden }
.eventList li .eventThumb a{
    display: block;
    width: 340px;
    height: 454px;}
.eventList li .eventThumb img {border-radius: 23.7px;
    width: 100%;
    object-fit: cover;
    height: 100%;}
    
.eventList li .eventDate{ display:block;font-size: 20px;font-weight: 600;}

.title{font-size: 36px;}   
/* BASIC css end */