diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css
index a00edc02..9f3c25d2 100644
--- a/src/main/webapp/css/media.css
+++ b/src/main/webapp/css/media.css
@@ -64,66 +64,78 @@ a.pop-logo img { margin-right: 10px; }
 .data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .btn-hide { display: block; } 
 .pop-advanced-search .conditions-wrap h3 { margin-bottom: 10px; } 
 
-
+/*
 @media all and (max-width: 1400px){
 .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;}
-
+.mo-ver { display: block !important; } 
+.mo_tabs_wrap { width: 100%; overflow-y: auto; } 
+.wrap { position: relative; width: 100vw; } 
+.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: 180px; } 
+.sec1 .inner .banner p > span { display: block; } 
+.sec1 .inner .banner p:nth-of-type(2) {top:260px;}
+.sec1 .inner .color-box {width:100vw;padding:0px 50px;box-sizing: border-box;top:-70px;}
+.sec1 .inner .color-box .list {height:180px;}
+.sec1 .inner .color-box .list .title {font-size:18px;margin:20px 0px 10px;}
 .contents {width:100%;}
 .sec2 .keyword-box {width:100%;}
+.sec3 .pickSwiper .swiper-slide .list-box .images a img {width:100%;}
 .sec5 .inner .tab_content {width:96%;padding:30px 2%;}
 .sec5 .inner {width:100%;}
 .sec6 .inner .more-btn {right: 0%;}
+.sec6 .onlineSwiper .swiper-slide {background:none;box-shadow:0 0 0;}
+.sec6 .onlineSwiper::before {width:7%;box-shadow:0 0 0;}
+.sec6 .onlineSwiper::after {right:-1px;width:7%;box-shadow:0 0 0;}
+.sec6 .swiper-button-next, .swiper-rtl .swiper-button-prev {right:15px;}
+.sec6 .swiper-button-prev, .swiper-rtl .swiper-button-next {left:15px;}
+.sec7 {vertical-align:top;}
 .sec7 .inner {width:100%;}
-.sec7 .inner .Fl .con .list .text {width:55%;}
+.sec7 .inner .Fl .con .list .text {width:53%;}
+.sec7 .inner .qna .con .list .text {width:40%;}
+.sec7 .inner .Fl .con .list .box {margin-right:2%;}
 footer .inner {width:100%;}
+footer .family_site {right:10px;}
 .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%;}
@@ -164,10 +176,10 @@ footer .inner {width:100%;}
 .service .top-bg {width:100%;}
 .service .con {width:100%;}
 }
-
+*?
 
 /* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
-@media all and (max-width: 479px){
+@media all and (max-width: 1400px){
  button, select {color:#333;}
  .mo-ver { display: block !important; } 
  .mo_tabs_wrap { width: 100%; overflow-y: auto; }