/* main_card_flat.css v1.0.0 (2026-09-03) — 팀장: "상품카드 오아시스처럼 사진만 있고, 하단 텍스트는 테두리 없게"
   PC 메인 카드 섹션 5곳(두레추천 mzr / 카테고리별 베스트 cb / 급상승 cr / 산지직송 msj / 신규생활재 ngv2) 공통.
   카드 상자(1px 테두리·흰 바탕·14~16px 라운드·hover 그림자) 제거 → 이미지 블록만 8px 라운드, 글은 이미지 좌측선에 맞춰 옆 여백 0.
   각 섹션 CSS는 무수정(이 파일이 body 접두로 이김). 되돌리기 = main_home.jsp 링크 1줄 제거. */
body .main_section1_mdchoice .mzr_card,
body .cb-sec .cb-card,
body .cr-sec .cr-card,
body .msj-sec .msj-card,
body .main_section5.ngv2 .product_type1 > li,
body .main_section5.ngv2 .product_type1 > li.dcz { border: 0; background: transparent; border-radius: 0; box-shadow: none; }
body .main_section1_mdchoice .mzr_card:hover,
body .cb-sec .cb-card:hover,
body .cr-sec .cr-card:hover,
body .msj-sec .msj-card:hover,
body .main_section5.ngv2 .product_type1 > li:hover { box-shadow: none; transform: none; }

/* 이미지 블록 — 오아시스 실측(사진만 둥근 8px, 글은 맨바닥) */
body .main_section1_mdchoice .mzr_imgbox,
body .cb-sec .cb-imw,
body .cr-sec .cr-imw,
body .msj-sec .msj-card .imwrap,
body .main_section5.ngv2 .product_type1 .img_wrap { border: 0; border-radius: 8px; overflow: hidden; }
body .main_section5.ngv2 .product_type1 li:not(.soldout) .img_wrap .new-badge { border-radius: 0 8px 0 12px; }

/* 글 영역 — 옆 여백 0(2px 시각 보정), 위 10~12px */
body .main_section1_mdchoice .mzr_body { padding: 12px 2px 6px; }
body .cb-sec .cb-bd,
body .cr-sec .cr-bd { padding: 10px 2px 6px; }
body .msj-sec .msj-card .body { padding: 10px 2px 6px; }
body .main_section5.ngv2 .product_type1 .txt_box { padding-left: 2px; padding-right: 2px; }

/* v1.1.0 2026-09-03 — (a) 팀장: "조합원 진짜 이야기 배경색 하얀색으로 깔끔하게" → 후기 카드 크림 그라데이션 폐지, 흰 바탕 + 1px 선 유지
   (b) 팀장: "신규생활재 담기버튼 베스트 생활재 노출과 동일하게" → 제목 옆 노란 원형 담기 → 사진 우하단 44px 흰 원형 카트 아이콘(.cb-addbtn 규격).
       li 는 position:relative, 사진은 li 폭과 같은 정사각(273px)이라 위치 = 273 - 44 - 8 = 221px(PC 4열 고정폭 전제) */
body .main_section_review .rvm_main_card[class],
body .main_section_review .rvm_main_card.rvm_pick{ background:#fff; } /* [class] = (0,3,1) — .rvm_main_card.rvm_card_noimg 그라데이션(0,3,0)을 이김 */
@media (min-width:1024px){
  body .main_section5.ngv2 .product_type1 > li > a.cart:not(.soldout){
    top:221px; right:8px; left:auto; bottom:auto; width:44px; height:44px; padding:0; margin:0; z-index:6;
    border-radius:50%; background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6041' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.2l2.1 11.2a1.6 1.6 0 0 0 1.6 1.3h8.5a1.6 1.6 0 0 0 1.6-1.3L21 8H6'/%3E%3Ccircle cx='9.6' cy='20' r='1.4'/%3E%3Ccircle cx='17.4' cy='20' r='1.4'/%3E%3C/svg%3E") center/21px 21px no-repeat;
    border:1px solid rgba(47,75,51,.10); box-shadow:0 2px 8px rgba(31,40,30,.18); text-indent:-9999px; overflow:hidden; }
  body .main_section5.ngv2 .product_type1 > li > a.cart:not(.soldout):hover{ background-color:#eaf1e8; }
}
/* v1.1.0 보정 — 신규생활재 품절/중단 카드의 회색 담기 버튼은 사진 위 안내(재개 예정 등)가 이미 있어 PC에서 숨김 */
@media (min-width:1024px){ body .main_section5.ngv2 .product_type1 > li > a.cart.soldout{ display:none !important; } } /* !important: 기존 규칙이 display 를 !important 로 고정 */
