.home-chart {
    background: url("/Content/SesameV/assets/images/chart_bg.png") no-repeat center center;
    height: 660px;
    background-color: #f1f2f2;
}

    .home-chart .chart-container {
        width: 100%;
        padding: 30px 0;
    }

        .home-chart .chart-container .chart {
            width: 1200px;
            margin: 0 auto;
            background-color: #fff;
            display: flex;
        }

            .home-chart .chart-container .chart .chart-nav {
                width: 120px;
                height: 100%;
                background-color: #f5f5f5;
            }

                .home-chart .chart-container .chart .chart-nav .chart-nav-item {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    width: 120px;
                    height: 100px;
                    color: #202225;
                    font-size: 14px;
                    cursor: pointer;
                    border-bottom: 1px solid #e0e0e0;
                }

                    .home-chart .chart-container .chart .chart-nav .chart-nav-item img {
                        display: block;
                        width: 40px;
                        height: 40px;
                    }

                    .home-chart .chart-container .chart .chart-nav .chart-nav-item.active {
                        background-color: #fff;
                        color: #ff6600;
                    }

            .home-chart .chart-container .chart .chart-content {
                flex: 1;
                height: 600px;
            }

                .home-chart .chart-container .chart .chart-content .title-container {
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-end;
                    width: 100%;
                    height: 100px;
                    font-size: 18px;
                    font-weight: 500;
                    color: #202225;
                }

                    .home-chart
                    .chart-container
                    .chart
                    .chart-content
                    .title-container
                    .title-left {
                        padding-left: 20px;
                    }

                        .home-chart
                        .chart-container
                        .chart
                        .chart-content
                        .title-container
                        .title-left
                        .name {
                            font-size: 22px;
                            font-weight: 500;
                            border-bottom: 2px solid #f17600;
                        }

                        .home-chart
                        .chart-container
                        .chart
                        .chart-content
                        .title-container
                        .title-left
                        .value {
                            font-size: 32px;
                            font-family: "DINPro", sans-serif;
                            font-weight: bold;
                            color: #f17600;
                            margin: 0 10px;
                        }

                        .home-chart
                        .chart-container
                        .chart
                        .chart-content
                        .title-container
                        .title-left
                        .unit {
                            font-weight: 500;
                            font-size: 14px;
                            color: #f17600;
                        }

                    .home-chart
                    .chart-container
                    .chart
                    .chart-content
                    .title-container
                    .title-right {
                        padding-right: 20px;
                    }

                        .home-chart
                        .chart-container
                        .chart
                        .chart-content
                        .title-container
                        .title-right
                        .date {
                            font-size: 14px;
                            color: #ccc;
                        }

                        .home-chart
                        .chart-container
                        .chart
                        .chart-content
                        .title-container
                        .title-right
                        .date-value {
                            font-weight: bold;
                            font-size: 16px;
                            color: #26292d;
                        }

                .home-chart .chart-container .chart .chart-content .chart {
                    width: 100%;
                    height: calc(100% - 100px);
                }