/* 원단 상세 (/fabric/<code>/) — 흰 바탕 · 검정 글자 · 네이비 #1B2438 포인트. 단추는 둥근 버튼 토큰(--rv-btn-*). 휴대폰은 body 폭(@container mg)에 맞춘다.
   사진은 원본 비율(정사각) 그대로 · 원본 해상도 이상으로 키우지 않는다(--hw). */
.fd{padding-bottom:56px;word-break:keep-all;margin-left:auto;margin-right:auto}
.fd-crumb{margin:44px 0 0}
.fd-main{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:64px;align-items:start;margin-top:28px}
.fd-fig{position:relative;margin:0;width:100%;max-width:var(--hw,600px)}
.fd-hero{display:block;aspect-ratio:1 / 1;overflow:hidden;background:#F3F4F7}
.fd-hero img{display:block;width:100%;height:100%;object-fit:cover}
.fd-sel{position:absolute;left:12px;bottom:46px;display:flex;flex-direction:column;gap:6px;padding:8px;background:rgba(255,255,255,.96);border:1px solid #1B2438;box-shadow:0 8px 24px rgba(17,17,17,.14);font:500 13px/1.4 'Noto Sans KR',sans-serif;color:#111;max-width:136px}
.fd-sel[hidden]{display:none}
.fd-sel img{display:block;width:120px;height:120px;max-width:100%;object-fit:cover;background:#F3F4F7}
.fd-sel span{word-break:keep-all}
.fd-cap{margin:12px 0 0;font-size:12px;color:#6A6A6A}
.fd-kick{margin:0;color:#1B2438;letter-spacing:.14em}
.fd-name{margin:12px 0 0;font-size:44px;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:#111}
.fd-sub{margin:14px 0 0;font-size:18px;line-height:1.8;color:#444;font-weight:300}
.fd-spec{margin:32px 0 0;border-top:1px solid #111}
.fd-spec>div{display:flex;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid #E6E6E6}
.fd-spec dt{flex:0 0 92px;margin:0;font:13px/1.7 'Noto Sans KR',sans-serif;letter-spacing:.04em;color:#6A6A6A}
.fd-spec dd{margin:0;min-width:0;font-size:16px;line-height:1.7;color:#111;overflow-wrap:break-word}
.fd-chk{margin:12px 0 0;font-size:12px}
.fd-chk .bod{font-size:13px}
.fd-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.fd-b{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:var(--rv-btn-h,44px);padding:0 24px;border:1px solid var(--rv-btn-navy,#1B2438);border-radius:var(--rv-btn-r-pill,999px);background:var(--rv-btn-bg,#fff);color:var(--rv-btn-navy,#1B2438);font:500 14px 'Noto Sans KR',sans-serif;letter-spacing:.02em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--rv-btn-ease,.14s ease),color var(--rv-btn-ease,.14s ease)}
.fd-b:hover{background:var(--rv-btn-soft,#F3F4F7);text-decoration:none}
.fd-b:active{transform:var(--rv-btn-press,scale(.97))}
.fd-b:focus-visible,.fd-c:focus-visible,.fd-nc:focus-visible{outline:0;box-shadow:var(--rv-btn-focus,0 0 0 2px #fff,0 0 0 4px #1B2438)}
.fd-b.on,.fd-b[aria-pressed="true"]{background:var(--rv-btn-navy,#1B2438);color:var(--rv-btn-on,#fff)}
.fd-b.on:hover,.fd-b[aria-pressed="true"]:hover{background:var(--rv-btn-navy-hover,#2A3652)}
.fd-msg{margin:12px 0 0;min-height:22px;font-size:13px;line-height:1.7;color:#1B2438}
.fd-msg a{color:#1B2438;border-bottom:1px solid #1B2438;margin-left:6px}
.fd-sec{margin-top:64px;padding-top:28px;border-top:1px solid #E6E6E6}
.fd-h{margin:0 0 20px;color:#1B2438;font-weight:500}
.fd-h .mute{margin-left:6px;letter-spacing:0;text-transform:none;font-weight:400}
.fd-cg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:18px 12px}
.fd-c{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;font:13px/1.5 'Noto Sans KR',sans-serif;color:#333}
.fd-c img,.fd-c0{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#F3F4F7;box-sizing:border-box}
.fd-c[aria-pressed="true"] img{outline:2px solid #1B2438;outline-offset:2px}
.fd-c[aria-pressed="true"] span{color:#1B2438;font-weight:500}
.fd-c span{word-break:keep-all;overflow-wrap:break-word}
.fd-cn{margin:16px 0 0;font-size:12px}
.fd-nt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.fd-nc{display:block;color:inherit;text-decoration:none}
.fd-nc:hover{text-decoration:none}
.fd-nc img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;background:#F3F4F7}
.fd-nc .k{display:block;margin-top:14px}
.fd-nc h3{margin:8px 0 0;font-size:18px;line-height:1.55;font-weight:500;color:#111}
.fd-rel{margin-top:0}
.fd-back{margin:64px 0 0}
@container mg (max-width:960px){
  .fd-crumb{margin-top:28px}
  .fd-main{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:20px}
  .fd-name{font-size:30px}.fd-sub{font-size:16px}
  .fd-spec dt{flex-basis:80px}.fd-spec dd{font-size:15px}
  .fd-acts{gap:8px}
  .fd-b{flex:1 1 calc(50% - 8px);padding:0 14px}
  .fd-acts .fd-b:last-child{flex-basis:100%}
  .fd-sec{margin-top:44px}
  .fd-cg{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fd-nt{grid-template-columns:minmax(0,1fr);gap:24px}
  .fd-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fd-sel{left:8px;bottom:40px;padding:6px;max-width:100px}.fd-sel img{width:84px;height:84px}
}
@container mg (max-width:960px){.fd-main{grid-template-columns:minmax(0,1fr);gap:28px}}
@media (prefers-reduced-motion:reduce){.fd-b{transition:none}}