@charset "utf-8";


html																			{height: 100%;}
body																			{margin: 0; height: 100%; font-family: Malgun Gothic,sans-serif; font-weight: 400; -webkit-text-size-adjust: none; background-color: #555250;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#page																			{position: relative; overflow: hidden; box-sizing: border-box;}
.ie9 #page																		{padding-top: 9rem;}

/**
 * head
 */
#page .page-head																{position: relative; margin: 0 auto; background-color: #555250;}
#page .page-head:after															{content: ''; display: block; clear: both;}

/* page-name */
#page .page-head .page-name														{padding: 0 1rem; margin-bottom: 2.5rem;}
#page .page-head .page-name .text												{display: block; position: relative; margin: 0 auto; width: 23rem; height: 2rem; line-height: 2rem; font-size: 1.25rem; font-weight: 500; color: #ffffff; text-decoration: none; text-align: center;}
#page .page-head .page-name .text:after											{content: ''; display: block; position: absolute; top: 0; left: 0; width: 23rem; height: 2rem; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;}
#page .page-head .page-name .page-subname										{display: block; font-weight: normal; height: 1.5rem; font-size: 1.25rem; line-height: 1.5rem; color: #ffffff; text-align: center;}
#page .page-body .submit-form.login												{width: 22rem; margin: 0 auto; padding: 3rem; border-width: 0; border-style: none; border-color: transparent; background-color: #615e5c;}
#page .page-body .submit-form.login legend										{display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);}
#page .page-body .submit-form.login .form-area .form							{width: 100%; height: 2.5rem; padding: 0.25rem 1rem; box-sizing: border-box;}
#page .page-body .submit-form.login .form-area .label							{display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);}
#page .page-body .submit-form.login>.button-area								{margin-top: 2rem;}
#page .page-body .submit-form.login>.button-area>.button-item					{display: block; width: 100%;}
#page .page-body .submit-form.login>.button-area>.button-item .btn				{display: inline-block; width: 100%;}
#page .page-body .submit-form.login>.button-area>.button-item .btn .text		{font-size: 1.25rem; line-height: 3rem;}