/* =====================================================================
 * 로그인 · 회원가입 · 가입완료 (시안2-2)
 *
 * 시안 node — A 회원가입 1093:1413 / B 인증중 1093:1238 /
 *             C 가입완료 1093:887 / D 로그인 1103:1715
 * 모든 수치는 피그마 node_raw.json 실측값이다(추측값 없음).
 * 시안 원본 = rnc `project/H&B Asia/시안2-2/회원가입로그인/`
 *
 * ⚠️ 토큰을 여기 :root 에 둔 이유 —
 *    공용 토큰은 home.css :root 에 모으는 것이 관례지만(design-token 스킬),
 *    home.css 는 **홈에서만 enqueue** 되고 마이페이지엔 안 붙는다.
 *    이 화면이 의존하는 것은 envy-chrome.css 이고 거기엔 --envy-green-cta 가 없다.
 *    공용 파일(envy-chrome.css)을 건드리면 전 페이지에 영향이 가고 다른 세션과
 *    충돌하므로, 값의 출처를 주석으로 명시하고 이 파일 안에 둔다.
 *    (#399C42 = home.css:20 --envy-green-cta / #F54B3A = home.css:15 --envy-sale 와 동일 값)
 * ===================================================================== */

:root {
	--envy-auth-green: #399C42;      /* CTA 그린 = home.css --envy-green-cta */
	--envy-auth-green-soft: #F1F7F1; /* 인증버튼·완료아이콘 배경 (시안 fill) */
	--envy-auth-ink: #222222;        /* 제목·라벨 (시안 fill) */
	--envy-auth-line: #DCDCDC;       /* 입력칸·약관박스 테두리 (시안 stroke) */
	--envy-auth-ph: #B7BCC2;         /* 플레이스홀더 (시안 fill) */
	--envy-auth-desc: #9AA0A6;       /* 전체동의 설명·카피라이트 (시안 fill) */
	--envy-auth-sub: #757575;        /* 완료화면 본문·인증칸 입력값 (시안 fill) */
	--envy-auth-ghost: #5C5C5C;      /* 보조버튼 테두리·글자 (시안 stroke/fill) */
	--envy-auth-timer: #F54B3A;      /* 타이머 = home.css --envy-sale */
	--envy-auth-w: 412px;            /* 시안 콘텐츠 폭 (1920 기준 x=754 중앙) */
}

.envy-auth {
	font-family: "Pretendard", "Apple SD Gothic Neo", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
	color: var(--envy-auth-ink);
	background: #fff;
	-webkit-font-smoothing: antialiased;
	padding: 0 24px 120px;
	box-sizing: border-box;
}

/* ─────────────────────────────────────────────────────────────────────
 * 부모 테마(Astra)·WooCommerce 기본값 걷어내기
 *
 * 2026-09-07 첫 렌더에서 시안과 어긋난 3가지를 잡는다(캡처로 확인):
 *   ① 폼 전체를 감싼 회색 테두리 — Astra 가 form.woocommerce-form 에 1px 을 준다
 *   ② 입력칸 테두리가 두 겹 — 우리 .envy-auth__field + Astra 의 input 기본 테두리
 *   ③ 「내 계정」 페이지 제목 — 시안엔 없다
 *
 * `!important` 를 쓴 이유: Astra 는 `.woocommerce form.login` 같은 더 높은 특이성으로
 * 값을 박는다. envy-chrome.css 가 Astra 전역색을 이길 때 쓴 것과 같은 방식이다.
 * 범위는 `.envy-auth` 안으로 한정돼 다른 화면엔 영향이 없다.
 * ───────────────────────────────────────────────────────────────────── */

/* hidden 속성이 display 를 이기게 한다 — 인증번호 칸이 처음부터 보이던 원인 */
.envy-auth [hidden] { display: none !important; }

.envy-auth .woocommerce-form,
.envy-auth form.envy-auth__form {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

/* auth.css 는 로그인·가입·완료 화면에서만 로드되므로 이 규칙이 마이페이지 내부엔 안 붙는다 */
.woocommerce-account .entry-title,
.woocommerce-account .ast-archive-title { display: none !important; }

.envy-auth__main {
	width: 100%;
	max-width: var(--envy-auth-w);
	margin: 0 auto;
	padding-top: 43px;   /* 시안: 헤더 하단 y120 → 제목 y163 */
	box-sizing: border-box;
}

/* ── 제목 ── */
.envy-auth__title {
	margin: 0;
	font-size: 32px;        /* 시안 Pretendard 700 32px */
	font-weight: 700;
	line-height: 38.2px;
	color: var(--envy-auth-ink);
	text-align: center;
}
.envy-auth__subtitle {
	margin: 32px 0 0;       /* 시안: 제목텍스트 하단 201 → 부제 233 */
	font-size: 17px;        /* 시안 Pretendard 700 17px */
	font-weight: 700;
	line-height: 25.5px;
	color: var(--envy-auth-ink);
}

/* ── 폼 ── */
.envy-auth__form { margin: 0; }

.envy-auth__fields {
	display: flex;
	flex-direction: column;
	gap: 11px;              /* 시안: 입력칸 피치 63 − 높이 52 */
	margin-top: 24px;       /* 시안: 부제 하단 259 → 첫 입력칸 283 */
}

.envy-auth__field {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 52px;       /* 시안 입력칸 412×52 */
	border: 1px solid var(--envy-auth-line);
	border-radius: 6px;     /* 시안 r6 */
	background: #fff;
	box-sizing: border-box;
}
/* 시안 실측: 이름(472) → 휴대폰(538) 간격만 14px 로 벌어져 있다 */
.envy-auth__field:has(#envy_phone) { margin-top: 3px; }

.envy-auth__icon {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	margin-left: 15px;      /* 시안: 입력칸 좌측 754 → 아이콘 769 */
	line-height: 0;
}

/* `.envy-auth` 를 앞에 붙여 Astra 의 input 기본 테두리(1px #d1d5db)를 이긴다 */
.envy-auth .envy-auth__input {
	flex: 1 1 auto;
	min-width: 0;
	height: 50px;
	margin: 0;
	padding: 0 14px 0 14px; /* 아이콘(18) + 15 + 14 = 텍스트 시작 47px (시안 x801) */
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: inherit;
	font-size: 15px;        /* 시안 Pretendard 400 15px */
	font-weight: 400;
	color: var(--envy-auth-ink);
	outline: none;
	border-radius: 6px;
}
/* 아이콘이 없는 칸(로그인)은 좌패딩이 시안상 17px (x771 − 754).
   위 규칙이 `.envy-auth .envy-auth__input`(0,2,0)이라 여기도 같은 무게로 맞춘다. */
.envy-auth .envy-auth__input--plain { padding-left: 17px; }

.envy-auth__input::placeholder { color: var(--envy-auth-ph); opacity: 1; }
.envy-auth__field:focus-within { border-color: var(--envy-auth-green); }

/* 입력칸 안쪽 버튼 (메일 인증 / 문자 인증) — 시안 78×36 */
/* +:hover/:focus/:active — Astra `button:focus{background:#4f8a3d;color:#fff}` 가
   기본 규칙([0,1,0])을 이겨 클릭하면 초록으로 변하던 것 차단(2026-09-08 전수검사).
   값을 복제하지 않고 기본 규칙에 상태를 얹어 단일 출처를 유지한다. */
.envy-auth__inbtn,
.envy-auth__inbtn:hover,
.envy-auth__inbtn:focus,
.envy-auth__inbtn:active {
	flex: 0 0 auto;
	width: 78px;
	height: 36px;
	margin-right: 8px;      /* 시안: 버튼 우변 1158 → 입력칸 우변 1166 */
	padding: 0;
	border: 1px solid var(--envy-auth-green);
	border-radius: 6px;
	background: var(--envy-auth-green-soft);
	font-family: inherit;
	font-size: 13px;        /* 시안 Pretendard 700 13px */
	font-weight: 700;
	line-height: 1;
	color: var(--envy-auth-green);
	cursor: pointer;
}
.envy-auth__inbtn:disabled {
	border-color: var(--envy-auth-line);
	background: #F5F5F5;
	color: #A9AFB5;
	cursor: not-allowed;
}
/* +:hover/:focus/:active — Astra `button:focus{background:#4f8a3d;color:#fff}` 가
   기본 규칙([0,1,0])을 이겨 클릭하면 초록으로 변하던 것 차단(2026-09-08 전수검사).
   값을 복제하지 않고 기본 규칙에 상태를 얹어 단일 출처를 유지한다. */
.envy-auth__inbtn.is-done,
.envy-auth__inbtn.is-done:hover,
.envy-auth__inbtn.is-done:focus,
.envy-auth__inbtn.is-done:active {
	border-color: var(--envy-auth-line);
	background: #F5F5F5;
	color: var(--envy-auth-sub);
}

/* ── B 인증번호 칸 (시안 412×48, 초록 테두리 + 연초록 배경) ── */
.envy-auth__field--code {
	min-height: 48px;
	border-color: var(--envy-auth-green);
	background: var(--envy-auth-green-soft);
}
.envy-auth .envy-auth__input--code {
	height: 46px;
	padding-left: 17px;     /* 시안 x771 */
	background: transparent;
	font-size: 14px;        /* 시안 Pretendard 400 14px */
	color: var(--envy-auth-sub);
	letter-spacing: 0.02em;
}
.envy-auth__timer {
	flex: 0 0 auto;
	margin-right: 6px;
	font-size: 13px;        /* 시안 Pretendard 700 13px */
	font-weight: 700;
	color: var(--envy-auth-timer);
	font-variant-numeric: tabular-nums;
}
.envy-auth__codebtn {
	flex: 0 0 auto;
	width: 47px;            /* 시안 47×34 */
	height: 34px;
	margin-right: 7px;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: var(--envy-auth-green);
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
}

.envy-auth__msg {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--envy-auth-sub);
}
.envy-auth__msg.is-error { color: var(--envy-auth-timer); }
.envy-auth__msg.is-ok { color: var(--envy-auth-green); }

/* ── 체크박스 (시안 22×22, r5) ── */
.envy-auth__check {
	display: inline-flex;
	align-items: center;
	gap: 12px;              /* 시안: 체크박스 우변 778 → 라벨 790 */
	margin: 0;
	cursor: pointer;
	line-height: 1;
}
.envy-auth__check input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
.envy-auth__box {
	position: relative;
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	border: 1px solid #D6DAD8;
	border-radius: 5px;     /* 시안 r5 */
	background: #fff;
	box-sizing: border-box;
	transition: background-color .12s, border-color .12s;
}
.envy-auth__box::after {
	content: "";
	position: absolute;
	left: 6px;
	top: 3px;
	width: 6px;
	height: 11px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) scale(0);
	transition: transform .12s;
}
.envy-auth__check input:checked + .envy-auth__box {
	background: var(--envy-auth-green);
	border-color: var(--envy-auth-green);
}
.envy-auth__check input:checked + .envy-auth__box::after { transform: rotate(45deg) scale(1); }
.envy-auth__check input:focus-visible + .envy-auth__box {
	outline: 2px solid var(--envy-auth-green);
	outline-offset: 2px;
}

/* ── 전체동의 ── */
.envy-auth__agreeall { margin-top: 43px; }  /* 시안: 휴대폰칸 하단 590 → 체크 633 */
.envy-auth__check--all { margin-left: 2px; }  /* 시안 x756 (main 754) */
.envy-auth__agreeall-label {
	font-size: 15px;        /* 시안 Pretendard 700 15px */
	font-weight: 700;
	color: var(--envy-auth-ink);
}
/* 2026-10-14 고객사 3-1: 전체동의 체크박스 제거 → 제목 한 줄(<p>) + 안내. 체크박스가 없으니 들여쓰기도 없앤다. */
p.envy-auth__agreeall-label { margin: 0; }
.envy-auth__agreeall-desc {
	margin: 10px 0 0;
	font-size: 12px;        /* 시안 Pretendard 400 12px */
	line-height: 20.4px;
	color: var(--envy-auth-desc);
}

/* ── 약관 박스 (시안 412×409, r8) ── */
.envy-auth__terms {
	margin-top: 30px;       /* 시안: 설명 하단 748 → 박스 748 */
	padding: 15px 17px;     /* 시안: 박스 좌 754 → 행 771 */
	border: 1px solid var(--envy-auth-line);
	border-radius: 8px;     /* 시안 r8 */
	box-sizing: border-box;
}
.envy-auth__term {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 46px;       /* 시안 행 h46 */
}
.envy-auth__term-label {
	font-size: 13.5px;      /* 시안 Pretendard 700 13.5px */
	font-weight: 700;
	line-height: 20.2px;
	color: var(--envy-auth-ink);
}
.envy-auth__term.is-required .envy-auth__term-label b { color: var(--envy-auth-green); }
/* 필수 항목 = 체크박스 없음(3-1) — 라벨만 있는 줄. */
.envy-auth__check--req { cursor: default; }
.envy-auth__term:not(.is-required) .envy-auth__term-label { font-weight: 400; color: #5A6068; }
.envy-auth__term:not(.is-required) .envy-auth__term-label b { font-weight: 400; }

.envy-auth__term-more {
	flex: 0 0 auto;
	padding: 4px 6px;
	border: 0;
	background: none;
	font-size: 15px;
	line-height: 1;
	color: #474747;         /* home.css --envy-chev 와 같은 값 */
	text-decoration: none;
	cursor: pointer;
}
.envy-auth__term-more.is-pending { color: #C7CBD0; cursor: not-allowed; }

/* 하위 항목 — 시안은 한 단 들여쓰기 */
.envy-auth__terms-sub { padding-left: 23px; }
.envy-auth__term--child .envy-auth__term-label {
	font-size: 13.5px;
	font-weight: 400;
	color: #5A6068;
}

.envy-auth__privacy-note {
	margin: 24px 0 0;
	font-size: 12px;
	line-height: 20.4px;
	color: var(--envy-auth-desc);
}
.envy-auth__privacy-note a { color: var(--envy-auth-desc); text-decoration: underline; }

/* ── 버튼 (시안 412×56, r8) ── */
/* +:hover/:focus/:active — Astra `button:focus{background:#4f8a3d;color:#fff}` 가
   기본 규칙([0,1,0])을 이겨 클릭하면 초록으로 변하던 것 차단(2026-09-08 전수검사).
   값을 복제하지 않고 기본 규칙에 상태를 얹어 단일 출처를 유지한다. */
.envy-auth__btn,
.envy-auth__btn:hover,
.envy-auth__btn:focus,
.envy-auth__btn:active {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	margin-top: 24px;
	padding: 0;
	border: 0;
	border-radius: 8px;     /* 시안 r8 */
	font-family: inherit;
	font-size: 16px;        /* 시안 Pretendard 700 16px */
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}
/* +:hover/:focus/:active — 기본 `.envy-auth__btn` 에만 상태를 얹으면 배경을 선언한 쪽은
   이 변형 규칙이라 Astra `button:focus` 에 여전히 진다(2026-09-08 재검사에서 잔존 확인). */
.envy-auth__btn--primary,
.envy-auth__btn--primary:hover,
.envy-auth__btn--primary:focus,
.envy-auth__btn--primary:active { background: var(--envy-auth-green); color: #fff; }
.envy-auth__btn--primary:hover { background: #2F8637; }
.envy-auth__btn--ghost {
	margin-top: 12px;       /* 시안: 로그인 469+56=525 → 회원가입 537 */
	border: 1px solid var(--envy-auth-ghost);
	background: #fff;
	color: var(--envy-auth-ghost);
}

/* ── D 로그인 하단 줄 ── */
.envy-auth__loginrow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 24px;       /* 시안: 비번칸 하단 398 → 체크 422 */
	padding-left: 2px;      /* 시안 x756 */
}
.envy-auth__remember,
.envy-auth__lost {
	font-size: 15px;        /* 시안 Pretendard 400 15px */
	font-weight: 400;
	line-height: 22.5px;
	color: var(--envy-auth-ink);
}
.envy-auth__lost { text-decoration: none; }
.envy-auth__lost:hover { text-decoration: underline; }

/* ── C 가입완료 ── */
.envy-auth--welcome .envy-auth__main { padding-top: 80px; }  /* 시안: y120 → 아이콘 200 */
.envy-auth__done { text-align: center; }
.envy-auth__done-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;           /* 시안 100×100 r50 */
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	background: var(--envy-auth-green-soft);
}
.envy-auth__done-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;            /* 시안 64×64 r32 */
	height: 64px;
	border-radius: 50%;
	background: var(--envy-auth-green);
}
.envy-auth__done-title {
	margin: 40px 0 0;       /* 시안: 아이콘 하단 300 → 제목 340 */
	font-size: 28px;        /* 시안 Pretendard 700 28px */
	font-weight: 700;
	line-height: 38px;
	color: var(--envy-auth-ink);
}
.envy-auth__done-desc {
	margin: 16px 0 0;       /* 시안: 제목 하단 378 → 본문 394 */
	font-size: 16px;        /* 시안 16px (시안 폰트는 Inter 지만 사이트 통일로 Pretendard) */
	line-height: 26px;
	color: var(--envy-auth-sub);
}
.envy-auth--welcome .envy-auth__btn { margin-top: 40px; }  /* 시안: 본문 하단 446 → 버튼 486 */

/* ── WooCommerce 기본 알림 (오류·안내)을 이 화면 톤에 맞춘다 ── */
.envy-auth .woocommerce-error,
.envy-auth .woocommerce-message,
.envy-auth .woocommerce-info {
	margin: 0 0 16px;
	padding: 14px 16px;
	border-radius: 8px;
	list-style: none;
	font-size: 13.5px;
	line-height: 1.6;
}

/* ── 반응형: 390px 에서 가로 스크롤 0 ── */
@media (max-width: 480px) {
	.envy-auth { padding: 0 16px 80px; }
	.envy-auth__main { padding-top: 32px; }
	.envy-auth__title { font-size: 26px; line-height: 34px; }
	.envy-auth__subtitle { margin-top: 24px; font-size: 16px; }
	.envy-auth__terms { padding: 12px 14px; }
	.envy-auth__terms-sub { padding-left: 16px; }
	.envy-auth__term { min-height: 42px; }
	.envy-auth__term-label { font-size: 13px; }
/* +:hover/:focus/:active — Astra `button:focus{background:#4f8a3d;color:#fff}` 가
   기본 규칙([0,1,0])을 이겨 클릭하면 초록으로 변하던 것 차단(2026-09-08 전수검사).
   값을 복제하지 않고 기본 규칙에 상태를 얹어 단일 출처를 유지한다. */
.envy-auth__inbtn,
.envy-auth__inbtn:hover,
.envy-auth__inbtn:focus,
.envy-auth__inbtn:active { width: 72px; }
}

/* ── 가입완료 화면: 마이페이지 레이아웃 흔적 제거 ──
 * 좌측 메뉴는 PHP 에서 뺐고(lib/envy-auth.php), 남은 폭 제한만 여기서 푼다.
 * `a.envy-auth__btn` 은 Astra 의 링크 색이 이겨 글자가 초록으로 나왔다
 * (2026-09-07 실측 color=#4F8A3D, 흰색이어야 함) → 색만 확정한다. */
.envy-auth--welcome .woocommerce-MyAccount-navigation { display: none !important; }
.woocommerce-account .woocommerce-MyAccount-content:has(.envy-auth--welcome) {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}
.envy-auth a.envy-auth__btn--primary,
.envy-auth a.envy-auth__btn--primary:visited { color: #fff !important; }
.envy-auth a.envy-auth__btn--ghost,
.envy-auth a.envy-auth__btn--ghost:visited { color: var(--envy-auth-ghost) !important; }

/* ── 비밀번호 강도 안내 (입력칸 아래로) ──
 * WooCommerce 가 비밀번호 input 뒤에 끼워 넣는 `.woocommerce-password-strength`
 * (강도 뱃지)와 `.woocommerce-password-hint`(설명문)를 JS 로 이 칸에 옮겨 담는다
 * (envy-auth.js). 입력칸은 flex 한 줄이라 안에 두면 옆으로 끼어들어 깨진다.
 * 대표 지적 2026-09-07: 「비밀번호 형식 문구 하단으로 빼줘」 */
.envy-auth__pwmeter:empty { display: none; }
.envy-auth__pwmeter {
	margin: -4px 0 0;
	padding: 0 2px;
}
.envy-auth__pwmeter .woocommerce-password-strength {
	display: inline-block;
	margin: 0 0 4px;
	padding: 3px 10px;
	border: 0;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	background: #F3F4F6;
	color: var(--envy-auth-sub);
}
.envy-auth__pwmeter .woocommerce-password-strength.short,
.envy-auth__pwmeter .woocommerce-password-strength.bad {
	background: #FDECEA;
	color: #C0392B;
}
.envy-auth__pwmeter .woocommerce-password-strength.good {
	background: #FFF6E5;
	color: #B26A00;
}
.envy-auth__pwmeter .woocommerce-password-strength.strong {
	background: var(--envy-auth-green-soft);
	color: var(--envy-auth-green);
}
.envy-auth__pwmeter .woocommerce-password-hint {
	display: block;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	color: var(--envy-auth-desc);
}

/* =====================================================================
 * 간편로그인 (카카오·네이버) — 2026-09-23 신설
 *
 * ⚠️ 버튼 디자인은 **각 사 로그인 버튼 가이드**를 따라야 한다(기획 C2 — 임의 디자인 불가).
 *    지금은 브랜드 컬러만 맞춘 임시 버튼이다. 공식 에셋을 받으면 교체할 것.
 * ===================================================================== */

.envy-social { margin-top: 18px; }

.envy-social__sep {
	position: relative;
	text-align: center;
	margin: 18px 0 14px;
}
.envy-social__sep::before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: 50%;
	border-top: 1px solid var(--envy-line, #e7e9e5);
}
.envy-social__sep span {
	position: relative;
	padding: 0 12px;
	background: #fff;
	color: var(--envy-gray, #8a8f88);
	font-size: 13px;
}

.envy-social__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	margin-top: 10px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: filter .15s ease;
}
.envy-social__btn:hover { filter: brightness(.96); }

/* 카카오 브랜드 컬러 — 배경 #FEE500 / 글자 검정 85% (카카오 가이드 기준) */
.envy-social__btn--kakao { background: #FEE500; color: rgba(0,0,0,.85); }
/* 네이버 브랜드 컬러 — 배경 #03C75A / 글자 흰색 */
.envy-social__btn--naver { background: #03C75A; color: #fff; }

.envy-social__notice {
	margin: 0 0 14px;
	padding: 12px 14px;
	border: 1px solid #f0c8c8;
	border-radius: 8px;
	background: #fdf4f4;
	color: #a33;
	font-size: 14px;
	line-height: 1.6;
}

/* 소셜 가입 화면에서 이메일은 바꿀 수 없다(소셜이 준 값) */
.envy-social__form .envy-auth__input[disabled] {
	background: var(--envy-bg, #f6f7f4);
	color: var(--envy-gray, #8a8f88);
}