#main_bn {position:relative;overflow:auto;width:100% !important; height:490px; max-height:490px !important; min-height:150px !important;}
#main_bn .bn_ul{margin:0; padding:0}
#main_bn .bn_ul li{/*height:321px;*/float:left;list-style:none; background:none !important;}

#main_bn li .bn_wr{width:100%; height:490px;margin:0 auto; background-color:#f9f9f9;}
	@media (max-width: 1024px) {
		#main_bn {height:255px;}
		#main_bn li .bn_wr{width:100%; height:255px; margin:0 auto; background-color:#f9f9f9;}
	}
	@media (max-width: 768px) {
		#main_bn {height:150px;}
		#main_bn li .bn_wr{width:100%; height:150px; margin:0 auto; background-color:#f9f9f9;}
	}
#main_bn li .bn_wr > img {width:100%; height:auto; }
#main_bn .dots{position:absolute;bottom:5px;text-align:center;width:100%}
#main_bn .dots li{cursor: pointer;margin-right:10px;text-indent:-9999px;width:10px;height:10px;border-radius:50%; background:#fff;overflow:hidden;display:inline-block;zoom:1; *display:inline /*IE7 HACK*/; _display:inline; /*IE6 HACK*/}
#main_bn .dots li.active{background:#4774b9;width:30px;border-radius:10px;}

.ad-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: auto;
    border-radius: 10px;
}

.ad-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.ad-slide {
    min-width: 100%;
}

.ad-slide img {
    width: 100%;
    display: block;
    border-radius: 10px;
}

/* 이전/다음 버튼 */
.ad-slider button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
}

.ad-slider button.prev { left: 10px; }
.ad-slider button.next { right: 10px; }

.ad-slider button:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* 슬라이드 개수 표시 */
.slide-counter {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
}

/* 슬라이드 점(●●●) */
.slide-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.ad-slider .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: gray;
    border-radius: 50%;
    cursor: pointer;
}

.ad-slider .dot.active {
    background: white;
}
/* 공통 */
/* Custom - scaleY 삭제, translateY값 축소 */
@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -20px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

/* hover effect - 이미지 확대 */
.white_box .photo img { transition: transform .3s ease-out; }
.swiper-slide:hover .white_box .photo img { transform: scale(1.1); }

/* hover */
#section4 .swiper-slide .slide_wrap { transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
#section4 .white_box { transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
#section4 .swiper-slide:hover .slide_wrap { transform: translateY(-20px); }
#section4 .swiper-slide:hover .white_box { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); }

#section6 .tabContentsBox .whiteBackgound:hover { transform: translateY(-20px); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); }
#section6 .tabContentsBox .subTabBtn li:hover a::after { top: -18px; opacity: 1; }

#section7 .cont_link .item { transition: box-shadow 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
#section7 .cont_link .item:hover { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); transform: translate3d(0, -18px, 0); }




/* 메인 비쥬얼 */
/* ------------------------------------------------------------------------------------------------------------------ */
#visual .swiper-slide .imgBox img { position: relative; left: 50%; transform: translateX(-50%); }

#visual .visual_pagi { bottom: 50px; }
#visual .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; background-color: #fff; margin: 0 6px; }
#visual .swiper-pagination-bullet-active { background-color: #00b0ec; }



/* section2 (사회공헌) */
/* ------------------------------------------------------------------------------------------------------------------ */
#section2 .sec2_wrap { padding-top: 120px; }
#section2 .main_titBox { margin-bottom: 70px; position: relative; }
#section2 .main_titBox::before { content: ''; position: absolute; left: -126px; top: -55px; width: 180px; height: 118px; background: url('/data/skin/swin_v01/img/main/bg_quote_blue.png') no-repeat; z-index: 1; }
#section2 .main_titBox h3 { font-size: 40px; font-weight: 600; margin-bottom: 28px; display: inline; position: relative; z-index: 2; }
#section2 .main_titBox p { font-size: 18px; line-height: 1.8; display: inline-block; margin-left: 10px; position: relative; z-index: 2; }

/* 레이아웃 */
#section2 .top_box { margin-bottom: 3%; display: flex; flex-wrap: wrap; }
#section2 .business_box { width: 40%; margin-right: 30px; }
#section2 .review_box { width: 40%; margin-right: 30px; }
#section2 .consult_box { width: 15%; border-radius: 15px; background-color: #c7f3fe;  }

#section2 .business_box .card_slide_box { background-color: #eff8fb; min-height: 490px; }
#section2 .review_box .card_slide_box { background-color: #eff8fb; min-height: 490px; }

#section2 .card_slide_box { border-radius: 15px; padding: 60px 40px 30px; overflow: hidden; }
#section2 .card_slide_box .card_title { padding: 0 10px; display: flex; justify-content: space-between; align-items: flex-start; }
#section2 .card_slide_box .card_title .title { display: flex; align-items: flex-end; margin-bottom: 40px; }
#section2 .card_slide_box .card_title .title h4 { font-size: 30px; font-weight: 600; margin-right: 10px; }
#section2 .card_slide_box .card_title .button_wrap { position: relative; display: flex; align-items: center; }
#section2 .slide_toggle { display: inline-block; margin: 0 11px; padding-bottom: 1px; }
#section2 .sec2_next,
#section2 .sec2_prev { width: 10px; height: 17px; background-size: 10px 17px; position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-top: 0; }
#section2 .sec2_next { background-image: url('/data/skin/swin_v01/img/icon/main_sec2_next.png'); }
#section2 .sec2_prev { background-image: url('/data/skin/swin_v01/img/icon/main_sec2_prev.png'); }

#section2 .card_slide_box .swiper-container { padding: 0 10px; padding-bottom: 30px; }
#section2 .card_slide_box .state { text-align: center; margin-bottom: -30px; }
#section2 .card_slide_box .state span { width: 60px; height: 60px; font-size: 15px; font-weight: 500; color: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color: #00b0ec; box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.1); }
#section2 .card_slide_box .state span.finish { background-color: #aeb9c3; }
#section2 .card_slide_box .state span.donate_bg { background-color: #96c44e; }
#section2 .card_slide_box .white_box { background-color: var(--white-color-1); padding: 65px 25px 0; min-height: 270px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); }
#section2 .card_slide_box .white_box .slide_title { margin-bottom: 25px; font-size: 16px; font-weight: 500; line-height: 1.5; margin-bottom: 20px; color: #222; }
#section2 .card_slide_box .white_box .slide_place { font-size: 15px; color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px; }
#section2 .card_slide_box .white_box .slide_date { font-size: 15px; color: #777; }

#section2 .card_slide_box2 .swiper-container { padding-top: 30px; margin-top: -30px; }
#section2 .card_slide_box2 .white_box { padding: 0; min-height: 300px; }
#section2 .card_slide_box2 .white_box .photo { height: 165px; overflow: hidden; text-align: center; }
#section2 .card_slide_box2 .white_box .photo img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
#section2 .card_slide_box2 .white_box .text { padding: 28px 25px 0; }
#section2 .card_slide_box2 .white_box .text h6 { font-size: 16px; font-weight: 500; line-height: 1.5; margin-bottom: 15px; color: #222; }
/* 두 줄 효과 */
#section2 .card_slide_box2 .white_box .text h6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#section2 .card_slide_box2 .white_box .text .date { color: #777; }

#section2 .consult_box {  }
#section2 .consult_box a { padding: 60px 0 60px 45px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 45px; }
#section2 .consult_box a .text h4 { font-size: 30px; line-height: 1.3; font-weight: 600; margin-bottom: 30px; }
#section2 .consult_box a .text p { font-size: 16px; line-height: 1.6; }
#section2 .consult_box a .photo { margin-right: auto; margin-left: 18px; }

/* 지원후기 레이아웃 변경 */
#section2 .review_box .slide_wrap { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; }
#section2 .review_box .slide_wrap>a { width: 96%; height: auto; aspect-ratio: 16 / 10; max-height: 135px; margin: 0 auto; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); }
#section2 .review_box .slide_wrap .text { padding: 28px 25px; height: 100%; }
#section2 .review_box .slide_wrap .text h6 { font-size: 16px; font-weight: 500; line-height: 1.5; margin-bottom: 15px; color: #222; min-height: 48px; }
#section2 .review_box .slide_wrap .text h6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#section2 .review_box .slide_wrap .text .date { color: #777; font-size: 16px; }




/* section3 (자원봉사) */
/* ------------------------------------------------------------------------------------------------------------------ */
#section3 .sec3_wrap { padding-top: 120px; }
#section3 .main_titBox { margin-bottom: 70px; position: relative; }
#section3 .main_titBox::before { content: ''; position: absolute; left: -126px; top: -55px; width: 180px; height: 118px; background: url('/data/skin/swin_v01/img/main/bg_quote_green.png') no-repeat; z-index: 1; }
#section3 .main_titBox h3 { font-size: 40px; font-weight: 600; margin-bottom: 28px; display: inline; position: relative; z-index: 2; }
#section3 .main_titBox p { font-size: 18px; line-height: 1.8; display: inline-block; margin-left: 10px; position: relative; z-index: 2; }

#section3 .bottom_box { display: flex; flex-wrap: wrap; }
#section3 .donate_box { width: 58%; margin-right: 2%; }
#section3 .rightBox { width: 40%; }

#section3 .donate_box .card_slide_box { background-color: #edf8f3; min-height: 470px; }

#section3 .card_slide_box { border-radius: 15px; padding: 60px 40px 30px; overflow: hidden; }
#section3 .card_slide_box .card_title { padding: 0 10px; display: flex; justify-content: space-between; align-items: flex-start; }
#section3 .card_slide_box .card_title .title { display: flex; align-items: flex-end; margin-bottom: 10px; }
#section3 .card_slide_box .card_title .title h4 { font-size: 30px; font-weight: 600; margin-right: 10px; }
#section3 .card_slide_box .card_title .button_wrap { position: relative; display: flex; align-items: center; }
#section3 .slide_toggle { display: inline-block; margin: 0 11px; padding-bottom: 1px; }
#section3 .sec3_next,
#section3 .sec3_prev { width: 10px; height: 17px; background-size: 10px 17px; position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-top: 0; }
#section3 .sec3_next { background-image: url(/data/skin/swin_v01/img/icon/main_sec2_next.png); }
#section3 .sec3_prev { background-image: url(/data/skin/swin_v01/img/icon/main_sec2_prev.png); }

#section3 .card_slide_box { border-radius: 15px; padding: 60px 40px 30px; overflow: hidden; }
#section3 .card_slide_box .swiper-container { padding: 0 10px; padding-top: 30px; padding-bottom: 30px; }
#section3 .card_slide_box .white_box { background-color: var(--white-color-1);  padding: 0; min-height: 300px;  border-radius: 10px; overflow: hidden; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); }
#section3 .card_slide_box .white_box .photo { height: 165px; overflow: hidden; text-align: center; }
#section3 .card_slide_box .white_box .photo img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
#section3 .card_slide_box .white_box .text { padding: 28px 25px 0; }
#section3 .card_slide_box .white_box .text h6 { font-size: 16px; font-weight: 500; line-height: 1.5; margin-bottom: 15px; color: #222; }
/* 두 줄 효과 */
#section3 .card_slide_box .white_box .text h6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#section3 .card_slide_box .white_box .text .date { color: #777; }

#section3 .donate_box .tab { font-size: 30px; font-weight: 500; position: relative; margin-right: 60px; }
#section3 .donate_box .tab.on { font-weight: 600; color: #7db12a; }
#section3 .donate_box .tab::before { content: ''; display: block; width: 8px; height: 8px; border-radius: 100%; background-color: #96c44e; position: absolute; top: 0; opacity: 0; left: 50%; transform: translateX(-50%); transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);}
#section3 .donate_box .tab::after { content: ''; position: absolute; right: -30px; top: 3px; width: 1px; height: 26px; background: #bec6c2; }
#section3 .donate_box .tab:last-of-type { margin-right: 0; }
#section3 .donate_box .tab:last-of-type::after { display: none; }
#section3 .donate_box .tab:hover::before,
#section3 .donate_box .tab.on::before { top: -18px; opacity: 1; }
#section3 .donate_box .tab_item { display: none; }
#section3 .donate_box .tab_item.on { display: block; }
#section3 .donate_box .card_slide_box .card_title .button_wrap { display: none; }
#section3 .donate_box .card_slide_box .card_title .button_wrap.on { display: flex; }

#section3 .rightBox .right-top { display: flex; gap: 30px; height: calc(50% - 15px); margin-bottom: 30px; }
#section3 .rightBox .right-top>div { width: 50%; }

#section3 .vms_box { height: 100%; background: #beeee8; border-radius: 15px; }
#section3 .vms_box a { width: 100%; padding: 50px 0 40px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
#section3 .vms_box a .text h4 { font-size: 30px; line-height: 1.3; font-weight: 600; margin-bottom: 30px; }
#section3 .vms_box a .text p { font-size: 16px; line-height: 1.6; }
#section3 .vms_box a .photo {  }
#section3 .vms_box a .photo img { width: 71px; }

#section3 .qna_box { height: 100%; background: #beeee8; border-radius: 15px; }
#section3 .qna_box a { width: 100%; padding: 50px 0 40px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
#section3 .qna_box a .text h4 { font-size: 30px; line-height: 1.3; font-weight: 600; margin-bottom: 30px; }
#section3 .qna_box a .text p { font-size: 16px; line-height: 1.6; }
#section3 .qna_box a .photo {  }

#section3 .volunteer_box { height: calc(50% - 15px); background: #fff093; border-radius: 15px; }
#section3 .volunteer_box a { padding: 50px 60px 50px 70px; display: flex; justify-content: space-between; align-items: center; }
#section3 .volunteer_box a .text h4 { font-size: 30px; line-height: 1.3; font-weight: 600; margin-bottom: 30px; }
#section3 .volunteer_box a .text p { font-size: 16px; line-height: 1.6; }
#section3 .volunteer_box a .photo {  }





/* section4 (사회복지교육) */
/* ------------------------------------------------------------------------------------------------------------------ */
#section4 .sec4_wrap { padding-top: 120px; padding-bottom: 120px; }
#section4 .w1400 { display: flex; height: 650px; }
#section4 .w1400>div { position: relative; z-index: 2; }

#section4 .left { width: 23%; background: #00b0ec; padding-top: 165px; padding-bottom: 150px; border-radius: 0 80px 80px 0; }
#section4 .left::before { content: ''; position: absolute; right: 0; top: 0; width: 150vw; height: 100%; background: #00b0ec; border-radius: 0 80px 80px 0; box-shadow: 0 30px 40px rgba(0, 0, 0, 0.08); z-index: -1; }
#section4 .left .title {}
#section4 .left .title h3 { font-size: 40px; color: #fff; font-weight: 600; margin-bottom: 40px; }
#section4 .left .title p { font-size: 18px; color: #fff; line-height: 1.6; margin-bottom: 120px   }
#section4 .left .button_wrap {}
#section4 .left .button_wrap a { display: inline-block; width: 50px; height: 50px; background-size: 50px; border-radius: 100%; top: auto; left: auto; bottom: auto; right: auto; position: relative; margin-top: 0; margin-right: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); transition: all 0.3s; }
#section4 .left .button_wrap a.sec4_prev { background-image: url('/data/skin/swin_v01/img/icon/main_sec4_prev.png'); }
#section4 .left .button_wrap a.sec4_next { background-image: url('/data/skin/swin_v01/img/icon/main_sec4_next.png'); }
#section4 .left .button_wrap a.sec4MoreBtn { background-image: url('/data/skin/swin_v01/img/icon/main_sec4_more.png'); }

#section4 .right { width: 77%; background: #eff8fb; border-radius: 80px 0 0 80px; padding: 115px 0 100px 85px; }
#section4 .right::before { content: ''; position: absolute; left: 0; top: 0; width: 150vw; height: 100%; background: #eff8fb; border-radius: 80px 0 0 80px; box-shadow: 0 30px 40px rgba(0, 0, 0, 0.08); z-index: -1; }

#section4 .card_slide_box { position: absolute; width: 65vw; }
#section4 .card_slide_box .card_title { width: 65vw; display: flex; justify-content: space-between; align-items: flex-start; }
#section4 .card_slide_box .card_title .title { display: flex; align-items: flex-start; margin-bottom: 40px; }
#section4 .card_slide_box .card_title .title h4 { font-size: 30px; font-weight: 600; margin-right: 10px; }
#section4 .card_slide_box .card_title .tab { font-size: 22px; line-height: 1.4; font-weight: 500; position: relative; margin-right: 45px; text-align: left; }
#section4 .card_slide_box .card_title .tab.on { font-weight: 600; color: #00b0ec; }
#section4 .card_slide_box .card_title .tab::before { content: ''; display: block; width: 8px; height: 8px; border-radius: 100%; background-color: #00b0ec; position: absolute; top: 0; opacity: 0; left: 50%; transform: translateX(-50%); transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);}
#section4 .card_slide_box .card_title .tab::after { content: ''; position: absolute; left: -25px; top: 3px; width: 1px; height: 90%; background: #bec6c2; }
#section4 .card_slide_box .card_title .tab:last-of-type { margin-right: 0; }
#section4 .card_slide_box .card_title .tab:first-of-type::after { display: none; }
#section4 .card_slide_box .card_title .tab:hover::before,
#section4 .card_slide_box .card_title .tab.on::before { top: -18px; opacity: 1; }
#section4 .card_slide_box .tab_item { display: none; }
#section4 .card_slide_box .tab_item.on { display: block; }

#section4 .card_slide_box .swiper-container { padding: 0 10px; padding-bottom: 30px; }
#section4 .card_slide_box .swiper-wrapper { padding-top: 20px; }
#section4 .card_slide_box .state { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: -30px; }
#section4 .card_slide_box .state span { width: 60px; height: 60px; font-size: 15px; font-weight: 500; color: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color: #007dc9; box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.1); }
#section4 .card_slide_box .state span.finish { background-color: #aeb9c3; }
#section4 .card_slide_box .white_box { background-color: var(--white-color-1); padding: 60px 25px 35px; min-height: 270px; border-radius: 10px; overflow: hidden; text-align: left; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); }
#section4 .card_slide_box .white_box .category { font-size: 14px; color: #007dc9; font-weight: 500; display: inline-block; padding: 8px 20px 7px 20px; border: 1px solid #007dc9; margin-bottom: 17px; border-radius: 15px; }

#section4 .card_slide_box .white_box .slide_title { min-height: 72px; margin-bottom: 25px; font-size: 16px; font-weight: 500; line-height: 1.5; margin-bottom: 17px; color: #222; }
#section4 .card_slide_box .white_box .slide_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

#section4 .card_slide_box .white_box .slide_place { font-size: 15px; color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
#section4 .card_slide_box .white_box .slide_place { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

#section4 .card_slide_box .white_box .slide_date { min-height: 42px; font-size: 15px; color: #777; margin-bottom: 10px; line-height: 1.4; }
#section4 .card_slide_box .white_box .slide_date { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

#section4 .card_slide_box .white_box .slide_applyDate { min-height: 42px; font-size: 15px; color: #777; line-height: 1.4; }
#section4 .card_slide_box .white_box .slide_applyDate { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }




/* section5 */
/* ------------------------------------------------------------------------------------------------------------------ */
#section5 .sec5_wrap { padding-top: 120px; padding-bottom: 120px; background: #eff4fe; }
#section5 .w1400 { display: flex; }
#section5 .left { width: 62%; margin-right: 46px; }
#section5 .right { width: calc(38% - 46px); }

#section5 .notice_box { height: 600px; padding: 65px 50px 77px; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); border-radius: 15px; }
#section5 .notice_box .cont_title { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 30px; border-bottom: 1px solid #dddddd; }
#section5 .notice_box .cont_title .title { display: flex; }
#section5 .notice_box .cont_title .title p { font-size: 30px; font-weight: 600; margin-right: 15px; }
#section5 .notice_box .cont_title .title .more { display: block; width: 30px; height: 30px; border-radius: 50%; background: url('/data/skin/swin_v01/img/icon/main_sec5_more.png') no-repeat; transition: box-shadow .3s, transform .3s; }
#section5 .notice_box .cont_title .title .more:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); transform: rotate(90deg); }
#section5 .notice_box .cont_title .tabMenu { display: flex; gap: 40px; }
#section5 .notice_box .cont_title .tabMenu .tab { font-size: 22px; font-weight: 500; position: relative; }
#section5 .notice_box .cont_title .tabMenu .tab::after { content: ''; position: absolute; left: 50%; bottom: -30px; transform: translate3d(-50%, 0, 0); width: 0; height: 4px; background: #00b0ec; border-radius: 3px; }
#section5 .notice_box .cont_title .tabMenu .tab.on { color: #00b0ec; font-weight: 600; }
#section5 .notice_box .cont_title .tabMenu .tab.on::after { width: 100%; }
#section5 .notice_box .cont_list { padding-top: 20px; }
#section5 .notice_box .cont_list::after { content: ''; clear: both; display: block; }
#section5 .notice_box .cont_list .item { position: relative; display: flex; gap: 25px; width: calc(50% - 29px); float: left; margin-right: 58px; padding-top: 35px; padding-bottom: 65px; border-bottom: 1px solid #e5e5e5; }
#section5 .notice_box .cont_list .item:nth-of-type(2n) { margin-right: 0; }
#section5 .notice_box .cont_list .item .date { text-align: center; }
#section5 .notice_box .cont_list .item .date p { font-size: 45px; font-weight: 600; margin-bottom: 23px; }
#section5 .notice_box .cont_list .item .date span { font-size: 15px; }
#section5 .notice_box .cont_list .item .content { width: 78%; }
#section5 .notice_box .cont_list .item .content .item_title { font-size: 18px; font-weight: 500; color: #222; line-height: 1.6; }
/* 세 줄 효과 */
#section5 .notice_box .cont_list .item .content .item_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
#section5 .notice_box .cont_list .item .content .item_content { font-size: 16px; color: #777777; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#section5 .notice_box .cont_list .item .more { position: absolute; right: 0; bottom: 25px; display: block; width: 20px; height: 15px; border-radius: 50%; background: url('/data/skin/swin_v01/img/icon/main_sec5_more_arrow.png') no-repeat center center / contain; transition: transform .2s; }
#section5 .notice_box .cont_list .item .more:hover { transform: translate3d(7px, 0, 0); }

#section5 .vmsNotice_box { height: 340px; padding: 50px; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); border-radius: 15px; margin-bottom: 46px; }
#section5 .vmsNotice_box .cont_title { display: flex; justify-content: space-between; align-items: center; padding-bottom: 37px; margin-bottom: 37px; border-bottom: 1px solid #dddddd; }
#section5 .vmsNotice_box .cont_title p { font-size: 30px; font-weight: 600; color: #222; margin-right: 30px; text-align: left; }
#section5 .vmsNotice_box .cont_title .more { display: block; width: 30px; height: 30px; border-radius: 50%; background: url('/data/skin/swin_v01/img/icon/main_sec5_more.png') no-repeat; transition: box-shadow .3s, transform .3s; }
#section5 .vmsNotice_box .cont_title .more:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); transform: rotate(90deg); }
#section5 .vmsNotice_box .cont_list {}
#section5 .vmsNotice_box .cont_list .item {}
#section5 .vmsNotice_box .cont_list .item a { display: flex; justify-content: space-between; margin-bottom: 24px; }
#section5 .vmsNotice_box .cont_list .item:last-of-type a { margin-bottom: 0; }
#section5 .vmsNotice_box .cont_list .item a .item_title { width: 80%; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
#section5 .vmsNotice_box .cont_list .item a .item_date { font-size: 15px; color: #777777; }

/*
#section5 .link_box { height: 35.8%; padding: 45px 10px; background: #007dc9; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); border-radius: 15px; }
#section5 .link_box .list { display: flex; height: 100%; }
#section5 .link_box .list .link { flex: 1; text-align: center; display: flex; flex-direction: column; justify-content: space-between; position: relative; }
#section5 .link_box .list .link::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); }
#section5 .link_box .list .link:last-of-type::after { display: none; }
#section5 .link_box .list .link span { display: block; margin: 0 auto;  margin-top: 5px; background-repeat: no-repeat; background-position: center top; }
#section5 .link_box .list .link:nth-of-type(1) span { width: 48px; height: 48px; background-image: url('/data/skin/swin_v01/img/icon/main_sec5_link1.png'); }
#section5 .link_box .list .link:nth-of-type(2) span { width: 48px; height: 50px; background-image: url('/data/skin/swin_v01/img/icon/main_sec5_link2.png'); }
#section5 .link_box .list .link:nth-of-type(3) span { width: 43px; height: 51px; background-image: url('/data/skin/swin_v01/img/icon/main_sec5_link3.png'); }
#section5 .link_box .list .link strong { display: block; font-size: 20px; font-weight: 500; color: #fff; line-height: 1.3; }
#section5 .link_box .list .link:nth-of-type(1) strong { margin-bottom: 13px; }
#section5 .link_box .list .link:nth-of-type(2) strong { margin-bottom: 13px; }
*/
/* 230210 수정 */
#section5 .link_box { height: 35.8%; padding: 60px 50px 60px 10px; background: #007dc9; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); border-radius: 15px; }
#section5 .link_box .list { display: flex; height: 100%; }
#section5 .link_box .list .link { text-align: center; display: flex; flex-direction: column; justify-content: space-between; position: relative; }
#section5 .link_box .list .link span { display: block; margin: 0 auto;  margin-top: 5px; background-repeat: no-repeat; background-position: center top; }
#section5 .link_box .list strong { display: block; font-size: 18px; font-weight: 500; color: #fff; line-height: 1.3; }
#section5 .link_box .list .link.link-1 { width: 30%; }
#section5 .link_box .list .link.link-1::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 130%; background: rgba(255, 255, 255, 0.2); }
#section5 .link_box .list .link.link-1 span { width: 48px; height: auto; aspect-ratio: 1 / 1; background-image: url('/data/skin/swin_v01/img/icon/main_sec5_link1.png'); }

#section5 .link_box .list .wrap { width: 70%; display: flex; justify-content: space-between; }
#section5 .link_box .list .wrap .text { text-align: left; padding-left: 35px; margin-top: 3px; }
#section5 .link_box .list .wrap .text strong { font-size: 20px; line-height: 1.5; }
#section5 .link_box .list .link.link-2 span { width: 39px; height: auto; aspect-ratio: 39 / 49; background-image: url('/data/skin/swin_v01/img/icon/main_sec5_link2.png'); }
#section5 .link_box .list .link.link-3 span { width: 41px; height: auto; aspect-ratio: 41 / 48; background-image: url('/data/skin/swin_v01/img/icon/main_sec5_link3.png'); }



/* section6 */
/* ------------------------------------------------------------------------------------------------------------------ */
#section6 .sec6_wrap { padding-top: 120px; padding-bottom: 120px; background: #f7f7f7 url(/data/skin/swin_v01/img/main/sec6_bg_illust.png) no-repeat 0% 100% / 18.3333vw 22.9167vw; }
#section6 .w1400 { position: relative; }
#section6 .titleBox { padding-right: 350px; margin-bottom: 60px; }
#section6 .titleBox h4 { font-size: 30px; font-weight: 600; }
#section6 .titleBox h4 { font-size: 30px; font-weight: 600; }
#section6 .titleBox h4 em { font-size: 40px; font-weight: 600; }

#section6 .contentsBox {  }
#section6 .contentsBox>div { display: flex; flex-wrap: wrap; }

#section6 .leftBox { width: 170px; }
#section6 .tabBtnWrap { margin-bottom: 30px; }
#section6 .tabBtnWrap .tab { position: relative; z-index: 10; width: 100%; }
#section6 .tabBtnWrap .tab:nth-of-type(1) { margin-bottom: 15px; }
#section6 .tabBtnWrap .tab a { display: block; position: relative; z-index: 1; background-color: #fff; padding: 23px 0 18px; text-align: center; border: 1px solid #e2e2e2; border-radius: 50px; font-size: 25px; font-size: 25px; font-weight: 500; }
#section6 .tabBtnWrap .tab::after { content: ''; z-index: -1; width: 0; height: 0; border-left: 25px solid #96c44e; border-top: 19px solid transparent; border-bottom: 19px solid transparent; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
#section6 .tabBtnWrap .tab.active a { background-color: #96c44e; border-color: #94c44e; color: #fff; }
#section6 .tabBtnWrap .tab.active::after { right: -10px; }

#section6 .sec6_next,
#section6 .sec6_prev { width: 50px; height: 50px; background-size: 50px; border-radius: 100%; top: auto; left: auto; bottom: auto; right: auto; position: relative; margin-top: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); transition: all 0.3s; }
#section6 .sec6_next { background-image: url(/data/skin/swin_v01/img/icon/main_sec6_next.png) }
#section6 .sec6_prev { background-image: url(/data/skin/swin_v01/img/icon/main_sec6_prev.png) }
#section6 .sec6MoreBtn { display: inline-block; width: 50px; height: 50px; background-size: 50px; border-radius: 100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); background: url(/data/skin/swin_v01/img/icon/main_sec6_more.png) no-repeat center / 50px; transition: all 0.3s; }
#section6 .sec6_next:hover { background-image: url(/data/skin/swin_v01/img/icon/main_sec6_next_a.png); }
#section6 .sec6_prev:hover { background-image: url(/data/skin/swin_v01/img/icon/main_sec6_prev_a.png); }
#section6 .sec6MoreBtn:hover { background-image: url(/data/skin/swin_v01/img/icon/main_sec6_more_a.png); }

#section6 .tabBtnWrap .tab a.btn10 { text-transform: uppercase!important; letter-spacing: 2px; cursor: pointer; text-align: center; text-transform: capitalize; border-radius: 50px; position: relative; overflow: hidden!important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#section6 .tabBtnWrap .tab a.btn10::before { content: ''; width: 0%; height: 100%; display: block; background: #94c44e !important; position: absolute; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); left: -10%; opacity: 1; top: 0; z-index: -12; -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); box-shadow: 2px 0px 14px rgb(0 0 0 / 60%); }
#section6 .tabBtnWrap .tab a.btn10:hover, .btn10:focus { border: 1px solid #96c44e !important; color: #fff!important; }
#section6 .tabBtnWrap .tab a.btn10:hover::before,
#section6 .tabBtnWrap .tab a.btn1O:hover::before,
#section6 .tabBtnWrap .tab a.btn10:focus::before,
#section6 .tabBtnWrap .tab a.btn1O:focus::before { opacity: 1; width: 116%; }

#section6 .slideBtnBox { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 10px; }

#section6 .tabContentsBox { width: calc(100% - 170px); }
#section6 .tabContentsBox .subTabBtn { display: flex; align-items: center; position: absolute; top: 20px; right: 0; }
#section6 .tabContentsBox .subTabBtn li { position: relative; }
#section6 .tabContentsBox .subTabBtn li:not(:last-child):after { content: ''; display: inline-block; width: 1px; height: 20px; background-color: #c6c6c6; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
#section6 .tabContentsBox .subTabBtn li a { display: inline-block; padding: 0 30px; position: relative; font-size: 22px; font-weight: 500; }
#section6 .tabContentsBox .subTabBtn li a::after { content: ''; display: block; width: 8px; height: 8px; border-radius: 100%; background-color: #96c44e; position: absolute; top: 0; opacity: 0; left: 50%; transform: translateX(-50%); transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
#section6 .tabContentsBox .subTabBtn li.active a { color: #7db12a; font-weight: 600; }
#section6 .tabContentsBox .subTabBtn li.active a::after { top: -18px; opacity: 1; }

/* 서브 컨텐츠 */
#section6 .tabContentsBox .slideBox { height: 290px; position: relative; margin-bottom: 30px; }
#section6 .tabContentsBox .swiper-container { padding: 0 25px; overflow-y: visible; overflow-x: clip; position: absolute; top: 0; left: 45px; width: 1438px; height: 100%;  }
#section6 .tabContentsBox .whiteBackgound { background-color: #fff; border-radius: 15px; overflow: hidden; padding: 40px 30px; min-height: 290px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
#section6 .tabContentsBox .whiteBackgound .jobType span { display: inline-block; padding: 9px 0; max-width: 100px; width: 100%; text-align: center; color: #00b0ec; border-radius: 50px; border: 1px solid #00b0ec; }
#section6 .tabContentsBox .whiteBackgound .priodRecuitment * { color: #777; }
#section6 .tabContentsBox .whiteBackgound .jobWrapper * { color: #777; }



/* section7 (사회복지시설검색) */
/* ------------------------------------------------------------------------------------------------------------------ */
#section7 .sec7_wrap { padding-top: 120px; padding-bottom: 120px; background: url('/data/skin/swin_v01/img/main/main_sec7_bg.png') no-repeat right bottom; }
#section7 .w1400 { }
#section7 .cont_search { height: 280px; position: relative; display: flex; justify-content: space-between; background: #e4f6fc; padding: 65px 80px 65px 0; border-radius: 0 30px 30px 0; margin-bottom: 65px; }
#section7 .cont_search::before { content: ''; position: absolute; right: 50%; top: 0; width: 100vw; height: 100%; background: #e4f6fc; z-index: 1; }
#section7 .cont_search>div { position: relative; z-index: 2; }
#section7 .cont_search .title { width: 43%; }
#section7 .cont_search .title p { font-size: 35px; font-weight: 600; color: #222; margin-bottom: 30px;}
#section7 .cont_search .title span { font-size: 16px; color: #666; line-height: 1.5; }
#section7 .cont_search .search { width: 57%; }
#section7 .cont_search .search .select_wrap { display: flex; gap: 10px; margin-bottom: 25px; }
#section7 .cont_search .search .select_wrap select { width: 240px; height: 60px; border-radius: 50px; padding: 10px 20px; padding-left: 40px; border: none; font-size: 16px; background-image: url('/data/skin/swin_v01/img/main/main_select_arrow.png'); background-position: calc(100% - 35px); }
#section7 .cont_search .search .select_wrap select option { padding-left: 20px; }
#section7 .cont_search .search .searchbar_wrap { max-width: 740px; position: relative; border: 2px solid #00b0ec; background: #fff; border-radius: 30px; overflow: hidden; }
#section7 .cont_search .search .searchbar_wrap #search_text { height: 60px; display: inline-block; width: 100%; padding: 16px 40px; margin: 0; }
#section7 .cont_search .search .searchbar_wrap #search_text::placeholder { font-size: 16px; color: #999; }
#section7 .cont_search .search .searchbar_wrap button { position: absolute; top: 50%; right: 35px; transform: translateY(-50%); }

#section7 .cont_search .search .searchbar_wrap button {  }
#section7 .cont_link { display: flex; justify-content: space-between; }
#section7 .cont_link .item { width: 310px; height: 310px; background: #fff; padding-top: 60px; padding-bottom: 30px; border-radius: 20px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); }
#section7 .cont_link .item a { display: block; text-align: center; }
#section7 .cont_link .item a .title { font-size: 22px; font-weight: 600; margin-bottom: 20px; }
#section7 .cont_link .item a .desc { font-size: 16px; color: #666; margin-bottom: 17px; line-height: 1.5; }
#section7 .cont_link .item a img {}








/* ========================================================= */
/*                                                           */
/*                          반응형                            */
/*                                                           */
/* ========================================================= */

@media screen and (max-width: 1440px) {
    .w1400 { width: 100%; padding: 0 40px; }

    /* 메인 비쥬얼 */
    /* ----------------------------------------------------------------------------------------------------------- */
    #visual .swiper-slide .imgBox img { min-width: 1500px; }


    /* section2 (사회공헌) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section2 .main_titBox::before { left: -25px; }
    #section2 .top_box .business_box { width: calc(50% - 15px); margin-bottom: 30px; }
    #section2 .top_box .review_box { width: calc(50% - 15px); margin-bottom: 30px; margin-right: 0; }
    #section2 .top_box .consult_box { width: 100%; padding: 60px 0 45px; display: flex; justify-content: center; align-items: center; }
    #section2 .card_slide_box { padding: 60px 30px 30px; }
    #section2 .consult_box a { flex-direction: row; padding: 0; width: calc(600px - 130px); justify-content: space-between; }
    #section2 .consult_box a h4 { margin-bottom: 20px; }
    #section2 .consult_box a h4 em.br { display: inline; }
    #section2 .consult_box a .photo { margin: 0; }


    /* section3 (자원봉사) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section3 .main_titBox::before { left: -25px; }
    #section3 .donate_box,
    #section3 .rightBox { width: 100%; margin: 0 auto; margin-bottom: 30px; }
    #section3 .rightBox { margin-bottom: 0; }
    #section3 .vms_box,
    #section3 .volunteer_box { display: flex; justify-content: center; align-items: center; }



    /* section4 (사회복지교육) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section4 .card_slide_box .card_title .tab em.mo_br { display: block; }


    /* section5 (공지사항) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section5 .notice_box .cont_title .tabMenu { gap: 20px; }
    #section5 .vmsNotice_box .cont_title p { font-size: 27px; }
    #section5 .link_box { padding: 60px 40px 60px 10px; }
    #section5 .link_box .list .link.link-1 { width: 27%; }
    #section5 .link_box .list .wrap { width: 75%; }
    #section5 .link_box .list .wrap .text { padding-left: 30px; }


    /* section7 (사회복지시설검색) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section7 .cont_link .item { width: 21vw; height: 21vw; padding-top: 3.5vw; padding-bottom: 2vw; }
    #section7 .cont_link .item a .title { margin-bottom: 1.5vw; font-size: 21px; }
    #section7 .cont_link .item a .desc { font-size: 15px; margin-bottom: 1vw; }
    #section7 .cont_link .item:nth-of-type(1) a img { width: 6vw; }
    #section7 .cont_link .item:nth-of-type(2) a img { width: 7vw; }
    #section7 .cont_link .item:nth-of-type(3) a img { width: 6vw; }
    #section7 .cont_link .item:nth-of-type(4) a img { width: 6vw; }
}


@media screen and (max-width: 1204px) {
    /* section2 (사회공헌)*/
    /* ----------------------------------------------------------------------------------------------------------- */
    #section2 .top_box .business_box { width: 100%; margin-right: 0; margin-bottom: 30px; }
    #section2 .top_box .review_box { width: 100%; margin-right: 0; margin-bottom: 30px; }


    /* section4 (사회복지교육) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section4 .left .title h3 { font-size: 30px; }
    #section4 .left .title p { font-size: 17px; }
    #section4 .right { padding-left: 50px; }
    #section4 .card_slide_box .card_title .tab { font-size: 20px; }


    /* section5 */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section5 .w1400 { flex-direction: column; }
    #section5 .left { width: 100%; margin-right: 0; margin-bottom: 46px; }
    #section5 .right { width: 100%; display: flex; }
    #section5 .vmsNotice_box { width: 60%; margin-bottom: 0; margin-right: 46px; }
    #section5 .link_box { width: 40%; }
    #section5 .link_box .list .wrap .text { padding-left: 25px; }


    /* section6 */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section6 .titleBox { padding-right: 200px; }
    #section6 .titleBox h4 { line-height: 1.6; }
    /* 탭 버튼 */
    #section6 .leftBox { width: 100%; }
    #section6 .tabBtnWrap { display: flex; }
    #section6 .tabBtnWrap.mb30 { margin-bottom: 85px; }
    #section6 .tabBtnWrap li.tab { width: 50%; }
    #section6 .tabBtnWrap li.tab::after { display: none; }
    #section6 .slideBtnBox { position: absolute; top: 0; right: 40px; }

    /* 탭 컨텐츠 */
    #section6 .tabContentsBox { width: 100%; }
    #section6 .tabContentsBox .subTabBtn { position: relative; top: 0; left: 0; }
    /* 서브 탭버튼 */
    #section6 .tabContentsBox .subTabBtn { justify-content: center; margin-bottom: 65px; }
    /* 서브 컨텐츠 */
    #section6 .tabContentsBox .slideBox { height: auto; }
    #section6 .tabContentsBox .swiper-container { position: relative; left: 0; width: 100%; }


    /* section7 (사회복지시설검색) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section7 .cont_search { flex-direction: column; height: auto; gap: 40px; }
    #section7 .cont_search .title { width: 100%; }
    #section7 .cont_search .search { width: 100%; }
}


@media screen and (min-width: 768px) and (max-width: 1440px) {
    /* 메인 비쥬얼 */
    /* ----------------------------------------------------------------------------------------------------------- */
    #visual .swiper-slide .imgBox img { min-width: 900px; }
}


@media screen and (max-width: 1000px) {
    /* section4 (사회복지교육) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section4 .w1400 { flex-direction: column; height: auto; }
    #section4 .sec4_wrap { padding-bottom: 0; }
    #section4 .left,
    #section4 .right { width: 100%; border-radius: unset; box-shadow: none; }
    #section4 .left { padding-top: 80px; padding-bottom: 50px; }
    #section4 .left::before { right: -50vw; box-shadow: none; }
    #section4 .right { padding: 80px 0; }
    #section4 .right::before { left: -50vw; box-shadow: none; }

    #section4 .left .title h3 { margin-bottom: 30px; }
    #section4 .left .title p { margin-bottom: 40px; }
    #section4 .left .title p em.br { display: inline; }
    #section4 .left .button_wrap a { width: 45px; height: 45px; background-size: 45px; }
    #section4 .card_slide_box { position: static; width: 100%; }
    #section4 .card_slide_box .card_title { width: 100%; }

    #section4 .card_slide_box .card_title .tab { margin-right: 6.5vw; }
    #section4 .card_slide_box .card_title .tab::after { left: -3vw; }


    /* section5 */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section5 .notice_box .cont_title { flex-direction: column; align-items: flex-start; gap: 40px; }
    #section5 .right { flex-direction: column; }
    #section5 .vmsNotice_box { width: 100%; margin-right: 0; margin-bottom: 46px; }
    #section5 .link_box { width: 100%; }
    #section5 .link_box .list .wrap { justify-content: space-around; }


    /* section6 (구인구직) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section6 .sec6_prev,
    #section6 .sec6_next { display: block; }


    /* section7 (사회복지시설검색) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section7 .cont_link { flex-wrap: wrap; }
    #section7 .cont_link .item { width: calc(50vw - 65px); height: calc(50vw - 65px); padding-top: 7vw; padding-bottom: 4vw; margin-bottom: 40px; }
    #section7 .cont_link .item a .title { margin-bottom: 3vw; font-size: 22px; }
    #section7 .cont_link .item a .desc { margin-bottom: 2vw; font-size: 16px  }
    #section7 .cont_link .item:nth-of-type(1) a img { width: 13vw; }
    #section7 .cont_link .item:nth-of-type(2) a img { width: 15vw; }
    #section7 .cont_link .item:nth-of-type(3) a img { width: 13vw; }
    #section7 .cont_link .item:nth-of-type(4) a img { width: 13vw; }
}


/* 모바일 */
@media screen and (max-width: 768px){
    #main { margin-top: 135px; }


    /* 메인 비쥬얼 */
    /* ----------------------------------------------------------------------------------------------------------- */
    #visual .swiper-slide .imgBox img { min-width: auto; width: 100%; height: 164.7135vw; /* height 기준 : 1265px */ }



    /* section2 (사회공헌) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section2 .main_titBox { margin-bottom: 50px; }
    #section2 .main_titBox::before { width: 130px; height: 85px; left: -25px; top: -35px; background-size: contain; }
    #section2 .main_titBox h3 { font-size: 35px; display: block; margin-bottom: 20px; }

    #section2 .top_box .business_box { margin-bottom: 40px; }
    #section2 .business_box .card_slide_box { min-height: unset; }
    #section2 .top_box .review_box { margin-bottom: 40px; }
    #section2 .review_box .card_slide_box { min-height: unset; }

    #section2 .card_slide_box { padding: 70px 40px 50px; }
    #section2 .card_titBox .title.mb40 { margin-bottom: 55px; }
    #section2 .card_titBox .title span { display: none; }

    #section2 .card_slide_box .white_box { min-height: 330px; padding: 60px 20px 0;  }
    #section2 .card_slide_box .state span { width: 60px; height: 60px; font-size: 16px; }
    #section2 .card_slide_box .white_box .slide_title { font-size: 18px; margin-bottom: 30px; text-overflow: unset; white-space: unset; word-break: break-all; }
    #section2 .card_slide_box .white_box .slide_place { font-size: 16px; margin-bottom: 20px; }
    #section2 .card_slide_box .white_box .slide_date { font-size: 16px; }

    #section2 .card_slide_box2 .white_box { min-height: 330px; padding: 0; }
    #section2 .card_slide_box2 .white_box .photo { height: 180px; }
    #section2 .card_slide_box2 .white_box .text { padding: 25px 20px; }
    #section2 .card_slide_box2 .white_box .text h6 { font-size: 18px; margin-bottom: 25px; }
    #section2 .card_slide_box2 .white_box .text .date { font-size: 16px; }

    #section2 .sec3_next,
    #section2 .sec3_prev { width: 13px; height: 26px; background-size: 13px auto; }
    #section2 .button_wrap { padding-bottom: 0; }
    #section2 .button_wrap img { width: 11px; }

    #section2 .top_box .consult_box { padding: 60px 60px 45px; }
    #section2 .consult_box a { width: 100%; }


    /* 지원후기 레이아웃 변경 */
    #section2 .review_box .slide_wrap { min-height: auto; gap: 15px; }
    #section2 .review_box .slide_wrap>a { width: 100%; min-height: 100px; }
    #section2 .review_box .slide_wrap .text { padding: 20px 17px; }
    #section2 .review_box .slide_wrap .text h6 { font-size: 14px; min-height: auto; margin-bottom: 10px; }
    #section2 .review_box .slide_wrap .text .date { font-size: 12px; }




    /* section3 (자원봉사) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section3 .main_titBox { margin-bottom: 50px; }
    #section3 .main_titBox::before { width: 130px; height: 85px; left: -25px; top: -35px; background-size: contain; }
    #section3 .main_titBox h3 { font-size: 35px; display: block; margin-bottom: 20px; }

    #section3 .donate_box { margin-bottom: 40px; }
    #section3 .donate_box .card_slide_box { min-height: unset; }
    #section3 .vms_box { margin-bottom: 30px; }
    #section3 .volunteer_box { height: auto; }

    #section3 .card_slide_box { padding: 70px 40px 50px; }
    #section3 .card_titBox .title { margin-bottom: 55px; }
    #section3 .donate_box .tab { font-size: 25px; margin-right: 30px; }
    #section3 .donate_box .tab::after { right: -15px; }

    #section3 .card_slide_box .white_box { min-height: 330px; padding: 0; }
    #section3 .card_slide_box .white_box .photo { height: 180px; }
    #section3 .card_slide_box .white_box .text { padding: 25px 20px; }
    #section3 .card_slide_box .white_box .text h6 { font-size: 18px; margin-bottom: 25px; }
    #section3 .card_slide_box .white_box .text .date { font-size: 16px; }

    #section3 .sec3_next,
    #section3 .sec3_prev { width: 13px; height: 26px; background-size: 13px auto; }
    #section3 .button_wrap { padding-bottom: 0; }
    #section3 .button_wrap img { width: 11px; }

    #section3 .vms_box a,
    #section3 .qna_box a,
    #section3 .volunteer_box a { padding: 60px 60px 45px; }

    #section3 .rightBox .right-top { flex-direction: column; height: auto; gap: 0; }
    #section3 .rightBox .right-top>div { width: 100%; }



    /* section4 (사회복지교육) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section4 .card_slide_box .card_title { display: block; overflow-x: scroll; margin-bottom: 20px; }
    #section4 .card_slide_box .card_title .title { width: 130%; margin-bottom: 20px; }
    #section4 .card_slide_box .card_title .tab { font-size: 18px; padding-top: 15px; }
    #section4 .card_slide_box .card_title .tab:hover::before,
    #section4 .card_slide_box .card_title .tab.on::before { top: 0; }
    #section4 .card_slide_box .card_title .tab::after { top: 20px; height: 65%; }



    /* section5 (공지사항) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section5 .notice_box { height: auto; padding: 55px 40px 65px; }
    #section5 .notice_box .cont_list .item { float: none; width: 100%; }
    #section5 .notice_box .cont_title { padding-bottom: 9px; gap: 30px; }
    #section5 .notice_box .cont_title .title p { font-size: 25px; }
    #section5 .notice_box .cont_title .tabMenu .tab { font-size: 20px; margin-bottom: 20px; }
    #section5 .notice_box .cont_list { padding-top: 0; }
    #section5 .notice_box .cont_list .item { padding-top: 35px; padding-bottom: 35px; }
    #section5 .notice_box .cont_list .item .date p { font-size: 38px; margin-bottom: 15px; }
    #section5 .notice_box .cont_list .item .content .item_title { font-size: 16px; }
    #section5 .notice_box .cont_list .item .content .item_content { font-size: 14px; }

    #section5 .vmsNotice_box { height: auto; }
    #section5 .vmsNotice_box .cont_title { padding-bottom: 30px; margin-bottom: 30px; }
    #section5 .vmsNotice_box .cont_title p { font-size: 25px; }
    #section5 .link_box { padding: 50px 40px 50px 10px; }
    #section5 .link_box .list { height: 85px; }
    #section5 .link_box .list .wrap .text { margin-top: 0; }
    #section5 .link_box .list strong { font-size: 16px; }
    #section5 .link_box .list .wrap .text strong { font-size: 18px; }
    #section5 .link_box .list .link span { width: 35px !important; height: 35px !important; background-size: contain; }
    #section5 .vmsNotice_box .cont_list .item a { margin-bottom: 22px; }
    #section5 .vmsNotice_box .cont_list .item a .item_title { font-size: 14px; }
    #section5 .vmsNotice_box .cont_list .item a .item_content { font-size: 14px; }



    /* section6 (구인구직) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section6 .sec6_wrap { background-image: none; }
    #section6 .titleBox { margin-bottom: 70px; padding-right: 0; }
    #section6 .titleBox h4 { font-size: 30px; }
    #section6 .titleBox h4 em { font-size: 35px; }
    #section6 .slideBtnBox { top: 90px; right: 40px; }
    #section6 .tabBtnWrap .tab a { padding: 15px 0 15px; font-size: 20px; }
    #section6 .sec6_next, #section6 .sec6_prev { width: 40px; height: 40px; background-size: 40px; }
    #section6 .sec6MoreBtn { width: 40px; height: 40px; background-size: 40px; }


    /* 탭 컨텐츠 */
    /* 서브 탭버튼 */
    #section6 .tabContentsBox .subTabBtn li:not(:last-child):after { width: 2px; height: 28px; }
    #section6 .tabContentsBox .subTabBtn li a { padding: 0 6.5104vw; }

    /* 서브 컨텐츠 */
    #section6 .tabContentsBox .whiteBackgound { min-height: 300px; padding: 55px 45px; }
    #section6 .tabContentsBox .whiteBackgound .jobType.mb25 { margin-bottom: 35px; }
    #section6 .tabContentsBox .whiteBackgound .jobType span { max-width: none; min-width: 140px; width: auto; padding: 13px 0; }
    #section6 .tabContentsBox .whiteBackgound .subjectBox.mb20 { margin-bottom: 30px; }
    #section6 .tabContentsBox .whiteBackgound .jobWrapper.mb20 { margin-bottom: 30px; }



    /* section7 (사회복지시설검색) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section7 .cont_search { padding: 65px 40px; border-radius: 30px; margin-bottom: 50px; }
    #section7 .cont_search::before { display: none; }
    #section7 .cont_search .title p { font-size: 30px; }
    #section7 .cont_search .title span em.br { display: inline; }
    #section7 .cont_search .search .select_wrap { flex-direction: column; gap: 13px; margin-bottom: 13px; }
    #section7 .cont_search .search .select_wrap select { width: 100%; height: 50px; background-size: 12px; }
    #section7 .cont_search .search .searchbar_wrap #search_text { height: 50px; padding-left: 40px; }


    #section7 .cont_link .item { width: calc(50vw - 60px); height: calc(50vw - 60px); padding-top: 6.5vw; margin-bottom: 20px; border-radius: 0 0 20px rgba(0, 0, 0, 0.1); }
    #section7 .cont_link .item a .title { font-size: 18px; }
    #section7 .cont_link .item a .desc { font-size: 14px; }
    #section7 .cont_link .item:nth-of-type(1) a img { width: 11vw; }
    #section7 .cont_link .item:nth-of-type(2) a img { width: 13vw; }
    #section7 .cont_link .item:nth-of-type(3) a img { width: 11vw; }
    #section7 .cont_link .item:nth-of-type(4) a img { width: 11vw; }

}


@media screen and (max-width: 500px) {
    .w1400 { padding: 0 20px;  }


    #main { margin-top: 94px; }


    /* section2 (사회공헌) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section2 .sec2_wrap { padding-top: 60px; }
    #section2 .main_titBox { margin-bottom: 35px; }
    #section2 .main_titBox::before { width: 90px; height: 59px; left: -12px; top: -23px; }
    #section2 .main_titBox h3 { margin-bottom: 15px; font-size: 25px; }
    #section2 .main_titBox p { font-size: 14px; }

    #section2 .top_box .business_box,
    #section2 .top_box .review_box,
    #section2 .top_box .consult_box { margin-bottom: 25px; }

    #section2 .card_slide_box { padding: 35px 20px 20px; }
    #section2 .card_slide_box .card_title { padding: 0; }
    #section2 .card_slide_box .card_title .title { margin-bottom: 28px; }
    #section2 .card_slide_box .card_title .title h4 { font-size: 20px; }

    #section2 .sec2_next,
    #section2 .sec2_prev { width: 10px; height: 17px; background-size: 10px auto; }
    #section2 .button_wrap { padding-bottom: 2px; }
    #section2 .button_wrap img { width: auto; }

    #section2 .card_slide_box .swiper-container { padding-bottom: 15px; }
    #section2 .card_slide_box .state { margin-bottom: -25px; }
    #section2 .card_slide_box .state span { width: 40px; height: 40px; font-size: 10px; }
    #section2 .card_slide_box .white_box { min-height: 170px; padding: 40px 15px 0; box-shadow: 0 0 15px rgb(0 0 0 / 10%); }
    #section2 .card_slide_box .white_box .slide_title { font-size: 12px; margin-bottom: 15px; }
    #section2 .card_slide_box .white_box .slide_place { font-size: 10px; margin-bottom: 10px; }
    #section2 .card_slide_box .white_box .slide_date { font-size: 10px; }

    #section2 .card_slide_box2 .swiper-container { padding-top: 15px; margin-top: -15px; }
    #section2 .card_slide_box2 .white_box { min-height: 180px; padding: 0; }
    #section2 .card_slide_box2 .white_box .photo { height: 110px; }
    #section2 .card_slide_box2 .white_box .text { padding: 18px 15px; }
    #section2 .card_slide_box2 .white_box .text h6 { font-size: 12px; margin-bottom: 10px; }
    #section2 .card_slide_box2 .white_box .text .date { font-size: 10px; }

    #section2 .top_box .consult_box { padding: 30px 40px; margin-bottom: 0; }
    #section2 .top_box .consult_box a { gap: 0; }
    #section2 .top_box .consult_box a .text { margin-right: 20px; }
    #section2 .top_box .consult_box a .text h4 { font-size: 17px; margin-bottom: 15px; }
    #section2 .top_box .consult_box a .text p { font-size: 11px; }
    #section2 .top_box .consult_box a .photo img { width: 50px; }


    /* 지원후기 레이아웃 변경 */
    #section2 .review_box .slide_wrap { gap: 10px; }
    #section2 .review_box .slide_wrap>a { min-height: 85px; }
    #section2 .review_box .slide_wrap .text { padding: 18px 15px; }
    #section2 .review_box .slide_wrap .text h6 { font-size: 12px; }
    #section2 .review_box .slide_wrap .text .date { font-size: 10px; }




    /* section3 (자원봉사) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section3 .sec3_wrap { padding-top: 60px; }
    #section3 .main_titBox { margin-bottom: 35px; }
    #section3 .main_titBox::before { width: 90px; height: 59px; left: -12px; top: -23px; }
    #section3 .main_titBox h3 { margin-bottom: 15px; font-size: 25px; }
    #section3 .main_titBox p { font-size: 14px; }
    #section3 .donate_box,
    #section3 .vms_box { margin-bottom: 25px; }

    #section3 .card_slide_box { padding: 35px 20px 20px; }
    #section3 .card_slide_box .card_title { padding: 0; }
    #section3 .card_slide_box .card_title .title { margin-bottom: 28px; }
    #section3 .card_slide_box .card_title .title h4 { font-size: 20px; }
    #section3 .donate_box .tab { font-size: 20px; margin-right: 30px; }
    #section3 .donate_box .tab::after { right: -15px; height: 15px; }
    #section3 .donate_box .tab::before { width: 5px; height: 5px; }

    #section3 .sec3_next,
    #section3 .sec3_prev { width: 10px; height: 17px; background-size: 10px auto; }
    #section3 .button_wrap { padding-bottom: 2px; }
    #section3 .button_wrap img { width: auto; }

    #section3 .card_slide_box .swiper-container { padding-top: 15px; margin-top: -15px; }
    #section3 .card_slide_box .white_box { min-height: 180px; padding: 0; box-shadow: 0 0 15px rgb(0 0 0 / 10%); }
    #section3 .card_slide_box .white_box .photo { height: 110px; }
    #section3 .card_slide_box .white_box .text { padding: 18px 15px; }
    #section3 .card_slide_box .white_box .text h6 { font-size: 12px; margin-bottom: 10px; }
    #section3 .card_slide_box .white_box .text .date { font-size: 10px; }

    #section3 .vms_box {  }
    #section3 .vms_box a { gap: 0; padding: 30px 0; }
    #section3 .vms_box a .text { margin-right: 20px; }
    #section3 .vms_box a .text h4 { font-size: 17px; margin-bottom: 15px; }
    #section3 .vms_box a .text p { font-size: 11px; }
    #section3 .vms_box a .photo img { width: 50px; }

    #section3 .qna_box {  }
    #section3 .qna_box a { gap: 0; padding: 30px 0; }
    #section3 .qna_box a .text { margin-right: 20px; }
    #section3 .qna_box a .text h4 { font-size: 17px; margin-bottom: 15px; }
    #section3 .qna_box a .text p { font-size: 11px; }
    #section3 .qna_box a .photo img { width: 50px; }

    #section3 .volunteer_box {  margin-bottom: 0; }
    #section3 .volunteer_box a { gap: 0; padding: 30px 40px; }
    #section3 .volunteer_box a .text { margin-right: 20px; }
    #section3 .volunteer_box a .text h4 { font-size: 17px; margin-bottom: 15px; }
    #section3 .volunteer_box a .text p { font-size: 11px; }
    #section3 .volunteer_box a .photo img { width: 50px; }




    /* section4 (사회복지교육) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section4 .sec4_wrap { padding-top: 60px; }
    #section4 .left { padding-top: 60px; padding-bottom: 40px; }
    #section4 .left .title h3 { font-size: 25px; margin-bottom: 25px; }
    #section4 .left .title p { font-size: 13px; margin-bottom: 20px; }
    #section4 .left .button_wrap a { width: 35px; height: 35px; background-size: 35px; }
    #section4 .right { padding-top: 50px; padding-bottom: 50px; }
    #section4 .card_slide_box .card_title { margin-bottom: 20px; }
    #section4 .card_slide_box .card_title .title { margin-bottom: 20px; width: 150%; }
    #section4 .card_slide_box .card_title .tab { font-size: 16px; padding-top: 10px; }
    #section4 .card_slide_box .card_title .tab::before { width: 5px; height: 5px; }
    #section4 .card_slide_box .card_title .tab::after { top: 10px; height: 77%; }
    #section4 .card_slide_box .white_box { padding: 40px 20px 20px; min-height: 195px; }
    #section4 .card_slide_box .state { margin-bottom: -20px; }
    #section4 .card_slide_box .state span { width: 45px; height: 45px; font-size: 10px; }
    #section4 .card_slide_box .white_box .category { font-size: 10px; padding: 5px 10px; margin-bottom: 13px; }
    #section4 .card_slide_box .white_box .slide_title { font-size: 12px; margin-bottom: 13px; }
    #section4 .card_slide_box .white_box .slide_date { min-height: 28px; font-size: 10px; }
    #section4 .card_slide_box .white_box .slide_applyDate { min-height: 28px; font-size: 10px; }



    /* section5 (공지사항) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section5 .sec5_wrap { padding-top: 60px; padding-bottom: 60px; }
    #section5 .left { margin-bottom: 25px; }

    #section5 .notice_box { padding: 35px 20px; }
    #section5 .notice_box .cont_title { gap: 25px; padding-bottom: 20px; }
    #section5 .notice_box .cont_title .title p { font-size: 20px; margin-right: 8px; }
    #section5 .notice_box .cont_title .title .more { width: 20px; height: 20px; background-size: 20px; }
    #section5 .notice_box .cont_title .tabMenu { gap: unset; justify-content: space-between; width: 100%; }
    #section5 .notice_box .cont_title .tabMenu .tab { font-size: 15px; }
    #section5 .notice_box .cont_title .tabMenu .tab::after { bottom: -21px; }
    #section5 .notice_box .cont_list { padding-top: 0; }
    #section5 .notice_box .cont_list .item { padding-top: 23px; padding-bottom: 23px; gap: 15px;  }
    #section5 .notice_box .cont_list .item .date p { font-size: 28px; margin-bottom: 15px; }
    #section5 .notice_box .cont_list .item .date span { font-size: 10px; }
    #section5 .notice_box .cont_list .item .content { width: 68%; }
    #section5 .notice_box .cont_list .item .content .item_title { font-size: 13px; }
    #section5 .notice_box .cont_list .item .content .item_content { font-size: 11px; }
    #section5 .notice_box .cont_list .item .more { bottom: 45%; width: 15px; height: 10px;  }

    #section5 .vmsNotice_box { padding: 35px 20px; margin-bottom: 25px; }
    #section5 .vmsNotice_box .cont_title { padding-bottom: 20px; margin-bottom: 20px; }
    #section5 .vmsNotice_box .cont_title p { font-size: 20px; }
    #section5 .vmsNotice_box .cont_list .item a { margin-bottom: 15px; }
    #section5 .vmsNotice_box .cont_list .item a .item_title { font-size: 11px; width: 70%; }
    #section5 .vmsNotice_box .cont_list .item a .item_date { font-size: 11px; }

    #section5 .link_box { height: auto; padding: 30px 0; }
    #section5 .link_box .list { height: 65px; }
    #section5 .link_box .list .link span { width: 25px !important; height: 25px !important; }
    #section5 .link_box .list .link strong { font-size: 15px; font-weight: 400; }
    #section5 .link_box .list .wrap .text { padding-left: 0; }
    #section5 .link_box .list .wrap .text strong { font-size: 15px; }



    /* section6 (구인구직) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section6 .sec6_wrap { padding-top: 60px; padding-bottom: 30px; }
    #section6 .titleBox { margin-bottom: 35px; }
    #section6 .titleBox h4 { font-size: 16px; }
    #section6 .titleBox h4 em { font-size: 21px; }

    /* 탭 버튼 */
    #section6 .titleBox { padding-right: 50px; }
    #section6 .slideBtnBox { top: 30px; }
    #section6 .sec6MoreBtn { width: 30px; height: 30px; background-size: 30px; }
    #section6 .tabBtnWrap { margin-bottom: 20px; }
    #section6 .tabBtnWrap li.tab a { padding: 10px 0 10px; }
    #section6 .sec6_next,
    #section6 .sec6_prev { width: 30px; height: 30px; background-size: 30px; }
    #section6 .tabBtnWrap .tab a.btn10 { font-size: 17px; }

    /* 탭 컨텐츠 */
    #section6 .tabContentsBox .swiper-container { padding: 0 15px; }
    #section6 .tabContentsBox .whiteBackgound { min-height: 200px; padding: 25px 20px; }
    #section6 .tabContentsBox .whiteBackgound .jobType span { min-width: 80px; padding: 7px 10px; }
    #section6 .tabContentsBox .whiteBackgound .jobType.mb25 { margin-bottom: 15px; }
    #section6 .tabContentsBox .whiteBackgound .subjectBox.mb20 { margin-bottom: 10px; }
    #section6 .tabContentsBox .whiteBackgound .jobWrapper.mb20 { margin-bottom: 10px; }
    /* hover */
    #section6 .tabContentsBox .whiteBackgound:hover { transform: translateY(-10px); box-shadow: 0 10px 15px rgb(0 0 0 / 20%); }

    /* 서브탭버튼 */
    #section6 .tabContentsBox .subTabBtn { margin-bottom: 35px; }
    #section6 .tabContentsBox .subTabBtn li:not(:last-child):after { width: 1px; height: 16px; }
    #section6 .tabContentsBox .subTabBtn li a { padding: 0 20px; font-size: 15px; }
    #section6 .tabContentsBox .subTabBtn li a::after { width: 6px; height: 6px; }
    #section6 .tabContentsBox .subTabBtn li.active a::after { top: -14px; }
    /* hover */
    #section6 .tabContentsBox .subTabBtn li:hover a::after { top: -14px; }



    /* section7 (사회복지시설검색) */
    /* ----------------------------------------------------------------------------------------------------------- */
    #section7 .sec7_wrap { padding-top: 60px; padding-bottom: 60px; background-size: 200%; }
    #section7 .cont_search { border-radius: 20px; padding: 35px 20px; gap: 30px; margin-bottom: 30px; }
    #section7 .cont_search .title p { font-size: 23px; margin-bottom: 15px; }
    #section7 .cont_search .title span { font-size: 12px; }
    #section7 .cont_search .search .select_wrap select { height: 37px; font-size: 11px; background-size: 8px; padding-left: 20px; background-position: calc(100% - 20px); }
    #section7 .cont_search .search .searchbar_wrap #search_text { height: 37px; padding: 0 20px; }
    #section7 .cont_search .search .searchbar_wrap #search_text::placeholder { font-size: 11px; }
    #section7 .cont_search .search .searchbar_wrap button { right: 20px; }
    #section7 .cont_search .search .searchbar_wrap button img { width: 20px; height: 20px; }

    #section7 .cont_link .item { border-radius: 10px; width: calc(50vw - 25px); height: calc(50vw - 25px); margin-bottom: 10px; }
    #section7 .cont_link .item a .title { font-size: 16px; }
    #section7 .cont_link .item a .desc { font-size: 10px; }

}