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

/* PC 뷰: style-23(m 스킨, 뒤 로드)의 전역 규칙이 PC 폼을 오염 → style-3/base 원본값 복원 */
@media (min-width: 1025px) {
  /* m 스킨 body,code{font-size:13px;color:#1b1b1b;font-family:Roboto} 오염 복원 —
   * BODY 노드 자체가 오염되므로 .pc-only 하위 복원으로는 부족 — style-3 원문
   * body{font-size:12px;font-family:'NanumGothic',…;line-height:1.2em;color:#666} 그대로 복원
   * (동특이성 0-0-1, 본 파일이 style-23 뒤에 로드되어 승 — currentColor borderColor 연쇄도 #666 복귀) */
  body {
    font-family: NanumGothic, "맑은고딕", "Malgun Gothic", Dotum, "돋음", sans-serif;
    font-size: 12px;
    line-height: 1.2em;
    color: #666;
  }
  /* style-23 #container{z-index:100;position:relative;overflow:hidden;margin -1px;background:#fff} 가
   * PC GNB(#mononav)를 덮음 — style-3 원본값(#container{width:80%;margin:0 auto}) 복원 */
  #container {
    position: static;
    z-index: auto;
    overflow: visible;
    margin: 0 auto;
    background-color: transparent;
  }
  /* style-23 #wrap{min-height:100%}·#contents{padding:0 0 29px}·
   * #contents{position:relative;background-color:#fff} 오염 복원 —
   * 원본 PC(style-3) #contents 는 float:right;width:100% 뿐(static·투명) */
  #wrap { min-height: 0; }
  #contents { padding-bottom: 0; position: static; background-color: transparent; }
  /* style-23 전역 legend{width:0;height:0;text-indent:-9999em} 오염 복원 —
   * 원본 PC 렌더(정답샷 -d)는 폼 박스에 legend "아이디 찾기" 노출 */
  .pc-only .xans-member-findid legend {
    width: auto;
    height: auto;
    text-indent: 0;
  }
  /* style-23 전역 input[type=text]{padding:10px;font-size:13px;border-radius:2px;border-box;height:29px}
   * 오염 복원 — 원본 PC 는 style-3 .findId input(height:28px;line-height:28px) + base 기본값 */
  .pc-only .xans-member-findid .findId input[type=text],
  .pc-only .xans-member-findid .findId input[type=password] {
    box-sizing: revert;
    border-radius: revert;
    font-size: revert;
    font-weight: revert;
    outline-style: revert;
    padding: 0; /* style-3 리셋(input{margin:0;padding:0}) 원본값 — revert 금지(UA 1px 2px 가 아님) */
    border: revert;
    -webkit-appearance: revert;
    appearance: revert;
    height: 28px;
    line-height: 28px;
  }
  /* style-23 label{inline-block;min-height:20px;line-height:20px;font-size:13px} 오염 복원 —
   * 원본 PC 는 label 무규칙(inline, 12px/14.4px 상속) */
  .pc-only .xans-member-findid .findId label {
    display: inline;
    min-height: 0;
    line-height: inherit;
    font-size: inherit;
    vertical-align: baseline;
  }
  /* style-23 input[type=radio]{18px 원형 스프라이트;appearance:none} 오염 복원 — 원본 PC 는 네이티브 라디오 */
  .pc-only .xans-member-findid input[type=radio] {
    -webkit-appearance: revert;
    appearance: revert;
    width: revert;
    height: revert;
    border: revert;
    border-radius: revert;
    background: revert;
  }
  /* style-23 전역 select{height:29px;padding:0 20px 0 8px;appearance:none;bg ico_select.gif} 오염 복원 —
   * 원본 PC 는 네이티브 셀렉트(style-3 .findId .member select{width:236px;height:34px;padding:0 4px}) */
  .pc-only .xans-member-findid .findId .member select {
    -webkit-appearance: revert;
    appearance: revert;
    background: revert;
    border: revert;
    border-radius: revert;
    font-size: revert;
    line-height: revert;
    height: 34px;
    padding: 0 4px;
  }
  /* style-23 .xans-member-findid{margin:14px 7px 0;padding:0 0 29px;color:#1b1b1b;font-size:13px} 오염 복원 —
   * style-3 원본: .ec-base-box{color:#404040}(12px 상속) + .xans-member-findid.ec-base-box{padding:49px 0 39px} */
  .pc-only .xans-member-findid.ec-base-box {
    margin: 0;
    padding: 49px 0 39px;
    color: #404040;
    font-size: 12px;
    /* style-23 .ec-base-box{background:#fff} 오염 복원 — style-3 typeThin 은 배경 무규칙(투명) */
    background: none;
    /* style-23 .ec-base-box{line-height:1.6} 오염 복원 — 원본 PC 는 body 1.2em(14.4px) 상속
     * (h3.boxTitle 20px/14.4px, legend 12px/14.4px — _styles 실측 rect h=14) */
    line-height: inherit;
  }
  /* style-23 .xans-member-findid #searchType,#name,#email{width:100%} 오염 복원 —
   * style-3 원본: .member select 236px / #name,#email 226px / #ssn 101px / #mobile1 59px, #mobile2·3 60px */
  .pc-only .xans-member-findid #searchType { width: 236px; }
  .pc-only .xans-member-findid #name,
  .pc-only .xans-member-findid #email { width: 226px; }
  .pc-only .xans-member-findid #ssn1,
  .pc-only .xans-member-findid #ssn2 { width: 101px; }
  .pc-only .xans-member-findid #mobile1 { max-width: none; width: 59px; }
  .pc-only .xans-member-findid #mobile2,
  .pc-only .xans-member-findid #mobile3 { max-width: none; width: 60px; }
  /* style-23 .ec-base-button{margin:10px auto} 오염 복원 — style-3 원본은 margin 없음(padding 40 0 10) */
  .pc-only .xans-member-findid .findId .ec-base-button { margin: 0; }
  /* style-23 .btnSubmit{height:46px;line-height:44px;font-size:16px;border:#303030} 오염 복원 —
   * style-3 원본 [class^=btnSubmit]: 18px 라인 + sizeM 패딩, 배경 #333, 보더 transparent (_styles 실측 h40) */
  .pc-only .xans-member-findid .findId .btnSubmit {
    height: auto;
    line-height: 18px;
    font-size: 12px;
    border: 1px solid transparent;
    background: #333;
    /* style-23 .ec-base-button[class*=gColumn] a{padding:0 3px} 오염 복원 — 원본 PC 실측 padding 10px 8px */
    padding: 10px 8px;
  }
}

/* 모바일 뷰: style-3(PC 스킨) 오염 보정 — 원본 m 스킨(style-23) 계산값 복원 */
@media (max-width: 1024px) {
  #container { width: 100%; }             /* style-3 #container{width:80%} 오염 */
  #contents { float: none; }              /* style-3 #contents{float:right} 오염 */
  /* 원본 m 문서는 footer 가 #wrap 내부라 #wrap{min-height:100%}(style-23)가 무해했으나
   * 병합 문서는 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%; }
}
