@charset "utf-8";

@media screen and (max-width: 750px) {
	
	#sb-mblogin{margin: 40px auto;width: auto;}
	#sb-mblogin .login legend{margin-bottom: 20px;}
	#sb-mblogin .login legend h4{font-size: 24px;line-height: 30px;}
	#sb-mblogin .login > p{font-size: 14px;text-align: center;line-height: 20px;}
	#sb-mblogin .login .chkWrap{margin-top: 5px;}
	#sb-mblogin .login .chkWrap label{font-size: 14px;line-height: 20px;letter-spacing: -1px;}
	#sb-mblogin .login .chkWrap ul li{margin-left: 10px;}
	#sb-mblogin .login .chkWrap ul li a{font-size: 14px;}
	#sb-mblogin .login .infoTxt{padding: 30px 20px;font-size: 15px;}
	#sb-mblogin .login .ftWrap{margin-top: 15px;}
	#sb-mblogin .login .ftWrap .sbm{font-size: 16px;}
	#sb-mblogin .login .ftWrap > a{font-size: 16px;}
	#sb-mblogin hr{margin: 20px 0;}
	#sb-mblogin .snslogin legend h4{font-size: 14px;}
	#sb-mblogin .snslogin button img{width: 20px;height: auto;margin-right: 5px;}

	#sb-mblogin.login_complete{width: auto;}
	#sb-mblogin.login_complete .login legend{margin-bottom: 10px;}
	#sb-mblogin.login_complete .login legend h4{font-size: 24px;line-height: 30px;}
	#sb-mblogin.login_complete .login .txtbox{padding: 30px 20px;}
	#sb-mblogin.login_complete .login .txtbox > p{font-size: 15px;line-height: 26px;}
	
	#sb-mbjoin fieldset{margin-bottom: 30px;}
	#sb-mbjoin legend{margin-bottom: 10px;font-size: 16px;}

}