@charset "utf-8";

/*로그인폼*/
#mb_login,.register {max-width: 600px;}
#mb_login h2 {font-size: 20px;}
#mb_login .input-group input {padding: 10px; width: 100%; margin-bottom: 0.5rem; border: 1px solid #ddd;}
#mb_login .input-group input:focus {outline: 0; border: 1px solid #ff2525;}
#mb_login .login_in_btn {width: 100%; background: #323232; color: #fff; outline: 0; border: 1px solid #eee; padding: 1rem 0; font-size: 16px;}
#mb_login .login_in_btn:hover,
#mb_login .login_in_btn:focus {opacity: 0.7;}

.go_sign_up {font-size: 16px; text-align: center;}
.go_sign_up a {color: #333; border-bottom: 1px solid; font-weight: 600; margin-left: 5px}
.go_sign_up a:hover {color: #ff2525;;}

.reg_form_control {width: 100%; border: 1px solid #ddd; padding: 10px;}
.reg_form_control:focus {border: 1px solid #ff2727; outline: 0;}

.register .list-group-item {
	padding-left:0;
	padding-right:0;
	border-left:0;
	border-right:0;
}
@media all and (max-width:575px) {
	.register .list-group-item {
		padding-left:1.0rem;
		padding-right:1.0rem;
	}
}

#memo_cate { background: #f5f6fa;}
#memo_cate.sly-tab li.active a { border: 1px solid #eee; border-radius: 50rem; background: #ff6565; color: #fff;}