gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

마수동, 광수동 완료

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2024-11-18 22:30:18 +09:00
parent 6f2e197911
commit 86375c637b
12 changed files with 562 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
assets/css/common.css
View File

@@ -3240,9 +3240,9 @@ video::-webkit-media-controls {
position: absolute;
top: 53%;
left: 50%;
transform: translate(-50%, -50%);
transform: translate(-50%, -50.2%);
background-color: #fff;
padding: 5rem 0;
padding: 10rem 0;
border-radius: 0.6rem;
}
@media (max-width: 1240px) {
@@ -3250,15 +3250,24 @@ video::-webkit-media-controls {
width: calc(100% - 4rem);
}
}
@media (max-width: 768px) {
.policyPopup .popInner {
padding: 3rem 0;
}
}
.policyPopup .popInner .content {
position: relative;
max-width: 100rem;
width: 100%;
margin: 0 auto;
padding: 0 3rem;
}
@media (max-width: 1100px) {
.policyPopup .popInner .content {
padding: 0 3rem;
}
}
.policyPopup .popInner .content u {
text-decoration: underline;
border-bottom: 1px solid #000;
}
.policyPopup .popInner .content .title strong {
display: flex;
@@ -3280,6 +3289,11 @@ video::-webkit-media-controls {
max-height: calc(90vh - 342px);
overflow-y: auto;
}
@media (max-width: 768px) {
.policyPopup .popInner .content .editorText {
margin-top: 1.6rem;
}
}
.policyPopup .popInner .content .editorText .termsContents {
margin-top: 4rem;
}
@@ -3372,6 +3386,11 @@ video::-webkit-media-controls {
.policyPopup .popInner .content .marketingCheck > span {
display: block;
}
@media (max-width: 768px) {
.policyPopup .popInner .content .marketingCheck > span {
font-size: 1.4rem;
}
}
.policyPopup .popInner .content .marketingCheck .agree-area {
display: block;
gap: 5rem;
@@ -3394,6 +3413,11 @@ video::-webkit-media-controls {
.policyPopup .popInner .content .marketingCheck .agree-area label span {
margin-left: 1rem;
}
@media (max-width: 768px) {
.policyPopup .popInner .content .marketingCheck .agree-area label span {
font-size: 1.4rem;
}
}
.termsContents {
margin-top: 4rem;
@@ -3908,4 +3932,94 @@ video::-webkit-media-controls {
.mt-20 {
margin-top: 20rem;
}
.btn-more {
display: inline-flex;
align-items: center;
font-size: 1.6rem;
font-weight: 400;
color: #676767;
margin-left: 1rem;
}
@media (max-width: 768px) {
.btn-more {
font-size: 1.4rem;
margin-left: 0.5rem;
}
}
.btn-more em {
border-bottom: 1px solid #676767;
line-height: 1.3;
}
.btn-more:after {
content: "";
display: block;
width: 0.8rem;
height: 1.4rem;
margin-left: 0.6rem;
background: url(../images/common/icon-arrow_right.svg) no-repeat center/contain;
}
.agree-result .popInner {
width: 64rem;
padding: 5rem 3rem;
}
@media (max-width: 768px) {
.agree-result .popInner {
width: 90%;
transform: translate(-50%, -55%);
-webkit-transform: translate(-50%, -55%);
}
}
.agree-result .popInner .tableStyle {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
margin-top: 3rem;
margin-bottom: 5rem;
}
.agree-result .popInner .tableStyle dl {
display: flex;
align-items: center;
padding-top: 0rem;
padding-bottom: 0rem;
text-align: center;
}
.agree-result .popInner .tableStyle dl dt {
width: 38rem;
padding: 2rem;
font-size: 1.6rem;
color: #000;
font-weight: 400;
background-color: #f3f3f3;
}
@media (max-width: 768px) {
.agree-result .popInner .tableStyle dl dt {
width: 60%;
font-size: 1.4rem;
}
}
.agree-result .popInner .tableStyle dl dd {
margin-top: 0;
font-size: 1.4rem;
flex: 1;
color: #676767;
text-align: center;
}
@media (min-width: 768px) {
.agree-result .popInner .tableStyle dl dd {
width: 40%;
flex: auto;
padding: 2rem;
}
}
.agree-result .popInner .tableStyle dl:last-child {
border-bottom: 0;
}
.agree-result .popInner .btnWarp {
width: 16rem;
margin: 0 auto;
}
.agree-result .popInner .btnWarp.mg-t {
margin-top: 5rem;
}
/*# sourceMappingURL=common.css.map */

2
assets/css/common.css.map
View File

File diff suppressed because one or more lines are too long

111
assets/css/common.scss
View File

@@ -3087,21 +3087,27 @@ video::-webkit-media-controls {
position: absolute;
top: 53%;
left: 50%;
transform: translate(-50%, -50%);
transform: translate(-50%, -50.2%);
background-color: #fff;
padding: 5rem 0;
padding: 10rem 0;
border-radius: 0.6rem;
@media (max-width: 1240px) {
width: calc(100% - 4rem);
}
@include maxtablet {
padding: 3rem 0;
}
.content {
position: relative;
max-width: 100rem;
width: 100%;
margin: 0 auto;
padding: 0 3rem;
@media (max-width: 1100px) {
padding: 0 3rem;
}
u {
text-decoration: underline;
border-bottom:1px solid #000;
}
.title {
strong {
@@ -3122,6 +3128,10 @@ video::-webkit-media-controls {
margin-top: 3rem;
max-height: calc(90vh - 342px);
overflow-y:auto;
@include maxtablet {
margin-top: 1.6rem;
}
.termsContents {
margin-top: 4rem;
h2 {
@@ -3237,6 +3247,9 @@ video::-webkit-media-controls {
}
> span {
display: block;
@include maxtablet {
font-size: 1.4rem;
}
}
.agree-area {
display: block;
@@ -3254,6 +3267,9 @@ video::-webkit-media-controls {
}
span {
margin-left: 1rem;
@include maxtablet {
font-size: 1.4rem;
}
}
}
@@ -3688,3 +3704,90 @@ video::-webkit-media-controls {
margin-top: #{$i * 2}rem;
}
}
.btn-more {
display: inline-flex;
align-items: center;
font-size: 1.6rem;
font-weight: 400;
color: #676767;
margin-left: 1rem;
@media (max-width: 768px) {
font-size: 1.4rem;
margin-left: 0.5rem;
}
em {
border-bottom:1px solid #676767;
line-height: 1.3;
}
&:after {
content:"";
display: block;
width: 0.8rem;
height: 1.4rem;
margin-left: 0.6rem;
background: url(../images/common/icon-arrow_right.svg) no-repeat center / contain;
}
}
//광수동, 마수동 결과 레이어
.agree-result {
.popInner {
width: 64rem;
padding: 5rem 3rem;
@include maxtablet {
width: 90%;
transform: translate(-50%, -55%);
-webkit-transform: translate(-50%, -55%);
}
.tableStyle {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
margin-top: 3rem;
margin-bottom: 5rem;
dl {
display: flex;
align-items: center;
padding-top: 0rem;
padding-bottom: 0rem;
text-align: center;
dt {
width: 38rem;
padding: 2rem;
font-size: 1.6rem;
color: #000;
font-weight: 400;
background-color: #f3f3f3;
@include maxtablet {
width: 60%;
font-size: 1.4rem;
}
}
dd {
margin-top: 0;
font-size: 1.4rem;
flex: 1;
color:#676767;
text-align: center;
@include tablet {
width: 40%;
flex: auto;
padding: 2rem;
}
}
&:last-child {
border-bottom: 0;
}
}
}
.btnWarp {
width: 16rem;
margin: 0 auto;
&.mg-t {
margin-top:5rem;
}
}
}
}

30
assets/css/kia/kia-font.css
View File

@@ -1,11 +1,11 @@
@charset "utf-8";
@font-face {
font-family: 'KiaSignature';
src: url('/kr/assets/font/kia/KiaSignatureBold.woff2') format('woff2'),
url('/kr/assets/font/kia/KiaSignatureBold.woff') format('woff'),
url('/kr/assets/font/kia/KiaSignatureBold.ttf') format('truetype'),
url('/kr/assets/font/kia/KiaSignatureBold.eof') format('eof'),
url('/kr/assets/font/kia/KiaSignatureBold.svg') format('svg');
src: url('../../font/kia/KiaSignatureBold.woff2') format('woff2'),
url('../../font/kia/KiaSignatureBold.woff') format('woff'),
url('../../font/kia/KiaSignatureBold.ttf') format('truetype'),
url('../../font/kia/KiaSignatureBold.eof') format('eof'),
url('../../font/kia/KiaSignatureBold.svg') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
@@ -13,11 +13,11 @@
@font-face {
font-family: 'KiaSignature';
src: url('/kr/assets/font/kia/KiaSignatureRegular.woff2') format('woff2'),
url('/kr/assets/font/kia/KiaSignatureRegular.woff') format('woff'),
url('/kr/assets/font/kia/KiaSignatureRegular.ttf') format('truetype'),
url('/kr/assets/font/kia/KiaSignatureRegular.eof') format('eof'),
url('/kr/assets/font/kia/KiaSignatureRegular.svg') format('svg');
src: url('../../font/kia/KiaSignatureRegular.woff2') format('woff2'),
url('../../font/kia/KiaSignatureRegular.woff') format('woff'),
url('../../font/kia/KiaSignatureRegular.ttf') format('truetype'),
url('../../font/kia/KiaSignatureRegular.eof') format('eof'),
url('../../font/kia/KiaSignatureRegular.svg') format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
@@ -25,11 +25,11 @@
@font-face {
font-family: 'KiaSignature';
src: url('/kr/assets/font/kia/KiaSignatureLight.woff2') format('woff2'),
url('/kr/assets/font/kia/KiaSignatureLight.woff') format('woff'),
url('/kr/assets/font/kia/KiaSignatureLight.ttf') format('truetype'),
url('/kr/assets/font/kia/KiaSignatureLight.eof') format('eof'),
url('/kr/assets/font/kia/KiaSignatureLight.svg') format('svg');
src: url('../../font/kia/KiaSignatureLight.woff2') format('woff2'),
url('../../font/kia/KiaSignatureLight.woff') format('woff'),
url('../../font/kia/KiaSignatureLight.ttf') format('truetype'),
url('../../font/kia/KiaSignatureLight.eof') format('eof'),
url('../../font/kia/KiaSignatureLight.svg') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;

61
assets/css/member.css
View File

@@ -119,8 +119,8 @@
}
@media (min-width: 768px) {
.member .section1 h2,
.member .section2 h2,
.member .section3 h2 {
.member .section2 h2,
.member .section3 h2 {
font-size: 2.4rem;
}
}
@@ -133,8 +133,8 @@
}
@media (min-width: 768px) {
.member .section1 label,
.member .section2 label,
.member .section3 label {
.member .section2 label,
.member .section3 label {
margin-top: 2rem;
}
}
@@ -151,8 +151,8 @@
}
@media (min-width: 768px) {
.member .section1 label span,
.member .section2 label span,
.member .section3 label span {
.member .section2 label span,
.member .section3 label span {
font-size: 1.6rem;
}
}
@@ -301,6 +301,7 @@
display: flex;
justify-content: flex-start;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@@ -342,7 +343,6 @@
@media (max-width: 768px) {
.member .memberJoinBoxWrap .memberJoinBox {
margin-top: 0;
margin-bottom: 4rem;
padding: 0;
border: none;
}
@@ -350,17 +350,20 @@
.member .memberJoinBoxWrap .memberJoinBox label {
display: flex;
justify-content: flex-start;
align-items: center;
align-items: flex-start;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.member .memberJoinBoxWrap .memberJoinBox label input {
min-width: 2rem;
margin-top: 0.2rem;
}
.member .memberJoinBoxWrap .memberJoinBox label span {
margin-left: 1rem;
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: -0.05em;
}
@media (max-width: 768px) {
.member .memberJoinBoxWrap .memberJoinBox label span {
@@ -373,6 +376,7 @@
font-weight: 400;
color: #676767;
margin-left: 1rem;
text-decoration: underline;
}
@media (max-width: 768px) {
.member .memberJoinBoxWrap .memberJoinBox label a {
@@ -393,12 +397,13 @@
}
}
.member .memberJoinBoxWrap .memberJoinBox .unitCheck {
padding: 3rem 0;
border-bottom: 1px solid #DEDEDE;
padding: 3rem 0 0;
border-bottom: 0;
}
@media (max-width: 768px) {
.member .memberJoinBoxWrap .memberJoinBox .unitCheck {
padding: 2.5rem 0 2rem 0;
border-bottom: 1px solid #DEDEDE;
}
}
.member .memberJoinBoxWrap .memberJoinBox .unitCheck label:last-child {
@@ -430,16 +435,18 @@
margin-top: 2rem;
}
.member .memberJoinBoxWrap .memberJoinBox .marketingCheck {
margin-top: 3rem;
padding-bottom: 0;
}
@media (max-width: 768px) {
.member .memberJoinBoxWrap .memberJoinBox .marketingCheck {
margin-top: 2rem;
margin-top: 3rem;
padding-bottom: 2rem;
border-bottom: 1px solid #DEDEDE;
}
}
.member .memberJoinBoxWrap .memberJoinBox .marketingCheck span {
font-size: 1.6rem;
font-weight: 400;
font-weight: 600;
}
@media (max-width: 768px) {
.member .memberJoinBoxWrap .memberJoinBox .marketingCheck span {
@@ -447,6 +454,9 @@
line-height: 2.4rem;
}
}
.member .memberJoinBoxWrap .memberJoinBox .marketingCheck label + label {
margin-top: 2rem;
}
.member .memberJoinBoxWrap .memberJoinBox .allCheck {
margin-top: 3rem;
}
@@ -490,4 +500,27 @@
font-size: 1.4rem;
line-height: 2.2rem;
}
}
}
.member .memberJoinBoxWrap .all-agree {
margin-top: 3rem;
padding-left: 4rem;
}
.member .memberJoinBoxWrap .all-agree .allCheck {
display: flex;
align-items: center;
}
.member .memberJoinBoxWrap .all-agree .allCheck span {
margin-left: 1rem;
font-weight: 600;
}
@media (max-width: 768px) {
.member .memberJoinBoxWrap .all-agree .allCheck span {
font-size: 1.4rem;
}
}
@media (max-width: 768px) {
.member .memberJoinBoxWrap .all-agree {
padding-left: 0;
}
}
/*# sourceMappingURL=member.css.map */

2
assets/css/member.css.map
View File

@@ -1 +1 @@
{"version":3,"sources":["member.css","_utils.scss","member.scss"],"names":[],"mappings":"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","file":"member.css"}
{"version":3,"sources":["member.css","_utils.scss","member.scss"],"names":[],"mappings":"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","file":"member.css"}

42
assets/css/member.scss
View File

@@ -321,22 +321,23 @@
margin-top: 2rem;
@media (max-width: 768px) {
margin-top: 0;
margin-bottom: 4rem;
padding: 0;
border: none;
}
label{
display:flex;
justify-content: flex-start;
align-items: center;
align-items: flex-start;
width: fit-content;
input{
min-width:2rem;
margin-top: 0.2rem;
}
span{
margin-left:1rem;
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: -0.05em;
@media (max-width: 768px) {
font-size: 1.4rem;
line-height: 2.2rem;
@@ -347,6 +348,7 @@
font-weight: 400;
color: #676767;
margin-left: 1rem;
text-decoration: underline;
@media (max-width: 768px) {
font-size: 1.4rem;
margin-left: 0.5rem;
@@ -364,10 +366,11 @@
}
}
.unitCheck {
padding: 3rem 0;
border-bottom: 1px solid #DEDEDE;
padding: 3rem 0 0;
border-bottom: 0;
@media (max-width: 768px) {
padding: 2.5rem 0 2rem 0;
border-bottom: 1px solid #DEDEDE;
}
label {
&:last-child {
@@ -399,18 +402,25 @@
}
}
.marketingCheck {
margin-top: 3rem;
padding-bottom:0;
@media (max-width: 768px) {
margin-top: 2rem;
margin-top: 3rem;
padding-bottom:2rem;
border-bottom: 1px solid #DEDEDE;
}
span {
font-size: 1.6rem;
font-weight: 400;
font-weight: 600;
@media (max-width: 768px) {
font-size: 1.4rem;
line-height: 2.4rem;
}
}
label {
+ label {
margin-top: 2rem;
}
}
}
.allCheck {
margin-top: 3rem;
@@ -456,5 +466,23 @@
}
}
}
.all-agree {
margin-top:3rem;
padding-left:4rem;
.allCheck {
display: flex;
align-items: center;
span {
margin-left: 1rem;
font-weight: 600;
@media (max-width: 768px) {
font-size: 1.4rem;
}
}
}
@media (max-width: 768px) {
padding-left:0;
}
}
}
}

53
assets/css/mypage.css
View File

@@ -2023,7 +2023,7 @@ pre {
}
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre {
margin-top: 6rem;
margin-top: 3rem;
}
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre h3 strong,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre h3 strong {
@@ -2098,7 +2098,6 @@ pre {
}
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck span,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck span {
flex: 1;
font-size: 1.6rem;
font-weight: 400;
}
@@ -2111,7 +2110,7 @@ pre {
}
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck a,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck a {
font-size: 1.6rem;
font-size: 1.4rem;
font-weight: 400;
color: #676767;
margin-left: 1rem;
@@ -2123,6 +2122,27 @@ pre {
margin-left: 0.5rem;
}
}
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck .btn-more,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck .btn-more {
font-size: 1.4rem;
color: #676767;
}
@media (max-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck .btn-more,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck .btn-more {
margin-top: 0.4rem;
}
}
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck .btn-more em,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck .btn-more em {
border: 0;
}
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck .btn-more:after,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck .btn-more:after {
width: 0.8rem;
height: 1rem;
margin-left: 0.5rem;
}
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre div,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre div {
margin-top: 3rem;
@@ -2130,14 +2150,19 @@ pre {
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre div label,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre div label {
display: flex;
width: 100%;
align-items: center;
align-items: flex-start;
cursor: pointer;
}
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre div label input,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre div label input {
min-width: 2rem;
}
@media (max-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre div label input,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre div label input {
margin-top: 0.3rem;
}
}
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre div label span,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre div label span {
margin-left: 1rem;
@@ -2146,7 +2171,7 @@ pre {
}
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre div label + label,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre div label + label {
margin-top: 1.5rem;
margin-top: 2.4rem;
}
.contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .table-wrap,
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .table-wrap {
@@ -2160,7 +2185,7 @@ pre {
margin-top: 4rem;
}
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre div label {
align-items: flex-start;
width: 100%;
}
@media (min-width: 1240px) {
.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre div label {
@@ -2480,20 +2505,20 @@ pre {
}
}
.contentWarp .mypageWarp .rightConWarp .memberOut {
display: block;
width: 20rem;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
width: 18.7rem;
margin: 0 auto;
margin-top: 6rem;
font-size: 1.4rem;
color: #676767;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 768px) {
.contentWarp .mypageWarp .rightConWarp .memberOut {
font-size: 1.6rem;
width: 22rem;
width: 21rem;
}
}
.contentWarp .mypageWarp .rightConWarp .memberOut span {
@@ -2506,7 +2531,7 @@ pre {
height: 2.5rem;
display: block;
margin-left: 0.5rem;
background: url(/kr/assets/images/common/icon-tbarrow.svg) center right no-repeat;
background: url(../images/common/icon-tbarrow.svg) center right no-repeat;
background-size: 1.4rem;
transform: rotate(-90deg);
}

2
assets/css/mypage.css.map
View File

File diff suppressed because one or more lines are too long

48
assets/css/mypage.scss
View File

@@ -2162,7 +2162,7 @@ pre {
.marketingAgrre,
.outAgrre {
margin-top: 6rem;
margin-top: 3rem;
h3 {
strong {
@@ -2227,7 +2227,6 @@ pre {
}
span {
flex: 1;
font-size: 1.6rem;
font-weight: 400;
@@ -2238,7 +2237,7 @@ pre {
}
a {
font-size: 1.6rem;
font-size: 1.4rem;
font-weight: 400;
color: #676767;
margin-left: 1rem;
@@ -2248,6 +2247,23 @@ pre {
margin-left: 0.5rem;
}
}
.btn-more {
font-size: 1.4rem;
color: #676767;
@media (max-width: 768px) {
margin-top: 0.4rem;
}
em {
border:0;
}
&:after {
width: 0.8rem;
height: 1rem;
margin-left:.5rem;
}
}
}
div {
@@ -2255,12 +2271,16 @@ pre {
label {
display: flex;
width: 100%;
align-items: center;
// width: 100%;
align-items: flex-start;
cursor: pointer;
input {
min-width: 2rem;
@include maxtablet {
margin-top: 0.3rem;
}
}
span {
@@ -2271,7 +2291,7 @@ pre {
}
label+label {
margin-top: 1.5rem;
margin-top: 2.4rem;
}
}
@@ -2297,7 +2317,7 @@ pre {
div {
label {
align-items: flex-start;
width: 100%;
@include desktopMax {
align-items: center;
@@ -2642,19 +2662,19 @@ pre {
}
.memberOut {
display: block;
width: 20rem;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
width: 18.7rem;
margin: 0 auto;
margin-top: 6rem;
font-size: 1.4rem;
color: #676767;
display: flex;
align-items: center;
justify-content: space-between;
@include tablet {
font-size: 1.6rem;
width: 22rem;
width: 21rem;
}
span {
@@ -2668,7 +2688,7 @@ pre {
height: 2.5rem;
display: block;
margin-left: 0.5rem;
background: url(/kr/assets/images/common/icon-tbarrow.svg) center right no-repeat;
background: url(../images/common/icon-tbarrow.svg) center right no-repeat;
background-size: 1.4rem;
transform: rotate(-90deg);

193
member/member-join.html
View File

@@ -243,46 +243,55 @@
<h1>기아 커넥트 스토어<br>회원가입</h1>
</div>
<div class="memberJoinBoxWrap">
<div class="JoinBoxTopper">
<!-- <div class="JoinBoxTopper">
<label for="g" class="agree-all">
<input type="checkbox" name="" id="g">
<span>전체 동의</span>
</label>
</div>
</div> -->
<div class="memberJoinBox">
<div class="title">[필수] 이용약관 및 개인정보 수집ㆍ이용 동의</div>
<div class="unitCheck">
<label for="a">
<input type="checkbox" name="" id="a">
<span>기아 커넥트 스토어 이용약관 동의 (필수)</span>
<a href="javascript:;" onClick="javascript:open_layer_popup('policy_popup');">더보기 &gt;</a>
<span>
(필수) Kia Connect Store 이용약관 동의
<button type="button" class="btn-more" onClick="javascript:open_layer_popup('policy_popup');"><em>더보기</em></button>
</span>
</label>
<label for="b">
<input type="checkbox" name="" id="b">
<span>개인정보 수집ㆍ이용 동의 (필수)</span>
<a href="javascript:;" onClick="javascript:open_layer_popup('terms_popup');">더보기 &gt;</a>
<span>
(필수) 개인정보 수집ㆍ이용 동의
<button type="button" class="btn-more" onClick="javascript:open_layer_popup('terms_popup');"><em>더보기</em></button>
</span>
</label>
</div>
</div>
<div class="memberJoinBox">
<div class="marketingCheck">
<label for="d">
<input type="checkbox" name="" id="d">
<span>
[선택] 마케팅 활용 목적의 개인정보 수집ㆍ이용에 동의합니다.
<button type="button" class="btn-more" onClick="javascript:open_layer_popup('marketing_popup');"><em>더보기</em></button>
</span>
</label>
<label for="e">
<input type="checkbox" name="" id="e">
<span>
[선택] 전자적 전송매체를 통한 광고성 정보 수신에 동의합니다.
<button type="button" class="btn-more" onClick="javascript:open_layer_popup('ad_popup');"><em>더보기</em></button>
</span>
</label>
</div>
</div>
<div class="all-agree">
<label class="allCheck" for="c">
<input type="checkbox" name="" id="c">
<span>위 내용을 모두 확인하였으며 전체 동의합니다.</span>
</label>
</div>
<div class="memberJoinBox">
<div class="title">[선택] 마케팅 활용 및 광고성 정보 수신 동의</div>
<div class="contents">
</div>
<div class="marketingCheck">
<label for="d">
<input type="checkbox" name="" id="d">
<span>마케팅 활용 및 광고성 정보 수신에 동의합니다. (선택)</span>
<a href="javascript:;" onClick="javascript:open_layer_popup('marketing_popup');">더보기 &gt;</a>
</label>
</div>
</div>
</div>
<div class="btnWarp">
<div class="oneButton">
@@ -643,50 +652,74 @@
</div>
<!-- [E] 개인정보 수집/이용동의 -->
<!-- [S] 마케팅 활용 및 광고성 정보 수신 동의 -->
<div id="marketing_popup" class="policyPopup" style="display:none; opacity:0;">
<div id="marketing_popup" class="policyPopup" style="display:none; opacity:1;">
<div class="popInner">
<div class="content">
<p class="title">
<strong>마케팅 활용 및 광고성 정보 수신 동의</strong>
<strong>마케팅 활용 목적의 개인정보 수집 · 이용 동의 (선택)</strong>
</p>
<div class="editorText termsContents withTable">
<!-- 이용약관 내용 넣어주시면 됩니다. -->
<p>
전자적 전송매체(SMS/MMS/이메일 등)를 통해, 기아 커넥트 스토어가 제공하는 이벤트/혜택 등 다양한 정보(뉴스레터 포함)를 수신하실 수 있고, 기타 유용한 광고나 정보를 수신하실 수 있습니다.
<br>
<br>
본 마케팅 활용 및 광고성 정보수신 동의 항목은 선택사항이므로 동의를 거부하는 경우에도 기아 커넥트 스토어 서비스의 이용에는 영향이 없습니다. 다만 거부시 동의를 통해 제공 가능한 각 종 혜택, 이벤트 안내를 받아 보실 수 없습니다.
<br>
<br>
본 수신 동의를 철회하고자 할 경우에는 고객센터를 통해 언제든 수신동의 철회를 요청하실 수 있습니다.
<strong>※ 마케팅 활용 동의를 수행하는 경우 광고성 정보 수신동의도 동의한 것으로 간주합니다.</strong>
<br>기아는 <u>개인정보보호법 제22조. 정보통신망법 제50조</u>에 따라 아래와 같이 정보주체의 개인정보를 동의 받아 수집하고 있습니다.
</p>
<div class="table-wrap mt-2">
<div class="table-wrap type2 mt-2">
<table style="min-width: 600px">
<colgroup>
<col style="width: 33%;">
<col style="width: 33%;">
<col style="width: 33%;">
<col style="width: 280px;">
<col style="width: 280px;">
<col style="width: 280px;">
</colgroup>
<thead>
<tr>
<th>수집·이용 목적</th>
<th>수집·이용 항목</th>
<th>보유기간</th>
<th>① 개인정보의 수집ㆍ이용 목적</th>
<th>② 개인정보의 수집ㆍ이용 항목</th>
<th>③ 개인정보의 보유 및 이용 기간</th>
</tr>
</thead>
<tbody>
<tr>
<td>기아가 제공하는 상품·서비스·이벤트 제공 안내, 가입한 서비스간 개인정보 결합 및 분석을 통한 개인 맞춤형 서비스 제공, 신규서비스 개발 및 개선, 마케팅 활용 및 광고 전송</td>
<td>성명, ID(이메일), 비밀번호, 생년월일, 휴대폰 번호, 구입차량정보, 이용중 사양, 정비서비스이용정보, 기아가 제공하는 서비스(기아닷컴, 기아커넥트, 기아멤버스, 마이기아, 인증 중고차 등)이용 시 수집·이용에 동의한 정보 및 상기 정보들을 조합 또는 분석하여 생성된 정보</td>
<td>서비스 탈퇴 또는 동의 철회 시까지</td>
<td>
기아가 제공하는 상품 · 서비스 · 이벤트
제공 안내, 가입한 서비스 간 개인정보
결합 및 분석을 통한 개인 맞춤형 서비스 제공
</td>
<td>
구입차량정보, 정비 서비스 이용정보, 기아가 제공하는
서비스* 이용 시 수집 · 이용에 동의한 정보 및
상기 정보들을 조합 또는 분석하여 생성된 정보<br><br>
※ 기아가 제공하는 서비스는 개인정보처리방침
(https://privacy.kia.com/overview/full-policy/)을
참고하시기 바랍니다.
</td>
<td>
서비스 이용 기간 또는 동의 해지 시까지
</td>
</tr>
</tbody>
</table>
</div>
<div class="noticeTextUnderTable">
※ 위와 같이 개인정보를 수집·이용하는데 동의를 거부할 권리가 있습니다. 그러나 동의를 거부할 경우, 기아가 제공하는 상품, 서비스, 이벤트 등 정보를 제공받을 수 없습니다.
※ 고객님께서는 동의를 거부할 권리가 있습니다. 단, 동의 거부 시 기아가 제공하는 상품 정보 및 이벤트 안내 등의 유익한 정보 안내를 받아 보실 수 없습니다.
</div>
<div class="marketingCheck">
<span>마케팅 목적의 개인정보 수집 및 이용에 동의 하시겠습니까?</span>
<div class="agree-area">
<label for="mktAgree">
<input type="checkbox" name="" id="mktAgree">
<span>동의합니다.</span>
</label>
<label for="mktDisagree">
<input type="checkbox" name="" id="mktDisagree">
<span>동의하지 않습니다.</span>
</label>
</div>
</div>
</div>
<div class="carswBtn">
@@ -700,6 +733,75 @@
</div>
<!-- [E] 마케팅 활용 및 광고성 정보 수신 동의 -->
<!-- [S] 전자적 전송매체를 활용한 광고성 정보 수신 동의 -->
<div id="ad_popup" class="policyPopup" style="display:none; opacity:1;">
<div class="popInner">
<div class="content">
<p class="title">
<strong>전자적 전송매체를 활용한 광고성 정보 수신 동의 (선택)</strong>
</p>
<div class="editorText termsContents withTable">
<p>
<strong>※ 광고성 정보 수신동의를 수행하는 경우 마케팅 활용 동의도 동의한 것으로 간주합니다.</strong>
<br><br>기아는 정보통신망법 제50조에 따라 고객 동의 기반으로 마케팅 활용 목적으로 수집한 개인정보를 전자적 전송 매체(SMS(알림톡),
E-mail, TM, DM(우편) 등) 를 통해 광고성 정보를 발송하고 있습니다.
</p>
<div class="marketingCheck">
<span>전자적 전송매체를 활용한 광고성 정보 수신에 동의 하시겠습니까?</span>
<div class="agree-area">
<label for="adAgree">
<input type="checkbox" name="" id="adAgree">
<span>동의합니다.</span>
</label>
<label for="adDisagree">
<input type="checkbox" name="" id="adDisagree">
<span>동의하지 않습니다.</span>
</label>
</div>
</div>
</div>
<div class="carswBtn">
<div class="oneButton">
<a href="javascript:;" class="cartBtn leftBtn" onClick="javascript:close_layer_popup('ad_popup');"><p>닫기</p></a>
</div>
</div>
</div>
</div>
</div>
<!-- [E] 전자적 전송매체를 활용한 광고성 정보 수신 동의 -->
<!-- [S] 마케팅 활용 동의 알럿 -->
<div id="checkedAgree" class="alertPopup" style="display:none;z-index: 501;">
<div class="popInner">
<div class="content">
<p>
<span>
마케팅 활용 동의를 수행하는 경우
광고성 정보 수신동의도 동의한 것으로 간주합니다.
</span>
</p>
<!--버튼 한개-->
<div class="btnWarp mg-t">
<div class="oneButton">
<button onclick="close_alert_popup(this)"><p>확인</p></button>
</div>
</div>
<!--버튼 한개-->
</div>
</div>
</div>
<!-- [E] 마케팅 활용 동의 알럿 -->
<!--레이어 팝업-->
<!--//footer-->
@@ -819,5 +921,12 @@
</div>
</div>
<!--//footer-->
<script>
['mktAgree', 'adAgree'].forEach((id) => {
document.getElementById(id).addEventListener('change', (e) => {
if (e.target.checked) open_layer_popup('checkedAgree');
});
});
</script>
</body>
</html>

26
mypage/my-info-view.html
View File

@@ -287,12 +287,12 @@
<label for="agreeMarketing">
<input type="checkbox" name="" id="agreeMarketing">
<span>(선택) 마케팅 활용 목적의 개인정보 수집ㆍ이용에 동의합니다.</span>
<a href="javascript:;" onClick="javascript:open_layer_popup('marketing_popup');">더보기 &gt;</a>
<button type="button" class="btn-more" onClick="javascript:open_layer_popup('marketing_popup');"><em>더보기</em></button>
</label>
<label for="agreeAd">
<input type="checkbox" name="" id="agreeAd">
<span>(선택) 전자적 전송매체를 통한 광고성 정보 수신에 동의합니다.</span>
<a href="javascript:;" onClick="javascript:open_layer_popup('ad_popup');">더보기 &gt;</a>
<button type="button" class="btn-more" onClick="javascript:open_layer_popup('ad_popup');"><em>더보기</em></button>
</label>
</div>
@@ -300,7 +300,7 @@
</div>
<div class="btnWarp">
<div class="oneButton">
<a href=""><p>저장하기</p></a>
<button type="button" onClick="javascript:open_layer_popup('checkedResult');"><p>저장하기</p></button>
</div>
</div>
<a href="" class="memberOut">
@@ -314,11 +314,11 @@
<!--알럿팝업-->
<div class="alertPopup" style="display:none;">
<div id="checkedResult" class="alertPopup agree-result" style="display:none;">r
<div class="popInner">
<div class="content">
<p><strong>마케팅 수신 여부</strong></p>
<p><span>아래 표와 같이 마케팅 수신 여부를 설정해주셨습니다.</span></p>
<p><strong>마케팅 목적 개인정보 수집 · 이용 동의</strong></p>
<p><span>아래와 같이 수신 여부를 설정해주셨습니다.</span></p>
<div class="tableStyle">
<div>
@@ -327,7 +327,11 @@
<dd>2022-08-26 14:39:12</dd>
</dl>
<dl>
<dt>마케팅 수신</dt>
<dt>마케팅 활용 목적의 개인정보 수집 · 이용 동의</dt>
<dd>동의</dd>
</dl>
<dl>
<dt>전자적 전송 매체를 활용한 광고성 정보 수신 동의</dt>
<dd>동의</dd>
</dl>
</div>
@@ -344,7 +348,7 @@
</div>
</div>
<!-- [S] 마케팅 활용 동의 알럿 -->
<div id="checkedAgree" class="alertPopup" style="display:none;z-index: 501;">
<div class="popInner">
<div class="content">
@@ -365,6 +369,7 @@
</div>
</div>
</div>
<!-- [E] 마케팅 활용 동의 알럿 -->
<!-- [S] 마케팅 활용 및 광고성 정보 수신 동의 -->
<div id="marketing_popup" class="policyPopup" style="display:none; opacity:1;">
@@ -613,16 +618,11 @@
</div>
<!--//footer-->
<script>
// open_layer_popup('marketing_popup')
['mktAgree', 'adAgree'].forEach((id) => {
document.getElementById(id).addEventListener('change', (e) => {
if (e.target.checked) open_layer_popup('checkedAgree');
});
});
</script>
</body>
</html>