From f4aeafb504e736921c70ee2aa08ea33e33ce5e93 Mon Sep 17 00:00:00 2001 From: com02 Date: Fri, 26 Nov 2021 18:53:27 +0900 Subject: [PATCH] =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/webapp/css/default.css | 38 ++++++++++++++++----------------- src/main/webapp/css/media.css | 2 +- 2 files changed, 20 insertions(+), 20 deletions(-) diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 2f7be892..ecd95542 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -1017,7 +1017,7 @@ transform: rotate(45deg);} /********** 회원정보관리 **********/ .myinfo .inner .row-bottom .myinfo-box .top-info {width:1340px;padding:30px;background: linear-gradient(to right, #485764, #6a7b8c);border-radius: 5px;display:inline-block;margin-bottom:80px;} -.myinfo .inner .row-bottom .myinfo-box .top-info .left {float:left;width:269px;padding-right:30px;border-right:1px solid #999;text-align: left;} +.myinfo .inner .row-bottom .myinfo-box .top-info .left {float:left;width:268px;padding-right:30px;border-right:1px solid #999;text-align: left;} .myinfo .inner .row-bottom .myinfo-box .top-info .right {float:left;width:1010px;padding-left:30px;} .myinfo .inner .row-bottom .myinfo-box .top-info .left h3 {color:#fff;font-size:32px;line-height: 40px;margin-bottom:15px;} .myinfo .inner .row-bottom .myinfo-box .top-info .left h3 span {color:#fff;} @@ -1643,8 +1643,8 @@ transform: rotate(45deg); /* 서지정보 팝업 */ -.pop-serge {position:fixed;top:9%;left:calc(50% - 435px);width: 870px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} -.pop-serge .inner {display:inline-block;width:90%;height:auto;padding:5%;background: #f2f4f7;} +.pop-serge {position:fixed;top:5%;left:calc(50% - 435px);width: 870px;height: 90%;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-serge .inner {display:inline-block;width:90%;height:calc(100% - 50px);overflow:auto;padding:5%;background: #f2f4f7;} .pop-serge .inner .row {padding:0px 0px 0px;text-align:center;text-align: left;} .pop-serge .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} .pop-serge .Title h3 {font-size:24px;line-height:30px;margin-top:0px;color:#fff;font-weight: 300;text-align: left;padding:0% 5%;} @@ -1664,8 +1664,8 @@ transform: rotate(45deg); /* 로그인 팝업 */ -.pop-login {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} -.pop-login .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:60px 0px;} +.pop-login {position:fixed;top:9%;left:calc(50% - 210px);width: 420px;height: 60%;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-login .inner {background:#fff;display:inilne-block;width:100%;height: calc(100% - 270px);overflow:auto;padding:60px 0px;} .pop-login .inner .row {padding:45px 60px 0px;text-align:center;} .pop-login .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:45px 0px;} .pop-login .Title h3 {font-size:36px;line-height:36px;margin-top:15px;color:#fff;font-weight: 500;} @@ -1690,8 +1690,8 @@ transform: rotate(45deg); /* 로그인 연결 팝업 */ -.pop-login-connect {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} -.pop-login-connect .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:50px 0px;} +.pop-login-connect {position:fixed;top:9%;left:calc(50% - 210px);width: 420px;height: 60%;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-login-connect .inner {background:#fff;display:inilne-block;width:100%;height: calc(100% - 270px);overflow:auto;padding:50px 0px;} .pop-login-connect .inner .row {padding:0px 60px 0px;text-align:center;} .pop-login-connect .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:30px 0px;} .pop-login-connect .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} @@ -1713,8 +1713,8 @@ transform: rotate(45deg); /* 로그인 패스워드 팝업 */ -.pop-login-password {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} -.pop-login-password .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:50px 0px;} +.pop-login-password {position:fixed;top:9%;left:calc(50% - 210px);width: 420px;height: 60%;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-login-password .inner {background:#fff;display:inilne-block;width:100%;height: calc(100% - 270px);overflow:auto;padding:50px 0px;} .pop-login-password .inner .row {padding:0px 60px 0px;text-align:center;} .pop-login-password .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:30px 0px;} .pop-login-password .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} @@ -1738,8 +1738,8 @@ transform: rotate(45deg); /* 알림 팝업 */ -.pop-notice {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} -.pop-notice .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;} +.pop-notice {position:fixed;top:9%;left:calc(50% - 210px);width: 420px;height: 60%;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-notice .inner {display:inline-block;width:100%;height: calc(100% - 270px);overflow:auto;padding:50px 0px;background: #fff;} .pop-notice .inner .row {padding:0px 60px 0px;text-align:center;} .pop-notice .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} .pop-notice .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} @@ -1754,8 +1754,8 @@ transform: rotate(45deg); /* 반려사유 팝업 */ -.pop-return {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} -.pop-return .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;} +.pop-return {position:fixed;top:9%;left:calc(50% - 210px);width: 420px;height: 60%;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-return .inner {display:inline-block;width:100%;height: calc(100% - 270px);overflow:auto;padding:50px 0px;background: #fff;} .pop-return .inner .row {padding:0px 30px 0px;text-align:center;} .pop-return .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} .pop-return .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} @@ -1769,8 +1769,8 @@ transform: rotate(45deg); /* 패스워드 변경 팝업 */ -.pop-change {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} -.pop-change .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;} +.pop-change {position:fixed;top:9%;left:calc(50% - 210px);width: 420px;height: 60%;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-change .inner {display:inline-block;width:100%;height: calc(100% - 270px);overflow:auto;padding:50px 0px;background: #fff;} .pop-change .inner .row {padding:0px 60px 0px;text-align:center;} .pop-change .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} .pop-change .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} @@ -1788,8 +1788,8 @@ transform: rotate(45deg); /* 패스워드 찾기 팝업 */ -.pop-find {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} -.pop-find .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;} +.pop-find {position:fixed;top:9%;left:calc(50% - 210px);width: 420px;height: 60%;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-find .inner {display:inline-block;width:100%;height: calc(100% - 270px);overflow:auto;padding:50px 0px;background: #fff;} .pop-find .inner .row {padding:0px 60px 0px;text-align:center;} .pop-find .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;} .pop-find .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;} @@ -1809,8 +1809,8 @@ transform: rotate(45deg); /* 회원 팝업 */ -.pop-member {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} -.pop-member .inner {display:inline-block;width:100%;height:auto;padding:40px 0px 20px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;} +.pop-member {position:fixed;top:9%;left:calc(50% - 210px);width: 420px;height: 70%;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} +.pop-member .inner {display:inline-block;width:100%;height: calc(100% - 50px);overflow:auto;padding:40px 0px 20px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;} .pop-member .inner .row {margin:0px 50px 0px;} .pop-member .Title {text-align:center;padding:0px 0px 30px;text-align: center;} .pop-member .Title h3 {font-size:24px;line-height:30px;margin-bottom:5px;color:#fff;font-weight: 300;} diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 8c825add..a00edc02 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -130,7 +130,7 @@ footer .inner {width:100%;} .data.detail .inner .row-bottom .con-4 .top h3::before {content: '';width:100%;} .data.detail .inner .row-bottom .DetailSwiper2 {max-width:auto;} .faq .inner .tab {position: relative;width:100%;margin:0 auto;} -.article-side {width:22%;} +.article-side {width:22%;margin-right:2%;} .culture-box {width:74%;} .data.detail .inner .row-top .center .left {width:40%;} .data.detail .inner .row-top .center .left .img img {width:100%;}