/**utf-8**/
@charset "utf-8";
/* CSS Document */
	#sub_bn_box{
		display:block;
		float: left;
		width:100%;
		margin:0;
		padding:0;
	}
	#sub_bn{
		display:block;
		float: left;
		width:100%;
		margin:0;
		padding:0;
	}
	#sub_bn ul.bn_ul{
		display:block;
		float: left;
		width:100%;
		margin:0;
		padding:0;
	}

	#sub_bn ul.bn_ul li.bn_bg1{
		display:block;
		float: left;
		width:100%;
		overflow:hidden;
	}

	#sub_bn ul.bn_ul li.bn_bg1 span{
		display:block;
		width:100%;
		height:344px;	
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr01{/*소개*/
		background: url(../img/101.jpg) -200px -350px /130% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr02{/*하는일*/
		background: url(../img/102.jpg) 0px -450px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr03{/*푸드뱅크*/
		background: url(../img/103.jpg)  0px -250px /110% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr04{/*작은도서관*/
		background: url(../img/104.jpg) 0px -400px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr05{/*의료생협*/
		background: url(../img/105.jpg) 0px -300px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr06{/*기부후원*/
		background: url(../img/106.jpg) 0px -250px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr21{
		background: url(../img/center021.png) 0px -150px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr22{
		background: url(../img/center022.png) 0px -150px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr23{
		background: url(../img/center023.png) 0px -150px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr201{/*활동현황*/
		background: url(../img/201.jpg) 0px -350px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr202{/*희망등대 커뮤니티*/
		background: url(../img/202.jpg) 0px -350px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr203{/*회원전용 커뮤니티*/
		background: url(../img/203.jpg) 0px -350px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr204{/*의료생협 커뮤니티*/
		background: url(../img/204.jpg) 0px -450px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr205{/*작은도서관 커뮤니티*/
		background: url(../img/205.jpg) 0px -300px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr206{/**/
		background: url(../img/206.jpg) 0px -150px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr301{/**/
		background: url(../img/301.jpg) 0px -310px /100% no-repeat
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr401{/**/
		background: url(../img/401.jpg) 0px -400px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr501{/**/
		background: url(../img/501.jpg) 0px -170px /100% no-repeat;
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr701{/**/
		background: url(../img/701.jpg) 0px -150px /100% no-repeat
	}
	#sub_bn .bn_ul .bn_bg1 .bn_wr801{/**/
		background: url(../img/801.jpg) 0px -330px /100% no-repeat;
	}
	

	#sub_center_01 {
		display: block;
		float: left;
		width: 100%;
		line-height: 40px;
		background: #ecf0f7;
		padding-top: 18px;
		/*padding-left: 18px;*//*mobile에서 체크하고 변경할 것*/
	}
	#sub_center_01 .center_011{
		text-indent: 10px;
	}

	/*body*/

	#sub_center_02{
		display: block;
		float: left;
		width: 100%;
		min-height: 400px;
		background: #ecf0f7;
		border-bottom: 1px solid #c6cac9;
	}
	#sub_center_02 .center_011{
		padding-bottom: 40px;
	}

	#sub_center_02 .center_011 .contentsGroup{
		padding-bottom: 40px;
	}
	#content01{
		display: table;
		width:100%;
	}
	#content01 .cont_title {
		position: relative;
		display: block;
		color: #4F4F4F;
		line-height: 2em;
		text-align: center;
		font-size: 1.5em;
		border-bottom: 4px solid #E4E4E4;
		width: 24.7%;
		float: left;
		cursor: pointer;
		font-weight: 500;
	}
	#content01 .cont_title a{
		font-size:inherit;
	}
	#content01 .cont_body {
		display: block;
		background: #FFF;
		min-height: 300px;
		margin-top: 15px;
		color: #4F4F4F;
		padding-top:40px;
		padding-bottom:40px;
	}
	.sel_item{
/*		background:#655C2C !important;*/
/*		color:#F1EDD7 !important;*/
		border-bottom:4px solid #FF7800 !important;
	}
	#content01 .cont_body p{
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		line-height: 2em;
		font-size: 1.4em;
	}
	#content01 .cont_body ul li{
		padding-top: 20px;
		padding-left: 20px;
		line-height: 2em;
		font-size: 1.4em;
	}
	#content01 .cont_body strong{
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		line-height: 2em;
		font-size: 1.4em;
	}
	.cont_body h1,	.cont_body_copy h1
	{
		font-size: 1.5em;
		margin-top: 1em;
		margin-left: 1em;
		border-bottom: 4px solid #E4E4E4;
		color: #4F4F4F;
		font-weight: 500;
		line-height: 35px;
	}
	
	/*사업소개*/
	.guide h2{margin-left: 1em;font-size:1.4em;color: #4F4F4F;font-weight:normal;line-height: 35px;}
	.guide h3{margin-left: 1em;font-size:1.3em;color: #4F4F4F;font-weight:normal;line-height: 35px;}
	.guide dl{margin: 20px;}
	.guide dl dt{line-height: 20px;padding-left:15px;border-left:5px solid #1F9F9E;font-size:1.4em;margin-bottom:5px;color: #4F4F4F;}
	.guide dl dd{line-height: 30px;font-size:1.3em;padding-left:18px;color: #4F4F4F;border-radius:5px;/*background:#CCEDED;*/padding-top:5px;padding-right:5px;padding-bottom:5px;/*border: 1px solid #c8dddd;*/}

	.guide table{margin:0 auto;
		border-left:1px solid #1F9F9E;
		border-top:3px solid #1F9F9E;
		width:95%;
	}
	.guide table tr{}
	.guide table tr td{line-height: 30px;font-size:1.3em;color: #4F4F4F;border-right:1px solid #1F9F9E;border-bottom:1px solid #1F9F9E;padding:5px;text-align:center;}

	.guide ul{}
	.guide ul li{
		line-height: 30px !important;
		font-size:1.3em !important;
		padding-left:18px  !important;
		color: #4F4F4F  !important;
		border-radius:5px  !important;
		background:#EBF8F8;
		padding-top:2px  !important;
		padding-right:2px  !important;
		padding-bottom:2px  !important;
		margin-bottom:2px !important;
	}
	.guide ul li dl{
	
	}
	.guide ul li dl dt{
	
	}
	.guide ul li dl dd{
		background:none !important;
	}
	.title02 ul li{
		background:#FFF;
	}
	.caption {
		border-top: 1px solid #DDD;
		font-size: 1.1em !important;
		padding-top: 0px !important;
		margin-top: 20px;
		margin-left: 20px;
		padding-left: 10px !important;
		border-left: 50px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-right: 50px solid #ddd;
		margin-right: 20px;
		border-radius: 5px;
		color: #4F4F4F;
	}

	/*시설안내*/
	.vNotice {
		display: block;
		height: 26px;
		width: 100%;
		background: url('../img/disc.png') no-repeat scroll 0px -22px transparent;
		float: left;
		padding-left: 25px;
		padding-top: 4px;
		font-size: 12px;
		font-weight: normal;
	}
	.whalran h2{margin-left: 1em;font-size:1.4em;color: #4F4F4F;font-weight:normal;line-height: 35px;}
	.whalran h3{margin-left: 1em;font-size:1.3em;color: #4F4F4F;font-weight:normal;line-height: 35px;}
	.whalran table{}
	.whalran table tr td{}
	td.cont_body:nth-child(4) > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1){font-weight:500 !important;}
	table.data_table{
		width:inherit;
		max-width:1000px;
		margin-left:inherit;
		border-left:1px solid #1F9F9E;
		border-top:4px solid #1F9F9E;	
		margin:0 auto;
		margin-top:10px;
/*		margin-left:20px;*/
	}
	table.data_table tr th{
		background:#EBF8F8;
	}
	table.data_table tr th,	table.data_table tr td{
		line-height:35px !important;
		font-size: 1.3em;
		border-right:1px solid #1F9F9E;
		border-bottom:1px solid #1F9F9E;
		text-align:center;
	}
	.work_list tr th{
		width:30%;
		text-align:left !important;
		padding-left:20px;
	}
	.work_list tr td{
		text-align:left !important;
		padding-left:20px;
	}
	.entrance_info tr th{
	}
	.entrance_doc tr th{
	}
	.maptable{
		border:none !important;
	}
	.maptable tr td{
		font-size:1.4em !important;
		border:none !important;
		text
	}

	.maptable strong{
	}
	.maptable2{}
	.navermap{
		display:block;
		width:534px;
		margin:0 auto;
	}
	
	/*강조*/
	span.highlight01{
		color: #F47820;
		font-weight: 500;
		text-decoration: underline;
		font-size: 1.1em;
		padding-right: 5px;
	}
	._sub{/*하위 테이블*/
		font-size:0.95em;		
	}
	._sub dt{
		font-size: 1.05em !important;
		border-left: 0px solid #B7C3C3 !important;
		padding-left: 0px !important;
		text-decoration: underline;
	}
	._sub dd{
		font-size: 1em !important;
		border-left: 5px solid #B7C3C3 !important;
	}


	/*메뉴*/
	#gnb_1dul > .hover {
    border-bottom: 5px solid #61C617;
    padding-bottom: 0px;
	}


	/*복지용구*/
	.tel_no_apparatus{
		font-size:2em;
	}

	/*서브 베너문구*/
	.bn_txt_group_sub{
		position:absolute;
		top:362px;
		display:block;
		width:100%;
		height:100px;
		background-color: rgba(255,255,255,0.5);
	}
	.bn_txt_group_sub .bn_txt_menu{
		display:block;
		margin:0 auto;
		min-width:320px;

	}
	.bn_txt_group_sub .bn_txt_menu li{
		display:inline-block;	
	}
	.bn_txt_group_sub .bn_txt_menu li a{
		color:#FFF;
		line-height:52px;
		border-left:1px solid #FFF;
		padding-left:10px;
		padding-right:10px;
		font-size:1.5em;
	}
	.bn_txt_group_sub .bn_txt_menu li:first-child a{
		border-left:none;;
	}
	.bn_txt_group_sub .bn_txt{
		font-size:5em;
		color:#FFF;
		width:100%;
		line-height:100px;
		text-align:center;
	}

	/*후원신청 버튼*/
	.apply_btn{
		display: block;
		padding: 5px 10px;
		border-radius: 5px;
		background: #5B6A87;
		max-width: 200px;
		margin: 0 auto;
		font-size: 1.2em;
		color: #fff;
		margin-top: 30px;
	}

	/*컨텐츠내 사진진열*/
	#content01 .gall_group {
		display:inline-block;

	}
	#content01 .gall_group .gall_item{
		display:inline-block;
	}
	#content01 .gall_group .gall_item img{}



	@media only screen and  (max-width:360px){
		.guide table tr td {
		line-height: 30px;
		font-size: 0.8em;
		color: #4F4F4F;
		border-right: 1px solid #1F9F9E;
		border-bottom: 1px solid #1F9F9E;
		padding: 0px !important;
		text-align: center;
		}
		table.data_table tr th, table.data_table tr td {
			line-height: 25px !important;
			font-size: 1.0em;
			padding: 0px !important;
		}
		#content01 .gall_group .gall_item img {
			width: 100%;
		}
		.navermap {
			display: block;
			width: 320px;
			margin: 0 auto;		
		}
		.navermap img{
			max-width:320px;
		}
		.mobiletable img{
			max-width:320px !important;
		}
		.cont_body_copy ul li,.cont_body_copy p{
			display: block;
			font-size: 1.2em;
			line-height: 1.2em;
			margin-top: 15px;	
		}
	}

	@media only screen and  (max-width:767px){
		.mobiletable{}
		.cont_title{width: 100% !important;}
		#logo{
			
		}
		#logo .logo_main{
			display: block;
			width: 50% !important;
			text-align: center;
		}
		#logo .logo_main .logo_txt_main{
			    width: 50%;
				text-align: right;
				font-size: 5.0vw;
				letter-spacing: -2px;
		}
		#logo .logo_img{}
		#logo .logo_txt_group{
			width: 50%;
			text-align: center;
		}
		.global_comment{    max-width: initial;}
		.global_comment dl {
			display: table;
			margin: auto;
		}
		.global_icon_group {
			width: auto;
			display: block;
			/* float: left; */
			margin-top: 20px;
			text-align: center;
			margin: auto;
			width: 80%;
			min-width: 360px;
		}

	
	}