This commit is contained in:
JSYOO 2021-11-24 16:22:02 +09:00
commit c380ef11f4
2 changed files with 2047 additions and 2045 deletions

View File

@ -1,3 +1,4 @@
@charset "utf-8"; @charset "utf-8";
/********** 헤더 **********/ /********** 헤더 **********/
@ -623,21 +624,23 @@ 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 > 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;} .map .inner .row-bottom .map-box .info .mapimg {width:100%;height:440px;padding:0;margin-right:0;border-bottom:1px solid #ddd;}
.map .inner .row-bottom .map-box .info .mapimg iframe {width:100%;height:100%;} .map .inner .row-bottom .map-box .info .mapimg iframe {width:100%;height:100%;}
.map .inner .row-bottom .info-box .info-sec {margin-bottom: 80px;text-align: left;}
.map .inner .row-bottom .info-box .info-sec h3 {font-size:24px;color:#333;margin-bottom:15px;} .map .inner .info-box {width: 1400px;margin: 0 auto;padding-bottom: 140px;}
.map .inner .row-bottom .info-box .info-sec h3 span {color:#376795;} .map .inner .info-box .info-sec {margin-bottom: 80px;text-align: left;}
.map .inner .row-bottom .info-box .info-sec .text-box {border:1px solid #ddd;padding:20px 40px;} .map .inner .info-box .info-sec h3 {font-size:24px;color:#333;margin-bottom:15px;}
.map .inner .row-bottom .info-box .info-sec .text-box > div {font-size:16px;line-height: 26px;} .map .inner .info-box .info-sec h3 span {color:#376795;}
.map .inner .row-bottom .info-box .info-sec .text-box > div span:nth-of-type(1) {display: inline-block;height:15px;font-weight: 200;margin-bottom:5px;position: relative;} .map .inner .info-box .info-sec .text-box {border:1px solid #ddd;padding:20px 40px;}
.map .inner .row-bottom .info-box .info-sec .text-box > div span:nth-of-type(2) {font-size:14px;display: inline-block;font-weight: 200;margin-bottom:5px;} .map .inner .info-box .info-sec .text-box > div {font-size:16px;line-height: 26px;}
.map .inner .row-bottom .info-box .info-sec .text-box > div span:nth-of-type(1)::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;} .map .inner .info-box .info-sec .text-box > div span:nth-of-type(1) {display: inline-block;height:15px;font-weight: 200;margin-bottom:5px;position: relative;}
.map .inner .row-bottom .info-box .info-sec .text-box > div.box {background: #f5f7fa;padding:15px 40px;margin-top:15px;} .map .inner .info-box .info-sec .text-box > div span:nth-of-type(2) {font-size:14px;display: inline-block;font-weight: 200;margin-bottom:5px;}
.map .inner .row-bottom .info-box .info-sec .text-box > div.box p {text-indent: -18px;font-weight: 500;} .map .inner .info-box .info-sec .text-box > div span:nth-of-type(1)::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;}
.map .inner .row-bottom .info-box .info-sec .text-box > div p {text-indent: -18px;font-weight: 500;} .map .inner .info-box .info-sec .text-box > div.box {background: #f5f7fa;padding:15px 40px;margin-top:15px;}
.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p {display: inline-block;width:100%;height:15px;font-weight: 200;margin-bottom:5px;position: relative;text-indent: 0;} .map .inner .info-box .info-sec .text-box > div.box p {text-indent: -18px;font-weight: 500;}
.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;} .map .inner .info-box .info-sec .text-box > div p {text-indent: -18px;font-weight: 500;}
.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p:nth-child(1) {font-weight: 500;text-indent: -18px;} .map .inner .info-box .info-sec:nth-of-type(3) .text-box > div p {display: inline-block;width:100%;height:15px;font-weight: 200;margin-bottom:5px;position: relative;text-indent: 0;}
.map .inner .row-bottom .info-box .info-sec:nth-of-type(3) .text-box > div p:nth-child(1)::before {display: none;} .map .inner .info-box .info-sec:nth-of-type(3) .text-box > div p::before {content: '';width:4px;height:4px;background: #376795;display: inline-block;position: absolute;left:-15px;top:12px;}
.map .inner .info-box .info-sec:nth-of-type(3) .text-box > div p:nth-child(1) {font-weight: 500;text-indent: -18px;}
.map .inner .info-box .info-sec:nth-of-type(3) .text-box > div p:nth-child(1)::before {display: none;}
/********** 카트 **********/ /********** 카트 **********/
@ -2031,8 +2034,3 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite;
} }

View File

@ -389,11 +389,12 @@ a.pop-logo img { margin-right: 10px; }
.greeting .inner .row-bottom .greeting-box .gree .left p.text strong { font-size: 18px; } .greeting .inner .row-bottom .greeting-box .gree .left p.text strong { font-size: 18px; }
.greeting .inner .row-bottom .greeting-box .gree .right h3 { font-size: 20px; margin-bottom: 20px; } .greeting .inner .row-bottom .greeting-box .gree .right h3 { font-size: 20px; margin-bottom: 20px; }
.greeting .inner .row-bottom .greeting-box .gree .right p { font-size: 14px; line-height: 20px; } .greeting .inner .row-bottom .greeting-box .gree .right p { font-size: 14px; line-height: 20px; }
.greeting .inner .row-bottom .greeting-box .gree .right p br {display:none;}
/* 이용안내 */ /* 이용안내 */
.guide .inner .row-bottom { width: 100%; padding: 0px 16px 80px; box-sizing: border-box; } .guide .inner .row-bottom { width: 100%; padding: 0px 16px 80px; box-sizing: border-box; }
.guide .inner .row-bottom .guide-box .banner { display: flex; flex-direction: column; height: auto; margin-bottom: 24px; } .guide .inner .row-bottom .guide-box .banner { display: flex; flex-direction: column; height: auto; margin-bottom: 24px; }
.guide .inner .row-bottom .guide-box .banner .left { width: 100%; height: auto; padding: 24px 30px 40px; box-sizing: border-box; background: url("/images/img/img-guide-bg-mo.jpg") no-repeat; } .guide .inner .row-bottom .guide-box .banner .left { display:inline-block;width: 100%; height: auto; padding: 24px 30px 40px; box-sizing: border-box; background: url("/images/img/img-guide-bg-mo.jpg") no-repeat; }
.guide .inner .row-bottom .guide-box .banner .left .top { margin-bottom: 24px; } .guide .inner .row-bottom .guide-box .banner .left .top { margin-bottom: 24px; }
.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(1) { font-size: 18px; margin-bottom: 16px; } .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(1) { font-size: 18px; margin-bottom: 16px; }
.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) { font-size: 36px; } .guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) { font-size: 36px; }
@ -426,12 +427,14 @@ a.pop-logo img { margin-right: 10px; }
.map .inner .row-bottom .map-box .info > div p:nth-of-type(2) { display: inline-block; font-size: 18px; margin-bottom: 10px; margin-left: 6px; line-height: 28px; vertical-align: bottom; } .map .inner .row-bottom .map-box .info > div p:nth-of-type(2) { display: inline-block; font-size: 18px; margin-bottom: 10px; margin-left: 6px; line-height: 28px; vertical-align: bottom; }
.map .inner .row-bottom .map-box .info > div p:nth-of-type(3) { font-size: 16px; } .map .inner .row-bottom .map-box .info > div p:nth-of-type(3) { font-size: 16px; }
.map .inner .row-bottom .map-box .info > div p:nth-of-type(4) { font-size: 14px; } .map .inner .row-bottom .map-box .info > div p:nth-of-type(4) { font-size: 14px; }
.map .inner .row-bottom .info-box .info-sec h3 { font-size: 18px; }
.map .inner .row-bottom .info-box .info-sec .text-box > div.box { width: 115%; margin-left: -20px; box-sizing: border-box; padding: 20px; } .map .inner .info-box {width: 100%;padding: 0 16px 80px;box-sizing: border-box;}
.map .inner .row-bottom .info-box .info-sec .text-box > div.box p { text-indent: 0; } .map .inner .info-box .info-sec h3 { font-size: 18px; }
.map .inner .row-bottom .info-box .info-sec .text-box > div.box span::before { display: none; } .map .inner .info-box .info-sec .text-box > div.box { width: 115%; margin-left: -20px; box-sizing: border-box; padding: 20px; }
.map .inner .row-bottom .info-box .info-sec { margin-bottom: 24px; } .map .inner .info-box .info-sec .text-box > div.box p { text-indent: 0; }
.map .inner .row-bottom .map-box .info #map {height:155px !important;} .map .inner .info-box .info-sec .text-box > div.box span::before { display: none; }
.map .inner .info-box .info-sec { margin-bottom: 24px; }
.map .inner .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; }
@ -637,6 +640,7 @@ a.pop-logo img { margin-right: 10px; }
.faq .list-accordion .question .type::before { display: none; } .faq .list-accordion .question .type::before { display: none; }
.faq .list-accordion .question span { height: auto; font-size: 14px; line-height: 21px; } .faq .list-accordion .question span { height: auto; font-size: 14px; line-height: 21px; }
.faq .list-accordion .answer { padding: 20px; font-size: 14px; } .faq .list-accordion .answer { padding: 20px; font-size: 14px; }
.faq .list-accordion .answer img {width:100%;}
.faq .list-accordion .answer::before { left: 10px; top: 26px; } .faq .list-accordion .answer::before { left: 10px; top: 26px; }
/* qna */ /* qna */