/* css/pages/board-board-free-list.css — 자유게시판2(빈 목록) 페이지 한정 보정
 * R24 이중 레이어에서 PC/m 스킨 CSS 가 서로의 레이어를 오염시키는 것을 원본 computed 실측
 * (_styles/board-free-list-64.json / -m.json)대로 되돌린다. 원본 CSS 파일은 수정하지 않음.
 */

/* [PC][parity r1] m 스킨(style-18) bare body 규칙 3종
 *   body,code{min-width:320px;font-size:13px;color:#1b1b1b} / body,code{font-family:"Roboto"}
 *   / body{position:relative;height:100%}
 * 이 PC 스킨(style-25) 뒤에 로드돼 PC body computed 를 덮음 → 원본 PC 실측
 * (_trees/board-free-list-64.src.json: nanumgothic 12px #666 static, body w1480)으로 복원.
 * min-width:1480 복원으로 #container{width:80%;margin:0 auto}도 원본 1184@x148 로 회귀. */
@media (min-width: 1025px) {
  /* parity 3차 r1 재정정: stylefix r2 의 Noto/#353535/lh normal 전환은 미러 _styles 근거였으나
   * 파리티 기준선 실측(_trees/board-free-list-64.src.json BODY: nanumgothic·12px·lh14.4(1.2em)·
   * color rgb(102,102,102), src 폰트 인벤토리 noto 0건/nanumgothic 67건)과 상충 — 라이브 로드
   * 순서에선 body{NanumGothic;#666}이 body,code{Noto;#353535}를 후승(미러 병합 순서와 상이).
   * 기준선=채점 정본이므로 style-25 원문 body 복원. borderColor 102(currentColor) 연쇄로
   * BODY/footer .inner/#wrap top3 일괄 해소(#wrap 폰트는 자체 규칙, 색만 body 상속). */
  body {
    position: static;
    height: auto;
    min-width: 1480px;
    font-family: 'NanumGothic', "맑은고딕", "Malgun Gothic", Dotum, "돋음", sans-serif;
    font-size: 12px;
    line-height: 1.2em;
    color: #666;
  }
}

/* [PC] m 스킨(style-18) #container{position:relative;z-index:100;background:#fff} 전이로
 * PC #mononav(absolute z10, y100~157)가 컨테이너 배경에 가려짐(대메뉴 7종 소실).
 * 원본 PC computed = #container static(z auto, 음수마진 없음). */
@media (min-width: 1025px) {
  #container {
    position: static;
    z-index: auto;
    overflow: visible;
    margin-top: 0;
    /* parity r1: 0 → auto — 0 은 PC 스킨 margin:0 auto 센터링까지 죽여 x148→0 좌편향(원본 1184@x148) */
    margin-left: auto;
    /* parity r1#0: style-18 #container{background-color:#fff} 전이 복원 — 원본 PC bg none */
    background-color: transparent;
  }

  /* [PC][parity r1#0] style-18(m) #contents{position:relative;background:#fff}+{padding:0 0 29px},
   * .xans-board-listpackage{background:#fff} 전이 복원 — 원본 PC computed
   * (_trees src: #contents static·pad0·bg none, listpackage bg none). */
  #contents {
    position: static;
    padding: 0;
    background-color: transparent;
  }
  .xans-board-listpackage { background: none; }

  /* [PC][parity r1 top2→top1] style-18(m) bare .xans-board-search{margin:0 0 29px;padding:14px;
   * border-top/bottom:1px solid #ececec} 전이 → 검색폼 pad14·mb29·bc236·footer y +59.6 파생.
   * style-25 원문 .xans-board-search{padding:20px 0 20px 10px;color:#2e2e2e} 복원
   * (border 0 → borderColor currentColor #2e2e2e = src 실측 46,46,46). */
  .pc-only .xans-board-search { margin: 0; padding: 20px 0 20px 10px; border: 0; color: #2e2e2e; }
  /* style-18 bare select{h29;appearance:none;pad 0 20 0 8;border #d7d5d5} /
   * input[type=text]{h29;pad10;w?} / legend{h0;w0;indent -9999} 전이 → P 행 h82(2줄 랩)·legend 소실.
   * UA 기본 + style-25 원문(select w72·m 0 2 0 0, #search_date m-l22, input w162·pad0) 복원 —
   * board-notice-1#0/#1 검증 동형(all:revert 후 reset input padding 0 병기). */
  .pc-only .boardSearch select { all: revert; width: 72px; margin: 0 2px 0 0; }
  .pc-only .boardSearch select#search_date { margin: 0 2px 0 22px; }
  .pc-only .boardSearch input.inputTypeText { all: revert; padding: 0; }
  .pc-only .xans-board-search input#search { width: 162px; }
  .pc-only .boardSearch legend { height: auto; width: auto; text-indent: 0; }

  /* [PC][parity r1 top3] style-18 bare .ec-base-table{border 1px #d5d5d5;bg#fff;color#353535}
   * + .ec-base-table th,td{border-top #ececec;fs13;valign top}
   * + .ec-base-table.typeList th,td{pad 9 10;border 1px #d7d5d5} + typeList thead th{bg#fafafa}
   * 전이 → gBorder h38·bc213·bg백화·th h37/fs13/bc215. style-25 원문 복원:
   * gBorder 무보더(bc=currentColor 상속 #666 = src 102,102,102)·bg none,
   * thead th pad 11 0 10·bg#fbfafa·bl/bb 1px #dfdfdf(bt/br 0 → btc currentColor #353535 = src 53,53,53). */
  .pc-only .ec-base-table { border: 0; background: transparent; color: inherit; }
  .pc-only .ec-base-table th, .pc-only .ec-base-table td { font-size: inherit; }
  .pc-only .ec-base-table td { vertical-align: middle; }
  .pc-only .ec-base-table.typeList thead th { padding: 11px 0 10px; background: #fbfafa; border: 0; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; vertical-align: middle; }
  .pc-only .ec-base-table.typeList thead th:first-child { border-left: 0; }
}

@media (max-width: 1024px) {
  /* [m] PC 스킨 #container{width:80%;margin:0 auto} 전이로 m 본문 폭이 312px 로 축소.
   * 원본 m computed = 콘텐츠 전폭(391). */
  #container { width: auto; }

  /* [m] PC 스킨 .xans-board-search select#search_date{margin:0 2px 0 22px} 전이로
   * 검색 셀렉트(일주일/제목) 2행 낙하. 원본 m = margin:0 0 7px, 49% 좌우 float 1행. */
  .m-only .category select#search_date { margin: 0 0 7px; }

  /* [m] PC 스킨(style-25) bare header{float:left;width:100%} 전이 →
   * m 헤더 부모 높이 0 붕괴 + .mainNav ul(overflow:hidden BFC)이 float 옆 잔여폭 0 으로
   * 압착되어 모바일 GNB 1행(브리더 펫아미/강아지분양/고양이분양/분양혜택) 소실.
   * 원본 m computed = header static·비float. */
  /* r2: header#header.m-only 병기 — 전역 r1 지시(헤더 래퍼 병합 후에도 매칭 유지) */
  .m-only header#header, header#header.m-only { float: none; }

  /* [m] m 스킨 #wrap{min-height:100%} + body{height:100%}는 원본 m 에선 푸터가 wrap 안이라
   * 무해했으나, 본 산출물은 푸터가 wrap 밖(PC 구조 기준)이라 뷰포트 높이만큼 공백이 생김.
   * 원본 m 시각(콘텐츠 직후 푸터)으로 복원. */
  #wrap { min-height: 0; }

  /* [m] PC 스킨 .xans-layout-footer{position:relative;float:right;width:1000px;height:234px}
   * 전이로 m 푸터 사업자정보 블록이 폭 1000px·고정높이로 이탈.
   * 원본 m computed = static·w auto(391)·h auto(198). */
  .m-only .xans-layout-footer {
    position: static;
    float: none;
    width: auto;
    height: auto;
  }

  /* [m] PC 스킨 .xans-layout-footer .copyright{position:absolute;bottom:0;height:45px} 전이로
   * m 카피라이트가 푸터 상단으로 이탈. 원본 m computed = static·h28(흐름 맨끝). */
  .m-only .xans-layout-footer .copyright {
    position: static;
    height: auto;
  }
}

/* [r2][goods#0 패턴] body id="layout" 제거(원본 PC body 무id — 파리티 키 BODY 정합)에 따른
 * style-18(m 스킨) #layout 5규칙 동치 재기술. 셀렉터는 구조 독립형 header#header(m 레이어의
 * 요소형 헤더 전용 — PC div#header 비매칭)로 개서해 종전 #layout 경유 PC h1 오염(65px 등)도 해소.
 * 원문: style-18 #layout #header .header / h1 / h1 img / #topArea .searchWrap / .search */
header#header .header { position: relative; width: 100%; text-align: left; background: #fff; }
header#header h1 { height: 65px; line-height: 62px; padding: 0; text-align: center; }
header#header h1 img { max-height: 35px; vertical-align: middle; }
header#header #topArea .searchWrap { border-bottom: 1px #e0e0e0 solid; }
header#header .search { top: 12px; }

/* API 배선 3상태(로딩/빈/에러) 메시지 — 배선 존 최소 스타일 */
.message[data-state], .empty[data-state] { padding: 30px 0; text-align: center; color: #757575; }