@charset "utf-8";
/* =========================================================================
   로그인 다크 리디자인 [260813]
   - 마크업/JS 계약(id/name/onsubmit/onclick)은 건드리지 않고 스킨만 교체.
   - .login_dark 스코프에서만 동작 (다른 login 계열 화면 무영향).
   디자인 토큰
     페이지 배경 #000  |  카드 #0A0F16 bd#16324B r12
     입력창 bg#0E141C bd#16324B r5  |  텍스트 #fff  |  placeholder #888
     focus bd#00B8FC  |  주버튼 grad(#00B8FC→#5163FE)  |  링크/강조 #00B8FC
   ========================================================================= */

/* ── 페이지 배경 ───────────────────────────────────────────────────────── */
.login_dark.login_bg01,
.login_dark {
	background-color: #000 !important;
}

/* ── 폼 카드 ───────────────────────────────────────────────────────────── */
.login_dark .new_login_wrapper {
	background: #0A0F16;
	border: 1px solid #16324B;
	border-radius: 12px;
}

/* 제목 / 문구 흰색 */
.login_dark .login_tit01 { color: #fff; }
.login_dark .login_label_tit01 { color: #fff; }
.login_dark .login_ment01 { color: #cfd6de; }

/* ── 입력창 ───────────────────────────────────────────────────────────── */
.login_dark .login_input_form_box01 {
	background: #0E141C;
	border: 1px solid #16324B;
	border-radius: 5px;
}
.login_dark .login_input_form_box01 input {
	background: transparent;
	color: #fff;
}
.login_dark .login_input_form_box01 input::placeholder { color: #888; }
.login_dark .login_input_form_box01:focus-within { border-color: #00B8FC; }

/* 자동완성 시 라이트 배경으로 튀는 것 방지 */
.login_dark .login_input_form_box01 input:-webkit-autofill,
.login_dark .login_input_form_box01 input:-webkit-autofill:hover,
.login_dark .login_input_form_box01 input:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0px 1000px #0E141C inset;
	transition: background-color 5000s ease-in-out 0s;
}

/* ── 체크박스 줄 / 찾기 링크 ──────────────────────────────────────────── */
.login_dark .login_chk_wrapper01 { color: #aab6c2; }
.login_dark .id_save_box { color: #cfd6de; }
.login_dark .login_find_box01 a { color: #00B8FC; }
.login_dark .login_find_box01 a + a::after { background-color: #00B8FC; }

/* ── 로그인 / 소셜 / 비회원 버튼 ─────────────────────────────────────
   [260903] 사용자 지시: 시안(반투명 면 + 그라데이션 테두리) 폐기 → 채움형으로 복귀.
   단 "민트색 빼달라"는 지시는 유지하므로 그라데이션 시작색은 파랑(#1E9BFF).
   ------------------------------------------------------------------ */
.login_dark a.login_chk_btn01:not(.type02),
.login_dark .login_chk_btn01:not(.type02) {
	background: linear-gradient(135deg, #1E9BFF 0%, #5163FE 100%);
	border: none;
	color: #fff;
}

/* 소셜 로그인(네이버/카카오): board.css 의 단색 #00B8FC 채움 → 동일 그라데이션.
   굵기는 위/아래 버튼(600)과 맞춘다(board.css 의 font-weight:400 override) */
.login_dark .login_social_wrapper .login_social_btn {
	background: linear-gradient(135deg, #1E9BFF 0%, #5163FE 100%);
	background-color: transparent;
	color: #fff;
	font-weight: 600;
}

/* 비회원 주문 조회 등 보조 버튼 */
.login_dark a.login_chk_btn01.type02,
.login_dark .login_chk_btn01.type02 {
	background: rgba(30, 155, 255, 0.10);
	border: 1px solid #1E9BFF;
	color: #1E9BFF;
}

/* ── 하단 회원가입 유도 링크 ─────────────────────────────────────────── */
.login_dark a.sign_up_ment { color: #00B8FC; }

/* ── 소셜 로그인 버튼(다크 카드 위 대비 유지) ────────────────────────── */
.login_dark .login_social_wrapper { border-bottom: none; }