@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,sans-serif}*,body{margin:0}*{font-size:18px;padding:0}li,ol,ul{list-style:none}img{display:block;height:auto;width:100%}a{color:#000;text-decoration:none}.App{background-color:#111;border:30px solid #111;border-radius:30px;margin:0 auto;width:-webkit-fit-content;width:fit-content}.header{align-items:center;background-color:#004d98;display:flex;height:80px;justify-content:center;position:relative}.header .home-icon{left:20px;position:absolute;top:20px;width:40px}.header .logo{width:170px}.main{background-image:url(/react-kiosk/static/media/event_3.bfbc35b41fcf45e6cfba.jpg);background-position:50%;background-size:cover;height:calc(100% - 80px);position:relative}.menu .menu-bar{background-color:#004d98;box-sizing:border-box;display:flex;height:70px;padding:10px 15px}.menu .menu-bar a{align-items:center;border-radius:15px;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;text-align:center;width:20%}.menu .menu-bar a.active{background-color:#ffd400;color:#000}.menu .menu-container{grid-gap:30px 15px;display:grid;gap:30px 15px;grid-template-columns:repeat(4,155px);grid-template-rows:repeat(3,240px);margin:45px auto;position:relative;width:665px}.menu .menu-cart .cart-title{background-color:#004d98;box-sizing:border-box;color:#fff;font-size:20px;height:60px;line-height:60px;padding:0 20px;position:relative;text-align:center}.menu .menu-cart .item-container{background-color:#eee;box-sizing:border-box;display:flex;gap:20px;height:260.3333333333px;padding:15px}.menu .menu-cart .cart-footer{align-items:center;display:flex;gap:15px;justify-content:right;padding:10px 15px}.menu .menu-cart .cart-footer p{font-size:20px}.food{box-sizing:border-box;width:155px}.food .food-img{align-items:center;aspect-ratio:1/1;background-color:#eee;border-radius:10px;display:flex;justify-content:center;margin-bottom:10px}.food p{line-height:25px;padding:0 3px;text-align:center}.food p.food-price{color:#004d98}.menu-cart-item{background-color:#fff;border-radius:20px;box-sizing:border-box;height:230.3333333333px;padding:10px;position:relative;width:155px}.menu-cart-item .item-img{align-items:center;display:flex;height:93.3333333333px;justify-content:center;margin-bottom:10px;overflow:hidden;width:140px}.menu-cart-item>p{line-height:25px;padding:0 3px;text-align:center}.menu-cart-item>p.item-name{align-items:center;display:flex;height:50px;justify-content:center}.menu-cart-item>p.item-price{color:#004d98}.menu-cart-item .item-btn-box{align-items:center;display:flex;justify-content:space-between}.menu-cart-item .item-btn{height:32px;width:32px}.menu-cart-item .item-btn.close-btn{position:absolute;right:10px;top:10px}.modal-bg{align-items:center;background-color:#1111114d;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.option-modal{background-color:#fff;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;max-height:950px;padding:22.5px 15px;width:695px}.option-modal .food-info{border-bottom:1px solid #ddd;box-sizing:border-box;padding-bottom:30px}.option-modal .food-info .info-box{margin-bottom:10px;overflow:hidden}.option-modal .food-info .info-box .info-img{align-items:center;display:flex;float:left;height:160px;justify-content:center;margin-right:15px;width:240px}.option-modal .food-info .info-box .info-txt{float:right;width:410px}.option-modal .food-info .count-box{align-items:center;display:flex}.option-modal .food-info .count-box .info-btn-box{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-right:15px;padding:0 10px;width:240px}.option-modal .food-info .count-box .info-btn-box .info-btn{height:42px;width:42px}.option-modal .food-info .count-box .option-price{color:#004d98;font-size:26px;line-height:35px;padding:0 3px;text-align:right;width:410px}.option-modal .option-container{overflow-y:auto}.option-modal .option-footer{align-items:center;border-top:1px solid #ddd;box-sizing:border-box;display:flex;justify-content:center;padding-top:30px}.option{border-bottom:1px solid #ddd;padding-bottom:30px}.option ul{display:flex;flex-wrap:wrap;gap:20px}.option ul li input{display:none}.option ul li input:checked~.option-item{border-color:#004d98}.option ul li .option-item{align-items:center;border:1px solid #ccc;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:10px;width:112.5px}.option ul li .option-item .option-icon{align-items:center;display:flex;height:95px;justify-content:center;width:95px}.option ul li .option-item p{line-height:25px;padding:0 3px;text-align:center}.option:last-of-type{border:none}.cart-modal{background-color:#fff;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;height:950px;padding:22.5px 15px;width:695px}.cart-modal .cart-title{border-bottom:1px solid #ddd;box-sizing:border-box;padding-bottom:20px}.cart-modal .cart-title p{font-size:26px;line-height:35px;padding:0 3px;text-align:center}.cart-modal .cart-container{flex-grow:1;overflow-y:auto}.cart-modal .cart-container .cart-item{border-bottom:1px solid #eee}.cart-modal .cart-container .cart-item .item-info{align-items:center;background-color:#f5f5f5;display:flex;justify-content:space-between}.cart-modal .cart-container .cart-item .item-info:last-of-type{border:none}.cart-modal .cart-container .cart-item .item-info .cart-img{align-items:center;display:flex;height:100px;justify-content:center;width:105px}.cart-modal .cart-container .cart-item .item-info p{font-size:20px;text-align:center}.cart-modal .cart-container .cart-item .item-info p:first-of-type{width:35px}.cart-modal .cart-container .cart-item .item-info p:nth-of-type(2){width:240px}.cart-modal .cart-container .cart-item .item-info p:nth-of-type(3){width:70px}.cart-modal .cart-container .cart-item .item-info p:nth-of-type(4){width:155px}.cart-modal .cart-container .cart-item .item-info .cart-name{font-weight:550;text-align:left}.cart-modal .cart-container .cart-item .option-list{padding:10px 0}.cart-modal .cart-container .cart-item .option-list .item-option{color:#004d98;margin-left:170px;padding:10px 0}.cart-modal .cart-footer{border-top:1px solid #ddd;box-sizing:border-box;padding-top:25px}.cart-modal .cart-footer .cart-txt{display:flex;justify-content:space-between}.cart-modal .cart-footer .cart-txt p{font-size:26px;line-height:35px;margin-bottom:10px}.cart-modal .cart-footer .cart-btn-box{align-items:center;display:flex;justify-content:center;margin-top:10px}.payment{height:100%}.payment .payment-container{height:calc(100% - 280px)}.payment .payment-container .payment-title{font-size:26px;padding:200px 0 80px;text-align:center}.payment .payment-container .payment-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:495px}.payment .payment-container .payment-list .payment-item{border:1px solid #999;border-radius:20px;box-sizing:border-box;height:180px;margin-bottom:20px;padding:20px;width:240px}.payment .payment-container .payment-list .payment-item .pay-img{height:55px;margin:0 auto 10px;padding:20px;width:55px}.payment .payment-container .payment-list .payment-item p{font-size:26px;line-height:35px;padding:0 3px;text-align:center}.payment .payment-footer{border-top:1px solid #ddd;box-sizing:border-box;padding:30px 15px;text-align:center}.payment .payment-footer .footer-txt{display:flex;justify-content:space-between}.payment .payment-footer .footer-txt p{font-size:26px;line-height:35px;margin-bottom:10px}.payment .payment-footer .footer-txt p:last-of-type{margin-bottom:0}.payment-btn{border-radius:10px;font-size:32px;left:calc(50% + 540px);padding:30px;position:fixed;top:40vh}.receipt-modal,.wait-modal{align-items:center;background-color:#fff;border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;height:400px;padding:22.5px 15px;width:525px}.receipt-modal .payment-title,.wait-modal .payment-title{font-size:26px;line-height:35px;padding:30px 0 60px;text-align:center}.receipt-modal .payment-txt,.wait-modal .payment-txt{flex-grow:1;margin-bottom:30px}.receipt-modal .payment-txt p,.wait-modal .payment-txt p{font-size:26px;line-height:35px;padding:0 3px;text-align:center}.receipt-modal{height:600px}.receipt-modal .receipt-icon{background-color:#ffd400;border-radius:50%;height:80px;margin:0 auto 30px;padding:20px;width:80px}.popup{background-color:#fff;border-radius:30px;box-shadow:0 0 5px #1111114d;box-sizing:border-box;left:calc(50% - 340px);line-height:25px;padding:80px 20px;position:fixed;text-align:center;top:120px;width:300px;z-index:100}.popup .close-icon{height:30px;position:absolute;right:15px;top:15px;width:30px}
/*# sourceMappingURL=main.19f71b50.css.map*/