/* BASIC css start */
/* ★ 핵심 : 창 높이 100% 사용 */
#specialEvt{
  /* height:100% 제거 → 부모(팝업 래퍼) 크기를 그대로 따름 */
  max-height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-sizing:border-box;
  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;
}
#specialEvt *{box-sizing:border-box;}

/* 이미지 영역 : 남는 공간만 차지 (그대로 유지) */
#specialEvt .cont-pop{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
}
#specialEvt .cont-pop .cont,
#specialEvt .cont-pop .cont > div,
#specialEvt .cont-pop .cont a{
  display:block; height:100%;
}
#specialEvt .cont-pop .cont img{
  display:block;
  width:100%; height:100%;
  object-fit:cover;
  object-position:center top;
}

/* 하단 바 (그대로 유지) */
#specialEvt .close-wrap{
  flex:0 0 52px;
  height:52px;
  position:relative;
  padding:0;
  background:#f7f8fa;
  border-top:1px solid #e3e5e9;
}


#specialEvt .close-wrap .close{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  height:100%;
  padding:0 16px;
  margin:0;
  box-sizing:border-box;
}

/* 왼쪽 : 다시 보지 않기 */
#specialEvt .close-wrap .close label{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; line-height:1; color:#8a8f98;
  cursor:pointer; user-select:none; transition:color .15s;
}
#specialEvt .close-wrap .close label:hover{color:#4a4f57;}

#specialEvt .close-wrap .close label input[type="checkbox"]{
  -webkit-appearance:none; appearance:none;
  width:18px; height:18px; margin:0; flex:none;
  border:1.5px solid #d4d7dd; border-radius:5px;
  background:#fff; cursor:pointer; position:relative; transition:all .15s;
}
#specialEvt .close-wrap .close label input[type="checkbox"]:hover{border-color:#a8adb6;}
#specialEvt .close-wrap .close label input[type="checkbox"]:checked{
  background:#2b2f36; border-color:#2b2f36;
}
#specialEvt .close-wrap .close label input[type="checkbox"]:checked::after{
  content:''; position:absolute; left:5px; top:1.5px;
  width:4px; height:9px;
  border:solid #fff; border-width:0 2px 2px 0;
  transform:rotate(45deg);
}

/* 오른쪽 : 닫기 버튼 */
#specialEvt .close-wrap .close .btn-close{
  position:static;
  display:inline-flex; align-items:center; gap:6px;
  height:34px; padding:0 16px;
  border-radius:999px;
  background:#2b2f36; color:#fff;
  font-size:13px; font-weight:600; line-height:1;
  text-decoration:none; white-space:nowrap;
  transition:background .15s, transform .1s;
}
#specialEvt .close-wrap .close .btn-close:hover{background:#000;}
#specialEvt .close-wrap .close .btn-close:active{transform:scale(.97);}
#specialEvt .close-wrap .close .btn-close img{display:none;}
#specialEvt .close-wrap .close .btn-close::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;
}

/* BASIC css end */