html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.jumbotron {background:url(../img/layout/login_bg.png)no-repeat 0 0; border-radius:0; width:100%;height:100vh; margin-bottom:0; overflow: hidden; padding:0;}
.jb-box {width:100%; height:100%; overflow: hidden;margin: 0px auto; position:relative; }
video {width:100%; overflow: hidden;}

.signBox {position: absolute;top: 50%;left: 50%;width: 500px; background: #FFF;border: 1px solid #bb0f17;border-radius: 10px; margin: 0 auto;padding: 20px; transform: translate(-50%, -50%);}
.signBox h2 {font-weight:700;}
.signBoxInput {border-radius:5px;}
.signBoxLogin {height:50px; font-size:18px; border-radius:5px; font-weight:700;}
.signBox p.menu {letter-spacing:-1px;}
.signBox p.menu a {color:#333;}
.signBox p.copyright {font-size:13px;}

.form-signin {
  width: 100%;
  max-width: 400px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="id"] {
  margin-bottom: -1px;

}
.form-signin input[type="password"] {
  margin-bottom: 10px;

}

.joinArea {width:1000px; margin:0 auto; text-align:left;}
.joinStep {margin:0 auto;}
.stepArea {display:inline-block; background:#cdcdcd; height:80px; line-height:80px; text-align:center; width:33%; border-radius:40px; border:1px solid #b7b7b7}
.stepArea span {font-size:18px; font-weight:900;}
.stepArea span.step {font-family: 'Noto Sans KR', sans-serif !important; font-size:12px;}
.stepArea.On {background:linear-gradient(to right, #097082, #09b7b1);color:#FFF; border:1px solid #11928e;}

.joinBox {width:100%; background:#FFF; border:1px solid #8dc4d8; border-radius:10px; margin-top:20px; padding:20px;}
.joinBox h4 {background:url(../images/contents/icn_h4.png)no-repeat 0 50%; padding-left:24px; letter-spacing:-1px; font-size:20px; font-weight:900;}
.joinBox .okArea {background:#EEE; padding:15px; text-align:center;}

.userInput {max-width:100%; margin:0 auto;  border-top:1px solid #243b7c; border-bottom:1px solid #cdcdcd; padding:10px 0 10px 0;}
.userTable {width:80%; margin:0 auto;}
.userTable td {font-size:80%;}
.userTable td span {color:#FF6600;}

.endArea {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:40px;}
.endArea p {font-size:20px; text-align:center; line-height:36px; margin:30px 0 30px 0;}
.endArea p span {font-weight:700;}