/* common */
.inner-container {
    width: 1258px;
    }
    .flex {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .flex-column {
        display: flex;
        flex-direction: column;
    }
    .button-container {
        gap: 12px;
    }
    .button-container button {
        width: 56px;
        height: 56px;
        background-color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 36px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
        border-radius: 50%;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    }
    .button-container button:disabled {
        background-image: url(../img/arrow_gray_500.svg);

    }
    .prev-button {
        transform: rotate(180deg);
        background-image: url(../img/arrow_mint_500.svg);
    }
    .next-button {
        background-image: url(../img/arrow_mint_500.svg);
    }


/* header */
header {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 68px;
    z-index: 999;
}
    .inner-header {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 1258px;
        height: 100%;
    }
        .right-header {
            gap: 48px;
        }
        .nav {
            align-items: center;
            gap: 52px;
            height: 100%;
        }
            .nav li a {
                color: #4D4D4D;
                font-size: 14px;
                font-weight: 500;
            }
            .nav li a:hover,
            .nav li a.active {
                color: #41BCD8;
                font-weight: 600;
            }
        .language-button-container {
            gap: 8px;
        }
            .language-list {
                gap: 10px;
            }
            .language {
                color: #b5b5b5;
                font-size: 13px;
                font-weight: 500;
                line-height: 20px;
            }
            .language.active {
                color: #4D4D4D;
            }
            .language-line {
                width: 1px;
                height: 11px;
                background-color: #b5b5b5;
            }

/* footer */
footer {
    height: 312px;
    background-color: #00161b;
}
    footer .inner-container {
        align-items: flex-start;
        justify-content: space-between;
    }
        .footer-logo {
            gap: 16px;
        }
        .footer-logo span {
            color: #909090;
            font-size: 12px;
            line-height: 16px;
            font-weight: 500;
        }
        .footer-container {
            display: flex;
            gap: 20px;
            align-items: flex-start;
            width: 606px;
        }
        .footer-content {
            gap: 20px;
        }
            .footer-content b {
                color: #b5b5b5;
                font-size: 13px;
                font-weight: 500;
            }
            .footer-content-list {
                gap: 8px;
            }
            #footer-ko, #footer-en {
                display: none;
            }
                #footer-ko li, #footer-en li {
                    margin-bottom: 8px;
                }
                    #footer-ko li:last-child, #footer-en li:last-child {
                        margin-bottom: 0;
                    }
                .footer-content-list li {
                    display: flex;
                    align-items: center;
                    min-height: 16px;
                    color: #909090;
                    font-size: 12px;
                    line-height: 16px;
                    font-weight: 500;
                }
                    .footer-content-list a {
                        height: 100%;
                        color: #909090;
                        font-size: 12px;
                        line-height: 16px;
                        font-weight: 500;
                    }