diff --git a/resources/image/web/notification.png b/resources/image/web/notification.png
new file mode 100644
index 0000000..4c1b2e8
Binary files /dev/null and b/resources/image/web/notification.png differ
diff --git a/src/web/client/license_timer.html b/src/web/client/license_timer.html
index 46a3714..4bd6adf 100644
--- a/src/web/client/license_timer.html
+++ b/src/web/client/license_timer.html
@@ -166,5 +166,98 @@
 			}
 		</script>
 
+		<div class="container py-3">
+
+			<div class="jumbotron py-4" style="background-color: #ffce54">
+				<h1 class="display-5">점수 저장<span class="h4"> (유료 마에스트로 전용 서비스)</span></h1>
+				<p class="lead">점수 저장에 앞서 반드시 학생이 준비하는 <span class="text-primary">시험 과목</span>을 <span class="text-primary">버튼에서 선택</span> 또는 <span class="text-primary">직접 입력</span>해주세요.</p>
+				<hr class="my-4">
+				<ul>
+					<li class="mb-2">[ 과목 ] 버튼을 눌러서 학생이 준비하는 시험을 선택해 주세요.<br/>
+						<span class="text-black-50">([ 과목 ] 버튼을 눌러서 작업하는 경우, 점수를 저장시 "등급" 도 함께 표시됩니다)</span></li>
+					<li class="mb-2">만일 [ 과목 ] 버튼에 시험이 등록되어 있지 않으면, 과목 입력창에 직접 입력하시면 됩니다.<br/>
+					<span class="text-black-50">(과목 추가를 희망하시는 분은 support+chocomae@jinaju.com로 연락주세요)</span></li>
+					<li class="mb-2">[ 마에 비밀번호 ]는 마에스트로 계정 로그인 하신 후, [ 자격증 타이머 ] 탭에서 설정하실 수 있습니다.<br/></li>
+					<li class="mb-2">체험 버전에서는 마에 비밀번호가 1111로 세팅되어 있습니다.<br/>
+					<span class="text-black-50">(체험 버전에 등록된 기록은 수시로 삭제됩니다)</span></li>
+				</ul>
+				<!-- <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a> -->
+			</div>
+
+			<div class="jumbotron py-4" style="background-color: #99ccff">
+				<h1 class="display-5">타이머 기능</h1>
+				<p class="lead">시험 문제 풀이를 시작하면서 시작 버튼( <span class="oi oi-media-play" title="icon media-play" aria-hidden="true"></span> )을 눌러주세요. <span class="text-primary">다음에 이어하려면 반드시 일시 정지 버튼( <span class="oi oi-media-pause" title="icon media-pause" aria-hidden="true"></span> )을 눌러서 멈춰주세요.</span></p>
+				<hr class="my-4">
+				<ul>
+					<li class="mb-2">[ 리셋 버튼( <span class="oi oi-reload" title="icon reload" aria-hidden="true"></span> ) ]을 누른 뒤, 시험 시간을 설정하세요. (과목 버튼으로 과목을 선택한 경우, 해당 시험 시간으로 자동 설정됩니다)</li>
+					<li class="mb-2">[ 시작 버튼( <span class="oi oi-media-play" title="icon media-play" aria-hidden="true"></span> ) ]을 눌러서 타이머를 작동시키세요.</li>
+					<li class="mb-2">[ 일시 정지 버튼( <span class="oi oi-media-pause" title="icon media-pause" aria-hidden="true"></span> ) ]을 누르면 남은 시간을 재조정할 수 있습니다.</li>
+				</ul>
+				<!-- <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a> -->
+				<br/>
+
+				<h1 class="display-5">타이머 알람</h1>
+				<p class="lead">타이머 앱을 사용하실 때에는, IE와 Chrome보다는 <span class="text-primary">Edge나 다른 브라우저의 사용을 권장</span>합니다.<br/>
+					<span class="text-black-50">(Chrome 브라우저에서도 Notification 알림을 사용할 수 있도록 작업중입니다. 내년 상반기 예정)</span></p>
+				<hr class="my-4">
+				<table class="table text-center">
+					<thead class="thead-light">
+					<tr>
+						<th scope="col">#</th>
+						<th scope="col">IE (MS)</th>
+						<th scope="col">Edge (MS)</th>
+						<th scope="col">Chrome (구글)</th>
+						<th scope="col">Firefox, Safari, ...</th>
+					</tr>
+					</thead>
+					<tbody>
+					<tr>
+						<th scope="row">Notification 알림</th>
+						<td class="align-middle text-danger">X</td>
+						<td class="align-middle">O</td>
+						<td class="align-middle text-danger">X</td>
+						<td class="align-middle">O</td>
+					</tr>
+					<tr>
+						<th scope="row">(Alert 팝업창)<br/>타이머 웹브라우저 실행중일 때</th>
+						<td class="align-middle">Alert 팝업창 실행됨</td>
+						<td class="align-middle">Notification 알림</td>
+						<td class="align-middle">Alert 팝업창 실행됨</td>
+						<td class="align-middle">Notification 알림</td>
+					</tr>
+					<tr>
+						<th scope="row">(Alert 팝업창)<br/>다른 윈도우 작업중일 때</th>
+						<td class="align-middle text-danger">X</td>
+						<td class="align-middle">Notification 알림</td>
+						<td class="align-middle">작업표시줄 아이콘 점멸</td>
+						<td class="align-middle">Notification 알림</td>
+					</tr>
+					<tr>
+						<th scope="row">(Alert 팝업창)<br/>타이머 웹브라우저가 최소화 상태일 때</th>
+						<td class="align-middle text-danger">X</td>
+						<td class="align-middle">Notification 알림</td>
+						<td class="align-middle text-danger">X</td>
+						<td class="align-middle">Notification 알림</td>
+					</tr>
+					</tbody>
+				</table>
+				<br/>
+
+				<h1 class="display-5">Notification 알림</h1>
+				<p class="lead">웹 페이지에서 이벤트가 발생했을 때, 웹 브라우저가 표시해주는 팝업창입니다.</p>
+				<img src="./../../../resources/image/web/notification.png" class="img-thumbnail" alt="Notification 알림">
+				<hr class="my-4">
+				<ul>
+					<li class="mb-2">시작 버튼( <span class="oi oi-media-play" title="icon media-play" aria-hidden="true"></span> ) 최초 실행시 <span class="font-italic">" chocomae.com에서 알림을 표시하도록 할까요? "</span> 라고 물어보는 팝업창이 실행됩니다.<br/>
+					<li class="mb-2">[ 예 ] 를 누르면 Notification 알림이 실행됩니다.</li>
+					<li class="mb-2">[ 아니오 ] 를 누르면 Notification 알림이 무시되어 보이지 않게 됩니다.</li>
+					<li class="mb-2">Notification 알림 무시 설정을 취소하고 싶을 때에는, [ 브라우저 설정 > 고급 설정 > 웹 사이트 사용 권한 ] 화면에 가서 chocomae.com 사이트 항목을 제거해 주세요.</li>
+				</ul>
+
+			</div>
+
+		</div>
+
+
 	</body>
 </html>
\ No newline at end of file