@charset "utf-8";
/**************************************************

	SUPERBOARD :: MEMBER SKIN :: default

**************************************************/
#sb-mblogin{position: relative;margin: 80px auto;width: 500px;}
#sb-mblogin .login legend{display: block;margin-bottom: 30px;width: 100%;}
#sb-mblogin .login legend h4{font-size: 38px;line-height: 54px;color: #333;font-weight: normal;text-align: center;}
#sb-mblogin .login legend h4 i{display: block;font-size: 50px;margin-bottom: 20px;color: #444c62;}
#sb-mblogin .login .inp{width: 100%;background: #fff;border: 1px solid #ddd;border-radius: 4px;height: 50px;padding: 0 20px;font-size: 16px;color: #333;margin-bottom: 10px;}
#sb-mblogin .login .inp + label{display: none;}
#sb-mblogin .login > p{font-size: 16px;color: #666;margin-bottom: 15px;line-height: 24px;}
#sb-mblogin .login .chkWrap{position: relative;margin-top: 10px;}
#sb-mblogin .login .chkWrap label{font-size: 16px;color: #666;}
#sb-mblogin .login .chkWrap ul{position: absolute;top: 0;right: 0;}
#sb-mblogin .login .chkWrap ul li{margin-left: 15px;display: inline-block;vertical-align: middle;}
#sb-mblogin .login .chkWrap ul li a{font-size: 16px;color: #666;letter-spacing: -1px;}
#sb-mblogin .login .infoTxt{text-align: center;background: #f7f7f7;padding: 30px;font-size: 17px;color: #333;}
#sb-mblogin .login .ftWrap{margin-top: 25px;}
#sb-mblogin .login .ftWrap .sbm{display: block;width: 100%;height: 50px;border: 1px solid var(--btn1-border-color);background: #444c62;font-size: 17px;color: var(--btn1-txt-color);text-align: center;border-radius: 4px;}
#sb-mblogin .login .ftWrap > a{display: block;line-height: 48px;border: 1px solid var(--btn2-border-color);background: var(--btn2-bg-color);color: var(--btn2-txt-color);text-align: center;font-size: 17px;text-decoration: none;border-radius: 4px;margin-top: 5px;}
#sb-mblogin hr{border: none;margin: 40px 0;height: 1px;background: #eee;}
#sb-mblogin .snslogin legend{display: block;margin-bottom: 10px;}
#sb-mblogin .snslogin legend h4{font-size: 16px;letter-spacing: -1px;color: #666;font-weight: normal;}
#sb-mblogin .snslogin button{display: block;width: 100%;border: none;text-align: center;font-size: 16px;color: #fff;margin-bottom: 5px;border-radius: 4px;height: 50px;}
#sb-mblogin .snslogin button img{display: inline-block;vertical-align: middle;margin-right: 15px;margin-top: -2px;}
#sb-mblogin .snslogin button.k{background: #ffe900;color: #221815;}
#sb-mblogin .snslogin button.f{background: #3d65c2;}
#sb-mblogin .snslogin button.n{background: #00ca0e;}
#sb-mblogin .snslogin button.g{background: #e24132;}
#sb-mblogin .snslogin button.t{background: #33a5e8;}

#sb-mblogin.login_complete{width: 650px;}
#sb-mblogin.login_complete .login legend{margin-bottom: 15px;}
#sb-mblogin.login_complete .login legend h4{font-size: 30px;line-height: 40px;}
#sb-mblogin.login_complete .login .txtbox{border: 3px solid #eee;border-radius: 4px;padding: 50px;}
#sb-mblogin.login_complete .login .txtbox > p{font-style: normal;display: block;font-size: 18px;line-height: 30px;color: #666;letter-spacing: -1px;text-align: center;}

#sb-mbjoin legend{display: block;margin-bottom: 20px;font-size: 22px;color: #000000;font-weight: bold;letter-spacing: -1px;}
#sb-mbjoin fieldset{margin-bottom: 50px;}