diff --git a/assets/css/kia.css b/assets/css/kia.css
new file mode 100644
index 0000000..8868867
--- /dev/null
+++ b/assets/css/kia.css
@@ -0,0 +1,1379 @@
+@charset "UTF-8";
+/*변수*/
+/*반응형 화면 크기*/
+/*css 디폴트는 모바일이 기준*/
+/*반응형, 브라우저 크기가 300px 이하일때*/
+/*반응형, 브라우저 크기가 800px 이상일때*/
+/*@media (min-width: $mobile ) and (max-width: $tablet){*/
+/*반응형, 브라우저 크기가 1025px 이상일때*/
+/*반응형, 브라우저 크기가 1204px 이상일때*/
+/*넓이, 높이 자동 계산함수*/
+html body {
+ font-family: "KiaSignature";
+ font-weight: 400;
+ overflow-x: hidden;
+}
+html input[type=checkbox] {
+ accent-color: #000;
+ width: 2rem;
+ height: 2rem;
+ border-radius: 0.6rem;
+ border-color: #DEDEDE;
+}
+html button {
+ font-family: "KiaSignature";
+}
+html .icon-cs {
+ width: 2.4rem;
+ height: 2.4rem;
+ background-image: url(../../images/common/icon-wcs.svg);
+}
+html .icon-user {
+ width: 2.4rem;
+ height: 2.4rem;
+ background-image: url(../../images/common/icon-wuser.svg);
+}
+html .icon-cart {
+ width: 2.4rem;
+ height: 2.4rem;
+ background-image: url(../../images/common/icon-wcart.svg);
+}
+html .hederWarp.noBoder .icon-cs,
+html .hederWarp.hBoder .icon-cs {
+ width: 2.4rem;
+ height: 2.4rem;
+ background-image: url(../../images/common/icon-tbcs.svg);
+}
+html .hederWarp.noBoder .icon-user,
+html .hederWarp.hBoder .icon-user {
+ width: 2.4rem;
+ height: 2.4rem;
+ background-image: url(../../images/common/icon-user.svg);
+}
+html .hederWarp.noBoder .icon-cart,
+html .hederWarp.hBoder .icon-cart {
+ width: 2.4rem;
+ height: 2.4rem;
+ background-image: url(../../images/common/icon-cart.svg);
+}
+html .hederWarp_n.noBoder .icon-cs,
+html .hederWarp_n.hBoder .icon-cs {
+ width: 2.4rem;
+ height: 2.4rem;
+ background-image: url(../../images/common/icon-tbcs.svg);
+}
+html .hederWarp_n.noBoder .icon-user,
+html .hederWarp_n.hBoder .icon-user {
+ width: 2.4rem;
+ height: 2.4rem;
+ background-image: url(../../images/common/icon-user.svg);
+}
+html .hederWarp_n.noBoder .icon-cart,
+html .hederWarp_n.hBoder .icon-cart {
+ width: 2.4rem;
+ height: 2.4rem;
+ background-image: url(../../images/common/icon-cart.svg);
+}
+html textarea {
+ width: 100%;
+ border: 1px solid #DEDEDE;
+ outline: 0 none;
+ border-radius: 0;
+ padding: 1.5rem 1.7rem;
+ font-size: 1.6rem;
+ font-family: "KiaSignature";
+}
+html .icon-tbarrow {
+ width: 2.4rem;
+ height: 2.4rem;
+ background-image: url(../../images/common/icon-tbarrow.svg);
+}
+html .icon-wtbarrow {
+ width: 2.4rem;
+ height: 2.4rem;
+ background-image: url(../../images/common/icon-wtbarrow.svg);
+}
+html .scrollDisable .logoImg {
+ background-image: url(../../images/kia/kia-blogo-n.svg);
+}
+html .mainNotice {
+ background-color: #F3F3F3;
+ height: 11.5rem;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-left: 2rem;
+ padding-right: 2rem;
+}
+@media (min-width: 768px) {
+ html .mainNotice {
+ height: 10rem;
+ }
+}
+@media (min-width: 1240px) {
+ html .mainNotice {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+html .mainNotice .noticInnerWarp {
+ width: 100%;
+}
+@media (min-width: 1240px) {
+ html .mainNotice .noticInnerWarp {
+ width: 120rem;
+ }
+}
+html .mainNotice .noticInnerWarp .noticeInner {
+ display: flex;
+ height: 11.5rem;
+ position: relative;
+}
+@media (min-width: 768px) {
+ html .mainNotice .noticInnerWarp .noticeInner {
+ height: 10rem;
+ }
+}
+html .mainNotice .noticInnerWarp .noticeInner h2 {
+ display: none;
+}
+@media (min-width: 768px) {
+ html .mainNotice .noticInnerWarp .noticeInner h2 {
+ font-size: 2.2rem;
+ font-weight: 600;
+ color: #000;
+ display: flex;
+ align-items: center;
+ }
+}
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList {
+ margin-left: 0rem;
+ display: flex;
+ align-items: center;
+ height: 11.5rem;
+ width: 100%;
+ overflow: hidden;
+ justify-content: space-between;
+}
+@media (min-width: 768px) {
+ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList {
+ margin-left: 7.5rem;
+ width: calc(100% - 25rem);
+ height: 10rem;
+ }
+}
+@media (min-width: 1025px) {
+ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList {
+ width: calc(100% - 40rem);
+ }
+}
+@media (min-width: 1025px) {
+ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList {
+ width: calc(100% - 35rem);
+ }
+}
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li {
+ display: flex;
+ align-items: flex-start;
+ padding-top: 2.3rem;
+}
+@media (min-width: 768px) {
+ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li {
+ align-items: center;
+ padding-top: 0;
+ }
+}
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl {
+ flex-wrap: nowrap;
+ }
+}
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dt, html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dd {
+ font-size: 1.4rem;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dt, html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dd {
+ font-size: 1.6rem;
+ width: -webkit-fit-content;
+ width: -moz-fit-content;
+ width: fit-content;
+ }
+}
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dt {
+ color: #9EA1A2;
+}
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dd {
+ color: #000;
+ margin-top: 0.8rem;
+}
+@media (min-width: 768px) {
+ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dd {
+ margin-top: 0;
+ border-left: 1px solid rgba(0, 0, 0, 0.3);
+ padding-left: 1rem;
+ margin-left: 1rem;
+ }
+}
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList .swiperButtonWarp {
+ right: 0;
+ margin-top: 0rem;
+}
+@media (min-width: 768px) {
+ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList .swiperButtonWarp {
+ margin-top: 2rem;
+ }
+}
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList .swiperButtonWarp .swiper-button-next,
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList .swiperButtonWarp .swiper-button-prev {
+ position: relative;
+ justify-content: flex-end;
+ top: 55%;
+ margin-top: 0;
+ height: auto;
+ width: auto;
+ right: inherit;
+}
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList .swiperButtonWarp .swiper-button-next::after,
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList .swiperButtonWarp .swiper-button-prev::after {
+ content: "";
+ display: block;
+ width: 1.4rem;
+ height: 0.8rem;
+ background-image: url(../../images/common/icon-notice.svg);
+ background-repeat: no-repeat;
+ background-position: center;
+}
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList .swiperButtonWarp .swiper-button-next {
+ transform: rotate(0deg);
+ margin-top: -2rem;
+ right: 0;
+}
+html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList .swiperButtonWarp .swiper-button-prev {
+ transform: rotate(-180deg);
+ margin-bottom: 0;
+ left: 0;
+ margin-top: 2rem;
+}
+html .mainBanner {
+ background-image: url(../../images/kia/product-img/producy-mtemp8.png);
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+ height: 36rem;
+ margin-top: 6rem;
+ display: flex;
+ align-items: center;
+}
+@media (min-width: 768px) {
+ html .mainBanner {
+ height: 34rem;
+ background-image: url(../../images/kia/product-img/producy-temp8.png);
+ }
+}
+@media (min-width: 1025px) {
+ html .mainBanner {
+ margin-top: 15rem;
+ }
+}
+html .mainBanner .mabannerInner {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ max-width: 120rem;
+ width: 100%;
+ margin: 0 auto;
+ padding-left: 2rem;
+ padding-right: 2rem;
+}
+@media (min-width: 1240px) {
+ html .mainBanner .mabannerInner {
+ max-width: 120rem;
+ padding-left: 0rem;
+ padding-right: 0rem;
+ }
+}
+html .mainBanner .mabannerInner dl {
+ width: 100%;
+}
+html .mainBanner .mabannerInner dl dt, html .mainBanner .mabannerInner dl dd {
+ width: 100%;
+ color: #fff;
+}
+html .mainBanner .mabannerInner dl dt {
+ font-size: 2.5rem;
+ font-weight: 600;
+}
+@media (min-width: 1025px) {
+ html .mainBanner .mabannerInner dl dt {
+ font-size: 4rem;
+ }
+}
+html .mainBanner .mabannerInner dl dd {
+ margin-top: 1.5rem;
+ line-height: 2.2rem;
+}
+html .mainBanner .mabannerInner dl dd br {
+ display: none;
+}
+@media (min-width: 768px) {
+ html .mainBanner .mabannerInner dl dd br {
+ display: block;
+ }
+}
+html .mainBanner .mabannerInner .listImgBtn {
+ width: 100%;
+ margin-top: 3rem;
+}
+@media (min-width: 768px) {
+ html .mainBanner .mabannerInner .listImgBtn {
+ width: 17.6rem;
+ }
+}
+html .mainBanner .mabannerInner .listImgBtn .oneButton div::after, html .mainBanner .mabannerInner .listImgBtn .oneButton div::before {
+ width: 3.2rem;
+}
+@media (min-width: 768px) {
+ html .mainBanner .mabannerInner .listImgBtn .oneButton div::after, html .mainBanner .mabannerInner .listImgBtn .oneButton div::before {
+ width: 3.2rem;
+ }
+}
+html .hederWarp .headerInner .headerTop .headerGnb .logo a {
+ font-family: "KiaSignature";
+}
+html .hederWarp .headerInner .headerTop .headerGnb .logo a .logoImg {
+ display: block;
+ width: 16.7rem;
+ height: 1.5rem;
+ background-image: url(../../images/kia/kia-logo-n.svg);
+}
+@media (min-width: 1025px) {
+ html .hederWarp .headerInner .headerTop .headerGnb .logo a .logoImg {
+ height: 2rem;
+ width: 22.8rem;
+ }
+}
+html .hederWarp .headerInner .headerTop .headerGnb .logo.on a .logoImg {
+ background-image: url(../../images/kia/kia-blogo-n.svg);
+}
+html .hederWarp .headerInner .headerTop .headerGnb .logo.on p {
+ color: #000;
+}
+html .hederWarp .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .mobileMember button {
+ font-weight: 700;
+}
+html .hederWarp.hBoder .headerInner .headerGnb .logo a .logoImg,
+html .hederWarp.noBoder .headerInner .headerGnb .logo a .logoImg {
+ background-image: url(../../images/kia/kia-blogo-n.svg);
+}
+html .hederWarp_n.hBoder .headerInner .gnb .logoWrap a .logoImg,
+html .hederWarp_n.noBoder .headerInner .gnb .logoWrap a .logoImg {
+ background-image: url(../../images/kia/kia-blogo-n.svg);
+}
+html .hederWarp_n .headerInner .gnb .logoWrap a {
+ font-family: "KiaSignature";
+}
+html .hederWarp_n .headerInner .gnb .logoWrap a .logoImg {
+ display: block;
+ width: 16.7rem;
+ height: 1.5rem;
+ background-image: url(../../images/kia/kia-logo-n.svg);
+ background-repeat: no-repeat;
+}
+@media (min-width: 1025px) {
+ html .hederWarp_n .headerInner .gnb .logoWrap a .logoImg {
+ height: 2rem;
+ width: 22.8rem;
+ }
+}
+html .mainSwiper ul li .mainText p strong + span {
+ margin-top: 2.5rem;
+}
+html .mainSwiper ul li .mainText p span {
+ line-height: 2.6rem;
+}
+html .mainSwiper ul li .mainText .oneButton {
+ margin-top: 5rem;
+}
+html .mainSwiper ul li .mainText .oneButton a::before, html .mainSwiper ul li .mainText .oneButton a::after {
+ width: 3.2rem;
+}
+html .mainCarNum .oneButton a {
+ position: relative;
+}
+html .mainCarNum .oneButton a::before, html .mainCarNum .oneButton a::after {
+ background-image: initial;
+ width: 0;
+ height: 0;
+}
+html .mainCarNum .oneButton a::after {
+ content: "";
+ position: absolute;
+ right: 2rem;
+ top: 2.5rem;
+ width: 1.2rem;
+ height: 0.6rem;
+ background: url("/kr/assets/images/common/icon-wtbarrow.svg") center center no-repeat;
+ -webkit-transform: rotate(-90deg);
+}
+html .mainCarNum .oneButton a:hover p {
+ color: #ffffff;
+ background-color: initial;
+}
+html .mainCarNum .oneButton a:hover::after {
+ background-image: url("/kr/assets/images/common/icon-wtbarrow.svg");
+}
+html .mainCarNum .oneButton a p {
+ justify-content: flex-start;
+ margin-left: 2rem;
+ background-color: initial;
+ color: #ffffff;
+ border-width: initial;
+ border-style: initial;
+ border-color: initial;
+}
+html .mainCarNum .oneButton a p:hover {
+ color: #ffffff;
+ border-color: initial;
+ background-color: initial;
+}
+@media (min-width: 1025px) {
+ html .mainCarNum .oneButton {
+ width: 16rem;
+ }
+ html .mainCarNum .oneButton a::before, html .mainCarNum .oneButton a::after {
+ background-image: initial;
+ width: 5rem;
+ margin-left: -0.1rem;
+ }
+ html .mainCarNum .oneButton a::before {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
+ height: 5.6rem;
+ }
+ html .mainCarNum .oneButton a::after {
+ content: "";
+ position: initial;
+ background-image: url(../../images/kia/svg/kia-btn-wright.svg);
+ height: 5.6rem;
+ -webkit-transform: initial;
+ }
+ html .mainCarNum .oneButton a p {
+ justify-content: center;
+ margin-left: initial;
+ background-color: #fff;
+ color: #05141F;
+ border-width: 1px 0 1px 0;
+ border-style: solid;
+ border-color: #9BA1A5;
+ }
+ html .mainCarNum .oneButton a p:hover {
+ color: #05141F;
+ border-color: #F3C300;
+ background-color: #F3C300;
+ }
+ html .mainCarNum .oneButton a:hover p {
+ color: #05141F;
+ background-color: #F3C300;
+ }
+ html .mainCarNum .oneButton a:hover::before {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-yleft.svg);
+ height: 5.6rem;
+ }
+ html .mainCarNum .oneButton a:hover::after {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-yright.svg);
+ height: 5.6rem;
+ }
+}
+html .footer {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ background-color: #05141F;
+ color: #fff;
+ font-family: "KiaSignature";
+ padding-top: 9rem;
+}
+@media (min-width: 768px) {
+ html .footer {
+ padding-bottom: 10rem;
+ }
+}
+@media (min-width: 1240px) {
+ html .footer {
+ padding-top: 15rem;
+ height: 39rem;
+ padding-bottom: 0rem;
+ }
+}
+html .footer::before {
+ content: "";
+ position: absolute;
+ top: -4rem;
+ right: 0;
+ width: 100%;
+ height: 4rem;
+ display: block;
+ background-image: url(../../images/kia/svg/footer-bg.svg);
+ background-position: top right -35rem;
+ background-repeat: no-repeat;
+}
+@media (min-width: 1025px) {
+ html .footer::before {
+ background-position: top right -22rem;
+ }
+}
+@media (min-width: 1240px) {
+ html .footer::before {
+ background-position: top right;
+ }
+}
+html .footer .kiaInner {
+ position: relative;
+ width: 100%;
+ padding-left: 2rem;
+ padding-right: 2rem;
+ margin: 0 auto;
+ background-color: #05141F;
+ display: block;
+ padding-bottom: 10.3rem;
+}
+@media (min-width: 768px) {
+ html .footer .kiaInner {
+ display: flex;
+ padding-bottom: 0rem;
+ }
+}
+@media (min-width: 1240px) {
+ html .footer .kiaInner {
+ width: 120rem;
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+html .footer .kiaInner .tLeft {
+ displaY: block;
+}
+@media (min-width: 1240px) {
+ html .footer .kiaInner .tLeft {
+ display: flex;
+ }
+}
+html .footer .kiaInner .tLeft .logoSEction {
+ width: 15rem;
+}
+html .footer .kiaInner .tLeft .logoSEction img {
+ width: 9rem;
+ height: 2.2rem;
+}
+html .footer .kiaInner .tLeft .companyInfo {
+ margin-left: 0rem;
+ margin-top: 2rem;
+}
+@media (min-width: 1240px) {
+ html .footer .kiaInner .tLeft .companyInfo {
+ margin-left: 5.5rem;
+ margin-top: 0;
+ padding-right: 18rem;
+ }
+}
+html .footer .kiaInner .tLeft .companyInfo ul {
+ displaY: flex;
+}
+html .footer .kiaInner .tLeft .companyInfo ul li {
+ displaY: flex;
+ align-items: center;
+ color: #aaa;
+ font-size: 1.2rem;
+ font-weight: 400;
+}
+@media (min-width: 768px) {
+ html .footer .kiaInner .tLeft .companyInfo ul li {
+ font-size: 1.2rem;
+ }
+}
+html .footer .kiaInner .tLeft .companyInfo ul li a {
+ color: #aaa;
+ font-size: 1.4rem;
+ font-weight: 400;
+}
+html .footer .kiaInner .tLeft .companyInfo ul li:first-child a {
+ color: #fff;
+ font-weight: 600;
+}
+html .footer .kiaInner .tLeft .companyInfo ul li::after {
+ content: "";
+ displaY: block;
+ margin-left: 1rem;
+ margin-right: 1rem;
+ width: 1px;
+ height: 1.5rem;
+ background-color: rgb(68, 68, 68);
+}
+html .footer .kiaInner .tLeft .companyInfo ul li:last-child::after {
+ display: none;
+}
+html .footer .kiaInner .tLeft .companyInfo ul + ul {
+ margin-top: 1.3rem;
+ flex-wrap: wrap;
+}
+@media (min-width: 768px) {
+ html .footer .kiaInner .tLeft .companyInfo ul + ul {
+ margin-top: 0.9rem;
+ }
+}
+html .footer .kiaInner .tLeft .companyInfo ul + ul li {
+ margin-bottom: 1rem;
+}
+html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(3)::after {
+ displaY: none;
+}
+html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(1), html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(2), html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(3), html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(4) {
+ width: 100%;
+}
+@media (min-width: 768px) {
+ html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(1), html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(2), html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(3), html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(4) {
+ width: -webkit-fit-content;
+ width: -moz-fit-content;
+ width: fit-content;
+ }
+}
+html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(1)::after, html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(2)::after, html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(3)::after, html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(4)::after {
+ display: none;
+}
+@media (min-width: 768px) {
+ html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(1)::after, html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(2)::after, html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(3)::after, html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(4)::after {
+ display: block;
+ }
+}
+html .footer .kiaInner .csTime {
+ min-width: 24rem;
+ margin-top: 5rem;
+}
+@media (min-width: 768px) {
+ html .footer .kiaInner .csTime {
+ margin-left: 5rem;
+ }
+}
+@media (min-width: 1240px) {
+ html .footer .kiaInner .csTime {
+ margin-top: 0;
+ margin-left: 0rem;
+ }
+}
+html .footer .kiaInner .csTime p strong {
+ displaY: block;
+ font-size: 1.6rem;
+ font-weight: 400;
+ color: #fff;
+ margin-bottom: 1rem;
+}
+html .footer .kiaInner .csTime p span {
+ displaY: block;
+ font-size: 1.4rem;
+ font-weight: 400;
+ color: #aaa;
+}
+html .footer .kiaInner .csTime p + p {
+ margin-top: 0.8rem;
+}
+html .footer .kiaInner .copyRight {
+ position: absolute;
+ left: 2rem;
+ bottom: 4rem;
+ font-size: 1.2rem;
+}
+@media (min-width: 768px) {
+ html .footer .kiaInner .copyRight {
+ bottom: 0;
+ }
+}
+@media (min-width: 1240px) {
+ html .footer .kiaInner .copyRight {
+ left: 15rem;
+ }
+}
+html .footer .kiaInner .copyRight span {
+ font-family: Arial, Helvetica, sans-serif;
+}
+html .footer .kiaInner .familyBoxWarp {
+ display: flex;
+ justify-content: flex-start;
+ width: 100%;
+}
+@media (min-width: 768px) {
+ html .footer .kiaInner .familyBoxWarp {
+ width: 24rem;
+ justify-content: flex-end;
+ }
+}
+html .footer .kiaInner .familyBoxWarp .familyBox {
+ margin-top: 2.7rem;
+ width: 100%;
+}
+html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select {
+ position: relative;
+ width: 100%;
+ height: 4.5rem;
+ min-width: 10rem;
+}
+@media (min-width: 768px) {
+ html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select {
+ width: 24rem;
+ }
+}
+html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .btn-select {
+ position: relative;
+ width: 100%;
+ height: 4.5rem;
+ font-size: 1.4rem;
+ padding: 1.4rem 2rem;
+ background-color: #05141F;
+ border: 1px solid #676767;
+ box-sizing: border-box;
+ cursor: pointer;
+ text-align: left;
+ color: #fff;
+ line-height: 1;
+ /* 말줄임 */
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+@media (min-width: 768px) {
+ html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .btn-select {
+ font-size: 1.4rem;
+ }
+}
+html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .btn-select::after {
+ content: "";
+ position: absolute;
+ right: 1rem;
+ top: 40%;
+ transform: translate(-50%, 0);
+ width: 1.2rem;
+ height: 1.2rem;
+ displaY: block;
+ background: url("/kr/assets/images/common/icon-wplus.svg");
+ background-size: contain;
+ background-repeat: no-repeat;
+ transform: rotate(-180deg);
+}
+html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .list-member {
+ display: none;
+ position: absolute;
+ padding: 1rem 1.5rem;
+ width: 100%;
+ bottom: 4.4rem;
+ left: 0;
+ border: 1px solid #676767;
+ box-sizing: border-box;
+ background-color: #05141F;
+ z-index: 1;
+}
+html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .btn-select.on::after {
+ transform: rotate(0deg);
+}
+html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .btn-select.on + .list-member {
+ display: block;
+}
+html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .list-member li {
+ display: flex;
+ align-items: center;
+ font-size: 1.4rem;
+ line-height: 2;
+ height: 3rem;
+ box-sizing: border-box;
+}
+html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .list-member li a {
+ display: block;
+ width: 100%;
+ font-size: 1.4rem;
+ border: none;
+ cursor: pointer;
+ text-align: left;
+ color: #676767;
+ /* 말줄임 */
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .list-member li a:hover {
+ color: #fff;
+}
+html .footer .kiaInner .familyBoxWarp .searchTextBox {
+ width: 100%;
+ border: 1px solid #DEDEDE;
+ border-left: 0;
+ height: 4.5rem;
+ padding: 1rem 2rem;
+ display: flex;
+ justify-content: space-between;
+}
+@media (min-width: 768px) {
+ html .footer .kiaInner .familyBoxWarp .searchTextBox {
+ width: 32rem;
+ }
+}
+html .footer .kiaInner .familyBoxWarp .searchTextBox input[type=text] {
+ width: 100%;
+}
+html .footer .kiaInner .familyBoxWarp .searchTextBox .icon-search {
+ displaY: block;
+ width: 2.4rem;
+ height: 2.4rem;
+ background-image: url(../../images/common/icon-search.svg);
+ background-size: contain;
+}
+html .footer .top {
+ position: absolute;
+ right: 2rem;
+ bottom: 45rem;
+ display: none;
+}
+html .towButton {
+ display: flex;
+ justify-content: space-between;
+}
+html .towButton .leftBtn,
+html .towButton .rightBtn {
+ height: 5.6rem;
+ displaY: flex;
+ width: 100%;
+}
+html .towButton .leftBtn p,
+html .towButton .rightBtn p {
+ displaY: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ height: 5.6rem;
+ font-size: 1.4rem;
+ font-weight: 600;
+ font-family: "KiaSignature";
+}
+@media (min-width: 768px) {
+ html .towButton .leftBtn {
+ margin-right: 0.5rem;
+ }
+}
+html .towButton .leftBtn p {
+ padding-right: 2.8rem;
+ background-color: #fff;
+ color: #000;
+ border-width: 1px 1px 1px 0;
+ border-style: solid;
+ border-color: #9BA1A5;
+ border-radius: 0 0.4rem 0.4rem 0;
+}
+html .towButton .leftBtn::before {
+ content: "";
+ display: block;
+ width: 3.2rem;
+ height: 5.6rem;
+ background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
+ background-size: auto;
+ background-repeat: no-repeat;
+}
+@media (min-width: 768px) {
+ html .towButton .leftBtn::before {
+ width: 3.2rem;
+ }
+}
+html .towButton .leftBtn:hover p {
+ color: #05141F;
+ border-color: #F3C300;
+ background-color: #F3C300;
+}
+html .towButton .leftBtn:hover::before {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-yleft.svg);
+}
+@media (hover: hover) and (pointer: fine) {
+ html .towButton .leftBtn:hover p {
+ color: #05141F;
+ border-color: #9BA1A5;
+ background-color: #fff;
+ }
+ html .towButton .leftBtn:hover::before {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
+ }
+}
+@media (hover: hover) and (pointer: fine) {
+ html .towButton .leftBtn:hover p {
+ color: #05141F;
+ border-color: #9BA1A5;
+ background-color: #fff;
+ }
+ html .towButton .leftBtn:hover::before {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
+ }
+}
+html .towButton .rightBtn {
+ border-radius: 0.4rem;
+}
+@media (min-width: 768px) {
+ html .towButton .rightBtn {
+ margin-left: 0.5rem;
+ }
+}
+html .towButton .rightBtn p {
+ background-color: #05141F;
+ color: #fff !important;
+ border: none;
+ border-right: none;
+ border-radius: 0.4rem 0 0 0.4rem;
+ padding-left: 2.8rem;
+ font-family: "KiaSignature";
+}
+html .towButton .rightBtn::after {
+ content: "";
+ display: block;
+ width: 3.2rem;
+ border: none;
+ height: 5.6rem;
+ background-image: url(../../images/kia/svg/kia-btn-bright.svg);
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: top right;
+ margin-left: -1px;
+}
+@media (min-width: 768px) {
+ html .towButton .rightBtn::after {
+ width: 3.2rem;
+ }
+}
+html .towButton .rightBtn:hover p {
+ color: #05141F;
+ border-color: #CDD0D2;
+ background-color: #CDD0D2;
+}
+html .towButton .rightBtn:hover::after {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-gright.svg);
+}
+html .oneButton {
+ height: 5.6rem;
+ width: 100%;
+ min-width: 16rem;
+}
+html .oneButton button,
+html .oneButton div,
+html .oneButton a {
+ width: 100%;
+ display: flex;
+ cursor: pointer;
+}
+html .oneButton button::before,
+html .oneButton div::before,
+html .oneButton a::before {
+ content: "";
+ display: block;
+ width: 3.2rem;
+ height: 5.6rem;
+ background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
+ background-size: auto;
+ background-repeat: no-repeat;
+ background-position: center left;
+}
+@media (min-width: 768px) {
+ html .oneButton button::before,
+html .oneButton div::before,
+html .oneButton a::before {
+ width: 3.2rem;
+ }
+}
+html .oneButton button::after,
+html .oneButton div::after,
+html .oneButton a::after {
+ content: "";
+ display: block;
+ width: 3.2rem;
+ height: 5.6rem;
+ background-image: url(../../images/kia/svg/kia-btn-wright.svg);
+ background-size: auto;
+ background-repeat: no-repeat;
+ background-position: center right;
+}
+@media (min-width: 768px) {
+ html .oneButton button::after,
+html .oneButton div::after,
+html .oneButton a::after {
+ width: 3.2rem;
+ }
+}
+html .oneButton button:hover p,
+html .oneButton div:hover p,
+html .oneButton a:hover p {
+ color: #05141F;
+ border-color: #F3C300;
+ background-color: #F3C300;
+}
+html .oneButton button:hover::before,
+html .oneButton div:hover::before,
+html .oneButton a:hover::before {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-yleft.svg);
+}
+html .oneButton button:hover::after,
+html .oneButton div:hover::after,
+html .oneButton a:hover::after {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-yright.svg);
+}
+html .oneButton button p,
+html .oneButton div p,
+html .oneButton a p {
+ font-family: "KiaSignature";
+ display: flex;
+ font-size: 1.4rem;
+ font-weight: 600;
+ align-items: center;
+ justify-content: center;
+ height: 5.6rem;
+ width: calc(100% - 64px);
+ background-color: #fff;
+ color: #05141F;
+ border-width: 1px 0 1px 0;
+ border-style: solid;
+ border-color: #9BA1A5;
+ border-radius: 0;
+}
+html .oneButtonBlack {
+ height: 5.6rem;
+ width: 100%;
+}
+html .oneButtonBlack button,
+html .oneButtonBlack a {
+ width: 100%;
+ display: flex;
+}
+html .oneButtonBlack button::before,
+html .oneButtonBlack a::before {
+ content: "";
+ display: block;
+ width: 3.2rem;
+ height: 5.6rem;
+ background-image: url(../../images/kia/svg/kia-btn-bleft.svg);
+ background-size: auto;
+ background-repeat: no-repeat;
+ background-position: center left;
+}
+@media (max-width: 320px) {
+ html .oneButtonBlack button::before,
+html .oneButtonBlack a::before {
+ width: 3.2rem;
+ }
+}
+@media (max-width: 768px) {
+ html .oneButtonBlack button::before,
+html .oneButtonBlack a::before {
+ width: 3.2rem;
+ }
+}
+@media (max-width: 501px) {
+ html .oneButtonBlack button::before,
+html .oneButtonBlack a::before {
+ width: 3.2rem;
+ }
+}
+html .oneButtonBlack button::after,
+html .oneButtonBlack a::after {
+ content: "";
+ display: block;
+ width: 3.2rem;
+ height: 5.6rem;
+ background-image: url(../../images/kia/svg/kia-btn-bright.svg);
+ background-size: auto;
+ background-repeat: no-repeat;
+ background-position: center right;
+}
+@media (max-width: 320px) {
+ html .oneButtonBlack button::after,
+html .oneButtonBlack a::after {
+ width: 4.2rem;
+ }
+}
+@media (max-width: 768px) {
+ html .oneButtonBlack button::after,
+html .oneButtonBlack a::after {
+ width: 3rem;
+ }
+}
+@media (max-width: 501px) {
+ html .oneButtonBlack button::after,
+html .oneButtonBlack a::after {
+ width: 3rem;
+ }
+}
+html .oneButtonBlack button:hover p,
+html .oneButtonBlack a:hover p {
+ color: #05141F;
+ border-color: #CDD0D2;
+ background-color: #CDD0D2;
+}
+html .oneButtonBlack button:hover::before,
+html .oneButtonBlack a:hover::before {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-gleft.svg);
+}
+html .oneButtonBlack button:hover::after,
+html .oneButtonBlack a:hover::after {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-gright.svg);
+}
+html .oneButtonBlack button p,
+html .oneButtonBlack a p {
+ font-family: "KiaSignature";
+ display: flex;
+ font-size: 1.4rem;
+ font-weight: 600;
+ align-items: center;
+ justify-content: center;
+ height: 5.6rem;
+ width: calc(100% - 64px);
+ background-color: #05141F;
+ color: #fff;
+ border-width: 1px 0 1px 0;
+ border-style: solid;
+ border-color: #05141F;
+ border-radius: 0;
+}
+html .productRight .optionWarp .producOption .optionList .productSmallVideo {
+ border-radius: 0.6rem;
+}
+html .productRight .optionWarp .producOption .optionList .checkBtn label {
+ border-radius: 0.6rem;
+ border: 1px solid #DEDEDE;
+}
+html .productRight .optionWarp .producOption .optionList .checkBtn input[type=checkbox] {
+ visibility: hidden;
+ position: absolute;
+}
+html .productRight .optionWarp .producOption .optionList .checkBtn input[type=checkbox]:checked + label {
+ background-color: #05141F;
+ border: 1px solid #05141F;
+}
+html .productRight .optionWarp .producOption .optionList .checkBtn input[type=checkbox]:checked + label::before {
+ content: "";
+ position: absolute;
+ right: 2rem;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ display: block;
+ width: 2rem;
+ height: 2rem;
+ background-image: url(../../images/common/icon_select.svg);
+ background-size: contain;
+ background-repeat: no-repeat;
+}
+html .productRight .optionWarp .producOption .optionList .checkBtn input[type=checkbox]:checked + label div p span,
+html .productRight .optionWarp .producOption .optionList .checkBtn input[type=checkbox]:checked + label div p strong {
+ color: #fff;
+}
+html .productRight .optionWarp .producOption .optionList .checkBtn:hover label {
+ border: 1px solid #000;
+}
+html .productRight .optionWarp .producOption .optionList .checkBtn div {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ padding-left: 3rem;
+}
+html .productRight .optionWarp .producOption .optionList .checkBtn div p span,
+html .productRight .optionWarp .producOption .optionList .checkBtn div p strong {
+ displaY: block;
+ width: 100%;
+ font-size: 1.6rem;
+}
+html .productRight .optionWarp .producOption .optionList .checkBtn div p strong {
+ font-weight: 600;
+}
+html .productRight .optionWarp .producOption .optionList .checkBtn div p span {
+ font-weight: 400;
+}
+html .productRight .optionWarp .producOption .optionList .checkBtn div p strong + span {
+ margin-top: 1rem;
+}
+html .productRight .optionWarp .producOption .optionList .checkBtn + .checkBtn {
+ margin-top: 1rem;
+}
+html .inquiryBtn a::before, html .inquiryBtn a::after {
+ width: 3.2rem;
+}
+@media (min-width: 768px) {
+ html .inquiryBtn a::before, html .inquiryBtn a::after {
+ width: 3.2rem;
+ }
+}
+html .contentWarp .mypageWarp .rightConWarp .listbtnWarp {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+html .contentWarp .mypageWarp .rightConWarp .listbtnWarp .towButton {
+ width: 100%;
+}
+@media (min-width: 768px) {
+ html .contentWarp .mypageWarp .rightConWarp .listbtnWarp .towButton {
+ width: 37rem;
+ }
+}
+
+body .faqKey {
+ background-image: url(../../images/kia/keybg/faq-key.png);
+ background-position: 70%;
+}
+@media (min-width: 1025px) {
+ body .faqKey {
+ background-image: url(../../images/kia/keybg/faq-key.png);
+ }
+}
+body .csKey {
+ background-image: url(../../images/kia/keybg/cs-key.png);
+ background-position: 70%;
+}
+@media (min-width: 1025px) {
+ body .csKey {
+ background-image: url(../../images/kia/keybg/cs-key.png);
+ }
+}
+body .serviceInfo {
+ background-image: url(../../images/kia/keybg/serviceinfo-key.png);
+}
+@media (min-width: 1025px) {
+ body .serviceInfo {
+ background-image: url(../../images/kia/keybg/serviceinfo-key.png);
+ }
+}
+body .notice {
+ background-image: url(../../images/kia/keybg/notice-key.png);
+ background-position: center;
+}
+@media (min-width: 1025px) {
+ body .notice {
+ background-image: url(../../images/kia/keybg/notice-key.png);
+ }
+}
+body .event {
+ background-image: url(../../images/kia/keybg/event-key.png);
+ background-position: 30%;
+}
+@media (min-width: 1025px) {
+ body .event {
+ background-image: url(../../images/kia/keybg/event-key.png);
+ }
+}
+
+body#faq .csWarp {
+ border-radius: 0.6rem;
+}
+
+.hederWarp .headerInner .headerTop .headerGnb .logo p {
+ font-size: 1.5rem;
+ font-weight: 600;
+}
+@media (min-width: 1025px) {
+ .hederWarp .headerInner .headerTop .headerGnb .logo p {
+ font-size: 2rem;
+ }
+}
+
+.oneButtonLine {
+ height: 5.6rem;
+ width: 100%;
+ min-width: 16rem;
+}
+.oneButtonLine button,
+.oneButtonLine div,
+.oneButtonLine a {
+ width: 100%;
+ display: flex;
+ cursor: pointer;
+}
+.oneButtonLine button::before,
+.oneButtonLine div::before,
+.oneButtonLine a::before {
+ content: "";
+ display: block;
+ width: 3.2rem;
+ height: 5.6rem;
+ background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
+ background-size: auto;
+ background-repeat: no-repeat;
+ background-position: center left;
+}
+@media (min-width: 768px) {
+ .oneButtonLine button::before,
+.oneButtonLine div::before,
+.oneButtonLine a::before {
+ width: 3.2rem;
+ }
+}
+.oneButtonLine button::after,
+.oneButtonLine div::after,
+.oneButtonLine a::after {
+ content: "";
+ display: block;
+ width: 3.2rem;
+ height: 5.6rem;
+ background-image: url(../../images/kia/svg/kia-btn-wright.svg);
+ background-size: auto;
+ background-repeat: no-repeat;
+ background-position: center right;
+}
+@media (min-width: 768px) {
+ .oneButtonLine button::after,
+.oneButtonLine div::after,
+.oneButtonLine a::after {
+ width: 3.2rem;
+ }
+}
+.oneButtonLine button:hover p,
+.oneButtonLine div:hover p,
+.oneButtonLine a:hover p {
+ color: #fff;
+ border-color: #05141F;
+ background-color: #05141F;
+}
+.oneButtonLine button:hover::before,
+.oneButtonLine div:hover::before,
+.oneButtonLine a:hover::before {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-bleft.svg);
+}
+.oneButtonLine button:hover::after,
+.oneButtonLine div:hover::after,
+.oneButtonLine a:hover::after {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-bright.svg);
+}
+.oneButtonLine button p,
+.oneButtonLine div p,
+.oneButtonLine a p {
+ font-family: "KiaSignature";
+ display: flex;
+ font-size: 1.4rem;
+ font-weight: 600;
+ align-items: center;
+ justify-content: center;
+ height: 5.6rem;
+ width: calc(100% - 64px);
+ background-color: #fff;
+ color: #05141F;
+ border-width: 1px 0 1px 0;
+ border-style: solid;
+ border-color: #9BA1A5;
+ border-radius: 0;
+}
+/*# sourceMappingURL=kia.css.map */
\ No newline at end of file
diff --git a/assets/css/kia.css.map b/assets/css/kia.css.map
new file mode 100644
index 0000000..f8aa818
--- /dev/null
+++ b/assets/css/kia.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["kia.css","_utils.scss","kia/kia.scss"],"names":[],"mappings":"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","file":"kia.css"}
\ No newline at end of file
diff --git a/assets/css/kia/kia.css b/assets/css/kia/kia.css
index 0318f24..8868867 100644
--- a/assets/css/kia/kia.css
+++ b/assets/css/kia/kia.css
@@ -1288,4 +1288,92 @@ body#faq .csWarp {
font-size: 2rem;
}
}
+
+.oneButtonLine {
+ height: 5.6rem;
+ width: 100%;
+ min-width: 16rem;
+}
+.oneButtonLine button,
+.oneButtonLine div,
+.oneButtonLine a {
+ width: 100%;
+ display: flex;
+ cursor: pointer;
+}
+.oneButtonLine button::before,
+.oneButtonLine div::before,
+.oneButtonLine a::before {
+ content: "";
+ display: block;
+ width: 3.2rem;
+ height: 5.6rem;
+ background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
+ background-size: auto;
+ background-repeat: no-repeat;
+ background-position: center left;
+}
+@media (min-width: 768px) {
+ .oneButtonLine button::before,
+.oneButtonLine div::before,
+.oneButtonLine a::before {
+ width: 3.2rem;
+ }
+}
+.oneButtonLine button::after,
+.oneButtonLine div::after,
+.oneButtonLine a::after {
+ content: "";
+ display: block;
+ width: 3.2rem;
+ height: 5.6rem;
+ background-image: url(../../images/kia/svg/kia-btn-wright.svg);
+ background-size: auto;
+ background-repeat: no-repeat;
+ background-position: center right;
+}
+@media (min-width: 768px) {
+ .oneButtonLine button::after,
+.oneButtonLine div::after,
+.oneButtonLine a::after {
+ width: 3.2rem;
+ }
+}
+.oneButtonLine button:hover p,
+.oneButtonLine div:hover p,
+.oneButtonLine a:hover p {
+ color: #fff;
+ border-color: #05141F;
+ background-color: #05141F;
+}
+.oneButtonLine button:hover::before,
+.oneButtonLine div:hover::before,
+.oneButtonLine a:hover::before {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-bleft.svg);
+}
+.oneButtonLine button:hover::after,
+.oneButtonLine div:hover::after,
+.oneButtonLine a:hover::after {
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-bright.svg);
+}
+.oneButtonLine button p,
+.oneButtonLine div p,
+.oneButtonLine a p {
+ font-family: "KiaSignature";
+ display: flex;
+ font-size: 1.4rem;
+ font-weight: 600;
+ align-items: center;
+ justify-content: center;
+ height: 5.6rem;
+ width: calc(100% - 64px);
+ background-color: #fff;
+ color: #05141F;
+ border-width: 1px 0 1px 0;
+ border-style: solid;
+ border-color: #9BA1A5;
+ border-radius: 0;
+}
/*# sourceMappingURL=kia.css.map */
\ No newline at end of file
diff --git a/assets/css/kia/kia.scss b/assets/css/kia/kia.scss
index 09b278b..81d5431 100644
--- a/assets/css/kia/kia.scss
+++ b/assets/css/kia/kia.scss
@@ -1322,3 +1322,79 @@ body#faq{
}
}
}
+
+//기아 버튼 [1개 짜리 불랙]
+.oneButtonLine{
+ height:5.6rem;
+ width:100%;
+ min-width: 16rem;
+
+ button,
+ div,
+ a{
+ width: 100%;
+ // max-width:calc(100% - 54px);
+ display:flex;
+ cursor: pointer;
+ &::before{
+ content: "";
+ display:block;
+ width:3.2rem;
+ height:5.6rem;
+ background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
+ background-size: auto;
+ background-repeat: no-repeat;
+ background-position: center left;
+ @include tablet{
+ width:3.2rem;
+ }
+ }
+ &::after{
+ content: "";
+ display:block;
+ width:3.2rem;
+ height:5.6rem;
+ background-image: url(../../images/kia/svg/kia-btn-wright.svg);
+ background-size: auto;
+ background-repeat: no-repeat;
+ background-position: center right;
+ @include tablet{
+ width:3.2rem;
+ }
+ }
+ &:hover{
+ p{
+ color:#fff;
+ border-color: #05141F;
+ background-color: #05141F;
+ }
+ &::before{
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-bleft.svg);
+
+ }
+ &::after{
+ content: "";
+ background-image: url(../../images/kia/svg/kia-btn-bright.svg);
+ }
+ }
+ p{
+ font-family: 'KiaSignature';
+ display:flex;
+ font-size: 1.4rem;
+ font-weight: 600;
+ align-items: center;
+ justify-content: center;
+ height: 5.6rem;
+ width:calc(100% - 64px);
+ background-color: #fff;
+ color:#05141F;
+ border-width:1px 0 1px 0 ;
+ border-style: solid;
+ border-color: #9BA1A5;
+ border-radius: 0 ;
+ }
+ }
+
+
+}
\ No newline at end of file
diff --git a/assets/css/product.css b/assets/css/product.css
index f93e316..3e44ffc 100644
--- a/assets/css/product.css
+++ b/assets/css/product.css
@@ -783,6 +783,7 @@
display: block;
font-size: 1.4rem;
color: #9EA1A2;
+ text-align: right;
}
@media (max-width: 1024px) {
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .discount {
@@ -797,6 +798,10 @@
font-weight: 400;
text-decoration: line-through;
}
+.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .dc {
+ margin-right: 0.4rem;
+ color: #EA0029;
+}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio] {
visibility: hidden;
position: absolute;
@@ -818,6 +823,9 @@
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label .discount {
color: #9EA1A2;
}
+.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label .dc {
+ color: #F3C300;
+}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn:hover label {
border: 1px solid #000;
}
diff --git a/assets/css/product.css.map b/assets/css/product.css.map
index f9b0799..45b0f06 100644
--- a/assets/css/product.css.map
+++ b/assets/css/product.css.map
@@ -1 +1 @@
-{"version":3,"sources":["product.css","_utils.scss","product.scss"],"names":[],"mappings":"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","file":"product.css"}
\ No newline at end of file
+{"version":3,"sources":["product.css","_utils.scss","product.scss"],"names":[],"mappings":"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","file":"product.css"}
\ No newline at end of file
diff --git a/assets/css/product.scss b/assets/css/product.scss
index 6d297a2..c857c72 100644
--- a/assets/css/product.scss
+++ b/assets/css/product.scss
@@ -719,6 +719,7 @@
display: block;
font-size: 1.4rem;
color: #9EA1A2;
+ text-align: right;
@media(max-width: 1024px){
width: 100%;
margin:.2rem 0 0;
@@ -732,6 +733,10 @@
text-decoration:line-through;
}
}
+ .dc {
+ margin-right: .4rem;
+ color: #EA0029;
+ }
}
input[type=radio]{
visibility: hidden;
@@ -752,6 +757,9 @@
.discount {
color: #9EA1A2;
}
+ .dc {
+ color: #F3C300;
+ }
}
}
&:hover{
diff --git a/product/pdp_display_theme_0429.html b/product/pdp_display_theme_0429.html
index b0120e6..dd03fee 100644
--- a/product/pdp_display_theme_0429.html
+++ b/product/pdp_display_theme_0429.html
@@ -397,7 +397,11 @@
@@ -405,9 +409,9 @@
- 총 결제 금액
- - ₩ 29,900
+ - ₩ 5,000
-