diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 88f94820..be22a0bb 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -161,8 +161,10 @@ section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;} /********** 메인섹션1 **********/ .sec1 {} .sec1 .inner .banner {position: relative;width:100%;height:600px;background:#ccc;background-size:cover;} -.sec1 .inner .banner h3 {font-size:36px;line-height:48px;color:#fff;font-weight: 500;text-align:center;width:70%;padding:0% 15%;position: absolute;top:200px;word-break: break-all;max-height: 50px;overflow: hidden;} -.sec1 .inner .banner p {font-size:16px;line-height:24px;color:#fff;font-weight: 200;text-align:center;width:70%;padding:0% 15%;position: absolute;top:270px;word-break: break-all;max-height: 82px;overflow: hidden;} +.sec1 .inner .banner h3 {font-size:36px;line-height:48px;font-weight: 500;text-align:center;width:70%;padding:0% 15%;position: absolute;top:200px;word-break: break-all;max-height: 50px;overflow: hidden;} +.sec1 .inner .banner p {font-size:16px;line-height:24px;font-weight: 200;text-align:center;width:70%;padding:0% 15%;position: absolute;top:270px;word-break: break-all;max-height: 82px;overflow: hidden;} +.sec1 .inner .banner.text-white h3 {color:#fff;} +.sec1 .inner .banner.text-white p {color:#fff;} .sec1 .inner .banner p:nth-of-type(2) {top:400px;} .sec1 .inner .banner p:nth-of-type(2) a {display:inline-block;border:1px solid #000;background:#000;border-radius:50px;color:#fff;font-size:14px;padding:5px 20px;} .sec1 .inner .banner p:nth-of-type(2) a:hover {border:1px solid #fff;background:#fff;color:#333;} @@ -174,7 +176,7 @@ section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;} .MainSwiper .loop-count button.remote:focus {outline:none;} .MainSwiper .loop-count button.remote.restart span {background-image:url('/images/btn/btn-mainvisual-play-white.png');} .MainSwiper .pagination {position:absolute;bottom:140px;left:calc(50% - -450px);} -.MainSwiper .swiper-pagination-fraction {color:#fff;left:-40px;top:4px;width:auto;} +.MainSwiper .swiper-pagination-fraction {color:#fff;left:-12px;top:4px;width:auto;} .MainSwiper .swiper-slide {height:600px} .MainSwiper .swiper-slide .img {height:600px;} .MainSwiper .swiper-slide .img img {object-fit:cover;width:100%;height:100%;} @@ -235,7 +237,7 @@ transform: rotate(45deg); .sec3 .pickSwiper .loop-count button.remote-pick:focus {outline:none;} .sec3 .pickSwiper .loop-count button.remote-pick.restart span {background-image:url('/images/btn/btn-mainvisual-play-black.png');} .sec3 .pickSwiper .pagination {position:absolute;bottom:0px;left:calc(50% - 0px);} -.sec3 .pickSwiper .swiper-pagination-fraction {color:#333;left:-40px;top:4px;width:auto;} +.sec3 .pickSwiper .swiper-pagination-fraction {color:#333;left:-12px;top:4px;width:auto;} /********** 메인섹션4 **********/ .sec4 .inner .middle-banner {background: url(/images/bg/bg-sec4-bg.jpg) no-repeat;width:100%;height:317px;background-size: cover;} @@ -282,7 +284,7 @@ transition: all 0.2s ease-in-out; .sec5 .popularSwiper .loop-count button.remote-popular:focus {outline:none;} .sec5 .popularSwiper .loop-count button.remote-popular.restart span {background-image:url('/images/btn/btn-mainvisual-play-black.png');} .sec5 .popularSwiper .pagination {position:absolute;bottom:0px;left:calc(50% - 0px);} -.sec5 .popularSwiper .swiper-pagination-fraction {color:#333;left:-40px;top:4px;width:auto;} +.sec5 .popularSwiper .swiper-pagination-fraction {color:#333;left:-12px;top:4px;width:auto;} /********** 메인섹션6 **********/ .sec6 {padding:100px 0px 100px;} @@ -335,7 +337,7 @@ transition: all 0.2s ease-in-out; .sec6 .onlineSwiper .loop-count button.remote-online:focus {outline:none;} .sec6 .onlineSwiper .loop-count button.remote-online.restart span {background-image:url('/images/btn/btn-mainvisual-play-black.png');} .sec6 .onlineSwiper .pagination {position:absolute;bottom:0px;left:calc(50% - 0px);} -.sec6 .onlineSwiper .swiper-pagination-fraction {color:#333;left:-40px;top:4px;width:auto;} +.sec6 .onlineSwiper .swiper-pagination-fraction {color:#333;left:-12px;top:4px;width:auto;} /********** 메인섹션7 **********/ .sec7 {background:#f5f5f5;padding:100px 0px 100px;display: inline-block;width:100%;height:auto;} @@ -1003,7 +1005,7 @@ text-overflow: ellipsis;} .data.detail .inner .row-bottom .DetailSwiper1 .loop-count button.remote-detail1 {outline:none;} .data.detail .inner .row-bottom .DetailSwiper1 .loop-count button.remote-detail1.restart span {background-image:url('/images/btn/btn-mainvisual-play-black.png');} .data.detail .inner .row-bottom .DetailSwiper1 .pagination {position:absolute;bottom:0px;left:calc(50% - 0px);} -.data.detail .inner .row-bottom .DetailSwiper1 .swiper-pagination-fraction {color:#333;left:-40px;top:4px;width:auto;} +.data.detail .inner .row-bottom .DetailSwiper1 .swiper-pagination-fraction {color:#333;left:-12px;top:4px;width:auto;} .data.detail .inner .row-bottom .con-4 {background: #f5f5f5;padding:0px 0px 60px;margin:0px 0px 100px;} .data.detail .inner .row-bottom .con-4 .top {padding:40px 0px;position: relative;text-align: center;} @@ -1060,7 +1062,7 @@ text-overflow: ellipsis;} .data.detail .inner .row-bottom .DetailSwiper2 .loop-count button.remote-detail2 {outline:none;} .data.detail .inner .row-bottom .DetailSwiper2 .loop-count button.remote-detail2.restart span {background-image:url('/images/btn/btn-mainvisual-play-black.png');} .data.detail .inner .row-bottom .DetailSwiper2 .pagination {position:absolute;bottom:0px;left:calc(50% - 0px);} -.data.detail .inner .row-bottom .DetailSwiper2 .swiper-pagination-fraction {color:#333;left:-40px;top:4px;width:auto;} +.data.detail .inner .row-bottom .DetailSwiper2 .swiper-pagination-fraction {color:#333;left:-12px;top:4px;width:auto;} .data.detail .btn-box {margin:50px 0px;text-align: center;} .data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-next, @@ -1452,7 +1454,7 @@ transform: rotate(45deg);} .file-box .file-list span img {vertical-align: middle;margin-right:5px;} .file-box .file-list span:nth-of-type(2) button {display:inline-block;width:auto;text-align:left;} .file-box .file-list span:nth-of-type(3) button {background: #666;color:#fff;border-radius: 2px;padding:2px 10px 3px;font-size: 12px;margin-left:15px;} -.view-body {border-bottom: 0px solid #000;text-align: left;} +.view-body {border-bottom: 0px solid #000;} .view-con {line-height: 1.85;color: #666;width:96%;padding: 20px 2%;overflow:auto;letter-spacing: -.025em;min-height: 515px;border-bottom:1px solid #ddd;} .view-con img {width:100%;} .view-body .attachments {width: 100%;border-top: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;} @@ -2105,5 +2107,5 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite; .ir {position:absolute !important;z-index:-1 !important;opacity:0 !important;} .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {display:none !important;} - - +.loop-count .remote {display:none !important;} +.loop-count .remote.remote-main {display:inline-block !important;} diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index a418baf9..5d1efa57 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -950,7 +950,8 @@ footer .family_site {right:10px;} .qna-data .community.qna .btn-box .left { display: flex; width: 100%; } .qna-data .community.qna .btn-box .left button { width: 50%; } .qna-data .community.qna .btn-box .left button:first-child { margin-right: 10px; } - + .view-body .answer .answer-con img {width:100% !important;height:auto !important;} + /* 내정보 */ .myinfo .contents { margin-bottom: 0;padding:0% 0%;padding-bottom: 50px; } .myinfo-box { padding: 0 16px; box-sizing: border-box; }