/* GNB 전면 페이지(두레추천/더큰혜택/신규생활재) 재설계 — PC. 2026-07-11 창B.
   메인 리디자인 카드 톤(생산자·규격·인증·산지·온도·단일가) 이식 + 페이지별 특징. 자체완결(다른 CSS 의존 없음). */

/* ===== 공통 래퍼 ===== */
.gnbp{ background:#fff; padding-bottom:56px; font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif; color:#1d271e; }
.gnbp .serif{ font-family:"Noto Serif KR","Maru Buri","Nanum Myeongjo",serif; }
.gnbp *{ box-sizing:border-box; }

/* 히어로 */
.gnbp .gnbp_hero{ text-align:center; padding:40px 20px 6px; }
.gnbp .gnbp_hero .eb{ font-size:14px; font-weight:800; letter-spacing:.16em; color:#3d6041; text-transform:uppercase; }
.gnbp .gnbp_hero h2{ font-family:"Noto Serif KR","Maru Buri",serif; font-size:34px; font-weight:600; color:#1d271e; letter-spacing:-.01em; line-height:1.24; margin:10px 0 0; }
.gnbp .gnbp_hero h2 em{ font-style:normal; color:#3d6041; }
.gnbp .gnbp_hero p{ margin:11px 0 0; font-size:15.5px; color:#6c7268; line-height:1.6; }

/* 섹션 */
.gnbp .gnbp_sec{ max-width:1200px; margin:0 auto; padding:34px 20px 0; }
.gnbp .gnbp_sec .stitle{ display:flex; align-items:baseline; gap:12px; margin-bottom:18px; }
.gnbp .gnbp_sec .stitle h3{ font-size:23px; font-weight:800; color:#1d271e; letter-spacing:-.01em; position:relative; padding-left:14px; }
.gnbp .gnbp_sec .stitle h3::before{ content:""; position:absolute; left:0; top:4px; bottom:4px; width:4px; border-radius:2px; background:#3d6041; }
.gnbp .gnbp_sec .stitle .scap{ font-size:14px; color:#8a8f86; }

/* ===== 카드 그리드 ===== */
.gnbp .pgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px 18px; list-style:none; margin:0; padding:0; }
.gnbp .pgrid > li{ position:relative; background:#fff; border:1px solid #e8e6dc; border-radius:15px; overflow:hidden; box-shadow:0 1px 4px rgba(29,39,30,.05); transition:box-shadow .15s, transform .15s; display:flex; flex-direction:column; }
.gnbp .pgrid > li:hover{ box-shadow:0 10px 26px rgba(29,39,30,.11); transform:translateY(-3px); }
.gnbp .pgrid > li > a.plink{ display:block; text-decoration:none; color:inherit; }

/* 이미지 */
.gnbp .pcimg{ position:relative; aspect-ratio:1/1; overflow:hidden; background:#f4f4f2; }
.gnbp .pcimg img{ width:100%; height:100%; object-fit:cover; display:block; }
.gnbp .pctag{ position:absolute; top:10px; left:10px; display:flex; flex-wrap:wrap; gap:5px; z-index:2; list-style:none; margin:0; padding:0; }
.gnbp .pctag li{ font-size:12.5px; font-weight:800; color:#fff; padding:3px 9px; border-radius:8px; line-height:1.35; box-shadow:0 1px 3px rgba(0,0,0,.16); }
.gnbp .pctag .bg_y{ background:#f8a31e; color:#3a2408; font-family:"Roboto",sans-serif; }
.gnbp .pctag .bg_g{ background:#3c8b54; }
.gnbp .pctag .bg_c{ background:#2f8fd6; }
.gnbp .pctag .bg_res{ background:#7b5cc7; }
.gnbp .pctag .bg_gift{ background:#2f8fd6; }
.gnbp .badge_new{ position:absolute; top:10px; right:10px; z-index:3; background:#1d271e; color:#fff; font-size:11.5px; font-weight:800; letter-spacing:.06em; padding:4px 9px; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,.22); }
.gnbp .badge_buy{ position:absolute; top:10px; right:10px; z-index:3; background:#f8a31e; color:#3a2408; font-size:12px; font-weight:800; padding:3px 9px; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,.22); font-family:"Roboto",sans-serif; }
.gnbp .badge_limit{ position:absolute; left:10px; bottom:10px; z-index:3; background:rgba(216,53,42,.96); color:#fff; font-size:12px; font-weight:700; padding:3px 9px; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,.2); }
.gnbp .badge_limit b{ font-weight:800; }
.gnbp .pchalt{ position:absolute; inset:0; background:rgba(255,255,255,.74); display:grid; place-items:center; text-align:center; z-index:4; }
.gnbp .pchalt .inner{ font-size:14px; font-weight:800; color:#5a5d58; line-height:1.5; }

/* 본문 */
.gnbp .pcbody{ padding:13px 15px 4px; display:flex; flex-direction:column; flex:1; }
.gnbp .pc_farmer{ font-size:12.5px; color:#8a8f86; font-weight:600; margin-bottom:2px; line-height:1.3; word-break:keep-all; }
.gnbp .pc_nm{ font-size:16.5px; font-weight:700; color:#1d271e; line-height:1.34; margin:0 0 8px; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:44px; }
.gnbp .pc_price{ display:flex; align-items:baseline; flex-wrap:wrap; gap:6px; }
.gnbp .pc_price .dc{ color:#d8352a; font-weight:800; font-size:18px; font-family:"Roboto",sans-serif; }
.gnbp .pc_price .now{ font-family:"Roboto","Pretendard",sans-serif; font-weight:800; font-size:22px; color:#1d271e; }
.gnbp .pc_price .won{ font-size:14px; font-weight:800; color:#1d271e; margin-left:-3px; }
.gnbp .pc_price .old{ width:100%; margin-top:1px; font-size:13px; color:#9aa09b; text-decoration:line-through; font-family:"Roboto",sans-serif; }

/* 표준 메타(생산자 밑 규격·인증·산지·온도) */
.gnbp .gmeta{ display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin-top:8px; }
.gnbp .gmeta .g_spec{ font-size:12.5px; color:#6c7268; font-weight:600; }
.gnbp .gmeta .g_pill{ font-size:12px; font-weight:700; color:#3d6041; background:#eef3ea; border:1px solid #dce7da; border-radius:7px; padding:2px 8px; line-height:1.4; }
.gnbp .gmeta .g_pill.sanji{ background:#fbf0e4; border-color:#f0dcc2; color:#9a5b1e; }
.gnbp .gmeta .g_pill.temp{ background:#eaf2f8; border-color:#cfe0ee; color:#2f6d9e; }

/* 추천이유(에디토리얼) — 두레추천 전용 */
.gnbp .pc_quote{ margin-top:11px; font-family:"Maru Buri","Noto Serif KR",serif; font-size:14px; line-height:1.7; color:#41504a; background:linear-gradient(165deg,#fffdf7,#f5f9f4); border-radius:11px; padding:11px 13px 11px 30px; position:relative; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.gnbp .pc_quote::before{ content:"\201C"; position:absolute; left:11px; top:3px; font-family:Georgia,serif; font-size:24px; color:#b9ccba; font-weight:800; }

/* 담기 버튼 */
.gnbp .pc_cart{ display:block; margin:11px 15px 15px; text-align:center; background:#eaf1e8; color:#3d6041; border:1.5px solid #c7d8c4; border-radius:12px; padding:12px 0; font-size:15.5px; font-weight:800; text-decoration:none; }
.gnbp .pc_cart:hover{ background:#3d6041; color:#fff; border-color:#3d6041; }
.gnbp .pgrid > li.soldout .pc_cart{ background:#e4e0d2; color:#6c7268; border-color:#e4e0d2; pointer-events:none; }
/* 2026-07-22 예약/택배 담기버튼도 진초록 solid 통일(전 사이트 예약 CTA 일원화). 유형구분은 태그칩 담당 */
.gnbp .pc_cart.res,.gnbp .pc_cart.gift{ background:#3d6041; color:#fff; border-color:#3d6041; }
.gnbp .pc_cart.res:hover,.gnbp .pc_cart.gift:hover,.gnbp .pc_cart.res:active,.gnbp .pc_cart.gift:active{ background:#37583b; color:#fff; border-color:#37583b; }

/* 반짝혜택 타이머 배지(더큰혜택) */
.gnbp .pc_timer{ position:absolute; left:10px; bottom:10px; z-index:3; background:rgba(29,39,30,.86); color:#fff; font-size:12px; font-weight:700; padding:4px 10px; border-radius:8px; display:inline-flex; align-items:center; gap:6px; }
.gnbp .pc_timer .time, .gnbp .pc_timer .timer{ font-family:"Roboto",sans-serif; font-weight:800; color:#f8a31e; }
/* 더큰혜택 히어로 그린 톤 */
/* [히어로 컬러 헤더 2026-07-22] 두레추천·더큰혜택·신규 3개 GNB 제목부 배경색 통일감(딥 그라데이션+흰 글자+골드 강조), 페이지별 hue 차이 */
.gnbp.gnbp_recom .gnbp_hero, .gnbp.gnbp_benefit .gnbp_hero, .gnbp.gnbp_new .gnbp_hero{ margin-bottom:6px; padding:40px 20px 34px; }
.gnbp.gnbp_recom .gnbp_hero{ background:linear-gradient(180deg,#3a3f44,#23272b); }   /* 2026-07-25 두레추천 = 먹색 #3A3F44(A안) */
.gnbp.gnbp_benefit .gnbp_hero{ background:linear-gradient(160deg,#864139,#5f2b28); } /* 더큰혜택 = 딥 버건디 */
.gnbp.gnbp_new .gnbp_hero{ background:linear-gradient(160deg,#2c6560,#1d4742); }      /* 신규 = 딥 틸 */
.gnbp.gnbp_recom .gnbp_hero .rc_wk, .gnbp.gnbp_benefit .gnbp_hero .eb, .gnbp.gnbp_new .gnbp_hero .eb{ color:rgba(255,255,255,.74); }
.gnbp.gnbp_recom .gnbp_hero .rc_wk b, .gnbp.gnbp_new .gnbp_hero .nnew_stat b{ color:#f8d78a; }
.gnbp.gnbp_recom .gnbp_hero h2, .gnbp.gnbp_benefit .gnbp_hero h2, .gnbp.gnbp_new .gnbp_hero h2{ color:#fff; }
.gnbp.gnbp_recom .gnbp_hero h2 em, .gnbp.gnbp_benefit .gnbp_hero h2 em, .gnbp.gnbp_new .gnbp_hero h2 em{ color:#f8d78a; }
.gnbp.gnbp_recom .gnbp_hero p, .gnbp.gnbp_recom .gnbp_hero .rc_hperiod, .gnbp.gnbp_benefit .gnbp_hero p, .gnbp.gnbp_new .gnbp_hero p{ color:rgba(255,255,255,.86); }
.gnbp.gnbp_new .gnbp_hero .nnew_rule{ color:rgba(255,255,255,.78); }
.gnbp.gnbp_new .gnbp_hero .nnew_stat{ background:rgba(255,255,255,.14); color:#fff; border-color:rgba(255,255,255,.28); }

/* 반응형 */
@media (max-width:1100px){ .gnbp .pgrid{ grid-template-columns:repeat(3,1fr); } }

/* ===== 두레추천 특별기능 (2026-07-11) ===== */
/* 정렬/필터 바 */
.gnbp_recom .pfbar{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #ecebe3; }
.gnbp_recom .pfbar button{ font-family:inherit; cursor:pointer; background:none; border:none; }
.gnbp_recom .pf_sort{ display:flex; gap:16px; }
.gnbp_recom .pf_sort button{ font-size:15px; font-weight:700; color:#9aa09b; padding:2px 0; position:relative; }
.gnbp_recom .pf_sort button.on{ color:#1d271e; }
.gnbp_recom .pf_sort button.on::after{ content:""; position:absolute; left:0; right:0; bottom:-6px; height:2.5px; border-radius:2px; background:#3a3f44; }
.gnbp_recom .pf_filter{ display:flex; gap:7px; }
.gnbp_recom .pf_filter button{ font-size:13.5px; font-weight:700; color:#5a6157; background:#f2f1ea; border:1px solid #e4e0d2; border-radius:999px; padding:6px 15px; }
.gnbp_recom .pf_filter button.on{ color:#fff; background:#3a3f44; border-color:#3a3f44; }
.gnbp_recom .pf_filter button.pf_x{ display:none; }
.gnbp_recom .pgrid>li.pf_hide{ display:none; }
.gnbp_recom .pf_empty{ display:none; text-align:center; color:#8a8f86; font-size:15px; padding:40px 0; }
.gnbp_recom .pf_empty.on{ display:block; }
/* 추천이유 "조합원 한마디" 강조 + 더보기 */
.gnbp_recom .pc_quote{ margin-top:11px; font-family:"Maru Buri","Noto Serif KR",serif; background:linear-gradient(165deg,#fffdf7,#f4f8f2); border:1px solid #e6efe2; border-radius:11px; padding:10px 13px; position:relative; word-break:keep-all; }
.gnbp_recom .pc_quote::before{ content:none; }
.gnbp_recom .pc_quote .q_tag{ display:inline-block; font-family:"Pretendard",sans-serif; font-size:11px; font-weight:800; color:#3a3f44; background:#e9eaec; border-radius:6px; padding:2px 7px; margin-bottom:6px; }
.gnbp_recom .pc_quote .q_tag::before{ content:"\201C"; margin-right:2px; font-family:Georgia,serif; }
.gnbp_recom .pc_quote .q_txt{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:14px; line-height:1.7; color:#41504a; }
.gnbp_recom .pc_quote .q_ext{ display:none; margin-top:5px; }
.gnbp_recom .pc_quote .q_line{ display:block; font-weight:400; font-size:13.5px; line-height:1.7; color:#51605a; margin-top:4px; }
.gnbp_recom .pc_quote .q_more{ display:inline-block; margin-top:7px; font-family:"Pretendard",sans-serif; font-size:12px; font-weight:700; color:#3a3f44; cursor:pointer; text-decoration:underline; }
.gnbp_recom .pc_quote.open .q_txt{ -webkit-line-clamp:unset; }
.gnbp_recom .pc_quote.open .q_ext{ display:block; }
.gnbp_recom .pc_quote.open .q_more{ color:#8a8f86; }
.gnbp_recom .pgrid>li:hover .pc_quote .q_txt{ -webkit-line-clamp:4; }
/* 사회적 증거 요약 스트립 */
.gnbp_recom .pstat{ display:flex; align-items:center; justify-content:center; gap:12px; margin:14px auto 0; font-size:14px; color:#4a5049; }
.gnbp_recom .pstat b{ font-family:"Roboto",sans-serif; font-weight:800; color:#3a3f44; font-size:16px; margin:0 1px; }
.gnbp_recom .pstat .ps_dot{ width:3px; height:3px; border-radius:50%; background:#c4c8bd; }
.gnbp_recom .pstat .ps_live{ display:inline-flex; align-items:center; gap:6px; color:#a5641b; }
.gnbp_recom .pstat .ps_live b{ color:#e0821a; }
.gnbp_recom .pstat .ps_ping{ position:relative; width:8px; height:8px; }
.gnbp_recom .pstat .ps_ping::before,.gnbp_recom .pstat .ps_ping::after{ content:""; position:absolute; inset:0; border-radius:50%; background:#f8a31e; }
.gnbp_recom .pstat .ps_ping::after{ animation:gnbpPing 1.8s ease-out infinite; }
@keyframes gnbpPing{ 0%{ transform:scale(1); opacity:.55; } 100%{ transform:scale(2.6); opacity:0; } }
.gnbp_recom .ps_hide{ display:none; }
.gnbp_recom .badge_buy{ display:inline-flex; align-items:center; gap:5px; }
.gnbp_recom .badge_buy::before{ content:""; width:6px; height:6px; border-radius:50%; background:#d8352a; animation:gnbpDot 1.6s ease-out infinite; }
@keyframes gnbpDot{ 0%{ box-shadow:0 0 0 0 rgba(216,53,42,.5);} 70%{ box-shadow:0 0 0 6px rgba(216,53,42,0);} 100%{ box-shadow:0 0 0 0 rgba(216,53,42,0);} }
.gnbp_recom .badge_buy.hot{ background:#d8352a; color:#fff; }
.gnbp_recom .badge_buy.hot::before{ background:#fff; }
.gnbp_recom .badge_buy.hot::after{ content:"인기"; font-size:10.5px; font-weight:800; margin-left:1px; }
@media (prefers-reduced-motion: reduce){ .gnbp_recom .pstat .ps_ping::after, .gnbp_recom .badge_buy::before{ animation:none; } }

/* ===== benefit (.gnbp_benefit) special features - 2026-07-11 ===== */
.gnbp_benefit .bfbar{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #ecebe3; }
.gnbp_benefit .pf_filter{ display:flex; gap:7px; }
.gnbp_benefit .pf_filter button{ font-family:inherit; cursor:pointer; font-size:13.5px; font-weight:700; color:#3f5a45; background:#eef3ee; border:1px solid #d8e4d9; border-radius:999px; padding:6px 15px; }
.gnbp_benefit .pf_filter button b{ font-family:roboto,sans-serif; font-weight:800; margin-left:1px; }
.gnbp_benefit .pf_filter button.on{ color:#fff; background:#2f5233; border-color:#2f5233; }
.gnbp_benefit .bf_hint{ font-size:12.5px; color:#9aa09b; }
.gnbp_benefit .bf_hide{ display:none !important; }
.gnbp_benefit .pf_empty{ display:none; text-align:center; color:#8a8f86; font-size:15px; padding:40px 0; }
.gnbp_benefit .pf_empty.on{ display:block; }
.gnbp_benefit .pc_save{ display:inline-block; margin-top:6px; font-size:12.5px; font-weight:700; color:#2f5233; background:#e7f0e8; border-radius:6px; padding:3px 9px; }
.gnbp_benefit .pc_save b{ font-family:roboto,sans-serif; font-weight:800; }
.gnbp_benefit .bf_more{ text-align:center; padding:26px 0 10px; min-height:20px; }
.gnbp_benefit .bf_more .bf_load,.gnbp_benefit .bf_more .bf_end{ display:none; font-size:14px; color:#9aa09b; }
.gnbp_benefit .bf_more.is_load .bf_load{ display:inline-flex; align-items:center; gap:8px; }
.gnbp_benefit .bf_more.is_end .bf_end{ display:inline-block; }
.gnbp_benefit .bf_spin{ width:15px; height:15px; border:2px solid #d8e4d9; border-top-color:#2f5233; border-radius:50%; animation:bfSpin .7s linear infinite; }
@keyframes bfSpin{ to{ transform:rotate(360deg); } }
.gnbp_top{ position:fixed; right:22px; bottom:26px; width:46px; height:46px; border-radius:50%; border:none; cursor:pointer; background:#2f5233; color:#fff; font-size:20px; line-height:1; box-shadow:0 6px 18px rgba(0,0,0,.22); opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .25s, transform .25s, visibility .25s; z-index:60; }
.gnbp_top.show{ opacity:1; visibility:visible; transform:translateY(0); }
@media (prefers-reduced-motion: reduce){ .gnbp_benefit .bf_spin{ animation:none; } .gnbp_top{ transition:none; } }

.gnbp_benefit .pf_filter button.bf_cx{ display:none; }

/* ===== new (.gnbp_new) special features - 2026-07-11 ===== */
.gnbp_new .nnew_stat{ display:inline-flex; align-items:baseline; gap:2px; margin-top:14px; font-size:14px; color:#2f5233; background:#eaf3ec; border:1px solid #d5e6d8; border-radius:999px; padding:7px 16px; }
.gnbp_new .nnew_stat b{ font-size:17px; font-weight:800; margin:0 2px; }
.gnbp .gnbp_toolbar{ display:flex; justify-content:flex-end; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid #ecebe3; }
.gnbp .gsort{ display:flex; gap:16px; }
.gnbp .gsort button{ font-family:inherit; cursor:pointer; background:none; border:none; font-size:14.5px; font-weight:700; color:#9aa09b; padding:2px 0; position:relative; }
.gnbp .gsort button.on{ color:#1d271e; }
.gnbp .gsort button.on::after{ content:""; position:absolute; left:0; right:0; bottom:-6px; height:2.5px; border-radius:2px; background:#2f7d43; }
/* 2026-07-20 신규생활재 A안: 입점 8주 자동 NEW. 1~4주=진한 빨강, 5~8주=톤다운(회빨강) */
.gnbp_new .badge_new{ background:#e03131; }
.gnbp_new .badge_new.wk58{ background:#b96a6a; }
.gnbp_new .badge_new::after{ content:""; position:absolute; inset:0; border-radius:8px; animation:nnPulse 2s ease-out infinite; }
@keyframes nnPulse{ 0%{ box-shadow:0 0 0 0 rgba(30,138,76,.5);} 70%{ box-shadow:0 0 0 8px rgba(30,138,76,0);} 100%{ box-shadow:0 0 0 0 rgba(30,138,76,0);} }
.gnbp_new .nn_hide{ display:none !important; }
/* 2026-07-21 신규생활재 3섹션 재구성 — ① 후기 많은 신상 / ② 많이 찾은 신상.
   카드는 ③ 그리드에 서버 렌더된 뒤 JS가 이 두 섹션으로 옮겨 담는다. 옮길 카드가 0건이면
   .on 이 붙지 않아 섹션 자체가 노출되지 않는다(빈 섹션 미렌더 = 요구사항). JS 미동작 시에도
   빈 제목만 남는 사고가 없도록 기본값이 display:none 이다. */
.gnbp_new .nsec_auto{ display:none; }
.gnbp_new .nsec_auto.on{ display:block; }
.gnbp_new .gnbp_more{ display:block; margin:26px auto 6px; font-family:inherit; cursor:pointer; font-size:14.5px; font-weight:700; color:#2f5233; background:#fff; border:1.5px solid #cfe0d2; border-radius:999px; padding:11px 34px; transition:background .15s, border-color .15s; }
.gnbp_new .gnbp_more:hover{ background:#f2f8f3; border-color:#9dc4a5; }
@media (prefers-reduced-motion: reduce){ .gnbp_new .badge_new::after{ animation:none; } }

/* ===== 두레추천 재설계 v2 (.rc2) — producer / talk-style / buy-count · 2026-07-11 ===== */
.gnbp_recom.rc2 .rc_hero{ text-align:center; padding:36px 20px 30px; }
.gnbp_recom.rc2 .rc_hero h2{ font-size:33px; line-height:1.28; }
.gnbp_recom.rc2 .rc_hero p{ max-width:560px; margin-left:auto; margin-right:auto; }
.rc2 .rc_hperiod{ display:inline-block; margin-top:6px; font-size:13px; color:#7c8a72; font-family:"Roboto","Pretendard",sans-serif; }
.rc2 .rc_grid{ grid-template-columns:repeat(3,1fr); gap:24px 20px; }
.rc2 .rc_hide{ display:none !important; }
.rc2 .rc_card .pcbody{ padding:15px 17px 6px; }
.rc2 .rc_card .badge_limit{ left:auto; right:10px; }
.rc2 .rc_farmer{ display:inline-flex; align-items:center; gap:4px; font-size:13px; font-weight:700; color:#3a3f44; background:#e9eaec; border-radius:999px; padding:4px 12px 4px 9px; margin-bottom:9px; align-self:flex-start; }
.rc2 .rc_farmer .rc_leaf{ font-style:normal; font-size:13px; }
.rc2 .rc_farmer span{ font-weight:800; }
.rc2 .rc_card .pc_nm{ font-size:19px; font-weight:700; min-height:0; margin-bottom:11px; -webkit-line-clamp:2; }
.rc2 .rc_say{ position:relative; background:#f3f8f1; border:1px solid #e2eede; border-radius:13px; padding:13px 15px; margin:0 0 13px; }
.rc2 .rc_say::after{ content:""; position:absolute; left:26px; top:-8px; width:14px; height:14px; background:#f3f8f1; border-left:1px solid #e2eede; border-top:1px solid #e2eede; transform:rotate(45deg); }
.rc2 .rc_head{ font-family:"Noto Serif KR","Maru Buri",serif; font-size:15.5px; font-weight:600; color:#2f5233; line-height:1.5; margin:0; word-break:keep-all; }
.rc2 .rc_why{ font-size:13px; color:#6c7268; line-height:1.6; margin:5px 0 0; word-break:keep-all; }
.rc2 .rc_pick{ position:absolute; left:0; bottom:0; z-index:4; display:inline-flex; align-items:center; gap:4px; background:linear-gradient(100deg,#e8871e,#d8702a); color:#fff; font-size:12.5px; font-weight:700; padding:6px 13px 6px 11px; border-top-right-radius:12px; box-shadow:0 -1px 6px rgba(0,0,0,.14); }
.rc2 .rc_pick i{ font-style:normal; font-size:12px; }
.rc2 .rc_pick b{ font-family:"Roboto",sans-serif; font-weight:800; font-size:14px; margin:0 1px; }
.rc2 .pc_price{ margin-top:2px; }
@media (max-width:1080px){ .rc2 .rc_grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:720px){ .rc2 .rc_grid{ grid-template-columns:1fr; } }
.rc2 .gnbp_more{ display:block; margin:30px auto 6px; font-family:inherit; cursor:pointer; font-size:15px; font-weight:700; color:#2f5233; background:#fff; border:1.5px solid #cfe0d2; border-radius:999px; padding:12px 40px; transition:background .15s, border-color .15s; }
.rc2 .gnbp_more:hover{ background:#f2f8f3; border-color:#9dc4a5; }

/* 두레추천 v2.1 - week badge + 2-line recommend keywords · 2026-07-11 */
.rc2 .rc_wk{ display:inline-block; margin:0 0 14px; font-size:13.5px; font-weight:800; color:#fff; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.24); border-radius:999px; padding:7px 18px; } /* 2026-07-25 먹색 히어로 위 주차칩 반투명 백색 */
.rc2 .rc_wk b{ font-family:"Roboto",sans-serif; font-weight:800; margin:0 1px; }
.rc2 .rc_kw{ display:flex; align-items:center; gap:8px; margin:0; font-size:14.5px; font-weight:700; color:#2f5233; line-height:1.5; }
.rc2 .rc_kw span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rc2 .rc_kw + .rc_kw{ margin-top:6px; }
.rc2 .rc_kw2{ font-weight:600; font-size:13px; color:#6c7268; }
.rc2 .rc_dot{ flex:0 0 auto; width:6px; height:6px; border-radius:50%; background:#7fae5a; }
.rc2 .rc_kw2 .rc_dot{ background:#c3ceb8; }

/* 두레추천 v2.3 - 긴 추천문구 2줄 인용 디자인 · 2026-07-11 */
.rc2 .rc_say{ padding:14px 16px 15px 36px; }
.rc2 .rc_say::after{ display:none; }
.rc2 .rc_say::before{ content:"\201C"; position:absolute; left:12px; top:8px; font-family:Georgia,"Noto Serif KR",serif; font-size:32px; line-height:1; color:#a7c2a8; font-weight:700; }
.rc2 .rc_d1{ margin:0; font-family:"Noto Serif KR","Maru Buri",serif; font-size:15px; font-weight:600; color:#2a4a30; line-height:1.62; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rc2 .rc_d2{ margin:7px 0 0; font-size:13px; color:#6c7268; line-height:1.6; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ============================================================
 * 2026-07-11 시니어 가독 개편 v1.3.0 (GNB PC) — 돋보기 카드
 * 보조텍스트 14px 하한 · 대비 상향 · gmeta 칩 평문화 · 담기 진초록 채움 · NEW 정적
 * (기존 블록 위 최종 우선순위. 뱃지/칩은 13px 허용, 그 외 14px 이상)
 * ============================================================ */
/* 보조 텍스트 대비 상향 + 14px 하한. 색 위계 3단(잉크>세일레드>보조) — 보조는 weight 500으로 굵기 위계 유지 */
.gnbp .gnbp_hero p{ color:#4f554b; }
.gnbp .gnbp_sec .stitle .scap{ font-size:14px; color:#4f554b; }
.gnbp .pc_farmer{ font-size:14px; color:#4f554b; font-weight:500; margin-bottom:4px; }
.gnbp .pc_price .old{ font-size:14px; color:#767c72; }
/* 가격 줄 리듬 — 할인율(레드)은 판매가(잉크 22px)보다 확실히 작게 */
.gnbp .pc_price .dc{ font-size:16px; }
/* 상품명 17px(2줄 클램프는 base 유지) — 간격 4/6/10/14 스케일 */
.gnbp .pc_nm{ font-size:17px; margin-bottom:6px; }
/* 규격·사육·산지·온도 = "·" 구분 평문 1줄(칩 배경 제거, 색상 힌트만) */
.gnbp .gmeta{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:6px; }
.gnbp .gmeta .g_spec{ font-size:14px; color:#4f554b; font-weight:500; }
.gnbp .gmeta .g_pill{ display:inline; font-size:14px; font-weight:500; color:#4f554b; background:none; border:0; padding:0; border-radius:0; line-height:1.4; }
.gnbp .gmeta .g_pill.sanji{ background:none; border:0; color:#9a5b1e; }
.gnbp .gmeta .g_pill.temp{ background:none; border:0; color:#2f6d9e; }
.gnbp .gmeta .g_spec + .g_pill::before,
.gnbp .gmeta .g_pill + .g_pill::before{ content:"·"; margin:0 5px; color:#b7bbb0; font-weight:400; }
/* 정렬 툴바 — 15px 이상, 선택 항목 밑줄+800 */
.gnbp .gsort button{ font-size:15px; }
.gnbp .gsort button.on{ font-weight:800; }
.gnbp_recom .pf_sort button{ font-size:15px; }
.gnbp_recom .pf_sort button.on{ font-weight:800; }
/* 담기 버튼 — 브랜드 딥그린 채움 + 흰 16px, 높이 46(카드 r15↔버튼 r12 조화, 그림자 없음). hover=밝기 -6% 자연 전이 */
.gnbp .pc_cart:not(.res):not(.gift){ display:flex; align-items:center; justify-content:center; background:#3d6041; color:#fff; border:1.5px solid #3d6041; min-height:46px; padding:0; font-size:16px; font-weight:800; letter-spacing:.02em; box-shadow:none; transition:background .15s, border-color .15s; }
.gnbp .pc_cart:not(.res):not(.gift):hover{ background:#37583b; border-color:#37583b; color:#fff; }
/* NEW 뱃지 정적화(펄스 제거) */
.gnbp_new .badge_new::after{ display:none; animation:none; }
/* 두레추천(rc2) — 추천문구 대비/크기(PC 최대 2줄 유지) */
.gnbp_recom.rc2 .rc_hero p{ color:#4f554b; }
.rc2 .rc_hperiod{ font-size:14px; color:#4f554b; }
.rc2 .rc_d1{ color:#2a4a30; }

/* ============================================================
 * 2026-07-21 PC 두레추천 1단계 개선 (창B)
 *  ① 정렬 버튼 히트영역 확대(원인C: padding 2px 0 + gap 16px 사각지대)
 *  ② specrow→가격 여백을 모바일 메인(.mrdz)과 통일(margin-top:5px / bottom:8px)
 *  ③ metatop(생산자명 + 평점) 1줄 — dure_card.css .dcz .metatop 공용 문법 위 타이포만 보정
 * ============================================================ */
/* ① 정렬 버튼 — 실클릭 영역 확대(세로 34px+). 선택=밑줄 + weight800 유지(시니어 개편 규칙) */
.gnbp .gsort button{ padding:8px 14px; border-radius:999px; line-height:1.35; transition:background .15s, color .15s; }
.gnbp .gsort button:hover{ color:#4f554b; background:#f4f6f2; }
.gnbp .gsort button.on{ color:#1d271e; background:#eef4ea; }
.gnbp .gsort button.on::after{ left:14px; right:14px; bottom:4px; }
.gnbp .gnbp_toolbar{ align-items:center; }

/* ② 사양(specrow)→가격 간격 통일. .dcz .specrow 의 margin-top:2px 는 공용값 그대로 사용 */
.gnbp .pc_price,
.gnbp_recom.rc2 .rc_card .pc_price{ margin-top:5px; margin-bottom:8px; }

/* ③ 생산자명 + 평점 1줄(metatop). 알약칩(.rc_farmer) → 다른 화면과 동일한 평문 표기로 통일 */
.gnbp .metatop{ margin-bottom:4px; }
.gnbp .metatop .farmer{ font-size:14px; font-weight:500; color:#4f554b; line-height:1.3; }
.gnbp_recom.rc2 .rc_card .metatop{ margin-bottom:6px; }


/* ─────────────────────────────────────────────────────────────
 * 2026-07-21 신규생활재(new.do) 소개방식 개편 — 조합원 후기를 앞세운 카드
 *  · metatop(생산자명 + rvstat)은 dure_card.css .dcz 공용 문법 사용, 여기선 타이포만 보정
 *  · rvfl('첫 후기') = 후기 1~5건인 신상에만 붙는 강조칩. 후기 없는 카드는 마크업 자체 미출력 → 빈 자리 없음
 * ───────────────────────────────────────────────────────────── */
.gnbp_new .metatop{ min-height:22px; margin-bottom:4px; }
.gnbp_new .metatop .farmer{ font-size:14px; font-weight:500; color:#4f554b; line-height:1.3; }
.gnbp_new .rvstat{ cursor:pointer; }
.gnbp_new .rvstat .rvfl{ display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:-.01em; color:#2f5233; background:#eaf3ec; border:1px solid #d5e6d8; border-radius:999px; padding:2px 7px; margin-right:1px; }
.gnbp_new .rvstat.rv_first b{ color:#1d271e; }
.gnbp_new .rvstat .rvc{ font-size:13px; }
/* 정렬 버튼 4개 — 좁은 폭에서 줄바꿈 허용 */
.gnbp_new .gsort{ flex-wrap:wrap; row-gap:6px; }

/* 2026-07-21 규칙 안내 노출 — 신규 판정 기준 + 정렬 기준을 고객에게 명시 */
.gnbp_new .nnew_rule{ margin:6px 0 0; font-size:14px; font-weight:600; color:#4f554b; letter-spacing:-.01em; word-break:keep-all; }

/* ─────────────────────────────────────────────────────────────
 * 2026-07-21 신규생활재 UX 3종
 *  ① 정렬 안내 재배치 — 정렬 탭 바로 아래(탭 끝에 설명이 매달린 형태) → 정렬 바와 같은 줄 오른쪽 정보칩.
 *     시니어 대상이라 툴팁(평소 숨김)으로 빼지 않고 항상 노출 유지. 좁은 폭에서는 wrap 되어 아랫줄로 내려감
 *  ② 무한스크롤 센티넬/종료 안내
 *  ③ 해당 배송주차 구매수량(nn_buy) — 0건이면 마크업 자체가 없음
 * ───────────────────────────────────────────────────────────── */
.gnbp_new .gnbp_toolbar{ justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px 20px; }
.gnbp .gsort_help{ display:inline-flex; align-items:center; gap:7px; margin:0; font-size:14px; font-weight:600; color:#4f554b; letter-spacing:-.01em; word-break:keep-all; line-height:1.45; }
.gnbp .gsort_help .gsh_ico{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:19px; height:19px; border-radius:50%; background:#eaf3ec; border:1px solid #d5e6d8; color:#2f7d43; font-family:"Roboto",sans-serif; font-size:12px; font-weight:800; font-style:normal; line-height:1; }

.gnbp_new .nn_sentinel{ height:1px; }
.gnbp_new .nn_end{ display:none; margin:26px 0 4px; text-align:center; font-size:14.5px; font-weight:600; color:#8b918a; letter-spacing:-.01em; }
.gnbp_new .nn_end.show{ display:block; }

.gnbp_new .nn_buy{ margin:3px 0 0; font-size:13.5px; font-weight:700; color:#c2591b; letter-spacing:-.01em; }
.gnbp_new .nn_buy b{ font-weight:800; font-size:14.5px; margin:0 1px; }

/* ─────────────────────────────────────────────────────────────
 * 2026-07-21 두레추천(recommend.do) 정렬 인지 + 스크롤 자동 로드
 *  · 정렬 안내 정보칩(.gsort_help)을 정렬 바와 같은 줄 오른쪽에 배치 — 신규생활재와 동일 규칙
 *  · 더보기(12개 펼침/접기) → IntersectionObserver 무한스크롤(센티넬/종료 안내)
 * ───────────────────────────────────────────────────────────── */
.gnbp_recom .gnbp_toolbar{ justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px 20px; }
.gnbp_recom .rc_sentinel{ height:1px; }
.gnbp_recom .rc_end{ display:none; margin:26px 0 4px; text-align:center; font-size:14.5px; font-weight:600; color:#8b918a; letter-spacing:-.01em; }
.gnbp_recom .rc_end.show{ display:block; }

/* 담기 버튼 높이 통일 — 카드 맨 아래 고정 + 46px 불변(축소 금지).
   반짝혜택(더큰혜택)은 타이머 배지·추천문구가 없어 카드 내용 높이가 달랐고, .pgrid>li 가 column flex 라
   pc_cart 가 flex-shrink 로 눌려 다른 섹션과 높이가 어긋나 보였다.
   margin-top:auto 로 바닥 정렬까지 함께 맞추되, 사라지는 11px 윗여백은 .pcbody 패딩으로 보전한다. */
.gnbp .pc_cart:not(.res):not(.gift){ margin-top:auto; flex:0 0 auto; height:46px; }
.gnbp .pgrid > li > a.plink{ flex:1 1 auto; }
.gnbp .pgrid > li .pcbody{ padding-bottom:11px; }

/* ─────────────────────────────────────────────────────────────
 * 혜택 생활재 할인율 구간 소제목(li.dcgrp) — 2026-07-21 창B
 *  · 카드가 dcRate DESC 로 오므로 구간 경계에만 소제목을 끼워넣는다(JS: applyBenefitGroups).
 *  · 그리드 아이템이지만 카드가 아니므로 .pgrid>li 의 카드 chrome(테두리·그림자·flex)을 되돌린다.
 *  · 시니어 가독: 19px/800, 딥그린 계열. 그리드 전체 폭 차지(grid-column:1/-1).
 * ───────────────────────────────────────────────────────────── */
.gnbp_benefit .pgrid > li.dcgrp{ grid-column:1 / -1; display:block; background:none; border:0; border-radius:0; box-shadow:none; overflow:visible; padding:10px 0 0; transition:none; }
.gnbp_benefit .pgrid > li.dcgrp:first-child{ padding-top:0; }
.gnbp_benefit .pgrid > li.dcgrp:hover{ box-shadow:none; transform:none; }
.gnbp_benefit .pgrid > li.dcgrp h4{ display:flex; align-items:center; gap:11px; margin:0; font-size:19px; font-weight:800; color:#2f4a33; letter-spacing:-.01em; line-height:1.4; }
.gnbp_benefit .pgrid > li.dcgrp h4::before{ content:""; flex:0 0 auto; width:4px; height:18px; border-radius:2px; background:#3d6041; }
.gnbp_benefit .pgrid > li.dcgrp h4::after{ content:""; flex:1 1 auto; height:1px; background:#e0e5dd; }

/* [반짝혜택 타이머 통합 2026-07-22] 카드별 남은시간 제거 → 섹션 헤더 우측 카운트다운 칩 하나로 */
.gnbp.gnbp_benefit .gnbp_sec .stitle{ flex-wrap:wrap; align-items:center; }
.gnbp.gnbp_benefit .bf_timer{ margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:#c0432a; background:#fbe9e4; border:1px solid #f0cdc4; border-radius:999px; padding:5px 13px; white-space:nowrap; }
.gnbp.gnbp_benefit .bf_timer .time{ font-family:'Roboto','Pretendard',sans-serif; font-weight:800; letter-spacing:.02em; }

/* [더큰혜택 검색 2026-07-22] 클라이언트 이름 필터(반짝혜택+로드된 혜택생활재), 무한스크롤 추가분에도 재적용 */
.gnbp.gnbp_benefit .bf_searchbar{ max-width:1200px; margin:16px auto 0; padding:0 20px; }
.gnbp.gnbp_benefit .bf_searchin{ position:relative; max-width:460px; margin-left:auto; } /* 2026-07-24 검색바 우측 정렬(사용자 지시) */
.gnbp.gnbp_benefit .bf_searchin::before{ content:"\2315"; position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#9aa09b; font-size:18px; pointer-events:none; }
.gnbp.gnbp_benefit .bf_searchin input{ width:100%; height:46px; border:1.5px solid #e0d9c8; border-radius:999px; background:#fff; padding:0 40px 0 42px; font-size:15px; color:#1d271e; outline:none; }
.gnbp.gnbp_benefit .bf_searchin input:focus{ border-color:#864139; box-shadow:0 0 0 3px rgba(134,65,57,.1); }
.gnbp.gnbp_benefit .bf_sx{ position:absolute; right:14px; top:50%; transform:translateY(-50%); width:22px; height:22px; border-radius:50%; background:#ece7dc; color:#6c7268; font-size:14px; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.gnbp.gnbp_benefit .bf_noresult{ max-width:1200px; margin:34px auto; padding:0 20px; text-align:center; color:#8a8f86; font-size:15px; }

/* [로고 헤더 배경 per-page 2026-07-22] 상단 헤더바(.head_visual, style_v2 분기파일)를 각 GNB 페이지 띠색으로 오버라이드. 흰 로고(logo_w.svg)라 어느 색에도 OK.
   2026-07-25 버그수정: body:has() 단독 의존 시 :has() 미지원 브라우저·웹뷰에서 기본 그린(#3D6041)으로 폴백되던 문제 확인 →
   frame/layout.jsp 가 URI 판정으로 <html> 에 심는 thm-* 클래스(모바일과 동일 방식, mobile_layout.jsp 07-24 선례)를 1차 선택자로 승격.
   :has() 규칙은 최신 브라우저 이중 안전망으로 유지(무해, 동일 값이라 충돌 없음). */
html.thm-recom .header_wrap .head_visual,
body:has(.gnbp.gnbp_recom) .header_wrap .head_visual{ background:linear-gradient(160deg,#3a3f44,#23272b); } /* 2026-07-25 두레추천 헤더 띠 = 먹색(#3A3F44) — 아래 먹색 히어로와 정합(기존 초록 #3a6147은 A안 먹색전환 누락분). 캐논 최상단색 #3A3F44 통일 */
html.thm-benefit .header_wrap .head_visual,
body:has(.gnbp.gnbp_benefit) .header_wrap .head_visual{ background:linear-gradient(160deg,#864139,#5f2b28); }
html.thm-new .header_wrap .head_visual,
body:has(.gnbp.gnbp_new) .header_wrap .head_visual{ background:linear-gradient(160deg,#2c6560,#1d4742); }

/* 2026-07-23 GNB 담기 버튼 = 페이지 상단(제목띠) 색과 통일 — 더큰혜택 버건디·신규 틸 */
.gnbp.gnbp_benefit .pc_cart:not(.res):not(.gift){ background:linear-gradient(160deg,#864139,#5f2b28); border-color:#5f2b28; color:#fff; }
.gnbp.gnbp_benefit .pc_cart:not(.res):not(.gift):hover,.gnbp.gnbp_benefit .pc_cart:not(.res):not(.gift):active{ background:#5f2b28; border-color:#4d221f; color:#fff; }
.gnbp.gnbp_new .pc_cart:not(.res):not(.gift){ background:linear-gradient(160deg,#2c6560,#1d4742); border-color:#1d4742; color:#fff; }
.gnbp.gnbp_new .pc_cart:not(.res):not(.gift):hover,.gnbp.gnbp_new .pc_cart:not(.res):not(.gift):active{ background:#1d4742; border-color:#143229; color:#fff; }

/* 2026-07-24 정렬 안내칩(.gsort_help) 1줄 고정 — 줄바꿈 없이 항상 한 줄(넘치면 말줄임). 폭도 내용만큼만 */
.gnbp .gsort_help{ display:inline-flex; width:auto; max-width:100%; white-space:nowrap; align-items:center; }
.gnbp .gsort_help .gsh_txt{ overflow:hidden; text-overflow:ellipsis; }

/* 2026-07-25 두레추천 먹색(#3A3F44) — 공용 초록 강조요소를 두레추천 스코프에서만 먹색 재정의(담기=브랜드초록 유지) */
.gnbp_recom .gnbp_sec .stitle h3::before{ background:#3a3f44; }

/* ===== 2026-07-25 카테고리별 베스트(두레추천 하단 신설, PC) — .gnbp .pgrid(4열) + .dcz 카드 재사용, 탭·순위뱃지만 신규. 먹색 테마 준수(담기=브랜드초록 유지) ===== */
.gnbp_recom .rcbest_sec{ margin-top:40px; padding-top:34px; border-top:1px solid #e6e2d6; }
.gnbp_recom .rcbest_head{ text-align:center; margin-bottom:20px; }
.gnbp_recom .rcbest_head h2{ font-size:27px; font-weight:800; color:#1d271e; margin:0; line-height:1.28; letter-spacing:-.01em; }
.gnbp_recom .rcbest_sub{ margin:7px 0 0; font-size:15px; color:#6c7268; }
.gnbp_recom .rcbest_tabs{ display:flex; flex-wrap:wrap; justify-content:center; gap:9px; padding:2px 0 22px; }
.gnbp_recom .rcbest_tab{ flex:0 0 auto; min-height:44px; font-family:inherit; cursor:pointer; font-size:14.5px; font-weight:700; color:#3a3f44; background:#fff; border:1.5px solid #d7d8dc; border-radius:999px; padding:0 20px; white-space:nowrap; transition:background .15s, border-color .15s, color .15s; }
.gnbp_recom .rcbest_tab:hover{ border-color:#a9abb0; }
.gnbp_recom .rcbest_tab.on{ color:#fff; background:#3a3f44; border-color:#3a3f44; }
.gnbp_recom .rcbest_grid{ min-height:200px; }
.gnbp_recom .rcbest_grid > li.rcbest_msg{ grid-column:1 / -1; background:none; border:0; box-shadow:none; text-align:center; color:#8a8f86; font-size:15px; padding:60px 0; }
.gnbp_recom .rcbest_rank{ position:absolute; top:11px; right:11px; z-index:3; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; font-family:"Roboto",sans-serif; font-size:15px; font-weight:800; color:#5a3d00; background:linear-gradient(145deg,#ffe08a,#e2ac35); box-shadow:0 2px 6px rgba(0,0,0,.24); }
.gnbp_recom .rcbest_rank.r1{ background:linear-gradient(145deg,#ffd24d,#df9f14); }
.gnbp_recom .rcbest_more_wrap{ text-align:center; }
.gnbp_recom .rcbest_more{ display:inline-block; margin:30px auto 6px; }

/* 2026-07-25 [PC 테마 텍스트 대비 보정] 두레추천 히어로 설명문(p) — 먹색 밴드(#3A3F44) 위에서
   시니어 가독 블록의 .gnbp_recom.rc2 .rc_hero p{color:#4f554b}(266행)가 07-22 흰색 규칙(88행)을
   소스순서로 덮어써 다크온다크(1.38:1)로 저대비화됨. 모바일 캐논(gnb_page.css 333행이 override 뒤에 와서
   흰 .86 유지)과 동일하게, 캐논 흰색 .86을 senior 블록 뒤에서 재확정한다(밴드 위 p만, .rc_hperiod는 이미 흰색). */
.gnbp.gnbp_recom .gnbp_hero p{ color:rgba(255,255,255,.86); }