/* css/pages/member-mall-agreement.css — member/mall_agreement.html 전용 보정
 * (1) R24 레이어 간 CSS 오염 보정 — member-agreement.css 와 동일 조합(style-31 + style-33 병합 로드)
 * (2) 원본 m 번들(live 1회 반입 _assets/live-mallagreement-optimizer_user-m.css)에만 있고
 *     style-33 에 없는 페이지 전용 규칙(.xans-mall-term) 반입 — 원문 그대로 */

/* PC 뷰: style-33(m 스킨, 뒤 로드)의 전역 규칙이 PC 본문을 오염 → style-31/base 원본값 복원 */
@media (min-width: 1025px) {
  /* m 스킨 body,code{font-size:13px;color:#1b1b1b} 오염 복원 — 원본 PC body(style-31)=12px 1.2em #666 */
  .pc-only {
    font-size: 12px;
    line-height: 1.2em;
    color: #666;
  }
  /* 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-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%; }
  /* 원본 m 번들 페이지 전용 규칙(원문 그대로) — style-33(agreement-m 번들)에는 부재 */
  .xans-mall-term{margin:14px 7px 0;padding:14px;color:#777;font-size:11px;line-height:1.5;border:1px solid #dddddd;background:#fff;}
}

/* terms-pages 존 배선: 약관 버전 표기([data-term-version] — 응답 version 렌더 시 노출) */
.xans-mall-term .date { display: block; padding: 0 0 8px; color: #757575; font-size: 12px; }
.xans-mall-term .date.displaynone { display: none; }