메뉴수정, 모바일 css 수정

This commit is contained in:
com02 2021-11-18 14:45:00 +09:00
parent 408ca38346
commit 8bb88d789f
2 changed files with 8 additions and 3 deletions

View File

@ -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-1 .tit { font-size: 16px; }
.sec5 .inner .tabs_item ul li .con-2 p { font-size: 12px; } .sec5 .inner .tabs_item ul li .con-2 p { font-size: 12px; }
.sec6 { padding: 52px 0px 60px; } .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 { position: relative; }
.popularSwiper .swiper-pagination-bullet { background: #aaaaaa; border-radius: 30px; margin-right: 4px; opacity: unset !important; } .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; } .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; } .article-side .filter-wrap { height: calc(100% - 125px); overflow: scroll; border: none; }
.culture-box { width: 100%; } .culture-box { width: 100%; }
.data .mo_tabs_wrap { height: 50px; } .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 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: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 .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 .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 .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 { width: 130px; }
.faq .inner .tabs li a { border-radius: 0; } .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; } .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 */
.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 .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; }

View File

@ -191,7 +191,7 @@ $(document).ready(function(){
// Default settings // Default settings
var defaults = { var defaults = {
responsive: true, responsive: true,
width: 768, // Responsive width width: 480, // Responsive width
button: $(this).attr("id") + "-button", // Menu button id button: $(this).attr("id") + "-button", // Menu button id
animation: { animation: {
// Menu animation // Menu animation