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

교육 신청 페이지, 교육 리스트, 교육 신청 상세페이지 버튼 클래스 추가

Browse Source
This commit is contained in:
subsub 2025-09-23 17:37:48 +09:00
parent d00ff90ea9
commit 7f18f06819
14 changed files with 86 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/webapp/WEB-INF/jsp/web/com/webCommonNaviWrap.jsp
View File

@ -52,7 +52,7 @@ $(document).ready(function (){
&& resultListTwo.upperMenuId eq upperMenuId }"> && resultListTwo.upperMenuId eq upperMenuId }">
<li> <li>
<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} class="depth01" > <a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} class="depth01" >
<c:out value="${resultListTwo.menuNm}" /> <c:out value="${resultListTwo.menuNm}" /> <i></i>
</a> </a>
</li> </li>
</c:if> </c:if>

6
src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeInqire.jsp
View File

@ -190,6 +190,9 @@ function fn_egov_select_commentList(pageNo) {
</div> </div>
<div class="btn_wrap btn_layout01"> <div class="btn_wrap btn_layout01">
<div class="btn_left"> <div class="btn_left">
<c:if test="${result.frstRegisterId eq userId}">
<button type="button" class="btnType03 btn line red large" onclick="javascript:fn_egov_delete_notice(); return false;">삭제</button>
</c:if>
</div> </div>
<div class="btn_center"> <div class="btn_center">
</div> </div>
@ -205,10 +208,9 @@ function fn_egov_select_commentList(pageNo) {
</c:when> </c:when>
</c:choose> --%> </c:choose> --%>
<c:if test="${result.frstRegisterId eq userId}"> <c:if test="${result.frstRegisterId eq userId}">
<button type="button" class="btnType03" onclick="javascript:fn_egov_delete_notice(); return false;">삭제</button>
<button type="button" class="btnType06 btn line blue large" onclick="javascript:fn_egov_moveUpdt_notice(); return false;">수정</button> <button type="button" class="btnType06 btn line blue large" onclick="javascript:fn_egov_moveUpdt_notice(); return false;">수정</button>
</c:if> </c:if>
<button type="button" class="btnType02 btn fill blue large m_btn_block" onclick="javascript:fn_egov_select_noticeList(); return false;">목록</button> <button type="button" class="btnType02 btn fill gray large m_btn_block" onclick="javascript:fn_egov_select_noticeList(); return false;">목록</button>
</div> </div>
</div> </div>

7
src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeRegist.jsp
View File

@ -163,7 +163,7 @@
</th> </th>
<td class="upload_area"> <td class="upload_area">
<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/> <input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
<button type="button" id="filebutton" class="btnType01 btn_add_file">파일 첨부하기</button> <button type="button" id="filebutton" class="btnType01 btn_add_file btn fill mint small">파일 첨부하기</button>
<div class="file_wrap file_upload_box no_img_box"> <div class="file_wrap file_upload_box no_img_box">
<table class="tbType02"> <table class="tbType02">
<caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption> <caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
@ -235,12 +235,13 @@
<!-- 하단 버튼 --> <!-- 하단 버튼 -->
<div class="btn_wrap btn_layout01"> <div class="btn_wrap btn_layout01">
<div class="btn_left"> <div class="btn_left">
<button type="button" class="btnType03 btn fill gray large" onclick="javascript:fn_egov_select_noticeList(); return false;">취소</button>
</div> </div>
<div class="btn_center"> <div class="btn_center">
<button type="button" class="btnType06" onclick="javascript:fn_egov_regist_notice(); return false;">저장</button>
</div> </div>
<div class="btn_right"> <div class="btn_right">
<button type="button" class="btnType03" onclick="javascript:fn_egov_select_noticeList(); return false;">취소</button> <button type="button" class="btnType06 btn fill blue large" onclick="javascript:fn_egov_regist_notice(); return false;">저장</button>
</div> </div>
</div> </div>
<!-- //하단 버튼 --> <!-- //하단 버튼 -->

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

@ -75,7 +75,7 @@
if ($('#regBtn').prop('disabled')) { if ($('#regBtn').prop('disabled')) {
$('#regBtn').removeAttr('onclick').removeAttr('data-tooltip'); $('#regBtn').removeAttr('onclick').removeAttr('data-tooltip');
$('#regBtn').prop('disabled', false); $('#regBtn').prop('disabled', false);
$('#regBtn').css('background-color', '#888'); $('#regBtn').css({'background':'#f4f4f4','color':'#888', 'border':'1px solid #ddd'});
/*24.01.23 웹접근성 검사를 위하여 title 추가*/ /*24.01.23 웹접근성 검사를 위하여 title 추가*/
$('#regBtn').attr('title','비활성화됨'); $('#regBtn').attr('title','비활성화됨');
} }
@ -605,7 +605,7 @@
<%-- </c:if> --%> <%-- </c:if> --%>
<c:if test="${(prcsAplctVO.aprvlCd eq '10' or prcsAplctVO.aprvlCd eq '20') and prcsAplctVO.ddlnCd ne '20'}"> <c:if test="${(prcsAplctVO.aprvlCd eq '10' or prcsAplctVO.aprvlCd eq '20') and prcsAplctVO.ddlnCd ne '20'}">
<button type="button" class="btnType05" onclick="fncCancelUser('${infoAplctOrd.eduAplctOrd}', '${infoAplctOrd.prcsOrd}', '2-1')">교육취소</button> <button type="button" class="btnType05 btn line red large" onclick="fncCancelUser('${infoAplctOrd.eduAplctOrd}', '${infoAplctOrd.prcsOrd}', '2-1')">교육취소</button>
</c:if> </c:if>
<c:if test="${prcsAplctVO.aprvlCd eq '60' and prcsAplctVO.ddlnCd eq '20'}"> <c:if test="${prcsAplctVO.aprvlCd eq '60' and prcsAplctVO.ddlnCd eq '20'}">

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

@ -86,7 +86,7 @@ $(document).ready(function(){
if($applyButton.prop('disabled')){ if($applyButton.prop('disabled')){
$applyButton.removeAttr('onclick'); $applyButton.removeAttr('onclick');
$applyButton.prop('disabled', false); $applyButton.prop('disabled', false);
$applyButton.css('background-color', '#888'); $applyButton.css({'background':'#f4f4f4','color':'#888'});
/*24.01.23 웹접근성 검사를 위하여 title 추가*/ /*24.01.23 웹접근성 검사를 위하여 title 추가*/
$applyButton.attr('title','비활성화됨'); $applyButton.attr('title','비활성화됨');
$applyButton.removeAttr('data-tooltip'); $applyButton.removeAttr('data-tooltip');
@ -138,7 +138,7 @@ $(document).ready(function(){
if($applyButton.prop('disabled')){ if($applyButton.prop('disabled')){
$applyButton.removeAttr('onclick'); $applyButton.removeAttr('onclick');
$applyButton.prop('disabled', false); $applyButton.prop('disabled', false);
$applyButton.css('background-color', '#888'); $applyButton.css({'background':'#f4f4f4','color':'#888'});
/*24.01.23 웹접근성 검사를 위하여 title 추가*/ /*24.01.23 웹접근성 검사를 위하여 title 추가*/
$applyButton.attr('title','비활성화됨'); $applyButton.attr('title','비활성화됨');
$applyButton.removeAttr('data-tooltip'); $applyButton.removeAttr('data-tooltip');
@ -689,8 +689,8 @@ $(document).ready(function(){
<duet-date-picker identifier="date" id="searchEndDt" name="searchEndDt" class="endDate" value="${vEPrcsDetailVO.searchEndDt}"></duet-date-picker> <duet-date-picker identifier="date" id="searchEndDt" name="searchEndDt" class="endDate" value="${vEPrcsDetailVO.searchEndDt}"></duet-date-picker>
</div> </div>
<script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker.js"></script> <script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker.js"></script>
<button type="button" class="btnType01" onclick="fncGoList();">검색</button> <button type="button" class="btnType01 btn_search" onclick="fncGoList();">검색</button>
<button type="button" class="btnType02" onclick="fncReset(this);">초기화</button> <button type="button" class="btnType02 btn_reset" onclick="fncReset(this);">초기화</button>
</div> </div>
</div> </div>
@ -769,7 +769,7 @@ $(document).ready(function(){
onclick="fncAplctPopup('<c:out value="${list.prcsAplctPrdOrd}"/>','','','10','select' onclick="fncAplctPopup('<c:out value="${list.prcsAplctPrdOrd}"/>','','','10','select'
,'','','' ,'','',''
)" title="팝업 열림">신청</button> --%> )" title="팝업 열림">신청</button> --%>
<button type="button" class="btnType04" data-info="<c:out value='${list.prcsAplctPrdOrd}'/>" data-tooltip="sub36_pop02" <button type="button" class="btnType04 btn fill blue small" data-info="<c:out value='${list.prcsAplctPrdOrd}'/>" data-tooltip="sub36_pop02"
onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" title="팝업 열림"> onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" title="팝업 열림">
<c:choose> <c:choose>
<c:when test="${list.ddlnCd eq '20'}"> <c:when test="${list.ddlnCd eq '20'}">

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

@ -453,7 +453,7 @@ $(document).ready(function(){
<option ${vEPrcsDetailVO.searchStatus eq 20 ? 'selected' : ''} value="20">완료</option> <option ${vEPrcsDetailVO.searchStatus eq 20 ? 'selected' : ''} value="20">완료</option>
</select> </select>
</div> </div>
<div class="btn_wrap"> <div class="search_area">
<div class="calendar_wrap"> <div class="calendar_wrap">
<%-- <input type="text" class="calendar" id="searchStartDt" name="searchStartDt" title="시작일 선택" value="${vEPrcsDetailVO.searchStartDt}"> --%> <%-- <input type="text" class="calendar" id="searchStartDt" name="searchStartDt" title="시작일 선택" value="${vEPrcsDetailVO.searchStartDt}"> --%>
<duet-date-picker identifier="date" name="searchStartDt" class="startDate" value="${vEPrcsDetailVO.searchStartDt}"></duet-date-picker> <duet-date-picker identifier="date" name="searchStartDt" class="startDate" value="${vEPrcsDetailVO.searchStartDt}"></duet-date-picker>
@ -464,8 +464,8 @@ $(document).ready(function(){
<duet-date-picker identifier="date" name="searchEndDt" class="endDate" value="${vEPrcsDetailVO.searchEndDt}"></duet-date-picker> <duet-date-picker identifier="date" name="searchEndDt" class="endDate" value="${vEPrcsDetailVO.searchEndDt}"></duet-date-picker>
</div> </div>
<script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker.js"></script> <script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker.js"></script>
<button type="button" class="btnType01" onclick="fncGoList();">검색</button> <button type="button" class="btnType01 btn_search" onclick="fncGoList();">검색</button>
<button type="button" class="btnType02" onclick="fncReset(this);">초기화</button> <button type="button" class="btnType02 btn_reset" onclick="fncReset(this);">초기화</button>
</div> </div>
</div> </div>
@ -654,7 +654,7 @@ $(document).ready(function(){
<div class="btn_center"> <div class="btn_center">
</div> </div>
<div class="btn_right"> <div class="btn_right">
<button type="button" class="btnType01" onclick="location.href='<c:url value="/web/ve/aplct/sspnIdtmt/eduAplctList.do" />'">강의목록</button> <button type="button" class="btnType01 btn fill gray large" onclick="location.href='<c:url value="/web/ve/aplct/sspnIdtmt/eduAplctList.do" />'">강의목록</button>
</div> </div>
</div> </div>

27
src/main/webapp/js/fullcalendar/5.9.0/main.css
View File

@ -223,7 +223,7 @@ When it's NOT activated, the fc-button classes won't even be in the DOM.
.fc .fc-today-button{ .fc .fc-today-button{
font-size: 18px !important; font-size: 18px !important;
font-weight: 400!important; font-weight: 400!important;
background-color: #f48105 !important; background-color: var(--primary-color) !important;
color: #fff!important; color: #fff!important;
transition:background-color .1s linear!important; transition:background-color .1s linear!important;
border-radius : 5px!important; border-radius : 5px!important;
@ -231,7 +231,7 @@ When it's NOT activated, the fc-button classes won't even be in the DOM.
margin-right: 5px; margin-right: 5px;
} }
.fc .fc-today-button:hover{ .fc .fc-today-button:hover{
background-color: #f45f05 !important; background-color: var(--primary-color-hover) !important;
transition: background-color .1s linear !important; transition: background-color .1s linear !important;
} }
.fc .fc-dayGridMonth-button{ .fc .fc-dayGridMonth-button{
@ -257,8 +257,9 @@ When it's NOT activated, the fc-button classes won't even be in the DOM.
.fc .fc-button-primary { .fc .fc-button-primary {
color: #ccc; color: #ccc;
background-color: #fff; background-color: #fff;
border-color: #ccc; border-color: #d8d8d8;
transition: background-color 0.1s linear; transition: background-color 0.1s linear;
border-radius:8px;
} }
.fc .fc-button-primary:hover { .fc .fc-button-primary:hover {
/*color: #fff; /*color: #fff;
@ -291,7 +292,8 @@ When it's NOT activated, the fc-button classes won't even be in the DOM.
} }
.fc .fc-button .fc-icon { .fc .fc-button .fc-icon {
vertical-align: middle; vertical-align: middle;
font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */ color:#333;
font-size: 2.8rem; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
} }
.fc .fc-button-group { .fc .fc-button-group {
position: relative; position: relative;
@ -334,7 +336,7 @@ When it's NOT activated, the fc-button classes won't even be in the DOM.
align-items: center; align-items: center;
} }
.fc .fc-toolbar.fc-header-toolbar { .fc .fc-toolbar.fc-header-toolbar {
margin-bottom: 1.5em; margin-bottom: 20px;
} }
.fc .fc-toolbar.fc-footer-toolbar { .fc .fc-toolbar.fc-footer-toolbar {
margin-top: 1.5em; margin-top: 1.5em;
@ -350,7 +352,7 @@ When it's NOT activated, the fc-button classes won't even be in the DOM.
margin: 0; margin: 0;
} }
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) { .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
margin-left: .75em; /* space between */ margin:0 .75em; /* space between */
} }
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) { .fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
margin-right: .75em; /* space between */ margin-right: .75em; /* space between */
@ -467,6 +469,7 @@ When it's NOT activated, the fc-button classes won't even be in the DOM.
.fc .fc-view-harness { .fc .fc-view-harness {
flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */ flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
position: relative; position: relative;
border-top: 2px solid #858686;
} }
.fc { .fc {
@ -486,6 +489,7 @@ When it's NOT activated, the fc-button classes won't even be in the DOM.
.fc .fc-col-header-cell-cushion { .fc .fc-col-header-cell-cushion {
display: inline-block; /* x-browser for when sticky (when multi-tier header) */ display: inline-block; /* x-browser for when sticky (when multi-tier header) */
padding: 2px 4px; padding: 2px 4px;
font-size: 16px;
} }
.fc .fc-bg-event, .fc .fc-bg-event,
.fc .fc-non-business, .fc .fc-non-business,
@ -632,8 +636,8 @@ A HORIZONTAL event
border: 1px solid #3788d8; border: 1px solid #3788d8;
border: 1px solid var(--fc-event-border-color, #3788d8); border: 1px solid var(--fc-event-border-color, #3788d8);
background-color: #3788d8; background-color: #3788d8;
background-color: var(--fc-event-bg-color, #3788d8) background-color: var(--fc-event-bg-color, #3788d8);
font-size: 1.7rem !important;
} }
.fc-h-event .fc-event-main { .fc-h-event .fc-event-main {
color: #fff; color: #fff;
@ -654,10 +658,13 @@ A HORIZONTAL event
.fc-h-event .fc-event-title { .fc-h-event .fc-event-title {
display: inline-block; /* need this to be sticky cross-browser */ display: inline-block; /* need this to be sticky cross-browser */
vertical-align: top; /* for not messing up line-height */ vertical-align: top; /* for not messing up line-height */
left: 0; /* for sticky */ left:3px; /* for sticky */
right: 0; /* for sticky */ right: 0; /* for sticky */
max-width: 100%; /* clip overflow on this element */ max-width: 100%; /* clip overflow on this element */
overflow: hidden; overflow: hidden;
font-size:15px;
white-space:nowrap;
text-overflow:ellipsis;
} }
.fc-h-event.fc-event-selected:before { .fc-h-event.fc-event-selected:before {
/* expand hit area */ /* expand hit area */
@ -929,7 +936,7 @@ A HORIZONTAL event
position: relative; /* for z-indexes assigned later */ position: relative; /* for z-indexes assigned later */
white-space: nowrap; white-space: nowrap;
border-radius: 5px; /* dot event needs this to when selected */ border-radius: 5px; /* dot event needs this to when selected */
font-size: 14px !important; font-size: 17px !important;
font-size: var(--fc-small-font-size, 14px); font-size: var(--fc-small-font-size, 14px);
height: 24px; height: 24px;
line-height: 1.3; line-height: 1.3;

13
src/main/webapp/visitEdu/usr/publish/css/common.css
View File

@ -11,10 +11,9 @@
--secondary-color-light:#f2fbfd; --secondary-color-light:#f2fbfd;
--secondary-color-light-hover:#ebf9fc; --secondary-color-light-hover:#ebf9fc;
--red-color:#e81717; --red-color:#dc1818;
--red-color-hover:#d11515; --red-color-hover:#ce1010;
--red-color-light:#fde8e8; --red-color-light:#ffe5e5;
--red-color-light-hover:#fcdcdc;
--gray-color:#838484; --gray-color:#838484;
--gray-color-hover:#636464; --gray-color-hover:#636464;
@ -78,10 +77,10 @@ header nav .depth01{display:flex;height:90px;font-size:2.8rem;font-weight:600;co
header nav li:hover .depth01{border-bottom:3px solid var(--primary-color);color:var(--primary-color)} header nav li:hover .depth01{border-bottom:3px solid var(--primary-color);color:var(--primary-color)}
.depth02_wrap{position:absolute;display:flex;width:100%;height:0;left:0;overflow:hidden;transition:height .5s;} .depth02_wrap{position:absolute;display:flex;width:100%;height:0;left:0;overflow:hidden;transition:height .5s;}
.on .depth02_wrap{height:200px;top:100%;margin:0 auto;} .on .depth02_wrap{height:220px;top:100%;margin:0 auto;}
.depth02_wrap::before{position:absolute;content:"";width:100vw;height:100%;background:#fff;border-top:1px solid #d8d8d8;box-shadow:0 5px 8px rgba(0,0,0,0.05);} .depth02_wrap::before{position:absolute;content:"";width:100vw;height:200px;background:#fff;border-top:1px solid #d8d8d8;border-bottom:1px solid #e8e8e8;box-shadow:0 5px 8px rgba(0,0,0,0.05);}
.depth02,.depth02_wrap .menu_title{position:relative;} .depth02,.depth02_wrap .menu_title{position:relative;}
.depth02_wrap .menu_title{width:38vw;height:calc(100% + 1px);background:#396ac4;box-sizing:border-box;} .depth02_wrap .menu_title{width:38vw;height:201px;background:#396ac4;box-sizing:border-box;}
.depth02_wrap .menu_title span{position:relative;display:block;font-size:2.7rem;font-weight:500;color:#fff;padding:0 0 0 17px;;margin:64px 0 0 18vw} .depth02_wrap .menu_title span{position:relative;display:block;font-size:2.7rem;font-weight:500;color:#fff;padding:0 0 0 17px;;margin:64px 0 0 18vw}
.depth02_wrap .menu_title span::before{position:absolute;content:"";width:5px;height:23px;background:#fff;left:0;} .depth02_wrap .menu_title span::before{position:absolute;content:"";width:5px;height:23px;background:#fff;left:0;}
.depth02_wrap .depth02{display:flex;padding:64px 0 0 70px;gap:30px;} .depth02_wrap .depth02{display:flex;padding:64px 0 0 70px;gap:30px;}

35
src/main/webapp/visitEdu/usr/publish/css/content.css
View File

@ -19,8 +19,8 @@
.lnb_nav .depth01{display:flex;height:70px;font-size:1.7rem;font-weight:500;color:#555;align-items:center;justify-content:space-between;} .lnb_nav .depth01{display:flex;height:70px;font-size:1.7rem;font-weight:500;color:#555;align-items:center;justify-content:space-between;}
.lnb_nav .depth01 i{display:inline-block;width:25px;height:25px;background:url(/ipedu/visitEdu/usr/publish/images/common/lnb_icon.png) no-repeat left top;} .lnb_nav .depth01 i{display:inline-block;width:25px;height:25px;background:url(/ipedu/visitEdu/usr/publish/images/common/lnb_icon.png) no-repeat left top;}
.lnb_nav .depth01:hover,.lnb_nav .depth01.active{color:var(--primary-color-dark);} .lnb_nav .depth01:hover,.lnb_nav .on .depth01{color:var(--primary-color-dark);}
.lnb_nav .depth01:hover i,.lnb_nav .depth01.active i{background:url(/ipedu/visitEdu/usr/publish/images/common/lnb_icon.png) no-repeat left bottom;} .lnb_nav .depth01:hover i,.lnb_nav .on .depth01 i{background:url(/ipedu/visitEdu/usr/publish/images/common/lnb_icon.png) no-repeat left bottom;}
.container .inner>.cont_wrap {display:inline-block;width:calc(100% - 336px);max-width:100%;} .container .inner>.cont_wrap {display:inline-block;width:calc(100% - 336px);max-width:100%;}
.container .cont_tit{display:flex;padding:0 0 20px 0;margin:0 0 50px 0;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #d7d7d7;} .container .cont_tit{display:flex;padding:0 0 20px 0;margin:0 0 50px 0;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #d7d7d7;}
@ -85,13 +85,15 @@ button{transition: background-color .1s linear;}
.btn.regular{height:40px;} .btn.regular{height:40px;}
.btn.large{height:45px;padding:0 30px;} .btn.large{height:45px;padding:0 30px;}
.btn.fill.blue{background:var(--primary-color);color:#fff;} .btn.fill.blue{background:var(--primary-color);color:#fff;border:0;}
.btn.fill.mint{background:var(--secondary-color);color:#fff;} .btn.fill.mint{background:var(--secondary-color);color:#fff;border:0;}
.btn.fill.gray{background:var(--gray-color);color:#fff;} .btn.fill.gray{background:var(--gray-color);color:#fff;border:0;}
.btn.fill.red{background:var(--red-color);color:#fff;border:0;}
.btn.fill.blue:hover{background:var(--primary-color-hover);color:#fff;} .btn.fill.blue:hover{background:var(--primary-color-hover);color:#fff;}
.btn.fill.mint:hover{background:var(--secondary-color-hover);color:#fff;} .btn.fill.mint:hover{background:var(--secondary-color-hover);color:#fff;}
.btn.fill.gray:hover{background:var(--gray-color-hover);color:#fff;} .btn.fill.gray:hover{background:var(--gray-color-hover);color:#fff;}
.btn.fill.red:hover{background:var(--red-color-hover);color:#fff;border:0;}
.btn.fill.lightblue{background:var(--primary-color-light);border:1px solid var(--primary-color);color:var(--primary-color);} .btn.fill.lightblue{background:var(--primary-color-light);border:1px solid var(--primary-color);color:var(--primary-color);}
.btn.fill.lightmint{background:var(--secondary-color-light);border:1px solid var(--secondary-color);color:var(--secondary-color);} .btn.fill.lightmint{background:var(--secondary-color-light);border:1px solid var(--secondary-color);color:var(--secondary-color);}
@ -104,10 +106,12 @@ button{transition: background-color .1s linear;}
.btn.line.blue{border:1px solid #b4c7eb;color:var(--primary-color);} .btn.line.blue{border:1px solid #b4c7eb;color:var(--primary-color);}
.btn.line.mint{border:1px solid #b1dce7;color:var(--secondary-color);} .btn.line.mint{border:1px solid #b1dce7;color:var(--secondary-color);}
.btn.line.gray{border:1px solid #c5c5c5;color:var(--gray-color);} .btn.line.gray{border:1px solid #c5c5c5;color:var(--gray-color);}
.btn.line.red{border:1px solid var(--red-color);color:var(--red-color);}
.btn.line.blue:hover{border:1px solid #99b1e2;color:var(--primary-color);} .btn.line.blue:hover{border:1px solid #99b1e2;color:var(--primary-color);}
.btn.line.mint:hover{border:1px solid #91cada;color:var(--secondary-color);} .btn.line.mint:hover{border:1px solid #91cada;color:var(--secondary-color);}
.btn.line.gray:hover{border:1px solid #aeaeae;color:var(--gray-color);} .btn.line.gray:hover{border:1px solid #aeaeae;color:var(--gray-color);}
.btn.line.red:hover{border:1px solid var(--red-color-light);color:var(--red-color-light);}
/* 기본 input texarea */ /* 기본 input texarea */
input {border: 1px solid #d5d5d5; border-radius: 5px;} input {border: 1px solid #d5d5d5; border-radius: 5px;}
@ -257,7 +261,7 @@ duet-date-picker *:focus{outline: auto !important;}
.board_util li{position:relative;font-size:1.5rem;color:#555;padding:0 0 0 12px;box-sizing:border-box;} .board_util li{position:relative;font-size:1.5rem;color:#555;padding:0 0 0 12px;box-sizing:border-box;}
.board_util li::before{position:absolute;content:"";width:5px;height:5px;background:#b7b7b7;border-radius:100%;left:0;top:5.4px;} .board_util li::before{position:absolute;content:"";width:5px;height:5px;background:#b7b7b7;border-radius:100%;left:0;top:5.4px;}
.board_view_content{padding:30px 20px;font-size:1.7rem;color:#555;line-height:1.4;border-bottom:1px solid #d8d8d8;box-sizing:border-box;} .board_view_content{padding:30px 20px;font-size:1.7rem;color:#555;line-height:1.4;border-bottom:1px solid #d8d8d8;box-sizing:border-box;}
.board_view .file_wrap{display:flex;padding:20px;gap:8px;border-left:0;border-right:0;border-radius:0;box-sizing:border-box;} .board_view .file_wrap{display:flex;padding:20px;margin:-1px 0 0 0;gap:8px;border-left:0;border-right:0;border-radius:0;box-sizing:border-box;}
.board_view .file{display:flex;font-size:1.7rem;color:#555;align-items:center;gap:8px;} .board_view .file{display:flex;font-size:1.7rem;color:#555;align-items:center;gap:8px;}
/* faq */ /* faq */
@ -676,16 +680,16 @@ duet-date-picker *:focus{outline: auto !important;}
.agree_wrap .agree_chx {background-color: #f5f5f5; border-radius: 5px; padding: 16px 20px; margin-top: 8px; margin-bottom: 40px; box-sizing: border-box;} .agree_wrap .agree_chx {background-color: #f5f5f5; border-radius: 5px; padding: 16px 20px; margin-top: 8px; margin-bottom: 40px; box-sizing: border-box;}
/* file table */ /* file table */
.file_wrap{width: 100%; margin-top: -1px; border: 1px solid #d5d5d5; border-radius: 5px; overflow: hidden;} .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:last-child {margin-bottom: 10px;}
.file_wrap table{width: 100%; table-layout: fixed;} .file_wrap table{width: 100%; table-layout: fixed;}
.file_wrap table thead{border-bottom: 1px solid #d5d5d5;} .file_wrap table thead{border-bottom: 1px solid #d5d5d5;}
.file_wrap table thead th{height: 30px; font-size: 14px; color: #666; background-color: #fff; text-align: center; letter-spacing: -0.8px; vertical-align: middle; font-weight: 400; padding: 0; border-right: 0} .file_wrap table thead th{height: 30px; font-size: 14px; color: #666; background-color: #fff; text-align: center; letter-spacing: -0.8px; vertical-align: middle; font-weight: 400; padding: 0; border-right: 0}
.file_wrap th input,.file_wrap td input{height: auto;} .file_wrap th input,.file_wrap td input{height: auto;}
.file_wrap .tb_file_before{height: 110px; position: relative;} .file_wrap .tb_file_before{height: 110px; position: relative;}
.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(../images/content/icon_file.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;} .file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(../images/content/file_before.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;}
.file_wrap tbody.tb_file_before p{font-size: 14px; font-weight: 400; color: #666666; text-align: center; padding-top: 70px;} .file_wrap tbody.tb_file_before p{font-size: 14px; font-weight: 400; color: #666666; text-align: center; padding-top: 70px;}
.file_wrap tbody.tb_file_before span{color: #2b68da;} .file_wrap tbody.tb_file_before span{color: #2b68da;font-size:inherit;}
.file_wrap tbody.tb_file_after{height: auto;} .file_wrap tbody.tb_file_after{height: auto;}
.file_wrap tbody.tb_file_after tr{border-bottom: 1px solid #d5d5d5;} .file_wrap tbody.tb_file_after tr{border-bottom: 1px solid #d5d5d5;}
.file_wrap tbody.tb_file_after tr:last-child{border-bottom: 0;} .file_wrap tbody.tb_file_after tr:last-child{border-bottom: 0;}
@ -702,6 +706,9 @@ duet-date-picker *:focus{outline: auto !important;}
.file_cf .cf_left span {color: #e40000; font-weight: 400;} .file_cf .cf_left span {color: #e40000; font-weight: 400;}
.file_cf .cf_right span {color: #2b68da; font-weight: 400;} .file_cf .cf_right span {color: #2b68da; font-weight: 400;}
.upload_area .btn_add_file{height:35px;font-size:1.5rem;}
.tb_type01>table>tbody>tr>td.upload_area >.btnType01.btn_add_file{height:35px;font-size:1.5rem;}
/* 강사유형 선택 */ /* 강사유형 선택 */
.sel_tpye {margin: 100px 165px 24px 165px; text-align: center;} .sel_tpye {margin: 100px 165px 24px 165px; text-align: center;}
.sel_tpye>p {font-size: 30px; font-weight: 300; letter-spacing: -0.5px;} .sel_tpye>p {font-size: 30px; font-weight: 300; letter-spacing: -0.5px;}
@ -820,14 +827,14 @@ duet-date-picker *:focus{outline: auto !important;}
.edu_wrap .edu_img img{width: 70%; display: block; margin: auto auto 30px auto;} .edu_wrap .edu_img img{width: 70%; display: block; margin: auto auto 30px auto;}
.edu_wrap .edu_table tbody th p{font-weight: 500;} .edu_wrap .edu_table tbody th p{font-weight: 500;}
.edu_wrap .edu_table tbody td{font-weight: 400;} .edu_wrap .edu_table tbody td{font-weight: 400;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li{display: flex;background-color: #ececec; width: 50%; border-radius: 50px; position: relative; justify-content:flex-start; align-items:center; padding:0 5px; margin: 0 0 17px 0; box-sizing: border-box;} .edu_wrap .tb_type01 table tbody .edu_sus_num li{display: flex;background-color: #ececec; width: 56%; border-radius: 50px; position: relative; justify-content:flex-start; align-items:center; padding:0 5px; margin: 0 0 17px 0; box-sizing: border-box;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li:last-child{margin: 0;} .edu_wrap .tb_type01 table tbody .edu_sus_num li:last-child{margin: 0;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li .num{width: 28px; height: 28px; background-color: #fff; font-weight: 600; font-size: 15px; border-radius: 14px;margin: 10px 0 10px 10px; text-align: center; display:flex; align-items:center; justify-content: center;} .edu_wrap .tb_type01 table tbody .edu_sus_num li .num{width: 28px; height: 28px; background-color: #fff; font-weight: 600; font-size: 15px; border-radius: 14px;margin: 10px 0 10px 10px; text-align: center; display:flex; align-items:center; justify-content: center;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p{width:calc(100% - 40px); font-size: 1.6rem;margin:0 0 0 6px; color: #222;} .edu_wrap .tb_type01 table tbody .edu_sus_num li p{width:calc(100% - 40px); font-size: 1.6rem;margin:0 0 0 6px; color: #222;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p b{position:relative; font-size:inherit; font-weight:600; padding:0 15px 0 0 ;margin: 0 15px 0 0;} .edu_wrap .tb_type01 table tbody .edu_sus_num li p b{position:relative; font-size:inherit; font-weight:600; padding:0 15px 0 0 ;margin: 0 15px 0 0;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{position:absolute;content:""; width:1px; height:10px; background-color: #999; right:0; top:8px;} .edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{position:absolute;content:""; width:1px; height:10px; background-color: #999; right:0; top:8px;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p span{font-weight: 500;} .edu_wrap .tb_type01 table tbody .edu_sus_num li p span{font-weight: 500; font-size: inherit;}
.edu_wrap .tb_type01 table tbody .edu_sus_num .sus_te p b span{font-size: 15px; font-weight: 400;} .edu_wrap .tb_type01 table tbody .edu_sus_num .sus_te p b span{font-size: 1.5rem; font-weight: 400;}
/*마이페이지 추가*/ /*마이페이지 추가*/
.mypage_wrap .mypage{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 40px 0;} .mypage_wrap .mypage{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 40px 0;}
@ -981,7 +988,7 @@ duet-date-picker *:focus{outline: auto !important;}
.btn.small{height:70px;font-size:3rem;} .btn.small{height:70px;font-size:3rem;}
.btn.regular{height:80px;} .btn.regular{height:80px;}
.btn.large{height:90px;padding:0 60px;} .btn.large{height:90px;padding:0 60px;font-size:3.6rem;}
.list_top{flex-wrap:wrap;gap:10px;} .list_top{flex-wrap:wrap;gap:10px;}
.list_top>div{width:100%;} .list_top>div{width:100%;}
@ -1112,7 +1119,7 @@ duet-date-picker *:focus{outline: auto !important;}
.tb_type01.tb_write .file{display:flex;align-items:center;gap:8px;} .tb_type01.tb_write .file{display:flex;align-items:center;gap:8px;}
/* list */ /* list */
.tb_list01{border-top:2px solid #858686;} .tb_list01{border-top:2px solid #858686;border-bottom:1px solid #535353;}
.tb_list01 table,.tb_list01 tbody{display:block;} .tb_list01 table,.tb_list01 tbody{display:block;}
.tb_list01 thead{display:none;} .tb_list01 thead{display:none;}
.tb_list01 tr{display:flex;padding:20px 16px;flex-direction:column;justify-content:flex-start;border-bottom:1px solid #e5e5e5;gap:16px;} .tb_list01 tr{display:flex;padding:20px 16px;flex-direction:column;justify-content:flex-start;border-bottom:1px solid #e5e5e5;gap:16px;}

41
src/main/webapp/visitEdu/usr/publish/css/popup.css
View File

@ -3,14 +3,15 @@
.t_left {text-align: left !important;} .t_left {text-align: left !important;}
.popup_wrap{display: none; position: fixed; z-index: 23; box-shadow: 0 0 10px rgba(0,0,0,0.25); border-radius: 5px; /*overflow: hidden;*/ z-index: 50;} .popup_wrap{display: none; position: fixed; z-index: 23; box-shadow: 0 0 10px rgba(0,0,0,0.25); border-radius: 5px; /*overflow: hidden;*/ z-index: 50;}
.popup_tit {height: 45px; background-color: #2b68da; display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 18px; font-weight: 400; padding: 0 20px; border-radius: 5px 5px 0 0; box-sizing: border-box;} .popup_tit {height: 45px; background-color: #2b68da; display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 1.8rem; font-weight: 400; padding: 0 20px; border-radius: 5px 5px 0 0; box-sizing: border-box;}
.btn_popup_close{width: 16px; height: 16px; padding: 0;} .btn_popup_close{width: 20px; height: 20px; padding: 0;}
.btn_popup_close i{display: inline-block; width: 100%; height: 100%; background-image: url(../images/content/pop_close.png); background-repeat: no-repeat;} .btn_popup_close i{display: inline-block; width: 100%; height: 100%; background-image: url(../images/common/icon_close_white.png); background-repeat: no-repeat;}
.popup_tit2 {font-size: 17px; padding-bottom: 7px;} .popup_tit2 {font-size: 1.7rem; padding-bottom: 7px;}
.popup_cont {color: #222; padding: 40px 20px; box-sizing: border-box;background-color: #fff; border-radius: 0 0 5px 5px;} .popup_cont {color: #222; padding: 40px 20px; box-sizing: border-box;background-color: #fff; border-radius: 0 0 5px 5px;}
.popup_cont input[type="text"],.popup_cont input[type="date"] {height: 40px; padding: 0 10px; font-size: 16px;box-sizing: border-box;color:#222;} .popup_cont input[type="text"],.popup_cont input[type="date"] {height: 32px; padding: 0 10px; font-size: 1.6rem;box-sizing: border-box;color:#222;}
.popup_cont .pagination {margin: 0 0 10px 0;} .popup_cont .pagination {margin: 0 0 10px 0;}
.popup_cont .calendar_wrap{font-size:1.5rem;}
/* popup list top css 수정(학교명 검색) */ /* popup list top css 수정(학교명 검색) */
.popup_cont .list_top {padding: 14px 30px;} .popup_cont .list_top {padding: 14px 30px;}
@ -20,7 +21,7 @@
.popup_cont .list_top .btn_wrap button {margin-left: 4px;} .popup_cont .list_top .btn_wrap button {margin-left: 4px;}
/* popup button type */ /* popup button type */
.pop_btn_wrap button{margin: 0 1px;height: 34px; padding: 0 25px;font-size: 16px;text-align: center; vertical-align: middle; letter-spacing: -0.8px; border-radius: 5px; box-sizing: border-box; transition: background-color .1s linear;} .pop_btn_wrap button{margin: 0 1px;height: 34px; padding: 0 25px;font-size: 1.6rem;text-align: center; vertical-align: middle; letter-spacing: -0.8px; border-radius: 5px; box-sizing: border-box; transition: background-color .1s linear;}
.pop_btn_wrap button:first-child{margin-left: 0;} .pop_btn_wrap button:first-child{margin-left: 0;}
.pop_btn_wrap button:last-child{margin-right: 0;} .pop_btn_wrap button:last-child{margin-right: 0;}
@ -36,27 +37,27 @@
.popup_wrap.popType05 {width: 730px;} .popup_wrap.popType05 {width: 730px;}
.popup_table_top{margin:0 0 15px 0;text-align:right;} .popup_table_top{margin:0 0 15px 0;text-align:right;}
.popup_table_top button{height:38px;padding:0 13px;font-size:16px;font-weight:500;border-radius:5px;} .popup_table_top button{height:38px;padding:0 13px;font-size:1.6rem;font-weight:500;border-radius:5px;}
/* popup table type01 */ /* popup table type01 */
.pop_tb_type01 {margin-bottom: 40px; overflow-y: scroll; max-height: 500px;} .pop_tb_type01 {margin-bottom: 25px; overflow-y: scroll; max-height: 500px}
.pop_tb_type01>table{width: 100%; table-layout: fixed;} .pop_tb_type01>table{width: 100%; table-layout: fixed;; border-top: 2px solid #858686;}
.pop_tb_type01>table>tbody {border-top: 2px solid #000;} .pop_tb_type01>table>thead>tr>th{height:40px;padding:5px 10px;font-size:1.6rem;font-weight:500;background:#f8f9fa;border-bottom:1px solid #d8d8d8;color:#555;text-align:left;vertical-align:middle;}
.pop_tb_type01>table>tbody>tr{border-bottom: 1px solid #e5e5e5;} .pop_tb_type01>table>tbody>tr{border-bottom: 1px solid #d8d8d8;}
.pop_tb_type01>table>tbody>tr>th,.pop_tb_type01>table>tbody>tr>td{ font-size: 15px; text-align: left;box-sizing: border-box;} .pop_tb_type01>table>tbody>tr>th,.pop_tb_type01>table>tbody>tr>td{font-size: 1.5rem; padding:3px 12px; text-align: left;box-sizing: border-box;vertical-align: middle;}
.pop_tb_type01>table>tbody>tr>th{background-color: #f5f5f5; font-weight: 400; vertical-align: top; padding-top: 19px; padding-left: 20px;} .pop_tb_type01>table>tbody>tr>th{background-color: #f8f9fa; font-weight: 400; padding: 5px 12px;}
.pop_tb_type01>table>tbody>tr>th p {line-height: 1.3;} .pop_tb_type01>table>tbody>tr>th p {line-height: 1.3;}
.pop_tb_type01>table>tbody>tr>td{padding: 10px 13px; height: 55px; font-weight: 300; color: #555; vertical-align: middle; line-height: 1.4;} .pop_tb_type01>table>tbody>tr>td{padding: 10px; height: 55px; font-size:1.5rem; font-weight: 300; color: #555; vertical-align: middle; line-height: 1.4;}
.pop_tb_type01>table>tbody>tr>td textarea {width: 100%; height: 80px; font-size: 16px; padding: 10px 15px; box-sizing: border-box;} .pop_tb_type01>table>tbody>tr>td textarea {width: 100%; height: 80px; font-size: 1.5rem; padding: 10px 15px; box-sizing: border-box;}
.pop_tb_type01>table>tbody>tr>td button {font-size: 15px; height: 35px; padding: 0 16px;} .pop_tb_type01>table>tbody>tr>td button {font-size: 1.5rem; height: 35px; padding: 0 15px;}
.pop_tb_type01>table>tbody>tr>td .duet-date__nav button{padding: 0; height: 35px;} .pop_tb_type01>table>tbody>tr>td .duet-date__nav button{padding: 0; height: 35px;}
.pop_tb_type01>table>tbody>tr>td .file_cf {margin: 5px 0 0 0; font-size: 15px;} .pop_tb_type01>table>tbody>tr>td .file_cf {margin: 5px 0 0 0; font-size: 1.5rem;}
/* popup table type02 */ /* popup table type02 */
.pop_tb_type02{margin-bottom: 25px; max-height: 500px; overflow-y: scroll;} .pop_tb_type02{margin-bottom: 25px; max-height: 500px; overflow-y: scroll;}
.pop_tb_type02>table{width: 100%; table-layout: fixed; border-top: 2px solid #000;} .pop_tb_type02>table{width: 100%; table-layout: fixed; border-top: 2px solid #858686;}
.pop_tb_type02>table>thead>tr{border-bottom: 1px solid #e5e5e5;} .pop_tb_type02>table>thead>tr{border-bottom: 1px solid #d8d8d8;}
.pop_tb_type02>table>tbody>tr{border-bottom: 1px solid #e5e5e5;} .pop_tb_type02>table>tbody>tr{border-bottom: 1px solid #d8d8d8;}
.pop_tb_type02>table>thead>tr>th,.pop_tb_type02>table>tbody>tr>th,.pop_tb_type02>table>tbody>tr>td{font-size: 15px; text-align: center; vertical-align: middle; height: 45px; padding: 0 5px;} .pop_tb_type02>table>thead>tr>th,.pop_tb_type02>table>tbody>tr>th,.pop_tb_type02>table>tbody>tr>td{font-size: 15px; text-align: center; vertical-align: middle; height: 45px; padding: 0 5px;}
.pop_tb_type02>table>thead>tr>th:last-child,.pop_tb_type02>table>tbody>tr>td:last-child{border-right: 0;} .pop_tb_type02>table>thead>tr>th:last-child,.pop_tb_type02>table>tbody>tr>td:last-child{border-right: 0;}
.pop_tb_type02>table>thead>tr>th{font-weight: 400; background-color: #f5f5f5;} .pop_tb_type02>table>thead>tr>th{font-weight: 400; background-color: #f5f5f5;}

BIN
src/main/webapp/visitEdu/usr/publish/images/common/icon_close_white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 214 B

BIN
src/main/webapp/visitEdu/usr/publish/images/content/edu_arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
src/main/webapp/visitEdu/usr/publish/images/content/file_before.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

2
src/main/webapp/visitEdu/usr/publish/script/common.js
View File

@ -26,7 +26,7 @@ $(function(){
function header(){ function header(){
// 마우스 오버 시 // 마우스 오버 시
$(document).on('mouseover focusin', '.depth01', function(){ $(document).on('mouseover focusin', 'header .depth01', function(){
//$(".depth02").slideDown(400); //$(".depth02").slideDown(400);
$(this).closest("li").addClass("on"); $(this).closest("li").addClass("on");
}); });