@import"https://fonts.googleapis.com/css2?family=Lobster&family=Nanum+Gothic&display=swap";.productList_container{max-width:1480px;margin:0 auto}.productList_container .productList_wrapper{margin:0 30px}.productList_container .productList_wrapper .productList_title_box{margin:30px 0}.productList_container .productList_wrapper .productList_title_box .productList_title{font-family:Nanum Gothic,sans-serif;font-size:22px;font-family:bold}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.products_item{width:350px;padding:20px;margin-bottom:40px;border-radius:10px;background:#fdfeff;box-shadow:0 9px 15px -3px #0000001a}.products_item .item_title{font-size:18px;font-family:Nanum Gothic,sans-serif}.products_item .item_description{font-size:14px}.products_item .item_space{margin:5px 0}.products_item .item_price{font-size:16px;font-weight:700;font-family:Nanum Gothic,sans-serif}.products_item .img_box{width:100%;height:310px}.products_item img{width:100%;padding:20px}.products_item .button_box{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail_container{max-width:1256px;margin:0 auto}.detail_container .detail_wrapper{padding:50px}.detail_container img{width:50%;margin:30px 0}.detail_container .products-detail{display:flex;flex-direction:column;align-items:center}.detail_container .products-detail span{font-family:Nanum Gothic,sans-serif}.detail_container .products-detail .title{font-size:20px;font-weight:700}.detail_container .products-detail .description{font-size:14px}.detail_container .products-detail .price{margin:10px 0;font-size:16px}.cart_container{max-width:1256px;margin:0 auto}.cart_container .cart_sapce{padding:30px}.cart{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cart_item{padding:20px;border-radius:10px;background:#fdfeff;box-shadow:0 9px 15px -3px #0000001a}.cart_item img{width:70%;height:200px;object-fit:contain}.cart_payment{padding:20px;margin-top:130px;border-radius:10px;background:#fdfeff;box-shadow:0 9px 15px -3px #0000001a}.cart_payment ul{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.cart_payment img{width:90%}.cart_payment .cart_box span{font-family:Nanum Gothic,sans-serif;font-size:20px;font-weight:700;margin-bottom:20px}.cart_payment .pay_box{display:flex;justify-content:center;align-items:center;flex-direction:column}.cart_payment .pay_box span{font-family:Nanum Gothic,sans-serif;font-size:20px;font-weight:700;margin:10px 0}.blank_cart_container{display:flex;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:300px}.blank_cart_container span{font-size:40px;font-family:Lobster,cursive}#modal .modal{position:fixed;left:0;top:0;bottom:0;right:0;display:none}#modal .modal .modal_inner{position:absolute;top:50%;left:50%;width:30%;background-color:#fff;transform:translate(-50%,-50%);box-shadow:2px 2px 2px 1px #0003}#modal .modal .modal_inner .modal_space{padding:50px}#modal .modal p{font-size:20px;font-weight:700;font-family:Nanum Gothic,sans-serif;text-align:center}#modal .modal:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:#000;opacity:.5}#modal .modal .payment_btn{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}#modal .modal.show{display:block}.nav_container{position:relative;height:80px}.nav_container .nav_wrapper{position:fixed;width:100%;background:white;border-bottom:1px solid #d8dde0}.nav_container .nav_wrapper .nav_space{margin:0 30px}.nav_container .nav_wrapper .nav_space ul{display:flex;align-items:center;height:80px}.nav_container .nav_wrapper .nav_space ul li{margin-right:30px}.nav_container .nav_wrapper .nav_space ul li span{font-weight:700;font-size:20px;font-family:Nanum Gothic,sans-serif}.main_container{position:relative}.main_container .main_box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.main_container .main_box span{font-size:40px;font-family:Lobster,cursive}.button{height:25px;border-radius:10px;cursor:pointer}.button.add{background-color:#898b90}.button.add:hover{background-color:#000}.button.update{background-color:#1b4ecf}.button.delete{background-color:#ff0019}.button.next{width:50%;height:50px;background-color:#000}.button.next span{font-family:Nanum Gothic,sans-serif;font-size:16px}.button.cancel{height:50px;background-color:#ec3e4f}.button.yes{height:50px;background-color:#000}.button span{font-family:Nanum Gothic,sans-serif;font-size:12px;font-weight:700;color:#f5f3f3}.admin_add_container{margin-bottom:30px}.admin_add_container .add_item_title{padding:20px}.admin_add_container .add_item_title span{font-size:16px}.admin_add_container .admin_form{animation:move .2s 0ms linear forwards}@keyframes move{0%{transform:translateY(0)}to{transform:translateY(10px)}}.admin_add_container .admin_form_box{display:flex;justify-content:flex-start;align-items:center;height:70px;padding:20px;border-radius:10px;background:#fdfeff;box-shadow:0 9px 15px -3px #0000001a}.admin_add_container .admin_form_box input{margin-right:20px}.admin_update_form{display:grid;grid-template-columns:repeat(1,1fr)}.admin_update_form input{margin:10px 0}*{box-sizing:border-box;font-family:Noto Sans KR,sans-serif;outline:none}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%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{top:0;left:0;margin:0;padding:0;background-color:#fff;font-family:Noto Sans KR,sans-serif;line-height:1;letter-spacing:-.5px}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}h1,h2,h3,h4,h5,h6{margin:0;padding:0}a{text-decoration:none;color:#000}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-select:none}button{outline:none;border:none}