@charset "utf-8";

i::before{
    font-family: xeicon !important;
}

/* #main {width: 100%; text-align:center; position: relative;} */
.main_slide{margin-top: 80px;}
.main_img img{margin: 0 auto; /* width: 100%; */}

.main-bn > .slider > .slides > .bn.bn1{background: #568a35 !important;}
.main-bn > .slider > .slides > .bn.bn2{background: #64cefe !important;}
.main-bn > .slider > .slides > .bn.bn3{background: #95befe !important;}
.main-bn > .slider > .slides > .bn.bn4{background: #b3e359 !important;}
.main-bn > .slider > .slides > .bn.bn5{background: #fcdc33 !important;}
.main-bn > .slider > .slides > .bn.bn6{background: #5b1e85 !important;}

.main_img img{width: auto;}
.main_img img:last-child{display: none;}

/* 메인슬라이드 화살표 */
.slick-arrow{position: absolute; bottom: 20px; z-index: 1; font-size: 0; color: transparent; width: 50px; height: 50px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); border-radius: 50%;}
.main_slide .slick-prev{left: 42vw; background: url(../../images/main_arrow1.svg);}
.main_slide .slick-next{right: 42vw; background: url(../../images/main_arrow2.svg);}

.slick-dots{position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center;}
.slick-dots li{margin-right: 30px;}
.slick-dots li:last-child{margin-right: 0;}
.slick-dots li button{border-radius: 50%; width: 10px; height: 10px; font-size: 0; color: transparent; background: #767777;}
.slick-dots li.slick-active button{width: 15px; height: 15px;}

/* menu_bar */
#menu_bar{height: 100%; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); background: #eaeaea;}
#menu_bar .inner{height: 100%;}
#menu_bar ul{display: flex; justify-content: space-between; height: 100%;}
#menu_bar ul li{height: 100%; width: 17%; transition: 0.3s;}
#menu_bar ul li:nth-child(1){background: url(../../images/main_bar3.png) 50% 30%/40% no-repeat;}
#menu_bar ul li:nth-child(2){background: url(../../images/main_bar2.png) 50% 20%/40% no-repeat;}
#menu_bar ul li:nth-child(3){background: url(../../images/main_bar7.png) 50% 30%/40% no-repeat;}
#menu_bar ul li:nth-child(4){background: url(../../images/main_bar4.png) 50% 30%/40% no-repeat;}
#menu_bar ul li:nth-child(5){background: url(../../images/main_bar5.png) 50% 30%/40% no-repeat;}
#menu_bar ul li:nth-child(6){background: url(../../images/main_bar1.png) 50% 30%/40% no-repeat;}
#menu_bar ul li:nth-child(7){background: url(../../images/main_bar6.png) 50% 30%/40% no-repeat;}

#menu_bar ul li:hover:nth-child(1){background: url(../../images/main_bar3_hover.png) 50% 30%/40% no-repeat;}
#menu_bar ul li:hover:nth-child(2){background: url(../../images/main_bar2_hover.png) 50% 20%/40% no-repeat;}
#menu_bar ul li:hover:nth-child(3){background: url(../../images/main_bar7_hover.png) 50% 30%/40% no-repeat;}
#menu_bar ul li:hover:nth-child(4){background: url(../../images/main_bar4_hover.png) 50% 30%/40% no-repeat;}
#menu_bar ul li:hover:nth-child(5){background: url(../../images/main_bar5_hover.png) 50% 30%/40% no-repeat;}
#menu_bar ul li:hover:nth-child(6){background: url(../../images/main_bar1_hover.png) 50% 30%/40% no-repeat;}
#menu_bar ul li:hover:nth-child(7){background: url(../../images/main_bar6_hover.png) 50% 30%/40% no-repeat;}

#menu_bar ul li a{display: block; height: 100%;/*  width: 200px; */ text-align: center; position: relative; padding: 110px 20px 20px; font-size: 20px;}
#menu_bar ul li:hover a::after{display: block; content: ''; width: 100px; height: 100px; background: #ED145B; position: absolute; top: 40%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%); z-index: -1;}
#menu_bar ul li:nth-child(6) a{border: none;}
#menu_bar ul li a p{padding-top: 55%; padding-bottom: 20px;}

/* 공통 */
.wrap{background: #fff;}
.wrap .inner{padding: 80px 0 80px;}
.wrap h2{font-family: 'Jua', sans-serif; font-size: 50px; text-align: center;margin: 0 auto 30px;}
.wrap h2 b{margin-right: 5px; color: #ED145B;}

.contets{display: flex; justify-content: space-between;}

/* 더보기 */
.box_title a:last-child{display: block; color: transparent; font-size: 0; background: url(../../images/plus.svg) 50% 50% no-repeat; width: 30px; height: 30px;}
.box_title a:last-child:hover{animation:rotate-center .6s ease-in-out both;}
@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

/* 공지사항 */
.sec1 h2 b{color: #ED145B;}
.notice{width: 50%; border: 1px solid #eaeaea; border-radius: 20px; padding: 20px 30px;  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); background: #fff;}

.notice_recent a{display: block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; }
.notice_recent a p{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width: 100%;}

.notice_recent_title{display: flex; justify-content: space-between; margin-bottom: 5px;}
.notice_recent_title strong{font-size: 20px; font-weight: 600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width: 80%;}
.notice_recent_title span{font-size: 16px; color: #666;}

.box_title{display: flex; justify-content: space-between;}
.box_title h3{font-size: 24px; font-weight: 500; color: #555; margin-bottom: 10px; transition: 0.3s;}
.notice_list li.on .box_title h3{color: #ED145B; font-weight: 700;}
.box_title h3:hover{color: #ED145B;}

.notice_con li{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #ccc;}
.notice_con li::before{display: block; content: ''; width: 5px; height: 5px; background: #ED145B; margin-right: 5px; border-radius: 50%;}
.notice_con li a{display: flex; justify-content: space-between; align-items: flex-end; padding: 10px 10px 10px 0; color: #666; width: 98%;}
.notice_con li a:hover{color: #ED145B;}
.notice_con li a p{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width: 400px;}
.notice_con li a span{font-size: 16px; color: #666;}

/* main_box */
.main_box{width: 24%; border: 1px solid #eaeaea; border-radius: 20px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); background: #fff; text-align: center;}
.main_box2 a{display: flex; justify-content: space-between; align-items: center; flex-direction: column; width: 100%; height: 100%; background: #CBAB70; border-radius: 20px; padding: 20px;}
.main_box a img{transition: 0.3s; margin: 30px 0 0px; width: 65%;}
.main_box a strong{margin: 0 auto; display: flex; justify-content: center; align-items: center; width: 100%; background: #fff; color: #ec697d; border-radius: 10px;  font-weight: 600; font-size: 20px; padding: 5px 0;}
.main_box a p{height: 85px; display: flex; justify-content: center; align-items: center; text-align: center !important;}

/* 식단표 */
.main_box .meal-card{
	background: #f29c9f;
	width: 100%; 
	height: 100%; 
	border-radius: 20px; 
	padding: 20px;
}
.main_box .meal-card strong{
	margin: 0 auto; 
	display: flex; 
	justify-content: center; 
	align-items: center;
	width: 100%; 
	background: #fad7d9; 
	color: #ec697d; 
	border-radius: 10px;  
	font-weight: 600; 
	font-size: 20px; 
	padding: 5px 0;
}
.main_box .meal-card .meal-wrap{
	background: #fff;
	border-radius: 10px;
	margin-top: 10px;
	padding: 10px;
}
.main_box .meal-card h2{
	margin: 0 auto;
	display: flex; 
	justify-content: center; 
	align-items: center;
	width: 100%; 
	background: #fad7d9; 
	color: #ec697d; 
	border-radius: 10px;  
	font-weight: 600; 
	font-size: 20px; 
	padding: 5px 0;
	font-family: 'Noto Sans KR', sans-serif;
}
.main_box1 p{
	text-align: center; 
	color: #333; 
	font-size: 16px; 
}
.main_box .meal-card h3{
	/* background: #ec697d; */
	font-weight: 700;
	color: #ec697d;
	border-radius: 10px;
	margin: 0 auto;
	padding: 2px;
}
.main_box .meal-card .meal-section{
	margin-top: 5px;
	min-height: 192px;
}
.main_box .meal-card a{
	display: block;
	margin-top: 10px;
}


.main_box1 strong{background: #EADDC6;}

.main_box1 button{width: 100%; height: 45px; color: #fff; background: #ec697d url(../../images/main_box_a.png) 95% 50% no-repeat; border-radius: 10px; padding-right: 30px;}

.main_box1 figure{height: 180px; overflow: hidden;}
.main_box1 figure img{width: 100%; height: 100%; transition: 0.5s;}
.main_box1 a:hover img{transform: scale(1.1);}

/* 후원 */
.main_box2 a{background: #90c669;}
.main_box2 a strong{color: #65BD55; background: #DAECCD;}
.main_box2 a p{color: #fff; font-size: 16px; text-align: left;}
.main_box2 button{width: 100%; height: 45px; color: #fff; background: #63B846 url(../../images/main_box_a.png) 90% 50% no-repeat; border-radius: 10px; padding-right: 20px; margin-top: 30px;}

.main_box2 figure{height: 180px; overflow: hidden;}
.main_box2 figure img{width: 100%; height: 100%; transition: 0.5s;}
.main_box2 a:hover img{transform: scale(1.1);}

/* sec2 */
/* 사회교육 안내 */
.sec2{position: relative;}
.sec2 h2{font-size: 40px; z-index: 1; color: #424242;}
.sec2 h2 b{font-size: 40px;}
.sec2 ul{display: flex; justify-content: space-between; width: 100%;}

.education{z-index: 1;}
.education li{width: 24%; border-radius: 20px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); text-align: center;}
.education li a{display: block; width: 100%; height: 100%; background: url(../../images/main_education.png) 95% 95% no-repeat; border-radius: 20px; padding: 30px;}
.education li a strong{margin: 0 auto; display: flex; justify-content: center; align-items: center; width: 100%; background: rgba(255, 255, 255, 0.2); color: #fff; border-radius: 10px;  font-weight: 600; font-size: 20px; padding: 5px 0;}
.education li a img{margin: 20px 0;}
.education li a img{transition: 0.3s;}
.education li:hover a img{transform: scale(1.1);}
.education li a p{color: #fff;}

/* 봄 */
/* .sec2{background: #ffe3e2;}
.sec2 h2 b{color: #eb443e;}
.education li a{background: #ef7a82;} */

/* 여름 */
/* .sec2{background: #d2ebfc;}
.sec2 h2 b{color: #1680c8;}
.education li a{background: #1680c8;} */

/* 가을 */
/* .sec2{background: #ffeed0;}
.sec2 h2 b{color: #944026;}
.education li a{background: #fcb863;}
.education li a strong{background: #944026;} */

/* 겨울 */
.sec2{background: #fce5e3;}
.sec2 h2 b{color: #eb443e;}
.education li:nth-child(2n-1) a{background: #eb443e;}
.education li:nth-child(2n) a{background: #00926b;}




.program_img img{position: absolute;}
.program_img1{top: 50px; left: 150px;}
.program_img2{top: 40%; left: 50px; animation: motion 3s infinite;}
.program_img3{bottom: 50px; left: 150px;}
.program_img4{bottom: 10px; left: 60%;}
.program_img5{top: 70px; right: 15%; }
.program_img6{bottom: 20%; right: 100px; animation: wobble-hor-bottom 3s infinite both;}

@keyframes motion {
	0% {margin-top: 0px;} 
	50% {margin-top: 50px;}
	100%{margin-top: 0px;}
  }
@keyframes wobble-hor-bottom {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}
	15% {
		transform: translateX(-15px) rotate(-6deg);
	}
	30% {
		transform: translateX(15px) rotate(6deg);
	}
	45% {
		transform: translateX(-15px) rotate(-3.6deg);
	}
	60% {
		transform: translateX(5px) rotate(2.4deg);
	}
	75% {
		transform: translateX(-5px) rotate(-1.2deg);
	}
}

/* sec3 */
/* 반포뉴스 */
.sec3{background: #F1F7EC;}
.sec3 h2 b{color: #6FBA2C;}

.sec3_slide ul{margin-top: 20px;}
.sec3_slide ul li{margin: 0 10px; position: relative;}
.sec3_slide ul li a{display: block; background: #fff; border: 1px solid #ccc;}
.sec3_slide ul li a figure{overflow: hidden; height: 278px;}
.sec3_slide ul li a img{width: 100%; height: 100%; transition: 0.5s;}
.sec3_slide ul li a:hover img{transform: scale(1.1);}

.news_info{padding: 20px; background: #fff; border-top: 1px solid #ccc;}
.news_info strong{display: block; color: #333; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sec3_slide ul li a:hover strong{color: #ED145B;}

/* 화살표 */
.sec3_slide .slick-arrow{background: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}
.sec3_slide .slick-prev, .sec3_slide .slick-next{bottom: 50%; transform: translateY(-50%);}
.sec3_slide .slick-next{right: -75px; background-image: url(../../images/main_arrow2.svg); width: 50px; height: 50px;}
.sec3_slide .slick-prev{left: -100px; background-image: url(../../images/main_arrow1.svg); width: 50px; height: 50px;}
.sec3_slide .slick-prev::before{content: '';}
.sec3_slide .slick-next:before{content: '';}

/* 봉사후기 */
.volunteer{width: 33%; border: 1px solid #eaeaea; border-radius: 20px; padding: 30px;  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); background: #fff;}
.volunteer a{display: block;}
.volunteer a figure{height: 225px; overflow: hidden;}
.volunteer a figure img{height: 100%; width: 100%; transition: 0.5s;}
.volunteer a:hover img{transform: scale(1.1);}
.volunteer a p{display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top: 10px; width: 300px;}

/* 나눔갤러리 */
.gallery{width: 33%; border: 1px solid #eaeaea; border-radius: 20px; padding: 30px;  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); background: #fff;}
.gallery a{display: block;}
.gallery a p{display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top: 10px; width: 300px;}
.gallery a figure{height: 225px; overflow: hidden;}
.gallery a figure img{height: 100%; width: 100%; transition: 0.5s;}
.gallery a:hover img{transform: scale(1.1);}

/* 홍보영상 */
.video{width: 33%; border: 1px solid #eaeaea; border-radius: 20px; padding: 30px;  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); background: #fff;}
.top_vod{height: 225px; background: #222; padding-top: 17.5px; border-radius: 15px;}
.video p{margin-top: 10px;}

/* 이웃사랑 실천기관 */
.list .inner{display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 50px 0;}
.list_ul{width: 80%; display: inline-block;}
.list .slick-arrow{width: 30px; height: 30px; box-shadow: none; bottom: 0;}
.list .slick-prev{background: url(../../images/main_list1.svg) 0 0 no-repeat; left: -50px;}
.list .slick-next{background: url(../../images/main_list2.svg) 0 0 no-repeat; right: 0px;}

.quick{position: fixed; top: 50%; right: 50px; transform: translateY(-50%); border: 1px solid #eaeaea; width: 100px; background: #fff; z-index: 10; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); border-radius: 20px;}
.quick ul li{margin: 0 auto; text-align: center; border-bottom: 1px dashed #ccc; transition: 0.3s;}
.quick ul li:nth-child(1){background: url(../../images/facebook.svg) 50% 20% no-repeat;}
.quick ul li:nth-child(1):hover{background: url(../../images/facebook_hover.svg) 50% 20% no-repeat;}
.quick ul li:nth-child(2){background: url(../../images/instar.svg) 50% 20% no-repeat;}
.quick ul li:nth-child(2):hover{background: url(../../images/instar_hover.svg) 50% 20% no-repeat;}
.quick ul li:nth-child(3){background: url(../../images/top1.svg) 50% 20% no-repeat; border-bottom: none;}
.quick ul li:nth-child(3):hover{background: url(../../images/top.svg) 50% 20% no-repeat;}
.quick ul li a{display: block; padding-top: 70px; padding-bottom: 10px;}

/* .top-button{display: none;} */
.top-button{position: fixed; bottom: 10%; right: 5%; width: 60px; height: 60px; background: url(../../images/top.png) 0 0 no-repeat; z-index: 100; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));}

@media screen and (max-width:1500px) {
	.play{right: 42vw;}
	.pause{right: 39vw;}

	.program_img1{left: 3vw; top: 10px;}
	.program_img3{left: 2vw; bottom: 20px;}
	.program_img5{right: 5%;}
	.program_img6{right: 20px;}
}

@media screen and (max-width:1400px) {
	/* 메인슬라이드 */
	.main_slide .slick-prev{left: 40vw;}
	.main_slide .slick-next{right: 40vw;}
	/* sec3 */
	.wrap.sec3 .inner{padding: 80px 0 150px;}
	.sec3_slide .slick-prev, .sec3_slide .slick-next{bottom: -100px;}
	.sec3_slide .slick-prev{left: 40%;}
	.sec3_slide .slick-next{right: 40%;}
}

@media screen and (max-width:1200px) {
	.main_slide .slick-prev{left: 35vw;}
	.main_slide .slick-next{right: 35vw;}

	/* 메뉴바 */
	#menu_bar ul li{width: 16.6%;}
	#menu_bar ul li a{width: 100%; font-size: 16px;}
	#menu_bar ul li a p{padding-top: 60%;}


	/* 공지사항 */
	.notice_con li a{width: 96%;}
	.notice_con li a p{width: 80%;}

	.main_box a p{height: 110px;}
	.main_box button{font-size: 16px;}
	.main_box1 button{padding-right: 30px;}

	/* 한마음뉴스 */
	.main_box1 a figure{height: 14.2vw;}

	/* 재단소식지 */
	.main_box2 figure{height: 19vw;}

	/* 이사장인사말 */
	.ceo_con img{width: 38%;}

	/* 봉사후기 */
	.volunteer{width: 49%;}
	.volunteer a figure{height: 25.2vw;}

	/* 나눔갤러리 */
	.gallery{width: 49%;}
	.gallery a figure{height: 25.2vw;}

	/* 동영상 */
	.contets{flex-wrap: wrap;}
	.video{width: 100%; margin-top: 30px;}
	.top_vod{width: 100%; position: relative; height: 0; padding-top: 56.25%;}
	.top_vod .top_vod_con{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.top_vod iframe{width: 100%;height: 100%;}

	.sec3_slide ul li a figure{height: 22vw;}

	.program_img1{width: 15%; left: 0; top: 30px;}
	.program_img2{top: 20px; left: 20vw;}
	.program_img3{left: 0; bottom: 20px; width: 8%;}
	.program_img4{left: 40%;}
	.program_img5{top: 60px; right: 2%;}
	.program_img6{bottom: 0; width: 10%;}
}

@media screen and (max-width:1024px) {
	.main_slide{margin-top: 60px;}

	/* 메뉴바 */
	#menu_bar ul li a{padding: 90px 0 10px 0;}
	#menu_bar ul li a p{padding-top: 65%;}
	#menu_bar ul li:nth-child(1){background: url(../../images/main_bar3.png) 50% 30%/60% no-repeat;}
	#menu_bar ul li:nth-child(2){background: url(../../images/main_bar2.png) 50% 20%/60% no-repeat;}
	#menu_bar ul li:nth-child(3){background: url(../../images/main_bar7.png) 50% 30%/60% no-repeat;}
	#menu_bar ul li:nth-child(4){background: url(../../images/main_bar4.png) 50% 30%/60% no-repeat;}
	#menu_bar ul li:nth-child(5){background: url(../../images/main_bar5.png) 50% 30%/60% no-repeat;}
	#menu_bar ul li:nth-child(6){background: url(../../images/main_bar1.png) 50% 30%/60% no-repeat;}
	#menu_bar ul li:nth-child(7){background: url(../../images/main_bar6.png) 50% 30%/60% no-repeat;}
	

	.wrap .inner{padding: 50px 0 50px;}


	/* 공지사항 */
	/* .notice{width: 100%;} */
	.notice_con li a{width: 98%;}
	/* .notice_con li a p{width: 70vw;} */
	
	
	/* 주민소리함 */
	/* .main_box{width: 49%; margin-top: 30px;} */
	.news{width: 59%; margin-top: 20px;}
	.main_box1 a figure{height: 25.1vw;}
	.main_box a img{width: 100%;}
	.main_box a p{height: 80px;}
	.main_box1 button{background: #ec697d url(../../images/main_box_a.png) 90% 50% no-repeat;}

	/* 후원신청 */
	/* .main_box2{width: 49%; margin-top: 30px;} */
	/* .main_box2 figure{width: 86%; height: 33vw;} */

	/* 사회교육 */
	.education li a{padding: 20px 10px 40px;}

	.wrap.sec3 .inner{padding: 50px 0 150px;}

	.sec3_slide ul li a figure{height: 29.5vw;}

	/* 이웃사랑 실천기관 */
	.list .slick-prev{left: -3.5vw;}
	.list .slick-next{right: -0.5vw;}

	.program_img1{display: none;}
	.program_img2{left: 3vw;}
	.program_img3{bottom: 0;}
	.program_img4{width: 12%; bottom: 0;}
	.program_img5{width: 10%;}
	.program_img6{width: 8%;}
}



@media screen and (max-width:768px) {
	.main_img img{width: 100%;}
	.main_img img:first-child{display: none;}
	.main_img img:last-child{display: block;}

	.main_slide .slick-arrow{width: 40px; height: 40px;}
	.main_slide .slick-prev{left: 35vw; background: url(../../images/main_arrow1.svg) 50%/100% no-repeat;}
	.main_slide .slick-next{right: 35vw; background: url(../../images/main_arrow2.svg) 50%/100% no-repeat;}

	.wrap .inner{padding: 50px 0 50px;}
	.wrap h2{margin-bottom: 20px; font-size: 40px;}
	.wrap h2::before{left: 27%; background: url(../../images/main_icon4.png) 0 0/90% no-repeat;}
	.wrap h2::after{right: 27%; background: url(../../images/main_icon5.png) 0 0/90% no-repeat;}

	/* 메뉴바 */
	#menu_bar ul li a{font-size: 16px;}

	/* 공지사항 */
	.notice{width: 100%;}
	.box_title h3{font-size: 20px;}
	.notice_recent_title strong{font-size: 18px;}
	.notice_recent a p{font-size: 16px;}
	.notice_recent_title span{font-size: 14px;}
	.notice_con li a{font-size: 16px;}
	.notice_con li a p{width: 60vw;}
	.notice_con li a span{font-size: 14px;}

	/* 주민소리함 */
	.main_box{width: 100%; margin-top: 30px;}
	.main_box a img{width: 25%;}
	.main_box1 a p{font-size: 16px;}
	.main_box a strong{font-size: 18px;}
	.main_box a p{height: 100px;}
	.main_box1 button{background: #ec697d url(../../images/main_box_a.png) 95% 50%/8% no-repeat;}

	/* 후원신청 */
	.main_box2 button{font-size: 16px;}
	.main_box2 button{background: #63B846  url(../../images/main_box_a.png) 95% 50%/8% no-repeat;}

	/* 사회교육 */
	.education{flex-wrap: wrap;}
	.education li{width: 49%;}
	.education li:nth-child(1){margin-bottom: 20px;}
	.education li:nth-child(2){margin-bottom: 20px;}
	.education li a strong{font-size: 18px;}

	.sec3_slide ul li a figure{height: 43.7vw;}
	.news_info strong{font-size: 16px;}
	.education li a p{font-size: 16px;}

	.wrap.sec3 .inner{padding: 40px 0 120px;}
	.sec3_slide .slick-prev, .sec3_slide .slick-next{bottom: -80px;}
	.sec3_slide .slick-prev{width: 40px; height: 40px; background: url(../../images/main_arrow1.svg) 50%/100% no-repeat;}
	.sec3_slide .slick-next{width: 40px; height: 40px; background: url(../../images/main_arrow2.svg) 50%/100% no-repeat;}

	/* 이웃사랑 실천기관 */
	.list .inner{flex-direction: column; height: auto; padding: 30px 0;}
	.list .inner p{margin-bottom: 20px;}
	.list_ul{width: 95%;}
	.list .slick-prev{left: -40px;}
	.list .slick-next{right: -40px;}
	
	.program_img2{top: 100px;}
	.program_img3{width: 15%;}
	.program_img4{display: none;}
	.program_img5{width: 15%; top: 115px;}
	.program_img6{display: none;}
}

@media screen and (max-width:700px) {
	#menu_bar ul{flex-wrap: wrap; justify-content: center;}
	#menu_bar ul li{width: 25%;}
	#menu_bar ul li a{border-bottom: 1px solid #eaeaee; padding: 17vw 0px 2vw 0;}
	#menu_bar ul li:nth-child(3) a{border-right: none;}
	#menu_bar ul li:nth-child(4) a,#menu_bar ul li:nth-child(5) a,#menu_bar ul li:nth-child(6) a{border-bottom: none;}
	#menu_bar ul li a p{padding-top: 55%; font-size: 18px;}
}

@media screen and (max-width:480px) {
	.main_slide .slick-dots{bottom: 25px;}
	.main_slide .slick-arrow,.play, .pause{bottom: 15px;}
	.main_slide .slick-prev{left: 30vw;}
	.main_slide .slick-next{right: 30vw;}
	.slick-dots li{margin-right: 20px;}

	.wrap h2::before{left: 15%;}
	.wrap h2::after{right: 15%;}
	.wrap h2{margin-bottom: 0; font-size: 30px;}

	.box_title h3{font-size: 18px; margin-bottom: 10px;}

	/* 메뉴바 */
	/* #menu_bar ul li a{padding: 100px 0px 10px;} */
	#menu_bar ul li a p{padding-top: 65%; font-size: 16px;}

	.notice_con li a{padding: 5px 0; font-size: 16px;}

	/* 공지사항 */
	.wrap .inner{padding: 30px 0 30px;}
	.notice{padding: 20px;}
	.notice_recent a{padding: 10px 0;}

	/* 주민소리함 */
	.main_box{margin-top: 20px;}
	.news{width: 100%; padding: 20px;}
	.main_box1 a figure{height: 43vw;}
	.main_box1 a p{font-size: 16px; height: 60px;}
	.main_box{width: 100%;}
	.main_box a img{width: 45%; margin-top: 10px;}

	/* 후원신청 */
	.main_box2{width: 100%;}
	.main_box2 figure{width: 60%; height: 65vw;}
	.main_box2 a p{height: 80px;}
	.main_box2 button{margin-top: 10px;}

	/* 사회교육 */
	.education li a{padding: 20px 10px 20px;}
	.education li a img{margin: 10px 0; width: 70%;}

	/* 반포뉴스 */
	.sec3_slide ul li a figure{height: 85.5vw;}
	.sec3_slide .slick-prev{left: 30%;}
	.sec3_slide .slick-next{right: 30%;}

	/* 이웃사랑 실천기관 */
	.list .slick-prev{left: -30px;}
	.list .slick-next{right: -30px;}

	.program_img2{display: none;}
	.program_img5{display: none;}
}

@media screen and (max-width:420px) {
	.main_slide  .slick-prev{left: 30vw;}
	.main_slide  .slick-next{right: 30vw;}

	.wrap h2{font-size: 30px;}
	.sec2 h2 b{font-size: 30px;}
}

@media screen and (max-width:390px) {
	#menu_bar ul li a{padding: 65px 0 5px; font-size: 14px;}
	#menu_bar ul li a p{font-size: 14px; padding-bottom: 10px;}

	.list .slick-next{right: -25px;}
	.list .slick-prev{left: -25px;}

	.notice_recent_title strong{font-size: 16px; width: 75%;}
	.notice_con li a p{width: 55vw;}
	
}

#main{text-align: center; width: 100%; position: relative;}
/* 메인 배너 슬라이더 */
.main-bn{
	width:100%;
	height: 600px;;
	position:relative;
	background: #e4f2fa;
	margin-top: 100px;
}

.main-bn > .slider > .slides > .bn {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	visibility:hidden;
	transition:opacity 1s, visibility 1s;
}
.main-bn > .slider > .slides > .bn.active {
	opacity:1;
	visibility:visible;
}

/* 슬라이더 페이지 버튼 */
.main-bn > .slider > .page-btns {
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	bottom:30px;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 30px;
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main-bn > .slider > .page-btns > .page-btn {
	color:#fff;
	display:inline-block;
	cursor:pointer;
	background: transparent;
}

.main-bn > .slider > .page-btns > .next-btn {
	margin-left:100px;
}

.main-bn > .slider > .page-btns > .page-btn > i {
	display:block;
	font-size:18px;
}

/* 슬라이더 페이지 번호 */
.main-bn > .slider > .page-btns > .page-no {
	position:absolute;
	top:5px;
	left:50%;
	transform:translateX(-50%);
}

.main-bn > .slider > .page-btns > .page-no > span {
	display:inline-block;
	color:#fff;
	font-size:16px;
}

.slider img:last-child{display: none;}

@media screen and (max-width:1200px){
	.main-bn{height: 50vw;}
}

@media screen and (max-width:1024px){
	.main-bn{margin-top: 60px;}
}

@media screen and (max-width:768px){
	.slider img:last-child{display: block;}
	.slider img:first-child{display: none;}

	
	.main-bn{height: 125vw;}

	.main-bn > .slider > .page-btns{left: 50%;}
}

@media screen and (max-width:480px){
	.ebook{bottom: 20px;}
	.main-bn > .slider > .page-btns{width: 170px; height: 35px; bottom: 20px;}
}



/* 공지사항 */
.notice_wrap .notice_ul > li {
	display:none;
}
.notice_wrap .notice_ul > li.on {
	display:block;
}	

.notice_list{
	display: flex;
	position: relative;
}
.notice_list li:first-child{
	margin-right: 20px;
	padding-right: 20px;
}
.notice_list .box_title a:last-child{
	position: absolute;
	right: 0;
	top: 0;
}
.notice_list li .box_title a:last-child{
	display: none;
}

.notice_list li.on .box_title a:last-child{
	display: block;
}

.notice_wrap .notice_list li::after{
	display: block; 
	content: ''; 
	width: 1px; 
	height: 20px; 
	position: absolute; 
	background: #ccc; 
	top: 10px; 
	left: 105px;
}