.event_bg_img  {position: absolute; width: 100%; top: 0; left: 0; z-index: 1; padding-top: 116px; padding-bottom: 60px;}
.event_bg_img img {display: block; width: 100%;}

.event_wrap {position: relative; z-index: 5; padding: 230px 18px 30px 24px; box-sizing: border-box; background: url('../../img/main/event/event_bg_banner5.png') no-repeat; background-size: 100%;}
.event_wrap .event_section {position: relative; width: 100%; margin-top: 10px;}
.event_wrap .event_section a {position: absolute; width: 98%; height: 95%; font-size: 0;}

.footer_wrap {padding: 40px 30px 120px 30px; box-sizing: border-box; background: #fff;}
.footer_wrap img {width: 100%; display: block;}

.modal {display: none; position: fixed; z-index: 20; left: 0; top: 0; width: 100vw; max-width: 100vw; height: 100vh; padding: 80px 0 80px; box-sizing: border-box; overflow: auto; background-color: rgba(0,0,0,0.7);}

.modal-content {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 2vh; width: 100%; height: 100%; margin: auto; text-align: center;}
.modal-content img {width: auto; height: 100%; margin: 0 auto;}

.modal-item {max-height: 80%; position: relative; z-index: 61;}
.modal-item .modal-img {height: 100%; overflow: auto; -ms-overflow-style: none;}
/* .modal-img::-webkit-scrollbar {display: none;} */
.modal-img::-webkit-scrollbar {width: 4px;}
.modal-img::-webkit-scrollbar-thumb {border-radius: 4px !important; background: #E2E2E2;}
.modal-img::-webkit-scrollbar-thumb:hover {background: #ccc;}
.modal-img::-webkit-scrollbar-track-piece {border-radius: 0 !important; background: none;}

.modal-item .modal-img img {display: none; width: 100%; height: auto; max-width: 400px;}

.modal-qr {height: auto; position: relative; z-index: 61;}
.modal-qr img {width: 100%; height: auto; max-width: 400px;}

.modal-close-btn {position: absolute; top: -50px; right: 0; width: 50px; height: 50px; cursor: pointer; background: url('../../img/common/m_btn_close.png') center center no-repeat; background-size: 50% 50%;}