[기능] CLAUDE.md 파일 추가 및 package.json, package-lock.json 생성

This commit is contained in:
2026-02-02 22:12:32 +09:00
parent 7f7babecc0
commit 406048dd35
45 changed files with 1903 additions and 1673 deletions

View File

@@ -9,14 +9,6 @@
/*반응형, 브라우저 크기가 1204px 이상일때*/
/*넓이, 높이 자동 계산함수*/
/*변수파일 import*/
@-webkit-keyframes fadein {
from {
opacity: 0.9;
}
to {
opacity: 1;
}
}
@keyframes fadein {
from {
opacity: 0.9;
@@ -82,7 +74,7 @@
z-index: 2;
}
.mainTopKey .mainSwiper ul li {
displaY: flex;
display: flex;
align-items: center;
height: 64rem;
background-size: cover;
@@ -135,7 +127,7 @@
}
.mainTopKey .mainSwiper ul li .mainText p strong,
.mainTopKey .mainSwiper ul li .mainText p span {
displaY: block;
display: block;
width: 100%;
color: #fff;
}
@@ -206,8 +198,6 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -226,16 +216,14 @@
}
}
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span {
color: #F3C300;
color: #f3c300;
font-weight: 400;
displaY: flex;
display: flex;
width: auto;
min-width: 2.2rem;
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -244,22 +232,20 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span + span {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span + span::before {
content: "";
displaY: block;
display: block;
width: 1px;
height: 1.4rem;
background-color: #DEDEDE;
background-color: #dedede;
margin-left: 1rem;
margin-right: 1rem;
}
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carItem {
displaY: flex;
display: flex;
height: 8.7rem;
font-size: 1.4rem;
align-items: center;
@@ -270,7 +256,7 @@
content: "";
width: 2.5rem;
height: 0.8rem;
displaY: block;
display: block;
background: url("/kr/assets/images/common/icon-wtbarrow.svg") center right no-repeat;
background-size: 1.2rem;
}
@@ -294,8 +280,6 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -306,7 +290,7 @@
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem .boxBullet {
width: 1.4rem;
height: 1rem;
displaY: block;
display: block;
position: absolute;
top: -0.9rem;
left: 50%;
@@ -319,7 +303,7 @@
display: block;
padding: 2rem;
background-color: #fff;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
}
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem ul li a {
display: flex;
@@ -330,11 +314,9 @@
color: #000;
}
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem ul li a span {
color: #9EA1A2;
color: #9ea1a2;
font-weight: 400;
displaY: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
display: flex;
width: fit-content;
}
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem ul li + li {
@@ -349,8 +331,6 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carItem.on + .carlistItem {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -392,7 +372,8 @@
display: block;
}
}
.mainProductList .mainContensTitle h1, .mainProductList .mainContensTitle p {
.mainProductList .mainContensTitle h1,
.mainProductList .mainContensTitle p {
text-align: center;
}
.mainProductList .mainContensTitle h1 {
@@ -559,15 +540,17 @@
margin-top: 3rem;
}
.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl {
displaY: flex;
display: flex;
text-align: left;
}
.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dt, .mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dd {
.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dt,
.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dd {
color: #fff;
font-size: 1.4rem;
}
@media (min-width: 1025px) {
.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dt, .mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dd {
.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dt,
.mainProductList .mainProductInner ul li a .contentInfo .listOtionPrice dl dd {
font-size: 1.6rem;
}
}
@@ -608,16 +591,15 @@
}
.mainProductList .mainProductInner ul li a:hover::before {
content: "";
-webkit-animation: fadein 1s;
animation: fadein 1s;
animation: fadein 1s;
background-image: url(/kr/assets/images/kia/producy-on.png);
z-index: 1;
background-size: cover;
}
.mainProductList .mainProductInner ul li a:hover .descript, .mainProductList .mainProductInner ul li a:hover .listImgBtn {
displaY: block;
-webkit-animation: fadein 1s;
animation: fadein 1s;
.mainProductList .mainProductInner ul li a:hover .descript,
.mainProductList .mainProductInner ul li a:hover .listImgBtn {
display: block;
animation: fadein 1s;
}
.mainSevice {
@@ -654,7 +636,7 @@
}
}
.mainSevice .left span {
color: #F3C300;
color: #f3c300;
font-size: 1.6rem;
}
.mainSevice .left h2 {
@@ -687,7 +669,7 @@
height: 14rem;
padding: 3rem;
border-radius: 0.6rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
}
@media (min-width: 768px) {
.mainSevice .right a {
@@ -700,23 +682,26 @@
}
}
.mainSevice .right a:hover {
border: 1px solid #05141F;
border: 1px solid #05141f;
}
.mainSevice .right a .faq, .mainSevice .right a .cs {
.mainSevice .right a .faq,
.mainSevice .right a .cs {
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between;
}
.mainSevice .right a .faq span, .mainSevice .right a .cs span {
.mainSevice .right a .faq span,
.mainSevice .right a .cs span {
position: relative;
displaY: block;
display: block;
}
.mainSevice .right a .faq span::after, .mainSevice .right a .cs span::after {
.mainSevice .right a .faq span::after,
.mainSevice .right a .cs span::after {
content: "";
position: absolute;
right: 0;
displaY: inline-block;
display: inline-block;
width: 0.8rem;
height: 1.6rem;
background-size: contain;
@@ -724,7 +709,8 @@
background-position: center right;
background-image: url(/kr/assets/images/common/icon-bgo.svg);
}
.mainSevice .right a .faq::before, .mainSevice .right a .cs::before {
.mainSevice .right a .faq::before,
.mainSevice .right a .cs::before {
content: "";
display: block;
width: 4.5rem;
@@ -746,4 +732,6 @@
margin-left: 1rem;
margin-top: 0;
}
}
}
/*# sourceMappingURL=main.css.map */