@charset "utf-8";

/* 20260929 */
/* 서브페이지 */

/* 공통 */
.blind {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

/* color */
.color_00671c { color: #00671c; }
/* .color_grenPnt { color: #5e7923 !important; } */
.color_grenPnt { color: #1e7923 !important; }
.color_bluePnt { color: #0071ac !important; }
.color_depGrenPnt { color: #1e6245 !important; }
.color_redPnt { color: #da0f15 !important; }
.color_galPnt { color: #814a24 !important; }

/* text-align */
.t-center {
	text-align: center !important;
}
.t-left {
	text-align: left !important;
}
.t-right {
	text-align: right !important;
}	

/* margin */
/*  margin-top */
.mT0 {
	margin-top: 0px !important;
}
.mT10 {
	margin-top: 10px !important;
}
.mT20 {
	margin-top: 20px !important;
}
.mT30 {
	margin-top: 30px !important;
}
.mT40 {
	margin-top: 40px !important;
}
.mT50 {
	margin-top: 50px !important;
}
/* margin-left */
.mL10 {
	margin-left: 10px !important;
}

/* input */
.csnstInput::placeholder {
	color: #666;
	text-indent: 10px;
}




/* 정비사업소개 */
/* 01 - 노후계획도시정비 */
.s_h3_tit {
	display: flex;
	padding: .8rem;
	margin-top: 5rem;
	font-size: 1.85rem;
	font-weight: bold;
	/* color: #4a6608; 
	background: #28845f;
	background: #62a00e;
	background: #5e7923; 7a9c2e*/
	background: #5e7923;
	border-radius: 50px;
	text-indent: 1.5rem;
	color: #fff;
}
section {
	margin-bottom: 2.5rem;
}
section > .tit1 {
	margin-left: .5rem;
	font-weight: 500;
}
section > .tit1 > b {
	font-weight: bold;
}
.desc-box {
            padding: 15px 20px;
            margin-bottom: 10px;
            font-size: 1.25rem;
            color: #444444;
        }

        .sub-list {
            margin-top: 10px;
            padding-left: 5px;
        }
        .sub-list > li {
		display: flex;
            font-size: 1.25rem;
            color: #555555;
		align-items: center;

        }
        /* 체크박스 */
	.chk_circle {
		min-width: 1.4rem;
		width: 1.4rem;
		min-height: 1.4rem;
		height: 1.4rem;
		margin-right: 10px;
		background-color: #666;
		border-radius: 50%;
		display:flex;
		justify-content: center;
		align-items: center;
	}
       .chk_circle::before {
            content: "";
            min-width: .3rem;
	min-height: .6rem;
	border: solid #fff;
	border-width: 0 0.15rem 0.15rem 0;
	transform: rotate(45deg);
	margin-top: -0.2rem;
        }
	.desc-box > b,
	.desc-box > p > b,
 	.sub-list > li > p > b {
		font-weight: bold;
		color: #000;
	}

	.imgBox > img {
		width: 100%;
	}
	
	/* 노후 특별법 기준 절차 */
	.grid-infogrph {
		max-width: 100%;
		margin: 0 auto;
	}
	.process-grid {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	.process-row {
		display: grid;
		grid-template-columns: 140px 1fr;
		gap: 20px;
		margin: 1rem 0;
	}
	.process-row.align-stretch {
		align-items: center;
	}
	.proc-step-title {
		display: flex;
		background: #666;
		color: #fff;
		font-size: 1.5rem;
		border-radius: 4px;
		/* font-weight: bold;
		align-items: center;
		justify-content: center; */
		background-position: bottom -1px right;
		background-repeat: no-repeat;
		background-size: 50%;
		position: relative;
	}
	.proc-step-title > h5 {
		position: absolute;
		top: 10px;
		left: 10px;
		font-weight: bold;
	}
	.proc-step-title > h5 > .sp-line {
		display: block;
	}
	.proc-step-title.bg-imgs1 {
		width: auto;
		height: auto;
		background-image: url('/images/web/tongtong/sub_cnt/sub_01_01_icon_01_01.png');
	}
	.proc-step-title.bg-imgs2 {
		width: auto;
		height: auto;
		background-image: url('/images/web/tongtong/sub_cnt/sub_01_01_icon_01_02.png');
	}
	.proc-step-title.bg-imgs3 {
		width: auto;
		height: auto;
		background-image: url('/images/web/tongtong/sub_cnt/sub_01_01_icon_01_03.png');
	}
	.proc-step-cont,
	.proc-step-list {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.proc-step-list > li {
		padding: 12px 20px;
		text-align: center;
		border-radius: 4px;
		font-weight: 600;
		font-size: 1rem;
		color: #000;
	}
	.proc-step-list > li > b {
		font-weight: bold;
	}
	.split-col {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
	.split-col.gap-10 {
		gap: 10px;
	}
	.col-wrap {
		display: flex;
		flex-direction: column;
		gap: 10px;
	} 
	.col-header {
		text-align: center;
		padding: 12px;
		border-radius: 4px;
		color: #fff;
		font-weight: bold;
		font-size: 1rem;
	}
	.theme-blue > li {
		background-color: #e5f0fa;
	}
	.theme-yellow > li {
		background-color: #fdf5e6;
	}
	.theme-pink > li {
		background-color: #fae6ea;
	}
	.theme-gary > li {
		background-color: #f0f0f0;
	}
	.bg-green {
		background-color: #62a00e;
	}
	.small-text {
		font-size: 0.85rem; font-weight: normal;
	}
	.arrow-down {
		width: 18px;
		height: 18px;
		border-bottom: 3px solid #333;
		border-right: 3px solid #333;
		transform: rotate(45deg);
		margin: 10px auto;
	}
	/* 빈 칸 */
	.empty-box {
		background: transparent !important;
	}

/* 특별구역 */
.desc-box.txt-green {
	display: flex;
	justify-content: center;
	text-align: center;
}
.txt-green,
.txt-green > p,
.txt-green > p > b {
	color: #1e6245;
	font-size: 1.85rem;
}
.txt-green > p {
	font-size: 1.45rem;
}
.txt-green > p > b {
	display: block;
}
.gird-listbox {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 20px;
	margin: 0;
	margin-top: 2rem;
}
.gird-listbox > dt {
	display: flex;
	padding: 20px;
	align-items: center;
	background: #f3f9ed;
	color: #1e6245;
	font-weight: bold;
	border-radius: 4px;
	font-size: 1.25rem;
}
.gird-listbox > dd {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin: 0;
	padding: 20px;
	background: #eee;
	border-radius: 4px;
	font-size: 1.25rem;
}
.gird-listbox > dd > ul {
	display: block;
}
.gird-listbox > dd > ul > li {
	vertical-align: -50px;
}
.gird-listbox > dd > p > b,
.gird-listbox > dd > ul > li > b {
	font-weight: bold;
}
.gird-listbox > dd > ul > li > .chk_circle {
	display: inline-flex;
	background-color: #ffb423;
}

/* 현행 + 특례 */
.scroll-box {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 20px;
}
.infogr2-wrapper {
	display: flex;
	min-width: 900px;
}
.side-label {
	width: 60px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
}
.label-present,
.label-special {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
	font-size: 1.2rem;
}
.label-present {
	height: 335px;
	background: #333;
	border-radius: 10px 0 0 10px;
}
.spacer {
	height: 40px;
	background: transparent;
}
.label-special {
	height: 240px;
	background: #467e61;
	border: 2px solid #467e61;
	border-right: none;
	border-radius: 10px 0 0 10px;
}
.infogrh2-group {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	flex-grow: 1;
	border-radius: 0 10px 10px 0;
}
.infogrh2-item {	
	display: flex;
	flex-direction: column;
	position: relative;
}
.infogrh2-item dt {
	display: block;
	height: 180px;
	/* display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end; */
	text-align: center;
	padding: 10px 15px 15px;
	color: #467e61;
	font-size: 1.25rem;
	font-weight: bold;
	background: #f8f8f8;
}
.infogrh2-item dt > img {
	display: block;	
	margin: 20px auto 12px;
	flex-shrank: 0;
}
.infogrh2-item dd.present-cont {
	height: 80px;
	background: #f8f8f8;
	padding: 25px 15px;
	flex-grow: 0;
	border-right: 1px dashed #aaa;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	word-break: keep-all;
	font-size: 1.25rem;
}
.infogrh2-item:nth-child(5) dd.present-cont {
	border-right: none !important;
	/* border-radius: 0 10px 0 10px; */
}
.infogrh2-item dd.present-cont::after {
	content: "▼";
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	/* color: green; */
	font-size: 1.2rem;
	z-index: 10;
	background: linear-gradient(to bottom, #f3f9ed, #467e61); 
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}
.infogrh2-item dd.special-cont {
	margin-top: 40px;
}
.special-cont-box {
	background-color: #fff;
	padding: 20px 15px;
	height: 140px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-top: 2px solid #467e61;
	/* border-bottom: 2px solid #467e61; */
	border-right: 1px dashed #aaa;
	word-break: keep-all;
	font-size: 1.25rem;
	background: #f3f9ed;
}
.special-cont-box strong,
.special-cont-box p {
	font-weight: bold;
}
.infogrh2-item:first-child .special-cont-box {
	border-left: 2px solid #467e61;
}
.infogrh2-item:nth-child(5) .special-cont-box {
	border-right: 2px solid #467e61;
	/* border-radius: 0 0 10px 0; */
}
.txt-small {
	font-size: 1rem;
}
.infogrh2-item dd.present-cont sup {
	font-size: .85rem;
}
.arrow-right {
	display: inline-block;
	background: #f8bf18;
	color: #fff;
	padding: 0 5px;
	margin: 3px 0;
	border-radius: 50px;
}

.infogrh2-notice {
	grid-column: 1/-1;
	height: 60px;
	background: #f3f9ed;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #467e61;
	border-top: none;
	color: #467e61;
}
.infogrh2-notice dd strong {
	font-weight: bold;
	font-size: 1.25rem;
}


/* 공공정비 */
/* 공공재개발 */
.public-comm-box {
	max-width: 1500px;
	margin: 0 auto;
	padding: 3rem;
	padding-bottom: 0;
	/* background: yellow; */
}
.bussi-header {
	display: flex;
	justify-content: space-between;
	gap: 3rem;
	margin- bottom: 3rem;
	padding-bottom: 2rem;
	/* box-sizing: border-box;
	border: 5px solid red; */ 
}
.top-title-area {
	flex: 1;
}
.top-title-area > .tag {
	display: inline-block;	
	border: 2px solid #ddd;
	padding: 4px 12px;
	border-radius: 20px;
	font-size:  .85rem;
	font-weight: 500;
	margin-bottom: 1rem;
	color: #000;
}
.top-title-area > .tag-blue {
	border-color: #0058a7;
	background: #f1f4f9;
	color: #0058a7;
}
h3.s-main-title {
	font-size: 2rem;
	font-weight: bold;
	color: #000;
	margin-bottom: 1.5rem;
}
.top-title-area  > .intro-text {
	font-size: 1.2rem;
	word-break: keep-all;
}
.summary-area {
	width: 500px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.keyword {
	display: block;
	border: 2px solid #ddd;
	border-radius: 15px;
	padding: 20px;
	overflow: hidden;
}
.keyword > strong {
	font-size: 1rem;
	color: #666;
}
.keyword > ul  {
	display: grid;
	grid-template-columns: 1fr 1fr;
	text-align: center;
	margin-top: 1rem;
}
.keyword > ul > li {
	padding: 8px;
	border: 2px solid #ddd;
	margin-bottom: 5px;
	margin-right: 5px;
	color: #000;
	font-size: .85rem;
	box-sizing: border-box;
	background: #f1f4f9;
}
.keyword > ul > li:nth-child(even) {
	margin-right: 0;
}
.keybox-desc {
	display: flex;
	padding: 8px;
	border: 2px solid #ddd;
	box-sizing: border-box;
	border-radius: 5px;
	background: #f1f4f9;
	color: #000;
}
.keybox-desc::before {
	content: '●';
	font-size: .55rem;
	color: #0058a7;
	margin-right: 5px;
	margin-top: 4px;
}
.grid-info-cont {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 3rem;
}
.card-item {
	padding: 20px;
	border: 2px solid #ddd;
	box-sizing: border-box;
	border-radius: 20px;
}
.card-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* margin-bottom: 1.5rem; */
	padding-bottom: 1rem;
}
.card-head h4 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #000;
}
.card-head > .badge {
	color: #fff;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: .85rem;
	font-weight: bold;
}
.badge.bg-dark {
	background: #000;
}
.badge.bg-green {
	background: #0c64b45;
}
.badge.bg-purple {
	background: #614ef8;
	/* background: #1e3a8a; */
}
.badge.bg-orange {
	background: #fb4d04;
}

/* 사업소개 */
.card-body > .desc-text {
	margin-bottom: 1.5rem;
	text-align: justify;
	/* word-break: keep-all; */
	font-size: 1rem;
}
.dot-list > li {
	position: relative;
	margin-bottom: 10px;
	color: #444;
	font-size: 1rem;
	text-indent: 15px;
}
.dot-list > li::before {
	content: '●';
	font-size: .55rem;
	position: absolute;
	top: 5px;
	left: -15px;
}

/* 인센티브 */
.inbox-list {
	display: flex;
	flex-direction: column;
	gap: 15px; 
}
.inbox-list > li {
	background: #f2f9f6;
	border: 2px solid #d1e7dd;
	padding: 15px;
	border-radius: 8px;
}
.inbox-list > li > strong {
	display: block;
	color: #0c6b45;
	margin-bottom: 5px;
	font-weight: 500;
	font-size: 1rem;
}
.inbox-list > li > p {
	font-size: 1rem;
	color: #444
}


/* 사업구조 */
.strc-diagram {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.strc-diagram-wrap {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* margin-bottom: 15px; */
}
.strc-diagram-wrap::before {
	content: "";
	position: absolute;
	top: 21px;
	left: 25%;
	width: 50%;
	height: 40px;
	border: 2px solid #a3bced;
	border-bottom: none;
	z-index: 1;
}
.badge-center {
	position: relative;
	border: 2px solid #a3bced;
	background: #eef2fe;
	color: #614ef8;
	padding: 8px 20px;
	border-radius: 30px;
	font-size: 1rem;
	font-weight: 500;
	margin-bottom:	20px;
	z-index: 2; 
	font-weight: bold;
}
.badge-center > .small-text {
	font-size: .85rem;
	color: #333;
}
.strc-diagram-row {
	display: flex;
	gap: 20px;
 	width: 100%;
	margin-bottom: 15px;
}
.row-box {
	flex: 1;
	padding: 5px;
	padding-bottom: 10px;
	border: 2px solid #ccc;
	box-sizing: border-box;
	border-radius: 8px;
	background: #fff;
	text-align: center;
}
.row-box.bg-lightblue {
	background: #f0f9ff;
	border-color: #1b78a9;
}
.row-box > strong {
	display: block;
	padding: 5px 0;
	font-size: 1rem;
	/* margin-bottom: 15px; */
	color: #000;
	font-weight: bold;
}
.row-box > .diag-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	padding: 0 8px;
}
.row-box > .diag-list > li {
	background: #fff;
	border: 2px solid #ccc;
	padding: 6px;
	font-size: 1rem;
	border-radius: 8px;
}
.row-box > .diag-list > li.full-width {
	grid-column: 1 / -1;
}
.dirg-note {
	font-size: 1rem;
	color: #000;
	margin-bottom: 15px;
	text-align: center;
}
.row-box-all {
	width: 100%;
	text-align: left;
}
.row-box-all >  strong {
	margin-left: 10px;
}
.diag-list.horiz {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
	padding: 0;
	margin: 0;
}
.diag-list.horiz > li {
	text-align: center;
}

/* 사업절차 */
.ico-number {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background: #fb4d04;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	vertical-align: 1px;
	font-size: 1rem;
}
.ol-step-list > li {
	display: flex;
	flex-direction: column;
	font-size: 1rem;
	margin-bottom: 1rem;
}
.ol-step-list > li > strong {
	font-size: 1rem;
	font-weight: 500;
	color: #000;
	margin-bottom: .5rem;
}
.ol-step-list > li > p {
	font-size: 1rem;
	color: #333;
}
.ol-step-list > li > strong > .small-text {
	color: #666;
}
.card-body > .orange-box {
	display: block;
	padding: 10px;
	background: #fff6ed;
	border: 2px solid #ff7c44;
	border-radius: 10px;
	box-sizing: border-box;
	color: #333;
}
.out.small-text {
	display: block;
	padding: 10px;
	text-align: center;
	font-size: 1rem;
	color: #333;
}


/* 공공참여형 재개발사업 */
.basic-tbl {
	min-width: 900px;
}
.basic-tbl caption {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}
.basic-tbl th,
.basic-tbl td {
	padding: 10px;
	font-size: 1.25rem;
}
.basic-tbl th {
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	background-color: #d1e9ff;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
.basic-tbl td {
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
.basic-tbl th:last-child,
.basic-tbl td:last-child {
	border-right: none;
}
.basic-tbl td > sup {
	font-size: .65rem;
	vertical-align: 5px;
}
.basic-tbl td > .small-text {
	font-size: .95rem;
	vertical-align: 5px;
}
/*
.scroll-hint {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
	font-size: .8rem;
	color: #000;
	margin-bottom: 10px;
	font-weight: 500;
	animation: bounceLeftRight 1.5s infinite;

}
@keyframs bounceLeftRight {
	0%, 100% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(-5px;);

	}
}
*/

/* 주거 환경 개선 */
.top_txt {
	font-size: 1rem;
}
.wrapper-proc-eight {
	background: #f0f5fd;
	padding: 3rem;
	max-width: 1500px;
	margin: 0 auto;
	border-top: 2px solid #005ca2;
}
.process-eight > ol {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px 40px;
}
.eight-items {
	display: flex;
	align-items: center;
	padding: 20px 15px;
	position: relative;
	min-height: 150px;
	background: #fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.eight-items::after,
.eight-items.row-arrow-strt::before {
	content: "→";
	position: absolute;
	right: -32px;
	top: 50%;
	transform: translateY(-50%);
	color: #8c97ad;
	font-size: 1.5rem;
	font-weight: 600;
}
.eight-items:nth-child(4n)::after {
	display: none;
}
.eight-items:last-child {
	border-color: #155199;
}
.eight-items > .icon-area {
	width: 40px;
	height: 40px;
	margin-right: 1rem;
	flex-shrink: 0;
}
.eight-items > .text-area > b,
.eight-items > .text-area > ul > li {
	font-size: 1.25rem;
	word-break: keep-all;
}
.eight-items > .text-area > b {
	font-weight: 500;
}
.eight-items > .text-area > ul > li {
	font-size: .85rem;
}
.eight-num {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 25px;
	height: 25px;
	background: #005ca2;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	align-items: center;
	justify-content: center;
}

/* 역세권 */
.wrapper-flow {
	max-width: 1500px;
	margin: 0 auto;
}
.flow-list > ol {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
li.flow-item {
	display: flex;
	position: relative;
	align-items: stretch;
	padding-bottom: 30px;
}
.flow-header {
	width: 250px;
	background: #b9d5f0;
	padding: 20px 15px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.flow-header > b {
	font-size: 1.25rem;
	color: #333;
}
.flow-header > p {
	font-size: 1rem;
	color: #333;
}
.flow-item:not(:last-child) > .flow-header::after {
	content: '↓';
	position: absolute;
	bottom: -32px;
	left: 50%;
	transform: translateX(-50%);
	color: #8cabc8;
	font-size: 1rem;
	z-index: 2;
}
.brige-arrow {
	position: absolute;
	bottom: -3px;
	left: 5px;
	padding: 0 5px;
	color: #333;
	font-size: 1rem;
	z-index: 3;
}
.flow-body {
	flex: 1;
	background: #eef4fa;
	padding: 20px 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.bsc-desc-list > ul > li {
	font-size: 1rem;
	color: #333;
}
.bsc-desc-list > ul > li:before {
	content: '●';
	display: inline-block;
	margin-right: 10px;
	font-size: .35rem;
	color: #666;
	vertical-align: 4px;
}
.basic-tbl > td > sup.small-text2 {
	font-size: .45rem;
}

/* 자율주택정비사업 */
.icon-list  {
	display: flex;
	flex-direction: column;
}
.icon-list > li {
	width: 100%;
	display: flex;
	align-items:  center;
	padding: 20px 10px;
	border-bottom: 1px dashed #ccc;
}
.icon-list > li:nth-child(1) {
	border-top: 1px dashed #ccc;
}
.icon-list > li > img {
	width: 100px;
	margin-right: 20px;
}
.icon-list > li > dl {
	display: block;
	max-width: 100%;
}
.icon-list > li > dl > dt {
	font-size: 1.25rem;
}
.icon-list > li > dl > dd {
	font-size: 1rem;
}
.hip-list > li::before {
	content: "-";
	font-size: 1rem;
	margin-right: 10px;
}
.box-list-st2 > li,
.box-list-st3 > li {
	font-size: 1rem;
	line-height: 1.5;
}
.box-list-st2 > li::before {
	content: "■";
	margin-right: 5px;
	font-size: .35rem;
	vertical-align: 4px;
}
section > .ar {
	margin-top: 1rem;
	font-size: 1rem;
}
/* 추진절차 5개 */
.process-five > ol {
	grid-template-columns: repeat(5, 1fr);
}
.five-items:nth-child(4n)::after {
	display: block;
}
.five-items:last-child::after {
	display: none;
}
/* 참여형 자율주택정비사업 */
.basic-text {
	margin-bottom: 1rem;
}
.basic-text > dt,
.basic-text > dd {
	font-size: 1.25rem;
}
.basic-text > dt {
	margin-bottom: .3rem;
	font-weight: 500;
}

/* 참여사업장점 */
.wrapper-solution {
	max-width: 1500px;
	margin: 0 auto;
}
.box-title {
	text-align: center;
	font-size: 1.7rem;
	font-weight: 700;
	margin-bottom: 30px;
}
.box-title.bg-blue {
	background: #0056b3;
	color: #fff;
	padding: 20px 50px;
	margin-bottom: 80px;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50px;
}
.problem-list {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.problem-card {
	border: 1px solid #e0e0e0;
	background-color: #fff;
	box-sizing: border-box;
}
.problem-card > .card-title {
	background: #558b2f;
	color: #fff;
	text-align: center;
	padding: 12px 10px;
	margin: 0;
	font-size: 1.05rem;
	border-radius: 30px;
	margin: -25px 15px 15px 15px;
}
.problem-card > .card-desc {
	padding: 15px 20px 20px 20px;
	margin: 0;
}
.problem-card > .card-desc > li {
	position: relative;
	padding-left: 12px;
	margin-bottom: 8px;
	font-size: 1rem;
	word-break: keep-all;
}
.problem-card > .card-desc > li::before {
	content: "●";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	color: #666;
	font-size: .35rem;
}

.box-title.text-only {
	position: relative;
	top: -200px;
	z-index: 5;
	margin-bottom: 0;
}
.solution-box {
	border:5px solid #e5e5e5;
	padding: 40px;
	background: #fff;
	box-sizing: border-box;
}
.solution-list {
	max-width: 550px;
	margin: 0 auto;
	counter-reset: custom-counter;
}
.solution-list > li,
.box-list-numb > li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 15px;
	font-size: 1.05rem;
	counter-increment: custom-counter;
}
.solution-list > li::before,
.box-list-numb > li::before {
	content: counter(custom-counter);
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	background: #0056b3;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 24px;
	font-size: .9rem;
	font-weight: bold;
}
.trans-bg-arrow {
	position: relative;
	top:0;
	width: 350px;
	height: 250px;
	z-index: 0;
	margin: 0 auto;
	background: url('/images/web/tongtong/sub_cnt/bg_arrow_b.png') center center no-repeat;
	background-size: contain;
}

/* 가로주택정비사업 */
.box-bgGreen {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 20px 0;
	background: #006b2e;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
}
.box-list-st3 > li::before {
	content: "●";
	margin-right: 5px;
	font-size: .35rem;
	vertical-align: 4px;
}
.hriz-box {
	display: flex;
	flex-direction: column;
	margin: 20px 0;
}
.inhriz-box {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 20px;
	max-width: 1500px;
	align-items: start;
	margin-top: 30px;
}
.inhriz-box > .imgBox {
	display: block;
	width: 100%;
	height: auto;
}
.box-list-numb {
	margin-left: 20px;
}
.box-list-numb > li::before {
	background: #006b2e;
	color: #fff;
}
.box-list-numb > li > b {
	font-weight: 600;
}
sup.small-text2 {
	position: relative;
	top: -5px;
	font-size: .65rem;
}
.blit-redround {
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	margin-left: 10px;
	background: #d60e18;
	color: #fff;
	font-weight: bold;
	font-size: .9rem;
	border-radius: 5px;
	z-index: 2;
}
.blit-redround::before {
	content: '◀';
	position: absolute;
	left: -6px;
	top: 3px;
	font-size: 1rem;
	color: #d60e18;
	z-index: 0;
}

/* 소규모 재건축 */
.busin-wrapper {
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}
.busin-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.busin-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
.busin-card:nth-child(4) {
	border-right: none;
}
.busin-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	padding: 25px 15px;
	text-align: center;
	color: #fff;
	background: #2b6cb0;
}
.busin-header > b {
	font-size: 2.5rem;
	font-weight: 700;
}
.busin-body {
	padding: 25px 20px;
	flex-grow: 1;
}
.busin-body > ul > li {
	font-size: 1.2rem;
}
p.note-text {
	display: block;
	margin-top: 15px;
	font-size: 1.25rem;
}
.box-bgGreen.bgBlue {
	background: #005ca2;
}
.box_st7 {
	display: grid;
	grid-template-columns: 1fr 4fr;
	gap: 20px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 30px 0;
	align-items: center;

}
.box_st7 > .inBox {
	border-right: 1px solid #ddd;
	box-sizing: border-box;	
	text-align: center;
}
.box_st7 > .inBox > h4 {
	display: block;
	color: #005ca2;
	font-size: 3rem;
	font-weight: 800;
	letter-spacing: -5px;
	line-height: 1.2;
}
.box_st7 > .inBox > img {
	display: inline-block;
	width: 50%;
	height: auto;
	padding: 20px 0;
}
.inb-list-numb {
	display: flex;
	flex-direction: column;
	padding: 0 20px;
}
.inb-list-numb > li {
	font-size: 1.8rem;
	font-weight: 500;
	word-break: keep-all;
}
/* 사업혜택 */
.wrapper-diff {
	max-width: 1500px;
	margin: 0 auto;
}
.diff-title {
	margin: 20px 0;
}
.diff-row {
	display: grid;
	grid-template-columns: 1fr 180px 1fr;
	gap: 15px;
	align-items: center;
	margin-bottom: 20px;
}
.diff-card {
	border: 2px solid #2b6cb0;
	border-radius: 8px;
	overflow: hidden;
	text-align: center;
	background: #fff;
	display: flex;
	flex-direction: column;	
	min-height: 180px;
}
.old-card {
	border-color: #45688e;
}
.diff-card-head {
	background: #2b6cb0;
	color: #fff;
	padding: 12px;
	font-weight: 700;
	font-size: 1.25rem;
}
.old-card .diff-card-head {
	background: #45688e
}
.hide-on {
	display: none;
}
.diff-card-body {
	padding: 25px 20px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #333;
	font-size: 1.25rem;
}
.diff-card-body > b {
	font-size: 1.25rem;
	color: #333;
	margin-bottom: 5px;
}

/* 중앙 원형 */
.diff-bridge {
	background: #666;
	border-radius: 50%;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 180px;
	font-size: 1.25rem;
	margin: 0auto;
}
.diff-bridge::after {
	content: "→";
	display: block;
	color: #ffd54f;
	font-size: 1.8rem;
	line-height: 1;
}

/* 소규모 주택정비 */
p.nor-text1 {
	display: block;
	font-size: 1.5rem;
	color: #017287;
	font-weight: 500;
	word-break: keep-all;
}
.basic-text2 > dt {
	font-weight: bold;
	font-size: 1.5rem;
}
.basic-text2 > dd > ol > li {
	font-size: 1.5rem;
}
.wrapper-tbl {
	max-width: 1500px;
	margin: 0 auto;
}
.incent-tbl {
	width: 100%;
	min-width: 700px;
	border-collapse: separate; 
}
.incent-tbl thead th {
	background-color: #00677f;
	color: #fff;
	padding: 16px;
	font-size: 1.1rem;
}
.incent-tbl thead th:nth-child(1) {
	border-top-left-radius: 20px;
	border-right: 1px solid #fff;
}
.incent-tbl thead th:nth-child(2) {
	border-top-right-radius: 20px;
}
.incent-tbl td {
	padding: 0 10px;
	font-weight: 500;
	font-size: 1.05rem;
	border-bottom: 1px solid #b2d4dc;
	border-right: 1px solid #b2d4dc;
}
.grp-th {
	background-color: #f0f7f9;
	color: #111;
	font-weight: 700;
	padding: 15px 0;
	border: 1px solid #b2d4dc;
	vertical-align: middle;
	border-right: none;
}
.sub-th {
	background-color: #fff;
	color: #333;
	font-weight: 600;
	padding: 15px;
	border: 1px solid #b2d4dc;
}
.grp-th,
.sub-th {
	font-size: 1.05rem;
}
.incent-tbl tbody th:nth-child(1),
.incent-tbl tbody th:nth-child(2) {
	border-top: none;
}
.incent-tbl tbody tr:nth-child(7) th:first-child {
	border-right: 1px solid #b2d4dc;
}
.incent-tbl tbody tr:last-child th:first-child {
	border-bottom-left-radius: 20px;
	border-right: 1px solid #b2d4dc;
}
.incent-tbl tbody tr:last-child td {
	border-bottom-right-radius: 20px;
}

/* 미래도시지원센터 */
.wrapper-center {
	max-width: 1500px;
	margin: 0 auto;
}
.center-list-box {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;	
}
.center-card {
	display: flex;
	flex-direction: column;
	border: 1px solid #dce2e8;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
	transform: translateZ(0);
	background-clip: padding-box;
}
.center-card > .card-header {
	background: #2b6cb0;
	color: #fff;
	text-align: center;
	padding: 30px 15px;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	margin-bottom: 20px;
}
.center-card > .card-header > strong {
	display: block;
	font-size: 1.4rem;
	font-weight: 800;
	margin-bottom: 10px;
}
.center-card > .card-header > p {
	font-size: 1rem;
	line-height: 1.4;
	word-break: keep-all;
}
.center-card > .center-desc > ul {
	padding-bottom: 10px;
	text-align: center;
}
.center-card > .center-desc > ul > li {
	margin-bottom: 5px;
}
.center-card > .center-desc > ul > li > a {
	color: #333;
	font-size: 1.2rem;
	font-weight: 600;
	transition: color 0.2s;
}
.center-card > .center-desc > ul > li > a:hover,
.center-card > .center-desc > ul > li > a:focus {
	color: #2b6cb0;
	text-decoration: underline;
}

/* 컨설팅 센터 */
.basic-text3 > dt {
	font-size: 1.5rem;
	font-weight: 500;
	text-indent: 5px;
}
.basic-text3 > dt.tit1 {
	background-position: 5px 7px;
}
.basic-text3 > dd > b {
	font-weight: bold;
}
.gray-box-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.gray-box-list > li {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px;
	background: #eeeef0;
	color: #111;
	border-radius: 8px;
	font-size: 1.2rem;
	font-weight: 500;
}
.gray-box-list > li > img {
	margin-right: 10px;
}
/* 컨설팅 절차 */
.wrapper-consult {
	max-width: 1500px;
	height: auto;
}
.consult-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;	
}
.consult-box {
	position: relative;
	right: 0;
	top: 0;
}
.consult-box::before {
	content: "▶";
	font-size: 1rem;
	color: #b2b3b5;
	position: absolute;
	right: -22px;
	top: 60px;
	margin-top: -35px;
}
.consult-box:last-child::before {
	display: none;
}
.consult-header {
	display: grid;
	grid-template-columns: 4fr 1fr;
	align-items: center;
	margin-bottom: 10px;
	background: #e1eaf1;
	padding: 5px 10px;
	font-size: 1.15rem;
	border-radius: 10px;
	height: 60px;
	font-weight: 500;
	color: #000;
}
.consult-header > img {
	text-align: right;
}
.consult-body {
	display: flex;
	min-height: 120px;
	background: #eeeef0;
	padding: 20px;
	border-radius: 10px;
}
.circle-list > li {
	font-size: 1.05rem;
	color: #111;
}
.circle-list > li::before {
	content: "●";
	font-size: 0.35rem;
	margin-right: 5px;
	vertical-align: 4px;
}
.consult-body-new {
	background: #fff;
	padding: 0;
}
.ect-box-list {
	display: block;
	width: 100%;
}
.ect-box-list > li {
	display: block;
	padding: 10px 20px;
	margin-bottom: 30px;
	border: 3px solid #ddd;
	border-radius: 10px;
	font-size: 1.05rem;
	position: relative;
	top: 0;
	left: 0;
	color: #111;
}
.ect-box-list > li::after {
	content: "▼";
	font-size: 1rem;
	color: #b2b3b5;
	position: absolute;
	left: 50%;
	bottom: -28px;
	margin-left: -8px;
}
.ect-box-list > li:last-child::after {
	display: none;
}
.ect-box-list > .other {
	background: #eeeef0;
	border: none;
}
nor-list {
	width: 100%;
}
.nor-list > li {
	display: block;
	margin-bottom: 20px;
	font-size: 1.05rem;
	color: #111;
}
.nor-list > li.color-gray {
	color: #666;
}
.nor-list > li > p {
	margin-top: 5px;
}
.nor-list > li > .circle-list {
	margin: 10px 5px;
}
.nor-list > li > .circle-list > li {
	display: block;
	margin-bottom: 5px;
	font-size: 1.05rem;
}
.nor-list > li > .circle-list > li::after {
	content: "→";
	font-size: 1rem;
	position: absolute;
	left: 60%;
}
.blit-round {
	display: inline-block;
	padding: 3px 10px;
	background: #68627e;
	color: #fff;
	border-radius: 20px;
	font-size: .85rem;
}
.blit-round.f-right {
	float: right;
}
/* 컨설팅 센터 */
.mapArea-box {
	max-width: 1500px;
}
.mapArea-list {
	display: grid;
	grid-template-columns: 1fr 1fr 2fr;
	gap: 30px;
}
.mapArea-list > li > img {
	width: 100%;
}
.mapArea-list > li > p,
.mapArea-list > li > p > b {
	font-size: 1.25rem;
	word-break: keep-all;
}
.mapArea-list > li > p > b {
	display: block;
	color: #000;
	font-weight: 500;
}
.map-info-center {
	display: block;
	width: 100%;
	margin: 20px 0;
}
.map-info-center > dt {
	font-size: 1.5rem;
	font-weight: bold;
	color: #0c355f;
}
.map-info-center > dd {
	font-size: 1.55rem;
	font-weight: bold;
	color: #555;
}	
.map-info-center > dd > a:hover {
	text-decoration: underline;
}

/* 상담신청 */
.wrapper-adv {
	max-width: 1500px;
	margin: 0 auto;
}
.flow-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}
.flow-list > li {
	position: relative;
	background: #e9ecef;
	border: 1px solid #ced4da;
	text-align: center;
	box-sizing: border-box;
}
.flow-list > li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -20px;
	margin-top: -25px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #adb5bd;	
}
.fl-acter {
	display: block;
	background: #fff;
	font-weight: bold;
	padding: 8px;
	border-bottom: 1px solid #ced4da;
	font-size: 1.05rem;
	box-sizing: border-box;
}
.fl-action {
	display: flex;
	height: 100%;
	flex-direction: column;
	padding: 15px 10px;
	font-size: 1.05rem;
	word-break: keep-all;
}
.point-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.point-box > .fl-acter {
	width: 100%;
	background: #2e7d32 !important;
	color: #fff;
	border-color: #2e7d32 !important;
}
.fl-stepbox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
	font-size: 1.05rem;	
	flex: 1;
}
.fl-stepbox > span {
	border-right: 3px solid #ced4da;
	box-sizing: border-box;
	font-size: .95rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.fl-stepbox span:last-child {
	border-right: none;
}
/* 공공정비컨설팅 절차 */
.wrapper-detail-flow {
	display: grid;
	grid-template-columns: 1fr auto 1fr;	
	align-items: stretch;
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 20px;
	gap: 20px;
	margin-top: 30px;
	position: relative;
}
.detail-step-box {
	display: flex;
	flex-direction: column;
	border: 1px solid #ced4da;
	background: #fff;
}
.detail-step-box::after {
	content: "";
	position: absolute;
	top: 27%;
	left: 50%;
	margin-left: 0;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #d32f2f;	
}
.step-detail-content {
	flex: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto 1fr;
	gap: 0 30px;
	padding: 15px;
}
.step-detail-content > :nth-child(1) {
	grid-column: 1;
	grid-row: 1;
}
.step-detail-content > :nth-child(2) {
	grid-column: 1;
	grid-row: 2;
}
.step-detail-content > :nth-child(3) {
	grid-column: 2;
	grid-row: 1;
	position: relative;
}
.step-detail-content > :nth-child(4) {
	grid-column: 2;
	grid-row: 2;
}
.inbox-cont-col,
.jijache-box {
	height: 100%;
	box-sizing: border-box;
}
.step-detail-content > :nth-child(1)::after {
	content: "";
	position: absolute;
	top: 20%;
	right: -20px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #adb5bd;	
}
.arrow-agred {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: #d32f2f;
	font-weight: bold;
	font-size: 1.2rem;
}
.step-detail-tit {
	background: #00796b;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 1.2rem;
}
.inbox-cont-col > h5 {
	background: #fff3cd;
	text-align: center;
	font-size: 1.1rem;
}
.inbox-cont-col > h5 > b {
	display: block;
	padding: 10px 0;
	font-weight: bold;
}
.inbox-cont-col> h5 > span {
	display: block;
	padding: 10px 0;
	background: #e9ecef;
	font-weight: 500;
}
.inbox-cont-col > ul {
	padding: 15px 20px;
	fonf-size: 1.1rem;
	color: #795057;
}
.inbox-cont-col {
	border: 1px solid #ddd;
	position: relative;
}
.jijache-box {
	position: relative;
	top: 0;
	left: 0;
	padding: 15px 20px;
	border: 2px dashed #007696;
	border-top: none;
	box-sizing: border-box;
	display: flex; 
	flex-direction: column;
	flex: 1;
}
.jijache-box > b {
	position: absolute;
	left: 0;
	top: 0;
	padding: 2px 10px;
	background: #007696;
	color: #fff;
	font-size: .95rem;
	z-index: 3;	
}
.jijache-box > ul {
	margin-top: 20px;
}
.jijache-box > ul > li {
	font-size: 1.05rem;
	word-break: keep-all;
	color: #111;
}
.gray-note-box {
	grid-column: 1 / -1;
	padding: 15px;
	text-align: center;
	font-size: 1.1rem;
	word-break: keep-all;
	background: #e9ecef;
	color: #111;
}
.gray-note-box > strong {
	font-weight: bold;
	color: #d32f2f;
}





/* --------------------------------------------------- 미디어 쿼리 --------------------------------------------------- */

@media (max-width:860px){
	.public-comm-box {
		padding: 3rem 1rem;
		padding-bottom: 0;
	}
	.bussi-header {
		flex-direction: column;
	}
	.summary-area {
		width: 100%;
	}
	.grid-info-cont {
		grid-template-columns: 1fr;
	}
	.sub-list > li {
		align-items:  baseline;
	} 
}

@media (max-width:768px){
	.process-row {
		grid-template-columns: 1fr;
	}
	.proc-step-title {
		min-height: 80px;		
		text-align: center;
		justify-content: center;
		padding: 20px 10px;
		background-position: right 20px center;
		background-size: contain;
	}
	.proc-step-title > h5 > .sp-line {
		display: inline-block;
		margin-left: 5px;
	}
	.arrow-down {
		width: 12px;
		height: 12px;
		margin: 0 auto;
	}
	.proc-step-list > li.empty-box2 {
		padding: 0;
	}
	.s_h3_tit {
		margin-top: 3rem;
		font-size: 1.25rem;
	}
	h4.tit1 {
		font-size: 1.35rem;
		background-position: left center;
	}
	.txt-green, .txt-green > p,
	.txt-green > p > b {
		font-size: 1.35rem;

	}
	/* 공공정비 */
	/* 재개발 */
	.out.small-text {
		text-align: justify;
	}
	/* 주거환경개선 */
	.wrapper-proc-eight {
		padding: 1.5rem;
	}
	.process-eight > ol {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.eight-items::after,
	.eight-items.row-arrow-strt::before {
		display: none;
	}
	.eight-items:not(:last-child)::after {
		content: "↓";
		display: block;
		position: absolute;
		bottom: -35px;
		left: 50%;
		top: auto;
		right: auto;
		transform: translateX(-50%);
		color: #8c97ad;
		font-size: 1.2rem;
		font-weight: 600;
	}
	
	/* 역세권 */
	.flow-item {
		flex-direction: column;
		overflow: hidden;
	}
	.flow-header,
	.flow-body {
		width: 100%;
		padding: 15px;
	}
	.flow-list {
		gap: 25px;
	}
	.flow-item:not(:last-child) > .flow-header::after {
		bottom: -105px;
	}
	.brige-arrow {
		width: max-content;
		bottom: 0px;
		left: 50%;
		margin-left: -60px;
		transform: translateX(-50%);
	}

	/* 소규모 */
	/* 자율정비 */
	.box-title.bg-blue { 
		margin-top: 30px; 
	}
	.problem-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
	.problem-list > .problem-card {
		margin-top: 15px;
	}
	.problem-list > .problem-card:nth-child(1),
	.problem-list > .problem-card:nth-child(2) {
		margin-top: 0;
	}
	.box-title {
		font-size: 1.25rem;
	}
	.trans-bg-arrow {
		width: 250px;
		height: 150px;
	}
	.box-title.text-only {
		top: -150px;
	}
	/* 가로주택사업 */
	.inhriz-box {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	/* 소규모 재건축 */
	.busin-wrapper {
		padding: 15px;
	}
	.busin-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.busin-card:nth-child(even) {
		border-right: none;
	}
	.busin-header > b {
		font-size: 2rem;
	}
	.icon-area {
		width: 80px;
		height: 80px;
	}
	.icon-area > img {
		max-width: 100%;
		vertical-align: middle;
	}
	.diff-row {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-bottom: 40px;
		padding: 0 15px;
		align-items: center;
	}
	.diff-card,
	.diff-bridge {
		min-height: auto;
		height: auto;
	}
	.diff-card-body {
		padding: 20px 15px;
	}
	.hide-on {
		display: block;
	}
	.diff-bridge {	
		width: 120px;
		height: 120px;
		margin: 10px auto;
	}
	.diff-bridge::after {
		content: "↓";
		font-size: 1.5rem;
	}
	.box_st7 {
		grid-template-columns: 1fr;
	}
	.box_st7 > .inBox {
		border-right: none;
		padding: auto 20px;
	}
	.box_st7 > .inBox > h4 {
		font-size: 1.5rem;
		font-weight: bold;
		letter-spacing: -1px;
	}
	.box_st7 > .inBox > img {
		width: 10%;	
	}
	.inb-list-numb > li {
		font-size: 1.05rem;
	}
	/* 정비관리지역 */
	.wrapper-tbl {
		padding: 15px 0;
	}
	p.nor-text1,
	.basic-text2 > dd > ol > li {
		font-size: 1.05rem;
	}
	.incent-tbl th,
	.incent-tbl td {
		font-size: 1.05rem;
		word-break: keep-all;
	}
	.note-text.color_redPnt {
		font-size: 1rem;
	}

	/* 미래도시지원센터 */
	.center-list-box {
		grid-template-columns: repeat(2, 1fr);
		padding: 0 15px;
	}
	/* 컨설팅센터 */
	.gray-box-list {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.consult-list {
		grid-template-columns: 1fr;
		gap: 50px;
	}
	.consult-header {
		grid-template-columns: 10fr 1fr;
	}
	.consult-box::before {
		display: none;
	}
	.consult-body {
		position: relative;
		bottom: 0;
	}
	.consult-body::after {
		content: "▼";
		font-size: 1.5rem;
		position: absolute;
		bottom: -40px;
		left: 50%;
		margin-left: -12px;
	}
	.consult-body:last-child::after {
		display: none;
	}
	.ect-box-list > li:last-child {
		margin-bottom: 0;
	}
	.mapArea-list {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	/* 상담절차 */
	.flow-list {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.flow-list > li:not(:last-child)::after {
		right: 50%;
		top: auto;
		bottom: -23px;
		transform: translateX(50%) rotate(90deg);
	}
	.point-box {
		align-items: stretch;
	}
	.fl-stepbox > span {
		padding: 5px 0;
	}
	/* 컨설팅 절차 */
	.wrapper-detail-flow {
		grid-template-columns: 1fr;
	}
	.step-detail-content {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 0;
	}
	.step-detail-content > :nth-child(1),
	.step-detail-content > :nth-child(2),
	.step-detail-content > :nth-child(3),
	.step-detail-content > :nth-child(4) {
		grid-column: 1 / -1;
		grid-row: auto;
	}
	.step-detail-content > :nth-child(1)::after,
	.detail-step-box::after {
		display: none;
	}
	.step-detail-content > :nth-child(3) {
		margin-top: 30px;
	}	
	.step-detail-content > :nth-child(3)::before {
		content: "";
		display: block;
		position: absolute;
		top: -20px;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-top: 10px solid #adb5db;
		border-bottom: none;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}
	.jijache-box {
		height: auto;
	}
	.jijache-box.jijache2 {
		margin-top: 30px;
	}
	
	

	
	

}


@media (max-width:475px){
	.subCntBody {
		margin-top: 0;
	}
	.s_h3_tit {
		margin-top: 3rem;
		font-size: 1.25rem;
	}
	h4.tit1 {
		font-size: 1.35rem;
		background-position: left center;
	}
	
	/* 소규모 */
	/* 자율정비 */
	.problem-list {
		grid-template-columns: 1fr;
		gap: 50px;
	}	
	.box-title.bg-blue {
		margin-bottom: 50px;
	}
	.box-title.text-only {
		top: -120px;
	}
	.solution-box {
		padding: 20px;
		word-break: keep-all;
	}

	/* 소규모 재건축 */
	.busin-grid {
		grid-template-columns: 1fr;
	}
	.busin-card {
		border: none;
	}
	.busin-header {
		padding: 15px;
		gap: 10px;
	}
	.busin-header > b {
		font-size: 1.5rem;
	}
	.icon-area {
		width: 50px;
		height: 50px;
	}
	.busin-body > ul > li,
	p.note-text {
		font-size:  1rem;
	}
	/* 정비관리지역 */
	p.nor-text1,
	.basic-text2 > dd > ol > li {
		font-size: 1.05rem;
	}
	.incent-tbl th,
	.incent-tbl td {
		font-size: .95rem;
		word-break: keep-all;
	}

	/* 미래도시지원센터 */
	.center-list-box {
		grid-template-columns: 1fr;
	}

	/* 컨설팅센터 */
	.mapArea-list {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.mapArea-list > li > img {
		width: 219px;
	}
	.mapArea-list > li:last-child {
		margin-top: 30px;
	}
	
	.basic-text3 > dd > ul > li {
		font-size: 1rem;
	}
}