/* ============================================================
   MODAL.CSS - 통합 모달 스타일
   통합: css/modal_popup.css + assets/css/modal.css
   ============================================================ */

/* === Bootstrap 모달 커스터마이징 === */
.modal-title {
    color: #fff;
    font-size: 16px;
}
.registerModal .modal-content {
    background-color: rgba(0,0,0,0.8);
    border: 1px solid #00BFFF;
    height: 500px;
}
.registerModal .modal-header { border-color: #424242; }
.registerModal .modal-body textarea {
    height: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    background-color: transparent;
    border: none;
}

/* === newmodal (커스텀 모달) === */
.newmodal { background-color: rgb(0,0,0,0.5); }
.newmodal .innerModal {
    width: 95%;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0,0,0,0.8);
    border: 1px solid #00BFFF;
    padding: 20px 15px;
    border-radius: 8px;
}
.newmodal .innerModal h3 { text-align: center; color: #fff; }
.newmodal .innerModal .modal_content { text-align: center; }
.newmodal .innerModal .modal_content span { text-align: center; color: #fff; font-size: 14px; line-height: 22px; }
.newmodal .innerModal .modal_btns { display: flex; align-items: center; gap: 5px; }
.newmodal .innerModal .modal_btns button {
    width: 100%;
    border-radius: 8px;
    font-size: 0.975rem;
    color: #fff;
    height: 40px;
    background: linear-gradient(90deg, #17D5FF 0%, #1E69F4 100%);
    margin-top: 25px;
}
.newmodal .innerModal .modal_btns .modal_close { background: #424652 !important; }

/* === modal_popup (레거시 팝업) === */
#alert_modal .alert_modal_text { font-weight: bold; font-size: 1.2em; margin-top: 10px; margin-bottom: 10px; }

.modal_popup {
    display: none;
    color: #fff;
    text-align: center;
    width: 320px;
    height: fit-content;
    position: fixed;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: auto;
    background-color: #242C3B;
    border: 1px solid #000;
    z-index: 99;
}
.pop_header { position: relative; padding: 10px; border-bottom: 1px solid #000; }
.pop_header span { font-size: 1.2em; font-weight: bold; }
.pop_header .close_pop {
    font-weight: bold;
    position: absolute; right: 5px; top: 5px;
    cursor: pointer;
    padding: 5px 8px;
    background: linear-gradient(152.72deg, #6262D9 1.7%, #6262D9 114.52%);
    border: 0;
    border-radius: 7px;
    box-shadow: inset 1px 1px 1px #ffffff4f, 1px 1px 1px #00000094;
}
.pop_content { padding: 10px; }
.pop_content span { display: block; }
.pop_footer { margin-bottom: 15px; }
.pop_footer .ft_close_pop {
    font-weight: bold; font-size: 1.2em; cursor: pointer; padding: 5px 8px;
    background: linear-gradient(152.72deg, #dd4343 1.7%, #dd4141 114.52%);
    border: 0; border-radius: 7px;
    box-shadow: inset 1px 1px 1px #ffffff4f, 1px 1px 1px #00000094;
    width: 70px;
}
.pop_footer .ft_apply_pop {
    font-weight: bold; font-size: 1.2em; cursor: pointer; padding: 5px 8px;
    background: linear-gradient(152.72deg, #6262D9 1.7%, #6262D9 114.52%);
    border: 0; border-radius: 7px;
    box-shadow: inset 1px 1px 1px #ffffff4f, 1px 1px 1px #00000094;
    width: 70px;
}
.openPopup { cursor: pointer; }
.pop_bg {
    display: none;
    background: #0000007d;
    position: fixed;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: 98;
}