/* BASIC css start */
/* 팝업 전체 박스 */
#specialEvt {
    background: #fff;
    overflow: hidden !important;
    border: 5px solid #00d4d4 !important;
    box-sizing: border-box;
    position: relative;
    padding: 15px 15px 0 15px;   /* ← 이미지보다 위/왼쪽 여백 만들어주는 핵심 */
}

/* 제목(이미지) 영역 */
#specialEvt .tit-pop {
    margin: 0 0 10px 0;          /* 위쪽은 0, 아래쪽은 약간 간격 */
    text-align: center;
}

#specialEvt .tit-pop img {
    max-width: 100%;
    height: auto;
    display: block;              /* 아래쪽 쓸데없는 공백 제거 */
}

/* 가운데 내용 부분 (지금은 비워둔 상태) */
#specialEvt .cont-pop {
    width: auto;                 /* 고정 399px 대신 자동 */
    margin: 0 auto;
    padding-bottom: 0;
    background: none;
}

#specialEvt .cont-pop .cont {
    min-height: 0;
    _height: 0;
    padding: 0;
    background: none;
}

/* 아래 회색바 영역 */
#specialEvt .close-wrap {
    position: relative;
    padding: 5px 0;
    color: #000;
    background-color: #8e8e8e;
}

#specialEvt .close-wrap .close {
    position: relative;
    width: 363px;
    margin: 0 auto;
    text-align: left;
}

#specialEvt .close-wrap .close .btn-close {
    position: absolute;
    right: 0;
    top: 0;
}

/* 오른쪽 위 X 버튼 */
#specialEvt .btn-close-top {
    position: absolute;
    top: 8px;        /* 테두리 + 패딩 안쪽에 오도록 */
    right: 10px;
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    z-index: 999;
}

#specialEvt .btn-close-top:hover {
    color: #000;
}

/* BASIC css end */