Compare commits
No commits in common. "5213043c5e1d3c51828639108d64d5e0a9028829" and "c70c23046ac73aad87b4143dec62a6e8d29eaadf" have entirely different histories.
5213043c5e
...
c70c23046a
|
|
@ -83,5 +83,4 @@ replay_pid*
|
|||
|
||||
|
||||
# thkim
|
||||
.classpath
|
||||
/src/main/webapp/WEB-INF/clipreport4/DataConnection.properties
|
||||
.classpath
|
||||
|
|
@ -14,13 +14,9 @@ dataconnection1.version=
|
|||
#dataconnection1.url=jdbc:oracle:thin:@192.168.0.29:1521:xe
|
||||
#dataconnection1.url=jdbc:oracle:thin:@192.168.0.8:1521:orcl
|
||||
################################################################
|
||||
# \uc544\ub798\ub294 \uac74\uae30\uc5f0 \uc6b4\uc601\uc11c\ubc84
|
||||
# dataconnection1.url=jdbc:oracle:thin:@192.168.0.8:3452:orcl
|
||||
# dataconnection1.url=jdbc:oracle:thin:@192.168.0.8:3452:orcl is prod
|
||||
#dataconnection1.url=jdbc:oracle:thin:@192.168.0.8:3452:orcl
|
||||
# \uc544\ub798\ub294 \ub514\ube44\uc5d4\ud14d \uac1c\ubc1c \uc11c\ubc84
|
||||
#dataconnection1.url=jdbc:oracle:thin:@118.219.150.34:1521:ORAGEODEV
|
||||
# \uc544\ub798\ub294 \ub514\ube44\uc5d4\ud14d \ub85c\uceec \uc11c\ubc84
|
||||
dataconnection1.url=jdbc:oracle:thin:@127.0.0.1:1521:ORAGEODEV
|
||||
dataconnection1.url=jdbc:oracle:thin:@118.219.150.34:1521:ORAGEODEV
|
||||
################################################################
|
||||
|
||||
dataconnection1.user=geoinfo
|
||||
|
|
|
|||
|
|
@ -114,7 +114,7 @@
|
|||
============================================================== -->
|
||||
<!-- 공통 script -->
|
||||
<script type="text/javascript"
|
||||
src="${pageContext.request.contextPath}/com/js/common.js?v=20240610_1353"></script>
|
||||
src="${pageContext.request.contextPath}/com/js/common.js?v=20240610_1352"></script>
|
||||
|
||||
<!-- 스타일 css -->
|
||||
<link rel="stylesheet"
|
||||
|
|
@ -122,7 +122,7 @@
|
|||
|
||||
<!-- 전체 조합 css -->
|
||||
<link rel="stylesheet"
|
||||
href="${pageContext.request.contextPath}/com/css/common.v2.0.css?v=20240610_1353" />
|
||||
href="${pageContext.request.contextPath}/com/css/common.v2.0.css?v=20240610_1352" />
|
||||
|
||||
<!-- ==============================================================
|
||||
IE9 HTML5 일부지원
|
||||
|
|
@ -196,7 +196,6 @@
|
|||
</script>
|
||||
<!-- 로그인 시작 -->
|
||||
<div id="login" class="login-popup mfp-hide">
|
||||
<button id="mfp-back" class="mfp-back"></button>
|
||||
<button id="mfp-close" class="mfp-close">X</button>
|
||||
<form name="login" method="post">
|
||||
<input type="hidden" name="login_param" value="">
|
||||
|
|
@ -281,8 +280,6 @@
|
|||
|
||||
var signInPrefix = document.getElementById("sign-in-prefix");
|
||||
|
||||
// 로그인 팝업 뒤로가기 버튼
|
||||
var mfpBackButton = document.getElementById("mfp-back");
|
||||
|
||||
// 각 라디오 버튼 요소 가져오기
|
||||
var radioInputs = document.getElementsByName("cls");
|
||||
|
|
@ -314,33 +311,12 @@
|
|||
var signinWrapperEle = document
|
||||
.getElementById("signin-wrapper");
|
||||
signinWrapperEle.style.display = "block";
|
||||
|
||||
mfpBackButton.style.display = "inline-block";
|
||||
}
|
||||
|
||||
// 각 버튼에 클릭 이벤트 리스너 추가
|
||||
clsButton0.addEventListener("click", handleButtonClick);
|
||||
clsButton1.addEventListener("click", handleButtonClick);
|
||||
clsButton2.addEventListener("click", handleButtonClick);
|
||||
|
||||
|
||||
|
||||
|
||||
// 로그인 팝업 뒤로가기 클릭 이벤트 핸들러 함수
|
||||
function handleMfpBackButtonClick(event) {
|
||||
var clickedButtonId = event.currentTarget.id;
|
||||
var accountTypeWrapperEle = document.getElementById("account-type-wrapper");
|
||||
accountTypeWrapperEle.style.display="block";
|
||||
var signinWrapperEle = document.getElementById("signin-wrapper");
|
||||
signinWrapperEle.style.display="none";
|
||||
var signInPrefix = document.getElementById("sign-in-prefix");
|
||||
signInPrefix.innerHTML = '';
|
||||
mfpBackButton.style.display = "none";
|
||||
|
||||
}
|
||||
|
||||
// 로그인 팝업 뒤로가기 버튼에 클릭 이벤트 리스너 추가
|
||||
mfpBackButton.addEventListener("click", handleMfpBackButtonClick);
|
||||
</script>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,2 +1,2 @@
|
|||
copy *.css /y ..\..\..\..\..\..\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\geoinfo_eGov_work\com\css\
|
||||
copy *.map /y ..\..\..\..\..\..\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\geoinfo_eGov_work\com\css\
|
||||
copy *.map /y ..\..\..\..\..\..\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\geoinfo_eGov_work\com\css\
|
||||
|
|
|
|||
|
|
@ -3100,21 +3100,11 @@ ul.faq-q > li textarea {
|
|||
|
||||
/* ====================================== */
|
||||
/* ====================================== */
|
||||
.mfp-bg.mfp-fade.mfp-ready {
|
||||
width: 100vw;
|
||||
min-width: 620px;
|
||||
}
|
||||
|
||||
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
|
||||
width: 100vw;
|
||||
min-width: 620px;
|
||||
}
|
||||
|
||||
.mfp-content.login-popup-content {
|
||||
.login-popup-wrapper .mfp-content.login-popup-content {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.mfp-content .login-popup {
|
||||
.login-popup-wrapper .mfp-content .login-popup {
|
||||
position: relative;
|
||||
width: 610px;
|
||||
height: 347px;
|
||||
|
|
@ -3124,31 +3114,14 @@ ul.faq-q > li textarea {
|
|||
border: 1px solid #000000;
|
||||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.mfp-content .login-popup .mfp-back {
|
||||
display: none;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
border-width: 0px;
|
||||
background-color: #333333;
|
||||
-moz-background-size: 30%;
|
||||
-webkit-background-size: 30%;
|
||||
-o-background-size: 30%;
|
||||
background-size: 30%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-image: url("/com/img/main/signin/back.svg?v=20240607_1153");
|
||||
}
|
||||
.mfp-content .login-popup .contents-title {
|
||||
.login-popup-wrapper .mfp-content .login-popup .contents-title {
|
||||
font-size: 36px;
|
||||
margin-bottom: 10px;
|
||||
color: #161616;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > p {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > p {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: block;
|
||||
|
|
@ -3157,11 +3130,11 @@ ul.faq-q > li textarea {
|
|||
color: #161616;
|
||||
font-weight: normal;
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul > li {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul > li {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
display: inline-block;
|
||||
|
|
@ -3173,26 +3146,26 @@ ul.faq-q > li textarea {
|
|||
border-radius: 20px;
|
||||
padding: 30px;
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul > li:hover {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul > li:hover {
|
||||
background: #3378C1;
|
||||
color: #ffffff;
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul > li:hover > div > div.icons.individual-user {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul > li:hover > div > div.icons.individual-user {
|
||||
background-image: url("/com/img/main/signin/individual_user_white.svg?v=20240607_1153");
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul > li:hover > div > div.icons.corporate-user {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul > li:hover > div > div.icons.corporate-user {
|
||||
background-image: url("/com/img/main/signin/corporate_user_white.svg?v=20240607_1153");
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul > li:hover > div > div.icons.ordering-organization {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul > li:hover > div > div.icons.ordering-organization {
|
||||
background-image: url("/com/img/main/signin/ordering_organization_white.svg?v=20240607_1153");
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul > li.center {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul > li.center {
|
||||
margin: 0px 30px;
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul > li > div {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul > li > div {
|
||||
text-align: center;
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul > li > div > div.icons {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul > li > div > div.icons {
|
||||
display: inline-block;
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
|
|
@ -3203,28 +3176,28 @@ ul.faq-q > li textarea {
|
|||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul > li > div > div.icons.individual-user {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul > li > div > div.icons.individual-user {
|
||||
background-image: url("/com/img/main/signin/individual_user.svg?v=20240607_1153");
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul > li > div > div.icons.corporate-user {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul > li > div > div.icons.corporate-user {
|
||||
background-image: url("/com/img/main/signin/corporate_user.svg?v=20240607_1153");
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul > li > div > div.icons.ordering-organization {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul > li > div > div.icons.ordering-organization {
|
||||
background-image: url("/com/img/main/signin/ordering_organization.svg?v=20240607_1153");
|
||||
}
|
||||
.mfp-content .login-popup .t-center .account-type-wrapper > ul > li > div > div > span {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .account-type-wrapper > ul > li > div > div > span {
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.mfp-content .login-popup .t-center .login-radio {
|
||||
.login-popup-wrapper .mfp-content .login-popup .t-center .login-radio {
|
||||
line-height: 50px;
|
||||
border-top: 1px solid #000000;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper {
|
||||
text-align: center;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > p {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > p {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: block;
|
||||
|
|
@ -3233,43 +3206,43 @@ ul.faq-q > li textarea {
|
|||
color: #161616;
|
||||
font-weight: normal;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row {
|
||||
display: inline-block;
|
||||
font-size: 0px;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row {
|
||||
vertical-align: top;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row.id-password-wrapper {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row.id-password-wrapper {
|
||||
display: inline-block;
|
||||
width: 330px;
|
||||
height: 106px;
|
||||
padding: 0px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row.id-password-wrapper > input {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row.id-password-wrapper > input {
|
||||
height: 48px;
|
||||
margin: 0px;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row.id-password-wrapper > input#id {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row.id-password-wrapper > input#id {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row.signin-button-wrapper {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row.signin-button-wrapper {
|
||||
display: inline-block;
|
||||
width: 139px;
|
||||
height: 106px;
|
||||
padding: 0px;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row.signin-button-wrapper > button {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row.signin-button-wrapper > button {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 106px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row.signin-button-wrapper > button.mfp-popup-close {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .contents-row.signin-button-wrapper > button.mfp-popup-close {
|
||||
display: none;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .login-form-options {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .login-form-options {
|
||||
display: flex; /* 혹은 grid */
|
||||
justify-content: space-between; /* 혹은 원하는 정렬 방식 */
|
||||
align-items: center;
|
||||
|
|
@ -3277,24 +3250,24 @@ ul.faq-q > li textarea {
|
|||
font-size: 13px;
|
||||
color: #333333;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .login-form-options > .checkbox-container {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .login-form-options > .checkbox-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 13px;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .login-form-options > .checkbox-container > input {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .login-form-options > .checkbox-container > input {
|
||||
margin: 0px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .login-form-options > .checkbox-container > label {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .login-form-options > .checkbox-container > label {
|
||||
cursor: pointer;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .login-form-options > .find-account-links > a {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .login-form-options > .find-account-links > a {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
font-size: 13px;
|
||||
}
|
||||
.mfp-content .login-popup .signin-wrapper > .login-form-row > .login-form-options > .find-account-links > .vertical-bar {
|
||||
.login-popup-wrapper .mfp-content .login-popup .signin-wrapper > .login-form-row > .login-form-options > .find-account-links > .vertical-bar {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1 +0,0 @@
|
|||
explorer ..\..\..\..\..\..\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\geoinfo_eGov_work\com\css\
|
||||
|
|
@ -2687,56 +2687,120 @@ ul.faq-q > li textarea {
|
|||
/* ====================================== */
|
||||
// 메인 로그인 팝업 시작
|
||||
/* ====================================== */
|
||||
//mfp-back
|
||||
.mfp-bg.mfp-fade.mfp-ready {
|
||||
width: 100vw;
|
||||
min-width: 620px;
|
||||
}
|
||||
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
|
||||
width: 100vw;
|
||||
min-width: 620px;
|
||||
}
|
||||
.mfp-content {
|
||||
&.login-popup-content {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.login-popup {
|
||||
position: relative;
|
||||
width: 610px;
|
||||
height: 347px;
|
||||
margin: 0px auto;
|
||||
padding: 40px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #000000;
|
||||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
|
||||
|
||||
.mfp-back {
|
||||
display: none;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
border-width: 0px;
|
||||
background-color: #333333;
|
||||
-moz-background-size: 30%;
|
||||
-webkit-background-size: 30%;
|
||||
-o-background-size: 30%;
|
||||
background-size: 30%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-image: url("/com/img/main/signin/back.svg?v=20240607_1153");
|
||||
|
||||
.login-popup-wrapper {
|
||||
.mfp-content {
|
||||
&.login-popup-content {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.contents-title {
|
||||
font-size: 36px;
|
||||
margin-bottom: 10px;
|
||||
color: #161616;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
.t-center {
|
||||
.account-type-wrapper {
|
||||
.login-popup {
|
||||
position: relative;
|
||||
width: 610px;
|
||||
height: 347px;
|
||||
margin: 0px auto;
|
||||
padding: 40px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #000000;
|
||||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
|
||||
|
||||
|
||||
.contents-title {
|
||||
font-size: 36px;
|
||||
margin-bottom: 10px;
|
||||
color: #161616;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
.t-center {
|
||||
.account-type-wrapper {
|
||||
&>p {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
margin-bottom: 30px;
|
||||
color: #161616;
|
||||
font-weight: normal;
|
||||
}
|
||||
&>ul {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
&>li {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
display: inline-block;
|
||||
border: 0px solid #222222;
|
||||
font-size: 40px;
|
||||
cursor: pointer;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);
|
||||
border-radius: 20px;
|
||||
padding: 30px;
|
||||
|
||||
&:hover {
|
||||
background: #3378C1;
|
||||
color: #ffffff;
|
||||
&>div {
|
||||
&>div.icons {
|
||||
&.individual-user {
|
||||
background-image: url("/com/img/main/signin/individual_user_white.svg?v=20240607_1153");
|
||||
}
|
||||
&.corporate-user {
|
||||
background-image: url("/com/img/main/signin/corporate_user_white.svg?v=20240607_1153");
|
||||
}
|
||||
&.ordering-organization {
|
||||
background-image: url("/com/img/main/signin/ordering_organization_white.svg?v=20240607_1153");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.center {
|
||||
margin:0px 30px;
|
||||
}
|
||||
|
||||
&>div {
|
||||
text-align: center;
|
||||
&>div.icons {
|
||||
display: inline-block;
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
-moz-background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
&.individual-user {
|
||||
background-image: url("/com/img/main/signin/individual_user.svg?v=20240607_1153");
|
||||
}
|
||||
&.corporate-user {
|
||||
background-image: url("/com/img/main/signin/corporate_user.svg?v=20240607_1153");
|
||||
}
|
||||
&.ordering-organization {
|
||||
background-image: url("/com/img/main/signin/ordering_organization.svg?v=20240607_1153");
|
||||
}
|
||||
}
|
||||
&>div {
|
||||
&>span {
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.login-radio {
|
||||
line-height: 50px;
|
||||
border-top: 1px solid #000000;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
}
|
||||
.signin-wrapper {
|
||||
text-align: center;
|
||||
&>p {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
|
@ -2746,157 +2810,71 @@ ul.faq-q > li textarea {
|
|||
color: #161616;
|
||||
font-weight: normal;
|
||||
}
|
||||
&>ul {
|
||||
width: 100%;
|
||||
&>.login-form-row {
|
||||
display: inline-block;
|
||||
&>li {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
display: inline-block;
|
||||
border: 0px solid #222222;
|
||||
font-size: 40px;
|
||||
cursor: pointer;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);
|
||||
border-radius: 20px;
|
||||
padding: 30px;
|
||||
|
||||
&:hover {
|
||||
background: #3378C1;
|
||||
color: #ffffff;
|
||||
&>div {
|
||||
&>div.icons {
|
||||
&.individual-user {
|
||||
background-image: url("/com/img/main/signin/individual_user_white.svg?v=20240607_1153");
|
||||
}
|
||||
&.corporate-user {
|
||||
background-image: url("/com/img/main/signin/corporate_user_white.svg?v=20240607_1153");
|
||||
}
|
||||
&.ordering-organization {
|
||||
background-image: url("/com/img/main/signin/ordering_organization_white.svg?v=20240607_1153");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.center {
|
||||
margin:0px 30px;
|
||||
}
|
||||
|
||||
&>div {
|
||||
text-align: center;
|
||||
&>div.icons {
|
||||
display: inline-block;
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
-moz-background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
&.individual-user {
|
||||
background-image: url("/com/img/main/signin/individual_user.svg?v=20240607_1153");
|
||||
}
|
||||
&.corporate-user {
|
||||
background-image: url("/com/img/main/signin/corporate_user.svg?v=20240607_1153");
|
||||
}
|
||||
&.ordering-organization {
|
||||
background-image: url("/com/img/main/signin/ordering_organization.svg?v=20240607_1153");
|
||||
}
|
||||
}
|
||||
&>div {
|
||||
&>span {
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.login-radio {
|
||||
line-height: 50px;
|
||||
border-top: 1px solid #000000;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
}
|
||||
.signin-wrapper {
|
||||
text-align: center;
|
||||
&>p {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
margin-bottom: 30px;
|
||||
color: #161616;
|
||||
font-weight: normal;
|
||||
}
|
||||
&>.login-form-row {
|
||||
display: inline-block;
|
||||
font-size: 0px;
|
||||
&>.contents-row {
|
||||
vertical-align: top;
|
||||
&.id-password-wrapper {
|
||||
display: inline-block;
|
||||
width: 330px;
|
||||
height: 106px;
|
||||
padding: 0px;
|
||||
margin-right: 10px;
|
||||
&>input {
|
||||
height: 48px;
|
||||
margin: 0px;
|
||||
&#id {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.signin-button-wrapper {
|
||||
display: inline-block;
|
||||
width: 139px;
|
||||
height: 106px;
|
||||
padding: 0px;
|
||||
&>button {
|
||||
font-size: 0px;
|
||||
&>.contents-row {
|
||||
vertical-align: top;
|
||||
&.id-password-wrapper {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
width: 330px;
|
||||
height: 106px;
|
||||
font-size: 16px;
|
||||
&.mfp-popup-close {
|
||||
display: none;
|
||||
padding: 0px;
|
||||
margin-right: 10px;
|
||||
&>input {
|
||||
height: 48px;
|
||||
margin: 0px;
|
||||
&#id {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.signin-button-wrapper {
|
||||
display: inline-block;
|
||||
width: 139px;
|
||||
height: 106px;
|
||||
padding: 0px;
|
||||
&>button {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 106px;
|
||||
font-size: 16px;
|
||||
&.mfp-popup-close {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&>.login-form-options {
|
||||
display: flex; /* 혹은 grid */
|
||||
justify-content: space-between; /* 혹은 원하는 정렬 방식 */
|
||||
align-items: center;
|
||||
margin-top: 30px; /* 간격 조절 */
|
||||
font-size: 13px;
|
||||
color: #333333;
|
||||
|
||||
&>.login-form-options {
|
||||
display: flex; /* 혹은 grid */
|
||||
justify-content: space-between; /* 혹은 원하는 정렬 방식 */
|
||||
align-items: center;
|
||||
margin-top: 30px; /* 간격 조절 */
|
||||
font-size: 13px;
|
||||
color: #333333;
|
||||
|
||||
&>.checkbox-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 13px;
|
||||
&>input {
|
||||
margin: 0px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
&>label {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
&>.find-account-links {
|
||||
&>a {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
&>.checkbox-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 13px;
|
||||
&>input {
|
||||
margin: 0px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
&>label {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
&>.vertical-bar {
|
||||
color: #999999;
|
||||
&>.find-account-links {
|
||||
&>a {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
font-size: 13px;
|
||||
}
|
||||
&>.vertical-bar {
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,51 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="60.314949mm"
|
||||
height="113.62518mm"
|
||||
viewBox="0 0 60.314949 113.62518"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
|
||||
sodipodi:docname="back.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:zoom="0.52410025"
|
||||
inkscape:cx="18.126303"
|
||||
inkscape:cy="443.61742"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1017"
|
||||
inkscape:window-x="-8"
|
||||
inkscape:window-y="-8"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="레이어 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-95.382252,-83.018087)">
|
||||
<path
|
||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583"
|
||||
d="m 150.00865,196.21671 c -1.34829,-0.68732 -53.963574,-53.28706 -54.35797,-54.34191 -0.357904,-0.95726 -0.357904,-3.10934 0,-4.06659 0.430967,-1.15267 53.03326,-53.677122 54.44229,-54.361735 2.71231,-1.317843 5.60423,0.549933 5.60423,3.619552 0,0.523563 -0.1314,1.211997 -0.292,1.529852 -0.16059,0.317855 -11.67966,11.978151 -25.59792,25.911771 l -25.30592,25.33385 25.30592,25.33386 c 13.91826,13.93362 25.43733,25.59391 25.59792,25.91177 0.40011,0.7919 0.36639,2.30374 -0.075,3.35999 -0.80627,1.92969 -3.34893,2.7752 -5.3216,1.76959 z"
|
||||
id="path980" />
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.0 KiB |
|
|
@ -323,10 +323,6 @@ $(document).ready(function () {
|
|||
var signInPrefix = document.getElementById("sign-in-prefix");
|
||||
signInPrefix.innerHTML = '';
|
||||
|
||||
// 로그인 팝업 뒤로가기 버튼
|
||||
var mfpBackButton = document.getElementById("mfp-back");
|
||||
mfpBackButton.style.display = "none";
|
||||
|
||||
$('#login').parent().addClass('login-popup-content');
|
||||
if (!isMobile) {
|
||||
$('body').addClass('overflow-hidden login-popup-wrapper');
|
||||
|
|
|
|||
Loading…
Reference in New Issue