/* 갈래 한 줄(제목 · 더 보기) — 셀프 목록 토큰만 씀(새 px 없음) */
.pdl-sec { margin: 0 0 var(--bj-space-3); }
.dgal--selflist > .slf-chips { margin: 0 0 var(--bj-space-2); }
/* (11-11 명함 팀장 검수 S2 · 대표님 42954 손님 글자 PC 15 이상) 명함 목록의 14px 넷 — 카드 값 줄 · «편집기에서 파일도 올릴 수 있어요» · 갈래 «전체 보기 N개» → 칸 글자(PC 15 · 폰 16). 명함 목록만. */
.pdl--namecard .slf-price, .pdl--namecard .slf-start__hint, .pdl--namecard .companionCatalog__sectionMore, .pdl--namecard .companionCatalog__sectionMore strong,
.pdl--namecard .slf-count, .pdl--namecard .slf-count * { font-size: var(--bj-type-control); }   /* (19:4x 재측정 ①) 머리 개수 «일반 명함 1,083개» 도 */
.pdl-count-price:not(:empty)::before { content: ' · '; }   /* (11-11 대표님 45668) «일반 명함 1,083개 · 6,270원~ · 100장» — 값이 오기 전엔 아무것도 안 붙임 */
/* 위 탭 줄 — 칸 수만큼 줄 전체 폭을 고르게(인쇄 제작 첫 화면 분류 줄과 같은 모양) */
.weddingCatalogContextNav--pc.pdl-rail .weddingCatalogContextNav__styles { grid-template-columns: repeat(var(--pdl-rail-n, 5), minmax(0, 1fr)); }
/* 폰 글자 탭 줄 = 청첩장과 함께처럼 화면 끝까지(위 아이콘 줄과 같은 규칙 · self-catalog.css slf-rail--mobile) */
.dgal--selflist .companionFinishingNav--mobile { width: calc(100% + var(--bj-space-2) * 2); margin: 0 calc(var(--bj-space-2) * -1); }
.pdl-subtabs { display: flex; gap: var(--bj-space-3); margin: 0 0 var(--bj-space-2); border-bottom: 1px solid var(--bj-line); overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.pdl-subtabs a { padding: var(--bj-space-1) 0; color: var(--bj-muted); font-size: var(--bj-type-nav); text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.pdl-subtabs a.is-on { color: var(--bj-ink); font-weight: var(--bj-type-nav-weight); border-bottom-color: var(--bj-ink); }
/* (2026-11-10 대표님 42552 «분류 가운데») 패키지 업종 글자 탭 = 가운데 — 폰에서 넘치면 옆으로 밀림 그대로(양끝 auto 여백은 넘치면 0) */
.pdl--package .pdl-subtabs a:first-child { margin-left: auto; }
.pdl--package .pdl-subtabs a:last-child { margin-right: auto; }
.dgal--selflist > .slf-chips .slf-chip { text-decoration: none; color: var(--bj-ink); }
/* (2026-11-10 대표님 카드 3195 «PC 명함에는 구분 라인 하나») PC 명함 목록 — 종류 줄 사이 가는 선(명함 상세 아래 줄 .nd-rows 와 같은 선) */
.pdl-nc--roundpv .slf-media img { border-radius: 5.6% / 10%; }   /* 일반 줄 «라운드 가능» 칸 — R5mm(90×50) 모서리 */
.pdl-nc--roundpv .slf-media--portrait img { border-radius: 10% / 5.6%; }
.pdl-nc--free .slf-media img { background: none; box-shadow: none; filter: drop-shadow(0 2px 4px rgba(0,0,0,.18)); }   /* 자유형 톰슨 = 오려진 모양 그대로 */
/* 패키지 — 박스 그림(투명 바탕 · 제 그림자를 가진 입체 앞면)은 종이 칸 틀(흰 바탕·그림자) 없이 그대로 · 박스 첫 화면 칸과 같은 모습 */
.pdl--package .ncl-hero { margin-bottom: var(--bj-space-3); }
.pdl-pk-hero__photo img { width: auto; height: 100%; max-width: 100%; object-fit: contain; }   /* 박스 그림(세로) — 칸 높이에 맞춤 */
.pdl-pk-size { margin: 0 0 var(--bj-space-3); padding: var(--bj-space-3); border: 1px solid var(--bj-line); border-radius: var(--bj-control-radius); }
.pdl-pk-size .pdl-sec__title { margin: 0 0 var(--bj-space-2); }
.pdl-pk-size__row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--bj-space-2); }
.pdl-pk-size .nd-chips { flex: 0 0 auto; }
.pdl-pk-size__field { display: flex; flex-direction: column; gap: var(--bj-space-1); font-size: var(--bj-type-caption); color: var(--bj-muted); }
.pdl-pk-size__field input { width: 6.5em; min-height: 44px; padding: 0 var(--bj-space-1); border: 1px solid var(--bj-ink); border-radius: 4px; background: #fff; font-size: var(--bj-type-control); color: var(--bj-ink); }
.pdl-pk-size__unit { align-self: center; color: var(--bj-muted); font-size: var(--bj-type-control); }
.pdl-pk-size__go { min-height: 44px; }
.pdl-pk-size .slf-sub { margin: var(--bj-space-1) 0 0; }
[data-pdl-grid] .slf-item > .slf-sub, [data-pdl-sgrid] .slf-item > .slf-sub, .pdl-rowlist .slf-item > .slf-sub { word-break: keep-all; overflow-wrap: break-word; }   /* (11-13 반장A) 폰 390 칸 아래 줄 «1단 엽서 · 2 / 단» 낱말 가운데 끊김 → 낱말 단위로만 줄바꿈 · 공용 self-catalog.css 는 그대로 */
.pdl-pk-size__bad { color: var(--bj-danger, #b42318); }
.pdl--package .slf-item[data-pk-sized] .slf-media img { transition: opacity .2s; }
.pdl--package .slf-item.is-sizing .slf-media img { opacity: .35; }
@media (max-width: 767px) { .pdl-pk-size .nd-chips { flex: 1 1 100%; } .pdl-pk-size__field { flex: 1 1 0; min-width: 0; } .pdl-pk-size__field input { width: 100%; } .pdl-pk-size__go { flex: 1 1 100%; } }   /* 폰 — 형태 한 줄 · 치수 셋 한 줄 · 단추 한 줄 */
.pdl--package .slf-media img { height: 88%; background: none; box-shadow: none; }   /* 그림 안에 여백이 있어 종이 칸(69%)보다 크게 */
.pdl-more { display: block; margin: var(--bj-space-2) auto 0; padding-left: var(--bj-space-3); padding-right: var(--bj-space-3); }
.pdl-ftools { display: flex; align-items: center; justify-content: space-between; }
/* (11-11 대표님 44997) 리플릿 — 정렬은 수 옆(오른쪽) · 업종 글자 탭이 줄보다 길면 가운데에서 넘치지 않고 왼쪽부터 옆으로 밀림 · 업종 줄 = 가로 목록(칸 폭은 아래 격자 4칸 · 폰 2칸 남짓) */
.pdl-ftools .slf-count { margin-left: auto; }
/* (11-12 한누리 님 1:1 287 ②) 리플릿 찾기 칸 — 필터 단추(.slf-filter-btn)와 같은 높이·테두리·모서리 · 폰은 둘째 줄 한 줄 가득 */
.pdl-search { display: inline-flex; align-items: center; gap: var(--bj-space-1); flex: 0 1 18em; min-width: 0; height: 40px; margin: 0; padding: 0 var(--bj-space-2); border: 1px solid #b8c0c3; border-radius: var(--bj-control-radius); background: #fff; color: var(--bj-muted); }
.pdl-search:focus-within { border-color: var(--bj-ink); }
/* (2026-11-13 대표님 50907 «네모 상자 테두리 빼고 아래 선 한 줄만») 검색 칸 = 밑줄 입력칸(돋보기 그대로 · 글 크기 그대로) — 끄개 card/data/pdl_search_box.on → 종전 네모 */
.pdl-search--line { border-width: 0 0 1px; border-radius: 0; padding-inline: 0; background: transparent; }
.pdl-search svg { flex: none; width: 1.1em; height: 1.1em; }
.pdl-search input { flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: var(--bj-type-control); color: var(--bj-ink); -webkit-appearance: none; appearance: none; }
.pdl-search input::placeholder { color: var(--bj-muted); }
.pdl-noresult { margin: var(--bj-space-3) 0; padding: var(--bj-space-3); text-align: center; font-size: var(--bj-type-body); color: var(--bj-muted); }
.pdl-noresult .dgal-btn { display: inline-flex; margin-top: var(--bj-space-2); }
@media (max-width: 767px) { .pdl-ftools { flex-wrap: wrap; } .pdl-search { order: 9; flex: 1 1 100%; } }
/* (2026-11-13 대표님 직접) «디자인 검색» 친 동안 — 줄·선반·윗줄·더 보기는 접고 찾은 바둑판 하나(card/js/pdl-design-search.js 가 main 에 pdl--searching) */
.pdl--searching .pdl-sec:not(.pdl-sres), .pdl--searching .pdl-top, .pdl--searching .pdl-more, .pdl--searching [data-pdl-noresult] { display: none !important; }
.pdl-snone__chips { justify-content: center; margin-top: var(--bj-space-2); }
.pdl-snone__chips .slf-chip { text-decoration: none; }
/* 정렬 = 청첩장 목록 «종합인기순 ⌄» 모양(글 + 꺾쇠 · 테두리 없음) — 이 화면엔 청첩장 정렬 CSS 가 없어 같은 모양을 여기 둔다 · 손님 글자 PC 15 · 폰 14 이상 */
.pdl-sort { position: relative; display: inline-flex; align-items: center; margin: 0; font-size: var(--bj-type-control); color: var(--bj-ink); }
.pdl-sort > span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }   /* «정렬» 글은 읽는 프로그램만 */
.pdl-sort select { appearance: none; -webkit-appearance: none; margin: 0; padding: var(--bj-space-1) calc(var(--bj-space-2) + var(--bj-space-1)) var(--bj-space-1) var(--bj-space-1); border: 0; background: transparent; font: inherit; color: inherit; cursor: pointer; }
.pdl-sort::after { content: ""; position: absolute; right: var(--bj-space-1); top: 50%; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.pdl-sort .weddingCatalogSortTrigger__chevron { display: none; }
.dgal--selflist .companionFinishingNav__tabs { justify-content: safe center; overflow-x: auto; scrollbar-width: none; }
.pdl--leaflet .companionFinishingNav__tabs { gap: var(--bj-space-3); }   /* 업종 12칸이 PC 한 줄에 들어가게(청첩장과 함께 34px → 24px) */
.dgal--selflist .companionFinishingNav__tabs::-webkit-scrollbar { display: none; }
.pdl-rowlist { gap: 20px; margin: 0; padding: 0; list-style: none; }   /* 칸 사이 = 아래 격자(.slf-grid PC 20px) */
.pdl-rowlist > .slf-item { flex: 0 0 calc((100% - 3 * 20px) / 4); min-width: 0; scroll-snap-align: start; }
.pdl-sec--rail { margin-bottom: var(--bj-space-3); }
@media (max-width: 767px) { .pdl-rowlist { gap: 12px; } .pdl-rowlist > .slf-item { flex-basis: calc((100% - 12px) / 2.2); } }   /* 폰 = 격자 칸 사이 12px · 두 칸 남짓(다음 칸이 보여 넘기는 줄인 줄 안다) */
/* (2026-11-12 대표님 48462 «상품에 마우스가 올라갔을 때 ‘N개 전체보기’가 눈에 띄게 까만 배경·흰 글씨로») 줄 안 칸이나 단추에 마우스가 오면 그 줄 «N개 전체보기» = 사이트 검정(--bj-ink) 바탕 · 흰 글씨 · 0.15초.
   명함·리플릿·포스터·카드·엽서 목록 줄 모두(이 목록 화면만 · 공용 부품 CSS 는 그대로) · 마우스 없는 폰은 해당 없음 */
@media (hover: hover) {
	.dgal--selflist .pdl-sec .companionCatalog__sectionMore { transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
	.dgal--selflist .pdl-sec:has(.slf-item:hover) .companionCatalog__sectionMore, .dgal--selflist .pdl-sec .companionCatalog__sectionMore:hover { background: var(--bj-ink); border-color: var(--bj-ink); color: #fff !important; }
}
/* (2026-11-12 대표님 48456 «구분선 빠져도 될 것 같은데») 명함 줄 사이 전체 폭 선은 뺌 — 줄 아래 넘김 진행선·화살표는 그대로 · 사이 간격(위 여백)은 종전 그대로 */
@media (min-width: 768px) { .pdl--namecard .pdl-sec + .pdl-sec { padding-top: var(--bj-space-1); } }
/* (48720·48723) 명함 윗줄 — 칸을 아래 업종 줄 칸보다 작게: PC 여덟 칸 한 줄(칸 사이 = 폰 격자 12px) · 폰은 두 칸 반(좌우 넘김) · 글자는 손님 글자 토큰 그대로 */
.pdl-top { margin: var(--bj-space-3) 0; }
.pdl-ncw__price { color: var(--bj-muted); }
@media (min-width: 768px) { .pdl--ncw .companionFinishingNav__tabs { gap: var(--bj-space-2); } }   /* (대표님 직접 «전체·병원·건강… 가운데로 모아 · 카드·엽서처럼») 업종 글자 탭 = 가운데 모음(업종 이름이 길어 카드·엽서 사이로는 줄 끝까지 퍼짐) */
.pdl-ncw__start { display: flex; } .pdl-ncw__start .weddingStartTile { flex: 1; padding-bottom: 0; } .pdl-ncw__start .weddingStartTile__desc { white-space: normal; text-align: center; word-break: keep-all; }   /* (대표님 직접) 첫 칸 = 옆 디자인 칸(그림+글) 높이 전체 */ /* (2026-11-13 김 부장 · 폰 390 단추 높이) 두 칸 단추를 칸 아래 같은 줄로 — 설명 줄 수와 상관없이(그림 위·단추 위 남는 자리를 똑같이 나눔 · 글자 크기 그대로) */ /* (2026-11-13 대표님 «바로 만들기·맡기기 단추가 너무 밑으로 처져 있다») 그림·제목·설명·단추를 한 덩어리로 칸 가운데 · 단추는 설명 바로 아래 · 두 칸 단추 높이를 맞추려 설명 칸을 두 줄 높이로 고정(종전: 그림 위·단추 위 margin-top:auto 로 단추가 칸 바닥에 붙음) */ .pdl-ncw__start .weddingStartTile__desc { min-height: 2.8em; } /* (폰 · «맡기기 · 25,000원~» 의 «~»만 다음 줄로 꺾이던 것) 단추 글은 띄어쓰기에서만 꺾고 · 폰은 단추 옆 여백만 줄여 한 줄로(글자 크기 그대로) */ .pdl-ncw__start .weddingStartTile__go { word-break: keep-all; } /* (2026-11-14 대표님 52582 «빈 판으로 시작을 위로 올리고 아이콘·버튼은 밑으로 — 그래야 옆하고 맞잖아») 시작 칸 차례 = 제목·설명(위) → 그림(옆 디자인 칸 그림 자리 가운데) → 단추(아래 · 옆 칸 이름 줄 높이) — 칸 안에서 위아래로 벌림(새 색·새 칸 없음) */ .pdl-ncw__start .weddingStartTile__link { justify-content: space-between; padding-top: var(--bj-space-3, 24px); padding-bottom: var(--bj-space-3, 24px); } .pdl-ncw__start .weddingStartTile__title { order: 1; } .pdl-ncw__start .weddingStartTile__desc { order: 2; min-height: 0; } .pdl-ncw__start .weddingStartTile__scene { order: 3; margin: auto 0; } .pdl-ncw__start .weddingStartTile__go { order: 4; margin-top: 0; } @media (max-width: 767px) { .pdl-ncw__start .weddingStartTile__go { padding-left: var(--bj-space-1, 8px); padding-right: var(--bj-space-1, 8px); } }
.pdl-ncw .bj-new-arrivals__item img { aspect-ratio: 235 / 275; object-fit: cover; }   /* (대표님 직접 «위아래 띠 · 한 톤으로») 사진이 칸을 꽉 채워 칸 바탕 띠가 안 보이게 — 양옆 회색 바탕만 조금 잘림(명함은 그대로) */   /* 칸 그림 비율 = 아래 선반 칸(.slf-media 235/275 · self-catalog.css) */
.pdl-ncw .bj-new-arrivals__list { gap: 20px; } .pdl-ncw .bj-new-arrivals__cell { flex: 0 0 calc((100% - 3 * 20px) / 4); }   /* (2026-11-13 대표님 50169 «밑에 전체처럼 똑같이») 후가공 칸 = 아래 업종 선반(.pdl-rowlist) 칸과 같은 폭·같은 사이 — PC 4칸 · 나머지는 옆으로 밀기(같은 화살표·진행선) */
@media (max-width: 767px) { .pdl-ncw .bj-new-arrivals__list { gap: 12px; } .pdl-ncw .bj-new-arrivals__cell { flex-basis: calc((100% - 12px) / 2.2); } }   /* 폰 = 업종 선반과 같은 2.2칸 · 사이 12px */
.pdl-rowlist--top { gap: 12px; }
.pdl-rowlist--top > .slf-item { flex: 0 0 calc((100% - 7 * 12px) / 8); }
.pdl-top .slf-name { white-space: normal; overflow: visible; text-overflow: clip; }   /* (김 부장 48720 ①) 칸 이름은 두 줄까지 — «내 파일·빈 판으로 시작»이 잘리지 않게 */
.pdl-top .slf-price { white-space: pre-line; }   /* (48982 ①) «○○원~» 줄 + «100장 기준» 줄 */
.pdl-top__item--photo .slf-media img { width: 100%; height: 100%; object-fit: cover; box-shadow: none; }   /* 후가공 실물 사진 = 칸 가득 */
.pdl-top .slf-item.is-current .slf-media { box-shadow: inset 0 0 0 2px var(--bj-ink); }   /* (②) 지금 보고 있는 칸 = 형태 창 고른 칸과 같은 선택 표시(검정 테두리) */
@media (max-width: 767px) { .pdl-rowlist--top > .slf-item { flex-basis: calc((100% - 2 * 12px) / 2.6); } }
/* 크기 칸만 — 창 모양은 card/css/pdl-formmodal.css(목록·셀프·명함 상세 같이 씀) */
.pdl-pk-size__row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--bj-space-2); }
.pdl-pk-size__field { display: flex; flex-direction: column; gap: var(--bj-space-1); font-size: var(--bj-type-caption); color: var(--bj-muted); }
.pdl-pk-size__field input { width: 6.5em; min-height: 44px; padding: 0 var(--bj-space-1); border: 1px solid var(--bj-ink); border-radius: 4px; background: #fff; font-size: var(--bj-type-control); color: var(--bj-ink); }
.pdl-pk-size__unit { align-self: center; color: var(--bj-muted); font-size: var(--bj-type-control); }
.pdl-pk-size__bad { color: var(--bj-danger, #b42318); }
/* (52545) «내 파일로 시작» 끌어 놓기 칸 — 점선 칸 · 새 색 없음(창 선·글 토큰) */
.pdl-file-drop { box-sizing: border-box; align-self: stretch; width: auto; max-width: none; margin: 0; display: flex; align-items: center; gap: var(--bj-space-2); padding: var(--bj-space-2); border: 1px dashed var(--bj-line-strong); border-radius: 12px; background: var(--bj-paper); }
.pdl-file-drop.is-over { border-color: var(--bj-ink); }
.pdl-file-drop__copy { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; gap: 4px; font-size: var(--bj-type-control); color: var(--bj-muted); word-break: keep-all; }
.pdl-file-drop__copy strong { color: var(--bj-ink); font-size: var(--bj-type-control); font-weight: 700; }
.pdl-file-drop__status:empty { display: none; } .pdl-file-drop__status { color: var(--bj-ink); }
.pdl-file-drop__pick { flex: none; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border-radius: 10px; background: var(--bj-ink); color: #fff; font-size: var(--bj-type-control); font-weight: 700; cursor: pointer; }
.pdl-file-drop__or { align-self: stretch; margin: 0; font-size: var(--bj-type-control); font-weight: 700; color: var(--bj-ink); }
@media (max-width: 640px) { .pdl-file-drop { flex-direction: column; align-items: stretch; } .pdl-file-drop__pick { width: 100%; } }/* (48523) 형태 창 모양 = card/css/pdl-formmodal.css (2026-11-13 셀프 목록과 함께 쓰려고 옮김 · 대표님 52142) */
/* (2026-11-12 대표님 49327·49336·49354 · 최종 한 장 4판) 목록 위 메뉴 — 대분류 탭 = 글자 + 밑줄 3px + 굵게 · 용도·업종 칩 = 단추(청첩장 목록 «필터» 단추와 같은 값:
   테두리 #b8c0c3 · 모서리 --bj-control-radius · 글자 --bj-nav-indicator · 높이 48 · 간격 8 · 고른 칩 = --bj-ink 바탕 + 흰 글자) · 폰 칩 줄 = 옆으로 넘김 + 오른쪽 끝 «›».
   이 목록(인쇄·홍보물·명함 · <main data-pdl-list>)에만 — 같은 부품을 쓰는 청첩장 목록은 대표님 결정(C5) 뒤. 끄개 card/data/print_menu_v4.off */
/* (2026-11-13 대표님 직접 «중 메뉴 글씨 크기가 커졌어 · 운영에 있는 걸로 맞춰») 분류 줄 글자 크기·굵기 = 운영과 같은 공용 값(PC 15 · 폰 16 · 500/600) — 종전 17px·400/700 덮어쓰기 뺌 */
.pdl--menu4 .weddingCatalogContextNav__link:not(.is-current) { color: var(--catalog-nav-muted); }   /* (기획실 검증 2 · 김 부장) 안 고른 탭 = 회색·보통 굵기(같은 줄 보조 글 토큰) */
.pdl--menu4 .weddingCatalogContextNav__link.is-current::after { height: 3px; }
.pdl--menu4 .weddingCatalogContextNavShell--with-submenu { height: auto; }
.pdl--menu4:not(.pdl--ncw):not(.pdl--subtext) .companionFinishingNav__tabs { justify-content: flex-start; flex-wrap: wrap; gap: 8px; padding: 12px 0; }
.pdl--menu4:not(.pdl--ncw):not(.pdl--subtext) .companionFinishingNav__item { height: 48px; padding: 0 14px; border: 1px solid #b8c0c3; border-radius: var(--bj-control-radius); background: #fff; color: var(--bj-nav-indicator); font-size: 16px; font-weight: 500; }
.pdl--menu4:not(.pdl--ncw):not(.pdl--subtext) .companionFinishingNav__item.is-current { border-color: var(--bj-ink); background: var(--bj-ink); color: #fff; font-weight: 700; }
.pdl--menu4:not(.pdl--ncw):not(.pdl--subtext) .companionFinishingNav__item.is-current::after { display: none; }
.pdl--menu4 .slf-filter-btn { height: 44px; }
.pdl--menu4:not(.pdl--ncw):not(.pdl--subtext).pdl--chips-scroll .companionFinishingNav__tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }   /* PC 칩이 넘치면 두 줄(기본 · 기획실 검증 2) — 한 줄 넘김으로 바꾸기: card/data/print_menu_chips_scroll.on */
.pdl--menu4 .slf-filter-btn__label { font-size: 16px; }
@media (width < 768px) {
	.pdl--menu4:not(.pdl--ncw):not(.pdl--subtext) .companionFinishingNav { position: relative; }
	.pdl--menu4:not(.pdl--ncw):not(.pdl--subtext) .companionFinishingNav__tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding: 12px 40px 12px 16px; }
	.pdl--menu4:not(.pdl--ncw):not(.pdl--subtext) .companionFinishingNav__tabs::-webkit-scrollbar { display: none; }
	.pdl--menu4:not(.pdl--ncw):not(.pdl--subtext) .companionFinishingNav__item { flex: none; font-size: 15px; }
	.pdl--menu4:not(.pdl--ncw):not(.pdl--subtext) .companionFinishingNav::after { position: absolute; top: 12px; right: 0; display: flex; align-items: center; justify-content: flex-end; width: 40px; height: 48px; padding-right: 12px; background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 45%); color: var(--bj-nav-indicator); font-size: 26px; content: "\203A"; pointer-events: none; }
	.pdl--menu4 .slf-filter-btn__label { font-size: 15px; }
}
/* (2026-11-13 대표님 직접 «전체·병원·건강… 이것도 좌측 정렬 · 카드·엽서·포스터·리플릿도 명함 기준에 맞춰») 아래 분류 줄 = 명함과 같은 글자 탭(밑줄이 고른 칸) · 왼쪽 정렬 —
   위 분류 줄(웹디자이너 QA #2909 왼쪽 정렬)과 같은 왼쪽 선 · 칩 단추 모양은 이 끄개로 되돌림: card/data/print_sub_text.off */
.pdl--subtext .companionFinishingNav__tabs { justify-content: flex-start; }
@media (min-width: 768px) { .pdl--subtext .companionFinishingNav__tabs { gap: var(--bj-space-2); } }