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

#direct_go { display:none; }
	#flash_wrap {width:100%;height:auto;  max-height:249px;  margin:auto; border:0; border-top:1px solid #dadada; background:#d2d5da; }
		#flashs {width:100%;height:249px; max-width:1200px;max-height:249px; margin:auto;}
		
section.container { width:100%; padding:0; margin:0;}
		
#cont_wrap {width:100%; margin:0 auto; padding:20px 0 20px 0; background:#f6f6f6; }
	#cont_wrap .container {width:100%; max-width:1200px; margin:auto; padding:0;}
		
	#content {width:100%; max-width:1200px; margin:auto; overflow:hidden; }
		.sub_navi_wraps { float:left; width:19.16666666666667%; margin-right:1.666666666666667%;background:#fff; padding:0 2.083333333333333% 30px 2.083333333333333%;}
			.sub_navi_wraps h3 { display:block; width:100%; height:100%; max-height:67px; background:#fff; color:#000;  font-family:"맑은 고딕"; font-size:1.2em; text-align:center; padding:12.28571428571429% 0; font-weight:700; border-bottom:2px solid #93c232; margin-bottom:10px;}
			
			
					
		.sub_block { float:left; width:79.16666666666667%; background:#fff; padding:0 2.916666666666667%; }
		
		.sub_titles { min-height:67px; width:100%; border-bottom:1px solid #e5e5e5; padding:20px 0 0 0;}
			.sub_titles .sub_tops { overflow:hidden; width:100%; min-height:47px;}
				.sub_titles .sub_tops h4 { float:left; color:#000; font-size:1.3em; font-family:"맑은 고딕"; font-weight:400; display:inline-block; padding-left:18px; background:url(../images/sub_top_h3.gif) no-repeat 0 7px;}
					.sub_titles .sub_tops .sub_top_navi { float:right; padding-top:10px; color:#5a5a5a;font-size:0.95em;}
					.sub_titles .sub_tops .sub_top_navi a {color:#5a5a5a; font-size:0.9em; display:inline-block; padding:0 10px 0 5px; background:url(../images/sub_top_navi.gif) no-repeat 100% 5px;}
						.sub_titles .sub_tops .sub_top_navi b {display:inline-block; padding:0 0 0 5px; font-weight:400; }						
						
		.sub_cont { padding:15px 0; width:100%; min-height:500px;}
			.sub_cont .zooms { display:block; padding:0 0 10px 0; text-align:right; font-size:1.2em;}
				.sub_cont .zooms i { cursor:pointer; color:#666;}
		
		@media only screen  and (min-width: 200px) {
			.ls-slide .bgs01 { display:none;}
			.ls-slide .bgs02 { left:5%; top:70px;}
			.ls-slide .bgs03 { left:5%; top:100px;}
				.ls-slide img.bgs03 { width:90% ;height:auto; max-width:281px; max-height:65px;}
			.ls-slide .bgs04 { left:5%; top:174px;}	
						
			.sub_block { width:100%;  }
			.sub_titles .sub_tops h4 { float:left; display:block; width:100%; }
			.sub_titles .sub_tops .sub_top_navi { float:right; display:block;width:100%; text-align:right;  }
		}
		@media only screen and (min-width: 480px) {
			.ls-slide .bgs01 { display:none;}
			.ls-slide .bgs02 { left:5%; top:70px;}
			.ls-slide .bgs03 { left:5%; top:100px;}
				.ls-slide img.bgs03 { height:auto; width:281px; max-height:65px;}
			.ls-slide .bgs04 { left:5%; top:174px;}	
			
			.sub_block { width:100%;  }
			.sub_titles .sub_tops h4 { float:left; display:inline-block; width:auto; }
			.sub_titles .sub_tops .sub_top_navi { float:right; display:inline-block; width:auto; }
		}
		
		@media only screen and (min-width: 768px) {
			.ls-slide .bgs01 { left:935px; top:74px; display:block;}
			.ls-slide .bgs02 { left:66px; top:70px;}
			.ls-slide .bgs03 { left:66px; top:100px;}
				.ls-slide img.bgs03 { width:281px;}
			.ls-slide .bgs04 { left:66px; top:174px;}
			
			.sub_navi_wraps h3 { font-size:1.0em;}
			.sub_block {  width:79.16666666666667%;  }
			.sub_titles .sub_tops h4 { float:left; display:inline-block; width:auto; }
			.sub_titles .sub_tops .sub_top_navi { float:right; display:inline-block; width:auto; }
		}
			
		@media only screen and (min-width: 970px) {
			.ls-slide .bgs01 { left:935px; top:74px; display:block;}
			.ls-slide .bgs02 { left:66px; top:70px;}
			.ls-slide .bgs03 { left:66px; top:100px;}
				.ls-slide img.bgs03 { width:281px;}
			.ls-slide .bgs04 { left:66px; top:174px;}
			
			.sub_navi_wraps h3 { font-size:1.2em;}
			.sub_block { width:79.16666666666667%;  }
			.sub_titles .sub_tops h4 { float:left; display:inline-block; width:auto; }
			.sub_titles .sub_tops .sub_top_navi { float:right; display:inline-block;width:auto;  }
		}
			
		@media only screen and (min-width: 1170px) {
			.ls-slide .bgs01 { left:935px; top:74px; display:block;}
			.ls-slide .bgs02 { left:66px; top:70px;}
			.ls-slide .bgs03 { left:66px; top:100px;}
				.ls-slide img.bgs03 { width:281px;}
			.ls-slide .bgs04 { left:66px; top:174px;}
			
			.sub_navi_wraps h3 { font-size:1.2em;}
			
			.sub_block { width:79.16666666666667%;  }
			
			.sub_titles .sub_tops h4 { float:left; display:inline-block;width:auto; }
			.sub_titles .sub_tops .sub_top_navi { float:right; display:inline-block; width:auto; }
		}
		
	
	/*공통*/
		
	.basic_tb { width:100%; padding:0; margin:0; border-spacing:0; font-family: 'Nanum Gothic', sans-serif; border-top:3px solid #067edb; }	
		.basic_tb th { padding:10px; background:#f4f4f4;}
		.basic_tb td { padding:10px; background:#fff; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
		.basic_tb th:last-child { border-right: 0px;}
		.basic_tb td:last-child {border-right: 0px;}		
		
		
			td.centers { text-align:center;}
			
	.basic_tb2 {  width:98%; padding:0; margin:0; border-spacing:0; font-family: 'Nanum Gothic', sans-serif; border-top:3px solid #067edb; margin-left:2%; }
		.basic_tb2 th { padding:10px; background:#f4f4f4; text-align:center;}
		.basic_tb2 td { padding:10px; background:#fff; border-bottom:1px solid #e9e9e9;}
	
	.basic_div {  width:98.29545454545455%; margin:auto;  max-width:880px;font-family: 'Nanum Gothic', sans-serif; padding-left:1.70454545454545%; }	
	        .basic_div img { width: 100%; height: auto; max-width: 850px; }
			.basic_div h3 { color:#067edb; font-size:1.2em; font-weight:600; display:block; padding:10px 0 10px 23px; background:url(../images/icon01.gif) no-repeat 0 14px;}
			
			.basic_div .bsic_ul { margin-left:2%;}
				.basic_div ul li { color:#25292d;}
			
				.basic_div .bsic_ul li { background:url(../images/icon02.gif) no-repeat 0 11px; padding:3px 0 3px 15px;}
					.basic_div .bsic_ul li ul li { background:none; }
			
			.basic_div .bsic_ul2 {}
				.basic_div .bsic_ul2 li {background:url(../images/icon03.gif) no-repeat 0 11px;  padding:3px 0 3px 15px;}
			
			.basic_div .basic_rbox { padding:2%; background:#f8f8f8; border-radius:10px; margin-left:2%; width:94%;}
			
			.basic_div ul.no_list li { background:none;}
			.basic_div ul.list_square { list-style:square; margin-left:15px;}
				.basic_div ul.list_square li { padding-left:0;}
			.basic_div ul.list_circle { list-style:disc;margin-left:15px;}
				.basic_div ul.list_circle li { padding-left:0;}
								

	/*인사말*/
	.insa { width:100%; margin:auto; max-width:880px; background:url(../images/insa_bg.png) no-repeat 100% 100%; }
		.insa .title { width:75%; float:left; margin-right: 5%;  }
		.insa .f_img { width:20%; float:left;}
			.insa .f_img img { width:100%; max-width: 274px;}
			
		.insa h4 { display:block; width:100%;  font-size:2.2em; margin-bottom: 25px; font-weight: 400; font-family: 'Nanum Myeongjo', serif;}

		.insa h5 { display:block; width:100%; font-size:1.5em; margin-bottom: 25px; font-weight: 400; font-family: 'Nanum Myeongjo', serif;}
				
		.insa h3 b { color:#1381e7; font-weight:400;}
		.insa h4 b { color:#1381e7; font-weight:400;}
				
		.insa .r_boxs { background:#f0f8ff; padding:2%; border-radius:5px; margin:20px 0; width:96%;}
				
		.insa .txts {width:100%; line-height:200%; overflow:hidden; line-height: 2.0em; letter-spacing: -1px;}
		.insa .txts span { font-size: 1.2em; font-weight: 700;}
				
	@media only screen  and (min-width: 200px) {
		.insa .title { width:100%; float:none; margin-right: 0%;}
		.insa .f_img { width:100%; float:none;}
	}
	@media only screen and (min-width: 480px) {
		.insa .title { width:100%; float:left; margin-right: 0%;}
		.insa .f_img { width:100%; float:left;}
	}
					
	@media only screen and (min-width: 768px) {
		.insa .title { width:70%; float:left; margin-right: 5%;}
		.insa .f_img { width:25%; float:left;}
	}
						
	@media only screen and (min-width: 970px) {
		.insa .title { width:70%; float:left; margin-right: 5%;}
		.insa .f_img { width:20%; float:left;}
	}
						
	@media only screen and (min-width: 1170px) {
		.insa .title { width:75%; float:left; margin-right: 5%; }
		.insa .f_img { width:20%; float:left;}
	}

	.insa2 { overflow: hidden; background:none;}
	.insa2 .insa_imgs { float: right; width: 20%; text-align: center;}
	.insa2 .insa_imgs img { width: 100%; max-width: 274px;;}
	.insa2 .title { float: left; display: block; width: 75%; margin-right: 5%;}
	.insa2 .txts { float: left; display: block; width: 75%; margin-right: 5%;}


	@media only screen  and (min-width: 200px) {
		.insa2 .insa_imgs { float: left; width: 100%;}
		.insa2 .insa_imgs img { width: 100%; max-width: 200px;;}
		.insa2 .title { float: left; display: block; width: 99%; margin:auto}
		.insa2 .txts { float: left; display: block; width: 99%; margin:10px auto}
	}
	@media only screen and (min-width: 480px) {
		.insa2 .insa_imgs { float: left; width: 100%;}
		.insa2 .insa_imgs img { width: 100%; max-width: 200px;;}
		.insa2 .title { float: left; display: block; width: 99%; margin:auto}
		.insa2 .txts { float: left; display: block; width: 99%; margin:10px auto}
	}
					
	@media only screen and (min-width: 768px) {
		.insa2 .insa_imgs { float: right; width: 30%;}
		.insa2 .insa_imgs img { width: 100%; max-width: 274px;;}
		.insa2 .title { float: left; display: block; width: 65%; margin-right: 5%;}
		.insa2 .txts { float: left; display: block; width: 65%; margin-right: 5%;}
	}
						
	@media only screen and (min-width: 970px) {
		.insa2 .insa_imgs { float: right; width: 20%;}
		.insa2 .insa_imgs img { width: 100%; max-width: 274px;;}
		.insa2 .title { float: left; display: block; width: 75%; margin-right: 5%;}
		.insa2 .txts { float: left; display: block; width: 75%; margin-right: 5%;}
	}
						
	@media only screen and (min-width: 1170px) {
		.insa2 .insa_imgs { float: right; width: 20%; }
		.insa2 .insa_imgs img { width: 100%; max-width: 274px;;}
		.insa2 .title { float: left; display: block; width: 75%; margin-right: 5%;}
		.insa2 .txts { float: left; display: block; width: 75%; margin-right: 5%;}
	}


	/*연혁*/
		#history { width:100%; margin:auto; max-width:880px; }
			



	/*조직도*/
	#organization { width:100%; margin:auto; max-width:880px; background:url(../images/jogic_bg.jpg) no-repeat 40% 40%;}
		.organ_wrap { text-align:center; margin-bottom:30px; width:100%;}
			.organ_wrap .info_wrap { overflow:hidden; width:29.77272727272727%;  height:160px;}
				.organ_wrap .info_wrap .photo { float:left; width:41.98473282442748%; border:1px solid #dfdfdf; border-left:3px solid #11a3dd; padding:5% 5%; height:160px; background:#fff;}
					.organ_wrap .info_wrap .photo img {  width:94%; max-width:86px;}
				.organ_wrap .info_wrap .info { float:left; width:58.01526717557252%; height:100%; height:160px;}
					.organ_wrap .info_wrap .info table { width:100%; padding:0; margin:0; border:0; border-spacing:0; height:160px; background:#fff;}
						.organ_wrap .info_wrap .info table td.td01 { border:1px solid #dfdfdf; border-left:0px; font-weight:700;}
						.organ_wrap .info_wrap .info table td.td02 { border:1px solid #dfdfdf; border-left:0px; border-top:0px;}
						.organ_wrap .info_wrap .info table td.td03 { border:1px solid #dfdfdf; border-left:0px; border-top:0px;}
			
			.organ_wrap.step01 { overflow:hidden; }
			
			/*운영위원회*/
			.organ_wrap.step01 .info_wrap .info2 { width:100%;}
				.organ_wrap.step01 .info_wrap .info2 table { width:100%; text-align:left; font-size:0.8em; border-bottom:1px solid #dfdfdf;}
					.organ_wrap.step01 .info_wrap .info2 table th { width:70px; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; text-align:center; background:#f7f7f7;}
					.organ_wrap.step01 .info_wrap .info2 table th.th01 { font-size:1.2em;}
					.organ_wrap.step01 .info_wrap .info2 table td {border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding-left:5px;}
			
			
			
			.organ_wrap.step02 .info_wrap{ margin:auto;}
			
				/*.organ_wrap.step02 .info_wrap .photo {border-left:3px solid #93c232;}
				.organ_wrap.step03 .info_wrap .photo {border-left:3px solid #b5b5b5;}
				*/
				.organ_wrap.step01 .info_wrap .photo { display: none;}
				.organ_wrap.step02 .info_wrap .photo { display: none;}
				.organ_wrap.step03 .info_wrap .photo { display: none;}
				.organ_wrap.step01 .info_wrap .info {border-left:3px solid #11a3dd;}
				.organ_wrap.step02 .info_wrap .info {border-left:3px solid #93c232;}
				.organ_wrap.step03 .info_wrap .info {border-left:3px solid #b5b5b5;}
				
			.organ_wrap.step03 { overflow:hidden; }
				/*.organ_wrap.step03 .info_wrap { float:left;  margin:0 1.704545454545455% 30px 1.704545454545455%;}*/
			
			.organ_wrap.step03 .organ_wrap3 { width: 33%; float: left;}
				.organ_wrap.step03 .organ_wrap3 .info_wrap { width: 100%;} 
		
			.organ_wrap.step03 .organ_wrap4 { width: 33%; float: right;}
	

				
		@media only screen  and (min-width: 200px) {
			.organ_wrap .info_wrap { width:96.6199638429752%;}
			.organ_wrap .info_wrap.empty_info { display:none;}
			.organ_wrap.step01 .info_wrap { float:none; margin:0 auto 30px ;}
			.organ_wrap.step03 .info_wrap { margin:0 0 20px 0; }
			.organ_wrap.step03 .organ_wrap3 {width: 49%; }
			.organ_wrap.step03 .organ_wrap4 {width: 49%; }
		}
		 
		@media only screen and (min-width: 480px) {
			.organ_wrap .info_wrap { width:48.3099819214876%;}
			.organ_wrap .info_wrap.empty_info { display:none;}
			.organ_wrap.step01 .info_wrap { float:none; margin:0 auto 30px ;}
			.organ_wrap.step03 .info_wrap { margin:0 0 20px 0; }
			.organ_wrap.step03 .organ_wrap3 {width: 49%; }
			.organ_wrap.step03 .organ_wrap4 {width: 49%; }
		}
		
		@media only screen and (min-width: 768px) {
			.organ_wrap .info_wrap { width:29.77272727272727%;}
			.organ_wrap .info_wrap .photo { padding:10% 5%;}
			.organ_wrap .info_wrap.empty_info { display:block;}
			.organ_wrap.step01 .info_wrap { float:left; margin:0 1.704545454545455% 30px 1.704545454545455%; }
			.organ_wrap.step03 .info_wrap { margin:0 0 20px 0; }
			.organ_wrap.step03 .organ_wrap3 {width: 33%; }
			.organ_wrap.step03 .organ_wrap4 {width: 33%; }
		}
		
			
		@media only screen and (min-width: 970px) {
			.organ_wrap .info_wrap { width:29.77272727272727%;}
			.organ_wrap .info_wrap.empty_info { display:block;}
			.organ_wrap.step01 .info_wrap { float:left; margin:0 1.704545454545455% 30px 1.704545454545455%; }
			.organ_wrap.step03 .info_wrap { margin:0 0 20px 0; }
			.organ_wrap.step03 .organ_wrap3 {width: 33%; }
			.organ_wrap.step03 .organ_wrap4 {width: 33%; }
		}
			
		@media only screen and (min-width: 1170px) {
			.organ_wrap .info_wrap { width:29.77272727272727%;}
			.organ_wrap .info_wrap.empty_info { display:block;}
				.organ_wrap.step03 .info_wrap { margin:0 0 20px 0; }
			
			.organ_wrap.step03 .organ_wrap3 {width: 33%; }
			.organ_wrap.step03 .organ_wrap4 {width: 33%; }
		}
		
		/*주요사업*/
		#business { width:100%; margin:auto; max-width:878px;}
			#business td {  border-left:1px solid #e9e9e9;}
			#business td.centers { border-right:1px solid #e9e9e9;  }
			
			

/*자원봉사센터란*/
       .basic_div { width:100%; margin:auto; max-width:880px;}
	#center_info { width:100%; margin:auto; max-width:880px;}	
		#center_info ul.bsic_ul li { font-weight:700; line-height:150%;}	
		#center_info ul.bsic_ul li ul li { font-weight:400;}	
		
		
		#center_info ul.info_ul { list-style:none; font-weight:400;}
		#center_info ul.info_ul li { list-style:none; background:none; font-weight:400;}
		
		#center_info p { font-size:1.1em; font-weight:700; margin-left:2%;}
		
		#center_info .box01 { font-size:1.2em;}
		#center_info .box02 { background:url(../images/center_bg.png) no-repeat 99% 99% #f8f8f8;}
		
		
		@media only screen and (min-width: 200px) {
			#center_info .box02 { background:#f8f8f8;}
		}
		 
		@media only screen and (min-width: 480px) {
			#center_info .box02 { background:#f8f8f8;}
			
		}
		
		@media only screen and (min-width: 768px) {
			#center_info .box02 { background:#f8f8f8;}
		}
			
		@media only screen and (min-width: 970px) {
			#center_info .box02 { background:url(/images/center_bg.png) no-repeat 99% 99% #f8f8f8;}
		}
			
		@media only screen and (min-width: 1170px) {
			#center_info .box02 { background:url(/images/center_bg.png) no-repeat 99% 99% #f8f8f8;}
		}	
		
		
/*ci소개*/
     	#center_ci_bg { display:block;  }	
		#center_ci_bg .ci02 { width: 100%; height: auto; max-width: 850px;}
	    #center_ci_bg p { font-size:1.6em; padding:10px ; } 
		#center_ci_bg ul.bsic_ul li { font-weight:400; line-height:150%;}	
		#center_ci_bg ul.bsic_ul li ul li { font-weight:400;}	

		
		#center_ci_bg ul.info_ul { list-style:none; font-weight:400;}
		#center_ci_bg ul.info_ul li { list-style:none; background:none; font-weight:400;}
		
		
		#center_ci .box01 { font-size:1.2em; text-align:center;}
		.content_btn_ci { text-align:center; padding:20px;}
		.content_btn_ci .btn01 { display:inline-block;  background: url(/images/down01.png) no-repeat 90% 15px #526cc5; padding: 		10px 50px 10px 20px; font-size: 1.3em; color: #ffffff; border: 1px solid #526cc5; margin-right:20px; }	
		.content_btn_ci .btn02 { display:inline-block;  background: url(/images/down02.png) no-repeat 90% 15px #fff; padding: 10px 50px 10px 20px; font-size: 1.3em; color: #526cc5; border: 1px solid #526cc5; }	
		
		@media only screen and (min-width: 200px) {

		}
		 
		@media only screen and (min-width: 480px) {

			
		}
		
		@media only screen and (min-width: 768px) {

		}
			
		@media only screen and (min-width: 970px) {

		}
			
		@media only screen and (min-width: 1170px) {

		}	
		
		
			/*#center_ci { width: 100%; height: auto; max-width: 1170px; }*/ 
			/*center_ci .ci02 { width: 100%; height: auto; max-width: 850px; }*/		

			
			
			
			
		
		/*자원봉사신청방법*/
		
		#request_step { width:100%; margin:auto; max-width:880px;}
			#request_step h3 { width:100%; text-align:center; display:block; margin-top:15px;}
				#request_step h3 img { width:100%; max-width:540px; height:auto; display:inline-block}
				
			#request_step .txt_box { border: 1px solid #ccc; border-radius:5px; margin:30px 0; padding:0; }	
				.txt_box_txt1 { background:#f8f8f8; padding:40px 30px;}
				.txt_box_txt1 h4 { font-weight:bold; margin-bottom:5px; }
					.txt_box_txt1 p { margin-bottom:5px; }
					.txt_box_txt1 p b { color:#81c124;}
					.txt_box_txt1 p span { color:#ef8811;}
				
				#request_step .txt_box_txt2 { background:#fff; background:url(../images/service_step_bg.gif) no-repeat 95% 50%; padding:40px 30px; font-size:1.2em;}
					#request_step .txt_box_txt2 h3 {color:#81c124; font-size:1.4em; text-align:left; display:block; width:100%; margin-top:0;}
						#request_step .txt_box_txt2 h3 b {color:#ef8811;}
			
			#request_step .txt_box2 {margin-bottom:30px;}
				#request_step .txt_box2 p { display:block; margin-bottom:10px; height:50px;}
				#request_step .txt_box2 p span { background:#81c124;  padding:10px; display:inline-block; color:#fff; width:100%; max-width:450px;}
				#request_step .txt_box4 p span { background:#ffa008; width:100%; max-width:450px}
				
				#request_step .txt_box2 ul { margin-left:10px;}
				#request_step .txt_box2 ul li { padding:10px 0;}
					#request_step .txt_box2 ul li b { display:inline-block; padding:5px 10px; background:#ccc; color:#fff; border-radius:5px; margin-right:10px;}
					
		@media only screen and (min-width: 200px) {
			#request_step .txt_box_txt2 { background:#fff; background:none;}
		}
		 
		@media only screen and (min-width: 480px) {
			#request_step .txt_box_txt2 { background:#fff; background:url(../images/service_step_bg.gif) no-repeat 95% 50%;}
		}
		
		@media only screen and (min-width: 768px) {
			#request_step .txt_box_txt2 { background:#fff; background:url(../images/service_step_bg.gif) no-repeat 95% 50%;}
		}
			
		@media only screen and (min-width: 970px) {
			#request_step .txt_box_txt2 { background:#fff; background:url(../images/service_step_bg.gif) no-repeat 95% 50%;}
		}
			
		@media only screen and (min-width: 1170px) {
			#request_step .txt_box_txt2 { background:#fff; background:url(../images/service_step_bg.gif) no-repeat 95% 50%;}
		}	
		
		
		/*우수봉사자 카드*/	
		
		#membership_info {}	
			#membership_info .basic_rbox { overflow:hidden;}	
				#membership_info .basic_rbox ul.bsic_ul { float:left; width:63%;}
				#membership_info .basic_rbox .mem_card { float:left; width:33%; padding:2%;} 	
					#membership_info .basic_rbox .mem_card img { width:100%;}
				#membership_info .basic_rbox .date_limit { float:left; width:100%;}	
					#membership_info .basic_rbox .date_limit .table { width:100%; background:#fff; font-size:0.9em;}
						#membership_info .basic_rbox .date_limit .table th { border:1px solid #ccc; vertical-align:middle;}
						#membership_info .basic_rbox .date_limit .table td { border:1px solid #ccc; vertical-align:middle; text-align:center;}
					
					
		@media only screen and (min-width: 200px) {
			#membership_info .basic_rbox ul.bsic_ul { float:left; width:100%;}
			#membership_info .basic_rbox .mem_card { float:left; width:96%; padding:2%;} 	
			#membership_info .basic_rbox .date_limit .table { font-size:0.7em;}
			#membership_info .basic_rbox .date_limit .table th{ padding:3px;}	
		}
		 
		@media only screen and (min-width: 480px) {
			#membership_info .basic_rbox ul.bsic_ul { float:left; width:100%;}
			#membership_info .basic_rbox .mem_card { float:left; width:96%; padding:2%;} 
			#membership_info .basic_rbox .date_limit .table { font-size:0.8em;}	
			#membership_info .basic_rbox .date_limit .table th { padding:3px;}				
		}
		
		@media only screen and (min-width: 768px) {
			#membership_info .basic_rbox ul.bsic_ul { float:left; width:63%;}
			#membership_info .basic_rbox .mem_card { float:left; width:35%; padding:1%;}
			#membership_info .basic_rbox .date_limit .table { font-size:0.9em;}
			#membership_info .basic_rbox .date_limit .table th { padding:8px;}	 			
		}
			
		@media only screen and (min-width: 970px) {
			#membership_info .basic_rbox ul.bsic_ul { float:left; width:63%;}
			#membership_info .basic_rbox .mem_card { float:left; width:35%; padding:1%;} 	
			
			#membership_info .basic_rbox .date_limit .table { font-size:0.9em;}	
			#membership_info .basic_rbox .date_limit .table th{ padding:8px;}		
		}
			
		@media only screen and (min-width: 1170px) {
			#membership_info .basic_rbox ul.bsic_ul { float:left; width:63%;}
			#membership_info .basic_rbox .mem_card { float:left; width:35%; padding:1%;} 	
			
			#membership_info .basic_rbox .date_limit .table { font-size:0.9em;}		
				#membership_info .basic_rbox .date_limit .table th { padding:8px;}	
		}			
		
		
		/*자원봉사확인*/
		#request_search {width:100%; margin:auto; max-width:880px;}
			#request_search .chk_txt {width:100%; }
				#request_search .chk_txt p { text-align:center;}
					#request_search .chk_txt p img {width:100%;max-width:242px;}
			
			#request_search .chk_img {width:100%; margin:auto; max-width:880px; text-align:center;}
			#request_search img {width:100%;max-width:735px;}
		
		/*하단 추가 작업으로 삭제하지 말고 윗부분만 삭제*/			
		
				
		@media only screen  and (min-width: 200px) {
			.service_overflow { width:100%; max-width:930px; min-width:330px; height:2700px ; }
			.service_overflow .service_ifr-m { width:100%; height:3300px;  position:relative; top:-150px; left:0;}
		}
		 
		@media only screen and (min-width: 480px) {
			.service_overflow { width:100%; max-width:930px; min-width:330px; height:2700px ; }
			.service_overflow .service_ifr-m { width:100%; height:3300px;  position:relative; top:-150px; left:0;}
		}
		
		@media only screen and (min-width: 768px) {
			.service_overflow { width:100%; max-width:930px; min-width:330px; height:2700px ; }
			.service_overflow .service_ifr-m { width:100%; height:2890px;  position:relative; top:-150px; left:0;}
		}
			
		@media only screen and (min-width: 970px) {
			.service_overflow { width:100%; max-width:930px; min-width:330px; height:2700px ; }
			.service_overflow .service_ifr-m { width:100%; height:2850px;  position:relative; top:-210px; left:0;}
		}
			
		@media only screen and (min-width: 1170px) {
			.service_overflow { width:100%; max-width:930px; min-width:330px; height:2700px ; }
			.service_overflow .service_ifr-m { width:100%; height:2290px;  position:relative; top:-210px; left:0;}
		}
					
				
		@media only screen  and (min-width: 200px) {
			.service_overflow2 { width:100%; max-width:930px; min-width:330px; height:1700px;}
			.service_overflow2 .service_ifr-m { width:100%; height:1880px; position:relative; top:-150px; left:0;}
		}
		 
		@media only screen and (min-width: 480px) {
			.service_overflow2 { width:100%; max-width:930px; min-width:330px; height:1600px;}
			.service_overflow2 .service_ifr-m { width:100%; min-width:330px; height:1800px; position:relative; top:-150px; left:0;}
		}
		
		@media only screen and (min-width: 768px) {
			.service_overflow2 { width:100%; max-width:930px; min-width:330px; height:1600px;}
			.service_overflow2 .service_ifr-m { width:100%; height:1800px; position:relative; top:-150px; left:0;}
		}
			
		@media only screen and (min-width: 970px) {
			.service_overflow2 { width:100%; max-width:930px; min-width:330px; height:1600px;}
			.service_overflow2 .service_ifr-m { width:100%; height:1800px; position:relative; top:-210px; left:0;}
		}
			
		@media only screen and (min-width: 1170px) {
			.service_overflow2 { width:100%; max-width:930px; min-width:330px; height:1600px;}
			.service_overflow2 .service_ifr-m { width:100%; height:1850px; position:relative; top:-210px; left:0;}
		}
		
		
		
				

	/*지도 201708918*/
			/* 지도위에 로드뷰의 위치와 각도를 표시하기 위한 map walker 아이콘의 스타일 */
					
					#mapWrapper {width:99%;  border:1px solid #ececec; border-radius:10px;  box-shadow: 7px 7px 10px #eee; padding:2%; margin:0 auto 30px; background:#f1f5f8;}
					#rvWrapper {width:99%; border:1px solid #ececec; border-radius:10px;  box-shadow: 7px 7px 10px #eee; padding:2%; margin:0 auto 30px; background:#f1f5f8;}
					
					.MapWalker {position:absolute;margin:-26px 0 0 -51px}
					.MapWalker .figure {position:absolute;width:25px;left:38px;top:-2px;
						height:39px;background:url(http://i1.daumcdn.net/localimg/localimages/07/2012/roadview/roadview_minimap_wk.png) -298px -114px no-repeat}
					.MapWalker .angleBack {width:102px;height:52px;background: url(http://i1.daumcdn.net/localimg/localimages/07/2012/roadview/roadview_minimap_wk.png) -834px -2px no-repeat;}
					.MapWalker.m0 .figure {background-position: -298px -114px;}
					.MapWalker.m1 .figure {background-position: -335px -114px;}
					.MapWalker.m2 .figure {background-position: -372px -114px;}
					.MapWalker.m3 .figure {background-position: -409px -114px;}
					.MapWalker.m4 .figure {background-position: -446px -114px;}
					.MapWalker.m5 .figure {background-position: -483px -114px;}
					.MapWalker.m6 .figure {background-position: -520px -114px;}
					.MapWalker.m7 .figure {background-position: -557px -114px;}
					.MapWalker.m8 .figure {background-position: -2px -114px;}
					.MapWalker.m9 .figure {background-position: -39px -114px;}
					.MapWalker.m10 .figure {background-position: -76px -114px;}
					.MapWalker.m11 .figure {background-position: -113px -114px;}
					.MapWalker.m12 .figure {background-position: -150px -114px;}
					.MapWalker.m13 .figure {background-position: -187px -114px;}
					.MapWalker.m14 .figure {background-position: -224px -114px;}
					.MapWalker.m15 .figure {background-position: -261px -114px;}
					.MapWalker.m0 .angleBack {background-position: -834px -2px;}
					.MapWalker.m1 .angleBack {background-position: -938px -2px;}
					.MapWalker.m2 .angleBack {background-position: -1042px -2px;}
					.MapWalker.m3 .angleBack {background-position: -1146px -2px;}
					.MapWalker.m4 .angleBack {background-position: -1250px -2px;}
					.MapWalker.m5 .angleBack {background-position: -1354px -2px;}
					.MapWalker.m6 .angleBack {background-position: -1458px -2px;}
					.MapWalker.m7 .angleBack {background-position: -1562px -2px;}
					.MapWalker.m8 .angleBack {background-position: -2px -2px;}
					.MapWalker.m9 .angleBack {background-position: -106px -2px;}
					.MapWalker.m10 .angleBack {background-position: -210px -2px;}
					.MapWalker.m11 .angleBack {background-position: -314px -2px;}
					.MapWalker.m12 .angleBack {background-position: -418px -2px;}
					.MapWalker.m13 .angleBack {background-position: -522px -2px;}
					.MapWalker.m14 .angleBack {background-position: -626px -2px;}
					.MapWalker.m15 .angleBack {background-position: -730px -2px;}
					
					/* 맵보기*/
					#daum_map{ width:100%; border-radius:10px;  height:550px;}
					#roadview{width:100%; border-radius:10px;  height:370px;}
						#map-canvas{ margin:20px 0 auto;}
						#map-canvas  #mapWarp{ width:370px; font-family:"맑은 고딕"; padding:0px;}
						 #firstHeading{ font-weight:bold; color:#fff; padding:10px 0 10px 20px; font-size:16px; background:#eb8d00; margin-bottom:10px; margin-top:22px; letter-spacing:1px;}
						  #mapContent{ overflow:hidden; width:370px; line-height:20px; padding:10px;}
						  #mapContent .map_photo{ float:left; width:100px; height:70px;}
						  #mapContent .map_photo img{ width:90%;}
						  #mapContent .map_title{ float:left; width:340px; border:1px solid #ccc; padding:5px; line-height:18px;font-size:14px;} 
						  #mapContent .map_title2{ float:left; width:340px;line-height:20px;font-size:14px;}
							#mapContent .map_title span{ display:block; font-weight:bold;}
							
						  #mapWarp{ width:350px;font-family:"맑은 고딕"; padding-bottom:20px}	
					
						  #map-canvas{ border:1px solid #ccc;}
							.gm-style-iw{ width:380px;}
							.gm-style-iw div div{ width:370px;}
						.mainstadium{ text-align:center; line-height:80px; font-family: 'Nanum Barun Gothic', sans-serif; color:#444;}	
						
						.locations{ overflow:hidden; font-family: 'Nanum Barun Gothic', sans-serif; margin:3% 0;}
							.locations .location{ float:left; font-size:3.5em; font-weight:700; color:#444; padding:3%; border-right:3px solid #eee; line-height:50px; margin:0;}
							.locations .juso{ float:left; font-size:1.2em; padding-top:1%;}	
							
/* 지역별 지도 */
		
@media only screen  and (min-width: 200px) {
#maps { width:100%; }
	#maps .m_tab { width:100%; overflow:hidden; }
	#maps .m_tab li { float:left; width:32%; margin:0 0.5%; text-align:center; height:45px; line-height:45px; background:#eef0f3; margin-bottom:0.5%; font-size:1.1em; cursor:pointer; }
	#maps .m_img { width:100%; margin-bottom:20px;}
	#maps .m_img img { width:100%;}
	.panel-default { border:none;}
	.panel .panel-heading { font-size:1.4em; background:none; border:none; color:#009cdb; font-weight:bold; padding-left:0; }
	.hidden-xs {}
}
 
@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 768px) {
	#maps .m_tab li { width:12%; margin-left:0%; margin-right:0.5%; height:45px; line-height:45px;margin-bottom:0.5%; font-size:1.1em;}
}
	
@media only screen and (min-width: 970px) {
}
	
@media only screen and (min-width: 1170px) {
}


/*명예의전당*/
	 .pictype_div h3 { color:#067edb; font-size:1.2em; font-weight:600; display:block; padding:10px 0 10px 23px; background:url(../images/icon01.gif) no-repeat 0 15px;}
	 
	.pictype01 { padding:2%; background:#f8f8f8; border-radius:10px; margin-left:2%; width:94%; overflow:auto; }
	.pictype {  border: 1px solid #ddd; padding: 9px; display: inline-block; text-align: center; margin-right:1%; margin-bottom: 10px; float:left; }
	.pictype h1 { font-size:1.2em; padding:3%; font-weight:600; background:#fff; color:#000; }
	.pictype h2 { font-size:1.1em; padding:3%; font-weight:400; background:#09F; color:#FFFFFF;  }
	.pictype img { max-width:170px; height:auto; padding-bottom: 6%; }


@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 768px) {
}
	
@media only screen and (min-width: 970px) {
}
	
@media only screen and (min-width: 1170px) {
}



/*명예의 전당*/
#volunteer .volunteer_tab {}
#volunteer  img.volunteer00 { width: 100%; height: auto;}
#volunteer h3 { display: block; font-size: 1.1em; width: 100%; text-align: right; color: brown; padding: 0 0 10px 0;}
#volunteer .volunteer_tab .m_tab { overflow: hidden; margin-bottom: 15px;}
#volunteer .volunteer_tab .m_tab li { float: left; width: 25%; background: #fff; border: 1px solid #ccc; text-align:center;  background:#eef0f3; font-size:1.1em; cursor:pointer; padding: 1% 3%;  margin-right: 1%; }
#volunteer .volunteer_tab .m_tab li.actives { background: #009cdb; color: #fff;  border: 1px solid #009cdb;  }

#volunteer .volunteer_list { width: 100%; display: block;}
#volunteer .volunteer_list ul { overflow: hidden;}
#volunteer .volunteer_list ul li { width: 24%; float: left; margin: 0 1% 3% 0; border: 1px solid #ddd; font-size: 1.1em;}
#volunteer .volunteer_list ul li span { display: block; text-align: center; padding: 10px;}
#volunteer .volunteer_list ul li span img { width: 100%; max-width: 200px;}
#volunteer .volunteer_list ul li b { display: block; text-align: center; padding: 5px 0; border-top: 0px solid #ddd; border-bottom: 1px solid #ddd; font-size: 1.0em; color: #636363;}
#volunteer .volunteer_list ul li p { display: block; text-align: center; padding: 10px 5px; font-size: 0.8em; color: #636363; letter-spacing: 0px; height: 50px; vertical-align: middle;}


@media only screen  and (min-width: 200px) {
	#volunteer h3 { font-size: 1.0em; }
	#volunteer .volunteer_tab .m_tab li { float: left; width: 32.33333333333333%;font-size:0.9em; }
	#volunteer .volunteer_list ul li { width: 49%; margin: 0 1% 3% 0;}
	#volunteer .volunteer_list ul li p { height: 50px;}
}
@media only screen and (min-width: 480px) {
	#volunteer h3 { font-size: 1.0em; }
	#volunteer .volunteer_tab .m_tab li { float: left; width: 32.33333333333333%; font-size:0.9em;}
	#volunteer .volunteer_list ul li { width: 49%; margin: 0 1% 3% 0;}
	#volunteer .volunteer_list ul li p { height: 50px;}
}
@media only screen and (min-width: 768px) {
	#volunteer h3 { font-size: 1.1em; }
	#volunteer .volunteer_tab .m_tab li { float: left; width: 32.33333333333333%; font-size:1.1em;}
	#volunteer .volunteer_list ul li { width: 24%; margin: 0 1% 3% 0;}
	#volunteer .volunteer_list ul li p { height: 50px;}
}
@media only screen and (min-width: 970px) {
	#volunteer h3 { font-size: 1.1em; }
	#volunteer .volunteer_tab .m_tab li { float: left; width: 32.33333333333333%; font-size:1.1em;}
	#volunteer .volunteer_list ul li { width: 24%; margin: 0 1% 3% 0;}
	#volunteer .volunteer_list ul li p { height: 50px;}
}
@media only screen and (min-width: 1170px) {
	#volunteer h3 { font-size: 1.1em; }
	#volunteer .volunteer_tab .m_tab li { float: left; width: 32.33333333333333%; font-size:1.1em;}

	#volunteer .volunteer_list ul li { width: 24%; margin: 0 1% 3% 0;}
	#volunteer .volunteer_list ul li p { height: 50px;}
}

/*상해보험*/
.insure_tb { width: 100%; max-width: 813px;}
.insure_tb th { text-align: center; border: 1px solid #ccc;}

.insure_tb td { border: 1px solid #ccc; letter-spacing: -1px;}
.insure_tb th:last-child {  border-right: 1px solid #ccc; letter-spacing: 0px;}
.insure_tb td:last-child {  border-right: 1px solid #ccc;}
.insure_tb td:first-child { width: 100px; }
.insure_tb td:nth-child(2) { width: 60px; text-align: center;}
.insure_tb td:nth-child(3) { width: 60px; text-align: center;}
.insure_tb td:nth-child(4) { text-align: center;}
.insure_tb td.td1 { text-align: center;}
.insure_tb td b { color: #fa0035;}
p.scroll_info_bx { display: block; width: 100%; padding: 5px 0; color: #fa0035;}

.insure_wraps { display: block; overflow:auto; width: 100%;  } 
.insure_wraps .insure_txt { white-space:nowrap; border-collapse:collapse; min-width:200px; width: 100%; }
.insure_wraps .insure_txt table.insure_tb { width: 100%; max-width: 813px;}



@media only screen  and (min-width: 200px) {
	.insure_tb td:first-child { width: 60px; }
	.insure_tb td:nth-child(2) { width: 60px; text-align: center;}
	.insure_tb td:nth-child(3) { width: 60px; text-align: center;}

	.insure_tb td.td1 { width: 60px; text-align: center;}
}
@media only screen and (min-width: 480px) {
	.insure_tb td:first-child { width: 60px; }
	.insure_tb td:nth-child(2) { width: 60px; text-align: center;}
	.insure_tb td:nth-child(3) { width: 60px; text-align: center;}

	.insure_tb td.td1 { width: 60px; text-align: center;}
}
@media only screen and (min-width: 768px) {
	.insure_tb td:first-child { width: 60px; }
	.insure_tb td:nth-child(2) { width: 60px; text-align: center;}
	.insure_tb td:nth-child(3) { width: 60px; text-align: center;}

	.insure_tb td.td1 { width: 60px; text-align: center;}
}
@media only screen and (min-width: 970px) {
	.insure_tb td:first-child { width: 130px; }
	.insure_tb td:nth-child(2) { width: 60px; text-align: center;}
	.insure_tb td:nth-child(3) { width: 60px; text-align: center;}

	.insure_tb td.td1 { width: 60px; text-align: center;}
}
@media only screen and (min-width: 1170px) {
	.insure_tb td:first-child { width: 160px; }
	.insure_tb td:nth-child(2) { width: 60px; text-align: center;}
	.insure_tb td:nth-child(3) { width: 60px; text-align: center;}
	
	.insure_tb td.td1 { width: 60px; text-align: center;}
}



@media only screen  and (min-width: 200px) {
	.insure_wraps { display: block; overflow:auto; width: 100%;  } 
	.insure_wraps .insure_txt { white-space:nowrap; border-collapse:collapse; min-width:200px; width: 100%; }
	.insure_wraps .insure_txt table.insure_tb { width: 100%; max-width: 600px;}
	p.scroll_info_bx { display: block;}
}
@media only screen and (min-width: 480px) {
	.insure_wraps { display: block; overflow:auto; width: 100%;  } 
	.insure_wraps .insure_txt { white-space:nowrap; border-collapse:collapse; min-width:200px; width: 100%; }
	.insure_wraps .insure_txt table.insure_tb { width: 100%; max-width: 600px;}
	p.scroll_info_bx { display: block;}
}
@media only screen and (min-width: 768px) {
	.insure_wraps { display: block; overflow:auto; width: 100%;  } 
	.insure_wraps .insure_txt { white-space:normal; border-collapse:normal; min-width:200px; width: 100%; }
	.insure_wraps .insure_txt table.insure_tb { width: 100%; max-width: 813px;}
	p.scroll_info_bx { display: none;}
}
@media only screen and (min-width: 970px) {
	.insure_wraps { display: block; overflow:auto; width: 100%;  } 
	.insure_wraps .insure_txt { white-space:normal; border-collapse:normal; min-width:200px; width: 100%; }
	.insure_wraps .insure_txt table.insure_tb { width: 100%; max-width: 813px;}
	p.scroll_info_bx { display: none;}
}
@media only screen and (min-width: 1170px) {
	.insure_wraps { display: block; overflow:auto; width: 100%;  } 
	.insure_wraps .insure_txt { white-space:normal; border-collapse:normal; min-width:200px; width: 100%; }
	.insure_wraps .insure_txt table.insure_tb { width: 100%; max-width: 813px;}
	p.scroll_info_bx { display: none;}
}


.store_txt { width: 100%; height: 100px; word-break:initial ; display: block;}