@charset "utf-8";

.box-img01 {display:block;}

.step.child_step>li>div{height: 123px;}
.step.child_step>li>div.step01 .txt02,
.step.child_step>li>div.step03 .txt02,
.step.child_step>li>div.step04 .txt02{margin-top: 20px;}
.step.child_step>li>div.step05 .txt02{margin-top: 10px;}

@media all and (max-width:1010px){
	.step.child_step>li>div{height: 143px;}
}
@media all and (max-width:500px){
	.step.child_step>li>div{height: auto;}
	.step.child_step>li>div.step01 .txt02,
	.step.child_step>li>div.step03 .txt02,
	.step.child_step>li>div.step04 .txt02,
	.step.child_step>li>div.step05 .txt02{margin-top: 0px;}
}

/* 지역사회서비스투자사업 서비스내용 - 탭 */
.select_area_wrap{position: relative;}
.select_area{position: relative; display: block; padding: 1.176em 1.47em; margin-bottom: 2em; width:100%;}
.select_area select{color: #000;}
.select_area .btn{height: 2.5em; border-radius: 0.3em;}

.except_box{border: 3px solid #d6dbe4; padding: 20px; margin-top: 30px;}
.except_box .tit{font-size: 20px; font-weight: 600;}


@media screen and (max-width:640px){
	.select_area_wrap {padding-top: 0;}
	.select_area {position:relative; display:inline; float:left;}
	.select_area + #changeData {margin-top:10px;clear:both;}
	.select_area select {width:100%; margin-bottom:.5em !important;}
	.select_area input[type="button"].btn {width:100%; margin-left: 0 !important;}
}

/* 드림스타트사업 */
.dream_target { background:#f7f7f7; width:95%; margin:0 auto; border-radius:10px; padding:20px 10px; box-sizing:border-box; margin-top:20px; }
.dream_target li { position:relative; float:left; width:25%; }
.dream_target li:before { content:''; display:block; border-left:1px dashed #c5c5c5; height:50%; position:absolute; left:0; top:50%; margin-top:-35px; }
.dream_target li:first-child:before { display:none; }
.dream_target > ul > li > div { width:90%; margin:0 auto; text-align:center; }
.dream_target > ul > li div[class^="list"] { border-radius:50%; width:150px; height:150px; margin:0 auto; background:#fff; }
.dream_target > ul > li div.list01 { border:15px solid #f59582; }
.dream_target > ul > li div.list02 { border:15px solid #bf85ed; }
.dream_target > ul > li div.list03 { border:15px solid #72baf7; }
.dream_target > ul > li div.list04 { border:15px solid #8ad56a; }
.dream_target p { font-weight:600; font-size:16px; padding-top:35px; letter-spacing:-1px; }
.dream_target span { display:block; }
.dream_target ul:after { content:''; display:block; clear:both; }

.service_box { margin-top:20px; }
.service_box div.service { border-radius:10px; padding:15px; box-sizing:border-box; text-align:center; background:#ecefff; border:2px solid #d7deff; width:98%; margin:0 auto; }
.service_box div.service p { font-size:20px; letter-spacing:-1px; }
.service_box div.service span { font-weight:600; }
.service_box div.list { margin-top:10px; }
.service_box div.list li { float:left; width:33.33333333333333%; }
.service_box div.list li.li02 div { border:2px dashed #ffe8cb; background:#fff3e5; }
.service_box div.list li.li03 div { border:2px dashed #f5f0c2; background:#fffde5; padding:20px; }
.service_box div.list li div { width:95%; height:128px; margin:0 auto; border-radius:10px; text-align:center; letter-spacing:-1px; padding:30px 20px; box-sizing:border-box; border:2px dashed #daebc2; background:#f1f9e6; }
.service_box div.list li p.title { font-size:16px; font-weight:600; }
.service_box div.list li p.txt { margin-top:10px; }
.service_box div.list li p.txt span { display:block; }
.service_box div.list ul:after { content:''; display:block; clear:both; }

/* 노인복지시설 종류 */
.silver_img { display:block; padding-left:27px; }

@media all and (max-width:1024px){
	.service_box div.list li p.txt span { display:inline-block; }
}

@media all and (max-width:835px){
	.service_box div.list li div { min-height:150px; }
}

@media all and (max-width:780px){
	.dream_target > ul > li div[class^="list"] { width:120px; height:120px; }
	.dream_target > ul > li div.list01 { border:13px solid #f59582; }
	.dream_target > ul > li div.list02 { border:13px solid #bf85ed; }
	.dream_target > ul > li div.list03 { border:13px solid #72baf7; }
	.dream_target > ul > li div.list04 { border:13px solid #8ad56a; }
	.dream_target p { font-size:15px; padding-top:28px; }
}

@media all and (max-width:610px){
	.dream_target li { width:50%; }
	.dream_target > ul > li div[class^="list"] { width:100%; height:auto; border-radius:20px; padding:10px; box-sizing:border-box; }
	.dream_target p { padding-top:0; }
	.dream_target span { display:inline-block; }
	.dream_target > ul > li div.list01 { border:2px dashed #f59582; }
	.dream_target > ul > li div.list02 { border:2px dashed #bf85ed; }
	.dream_target > ul > li div.list03 { border:2px dashed #72baf7; margin-top:10px; }
	.dream_target > ul > li div.list04 { border:2px dashed #8ad56a; margin-top:10px; }
	.dream_target li:before { display:none; }
}

@media all and (max-width:605px){
	.service_box div.list li { width:100%; margin-top:10px; }
	.service_box div.list li:first-child { margin-top:0; }
	.service_box div.list li div { padding:10px; min-height:auto; height:auto;}
}

@media all and (max-width:475px){
	.dream_target p { font-size:14px; }
}

@media all and (max-width:450px){
	.dream_target li { width:100%; margin-top:10px; }
	.dream_target li:first-child { margin-top:0; }
	.dream_target > ul > li div.list03,
	.dream_target > ul > li div.list04 { margin-top:0; }
}

/* 복지 - 어르신 - 상장례문화 - 홍보동영상 */
.topbox.video{background: url(/depart/img/sub10/ico_topbox_video.png) no-repeat 0px 29px;}
@media (max-width: 518px){
	.topbox.video{background: url(/depart/img/sub10/ico_topbox_video.png) no-repeat center 33px;}
}

/* 복지 - 장애인 - 복지시책/제도 */
.topbox.disabled{background: url(/depart/img/sub10/ico_topbox_disabled.png) no-repeat 25px 29px;}
@media (max-width: 518px){
	.topbox.disabled{background: url(/depart/img/sub10/ico_topbox_disabled.png) no-repeat center 33px;}
}

/* 복지 - 한눈에 보는 복지정보 - 복지로 */
.topbox.bokjiro{background: url(/depart/img/sub10/ico_topbox_bokjiro.png) no-repeat 25px 29px;}
@media (max-width: 518px){
	.topbox.bokjiro{background: url(/depart/img/sub10/ico_topbox_bokjiro.png) no-repeat center 33px;}
}

/* 복지- 청소년 - 청소년 수련관 */
.topbox.youth{background: url(/depart/img/sub10/ico_topbox_youth.png) no-repeat 25px 29px;}
@media (max-width: 518px){
	.topbox.youth{background: url(/depart/img/sub10/ico_topbox_youth.png) no-repeat center 33px;}
}

/* 복지 - 복지소식 - 정보화 역기능 예방.해소  */
.topbox.greeninet{background: url(/depart/img/sub10/ico_topbox_greeninet.png) no-repeat 25px 29px;}
@media (max-width: 518px){
	.topbox.greeninet{background: url(/depart/img/sub10/ico_topbox_greeninet.png) no-repeat center 33px;}
}

/* 복지 - 어린이.아동 - 아동친화도시  */
.topbox.child {background: url(/depart/img/sub10/ico_topbox_child.png) no-repeat 40px 18px;}
@media (max-width: 518px){
	.topbox.child {background: url(/depart/img/sub10/ico_topbox_child.png) no-repeat center 33px;}
}

/* 인구정책 */
.ingu-btn {padding-top:.941em;}
.ingu-btn a.btn {margin:.4em .4em .4em 0;}
.ingu_tab {overflow:hidden; margin-bottom:50px; margin:2.35em -.441em 1.176em;}
.ingu_tab:after {content:''; display:block; clear:both;}
.ingu_tab li {width:16.6%; float:left; text-align:center;}
.ingu_tab li:nth-child(3n) {margin-right:0;}
.ingu_tab li a {display:block; border:1px solid #ddd; border-radius:5px; padding:1.235em 0 1.25em; border-radius:5px; color:#333;}
.ingu_tab li a:hover,
.ingu_tab li a:focus,
.ingu_tab li a.on {border:1px solid #5546A9;box-shadow:10px 10px 20px 0px rgba(85, 70, 169, 0.07);}
.ingu_tab li a.on span {text-decoration: underline; font-weight:bold; color:#5546A9;}
.ingu_tab li .tab-box {padding:0 .441em;}

.ingu_tab li .icon {display:block; position:relative; width:5.76em; height:5.76em; margin:0 auto .5em; background:#fff; border-radius:50%;}


.tab-group .tabs li a .selected {display:none; position:absolute; top:0; left:0; z-index:-999; overflow:hidden; width:0; height:0; opacity:0;}
.tab-group .tabs li a.on .selected {display:block;}
.tab-group .tab-con {display:none;}
.tab-group .tab-con.on {display:block;}

@media all and (max-width:1024px){
	.ingu_tab li {width:33.3%; margin-bottom:1em;}
}

@media all and (max-width:640px){
	.ingu_tab li {width:50%;}
}

@media all and (max-width:380px){
	.ingu_tab li {float:none; width:100%;}
}



/*이로운 가족 프로그램 지도*/
/*.familyMap {padding-bottom:80px; font-size:18px; line-height:1.75em;}
.familyMap h5{margin-top:0;}

.familyMap select, .familyMap input[type="text"] {font-size:16px;height: 46px;padding:12px 20px 12px 14px;box-sizing: border-box;}
.familyMap .title {background: #f4f4f4;text-align:center;padding:30px 40px;margin: 0 70px 46px;position: relative;}
.familyMap .title:before {content:''; position:absolute; background:url(/depart/img/sub10/contL.png) no-repeat; width:358px; height:17px; left:0; bottom:-17px;}
.familyMap .title:after {content:''; position:absolute; background:url(/depart/img/sub10/contR.png) no-repeat; width:358px; height:17px; right:0; bottom:-17px;}
.familyMap .title li {position:relative; display:inline-block; padding-left:14px;}
.familyMap .title li:before {content:''; position:absolute; width:6px; height:6px; border-radius:50%; background:#0058ad; left:-2px; top:10px;}
.familyMap .familyWrap{padding: 0;margin: 0;text-align: left;background: none;overflow: hidden;}
.familyMap .familyWrap .mapWrap{width: 45%;float: left;}
.familyMap .familyWrap .searchWrap{width: 55%;float: left;}

.familyMap .searchWrap > div{margin-bottom: 40px;overflow: hidden;}
.familyMap .searchWrap a, .familyMap .searchWrap input[type="submit"] {display:inline-block;text-align:center;line-height:52px;color:#fff;margin-right:1%;padding:0 20px;font-size:14px;float:left;background-color:#4984bc;border-radius:3px;box-sizing:border-box;}

.familyMap .searchWrap .wrap4 a:hover, .familyMap .searchWrap .wrap4 input[type="submit"]:hover{background-color:#0058ad;}

.familyMap .searchWrap .wrap4 input[type="submit"]{background: #19a792 url(/depart/img/sub01/search_btn.png) no-repeat right 13px center;padding-right: 36px;}
.familyMap .searchWrap .wrap4 input[type="submit"]:hover{background-color: #0a8573;}

.familyMap .statusTable{margin-top:30px;}
.familyMap .statusTable .topWrap{overflow:hidden;}
.familyMap .statusTable .tbl_wrap{margin-top:10px;}

.familyMap .statusTable .topWrap a{box-sizing: border-box;font-size: 14px;background-color: #4984bc;padding:0 12px;;border-radius: 3px; color: #fff; display: inline-block;text-align: center;}
.familyMap .statusTable .topWrap a:hover{background-color: #0058ad;}
.familyMap .statusTable .topWrap p{margin-left:10px;}

.modal{display:none;position:fixed;width:200%; height:100%;top:0; left:0;background:rgba(0,0,0,0.3);z-index: 9999;}
.modalCon{display:none;position:fixed;top:50%; left:50%;transform: translate(-50%,-50%);padding:50px;width:750px;max-height:80%;background:#fff;z-index: 99999;overflow-y:scroll;}

.modalCon .topBox{border: 1px solid #ddd;padding:20px;}
.modalCon a.close_btn{display: inline-block;text-align: center;line-height: 52px;color: #fff;margin-right: 1%;padding: 0 20px;font-size: 14px;background-color: #4984bc; border-radius: 3px; box-sizing: border-box;}
.modalCon a.close_btn:hover{background-color:#0058ad;}

.modalCon a.modalClose{position:absolute;right:50px;top:60px;}

@media (max-width:1024px){

.modalCon{width:75%;}
*/
/* 정보와 역기능 예방 가이드라인 */
.prevent_box { margin-top:20px; }
.prevent_box li { float:left; width:33.33333333333333%; margin-bottom: 10px;}
.prevent_box > ul > li > div { width:90%; margin:0 auto; padding:4px; box-sizing:border-box; }
.prevent_box li div.img img { border:2px dashed #d7deff; display:block; }
.prevent_box li div.img a { display:block; width:100%; height:100%; padding-right:0; }
.prevent_box li div.img a:after { display:none; }
.prevent_box li div.tit { font-size: 15px; font-weight: 600; text-align: center; color: #276bad; margin-top: 20px; line-height: 1.4em;}
.prevent_box li div.txt { margin-top: 15px; text-align: center;}
.prevent_box ul:after { content:''; display:block; clear:both; }
.prevent_box a[target="_blank"]{padding-right: 0;}
.prevent_box a[target="_blank"]:after{display: inline-block; position: relative; margin-left: 5px;}

@media all and (max-width:1024px){
	.prevent_box li div.tit { height:42px; }
}

@media all and (max-width:775px){
	.prevent_box > ul > li > div { width:95%; }
}
@media all and (max-width:725px){
	.prevent_box li { width:50%; }
}
@media all and (max-width:490px){
	.prevent_box li { width:100%; }
	.prevent_box li div.img img { width:100%; }
	.prevent_box li div.tit { height:auto; }
}


@media (max-width:600px){
.modalCon{padding:30px;}
.modalCon a.modalClose{right:30px;top:45px;}

}

/* 복지인구정책 > 청년 > 청년관련정보 */
.list-go.li4 > li{width:25%;}

@media all and (max-width:1024px){
	.list-go.li4 > li {width:50%;}
}
@media all and (max-width:640px){
	.list-go.li4 > li {width:100%;}
}