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

/* PC 뷰: style-33(m 스킨, 뒤 로드)의 전역 규칙이 PC 본문을 오염 → style-31/base 원본값 복원 */
@media (min-width: 1025px) {
  /* m 스킨 body,code{13px Roboto #1b1b1b;position:relative;height:100%} 오염 복원 —
   * style-31 원문(body,code) 그대로: 0.75em Noto Sans KR / #353535 (goods#0 패턴) */
  body {
    min-width: 1480px;
    font: 0.75em 'Noto Sans KR', sans-serif, 'LotteMartDream', Verdana, Dotum, AppleGothic;
    color: #353535;
    background: #fff;
    position: static;
    height: auto;
  }
  /* style-33 #contents{padding:0 0 29px;position:relative;background:#fff} 오염 → 원본 PC 값 복원 */
  #contents {
    position: static;
    padding: 0;
    background-color: transparent;
  }
  /* style-33 #container{z-index:100;position:relative;overflow:hidden;margin -1px;background:#fff} 가
   * PC GNB(#mononav)를 덮음 — style-31 원본값(#container{width:80%;margin:0 auto}) 복원 */
  #container {
    position: static;
    z-index: auto;
    overflow: visible;
    margin: 0 auto;
    background-color: transparent;
  }
  /* style-33 .ec-base-box{padding:14px;margin:14px;line-height:1.6;color:#757575} 오염 →
   * style-31 원문(.ec-base-box{padding:20px;margin-left/right:auto;color:#404040}) 복원.
   * 원본 실측(_trees) fr-view 요소 자체는 lineHeight=normal, 행박스 18px 는 P 자식(12px×1.5)만 —
   * 박스에 1.5 를 두면 fr-view computed 18 로 어긋남 → 박스는 normal(style-33 1.6 무력화) 명시,
   * 18px 행박스는 하위 p 에만 1.5 로 재현(원본 P computed 18 동치).
   * border/background 는 style-31 .ec-base-box.typeThinBg(특이도 우위)가 기왕 승리 — 불개입 */
  .ec-base-box {
    padding: 20px;
    margin: 0 auto;
    line-height: normal;
    color: #404040;
  }
  .ec-base-box p {
    line-height: 1.5;
  }
}

/* 모바일 뷰: style-31(PC 스킨) 오염 보정 — 원본 m 스킨(style-33) 계산값 복원 */
@media (max-width: 1024px) {
  #container { width: 100%; }             /* style-31 #container{width:80%} 오염 */
  #contents { float: none; }              /* style-31 #contents{float:right} 오염 */
  /* 원본 m 문서는 footer 가 #wrap 내부라 #wrap{min-height:100%}(style-33)가 무해했으나
   * 병합 문서는 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%; }
  /* 원본 PC 문서는 body 무id — body#layout 제거에 따라 style-33 의 #layout 접두 5규칙을
   * m 레이어 스코프로 동치 재기술(선언은 style-33 원문 그대로, goods#0 패턴) */
  .m-only header#header .header { position: relative; width: 100%; text-align: left; background: #fff; }
  .m-only header#header h1 { height: 65px; line-height: 62px; padding: 0; text-align: center; }
  .m-only header#header h1 img { max-height: 35px; vertical-align: middle; }
  .m-only #topArea .searchWrap { border-bottom: 1px #e0e0e0 solid; }
  .m-only header#header .search { top: 12px; }
}

/* --- member-join 존 배선(2026-08-06): API 상태/메시지 스타일 --- */
.joinStateNotice {
  margin: 10px 0;
  padding: 8px 12px;
  border: 1px solid #f0dcb2;
  background: #fdf6e3;
  color: #8a6d3b;
  font-size: 12px;
  line-height: 1.5;
}
.joinStateError {
  margin: 10px 0;
  padding: 8px 12px;
  border: 1px solid #efc7c7;
  background: #fdf0f0;
  color: #c0392b;
  font-size: 12px;
  line-height: 1.5;
}
#idMsg.txtOk,
#emailMsg.txtOk,
#emailCodeMsg.txtOk { color: #2e7d32; }
#idMsg.txtWarn,
#emailMsg.txtWarn,
#emailCodeMsg.txtWarn,
#pwConfirmMsg.txtWarn { color: #c0392b; }
button[data-id-check],
button[data-email-send],
button[data-email-verify] {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #d5d5d5;
  background: #fafafa;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
  cursor: pointer;
}
button[data-join-submit]:disabled,
button[data-id-check]:disabled,
button[data-email-send]:disabled,
button[data-email-verify]:disabled { opacity: 0.6; cursor: default; }