@charset "utf-8";
/*==================================================================================
Digital Media(Web & Mobile App) R&D Service Strategy, UI/UX/UR R&D Consulting
www.forcnc.co.kr / (02)322-0637 
2018~2019.COMPASSION KOREA.Project
==================================================================================*/

/*
 * 공통 
 *------------------------------------------*/
html * {
    letter-spacing: -0.02em;
}

/* 공통 - Box */
.box_type3 {
    background-color: #f7f7f7;
}

/* 공통 - Label */
.label_child {
    display: inline-block;
    box-sizing: border-box;
    height: 24px;
    padding: 0 10px 2px;
    border: 1px solid #0155A6;
    border-radius: 12px;
}

    .label_child .label_txt {
        font-family: 'noto_m';
        font-size: 12px;
        line-height: 1.33;
        color: #0155A6;
    }

    .label_child.waiting {
        border-color: #DF4523;
    }

        .label_child.waiting .label_txt {
            color: #DF4523;
        }

    .label_child.group {
        border-color: #B13363;
    }

        .label_child.group .label_txt {
            color: #B13363;
        }

    .label_child.inviting {
        border-color: #0B9E5F;
        background-color: rgba(11, 158, 95, 0.1);
    }

        .label_child.inviting .label_txt {
            color: #0B9E5F;
        }

    .label_child.meet {
        background-color: #0055AC;
    }

        .label_child.meet .label_txt {
            color: #fff;
        }

.label_alarm {
    display: inline-block;
    box-sizing: border-box;
    height: 31px;
    padding: 3px 18px 2px;
    border: 1px solid #0155A6;
    border-radius: 16px;
}

    .label_alarm .label_txt {
        font-family: 'noto_m';
        font-size: 17px;
        line-height: 1.33;
        color: #0155A6;
    }

/* radio */
.css_radio:disabled + .css_label {
    opacity: .5;
    cursor: default !important;
}


/*
 * Header 
 *------------------------------------------*/
.gnb_alarm {
    position: relative;
}

.header_bottom .gnb_wrap .d1 li a.alarm {
    position: relative;
    width: 50px;
    text-indent: -9999px;
    background: url('/common/img/common/btn_alarm.png') no-repeat center;
    padding: 0;
    margin: 0 20px 0 0;
}

.header_bottom .gnb_wrap .d1 li a:hover {
    text-decoration: none;
}

.gnb_alarm .gnb_alarm_noti {
    font-family: 'noto_b';
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-indent: 0;
    text-align: center;
    position: absolute;
    right: 0;
    top: 23px;
    display: inline-block;
    min-width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #F44A51;
}

/* Header - 알림 레이어 */
.gnb_alarm_layer {
    display: none;
    position: absolute;
    top: 94px;
    right: -50px;
    width: 380px;
    max-height: 400px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .15);
}

    .gnb_alarm_layer:before {
        content: '';
        position: absolute;
        right: 85px;
        top: -8px;
        display: inline-block;
        width: 15px;
        height: 15px;
        transform: rotate(45deg);
        border: 1px solid #ccc;
        border-width: 1px 0 0 1px;
        background-color: #fff;
        ;
    }

    .gnb_alarm_layer .gnb_alarm_list {
        padding: 5px 20px;
        margin: 0;
    }

.header_bottom .gnb_wrap .d1 li.gnb_alarm_item {
    height: auto;
    padding: 10px 0;
    float: none;
}

.header_bottom .gnb_wrap .d1 li a.gnb_alarm_anchor {
    line-height: 1.33;
    color: #121212;
    display: table;
    width: 100%;
    height: auto;
    table-layout: fixed;
    margin: 0;
}

.header_bottom .gnb_wrap .d1 li .gnb_alarm_anchor:hover .gnb_alarm_title {
    color: #121212;
    text-decoration: underline;
}

.header_bottom .gnb_wrap .d1 li.checked .gnb_alarm_anchor:hover .gnb_alarm_title {
    color: #999;
}

.gnb_alarm_layer .gnb_alarm_anchor .gnb_alarm_icon_area,
.gnb_alarm_layer .gnb_alarm_anchor .gnb_alarm_info_area {
    display: table-cell;
    vertical-align: top;
}

.gnb_alarm_layer .gnb_alarm_anchor .gnb_alarm_icon_area {
    width: 60px;
    padding-right: 15px;
}

.gnb_alarm_layer .gnb_alarm_anchor .gnb_alarm_title {
    font-family: 'noto_r';
    font-size: 16px;
    line-height: 1.33;
    color: #121212;
    margin-bottom: 3px;
}

.gnb_alarm_layer .checked .gnb_alarm_anchor .gnb_alarm_title {
    color: #999;
}

.gnb_alarm_layer .gnb_alarm_anchor .gnb_alarm_date {
    font-size: 14px;
    line-height: 1.33;
    color: #767676;
}

.gnb_alarm_layer .gnb_alarm_btns {
    padding: 10px 20px 20px;
}

.header_bottom .gnb_wrap .d1 li a.gnb_alarm_more {
    font-size: 14px;
    line-height: 1.33;
    color: #767676;
    text-align: center;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 20px;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.gnb_alarm_layer .gnb_alarm_icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    vertical-align: top;
}

    .gnb_alarm_layer .gnb_alarm_icon.type1 {
        background-color: #8AC1E1;
    }

    .gnb_alarm_layer .gnb_alarm_icon .icon_gnb_alarm_type1 {
        margin-top: 14px;
    }

    .gnb_alarm_layer .gnb_alarm_icon.type2 {
        background-color: #E5DBAA;
    }

    .gnb_alarm_layer .gnb_alarm_icon .icon_gnb_alarm_type2 {
        margin-top: 13px;
    }

    .gnb_alarm_layer .gnb_alarm_icon.type3 {
        background-color: #F99F9F;
    }

    .gnb_alarm_layer .gnb_alarm_icon .icon_gnb_alarm_type3 {
        margin-top: 12px;
    }

/* Header - alarm icon */
.icon_gnb_alarm {
    display: inline-block;
    vertical-align: top;
    background: url(/common/img/common/icon_gnb_alarm.png) no-repeat;
}

.icon_gnb_alarm_type1 {
    width: 20px;
    height: 16px;
    background-position: left top;
}

.icon_gnb_alarm_type2 {
    width: 20px;
    height: 20px;
    background-position: -30px top;
}

.icon_gnb_alarm_type3 {
    width: 22px;
    height: 19px;
    background-position: -60px top;
}


/*
 * 메인
 *------------------------------------------*/
/* 메인 - 공통 */
.main_title {
    text-align: center;
    padding: 80px 0 40px;
}

    .main_title .title_box {
        position: relative;
    }

        .main_title .title_box:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            border-top: 1px solid #b5b5b5;
        }

    .main_title .title_txt {
        font-family: 'noto_r';
        font-size: 35px;
        line-height: 1.33;
        color: #171717;
        position: relative;
        display: inline-block;
        padding: 0 30px;
        background-color: #fff;
        z-index: 1;
    }

/* 메인 - 어린이 */
.main_child {
    padding-bottom: 60px;
}

.main_child_recmd {
}

.main_child .child_set {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.child_set .picWrap {
    display: table-cell;
    vertical-align: top;
    width: 450px;
}

.child_set .img_child {
    width: 450px;
    height: 340px;
    overflow: hidden;
}

    .child_set .img_child img {
        width: 100%;
    }

.child_set .textWrap {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}

.child_set .label_child {
    height: 32px;
    border-radius: 16px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 8px;
}

    .child_set .label_child .label_txt {
        font-size: 17px;
        line-height: 30px;
    }

.child_set .textWrap .title {
    font-family: 'noto_m';
    font-size: 28px;
    line-height: 1.33;
    color: #171717;
    margin-bottom: 15px;
}

.child_set .textWrap .con {
    font-family: 'noto_r';
    font-size: 17px;
    line-height: 1.5;
    color: #555;
    margin-bottom: 25px;
}

.child_set .btn_more1,
.child_set .btn_more2 {
    font-family: 'noto_r';
    font-size: 15px;
    line-height: 44px;
    color: #005eb8;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    width: 240px;
    height: 48px;
    border: 1.5px solid #005eb8;
    border-radius: 5px;
    vertical-align: top;
}

.child_set .btn_more2 {
    color: #fff;
    background-color: #005eb8;
    margin-left: 3px;
    border-color: transparent;
}

    .child_set .btn_more1:hover,
    .child_set .btn_more2:hover {
        text-decoration: none;
    }

.child_set .btn_more1:hover {
    transition-property: background-color, color;
    transition-duration: .3s;
    background-color: #005eb8;
    color: #fff;
}

.child_set .btn_more2:hover {
    transition-property: background-color;
    transition-duration: .3s;
    background-color: #005297;
}

.support_list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
}

    .support_list .support_item {
        flex: auto;
        width: 25%;
        padding-left: 15px;
        margin-bottom: 30px;
    }

        .support_list .support_item .img_area {
            position: relative;
        }

            .support_list .support_item .img_area .img_shape {
                width: 230px;
                border-radius: 4px;
                overflow: hidden;
            }

        .support_list .support_item .prefix_support {
            font-family: 'noto_b';
            font-size: 12px;
            line-height: 22px;
            color: #fff;
            text-align: center;
            position: absolute;
            left: 4px;
            top: 4px;
            display: inline-block;
            height: 24px;
            min-width: 60px;
            padding: 0 10px;
            background-color: rgba(0, 93, 171, .8);
            border-radius: 4px;
            z-index: 1;
        }

        .support_list .support_item .txt_area {
            margin-top: 10px;
            padding-right: 5px;
        }

    .support_list .support_title {
        font-family: 'noto_m';
        font-size: 20px;
        line-height: 1.33;
        color: #171717;
        margin-bottom: 5px;
    }

    .support_list .support_desc {
        font-family: 'noto_r';
        font-size: 15px;
        line-height: 1.33;
        color: #666;
    }

    .support_list .support_item.nation {
        width: 50%;
    }

        .support_list .support_item.nation .map {
            width: 100%;
            height: 230px;
            border-radius: 4px;
        }

        .support_list .support_item.nation .txt_area {
            position: relative;
        }

    .support_list .support_item .support_nation_detail {
        position: absolute;
        right: 0;
        top: 3px;
    }

    .support_list .support_item .anchor_nation {
        font-size: 14px;
        line-height: 1.33;
        color: #808080;
        display: inline-block;
        padding: 3px 10px 5px;
        border: 1px solid #ccc;
        border-radius: 4px;
        transition: .5s;
    }

        .support_list .support_item .anchor_nation:hover {
            color: #666;
            text-decoration: none;
            background-color: #f0f0f0;
            border-color: #aaa;
        }

/* 메인 - 후원금원칙 */
.main_rule {
    background-color: #1F5FB2;
}

    .main_rule .w980 {
        display: table;
        table-layout: fixed;
    }

    .main_rule .rule_info,
    .main_rule .rule_graphic {
        display: table-cell;
    }

    .main_rule .rule_info {
        vertical-align: middle;
    }

    .main_rule .rule_title {
        font-family: 'noto_m';
        font-size: 33px;
        line-height: 1.33;
        color: #fff;
        margin-bottom: 20px;
    }

    .main_rule .rule_info_txt1 {
        font-size: 23px;
        line-height: 1.33;
        color: #fff;
        margin-bottom: 10px;
    }

        .main_rule .rule_info_txt1 b {
            font-family: 'noto_m';
        }

    .main_rule .rule_info_txt2 {
        font-family: 'noto_l';
        font-size: 15px;
        line-height: 27px;
        color: #fff;
    }

        .main_rule .rule_info_txt2 b {
            font-family: 'noto_m';
        }

    .main_rule .btn_b_type3 {
        display: inline-block;
        width: auto;
        height: 46px;
        font-family: 'noto_m';
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 42px;
        text-decoration: none;
        vertical-align: middle;
        padding: 0 35px 2px;
        border: 1px solid #fff;
        border-radius: 4px;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        margin-top: 40px;
    }

        .main_rule .btn_b_type3:hover {
            background: #fff;
            color: #1F5FB2;
            text-decoration: none;
        }

    .main_rule .rule_graphic {
        width: 340px;
        height: 400px;
        padding-top: 30px;
        text-align: center;
    }

    .main_rule .rule_arrow {
        position: relative;
        display: inline-block;
        box-sizing: border-box;
        width: 230px;
        height: 100%;
        padding-top: 160px;
    }

        .main_rule .rule_arrow .rule_arrow_top {
            border: 160px solid transparent;
            border-bottom-color: #0B3A77;
            position: absolute;
            top: -160px;
            left: calc(50% - 160px);
        }

        .main_rule .rule_arrow .rule_arrow_bottom {
            position: relative;
            display: block;
            height: 100%;
            background-color: #0B3A77;
        }

    .main_rule .rule_graphic_txt1 {
        font-family: 'noto_l';
        font-size: 15px;
        line-height: 1.33;
        color: #fff;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: -30px;
    }

    .main_rule .rule_graphic_txt2 {
        font-family: 'noto_b';
        font-size: 73px;
        line-height: 1;
        color: #fff;
        text-align: center;
    }

        .main_rule .rule_graphic_txt2 i {
            font-size: 17px;
            font-style: normal;
        }

    .main_rule .rule_graphic_txt3 {
        font-family: 'noto_l';
        font-size: 15px;
        line-height: 1.33;
        color: #9DAFC7;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 20px;
    }

        .main_rule .rule_graphic_txt3 b {
            font-family: 'noto_m';
        }

/* 메인 - 링크배너 */
.main_link_banner {
    display: flex;
    justify-content: center;
    padding: 50px 0;
    background-color: #005eb8;
}

    .main_link_banner .banner_miracle,
    .main_link_banner .banner_rule {
        text-align: center;
        flex: none;
        box-sizing: border-box;
        width: 460px;
        height: 460px;
        margin: 0 15px;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    }

    .main_link_banner .lb_graphic {
        padding-top: 45px;
        height: 250px;
        text-align: center;
    }

    .main_link_banner .banner_rule .lb_graphic {
        padding-top: 40px;
    }

    .main_link_banner .lb_graphic img {
        display: inline-block;
    }

    .main_link_banner .lb_title {
        font-family: 'noto_m';
        font-size: 23px;
        line-height: 1.33;
        color: #005eb8;
        margin-top: 10px;
    }

    .main_link_banner .lb_desc {
        font-family: 'noto_r';
        font-size: 15px;
        line-height: 1.5;
        color: #005eb8;
        margin-top: 12px;
    }

    .main_link_banner .btn_lb_anchor {
        font-size: 17px;
        line-height: 1.33;
        color: #fff;
        text-align: center;
        display: inline-block;
        width: 155px;
        padding: 12px 20px 14px;
        margin-top: 25px;
        border-radius: 4px;
        background-color: #005eb8;
        box-shadow: 0 4px 8px rgba(31, 95, 178, .25);
    }

        .main_link_banner .btn_lb_anchor:hover {
            text-decoration: none;
            background-color: #005297;
            transition: background-color, .3s;
        }


/* 메인 - 컴패션소식 */
.main_news {
    padding-bottom: 80px;
}

    .main_news .news_list {
        overflow: hidden;
        margin-left: -10px;
    }

    .main_news .news_item {
        float: left;
        width: 320px;
        height: 320px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

        .main_news .news_item.wide {
            width: 650px;
            height: 650px;
        }

    .main_news .news_anchor {
        position: relative;
        display: block;
    }

    .main_news .txt_area {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        height: 80px;
        padding: 18px 20px;
        background-color: rgba(0, 0, 0, .5);
    }

        .main_news .txt_area .txt_wrap {
            flex: 1;
            width: 100%;
            align-self: center;
        }

    .main_news .item_cate {
        font-family: 'noto_m';
        font-size: 15px;
        line-height: 1.33;
        color: #fff;
        display: none;
        margin-bottom: 15px;
    }

    .main_news .item_title {
        font-family: 'noto_m';
        font-size: 17px;
        line-height: 1.33;
        color: #fff;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 5px;
    }

    .main_news .item_desc {
        font-family: 'noto_r';
        font-size: 15px;
        line-height: 20px;
        color: rgba(255, 255, 255, .8);
        display: none;
        max-height: calc(20px * 6);
        overflow: hidden;
        margin-bottom: 15px;
    }

    .main_news .wide .item_desc {
        max-height: calc(20px * 8);
    }

    .main_news .item_date {
        font-family: 'noto_r';
        font-size: 15px;
        line-height: 1.33;
        color: rgba(255, 255, 255, .7)
    }

    .main_news .news_anchor:hover .txt_area {
        transition-property: height, background-color;
        transition-duration: .3s;
        height: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
        background-color: rgba(0, 0, 0, .8);
    }

    .main_news .news_anchor:hover .item_cate,
    .main_news .news_anchor:hover .item_desc {
        transition: display .3s;
        display: block;
    }

    .main_news .news_anchor:hover .item_title {
        font-family: 'noto_b';
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px;
        max-height: calc(25px * 2);
        white-space: normal;
        text-overflow: inherit;
    }


/*
 * 후원프로세스
 *------------------------------------------*/
/* 후원프로세스 - 프로세스 
.spon_process .process_list {
    position:relative;
    margin:0 0 50px;
    padding:0;
    text-align:center;
}
.spon_process .process_list:before {
    content:'';
    position:absolute;
    left:calc(50% - 150px);
    right:calc(50% - 150px);
    top:40px;
    height:1px;
    background-color:#C3CFD9;;
}
.spon_process .process_item {
    position:relative;
    text-align:center;
    display:inline-block;
    width:140px;
    z-index:1;
}
.spon_process .process_anchor {
    display:block;
}
.spon_process .process_anchor .icon_area {
    text-align:center;
    display:inline-block;
    width:80px;
    height:80px;
    background-color:#C3CFD9;
    border-radius:50%;
}
.spon_process .process_anchor .icon_area .icon_process {
    margin-top:15px;
}
.spon_process .process_anchor .txt_area {
    font-family:'noto_r';
    font-size:15px;
    line-height:1.33;
    color:#667480;
    margin-top:10px;
}
.spon_process .process_anchor:hover {
    text-decoration:none;
}
.spon_process .process_anchor:hover .txt_area {
    text-decoration:underline;
}
.spon_process .process_item.active .icon_area {
    background-color:#005eb8;
    box-shadow:0 10px 10px rgba(0, 93, 171, .2);
}
.spon_process .process_item.active .txt_area {
    font-family:'noto_m';
    color:#005eb8;
}
*/

/* 후원프로세스 - 콘텐츠 - 공통 */
.process_content .table_tit {
    padding-bottom: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #bbb;
}

    .process_content .table_tit .btn {
        top: 0;
    }

.process_content_body .top_info {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 25px 30px;
    margin-bottom: 30px;
    background-color: #f3f3f3;
}

    .process_content_body .top_info .title_area {
        font-family: 'noto_m';
        font-size: 18px;
        line-height: 1.33;
        color: #005eb8;
        display: table-cell;
        box-sizing: content-box;
        width: 90px;
        padding-right: 30px;
        vertical-align: top;
    }

    .process_content_body .top_info .txt_area {
        display: table-cell;
        vertical-align: top;
    }

    .process_content_body .top_info .txt_area {
        font-size: 15px;
        line-height: 1.7em;
        color: #121212;
    }

.process_content_foot {
    text-align: center;
    padding-top: 20px;
}

/* 후원프로세스 - 콘텐츠 - 공통 - 체크 */
.process_check {
    display: inline-block;
}

    .process_check .input_pcheck {
        visibility: hidden;
        position: absolute;
    }

    .process_check .label_pcheck {
        text-align: center;
        display: inline-block;
        width: 200px;
        height: 34px;
        border-radius: 4px;
        background-color: #f5f5f5;
        cursor: pointer;
    }

        .process_check .label_pcheck .txt {
            font-size: 13px;
            line-height: 32px;
            color: #444;
        }

            .process_check .label_pcheck .txt:before {
                content: '';
                display: inline-block;
                width: 13px;
                height: 10px;
                margin-right: 7px;
                background: url(/common/img/page/sponsor/icon_process.png) left top no-repeat;
            }

    .process_check .input_pcheck:checked + .label_pcheck {
        background-color: #444;
    }

        .process_check .input_pcheck:checked + .label_pcheck .txt {
            color: #fff;
        }

            .process_check .input_pcheck:checked + .label_pcheck .txt:before {
                background-position: left -15px;
            }

/* 후원프로세스 - 콘텐츠 - P1 */
.detail_wrap {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

    .detail_wrap .btn_process_detail {
        position: relative;
        display: inline-block;
        padding: 2px 15px 4px;
        border-radius: 13px;
        background-color: #f5f5f5;
    }

        .detail_wrap .btn_process_detail .btn_txt {
            font-size: 13px;
            line-height: 1.33;
            color: #333;
        }

    .detail_wrap .layer_detail {
        display: none;
        width: 550px;
        padding: 20px;
        position: absolute;
        left: 105px;
        top: -27px;
        border-radius: 7px;
        background-color: #fff;
        box-shadow: 0 6px 16px rgba(0, 0, 0, .2);
        z-index: 2;
    }

        .detail_wrap .layer_detail:after {
            content: '';
            position: absolute;
            left: -8px;
            top: 30px;
            display: inline-block;
            width: 16px;
            height: 16px;
            transform: rotate(45deg);
            background-color: #fff;
            box-shadow: -3px 3px 6px rgba(0, 0, 0, .1);
            z-index: -1;
        }

    .detail_wrap .detail_list {
        margin: 0;
        padding: 0;
    }

    .detail_wrap .detail_item {
        font-size: 14px;
        line-height: 1.33;
        color: #5e5e5e;
        position: relative;
        margin: 8px 10px;
        word-break: keep-all;
    }

        .detail_wrap .detail_item:before {
            content: '';
            position: absolute;
            left: -10px;
            top: 7px;
            display: inline-block;
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background-color: #5e5e5e;
        }
/* .btn_process_detail:hover {
    background-color:#dedede;
    text-decoration:none;
} */
/* .btn_process_detail:hover .layer_detail {
    display:block;
} */

/* 후원프로세스 - 콘텐츠 - P2 */
.account_content {
    margin: 50px 0;
}

.account_graphic {
    position: relative;
    text-align: center;
}

.account_chart {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto 30px;
}

.child_box {
    position: absolute;
    left: calc(50% - 45px);
    top: -150px;
    width: 90px;
    height: 90px;
    overflow: hidden;
    background-color: #C6C6C6;
    z-index: 10;
}

    .child_box .child_current {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 0;
        display: block;
        background-color: #005eb8;
    }

    .child_box .child_mask {
        position: relative;
        margin: -5px;
        width: 100px;
        height: 100px;
        background-image: url(/common/img/page/sponsor/child_mask.png);
        z-index: 5;
    }

.account_btns {
    text-align: center;
    margin: 30px 0; 
}

    .account_btns .btns_wrap {
        display: inline-block;
        max-width: 760px;
        text-align: left;
    }

    /* 2019.03.04 정다솜 [Nto1] .account_btns .btns_disc span 추가 (item-group.ascx 사용) */
    .account_btns .btns_disc, .account_btns .btns_disc span {
        font-size: 16px;
        color: #333;
        font-family: 'noto_b';
        margin-bottom: 40px;
    }

    .account_btns .btns_wrap a {
        margin: 5px;
    }

    .account_btns .btn_account.active {
        color: #fff;
        background-color: #005eb8;
    }

/* 후원프로세스 - 콘텐츠 - P3 */
.spon_complete {
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    text-align: center;
    padding: 30px 0;
}

    .spon_complete em {
        font-family: 'noto_m';
        font-size: 24px;
        line-height: 1.5;
        color: #005eb8;
        display: block;
    }

/* 후원프로세스 - 아이콘 */
.icon_process {
    display: inline-block;
    background: url(/common/img/page/sponsor/icon_process.png) no-repeat;
    vertical-align: middle;
}

.icon_process_p1 {
    width: 50px;
    height: 50px;
    background-position: left top;
}

.icon_process_p2 {
    width: 50px;
    height: 50px;
    background-position: -50px top;
}

.icon_process_p3 {
    width: 50px;
    height: 50px;
    background-position: -100px top;
}

.icon_process_p4 {
    width: 50px;
    height: 50px;
    background-position: -150px top;
}

.icon_process_p5 {
    width: 50px;
    height: 50px;
    background-position: -200px top;
}

.icon_process_group {
    width: 70px;
    height: 70px;
    background-position: left -50px;
}

/* 후원프로세스 - 일괄섭 동의 여부 */
.process_content .tbl_type1 .td_wrap {
    padding-left: 20px;
    margin-left: -196px;
    background: url(../img/icon/nec.png) no-repeat 0 4px;
}

.process_content .tbl_type1 .td_wrap .s_con1 {
    background: none;
}

.tbl_type1 .td_wrap {
    padding-left: 20px;
    margin-left: -196px;
    background: url(../img/icon/nec.png) no-repeat 0 4px;
}

.tbl_type1 .td_wrap .s_con1 {
    background: none;
}


/*
 * 마이컴패션 - 공통
 *------------------------------------------*/
.subContents.mypage {
    padding-top: 0;
}

    .subContents.mypage .w980:not(.originInfo) {
        box-sizing: border-box;
        padding: 30px;
        background-color: #fff;
        border: 1px solid #D2D2D2;
        border-width: 0 1px 1px;
    }

    /* 마이컴패션 - 내정보 */
    .subContents.mypage .topInfo {
        position: relative;
        height: auto;
        padding: 25px 0 0;
        border-radius: 5px;
        overflow: hidden;
    }

    .subContents.mypage .my_info {
        text-align: center;
        padding: 0 20px 35px;
    }

        .subContents.mypage .my_info .name {
            font-size: 35px;
        }

        .subContents.mypage .my_info .txt,
        .subContents.mypage .my_info .number {
            font-family: 'noto_r';
            font-size: 19px;
            line-height: 1.33;
            color: rgba(255, 255, 255, .5);
            background-color: transparent;
        }

        .subContents.mypage .my_info .number {
            padding: 0;
            margin: 0;
        }

            .subContents.mypage .my_info .number:before {
                content: '·';
                display: inline-block;
                padding-left: 3px;
                padding-right: 3px;
            }

    .subContents.mypage .topInfo .btn {
        position: absolute;
        right: 10px;
        top: 10px;
    }

        .subContents.mypage .topInfo .btn a {
            font-family: 'noto_m';
            font-size: 15px;
            line-height: 1.33;
            color: rgba(255, 255, 255, .8);
            width: auto;
            height: auto;
            padding: 8px 18px;
        }

            .subContents.mypage .topInfo .btn a.modify {
                background-color: #003E7E;
                background-image: none;
            }

    .subContents.mypage .dashboard_list {
        display: table;
        table-layout: fixed;
        width: 100%;
        background-color: #003E7E;
    }

    .subContents.mypage .dashboard_item {
        position: relative;
        display: table-cell;
        vertical-align: top;
    }

        .subContents.mypage .dashboard_item:after {
            content: '';
            position: absolute;
            right: 0;
            top: 25px;
            bottom: 25px;
            display: block;
            width: 1px;
            background-color: #d8d8d8;
            opacity: .2;
        }

        .subContents.mypage .dashboard_item > span {
            display: block;
        }

        .subContents.mypage .dashboard_item a {
            display: block;
            padding: 10px 30px;
        }

            .subContents.mypage .dashboard_item a:hover {
                text-decoration: none;
            }

                .subContents.mypage .dashboard_item a:hover .tit {
                    text-decoration: underline;
                }

        .subContents.mypage .dashboard_item .tit {
            font-family: 'noto_r';
            font-size: 14px;
            line-height: 1.33;
            color: rgba(255, 255, 255, .8);
        }

        .subContents.mypage .dashboard_item .num {
            font-family: 'noto_m';
            font-size: 17px;
            line-height: 1.33;
            color: #fff;
            margin-top: 5px;
        }

            .subContents.mypage .dashboard_item .num em {
                font-family: 'noto_m';
                font-size: 30px;
                line-height: 1;
                color: #fff;
            }

    /* 마이컴패션 - 메뉴 */
    .subContents.mypage .myTab {
        position: relative;
        padding-bottom: 44px;
    }

        .subContents.mypage .myTab .mt_D1 {
            display: block;
            width: auto;
            border-bottom: 1px solid #D2D2D2;
            margin-bottom: -1px;
        }

            .subContents.mypage .myTab .mt_D1 li {
                padding: 0;
                margin-bottom: -1px;
            }

                .subContents.mypage .myTab .mt_D1 li a {
                    line-height: 48px;
                    display: block;
                    box-sizing: border-box;
                    height: 50px;
                    padding: 0 25px;
                    border-bottom: 2px solid transparent;
                }

                    .subContents.mypage .myTab .mt_D1 li a.selected {
                        height: 50px;
                        padding-top: 0;
                        border-bottom-color: #005eb8;
                    }

                    .subContents.mypage .myTab .mt_D1 li a.on,
                    .subContents.mypage .myTab .mt_D1 li a:hover {
                        padding-top: 0;
                        height: 50px;
                    }

        .subContents.mypage .myTab .mt_D2 {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: transparent;
            white-space: nowrap;
        }

            .subContents.mypage .myTab .mt_D2 li {
                height: auto;
            }

                .subContents.mypage .myTab .mt_D2 li:last-child {
                    margin-right: 0;
                }

                .subContents.mypage .myTab .mt_D2 li a,
                .subContents.mypage .myTab .mt_D2 li a.on {
                    font-family: 'noto_m';
                    color: #000;
                    height: auto;
                    padding: 12px 0;
                }

                    .subContents.mypage .myTab .mt_D2 li a:hover {
                        height: auto;
                        padding: 12px 0;
                    }

                    .subContents.mypage .myTab .mt_D2 li a.selected {
                        color: #005eb8;
                    }

                    .subContents.mypage .myTab .mt_D2 li a:hover {
                        color: #005eb8;
                    }

            .subContents.mypage .myTab .mt_D2.padding1 {
                padding-left: 188px;
            }

            .subContents.mypage .myTab .mt_D2.padding2 {
                padding-left: 298px;
            }

            .subContents.mypage .myTab .mt_D2.padding3 {
                padding-left: 380px;
            }

            .subContents.mypage .myTab .mt_D2.padding4 {
                padding-right: 0px;
                padding-left: 0;
                text-align: right;
            }

            .subContents.mypage .myTab .mt_D2.padding5 {
                padding-right: 55px;
                text-align: right;
            }

    /* 마이컴패션 - 페이지타이틀 */
    .subContents.mypage .sub_tit {
        padding-top: 30px;
    }

        .subContents.mypage .sub_tit .tit {
            padding-bottom: 15px;
        }


    /*
 * 마이컴패션 - 메인
 *------------------------------------------*/
    /* 마이컴패션 - 메인 - 알림 */
    .subContents.mypage .alarm {
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        width: 100%;
        margin: 30px 0 24px;
    }

    .subContents.mypage .alarm_left {
        padding: 23px 24px;
        background-color: #0055AC;
        color: #fff;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    .subContents.mypage .icon_my_alarm {
        display: block;
        margin: 0 auto 5px;
    }

    .subContents.mypage .txt_alarm {
        font-size: 15px;
    }

    .subContents.mypage .alarm_right {
        background-color: #EAEEF3;
        padding: 20px 22px;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
        flex: 1;
    }

        .subContents.mypage .alarm_right li {
            padding: 4px 0;
        }

    .subContents.mypage .anchor:hover span {
        text-decoration: underline;
    }

    .subContents.mypage .alarm_right .alarm_description {
        color: #171717;
        font-size: 15px;
        overflow: hidden;
        height: 1.3em;
        width: 660px;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }

    .subContents.mypage .alarm_right .alarm_date {
        color: #95979A;
        font-size: 14px;
        display: inline-block;
        float: right;
    }

/* 마이컴패션 - 메인 - 어린이정보 - 공통(마이컴패션 메인, 아이 상세) */
.child_intro {
    display: flex;
    margin-bottom: 40px;
}

    .child_intro .picWrap {
        flex: none;
        width: 190px;
    }

.subContents.mypage .myChild .picWrap {
    width: 190px;
    float: none;
}

.child_intro .picWrap .img_child {
    border-radius: 5px;
    height: 235px;
    overflow: hidden;
    display: inline-block;
}

.child_intro .picWrap img {
    width: 190px;
}

.child_intro .text_wrap {
    position: relative;
    flex: 1;
    margin-left: 25px;
}

    .child_intro .text_wrap .title {
        display: block;
        font-size: 35px;
        line-height: 1.3em;
        margin-bottom: 35px;
        font-family: 'noto_r';
        color: #121212;
        letter-spacing: -1px;
    }

        .child_intro .text_wrap .title em {
            font-family: 'noto_b';
        }

    .child_intro .text_wrap .txt_left {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .child_intro .text_wrap .label_child {
        height: auto;
        border-radius: 16px;
        padding: 3px 10px 4px;
        margin-bottom: 5px;
    }

    .child_intro .text_wrap .label_txt {
        font-size: 17px;
        line-height: 1.33;
    }

.subContents.mypage .child_intro .name {
    font-size: 23px;
    color: #262626;
    display: block;
    padding-bottom: 14px;
}

    .subContents.mypage .child_intro .name em {
        font-family: 'noto_b';
    }

.child_intro .con {
    color: #262626;
    line-height: 28px;
    height: auto;
    font-size: 17px;
}

.child_intro .fc_navy {
    color: #0055AC;
}

.child_intro .text_wrap .mychild_btns {
    position: absolute;
    right: 0;
    bottom: 0;
}

.child_intro .mychild_btns > span {
    vertical-align: bottom;
}

.child_intro .btn_mychild_action {
    width: 98px;
    height: 90px;
    display: inline-block;
    margin-left: 7px;
    border-radius: 4px;
    position: relative;
    background: #f5f5f5;
    vertical-align: bottom;
}

    .child_intro .btn_mychild_action.letter {
        background: #ffdd33;
    }

    .child_intro .btn_mychild_action .icon {
        display: block;
        height: 60px;
    }

    .child_intro .btn_mychild_action .txt {
        font-family: 'noto_m';
        font-size: 13px;
        line-height: 1.33;
        color: #444;
        text-align: center;
        text-decoration: none;
        display: block;
    }

    .child_intro .btn_mychild_action.letter .icon {
        background: url(/common/img/icon/letter.png) no-repeat center 16px;
        background-size: 40px;
    }

    .child_intro .btn_mychild_action.gift .icon {
        background: url(/common/img/icon/gift_2.png) no-repeat center 16px;
        background-size: 40px;
        color: #777778;
    }

    .child_intro .btn_mychild_action.diary .icon {
        background: url(/common/img/icon/diary.png) no-repeat center 16px;
        background-size: 40px;
        color: #777778;
    }

/* 마이컴패션 - 메인 - 아이 정보 (마이컴패션 메인) */
.subContents.mypage .my .child_intro {
    background-color: #FBFBFB;
    padding: 30px;
    margin-left: -30px;
    margin-right: -30px;
}
.my .child_intro .text_wrap .title {
    padding-right: 180px;
}
.my .child_intro .btn_mychildren {
    font-size: 13px;
    line-height: 1.33;
    color: #555;
    position: absolute;
    right: 0;
    top: 8px;
    padding: 5px 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

/* 마이컴패션 - 메인 - 기도나눔 */
.subContents.mypage .main_prayer {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -30px;
    margin-right: -30px;
    width: auto;
    min-width: auto;
}

    .subContents.mypage .main_prayer .prayer_txt {
        width: 670px !important;
    }

/* 마이컴패션 - 메인 - my_tab */
.subContents.mypage .tbl_sort .posR {
    position: absolute;
    right: 0;
    top: -7px;
}

.subContents.mypage .my_tab .alert {
    position: absolute;
    right: 12px;
    top: 8px;
}

.subContents.mypage .my_tab .new {
    color: #FF3B30;
    font-family: 'noto_b';
    font-size: 13px;
}

.subContents.mypage .my_tab_layer1 .tac:after {
    content: '';
    clear: both;
    display: block;
}

.subContents.mypage .my_tab_layer1 .btn_type3 {
    position: relative;
    float: right;
}


/* 마이컴패션 - 메인 - 아이콘 */
.icon_my {
    display: inline-block;
    background: url('/common/img/page/my/icon_my_main.png') no-repeat;
}

    .icon_my.icon_my_alarm {
        height: 29px;
        width: 25px;
        background-position: top left;
    }



/*
 * 마이컴패션 - 나의어린이 - 리스트
 *------------------------------------------*/
/* 마이컴패션 - 나의어린이 - 리스트 - 양육 및 후원 선택 */
.subContents.mypage .child_sort {
    display: flex;
    justify-content: space-between;
}

.subContents.mypage .child_sort_left .select,
.subContents.mypage .child_sort_left .select span {
    font-family: 'noto_b';
}

.subContents.mypage .child_amount {
    color: #003E7E;
}

.subContents.mypage .overTwo::after {
    content: " ";
    display: block;
    clear: both;
}

.subContents.mypage .childBox .wrap_caption {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 18px 16px;
    border-bottom: 1px solid #e8e8e8;
}

    .subContents.mypage .childBox .wrap_caption .left_area {
        display: table-cell;
        vertical-align: middle;
    }

    .subContents.mypage .childBox .wrap_caption .right_area {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
    }

.subContents.mypage .childBox .child_info {
    margin-bottom: 0;
}

    .subContents.mypage .childBox .child_info:hover {
        text-decoration: none;
    }

        .subContents.mypage .childBox .child_info:hover .name {
            text-decoration: underline;
        }


/*
 * 마이컴패션 - 나의어린이 - 상세
 *------------------------------------------*/
/* 마이컴패션 - 나의어린이 - 상세 - 아이 소개 */
.subContents.mypage .child_info {
    margin-bottom: 40px;
}

    .subContents.mypage .child_info .label_child.meet {
        border-radius: 20px;
        height: auto;
        padding: 8px 20px 10px;
        margin-bottom: 10px;
    }

        .subContents.mypage .child_info .label_child.meet .label_txt {
            font-size: 15px;
            line-height: 1.33;
        }

    .subContents.mypage .child_info .sub_title {
        display: block;
        font-size: 19px;
        color: #000000;
        font-family: 'noto_m';
        margin-bottom: 10px;
    }

    .subContents.mypage .child_info .sub_description {
        display: block;
        font-size: 15px;
        color: #000000;
        font-family: 'noto_l';
        margin-bottom: 30px;
    }

.subContents.mypage .detail_info {
    font-size: 15px;
    line-height: 1.33;
    font-family: 'noto_r';
    padding-top: 30px;
    margin-bottom: 20px;
    border-top: 1px solid #e8e8e8;
}

    .subContents.mypage .detail_info .field,
    .subContents.mypage .detail_info .ng-binding {
        margin: 5px 0;
        display: inline-block;
    }

    .subContents.mypage .detail_info .field {
        width: 90px;
        color: #717171;
    }

.subContents.mypage .detail_message {
    display: block;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 10px;
}


.subContents.mypage .child_info .ng-binding {
    color: #000000;
    font-size: 14px;
}

.subContents.mypage .myChild.view .mynation {
    font-size: 22px;
    color: #333;
    margin-bottom: 15px;
}

/* 마이컴패션 - 나의어린이 - 상세 - [Tab]편지함 */
.subContents.mypage .mailbox {
    display: flex;
}

    .subContents.mypage .mailbox .mail_area {
        flex: 1;
        margin-right: 40px;
        vertical-align: top;
    }

    .subContents.mypage .mailbox .list li:after {
        display: block;
        height: 0;
        clear: both;
        content: ".";
        visibility: hidden;
    }

    .subContents.mypage .mailbox .list li {
        margin-bottom: 30px;
    }

        .subContents.mypage .mailbox .list li .pic {
            float: left;
            display: inline-block;
            width: 66px;
            height: 66px;
            background-size: cover !important;
            text-indent: -9999px;
            border-radius: 33px;
        }

        .subContents.mypage .mailbox .list li .listCon {
            display: block;
            height: 66px;
            margin-left: 90px;
            padding: 10px 0 0 25px;
            background: #fbfbfb;
            border: 1px solid #e8e8e8;
            border-radius: 4px;
            position: relative;
        }

            .subContents.mypage .mailbox .list li .listCon .arr {
                display: inline-block;
                width: 7px;
                height: 16px;
                background: url('/common/img/bu/arr_9.png') no-repeat 0 0;
                position: absolute;
                left: -7px;
                top: 25px;
            }

            .subContents.mypage .mailbox .list li .listCon .name {
                display: inline-block;
                font-size: 15px;
                color: #333;
                margin-bottom: 3px;
                vertical-align: middle;
            }

            .subContents.mypage .mailbox .list li .listCon .new {
                display: inline-block;
                width: 24px;
                height: 24px;
                text-indent: -9999px;
                background: url('/common/img/icon/new_2.png') no-repeat;
                vertical-align: middle;
                margin-left: 10px;
            }

            .subContents.mypage .mailbox .list li .listCon .bar {
                display: inline-block;
                width: 1px;
                height: 10px;
                background: #c9c9c9;
                margin: 0 6px;
                vertical-align: middle;
            }

            .subContents.mypage .mailbox .list li .listCon span {
                font-size: 13px;
                vertical-align: middle;
            }

            .subContents.mypage .mailbox .list li .listCon a {
                font-size: 13px;
                vertical-align: middle;
                padding-top: 1px;
            }

            .subContents.mypage .mailbox .list li .listCon .txt_status {
                color: #ff5d05;
            }

            .subContents.mypage .mailbox .list li .listCon .btns {
                position: absolute;
                right: 15px;
                bottom: 9px;
            }

        .subContents.mypage .mailbox .list li.send .pic {
            float: right;
        }

        .subContents.mypage .mailbox .list li.send .listCon {
            display: block;
            margin-right: 90px;
            margin-left: 0;
        }

            .subContents.mypage .mailbox .list li.send .listCon .arr {
                background-position: 0 -16px;
                position: absolute;
                left: auto;
                right: -7px;
                top: 25px;
            }

    .subContents.mypage .mailbox .bnr_area {
        flex: none;
        width: 320px;
    }

    .subContents.mypage .mailbox .bnr_write {
        height: 435px;
        text-align: center;
        padding-top: 110px;
        background: url('/common/img/page/my/bg_mailbox.png') no-repeat;
        vertical-align: top;
    }

        .subContents.mypage .mailbox .bnr_write .tit {
            font-family: noto_r;
            font-size: 18px;
            color: #333;
        }

        .subContents.mypage .mailbox .bnr_write .bar {
            display: inline-block;
            width: 1px;
            height: 40px;
            background: #ddbe23;
            margin: 20px 0;
        }

        .subContents.mypage .mailbox .bnr_write .con {
            font-size: 15px;
            color: #7c6a10;
            line-height: 24px;
            margin-bottom: 25px;
        }

/* 마이컴패션 - 나의어린이 - 상세 - [Tab]선물금 */
.my_tab_content + .my_tab_content {
    margin-top: 70px;
}

.my_tab_content .tab_content_tit {
    margin-bottom: 15px;
}

    .my_tab_content .tab_content_tit .s_tit3 {
        vertical-align: middle;
    }



/*
 * 마이컴패션 - 나의어린이 - 상세(같이양육)
 *------------------------------------------*/
/* 마이컴패션 - 나의어린이 - 상세(같이양육) - 그룹카드 */
.sponsor_card {
    display: flex;
    min-height: 250px;
}

    .sponsor_card .card_left {
        position: relative;
        flex: none;
        width: 230px;
        background-color: #0055AC;
        padding: 20px 25px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

        .sponsor_card .card_left .group_card_title {
            color: #fff;
            font-size: 23px;
            font-family: 'noto_m';
        }

        .sponsor_card .card_left .group_number {
            color: #B3CCE6;
            font-size: 15px;
            font-family: 'noto_r';
        }

        .sponsor_card .card_left .group_letter {
            color: #fff;
            font-size: 17px;
            margin-top: 8px;
        }

        .sponsor_card .card_left a.group_letter_number {
            font-family: 'noto_r';
            font-size: 17px;
            margin-left: 7px;
            color: #fff;
        }

        .sponsor_card .card_left .group_info {
            position: absolute;
            bottom: 25px;
            left: 20px;
            right: 20px;
        }

        .sponsor_card .card_left .label_child {
            background-color: #fff;
            border-color: transparent;
            margin-bottom: 5px;
        }

            .sponsor_card .card_left .label_child .label_txt {
                color: #0155A6;
            }

        .sponsor_card .card_left .group_desc {
            color: #fff;
            font-size: 15px;
            word-break: keep-all;
            display: block;
        }

    .sponsor_card .card_right {
        flex: 1;
        background-color: #F1F2F4;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
        font-size: 0;
        padding: 25px;
    }

    .sponsor_card .sponsor_list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 100%;
    }

    .sponsor_card .sponsor_item {
        flex: none;
        display: table;
        width: 100%;
        table-layout: fixed;
        margin-bottom: 15px;
    }

        .sponsor_card .sponsor_item:last-child {
            margin-bottom: 0;
        }

    .sponsor_card .sponsor_img,
    .sponsor_card .sponsor_info,
    .sponsor_card .sponsor_btns {
        display: table-cell;
        vertical-align: middle;
    }

    .sponsor_card .sponsor_img {
        width: 100px;
    }

        .sponsor_card .sponsor_img .sponsor_thumb {
            width: 80px;
            height: 80px;
            overflow: hidden;
            border-radius: 50%;
            vertical-align: middle;
            display: inline-block;
        }

    .sponsor_card .sponsor_info .sponsor_name {
        font-size: 17px;
        line-height: 1.33;
        font-family: 'noto_b';
        color: #171717;
        vertical-align: middle;
    }

    .sponsor_card .sponsor_info .label_child {
        vertical-align: middle;
        padding: 3px 10px 2px;
        margin-left: 7px;
        background-color: #fff;
    }

    .sponsor_card .sponsor_info .sponsor_label {
        display: inline-block;
    }

    .sponsor_card .sponsor_info .arrow_box .txt_arrow_box {
        font-size: 13px;
        color: #DF4523;
        line-height: 1.6;
        font-family: 'noto_m';
        display: block;
        width: 230px;
    }

    .sponsor_card .sponsor_info .sponsor_desc {
        font-size: 15px;
        color: #171717;
        display: block;
        max-height: 40px;
        overflow: hidden;
        margin-top: 5px;
    }

        .sponsor_card .sponsor_info .sponsor_desc.unset {
            color: #DF4523;
        }

    .sponsor_card .sponsor_btns {
        text-align: right;
    }

    /* "알고계세요?" 레이어 */
    .sponsor_card .sponsor_label {
        position: relative;
    }

        .sponsor_card .sponsor_label .arrow_box {
            display: none;
            position: absolute;
            left: 103px;
            top: -38px;
            font-size: 15px;
            z-index: 1;
        }

        .sponsor_card .sponsor_label .arrow_box {
            background: #fff;
            border-radius: 5px;
            padding: 20px 30px 20px 20px;
            box-shadow: 0px 2px 4px #0000001f;
        }

            .sponsor_card .sponsor_label .arrow_box:after {
                right: 100%;
                top: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(255, 250, 250, 0);
                border-right-color: #fff;
                border-width: 10px;
                margin-top: -10px;
            }


/*
 * 마이컴패션 - 나의어린이 - 상세 - 설장앨범
 *------------------------------------------*/
.pop_type1 .pop_content.growth_pic {
    padding: 30px 0px 0;
}

.pop_type1 .growth_pic .tac {
    background-color: #F3F3F3;
    padding: 20px 30px;
}

.pop_type1 .page_amount {
    color: #626363;
    font-family: 'noto_m';
    font-size: 14px;
    float: right;
    padding-top: 8px;
}

.pop_type1 .page_number {
    color: #005eb8;
    font-family: 'noto_d';
    font-size: 21px;
}


/*
 * 마이컴패션 - 편지함
 *------------------------------------------*/
/* 마이컴패션 - 편지함 - 편지함 */
.letter .s_tit5 {
    display: inline-block;
}

.subContents.mypage .tbl_child td.detail .detail_top span {
    margin: 0;
}

    .subContents.mypage .tbl_child td.detail .detail_top span.label_child {
        margin: 0 0 0 5px;
    }

    .subContents.mypage .tbl_child td.detail .detail_top span.label_txt {
        margin: 0;
    }

/* 마이컴패션 - 편지함 - 1:1 편지쓰기 */
.subContents.mypage .letter .sel_letter .box2 .icon {
    width: 58px;
}

.subContents.mypage .letter .sel_letter .box3 .icon {
    background: url('/common/img/page/my/icon_letter.png') no-repeat;
    background-position: -152px 0;
    width: 58px;
}

/* 마이컴패션 - 편지함 - 그룹 편지쓰기 */
.subContents.mypage .desc_item {
    color: #171717;
    font-size: 15px;
    font-family: 'noto_r';
    padding: 3px 0 3px 10px;
    position: relative;
}

    .subContents.mypage .desc_item em {
        color: #FF0000;
    }

    .subContents.mypage .desc_item:before {
        content: '';
        position: absolute;
        left: 0;
        top: 13px;
        display: inline-block;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #171717;
    }

.subContents.mypage .letters_subject .subject_list {
    list-style: none;
    margin: 0;
}

.subContents.mypage .letters_subject .subject_item {
    color: #767676;
    font-size: 16px;
    font-family: 'noto_r';
    position: relative;
    padding-left: 10px;
    padding-bottom: 5px;
}

    .subContents.mypage .letters_subject .subject_item:before {
        content: '';
        position: absolute;
        left: 0;
        top: 10px;
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #767676;
    }

.subContents.mypage .letter_paper.bg_group {
    position: relative;
    padding: 0;
    background: url(/common/img/page/my/bg_letter_group.jpg) no-repeat;
}

    .subContents.mypage .letter_paper.bg_group .textarea_letter_group {
        font-size: 14px;
        line-height: 22px;
        color: #333;
        position: absolute;
        left: 50px;
        top: 150px;
        box-sizing: border-box;
        width: 390px;
        height: 200px;
        padding: 15px;
        border-radius: 7px;
        border: 1px dashed #B4BCC7;
        background-color: #E6EAF0;
        resize: none;
    }



/*
 * 마이컴패션 - 나의펀딩관리
 *------------------------------------------*/
.funding_box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 70px;
}

    .funding_box .myinfo {
        flex: none;
    }

.subContents.mypage .funding .myinfo {
    width: 270px;
    border-radius: 0px;
}

.funding_box .myFunding {
    flex: 1;
    padding: 25px;
    border: 1px solid #d9d9d9;
}

.subContents.mypage .funding .myFunding {
    position: static;
    border-radius: 0px;
}

.funding_box .accrue {
    flex: none;
    width: 100%;
    padding: 25px;
    border: 1px solid #d9d9d9;
    border-top-width: 0;
}

.subContents.mypage .funding .accrue .tit {
    margin-bottom: 20px;
}


/*
 * 마이컴패션 - 알림
 *------------------------------------------*/
.board_alarm {
    margin-top: -30px;
    margin-bottom: 20px;
}

    .board_alarm .alarm_date_item {
        padding: 25px;
        border-bottom: 1px solid #ccc;
    }

    .board_alarm .alarm_item {
        padding: 18px 0;
        border-bottom: 1px dashed #e5e5e5;
    }

        .board_alarm .alarm_item:last-child {
            padding-bottom: 0;
            border-bottom-width: 0;
        }

        .board_alarm .alarm_item.checked .alarm_title,
        .board_alarm .alarm_item.checked .alarm_desc {
            color: #999;
        }

    .board_alarm .alarm_anchor:hover {
        text-decoration: none;
    }

        .board_alarm .alarm_anchor:hover .alarm_title {
            text-decoration: underline;
        }

        /* 2019.02.08 이종진 [Nto1] 알림링크가 없을 경우, 클릭된다는 css를 없앰 */
        .board_alarm .alarm_anchor:hover .alarm_title.none_underline {
            text-decoration: none;
        }

    .board_alarm .alarm_title {
        font-size: 18px;
        line-height: 1.33;
        color: #0155A6;
        font-family: 'noto_m';
    }

    .board_alarm .alarm_desc {
        font-size: 15px;
        line-height: 20px;
        color: #444;
        word-break: keep-all;
        margin-top: 8px;
    }
    /* 접혀있는 경우 */
    .board_alarm .alarm_item .alarm_desc {
        overflow: hidden;
    }

    .board_alarm .alarm_more {
        margin-top: 10px;
    }

    .board_alarm .btn_more {
        font-family: 'noto_m';
        font-size: 15px;
        line-height: 1.33;
        color: #000;
        text-decoration: underline;
    }
    /* 상단고정(공지사항) */
    .board_alarm .alarm_date_item.fixed {
        background-color: #f9f6f1;
    }

        .board_alarm .alarm_date_item.fixed .label_alarm {
            border-color: #df4523;
        }

        .board_alarm .alarm_date_item.fixed .label_txt {
            color: #df4523;
        }

        .board_alarm .alarm_date_item.fixed .alarm_title {
            color: #000;
        }


/*
 * 마이컴패션 - 스탬프투어
 *------------------------------------------*/
/* 어린이추천 이미지 */
.subContents.mypage .activity .cad_info .reco_child {
    width: 920px;
}


/*
 * 마이컴패션 - 개인정보 수정
 *------------------------------------------*/
.subContents.member .myInfo {
    text-align: left;
}

.subContents.member.mypage .input_div .login_input {
    width: 708px;
}

/*
 * 마이컴패션 - 회원탈퇴
 *------------------------------------------*/
.subContents.mypage .withdraw .sub_desc .txt2 {
    padding-top: 10px;
}

/*
* 초대장 팝업
*------------------------------------------*/
.pop_invitation_cover {
    position: fixed;
    left: 0;
    right: 0;
    top: -400px;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1000;
}
.pop_invitation {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 460px;
    margin-left: -230px;
}

    .pop_invitation .inv_head {
        position: absolute;
    }

        .pop_invitation .inv_head.mail {
            top: -80px;
            left: 90px;
        }

        .pop_invitation .inv_head.alarm {
            left: 140px;
            top: -70px;
        }

        .pop_invitation .inv_head.again {
            top: -70px;
            left: 140px;
        }

    .pop_invitation .inv_body {
        padding: 100px 30px 30px;
        background-color: #fff;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        text-align: center;
    }

        .pop_invitation .inv_body img {
            position: absolute;
            top: 30px;
            right: 30px;
        }

        .pop_invitation .inv_body .inv_tit {
            font-size: 30px;
            line-height: 1.33;
            color: #171717;
            font-family: 'noto_m';
            margin-bottom: 15px;
        }

        .pop_invitation .inv_body .inv_txt {
            font-size: 16px;
            line-height: 1.6;
            color: #4D4D4D;
            font-family: 'noto_d';
        }

        .pop_invitation .inv_body .inv_time {
            font-size: 14px;
            line-height: 1.33;
            color: #F44A51;
            font-family: 'noto_d';
            margin-top: 12px;
        }

        .pop_invitation .inv_body .inv_code {
            font-size: 18px;
            line-height: 1.33;
            color: #F44A51;
            font-family: 'noto_b';
            margin-top: 30px;
        }

    .pop_invitation .inv_foot .btn_inv_foot {
        padding: 18px 25px;
        width: 100%;
        background-color: #005eb8;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .pop_invitation .inv_foot .btn_txt {
        font-size: 18px;
        color: #fff;
        font-family: 'noto_m';
    }


/*
 * 같이양육 소개페이지
 *------------------------------------------*/
.subContents.sponsor .group .visual {
    /* 2019.02.19 이종진 [Nto1] 이미지교체 */
    /*background: url('/common/img/page/sponsor/group_visual_1.png')no-repeat center top;*/
    background: url('/common/img/page/sponsor/group_visual_1.png')no-repeat center top;
}

    .subContents.sponsor .group .visual .w980 {
        padding-top: 155px;
    }

/* 같이양육 소개페이지 - 청소년 후원이유 */
.subContents.sponsor .group .life {
    background: #D6E9F2;
}

.subContents.sponsor .mantoman .life .how_list .how {
    padding-top: 120px;
}

.subContents.sponsor .mantoman .life .how_list .how.how1 {
    background: #fff url('/common/img/page/sponsor/icon_group_1.png') no-repeat center 47px;
}

.subContents.sponsor .mantoman .life .how_list .how.how2 {
    background: #fff url('/common/img/page/sponsor/icon_group_2.png') no-repeat center 47px;
}

.subContents.sponsor .mantoman .life .how_list .how.how3 {
    background: #fff url('/common/img/page/sponsor/icon_group_3.png') no-repeat center 47px;
}

.subContents.sponsor .mantoman .life .how_list .how.how4 {
    background: #fff url('/common/img/page/sponsor/icon_group_4.png') no-repeat center 47px;
}

.subContents.sponsor .mantoman .life .how_list .how .howCon {
    padding-left: 10px;
    padding-right: 10px;
}

.subContents.sponsor .mantoman .life .how_list .how2 .howCon {
    padding-top: 60px;
    background-position-y: 30px;
}

/* 일대일 후원
*------------------------------------------*/
/* 후원자 후기 */
.subContents .sponsor_review {
    text-align: center;
}

.subContents .sponsor_review .tit {
    font-size: 30px;
    color: #121212;
    font-family: 'noto_m';
    margin-bottom: 30px;
}

.subContents .sponsor_review .bar {
    background: #428dce;
    display: inline-block;
    width: 2px;
    height: 40px;
    margin-bottom: 30px;
    opacity: 0.6;
}

.subContents .sponsor_review .review_list {
    width: 730px;
}

.subContents .sponsor_review .review_item {
    padding: 20px;
}

    .subContents .sponsor_review .review_item:first-child {
        padding-top: 0px;
    }

    .subContents .sponsor_review .review_item:last-child {
        border-bottom: none;
    }

.subContents .sponsor_review .img {
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 20px;
}

.subContents .sponsor_review .list_con {
    vertical-align: middle;
    display: inline-block;
}

.subContents .sponsor_review .s_con3 {
    margin-bottom: 6px;
}

.subContents .sponsor_review .sponsor_name {
    font-size: 13px;
    color: #4a4a4a;
    font-family: 'noto_m';
}
/* 후원자 바로가기 링크 */
.subContents .sponsor_link {
    background-color: #005eb8;
}

    .subContents .sponsor_link .link_wrap {
        padding-top: 50px;
        padding-bottom: 60px;
        text-align: center;
    }

    .subContents .sponsor_link .quick_link {
        display: inline-block;
        margin-left: 50px;
    }

        .subContents .sponsor_link .quick_link:first-child {
            margin-left: 0px;
        }

    .subContents .sponsor_link .img_quick_link {
        height: 60px;
        margin: 0 auto 20px;
    }

    .subContents .sponsor_link .btn_b_type2 {
        display: inline-block;
    }


/*

/* 같이양육 소개페이지 - 후원진행방법 */
.subContents.sponsor .sponsor_process {
    margin: 100px 0;
    text-align: center;
}

    .subContents.sponsor .sponsor_process .tit {
        font-size: 30px;
        color: #000;
        font-family: 'noto_m';
        margin-bottom: 30px;
    }

    .subContents.sponsor .sponsor_process .con {
        color: #333;
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .subContents.sponsor .sponsor_process .image_wrap {
        display: inline-block;
    }

    /*.subContents.sponsor .sponsor_process .process_img {
        margin-bottom: 80px;
    }*/

    .subContents.sponsor .sponsor_process .process_row {
        width: 100%;
        display: table;
    }

    .subContents.sponsor .sponsor_process .process_explain {
        display: table-cell;
        width: 33.33%;
        padding: 0 5px;
    }

    .subContents.sponsor .sponsor_process .process {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        padding: 38px 31px;
        background: #005eb8;
        margin-bottom: 22px;
        display: inline-block;
    }

    .subContents.sponsor .sponsor_process .ico_process {
        background: url('/common/img/page/sponsor/icon_group.png') no-repeat;
        width: 58px;
        height: 44px;
        vertical-align: middle;
        display: inline-block;
    }

    .subContents.sponsor .sponsor_process .ico_process1 {
        background-position: 0 0;
    }

    .subContents.sponsor .sponsor_process .ico_process2 {
        background-position: -100px 0;
    }

    .subContents.sponsor .sponsor_process .ico_process3 {
        background-position: -200px 0;
    }

    .subContents.sponsor .sponsor_process .ico_process4 {
        background-position: -300px 0;
    }

    .subContents.sponsor .sponsor_process .ico_process5 {
        background-position: -400px 0;
    }

    .subContents.sponsor .sponsor_process .ico_process6 {
        background-position: -500px 0;
    }

    .subContents.sponsor .sponsor_process .process_tit {
        font-size: 18px;
        color: #333333;
        padding-bottom: 12px;
        font-family: 'noto_m';
    }

    .subContents.sponsor .sponsor_process .process_desc {
        font-size: 15px;
        color: #858585;
        padding-bottom: 12px;
    }

/* 같이양육 소개페이지 - 셋이서 함께 */
.subContents.sponsor .mantoman .three_together {
    width: 100%;
    min-width: 980px;
    height: 400px;
    background: url('/common/img/page/sponsor/group_visual_3.png') no-repeat center;
    padding-top: 100px;
}

.subContents.sponsor .mantoman .text_area {
    position: relative;
    /* 2019.02.28 [Nto1] 이종진 요청에의해 가운데정렬 */
    /*left: 160px;*/
    display: inline-block;
}

.subContents.sponsor .mantoman .three_together_tit {
    display: inline-block;
    color: #fff;
    font-size: 40px;
    padding-bottom: 32px;
}

.subContents.sponsor .mantoman .btn_area .link {
    color: #fff;
    text-decoration: underline;
}
.subContents.sponsor .mantoman .btn_area .link:hover {
    font-family: 'noto_b';
}

/*.subContents.sponsor .mantoman .btn_area {
    display: flex;
    justify-content: space-evenly;
}*/

/*.subContents.sponsor .mantoman .btn_type1 {
    font-family: 'noto_b';
    font-size: 15px;
    color: #005eb8;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
    padding: 0 50px;
    border-radius: 30px;
}*/

.subContents.sponsor .mantoman .btn_sponsor_txt {
    font-family: inherit;
}

/*.subContents.sponsor .mantoman .btn_type1:hover {
    transition: background-color .3s, color .3s;
    background-color: #005eb8;
    color: #fff;
}*/

.subContents.sponsor .sponsor_process .link {
    text-decoration: underline;
    color: #333;
}

.subContents.sponsor .sponsor_process .link:hover {
    font-family: 'noto_b';
}

/* 같이양육 소개페이지 - 자주 묻는 질문 */
.subContents.sponsor .mantoman .faq .faqLayer2 .con {
    background: none;
    padding: 0;
    line-height: 2;
}

.subContents.sponsor .mantoman .faq .faqLayer3 .con {
    font-size: 15px;
    color: #767676;
    line-height: 24px;
}

    .subContents.sponsor .mantoman .faq .faqLayer3 .con span {
        display: inline-block;
        font-family: noto_r;
        font-size: 18px;
        color: #005eb8;
        margin-bottom: 15px;
    }

/*
 * 컴패션 소개 - 컴패션 양육
 *------------------------------------------*/
/* 전인적 양육 */
.nurture_whole .whole_title {
    text-align: center;
    padding: 50px 0;
    margin-bottom: 50px;
    border-bottom: 1px solid #E8E8E8;
}

    .nurture_whole .whole_title .title {
        font-family: 'noto_m';
        font-size: 30px;
        line-height: 1.33;
        color: #121212;
        margin-bottom: 25px;
    }

    .nurture_whole .whole_title .desc {
        font-family: 'noto_d';
        font-size: 24px;
        line-height: 1.5;
        color: #333;
    }

        .nurture_whole .whole_title .desc em {
            color: #005eb8;
        }

    .nurture_whole .whole_title .title_l {
        font-family: 'noto_d';
        font-size: 30px;
        line-height: 1.33;
        color: #121212;
        flex: none;
        width: 300px;
    }

    .nurture_whole .whole_title .title_r {
        font-family: 'noto_r';
        font-size: 26px;
        line-height: 1.33;
        color: #333;
        flex: 1;
    }

        .nurture_whole .whole_title .title_r em {
            font-family: 'noto_m';
            color: #005eb8;
        }

.nurture_whole .whole_curriculum {
    text-align: center;
}

    .nurture_whole .whole_curriculum .bar {
        background-color: #005eb8;
        opacity: 1;
    }

.nurture_whole .curr_title {
    font-family: 'noto_m';
    font-size: 22px;
    line-height: 1.33;
    color: #005eb8;
    margin-bottom: 25px;
}

.nurture_whole .curr_outcome {
    padding: 25px 0;
    margin-bottom: 25px;
    background-color: #005eb8;
}

    .nurture_whole .curr_outcome .outcome_txt1 {
        font-family: 'noto_m';
        font-size: 22px;
        line-height: 1.33;
        color: #fff;
    }

    .nurture_whole .curr_outcome .outcome_txt2 {
        font-family: 'noto_r';
        font-size: 15px;
        line-height: 1.33;
        color: #fff;
        margin-top: 10px;
    }

.nurture_whole .curr_set {
    text-align: left;
}

    .nurture_whole .curr_set .curr_cate {
        width: 170px;
        padding-right: 20px;
    }

.nurture_whole .curr_set_title {
    display: flex;
    padding: 20px 30px;
    background-color: #F1F2F5;
    border-bottom: 1px solid #E8E8E8;
}

    .nurture_whole .curr_set_title .curr_cate {
        font-family: 'noto_m';
        font-size: 15px;
        line-height: 1.33;
        color: #121212;
        flex: none;
    }

    .nurture_whole .curr_set_title .curr_desc {
        font-family: 'noto_r';
        font-size: 15px;
        line-height: 1.33;
        color: #121212;
        flex: 1;
    }

.nurture_whole .age_item {
    border-bottom: 1px solid #E8E8E8;
}

    .nurture_whole .age_item .btn_age {
        font-family: 'noto_r';
        font-size: 15px;
        line-height: 1.33;
        color: #121212;
        text-align: left;
        position: relative;
        width: 100%;
        padding: 20px 30px;
    }

        .nurture_whole .age_item .btn_age:after {
            content: '';
            position: absolute;
            right: 20px;
            top: calc(50% - 6px);
            display: inline-block;
            width: 24px;
            height: 13px;
            background: url(../../common/img/bu/down_2.png) no-repeat;
        }

    .nurture_whole .age_item.on .btn_age:after {
        background-image: url(../../common/img/bu/up_2.png)
    }

    .nurture_whole .age_item .content_age {
        display: none;
    }

.nurture_whole .curr_list {
    padding: 20px 30px;
    border-top: 1px solid #e8e8e8;
}

.nurture_whole .curr_item {
    display: flex;
    padding: 5px 0;
}

    .nurture_whole .curr_item .curr_cate {
        font-family: 'noto_m';
        font-size: 14px;
        line-height: 1.33;
        color: #121212;
        flex: none;
    }

    .nurture_whole .curr_item .curr_desc {
        font-size: 14px;
        line-height: 1.33;
        color: #767676;
        flex: 1;
    }

.nurture_whole .suppl_item {
    display: inline-block;
    min-width: 80px;
    margin: 20px 30px 0 0;
    vertical-align: top;
}

    .nurture_whole .suppl_item:last-child {
        margin-right: 0;
    }

    .nurture_whole .suppl_item .icon_area {
        width: 40px;
        height: 40px;
        margin: 5px auto;
        background: url(../../common/img/page/about-us/suppl_icon.png) no-repeat;
    }

    .nurture_whole .suppl_item:nth-child(1) .icon_area {
        background-position: left top;
    }

    .nurture_whole .suppl_item:nth-child(2) .icon_area {
        background-position: -40px top;
    }

    .nurture_whole .suppl_item:nth-child(3) .icon_area {
        background-position: -80px top;
    }

    .nurture_whole .suppl_item:nth-child(4) .icon_area {
        background-position: -120px top;
    }

    .nurture_whole .suppl_item:nth-child(5) .icon_area {
        background-position: -160px top;
    }

    .nurture_whole .suppl_item:nth-child(6) .icon_area {
        background-position: -200px top;
    }

    .nurture_whole .suppl_item:nth-child(7) .icon_area {
        background-position: -240px top;
    }

    .nurture_whole .suppl_item .txt_area {
        font-size: 13px;
        line-height: 1.33;
        color: #767676;
        text-align: center;
    }

/* 교육 */
.nurture_edu .edu_bg {
    text-align: center;
    min-width: 980px;
    height: 370px;
    padding-top: 55px;
    margin-top: 80px;
    background: url(../../common/img/page/about-us/visual_edu.jpg) no-repeat center top;
}

    .nurture_edu .edu_bg .bar {
        margin: 25px 0;
    }

    .nurture_edu .edu_bg .s_tit6 {
        color: #fff;
        margin-bottom: 10px;
    }

.nurture_edu .edu_feature {
    display: flex;
    width: 910px;
    padding: 50px 0;
    margin: 0 auto;
    border-bottom: 1px solid #e8e8e8;
}

    .nurture_edu .edu_feature .feature_item {
        text-align: center;
        flex: 1;
    }

    .nurture_edu .edu_feature .img_area img {
        margin: 0 auto;
    }

    .nurture_edu .edu_feature .txt_area {
        margin-top: 20px;
    }

        .nurture_edu .edu_feature .txt_area .title {
            font-family: 'noto_m';
            font-size: 22px;
            line-height: 1.33;
            color: #333;
        }

        .nurture_edu .edu_feature .txt_area .desc {
            font-size: 15px;
            line-height: 1.5;
            color: #767676;
            margin-top: 10px;
        }

.nurture_edu .edu_chkl {
    padding-top: 50px;
}

    .nurture_edu .edu_chkl .chkl_title {
        font-size: 22px;
        line-height: 1.33;
        color: #005eb8;
    }

    .nurture_edu .edu_chkl .chk_list {
        display: flex;
        align-items: stretch;
        padding: 30px 0;
        background-color: #F5F5F5;
    }

    .nurture_edu .edu_chkl .chk_item {
        text-align: center;
        flex: 1;
        position: relative;
    }

        .nurture_edu .edu_chkl .chk_item:after {
            content: '';
            position: absolute;
            right: 0;
            top: 40px;
            bottom: 0;
            width: 1px;
            background-color: #e8e8e8;
        }

        .nurture_edu .edu_chkl .chk_item:last-child:after {
            display: none;
        }

        .nurture_edu .edu_chkl .chk_item .item_title {
            font-family: 'noto_m';
            font-size: 20px;
            line-height: 1.33;
            color: #005eb8;
        }

        .nurture_edu .edu_chkl .chk_item .item_desc {
            font-size: 15px;
            line-height: 1.8;
            color: #767676;
            margin-top: 15px;
        }

/* 가난 */
.nurture_poverty .poverty_bg {
    text-align: center;
    min-width: 980px;
    height: 370px;
    padding-top: 65px;
    margin-top: 80px;
    background: url(../../common/img/page/about-us/visual_poverty.jpg) no-repeat center top;
}

.nurture_poverty .poverty_lie {
    text-align: center;
    padding: 50px 0;
    margin-top: 30px;
    margin-bottom: 50px;
    background-color: #f5f5f5;
}

    .nurture_poverty .poverty_lie .lie_title {
        font-family: 'noto_m';
        font-size: 22px;
        line-height: 1.33;
        color: #333;
    }

    .nurture_poverty .poverty_lie .lie_quotation {
        font-size: 15px;
        line-height: 1.8;
        color: #767676;
        margin-top: 15px;
    }

    .nurture_poverty .poverty_lie .lie_source {
        font-size: 13px;
        line-height: 1.33;
        color: #767676;
        margin-top: 30px;
    }

.nurture_poverty .poverty_with {
    text-align: center;
}

    .nurture_poverty .poverty_with .bar {
        background-color: #005eb8;
        opacity: 1;
    }

    .nurture_poverty .poverty_with .with_txt {
        font-size: 22px;
        line-height: 1.33;
        color: #005eb8;
    }


/*
 * 컴패션 소개 - 조직도
 *------------------------------------------*/
.subContents.aboutus .global_gov {
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
}

    .subContents.aboutus .global_gov .s_con3 {
        margin: 40px 0 40px;
    }

    .subContents.aboutus .global_gov .img_area > a {
        display: block;
    }

    .subContents.aboutus .global_gov .img_area img {
        width: 600px;
        margin: 0 auto;
    }

.subContents.aboutus .greeting_bg {
    width: 100%;
    min-width: 980px;
    height: 430px;
    background: url('../img/page/about-us/about_bg3.jpg') no-repeat center top;
    padding-top: 105px;
    margin-top: 95px;
    text-align: center;
}

.subContents.aboutus .greeting .conWrap {
    padding-bottom: 50px;
}

    .subContents.aboutus .greeting .conWrap .conR strong {
        font-size: 18px;
        color: #333;
        margin-left: 5px;
    }

    .subContents.aboutus .greeting .conWrap .conR img {
        display: inline-block;
        margin: 20px 0 -15px 15px;
    }

.subContents.aboutus .conWrap {
    padding-top: 55px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e8e8e8;
}

    .subContents.aboutus .conWrap em {
        color: #005eb8;
    }

.subContents.aboutus .conL {
    float: left;
    width: 415px;
    font-family: noto_r;
    font-size: 22px;
    color: #333;
    text-align: left;
}

.subContents.aboutus .conR {
    float: right;
    width: 565px;
    font-size: 15px;
    color: #767676;
    text-align: left;
    line-height: 24px;
}

    .subContents.aboutus .conR strong {
        color: #333;
    }

.subContents.aboutus .bible {
    text-align: center;
}

.subContents.aboutus .dir_intro {
    text-align: center;
    padding: 60px 0;
    margin: 60px auto 0;
    background-color: #005eb8;
}

    .subContents.aboutus .dir_intro .subTit_m {
        color: #fff
    }

    .subContents.aboutus .dir_intro .s_con3 {
        font-family: 'noto_l';
        color: #fff;
        width: 980px;
        margin: 0 auto;
    }

.subContents.aboutus .dir_role {
    text-align: center;
    width: 980px;
    margin: 0 auto;
    padding: 60px 0;
}

    .subContents.aboutus .dir_role .subTit_m {
        color: #005eb8;
    }

    .subContents.aboutus .dir_role .bar {
        background: #428dce;
        opacity: 1;
    }

.subContents.aboutus .dir_standard {
    text-align: left;
    margin-top: 50px;
    ;
    padding: 35px 40px;
    border: 1px solid #ededed;
}

    .subContents.aboutus .dir_standard .standard_tit {
        font-family: 'noto_m';
        font-size: 15px;
        line-height: 1.33;
        color: #333;
        margin-bottom: 8px;
    }

    .subContents.aboutus .dir_standard li {
        font-size: 15px;
        line-height: 1.5;
        color: #666;
        position: relative;
        padding-left: 8px;
        margin: 3px 0;
    }

        .subContents.aboutus .dir_standard li:before {
            content: '';
            position: absolute;
            left: 0;
            top: 9px;
            display: inline-block;
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background-color: #666;
        }

.subContents.aboutus .dir_operate {
    text-align: center;
    margin: 0 auto;
    padding: 60px 0;
    background-color: #f5f5f5;
}

    .subContents.aboutus .dir_operate .bar {
        background: #428dce;
        opacity: 1;
    }

.subContents.aboutus .dir_people {
    text-align: center;
    width: 980px;
    margin: 0 auto;
    padding: 60px 0;
}

    .subContents.aboutus .dir_people .subTit_m {
        color: #005eb8;
    }

    .subContents.aboutus .dir_people .bar {
        background: #428dce;
        opacity: 1;
    }

    .subContents.aboutus .dir_people h3 {
        font-family: 'noto_m';
        font-size: 20px;
        color: #333;
        text-align: left;
        margin-top: 30px;
        margin-bottom: 8px;
    }

    .subContents.aboutus .dir_people ul {
        text-align: left;
        display: flex;
        flex-wrap: wrap;
    }

    .subContents.aboutus .dir_people li {
        flex: none;
        width: 50%;
        display: flex;
        margin: 3px 0;
    }

    .subContents.aboutus .dir_people .name {
        font-family: 'noto_r';
        font-size: 15px;
        line-height: 20px;
        color: #333;
        flex: none;
        width: 120px;
    }

    .subContents.aboutus .dir_people .jobs {
        font-size: 14px;
        line-height: 20px;
        color: #767676;
        flex: 1;
    }


/*
 * 컴패션 소개 - 컴패션 정신
 *------------------------------------------*/
.subContents.aboutus .ci_logo {
    text-align: center;
    padding-top: 60px;
}

    .subContents.aboutus .ci_logo .desc {
        font-size: 15px;
        color: #333;
        padding-top: 15px;
        margin-bottom: 50px;
    }

    .subContents.aboutus .ci_logo .s_con3 {
        color: #666;
        line-height: 24px;
        padding: 235px 0 60px;
        background: url('../img/page/about-us/logo_1.jpg') no-repeat center top;
    }

.subContents.aboutus .logo_mean {
    width: 100%;
    min-width: 980px;
    padding: 60px 0;
    background: #f5f5f5;
}

    .subContents.aboutus .logo_mean ul li {
        margin-bottom: 20px;
    }

        .subContents.aboutus .logo_mean ul li:after {
            content: ".";
            clear: both;
            display: block;
            height: 0;
            visibility: hidden;
        }

        .subContents.aboutus .logo_mean ul li .logo_part {
            float: left;
        }

        .subContents.aboutus .logo_mean ul li .meaning {
            float: left;
            margin-left: 28px;
        }

            .subContents.aboutus .logo_mean ul li .meaning .tit {
                font-family: noto_m;
                font-size: 28px;
                color: #333;
                line-height: 28px;
            }

            .subContents.aboutus .logo_mean ul li .meaning .eng {
                font-family: noto_l;
                font-size: 20px;
                color: #333;
                margin-left: 10px;
            }

            .subContents.aboutus .logo_mean ul li .meaning .s_con3 {
                color: #666;
                line-height: 24px;
                margin-top: 15px;
            }

.subContents.aboutus .bluecorner {
    text-align: center;
    padding-top: 60px;
}

    .subContents.aboutus .bluecorner #comBlueCorner {
        position: absolute;
        top: -95px;
    }

    .subContents.aboutus .bluecorner .bar {
        background: #428dce;
        opacity: 1;
    }

    .subContents.aboutus .bluecorner .s_tit7 {
        padding-top: 200px;
        background: url('../img/page/about-us/ci_bg_1.jpg') no-repeat center top;
    }

    .subContents.aboutus .bluecorner .s_con3 {
        color: #666;
        line-height: 24px;
        padding: 35px 0;
        border-bottom: 1px solid #e8e8e8;
    }

.subContents.aboutus .spirit .blue {
    width: 100%;
    min-width: 980px;
    height: 524px;
    background: url('../img/page/about-us/ci_bg_2.jpg') no-repeat center top;
    padding-top: 60px;
    margin-top: 100px;
}

    .subContents.aboutus .spirit .blue .desc_wrap {
        padding-left: 190px;
        margin-top: 55px;
    }

        .subContents.aboutus .spirit .blue .desc_wrap .panton {
            float: left;
            font-family: noto_r;
            font-size: 18px;
            color: #fff;
            letter-spacing: -0.5px;
            padding-top: 160px;
            background: url('../img/page/about-us/ci_color.png') no-repeat center top;
        }

            .subContents.aboutus .spirit .blue .desc_wrap .panton .eng {
                font-family: noto_l;
                font-size: 13px;
                margin-left: 3px;
            }

        .subContents.aboutus .spirit .blue .desc_wrap .desc {
            float: left;
            text-align: left;
            font-size: 15px;
            color: #fff;
            opacity: 0.9;
            margin-left: 45px;
        }

.subContents.aboutus .spirit .promise {
    background-size: cover;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.subContents.aboutus .promise .s_con3 {
    width: 980px;
    margin: 0 auto;
}

    .subContents.aboutus .promise .s_con3 + .s_tit6 {
        margin-top: 50px;
    }

.subContents.aboutus .spirit .coreValue {
    padding-bottom: 60px;
    background-color: #f5f5f5;
}

    .subContents.aboutus .spirit .coreValue ul {
        width: 980px;
    }


/*
 * 컴패션 소개 - 연혁
 *------------------------------------------*/
.subContents.aboutus .start .subTit_m {
    text-align: center;
}

.subContents.aboutus .start .conWrap {
    padding-top: 490px;
    background: url('/common/img/page/about-us/about_bg1.jpg')no-repeat center top;
}

.subContents.aboutus .start .subTit_m {
    padding-top: 60px;
    margin-bottom: 35px;
}

.subContents.aboutus .about_movie {
    width: 100%;
    min-width: 980px;
    height: 818px;
    background: url('/common/img/page/about-us/about_bg2.jpg') no-repeat center top;
    padding-top: 50px;
    margin-top: 90px;
    margin-bottom: 90px;
    text-align: center;
}

.subContents.aboutus .history .tab_contents .dist {
    padding-top: 75px;
}

/*
 * 컴패션 소개 - 어린이 보호정책
 *------------------------------------------*/
.subContents.aboutus .policy .swear ol {
    margin-top: 25px;
}

    .subContents.aboutus .policy .swear ol li {
        padding-top: 20px;
        padding-bottom: 20px;
    }

.subContents.aboutus .policy .s_tit6 {
    color: #005eb8;
    margin: 30px 0 15px;
}