@charset "utf-8";
/* CSS Document */


	#direct_go { display:none; }
	#flash_wrap {width:100%; height:auto;  max-height:350px;  margin:auto;  background:#d2d5da;}
		#flashs {width:100%;height:348px;max-width:1200px;max-height:348px; margin:auto; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}

	section.container { width:100%; padding:0; margin:0;}

	
	#cont_wrap { width:100%; margin:auto; background:#f6f6f6; padding:5px 0 15px 0;}
		#cont_wrap section.container {width:100%;margin:auto; max-width:1200px; padding:0;}
		
			#cont_wrap section.container ul { overflow:hidden; width:100%; padding:0;}
				#cont_wrap section.container ul li.bbs_div_wrap { padding:5px; position:relative; z-index:1; }
					#cont_wrap section.container ul li.bbs_div_wrap img.bgs { width:100%; height:auto;}
					
					.bbs_div { position:absolute; z-index:999; top:0%; left:0%; padding:15.38461538461538% 10.3448275862069%; height:100%;  width:100%;} /* padding:15.38461538461538% 10.3448275862069%; height:69.23076923076924%;*/
					
					.bbs_div h3 { display:block; font-size:1.5em; width:100%; color:#2f2f2f; font-family: 'Nanum Gothic', sans-serif; }
						.bbs_div_wrap .bbs_div h3 a { color:#fff; }
						
					/*공지*/
					.bbs_div_wrap .bbs_div.notice h3 { color:#fff;overflow:hidden;}
						.bbs_div.notice h3 span { float:left;}
						.bbs_div.notice h3 a { float:right; font-size:1.0em; font-weight:200; color:#fff; }
							.notice_list { margin-top:10px;  width:100%;}
								#cont_wrap section.container .notice_list ul { width:96%; margin:auto;}
								.notice .notice_list li { width:100%;}
								.notice .notice_list li a { display:block; width:100%; font-family:"맑은 고딕"; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; padding:3% 0; font-weight:400; font-size:0.9em;}
					/*자원봉사신청*/
					.bbs_div_wrap .bbs_div.vol_requset h3 { text-align:center; color:#fff;}
					/*자원봉사확인*/
					.bbs_div_wrap .bbs_div.vol_chk  h3 { text-align:center; }
						.bbs_div_wrap .bbs_div.vol_chk h3 a { color:#2f2f2f;}
					/*페이스북*/
					.bbs_div_wrap .facebook { padding:5px;}
					.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }


					
					/*소식*/
					.bbs_div_wrap .news {}
						.bbs_div_wrap .news h3 {overflow:hidden;}
						.bbs_div.news h3 span { float:left;}
						.bbs_div.news h3 a { float:right; font-size:1.0em; font-weight:200; color:#fff;}
					/*오시는길*/
					.bbs_div_wrap .maps {}
						.bbs_div_wrap .maps h3 { text-align:center; }
							.bbs_div_wrap .bbs_div.maps h3 a {color:#2f2f2f;} 
					/*후기*/	
					.bbs_div_wrap .afters {}
						.bbs_div_wrap .afters h3 { text-align:center; }
							.bbs_div_wrap .bbs_div.afters h3 a {color:#2f2f2f;} 
					/*포토갤러리*/
					.bbs_div_wrap .photos {}
						.bbs_div_wrap .photos h3 {overflow:hidden;}
						.bbs_div.photos h3 span { float:left;}
						.bbs_div.photos h3 a { float:right; font-size:1.0em; font-weight:200; color:#fff;}
							.callbacks_container { margin-top:10px;}
						
					.bbs_div_wrap.cursors { cursor:pointer;}	
						

	@media only screen  and (min-width: 200px) {
		.ls-slide .bgs01 { display:none;}
		.ls-slide .bgs02 { left:5%; top:105px;}
		.ls-slide .bgs03 { left:5%; top:143px;}
			.ls-slide img.bgs03 { width:90% ;height:auto; max-width:358px; max-height:81px;}
		.ls-slide .bgs04 { left:5%; top:235px;}	
		
		
		#cont_wrap section.container ul li.bbs_div_wrap { float:left; width:100%;}
		.notice .notice_list li a  {font-size:1.1em;padding:3% 0;}
		#cont_wrap section.container ul li.bbs_div_wrap.sm50 { width:50%;}
	}
	@media only screen and (min-width: 480px) {
		.ls-slide .bgs01 {display:none;}
		.ls-slide .bgs02 { left:5%; top:105px;}
		.ls-slide .bgs03 { left:5%; top:143px;}
			.ls-slide img.bgs03 { width:358px;}
		.ls-slide .bgs04 { left:5%; top:235px;}
		
		#cont_wrap section.container ul li.bbs_div_wrap { float:left; width:50%;}
		.notice .notice_list li a  {font-size:1.0em;padding:2% 0;}
		
		#cont_wrap section.container ul li.bbs_div_wrap.sm50 { width:50%;}
	}
	
	@media only screen and (min-width: 768px) {	
		.ls-slide .bgs01 { left:70%; top:40px;display:block;}
		.ls-slide .bgs02 { left:86px; top:105px;}
		.ls-slide .bgs03 { left:86px; top:143px;}
			.ls-slide img.bgs03 { width:358px;}
		.ls-slide .bgs04 { left:86px; top:235px;}
		
		
		#cont_wrap section.container ul li.bbs_div_wrap { float:left; width:25%;}
			.notice .notice_list li a  {font-size:0.8em; padding:1% 0;}
			
		#cont_wrap section.container ul li.bbs_div_wrap.sm50 {width:25%;}	
	}
		
	@media only screen and (min-width: 970px) {
		.ls-slide .bgs01 { left:900px; top:40px;display:block;}
		.ls-slide .bgs02 { left:86px; top:105px;}
		.ls-slide .bgs03 { left:86px; top:143px;}
			.ls-slide img.bgs03 { width:358px;}
		.ls-slide .bgs04 { left:86px; top:235px;}
		
		
		#cont_wrap section.container ul li.bbs_div_wrap { float:left; width:25%;}
			.notice .notice_list li a  {font-size:0.9em; padding:2% 0;}
			
		#cont_wrap section.container ul li.bbs_div_wrap.sm50 {width:25%;}
	}
		
	@media only screen and (min-width: 1170px) {
		.ls-slide .bgs01 { left:900px; top:40px; display:block;}
		.ls-slide .bgs02 { left:86px; top:105px;}
		.ls-slide .bgs03 { left:86px; top:143px;}
			.ls-slide img.bgs03 { width:358px;}
		.ls-slide .bgs04 { left:86px; top:235px;}
		
		#cont_wrap section.container ul li.bbs_div_wrap { float:left; width:25%;}
			
			.notice .notice_list li a  {font-size:0.9em; padding:3% 0;}
			
		#cont_wrap section.container ul li.bbs_div_wrap.sm50 {width:25%;}	
	}