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

2024/11/26 사용자 메인페이지 팝업 추가

Browse Source
This commit is contained in:
subsub 2024-11-26 18:03:06 +09:00
parent c3ac71256d
commit bb8039712d
13 changed files with 446 additions and 181 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/rceptEdit.jsp
View File

@ -4565,16 +4565,16 @@ function nanumProcessStartTmp(){
<option value="">사건진행상태</option>
</select>
<button type="button" class="btn-default btn btn_text btn_36 red_border" onclick="nanumHisDelProTmp('');">변경</button>
<button type="button" class="btn-default btn btn_text btn_36 blue_border" onclick="nanumHisDelProTmp('');">변경</button>
</div>
<div class="area_right">
<select name="nanumHisDelSelTmp" id="nanumHisDelSelTmp">
<option value="">선택</option>
</select>
<button type="button" class="btn-default btn btn_text btn_36 red_border" onclick="nanumHisDelTmp('P');">상신</button>
<button type="button" class="btn-default btn btn_text btn_36 red_border" onclick="nanumHisDelTmp('T');">상신취소</button>
<button type="button" class="btn-default btn btn_text btn_36 red_border" onclick="nanumHisDelTmp('A');">종결</button>
<button type="button" class="btn-default btn btn_text btn_36 subgray_border" onclick="nanumHisDelTmp('P');">상신</button>
<button type="button" class="btn-default btn btn_text btn_36 gray_border" onclick="nanumHisDelTmp('T');">상신취소</button>
<button type="button" class="btn-default btn btn_text btn_36 gray_border" onclick="nanumHisDelTmp('A');">종결</button>
<button type="button" class="btn-default btn btn_text btn_36 red_border" onclick="nanumHisDelTmp('R');">반려</button>
<button type="button" class="btn-default btn btn_text btn_36 red_border" onclick="nanumHisDelTmp('D');">삭제</button>
@ -4962,16 +4962,16 @@ function nanumProcessStartTmp(){
<option value="3" <c:if test="${masterData.caseAUser eq '3'}">selected="selected"</c:if>>양쪽모두</option>
</select>
</div>
<div class="cs-files fl" id="upFileHtml6">
<div class="cs-files cs_file_list fl" id="upFileHtml6">
<c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
<c:if test="${file.fileGubun == '4806000000'}">
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<div id="fileUploadP${status.count}" class="file_row">
<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<c:if test="${masterData.statePro == '0404000000'}">
<!-- 보고 상태만 삭제가능 -->
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '6');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '6');"><i></i></a>
</c:if>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
</div>
</c:if>
@ -5051,17 +5051,17 @@ function nanumProcessStartTmp(){
<a href="javascript:void(0);" onclick="fn_caseExPop('B');" class="btn-default btn btn_text btn_36 blue_border violet" style="display:inline-flex;justify-content:center;align-items:center;">예시기재</a>
</c:if>
</div>
<div class="cs-files fl" id="upFileHtml18">
<div class="cs-files cs_file_list fl" id="upFileHtml18">
<c:if test="${masterData.caseBType eq '1'}">
<c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
<c:if test="${file.fileGubun == '4839000000'}">
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<div id="fileUploadP${status.count}" class="file_row">
<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<c:if test="${masterData.statePro == '0404000000'}">
<!-- 보고 상태만 삭제가능 -->
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '18');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '18');"><i></i></a>
</c:if>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
</div>
</c:if>
@ -5144,16 +5144,16 @@ function nanumProcessStartTmp(){
<a href="javascript:void(0);" onclick="fn_caseExPop('C');" class="btn-default btn btn_text btn_36 blue_border violet" style="display:inline-flex;justify-content:center;align-items:center;">예시기재</a>
</c:if>
</div>
<div class="cs-files fl" id="upFileHtml7">
<div class="cs-files cs_file_list fl" id="upFileHtml7">
<c:if test="${masterData.caseCType eq '1'}">
<c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
<c:if test="${file.fileGubun == '4807000000'}">
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<div id="fileUploadP${status.count}" class="file_row">
<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<c:if test="${masterData.statePro == '0404000000'}">
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '7');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '7');"><i></i></a>
</c:if>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
</div>
</c:if>
@ -5234,15 +5234,15 @@ function nanumProcessStartTmp(){
<option value="3" <c:if test="${masterData.caseDUser eq '3'}">selected="selected"</c:if>>양쪽모두</option>
</select>
</div>
<div class="cs-files fl" id="upFileHtml8">
<div class="cs-files cs_file_list fl" id="upFileHtml8">
<c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
<c:if test="${file.fileGubun == '4808000000'}">
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<div id="fileUploadP${status.count}" class="file_row">
<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<c:if test="${masterData.statePro == '0404000000'}">
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '8');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '8');"><i></i></a>
</c:if>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
</div>
</c:if>
@ -5307,15 +5307,15 @@ function nanumProcessStartTmp(){
<div class="bbs-view-item">
<p class="item-title no-bullet">등기이력조회</p>
<div class="item-box">
<div class="cs-files fl" id="upFileHtml9">
<div class="cs-files cs_file_list fl" id="upFileHtml9">
<c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
<c:if test="${file.fileGubun == '4809000000'}">
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<div id="fileUploadP${status.count}" class="file_row">
<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<c:if test="${masterData.statePro == '0404000000'}">
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '9');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '9');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
</c:if>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
</div>
</c:if>
@ -5336,15 +5336,15 @@ function nanumProcessStartTmp(){
<div class="bbs-view-item">
<p class="item-title no-bullet">기타</p>
<div class="item-box">
<div class="cs-files fl" id="upFileHtml10">
<div class="cs-files cs_file_list fl" id="upFileHtml10">
<c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
<c:if test="${file.fileGubun == '4810000000'}">
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<div id="fileUploadP${status.count}" class="file_row">
<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<c:if test="${masterData.statePro == '0404000000'}">
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '10');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '10');"><i></i></a>
</c:if>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
</div>
</c:if>
@ -5389,13 +5389,13 @@ function nanumProcessStartTmp(){
<div class="bbs-view-item">
<p class="item-title">신청인 사건문서첨부</p>
<div class="item-box">
<div class="cs-files fl" id="upFileHtml2">
<div class="cs-files cs_file_list fl" id="upFileHtml2">
<c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
<c:if test="${file.fileGubun == '4801000000'}">
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '2');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<div id="fileUploadP${status.count}" class="file_row">
<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '2');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
<input type="hidden" class="fileSeq_4801000000" value="${file.seqNo}" />
</div>
@ -5418,13 +5418,13 @@ function nanumProcessStartTmp(){
<div class="bbs-view-item">
<p class="item-title">조사관 사건문서첨부(신청인)</p>
<div class="item-box">
<div class="cs-files fl" id="upFileHtml3">
<div class="cs-files cs_file_list fl" id="upFileHtml3">
<c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
<c:if test="${file.fileGubun == '4811000000'}">
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '3');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<div id="fileUploadP${status.count}" class="file_row">
<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '3');"><i></i></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
<input type="hidden" class="fileSeq_4811000000" value="${file.seqNo}" />
</div>
@ -5447,13 +5447,13 @@ function nanumProcessStartTmp(){
<div class="bbs-view-item">
<p class="item-title">피신청인 사건문서첨부</p>
<div class="item-box">
<div class="cs-files fl" id="upFileHtml4">
<div class="cs-files cs_file_list fl" id="upFileHtml4">
<c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
<c:if test="${file.fileGubun == '4802000000'}">
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '4');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<div id="fileUploadP${status.count}" class="file_row">
<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '4');"><i></i></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
<input type="hidden" class="fileSeq_4802000000" value="${file.seqNo}" />
</div>
@ -5476,13 +5476,13 @@ function nanumProcessStartTmp(){
<div class="bbs-view-item">
<p class="item-title">조사관 사건문서첨부<br/>(피신청인)</p>
<div class="item-box">
<div class="cs-files fl" id="upFileHtml5">
<div class="cs-files cs_file_list fl" id="upFileHtml5">
<c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
<c:if test="${file.fileGubun == '4812000000'}">
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '5');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" maxlength="1000" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px">
<div id="fileUploadP${status.count}" class="file_row">
<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '5');"><i></i></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" maxlength="1000" style="width: 700px;display: block;">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
<input type="hidden" class="fileSeq_4812000000" value="${file.seqNo}" />
</div>
@ -5520,7 +5520,7 @@ function nanumProcessStartTmp(){
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '11');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" maxlength="1000" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" maxlength="1000" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
<input type="hidden" class="fileSeq_4815000000" value="${file.seqNo}" />
</div>
@ -5550,7 +5550,7 @@ function nanumProcessStartTmp(){
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '17');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
<input type="hidden" class="fileSeq_4828000000" value="${file.seqNo}" />
</div>
@ -5580,7 +5580,7 @@ function nanumProcessStartTmp(){
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '12');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
<input type="hidden" class="fileSeq_4816000000" value="${file.seqNo}" />
</div>
@ -5608,7 +5608,7 @@ function nanumProcessStartTmp(){
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '13');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
<input type="hidden" class="fileSeq_4817000000" value="${file.seqNo}" />
</div>
@ -5636,7 +5636,7 @@ function nanumProcessStartTmp(){
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '14');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
<input type="hidden" class="fileSeq_4818000000" value="${file.seqNo}" />
</div>
@ -5674,7 +5674,7 @@ function nanumProcessStartTmp(){
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '15');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
</div>
</c:if>
@ -5694,7 +5694,7 @@ function nanumProcessStartTmp(){
<div id="fileUploadP${status.count}">
<img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '16');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
</div>
</c:if>
@ -8489,7 +8489,7 @@ function nanumProcessStartTmp(){
</table>
</div>
<div class="tit-box">
<h4 class="title depth03">도급대금 내역 (피신청인)</h4>
<h4 class="title depth02">도급대금 내역 (피신청인)</h4>
<div>
<button type="button" class="btn-default btn btn_text btn_36 blue_border violet" id="p_Cnt" data-add-respondent data-forms-addnum="${(fn:length(selectSubcntrsttusR) > 0) ? fn:length(selectSubcntrsttusR)-1 : 0}">입력추가</button>
<button type="button" class="btn-default btn btn_text btn_36 red_border red" data-remove-respondent>첫번째 행 삭제</button>

BIN
src/main/webapp/kofair_case_seed/adm/images/component/icon_file_clip_blue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 510 B

BIN
src/main/webapp/kofair_case_seed/adm/images/component/icon_popup_close_white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 198 B

5
src/main/webapp/kofair_case_seed/adm/style/style.css
View File

@ -153,6 +153,11 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;}
.wrap .file_wrap table tbody td .btn_del{height:24px;vertical-align:middle;}
.wrap .file_wrap .file_name img{display:inline-block;vertical-align:middle;}
.cs_file_list{display:inline-flex;width:calc(100% - 150px);flex-direction:column;gap:8px;}
.file_row{display:flex;padding:10px 20px;align-items:center;flex-wrap:wrap;gap:5px;background:#f4f5f6;border-radius:5px;}
.file_row .btn_file_del{width:18px;height:18px;background:#e40000;border-radius:5px;margin:2px 0 0 0;}
.file_row .btn_file_del i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/adm/images/component/icon_popup_close_white.png) no-repeat center center;background-size:8px auto;}
/* 갤러리 리스트 */
.list_gallery{display:flex;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;margin:15px 0 0 0;padding:30px 0;gap:30px;flex-wrap:wrap}
.list_gallery article{position:relative;width:calc((100% - 104px)/4);border:1px solid #d5d5d5;}

BIN
src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

BIN
src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

105
src/main/webapp/kofair_case_seed/usr/index.html
View File

@ -22,11 +22,116 @@
<script src="/kofair_case_seed/script/plugin/swiper-11.1.9/package/swiper-bundle.js"></script>
<link rel="stylesheet" href="/kofair_case_seed/script/plugin/swiper-11.1.9/package/swiper-bundle.css">
<!-- 메인 팝업 슬라이드 -->
<!-- <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<link rel="stylesheet" href="/kofair_case_seed/script/plugin/slick-1.8.1/slick/slick.css"">
<script type="text/javascript" src="/kofair_case_seed/script/plugin/slick-1.8.1/slick/slick.js"></script> -->
</head>
<body>
<div class="mask"></div>
<div class="popup_area" name="popup_area">
<!-- popup_slide -->
<div class="popup_slide swiper">
<div class="swiper-wrapper">
<div class="swiper-slide popup_wrap">
<div class="img_area">
<img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">
</div>
</div>
<div class="swiper-slide popup_wrap">
<div class="img_area">
<img src="/kofair_case_seed/usr/images/main/main_popup_img2.jpg" alt="">
</div>
</div>
<div class="swiper-slide popup_wrap">
<div class="img_area">
<img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">
</div>
</div>
<div class="swiper-slide popup_wrap">
<div class="img_area">
<img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">
</div>
</div>
<div class="swiper-slide popup_wrap">
<div class="img_area">
<img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">
</div>
</div>
</div>
</div>
<!-- //popup_slide -->
<!-- <div class="popup_slide">
<div class="popup_wrap">
<div class="img_area">
<img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">1
</div>
<div class="util_area">
<span><input type="checkbox" id="close_1"><label for="close_1"> 하루동안 창 열지 않음</label></span>
<button type="button" class="btn_close" onclick="slideRemove(this);"><i></i></button>
</div>
</div>
<div class="popup_wrap">
<div class="img_area">
<img src="/kofair_case_seed/usr/images/main/main_popup_img2.jpg" alt="">2
</div>
<div class="util_area">
<span><input type="checkbox" id="close_2"><label for="close_2"> 하루동안 창 열지 않음</label></span>
<button type="button" class="btn_close" onclick="slideRemove(this);"><i></i></button>
</div>
</div>
<div class="popup_wrap">
<div class="img_area">
<img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">3
</div>
<div class="util_area">
<span><input type="checkbox" id="close_3"><label for="close_3"> 하루동안 창 열지 않음</label></span>
<button type="button" class="btn_close" onclick="slideRemove(this);"><i></i></button>
</div>
</div>
<div class="popup_wrap">
<div class="img_area">
<img src="/kofair_case_seed/usr/images/main/main_popup_img2.jpg" alt="">4
</div>
<div class="util_area">
<span><input type="checkbox" id="close_4"><label for="close_4"> 하루동안 창 열지 않음</label></span>
<button type="button" class="btn_close" onclick="slideRemove(this);"><i></i></button>
</div>
</div>
<div class="popup_wrap">
<div class="img_area">
<img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">5
</div>
<div class="util_area">
<span><input type="checkbox" id="close_5"><label for="close_5"> 하루동안 창 열지 않음</label></span>
<button type="button" class="btn_close" onclick="slideRemove(this);"><i></i></button>
</div>
</div>
</div> -->
<div class="popup_util">
<p class="popup_number"></p>
<div class="today_close">
<input type="checkbox" name="today_close" id="all_today_close"><label for="all_today_close">하루동안 창 열지 않음</label>
</div>
<button type="button" class="btn btn_text btn_all_close" onclick="popCe()">닫기</button>
</div>
<div class="popup_navigation">
<button type="button" class="popup_arrow popup_prev"></button>
<button type="button" class="popup_arrow popup_next"></button>
</div>
</div>
<div class="wrap main">
<div data-include-path="/kofair_case_seed/usr/layout/_header.html"></div>

88
src/main/webapp/kofair_case_seed/usr/scripts/index.js
View File

@ -1,9 +1,88 @@
$(function(){
$(function () {
// 팝업 slide slick 으로
var popupswiper = new Swiper(".popup_slide", {
slidesPerView: 1,
spaceBetween: 25,
loop: false,
pagination: {
el: ".popup_number",
type: "fraction",
},
navigation: {
nextEl: ".popup_next",
prevEl: ".popup_prev",
},
breakpoints: {
768: {
slidesPerView: 2,
spaceBetween: 20,
},
1300: {
slidesPerView: 3,
spaceBetween: 25,
}
},
});
$(".btn_all_close").click(function () {
$(".popup_area").hide();
popupswiper.disable();
});
/*
// 슬라이드 삭제.
// 팝업 slide slick 으로 / swiper는 슬라이드 삭제 시 오류 발생
$(".popup_slide").slick({
slidesToShow: 2,
slidesToScroll: 1,
speed: 500,
accessibility: false,
infinite: false,
centerMode: false,
variableWidth: false,
responsive: [{
breakpoint: 768,
settings: {
arrows: true,
accessibility: false,
infinite: false,
centerMode: false,
variableWidth: false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 1200,
settings: {
arrows: true,
accessibility: false,
infinite: false,
centerMode: false,
variableWidth: false,
centerPadding: '30px',
slidesToShow: 1,
}
}
]
});
$(".btn_all_close").click(function(){
$(".popup_area").hide();
$('.popup_slide').slick('unslick');
});*/
var swiper = new Swiper(".case_list", {
slidesPerView: 4,
spaceBetween: 25,
loop:false,
loop: false,
navigation: {
nextEl: ".case_content .btn_next",
prevEl: ".case_content .btn_prev",
@ -23,7 +102,7 @@ $(function(){
var swiper = new Swiper(".banner_slide", {
slidesPerView: 6,
spaceBetween: 25,
loop:true,
loop: true,
navigation: {
nextEl: ".banner_contents .btn_next",
prevEl: ".banner_contents .btn_prev",
@ -40,7 +119,7 @@ $(function(){
}
});
$(".notice_content .tab").click(function(){
$(".notice_content .tab").click(function () {
$(this).addClass("active");
$(this).siblings(".tab").removeClass("active");
$(this).next(".tab_content").addClass("active");
@ -48,3 +127,4 @@ $(function(){
})
})

10
src/main/webapp/kofair_case_seed/usr/style/case.css
View File

@ -14,6 +14,11 @@
.case_content .view_top .input_box{margin:5px 0 0 36px;}
.case_step li{width:calc((100% / 2) - 3px);}
.case_step button{width:100%;height:90px;font-size:3.4rem;border:2px solid #d8d8d8;border-radius:10px;}
/* 마이페이지 > 법률상담 */
.law_counsel_content .search_wrap li:nth-last-child(2){width:calc(100% - 140px);}
.law_counsel_content .search_wrap li:nth-last-child(2) .input_text{width:100%;}
.law_counsel_content .search_wrap li:last-child{width:110px;}
}
/* ==================== 모바일 ==================== */
@ -22,6 +27,11 @@
.case_content .view_top .input_box{margin:3px 0 0 18px;}
.case_step button{height:45px;font-size:1.7rem;border:1px solid #d8d8d8;border-radius:5px;}
/* 마이페이지 > 법률상담 */
:not(.window_popup.idf) .law_counsel_content .search_wrap select[name=search_type], :not(.window_popup.idf) .law_counsel_content .search_wrap select[name=searchType]{width:100%;}
.law_counsel_content .search_wrap li:nth-last-child(2){width:calc(100% - 90px);}
.law_counsel_content .search_wrap li:last-child{width:80px;}
}
@media screen and (max-width: 399px){

32
src/main/webapp/kofair_case_seed/usr/style/common.css
View File

@ -150,13 +150,13 @@ input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;}
@media screen and (max-width: 1199px){
/* 버튼 */
:not(".window_popup.idf") .btn{border-radius:10px;}
:not(".window_popup.idf") .btn:hover{box-shadow:none;}
:not(.window_popup.idf) .btn{border-radius:10px;}
:not(.window_popup.idf) .btn:hover{box-shadow:none;}
:not(".window_popup.idf") .btn_35{height:70px;font-size:3.2rem;padding:0 50px;}
:not(".window_popup.idf") .btn_40{height:80px;font-size:3.4rem;padding:0 38px;}
:not(".window_popup.idf") .btn_45{height:90px;font-size:3.4rem;padding:0 36px;}
:not(".window_popup.idf") .btn_50{height:100px;font-size:4rem;}
:not(.window_popup.idf) .btn_35{height:70px;font-size:3.2rem;padding:0 50px;}
:not(.window_popup.idf) .btn_40{height:80px;font-size:3.4rem;padding:0 38px;}
:not(.window_popup.idf) .btn_45{height:90px;font-size:3.4rem;padding:0 36px;}
:not(.window_popup.idf) .btn_50{height:100px;font-size:4rem;}
/* 노출/숨김 */
@ -164,8 +164,8 @@ input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;}
/* input, select, textarea */
.input_box{gap:30px;}
:not(".window_popup.idf") .input_text, .input_calendar .duet-date__input{height:80px;font-size:3.4rem;border-radius:10px;padding:0 20px;}
:not(".window_popup.idf") .input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:3.4rem;}
:not(.window_popup.idf) .input_text, .input_calendar .duet-date__input{height:80px;font-size:3.4rem;border-radius:10px;padding:0 20px;}
:not(.window_popup.idf) .input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:3.4rem;}
.select{min-width:120px;height:80px;font-size:3.4rem;border-radius:10px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
.radio{width:30px;height:30px;margin:0 21px 0 0;}
.radio+label{font-size:3.4rem;}
@ -199,16 +199,16 @@ input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;}
@media screen and (max-width: 767px){
/* 버튼 */
.btn{border-radius:5px;}
.btn_35{height:35px;font-size:1.6rem;padding:0 25px;}
.btn_40{height:40px;font-size:1.7rem;padding:0 18px;}
.btn_45{height:45px;font-size:1.7rem;padding:0 18px;}
.btn_50{height:50px;font-size:2rem;}
:not(.window_popup.idf) .btn{border-radius:5px;}
:not(.window_popup.idf) .btn_35{height:35px;font-size:1.6rem;padding:0 25px;}
:not(.window_popup.idf) .btn_40{height:40px;font-size:1.7rem;padding:0 18px;}
:not(.window_popup.idf) .btn_45{height:45px;font-size:1.7rem;padding:0 18px;}
:not(.window_popup.idf) .btn_50{height:50px;font-size:2rem;}
/* input, select, textarea */
.input_text, .input_calendar .duet-date__input{height:40px;font-size:1.7rem;border-radius:5px;padding:0 10px;}
.input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:1.7rem;}
.select{min-width:120px;height:40px;font-size:1.7rem;border-radius:5px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
:not(.window_popup.idf) .input_text, .input_calendar .duet-date__input{height:40px;font-size:1.7rem;border-radius:5px;padding:0 10px;}
:not(.window_popup.idf) .input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:1.7rem;}
:not(.window_popup.idf) .select{min-width:120px;height:40px;font-size:1.7rem;border-radius:5px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
.radio{width:16px;height:16px;margin:0 5px 0 0;}
.radio+label{font-size:1.7rem;}
.checkbox{width:18px;height:18px;margin:0 10px 0 0;border:2px solid #d8d8d8;}

59
src/main/webapp/kofair_case_seed/usr/style/index.css
View File

@ -6,6 +6,54 @@
.main .icon.arrow.right{width:9px;height:16px;background:url(/kofair_case_seed/usr/images/main/icon_slide_next.png) no-repeat center center;margin:0 0 0 3px;}
.main .footer .icon.arrow.right{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;margin:-3px 0 0 6px;}
/* 팝업 */
.popup_area{position:fixed;display:flex;width:100%;height:100%;flex-direction:column-reverse;justify-content:center;background:rgba(0,0,0,0.6);top:0;z-index:10;}
.popup_area .popup_slide{display:flex;width:calc(100% - 180px);max-width:1440px;margin:0 auto;align-items:center;gap:30px;}
.popup_area .swiper-wrapper{height:auto;align-items:center;}
.popup_area .popup_wrap{border:0px solid #2e40ba;border-radius:10px;overflow:hidden;}
.popup_area .img_area{display:flex;width:100%;background:#f4f5f7;justify-content:center;align-items:center;}
.popup_area .util_area{display:flex;width:100%;height:44px;font-size:16px;color:#666;padding:0 20px;background:#f4f5f7;justify-content:space-between;align-items:center;}
.popup_area .util_area span{display:flex;align-items:center;gap:6px;}
.popup_area input[type="checkbox"]{width:18px;height:18px;}
.popup_area .btn_close{width:44px;height:44px;}
.popup_area .btn_close i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;}
.popup_area .popup_navigation{position:absolute;display:flex;width:95%;height:100%;max-width:1560px;margin:0 auto;align-items:center;justify-content:space-between;left:50%;transform:translateX(-50%);}
.popup_area .popup_arrow{position:relative;width:30px;color:transparent;}
.popup_area .popup_arrow::after{position:absolute;content:"";width:30px;height:30px;border:8px solid #fff;}
.popup_area .popup_arrow:disabled{background:transparent !important;border:0 !important;}
.popup_area .popup_arrow:disabled::after{opacity:0.5;}
.popup_area .popup_prev::after{transform:rotate(135deg);border-top:0;border-left:0;}
.popup_area .popup_next::after{transform:rotate(135deg);border-bottom:0;border-right:0;left:-15px}
.popup_util {display:flex;width:calc(100% - 180px);max-width:1440px;margin:0 auto 20px auto;padding:0;justify-content:flex-end;z-index:5;}
.popup_util .popup_number{width:auto;font-size:1.8rem;color:#fff;margin:0 20px 0 0;}
.popup_util .index_number,.popup_util .swiper-pagination-current{font-size:2.4rem;font-weight:bold;color:#c4daff;}
.popup_util .btn_all_close,.popup_util .today_close{width:80px;height:36px;font-size:1.8rem;font-weight:400;color:#fff;background:rgba(0,0,0,0.4);border:1px solid #fff;border-radius:5px;;}
.popup_util .today_close{display:inline-flex;width:auto;padding:0 15px;margin:0 8px 0 0;align-items:center;}
.popup_util .today_close input[type="checkbox"]{width:20px;height:20px;margin:0 4px 0 0;}
/* .popup_area .popup_slide{display:flex;width:80%;max-width:1440px;margin:0 auto;align-items:center;gap:30px;}
.popup_area .slick-slide{margin:0 20px;}
.popup_area .slick-slide:not(.slick-current){position:relative;}
.popup_area .slick-slide:not(.slick-current)::after{position:absolute;content:"";width:100%;height:100%;background:rgba(0,0,0,0.6);left:0;top:0;}
.popup_area .slick-arrow{position:relative;width:30px;color:transparent;}
.popup_area .slick-arrow::after{position:absolute;content:"";width:30px;height:30px;border:8px solid #fff;}
.popup_area .slick-prev::after{transform:rotate(135deg);border-top:0;border-left:0;}
.popup_area .slick-next::after{transform:rotate(135deg);border-bottom:0;border-right:0;left:-15px} */
/*
.popup_area .popup_wrap{width:auto;height:auto;border:3px solid #2e40ba;flex-shrink:unset;}
.popup_area .img_area{display:flex;width:100%;background:#fff;justify-content:center;align-items:center;}
.popup_area .util_area{display:flex;width:100%;height:44px;font-size:16px;color:#666;padding:0 20px;background:#f4f5f7;justify-content:space-between;align-items:center;}
.popup_area .util_area span{display:flex;align-items:center;gap:6px;}
.popup_area input[type="checkbox"]{width:18px;height:18px;}
.popup_area .btn_close{width:44px;height:44px;}
.popup_area .btn_close i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;} */
/* //팝업 */
/* 바로가기 */
.visual{width:100%;padding:70px 0;background:url(/kofair_case_seed/usr/images/main/main_visual.jpg) no-repeat center center;text-align:center;background-size:cover;}
@ -144,6 +192,11 @@
/* ==================== 테블릿 ==================== */
@media screen and (max-width: 1199px){
/* popup */
.popup_area{flex-direction:column;}
.popup_area .swiper-wrapper{margin:0 auto;gap:0;}
.popup_util {margin:20px auto 0 auto;justify-content:center;}
.main .icon.arrow.left{width:60px;height:60px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_left_60.png) no-repeat center center;margin:0;}
.main .icon.pause{width:60px;height:60px;background:url(/kofair_case_seed/usr/images/component/icon_pause_60.png) no-repeat center center;margin:0;}
.main .icon.arrow.right,.main .footer .icon.arrow.right{width:60px;height:60px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right_60.png) no-repeat center center;margin:0;}
@ -210,6 +263,12 @@
/* ==================== 모바일 ==================== */
@media screen and (max-width: 767px){
.popup_area .popup_slide{width:calc(90% - 60px);}
.popup_area .slick-slide{margin:0 10px;}
.popup_util {display:block;text-align:center;margin:20px auto 0 auto;}
.popup_util .popup_number{margin:0 0 20px 0;}
.popup_util .btn_all_close, .popup_util .today_close{vertical-align:middle;}
.main .footer .icon.arrow.right{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;margin:-4px 0 0 6px;}
/* 비주얼 */

9
src/main/webapp/kofair_case_seed/usr/style/info.css
View File

@ -63,12 +63,14 @@
/* ==================== 테블릿 ==================== */
@media screen and (max-width: 1199px){
.news_service .text_explain{font-size:3.4rem;margin:80px 0;}
.news_service .gray_border.box .title{font-size:3.8rem;}
.news_service .box.gray_fill .input_box{justify-content:flex-start;}
.news_service .box.gray_fill li{display:flex;width:100%;flex-wrap:wrap;justify-content:flex-start;}
.news_service .box.gray_fill .apl_tit{width:120px;font-size:3.2rem;margin:15px 0 0 0;}
.news_service .box.gray_fill .input_text,.news_service .box.gray_fill .email_wrap{width:calc(100% - 140px);}
.news_service .box.gray_fill .email_wrap{gap:20px;}
.news_service .box.gray_fill .input_email.input_text{width:calc(100% - 70px);}
.news_service .box.gray_fill .input_text{height:80px;}
.news_service .box.gray_fill .input_email.input_text{width:calc(100% - 70px);height:80px;}
.news_service .box.gray_fill .input_email.input_text:nth-child(2){width:calc(100% - 315px);}
.news_service .box.gray_fill.agree_box{padding:40px;margin:80px 0;}
@ -106,11 +108,14 @@
/* ==================== 모바일 ==================== */
@media screen and (max-width: 767px){
.news_service .text_explain{margin:40px 0;font-size:1.7rem;}
.news_service .gray_border.box .title{font-size:1.9rem;}
.news_service .box.gray_fill.agree_box{padding:20px;margin:40px 0;}
.news_service .box.gray_fill .input_box{gap:15px;}
.news_service .box.gray_fill .apl_tit{width:70px;font-size:1.6rem;margin:7.5px 0 0 0;}
.news_service .box.gray_fill .input_text,.news_service .box.gray_fill .email_wrap{width:calc(100% - 80px);}
.news_service .box.gray_fill .email_wrap{gap:10px;}
.news_service .box.gray_fill .input_email.input_text{width:calc(100% - 35px);}
.news_service .box.gray_fill .input_text{height:40px;}
.news_service .box.gray_fill .input_email.input_text{width:calc(100% - 35px);height:40px;}
.news_service .box.gray_fill .email_select{width:190px;}
.news_service .box.gray_fill .input_email.input_text:nth-child(2){width:calc(100% - 200px);}

47
src/main/webapp/kofair_case_seed/usr/style/style.css
View File

@ -309,10 +309,10 @@
.sub_con_tit{font-size:5rem;margin:60px 0 0 0;}
.sub_con_sub_tit{font-size:3.4rem;margin:80px 0 ;}
.search_wrap{padding:60px;margin:80px 0;gap:20px;}
.search_wrap select[name=search_category],.search_wrap select[name=reservation_category]{width:100%;}
.search_wrap select[name=search_type]{width:180px;}
.search_wrap .input_text{width:calc(100% - 330px);}
.search_wrap .btn_search{width:110px;padding:0;}
:not(.window_popup.idf) .search_wrap select[name=search_category],.search_wrap select[name=reservation_category]{width:100%;}
:not(.window_popup.idf) .search_wrap select[name=search_type],.search_wrap select[name=searchType]{width:180px;}
:not(.window_popup.idf) .search_wrap .input_text{width:calc(100% - 290px);height:80px;}
:not(.window_popup.idf) .search_wrap .btn_search{width:110px;height:80px;padding:0;font-size:3.6rem;padding:0;}
.page a{font-size:3.4rem;}
.page a,.page .only_icon{width:80px;height:80px;border-radius:10px;}
@ -348,26 +348,26 @@
.mobile_view_table table thead th,.mobile_view_table table tbody td{height:100px;border-bottom:2px solid #d8d8d8;border-right:2px solid #d8d8d8;}
.mobile_view_table table tbody td{white-space:wrap;overflow:visible;text-overflow:unset;}
:not(".window_popup.idf") .table_type_rows table{font-size:3.4rem;margin:20px 0 0 0;border-top:4px solid #2e40ba;}
:not(".window_popup.idf") .table_type_rows colgroup{display:none;}
:not(".window_popup.idf") .table_type_rows table tr{display:flex;flex-wrap:wrap;}
:not(".window_popup.idf") .table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;width:100%;min-height:116px;height:auto;padding:15px 20px;align-items:center;}
:not(".window_popup.idf") .table_type_rows table tbody td.td_substance{height:auto;padding:15px;}
:not(".window_popup.idf") .table_type_rows table tbody th{padding:15px 45px;}
:not(.window_popup.idf) .table_type_rows table{font-size:3.4rem;margin:20px 0 0 0;border-top:4px solid #2e40ba;}
:not(.window_popup.idf) .table_type_rows colgroup{display:none;}
:not(.window_popup.idf) .table_type_rows table tr{display:flex;flex-wrap:wrap;}
:not(.window_popup.idf) .table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;width:100%;min-height:116px;height:auto;padding:15px 20px;align-items:center;}
:not(.window_popup.idf) .table_type_rows table tbody td.td_substance{height:auto;padding:15px;}
:not(.window_popup.idf) .table_type_rows table tbody th{padding:15px 45px;}
:not(".window_popup.idf") .table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);}
:not(.window_popup.idf) .table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);}
:not(".window_popup.idf") .table_type_rows table .phone_wrap{width:100%;}
:not(".window_popup.idf") .table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 20px);}
:not(.window_popup.idf) .table_type_rows table .phone_wrap{width:100%;}
:not(.window_popup.idf) .table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 20px);}
:not(".window_popup.idf") .table_type_rows table .email_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;}
:not(".window_popup.idf") .table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 80px);}
:not(".window_popup.idf") .table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;}
:not(".window_popup.idf") .table_type_rows table .email_wrap .email_select{width:calc(45% - 20px);}
:not(.window_popup.idf) .table_type_rows table .email_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;}
:not(.window_popup.idf) .table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 80px);}
:not(.window_popup.idf) .table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;}
:not(.window_popup.idf) .table_type_rows table .email_wrap .email_select{width:calc(45% - 20px);}
:not(".window_popup.idf") .table_type_rows table+.cf_text{margin:30px 0 0 0;}
:not(.window_popup.idf) .table_type_rows table+.cf_text{margin:30px 0 0 0;}
:not(".window_popup.idf") .scroll_table{overflow:auto;}
:not(.window_popup.idf) .scroll_table{overflow:auto;}
/* view */
@ -431,6 +431,7 @@
/* calendar */
.search_wrap li{width:100%;font-size:3.2rem;gap:20px;white-space:nowrap;}
.search_wrap li .select{width:100%;}
.search_wrap .calendar_term{width:calc(100% - 150px);}
.search_wrap .calendar_term .calendar{width:calc((100% - 50px)/2);}
.search_wrap .calendar_term .duet-date__input{font-size:3rem;}
@ -496,10 +497,10 @@
.sub_con_tit{font-size:2.5rem;margin:30px 0 0 0;}
.sub_con_sub_tit{font-size:1.7rem;margin:40px 0;}
.search_wrap{padding:30px;margin:40px 0;gap:10px;}
.search_wrap select[name=search_category]{width:100%;}
.search_wrap select[name=search_type]{width:90px;}
.search_wrap .input_text{width:calc(100% - 220px);}
.search_wrap .btn_search{width:80px;}
:not(.window_popup.idf) .search_wrap select[name=search_category]{width:100%;}
:not(.window_popup.idf) .search_wrap select[name=search_type],:not(.window_popup.idf) .search_wrap select[name=searchType]{width:90px;}
:not(.window_popup.idf) .search_wrap .input_text{width:calc(100% - 220px);height:40px;}
:not(.window_popup.idf) .search_wrap .btn_search{width:80px;height:40px;font-size:1.8rem;}
.page a, .page .only_icon,.page i{width:40px;height:40px;border-radius:5px;font-size:1.7rem;}
.page i{background-size:100% auto !important;}