@charset "utf-8";

.a{
	transition : all 0.5s ease;
    -webkit-transition : all 0.5s ease;
}

p{margin:0;}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 인사말
	연관단어 : greet

////////////////////////////////////////////////////////////////////////////// */
#con_greet{position:relative;}
#con_greet img{
	position:absolute; top:0; left:0; width:515px;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#con_greet .txts{
	padding-left:575px;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#con_greet .txts strong{padding-bottom:42px;}
#con_greet .txts p{
	line-height:25px; font-size:16px; color:#545454;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#con_greet .txts p.enter{
	padding-bottom:23px;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}

@media screen and (max-width:1023px){
	#con_greet img{width:400px;}
	#con_greet .txts{padding-left:430px;}
	#con_greet .txts strong{padding-bottom:34px;}
	#con_greet .txts strong:before{margin-bottom:20px;}
	#con_greet .txts p{line-height:21px; font-size:14px;}
	#con_greet .txts p.enter{padding-bottom:16px;}
}
@media screen and (max-width:850px){
	#con_greet img{width:290px;}
	#con_greet .txts{padding-left:315px;}
	#con_greet .txts strong{padding-bottom:25px;}
	#con_greet .txts strong:before{width:35px; margin-bottom:15px;}
	#con_greet .txts p{line-height:19px; font-size:13px;}
	#con_greet .txts p.enter{padding-bottom:12px;}
}
@media screen and (max-width:600px){
	#con_greet img{position:static; width:100%; height:auto;}
	#con_greet .txts{padding-left:0; margin-top:30px;}
	#con_greet .txts strong{padding-bottom:25px;}
	#con_greet .txts strong:before{width:35px; margin-bottom:15px;}
	#con_greet .txts p{line-height:19px; font-size:13px;}
	#con_greet .txts p.enter{padding-bottom:12px;}
}
/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 시설소개
	연관단어 : sisul

////////////////////////////////////////////////////////////////////////////// */
#con_sisul{}
#con_sisul .beige_bg{position:relative; min-height:180px; background-image: url(../../images/brwelfare/content/sisul_img_2024.png);}
#con_sisul .beige_bg strong{display: block; width:100%; box-sizing:border-box;}

#con_sisul .dot_box{position:relative; margin-top:5px;}
#con_sisul .dot_box .icons{position:absolute; top:30px; left:30px; width:80px; height:80px; background:url(../../images/brwelfare/content/sisul_icon.png) no-repeat center center; background-size:53%; border:1px solid #ccc; border-radius:50%;}
#con_sisul .dot_box p{
	line-height:25px; padding:3px 0 0 105px; font-size:16px;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}

@media screen and (max-width:1240px){
	#con_sisul .beige_bg{min-height:auto;}
	#con_sisul .beige_bg strong{padding-right:450px;}
}
@media screen and (max-width:1023px){
	#con_sisul .beige_bg strong{padding-right:335px;}
}
@media screen and (max-width:1023px){
	#con_sisul .beige_bg strong{padding-right:310px;}
}
@media screen and (max-width:750px){
	#con_sisul .beige_bg{background-image:none;}
	#con_sisul .beige_bg strong{padding-right:0;}
	#con_sisul .dot_box .icons{top:20px; left:20px; width:70px; height:70px;}
	#con_sisul .dot_box p{line-height:22px; font-size:14px;}

	#con_sisul .table td:nth-child(2):before{content:"- 용도 : ";}
	#con_sisul .table td:nth-child(3):before{content:"- 실명 : ";}
}
@media screen and (max-width:450px){
	#con_sisul .dot_box{padding:110px 20px 20px;}
	#con_sisul .dot_box .icons{left:50%; margin-left:-35px;}
	#con_sisul .dot_box p{padding: 0;}

}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 조직 및 업무
	연관단어 : organ

////////////////////////////////////////////////////////////////////////////// */
#con_organ{}

@media screen and (max-width:750px){
	#con_organ .table td.same:after{content:", 이재림, 이상아, 김혜경";}
	#con_organ .table tr.none{display: none;}
	#con_organ .table td:nth-child(2):before{content:"- 직위 : ";}
	#con_organ .table td:nth-child(3):before{content:"- 전화번호 : ";}
	#con_organ .table td:nth-child(4):before{content:"- 주요업무 : ";}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 찾아오시는길
	연관단어 : way

////////////////////////////////////////////////////////////////////////////// */
#con_way{}
#con_way .api_map{width:100%; height:500px;}
#con_way .info{width:100%; height:auto; margin-top:40px;}
#con_way .info ul{overflow: hidden;}
#con_way .info ul li{float: left; position:relative; width:50%; padding:11px 0;}
#con_way .info ul li:nth-child(1){padding-right:20px; box-sizing:border-box;}
#con_way .info ul li .icons{display: block; position:absolute; top:0; left:0; width:80px; height:80px; border:1px solid #ccc; border-radius:50%; background-repeat:no-repeat; background-position:center center;}
#con_way .info ul li:nth-child(1) .icons{background-image: url(../../images/brwelfare/content/way_icon1.png); background-size:62%;}
#con_way .info ul li:nth-child(2) .icons{background-image: url(../../images/brwelfare/content/way_icon2.png); background-size:68%;}
#con_way .info ul li .txts{padding-left:100px;}
#con_way .info ul li strong{display: block; line-height:22px; padding-bottom:14px; font-size:22px; font-weight:400;}
#con_way .info ul li p{line-height:24px; font-size:16px;}

@media screen and (max-width:850px){
	#con_way .api_map{height:400px;}
}
@media screen and (max-width:650px){
	#con_way .api_map{height:300px;}
	#con_way .info ul li{padding:7px 0;}
	#con_way .info ul li .icons{width:70px; height:70px;}
	#con_way .info ul li .txts{padding-left:90px;}
	#con_way .info ul li strong{font-size:20px;}
	#con_way .info ul li p{line-height:22px; font-size:14px;}
}
@media screen and (max-width:550px){
	#con_way .api_map{height:200px;}
	#con_way .info ul li{float: none; width:100%;}
	#con_way .info ul li:first-child{padding-bottom:25px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 가족기능강화사업
	연관단어 : family

////////////////////////////////////////////////////////////////////////////// */
#con_family{}
#con_family .beige_bg{position:relative; background-image: url(../../images/brwelfare/content/family_img.png);}
#con_family .beige_bg strong{padding-bottom:10px;}
#con_family .beige_bg p{
	line-height:25px; padding-right:450px; font-size:16px; text-shadow:1px 1px 2px #faf2e9;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#con_family .beige_bg p span{display: block;}

#con_family .dot_box{position:relative; margin-top:5px;}
#con_family .dot_box .icons{position:absolute; top:30px; left:30px; width:80px; height:80px; background:url(../../images/brwelfare/content/family_icon.png) no-repeat center center; background-size:53%; border:1px solid #ccc; border-radius:50%;}
#con_family .dot_box ul{padding:3px 0 0 105px;}
#con_family .dot_box ul li{line-height:25px; font-size:16px;}
#con_family .dot_box ul li span{position:relative; display: inline-block; padding-left:12px;}
#con_family .dot_box ul li span:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

#con_family .photos{width:100%; height:auto;}
#con_family .photos ul{overflow: hidden;}
#con_family .photos ul li{
	float:left; width:33.33%; height:260px; box-sizing:border-box;
	transition:height 0.3s ease;
	-webkit-transition:height 0.3s ease;
}
#con_family .photos ul li:first-child{padding-right:15px;}
#con_family .photos ul li:nth-child(2){padding:0 15px;}
#con_family .photos ul li:last-child{padding-left:15px;}

#con_family .photos ul li span{display: block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#con_family .photos ul li:first-child span{background-image: url(../../images/brwelfare/content/family_pic1_2023.jpg);}
#con_family .photos ul li:nth-child(2) span{background-image: url(../../images/brwelfare/content/family_pic2_2023.jpg);}
#con_family .photos ul li:last-child span{background-image: url(../../images/brwelfare/content/family_pic3_2023.jpg);}

@media screen and (max-width:1340px){
	#con_family .beige_bg p{padding-right:520px;}
	#con_family .beige_bg p span{display: inline;}
}
@media screen and (max-width:1250px){
	#con_family .beige_bg p{padding-right:470px;}
}
@media screen and (max-width:1060px){
	#con_family .beige_bg p{padding-right:400px;}
}
@media screen and (max-width:1023px){
	#con_family .beige_bg p{line-height:21px; padding-right:350px; font-size:15px;}
	#con_family .photos ul li{height:190px;}
}
@media screen and (max-width:850px){
	#con_family .beige_bg p{line-height:19px; padding-right:300px; font-size:14px;}
	#con_family .photos ul li{height:140px;}
}
@media screen and (max-width:750px){
	#con_family .beige_bg{background-image:none;}
	#con_family .beige_bg p{line-height:19px; padding-right:0; font-size:14px;}
	#con_family .beige_bg p span{display:inline;}
	#con_family .dot_box .icons{top:20px; left:20px; width:70px; height:70px;}
	#con_family .dot_box ul{padding:0 0 0 95px;}
	#con_family .dot_box ul li{line-height:22px; font-size:14px;}

	#con_family .table td:nth-child(2):before{content:"- 내용 : ";}
	#con_family .table td:nth-child(3):before{content:"- 비고 : ";}

	#con_family .photos ul li:first-child{padding-right:10px;}
	#con_family .photos ul li:nth-child(2){padding:0 10px;}
	#con_family .photos ul li:last-child{padding-left:10px;}
}
@media screen and (max-width:550px){
	#con_family .photos ul li{float: none; width:250px; height:180px; margin:0 auto;}
	#con_family .photos ul li:first-child{padding-right:0; padding-bottom:20px;}
	#con_family .photos ul li:nth-child(2){padding:0 0 20px 0;}
	#con_family .photos ul li:last-child{padding-left:0;}
}
@media screen and (max-width:450px){
	#con_family .dot_box{padding:110px 20px 20px;}
	#con_family .dot_box ul{padding-left:0;}
	#con_family .dot_box .icons{left:50%; margin-left:-35px;}

}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 교육문화사업
	연관단어 : edu

////////////////////////////////////////////////////////////////////////////// */
#con_edu{}
#con_edu .beige_bg{position:relative;}
#con_edu .beige_bg strong{padding-bottom:10px;}
#con_edu .beige_bg p{
	width:100%; line-height:25px; padding-right:585px; font-size:16px; box-sizing:border-box;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#con_edu .beige_bg p span.enter{display: block;}
#con_edu .beige_bg img{
	position:absolute; bottom:-30px; right:90px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

#con_edu .dot_box{position:relative; margin-top:5px;}
#con_edu .dot_box .icons{position:absolute; top:30px; left:30px; width:80px; height:80px; background:url(../../images/brwelfare/content/edu_icon.png) no-repeat center center; background-size:39%; border:1px solid #ccc; border-radius:50%;}
#con_edu .dot_box ul{padding:3px 0 0 105px;}
#con_edu .dot_box ul li{line-height:25px; font-size:16px;}
#con_edu .dot_box ul li span{position:relative; display: inline-block; padding-left:12px;}
#con_edu .dot_box ul li span:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

#con_edu p.call{position:relative; line-height:25px; padding-left:12px; font-size:16px;}
#con_edu p.call:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

@media screen and (max-width:1340px){
	#con_edu .beige_bg img{right:50px;}
}
@media screen and (max-width:1250px){
	#con_edu .beige_bg p span.enter{display:inline;}
	#con_edu .beige_bg strong{padding-right:535px;}
}
@media screen and (max-width:1023px){
	#con_edu .beige_bg strong{padding-right:370px;}
	#con_edu .beige_bg p{line-height:21px; padding-right:365px; font-size:15px;}
	#con_edu .beige_bg img{bottom:-25px; right:35px; width:355px;}
}
@media screen and (max-width:850px){
	#con_edu .beige_bg strong{padding-right:275px;}
	#con_edu .beige_bg p{line-height:19px; padding-right:280px; font-size:14px;}
	#con_edu .beige_bg img{bottom:-15px; width:270px;}
}
@media screen and (max-width:750px){
	#con_edu .beige_bg{padding:30px 30px 120px;}
	#con_edu .beige_bg strong{padding-right:0;}
	#con_edu .beige_bg p{line-height:19px; padding-right:0; font-size:14px;}
	#con_edu .beige_bg img{right:30px;}
	#con_edu .dot_box .icons{top:20px; left:20px; width:70px; height:70px;}
	#con_edu .dot_box ul{padding:0 0 0 95px;}
	#con_edu .dot_box ul li{line-height:22px; font-size:14px;}
	#con_edu p.call{line-height:22px; font-size:14px;}

	#con_edu .table td:nth-child(2):before{content:"- 교육과정명 : ";}
}
@media screen and (max-width:450px){
	#con_edu .beige_bg{padding:30px 30px 105px;}
	#con_edu .beige_bg img{right:50%; width:220px; margin-right:-110px;}
	#con_edu .dot_box{padding:110px 20px 20px;}
	#con_edu .dot_box ul{padding-left:0;}
	#con_edu .dot_box .icons{left:50%; margin-left:-35px;}

}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 지역사회보호사업
	연관단어 : erea

////////////////////////////////////////////////////////////////////////////// */
#con_erea{}
#con_erea .beige_bg{position:relative;}
#con_erea .beige_bg.pic1{background-image: url(../../images/brwelfare/content/erea_img1.png);}
#con_erea .beige_bg.pic2{background-image: url(../../images/brwelfare/content/erea_img2.png);}
#con_erea .beige_bg.pic3{background-image: url(../../images/brwelfare/content/erea_img3.png);}
#con_erea .beige_bg.pic4{background-image: url(../../images/brwelfare/content/erea_img4.png);}
#con_erea .beige_bg.pic5{background-image: url(../../images/brwelfare/content/erea_img5.png);}


#con_erea .beige_bg strong{padding-bottom:10px; padding-right:470px;}
#con_erea .beige_bg p{
	width:100%; line-height:25px; padding-right:470px; font-size:16px; text-shadow:1px 1px 2px #faf2e9; box-sizing:border-box;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#con_erea .beige_bg p span{display: block;}

#con_erea .dot_box{position:relative; margin-top:5px;}
#con_erea .dot_box .icons{position:absolute; top:30px; left:30px; width:80px; height:80px; background:url(../../images/brwelfare/content/erea_icon.png) no-repeat center center; background-size:51%; border:1px solid #ccc; border-radius:50%;}
#con_erea .dot_box ul{padding:3px 0 0 105px;}
#con_erea .dot_box ul li{line-height:25px; font-size:16px;}
#con_erea .dot_box ul li span{position:relative; display: inline-block; padding-left:12px;}
#con_erea .dot_box ul li span:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

#con_erea p.call{position:relative; line-height:25px; padding-left:12px; font-size:16px;}
#con_erea p.call:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

@media screen and (max-width:1023px){
	#con_erea .beige_bg strong{padding-right:360px;}
	#con_erea .beige_bg p{line-height:21px; padding-right:360px; font-size:15px;}
}
@media screen and (max-width:850px){
	#con_erea .beige_bg strong{padding-right:285px;}
	#con_erea .beige_bg p{line-height:19px; padding-right:285px; font-size:14px;}
}
@media screen and (max-width:750px){
	#con_erea .beige_bg[class*="pic"]{background-image:none;}
	#con_erea .beige_bg strong{padding-right:0;}
	#con_erea .beige_bg p{line-height:19px; padding-right:0; font-size:14px;}
	#con_erea .beige_bg p span{display:inline;}
	#con_erea .dot_box .icons{top:20px; left:20px; width:70px; height:70px;}
	#con_erea .dot_box ul{padding:0 0 0 95px;}
	#con_erea .dot_box ul li{line-height:22px; font-size:14px;}
	#con_erea p.call{line-height:22px; font-size:14px;}

	#con_erea .table td:nth-child(2):before{content:"- 내용 : ";}
	#con_erea .table td:nth-child(3):before{content:"- 대상 : ";}
}
@media screen and (max-width:450px){
	#con_erea .dot_box{padding:110px 20px 20px;}
	#con_erea .dot_box ul{padding-left:0;}
	#con_erea .dot_box .icons{left:50%; margin-left:-35px;}

}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 자활지원사업
	연관단어 : jiwon

////////////////////////////////////////////////////////////////////////////// */
#con_jiwon{}
#con_jiwon .beige_bg{position:relative; background-image: url(../../images/brwelfare/content/jiwon_img.png);}
#con_jiwon .beige_bg strong{padding-bottom:10px;}
#con_jiwon .beige_bg p{
	width:100%; line-height:25px; padding-right:450px; font-size:16px; text-shadow:1px 1px 2px #faf2e9; box-sizing:border-box;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#con_jiwon .beige_bg p span.enter{display: block;}
#con_jiwon .beige_bg img{
	position:absolute; bottom:-42px; right:90px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

#con_jiwon .dot_box{position:relative; margin-top:5px;}
#con_jiwon .dot_box .icons{position:absolute; top:30px; left:30px; width:80px; height:80px; background:url(../../images/brwelfare/content/jiwon_icon.png) no-repeat center center; background-size:66%; border:1px solid #ccc; border-radius:50%;}
#con_jiwon .dot_box ul{padding:3px 0 0 105px;}
#con_jiwon .dot_box ul li{line-height:25px; font-size:16px;}
#con_jiwon .dot_box ul li span{position:relative; display: inline-block; padding-left:12px;}
#con_jiwon .dot_box ul li span:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

#con_jiwon p.call{line-height:25px; font-size:16px;}
#con_jiwon p.call:before{content:""; display: inline-block; width:5px; height:2px; margin-right:6px; margin-top:-3px; background-color:#777777; vertical-align:middle;}

@media screen and (max-width:1340px){
	#con_jiwon .beige_bg p,
	#con_jiwon .beige_bg strong{padding-right:415px;}
}
@media screen and (max-width:1050px){
	#con_jiwon .beige_bg p span.enter{display: inline;}
}
@media screen and (max-width:1023px){
	#con_jiwon .beige_bg strong,
	#con_jiwon .beige_bg p{padding-right:320px;}
	#con_jiwon .beige_bg p{line-height:21px; font-size:15px;}
}
@media screen and (max-width:850px){
	#con_jiwon .beige_bg strong,
	#con_jiwon .beige_bg p{padding-right:295px;}
	#con_jiwon .beige_bg p{line-height:19px; font-size:14px;}
}
@media screen and (max-width:750px){
	#con_jiwon .beige_bg{background-image:none;}
	#con_jiwon .beige_bg strong{padding-right:0;}
	#con_jiwon .beige_bg p{line-height:19px; padding-right:0; font-size:14px;}
	#con_jiwon .dot_box .icons{top:20px; left:20px; width:70px; height:70px;}
	#con_jiwon .dot_box ul{padding:0 0 0 95px;}
	#con_jiwon .dot_box ul li{line-height:22px; font-size:14px;}
	#con_jiwon p.call{line-height:22px; font-size:14px;}
}
@media screen and (max-width:450px){
	#con_jiwon .dot_box ul{padding-left:0;}
	#con_jiwon .dot_box .icons{left:50%; margin-left:-35px;}

}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 특화사업
	연관단어 : spe

////////////////////////////////////////////////////////////////////////////// */
#con_spe{}
#con_spe .beige_bg{position:relative; background-image: url(../../images/brwelfare/content/spe_img.png);}
#con_spe .beige_bg strong{padding-bottom:10px;}
#con_spe .beige_bg p{
	line-height:25px; font-size:16px;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#con_spe .beige_bg p span{display: block;}

#con_spe .dot_box{position:relative; margin-top:5px;}
#con_spe .dot_box .icons{position:absolute; top:30px; left:30px; width:80px; height:80px; background:url(../../images/brwelfare/content/spe_icon.png) no-repeat center center; background-size:57%; border:1px solid #ccc; border-radius:50%;}
#con_spe .dot_box ul{padding-top:3px; padding-left:105px;}
#con_spe .dot_box ul li{line-height:25px; font-size:16px;}
#con_spe .dot_box ul li span{position:relative; display: inline-block; padding-left:12px;}
#con_spe .dot_box ul li span:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

@media screen and (max-width:1340px){
	#con_spe .beige_bg p{padding-right:370px;}
}
@media screen and (max-width:1023px){
	#con_spe .beige_bg p{line-height:21px; padding-right:300px; font-size:15px;}
}
@media screen and (max-width:850px){
	#con_spe .beige_bg p{line-height:19px; padding-right:250px; font-size:14px;}

}
@media screen and (max-width:750px){
	#con_spe .beige_bg{background-image:none;}
	#con_spe .beige_bg p{line-height:19px; padding-right:0; font-size:14px;}
	#con_spe .beige_bg p span{display:inline;}
	#con_spe .dot_box .icons{top:20px; left:20px; width:70px; height:70px;}
	#con_spe .dot_box ul{padding-left:95px;}
	#con_spe .dot_box ul li{line-height:22px; font-size:14px;}
}
@media screen and (max-width:450px){
	#con_spe .dot_box{padding:110px 20px 20px;}
	#con_spe .dot_box ul{padding:0;}
	#con_spe .dot_box .icons{left:50%; margin-left:-35px;}

}

/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 교육일정
	연관단어 : sched

////////////////////////////////////////////////////////////////////////////// */
#con_sched{}
#con_sched p{padding-bottom:16px; line-height:25px; font-size:18px; color:#545454;}

#con_sched .dot_box{min-height:auto; padding:0;}
#con_sched .dot_box ul{overflow: hidden; width:100%; height:100%; padding:30px 0;}
#con_sched .dot_box ul li{float:left; width:25%; height:100%;}
#con_sched .dot_box ul li .cell{display:block; text-align:center; box-sizing:border-box;}
#con_sched .dot_box ul li .cell .icons{
	display:inline-block; width:80px; height:80px; border:1px solid #ccc; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:52%; vertical-align:top;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#con_sched .dot_box ul li:nth-child(1) .cell .icons{background-image: url(../../images/brwelfare/content/sched_icon1.png);}
#con_sched .dot_box ul li:nth-child(2) .cell .icons{background-image: url(../../images/brwelfare/content/sched_icon2.png);}
#con_sched .dot_box ul li:nth-child(3) .cell .icons{background-image: url(../../images/brwelfare/content/sched_icon3.png);}
#con_sched .dot_box ul li:nth-child(4) .cell .icons{background-image: url(../../images/brwelfare/content/sched_icon4.png);}
#con_sched .dot_box ul li .cell .txts{
	display: inline-block; padding-top:15px; padding-left:18px; text-align:left; vertical-align:top;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#con_sched .dot_box ul li .cell .txts strong{display:block; line-height:22px; padding-bottom:14px; font-size:22px; font-weight:400; color:#f8821b;}
#con_sched .dot_box ul li .cell .txts span{display: block; line-height:24px; font-size:16px; color:#545454;}

#con_sched .lists ul li{
	line-height:25px; font-size:16px; color:#545454;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#con_sched .lists ul li:before{content:""; display: inline-block; width:5px; height:2px; margin-top:-3px; margin-right:6px; background-color:#777777; vertical-align:middle;}

@media screen and (max-width:1110px) and (min-width:851px){
	#con_sched .dot_box ul li .cell .icons{width:70px; height:70px;}
	#con_sched .dot_box ul li .cell .txts{padding-top:8px; padding-left:10px;}
	#con_sched .dot_box ul li .cell .txts strong{padding-bottom:10px; font-size:20px;}
	#con_sched .dot_box ul li .cell .txts span{line-height:22px; font-size:15px;}
}
@media screen and (max-width:1000px) and (min-width:851px){
	#con_sched .dot_box{height:160px;}
	#con_sched .dot_box ul li .cell .icons{width:60px; height:60px;}
	#con_sched .dot_box ul li .cell .txts strong{padding-bottom:5px; font-size:18px;}
	#con_sched .dot_box ul li .cell .txts span{line-height:19px; font-size:14px;}
}
@media screen and (max-width:920px) and (min-width:851px){
	#con_sched .dot_box{height:160px;}
	#con_sched .dot_box ul li .cell .icons{width:55px; height:55px;}
	#con_sched .dot_box ul li .cell .txts{padding-top:5px;}
	#con_sched .dot_box ul li .cell .txts span{font-size:13px;}
}
@media screen and (max-width:850px){
	#con_sched .dot_box ul{padding:20px; box-sizing:border-box;}
	#con_sched .dot_box ul li{width:50%; height:auto;}
	#con_sched .dot_box ul li .cell{position:relative; text-align:left;}
	#con_sched .dot_box ul li .cell .icons{position:absolute; top:0; left:0;}
	#con_sched .dot_box ul li .cell .txts{display: block; width:100%; padding-top:13px; padding-left:100px; box-sizing:border-box;}
	#con_sched .dot_box ul li:nth-child(1) .cell .txts,
	#con_sched .dot_box ul li:nth-child(3) .cell .txts{padding-right:15px;}
	#con_sched .dot_box ul li:nth-child(1) .cell .txts,
	#con_sched .dot_box ul li:nth-child(2) .cell .txts{padding-bottom:20px;}
	#con_sched .dot_box ul li .cell .txts span .enter{display:inline-block;}
}
@media screen and (max-width:750px){
	#con_sched p{line-height:22px; font-size:16px;}
	#con_sched .lists ul li{line-height:22px; font-size:14px;}
}
@media screen and (max-width:650px){
	#con_sched .dot_box ul li .cell .txts{padding-top:10px;}
	#con_sched .dot_box ul li .cell .icons{width:70px; height:70px;}
	#con_sched .dot_box ul li .cell .txts strong{padding-bottom:10px; font-size:20px;}
	#con_sched .dot_box ul li .cell .txts span{line-height:22px; font-size:14px;}
}
@media screen and (max-width:550px){
	#con_sched p{line-height:22px; font-size:16px;}
	#con_sched .dot_box ul li{width:100%; height:25%;}
	#con_sched .dot_box ul li .cell .txts{padding-bottom:20px; padding-right:0px; padding-left:90px;}
}
@media screen and (max-width:400px){
	#con_sched .lists ul li{line-height:21px; font-size:14px;}
	#con_sched .dot_box ul li .cell .txts{padding-left:85px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 기능어린이취미교실
	연관단어 : skill

////////////////////////////////////////////////////////////////////////////// */
#con_skill{}
#con_skill .beige_bg{position:relative; background-image: url(../../images/brwelfare/content/skill_img.png);}
#con_skill .beige_bg strong{padding-bottom:10px;}
#con_skill .beige_bg p{
	width:100%; line-height:25px; font-size:16px; text-shadow:1px 1px 2px #faf2e9; box-sizing:border-box;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#con_skill .beige_bg p span.enter{display: block;}

#con_skill .dot_box{position:relative; margin-top:5px;}
#con_skill .dot_box .icons{position:absolute; top:30px; left:30px; width:80px; height:80px; background:url(../../images/brwelfare/content/edu_icon.png) no-repeat center center; background-size:39%; border:1px solid #ccc; border-radius:50%;}
#con_skill .dot_box ul{padding:3px 0 0 105px;}
#con_skill .dot_box ul li{line-height:25px; font-size:16px;}
#con_skill .dot_box ul li span{position:relative; display: inline-block; padding-left:12px;}
#con_skill .dot_box ul li span:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

#con_skill p.call{position:relative; line-height:25px; padding-left:12px; font-size:16px;}
#con_skill p.call:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

@media screen and (max-width:1250px){
	#con_skill .beige_bg p span.enter{display:inline;}
	#con_skill .beige_bg strong{padding-right:440px;}
	#con_skill .beige_bg p{padding-right:440px;}
}
@media screen and (max-width:1023px){
	#con_skill .beige_bg strong{padding-right:370px;}
	#con_skill .beige_bg p{line-height:21px; padding-right:365px; font-size:15px;}
}
@media screen and (max-width:900px){
	#con_skill .beige_bg strong{padding-right:250px;}
	#con_skill .beige_bg p{line-height:19px; padding-right:260px; font-size:14px;}
}
@media screen and (max-width:750px){
	#con_skill .beige_bg{background-image:none;}
	#con_skill .beige_bg strong{padding-right:0;}
	#con_skill .beige_bg p{line-height:19px; padding-right:0; font-size:14px;}
	#con_skill .dot_box .icons{top:20px; left:20px; width:70px; height:70px;}
	#con_skill .dot_box ul{padding:0 0 0 95px;}
	#con_skill .dot_box ul li{line-height:22px; font-size:14px;}
	#con_skill p.call{line-height:22px; font-size:14px;}
}
@media screen and (max-width:450px){
	#con_skill .dot_box{padding:110px 20px 20px;}
	#con_skill .dot_box ul{padding-left:0;}
	#con_skill .dot_box .icons{left:50%; margin-left:-35px;}

}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 어르신여가문화사업
	연관단어 : old

////////////////////////////////////////////////////////////////////////////// */
#con_old{}
#con_old .beige_bg{position:relative; background-image: url(../../images/brwelfare/content/skill_img2.png);}
#con_old .beige_bg strong{padding-bottom:10px;}
#con_old .beige_bg p{
	width:100%; line-height:25px; padding-right:585px; font-size:16px; text-shadow:1px 1px 2px #faf2e9; box-sizing:border-box;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#con_old .beige_bg p span.enter{display: block;}

#con_old .dot_box{position:relative; margin-top:5px;}
#con_old .dot_box .icons{position:absolute; top:30px; left:30px; width:80px; height:80px; background:url(../../images/brwelfare/content/edu_icon.png) no-repeat center center; background-size:39%; border:1px solid #ccc; border-radius:50%;}
#con_old .dot_box ul{padding:3px 0 0 105px;}
#con_old .dot_box ul li{line-height:25px; font-size:16px;}
#con_old .dot_box ul li span{position:relative; display: inline-block; padding-left:12px;}
#con_old .dot_box ul li span:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

#con_old p.call{position:relative; line-height:25px; padding-left:12px; font-size:16px;}
#con_old p.call:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

@media screen and (max-width:1250px){
	#con_old .beige_bg p span.enter{display:inline;}
	#con_old .beige_bg strong{padding-right:440px;}
	#con_old .beige_bg p{padding-right:440px;}
}
@media screen and (max-width:1023px){
	#con_old .beige_bg strong{padding-right:370px;}
	#con_old .beige_bg p{line-height:21px; padding-right:365px; font-size:15px;}
}
@media screen and (max-width:900px){
	#con_old .beige_bg strong{padding-right:250px;}
	#con_old .beige_bg p{line-height:19px; padding-right:260px; font-size:14px;}
}
@media screen and (max-width:750px){
	#con_old .beige_bg{background-image:none;}
	#con_old .beige_bg strong{padding-right:0;}
	#con_old .beige_bg p{line-height:19px; padding-right:0; font-size:14px;}
	#con_old .dot_box .icons{top:20px; left:20px; width:70px; height:70px;}
	#con_old .dot_box ul{padding:0 0 0 95px;}
	#con_old .dot_box ul li{line-height:22px; font-size:14px;}
	#con_old p.call{line-height:22px; font-size:14px;}
}
@media screen and (max-width:450px){
	#con_old .dot_box{padding:110px 20px 20px;}
	#con_old .dot_box ul{padding-left:0;}
	#con_old .dot_box .icons{left:50%; margin-left:-35px;}

}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 자활사업
	연관단어 : self

////////////////////////////////////////////////////////////////////////////// */
#con_self{}
#con_self .beige_bg{position:relative; min-height:180px; margin-bottom:30px;}
#con_self .beige_bg strong{display: block; width:100%; box-sizing:border-box;}
#con_self .beige_bg img{position:absolute; bottom:0; right:60px;}

@media screen and (max-width:1320px){
	#con_old .beige_bg{min-height:auto;}
	#con_self .beige_bg strong{padding-right:465px;}
}
@media screen and (max-width:1023px){
	#con_self .beige_bg strong{padding-right:345px;}
	#con_self .beige_bg img{right:35px; width:325px;}
}
@media screen and (max-width:850px){
	#con_self .beige_bg{margin-bottom:20px;}
	#con_self .beige_bg strong{padding-right:295px;}
	#con_self .beige_bg img{width:280px;}
}
@media screen and (max-width:750px){
	#con_self .beige_bg{padding:30px 30px 130px;}
	#con_self .beige_bg strong{padding-right:0;}
	#con_self .beige_bg img{right:30px;}
}
@media screen and (max-width:450px){
	#con_self .beige_bg{padding:30px 30px 110px;}
	#con_self .beige_bg strong{padding-right:0;}
	#con_self .beige_bg img{right:50%; width:210px; margin-right:-105px;}
}

/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 사례관리 기능사업, 서비스제공 기능 사업, 지역 조직화 기능 사업
	연관단어 : addition

////////////////////////////////////////////////////////////////////////////// */
#con_addition{}
#con_addition .beige_bg{position:relative;}
#con_addition .beige_bg.pic1{background-image: url(../../images/brwelfare/content/example_img1.png);}  /*사례관리사업*/
#con_addition .beige_bg.pic2{background-image: url(../../images/brwelfare/content/bakery_img1.png);}  /*행복 나눔 베이커리*/
#con_addition .beige_bg.pic3{background-image: url(../../images/brwelfare/content/investigation_img1.png);}  /*지역 주민 욕구 조사*/
#con_addition .beige_bg.pic4{background-image: url(../../images/brwelfare/content/fractionation_img1.png);}  /*우리동네 알뜰 나눔 장터 운영*/
#con_addition .beige_bg.pic5{background-image: url(../../images/brwelfare/content/recycling_img1.png);}  /*에코플로깅 캠페인*/
#con_addition .beige_bg.pic6{background-image: url(../../images/brwelfare/content/service_img1.png);}  /*자원봉사자 및 후원자 발굴 및 관리*/

#con_addition .beige_bg strong{padding-bottom:10px; padding-right:470px;}
#con_addition .beige_bg p{
	width:100%; line-height:25px; padding-right:470px; font-size:16px; text-shadow:1px 1px 2px #faf2e9; box-sizing:border-box;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#con_addition .beige_bg p span{display: block;}

#con_addition .dot_box{position:relative; margin-top:5px;}
#con_addition .dot_box .icons{position:absolute; top:30px; left:30px; width:80px; height:80px; background:url(../../images/brwelfare/content/family_icon.png) no-repeat center center; background-size:51%; border:1px solid #ccc; border-radius:50%;}
#con_addition .dot_box ul{padding:3px 0 0 105px;}
#con_addition .dot_box ul li{line-height:25px; font-size:16px;}
#con_addition .dot_box ul li span{position:relative; display: inline-block; padding-left:12px;}
#con_addition .dot_box ul li span:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

#con_addition p.call{position:relative; line-height:25px; padding-left:12px; font-size:16px;}
#con_addition p.call:before{content:""; position:absolute; top:50%; left:0; width:5px; height:2px; margin-top:-1px; background-color:#777777;}

@media screen and (max-width:1023px){
	#con_addition .beige_bg strong{padding-right:360px;}
	#con_addition .beige_bg p{line-height:21px; padding-right:360px; font-size:15px;}
}
@media screen and (max-width:850px){
	#con_addition .beige_bg strong{padding-right:285px;}
	#con_addition .beige_bg p{line-height:19px; padding-right:285px; font-size:14px;}
}
@media screen and (max-width:750px){
	#con_addition .beige_bg[class*="pic"]{background-image:none;}
	#con_addition .beige_bg strong{padding-right:0;}
	#con_addition .beige_bg p{line-height:19px; padding-right:0; font-size:14px;}
	#con_addition .beige_bg p span{display:inline;}
	#con_addition .dot_box .icons{top:20px; left:20px; width:70px; height:70px;}
	#con_addition .dot_box ul{padding:0 0 0 95px;}
	#con_addition .dot_box ul li{line-height:22px; font-size:14px;}
	#con_addition p.call{line-height:22px; font-size:14px;}

	#con_addition .table td:nth-child(2):before{content:"- 내용 : ";}
	#con_addition .table td:nth-child(3):before{content:"- 대상 : ";}
}
@media screen and (max-width:450px){
	#con_addition .dot_box{padding:110px 20px 20px;}
	#con_addition .dot_box ul{padding-left:0;}
	#con_addition .dot_box .icons{left:50%; margin-left:-35px;}

}