From a3c79450484b42aa946bc478efa0918d56b7c276 Mon Sep 17 00:00:00 2001 From: "NEW_GIL_HOME\\hyeon" Date: Wed, 10 Sep 2025 21:44:32 +0900 Subject: [PATCH] =?UTF-8?q?=EA=B4=91=EC=88=98=EB=8F=99=20=EB=A7=88?= =?UTF-8?q?=EC=88=98=EB=8F=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- kr/assets/css/member.css | 35 +- kr/assets/css/member.css.map | 2 +- kr/assets/css/member.scss | 934 +++++++++++++++++------------------ kr/member/member-join.html | 290 +++++++++-- 4 files changed, 722 insertions(+), 539 deletions(-) diff --git a/kr/assets/css/member.css b/kr/assets/css/member.css index 8fb4ea9..11b94d9 100644 --- a/kr/assets/css/member.css +++ b/kr/assets/css/member.css @@ -45,7 +45,7 @@ margin-top: 2.4rem; font-size: 1.6rem; font-weight: 400; - color: #676767; + color: #000; } .member .carswBtn { margin-top: 5rem; @@ -57,7 +57,7 @@ margin-top: 7rem; } .member .section1 .memberComplet { - border: 1px solid #DEDEDE; + border: 1px solid #dedede; border-radius: 0.6rem; padding: 5rem; } @@ -113,7 +113,7 @@ margin-top: 2rem; min-height: 20rem; overflow-y: scroll; - bordeR: 1px solid #DEDEDE; + border: 1px solid #dedede; border-radius: 0.6rem; padding: 2rem; } @@ -134,7 +134,7 @@ .member .section2 label, .member .section3 label { margin-top: 1.5rem; - displaY: flex; + display: flex; align-items: center; } @media (min-width: 768px) { @@ -176,7 +176,7 @@ width: 3.2rem; } .member .termsTop { - displaY: flex; + display: flex; align-items: center; justify-content: space-between; margin-top: 5rem; @@ -247,10 +247,12 @@ font-size: 1.4rem; color: #676767; } -.member .termsContents ul, .member .termsContents ol { +.member .termsContents ul, +.member .termsContents ol { margin-top: 2rem; } -.member .termsContents ul li, .member .termsContents ol li { +.member .termsContents ul li, +.member .termsContents ol li { line-height: 2.2rem; font-size: 1.4rem; color: #676767; @@ -286,12 +288,7 @@ margin-top: 0.2rem; } .member .memberJoinBoxWrap { - margin-top: 5rem; -} -@media (max-width: 768px) { - .member .memberJoinBoxWrap { - margin-top: 4rem; - } + margin-top: 4rem; } @media (min-width: 769px) { .member .memberJoinBoxWrap .JoinBoxTopper { @@ -302,7 +299,7 @@ .member .memberJoinBoxWrap .JoinBoxTopper { margin-bottom: 3rem; padding-bottom: 2.4rem; - border-bottom: 1px solid #DEDEDE; + border-bottom: 1px solid #dedede; } } .member .memberJoinBoxWrap .JoinBoxTopper label { @@ -344,9 +341,9 @@ } .member .memberJoinBoxWrap .memberJoinBox { padding: 4rem; - border: 1px solid #DEDEDE; + border: 1px solid #dedede; border-radius: 0.6rem; - margin-top: 2rem; + margin-top: 4rem; } @media (max-width: 768px) { .member .memberJoinBoxWrap .memberJoinBox { @@ -411,7 +408,7 @@ @media (max-width: 768px) { .member .memberJoinBoxWrap .memberJoinBox .unitCheck { padding: 2.5rem 0 2rem 0; - border-bottom: 1px solid #DEDEDE; + border-bottom: 1px solid #dedede; } } .member .memberJoinBoxWrap .memberJoinBox .unitCheck label:last-child { @@ -419,7 +416,7 @@ } .member .memberJoinBoxWrap .memberJoinBox .unitCheck2 { padding: 3rem 0; - border-top: 1px solid #DEDEDE; + border-top: 1px solid #dedede; } @media (max-width: 768px) { .member .memberJoinBoxWrap .memberJoinBox .unitCheck2 { @@ -449,7 +446,7 @@ .member .memberJoinBoxWrap .memberJoinBox .marketingCheck { margin-top: 3rem; padding-bottom: 2rem; - border-bottom: 1px solid #DEDEDE; + border-bottom: 1px solid #dedede; } } .member .memberJoinBoxWrap .memberJoinBox .marketingCheck span { diff --git a/kr/assets/css/member.css.map b/kr/assets/css/member.css.map index 96b0e95..1249e33 100644 --- a/kr/assets/css/member.css.map +++ b/kr/assets/css/member.css.map @@ -1 +1 @@ -{"version":3,"sources":["member.css","_utils.scss","member.scss"],"names":[],"mappings":"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","file":"member.css"} \ No newline at end of file +{"version":3,"sources":["member.css","_utils.scss","member.scss"],"names":[],"mappings":"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","file":"member.css"} \ No newline at end of file diff --git a/kr/assets/css/member.scss b/kr/assets/css/member.scss index d87015d..d42e314 100644 --- a/kr/assets/css/member.scss +++ b/kr/assets/css/member.scss @@ -1,496 +1,488 @@ @charset "UTF-8"; -@import 'utils.scss'; +@import "utils.scss"; /*변수파일 import*/ -.member{ - width:100%; - padding-left:2rem; - padding-right:2rem; - @include desktopMax{ - width:120rem; - padding-left:0rem; - padding-right:0rem; +.member { + width: 100%; + padding-left: 2rem; + padding-right: 2rem; + @include desktopMax { + width: 120rem; + padding-left: 0rem; + padding-right: 0rem; + } + .pageTitle { + h1 { + font-size: 2.8rem; + font-weight: 600; + @include tablet { + font-size: 4.5rem; + } + @media (max-width: 768px) { + font-size: 3rem; + line-height: 3.6rem; + } + br { + content: ""; + display: inline-block; + width: 1rem; + } } - .pageTitle{ - h1{ - font-size: 2.8rem; - font-weight: 600; - @include tablet{ - font-size: 4.5rem; - } - @media (max-width: 768px) { - font-size: 3rem; - line-height: 3.6rem; - } - br{ - content: ''; - display: inline-block; - width: 1rem; - } + p { + margin-top: 2.4rem; + font-size: 1.6rem; + font-weight: 400; + color: #000; + } + } + .carswBtn { + margin-top: 5rem; + .towButton { + margin: 0 auto; + } + } + .section1 { + margin-top: 7rem; + .memberComplet { + border: 1px solid #dedede; + border-radius: 0.6rem; + padding: 5rem; + p { + text-align: center; + strong { + font-size: 1.8rem; + font-weight: 600; + @include tablet { + font-size: 2.4rem; + } } - p{ - margin-top:2.4rem; + span { + display: block; + font-size: 1.4rem; + font-weight: 400; + margin-top: 1rem; + line-height: 2.2rem; + @include tablet { font-size: 1.6rem; - font-weight: 400; - color: #676767; + line-height: 2.4rem; + margin-top: 2rem; + } } + } } - .carswBtn { - margin-top: 5rem; - .towButton { - margin: 0 auto; + } + .section2 { + margin-top: 5rem; + } + .section3 { + margin-top: 7rem; + h2 + p { + margin-top: 2rem; + margin-bottom: 2.5rem; + font-size: 1.4rem; + line-height: 2.2rem; + @include tablet { + font-size: 1.6rem; + line-height: 2.4rem; + margin-bottom: 3rem; + } + } + } + .section1, + .section2, + .section3 { + .editorBox { + width: 100%; + margin-top: 2rem; + min-height: 20rem; + overflow-y: scroll; + border: 1px solid #dedede; + border-radius: 0.6rem; + padding: 2rem; + } + h2 { + font-size: 1.8rem; + font-weight: 600; + @include tablet { + font-size: 2.4rem; + } + } + label { + margin-top: 1.5rem; + display: flex; + align-items: center; + @include tablet { + margin-top: 2rem; + } + input { + min-width: 2rem; + } + span { + margin-left: 1rem; + font-size: 1.4rem; + @include tablet { + font-size: 1.6rem; } + } } - .section1{ - margin-top:7rem; - .memberComplet{ - border:1px solid #DEDEDE; - border-radius: 0.6rem; - padding:5rem; - p{ - text-align: center; - strong{ - font-size:1.8rem; - font-weight: 600; - @include tablet{ - font-size:2.4rem; - } - } - span{ - display: block; - font-size:1.4rem; - font-weight: 400; - margin-top:1rem; - line-height: 2.2rem; - @include tablet{ - font-size:1.6rem; - line-height: 2.4rem; - margin-top:2rem; - } - } - } - } - - } - .section2{ - margin-top:5rem; - } - .section3{ - margin-top:7rem; - h2+p{ - margin-top:2rem; - margin-bottom:2.5rem; - font-size: 1.4rem; - line-height:2.2rem; - @include tablet{ - font-size: 1.6rem; - line-height:2.4rem; - margin-bottom:3rem; + } + .btnWarp { + width: 16rem; + margin: 0 auto; + margin-top: 4rem; + @include tablet { + margin-top: 5rem; + } + a { + &::after, + &::before { + width: 3.2rem; + } + } + } + .termsTop { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 5rem; + flex-wrap: wrap; + @include tablet { + flex-wrap: nowrap; + } + .tabWarp { + margin-top: 0; + width: 100%; + @include tablet { + width: auto; + } + } + .searchBoxWarp { + width: 100%; + margin-top: 2rem; + @include tablet { + width: auto; + margin-top: 0; + } + .searchBox { + width: 100%; + @include tablet { + width: auto; + } + .cont-select { + width: 100%; + min-width: 30rem; + } + } + } + } + .termsContents { + margin-top: 4rem; + h2 { + font-size: 1.8rem; + font-weight: 600; + @include tablet { + font-size: 2.4rem; + } + } + h3 { + margin-top: 2rem; + @include tablet { + margin-top: 3rem; + } + } + h4 { + margin-top: 4rem; + } + > p { + margin-top: 2rem; + line-height: 2.2rem; + font-size: 1.4rem; + color: #676767; + } + ul, + ol { + margin-top: 2rem; + li { + line-height: 2.2rem; + font-size: 1.4rem; + color: #676767; + } + } + ol { + li { + padding: 0.2rem 0; + span { + line-height: 2.2rem; + font-size: 1.4rem; + &::before { + display: block; + padding-right: 0.5rem; + font-style: normal; + margin-top: 0.2rem; + } + } + ol { + margin-top: 0.3rem; + margin-bottom: 1rem; + li { + padding: 0 0 0 2rem; + span { + line-height: 2.2rem; + font-size: 1.4rem; + &::before { + display: block; + padding-right: 0.5rem; + font-style: normal; + margin-top: 0.2rem; + } } + // &:nth-child(1){&::before{content: "1. ";}} + // &:nth-child(2){&::before{content: "2. ";}} + // &:nth-child(3){&::before{content: "3. ";}} + // &:nth-child(4){&::before{content: "4. ";}} + // &:nth-child(5){&::before{content: "5. ";}} + // &:nth-child(6){&::before{content: "6. ";}} + // &:nth-child(7){&::before{content: "7. ";}} + // &:nth-child(8){&::before{content: "8. ";}} + // &:nth-child(9){&::before{content: "9. ";}} + // &:nth-child(10){&::before{content: "10. ";}} + // &:nth-child(11){&::before{content: "11. ";}} + // &:nth-child(12){&::before{content: "12. ";}} + // &:nth-child(13){&::before{content: "13. ";}} + // &:nth-child(14){&::before{content: "14. ";}} + // &:nth-child(15){&::before{content: "15. ";}} + } } + // &:nth-child(1){&::before{content: "① ";}} + // &:nth-child(2){&::before{content: "② ";}} + // &:nth-child(3){&::before{content: "③ ";}} + // &:nth-child(4){&::before{content: "④ ";}} + // &:nth-child(5){&::before{content: "⑤ ";}} + // &:nth-child(6){&::before{content: "⑥ ";}} + // &:nth-child(7){&::before{content: "⑦ ";}} + // &:nth-child(8){&::before{content: "⑧ ";}} + // &:nth-child(9){&::before{content: "⑨ ";}} + // &:nth-child(10){&::before{content: "⑩ ";}} + // &:nth-child(11){&::before{content: "⑪ ";}} + // &:nth-child(12){&::before{content: "⑫ ";}} + // &:nth-child(13){&::before{content: "⑬ ";}} + // &:nth-child(14){&::before{content: "⑭ ";}} + // &:nth-child(15){&::before{content: "⑮ ";}} + } } - .section1, - .section2, - .section3{ - .editorBox{ - width:100%; - margin-top:2rem; - min-height:20rem; - overflow-y:scroll; - bordeR:1px solid #DEDEDE; - border-radius: 0.6rem; - padding:2rem; + } + .memberJoinBoxWrap { + margin-top: 4rem; + .JoinBoxTopper { + @media (min-width: 769px) { + padding-left: 0; + } + @media (max-width: 768px) { + margin-bottom: 3rem; + padding-bottom: 2.4rem; + border-bottom: 1px solid #dedede; + } + label { + display: flex; + justify-content: flex-start; + align-items: center; + width: fit-content; + input { + min-width: 2rem; } - h2{ - font-size:1.8rem; - font-weight: 600; - @include tablet{ - font-size:2.4rem; - } - } - label{ - margin-top:1.5rem; - displaY:flex; - align-items: center; - @include tablet{ - margin-top:2rem; - } - input{ - min-width:2rem; - } - span{ - margin-left:1rem; - font-size: 1.4rem; - @include tablet{ - font-size: 1.6rem; - } - } - } - } - .btnWarp{ - width:16rem; - margin:0 auto; - margin-top:4rem; - @include tablet{ - margin-top:5rem; - } - a{ - &::after, - &::before{ - width:3.2rem; - - } - } - } - .termsTop{ - displaY:flex; - align-items: center; - justify-content: space-between; - margin-top:5rem; - flex-wrap: wrap; - @include tablet{ - flex-wrap: nowrap; - } - .tabWarp{ - margin-top:0; - width:100%; - @include tablet{ - width:auto; - } - } - .searchBoxWarp{ - width:100%; - margin-top:2rem; - @include tablet{ - width:auto; - margin-top:0; - } - .searchBox{ - width:100%; - @include tablet{ - width:auto; - } - .cont-select{ - width:100%; - min-width:30rem; - } - } - } - - } - .termsContents{ - margin-top:4rem; - h2{ - font-size:1.8rem; - font-weight: 600; - @include tablet{ - font-size:2.4rem; - } - } - h3{ - margin-top:2rem; - @include tablet{ - margin-top:3rem; - } - } - h4{ - margin-top:4rem; - - } - >p{ - margin-top:2rem; - line-height:2.2rem; + span { + margin-left: 1rem; + font-size: 1.6rem; + line-height: 2.4rem; + @media (max-width: 768px) { font-size: 1.4rem; - color:#676767; - } - ul,ol{ - margin-top:2rem; - li{ - line-height:2.2rem; - font-size: 1.4rem; - color:#676767; - } + line-height: 2.2rem; + } } - ol{ - li{ - padding: 0.2rem 0; - span{ - line-height:2.2rem; - font-size: 1.4rem; - &::before{ - display:block; - padding-right:0.5rem; - font-style:normal; - margin-top:0.2rem; - } - } - ol{ - margin-top: 0.3rem; - margin-bottom: 1rem; - li{ - padding: 0 0 0 2rem; - span{ - line-height:2.2rem; - font-size: 1.4rem; - &::before{ - display:block; - padding-right:0.5rem; - font-style:normal; - margin-top:0.2rem; - } - } - // &:nth-child(1){&::before{content: "1. ";}} - // &:nth-child(2){&::before{content: "2. ";}} - // &:nth-child(3){&::before{content: "3. ";}} - // &:nth-child(4){&::before{content: "4. ";}} - // &:nth-child(5){&::before{content: "5. ";}} - // &:nth-child(6){&::before{content: "6. ";}} - // &:nth-child(7){&::before{content: "7. ";}} - // &:nth-child(8){&::before{content: "8. ";}} - // &:nth-child(9){&::before{content: "9. ";}} - // &:nth-child(10){&::before{content: "10. ";}} - // &:nth-child(11){&::before{content: "11. ";}} - // &:nth-child(12){&::before{content: "12. ";}} - // &:nth-child(13){&::before{content: "13. ";}} - // &:nth-child(14){&::before{content: "14. ";}} - // &:nth-child(15){&::before{content: "15. ";}} - } - - } - - // &:nth-child(1){&::before{content: "① ";}} - // &:nth-child(2){&::before{content: "② ";}} - // &:nth-child(3){&::before{content: "③ ";}} - // &:nth-child(4){&::before{content: "④ ";}} - // &:nth-child(5){&::before{content: "⑤ ";}} - // &:nth-child(6){&::before{content: "⑥ ";}} - // &:nth-child(7){&::before{content: "⑦ ";}} - // &:nth-child(8){&::before{content: "⑧ ";}} - // &:nth-child(9){&::before{content: "⑨ ";}} - // &:nth-child(10){&::before{content: "⑩ ";}} - // &:nth-child(11){&::before{content: "⑪ ";}} - // &:nth-child(12){&::before{content: "⑫ ";}} - // &:nth-child(13){&::before{content: "⑬ ";}} - // &:nth-child(14){&::before{content: "⑭ ";}} - // &:nth-child(15){&::before{content: "⑮ ";}} - } + a { + font-size: 1.6rem; + font-weight: 400; + color: #676767; + margin-left: 1rem; + @media (max-width: 768px) { + font-size: 1.4rem; + margin-left: 0.5rem; + } } + } + .agree-all { + font-weight: 600; + } } - .memberJoinBoxWrap { - margin-top: 5rem; + .memberJoinBox { + padding: 4rem; + border: 1px solid #dedede; + border-radius: 0.6rem; + margin-top: 4rem; + @media (max-width: 768px) { + margin-top: 0; + padding: 0; + border: none; + } + label { + display: flex; + justify-content: flex-start; + 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; + } + } + a { + font-size: 1.6rem; + font-weight: 400; + color: #676767; + margin-left: 1rem; + text-decoration: underline; + @media (max-width: 768px) { + font-size: 1.4rem; + margin-left: 0.5rem; + } + } + } + .title { + font-size: 2.4rem; + font-weight: 600; + color: #000000; + line-height: 3.2rem; @media (max-width: 768px) { - margin-top: 4rem; + font-size: 1.8rem; + line-height: 2.4rem; } - .JoinBoxTopper{ - @media (min-width: 769px) { - padding-left: 0; - } - @media (max-width: 768px) { - margin-bottom: 3rem; - padding-bottom: 2.4rem; - border-bottom: 1px solid #DEDEDE; - } - label{ - display:flex; - justify-content: flex-start; - align-items: center; - width: fit-content; - input{ - min-width:2rem; - } - span{ - margin-left:1rem; - font-size: 1.6rem; - line-height: 2.4rem; - @media (max-width: 768px) { - font-size: 1.4rem; - line-height: 2.2rem; - } - } - a { - font-size: 1.6rem; - font-weight: 400; - color: #676767; - margin-left: 1rem; - @media (max-width: 768px) { - font-size: 1.4rem; - margin-left: 0.5rem; - } - } - } - .agree-all{ - font-weight: 600; - } + } + .unitCheck { + padding: 3rem 0 0; + border-bottom: 0; + @media (max-width: 768px) { + padding: 2.5rem 0 2rem 0; + border-bottom: 1px solid #dedede; } - .memberJoinBox { - padding: 4rem; - border: 1px solid #DEDEDE; - border-radius: 0.6rem; + label { + &:last-child { + margin-top: 2.4rem; + } + } + } + .unitCheck2 { + padding: 3rem 0; + border-top: 1px solid #dedede; + @media (max-width: 768px) { + padding: 2.5rem 0 2rem 0; + } + .info { + padding-bottom: 2.4rem; + font-size: 2.4rem; + font-weight: 600; + color: #000000; + line-height: 3.2rem; + @media (max-width: 768px) { + font-size: 1.8rem; + line-height: 2.4rem; + } + } + label { + &:last-child { margin-top: 2rem; - @media (max-width: 768px) { - margin-top: 0; - padding: 0; - border: none; - } - label{ - display:flex; - justify-content: flex-start; - 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; - } - } - a { - font-size: 1.6rem; - font-weight: 400; - color: #676767; - margin-left: 1rem; - text-decoration: underline; - @media (max-width: 768px) { - font-size: 1.4rem; - margin-left: 0.5rem; - } - } - } - .title { - font-size: 2.4rem; - font-weight: 600; - color: #000000; - line-height: 3.2rem; - @media (max-width: 768px) { - font-size: 1.8rem; - line-height: 2.4rem; - } - } - .unitCheck { - 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 { - margin-top: 2.4rem; - } - } - } - .unitCheck2 { - padding: 3rem 0; - border-top: 1px solid #DEDEDE; - @media (max-width: 768px) { - padding: 2.5rem 0 2rem 0; - } - .info { - padding-bottom: 2.4rem; - font-size: 2.4rem; - font-weight: 600; - color: #000000; - line-height: 3.2rem; - @media (max-width: 768px) { - font-size: 1.8rem; - line-height: 2.4rem; - } - } - label { - &:last-child { - margin-top: 2rem; - } - } - } - .marketingCheck { - padding-bottom:0; - @media (max-width: 768px) { - margin-top: 3rem; - padding-bottom:2rem; - border-bottom: 1px solid #DEDEDE; - } - span { - font-size: 1.6rem; - font-weight: 600; - @media (max-width: 768px) { - font-size: 1.4rem; - line-height: 2.4rem; - } - } - label { - + label { - margin-top: 2rem; - } - } - } - .allCheck { - margin-top: 3rem; - @media (max-width: 768px) { - margin-top: 2rem; - } - span { - font-size: 1.6rem; - font-weight: 600; - @media (max-width: 768px) { - font-size: 1.4rem; - line-height: 2.4rem; - } - } - } - .contents { - margin-top: 2rem; - font-size: 1.6rem; - font-weight: 400; - color: #676767; - line-height: 2.4rem; - @media (max-width: 768px) { - font-size: 1.4rem; - line-height: 2.2rem; - } - @include maxtablet{ - .table-wrap{ - // margin-left: -2rem; - // padding: 0 2rem; - // width: calc(100% + 4rem); - } - } - } - .optionNotice{ - margin-bottom: 2rem; - font-size: 1.6rem; - font-weight: 400; - color: #676767; - line-height: 2.4rem; - @media (max-width: 768px) { - font-size: 1.4rem; - line-height: 2.2rem; - } - } + } } - .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; - } + } + .marketingCheck { + padding-bottom: 0; + @media (max-width: 768px) { + margin-top: 3rem; + padding-bottom: 2rem; + border-bottom: 1px solid #dedede; } + span { + font-size: 1.6rem; + font-weight: 600; + @media (max-width: 768px) { + font-size: 1.4rem; + line-height: 2.4rem; + } + } + label { + + label { + margin-top: 2rem; + } + } + } + .allCheck { + margin-top: 3rem; + @media (max-width: 768px) { + margin-top: 2rem; + } + span { + font-size: 1.6rem; + font-weight: 600; + @media (max-width: 768px) { + font-size: 1.4rem; + line-height: 2.4rem; + } + } + } + .contents { + margin-top: 2rem; + font-size: 1.6rem; + font-weight: 400; + color: #676767; + line-height: 2.4rem; + @media (max-width: 768px) { + font-size: 1.4rem; + line-height: 2.2rem; + } + @include maxtablet { + .table-wrap { + // margin-left: -2rem; + // padding: 0 2rem; + // width: calc(100% + 4rem); + } + } + } + .optionNotice { + margin-bottom: 2rem; + font-size: 1.6rem; + font-weight: 400; + color: #676767; + line-height: 2.4rem; + @media (max-width: 768px) { + font-size: 1.4rem; + line-height: 2.2rem; + } + } } -} \ No newline at end of file + .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; + } + } + } +} diff --git a/kr/member/member-join.html b/kr/member/member-join.html index ea65074..daf5c98 100644 --- a/kr/member/member-join.html +++ b/kr/member/member-join.html @@ -83,37 +83,17 @@ --> +
- +
- MV - 161어 1660 + 쏘렌토(MQ4) 하이브리드-플러그인 상품성개선 + KMTKEXXBPMU000081 +
-
- -
-
+
+
- MV - 161어 1660 + 쏘렌토(MQ4) 하이브리드-플러그인 상품성개선
@@ -189,32 +169,166 @@
    -
  • - - MV - KMTKEXXBPMU000081 - + +
  • + +
  • - - SX - 161어 1660 - + +
  • - - MV - 452허 1234 - + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + +
+ -
+
@@ -242,14 +356,14 @@
-

기아 커넥트 스토어
회원가입

+

기아 커넥트 스토어 회원가입

이용약관 및 개인정보 수집ㆍ이용에 동의해주세요.

@@ -271,7 +385,14 @@ + @@ -761,7 +882,7 @@

마케팅 활용 동의

- 마케팅 목적의 개인정보 수집 및 이용에 동의 하시겠습니까? + 마케팅 활용에 동의 하시겠습니까?