/* 회원 / DB 관리자 신청 폼
   로그인 화면(skin/member/basic/login.skin.php)과 같은 파란 계열 카드 디자인 */

.brg_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding: 40px 20px;
    box-sizing: border-box;
    background: linear-gradient(135deg, #eef2fc 0%, #e0e7f8 100%);
    font-family: "Pretendard Variable", "Pretendard", sans-serif;
}

.brg_box {
    width: 100%;
    max-width: 460px;
    padding: 50px 40px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(24, 32, 110, 0.10);
    text-align: center;
    animation: brgFadeUp 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.brg_title {
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: 800;
    color: #1b2050;
    letter-spacing: -0.5px;
}

.brg_desc {
    margin: 0 0 28px;
    font-size: 14px;
    font-weight: 500;
    color: #8189ad;
}

/* 신청 종류 전환 탭 */
.brg_tabs {
    display: flex;
    gap: 6px;
    margin-bottom: 28px;
    padding: 5px;
    background: #f2f4fb;
    border-radius: 14px;
}

.brg_tab {
    flex: 1;
    padding: 11px 0;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #8189ad;
    text-decoration: none;
    transition: all 0.2s ease;
}

.brg_tab:hover { color: #3235cd; }

.brg_tab_on {
    background: #fff;
    color: #3235cd;
    box-shadow: 0 4px 10px rgba(50, 53, 205, 0.12);
}

.brg_field {
    margin-bottom: 18px;
    text-align: left;
}

.brg_label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #4b5477;
}

.brg_req {
    margin-left: 3px;
    color: #3235cd;
}

.brg_input {
    width: 100%;
    height: 56px;
    padding: 0 20px;
    box-sizing: border-box;
    border: 2px solid #e9edf8;
    border-radius: 14px;
    background: #f8faff;
    font-size: 15px;
    font-weight: 600;
    color: #23294f;
    outline: none;
    transition: all 0.25s ease;
}

.brg_input::placeholder {
    color: #b6bdd6;
    font-weight: 400;
}

.brg_input:focus {
    border-color: #3235cd;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(50, 53, 205, 0.10);
}

.brg_msg {
    display: block;
    margin-top: 7px;
    min-height: 17px;
    font-size: 12.5px;
    font-weight: 500;
    color: #9aa1c0;
}

.brg_msg_ok { color: #1f9254; }
.brg_msg_err { color: #d9384c; }

.brg_submit {
    display: block;
    width: 100%;
    height: 58px;
    margin-top: 22px;
    border: none;
    border-radius: 14px;
    background: #3235cd;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 58px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.brg_submit:hover {
    background: #2629a8;
    color: #fff;
    transform: translateY(-2px);
}

.brg_submit:active { transform: scale(0.98); }

.brg_foot {
    margin: 22px 0 0;
    font-size: 14px;
    color: #8189ad;
}

.brg_foot a {
    margin-left: 6px;
    color: #3235cd;
    font-weight: 700;
    text-decoration: none;
}

.brg_foot a:hover { text-decoration: underline; }

/* 신청 완료 안내 */
.brg_result_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #eaecff;
    color: #3235cd;
    font-size: 30px;
    font-weight: 800;
}

.brg_result_info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 26px;
    padding: 18px 20px;
    background: #f6f8fe;
    border-radius: 14px;
    text-align: left;
}

.brg_result_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.brg_result_key {
    color: #8189ad;
    font-weight: 600;
}

.brg_result_val {
    color: #23294f;
    font-weight: 700;
}

.brg_result_note {
    margin: 18px 0 0;
    font-size: 13px;
    line-height: 1.7;
    color: #8189ad;
}

.brg_ghost_btn {
    display: block;
    width: 100%;
    height: 52px;
    margin-top: 10px;
    border-radius: 14px;
    background: #f2f4fb;
    color: #5b6288;
    font-size: 15px;
    font-weight: 700;
    line-height: 52px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
}

.brg_ghost_btn:hover {
    background: #e6eaf7;
    color: #3235cd;
}

@keyframes brgFadeUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 599px) {
    .brg_wrap {
        align-items: flex-start;
        padding: 0;
        background: #fff;
    }

    .brg_box {
        max-width: 100%;
        padding: 50px 24px;
        border-radius: 0;
        box-shadow: none;
    }

    .brg_title { font-size: 24px; }
    .brg_input { height: 52px; }
    .brg_submit { height: 54px; line-height: 54px; font-size: 16px; }
}