diff --git a/src/main/webapp/WEB-INF/jsp/web/com/webCommonFooter.jsp b/src/main/webapp/WEB-INF/jsp/web/com/webCommonFooter.jsp
index 85901d48..08f821e8 100644
--- a/src/main/webapp/WEB-INF/jsp/web/com/webCommonFooter.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/com/webCommonFooter.jsp
@@ -66,7 +66,7 @@ function footerSiteLinkPageGo (){
(06133) 서울특별시 강남구 테헤란로131 (역삼동, 한국지식재산센터 6층)
TEL. 02-2183-5800 FAX. 02-2183-5899
- COPYRIGHTS 2021 ⓒ KOIPA, All Rights Reserved
+ COPYRIGHTSⓒ KOIPA, All Rights Reserved
diff --git a/src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp b/src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp
index d6655b3e..744c91fd 100644
--- a/src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp
@@ -14,20 +14,20 @@
-
+
<c:choose>
<c:when test="${fn:contains(URL , 'main/mainPage.')}">
- 한국지식재산보호원
+ 지식재산 보호 교육 시스템
</c:when>
<c:when test="${fn:contains(URL , 'web/user/login/ssoLogin.')}">
- 로그인 < 한국지식재산보호원
+ 로그인 < 지식재산 보호 교육 시스템
</c:when>
<c:otherwise>
<c:forEach var="result" items="${menuCurrentResultList}" varStatus="status">
${result.menuNm} <
</c:forEach>
- 한국지식재산보호원
+ 지식재산 보호 교육 시스템
</c:otherwise>
</c:choose>
diff --git a/src/main/webapp/visitEdu/adm/publish/css/dashboard.css b/src/main/webapp/visitEdu/adm/publish/css/dashboard.css
index 63ca3f71..ebfb037f 100644
--- a/src/main/webapp/visitEdu/adm/publish/css/dashboard.css
+++ b/src/main/webapp/visitEdu/adm/publish/css/dashboard.css
@@ -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;}
diff --git a/src/main/webapp/visitEdu/usr/publish/css/common.css b/src/main/webapp/visitEdu/usr/publish/css/common.css
index cfdb428b..2c409e73 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/common.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/common.css
@@ -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%;}
diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css
index c49cfa9b..2d149cb2 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/content.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/content.css
@@ -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;}
}
diff --git a/src/main/webapp/visitEdu/usr/publish/css/main.css b/src/main/webapp/visitEdu/usr/publish/css/main.css
index 11f05530..ecf2c546 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/main.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/main.css
@@ -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; }
}
\ No newline at end of file
diff --git a/src/main/webapp/visitEdu/usr/publish/images/common/ogimg_ci.png b/src/main/webapp/visitEdu/usr/publish/images/common/ogimg_ci.png
new file mode 100644
index 00000000..580458de
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/common/ogimg_ci.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_fax_m.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_fax_m.png
index 7459fbab..34891ac2 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_fax_m.png and b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_fax_m.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_mail_m.png b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_mail_m.png
index 34891ac2..7459fbab 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_mail_m.png and b/src/main/webapp/visitEdu/usr/publish/images/main/sec01_icon_mail_m.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/script/main.js b/src/main/webapp/visitEdu/usr/publish/script/main.js
index 98e460d7..fe5affa3 100644
--- a/src/main/webapp/visitEdu/usr/publish/script/main.js
+++ b/src/main/webapp/visitEdu/usr/publish/script/main.js
@@ -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 () {