@charset "euc-kr";
/* CSS Document basic*/
h1 { display:none;}
h2 { display:none;}
h3 { margin:unset; float: none; }

#wrap_body {margin-top: 0px !important;  width:675px !important; margin: 0 auto;}
#wrap_body_center { width:675px !important; overflow:hidden;}
#wrap_body_content { width:675px !important; overflow:hidden;}
#box_body_content { width:100% !important;}
#box_sel_join { }
#box_sel_join .panel { margin-right:10px; width:210px;}
#box_sel_join .panel span { height:80px; display:block; width:100%;}
#box_sel_join .panel:last-child { margin-right:0px;}

.d_bar { margin-left:10px; margin-right:10px; color:#999; }

#member_left { display: none;}
#member_content { width: 675px !important; float: none !important; margin: 0 auto;}
#page_title { display: none;}
.location { display: none;}
#box_body_header { background-color: #efefef; margin-bottom: 20px;}
#member_content .line_break:first-child { display: none;}
div.align_center:nth-child(4) {margin-bottom: 30px;}

#wrap-join {
    min-width: 650px;
    max-width: 950px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 36px 24px;
    box-sizing: border-box;
    & .inner-content {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
        justify-content: start;
    }
}

.wrap-join-header {
    position: sticky;
    top: 0px;
    background-color: var(--col_white);
    padding: 24px 0;
    box-sizing: border-box;
    border-bottom: 1px solid var(--col_black);
}

#frmSelJoin, #frmJoin {
    display: flex;
    flex-direction: column;
    gap: 12px;
    & .line_break {
        width: 100%;
        height: 1px;
        background-color: var(--col-bg-sky-blue);
        margin: 12px 0;
        border: none;
    }
    & h3 {
        margin: 0;
        padding: 12px 24px;
        background-color: var(--col-bg-sky-blue);
        color: var(--col_black);
        box-sizing: border-box;
        font-weight: 600;
        font-size: 18px;
    }
    & .box_scroll {
        overflow-y: auto;
        padding: 24px;
        box-sizing: border-box;
        border: 1px solid var(--col-bg-sky-blue);
        height: 250px;
        width: 100%;
        border-radius: 12px;
        & .agree2 {
            display: flex;
            box-sizing: border-box;
            flex-direction: column;
            gap: 12px;
            & strong {
                font-weight: 600;
                font-size: 14px;
            }
            & p, li {
                line-height: 25px;
            }

        }
    }

    & .box_table {
        width: 100%;
        padding: 24px;
        border: 1px solid var(--col-bg-sky-blue);
        border-radius: 12px;
        box-sizing: border-box;
        & .d_table th, .d_table td { padding: 12px 16px;}
    }
}

.wrap-join-footer {
    display: flex;
    width: 100%;
    height: 56px;
    border-top: 1px solid var(--col-bg-sky-blue);
    position: relative;
    color: var(--col_white);
    background-color: var(--col_black);
    margin-top: 56px;
    box-sizing: border-box;
    & .input_box{
        padding: 12px 0;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }
}

#frmCelPhone {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    & h3 {
        margin: 0;
        padding: 12px 24px;
        background-color: var(--col-bg-sky-blue);
        color: var(--col_black);
        box-sizing: border-box;
        font-weight: 600;
        font-size: 18px;
    }
}

& .box_notice {
    height: 45px;
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    justify-content: end;
    & span {
        font-weight: 600;
    }
}