/* ==============================
* 리뉴얼 답례품 목록 (HB-02)
* ============================== */
.renewalWrap .locationBox { margin-bottom:40px; }
.renewalWrap .locationBox ol { display:flex; align-items:center; gap:4px; }
.renewalWrap .locationBox li { display:flex; align-items:center; gap:4px; font-size:14px; line-height:20px; color:#999; }
.renewalWrap .locationBox .ico-chevron { width:12px; height:12px; opacity:.4; }
.renewalWrap .asideLayout { display:flex; align-items:flex-start; gap:40px; }
.renewalWrap .asideFilter { flex:0 0 180px; }
.renewalWrap .filterGroup { padding:12px 0 0; border-top:1px solid #e4e4e4; }
.renewalWrap .filterGroup + .filterGroup { margin-top:48px; }
.renewalWrap .filterGroup summary { display:flex; align-items:center; justify-content:space-between; list-style:none; cursor:pointer; font-size:18px; font-weight:600; line-height:28px; }
.renewalWrap .filterGroup summary::-webkit-details-marker { display:none; }
.renewalWrap .filterGroup summary .ico-chevron { transform:rotate(90deg); }
.renewalWrap .filterGroup[open] summary .ico-chevron { transform:rotate(-90deg); }
.renewalWrap .filterGroup ul { margin-top:12px; }
.renewalWrap .filterGroup li + li { margin-top:12px; }
.renewalWrap .filterGroup li a { display:block; font-size:16px; line-height:24px; color:#999; }
.renewalWrap .filterGroup li a.active { color:#0c0c0c; font-weight:500; }
.renewalWrap .filterGroup li a:hover { color:#ff7300; }
.renewalWrap .filterGroup li a span { color:#ff7300; }

.renewalWrap .stockFilter { display:flex; margin-top:16px; align-items:center; gap:8px; font-size:16px; color:#999; cursor:pointer; }
.renewalWrap .stockFilter input { width:20px; height:20px; margin:0; appearance:auto; accent-color:#ff7300; }

.renewalWrap .layoutContent { min-width:0; flex:1; }

.renewalWrap .giftBanner { display:flex; height:220px; border-radius:24px; align-items:center; background:#d9d9d9; justify-content: center;}
.renewalWrap .giftBanner h2 { font-size:30px; line-height:42px; font-weight:600; color:#333; letter-spacing:-.6px; }
.renewalWrap .giftBanner img { width:100%; height:100%; object-fit: cover;}

.renewalWrap .giftListHead { display:flex; margin:48px 0 20px; align-items:center; justify-content:space-between; }
.renewalWrap .giftListHead h3 { font-size:16px; font-weight:400; }
.renewalWrap .giftListHead strong { font-weight:700; }

.renewalWrap .giftSort { position:relative; }
.renewalWrap .giftSort select { width:auto; height:24px; padding:0 24px 0 0; border:0; font-family:inherit; font-size:16px; cursor:pointer; background:transparent; }
.renewalWrap .giftSort .ico-chevron { position:absolute; top:4px; right:0; transform:rotate(90deg); pointer-events:none; }
.renewalWrap i.ico-chevron { display:inline-block; width:16px; height:16px; flex-shrink:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5' stroke='%230c0c0c' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; }