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

2023/03/23 웹접근성 title, label, caption 수정

Browse Source
This commit is contained in:
subsub 2023-03-23 15:53:02 +09:00
parent 916a10f5b1
commit 7b5bda0a78
16 changed files with 178 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/acd/adjstChangeDateCreate.jsp
View File

@ -273,7 +273,7 @@
<p>연락처</p> <p>연락처</p>
</th> </th>
<td colspan="3"> <td colspan="3">
<label for="appChgPhone1" class="label">핸드폰 앞자리 입력</label><form:input path="appChgPhone1" id="appChgPhone1" size="15" cssClass="input_phone" maxLength="3" <label for="appChgPhone1" class="label">연락처 앞자리 입력</label><form:input path="appChgPhone1" id="appChgPhone1" size="15" cssClass="input_phone" maxLength="3"
oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
/> />
<!-- <!--
@ -287,10 +287,10 @@
<form:option value="019">019</form:option> <form:option value="019">019</form:option>
</form:select> </form:select>
--> -->
-<label for="appChgPhone2" class="label">핸드폰 가운데자리 입력</label><form:input path="appChgPhone2" id="appChgPhone2" size="15" cssClass="input_phone" maxLength="4" -<label for="appChgPhone2" class="label">연락처 가운데자리 입력</label><form:input path="appChgPhone2" id="appChgPhone2" size="15" cssClass="input_phone" maxLength="4"
oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
/> />
-<label for="appChgPhone3" class="label">핸드폰 마지막자리 입력</label><form:input path="appChgPhone3" id="appChgPhone3" size="15" cssClass="input_phone" maxLength="4" -<label for="appChgPhone3" class="label">연락처 마지막자리 입력</label><form:input path="appChgPhone3" id="appChgPhone3" size="15" cssClass="input_phone" maxLength="4"
oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
/> />
<form:hidden path="appChgPhone" id="appChgPhone" /> <form:hidden path="appChgPhone" id="appChgPhone" />
@ -302,7 +302,7 @@
<p>휴대전화</p> <p>휴대전화</p>
</th> </th>
<td colspan="3"> <td colspan="3">
<label for="appChgCelnum1" class="label">핸드폰 앞자리 입력</label><form:input path="appChgCelnum1" id="appChgCelnum1" size="15" cssClass="input_phone" maxLength="3" <label for="appChgCelnum1" class="label">휴대전화 앞자리 입력</label><form:input path="appChgCelnum1" id="appChgCelnum1" size="15" cssClass="input_phone" maxLength="3"
oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
/> />
<!-- <!--
@ -316,10 +316,10 @@
<form:option value="019">019</form:option> <form:option value="019">019</form:option>
</form:select> </form:select>
--> -->
-<label for="appChgCelnum2" class="label">핸드폰 가운데자리 입력</label><form:input path="appChgCelnum2" id="appChgCelnum2" size="15" cssClass="input_phone" maxLength="4" -<label for="appChgCelnum2" class="label">휴대전화 가운데자리 입력</label><form:input path="appChgCelnum2" id="appChgCelnum2" size="15" cssClass="input_phone" maxLength="4"
oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
/> />
-<label for="appChgCelnum3" class="label">핸드폰 마지막자리 입력</label><form:input path="appChgCelnum3" id="appChgCelnum3" size="15" cssClass="input_phone" maxLength="4" -<label for="appChgCelnum3" class="label">휴대전화 마지막자리 입력</label><form:input path="appChgCelnum3" id="appChgCelnum3" size="15" cssClass="input_phone" maxLength="4"
oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
/> />
<form:hidden path="appChgCelnum" id="appChgCelnum" /> <form:hidden path="appChgCelnum" id="appChgCelnum" />

2
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ai/adjstIncidentDetail.jsp
View File

@ -211,7 +211,7 @@
<div class="btn_wrap btn_layout03"> <div class="btn_wrap btn_layout03">
<div class="btn_left"></div> <div class="btn_left"></div>
<div class="btn_right"> <div class="btn_right">
<button type="button" class="btnType08" onclick="fncDetailPop(); return false;">상세정보</button> <button type="button" class="btnType08" onclick="fncDetailPop(); return false;" title="새창팝업 열림">상세정보</button>
</div> </div>
</div> </div>

5
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ai/popup/adjstIncidentDetailPop.jsp
View File

@ -33,6 +33,11 @@
<link rel="stylesheet" href="/kccadrPb/usr/css/reset.css"> <link rel="stylesheet" href="/kccadrPb/usr/css/reset.css">
<link rel="stylesheet" href="/kccadrPb/usr/css/common.css"> <link rel="stylesheet" href="/kccadrPb/usr/css/common.css">
<link rel="stylesheet" href="/kccadrPb/usr/css/popup.css"> <link rel="stylesheet" href="/kccadrPb/usr/css/popup.css">
<script src="/kccadrPb/usr/script/jquery-3.5.0.js"></script>
<script src="/kccadrPb/usr/script/content.js"></script>
<script src="/kccadrPb/usr/script/popup.js"></script>
<style> <style>
.btn_util button{width: 30px; height: 30px; border: 1px solid #bebebe; vertical-align: middle; background-repeat: no-repeat; background-position: center; } .btn_util button{width: 30px; height: 30px; border: 1px solid #bebebe; vertical-align: middle; background-repeat: no-repeat; background-position: center; }
.btn_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);} .btn_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);}

39
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/arc/corReqDetail.jsp
View File

@ -358,7 +358,7 @@ function fn_submit(){
<p>피신청인 이름</p> <p>피신청인 이름</p>
</th> </th>
<td> <td>
<input type="text" name="rpplNm_${status.index }" value="<c:out value="${item.rpplNm }" />" size="30"> <input type="text" name="rpplNm_${status.index }" value="<c:out value="${item.rpplNm }" />" size="30" title="피신청인 이름 입력">
</td> </td>
</tr> </tr>
<tr> <tr>
@ -370,14 +370,11 @@ function fn_submit(){
<p>주소</p> <p>주소</p>
</th> </th>
<td> <td>
<label for="" class="label">우편번호 입력</label> <input type="text" class="adr_input" placeholder="우편번호입력" title="우편번호 입력" readonly="readonly" name="rpplPost_${status.index }" id="rpplPost${status.index }" value="<c:out value="${item.rpplPost }" />">
<input type="text" class="adr_input" placeholder="우편번호입력" readonly="readonly" name="rpplPost_${status.index }" id="rpplPost${status.index }" value="<c:out value="${item.rpplPost }" />">
<button type="button" class="btnType01 btn_adr_search" onclick="fn_postCode(this);">우편번호 검색</button> <button type="button" class="btnType01 btn_adr_search" onclick="fn_postCode(this);">우편번호 검색</button>
<div class="detail_address"> <div class="detail_address">
<label for="" class="label">주소 입력</label> <input type="text" class="adr_detail_input searchResultAddr" placeholder="주소를 입력해주세요." title="주소 입력" readonly="readonly" name="rpplAddr_${status.index }" id="rpplAddr" value="<c:out value="${item.rpplAddr }" />" size="45">
<input type="text" class="adr_detail_input searchResultAddr" placeholder="주소를 입력해주세요." readonly="readonly" name="rpplAddr_${status.index }" id="rpplAddr" value="<c:out value="${item.rpplAddr }" />" size="45"> <input type="text" class="etc_detail_input usrInsertAddr" placeholder="상세주소를 입력해주세요." title="나머지주소 입력" name="rpplAddrDtl_${status.index }" id="rpplAddrDtl" value="<c:out value="${item.rpplAddrDtl }" />" size="25">
<label for="" class="label">나머지주소 입력</label>
<input type="text" class="etc_detail_input usrInsertAddr" placeholder="상세주소를 입력해주세요." name="rpplAddrDtl_${status.index }" id="rpplAddrDtl" value="<c:out value="${item.rpplAddrDtl }" />" size="25">
</div> </div>
</td> </td>
</tr> </tr>
@ -391,11 +388,9 @@ function fn_submit(){
</th> </th>
<td> <td>
<input type="hidden" name="rpplEmail_${status.index }" value="<c:out value="${item.rpplEmail }" />"> <input type="hidden" name="rpplEmail_${status.index }" value="<c:out value="${item.rpplEmail }" />">
<label for="" class="label">이메일아이디 입력</label> <input type="text" name="rpplEmail01" class="input_email" placeholder="이메일 입력" title="이메일 아이디 입력" size="20" value="<c:out value="${item.rpplEmail01 }" />" onkeyup="onlyAlphabetNumberEmail(this)">
<input type="text" name="rpplEmail01" class="input_email" placeholder="이메일 입력" size="20" value="<c:out value="${item.rpplEmail01 }" />" onkeyup="onlyAlphabetNumberEmail(this)"> <input type="text" name="rpplEmail02" class="input_email" placeholder="예) naver.com" title="이메일 공급자 입력" size="20" value="<c:out value="${item.rpplEmail02 }" />" onkeyup="onlyAlphabetNumberEmail(this)">
@ <label for="" class="label">이메일공급자 입력</label> <label for="rpplEmail03" class="label">이메일공급자 선택</label>
<input type="text" name="rpplEmail02" class="input_email" placeholder="예) naver.com" size="20" value="<c:out value="${item.rpplEmail02 }" />" onkeyup="onlyAlphabetNumberEmail(this)">
<label for="" class="label">이메일공급자 선택</label>
<%-- <select name="rpplEmail03" onchange="emailSelect(this);" class="email_select"> <%-- <select name="rpplEmail03" onchange="emailSelect(this);" class="email_select">
<option value="">직접입력</option> <option value="">직접입력</option>
<option <c:if test="${item.rpplEmail02=='naver.com' }">selected="selected"</c:if> value="naver.com">naver.com</option> <option <c:if test="${item.rpplEmail02=='naver.com' }">selected="selected"</c:if> value="naver.com">naver.com</option>
@ -424,19 +419,17 @@ function fn_submit(){
<p>연락처</p> <p>연락처</p>
</th> </th>
<td> <td>
<label for="" class="label">핸드폰 앞자리 선택</label> <select name="rpplPhone01" class="phone_first" title="핸드폰 앞자리 선택">
<select name="rpplPhone01" class="phone_first">
<option <c:if test="${item.rpplPhone01=='010' }">selected="selected"</c:if> value="010">010</option> <option <c:if test="${item.rpplPhone01=='010' }">selected="selected"</c:if> value="010">010</option>
<option <c:if test="${item.rpplPhone01=='011' }">selected="selected"</c:if> value="011">011</option> <option <c:if test="${item.rpplPhone01=='011' }">selected="selected"</c:if> value="011">011</option>
<option <c:if test="${item.rpplPhone01=='016' }">selected="selected"</c:if> value="016">016</option> <option <c:if test="${item.rpplPhone01=='016' }">selected="selected"</c:if> value="016">016</option>
<option <c:if test="${item.rpplPhone01=='017' }">selected="selected"</c:if> value="017">017</option> <option <c:if test="${item.rpplPhone01=='017' }">selected="selected"</c:if> value="017">017</option>
<option <c:if test="${item.rpplPhone01=='018' }">selected="selected"</c:if> value="018">018</option> <option <c:if test="${item.rpplPhone01=='018' }">selected="selected"</c:if> value="018">018</option>
<option <c:if test="${item.rpplPhone01=='019' }">selected="selected"</c:if> value="019">019</option> <option <c:if test="${item.rpplPhone01=='019' }">selected="selected"</c:if> value="019">019</option>
</select> </select>-
- <label for="" class="label">핸드폰 가운데자리 입력</label> <input class="input_phone" placeholder="연락처 입력" title="핸드폰 가운데자리 입력" type="text" size="15" maxlength="4" name="rpplPhone02" value="<c:out value="${item.rpplPhone02 }" />" onkeyup="onlyNumber(this)">
<input class="input_phone" placeholder="연락처 입력" type="text" size="15" maxlength="4" name="rpplPhone02" value="<c:out value="${item.rpplPhone02 }" />" onkeyup="onlyNumber(this)"> -
- <label for="" class="label">핸드폰 마지막자리 입력</label> <input class="input_phone" placeholder="연락처 입력" title="핸드폰 마지막자리 입력" type="text" size="15" maxlength="4" name="rpplPhone03" value="<c:out value="${item.rpplPhone03 }" />" onkeyup="onlyNumber(this)">
<input class="input_phone" placeholder="연락처 입력" type="text" size="15" maxlength="4" name="rpplPhone03" value="<c:out value="${item.rpplPhone03 }" />" onkeyup="onlyNumber(this)">
<input type="hidden" name="rpplPhone_${status.index }" value="<c:out value="${item.rpplPhone }" />"> <input type="hidden" name="rpplPhone_${status.index }" value="<c:out value="${item.rpplPhone }" />">
</td> </td>
</tr> </tr>
@ -445,8 +438,8 @@ function fn_submit(){
<p>경정취지</p> <p>경정취지</p>
</th> </th>
<td> <td>
<label for="" class="label">경정취지 입력</label> <label for="rpplChgCn1" class="label">경정취지 입력</label>
<textarea name="rpplChgCn1_${status.index }"><c:out value="${item.rpplChgCn1 }" /></textarea> <textarea name="rpplChgCn1_${status.index }" id="rpplChgCn1"><c:out value="${item.rpplChgCn1 }" /></textarea>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -454,8 +447,8 @@ function fn_submit(){
<p>경정이유</p> <p>경정이유</p>
</th> </th>
<td> <td>
<label for="" class="label">경정이유 입력</label> <label for="rpplChgCn2" class="label">경정이유 입력</label>
<textarea name="rpplChgCn2_${status.index }"><c:out value="${item.rpplChgCn2 }" /></textarea> <textarea name="rpplChgCn2_${status.index }" id="rpplChgCn2"><c:out value="${item.rpplChgCn2 }" /></textarea>
</td> </td>
</tr> </tr>
</tbody> </tbody>

2
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/arc/oadDetail.jsp
View File

@ -29,7 +29,7 @@ function fncGoDetail(adrSeq, adrSn){
<div class="cont_wrap sub02_1" id="sub"> <div class="cont_wrap sub02_1" id="sub">
<div class="inner"> <div class="inner">
<h2 class="cont_tit">직권조정결정서 상세</h2> <div class="cont_tit"><h2>직권조정결정서 상세</h2></div>
<div class="tb_wrap"> <div class="tb_wrap">
<table class="tbType01"> <table class="tbType01">
<colgroup> <colgroup>

2
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ars/tab/adjstReqStatusTabDetail.jsp
View File

@ -607,7 +607,7 @@ resInfo--%>
</div> </div>
<div class="btn_right"> <div class="btn_right">
<c:if test="${master.statCd*1 gt 200000 or master.statCd eq '101050'}"> <c:if test="${master.statCd*1 gt 200000 or master.statCd eq '101050'}">
<button class="btnType11 btn_list" onclick="fn_adjstReq_receipt_report(); return false;">접수증</button> <button class="btnType11 btn_list" onclick="fn_adjstReq_receipt_report(); return false;" title="새창열림">접수증</button>
</c:if> </c:if>
<button class="btnType11 btn_list" onclick="fncGoList(); return false;">목록</button> <button class="btnType11 btn_list" onclick="fncGoList(); return false;">목록</button>
</div> </div>

4
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ars/tab/adjstReqStatusTabNormal.jsp
View File

@ -615,7 +615,7 @@
<form:form commandName="adjstIncidentVO" id="popCreateForm" name="popCreateForm" method="post" onsubmit="return false;"> <form:form commandName="adjstIncidentVO" id="popCreateForm" name="popCreateForm" method="post" onsubmit="return false;">
<table class="tbType02"> <table class="tbType02">
<caption>조정진행 상세 - 조정기록 : 일자, 등록인, 문건명, 상대방 공개여부 등 정보제공</caption> <caption>조정진행 상세 - 조정기록 : 번호, 일자, 등록인, 문건명, 상대방 공개여부 등 정보제공</caption>
<colgroup> <colgroup>
<col style="width: 10%;"> <col style="width: 10%;">
<col style="width: 10%;"> <col style="width: 10%;">
@ -681,7 +681,7 @@
<div class="btn_right"> <div class="btn_right">
<c:if test="${masterInfo.statCd*1 gt 101050}"> <c:if test="${masterInfo.statCd*1 gt 101050}">
<button class="btnType11 btn_list" onclick="fnc_view_step_1_popup(); return false;">문서보기</button> <button class="btnType11 btn_list" onclick="fnc_view_step_1_popup(); return false;" title="팝업열림">문서보기</button>
<button class="btnType11 btn_list" onclick="fnc_view_download_step_1(); return false;">선택다운로드</button> <button class="btnType11 btn_list" onclick="fnc_view_download_step_1(); return false;">선택다운로드</button>
</c:if> </c:if>

1
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ars/tab/docIssReqList.jsp
View File

@ -182,6 +182,7 @@
<input type="text" class="searchStartDt startDate inp" title="검색시작일" id="searchStartDt" name="searchStartDt" onclick="return calendarOpen('searchStartDt-lry','',this)" onfocus="return calendarOpen('searchStartDt-lry','',this)" value="${adrRecordReadingVO.searchStartDt}" data-datecontrol="true" readonly="readonly" onkeyup="this.value = date_mask(this.value)" maxlength="10"> <input type="text" class="searchStartDt startDate inp" title="검색시작일" id="searchStartDt" name="searchStartDt" onclick="return calendarOpen('searchStartDt-lry','',this)" onfocus="return calendarOpen('searchStartDt-lry','',this)" value="${adrRecordReadingVO.searchStartDt}" data-datecontrol="true" readonly="readonly" onkeyup="this.value = date_mask(this.value)" maxlength="10">
<button type="button" title="달력 팝업 열기" class="btn_start btn_cal" onclick="return calendarOpen('searchStartDt-lry','',this)"><i></i></button> <button type="button" title="달력 팝업 열기" class="btn_start btn_cal" onclick="return calendarOpen('searchStartDt-lry','',this)"><i></i></button>
</div> </div>
~
<div class="calendar_wrap"> <div class="calendar_wrap">
<input type="text" class="searchEndDt endDate inp" title="검색종료일" id="searchEndDt" name="searchEndDt" onclick="return calendarOpen2('searchEndDt-lry','',this)" onfocus="return calendarOpen2('searchEndDt-lry','',this)" value="${adrRecordReadingVO.searchEndDt}" data-datecontrol="true" readonly="readonly" onkeyup="this.value = date_mask(this.value)" maxlength="10"> <input type="text" class="searchEndDt endDate inp" title="검색종료일" id="searchEndDt" name="searchEndDt" onclick="return calendarOpen2('searchEndDt-lry','',this)" onfocus="return calendarOpen2('searchEndDt-lry','',this)" value="${adrRecordReadingVO.searchEndDt}" data-datecontrol="true" readonly="readonly" onkeyup="this.value = date_mask(this.value)" maxlength="10">
<button type="button" title="달력 팝업 열기" class="btn_end btn_cal" onclick="return calendarOpen2('searchEndDt-lry','',this)"><i></i></button> <button type="button" title="달력 팝업 열기" class="btn_end btn_cal" onclick="return calendarOpen2('searchEndDt-lry','',this)"><i></i></button>

1
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ars/tab/docIssReqRegist.jsp
View File

@ -223,6 +223,7 @@
<p>발급부수</p> <p>발급부수</p>
</th> </th>
<td> <td>
<label for="authQntty" class="label">발급부수 입력</label>
<input type="number" name="authQntty" id="authQntty" min="1"> <input type="number" name="authQntty" id="authQntty" min="1">
<span>통</span> <span>통</span>
</td> </td>

2
src/main/webapp/WEB-INF/jsp/web/kccadr/adjst/popup/adjstReqOpenExamplePop.jsp
View File

@ -80,7 +80,7 @@ function addText(obj, exmpCd){
</div> </div>
<div class="work_cont"> <div class="work_cont">
<div class="text"> <div class="text">
<a href="javascript:;" onclick="addText(this, '${exmpCd}'); return false;"><c:out value="${list.exmpCn}"/></a> <a href="javascript:;" onclick="addText(this, '${exmpCd}'); return false;" title="신청취지 입력"><c:out value="${list.exmpCn}"/></a>
</div> </div>
</div> </div>
</div> </div>

2
src/main/webapp/WEB-INF/jsp/web/kccadr/adjst/popup/adjstReqOpenExamplePop2.jsp
View File

@ -80,7 +80,7 @@ $(document).ready(function(){
</table> </table>
<div class="btn_wrap"> <div class="btn_wrap">
<!-- <button class="btnType01 tooltip-close" data-focus="fee_info_popup_close" data-focus-next="fee_info_popup">닫기</button> --> <!-- <button class="btnType01 tooltip-close" data-focus="fee_info_popup_close" data-focus-next="fee_info_popup">닫기</button> -->
<button class="btnType01 tooltip-close" id="redBtn">사용</button> <button class="btnType01 tooltip-close" id="redBtn" data-focus-next="fee_info_popup">사용</button>
</div> </div>
</div> </div>
</div> </div>

2
src/main/webapp/kccadrPb/usr/css/common.css
View File

@ -5,7 +5,7 @@
/* header */ /* header */
header{width: 100%; height: 135px; position: fixed; top: 0; left: 0; transition: height .3s ease-in-out, background-color .3s ease-in-out, margin .3s ease-in-out; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #d5d5d5; z-index: 21; background-color: #fff;} header{width: 100%; height: 135px; position: fixed; top: 0; left: 0; transition: height .3s ease-in-out, background-color .3s ease-in-out, margin .3s ease-in-out; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #d5d5d5; z-index: 21; background-color: #fff;}
header.on{height: 520px; background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);} header.on{height: 400px; background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
header::before{position: absolute; content: " "; display: block; top: 135px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .2s ease-in-out;} header::before{position: absolute; content: " "; display: block; top: 135px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .2s ease-in-out;}
header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 135px; left: 0; opacity: 0; transition: opacity .2s ease-in-out;} header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 135px; left: 0; opacity: 0; transition: opacity .2s ease-in-out;}
header.on::after{top: 135px; opacity: 1;} header.on::after{top: 135px; opacity: 1;}

8
src/main/webapp/kccadrPb/usr/css/content.css
View File

@ -60,7 +60,7 @@
.hover_content_wrap {position:relative;} .hover_content_wrap {position:relative;}
.hover_content_wrap .hover_content_box {display:none;position:absolute;left:0;top:30px;width:370px;padding:15px 20px;font-size:16px;line-height:24px;color:#fff;background:#000;border-radius:5px;box-sizing:border-box;z-index:1;} .hover_content_wrap .hover_content_box {display:none;position:absolute;left:0;top:30px;width:370px;padding:15px 20px;font-size:16px;line-height:24px;color:#fff;background:#000;border-radius:5px;box-sizing:border-box;z-index:1;}
.hover_content_wrap .hover_content_box:after {content:'';position:absolute;left:57px;top:-18px;width:26px;height:18px;background:url(/kccadrPb/usr/image/icon_hover_arrow.png) no-repeat left top;} .hover_content_wrap .hover_content_box:after {content:'';position:absolute;left:57px;top:-18px;width:26px;height:18px;background:url(/kccadrPb/usr/image/icon_hover_arrow.png) no-repeat left top;}
.hover_content_wrap:hover .hover_content_box {display:block;} .hover_content_wrap:hover .hover_content_box,.hover_content_wrap a:focus+.hover_content_box {display:block;}
/* //서브 공통 */ /* //서브 공통 */
/* 로그인 */ /* 로그인 */
@ -415,7 +415,8 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
.sub02_1 .choice_person ul {display:flex;justify-content:center;align-items:center;width:75%;margin:0 auto;} .sub02_1 .choice_person ul {display:flex;justify-content:center;align-items:center;width:75%;margin:0 auto;}
.sub02_1 .choice_person ul li {position:relative;width:calc(100%/3);height:231px;text-align:center;border:0 none;margin-right:30px;box-sizing:border-box;} .sub02_1 .choice_person ul li {position:relative;width:calc(100%/3);height:231px;text-align:center;border:0 none;margin-right:30px;box-sizing:border-box;}
.sub02_1 .choice_person ul li input[type=radio] {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;filter:opacity(0);} .sub02_1 .choice_person ul li input[type=radio] {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;filter:opacity(0);}
.sub02_1 .choice_person ul li input[type=radio] + label {position:relative;display:block;width:100%;height:100%;padding:40px 0 0;font-size:20px;font-weight:500;line-height:29px;color:#222;border:1px solid #d5d5d5;border-radius:5px;box-sizing:border-box;z-index:1;cursor:pointer;transition:all 0.3s ease-in-out;} .sub02_1 .choice_person ul li input[type=radio] + label {position:relative;display:block;width:100%;height:100%;padding:40px 0 0;font-size:20px;font-weight:500;line-height:29px;color:#222;border:1px solid #d5d5d5;border-radius:5px;box-sizing:border-box;z-index:1;cursor:pointer;transition:all 0.3s ease-in-out;overflow:visible;}
.sub02_1 .choice_person ul li input[type=radio]:focus + label::after{position:absolute;content:"";width:calc(100% + 2px);height:calc(100% + 2px);border:2px solid #000;border-radius:10px;left:-2.5px;top:-2.5px;}
.sub02_1 .choice_person ul li input[type=radio] + label i {display:block;width:100px;height:100px;margin:0 auto 20px;background:url(/kccadrPb/usr/image/icon_sub02_1_08.png) #f0f2f5 no-repeat center center;border-radius:100px;} .sub02_1 .choice_person ul li input[type=radio] + label i {display:block;width:100px;height:100px;margin:0 auto 20px;background:url(/kccadrPb/usr/image/icon_sub02_1_08.png) #f0f2f5 no-repeat center center;border-radius:100px;}
.sub02_1 .choice_person ul li:nth-child(2) input[type=radio] + label i {margin-bottom:0;background-image:url(/kccadrPb/usr/image/icon_sub02_1_09.png);background-position:center center;} .sub02_1 .choice_person ul li:nth-child(2) input[type=radio] + label i {margin-bottom:0;background-image:url(/kccadrPb/usr/image/icon_sub02_1_09.png);background-position:center center;}
.sub02_1 .choice_person ul li:last-child {margin-right:0;} .sub02_1 .choice_person ul li:last-child {margin-right:0;}
@ -455,6 +456,7 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
.status_detail .step.step05 i{background-image: url(/kccadrPb/usr/image/icon_sub_prc05.png);} .status_detail .step.step05 i{background-image: url(/kccadrPb/usr/image/icon_sub_prc05.png);}
.status_detail .step p{font-size: 14px;} .status_detail .step p{font-size: 14px;}
.status_detail .step span{font-size: 18px; margin-top: 5px;} .status_detail .step span{font-size: 18px; margin-top: 5px;}
.status_detail .step.hover_content_wrap:hover .hover_content_box{display: none !important;} /* 웹접근성 심사 끝나면 지우기 */
.step_wrap .step i.next{position: absolute; right: -14px; top: 52%; transform: translateY(-50%); width: 24px; height: 24px; background-color: #fff; border: 1px solid #d5d5d5; z-index: 1; color: transparent; background-image: url(/kccadrPb/usr/image/icon_step_next.png); background-repeat: no-repeat; background-position: 59% center; margin-right: 0;} .step_wrap .step i.next{position: absolute; right: -14px; top: 52%; transform: translateY(-50%); width: 24px; height: 24px; background-color: #fff; border: 1px solid #d5d5d5; z-index: 1; color: transparent; background-image: url(/kccadrPb/usr/image/icon_step_next.png); background-repeat: no-repeat; background-position: 59% center; margin-right: 0;}
.step_wrap .step:last-child .next{display: none;} .step_wrap .step:last-child .next{display: none;}
@ -742,7 +744,7 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
.popup_wrap .work_flow_wrap .work_cont dl:first-child dt {margin:0;} .popup_wrap .work_flow_wrap .work_cont dl:first-child dt {margin:0;}
.popup_wrap .work_flow_wrap .work_cont .text {line-height:24px;} .popup_wrap .work_flow_wrap .work_cont .text {line-height:24px;}
.popup_wrap .work_flow_wrap .work_cont .text span {color:#d43403;} .popup_wrap .work_flow_wrap .work_cont .text span {color:#d43403;}
.popup_wrap .work_flow_wrap.off .work_cont {height:0;padding:0 15px;} .popup_wrap .work_flow_wrap.off .work_cont {display:none;height:0;padding:0 15px;}
/* //워크플로우 */ /* //워크플로우 */
/* 자주쓰는 의견 목록 fixed 버튼 */ /* 자주쓰는 의견 목록 fixed 버튼 */

61
src/main/webapp/kccadrPb/usr/script/content.js
View File

@ -1,6 +1,7 @@
$(document).ready(function () { $(document).ready(function () {
boardCaptionToggle(); boardCaptionToggle();
boardCaptionToggle02();
/* snb 열림·닫힘 */ /* snb 열림·닫힘 */
$(".snb_depth").slideUp(0); $(".snb_depth").slideUp(0);
@ -274,7 +275,64 @@ function boardCaptionToggle() {
} else { } else {
$(".tb_list01 caption").remove(); $(".tb_list01 caption").remove();
} }
}
function boardCaptionToggle02(){
var bdWid = $("body").width();
if (bdWid > 640) {
var subTit = $(".cont_tit h2").text();
var itmText = "";
$(".tbType01").each(function(idx,tb){
var thLength = $(tb).find("tbody>tr>th").length;
$(tb).find("tbody>tr>th").each(function(index,item){
itmText += $(item).text();
if (index === thLength - 1) {
//마지막 th일 경우 - ,가 들어가면 안됨.
itmText;
} else {
itmText += ", ";
}
});
if($(tb).prev(".tb_top").length == 1){
var subTit2 = $(tb).prev(".tb_top").find("p").text();
if($(tb).find("input,select").length > 0){
if($(tb).children("caption").length == 0){
$(tb).prepend("<caption>"+subTit2 + " : " + itmText + "등의 정보입력</caption>");
}else{
$(tb).children("caption").text(subTit2 + " : " + itmText + "등의 정보입력");
}
}
else{
if($(tb).children("caption").length == 0){
$(tb).prepend("<caption>"+subTit2 + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit2 + " : " + itmText + "등의 정보제공");
}
}
}else{
if($(tb).find("input,select,textarea").length > 0){
if($(tb).children("caption").length == 0){
$(tb).prepend("<caption>"+subTit + " : " + itmText + "등의 정보입력</caption>");
}else{
$(tb).children("caption").text(subTit + " : " + itmText + "등의 정보입력");
}
}
else{
if($(tb).children("caption").length == 0){
$(tb).prepend("<caption>"+subTit + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit + " : " + itmText + "등의 정보제공");
}
}
}
itmText = "";
});
} else {
$(".tbType01 caption").remove();
}
} }
/* resize 끝나고 */ /* resize 끝나고 */
@ -289,6 +347,7 @@ $(window).resize(function () {
$(window).on("resizeEnd", function () { $(window).on("resizeEnd", function () {
boardCaptionToggle(); boardCaptionToggle();
boardCaptionToggle02();
}); });
/*//resize 끝나고 */ /*//resize 끝나고 */

10
src/main/webapp/kccadrPb/usr/script/main.js
View File

@ -39,6 +39,16 @@ $(document).ready(function () {
$(".mask").fadeOut(100); $(".mask").fadeOut(100);
$(".baro_cont a").removeClass("on"); $(".baro_cont a").removeClass("on");
}); });
// 웹접근성 - 포커스 시 자동 멈춤
$(".pz_list .swiper-slide>a").on("focusin", function () {
pz_slide.autoplay.stop();
});
// 웹접근성 - 포커스아웃 시 자동
$(".pz_list .swiper-slide>a").on("focusout", function () {
pz_slide.autoplay.start();
});
}); });
function main_visual() { function main_visual() {

67
src/main/webapp/kccadrPb/usr/script/popup.js
View File

@ -82,4 +82,69 @@ function tooltip() {
$(document).ready(function () { $(document).ready(function () {
tooltip(); tooltip();
accessibilityFocus(); accessibilityFocus();
}) popupboardCaptionToggle();
});
function popupboardCaptionToggle(){
var bdWid = $("body").width();
if (bdWid > 640) {
var subTit = $(".tb_tit_wrap p").text();
var itmText = "";
$(".popup_tbType01").each(function(idx,tb){
var thLength = $(tb).find("tbody>tr>th").length;
$(tb).find("tbody>tr>th").each(function(index,item){
itmText += $(item).text();
if (index === thLength - 1) {
//마지막 th일 경우 - ,가 들어가면 안됨.
itmText;
} else {
itmText += ", ";
}
});
if($(tb).prev(".tb_tit_wrap").length == 1){
// title에 div로 감싸져있는 경우
if($(tb).children("caption").length == 0){
// caption 없을 경우
$(tb).prepend("<caption>"+subTit + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit + " : " + itmText + "등의 정보제공");
}
}else if($(tb).prev(".cont_tit02").length == 1){
var subTit2 = $(tb).prev(".cont_tit02").text();
if($(tb).children("caption").length == 0){
// caption 없을 경우
$(tb).prepend("<caption>"+subTit2 + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit2 + " : " + itmText + "등의 정보제공");
}
}else if($(tb).prev(".tb_tit_wrap").length == 0 && $(tb).prev(".cont_tit02").length == 0){
if($(tb).children("caption").length == 0){
// caption 없을 경우
$(tb).prepend("<caption>"+itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(itmText + "등의 정보제공");
}
}else{}
/*if($(tb).prev(".tb_tit_wrap").length == 1){
if($(tb).children("caption").length == 0){
$(tb).prepend("<caption>"+subTit + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit2 + " : " + itmText + "등의 정보제공");
}
}else{
if($(tb).children("caption").length == 0){
$(tb).prepend("<caption>"+subTit + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit + " : " + itmText + "등의 정보제공");
}
}*/
itmText = "";
});
} else {
$(".tbType01 caption").remove();
}
}