From b9821577ef51df7e8fc97591e915c232770034fe Mon Sep 17 00:00:00 2001 From: com02 Date: Tue, 21 Dec 2021 13:53:13 +0900 Subject: [PATCH] =?UTF-8?q?=EC=98=A4=EB=A3=A8=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../WEB-INF/jsp/nlib/read/listReadItems.jsp | 12 +++++----- src/main/webapp/css/default.css | 16 ++++++++----- src/main/webapp/css/media.css | 24 +++++++++++-------- 3 files changed, 30 insertions(+), 22 deletions(-) diff --git a/src/main/webapp/WEB-INF/jsp/nlib/read/listReadItems.jsp b/src/main/webapp/WEB-INF/jsp/nlib/read/listReadItems.jsp index c0ffbe3f..14ebb300 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/read/listReadItems.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/read/listReadItems.jsp @@ -127,14 +127,14 @@ function fn_search(reqStatusDivCd) { div.append($('
').attr('class', 'n-data').html("" + obj.title + "")); div.append($('
').attr('class', 'n-subscription').html('' + gfn_formatDateStr(obj.reqDd,"-") + '')); /* 신청일자 */ div.append($('
').attr('class', 'n-visit').html( - '' + gfn_formatDateStr(obj.hopeReqPridDtmFrom,"-") + - (!gfn_isEmpty(obj.hopeReqPridDtmFrom) && !gfn_isEmpty(obj.hopeReqPridDtmTo) ? " ~ " : "" ) + - gfn_formatDateStr(obj.hopeReqPridDtmTo,"") + '' + '' + '' + gfn_formatDateStr(obj.hopeReqPridDtmFrom,"-") + + (!gfn_isEmpty(obj.hopeReqPridDtmFrom) && !gfn_isEmpty(obj.hopeReqPridDtmTo) ? " ~ " : "" ) + '' + + '' + gfn_formatDateStr(obj.hopeReqPridDtmTo,"") + '' + '' )); /* 희망열람기간 */ div.append($('
').attr('class', 'n-return').html( - '' + gfn_formatTimeStr(obj.reqPsblDtmFrom,"-") + - (!gfn_isEmpty(obj.reqPsblDtmFrom) && !gfn_isEmpty(obj.reqPsblDtmTo) ? " ~ " : "" ) + - gfn_formatTimeStr(obj.reqPsblDtmTo, "") + '' + '' + '' + gfn_formatTimeStr(obj.reqPsblDtmFrom,"-") + + (!gfn_isEmpty(obj.reqPsblDtmFrom) && !gfn_isEmpty(obj.reqPsblDtmTo) ? " ~ " : "" ) + '' + + '' + gfn_formatTimeStr(obj.reqPsblDtmTo, "") + '' + '' )); /* 방문예정일자 */ var statusHtml1 = ""; diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index ddb1ab95..b120e0d3 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -155,7 +155,7 @@ section {clear:both;text-align: center;} section h3 {font-size:36px;font-weight: 500;margin-bottom: 5px;} section h3 span {color:#376795;} section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;} -.contents {width:1400px;margin:0 auto;padding-bottom:140px;min-height:600px;} +.contents {width:1400px;margin:0 auto;padding-bottom:140px;min-height:400px;} /********** 메인섹션1 **********/ @@ -783,7 +783,8 @@ transform: rotate(45deg);} .cart .inner .visit-confirm .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-date {width:18%;} /********** 소장자료 **********/ -.data .inner .row-bottom {position: relative;} +.data .inner .row-bottom {position: relative;padding-bottom:0;} +.data .inner .row-bottom .btn-box {margin-top:0;} .article-side {float: left;width:320px;margin-right:40px;} .culture-box {float: left;width:1040px;} .filter-wrap {border:1px solid #ddd;text-align: left;padding:30px;} @@ -911,9 +912,10 @@ transform: rotate(45deg);} .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 {margin-bottom:5px;font-size:18px;color:#666;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 {margin-bottom:30px;font-size:24px;color:#333;font-weight: 500;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 span {color:#d47b1c;} -.data .inner .data-box .culture-box .tab > .title {height:36px;margin:30px 0px 0px;outline:0px solid red;} -.data .inner .data-box .culture-box .tab .title .count {float:left;font-size:16px;height:36px;line-height:36px;} +.data .inner .data-box .culture-box .tab > .title {height:36px;margin:30px 0px 0px;outline:0px solid red;text-align:left;} +.data .inner .data-box .culture-box .tab .title .count {display:inline-block;font-size:16px;height:36px;line-height:36px;text-align:left;} .data .inner .data-box .culture-box .tab .title .count em {color:#d47b1c;font-weight: 500;} +.data .inner .data-box .culture-box .tab .title .count strong {display:block;} .data .inner .data-box .culture-box .tab .title .list-search-wrap {float:right;} .data .inner .data-box .culture-box .tab .title .list-search-wrap > div {float:left;font-size:12px;margin-left:10px;height:36px;line-height:36px;} .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search {} @@ -1368,6 +1370,8 @@ transform: rotate(45deg);} .visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.no-poss {color:#666;} .visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;} .visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-size: 12px;} +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date .date-start, +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date .date-end {display:block;} /* 알림페이지 아코디언 목록 */ @@ -1809,8 +1813,8 @@ transform: rotate(45deg); /* 알림 팝업 */ -.pop-notice {position:fixed;top:9%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} -.pop-notice .inner {display:inline-block;width:100%;height: calc(100% - 220px);overflow:auto;padding:50px 0px;background: #fff;} +.pop-notice {position:fixed;top:9%;left:calc(50% - 210px);width: 420px;height: 400px;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-notice .inner {display:inline-block;width:100%;height: calc(100% - 156px);overflow:auto;padding:50px 0px;background: #fff;} .pop-notice .inner .row {padding:0px 60px 0px;text-align:center;} .pop-notice .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} .pop-notice .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index faac3e63..76a99350 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -152,7 +152,7 @@ footer .family_site {right:10px;} .data.detail .inner .row-top .center {width:100%;} .data.detail .inner .row-bottom .con-4 .top h3 {width:100%;} .data.detail .inner .row-bottom .con-4 .top h3::before {content: '';width:100%;} -.data.detail .inner .row-bottom .DetailSwiper2 {max-width:auto;} +.data.detail .inner .row-bottom .DetailSwiper2 {max-width:auto;padding:1% 10% 4%;width:80%;} .data.detail .inner .row-top .center .right .con-2 .de-data ul li {width:100%;} .faq .inner .tab {position: relative;width:100%;margin:0 auto;} .article-side {width:22%;margin-right:2%;} @@ -686,12 +686,12 @@ footer .family_site {right:10px;} .data .inner .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .data .inner .tabs li:last-child a { border-right: 1px solid #ddd; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .data .inner .data-box .culture-box .tab > .title { display: flex; flex-direction: column-reverse; height: auto; padding-right: 16px; } - .data .inner .data-box .culture-box .tab .title .count { display: flex; font-size: 14px; } + .data .inner .data-box .culture-box .tab .title .count { display: inline-block;font-size: 14px;flex-wrap: wrap;height: auto;line-height: 24px;margin-bottom: 10px; } .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search { margin-left: 0; width: 100%; text-align: left; } .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select, .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select select { margin-left: 0; width: 100%; } .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input { margin-left: 0; width: 100%; box-sizing: border-box; margin: 10px 0 26px; display: flex; padding: 0 0 0 36px; } - .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input input { width: 100%; height: 100%; } + .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input input { width: 100%; height: 100%;padding-right:15%; } .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button[type="submit"] { background: url("/images/icon/icon-search-mo.png") no-repeat center; right: auto; left: 0; } .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button.filter-btn {display:inline-block;position: absolute;left: auto;right: 10px;top: 4px;width: 43px;height: 26px;background:#e6e7e9;color:#666;border-radius:50px;text-indent:0;} @@ -725,8 +725,10 @@ footer .family_site {right:10px;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 { margin-bottom: 16px; font-size: 18px; } .paging { width: 100%; display: flex; justify-content: center; } .paging li { margin: 0 !important; padding: 0 !important; min-width: auto; width: 24px !important; background-position: center !important; } - .paging .btn-prev a, - .paging .btn-next a { display: none; } + .paging .btn-prev, + .paging .btn-next { text-align:center; } + .paging .btn-prev a, + .paging .btn-next a { text-indent:-9999999px; } .paging li a { font-size: 14px; } .data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button.btn_filter { position: absolute; top: 3px; right: 10px; background: #e6e7e9; width: 43px; height: 28px; border-radius: 30px; font-weight: 500; font-size: 12px; line-height: 18px; color: #666666; text-indent: 0; } @@ -1125,7 +1127,8 @@ footer .family_site {right:10px;} .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit .date::before { content: "희망방문일: "; } .visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return .date::before { content: "방문예정일: "; } .visit-data .inner .tabs li {width:30%;} - +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date .date-start, +.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date .date-end {display:inline;} /* 대출관리 */ .loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural { margin-top: 10px; } @@ -1191,11 +1194,12 @@ footer .family_site {right:10px;} .pop-advanced-search .depth1-check input[type="checkbox"] + label { visibility: hidden; } .pop-advanced-search .tab-name { font-size: 12px; } .pop-advanced-search .conditions-wrap .line { display: flex; flex-wrap: wrap; } - .pop-advanced-search .conditions-wrap .depth1 { width: 33.3%; } + .pop-advanced-search .conditions-wrap .depth1 { width: 33.2%; } .pop-advanced-search .conditions-wrap .depth1 .check { position: relative; } .pop-advanced-search .conditions-wrap .depth1:first-child { border-left: 1px solid #ddd; } - .pop-advanced-search .conditions-wrap .depth1:last-child { border-right: 1px solid #ddd; } - .pop-advanced-search .conditions-wrap.conditions-datype .depth1:last-child { width: 33.5%; } + .pop-advanced-search .conditions-wrap .depth1:last-child { border-right: 0px solid #ddd; } + .pop-advanced-search .conditions-wrap .depth1:nth-of-type(3n+3) {border-right:1px solid #ddd;} + .pop-advanced-search .conditions-wrap.conditions-datype .depth1:last-child { } .pop-advanced-search .conditions-wrap .depth1 .depth2 { top: 50px; height: auto; border-left: 1px solid #ddd; padding: 20px 10px; } .pop-advanced-search .conditions-wrap .depth1 .depth2 li { width: auto; margin-right: 6px; } .conditions-wrap .selected-conditions {min-height:40px;} @@ -1215,7 +1219,7 @@ footer .family_site {right:10px;} .conditions-wrap .selected-conditions .conditions li button {text-align:left;} /* 알림 팝업 */ - .pop-notice { width: 343px; height: 549px; left: calc(50% - 171.5px); } + .pop-notice { width: 343px; height: 440px; left: calc(50% - 171.5px); } .pop-notice .Title p { display: none; } .pop-notice .Title h3 { font-size: 22px; line-height: 33px; } .pop-notice .inner .Text p { font-size: 16px; line-height: 24px; }