body{overflow-y:auto;padding-bottom:0}.header:not(.information-container>.header){display:flex;flex-direction:column;row-gap:16px;padding:2.5rem 1rem 0 1rem;margin-bottom:18px}.header .greeting{display:flex;flex-direction:column;row-gap:8px}.header .greeting .greeting-1{font-size:12px;line-height:16px;margin-bottom:0;font-weight:400}.header .greeting .greeting-2{font-size:17px;line-height:22px;margin-bottom:0;font-weight:600}.header .box-note{background-color:rgba(255,245,208,.75);box-shadow:0 4px 4px 0 rgba(167,131,0,.25);border-radius:0 10px 10px 10px;width:100%;padding:14px 25px}.header .box-note p{font-weight:400;font-size:15px;line-height:20px;max-width:50%;margin-bottom:0}.header .box-map{background-color:rgba(255,245,208,.75);box-shadow:0 4px 4px 0 rgba(167,131,0,.25);border-radius:10px;width:100%;padding:7px 13px;display:flex;flex-direction:column;row-gap:7px}.header .box-map .label-container{display:flex;align-items:center;justify-content:space-between}.header .box-map .label-container .status-container{display:flex;align-items:center;column-gap:8px}.header .box-map .label-container .status-container p{font-weight:400;font-size:12px;line-height:16px;letter-spacing:0;margin-bottom:0}.header .box-map .label-container .label-clock{font-weight:500;font-size:12px;line-height:16px;letter-spacing:0}.header .box-map .map-container{position:relative;width:100%;height:114px;border-radius:10px;overflow:hidden}.header .box-map .map-container #map-home{width:100%;height:114px}.card{height:100vh;border-radius:28px 28px 0 0;padding:35px 1rem 0 1rem}.card .service-container{display:flex;flex-direction:column;row-gap:18px;margin-bottom:32px}.card .service-container h6{font-weight:600;font-size:20px;line-height:25px;margin-bottom:0}.card .service-container .service-list{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:22px 24px}.card .service-container .service-list .service-item{display:flex;flex-direction:column;row-gap:8px;text-decoration:none;max-height:88px;max-width:50px;flex:0 0 calc((100% - 96px)/ 5)}.card .service-container .service-list .service-item .service-frame{display:flex;justify-content:center;align-items:center;height:49px;width:49px;border-radius:999px;background-color:rgba(255,245,208,1)}.card .service-container .service-list .service-item .service-label{font-weight:400;font-size:12px;line-height:16px;text-align:center;color:#333}.card .service-container .service-list .service-item.self-start{align-self:self-start}.card .service-container{display:flex;flex-direction:column}.card .information-container .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card .information-container .header h6{margin-bottom:0;font-weight:600;font-size:20px;line-height:25px;letter-spacing:-.45px}.card .information-container .header .btn-secondary{display:flex;justify-content:center;align-items:center;width:120px;height:37px;border-radius:6px;background-color:transparent;outline:0;border:none;transition:all .2s ease;color:rgba(0,122,255,1)}.card .information-container .header .btn-secondary:active{color:rgba(0,75,197,1)}.card .information-container .information-list{position:relative;overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 563px);display:flex;flex-direction:column;row-gap:12px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.card .information-container .information-list .notification-basic{display:flex;column-gap:14px;align-items:center;width:100%;background-color:rgba(255,245,208,1);font-weight:400;font-size:12px;line-height:16px;border-radius:8px;height:fit-content;padding:10px 15px 10px 1rem}.card .information-container .information-list .notification-detail{display:flex;column-gap:14px;align-items:center;width:100%;background-color:rgba(255,245,208,1);font-weight:400;font-size:12px;line-height:16px;border-radius:8px;height:fit-content;padding:10px 15px 10px 1rem}.card .information-container .information-list .notification-detail img{height:25px;width:25px;border-radius:999px;align-self:flex-start}.card .information-container .information-list .notification-detail .notification-content{display:flex;flex-direction:column;row-gap:8px}.card .information-container .information-list .notification-detail .notification-content .header{display:flex;flex-direction:column;align-items:flex-start;row-gap:2px;padding:0;margin-bottom:0}.card .information-container .information-list .notification-detail .notification-content .header h6{font-weight:500;font-size:12px;line-height:16px;margin-bottom:0}.card .information-container .information-list .notification-detail .notification-content .header p{font-weight:400;font-size:11px;line-height:13px;margin-bottom:0}