/* BASIC css start */
/* ── 팝업 본체 : PC와 동일한 카드 스타일 ───────────── */
#popup-event.type-01{
  box-sizing:border-box;
  overflow:hidden;
  background:#fff;
  border:1px solid #e3e5e9;
  border-radius:14px;
  box-shadow:0 6px 20px rgba(20,22,26,.10);
  font-family:'Pretendard','Apple SD Gothic Neo',-apple-system,'Malgun Gothic',sans-serif;
  font-size:13px;
  color:#20232a;
  letter-spacing:-0.2px;         /* 기존 -1px 은 너무 좁아서 완화 */
}
#popup-event.type-01 *{box-sizing:border-box;}
#popup-event.type-01 dl,
#popup-event.type-01 dt,
#popup-event.type-01 dd{margin:0;}

/* ── 텍스트 내용 영역 ─────────────────────────────── */
#popup-event.type-01 dt{text-align:center;}
#popup-event.type-01 dt p{
  display:block;
  padding:14px 16px;
  line-height:1.5;
  color:#4a4f57;
  word-break:break-all;
}
#popup-event.type-01 dt p:empty{display:none;}   /* 내용 없으면 여백 제거 */

/* ── 이미지 ──────────────────────────────────────── */
#popup-event.type-01 dt img,
#popup-event.type-01 dt img#pop_img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}
#popup-event.type-01 dt .swiper{width:100%; height:100%;}
#popup-event.type-01 dt .swiper-slide{
  display:flex; justify-content:center; align-items:center;
}

/* ── 스와이프 페이지네이션 (1/6) : 다크 필 배지 ───── */
#popup-event.type-01 dt .popevt-pagination{
  position:absolute;
  top:10px; right:10px; left:auto; bottom:auto;
  width:auto; height:22px;
  line-height:22px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(20,22,26,.55);
  -webkit-backdrop-filter:blur(6px);
          backdrop-filter:blur(6px);
  color:rgba(255,255,255,.85);
  font-size:11px;
  letter-spacing:0;
  z-index:5;
}
#popup-event.type-01 dt .popevt-pagination .swiper-pagination-current{
  color:#fff; font-weight:700;
}

/* ── 하단 바 : PC와 동일 ─────────────────────────── */
#popup-event.type-01 dd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  height:52px;
  padding:0 16px;
  line-height:1;
  background:#f7f8fa;
  border-top:1px solid #e3e5e9;
  overflow:visible;
}

/* 왼쪽 : 다시 보지 않기 (텍스트 링크) */
#popup-event.type-01 dd a{
  width:auto;                    /* 기존 50% 해제 */
  padding:0;
  text-align:left;
  text-decoration:none;
  white-space:nowrap;
}
#popup-event.type-01 dd a:first-child{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:400;
  color:#7b8189;
}
/* PC 체크박스와 톤을 맞추기 위한 사각 아이콘 */
#popup-event.type-01 dd a:first-child::before{
  content:'';
  width:18px; height:18px; flex:none;
  border:1.5px solid #d4d7dd;
  border-radius:5px;
  background:#fff;
}

/* 오른쪽 : 닫기 (다크 필 버튼) */
#popup-event.type-01 dd a:last-child{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:36px;
  padding:0 16px;
  border-radius:999px;
  background:#2b2f36;
  color:#fff;
  font-size:13px;
  font-weight:600;
  transition:background .15s, transform .1s;
}
#popup-event.type-01 dd a:last-child:active{
  background:#000; transform:scale(.97);
}
#popup-event.type-01 dd a:last-child::after{
  content:''; width:9px; height:9px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M1 1l8 8M9 1l-8 8' stroke='black' stroke-width='1.6' stroke-linecap='round' fill='none'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M1 1l8 8M9 1l-8 8' stroke='black' stroke-width='1.6' stroke-linecap='round' fill='none'/></svg>") center/contain no-repeat;
}

/* ── 스와이퍼 초기화 관련 (기존 유지 · 건드리지 마세요) ── */
#popup-event .swiper.popevtSwiper{overflow:hidden; position:relative;}
#popup-event .swiper.popevtSwiper .swiper-img-init{
  position:absolute; transform:translate3d(-100%,-100%,0);
}
#popup-event .swiper.popevtSwiper .swiper-img-init.swiper-slide-duplicate + .swiper-img-init:not(:first-child){
  position:relative; transform:none;
}

/* BASIC css end */