@charset "UTF-8";

.gap-contents + .gap-contents {margin-top:6.5rem;}
.ptxt{line-height:1.8;}

/*noContent*/
.noContent{width: 100%;padding: 2.5rem 3rem;background: var(--bg-gray);margin-bottom: 60px;line-height: 160%;border-radius: 1rem;display: flex;align-items: center;justify-content: center;min-height: 50rem;}
.noContent span:before{content: ""; display: block; margin: 0 auto 2rem; width: 6.8rem; height: 5.3rem; background: url(/onnuri/home/img/Content/noContent.svg) no-repeat center center / 6.8rem;}

/* 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 {padding:3rem 2rem;margin-bottom:2rem; font-size:2.2rem; text-align:center;font-family: 'GmarketSans', sans-serif;background:var(--bg-gray);border-radius:5px;}

	@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-top:5rem;}
.location-info li {position:relative;display:flex;gap:1rem;line-height:160%;}
.location-info li + li {margin-top:1.5rem;} 
.location-info li .btxt {width:6.5rem;font-weight:600;margin-bottom:0.5rem;}

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

	
/* foldings */
.foldings-wrap {width:100%; position:relative;}
.foldings-list {width:100%;border: 1px solid #e1e4e8;border-radius: 0 0 1rem 1rem;overflow: hidden;}
.foldings-list > li {counter-increment: fdlItem;width:100%; border-top:1px solid #e2e5ea;}
.foldings-list > li:first-child {border-top:none;}
.foldings-list > li .foldings-in-wrap .foldings-btn {width:100%;padding: 2rem 3rem;display:block;position:relative;text-align:left;cursor:pointer;font-size:1.6rem;background: var(--bg-gray);}
.foldings-list > li .foldings-in-wrap .foldings-btn:before{content:"";position:absolute;top:50%;right: 3rem;background: url(/onnuri/portal/img/Default/folding_arrow.png) no-repeat center / 2.2rem;width: 2.2rem;height: 2.2rem;transform: translateY(-50%);image-rendering: -webkit-optimize-contrast; transition: all .3s;}
.foldings-list > li .foldings-in-wrap .foldings-btn .tit_w{width: calc(100% - 40px); word-break: keep-all;}
.foldings-list > li .foldings-in-wrap .foldings-btn .tit_w i {font-style: normal;}
.foldings-list > li .foldings-in-wrap .foldings-btn .tit_w .num{display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; background: #fff;border-radius: 4px 4px 0 4px; font-weight: 600;margin-right: 1rem;}
.foldings-list > li .foldings-in-wrap .foldings-btn .tit_w .num:before {content:counter(fdlItem);display:inline-block;}
.foldings-list > li .foldings-in-wrap .foldings-btn.over:before{transform: translateY(-50%) rotate(180deg);}


.foldings-in-cont {display:none; width:100%; padding:2rem 5rem; background:#fff; }
.foldings-in-cont .folding-txt {line-height:160%; }
.foldings-in-cont .folding-txt * {line-height:160%;}
.foldings-in-cont .folding-txt > .sm-txt {font-style:normal; font-weight:500; margin-bottom:20px; display:block; }
.foldings-in-cont .folding-txt > .sm-txt.ty02 {margin-bottom:10px}

.foldings-wrap.more-data {margin-bottom:60px;}
.foldings-wrap .foldings-wrap-controlor {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; width: 100%; padding: 2rem 3rem; background: #6a7789; border-radius: 1rem 1rem 0 0; color: #fff;}
.foldings-wrap .foldings-wrap-controlor .tit{font-weight:600;}
.foldings-wrap .foldings-wrap-controlor .foldingControl{display: flex; align-items: center; justify-content: flex-start; gap: 1rem;}
.foldings-wrap .foldings-wrap-controlor .controlor-btn{display:flex; align-items: center; justify-content: flex-start; gap: 0.5rem;}
.foldings-wrap .foldings-wrap-controlor .controlor-btn a{width:2.2rem; height:2.2rem; background: url(/onnuri/portal/img/Default/folding_arrow_all.png) no-repeat center / 2.2rem; }
.foldings-wrap .foldings-wrap-controlor .controlor-btn a.all_open{transform:rotate(180deg);}

.foldings-wrap .foldingTopTxt{width:100%; border:1px solid #e2e5ea; border-bottom:0; background:var(--bg-gray); padding:2rem 3rem;}
.foldings-wrap .foldingTopTxt *{line-height:160%;}
.foldings-wrap .foldingTopTxt ul + ul{margin-top:3rem;}


/* 추진경과 리스트 */
.check-list li {line-height:160%; margin-top:3rem; position:relative; padding-left:20px;}
.check-list li:before {content:''; width:16px; height:16px; display:block; background:url('/onnuri/home/img/Content/check-list.svg') no-repeat center; position:absolute; top:5px; left:0;}
.check-list li:first-child {margin-top:0;}
.check-list li .tit {font-weight:600; color:var(--point-color); margin-bottom:1rem;}


/* 추정분담금 */
.estinfoPop-title {display:flex;align-items:center;flex-wrap:wrap;padding:2rem;margin-bottom:4rem;background:#6a7789;}
.estinfoPop-title-r {margin-left:auto;}
.estinfoPop-title .btxt {color:#fff;font-weight:700;line-height:160%;margin-bottom:0.5rem;}
.estinfoPop-title .stxt {color:#fff;font-weight:400;font-size:1.3rem;line-height:160%;}
.estinfoPop-title .pagePrintBtn {position:relative;flex:none;width:4rem;height:4rem;background:#fff;border-radius:3px;}
.estinfoPop-title .pagePrintBtn .icon {position:absolute;top:50%;left:50%;margin:-0.75rem 0 0 -0.75rem;display:block;width:1.5rem;height:1.5rem;background:url(/onnuri/home/img/Layout/subHeader-btn-print.svg) no-repeat center center /100% 100%;}
.tblTop {display:flex;align-items:center;gap:1rem;margin-bottom:1rem;}
.tblHalfbox {display:flex;gap:2rem;flex-wrap:wrap;}
.tblHalfbox .contents-tb {width:auto;min-width:calc(50% - 1rem);}

.grey-box:has(.ratioEx) {overflow:auto;}
.ratioEx {min-width:82rem;display:flex;text-align:center;align-items:center;justify-content:center;gap:0 1.5rem;}
.ratioEx .fraction span {display:block;padding:0.5rem 1rem;}
.ratioEx .fraction span + span {border-top:1px solid #333;}

	@media (hover: none) and (pointer: coarse) {
		.estinfoPop-title .pagePrintBtn {display:none;}
	}
	@media screen and (max-width:1200px)
	{
		.estinfoPop-title .pagePrintBtn {display:none;}
	}
	@media screen and (max-width:700px)
	{
		.tblHalfbox .contents-tb {width:100%;}
	}
	
/* 정보공개 */
.border-srcbox {margin-bottom:4rem;background: var(--bg-gray);border-radius:10px 10px 0 0;border:1px solid var(--border-gray);}
.border-srcbox-item {display:flex;padding:1rem 2rem;}
.border-srcbox-item + .border-srcbox-item {border-top:1px solid var(--border-gray);}
.border-srcbox-item .cont {flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem 0;}
.border-srcbox-item .tit {flex:none;width:11rem;font-weight:600;align-self:center;}
.border-srcbox-item select,
.border-srcbox-item input[type="text"] {height:4rem;max-width:100%;background-color:#fff; border: 1px solid var(--border-gray);border-radius:3px;}
.border-srcbox-item select {padding-left:1.5rem;}
.border-srcbox-item input[type="text"] {padding:0 1.5rem;}
.border-srcbox-item .datepicker {width:15rem;padding-left:1.5rem;}
.border-srcbox-item .srcInput {flex:1;width:40rem;flex:1;}
.border-srcbox-item .srcBtn {height:4rem;padding:0 2rem;border-radius:0 3px 3px 0;background:var(--black-color);flex:none;}
.border-srcbox-item .flex1 {flex:1;}
.border-srcbox-item .srcBtn span {color:#fff;font-size:1.6rem;}

	@media screen and (max-width:650px)
	{
		.border-srcbox-item {flex-wrap:wrap;}
		.border-srcbox-item .tit,
		.border-srcbox-item .cont {width:100%;}
		.border-srcbox-item .tit {margin-bottom:1rem;}
		.border-srcbox-item .tit:empty {margin-bottom:0;}
		.border-srcbox-item .srcSel {width:100% !important;}
		.border-srcbox-item .srcInput {width:100%;flex:auto;}
		.border-srcbox-item .srcBtn {width:100%;}
	}
	
/* 인증회원 확인 */
.accChk-wrap {padding:10rem 4rem;border:1px solid var(--border-gray);border-radius:5px;text-align:center;}
.accChk-wrap .btxt {font-size:2.4rem;font-weight:600;margin-bottom:2rem;}
.accChk-wrap .stxt {line-height:160%;margin-bottom:6rem;}
.accChk-wrap .btn {width:25rem;max-width:100%;}


/* 단계별 공개자료 */
.board-list-top.bizinfo .board-list-top-search {margin-bottom:2rem;}
.board-list-top.bizinfo .date {display:flex;align-items:center;margin-right:0.5rem;}
.board-list-top.bizinfo .date input {margin-left:0;width:16.5rem;}
.board-list-top.bizinfo .date input + input {margin-left:-1px;}

.bizinfoStxt {margin-top:1rem;display:flex;flex-wrap:wrap;gap:0.5rem 2rem;}
.bizinfoStxt span {display:block;width:100%;line-height:160%;color:var(--font-gray);font-size:1.4rem;}

.bizinfo-stateSel {width:15rem;}

.line-box {margin-top:4rem;margin-bottom:4rem;border-top:1px solid var(--border-gray);}


	@media screen and (max-width:900px)
	{
		.board-list-top.bizinfo .board-list-top-search {margin-bottom:0;}
		.board-list-top.bizinfo .date {width:100%;margin-right:0;}
	}
	@media screen and (max-width:700px)
	{
		.bizinfo-stateSel {width:100%;margin-bottom:2rem;}
	}
	@media screen and (max-width:400px)
	{
		.board-list-top.bizinfo .date {flex-wrap:wrap;}
		.board-list-top.bizinfo .date input {width:100%;flex:auto;}
		.board-list-top.bizinfo .date input + input {margin-left:0;margin-top:-1px;}
	}