@charset "utf-8";

@import url('default.css');

.login-area {position:relative; min-width:980px; min-height:535px;}

.login-position {position:absolute; top:50%; left:50%; width:980px; height:535px; margin:-267px 0 0 -490px;}

.logo {width:100%; height:53px; background:url(../images/common/KEROL.png) no-repeat 0 0; font-size:0; line-height:0; background-size:139px 73px; margin:-11px 0 11px -19px;}
.login-content {position:relative; border-bottom:7px solid #00bcc3;}
.content-title {position:absolute; top:386px; left:372px; width:244px; height:24px; background:url(../images/inside/text_welcome.png) no-repeat 0 0; font-size:0; line-height:0;}
.login-box {height:448px; padding:0 30px 0 673px; border:1px solid #ddd; border-bottom:0; background:url(../images/inside/bg_login.png) no-repeat 0 0; box-sizing:border-box;}
.login-title {padding-top:36px; font-size:28px; font-weight:300; line-height:35px; color:#1a1a1a;}
.login-title > strong {font-weight:700;}
.login-input {overflow:hidden; padding-top:11px;}
.login-input dt {float:left; width:72px; margin-bottom:6px; font-size:13px; line-height:32px; color:#666;}
.login-input dd {margin:0 0 6px 72px;}
.login-input dd .txt {width:100%; height:32px; border:1px solid #d5d5d5; background:#fff; font-size:13px; line-height:32px; box-sizing:border-box;}
.check-box-label {overflow:hidden; padding:7px 0;}
.check-box-label .label-align-right {float:right;}
.check-box-label .label-align-right .chk {position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; opacity:0;}
.check-box-label .label-align-right label {display:block; height:20px; padding-left:27px; background:url(../images/inside/bg_checkbox.png) no-repeat 0 50%; font-size:13px; line-height:20px; color:#666;}
.check-box-label .label-align-right .chk:checked + label {background:url(../images/inside/bg_checkbox_checked.png) no-repeat 0 50%;}
.login-point-text {margin-top:33px; font-size:12px; font-weight:300; line-height:16px; color:#666;}
.login-customer-info {margin-top:11px; font-size:13px; font-weight:300; line-height:16px; color:#004ebc;}

.full-btn {padding-top:10px;}
.full-btn > a {width:100%;}
.big-blue-btn {display:inline-block; border:1px solid #068cdd; border-radius:3px; background:#0d99ed; font-size:13px; font-weight:500; line-height:48px; color:#fff; text-align:center; box-sizing:border-box;}
.big-blue-btn:hover {background:#0d94e6;}
.both-btn {overflow:hidden; padding-toP:10px;}
.both-btn > a {float:left; width:136px; margin-left:1px;}
/*.both-btn > a {float:right; width:137px;}*/
/*.both-btn > a {float:right; width:133px;}*/
.both-btn > a:first-child {float:left;}
.white-btn {display:inline-block; border:1px solid #e3e5e8; border-radius:3px; background:linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); font-size:13px; font-weight:500; line-height:38px; color:#333; text-align:center; box-sizing:border-box;}
.white-btn:hover {background:linear-gradient(to bottom, #f7f7f7 0%,#ededed 100%);}

footer {padding-top:8px;}
.copyright {font-size:12px; font-weight:300px; line-height:15px; color:#76787c; text-align:right;}