@charset "UTF-8";

/* line-gapBox */
.line-gapBox {width:100%; position:relative; padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #eff1f4;}
.line-gapBox:after {content:''; display:block; clear:both;}
.line-gapBox.end-box {padding-bottom:0; margin-bottom:0; border-bottom:none;}


/* 사업개요 - 추진경과 */
.p_progress_wrap .step_con {font-size:1.5rem; padding:2rem 0 3rem 0; border-bottom:1px solid #e2e5ea}
.p_progress_wrap .step_con:first-child {padding-top:0;}
.p_progress_wrap .step_con:after {content:""; display:block; clear:both;}
.p_progress_wrap .step_con .title {float:left; width:25%; padding:2rem; box-sizing:border-box; background-color:#687892; color:#fff; font-weight:500;}
.p_progress_wrap .step_con .title.orange {background-color:#f97b2f} 
.p_progress_wrap .step_con .title.wblue {background-color:#adb7c9} 
.p_progress_wrap .step_con .text_box {float:left; width:75%; padding:2rem 0 0 3rem; box-sizing:border-box;}
.p_progress_wrap .step_con .text_box ul li {margin-bottom:15px; position:relative; padding-left:15px;}
.p_progress_wrap .step_con .text_box ul li:after {content:"";display:block;clear:both;}
.p_progress_wrap .step_con .text_box ul li:before {content:"-"; position:absolute; top:5px; left:0; font-weight:600;}
.p_progress_wrap .step_con .text_box ul li .date {float:left;font-weight:500;width:250px;line-height:160%;}
.p_progress_wrap .step_con .text_box ul li .date strong {display:inline-block;width:calc(100% - 100px);vertical-align:top;padding-left:15px;line-height:160%;}
.p_progress_wrap .step_con .text_box ul li .txt {float:right;width:calc(100% - 270px);font-size: 13px; color:#777;box-sizing:border-box;line-height:160%;} 
.p_progress_wrap .step_con .text_box ul li:last-child {margin-bottom:0;}

	@media screen and (max-width: 980px){
	
		.p_progress_wrap .step_con .title {float:none; width:100%;}
		.p_progress_wrap .step_con .text_box {float:none; width:100%; padding:2rem 2rem 0 2rem;}
	}
	@media screen and (max-width: 800px){
	
		.p_progress_wrap .step_con .text_box ul li .date {float:none;display:block;width:100%;margin-bottom:10px;}
		.p_progress_wrap .step_con .text_box ul li .txt {float:none;display:block;width:100%;padding-left:93px;}
	}
	@media screen and (max-width: 500px){
		.p_progress_wrap .step_con .text_box ul li .txt {padding-left:0;}
	}
	

/* 단계별 공개자료 */
.infoopen_per {margin-bottom:40px; font-size:2.2rem; text-align:center;font-family: 'GmarketSans', sans-serif;}

	@media screen and (max-width: 980px){
	
		.infoopen_per {font-size:2rem;}
	}
	
	
/* 인사말 */
.grtng-wrap {position:relative;display:flex;gap:4rem;flex-wrap:wrap;width:100%;}
.grtng-wrap .txt {margin-right:auto;}
.grtng-wrap .btxt {font-size:3rem;font-weight:600;margin-bottom:2rem;line-height:140%;}
.grtng-wrap .stxt {line-height:160%;}
.grtng-wrap .img {min-width:0;}
.grtng-wrap .img img {max-width:100%;}


	@media screen and (max-width: 680px){
	
		.grtng_wrap {padding-right:0;}
		.grtng_wrap .img {position:static; max-width:100%; margin-top:20px;}
		.grtng-wrap .btxt {font-size:2.4rem}
	}
	
	
/* 찾아오시는 길 */
.location-wrap .img img{max-width:100%;}
.location-info {margin-bottom:50px;display:flex;flex-wrap:wrap;justify-content:space-between}
.location-info li {position:relative; padding-left:60px; box-sizing:border-box; line-height:24px;}
.location-info li:after {content:""; display:block; width:50px; height:50px; position:absolute; top:-7px; left:0; border-radius:50%;}
.location-info li.address:after {background:url(/barobaro/home/img/Content/location_info_icon01.png) no-repeat center center #f7f7f7; background-size:24px;}
.location-info li.phone:after {background:url(/barobaro/home/img/Content/location_info_icon02.png) no-repeat center center #f7f7f7; background-size:22px;}
.location-info li.fax:after {background:url(/barobaro/home/img/Content/location_info_icon03.png) no-repeat center center #f7f7f7; background-size:21px;}
.location-info li.email:after {background:url(/barobaro/home/img/Content/location_info_icon04.png) no-repeat center center #f7f7f7; background-size:21px;}
.location-info li .btxt {font-weight:600;margin-bottom:0.5rem;}

.location-img img {max-width:100%; border:1px solid #e2e5ea;}

	@media screen and (max-width: 980px){
	
		.location-info li {float:none; margin-bottom:30px;}
		.location-info li.address,
		.location-info li.phone,
		.location-info li.fax, 
		.location-info li.email { width:100%;}
	}