/*메인비주얼*/
.visual{height:calc(100vh - 3rem); position: relative; padding: 6.25rem 3.125rem 0; }
.visual .inner{max-width:93.75rem; margin: 0 auto;}
.main-slide .inner { height: 100%;}
.main-slide .slide{height: 100%; border-radius: 1.25rem; overflow: hidden;}
.main-slide .slide-item{width: 100%; height: 100%; position: relative;}
.main-slide .slide-item:after{content:''; position: absolute; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.70) 10%, rgba(0, 0, 0, 0.00) 78.16%); }
.main-slide .slide-item img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.main-slide .slide img{width: 100%; height: 100%; object-fit: cover;}
.main-slide .slide-text { position: absolute; top: 50%; left: 6.25rem; transform: translateY(-50%); color: #fff; z-index: 3; text-align: left;}
.main-slide .slide-text p {font-size: 1.125rem; line-height: 1.4; margin-top: .5rem; letter-spacing: 0.125rem; font-weight: 400; color: #fff;}
.main-slide .slide-text strong {font-size: 3.4375rem; letter-spacing: 0.1875rem; font-weight: 800; font-family: 'Godo';}
.visual-indicator {display: flex; align-items: center; position: absolute; z-index: 99; bottom: 6.25rem; left:9.25rem;}
.visual-pagination {width: auto;}
.visual-pagination span{font-weight: 500; color: #888; display: inline-block; min-width: 3.125rem;}
.visual-pagination .swiper-pagination-current{color:#fff;  position: relative; padding-right: 1.875rem;}
.visual-pagination .swiper-pagination-current:after{content: ''; width: 1.375rem; height: 0.0625rem; background: #BABABA; position: absolute; top: 50%; transform: translateY(-50%); right: 0.1875rem;}
.visual-control {display: flex;}
.visual-control button{color: #fff; font-size: 1.4rem; }
.visual-control .vi-play{display: none;}

/*common*/
section{padding: 4.375rem 0;}
.main-title{text-align: center; font-family: 'Godo'; font-size: 2.5rem; padding-bottom: 2.1875rem; color: #222;}
.main-title span{color: #c83131;}

/*나눔현황*/
.section-1{padding: 50px 0 0 ;}
.section-1 .container{display: flex; gap: 4.375rem; align-items: end;}
.section-1 .main-title{padding: 0 0 0.625rem;}
.section-1 .status{display: flex; gap: 1.5rem; width: 100%;}
.section-1 .status li{ flex: 1 1 0; text-align: center; background: #fff; /*box-shadow: 0 0.25rem 2.5rem 1rem rgba(0, 0, 0, 0.05); */ border-radius: 0.9375rem; padding: 0 1.25rem;}
.section-1 .status li span{font-size: 3.125rem; color: #BF3137; font-weight: 900; font-family: 'Daeojamjil';}
.section-1 .status li small{font-size: 24px; color: #222;}
.section-1 .status li strong {font-size: 1.125rem; color: #222; display: block; padding-top: 0.625rem; font-weight: 400;}

/*나눔과 봉사활동*/
.section-2{position: relative;}
.section-2:after{content:''; width: 47.5rem; height: 44.375rem; position: absolute; top:0; right: -8%; background: url("../images/main/pattern-1.png") no-repeat; z-index: -1; background-size: contain}
.shortcut {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem;}
.shortcut li {text-align: center; border-radius: 0.625rem; position: relative;}
.shortcut li a {display: block; width: 100%; height: 100%; }
.shortcut .image {position: absolute; inset: 0; overflow: hidden;}
.shortcut .image img {position: absolute; display: block; width: 100%; height: 100%; object-fit: cover;}
.shortcut li:nth-child(1),
.shortcut li:nth-child(2),
.shortcut li:nth-child(3) {grid-row: 1 / 3;  width: 100%; padding-bottom: 100%; overflow: hidden;}
.shortcut li:nth-child(1):after,
.shortcut li:nth-child(2):after,
.shortcut li:nth-child(3):after {content: ''; position: absolute; width: 100%; height: 100%;background: linear-gradient(180deg, rgba(50, 33, 21, 0.00) 0%, #322115 100%); z-index: 10; left: 0; bottom: 0;}
.shortcut li:nth-child(5) {grid-column: 4; grid-row: 2;}
.shortcut li:nth-child(1) a,
.shortcut li:nth-child(2) a,
.shortcut li:nth-child(3) a{
    position: absolute; left: 0; top: 0;
}
.shortcut li a{width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #fff; font-weight: 700; z-index: 20; font-weight: 700;}
.shortcut li:nth-child(4){background: #bf3137;}
.shortcut li:nth-child(4):after{ content:''; width: 50%; height: 80%; background: url("../images/main/shortcut-4.svg") no-repeat center right; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); z-index: 10; background-size: contain; }
.shortcut li:nth-child(4):after{ content:''; width: 50%; height: 80%; background: url("../images/main/shortcut-4.svg") no-repeat center right; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); z-index: 10; background-size: contain; }
.shortcut li:nth-child(4) a,
.shortcut li:nth-child(5) a{justify-content: left; align-items: flex-start; padding: 1.5625rem; position: relative; text-align: left;}
.shortcut li:nth-child(5){background: #2db44e;}
.shortcut li:nth-child(5):after{ content:''; width: 50%; height: 80%; background: url("../images/main/shortcut-5.svg") no-repeat center right; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); z-index: 10; background-size: contain;}

/*공지사항
.section-3 .container{display: flex; gap:2rem;}
.empty {color: #555;  padding: 1.25rem 1.875rem; text-align: center; width: 100%; }
.empty i{font-size: 2rem; color:#a5acb7;}
.notice{position: relative; width: 70%;}
.title-group {display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.875rem;}
.title-group h2{padding: 0;}
.title-group .more{border:0.0625rem solid #979797; border-radius: 3.125rem; padding: 0.625rem 1.25rem;  transition: all .3s; font-size: 0.875rem;  color: #555; font-weight: 300;}
.title-group .more:hover{ background: #bf3137; color: #fff; border: 1px solid #bf3137;}
.notice-list {display: flex; flex-wrap: wrap; width: 100%; gap: 0.625rem;}
.notice-item {width: 100%; position: relative; background: #f9f9f9; border-radius: 0.625rem;  transition: all .2s;}
.notice-item a{position: relative; z-index: 2;  padding: 1.34375rem 1.25rem; transition: all .3s; display: flex; justify-content: space-between; align-items: center; }
.notice-item .title {font-size: 1.125rem; font-weight: 700; transition: all .3s;}
.notice-item .date {color: #555; font-size: 0.875rem; transition: all .3s; min-width: 5rem;}
.notice-item:hover{background: #bf3137;}
.notice-item:hover .title, .notice-item:hover p,.notice-list.first:hover .more{color: #fff;}
.notice-item:hover .date {color: #fff;}
.notice-item .more:after {content: '';width: 0;height: 0.0625rem;background-color: #fff;position: absolute;left: 0;bottom: 0;transition: all .2s;}
.notice-item:hover .more:after {width: 100%;}*/

.section-3 .container{display:flex; flex-wrap:wrap; justify-content:space-between}
.section-3 .container > div{ width:calc(100%/3 - 20px);border:1px solid #ddd; border-radius:20px;padding:30px}

/*공지사항*/
.notice{position: relative;}
.title-group {display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.875rem;}
.title-group h2{padding: 0;}
.title-group .more{border:0.0625rem solid #979797; border-radius: 3.125rem; padding: 0.625rem 1.25rem;  transition: all .3s; font-size: 0.875rem;  color: #555; font-weight: 300;}
.title-group .more:hover{ background: #bf3137; color: #fff; border: 1px solid #bf3137;}
.notice-list {display: flex; flex-wrap: wrap; width: 100%; gap: 0.625rem;}
.notice-item {width: 100%; position: relative; border-radius: 0.625rem;  transition: all .2s;}
.notice-item a{position: relative; z-index: 2;   transition: all .3s; display: flex; justify-content: space-between; align-items: center; }
.notice-item a:hover{color:#d93030}
.notice-item .title {font-size: 1.125rem; font-weight: 700; transition: all .3s;}
.notice-item .date {color: #555; font-size: 0.875rem; transition: all .3s; min-width: 5rem;}
.notice-item .more:after {content: '';width: 0;height: 0.0625rem;background-color: #fff;position: absolute;left: 0;bottom: 0;transition: all .2s;}
.notice-item:hover .more:after {width: 100%;}


/*지도*/
.section-3 .container > .location{padding:0;overflow:hidden;position:relative;}
.section-3 .root_daum_roughmap{width:100% !important;position:absolute;left:0; top:0; width:100%; height:100%;}
.section-3 .root_daum_roughmap .wrap_controllers, .section-3 .root_daum_roughmap .cont, .section-3 .root_daum_roughmap .map_border{display:none}
.section-3 .root_daum_roughmap .wrap_map{min-height:100% !important}

/*후원계좌*/
.section-3 .info {background:#d93030; color:#fff}
.section-3 .info .account ul{color:#452525; text-align: center;margin-top:20px;background:#fff; border-radius:10px}
.section-3 .info .account ul li:first-child{border-bottom: 0.0625rem solid #ffd6d4; }

.section-3 .info .account ul li {padding: 20px 0;}
.section-3 .info .account ul span{font-size: 1.25rem; padding-right: 0.3125rem;}
.section-3 .info .account ul strong{font-size: 1.25rem;font-family: 'Daeojamjil'; font-weight: 800; }


/*후원계좌
.section-3 .info {width: 30%; padding-top: 5.625rem; display: flex; flex-direction: column; gap: 0.625rem}
.section-3 .info h3{font-size: 1.875rem; font-family: 'Godo'; color: #222; display: flex; align-items: center;}
.section-3 .info h3 span{width: 2.25rem; height: 2.25rem; display: inline-block; background: #d93030; border-radius: 3.125rem; text-align: center; margin-right: 0.625rem;}
.section-3 .info h3 span i{font-size: 1.375rem; font-weight: 100; color: #fff; display: inline-block; transform: translateY(-0.3125rem);}
.section-3 .info .account{background: #fff0ef; padding: 1.875rem;border-radius: 0.9375rem;border: 0.0625rem solid #FFB2AD;}
.section-3 .info .account ul{color: #452525; text-align: center; padding-top: 0.625rem;}
.section-3 .info .account ul li:first-child{border-bottom: 0.0625rem solid #ffd6d4; }
.section-3 .info .account ul li:last-child{padding-bottom: 0;}
.section-3 .info .account ul li {padding: 15px 0;}
.section-3 .info .account ul span{font-size: 1.25rem; padding-right: 0.3125rem;}
.section-3 .info .account ul strong{font-size: 1.25rem;font-family: 'Daeojamjil'; font-weight: 800; }
.section-3 .info .location {background:#f9f5ef; border: 1px solid #E2DBD2; border-radius: 15px; padding: 30px;}*/

/*갤러리*/
.news {width: 100%; position: relative}
.news-list{display: flex; justify-content: space-between; height: 80%; gap: 1.5625rem;}
.news-list .news-item{ width: calc(100% / 3); border-radius: 10px; overflow: hidden;}
.news-item .thumb {position: relative; width: 100%; padding-bottom: 100%;}
.news-item .thumb-img {position: absolute; inset: 0; overflow: hidden;}
.news-item .thumb-img img {position: absolute; display: block; width: 100%; height: 100%; object-fit: cover;}
.news-item .text {background: #f9f5ef; padding: 1.875rem ;}
.news-item .text small{display: block; color: #F46F6F; font-weight: bold; padding-bottom: 0.3125rem;}
.news-item .text .title{font-size: 1.125rem; min-height: 3.375rem; color: #222;}

/* 함께하는 곳 */
.section-5 {padding: 0 0 1.875rem;}
.section-partner {
    padding: 4.375rem 0;
    background-color: #f9f9f9;
}

.partner {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}

.partner h2 {
    text-align: left;
    margin-bottom: 0;
    margin-right: 6.25rem;
    font-family: 'Godo';
    font-size: 1.875rem;
    color: #222;
    flex-shrink: 0;
}

.partner-carousel-wrapper {
    flex: 1;
    overflow: hidden;
}

.partner ul {
    display: flex;
    white-space: nowrap;
    width: max-content;
}

.partner ul li {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem;
    height: 5rem;
}

.partner ul li img,
.partner ul li p {
    max-height: 100%;
    max-width: 15.625rem;
    object-fit: contain;
    /*filter: grayscale(100%); */
    /*opacity: 0.6;*/
    transition: all 0.3s ease;
}

.partner ul li p{
    padding: 0 1.25rem;
    font-size: 20px;
    font-weight: 700;
}

.partner ul li:hover img,
.partner ul li:hover p {
    filter: grayscale(0%);
    opacity: 1;
}


@media (max-width: 991px) {
    /*메인비주얼*/
    .visual {width: 100%; padding: 5rem 0 0;}
    .main-slide .slide {border-radius: 0;}

    /*나눔현황*/
    .section-1 .status li span{font-size: 2.5rem}

    /*나눔과봉사활동*/
    .shortcut li a{font-size: 1.25rem;}

    /*소식
    .section-3 .container{flex-direction: column;}
    .notice{width: 100%;}
    .section-3 .info{padding-top: 0; width: 100%;}*/
	/*소식*/
	.section-3 .container > div{width:100%}
	.section-3 .container > div:nth-child(n+2){margin-top:1.25rem}
	.section-3 .root_daum_roughmap{position:relative;}
	.section-3 .root_daum_roughmap .wrap_map{min-height:300px !important}
}


@media all and (max-width:767px) {

    /*메인비주얼*/
    .visual {
        height: 50rem;
    }
    .main-slide .slide-item:after{
        background:rgba(0,0,0,.4);
    }
    .main-slide .slide-text {
        left: 15px;
    }

    .main-slide .slide-text small {
        font-size: 1.2rem;
    }

    .main-slide .slide-text p {
        font-size: 1rem;
        line-height:1.5;
    }

    .main-slide .slide-text strong {
        font-size: 2.5rem;
    }

    .visual-indicator {
        left: 0.9375rem;
    }

    /*나눔현황*/
    .section-1 .container{
        flex-direction: column;
        gap: 0;
        align-items: center;
    }

    .section-1 .status {
        flex-direction: column;
        gap: 0;
    }

    .section-1 .status li {
        padding: 10px
    }


    /*나눔과 봉사활동  */
    .section-2:after{right: -20%;}
    .shortcut {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0.625rem;
    }

    .shortcut li {
        grid-row: auto !important;
        grid-column: auto !important;
    }

    .shortcut li:nth-child(1),
    .shortcut li:nth-child(2),
    .shortcut li:nth-child(3) {
        width: 100%;
        margin-bottom: 0.625rem;
        padding-bottom: 45%;
    }

    .shortcut li:nth-child(4),
    .shortcut li:nth-child(5) {
        width: calc(50% - 0.3125rem);
    }

    .shortcut li:nth-child(4) a,
    .shortcut li:nth-child(5) a{
        padding: 1.5rem;
    }

    /*활동소식*/
    .news-list{flex-direction: column;}
    .news-list .news-item{width: 100%;}

    /*함께하는곳*/
    .partner{flex-direction: column;}
    .partner h2{margin: 0;}
}