<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ page import="java.io.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
	response.setHeader("Pragma", "No-cache");
	response.setHeader("Cache-Control", "no-cache");
	response.setHeader("Expires", "0");

%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<script language="javascript" >

$(document).ready(function() {	
	
	$("input[name=btn_1]").click(function(){
		var url='<c:url value="/onl/admin/rule/transformManual.view"/>';
		url +="?cmd=POPUP1";
	    showModal(url,null,400,250);
	});
	$("input[name=btn_2]").click(function(){
		var url='<c:url value="/onl/admin/rule/transformManual.view"/>';
		url +="?cmd=POPUP2";
	    showModal(url,null,400,250);
	});
	
	
});
 
</script>
</head>
	<body>		
		<div class="right_box">
			<div class="content_top">
				<ul class="path">
					<li><a href="#">${rmsMenuPath}</a></li>					
				</ul>					
			</div><!-- end content_top -->
			<div class="content_middle">
				
				<!-- <div class="title">전문레이아웃 관리 가이드</div> -->
				
				<div class="transform_title"><%= localeMessage.getString("guide.title") %></div>
				<ul class="transform" style="border-bottom:0;">
					<li style="width:50%;">
						<div class="box_wrap">
							<div class="box" style="text-align:right;">
								<label style="position:absolute; left:20px; top:5px;"><%= localeMessage.getString("guide.down1") %></label> <!-- <input type="button" name="btn_1" class="btn_img btn_download"> -->
								<button type="button" class="cssbtn" id="btn_1"><i class="material-icons">download</i><%=localeMessage.getString("button.download")%></button>
							</div>
						</div>	
					</li>
<!-- 					<li style="width:50%;">	 -->
<!-- 						<div class="box_wrap"> -->
<!-- 							<div class="box" style="text-align:right;"> -->
<!-- 								<label style="position:absolute; left:20px; top:5px;">엑셀서식 다운받기</label> <input type="button" name="btn_2" class="btn_img btn_download"> -->
<!-- 							</div> -->
<!-- 						</div>	 -->
<!-- 					</li>	 -->
				</ul><!-- end.transform -->		
				<div class="transform_title"><%= localeMessage.getString("guide.title2") %></div>					
				<ul class="transform">
					<li>
						<div class="box_wrap">
							<div class="box">
								<div class="tit">01. <%= localeMessage.getString("guide.step1") %></div>
								<div class="con">
									<div><%= localeMessage.getString("guide.con1") %></div>
									<div>
										- <%= localeMessage.getString("guide.file1") %>(<%=localeMessage.getString("guide.mmiForm") %>)<br>
										- <%= localeMessage.getString("guide.file2") %>(<%=localeMessage.getString("guide.mmiForm") %>)
									</div>
									<div>(<%= localeMessage.getString("guide.user1") %>)</div>
								</div>
							</div>
						</div>		
					</li>
					<li>
						<div class="box_wrap">
							<div class="box">
								<div class="tit">02. <%= localeMessage.getString("guide.step2") %></div>
								<div class="con">
									<div><%= localeMessage.getString("guide.con2") %></div>
									<div>
										- <%= localeMessage.getString("guide.file3") %>
									</div>
									<div>(<%= localeMessage.getString("guide.user2") %>)</div>
								</div>		
							</div>	
						</div>		
					</li>
					<li>
						<div class="box_wrap">
							<div class="box">
								<div class="tit">03. <%= localeMessage.getString("guide.step3") %></div>
								<div class="con">
									<div><%= localeMessage.getString("guide.con3") %></div>
									<div>
										- <%= localeMessage.getString("guide.con31") %>(<%= localeMessage.getString("guide.con32") %>)
									</div>
									<div>(<%= localeMessage.getString("guide.user3") %>)</div>
								</div>		
							</div>	
						</div>		
					</li>
					<li>
						<div class="box_wrap">
							<div class="box">
								<div class="tit">04. <%= localeMessage.getString("guide.step4") %></div>
								<div class="con">
									<div><%= localeMessage.getString("guide.con4") %></div>
									<div>
										- <%= localeMessage.getString("guide.file1") %>(<%= localeMessage.getString("guide.mmiForm") %>)<br>
										- <%= localeMessage.getString("guide.file2") %>(<%= localeMessage.getString("guide.mmiForm") %>)
									</div>
									<div>(<%= localeMessage.getString("guide.user1") %>)</div>
								</div>		
							</div>	
						</div>		
					</li>
<!-- 					<li> -->
<!-- 						<div class="box_wrap"> -->
<!-- 							<div class="box"> -->
<!-- 								<div class="tit">05. I/O 변환매핑</div> -->
<!-- 								<div class="con"> -->
<!-- 									<div>EAI/FEP 제공 UI화면을 이용하여 I/O 변환 룰 매핑 작업</div> -->
<!-- 									<div> -->
<!-- 										- 작업한 변환내용을 Download, Upload 가능 -->
<!-- 									</div> -->
<!-- 									<div>(개발자)</div> -->
<!-- 								</div>						 -->
<!-- 							</div>	 -->
<!-- 						</div>		 -->
<!-- 					</li> -->
					<li>
						<div class="box_wrap">
							<div class="box">
								<div class="tit">05. <%= localeMessage.getString("guide.step5") %></div>
								<div class="con">
									<div><%= localeMessage.getString("guide.con5") %></div>
									<div>(<%= localeMessage.getString("guide.user1") %>)</div>
								</div>						
							</div>	
						</div>	
					</li>
				</ul><!-- end.transform -->					
				
				<!-- <table id="grid" ></table>
				<div id="pager"></div> -->
				
			</div><!-- end content_middle -->
		</div><!-- end right_box -->				
	</body>	
		
		
</html>

