Tooltip
흰 말풍선 + 보라 테두리(P-700 #4233cb) + 꼬리(beak). 텍스트 14-M · N-700 / radius 6 / shadow. 변형: .tooltip--top(대상 위 · 꼬리 아래) · .tooltip--bottom(대상 아래 · 꼬리 위). 호버 노출은 사용처에서 position:absolute + 토글로 붙입니다.
상단형 (.tooltip--top)
대상 위에 노출 · 꼬리가 아래를 가리킴
<span class="tooltip tooltip--top">Tooltip 텍스트가 들어갑니다.</span>
Tooltip 텍스트가 들어갑니다.
하단형 (.tooltip--bottom)
대상 아래에 노출 · 꼬리가 위를 가리킴
<span class="tooltip tooltip--bottom">Tooltip 텍스트가 들어갑니다.</span>
Tooltip 텍스트가 들어갑니다.