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

27
assets/css/common.css
View File

@@ -3221,6 +3221,9 @@ video::-webkit-media-controls {
}
.policyPopup {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
overflow: hidden;
width: 100%;
@@ -3237,10 +3240,8 @@ video::-webkit-media-controls {
max-width: 120rem;
min-height: 22rem;
max-height: 90%;
position: absolute;
top: 53%;
left: 50%;
transform: translate(-50%, -50.2%);
position: relative;
top: 0 !important;
background-color: #fff;
padding: 10rem 0;
border-radius: 0.6rem;
@@ -3877,6 +3878,10 @@ video::-webkit-media-controls {
padding: 1.8rem 1rem;
}
}
.table-wrap.type2 table td a {
color: #676767;
border-bottom: 1px solid #676767;
}
.noticeTextUnderTable {
margin-top: 2.4rem;
@@ -3985,8 +3990,8 @@ video::-webkit-media-controls {
text-align: center;
}
.agree-result .popInner .tableStyle dl dt {
width: 38rem;
padding: 2rem;
width: 39rem;
padding: 2rem 0.5rem;
font-size: 1.6rem;
color: #000;
font-weight: 400;
@@ -3996,6 +4001,7 @@ video::-webkit-media-controls {
.agree-result .popInner .tableStyle dl dt {
width: 60%;
font-size: 1.4rem;
padding: 2rem;
}
}
.agree-result .popInner .tableStyle dl dd {
@@ -4022,4 +4028,13 @@ video::-webkit-media-controls {
.agree-result .popInner .btnWarp.mg-t {
margin-top: 5rem;
}
.br-m {
display: none;
}
@media (max-width: 768px) {
.br-m {
display: block;
}
}
/*# sourceMappingURL=common.css.map */

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

File diff suppressed because one or more lines are too long

30
assets/css/common.scss
View File

@@ -3069,6 +3069,9 @@ video::-webkit-media-controls {
}
.policyPopup {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
overflow: hidden;
width: 100%;
@@ -3084,10 +3087,9 @@ video::-webkit-media-controls {
max-width: 120rem;
min-height: 22rem;
max-height: 90%;
position: absolute;
top: 53%;
left: 50%;
transform: translate(-50%, -50.2%);
position: relative;
top: 0 !important;
// left: 50%;
background-color: #fff;
padding: 10rem 0;
border-radius: 0.6rem;
@@ -3683,6 +3685,11 @@ video::-webkit-media-controls {
@include maxtablet {
padding: 1.8rem 1rem;
}
a {
color:#676767;
border-bottom:1px solid #676767;
}
}
}
}
@@ -3754,8 +3761,8 @@ video::-webkit-media-controls {
padding-bottom: 0rem;
text-align: center;
dt {
width: 38rem;
padding: 2rem;
width: 39rem;
padding: 2rem .5rem;
font-size: 1.6rem;
color: #000;
font-weight: 400;
@@ -3763,6 +3770,7 @@ video::-webkit-media-controls {
@include maxtablet {
width: 60%;
font-size: 1.4rem;
padding: 2rem;
}
}
dd {
@@ -3790,4 +3798,12 @@ video::-webkit-media-controls {
}
}
}
}
}
.br-m {
display: none;
@include maxtablet {
display: block;
}
}

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);
}
}
}

67
member/member-join.html
View File

@@ -651,18 +651,43 @@
</div>
</div>
<!-- [E] 개인정보 수집/이용동의 -->
<!--알럿팝업-->
<!-- [S] 마케팅 활용 동의 알럿 -->
<div id="checkedAgree" class="alertPopup" style="display:none;z-index: 501;">
<div class="popInner">
<div class="content">
<p>
<span>
마케팅 활용 동의를 수행하는 경우<br>
광고성 정보 수신동의도 동의한 것으로 <br class="br-m">간주합니다.
</span>
</p>
<!--버튼 한개-->
<div class="btnWarp mg-t">
<div class="oneButton">
<button onclick="close_alert_popup(this)"><p>확인</p></button>
</div>
</div>
<!--버튼 한개-->
</div>
</div>
</div>
<!-- [E] 마케팅 활용 동의 알럿 -->
<!-- [S] 마케팅 활용 및 광고성 정보 수신 동의 -->
<div id="marketing_popup" class="policyPopup" style="display:none; opacity:1;">
<div class="popInner">
<div class="content">
<p class="title">
<strong>마케팅 활용 목적의 개인정보 수집 · 이용 동의 (선택)</strong>
<strong>마케팅 활용 목적의 개인정보 <br class="br-m">수집 · 이용 동의 (선택)</strong>
</p>
<div class="editorText termsContents withTable">
<p>
<strong>※ 마케팅 활용 동의를 수행하는 경우 광고성 정보 수신동의도 동의한 것으로 간주합니다.</strong>
<strong>※ 마케팅 활용 동의를 수행하는 경우 광고성 정보 수신동의도 동의한 것으로 간주합니다.</strong><br class="br-m">
<br>기아는 <u>개인정보보호법 제22조. 정보통신망법 제50조</u>에 따라 아래와 같이 정보주체의 개인정보를 동의 받아 수집하고 있습니다.
</p>
<div class="table-wrap type2 mt-2">
@@ -682,17 +707,17 @@
<tbody>
<tr>
<td>
기아가 제공하는 상품 · 서비스 · 이벤트
제공 안내, 가입한 서비스 간 개인정보
결합 및 분석을 통한 개인 맞춤형 서비스 제공
기아가 제공하는 상품 · 서비스 · 이벤트<br>
제공 안내, 가입한 서비스 간 개인정보<br>
결합 및 분석을 통한 개인 맞춤형 <br class="br-m">서비스 제공
</td>
<td>
구입차량정보, 정비 서비스 이용정보, 기아가 제공하는
서비스* 이용 시 수집 · 이용에 동의한 정보 및
구입차량정보, 정비 서비스 이용정보, <strong>기아가 제공하는
서비스*</strong> 이용 시 수집 · 이용에 동의한 정보 및
상기 정보들을 조합 또는 분석하여 생성된 정보<br><br>
※ 기아가 제공하는 서비스는 개인정보처리방침
(https://privacy.kia.com/overview/full-policy/)을
(<a href="https://privacy.kia.com/overview/full-policy" target="_blank">https://privacy.kia.com/overview/full-policy/</a>)을
참고하시기 바랍니다.
</td>
<td>
@@ -778,31 +803,7 @@
</div>
</div>
<!-- [E] 전자적 전송매체를 활용한 광고성 정보 수신 동의 -->
<!-- [S] 마케팅 활용 동의 알럿 -->
<div id="checkedAgree" class="alertPopup" style="display:none;z-index: 501;">
<div class="popInner">
<div class="content">
<p>
<span>
마케팅 활용 동의를 수행하는 경우
광고성 정보 수신동의도 동의한 것으로 간주합니다.
</span>
</p>
<!--버튼 한개-->
<div class="btnWarp mg-t">
<div class="oneButton">
<button onclick="close_alert_popup(this)"><p>확인</p></button>
</div>
</div>
<!--버튼 한개-->
</div>
</div>
</div>
<!-- [E] 마케팅 활용 동의 알럿 -->
<!--레이어 팝업-->
<!--알럿팝업-->
<!--//footer-->
<div class="floating_menu">

26
mypage/my-info-view.html
View File

@@ -317,7 +317,7 @@
<div id="checkedResult" class="alertPopup agree-result" style="display:none;">r
<div class="popInner">
<div class="content">
<p><strong>마케팅 목적 개인정보 수집 · 이용 동의</strong></p>
<p><strong>마케팅 목적 개인정보 <br class="br-m">수집 · 이용 동의</strong></p>
<p><span>아래와 같이 수신 여부를 설정해주셨습니다.</span></p>
<div class="tableStyle">
@@ -327,11 +327,11 @@
<dd>2022-08-26 14:39:12</dd>
</dl>
<dl>
<dt>마케팅 활용 목적의 개인정보 수집 · 이용 동의</dt>
<dt>마케팅 활용 <br class="br-m">목적의 개인정보 <br class="br-m">수집 · 이용 동의</dt>
<dd>동의</dd>
</dl>
<dl>
<dt>전자적 전송 매체를 활용한 광고성 정보 수신 동의</dt>
<dt>전자적 전송 매체를 <br class="br-m">활용한 광고성 정보 <br class="br-m">수신 동의</dt>
<dd>동의</dd>
</dl>
</div>
@@ -354,8 +354,8 @@
<div class="content">
<p>
<span>
마케팅 활용 동의를 수행하는 경우
광고성 정보 수신동의도 동의한 것으로 간주합니다.
마케팅 활용 동의를 수행하는 경우<br>
광고성 정보 수신동의도 동의한 것으로 <br class="br-m">간주합니다.
</span>
</p>
@@ -376,13 +376,13 @@
<div class="popInner">
<div class="content">
<p class="title">
<strong>마케팅 활용 목적의 개인정보 수집 · 이용 동의 (선택)</strong>
<strong>마케팅 활용 목적의 개인정보 <br class="br-m">수집 · 이용 동의 (선택)</strong>
</p>
<div class="editorText termsContents withTable">
<p>
<strong>※ 마케팅 활용 동의를 수행하는 경우 광고성 정보 수신동의도 동의한 것으로 간주합니다.</strong>
<strong>※ 마케팅 활용 동의를 수행하는 경우 광고성 정보 수신동의도 동의한 것으로 간주합니다.</strong><br class="br-m">
<br>기아는 <u>개인정보보호법 제22조. 정보통신망법 제50조</u>에 따라 아래와 같이 정보주체의 개인정보를 동의 받아 수집하고 있습니다.
</p>
<div class="table-wrap type2 mt-2">
@@ -402,17 +402,17 @@
<tbody>
<tr>
<td>
기아가 제공하는 상품 · 서비스 · 이벤트
제공 안내, 가입한 서비스 간 개인정보
결합 및 분석을 통한 개인 맞춤형 서비스 제공
기아가 제공하는 상품 · 서비스 · 이벤트<br>
제공 안내, 가입한 서비스 간 개인정보<br>
결합 및 분석을 통한 개인 맞춤형 <br class="br-m">서비스 제공
</td>
<td>
구입차량정보, 정비 서비스 이용정보, 기아가 제공하는
서비스* 이용 시 수집 · 이용에 동의한 정보 및
구입차량정보, 정비 서비스 이용정보, <strong>기아가 제공하는
서비스*</strong> 이용 시 수집 · 이용에 동의한 정보 및
상기 정보들을 조합 또는 분석하여 생성된 정보<br><br>
※ 기아가 제공하는 서비스는 개인정보처리방침
(https://privacy.kia.com/overview/full-policy/)을
(<a href="https://privacy.kia.com/overview/full-policy" target="_blank">https://privacy.kia.com/overview/full-policy/</a>)을
참고하시기 바랍니다.
</td>
<td>