/* BASIC css start */
#popup-event.type-01 { font-family: 'Noto Sans KR'; font-size: 12px; color: #000; background: #fff; letter-spacing: -1px; }
#popup-event.type-01 dt { text-align: center; }
#popup-event.type-01 dt p { display: block;  padding: 10px 5px 12px; word-break: break-all; }
#popup-event.type-01 dt .swiper { 
width: 100%; height: 100%; }

#popup-event.type-01 dt .swiper-slide { 
display: -webkit-box; display: -ms-flexbox;
display: -webkit-flex; display: flex; -webkit-box-pack: center; 
-ms-flex-pack: center; -webkit-justify-content: center; 
justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; 
align-items: center; }

#popup-event.type-01 dt .popevt-pagination { top: 0px; right: 0px; left: auto; bottom: auto; width: auto; height: 20px; line-height: 18px; padding: 0 8px; border-radius: 10px; color: #9e9c9d; }
#popup-event.type-01 dt .popevt-pagination .swiper-pagination-current { font-weight: bold; }
#popup-event.type-01 dt img { max-width:100%; }
#popup-event.type-01 dt img#pop_img { max-width: 100%; }
#popup-event.type-01 dd {  justify-content: center; line-height: 23px; position: relative; overflow: hidden; zoom: 1; display: flex; }
#popup-event.type-01 dd a { width: auto; padding: 12px 0 14px; text-align: center; color: #000; font-weight: bold; font-size: 13px; }
#popup-event.type-01 dd a:first-child { color: #808080; font-weight: normal; }

#popup-event .swiper.popevtSwiper { overflow:hidden;}
#popup-event .swiper-pagination { position: relative; left: 0; text-align: center; width: 100%; }
#popup-event .swiper-pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#popup-event .swiper-pagination .swiper-active-switch { background-position: -12px 50%; }

#popup-event .swiper.popevtSwiper .swiper-img-init {  position: relative !important;
  transform: none !important;}
#popup-event .swiper.popevtSwiper .swiper-img-init.swiper-slide-duplicate + .swiper-img-init:not(:first-child) { position: relative; transform: none; }


/* 모바일에서 좌측 하단 고정 */
@media (max-width: 768px) {
  #popup-event.type-01 {
    position: fixed;
    left: 10px;     /* 좌측 여백 */
    bottom: 10px;   /* 하단 여백 */
    width: 90%;     /* 화면 대비 크기 */
    max-width: 250px; /* 최대 크기 제한 */
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    border-radius: 8px;
    overflow: hidden;
  }
}


/* BASIC css end */