/* BASIC css start */
#footer{margin-top: 80px ! important;}

.evtTabWrap{
    padding: 10px 0 0 !important;
    margin-bottom: 15px !important;}

#headerWrap.fix{display:none}
#subHeader.fix{
    border-bottom:0 !important;
    display:block !important;
    height:54px !important;
    line-height: 54px !important;}
#subHeader.fix .sHeaderRight{_height: 50px !important;}
#subHeader.fix .sHeaderLeft .subPagePrev{
    background: url(/design/mhmall2023/2025_renewal/mo/back.svg) no-repeat center !important;
    padding: 0 15px !important;
    width: 24px !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%}



.eventList { margin:50px 0px 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: 0 10px;
}
.eventList ul.list li {
    margin: 0 0 20px 0;
    width: calc(50% - 5px);
    aspect-ratio: 170 / 227;
    height: auto;border-radius: 11.87px;
    background: #eee;}
.eventList ul.list li a{position: relative; display:block;height:100%}
.eventList ul.list li a .magazine_wrap{    position: absolute;
    bottom: 15px;
    color: #fff;
    width: calc(100% - 30px);
    left: 15px;}
    
.eventList ul.list li a .magazine_wrap .eventName{color: #fff;font-size:11.8px}
.eventList ul.list li a .magazine_wrap .eventSubname{color: #fff;font-size:6px}
    
    
.eventList ul.list li:nth-child(2n+1) {_ margin-left:0 }
.eventList ul.list li .eventThumb {display:none; margin-bottom:5px; width:100%; border-radius:3%; overflow:hidden }
.eventList ul.list li .eventThumb img {opacity:0; border-radius: 11.87px;width:100% }
.eventList ul.list li .eventDate {  }
.eventList ul.list li .eventDate a { display:block;font-size: 20px;font-weight: 600;}

.title {
    font-size: 20px;
    margin: 20px 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:8px 0 5px; font-size:16px; font-weight:500; line-height:1.2;}
.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 */