.statistics{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: #F5F5F5;
    display: flex;
    &_header{
        height: 140px;
        display: flex;
        justify-content: space-evenly;
        &_card{
            width: 24%;
            height: 100%;
            box-sizing: border-box;
            border-radius: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            &_text{
                font-size: 16px;
                color: #333333;
                margin-top: 8px;
            }
        }
    }
    &_charts{
        height: calc(100% - 156px);
        margin-top: 16px;
        box-sizing: border-box;
        padding: 0 12px;
        &_nav{
            height: 80px;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            &_title{
                font-size: 18px;
            }
        }
        &_container{
            margin-top: 8px;
            height: 500px;
        }
    }
    &_container{
        flex: 1;
    }
    &_card{
        width: 420px;
        box-sizing: border-box;
    }
    &_notice{
        &_title{
            font-size: 18px;
            color: #333333;
            font-style: italic;
        }
        &_content{
            margin-top: 16px;
            cursor: pointer;
            &_item{
                margin-top: 16px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                &_date{
                    color: #999;
                }
            }
            
        }
    }
}