diff --git a/src/main/webapp/META-INF/maven/nlib/nlib/pom.properties b/src/main/webapp/META-INF/maven/nlib/nlib/pom.properties index 44b3ac73..ae5ad376 100644 --- a/src/main/webapp/META-INF/maven/nlib/nlib/pom.properties +++ b/src/main/webapp/META-INF/maven/nlib/nlib/pom.properties @@ -1,5 +1,5 @@ #Generated by Maven Integration for Eclipse -#Tue Nov 16 11:00:09 KST 2021 +#Thu Dec 09 09:34:33 KST 2021 version=1.0.0 groupId=nlib m2e.projectName=iams.nlib diff --git a/src/main/webapp/META-INF/maven/nlib/nlib/pom.xml b/src/main/webapp/META-INF/maven/nlib/nlib/pom.xml index b5a11092..dad0f605 100644 --- a/src/main/webapp/META-INF/maven/nlib/nlib/pom.xml +++ b/src/main/webapp/META-INF/maven/nlib/nlib/pom.xml @@ -540,4 +540,81 @@ + + + + + + + opr + + opr + nlibhome + + + ${profile.final.name} + + + org.apache.maven.plugins + maven-war-plugin + 2.4 + + + + + + css/, favicon/, fonts/, images/, js/, index.html + + + + + maven-antrun-plugin + + + test + + run + + + + + + + + + + + + + + + + + + + maven-assembly-plugin + 2.2-beta-5 + + + + src/main/assembly/static-contents.xml + + + + + make-assembly + package + + single + + + + + + + + + diff --git a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp index 1d506757..fffead7e 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp @@ -497,7 +497,7 @@ function fn_listPops(typeDivCd) { this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next this.el.querySelector(".swiper-button-next").style.visibility = "hidden"; - this.el.querySelector(".loop-count").style.visibility = "hidden"; + this.el.querySelector(".pagination").style.visibility = "hidden"; } } } @@ -528,7 +528,7 @@ function fn_listPops(typeDivCd) { this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next this.el.querySelector(".swiper-button-next").style.visibility = "hidden"; - this.el.querySelector(".loop-count").style.visibility = "hidden"; + this.el.querySelector(".pagination").style.visibility = "hidden"; } } } @@ -555,8 +555,7 @@ function fn_listPops(typeDivCd) { this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping //this.el.querySelector(".swiper-button-prev").style.visibility = "hidden"; // hiding arrows prev&next //this.el.querySelector(".swiper-button-next").style.visibility = "hidden"; - $(".swiper-pagination").css('visibility','hidden'); - this.el.querySelector(".loop-count").style.visibility = "hidden"; + this.el.querySelector(".pagination").style.visibility = "hidden"; } } } diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 798eeec6..f407abfa 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -6,7 +6,7 @@ .skip-nav a {display:block;background:#333;color:#fff;font-size:14px;padding:5px 12px;border-radius:3px;letter-spacing:-1px;margin:3px 0px;position:absolute;top:0px;left:0px;z-index:0;width:140px;text-align:center;} .blind {display:none;} .wrap {display:inline-block;width:100%;min-width:1400px;} -.wrap header {position: fixed;top:0px;left:0px;width:100%;border-bottom:1px solid #999;background:rgba(0,0,0,0.4);z-index: 99;} +.wrap header {position: fixed;top:0px;left:0px;width:100%;border-bottom:1px solid #999;background:rgba(0,0,0,0.4);z-index: 999;} .wrap header .inner {width:1400px;height:72px;margin:0 auto;} .wrap header .inner h1 {float:left;width:33.3%;text-align: left;} .wrap header .inner .search-wrap {float:left;width:33.3%;text-align:center;} @@ -36,7 +36,7 @@ /********** 메뉴 **********/ -.wrap .nav-wrap {position: fixed;top:73px;left:0px;width:100%;background:rgba(0,0,0,0.4);z-index: 99;} +.wrap .nav-wrap {position: fixed;top:73px;left:0px;width:100%;background:rgba(0,0,0,0.4);z-index: 999;} .wrap .nav-wrap .inner {height:55px;} .wrap .nav-wrap .inner {width:1400px;height:55px;margin:0 auto;} .wrap .nav-wrap #primary-nav {position: relative;top:0px;left:0;} @@ -111,7 +111,6 @@ transform: rotateZ(45deg); transform: rotateZ(-45deg); } - /********** 헤더 스크롤 **********/ .wrap #header.scroll_off {background:rgba(0,0,0,0.4);} .wrap #header.scroll_on {background:rgba(55,103,149,1.0);} @@ -162,10 +161,10 @@ section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;} /********** 메인섹션1 **********/ .sec1 {} .sec1 .inner .banner {position: relative;width:100%;height:600px;background:#ccc;background-size:cover;} -.sec1 .inner .banner h3 {font-size:36px;line-height:48px;color:#fff;font-weight: 500;text-align:center;width:100%;position: absolute;top:200px;} -.sec1 .inner .banner p {font-size:16px;line-height:24px;color:#fff;font-weight: 200;text-align:center;width:100%;position: absolute;top:320px;} +.sec1 .inner .banner h3 {font-size:36px;line-height:48px;color:#fff;font-weight: 500;text-align:center;width:60%;padding:0% 20%;position: absolute;top:200px;word-break: break-all;max-height: 100px;overflow: hidden;} +.sec1 .inner .banner p {font-size:16px;line-height:24px;color:#fff;font-weight: 200;text-align:center;width:60%;padding:0% 20%;position: absolute;top:320px;word-break: break-all;max-height: 52px;overflow: hidden;} .sec1 .inner .banner p:nth-of-type(2) {top:400px;} -.sec1 .inner .banner p:nth-of-type(2) a {border:1px solid #000;background:#000;border-radius:50px;color:#fff;font-size:14px;padding:5px 20px;} +.sec1 .inner .banner p:nth-of-type(2) a {display:inline-block;border:1px solid #000;background:#000;border-radius:50px;color:#fff;font-size:14px;padding:5px 20px;} .sec1 .inner .banner p:nth-of-type(2) a:hover {border:1px solid #fff;background:#fff;color:#333;} .MainSwiper {width:100%;height:100%;display:inline-block;} .MainSwiper .swiper-button-next:after, .MainSwiper .swiper-rtl .swiper-button-prev:after, .MainSwiper .swiper-button-prev:after, .MainSwiper .swiper-rtl .swiper-button-next:after {color:#fff;} @@ -175,11 +174,10 @@ section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;} .MainSwiper .loop-count button.remote:focus {outline:none;} .MainSwiper .loop-count button.remote.restart span {background-image:url('/images/btn/btn-mainvisual-play-white.png');} .MainSwiper .pagination {position:absolute;bottom:140px;left:calc(50% - -450px);} -.MainSwiper .swiper-pagination-fraction {color:#fff;left:-40px;top:4px;} +.MainSwiper .swiper-pagination-fraction {color:#fff;left:-40px;top:4px;width:auto;} .MainSwiper .swiper-slide {height:600px} .MainSwiper .swiper-slide .img {height:600px;} .MainSwiper .swiper-slide .img img {object-fit:cover;width:100%;height:100%;} -.MainSwiper .swiper-slide .text {} .sec1 .inner .color-box {width:960px;margin:0 auto;text-align: center;position: relative;top:-108px;z-index:9;} .sec1 .inner .color-box .list {float:left;width:25%;height: 216px;background:#333;position: relative;overflow: hidden;} @@ -237,7 +235,7 @@ transform: rotate(45deg); .sec3 .pickSwiper .loop-count button.remote-pick:focus {outline:none;} .sec3 .pickSwiper .loop-count button.remote-pick.restart span {background-image:url('/images/btn/btn-mainvisual-play-black.png');} .sec3 .pickSwiper .pagination {position:absolute;bottom:0px;left:calc(50% - 0px);} -.sec3 .pickSwiper .swiper-pagination-fraction {color:#333;left:-40px;top:4px;} +.sec3 .pickSwiper .swiper-pagination-fraction {color:#333;left:-40px;top:4px;width:auto;} /********** 메인섹션4 **********/ .sec4 .inner .middle-banner {background: url(/images/bg/bg-sec4-bg.jpg) no-repeat;width:100%;height:317px;background-size: cover;} @@ -284,7 +282,7 @@ transition: all 0.2s ease-in-out; .sec5 .popularSwiper .loop-count button.remote-popular:focus {outline:none;} .sec5 .popularSwiper .loop-count button.remote-popular.restart span {background-image:url('/images/btn/btn-mainvisual-play-black.png');} .sec5 .popularSwiper .pagination {position:absolute;bottom:0px;left:calc(50% - 0px);} -.sec5 .popularSwiper .swiper-pagination-fraction {color:#333;left:-40px;top:4px;} +.sec5 .popularSwiper .swiper-pagination-fraction {color:#333;left:-40px;top:4px;width:auto;} /********** 메인섹션6 **********/ .sec6 {padding:100px 0px 100px;} @@ -337,7 +335,7 @@ transition: all 0.2s ease-in-out; .sec6 .onlineSwiper .loop-count button.remote-online:focus {outline:none;} .sec6 .onlineSwiper .loop-count button.remote-online.restart span {background-image:url('/images/btn/btn-mainvisual-play-black.png');} .sec6 .onlineSwiper .pagination {position:absolute;bottom:0px;left:calc(50% - 0px);} -.sec6 .onlineSwiper .swiper-pagination-fraction {color:#333;left:-40px;top:4px;} +.sec6 .onlineSwiper .swiper-pagination-fraction {color:#333;left:-40px;top:4px;width:auto;} /********** 메인섹션7 **********/ .sec7 {background:#f5f5f5;padding:100px 0px 100px;display: inline-block;width:100%;height:auto;} @@ -446,7 +444,7 @@ body.no-scroll {overflow: hidden;} .location .inner .row-top .location-box .loc li::before {content: '';background:url(/images/icon/icon-join-arr.png) no-repeat center;display:inline-block;width:20px;height:17px;position: absolute;top:0px;right:-12px;} .location .inner .row-top .location-box .loc li:last-child::before {display:none;} .location .inner .row-top .location-box .tit h2 {font-size:36px;color:#222;font-weight: 500} -.location .inner .row-top .location-box .tit h2 span {font-size:36px;font-weight: 500;color:#376795;} +.location .inner .row-top .location-box .tit h2 span {font-size:22px;font-weight: 500;color:#376795;} .location .inner .row-top .arr {display:inline-block;position: absolute;bottom:-12px;left:calc(50% - 13px);width:26px;height:26px;background:#6a6a6a;border-radius:50%;} .location .inner .row-top .arr img {vertical-align: middle;} @@ -647,7 +645,7 @@ transform: rotate(45deg); /********** 오시는길 **********/ -.map .inner .row-bottom .map-box {margin-bottom:80px;} +.map .inner .row-bottom .map-box {} .map .inner .row-bottom .map-box h2 {text-align:left;margin-bottom:10px;font-size:24px;font-weight: 300;} .map .inner .row-bottom .map-box h2 span {color:#376795;} .map .inner .row-bottom .map-box .info {border:1px solid #ddd;display: inline-block;width:100%;} @@ -664,6 +662,7 @@ transform: rotate(45deg); .map .inner .row-bottom .map-box .info > div p:nth-of-type(4) {font-size:13px;color:#666;} .map .inner .row-bottom .map-box .info .mapimg {width:100%;height:440px;padding:0;margin-right:0;border-bottom:1px solid #ddd;z-index:0;} .map .inner .row-bottom .map-box .info .mapimg iframe {width:100%;height:100%;} +.map .inner .row-bottom .map-box .info .mapimg a img[alt="NAVER"] {z-index:-1 !important;} .map .inner .info-box {width: 1400px;margin: 0 auto;padding-bottom: 140px;text-align: initial;} .map .inner .info-box .info-sec {margin-bottom: 80px;text-align: left;} @@ -938,7 +937,7 @@ transform: rotate(45deg);} .data.detail .inner .row-top .center .left .cla .con-1 span.visit {color:#2b8b99;border:2px solid #2b8b99;} .data.detail .inner .row-top .center .left .cla .con-2 {display: inline-block;padding:0px 0px 0px 10px;} .data.detail .inner .row-top .center .left .cla .con-2 .code {font-size:16px;color:#fff;line-height: 26px;} -.data.detail .inner .row-top .center .left .tit {font-size:30px;color:#fff;font-weight: 500;margin-bottom:20px;} +.data.detail .inner .row-top .center .left .tit {font-size:24px;color:#fff;font-weight: 500;margin-bottom:20px;max-height: 100px;overflow: hidden;} .data.detail .inner .row-top .center .left .img {background:#fff;display: inline-block;width:100%;height:445px;display: flex;align-items: center;justify-content: center;} .data.detail .inner .row-top .center .right .con-1 {display: inline-block;width:100%;height:100px;border-bottom:1px solid #ddd;text-align: right;margin-bottom: 30px;} .data.detail .inner .row-top .center .right .con-1 button {background:#f5f5f5;width:auto;height:30px;line-height:28px;width:30px;border-radius: 3px;font-size:14px;color:#222;font-weight: 500;text-align: center;border:1px solid #ddd;margin-top:55px;} @@ -1003,7 +1002,7 @@ transform: rotate(45deg);} .data.detail .inner .row-bottom .DetailSwiper1 .loop-count button.remote-detail1 {outline:none;} .data.detail .inner .row-bottom .DetailSwiper1 .loop-count button.remote-detail1.restart span {background-image:url('/images/btn/btn-mainvisual-play-black.png');} .data.detail .inner .row-bottom .DetailSwiper1 .pagination {position:absolute;bottom:0px;left:calc(50% - 0px);} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-pagination-fraction {color:#333;left:-40px;top:4px;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-pagination-fraction {color:#333;left:-40px;top:4px;width:auto;} .data.detail .inner .row-bottom .con-4 {background: #f5f5f5;padding:0px 0px 60px;margin:0px 0px 100px;} .data.detail .inner .row-bottom .con-4 .top {padding:40px 0px;position: relative;text-align: center;} @@ -1060,7 +1059,7 @@ transform: rotate(45deg);} .data.detail .inner .row-bottom .DetailSwiper2 .loop-count button.remote-detail2 {outline:none;} .data.detail .inner .row-bottom .DetailSwiper2 .loop-count button.remote-detail2.restart span {background-image:url('/images/btn/btn-mainvisual-play-black.png');} .data.detail .inner .row-bottom .DetailSwiper2 .pagination {position:absolute;bottom:0px;left:calc(50% - 0px);} -.data.detail .inner .row-bottom .DetailSwiper2 .swiper-pagination-fraction {color:#333;left:-40px;top:4px;} +.data.detail .inner .row-bottom .DetailSwiper2 .swiper-pagination-fraction {color:#333;left:-40px;top:4px;width:auto;} .data.detail .btn-box {margin:50px 0px;text-align: center;} .data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-next, @@ -1453,7 +1452,8 @@ transform: rotate(45deg);} .file-box .file-list span:nth-of-type(2) button {display:inline-block;width:auto;text-align:left;} .file-box .file-list span:nth-of-type(3) button {background: #666;color:#fff;border-radius: 2px;padding:2px 10px 3px;font-size: 12px;margin-left:15px;} .view-body {border-bottom: 0px solid #000;text-align: left;} -.view-con {line-height: 1.85;color: #666;padding: 20px 2%;letter-spacing: -.025em;min-height: 515px;border-bottom:1px solid #ddd;} +.view-con {line-height: 1.85;color: #666;width:96%;padding: 20px 2%;overflow:auto;letter-spacing: -.025em;min-height: 515px;border-bottom:1px solid #ddd;} +.view-con img {width:100%;} .view-body .attachments {width: 100%;border-top: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;} .view-body .attachments:after {content: "";display: block;clear: both;} .view-body .attachments li {height: 60px;margin-right: 30px;line-height: 60px;float: left;} @@ -1702,13 +1702,13 @@ transform: rotate(45deg); /* 서지정보 팝업 */ -.pop-serge {position:fixed;top:5%;left:calc(50% - 435px);width: 870px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} -.pop-serge .inner {display:inline-block;width:90%;height:calc(100% - 50px);overflow:auto;padding:5%;background: #f2f4f7;} +.pop-serge {position:fixed;top:5%;left:calc(50% - 435px);width: 870px;height: 85%;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-serge .inner {display:inline-block;width:90%;height:auto;overflow:auto;padding:2% 5%;background: #f2f4f7;} .pop-serge .inner .row {padding:0px 0px 0px;text-align:center;text-align: left;} .pop-serge .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} .pop-serge .Title h3 {font-size:24px;line-height:30px;margin-top:0px;color:#fff;font-weight: 300;text-align: left;padding:0% 5%;} .pop-serge .Title h3 span {font-size:12px;line-height:12px;font-weight: 100;color:#fff;margin-left:10px;} -.pop-serge .inner .Text .text-box {border:1px solid #ddd;background: #fff;padding:30px 40px;margin-bottom:30px;} +.pop-serge .inner .Text .text-box {border:1px solid #ddd;background: #fff;padding:30px 40px;margin-bottom:10px;} .pop-serge .inner .Text .con-1 > p, .pop-serge .inner .Text .con-2 > p {font-size:18px;font-weight: 500;margin-bottom:5px;} .pop-serge .inner .Text .text-box p {font-size:14px;margin-bottom:15px;letter-spacing: -0.3px;} .pop-serge .inner .Text .text-box p:nth-of-type(1) {text-indent: -14px;} @@ -1929,7 +1929,7 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite; /* 상세검색 팝업 */ -.popup {width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;z-index: 150;top: 0;left: 0;} +.popup {width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;z-index: 9999;top: 0;left: 0;} .popup .pop-wrap {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .popup .btn-wrap {padding-top: 20px;} .popup .pop-wrap input[type="password"] {box-sizing: border-box;width: 100%;padding: 0 20px 0 40px;border: 1px solid #ddd;border-radius: 2px;line-height: 40px;background: #fff url(/images/icon/icon-scr.png) no-repeat 20px center;} diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index ccc19d0f..6340b5c8 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -93,7 +93,7 @@ a.pop-logo img { margin-right: 10px; } .wrap header .inner .search-wrap .search-input .btn-search-detail { position: absolute; left: auto; right: 10px; top: 8px; width: 43px; height: 28px; background: #e6e7e9; border-radius: 30px; color: #666666; line-height: 18px; } .wrap header .inner .search-wrap .search-input .btn-search-detail span { display: none; } .wrap header .inner .log { display: none; } -.wrap .nav-wrap { width: auto; top: 0; left: auto; right: 0; background: none !important; z-index: 101; } +.wrap .nav-wrap { width: auto; top: 0; left: auto; right: 0; background: none !important; z-index: 999; } .wrap .nav-wrap.scroll_on { box-shadow: none; } .wrap .nav-wrap .inner { width: auto; height: 72px; display: flex; align-items: center; justify-content: flex-end; padding: 0 16px; box-sizing: border-box; } .wrap .nav-wrap .inner.mo_show { width: 286px; justify-content: space-between; } @@ -111,8 +111,8 @@ a.pop-logo img { margin-right: 10px; } .wrap .nav-wrap .Btn.selected i::after { bottom: 0; border-bottom: none; } .wrap .nav-wrap .Btn i::after { content: ""; position: absolute; left: 0; width: 25px; height: 2px; border-radius: 10px; background: #fff; border-color: #fff; } .sec1 .inner .banner { height: 400px; background-position: -452px;overflow:hidden; } -.sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 120px; } -.sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 190px; } +.sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 120px; padding:0% 5%;width:90%;max-height:70px; } +.sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 190px; padding:0% 5%;width:90%;max-height:42px;} .sec1 .inner .banner p > span { display: block; } .sec1 .inner .banner p:nth-of-type(2) {top:260px;} .MainSwiper .swiper-slide {height:400px;} @@ -157,7 +157,7 @@ footer .family_site {right:10px;} .article-side {width:22%;margin-right:2%;} .culture-box {width:74%;} .data.detail .inner .row-top .center .left {width:40%;} -.data.detail .inner .row-top .center .left .img img {width:100%;} +.data.detail .inner .row-top .center .left .img img {} .data.detail .inner .row-top .center .right {width:54%;} .greeting .inner .row-bottom .greeting-box .gree {width:90%;padding:70px 5%;} .guide .inner .row-bottom { padding: 0px 0px 80px; box-sizing: border-box; } @@ -247,6 +247,8 @@ footer .family_site {right:10px;} .data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide { height: auto;background:none;box-shadow:0 0 0; } .visit-data .inner .tabs_item .list-wrap .list-data div.list > div {font-size:14px;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural {width:20%;} + + .wrap .nav-wrap #primary-nav {display:none !important;opacity:0 !important;} } /* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/ @@ -276,7 +278,7 @@ footer .family_site {right:10px;} .wrap header .inner .search-wrap .search-input .btn-search-detail { position: absolute; left: auto; right: 10px; top: 8px; width: 43px; height: 28px; background: #e6e7e9; border-radius: 30px; color: #666666; line-height: 18px; } .wrap header .inner .search-wrap .search-input .btn-search-detail span { display: none; } .wrap header .inner .log { display: none; } - .wrap .nav-wrap { width: auto; top: 0; left: auto; right: 0; background: none !important; z-index: 101; } + .wrap .nav-wrap { width: auto; top: 0; left: auto; right: 0; background: none !important; z-index: 999; } .wrap .nav-wrap.scroll_on { box-shadow: none; } .wrap .nav-wrap .inner { width: auto; height: 72px; display: flex; align-items: center; justify-content: flex-end; padding: 0 16px; box-sizing: border-box; } .wrap .nav-wrap .inner.mo_show { width: 286px; justify-content: space-between; } @@ -817,6 +819,8 @@ footer .family_site {right:10px;} .list-table-wrap table tbody tr {position:relative;text-align:left;display:inline-block;padding:10px 0px;} .list-table-wrap table th, .list-table-wrap table td {display: inline-block;height: auto;} + .list-table-wrap table .t-file img {padding-left: 10px;border-left: 1px solid #ccc;line-height: 1;} + /* 공지사항 상세 */ .view-tit { position: relative; padding-left: 18px; box-sizing: border-box;display:inline-block;width:100%;} .qna-data .view-tit { padding-left: 15px; } @@ -886,7 +890,7 @@ footer .family_site {right:10px;} .qna .title .list-input button { background: url("/images/icon/icon-search-mo.png") no-repeat center center; } .qna .inner .tabs_item { padding: 0 16px; box-sizing: border-box; } .qna .list-table-wrap .t-tit-line { display: none; } - .qna .list-table-wrap table { position: relative; font-size: 14px; display: flex; flex-wrap: wrap; align-items: center; } + .qna .list-table-wrap table { position: relative; font-size: 14px; flex-wrap: wrap; align-items: center; } .qna .list-table-wrap table th, .qna .list-table-wrap table td { height: auto; } .qna .list-table-wrap table .t-num { position: absolute; } @@ -967,8 +971,9 @@ footer .family_site {right:10px;} .myinfo .contents > div .title-box { padding-bottom: 0; } .myinfo .contents .concern-data { margin-bottom: 24px; } .myinfo .contents .concern-data .list-box { width: 100%; display: flex; flex-wrap: wrap; } - .myinfo .contents .concern-data .list-box .list { width: 47%; margin: 0 16px 16px 0; } + .myinfo .contents .concern-data .list-box .list { width: 47%; margin: 0 16px 16px 0; min-height:330px; } .myinfo .contents .concern-data .list-box .list:nth-child(2n) { margin-right: 0; } + .myinfo .contents .concern-data .list-box .list:nth-child(3n) { margin-right: 16px; } .myinfo .contents .concern-data .list-box .list .thum { padding: 10px 0px; } .myinfo .contents .concern-data .list-box .list .thum img { max-height: 123px; } .myinfo .contents .concern-data .list-box .list .text { padding: 10px 15px; } @@ -1104,6 +1109,7 @@ footer .family_site {right:10px;} .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation::before { content: "신청/예약일: "; } .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry::before { content: "신청/예약 만료일: "; } .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return::before { content: "반납예정일: "; } + .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use span {margin-right:10px;} } /* 팝업 */ diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js index 0a900186..2dd8147c 100644 --- a/src/main/webapp/js/default.js +++ b/src/main/webapp/js/default.js @@ -482,9 +482,16 @@ $(document).ready(function(){ }); // 접근성 메뉴 + /* $('.wrap .nav-wrap #primary-nav ul li a').focus(function(){ $('.wrap .nav-wrap #primary-nav ul li .sub-menu').show(); }); + */ + $(".wrap .nav-wrap #primary-nav ul li a").keydown(function (e) { + if (e.keyCode == 9) { + $('.wrap .nav-wrap #primary-nav ul li .sub-menu').show(); + } + }); $('.sec1 .inner .banner p:nth-of-type(2) a').focus(function(){ $('.wrap .nav-wrap #primary-nav ul li .sub-menu').hide(); }); @@ -638,4 +645,23 @@ $(document).ready(function() { } } }); -}); \ No newline at end of file +}); + + + +/* 리사이즈 */ +$(function(){ + $(window).resize(function() { + var width = $(window).width(); + if (width<=1399) { + + } + if (width>=1400) { + $('.mo-nav-wrap').removeClass('show'); + $('.wrap .nav-wrap .inner .left').hide(); + $('.wrap .nav-wrap .inner').removeClass('mo_show'); + } + }); + $(window).resize(); +}); +