수정

src/main/webapp/css/media.css

@@ -64,7 +64,7 @@ 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%;}
@@ -73,7 +73,7 @@ a.pop-logo img { margin-right: 10px; }
 
 .mo-ver { display: block !important; } 
 .mo_tabs_wrap { width: 100%; overflow-y: auto; } 
- .wrap { position: relative; width: 100vw; min-width: 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; } 
@@ -84,7 +84,7 @@ a.pop-logo img { margin-right: 10px; }
 .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 .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; } 
@@ -112,18 +112,30 @@ a.pop-logo img { margin-right: 10px; }
 .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 { font-size: 14px; line-height: 21px; top: 180px; } 
 .sec1 .inner .banner p > span { display: block; } 
- .sec1 .inner .banner p:nth-of-type(2) {top:290px;}
+.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; }