@charset "utf-8";

.provision-page {
    padding:40px 0 110px;
    color:#222;
}

/* Intro */
.provision-intro {
    padding:42px 44px;
    margin-bottom:58px;
    border-radius:22px;
    background:#f7f4ec;
}

.provision-eyebrow {
    display:block;
    margin-bottom:8px;
    color:#b39f6c;
    font-size:15px;
    font-weight:700;
    letter-spacing:.14em;
}

.provision-intro h3 {
    margin:0 0 16px;
    color:#2f2b23;
    font-size:36px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:-.05em;
}

.provision-intro p {
    margin:0;
    color:#625c50;
    font-size:17px;
    line-height:1.8;
    letter-spacing:-.025em;
    word-break:keep-all;
}

/* Content */
.provision-content {
    border-top:1px solid #ddd7c9;
}

/* Chapter */
.provision-chapter {
    padding:50px 0;
    border-bottom:1px solid #e8e4da;
}

.provision-chapter-title {
    margin-bottom:30px;
}

.provision-chapter-title>span {
    display:block;
    margin-bottom:5px;
    color:#b39f6c;
    font-size:13px;
    font-weight:700;
    letter-spacing:.12em;
}

.provision-chapter-title h4 {
    margin:0;
    color:#222;
    font-size:28px;
    line-height:1.45;
    font-weight:700;
    letter-spacing:-.045em;
}

/* Article */
.provision-article {
    padding:28px 30px;
    border:1px solid #e8e4da;
    border-radius:16px;
    background:#fff;
}

.provision-article+.provision-article {
    margin-top:16px;
}

.provision-article h5 {
    margin:0 0 16px;
    color:#8e7a4b;
    font-size:19px;
    line-height:1.5;
    font-weight:700;
    letter-spacing:-.035em;
}

.provision-article p {
    margin:0;
    color:#555;
    font-size:17px;
    line-height:1.85;
    letter-spacing:-.025em;
    word-break:keep-all;
}

/* 기본 번호 목록 */
.provision-article>ol {
    margin:0;
    padding:0;
    list-style:none;
    counter-reset:provisionItem;
}

.provision-article>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:provisionItem;
}

.provision-article>ol>li+li {
    margin-top:10px;
}

.provision-article>ol>li:before {
    position:absolute;
    top:1px;
    left:0;
    color:#8e7a4b;
    font-weight:700;
    content:"(" counter(provisionItem) ")";
}

/* 가나다 목록 */
.provision-alpha-list {
    margin:14px 0 0;
    padding:0;
    list-style:none;
}

.provision-alpha-list li {
    position:relative;
    padding-left:0;
    color:#666;
    font-size:16px;
    line-height:1.8;
    letter-spacing:-.02em;
    word-break:keep-all;
}

.provision-alpha-list li+li {
    margin-top:4px;
}

/* 내부 숫자 목록 */
.provision-sub-number-list {
    margin:12px 0 0;
    padding-left:22px;
}

.provision-sub-number-list li {
    color:#666;
    font-size:16px;
    line-height:1.8;
}

.provision-sub-number-list li+li {
    margin-top:3px;
}

/* 부칙 */
.provision-addendum {
    background:#f7f4ec;
}

/* Tablet */
@media (max-width:900px) {
    .provision-article {
        padding:26px 24px;
    }
}

/* Mobile */
@media (max-width:700px) {
    .provision-page {
        padding:30px 0 70px;
    }

    .provision-intro {
        padding:28px 22px;
        margin-bottom:40px;
        border-radius:17px;
    }

    .provision-intro h3 {
        font-size:29px;
    }

    .provision-intro p {
        font-size:16px;
    }

    .provision-chapter {
        padding:38px 0;
    }

    .provision-chapter-title {
        margin-bottom:22px;
    }

    .provision-chapter-title h4 {
        font-size:23px;
    }

    .provision-article {
        padding:22px 20px;
        border-radius:14px;
    }

    .provision-article+.provision-article {
        margin-top:12px;
    }

    .provision-article h5 {
        margin-bottom:13px;
        font-size:18px;
    }

    .provision-article p,
    .provision-article>ol>li {
        font-size:16px;
    }

    .provision-article>ol>li {
        padding-left:30px;
    }

    .provision-alpha-list li,
    .provision-sub-number-list li {
        font-size:15px;
    }
}