@media (min-width: 992px) {  
    .layer_backdrop{ height: auto;}

    #navi_header_body, #navi_footer_body { width: 600px; margin: auto; } 
    #navi_lefter_body { width: 350px; }

    #wrapper_front { width: 600px; margin: auto;  } 

    /* .layer_front { min-width: 1000px; max-width: 100%; min-height: 500px; max-height: auto; } */
    .layer_front { width: 640px; min-height: 100vh; /*height: 80%;*/}
    .layer_front { border-radius: 0px; top: 0%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); }


    #slider { width: 600px; margin: auto; 
        position: fixed; 
        left: 50%; transform: translate(-50%, 0%);
    }

    /*
    .layer_close { display: flex; justify-content: flex-end; -ms-flex-align: right; }
    .layer_img_back { display: none; }
    .layer_img_close { display: block; }
    */

    #log_section { width: 600px; min-height: 600px; height: auto;  /*border: 1px solid #dddddd;*/ border-radius: 0rem; background-color: #ffffff; }
} 

@media (min-width: 577px) and (max-width: 991px){
    .layer_backdrop{ height: auto;}
   /* .layer_front { width: 100vw; min-height: 100vh; }*/
}

@media (max-width: 576px) {     

    #navi_header_body, #navi_lefter_body, #navi_footer_body { width: 100vw; } 
    #wrapper_front { width: 100vw; }

    /* .layer_front { min-width: 100%; max-width: 100%; min-height: 100vh; max-height: auto; } */
    .layer_front { width: 100vw; height: 80%; }
    .layer_front { border-radius: 0px; top: 0%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); } 

    /*
    .layer_close { display: flex; justify-content: flex-start; -ms-flex-align: left; }
    .layer_img_back { display: block; }
    .layer_img_close { display: none; }
    */
    
    #log_section { /*width: 100vw;*/ min-height: 100vh; height: 100vh;  border: 0px solid #dddddd; border-radius: 0rem; background-color: #ffffff; }   
} 


@media (min-width: 801px) {  
    #layer_1, #layer_2, #layer_3{
        height: 100%;
        padding: 14.5rem 5rem 7.5rem 5rem;
        background-color: unset;
    }
    #layer_1_section, #layer_2_section, #layer_3_section{
        background-color: #ffffff;
        height: 100% !important;
        border-radius: 8px;
        max-width: 980px;
        margin: auto;
    }
    .layer_front{
        width: 100%;
        display: block;
        background-color: unset;
        /*max-width: 960px;
        min-width: 626px;
        height: 52%;
        margin-top: 14%;;*/
    }
    .layer_backdrop{
        height: 100% !important;
    }
    .ly_warp{
        height: calc( 100% - 106px ) !important;
        padding-bottom: 80px;
    }
}
@media (max-width: 800px){
    #layer_1, #layer_2, #layer_3{
        height: 100%;
        background-color: unset;
        border: 0;
        width: 100%;
    }
    #layer_1_section, #layer_2_section, #layer_3_section{
        background-color: #ffffff;
        height: 100vh!important;
    }
}

.ly_warp{
    overflow-y: scroll;
}
.ly_warp::-webkit-scrollbar {
    display: none;
}

#layer_2_section .passwordDiv, #layer_2_section .passwordButton{
	width: 520px;
    margin: auto;
}

button[data-ss^=signup].btn-darkblue, #layer_2_section .btn-darkblue{
    padding: 11px 17px;
    border-radius: 8px;
}


#layer_1_section .memtitle, #layer_1_section .memcontent{
	width: 520px;
    margin: auto;
}

/* #layer_1_section .subtitle, #layer_2_section .subtitle, #layer_3_section .subtitle{
	margin-left: 16px;
    margin-right: 16px;
} */