diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 4091b53b..728e9c49 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -140,6 +140,8 @@ a.pop-logo img { margin-right: 10px; } .sec5 .inner .tabs_item ul li .con-1 .tit { font-size: 16px; } .sec5 .inner .tabs_item ul li .con-2 p { font-size: 12px; } .sec6 { padding: 52px 0px 60px; } + .sec6 .inner .more-btn {top:0px;} + .sec6 .inner .more-btn a {font-size:12px;padding:2px 10px 3px;} .popularSwiper .swiper-pagination { position: relative; } .popularSwiper .swiper-pagination-bullet { background: #aaaaaa; border-radius: 30px; margin-right: 4px; opacity: unset !important; } .popularSwiper .swiper-pagination-bullet-active { background: #376795; width: 35px; height: 10px; } @@ -403,7 +405,8 @@ a.pop-logo img { margin-right: 10px; } .article-side .filter-wrap { height: calc(100% - 125px); overflow: scroll; border: none; } .culture-box { width: 100%; } .data .mo_tabs_wrap { height: 50px; } - .data .inner .tabs { width: max-content; display: flex; } + .data .inner .tabs { /*width: max-content;*/ display: flex;white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px; } + .data .inner .tabs li.current::before {bottom: calc(0% - -5px);} .data .inner .tabs li a { border-radius: 0; border-right: none; } .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; } @@ -541,7 +544,8 @@ 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 .tabs { width: max-content; } + .faq .inner .tab_content {margin-top:20px;} + .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:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } @@ -567,6 +571,7 @@ 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 .title { height: auto; margin-bottom: 0; } .list-search-wrap { display: flex; flex-direction: column-reverse; } .data .list-search-wrap { flex-direction: column; } diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js index d66944d0..eb9164d7 100644 --- a/src/main/webapp/js/default.js +++ b/src/main/webapp/js/default.js @@ -191,7 +191,7 @@ $(document).ready(function(){ // Default settings var defaults = { responsive: true, - width: 768, // Responsive width + width: 480, // Responsive width button: $(this).attr("id") + "-button", // Menu button id animation: { // Menu animation