/* 하란 기능 위젯 모양(10-16 정식 개발) — 둥근 모서리·그림자, 경계선 없이, 밝은 색 */
.hbft { margin: 12px 0; }
.hbft-btn { display: inline-flex; align-items: center; gap: 7px; border-radius: 999px; padding: 10px 18px; background: #EAF3FC; color: #0E5A96 !important; font-weight: 800; font-size: 14px; text-decoration: none !important; box-shadow: 0 1px 4px rgba(20, 60, 100, .10); }
.hbft-btn:hover { background: #DCEBFA; }
.hbft-note { margin: 6px 2px 0; font-size: 12.5px; color: #5B7187; line-height: 1.5; }
.hbft-pickup { display: flex; gap: 9px; align-items: flex-start; background: #FFF6EA; color: #6B4B00; border-radius: 14px; padding: 10px 14px; font-size: 13px; line-height: 1.55; }
.hbft-pickup svg { flex: none; margin-top: 1px; color: #E07B1F; }
.hbft-pickup b { margin-right: 4px; }
.hbft-est { margin: 8px 0; }
.hbft-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.hbft-links a { border-radius: 999px; padding: 6px 13px; background: #EEF4FA; color: #33434F !important; font-size: 13px; font-weight: 700; text-decoration: none !important; }
/* 빠른 주문표(goods/hb_quick.html) */
.hbq { max-width: 860px; margin: 24px auto 40px; padding: 0 16px; color: #17324A; }
.hbq-h { font-size: 22px; font-weight: 800; margin: 0 0 6px; }
.hbq-lead { color: #5B7187; font-size: 14px; line-height: 1.6; margin: 0 0 14px; }
.hbq-find { display: flex; gap: 8px; }
.hbq-find input { flex: 1; min-width: 0; height: 46px; border: 0; border-radius: 14px; padding: 0 14px; font-size: 15px; background: #fff; box-shadow: 0 1px 4px rgba(20,60,100,.12); }
.hbq-find button, .hbq-bar button { border: 0; border-radius: 14px; padding: 0 20px; height: 46px; background: #1478C8; color: #fff; font-weight: 800; font-size: 15px; cursor: pointer; }
.hbq-bar button[disabled] { background: #C9D2DA; cursor: default; }
.hbq-res { list-style: none; margin: 8px 0 0; padding: 6px; background: #fff; border-radius: 14px; box-shadow: 0 6px 20px rgba(20,60,100,.12); max-height: 340px; overflow: auto; }
.hbq-res li button { display: block; width: 100%; text-align: left; border: 0; background: none; padding: 9px 10px; border-radius: 10px; cursor: pointer; font: inherit; }
.hbq-res li button:hover { background: #EEF4FA; }
.hbq-res li small, .hbq-res li.m { display: block; color: #5B7187; font-size: 12.5px; padding: 2px 10px; }
.hbq-rows { display: grid; gap: 10px; margin: 16px 0; }
.hbq-empty { color: #8A97A3; text-align: center; padding: 24px; background: #F5F8FB; border-radius: 14px; }
.hbq-row { background: #fff; border-radius: 16px; padding: 12px 14px; box-shadow: 0 1px 6px rgba(20,60,100,.08); display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: flex-end; }
.hbq-row .t { flex-basis: 100%; display: flex; justify-content: space-between; gap: 8px; }
.hbq-row .x { border: 0; background: #F0F4F8; border-radius: 999px; width: 28px; height: 28px; cursor: pointer; color: #5B7187; }
.hbq-row label { display: grid; gap: 3px; font-size: 12px; color: #5B7187; }
.hbq-row select, .hbq-row input { height: 38px; border: 0; border-radius: 10px; padding: 0 10px; background: #F5F8FB; font-size: 14px; min-width: 110px; }
.hbq-row input { width: 90px; min-width: 0; }
.hbq-row .q { display: flex; gap: 12px; align-items: flex-end; margin-left: auto; }
.hbq-row .q b { font-size: 16px; padding-bottom: 8px; font-variant-numeric: tabular-nums; }
.hbq-row .m { color: #8A97A3; font-size: 13px; margin: 0; }
.hbq-bar { position: sticky; bottom: 0; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 0 calc(12px + env(safe-area-inset-bottom, 0px)); background: linear-gradient(transparent, #fff 30%); font-weight: 700; color: #33434F; }
/* 같은 입구 추천 · 라벨 도안 · 거르기 칩 · 거르기 페이지 */
.hbft-t { display: block; font-size: 14.5px; font-weight: 800; color: #17324A; margin: 0 0 8px; }
.hbft-fit ul { list-style: none; margin: 0; padding: 0 0 4px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(118px, 1fr); gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; }
.hbft-fit li { scroll-snap-align: start; }
.hbft-fit a, .hbfd-list a { display: grid; gap: 3px; text-decoration: none !important; color: #17324A !important; background: #fff; border-radius: 14px; padding: 8px; box-shadow: 0 1px 6px rgba(20,60,100,.08); }
.hbft-fit .im, .hbfd-list .im { display: block; aspect-ratio: 1; border-radius: 10px; background: #F5F8FB; overflow: hidden; }
.hbft-fit .im img, .hbfd-list .im img { width: 100%; height: 100%; object-fit: contain; }
.hbft-fit b, .hbfd-list b { font-size: 12.5px; font-weight: 700; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hbft-fit em, .hbfd-list em { font-style: normal; font-size: 12.5px; color: #1478C8; font-weight: 800; }
.hbft-label .hbft-btn small { font-weight: 700; color: #5B7187; margin-left: 2px; }
.hbft-filter .r, .hbfd-chips .r { display: flex; flex-wrap: wrap; gap: 6px; }
.hbft-filter a, .hbfd-chips a.c { border-radius: 999px; padding: 6px 12px; background: #EEF4FA; color: #33434F !important; font-size: 13px; font-weight: 700; text-decoration: none !important; }
.hbft-filter a.m { background: #F4F1FA; }
.hbft-filter a.all { background: #fff; color: #1478C8 !important; box-shadow: 0 1px 4px rgba(20,60,100,.10); }
.hbfd { max-width: 1100px; margin: 24px auto 40px; padding: 0 16px; color: #17324A; }
.hbfd-chips { display: grid; gap: 10px; background: #fff; border-radius: 18px; padding: 14px; box-shadow: 0 1px 6px rgba(20,60,100,.08); }
.hbfd-chips .g { display: grid; grid-template-columns: 44px 1fr; gap: 8px; align-items: start; }
.hbfd-chips .g > b { font-size: 13px; color: #5B7187; padding-top: 6px; }
.hbfd-chips a.c.on { background: #1478C8; color: #fff !important; }
.hbfd-cnt { display: flex; justify-content: space-between; align-items: center; margin: 14px 2px 10px; font-size: 14px; }
.hbfd-cnt a { color: #1478C8; font-weight: 700; }
.hbfd-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.hbfd-list li.none { grid-column: 1 / -1; text-align: center; color: #8A97A3; padding: 40px 0; background: #F5F8FB; border-radius: 14px; }
.hbfd-more { text-align: center; margin: 18px 0; }
.hbfd-more a { display: inline-block; border-radius: 999px; padding: 10px 26px; background: #EEF4FA; color: #0E5A96; font-weight: 800; }
@media (max-width: 600px) { .hbfd-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* PC 바닥글은 새 모양 칸만 보이게 숨기는 규칙이 있어 링크 칩만 다시 보이게(맨 위 가운데) */
#footer > .hbft-links, #footer.hbpf-on > .hbft.hbft-links { display: flex !important; max-width: 1200px; margin: 18px auto 6px; padding: 0 16px; }
/* 10-16 장바구니 아래: 무료배송까지 막대 + 출고 예정일(cartinfo) */
.hbft-cinfo { display: grid; gap: 8px; margin: 12px 0; }
.hbft-ship { background: #F2F8FE; border-radius: 16px; padding: 12px 14px; display: grid; gap: 7px; }
.hbft-ship p { margin: 0; font-size: 14px; color: #17324A; display: flex; align-items: center; gap: 6px; }
.hbft-ship p b { color: #1478C8; font-weight: 900; }
.hbft-ship.done { background: #E8F7EF; } .hbft-ship.done p, .hbft-ship.done p b { color: #1E7A4C; }
.hbft-bar { display: block; height: 10px; border-radius: 99px; background: #DCE9F5; overflow: hidden; }
.hbft-bar i { display: block; height: 100%; border-radius: 99px; background: #1478C8; transition: width .3s; }
.hbft-ship.done .hbft-bar { background: #CFEBDD; } .hbft-ship.done .hbft-bar i { background: #1E9E63; }
.hbft-ship small { font-size: 12px; color: #5B7187; }
.hbft-lead { background: #FFF8EC; border-radius: 16px; padding: 11px 14px; display: flex; align-items: center; gap: 8px; font-size: 14px; color: #6B4A12; }
.hbft-lead b { color: #B4600E; font-weight: 900; } .hbft-lead em { font-style: normal; font-size: 12px; font-weight: 800; background: #F59E0B; color: #fff; border-radius: 99px; padding: 1px 8px; }

/* 10-17 상품 화면 알약 단추(gvpills) — 시안 v3: 휴대폰 안내 상자 안 2×2 흰 알약 · 카톡 연노랑 #FFF2A8 · PC 하늘색 한 줄 · 상품상세 흰 알약은 넘김 점 줄 오른쪽 */
.hbp-dlw { position: relative; height: 0; }
.hbp-dl { position: absolute; right: 12px; top: -19px; height: 28px; display: inline-flex; align-items: center; gap: 2px; padding: 0 12px; border-radius: 999px; background: #fff; color: #17324A !important; font-weight: 700; font-size: 13px; line-height: 1; text-decoration: none !important; box-shadow: 0 1px 8px rgba(20, 60, 100, .14); z-index: 5; }
.hbp-dl i { font-style: normal; font-weight: 400; opacity: .6; margin-left: 2px; }
.hbp-dlw-1 .hbp-dl { right: 0; top: -59px; height: 34px; padding: 0 15px; font-size: 14px; }
.hbp-dlw-0.hbp-dlw-one { height: 38px; }
.hbp-dlw-0.hbp-dlw-one .hbp-dl { top: 6px; }
.hbp-coderow { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin: 6px 0 2px; }
.hbp-coderow .hbgc { margin: 0 !important; }
.hbp-coderow-1 { justify-content: flex-start; gap: 12px; }
.hbp-rv { display: inline-flex; align-items: center; gap: 1px; font-size: 13.5px; font-weight: 600; color: #2D6FB0 !important; text-decoration: none !important; }
.hbp-rv b { color: #17324A; margin: 0 3px 0 5px; }
.hbp-first { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 11px; border-radius: 999px; background: #F3F6F9; color: #5B7187 !important; font-size: 12.5px; font-weight: 600; text-decoration: none !important; white-space: nowrap; }
.hbp-p { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px; padding: 0 8px; min-width: 0; box-sizing: border-box; border-radius: 999px; background: #fff; color: #17324A !important; font-size: 13.5px; font-weight: 700; line-height: 1; text-decoration: none !important; white-space: nowrap; box-shadow: 0 1px 5px rgba(20, 60, 100, .10); }
.hbp-p.k { background: #FFF2A8; color: #3A3000 !important; }
.hbp-in-0 { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 10px; }
.hbp-in-1 { display: grid !important; grid-template-columns: 1.45fr 1fr 1fr 1fr; gap: 8px; margin: 18px 0 !important; width: 100% !important; float: none !important; clear: both; position: static !important; box-sizing: border-box; }
.hbp-in-1 .hbp-p { height: 44px; font-size: 14.5px; background: #EEF6FD; color: #0E5A96 !important; box-shadow: none; }
.hbp-in-1 .hbp-p.k { background: #FFF2A8; color: #3A3000 !important; }

/* 10-17 v7(사장님 고름) 사진 밑 한 줄: 왼쪽 출고 · 가운데 상품상세 · 오른쪽 별점(별 하나) / 이름 밑 코드 줄 오른쪽 「종류 · 용량 · 색」 / 휴대폰 가격 줄 오른쪽 · PC 코드 줄 「박스로 사면 최대 n%↓」 */
.hbp-dlw .hbp-dl { left: 50%; right: auto; transform: translateX(-50%); }
.hbp-dlw .hbp-ship, .hbp-dlw .hbp-rv, .hbp-dlw .hbp-first { position: absolute; top: -19px; height: 28px; box-sizing: border-box; display: inline-flex; align-items: center; gap: 4px; padding: 0 10px; border-radius: 999px; font-size: 12.5px; line-height: 1; white-space: nowrap; z-index: 5; }
.hbp-dlw .hbp-ship { left: 12px; background: #E3F5EC; color: #1E7A4C; font-weight: 800; }
.hbp-dlw .hbp-rv, .hbp-dlw .hbp-first { right: 12px; background: #fff; box-shadow: 0 1px 8px rgba(20, 60, 100, .14); }
.hbp-dlw .hbp-rv svg { width: 13px; height: 13px; }
.hbp-dlw .hbp-rv b { margin: 0 2px 0 3px; }
.hbp-dlw-0.hbp-dlw-one .hbp-ship, .hbp-dlw-0.hbp-dlw-one .hbp-rv, .hbp-dlw-0.hbp-dlw-one .hbp-first { top: 6px; }
.hbp-dlw-0.hbp-dlw-many { height: 38px; }
.hbp-dlw-0.hbp-dlw-many .hbp-dl, .hbp-dlw-0.hbp-dlw-many .hbp-ship, .hbp-dlw-0.hbp-dlw-many .hbp-rv, .hbp-dlw-0.hbp-dlw-many .hbp-first { top: -10px; }
.hbp-dlw-1 { height: 52px; }
.hbp-dlw-1 .hbp-dl, .hbp-dlw-1 .hbp-ship, .hbp-dlw-1 .hbp-rv, .hbp-dlw-1 .hbp-first { top: 10px; height: 34px; padding: 0 15px; font-size: 14px; }
.hbp-dlw-1 .hbp-dl { right: auto; }
.hbp-dlw-1 .hbp-ship { left: 0; }
.hbp-dlw-1 .hbp-rv, .hbp-dlw-1 .hbp-first { right: 0; }
.hbp-dlw-1 .hbp-rv svg { width: 15px; height: 15px; }
.hbp-coderow-1 { justify-content: space-between; }
.hbp-cs { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin-left: auto; }
.hbp-c { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 11px; border-radius: 999px; font-size: 12.5px; font-weight: 700; line-height: 1; text-decoration: none !important; white-space: nowrap; box-sizing: border-box; }
.hbp-c.sv { background: #FFEDEA; color: #B4423A !important; }
.hbp-c.gy { background: #F3F6F9; color: #3A4B5C !important; }
.hbp-coderow-1 .hbp-c { height: 30px; font-size: 13px; }
.price_box .hbp-bx { float: right; margin: 4px 0 0 8px; }

/* 10-17 v8(사장님 고름 t · same): 사진 밑 세 칸 = 알약 없이 아이콘 + 글자, 같은 너비 세 칸(상품상세 정확히 가운데), 양 끝 = 상품 이름 줄 · 이름 밑 알약도 같은 모양 */
.hbp-dlw.hbp-dlw-0, .hbp-dlw.hbp-dlw-1 { height: auto !important; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; position: relative; z-index: 5; box-sizing: border-box; }
.hbp-dlw.hbp-dlw-0 { margin: 2px 0 14px; }
.hbp-dlw.hbp-dlw-1 { margin: 12px 0 4px; }
.hbp-dlw .hbp-ship, .hbp-dlw .hbp-dl, .hbp-dlw .hbp-rv, .hbp-dlw .hbp-first { position: static !important; transform: none !important; top: auto !important; left: auto !important; right: auto !important; height: 36px !important; padding: 0 6px !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 5px; min-width: 0; box-sizing: border-box; border-radius: 999px; background: transparent !important; box-shadow: none !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1; white-space: nowrap; text-decoration: none !important; color: #33506A !important; }
.hbp-dlw .hbp-ship { color: #1E7A4C !important; }
.hbp-dlw .hbp-dl { color: #1C7FD0 !important; }
.hbp-dlw svg { width: 15px !important; height: 15px !important; flex: 0 0 auto; }
.hbp-dlw .hbp-dl i { display: none; }
.hbp-dlw .hbp-rv b { margin: 0 1px 0 2px !important; color: inherit; }
.hbp-dlw .hbp-rv span { font-weight: 600; opacity: .75; }
.hbp-dlw-1 .hbp-ship, .hbp-dlw-1 .hbp-dl, .hbp-dlw-1 .hbp-rv, .hbp-dlw-1 .hbp-first { height: 40px !important; font-size: 14px !important; }
.hbp-dlw-1 svg { width: 16px !important; height: 16px !important; }
#hbCodeRow .hbgc, #hbCodeRow .hbgc * { background: transparent !important; box-shadow: none !important; }
#hbCodeRow .hbgc { padding: 0 !important; margin: 0 !important; border: 0 !important; }
#hbCodeRow .hbgc > span { padding-left: 0 !important; }
.hbp-cs .hbp-c, .price_box .hbp-bx { background: transparent !important; box-shadow: none !important; padding: 0 2px !important; }

/* 10-17 검색어 자동완성(searchac): 검색 칸 아래 창(.search_cont 안 #hbAc) — 휴대폰 검색 서랍·PC 검색 칸 아래 같은 내용 */
#hbAc { display: none; }
#frmSearchTop .search_cont.hbac-on > :not(#hbAc), #frmSearchTop .search_cont.hbac-on > .hbq-cats, #frmSearchTop .search_cont.hbac-on > .recent_box { display: none !important; }
#frmSearchTop .search_cont.hbac-on > #hbAc { display: grid; gap: 4px; padding: 8px 10px 14px; text-align: left; }
.hbac-w { display: flex; align-items: center; gap: 9px; padding: 9px 6px; border-radius: 12px; color: #33506A !important; text-decoration: none !important; font-size: 14.5px; line-height: 1.3; }
.hbac-w:hover, .hbac-g:hover { background: #F1F7FD; }
.hbac-w svg { color: #8FA6BA; flex: 0 0 auto; }
.hbac-w span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hbac-w b { color: #1C7FD0; font-weight: 800; }
.hbac-w em { font-style: normal; font-size: 12.5px; color: #7D93A8; }
.hbac-w i { color: #B3C3D2; display: flex; }
.hbac-cs { display: flex; gap: 6px; overflow-x: auto; padding: 4px 4px 6px; scrollbar-width: none; }
.hbac-cs::-webkit-scrollbar { display: none; }
.hbac-c { flex: 0 0 auto; display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 999px; background: #EEF5FB; color: #0E5A96 !important; font-weight: 700; font-size: 13px; text-decoration: none !important; white-space: nowrap; }
.hbac-sub { font-size: 12px; font-weight: 800; color: #7D93A8; margin: 8px 4px 2px; }
.hbac-g { display: flex; gap: 10px; align-items: center; padding: 5px 6px; border-radius: 12px; color: #16324A !important; text-decoration: none !important; }
.hbac-g img { width: 46px; height: 46px; border-radius: 10px; object-fit: cover; background: #F1F7FD; flex: 0 0 auto; }
.hbac-g span { display: grid; gap: 1px; min-width: 0; }
.hbac-g b { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hbac-g em { font-style: normal; font-weight: 800; font-size: 13.5px; }
.hbac-all { margin-top: 8px; display: flex; justify-content: center; align-items: center; height: 42px; border-radius: 999px; background: #1C7FD0; color: #fff !important; font-weight: 800; text-decoration: none !important; }
.hbac-syn { background: #FFF6D9; color: #5C4600; font-size: 13px; padding: 8px 12px; border-radius: 12px; margin-bottom: 4px; }

/* HB_GAP_B1 2026-10-18 PC 상품 사진: 작은 사진 왼쪽 · 출고/상세/후기 오른쪽 하늘 카드 (사장님 B1) */
@media (min-width:1024px){
body.pc .item_photo_view{display:grid!important;grid-template-columns:1fr auto;column-gap:14px;align-items:center}
body.pc .item_photo_view .item_photo_big{grid-column:1/3;overflow:hidden;border-radius:22px}
body.pc .item_photo_view .item_photo_slide{grid-column:1;grid-row:2;margin:12px 0 0!important;width:auto!important;justify-self:start;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
body.pc .item_photo_view .item_photo_slide,body.pc .item_photo_view .item_photo_slide .slick-list,body.pc .item_photo_view .item_photo_slide .slick-track,body.pc .item_photo_view .item_photo_slide li{height:auto!important}
body.pc .item_photo_view .item_photo_slide li a{display:block;line-height:0}
body.pc .item_photo_view .item_photo_slide .slick-arrow{display:none!important}
body.pc .item_photo_view .item_photo_slide .slider_wrap,body.pc .item_photo_view .item_photo_slide .slick-list{width:auto!important;margin:0!important;overflow:visible!important}
body.pc .item_photo_view .item_photo_slide .slick-track{transform:none!important;width:auto!important;display:flex!important}
body.pc .item_photo_view .item_photo_slide li{width:auto!important;padding:0 4px}
body.pc .item_photo_view .item_photo_slide img{width:58px!important;height:58px!important;border-radius:14px;background:#fff;box-shadow:0 1px 6px rgba(20,60,100,.14)}
body.pc .item_photo_view .hbp-dlw{grid-column:2;grid-row:2;justify-self:end;display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;margin:12px 0 0!important;height:auto!important;width:auto!important;background:#F3F7FB;border-radius:16px;padding:10px 16px!important}
html body.pc .item_photo_view .hbp-dlw>span,html body.pc .item_photo_view .hbp-dlw>a{display:flex!important;align-items:center;gap:6px;margin:0!important;height:auto!important;white-space:nowrap;padding:3px 0!important;background:none!important}
}

/* HB_GAP_M4 2026-10-18 휴대폰 상품 사진 아래: 출고/상세/별점 하늘 막대 3칸 + 아래 틈 줄임 (사장님 M4) */
body:not(.pc) .cont_detail{padding-bottom:2px!important}
body:not(.pc) .cont_detail .hbp-dlw{display:grid!important;grid-template-columns:repeat(3,1fr);margin:0 0 6px!important;background:#F3F7FB;border-radius:16px;padding:4px!important;height:auto!important}
html body:not(.pc) .cont_detail .hbp-dlw>span,html body:not(.pc) .cont_detail .hbp-dlw>a{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;margin:0!important;white-space:nowrap;padding:9px 4px!important;background:none!important;font-size:13px}
html body:not(.pc) .cont_detail .hbp-dlw>*+*{box-shadow:-1px 0 0 #DDE7F0}


/* HB_FILTER_F2 2026-10-18 분류 화면 찾기 줄(사장님 F2): 제목 「원하는 용기 빨리 찾기」+작은 설명, 왼쪽·오른쪽 여백 16px(글씨가 칸 끝에 붙던 것) */
html body .hbft.hbft-filter{padding:2px 16px 14px;margin:4px 0 0}
html body .hbft-filter .hbft-t small{display:block;font-size:12px;font-weight:600;color:#7A8A99;margin-top:2px}

/* HB_PHOTO_D3 2026-10-18 PC 상품 큰 사진 아래 빈칸(칸 600·사진 500) 없애고 작은 사진 줄 40px 더 바짝 (사장님 D3, 모음·일반 상품 모두) */
@media (min-width:1024px){
body.pc .item_photo_view .item_photo_big{height:auto!important;aspect-ratio:auto!important}
body.pc .item_photo_view .item_photo_big *{height:auto!important}
body.pc .item_photo_view .item_photo_big img{margin-bottom:-40px!important}
body.pc .item_photo_view .item_photo_slide{margin-top:0!important;position:relative;z-index:2}
body.pc .item_photo_view .hbp-dlw{position:relative;z-index:2}
}

/* HB_UNIT_GUIDE 2026-10-18 일반 상품 구매 칸(#t2x): 모음 상품처럼 지금 고를 칸 주황 테두리·「지금 여기서 골라요 ↓」·지금 차례·돼지꼬리 (hbunit.js) */
#t2x .sec.hbu-cur{outline:2.5px solid #F08A2B;outline-offset:-2.5px;position:relative;overflow:visible!important;margin-top:22px!important;border-radius:18px;padding:22px 12px 12px!important;box-sizing:border-box}
#t2x .sec.hbu-cur::before{content:"지금 여기서 골라요 ↓";position:absolute;left:50%;top:-14px;transform:translateX(-50%);height:28px;padding:0 16px;display:flex;align-items:center;background:#F08A2B;color:#fff;font-weight:800;font-size:13.5px;border-radius:999px;box-shadow:0 4px 12px rgba(240,138,43,.35);white-space:nowrap;z-index:2;pointer-events:none}
#t2x .sec.hbu-cur>.stp>i{background:#E07B1F!important;box-shadow:0 0 0 4px #FFE2B0}
#t2x .stp .hbu-now{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:#B25E12;font-size:12.5px;font-weight:800;white-space:nowrap;flex:none}
#t2x .stp .hbu-now i{position:relative;width:10px;height:10px;border-radius:50%;background:#E07B1F;display:block}
#t2x .stp .hbu-now i::after{content:"";position:absolute;inset:0;border-radius:50%;background:#E07B1F;animation:hbuRadar 1.6s ease-out 5}
@keyframes hbuRadar{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.6);opacity:0}}
@media (prefers-reduced-motion:reduce){#t2x .stp .hbu-now i::after{animation:none}}
#t2x .hbu-here{display:flex;align-items:flex-end;gap:4px;margin:2px 0 6px 6px;pointer-events:none;position:relative;z-index:3}
#t2x .hbu-here .tail{flex:none;margin-bottom:-6px}
#t2x .hbu-here b{background:#E07B1F;color:#fff;font-size:12.5px;font-weight:800;border-radius:999px;padding:4px 12px;box-shadow:0 2px 8px rgba(224,123,31,.3)}

/* HB_THUMB_HOVER 2026-10-19 PC 상품 작은 사진(사장님 T0): 마우스 올림·고른 사진에 효과 없음 — 고도몰 기본 검정 2px 테두리 끔, 칸 높이 그대로(62px)라 사진 아래가 잘리지 않음, 줄 안쪽 여백으로 그림자 안 잘림 */
html body.pc .item_photo_slide .slider_goods_nav li a:hover,html body.pc .item_photo_slide .slider_goods_nav li a.on{border:0!important;height:62px!important}
html body .layer_wrap .item_photo_slide .ly_slider_goods_nav li a:hover,html body .layer_wrap .item_photo_slide .ly_slider_goods_nav li a.on{border:0!important;height:auto!important}
html body.pc .item_photo_view .item_photo_slide{padding:6px 4px 10px!important;margin-top:-6px!important}

/* HB_CODE_DUP 2026-10-19 상품 코드가 두 줄로 나오던 것: 옛 머리글 스크립트 줄 숨기고 #hbCodeRow 만 */
html body .item_detail_tit > .hbgc,html body .detail_info_top > .hbgc{display:none!important}

/* HB_DET_B1 2026-10-19 개별 용기 상세 공통 뼈대(사장님 B1·「크기·재질 요약」) — hbdet.js */
.hbs-sum{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.hbs-sum span{display:inline-flex;gap:5px;align-items:baseline;background:#F2F6FA;border-radius:99px;padding:5px 11px;font-size:13px;color:#5A6570}
.hbs-sum span b{color:#16324F;font-size:14px;font-weight:900}
.hbs-mat{margin-top:12px}
.hbs-all{margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 1px 8px rgba(20,60,100,.08)}
.hbs-all>summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:900;color:#16324F;display:flex;justify-content:space-between;align-items:center}
.hbs-all>summary::-webkit-details-marker{display:none}
.hbs-all>summary::after{content:"펼치기 ⌄";font-size:12.5px;color:#1C6FC2;font-weight:800}
.hbs-all[open]>summary::after{content:"접기 ⌃"}
.hbs-all>div{padding:0 12px 12px}
.hbs-guide{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 1px 8px rgba(20,60,100,.08)}
.hbs-gt{flex-basis:100%;margin:0;font-weight:900;color:#16324F;font-size:14px}
.hbs-guide a,.hbs-guide span{display:inline-flex;align-items:center;gap:6px;background:#FFF6E8;color:#7A4A12!important;border-radius:99px;padding:7px 13px;font-size:13px;font-weight:800;text-decoration:none!important}
.hb15-pair.hbs-p .hbs-pchips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.hb15-pair.hbs-p .hbs-pchips span{background:#F2F6FA;border-radius:12px;padding:8px 12px;display:grid;gap:1px;min-width:84px}
.hb15-pair.hbs-p .hbs-pchips small{font-size:11.5px;color:#7A8794}
.hb15-pair.hbs-p .hbs-pchips b{font-size:15px;color:#16324F;font-weight:900}
.hb15-pair.hbs-p .hbs-go{display:block;text-align:center;border-radius:12px;background:#EEF5FC;color:#1C5FA5!important;font-weight:800;padding:10px;text-decoration:none!important}

/* HB_DET_CD 2026-10-19 사장님 C1·D1: 용기 아님(C) 끝 재질 특징·샘플·배송 / 틀 없음(D) 기본 카드 — hbdet.js */
.hbd-card{background:#fff;border-radius:16px;box-shadow:0 1px 8px rgba(20,60,100,.08);padding:14px 16px;margin:12px 0}
.hbd-card h3{margin:0 0 8px;font-size:16px;font-weight:900;color:#16324F}
.hbd-card ul{margin:6px 0 0;padding-left:18px;font-size:14px;line-height:1.6;color:#33414E}
.hbd-card .hbd-chips{display:flex;flex-wrap:wrap;gap:6px}.hbd-card .hbd-chips span{background:#FFF6E8;color:#7A4A12;border-radius:99px;padding:6px 12px;font-size:13.5px;font-weight:800}
.hbd-card .hbd-sub{font-size:13px;font-weight:800;color:#1C6FC2;margin:10px 0 2px}
#hbd-basic{padding:0 12px;margin:4px 0 12px}
#hbd-basic .hbd-head{margin:14px 0 4px;display:block!important}#hbd-basic .hbd-head small{display:block!important;color:#1C6FC2;font-weight:800;font-size:13px}#hbd-basic .hbd-head b{display:block!important;font-size:20px;color:#16324F}
#hbd-basic .hbd-card,#hbd-basic .hbd-card h3,#hbd-basic .hbd-card ul,#hbd-basic .hbd-card .hbd-sub{display:block!important;text-align:left!important}
#hbd-basic .hbd-card .hbd-chips{display:flex!important;flex-wrap:wrap;gap:6px}#hbd-basic .hbd-card ul{padding-left:18px!important}#hbd-basic .hbd-card li{display:list-item!important;list-style:disc!important}
#hbd-basic .hbs-guide{display:flex!important}

/* HB_NARROW_PC 10-19: PC 쇼핑몰(www)을 창을 좁혀 볼 때 깨지는 곳 (사장님 634px 로그인 화면 지적).
   PC 화면(body.pc)에만, 좁을 때만 적용. 넓은 화면은 그대로 */
body.pc .member_sns_login a, body.pc .btn_login_box a, body.pc .hbpf-tr b, body.pc .hbpa4-note span, body.pc .board_list_table th{word-break:keep-all}
@media (max-width:1240px){
 body.pc.body-member .content_box{overflow-x:clip}
}
@media (max-width:960px){
 body.body-cart #general:has(.no_data):has(.hbpa4-r){grid-template-columns:minmax(0,1fr)!important;gap:28px!important;padding:28px 22px!important}
 body.body-cart #general .hbpa4-r{grid-area:auto!important}
 body.body-cart #general:has(.hbpa4-r) #frmCart{grid-area:auto!important}
 body.pc .hbpa4-note{flex-wrap:wrap}
 body.pc .hbpa4-note span{flex:1 1 200px}
}
@media (max-width:780px){
 body.pc .member_cont{grid-template-columns:minmax(0,1fr)!important;max-width:440px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
 body.pc .member_cont > form{width:auto!important;max-width:none!important}
 body.pc .member_sns_login a{white-space:nowrap}
 body.pc .btn_login_box a{white-space:nowrap}
 html.hbx-pc #hbsx.hbx-p4{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 body.pc .board_list_table th{white-space:nowrap}
}
@media (max-width:680px){
 body.pc .hbpf-tr{padding-left:8px!important;padding-right:8px!important;gap:6px!important}
 body.pc .hbpf-tr svg,body.pc .hbpf-tr img{width:30px!important;height:30px!important;flex:0 0 30px}
 body.pc .hbpf-tr b{white-space:nowrap;font-size:12.5px!important}
 body.pc .hbpf-tr span,body.pc .hbpf-tr small{font-size:11px!important;white-space:nowrap}
}

/* HB_MYPAGE_1019 사장님 K2·L1·M2·S1 */
#frmOrderList .btn_reorder_to_cart, #frmOrderList .btn_reorder_direct { display:none !important; }
#frmOrderList .list_footer_box:not(:has(button:not(.btn_reorder_to_cart):not(.btn_reorder_direct))) { display:none !important; }
#frmOrderList tr[data-order-status]:not([data-order-status^="d2"]):not([data-order-status^="s"]) .btn_review_write { display:none !important; }
#frmOrderList .hb-re { display:inline-flex; align-items:center; gap:6px; border:0; border-radius:99px; background:#EAF3FC; color:#1478C8; font:inherit; font-size:13px; font-weight:800; padding:8px 14px; margin:2px 0 4px; cursor:pointer; white-space:nowrap; }
#frmOrderList .hb-re::before { content:""; width:14px; height:14px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11h11L21 7H7'/%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11h11L21 7H7'/%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3C/svg%3E") center/contain no-repeat; }
#frmOrderList .hb-re:hover { background:#DCEBF8; }
html body.body-mypage .side_cont .sub_menu_box .sub_menu_mypage .sub_depth1 { margin-left:0 !important; padding:2px 0 8px !important; }
html body.body-mypage .side_cont .sub_menu_box .sub_menu_mypage .sub_depth1 a { padding:8px 10px 8px 12px !important; margin:1px 6px 1px 0 !important; text-indent:0 !important; border-radius:10px !important; display:block !important; line-height:1.35 !important; }
html body.body-mypage .side_cont .sub_menu_box .sub_menu_mypage .sub_depth1 a:hover, html body.body-mypage .side_cont .sub_menu_box .sub_menu_mypage .sub_depth1 a.active, html body.body-mypage .side_cont .sub_menu_box .sub_menu_mypage .sub_depth1 a.hbmy-on { background:#EEF5FC !important; color:#1478C8 !important; font-weight:700 !important; }
.mypage_lately_goods .item_money_box > span:first-child:not(.item_mileage) { display:none !important; }
.mypage_lately_goods .item_mileage img { display:none !important; }
.mypage_lately_goods .item_mileage { display:inline-flex !important; align-items:center; font-size:12px !important; font-weight:700; color:#1478C8 !important; background:#EAF3FC; border-radius:99px; padding:3px 9px !important; margin-top:4px; }
.mypage_lately_goods .item_mileage::before { content:"+"; }
.mypage_lately_goods .item_mileage::after { content:"원 적립"; }
.hbs1-dd { position:absolute; top:calc(100% + 8px); left:0; min-width:180px; background:#fff; border-radius:16px; padding:6px; box-shadow:0 12px 32px rgba(20,60,100,.16), 0 2px 6px rgba(20,60,100,.06); z-index:60; display:grid; gap:2px; }
.hbs1-o { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 12px; border-radius:11px; font-size:14px; color:#17324A; cursor:pointer; white-space:nowrap; }
.hbs1-o:hover { background:#F5F8FB; }
.hbs1-o.on { background:#EAF3FC; color:#1478C8; font-weight:800; }
.hbs1-o svg { flex:0 0 auto; }
body.pc .choice_num_view .chosen-container-single .chosen-single { height:40px !important; line-height:38px !important; border:1px solid #DDE3E2 !important; border-radius:999px !important; background:#fff !important; box-shadow:none !important; padding:0 38px 0 16px !important; font-size:14px !important; font-weight:700 !important; color:#26302e !important; }
body.pc .choice_num_view .chosen-container-single .chosen-single div { right:12px !important; width:16px !important; }
body.pc .choice_num_view .chosen-container-single .chosen-single div b { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2326302e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") no-repeat center / 16px !important; }
body.pc .choice_num_view .chosen-container .chosen-drop { margin-top:8px !important; border:0 !important; border-radius:16px !important; padding:6px !important; box-shadow:0 12px 32px rgba(20,60,100,.16), 0 2px 6px rgba(20,60,100,.06) !important; }
body.pc .choice_num_view .chosen-container .chosen-results { margin:0 !important; padding:0 !important; }
body.pc .choice_num_view .chosen-container .chosen-results li { padding:10px 12px !important; border-radius:11px !important; font-size:14px !important; color:#17324A !important; line-height:1.3 !important; }
body.pc .choice_num_view .chosen-container .chosen-results li.highlighted { background:#F5F8FB !important; color:#17324A !important; }
body.pc .choice_num_view .chosen-container .chosen-results li.result-selected { background:#EAF3FC !important; color:#1478C8 !important; font-weight:800 !important; }

/* HB_BESTSORT_1019 PC 베스트·추천(goods_main) 정렬 줄: 옛 「추천순」 글자가 하란 정렬 목록 옆에 한 번 더 보이던 것 숨김 */
body.pc.body-goods-main .goods_pick_list.hbps .pick_list > li:not(.hbps-selwrap) { display:none !important; }

/* HB_1019B 사장님 F1 분류 안에서 찾기 · 휴대폰 주문목록 K2 */
.hbcs { display:flex; align-items:center; gap:8px; background:#F5F8FB; border-radius:16px; padding:6px 6px 6px 16px; margin:14px 0 14px; max-width:520px; box-shadow:inset 0 0 0 1.5px #DCE7F2; box-sizing:border-box; }
.hbcs svg { flex:0 0 auto; color:#1478C8; }
.hbcs input[type=search] { flex:1; min-width:0; border:0 !important; background:transparent !important; font:inherit; font-size:15px; color:#17324A; outline:none; height:38px; padding:0 !important; box-shadow:none !important; -webkit-appearance:none; appearance:none; }
.hbcs input[type=search]::placeholder { color:#8A97A3; }
.hbcs button { border:0; border-radius:12px; background:#1478C8; color:#fff; font:inherit; font-size:14px; font-weight:800; padding:0 16px; height:38px; cursor:pointer; flex:0 0 auto; }
.hbcs:focus-within { box-shadow:inset 0 0 0 2px #1478C8; }
body:not(.pc) .hbcs { margin:12px 12px 10px; max-width:none; }
.hbcs-ban { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; background:#EAF3FC; color:#17324A; border-radius:14px; padding:10px 14px; margin:10px 0 12px; font-size:14px; }
.hbcs-ban b { color:#1478C8; }
.hbcs-ban a { color:#1478C8; font-weight:800; text-decoration:none; white-space:nowrap; }
body:not(.pc) .hbcs-ban { margin:10px 12px; }
body:not(.pc) .reorder_form .inp_chk { display:none !important; }
body:not(.pc) .reorder_form .btn_reorder_to_cart, body:not(.pc) .reorder_form .btn_reorder_direct { display:none !important; }
body:not(.pc) .reorder_form li:has(> .btn_reorder_to_cart), body:not(.pc) .reorder_form li:has(> .btn_reorder_direct) { display:none !important; }
body:not(.pc) .reorder_form ul.my_goods:not([data-order-status^="d2"]):not([data-order-status^="s"]) .ogl_reviewrite { display:none !important; }
body:not(.pc) .reorder_form ul.my_goods:not([data-order-status^="d2"]):not([data-order-status^="s"]) li:has(> .ogl_reviewrite) { display:none !important; }
body:not(.pc) .reorder_form .hb-re { display:inline-flex !important; align-items:center; justify-content:center; background:#EAF3FC !important; color:#1478C8 !important; border:0 !important; border-radius:99px !important; font-weight:800 !important; }

/* HB_1019C 사장님 F1 베스트·추천 목록 안에서 찾기 */
.hbcs-ban .hbcs-act { display:flex; gap:14px; align-items:center; }
.hbcs-ban button { border:0; background:none; color:#5A6B7B; font:inherit; font-weight:700; cursor:pointer; padding:0; }
body.pc .hbcs-main { margin:6px 0 4px; }

/* HB_CSMOVE_1019 사장님 고름: 분류 검색칸을 「원하는 용기 빨리 찾기」 제목 옆(왼쪽 정렬), 좁으면 제목 아래 */
html body .hbft-wrap{display:grid;grid-template-columns:auto minmax(0,380px) 1fr;column-gap:40px;row-gap:10px;align-items:center;padding:2px 16px 14px;margin:4px 0 0}
html body .hbft-wrap > .hbft.hbft-filter{display:contents}
html body .hbft-wrap .hbft-filter > .hbft-t{grid-column:1;grid-row:1;margin:0}
html body .hbft-wrap .hbft-filter > .r{grid-column:1 / -1;grid-row:2}
html body .hbft-wrap > form.hbcs{grid-column:1 / -1;grid-row:1;margin:0;max-width:380px;width:100%}
html body .hbft-wrap > .hbft-filter ~ form.hbcs{grid-column:2}
html body .hbft-wrap > form.hbcs input[type=search]{height:34px}
html body .hbft-wrap > form.hbcs button{height:34px;padding:0 14px}
@media (max-width:700px){
  html body .hbft-wrap{grid-template-columns:minmax(0,1fr)}
  html body .hbft-wrap > .hbft-filter ~ form.hbcs{grid-column:1;grid-row:2;max-width:none}
  html body .hbft-wrap .hbft-filter > .r{grid-row:3}
}
/* HB_CSBAN_PILL 10-19 밤: 분류 안에서 찾은 결과 안내 = 검색 결과 카드 제목 아래 작은 알약 */
.hbsr-head .hbcs-pill { display:inline-flex; flex-wrap:nowrap; justify-content:flex-start; gap:8px; margin:6px 0 0; padding:5px 12px; border-radius:999px; font-size:13px; line-height:1.4; width:auto; max-width:100%; }
.hbsr-head .hbcs-pill a { font-weight:700; }
.hbsr-head .hbcs-pill a::before { content:"·"; margin-right:8px; color:#9DB1C4; font-weight:400; }
body:not(.pc) .hbsr-head .hbcs-pill { margin:6px 0 0; }
/* HB_FIND_A 10-19 밤 사장님 A안: 조건으로 용기 찾기 — 큰 글자·그림 이름표·✓·0개면 빼는 단추 */
.hbfd-a .hbq-h { font-size:26px !important; font-weight:800 !important; letter-spacing:-.3px; line-height:1.3 !important; margin:0 0 6px !important; }
.hbfd-a .hbfd-sub { margin:0 0 14px; color:#4E6377; font-size:15.5px; line-height:1.55; }
.hbfd-a .hbfd-chips { padding:18px 20px; gap:14px; }
.hbfd-a .hbfd-chips .g { grid-template-columns:76px 1fr; }
.hbfd-a .hbfd-chips .g > b { display:flex; gap:6px; align-items:center; font-size:15px; color:#33475B; padding-top:8px; }
.hbfd-a .hbfd-chips .g > b::before { content:""; width:18px; height:18px; flex:0 0 18px; background:no-repeat center/18px 18px; }
.hbfd-a .hbfd-chips .g:nth-child(1) > b::before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2333475B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203h6M10%203v3l-3%204v9a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2v-9l-3-4V3%22/%3E%3Cpath%20d%3D%22M7%2014h10%22/%3E%3C/svg%3E"); }
.hbfd-a .hbfd-chips .g:nth-child(2) > b::before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2333475B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l8%204.5v9L12%2021l-8-4.5v-9z%22/%3E%3Cpath%20d%3D%22M12%2012l8-4.5M12%2012v9M12%2012L4%207.5%22/%3E%3C/svg%3E"); }
.hbfd-a .hbfd-chips .g:nth-child(3) > b::before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2333475B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E"); }
.hbfd-a .hbfd-chips a.c { font-size:15px; padding:9px 16px; }
.hbfd-a .hbfd-chips a.c.on::before { content:"✓ "; }
.hbfd-a .hbfd-cnt { font-size:16px; }
.hbfd-a .hbfd-cnt b { font-size:18px; color:#1478C8; }
.hbfd-a .hbfd-cnt a { font-size:15px; }
.hbfd-a .hbfd-list b, .hbfd-a .hbfd-list em { font-size:14px; }
.hbfd-a .hbfd-list li.none { padding:34px 18px; color:#33475B; }
.hbfd-a .nb { display:grid; gap:12px; justify-items:center; }
.hbfd-a .nb h3 { margin:0; font-size:19px; color:#17324A; }
.hbfd-a .nb p { margin:0; font-size:15.5px; color:#4E6377; line-height:1.6; }
.hbfd-a .nb .rm { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.hbfd-a .nb .rm:empty { display:none; }
.hbfd-a .nb .rm a { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:9px 16px; background:#1478C8; color:#fff !important; font-size:15px; font-weight:800; text-decoration:none !important; }
.hbfd-a .nb .rm a i { font-style:normal; font-size:13px; opacity:.85; }
.hbfd-a .nb .all { display:inline-block; border-radius:999px; padding:10px 22px; background:#fff; color:#0E5A96 !important; font-weight:800; font-size:15px; box-shadow:0 1px 6px rgba(20,60,100,.12); text-decoration:none !important; }
@media (max-width:600px) { .hbfd-a .hbq-h { font-size:24px !important; } .hbfd-a .hbfd-chips .g { grid-template-columns:1fr; gap:8px; } .hbfd-a .hbfd-chips .g > b { padding-top:0; } }
/* HB_R168 10-29 PC 기본 카드 「기본 정보」 제목 위 45px 빈칸(쇼핑몰 기본 h3 꾸밈) 지움 */
#hbd-basic .hbd-card h3{padding-top:0!important;margin-top:0!important}