@charset "utf-8";
*{box-sizing: border-box;}
html, body{height: 100%;}
body{margin: 0; padding: 0;}

.co-contents{display: flex; flex-direction: column; height: 100%;}
.co-contents #wrap{flex-grow: 1; display: flex; flex-direction: column;}

.co-contents #wrap .loginBox{display: flex; flex-direction: column; align-items: center; flex-grow: 1; justify-content: center;}
.co-contents #wrap .loginBox .logBox{display: flex; justify-content: center;}

.co-contents #wrap .loginBox .loginLabelBox{margin-bottom: 15px; padding: 30px 0;}
.co-contents #wrap .loginBox .loginLabelBox .title{font-size: 26pt;}

.co-contents #wrap .loginBox .loginFormBox{padding: 50px 35px 30px 35px; display: flex; flex-direction: column; width: 350px;}
.co-contents #wrap .loginBox .loginFormBox .inInfoBox{font-size: 18px; display: flex; flex-direction: column; gap: 45px; margin-bottom: 60px;}
.co-contents #wrap .loginBox .loginFormBox .inInfoBox label{display: block;}
.co-contents #wrap .loginBox .loginFormBox .inInfoBox label > input{font-size: 21pt; padding: 5px 8px 5px 15px; border: none; border-bottom: 1px solid #757575; outline: none;}

.co-contents #wrap .loginBox .loginFormBox .inBtnBox #btnLogin{ padding: 15px 24px;	margin: .3em 0 1em 0; width: 100%; font-size: 23pt; line-height: 32px; border: 0; border-bottom: 3px solid #b56500; }
.co-contents #wrap .loginBox .loginFormBox .inBtnBox .action{text-align: center; font-size: 11pt; display: flex; justify-content: space-evenly;}

.co-contents .copyright{background-color: #ff8f00; color: white; padding: 15px 10px; font-size: 14px; text-align: center;}


/* BlockUI Design Start */
.blockUI h1 {
	font-size: 24px !important;
}
/* BlockUI Design End */