@charset "utf-8";


/* ******************************************************************************************************************** */
/* 01_volunteer-info 봉사활동 */
/* ******************************************************************************************************************** */



/*  ///////////////////////////////////////////자원봉사활동이란/////////////////////////////////////////// */

.volunteerInfo_top													{ width:100%; padding:80px 3.9%; margin-bottom:75px; color:#fff; }
	.volunteerInfo_bg												{ height:295px; background:url('/share/images/goodbusan/introduction_top_quote_01.png') no-repeat top left,url('/share/images/goodbusan/introduction_top_quote_02.png') no-repeat top right,url('/share/images/volunteer/volunteerInfo_top_bg.jpg') no-repeat center;}
	.volunteerInfo_tit												{ height:auto; font-size:2.143em; font-family:'NanumMyeongjoBold'; line-height:160%;}


/*  ///////////////////////////////////////////자원봉사활동의 특성/////////////////////////////////////////// */

.volunteerInfo_con1													{ overflow:hidden; width:100%; position:relative;}
	.volunteerInfo_con1 ul											{ position:relative; font-family:'NanumGothicBold'; width:292px; padding-top:40px;  height:254px; float:left; text-align:center;}
	.volunteerInfo_con1 ul li										{ float:left; width:45%; padding:30px 0; position: relative;}
						ul.volunteerInfo_con1_1						{ background:url('/share/images/volunteer/volunteerInfo_con01_bg1.jpg') no-repeat center left; }
						ul.volunteerInfo_con1_2						{ background:url('/share/images/volunteer/volunteerInfo_con01_bg2.jpg') no-repeat center left; margin-left:25px;}

			.volunteerInfo_con1 .arr_right							{ display:inline-block; float:left; width:66px; height:48px; top:103px; right:0; background: url('/share/images/volunteer/volunteerInfo_con01_arr.png') right center no-repeat;}

/*  ///////////////////////////////////////////기본자세/////////////////////////////////////////// */

.volunteerInfo_list01												{ width:100%; border:1px solid #cac6c5; background:#f6f5f1;}
	.volunteerInfo_list01 ol										{ width:90%; height:100%; padding:40px 0 40px 40px; }
	.volunteerInfo_list01 li										{ height:40px; float:left; width:50%; }
	.volunteerInfo_list01 li span									{ width:24px; height:24px; font-family:Roboto; font-weight:400; margin-right:18px; color:#f23f00; text-align:center; display:inline-block; border-radius:50%; border:1px solid #f23f00; }

.icoinfo_list01										            	{ width:100%; border:1px solid #cac6c5; background:#f6f5f1;}	
	.icoinfo_list01 ol										        { width:96%; height:100%; padding:40px 13px 40px 16px; }
    .icoinfo_list01 li										        { height:100%; float:left; width:100%; }
			.icoinfo_list01_1				{ background:url('/share/images/volunteer/ico_1_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list01_2				{ background:url('/share/images/volunteer/ico_2_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list01_3				{ background:url('/share/images/volunteer/ico_3_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list01_4				{ background:url('/share/images/volunteer/ico_4_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list01_5				{ background:url('/share/images/volunteer/ico_5_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list01_6				{ background:url('/share/images/volunteer/ico_6_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list01_7				{ background:url('/share/images/volunteer/ico_7_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list01_8				{ background:url('/share/images/volunteer/ico_8_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}

/*  ///////////////////////////////////////////봉사시 준수할 사항/////////////////////////////////////////// */

.volunteerInfo_list02												{ width:100%; border:1px solid #cac6c5;}
	.volunteerInfo_list02 ol										{ width:90%; height:100%; padding:40px 0 40px 40px; }
	.volunteerInfo_list02 li										{ padding:4px;}
	.volunteerInfo_list02 li span									{ width:22px; height:22px; font-family:Roboto; font-weight:400; margin-right:18px; color:#fff; text-align:center; display:inline-block; border-radius:50%; background-color: #f23f00; font-size:0.875em;}

.icoinfo_list001										           	{ width:100%; border:1px solid #cac6c5;}	
	.icoinfo_list001 ol										        { width:96%; height:100%; padding:40px 13px 40px 16px; }
    .icoinfo_list001 li										        { height:100%; float:left; width:100%;}
			.icoinfo_list001_1				{ background:url('/share/images/volunteer/ico_001_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list001_2				{ background:url('/share/images/volunteer/ico_002_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list001_3				{ background:url('/share/images/volunteer/ico_003_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list001_4				{ background:url('/share/images/volunteer/ico_004_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list001_5				{ background:url('/share/images/volunteer/ico_005_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list001_6				{ background:url('/share/images/volunteer/ico_006_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list001_7				{ background:url('/share/images/volunteer/ico_007_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list001_8				{ background:url('/share/images/volunteer/ico_008_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list001_9				{ background:url('/share/images/volunteer/ico_009_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list001_10				{ background:url('/share/images/volunteer/ico_010_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}
			.icoinfo_list001_11				{ background:url('/share/images/volunteer/ico_011_info_list.png') no-repeat;padding-left:36px;padding-bottom:19px;}


/* ******************************************************************************************************************** */
/* 02_volunteer-info 봉사활동 */
/* ******************************************************************************************************************** */

.volunteer_table table											 { width:100%; text-align:center;}
.volunteer_table table thead th									{ font-family:'NanumGothicBold'; vertical-align:middle; }
.volunteer_table table thead tr									{ background:#fff5f1;}
.volunteer_table table tbody td									{ vertical-align:middle; text-align:left; padding:10px 2%;}
.volunteer_table table th										{ vertical-align:middle; height:43px; }
.volunteer_table table th, .volunteer_table table tr, .volunteer_table table td { border:1px solid #cac6c5;}


.volunteer_table table ul									{ margin: 0 5%;}
.volunteer_list												{ text-align:left;  }
.volunteer_list li											{ background:url('/share/images/information/ico_default_list.gif') no-repeat left 11px; padding-left:1em; margin-bottom:1%;}
.volunteer_list span{ /*font-family:'NanumGothicBold';*/}


/* ******************************************************************************************************************** */
/* 03_volunteer-join 참여방법 */
/* ******************************************************************************************************************** */


.btn_volunteer_join{ display:inline-block; color:#fff; background:#13759B; font-family:'NanumGothicBold'; padding:10px;}

.volunteerJoin01																				{ margin-bottom:35px; }
.volunteerJoin01 li																			{ float:left; font-family:'NanumGothicBold'; text-align:center; font-size:0.933em; }
	.volunteerJoin01 li.volunteerJoin_con									{ width:15.5%; height:100%; border:1px solid #c1c1c1; border-top:2px solid #f95d18; }
	.volunteerJoin01 li span																{ display:block; width:100%; height:65px; }
	.volunteerJoin01_01 span																{ background:url('/share/images/volunteer/volunteerJoin_con_icon01.png') no-repeat center 10px; }
	.volunteerJoin01_02 span																{ background:url('/share/images/volunteer/volunteerJoin_con_icon02.png') no-repeat center 10px; }
	.volunteerJoin01_03 span																{ background:url('/share/images/volunteer/volunteerJoin_con_icon03.png') no-repeat center 10px; }
	.volunteerJoin01_04 span																{ background:url('/share/images/volunteer/volunteerJoin_con_icon04.png') no-repeat center 10px; }
	.volunteerJoin01_05 span																{ background:url('/share/images/volunteer/volunteerJoin_con_icon05.png') no-repeat center 10px; }
	.volunteerJoin_last span																{ background:url('/share/images/volunteer/volunteerJoin_con_icon06.png') no-repeat center 10px; }
		
	.volunteerJoin01 li strong																{ display:block; height:90px; padding:25px 0; border-top:1px solid #c1c1c1; }
		.volunteerJoin_last strong															{ background:#d63c00; color:#fff; }                  
	.volunteerJoin_con_arr																	                                                                                                                    { width:1.14%; height:100%; text-indent:-400000000px; background:url('/share/images/rehabilitation/language_arrow.gif') no-repeat center;}



/* ----------------------------------------------------------------------------- */
/* MEDIA QUERY */
/* ----------------------------------------------------------------------------- */
	@media only screen and (min-width:0px) and (max-width:480px) {			/* width 360이하 모바일(갤럭시S2 대상) */

	
	}
	@media only screen and (min-width:0px) and (max-width:768px) {			/* 모바일(갤럭시노트급 대상) */


		/*  ///////////////////////////////////////////자원봉사활동이란/////////////////////////////////////////// */

		.volunteerInfo_top													{  }
			.volunteerInfo_bg												{ height:auto; background-size:16%,16%,cover; background-position:top left, top right, center;}
			.volunteerInfo_tit												{ font-size:1.6em; }
			
			


		/*  ///////////////////////////////////////////자원봉사활동의 특성/////////////////////////////////////////// */

		.volunteerInfo_con1{ }
			.volunteerInfo_con1 ul						{ background:none; padding-top:0; height:inherit; width:100%;}
			.volunteerInfo_con1 ul li					{ float:left; width:50%; padding:30px 0; position: relative;}

				.volunteerInfo_con1 .arr_right			{ display:block; width:48px; height:66px; top:0; left:40%; background: url('/share/images/volunteer/volunteerInfo_con01_arr_down.png') center no-repeat;}
					ul.volunteerInfo_con1_1				{ margin-bottom:25px;}
					ul.volunteerInfo_con1_2				{ margin-left:0px; margin-top:25px;}

						.volunteerInfo_con1 .col_orange			{ background:#ffc5ae;}
						.volunteerInfo_con1 .col_yellow			{ background:#f5d282;}
						.volunteerInfo_con1 .col_grey			{ background:#efefef;}




		/*  ///////////////////////////////////////////자원봉사자의 기본자세/////////////////////////////////////////// */


			.volunteerInfo_list01												{ width:100%; height:auto; background:none; }
			.volunteerInfo_list01 ol										{ width:100%; height:100%; margin-top:inherit; padding:20px 5%; float:right; background:#f6f5f1; }
			.volunteerInfo_list01 li										{ height:auto; float:none; margin-bottom:10px; width:100%; }
			.volunteerInfo_list01 li span								{ width:24px; height:24px; font-family:Roboto; font-weight:400; margin-right:10px; color:#f23f00; text-align:center; display:inline-block; border-radius:50%; border:1px solid #f23f00; }


		/* ******************************************************************************************************************** */
		/* 02_volunteer-info 봉사활동 */
		/* ******************************************************************************************************************** */

		/*.volunteer_table			{ overflow-x: scroll;}
		.volunteer_table table		{ width:800px;}*/
		
		.volunteer_table table											{ width:100%; border:1px solid #cac6c5; text-align:center; font-size:14px; }
    	.volunteer_table table td										{ vertical-align:middle; border-right:1px solid #cac6c5; border-bottom:1px solid #cac6c5; }
	    .volunteer_table table th										{ font-family:'NanumGothicBold'; border-right:1px solid #cac6c5; border-bottom:1px solid #cac6c5; background:#fff5f1; height:43px; vertical-align:middle; }
		.volunteer_table table img                                      { width:100%; vertical-align:middle; }
		/*.volunteer_table table tbody td									{ vertical-align:middle; text-align:left; padding:10px 2%;}*/



		

		/* ******************************************************************************************************************** */
		/* 03_volunteer-join 참여방법 */
		/* ******************************************************************************************************************** */

		.volunteerJoin01																				{ margin-top:35px; }
		.volunteerJoin01 li																			{ float:left; font-family:'NanumGothicBold'; text-align:center; font-size:0.933em; }
			.volunteerJoin01 li.volunteerJoin_con													{ width:100%; height:100%; border:1px solid #c1c1c1; border-top:1px solid #c1c1c1; border-left:2px solid #f95d18; background:#f5f5f5;}
			.volunteerJoin01 li span																{ display:block; width:25%; height:55px; float:left; border-right:1px solid #c1c1c1; }
			.volunteerJoin01_01 span																{ background:#fff url('/share/images/volunteer/volunteerJoin_con_icon01.png') no-repeat center; }
			.volunteerJoin01_02 span																{ background:#fff url('/share/images/volunteer/volunteerJoin_con_icon02.png') no-repeat center; }
			.volunteerJoin01_03 span																{ background:#fff url('/share/images/volunteer/volunteerJoin_con_icon03.png') no-repeat center; }
			.volunteerJoin01_04 span																{ background:#fff url('/share/images/volunteer/volunteerJoin_con_icon04.png') no-repeat center; }
			.volunteerJoin01_05 span																{ background:#fff url('/share/images/volunteer/volunteerJoin_con_icon05.png') no-repeat center; }
			.volunteerJoin_last span																{ background:#fff url('/share/images/volunteer/volunteerJoin_con_icon06.png') no-repeat center; }
				
			.volunteerJoin01 li strong																{ width:75%; float:right; display:block; height:inherit; line-height:27px; padding:0 5%; border-top:0 solid #c1c1c1; background:#f5f5f5;}
				.volunteerJoin_last strong															{ background:#d63c00 !important; color:#fff; }
			.volunteerJoin_con_arr																	{ width:100%; height:100%; text-indent:-400000000px; background:url('/share/images/rehabilitation/language_arrow_mobile.gif') no-repeat center;}
			.volunteerJoin01 li.volunteerJoin_last													{ background:#d63c00;}
	
	}
	@media only screen and (min-width:769px) and (max-width:1099px) {		/* 테블릿() iPad LandSpace */
		/* ******************************************************************************************************************** */
		/* 03_volunteer-join 참여방법 */
		/* ******************************************************************************************************************** */

		.volunteerJoin01																				{ margin-top:35px; }
		.volunteerJoin01 li																			{ float:left; font-family:'NanumGothicBold'; text-align:center; font-size:0.933em; margin-bottom:20px; }
			.volunteerJoin01 li.volunteerJoin_con													{ width:23%; height:100%; border:1px solid #c1c1c1; border-top:2px solid #f95d18; }
			.volunteerJoin01 li span																{ display:block; width:100%; height:65px; }
			.volunteerJoin01_01 span																{ background:url('/share/images/volunteer/volunteerJoin_con_icon01.png') no-repeat center 10px; }
			.volunteerJoin01_02 span																{ background:url('/share/images/volunteer/volunteerJoin_con_icon02.png') no-repeat center 10px; }
			.volunteerJoin01_03 span																{ background:url('/share/images/volunteer/volunteerJoin_con_icon03.png') no-repeat center 10px; }
			.volunteerJoin01_04 span																{ background:url('/share/images/volunteer/volunteerJoin_con_icon04.png') no-repeat center 10px; }
			.volunteerJoin01_05 span																{ background:url('/share/images/volunteer/volunteerJoin_con_icon05.png') no-repeat center 10px; }
			.volunteerJoin01_06 span																{ background:url('/share/images/volunteer/volunteerJoin_con_icon06.png') no-repeat center 10px; }
				
			.volunteerJoin01 li strong																{ display:block; height:90px; padding:25px 0; border-top:1px solid #c1c1c1; }
				.volunteerJoin_last strong															{ background:#d63c00; color:#fff; }
			.volunteerJoin_con_arr																	{ width:2%; height:100%; text-indent:-400000000px; background:url('/share/images/rehabilitation/language_arrow.gif') no-repeat center;}

	

	}