somang4819/itsm_ysm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

수정

Browse Source
This commit is contained in:
com02 2021-11-18 19:05:44 +09:00
parent 431ec0b3fd
commit 51a657fe83
3 changed files with 41 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/webapp/css/default.css
View File

@ -12,6 +12,7 @@
.wrap header .inner h1 a img {} .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 {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 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 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 .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;} .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 {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 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 {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 {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: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;} .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;}

51
src/main/webapp/css/media.css
View File

@ -75,7 +75,8 @@ a.pop-logo img { margin-right: 10px; }
.wrap header .inner h1 a span.title-2 { display: none; } .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 { 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 { 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 .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 { 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; } .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.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; } .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 { height: 400px; background-position: -452px; }
.sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 122px; } .sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 142px; }
.sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 200px; } .sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 220px; }
.sec1 .inner .banner p > span { display: block; } .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 { 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; } .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 { font-size: 12px; line-height: 18px; width: 80%; text-align: center; margin: auto; }
footer .copy span:first-child { display: block; } footer .copy span:first-child { display: block; }
footer .copy br { display: none; } 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; } .btn-go-top img { width: 24px; }
#mo-member-btn { display: block; } #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 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 .text-box > div.box span::before { display: none; }
.map .inner .row-bottom .info-box .info-sec { margin-bottom: 24px; } .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; } .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 > 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 { 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 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; } .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-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.contents { padding: 0 16px; }
.data.detail .inner .row-bottom .con-1 { margin-bottom: 30px; } .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 { 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; } .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(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: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 .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 { 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-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-next,
.data.detail .DetailSwiper1 .swiper-button-prev { display: block; right: 10px !important; width: 15px; } .data.detail .DetailSwiper1 .swiper-button-prev { display: block; right: 10px !important; width: 15px; }
.data.detail .DetailSwiper1 .swiper-button-prev { right: 20px !important; } .data.detail .DetailSwiper1 .swiper-button-prev { right: 20px !important; }
.data.detail .swiper-button-next { text-align: right; } .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 { 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 { 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-3 { margin-bottom: 30px; }
.data.detail .inner .row-bottom .con-4 .top { padding: 20px 0px; } .data.detail .inner .row-bottom .con-4 .top { padding: 20px 0px; }
.data.detail .inner .row-bottom .con-4 .top h3 { font-size: 18px; } .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 .contents,
.faq .inner .tab { width: 100%; } .faq .inner .tab { width: 100%; }
.faq .mo_tabs_wrap { padding-left: 16px; box-sizing: border-box; height: 56px; } .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 { /*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 { 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: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 .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 { height: auto; margin-bottom: 0; }
.faq .title .right, .faq .title .right,
.faq .title .left { width: 100%; } .faq .title .left { width: 100%;display:flex; }
.faq .title .left { font-size: 14px; } .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 { 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 select { min-width: auto; width: 100%; }
.faq .title .list-input { margin: 10px 0 0; width: 100%; box-sizing: border-box; } .faq .title .list-input { margin: 10px 0 0; width: 100%; box-sizing: border-box; }
.faq .title .list-input input { width: 90%; } .faq .title .list-input input { width: 90%; }
@ -571,12 +582,14 @@ a.pop-logo img { margin-right: 10px; }
/* qna */ /* qna */
.qna .contents { width: 100%; min-height: 200px; padding-bottom: 40px; } .qna .contents { width: 100%; min-height: 200px; padding-bottom: 40px; }
.qna .inner .tabs { width: 100%; padding: 0 16px; box-sizing: border-box; } .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; } .qna .title { height: auto; margin-bottom: 0; }
.list-search-wrap { display: flex; flex-direction: column-reverse; } .list-search-wrap { display: flex; flex-direction: column-reverse; }
.data .list-search-wrap { flex-direction: column; } .data .list-search-wrap { flex-direction: column; }
.qna .list-search-wrap form {display:flex;flex-direction:column-reverse;}
.qna .title .right, .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 .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 { margin: 10px 0 0; box-sizing: border-box; width: 100%; }
.qna .title .list-input input { width: 90%; } .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; } .conditions-wrap .selected-conditions .title p { display: none; }
.pop-advanced-search button.btn-close-pop { display: none; } .pop-advanced-search button.btn-close-pop { display: none; }
.pop-advanced-search .check input[type="checkbox"] + label:before { background-color: #fff; } .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(4n) { width: auto; }
.advanced-form-table .row-times .check:nth-child(8) { top: -8px; } .advanced-form-table .row-times .check:nth-child(8) { top: -8px; }
.advanced-form-table .row-times .check label span { display: block; } .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 { margin: 0; display: flex; }
.pop-advanced-search .btn-wrap .btn { width: 50%; } .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); } .pop-notice { width: 343px; left: calc(50% - 171.5px); }

6
src/main/webapp/js/default.js
View File

@ -184,6 +184,12 @@ $(document).ready(function(){
$('.change-close, .close').on('click', function () { $('.change-close, .close').on('click', function () {
$('.pop-change').fadeOut(); $('.pop-change').fadeOut();
}); });
// 검색 닫기
$('.search-close').on('click', function () {
$('.search-wrap').hide();
$('.nav-wrap').show();
});
/* 메인 메뉴 반응형 */ /* 메인 메뉴 반응형 */
jQuery(function ($) { jQuery(function ($) {