diff --git a/.prettierrc b/.prettierrc index 7049367..c76352f 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,4 +1,4 @@ { - "printWidth": 99999, - "tabWidth": 4 + "printWidth": 99999, + "tabWidth": 2 } diff --git a/.vscode/settings.json b/.vscode/settings.json index b908e4b..1dea108 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,6 +1,4 @@ { - "prettier.printWidth": 9999, - "prettier.htmlWhitespaceSensitivity": "ignore", // 불필요한 줄 정렬 방지 - // "editor.defaultFormatter": "esbenp.prettier-vscode", - "editor.formatOnSave": true // 저장 시 자동 포맷 + // "editor.defaultFormatter": "esbenp.prettier-vscode", + // "editor.formatOnSave": true // 저장 시 자동 포맷 } diff --git a/kr/assets/css/kia/kia.css b/kr/assets/css/kia/kia.css index de684d3..0c7a17a 100644 --- a/kr/assets/css/kia/kia.css +++ b/kr/assets/css/kia/kia.css @@ -13,12 +13,12 @@ html body { font-weight: 400; overflow-x: hidden; } -html input[type=checkbox] { +html input[type="checkbox"] { accent-color: #000; width: 2rem; height: 2rem; border-radius: 0.6rem; - border-color: #DEDEDE; + border-color: #dedede; } html button { font-family: "KiaSignature"; @@ -76,7 +76,7 @@ html .hederWarp_n.hBoder .icon-cart { } html textarea { width: 100%; - border: 1px solid #DEDEDE; + border: 1px solid #dedede; outline: 0 none; border-radius: 0; padding: 1.5rem 1.7rem; @@ -97,7 +97,7 @@ html .scrollDisable .logoImg { background-image: url(../../images/kia/kia-blogo-n.svg); } html .mainNotice { - background-color: #F3F3F3; + background-color: #f3f3f3; height: 11.5rem; width: 100%; display: flex; @@ -201,7 +201,7 @@ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dd { } @media (min-width: 768px) { html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dt, -html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dd { + html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dd { font-size: 1.6rem; width: -webkit-fit-content; width: -moz-fit-content; @@ -209,7 +209,7 @@ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dd { } } html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dt { - color: #9EA1A2; + color: #9ea1a2; } html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dd { color: #000; @@ -339,11 +339,13 @@ html .mainBanner .mabannerInner .listImgBtn { width: 17.6rem; } } -html .mainBanner .mabannerInner .listImgBtn .oneButton div::after, html .mainBanner .mabannerInner .listImgBtn .oneButton div::before { +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 { + html .mainBanner .mabannerInner .listImgBtn .oneButton div::after, + html .mainBanner .mabannerInner .listImgBtn .oneButton div::before { width: 3.2rem; } } @@ -409,13 +411,15 @@ html .mainSwiper ul li .mainText p span { 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 { +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 { +html .mainCarNum .oneButton a::before, +html .mainCarNum .oneButton a::after { background-image: initial; width: 0; height: 0; @@ -455,7 +459,8 @@ html .mainCarNum .oneButton a p:hover { html .mainCarNum .oneButton { width: 16rem; } - html .mainCarNum .oneButton a::before, html .mainCarNum .oneButton a::after { + html .mainCarNum .oneButton a::before, + html .mainCarNum .oneButton a::after { background-image: initial; width: 5rem; margin-left: -0.1rem; @@ -476,19 +481,19 @@ html .mainCarNum .oneButton a p:hover { justify-content: center; margin-left: initial; background-color: #fff; - color: #05141F; + color: #05141f; border-width: 1px 0 1px 0; border-style: solid; - border-color: #9BA1A5; + border-color: #9ba1a5; } html .mainCarNum .oneButton a p:hover { - color: #05141F; - border-color: #F3C300; - background-color: #F3C300; + color: #05141f; + border-color: #f3c300; + background-color: #f3c300; } html .mainCarNum .oneButton a:hover p { - color: #05141F; - background-color: #F3C300; + color: #05141f; + background-color: #f3c300; } html .mainCarNum .oneButton a:hover::before { content: ""; @@ -505,7 +510,7 @@ html .footer { position: relative; width: 100%; height: 100%; - background-color: #05141F; + background-color: #05141f; color: #fff; font-family: "KiaSignature"; padding-top: 9rem; @@ -550,7 +555,7 @@ html .footer .kiaInner { padding-left: 2rem; padding-right: 2rem; margin: 0 auto; - background-color: #05141F; + background-color: #05141f; display: block; padding-bottom: 10.3rem; } @@ -568,7 +573,7 @@ html .footer .kiaInner { } } html .footer .kiaInner .tLeft { - displaY: block; + display: block; } @media (min-width: 1240px) { html .footer .kiaInner .tLeft { @@ -594,10 +599,10 @@ html .footer .kiaInner .tLeft .companyInfo { } } html .footer .kiaInner .tLeft .companyInfo ul { - displaY: flex; + display: flex; } html .footer .kiaInner .tLeft .companyInfo ul li { - displaY: flex; + display: flex; align-items: center; color: #aaa; font-size: 1.2rem; @@ -619,7 +624,7 @@ html .footer .kiaInner .tLeft .companyInfo ul li:first-child a { } html .footer .kiaInner .tLeft .companyInfo ul li::after { content: ""; - displaY: block; + display: block; margin-left: 1rem; margin-right: 1rem; width: 1px; @@ -642,23 +647,35 @@ 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; + 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) { +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) { + 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 { +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 { + 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; } } @@ -678,14 +695,14 @@ html .footer .kiaInner .csTime { } } html .footer .kiaInner .csTime p strong { - displaY: block; + display: block; font-size: 1.6rem; font-weight: 400; color: #fff; margin-bottom: 1rem; } html .footer .kiaInner .csTime p span { - displaY: block; + display: block; font-size: 1.4rem; font-weight: 400; color: #aaa; @@ -744,7 +761,7 @@ html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .btn- height: 4.5rem; font-size: 1.4rem; padding: 1.4rem 2rem; - background-color: #05141F; + background-color: #05141f; border: 1px solid #676767; box-sizing: border-box; cursor: pointer; @@ -769,7 +786,7 @@ html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .btn- transform: translate(-50%, 0); width: 1.2rem; height: 1.2rem; - displaY: block; + display: block; background: url("/kr/assets/images/common/icon-wplus.svg"); background-size: contain; background-repeat: no-repeat; @@ -784,7 +801,7 @@ html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .list left: 0; border: 1px solid #676767; box-sizing: border-box; - background-color: #05141F; + background-color: #05141f; z-index: 1; } html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .btn-select.on::after { @@ -819,7 +836,7 @@ html .footer .kiaInner .familyBoxWarp .familyBox .familyInner .cont-select .list } html .footer .kiaInner .familyBoxWarp .searchTextBox { width: 100%; - border: 1px solid #DEDEDE; + border: 1px solid #dedede; border-left: 0; height: 4.5rem; padding: 1rem 2rem; @@ -831,11 +848,11 @@ html .footer .kiaInner .familyBoxWarp .searchTextBox { width: 32rem; } } -html .footer .kiaInner .familyBoxWarp .searchTextBox input[type=text] { +html .footer .kiaInner .familyBoxWarp .searchTextBox input[type="text"] { width: 100%; } html .footer .kiaInner .familyBoxWarp .searchTextBox .icon-search { - displaY: block; + display: block; width: 2.4rem; height: 2.4rem; background-image: url(../../images/common/icon-search.svg); @@ -854,12 +871,12 @@ html .towButton { html .towButton .leftBtn, html .towButton .rightBtn { height: 5.6rem; - displaY: flex; + display: flex; width: 100%; } html .towButton .leftBtn p, html .towButton .rightBtn p { - displaY: flex; + display: flex; justify-content: center; align-items: center; width: 100%; @@ -879,7 +896,7 @@ html .towButton .leftBtn p { color: #000; border-width: 1px 1px 1px 0; border-style: solid; - border-color: #9BA1A5; + border-color: #9ba1a5; border-radius: 0 0.4rem 0.4rem 0; } html .towButton .leftBtn::before { @@ -897,9 +914,9 @@ html .towButton .leftBtn::before { } } html .towButton .leftBtn:hover p { - color: #05141F; - border-color: #F3C300; - background-color: #F3C300; + color: #05141f; + border-color: #f3c300; + background-color: #f3c300; } html .towButton .leftBtn:hover::before { content: ""; @@ -907,24 +924,24 @@ html .towButton .leftBtn:hover::before { } @media (hover: hover) and (pointer: fine) { html .towButton .leftBtn:hover p { - color: #05141F; - border-color: #9BA1A5; - background-color: #fff; + color: #05141f; + border-color: #f3c300; + background-color: #f3c300; } html .towButton .leftBtn:hover::before { content: ""; - background-image: url(../../images/kia/svg/kia-btn-wleft.svg); + 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; + color: #05141f; + border-color: #f3c300; + background-color: #f3c300; } html .towButton .leftBtn:hover::before { content: ""; - background-image: url(../../images/kia/svg/kia-btn-wleft.svg); + background-image: url(../../images/kia/svg/kia-btn-yleft.svg); } } html .towButton .rightBtn { @@ -936,13 +953,14 @@ html .towButton .rightBtn { } } html .towButton .rightBtn p { - background-color: #05141F; + 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"; + text-align: center; } html .towButton .rightBtn::after { content: ""; @@ -962,9 +980,9 @@ html .towButton .rightBtn::after { } } html .towButton .rightBtn:hover p { - color: #05141F; - border-color: #CDD0D2; - background-color: #CDD0D2; + color: #05141f; + border-color: #cdd0d2; + background-color: #cdd0d2; } html .towButton .rightBtn:hover::after { content: ""; @@ -996,8 +1014,8 @@ html .oneButton a::before { } @media (min-width: 768px) { html .oneButton button::before, -html .oneButton div::before, -html .oneButton a::before { + html .oneButton div::before, + html .oneButton a::before { width: 3.2rem; } } @@ -1015,17 +1033,17 @@ html .oneButton a::after { } @media (min-width: 768px) { html .oneButton button::after, -html .oneButton div::after, -html .oneButton a::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; + color: #05141f; + border-color: #f3c300; + background-color: #f3c300; } html .oneButton button:hover::before, html .oneButton div:hover::before, @@ -1051,10 +1069,10 @@ html .oneButton a p { height: 5.6rem; width: calc(100% - 64px); background-color: #fff; - color: #05141F; + color: #05141f; border-width: 1px 0 1px 0; border-style: solid; - border-color: #9BA1A5; + border-color: #9ba1a5; border-radius: 0; } html .oneButtonBlack { @@ -1079,19 +1097,19 @@ html .oneButtonBlack a::before { } @media (max-width: 320px) { html .oneButtonBlack button::before, -html .oneButtonBlack a::before { + html .oneButtonBlack a::before { width: 3.2rem; } } @media (max-width: 768px) { html .oneButtonBlack button::before, -html .oneButtonBlack a::before { + html .oneButtonBlack a::before { width: 3.2rem; } } @media (max-width: 501px) { html .oneButtonBlack button::before, -html .oneButtonBlack a::before { + html .oneButtonBlack a::before { width: 3.2rem; } } @@ -1108,27 +1126,27 @@ html .oneButtonBlack a::after { } @media (max-width: 320px) { html .oneButtonBlack button::after, -html .oneButtonBlack a::after { + html .oneButtonBlack a::after { width: 4.2rem; } } @media (max-width: 768px) { html .oneButtonBlack button::after, -html .oneButtonBlack a::after { + html .oneButtonBlack a::after { width: 3rem; } } @media (max-width: 501px) { html .oneButtonBlack button::after, -html .oneButtonBlack a::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; + color: #05141f; + border-color: #cdd0d2; + background-color: #cdd0d2; } html .oneButtonBlack button:hover::before, html .oneButtonBlack a:hover::before { @@ -1150,11 +1168,11 @@ html .oneButtonBlack a p { justify-content: center; height: 5.6rem; width: calc(100% - 64px); - background-color: #05141F; + background-color: #05141f; color: #fff; border-width: 1px 0 1px 0; border-style: solid; - border-color: #05141F; + border-color: #05141f; border-radius: 0; } html .productRight .optionWarp .producOption .optionList .productSmallVideo { @@ -1162,17 +1180,17 @@ html .productRight .optionWarp .producOption .optionList .productSmallVideo { } html .productRight .optionWarp .producOption .optionList .checkBtn label { border-radius: 0.6rem; - border: 1px solid #DEDEDE; + border: 1px solid #dedede; } -html .productRight .optionWarp .producOption .optionList .checkBtn input[type=checkbox] { +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 { + background-color: #05141f; + border: 1px solid #05141f; } -html .productRight .optionWarp .producOption .optionList .checkBtn input[type=checkbox]:checked + label::before { +html .productRight .optionWarp .producOption .optionList .checkBtn input[type="checkbox"]:checked + label::before { content: ""; position: absolute; right: 2rem; @@ -1185,8 +1203,8 @@ html .productRight .optionWarp .producOption .optionList .checkBtn input[type=ch 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 { +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 { @@ -1200,7 +1218,7 @@ html .productRight .optionWarp .producOption .optionList .checkBtn div { } html .productRight .optionWarp .producOption .optionList .checkBtn div p span, html .productRight .optionWarp .producOption .optionList .checkBtn div p strong { - displaY: block; + display: block; width: 100%; font-size: 1.6rem; } @@ -1216,11 +1234,13 @@ html .productRight .optionWarp .producOption .optionList .checkBtn div p strong html .productRight .optionWarp .producOption .optionList .checkBtn + .checkBtn { margin-top: 1rem; } -html .inquiryBtn a::before, html .inquiryBtn a::after { +html .inquiryBtn a::before, +html .inquiryBtn a::after { width: 3.2rem; } @media (min-width: 768px) { - html .inquiryBtn a::before, html .inquiryBtn a::after { + html .inquiryBtn a::before, + html .inquiryBtn a::after { width: 3.2rem; } } @@ -1323,8 +1343,8 @@ body#faq .csWarp { } @media (min-width: 768px) { .oneButtonLine button::before, -.oneButtonLine div::before, -.oneButtonLine a::before { + .oneButtonLine div::before, + .oneButtonLine a::before { width: 3.2rem; } } @@ -1342,8 +1362,8 @@ body#faq .csWarp { } @media (min-width: 768px) { .oneButtonLine button::after, -.oneButtonLine div::after, -.oneButtonLine a::after { + .oneButtonLine div::after, + .oneButtonLine a::after { width: 3.2rem; } } @@ -1351,8 +1371,8 @@ body#faq .csWarp { .oneButtonLine div:hover p, .oneButtonLine a:hover p { color: #fff; - border-color: #05141F; - background-color: #05141F; + border-color: #05141f; + background-color: #05141f; } .oneButtonLine button:hover::before, .oneButtonLine div:hover::before, @@ -1378,10 +1398,10 @@ body#faq .csWarp { height: 5.6rem; width: calc(100% - 64px); background-color: #fff; - color: #05141F; + color: #05141f; border-width: 1px 0 1px 0; border-style: solid; - border-color: #9BA1A5; + border-color: #9ba1a5; border-radius: 0; } -/*# sourceMappingURL=kia.css.map */ \ No newline at end of file +/*# sourceMappingURL=kia.css.map */ diff --git a/kr/assets/css/kia/kia.css.map b/kr/assets/css/kia/kia.css.map index 875f917..f175e7d 100644 --- a/kr/assets/css/kia/kia.css.map +++ b/kr/assets/css/kia/kia.css.map @@ -1 +1,11 @@ -{"version":3,"sources":["kia.css","../../kr/assets/css/_utils.scss","../../kr/assets/css/kia/kia.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB,KAAA;AAGA,YAAA;AAOA,mBAAA;AACA,2BAAA;AAiBA,2BAAA;AACA,yDAAA;AAmBA,4BAAA;AAOA,4BAAA;AAOA,iBAAA;ACrDI;EACI,2BAAA;EACA,gBAAA;EACA,kBAAA;AFER;AECI;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,qBAAA;AFCR;AEEI;EACI,2BAAA;AFAR;AEII;EACI,aAAA;EACA,cAAA;EACA,uDAAA;AFFR;AEKI;EACI,aAAA;EACA,cAAA;EACA,yDAAA;AFHR;AEMI;EACI,aAAA;EACA,cAAA;EACA,yDAAA;AFJR;AESQ;;EACI,aAAA;EACA,cAAA;EACA,wDAAA;AFNZ;AESQ;;EACI,aAAA;EACA,cAAA;EACA,wDAAA;AFNZ;AESQ;;EACI,aAAA;EACA,cAAA;EACA,wDAAA;AFNZ;AEYQ;;EACI,aAAA;EACA,cAAA;EACA,wDAAA;AFTZ;AEYQ;;EACI,aAAA;EACA,cAAA;EACA,wDAAA;AFTZ;AEYQ;;EACI,aAAA;EACA,cAAA;EACA,wDAAA;AFTZ;AEaI;EACI,WAAA;EACA,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;AFXR;AEgBI;EACI,aAAA;EACA,cAAA;EACA,2DAAA;AFdR;AEiBI;EACI,aAAA;EACA,cAAA;EACA,4DAAA;AFfR;AEuBQ;EACI,uDAAA;AFrBZ;AE2BI;EACI,yBAAA;EACA,eAAA;EACA,WAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,mBAAA;AFzBR;AC5EE;EC6FE;IAWQ,aAAA;EFxBV;AACF;ACvDE;ECmEE;IAeQ,eAAA;IACA,gBAAA;EFvBV;AACF;AEyBQ;EACI,WAAA;AFvBZ;AChEE;ECsFM;IAIQ,aAAA;EFtBd;AACF;AEwBY;EACI,aAAA;EACA,eAAA;EACA,kBAAA;AFtBhB;ACpGE;ECuHU;IAMQ,aAAA;EFrBlB;AACF;AEuBgB;EACI,aAAA;AFrBpB;AC5GE;ECgIc;IAIQ,iBAAA;IACA,gBAAA;IACA,WAAA;IACA,aAAA;IACA,mBAAA;EFpBtB;AACF;AEuBgB;EACI,iBAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,WAAA;EACA,gBAAA;EACA,8BAAA;AFrBpB;AC9HE;EC4Ic;IAUQ,mBAAA;IACA,yBAAA;IACA,aAAA;EFpBtB;AACF;AClHE;ECyHc;IAgBQ,yBAAA;EFnBtB;AACF;ACvHE;ECyHc;IAoBQ,yBAAA;EFlBtB;AACF;AEqBwB;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;AFnB5B;ACpJE;ECoKsB;IAMQ,mBAAA;IACA,cAAA;EFlB9B;AACF;AEoB4B;EACI,aAAA;EACA,eAAA;EACA,mBAAA;AFlBhC;AC/JE;EC8K0B;IAMQ,iBAAA;EFjBlC;AACF;AEmBgC;;EAEI,iBAAA;EACA,WAAA;AFjBpC;ACzKE;ECuL8B;;IAMQ,iBAAA;IACA,0BAAA;IAAA,uBAAA;IAAA,kBAAA;EFftC;AACF;AEkBgC;EACI,cAAA;AFhBpC;AEmBgC;EACI,WAAA;EACA,kBAAA;AFjBpC;ACvLE;ECsM8B;IAKQ,aAAA;IACA,yCAAA;IACA,kBAAA;IACA,iBAAA;EFhBtC;AACF;AEsBoB;EACI,QAAA;EACA,gBAAA;AFpBxB;ACnME;ECqNkB;IAKQ,gBAAA;EFnB1B;AACF;AEqBwB;;EAEI,kBAAA;EACA,yBAAA;EACA,QAAA;EACA,aAAA;EACA,YAAA;EACA,WAAA;EACA,cAAA;AFnB5B;AEqB4B;;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,cAAA;EACA,0DAAA;EACA,4BAAA;EACA,2BAAA;AFlBhC;AEuBwB;EACI,uBAAA;EACA,iBAAA;EACA,QAAA;AFrB5B;AEwBwB;EACI,0BAAA;EACA,gBAAA;EACA,OAAA;EACA,gBAAA;AFtB5B;AE+BI;EACI,sEAAA;EACA,4BAAA;EACA,sBAAA;EACA,2BAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;AF7BR;ACjPE;ECsQE;IAWQ,aAAA;IACA,qEAAA;EF5BV;AACF;ACpOE;ECmPE;IAgBQ,iBAAA;EF3BV;AACF;AE6BQ;EACI,kBAAA;EACA,aAAA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,mBAAA;AF3BZ;AC5OE;EC+PM;IAWQ,iBAAA;IACA,kBAAA;IACA,mBAAA;EF1Bd;AACF;AE4BY;EACI,WAAA;AF1BhB;AE4BgB;;EAEI,WAAA;EACA,WAAA;AF1BpB;AE6BgB;EACI,iBAAA;EACA,gBAAA;AF3BpB;ACtQE;EC+Rc;IAKQ,eAAA;EF1BtB;AACF;AE6BgB;EACI,kBAAA;EACA,mBAAA;AF3BpB;AE6BoB;EACI,aAAA;AF3BxB;ACrSE;EC+TkB;IAIQ,cAAA;EF1B1B;AACF;AE+BY;EACI,WAAA;EACA,gBAAA;AF7BhB;AC9SE;ECyUU;IAKQ,cAAA;EF5BlB;AACF;AEiCwB;EAEI,aAAA;AFhC5B;ACtTE;ECoVsB;IAKQ,aAAA;EF/B9B;AACF;AE8CwB;EACI,2BAAA;AF5C5B;AE8C4B;EACI,cAAA;EACA,cAAA;EACA,cAAA;EACA,sDAAA;AF5ChC;ACjTE;ECyV0B;IAOQ,YAAA;IACA,cAAA;EF3ClC;AACF;AEmD4B;EACI,uDAAA;AFjDhC;AEqDwB;EACI,WAAA;AFnD5B;AE2DoC;EACI,gBAAA;AFzDxC;AE4EwB;;EACI,uDAAA;AFzE5B;AEuFwB;;EACI,uDAAA;AFpF5B;AEgGoB;EACI,2BAAA;AF9FxB;AEgGwB;EACI,cAAA;EACA,cAAA;EACA,cAAA;EACA,sDAAA;EACA,4BAAA;EACA,2DAAA;AF9F5B;ACnVE;EC2asB;IASQ,YAAA;IACA,cAAA;IACJ,2DAAA;EF7F1B;AACF;AE6G4B;EACI,uDAAA;AF3GhC;AEgIwB;EACI,kBAAA;AF9H5B;AEiIwB;EACI,mBAAA;AF/H5B;AEmIoB;EACI,gBAAA;AFjIxB;AEqI4B;EAEI,aAAA;AFpIhC;AEiJY;EACI,kBAAA;AF/IhB;AEiJgB;EAEI,yBAAA;EACA,QAAA;EACA,SAAA;AFhJpB;AEmJgB;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;EACA,qFAAA;EACA,iCAAA;AFjJpB;AEqJoB;EACI,cAAA;EACA,yBAAA;AFnJxB;AEsJoB;EACI,mEAAA;AFpJxB;AEwJgB;EACI,2BAAA;EACA,iBAAA;EACA,yBAAA;EACA,cAAA;EACA,qBAAA;EACA,qBAAA;EACA,qBAAA;AFtJpB;AEwJoB;EACI,cAAA;EACA,qBAAA;EACA,yBAAA;AFtJxB;AChZE;ECyfM;IAqDQ,YAAA;EF1Jd;EE8JkB;IAEI,yBAAA;IACA,WAAA;IACA,oBAAA;EF7JtB;EEgKkB;IACI,WAAA;IACA,6DAAA;IACA,cAAA;EF9JtB;EEiKkB;IACI,WAAA;IACA,iBAAA;IACA,8DAAA;IACA,cAAA;IACA,0BAAA;EF/JtB;EEkKkB;IACI,uBAAA;IACA,oBAAA;IACA,sBAAA;IACA,cAAA;IACA,yBAAA;IACA,mBAAA;IACA,qBAAA;EFhKtB;EEkKsB;IACI,cAAA;IACA,qBAAA;IACA,yBAAA;EFhK1B;EEqKsB;IACI,cAAA;IACA,yBAAA;EFnK1B;EEsKsB;IACI,WAAA;IACA,6DAAA;IACA,cAAA;EFpK1B;EEuKsB;IACI,WAAA;IACA,8DAAA;IACA,cAAA;EFrK1B;AACF;AE+KI;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,yBAAA;EACA,WAAA;EACA,2BAAA;EACA,iBAAA;AF7KR;AC9dE;ECooBE;IAUQ,qBAAA;EF5KV;AACF;ACzcE;EC0mBE;IAcQ,kBAAA;IACA,aAAA;IACA,oBAAA;EF3KV;AACF;AE8KQ;EACI,WAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,cAAA;EACA,yDAAA;EACA,qCAAA;EACA,4BAAA;AF5KZ;ACneE;ECqoBM;IAaQ,qCAAA;EF3Kd;AACF;ACjeE;EC8nBM;IAiBQ,8BAAA;EF1Kd;AACF;AE8KQ;EACI,kBAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,cAAA;EACA,yBAAA;EACA,cAAA;EACA,uBAAA;AF5KZ;AC1gBE;EC8qBM;IAWQ,aAAA;IACA,oBAAA;EF3Kd;AACF;ACtfE;ECopBM;IAiBQ,aAAA;IACA,eAAA;IACA,gBAAA;EF3Kd;AACF;AE6KY;EACI,cAAA;AF3KhB;AChgBE;EC0qBU;IAIQ,aAAA;EF1KlB;AACF;AE4KgB;EACI,YAAA;AF1KpB;AE4KoB;EACI,WAAA;EACA,cAAA;AF1KxB;AE8KgB;EACI,iBAAA;EACA,gBAAA;AF5KpB;AChhBE;EC0rBc;IAKQ,mBAAA;IACA,aAAA;IACA,oBAAA;EF3KtB;AACF;AE6KoB;EACI,aAAA;AF3KxB;AE6KwB;EACI,aAAA;EACA,mBAAA;EACA,WAAA;EACA,iBAAA;EACA,gBAAA;AF3K5B;AC3jBE;ECiuBsB;IAQQ,iBAAA;EF1K9B;AACF;AE4K4B;EACI,WAAA;EACA,iBAAA;EACA,gBAAA;AF1KhC;AE+KgC;EACI,WAAA;EACA,gBAAA;AF7KpC;AEiL4B;EACI,WAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,UAAA;EACA,cAAA;EACA,iCAAA;AF/KhC;AEmLgC;EACI,aAAA;AFjLpC;AEyLoB;EACI,kBAAA;EACA,eAAA;AFvLxB;ACzlBE;EC8wBkB;IAKQ,kBAAA;EFtL1B;AACF;AEwLwB;EACI,mBAAA;AFtL5B;AEyLgC;EACI,aAAA;AFvLpC;AE2L4B;EAII,WAAA;AF5LhC;ACvmBE;EC+xB0B;IAOQ,0BAAA;IAAA,uBAAA;IAAA,kBAAA;EF3LlC;AACF;AE6LgC;EACI,aAAA;AF3LpC;AC/mBE;ECyyB8B;IAIQ,cAAA;EF1LtC;AACF;AEkMY;EACI,gBAAA;EACA,gBAAA;AFhMhB;ACxnBE;ECszBU;IAKQ,iBAAA;EF/LlB;AACF;ACnmBE;EC4xBU;IASQ,aAAA;IACA,iBAAA;EF9LlB;AACF;AEiMoB;EACI,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,WAAA;EACA,mBAAA;AF/LxB;AEkMoB;EACI,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,WAAA;AFhMxB;AEqMgB;EACI,kBAAA;AFnMpB;AEwMY;EACI,kBAAA;EACA,UAAA;EACA,YAAA;EACA,iBAAA;AFtMhB;ACzpBE;EC21BU;IAOQ,SAAA;EFrMlB;AACF;ACpoBE;ECi0BU;IAWQ,WAAA;EFpMlB;AACF;AEsMgB;EACI,yCAAA;AFpMpB;AEwMY;EACI,aAAA;EACA,2BAAA;EACA,WAAA;AFtMhB;AC3qBE;EC82BU;IAMQ,YAAA;IACA,yBAAA;EFrMlB;AACF;AEuMgB;EACI,kBAAA;EACA,WAAA;AFrMpB;AEwMwB;EACI,kBAAA;EACA,WAAA;EACA,cAAA;EACA,gBAAA;AFtM5B;AC3rBE;EC63BsB;IAOQ,YAAA;EFrM9B;AACF;AEuM4B;EACI,kBAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;EACA,oBAAA;EACA,yBAAA;EACA,yBAAA;EACA,sBAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,cAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;AFrMhC;ACltBE;ECu4B0B;IAmBQ,iBAAA;EFpMlC;AACF;AEsMgC;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EACA,QAAA;EACA,6BAAA;EACA,aAAA;EACA,cAAA;EACA,cAAA;EACA,0DAAA;EACA,wBAAA;EACA,4BAAA;EACA,0BAAA;AFpMpC;AEwM4B;EACI,aAAA;EACA,kBAAA;EACA,oBAAA;EACA,WAAA;EACA,cAAA;EACA,OAAA;EACA,yBAAA;EACA,sBAAA;EACA,yBAAA;EACA,UAAA;AFtMhC;AE0MgC;EACI,uBAAA;AFxMpC;AE4M4B;EACI,cAAA;AF1MhC;AE6M4B;EACI,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,sBAAA;AF3MhC;AE8M4B;EACI,cAAA;EACA,WAAA;EACA,iBAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;AF5MhC;AE8MgC;EACI,WAAA;AF5MpC;AEoNgB;EACI,WAAA;EACA,yBAAA;EACA,cAAA;EACA,cAAA;EACA,kBAAA;EACA,aAAA;EACA,8BAAA;AFlNpB;ACxxBE;ECm+Bc;IAUQ,YAAA;EFjNtB;AACF;AEmNoB;EACI,WAAA;AFjNxB;AEoNoB;EACI,cAAA;EACA,aAAA;EACA,cAAA;EACA,0DAAA;EACA,wBAAA;AFlNxB;AEwNQ;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;AFtNZ;AE8NI;EACI,aAAA;EACA,8BAAA;AF5NR;AE8NQ;;EAEI,cAAA;EACA,aAAA;EACA,WAAA;AF5NZ;AE8NY;;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,2BAAA;AF3NhB;ACl0BE;ECiiCM;IAGQ,oBAAA;EF9Nd;AACF;AEgOY;EACI,qBAAA;EACA,sBAAA;EACA,WAAA;EACA,2BAAA;EACA,mBAAA;EACA,qBAAA;EACA,gCAAA;AF9NhB;AEiOY;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,cAAA;EACA,6DAAA;EACA,qBAAA;EACA,4BAAA;AF/NhB;ACz1BE;ECijCU;IAUQ,aAAA;EF9NlB;AACF;AEkOgB;EACI,cAAA;EACA,qBAAA;EACA,yBAAA;AFhOpB;AEmOgB;EACI,WAAA;EACA,6DAAA;AFjOpB;AEoOgB;EACI;IACI,cAAA;IACA,qBAAA;IACA,sBAAA;EFlOtB;EEqOkB;IACI,WAAA;IACA,6DAAA;EFnOtB;AACF;AEuOY;EAEQ;IACI,cAAA;IACA,qBAAA;IACA,sBAAA;EFtOtB;EEyOkB;IACI,WAAA;IACA,6DAAA;EFvOtB;AACF;AE4OQ;EACI,qBAAA;AF1OZ;ACh4BE;ECymCM;IAIQ,mBAAA;EFzOd;AACF;AE2OY;EACI,yBAAA;EACA,sBAAA;EACA,YAAA;EACA,kBAAA;EACA,gCAAA;EACA,oBAAA;EACA,2BAAA;AFzOhB;AE4OY;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,YAAA;EACA,cAAA;EACA,8DAAA;EACA,sBAAA;EACA,4BAAA;EACA,8BAAA;EACA,iBAAA;AF1OhB;AC15BE;EC0nCU;IAaQ,aAAA;EFzOlB;AACF;AE6OgB;EACI,cAAA;EACA,qBAAA;EACA,yBAAA;AF3OpB;AE8OgB;EACI,WAAA;EACA,8DAAA;AF5OpB;AEsPI;EACI,cAAA;EACA,WAAA;EACA,gBAAA;AFpPR;AEsPQ;;;EAGI,WAAA;EAEA,aAAA;EACA,eAAA;AFrPZ;AEuPY;;;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,cAAA;EACA,6DAAA;EACA,qBAAA;EACA,4BAAA;EACA,gCAAA;AFnPhB;ACh8BE;EC2qCU;;;IAWQ,aAAA;EFhPlB;AACF;AEmPY;;;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,cAAA;EACA,8DAAA;EACA,qBAAA;EACA,4BAAA;EACA,iCAAA;AF/OhB;ACn9BE;EC0rCU;;;IAWQ,aAAA;EF5OlB;AACF;AEgPgB;;;EACI,cAAA;EACA,qBAAA;EACA,yBAAA;AF5OpB;AE+OgB;;;EACI,WAAA;EACA,6DAAA;AF3OpB;AE+OgB;;;EACI,WAAA;EACA,8DAAA;AF3OpB;AE+OY;;;EACI,2BAAA;EACA,aAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,wBAAA;EACA,sBAAA;EACA,cAAA;EACA,yBAAA;EACA,mBAAA;EACA,qBAAA;EACA,gBAAA;AF3OhB;AEkPI;EACI,cAAA;EACA,WAAA;AFhPR;AEkPQ;;EAEI,WAAA;EAEA,aAAA;AFjPZ;AEmPY;;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,cAAA;EACA,6DAAA;EACA,qBAAA;EACA,4BAAA;EACA,gCAAA;AFhPhB;ACriCE;EC6wCU;;IAWQ,aAAA;EF9OlB;AACF;ACphCE;ECsvCU;;IAeQ,aAAA;EF5OlB;AACF;ACviCE;ECmwCU;;IAmBQ,aAAA;EF1OlB;AACF;AE6OY;;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,cAAA;EACA,8DAAA;EACA,qBAAA;EACA,4BAAA;EACA,iCAAA;AF1OhB;AClkCE;ECoyCU;;IAWQ,aAAA;EFxOlB;AACF;ACjjCE;EC6wCU;;IAeQ,WAAA;EFtOlB;AACF;ACpkCE;EC0xCU;;IAmBQ,WAAA;EFpOlB;AACF;AEwOgB;;EACI,cAAA;EACA,qBAAA;EACA,yBAAA;AFrOpB;AEwOgB;;EACI,WAAA;EACA,6DAAA;AFrOpB;AEwOgB;;EACI,WAAA;EACA,8DAAA;AFrOpB;AEyOY;;EACI,2BAAA;EACA,aAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,wBAAA;EACA,yBAAA;EACA,WAAA;EACA,yBAAA;EACA,mBAAA;EACA,qBAAA;EACA,gBAAA;AFtOhB;AEoPoB;EACI,qBAAA;AFlPxB;AEsPwB;EAEI,qBAAA;EACA,yBAAA;AFrP5B;AEwPwB;EACI,kBAAA;EACA,kBAAA;AFtP5B;AEwP4B;EACI,yBAAA;EACA,yBAAA;AFtPhC;AEwPgC;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EACA,QAAA;EACA,gCAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,0DAAA;EACA,wBAAA;EACA,4BAAA;AFtPpC;AE4PwC;;EAEI,WAAA;AF1P5C;AEkQ4B;EACI,sBAAA;AFhQhC;AEoQwB;EACI,aAAA;EACA,eAAA;EACA,mBAAA;EACA,kBAAA;AFlQ5B;AEsQgC;;EAEI,cAAA;EACA,WAAA;EACA,iBAAA;AFpQpC;AEuQgC;EACI,gBAAA;AFrQpC;AEwQgC;EACI,gBAAA;AFtQpC;AEyQgC;EACI,gBAAA;AFvQpC;AE6QoB;EACI,gBAAA;AF3QxB;AEsRY;EAEI,aAAA;AFrRhB;ACjqCE;ECo7CU;IAKQ,aAAA;EFpRlB;AACF;AE4RgB;EACI,WAAA;EACA,aAAA;EACA,uBAAA;AF1RpB;AE4RoB;EACI,WAAA;AF1RxB;AC9qCE;ECu8CkB;IAIQ,YAAA;EFzR1B;AACF;;AEoSI;EACI,yDAAA;EACA,wBAAA;AFjSR;ACrqCE;ECo8CE;IAKQ,yDAAA;EFhSV;AACF;AEmSI;EACI,wDAAA;EACA,wBAAA;AFjSR;AC9qCE;EC68CE;IAKQ,wDAAA;EFhSV;AACF;AEmSI;EACI,iEAAA;AFjSR;ACtrCE;ECs9CE;IAIQ,iEAAA;EFhSV;AACF;AEmSI;EACI,4DAAA;EACA,2BAAA;AFjSR;AC/rCE;EC89CE;IAKQ,4DAAA;EFhSV;AACF;AEmSI;EACI,2DAAA;EACA,wBAAA;AFjSR;ACxsCE;ECu+CE;IAKQ,2DAAA;EFhSV;AACF;;AEsSI;EACI,qBAAA;AFnSR;;AE4SoB;EACI,iBAAA;EACA,gBAAA;AFzSxB;ACttCE;EC6/CkB;IAKQ,eAAA;EFxS1B;AACF;;AEiTA;EACI,cAAA;EACA,WAAA;EACA,gBAAA;AF9SJ;AEgTI;;;EAGI,WAAA;EAEA,aAAA;EACA,eAAA;AF/SR;AEiTQ;;;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,cAAA;EACA,6DAAA;EACA,qBAAA;EACA,4BAAA;EACA,gCAAA;AF7SZ;ACvwCE;EC4iDM;;;IAWQ,aAAA;EF1Sd;AACF;AE6SQ;;;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,cAAA;EACA,8DAAA;EACA,qBAAA;EACA,4BAAA;EACA,iCAAA;AFzSZ;AC1xCE;EC2jDM;;;IAWQ,aAAA;EFtSd;AACF;AE0SY;;;EACI,WAAA;EACA,qBAAA;EACA,yBAAA;AFtShB;AEySY;;;EACI,WAAA;EACA,6DAAA;AFrShB;AEySY;;;EACI,WAAA;EACA,8DAAA;AFrShB;AEySQ;;;EACI,2BAAA;EACA,aAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,wBAAA;EACA,sBAAA;EACA,cAAA;EACA,yBAAA;EACA,mBAAA;EACA,qBAAA;EACA,gBAAA;AFrSZ","file":"kia.css"} \ No newline at end of file +{ + "version": 3, + "sources": [ + "kia.css", + "../../kr/assets/css/_utils.scss", + "../../kr/assets/css/kia/kia.scss" + ], + "names": [], + "mappings": "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", + "file": "kia.css" +} diff --git a/kr/assets/css/kia/kia.scss b/kr/assets/css/kia/kia.scss index 7715e87..9e16b18 100644 --- a/kr/assets/css/kia/kia.scss +++ b/kr/assets/css/kia/kia.scss @@ -1,1602 +1,1169 @@ @charset "UTF-8"; -@import '../utils.scss'; - - - - - +@import "../utils.scss"; html { - body { - font-family: 'KiaSignature'; - font-weight: 400; - overflow-x: hidden; - } + body { + font-family: "KiaSignature"; + font-weight: 400; + overflow-x: hidden; + } - input[type=checkbox] { - accent-color: #000; - width: 2rem; - height: 2rem; - border-radius: 0.6rem; - border-color: #DEDEDE; - } + input[type="checkbox"] { + accent-color: #000; + width: 2rem; + height: 2rem; + border-radius: 0.6rem; + border-color: #dedede; + } - button { - font-family: 'KiaSignature'; - } + button { + font-family: "KiaSignature"; + } - // 아이콘 + // 아이콘 + .icon-cs { + width: 2.4rem; + height: 2.4rem; + background-image: url(../../images/common/icon-wcs.svg); + } + + .icon-user { + width: 2.4rem; + height: 2.4rem; + background-image: url(../../images/common/icon-wuser.svg); + } + + .icon-cart { + width: 2.4rem; + height: 2.4rem; + background-image: url(../../images/common/icon-wcart.svg); + } + + .hederWarp.noBoder, + .hederWarp.hBoder { .icon-cs { - width: 2.4rem; - height: 2.4rem; - background-image: url(../../images/common/icon-wcs.svg); + width: 2.4rem; + height: 2.4rem; + background-image: url(../../images/common/icon-tbcs.svg); } .icon-user { - width: 2.4rem; - height: 2.4rem; - background-image: url(../../images/common/icon-wuser.svg); + width: 2.4rem; + height: 2.4rem; + background-image: url(../../images/common/icon-user.svg); } .icon-cart { - width: 2.4rem; - height: 2.4rem; - background-image: url(../../images/common/icon-wcart.svg); + width: 2.4rem; + height: 2.4rem; + background-image: url(../../images/common/icon-cart.svg); + } + } + + .hederWarp_n.noBoder, + .hederWarp_n.hBoder { + .icon-cs { + width: 2.4rem; + height: 2.4rem; + background-image: url(../../images/common/icon-tbcs.svg); } - .hederWarp.noBoder, - .hederWarp.hBoder { - .icon-cs { - width: 2.4rem; - height: 2.4rem; - background-image: url(../../images/common/icon-tbcs.svg); - } - - .icon-user { - width: 2.4rem; - height: 2.4rem; - background-image: url(../../images/common/icon-user.svg); - } - - .icon-cart { - width: 2.4rem; - height: 2.4rem; - background-image: url(../../images/common/icon-cart.svg); - } + .icon-user { + width: 2.4rem; + height: 2.4rem; + background-image: url(../../images/common/icon-user.svg); } - .hederWarp_n.noBoder, - .hederWarp_n.hBoder { - .icon-cs { - width: 2.4rem; - height: 2.4rem; - background-image: url(../../images/common/icon-tbcs.svg); - } + .icon-cart { + width: 2.4rem; + height: 2.4rem; + background-image: url(../../images/common/icon-cart.svg); + } + } - .icon-user { - width: 2.4rem; - height: 2.4rem; - background-image: url(../../images/common/icon-user.svg); - } + 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"; + } - .icon-cart { - width: 2.4rem; - height: 2.4rem; - background-image: url(../../images/common/icon-cart.svg); - } + .icon-tbarrow { + width: 2.4rem; + height: 2.4rem; + background-image: url(../../images/common/icon-tbarrow.svg); + } + + .icon-wtbarrow { + width: 2.4rem; + height: 2.4rem; + background-image: url(../../images/common/icon-wtbarrow.svg); + } + + .scrollDisable { + .hederWarp { + .headerInner { + } } - 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'; + .logoImg { + background-image: url(../../images/kia/kia-blogo-n.svg); + } + } + + //메인 + .mainNotice { + background-color: #f3f3f3; + height: 11.5rem; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + padding-left: 2rem; + padding-right: 2rem; + + @include tablet { + height: 10rem; } - - - .icon-tbarrow { - width: 2.4rem; - height: 2.4rem; - background-image: url(../../images/common/icon-tbarrow.svg); + @include desktopMax { + padding-left: 0; + padding-right: 0; } - .icon-wtbarrow { - width: 2.4rem; - height: 2.4rem; - background-image: url(../../images/common/icon-wtbarrow.svg); - } + .noticInnerWarp { + width: 100%; - .scrollDisable { - .hederWarp { - .headerInner {} - } + @include desktopMax { + width: 120rem; + } - .logoImg { - background-image: url(../../images/kia/kia-blogo-n.svg); - } - - } - - //메인 - .mainNotice { - background-color: #F3F3F3; - height: 11.5rem; - width: 100%; + .noticeInner { display: flex; - justify-content: center; - align-items: center; - padding-left: 2rem; - padding-right: 2rem; + height: 11.5rem; + position: relative; @include tablet { + height: 10rem; + } + + h2 { + display: none; + + @include tablet { + font-size: 2.2rem; + font-weight: 600; + color: #000; + display: flex; + align-items: center; + } + } + + .mainNiticeList { + margin-left: 0rem; + display: flex; + align-items: center; + height: 11.5rem; + width: 100%; + overflow: hidden; + justify-content: space-between; + + @include tablet { + margin-left: 7.5rem; + width: calc(100% - 25rem); height: 10rem; - } + } - @include desktopMax { - padding-left: 0; - padding-right: 0; - } + @include desktopMin { + width: calc(100% - 40rem); + } - .noticInnerWarp { - width: 100%; + @include desktopMin { + width: calc(100% - 35rem); + } - @include desktopMax { - width: 120rem; - } + ul { + li { + display: flex; + align-items: flex-start; + padding-top: 2.3rem; - .noticeInner { + @include tablet { + align-items: center; + padding-top: 0; + } + + dl { display: flex; - height: 11.5rem; - position: relative; + flex-wrap: wrap; + align-items: center; @include tablet { - height: 10rem; + flex-wrap: nowrap; } - h2 { - display: none; - - @include tablet { - font-size: 2.2rem; - font-weight: 600; - color: #000; - display: flex; - align-items: center; - } - } - - .mainNiticeList { - margin-left: 0rem; - display: flex; - align-items: center; - height: 11.5rem; - width: 100%; - overflow: hidden; - justify-content: space-between; - - @include tablet { - margin-left: 7.5rem; - width: calc(100% - 25rem); - height: 10rem; - } - - @include desktopMin { - width: calc(100% - 40rem); - } - - @include desktopMin { - width: calc(100% - 35rem); - } - - ul { - li { - display: flex; - align-items: flex-start; - padding-top: 2.3rem; - - @include tablet { - align-items: center; - padding-top: 0; - } - - dl { - display: flex; - flex-wrap: wrap; - align-items: center; - - @include tablet { - flex-wrap: nowrap; - } - - dt, - dd { - font-size: 1.4rem; - width: 100%; - - @include tablet { - font-size: 1.6rem; - width: fit-content; - } - } - - dt { - color: #9EA1A2; - } - - dd { - color: #000; - margin-top: 0.8rem; - - @include tablet { - margin-top: 0; - border-left: 1px solid rgba(0, 0, 0, 0.3); - padding-left: 1rem; - margin-left: 1rem; - } - } - } - } - } - - .swiperButtonWarp { - right: 0; - margin-top: 0rem; - - @include tablet { - margin-top: 2rem; - } - - .swiper-button-next, - .swiper-button-prev { - position: relative; - justify-content: flex-end; - top: 55%; - margin-top: 0; - height: auto; - width: auto; - right: inherit; - - &::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; - - } - } - - .swiper-button-next { - transform: rotate(0deg); - margin-top: -2rem; - right: 0; - } - - .swiper-button-prev { - transform: rotate(-180deg); - margin-bottom: 0; - left: 0; - margin-top: 2rem; - } - } - } - } - } - - } - - .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; - - @include tablet { - height: 34rem; - background-image: url(../../images/kia/product-img/producy-temp8.png); - } - - @include desktopMin { - margin-top: 15rem; - } - - .mabannerInner { - position: relative; - display: flex; - flex-wrap: wrap; - max-width: 120rem; - width: 100%; - margin: 0 auto; - padding-left: 2rem; - padding-right: 2rem; - - @include desktopMax { - max-width: 120rem; - padding-left: 0rem; - padding-right: 0rem; - } - - dl { - width: 100%; - dt, dd { - width: 100%; - color: #fff; + font-size: 1.4rem; + width: 100%; + + @include tablet { + font-size: 1.6rem; + width: fit-content; + } } dt { - font-size: 2.5rem; - font-weight: 600; - - @include desktopMin { - font-size: 4rem; - } + color: #9ea1a2; } dd { - margin-top: 1.5rem; - line-height: 2.2rem; + color: #000; + margin-top: 0.8rem; - br { - display: none; - - @include tablet { - display: block; - } - } + @include tablet { + margin-top: 0; + border-left: 1px solid rgba(0, 0, 0, 0.3); + padding-left: 1rem; + margin-left: 1rem; + } } + } + } + } + + .swiperButtonWarp { + right: 0; + margin-top: 0rem; + + @include tablet { + margin-top: 2rem; } - .listImgBtn { - width: 100%; - margin-top: 3rem; + .swiper-button-next, + .swiper-button-prev { + position: relative; + justify-content: flex-end; + top: 55%; + margin-top: 0; + height: auto; + width: auto; + right: inherit; - @include tablet { - width: 17.6rem; - } - - .oneButton { - div { - - &::after, - &::before { - width: 3.2rem; - - @include tablet { - width: 3.2rem; - } - } - } - } + &::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; + } } + + .swiper-button-next { + transform: rotate(0deg); + margin-top: -2rem; + right: 0; + } + + .swiper-button-prev { + transform: rotate(-180deg); + margin-bottom: 0; + left: 0; + margin-top: 2rem; + } + } } + } + } + } + + .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; + + @include tablet { + height: 34rem; + background-image: url(../../images/kia/product-img/producy-temp8.png); } - - //헤더 - .hederWarp { - .headerInner { - .headerTop { - .headerGnb { - .logo { - a { - font-family: 'KiaSignature'; - - .logoImg { - display: block; - width: 16.7rem; - height: 1.5rem; - background-image: url(../../images/kia/kia-logo-n.svg); - - @include desktopMin { - height: 2rem; - width: 22.8rem; - } - } - } - - } - - .logo.on { - a { - .logoImg { - background-image: url(../../images/kia/kia-blogo-n.svg); - } - } - - p { - color: #000; - } - } - - .topUtil { - .gnbIcon { - .mMenuWarp { - .mobileMember { - button { - font-weight: 700; - } - } - } - } - } - } - } - - } - + @include desktopMin { + margin-top: 15rem; } - .hederWarp.hBoder, - .hederWarp.noBoder { - .headerInner { - .headerGnb { - .logo { - a { - .logoImg { - background-image: url(../../images/kia/kia-blogo-n.svg); - } - } - } - } - } - } + .mabannerInner { + position: relative; + display: flex; + flex-wrap: wrap; + max-width: 120rem; + width: 100%; + margin: 0 auto; + padding-left: 2rem; + padding-right: 2rem; - .hederWarp_n.hBoder, - .hederWarp_n.noBoder { - .headerInner { - .gnb { - .logoWrap { - a { - .logoImg { - background-image: url(../../images/kia/kia-blogo-n.svg); - } - } - } - } - } - } + @include desktopMax { + max-width: 120rem; + padding-left: 0rem; + padding-right: 0rem; + } - .hederWarp_n { - .headerInner { - .gnb { - .logoWrap { - a { - font-family: 'KiaSignature'; - - .logoImg { - display: block; - width: 16.7rem; - height: 1.5rem; - background-image: url(../../images/kia/kia-logo-n.svg); - background-repeat: no-repeat; - transition: width 0.3s ease-in-out, height 0.3s ease-in-out; - - @include desktopMin { - height: 2rem; - width: 22.8rem; - transition: width 0.3s ease-in-out, height 0.3s ease-in-out; - } - } - - } - } - } - - - } - - &.menu-open { - - .headerInner { - .gnb { - .logoWrap { - a { - .logoImg { - background-image: url(../../images/kia/kia-blogo-n.svg); - - } - - } - } - } - - - } - } - - } - - - - .mainSwiper { - ul { - li { - .mainText { - p { - strong+span { - margin-top: 2.5rem; - } - - span { - line-height: 2.6rem; - } - } - - .oneButton { - margin-top: 5rem; - - a { - - &::before, - &::after { - width: 3.2rem; - } - } - - } - } - - } - } - } - - .mainCarNum { - .oneButton { - a { - position: relative; - - &::before, - &::after { - background-image: initial; - width: 0; - height: 0; - } - - &::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); - } - - &:hover { - p { - color: #ffffff; - background-color: initial; - } - - &::after { - background-image: url("/kr/assets/images/common/icon-wtbarrow.svg"); - } - } - - p { - justify-content: flex-start; - margin-left: 2rem; - background-color: initial; - color: #ffffff; - border-width: initial; - border-style: initial; - border-color: initial; - - &:hover { - color: #ffffff; - border-color: initial; - background-color: initial; - - } - } - - } - - @include desktopMin { - width: 16rem; - - a { - - &::before, - &::after { - background-image: initial; - width: 5rem; - margin-left: -0.1rem; - } - - &::before { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-wleft.svg); - height: 5.6rem; - } - - &::after { - content: ""; - position: initial; - background-image: url(../../images/kia/svg/kia-btn-wright.svg); - height: 5.6rem; - -webkit-transform: initial; - } - - p { - justify-content: center; - margin-left: initial; - background-color: #fff; - color: #05141F; - border-width: 1px 0 1px 0; - border-style: solid; - border-color: #9BA1A5; - - &:hover { - color: #05141F; - border-color: #F3C300; - background-color: #F3C300; - } - } - - &:hover { - p { - color: #05141F; - background-color: #F3C300; - } - - &::before { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-yleft.svg); - height: 5.6rem; - } - - &::after { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-yright.svg); - height: 5.6rem; - } - } - } - } - - } - } - - - //기아푸터 - .footer { - position: relative; + dl { width: 100%; - height: 100%; - background-color: #05141F; - color: #fff; - font-family: 'KiaSignature'; - padding-top: 9rem; + + dt, + dd { + width: 100%; + color: #fff; + } + + dt { + font-size: 2.5rem; + font-weight: 600; + + @include desktopMin { + font-size: 4rem; + } + } + + dd { + margin-top: 1.5rem; + line-height: 2.2rem; + + br { + display: none; + + @include tablet { + display: block; + } + } + } + } + + .listImgBtn { + width: 100%; + margin-top: 3rem; @include tablet { - padding-bottom: 10rem; + width: 17.6rem; + } + + .oneButton { + div { + &::after, + &::before { + width: 3.2rem; + + @include tablet { + width: 3.2rem; + } + } + } + } + } + } + } + + //헤더 + .hederWarp { + .headerInner { + .headerTop { + .headerGnb { + .logo { + a { + font-family: "KiaSignature"; + + .logoImg { + display: block; + width: 16.7rem; + height: 1.5rem; + background-image: url(../../images/kia/kia-logo-n.svg); + + @include desktopMin { + height: 2rem; + width: 22.8rem; + } + } + } + } + + .logo.on { + a { + .logoImg { + background-image: url(../../images/kia/kia-blogo-n.svg); + } + } + + p { + color: #000; + } + } + + .topUtil { + .gnbIcon { + .mMenuWarp { + .mobileMember { + button { + font-weight: 700; + } + } + } + } + } + } + } + } + } + + .hederWarp.hBoder, + .hederWarp.noBoder { + .headerInner { + .headerGnb { + .logo { + a { + .logoImg { + background-image: url(../../images/kia/kia-blogo-n.svg); + } + } + } + } + } + } + + .hederWarp_n.hBoder, + .hederWarp_n.noBoder { + .headerInner { + .gnb { + .logoWrap { + a { + .logoImg { + background-image: url(../../images/kia/kia-blogo-n.svg); + } + } + } + } + } + } + + .hederWarp_n { + .headerInner { + .gnb { + .logoWrap { + a { + font-family: "KiaSignature"; + + .logoImg { + display: block; + width: 16.7rem; + height: 1.5rem; + background-image: url(../../images/kia/kia-logo-n.svg); + background-repeat: no-repeat; + transition: width 0.3s ease-in-out, height 0.3s ease-in-out; + + @include desktopMin { + height: 2rem; + width: 22.8rem; + transition: width 0.3s ease-in-out, height 0.3s ease-in-out; + } + } + } + } + } + } + + &.menu-open { + .headerInner { + .gnb { + .logoWrap { + a { + .logoImg { + background-image: url(../../images/kia/kia-blogo-n.svg); + } + } + } + } + } + } + } + + .mainSwiper { + ul { + li { + .mainText { + p { + strong + span { + margin-top: 2.5rem; + } + + span { + line-height: 2.6rem; + } + } + + .oneButton { + margin-top: 5rem; + + a { + &::before, + &::after { + width: 3.2rem; + } + } + } + } + } + } + } + + .mainCarNum { + .oneButton { + a { + position: relative; + + &::before, + &::after { + background-image: initial; + width: 0; + height: 0; + } + + &::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); + } + + &:hover { + p { + color: #ffffff; + background-color: initial; + } + + &::after { + background-image: url("/kr/assets/images/common/icon-wtbarrow.svg"); + } + } + + p { + justify-content: flex-start; + margin-left: 2rem; + background-color: initial; + color: #ffffff; + border-width: initial; + border-style: initial; + border-color: initial; + + &:hover { + color: #ffffff; + border-color: initial; + background-color: initial; + } + } + } + + @include desktopMin { + width: 16rem; + + a { + &::before, + &::after { + background-image: initial; + width: 5rem; + margin-left: -0.1rem; + } + + &::before { + content: ""; + background-image: url(../../images/kia/svg/kia-btn-wleft.svg); + height: 5.6rem; + } + + &::after { + content: ""; + position: initial; + background-image: url(../../images/kia/svg/kia-btn-wright.svg); + height: 5.6rem; + -webkit-transform: initial; + } + + p { + justify-content: center; + margin-left: initial; + background-color: #fff; + color: #05141f; + border-width: 1px 0 1px 0; + border-style: solid; + border-color: #9ba1a5; + + &:hover { + color: #05141f; + border-color: #f3c300; + background-color: #f3c300; + } + } + + &:hover { + p { + color: #05141f; + background-color: #f3c300; + } + + &::before { + content: ""; + background-image: url(../../images/kia/svg/kia-btn-yleft.svg); + height: 5.6rem; + } + + &::after { + content: ""; + background-image: url(../../images/kia/svg/kia-btn-yright.svg); + height: 5.6rem; + } + } + } + } + } + } + + //기아푸터 + .footer { + position: relative; + width: 100%; + height: 100%; + background-color: #05141f; + color: #fff; + font-family: "KiaSignature"; + padding-top: 9rem; + + @include tablet { + padding-bottom: 10rem; + } + + @include desktopMax { + padding-top: 15rem; + height: 39rem; + padding-bottom: 0rem; + } + + &::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; + + @include desktopMin { + background-position: top right -22rem; + } + + @include desktopMax { + background-position: top right; + } + } + + .kiaInner { + position: relative; + width: 100%; + padding-left: 2rem; + padding-right: 2rem; + margin: 0 auto; + background-color: #05141f; + display: block; + padding-bottom: 10.3rem; + + @include tablet { + display: flex; + padding-bottom: 0rem; + } + + @include desktopMax { + width: 120rem; + padding-left: 0; + padding-right: 0; + } + + .tLeft { + display: block; + + @include desktopMax { + display: flex; + } + + .logoSEction { + width: 15rem; + + img { + width: 9rem; + height: 2.2rem; + } + } + + .companyInfo { + margin-left: 0rem; + margin-top: 2rem; + + @include desktopMax { + margin-left: 5.5rem; + margin-top: 0; + padding-right: 18rem; + } + + ul { + display: flex; + + li { + display: flex; + align-items: center; + color: #aaa; + font-size: 1.2rem; + font-weight: 400; + + @include tablet { + font-size: 1.2rem; + } + + a { + color: #aaa; + font-size: 1.4rem; + font-weight: 400; + } + + &:first-child { + a { + color: #fff; + font-weight: 600; + } + } + + &::after { + content: ""; + display: block; + margin-left: 1rem; + margin-right: 1rem; + width: 1px; + height: 1.5rem; + background-color: rgba(68, 68, 68, 1); + } + + &:last-child { + &::after { + display: none; + } + } + } + } + + ul + ul { + margin-top: 1.3rem; + flex-wrap: wrap; + + @include tablet { + margin-top: 0.9rem; + } + + li { + margin-bottom: 1rem; + + &:nth-child(3) { + &::after { + display: none; + } + } + + &:nth-child(1), + &:nth-child(2), + &:nth-child(3), + &:nth-child(4) { + width: 100%; + + @include tablet { + width: fit-content; + } + + &::after { + display: none; + + @include tablet { + display: block; + } + } + } + } + } + } + } + + .csTime { + min-width: 24rem; + margin-top: 5rem; + + @include tablet { + margin-left: 5rem; } @include desktopMax { - padding-top: 15rem; - height: 39rem; - padding-bottom: 0rem; + margin-top: 0; + margin-left: 0rem; + } + p { + strong { + display: block; + font-size: 1.6rem; + font-weight: 400; + color: #fff; + margin-bottom: 1rem; + } + + span { + display: block; + font-size: 1.4rem; + font-weight: 400; + color: #aaa; + } + } + + p + p { + margin-top: 0.8rem; + } + } + + .copyRight { + position: absolute; + left: 2rem; + bottom: 4rem; + font-size: 1.2rem; + + @include tablet { + bottom: 0; + } + + @include desktopMax { + left: 15rem; + } + + span { + font-family: Arial, Helvetica, sans-serif; + } + } + + .familyBoxWarp { + display: flex; + justify-content: flex-start; + width: 100%; + + @include tablet { + width: 24rem; + justify-content: flex-end; + } + + .familyBox { + margin-top: 2.7rem; + width: 100%; + + .familyInner { + .cont-select { + position: relative; + width: 100%; + height: 4.5rem; + min-width: 10rem; + + @include tablet { + width: 24rem; + } + + .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; + + @include tablet { + font-size: 1.4rem; + } + + &::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); + } + } + + .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; + } + + .btn-select.on { + &::after { + transform: rotate(0deg); + } + } + + .btn-select.on + .list-member { + display: block; + } + + .list-member li { + display: flex; + align-items: center; + font-size: 1.4rem; + line-height: 2; + height: 3rem; + box-sizing: border-box; + } + + .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; + + &:hover { + color: #fff; + } + } + } + } + } + + .searchTextBox { + width: 100%; + border: 1px solid #dedede; + border-left: 0; + height: 4.5rem; + padding: 1rem 2rem; + display: flex; + justify-content: space-between; + + @include tablet { + width: 32rem; + } + + input[type="text"] { + width: 100%; + } + + .icon-search { + display: block; + width: 2.4rem; + height: 2.4rem; + background-image: url(../../images/common/icon-search.svg); + background-size: contain; + } + } + } + } + + .top { + position: absolute; + right: 2rem; + bottom: 45rem; + display: none; + } + } + + //기아 결재버튼 [2개 짜리] + .towButton { + display: flex; + justify-content: space-between; + + .leftBtn, + .rightBtn { + height: 5.6rem; + display: flex; + width: 100%; + + p { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 5.6rem; + font-size: 1.4rem; + font-weight: 600; + font-family: "KiaSignature"; + } + } + + .leftBtn { + @include tablet { + margin-right: 0.5rem; + } + + 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; + } + + &::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; + + @include tablet { + width: 3.2rem; + } + } + + &:hover { + p { + color: #05141f; + border-color: #f3c300; + background-color: #f3c300; } &::before { + content: ""; + background-image: url(../../images/kia/svg/kia-btn-yleft.svg); + } + + @media (hover: hover) and (pointer: fine) { + p { + color: #05141f; + border-color: #f3c300; + background-color: #f3c300; + } + + &::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; - - @include desktopMin { - background-position: top right -22rem; - } - - @include desktopMax { - background-position: top right; - } - + background-image: url(../../images/kia/svg/kia-btn-yleft.svg); + } } + } - .kiaInner { - position: relative; - width: 100%; - padding-left: 2rem; - padding-right: 2rem; - margin: 0 auto; - background-color: #05141F; - display: block; - padding-bottom: 10.3rem; + @media (hover: hover) and (pointer: fine) { + &:hover { + p { + color: #05141f; + border-color: #f3c300; + background-color: #f3c300; + } - @include tablet { - display: flex; - padding-bottom: 0rem; - - } - - @include desktopMax { - width: 120rem; - padding-left: 0; - padding-right: 0; - } - - .tLeft { - displaY: block; - - @include desktopMax { - display: flex; - } - - .logoSEction { - width: 15rem; - - img { - width: 9rem; - height: 2.2rem; - } - } - - .companyInfo { - margin-left: 0rem; - margin-top: 2rem; - - @include desktopMax { - margin-left: 5.5rem; - margin-top: 0; - padding-right: 18rem; - } - - ul { - displaY: flex; - - li { - displaY: flex; - align-items: center; - color: #aaa; - font-size: 1.2rem; - font-weight: 400; - - @include tablet { - font-size: 1.2rem; - } - - a { - color: #aaa; - font-size: 1.4rem; - font-weight: 400; - - } - - &:first-child { - a { - color: #fff; - font-weight: 600; - } - } - - &::after { - content: ""; - displaY: block; - margin-left: 1rem; - margin-right: 1rem; - width: 1px; - height: 1.5rem; - background-color: rgba(68, 68, 68, 1); - } - - &:last-child { - &::after { - display: none; - } - } - - - } - } - - ul+ul { - margin-top: 1.3rem; - flex-wrap: wrap; - - @include tablet { - margin-top: 0.9rem; - } - - li { - margin-bottom: 1rem; - - &:nth-child(3) { - &::after { - displaY: none; - } - } - - &:nth-child(1), - &:nth-child(2), - &:nth-child(3), - &:nth-child(4) { - width: 100%; - - @include tablet { - width: fit-content; - } - - &::after { - display: none; - - @include tablet { - display: block; - } - } - } - } - } - } - } - - .csTime { - min-width: 24rem; - margin-top: 5rem; - - @include tablet { - margin-left: 5rem; - } - - @include desktopMax { - margin-top: 0; - margin-left: 0rem; - } - - p { - strong { - displaY: block; - font-size: 1.6rem; - font-weight: 400; - color: #fff; - margin-bottom: 1rem; - } - - span { - displaY: block; - font-size: 1.4rem; - font-weight: 400; - color: #aaa; - - } - } - - p+p { - margin-top: 0.8rem; - } - - } - - .copyRight { - position: absolute; - left: 2rem; - bottom: 4rem; - font-size: 1.2rem; - - @include tablet { - bottom: 0; - } - - @include desktopMax { - left: 15rem; - } - - span { - font-family: Arial, Helvetica, sans-serif; - } - } - - .familyBoxWarp { - display: flex; - justify-content: flex-start; - width: 100%; - - @include tablet { - width: 24rem; - justify-content: flex-end; - } - - .familyBox { - margin-top: 2.7rem; - width: 100%; - - .familyInner { - .cont-select { - position: relative; - width: 100%; - height: 4.5rem; - min-width: 10rem; - - @include tablet { - width: 24rem; - } - - .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; - - @include tablet { - font-size: 1.4rem; - } - - &::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); - } - } - - .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; - } - - .btn-select.on { - &::after { - transform: rotate(0deg); - } - } - - .btn-select.on+.list-member { - display: block; - } - - .list-member li { - display: flex; - align-items: center; - font-size: 1.4rem; - line-height: 2; - height: 3rem; - box-sizing: border-box; - } - - .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; - - &:hover { - color: #fff; - } - } - } - } - - } - - .searchTextBox { - width: 100%; - border: 1px solid #DEDEDE; - border-left: 0; - height: 4.5rem; - padding: 1rem 2rem; - display: flex; - justify-content: space-between; - - @include tablet { - width: 32rem; - } - - input[type=text] { - width: 100%; - } - - .icon-search { - displaY: block; - width: 2.4rem; - height: 2.4rem; - background-image: url(../../images/common/icon-search.svg); - background-size: contain; - } - } - } + &::before { + content: ""; + background-image: url(../../images/kia/svg/kia-btn-yleft.svg); + } } - - .top { - position: absolute; - right: 2rem; - bottom: 45rem; - display: none; - } - - - + } } - //기아 결재버튼 [2개 짜리] - .towButton { - display: flex; - justify-content: space-between; + .rightBtn { + border-radius: 0.4rem; - .leftBtn, - .rightBtn { - height: 5.6rem; - displaY: flex; - width: 100%; + @include tablet { + margin-left: 0.5rem; + } - p { - displaY: flex; - justify-content: center; - align-items: center; - width: 100%; - height: 5.6rem; - font-size: 1.4rem; - font-weight: 600; - font-family: 'KiaSignature'; - } - } + 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"; + text-align: center; + } - .leftBtn { - - @include tablet { - margin-right: 0.5rem; - } - - 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; - } - - &::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; - - @include tablet { - width: 3.2rem; - } - } - - &:hover { - p { - color: #05141F; - border-color: #F3C300; - background-color: #F3C300; - } - - &::before { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-yleft.svg); - } - - @media (hover: hover) and (pointer: fine) { - p { - color: #05141F; - border-color: #9BA1A5; - background-color: #fff; - } - - &::before { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-wleft.svg); - } - } - } - - @media (hover: hover) and (pointer: fine) { - &:hover { - p { - color: #05141F; - border-color: #9BA1A5; - background-color: #fff; - } - - &::before { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-wleft.svg); - } - } - } - } - - .rightBtn { - border-radius: 0.4rem; - - @include tablet { - margin-left: 0.5rem; - } - - 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'; - } - - &::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; - - @include tablet { - width: 3.2rem; - } - } - - &:hover { - p { - color: #05141F; - border-color: #CDD0D2; - background-color: #CDD0D2; - } - - &::after { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-gright.svg); - } - } - } - - - } - - - //기아 버튼 [1개 짜리 불랙] - .oneButton { + &::after { + content: ""; + display: block; + width: 3.2rem; + border: none; height: 5.6rem; - width: 100%; - min-width: 16rem; + background-image: url(../../images/kia/svg/kia-btn-bright.svg); + background-size: cover; + background-repeat: no-repeat; + background-position: top right; + margin-left: -1px; - button, - div, - a { - width: 100%; - // max-width:calc(100% - 54px); - display: flex; - cursor: pointer; + @include tablet { + width: 3.2rem; + } + } - &::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: #05141F; - border-color: #F3C300; - background-color: #F3C300; - } - - &::before { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-yleft.svg); - - } - - &::after { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-yright.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; - } + &:hover { + p { + color: #05141f; + border-color: #cdd0d2; + background-color: #cdd0d2; } - - } - - .oneButtonBlack { - height: 5.6rem; - width: 100%; - - button, - a { - width: 100%; - // max-width:calc(100% - 54px); - display: flex; - - &::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; - - @include mobileSmall { - width: 3.2rem; - } - - @include maxtablet { - width: 3.2rem; - } - - @include maxmobile { - width: 3.2rem; - } - } - - &::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; - - @include mobileSmall { - width: 4.2rem; - } - - @include maxtablet { - width: 3rem; - } - - @include maxmobile { - width: 3rem; - } - } - - &:hover { - p { - color: #05141F; - border-color: #CDD0D2; - background-color: #CDD0D2; - } - - &::before { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-gleft.svg); - } - - &::after { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-gright.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: #05141F; - color: #fff; - border-width: 1px 0 1px 0; - border-style: solid; - border-color: #05141F; - border-radius: 0; - } + &::after { + content: ""; + background-image: url(../../images/kia/svg/kia-btn-gright.svg); } - - + } } + } - //기아 상품 상세 버튼 스타일 - .productRight { - .optionWarp { - - .producOption { - - .optionList { - .productSmallVideo { - border-radius: 0.6rem; - } - - .checkBtn { - label { - - border-radius: 0.6rem; - border: 1px solid #DEDEDE; - } - - input[type=checkbox] { - visibility: hidden; - position: absolute; - - &:checked+label { - background-color: #05141F; - border: 1px solid #05141F; - - &::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; - } - - div { - p { - - span, - strong { - color: #fff; - } - } - } - } - } - - &:hover { - label { - border: 1px solid #000; - } - } - - div { - display: flex; - flex-wrap: wrap; - align-items: center; - padding-left: 3rem; - - p { - - span, - strong { - displaY: block; - width: 100%; - font-size: 1.6rem; - } - - strong { - font-weight: 600; - } - - span { - font-weight: 400; - } - - strong+span { - margin-top: 1rem; - } - } - } - } - - .checkBtn+.checkBtn { - margin-top: 1rem; - } - } - } - } - } - - - .inquiryBtn { - a { - - &::before, - &::after { - width: 3.2rem; - - @include tablet { - width: 3.2rem; - } - } - } - } - - .contentWarp { - .mypageWarp { - .rightConWarp { - .listbtnWarp { - width: 100%; - display: flex; - justify-content: center; - - .towButton { - width: 100%; - - @include tablet { - width: 37rem; - } - } - } - } - } - } -} - -body { - - // overflow-x: hidden; - .faqKey { - background-image: url(../../images/kia/keybg/faq-key.png); - background-position: 70%; - - @include desktopMin { - background-image: url(../../images/kia/keybg/faq-key.png); - } - } - - .csKey { - background-image: url(../../images/kia/keybg/cs-key.png); - background-position: 70%; - - @include desktopMin { - background-image: url(../../images/kia/keybg/cs-key.png); - } - } - - .serviceInfo { - background-image: url(../../images/kia/keybg/serviceinfo-key.png); - - @include desktopMin { - background-image: url(../../images/kia/keybg/serviceinfo-key.png); - } - } - - .notice { - background-image: url(../../images/kia/keybg/notice-key.png); - background-position: center; - - @include desktopMin { - background-image: url(../../images/kia/keybg/notice-key.png); - } - } - - .event { - background-image: url(../../images/kia/keybg/event-key.png); - background-position: 30%; - - @include desktopMin { - 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; - - @include desktopMin { - font-size: 2rem; - } - } - } - } - } - } -} - -//기아 버튼 [1개 짜리 불랙] -.oneButtonLine { + //기아 버튼 [1개 짜리 불랙] + .oneButton { height: 5.6rem; width: 100%; min-width: 16rem; @@ -1604,77 +1171,445 @@ body#faq { button, div, a { - width: 100%; - // max-width:calc(100% - 54px); - display: flex; - cursor: pointer; + 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: #05141f; + border-color: #f3c300; + background-color: #f3c300; + } &::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; - } + content: ""; + background-image: url(../../images/kia/svg/kia-btn-yleft.svg); } &::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; + content: ""; + background-image: url(../../images/kia/svg/kia-btn-yright.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; + } + } + } + + .oneButtonBlack { + height: 5.6rem; + width: 100%; + + button, + a { + width: 100%; + // max-width:calc(100% - 54px); + display: flex; + + &::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; + + @include mobileSmall { + width: 3.2rem; + } + + @include maxtablet { + width: 3.2rem; + } + + @include maxmobile { + width: 3.2rem; + } + } + + &::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; + + @include mobileSmall { + width: 4.2rem; + } + + @include maxtablet { + width: 3rem; + } + + @include maxmobile { + width: 3rem; + } + } + + &:hover { + p { + color: #05141f; + border-color: #cdd0d2; + background-color: #cdd0d2; + } + + &::before { + content: ""; + background-image: url(../../images/kia/svg/kia-btn-gleft.svg); + } + + &::after { + content: ""; + background-image: url(../../images/kia/svg/kia-btn-gright.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: #05141f; + color: #fff; + border-width: 1px 0 1px 0; + border-style: solid; + border-color: #05141f; + border-radius: 0; + } + } + } + + //기아 상품 상세 버튼 스타일 + .productRight { + .optionWarp { + .producOption { + .optionList { + .productSmallVideo { + border-radius: 0.6rem; + } + + .checkBtn { + label { + border-radius: 0.6rem; + border: 1px solid #dedede; + } + + input[type="checkbox"] { + visibility: hidden; + position: absolute; + + &:checked + label { + background-color: #05141f; + border: 1px solid #05141f; + + &::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; + } + + div { + p { + span, + strong { + color: #fff; + } + } + } + } + } + + &:hover { + label { + border: 1px solid #000; + } + } + + div { + display: flex; + flex-wrap: wrap; + align-items: center; + padding-left: 3rem; + + p { + span, + strong { + display: block; + width: 100%; + font-size: 1.6rem; + } + + strong { + font-weight: 600; + } + + span { + font-weight: 400; + } + + strong + span { + margin-top: 1rem; + } + } + } + } + + .checkBtn + .checkBtn { + margin-top: 1rem; + } + } + } + } + } + + .inquiryBtn { + a { + &::before, + &::after { + width: 3.2rem; + + @include tablet { + width: 3.2rem; + } + } + } + } + + .contentWarp { + .mypageWarp { + .rightConWarp { + .listbtnWarp { + width: 100%; + display: flex; + justify-content: center; + + .towButton { + width: 100%; @include tablet { - width: 3.2rem; + width: 37rem; } + } } + } + } + } +} - &:hover { - p { - color: #fff; - border-color: #05141F; - background-color: #05141F; - } +body { + // overflow-x: hidden; + .faqKey { + background-image: url(../../images/kia/keybg/faq-key.png); + background-position: 70%; - &::before { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-bleft.svg); + @include desktopMin { + background-image: url(../../images/kia/keybg/faq-key.png); + } + } - } + .csKey { + background-image: url(../../images/kia/keybg/cs-key.png); + background-position: 70%; - &::after { - content: ""; - background-image: url(../../images/kia/svg/kia-btn-bright.svg); - } - } + @include desktopMin { + background-image: url(../../images/kia/keybg/cs-key.png); + } + } - p { - font-family: 'KiaSignature'; - display: flex; - font-size: 1.4rem; + .serviceInfo { + background-image: url(../../images/kia/keybg/serviceinfo-key.png); + + @include desktopMin { + background-image: url(../../images/kia/keybg/serviceinfo-key.png); + } + } + + .notice { + background-image: url(../../images/kia/keybg/notice-key.png); + background-position: center; + + @include desktopMin { + background-image: url(../../images/kia/keybg/notice-key.png); + } + } + + .event { + background-image: url(../../images/kia/keybg/event-key.png); + background-position: 30%; + + @include desktopMin { + 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; - 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; + + @include desktopMin { + font-size: 2rem; + } + } } + } + } + } +} + +//기아 버튼 [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; -} \ No newline at end of file + @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; + } + } +}