/* BASIC css start */
.evtTabWrap{
    padding: 10px 0 0 !important;
    margin:0 15px 40px !important;}

#headerWrap.fix{display:none}
#subHeader.fix{
    border-bottom:0 !important;
    display:block !important;
    height:54px !important;
    line-height: 54px !important;}
    
    

#subHeader.fix .sHeaderRight a:nth-child(2),
#subHeader.fix .sHeaderRight a:nth-child(3){display:none}


.titleBanner{margin-bottom: 30px;}
.titleBanner img{max-width:100%}




.time{font-size:0.5em}

.eventList { margin:20px 10px 0 }

.eventList { margin:30px 0 }
.eventList ul.list{
    display: flex;
    width: calc(100% - 30px);
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-between;
    margin: 0 15px;
    gap: 10px;
}
.eventList ul.list li {
    _margin: 0 0 30px 0;
    width: calc(50% - 5px);}
.eventList ul.list li:nth-child(2n+1) {_ margin-left:0 }
.eventList ul.list li .eventThumb {position:relative; margin-bottom:5px; width:100%; border-radius:3%; overflow:hidden }
.eventList ul.list li .eventThumb img {border-radius: 23.7px;width:100%; aspect-ratio: 170 / 227; object-fit: cover; }
.event_con{
    position: absolute;
    color: #fff;
    width: calc(100% - 30px);
    margin: 15px;
    bottom: 0;
    left: 0;}
.eventList ul.list li .eventDate {  }
.eventList ul.list li .eventDate { display:block;font-size: 20px;font-weight: 600;}

.title {
    font-size: 20px;
    margin: 50px 0 15px 15px;
}

.only_sub{
    font-size: 20px;
    text-align: center;
    font-weight: 500;}
    
    
    
.eventList li .eventThumb { width:100%; border-radius:10px; overflow:hidden }
.eventList li .eventThumb img { width:100% }
.eventList li .eventName {
    padding: 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;}
.eventList li .eventSubname {color: #ff0000;}
.eventList li .eventExtra {font-size:14px; margin-top:7px; line-height:1.2;}
.titleBanner img {width:100%;}
/* BASIC css end */