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

사용자 모바일 화면 수정, 관리자 대시보드 width 값 수정

Browse Source
This commit is contained in:
subsub 2025-10-20 17:30:33 +09:00
parent 8864b16531
commit 9ef774378f
10 changed files with 82 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -66,7 +66,7 @@ function footerSiteLinkPageGo (){
<address>
<p>(06133) 서울특별시 강남구 테헤란로131 (역삼동, 한국지식재산센터 6층)</p>
<p><span>TEL.</span> 02-2183-5800 <span>FAX.</span> 02-2183-5899</p>
<p>COPYRIGHTS 2021 ⓒ KOIPA, All Rights Reserved</p>
<p>COPYRIGHTSⓒ KOIPA, All Rights Reserved</p>
</address>
</div>
</div>

6
src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp
View File

@ -18,16 +18,16 @@
<title>
<c:choose>
<c:when test="${fn:contains(URL , 'main/mainPage.')}">
한국지식재산보호원
지식재산 보호 교육 시스템
</c:when>
<c:when test="${fn:contains(URL , 'web/user/login/ssoLogin.')}">
로그인 &lt; 한국지식재산보호원
로그인 &lt; 지식재산 보호 교육 시스템
</c:when>
<c:otherwise>
<c:forEach var="result" items="${menuCurrentResultList}" varStatus="status">
${result.menuNm} &lt;
</c:forEach>
한국지식재산보호원
지식재산 보호 교육 시스템
</c:otherwise>
</c:choose>
</title>

3
src/main/webapp/visitEdu/adm/publish/css/dashboard.css
View File

@ -62,8 +62,9 @@
.dashboard_list li p,.notice_box li a{padding: 0 5px; box-sizing: border-box;}
.dashboard_list li:hover p,.dashboard_list li:hover a{color: #222;font-weight: 400;}
.dashboard_list li a{width: 98%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 17px; color: #222;}
.dashboard_list .list_tit{width: calc(100% - 150px); padding-left: 0; margin-right: 5px;}
.dashboard_list .list_tit{width: calc(100% - 170px); padding-left: 0; margin-right: 5px;}
.dashboard_list .list_writer,.dashboard_list .list_date{font-size: 16px; color: #777777;}
.dashboard_list .list_writer{width:60px;max-width:60px;text-align: right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dashboard_list .list_date{width: 100px; text-align: right;}
.dashboard_list.state{display: flex;flex-wrap: wrap;margin:-8px 0 0 0;}

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

@ -53,7 +53,7 @@ body {color: #222;}
.show{display:block;}
/* header */
header{position:fixed;width:100%;background:#fff;top:0;z-index:9;transition:all 0.4s;}
header{position:fixed;width:100%;background:#fff;border-bottom:1px solid #eaeaea;top:0;z-index:9;transition:all 0.4s;}
.header_top_area{width:100%;height:55px;text-align:right;}
.header_top_area .inner{display:flex;height:100%;background:#fff;justify-content:flex-end;align-items:center;}
@ -110,7 +110,7 @@ nav .btn_identify i{display:inline-block;width:100%;height:100%;background:url(/
/* footer */
footer{width:100%;background:#262628;}
footer .area_top{padding:40px 0;border-bottom:1px solid #434344;}
footer .area_top{padding:30px 0;border-bottom:1px solid #434344;}
footer .area_top .inner{display:flex;justify-content:space-between;align-items:center;}
footer .area_top ul{display:flex;align-items:center;}
footer .area_top ul:not(.sns) a{position:relative;padding:0 20px;font-size:2.1rem;color:#e0dede;}
@ -169,7 +169,7 @@ footer address span{font-size:2.3rem;font-weight:600;color:#c4c4c4;}
footer .area_top ul:not(.sns) a{font-size:5.6rem;padding:0;}
footer .area_top ul:not(.sns) a::after{display:none;}
footer .sns{width:100%;margin:50px 0 0 0;padding:20px 50px;background:#323235;border-radius:10px;justify-content:space-between;box-sizing:border-box;}
footer .sns{width:100%;margin:50px 0 0 0;padding:20px 50px;background:#323235;border-radius:10px;justify-content:space-between;box-sizing:border-box;flex-wrap:wrap;}
footer .area_bottom .inner{flex-direction:column;align-items:flex-start;padding:94px 60px;gap:140px;;}
footer address p,footer address span{font-size:5.2rem;}
@ -184,8 +184,15 @@ footer address span{font-size:2.3rem;font-weight:600;color:#c4c4c4;}
.all_menu_wrap .menu .depth02 a{font-size:2rem;}
.all_menu_wrap .menu .depth02 a::before{top:6px;}
header nav .logo{max-width:60%;}
header nav .logo img{width:100%;height:auto;}
header nav{height:60px;max-height:60px;}
header nav .inner{height:60px;align-items:center;}
header nav .logo{max-width:100%;max-height:100%;}
header nav .logo h1{height:80%;}
header nav .logo img{height:100%;}
header nav .btn_area{gap:0;}
nav .btn_sitemap, nav .btn_identify{width:60px;height:60px;}
header nav .btn_sitemap i, header nav .btn_identify i{background-size:50%;}
footer .area_top{padding:50px 30px;}
footer .area_top ul:not(.sns){gap:30px;}
@ -201,9 +208,10 @@ footer address span{font-size:2.3rem;font-weight:600;color:#c4c4c4;}
.inner{padding:0 15px;}
header nav .logo{max-width:45%;}
header nav .logo h1{height:60%;}
header nav .btn_area{gap:16px;}
header nav .btn_sitemap, nav .btn_identify{width:30px;height:30px;}
header nav .btn_identify i{background-size: 100% auto;}
header nav .btn_sitemap i{background-size: 100% auto;}
header nav .btn_sitemap i, header nav .btn_identify i{background-size:70%;}
.all_menu_wrap .logo{max-width:60%;}
.all_menu_wrap .logo img{width:100%;}

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

@ -1099,9 +1099,9 @@ duet-date-picker *:focus{outline: auto !important;}
.faq_list .question{font-size:3.4rem;padding:30px 105px 30px 20px;gap:28px;}
.faq_list .question::after{width:60px;height:60px;background:#fff url(/ipedu/visitEdu/usr/publish/images/content/icon_select_mobile.png) no-repeat center}
.faq_list .active .question::after{width:60px;height:60px;background:#f6f6f6 url(/ipedu/visitEdu/usr/publish/images/content/icon_select_mobile.png) no-repeat center}
.faq_list .question p,.faq_list .answer p{width:calc(100% - 60px);text-align:left;}
.faq_list .question span,.faq_list .answer span{width:60px;height:60px;font-size:3rem;line-height:50px;}
.faq_list .answer{font-size:3.4rem;padding:30px 40px 30px 20px;gap:28px;}
.faq_list .question .qst_cont,.faq_list .answer .qst_cont{width:calc(100% - 80px);text-align:left;}
.faq_list .question .qst_text,.faq_list .answer .qst_text{width:60px;height:60px;font-size:3rem;line-height:56px;}
.faq_list .answer{font-size:3.4rem;gap:28px;}
.faq_list .answer *{font-size:3.4rem;}
/* 마이페이지 > 교육현황 */
@ -1264,12 +1264,12 @@ duet-date-picker *:focus{outline: auto !important;}
.info li{font-size:1.5rem;padding:0 0 0 12px;}
.info li::before{width:5px;height:5px;top:7px;}
.faq_list .question{font-size:1.7rem;padding:15px 75px 15px 20px;gap:14px;}
.faq_list .question{font-size:1.7rem;gap:14px;padding:15px 50px 15px 10px;}
.faq_list .question::after{width:30px;height:30px;background:#fff url(/ipedu/visitEdu/usr/publish/images/content/icon_select.png) no-repeat center;}
.faq_list .active .question::after{width:30px;height:30px;background:#f6f6f6 url(/ipedu/visitEdu/usr/publish/images/content/icon_select.png) no-repeat center;}
.faq_list .question p,.faq_list .answer p{width:calc(100% - 30px);text-align:left;}
.faq_list .question span,.faq_list .answer span{width:30px;height:30px;font-size:1.5rem;line-height:25px;}
.faq_list .answer{font-size:1.7rem;padding:15px 20px 15px 20px;gap:14px;}
.faq_list .question .qst_cont,.faq_list .answer .qst_cont{width:calc(100% - 50px);text-align:left;}
.faq_list .question .qst_text,.faq_list .answer .qst_text{width:30px;height:30px;font-size:1.5rem;line-height:27px;}
.faq_list .answer{font-size:1.7rem;gap:14px;}
.faq_list .answer *{font-size:1.7rem;}
/* 마이페이지 > 교육현황 */
@ -1290,7 +1290,7 @@ duet-date-picker *:focus{outline: auto !important;}
/* 기존찾교 */
/* sub latout */
.container {margin-top:70px;}
.container {margin-top:60px;}
.container .inner {padding: 0 20px;}
.cont_wrap .cont_tit {padding-bottom: 10px; margin-bottom: 30px;}
.cont_wrap h2 {font-size: 26px; padding-top: 10px;}
@ -1314,7 +1314,7 @@ duet-date-picker *:focus{outline: auto !important;}
/* list top */
.list_top {display: block; padding: 5px 15px 15px 15px;}
.list_top {display: block;}
.list_top .list_top_left { margin-bottom: 10px;}
.list_top.type2 .search_wrap {display: block; margin-top: 10px;}
.list_top select.selType1 {width: 100%; height: 56px; margin-top: 10px;}
@ -1493,7 +1493,21 @@ duet-date-picker *:focus{outline: auto !important;}
}
@media (max-width: 479px){
.container .cont_tit h2{font-size:2.4rem;}
.container .cont_tit .path li{font-size:1.6rem;}
.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);}
.tab_03 li{width:calc(100%/3);}
.tab_04 li{width:calc(100%/4);}
.tab_05 li{width:calc(100%/5);}
.tab_06 li{width:calc(100%/6);}
.tab_07 li{width:calc(100%/7);}
.tab.line .tab_button{width:100%;padding:0 5px 13px 5px;}
/* list */
.list tbody th p{font-size:1.6rem;}
@ -1504,10 +1518,12 @@ duet-date-picker *:focus{outline: auto !important;}
.list tbody td button.btn.regular{height:48px;font-size:1.7rem;}
/* 나의 강의실 */
.edu_process>li i{width:60px;height:60px;}
.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>li i{width:60px;height:60px;}
.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;}
.tb_list01 tbody th, .tb_list01 tbody td{font-size:2rem;}
}

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

@ -9,9 +9,9 @@
/* section01 */
.section01{position:relative;padding:90px 0;}
.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:-1;}
.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{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;}
.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;}
.section01 .main_title{font-family:'Gmarket Sans TTF';font-size:5.3rem;font-weight:bold;color:#253c69;letter-spacing:-.45px;line-height:1.5;justify-content:center;}
.section01 .box_wrap{display:flex;width:100%;flex-wrap:wrap;gap:30px;margin:0 0 0 auto;}
.section01 .box_wrap li{width:calc((100% / 3) - 20px);padding:45px 40px;border-radius:20px;box-sizing:border-box;}
@ -123,12 +123,6 @@
.site_slide_wrap .btn_play i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_play_30.png) no-repeat center center;}
.site_slide_wrap .btn_next i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_next_30.png) no-repeat center center;}
@media (max-width: 1480px) {
.main{margin:160px 0 0 0;}
}
@media (max-width: 1023px){
.main{margin:110px 0 0 0;}
.section{padding:120px 0;}
@ -209,6 +203,7 @@
}
@media (max-width: 767px){
.main{margin:60px 0 0 0;}
.section{padding:55px 0;}
.main_title{margin:0 0 25px 0;gap:15px;}
.main_title h2.title{font-size:3.4rem;}
@ -228,16 +223,17 @@
.section01 .info p{font-size:2.6rem;width:calc(100% - 66px);}
.section01 .info b{font-size:2.6rem;}
.section02 .inner{min-height:650px;padding:0 25px;}
.section02 .inner{min-height:450px;padding:0 25px;}
.section02 .main_title{gap:15px;margin:0 0 25px 0;}
.section02 .list_content{padding:7px;}
.section02 .list_content>li{width:calc(100% / 4);}
.section02 .tab{height:54px;font-size:2.8rem;padding:0 10px;margin:0;}
.section02 .list{height:64%;top:176px;padding:0 25px 20px 25px;box-sizing:border-box;}
/* .section02 .list{height:calc(100% - 225px);top:176px;padding:0 25px 20px 25px;box-sizing:border-box;} */
.section02 .list{height:auto;top:176px;padding:0 25px 20px 25px;box-sizing:border-box;}
.section02 .list li{flex:0 0 90%;}
.section02 .list a{height:380px;}
.section02 .list a{height:250px;padding:30px 40px;}
.section02 .list .date{font-size:3.4rem;}
.section02 .list .title{font-size:2.8rem;}
.section02 .list .title{font-size:2.8rem;line-height:1.2;}
.section02 .list .status{width:90px;height:40px;font-size:2.1rem;}
.section03 .slide_util{font-size:2.8rem;gap:20px;}
@ -264,19 +260,17 @@
.section01 .box_wrap li:first-child span{font-size:3rem;}
.section01 .link_area{width:100%;flex-wrap:wrap;}
.section01 .link_area a{width:100%;;}
.section01 .link_area{width:100%;}
.section01 .info{padding:30px 10px;}
.section01 .info li{gap:12px;}
.section01 .info b{word-break: break-all;line-height:1.3;}
.section02 .inner{min-height:580px;padding:0 15px;}
.section02 .inner{min-height:500px;padding:0 15px;}
.section02 .list_content{border-radius:30px;}
.section02 .list_content>li{width:50%;}
.section02 .tab{font-size:2.4rem;}
.section02 .list{top:230px;height:56%;padding:0 15px 20px 15px;}
.section02 .list a{min-height:300px;height:auto;padding:20px 30px;}
.section02 .list{top:230px;padding:0 15px 20px 15px;}
.section02 .list .date{font-size:3rem;}
.section02 .list .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:2.2rem;overflow:hidden;}
.section02 .list .status{font-size:1.8rem;}
@ -290,4 +284,20 @@
.section04 .list .title{width:100%;font-size:2.2rem;}
.site_slide_wrap .swiper-slide img{width:100%;height:auto;}
.section01 .main_title {font-size:2.4rem;}
.section01 .box_wrap li .title {font-size:2.4rem;}
.section01 .btn {height:50px;font-size: 2.0rem;}
.section01 .box_wrap .box {gap:20px;}
.section01 .info .icon {width: 36px; height:36px;}
.section01 .info p {font-size:2.0rem;}
.section01 .info b {font-size:2.0rem;}
.main_title h2.title {font-size:2.4rem;}
.section02 .tab {font-size:2.2rem;}
.section02 .list .date {font-size:2.6rem;}
.section02 .list {top:210px;}
.section04 .list .title {font-size:2.0rem;}
.section04 .list a { padding:15px 8px; }
.section04 .list { margin:10px 0 0 0; }
}

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_fax_m.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_mail_m.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

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

@ -20,13 +20,13 @@ $(document).ready(function () {
$(".section03 .btn_pause").click(function () {
slideBanner.autoplay.stop();
$(this).addClass("hide");
$(".btn_play").removeClass("hide");
$(".section03 .btn_play").removeClass("hide");
})
$(".section03 .btn_play").click(function () {
slideBanner.autoplay.start();
$(this).addClass("hide");
$(".btn_pause").removeClass("hide");
$(".section03 .btn_pause").removeClass("hide");
})
$('.section03 .swiper').hover(function () {
@ -77,13 +77,13 @@ $(document).ready(function () {
$(".site_slide_wrap .btn_pause").click(function () {
siteBanner.autoplay.stop();
$(this).addClass("hide");
$(".btn_play").removeClass("hide");
$(".site_slide_wrap .btn_play").removeClass("hide");
})
$(".site_slide_wrap .btn_play").click(function () {
siteBanner.autoplay.start();
$(this).addClass("hide");
$(".btn_pause").removeClass("hide");
$(".site_slide_wrap .btn_pause").removeClass("hide");
})
$('.site_slide_wrap').hover(function () {