@charset "utf-8";


.mbskin { display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; margin:0; background-color:#f5f5f5;}
.mbskin .mbskin_box {position:relative; z-index:2; width:500px !important; margin:0 auto; border:0 !important; background:#fff; border:1px solid #eee !important; padding:80px 50px;}

	@media screen and (max-width:499px) {
		.mbskin .mbskin_box {width:85% !important;}
	}


#mb_login h1 { position:relative; font-size: 2.5em; text-align: center; line-height :inherit; margin: 0 0 40px;}

.int-area {position:relative; margin-top:20px;}
.int-area:first-child {margin-top:0 !important;}

#mb_login #login_fs {padding:0 !important;}
#mb_login #login_fs .frm_input {width:100%; margin:0 !important; padding:10px; background-color:transparent; border:none; border-bottom:1px solid #999; font-size:1.125em; outline:none; font-weight:300; border-radius:0; box-shadow: none; outline:none;}
#mb_login #login_fs .frm_input::placeholder {font-size:14px; color:#999; transition:all .5s ease; font-weight:400;}
@keyframes warning {
	0% {transform:translateX(-3px);}
	25% {transform:translateX(3px);}
	50% {transform:translateX(-3px);}
	75% {transform:translateX(3px);}
}

	@media screen and (max-width:799px) {
		.int-area label {font-size:90%;}
	}

	@media screen and (max-width:499px) {
		.int-area label {font-size:85%;}
	}



.int-area input:focus + label,
.int-area input:valid + label {top:-2px; font-size:11px; color:#000;}

#mb_login #login_fs .btn_submit {margin:20px 0 0 0; width:100%; height:50px; background:#000; color:#fff; font-size:18px; border:none; cursor:pointer;}


	@media screen and (max-width:799px) {
		#mb_login #login_fs .btn_submit {font-size:110%;}
	}

	@media screen and (max-width:499px) {
		#mb_login #login_fs .btn_submit {font-size:100%;}
	}

#login_info .login_if_auto {float:none; margin-top:10px; text-align:left;}
#login_info .login_if_auto label {display: inline-block; padding-right: 5px; font-size: 12px; color: rgb(119, 119, 119); letter-spacing: -1px; cursor: pointer;}
#login_info .login_if_auto label span {position:relative; margin-right:5px; top:2px;}

#login_info .login_btn_box {width: 100%; max-width: 400px; margin: 20px auto 0px; height: 40px; line-height: 32px; padding: 5px 0px 4px; font-size: 0.8rem; border-top: 1px solid rgb(238, 238, 238); text-align: center;}
#login_info .login_btn_box a { position: relative; display: inline-block; padding: 0px 8px; font-size: 13px; color: rgb(51, 51, 51); letter-spacing: -1px; }
#login_info .login_btn_box a::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 1px; height: 12px; margin: auto; background: rgb(233, 233, 233); }
#login_info .login_btn_box a:first-child::before {display:none;}

#login_password_lost {border:0; border-radius:0;}

#mb_login #sns_login {padding:20px 0 0;}
#mb_login #sns_login .txt {font-weight:400; padding-left:10px !important;} 

#loing_go_back {margin-top:10px;}
#loing_go_back a {display:block; overflow:hidden; padding:8px 0; border:1px solid #aaa; font-size:13px;}