.container[data-v-12e073e7]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrap[data-v-12e073e7]{color:#fff;position:relative;width:150px;height:100px;margin:5px;border-radius:4px;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s;background-color:#eee}.wrap[data-v-12e073e7]:hover{-webkit-box-shadow:0 0 11px rgba(33,33,33,.2);box-shadow:0 0 11px rgba(33,33,33,.2)}.title[data-v-12e073e7]{position:absolute;top:5%;width:100%;text-align:center}.sum_val[data-v-12e073e7]{position:absolute;font-size:38px;font-weight:600;top:35%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-30px;cursor:pointer;width:60px;height:60px;background-color:hsla(0,0%,100%,.8);border-radius:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.sum_val span[data-v-12e073e7]{margin:auto;color:#262626}@media (max-width:1700px){.wrap[data-v-12e073e7]{width:120px}}@media (max-width:1326px){.wrap[data-v-12e073e7]{width:100px}}@media (max-width:501px){.wrap[data-v-12e073e7]{width:100px}.container[data-v-12e073e7]{width:75%}}@media (max-width:365px){.wrap[data-v-12e073e7]{width:100px}.container[data-v-12e073e7]{width:100%}}.card[data-v-12e073e7]{border-radius:12px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.15),0 3px 3px rgba(0,0,0,.15),0 6px 6px rgba(0,0,0,.15);box-shadow:0 1px 1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.15),0 3px 3px rgba(0,0,0,.15),0 6px 6px rgba(0,0,0,.15);cursor:pointer}.contentWrapper[data-v-12e073e7]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.contentWrapper .content[data-v-12e073e7]{margin:3%;width:56%}.contentWrapper .content .content__value[data-v-12e073e7]{margin-left:4%;font-size:22px;font-weight:700}.contentWrapper .icon[data-v-12e073e7]{margin:auto;font-size:48px}@font-face{font-family:GmarketSansMedium;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format("woff");font-weight:400;font-style:normal}[data-v-4c6b7fc7]{font-family:GmarketSansMedium,sans-serif}.container[data-v-4c6b7fc7]{margin:0;padding:0}.container .header[data-v-4c6b7fc7]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:4px 16px}.container .header .title[data-v-4c6b7fc7]{width:700px;font-size:26px}.container .subTitle[data-v-4c6b7fc7]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;padding:12px 16px}.container .subTitle .spot[data-v-4c6b7fc7]{width:250px}.container .subTitle .content[data-v-4c6b7fc7]{width:300px}.container .subTitle .date[data-v-4c6b7fc7]{width:230px}.container .subTitle .remove[data-v-4c6b7fc7]{width:65px}.container .eventWrapper[data-v-4c6b7fc7]{border-radius:16px;width:100%;height:300px;overflow:auto}.container .eventWrapper .event[data-v-4c6b7fc7]{background-color:#fff;height:58px;border-top:1px dotted grey;padding:12px 16px;border-radius:0,16px}.container .eventWrapper .event .spot[data-v-4c6b7fc7],.container .eventWrapper .event[data-v-4c6b7fc7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .eventWrapper .event .spot[data-v-4c6b7fc7]{width:250px;height:39px}.container .eventWrapper .event .spot .device_title[data-v-4c6b7fc7]{margin-left:10px}.container .eventWrapper .event .spot .device_title a[data-v-4c6b7fc7]{font-size:12px;display:block;color:grey}.container .eventWrapper .event .spot .device_title .device_address[data-v-4c6b7fc7]{font-weight:700;font-size:14px}.container .eventWrapper .event .spot .device_title .device_name[data-v-4c6b7fc7]{font-size:12px}.container .eventWrapper .event .content[data-v-4c6b7fc7]{height:39px;width:300px}.container .eventWrapper .event .date[data-v-4c6b7fc7]{font-weight:500;height:39px;line-height:32px;width:230px;font-size:13px}.container .eventWrapper .event .remove[data-v-4c6b7fc7]{cursor:pointer;text-align:center;width:55px}.eventWrapper[data-v-4c6b7fc7]::-webkit-scrollbar{background-color:#fff;width:10px}.eventWrapper[data-v-4c6b7fc7]::-webkit-scrollbar-track{background-color:#fff}.eventWrapper[data-v-4c6b7fc7]::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:16px;border:4xp solid #fff}@media screen and (max-width:400px){.container[data-v-4c6b7fc7]{font-family:Noto Sans KR,sans-serif;margin:0;padding:0}.container .header[data-v-4c6b7fc7]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px 16px}.container .header .title[data-v-4c6b7fc7]{width:700px;font-size:24px}.container .subTitle[data-v-4c6b7fc7]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;padding:12px 16px}.container .subTitle .spot[data-v-4c6b7fc7]{width:250px}.container .subTitle .content[data-v-4c6b7fc7]{width:300px}.container .subTitle .date[data-v-4c6b7fc7]{width:230px}.container .subTitle .remove[data-v-4c6b7fc7]{width:65px}.container .eventWrapper[data-v-4c6b7fc7]{width:100%;height:300px;overflow:auto}.container .eventWrapper .event[data-v-4c6b7fc7]{background-color:#fff;height:74px;border-top:1px dotted grey;padding:10px 10px}.container .eventWrapper .event .spot[data-v-4c6b7fc7],.container .eventWrapper .event[data-v-4c6b7fc7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .eventWrapper .event .spot[data-v-4c6b7fc7]{width:300px;height:40px}.container .eventWrapper .event .spot .device_title[data-v-4c6b7fc7]{margin-left:10px}.container .eventWrapper .event .spot .device_title a[data-v-4c6b7fc7]{font-size:10px;display:block;color:grey}.container .eventWrapper .event .spot .device_title .device_address[data-v-4c6b7fc7]{font-weight:700;font-size:12px}.container .eventWrapper .event .spot .device_title .device_name[data-v-4c6b7fc7]{font-size:11px}.container .eventWrapper .event .content[data-v-4c6b7fc7]{font-size:12px;height:39px;width:420px}.container .eventWrapper .event .date[data-v-4c6b7fc7]{font-size:12px;font-weight:500;height:39px;width:220px;text-align:center}.container .eventWrapper .event .remove[data-v-4c6b7fc7]{cursor:pointer;text-align:center;width:50px}}@media (min-width:401px) and (max-width:540px){.container[data-v-4c6b7fc7]{font-family:Noto Sans KR,sans-serif;margin:0;padding:0}.container .header[data-v-4c6b7fc7]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px 16px}.container .header .title[data-v-4c6b7fc7]{width:700px;font-size:24px}.container .subTitle[data-v-4c6b7fc7]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;padding:12px 16px}.container .subTitle .spot[data-v-4c6b7fc7]{width:250px}.container .subTitle .content[data-v-4c6b7fc7]{width:300px}.container .subTitle .date[data-v-4c6b7fc7]{width:230px}.container .subTitle .remove[data-v-4c6b7fc7]{width:65px}.container .eventWrapper[data-v-4c6b7fc7]{width:100%;height:300px;overflow:auto}.container .eventWrapper .event[data-v-4c6b7fc7]{background-color:#fff;height:74px;border-top:1px dotted grey;padding:10px 10px}.container .eventWrapper .event .spot[data-v-4c6b7fc7],.container .eventWrapper .event[data-v-4c6b7fc7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .eventWrapper .event .spot[data-v-4c6b7fc7]{width:290px;height:40px;margin-right:1%}.container .eventWrapper .event .spot .device_title[data-v-4c6b7fc7]{margin-left:10px}.container .eventWrapper .event .spot .device_title a[data-v-4c6b7fc7]{font-size:10px;display:block;color:grey}.container .eventWrapper .event .spot .device_title .device_address[data-v-4c6b7fc7]{font-weight:700;font-size:13px}.container .eventWrapper .event .spot .device_title .device_name[data-v-4c6b7fc7]{font-size:12px}.container .eventWrapper .event .content[data-v-4c6b7fc7]{font-size:14px;height:39px;width:470px}.container .eventWrapper .event .date[data-v-4c6b7fc7]{font-size:12.8px;font-weight:500;height:39px;width:220px;text-align:center;margin-right:1%;line-height:20px}.container .eventWrapper .event .remove[data-v-4c6b7fc7]{cursor:pointer;text-align:center;width:44px}}[data-v-7f0a7044]{font-family:Noto Sans Korean,sans-serif}.card[data-v-7f0a7044]{border-radius:12px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.15),0 3px 3px rgba(0,0,0,.15),0 6px 6px rgba(0,0,0,.15);box-shadow:0 1px 1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.15),0 3px 3px rgba(0,0,0,.15),0 6px 6px rgba(0,0,0,.15)}@font-face{font-family:Noto Sans Korean;font-weight:300;font-style:normal;src:url(../fonts/NotoSans-DemiLight.53abcd80.eot) format("eot"),url(../fonts/NotoSans-DemiLight.34263477.otf) format("opentype"),url(../fonts/NotoSans-DemiLight.0cebeac0.woff) format("woff"),url(../fonts/NotoSans-DemiLight.01d4df12.woff2) format("woff2")}[data-v-ab97dfa2]{font-family:Noto Sans Korean,sans-serif}.card[data-v-ab97dfa2]{border-radius:12px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.15),0 3px 3px rgba(0,0,0,.15),0 6px 6px rgba(0,0,0,.15);box-shadow:0 1px 1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.15),0 3px 3px rgba(0,0,0,.15),0 6px 6px rgba(0,0,0,.15)}