.intro_wrap {
    width:100%;
    margin-bottom:50px;
}

.intro_wrap .left_wrap {
    width:220px;
    float:left;
}

.intro_wrap .left_wrap .image_wrap {
    width:100%;
    overflow:hidden;
}

.intro_wrap .left_wrap .image_wrap img {
    width:100%;
}

.intro_wrap .left_wrap .text_wrap {
    padding:22px 0;
    background-color:#4a2734;
    text-align:center;
}

.intro_wrap .left_wrap .text_wrap h3 {
    color:#c16982;
    font-family:'NotoKrR';
    font-size:15px;
    margin-bottom:5px;
}

.intro_wrap .left_wrap .text_wrap h4 {
    font-family:'NotoKrM';
    font-size:20px;
    color:#fff;
}

.intro_wrap .left_wrap .text_wrap hr {
    width:25px;
    height:2px;
    background-color:#fff;
    display:block;
    margin:15px auto;
}

.intro_wrap .left_wrap .text_wrap p {
    font-family:'NanumMB';
    font-size:11px;
    color:#fff;
    line-height:1.3;
    opacity:.7;
}

.intro_wrap .right_wrap {
    width:calc(100% - 250px);
    float:right;
}

.intro_wrap .right_wrap h3 {
    font-family:'aritaSB';
    font-size:23px;
    color:#000;
    margin-bottom:30px;
    line-height:1.5;
}

.intro_wrap .right_wrap span {
    font-family:'aritaSB';
    font-size:16px;
    color:#000;
}

.intro_wrap .right_wrap hr {
    display:block;
    width:120px;
    height:2px;
    background-color:#000;
    margin:48px 0;
}

.intro_wrap .right_wrap h4 {
    color:#a65a77;
    font-family:'NotoKrR';
    font-size:20px;
    margin-bottom:50px;
    line-height:1.3;
}

.intro_wrap .right_wrap p {
    color:#3c3c3c;
    font-family:'NotoKrR';
    font-size:15px;
    line-height:1.7;
}

.article_wrap {
    margin-bottom:100px;
    width:100%;
}

.article_wrap .article {
    width:100%;
    padding:43px 20px 43px 38px;
    border:1px solid #e3e3e3;
    box-shadow:0px 11px 8px -10px rgba(0, 0, 0, 0.1), 0px -11px 8px -10px rgba(0, 0, 0, 0.1);
    margin-bottom:20px;
}

.article_wrap .article .left_wrap {
    width:210px;
    float:left;
}

.article_wrap .article .left_wrap p {
    color:#000;
    font-family:'NanumSR';
    font-size:22px;
    line-height:1.4;
}

.article_wrap .article .right_wrap {
    float:left;
    width:calc(100% - 210px);
}

.article_wrap .article .right_wrap ul {
    width:100%;
}

.article_wrap .article .right_wrap ul li {
    width:100%;
    border-bottom:1px solid #e9e9e9;
    padding:8px 0;
}

.article_wrap .article .right_wrap ul li:after {
    clear:both;
    content:'';
    display:block;
}

.article_wrap .article .right_wrap ul li:first-child {
    padding-top:0;
}

.article_wrap .article .right_wrap ul li:last-child {
    border-bottom:none;
}

.article_wrap .article .right_wrap ul li span:first-child {
    width:7px;
    height:3px;
    background-color:#d25e7e;
    margin-right:8px;
    margin-top:10px;
    display:block;
    float:left;
}

.article_wrap .article .right_wrap ul li span:last-child {
    color:#3c3c3c;
    font-family:'NotoKrR';
    font-size:15px;
    line-height:1.7;
    float:left;
    display:block;
    width:calc(100% - 15px);
}

.article_wrap .article .right_wrap ul.exception li:nth-child(2) {
    border-bottom:none;
}

.article_wrap .article .right_wrap ul.exception li:last-child {
    padding-top:0;
}

.article_wrap .article .right_wrap ul.exception li:last-child span:first-child {
    background-color: transparent;
    width: 70px;
    height:auto;
    margin-top:5px;
    margin-right:0;
    padding-left: 15px;
    color: #d25e7e;
    font-family: 'NotoKrR';
    font-size: 15px;
    display: block;
    float: left;
}

.article_wrap .article .right_wrap ul.exception li:last-child span:last-child {
    float: left;
    width: calc(100% - 78px);
}

.article_wrap .button_wrap {
    margin-top:60px;
    width:100%;
    text-align:center;
    margin-bottom:100px;
}

.article_wrap .button_wrap p {
    margin-bottom:20px;
    color:#754557;
    font-family:'NotoKrM';
    font-size:18px;
}

.article_wrap .button_wrap a {
    display:inline-block;
    padding:10px 30px;
    font-family:'NotoKrR';
    font-size:23px;
    color:#fff;
    border-radius:300px;
    border:1px solid #fff;
    background-color:#dd6385;
    box-shadow:1px 1px 10px rgba(0, 0, 0, 0.3);
    margin:0 10px;
}

.article_wrap .button_wrap a span {
    font-family:'NotoKrM';
}

.article_wrap .button_wrap a:last-child {
    background-color:#b7415d;
}

.pray_wrap {
    width:100%;
}

.pray_wrap .article {
    float:left;
    width:calc(100% - 20px);
    position: relative;
    border-radius:20px;
    border:2px solid #aaa0d3;
    padding:40px;
    margin-left:20px;
}

.pray_wrap.c2 .article {
    width:calc(50% - 40px);
}

.pray_wrap.c2 .article:first-child {
    margin-right:20px;
}

.pray_wrap.c2 .article:last-child {
    margin-left:40px;
}

.pray_wrap .article .title_wrap {
    position: absolute;
    top:-30px;
    left:-20px;
}

.pray_wrap .article .title_wrap span {
    display:inline-block;
    background-color:#fff;
    padding-left:10px;
    padding-right:20px;
    margin-left:-4px;
    color:#524e7d;
    font-family:'NanumSB';
    font-size:20px;
}

.pray_wrap .article p {
    color:#333333;
    font-family:'NotoKrR';
    font-size:16px;
    line-height:1.8;
}

.pray_wrap .article p.s_title {
    font-family:'NotoKrM';
    color:#554f93;
    margin-bottom:30px;
}

@media screen and (max-width:768px) {
    .article_wrap .article .left_wrap,
    .article_wrap .article .right_wrap {
        width:100%;
        float:none;
    }

    .article_wrap .article {
        padding:20px;
    }

    .article_wrap .article .left_wrap {
        margin-bottom:15px;
    }

    .pray_wrap .article p {
        font-size:14px;
    }
}

@media screen and (max-width:480px) {
    .intro_wrap .left_wrap {
        float:none;
        margin:0 auto 20px;
    }

    .intro_wrap .right_wrap {
        float:none;
        width:100%;
    }

    .intro_wrap .right_wrap h3 {
        font-size:20px;
        margin-bottom:20px;
    }

    .intro_wrap .right_wrap hr {
        margin:30px 0;
    }

    .intro_wrap .right_wrap h4 {
        font-size:18px;
        margin-bottom:20px;
        line-height:1.3;
    }

    .intro_wrap .right_wrap p {
        font-size:14px;
    }

    .article_wrap .article .left_wrap p {
        font-size:20px;
    }

    .article_wrap .article .right_wrap ul li span:last-child {
        font-size:14px;
    }

    .article_wrap .button_wrap p {
        font-size:15px;
    }

    .article_wrap .button_wrap a {
        font-size:18px;
        padding:10px 40px;
        margin-bottom:15px;
    }

    .article_wrap .button_wrap {
        margin:50px 0;
    }

    .pray_wrap.c2 .article {
        width:calc(100% - 20px);
        margin-right:0 !important;
        margin-bottom:50px;
        margin-left:20px !important;
    }

    .article_wrap {
        margin-bottom:60px;
    }
}