Tqoon web style

GNB

Gnb Area
  • - 헤더 바로 하단에 위치하며 모든 페이지에서 활동한다.
  • - 횡스크롤 이동으로 GNB가 가려질 때, 자동으로 상단 고정된다.
  • - 권장하는 메뉴의 최대 개수는 총 7개이다.
  • - 모든 메뉴의 글자 수의 합이 전각일 때, 42Byte를 넘지 않는다. ( 넓이 110px )
logo
Gnb Menu
  • - 각 메뉴는 정해진 크기를 준수하며, 높이는 [40px]이다.
  • - 메뉴 버튼의 외부 margin 값은 top과 bottom만 적용하고, 값은 [15px]이다.
  • - 메뉴 버튼의 내부 padding 값은 [13px]이다.
  • - 각 메뉴는 마우스오버가 되었을 때 현재 선택된 메뉴가 무엇인지 표시되어야 한다.
logo