/* RECOVERIC 매거진 · 디자이너 브랜드관 (/designers/ · /designers/<slug>/ · 메인 This Week's Designer · /news/designer/ · 양식 · 미리 보기 · 관리) — 2026-11-03
   흰 바탕 · 검정 글자 · 포인트 네이비 #1B2438 · Bodoni Moda(숫자 · 영문) + Noto Serif KR(제목) + Noto Sans KR(본문) · keep-all */
.dz,.dz-week,.dzf{word-break:keep-all;--navy:#1B2438;--line:#E6E6E6;--mute:#6A6A6A}
.dz-crumb{margin:44px 0 0}
.dz-crumb a{color:inherit}
.dz-kick{margin:0;color:var(--navy)}
.dz-dot{margin:0 8px;opacity:.6}
.dz-head{margin-top:18px;padding-bottom:32px;border-bottom:1px solid #111111}
.dz-title{margin:14px 0 0;font-size:84px}
.dz-dek{max-width:760px;margin:22px 0 0;font-size:19px;line-height:1.85;color:#222222}
.dz-note{max-width:760px;margin:22px 0 0;padding:12px 0 12px 16px;border-left:2px solid var(--navy);font-size:14px;line-height:1.7;color:var(--navy)}
.dz-note b{font-weight:500;margin-right:8px}
.dz-sample{position:absolute;left:12px;top:12px;padding:4px 8px;background:#FFFFFF;color:#111111;font:500 11px/1 'Noto Sans KR',sans-serif;letter-spacing:.12em;border:1px solid #111111}
.dz-sample.in{position:static;display:inline-block;margin-left:10px;vertical-align:1px}
/* 고르기 */
.dz-filter{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:18px 40px;align-items:start;margin-top:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.dz-fg{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dz-fl{width:100%;margin:0 0 4px;color:var(--mute)}
.dz-chip{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid #CFCFCF;background:#FFFFFF;color:#111111;font:400 14px/1 'Noto Sans KR',sans-serif;cursor:pointer;border-radius:0;white-space:nowrap}
.dz-chip:hover{border-color:#111111}
.dz-chip.on,.dz-chip[aria-pressed="true"]{background:#111111;border-color:#111111;color:#FFFFFF}
.dz-chip input{position:absolute;opacity:0;pointer-events:none}
.dz-chip:has(input:checked){background:#111111;border-color:#111111;color:#FFFFFF}
.dz-chip:has(input:focus-visible),.dz-chip:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.dz-count{justify-self:end;align-self:end;margin:0;font-size:14px;color:var(--mute)}
.dz-count .bod{font-size:28px;color:#111111;margin-right:4px}
.dz-reset{-webkit-appearance:none;appearance:none;margin-left:14px;padding:0;border:0;background:none;color:var(--navy);font:500 13px/1 'Noto Sans KR',sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:40px}
/* 카드 */
.dz-grid{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px}
.dz-grid-s{margin-top:32px}
.dz-card[hidden]{display:none}
.dz-card-a{display:block;color:inherit;text-decoration:none}
.dz-card-kr{display:table;margin:10px 0 0;padding:1px 6px;border:1px solid var(--navy);color:var(--navy);font-family:'Bodoni Moda',serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;vertical-align:1px}
.dz-card-t{text-decoration:underline;text-underline-offset:5px}
.dz-card-f{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;background:#F2F2F0}
.dz-card-f img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.dz-card-a:hover .dz-card-f img{transform:scale(1.025)}
.dz-card-m{margin:16px 0 0;color:var(--mute)}
.dz-card-t{margin:10px 0 0;font-size:24px;line-height:1.4;font-weight:500}
.dz-card-l{margin:8px 0 0;font-size:15px;line-height:1.75;color:#333333}
.dz-empty{margin:40px 0 0;padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.dz-empty[hidden]{display:none}
.dz-empty .ser{margin:0;font-size:22px}
.dz-empty .mute{margin:12px auto 22px;max-width:520px;font-size:14px;line-height:1.8}
.dz-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:1px solid #111111;background:#FFFFFF;color:#111111;font:500 14px/1 'Noto Sans KR',sans-serif;letter-spacing:.02em;text-decoration:none;cursor:pointer;border-radius:0;white-space:nowrap}
.dz-btn:hover{background:#111111;color:#FFFFFF;text-decoration:none}
.dz-btn.navy{background:var(--navy);border-color:var(--navy);color:#FFFFFF}
.dz-btn.navy:hover{background:#111111;border-color:#111111}
.dz-btn.ghost{border-color:#CFCFCF;color:#444444}
.dz-btn:disabled{opacity:.5;cursor:default}
.dz-btn:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.dz-nw{font-size:11px;letter-spacing:.06em;opacity:.7;font-weight:400}
.dz-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dz-join{margin-top:120px;padding:48px 0 0;border-top:1px solid #111111;max-width:820px}
.dz-join h2{margin:12px 0 0;font-size:32px;font-weight:500;line-height:1.4}
.dz-join p{margin:16px 0 0;font-size:16px;line-height:1.85;color:#333333}
/* 브랜드 지면 — 보그 · 킨포크 지면 문법: 큰 사진 하나와 비대칭 격자, 넓은 여백, Bodoni 숫자 · Noto Serif KR 제목 (2026-11-03 2차 다듬기) */
.dz-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;align-items:start;margin-top:22px}
.dz-hero-f{margin:0}
.dz-hero-f img{display:block;width:100%;height:auto;aspect-ratio:4/5;max-height:min(86vh,1040px);object-fit:cover;background:#F2F2F0}
.dz-lb-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.dz-lb-open:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.dz-hero-t{position:sticky;top:110px;padding-top:12px}
.dz-name{margin:18px 0 0;font-size:48px;line-height:1.22;font-weight:500;letter-spacing:-.01em}
.dz-en{margin:10px 0 0;font-size:17px;letter-spacing:.32em;color:var(--navy)}
.dz-line{margin:26px 0 0;font-size:21px;line-height:1.7;color:#222222}
.dz-quote{margin:30px 0 0;padding:24px 0 0;border-top:1px solid var(--line)}
.dz-quote p{margin:0;font-size:19px;line-height:1.85;font-style:italic;color:#111111}
.dz-quote footer{margin-top:12px;font-size:13px}
.dz-hero-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.dz-none{margin:14px 0 0;font-size:14px;line-height:1.8;color:var(--mute)}
.dz-none-s{font-size:13px}
.dz-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:32px 0 0;padding:22px 0 0;border-top:1px solid var(--line)}
.dz-facts dt{color:var(--mute);margin:0}
.dz-facts dd{margin:8px 0 0;font-size:15px;line-height:1.5}
.dz-facts dd.bod,.dz-facts .bod{font-size:20px;letter-spacing:.02em}
.dz-facts-w{grid-column:1 / -1}
.dz-mik{display:inline-block;margin-right:10px;padding:3px 8px 2px;border:1px solid var(--navy);color:var(--navy);font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;vertical-align:1px}
.dz-sec{margin-top:144px}
.dz-st{font-size:60px}
.dz-n0{letter-spacing:0}
/* 룩북 격자: 12칸 · 다섯 장마다 7·5 / 4·4·4 리듬. 남는 장은 가운데로 */
.dz-looks{list-style:none;margin:44px 0 0;padding:0}
.dz-lk{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:64px;align-items:end}
.dz-lk>li{grid-column:span 4;min-width:0}
@container mg (min-width:901px){
.dz-lk>li:nth-child(5n+1){grid-column:span 7}
.dz-lk>li:nth-child(5n+2){grid-column:span 5;padding-bottom:12%}
.dz-lk>li:nth-child(5n+1):last-child{grid-column:3 / span 8}
.dz-lk>li:nth-child(5n+3):nth-last-child(2),.dz-lk>li:nth-child(5n+4):last-child{grid-column:span 6}
.dz-lk>li:nth-child(5n+3):last-child{grid-column:5 / span 4}
}
.dz-looks img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#F2F2F0;transition:opacity .35s ease}
.dz-looks li.l img{aspect-ratio:3/2}
.dz-looks button:hover img{opacity:.9}
.dz-cap{display:flex;gap:12px;align-items:baseline;margin:14px 0 0;font-size:13px;line-height:1.6;color:#444444}
.dz-cap .bod{flex:none;font-size:15px;color:#111111;letter-spacing:.04em}
.dz-coll+.dz-coll{margin-top:96px}
.dz-coll-h{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 48px;align-items:baseline;margin-top:44px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.dz-coll-s{margin:0;grid-row:span 2;font-size:44px;line-height:1;letter-spacing:.02em;color:#111111}
.dz-coll-t{margin:0;font-size:24px;line-height:1.45;font-weight:500}
.dz-coll-n{margin:0;font-size:15px;line-height:1.8;color:#444444}
.dz-arch{margin-top:96px;border-top:1px solid #111111}
.dz-arch-k{margin:16px 0 0;color:var(--mute)}
.dz-arch-d{border-bottom:1px solid var(--line)}
.dz-arch-d summary{display:grid;grid-template-columns:120px minmax(0,1fr) auto 28px;gap:20px;align-items:baseline;padding:22px 0;cursor:pointer;list-style:none}
.dz-arch-d summary::-webkit-details-marker{display:none}
.dz-arch-d summary:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.dz-arch-s{font-size:24px;letter-spacing:.02em}
.dz-arch-t{font-size:18px}
.dz-arch-c{font-size:12px;letter-spacing:.12em;color:var(--mute);white-space:nowrap}
.dz-arch-c .bod{font-size:15px;color:#111111;letter-spacing:0}
.dz-arch-ic{position:relative;width:14px;height:14px;align-self:center}
.dz-arch-ic::before,.dz-arch-ic::after{content:"";position:absolute;left:0;top:6px;width:14px;height:1px;background:#111111;transition:transform .25s ease}
.dz-arch-ic::after{transform:rotate(90deg)}
.dz-arch-d[open] .dz-arch-ic::after{transform:rotate(0)}
.dz-arch-d .dz-coll-n{margin:0 0 6px}
.dz-lk-s{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;margin:18px 0 36px}
/* 캠페인 크레딧: 잡지 뒷면의 표기처럼 작은 대문자 역할 + 이름 */
.dz-credits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 32px;margin:64px 0 0;padding:22px 0 0;border-top:1px solid #111111}
.dz-credits dt{font-family:'Bodoni Moda',serif;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--navy)}
.dz-credits dd{margin:8px 0 0;font-family:'Noto Serif KR',serif;font-size:15px;line-height:1.6;color:#111111}
.dz-ig{display:block;margin-top:2px;font-family:'Noto Sans KR',sans-serif;font-size:12px;color:var(--mute);word-break:break-all}
.dz-pcap{margin-top:18px}
/* 이야기 */
.dz-story-b{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:72px;margin-top:44px}
.dz-sub{margin:0 0 14px;color:var(--mute)}
.dz-p{margin:0;font-size:19px;line-height:2.05;color:#1A1A1A}
.dz-dc{float:left;margin:6px 12px 0 0;font-family:'Noto Serif KR',serif;font-size:74px;line-height:.9;font-weight:500;color:var(--navy)}
.sr-dc{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dz-ed{padding-left:32px;border-left:1px solid var(--line);font-size:15px;line-height:1.9;color:#333333}
.dz-ed p{margin:0}
.dz-prof{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:34px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.dz-prof-f{margin:0}
.dz-prof-f img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#F2F2F0;filter:grayscale(1)}
.dz-prof-n{margin:0;font-size:18px;line-height:1.5;color:#111111}
.dz-prof-b{margin:8px 0 0!important;font-size:14px;line-height:1.8;color:#333333}
/* 영상(누르기 전에는 영상 사이트에 연결하지 않는 퍼가기) */
.dz-film{margin:44px 0 0}
.dz-film-b{position:relative;display:block;width:100%;padding:0;border:0;background:#0E1118;cursor:pointer;aspect-ratio:16/9;overflow:hidden}
.dz-film-b img{display:block;width:100%;height:100%;object-fit:cover;opacity:.78;transition:opacity .4s ease,transform .8s ease}
.dz-film-b:hover img{opacity:.66;transform:scale(1.015)}
.dz-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.85);border-radius:50%;color:#FFFFFF}
.dz-film-l{position:absolute;left:50%;top:calc(50% + 58px);transform:translateX(-50%);color:#FFFFFF;font-size:13px;letter-spacing:.32em;text-transform:uppercase;white-space:nowrap}
.dz-film-b:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.dz-film iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#0E1118}
/* 아이템 · 소재 · 핏 */
.dz-mat{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:8px 48px;margin:44px 0 0;padding:26px 0;border-top:1px solid var(--line)}
.dz-mat .dz-sub{margin:4px 0 0}
.dz-mat-p{margin:0;font-size:19px;line-height:1.9;color:#1A1A1A}
.dz-pieces{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid #111111}
.dz-mat+.dz-pieces{margin-top:0}
.dz-rv{display:inline-block;margin-left:8px;padding:2px 6px;border:1px solid var(--navy);color:var(--navy);font:500 10px/1.4 'Noto Sans KR',sans-serif;letter-spacing:.12em;vertical-align:2px}
/* 아이템(Pieces · 대표 지시 2026-11-04): 사고 싶게 만드는 지면 — 큰 사진(4:5 · 넘기기) 7 : 글 5. 가격 · 사이즈 · 컬러 · 소재 한 줄 · 스토리 한 줄 · 구매하기 · 도매 · 협업 문의 */
.dz-pc{padding:48px 0;border-bottom:1px solid var(--line)}
.dz-pc-ph{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 64px;align-items:start}
.dz-pc:not(.dz-pc-ph) .dz-pc-txt{max-width:760px}
.dz-pc-gal{position:relative;min-width:0}
.dz-pc-track{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;background:#F2F2F0}
.dz-pc-track::-webkit-scrollbar{display:none}
.dz-pc-track:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.dz-pc-sl{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:4 / 5;overflow:hidden}
.dz-pc-sl img{display:block;width:100%;height:100%;object-fit:cover}
.dz-pc-ctl{display:flex;align-items:center;gap:8px;margin-top:14px}
.dz-pc-cnt{margin:0 auto 0 0;display:flex;align-items:baseline;gap:6px;font-size:13px;color:var(--mute)}
.dz-pc-cnt .bod{font-size:17px;color:#111111;font-variant-numeric:lining-nums tabular-nums}
.dz-pc-of{opacity:.6}
.dz-pc-ar{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #111111;background:#FFFFFF;color:#111111;cursor:pointer}
.dz-pc-ar:hover{background:#111111;color:#FFFFFF}
.dz-pc-ar:disabled{border-color:#D6D6D6;color:#BDBDBD;background:#FFFFFF;cursor:default}
.dz-pc-ar:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.dz-pc-cap{margin:10px 0 0}
.dz-pc-ctl+.dz-pc-cap{margin-top:8px}
.dz-pc-txt{min-width:0}
.dz-pc-ph .dz-pc-txt{position:sticky;top:120px;padding-top:4px}
.dz-pc-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin:0}
.dz-pc-head .dz-rv{margin-left:0;vertical-align:0}
.dz-pc-n{font-size:40px;line-height:1}
.dz-pc-i{color:var(--navy)}
.dz-pc-t{margin:18px 0 0;font-size:32px;line-height:1.4;font-weight:500}
.dz-pc-note{margin:16px 0 0;font-size:17px;line-height:1.85;font-style:italic;color:#333333}
.dz-pc-price{margin:26px 0 0;display:flex;align-items:baseline;gap:4px;font-size:15px;color:#111111}
.dz-pc-price .bod{font-size:30px;line-height:1;font-variant-numeric:lining-nums tabular-nums}
.dz-pc-won{font-size:15px}
.dz-pc-dl{margin:26px 0 0;border-top:1px solid #111111}
.dz-pc-dl>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.dz-pc-dl dt{color:var(--mute);padding-top:2px}
.dz-pc-dl dd{margin:0;font-size:15px;line-height:1.7}
.dz-pc-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.dz-pc-acts:empty{display:none}
.dz-pc-acts .dz-btn{min-width:168px}
.dz-pc-biz{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:var(--mute)}
.dz-pc-gate{margin-top:14px;padding:18px 20px;border:1px solid var(--navy);background:#F6F7F9}
.dz-pc-gate p{margin:0;font-size:14px;line-height:1.75;color:#222222}
.dz-pc-gate .dz-pc-gate-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.dz-pc-gate .dz-btn{min-height:44px;padding:0 18px}
.dz-pc-go{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 22px;margin:22px 0 0;font-size:14px}
.dz-pc-go a{color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.dz-pc-go .bod{margin-left:6px;text-decoration:none}
.dz-pc-go .dz-pc-sub{color:var(--mute);font-size:13px}
.dz-src{margin:16px 0 0;font-size:12px;line-height:1.7}
.dz-fit-b{margin-top:72px}
.dz-fit-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;border-bottom:1px solid #111111}
.dz-fit-h .dz-sub{margin:0}
.dz-fit-u{margin:0;font-size:12px;letter-spacing:.08em;color:var(--mute)}
.dz-fit-u .bod{font-size:14px;color:#111111;letter-spacing:.04em}
.dz-fit-w{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dz-fit-w:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.dz-fit{width:100%;border-collapse:collapse;font-variant-numeric:lining-nums}
.dz-fit th,.dz-fit td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}
.dz-fit thead th{font:500 12px/1.4 'Noto Sans KR',sans-serif;letter-spacing:.06em;color:var(--mute)}
.dz-fit thead th:first-child,.dz-fit tbody th{text-align:left;padding-left:0}
.dz-fit tbody th{font-size:19px;font-weight:500;letter-spacing:.06em;color:var(--navy)}
.dz-fit td{font-size:20px;color:#111111}
.dz-fit tbody tr:hover td,.dz-fit tbody tr:hover th{background:#F7F7F5}
/* 생산 · 지속가능성 */
.dz-made{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.dz-made-c .dz-sub{margin-bottom:18px}
.dz-made-big{margin:0;font-size:112px;line-height:.9;letter-spacing:-.02em;color:var(--navy)}
.dz-made-big span{font-size:48px;margin-left:4px;vertical-align:.9em}
.dz-made-l{margin:14px 0 0;font-size:24px;line-height:1.4;font-weight:500}
.dz-made-w{margin:10px 0 0;font-size:15px;line-height:1.8;color:#444444}
.dz-made-s{margin:0;font-size:20px;line-height:1.9;color:#1A1A1A}
/* 무드보드 · 팔레트 */
.dz-mood{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:end;margin-top:44px}
.dz-mood.np{grid-template-columns:minmax(0,1fr)}
.dz-mood-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:end}
.dz-mood-g img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#F2F2F0}
.dz-mood-g li:nth-child(2) img{aspect-ratio:1/1}
.dz-mood-g.dz-m3 li:first-child{grid-row:span 2}
.dz-pal{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
.dz-pal li{border:1px solid var(--line);background:#FFFFFF}
.dz-sw{display:block;aspect-ratio:5/4;border-bottom:1px solid var(--line)}
.dz-sw-n{margin:12px 14px 0;font-size:15px;line-height:1.4;color:#111111}
.dz-sw-h{margin:4px 14px 14px;font-size:13px;letter-spacing:.1em;color:var(--mute)}
/* 구매처 · 입점처 · 일정 · 보도 */
.dz-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px}
.dz-shops{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.dz-stock{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid #111111}
.dz-stock li{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line);font-size:16px}
.dz-stock .k{color:var(--mute)}
.dz-stock a{color:#111111;font-family:'Noto Serif KR',serif;text-decoration:underline;text-underline-offset:4px}
.dz-sns{display:flex;flex-wrap:wrap;gap:8px 28px;margin:22px 0 0;font-size:14px}
.dz-sns>*{display:inline-flex;gap:10px;align-items:baseline;color:#111111}
.dz-sns .k{color:var(--mute)}
.dz-evs{list-style:none;margin:28px 0 0;padding:0}
.dz-ev{padding:20px 0;border-bottom:1px solid var(--line)}
.dz-ev.past{opacity:.6}
.dz-ev-w{margin:0;color:var(--navy)}
.dz-ev-t{margin:10px 0 0;font-size:19px;line-height:1.5}
.dz-ev-p{margin:6px 0 12px;font-size:13px}
.dz-press{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid #111111}
.dz-press li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.dz-yr{font-size:22px;color:var(--navy)}
.dz-press .k{margin:0;color:var(--mute)}
.dz-press .ser{display:block;margin:8px 0 0;font-size:18px;line-height:1.55;color:#111111}
.dz-press a.ser{text-decoration:underline;text-underline-offset:4px}
/* 크게 보기 */
.dz-lb{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(10,12,18,.96);color:#FFFFFF}
.dz-lb::backdrop{background:rgba(10,12,18,.96)}
.dz-lb-in{position:relative;height:100%;display:flex;align-items:center;justify-content:center}
.dz-lb-f{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 96px 28px;box-sizing:border-box}
.dz-lb-f img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain}
.dz-lb-c{display:flex;gap:14px;margin-top:16px;font:400 13px/1.5 'Noto Sans KR',sans-serif;color:rgba(255,255,255,.82)}
.dz-lb-c .bod{font-size:15px;color:#FFFFFF}
.dz-lb-x,.dz-lb-p,.dz-lb-nx{position:absolute;-webkit-appearance:none;appearance:none;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.5);background:transparent;color:#FFFFFF;cursor:pointer;border-radius:0}
.dz-lb-x{right:20px;top:20px}
.dz-lb-p{left:24px;top:50%;transform:translateY(-50%)}
.dz-lb-nx{right:24px;top:50%;transform:translateY(-50%)}
.dz-lb button:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
html.dz-lock{overflow:hidden}
/* 문의 */
.dz-ask{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:1px solid #111111;background:#FFFFFF;color:#111111}
.dz-ask::backdrop{background:rgba(17,17,17,.42)}
.dz-ask-f{padding:32px 32px 26px}
.dz-ask-f h2{margin:10px 0 0;font-size:26px;font-weight:500;line-height:1.4}
.dz-ask-n{margin:12px 0 0;font-size:14px;line-height:1.8;color:#333333}
.dz-ask-k{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;border:0}
.dz-ask-k legend{margin-bottom:10px;color:var(--mute)}
.dz-ask-l{display:block;margin:18px 0 0;font-size:13px;color:#444444}
.dz-ask-l input,.dz-ask-l textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px 14px;border:1px solid #CFCFCF;border-radius:0;font:400 15px/1.6 'Noto Sans KR',sans-serif;color:#111111;background:#FFFFFF}
.dz-ask-l input:focus,.dz-ask-l textarea:focus{outline:2px solid var(--navy);outline-offset:0;border-color:var(--navy)}
.dz-ask-c{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:13px;line-height:1.7;color:#444444;word-break:keep-all;cursor:pointer}
.dz-ask-c input{flex:none;width:16px;height:16px;margin:3px 0 0;accent-color:var(--navy)}
.dz-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.dz-ask-e{min-height:1.6em;margin:14px 0 0;font-size:14px;line-height:1.7;color:var(--navy)}
.dz-toast{position:fixed;left:50%;bottom:92px;z-index:10000;transform:translateX(-50%);display:flex;gap:18px;align-items:center;max-width:calc(100% - 32px);box-sizing:border-box;padding:14px 20px;background:#111111;color:#FFFFFF;font-size:14px;line-height:1.6}
.dz-toast[hidden]{display:none}
.dz-toast a{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* 메인 This Week's Designer */
.dz-week-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;margin-top:36px}
.dz-week-f{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#F2F2F0}
.dz-week-f img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.dz-week-f:hover img{transform:scale(1.02)}
.dz-week-n{margin:16px 0 0;font-size:44px;line-height:1.3;font-weight:500}
.dz-week-n a{color:inherit;text-decoration:none}
.dz-week-n a:hover{text-decoration:underline;text-underline-offset:6px}
.dz-week-p{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line)}
.dz-week-p li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.dz-week-p .k{color:var(--navy)}
.dz-week-p .bod{font-size:18px}
/* 디자이너 뉴스 */
.dz-news{list-style:none;margin:32px 0 0;padding:0}
.dz-news li{padding:24px 0;border-bottom:1px solid var(--line)}
.dz-news-t{display:block;margin:10px 0 0;font-size:22px;line-height:1.5;color:#111111}
.dz-news-s{margin:8px 0 0;font-size:15px;line-height:1.8;color:#333333}
/* 디자이너 뉴스 다섯 갈래(2026-11-04) */
.dz-nk{display:flex;flex-wrap:wrap;gap:8px 28px;margin:36px 0 0;padding:14px 0;border-top:1px solid #111111;border-bottom:1px solid var(--line)}
.dz-nk a{font-size:15px;color:#111111;text-decoration:none;word-break:keep-all}
.dz-nk a:hover{color:var(--navy)}
.dz-nk .bod{margin-right:8px;font-size:15px;color:var(--navy)}
.dz-ng{margin:64px 0 0;scroll-margin-top:96px}
.dz-ng-h{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding-bottom:18px;border-bottom:1px solid #111111}
.dz-ng-no{font-size:34px;line-height:1;color:var(--navy)}
.dz-ng-h .k{margin:0}
.dz-ng-h h2{margin:6px 0 0;font-size:28px;line-height:1.35;font-weight:500}
.dz-ng-d{margin:8px 0 0;font-size:14px;line-height:1.7}
.dz-ng .dz-news{margin:0}
.dz-ng .dz-news li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px;align-items:start}
.dz-news-f{margin:0}
.dz-news-f img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#F2F2F2}
.dz-news-f figcaption{margin:6px 0 0;font-size:11px;line-height:1.5;color:var(--mute);word-break:keep-all}
.dz-news-b .k{margin:0}
.dz-news-b .bod{font-size:13px}
.dz-ng-empty{margin:20px 0 0;font-size:15px}
.dz-news-note{margin:48px 0 0;font-size:13px;line-height:1.8}
/* 2026-11-04 대표 지적: 오른쪽 요약 지면이 열려 목록 폭이 좁아져도 화면 폭(media) 기준으로 2열이 되어 제목이 한두 글자씩 끊겼다.
   → 목록 자신의 폭(container) 기준으로 단을 나눈다. 2열은 목록 폭 960px 이상일 때만, 좁으면 1열 · 사진 폭도 줄인다. */
.dz-ng{container-type:inline-size;container-name:dzng}
@container dzng (min-width:960px){.dz-ng .dz-news{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}}
@container dzng (max-width:520px){.dz-ng .dz-news li{grid-template-columns:96px minmax(0,1fr);gap:16px}.dz-ng-h{grid-template-columns:48px minmax(0,1fr)}.dz-ng-no{font-size:28px}.dz-ng-h h2{font-size:24px}.dz-news-t{font-size:19px}}
@supports not (container-type:inline-size){
  @media (min-width:1100px){.dz-ng .dz-news{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}}
  @media (max-width:480px){.dz-ng .dz-news li{grid-template-columns:96px minmax(0,1fr);gap:16px}.dz-news-t{font-size:19px}}
}
.dz-ng .dz-news-b{min-width:0}
.dz-blank{max-width:860px;margin:56px 0 0}
.dz-blank-k{margin:0;font-size:20px;font-style:italic;color:var(--navy)}
.dz-blank h2{margin:12px 0 0;font-size:36px;line-height:1.35;font-weight:500}
.dz-blank>p{margin:18px 0 0;font-size:17px;line-height:1.85;color:#333333}
.dz-kinds{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid #111111}
.dz-kinds li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.dz-kinds .bod{font-size:26px;line-height:1}
.dz-kinds .ser{margin:0;font-size:19px}
.dz-kinds .mute{margin:6px 0 0;font-size:14px;line-height:1.7}
/* 양식 · 미리 보기 · 관리 */
.dzf-root{max-width:720px;margin:28px 0 0}
/* 넓은 화면: 양식·미리 보기·관리는 한 단(720)이라 오른쪽 절반이 비던 것 → 길잡이와 함께 가운데 읽기 단으로(2026-11-04 아트 디렉터) */
@container mg (min-width:1100px){.dzf>.dz-crumb,.dzf-root{max-width:720px;margin-left:auto;margin-right:auto}}
.dzf-status{margin:24px 0;font-size:15px;line-height:1.8;color:#333333}
.dzf-status.err{color:#8E2424}
.dzf-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;align-items:baseline;padding-bottom:12px;border-bottom:1px solid #111111}
.dzf-bar p{margin:0}
.dzf-prog{font-size:14px;color:#333333}
.dzf-prog .bod{font-size:22px;color:#111111}
.dzf-saved{font-size:12px;color:var(--mute);min-width:6em;text-align:right}
.dzf-dots{list-style:none;display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:10px 0 0;padding:0}
.dzf-dots li{height:2px;background:var(--line)}
.dzf-dots li.done,.dzf-dots li.on{background:var(--navy)}
.dzf-local{margin:18px 0 0;padding:10px 0 10px 14px;border-left:2px solid var(--navy);font-size:13px;line-height:1.7;color:var(--navy)}
.dzf-body{margin-top:28px}
.dzf-hello h1,.dzf-hello h2,.dzf-h1{margin:12px 0 0;font-size:32px;line-height:1.4;font-weight:500}
.dzf-hello p,.dzf-lead{margin:16px 0 0;font-size:16px;line-height:1.85;color:#333333}
.dzf-hello b,.dzf-lead b{font-weight:500;color:#111111}
.dzf-promise{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}
.dzf-promise li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.7}
.dzf-promise .bod{font-size:28px;line-height:1;color:var(--navy)}
.dzf-h{margin:0;font-size:26px;line-height:1.4;font-weight:500}
.dzf-f{margin:22px 0 0}
.dzf-l{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font:500 14px/1.5 'Noto Sans KR',sans-serif;color:#111111}
.dzf-req,.dzf-opt{font-size:11px;font-weight:400;letter-spacing:.08em;padding:1px 6px;border:1px solid #CFCFCF;color:var(--mute)}
.dzf-req{border-color:var(--navy);color:var(--navy)}
.dzf-cnt{margin-left:auto;font-size:12px;font-weight:400;color:var(--mute)}
.dzf-f input:not([type=checkbox]):not([type=radio]):not([type=file]),.dzf-f textarea,.dzf-f select{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px 14px;border:1px solid #CFCFCF;border-radius:0;font:400 16px/1.6 'Noto Sans KR',sans-serif;color:#111111;background:#FFFFFF}
.dzf-f input:focus,.dzf-f textarea:focus,.dzf-f select:focus{outline:2px solid var(--navy);outline-offset:0;border-color:var(--navy)}
.dzf-f input[type=file]{margin-top:10px;font-size:14px;max-width:100%}
.dzf-why{margin:8px 0 0;font-size:13px;line-height:1.7;color:var(--mute)}
.dzf-why a{color:var(--navy)}
.dzf-err{margin:6px 0 0;min-height:0;font-size:13px;line-height:1.6;color:#8E2424}
.dzf-err:empty{display:none}
.dzf-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;font-size:15px;line-height:1.7;cursor:pointer}
.dzf-check input{flex:none;width:20px;height:20px;margin:3px 0 0;accent-color:var(--navy)}
.dzf-item{margin:24px 0 0;padding:6px 0 22px;border:0;border-bottom:1px solid var(--line)}
.dzf-item legend{display:flex;gap:10px;align-items:baseline;padding:0;color:var(--navy)}
.dzf-item legend .bod{font-size:18px;letter-spacing:0}
.dzf-x{-webkit-appearance:none;appearance:none;margin-left:auto;padding:0 4px;min-height:36px;border:0;background:none;color:var(--navy);font:400 13px/1 'Noto Sans KR',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dzf-x:disabled{opacity:.35;cursor:default}
.dzf-tips{margin:14px 0 0;padding-left:20px;font-size:14px;line-height:1.9;color:#333333}
.dzf-thumbs{list-style:none;margin:12px 0 0;padding:0}
.dzf-thumbs li{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;word-break:break-all}
.dzf-thumbs .bod{font-size:16px}
.dzf-kinds{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;border:0}
.dzf-kinds[disabled]{opacity:.45}
.dzf-kinds legend{width:100%;margin-bottom:10px}
.dzf-draft{display:inline-block;margin:14px 0 0;padding:3px 8px;border:1px solid #8E2424;color:#8E2424;font-size:12px;letter-spacing:.06em}
.dzf-consent{margin:14px 0 0;padding-left:20px;font-size:15px;line-height:1.9;color:#222222}
.dzf-nav{display:flex;justify-content:space-between;gap:12px;margin:36px 0 0;padding-top:20px;border-top:1px solid var(--line)}
/* 첫 단계의 빈 자리(span)가 휴대폰에서 단추를 12px 밀던 것 → 빈 자리는 없애고 단추를 오른쪽 끝에(2026-11-04) */
.dzf-nav>span:empty{display:none}.dzf-nav>span:empty+.dz-btn{margin-left:auto}
.dzf-nav .dz-btn{min-width:120px}
.dzf-sum{margin:22px 0 14px;font-size:14px;line-height:1.8}
.dzf-sum ul{margin:8px 0 0;padding-left:18px;color:#8E2424}
.dzf-lock{margin:0;padding:16px 18px;background:#F4F5F8;border-left:3px solid var(--navy);font-size:15px;line-height:1.8;color:#111111}
.dzf-lock b{font-weight:500;color:var(--navy)}
.dzf-pv{margin-top:28px;padding:28px 0;border-top:1px solid #111111;border-bottom:1px solid #111111}
.dzf-sents{list-style:none;margin:22px 0 0;padding:0}
.dzf-sents li{padding:14px 0;border-bottom:1px solid var(--line)}
.dzf-sents .ser{margin:0;font-size:17px;line-height:1.9}
.dzf-fix{-webkit-appearance:none;appearance:none;margin-top:6px;padding:0;min-height:36px;border:0;background:none;color:var(--navy);font:400 13px/1 'Noto Sans KR',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dzf-note{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px 12px;border:1px solid var(--navy);border-radius:0;font:400 14px/1.6 'Noto Sans KR',sans-serif}
.dzf-note[hidden],.dz-reset[hidden],.dz-toast[hidden]{display:none}
.dzf-pv-items,.dzf-pv-looks{margin-top:26px}
.dzf-pv-items ul,.dzf-pv-looks ol{list-style:none;margin:10px 0 0;padding:0}
.dzf-pv-items li,.dzf-pv-looks li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7}
.dzf-pv-items b{font-weight:500}
.dzf-ord{margin-left:auto;display:flex;gap:6px}
.dzf-ord .dzf-x{margin:0}
.dzf-tone{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;border:0}
.dzf-tone legend{width:100%;margin-bottom:10px}
.dzf-acts{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.dzf-msg{min-height:1.6em;margin:14px 0 0;font-size:14px;line-height:1.8;color:var(--navy)}
.dzf-state{margin:12px 0 0;font-size:15px;color:#333333}
.dzf-state b{font-weight:500;color:var(--navy)}
.dzf-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:26px 0 0;border-top:1px solid #111111;border-bottom:1px solid #111111}
.dzf-stats div{padding:18px 16px 16px 0}
.dzf-stats div+div{padding-left:16px;border-left:1px solid var(--line)}
.dzf-stats .bod{margin:0;font-size:38px;line-height:1}
.dzf-stats .k{margin:10px 0 0;color:var(--mute)}
.dzf-inq,.dzf-inbox{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.dzf-inbox ul{list-style:none;margin:16px 0 0;padding:0}
.dzf-inbox li{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7}
.dzf-inbox li p{margin:4px 0 0}
.dzf-inbox .ser{font-size:16px}
.dzf-code{margin-top:28px}
.dzf-row{display:flex;gap:8px;margin-top:8px}
.dzf-row input{flex:1;min-width:0;padding:12px 14px;border:1px solid #CFCFCF;border-radius:0;font:400 16px/1.6 'Noto Sans KR',sans-serif}
.dzf-code{max-width:560px;position:relative}
.dzf-row input:focus-visible{outline:2px solid var(--navy);outline-offset:1px}
.dzf-row .dz-btn{flex:none;white-space:nowrap}
.dzf-status.ok{color:var(--navy)}
.dzf-code .dzf-err:empty{display:none}
@container mg (max-width:480px){.dzf-row{flex-direction:column}.dzf-row .dz-btn{width:100%}}
.dzf-pv-new{position:relative}
.dzf-pv-new .dz-card-f{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;background:#F3F4F7;color:var(--navy);font:italic 400 22px/1.3 'Bodoni Moda',serif}
/* 양식 '더 보여 주고 싶은 것' · 보완 요청 · 알림 */
.dzf-more{margin-top:12px;border-top:1px solid var(--line)}
.dzf-more:last-of-type{border-bottom:1px solid var(--line)}
.dzf-more summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:12px;align-items:center;min-height:60px;padding:12px 0;cursor:pointer;list-style:none}
.dzf-more summary::-webkit-details-marker{display:none}
.dzf-more summary:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.dzf-more-t{display:flex;flex-direction:column;gap:4px}
.dzf-more-t .ser{font-size:17px;line-height:1.4;color:#111111}
.dzf-more-d{font-size:13px;line-height:1.5;color:var(--mute)}
.dzf-more-on{padding:2px 8px;border:1px solid var(--navy);color:var(--navy);font-size:11px;letter-spacing:.08em;white-space:nowrap}
.dzf-more-ic{position:relative;width:14px;height:14px}
.dzf-more-ic::before,.dzf-more-ic::after{content:"";position:absolute;left:0;top:6px;width:14px;height:1px;background:#111111}
.dzf-more-ic::after{transform:rotate(90deg);transition:transform .2s}
.dzf-more[open] .dzf-more-ic::after{transform:rotate(0)}
.dzf-more-b{padding:0 0 26px}
.dzf-more-b>.dzf-why:first-child{margin-top:0}
.dzf-rows{margin-top:6px}
.dzf-row-g{margin-top:16px;padding:4px 0 16px 16px;border-left:2px solid var(--line)}
.dzf-row-n{display:flex;align-items:baseline;gap:10px;margin:0;color:var(--navy)}
.dzf-row-n .bod{font-size:16px;letter-spacing:0}
.dzf-radd{margin:14px 0 0;padding:0;font-size:14px}
.dzf-color{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.dzf-color .dzf-l{width:100%}
.dzf-color input[type=color]{display:inline-block!important;width:56px!important;height:44px;margin:0!important;padding:2px;border:1px solid #CFCFCF;border-radius:0;background:#FFFFFF;cursor:pointer}
.dzf-hex{font-size:15px;letter-spacing:.08em;color:#333333}
.dzf-sub{margin:26px 0 0}
.dzf-fitpv{margin-top:16px}
.dzf-fitpv .dz-fit td{font-size:16px}.dzf-fitpv .dz-fit th,.dzf-fitpv .dz-fit td{padding:10px 8px}
.dzf-fixbox,.dzf-alert{margin:18px 0 0;padding:16px 18px;border:1px solid var(--navy);background:#F4F5F8;font-size:15px;line-height:1.8;color:#111111}
.dzf-fixbox .k,.dzf-alert .k{margin:0 0 6px;color:var(--navy)}
.dzf-fixbox p,.dzf-alert p{margin:0}
.dzf-alert{border-color:#8E2424;background:#FBF4F4}.dzf-alert .k{color:#8E2424}
.dzf-alert ul{margin:8px 0 0;padding-left:18px;font-size:14px}
.dzf-pv-more{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0}
.dzf-pv-more li{padding:4px 10px;border:1px solid #CFCFCF;font-size:13px;border-bottom:1px solid #CFCFCF!important}
.dzf-pv-th{width:36px;height:45px;object-fit:cover;background:#F2F2F0}
@container mg (max-width:1100px){.dz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dz-filter{grid-template-columns:1fr 1fr}.dz-count{justify-self:start}}
@container mg (max-width:1100px){.dz-credits{grid-template-columns:repeat(2,minmax(0,1fr))}.dz-lk-s{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container mg (max-width:900px){
.dz-hero,.dz-week-g,.dz-story-b,.dz-two,.dz-made,.dz-mood,.dz-mat{grid-template-columns:1fr;gap:32px}
.dz-hero-t{position:static}
.dz-ed{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}
.dz-lk{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:36px}
.dz-lk>li{grid-column:span 1}
.dz-lk>li:nth-child(3n+1){grid-column:1 / -1}
.dz-lk>li:nth-child(3n+2):last-child{grid-column:1 / -1}
.dz-coll-h{grid-template-columns:1fr;gap:10px}
.dz-coll-s{grid-row:auto}
.dz-pc-ph{grid-template-columns:1fr;gap:28px}
.dz-pc-ph .dz-pc-txt{position:static}
.dz-mat{gap:10px}
}
@media (max-width:720px){
.dz-toast{left:16px;right:16px;transform:none;bottom:calc(var(--rv-dock-h,56px) + 16px)}
}
@container mg (max-width:720px){
.dz-crumb{margin-top:24px}
.dz-title{font-size:52px}
.dz-title small{display:block;margin:10px 0 0}
.dz-dek{font-size:16px;line-height:1.8}
.dz-filter{grid-template-columns:1fr;gap:16px}
.dz-fg{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none}
.dz-fg::-webkit-scrollbar{display:none}
.dz-fl{flex:none;width:auto;margin:0 6px 0 0}
.dz-grid{grid-template-columns:1fr;gap:44px}
.dz-name{font-size:36px}
.dz-line{font-size:18px}
.dz-sec{margin-top:104px}
.dz-st{font-size:40px}
.dz-st small{display:block;margin:8px 0 0}
.dz-lk{row-gap:30px;column-gap:12px;align-items:start}
.dz-cap{font-size:12px;gap:8px;margin-top:10px}
.dz-coll-s{font-size:34px}
.dz-coll-t{font-size:20px}
.dz-arch-d summary{grid-template-columns:76px minmax(0,1fr) 20px;gap:12px}
.dz-arch-c{display:none}
.dz-arch-s{font-size:19px}
.dz-arch-t{font-size:16px}
.dz-lk-s{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
.dz-credits{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-top:48px}
.dz-dc{font-size:58px;margin-right:10px}
.dz-prof{grid-template-columns:96px minmax(0,1fr);gap:16px}
.dz-play{width:64px;height:64px;margin:-32px 0 0 -32px}
.dz-film-l{top:calc(50% + 44px);font-size:11px}
.dz-mat-p{font-size:17px}
.dz-fit th,.dz-fit td{padding:14px 8px}
.dz-fit td{font-size:17px}
.dz-fit tbody th{font-size:16px}
.dz-made-big{font-size:84px}
.dz-made-big span{font-size:36px}
.dz-made-s{font-size:17px}
.dz-pal{gap:14px 12px}
.dz-mood-g{gap:12px}
.dz-stock li{grid-template-columns:64px minmax(0,1fr);gap:12px}
.dz-press li{grid-template-columns:56px minmax(0,1fr);gap:12px}
.dz-yr{font-size:18px}
.dz-p{font-size:17px;line-height:1.95}
.dz-spec{grid-template-columns:1fr 1fr}
.dz-week-n{font-size:32px}
.dz-lb-f{padding:64px 0 76px}
.dz-lb-p,.dz-lb-nx{top:auto;bottom:16px;transform:none}
.dz-lb-p{left:16px}
.dz-lb-nx{right:16px}
.dz-lb-x{right:12px;top:12px}
.dz-ask-f{padding:26px 20px 22px}
.dz-btn{min-height:48px}
.dz-hero-acts .dz-btn,.dz-acts .dz-btn{flex:1 1 auto}
.dzf-hello h1,.dzf-hello h2,.dzf-h1{font-size:26px}
.dzf-stats .bod{font-size:30px}
.dzf-nav .dz-btn{flex:1}
.dz-blank h2{font-size:28px}
}
/* 우리 브랜드 소개 신청하기 단추(2026-11-04): 머리는 단추 하나만 · 넓은 화면에서 늘어나지 않게 */
.dz-head-acts{margin-top:22px}.dz-head-acts .dz-btn{flex:0 0 auto}
.dz-join .dz-acts .dz-btn{flex:0 0 auto}
.dz-join-note{margin:12px 0 0;font-size:13px;line-height:1.7}
@container mg (max-width:480px){.dz-head-acts .dz-btn,.dz-join .dz-acts .dz-btn{flex:1 1 auto}}

/* 아이템 휴대폰(11-04): 사진은 화면 끝까지(본문 20px 여백을 넘어 꽉 차게) · 밀어서 넘기기 · 단추는 한 줄에 하나씩 */
@container mg (max-width:720px){
.dz-pc{padding:36px 0}
.dz-pc-gal{margin:0 -20px}
.dz-pc-ctl,.dz-pc-cap{padding:0 20px}
.dz-pc-ar{display:none}
.dz-pc-t{font-size:25px}
.dz-pc-n{font-size:32px}
.dz-pc-note{font-size:16px}
.dz-pc-price .bod{font-size:26px}
.dz-pc-acts .dz-btn{flex:1 1 100%;min-width:0}
.dz-pc-dl>div{grid-template-columns:60px minmax(0,1fr);gap:12px}
}

/* 아이템 입력(11-04): 사진 8장(대표 · 순서 · 빼기) · RECOVERIC 원단 체크 · 가격 · 사이즈 · 컬러 세 칸 */
.dzf-ipics .dzf-l{display:flex;align-items:baseline;gap:6px}
.dzf-ip{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px}
.dzf-ip-i{position:relative;min-width:0}
.dzf-ip-i img,.dzf-ip-n{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;background:#F2F2F0}
.dzf-ip-n{display:flex;align-items:center;justify-content:center;padding:6px;box-sizing:border-box;font-size:12px;color:var(--mute);word-break:break-all;text-align:center}
.dzf-ip-i.on img,.dzf-ip-i.on .dzf-ip-n{outline:2px solid var(--navy);outline-offset:2px}
.dzf-ip-cv{position:absolute;left:0;top:0;padding:3px 8px;background:var(--navy);color:#FFFFFF;font:500 11px/1.4 'Noto Sans KR',sans-serif;letter-spacing:.08em}
.dzf-ip-b{display:flex;flex-wrap:wrap;gap:0 2px;margin-top:4px}
.dzf-ip-b .dzf-x{margin:0;min-height:32px;padding:0 4px;font-size:12px}
.dzf-ip-b .dzf-x:disabled{color:#BDBDBD;text-decoration:none;cursor:default}
.dzf-ip-add{display:inline-flex;align-items:center;margin-top:12px;min-height:44px;padding:0 18px;border:1px dashed #9A9A9A;font-size:14px;color:#111111;cursor:pointer}
.dzf-ip-add input{position:absolute;width:1px;height:1px;opacity:0}
.dzf-ip-add:focus-within{outline:2px solid var(--navy);outline-offset:2px}
.dzf-rcbox{margin:18px 0 0;padding:14px 16px;border:1px solid var(--line);background:#FAFAF8}
.dzf-rcbox .dzf-check{margin:0;font-weight:500;color:var(--navy)}
.dzf-rcbox .dzf-why{margin:6px 0 0}
.dzf-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}
@container mg (max-width:720px){.dzf-g3{grid-template-columns:1fr}.dzf-ip{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dz-ask-pc{margin:10px 0 0;color:var(--navy)}
/* 미리 보기 대표 아이템(11-04) */
.dzf-pv-items .dzf-pv-pcs li.dzf-pv-pc{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start;padding:16px 0}
.dzf-pv-pcf{display:block;width:96px;height:120px;object-fit:cover;background:#F2F2F0}
.dzf-pv-none{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--mute)}
.dzf-pv-pct b{font-size:17px;font-weight:500}
.dzf-pv-pct .dz-rv{margin-left:8px}
.dzf-pv-pct p{margin:4px 0 0;font-size:14px;line-height:1.7}
.dzf-pv-pct .dzf-pv-note{font-style:italic;color:#333333}
.dzf-pv-pct a{color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.dzf-pv-pct .dz-nw{margin-left:6px}

/* ===== 2026-11-04 대표 지적 뒤 다시 그림: 브랜드관 첫 화면 머리 · 거르기(상자 칩 → 글자 탭) · 결과 머리 (아트 디렉터)
   거르기 글자 탭은 공용 원칙: 이름표 11px 자간 넓힌 산세리프 대문자, 항목은 본문 크기 회색 글자, 고른 것은 진한 글자 + 네이비 1px 밑줄 */
.dz-head2{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:64px;align-items:end;margin-top:18px;padding-bottom:36px}
.dz-head2 .dz-head-m{min-width:0}
.dz-head-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px;padding-bottom:8px}
.dz-head-q{margin:0;font-size:12px;letter-spacing:.06em;color:var(--mute)}
.dz-apply{box-sizing:border-box;max-width:100%;display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 24px;border:1px solid var(--navy);background:#FFFFFF;color:var(--navy);font:500 14px/1 'Noto Sans KR',sans-serif;letter-spacing:.04em;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.dz-apply-ar{font-family:'Bodoni Moda',serif;font-size:18px;line-height:1;transition:transform .2s}
.dz-apply:hover{background:var(--navy);color:#FFFFFF;text-decoration:none}
.dz-apply:hover .dz-apply-ar{transform:translateX(4px)}
.dz-apply:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.dz-head2 .dz-note2{grid-column:1 / -1;max-width:none;margin:28px 0 0;padding:0;border:0;font-size:12.5px;line-height:1.7;color:var(--mute)}
.dz-filter.dz-tabs{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 56px;margin-top:0;padding:26px 0 22px;border-bottom:1px solid var(--line)}
.dz-tabs .dz-fg{display:flex;flex-wrap:nowrap;align-items:baseline;gap:0 20px;min-width:0}
.dz-tabs .dz-fl{flex:none;width:auto;margin:0;font:500 11px/1 'Noto Sans KR',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#6B6B6B}
.dz-tabs .dz-fr{display:flex;flex-wrap:nowrap;align-items:baseline;gap:0 18px}
.dz-tabs .dz-chip{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:#767676;font:400 15px/1 'Noto Sans KR',sans-serif;letter-spacing:0;white-space:nowrap;cursor:pointer;transition:color .15s}
.dz-tabs .dz-chip:hover{color:#111111;border:0}
.dz-tabs .dz-chip.on,.dz-tabs .dz-chip[aria-pressed="true"]{background:none;color:#111111;font-weight:500}
.dz-tabs .dz-chip.on::after,.dz-tabs .dz-chip[aria-pressed="true"]::after{content:'';position:absolute;left:0;right:0;bottom:9px;height:1px;background:var(--navy)}
.dz-tabs .dz-chip:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.dz-lh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:28px}
.dz-lh .dz-count{display:flex;align-items:baseline;gap:10px;margin:0;font-size:13px;color:var(--mute)}
.dz-count-k{font:500 11px/1 'Noto Sans KR',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#6B6B6B}
.dz-lh .dz-count .bod{margin:0;font-size:30px;line-height:1;color:#111111;-webkit-text-stroke:.3px #111111}
.dz-count-u{font-size:13px;color:var(--mute)}
.dz-lh .dz-reset{min-height:44px;margin:0}
.dz-lh+.dz-grid{margin-top:20px}
@container mg (max-width:1100px){.dz-filter.dz-tabs{display:flex}}
@container mg (max-width:900px){
.dz-head2{grid-template-columns:minmax(0,1fr);row-gap:28px}
.dz-head-side{align-items:flex-start;padding-bottom:0}
.dz-head2 .dz-note2{margin-top:0}
}
@container mg (max-width:720px){
.dz-filter.dz-tabs{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:2px;padding:14px 0 10px}
.dz-tabs .dz-fg{display:flex;flex-wrap:nowrap;overflow:visible;margin:0;padding:0;gap:0 16px}
.dz-tabs .dz-fl{width:64px;letter-spacing:.2em}
.dz-tabs .dz-fr{flex:1 1 auto;min-width:0;overflow-x:auto;margin-right:-20px;padding-right:20px;gap:0 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dz-tabs .dz-fr::-webkit-scrollbar{display:none}
.dz-head-side{width:100%}
.dz-apply{width:100%;justify-content:space-between}
.dz-lh{margin-top:22px}
}

/* ===== 2026-11-04 플랫폼 첫 화면(docs/20261104_디자이너브랜드_플랫폼_기획.md 3절): 머리 띠 · 추천 아이템 격자 · 카테고리 글자 탭 · 많이 본 10 · RECOVERIC Fabric · 브랜드 목록
   사진 위에는 아무것도 얹지 않는다 · 할인 딱지 · 깜박임 없음. 폭은 컨테이너(mg) 기준이라 요약 지면이 열려 왼쪽이 좁아지면 휴대폰 배치로 */
.dzx{--navy:#1B2438;--line:#E6E6E6;--mute:#6A6A6A;word-break:keep-all}
.dzp-band{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center;margin-top:48px}
.dzp-band-f{display:block;background:#F2F2F0}
.dzp-band-f img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;object-position:50% 32%}
.dzp-kick{margin:0;color:var(--navy)}
.dzp-band-n{margin:18px 0 0;font-size:44px;line-height:1.25;font-weight:500;letter-spacing:-.01em}
.dzp-band-en{margin:12px 0 0;font-size:16px;letter-spacing:.32em;color:var(--navy)}
.dzp-band-l{margin:24px 0 0;font-size:20px;line-height:1.7;color:#222222}
.dzp-band-m{margin:18px 0 0;font-size:13px;letter-spacing:.04em;color:var(--mute)}
.dzp-band-go{margin-top:30px}
.dzp-band-c{margin-top:22px}
.dzp-sec{margin-top:120px}
.dzp-tabs.dz-filter.dz-tabs{margin-top:20px;padding:14px 0 12px;border-top:0}
.dzp-grid{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 24px}
.dzp-card[hidden]{display:none}
.dzp-a{display:block;color:inherit;text-decoration:none}
.dzp-a:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
.dzp-f{margin:0;aspect-ratio:4/5;overflow:hidden;background:#F2F2F0}
.dzp-f img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.dzp-a:hover .dzp-f img{transform:scale(1.025)}
.dzp-b{margin:14px 0 0;font-size:12px;letter-spacing:.04em;color:var(--mute)}
.dzp-n{margin:6px 0 0;font-size:17px;line-height:1.5;font-weight:500}
.dzp-a:hover .dzp-n{text-decoration:underline;text-underline-offset:4px}
.dzp-p{margin:8px 0 0;font-size:14px;color:#111111}
.dzp-p .bod{font-size:17px;letter-spacing:.01em;-webkit-text-stroke:.25px #111111}
.dzp-won{margin-left:2px;font-size:13px}
.dzp-fn{margin:6px 0 0;font-size:12px;color:var(--navy)}
.dzp-src{margin:28px 0 0;font-size:13px;line-height:1.8}
.dzp-rank{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:44px 24px}
.dzp-rank li{display:grid;grid-template-rows:auto 1fr;row-gap:10px}
.dzp-rank-no{display:block;font-size:34px;line-height:1;color:var(--navy);-webkit-text-stroke:.4px var(--navy);border-bottom:1px solid #111111;padding-bottom:10px}
.dzp-fab-d{max-width:720px;margin:18px 0 0;font-size:17px;line-height:1.8;color:#222222}
.dzp-fab .dzp-grid{margin-top:32px}
.dzp .dz-join{margin-top:120px}
@container mg (max-width:1200px){.dzp-rank{column-gap:16px}.dzp-rank-no{font-size:28px}}
@container mg (max-width:960px){
  .dzp-band{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px}
  .dzp-band-f{margin:0 -20px}
  .dzp-band-f img{aspect-ratio:4/5}
  .dzp-band-n{font-size:32px}
  .dzp-band-l{font-size:17px;margin-top:16px}
  .dzp-band-go{width:100%;justify-content:space-between;margin-top:24px}
  .dzp-sec{margin-top:88px}
  .dzp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 14px;margin-top:20px}
  .dzp-n{font-size:15px}
  .dzp-rank{grid-template-columns:minmax(0,1fr);gap:0;margin-top:20px;border-top:1px solid #111111}
  .dzp-rank li{grid-template-columns:44px minmax(0,1fr);grid-template-rows:none;column-gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
  .dzp-rank-no{border:0;padding:0;font-size:24px}
  .dzp-rank .dzp-a{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:14px}
  .dzp-rank .dzp-f{grid-row:1 / 5}
  .dzp-rank .dzp-b{margin:2px 0 0}
  .dzp-rank .dzp-n{margin-top:4px}
  .dzp-rank .dzp-p{margin-top:4px}
  .dzp-fab-d{font-size:15.5px}
}
/* 아이템 요약 지면(#rv · reader.js RV_panel) — 사이트 공통 요약 지면(.rb)에 사진 넘기기 · 가격 · 독자 혜택 · 구매하기 */
#rv .dzx{padding-top:32px}
#rv .dzx-g{margin:0 0 10px}
#rv .dzx-tr{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#F2F2F0}
#rv .dzx-tr::-webkit-scrollbar{display:none}
#rv .dzx-tr:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
#rv .dzx-sl{flex:0 0 100%;scroll-snap-align:start}
#rv .dzx-sl img{display:block;width:100%;height:auto;aspect-ratio:4/5;max-height:min(72vh,820px);object-fit:cover}
#rv .dzx-ctl{display:flex;align-items:center;gap:8px;margin-top:12px}
#rv .dzx-cnt{margin:0 auto 0 0;display:flex;align-items:baseline;gap:6px;font-size:13px;color:var(--mute)}
#rv .dzx-cnt .bod{font-size:17px;color:#111111;font-variant-numeric:lining-nums tabular-nums}
#rv .dzx-cut{margin-top:6px}
#rv .dzx-k{margin-top:26px}
#rv .dzx-k .dz-rv{margin-left:10px;letter-spacing:.12em;vertical-align:1px}
#rv .dzx-t{font-size:32px}
#rv .dzx-pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 0;margin:14px 0 0}
#rv .dzx-pr .bod{font-size:28px;line-height:1;color:#111111;-webkit-text-stroke:.3px #111111}
#rv .dzx-won{margin-left:3px;font-size:15px}
#rv .dzx-pt{font-size:17px}
#rv .dzx-std{margin-left:14px;font-size:12px;letter-spacing:.04em;color:var(--mute)}
#rv .dzx-b{font-size:18px}
#rv .dzx-bn p:last-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.dzx-code{display:inline-block;padding:3px 10px;border:1px dashed var(--navy,#1B2438);color:var(--navy,#1B2438);font:600 14px/1.4 'Noto Sans KR',sans-serif;letter-spacing:.14em}
#rv .dzx-buy{background:var(--navy);gap:10px;min-width:220px}
#rv .dzx-buy:hover{background:#111111}
#rv .dzx-to{font-family:'Bodoni Moda',serif;font-size:18px;line-height:1}
#rv .dzx-buy .dz-nw{margin-left:4px}
#rv .dzx-brand{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
#rv .dzx-none{margin-top:14px;padding-left:14px;border-left:2px solid var(--navy);color:var(--navy)}
#rv .dzx-fab{margin:22px 0 0;font-size:14px}
#rv .dzx-fab a{color:var(--navy);text-decoration:underline;text-underline-offset:4px}
#rv .dzx-fab .bod{margin-left:6px}
@media (max-width:700px){#rv .dzx{padding-top:0}#rv .dzx-g{margin:0 -20px 10px}#rv .dzx-ctl{padding:0 20px}#rv .dzx-t{font-size:26px}#rv .dzx-std{flex-basis:100%;margin:8px 0 0}#rv .dzx-buy{min-width:0}}
/* 브랜드 지면 아이템: 가격 옆 '자사몰 기준' · 독자 혜택 한 줄 */
.dz-pc-std{margin-left:12px;font-size:12px;letter-spacing:.04em;color:var(--mute)}
.dz-pc-bn{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:18px 0 0;padding:14px 16px;background:#F6F5F2;border-left:2px solid var(--navy);font-size:14px;line-height:1.7}
.dz-pc-bn .k{flex-basis:100%;color:var(--navy)}
.dzf-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.dzf-bn{margin-top:28px;padding:20px 20px 4px;background:#F6F5F2;border-left:2px solid var(--navy)}
.dzf-bn .dzf-why{margin-top:8px}
@container mg (max-width:720px){.dzf-g2{grid-template-columns:1fr}.dzf-bn{padding:16px 14px 2px}}
/* 관리 화면 11-04: 이번 주 자사몰 이동 · 아이템과 자사몰 주소 · 독자 혜택 */
.dzf-wk{margin:26px 0 0;padding:22px 0 20px;border-top:1px solid #111111}
.dzf-wk .k{margin:0;color:var(--mute)}
.dzf-wk-n{display:flex;align-items:baseline;gap:12px;margin:12px 0 0}
.dzf-wk-l{font:500 15px/1.4 "Noto Sans KR",sans-serif}
.dzf-wk-n .bod{font-size:56px;line-height:1;color:var(--navy);-webkit-text-stroke:.5px var(--navy)}
.dzf-wk-u{font-size:15px}
.dzf-wk-s{margin:12px 0 0;font-size:13px;color:var(--mute)}
.dzf-wk-s .bod{font-size:15px;color:#111111}
.dzf-wk+.dzf-stats{margin-top:0}
.dzf-items{margin-top:44px}
.dzf-mi{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid #111111}
.dzf-mi li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.dzf-mi img{display:block;width:64px;height:80px;object-fit:cover;background:#F2F2F0}
.dzf-mi-none{display:flex;align-items:center;justify-content:center;width:64px;height:80px;background:#F2F2F0;font-size:11px;color:var(--mute)}
.dzf-mi-n{margin:0;font-size:16px;font-weight:500}
.dzf-mi-u{margin:6px 0 0;font-size:13px;line-height:1.6;color:#444444;overflow-wrap:anywhere;word-break:break-all}
.dzf-mi-s{margin:6px 0 0;font-size:12.5px;color:var(--mute)}
.dzf-mi-s .bod{font-size:14px;color:#111111}
.dzf-bn-m{margin-top:44px;padding-bottom:20px}
.dzf-bn-m .dzf-h{margin-top:0}
.dzp-tabs .dz-fl{width:auto!important;white-space:nowrap;margin-right:4px}

/* ===== 2026-11-04 아트 디렉터 검수(대표 지시 '매우 고급스럽고 심플하게') =====
   카드 글자 위계: 브랜드명(작은 산세리프 · 자간) → 아이템명(세리프) → 가격(Bodoni). '[샘플]'은 카드 한 곳에 작게 'Sample' 한 번 */
.dzp-b{display:flex;align-items:baseline;gap:10px;margin:16px 0 0;font:500 11px/1.4 'Noto Sans KR',sans-serif;letter-spacing:.14em;color:#5A5A5A}
.dzp-bn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dzp-s{flex:none;margin-left:auto;font:400 9.5px/1 'Bodoni Moda',serif;letter-spacing:.22em;text-transform:uppercase;color:#9A9A9A}
.dzp-kick .dzp-s,#rv .dzx-k .dzp-s{margin-left:14px;font-size:10px}
.dzp-n{margin:8px 0 0;font-size:16.5px;line-height:1.5;font-weight:500;letter-spacing:-.005em}
.dzp-p{margin:10px 0 0}
.dzp-fn{margin:8px 0 0;font-size:11.5px;letter-spacing:.04em}
/* 묶음 머리 · 여백 한 체계: 모든 묶음 120px 간격 · 제목 60px · 제목 아래 32px */
.dzp-sec{margin-top:128px}
.dzp-sec .dz-st{margin-top:18px}
.dzp-rank{margin-top:36px}
.dzp-fab-d{margin-top:16px;font-size:16px;color:#333333}
/* 이번 주 브랜드 띠: 사진과 글을 위아래 선으로 묶어 표지처럼 · 글 쪽 여백 넉넉히 */
.dzp-band{margin-top:56px;gap:72px;align-items:end}
.dzp-band-t{padding-bottom:8px}
.dzp-band-n{font-size:52px;line-height:1.18}
.dzp-band-en{font-size:14px;letter-spacing:.42em}
.dzp-band-l{max-width:440px;font-size:19px}
.dzp-band-m{padding-top:18px;border-top:1px solid var(--line);letter-spacing:.08em}
/* 브랜드 목록: PC 4열(아이템 격자와 같은 칸) — 4곳일 때 마지막 줄에 한 곳만 남지 않게 */
.dzp .dz-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:56px 24px}
.dzp .dz-card-t{font-size:21px}
/* 카테고리 탭: 언제나 한 줄. 넘치면 가로로 밀기(스크롤 막대 없음 · 끝이 잘린 것이 보이게 오른쪽 흐림) */
.dzp-tabs .dz-fg{min-width:0;max-width:100%}
.dzp-tabs .dz-fr{min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dzp-tabs .dz-fr::-webkit-scrollbar{display:none}
@container mg (max-width:960px){
  .dzp-tabs.dz-filter.dz-tabs{display:block}
  .dzp-tabs .dz-fg{display:flex;flex-wrap:nowrap;align-items:baseline;gap:0 16px}
  .dzp-tabs .dz-fr{flex:1 1 auto;margin-right:-20px;padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
  .dzp .dz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 14px}
  .dzp .dz-card-t{font-size:18px}
  .dzp-band{gap:24px}
  .dzp-band-n{font-size:34px}
  .dzp-band-en{font-size:12px}
  .dzp-sec{margin-top:88px}
}
@container mg (max-width:720px){
.dzp-b{font-size:10.5px;letter-spacing:.1em;margin-top:12px}
.dzp-s{font-size:9px;letter-spacing:.16em}
.dzp-n{font-size:14.5px;line-height:1.45;margin-top:6px}
.dzp-p .bod{font-size:16px}
.dzp .dz-card-l{font-size:13.5px}
.dzp .dz-card-m{font-size:10px;letter-spacing:.1em}
}
/* 아이템 요약 지면(PC 넓은 창): 왼쪽 사진 · 오른쪽 이름 · 가격 · '구매하기 → 자사몰'. 단추가 첫 화면에 보이게 */
#rv .dzx-l,#rv .dzx-r{min-width:0}
@media (min-width:1100px){
  #rv .dzx{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:0 44px;align-items:start}
  #rv .dzx-l{position:sticky;top:24px}
  #rv .dzx-sl img{max-height:none}
  #rv .dzx-r .dzx-k{margin-top:4px}
  #rv .dzx-t{font-size:30px;line-height:1.35}
}
#rv .dzx-k{display:flex;flex-wrap:wrap;align-items:baseline}
#rv .dzx-pr{margin-top:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}
#rv .dzx-act{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:22px}
#rv .dzx-buy{display:flex;align-items:center;justify-content:center;min-height:56px;width:100%;min-width:0;font-size:15px;letter-spacing:.06em}
#rv .dzx-buy-off{cursor:default;opacity:1;background:var(--navy);color:#FFFFFF;border-color:var(--navy)}
#rv .dzx-buy-off:hover{background:var(--navy)}
#rv .dzx-brand{min-height:48px;width:100%}
#rv .dzx-none{margin-top:12px;font-size:12.5px;line-height:1.7}
#rv .dzx-bn{margin-top:22px}
#rv .dzx-b{margin-top:26px}
/* 요약 지면 머리 J/K/S 안내: 아이템 지면은 차례 넘기기가 없어 감춘다(reader.js view → data-view) */
#rv[data-view="x"] .rv-keys{display:none!important}
@media (min-width:1100px){#rv .rb.dzx{max-width:1080px}}
#rv .dzx-buy,#rv .dzx-brand{box-sizing:border-box}
#rv .dzx-buy{border:1px solid var(--navy)}
#rv .dzx-k{letter-spacing:.06em}
.dzp-a:hover,.dzp-a:hover .dzp-b,.dzp-a:hover .dzp-p{text-decoration:none}
@media (max-width:1099px){#rv .dzx-l{margin-bottom:24px}}
/* 2026-11-04 디자이너 뉴스 '더보기'(대표 지시 · dnews.js): 갈래마다 처음 4건 · 4건씩 펼침 · 다 펼치면 '접기'.
   아트 디렉터 외곽선 단추 체계(네이비 1px · 흰 바탕 · 높이 48px · 올리면 네이비 바탕) · 숫자는 Bodoni. 휴대폰은 폭 전체 */
.dz-news li[hidden],.dz-more[hidden],.dz-more-n[hidden]{display:none!important}
/* 1909 폭 '한국섬유개발연구원' 끊김 보고(11-04): 긴 한 낱말이 좁은 단에서 글자 단위로 쪼개지지 않게 — keep-all 을 제목 · 요약 · 매체 줄에 직접 걸고 끊어 쓰기(anywhere)를 막는다 */
.dz-ng .dz-news-t,.dz-ng .dz-news-s,.dz-ng .dz-news-b .k,.dz-nk a{word-break:keep-all;overflow-wrap:normal;line-break:strict}
/* 원인: 사진이 열리지 않으면 figure 를 숨기는데(onerror), 그러면 본문이 사진 칸(132px · 휴대폰 96px)으로 밀려 들어가 긴 낱말이 깨졌다.
   본문은 늘 둘째 칸에 두고, 사진이 숨으면 두 칸을 다 쓴다 */
.dz-ng .dz-news li>.dz-news-b{grid-column:2}
.dz-ng .dz-news li>.dz-news-f[hidden]{display:none}
.dz-ng .dz-news li>.dz-news-f[hidden]+.dz-news-b,.dz-ng .dz-news li>.dz-news-b:first-child{grid-column:1 / -1}
.dz-more-w{display:flex;flex-direction:column;align-items:center;margin:28px 0 0}
.dz-more{-webkit-appearance:none;appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:240px;min-height:48px;padding:0 28px;border:1px solid var(--navy);border-radius:0;background:#FFFFFF;color:var(--navy);font:500 14px/1 'Noto Sans KR',sans-serif;letter-spacing:.04em;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.dz-more .bod{font-size:16px;font-weight:600;letter-spacing:0}
.dz-more:hover{background:var(--navy);color:#FFFFFF}
.dz-more:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.dz-more.is-open{border-color:#CFCFCF;color:#444444}
.dz-more.is-open:hover{border-color:var(--navy);background:var(--navy);color:#FFFFFF}
.dz-more-s{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@container mg (max-width:640px){.dz-more-w{align-items:stretch}.dz-more{width:100%;min-width:0}}
/* ===== 2026-11-05 챕터 구조(대표 지시 · 기획 13절) — 7챕터 좌우 넘기기(slide-row.css) =====
   흰 바탕 하나 · 챕터 사이 120px · 사진 4:5 · 사진 위 무표기 · 카드 글 위계는 11-04 그대로(브랜드명 · 아이템명 · 가격) */
.dzc{background:#FFFFFF}
.dzc .dzc-sec{margin-top:120px}
.dzc .dz-head+.dzc-sec{margin-top:72px}
.dzc .sr-cell.dzp-card{display:block}
.dzc-dek{max-width:760px;margin:22px 0 0;font-size:17px;line-height:1.8;color:#333333}
.dzc-dek-en{display:block;margin-bottom:6px;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:#1B2438}
.dzc-dek-q{display:block;margin-top:8px;font-size:15px;color:#5A5A5A}
.dzc-dek+.sr-track{margin-top:30px}
/* 01 This Week's Pieces(13-4): 잡지 펼침면 — 큰 사진 1(두 줄 높이) + 작은 사진 4(2×2) · 둘째 묶음은 큰 사진이 오른쪽(좌우 번갈아)
   작은 사진은 4:5, 큰 사진은 두 줄 높이를 채운다(줄 높이는 작은 칸이 정함 · 큰 사진은 칸 안에 깔림). 사진 위 무표기 */
.dzw-dek+.sr-track{margin-top:30px}
.dzw{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:28px;row-gap:36px}
.dzw-a{display:flex;flex-direction:column;min-width:0;color:inherit;text-decoration:none}
.dzw-f{position:relative;margin:0;overflow:hidden;background:#F2F2F0;aspect-ratio:4/5}
.dzw-f img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .6s ease}
.dzw-big{grid-column:1;grid-row:1 / span 2}
.dzw-big .dzw-f{flex:1 1 auto;aspect-ratio:auto;min-height:0}
.dzw-big .dzw-f img{position:absolute;inset:0}
.dzw-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.9fr)}
.dzw-r .dzw-big{grid-column:3}
.dzw-n{margin:14px 0 0;font-size:15.5px;line-height:1.5;font-weight:500;color:#111111}
.dzw-m{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:6px 0 0;font-size:11px;line-height:1.5;color:#5A5A5A}
.dzw-b{letter-spacing:.2em;text-transform:uppercase}
.dzw-p{margin-left:auto;font-size:13px;color:#111111;white-space:nowrap}
.dzw-p .bod{font-size:15px;letter-spacing:.02em;-webkit-text-stroke:.25px #111111}
.dzw-a:hover .dzw-f img{transform:scale(1.025)}
.dzw-a:hover .dzw-n{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.dzw-a:focus-visible{outline:2px solid #1B2438;outline-offset:4px}
@media (prefers-reduced-motion:reduce){.dzw-f img{transition:none}}
/* 03 Brands A–Z 머리: 이름 검색 칸 + 첫 글자 바로 가기(13-4) */
.dza{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:8px 40px;align-items:start;margin-top:28px}
.dza-q{position:relative;grid-row:1 / span 2}
.dza-lb{display:block;font:500 11px/1.4 'Noto Sans KR',sans-serif;letter-spacing:.24em;color:#5A5A5A}
.dza-in{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;height:48px;margin-top:6px;padding:0 4px 0 30px;border:0;border-bottom:1px solid #111111;border-radius:0;background:#FFFFFF;
  font:400 16px/1 'Noto Sans KR',sans-serif;color:#111111}
.dza-in::placeholder{color:#9A9A9A}
.dza-in:focus{outline:none;border-bottom-color:#1B2438;box-shadow:0 1px 0 0 #1B2438}
.dza-in::-webkit-search-cancel-button{cursor:pointer}
.dza-ic{position:absolute;left:2px;bottom:15px;color:#111111}
.dza-jump{min-width:0}
.dza-row{display:flex;flex-wrap:wrap;gap:0}
.dza-row+.dza-row{margin-top:2px}
.dza-l{-webkit-appearance:none;appearance:none;box-sizing:border-box;min-width:30px;height:40px;padding:0 4px;border:0;border-bottom:1px solid transparent;border-radius:0;background:none;
  font:inherit;font-size:15px;line-height:1;color:#C9C9C9;cursor:default}
.dza-row.bod .dza-l{font-family:'Bodoni Moda',serif}
.dza-row.ser .dza-l{font-family:'Noto Serif KR',serif;font-size:15.5px}
.dza-l.on{color:#111111;font-weight:600;cursor:pointer;-webkit-text-stroke:.25px #111111}
.dza-l.on:hover{color:#1B2438;border-bottom-color:#1B2438}
.dza-l.is-on{color:#1B2438;border-bottom-color:#1B2438}
.dza-l:focus-visible{outline:2px solid #1B2438;outline-offset:-2px}
.dza-st{grid-column:2;min-height:20px;margin:0;font-size:13px;line-height:1.5;color:#5A5A5A}
.dza+.sr-track{margin-top:28px}
.sr-track[hidden],.sr-cell[hidden]{display:none}
.dza-none{margin-top:28px;padding:44px 0 40px;border-top:1px solid #111111}
.dza-none[hidden]{display:none}
.dza-none-t{margin:0;font-size:22px;line-height:1.45;font-weight:500;color:#111111}
.dza-none-a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;font:500 14px/1 'Noto Sans KR',sans-serif;letter-spacing:.04em;color:#1B2438;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.dza-none-a:focus-visible{outline:2px solid #1B2438;outline-offset:3px}
/* 03 Brands A–Z: 같은 글꼴의 이름 줄(로고 이미지 없음) */
.dzc-az{display:flex;flex-direction:column;min-height:100%;box-sizing:border-box;padding:18px 0 4px;border-top:1px solid #111111;color:inherit;text-decoration:none}
.dzc-az-l{font-size:64px;line-height:1;font-weight:400;color:#1B2438;-webkit-text-stroke:.4px #1B2438}
.dzc-az-en{margin-top:22px;font:500 12px/1.4 'Bodoni Moda',serif;letter-spacing:.3em;color:#111111}
.dzc-az-ko{margin-top:8px;font-size:19px;line-height:1.45;font-weight:500}
.dzc-az-m{margin-top:10px;font-size:13px;line-height:1.65;color:var(--mute)}
.dzc-az:hover .dzc-az-ko{text-decoration:underline;text-underline-offset:5px}
.dzc-az:focus-visible{outline:2px solid #1B2438;outline-offset:4px}
/* 07 Most Viewed: 번호(Bodoni) 위 · 사진 아래 */
.dzc-rank .dzp-rank-no{display:block;margin-bottom:12px;font-size:32px;line-height:1;color:#1B2438;-webkit-text-stroke:.4px #1B2438;border-bottom:1px solid #111111;padding-bottom:10px}
.dzc .dzp-src{margin-top:26px}
.dzc-focus .dzp-b{display:none}   /* Brand Focus: 브랜드명은 챕터 제목에 한 번(카드마다 되풀이하지 않음) */
.dzc-focus .dzp-n{margin-top:16px}
.dzc #dz-brands .dz-filter{margin-top:24px}
.dzc-pieces .dzc-all{margin-top:40px}
.dzc-pieces .sr-h1{font-size:40px}
.dzc-pieces .dzp-tabs.dz-filter.dz-tabs{margin-top:24px}
@container mg (max-width:960px){
  .dzc .dz-head+.dzc-sec{margin-top:56px}
  .dzw,.dzw-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;column-gap:14px;row-gap:26px}
  .dzw-big,.dzw-r .dzw-big{grid-column:1 / -1;grid-row:auto}
  .dzw-big .dzw-f{flex:none;aspect-ratio:4/5}
  .dzw-big .dzw-f img{position:static}
  .dzw-n{margin-top:10px;font-size:14px}
  .dzw-m{gap:2px 8px;font-size:10.5px}
  .dzw-b{letter-spacing:.14em}
  .dzw-p{margin-left:0;flex-basis:100%}
  .dzw-big .dzw-p{margin-left:auto;flex-basis:auto}
  .dza{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:22px}
  .dza-q{grid-row:auto}
  .dza-st{grid-column:auto}
  .dza-row{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-right:-20px;padding-right:20px}
  .dza-row::-webkit-scrollbar{display:none}
  .dza-l{flex:none;min-width:44px;height:44px}
  .dza-none-t{font-size:19px}
  .dzc-dek{font-size:15.5px;margin-top:16px}
  .dzc-az-l{font-size:48px}
  .dzc-az-ko{font-size:17px}
  .dzc-rank .dzp-rank-no{font-size:26px}
  .dzc-pieces .sr-h1{font-size:30px}
}
/* ---- 입점 3단계(2026-11-05 · designer-onboard.js · 액션 카드 docs/액션카드/20261105_디자이너_입점3단계.md) ---- */
.dzo-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:28px 0 0;padding:0;border-top:1px solid #111111}
.dzo-steps li{display:flex;align-items:baseline;gap:10px;padding:14px 12px 14px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--mute)}
.dzo-steps .bod{font-size:22px;line-height:1;color:#BDBDBD}
.dzo-steps li.on{color:#111111;border-bottom:2px solid var(--navy);padding-bottom:13px}
.dzo-steps li.on .bod,.dzo-steps li.done .bod{color:var(--navy)}
.dzo-steps li.done{color:#333333}
.dzo-form{margin-top:8px}
.dzo-form input[readonly]{background:#F7F7F7;color:#333333}
.dzo-shop{border:0;padding:0;min-width:0}
.dzo-shop legend{padding:0;margin-bottom:2px}
.dzo-shop .dzf-check{margin-top:12px}
.dzf-f.dzo-shop input[type=url]{margin-left:30px!important;width:calc(100% - 30px)!important}
.dzo-ch{margin-top:2px}
.dzo-consent{font-size:14px;color:#333333}
.dzo-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.dzo-go{min-width:200px}
/* 샘플 미리 보기 띠(이메일 칸 위 · 크게) */
.dzo-sample{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin:26px 0 0;padding:20px 22px;border:2px solid var(--navy);background:#F4F5F8}
.dzo-sample p{margin:0;flex:1 1 320px;font-size:14px;line-height:1.7;color:#333333}
.dzo-sample b{display:block;font-size:20px;line-height:1.45;font-weight:500;color:var(--navy);margin-bottom:4px}
.dzo-sample .dz-btn{flex:none;min-width:120px;border-color:var(--navy);color:var(--navy)}
.dzo-sample .dz-btn:hover{background:var(--navy);color:#FFFFFF}
/* 확인 번호 · 등록증 */
.dzo-panel{margin-top:30px;padding-top:22px;border-top:1px solid #111111}
.dzo-panel .k{margin:0;color:var(--navy)}
.dzo-panel .dzf-lead{margin-top:10px}
.dzo-mail{margin:14px 0 0;padding:10px 0 10px 14px;border-left:2px solid var(--line);font-size:14px;line-height:1.7;color:#444444}
.dzo-mail.ok{border-left-color:var(--navy);color:var(--navy)}
.dzo-mail.err{border-left-color:#8E2424;color:#8E2424}
.dzf-f input.dzo-otp{max-width:260px;font-size:30px!important;line-height:1.2!important;letter-spacing:.32em;padding:12px 16px!important}
.dzo-file{position:relative;overflow:hidden;margin-top:18px}
.dzo-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dzo-login{margin-left:6px;color:var(--navy);font-weight:500}
/* 내 브랜드 */
.dzo-mine{margin-top:28px}
.dzo-mine .k{margin:0}
.dzo-mine ul{list-style:none;margin:10px 0 0;padding:0;border-top:1px solid #111111}
.dzo-mine li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.dzo-mine-n{font-size:18px;line-height:1.4}
.dzo-mine-s{font-size:13px;color:var(--mute)}
.dzo-mine .dz-btn{min-height:44px;padding:0 18px}
.dzo-mine .dzo-add{margin-top:30px;color:var(--navy)}
/* 대표 의류 카드 */
.dzo-fix{margin:22px 0 0;padding:12px 0 12px 14px;border-left:2px solid var(--navy);font-size:14px;line-height:1.7;color:var(--navy)}
.dzo-bar{margin-top:26px}
.dzo-fst{margin-top:14px}
.dzo-prog{margin:0;font-size:14px;color:#333333}
.dzo-prog .bod{font-size:18px;color:#111111}
.dzo-prog.ok{color:var(--navy)}
.dzo-notes{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.7;color:#8E2424}
.dzo-cards{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px;margin:28px 0 0;padding:0}
.dzo-cards:empty{display:none}
.dzo-card{min-width:0}
.dzo-ph{position:relative;aspect-ratio:4/5;background:#F4F4F4;overflow:hidden}
.dzo-ph img{display:block;width:100%;height:100%;object-fit:cover}
.dzo-ph>span:not(.dzo-n){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--mute)}
.dzo-n{position:absolute;left:8px;top:6px;font-size:15px;color:#FFFFFF;text-shadow:0 0 6px rgba(0,0,0,.35)}
.dzo-card.ok .dzo-ph{outline:2px solid var(--navy);outline-offset:3px}
.dzo-cb{padding-top:10px}
.dzo-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0}
.dzo-tag{font-size:11px;letter-spacing:.02em;padding:1px 6px;border:1px solid #CFCFCF;color:var(--mute);white-space:nowrap}
.dzo-tag.own{border-color:#D8C8C8;color:#8E2424}
.dzo-l{display:block;margin-top:10px;font-size:12px;color:#444444}
.dzo-l input{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:8px 10px;border:1px solid #CFCFCF;border-radius:0;font:400 15px/1.5 'Noto Sans KR',sans-serif;color:#111111;background:#FFFFFF}
.dzo-l input:focus{outline:2px solid var(--navy);outline-offset:0;border-color:var(--navy)}
.dzo-src{margin:8px 0 0;font-size:12px;color:var(--mute);overflow-wrap:anywhere}
.dzo-row{display:flex;align-items:center;gap:8px}
.dzo-ok{margin-top:8px;font-size:14px;min-height:44px;align-items:center}
.dzo-ok input{margin-top:0}
.dzo-next{margin-top:34px}
/* 자동 검수 · 미리 보기 */
.dzo-rules{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid #111111}
.dzo-rules li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.65;color:#333333}
.dzo-lv{font-size:12px;letter-spacing:.04em;color:var(--mute)}
.dzo-rules li.warn .dzo-lv{color:var(--navy);font-weight:500}
.dzo-rules li.block .dzo-lv,.dzo-rules li.block{color:#8E2424}
.dzo-pv{margin-top:36px}
.dzo-pv .k{margin:0}
.dzo-pv-h{margin:8px 0 0;font-size:28px;line-height:1.35;font-weight:500}
.dzo-pv-h .bod{font-size:18px;letter-spacing:.08em;color:var(--mute);margin-left:6px}
.dzo-pv-g{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px;margin:20px 0 0;padding:0}
.dzo-pv-g li{min-width:0}
.dzo-pv-t{margin:10px 0 0;font-size:14px;line-height:1.5;color:#111111}
.dzo-pv-p{margin:4px 0 0;font-family:'Bodoni Moda',serif;font-size:15px;color:#111111}
.dzo-pv-s{margin:4px 0 0;font-size:12px;color:var(--mute)}
.dzo-pub{margin-top:34px;padding-top:6px;border-top:1px solid var(--line)}
@container mg (min-width:1100px){.dzf-root.dzo-wide{max-width:900px}}
@container mg (max-width:720px){.dzo-cards,.dzo-pv-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}
@container mg (max-width:480px){
.dzo-steps li{flex-direction:column;gap:4px;font-size:12.5px}
.dzo-steps .bod{font-size:18px}
.dzo-cards{grid-template-columns:1fr}
.dzo-mine li{grid-template-columns:minmax(0,1fr) auto}
.dzo-mine-s{grid-column:1/2}
.dzo-mine .dz-btn{grid-row:1/3;grid-column:2/3}
.dzo-sample{padding:16px}
.dzo-sample b{font-size:18px}
.dzo-sample .dz-btn{width:100%}
.dzo-rules li{grid-template-columns:1fr;gap:2px}
.dzf-f.dzo-shop input[type=url]{margin-left:0!important;width:100%!important}
.dzo-go{width:100%}
}
/* 관리 화면: 확인할 지면 · 자동 승인 · 판매 종료 (2026-11-08 · designer-flow.js) */
.dzf-cf-n{margin:14px 0 0;font-size:15px;word-break:keep-all}
.dzf-cf-n a{display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;border:1px solid var(--navy);color:var(--navy);text-decoration:none}
.dzf-cf-n .bod{font-size:20px}
.dzf-cf-l{list-style:none;margin:0;padding:0}
.dzf-cf-i{margin:14px 0 0;padding:16px 18px;border:1px solid #E6E6E6;word-break:keep-all}
.dzf-cf-i.on{border-color:var(--navy);background:#F4F5F8}
.dzf-cf-i .k{margin:0;color:var(--navy)}
.dzf-cf-i .dzf-acts{margin-top:14px}
.dzf-cf-box{margin:14px 0 0}
.dzf-cf-box textarea{display:block;width:100%;box-sizing:border-box;margin:6px 0 0;padding:12px;border:1px solid #CFCFCF;font:15px/1.7 'Noto Sans KR',sans-serif;word-break:keep-all}
.dzf-cf-box .dz-btn{margin-top:10px}
.dzf-end{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0}
.dzf-end .dz-btn{min-height:40px;padding:0 16px;font-size:13px}
.dzf-end-s,.dzf-end-q{flex-basis:100%;margin:0;font-size:13px;line-height:1.6;color:var(--navy);word-break:keep-all}
@media (max-width:600px){.dzf-cf-i .dzf-acts .dz-btn{flex:1 1 100%}}

/* ───────── 아이템 지면 /designers/<브랜드>/<옷>/ (대표 지시 3차 2026-11-08 · 기획 15-1 2번 · 액션 카드 15-5) ─────────
   PC: 사진(7) | 정보 칸(5) — 정보 칸은 사진을 따라 내려온다(sticky). 휴대폰: 한 칸 · 단추 묶음이 하단 바 위 고정 띠(64px).
   단추 2개만(검정 '구매하기 → 자사몰' · 흰 '브랜드 지면 · 다른 옷 N벌') · 깜박임 · 할인 딱지 없음 · keep-all */
.dzi{--dzi-top:calc(var(--hd-h,128px) + 24px)}
.dzi-main{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start;margin-top:28px}
.dzi-gal-c{min-width:0}
.dzi-info{position:sticky;top:var(--dzi-top);min-width:0}
.dzi-k{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;margin:0;font-size:12px;letter-spacing:.14em;color:var(--mute)}
.dzi-k .dz-rv{margin-left:12px;vertical-align:0}
.dzi-k .dzp-s{margin-left:12px}
.dzi-bn{color:#111111;text-decoration:none;letter-spacing:.14em}
.dzi-bn:hover{text-decoration:underline;text-underline-offset:4px}
.dzi-so{display:inline-block;margin-left:12px;padding:2px 8px;border:1px solid #111111;color:#111111;font:500 11px/1.4 'Noto Sans KR',sans-serif;letter-spacing:.12em}
.dzi-t{margin:16px 0 0;font-size:36px;line-height:1.38;font-weight:500;letter-spacing:-.01em}
.dzi-pr{display:flex;flex-wrap:wrap;align-items:baseline;margin:18px 0 0;color:#111111}
.dzi-pr .bod{font-size:28px;letter-spacing:.01em;-webkit-text-stroke:.35px #111111;font-variant-numeric:lining-nums tabular-nums}
.dzi-won{margin-left:3px;font-size:15px}
.dzi-pt{font-size:16px}
.dzi-std{margin-left:14px;font-size:12px;letter-spacing:.02em;color:var(--mute)}
.dzi-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}
.dzi-acts.one{grid-template-columns:minmax(0,1fr)}
.dzi-btn{-webkit-appearance:none;appearance:none;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:60px;margin:0;padding:6px 12px;border:1px solid #111111;border-radius:0;background:#FFFFFF;color:#111111;font:500 15px/1.3 'Noto Sans KR',sans-serif;letter-spacing:.02em;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}
.dzi-btn:hover{text-decoration:none;background:#F3F4F7}
.dzi-btn:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.dzi-buy{background:#111111;color:#FFFFFF}
.dzi-buy:hover{background:var(--navy);border-color:var(--navy);color:#FFFFFF}
.dzi-off,.dzi-off:hover{background:#F2F2F0;border-color:#D6D6D6;color:#8A8A8A;cursor:default}
.dzi-bt{display:inline-flex;align-items:center;gap:8px}
.dzi-to{font-family:'Bodoni Moda',serif;font-weight:400}
.dzi-bs,.dzi-btn .dz-nw{font-size:11.5px;font-weight:400;letter-spacing:.04em;opacity:.78}
.dzi-none{margin:12px 0 0;font-size:13px;line-height:1.75;color:var(--mute)}
.dzi-bn2{margin-top:20px}
.dzi-txt{margin-top:36px;padding-top:28px;border-top:1px solid #111111}
.dzi-h{margin:0;color:var(--navy)}
.dzi-story{margin:14px 0 0;font-size:17px;line-height:1.95;color:#222222}
.dzi-story+.dzi-h{margin-top:30px}
.dzi-pts{list-style:none;margin:12px 0 0;padding:0;counter-reset:dzi}
.dzi-pts li{counter-increment:dzi;display:grid;grid-template-columns:32px minmax(0,1fr);padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.7}
.dzi-pts li::before{content:counter(dzi,decimal-leading-zero);font-family:'Bodoni Moda',serif;font-size:15px;color:var(--navy);-webkit-text-stroke:.25px var(--navy)}
.dzi-dl{margin-top:24px}
.dzi-src{margin:22px 0 0;font-size:12px;line-height:1.85}
.dzi-more{margin-top:120px}
.dzi-grid{margin-top:24px}
.dzi-more-top{margin-top:32px;padding-top:24px;border-top:1px solid #111111}
.dzi-more-top .sr-h{font-size:22px}
.dzi-more-top .sr-side{display:none}
.dzi-more-top .dzi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
.dzi-out .dzi-gal img{filter:grayscale(.35)}
/* 브랜드 지면: 옷 이름 · '이 옷 자세히 보기' → 아이템 지면 · 지난 옷(접힘) */
.dz-pc-t a{color:inherit;text-decoration:none}
.dz-pc-t a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.dz-pc-more{margin:14px 0 0;font-size:14px}
.dz-pc-more a{color:#111111;text-decoration:underline;text-underline-offset:5px}
.dz-pc-more .bod{margin-left:6px;display:inline-block}
.dz-pc-head .dzi-so{margin-left:0}
.dz-past{margin-top:56px;border-top:1px solid #111111;border-bottom:1px solid var(--line)}
.dz-past summary{display:flex;align-items:baseline;gap:20px;padding:20px 0;cursor:pointer;list-style:none}
.dz-past summary::-webkit-details-marker{display:none}
.dz-past summary:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.dz-past summary .k{color:var(--mute)}
.dz-past-s{font-size:16px}
.dz-past-s .bod{font-size:18px;margin:0 2px}
.dz-past-l{list-style:none;margin:0;padding:0 0 8px}
.dz-past-l li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 0;border-top:1px solid var(--line);font-size:15px}
.dz-past-l .mute{font-size:13px}
.dz-past-go{margin:8px 0 20px;font-size:14px}
.dz-past-go a{color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.dz-past-go .bod{margin-left:6px}
.dzi-past-h{margin-top:28px}
.dzi-past-l{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 20px}
.dzi-past-l img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#F2F2F0;filter:grayscale(.5)}
@container mg (max-width:960px){
  .dzi-main{gap:32px}
  .dzi-t{font-size:30px}
  .dzi-past-l{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container mg (max-width:720px){
  .dzi-main{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:16px}
  .dzi-info{position:static}
  .dzi-t{margin-top:12px;font-size:26px;line-height:1.42}
  .dzi-pr .bod{font-size:24px}
  .dzi-story{font-size:16px;line-height:1.9}
  .dzi-more{margin-top:72px}
  .dzi-past-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
}
/* 휴대폰: 단추 묶음 = 하단 바(56px + 안전 영역) 바로 위 고정 띠 64px. 본문 끝은 띠 높이만큼 비워 가림이 없게, 맨 위로 단추는 숨김 */
@media (max-width:720px){
  .dzi{padding-bottom:72px}
  .dzi-acts{position:fixed;left:0;right:0;bottom:calc(var(--rv-dock-h,56px) + 1px);z-index:119;box-sizing:border-box;height:64px;margin:0;padding:8px 16px;gap:8px;background:#FFFFFF;border-top:1px solid var(--line)}
  .dzi-btn{min-height:48px;height:48px;padding:2px 8px;font-size:14px;gap:1px}
  .dzi-bs,.dzi-btn .dz-nw{font-size:11px}
  /* 맨 위로 단추(2026-11-08 390 검수): 띠 위로 올려도 오른쪽 끝 본문(핵심 정리 · 편집부 글)을 덮었다. 구매 띠가 떠 있는 지면에서는 숨긴다(지면이 짧고 띠가 주 동작) */
  html:has(.dzi-acts) .totop:not(.rv-top){display:none!important}
  /* 앱 설치 안내 띠(48px · install.js · 하단 바 안 맨 위)가 떠 있으면 그 위로 */
  html.rv-inst-on .dzi-acts{bottom:calc(var(--rv-dock-h,56px) + 50px)}
  html.rv-inst-on .dzi{padding-bottom:72px}
}

/* ===== 룩북 필름 · 사진 수별 지면 틀 (16-1 2 · 3번 · 2026-11-08 · site/designers/_reel.html · assets/js/dz-reel.js) ===== */
.dz-reel{position:relative;aspect-ratio:4/5;overflow:hidden;background:#F2F2F0}
.dz-hero-f .dz-reel{max-height:min(86vh,1040px)}
.dz-reel-ph,.dz-reel-v{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.dz-reel-v{opacity:0;transition:opacity .6s ease}
.dz-reel.on .dz-reel-v{opacity:1}
.dz-reel-btn{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.7);border-radius:0;background:rgba(17,17,17,.42);color:#FFFFFF;font:500 12px/1 'Noto Sans KR',sans-serif;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.dz-reel-btn:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
.dz-reel-btn .dz-reel-i-p{display:none}
.dz-reel.on .dz-reel-btn .dz-reel-i-p{display:block}
.dz-reel.on .dz-reel-btn .dz-reel-i-g{display:none}
.dz-reel-k{position:absolute;left:14px;bottom:14px;padding:6px 10px;background:rgba(255,255,255,.88);color:#111111;font:500 11px/1.2 'Noto Sans KR',sans-serif;letter-spacing:.02em;word-break:keep-all}
.dz-reel-cap{color:var(--navy,#1B2438)}
.dz-reel-sl .dz-reel{height:100%;aspect-ratio:auto}
.dz-film-mp4 video{display:block;width:100%;max-height:80vh;background:#0E1118}
/* 사진 수별 틀: 1장 solo(크게 한 장 · 글 중심) · 2~4장 grid(고르게) · 5장 이상 editorial(기존 비대칭 배치) */
@container mg (min-width:901px){
  .dz-lk.dz-lay-solo>li{grid-column:3 / span 8}
  .dz-lk.dz-lay-grid>li,.dz-lk.dz-lay-grid>li:nth-child(5n+1),.dz-lk.dz-lay-grid>li:nth-child(5n+2){grid-column:span 6;padding-bottom:0}
  .dz-lk.dz-lay-grid.dz-c3>li,.dz-lk.dz-lay-grid.dz-c3>li:nth-child(5n+1),.dz-lk.dz-lay-grid.dz-c3>li:nth-child(5n+2),.dz-lk.dz-lay-grid.dz-c3>li:nth-child(5n+3):last-child{grid-column:span 4}
}
@media (max-width:480px){.dz-reel-btn{right:10px;bottom:10px;min-height:34px;padding:0 12px}.dz-reel-k{left:10px;bottom:10px}}
/* 사진으로 올리기 · 룩북 영상 설정 (assets/js/designer-media.js · 관리 화면 · 입점 2단계) */
.dzq,.dzq-set{margin:48px 0 0;padding:28px 0 0;border-top:1px solid #E6E6E3}
.dzq-pick{position:relative;overflow:hidden;cursor:pointer;margin-top:18px}
.dzq-in{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}
.dzq-pick:focus-within{outline:2px solid var(--navy,#1B2438);outline-offset:3px}
.dzq-list{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px}
.dzq-list:empty{display:none}
.dzq-i{position:relative;display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.5;word-break:keep-all}
.dzq-i img,.dzq-ph{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#F2F2F0}
.dzq-n{position:absolute;left:6px;top:6px;padding:2px 6px;background:rgba(255,255,255,.9);font-size:12px}
.dzq-s{color:#5C5C5C}
.dzq-i.ok .dzq-s{color:var(--navy,#1B2438);font-weight:500}
.dzq-i.fail .dzq-s,.dzq-i.bad .dzq-s{color:#9B2C2C;font-weight:500}
.dzq-i.shrink img,.dzq-i.up img,.dzq-i.wait img{opacity:.55}
.dzq-w{color:#5C5C5C;font-size:11.5px}
.dzq-i .dzf-x{align-self:flex-start;margin:0;padding:2px 0;min-height:28px}
.dzq-name{margin-top:22px}
.dzq-h3{font-size:19px;margin:30px 0 4px}
.dzq-cur{margin:12px 0 0;font-size:14px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
.dzq-set .dzf-row{display:flex;gap:10px;margin-top:14px}
.dzq-set .dzf-row input{flex:1;min-width:0}
.dzo-or{display:flex;align-items:center;gap:14px;margin:36px 0 0;color:#7A7A7A;font-size:13px;letter-spacing:.08em}
.dzo-or::before,.dzo-or::after{content:'';flex:1;border-top:1px solid #E6E6E3}
.dzo-or+div .dzq{margin-top:20px;padding-top:0;border-top:0}
/* AI 런웨이 영상(시험 · 2026-11-08 · assets/js/ai-runway-ui.js): 사진 고르기 4:5 격자 · 동의 세 줄 · 요청한 영상 목록 */
.dzai{margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.dzai-tag{display:inline-block;margin-left:10px;padding:2px 7px 1px;border:1px solid var(--navy);color:var(--navy);font:500 11px/1.4 'Noto Sans KR',sans-serif;letter-spacing:.12em;vertical-align:4px}
.dzai-left{margin:14px 0 0;font-size:14px;line-height:1.7;color:var(--navy)}
.dzai-left .bod{font-size:16px;font-weight:600}
.dzai-ph,.dzai-cs{margin:22px 0 0;padding:0;border:0;min-width:0}
.dzai-ph ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;list-style:none;margin:10px 0 0;padding:0}
.dzai-pick{position:relative;display:block;cursor:pointer}
.dzai-pick input{position:absolute;opacity:0;width:1px;height:1px}
.dzai-pick img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line);background:#F4F4F2}
.dzai-pick .bod{position:absolute;left:6px;top:6px;padding:1px 5px;background:rgba(255,255,255,.92);font-size:12px;line-height:1.4;color:#111111}
.dzai-pick input:checked+img{outline:2px solid var(--navy);outline-offset:2px}
.dzai-pick input:focus-visible+img{outline:2px solid var(--navy);outline-offset:4px}
.dzai-cs .dzf-check{display:flex;gap:10px;align-items:flex-start;margin-top:10px;font-size:14px;line-height:1.7}
.dzai-cs .dzf-check input{flex:0 0 auto;margin-top:5px}
.dzai-jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;list-style:none;margin:12px 0 0;padding:0}
.dzai-j img,.dzai-v{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#F4F4F2}
.dzai-j p{margin:8px 0 0;font-size:13px;line-height:1.6}
.dzai-j.rejected b,.dzai-j.failed b{color:#8A2A2A}
@media (max-width:600px){.dzai-ph ul{grid-template-columns:repeat(3,minmax(0,1fr))}.dzai-jobs{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 지역 = 주소 검색(2026-11-09 · 액션 카드 docs/액션카드/20261109_디자이너_지역주소검색.md) — 칸 + 단추 한 줄 · 레이어는 body 에 붙는다(PC 가운데 창 · 휴대폰 전체 화면) */
.dzf-addr{display:flex;gap:10px;align-items:stretch;margin-top:8px}
.dzf-f .dzf-addr input[readonly]{flex:1 1 auto;min-width:0;margin-top:0!important;background:#FAFAFA;cursor:default}
.dzf-addr .dz-btn{flex:none;min-width:116px}
.dzf-pc{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(17,17,17,.46);word-break:keep-all;--navy:#1B2438}
.dzf-pc-box{display:flex;flex-direction:column;width:520px;max-width:calc(100vw - 48px);height:min(640px,calc(100vh - 80px));background:#FFFFFF;border-top:3px solid var(--navy);box-shadow:0 18px 48px rgba(0,0,0,.18)}
.dzf-pc-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #E6E6E6}
.dzf-pc-head .k{margin:0;font:600 12px/1 'Noto Sans KR',sans-serif;letter-spacing:.16em;color:var(--navy)}
.dzf-pc-head .dzf-x{margin:0;font-size:14px}
.dzf-pc-body{flex:1 1 auto;min-height:0;overflow:hidden}
.dzf-pc-foot{margin:0;padding:12px 20px;border-top:1px solid #E6E6E6;font:400 13px/1.6 'Noto Sans KR',sans-serif;color:#6A6A6A}
html.dzf-pc-open,html.dzf-pc-open body{overflow:hidden}
@media (max-width:600px){
  .dzf-addr .dz-btn{min-width:96px;padding:0 14px}
  .dzf-pc{align-items:stretch;background:#FFFFFF}
  .dzf-pc-box{width:100%;max-width:none;height:100%;border-top:0;box-shadow:none}
  .dzf-pc-head{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}
  .dzf-pc-foot{padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
/* ---- 17절(2026-11-09 대표 지시 5차) 상품 주소 한 줄: 붙이기 · 카드(사진 격자 · 판매가 · RECOVERIC 원단 · 혼용률) · 권리 안내 · 독자 혜택 · 빠진 칸 · 접수 완료 ---- */
.dzf .bad:not(.dzo-card):not([data-fieldbox]){border-color:#8E2424!important;outline:1px solid #8E2424;outline-offset:0}
.dzf [data-fieldbox].bad>.dzf-l,.dzf .dzo-rights.bad .dzf-check{color:#8E2424}
.dzf .dzo-card.bad,.dzf .dzo-card:has(.bad){box-shadow:inset 3px 0 0 #8E2424}
.dzo-sub{display:block;font-size:13px;line-height:1.6;color:var(--mute)}
.dzo-paste textarea{min-height:128px;font:400 15px/1.75 'Noto Sans KR',sans-serif!important;letter-spacing:0;overflow-wrap:anywhere}
.dzo-paste .dzf-acts{margin-top:14px}
.dzo-prog{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}
.dzo-bar-in{position:relative;flex:0 0 100%;height:2px;margin:0 0 8px;background:#E6E6E6}
.dzo-bar-in::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--p,0%);background:var(--navy);transition:width .3s ease}
.dzo-notes li.warn{list-style:none;margin-left:-18px;padding:10px 0 10px 14px;border-left:2px solid #8E2424;color:#5C1E1E}
.dzo-notes li.warn b{font-weight:500}
.dzf-root.dzo-wide .dzo-cards{grid-template-columns:1fr;gap:0;border-top:1px solid #111111}
.dzf-root.dzo-wide .dzo-card{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.dzo-card.ok .dzo-ph{outline:0}
.dzo-card.wait .dzo-ph>span:not(.dzo-n){animation:dzo-pulse 1.4s ease-in-out infinite}
@keyframes dzo-pulse{50%{opacity:.4}}
@media (prefers-reduced-motion:reduce){.dzo-card.wait .dzo-ph>span:not(.dzo-n){animation:none}.dzo-bar-in::after{transition:none}}
.dzo-gal{min-width:0}
.dzo-th{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0 0;padding:0}
.dzo-thb{display:block;width:100%;padding:0;border:1px solid transparent;background:#F4F4F4;aspect-ratio:4/5;overflow:hidden;cursor:pointer}
.dzo-thb img{display:block;width:100%;height:100%;object-fit:cover}
.dzo-thb.on{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.dzo-thb:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.dzo-cb{padding-top:0}
.dzo-src{margin:0 0 4px}
.dzo-miss{margin:6px 0 4px;padding:8px 0 8px 12px;border-left:2px solid #8E2424;font-size:13px;line-height:1.65;color:#5C1E1E}
.dzo-l{margin-top:14px;font-size:12.5px;letter-spacing:.02em;color:#444444}
.dzo-in,.dzo-won input,.dzo-combo input,.dzo-mt,.dzo-rows select,.dzo-pct input,.dzo-tabs select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px 12px;border:1px solid #CFCFCF;border-radius:0;font:400 15px/1.5 'Noto Sans KR',sans-serif;color:#111111;background:#FFFFFF}
.dzo-in:focus,.dzo-won input:focus,.dzo-combo input:focus,.dzo-mt:focus,.dzo-rows select:focus,.dzo-pct input:focus{outline:2px solid var(--navy);outline-offset:0;border-color:var(--navy)}
.dzo-won{position:relative;display:block;max-width:260px}
.dzo-won input{padding-right:36px;font-family:'Bodoni Moda','Noto Serif KR',serif;font-size:17px;font-weight:500;letter-spacing:.01em;-webkit-text-stroke:.2px #111111}
.dzo-won>span{position:absolute;right:12px;bottom:11px;font-size:14px;color:#444444}
.dzo-list{margin:6px 0 0;font-size:12.5px;color:var(--mute)}
.dzo-list .bod{text-decoration:line-through;font-size:13px}
.dzo-own{margin-top:12px}
.dzo-own .dzq{margin-top:12px;padding-top:16px}
.dzo-rc{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:15px}
.dzo-fab{margin-top:4px}
.dzo-combo{position:relative}
.dzo-fl{position:absolute;z-index:5;left:0;right:0;top:100%;max-height:300px;overflow:auto;margin:0;padding:4px 0;list-style:none;background:#FFFFFF;border:1px solid #111111;border-top:0;box-shadow:0 12px 28px rgba(17,17,17,.08)}
.dzo-fl li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:11px 14px;cursor:pointer;font-size:15px;line-height:1.45}
.dzo-fl li.on,.dzo-fl li:hover{background:#F4F5F8}
.dzo-fl li.on .ser{color:var(--navy)}
.dzo-fl-m{font-size:12px;color:var(--mute)}
.dzo-fl-none{cursor:default!important;font-size:13px!important;color:var(--mute)}
.dzo-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:14px 0 0;padding:4px 0 0;border-top:1px solid #111111}
.dzo-spec div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.6}
.dzo-spec div:first-child,.dzo-spec div:nth-child(2):not(:last-child){grid-column:1/-1}
.dzo-spec dt{color:var(--mute);font-size:12px;letter-spacing:.04em}
.dzo-spec dd{margin:0;color:#111111}
.dzo-spec dd.ser{font-size:16px}
.dzo-spec dd.bod{font-size:15px;-webkit-text-stroke:.2px #111111}
.dzo-spec-g{margin-left:6px;font:400 12px 'Noto Sans KR',sans-serif;color:var(--mute)}
.dzo-spec-n{margin:8px 0 0;font-size:12px;color:var(--mute)}
.dzo-comp{margin-top:12px;border-top:1px solid var(--line)}
.dzo-comp summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:12px 0;cursor:pointer;list-style:none;font-size:14px;color:#111111}
.dzo-comp summary::-webkit-details-marker{display:none}
.dzo-comp summary::after{content:"+";margin-left:auto;font:400 18px/1 'Bodoni Moda',serif;color:var(--navy)}
.dzo-comp[open] summary::after{content:"−"}
.dzo-comp-s{flex-basis:100%;font-size:12.5px;color:var(--navy)}
.dzo-tabs{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;border-bottom:1px solid #111111}
.dzo-tab{-webkit-appearance:none;appearance:none;min-height:42px;padding:0 16px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;font:400 14px/1 'Noto Sans KR',sans-serif;color:var(--mute);cursor:pointer}
.dzo-tab.on{color:#111111;font-weight:500;border-bottom-color:var(--navy)}
.dzo-addp{position:relative;display:inline-flex;align-items:center;margin-left:auto}
.dzo-addp-t{padding:0 4px;font-size:13px;color:var(--navy);text-decoration:underline;text-underline-offset:3px;pointer-events:none}
.dzo-addp select{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0;font-size:16px}
.dzo-addp:focus-within{outline:2px solid var(--navy);outline-offset:2px}
.dzo-rows{list-style:none;margin:8px 0 0;padding:0}
.dzo-row-c{display:grid;grid-template-columns:24px minmax(0,1fr) 96px auto;gap:8px;align-items:center;padding:6px 0}
.dzo-row-c select,.dzo-row-c .dzo-mt,.dzo-row-c .dzo-pct input{margin-top:0}
.dzo-rn{font-size:13px;color:var(--mute)}
.dzo-pct{position:relative;display:block}
.dzo-pct input{padding-right:28px;text-align:right;font-family:'Bodoni Moda',serif;font-size:16px;-webkit-text-stroke:.2px #111111}
.dzo-pct>span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:13px;color:#444444}
.dzo-comp-f{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:6px 0 12px}
.dzo-comp-f .dzf-x{margin-left:0}
.dzo-sum{flex-basis:100%;margin:4px 0 0;font-size:13px;color:#333333}
.dzo-sum .bod{font-size:17px;color:#111111;-webkit-text-stroke:.2px #111111}
.dzo-sum.warn{color:#8E2424}
.dzo-sum.warn .bod{color:#8E2424}
.dzo-alt{margin-top:30px;border-top:1px solid var(--line)}
.dzo-alt>summary{padding:16px 0;cursor:pointer;font-size:14px;color:var(--navy);list-style:none}
.dzo-alt>summary::-webkit-details-marker{display:none}
.dzo-alt>summary::before{content:"+ "}
.dzo-alt[open]>summary::before{content:"− "}
.dzo-alt .dzq{margin-top:0;border-top:0;padding-top:0}
.dzo-rights{margin-top:30px;padding:18px 20px;border:1px solid #E6E6E6;background:#FAFAF8}
.dzo-rights .dzf-check{margin:0;font-size:15px;color:#111111}
.dzo-rights-s{margin:6px 0 0 30px;font-size:12.5px;line-height:1.6;color:var(--mute)}
.dzo-rights.bad{border-color:#8E2424}
.dzo-bn{margin-top:22px;border:1px solid #111111;background:#FFFFFF}
.dzo-bn>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;padding:20px 22px;cursor:pointer;list-style:none}
.dzo-bn>summary::-webkit-details-marker{display:none}
.dzo-bn>summary .k{grid-column:1/2;margin:0;color:var(--navy);letter-spacing:.14em;font-size:11px}
.dzo-bn>summary .dzf-opt{grid-column:2/3;grid-row:1/2;justify-self:end}
.dzo-bn-t{grid-column:1/-1;font-size:20px;line-height:1.45;color:#111111}
.dzo-bn[open]>summary{border-bottom:1px solid var(--line)}
.dzo-bn-b{padding:4px 22px 22px}
.dzo-bn-b .dzf-why:first-child{margin-top:14px}
.dzo-pub-r{margin:16px 0 0;font-size:13px;color:var(--mute)}
.dzo-pv-f{margin:4px 0 0;font-size:12px;color:var(--navy)}
.dzo-pv-n{font:400 12.5px 'Noto Sans KR',sans-serif;color:var(--mute)}
.dzo-won-s{margin-left:1px;font:400 12px 'Noto Sans KR',sans-serif}
.dzo-next3{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid #111111}
.dzo-next3 li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.dzo-next3 .bod{font-size:26px;line-height:1;color:var(--navy);-webkit-text-stroke:.25px var(--navy)}
.dzo-next3 b{font-weight:500;font-size:15px;color:#111111}
.dzo-next3 p{margin:4px 0 0;font-size:14.5px;line-height:1.75;color:#333333}
[data-dzo-done]:focus{outline:0}
@container mg (max-width:720px){.dzf-root.dzo-wide .dzo-card{grid-template-columns:150px minmax(0,1fr);gap:18px}}
@container mg (max-width:480px){
.dzf-root.dzo-wide .dzo-card{grid-template-columns:1fr;gap:14px}
.dzo-gal{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;align-items:start}
.dzo-th{margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.dzo-gal .dzo-ph:only-child{grid-column:1/2}
.dzo-row-c{grid-template-columns:minmax(0,1fr) 84px auto}
.dzo-rn{display:none}
.dzo-spec{grid-template-columns:1fr}
.dzo-bn>summary{padding:16px}
.dzo-bn-b{padding:4px 16px 18px}
.dzo-bn-t{font-size:18px}
.dzo-won{max-width:none}
.dzo-rights{padding:16px}
.dzo-next3 li{grid-template-columns:44px minmax(0,1fr)}
}
/* 소개 양식 '옷' 단계 · 룩북 · 관리 화면(17절) */
.dzf-tg{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;margin:14px 0 0;padding:0}
.dzf-tg li{position:relative;display:flex;flex-direction:column;gap:4px}
.dzf-tg img,.dzf-tg-n{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#F4F4F4}
.dzf-tg-n{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--mute)}
.dzf-tg-i{position:absolute;left:6px;top:4px;font-size:14px;color:#FFFFFF;text-shadow:0 0 6px rgba(0,0,0,.4)}
.dzf-tg .dzf-x{margin-left:0;align-self:flex-start;min-height:32px}
.dzf-item .dzo-fab,.dzf-item .dzo-comp{margin-top:10px}
.dzf-pr{margin-top:22px}
.dzf-pr .dzo-l{margin-top:0;font:500 14px/1.5 'Noto Sans KR',sans-serif;color:#111111}
.dzf-bn2{margin-top:30px}
.dzf-bn2-h{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;padding:20px 22px;border-bottom:1px solid var(--line)}
.dzf-bn2-h .k{margin:0;color:var(--navy);letter-spacing:.14em;font-size:11px}
.dzf-bn2-h .dzf-opt{grid-row:1/2;grid-column:2/3}
.dzf-bn2-h .dzo-bn-t{grid-column:1/-1;margin:0}
.dzf-bn2 .dzf-g2 .dzf-f{margin-top:16px}
.dzf-mp{margin-top:10px}
.dzf-mp .dzo-l{margin-top:0}
.dzf-mp-r{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}
.dzf-mp-r .dzo-won{flex:1 1 160px;max-width:220px}
.dzf-mp-r .dz-btn{min-height:44px;padding:0 16px}
.dzf-h .dzf-opt{vertical-align:middle;margin-left:8px}
@container mg (max-width:480px){.dzf-bn2-h{padding:16px}.dzf-tg{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 게재 직후 초안 미리 보기(17-3 · 2026-11-09): 접수 한 줄 + 작은 다음 일정 → 실제 브랜드 지면 모양 초안 → 단추 2개 */
.dzd-top{padding-bottom:22px;border-bottom:1px solid #111111}
.dzd-h1{margin:10px 0 0;font-size:30px;line-height:1.35;font-weight:500}
.dzd-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin:18px 0 0;border-top:0}
.dzo-next3.dzd-next li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:0;border-bottom:0}
.dzo-next3.dzd-next .bod{font-size:15px;line-height:1.5;-webkit-text-stroke:.2px var(--navy)}
.dzo-next3.dzd-next b{font-size:13px;color:#111111}
.dzo-next3.dzd-next p{margin:2px 0 0;font-size:13px;line-height:1.65;color:var(--mute)}
.dzd{margin-top:34px}
.dzd-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 22px;font-size:13px;line-height:1.7;color:var(--mute)}
.dzd-note .k{margin:0;padding:2px 8px 1px;border:1px solid var(--navy);color:var(--navy);font-family:'Bodoni Moda',serif;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase}
.dzd-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:44px;align-items:start}
.dzd-hero.solo{grid-template-columns:minmax(0,1fr)}
.dzd-hero-f{margin:0;background:#F2F2F0}
.dzd-hero-f img{display:block;width:100%;height:auto;aspect-ratio:4/5;max-height:min(78vh,820px);object-fit:cover}
.dzd-hero-t{padding-top:6px}
.dzd-hero-t .dz-kick{margin:0}
.dzd-name{margin:14px 0 0;font-size:38px;line-height:1.25;font-weight:500;letter-spacing:-.01em}
.dzd-en{margin:8px 0 0;font-size:15px;letter-spacing:.3em;color:var(--navy)}
.dzd-meta{margin:16px 0 0;font-size:13.5px;line-height:1.7;color:var(--mute)}
.dzd-ed{position:relative;margin:26px 0 0;padding:22px 0 20px;border-top:1px solid #111111;border-bottom:1px solid var(--line)}
.dzd-ed-h{margin:0;font-size:19px;line-height:1.6;font-style:italic;color:#111111}
.dzd-ed-s{margin:8px 0 14px;font-size:13.5px;line-height:1.8;color:#444444}
.dzd-ln{display:block;height:7px;margin-top:10px;background:linear-gradient(90deg,#EFEEEA,#F7F6F3);border-radius:1px}
.dzd-ln.s{width:62%}
.dzd-cnt{margin:16px 0 0;font-size:13px;color:var(--mute)}
.dzd-cnt .bod{font-size:16px;color:#111111;-webkit-text-stroke:.2px #111111}
.dzd-gh{display:flex;align-items:baseline;gap:14px;margin:48px 0 0;padding-bottom:14px;border-bottom:1px solid var(--line)}
.dzd-gh .k{margin:0;font-family:'Bodoni Moda',serif;letter-spacing:.2em;color:var(--navy)}
.dzd-gs{margin:0;font-size:13px;color:var(--mute)}
.dzd-g{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px;margin:22px 0 0;padding:0}
.dzd-i{min-width:0}
.dzd-ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:#F2F2F0}
.dzd-ph img{display:block;width:100%;height:100%;object-fit:cover}
.dzd-no{position:absolute;left:10px;top:10px;padding:2px 7px 1px;background:rgba(255,255,255,.9);font-size:12px;color:var(--navy)}
.dzd-nm{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;border:1px solid var(--line);background:#F7F6F3;text-align:center}
.dzd-nm .dzd-no{background:none}
.dzd-nm p{margin:0;font-size:18px;line-height:1.5;color:#111111}
.dzd-nm-s{font-size:12px;color:var(--mute)}
.dzd-t{margin:12px 0 0;font-size:15px;line-height:1.5;color:#111111}
.dzd-p{margin:5px 0 0;font-size:15px;color:#111111}
.dzd-p .bod{-webkit-text-stroke:.2px #111111}
.dzd-noph .dzd-p,.dzd-i.noph .dzd-p{margin-top:12px}
.dzd-pn{font-size:12.5px;color:var(--mute)}
.dzd-rc{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:8px 0 0}
.dzd-badge{display:inline-block;padding:2px 7px 1px;border:1px solid var(--navy);color:var(--navy);font:500 10.5px/1.5 'Noto Sans KR',sans-serif;letter-spacing:.08em}
.dzd-fn{font-size:12px;color:var(--navy)}
.dzd-dec{margin-top:52px;padding:30px 0 6px;border-top:1px solid #111111}
.dzd-q{margin:0;font-size:22px;line-height:1.5;font-weight:500}
.dzd-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.dzd-acts .dz-btn[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--navy)}
.dzd-acts .dz-btn.navy[aria-pressed="true"]{box-shadow:inset 0 0 0 2px #FFFFFF,0 0 0 1px var(--navy)}
.dzd-acts .dz-btn[aria-pressed="true"]::before{content:'';display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:currentColor;vertical-align:2px}
.dzd-res{min-height:1.6em;margin:12px 0 0;font-size:14px;line-height:1.7;color:var(--navy)}
.dzd-res.err{color:#9B1C1C}
.dzd-more{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.dzd-link{display:inline-flex;align-items:center;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;color:#111111;font:500 14px/1.6 'Noto Sans KR',sans-serif;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#BBBBBB;cursor:pointer;min-height:40px}
.dzd-link:hover{text-decoration-color:#111111}
.dzd-link:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.dzo-pub-n{margin-top:14px}
.dzf-dft{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.dzf-dft .dzd{margin-top:16px}
@container mg (max-width:720px){
.dzd-hero{grid-template-columns:1fr;gap:24px}
.dzd-hero-f img{max-height:60vh}
.dzd-name{font-size:30px}
.dzd-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
.dzd-next{grid-template-columns:1fr;gap:10px}
}
@container mg (max-width:480px){
.dzd-h1{font-size:26px}
.dzd-acts .dz-btn{flex:1 1 100%;justify-content:center;text-align:center;white-space:normal;height:auto;min-height:52px;padding:12px 16px;line-height:1.5}
.dzd-nm p{font-size:15px}
.dzd-q{font-size:19px}
}