@media screen and (min-width: 1117px) {
    ::-webkit-scrollbar {
        width: 7px;
        display: block;
    }

    ::-webkit-scrollbar-thumb {
        /*background-color: #dcfce7; */
        background-color: var(--green);
        border-radius: 9999px;
    }

    ::-webkit-scrollbar-track {
        margin: 1rem 0;
        background: transparent;
    }

    ::-webkit-scrollbar-track-piece {
        background: transparent;
    }

    /* global */
    .section-center {
        max-width: 1200px;
    }

    /* hide mobile nav*/
    #hamburger {
        display: none;
    }

    #mobile-navigation {
        display: none;
    }

    #title-page--mobile {
        display: none;
    }

    /* show nav desktop*/
    #nav--links {
        display: flex;
        gap: 40px;
        font-weight: 600;
    }

    #image--user-profile-desktop {
        display: block;
        width: 40px;
        height: 40px;
        flex-shrink: 0;
    }

    /* additional nav style */
    .mobile-navigation {
        -webkit-box-shadow: 0 4px 6px -6px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 4px 6px -6px rgba(0, 0, 0, 0.3);
        box-shadow: 0 4px 6px -6px rgba(0, 0, 0, 0.3);
        background: #fff;
    }

    /* center tab navigation */
    .tab-container {
        justify-content: center;
    }

    .tab-button {
        border-radius: 999px;
        padding-inline: 16px;
    }

    /* try woowa & notification */
    .try-woowa-v2-container {
        display: flex;
        gap: 16px;
    }

    .try-woowa-v2-container .try-woowa-v2 {
        width: 100%;
        margin-bottom: 24px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .dialog {

        width: 100%;
        max-width: 900px;

    }

    .dialog#dialog-more {
        transform: translate(0, -50%);
        animation: animate-dialog2 ease-in-out 0.3s;
        left: 64%;
    }

    #dialog-more {
        max-width: 300px;
    }

    @keyframes animate-dialog2 {
        0% {
            opacity: 0;
            transform: translate(0, -50%) scale(0.9);
        }
        100% {
            opacity: 1;
            transform: translate(0, -50%) scale(1);
        }
    }
    .read-more_label {
        bottom: -0.5rem;
        right: 0;
    }
    .truncate-2-lines {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        position: relative;
    }

    .under-maintenace-woowa-v2-container{
        display: flex;
        gap: 16px;
    }
    .under-maintenace-woowa-v2-container .under-maintenace{
        width: 100%;
        margin-bottom: 24px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}