diff --git a/src/main/java/kcc/ve/aplct/cpyrgExprnClsrm/exprnClsrmAplct/web/ScholInfoController.java b/src/main/java/kcc/ve/aplct/cpyrgExprnClsrm/exprnClsrmAplct/web/ScholInfoController.java
index 55845fd1..ad12b6c0 100644
--- a/src/main/java/kcc/ve/aplct/cpyrgExprnClsrm/exprnClsrmAplct/web/ScholInfoController.java
+++ b/src/main/java/kcc/ve/aplct/cpyrgExprnClsrm/exprnClsrmAplct/web/ScholInfoController.java
@@ -443,6 +443,80 @@ public class ScholInfoController {
 		return "/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/popup/qustnrFndtnPopList";
 	}
 	
+	/**
+	 * 이수증 출력
+	 */
+	@RequestMapping("popup/certPopList.do")
+	public String certPopList( 
+			@ModelAttribute("vEEduChasiVO") VEEduChasiVO vEEduChasiVO
+			, QustnrRespondInfoVO qustnrRespondInfoVO
+			, ModelMap model 
+			, HttpServletRequest request 
+			) throws Exception {
+
+		String s_action	=	request.getParameter("action");	//insert or select
+		System.out.println("s_action");
+		System.out.println(s_action);
+		System.out.println(vEEduChasiVO.getQustnrTmplatId());
+		System.out.println(vEEduChasiVO.getQestnrId());
+		System.out.println(vEEduChasiVO.getQustnrRespondId());
+				
+		
+		System.out.println(qustnrRespondInfoVO.getQustnrTmplatId());
+		System.out.println(qustnrRespondInfoVO.getQestnrId());
+		System.out.println(qustnrRespondInfoVO.getQustnrRespondId());
+		//차시 정보
+		/*
+		try {
+			vEEduChasiVO.setInstrDiv(VeConstants.LCTR_DIV_CD_10);	//10-청소년 강사, 20-성인강사	VE0001
+			
+			VEEduChasiVO ChasiInfo = vEEduMIXService.selectChasiInfo(vEEduChasiVO);
+			ChasiInfo.setInstrNm(egovCryptoUtil.decrypt(ChasiInfo.getInstrNm()));			
+			
+			ChasiInfo.setStrtTm(ChasiInfo.getStrtTm().substring(0,2)+":"+ChasiInfo.getStrtTm().substring(2,4));
+			ChasiInfo.setEndTm(ChasiInfo.getEndTm().substring(0,2)+":"+ChasiInfo.getEndTm().substring(2,4));
+			
+			model.addAttribute("chasiInfo", ChasiInfo);
+			
+		}catch(Exception ex) {
+    		System.out.println("Exception vEEduAplctOnlnService.updateBulk");
+    	}
+*/
+		//참석 답변 정보
+		try {
+			List<QustnrRespondInfoVO> chasiSrvyList = egovQustnrRespondInfoService.selectChasiSrvyFndtnList202312(qustnrRespondInfoVO);
+			//model.addAttribute("qestnrRespondent", chasiSrvyList.get(0).getQestnrRespondent());
+			//model.addAttribute("qestnrParticipant", chasiSrvyList.get(0).getQestnrParticipant());
+			System.out.println("chasiSrvyList.get(0).getPrcsAplctPrdOrd()");
+			System.out.println(chasiSrvyList.get(0).getPrcsAplctPrdOrd());
+			System.out.println(chasiSrvyList.get(0).getPrcsAplctPrdOrd());
+			model.addAttribute("chasiSrvyList", chasiSrvyList);
+			model.addAttribute("chasiSrvyListCnt", chasiSrvyList.size());
+		}catch(Exception ex) {
+			System.out.println("Exception vEEduAplctOnlnService.updateBulk");
+		}
+		
+		
+    	//설문 참여 정보
+		/*
+		try {
+			model	=	qustnrCommonUtil._qustnrQesItm(
+					model
+					, VeConstants.LCTR_DIV_CD_10		//청소년 -10, 성인-20, ...VE0012
+					, "10"							//10-기본설문, 20-신청자설문, 30-강사설문	VEA012
+					, "QTMPLA_0000000000001"
+					, vEALettnQestnrMIXService
+					, egovQustnrRespondInfoService
+					);
+	
+		}catch(Exception ex) {
+			ex.printStackTrace();
+		}
+		*/
+		
+		return "/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/popup/certPopList";
+	}	
+	
 	/**
 	 * 설문 출력 팝업 리스트
 	 */
diff --git a/src/main/webapp/WEB-INF/jsp/web/ve/aplct/cmdTrgt/main.jsp b/src/main/webapp/WEB-INF/jsp/web/ve/aplct/cmdTrgt/main.jsp
index 8f1a45f6..fd56bd33 100644
--- a/src/main/webapp/WEB-INF/jsp/web/ve/aplct/cmdTrgt/main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/ve/aplct/cmdTrgt/main.jsp
@@ -184,7 +184,7 @@
 					<col style="width:;">
 					<col style="width:13%;">
 					<col style="width:13%;">
-<%-- 					<col style="width:13%;"> --%>
+					<col style="width:13%;">
 				</colgroup>
 				<thead>
 					<tr>
@@ -192,7 +192,7 @@
 						<th scope="col">교육일자</th>
 						<th scope="col">신청결과</th>
 						<th scope="col">설문조사</th>
-<!-- 						<th scope="col">이수증</th> -->
+						<th scope="col">이수증</th>
 					</tr>
 				</thead>
 				<tbody>
@@ -296,7 +296,7 @@
 							</c:choose>							
 							
 						</td>
-						<!-- 
+						 
 						<td>
 							<c:choose>
 								<c:when test="${list.qestRsltExists }">
@@ -310,7 +310,7 @@
 								</c:otherwise>
 							</c:choose>
 						</td>
-						 -->
+						
 					</tr>
 				</c:forEach>
 				<c:if test="${empty list}">
diff --git a/src/main/webapp/WEB-INF/jsp/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/popup/certPopList.jsp b/src/main/webapp/WEB-INF/jsp/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/popup/certPopList.jsp
new file mode 100644
index 00000000..33456b62
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/popup/certPopList.jsp
@@ -0,0 +1,548 @@
+<%--
+  
+  Class Name : qustnrFndtnPopList.jsp
+  Description :  설문팝업
+  Modification Information
+  
+  1.강의 종류(청소년, 성인 ... VE0011) 및 설문 종류 (10-기본, 20-신청자, 30-강사) 및 상태(등록, 완료) 에 맞는 설문 레이어 팝업을 만든다.
+
+	  수정일         수정자                   수정내용
+	-------    --------    ---------------------------
+	 2021.12.02    조용준          내용
+
+	author   : 조용준
+	since    : 2021.12.02
+
+--%>
+<%@ page contentType="text/html; charset=utf-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
+<%@ taglib prefix="kc" uri="/WEB-INF/tlds/kcc_tld.tld"%>
+
+<script type="text/javascript" src="${pageContext.request.contextPath}/kccadrPb/usr/script/popup.js"></script>
+
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/publish/css/reset.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/publish/css/common.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/publish/css/estimate.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/publish/css/font.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/publish/css/button.css">
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
+ 
+
+<script type="text/javaScript" language="javascript">
+
+/*
+	function fncGoScholList(){
+		linkPage(1);
+	}
+
+	function linkPage(pageNo){
+		var data = {
+			pageIndex : pageNo,
+			searchKeyword : $("#searchKeyword").val(),
+			searchCondition : $("#searchCondition").val(),
+			pageUnit : 5,
+			formId	:	$("#formId").val(),
+		}
+		fncScholList(data);
+	}
+	
+	function fncScholList(paramObj) {
+		if(paramObj == undefined || paramObj == ''){
+			paramObj = {
+				pageIndex : 1,
+				searchKeyword : "",
+				searchCondition : "",
+				pageUnit : 5,
+				formId	:	$("#formId").val(),
+			};
+		}
+		// 학교 리스트 팝업 호출
+		commonPopLayeropen(
+			"${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/scholInfo/popup/scholPopList.do"
+			, 500
+			, 600
+			, paramObj
+			, "N"
+			, "scholPop"
+		);
+	}
+	*/
+	
+	function fncScholDataSlct_back(p_code, p_nm){
+		var fNm = "#"+$("#formId").val();		
+		$(fNm + " #stndrdScholCd").val(p_code);
+		$(fNm + " #scholInsttNm").val(p_nm);
+				
+		$(".btn_popup_close").click();		
+	}
+
+	function fncScholDataSlct(thisObj){
+		var inObj = $(thisObj).closest("td").find("input[type=hidden]");
+		var rsObj = new Object();
+		$.each(inObj, function(idx, value){
+			console.log(value.value);
+			rsObj[value.name] = value.value;
+		});
+		callBackSchPop(rsObj);
+		$(".btn_popup_close").click();
+	}
+
+	function replyCalculation(){
+		/*
+		var qestnrParticipant = $("#qestnrParticipant").val(); //참석자 수량
+		var qestnrRespondent = $("#qestnrRespondent").val(); //응답자 수량
+		
+		if(qestnrParticipant == "" || qestnrParticipant == null){
+			alert("참석자 수량을 넣어주세요");
+			$("#qestnrParticipant").focus();
+			return
+		}
+		
+		if(qestnrRespondent == "" || qestnrRespondent == null){
+			alert("응답자 수량을 넣어주세요");
+			$("#qestnrParticipant").focus();
+			return
+		}
+		
+		if(Number(qestnrParticipant) < Number(qestnrRespondent)){
+			alert("응답자 수량이 참석자 수량보다 많습니다.");
+			$("#qestnrParticipant").focus();
+			return
+		}
+		
+		var responseRateTxt = (Number(qestnrRespondent) / Number(qestnrParticipant)*Number(100)).toFixed(1);
+		$("#responseRate").text(responseRateTxt + "%");
+		$("#noResponse").text(Number(qestnrParticipant) - Number(qestnrRespondent));
+		*/
+	}	
+
+	function popupSrvySendSubmit(){
+
+		
+		var v_qestmSize = parseInt('${chasiSrvyListCnt}'); //평가문항 수량
+		var v_sum	=	0;
+		//var qestmSize = parseInt($("#qestmInfoSize").val()); //평가문항 수량
+		//var qestnrParticipant = parseInt($("#qestnrParticipant").val()); //참석자 수량
+		//var qestnrRespondent = parseInt($("#qestnrRespondent").val()); //응답자 수량
+		
+		/*
+		if(qestnrParticipant == null || qestnrParticipant == ""){
+			alert("참석자 수량을 넣어주세요");
+			$("#qestnrParticipant").focus();
+			return
+		}
+		
+		if(qestnrRespondent == null || qestnrRespondent == ""){
+			alert("응답자 수량을 넣어주세요");
+			$("#qestnrRespondent").focus();
+			return
+		}
+		
+		if(qestnrParticipant < qestnrRespondent){
+			alert("응답자 수량이 참석자 수보다 많습니다 확인해 주세요");
+			$("#qestnrRespondent").focus();
+			return
+		}
+		*/
+		
+		for(var i=0; i < v_qestmSize; i++){			
+			//var verySatisfied = $("#verySatisfied_"+i).val();
+			//var satisfied = $("#satisfied_"+i).val();
+			//var neither = $("#neither_"+i).val();
+			//var dissatisfied = $("#dissatisfied_"+i).val();
+			//var veryDissatisfied = $("#veryDissatisfied_"+i).val();
+
+
+			var	radioNumber	=	$("input:radio[name='resultList["+i+"].responseRadio']:checked").val();  // 체크된 value 
+
+			//alert(radioNumber);
+			
+			/*
+			if(verySatisfied == null || verySatisfied == ""){
+				alert((i+1)+"번 [매우만족] 만족도를 정확히 넣어주세요");
+				$("#verySatisfied_"+i).focus();
+				return
+			}
+			if(satisfied == null || satisfied == ""){
+				alert((i+1)+"번 [만족] 만족도를 정확히 넣어주세요");
+				$("#satisfied_"+i).focus();
+				return
+			}
+			if(neither == null || neither == ""){
+				alert((i+1)+"번 [보통] 만족도를 정확히 넣어주세요");
+				$("#neither_"+i).focus();
+				return
+			}
+			if(dissatisfied == null || dissatisfied == ""){
+				alert((i+1)+"번 [불만족] 만족도를 정확히 넣어주세요");
+				$("#dissatisfied_"+i).focus();
+				return
+			}
+			if(veryDissatisfied == null || veryDissatisfied == ""){
+				alert((i+1)+"번 [매우불만족] 만족도를 정확히 넣어주세요");
+				$("#veryDissatisfied_"+i).focus();
+				return
+			}
+			*/
+			
+			//var sum = Number(verySatisfied) + Number(satisfied) + Number(neither) + Number(dissatisfied) + Number(veryDissatisfied);
+
+			radioNumber = Number(radioNumber);
+
+			if (radioNumber){
+				v_sum	=	v_sum	+	1;
+			}
+			
+
+		}
+
+		//alert(v_sum);
+		//alert(v_qestmSize);
+
+		
+		
+		if(v_qestmSize != v_sum ){
+			alert("문항의 합계가 응답수량과 맞지 않습니다.");
+			$("#verySatisfied_"+i).focus();
+			return
+		}
+		
+		if(confirm("설문결과를 등록 하시겠습니까?")){
+// 			var frm = document.newSrvyPopupForm;
+			var data = new FormData(document.getElementById("newSrvyPopupForm"));
+			
+			$.ajax({
+				type:"POST"
+				//,url:"${pageContext.request.contextPath}/web/ve/aplct/tngrVisitEdu/eduEnd/insertNewSrvyInfoAjax.do"
+				,url:"${pageContext.request.contextPath}/web/ve/aplct/tngrVisitEdu/eduEnd/insertNewSrvyFndtnInfoEAAjax.do"
+					
+				,data: data
+				,dataType:'json'
+				,async: false
+				,processData: false
+				,contentType: false
+				,cache: false
+				,success:function(returnData){
+					if(returnData.result == 'success'){
+						//alert("설문결과가 등록 되었습니다.");
+						fn_statusChg();
+						//window.location.reload();
+					}else if(returnData.result == 'fail'){
+						alert(returnData.msg);
+						location.href="/web/user/login/ssoLogin.do?test=test";
+					}
+				}
+				,error:function(request , status, error){
+					alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
+				}
+			});
+		}
+	}	
+
+	// 기반 / 기소 공통
+	function fn_statusChg(){
+		var data = new FormData(document.getElementById("statusChgForm"));
+		
+				var url = "${pageContext.request.contextPath}/web/ve/aplct/tngrVisitEdu/eduEnd/updateAplctStateCdAjax.do";
+				$.ajax({
+					type:"POST",
+					url: url,
+					data: data,
+					dataType:'json',
+					async: false,
+					processData: false,
+					contentType: false,
+					cache: false,
+					success:function(returnData){
+							if(returnData.result == "success"){
+								alert("설문결과가 등록 되었습니다.");
+							//alert("변경되었습니다.");
+							// 새로고침
+							window.location.reload();
+						}
+					},
+					error:function(request , status, error){
+						alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
+					}
+				});
+			
+			//event.stopImmediatePropagation();
+			
+	}	
+	
+$(document).ready(function(){
+	/*
+	boardCaptionDetailToggle4();
+	
+	// 레이어팝업 포커싱 이동 수정
+	$(".tooltip-close").click(function(){
+		var activeTarget = $('[data-tooltip-con="sub36_pop02"]');
+		activeTarget.hide();
+		$('[data-tooltip="sub01_pop02"]').focus();
+	});
+	
+	//레이어팝업 초정 이동 시 필요한 data 값 추가
+	var btnLast = $('.popup_cont').find('.page').find('button:last-child');
+	btnLast.attr('data-focus-next','sub36_pop02');
+	btnLast.attr('data-focus','sub36_pop02_close');
+	*/
+	// 레이어팝업 포커싱 이동 수정
+	$(".tooltip-close").click(function(){
+		var activeTarget = $('[data-tooltip-con="sub36_pop02"]');
+		activeTarget.hide();
+		$('[data-info="${vEEduChasiVO.eduAplctOrd}"]').focus();
+	});
+	
+})
+
+function f_print(){
+	document.getElementById('est_btn_wrap').style.display = 'none';
+	
+    //var initBody = document.body.innerHTML;
+	var initBody = document.getElementById('divBody').innerHTML;
+    window.onbeforeprint = function(){
+        // print_area는 인쇄하고자 하는 영역의 ID를 말합니다.( 필수 )
+//         document.body.innerHTML = document.getElementById("print_area").innerHTML;
+    }
+    window.onafterprint = function(){
+        document.body.innerHTML = initBody;
+    }
+    window.print();
+    document.getElementById('est_btn_wrap').style.display = '';
+}
+
+function downloadPDF() {
+    const element = document.getElementById('divBody'); // PDF로 변환하고자 하는 HTML 요소를 선택합니다. 예: document.getElementById('your-element-id')
+
+    html2canvas(element).then((canvas) => {
+        const imgData = canvas.toDataURL('image/png');
+        const pdf = new jspdf.jsPDF();
+        const imgProps= pdf.getImageProperties(imgData);
+        const pdfWidth = pdf.internal.pageSize.getWidth();
+        const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width;
+
+        pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight);
+        pdf.save("download.pdf");
+    });
+}
+
+async function savePDF() {
+	document.getElementById('est_btn_wrap').style.display = 'none';
+	
+    const { jsPDF } = window.jspdf;
+    const element = document.getElementById('divBody');
+
+    // 스크롤 영역 전체 캡처를 위해 overflow 제거
+    const originalScrollY = window.scrollY;
+    window.scrollTo(0, 0);
+
+    const canvas = await html2canvas(element, {
+      scale: 2, // 해상도 향상
+      useCORS: true,
+      windowWidth: document.documentElement.scrollWidth,
+      windowHeight: document.documentElement.scrollHeight
+    });
+
+    window.scrollTo(0, originalScrollY);
+
+    const imgData = canvas.toDataURL('image/png');
+    const pdf = new jsPDF('p', 'mm', 'a4');
+    const pdfWidth = pdf.internal.pageSize.getWidth();
+    const pdfHeight = pdf.internal.pageSize.getHeight();
+
+    // 캔버스의 크기 비율에 따라 페이지 분할
+    const imgWidth = pdfWidth;
+    const imgHeight = canvas.height * pdfWidth / canvas.width;
+
+    let heightLeft = imgHeight;
+    let position = 0;
+
+    pdf.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
+    heightLeft -= pdfHeight;
+
+    while (heightLeft > 0) {
+      position = heightLeft - imgHeight;
+      pdf.addPage();
+      pdf.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
+      heightLeft -= pdfHeight;
+    }
+
+    pdf.save('page.pdf');
+
+    document.getElementById('est_btn_wrap').style.display = '';
+  }
+
+
+async function makePDF() {
+	  const { jsPDF } = window.jspdf;
+	  const element = document.getElementById("divBody");
+
+	  // 1️⃣ body에 임시 클론을 붙여서 화면 밖에서도 렌더링되도록 함
+	  const cloned = element.cloneNode(true);
+	  const container = document.createElement('div');
+
+	  container.style.position = 'fixed';
+	  container.style.top = '0';
+	  container.style.left = '0';
+	  container.style.width = element.scrollWidth + 'px';
+	  container.style.height = 'auto';
+	  container.style.background = 'white';
+	  container.style.zIndex = '-1';
+	  container.style.overflow = 'visible';
+	  container.appendChild(cloned);
+	  document.body.appendChild(container);
+
+	  // 2️⃣ 클론 기준으로 html2canvas 렌더링
+	  const canvas = await html2canvas(cloned, {
+	    scale: 2,
+	    useCORS: true,
+	    scrollX: 0,
+	    scrollY: 0,
+	    windowWidth: cloned.scrollWidth,
+	    windowHeight: cloned.scrollHeight,
+	    backgroundColor: "#FFFFFF",
+	  });
+
+	  // 3️⃣ 임시 클론 제거
+	  document.body.removeChild(container);
+
+	  // 4️⃣ PDF 생성
+	  const imgData = canvas.toDataURL("image/png");
+	  const pdf = new jsPDF("p", "mm", "a4");
+	  const pdfWidth = pdf.internal.pageSize.getWidth();
+	  const pdfHeight = pdf.internal.pageSize.getHeight();
+
+	  //alert(pdfWidth);
+	  //alert(pdfHeight);
+
+	  const imgWidth = pdfWidth;
+	  const imgHeight = (canvas.height * pdfWidth) / canvas.width;
+	  //const imgHeight = pdfHeight;
+
+	  //alert(imgWidth);
+	  //alert(imgHeight);
+
+	  let heightLeft = imgHeight;
+	  let position = 0;
+
+	  pdf.addImage(imgData, "PNG", 0, position, imgWidth, imgHeight);
+	  heightLeft -= pdfHeight;
+
+	  while (heightLeft > 0) {
+	    position = heightLeft - imgHeight;
+	    pdf.addPage();
+	    pdf.addImage(imgData, "PNG", 0, position, imgWidth, imgHeight);
+	    heightLeft -= pdfHeight;
+	  }
+
+	  pdf.save("divBody_전체.pdf");
+	}
+</script>
+<!-- 일정 상세 -->
+<form id="statusChgForm" name="statusChgForm" method="post">
+	<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${chasiSrvyList[0].prcsAplctPrdOrd}' />"/>
+	<input type="hidden" name="aplctStateCd" id="aplctStateCd" value="20"/>
+	<input type="hidden" name="eduAplctOrd" id="eduAplctOrd" value="${vEEduChasiVO.eduAplctOrd}">
+	<input type="hidden" name="lctrDivCd" value="50"/>
+</form>
+
+<form id="newSrvyPopupForm" name="newSrvyPopupForm" method="post" >
+	<input type="hidden" name="siteId" id="siteId" value="${vEEduChasiVO.siteId}">
+	<input type="hidden" name="eduAplctOrd" id="eduAplctOrd" value="${vEEduChasiVO.eduAplctOrd}">
+	<input type="hidden" name="eduChasiOrd" id="eduChasiOrd" value="${vEEduChasiVO.eduChasiOrd}">
+	<input type="hidden" name="qustnrTmplatId" id="qustnrTmplatId" value="${chasiSrvyList[0].qustnrTmplatId}">
+	<input type="hidden" name="qestnrId" id="qestnrId" value="${chasiSrvyList[0].qestnrId}">
+	<input type="hidden" name="qestmInfoSize" id="qestmInfoSize" value="${fn:length(chasiSrvyList)}">
+
+
+<div class="popup_wrap popType01" tabindex="0" data-info="${vEEduChasiVO.eduAplctOrd}" data-tooltip-con="sub36_pop02" data-focus="sub36_pop02" data-focus-prev="sub36_pop02_close">
+
+
+	<div class="popup_cont">
+		<div class="cont_body">
+		
+			<div class="pop_tb_type02">
+
+
+		<div class="estimate" id="divBody">
+		<div class="cont2 clearfix">
+            <div class="est_head clearfix">
+                <img src="/publish/images/CI.png" alt="문자온 CI">
+                <div class="clearfix">
+                    <p>&nbsp;</p>
+                    <p>&nbsp;</p>
+                </div>
+            </div>
+            <div class="est_body" style="border:1px solid black">
+                <div class="cont1 tb_ver2" style="margin-top:10px;">
+                    <div>
+                        <p style="margin-left:30px;"><기소유예-2025-00083></p>                        
+                    </div>
+                </div>            
+                <h2>교 육 이 수 증</h2>
+                
+                <div class="cont5">
+                    <p><span>&nbsp;&nbsp;</p>
+                    <div>
+                        <span>수료과목 : 조건부 기소유예 10기</span>
+                    </div>
+                    <div>
+                        <span>성       명: 조건부 기소유예 10기</span>
+                    </div>
+                    <div>
+                        <span>교육일시 : 2025.10.25</span>
+                    </div>
+                </div>
+							
+                <div class="cont5">
+                    <p>&nbsp;</p>
+                    <div>
+                        <span>&nbsp;</span>
+                        
+                    </div>
+                </div>
+                <div class="cont5">
+                    <p>&nbsp;</p>
+                    <div>
+                        <span>위 사람은 한국지식재산보호원............</span>                        
+                    </div>
+                </div>
+                <div class="cont5">
+                    <p>&nbsp;</p>
+                    <div>
+                        <span>&nbsp;</span>                        
+                    </div>
+                </div>
+                <div class="cont5">
+                    <p><span>2025 년&nbsp;&nbsp;<span>10</span> 월&nbsp;&nbsp;<span>7</span> 일</p>
+                    <div>
+                        <span><font size="13">한국지식재산보호원</font></span>                        
+                        <span class="big_stamp"><img src="/publish/images/content/big_stamp.png"></span>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+        
+       
+        
+        </div>
+
+            <div class="est_btn_wrap" id="est_btn_wrap">
+                    <button type="button" class="btnType" onclick="javascript:makePDF(); return false;"><i class="print_img"></i>인쇄하기</button>
+                    <button class="btnType btn_popup_close tooltip-close" data-focus="sub36_pop02_close" title="팝업 닫기"><i class="print_img"></i>닫기</button>                  
+            </div> 
+						 
+			</div>
+	</div>
+</div>
+</div>
+</form>
diff --git a/src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/main.jsp b/src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/main.jsp
index 32ca5beb..2d9d4231 100644
--- a/src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/main.jsp
@@ -143,6 +143,42 @@
 				, "QustnrList"
 		);
 	}		
+
+	//이수증 출력
+	function fncPrintCert(
+			id				//aplctOrd
+			, chId			//chasiOrd
+			, p_site_id_cd	//10,20,30
+			, p_action		//select, insert			
+			, p_qustnrTmplatId		//select, insert
+			, p_qestnrId			//select, insert
+			, p_qustnrRespondId		//select, insert
+			){
+
+		paramObj = {
+				"eduAplctOrd" : id
+				,"eduChasiOrd" : chId
+				,"siteIdCd" : p_site_id_cd
+				,"siteId" 	: "60"			//설문정보를 위해서 설문지의 대상값을 넣는다.	VE0011	10-청소년, 20-성인,30-체험, 40-외부, 50-기반, 60-기소
+
+				,"action" : p_action
+
+				,"qustnrTmplatId" 	: p_qustnrTmplatId
+				,"qestnrId" 		: p_qestnrId
+				,"qustnrRespondId" 	: p_qustnrRespondId
+		};
+		
+		commonPopLayeropen(
+				//"${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/scholInfo/popup/qustnrPopList.do"
+				"${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/scholInfo/popup/certPopList.do"
+				, 800
+				, 700
+				, paramObj
+				, "Y"
+				, "QustnrList"
+		);		
+		
+	}
 </script>
 
 <!-- content -->
@@ -185,7 +221,7 @@
 					<col style="width:;">
 					<col style="width:13%;">
 					<col style="width:13%;">
-<%-- 					<col style="width:13%;"> --%>
+					<col style="width:13%;">
 				</colgroup>
 				<thead>
 					<tr>
@@ -193,7 +229,7 @@
 						<th scope="col">교육일자</th>
 						<th scope="col">신청결과</th>
 						<th scope="col">설문조사</th>
-<!-- 						<th scope="col">이수증</th> -->
+						<th scope="col">이수증</th>
 					</tr>
 				</thead>
 				<tbody>
@@ -217,6 +253,12 @@
 							<c:out value="${list.eduStrtPnttm}"/>
 						</td>
 						<td>
+							<kc:code codeId="VE0003" code="${list.aprvlCd}"/>
+							<c:if test="${list.aprvlCd eq '60'}">
+								- <kc:code codeId="VEA003" code="${list.aplctStateCd}"/>
+							</c:if>
+							
+							<!-- 
 							<c:choose>
 								<c:when test="${not empty list.aplctStateCd }">
 									<kc:code codeId="VEA003" code="${list.aplctStateCd}"/>	
@@ -224,15 +266,17 @@
 								<c:otherwise>
 									<kc:code codeId="VE0003" code="${list.aprvlCd}"/>
 								</c:otherwise>
-							</c:choose>		
-							
+							</c:choose>
+							 -->		
+							<!-- 
 							<c:if test="${(list.aprvlCd eq '10' or list.aprvlCd eq '20') and list.ddlnCd ne '20'}">
 								<button type="button" class="btnType02" onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');">취소</button>
 							</c:if>							
 							<c:if test="${list.aprvlCd eq '60' and list.ddlnCd eq '20'}">
 								승인
 <%-- 								<button type="button" class="btnType02" onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');">취소</button> --%>
-							</c:if>		
+							</c:if>
+							 -->		
 						
 						</td>
 						<td>
@@ -298,11 +342,13 @@
 							</c:choose>							
 							
 						</td>
-						<!-- 
 						<td>
 							<c:choose>
-								<c:when test="${list.qestRsltExists }">
-									<button type="button" title="출력" class="btnType03">출력</button>
+								<c:when test="${list.qestRsltExists }">									
+									<button type="button" class="btn small mint line sur_bt" data-info="${list.eduAplctOrd}" data-tooltip="sub36_pop02" 
+											onclick="fncPrintCert('${list.eduAplctOrd}','${list.eduChasiOrd}','10','insert'
+											,'${list.qustnrTmplatId}','${list.qestnrId10}',''
+											)" title="출력">출력</button>
 								</c:when>
 								<c:when test="${list.dateChk eq 1 and not list.qestRsltExists}">
 									교육완료
@@ -312,7 +358,6 @@
 								</c:otherwise>
 							</c:choose>
 						</td>
-						 -->
 					</tr>
 				</c:forEach>
 				<c:if test="${empty list}">
diff --git a/src/main/webapp/publish/css/button.css b/src/main/webapp/publish/css/button.css
new file mode 100644
index 00000000..0373df87
--- /dev/null
+++ b/src/main/webapp/publish/css/button.css
@@ -0,0 +1,122 @@
+/* 버튼 및 인풋 타입 */
+select {border: 1px solid #e5e5e5;vertical-align: middle;font-weight: 300;font-size: 16px;font-family: 'Noto Sans KR', sans-serif;}
+select.selType1 {height: 34px;padding:0 25px 0 10px;border: 1px solid #d5d5d5;border-radius: 3px;background-image: url(/publish/images/select_search2.png);background-repeat: no-repeat;background-position: right 5px top 50%;color: #777;}
+/* .area_tabs */
+select.selType2 {height: 36px; align-self: center; width: 125px; color: #666; background-image: url(/publish/images/select_search.png); background-repeat: no-repeat; background-position: 92% center; padding-left: 12px; box-sizing: border-box; border-radius: 3px; border: 1px solid #ccc;margin-left: 2px;  font-size: 16px;}
+.list_selType1:focus {outline: none;}
+select.list_selType1 {background-color: transparent; border: none; width: 100%; padding: 0 15px; background-image: url(/publish/images/mem/list_select.png);background-repeat: no-repeat;background-position: right 0 top 50%; font-size: 18px; color: #222; font-family: 'Noto Sans KR', sans-serif; cursor: pointer;}
+
+input {border: 0;vertical-align: middle;box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; }
+input:focus {outline: none;}
+input::placeholder {font-family: 'Noto Sans KR', sans-serif; font-weight: 300;color: #a6a6a6 !important;}
+input:-ms-input-placeholder {font-family: 'Noto Sans KR', sans-serif; font-weight: 300;color: #a6a6a6 !important;}
+input[type="text"] {padding: 0 10px; border-radius: 3px;font-size: 16px;}
+input[type="text"].readonly::placeholder {color: #222 !important;}
+input[type="text"].readonly:-ms-input-placeholder {color: #222 !important;}
+input[type="text"].inputLight::placeholder {color: #a6a6a6 !important;}
+input[type="text"].inputLight:-ms-input-placeholder {color: #a6a6a6 !important;}
+input[type="password"] {padding: 0 10px; border-radius: 3px;font-size: 16px;}
+input[type="password"].inputLight::placeholder {color: #a6a6a6 !important;}
+input[type="password"].inputLight:-ms-input-placeholder {color: #a6a6a6 !important;}
+
+input.input_text{border:1px solid #d5d5d5;}
+ /* 비밀번호 css 변경 */
+
+input[type="checkbox"] {width: 16px; height: 16px; border: 1px solid #d6d8da;}
+input[type="radio"] {margin-top: 2px; margin-right: 3px;}
+input[type="radio"]+label {margin-right: 18px;font-size:16px;vertical-align: middle;}
+input[type="radio"].radio_big {margin:0;width:16px;height:16px;}
+/* input[type="radio"]+label, input[type="checkbox"]+label {vertical-align: middle;}  */
+textarea {width: 100%;font-size: 16px;padding: 15px; box-sizing: border-box;color: #666;font-weight: 300;font-family: 'Noto Sans KR', sans-serif;}
+textarea::-webkit-scrollbar {width:7px;}
+textarea::-webkit-scrollbar-thumb {background: #c3c6c7; border-radius: 3px;}
+textarea::-webkit-scrollbar-thumb:active {background: 6#808080;}
+textarea::placeholder {font-family: 'Noto Sans KR', sans-serif; font-weight: 300;color: #a6a6a6 !important;}
+textarea:-ms-input-placeholder {font-family: 'Noto Sans KR', sans-serif; font-weight: 300;color: #a6a6a6 !important;}
+
+.center_btn_wrap {margin:30px 0 0;text-align:center;}
+
+/* button type */
+.btnType {text-align: center;font-size: 16px;border-radius: 5px;}
+.btnType:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
+.btnType1 {background-color: #eea301;color: #fff;height: 36px;padding: 0 14px;}
+.btnType1:hover {background-color:#f8bd0e ;}
+.btnType2 {background-color: #002c9a !important; color: #fff !important; height: 36px; padding: 0 6px;}
+.btnType2:hover {background-color:#002788;}
+.btnType3 {background-color: #fff; color: #002c9a;height: 36px;padding: 0 6px;border: 1px solid #002c9a;}
+.btnType3:hover {border: 1px solid #002788;color: #002788;}
+.btnType4 {background-color: #8e8e8e; color: #fff;width: 90px; height: 26px;padding-right: 10px; border-radius: 13px;font-size: 14px;background-image: url(/publish/images/arrow1.png);background-repeat: no-repeat;background-position:86% center;vertical-align: inherit;}
+.btnType4:hover {background-color:#a3a3a3;}
+.btnType5 {background-color: #fff; color: #002c9a;height: 28px;padding: 0 7px;border: 1px solid #002c9a;}
+.btnType5:hover {border: 1px solid #002788;color: #002788;}
+.btnType6 {background-color: #e8f0ff !important;height: 40px;padding: 0 16px;border: 1px solid #b1c6ee !important; font-weight: 400;}
+.btnType6:hover {border: 1px solid #97b1e1;}
+.btnType7 {background-color: #fff;width: 100%; max-width: 190px; height: 40px;border: 1px solid #b1b1b1;font-weight: 300;}
+.btnType7:hover {border: 1px solid #a3a3a3;}
+.btnType8 {background-color: #fbc72b;max-width: 190px;height: 40px;font-weight: 300;}
+.btnType8:hover {background-color:#f8bd0e;}
+.btnType9 {background-color: #6a6c72 !important;max-width: 93px;height: 40px;font-weight: 300;color: #fff !important;}
+.btnType9:hover {background-color:#56585e ;}
+.btnType10 {background-color: #fff;height: 50px;border: 1px solid #002c9a; color: #002c9a;font-size: 20px;}
+.btnType10:hover {border: 1px solid #002788;color: #002788;}
+.btnType11 {background-color: #002c9a;height:50px;color: #fff;font-size: 20px;}
+.btnType11:hover {background-color: #002788;color: #fff;}
+.btnType12 {background-color: #fff; height: 32px;border: 1px solid #b1b1b1;font-weight: 300;font-size: 14px;}
+.btnType12:hover {border: 1px solid #a3a3a3;}
+.btnType13 {color: #fff;height: 32px;font-weight: 300;font-size: 14px;}
+.btnType13.c1 {background-color: #2a57c8;border: 1px solid #2a57c8;}
+.btnType13.c2 {background-color: #0b96d0;border: 1px solid #0b96d0;}
+.btnType13.c3 {background-color: #129738;border: 1px solid #129738;}
+.btnType14 {background-color: #fff; height: 36px; padding: 0 10px; border: 1px solid #b9b9b9;border-radius: 5px;font-size: 14px;font-weight: 400;color: #555;letter-spacing: -1px;}
+.btnType14:hover {border: 1px solid #b1b1b1;}
+.btnType15{border: 1px solid #d5d5d5;border-radius: 5px; background-color: #fff;height: 32px;width: 80px;margin-right: 2px;}
+.btnType15:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
+.btnType16 {background-color: #002c9a; height: 50px; padding: 0 39px; color: #fff;font-size: 18px;}
+.btnType17 {background-color: #999 !important; width: 144px; height: 50px;color: #fff !important;font-size: 18px; }
+.btnType18 {background-color: #fff; color: #002c9a; width: 145px; height: 50px; border: 1px solid #002c9a; font-size: 18px;}
+.btnType18:hover {border: 1px solid #002788;color: #002788;}
+.btnType19{border: 1px solid #d5d5d5;border-radius: 5px; background-color: #fff;height: 50px;padding: 0 16px; margin-right: 2px;}
+.btnType20{border: 1px solid #d5d5d5; height: 28px; width: 70px; font-size: 14px; font-weight: 400; color: #555; line-height: 1.5; margin:3px 0 0 0;}
+.btnType21 {height:36px;padding:0 14px;color:#222;background-color:#f8bd0e;}
+.btnType21:hover {background-color:#eea301;}
+.btnType22 {height:28px;padding:0 12px;font-size:14px;color:#222;background-color:#f8bd0e; font-weight:500;}
+.btnType22:hover {background-color:#eea301;}
+.btnType23 {background:#6a6c72; color:#fff; border-radius: 5px; font-size:14px; font-weight: 400; padding:4px 13px; margin:0 3px;} /*api에 사용*/
+.btnType24 {background:#fff; border: 1px solid #8697c2; color: #002c9a; height: 28px; width: 70px; font-size: 14px; font-weight: 400; line-height: 1.5; margin:3px 0;} /*재사용 버튼 추가*/
+.btnType25 {background:#999; color:#fff; font-size:14px; width:76px; height:26px;line-height: 1.5;}
+
+.btnType.fill_gray{background:#6a6c72;color:#fff;}
+.btnType.fill_lightgray{background:#8e8e8e;color:#fff;}
+.btnType.fill_blue{background:#002c9a;color:#fff;}
+.btnType.fill_lightblue{background:#b1c6ee;color:#222;}
+.btnType.fill_yellow{background:#eea301;color:#222;}
+
+.btnType.border_gray{border:1px solid #b1b1b1;color:#222;}
+.btnType.border_lightgray{border:1px solid #d5d5d5;color:#555;}
+.btnType.border_blue{border:1px solid #002c9a;color:#002c9a;}
+.btnType.border_lightblue{border:1px solid #b1c6ee;color:#222;}
+
+
+/* 기타 반복 사용 */
+
+/* 기타 버튼 타입 */
+button.excel_btn {border: 1px solid #129738 !important; color: #129738;}
+button.excel_btn:hover {border: 1px solid #09862d;color: #09862d;}
+button.print_btn {border: 1px solid #b1b1b1; color: #555;}
+button.pdf_btn {border: 1px solid #e40000 !important; color: #e40000;}
+button.txt_btn {border: 1px solid #53a6da !important; color: #53a6da; }
+button.txt_btn i {background-image: url(/publish/images/content/txt_img.png); width: 15px; height: 17px; margin: 0 3px 1px 0;}
+
+/*아이폰에서 버튼 텍스트가 파란색으로 나와서 추가 231024
+button, html [type="button"] {-webkit-appearance: none;}*/
+
+/* 기타 버튼 타입 아이콘 */
+i.remove_img {background-image: url(/publish/images/content/remove_icon.png);width: 10px;height: 2px;margin: 0 3px 1px 0;}
+i.add_img {background-image: url(/publish/images/content/add_icon.png);width: 10px;height: 10px;margin: 0 3px 1px 0;}
+i.print_img {background-image: url(/publish/images/content/print_icon.png);width: 15px;height: 15px;margin: 0 3px 1px 0;}
+i.pdf_img {background-image: url(/publish/images/content/pdf_icon.png);width: 18px;height:20px;margin: 0 3px 1px 0;}
+i.uproad {background-image: url(/publish/images/content/excel_get.png); width: 21px; height: 18px;}
+i.downroad {background-image: url(/publish/images/content/excel_down.png); width: 21px; height: 18px;}
+i.refresh_img {background-image: url(/publish/images/content/refresh_icon.png);width:16px; height:18px;}
+
+.refresh_btn {background:#999; border-radius: 5px; font-size:0; height: 36px; width: 36px;}
\ No newline at end of file
diff --git a/src/main/webapp/publish/css/common.css b/src/main/webapp/publish/css/common.css
new file mode 100644
index 00000000..ad3a7148
--- /dev/null
+++ b/src/main/webapp/publish/css/common.css
@@ -0,0 +1,455 @@
+body {width: 100%;/* letter-spacing: -0.25px; */position: relative;font-family: 'Noto Sans KR', sans-serif;overflow-x:hidden !important;}
+/* 공통요소 */
+caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border: none;clip: rect(0,0,0,0);overflow: hidden;}
+.clearfix::after{display:block;content:"";clear:both;} 
+/* layout */
+.main .inner {max-width: 1400px;}
+.inner {width:100%;max-width:1300px;height: 100%; margin: 0 auto;position: relative;}
+.cont {padding-top: 177px;}
+.cont.sub .inner {padding: 20px 0 70px 0;min-width: 1240px;}
+/* //공통요소 */
+
+/* //관리자 화면에서 사용자 코드 사용하기   */
+.admCont {padding-top: 30px;}
+.admCont.sub .inner {padding: 20px 0 70px 0;min-width: 1240px;}
+
+/* 바로가기 */
+.skip_menu a {position: absolute;background: rgba(255,255,255,0.95);width: 100%;height: 40px;text-align: center;color: #000;z-index: 100;line-height: 40px; top: -40px;font-weight: 600;opacity: 0;}
+/* //바로가기 */
+
+/* header */
+.header {position: fixed;top: 0;left: 0;width: 100%;min-width: 1240px; z-index: 10;box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.1);}
+/* header top */
+.header .header_top {background-color: #393939;color: #d1d1d1;height: 40px;font-weight: 300;font-size: 14px;font-weight: 300;transition: all 0.2s ease-in-out;}
+/* .header .header_top .menu_left {left: 0;position: absolute;top: 50%;transform: translateY(-50%); display: flex;} */
+.header .header_top .menu_left{display:flex;height:100%;align-items:center;gap:20px;}
+.header .header_top .menu_left li {}
+.header .header_top .menu_left li:hover {color: #fff;text-decoration: underline;}
+.header .header_top .menu_left i {padding-right: 7px;vertical-align:bottom;}
+.header .header_top .menu_left .hdTop_fav {background-image: url(/publish/images/hdTop_FavStar.png);width: 15px;height: 15px;}
+.header .header_top .menu_left .hdTop_mypage {background-image: url(/publish/images/hdTop_center.png);width: 13px;height: 13px;}
+.header .header_top .menu_left .hdTop_center {background-image: url(/publish/images/hdTop_mypage.png);width: 13px;height: 13px;}
+.header .header_top .menu_right {right: 0;position: absolute;top: 50%;transform: translateY(-50%);background-color: #2c2c2c;height: 100%;line-height: 40px; display: flex;}
+.header .header_top .menu_right li {padding: 0 20px;}
+.header .header_top .menu_right li:hover {background-color: #1c1c1c;color: #fff;text-decoration: underline;}
+/* header body */
+.header .header_body {background-color: #fff;height: 75px;border-bottom: 1px solid #dcdee0; }
+.header .header_body .logo {position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
+.header .header_body .gnbWrap {width: 100%;margin: 0 auto;text-align: center;font-size: 18px;color: #222;font-weight: 500;}
+/* header body _ gnb */
+.header .header_body .gnbWrap li {display: inline-block;margin: 0 20px;}
+.header .header_body .gnbWrap li:first-child{margin: 0 22px 0 -32px;}
+.header .header_body .gnbWrap li:last-child{margin: 0 0 0 22px;}
+.header .header_body .gnbWrap li a {position: relative;width: 100%;}
+.header .header_body .gnbWrap li a::before {left: 50%}
+.header .header_body .gnbWrap li a::after {right: 50%}
+.header .header_body .gnbWrap li a::before, .header .header_body .gnbWrap li a::after {content: '';position: absolute;bottom: -10px;width:0;height: 2px;background-color: #002c9a;transition: all 0.2s ease-in-out;}
+.header .header_body .gnbWrap li.new{position: relative;}
+.header .header_body .gnbWrap li.new::after{position: absolute; content: " "; width:100%; height: 47px; background: no-repeat url(/publish/images/content/new.gif); left: 67%; top: -39px; transform: translateX(-50%);}
+/* header gnb 오버시 */
+.header .gnbWrap li.over {color: #002c9a;}
+.header .header_body .gnbWrap li.over a::before {left: 0;}
+.header .header_body .gnbWrap li.over a::after {right: 0;}
+.header .header_body .gnbWrap li.over a::before, .header .header_body .gnbWrap li.over a::after{width: 51%;transition: all 0.2s ease-in-out;}
+.header .header_body .s_menu {position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
+.header .header_body .s_menu button {margin-left: 32px;}
+.header .header_body .s_menu .allSitemap {width:29px;height:24px;background:url(/publish/images/all_menu.png) no-repeat center center;}
+.header .header_body .s_menu .allSitemap.active {background-image:url(/publish/images/btn_searchclose.png);background-size:auto auto;}
+.header .header_body .s_menu .allSearch_info {position: absolute;content: "";width: 65px;height: 23px;top:-16px;left:-38px;background-image: url(/publish/images/searchInfo.png);}
+.header .header_body .s_menu .allSearch_info span {font-size: 14px;margin-left: 4px;color: #fff;}
+
+/* IE미지원 탑배너 */
+.header .topbanner {display:none;height:45px;background:url(/publish/images/main/banner_ie_top01.jpg) no-repeat center top;}
+.header .topbanner .inner:after {content:'';display:block;clear:both;}
+.header .topbanner .inner .today_close {position:relative;float:right;display:flex;height:45px;align-items:center;}
+.header .topbanner .inner .today_close input[type=checkbox] {vertical-align:top;}
+.header .topbanner .inner .today_close input[type=checkbox] + label {padding:0 0 0 8px;font-size:15px;line-height:16px;vertical-align:top;color:#000;opacity:0.8;filter:opacity(80);}
+.header .topbanner .inner .today_close button {display:inline-block;width:16px;height:40px;margin:0 0 0 30px;font-size:0;text-indent:-9999em;background:url(/publish/images/main/icon_topbanner_close01.png) no-repeat left top;}
+/* login - 로그인 전 */
+.login {background-color: #eaecee;width: 100%; height: 60px;}
+.login .inner {display:flex;justify-content:space-between;align-items:center;}
+.login .login_left {display:flex;align-items:center;}
+.login .login_left .login_put>div {position: relative; display: inline-block;}
+.login .login_left .login_put input {width: 200px; height: 36px;border-radius: 3px; border: 1px solid #c6c9cb; font-size: 15px;}
+.login .login_left .login_put input:focus {border: 2px solid #002c9a;outline:none;}
+.login .login_left .login_put input::placeholder {color: #999; font-weight: 300; font-size: 15px;}
+.login .login_left .login_put input:-ms-input-placeholder {color: #999; font-weight: 300; font-size: 15px;}
+.login .login_left .login_put .password_text {padding: 0 10px; margin: 0 5px 0 2px;}
+.login .login_left .login_save {color: #555;margin: 0 30px 0 10px;}
+.login .login_left .login_save input+label {margin-left: 3px;}
+.login .login_left .login_find {color: #555;margin-right: 18px;position: relative;}
+.login .login_left .login_find::before {content: "";position: absolute;top: 50%;left: -18px; width: 1px;height: 19px;background: #d2d4d7;transform: translateY(-50%);}
+.login .login_left .login_find a {display: inline-block;}
+.login .login_left div:last-child button:last-child {margin-left: 2px;}
+.login_right {vertical-align: middle; text-align: right;}
+.login .login_right span {color: #222;font-weight: 500;margin-right: 8px;font-size:16px;}
+.login .login_right span i {position: relative; background-image: url(/publish/images/login_gift.png);width: 25px;height: 25px; margin-bottom: 5px;margin-right: 4px;}
+.login .login_right span i::after{position: absolute; content: " "; width: 20px; height: 20px; background-image: url(/publish/images/event.gif); left: -12px; top: -5px;}
+.login .login_right .btnType {width:26px;height:26px;margin:-2px 0 0;padding:0;font-size:12px;line-height:24px;}
+/* header , login 스크롤 내릴 시 */
+.header.scroll .header_top {height: 0;transition: all 0.2s ease-in-out;}
+.header.scroll .header_top .menu_left,.header.scroll .header_top .menu_right {display: none;}
+/* login2 - 로그인 후 */
+.login2 {background-color: #eaecee;width: 100%; height: 60px;border-bottom: 1px solid #d4d5d7;color: #222;}
+.login2 .inner {display:flex;justify-content:space-between;align-items:center;}
+.login2 .login_left {display:flex;width:100%;justify-content:space-between;align-items:center;}
+.login2 .login_info {position: relative;vertical-align: middle;}
+/*.login2 .login_info::after {content: "";position: absolute;width: 1px;height: 30px;background-color: #d3d3d3;top: 50%;right: -15px;transform: translateY(-50%);}*/
+.login2 .login_info p {display: inline-block;vertical-align: middle; max-width: 180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.login2 .login_info .login2_name {display: inline-flex; min-width: 110px;  position: relative; vertical-align: middle;align-items:center; cursor:pointer;}
+.login2 .login_info .login2_name p {color: #002c9a; font-weight: 600; vertical-align: top; height: 16px; white-space:nowrap;}
+.login2 .login_info .login2_name span {width: 61px;padding:0 10px 0 0;margin:0 0 0 0;}
+.login2 .login_info .icon_user{background-image: url(/publish/images/icon_header_user.png);width: 28px;height: 28px;}
+/*등급별 아이콘*/
+.login2 .login_info i.vvip{background-image: url(/publish/images/level/level_icon/vvip_icon.png);}
+.login2 .login_info i.vip{background-image: url(/publish/images/level/level_icon/vip_icon.png);}
+.login2 .login_info i.gold{background-image: url(/publish/images/level/level_icon/gold_icon.png);}
+.login2 .login_info i.sliver{background-image: url(/publish/images/level/level_icon/sliver_icon.png);}
+.login2 .login_info i.black{background-image: url(/publish/images/level/level_icon/black_icon.png);}
+.login2 .login_info i.red{background-image: url(/publish/images/level/level_icon/red_icon.png);}
+.login2 .login_info i.purple{background-image: url(/publish/images/level/level_icon/purple_icon.png);}
+.login2 .login_info i.blue{background-image: url(/publish/images/level/level_icon/blue_icon.png);}
+.login2 .login_info i.orange{background-image: url(/publish/images/level/level_icon/orange_icon.png);}
+.login2 .login_info i.green{background-image: url(/publish/images/level/level_icon/green_icon.png);}
+.login2 .login_info i.yellow{background-image: url(/publish/images/level/level_icon/yellow_icon.png);}
+.login2 .login_info i.white{background-image: url(/publish/images/level/level_icon/white_icon.png);}
+/*등급별 아이콘 끝*/
+.login2 .login_info button {padding:0 14px;}
+.login2 .login_pay {display:flex;}
+.login2 .check_money p span, .login2 .point p span {padding-left: 4px;}
+.login2 .check_money {margin-right: 20px; display: inline-flex;}
+.login2 .check_money p {padding-right: 6px;display: inline-block;vertical-align: middle;}
+.login2 .check_money>.holdingsum_box>i {background-image: url(/publish/images/check_money2.png);width: 29px;height: 30px;margin-right: 3px;}
+.login2 .check_money button {margin-right: 2px;}
+.login2 .check_money .account_box {position:relative;display:inline-block;}
+.login2 .check_money .account_box dl {display:none;position:absolute;left:50%;top:41px;padding:12px 24px 14px 14px;border:2px solid #002c9a;background:#fff;border-radius:10px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.5);transform:translateX(-50%);}
+.login2 .check_money .account_box dl:after {content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(/publish/images/content/icon_account_arrow.png) no-repeat left top;}
+.login2 .check_money .account_box dl dt {font-size:16px;line-height:18px;}
+.login2 .check_money .account_box dl dt:before {content:'';display:inline-block;width:22px;height:20px;margin:0 5px 0 0;vertical-align:top;background:url(/publish/images/content/icon_account_layer.png) no-repeat left top;}
+.login2 .check_money .account_box dl dd {margin:7px 0 0;font-size:15px;font-weight:500;white-space:nowrap;}
+.login2 .check_money .account_box:hover dl {display:block;}
+
+.login2 .check_money .user_money_wrap{display:flex;align-items:center;gap:4px;margin:0 6px 0 0;}
+.login2 .check_money .hover_content_wrap{display:inline-block;position:relative;}
+.login2 .check_money .hover_content_wrap .qmMark{width:17px;height:17px;margin:0 4px 0 0;background:#6a6c72;border-radius:100%;color:#fff;text-align:center;}
+.login2 .check_money .hover_content_wrap .qmMark:hover+.hover_content{display:block;}
+.login2 .check_money .hover_content{display:none;position:absolute;padding:12px 10px 8px 10px;border:2px solid #002c9a;background:#fff;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.5);transform:translateX(-50%);border-radius:5px;top:34px;left:8px;}
+.login2 .check_money .hover_content::after{content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(../images/content/icon_account_arrow.png) no-repeat left top;}
+.login2 .check_money .hover_content .hover_content_title{font-size:14px;font-weight:600;margin:0 0 10px 0;}
+.login2 .check_money .hover_content .hover_content_title span{padding:0;font-size:13px;font-weight:400;}
+.login2 .check_money .hover_content .hover_content_title img{width:16px;margin:-4px 0 0 0;}
+.login2 .check_money .hover_content .send_available_number{display:flex;flex-direction:column;gap:7px;}
+.login2 .check_money .hover_content .send_available_number li{display:flex;justify-content:space-between;font-size:13px;}
+.login2 .check_money .hover_content .title{min-width:70px;}
+.login2 .check_money .hover_content .number{text-align:right;padding:0;}
+.login2 .check_money .hover_content .event_term{width:100%;padding:2px 0;margin:8px 0 0 0;background:#e5e5e5;font-size:13px;color:#444;text-align:center;border-radius:25px;}
+
+/*후불 회원에게만 노출되는 안내레이어*/
+.login2 .check_money .holdingsum_box {position: relative; display:flex; align-items: center;}
+.login2 .check_money .holdingsum_box dl {display:none;position:absolute;left:50%;top:41px;padding:12px;border:2px solid #002c9a;background:#fff;border-radius:10px;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.5);transform:translateX(-50%);}
+.login2 .check_money .holdingsum_box dl:after {content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(../images/content/icon_account_arrow.png) no-repeat left top;}
+.login2 .check_money .holdingsum_box dl dd {margin:3px;font-size:15px;font-weight:500;white-space:nowrap; line-height:20px;}
+.login2 .check_money .holdingsum_box:hover dl {display:block;}
+	
+.login2 .point p {padding-right: 6px;display: inline-block; vertical-align: middle;}
+.login2 .point i {background-image: url(/publish/images/pointIcon2.png);width: 30px;height: 28px;margin-right: 3px;margin-top: -2px;}
+.login2 .login_right button i {background-image: url(/publish/images/login_introIcon.png);width: 20px;height: 18px;margin: 0 6px 3px 0;}
+/* 로그인 세션 */
+.login2 .session {display: inline-block; width: 95px; height: 36px; border: 1px solid #bdc2c9; border-radius: 5px; margin-right: 10px; background-color:#d9dfeb; box-sizing: border-box; vertical-align: middle;}
+.login2 .session span {font-size: 16px; float: left; line-height: 32px; color: #002c9a; text-align: center; padding: 0 6px;}
+.login2 .session button {padding: 0 4.5px; height: 100%; font-size: 16px; color: #0f2866; background-color: #cfd6e6; float: right; border-left: 1px solid #bdc2c9; margin-right: 0;}
+.login2 .event {padding:5px 0 0 20px;}
+.login2 .event span {color: #222;font-weight: 500;margin-right: 3px;font-size:16px;}
+.login2 .event span i {position: relative; background-image: url(/publish/images/login_gift.png);width: 25px;height: 25px; margin-bottom: 5px;margin-right: 4px;}
+.login2 .event span i::after{position: absolute; content: " "; width: 20px; height: 20px; background-image: url(/publish/images/event.gif); left: -12px; top: -5px;}
+.login2 .event .btnType {width:26px;height:26px;margin:-2px 0 0;padding:0;font-size:12px;line-height:24px;}
+
+.login2 .login_info,
+.login2 .check_money,
+.login2 .point,
+.login2 .event {white-space:nowrap;}
+
+/* 보안로그인 */
+.security_box{display:inline-flex;height:36px;font-weight:500;background:#fff;padding:0 8px 0 11px;margin:0 0 0 3px;vertical-align:middle;border-radius:5px;align-items:center;box-sizing:border-box;}
+.security_box.red_box{border:1px solid #ca1a1a;}
+.security_box.green_box{border:1px solid #0ca448;}
+.security_box p{cursor:pointer;}
+.security_box .state{display:flex;width:40px;height:25px;font-size:13px;font-weight:600;margin:0 0 0 5px;border-radius:5px;justify-content:center;align-items:center;cursor:pointer;}
+.security_box .state.on{background:#18bb59;color:#fff;}
+.security_box .state.off{background:#e62c2c;color:#fff;}
+
+/* //header */
+
+
+/* 검색 */
+.pop_search{display: block; width: 100%;background-color: #Fff; border-top: 1px solid #d5d5d5; position: relative; height: 0; overflow: hidden;}
+.pop_search .inner {padding: 55px 0;}
+.pop_search.on{z-index: 10;height: auto; overflow: visible;box-shadow:0px 40px 45px -30px rgb(0 0 0 / 30%);}
+.header+.mask2.on{width: 100%;min-width: 1240px; height: 100%; background-color: rgba(0,0,0,0.7); display: block; position: absolute; z-index: 9;}
+.area_search{max-width: 570px; margin: 0 auto;position: relative;}
+.area_search select{width: 170px; height: 50px; padding-left: 15px;border: 1px solid #000; border-radius: 5px;margin-right: 1px; font-size: 18px; background-image: url(/publish/images/select_search.png); background-repeat: no-repeat; background-position: 85% center; position: relative;color: #555;}
+.area_search input[type="text"]{width: calc(100% - 180px);height: 50px;padding-left: 20px;border: 1px solid #000; border-radius: 5px; box-sizing: border-box;font-size: 18px; font-weight: 300;box-sizing: border-box;}
+.area_search button {position: absolute;right: 0;width: 55px;height: 50px;border: 1px solid #000; border-radius: 0 5px 5px 0; background-color: #ffcc33;}
+.area_search button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
+.area_popular{max-width: 1400px; margin: 20px auto 0; display: flex; justify-content: center;}
+.area_popular p{font-size: 16px; color: #000; font-weight: 500;width: 95px; margin-right: 32px; line-height: 2.2;position: relative;}
+.area_popular p::after {width: 95px; content: "";position: absolute;width: 2px;height: 15px;background-color: #ffcc33;top: 50%;transform: translateY(-50%);right: -17px;}
+.area_popular p i {background-image: url(/publish/images/search_popular.png);width: 16px;height: 16px;margin-right: 5px;margin-bottom: 3px;}
+.area_popular ul{display: flex;}
+.area_popular ul li{margin: 2px 3px 0 3px;}
+.area_popular ul li a{color: #999; font-size: 16px; padding: 7px 15px; border-radius: 20px; border: 1px solid #bbbbbb; font-weight: 300;}
+.area_popular ul li:hover a{border: 1px solid #000;background-color: #ffcc33; color: #000;}
+.pop_search .btn_close{position: absolute; top: 24px;right: 14px;}
+/* //검색 */
+
+/* 사이트맵 */
+.layer_sitemap {overflow:hidden;position:relative;display:block;width:100%;height:0;border-bottom:1px solid #d5d5d5;background:#fff;z-index:16;/*transition:height 0.4s;*/}
+.layer_sitemap.active {height:635px;box-shadow:0px 20px 30px 0px rgba(0, 0, 0, 0.1);}
+.layer_sitemap .inner {padding:0;letter-spacing:-0.025em;}
+.layer_sitemap .menu {display:flex;justify-content:space-between;}
+/*.layer_sitemap .menu > li {width:calc(100%/7);}*/
+.layer_sitemap .menu dl dt {margin:54px 0 0;}
+.layer_sitemap .menu dl dt a {position:relative;display:inline-block;font-family:'GmarketSansMedium';font-size:22px;}
+.layer_sitemap .menu dl dt a:hover:after {content:'';position:absolute;left:0;bottom:2px;width:100%;height:7px;background:#002c9a;opacity:0.2;filter:opacity(20);}
+.layer_sitemap .menu dl dd {margin:18px 0 0;}
+.layer_sitemap .menu dl dd li {line-height:40px;}
+.layer_sitemap .menu dl dd li a {display:inline-block;font-size:18px;font-weight:300;white-space:nowrap;color:#444;}
+.layer_sitemap .menu dl dd li a:hover {font-weight:400;color:#002c9a;}
+/* //사이트맵 */
+
+
+/* footer */
+.footer {font-weight: 300;min-width: 1240px;height:206px;}
+.footer .footer_top {background-color: #323232;height: 56px;}
+.footer .footer_top ul li {display: inline-block;padding: 0 25px;color: #adadad;}
+.footer .footer_top ul li:first-child {padding: 0 25px 0 0;}
+.footer .footer_top ul li:hover {color: #fff;text-decoration: underline;}
+.footer .footer_top ul li a {font-size:16px;}
+.footer .footer_top ul li.about a {padding-left:34px;line-height:22px;background:url(/publish/images/icon_footer_about.png) no-repeat left center;}
+.footer .footer_body {background-color: #3f3f3f;height: 150px;color: #919191;}
+.footer .footer_body .inner {height:150px;}
+.footer .footer_body .inner .table_cell {height:150px;}
+.footer .footer_body .footer_logo {display: inline-block;}
+.footer .footer_body .footer_info {display: inline-block;vertical-align: middle;}
+.footer .footer_body .footer_info p {padding: 5px 0 5px 25px; font-size: 15px; letter-spacing: -0.05em;}
+
+/* footer 고객센터 */
+.footer .footer_body .footer_service_center {overflow:hidden;position:absolute;right:0;top:50%;display:flex;height:90px;background:#fff;border-radius:10px;transform:translateY(-50%);}
+.footer .footer_body .footer_service_center dt {width:65px;padding:55px 0 0;font-size:14px;font-weight:500;text-align:center;color:#222;background:url(/publish/images/footer_serive_center.png) #ffcc33 no-repeat center 12px;}
+.footer .footer_body .footer_service_center dd {padding:22px 10px 0 13px;}
+.footer .footer_body .footer_service_center dd p {font-size:21px;font-weight:700;line-height:24px;letter-spacing:-0.01em;color:#304b8f;}
+.footer .footer_body .footer_service_center dd span {font-size:13px;color:#666;letter-spacing:-0.02em;}
+
+/* footer 대량문자 전송자격 인증마크_241202 */
+.footer .footer_body .footer_info p{padding: 3px 0 3px 25px;}
+.footer .footer_body .footer_info .info_te{line-height: 1.4;}
+.footer .footer_body .footer_service_center{right: 10%; height: 80px;}
+.footer .footer_body .footer_service_center dt{padding: 48px 0 0; background: url(/publish/images/footer_serive_center.png) #ffcc33 no-repeat center 6px;}
+.footer .footer_body .footer_service_center dd{padding: 18px 10px 0 13px;}
+.footer .footer_body .footer_mark{position: absolute; top: 18%; right: 0; cursor: pointer; width: 95px; height: 95px;}
+
+/* //footer */
+
+
+/* quick Menu */
+.quickMenu {position: fixed;top: 190px;right:15px;text-align: center;z-index: 15;box-shadow: 3px 3px 10px 4px rgba(0,0,0,0.1);border-radius: 8px;transition:right 0.3s ease-in-out, top 0.2s ease-in-out;width: 90px;}
+.quickMenu.quickSub.active {top:150px;}
+.quickMenu>div {width: 90px;}
+.quickMenu.main {right: 20px;top:150px;}
+.quickMenu .quick_title {padding: 10px 0px; font-size: 13px;color: #fff;background-color: #424463;border-radius: 8px 8px 0 0;line-height: 1.3;}
+.quickMenu .quick_title2 {padding: 10px 0px; font-size: 13px;color: #fff;background-color: #424463;border-radius: 8px 8px 0 0;line-height: 1.3;display: none;}
+.quickMenu .quickMenuIn {background-color: #fff;}
+.quickMenu .quickMenuIn > li {height: 55px;position: relative;}
+.quickMenu .quickMenuIn > li::before {content: "";background-color: #e5e5e5;width: 70px;height: 1px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
+.quickMenu .quickMenuIn > li:last-child:before {display: none;}
+.quickMenu .quickMenuIn > li a {padding-top: 5px; display: block;}
+.quickMenu .quickMenuIn li i {display: inline-block;}
+.quickMenu .quickMenuIn li i.quick1 {background-image: url(/publish/images/quick1.png);width: 20px; height:18px;}
+.quickMenu .quickMenuIn li i.quick2 {background-image: url(/publish/images/quick2.png);width: 20px; height:18px;}
+.quickMenu .quickMenuIn li i.quick3 {background-image: url(/publish/images/quick3.png);width: 28px; height:24px;}
+.quickMenu .quickMenuIn li i.quick4 {background-image: url(/publish/images/quick4.png);width: 24px; height:22px;}
+.quickMenu .quickMenuIn li i.quick5 {background-image: url(/publish/images/quick5.png);width: 14px; height:24px;}
+.quickMenu .quickMenuIn li i.quick6 {background-image: url(/publish/images/quick6.png);width: 24px; height:16px;}
+.quickMenu .quickMenuIn li i.quick7 {background-image: url(/publish/images/quick7.png);width: 34px; height:16px;}
+.quickMenu .quickMenuIn li i.quick8 {background-image: url(/publish/images/quick8.png);width: 22px; height:16px;}
+.quickMenu .quickMenuIn li i.quick9 {background-image: url(/publish/images/quick9.png);width: 24px; height:20px;}
+.quickMenu .quickMenuIn li i.quick10 {background-image: url(/publish/images/quick10.png);width: 21px; height:20px;}
+.quickMenu .quickMenuIn li i.quick11 {background-image: url(/publish/images/quick11.png);width: 20px; height:20px;}
+.quickMenu .quickMenuIn li i.quick12 {background-image: url(/publish/images/level/quick12.png);width: 20px; height:20px;}
+.quickMenu .quickMenuIn li span {display: block;font-size: 12px;color: #555;padding-top: 8px;}
+.quickMenu .goTop {background-color: #929599;color: #fff;width: 90px;padding: 10px 0;border-radius: 0 0 8px 8px;font-size: 20px;}
+.quickMenu .goTop i {background-image: url(/publish/images/goTop.png);width: 12px;height: 10px;margin-left: 5px;margin-bottom: 5px;}
+.quickMenu .quickMenuIn li:hover i.quick1 {background-image: url(/publish/images/quick1_hover.png);width: 20px; height:18px;}
+.quickMenu .quickMenuIn li:hover i.quick2 {background-image: url(/publish/images/quick2_hover.png);width: 20px; height:18px;}
+.quickMenu .quickMenuIn li:hover i.quick3 {background-image: url(/publish/images/quick3_hover.png);width: 28px; height:24px;}
+.quickMenu .quickMenuIn li:hover i.quick4 {background-image: url(/publish/images/quick4_hover.png);width: 24px; height:22px;}
+.quickMenu .quickMenuIn li:hover i.quick5 {background-image: url(/publish/images/quick5_hover.png);width: 14px; height:24px;}
+.quickMenu .quickMenuIn li:hover i.quick6 {background-image: url(/publish/images/quick6_hover.png);width: 24px; height:16px;}
+.quickMenu .quickMenuIn li:hover i.quick7 {background-image: url(/publish/images/quick7_hover.png);width: 34px; height:16px;}
+.quickMenu .quickMenuIn li:hover i.quick8 {background-image: url(/publish/images/quick8_hover.png);width: 22px; height:16px;}
+.quickMenu .quickMenuIn li:hover i.quick9 {background-image: url(/publish/images/quick9_hover.png);width: 24px; height:20px;}
+.quickMenu .quickMenuIn li:hover i.quick10 {background-image: url(/publish/images/quick10_hover.png);width: 21px; height:20px;}
+.quickMenu .quickMenuIn li:hover i.quick11 {background-image: url(/publish/images/quick11_hover.png);width: 20px; height:20px;}
+.quickMenu .quickMenuIn li:hover i.quick12 {background-image: url(/publish/images/level/quick12_hover.png);width: 20px; height:20px;}
+.quickMenu .quickMenuIn li:hover span {color: #002c9a;font-weight: 500;}
+.quickMenu .quick_kakaobtn {position:absolute;right:0;bottom:-100px;width:90px;height:90px;font-size:0;text-indent:-9999em;background:url(/publish/images/content/icon_quick_kakao.png) no-repeat left top;z-index:15;}
+.quickMenu .quick_kakaobtn a {display:block;width:100%;height:100%;}
+/* 퀵메뉴 세로 스크롤 시 */
+.quickMenu.main.scroll {transition: all 0.3s ease-in-out;right:-100px;} 
+/* 퀵메뉴 1440px부터 메뉴 호버 시 말풍선 */
+.quickMenu .hover_cont {width: 80px;position: absolute;height: auto;background-color: #fff;box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.1);padding: 8px;border: 1px solid #d5d5d5; border-radius: 5px; font-size: 14px;top:18px; right: 45px;z-index: 1;line-height: 1.3;display: none;}
+.quickMenu .cscenter .hover_cont {display:none;top:inherit;bottom:-49px;right:90px;width:220px;height:auto;padding:19px 0 19px 15px;letter-spacing:-0.05em;text-align:left;border:1px solid #e5e5e5;background:#fff;border-radius:5px;box-sizing:border-box;box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.2);}
+.quickMenu .cscenter .hover_cont .title {height:26px;padding:0 0 0 35px;font-size:16px;font-weight:500;line-height:24px;background:url(/publish/images/icon_qucik_cscenter.png) no-repeat left top;}
+.quickMenu .cscenter .hover_cont .number {margin:2px 0 0;font-size:30px;font-weight:700;color:#002c9a;}
+.quickMenu .cscenter .hover_cont .email {margin:2px 0;font-size:14px;font-weight:300;color:#666;}
+.quickMenu .cscenter .hover_cont ul {margin:7px 15px 0 0;padding:6px 0 12px 9px;background:#f5f5f5;border-radius:5px;}
+.quickMenu .cscenter .hover_cont ul li {font-size:14px;line-height:22px;color:#444;}
+.quickMenu .cscenter .hover_cont .cskakao {padding:10px 19px 0 0;}
+.quickMenu .cscenter .hover_cont .cskakao a {position:relative;display:block;float:left;width:50%;height:36px;padding:0;font-size:14px;line-height:34px;text-align:center;color:#333;border:1px solid #d5d5d5;box-sizing:border-box;border-radius:5px 0 0 5px;}
+.quickMenu .cscenter .hover_cont .cskakao a.kakao {border-right:0;}
+.quickMenu .cscenter .hover_cont .cskakao a.remote {border-radius:0 5px 5px 0;}
+.quickMenu .cscenter .hover_cont .cskakao a.kakao:before {content:'';display:inline-block;width:20px;height:34px;margin:0 5px 0 0;vertical-align:top;background:url(/publish/images/icon_cscenter_kakao.png) no-repeat left top;}
+.quickMenu .cscenter .hover_cont .cskakao a.remote:before {content:'';display:inline-block;width:17px;height:34px;margin:0 5px 0 0;vertical-align:top;background:url(/publish/images/icon_cscenter_remote.png) no-repeat left top;}
+.quickMenu .cscenter .hover_cont .cskakao a:hover:after {content:'';position:absolute;left:-1px;top:-2px;width:100%;height:100%;border:2px solid #fbc72b;box-shadow:2px 2px 6px 2px rgba(0 0 0 / 0.15);z-index:1;}
+.quickMenu .cscenter .hover_cont .cskakao a.kakao:hover:after {border-radius:5px 0 0 5px;}
+.quickMenu .cscenter .hover_cont .cskakao a.remote:hover:after {border-radius:0 5px 5px 0;}
+.quickMenu .cscenter:hover .hover_cont {display:block;}
+/* //quick Menu */
+
+/* pagenation */
+.pagination{width: 40%; margin: 0 auto 40px auto; display: flex; justify-content: center;}
+.pagination li button{width: 32px; height: 34px; margin: 0 2px; letter-spacing: -0.5px; border: 1px solid #d5d5d5; border-radius: 3px; text-align: center; color: #666; background-color: #fff;}
+.pagination li.on button{background-color: #002c9a; border: 1px solid #002c9a; color: #fff; font-weight: 500;}
+.pagination li button:hover {box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);}
+.pagination li.page_first button,.pagination li.page_prev button,.pagination li.page_next button,.pagination li.page_last button{background-color: #f5f5f5; line-height: 1; font-size: 13px;}
+.pagination li.page_prev button {margin-right: 5px;}
+.pagination li.page_next button {margin-left: 5px;}
+.pagination li.page_first button img,.area_page li.page_prev button img{margin-left: -2px;}
+.pagination li.page_next button img,.area_page li.page_last button img{margin-right: -2px;}
+/* //pagenation */
+
+/* 광고배너 */
+.main_cont4{min-width: 1200px; background-color: #f5f5f5; padding: 30px 0;}
+.main_cont4 .inner{height: auto;}
+.adv_list{display: flex; justify-content: space-between; align-items: center;}
+.adv_list li{width: calc((100% / 4) - 27px); background-color: #fff; border: 2px solid #808080; border-radius: 5px; text-align: center; height: 96px; max-height: 96px; overflow: hidden;}
+.adv_list li a{height: 100%;}
+.adv_list li img{max-height: 96px; height: 100%; object-fit: scale-down;}
+.login_wrap .adv_list{margin: 68px 0 0 0;}
+.login_wrap .adv_list li{width: calc((100% / 2) - 10px); border: 0;}
+.login_wrap .adv_list li img{margin-left: -10px;}
+
+/* ie */
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+    /* login */
+    .login .login_left .login_put input {width: 200px;}
+}
+
+@media only screen and (max-width:1540px){
+	.header .inner {padding:0 30px;box-sizing:border-box;}
+	.header .header_top .menu_left {left:30px;}
+	.header .header_top .menu_right {right:30px;}
+	.header .header_body .logo {left:30px;}
+	.header .header_body .s_menu {right:30px;}
+	.header .header_body .gnbWrap li {margin: 0 13px;}
+    .header .header_body .gnbWrap li:first-child{margin: 0 17px 0 -33px;}
+    .header .header_body .gnbWrap li:last-child{margin: 0 0 0 10px;}
+	.pop_search .inner {padding:40px 0;}
+}
+
+/* media queries */
+@media only screen and (max-width:1480px){
+    /* header */
+	.header .inner {padding:0 70px;box-sizing:border-box;}
+	.header .login .inner {padding:0 46px 0 48px;}
+    .header .header_top .menu_left {left:70px;}
+	.header .header_top .menu_right {right:70px;}
+    .header .header_body .logo {left:70px;}
+    .header .header_body .s_menu {right:70px;}
+    .header .header_body .s_menu button {margin-left: 20px;}
+    .header .header_body .gnbWrap li:first-child{margin: 0 17px 0 -18px;}
+	.pop_search .inner {padding:30px 0;}
+    /* login */
+    .login_right {margin-right: 20px; text-align: inherit;}
+    .login2 .login_info {margin-right: 30px;}
+    .login2 .login_info::after {right: -25px;}
+    .login2 .login_info .login2_name p{font-size:14px;}
+    .login2 .login_info button.btn_36.fill_gray{padding:0 8px;font-size:14px;}
+    .security_box,.login2 .check_money .user_money_wrap, .login2 .point,.login2 .session span,.login2 .login_info .login2_name span{font-size:14px;}
+    .login2 .check_money {margin-right: 15px;}
+    .login2 .login_right button {padding: 0 8px; margin-right: 20px;}
+    /* quick Menu */
+    .quickMenu {right: 0px;width: 60px;border-radius: 8px 0 0 8px;}
+    .quickMenu.main {right: 0px;}
+    .quickMenu>div {width: 60px;}
+    .quickMenu .quick_title {display: none;}
+    .quickMenu .quick_title2 {border-radius: 8px 0 0 0;display: block;}
+    .quickMenu .quickMenuIn li {height: 40px;}
+    .quickMenu .quickMenuIn li::before {width: 45px;}
+    .quickMenu .quickMenuIn li:hover .hover_cont{display: block;}
+    .quickMenu .quickMenuIn li a {padding-top: 7px;}
+    .quickMenu .quickMenuIn li i.quick3 {margin-left: 3px;}
+    .quickMenu .quickMenuIn li i.quick4 {margin-left: 5px;}
+    .quickMenu .quickMenuIn li i.quick7 {margin-left: 3px;}
+    .quickMenu .quickMenuIn li span {display: none;}
+    .quickMenu .quickMenuIn li.cscenter .hover_cont {bottom:-35px;right:60px;}
+    .quickMenu .quickMenuIn li.cscenter .hover_cont .info li {height:auto;}
+    .quickMenu .quick_kakaobtn {bottom:-70px;width:60px;height:60px;background-size:100%;}
+    .quickMenu .goTop {border-radius: 0 0 0 8px;font-size: 16px;width: 60px; padding:5px 0;}
+    .quickMenu .goTop i {margin-left: 3px;}
+    /* footer */
+    .footer .footer_top {padding: 0 20px;}
+    .footer .footer_body {padding: 0 20px;}
+    .footer .footer_body .footer_info {font-size:14px;}
+}
+
+@media only screen and (max-width:1380px){
+     /* login */
+     .login .login_right span {margin-right: 0;font-size:15px;}
+     .login .login_left .login_save {margin:0 20px 0 10px;}
+     .login .login_left .login_find::before {left: -8px;}
+     .login .login_left .login_find {margin-right: 0;}
+     .login .login_right span i {margin-right: 0;}
+     .login2 .login_info button {margin-right: 0;}
+     .login2 .login_info {margin-right: 25px;}
+    .login2 .login_info::after {right: -15px;}
+     .login2 .login_info p {padding-right: 5px;}
+     .login2 .check_money {margin-right: 10px;}
+     .login2 .check_money p {padding-right: 0px;}
+     .login2 .check_money p span, .login2 .point p span {padding-left: 0;}
+     .login2 .check_money button {margin-right: 0;}
+     .login2 .point p {padding-right: 0px;}
+     .login2 .login_right button {padding: 0 5px; margin-right: 0;}
+     .login2 .session {margin-right: 5px;}
+     
+     .header .header_body .gnbWrap{letter-spacing: -1px;}
+     .header .header_body .gnbWrap li{margin: 0 9px;}
+     
+     /* footer */
+     .footer .footer_body .footer_info p {padding: 5px 0 5px 15px; letter-spacing: -0.08em;}
+     .footer .footer_body .footer_service_center dt {width: 60px;}
+     .footer .footer_body .footer_service_center dd span {letter-spacing: -0.04em;}
+}
+
+
+@media only screen and (max-width:1300px){
+    /* login */
+    .login2 .login_info {margin-right: 10px;}
+    .login2 .login_info::after {right: -10px;}
+
+}
+
+/* 모바일 */
+@media screen and (max-width: 767px){
+	.login2 .check_money i,
+	.login2 .check_money p em,
+	.login2 .point i,
+	.login2 .point p em,
+	.login2 .event span i {display:none;}
+	
+	.login2 .login_info,
+	.login2 .check_money,
+	.login2 .point,
+	.login2 .event {white-space:nowrap;}
+	
+}
\ No newline at end of file
diff --git a/src/main/webapp/publish/css/estimate.css b/src/main/webapp/publish/css/estimate.css
new file mode 100644
index 00000000..65fdf828
--- /dev/null
+++ b/src/main/webapp/publish/css/estimate.css
@@ -0,0 +1,171 @@
+/* 견적서 */
+.estimate_wrap {width: 820px; margin: 0 auto; position: relative; color: #222; letter-spacing: -0.5px;}
+.estimate_wrap::after {content: ""; background-color: #e5e5e5; width: 100%; height: 117px; position: absolute; top: 0; left: 0; z-index: -1;}
+.estimate {padding: 0 67px; box-sizing: border-box;}
+
+.stamp {position: absolute; top: 79px; right: 70px;}
+
+/* 견적서 head */
+.est_head {height: 117px; text-align: right;}
+.est_head img {margin: 10px 0 5px 0;}
+.est_head>div {background-color: #fff; height: 30px;  padding: 0 10px; border-radius: 5px;line-height: 30px; box-sizing: border-box;}
+.est_head p {font-size: 13px;}
+.est_head p:first-child {float: left;}
+.est_head p:last-child {float: right;}
+
+/* 견적서 body */
+.est_body {padding: 30px 0 25px 0; box-sizing: border-box;}
+.est_body h2 {font-size: 35px; font-weight: 700; text-align: center;}
+.est_body .cont1 {display: flex; justify-content: space-between; margin-top: 37px;}
+.est_body .cont1.tb_ver2 {margin-bottom: 30px;}
+.est_body .cont1.tb_ver2>div {width: 100%;}
+.est_body .cont1>div {width: calc(100%/2 - 20px); position: relative;}
+.est_body .cont1>div p {font-size: 15px; font-weight: 700;}
+.est_table {font-size: 13px; text-align: left; width: 100%; margin-top: 10px;}
+.est_table tr {border-bottom: 1px solid #d5d5d5; height: 30px; line-height: 30px;}
+.est_table tr:first-child {border-top: 2px solid #000;}
+.est_table th {font-weight: 500;}
+.est_table td {font-weight: 300; padding: 0 30px;word-break:break-word;}
+.est_table td span {font-weight: 500;}
+.est_table td.colspan {text-align: center;}
+
+.est_body .cont2 {background-color: #f2f2f2; padding: 0 20px; border: 1px solid #ccc; border-radius: 5px; margin: 13px 0 20px 0; height: 50px; line-height: 50px; box-sizing: border-box;}
+.est_body .cont2 p:first-child {float: left; font-size: 16px; font-weight: 500;}
+.est_body .cont2 p:first-child span{font-size:13px;font-weight:400;color:#666;}
+.est_body .cont2 p:last-child {float: right; font-size: 13px; font-weight: 300;}
+.est_body .cont2 p span {font-size: 20px; font-weight: 700;}
+
+.est_body .cont3 p {margin:0 0 10px;text-align: right; font-size: 13px;}
+.est_table2_wrap {border-radius: 5px; border: 1px solid #ccc; margin-top: 5px;}
+.est_table2 {width: 100%;border:1px solid #ccc;border-radius:5px;}
+.est_table2 thead tr {background-color: #f2f2f2; border-bottom: 1px solid #ccc;}
+.est_table2 thead th {height: 33px; line-height: 33px; font-size: 13px; border-left: 1px solid #ccc; font-weight:500;}
+.est_table2 thead th:first-child {border-left: 0; /* border-radius: 5px 0 0 0 */}
+.est_table2 thead th:last-child {/* border-radius: 0 5px 0 0 */}
+.est_table2 tbody tr {border-bottom: 1px solid #ccc; text-align: center;}
+.est_table2 tbody tr:last-child {border-bottom: 1px solid transparent;}
+.est_table2 tbody th {font-size: 12px; height: 30px; vertical-align: middle;}
+.est_table2 tbody td {font-size: 12px; height: 30px; padding: 0 5px; vertical-align: middle; border-left: 1px solid #ccc;}
+.est_table2 tbody td.est_cont {text-align: left; padding: 3px 5px; line-height: 1.4;word-break:break-all;}
+.est_table2 tbody td.price {text-align: right; padding: 0 10px;}
+.est_table2 tbody tr:last-child th {border-radius: 0 0 0 5px;}
+.est_table2 tbody tr:last-child td:last-child {border-radius: 0 0 5px 0;}
+.est_table2 tbody tr:last-child th,
+.est_table2 tbody tr:last-child td {border-bottom:1px solid #ccc;}
+.est_table2 tfoot tr{border-top:3px double #d8d8d8;}
+.est_table2 tfoot tr th, .est_table2 tfoot tr td {height: 33px; line-height: 33px; font-size: 13px; border-left: 1px solid #ccc;}
+.est_table2 tfoot tr th{background:#f5f5f5;font-weight:500;}
+/* 합계 */
+.est_table2 tbody tr.total_price td {border-top: 1px solid #d7d7d7; border-left:0; border-right: 1px solid #d7d7d7; background-color: #f2f2f2;}
+.est_table2 tbody tr.total_price td:first-child {border-radius: 0 0 0 5px;}
+.est_table2 tbody tr.total_price td:last-child {border-radius: 0 0 5px 0; border-right: 1px solid transparent}
+
+.est_body .cont4 {margin-top: 20px;}
+.est_body .cont4 .est_table td {text-align: right; padding: 0;}
+.est_body .cont4 .est_table td span {font-size: 15px; font-weight: 700;}
+
+.est_body .cont5 {margin-top: 50px;}
+.est_body .cont5 p {font-size: 17px; text-align: center; padding-bottom: 40px; color: #555; font-weight: 300;}
+.est_body .cont5 p span {color: #222; font-weight: 400;}
+.est_body .cont5>div {display: flex; justify-content: center; align-items: center;}
+.est_body .cont5 div span:nth-child(1) {font-size: 16px; font-weight: 300; color: #666; align-self: center;}
+.est_body .cont5 div span:nth-child(2) {font-size: 22px; font-weight: 500; color: #222; padding: 0 15px;}
+.est_body .cont5 div span:nth-child(3) {font-size: 22px; font-weight: 500; color: #222; position: relative; margin-left: 15px;}
+/* .est_body .cont5 div span:nth-child(3)::after {background-image: url(/publish/images/content/stamp2.png); width: 70px; height: 70px; content: ""; position: absolute; top: 50%; right: -20px; z-index: -1; transform: translateY(-50%);} */
+
+
+/* 견적서 footer */
+.est_footer {background-color: #e5e5e5; padding: 15px 25px; box-sizing: border-box;}
+.est_footer .footer_acnt {background-color: #fff; padding: 8px 12px;  border-radius: 5px; margin-bottom: 10px; font-size: 13px; box-sizing: border-box;}
+.est_footer span {font-size: 13px; color: #555; font-weight: 700; margin-bottom: 10px; display: inline-block;}
+.est_footer p {font-size: 12px; color: #555; margin-bottom: 10px;}
+.est_footer p:last-child {margin-bottom: -10px;}
+.est_footer p>span {font-weight: 500px; color: #222; font-size: 11px;}
+
+/* 하단 버튼 */
+.est_btn_wrap {margin: 30px auto 40px auto; text-align: center;}
+.est_btn_wrap button {width: 120px; height: 42px;  border-radius: 5px; border: 1px solid #ccc; font-size: 16px; color: #555;}
+.est_btn_wrap button:nth-child(2) {margin: 0 3px 0 1px;}
+.est_btn_wrap button i.pdf_img {margin: 0 3px 0 0;}
+.est_btn_wrap button i.print_img {margin: 0 5px 1px 0;}
+
+
+/* 간이영수증 */
+.pop_receipt {width: 350px;margin:35px auto;border: 2px solid #2e78ff;border-bottom:1px solid #2e78ff}
+.pop_receipt .box1 {height:75px;position:relative;border-bottom:1px solid #78a8ff;}
+.pop_receipt h1 {width: 185px;position:absolute;top: 14px;left:50%;transform: translateX(-41%);font-size:25px;font-weight:bold;}
+.pop_receipt h1 span {font-size:15px;font-weight: 400;}
+.pop_receipt .box1 .number {position:absolute;top:0;left:0;height:35px;line-height:35px;padding:0 10px;border-bottom:1px solid #2e78ff;border-right:1px solid #2e78ff;}
+.pop_receipt .box1 .name {position:absolute;bottom: 12px;right: 20px;font-size:17px;font-weight: 500;}
+.pop_receipt table {width:100%;text-align: center;}
+.pop_receipt table td {height:13px;vertical-align: middle;padding:6px 5px;border:1px solid #78a8ff;font-size:15px;color:#333;}
+.pop_receipt table tr:first-child td {border-top:none;}
+.pop_receipt table tr td:first-child {border-left:none;}
+.pop_receipt table tr td:last-child {border-right:none;}
+.pop_receipt table .w_name {position:relative;}
+.pop_receipt table .w_name span {margin-left: -65px;}
+.pop_receipt table .w_name img {position:absolute;top:-11px;right: 0;}
+.pop_receipt table .bg {background-color:#edf3ff;font-weight: 500;}
+.pop_receipt table .num {text-align:right;}
+.pop_receipt table .h_35 {height:35px;}
+.pop_receipt table .w_40 {width:40px;}
+.pop_receipt table .l_30 {line-height: 30px;}
+.pop_receipt table .f_d {font-weight:bold;}
+.pop_receipt table .fz_18 {font-size:18px;}
+/*// 간이영수증 */
+
+
+
+/* 인쇄 미리보기 팝업(테이블) */
+.c_002c9a {color: #002c9a !important;}
+.c_e40000 {color: #e40000 !important;}
+.c_ffa200 {color: #ffa200 !important;}
+.c_000 {color: #000 !important;}
+
+.tablePrint_wrap {width: 950px; padding: 50px 30px; margin: 0 auto; position: relative; color: #222; letter-spacing: -0.5px; box-sizing: border-box;} 
+.tablePrint_wrap>p {font-size: 20px; margin-bottom: 20px;}
+.tablePrint_wrap .tb_wrap{width: 100%;  border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; box-sizing: border-box;}
+.print_tType{table-layout: fixed; width: 100%;}
+.print_tType thead{background-color: #ededed; position: relative; z-index: 0;}
+.print_tType thead tr:only-child th{height: 36px;}
+.print_tType thead th{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: 400; position: relative; z-index: 1; line-height: 25px; vertical-align: middle;}
+.print_tType thead th::after{position: absolute; content: " "; width: 100%; height: 18px; background-color: #e5e5e5; bottom: 0; left: 0; z-index: -1;}
+.print_tType thead th:last-child{border-right: 0;}
+.print_tType .sort_wrap{display: inline-block;}
+.print_tType tbody td{text-align: center; font-size: 15px; color: #555; font-weight: 300; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 38px; vertical-align: middle; padding: 5px; box-sizing: border-box;}
+.print_tType tbody td p {word-break: break-all; line-height: 1.1;}
+.print_tType tbody tr:last-child td {border-bottom: 0;}
+.print_tType tbody td.tb_tit{text-align: left; position: relative;}
+.print_tType tbody td.input_wrap2 input[type="text"] {text-align: center;background-color: #f2f2f2;width: calc(100% - 20px);height: 32px;border-radius: 5px;border: 1px solid #f2f2f2;margin-right: 0;color: #555;}
+.print_tType tbody tr:only-child:last-child td{border-bottom: 1px solid #ccc;}
+.print_tType tbody tr:nth-child(10n) td{border-bottom: 0;}
+.print_tType tbody td:last-child{border-right: 0;}
+.print_tType tbody td span {font-weight: 400;}
+.print_tType td input[type="text"]{height: 28px; display: inline-block; border: 1px solid #e5e5e5; margin-right: 5px;}
+.print_tType tbody .btnType14 {height: 28px;}
+
+/* // 인쇄 미리보기 팝업(테이블) */
+
+/* 가상계좌 확인서 */
+.cont4.account table tbody tr{border-bottom: 0;}
+.cont4.account table tbody tr .acc_te{padding: 20px 0 0 0; text-align: center;}
+/* // 가상계좌 확인서 */
+
+
+/* 문자온 KISA 신고 관리대장(시작) */
+.kisa_management::after{background:none;}
+.kisa_table table{width:100%;border-top:2px solid #000;text-align:left;font-size:14px;vertical-align:middle;}
+.kisa_table table tr{border-bottom:1px solid #d5d5d5;}
+.kisa_table table th{height:25px;background:#efefef;padding:10px 0 0 10px;font-weight:500;}
+.kisa_table table th[rowspan]{writing-mode:vertical-lr;border-right:1px solid #d5d5d5;}
+.kisa_table table td{text-align:center;padding:10px;}
+.kisa_table table .bgYellow{background:orange}
+.kisa_table table input+label{margin:0 0 0 4px;vertical-align:middle;}
+.kisa_table table td span{font-size:13px;line-height:1.4;}
+.kisa_table .sub_table table thead th{text-align:center;border-right:1px solid #d5d5d5;}
+.kisa_table .sub_table table thead th:last-child{border-right:0;}
+.kisa_table .sub_table table tbody tr td{border-right:1px solid #d5d5d5;}
+.kisa_table .sub_table table tbody tr td:last-child{border-right:0;}
+.kisa_table tfoot .date{margin:20px 0 0 0;font-size:16px;}
+.kisa_table tfoot img{margin:50px;}
+/* 문자온 KISA 신고 관리대장(끝) */
\ No newline at end of file
diff --git a/src/main/webapp/publish/css/font.css b/src/main/webapp/publish/css/font.css
new file mode 100644
index 00000000..2370593d
--- /dev/null
+++ b/src/main/webapp/publish/css/font.css
@@ -0,0 +1,154 @@
+/* 티몬 몬소리체 */
+@font-face {
+    font-family: 'TmonMonsori';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+} 
+
+/* 지마켓 산스체 */
+@font-face {
+    font-family: 'GmarketSansBold';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+} 
+@font-face {
+    font-family: 'GmarketSansMedium';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+/* cafe24 당당해 */
+@font-face {
+    font-family: 'Cafe24Dangdanghae';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.4/Cafe24Dangdanghae.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+} 
+
+/* cafe24 아네모네 */
+@font-face {
+    font-family: 'Cafe24Ohsquare';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+} 
+
+/* cafe24 심플해 */
+@font-face {
+    font-family: 'Cafe24Simplehae';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+} 
+
+/* 다키 */
+@font-face {
+    font-family: 'DakiB';
+    src: url('/publish/font/DakiB.eot');
+    src: url('/publish/font/DakiB.eot?#iefix') format('embedded-opentype'),
+        url('/publish/font/DakiB.woff2') format('woff2'),
+        url('/publish/font/DakiB.woff') format('woff'),
+        url('/publish/font/DakiB.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'DakiMTitle';
+    src: url('/publish/font/DakiMTitle.eot');
+    src: url('/publish/font/DakiMTitle.eot?#iefix') format('embedded-opentype'),
+        url('/publish/font/DakiMTitle.woff2') format('woff2'),
+        url('/publish/font/DakiMTitle.woff') format('woff'),
+        url('/publish/font/DakiMTitle.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+/* 나눔바른고딕 */
+@font-face {
+ font-family: 'NanumBarunGothicR';
+ font-style: normal;
+ font-weight: 400;
+ src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
+ src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), 
+	 url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), 
+	 url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
+}
+@font-face {
+ font-family: 'NanumBarunGothicB';
+ font-style: normal;
+ font-weight: 700;
+ src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
+ src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), 
+	 url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), 
+	 url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
+}
+@font-face {
+ font-family: 'NanumBarunGothicL';
+ font-style: normal;
+ font-weight: 300;
+ src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
+ src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), 
+	 url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), 
+	 url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
+}
+.nanumbarungothic * {
+ font-family: 'NanumBarunGothic', sans-serif;
+}
+
+
+/* 나눔명조EB */
+@font-face {
+    font-family: 'NanumMyeongjoEB';
+    src: url('/publish/font/NanumMyeongjoExtraBold.eot');
+    src: url('/publish/font/NanumMyeongjoExtraBold.eot?#iefix') format('embedded-opentype'),
+        url('/publish/font/NanumMyeongjoExtraBold.woff2') format('woff2'),
+        url('/publish/font/NanumMyeongjoExtraBold.woff') format('woff'),
+        url('/publish/font/NanumMyeongjoExtraBold.ttf') format('truetype');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+/* 나눔스퀘어EB */
+@font-face {
+    font-family: 'NanumSquareEB';
+    src: url('/publish/font/NanumSquareEB.eot');
+    src: url('/publish/font/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
+        url('/publish/font/NanumSquareEB.woff2') format('woff2'),
+        url('/publish/font/NanumSquareEB.woff') format('woff'),
+        url('/publish/font/NanumSquareEB.ttf') format('truetype');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+/* 여기어때 잘난체 */
+@font-face {
+    font-family: 'yg-jalnan';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+/* 롯데마트 드림체 */
+@font-face {
+    font-family: 'LotteMartDream';
+    font-style: normal;
+    font-weight: 700;
+    src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff');
+}
+
+/* 비밀번호를 위한 폰트 */
+@font-face {
+    font-family: 'pass';
+    font-style: normal;
+    font-weight: 400;
+    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format('woff');
+    } 
+    
+    
\ No newline at end of file
diff --git a/src/main/webapp/publish/css/reset.css b/src/main/webapp/publish/css/reset.css
new file mode 100644
index 00000000..000a2ebe
--- /dev/null
+++ b/src/main/webapp/publish/css/reset.css
@@ -0,0 +1,38 @@
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;color: inherit;font-weight: inherit;word-break: keep-all;font-family: 'Noto Sans KR', sans-serif;}
+*{outline: 0;}
+article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;font-family: 'Noto Sans KR', sans-serif;}
+body {line-height: 1;}
+ol,ul,li {list-style: none;}
+p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;} 
+a {color: inherit; text-decoration: none;display: block;}
+img {font-size: 0; vertical-align: middle; border: 0;}
+i {background-repeat: no-repeat;display: inline-block;vertical-align: middle;}
+table {border-collapse: collapse; border-spacing: 0;}
+select, input {vertical-align: middle;}
+a:focus {outline: none;}
+a:focus:not(:focus) {outline: none;}
+a:focus:active:hover{outline: none;}
+/*a:focus:not(:focus-visible){outline: none;}*/
+/* 안드로이드 및 아이폰에서 기본적으로 적용되어있는 select, input css 제거. */
+select {background-color: #fff;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
+select::-ms-expand { display: none; }
+input::-webkit-calendar-picker-indicator {display: none;} /* datalist 화실표 제거 */
+button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;overflow: visible;font-family: 'Noto Sans KR', sans-serif;}
+button[disabled],html input[disabled] {cursor: default;}
+/* ie 하위버전 기본적으로 적용되어 있는 css 변경 */
+input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;margin: 0;}
+/* 아이폰 기본적으로 적용되어 있는 버튼 css 변경 */
+input{-webkit-appearance: button;}
+input[type=text]::-ms-clear {display:none;}
+/* 사파리5, 크롬에서 기본적으로 적용되어 있는 css 변경 */
+input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
+input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
+address, em, i {font-style: normal;}
+button {border: 0; background: none; cursor: pointer;padding: 0; vertical-align: middle;letter-spacing: -0.25px;}
+hr {margin: 0; border: none; padding: 0; display: block;}
+figure, figcaption {margin: 0; padding: 0;}
+form, fieldset {border: none; margin: 0; padding: 0; line-height: 1;}
+input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
+textarea {resize: none;}
+header, footer, article, section, aside, nav, main {display: block;}
+pre { white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */ white-space: -pre-wrap; /* Opera */ white-space: -o-pre-wrap; /* Opera */ white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */ word-wrap: break-word; /* IE 5.5+ */ }
\ No newline at end of file