첫번째 글에 해당하는 img 추가.

figure를 포함하고 싶었지만 li>figure가 되었을 시 블릿이 하나더 생기는 버그를 발견. 이 부분 영향을 없애기 위해
<img> 엘리먼트만 사용.
CSS 외부 파일로 분리.

많은 양을 포함할것이기에..
이미지 좌측으로 위치.
이미지 좌측으로 이동시키기 목록(li) 좌측에 적절한 여백 추가.
내비게이션 마크업, 관련된 CSS 추가

기존에 적용된 ul에 영향이 있기에 className을 추가하여 스타일 적
컴포넌트 안에서 보여주지 않을 h2 숨김
내비게이션 스타일추가.

인라인 만들기 (float 사용)
큰제목과 내비게이션을 인라인에 노출되도록 스타일 추가.
4개의 목록중 하나만 노출하게 변경.

on/off로 구분하지 않고 기본 li를 none으로 숨기고 on을 추가함으로서 보기에 추가.
내비게이션 ul과 구분짓기 위해 .list 추가.

하지만 하위버전에서는 .class.class가 적용되지 않을수 있으니 지원하는 상황에 맞춰 소스 추가할수있도록 한다.
내비게이션에도 on 스타일 추가.
script.js 추가.

notice.html에 필요한 기능 추가.
내비게이션에 '마우스오버' 이벤트 추가.

디테일한 내용은 아직 추가 하지 않음.
사라지지는 않고 모두다 보이게끔 수정.