@charset "utf-8";

.email-policy-page {
    padding:40px 0 110px;
    color:#222;
}

/* =========================================================
   Intro
========================================================= */

.email-policy-intro {
    position:relative;
    padding:44px;
    display:flex;
    align-items:flex-start;
    gap:28px;
    margin-bottom:64px;
    border-radius:22px;
    background:#f7f4ec;
    overflow:hidden;
}

.email-policy-intro:after {
    position:absolute;
    top:-130px;
    right:-90px;
    width:360px;
    height:360px;
    border:1px solid rgba(179,159,108,.15);
    border-radius:50%;
    content:"";
}

.email-policy-icon {
    position:relative;
    z-index:2;
    flex:0 0 auto;
    width:76px;
    height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:22px;
    background:#fff;
    color:#8e7a4b;
}

.email-policy-icon svg {
    width:34px;
    height:34px;
    stroke-width:1.6;
}

.email-policy-intro-text {
    position:relative;
    z-index:2;
    min-width:0;
}

.email-policy-eyebrow {
    display:block;
    margin-bottom:7px;
    color:#b39f6c;
    font-size:15px;
    font-weight:700;
    letter-spacing:.14em;
}

.email-policy-intro h3 {
    margin:0 0 18px;
    color:#2f2b23;
    font-size:36px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:-.05em;
}

.email-policy-intro p {
    margin:0;
    color:#625c50;
    font-size:17px;
    line-height:1.85;
    letter-spacing:-.025em;
    word-break:keep-all;
}

.email-policy-intro p+p {
    margin-top:6px;
}


/* =========================================================
   Section
========================================================= */

.email-policy-section {
    margin-top:68px;
}

.email-policy-section-heading {
    margin-bottom:24px;
}

.email-policy-section-heading>span {
    display:block;
    margin-bottom:4px;
    color:#b39f6c;
    font-size:14px;
    font-weight:700;
    letter-spacing:.12em;
}

.email-policy-section-heading h4 {
    margin:0;
    color:#222;
    font-size:28px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:-.045em;
}


/* =========================================================
   운영 웹사이트
========================================================= */

.email-site-box {
    padding:28px 30px;
    display:flex;
    align-items:center;
    gap:22px;
    border:1px solid #e8e4da;
    border-radius:18px;
    background:#fff;
}

.email-site-icon {
    flex:0 0 auto;
    width:62px;
    height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:#f4f0e6;
    color:#8e7a4b;
}

.email-site-icon svg {
    width:29px;
    height:29px;
    stroke-width:1.7;
}

.email-site-box p {
    margin:0 0 6px;
    color:#666;
    font-size:17px;
    line-height:1.7;
    word-break:keep-all;
}

.email-site-box strong {
    color:#8e7a4b;
    font-size:20px;
    line-height:1.5;
    font-weight:700;
}


/* =========================================================
   법률 제목
========================================================= */

.email-law-title {
    padding:24px 28px;
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:18px;
    border-radius:16px;
    background:#f7f4ec;
}

.email-law-title-icon {
    flex:0 0 auto;
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    background:#fff;
    color:#8e7a4b;
}

.email-law-title-icon svg {
    width:26px;
    height:26px;
    stroke-width:1.7;
}

.email-law-title strong {
    display:block;
    color:#332f27;
    font-size:19px;
    line-height:1.5;
    font-weight:700;
}

.email-law-title span {
    display:block;
    margin-top:3px;
    color:#888;
    font-size:14px;
}


/* =========================================================
   법률 조항
========================================================= */

.email-law-article {
    display:grid;
    grid-template-columns:110px 1fr;
    border:1px solid #e8e4da;
    border-radius:18px;
    background:#fff;
    overflow:hidden;
}

.email-law-article+.email-law-article {
    margin-top:16px;
}

.email-law-number {
    padding:30px 18px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    background:#faf9f6;
    color:#8e7a4b;
    font-size:16px;
    line-height:1.5;
    font-weight:700;
    text-align:center;
}

.email-law-content {
    padding:30px 32px;
}

.email-law-content h5 {
    margin:0 0 18px;
    color:#222;
    font-size:20px;
    line-height:1.5;
    font-weight:700;
    letter-spacing:-.035em;
}

.email-law-content ol {
    margin:0;
    padding:0;
    list-style:none;
    counter-reset:emailLaw;
}

.email-law-content ol li {
    position:relative;
    padding-left:34px;
    color:#555;
    font-size:17px;
    line-height:1.85;
    letter-spacing:-.025em;
    word-break:keep-all;
    counter-increment:emailLaw;
}

.email-law-content ol li+li {
    margin-top:10px;
}

.email-law-content ol li:before {
    position:absolute;
    top:0;
    left:0;
    color:#8e7a4b;
    font-weight:700;
    content:counter(emailLaw) ".";
}

.email-law-lead {
    margin:0 0 18px;
    color:#555;
    font-size:17px;
    line-height:1.8;
}


/* =========================================================
   Bottom Notice
========================================================= */

.email-policy-notice {
    margin-top:36px;
    padding:24px 28px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border-radius:16px;
    background:#f4f0e6;
    color:#665839;
}

.email-policy-notice svg {
    flex:0 0 auto;
    width:24px;
    height:24px;
    stroke-width:1.8;
}

.email-policy-notice p {
    margin:0;
    font-size:17px;
    line-height:1.6;
    font-weight:700;
    text-align:center;
}


/* =========================================================
   Mobile
========================================================= */

@media (max-width:700px) {

    .email-policy-page {
        padding:30px 0 70px;
    }

    .email-policy-intro {
        padding:28px 22px;
        display:block;
        margin-bottom:48px;
        border-radius:18px;
    }

    .email-policy-icon {
        width:60px;
        height:60px;
        margin-bottom:20px;
        border-radius:17px;
    }

    .email-policy-icon svg {
        width:28px;
        height:28px;
    }

    .email-policy-intro h3 {
        font-size:29px;
    }

    .email-policy-intro p {
        font-size:16px;
    }

    .email-policy-section {
        margin-top:52px;
    }

    .email-policy-section-heading h4 {
        font-size:24px;
    }

    .email-site-box {
        padding:22px 20px;
        gap:16px;
    }

    .email-site-icon {
        width:54px;
        height:54px;
        border-radius:15px;
    }

    .email-site-box p {
        font-size:16px;
    }

    .email-site-box strong {
        font-size:18px;
    }

    .email-law-title {
        padding:20px;
    }

    .email-law-title-icon {
        width:48px;
        height:48px;
    }

    .email-law-title strong {
        font-size:17px;
    }

    .email-law-article {
        display:block;
        border-radius:15px;
    }

    .email-law-number {
        padding:15px 20px;
        justify-content:flex-start;
        border-bottom:1px solid #e8e4da;
        text-align:left;
    }

    .email-law-content {
        padding:22px 20px;
    }

    .email-law-content h5 {
        font-size:18px;
    }

    .email-law-content ol li,
    .email-law-lead {
        font-size:16px;
    }

    .email-policy-notice {
        padding:20px;
    }

    .email-policy-notice p {
        font-size:16px;
    }
}