[기능] 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

@@ -170,8 +170,6 @@ 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;
}
}
@@ -346,8 +344,6 @@ html .footer .genesisInner .tLeft .companyInfo ul + ul li:nth-child(1), html .fo
}
@media (min-width: 768px) {
html .footer .genesisInner .tLeft .companyInfo ul + ul li:nth-child(1), html .footer .genesisInner .tLeft .companyInfo ul + ul li:nth-child(2), html .footer .genesisInner .tLeft .companyInfo ul + ul li:nth-child(3), html .footer .genesisInner .tLeft .companyInfo ul + ul li:nth-child(4) {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -787,8 +783,6 @@ html .oneButtonBlack a p {
color: #fff;
font-weight: 400;
displaY: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 2.2rem;
}
@@ -827,8 +821,6 @@ html .oneButtonBlack a p {
.hederWarp .headerInner .headerTop .headerGnb .topUtil .carlist .carlistItem {
display: none;
position: absolute;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 17rem;
top: 7.9rem;
@@ -869,8 +861,6 @@ html .oneButtonBlack a p {
color: #9EA1A2;
font-weight: 400;
displaY: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.hederWarp .headerInner .headerTop .headerGnb .topUtil .carlist .carlistItem ul li + li {
@@ -914,6 +904,10 @@ html .oneButtonBlack a p {
height: 100vh;
width: 100%;
min-width: 36rem;
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
-ms-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s;
}
@media (min-width: 501px) {
@@ -1076,8 +1070,6 @@ html .oneButtonBlack a p {
color: #676767;
font-weight: 400;
displaY: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.hederWarp .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu ul li + li {
@@ -1146,8 +1138,6 @@ html .oneButtonBlack a p {
color: #676767;
font-weight: 400;
displaY: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.hederWarp .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .user .userMenu ul li + li {
@@ -1224,6 +1214,7 @@ html .oneButtonBlack a p {
content: "";
position: absolute;
left: -0.4rem;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.hederWarp .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu .burgur .bot-line {
@@ -1234,16 +1225,19 @@ html .oneButtonBlack a p {
content: "";
position: absolute;
left: -0.4rem;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.hederWarp .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu .burgur.on {
width: 0;
}
.hederWarp .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu .burgur.on .bot-line {
-webkit-transform: translateY(4px) rotate(135deg);
transform: translateY(4px) rotate(135deg);
background-color: #fff;
}
.hederWarp .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu .burgur.on .top-line {
-webkit-transform: translateY(-4px) rotate(-135deg);
transform: translateY(-4px) rotate(-135deg);
background-color: #fff;
}
@@ -1269,7 +1263,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .logo a .logoImg,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .logo a .logoImg {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .logo a .logoImg {
width: 12.8rem;
height: 2.6rem;
}
@@ -1302,7 +1296,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .carlist,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .carlist {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .carlist {
display: block;
}
}
@@ -1311,8 +1305,6 @@ html .oneButtonBlack a p {
color: #fff;
font-weight: 400;
displaY: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 2.2rem;
}
@@ -1358,8 +1350,6 @@ html .oneButtonBlack a p {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .carlist .carlistItem {
display: none;
position: absolute;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 17rem;
top: 7.9rem;
@@ -1372,7 +1362,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .carlist .carlistItem .boxBullet,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .carlist .carlistItem .boxBullet {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .carlist .carlistItem .boxBullet {
width: 1.4rem;
height: 1rem;
displaY: block;
@@ -1406,8 +1396,6 @@ html .oneButtonBlack a p {
color: #9EA1A2;
font-weight: 400;
displaY: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .carlist .carlistItem ul li + li,
@@ -1441,7 +1429,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .boxBullet,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .boxBullet {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .boxBullet {
width: 1.4rem;
height: 1rem;
displaY: block;
@@ -1460,35 +1448,39 @@ html .oneButtonBlack a p {
height: 100vh;
width: 100%;
min-width: 36rem;
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
-ms-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s;
}
@media (min-width: 501px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp {
max-width: 36rem;
}
}
@media (max-width: 768px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp {
background-color: #fff;
}
}
@media (max-width: 320px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp {
max-width: 32rem;
}
}
@media (min-width: 768px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp {
max-width: 36rem;
}
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp {
position: inherit;
display: flex;
align-items: center;
@@ -1508,7 +1500,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .mobileMember,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .mobileMember {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .mobileMember {
display: none;
}
}
@@ -1526,7 +1518,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .mobileMember button,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .mobileMember button {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .mobileMember button {
display: none;
}
}
@@ -1546,7 +1538,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .mobileMember,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .mobileMember {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .mobileMember {
display: none;
}
}
@@ -1560,7 +1552,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu {
padding: 0;
min-height: auto;
overflow-y: inherit;
@@ -1574,7 +1566,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu > a,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu > a {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu > a {
display: flex;
align-items: center;
height: 8rem;
@@ -1588,7 +1580,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu {
display: none;
position: absolute;
min-width: 11rem;
@@ -1607,7 +1599,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu .moblieBlock,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu .moblieBlock {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu .moblieBlock {
display: none;
}
}
@@ -1634,7 +1626,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu ul li a,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu ul li a {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu ul li a {
color: #9EA1A2;
font-size: 1.4rem;
font-weight: 400;
@@ -1649,8 +1641,6 @@ html .oneButtonBlack a p {
color: #676767;
font-weight: 400;
displaY: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu ul li + li,
@@ -1659,13 +1649,13 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu ul li + li,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu ul li + li {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .gnbMenu ul li + li {
margin-top: 1rem;
}
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .loginBtn,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .loginBtn {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .menu .loginBtn {
display: none;
}
}
@@ -1680,7 +1670,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .user,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .user {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .user {
display: block;
}
}
@@ -1690,7 +1680,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .user > a,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .user > a {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .user > a {
display: flex;
align-items: center;
height: 8rem;
@@ -1698,7 +1688,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .user .userMenu,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .user .userMenu {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .user .userMenu {
displaY: none;
width: 100%;
min-width: 11rem;
@@ -1732,8 +1722,6 @@ html .oneButtonBlack a p {
color: #676767;
font-weight: 400;
displaY: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp .user .userMenu ul li + li,
@@ -1761,7 +1749,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp + .cart,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp + .cart {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .mMenuWarp + .cart {
margin-left: 2rem;
}
}
@@ -1773,7 +1761,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .cart > a,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .cart > a {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .cart > a {
height: 8rem;
}
}
@@ -1786,7 +1774,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu {
display: none;
height: 8rem;
}
@@ -1823,6 +1811,7 @@ html .oneButtonBlack a p {
content: "";
position: absolute;
left: -0.4rem;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu .burgur .bot-line,
@@ -1834,6 +1823,7 @@ html .oneButtonBlack a p {
content: "";
position: absolute;
left: -0.4rem;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu .burgur.on,
@@ -1842,11 +1832,13 @@ html .oneButtonBlack a p {
}
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu .burgur.on .bot-line,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu .burgur.on .bot-line {
-webkit-transform: translateY(4px) rotate(135deg);
transform: translateY(4px) rotate(135deg);
background-color: #fff;
}
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu .burgur.on .top-line,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .gnbIcon .moblieMenu .burgur.on .top-line {
-webkit-transform: translateY(-4px) rotate(-135deg);
transform: translateY(-4px) rotate(-135deg);
background-color: #fff;
}
@@ -1856,7 +1848,7 @@ html .oneButtonBlack a p {
}
@media (min-width: 1025px) {
.hederWarp.hBoder .headerInner .headerTop .headerGnb .topUtil .carlist + .gnbIcon,
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .carlist + .gnbIcon {
.hederWarp.noBoder .headerInner .headerTop .headerGnb .topUtil .carlist + .gnbIcon {
margin-left: 2.5rem;
}
}
@@ -2377,4 +2369,6 @@ body#faq .contentWarp .csWarp .csComplete p strong {
}
.alertPopup .popInner .tableStyle dl dd {
font-family: "GenesisSansText";
}
}
/*# sourceMappingURL=genesis.css.map */

File diff suppressed because one or more lines are too long

View File

@@ -9,14 +9,6 @@
/*반응형, 브라우저 크기가 1204px 이상일때*/
/*넓이, 높이 자동 계산함수*/
/*변수파일 import*/
@-webkit-keyframes fadein {
from {
opacity: 0.9;
}
to {
opacity: 1;
}
}
@keyframes fadein {
from {
opacity: 0.9;
@@ -280,8 +272,6 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -308,8 +298,6 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -318,8 +306,6 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist span + span {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -368,8 +354,6 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -407,8 +391,6 @@
color: #9EA1A2;
font-weight: 400;
displaY: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carlistItem ul li + li {
@@ -423,8 +405,6 @@
}
@media (min-width: 1025px) {
.mainTopKey .mycarInfo .mycarInfoInner .mainCarNum .carlist .carItem.on + .carlistItem {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@@ -536,8 +516,7 @@
transform: translate(50, 50);
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
object-fit: cover;
margin: auto;
}
.mainProductList .mainProductInner ul li .productSmallVideo {
@@ -647,8 +626,6 @@
}
@media (min-width: 768px) {
.mainProductList .mainProductInner ul li .contentInfo .listOtionPrice dl {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
flex-direction: column-reverse;
justify-content: inherit;
@@ -968,4 +945,6 @@
.mainNotice {
margin-top: 15rem;
}
}
}
/*# sourceMappingURL=genesisMain.css.map */

File diff suppressed because one or more lines are too long