html,body,section {height:100%;overflow-y:hidden;}
/* == 로그인 == */
.login_wrap { width: 100%;height: 100%;background:#333 url("/dist/login/img/login_bg2.jpg") no-repeat 50% 0/cover;opacity:0.8;overflow: auto; }
.login_wrap > .login_haed > .login_logo { width: 100%;max-width: 399px;padding-top:120px;margin:0 auto; }
.login_wrap > .login_haed > .login_logo_text { width:400px;margin: 20px auto 50px auto;font-size: 15px;color: #fff;text-align: center; }
.login_wrap > .login_box {position: relative;width:100%;max-width: 650px;padding: 60px 80px;margin:0 auto 10px auto;background-color: #fff;box-sizing: border-box;}
.login_wrap > .login_box > .mb_login_logo,.login_wrap > .login_box > .exit_bt_right { display: none; }
.login_wrap > .login_box > div {width:100%;text-align: center;box-sizing: border-box;}
.login_wrap > .login_box > div input {width:100%;padding:0 10px;border:0;font-size: 20px;color: #888;box-sizing: border-box;margin: 1rem;}
.login_wrap > .login_box > .join_pn_box > div input { margin:0; }
.login_wrap > .login_box > .lb_title {font-size: 40px;}
.login_wrap > .login_box > .lb_text {margin-top: 20px;font-size: 20px;}
.login_wrap > .login_box > .lb_id {margin-top: 40px;border-bottom: 4px solid #000;}
.login_wrap > .login_box > .lb_idsh_name {margin-top: 40px;border: 1px solid #ececec;}
.login_wrap > .login_box > .lb_idsh_name > input {height: 60px;}
.login_wrap > .login_box > .lb_idsh_phone {margin-top: 10px;border: 1px solid #ececec;}
.login_wrap > .login_box > .lb_idsh_phone > input {height: 60px;}
.login_wrap > .login_box > .lb_idsh_text {width: 100%;padding: 30px;margin-top: 40px;border: 1px solid #ececec;text-align: left;box-sizing: border-box;}
.login_wrap > .login_box > .lb_idsh_text > div {margin-top: 15px;width:100%;font-size: 19px;color: #888;}
.login_wrap > .login_box > .lb_idsh_text > div:first-child {margin-top: 0px;}
.login_wrap > .login_box > .lb_idsh_text > div > span {vertical-align: middle;display: inline-block;width: 130px;color: #000;}
.login_wrap > .login_box > .lb_button {margin-top: 40px;}
.login_wrap > .login_box > .lb_search_join {margin-top: 40px;}
.login_wrap > .login_box > .lb_search_join > a {vertical-align: middle;display: inline-block;font-size: 15px;font-weight: 600;}
.login_wrap > .login_box > .lb_search_join > span {vertical-align: middle;display: inline-block;font-size: 15px;font-weight: 600;margin:0 20px;}
.login_wrap > .login_box > .lb_exit {position: absolute;bottom: 20px;right: 0;width: 140px;}
.login_wrap > .login_box > .join_pn_box {width: 100%;}
.login_wrap > .login_box > .join_pn_box > div {margin-top: 10px;width: 100%;border-bottom:1px solid #cecece;}
.login_wrap > .login_box > .join_pn_box > div {margin-top: 10; text-align:left;}
.login_wrap > .login_box > .join_pn_box > div > span {vertical-align: middle;display: inline-block;}
.login_wrap > .login_box > .join_pn_box > div > span.jpb_title {width: 130px;font-size: 20px;}
.login_wrap > .login_box > .join_pn_box > div > span.jpb_time {width: 70px;font-size: 15px;color: #888;text-align: center;}
.login_wrap > .login_box > .join_pn_box > div > input {width:230px;height:56px;border:0;font-size: 20px;color: #888;}
.login_wrap > .login_box > .join_pn_box > div > button {height:52px;background-color: #fff;border:0;font-size: 15px;}
.bt_100p_55 {width:100%;height:55px;font-size:20px;}
.bt_blue_2 {background-color:#525795;color:#fff;border:0;}
.bt_black_2 {background-color:#ff4c4c;color:#fff;border:0;}
.bt_black_bor_2 { background-color:#ff4c4c;color:#fff;border:0;border-radius: 25px; }

@media (max-width: 767px) {
    /* ==  로그인 == */
    .login_wrap > .login_haed { display: none; }
    .login_wrap > .login_box { height: 100%;margin:0;padding: 0 4%; }
    .login_wrap > .login_box > .exit_bt_right { display: block;width:100%;text-align: right; }
    .exit_bt_right > span {display: inline-block;width:18px;}
    .login_wrap > .login_box > .mb_login_logo { display: block;width: 100%;max-width: 210px;margin: 60px auto 20px auto; }
    .login_wrap > .login_box > .mb_login_logo > img { width:100%; }
    .login_wrap > .login_box > div input {font-size:1.5rem; }
    .login_wrap > .login_box > .join_pn_box > div input { margin:1rem; }
    .login_wrap > .login_box > .lb_title { font-size:20px; }
    .login_wrap > .login_box > .lb_text { font-size: 1.2rem !important;vertical-align: baseline; }
    .login_wrap > .login_box > .lb_search_join > a { font-size: 1.1rem; }
    .login_box > .lb_search_join > span { font-size: 1.2rem !important;margin: 0 2%!important; }
    .login_wrap > .login_box > .lb_exit { display:none; }
    
    .login_wrap > .login_box > .join_pn_box > div > input {width:100%;height:auto;font-size: 1.2rem;color: #888;}
    .login_wrap > .login_box > .join_pn_box > div > span.jpb_title {font-size: 1.5rem;}
    .login_wrap > .login_box > .join_pn_box > div > button
    {
        font-size: 1rem;
        margin-left: 0;
        text-align: center;
        border-radius: 0.5rem;
        color: #fff;
        margin-left: 0px;
        height: auto;
        padding: 1rem;
        margin-bottom: 1rem;
        margin-left:0px !important;
        background-color: #525795;
        width: 100%;
    }
}