/* css/pages/member-login.css — member/login.html 전용 보정 (R24 레이어 간 CSS 오염 보정)
 * 원본 분리 문서에서는 style-36(PC 스킨)과 style-22(m 스킨)이 각자 로드되지만
 * 병합 문서에서는 둘 다 로드되어 서로를 오염시킨다 — 원본 각 스킨의 값으로 되돌린다. */

/* PC 뷰: style-22(m 스킨, 뒤 로드)의 전역 규칙이 PC 로그인 박스를 오염 → style-36/base 원본값 복원 */
@media (min-width: 1025px) {
  /* m 스킨 body,code{font-size:13px;color:#1b1b1b}+body,code{font-family:Roboto} 오염 복원 —
   * 원본 PC body(style-36)=12px 1.2em NanumGothic #666 (BODY 자체 계산값 복원, goods#0 동형) */
  body {
    font-family: 'NanumGothic', "맑은고딕", "Malgun Gothic", Dotum, "돋음", sans-serif;
    color: #666;
  }
  .pc-only {
    font-size: 12px;
    line-height: 1.2em;
    color: #666;
  }
  /* style-22 #contents{position:relative;background:#fff}+{padding:0 0 29px} 오염 복원 —
   * 원본 PC(style-36) #contents{float:right;width:100%} 무패딩·static·투명 */
  #contents {
    position: static;
    padding: 0;
    background-color: transparent;
  }
  /* style-22 .ec-base-box{line-height:1.6;color:#757575;background:#fff} 오염 복원 —
   * 원본 PC(style-36) .ec-base-box=color:#404040, line-height 상속 1.2em, 배경 없음 */
  .pc-only .ec-base-box {
    line-height: 1.2em;
    color: #404040;
    background: none;
  }
  /* style-22 #container{z-index:100;position:relative;overflow:hidden;margin -1px;background:#fff} 가
   * PC GNB(#mononav)를 덮음 — style-36 원본값(#container{width:80%;margin:0 auto}) 복원 */
  #container {
    position: static;
    z-index: auto;
    overflow: visible;
    margin: 0 auto;
    background-color: transparent;
  }
  /* style-22 전역 legend{width:0;height:0;text-indent:-9999em} 오염 복원 —
   * 원본 PC 렌더(정답샷 -d)는 로그인 박스 상단에 legend "회원로그인" 노출 */
  .pc-only .xans-member-login legend {
    width: auto;
    height: auto;
    text-indent: 0;
  }
  /* style-22 전역 input[type=text]{padding:10px;border:1px #d7d5d5;13px;border-box} 오염 복원 —
   * 원본 PC 는 style-36 .xans-member-login .login fieldset input(border 0, 95%, h28) + 상속 12px */
  .pc-only .xans-member-login .login fieldset input[type=text],
  .pc-only .xans-member-login .login fieldset input[type=password] {
    box-sizing: revert;
    border-radius: revert;
    font-size: revert;
    font-weight: revert;
    outline-style: revert;
    width: 95%;
    height: 28px;
    line-height: 28px;
    padding: 2px 2px 2px 7px;
    border: 0 none;
    color: #8F8F91;
  }
}

/* 모바일 뷰: style-36(PC 스킨) 오염 보정 — 원본 m 스킨(style-22) 계산값 복원 */
@media (max-width: 1024px) {
  #container { width: 100%; }             /* style-36 #container{width:80%} 오염 */
  #contents { float: none; }              /* style-36 #contents{float:right} 오염 */
  /* 원본 m 문서는 footer 가 #wrap 내부라 #wrap{min-height:100%}(style-22)가 무해했으나
   * 병합 문서는 footer 가 #wrap 밖(PC 구조) — 그대로 두면 본문 아래 뷰포트만큼 공백 발생 */
  #wrap { min-height: 0; }
  /* 원본 m 은 .mainNav 가 float:left #header 내부 — 병합 문서에선 헤더 밖 조각(nav-m)이라
   * 헤더 float 에 밀려 첫 ul(BFC, overflow:hidden)이 폭 0 으로 붕괴 → float 해제+전폭 복원 */
  .m-only .mainNav { clear: both; }
  .m-only .mainNav ul { width: 100%; }
  /* body id="layout" 제거(파리티 키 BODY#layout 불일치 — goods#0 패턴)에 따른
   * style-22 '#layout …' 5규칙 동치 재기술(구조 독립형 — header.html 래퍼 병합에도 유효) */
  #header .header { position: relative; width: 100%; text-align: left; background: #fff; }
  #header h1 { height: 65px; line-height: 62px; padding: 0; text-align: center; }
  #header h1 img { max-height: 35px; vertical-align: middle; }
  #topArea .searchWrap { border-bottom: 1px #e0e0e0 solid; }
  #header .search { top: 12px; }
}

/* stylefix r2: m 스킨 전이 잔여 — _styles/member-login-8.json 실측
 * ① .path 트리 lh30/h30(PC 스킨 원문) ↔ 클론 14.4(body 상속으로 붕괴)
 * ② .login label(ePlaceholder) lh20(m) → PC 상속값(14.4) 복원 */
@media (min-width: 1025px) {
  .path.pc-only, .path.pc-only span, .path.pc-only ol, .path.pc-only ol li, .path.pc-only ol li a, .path.pc-only ol li strong { line-height: 30px; }
  .pc-only .login .ePlaceholder { line-height: inherit; }
}

/* ---- member-login 존 API 배선 상태 스타일 (h9 integrate) ----
 * ① a.btnLogin → button[type=submit] 치환 보정: style-36 은
 *    .xans-member-login .login fieldset > a{display:block} 로 앵커만 블록 처리 —
 *    button 에 동치 시각(전폭 블록 + 앵커 기본 배경/글꼴) 재기술
 * ② 로그인 에러 문구(.apiError) / 세션 로그인 상태 뷰(.loginStatus) */
.pc-only .xans-member-login .login fieldset button.btnLogin {
  display: block;
  width: 100%;
  background: transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.pc-only .xans-member-login .login fieldset button.btnLogin:hover {
  background-color: #43495a;
  color: #fff;
}
form[data-login-form] button[type="submit"]:disabled {
  opacity: 0.6;
  cursor: default;
}
.apiError {
  margin: 8px 0;
  color: #d9534f;
  font-size: 12px;
  line-height: 1.5;
  word-break: keep-all;
}
.m-only .formBox .apiError { font-size: 13px; padding: 0 0 4px; }
.loginStatus {
  max-width: 370px;
  margin: 30px auto;
  padding: 30px 14px 22px;
  text-align: center;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  box-sizing: border-box;
}
.loginStatus .loginStatusMsg {
  margin: 0 0 16px;
  font-size: 14px;
  color: #2e2e2e;
  word-break: keep-all;
}
.loginStatus .loginStatusMsg strong { font-weight: bold; }
.loginStatus .ec-base-button.gFull { padding: 0; }