@charset "utf-8";
.m_enter {
    display: none;
}
@media all and (min-width: 1500px) {
    #visual .popz {
        position: absolute;
        z-index: 10;
        top: 8%;
        left: 46%;
        border-radius: 20px;
        padding: 12.5px 10px;
        box-shadow: 1px 1px 8px 0 rgba(158, 158, 158, 0.34);
        background-color: #fff;
        width: 44%;
    }
}
a,
p,
li,
div,
ul,
td,
th,
tr {
    line-height: 180%;
}
.mo_view {
    display: none;
}
/*=============================================
=                   #INDEX                   =
=============================================*/
#direct .cons li:nth-child(1) i {
    background-image: url("../img/index/mb_1_off.png");
}
#direct .cons li:nth-child(2) i {
    background-image: url("../img/index/mb_2_off.png");
}
#direct .cons li:nth-child(3) i {
    background-image: url("../img/index/mb_3_off.png");
}
#direct .cons li:nth-child(4) i {
    background-image: url("../img/index/mb_4_off.png");
}
#direct .cons li:nth-child(5) i {
    background-image: url("../img/index/mb_5_off.png");
}
#direct .cons li:nth-child(1):hover i {
    background-image: url("../img/index/mb_1_on.png");
}
#direct .cons li:nth-child(2):hover i {
    background-image: url("../img/index/mb_2_on.png");
}
#direct .cons li:nth-child(3):hover i {
    background-image: url("../img/index/mb_3_on.png");
}
#direct .cons li:nth-child(4):hover i {
    background-image: url("../img/index/mb_4_on.png");
}
#direct .cons li:nth-child(5):hover i {
    background-image: url("../img/index/mb_5_on.png");
}

#section0,
#section1,
#section2,
#section3,
#section4,
#section5,
#section6 {
    background-repeat: no-repeat;
}

#section0 {
    height: 100% !important;
}
#section0 .fp-tableCell {
    vertical-align: top;
}
#section1 {
    background-color: #ecf2ff;
    background-image: url(../img/index/section_1_img.png);
    background-position: left bottom;
}
#section2 {
    background-color: #e1f8e4;
    background-image: url(../img/index/section_2_img.png);
    background-position: left top;
}
#section3 {
    background-color: #fff;
    background-image: url(../img/index/section_3_img.png);
    background-position: left top;
}

#section1 .title h3 {
    color: #315290;
}
#section2 .title h3 {
    color: #519a54;
}
#section3 .title h3 {
    color: #8b57bd;
}

.swiper-ctrl {
    font-size: 0;
}
@media (min-width: 1800px) {
    /**/
    .section {
    }
    .section .title {
        padding: 0 0 20px 0;
        text-align: center;
    }
    .section .title h3 {
        font-size: 48px;
        font-weight: 600;
        margin-bottom: 34px;
        margin-top: 90px;
    }
    .section.set3 .title h3 {
        margin-top: 0;
    }
    .section .title p {
        font-size: 20px;
        font-weight: 400;
        color: #000;
    }
    .section .contain {
        position: relative;
    }

    #section3 .title {
        text-align: left;
        position: absolute;
        left: 0;
        top: 45px;
        padding: 0;
    }

    /**/
    #visual .hidden-xs {
        display: block !important;
    }
    #visual .visible-xs {
        display: none !important;
    }
    #visual {
        position: relative;
        margin-top: 100px;
        height: 66vh;
        background-image: url(../img/index/main_img_2.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    #visual .popz .popz_list {
        position: relative;
        overflow: hidden;
    }
    #visual .popz .popz_list img {
        display: block;
        width: 100%;
        height: auto;
    }
    #visual .popz .swiper-ctrl {
        position: absolute;
        z-index: 2;
        background-color: rgba(255, 255, 255, 0.84);
        right: 0;
        bottom: 10px;
        border-radius: 20.5px;
        border: 1px solid #e5e5e5;
    }
    #visual .popz .swiper-arrow {
        float: left;
    }
    #visual .popz .swiper-arrow .arrow {
        float: left;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #fff;
        text-align: center;
        cursor: pointer;
        transition: 0.3s;
    }
    #visual .popz .swiper-arrow .arrow + .arrow {
        margin-left: 60px;
    }
    #visual .popz .swiper-arrow .prev {
        background-image: url("../img/index/popz_prev.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    #visual .popz .swiper-arrow .next {
        background-image: url("../img/index/popz_next.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    #visual .popz .swiper-arrow .arrow span {
        display: block;
        font-size: 0;
        text-indent: -9999em;
        overflow: hidden;
    }
    #visual .popz .swiper-nums {
        line-height: 40px;
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #visual .popz .swiper-nums p {
        float: left;
        margin-top: 12px;
        min-width: 15px;
        line-height: 20px;
        font-weight: 600;
        color: #b1b1b1;
        text-align: center;
    }
    #visual .popz .swiper-nums #start_index {
        margin: 0;
        line-height: 40px;
        font-size: 22px;
        color: #000;
    }
    #visual .popz .swiper-nums #end_index {
        font-size: 14px;
    }

    /*  */
    #direct {
        position: absolute;
        z-index: 100;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff;
    }
    #direct .cons ul {
        font-size: 0;
        background: #fff;
        border-top: 0;
        padding: 15px 0;
    }
    #direct .cons li {
        display: inline-block;
        width: 20%;
        padding: 0 15px;
    }
    #direct .cons li + li {
        border-left: 1px dashed #dedede;
    }
    #direct .cons a {
        display: block;
        padding: 10px 0;
        font-size: 25px;
        font-weight: 400;
        text-align: center;
        border-radius: 20px;
    }
    #direct .cons i {
        display: block;
        margin: 0 auto 15px;
        width: 118px;
        height: 110px;
        background-repeat: no-repeat;
        background-position: 50% 0;
    }
    #direct .cons a:hover {
        color: #000;
        font-weight: 500;
    }
    #direct .cons li:nth-child(1) a:hover {
        background: #fff5a8;
    }
    #direct .cons li:nth-child(2) a:hover {
        background: #b1e6e1;
    }
    #direct .cons li:nth-child(3) a:hover {
        background: #d8e3ff;
    }
    #direct .cons li:nth-child(4) a:hover {
        background: #ffdadd;
    }
    #direct .cons li:nth-child(5) a:hover {
        background: #fff4b0;
    }

    /* section1 복지관 이야기 */
    #story {
        padding: 140px 0;
        background-size: cover;
        overflow: hidden;
        margin-top: 60px;
    }
    #story .cons {
        overflow: hidden;
        margin-top: 49px;
    }
    #story .cons .desc {
        padding: 0 10px 20px;
    }
    #story .cons .desc .inner {
        display: block;
        border: 1px solid #e9e9e9;
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        text-align: center;
        box-shadow: 0 4px 6px 0 #9ea8c4;
        padding: 10px;
    }
    #story .cons .desc .img img {
        width: 100%;
        height: auto;
        border-radius: 20px;
    }
    #story .cons .desc .sub {
        padding: 15px 15px 0 15px;
        text-align: left;
        line-height: 2;
        font-size: 17px;
        font-weight: 500;
        color: #8a62b7;
    }
    #story .cons .desc .tit {
        padding: 0 15px 0;
        text-align: left;
        line-height: 1.48;
        font-size: 23px;
        font-weight: 400;
        color: #000;
        letter-spacing: -0.5px;
        overflow: hidden;
        word-break: break-all; /* white-space: nowrap; */
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 67px;
        margin-bottom: 20px;
        display: inline-block;
    }
    #story .cons .desc .txt {
        padding: 0 15px 15px;
    }
    #story .cons .desc .txt dl {
        padding: 0;
        line-height: 1.81;
        overflow: hidden;
    }
    #story .cons .desc .txt dt {
        float: left;
        width: 24px;
        height: 24px;
        background: url("../img/index/time.png") no-repeat 50% 50%;
    }
    #story .cons .desc .txt dt img {
        display: block;
    }
    #story .cons .desc .txt dd {
        float: left;
        font-size: 16px;
        color: #9d9d9d;
    }
    #story .cons .swiper-ctrl {
        text-align: center;
        position: absolute;
        right: 15px;
        top: 40px;
    }
    #story .cons .swiper-ctrl .ctrl {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
    }
    #story .cons .swiper-ctrl .ctrl .arrow {
        width: 54px;
        height: 54px;
        cursor: pointer;
        border-radius: 50%;
    }
    #story .cons .swiper-ctrl .ctrl .prev {
        float: left;
        background: url("../img/index/left_off.png") no-repeat 50% 50%;
        margin-right: 5px;
    }
    #story .cons .swiper-ctrl .ctrl .prev:hover {
        background: url("../img/index/set1_left_on.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .next {
        float: left;
        background: url("../img/index/right_off.png") no-repeat 50% 50%;
        margin-right: 5px;
    }
    #story .cons .swiper-ctrl .ctrl .next:hover {
        background: url("../img/index/set1_right_on.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .play {
        width: 54px;
        height: 54px;
        cursor: pointer;
        border-radius: 50%;
        float: right;
        background: url("../img/index/stop_off.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .play:hover,
    #story .cons .swiper-ctrl .ctrl .play.on {
        background: url("../img/index/set1_stop_on.png") no-repeat 50% 50%;
    }

    /* section2 기관소식 */
    #notice {
        padding: 120px 0;
    }
    #notice .today_food {
        float: left;
        width: 25%;
        margin-right: 1.5%;
        background-color: #5db261;
        border-radius: 28px;
        text-align: center;
        background-image: url(../img/index/food.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    #notice .today_food .ix_header {
        margin-top: 28px;
    }
    #notice .today_food .ix_header a {
        font-size: 25px;
        font-weight: 500;
        color: #fff;
        padding: 28px 0 20px;
    }
    #notice .today_food .ix_date {
        position: relative;
    }
    #notice .today_food .ix_date span {
        display: inline-block;
        width: 104px;
        height: 104px;
        border-radius: 50%;
        background-color: #fff;
        color: #000;
        text-align: center;
    }
    #notice .today_food .ix_date .food-day {
        font-size: 34px;
        font-weight: 500;
        line-height: 1;
    }
    #notice .today_food .ix_date .food-ym {
        font-size: 15px;
        font-weight: 400;
    }
    #notice .today_food .ix_date a {
        font-size: 35px;
        font-weight: 800;
        color: #0d3f5b;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #notice .today_food .ix_date a.predate {
        left: 23%;
    }
    #notice .today_food .ix_date a.nxtdate {
        right: 23%;
    }
    #notice .today_food .ix_content {
        min-height: 240px;
        padding: 10px;
        font-size: 19px;
        line-height: 1.95;
        color: #fff;
    }

    /**/
    #notice .notice_sns {
        float: right;
        width: 25%;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 0 8px 0 rgba(165, 165, 165, 0.5);
    }
    #notice .notice_sns .ntc_sns {
        background-repeat: no-repeat;
        background-position: 28px center;
        padding: 49px 0;
    }
    #notice .notice_sns .ntc_sns .ntc_sns_T {
        font-size: 23px;
        font-weight: 500;
        padding-left: 137px;
    }
    #notice .notice_sns .ntc_sns.snsicon_01 {
        background-image: url(../img/index/sns_1.png);
        border-bottom: 1px solid #e3e3e3;
    }
    #notice .notice_sns .ntc_sns.snsicon_02 {
        background-image: url(../img/index/sns_2.png);
        border-bottom: 1px solid #e3e3e3;
        background-color: #fafafa;
    }
    #notice .notice_sns .ntc_sns.snsicon_03 {
        background-image: url(../img/index/sns_3.png);
    }

    /**/
    #notice .board_box {
        float: right;
        width: 47%;
        margin-right: 1.5%;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 0 8px 0 rgba(165, 165, 165, 0.5);
        overflow: hidden;
    }
    #notice .title_tabs {
        font-size: 22px;
        float: left;
        width: 33.333333%;
        display: block;
        background-color: #f4f4f4;
        text-align: center;
        padding: 23px 0;
    }
    #notice .title_tabs.mtlt_sel {
        font-weight: 500;
        background-color: #49b0a6;
        color: #fff;
        border-radius: 20px 20px 0 0;
    }
    #notice .mtl_contentBox {
        display: none;
    }

    /* section2 후원/자원봉사 */
    #good {
        padding: 58px 0 0 0;
        background-size: cover; /*overflow: hidden;*/
    }
    #good .beans {
        float: left;
        width: 25%;
        margin-right: 5%;
        position: relative;
        top: 250px;
        margin-top: 7%;
    }
    #good .beans a {
        display: block;
        font-size: 23px;
        border-bottom: 1px solid #e0e0e0;
        padding: 20px 0;
        padding-left: 80px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    #good .beans a:nth-child(1) {
        background-image: url(../img/index/quick_1_off.png);
    }
    #good .beans a:nth-child(2) {
        background-image: url(../img/index/quick_2_off.png);
    }
    #good .beans a:nth-child(3) {
        background-image: url(../img/index/quick_3_off.png);
    }
    #good .beans a:hover {
        font-weight: 500;
    }
    #good .beans a:nth-child(1):hover {
        background-image: url(../img/index/quick_1_on.png);
    }
    #good .beans a:nth-child(2):hover {
        background-image: url(../img/index/quick_2_on.png);
    }
    #good .beans a:nth-child(3):hover {
        background-image: url(../img/index/quick_3_on.png);
    }

    #good .good_ri {
        float: left;
        width: 70%;
    }
    #good .good_ri .good_box {
        float: left;
        width: 31.333333%;
        margin: 0 1%;
        border: 1px solid #e1e1e1;
        border-radius: 20px;
        overflow: hidden;
    }
    #good .good_box .good_btop img {
        width: 100%;
    }
    #good .good_box .good_bbot {
        text-align: center;
        background-color: #fff;
    }
    #good .good_box .good_bbot .gd_bbt {
        padding: 20px 0;
    }
    #good .good_box .good_bbot .gd_bbt_T {
        font-size: 25px;
        font-weight: 500;
    }
    #good .good_box .good_bbot .gd_bbt_ti {
        font-size: 18px;
        line-height: 1.83;
    }
    #good .good_box .good_bbot .gd_bbb {
        font-size: 0;
    }
    #good .good_box .good_bbot .gd_bbb a {
        display: inline-block;
        background-color: #f5f5f5;
        font-size: 20px;
        padding: 20px 0;
        width: 50%;
    }
    #good .good_box .good_bbot .gd_bbb a + a {
        border-left: 1px solid #e4e4e4;
    }
    #good .good_box .good_bbot .gd_bbb.gd_btn_1ea a {
        width: 100%;
    }
    #good .good_box .good_bbot .gd_bbb a:hover {
        background-color: #8656c1;
        color: #fff;
        font-weight: 600;
    }
}

@media (max-width: 1799px) and (min-width: 1201px) {
    /**/
    #fp-nav .scroll_main {
        display: none;
    }

    /**/
    .section {
    }
    .section .title {
        padding: 0 0 50px 0;
        text-align: center;
    }
    .section .title h3 {
        font-size: 48px;
        font-weight: 700;
        color: #3a3a3a;
    }
    .section .title p {
        display: block;
        margin-top: 10px;
        font-size: 20px;
        font-weight: 500;
    }
    .section .contain {
        position: relative;
    }

    #section3 .title {
        text-align: left;
        position: absolute;
        left: 0;
        top: 45px;
        padding: 0;
    }

    #section1 {
        background-color: #ecf2ff;
        background-image: none;
    }
    #section2 {
        background-color: #e1f8e4;
        background-image: none;
    }
    #section3 {
        background-color: #fff;
        background-image: url(../img/index/section_3_img.png);
        background-position: left top;
    }

    #visual {
        position: relative;
        margin-top: 150px;
        height: 68vh;
        background-color: #d3f3ff;
        background-image: url(../img/index/main_img.png);
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    #visual img {
        width: auto;
        max-width: 100%;
        height: auto;
    }
    #visual .khwrap {
        position: relative;
        z-index: 1;
        padding: 0 20px;
    }
    #visual .khwrap:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: "";
    }
    #visual .banner {
        width: 44%;
        padding: 420px 0 100px 0;
        background: url(../img/index/banner-img.png) no-repeat 50% 0% / 95% auto;
    }
    #visual .banner ul {
        font-size: 0;
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    }
    #visual .banner li {
        display: inline-block;
        width: 50%;
    }
    #visual .banner li a {
        display: block;
        padding: 0 0 20px 0;
        border-right: 1px dashed #eaeaea;
        padding: 2%;
    }
    #visual .banner li:first-child a {
        border-bottom: 1px dashed #eaeaea;
    }
    #visual .banner li:last-child a {
        border: 0;
        border-top: 1px dashed #eaeaea;
    }
    #visual .banner li i {
        display: block;
        height: 90px;
        background-size: 80px auto !important;
        transition: all 0.2s;
    }
    #visual .banner li strong {
        display: block;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        transition: all 0.2s;
        font-size: 18px;
        padding: 1% 0;
        font-weight: 600;
    }
    #visual .banner a:hover {
        background: #fffde1;
    }
    #visual .banner a:hover strong {
        font-weight: 700;
        text-decoration: underline;
    }

    #visual .popz {
        float: left;
        position: absolute;
        top: 6%;
        right: 1%;
        width: 45%;
        max-height: 480px;
        background-color: #fff;
        border-radius: 20px;
        padding: 12.5px 10px;
        overflow: hidden;
    }
    #visual .popz .popz_list {
        position: relative;
        overflow: hidden;
    }
    #visual .popz .popz_list img {
        display: block;
        width: 100%;
        height: 100%;
    }
    #visual .popz .swiper-ctrl {
        position: absolute;
        z-index: 2;
        background-color: rgba(255, 255, 255, 0.84);
        right: 0;
        bottom: 10px;
        border-radius: 20.5px;
        border: 1px solid #e5e5e5;
    }
    #visual .popz .swiper-arrow {
        float: left;
    }
    #visual .popz .swiper-arrow .arrow {
        float: left;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #fff;
        text-align: center;
        cursor: pointer;
        transition: 0.3s;
    }
    #visual .popz .swiper-arrow .arrow + .arrow {
        margin-left: 60px;
    }
    #visual .popz .swiper-arrow .prev {
        background-image: url("../img/index/popz_prev.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    #visual .popz .swiper-arrow .next {
        background-image: url("../img/index/popz_next.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    #visual .popz .swiper-arrow .arrow span {
        display: block;
        font-size: 0;
        text-indent: -9999em;
        overflow: hidden;
    }
    #visual .popz .swiper-nums {
        line-height: 40px;
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #visual .popz .swiper-nums p {
        float: left;
        margin-top: 12px;
        min-width: 15px;
        line-height: 20px;
        font-weight: 600;
        color: #b1b1b1;
        text-align: center;
    }
    #visual .popz .swiper-nums #start_index {
        margin: 0;
        line-height: 40px;
        font-size: 22px;
        color: #000;
    }
    #visual .popz .swiper-nums #end_index {
        font-size: 14px;
    }

    /*  */
    #direct {
        position: absolute;
        z-index: 100;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff;
    }
    #direct .cons ul {
        font-size: 0;
        background: #fff;
        border-top: 0;
        padding: 15px 0;
    }
    #direct .cons li {
        display: inline-block;
        width: 20%;
        padding: 0 15px;
    }
    #direct .cons li + li {
        border-left: 1px dashed #dedede;
    }
    #direct .cons a {
        display: block;
        padding: 10px 0;
        font-size: 25px;
        font-weight: 400;
        text-align: center;
        border-radius: 20px;
    }
    #direct .cons i {
        display: block;
        margin: 0 auto 15px;
        width: 118px;
        height: 110px;
        background-repeat: no-repeat;
        background-position: 50% 0;
    }
    #direct .cons a:hover {
        color: #000;
        font-weight: 500;
    }
    #direct .cons li:nth-child(1) a:hover {
        background: #fff5a8;
    }
    #direct .cons li:nth-child(2) a:hover {
        background: #b1e6e1;
    }
    #direct .cons li:nth-child(3) a:hover {
        background: #d8e3ff;
    }
    #direct .cons li:nth-child(4) a:hover {
        background: #ffdadd;
    }
    #direct .cons li:nth-child(5) a:hover {
        background: #fff4b0;
    }

    /* section1 복지관 이야기 */
    #story {
        padding: 160px 0 0;
        background-size: cover;
        overflow: hidden;
    }
    #story .cons {
        overflow: hidden;
    }
    #story .cons .desc {
        padding: 0 10px 20px;
    }
    #story .cons .desc .inner {
        display: block;
        border: 1px solid #e9e9e9;
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        text-align: center;
        box-shadow: 0 4px 6px 0 #9ea8c4;
        padding: 10px;
    }
    #story .cons .desc .img img {
        width: 100%;
        height: auto;
        border-radius: 20px;
    }
    #story .cons .desc .sub {
        padding: 15px 15px 0 15px;
        text-align: left;
        line-height: 2;
        font-size: 17px;
        font-weight: 500;
        color: #8a62b7;
    }
    #story .cons .desc .tit {
        padding: 0 15px 0;
        text-align: left;
        line-height: 1.48;
        font-size: 23px;
        font-weight: 400;
        color: #000;
        letter-spacing: -0.5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #story .cons .desc .txt {
        padding: 0 15px 15px;
    }
    #story .cons .desc .txt dl {
        padding: 0;
        line-height: 1.81;
        overflow: hidden;
    }
    #story .cons .desc .txt dt {
        float: left;
        width: 24px;
        height: 24px;
        background: url("../img/index/time.png") no-repeat 50% 50%;
    }
    #story .cons .desc .txt dt img {
        display: block;
    }
    #story .cons .desc .txt dd {
        float: left;
        font-size: 16px;
        color: #9d9d9d;
    }
    #story .cons .swiper-ctrl {
        text-align: center;
        position: absolute;
        right: 15px;
        top: 0px;
    }
    #story .cons .swiper-ctrl .ctrl {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
    }
    #story .cons .swiper-ctrl .ctrl .arrow {
        width: 54px;
        height: 54px;
        cursor: pointer;
        border-radius: 50%;
    }
    #story .cons .swiper-ctrl .ctrl .prev {
        float: left;
        background: url("../img/index/left_off.png") no-repeat 50% 50%;
        margin-right: 5px;
    }
    #story .cons .swiper-ctrl .ctrl .prev:hover {
        background: url("../img/index/set1_left_on.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .next {
        float: left;
        background: url("../img/index/right_off.png") no-repeat 50% 50%;
        margin-right: 5px;
    }
    #story .cons .swiper-ctrl .ctrl .next:hover {
        background: url("../img/index/set1_right_on.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .play {
        width: 54px;
        height: 54px;
        cursor: pointer;
        border-radius: 50%;
        float: right;
        background: url("../img/index/stop_off.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .play:hover,
    #story .cons .swiper-ctrl .ctrl .play.on {
        background: url("../img/index/set1_stop_on.png") no-repeat 50% 50%;
    }

    /* section2 기관소식 */
    #notice {
        padding: 120px 0;
    }
    #notice .today_food {
        float: left;
        width: 25%;
        margin-right: 1.5%;
        background-color: #5db261;
        border-radius: 28px;
        text-align: center;
        background-image: url(../img/index/food.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    #notice .today_food .ix_header {
        margin-top: 28px;
    }
    #notice .today_food .ix_header a {
        font-size: 25px;
        font-weight: 500;
        color: #fff;
        padding: 28px 0 20px;
    }
    #notice .today_food .ix_date {
        position: relative;
    }
    #notice .today_food .ix_date span {
        display: inline-block;
        width: 104px;
        height: 104px;
        border-radius: 50%;
        background-color: #fff;
        color: #000;
        text-align: center;
    }
    #notice .today_food .ix_date .food-day {
        font-size: 34px;
        font-weight: 500;
        line-height: 1;
    }
    #notice .today_food .ix_date .food-ym {
        font-size: 15px;
        font-weight: 400;
    }
    #notice .today_food .ix_date a {
        font-size: 35px;
        font-weight: 800;
        color: #0d3f5b;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #notice .today_food .ix_date a.predate {
        left: 23%;
    }
    #notice .today_food .ix_date a.nxtdate {
        right: 23%;
    }
    #notice .today_food .ix_content {
        min-height: 240px;
        padding: 10px;
        font-size: 19px;
        line-height: 1.95;
        color: #fff;
    }

    /**/
    #notice .notice_sns {
        float: right;
        width: 25%;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 0 8px 0 rgba(165, 165, 165, 0.5);
    }
    #notice .notice_sns .ntc_sns {
        background-repeat: no-repeat;
        background-position: 28px center;
        padding: 49px 0;
    }
    #notice .notice_sns .ntc_sns .ntc_sns_T {
        font-size: 23px;
        font-weight: 500;
        padding-left: 137px;
    }
    #notice .notice_sns .ntc_sns.snsicon_01 {
        background-image: url(../img/index/sns_1.png);
        border-bottom: 1px solid #e3e3e3;
    }
    #notice .notice_sns .ntc_sns.snsicon_02 {
        background-image: url(../img/index/sns_2.png);
        border-bottom: 1px solid #e3e3e3;
        background-color: #fafafa;
    }
    #notice .notice_sns .ntc_sns.snsicon_03 {
        background-image: url(../img/index/sns_3.png);
    }

    /**/
    #notice .board_box {
        float: right;
        width: 47%;
        margin-right: 1.5%;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 0 8px 0 rgba(165, 165, 165, 0.5);
        overflow: hidden;
    }
    #notice .title_tabs {
        font-size: 22px;
        float: left;
        width: 33.333333%;
        display: block;
        background-color: #f4f4f4;
        text-align: center;
        padding: 23px 0;
    }
    #notice .title_tabs.mtlt_sel {
        font-weight: 500;
        background-color: #49b0a6;
        color: #fff;
        border-radius: 20px 20px 0 0;
    }
    #notice .mtl_contentBox {
        display: none;
    }

    /* section2 후원/자원봉사 */
    #good {
        padding: 140px 0 0;
        background-size: cover; /*overflow: hidden;*/
    }
    #good .beans {
        float: left;
        width: 25%;
        margin-right: 5%;
        position: relative;
        top: 250px;
    }
    #good .beans a {
        display: block;
        font-size: 23px;
        border-bottom: 1px solid #e0e0e0;
        padding: 20px 0;
        padding-left: 80px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    #good .beans a:nth-child(1) {
        background-image: url(../img/index/quick_1_off.png);
    }
    #good .beans a:nth-child(2) {
        background-image: url(../img/index/quick_2_off.png);
    }
    #good .beans a:nth-child(3) {
        background-image: url(../img/index/quick_3_off.png);
    }
    #good .beans a:hover {
        font-weight: 500;
    }
    #good .beans a:nth-child(1):hover {
        background-image: url(../img/index/quick_1_on.png);
    }
    #good .beans a:nth-child(2):hover {
        background-image: url(../img/index/quick_2_on.png);
    }
    #good .beans a:nth-child(3):hover {
        background-image: url(../img/index/quick_3_on.png);
    }

    #good .good_ri {
        float: left;
        width: 70%;
    }
    #good .good_ri .good_box {
        float: left;
        width: 31.333333%;
        margin: 0 1%;
        border: 1px solid #e1e1e1;
        border-radius: 20px;
        overflow: hidden;
    }
    #good .good_box .good_btop img {
        width: 100%;
    }
    #good .good_box .good_bbot {
        text-align: center;
        background-color: #fff;
    }
    #good .good_box .good_bbot .gd_bbt {
        padding: 20px 0;
    }
    #good .good_box .good_bbot .gd_bbt_T {
        font-size: 25px;
        font-weight: 500;
    }
    #good .good_box .good_bbot .gd_bbt_ti {
        font-size: 18px;
        line-height: 1.83;
    }
    #good .good_box .good_bbot .gd_bbb {
        font-size: 0;
    }
    #good .good_box .good_bbot .gd_bbb a {
        display: inline-block;
        background-color: #f5f5f5;
        font-size: 20px;
        padding: 20px 0;
        width: 50%;
    }
    #good .good_box .good_bbot .gd_bbb a + a {
        border-left: 1px solid #e4e4e4;
    }
    #good .good_box .good_bbot .gd_bbb.gd_btn_1ea a {
        width: 100%;
    }
    #good .good_box .good_bbot .gd_bbb a:hover {
        background-color: #8656c1;
        color: #fff;
        font-weight: 600;
    }
}

@media (max-width: 1201px) and (min-width: 748px) {
    /**/
    .section,
    .fp-tableCell {
        height: auto !important;
    }
    #fp-nav .scroll_main {
        display: none;
    }

    /**/
    .section {
    }
    .section .title {
        padding: 0 0 50px 0;
        text-align: center;
    }
    .section .title h3 {
        font-size: 40px;
        font-weight: 700;
        color: #3a3a3a;
    }
    .section .title p {
        display: block;
        margin-top: 35px;
        font-size: 20px;
        font-weight: 500;
    }
    .section .contain {
        position: relative;
    }

    /* #section3 .title {text-align:left; position:absolute; left:0; top:45px; padding:0;} */

    #section1 {
        background-color: #ecf2ff;
        background-image: none;
    }
    #section2 {
        background-color: #e1f8e4;
        background-image: none;
    }
    #section3 {
        background-color: #fbecff;
        background-image: none;
    }

    #visual {
        position: relative;
        height: 99vh;
        background-color: #d3f3ff;
        background-image: url(../img/index/main_img.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 450px;
    }
    #visual img {
        width: auto;
        max-width: 100%;
        height: auto;
    }
    #visual .khwrap {
        position: relative;
        z-index: 1;
        padding: 0 20px;
    }
    #visual .khwrap:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: "";
    }
    #visual .banner {
        width: 44%;
        padding: 420px 0 100px 0;
        background: url(../img/index/banner-img.png) no-repeat 50% 0% / 95% auto;
    }
    #visual .banner ul {
        font-size: 0;
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    }
    #visual .banner li {
        display: inline-block;
        width: 50%;
    }
    #visual .banner li a {
        display: block;
        padding: 0 0 20px 0;
        border-right: 1px dashed #eaeaea;
        padding: 2%;
    }
    #visual .banner li:first-child a {
        border-bottom: 1px dashed #eaeaea;
    }
    #visual .banner li:last-child a {
        border: 0;
        border-top: 1px dashed #eaeaea;
    }
    #visual .banner li i {
        display: block;
        height: 90px;
        background-size: 80px auto !important;
        transition: all 0.2s;
    }
    #visual .banner li strong {
        display: block;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        transition: all 0.2s;
        font-size: 18px;
        padding: 1% 0;
        font-weight: 600;
    }
    #visual .banner a:hover {
        background: #fffde1;
    }
    #visual .banner a:hover strong {
        font-weight: 700;
        text-decoration: underline;
    }

    #visual .popz {
        float: left;
        position: absolute;
        top: auto;
        bottom: 290px;
        right: 50%;
        transform: translateX(50%);
        width: 400px;
        background-color: #fff;
        border-radius: 20px;
        padding: 12.5px 10px;
    }
    #visual .popz .popz_list {
        position: relative;
        overflow: hidden;
    }
    #visual .popz .popz_list img {
        display: block;
        width: 100%;
        height: auto;
    }
    #visual .popz .swiper-ctrl {
        position: absolute;
        z-index: 2;
        background-color: rgba(255, 255, 255, 0.84);
        right: 0;
        bottom: 0;
        border-radius: 20.5px;
        border: 1px solid #e5e5e5;
    }
    #visual .popz .swiper-arrow {
        float: left;
    }
    #visual .popz .swiper-arrow .arrow {
        float: left;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #fff;
        text-align: center;
        cursor: pointer;
        transition: 0.3s;
    }
    #visual .popz .swiper-arrow .arrow + .arrow {
        margin-left: 60px;
    }
    #visual .popz .swiper-arrow .prev {
        background-image: url("../img/index/popz_prev.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    #visual .popz .swiper-arrow .next {
        background-image: url("../img/index/popz_next.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    #visual .popz .swiper-arrow .arrow span {
        display: block;
        font-size: 0;
        text-indent: -9999em;
        overflow: hidden;
    }
    #visual .popz .swiper-nums {
        line-height: 40px;
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #visual .popz .swiper-nums p {
        float: left;
        margin-top: 12px;
        min-width: 15px;
        line-height: 20px;
        font-weight: 600;
        color: #b1b1b1;
        text-align: center;
    }
    #visual .popz .swiper-nums #start_index {
        margin: 0;
        line-height: 40px;
        font-size: 22px;
        color: #000;
    }
    #visual .popz .swiper-nums #end_index {
        font-size: 14px;
    }

    /*  */
    #direct {
        position: absolute;
        z-index: 100;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff;
    }
    #direct .cons ul {
        font-size: 0;
        background: #fff;
        border-top: 0;
        padding: 15px 0;
    }
    #direct .cons li {
        display: inline-block;
        width: 20%;
        padding: 0;
    }
    #direct .cons li + li {
        border-left: 1px dashed #dedede;
    }
    #direct .cons a {
        display: block;
        padding: 10px 0;
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        border-radius: 20px;
    }
    #direct .cons i {
        display: block;
        margin: 0 auto 15px;
        width: 118px;
        height: 110px;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 80%;
    }
    #direct .cons a:hover {
        color: #000;
        font-weight: 500;
    }
    #direct .cons li:nth-child(1) a:hover {
        background: #fff5a8;
    }
    #direct .cons li:nth-child(2) a:hover {
        background: #b1e6e1;
    }
    #direct .cons li:nth-child(3) a:hover {
        background: #d8e3ff;
    }
    #direct .cons li:nth-child(4) a:hover {
        background: #ffdadd;
    }
    #direct .cons li:nth-child(5) a:hover {
        background: #fff4b0;
    }

    /* section1 복지관 이야기 */
    #story {
        padding: 80px 0;
        background-size: cover;
        overflow: hidden;
    }
    #story .cons {
        overflow: hidden;
    }
    #story .cons .desc {
        padding: 0 10px 20px;
    }
    #story .cons .desc .inner {
        display: block;
        border: 1px solid #e9e9e9;
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        text-align: center;
        box-shadow: 0 4px 6px 0 #9ea8c4;
        padding: 10px;
    }
    #story .cons .desc .img img {
        width: 100%;
        height: auto;
        border-radius: 20px;
    }
    #story .cons .desc .sub {
        padding: 15px 15px 0 15px;
        text-align: left;
        line-height: 2;
        font-size: 17px;
        font-weight: 500;
        color: #8a62b7;
    }
    #story .cons .desc .tit {
        padding: 0 15px 0;
        text-align: left;
        line-height: 1.48;
        font-size: 23px;
        font-weight: 400;
        color: #000;
        letter-spacing: -0.5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #story .cons .desc .txt {
        padding: 0 15px 15px;
    }
    #story .cons .desc .txt dl {
        padding: 0;
        line-height: 1.81;
        overflow: hidden;
    }
    #story .cons .desc .txt dt {
        float: left;
        width: 24px;
        height: 24px;
        background: url("../img/index/time.png") no-repeat 50% 50%;
    }
    #story .cons .desc .txt dt img {
        display: block;
    }
    #story .cons .desc .txt dd {
        float: left;
        font-size: 16px;
        color: #9d9d9d;
    }
    #story .cons .swiper-ctrl {
        text-align: center;
        position: absolute;
        right: 15px;
        top: 0px;
    }
    #story .cons .swiper-ctrl .ctrl {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
    }
    #story .cons .swiper-ctrl .ctrl .arrow {
        width: 54px;
        height: 54px;
        cursor: pointer;
        border-radius: 50%;
    }
    #story .cons .swiper-ctrl .ctrl .prev {
        float: left;
        background: url("../img/index/left_off.png") no-repeat 50% 50%;
        margin-right: 5px;
    }
    #story .cons .swiper-ctrl .ctrl .prev:hover {
        background: url("../img/index/set1_left_on.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .next {
        float: left;
        background: url("../img/index/right_off.png") no-repeat 50% 50%;
        margin-right: 5px;
    }
    #story .cons .swiper-ctrl .ctrl .next:hover {
        background: url("../img/index/set1_right_on.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .play {
        width: 54px;
        height: 54px;
        cursor: pointer;
        border-radius: 50%;
        float: right;
        background: url("../img/index/stop_off.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .play:hover,
    #story .cons .swiper-ctrl .ctrl .play.on {
        background: url("../img/index/set1_stop_on.png") no-repeat 50% 50%;
    }

    /* section2 기관소식 */
    #notice {
        padding: 80px 0;
    }
    #notice .today_food {
        float: left;
        width: 49%;
        margin-right: 2%;
        background-color: #5db261;
        border-radius: 28px;
        text-align: center;
        background-image: url(../img/index/food.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    #notice .today_food .ix_header {
        margin-top: 28px;
    }
    #notice .today_food .ix_header a {
        font-size: 25px;
        font-weight: 500;
        color: #fff;
        padding: 28px 0 20px;
    }
    #notice .today_food .ix_date {
        position: relative;
    }
    #notice .today_food .ix_date span {
        display: inline-block;
        width: 104px;
        height: 104px;
        border-radius: 50%;
        background-color: #fff;
        color: #000;
        text-align: center;
    }
    #notice .today_food .ix_date .food-day {
        font-size: 34px;
        font-weight: 500;
        line-height: 1;
    }
    #notice .today_food .ix_date .food-ym {
        font-size: 15px;
        font-weight: 400;
    }
    #notice .today_food .ix_date a {
        font-size: 35px;
        font-weight: 800;
        color: #0d3f5b;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #notice .today_food .ix_date a.predate {
        left: 23%;
    }
    #notice .today_food .ix_date a.nxtdate {
        right: 23%;
    }
    #notice .today_food .ix_content {
        min-height: 240px;
        padding: 10px;
        font-size: 19px;
        line-height: 1.95;
        color: #fff;
    }

    /**/
    #notice .notice_sns {
        float: left;
        width: 49%;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 0 8px 0 rgba(165, 165, 165, 0.5);
    }
    #notice .notice_sns .ntc_sns {
        background-repeat: no-repeat;
        background-position: 28px center;
        padding: 52px 0;
    }
    #notice .notice_sns .ntc_sns .ntc_sns_T {
        font-size: 20px;
        font-weight: 500;
        padding-left: 137px;
    }
    #notice .notice_sns .ntc_sns.snsicon_01 {
        background-image: url(../img/index/sns_1.png);
        border-bottom: 1px solid #e3e3e3;
    }
    #notice .notice_sns .ntc_sns.snsicon_02 {
        background-image: url(../img/index/sns_2.png);
        border-bottom: 1px solid #e3e3e3;
        background-color: #fafafa;
    }
    #notice .notice_sns .ntc_sns.snsicon_03 {
        background-image: url(../img/index/sns_3.png);
    }

    /**/
    #notice .board_box {
        float: right;
        width: 100%;
        margin-top: 2%;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 0 8px 0 rgba(165, 165, 165, 0.5);
        overflow: hidden;
    }
    #notice .title_tabs {
        font-size: 20px;
        float: left;
        width: 33.333333%;
        display: block;
        background-color: #f4f4f4;
        text-align: center;
        padding: 23px 0;
    }
    #notice .title_tabs.mtlt_sel {
        font-weight: 500;
        background-color: #49b0a6;
        color: #fff;
        border-radius: 20px 20px 0 0;
    }
    #notice .mtl_contentBox {
        display: none;
    }

    /* section2 후원/자원봉사 */
    #good {
        padding: 80px 0;
        background-size: cover; /*overflow: hidden;*/
    }
    #good .beans {
        float: left;
        width: 100%;
        position: relative;
    }
    #good .beans a {
        display: block;
        font-size: 20px;
        border-bottom: 1px solid #e0e0e0;
        padding: 15px 0;
        padding-left: 80px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    #good .beans a:nth-child(1) {
        background-image: url(../img/index/quick_1_off.png);
    }
    #good .beans a:nth-child(2) {
        background-image: url(../img/index/quick_2_off.png);
    }
    #good .beans a:nth-child(3) {
        background-image: url(../img/index/quick_3_off.png);
    }
    #good .beans a:hover {
        font-weight: 500;
    }
    #good .beans a:nth-child(1):hover {
        background-image: url(../img/index/quick_1_on.png);
    }
    #good .beans a:nth-child(2):hover {
        background-image: url(../img/index/quick_2_on.png);
    }
    #good .beans a:nth-child(3):hover {
        background-image: url(../img/index/quick_3_on.png);
    }

    #good .good_ri {
        float: left;
        width: 100%;
    }
    #good .good_ri .good_box {
        float: left;
        width: 100%;
        margin: 1% 0;
        border: 1px solid #e1e1e1;
        border-radius: 20px;
        overflow: hidden;
    }
    #good .good_box .good_btop {
        float: left;
        width: 30%;
    }
    #good .good_box .good_btop img {
        width: 100%;
        height: auto;
        min-height: 200px;
    }
    #good .good_box .good_bbot {
        text-align: center;
        background-color: #fff;
        float: left;
        width: 70%;
    }
    #good .good_box .good_bbot .gd_bbt {
        padding: 20px 0;
    }
    #good .good_box .good_bbot .gd_bbt_T {
        font-size: 20px;
        font-weight: 500;
    }
    #good .good_box .good_bbot .gd_bbt_ti {
        font-size: 17px;
        line-height: 1.83;
    }
    #good .good_box .good_bbot .gd_bbb {
        font-size: 0;
    }
    #good .good_box .good_bbot .gd_bbb a {
        display: inline-block;
        background-color: #f5f5f5;
        font-size: 18px;
        padding: 15px 0;
        width: 50%;
    }
    #good .good_box .good_bbot .gd_bbb a + a {
        border-left: 1px solid #e4e4e4;
    }
    #good .good_box .good_bbot .gd_bbb.gd_btn_1ea a {
        width: 100%;
    }
    #good .good_box .good_bbot .gd_bbb a:hover {
        background-color: #8656c1;
        color: #fff;
        font-weight: 600;
    }
}

@media (max-width: 747px) {
    /**/
    .section,
    .fp-tableCell {
        height: auto !important;
    }
    .section .title {
        padding: 0 0 20px 0;
        text-align: center;
    }
    .section .title h3 {
        font-size: 36px;
        font-weight: 700;
        color: #3a3a3a;
    }
    .section .title p {
        display: block;
        margin-top: 20px;
        font-size: 18px;
        font-weight: 500;
    }
    .section .contain {
        position: relative;
    }

    #section0,
    #section1,
    #section2,
    #section3,
    #section4,
    #section5,
    #section6 {
        background-image: none;
    }

    #section0 {
        height: 100% !important;
    }

    /**/
    /* #visual .hidden-xs {display: none!important;}
	#visual .visible-xs {display:block;} */
    #section1 {
        background-color: #ecf2ff;
        background-image: none;
    }
    #section2 {
        background-color: #e1f8e4;
        background-image: none;
    }
    #section3 {
        background-color: #fbecff;
        background-image: none;
    }

    #visual {
        position: relative;
        height: 99vh;
        background-color: #d3f3ff;
        background-image: url(../img/index/main_img.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 450px;
    }
    #visual img {
        width: auto;
        max-width: 100%;
        height: auto;
    }
    #visual .khwrap {
        position: relative;
        z-index: 1;
        padding: 0 20px;
    }
    #visual .khwrap:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: "";
    }
    #visual .banner {
        width: 44%;
        padding: 420px 0 100px 0;
        background: url(../img/index/banner-img.png) no-repeat 50% 0% / 95% auto;
    }
    #visual .banner ul {
        font-size: 0;
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    }
    #visual .banner li {
        display: inline-block;
        width: 50%;
    }
    #visual .banner li a {
        display: block;
        padding: 0 0 20px 0;
        border-right: 1px dashed #eaeaea;
        padding: 2%;
    }
    #visual .banner li:first-child a {
        border-bottom: 1px dashed #eaeaea;
    }
    #visual .banner li:last-child a {
        border: 0;
        border-top: 1px dashed #eaeaea;
    }
    #visual .banner li i {
        display: block;
        height: 90px;
        background-size: 80px auto !important;
        transition: all 0.2s;
    }
    #visual .banner li strong {
        display: block;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        transition: all 0.2s;
        font-size: 18px;
        padding: 1% 0;
        font-weight: 600;
    }
    #visual .banner a:hover {
        background: #fffde1;
    }
    #visual .banner a:hover strong {
        font-weight: 700;
        text-decoration: underline;
    }

    #visual .popz {
        float: left;
        position: absolute;
        top: auto;
        bottom: 290px;
        right: 50%;
        transform: translateX(50%);
        width: 400px;
        background-color: #fff;
        border-radius: 20px;
        padding: 12.5px 10px;
    }
    #visual .popz .popz_list {
        position: relative;
        overflow: hidden;
    }
    #visual .popz .popz_list img {
        display: block;
        width: 100%;
        height: auto;
    }
    #visual .popz .swiper-ctrl {
        position: absolute;
        z-index: 2;
        background-color: rgba(255, 255, 255, 0.84);
        right: 0;
        bottom: 0;
        border-radius: 20.5px;
        border: 1px solid #e5e5e5;
    }
    #visual .popz .swiper-arrow {
        float: left;
    }
    #visual .popz .swiper-arrow .arrow {
        float: left;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #fff;
        text-align: center;
        cursor: pointer;
        transition: 0.3s;
    }
    #visual .popz .swiper-arrow .arrow + .arrow {
        margin-left: 60px;
    }
    #visual .popz .swiper-arrow .prev {
        background-image: url("../img/index/popz_prev.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    #visual .popz .swiper-arrow .next {
        background-image: url("../img/index/popz_next.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    #visual .popz .swiper-arrow .arrow span {
        display: block;
        font-size: 0;
        text-indent: -9999em;
        overflow: hidden;
    }
    #visual .popz .swiper-nums {
        line-height: 40px;
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #visual .popz .swiper-nums p {
        float: left;
        margin-top: 12px;
        min-width: 15px;
        line-height: 20px;
        font-weight: 600;
        color: #b1b1b1;
        text-align: center;
    }
    #visual .popz .swiper-nums #start_index {
        margin: 0;
        line-height: 40px;
        font-size: 22px;
        color: #000;
    }
    #visual .popz .swiper-nums #end_index {
        font-size: 14px;
    }

    /*  */
    #direct {
        position: absolute;
        z-index: 100;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff;
    }
    #direct .cons ul {
        font-size: 0;
        background: #fff;
        border-top: 0;
        padding: 15px 0;
    }
    #direct .cons li {
        display: inline-block;
        width: 25%;
        padding: 0;
    }
    #direct .cons li + li {
        border-left: 1px dashed #dedede;
    }
    #direct .cons li:nth-child(2) {
        display: none;
    }
    #direct .cons a {
        display: block;
        padding: 10px 0;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        border-radius: 20px;
    }
    #direct .cons i {
        display: block;
        margin: 0 auto 15px;
        width: 118px;
        height: 110px;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 80%;
    }
    #direct .cons a:hover {
        color: #000;
        font-weight: 500;
    }
    #direct .cons li:nth-child(1) a:hover {
        background: #fff5a8;
    }
    #direct .cons li:nth-child(2) a:hover {
        background: #b1e6e1;
    }
    #direct .cons li:nth-child(3) a:hover {
        background: #d8e3ff;
    }
    #direct .cons li:nth-child(4) a:hover {
        background: #ffdadd;
    }
    #direct .cons li:nth-child(5) a:hover {
        background: #fff4b0;
    }

    /* section1 복지관 이야기 */
    #story {
        padding: 80px 0;
        background-size: cover;
        overflow: hidden;
    }
    #story .cons {
        overflow: hidden;
        margin-top: 80px;
    }
    #story .cons .desc {
        padding: 0 10px 20px;
    }
    #story .cons .desc .inner {
        display: block;
        border: 1px solid #e9e9e9;
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        text-align: center;
        box-shadow: 0 4px 6px 0 #9ea8c4;
        padding: 10px;
    }
    #story .cons .desc .img img {
        width: 100%;
        height: auto;
        border-radius: 20px;
    }
    #story .cons .desc .sub {
        padding: 15px 15px 0 15px;
        text-align: left;
        line-height: 2;
        font-size: 17px;
        font-weight: 500;
        color: #8a62b7;
    }
    #story .cons .desc .tit {
        padding: 0 15px 0;
        text-align: left;
        line-height: 1.48;
        font-size: 23px;
        font-weight: 400;
        color: #000;
        letter-spacing: -0.5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #story .cons .desc .txt {
        padding: 0 15px 15px;
    }
    #story .cons .desc .txt dl {
        padding: 0;
        line-height: 1.81;
        overflow: hidden;
    }
    #story .cons .desc .txt dt {
        float: left;
        width: 24px;
        height: 24px;
        background: url("../img/index/time.png") no-repeat 50% 50%;
    }
    #story .cons .desc .txt dt img {
        display: block;
    }
    #story .cons .desc .txt dd {
        float: left;
        font-size: 16px;
        color: #9d9d9d;
    }
    #story .cons .swiper-ctrl {
        text-align: center;
        position: absolute;
        right: 50%;
        top: 50px;
        transform: translateX(50%);
    }
    #story .cons .swiper-ctrl .ctrl {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
    }
    #story .cons .swiper-ctrl .ctrl .arrow {
        width: 54px;
        height: 54px;
        cursor: pointer;
        border-radius: 50%;
    }
    #story .cons .swiper-ctrl .ctrl .prev {
        float: left;
        background: url("../img/index/left_off.png") no-repeat 50% 50%;
        margin-right: 5px;
    }
    #story .cons .swiper-ctrl .ctrl .prev:hover {
        background: url("../img/index/set1_left_on.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .next {
        float: left;
        background: url("../img/index/right_off.png") no-repeat 50% 50%;
        margin-right: 5px;
    }
    #story .cons .swiper-ctrl .ctrl .next:hover {
        background: url("../img/index/set1_right_on.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .play {
        width: 54px;
        height: 54px;
        cursor: pointer;
        border-radius: 50%;
        float: right;
        background: url("../img/index/stop_off.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .play:hover,
    #story .cons .swiper-ctrl .ctrl .play.on {
        background: url("../img/index/set1_stop_on.png") no-repeat 50% 50%;
    }

    /* section2 기관소식 */
    #notice {
        padding: 80px 0;
    }
    #notice .mo_view {
        display: block;
        float: left;
        width: 100%;
        margin-top: 2%;
    }
    #notice .today_food.pc_view {
        display: none;
    }
    #notice .notice_sns.pc_view {
        display: none;
    }

    #notice .mo_view .today_food {
        float: left;
        width: 100%;
        margin-right: 0;
        background-color: #5db261;
        border-radius: 28px;
        text-align: center;
        background-image: url(../img/index/food.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    #notice .mo_view .today_food .ix_header {
        margin-top: 28px;
    }
    #notice .mo_view .today_food .ix_header a {
        font-size: 22px;
        font-weight: 500;
        color: #fff;
        padding: 28px 0 20px;
    }
    #notice .mo_view .today_food .ix_date {
        position: relative;
    }
    #notice .mo_view .today_food .ix_date span {
        display: inline-block;
        width: 104px;
        height: 104px;
        border-radius: 50%;
        background-color: #fff;
        color: #000;
        text-align: center;
    }
    #notice .mo_view .today_food .ix_date .food-day {
        font-size: 34px;
        font-weight: 500;
        line-height: 1;
    }
    #notice .mo_view .today_food .ix_date .food-ym {
        font-size: 15px;
        font-weight: 400;
    }
    #notice .mo_view .today_food .ix_date a {
        font-size: 35px;
        font-weight: 800;
        color: #0d3f5b;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #notice .mo_view .today_food .ix_date a.predate {
        left: 23%;
    }
    #notice .mo_view .today_food .ix_date a.nxtdate {
        right: 23%;
    }
    #notice .mo_view .today_food .ix_content {
        min-height: 240px;
        padding: 10px;
        font-size: 17px;
        line-height: 1.95;
        color: #fff;
    }

    /**/
    #notice .mo_view .notice_sns {
        float: left;
        width: 100%;
        margin-top: 2%;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 0 8px 0 rgba(165, 165, 165, 0.5);
    }
    #notice .mo_view .notice_sns .ntc_sns {
        background-repeat: no-repeat;
        background-position: 28px center;
        padding: 35px 0;
    }
    #notice .mo_view .notice_sns .ntc_sns .ntc_sns_T {
        font-size: 20px;
        font-weight: 500;
        padding-left: 137px;
    }
    #notice .mo_view .notice_sns .ntc_sns.snsicon_01 {
        background-image: url(../img/index/sns_1.png);
        border-bottom: 1px solid #e3e3e3;
    }
    #notice .mo_view .notice_sns .ntc_sns.snsicon_02 {
        background-image: url(../img/index/sns_2.png);
        border-bottom: 1px solid #e3e3e3;
        background-color: #fafafa;
    }
    #notice .mo_view .notice_sns .ntc_sns.snsicon_03 {
        background-image: url(../img/index/sns_3.png);
    }

    /**/
    #notice .board_box {
        float: right;
        width: 100%;
        margin-top: 2%;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 0 8px 0 rgba(165, 165, 165, 0.5);
        overflow: hidden;
    }
    #notice .title_tabs {
        font-size: 20px;
        float: left;
        width: 33.333333%;
        display: block;
        background-color: #f4f4f4;
        text-align: center;
        padding: 23px 0;
    }
    #notice .title_tabs.mtlt_sel {
        font-weight: 500;
        background-color: #49b0a6;
        color: #fff;
        border-radius: 20px 20px 0 0;
    }
    #notice .mtl_contentBox {
        display: none;
    }

    /* section2 후원/자원봉사 */
    #good {
        padding: 80px 0;
        background-size: cover; /*overflow: hidden;*/
    }
    #good .beans {
        float: left;
        width: 100%;
        position: relative;
    }
    #good .beans a {
        display: block;
        font-size: 20px;
        border-bottom: 1px solid #e0e0e0;
        padding: 15px 0;
        padding-left: 80px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    #good .beans a:nth-child(1) {
        background-image: url(../img/index/quick_1_off.png);
    }
    #good .beans a:nth-child(2) {
        background-image: url(../img/index/quick_2_off.png);
    }
    #good .beans a:nth-child(3) {
        background-image: url(../img/index/quick_3_off.png);
    }
    #good .beans a:hover {
        font-weight: 500;
    }
    #good .beans a:nth-child(1):hover {
        background-image: url(../img/index/quick_1_on.png);
    }
    #good .beans a:nth-child(2):hover {
        background-image: url(../img/index/quick_2_on.png);
    }
    #good .beans a:nth-child(3):hover {
        background-image: url(../img/index/quick_3_on.png);
    }

    #good .good_ri {
        float: left;
        width: 100%;
    }
    #good .good_ri .good_box {
        float: left;
        width: 100%;
        margin: 1% 0;
        border: 1px solid #e1e1e1;
        border-radius: 20px;
        overflow: hidden;
    }
    #good .good_box .good_btop {
        float: left;
        width: 30%;
    }
    #good .good_box .good_btop img {
        width: 100%;
        height: auto;
        min-height: 200px;
    }
    #good .good_box .good_bbot {
        text-align: center;
        background-color: #fff;
        float: left;
        width: 70%;
    }
    #good .good_box .good_bbot .gd_bbt {
        padding: 20px 0;
    }
    #good .good_box .good_bbot .gd_bbt_T {
        font-size: 20px;
        font-weight: 500;
    }
    #good .good_box .good_bbot .gd_bbt_ti {
        font-size: 17px;
        line-height: 1.83;
    }
    #good .good_box .good_bbot .gd_bbb {
        font-size: 0;
    }
    #good .good_box .good_bbot .gd_bbb a {
        display: inline-block;
        background-color: #f5f5f5;
        font-size: 18px;
        padding: 15px 0;
        width: 50%;
    }
    #good .good_box .good_bbot .gd_bbb a + a {
        border-left: 1px solid #e4e4e4;
    }
    #good .good_box .good_bbot .gd_bbb.gd_btn_1ea a {
        width: 100%;
    }
    #good .good_box .good_bbot .gd_bbb a:hover {
        background-color: #8656c1;
        color: #fff;
        font-weight: 600;
    }
}

@media (max-width: 500px) {
    #section1 {
        background-color: #ecf2ff;
        background-image: none;
    }
    #section2 {
        background-color: #e1f8e4;
        background-image: none;
    }
    #section3 {
        background-color: #fbecff;
        background-image: none;
    }

    #visual {
        position: relative;
        height: 100vh;
        background-color: #d3f3ff;
        background-image: url(../img/index/main_img.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 320px;
    }
    #visual img {
        width: auto;
        max-width: 100%;
        height: auto;
    }
    #visual .khwrap {
        position: relative;
        z-index: 1;
        padding: 0 20px;
    }
    #visual .khwrap:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: "";
    }
    #visual .banner {
        width: 44%;
        padding: 420px 0 100px 0;
        background: url(../img/index/banner-img.png) no-repeat 50% 0% / 95% auto;
    }
    #visual .banner ul {
        font-size: 0;
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    }
    #visual .banner li {
        display: inline-block;
        width: 50%;
    }
    #visual .banner li a {
        display: block;
        padding: 0 0 20px 0;
        border-right: 1px dashed #eaeaea;
        padding: 2%;
    }
    #visual .banner li:first-child a {
        border-bottom: 1px dashed #eaeaea;
    }
    #visual .banner li:last-child a {
        border: 0;
        border-top: 1px dashed #eaeaea;
    }
    #visual .banner li i {
        display: block;
        height: 90px;
        background-size: 80px auto !important;
        transition: all 0.2s;
    }
    #visual .banner li strong {
        display: block;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        transition: all 0.2s;
        font-size: 18px;
        padding: 1% 0;
        font-weight: 600;
    }
    #visual .banner a:hover {
        background: #fffde1;
    }
    #visual .banner a:hover strong {
        font-weight: 700;
        text-decoration: underline;
    }

    #visual .popz {
        float: left;
        position: absolute;
        top: 280px;
        bottom: auto;
        right: 50%;
        transform: translateX(50%);
        width: 100%;
        background-color: #fff;
        border-radius: 20px;
        padding: 12.5px 10px;
    }
    #visual .popz .popz_list {
        position: relative;
    }
    #visual .popz .popz_list img {
        display: block;
        width: 100%;
        height: auto;
    }
    #visual .popz .swiper-ctrl {
        position: absolute;
        z-index: 2;
        background-color: rgba(255, 255, 255, 0.84);
        right: 0;
        bottom: 0;
        border-radius: 20.5px;
        border: 1px solid #e5e5e5;
    }
    #visual .popz .swiper-arrow {
        float: left;
    }
    #visual .popz .swiper-arrow .arrow {
        float: left;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #fff;
        text-align: center;
        cursor: pointer;
        transition: 0.3s;
    }
    #visual .popz .swiper-arrow .arrow + .arrow {
        margin-left: 60px;
    }
    #visual .popz .swiper-arrow .prev {
        background-image: url("../img/index/popz_prev.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    #visual .popz .swiper-arrow .next {
        background-image: url("../img/index/popz_next.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    #visual .popz .swiper-arrow .arrow span {
        display: block;
        font-size: 0;
        text-indent: -9999em;
        overflow: hidden;
    }
    #visual .popz .swiper-nums {
        line-height: 40px;
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #visual .popz .swiper-nums p {
        float: left;
        margin-top: 12px;
        min-width: 15px;
        line-height: 20px;
        font-weight: 600;
        color: #b1b1b1;
        text-align: center;
    }
    #visual .popz .swiper-nums #start_index {
        margin: 0;
        line-height: 40px;
        font-size: 22px;
        color: #000;
    }
    #visual .popz .swiper-nums #end_index {
        font-size: 14px;
    }

    /*  */
    #direct {
        position: absolute;
        z-index: 100;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff;
    }
    #direct .cons ul {
        font-size: 0;
        background: #fff;
        border-top: 0;
        padding: 15px 0;
    }
    #direct .cons li {
        display: inline-block;
        width: 25%;
        padding: 0;
        vertical-align: text-top;
    }
    #direct .cons li + li {
        border-left: 1px dashed #dedede;
    }
    #direct .cons li:nth-child(2) {
        display: none;
    }
    #direct .cons a {
        display: block;
        padding: 10px 0;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        border-radius: 20px;
    }
    #direct .cons i {
        display: block;
        margin: 0 auto 15px;
        width: 100%;
        height: 80px;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 80%;
    }
    #direct .cons a:hover {
        color: #000;
        font-weight: 500;
    }
    #direct .cons li:nth-child(1) a:hover {
        background: #fff5a8;
    }
    #direct .cons li:nth-child(2) a:hover {
        background: #b1e6e1;
    }
    #direct .cons li:nth-child(3) a:hover {
        background: #d8e3ff;
    }
    #direct .cons li:nth-child(4) a:hover {
        background: #ffdadd;
    }
    #direct .cons li:nth-child(5) a:hover {
        background: #fff4b0;
    }

    /* section1 복지관 이야기 */
    #story {
        padding: 80px 0;
        background-size: cover;
        overflow: hidden;
    }
    #story .cons {
        overflow: hidden;
        margin-top: 80px;
    }
    #story .cons .desc {
        padding: 0 10px 20px;
    }
    #story .cons .desc .inner {
        display: block;
        border: 1px solid #e9e9e9;
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        text-align: center;
        box-shadow: 0 4px 6px 0 #9ea8c4;
        padding: 10px;
    }
    #story .cons .desc .img img {
        width: 100%;
        height: auto;
        border-radius: 20px;
    }
    #story .cons .desc .sub {
        padding: 15px 15px 0 15px;
        text-align: left;
        line-height: 2;
        font-size: 17px;
        font-weight: 500;
        color: #8a62b7;
    }
    #story .cons .desc .tit {
        padding: 0 15px 0;
        text-align: left;
        line-height: 1.48;
        font-size: 23px;
        font-weight: 400;
        color: #000;
        letter-spacing: -0.5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #story .cons .desc .txt {
        padding: 0 15px 15px;
    }
    #story .cons .desc .txt dl {
        padding: 0;
        line-height: 1.81;
        overflow: hidden;
    }
    #story .cons .desc .txt dt {
        float: left;
        width: 24px;
        height: 24px;
        background: url("../img/index/time.png") no-repeat 50% 50%;
    }
    #story .cons .desc .txt dt img {
        display: block;
    }
    #story .cons .desc .txt dd {
        float: left;
        font-size: 16px;
        color: #9d9d9d;
    }
    #story .cons .swiper-ctrl {
        text-align: center;
        position: absolute;
        right: 50%;
        top: 50px;
        transform: translateX(50%);
        width: 100%;
    }
    #story .cons .swiper-ctrl .ctrl {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
    }
    #story .cons .swiper-ctrl .ctrl .arrow {
        width: 54px;
        height: 54px;
        cursor: pointer;
        border-radius: 50%;
    }
    #story .cons .swiper-ctrl .ctrl .prev {
        float: left;
        background: url("../img/index/left_off.png") no-repeat 50% 50%;
        margin-right: 5px;
    }
    #story .cons .swiper-ctrl .ctrl .prev:hover {
        background: url("../img/index/set1_left_on.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .next {
        float: left;
        background: url("../img/index/right_off.png") no-repeat 50% 50%;
        margin-right: 5px;
    }
    #story .cons .swiper-ctrl .ctrl .next:hover {
        background: url("../img/index/set1_right_on.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .play {
        width: 54px;
        height: 54px;
        cursor: pointer;
        border-radius: 50%;
        float: right;
        background: url("../img/index/stop_off.png") no-repeat 50% 50%;
    }
    #story .cons .swiper-ctrl .ctrl .play:hover,
    #story .cons .swiper-ctrl .ctrl .play.on {
        background: url("../img/index/set1_stop_on.png") no-repeat 50% 50%;
    }

    /* section2 기관소식 */
    #notice {
        padding: 80px 0;
    }
    #notice .mo_view {
        display: block;
        float: left;
        width: 100%;
        margin-top: 2%;
    }
    #notice .today_food.pc_view {
        display: none;
    }
    #notice .notice_sns.pc_view {
        display: none;
    }

    #notice .mo_view .today_food {
        float: left;
        width: 100%;
        margin-right: 0;
        background-color: #5db261;
        border-radius: 28px;
        text-align: center;
        background-image: url(../img/index/food.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    #notice .mo_view .today_food .ix_header {
        margin-top: 28px;
    }
    #notice .mo_view .today_food .ix_header a {
        font-size: 22px;
        font-weight: 500;
        color: #fff;
        padding: 28px 0 20px;
    }
    #notice .mo_view .today_food .ix_date {
        position: relative;
    }
    #notice .mo_view .today_food .ix_date span {
        display: inline-block;
        width: 104px;
        height: 104px;
        border-radius: 50%;
        background-color: #fff;
        color: #000;
        text-align: center;
    }
    #notice .mo_view .today_food .ix_date .food-day {
        font-size: 34px;
        font-weight: 500;
        line-height: 1;
    }
    #notice .mo_view .today_food .ix_date .food-ym {
        font-size: 15px;
        font-weight: 400;
    }
    #notice .mo_view .today_food .ix_date a {
        font-size: 35px;
        font-weight: 800;
        color: #0d3f5b;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #notice .mo_view .today_food .ix_date a.predate {
        left: 23%;
    }
    #notice .mo_view .today_food .ix_date a.nxtdate {
        right: 23%;
    }
    #notice .mo_view .today_food .ix_content {
        min-height: 240px;
        padding: 10px;
        font-size: 17px;
        line-height: 1.95;
        color: #fff;
    }

    /**/
    #notice .mo_view .notice_sns {
        float: left;
        width: 100%;
        margin-top: 2%;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 0 8px 0 rgba(165, 165, 165, 0.5);
    }
    #notice .mo_view .notice_sns .ntc_sns {
        background-repeat: no-repeat;
        background-position: 28px center;
        padding: 35px 0;
        background-size: 65px;
    }
    #notice .mo_view .notice_sns .ntc_sns .ntc_sns_T {
        font-size: 20px;
        font-weight: 500;
        padding-left: 137px;
    }
    #notice .mo_view .notice_sns .ntc_sns.snsicon_01 {
        background-image: url(../img/index/sns_1.png);
        border-bottom: 1px solid #e3e3e3;
    }
    #notice .mo_view .notice_sns .ntc_sns.snsicon_02 {
        background-image: url(../img/index/sns_2.png);
        border-bottom: 1px solid #e3e3e3;
        background-color: #fafafa;
    }
    #notice .mo_view .notice_sns .ntc_sns.snsicon_03 {
        background-image: url(../img/index/sns_3.png);
    }

    /**/
    #notice .board_box {
        float: right;
        width: 100%;
        margin-top: 2%;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 0 8px 0 rgba(165, 165, 165, 0.5);
        overflow: hidden;
    }
    #notice .title_tabs {
        font-size: 20px;
        float: left;
        width: 33.333333%;
        display: block;
        background-color: #f4f4f4;
        text-align: center;
        padding: 23px 0;
    }
    #notice .title_tabs.mtlt_sel {
        font-weight: 500;
        background-color: #49b0a6;
        color: #fff;
        border-radius: 20px 20px 0 0;
    }
    #notice .mtl_contentBox {
        display: none;
    }

    /* section2 후원/자원봉사 */
    #good {
        padding: 80px 0;
        background-size: cover; /*overflow: hidden;*/
    }
    #good .beans {
        float: left;
        width: 100%;
        position: relative;
    }
    #good .beans a {
        display: block;
        font-size: 20px;
        border-bottom: 1px solid #e0e0e0;
        padding: 15px 0;
        padding-left: 80px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    #good .beans a:nth-child(1) {
        background-image: url(../img/index/quick_1_off.png);
    }
    #good .beans a:nth-child(2) {
        background-image: url(../img/index/quick_2_off.png);
    }
    #good .beans a:nth-child(3) {
        background-image: url(../img/index/quick_3_off.png);
    }
    #good .beans a:hover {
        font-weight: 500;
    }
    #good .beans a:nth-child(1):hover {
        background-image: url(../img/index/quick_1_on.png);
    }
    #good .beans a:nth-child(2):hover {
        background-image: url(../img/index/quick_2_on.png);
    }
    #good .beans a:nth-child(3):hover {
        background-image: url(../img/index/quick_3_on.png);
    }

    #good .good_ri {
        float: left;
        width: 100%;
    }
    #good .good_ri .good_box {
        float: left;
        width: 100%;
        margin: 1% 0;
        border: 1px solid #e1e1e1;
        border-radius: 20px;
        overflow: hidden;
    }
    #good .good_box .good_btop {
        float: left;
        width: 30%;
        display: none;
    }
    #good .good_box .good_btop img {
        width: 100%;
        height: auto;
        min-height: 200px;
    }
    #good .good_box .good_bbot {
        text-align: center;
        background-color: #fff;
        float: left;
        width: 100%;
    }
    #good .good_box .good_bbot .gd_bbt {
        padding: 20px 0;
    }
    #good .good_box .good_bbot .gd_bbt_T {
        font-size: 20px;
        font-weight: 500;
    }
    #good .good_box .good_bbot .gd_bbt_ti {
        font-size: 17px;
        line-height: 1.83;
    }
    #good .good_box .good_bbot .gd_bbb {
        font-size: 0;
    }
    #good .good_box .good_bbot .gd_bbb a {
        display: inline-block;
        background-color: #f5f5f5;
        font-size: 18px;
        padding: 15px 0;
        width: 50%;
    }
    #good .good_box .good_bbot .gd_bbb a + a {
        border-left: 1px solid #e4e4e4;
    }
    #good .good_box .good_bbot .gd_bbb.gd_btn_1ea a {
        width: 100%;
    }
    #good .good_box .good_bbot .gd_bbb a:hover {
        background-color: #8656c1;
        color: #fff;
        font-weight: 600;
    }
}

/* 오른쪽 메뉴 */
#kh-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    opacity: 1;
}
#kh-nav ul {
    padding: 10px 0;
    width: 120px;
    text-align: center;
}
#kh-nav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    padding: 10px 0;
    transition: all 0.1s;
    border-bottom: 1px solid #cecece;
}
#kh-nav ul li a strong {
    font-size: 19px;
    font-weight: 400;
    color: #000;
    border-radius: 20px 0 0 20px;
    display: block;
    padding: 10px 0;
}
#kh-nav ul li:nth-child(1) a:hover,
#kh-nav ul li:nth-child(1) a.active strong {
    font-weight: 500;
    color: #fff;
}
#kh-nav ul li:nth-child(2) a:hover,
#kh-nav ul li:nth-child(2) a.active strong {
    font-weight: 500;
    color: #fff;
}
#kh-nav ul li:nth-child(3) a:hover,
#kh-nav ul li:nth-child(3) a.active strong {
    font-weight: 500;
    color: #fff;
}
#kh-nav ul li:nth-child(4) a:hover,
#kh-nav ul li:nth-child(4) a.active strong {
    font-weight: 500;
    color: #fff;
}
#kh-nav ul li:nth-child(5) a:hover,
#kh-nav ul li:nth-child(5) a.active strong {
    font-weight: 500;
    color: #fff;
}

#kh-nav ul li:nth-child(1) a.active strong {
    background-color: none;
}
#kh-nav ul li:nth-child(2) a.active strong {
    background-color: #335193;
}
#kh-nav ul li:nth-child(3) a.active strong {
    background-color: #75b15a;
}
#kh-nav ul li:nth-child(4) a.active strong {
    background-color: #8656c1;
}
#kh-nav ul li:nth-child(5) a.active strong {
    background-color: #4e4e4e;
}

#kh-nav ul li.idx_name {
    padding: 10px;
    background-color: #f9da32;
    border-radius: 20px;
}
#kh-nav ul li button {
    display: inline-block;
    position: relative;
    padding: 10px 20px;
    background: transparent;
    transition: all 0.1s;
    border-bottom: 1px solid #cecece;
}
#kh-nav ul li button strong {
    font-size: 19px;
    font-weight: 400;
    color: #000;
}

@media (max-width: 1499px) {
    #kh-nav {
        display: none;
    }
}