diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 550cf8f3..894d0dec 100644 --- a/src/main/webapp/css/media.css +++ b/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; } +.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; } @@ -176,10 +176,10 @@ footer .family_site {right:10px;} .service .top-bg {width:100%;} .service .con {width:100%;} } -*/ + /* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/ -@media all and (max-width: 1400px){ +@media all and (max-width: 479px){ button, select {color:#333;} .mo-ver { display: block !important; } .mo_tabs_wrap { width: 100%; overflow-y: auto; } @@ -246,6 +246,7 @@ footer .family_site {right:10px;} .sec3 .pickSwiper::after { display: none; } .sec3 .pickSwiper .swiper-slide .list-box { height: 310px; } .sec3 .pickSwiper .swiper-slide .list-box .images { padding: 10px 0px; height: 185px; } + .sec3 .pickSwiper .swiper-slide .list-box .images a img {width:100%;} .sec3 .pickSwiper .swiper-slide .list-box .subject { padding: 15px; } .sec3 .pickSwiper .swiper-slide .list-box .subject .block { margin-bottom: 6px; } .sec3 .pickSwiper .swiper-slide .list-box .subject .cla { padding: 5px 10px; border-radius: 85px; }