수정

src/main/webapp/css/default.css

@@ -630,7 +630,7 @@ transform: rotate(45deg);
 .map .inner .row-bottom .map-box .info > div p:nth-of-type(2) {font-size:20px;font-weight: 500;margin-bottom:10px;}
 .map .inner .row-bottom .map-box .info > div p:nth-of-type(3) {font-size:15px;margin-bottom: 5px;}
 .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;z-index:0;}
 .map .inner .row-bottom .map-box .info .mapimg iframe {width:100%;height:100%;}
 
 .map .inner .info-box {width: 1400px;margin: 0 auto;padding-bottom: 140px;}
@@ -785,10 +785,13 @@ transform: rotate(45deg);}
 .filter-wrap .filter .filter-list.year ul li label[for="m-year-2"] {display:inline !important;z-index:-1;position:absolute;opacity:0;}
 .filter-wrap .filter .filter-list.year ul li label[for="creatYyyyStart"] {display:inline !important;z-index:-1;position:absolute;opacity:0;}
 .filter-wrap .filter .filter-list.year ul li label[for="creatYyyyEnd"] {display:inline !important;z-index:-1;position:absolute;opacity:0;}
+.filter-wrap .filter .filter-list.year ul li label[for="creatYyyyYn"] input {margin-right:5px;}
+
+.filter-wrap .filter .filter-list.year ul li input[type='radio'] {margin-right:5px;margin-bottom:3px;}
+.filter-wrap .filter .filter-list.year ul li input[type='text'] {border:1px solid #ddd;width:32%;padding:0% 5%;height:24px;line-height: 24px;border-radius: 3px;}
+.filter-wrap .filter .filter-list.year ul li input[type='text']::placeholder {font-size:12px;color:#999;}
+
 
-.filter-wrap .filter .filter-list.year ul li label input[type='radio'] {margin-right:5px;margin-bottom:3px;}
-.filter-wrap .filter .filter-list.year ul li label input[type='text'] {border:1px solid #ddd;width:32%;padding:0% 5%;height:24px;line-height: 24px;border-radius: 3px;}
-.filter-wrap .filter .filter-list.year ul li label input[type='text']::placeholder {font-size:12px;color:#999;}
 .btn-all-view{} 
 .btn-toggle-more {width: 100%;font-size: 13px;color: #fff;height: 30px;border: 1px solid #ddd;margin-top: 20px;background:url(/images/icon/icon-data-plus.png) no-repeat #3e414a;background-position: 61% center;border-radius: 3px;}
 .btn-toggle-more.on {background:url(/images/icon/icon-data-minus.png) no-repeat #909090;background-position: 59% center;}

src/main/webapp/css/media.css

@@ -64,7 +64,103 @@ a.pop-logo img { margin-right: 10px; }
 
 
 @media all and (max-width: 1400px){
-.wrap {}
+.wrap header .inner {width:100%;}
+.wrap header .inner .search-wrap {width:40%;}
+.wrap header .inner .search-wrap .ark_query {width:120px;}
+.wrap .nav-wrap .inner {width:100%;}
+
+ .mo-ver { display: block !important; } 
+ .mo_tabs_wrap { width: 100%; overflow-y: auto; } 
+ .wrap { position: relative; width: 100vw; min-width: auto; } 
+ .wrap.sub { padding-top: 73px; } 
+ .wrap header { width: 100vw; padding: 0 16px; box-sizing: border-box; } 
+ .wrap header .inner { width: auto; margin: 0; } 
+ .wrap header .inner h1 { width: auto; } 
+ .wrap.sub .nav-wrap { box-shadow: 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 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 .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; } 
+ .wrap header .inner .search-wrap .search-input .btn-search { position: absolute; left: 0; background: none; } 
+ .wrap header .inner .search-wrap .search-input .btn-search span { width: 22px; height: 22px; background: url("/images/icon/icon-search-mo.png") no-repeat; background-size: 100%; } 
+ .wrap header .inner .search-wrap .ark_query { width: 100%; box-sizing: border-box; padding: 0px 63px 0px 44px; } 
+ .wrap header .inner .search-wrap .search-input .btn-search-detail { position: absolute; left: auto; right: 10px; top: 8px; width: 43px; height: 28px; background: #e6e7e9; border-radius: 30px; color: #666666; line-height: 18px; } 
+ .wrap header .inner .search-wrap .search-input .btn-search-detail span { display: none; } 
+ .wrap header .inner .log { display: none; } 
+ .wrap .nav-wrap { width: auto; top: 0; left: auto; right: 0; background: none !important; z-index: 101; } 
+ .wrap .nav-wrap.scroll_on { box-shadow: none; } 
+ .wrap .nav-wrap .inner { width: auto; height: 72px; display: flex; align-items: center; justify-content: flex-end; padding: 0 16px; box-sizing: border-box; } 
+ .wrap .nav-wrap .inner.mo_show { width: 286px; justify-content: space-between; } 
+ .wrap .nav-wrap .inner .left { display: none;z-index:999; } 
+ .wrap .nav-wrap .inner .left.is_login span { display: inline-block; width: 1px; height: 20px; background: rgba(255, 255, 255, 0.2); vertical-align: bottom; margin: 0 20px; } 
+ .wrap .nav-wrap .inner .left.is_login .member-btn { display: inline-flex; align-items: center; color: #fff; } 
+ .wrap .nav-wrap .inner .left .member-btn img { margin-right: 8px; } 
+ .wrap .nav-wrap .inner .left span,
+ .wrap .nav-wrap .inner .left .member-btn { display: none; } 
+ .wrap .nav-wrap .inner .right { display: flex;z-index:999; } 
+ #mo_search_icon { display: block; } 
+ #primary-nav-button.mobile { position: relative; top: 0; } 
+ .wrap .nav-wrap .Btn i { background: #fff; } 
+ .wrap .nav-wrap .Btn i::before { background: #fff; } 
+ .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: 142px; } 
+ .sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 220px; } 
+ .sec1 .inner .banner p > span { display: block; } 
+ .sec1 .inner .banner p:nth-of-type(2) {top:290px;}
+
+.contents {width:100%;}
+.sec2 .keyword-box {width:100%;}
+.sec5 .inner .tab_content {width:96%;padding:30px 2%;}
+.sec5 .inner {width:100%;}
+.sec6 .inner .more-btn {right: 0%;}
+.sec7 .inner {width:100%;}
+.sec7 .inner .Fl .con .list .text {width:55%;}
+footer .inner {width:100%;}
+.map .inner .info-box {width: 100%;}
+.data.detail .inner .row-top .center {width:100%;}
+.data.detail .inner .row-bottom .con-4 .top h3 {width:100%;}
+.data.detail .inner .row-bottom .con-4 .top h3::before {content: '';width:100%;}
+.data.detail .inner .row-bottom .DetailSwiper2 {max-width:auto;}
+.faq .inner .tab {position: relative;width:100%;margin:0 auto;}
+.article-side {width:22%;}
+.culture-box {width:74%;}
+.data.detail .inner .row-top .center .left {width:40%;}
+.data.detail .inner .row-top .center .left .img img {width:100%;}
+.data.detail .inner .row-top .center .right {width:54%;}
+.greeting .inner .row-bottom .greeting-box .gree {width:90%;padding:70px 5%;}
+.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 .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;background-size: 100% 100%; } 
+.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(2) { font-size: 36px; } 
+.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(2) span { top: -10px; } 
+.guide .inner .row-bottom .guide-box .banner .left .top p:nth-child(3) { font-size: 14px; } 
+.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(1) { font-size: 18px; margin-bottom: 8px; } 
+.guide .inner .row-bottom .guide-box .banner .left .bottom p:nth-child(3) { font-size: 14px; } 
+.guide .inner .row-bottom .guide-box .banner .right { width: 100%; height: auto; padding: 34px 30px 0; box-sizing: border-box; } 
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li { display: flex; margin: 0 0 30px; } 
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li .num { width: 67px; } 
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li .num span { width: 50px; height: 50px; font-size: 24px; line-height: 50px; } 
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(1) { height: 50px; display: flex; align-items: center; font-size: 16px; margin-bottom: 16px; } 
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li .text p:nth-of-type(2) { font-size: 12px; margin-left: -60px; } 
+
+.myinfo .inner .row-bottom .myinfo-box .top-info {width:96%;padding:0% 2%;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left {width:23%;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right {width:70%;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div {width:18.8%;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div {width:23.8%;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div.img {margin-right:0;}
+.privacy .top-bg {width:100%;}
+.privacy .con {width:100%;}
+.service .top-bg {width:100%;}
+.service .con {width:100%;}
 }
 
 
@@ -634,7 +730,7 @@ a.pop-logo img { margin-right: 10px; }
  /*.view-con .view-txt * {width:100% !important;height:auto !important;display:inline-block;}*/
  .noti-data .btn-box a { width: 100%; box-sizing: border-box; font-size: 14px; font-weight: normal; } 
  .list-table-wrap li .t-writer {width: 55px !important;height: 15px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
-
+ .community-write fieldset {border-top:0;}
 
  /* faq */
  .faq .contents,

src/main/webapp/js/default.js

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