diff --git a/VamPa/src/main/webapp/WEB-INF/views/replyEnroll.jsp b/VamPa/src/main/webapp/WEB-INF/views/replyEnroll.jsp
index 4dbcf3d..4b93f7d 100644
--- a/VamPa/src/main/webapp/WEB-INF/views/replyEnroll.jsp
+++ b/VamPa/src/main/webapp/WEB-INF/views/replyEnroll.jsp
@@ -5,9 +5,172 @@
 <head>
 <meta charset="UTF-8">
 <title>Insert title here</title>
+<script
+  src="https://code.jquery.com/jquery-3.4.1.js"
+  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
+  crossorigin="anonymous"></script>
+  <style type="text/css">
+  	/* 창 여분 없애기 */
+  	body{
+  		margin : 0;
+  	}
+  	/* 전체 배경화면 색상 */
+  	.wrapper_div{
+		background-color: #f5f5f5;
+	    height: 100%;  	
+  	}
+ 	/* 팝업창 제목 */
+  	.subject_div{
+	    width: 100%;
+	    background-color: #7b8ed1;
+	    color: white;
+	    padding: 10px;
+	    font-weight: bold;
+  	}
+  	
+  	/* 컨텐츠, 버튼 영역 padding */
+  	.input_wrap{
+  		padding: 30px;
+  	}
+  	.btn_wrap{
+  		padding: 5px 30px 30px 30px;
+  		text-align: center;
+  	}
+  	
+  	/* 버튼 영역 */
+  	.cancel_btn{
+  		margin-right:5px;
+  	    display: inline-block;
+	    width: 130px;
+	    background-color: #5e6b9f;
+	    padding-top: 10px;
+	    height: 27px;
+	    color: #fff;
+	    font-size: 14px;
+	    line-height: 18px;  	
+  	}
+  	.enroll_btn{
+   	    display: inline-block;
+	    width: 130px;
+	    background-color: #7b8ed1;
+	    padding-top: 10px;
+	    height: 27px;
+	    color: #fff;
+	    font-size: 14px;
+	    line-height: 18px;   	
+  	}
+
+	/* 책제목 영역 */
+	.bookName_div h2{
+		margin : 0;
+	}
+  	/* 평점 영역 */
+  	.rating_div{
+  		padding-top: 10px;
+  	}
+  	.rating_div h4{
+  		margin : 0;
+  	}
+  	select{
+  	margin: 15px;
+    width: 100px;
+    height: 40px;
+    text-align: center;
+    font-size: 16px;
+    font-weight: 600;  	
+  	}
+  	/* 리뷰 작성 영역 */
+  	.content_div{
+  		padding-top: 10px;
+  	}
+  	.content_div h4{
+  		margin : 0;
+  	}
+  	textarea{
+		width: 100%;
+	    height: 100px;
+	    border: 1px solid #dadada;
+	    padding: 12px 8px 12px 8px;
+	    font-size: 15px;
+	    color: #a9a9a9;
+	    resize: none;
+	    margin-top: 10px;  	
+  	}
+  
+  </style>  
 </head>
 <body>
-	<h1>${bookInfo}</h1>
-	<h1>${memberId}</h1>
+
+	<div class="wrapper_div">
+		<div class="subject_div">
+			리뷰 등록
+		</div>
+		
+		<div class="input_wrap">			
+			<div class="bookName_div">
+				<h2>${bookInfo.bookName}</h2>
+			</div>
+			<div class="rating_div">
+				<h4>평점</h4>
+				<select name="rating">
+					<option value="0.5">0.5</option>
+					<option value="1.0">1.0</option>
+					<option value="1.5">1.5</option>
+					<option value="2.0">2.0</option>
+					<option value="2.5">2.5</option>
+					<option value="3.0">3.0</option>
+					<option value="3.5">3.5</option>
+					<option value="4.0">4.0</option>
+				</select>
+			</div>
+			<div class="content_div">
+				<h4>리뷰</h4>
+				<textarea name="content"></textarea>
+			</div>
+		</div>
+		
+		<div class="btn_wrap">
+			<a class="cancel_btn">취소</a><a class="enroll_btn">등록</a>
+		</div>
+		
+	</div>
+	
+	<script>
+	
+	/* 취소 버튼 */
+	$(".cancel_btn").on("click", function(e){
+		window.close();
+	});	
+	
+	/* 등록 버튼 */
+	$(".enroll_btn").on("click", function(e){
+
+		const bookId = '${bookInfo.bookId}';
+		const memberId = '${memberId}';
+		const rating = $("select").val();
+		const content = $("textarea").val();
+
+		const data = {
+				bookId : bookId,
+				memberId : memberId,
+				rating : rating,
+				content : content
+		}		
+		
+		$.ajax({
+			data : data,
+			type : 'POST',
+			url : '/reply/enroll',
+			success : function(result){
+				window.close();
+			}
+			
+		});		
+		
+	});	
+	
+	
+	</script>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/VamPa_MySQL/src/main/webapp/WEB-INF/views/replyEnroll.jsp b/VamPa_MySQL/src/main/webapp/WEB-INF/views/replyEnroll.jsp
index ce046b5..4b93f7d 100644
--- a/VamPa_MySQL/src/main/webapp/WEB-INF/views/replyEnroll.jsp
+++ b/VamPa_MySQL/src/main/webapp/WEB-INF/views/replyEnroll.jsp
@@ -5,8 +5,172 @@
 <head>
 <meta charset="UTF-8">
 <title>Insert title here</title>
+<script
+  src="https://code.jquery.com/jquery-3.4.1.js"
+  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
+  crossorigin="anonymous"></script>
+  <style type="text/css">
+  	/* 창 여분 없애기 */
+  	body{
+  		margin : 0;
+  	}
+  	/* 전체 배경화면 색상 */
+  	.wrapper_div{
+		background-color: #f5f5f5;
+	    height: 100%;  	
+  	}
+ 	/* 팝업창 제목 */
+  	.subject_div{
+	    width: 100%;
+	    background-color: #7b8ed1;
+	    color: white;
+	    padding: 10px;
+	    font-weight: bold;
+  	}
+  	
+  	/* 컨텐츠, 버튼 영역 padding */
+  	.input_wrap{
+  		padding: 30px;
+  	}
+  	.btn_wrap{
+  		padding: 5px 30px 30px 30px;
+  		text-align: center;
+  	}
+  	
+  	/* 버튼 영역 */
+  	.cancel_btn{
+  		margin-right:5px;
+  	    display: inline-block;
+	    width: 130px;
+	    background-color: #5e6b9f;
+	    padding-top: 10px;
+	    height: 27px;
+	    color: #fff;
+	    font-size: 14px;
+	    line-height: 18px;  	
+  	}
+  	.enroll_btn{
+   	    display: inline-block;
+	    width: 130px;
+	    background-color: #7b8ed1;
+	    padding-top: 10px;
+	    height: 27px;
+	    color: #fff;
+	    font-size: 14px;
+	    line-height: 18px;   	
+  	}
+
+	/* 책제목 영역 */
+	.bookName_div h2{
+		margin : 0;
+	}
+  	/* 평점 영역 */
+  	.rating_div{
+  		padding-top: 10px;
+  	}
+  	.rating_div h4{
+  		margin : 0;
+  	}
+  	select{
+  	margin: 15px;
+    width: 100px;
+    height: 40px;
+    text-align: center;
+    font-size: 16px;
+    font-weight: 600;  	
+  	}
+  	/* 리뷰 작성 영역 */
+  	.content_div{
+  		padding-top: 10px;
+  	}
+  	.content_div h4{
+  		margin : 0;
+  	}
+  	textarea{
+		width: 100%;
+	    height: 100px;
+	    border: 1px solid #dadada;
+	    padding: 12px 8px 12px 8px;
+	    font-size: 15px;
+	    color: #a9a9a9;
+	    resize: none;
+	    margin-top: 10px;  	
+  	}
+  
+  </style>  
 </head>
 <body>
 
+	<div class="wrapper_div">
+		<div class="subject_div">
+			리뷰 등록
+		</div>
+		
+		<div class="input_wrap">			
+			<div class="bookName_div">
+				<h2>${bookInfo.bookName}</h2>
+			</div>
+			<div class="rating_div">
+				<h4>평점</h4>
+				<select name="rating">
+					<option value="0.5">0.5</option>
+					<option value="1.0">1.0</option>
+					<option value="1.5">1.5</option>
+					<option value="2.0">2.0</option>
+					<option value="2.5">2.5</option>
+					<option value="3.0">3.0</option>
+					<option value="3.5">3.5</option>
+					<option value="4.0">4.0</option>
+				</select>
+			</div>
+			<div class="content_div">
+				<h4>리뷰</h4>
+				<textarea name="content"></textarea>
+			</div>
+		</div>
+		
+		<div class="btn_wrap">
+			<a class="cancel_btn">취소</a><a class="enroll_btn">등록</a>
+		</div>
+		
+	</div>
+	
+	<script>
+	
+	/* 취소 버튼 */
+	$(".cancel_btn").on("click", function(e){
+		window.close();
+	});	
+	
+	/* 등록 버튼 */
+	$(".enroll_btn").on("click", function(e){
+
+		const bookId = '${bookInfo.bookId}';
+		const memberId = '${memberId}';
+		const rating = $("select").val();
+		const content = $("textarea").val();
+
+		const data = {
+				bookId : bookId,
+				memberId : memberId,
+				rating : rating,
+				content : content
+		}		
+		
+		$.ajax({
+			data : data,
+			type : 'POST',
+			url : '/reply/enroll',
+			success : function(result){
+				window.close();
+			}
+			
+		});		
+		
+	});	
+	
+	
+	</script>
+
 </body>
 </html>
\ No newline at end of file
