@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";.products{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}@media (max-width: 1400px){.products{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1250px){.products{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1000px){.products{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.products{grid-template-columns:repeat(2,1fr)}}@media (max-width: 450px){.products{grid-template-columns:repeat(1,1fr)}}.product-item,.cart-item{position:relative;padding:5px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden}.product-item a,.cart-item a{text-decoration:none;color:#000}.product-item__title,.cart-item__title{display:-webkit-box;margin:10px 0 0;height:28px;overflow:hidden;font-size:14px;font-weight:300;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-all}.product-item__price,.cart-item__price{margin:10px 0 15px;font-size:15px;font-weight:700}.product-item__won,.cart-item__won{font-size:12px}.product-item__underbutton,.cart-item__underbutton{position:absolute;right:0px;bottom:0px}.product-item__image,.cart-item__image{width:100%;object-fit:contain}.product-item__underbutton button{margin-right:10px;background-color:transparent;border:0;height:30px;width:30px;cursor:pointer}.product-item__underbutton .icon{font-size:25px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.gnb{display:block;width:100%;background:#fff;border-top:1px solid #c8c8c8;z-index:20}.gnb ul{position:relative;list-style:none;padding:0;display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center;height:65px}.gnb.bottom{position:fixed;bottom:0}.gnb.bottom li{width:20%;text-align:center}.gnb.bottom li a{color:#000}.gnb.top{position:sticky;top:0;background:transparent;border-top:0}.gnb.top small.white,.gnb.top h2.white{color:#fff}.gnb.top.floating-menu{position:fixed;top:0;left:0}.gnb.top button.goback{position:absolute;left:0;top:0px;width:40px;height:85px;font-size:20px;background-color:transparent;border:0px}.gnb.top .top__logo{position:relative;display:inline-block}.gnb.top .top__logo small{display:inline-block;position:relative;font-size:.9rem;top:-3px;margin-right:5px}.gnb.top .top__logo h2{display:inline-block;font-size:1.5rem}.gnb .menu-submessage{display:block;margin-top:5px;font-size:.7rem}.cart-item__header{display:flex;height:60px}.cart-item__header__title{width:90%;display:-webkit-box;margin:10px 0 15px;height:35px;overflow:hidden;font-size:15px;font-weight:300;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.cart-item__header__amount{width:30px}.cart-item__header__closebutton{margin:10px 0 15px auto;padding:0;width:30px;height:30px;border:0;background-color:transparent;font-size:25px}.cartPage{margin-bottom:300px}.product-item__amount{width:35px;height:20px;margin-top:10px;font-size:15px;text-align:center}.willPay{position:fixed;width:100%;left:0px;bottom:0px}.willPay__products{display:flex;background-color:#fff;border-top:1px solid #c8c8c8;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto}.willPay__products>div{flex:0 0 auto;padding:10px;width:200px}.willPay__control{display:flex;justify-items:center;align-items:center;height:65px;background-color:#fff;border-top:1px solid #c8c8c8}.willPay__control>div:first-child{width:80%;text-align:center}.willPay__control>div:last-child{width:20%;height:100%}.willPay__control>div:last-child button{padding:0;margin:0;height:100%;width:100%;border:0px;background-color:#46675c;color:#fff;font-size:18px}.orderList{width:100%}.orderList h2{font-size:15px;margin-bottom:20px;color:#bcbcbc}.orderList___record{width:100%}.orderList___record>div{display:flex;padding:0 10px}.orderList___record>div:first-child>span{flex-grow:2 1 1;font-size:20px;font-weight:700;border-bottom:1px solid #c8c8c8;padding-bottom:20px}.orderList___record>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;text-align:center}.orderList___record>div>span:nth-child(1){width:75%;text-align:left}.orderList___record>div>span:nth-child(2){width:10%}.orderList___record>div>span:nth-child(3){width:25%}.orderControl{position:fixed;width:100%;left:0px;bottom:0px}.orderControl__components{display:flex;justify-items:center;align-items:center;height:65px;background-color:#fff;border-top:1px solid #c8c8c8}.orderControl__components>div:first-child{width:80%;text-align:center}.orderControl__components>div:last-child{width:20%;height:100%}.orderControl__components>div:last-child button{padding:0;margin:0;height:100%;width:100%;background-color:#46675c;color:#fff;font-size:18px}.payment-popup-area{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0000004d;z-index:30}.payment-popup-area>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;height:250px;background-color:transparent}#modal .payment-popup-area{z-index:29}#modal .payment-popup-area .payment-popup{width:100%;height:100%;background-color:#fff!important}.userpage{margin:0 10px}.userpage .wrapper{padding:0 0 10px}.userpage .wrapper .top{margin:20px 0}.userpage .wrapper .top h2{font-size:14px;text-align:center}.userpage .wrapper .bottom{margin-top:40px}.userpage .wrapper .bottom .join-button{display:flex;justify-content:center;align-items:center;text-align:center;text-decoration:none;color:#000}.userpage .wrapper .bottom .join-text{font-weight:700;font-size:15px}.userpage .wrapper .bottom .icon{display:inline-block;margin-top:1px;font-size:13px!important;color:#333;margin-left:1px}.userpage__input{display:block;width:100%;height:58px;font-size:16px;border:1px solid #c8c8c8;color:#c8c8c8;padding:0;outline:none}.userpage__input:nth-child(1){border-bottom:0}.userpage__loginbutton{display:block;width:calc(100% + 2px);height:58px;background-color:#46675c;color:#fff}.userpage__loginbutton.disabled{background-color:#c8c8c8;border:1px solid #c8c8c8}.bottom .userpage__join{font-size:14px}.product-item-detail{margin:0 10px}.product-item-detail__image{width:100%}.product-item-detail__title{margin:12px 0;font-size:21px}.product-item-detail__price{font-size:20px;font-weight:700}.product-item-detail__description{margin:12px 0;font-size:15px}.product-item-detail__buyButton{position:fixed;bottom:0;display:block;width:100%;margin:0;padding:0;left:0}.product-item-detail__buyButton button{display:block;width:100%;height:65px;background-color:#46675c;border:0px;color:#fff;font-size:18px}.home .section{display:none;position:fixed;top:0px;width:100%;height:100%;background-size:cover!important;background-position-x:50%!important;z-index:-1}.home__section0.section{background:url(https://image.thehyundai.com/static/image/sect/hnm/cpnt/hnmmain1997051020220719104859.jpg)}.home__section1.section{background:url(https://image.thehyundai.com/static/5/0/7/80/A0/hnm40A0807058_01_0709075_001_004_848.jpg)}.home.section-0 .home__section0,.home.section-1 .home__section1{display:block}@keyframes flow{0%{background-position:0 0%}50%{background-position:100% 100%}to{background-position:0 0%}}.scroll-under-icon{font-size:30px;transform:translate(-50%);animation:flow 1s ease-in-out infinite;background:linear-gradient(30deg,transparent,#ffffff);opacity:.8;background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}html{font-family:Noto Sans KR,sans-serif}body{margin-bottom:100px}#root>div:nth-child(2){width:95%;margin:0 auto;padding:10px;background-color:transparent}