/* BASIC css start */
/* ===================================
   이벤트 팝업
=================================== */

.evtPop_wrap {display:none;position:fixed;top:60%;left:5%;width:400px;background:#fff;z-index:9999;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2);}
.evtPop_inner {width:100%;}


/* ===================================
   Swiper 영역
=================================== */

.evtPopSwiper {width:100%;}
.evtPopSwiper .swiper-slide {width:100%;}
.evtPopSwiper img {display:block; width:100%;}

.evtPop_pagination {display: flex;position: absolute;top: 15px !important;right: 19px !important;bottom: auto !important;left: auto !important;z-index: 15;width: auto !important;height: 20px !important;padding: 1px 10px;align-items: center;justify-content: center;gap: 2px;text-align: right;background-color: rgba(0, 0, 0, 0.3);color: #fff;font-size: 10px;border-radius: 100px;}
.evtPop_control {position:absolute;bottom: 25px;right: 20px;z-index:20;display:flex;align-items:center;gap: 8px;}


/* ===================================
   좌우 이동 버튼
=================================== */

.evtPop_control .evtPop_prev,
.evtPop_control .evtPop_next {position:relative;top:auto;left:auto;right:auto;margin:0;width:28px;height:28px;background: rgba(0, 0, 0, 0.1);/* border: 1px solid #ffffff; */color: #ffffff;border-radius: 4px; transition:background .25s ease;}
.evtPop_control .evtPop_prev:after,
.evtPop_control .evtPop_next:after {font-size: 10px;font-weight: 600;}


/* ===================================
   재생 / 정지 버튼
=================================== */

.evtPop_stop,
.evtPop_play {position:relative;right:auto;bottom:auto;width:28px;height:28px;padding:0;color: #fff;background: rgba(0, 0, 0, 0.1);border-radius: 4px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s ease;font-size: 13px;font-weight: 500;}
.evtPop_play {display:none;}


/* ===================================
    컨트롤 영역 Hover 효과
=================================== */
.evtPop_control:hover .evtPop_prev,
.evtPop_control:hover .evtPop_next,
.evtPop_control:hover .evtPop_stop,
.evtPop_control:hover .evtPop_play { background: rgba(0, 0, 0, .6);}


/* ===================================
   하단 버튼
=================================== */

.evtPop_footer {display:flex;height:45px;border-top:1px solid #eee;}
.evtPop_footer > button {flex:1;border:0;background:#fff;cursor:pointer;font-size:14px;}
.evtPop_todayBtn {border-right:1px solid #eee !important;}


/* BASIC css end */