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

Merge branch 'sub'

Browse Source
This commit is contained in:
subsub 2025-10-21 15:58:16 +09:00
commit e0eb88bf8f
7 changed files with 133 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/main/webapp/WEB-INF/jsp/web/ve/aplct/cmdTrgt/eduFAQList.jsp
View File

@ -158,6 +158,10 @@
<input type="hidden" name="searchSortOrd" value="<c:out value="${vEEduAplctVO.searchSortOrd}" />" />
<div class="cont_tit">
<h2>교육문의</h2>
</div>
<!--FAQ 내용 있을때-->
<div class="q_wrap">
<div class="btn_wrap btn_layout01">

4
src/main/webapp/WEB-INF/jsp/web/ve/aplct/prevent/eduFAQList.jsp
View File

@ -158,6 +158,10 @@
<input type="hidden" name="searchSortOrd" value="<c:out value="${vEEduAplctVO.searchSortOrd}" />" />
<div class="cont_tit">
<h2>교육문의</h2>
</div>
<!--FAQ 내용 있을때-->
<div class="q_wrap">
<div class="btn_wrap btn_layout01">

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

@ -158,6 +158,10 @@
<input type="hidden" name="searchSortOrd" value="<c:out value="${vEEduAplctVO.searchSortOrd}" />" />
<div class="cont_tit">
<h2>교육문의</h2>
</div>
<!--FAQ 내용 있을때-->
<div class="q_wrap">
<div class="btn_wrap btn_layout01">

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

@ -93,7 +93,7 @@ nav .btn_sitemap i{display:inline-block;width:100%;height:100%;background:url(/i
nav .btn_identify i{display:inline-block;width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/common/icon_identify_mobile.png) no-repeat center center;}
.all_menu_wrap{position:fixed;width:100%;padding:45px 0 200px 0;background:#fff;left:0;top:-100%;opacity:0;transition:top .5s;z-index:15;}
.all_menu_wrap.on{top:0;opacity:1;}
.all_menu_wrap.on{top:0;opacity:1;box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.all_menu_wrap .top_area{position:relative;}
.all_menu_wrap .btn_close{position:absolute;width:40px;height:40px;right:0;bottom:0;}
.all_menu_wrap .btn_close i{display:inline-block;width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/common/icon_close.png) no-repeat center center;}
@ -118,7 +118,7 @@ footer .area_top ul:not(.sns) a::after{position:absolute;content:"";width:2px;he
footer .area_top ul:not(.sns) li:last-child a::after{display:none;}
footer .area_top ul:not(.sns) li:first-child a{color:#118be5;font-weight:700;padding:0 20px 0 0;}
footer .area_top .sns{gap:46px;}
footer .area_bottom .inner{display:flex;padding:60px 0 100px 0;gap:170px;align-items:center;}
footer .area_bottom .inner{display:flex;padding:60px 25px 100px 25px;gap:170px;align-items:center;}
footer address{color:#8a8a8a;}
footer address p{font-size:2.3rem;line-height:1.5;margin:0 0 8px 0;}
footer address span{font-size:2.3rem;font-weight:600;color:#c4c4c4;}

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

@ -283,6 +283,7 @@ duet-date-picker *:focus{outline: auto !important;}
.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;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 .fileView a{padding:0 0 2px 23px;background-position:left 2px;}
/* faq */
.info_box{display:flex;padding:20px 30px;margin:0 0 30px 0;background:#f8f9fa;border-radius:10px;align-items:center;gap:30px;}
@ -553,8 +554,7 @@ duet-date-picker *:focus{outline: auto !important;}
/* .tb_type01.tb_view table tbody tr td .put_photo {height: 179px;} */
.tb_type01 table tbody tr td .put_photo .put_photo_in {background-color: #f5f5f5; width: 128px; height: 165px; border: 1px solid #d5d5d5; border-radius: 5px; margin: 7px; box-sizing: border-box; position: relative; overflow: hidden;}
.tb_type01 table tbody tr td .put_photo .put_photo_in img {padding-top: 22px;}
.tb_type01 table tbody tr td .put_photo .put_photo_in img.id_pic {padding-top: initial;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
}
.tb_type01 table tbody tr td .put_photo .put_photo_in img.id_pic {padding-top: initial;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.tb_type01 table tbody tr td .put_photo button {width: 90px; height: 35px; font-size: 16px; border-radius: 5px; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);}
#instrPhoto {padding-top: initial; width: 100%;}
/* 파일 다운로드 */
@ -914,6 +914,7 @@ duet-date-picker *:focus{outline: auto !important;}
/*알림마당 > 교육자료실 > 첨부파일 수정*/
.fileView a{display:flex;padding:0 0 0 23px;font-size:1.6rem;font-weight:400;color:#555;white-space:normal; background-image: url(../images/content/icon_file.png); background-repeat: no-repeat; background-position: left 4px;gap:10px;}
#egov_file_view_table ul{display:flex;gap:8px;flex-direction:column;}
/*알림마당 > FAQ > 답변 색 수정*/
.full_faq .faq li button{background-color: #f5f5f5;}
@ -998,10 +999,13 @@ duet-date-picker *:focus{outline: auto !important;}
.tab.fill{height:120px;margin:0 0 80px 0;}
.tab.fill .tab_button{font-size:3.8rem;}
.tab.line .tab_button{font-size:3.8rem;}
/* 기본 input texarea */
select.selType1{min-width:160px;height:80px;font-size:2.8rem;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_select_mobile.png) no-repeat calc(100% - 24px) center;}
input[type="text"], .duet-date__input{height:80px;}
.btn_wrap button{height:90px;font-size:3.8rem;}
.btn{font-size:3.4rem;padding:0 60px;}
.btn.text{padding:0;}
@ -1079,6 +1083,7 @@ duet-date-picker *:focus{outline: auto !important;}
.board_util li::before{width:10px;height:10px;top:10px;}
.board_view_content{font-size:3.4rem;}
.board_view .fileView a{padding:0 0 2px 46px;background-position:left 1px;}
.board_view .file{font-size:3.4rem;gap:16px;}
@ -1153,7 +1158,47 @@ duet-date-picker *:focus{outline: auto !important;}
.tb_list01 tbody td button{width:100%;}
.tb_list01 tbody td button.btn.regular{width:100%;height:80px;font-size:3.4rem;}
.tb_list01 tbody td p+button{vertical-align:top;}
.tb_list01 tbody td.t_left{padding:0;}
/* list */
.tb_tit02 .tb_tit02_left .t_best{height:52px;font-size:4rem;}
.tb_tit02 .btn_wrap1 button.con_more{height:60px;padding:0 30px 0 0;font-size:3rem;background-image:url(../images/content/icon_arrow_mobile.png);background-position:right 20px;}
.tb_list02{border-top:2px solid #858686;border-bottom:1px solid #535353;}
.tb_list02 table,.tb_list02 tbody{display:block;}
.tb_list02 thead{display:none;}
.tb_list02 tr{display:flex;padding:20px 16px;flex-direction:column;justify-content:flex-start;border-bottom:1px solid #e5e5e5;gap:16px;}
.tb_list02 tbody th, .tb_list02 tbody td{border:0;text-align:left;padding:0;font-size:4.8rem;line-height:1.3;}
.tb_list02 a{font-size:5.6rem;}
.tb_list02 tbody th p, .tb_list02 tbody td span{display:inline-block;width:auto;font-size:inherit;font-weight:300;vertical-align:sub;}
.tb_list02 tbody th p{font-size:inherit;font-weight:500;}
.tb_list02 tbody td span{position:relative;margin:0 32px 0 0;padding:0 32px 0 0;font-weight:400;}
.tb_list02 tbody td span::after{position:absolute;content:"";width:4px;height:50px;background:var(--gray-color-light-hover);top:9.5px;right:0}
.tb_list02 tbody td button{width:100%;}
.tb_list02 tbody td button.btn.regular{width:100%;height:80px;font-size:3.4rem;}
.tb_list02 tbody td p+button{vertical-align:top;}
.q_wrap .q_text{font-size:3.6rem;}
/* 교육소개 */
.edu_wrap .tb_type01 table tbody .edu_sus_num li{padding:8px 20px 8px 0;border-radius:100px;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li .num{width:56px;height:56px;font-size:3rem;border-radius:100%;margin:20px 0 20px 20px;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p{width:calc(100% - 80px);font-size:3.2rem;margin:0 0 0 12px;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p b{padding:0 30px 0 0;margin:0 30px 0 0;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{height:30px;top:10px;}
.edu_wrap .tb_type01 table tbody .edu_sus_num .sus_te p b span{font-size:3rem;}
/* 나의 강의실 */
.edu_process li{height:auto;flex-direction:column;padding:60px 0;gap:36px;}
.edu_process i{width:124px;height:124px;}
.edu_process .edu_apply i{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress01_mobile.png) no-repeat center center;}
.edu_process .edu_register i{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress02_mobile.png) no-repeat center center;}
.edu_process .edu_close i{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress03_mobile.png) no-repeat center center;}
.edu_process .text_area{font-size:3.8rem;align-items:center;gap:32px;}
.edu_process .text_area p{font-size:3.4rem;}
.edu_process .text_area p span{font-size:6.6rem;}
#egov_file_view_table ul{gap:16px;}
.fileView a{padding:0 0 0 46px;font-size:3.2rem;background-image:url(../images/content/icon_file_mobile.png);background-position:left 8px;}
}
@media all and (max-width: 860px){
@ -1186,11 +1231,13 @@ duet-date-picker *:focus{outline: auto !important;}
.tab.fill{height:60px;margin:0 0 40px 0;}
.tab.fill .tab_button{font-size:1.9rem;}
.tab.line .tab_button{font-size:1.9rem;}
/* icon */
.icon.arrow{width:7px;height:12px;background:url(/ipedu/visitEdu/usr/publish/images/content/icon_arrow.png) no-repeat center center;}
input[type="text"]{height:56px;}
select.selType1{height:56px;font-size:2.8rem;}
select.selType1{height:56px;font-size:1.8rem;background-size:auto 20%;}
.btn{font-size:1.7rem;padding:0 30px;}
@ -1249,10 +1296,11 @@ duet-date-picker *:focus{outline: auto !important;}
.board_util li::before{width:5px;height:5px;top:5px;}
.board_view_content{font-size:1.7rem;padding:30px 10px;}
.board_view .fileView a{padding:0 0 2px 23px;background-position:left 2px;}
.board_view .file{font-size:1.7rem;gap:8px;}
/* faq */
.info_box{padding:15px 30px;}
.info_box{padding:25px 30px;}
.info_box i{width:60px;height:60px;}
.info_box i::before{width:53px;height:53px;}
.info_box i::after{background:url(/ipedu/visitEdu/usr/publish/images/content/icon_faq_mobile.png) no-repeat left top;background-size:100% auto;}
@ -1292,7 +1340,7 @@ duet-date-picker *:focus{outline: auto !important;}
/* sub latout */
.container {margin-top:60px;}
.container .inner {padding: 0 20px;}
.cont_wrap .cont_tit {padding-bottom: 10px; margin-bottom: 30px;}
.cont_wrap .cont_tit {padding-bottom: 10px; margin-bottom: 20px;}
.cont_wrap h2 {font-size: 26px; padding-top: 10px;}
.cont_wrap .tit_box {display: block; text-align: center; padding: 15px 20px;}
.cont_wrap .tit_box i {display: block; margin: 0 auto;}
@ -1306,6 +1354,7 @@ duet-date-picker *:focus{outline: auto !important;}
.btn_wrap {position: relative;}
/*.btn_wrap button {display: none; height: 40px; padding: 0 20px; font-size: 16px;} 1123*/
.btn_wrap.btn_layout01>div{width:auto;}
.btn_wrap.btn_layout01 button {height: 40px; padding: 0 20px; font-size: 16px;}
.btn_wrap button.m_btn_block {display: inline-block;}
.btn_wrap.btn_layout01>.btn_right button.m_btn_block:nth-child(2) {margin-top: 5px;}
@ -1447,13 +1496,13 @@ duet-date-picker *:focus{outline: auto !important;}
/*교육신청자대시보드*/
.edu_process {flex-wrap:wrap;}
.edu_process>li {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:100%; font-size:1.8rem;}
.edu_process>li {display:flex;width:100%;border:1px solid #d5d5d5;border-radius:20px 0;font-size:1.8rem;padding:30px 0;gap:18px;flex-direction:row;}
.edu_process>li i{width:90px;height:90px;}
.edu_process .edu_apply i{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress01_mobile.png) no-repeat center center;background-size:90% auto;}
.edu_process .edu_register i{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress02_mobile.png) no-repeat center center;background-size:90% auto;}
.edu_process .edu_close i{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress03_mobile.png) no-repeat center center;background-size:90% auto;}
.edu_process .text_area {font-size:20px; font-weight:500; }
.edu_process .text_area {font-size:20px;font-weight:500;gap:16px;align-items:flex-start;}
.edu_process .text_area p {font-size:16px;font-weight:500;}
.edu_process .text_area p span {font-size:30px;font-weight:bold;}
@ -1490,6 +1539,30 @@ duet-date-picker *:focus{outline: auto !important;}
.tb_list01 tbody td span{margin:0 16px 0 0;padding:0 16px 0 0;}
.tb_list01 tbody td span::after{position:absolute;content:"";width:2px;height:25px;background:var(--gray-color-light-hover);top:4.25px;right:0}
.tb_list01 tbody td button.btn.regular{width:100%;height:40px;font-size:1.7rem;}
/* list */
.tb_tit02 .tb_tit02_left .t_best{height:26px;font-size:2rem;}
.tb_tit02 .btn_wrap1 button.con_more{height:30px;padding:0 15px 0 0;font-size:1.5rem;background-image:url(../images/content/icon_arrow.png);background-position:right 10px;}
.tb_list02 table{border-top:0;}
.tb_list02 tr{padding:10px 8px;gap:8px;}
.tb_list02 tbody th, .tb_list02 tbody td{font-size:2.4rem;}
.tb_list02 a{font-size:2.8rem;}
.tb_list02 tbody td span{margin:0 16px 0 0;padding:0 16px 0 0;}
.tb_list02 tbody td span::after{width:2px;height:25px;background:var(--gray-color-light-hover);top:5px;right:0}
.tb_list02 tbody td button.btn.regular{height:40px;font-size:1.7rem;}
.q_wrap .q_text{font-size:1.8rem;padding:12px 17px;}
/* 교육소개 */
.edu_wrap .tb_type01 table tbody .edu_sus_num li{padding:0 10px 0 0;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li .num{width:28px;height:28px;font-size:1.5rem;margin:10px 0 10px 10px;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p{width:calc(100% - 40px);font-size:1.6rem;margin:0 0 0 6px;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p b{padding:0 15px 0 0;margin:0 15px 0 0;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{height:15px;top:5px;}
.edu_wrap .tb_type01 table tbody .edu_sus_num .sus_te p b span{font-size:1.5rem;}
#egov_file_view_table ul{gap:8px;}
.fileView a{padding:0 0 0 23px;font-size:1.6rem;background-image:url(../images/content/icon_file.png);background-position:left 5px;}
}
@media (max-width: 479px){
@ -1498,7 +1571,6 @@ duet-date-picker *:focus{outline: auto !important;}
.container .cont_tit .path .home i{width:20px;height:18px;margin:2px 0 0 0;}
.container .cont_tit .path li:not(.home)::before{width:7px;top:1.8px;}
select.selType1{font-size:1.8rem;background-size:auto 20%;}
.duet-date__toggle{width:56px !important;background-size:auto 25px;}
.tab_02 li{width:calc(100%/2);}
@ -1523,7 +1595,16 @@ duet-date-picker *:focus{outline: auto !important;}
.edu_process .edu_register i{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress02_mobile.png) no-repeat center center;background-size:90% auto;}
.edu_process .edu_close i{background:#e5e5e5 url(/ipedu/visitEdu/usr/publish/images/content/icon_progress03_mobile.png) no-repeat center center;background-size:90% auto;}
.tb_list01 tbody th, .tb_list01 tbody td{font-size:2rem;}
.tb_list01 tbody th, .tb_list01 tbody td,.tb_list02 tbody th, .tb_list02 tbody td{font-size:1.8rem;}
/* 캘린더형 */
#sub .fc .fc-toolbar{flex-direction:column-reverse;align-items:end;}
#sub .fc .fc-toolbar .fc-toolbar-chunk:first-child{margin:30px 0 0 0;}
#sub .fc .fc-toolbar .fc-toolbar-chunk:nth-child(2){display:flex;width:100%;justify-content:space-between;align-items:center;}
#sub .fc .fc-today-button{margin:0;}
#sub .fc-toolbar-title{padding:0;font-size:2.4rem !important;}
}
@ -1550,7 +1631,7 @@ duet-date-picker *:focus{outline: auto !important;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{display: none;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li .num{margin: 10px 0 10px 5px;}
.edu_wrap .edu_img img{width: 100%;}
.btn_wrap.btn_layout01 button {padding:0 7px;}/*1123*/
.btn_wrap.btn_layout01 button {padding:0 15px;}/*1123*/
}
@media all and (max-width: 520px) {
@ -1579,7 +1660,7 @@ duet-date-picker *:focus{outline: auto !important;}
.class_m ul li{word-break:break-word;}
.class_m ul li>span:first-child{width: 63px;}
.class_m ul li>span:last-child{padding-left: 10px;}
.q_wrap .faq li .question, .q_wrap .faq li .answer .answer_i, .q_wrap .faq li .answer .answer_in{padding: 12px 10px 12px 46px;}
.q_wrap .faq li .question, .q_wrap .faq li .answer .answer_i, .q_wrap .faq li .answer .answer_in{padding: 12px 18% 12px 10px;}
}
@media all and (max-width: 400px){
@ -1594,7 +1675,19 @@ duet-date-picker *:focus{outline: auto !important;}
}
@media all and (max-width: 340px){
.sub_visual strong{font-size:2.2rem;}
/*교육소개 추가*/
.edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 110%; padding: 5px;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 100%; padding: 5px;}
.edu_wrap .tb_type01 table tbody .edu_sus_num li .num{width: 20px; height: 20px; font-size: 14px;}
.q_wrap .faq li .question, .q_wrap .faq li .answer .answer_i, .q_wrap .faq li .answer .answer_in{padding:12px 22% 12px 10px;}
}
/* 모바일 캘린더 */
@media (max-width: 35.9375em){
.duet-date__dialog{z-index:10;}
.duet-date__dialog-content{max-width:100%;border-radius:20px 20px 0 0;padding:0 8% 20px;box-shadow:0 -8px 10px 0 rgba(0,0,0,0.1);}
.duet-date__dialog-content span{padding:0;}
.list_top .endDate .duet-date__dialog{left:0;}
}

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

@ -8,7 +8,7 @@
.main_title .btn_plus:hover i{transform:rotate(180deg);transition:transform 0.2s;}
/* section01 */
.section01{position:relative;padding:90px 0;}
.section01{position:relative;padding:90px 0;background-size:cover;}
.section01::before{position:absolute;content:"";width:100%;height:100%;background-image: url(../images/main/sec01_left_obj.png), url(../images/main/sec01_right_obj.png);background-repeat:no-repeat;background-position: left bottom, right top;left:0;top:0;z-index:0;}
.section01::after{position:absolute;content:"";width:100%;height:100%;background:linear-gradient(360deg,rgba(255, 255, 255, 1) 66%, rgba(214, 229, 243, 1) 100%);;background-size:cover;left:0;top:0;z-index:-2;}
.section01 .inner{position:relative;background-image: url(../images/main/sec01_left_icon.png), url(../images/main/sec01_right_icon.png);background-repeat:no-repeat;background-position: 30px 15px, calc(100% - 60px) 15px;z-index:1;}
@ -53,6 +53,7 @@
.section02 .inner{position:relative;min-height:488px;z-index:0;}
.section02 .main_title{gap:15px;justify-content:center;}
.section02 .btn_plus{display:none;}
.section02 .list_content{display:inline-flex;padding:7px;margin:0 auto;background:#fff;border-radius:50px;justify-content:center;}
.section02 .tab{width:144px;height:44px;font-size:2.3rem;color:#555;border-radius:44px;}
.section02 .on .tab{background:#396ac4;color:#fff;font-weight:600;}
@ -185,7 +186,8 @@
.section03 .banner i,.section03 .banner .summary{display:none;}
/* section04 */
.section04 .inner{gap:100px;}
.section04{padding:0 0 60px 0;}
.section04 .inner{gap:60px;}
.section04 .list{margin:40px 0 0 0;}
.section04 .list a{padding:46px 16px;}
.section04 .list .title{font-size:5.6rem;}
@ -210,6 +212,7 @@
.main_title .btn_plus{width:55px;height:55px;}
.main_title .btn_plus i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_plus_110.png) no-repeat center center;background-size:100%;}
.section01::before{background-size:33% auto;}
.section01 .main_title{font-size:3.5rem;}
.section01 .box_wrap{gap:30px;}
.section01 .box_wrap li{padding:30px;}
@ -223,6 +226,7 @@
.section01 .info p{font-size:2.6rem;width:calc(100% - 66px);}
.section01 .info b{font-size:2.6rem;}
.section02{background-image:none;}
.section02 .inner{min-height:450px;padding:0 25px;}
.section02 .main_title{gap:15px;margin:0 0 25px 0;}
.section02 .list_content{padding:7px;}

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

@ -17,6 +17,9 @@ $(document).ready(function () {
},
});
var slide03Num = $(".section03 .swiper-slide").length;
$(".slide_location").html(`<p class="slide_location"><span class="slide_num">1</span>/`+slide03Num+`</p>`);
$(".section03 .btn_pause").click(function () {
slideBanner.autoplay.stop();
$(this).addClass("hide");