버튼 클래스 변경, 파일테이블 클래스 변경, 검색영역 체크박스 레이아웃 수정, 왼쪽 메뉴 로고 수정, 대상자 엑셀 업로드 레이아웃
수정
This commit is contained in:
subsub
parent
be837d08b6
commit
d3375bed28
@ -41,7 +41,7 @@ $( document).ready(function() {
|
||||
<div class="area_left">
|
||||
<h1 class="logo">
|
||||
<a href="${pageContext.request.contextPath}/cmm/main/mainPage.do">
|
||||
<img src="${pageContext.request.contextPath}/kccadrPb/adm/image/common/logo.png" alt="한국지식재산보호원 KOREA COPYRIGHT COMMISSION">
|
||||
<img src="${pageContext.request.contextPath}/visitEdu/adm/publish/image/common/logo_white.png" alt="한국지식재산보호원 KOREA COPYRIGHT COMMISSION">
|
||||
</a>
|
||||
</h1>
|
||||
<nav class="menu">
|
||||
|
||||
@ -317,7 +317,7 @@
|
||||
</tr>
|
||||
</c:forEach>
|
||||
<c:if test="${empty resultList}">
|
||||
<tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
|
||||
<tr><td colspan="8"><spring:message code="common.nodata.msg" /></td></tr>
|
||||
</c:if>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -326,7 +326,7 @@
|
||||
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
<button type="button" class="btn_down_excel excel_btn" onclick="excelDownLoad();">엑셀 다운로드</button>
|
||||
<button type="button" class="btn_down_excel excel_btn lg btn" onclick="excelDownLoad();">엑셀 다운로드</button>
|
||||
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
|
||||
@ -287,7 +287,7 @@
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type02" onclick="fncSave(); return false;">저장</button>
|
||||
<button type="button" class="btn_type01" onclick="fncSave(); return false;">저장</button>
|
||||
<button type="button" class="btn_type03" onclick="fncGoList(); return false;">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -307,9 +307,15 @@
|
||||
</th>
|
||||
<td class="upload_area" colspan="3">
|
||||
<!-- <input type="text" id="fileNm" size="30" class="file_input" readonly> --><!-- <button type="button" class="btnType01 btn_add_file">파일 첨부하기</button> -->
|
||||
<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
|
||||
<button type="button" id="filebutton" class="btn_type01">파일 첨부하기</button>
|
||||
<p style="padding-left:30px;">첨부파일 가능 용량은 20MB입니다. </p><!-- <p style="color:red;font-weight:500">업로드 순서는 1.신청서 2.안내문 입니다.</p> -->
|
||||
<div class="file_top">
|
||||
<div class="left_area">
|
||||
<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
|
||||
<button type="button" id="filebutton" class="btn_type01 btn line blue md">파일 첨부하기</button>
|
||||
</div>
|
||||
|
||||
<p class="cf_text2" style="padding-left:30px;">첨부파일 가능 용량은 20MB입니다. </p><!-- <p style="color:red;font-weight:500">업로드 순서는 1.신청서 2.안내문 입니다.</p> -->
|
||||
</div>
|
||||
|
||||
<div class="file_wrap file_upload_box no_img_box">
|
||||
<table class="tbType02">
|
||||
<caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
|
||||
@ -392,7 +398,7 @@
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type02" onclick="fncSave(); return false;">저장</button>
|
||||
<button type="button" class="btn_type01" onclick="fncSave(); return false;">저장</button>
|
||||
<button type="button" class="btn_type03" onclick="fncGoList(); return false;">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -163,12 +163,12 @@
|
||||
<!-- btn_wrap -->
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
<button type="button" class="btn_type02" onclick="fncDel(); return false;">삭제</button>
|
||||
<button type="button" class="btn_type07" onclick="fncDel(); return false;">삭제</button>
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type02" onclick="fncMdfy(); return false;">수정</button>
|
||||
<button type="button" class="btn_type01" onclick="fncMdfy(); return false;">수정</button>
|
||||
<button type="button" class="btn_type03" onclick="fncGoList(); return false;">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -237,7 +237,7 @@
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type02" onclick="fncSave(); return false;">저장</button>
|
||||
<button type="button" class="btn_type01" onclick="fncSave(); return false;">저장</button>
|
||||
<button type="button" class="btn_type03" onclick="fncGoList(); return false;">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
<script type="text/javaScript" language="javascript">
|
||||
|
||||
$(document).ready(function() {
|
||||
$(".btn_type01").on('click', function(){
|
||||
$(".btn_type06").on('click', function(){
|
||||
$("#file_temp").click();
|
||||
});
|
||||
});
|
||||
@ -93,20 +93,14 @@
|
||||
|
||||
<form:form id="createForm" name="createForm" method="post" commandName="vEEduAplctVO" onsubmit="return false;">
|
||||
|
||||
<!-- cont_tit -->
|
||||
<div class="cont_tit">
|
||||
<h2>대상자 엑셀 업로드</h2>
|
||||
<!-- <ul class="cont_nav"> -->
|
||||
<!-- <li class="home"><a href="/"><i></i></a></li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <p>조건부기소유예관리</p> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li><span class="cur_nav">대상자 목록</span></li> -->
|
||||
<!-- <li><span class="cur_nav">대상자 등록</span></li> -->
|
||||
<!-- </ul> -->
|
||||
</div>
|
||||
|
||||
<div class="area_popup">
|
||||
<div class="cont_popup">
|
||||
<!-- cont_tit -->
|
||||
<div class="pop_tb_tit01">
|
||||
<p>대상자 엑셀 업로드</p>
|
||||
</div>
|
||||
<!-- //cont_tit -->
|
||||
<table class="pop_tb_type02">
|
||||
<colgroup>
|
||||
<col style="width: 140px;">
|
||||
@ -120,11 +114,15 @@
|
||||
<p class="req_text"><span>필수입력 항목</span>*</p>
|
||||
<p>첨부파일</p>
|
||||
</th>
|
||||
<td class="upload_area" colspan="3">
|
||||
<td class="upload_area" style="padding:10px;" colspan="3">
|
||||
<!-- <input type="text" id="fileNm" size="30" class="file_input" readonly> --><!-- <button type="button" class="btnType01 btn_add_file">파일 첨부하기</button> -->
|
||||
<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
|
||||
<button type="button" id="filebutton" class="btn_type01">파일 첨부하기</button>
|
||||
<p style="padding-left:30px;">첨부파일 가능 용량은 20MB입니다. </p><!-- <p style="color:red;font-weight:500">업로드 순서는 1.신청서 2.안내문 입니다.</p> -->
|
||||
<div class="file_top">
|
||||
<div class="left_area">
|
||||
<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
|
||||
<button type="button" id="filebutton" class="btn_type06">파일 첨부하기</button>
|
||||
</div>
|
||||
<p class="cf_text2" style="padding-left:30px;">첨부파일 가능 용량은 20MB입니다. </p><!-- <p style="color:red;font-weight:500">업로드 순서는 1.신청서 2.안내문 입니다.</p> -->
|
||||
</div>
|
||||
<div class="file_wrap file_upload_box no_img_box">
|
||||
<table class="tbType02">
|
||||
<caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
|
||||
|
||||
@ -326,7 +326,7 @@
|
||||
<button type="button" class="btn_type04" id="newInsert" onclick="fncCreate(); return false;">신규등록</button>
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type02" id="duplChk" onclick="fn_duplChk(); return false;">중복확인</button>
|
||||
<button type="button" class="btn_type06" id="duplChk" onclick="fn_duplChk(); return false;">중복확인</button>
|
||||
<button type="button" class="btn_type03" onclick="fncGoList(); return false;">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
input:read-only{
|
||||
background-color: #ededed;
|
||||
}
|
||||
button.memoBtn{
|
||||
/* button.memoBtn{
|
||||
height: 40px;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
@ -45,7 +45,8 @@
|
||||
border: 1px solid #888;
|
||||
background-color: #131de14a;
|
||||
color: #888;
|
||||
}
|
||||
} */
|
||||
.check_wrap label,.tb_type02 .radio_wrap label{margin:0;}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
|
||||
@ -629,7 +630,7 @@
|
||||
</div>
|
||||
<div class="util_right">
|
||||
<div id="calendar">
|
||||
의뢰일:<div class="calendar_wrap">
|
||||
의뢰일: <div class="calendar_wrap">
|
||||
<input type="text" class="calendar" placeholder="시작일" title="시작일 선택" id="searchSmbtStartDt" name="searchSmbtStartDt" value="${cndtnTrgtInfoMngVO.searchSmbtStartDt}">
|
||||
</div>
|
||||
~
|
||||
@ -647,7 +648,9 @@
|
||||
<div class="util_right">
|
||||
<ve:select codeId="VEA005" name="searchReqStateCd" id="searchReqStateCd" selectedValue="${cndtnTrgtInfoMngVO.searchReqStateCd }" defaultText="의뢰상태 선택" css="class='sel_type1'" />
|
||||
<ve:select codeId="VEA002" name="searchEduStateCd" id="searchEduStateCd" selectedValue="${cndtnTrgtInfoMngVO.searchEduStateCd }" defaultText="교육상태 선택" css="class='sel_type1'" />
|
||||
성별 <ve:radio codeId="COM014" name="searchSex" id="searchSex" defaultValue="" defaultText="전체" selectedValue="${cndtnTrgtInfoMngVO.searchSex }" />
|
||||
<div class="check_wrap" style="margin:0 0 0 20px;">
|
||||
<p style="margin:0 4px 0 0;">성별</p> <ve:radio codeId="COM014" name="searchSex" id="searchSex" defaultValue="" defaultText="전체" selectedValue="${cndtnTrgtInfoMngVO.searchSex }" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -657,7 +660,7 @@
|
||||
<p>엑셀 다운로드</p>
|
||||
</div>
|
||||
<div class="util_right">
|
||||
<button type="button" class="btn_type08" onclick="fncExcel();">엑셀 다운로드</button>
|
||||
<button type="button" class="btn_type08 btn_down_excel" onclick="fncExcel();">엑셀 다운로드</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -665,23 +668,23 @@
|
||||
|
||||
<div class="btn_wrap btn_layout02">
|
||||
<div class="btn_left">
|
||||
<button type="button" class="btn_type04" onclick="fn_excel_upload(); return false;">엑셀 업로드</button>
|
||||
<button type="button" class="btn_type04 btn btn_upload_excel lg" onclick="fn_excel_upload(); return false;">엑셀 업로드</button>
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type04" onclick="fn_updateCancelReqStatus(10, 10); return false;">의뢰취소복구</button>
|
||||
<button type="button" class="btn_type05" onclick="fn_updateReqStatus(60, 40); return false;">의뢰취소</button>
|
||||
<button type="button" class="btn_type04 btn fill lightblue" onclick="fn_updateCancelReqStatus(10, 10); return false;">의뢰취소복구</button>
|
||||
<button type="button" class="btn_type05 btn line red" onclick="fn_updateReqStatus(60, 40); return false;">의뢰취소</button>
|
||||
<!-- <button type="button" class="btn_type02" onclick="fn_eduAsgnm(); return false;">교육배정</button> -->
|
||||
|
||||
<button type="button" class="btn_type01" onclick="fncCreate(); return false;">등록</button>
|
||||
<button type="button" class="btn_type01 btn fill blue" onclick="fncCreate(); return false;">등록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list_util">
|
||||
<p class="list_util_p"><span><c:out value="${paginationInfo.totalRecordCount}" /></span>건의 접수가 검색되었습니다.</p>
|
||||
<div>
|
||||
<button class="memoBtn" onclick="showMemo(this);">메모열기</button>
|
||||
<button class="memoBtn btn_type03" onclick="showMemo(this);">메모열기</button>
|
||||
<select class="sel_type1" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px" class="sel_type1">
|
||||
<option value='10' <c:if test="${cndtnTrgtInfoMngVO.pageUnit == '10' or cndtnTrgtInfoMngVO.pageUnit == ''}">selected</c:if>>10줄</option>
|
||||
<option value='20' <c:if test="${cndtnTrgtInfoMngVO.pageUnit == '20'}">selected</c:if>>20줄</option>
|
||||
@ -698,15 +701,15 @@
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 40px">
|
||||
<col style="width: 100px">
|
||||
<col style="width: 130px">
|
||||
<col style="width: 130px">
|
||||
<col style="width: 90px">
|
||||
<col style="width: 90px">
|
||||
<col style="width: 60px">
|
||||
<col style="width: 170px">
|
||||
<col style="width: 80px">
|
||||
<col style="width: 80px">
|
||||
<col style="width: 8%">
|
||||
<col style="width: 9%">
|
||||
<col style="width: 10%">
|
||||
<col style="width: 7%">
|
||||
<col style="width: 5%">
|
||||
<col style="width: 4%">
|
||||
<col style="width: 12%">
|
||||
<col style="width: 8%">
|
||||
<col style="width: 8%">
|
||||
<col style="width: auto">
|
||||
<col style="width: 80px">
|
||||
</colgroup>
|
||||
@ -793,7 +796,7 @@
|
||||
</td>
|
||||
<c:set var="fullAddr" value="${list.addr} ${list.addrDetail}" />
|
||||
<%-- <c:set var="fullAddr" value="${list.addr}" /> --%>
|
||||
<td title="${fullAddr}">
|
||||
<td class="ellipsis" title="${fullAddr}">
|
||||
${fullAddr}
|
||||
<%-- ${fn:length(fullAddr)> 50 ? fn:substring(fullAddr, 0, 50).concat('...') : ''} --%>
|
||||
</td>
|
||||
|
||||
@ -176,9 +176,17 @@
|
||||
</th>
|
||||
<td class="upload_area">
|
||||
<!-- <input type="text" id="fileNm" size="30" class="file_input" readonly> --><!-- <button type="button" class="btnType01 btn_add_file">파일 첨부하기</button> -->
|
||||
<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
|
||||
<button type="button" id="filebutton" class="btn_type01">파일 첨부하기</button>
|
||||
<p style="padding-left:30px;">pdf만 업로드 가능합니다. </p>
|
||||
|
||||
<div class="file_top">
|
||||
<div class="left_area">
|
||||
<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
|
||||
<button type="button" id="filebutton" class="btn_type06 md btn" style="margin:0;">파일 첨부하기</button>
|
||||
</div>
|
||||
<div class="right_area">
|
||||
<p class="cf_text2 c_e40000" style="padding-left:30px;">pdf만 업로드 가능합니다. </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="file_wrap file_upload_box no_img_box">
|
||||
<table class="tbType02">
|
||||
<caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
|
||||
@ -270,7 +278,7 @@
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type02" onclick="fncSave(); return false;">저장</button>
|
||||
<button type="button" class="btn_type01" onclick="fncSave(); return false;">저장</button>
|
||||
<button type="button" class="btn_type03" onclick="fncGoList(); return false;">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -98,10 +98,10 @@ function fncPopClose(){
|
||||
<div class="cont_popup upload_area">
|
||||
|
||||
<div class="pop_tb_tit01">
|
||||
<p></p>
|
||||
<span></span>
|
||||
<div class="btn_wrap_pop">
|
||||
<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
|
||||
<button type="button" id="filebutton" class="btn_type01 btn_add_file">파일 찾기</button>
|
||||
<button type="button" id="filebutton" class="btn_type06 btn_add_file">파일 찾기</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -170,9 +170,10 @@ function fncPopClose(){
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
<button type="button" onclick="fncSave(); return false;" class="btn_type04">확인</button>
|
||||
<button type="button" onclick="fncPopClose(); return false;" class="btn_type03">취소</button>
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" onclick="fncPopClose(); return false;" class="btn_type02">취소</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -176,16 +176,22 @@
|
||||
</div>
|
||||
<div class="util_right">
|
||||
<kc:select codeId="VE0015" name="prcsDiv" id="prcsDiv" css="class='sel_type1'" selectedValue="${vEPrcsDetailVO.prcsDiv}"/>
|
||||
|
||||
<input type="checkbox" id="prcsKind01" name="prcsKind" value="01" <c:if test="${fn:contains(vEPrcsDetailVO.prcsKind, '01')}">checked="checked"</c:if>>
|
||||
<label class="" for="prcsKind01">신규</label>
|
||||
<input type="checkbox" id="prcsKind012" name="prcsKind" value="02" <c:if test="${fn:contains(vEPrcsDetailVO.prcsKind, '02')}">checked="checked"</c:if>>
|
||||
<label class="" for="prcsKind012">갱신</label>
|
||||
<input type="checkbox" id="prcsKind0123" name="prcsKind" value="03" <c:if test="${fn:contains(vEPrcsDetailVO.prcsKind, '03')}">checked="checked"</c:if>>
|
||||
<label class="" for="prcsKind0123">의무</label>
|
||||
|
||||
<input type="text" id="searchKeyword" name="searchKeyword" placeholder="검색어를 입력하세요." title="검색어 입력" class="search_input" value="<c:out value='${vEPrcsDetailVO.searchKeyword}'/>">
|
||||
<button type="button" class="btn_type08" onclick="fncGoList(); return false;">검색</button>
|
||||
<div class="check_wrap" style="gap:8px;margin:0 0 0 8px;">
|
||||
<span>
|
||||
<input type="checkbox" id="prcsKind01" name="prcsKind" value="01" <c:if test="${fn:contains(vEPrcsDetailVO.prcsKind, '01')}">checked="checked"</c:if>>
|
||||
<label class="" for="prcsKind01">신규</label>
|
||||
</span>
|
||||
<span>
|
||||
<input type="checkbox" id="prcsKind012" name="prcsKind" value="02" <c:if test="${fn:contains(vEPrcsDetailVO.prcsKind, '02')}">checked="checked"</c:if>>
|
||||
<label class="" for="prcsKind012">갱신</label>
|
||||
</span>
|
||||
<span>
|
||||
<input type="checkbox" id="prcsKind0123" name="prcsKind" value="03" <c:if test="${fn:contains(vEPrcsDetailVO.prcsKind, '03')}">checked="checked"</c:if>>
|
||||
<label class="" for="prcsKind0123">의무</label>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -255,7 +261,7 @@
|
||||
</tr>
|
||||
</c:forEach>
|
||||
<c:if test="${empty list}">
|
||||
<tr><td colspan="4"><spring:message code="common.nodata.msg" /></td></tr>
|
||||
<tr><td colspan="6"><spring:message code="common.nodata.msg" /></td></tr>
|
||||
</c:if>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@ -227,7 +227,7 @@
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type02" onclick="fncSave(); return false;">저장</button>
|
||||
<button type="button" class="btn_type01" onclick="fncSave(); return false;">저장</button>
|
||||
<button type="button" class="btn_type03" onclick="fncGoList(); return false;">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -47,7 +47,25 @@
|
||||
<p class="menu_tit">메인</p>
|
||||
</a>
|
||||
<ul class="dep01">
|
||||
<li style="color: royalblue;">청소년 대상</li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list01.html" target="_blank">검색영역+리스트</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list01_detail01.html" target="_blank">상세</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list02_detail01.html" target="_blank">상세+팝업</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list03_detail01.html" target="_blank">상세2+팝업</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list03_detail02.html" target="_blank">등록</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list05_detail01.html" target="_blank">상세3+팝업</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/scheduler.html" target="_blank">캘린더</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list11_detail01.html" target="_blank">설문조사</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list06.html" target="_blank">검색영역(한줄)+리스트</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list06_detail01.html" target="_blank">등록+파일업로드</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list04.html" target="_blank">검색영역+처리상태별</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list07_detail01.html" target="_blank">상세+라디오팝업</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list04_detail01.html" target="_blank">상세+버튼위치</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list10_detail01.html" target="_blank">설문조사 통계</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list08_detail02.html" target="_blank">통계항목 추가</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list12_detail01.html" target="_blank">교육과정 등록</a></li>
|
||||
|
||||
|
||||
<!-- <li style="color: royalblue;">청소년 대상</li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list01.html">청소년 대상 > 강사관리 > 강사 목록</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list01_detail01.html">청소년 대상 > 강사관리 > 강사정보 상세 ++ 반려 사유 팝업</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list02.html">청소년 대상 > 강사신청관리 > 강사 신청 목록</a></li>
|
||||
@ -69,7 +87,7 @@
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list08_detail01.html">저작권체험교실 > 통계 > 월별 교육횟수 통계</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list08_detail02.html">저작권체험교실 > 통계 > 월별 교육횟수 통계 수정 ++ 테이블 항목 추가/삭제 기능</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list09.html">저작권체험교실 > 교육과정관리 > 교육과정 목록</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list12_detail01.html">저작권체험교실 > 교육과정관리 > 교육과정 등록 ++세부과정 추가, 삭제 기능</a></li>
|
||||
<li><a href="/ipedu/visitEdu/adm/publish/list12_detail01.html">저작권체험교실 > 교육과정관리 > 교육과정 등록 ++세부과정 추가, 삭제 기능</a></li> -->
|
||||
</ul>
|
||||
|
||||
<p class="menu_tit">남은내역</p>
|
||||
|
||||
@ -61,22 +61,29 @@
|
||||
.footer address span{font-weight:600;margin:0 10px;}
|
||||
/* //footer */
|
||||
|
||||
@media all and (max-width:1300px){
|
||||
@media all and (max-width:1440px){
|
||||
|
||||
/* leftmenu */
|
||||
.area_left{width: 220px;}
|
||||
.area_left{width: 240px;}
|
||||
.area_left .logo img{width: 75%;}
|
||||
|
||||
.menu_tit{padding:0 12px;font-size:16px;}
|
||||
.depth02 li a{font-size:14px;}
|
||||
/* //leftmenu */
|
||||
|
||||
/* top_util */
|
||||
.area_right{width: calc(100% - 220px);}
|
||||
.area_right{width: calc(100% - 240px);}
|
||||
|
||||
.top_util{padding: 0 20px;}
|
||||
.alram{margin-left: -15px;}
|
||||
.user_util{padding: 8px 10px;}
|
||||
.user_util{padding: 8px 0;gap:8px;}
|
||||
|
||||
.user_util *{font-size: 14px;}
|
||||
.user .user_id{width: calc(100% - 130px);}
|
||||
|
||||
.user_info_ul li{font-size:14px;}
|
||||
.user_info_ul select{width:120px;font-size:14px;}
|
||||
|
||||
/* //top_util */
|
||||
|
||||
footer{padding: 31px 20px;}
|
||||
|
||||
@ -44,6 +44,8 @@
|
||||
|
||||
.c_e40000{color: #e40000;}
|
||||
|
||||
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
||||
|
||||
/* list_top */
|
||||
.list_top{margin-bottom: 30px; background-color: #EFF2F9; padding:0 25px; border: 1px solid #CDD5E6; border-radius: 5px; box-sizing: border-box;}
|
||||
.list_top>div {display: flex; align-items: center; min-height: 52px; border-bottom: 1px solid #CDD5E6; box-sizing: border-box;padding:8px 0;}
|
||||
@ -59,17 +61,18 @@
|
||||
.list_top.search-only .util_right {width: 100%; justify-content: flex-end;}
|
||||
.list_top .util_right .search_input {width: 280px; margin-right: 3px;}
|
||||
.list_top .util_right select.sel_type1 {margin-right: 5px;}
|
||||
.list_top button {height: 34px; padding: 0 16px; margin: 0 4px; font-size: 16px; text-align: center; vertical-align: middle; border-radius: 5px; box-sizing: border-box; transition: background-color .1s linear;}
|
||||
.list_top button {height: 34px; padding: 0 16px; margin: 0 4px; font-size: 16px; text-align: center; vertical-align: middle; border-radius: 5px; box-sizing: border-box; transition: background-color .1s linear; white-space: nowrap;}
|
||||
.list_top input[type="text"]{height:34px;}
|
||||
.list_top .calendar_wrap input[type="text"] {width: 150px; height: 34px; font-weight: 400;}
|
||||
.list_top .calendar_wrap input[type="text"] {width: 137px; height: 34px; font-weight: 400;}
|
||||
.list_top .calendar_wrap input[type="text"]:read-only {background-color: #fff;}
|
||||
.list_top .util_right .check_wrap {margin-right: 24px; display: flex;}
|
||||
.list_top .util_right .check_wrap input[type="checkbox"], .list_top .util_right .check_wrap input[type="radio"] {margin-right: 5px;}
|
||||
.list_top .util_right .check_wrap {margin-right: 24px; display: flex; gap:4px;}
|
||||
/* .list_top .util_right .check_wrap input[type="checkbox"], .list_top .util_right .check_wrap input[type="radio"] {margin-right: 5px;} */
|
||||
|
||||
|
||||
.list_util {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 15px;}
|
||||
.list_util .list_util_p {font-size: 16px; font-weight: 300; color: #555;}
|
||||
.list_util .list_util_p span {color: #2557B4; font-size: 18px; font-weight: 500;}
|
||||
.list_util button {height: 34px; padding: 0 16px; margin: 0 4px; font-size: 16px; text-align: center; vertical-align: middle; border-radius: 5px; box-sizing: border-box; transition: background-color .1s linear;}
|
||||
/* list_top */
|
||||
|
||||
/* btn */
|
||||
@ -113,8 +116,13 @@
|
||||
.btn_type10{background-color: #e81717; color: #fff;}
|
||||
.btn_type10:hover{background-color: #D11515;}
|
||||
|
||||
.btn_down_excel{height: 34px; padding: 0 9px 0 35px; border: 1px solid #0e8040; margin-left: 2px; background-color: #fff; color: #0e803f; font-size: 14px; font-weight:500; border-radius: 5px; box-sizing: border-box; letter-spacing: -0.5px; background-image: url(../image/content/btn_down_excel.png); background-repeat: no-repeat; background-position: 9px center; vertical-align: middle;}
|
||||
.btn_down_excel:hover{background-color: #F3F9F5;}
|
||||
button.btn_down_excel{height: 34px; padding: 0 9px 0 35px; border: 1px solid #0e8040; margin-left: 2px; background-color: #fff; color: #0e803f; font-size: 16px; font-weight:500; border-radius: 5px; box-sizing: border-box; letter-spacing: -0.5px; background-image: url(../image/content/btn_download_excel.png); background-size:auto 71%; background-repeat: no-repeat; background-position: 9px center; vertical-align: middle;}
|
||||
button.btn_down_excel:hover{background-color: #F3F9F5;}
|
||||
|
||||
button.btn_upload_excel{height: 34px; padding: 0 9px 0 35px; border: 1px solid #0e8040; margin-left: 2px; background-color: #fff; color: #0e803f; font-size: 16px; font-weight:500; border-radius: 5px; box-sizing: border-box; letter-spacing: -0.5px; background-image: url(../image/content/btn_upload_excel.png); background-size:auto 71%; background-repeat: no-repeat; background-position: 9px center; vertical-align: middle;}
|
||||
button.btn_upload_excel:hover{background-color: #F3F9F5;}
|
||||
|
||||
button.btn_down_excel.lg,button.btn_upload_excel.lg{padding:0 11px 0 50px;}
|
||||
|
||||
.right_box {text-align:right;}
|
||||
.right_box .btn_type06 {font-size:16px; width:200px; padding:0 3px; margin:1px 0;}
|
||||
@ -123,11 +131,15 @@
|
||||
.btn.fill:disabled,.btn.fill:read-only,.btn.fill.readonly,.btn.fill.disabled{background:#EAEBEF;color:#8D9098}
|
||||
.btn.line:disabled,.btn.line:read-only,.btn.line.readonly,.btn.line.disabled{background:#F5F6F7;border:1px solid #EAEBEF;color:#BCC0CA}
|
||||
|
||||
.btn.lg{height: 50px;font-size:18px;}
|
||||
.btn.md{height: 38px;font-size:16px;}
|
||||
.btn.sm{height: 30px;font-size:14px;}
|
||||
|
||||
.btn.fill.blue{background:#2557B4;color:#fff;}
|
||||
.btn.fill.blue:hover{background:#214ea2;}
|
||||
|
||||
.btn.fill.lightblue{background:#E9EEF8;border:1px solid #2557B4;color:#2557B4;}
|
||||
.btn.fill.lightblue:hover{background:#BBCBE8;border:1px solid #2557B4;color:#1E4690;}
|
||||
.btn.fill.lightblue{background:#E9EEF8;color:#2557B4;}
|
||||
.btn.fill.lightblue:hover{background:#BBCBE8;color:#1E4690;}
|
||||
|
||||
|
||||
.btn.fill.red{background:#E81717;color:#fff;}
|
||||
@ -139,23 +151,23 @@
|
||||
.btn.fill.lightgray{background:#D5D9E3;color:#5B606C;}
|
||||
.btn.fill.lightgray:hover{background:#5B606C;color:#4A4D55;}
|
||||
|
||||
.btn.line.blue{border:1px solid #2557B4;color:#2557B4;}
|
||||
.btn.line.blue{border:1px solid #2557B4;background:#fff;color:#2557B4;}
|
||||
.btn.line.blue:hover{background:#F4F7FB;}
|
||||
|
||||
.btn.line.red{border:1px solid #E81717;color:#E81717;}
|
||||
.btn.line.red{border:1px solid #E81717;background:#fff;color:#E81717;}
|
||||
.btn.line.red:hover{background:#FDE8E8;}
|
||||
|
||||
.btn.line.gray{border:1px solid #81899C;color:#81899C;}
|
||||
.btn.line.gray{border:1px solid #81899C;background:#fff;color:#81899C;}
|
||||
.btn.line.gray:hover{background:#F5F6F7;}
|
||||
|
||||
.btn.line.lightgray{border:1px solid #C3CEE6;color:#5B606C;}
|
||||
.btn.line.lightgray{border:1px solid #C3CEE6;background:#fff;color:#5B606C;}
|
||||
.btn.line.lightgray:hover{background:#F5F6F7;}
|
||||
|
||||
/* 기타 input select type */
|
||||
input[type="text"]:disabled,input[type="password"]:disabled{border: 1px solid #D3D7DE; background-color: #ededed; color: #888; height: 40px; border-radius: 5px; padding: 0 0 0 14px; font-size: 16px;}
|
||||
input[type="text"],input[type="password"],select{height: 38px; border: 1px solid #D3D7DE; border-radius: 5px; padding: 0 0 0 14px; font-size: 16px; color: #222; box-sizing: border-box;}
|
||||
input[type="text"]::placeholder {color: #999; font-size:14px;}
|
||||
input[type="text"]:read-only {background-color: #f5f5f5; border: 1px solid #D3D7DE;}
|
||||
input[type="text"]:read-only {background-color: #F5F6F7; border: 1px solid #D3D7DE;}
|
||||
input[type="text"]:valid {color: #555;}
|
||||
textarea {width: 100%; border: 1px solid #D3D7DE; border-radius: 5px; font-size: 16px; color: #222; padding: 15px; box-sizing: border-box;font-family: 'Pretendard', sans-serif;}
|
||||
select.sel_type1 {height: 34px; border: 1px solid #D3D7DE; border-radius: 5px; padding: 0 50px 0 15px; font-size: 14px; color: #444; background-image: url(/ipedu/visitEdu/adm/publish/image/common/icon_select_arrow.png); background-repeat: no-repeat; background-position: calc(100% - 8px) center; color: #666;}
|
||||
@ -200,26 +212,27 @@ input[type="text"].input_time {width: 50px;}
|
||||
|
||||
/* calendar */
|
||||
.calendar_wrap {display: inline-block; position: relative;}
|
||||
.calendar_wrap input[type="text"] {width: 150px; height: 40px; font-weight: 300;}
|
||||
.calendar_wrap input[type="text"] {width: 150px; height: 38px; font-weight: 300;}
|
||||
.calendar_wrap input[type="text"]:read-only {background-color: #fff;}
|
||||
|
||||
/* time */
|
||||
.mask2 {display: none; background-color: rgba(0,0,0,0.0); width: 100%; height: 100%; position: fixed; z-index: 1; left: 0; top: 0;}
|
||||
.table_time_wrap {display: flex; align-items: center;}
|
||||
.time_wrap{position: relative;}
|
||||
.time{border: 1px solid #ccc; height: 40px; border-radius: 5px; padding-left: 15px; box-sizing: border-box; font-size: 18px; background-image: url(../image/content/timeIcon.png); background-repeat: no-repeat; background-position: 95% center;}
|
||||
.table_time_wrap .time {width: calc(100% - 10px / 2);}
|
||||
.time_layer{display: none; position: absolute; width: 300px; max-width: 200px; text-align: center; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); top: 39px; overflow: hidden; animation: fade-out 0.2s; animation-fill-mode: forwards;}
|
||||
.time_wrap *{font-family: 'Pretendard', sans-serif;}
|
||||
.time{border: 1px solid #D3D7DE; height: 40px; border-radius: 5px; padding-left: 15px; box-sizing: border-box; font-size: 18px; background-image: url(../image/content/timeIcon.png); background-repeat: no-repeat; background-position: calc(100% - 12px) center;}
|
||||
.table_time_wrap .time {width: 104px;}
|
||||
.time_layer{display: none; position: absolute; width: 300px; max-width: 200px; text-align: center; box-sizing: border-box; border-radius: 20px; border: 1px solid transparent; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); top: 39px; overflow: hidden; animation: fade-out 0.2s; animation-fill-mode: forwards;}
|
||||
.time_select_wrap .time_layer{max-width: 500px;}
|
||||
.time_layer.on{display: block; z-index: 10; animation: fade-in 0.2s; animation-fill-mode: forwards;}
|
||||
.time_top{height: 40px; background-color: #6a718a; padding: 0 15px; box-sizing: border-box; display: flex;}
|
||||
.time_top p {font-size: 18px; color: #fff; font-weight: 400; align-self: center;}
|
||||
.time_cont{display: flex; justify-content: space-between; align-items: center; padding: 15px 15px 10px 15px;}
|
||||
.time_cont p{padding: 10px 0; font-size: 18px;}
|
||||
.ampm_select, .hours_select, .min_select{width: 120px; height: 32px; border: 1px solid #d5d5d5; border-radius: 3px; padding-left: 10px; box-sizing: border-box; color: #222; font-size: 16px !important; font-weight: 300; font-size: 16px; background-image: url(../image/content/select.png); background-repeat: no-repeat; background-position: 85% center;}
|
||||
.time_layer.on{display: block; z-index: 10; animation: fade-in 0.2s; padding: 0 0 30px 0;animation-fill-mode: forwards;}
|
||||
.time_top{height: auto; padding: 20px 20px 0 20px; box-sizing: border-box; display: flex;}
|
||||
.time_top p {font-size: 16px; color:#1B1C2B; font-weight: 700; align-self: center;}
|
||||
.time_cont{display: flex; justify-content: space-between; align-items: center; padding: 15px 20px 10px 20px;}
|
||||
.time_cont p{padding: 10px 0; font-size: 16px;}
|
||||
.ampm_select, .hours_select, .min_select{width: 120px; height: 38px; border:0; background:#EDF0F5 url(/ipedu/visitEdu/adm/publish/image/common/icon_select_arrow.png) no-repeat calc(100% - 16px) center; border-radius: 8px; padding-left: 12px; box-sizing: border-box; color: #222; font-size: 16px !important; font-weight: 300; font-size: 16px;}
|
||||
.ampm_select {width: 70px; letter-spacing: -0.5px;}
|
||||
.time_close{width: auto !important; height: auto !important; padding: 3px 10px; border: 1px solid #dadada; border-radius: 0 !important; margin: 0 15px 20px 0; font-size: 14px !important; font-weight: 400; background-color: #eee; float: right;}
|
||||
.time_close i{background-color:#e20; width: 9px; height: 3px; margin-right: 5px; display: inline-block;vertical-align: middle; }
|
||||
.time_close{width: calc(100% - 40px); height: 38px !important; padding: 3px 10px; border: 0; border-radius: 5px !important; margin: 0 auto; font-size: 16px !important; font-weight: 600; color:#fff; background-color: #f86a3c; }
|
||||
/* .time_close i{background-color:#e20; width: 9px; height: 3px; margin-right: 5px; display: inline-block;vertical-align: middle; } */
|
||||
@keyframes fade-in {
|
||||
from {opacity: 0;}
|
||||
to {opacity: 1;}
|
||||
@ -247,12 +260,12 @@ input[type="text"].input_time {width: 50px;}
|
||||
.tb_type01>table {width: 100%; table-layout: fixed; text-align: center;}
|
||||
.tb_type01>table>thead>tr{width: 100%; background-color: #EFF2F9;}
|
||||
.tb_type01>table>thead>tr:only-of-type th{height: 50px;}
|
||||
.tb_type01>table>thead>tr>th{height: 30px; padding: 0 10px; box-sizing: border-box; border-right: 1px solid #e5e5e5; vertical-align: middle;border-bottom: 1px solid #DEE6F4; font-size: 16px; font-weight: 500; line-height: 1.5;}
|
||||
.tb_type01>table>thead>tr>th{height: 30px; padding: 0 10px; box-sizing: border-box; border-right: 1px solid #E2E7EF; vertical-align: middle;border-bottom: 1px solid #DEE6F4; font-size: 16px; font-weight: 500; line-height: 1.5;}
|
||||
.tb_type01>table>thead>tr>th:last-child{border-right: 0;}
|
||||
.tb_type01>table>thead>tr:nth-child(2)>th:last-child{border-right: 1px solid #e5e5e5;}
|
||||
.tb_type01>table>thead>tr>th>button{color: #1854c3; padding: 0; margin-left: 4px; margin-top: 5px;}
|
||||
.tb_type01>table>tbody>tr:nth-child(n+1):nth-child(-n+9) th{border-bottom: 1px solid #E2E7EF;}
|
||||
.tb_type01>table>tbody>tr:nth-child(n+1):nth-child(-n+9) td{border-bottom: 1px solid #e5e5e5;}
|
||||
.tb_type01>table>tbody>tr:nth-child(n+1):nth-child(-n+9) td{border-bottom: 1px solid #E2E7EF;}
|
||||
.tb_type01>table>tbody>tr:nth-child(n+10){border-bottom: 1px solid #E2E7EF;}
|
||||
.tb_type01>table>tbody>tr>th,.tb_type01>table>tbody>tr>td {height: 44px; padding: 10px; font-weight: 400; color: #3A3C41; line-height: 1.4; vertical-align: middle; border-right: 1px solid #e5e5e5; letter-spacing: -0.5px; position: relative; box-sizing: border-box; word-break: break-all;}
|
||||
.tb_type01>table>tbody>tr.new_cont>td {color: #5c6dc3;}
|
||||
@ -264,6 +277,7 @@ input[type="text"].input_time {width: 50px;}
|
||||
.tb_type01>table>tbody>tr>td .btn_print{height: auto;}
|
||||
.tb_type01>table>tbody>tr>td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(../image/btn_print01.png); background-position: center; vertical-align: middle;}
|
||||
.tb_type01>table>tr>td textarea{font-size: 18px; margin: 15px 0 10px 0;}
|
||||
|
||||
/* border right 없는 표 */
|
||||
.tb_type01.list2 thead th {border-right: 0;}
|
||||
.tb_type01.list2 tbody td {border-right: 0;}
|
||||
@ -276,7 +290,7 @@ input[type="text"].input_time {width: 50px;}
|
||||
.tb_type02>table>tbody>tr {border-bottom: 1px solid #D3D7DE;}
|
||||
.tb_type02>table>tbody>tr:last-child{border-bottom: 0;}
|
||||
.tb_type02>table>tbody>tr>th,.tb_type02>table>tbody>tr>td {height: 60px; text-align: left; padding: 0 20px; font-size: 17px; box-sizing: border-box; }
|
||||
.tb_type02>table>tbody>tr>th {padding-top: 20px; background-color: #EFF2F9; color:#242426; font-weight: 400;}
|
||||
.tb_type02>table>tbody>tr>th {padding-top: 20px; background-color: #EFF2F9; color:#242426; font-weight: 500;}
|
||||
.tb_type02>table>tbody>tr>td {padding: 10px 10px 10px 20px; font-weight: 300; line-height: 1.5; color: #313337; font-weight: 300; vertical-align: middle;}
|
||||
.tb_type02>table>tbody>tr>th:only-child,.tb_type02>table>tbody>tr>th:nth-child(2){border-right: 0;}
|
||||
.tb_type02>table>tbody>tr>td>p{display: inline-block; vertical-align: middle; margin-right: 10px;}
|
||||
@ -319,7 +333,7 @@ input[type="text"].input_time {width: 50px;}
|
||||
.tb_alram>p>span {color: #e40000; font-weight: 400;}
|
||||
.check_wrap, .radio_wrap{display: inline-flex; max-width: calc(100% - 120px); vertical-align: middle; text-align: left; align-items: center; flex-wrap: wrap;}
|
||||
.check_wrap:only-child,.tb_type02 .radio_wrap:only-child{max-width: 100%;}
|
||||
.check_wrap span,.tb_type02 .radio_wrap span{margin-right: 30px; display: inline-block;}
|
||||
.check_wrap span,.tb_type02 .radio_wrap span{display: inline-block;}
|
||||
.check_wrap input,.tb_type02 .radio_wrap input{margin: 0; vertical-align: middle;}
|
||||
.check_wrap label,.tb_type02 .radio_wrap label{width: auto; height: auto; clip: unset; font-size: 16px; position:static; font-weight: 300; color: #444; vertical-align: middle; margin: 0; margin-left: 4px; line-height: 2;}
|
||||
.check_wrap .sel_date,.tb_type02 .radio_wrap .sel_date{margin-left: -20px;}
|
||||
@ -389,6 +403,7 @@ input[type="text"].input_time {width: 50px;}
|
||||
/* //매뉴 트리구조 */
|
||||
|
||||
/* file table */
|
||||
.file_top{display:flex;justify-content:space-between;align-items:center;}
|
||||
.file_wrap{width: 100%; margin-top: 10px; border: 1px solid #d5d5d5; border-radius: 5px; overflow: hidden;}
|
||||
.file_wrap:last-child {margin-bottom: 10px;}
|
||||
.file_wrap table{width: 100%; table-layout: fixed;}
|
||||
@ -562,4 +577,9 @@ input[type="text"].input_time {width: 50px;}
|
||||
/*조직도 관리 > 조직도*/
|
||||
.or_con .pageCont{display: flex;}
|
||||
.or_con .menu_area{margin-right: 35px;}
|
||||
.or_con .fwMd{margin: -5px 0 10px 0;}
|
||||
.or_con .fwMd{margin: -5px 0 10px 0;}
|
||||
|
||||
|
||||
@media (max-width: 1440px) {
|
||||
.btn_wrap.btn_layout02>div{width:auto;}
|
||||
}
|
||||
@ -1,32 +1,32 @@
|
||||
/* 시스템 css */
|
||||
.cont .list{width: 100%; min-height: 465px; border-top: 1px solid #000; border-bottom: 1px solid #cccccc; overflow: hidden;}
|
||||
.cont .list{width: 100%; min-height: 465px; border-top: 2px solid #2557B4; border-bottom: 1px solid #cccccc; overflow: hidden;}
|
||||
|
||||
/* list top sub */
|
||||
.list_top.list_top_sub {display: flex; justify-content: space-between; align-items: flex-end; padding: 0; margin-bottom: 20px; background-color: inherit; border: none; }
|
||||
.list_top.list_top_sub>.list_util {height:100%; margin-bottom:0; display: block; background-image: url(/visitEdu/adm/publish/image/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;}
|
||||
.list_top.list_top_sub .btn_search {background-color: #697e9b; color: #fff;}
|
||||
.list_top.list_top_sub>.list_util {min-height:0;height:100%; margin-bottom:0;padding:0;display: block; background-image: url(/ipedu/visitEdu/adm/publish/image/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;}
|
||||
.list_top.list_top_sub .btn_search {background-color: #2557B4; color: #fff;}
|
||||
.list_top.list_top_sub>p {font-size: 16px; font-weight: 300; color: #555;}
|
||||
.list_top.list_top_sub>p>span {color: #e95504; font-weight: 500; font-size: 18px;}
|
||||
.list_top.list_top_sub>p>span {color: #2557B4; font-weight: 500; font-size: 18px;}
|
||||
|
||||
/* table type */
|
||||
.tbType01 table{width: 100%; table-layout: fixed; text-align: center;}
|
||||
.tbType01 thead tr{width: 100%; background-color: #f3f3f3;}
|
||||
.tbType01 thead tr{width: 100%; background-color: #EFF2F9;}
|
||||
.tbType01 thead tr:only-of-type th{height: 50px;}
|
||||
.tbType01 thead th{height: 30px; padding: 0 5px; box-sizing: border-box; border-right: 1px solid #e5e5e5; vertical-align: middle;border-bottom: 1px solid #e5e5e5; font-size: 16px; font-weight: 400;}
|
||||
.tbType01 thead th{height: 30px; padding: 0 5px; box-sizing: border-box; border-right: 1px solid #D3D7DE; vertical-align: middle;border-bottom: 1px solid #D3D7DE; font-size: 16px; font-weight: 500;}
|
||||
.tbType01 thead th:last-child{border-right: 0;}
|
||||
.tbType01 thead tr:last-child th:last-child{border-right: 1px solid #e5e5e5;}
|
||||
.tbType01 thead tr:last-child th:last-child{border-right: 1px solid #D3D7DE;}
|
||||
.tbType01 thead button{color: #1854c3; padding: 0; margin-left: 4px; margin-top: 5px;}
|
||||
.tbType01 tbody tr:nth-child(n+1):nth-child(-n+9) td{border-bottom: 1px solid #d5d5d5;}
|
||||
.tbType01 tbody tr:nth-child(n+10){border-bottom: 1px solid #d5d5d5;}
|
||||
.tbType01 tbody tr:nth-child(n+1):nth-child(-n+9) td{border-bottom: 1px solid #D3D7DE;}
|
||||
.tbType01 tbody tr:nth-child(n+10){border-bottom: 1px solid #D3D7DE;}
|
||||
.tbType01 tbody tr:last-child{border-bottom: 0;}
|
||||
.tbType01 tbody th, .tbType01 tbody td{height: 56px; padding: 10px; font-weight: 300; color: #555555; line-height: 1.4; vertical-align: middle; border-right: 1px solid #e5e5e5; letter-spacing: -0.5px; position: relative; box-sizing: border-box; word-break: break-all;}
|
||||
.tbType01 tbody th, .tbType01 tbody td{height: 56px; padding: 10px; font-weight: 300; color: #444; line-height: 1.4; vertical-align: middle; border-right: 1px solid #D3D7DE; letter-spacing: -0.5px; position: relative; box-sizing: border-box; word-break: break-all;}
|
||||
.tbType01 tbody .td_date{font-size: 15px;}
|
||||
.tbType01 tbody td p,.tbType01 tbody td a{width: 95%; margin: 0 auto; padding: 0 5px; box-sizing: border-box; word-break: break-all;}
|
||||
.tbType01 tbody td .text_overflow{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
|
||||
.tbType01 tbody td:last-child{border-right: 0;}
|
||||
.tbType01 tbody td button{height: 30px; width: auto; padding: 0 10px; font-size: 14px;}
|
||||
.tbType01 tbody td input[type="button"]{height: 30px; width: auto; padding: 0 10px; font-size: 14px;}
|
||||
.tbType01 tbody td select{width: auto; height: 30px; padding:0 20px 0 5px; font-size: 14px;background-image: url(../../image/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 5px) center;}
|
||||
.tbType01 tbody td select{width: auto; height: 30px; padding:0 20px 0 5px; font-size: 14px;background-image: url(/ipedu/visitEdu/adm/publish/image/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 5px) center;}
|
||||
.tbType01 tbody td .btn_print{height: auto;}
|
||||
.tbType01 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(/kccadrPb/adm/image/btn_print01.png); background-position: center; vertical-align: middle;}
|
||||
.tbType01 table input{vertical-align: auto;}
|
||||
@ -37,15 +37,18 @@
|
||||
.tbType01 tbody td .status_req{width: auto; height: auto; font-size: 15px; border: 1px solid #e40000; border-radius: 25px; color: #e40000; padding: 3px 10px; display: inline-block; vertical-align: middle;}
|
||||
.tbType01 tr td textarea{width: 100%; border: 1px solid #d5d5d5; border-radius: 5px; margin: 15px 0 10px 0; font-size: 18px; color: #222; padding: 15px; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;}
|
||||
|
||||
.tbType02{border-top: 1px solid #000; border-bottom: 1px solid #cccccc;}
|
||||
.tb_type01>table>tbody>tr>td>.btnType03,.tb_type01>table>tbody>tr>td .btnType01{height:30px;}
|
||||
|
||||
.tbType02{border-top: 2px solid #2557B4; border-bottom: 1px solid #D3D7DE;}
|
||||
.tbType02 table{width: 100%;}
|
||||
.tbType02 tr{border-bottom: 0.01em solid #e5e5e5;}
|
||||
.tbType02 tr th,.tbType02 tr td{height: 60px; text-align: left; padding: 0 20px; font-size: 17px; box-sizing: border-box; }
|
||||
.tbType02 tr th {padding-top: 20px; border-right: 1px solid #e5e5e5; background-color: #f3f3f3; font-weight: 400;}
|
||||
.tbType02 tr th,.tbType02 tr td{height: 50px; text-align: left; padding: 0 20px; font-size: 17px; box-sizing: border-box; }
|
||||
.tbType02 tr th {padding-top: 20px; border-right: 1px solid #e5e5e5; background-color: #EFF2F9; font-weight: 400;}
|
||||
.tbType02 tr td {padding: 10px 10px 10px 20px; font-weight: 300; line-height: 1.5; color: #555; font-weight: 300; vertical-align: middle;}
|
||||
.tbType02 tr .td_cause{padding: 20px;}
|
||||
.tbType02 tbody td .change_text{display: inline-block; width: auto; margin-right: 10px; vertical-align: middle;}
|
||||
.tbType02 tbody td button {height: 40px; font-size: 17px;}
|
||||
.tbType02 tbody td button {height:34px; font-size:16px;}
|
||||
.tbType02 tbody td input,.tbType02 tbody td select{height:34px;}
|
||||
.tbType02 tbody tr:last-child{border-bottom: 0;}
|
||||
.tbType02 tr th:only-child,.tbType02 tr th:nth-child(2){border-right: 0;}
|
||||
.tbType02 .border_0 th{border-right: 0;}
|
||||
@ -78,18 +81,18 @@
|
||||
.btn_layout02{width: 100%; text-align: right; margin-bottom: 10px; margin-top: 0;}
|
||||
.btn_layout02 button{margin: 0 2px; transition: all 0.1s linear;}
|
||||
.btn_layout02 button:hover{box-shadow: 0 0 5px rgba(0,0,0,0.3); transition: all}
|
||||
.btnType01{height: 38px; padding: 0 20px; font-size: 16px; font-weight: 400; background-color: #fffaf5; color: #ea5404; border: 1px solid #ea5404; border-radius: 5px; transition: all 0.1s linear;}
|
||||
.btnType01:hover{background-color: #f6e7d5; transition: all 0.1s linear;}
|
||||
.btnType02{height: 46px; padding: 0 23px; font-size: 18px; font-weight: 400; color: #fff; background-color: #3a72db; border-radius: 5px; transition: all 0.1s linear;}
|
||||
.btnType02:hover{ background-color: #1854c3; transition: all 0.1s linear;}
|
||||
.btnType03{height: 46px; padding: 0 23px; font-size: 18px; font-weight: 400; color: #fff; background-color: #999999; border-radius: 5px; transition: all 0.1s linear;}
|
||||
.btnType03:hover{background-color: #666; transition: all 0.1s linear;}
|
||||
.btnType04{min-width: 80px; height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; color: #888; border: 1px solid #888; border-radius: 5px; transition: all 0.1s linear;}
|
||||
.btnType04:hover{background-color: #e5e5e5; transition: all 0.1s linear;}
|
||||
.btnType05{height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; color: #555; border: 1px solid #555555; border-radius: 5px; transition: all 0.1s linear;}
|
||||
.btnType01{height: 38px; padding: 0 20px; font-size: 16px; font-weight: 400; background-color: #fff; color: #f86a3c; border: 1px solid #f86a3c; border-radius: 5px; transition: all 0.1s linear;}
|
||||
.btnType01:hover{background-color: #fef0ec; transition: all 0.1s linear;}
|
||||
.btnType02{height: 46px; padding: 0 23px; font-size: 18px; font-weight: 400; color: #fff; background-color: #2557B4; border-radius: 5px; transition: all 0.1s linear;}
|
||||
.btnType02:hover{ background-color: #214ea2; transition: all 0.1s linear;}
|
||||
.btnType03{height: 46px; padding: 0 23px; font-size: 18px; font-weight: 400; color: #fff; background-color: #81899C; border-radius: 5px; transition: all 0.1s linear;}
|
||||
.btnType03:hover{background-color: #717379; transition: all 0.1s linear;}
|
||||
.btnType04{min-width: 80px; height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; color: #81899C; border: 1px solid #81899C; border-radius: 5px; transition: all 0.1s linear;}
|
||||
.btnType04:hover{background-color: #F5F6F7; transition: all 0.1s linear;}
|
||||
.btnType05{height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; color: #81899C; border: 1px solid #81899C; border-radius: 5px; transition: all 0.1s linear;}
|
||||
.btnType05:hover{background-color: #f5f5f5; transition: all 0.1s linear;}
|
||||
.btnType06{min-width: 80px; height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; background-color: #d04400; color: #fff; border-radius: 5px; transition: all 0.1s linear;}
|
||||
.btnType06:hover{background-color: #c03f00; transition: all 0.1s linear;}
|
||||
.btnType06{min-width: 80px; height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; background-color: #F86A3C; color: #fff; border-radius: 5px; transition: all 0.1s linear;}
|
||||
.btnType06:hover{background-color: #df5f36; transition: all 0.1s linear;}
|
||||
|
||||
/* 관리자 calendar */
|
||||
.date_format {width: 60px !important;}
|
||||
|
||||
@ -58,10 +58,10 @@
|
||||
.picker__holder {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
border: 1px solid #aaaaaa;
|
||||
border: 1px solid transparent;
|
||||
border-top-width: 0;
|
||||
border-bottom-width: 0;
|
||||
border-radius: 5px;
|
||||
border-radius: 20px;
|
||||
box-sizing: border-box;
|
||||
min-width: 176px;
|
||||
max-width: 336px;
|
||||
|
||||
@ -4,8 +4,11 @@
|
||||
/**
|
||||
* The picker box.
|
||||
*/
|
||||
|
||||
.picker *{font-family: 'Pretendard', sans-serif;}
|
||||
|
||||
.picker__box {
|
||||
padding: 0 5px;
|
||||
padding: 30px 20px 10px 20px;
|
||||
}
|
||||
/**
|
||||
* The header containing the month and year stuff.
|
||||
@ -16,7 +19,7 @@
|
||||
padding: 3px 0;
|
||||
position: relative;
|
||||
}
|
||||
.picker__header::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% + 11px); height: 100%; z-index: -1; background-color: #6a718a; border-radius: 5px 5px 0 0;}
|
||||
/* .picker__header::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% + 11px); height: 100%; z-index: -1; background-color: #6a718a; border-radius: 5px 5px 0 0;} */
|
||||
/**
|
||||
* The month and year labels.
|
||||
*/
|
||||
@ -52,18 +55,19 @@
|
||||
background-position: right 55%; */
|
||||
border: 1px solid transparent;
|
||||
margin:0;
|
||||
padding:0;
|
||||
background: transparent url(/visitEdu/adm/image/content/select.png) no-repeat calc(100% - 16px) center;
|
||||
color:#fff;
|
||||
font-size:17px;
|
||||
font-weight:500;
|
||||
padding:0 12px;
|
||||
/* background: #fff url(/ipedu/visitEdu/adm/publish/image/common/icon_select_arrow.png) no-repeat calc(100% - 8px) center; */
|
||||
background:#EDF0F5;
|
||||
color:#222;
|
||||
font-size:16px;
|
||||
font-weight:400;
|
||||
appearance:auto;
|
||||
-webkit-appearance:auto;
|
||||
width:calc((50% / 2) - 10px);
|
||||
/* width:calc((50% / 2) - 10px); */
|
||||
}
|
||||
|
||||
.picker__select--year{margin:0 15px 0 0;}
|
||||
.picker__select--month option, .picker__select--year option{color:#333;font-size:15px;}
|
||||
.picker__select--month option, .picker__select--year option{color:#333;font-size:14px;background:#fff;}
|
||||
@media (min-width: 24.5em) {
|
||||
.picker__select--month,
|
||||
.picker__select--year {
|
||||
@ -71,10 +75,10 @@
|
||||
}
|
||||
}
|
||||
.picker__select--month {
|
||||
/* width: 22.5%; */
|
||||
width: 34%;
|
||||
}
|
||||
.picker__select--year {
|
||||
/* width: 22.5%; */
|
||||
width: 60%;
|
||||
}
|
||||
.picker__select--month:focus,
|
||||
.picker__select--year:focus {
|
||||
@ -99,6 +103,7 @@
|
||||
}
|
||||
}
|
||||
.picker__nav--prev {
|
||||
display:none;
|
||||
left: -1em;
|
||||
padding-right: 1.25em;
|
||||
}
|
||||
@ -108,6 +113,7 @@
|
||||
}
|
||||
}
|
||||
.picker__nav--next {
|
||||
display:none;
|
||||
right: -1em;
|
||||
padding-left: 1.25em;
|
||||
}
|
||||
@ -164,7 +170,7 @@
|
||||
margin-bottom: .75em;
|
||||
}
|
||||
}
|
||||
.picker__table tbody {background-color: #f5f5f5;}
|
||||
.picker__table tbody {background-color: #fff;}
|
||||
|
||||
.picker__table td {
|
||||
margin: 0;
|
||||
@ -177,8 +183,8 @@
|
||||
width: 14.285714286%;
|
||||
font-size: 15px;
|
||||
padding-bottom: .25em;
|
||||
color: #555;
|
||||
font-weight: 400;
|
||||
color: #1B1C2B;
|
||||
font-weight: 500;
|
||||
/* Increase the spacing a tad */
|
||||
}
|
||||
@media (min-height: 33.875em) {
|
||||
@ -190,15 +196,20 @@
|
||||
* The days on the calendar
|
||||
*/
|
||||
.picker__day {
|
||||
padding: .3125em 0;
|
||||
font-weight: 200;
|
||||
border: 1px solid #fff;
|
||||
font-size: 15px;
|
||||
display:flex;
|
||||
width:30px;
|
||||
height:30px;
|
||||
font-weight: 400;
|
||||
border: 1px solid transparent;
|
||||
font-size: 14px;
|
||||
color:#3A3C41;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
}
|
||||
.picker__day--today {
|
||||
position: relative;
|
||||
}
|
||||
.picker__day--today:before {
|
||||
/* .picker__day--today:before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
@ -207,32 +218,52 @@
|
||||
height: 0;
|
||||
border-top: 0.5em solid #4681d1;
|
||||
border-left: .5em solid transparent;
|
||||
}
|
||||
} */
|
||||
.picker__day--disabled:before {
|
||||
border-top-color: #aaa;
|
||||
}
|
||||
.picker__day--outfocus {
|
||||
color: #ddd;
|
||||
}
|
||||
.picker__day--infocus:hover,
|
||||
.picker__day--outfocus:hover {
|
||||
|
||||
/* 날짜 호버 시(선택된 날짜 제외) */
|
||||
.picker__day--infocus:not(.picker__day--today.picker__day--highlighted:hover,.picker--focused .picker__day--highlighted):hover,
|
||||
.picker__day--outfocus:not(.picker__day--today.picker__day--highlighted:hover,.picker--focused .picker__day--highlighted):hover {
|
||||
cursor: pointer;
|
||||
color: #000;
|
||||
background: #b1dcfb;
|
||||
background: #fee9e2;
|
||||
border-radius:8px;
|
||||
}
|
||||
.picker__day--highlighted {
|
||||
border-color: #4681d1;
|
||||
|
||||
.picker__day--highlighted:not(.picker__day--today) {
|
||||
background:#f86a3c;
|
||||
color:#fff;
|
||||
font-weight:700;
|
||||
border-radius:8px;
|
||||
}
|
||||
|
||||
.picker__day--today {
|
||||
border-bottom: 2px solid #f86a3c;
|
||||
color:#f86a3c !important;
|
||||
font-weight:500;
|
||||
}
|
||||
|
||||
.picker__day--today:hover{
|
||||
color: #f86a3c !important;
|
||||
background: #fee9e2 !important;
|
||||
border-radius:0 !important;
|
||||
}
|
||||
|
||||
.picker__day--highlighted:hover,
|
||||
.picker--focused .picker__day--highlighted {
|
||||
cursor: pointer;
|
||||
color: #000;
|
||||
background: #e7f5ff;
|
||||
background: #fff;
|
||||
}
|
||||
.picker__day--selected,
|
||||
.picker__day--selected:hover,
|
||||
.picker--focused .picker__day--selected {
|
||||
background: #4681d1;
|
||||
background: #f86a3c;
|
||||
color: #fff;
|
||||
}
|
||||
.picker__day--disabled,
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 584 B |
@ -506,15 +506,16 @@
|
||||
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
<button type="button" class="btn_type01">확정</button>
|
||||
<button type="button" class="btn_type06">변경</button>
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type07">반려</button>
|
||||
<button type="button" class="btn_type10">삭제</button>
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type01">확정</button>
|
||||
<button type="button" class="btn_type06">변경</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -275,13 +275,15 @@
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left" style="width: 90%;">
|
||||
<button type="button" class="btn line blue">접수승인</button>
|
||||
<button type="button" class="btn fill red" onclick="popOpen('/ipedu/visitEdu/adm/publish/list01_detail01_popup01.html','반려사유','550','294')">접수반려</button>
|
||||
<button type="button" class="btn line blue">선정완료</button>
|
||||
<button type="button" class="btn fill blue">교육확정</button>
|
||||
<button type="button" class="btn fill red" onclick="popOpen('/ipedu/visitEdu/adm/publish/list01_detail01_popup01.html','반려사유','550','294')">접수반려</button>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn fill blue">교육확정</button>
|
||||
<button type="button" class="btn_type03">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -167,7 +167,7 @@
|
||||
<p>첨부파일</p>
|
||||
</th>
|
||||
<td>
|
||||
<button type="button" class="btn_type01">학교장 직인 업로드</button>
|
||||
<button type="button" class="btn_type06">학교장 직인 업로드</button>
|
||||
<div class="file_wrap">
|
||||
<table>
|
||||
<colgroup>
|
||||
@ -296,9 +296,10 @@
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
<button type="button" class="btn_type01">승인</button>
|
||||
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type01">승인</button>
|
||||
<button type="button" class="btn_type03">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -145,6 +145,7 @@
|
||||
<!-- list_상세 -->
|
||||
<div class="tb_tit01">
|
||||
<p>월별 교육횟수 통계 수정</p>
|
||||
<button type="button" class="btn_type06 btn md" onclick="addEditClass()">항목추가</button>
|
||||
</div>
|
||||
<div class="tb_type01 afterEdit">
|
||||
<table>
|
||||
@ -163,7 +164,7 @@
|
||||
<col style="width: calc(13/100%);">
|
||||
<col style="width: calc(13/100%);">
|
||||
<col style="width: calc(13/100%);">
|
||||
<col style="width: 40px;">
|
||||
<col style="width: 60px;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
@ -228,10 +229,10 @@
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
<button type="button" class="btn_type01">저장</button>
|
||||
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type06" onclick="addEditClass()">항목추가</button>
|
||||
<button type="button" class="btn_type01">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -225,10 +225,11 @@
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
<button type="button" class="btn_type05">저장</button>
|
||||
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type02">등록</button>
|
||||
<button type="button" class="btn_type01">저장</button>
|
||||
<button type="button" class="btn_type06">등록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user