@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;background-color:#fff;font-family:Noto Sans KR,sans-serif;-webkit-user-select:none;user-select:none}body,p{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.popup{align-items:center;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:popup-background;animation-name:popup-background;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#000a;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;vertical-align:middle;width:100vw;z-index:10}@-webkit-keyframes popup-background{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000}to{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#000a}}@keyframes popup-background{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000}to{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#000a}}.tab-page{margin:16px}table{border-spacing:0;color:#515151;font-weight:700;width:100%}table td{padding:10px;white-space:nowrap}table tbody{--radius:12px;--padding:10px;background-color:#f3f3f3}table tbody td{font-size:.875rem}table tbody tr td{padding:calc(var(--padding)/2)}table tbody tr td:first-child{padding-left:calc(var(--padding))}table tbody tr td:last-child{padding-right:calc(var(--padding))}table tbody tr:first-child td{padding-top:calc(var(--padding))}table tbody tr:first-child td:first-child{border-top-left-radius:var(--radius)}table tbody tr:first-child td:last-child{border-top-right-radius:var(--radius)}table tbody tr:last-child td{padding-bottom:calc(var(--padding))}table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius)}table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius)}table tfoot>:last-child td{border:0}ul{list-style:none;margin:0;padding:0}.red{color:red}.green{color:green}.Group{background:linear-gradient(180deg,#fff,#fff 100px,#ffb14d 0);color:#000;display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%}@media (max-width:500px){.Group{background:#fff}}.Group .area{display:flex;margin-bottom:30px;width:100%;z-index:1}@media (max-width:500px){.Group .area{margin-bottom:0}}.Group .area section{background-color:#fff;border-radius:30px;box-shadow:0 0 30px -10px;margin:10px auto;padding:30px;width:700px}@media (max-width:900px){.Group .area section{width:400px}}@media (max-width:500px){.Group .area section{border-radius:0;box-shadow:0 0 0 0;margin:0;padding:10px;width:100%}}.Group .area section .top{display:flex;flex-direction:column}@media (max-width:500px){.Group .area section .top{margin-left:15px;margin-right:15px}}.Group .area section .top .row{display:flex;justify-content:space-between}.Group .area section .group-title{flex-grow:1;font-size:1.8rem;font-weight:bolder}.Group .area section .content{display:flex;margin-top:10px}@media (max-width:900px){.Group .area section .content{flex-direction:column;width:100%}}@media (max-width:500px){.Group .area section .content{flex-direction:column;margin-top:0;width:100%}}.Group .area section .content .dashboard-wrapper{flex-basis:0;flex-grow:1}.Group .area section .content .dashboard-wrapper .dashboard{position:-webkit-sticky;position:sticky;top:10px}.Group .area section .content .dashboard-wrapper .dashboard>:not(:first-child){margin-top:30px}.Group .area section .content #receipts{flex-basis:0;flex-grow:1;margin:10px}@media (max-width:900px){.Group .area section .content #receipts{margin:30px 10px 10px}}.Group .area section .content #receipts .addButton{text-align:center;width:100%}.Group .card{margin:10px;width:350px}.Group .add-card{width:100%}.Groups{padding:20px}.Groups,.Groups .table-wrapper{overflow-y:auto}.Groups .table-wrapper table tbody tr{cursor:pointer;transition-duration:.1s}.Groups .table-wrapper table tbody tr:hover{background:#bdbdbd}.Groups .table-wrapper table tbody tr:active{background:#ababab}.App{background-color:#fff;height:100vh;position:relative}.App header{box-sizing:border-box;display:flex;width:100%}.App header .brand{color:#ffb14d;cursor:pointer;display:block;font-size:1.3rem;font-weight:bolder;margin:25px;text-decoration:none}.App header .brand span{margin-left:10px;vertical-align:super}.App header .center{flex-grow:1}.App header .right{align-self:center}.App header .right .profileBtn{height:40px;margin:15px}.App footer{background-color:#3c404d;color:#fff;height:50px;width:100%}.App footer,.App ul{text-align:center}.App ul li{display:inline-block}.user-info{padding:10px}.MainPage{background:#ffb14d}.Member{align-items:center;display:flex;justify-content:center;position:fixed}.Member .card{background:#fff;border-radius:30px;box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;max-width:500px;min-width:300px;padding:25px;width:80%}.Member .card .title{margin:0}.Member .card .table-wrapper{margin:0 10px;overflow-y:auto}.Receipt{color:"#fff"}.Receipt .card{background:#fff;border-radius:30px;box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;max-width:500px;min-width:300px;padding:25px;width:80%}@media (max-width:500px){.Receipt .card{padding:15px;width:100%}}.Receipt .card .top{margin-left:10px;margin-right:10px;margin-top:10px}.Receipt .card .top .title{font-size:1.7rem;font-weight:bolder}.Receipt .card .top .date{font-size:.75rem}.Receipt .card table td:first-child{text-align:left}.Receipt .card table td:nth-child(2){padding-left:3px;padding-right:3px;text-align:center}.Receipt .card table td:nth-child(2) .person .MuiBadge-badge{-webkit-transform:scale(.8) translate(50%,-33%);transform:scale(.8) translate(50%,-33%)}.Receipt .card table td:nth-child(3),.Receipt .card table td:nth-child(4){text-align:left}.Receipt .card .payer-table,.Receipt .card .payer-table td>p,.Receipt .card .payer-table th>p{width:100%}.Receipt .card .payer-table td:first-child,.Receipt .card .payer-table th:first-child{text-align:left;width:120px}.Receipt .card .payer-table td:nth-child(2),.Receipt .card .payer-table th:nth-child(2){text-align:left}.Receipt .card .space{margin:auto}.Receipt .card .content{flex-grow:1;overflow-y:auto}.Receipt .card .actions{display:flex}.Receipt .card .opacity{opacity:.5}
/*# sourceMappingURL=main.8bb44d15.css.map*/