diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index e5952d67..e6393e30 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -12,6 +12,7 @@ .wrap header .inner h1 a img {} .wrap header .inner h1 a span {display:inline-block;height:16px;font-size:16px;line-height:16px;font-weight: 400;border-left:1px solid #999;color:#fff;margin-left:15px;padding-left:15px;position: relative;top:-14px;} .wrap header .inner h1 a span.title-1 {border-left:0px;margin-left:0;} +.wrap header .inner .search-wrap .search-close {display:none;} .wrap header .inner .search-wrap form {position: relative;margin:14px 0px;} .wrap header .inner .search-wrap .ark_query {position: relative;width:160px;height:43px;padding:0px 20px 0px 100px;border-radius:3px;} .wrap header .inner .search-wrap form .condition_sear {display:inline;position: absolute;top:7px;left:30px;height:28px;border-right:1px solid #ddd;padding-right:10px;} @@ -594,7 +595,6 @@ transform: rotate(45deg); .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%;} -.map .inner .row-bottom .map-box .info #map {height:337px !important;} .map .inner .row-bottom .map-box .info > div {float:left;width:21%;padding:1.95%;min-height:200px;border-right:1px solid #ddd;} .map .inner .row-bottom .map-box .info > div:last-child {border-right:0;} .map .inner .row-bottom .map-box .info > div p:nth-of-type(1) {width:80px;height:80px;line-height: 80px;display: inline-block;background: #ddd;text-align: center;border-radius: 50%;margin-bottom:10px;} diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 728e9c49..73cae39e 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -75,7 +75,8 @@ a.pop-logo img { margin-right: 10px; } .wrap header .inner h1 a span.title-2 { display: none; } .wrap header .inner .search-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; background: linear-gradient(90deg, #275f95 0%, #427cae 62.5%); z-index: 110; padding: 0 16px; box-sizing: border-box; } .wrap header .inner .search-wrap h2.blind { display: block; font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; text-align: left; margin: 16px 0; display: flex; align-items: center; justify-content: space-between; } - .wrap header .inner .search-wrap h2.blind .search-close { width: 26px; height: 26px; background: url("/images/btn/btn_close_size_27x26_c9c9c7.png") no-repeat; background-size: 100%; } + .wrap header .inner .search-wrap .search-close { display:inline-block;position:absolute;right:5%;top:23px; } + .wrap header .inner .search-wrap .search-close button {display:inline-block;width: 20px; height: 20px; background: url("/images/btn/btn-pop-close.png") no-repeat; background-size: 100%;} .wrap header .inner .search-wrap form .search-input { display: flex; flex-direction: column-reverse; margin-top: 58px; } /* 셀렉트 박스 */ .wrap header .inner .search-wrap form .condition_sear { width: 100%; height: 40px; left: 0; box-sizing: border-box; padding: 0; background: #ffffff; border-radius: 5px; } .wrap header .inner .search-wrap form .condition_sear select { width: 100%; height: 100%; padding: 0 20px 0 10px; } @@ -103,8 +104,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; } - .sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 122px; } - .sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 200px; } + .sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 142px; } + .sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 220px; } .sec1 .inner .banner p > span { display: block; } .sec1 .inner .color-box { width: 100vw; padding: 0 16px; box-sizing: border-box; top: -45px; } .sec1 .inner .color-box .list { height: 85px; display: flex; align-items: center; flex-direction: column-reverse; } @@ -179,7 +180,7 @@ a.pop-logo img { margin-right: 10px; } footer .copy { font-size: 12px; line-height: 18px; width: 80%; text-align: center; margin: auto; } footer .copy span:first-child { display: block; } footer .copy br { display: none; } - .btn-go-top p { display: none; } + .btn-go-top span:nth-of-type(2) { display: none; } .btn-go-top img { width: 24px; } #mo-member-btn { display: block; } @@ -395,6 +396,7 @@ a.pop-logo img { margin-right: 10px; } .map .inner .row-bottom .info-box .info-sec .text-box > div.box p { text-indent: 0; } .map .inner .row-bottom .info-box .info-sec .text-box > div.box span::before { display: none; } .map .inner .row-bottom .info-box .info-sec { margin-bottom: 24px; } + .map .inner .row-bottom .map-box .info #map {height:155px !important;} /* 소장자료 */ .data .inner .row-bottom { width: 100%; padding: 0 0 100px 16px; box-sizing: border-box; } @@ -437,6 +439,10 @@ a.pop-logo img { margin-right: 10px; } .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div:nth-child(1) { margin: 0; padding: 0; border: none; } .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button { width: 100%; height: 40px; } .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button.btn-ris { display: none; } + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p br {display:none;} + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p span {display:inline-block;margin:0px 5px;height:10px;line-height:10px;} + .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p span:nth-of-type(1) {border-right:1px solid #3f8f4a;padding-right:10px;} + /* 결과 없음 */ .data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 { font-size: 16px; } @@ -474,23 +480,26 @@ a.pop-logo img { margin-right: 10px; } .data.detail .inner .row-top .center .right .con-2 .keyword span { padding: 5px 14px 5px; border-radius: 30px; } .data.detail .inner .row-bottom.contents { padding: 0 16px; } .data.detail .inner .row-bottom .con-1 { margin-bottom: 30px; } - .data.detail .inner .row-bottom .con-1 .list-box { padding: 25px 30px; box-sizing: border-box; } - .data.detail .inner .row-bottom .con-1 .list-box .list { width: 50%; box-sizing: border-box; padding-bottom: 20px; } + .data.detail .inner .row-bottom .con-1 .list-box { padding: 15px 10px; box-sizing: border-box; } + .data.detail .inner .row-bottom .con-1 .list-box .list { width: 50%; box-sizing: border-box; padding-bottom: 20px;height:155px; } .data.detail .inner .row-bottom .con-1 .list-box .list:nth-child(2) { border-right: none; } .data.detail .inner .row-bottom .con-1 .list-box .list:nth-child(n + 3) { padding: 20px 0 0; border-top: 1px solid #ddd; } .data.detail .inner .row-bottom .con-1 .list-box .list .icon img { width: 60px; height: 60px; } .data.detail .inner .row-bottom .con-1 .text-box { width: 100%; padding: 16px 20px; box-sizing: border-box; word-break: break-all; } - .data.detail .inner .row-bottom .con-1 .text-box p { text-indent: -7px; padding-left: 7px; } + .data.detail .inner .row-bottom .con-1 .text-box p { text-indent: -7px; padding-left: 7px; } + .data.detail .inner .row-bottom .con-1 .list-box .list .con span {display:block;} + + .data.detail .inner .row-bottom .con-2 {position:relative;} .data.detail .inner .row-bottom .con-2 .top h3, - .data.detail .inner .row-bottom .con-3 .top h3 { font-size: 18px; } + .data.detail .inner .row-bottom .con-3 .top h3 { font-size: 18px;height:40px;line-height:40px;} .data.detail .DetailSwiper1 .swiper-button-next, .data.detail .DetailSwiper1 .swiper-button-prev { display: block; right: 10px !important; width: 15px; } .data.detail .DetailSwiper1 .swiper-button-prev { right: 20px !important; } .data.detail .swiper-button-next { text-align: right; } .data.detail .inner .row-bottom .con-2 { margin-bottom: 30px; } - .data.detail .inner .row-bottom .con-2 .top .down-btn { background-position: center; height: 100%; width: 34px; } + .data.detail .inner .row-bottom .con-2 .top .down-btn { background-position: center; width: 34px;height:40px; top:0px; } .data.detail .inner .row-bottom .con-2 .bottom { padding: 26px 0px; } - .data.detail .inner .row-bottom .con-2 .bottom p { font-size: 14px; text-indent: -40px; padding-left: 40px; } + .data.detail .inner .row-bottom .con-2 .bottom p { font-size: 14px; } .data.detail .inner .row-bottom .con-3 { margin-bottom: 30px; } .data.detail .inner .row-bottom .con-4 .top { padding: 20px 0px; } .data.detail .inner .row-bottom .con-4 .top h3 { font-size: 18px; } @@ -544,17 +553,19 @@ a.pop-logo img { margin-right: 10px; } .faq .contents, .faq .inner .tab { width: 100%; } .faq .mo_tabs_wrap { padding-left: 16px; box-sizing: border-box; height: 56px; } - .faq .inner .tab_content {margin-top:20px;} + .faq .inner .tab_content {margin-top:0px;} .faq .inner .tabs { /*width: max-content;*/ display: flex;white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px; } .faq .inner .tabs li { width: 130px; } - .faq .inner .tabs li a { border-radius: 0; } + .faq .inner .tabs li a { border-radius: 0;font-size:13px; } .faq .inner .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .faq .inner .tabs li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .faq .title { height: auto; margin-bottom: 0; } .faq .title .right, - .faq .title .left { width: 100%; } + .faq .title .left { width: 100%;display:flex; } .faq .title .left { font-size: 14px; } + .faq .title .right {flex-direction: column;} .faq .list-search-wrap { display: flex; flex-direction: column-reverse; padding: 0 16px; box-sizing: border-box; } + .faq .list-search-wrap form {display:flex;flex-direction:column-reverse;} .faq .title select { min-width: auto; width: 100%; } .faq .title .list-input { margin: 10px 0 0; width: 100%; box-sizing: border-box; } .faq .title .list-input input { width: 90%; } @@ -571,12 +582,14 @@ a.pop-logo img { margin-right: 10px; } /* qna */ .qna .contents { width: 100%; min-height: 200px; padding-bottom: 40px; } .qna .inner .tabs { width: 100%; padding: 0 16px; box-sizing: border-box; } - .qna .inner .tab_content {margin-top:20px;} + .qna .inner .tab_content {margin-top:0px;} .qna .title { height: auto; margin-bottom: 0; } .list-search-wrap { display: flex; flex-direction: column-reverse; } .data .list-search-wrap { flex-direction: column; } + .qna .list-search-wrap form {display:flex;flex-direction:column-reverse;} .qna .title .right, - .qna .title .left { width: 100%; padding: 0 16px; box-sizing: border-box; } + .qna .title .left { width: 100%; padding: 0 16px; box-sizing: border-box;display:flex; } + .qna .title .right {flex-direction: column;} .qna .title .total-count .count { font-size: 14px; margin-top: 10px; } .qna .title .list-input { margin: 10px 0 0; box-sizing: border-box; width: 100%; } .qna .title .list-input input { width: 90%; } @@ -852,13 +865,17 @@ a.pop-logo img { margin-right: 10px; } .conditions-wrap .selected-conditions .title p { display: none; } .pop-advanced-search button.btn-close-pop { display: none; } .pop-advanced-search .check input[type="checkbox"] + label:before { background-color: #fff; } - .advanced-form-table .row-times .check { margin-right: 0; width: 27%; height: 40px; display: inline-flex; align-items: center; } + .advanced-form-table .row-times .check { margin-right: 0; width: 25%; height: 40px; display: inline-flex; align-items: center; } .advanced-form-table .row-times .check:nth-child(4n) { width: auto; } .advanced-form-table .row-times .check:nth-child(8) { top: -8px; } .advanced-form-table .row-times .check label span { display: block; } - .pop-advanced-search .check input[type="checkbox"] + label[for="times-chk8"]::before { top: 6px; } + .pop-advanced-search .check label[for="times-chk8"] { top: 9px; } + .pop-advanced-search .check input[type="checkbox"] + label[for="times-chk8"]::before { top: 0px; } .pop-advanced-search .btn-wrap { margin: 0; display: flex; } .pop-advanced-search .btn-wrap .btn { width: 50%; } +.check input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 2px;} +.popup .btn-wrap {padding-top:59px;} +.conditions-wrap .selected-conditions .conditions li button {text-align:left;} /* 알림 팝업 */ .pop-notice { width: 343px; left: calc(50% - 171.5px); } diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js index eb9164d7..1b255754 100644 --- a/src/main/webapp/js/default.js +++ b/src/main/webapp/js/default.js @@ -184,6 +184,12 @@ $(document).ready(function(){ $('.change-close, .close').on('click', function () { $('.pop-change').fadeOut(); }); + + // 검색 닫기 + $('.search-close').on('click', function () { + $('.search-wrap').hide(); + $('.nav-wrap').show(); + }); /* 메인 메뉴 반응형 */ jQuery(function ($) {