/* BASIC css start */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

@font-face {
    font-family: 'texgyreheros';
    src: url('http://www.flukeofficial.com/design/fluke/wib/texgyreheros-bold.otf') format('opentype');
    font-weight: bold;
}

@font-face {
    font-family: 'texgyreheros';
    src: url('http://www.flukeofficial.com/design/fluke/wib/texgyreheros-regular.otf') format('opentype');
    font-weight: normal;
}

/* --- [핵심] 우측 하단 고정 & 라운딩 팝업 --- */
#specialEvt {
    position: fixed !important;
    bottom: 5px;         /* 화면 바닥에서의 간격 */
    right: 5px;          /* 화면 오른쪽에서의 간격 */
    z-index: 999999;      /* 웹사이트의 모든 요소보다 최상단에 노출 */
    
    width: 300px;         /* 팝업창 가로 너비 (필요시 숫자만 수정하세요) */
    max-width: calc(100vw - 40px); /* 모바일 화면 밖으로 삐져나옴 방지 */
    
    border-radius: 16px;  /* 둥근 모서리 곡률 */
    overflow: hidden;     /* 둥근 모서리 밖으로 컨텐츠 튀어나옴 잘라내기 */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22); /* 부드러운 입체 그림자 */
    
    background: transparent !important;;
    
}

#specialEvt img {
    max-width: 100%;
    display: block;
    
}

#specialEvt img.image-container {
    background-color: transparent !important;
}

#specialEvt,
#specialEvt .cont-pop,
#specialEvt .cont,
#specialEvt .image-container,
#specialEvt .image-container a,
#specialEvt .image-container p,
#specialEvt .image-container div {
    background: transparent !important;
    background-color: transparent !important;
}


/* --- 하단 닫기 바 영역 (깨져있던 문법 복원) --- */
.popup-footer { width: 100%; margin: 0 auto; }
.popup-footer > div {
    background-color: #151515 !important;
    height: 42px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    box-sizing: border-box;
}

.popup-footer label {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: 12px;
    cursor: pointer;
}

.popup-footer .btn-close {
    text-decoration: none;
    color: #ffffff;
}

#popup_close_btn {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    transition: background 0.2s ease-in-out;
}

#popup_close_btn:hover {
    background: rgba(255, 255, 255, 0.35);
}
/* BASIC css end */