diff --git a/assets/css/popup.css b/assets/css/popup.css index 8ebd95e..b242f67 100644 --- a/assets/css/popup.css +++ b/assets/css/popup.css @@ -224,3 +224,110 @@ margin-left: 1rem; background-position: center; } +.popupWarp.payComplete { + position: fixed; + overflow: hidden; + width: 100%; + height: 100%; + display: flex; + background-color: rgba(0, 0, 0, 0.4); + top: 0; + left: 0; + z-index: 500; +} +.popupWarp.payComplete .popInner { + position: relative; + top: 55%; + max-width: 120rem; + height: 84.5rem; + padding: 0; + border-radius: 0; + background: url(../images/kia/contents/poup_complete.jpg) no-repeat center/cover; +} +.popupWarp.payComplete .popInner .popContents { + position: absolute; + bottom: 14%; + right: 11.5%; + width: 44rem; + height: 45.5rem; +} +.popupWarp.payComplete .popInner .popContents .logo { + display: block; + height: 1.6rem; + margin-bottom: 1.9rem; + background-image: url(../images/kia/kia-logo-n.svg); + background-repeat: no-repeat; + background-size: auto 100%; + text-indent: -9999em; +} +.popupWarp.payComplete .popInner .popContents .payInfoCon { + display: flex; + justify-content: center; + flex-direction: column; + width: 44rem; + height: 42rem; + background-color: #fff; +} +.popupWarp.payComplete .popInner .popContents p strong { + display: block; + font-size: 2.8rem; + line-height: 3.4rem; + margin-bottom: 3rem; + text-align: center; +} +.popupWarp.payComplete .popInner .popContents p span { + display: block; + font-size: 1.6rem; + color: #676767; + line-height: 2.4rem; + text-align: center; +} +@media (max-width: 768px) { + .popupWarp.payComplete .popInner { + max-height: 64rem; + background: url(../images/kia/contents/poup_complete_m.jpg) no-repeat center/cover; + } + .popupWarp.payComplete .popInner .popContents { + position: absolute; + bottom: 3rem; + right: auto; + width: 100%; + height: auto; + } + .popupWarp.payComplete .popInner .popContents .logo { + display: block; + width: 81.25%; + height: 1.2rem; + margin: 0 auto; + margin-bottom: 1.2rem; + } + .popupWarp.payComplete .popInner .popContents .payInfoCon { + width: 81.25%; + height: 26rem; + margin: 0 auto; + } + .popupWarp.payComplete .popInner .popContents p { + padding: 0 3rem; + } + .popupWarp.payComplete .popInner .popContents p strong { + font-size: 1.6rem; + line-height: 1.92rem; + margin-bottom: 2rem; + } + .popupWarp.payComplete .popInner .popContents p span { + font-size: 1.2rem; + line-height: 1.44rem; + } + .popupWarp.payComplete .popInner .popContents p span em { + display: block; + } + .popupWarp.payComplete .popInner .popContents .oneButton { + margin-top: 4rem; + } +} +@media (max-width: 320px) { + .popupWarp.payComplete .popInner .popContents p { + padding: 0 1rem; + } +} +/*# sourceMappingURL=popup.css.map */ \ No newline at end of file diff --git a/assets/css/popup.css.map b/assets/css/popup.css.map index 5be30f4..2325944 100644 --- a/assets/css/popup.css.map +++ b/assets/css/popup.css.map @@ -1 +1 @@ -{"version":3,"sources":["popup.css","_utils.scss","popup.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB,KAAA;AAGA,YAAA;AAOA,mBAAA;AACA,2BAAA;AAiBA,2BAAA;AACA,yDAAA;AAmBA,4BAAA;AAOA,4BAAA;AAOA,iBAAA;AC5DA,cAAA;AAEA;EACI,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,oCAAA;EACA,aAAA;AFQJ;AENI;EACI,sBAAA;EACA,aAAA;EACA,qBAAA;AFQR;AEPQ;EACI,iBAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;AFSZ;AEPQ;EACI,aAAA;EACA,gBAAA;EACA,kBAAA;AFSZ;AERa;EACG,UAAA;AFUhB;AERY;EACI,yBAAA;EACA,mBAAA;EACA,4BAAA;EACA,6BAAA;AFUhB;AERY;EACI,6BAAA;EACA,mBAAA;EACA,mCAAA;AFUhB;AERY;EACI,mBAAA;EACA,cAAA;AFUhB;AEPQ;EACI,YAAA;EACA,cAAA;EACA,gBAAA;AFSZ;AEPQ;EACI,cAAA;EACA,gBAAA;AFSZ;AENI;EACI,kBAAA;EACA,UAAA;EACA,SAAA;EACA,QAAA;EACA,gCAAA;AFQR;ACbE;ECAE;IAOQ,0BAAA;IAAA,uBAAA;IAAA,kBAAA;IACA,WAAA;EFUV;AACF;AERI;EACI,gBAAA;AFUR;AEPI;EACI,gBAAA;AFSR;AENgB;EACI,cAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;AFQpB;AENgB;EACI,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;EACA,kBAAA;EACA,mBAAA;AFQpB","file":"popup.css"} \ No newline at end of file +{"version":3,"sources":["popup.css","_utils.scss","popup.scss"],"names":[],"mappings":"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","file":"popup.css"} \ No newline at end of file diff --git a/assets/css/popup.scss b/assets/css/popup.scss index 7961359..15e8e81 100644 --- a/assets/css/popup.scss +++ b/assets/css/popup.scss @@ -224,4 +224,120 @@ } } } + + &.payComplete{ + position: fixed; + overflow: hidden; + width: 100%; + height: 100%; + display: flex; + background-color: rgba(0, 0, 0, 0.4); + top: 0; + left: 0; + z-index: 500; + .popInner { + position: relative; + top:55%; + max-width:120rem; + height: 84.5rem; + padding: 0; + border-radius: 0; + background: url(../images/kia/contents/poup_complete.jpg) no-repeat center / cover; + .popContents{ + position: absolute; + bottom:14%; + right: 11.5%; + width: 44rem; + height: 45.5rem; + .logo { + display: block; + height: 1.6rem; + margin-bottom:1.9rem; + background-image: url(../images/kia/kia-logo-n.svg); + background-repeat: no-repeat; + background-size: auto 100%; + text-indent: -9999em; + } + .payInfoCon { + display: flex; + justify-content: center; + flex-direction: column; + width: 44rem; + height: 42rem; + background-color: #fff; + } + p{ + strong{ + display: block; + font-size: 2.8rem; + line-height: 3.4rem; + margin-bottom:3rem; + text-align: center; + } + span{ + display: block; + font-size: 1.6rem; + color: #676767; + line-height: 2.4rem; + text-align: center; + } + } + } + + + @include maxtablet{ + max-height: 64rem; + background: url(../images/kia/contents/poup_complete_m.jpg) no-repeat center / cover; + .popContents { + position: absolute; + bottom: 3rem; + right: auto; + width: 100%; + height: auto; + .logo { + display: block; + width: 81.25%; + height: 1.2rem; + margin: 0 auto; + margin-bottom:1.2rem; + } + .payInfoCon { + width: 81.25%; + height: 26rem; + margin: 0 auto; + } + p{ + padding:0 3rem; + strong{ + font-size: 1.6rem; + line-height: 1.92rem; + margin-bottom:2rem; + } + span{ + font-size: 1.2rem; + line-height: 1.44rem; + em { + display: block; + } + } + } + + .oneButton { + margin-top:4rem; + } + + } + } + + @media(max-width: 320px){ + .popContents { + p { + padding: 0 1rem; + } + } + } + + + } + } } diff --git a/assets/images/kia/contents/poup_complete.jpg b/assets/images/kia/contents/poup_complete.jpg new file mode 100644 index 0000000..b997bed Binary files /dev/null and b/assets/images/kia/contents/poup_complete.jpg differ diff --git a/assets/images/kia/contents/poup_complete_m.jpg b/assets/images/kia/contents/poup_complete_m.jpg new file mode 100644 index 0000000..ede503b Binary files /dev/null and b/assets/images/kia/contents/poup_complete_m.jpg differ diff --git a/order/order-carsw-complete.html b/order/order-carsw-complete.html index bd16e68..f0b7113 100644 --- a/order/order-carsw-complete.html +++ b/order/order-carsw-complete.html @@ -33,7 +33,7 @@ - + @@ -422,10 +422,38 @@ hide: true, }, }); - setTimeout(open_layer_popup, 1000, 'install_info'); + // setTimeout(open_layer_popup, 1000, 'install_info'); + + + + +
자주하는 질문 diff --git a/order/order-carsw-complete.php b/order/order-carsw-complete.php index 7c65039..561be05 100644 --- a/order/order-carsw-complete.php +++ b/order/order-carsw-complete.php @@ -224,6 +224,34 @@ + + + + + + + + 제품상세명 > 제품리스트 > 회사명 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + +
+
+
+

+ NBA 디스플레이 테마 + +

+
+
+
+
평생 이용권
+
₩ 150,000
+
+
+
+
+ + + + +
+
+
+
+
+
+
이미지 상품명
+
이미지 상품명
+
+

+ + 이미지 상품명 +

+
+
이미지 상품명
+
+
+
+
+
+
+
+
+ +

NBA 디스플레이 테마

+

운전에 스타일을 더 하는 특별한 테마

+
+
+

구성 상품

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+

원하시는 결제 옵션을 선택해주세요

+
+
+ + +
+
+
+
+
+
총 결제 금액
+
₩ 29,900
+
+
+ + +
+ +
+
+
+
+
+ + + +
+
+ + +
+
+ 디스플레이 테마 이미지 + 디스플레이 테마 이미지 +
+
+
+
+

+ 응원하는 NBA팀의 테마를 차량 디스플레이에 적용해보세요 +

+
+ 아래의 로고를 눌러 미리 차량에 적용된 디자인을 확인 할 수 있습니다. +
+
+
+
+ +
+ + + +
+
+
+
+ Atlanta Hawks +

Atlanta
Hawks

+
+
+ Boston Celtics +

Boston
Celtics

+
+
+ brooklyn nets +

brooklyn
nets

+
+
+ CHICAGO BULLS +

CHICAGO
BULLS

+
+
+ Charlotte hornets +

Charlotte
hornets

+
+
+ cleveland cavaliers +

cleveland
cavaliers

+
+
+ dallas mavericks +

dallas
mavericks

+
+
+ Denver Nuggets +

Denver
Nuggets

+
+
+ Detroit Pistons +

Detroit
Pistons

+
+
+ Golden State Warriors +

Golden State
Warriors

+
+
+ Houston Rockets +

Houston
Rockets

+
+
+ Indiana Pacers +

Indiana
Pacers

+
+
+ Los Angeles Clippers +

Los Angeles
Clippers

+
+
+ Los Angeles Lakers +

Los Angeles
Lakers

+
+
+ Memphis Grizzlies +

Memphis
Grizzlies

+
+
+ Miami Heat +

Miami
Heat

+
+
+ Milwaukee Bucks +

Milwaukee
Bucks

+
+
+ Minnesota Timberwolves +

Minnesota
Timberwolves

+
+
+ New Orleans Pelicans +

New Orleans
Pelicans

+
+
+ New York Knicks +

New York
Knicks

+
+
+ Oklahoma City Thunder +

Oklahoma City
Thunder

+
+
+ Orlando Magic +

Orlando
Magic

+
+
+ philadelphia 76ers +

philadelphia
76ers

+
+
+ Phoenix Suns +

Phoenix
Suns

+
+
+ Portland Trailblazers +

Portland
Trailblazers

+
+
+ Sacramento Kings +

Sacramento
Kings

+
+
+ San Antonio Spurs +

San Antonio
Spurs

+
+
+ Toronto Raptors +

Toronto
Raptors

+
+
+ Utah Jazz +

Utah
Jazz

+
+
+ Washington Wizards +

Washington
Wizards

+
+
+ + +
+
+
+ +
+
+
+ + +
닫기
+
Play
+
+
+
+
+
+
+ + +
+ +
+ +
+ +
+ +
+
+
+
+
+
+ 디스플레이 테마1 +
+
+
Cluster
+

+ 클러스터 화면에 응원하는 NBA팀의 로고와 팀 칼라가 적용됩니다.
+ 게이지와 함께 차 오르는 팀 정신을 느껴 보세요. +

+
+
+
+
+ 디스플레이 테마2 +
+
+
Navigation
+

+ 내비게이션의 각 메뉴 화면을 넘길 때 마다 특별한 NBA 팀 아이콘과 팀 칼라가 적용된 것을 확인할 수 있습니다.
+ 스타일리쉬하고 특별한 운전 경험을 완성합니다. +

+
+
+
+
+ 디스플레이 테마3 +
+
+
Profile
+

+ 응원하는 NBA팀의 로고와 칼라를 활용하여 디자인된 다양한 프로필 이미지를 선택할 수 있습니다.
+ 운전자 별로 다른 이미지를 골라 보세요. +

+
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+ + +
+
+
+

+ Welcome Video +

+

+ NBA팀별 로고와 캐릭터가 반영된 Video가 차량 Sleep 모드 동작 이후 차량 시동을 켤 때에 1회 실행됩니다. +

+
+
+ + +
+
+
+
+

+ Goodbye Video +

+

+ NBA팀별 로고와 컨셉이 반영된 Video가 차량 시동이 꺼질 때 마다 실행됩니다. +

+
+
+ + +
+
+
+ +
+
+
+
+ 아이콘 이미지 +
+
+
+ ccNC 차량에서 선택적 구매 가능 +
+

+ 기아 ccNC 인포테인먼트 플랫폼이 적용된 차량에만 선택 가능합니다. +

+
+
+
+
+ 아이콘 이미지 +
+
+
+ 고객 맞춤형 설정 기능 +
+

+ 여러 개의 테마를 구입하여 운전자 별로 다르게 설정할 수 있습니다. +

+
+
+
+
+ +
+
+
+ 사양 이용 영상 +
+
+
+
+
+ + + + + +
+
+ + + + +
+ +
+
+

정보고시

+
+ +
+
+ 이용조건 +
+
+
    +
  • 상품 구매 및 이용가능 여부는 차량에 설치된 하드웨어 구성 및 OTA펌웨어 버전에 따라 다르기에 로그인하시면 확인하실 수 있습니다.
  • +
  • 상품 이용을 위해 구입 후 가이드에 따라 차량에 설치를 완료하셔야 합니다.
  • +
+
+ +
+
+ 이용기간 +
+
+
    +
  • 평생 이용 선택 시 기간 제한 없이 이용이 가능합니다.
  • +
  • 월/연 구독 선택 시 명기된 기간동안 이용이 가능합니다.
  • +
+
+ +
+
+ 청약철회 +
+
+
    +
  • 평생 이용은 결제 후 7일 내 구매 취소가 가능합니다.
  • +
  • 월/연 구독은 언제든지 취소할 수 있으며
    + - 기능을 한번도 이용하지 않은 고객이 7일 이내에 구독 취소를 한 경우에는 구독 비용이 전액 환불됩니다.
    + - 7일 이내 기능을 이용하거나 7일 이후에 구독 취소를 한 경우에는 중도 해지 및 이에 따른 환불이 가능합니다.
  • +
  • 구매 취소는 차량 내 설치된 상품이 삭제완료 된 후에 진행됩니다.
  • +
+
+ +
+
+ 취소/해지/반품/환불 안내 +
+
+
    +
  • 고객님의 상품 이용 현황에 따라 정기 결제를 취소하거나 바로 해지하실 수 있습니다.
  • +
  • 상품별 해지/환불 정책은 이용 안내 또는 상품 상세 설명을 참고해 주시기 바랍니다.
  • +
  • 정기 결제를 취소하시면 구독 종료일까지 상품을 정상적으로 이용하실 수 있으며, 다음 정기 결제일에 해지됩니다.
  • +
  • 구독 할인쿠폰이 적용된 상품을 해지하시면 쿠폰 사용 기간이 남아 있더라도 쿠폰은 소멸됩니다.
  • +
  • 구독 할인쿠폰이 적용된 상품을 변경하셔도 쿠폰이 소멸될 수 있으니, 변경 신청 전 안내 내용을 꼼꼼히 확인해 주시기 바랍니다.
  • +
  • 상품을 즉시 해지하는 경우, 재가입 및 혜택 이용이 제한될 수 있습니다.
  • +
  • 정기 결제 당일에는 상품 해지가 불가 합니다. (정기 결제가 완료된 이후에는 결제 취소 가능하며, 재결제 기간 종료 후 자동으로 해지 됩니다.)
  • +
+
+ +
+
+ 고객센터 +
+
+
    +
  • 기타 문의는 고객센터(080-200-2000)나 1:1문의로 신청바랍니다.
  • +
+
+
+
+
+ +
+ + + + + +
+ +
+ + + + + + +
+ 자주하는 질문 + 문의하기 + top +
+ + +
+ + + + + + +
+
+ +
+

+ 커넥트 스토어 상품 구매를
진심으로 축하드립니다~!!!
+ + 지금 바로 새로운 기능을 추가하여 더욱 안전하고
즐거운 드라이빙을 해보세요!! +
+

+
+
+

확인

+
+
+
+
+
+
+ + + +