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

2023/11/06 메인비주얼 이미지 변경, 관리자>성인>교육신청>등록페이지 수정

Browse Source
This commit is contained in:
subsub 2023-11-06 14:33:43 +09:00
parent 4999edc9bc
commit 86ebdd9909
12 changed files with 88 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/main/webapp/WEB-INF/jsp/oprtn/adultVisitEdu/eduAplctMngCreate.jsp
View File

@ -333,7 +333,9 @@
<table>
<colgroup>
<col style="width: 220px;">
<col style="width: auto;">
<col style="width: calc((100% - 440px)/2);">
<col style="width: 220px;">
<col style="width: calc((100% - 440px)/2);">
</colgroup>
<tbody>
<tr>
@ -341,7 +343,7 @@
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>교사 아이디</p>
</th>
<td>
<td colspan="3">
<input type="text" value="" style="min-width:400px;" size="25" readonly id="userId" name="frmUserId" title="교사아이디">
<button type="button" class="btn_type06" onclick="fncUserList();">사용자 검색</button>
</td>
@ -359,7 +361,7 @@
<label for="eduSlctCd" class="label">교육선택 구분</label>
<%-- 수정요청사항에 따라 온라인 -> 온라인 실시간으로 변경을 위해 ve:code 미사용_220218 --%>
<select id="eduSlctCd" name="eduSlctCd" class="selType1" onChange="itemChg(this.value);">
<select id="eduSlctCd" name="eduSlctCd" class="sel_type1" onChange="itemChg(this.value);" style="width:220px;">
<option value="10" <c:if test="${info.eduSlctCd == '10'}">selected="selected"</c:if>>온라인 실시간</option>
<option value="20" <c:if test="${info.eduSlctCd == '20'}">selected="selected"</c:if>>오프라인</option>
</select>
@ -467,7 +469,7 @@
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>신청내용</p>
</th>
<td>
<td colspan="3">
<label for="jobNm" class="label">직함 입력</label>
<kc:checkbox name="aplctCn" id="aplctCn" codeId="VEA006"/>
@ -510,17 +512,19 @@
<table class="addClassRow" rowLimit="2">
<colgroup>
<col style="width: 16%;">
<col style="width: auto;">
<col style="width: 35%;">
<col style="width: 12%;">
<col style="width: 15%;">
<col style="width: 15%;">
<col style="width: 15%;">
<col style="width: auto;">
</colgroup>
<thead>
<tr>
<th scope="col"><p class="req_text"><span>필수입력 항목</span>*</p>교육희망일</th>
<th scope="col"><p class="req_text"><span>필수입력 항목</span>*</p>시간</th>
<th scope="col"><p class="req_text"><span>필수입력 항목</span>*</p>대상</th>
<th scope="col"><p class="req_text"><span>필수입력 항목</span>*</p>인원</th>
</tr>
<tr>
<th scope="col"><p class="req_text"><span>필수입력 항목</span>*</p>교육희망일</th>
<th scope="col"><p class="req_text"><span>필수입력 항목</span>*</p>시간</th>
<th scope="col"><p class="req_text"><span>필수입력 항목</span>*</p>대상</th>
<th scope="col" colspan="3"><p class="req_text"><span>필수입력 항목</span>*</p>인원</th>
</tr>
</thead>
<tbody>
<c:choose>

2
src/main/webapp/visitEdu/adm/publish/css/content.css
View File

@ -91,7 +91,7 @@ input[type="text"]::placeholder {color: #999;}
input[type="text"]:read-only {background-color: #f5f5f5; border: 1px solid #d5d5d5;}
input[type="text"]:valid {color: #555;}
textarea {width: 100%; border: 1px solid #d5d5d5; border-radius: 5px; font-size: 16px; color: #222; padding: 15px; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;}
select.sel_type1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(../image/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;}
select.sel_type1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(/offedu/visitEdu/adm/publish/image/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;}
table select+button{vertical-align: middle;}
/*.btn_edit {width: 24px !important; height: 24px !important; padding: initial !important; border: 1px solid #d5d5d5; border-radius: 5px; vertical-align: middle;}*/
.btn_edit {padding: 0 5px;}

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

@ -64,9 +64,9 @@ header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
.header_inner .dep_li_07 .depth01_li:nth-child(n+2):nth-child(-n+4){width: 16%;}
.header_inner .dep_li_07 .depth01_li:nth-child(n+5){width: 12%; min-width: 85px;}
.header_inner .dep_li_07 .depth01_li:nth-child(1),.header_inner .dep_li_07 .depth01_li:nth-child(2){width:170px;}
.header_inner .menu_link{font-size: 18px; font-weight: 600; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;}
.header_inner .menu_link{font-size: 18px; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;line-height: 1.25;font-family: 'GmarketSansMedium';}
.header_inner .menu_link::before{position: absolute; content: " "; display: block; width: 0; height: 4px; background-color: #E95504; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; top: 87px; z-index: 1;}
.header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; }
.header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'GmarketSansMedium';}
.header_inner .on .menu_link{color: #E95504;}
.on .nav_wrap .on .menu_link::before{width: 100%;}
.header_inner .depth02{position: absolute; text-align: center; padding: 15px 0; width: 100%; left: 50%; transform: translateX(-50%);border-right: 1px solid #d5d5d5;/* max-height: 350px; */}
@ -284,6 +284,17 @@ footer .wa_mark .wa {width: 110px;margin: 0 40px 0 0;}
footer .area_top .site_go .btn_go {float:right;width:40px;height:35px;font-size:14px;}
}
@media screen and (max-width: 767px){
header .header .header_inner h1 a img{width:150px;height:auto;}
}
@media screen and (max-width: 400px){
footer .area_top address{margin:15px 0;}
footer .wa_mark,footer .area_top .site_go{position:unset;}
footer .wa_mark{margin:0 0 30px 0;}
footer .area_top .site_go{width:100%;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.header_inner .area_right{/* width: 80px; */justify-content: space-between;}
.header_inner .btn_search{margin-right: 0;}

7
src/main/webapp/visitEdu/usr/publish/css/font.css
View File

@ -26,3 +26,10 @@
font-weight: 400;
src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff');
}
@font-face {
font-family: 'yg-jalnan';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
font-weight: normal;
font-style: normal;
}

59
src/main/webapp/visitEdu/usr/publish/css/main.css
View File

@ -7,10 +7,10 @@
.visual_slide .swiper-slide .inner .text_area{height:auto;padding:63px 0 0 40px;margin:0 auto;box-sizing:border-box;text-align:center;}
.visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;color:#182448;}
.visual_slide .swiper-slide .inner .text_area .sub_title{font-size:20px;font-family:'GmarketSansMedium';}
.visual_slide .swiper-slide .inner .text_area .title{font-size:52px;font-family:'GmarketSansBold';}
.visual_slide .swiper-slide .inner .text_area .title{font-size:52px;font-family:'yg-jalnan';}
.visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;}
.visual_slide .swiper-slide .inner .text_area a{display:flex;width:145px;height:38px;font-size: 18px;color:#182448;background-color:#fff;padding:0 20px;margin:33px auto 0 auto;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;}
.visual_slide .slide_control{position:relative;width:100%;bottom:20px;}
.visual_slide .slide_control{position:relative;width:100%;bottom:32px;}
.visual_slide .slide_control .inner{position:relative;justify-content:center;align-items:center;}
.visual_slide .slide_control .swiper-pagination{position: relative;}
.visual_slide .slide_control .swiper-pagination-bullet{background-color:#19222d;opacity:0.5;margin:0 4px;}
@ -22,14 +22,14 @@
.visual_slide .btn_prev_slide{background:url(/offedu/visitEdu/usr/publish/images/main/btn_main_visual_arrow_right.png) no-repeat;left:77px;}
.visual_slide .btn_next_slide{background:url(/offedu/visitEdu/usr/publish/images/main/btn_main_visual_arrow_left.png) no-repeat;left:calc(100% - 97px);}
.visual_slide .swiper-slide[aria-label="1 / 5"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_01.jpg) no-repeat;}
.visual_slide .swiper-slide[aria-label="2 / 5"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_02.jpg) no-repeat;}
.visual_slide .swiper-slide[aria-label="3 / 5"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_03.jpg) no-repeat;}
.visual_slide .swiper-slide[aria-label="4 / 5"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_04.jpg) no-repeat;}
.visual_slide .swiper-slide[aria-label="5 / 5"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_05.jpg) no-repeat;}
.visual_slide .swiper-slide[data-swiper-slide-index="0"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_01.jpg) no-repeat center top;}
.visual_slide .swiper-slide[data-swiper-slide-index="1"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_02.jpg) no-repeat center top;}
.visual_slide .swiper-slide[data-swiper-slide-index="2"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_03.jpg) no-repeat center top;}
.visual_slide .swiper-slide[data-swiper-slide-index="3"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_04.jpg) no-repeat center top;}
.visual_slide .swiper-slide[data-swiper-slide-index="4"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_05.jpg) no-repeat center top;}
/* main_banner_link */
.container .main_banner_link{position:relative;height:130px;margin:60px auto 70px auto;}
.container .main_banner_link{position:relative;height:130px;margin:20px auto 70px auto;}
.container .main_banner_link li{position:relative;display:flex;width:calc((100%/5) - 12px);height:100%;background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(45,55,90,0.2);align-items:center;transition:all 0.3s ease-in-out;}
.container .main_banner_link li::after{position:absolute;content:" ";width: calc(100% + 10px);height:calc(100% + 10px);border:3px solid transparent;left:-8px;border-radius:10px;}
.container .main_banner_link li:hover{z-index: 15;}
@ -86,5 +86,46 @@
.wrap .notify .notify_control .slide_pause,.wrap .notify .notify_control .slide_play{height: 30px;margin: 0 0 0 -0.5px;}
.wrap .notify .notify_control .slide_pause{background:url(/offedu/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;}
.wrap .notify .notify_control .slide_play{background:url(/offedu/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;}
.wrap .notify .content{width:100%;height:332px;overflow: hidden;border-radius:5px;}
.wrap .notify .content{width:100%;height:332px;overflow:hidden;border-radius:5px;}
@media all and (max-width: 1440px){
.main .inner{width:calc(100% - 40px);}
.wrap .notice .content,.wrap .data_notice .notice_list li{padding:15px 25px;}
}
@media all and (max-width: 1024px){
.main{margin-top:130px;}
.wrap .content_wrap{width:100%;margin:0 0 30px 0;}
.visual_slide .swiper-slide{background-size:auto 100% !important;}
.visual_slide .swiper-slide .inner .text_area{width:calc(100% - 40px);margin:0 auto;padding:63px 0 0 0;}
.visual_slide .swiper-slide .inner .text_area .sub_title{font-size:1.2rem;}
.visual_slide .swiper-slide .inner .text_area .title{font-size:2.5rem;}
.visual_slide .swiper-slide .inner .text_area .summary{font-size:1.1rem;}
.visual_slide .slide_control{bottom:-20px;}
.container .main_banner_link{height:auto;}
.container .main_banner_link li{width:calc((100% - 20px)/2);margin:0 0 10px 0;padding:15px 0;}
}
@media all and (max-width: 767px){
.main{margin:70px 0 0 0;}
.visual_slide .btn_next_slide{left:calc(100% - 60px);}
.visual_slide .btn_prev_slide{left:10px;}
}
@media all and (max-width: 640px){
.visual_slide .swiper-slide{background-size:cover !important;}
.visual_slide .swiper-slide[data-swiper-slide-index="0"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_01_mob.jpg) no-repeat center bottom;}
.visual_slide .swiper-slide[data-swiper-slide-index="1"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_02_mob.jpg) no-repeat center bottom;}
.visual_slide .swiper-slide[data-swiper-slide-index="2"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_03_mob.jpg) no-repeat center bottom;}
.visual_slide .swiper-slide[data-swiper-slide-index="3"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_04_mob.jpg) no-repeat center bottom;}
.visual_slide .swiper-slide[data-swiper-slide-index="4"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_05_mob.jpg) no-repeat center bottom;}
.visual_slide .swiper-slide .inner .text_area .title{font-size:2rem;}
.visual_slide .swiper-slide .inner .text_area .summary{font-size:1rem;letter-spacing:-0.5px;}
}

BIN
src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 170 KiB

After

Width:  |  Height:  |  Size: 190 KiB

BIN
src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01_mob.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

BIN
src/main/webapp/visitEdu/usr/publish/images/main/main_visual_02_mob.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 148 KiB

BIN
src/main/webapp/visitEdu/usr/publish/images/main/main_visual_03_mob.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 156 KiB

BIN
src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 195 KiB

After

Width:  |  Height:  |  Size: 234 KiB

BIN
src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04_mob.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 175 KiB

BIN
src/main/webapp/visitEdu/usr/publish/images/main/main_visual_05_mob.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB