/* body {  background-image: url(../resources/images/login/bg_photo.jpg);  background-position: center center;  background-repeat: no-repeat;  background-attachment: fixed;  background-size: cover;} */

.container {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;  width:420px; height:630px; }
.contents {padding:50px 40px; box-sizing:border-box;  margin:auto;  width:400px; height:530px; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  }
.contents .infoArea {text-align:center; margin-bottom:25px; }
.contents .infoArea .logoBox {margin-bottom:23px; } 
.contents .infoArea .logoBox img{height:22px; } 
.contents .infoArea .copy01 { font-family:engMed, korMed; font-size:15px; letter-spacing:-1px; color:#333333; }
.contents .infoArea .copy02 { font-family:engBold, korBold; font-size:26px;  letter-spacing:-1px; color:#2060c9; }
hr.titUnder {float:left; width:calc(100% - 20px); margin-left:10px;   border-bottom:1px solid #c8c8c8;  box-sizing:border-box;}
.loginDisc {float:left; width:100%; padding:0 10px; text-align:center;  font-size:12px; color:#888; line-height:18px; margin:20px 0;  }

.contents .loginArea {padding:30px 10px 0 10px; width:100%; box-sizing:border-box; }
.contents .loginArea input{border: solid 1px #c2c2c2; padding: 4px 10px;  color:#333; font-size:14px;border-radius:2px; height:41px; width:100%;  background-color:#e8e8e8; margin-bottom:6px; }

.btnLogin {height:41px; width:100%; text-align:center; display:block;  font-family:engBold, korBold; font-size:14px; padding-top:9px; cursor:pointer;  }

.btnBlue {background-color:#1c71ff; color:#fff; }
a.btnBlue:hover  {background-color:#498eff; color:#fff; }
.btnRed {background-color:#ff5656; color:#fff; }
a.btnRed:hover {background-color:#ff6e6e; color:#fff; }

.checkArea {text-align:right; margin:5px 0 10px; font-family:engMed, korMed; font-size:14px; color:#666; }
.footer {font-family:engReg, korReg; color:#c4d3e9; font-size:12px; text-align:center; margin-top:15px; letter-spacing:0px;  line-height:18px;  }


input[type="text"] { font-family: 'korMed';  -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizig: border-box; -moz-box-sizing: border-box; box-sizing: }
input[type="text"]:focus, input[type="password"]:focus {outline:none;  border:1px solid #1c71ff; }
 input[type="text"]:hover, input[type="password"]:hover {outline:none;  border:1px solid #1c71ff; }
input::placeholder { color:#666; font-family: 'korMed'; }
input::-webkit-input-placeholder { color:#666;  font-family: 'korMed';   }
input::-moz-placeholder { color:#666;  font-family: 'korMed'; }
input:-ms-input-placeholder { color:#666;font-family: 'korMed';}

input[type="checkbox"] {  display:none; }
input[type="checkbox"] + label span { display:inline-block;  width:18px;  height:18px;  margin:-1px 4px 0 0;  vertical-align:middle;  background:url('../images/login/input_checkbox.png') top -1px left -1px  no-repeat;   cursor:pointer; }
input[type="checkbox"]:checked + label span {  background:url('../images/login/input_checkbox.png')  top -1px left -21px no-repeat; }
input[type="checkbox"] + label span:hover {  background:url('../images/login/input_checkbox.png')  top -1px left -41px no-repeat; }
input[type="checkbox"][disabled] + label span {background:url('../images/login/input_checkbox.png')  top -1px left -61px no-repeat; }