/*
    ======================================
    + Privacy Policy Style CSS
    @ Team. PLAYWORLD 2024. 08. 02.
    ======================================
*/

/* PC (Default) */
/* Section 1 : Before Contents */
.section-before-contents {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 36.5vh;
}

.before-contents__title {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 800;
}

.before-contents__description {
    margin-bottom: 10%;
    color: var(--default-gray);
    font-size: 1.35rem;
    font-weight: 500;
}
/* // Section 1 : Before Contents */

/* Section 2 : Contents */
.contents__wrap {
    display: table;
    width: 100%;
}

.contents__description-wrap {
    width: 62.5%;
    margin: 0 auto 2.5% auto;
}

.old {
    margin: 0 auto 1rem auto;
    color: #ff3232;
    font-size: 1.2rem;
    font-weight: 500;
}

.contents__description {
    color: var(--default-gray);
    text-wrap: wrap;
    font-size: 1.25rem;
    font-weight: 500;
}

.contents__hr {
    width: 65%;
    margin: 0 auto 0.5%;
    border: 1px solid #737373;
}

.contents__section {
    display: table;
    width: 62.5%;
    margin: 0 auto;
}

.contents__section-text-wrap {
    width: 85%;
    margin: 3% auto;
}

.contents__section-title {
    margin-bottom: 2%;
    text-wrap: wrap;
    font-size: 2.25rem;
    font-weight: 700;
}

.contents__section-detail {
    color: var(--default-gray);
    text-wrap: wrap;
    font-size: 1.25rem;
    font-weight: 500;
}

.contents__section-detail:not(:last-child) {
    margin-bottom: 2%;
}
/* // Section 2 : Contents */
/* // PC (Default) */

/* Mobile */
@media (min-width: 320px) and (max-width: 480px) {
    /* Section 1 : Before Contents */
    .before-contents__text-wrap {
        width: 80%;
        margin: 0 auto;
    }
    
    .before-contents__title {
        font-size: 1.6rem;
        word-break: keep-all;
    }

    .before-contents__description {
        margin-top: 2.5%;
        text-align: center;
        font-size: 1rem;
    }
    /* // Section 1 : Before Contents */

    /* Section 2 : Contents */
    .contents__description-wrap,
    .contents__section {
        width: 80%;
    }

    .old {
        width: 95%;
        font-size: 1rem;
    }

    .contents__description {
        width: 95%;
        margin: 0 auto 8% auto;
        word-wrap: break-word;
        font-size: 0.95rem;
    }

    .contents__hr {
        width: 80%;
    }

    .contents__section-text-wrap {
        width: 95%;
        margin: 5% auto;
        text-wrap: wrap;
    }

    .contents__section-text-wrap a {
        word-break: break-all;
    }

    .contents__section-title {
        font-size: 5.5vw;
    }

    .contents__section-detail {
        font-size: 0.9rem;
    }
    /* // Section 2 : Contents */
}
/* // Mobile */