@charset "UTF-8";

@import "style.css";
@import "form.css";
@import "bbs.css";
@import "btn.css";

#login {
	position: relative;
	min-width: 650px;
	height: 100vh;
	background-color: #fff;
}

#login:before {
	content: '';
	display: block;
	height: 5px;
	/* background: linear-gradient(274.64deg, #67B68B -10.85%, #3B9B89 51.25%); */
	background: linear-gradient(274.64deg, #6F8FD6 -10.85%, #3859AE 51.25%);
}

#login .login-top {
	margin-top: 100px;
	padding-top: 110px;
	background: url(/images/login/login-obj.svg) no-repeat 50% 0;
	text-align: center;
}

#login .login-top p {
	font-family: 'S-CoreDream';
	font-size: 30px;
	font-weight: 300;
}

#login .login-top strong {
	font-weight: 600;
}

#login .login-box {
	margin: 50px auto 40px;
	padding: 60px 0 35px;
	width: 600px;
	/* border: 1px solid #0C866F; */
	border: 1px solid #1F4F8A;
	box-shadow: 0px 30px 30px -5px rgba(0, 0, 0, 0.22);
	border-radius: 5px;
	/* background-color: #E9F1F0; */
	background-color: #EEF3F8;
}

#login .login-box > div {
	margin: 0 auto 10px;
	width: 296px;
	text-align: center;
}

#login .login-box > div:after {
	content: '';
	display: block;
	clear: both;
}

#login .login-box label {
	float: left;
	padding: 7px 0;
	width: 45px;
	font-family: 'S-CoreDream';
	/* color: #0C866F; */
	color: #1F4F8A;
	font-size: 20px;
	font-weight: 800;
	text-align: left;
}

#login .login-box input {
	float: left;
	padding: 5px;
	width: calc(100% - 45px);
	font-family: 'S-CoreDream';
	font-size: 20px;
	font-weight: 600;
	/* border: 2px solid #0C866F; */
	border: 2px solid #1F4F8A;
	background-color: #fff;
	text-align: center;
}

#login .login-box .btn {
	display: block;
	padding: 14px 0;
	width: 100%;
	font-family: 'S-CoreDream';
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	text-shadow: 0px 1px 0px #1C7564;
	/* border: 1px solid #298E7C; */
	/* background-color: #48B09D; */
	border: 1px solid #3A78B5;
	background-color: #5FB3E0;
	border-radius: 5px;
}

#login .login-box .btn:hover {
	/* border-color: #004E3F;
	background-color: #077B66; */
	border-color: #1A2F5A;
	background-color: #255F9A;
}

#login .util-text {
	/* color: #1A9A82; */
	color: #3D8AC4;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: top;
}

#login .util-text + .util-text {
	margin-left: 20px;
}

#login .copyright {
	color: #959595;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0;
}


/* ------------------------------------------------------------------------------------------------------------------------
서비스 기간 아닐 때
------------------------------------------------------------------------------------------------------------------------ */
#login .login-box.noService {
	min-height: 295px;
	text-align: center;
}

#login .login-box.noService p {
	font-family: 'S-CoreDream';
	font-size: 22px;
}

#login .login-box.noService p::before {
	content: '';
	display: block;
	margin: 0 auto 20px;
	width: 68px;
	height: 55px;
	background: url(/images/login/noService-obj.svg) no-repeat 50% 50%;
}


/* ------------------------------------------------------------------------------------------------------------------------
회원가입
------------------------------------------------------------------------------------------------------------------------ */

#login.join .login-top .logo {
	font-size: 18px;
}

#login.join .login-top .txt {
	font-size: 40px;
}

#login.join .join-box {
	margin: 50px auto 40px;
	width: 500px;
}

.text-under {
	text-decoration: underline;
}

.privacy-section {
  font-family: 'Noto Sans KR', sans-serif;
  max-width: 800px;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  padding: 24px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  margin-top: 30px;
}

.privacy-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

.required {
  color: #e53935;
  margin-right: 4px;
}

.privacy-desc {
  font-size: 14px;
  color: #666;
  margin-bottom: 16px;
}

.privacy-box {
  background-color: #f5f7fa;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}

.row {
  display: flex;
  margin-bottom: 10px;
}

.label {
  width: 180px;
  font-weight: 500;
  color: #555;
}

.value {
  flex: 1;
  color: #333;
}

.highlight {
  color: #e53935; /* 강조 빨강 */
  font-weight: 500;
}

.agree-box {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 14px;
  font-size: 14px;
  color: #333;
}

.agree-box input {
  margin-right: 8px;
}