gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

마수동, 광수동 완료

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2024-11-19 22:41:42 +09:00
parent 75504a7f63
commit 5cf76127ed
8 changed files with 209 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
assets/css/kia/kia.css
View File

@@ -26,53 +26,53 @@ html button {
html .icon-cs {
width: 2.4rem;
height: 2.4rem;
background-image: url(/kr/assets/images/common/icon-wcs.svg);
background-image: url(../../images/common/icon-wcs.svg);
}
html .icon-user {
width: 2.4rem;
height: 2.4rem;
background-image: url(/kr/assets/images/common/icon-wuser.svg);
background-image: url(../../images/common/icon-wuser.svg);
}
html .icon-cart {
width: 2.4rem;
height: 2.4rem;
background-image: url(/kr/assets/images/common/icon-wcart.svg);
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(/kr/assets/images/common/icon-tbcs.svg);
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(/kr/assets/images/common/icon-user.svg);
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(/kr/assets/images/common/icon-cart.svg);
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(/kr/assets/images/common/icon-tbcs.svg);
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(/kr/assets/images/common/icon-user.svg);
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(/kr/assets/images/common/icon-cart.svg);
background-image: url(../../images/common/icon-cart.svg);
}
html textarea {
width: 100%;
@@ -86,15 +86,15 @@ html textarea {
html .icon-tbarrow {
width: 2.4rem;
height: 2.4rem;
background-image: url(/kr/assets/images/common/icon-tbarrow.svg);
background-image: url(../../images/common/icon-tbarrow.svg);
}
html .icon-wtbarrow {
width: 2.4rem;
height: 2.4rem;
background-image: url(/kr/assets/images/common/icon-wtbarrow.svg);
background-image: url(../../images/common/icon-wtbarrow.svg);
}
html .scrollDisable .logoImg {
background-image: url(/kr/assets/images/kia/kia-blogo-n.svg);
background-image: url(../../images/kia/kia-blogo-n.svg);
}
html .mainNotice {
background-color: #F3F3F3;
@@ -201,6 +201,7 @@ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList ul li dl dt, html
@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;
}
@@ -245,7 +246,7 @@ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList .swiperButtonWarp
display: block;
width: 1.4rem;
height: 0.8rem;
background-image: url(/kr/assets/images/common/icon-notice.svg);
background-image: url(../../images/common/icon-notice.svg);
background-repeat: no-repeat;
background-position: center;
}
@@ -261,7 +262,7 @@ html .mainNotice .noticInnerWarp .noticeInner .mainNiticeList .swiperButtonWarp
margin-top: 2rem;
}
html .mainBanner {
background-image: url(/kr/assets/images/kia/product-img/producy-mtemp8.png);
background-image: url(../../images/kia/product-img/producy-mtemp8.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
@@ -273,7 +274,7 @@ html .mainBanner {
@media (min-width: 768px) {
html .mainBanner {
height: 34rem;
background-image: url(/kr/assets/images/kia/product-img/producy-temp8.png);
background-image: url(../../images/kia/product-img/producy-temp8.png);
}
}
@media (min-width: 1025px) {
@@ -350,7 +351,7 @@ html .hederWarp .headerInner .headerTop .headerGnb .logo a .logoImg {
display: block;
width: 16.7rem;
height: 1.5rem;
background-image: url(/kr/assets/images/kia/kia-logo-n.svg);
background-image: url(../../images/kia/kia-logo-n.svg);
}
@media (min-width: 1025px) {
html .hederWarp .headerInner .headerTop .headerGnb .logo a .logoImg {
@@ -359,7 +360,7 @@ html .hederWarp .headerInner .headerTop .headerGnb .logo a .logoImg {
}
}
html .hederWarp .headerInner .headerTop .headerGnb .logo.on a .logoImg {
background-image: url(/kr/assets/images/kia/kia-blogo-n.svg);
background-image: url(../../images/kia/kia-blogo-n.svg);
}
html .hederWarp .headerInner .headerTop .headerGnb .logo.on p {
color: #000;
@@ -369,11 +370,11 @@ html .hederWarp .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp
}
html .hederWarp.hBoder .headerInner .headerGnb .logo a .logoImg,
html .hederWarp.noBoder .headerInner .headerGnb .logo a .logoImg {
background-image: url(/kr/assets/images/kia/kia-blogo-n.svg);
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(/kr/assets/images/kia/kia-blogo-n.svg);
background-image: url(../../images/kia/kia-blogo-n.svg);
}
html .hederWarp_n .headerInner .gnb .logoWrap a {
font-family: "KiaSignature";
@@ -382,7 +383,7 @@ html .hederWarp_n .headerInner .gnb .logoWrap a .logoImg {
display: block;
width: 16.7rem;
height: 1.5rem;
background-image: url(/kr/assets/images/kia/kia-logo-n.svg);
background-image: url(../../images/kia/kia-logo-n.svg);
background-repeat: no-repeat;
}
@media (min-width: 1025px) {
@@ -453,13 +454,13 @@ html .mainCarNum .oneButton a p:hover {
}
html .mainCarNum .oneButton a::before {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-wleft.svg);
background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
height: 5.6rem;
}
html .mainCarNum .oneButton a::after {
content: "";
position: initial;
background-image: url(/kr/assets/images/kia/svg/kia-btn-wright.svg);
background-image: url(../../images/kia/svg/kia-btn-wright.svg);
height: 5.6rem;
-webkit-transform: initial;
}
@@ -483,12 +484,12 @@ html .mainCarNum .oneButton a p:hover {
}
html .mainCarNum .oneButton a:hover::before {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-yleft.svg);
background-image: url(../../images/kia/svg/kia-btn-yleft.svg);
height: 5.6rem;
}
html .mainCarNum .oneButton a:hover::after {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-yright.svg);
background-image: url(../../images/kia/svg/kia-btn-yright.svg);
height: 5.6rem;
}
}
@@ -521,7 +522,7 @@ html .footer::before {
width: 100%;
height: 4rem;
display: block;
background-image: url(/kr/assets/images/kia/svg/footer-bg.svg);
background-image: url(../../images/kia/svg/footer-bg.svg);
background-position: top right -35rem;
background-repeat: no-repeat;
}
@@ -640,6 +641,7 @@ html .footer .kiaInner .tLeft .companyInfo ul + ul li:nth-child(1), html .footer
}
@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;
}
@@ -828,7 +830,7 @@ html .footer .kiaInner .familyBoxWarp .searchTextBox .icon-search {
displaY: block;
width: 2.4rem;
height: 2.4rem;
background-image: url(/kr/assets/images/common/icon-search.svg);
background-image: url(../../images/common/icon-search.svg);
background-size: contain;
}
html .footer .top {
@@ -877,7 +879,7 @@ html .towButton .leftBtn::before {
display: block;
width: 3.2rem;
height: 5.6rem;
background-image: url(/kr/assets/images/kia/svg/kia-btn-wleft.svg);
background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
background-size: auto;
background-repeat: no-repeat;
}
@@ -893,7 +895,7 @@ html .towButton .leftBtn:hover p {
}
html .towButton .leftBtn:hover::before {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-yleft.svg);
background-image: url(../../images/kia/svg/kia-btn-yleft.svg);
}
@media (hover: hover) and (pointer: fine) {
html .towButton .leftBtn:hover p {
@@ -903,7 +905,7 @@ html .towButton .leftBtn:hover::before {
}
html .towButton .leftBtn:hover::before {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-wleft.svg);
background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
}
}
@media (hover: hover) and (pointer: fine) {
@@ -914,7 +916,7 @@ html .towButton .leftBtn:hover::before {
}
html .towButton .leftBtn:hover::before {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-wleft.svg);
background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
}
}
html .towButton .rightBtn {
@@ -940,7 +942,7 @@ html .towButton .rightBtn::after {
width: 3.2rem;
border: none;
height: 5.6rem;
background-image: url(/kr/assets/images/kia/svg/kia-btn-bright.svg);
background-image: url(../../images/kia/svg/kia-btn-bright.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: top right;
@@ -958,7 +960,7 @@ html .towButton .rightBtn:hover p {
}
html .towButton .rightBtn:hover::after {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-gright.svg);
background-image: url(../../images/kia/svg/kia-btn-gright.svg);
}
html .oneButton {
height: 5.6rem;
@@ -979,15 +981,15 @@ html .oneButton a::before {
display: block;
width: 3.2rem;
height: 5.6rem;
background-image: url(/kr/assets/images/kia/svg/kia-btn-wleft.svg);
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 {
html .oneButton div::before,
html .oneButton a::before {
width: 3.2rem;
}
}
@@ -998,15 +1000,15 @@ html .oneButton a::after {
display: block;
width: 3.2rem;
height: 5.6rem;
background-image: url(/kr/assets/images/kia/svg/kia-btn-wright.svg);
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 {
html .oneButton div::after,
html .oneButton a::after {
width: 3.2rem;
}
}
@@ -1021,13 +1023,13 @@ html .oneButton button:hover::before,
html .oneButton div:hover::before,
html .oneButton a:hover::before {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-yleft.svg);
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(/kr/assets/images/kia/svg/kia-btn-yright.svg);
background-image: url(../../images/kia/svg/kia-btn-yright.svg);
}
html .oneButton button p,
html .oneButton div p,
@@ -1062,26 +1064,26 @@ html .oneButtonBlack a::before {
display: block;
width: 3.2rem;
height: 5.6rem;
background-image: url(/kr/assets/images/kia/svg/kia-btn-bleft.svg);
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 {
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;
}
}
@@ -1091,26 +1093,26 @@ html .oneButtonBlack a::after {
display: block;
width: 3.2rem;
height: 5.6rem;
background-image: url(/kr/assets/images/kia/svg/kia-btn-bright.svg);
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 {
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;
}
}
@@ -1123,12 +1125,12 @@ html .oneButtonBlack a:hover p {
html .oneButtonBlack button:hover::before,
html .oneButtonBlack a:hover::before {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-gleft.svg);
background-image: url(../../images/kia/svg/kia-btn-gleft.svg);
}
html .oneButtonBlack button:hover::after,
html .oneButtonBlack a:hover::after {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-gright.svg);
background-image: url(../../images/kia/svg/kia-btn-gright.svg);
}
html .oneButtonBlack button p,
html .oneButtonBlack a p {
@@ -1171,7 +1173,7 @@ html .productRight .optionWarp .producOption .optionList .checkBtn input[type=ch
display: block;
width: 2rem;
height: 2rem;
background-image: url(/kr/assets/images/common/icon_select.svg);
background-image: url(../../images/common/icon_select.svg);
background-size: contain;
background-repeat: no-repeat;
}
@@ -1229,47 +1231,47 @@ html .contentWarp .mypageWarp .rightConWarp .listbtnWarp .towButton {
}
body .faqKey {
background-image: url(/kr/assets/images/kia/keybg/faq-key.png);
background-image: url(../../images/kia/keybg/faq-key.png);
background-position: 70%;
}
@media (min-width: 1025px) {
body .faqKey {
background-image: url(/kr/assets/images/kia/keybg/faq-key.png);
background-image: url(../../images/kia/keybg/faq-key.png);
}
}
body .csKey {
background-image: url(/kr/assets/images/kia/keybg/cs-key.png);
background-image: url(../../images/kia/keybg/cs-key.png);
background-position: 70%;
}
@media (min-width: 1025px) {
body .csKey {
background-image: url(/kr/assets/images/kia/keybg/cs-key.png);
background-image: url(../../images/kia/keybg/cs-key.png);
}
}
body .serviceInfo {
background-image: url(/kr/assets/images/kia/keybg/serviceinfo-key.png);
background-image: url(../../images/kia/keybg/serviceinfo-key.png);
}
@media (min-width: 1025px) {
body .serviceInfo {
background-image: url(/kr/assets/images/kia/keybg/serviceinfo-key.png);
background-image: url(../../images/kia/keybg/serviceinfo-key.png);
}
}
body .notice {
background-image: url(/kr/assets/images/kia/keybg/notice-key.png);
background-image: url(../../images/kia/keybg/notice-key.png);
background-position: center;
}
@media (min-width: 1025px) {
body .notice {
background-image: url(/kr/assets/images/kia/keybg/notice-key.png);
background-image: url(../../images/kia/keybg/notice-key.png);
}
}
body .event {
background-image: url(/kr/assets/images/kia/keybg/event-key.png);
background-image: url(../../images/kia/keybg/event-key.png);
background-position: 30%;
}
@media (min-width: 1025px) {
body .event {
background-image: url(/kr/assets/images/kia/keybg/event-key.png);
background-image: url(../../images/kia/keybg/event-key.png);
}
}
@@ -1285,4 +1287,5 @@ body#faq .csWarp {
.hederWarp .headerInner .headerTop .headerGnb .logo p {
font-size: 2rem;
}
}
}
/*# sourceMappingURL=kia.css.map */

2
assets/css/kia/kia.css.map
View File

File diff suppressed because one or more lines are too long

102
assets/css/kia/kia.scss
View File

@@ -24,21 +24,21 @@ html{
}
// 아이콘
.icon-cs{width:2.4rem; height:2.4rem; background-image: url(/kr/assets/images/common/icon-wcs.svg);}
.icon-user{width:2.4rem; height:2.4rem; background-image: url(/kr/assets/images/common/icon-wuser.svg);}
.icon-cart{width:2.4rem; height:2.4rem; background-image: url(/kr/assets/images/common/icon-wcart.svg);}
.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(/kr/assets/images/common/icon-tbcs.svg);}
.icon-user{width:2.4rem; height:2.4rem; background-image: url(/kr/assets/images/common/icon-user.svg);}
.icon-cart{width:2.4rem; height:2.4rem; background-image: url(/kr/assets/images/common/icon-cart.svg);}
.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);}
}
.hederWarp_n.noBoder,
.hederWarp_n.hBoder{
.icon-cs{width:2.4rem; height:2.4rem; background-image: url(/kr/assets/images/common/icon-tbcs.svg);}
.icon-user{width:2.4rem; height:2.4rem; background-image: url(/kr/assets/images/common/icon-user.svg);}
.icon-cart{width:2.4rem; height:2.4rem; background-image: url(/kr/assets/images/common/icon-cart.svg);}
.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);}
}
textarea{
width:100%;
@@ -52,8 +52,8 @@ html{
.icon-tbarrow {width:2.4rem; height:2.4rem; background-image: url(/kr/assets/images/common/icon-tbarrow.svg);}
.icon-wtbarrow {width:2.4rem; height:2.4rem; background-image: url(/kr/assets/images/common/icon-wtbarrow.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{
@@ -62,7 +62,7 @@ html{
}
}
.logoImg{
background-image: url(/kr/assets/images/kia/kia-blogo-n.svg);
background-image: url(../../images/kia/kia-blogo-n.svg);
}
}
@@ -189,7 +189,7 @@ html{
display: block;
width:1.4rem;
height:0.8rem;
background-image: url(/kr/assets/images/common/icon-notice.svg);
background-image: url(../../images/common/icon-notice.svg);
background-repeat: no-repeat;
background-position:center;
@@ -214,7 +214,7 @@ html{
}
.mainBanner{
background-image: url(/kr/assets/images/kia/product-img/producy-mtemp8.png);
background-image: url(../../images/kia/product-img/producy-mtemp8.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
@@ -224,7 +224,7 @@ html{
align-items: center;
@include tablet{
height:34rem;
background-image: url(/kr/assets/images/kia/product-img/producy-temp8.png);
background-image: url(../../images/kia/product-img/producy-temp8.png);
}
@include desktopMin{
@@ -302,7 +302,7 @@ html{
display:block;
width:16.7rem;
height:1.5rem;
background-image: url(/kr/assets/images/kia/kia-logo-n.svg);
background-image: url(../../images/kia/kia-logo-n.svg);
@include desktopMin{
height:2rem;
width:22.8rem;
@@ -314,7 +314,7 @@ html{
.logo.on{
a{
.logoImg{
background-image: url(/kr/assets/images/kia/kia-blogo-n.svg);
background-image: url(../../images/kia/kia-blogo-n.svg);
}
}
p{color:#000;}
@@ -343,7 +343,7 @@ html{
.logo{
a{
.logoImg{
background-image: url(/kr/assets/images/kia/kia-blogo-n.svg);
background-image: url(../../images/kia/kia-blogo-n.svg);
}
}
}
@@ -357,7 +357,7 @@ html{
.logoWrap{
a{
.logoImg{
background-image: url(/kr/assets/images/kia/kia-blogo-n.svg);
background-image: url(../../images/kia/kia-blogo-n.svg);
}
}
}
@@ -375,7 +375,7 @@ html{
display:block;
width:16.7rem;
height:1.5rem;
background-image: url(/kr/assets/images/kia/kia-logo-n.svg);
background-image: url(../../images/kia/kia-logo-n.svg);
background-repeat: no-repeat;
@include desktopMin{
height:2rem;
@@ -478,13 +478,13 @@ html{
}
&::before {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-wleft.svg);
background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
height: 5.6rem;
}
&::after {
content: "";
position: initial;
background-image: url(/kr/assets/images/kia/svg/kia-btn-wright.svg);
background-image: url(../../images/kia/svg/kia-btn-wright.svg);
height: 5.6rem;
-webkit-transform: initial;
}
@@ -509,12 +509,12 @@ html{
}
&::before {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-yleft.svg);
background-image: url(../../images/kia/svg/kia-btn-yleft.svg);
height: 5.6rem;
}
&::after {
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-yright.svg);
background-image: url(../../images/kia/svg/kia-btn-yright.svg);
height: 5.6rem;
}
}
@@ -552,7 +552,7 @@ html{
width:100%;
height:4rem;
display: block;
background-image: url(/kr/assets/images/kia/svg/footer-bg.svg);
background-image: url(../../images/kia/svg/footer-bg.svg);
background-position: top right -35rem;
background-repeat: no-repeat;
@include desktopMin{
@@ -853,7 +853,7 @@ html{
displaY:block;
width:2.4rem;
height:2.4rem;
background-image: url(/kr/assets/images/common/icon-search.svg);
background-image: url(../../images/common/icon-search.svg);
background-size: contain;
}
}
@@ -910,7 +910,7 @@ html{
display:block;
width:3.2rem;
height:5.6rem;
background-image: url(/kr/assets/images/kia/svg/kia-btn-wleft.svg);
background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
background-size: auto;
background-repeat: no-repeat;
@include tablet{
@@ -925,7 +925,7 @@ html{
}
&::before{
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-yleft.svg);
background-image: url(../../images/kia/svg/kia-btn-yleft.svg);
}
@media (hover: hover) and (pointer: fine) {
p{
@@ -935,7 +935,7 @@ html{
}
&::before{
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-wleft.svg);
background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
}
}
}
@@ -948,7 +948,7 @@ html{
}
&::before{
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-wleft.svg);
background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
}
}
}
@@ -975,7 +975,7 @@ html{
width:3.2rem;
border:none;
height:5.6rem;
background-image: url(/kr/assets/images/kia/svg/kia-btn-bright.svg);
background-image: url(../../images/kia/svg/kia-btn-bright.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: top right;
@@ -992,7 +992,7 @@ html{
}
&::after{
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-gright.svg);
background-image: url(../../images/kia/svg/kia-btn-gright.svg);
}
}
}
@@ -1019,7 +1019,7 @@ html{
display:block;
width:3.2rem;
height:5.6rem;
background-image: url(/kr/assets/images/kia/svg/kia-btn-wleft.svg);
background-image: url(../../images/kia/svg/kia-btn-wleft.svg);
background-size: auto;
background-repeat: no-repeat;
background-position: center left;
@@ -1032,7 +1032,7 @@ html{
display:block;
width:3.2rem;
height:5.6rem;
background-image: url(/kr/assets/images/kia/svg/kia-btn-wright.svg);
background-image: url(../../images/kia/svg/kia-btn-wright.svg);
background-size: auto;
background-repeat: no-repeat;
background-position: center right;
@@ -1048,12 +1048,12 @@ html{
}
&::before{
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-yleft.svg);
background-image: url(../../images/kia/svg/kia-btn-yleft.svg);
}
&::after{
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-yright.svg);
background-image: url(../../images/kia/svg/kia-btn-yright.svg);
}
}
p{
@@ -1091,7 +1091,7 @@ html{
display:block;
width:3.2rem;
height:5.6rem;
background-image: url(/kr/assets/images/kia/svg/kia-btn-bleft.svg);
background-image: url(../../images/kia/svg/kia-btn-bleft.svg);
background-size: auto;
background-repeat: no-repeat;
background-position: center left;
@@ -1110,7 +1110,7 @@ html{
display:block;
width:3.2rem;
height:5.6rem;
background-image: url(/kr/assets/images/kia/svg/kia-btn-bright.svg);
background-image: url(../../images/kia/svg/kia-btn-bright.svg);
background-size: auto;
background-repeat: no-repeat;
background-position: center right;
@@ -1132,11 +1132,11 @@ html{
}
&::before{
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-gleft.svg);
background-image: url(../../images/kia/svg/kia-btn-gleft.svg);
}
&::after{
content: "";
background-image: url(/kr/assets/images/kia/svg/kia-btn-gright.svg);
background-image: url(../../images/kia/svg/kia-btn-gright.svg);
}
}
p{
@@ -1189,7 +1189,7 @@ html{
display:block;
width:2rem;
height:2rem;
background-image: url(/kr/assets/images/common/icon_select.svg);
background-image: url(../../images/common/icon_select.svg);
background-size: contain;
background-repeat: no-repeat;
}
@@ -1261,39 +1261,39 @@ html{
body{
// overflow-x: hidden;
.faqKey{
background-image: url(/kr/assets/images/kia/keybg/faq-key.png);
background-image: url(../../images/kia/keybg/faq-key.png);
background-position: 70%;
@include desktopMin{
background-image: url(/kr/assets/images/kia/keybg/faq-key.png);
background-image: url(../../images/kia/keybg/faq-key.png);
}
}
.csKey{
background-image: url(/kr/assets/images/kia/keybg/cs-key.png);
background-image: url(../../images/kia/keybg/cs-key.png);
background-position: 70%;
@include desktopMin{
background-image: url(/kr/assets/images/kia/keybg/cs-key.png);
background-image: url(../../images/kia/keybg/cs-key.png);
}
}
.serviceInfo{
background-image: url(/kr/assets/images/kia/keybg/serviceinfo-key.png);
background-image: url(../../images/kia/keybg/serviceinfo-key.png);
@include desktopMin{
background-image: url(/kr/assets/images/kia/keybg/serviceinfo-key.png);
background-image: url(../../images/kia/keybg/serviceinfo-key.png);
}
}
.notice{
background-image: url(/kr/assets/images/kia/keybg/notice-key.png);
background-image: url(../../images/kia/keybg/notice-key.png);
background-position: center;
@include desktopMin{
background-image: url(/kr/assets/images/kia/keybg/notice-key.png);
background-image: url(../../images/kia/keybg/notice-key.png);
}
}
.event{
background-image: url(/kr/assets/images/kia/keybg/event-key.png);
background-image: url(../../images/kia/keybg/event-key.png);
background-position: 30%;
@include desktopMin{
background-image: url(/kr/assets/images/kia/keybg/event-key.png);
background-image: url(../../images/kia/keybg/event-key.png);
}
}
}