diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index ecd95542..23c29144 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -570,7 +570,7 @@ transform: rotate(45deg); .greeting .inner .row-bottom {} .greeting .inner .row-bottom .greeting-box .top-banner {background: url(/images/img/img-greeting-bg.jpg) no-repeat;width:100%;height: 265px;background-size: cover;} .greeting .inner .row-bottom .greeting-box .top-banner p {font-size:22px;color:#fff;font-weight: 100;padding-top:60px;} -.greeting .inner .row-bottom .greeting-box .gree {width:1100px;margin:0 auto;background: url(/images/img/img-greeting-bg2.jpg) no-repeat top right #fff;position: relative;top:-80px;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);display:inline-block;padding:70px 50px;} +.greeting .inner .row-bottom .greeting-box .gree {width:1100px;margin:0 auto;background: url(/images/img/img-greeting-bg2.jpg) no-repeat top right #fff;position: relative;top:-80px;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);display:inline-block;padding:70px 50px;text-align:left;} .greeting .inner .row-bottom .greeting-box .gree .left {float:left;width:15%;margin-right:5%;text-align: center;} .greeting .inner .row-bottom .greeting-box .gree .left p.text {margin-top:20px;font-size:16px;font-family:serif;color:#444;} .greeting .inner .row-bottom .greeting-box .gree .left p.text strong {letter-spacing: 4px;font-size:18px;font-weight: bold;padding-top:8px;display: inline-block;} diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 8c22cc4a..0dbe6e32 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -118,10 +118,10 @@ a.pop-logo img { margin-right: 10px; } .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%;} +.contents {width:96%;padding:0% 2%;} .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 .tab_content {width:96%;padding:30px 1.9%;} .sec5 .inner {width:100%;} .sec6 .inner .more-btn {right: 0%;} .sec6 .onlineSwiper .swiper-slide {background:none;box-shadow:0 0 0;} @@ -136,7 +136,7 @@ a.pop-logo img { margin-right: 10px; } .sec7 .inner .Fl .con .list .box {margin-right:2%;} footer .inner {width:100%;} footer .family_site {right:10px;} -.map .inner .info-box {width: 100%;} +.map .inner .info-box {width: 96%;padding:0% 2%;} .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%;} @@ -148,7 +148,7 @@ footer .family_site {right:10px;} .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 { padding: 0px 0px 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; } @@ -175,6 +175,27 @@ footer .family_site {right:10px;} .privacy .con {width:100%;} .service .top-bg {width:100%;} .service .con {width:100%;} +.filter-wrap {padding:5px;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img {padding:0px 10px;} +.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button {width:60px;} +.data .inner .tabs a {min-width:90px;} +.pop-serge {width:700px;left:calc(50% - 350px);} +.data.detail .inner .row-top {padding:45px 2%;width:96%;} +.data.detail .inner .row-top .center .left {margin-right:6%;} +.data.detail .inner .row-bottom .con-1 .list-box .list {width:24.5%;} +.list-table-wrap li .t-date {width:20%;} +.list-table-wrap li .t-writer {width:25%;} +.list-search .left {width:50%;} +.list-search .right {width:50%;} +.faq .list-accordion .answer {min-height:50px;} +.faq .title .left {width:50%;} +.faq .title .right {width:50%;} +.qna .inner .tab_content {padding:0;} +.qna .title .left {width:50%;} +.qna .title .right {width:50%;} +.qna .list-table-wrap li .t-writer {width:25%;} +.qna .list-table-wrap li .t-date {width:10%;} + } /* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/