/* 팝업 배경 */
.popup-background {
    display: none; /* 기본적으로 숨김 상태 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* 팝업창 스타일 */
.popup {
    position: absolute;
    background-color: white;
    padding: 0px;
    border-radius: 0px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.pop-con-div { position: absolute; left: 0; bottom:0px !important; margin:0; padding:0; width:100%; height:40px; }
.pop-close-btn { width:100%; padding:8px; background-color: #F65660; border: 1px solid #F65660; font-size: 14px; color:#fff; font-weight: 500; height:40px; }
.pop-close-btn:hover { background-color: #c12832; border: 1px solid #c12832; }

@media (min-width: 768px) {
    .pop-con-title { min-height:45px; padding:10px 10px 0; background-color: #2763ba; font-size: 20px; color:#fff; font-weight: 500 !important; }
    .pop-con-box { margin-top:-8px !important; padding:0px; }
}

/* 모바일에서 팝업을 전체화면으로 설정 */
@media (max-width: 767px) {
    .pop-con-title { min-height:40px; padding:10px 10px 0; background-color: #2763ba; font-size: 16px; color:#fff; font-weight: 500 !important; }
    .pop-con-box { margin-top:-8px !important; padding:0px; }
    .popup {
        width: 92%; /* 모바일에서 전체 너비 */
        height: auto; /* 모바일에서 전체 높이 */
        top: 3%; /* 최상단 */
        left: 4%; /* 최좌측 */
        transform: none; /* 변형 없음 */
        border-radius: 0; /* 모서리 둥글게 제거 */
    }
}