.products{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 690px){.products{grid-template-columns:repeat(2,1fr)}}.product__price-button{width:100%;max-width:460px;display:inline-flex;align-items:center;justify-content:right}.product__price-button>button{font-weight:700;font-size:16px;width:fit-content;height:fit-content;border:1px solid var(--darkgreen);border-radius:4px;color:var(--darkgreen);background:rgb(from var(--darkgreen) r g b/10%);margin:8px 4px;padding:4px 8px;cursor:pointer}.product__price-button>button:first-of-type{margin-left:auto}.product-item{padding:16px;background:rgba(245,245,245,.9);border-radius:16px;position:relative;overflow:hidden}.product-item__title{display:block;font-weight:700;font-size:20px;text-align:center;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-item__delete-msg{color:red;left:calc(50% - 43.5px);top:60px;position:absolute}.product-item__image{width:100%;height:160px;object-fit:contain}.product-item__price{font-size:18px}.product-item a{color:currentColor;text-decoration:none}.product-item>form{display:flex;flex-direction:column;align-items:center;justify-content:center}.product-item>form label{width:100%}.product-item>form input,.product-item>form textarea{width:100%;border:1px solid var(--darkgreen);border-radius:4px;background-color:rgb(from var(--darkgreen) r g b/10%);padding:4px;margin:2px 0 8px}.product-detail{display:flex;flex-direction:column;justify-content:center;align-items:center}.product-detail__image{width:180px}.product-detail__price{font-size:28px}.product-detail__description{font-size:20px;max-width:460px}form input[type=checkbox]{width:16px;margin-right:12px;cursor:pointer}.cart{gap:10px;padding:0;list-style:none}.cart button{width:48px;height:28px;margin:0 4px;padding:4px}.cart-item{display:flex;padding:10px;align-items:center}.cart-item+.cart-item{border-top:1px solid rgb(from var(--darkgreen) r g b/40%)}.cart-item input{width:30px;height:18px;border:1px solid var(--darkgreen);border-radius:4px;background-color:rgb(from var(--darkgreen) r g b/10%);padding:4px;margin:0}.cart-item__image{width:60px;height:60px;object-fit:contain}.cart-item__title-price{display:flex;flex-wrap:wrap;gap:12px;flex-grow:3;margin:0 12px}.cart-item__title-price>p{margin:0}.cart-item__title{font-weight:700;flex:1 1 200px}.cart-item__delete-msg{color:red;left:calc(50% - 43.5px);top:60px;position:absolute}.cart-item .cart_amount-button{width:100px;height:100%;display:flex;align-items:center;justify-content:right}.cart-willpay{padding:10px}.cart-willpay ul{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 680px){.cart-willpay ul{grid-template-columns:repeat(2,1fr)}}.cart-willpay li{display:flex;flex-direction:column;padding:10px;border:1px solid var(--darkgreen);background:rgba(245,245,245,.9);border-radius:16px;position:relative;overflow:hidden;font-size:14px;box-shadow:4px 4px 4px 0 rgb(from var(--darkgreen) r g b/50%)}.cart-willpay li .cart-item__title{display:block;width:100%;font-weight:700;font-size:16px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-willpay li>p{margin:2px 12px}.cart-willpay img{width:100px;height:75px;object-fit:contain}.cart-willpay .cart-willpay__confirm{display:flex;flex-direction:column;align-items:end}.cart-willpay .cart-willpay__confirm p{font-size:20px;font-weight:700}.cart-willpay .cart-willpay__confirm button{width:fit-content;height:fit-content;margin-left:12px;padding:4px 8px}#payment-widget{border-radius:4px}#modal .modal{display:none;position:fixed;left:0;top:0;right:0;bottom:0}#modal .modal .modal__inner{position:absolute;top:50%;left:50%;background-color:#fff;padding:20px;width:80%;max-width:400px;height:400px;transform:translate(-50%,-50%)}#modal .modal:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:#00000080}#modal .modal.show{display:block}.form__adminAdd{border:1px solid currentColor;border-radius:12px;padding:16px;display:flex;flex-wrap:wrap;justify-content:space-around}.form__adminAdd label{display:flex;flex-direction:column}.form__adminAdd input,.form__adminAdd textarea{width:160px;border:1px solid var(--darkgreen);border-radius:4px;background-color:rgb(from var(--darkgreen) r g b/10%);padding:4px;margin:8px 0}.form__adminAdd button{font-weight:700;font-size:16px;width:fit-content;height:fit-content;border:1px solid var(--darkgreen);border-radius:4px;color:var(--darkgreen);background:rgb(from var(--darkgreen) r g b/10%);margin:auto 0;padding:4px 8px;cursor:pointer}:root{--yellowgreen: rgb(235, 239, 210);--darkgreen: #1b3d31;--blue: rgba(27, 77, 255, .5)}@font-face{font-family:DayLife Day;src:local("DayLife Day"),url(/assets/DAYLIFE-DAY-1AYrcLO6.ttf) format("truetype")}@font-face{font-family:DayLife Night;src:local("DayLife Night"),url(/assets/DAYLIFE-NIGHT-1o3cdgOZ.ttf) format("truetype")}body{margin:0;color:var(--darkgreen);background-color:var(--yellowgreen);font-family:sans-serif;box-sizing:border-box;padding:12px}#root{max-width:900px;margin:0 auto;padding:10px}ul{list-style:none;padding:0}button{font-weight:700;font-size:16px;border:1px solid var(--darkgreen);color:var(--darkgreen);background:rgb(from var(--darkgreen) r g b/10%);cursor:pointer;border-radius:4px}.gnb #mall{display:flex;height:6vh;justify-content:center;align-items:center;font-size:5vh;font-family:DayLife Day;cursor:pointer}.gnb #mall a{color:currentColor;text-decoration:none}.gnb ul{padding:0;list-style:none;display:flex;flex-direction:row;gap:10px}.gnb ul li{font-size:24px}.gnb ul li a{color:currentColor;text-decoration:none}.gnb ul li a.afterEffect{position:relative}.gnb ul li a.afterEffect:after{display:block;position:absolute;left:0;right:0;content:"";top:9px;height:8px;background-color:var(--blue)}
