@charset "utf-8";
/* ─────────────────────────────────────────────────────────────
   종이청첩장(pinvi) 태블릿·모바일 미디어 CSS   [2026-08-21]

   짝 파일 구조는 영상·모바일청첩장과 동일하게 맞춤
     영상   : movie_list.css + movie_list_media.css
     모청   : card_list.css  + card_list_media.css
     청첩장 : movie_list.css(차용) + pinvi_media.css   ← 이 파일
   구간도 동일 — 태블릿 max-width:1200 / 모바일 max-width:767

   로드처 : pinvi/list.php · pinvi/detail.php · pinvi/list_view.php
   ───────────────────────────────────────────────────────────── */

/* ── 태블릿 ── */
@media screen and (max-width:1200px){

  /* list_header.css 의 .partner_wrap{width:1200px} 고정 해제.
     목록은 movie_list_media.css 가 풀어주지만 상세(detail.php)는 그 파일을
     안 읽어서 1200px 그대로였다 → 390px 화면에서 문서 폭이 1200px */
  .partner_wrap { width:100%; display:inline-block; }

  /* 상세 본문 폭 */
  .pinvi_det { max-width:100%; }

  /* 목록 그리드 — pinvi 는 .product 에 width:100% 를 주는데
     movie_list_media.css 가 같은 요소에 margin 을 얹어 그 margin 만큼 넘쳤다.
     좌우 여백을 padding(box-sizing:border-box)으로 바꿔 폭 안으로 넣는다 */
  .partner_wrap .product { width:100%; box-sizing:border-box; margin:0; padding:0 10px; }
}

/* ── 모바일 ── */
@media screen and (max-width:767px){

  .partner_wrap .product { padding:0 16px; }

  /* 하단 이동버튼 3개 대응(수량 쿼리)은 **movie_list_media.css / card_list_media.css 가 정본**.
     pinvi/list.php · list_view.php 는 movie_list_media.css 를 같이 읽으므로 여기서는 중복 제거함.
     (2026-08-21 — 영상·모청 목록에도 청첩장 버튼이 생기면서 규칙을 공용 파일로 옮김) */

  /* 제휴코드/안내 팝업 — list_header.css 의 450px 고정이 화면을 넘김.
     영상·모청 미디어 CSS 와 같은 값(350px) */
  .popup_wrap .popup { width:350px; }
}