@charset "utf-8";

.serv_bg{padding:45px 20px;margin-bottom:20px;font-family:'NotoKrB',sans-serif;font-size:22px;line-height:32px;color:#fff;text-align:center;background-repeat:no-repeat;background-position:center;background-size:cover;}
.serv_bg.sbg1{margin-bottom:60px;background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/service_bg1.jpg);}
.serv_bg.sbg2{margin-bottom:15px;background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/service_bg2.jpg);}
.serv_bg.sbg3{margin-top:30px;background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/service_bg3.jpg);}
.serv_bg.sbg4{margin-top:30px;background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/service_bg4.jpg);}
.serv_bg.sbg5{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/service_bg5.jpg);}
.s_txtw{padding-left:60px;margin-bottom:40px;color:#222;background-repeat:no-repeat;background-position:left top;}
.s_txtw:first-child{margin-top:0;padding-top:0;background-position:left top}
.s_txtw.stxtbg1{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/service_img1.gif);}
.s_txtw.stxtbg2{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/service_img2.gif);}
.s_txtw.stxtbg3{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/service_img3.gif);}
.s_txtw.stxtbg4{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/service_img4.gif);}
.s_txtw.stxtbg5{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/service_img5.gif);}
.s_txtw.stxtbg6{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/service_img6.gif);}
.s_txtw.stxtbg7{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/service_img7.gif);}
.s_txtw dt{margin-bottom:10px;display:table;width:100%;height:45px;font-size:18px;font-family:'NotoKrB',sans-serif;}
.s_txtw dt span{display:table-cell;vertical-align:middle;}
.s_txtw dd{margin-bottom:5px;font-size:16px;font-family:'NotoKrR',sans-serif;line-height:24px;}
.s_txtw dd.table_w{margin:20px 0 0 -60px;}
.s_txtw dd ul{margin-top:0}
.s_txtw dd ul li{margin-top:4px;font-size:16px;font-family:'NotoKrR',sans-serif;line-height:24px;color:#222;}

/* 장애인 건강보건관리지원 - 사업내용 step */
.s_stepw{margin-bottom:40px;}
.stepw{padding-top:30px;margin-bottom:10px;background:url(/nanum/site/builder/dir/ldhc/img/menu3889/s_darrow.gif) no-repeat center top;}
.stepw:first-child{padding-top:0;background:0;}
.stepw dl{display:table;width:100%;height:auto;}
.stepw dl.step1{background:#5700b0;border:2px solid #5700b0}
.stepw dl.step2{background:#3200b0;border:2px solid #3200b0}
.stepw dl.step3{background:#0046b0;border:2px solid #0046b0}
.stepw dl.step4{background:#006c9e;border:2px solid #006c9e}
.stepw dl dt{display:table-cell;width:230px;height:100%;line-height:24px;font-size:16px;font-family:'NotoKrB',sans-serif;color:#fff;text-align:center;vertical-align:middle;}
.stepw dl dd{padding:15px 30px;display:table-cell;width:auto;line-height:24px;font-size:16px;font-family:'NotoKrM',sans-serif;color:#222;background:#fff;}

/* 보건의료인력 및 장애인가족교육 - 법적근거 */
.s_txtw dd.law_dd{margin-left:-60px;}
.law_txtbg{margin-top:5px;background:#f9f9f9 url(/nanum/site/builder/dir/ldhc/img/menu3888/law_txtbg.gif) no-repeat bottom right;border:1px solid #d0d0d0;border-radius:20px;}
.law_txtbg .law_txtbox{padding:40px 30px 50px;}
.law_txtbg .law_txtbox .tit{margin-bottom:30px;font-family:'NotoKrB',sans-serif;font-size:20px;color:#2c3b6a;text-align:center;letter-spacing:-1.2px;}
.law_txtbg .law_txtbox .stxt{margin-bottom:30px;font-size:16px;text-align:center;}
.law_txtbg .law_txtbox .stit{font-family:'NotoKrB',sans-serif;font-size:18px;color:#000}
.law_txtbg .law_txtbox ul.list{margin-top:7px;}
.law_txtbg .law_txtbox ul.list li{margin-top:4px;}
.law_txtbg .law_txtbox ul.list li:first-child{margin-top:0}

/* 보건의료인력 및 장애인가족교육 - 수행과정 */
.mscroll.stepmw{text-align:center}

/* 장애인건강보건관리지원 - 지역사회중심재활(CBR)사업지원 및 연계 */
.cbr_box{display:inline-block;width:850px;margin:25px 0 0 -60px;}
.cbr_box > p{float:left;width:92px;font-family:'NotoKrB',sans-serif;font-size:18px;line-height:284px;color:#222;text-align: center;background:url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_stit.gif) no-repeat center;}
.cbr_box .cbr_ser{float:right;width:375px;min-height:280px;text-align:center;border:2px solid #5700b0;}
.cbr_box .cbr_ser p{margin-top:-15px;}
.cbr_box .cbr_ser p span{display:inline-block;padding:0 25px;font-family:'NotoKrB',sans-serif;font-size:20px;color:#5700b0;background:#fff;}
.cbr_box .cbr_ser ul{padding:40px 30px;}
.cbr_box .cbr_ser:first-child{float:left;border-color:#b000a6;}
.cbr_box .cbr_ser:first-child p span{color:#b000a6;}

.cbr_stepw{margin:20px 0 0 -60px;width:850px;}
.cbr_stepw ol{background: url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_line.gif) repeat-x left center;clear:both;overflow:hidden;}
.cbr_stepw li{float:left;padding:20px;margin-left:13.5px;width:115px;height:160px;background:#fff;border:2px solid #ddd;}
.cbr_stepw li:first-child{margin-left:0;}
.cbr_stepw li .num{font-family:'Lato',sans-serif;font-weight:500;font-size:24px;}
.cbr_stepw li p{padding-top:85px;display:table;width:100%;font-family:'Lato','NotoKrM',sans-serif;font-weight:500;font-size:16px;line-height:23px;color:#222;text-align:center;background-repeat:no-repeat;background-position:top center;}
.cbr_stepw li p span{display:table-cell;vertical-align:middle;}

.cbr_stepw li.icon1{border-color:#0046b0;}
.cbr_stepw li.icon1 .num{color:#0046b0;}
.cbr_stepw li.icon1 p{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_step1.gif);}

.cbr_stepw li.icon2{border-color:#006c9e;}
.cbr_stepw li.icon2 .num{color:#006c9e;}
.cbr_stepw li.icon2 p{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_step2.gif);}

.cbr_stepw li.icon3{border-color:#009e9c;}
.cbr_stepw li.icon3 .num{color:#009e9c;}
.cbr_stepw li.icon3 p{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_step3.gif);}

.cbr_stepw li.icon4{border-color:#138757;}
.cbr_stepw li.icon4 .num{color:#138757;}
.cbr_stepw li.icon4 p{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_step4.gif);}

.cbr_stepw li.icon5{border-color:#4c7c14;}
.cbr_stepw li.icon5 .num{color:#4c7c14;}
.cbr_stepw li.icon5 p{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_step5.gif);}

.cbr_imgw{text-align:center;background:#f5fafe;}
.cbr_imgw img{max-width:100%;}

/* 전라북도 14개 시·군 지역사회중심재활(CBR)사업 한 눈에 보기 - 새창 */
.cbrw_bg{padding:15px;background:#dfdfdf url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_bg.png) repeat left top;}
.cbrw_bg .ldhc_cbrw{padding:0 25px 40px;background:#fff;border-radius:15px;}
.cbrw_bg .ldhc_cbrw .tit{padding:40px 0;font-family:'NotoKrM',snas-serif;font-size:25px;line-height:1;color:#222;text-align:center;border-bottom:1px dashed #ccc;}
.cbrw_bg .ldhc_cbrw .cbr_list > li{position:relative;margin-top:30px;}
.cbrw_bg .ldhc_cbrw .cbr_list span{position:absolute;top:-9px;;left:0;display:block;width:44px;height:44px;line-height:44px;background-repeat:no-repeat;background-position:center;border-radius:50%;}
.cbrw_bg .ldhc_cbrw .cbr_list li.icon1 span{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_icon1.png);}
.cbrw_bg .ldhc_cbrw .cbr_list li.icon2 span{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_icon2.png);}
.cbrw_bg .ldhc_cbrw .cbr_list li.icon3 span{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_icon3.png);}
.cbrw_bg .ldhc_cbrw .cbr_list li.icon4 span{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_icon4.png);}
.cbrw_bg .ldhc_cbrw .cbr_list li.icon5 span{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_icon5.png);}
.cbrw_bg .ldhc_cbrw .cbr_list li.icon6 span{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3889/cbr_icon6.png);}

.cbrw_bg .ldhc_cbrw .cbr_list li.c1 span{background-color:#b000a6;}
.cbrw_bg .ldhc_cbrw .cbr_list li.c2 span{background-color:#7400b0;}
.cbrw_bg .ldhc_cbrw .cbr_list li.c3 span{background-color:#1500b0;}
.cbrw_bg .ldhc_cbrw .cbr_list li.c4 span{background-color:#007eac;}
.cbrw_bg .ldhc_cbrw .cbr_list li.c5 span{background-color:#008069;}
.cbrw_bg .ldhc_cbrw .cbr_list li.c6 span{background-color:#548000;}

.cbrw_bg .ldhc_cbrw dl{padding-left:55px;}
.cbrw_bg .ldhc_cbrw dl dt{font-family:'NotoKrB',sans-serif;font-size:18px;color:#000;}
.cbrw_bg .ldhc_cbrw .cbr_list li.c1 dl dt{color:#b000a6;}
.cbrw_bg .ldhc_cbrw .cbr_list li.c2 dl dt{color:#7400b0;}
.cbrw_bg .ldhc_cbrw .cbr_list li.c3 dl dt{color:#1500b0;}
.cbrw_bg .ldhc_cbrw .cbr_list li.c4 dl dt{color:#007eac;}
.cbrw_bg .ldhc_cbrw .cbr_list li.c5 dl dt{color:#008069;}
.cbrw_bg .ldhc_cbrw .cbr_list li.c6 dl dt{color:#548000;}
.cbrw_bg .ldhc_cbrw dl ul.list{margin-top:10px;}
.cbrw_bg .ldhc_cbrw dl ul.list li ul.list2,
.cbrw_bg .ldhc_cbrw dl ul.list2 li ul.list3{margin-bottom:0;}
.cbrw_bg .ldhc_cbrw dl .stit{padding-top:15px;font-family:'NotoKrB',sans-serif;font-size:16px;color:#2275db;}


/***************** 테블릿 *****************/
@media (max-width:1024px){

	/* 장애인건강보건관리지원 - 지역사회중심재활(CBR)사업지원 및 연계 */
	.cbr_box{margin-top:10px;padding-top:25px;display:block;width:auto;clear:both;overflow:hidden;}
	.cbr_box > p{width:10.5%;font-size:17px;line-height:254px;}
	.cbr_box .cbr_ser{width:44%;min-height:250px;}
	.cbr_box .cbr_ser p{margin-top:-13px;}
	.cbr_box .cbr_ser p span{font-size:18px;}
	.cbr_box .cbr_ser ul{padding:20px 25px;}

	.cbr_stepw{width:auto;}
	.cbr_stepw li{margin-left:2%;padding:1.5%;width:14.8%;}
	.cbr_stepw li .num{font-size:20px;}
	.cbr_stepw li p{padding-top:70px;font-size:15px;line-height:21px;background-size:auto 55px;}


}

@media (max-width:860px){
	/* 보건의료인력 및 장애인가족교육 - 수행과정 */
	.mscroll.stepmw img{width:100%}
}

/***************** 모바일 *****************/
@media (max-width:767px){
	.serv_bg{padding:35px 15px;margin-bottom:35px;font-size:18px;line-height:28px;}
	.serv_bg.sbg1,
	.serv_bg.sbg2,
	.serv_bg.sbg3,
	.serv_bg.sbg4{margin-bottom:15px;}
	.s_txtw{padding:15px 0 0 50px;margin:15px 0 20px;background-size:40px;/*border-top:1px solid #dfdfdf;*/background-position:left 15px;}
	.s_txtw.noline{border-top:0}
	.s_txtw dt{margin-bottom:5px;height:40px;font-size:16px;line-height:22px;}
	.s_txtw dd{font-size:14px;line-height:20px;}
	.s_txtw dd.table_w{margin:15px 0 0 -50px;}
	.s_txtw dd ul li{font-size:14px;line-height:20px;}
	
	.s_stepw{margin:10px 0 20px;}
	.stepw{padding-top:25px;background-size:auto 16px;}
	.stepw dl{border-width:1px !important;box-sizing:border-box}
	.stepw dl dt{width:150px;font-size:15px;line-height:22px;}
	.stepw dl dd{padding:13px 20px;font-size:15px;line-height:22px;}
	
	/* 보건의료인력 및 장애인가족교육 - 법적근거 */
	.s_txtw dd.law_dd{margin-left:-50px;}
	.law_txtbg{margin-top:15px;background-size:80px auto;}
	.law_txtbg .law_txtbox{padding:30px 15px 50px}
	.law_txtbg .law_txtbox .tit{margin-bottom:20px;font-size:18px;}
	.law_txtbg .law_txtbox .stxt{margin-bottom:20px;font-size:14px;}
	.law_txtbg .law_txtbox .stit{font-size:16px;}
	.law_txtbg .law_txtbox ul.list{margin-top:10px;}

	
	/* 장애인건강보건관리지원 - 지역사회중심재활(CBR)사업지원 및 연계 */
	.cbr_box,
	.cbr_stepw{margin-left:-50px;}
	.cbr_box > p {margin-bottom:20px;float:none;width:auto;font-size:15px;line-height:60px;background-size:auto 55px;}
	.cbr_box .cbr_ser{margin-bottom:10px;float:none !important;width:auto;min-height:auto;}
	.cbr_box .cbr_ser p span{padding:0 15px;font-size:17px;}
	.cbr_box .cbr_ser ul{padding:15px 20px;}
	
	.cbr_stepw ol{margin:-2% 0 0 -2%;width:102%;background:0;}
	.cbr_stepw li{width:31%;margin:2% 0 0 2% !important;padding:10px;box-sizing:border-box;}
	.cbr_stepw li .num{font-weight:700;font-size:18px;}
	.cbr_stepw li p{padding-top:65px;font-size:14px;line-height:18px;background-size:auto 50px;}

}

/***************** 모바일 *****************/
@media (max-width:650px){

	/* 전라북도 14개 시·군 지역사회중심재활(CBR)사업 한 눈에 보기 - 새창 */
	.cbrw_bg{padding:7px;}
	.cbrw_bg .ldhc_cbrw{padding:0 15px 30px;}
	.cbrw_bg .ldhc_cbrw .tit{padding:25px 0;font-family:'NotoKrB',snas-serif;font-size:20px;}
	.cbrw_bg .ldhc_cbrw .cbr_list span{top:-7px;width:40px;height:40px;line-height:40px;background-size:20px;}
	.cbrw_bg .ldhc_cbrw dl{padding-left:50px;}
	.cbrw_bg .ldhc_cbrw dl dt{font-size:17px;}
	.cbrw_bg .ldhc_cbrw .cbr_list > li{margin-top:22px;}
	
}

/***************** 모바일 *****************/
@media (max-width:480px){

	/* 장애인건강보건관리지원 - 지역사회중심재활(CBR)사업지원 및 연계 */
	.cbr_stepw li{width:48%;}

}