[기능] CLAUDE.md 파일 추가 및 package.json, package-lock.json 생성
This commit is contained in:
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user