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
2025-09-10 21:44:32 +09:00
parent 4a94432e6a
commit a3c7945048
4 changed files with 722 additions and 539 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
kr/assets/css/member.css
View File

@@ -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 {

2
kr/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":"AAAA,gBAAgB;ACAhB,KAAA;AAGA,YAAA;AAOA,mBAAA;AACA,2BAAA;AAiBA,2BAAA;AACA,yDAAA;AAkBA,4BAAA;AAOA,4BAAA;AAOA,iBAAA;AC3DA,cAAA;AACA;EACE,WAAA;EACA,kBAAA;EACA,mBAAA;AFSF;ACyCE;ECrDF;IAKI,aAAA;IACA,kBAAA;IACA,mBAAA;EFWF;AACF;AETI;EACE,iBAAA;EACA,gBAAA;AFWN;ACKE;EClBE;IAII,iBAAA;EFaN;AACF;AEZM;EANF;IAOI,eAAA;IACA,mBAAA;EFeN;AACF;AEdM;EACE,WAAA;EACA,qBAAA;EACA,WAAA;AFgBR;AEbI;EACE,kBAAA;EACA,iBAAA;EACA,gBAAA;EACA,WAAA;AFeN;AEZE;EACE,gBAAA;AFcJ;AEbI;EACE,cAAA;AFeN;AEZE;EACE,gBAAA;AFcJ;AEbI;EACE,yBAAA;EACA,qBAAA;EACA,aAAA;AFeN;AEdM;EACE,kBAAA;AFgBR;AEfQ;EACE,iBAAA;EACA,gBAAA;AFiBV;ACtCE;ECmBM;IAII,iBAAA;EFmBV;AACF;AEjBQ;EACE,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBAAA;AFmBV;AClDE;EC0BM;IAOI,iBAAA;IACA,mBAAA;IACA,gBAAA;EFqBV;AACF;AEhBE;EACE,gBAAA;AFkBJ;AEhBE;EACE,gBAAA;AFkBJ;AEjBI;EACE,gBAAA;EACA,qBAAA;EACA,iBAAA;EACA,mBAAA;AFmBN;ACrEE;EC8CE;IAMI,iBAAA;IACA,mBAAA;IACA,mBAAA;EFqBN;AACF;AEfI;;;EACE,WAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,yBAAA;EACA,qBAAA;EACA,aAAA;AFmBN;AEjBI;;;EACE,iBAAA;EACA,gBAAA;AFqBN;AC7FE;ECsEE;;;IAII,iBAAA;EFyBN;AACF;AEvBI;;;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;AF2BN;AC3GE;EC6EE;;;IAKI,gBAAA;EF+BN;AACF;AE9BM;;;EACE,eAAA;AFkCR;AEhCM;;;EACE,iBAAA;EACA,iBAAA;AFoCR;AC7HE;ECuFI;;;IAII,iBAAA;EFwCR;AACF;AEpCE;EACE,YAAA;EACA,cAAA;EACA,gBAAA;AFsCJ;ACzIE;ECgGA;IAKI,gBAAA;EFwCJ;AACF;AEtCM;EAEE,aAAA;AFuCR;AEnCE;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,gBAAA;EACA,eAAA;AFqCJ;ACxJE;EC8GA;IAOI,iBAAA;EFuCJ;AACF;AEtCI;EACE,aAAA;EACA,WAAA;AFwCN;ACjKE;ECuHE;IAII,WAAA;EF0CN;AACF;AExCI;EACE,WAAA;EACA,gBAAA;AF0CN;AC1KE;EC8HE;IAII,WAAA;IACA,aAAA;EF4CN;AACF;AE3CM;EACE,WAAA;AF6CR;ACnLE;ECqII;IAGI,WAAA;EF+CR;AACF;AE9CQ;EACE,WAAA;EACA,gBAAA;AFgDV;AE3CE;EACE,gBAAA;AF6CJ;AE5CI;EACE,iBAAA;EACA,gBAAA;AF8CN;ACnME;ECmJE;IAII,iBAAA;EFgDN;AACF;AE9CI;EACE,gBAAA;AFgDN;AC3ME;EC0JE;IAGI,gBAAA;EFkDN;AACF;AEhDI;EACE,gBAAA;AFkDN;AEhDI;EACE,gBAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;AFkDN;AEhDI;;EAEE,gBAAA;AFkDN;AEjDM;;EACE,mBAAA;EACA,iBAAA;EACA,cAAA;AFoDR;AEhDM;EACE,iBAAA;AFkDR;AEjDQ;EACE,mBAAA;EACA,iBAAA;AFmDV;AElDU;EACE,cAAA;EACA,qBAAA;EACA,kBAAA;EACA,kBAAA;AFoDZ;AEjDQ;EACE,kBAAA;EACA,mBAAA;AFmDV;AElDU;EACE,mBAAA;AFoDZ;AEnDY;EACE,mBAAA;EACA,iBAAA;AFqDd;AEpDc;EACE,cAAA;EACA,qBAAA;EACA,kBAAA;EACA,kBAAA;AFsDhB;AEfE;EACE,gBAAA;AFiBJ;AEfM;EADF;IAEI,eAAA;EFkBN;AACF;AEjBM;EAJF;IAKI,mBAAA;IACA,sBAAA;IACA,gCAAA;EFoBN;AACF;AEnBM;EACE,aAAA;EACA,2BAAA;EACA,mBAAA;EACA,0BAAA;EAAA,uBAAA;EAAA,kBAAA;AFqBR;AEpBQ;EACE,eAAA;AFsBV;AEpBQ;EACE,iBAAA;EACA,iBAAA;EACA,mBAAA;AFsBV;AErBU;EAJF;IAKI,iBAAA;IACA,mBAAA;EFwBV;AACF;AEtBQ;EACE,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,iBAAA;AFwBV;AEvBU;EALF;IAMI,iBAAA;IACA,mBAAA;EF0BV;AACF;AEvBM;EACE,gBAAA;AFyBR;AEtBI;EACE,aAAA;EACA,yBAAA;EACA,qBAAA;EACA,gBAAA;AFwBN;AEvBM;EALF;IAMI,aAAA;IACA,UAAA;IACA,YAAA;EF0BN;AACF;AEzBM;EACE,aAAA;EACA,2BAAA;EACA,uBAAA;EACA,0BAAA;EAAA,uBAAA;EAAA,kBAAA;AF2BR;AE1BQ;EACE,eAAA;EACA,kBAAA;AF4BV;AE1BQ;EACE,iBAAA;EACA,iBAAA;EACA,mBAAA;EACA,uBAAA;AF4BV;AE3BU;EALF;IAMI,iBAAA;IACA,mBAAA;EF8BV;AACF;AE5BQ;EACE,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,iBAAA;EACA,0BAAA;AF8BV;AE7BU;EANF;IAOI,iBAAA;IACA,mBAAA;EFgCV;AACF;AE7BM;EACE,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;AF+BR;AE9BQ;EALF;IAMI,iBAAA;IACA,mBAAA;EFiCR;AACF;AE/BM;EACE,iBAAA;EACA,gBAAA;AFiCR;AEhCQ;EAHF;IAII,wBAAA;IACA,gCAAA;EFmCR;AACF;AEjCU;EACE,kBAAA;AFmCZ;AE/BM;EACE,eAAA;EACA,6BAAA;AFiCR;AEhCQ;EAHF;IAII,wBAAA;EFmCR;AACF;AElCQ;EACE,sBAAA;EACA,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;AFoCV;AEnCU;EANF;IAOI,iBAAA;IACA,mBAAA;EFsCV;AACF;AEnCU;EACE,gBAAA;AFqCZ;AEjCM;EACE,iBAAA;AFmCR;AElCQ;EAFF;IAGI,gBAAA;IACA,oBAAA;IACA,gCAAA;EFqCR;AACF;AEpCQ;EACE,iBAAA;EACA,gBAAA;AFsCV;AErCU;EAHF;IAII,iBAAA;IACA,mBAAA;EFwCV;AACF;AErCU;EACE,gBAAA;AFuCZ;AEnCM;EACE,gBAAA;AFqCR;AEpCQ;EAFF;IAGI,gBAAA;EFuCR;AACF;AEtCQ;EACE,iBAAA;EACA,gBAAA;AFwCV;AEvCU;EAHF;IAII,iBAAA;IACA,mBAAA;EF0CV;AACF;AEvCM;EACE,gBAAA;EACA,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;AFyCR;AExCQ;EANF;IAOI,iBAAA;IACA,mBAAA;EF2CR;AACF;AElCM;EACE,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;AFoCR;AEnCQ;EANF;IAOI,iBAAA;IACA,mBAAA;EFsCR;AACF;AEnCI;EACE,gBAAA;EACA,kBAAA;AFqCN;AEpCM;EACE,aAAA;EACA,mBAAA;AFsCR;AErCQ;EACE,iBAAA;EACA,gBAAA;AFuCV;AEtCU;EAHF;IAII,iBAAA;EFyCV;AACF;AEtCM;EAdF;IAeI,eAAA;EFyCN;AACF","file":"member.css"}

934
kr/assets/css/member.scss
View File

@@ -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;
}
}
}
}
.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;
}
}
}
}

290
kr/member/member-join.html
View File

@@ -83,37 +83,17 @@
</button> -->
</div>
<!-- 모바일 전용 차량 선택 UI입니다. -->
<!-- 2025.08.27 추가 -->
<div class="mobileCarlist">
<a href="javascript:void(0)" class="mobilecarItem">
<div class="mobilecarItem">
<div class="item">
<span>MV</span>
<span>161어 1660</span>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선</strong>
<span>KMTKEXXBPMU000081</span>
<button class="btn-select" onclick="open_layer_popup('carListPopup')">차량 선택하기 ></button>
</div>
<div class="arrow"></div>
</a>
<div class="carlistItem">
<ul>
<li>
<a href="javascript:void(0)">
<span>MV</span>
<span>KMTKEXXBPMU000081</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span>SX</span>
<span>161어 1660</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span>MV</span>
<span>452허 1234</span>
</a>
</li>
</ul>
</div>
</div>
<!--// 2025.08.27 추가 -->
<!-- PC 모바일 공통 메뉴 영역입니다. -->
<ul class="menu">
<li class="menuDepth1Wrap">
@@ -178,10 +158,10 @@
</div>
<div class="func">
<!-- PC 전용 차량 선택 UI입니다. -->
<!-- 2025.08.27 추가 -->
<div class="carlist">
<a href="javascript:void(0)" class="carItem">
<span>MV</span>
<span>161어 1660</span>
<span>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선</span>
</a>
<div class="carlistItem">
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="boxBullet">
@@ -189,32 +169,166 @@
<path d="M1 9L7 1L13 9" stroke="#DEDEDE" />
</svg>
<ul>
<li>
<a href="javascript:void(0)">
<span>MV</span>
<span>KMTKEXXBPMU000081</span>
</a>
<!-- [D] 선택 시 selected 클래스 추가 -->
<li class="selected">
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드-플러그인 상품성 개선</span>
</button>
<button type="button" class="btn-info" data-tooltip="111JH4TB2H26CC012345"></button>
</li>
<li>
<a href="javascript:void(0)">
<span>SX</span>
<span>161어 1660</span>
</a>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<a href="javascript:void(0)">
<span>MV</span>
<span>452허 1234</span>
</a>
<button class="car-name">
<span>스포티지 개조</span>
</button>
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>스포티지 개조</span>
</button>
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>스포티지 개조</span>
</button>
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>스포티지 개조</span>
</button>
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>스포티지 개조</span>
</button>
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>스포티지 개조</span>
</button>
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
</ul>
</div>
</div>
<!--// 2025.08.27 추가 -->
<!-- PC 전용 로그인 버튼입니다. -->
<div class="userLogin">
<!-- <div class="userLogin">
<a href="#">로그인/가입</a>
</div>
</div> -->
<!-- PC 전용 USER 관련 링크 영역입니다. -->
<div class="user">
@@ -242,14 +356,14 @@
<div class="contentWarp">
<div class="member">
<div class="pageTitle">
<h1>기아 커넥트 스토어<br />회원가입</h1>
<h1>기아 커넥트 스토어 회원가입</h1>
<p>이용약관 및 개인정보 수집ㆍ이용에 동의해주세요.</p>
</div>
<div class="memberJoinBoxWrap">
<div class="JoinBoxTopper">
<label for="g" class="agree-all">
<input type="checkbox" name="" id="g" />
<span>아래 내용을 모두 확인하였으며 전체 동의합니다.</span>
<span>위 내용을 모두 확인하였으며 전체 동의합니다.</span>
</label>
</div>
<div class="memberJoinBox">
@@ -271,7 +385,14 @@
<label for="c">
<input type="checkbox" name="" id="c" />
<span>
기아 커넥트 스토어 마케팅 목적 수집ㆍ이용 동의 (선택)
기아 커넥트 스토어 마케팅 활용 목적의 개인정보 수집 · 이용 동의 (선택)
<button type="button" class="btn-more" onClick="javascript:open_layer_popup('ad_popup');"><em>더보기</em></button>
</span>
</label>
<label for="d">
<input type="checkbox" name="" id="d" />
<span>
기아 커넥트 스토어 전자적 전송매체를 활용한 광고성 정보 수신 동의 (선택)
<button type="button" class="btn-more" onClick="javascript:open_layer_popup('ad_popup');"><em>더보기</em></button>
</span>
</label>
@@ -761,7 +882,7 @@
<div class="marketingCheck">
<div class="titArea">
<h4>마케팅 활용 동의</h4>
<span>마케팅 목적의 개인정보 수집 및 이용에 동의 하시겠습니까?</span>
<span>마케팅 활용에 동의 하시겠습니까?</span>
</div>
<div class="agree-area">
<label for="mktAgree">
@@ -790,7 +911,7 @@
<div class="marketingCheck">
<div class="titArea">
<h4>광고성 정보 수신 동의</h4>
<span>광고성 정보 수신에 동의하시겠습니까?</span>
<span>전자적 전송매체를 활용한 광고성 정보 수신에 동의 하시겠습니까?</span>
</div>
<div class="agree-area">
<label for="adAgree">
@@ -1052,5 +1173,78 @@
});
});
</script>
<!-- 2025.08.27 추가 -->
<div id="carListPopup" class="popupWarp" style="display: none">
<div class="popContents">
<h2>차량 선택하기 (5)</h2>
<div class="payInfoCon">
<div class="carlistItem">
<ul>
<!-- [D] 선택 시 selected 클래스 추가 -->
<li class="selected">
<button>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성 개선</strong>
<em>111JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>쏘렌토(MQ4) 하이브리드</strong>
<em>222JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>스포티지 개조 25</strong>
<em>333JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성 개선</strong>
<em>444JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>쏘렌토(MQ4) 하이브리드</strong>
<em>555JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>스포티지 개조 25</strong>
<em>666JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성 개선</strong>
<em>444JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>쏘렌토(MQ4) 하이브리드</strong>
<em>555JH4TB2H26CC012345</em>
</button>
</li>
<li>
<button>
<strong>스포티지 개조 25</strong>
<em>666JH4TB2H26CC012345</em>
</button>
</li>
</ul>
</div>
</div>
<div class="towButton">
<button class="cartBtn leftBtn" onclick="close_layer_popup('carListPopup')"><p>취소</p></button>
<button class="PurchaseBtn rightBtn" onclick="close_layer_popup('carListPopup')"><p>선택</p></button>
</div>
</div>
</div>
<!--// 2025.08.27 추가 -->
</body>
</html>