급하게 작성하나 했습니다

로그인시 

사용하시면됩니다 

skin/member/style.css

@media screen and (min-width: 0px) and (max-width: 400px) {

/* 로그인 */

#mb_login {margin:0 auto;padding:10px 0;width:100%}

#mb_login h1 {margin:0 0 20px;font-size:1.3em}

#mb_login h2 {margin:0}

#mb_login p {padding:10px 0;line-height:1.5em}

#mb_login #login_fs {position:relative;margin:0;padding:20px 5px 20px 5px;border:1px solid #cfded8;border-bottom:0;background:#fff}

#mb_login #login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

#mb_login #login_fs label {clear:both;margin-bottom:5px;}

#mb_login #login_fs .login_id {}

#mb_login #login_fs .login_pw {margin-top:10px;}

#mb_login #login_fs .frm_input {display:block;width:100%;height:40px;}

#mb_login #login_fs .btn_submit {width:100%;height:53px;clear:both;margin-top:5px;}

#mb_login #login_info {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f5f6fa}

#mb_login #login_info div {text-align:right}

}

@media screen and (min-width: 401px) and (max-width: 3000px) {

/* 로그인 */

#mb_login {margin:0 auto;padding:100px 0;width:500px}

#mb_login h1 {margin:0 0 20px;font-size:1.3em}

#mb_login h2 {margin:0}

#mb_login p {padding:10px 0;line-height:1.5em}

#mb_login #login_fs {position:relative;margin:0;padding:20px 20px 20px 95px;border:1px solid #cfded8;border-bottom:0;background:#fff}

#mb_login #login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

#mb_login #login_fs label {}

#mb_login #login_fs .login_id {position:absolute;top:26px;left:95px}

#mb_login #login_fs .login_pw {position:absolute;top:52px;left:95px}

#mb_login #login_fs .frm_input {display:block;margin:0 0 5px 80px;width:162px}

#mb_login #login_fs .btn_submit {position:absolute;top:20px;right:95px;width:60px;height:53px}

#mb_login #login_info {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f5f6fa}

#mb_login #login_info div {text-align:right}

} 

사진