/* ============================================================
   login_v3.css — 로그인 페이지 UI 현대화 (Bootstrap 5.3.5 기반)
   기존 색상 체계 유지, float → flexbox 전환
   ============================================================ */

/* --- Bootstrap 기본 스타일 리셋 (마스터 페이지 영향 방지) --- */
#top_bar ul {
	padding-left: 0;
	margin-bottom: 0;
}

/* --- 페이지 타이틀 배너 (기존 위치 그대로 유지) --- */
#page_title {
	position: relative;
	background-image: url(/images/common/title/main_title.png);
	height: 112px;
}
#page_title > #page_title_text {
	position: absolute;
	top: 30%;
	left: 8%;
	font-size: 24pt;
	font-weight: bold;
}

/* --- 로그인 박스 (중앙 정렬) --- */
#page_wrap {
	width: 460px;
	margin: 50px auto;
}

#login_table {
	border: 3px solid #daeaf3;
	border-radius: 5px;
	padding: 45px 50px 35px 50px;
}

/* --- 입력 필드 --- */
.login-field-row {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.login-field-row .field-label {
	width: 80px;
	font-size: 11pt;
	text-align: right;
	padding-right: 10px;
	flex-shrink: 0;
	white-space: nowrap;
}

/* --- 로그인 상태 유지 체크박스 --- */
#keep_userid {
	padding-left: 90px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#keep_userid input[type="checkbox"] {
	width: 1.15em;
	height: 1.15em;
	margin-right: 6px;
	vertical-align: middle;
	cursor: pointer;
}
#keep_userid label {
	font-size: 10.5pt;
	vertical-align: middle;
	cursor: pointer;
}

/* --- 로그인 버튼 --- */
.login-btn-area {
	padding-top: 15px;
	text-align: center;
}
.btn-login {
	display: inline-block;
	width: 230px;
	padding: 8px 0;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #0070c0;
	border: none;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	line-height: 1.5;
}
.btn-login:hover {
	background-color: #005a9e;
}

/* --- 하단 링크 (가입 / 아이디 찾기 / 비밀번호 찾기) --- */
#link {
	display: flex;
	justify-content: center;
	gap: 40px;
	padding-top: 18px;
}
#link a {
	font-size: 11pt;
	color: #0070c0;
	text-decoration: none;
}
#link a:hover {
	text-decoration: underline;
}