도크(상세 패널)

PC에서는 상세가 목록 옆에 붙고, 폰·태블릿에서는 화면을 다 덮어요. 목록을 잃지 않는 것이 목적이에요.

화면

레일 76px · 본문은 상세 폭(390px)만큼 밀려요 · 상세가 열리면 왼쪽 레일이 접혀요

폭 구간별 모양#

폭 구간별 도크
구간	모양	본문
PC · 1024px 이상	오른쪽에 떠 있는 폰 - 폭 390px(좌우 12px 여백)	상세 폭만큼 밀려요. 왼쪽 레일은 접혔다가 닫으면 원래대로 돌아와요.
태블릿 · 768-1023px	전체 화면	상세 아래에 그대로 있어요.
폰 · 767px 이하	전체 화면	상세 아래에 그대로 있어요.

폰·태블릿: 오른쪽에서 들어와요(300ms, 들어오는 이징). 위 막대의 뒤로·닫기 버튼으로 닫아요.
왼쪽 가장자리 24px 안에서 오른쪽으로 밀면 뒤로 가요 - 폭의 35%를 넘기거나 빠르게 밀면 닫히고, 아니면 제자리로 돌아와요. 목록의 가로 스크롤·차트 조작과 겹치지 않게 가장자리에서 시작한 것만 받아요.
아래로 끌어내려도 닫혀요.
PC: 닫기 버튼으로 닫으면 본문이 원래 폭으로 돌아와요.