tolag3/koipa_edu_2025-1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2025-10-21 16:10 이수증 초안작업

Browse Source
This commit is contained in:
myname 2025-10-21 16:10:54 +09:00
parent 872b427d0d
commit 592dce986c
9 changed files with 1620 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
src/main/java/kcc/ve/aplct/cpyrgExprnClsrm/exprnClsrmAplct/web/ScholInfoController.java
View File

@ -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";
}
/**
* 설문 출력 팝업 리스트
*/

8
src/main/webapp/WEB-INF/jsp/web/ve/aplct/cmdTrgt/main.jsp
View File

@ -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}">

548
src/main/webapp/WEB-INF/jsp/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/popup/certPopList.jsp Normal file
View File

@ -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>

63
src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/main.jsp
View File

@ -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}">

122
src/main/webapp/publish/css/button.css Normal file
View File

@ -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;}

455
src/main/webapp/publish/css/common.css Normal file
View File

@ -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;}
}

171
src/main/webapp/publish/css/estimate.css Normal file
View File

@ -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 신고 관리대장(끝) */

154
src/main/webapp/publish/css/font.css Normal file
View File

@ -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');
}

38
src/main/webapp/publish/css/reset.css Normal file
View File

@ -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+ */ }