html,
body {
  height: 100vh;
}

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5f5f5;
  font-family: 'Noto Sans KR', sans-serif !important;
  font-size:14px;
}

.jumbotron {border-radius:0; height:100%; width:100%; margin-bottom:0; overflow: hidden; padding:0;} 
.jb-box {	
	padding: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: absolute;
}
video {	
	min-width: 100vw;
	/*
	z-index: -1;
	position: absolute;
	top:0;
	left:0;
	*/
} 

.overlay-darker {position: absolute;left: 0;top: 0;width: 100vw;height:100vh ;background: linear-gradient(180deg, #000000e0, transparent) !important;backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);}

.signBox {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 500px; /* 20250325 수정 */
	width:calc(100% - 40px); /* 20250325 추가 */
	background: #FFF;
	border: 1px solid #009010;
	border-radius: 10px;
	margin: 0 auto;
	padding: 20px;
	transform: translate(-50%, -50%);
}
.signBox h2 {font-weight:700; font-family: 'SCoreDream' !important;}
.signBoxInput {border-radius:5px;}
.signBoxLogin {height:50px; font-size:18px; border-radius:5px; font-weight:500;}
.signBox p.menu {letter-spacing:-1px;}
.signBox p.menu a {color:#333;}
.signBox p.copyright {font-size:13px;}

.form-signin {
  width: 100%;
  max-width: 420px;
  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;}

input::placeholder {font-size:13px !important; font-weight:500;}