.terms-container {
    padding: 20px 20px;

    .title {
        color: #212121;
        /* Dolgo Type/SubH2/Semi Bold */
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 134%; /* 24.12px */
        margin-bottom: 20px;
    }

    .contents {
        padding: 12px 0;

        section {
            margin: 16px 0;
            color: #212121;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px; /* 150% */

            ol > li {
                list-style: decimal inside !important;
                margin-bottom: 12px;
            }

            /* ①, ②, ③, ④, ... 동그라미 숫자 순번 */
            ol.circled {
                list-style: none !important;
                padding-left: 0;

                > li {
                    list-style: none !important;

                    /* \00A0 ===   */
                    &:nth-child(1)::before { content: "①\00A0"; }
                    &:nth-child(2)::before { content: "②\00A0"; }
                    &:nth-child(3)::before { content: "③\00A0"; }
                    &:nth-child(4)::before { content: "④\00A0"; }
                    &:nth-child(5)::before { content: "⑤\00A0"; }
                    &:nth-child(6)::before { content: "⑥\00A0"; }
                    &:nth-child(7)::before { content: "⑦\00A0"; }
                    &:nth-child(8)::before { content: "⑧\00A0"; }
                    &:nth-child(9)::before { content: "⑨\00A0"; }
                    &:nth-child(10)::before { content: "⑩\00A0"; }
                }
            }

            ul {
                padding-left: 0;
                margin-left: 0;

                > li {
                    list-style: disc inside !important;
                }
            }

            table {
                width: 100%;
                table-layout: fixed;
                margin-bottom: 10px;

                td, th {
                    border: 1px solid #e8e8e8;
                    padding: 10px;
                    width: 50%;
                    vertical-align: top;
                }

                thead th {
                    color: #212121;
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 18px; /* 150% */
                    text-align: left;
                    background-color: #f8f8f8;
                }
            }

            .act {
                font-weight: bold;
            }

            a {
                color: #358AE3;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px; /* 150% */
                text-decoration-line: underline;
                text-decoration-style: solid;
                text-decoration-skip-ink: auto;
                text-decoration-thickness: auto;
                text-underline-offset: auto;
                text-underline-position: from-font;
            }
        }
    }
}