@charset "utf-8";


#mb_login a { text-decoration:none; }
#mb_login input[type="text"], #mb_login input[type="password"] { border:1px solid #ddd; height:40px; background-color:#f6f6f6; box-sizing:border-box; }
.join_btn { background-color:#eee; color:#666; border:0px; }
.btn_submit { background-color:#0062df; color:#fff; border:0px; }
#login_info a { color:#666; font-size:13px; }


@media screen and (min-width:1200px) {
/* 로그인 */
#mb_login { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); min-width:700px; border:7px solid #eee; border-radius:5px; }
#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login .mbskin_box { display:flex; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.1); }
#mb_login .mbskin_box > div { width:50%; }
#mb_login .mbskin_box .mb_log_cate { text-align:center; border-right:1px solid #eee; position:relative; }
#mb_login .mbskin_box .mb_log_cate h2 { position:absolute; top:50%; left:0px; width:100%; transform:translateY(-50%); }
#mb_login #login_fs { padding:35px; border:0px; }
#mb_login #login_fs h2 { font-family:'GS_M'; font-size:24px; color:#09F; margin-bottom:10px; }
#mb_login #login_fs .frm_input {margin:0 0 10px; width:100%; }
#mb_login #login_fs .join_btn { display:block; border-radius:5px; height:50px; line-height:50px; text-align:center; margin-bottom:10px; font-size:15px; }
#mb_login #login_fs .btn_submit {margin:0 0 5px; width:100%; height:50px; font-size:15px; }
}

@media screen and (max-width:1200px) and (min-width:701px) {
/* 로그인 */
#mb_login { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); min-width:700px; border:7px solid #eee; border-radius:5px; }
#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login .mbskin_box { display:flex; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.1); }
#mb_login .mbskin_box > div { width:50%; }
#mb_login .mbskin_box .mb_log_cate { text-align:center; border-right:1px solid #eee; position:relative; }
#mb_login .mbskin_box .mb_log_cate h2 { position:absolute; top:50%; left:0px; width:100%; transform:translateY(-50%); }
#mb_login #login_fs { padding:35px; border:0px; }
#mb_login #login_fs h2 { font-family:'GS_M'; font-size:24px; color:#09F; margin-bottom:10px; }
#mb_login #login_fs .frm_input {margin:0 0 10px; width:100%; }
#mb_login #login_fs .join_btn { display:block; border-radius:5px; height:50px; line-height:50px; text-align:center; margin-bottom:10px; font-size:15px; }
#mb_login #login_fs .btn_submit {margin:0 0 5px; width:100%; height:50px; font-size:15px; }
}

@media screen and (max-width:700px) {
/* 로그인 */
#mb_login { margin:50px 20px 0; border:7px solid #eee; border-radius:5px; }
#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login .mbskin_box { border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.1); }
#mb_login .mbskin_box > div:first-child { padding:25px 0; }
#mb_login .mbskin_box .mb_log_cate { text-align:center; border-right:1px solid #eee; position:relative; }
#mb_login .mbskin_box .mb_log_cate h2 { position:absolute; top:50%; left:0px; width:100%; transform:translateY(-50%); }
#mb_login #login_fs { padding:35px; border:0px; }
#mb_login #login_fs h2 { font-family:'GS_M'; font-size:24px; color:#09F; margin-bottom:10px; }
#mb_login #login_fs .frm_input {margin:0 0 10px; width:100%; }
#mb_login #login_fs .join_btn { display:block; border-radius:5px; height:50px; line-height:50px; text-align:center; margin-bottom:10px; font-size:15px; }
#mb_login #login_fs .btn_submit {margin:0 0 5px; width:100%; height:50px; font-size:15px; }
}