/* =========================================================
	PROCESS
========================================================= */
.ing_process_section{
	position:relative;
	overflow:hidden;
	padding:68px 30px 76px;
	background:
		radial-gradient(circle at 18% 35%, rgba(17,96,255,0.25), transparent 28%),
		radial-gradient(circle at 82% 85%, rgba(0,146,255,0.15), transparent 30%),
		linear-gradient(120deg, #041b50 0%, #052868 48%, #031a4c 100%);
	color:#fff;
}

.ing_process_bg{
	position:absolute;
	left:0;
	right:0;
	bottom:-190px;
	height:420px;
	opacity:0.32;
	pointer-events:none;
	background:
		repeating-radial-gradient(
			ellipse at center,
			rgba(42,143,255,0.32) 0,
			rgba(42,143,255,0.32) 1px,
			transparent 2px,
			transparent 13px
		);
	transform:scaleX(1.8);
}

.ing_process_section:before{
	content:"";
	position:absolute;
	left:-5%;
	right:-5%;
	bottom:-70px;
	height:220px;
	opacity:0.16;
	background:
		linear-gradient(
			165deg,
			transparent 0%,
			transparent 45%,
			rgba(62,155,255,0.6) 45.3%,
			transparent 45.8%
		);
	pointer-events:none;
}

.ing_process_inner{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	width:100%;
	max-width:1320px;
	margin:0 auto;
}

.ing_process_intro{
	flex:0 0 245px;
	padding-right:35px;
	box-sizing:border-box;
}

.ing_process_eyebrow{
	margin-bottom:14px;
	font-size:12px;
	font-weight:700;
	line-height:1;
	letter-spacing:4px;
	color:#55a4ff;
}

.ing_process_title{
	margin:0;
	font-size:27px;
	font-weight:800;
	line-height:1.42;
	letter-spacing:-1px;
	color:#fff;
	word-break:keep-all;
}

.ing_process_desc{
	margin:16px 0 22px;
	font-size:13px;
	font-weight:400;
	line-height:1.75;
	color:rgba(255,255,255,0.74);
	word-break:keep-all;
}

.ing_process_more{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	height:42px;
	padding:0 17px;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.55);
	border-radius:5px;
	font-size:12px;
	font-weight:700;
	color:#fff;
	transition:
		background-color 0.25s ease,
		border-color 0.25s ease,
		transform 0.25s ease;
}

.ing_process_more i{
	font-size:11px;
	transition:transform 0.25s ease;
}

.ing_process_more:hover{
	border-color:#fff;
	background:rgba(255,255,255,0.12);
	transform:translateY(-2px);
}

.ing_process_more:hover i{
	transform:translateX(4px);
}

.ing_process_steps{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex:1;
	min-width:0;
}

.ing_process_item{
	position:relative;
	flex:1;
	min-width:120px;
	text-align:center;
}

.ing_process_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:84px;
	height:84px;
	margin:0 auto 14px;
	box-sizing:border-box;
	border:1px solid rgba(103,175,255,0.48);
	border-radius:50%;
	background:
		radial-gradient(circle at center, rgba(30,111,255,0.18), rgba(2,25,74,0.2));
	box-shadow:
		inset 0 0 25px rgba(62,144,255,0.08),
		0 0 25px rgba(30,116,255,0.06);
	color:#fff;
}

.ing_process_icon i{
	font-size:32px;
}

.ing_process_step{
	margin-bottom:8px;
	font-size:11px;
	font-weight:500;
	color:#4097ff;
}

.ing_process_item h3{
	margin:0;
	font-size:15px;
	font-weight:700;
	line-height:1.4;
	letter-spacing:-0.4px;
	color:#fff;
	word-break:keep-all;
}

.ing_process_item p{
	margin:8px 0 0;
	font-size:11px;
	font-weight:400;
	line-height:1.55;
	color:rgba(255,255,255,0.6);
	word-break:keep-all;
}

.ing_process_arrow{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 28px;
	height:84px;
	color:rgba(255,255,255,0.75);
}

.ing_process_arrow i{
	font-size:15px;
}


/* =========================================================
	새로운 프로젝트 문의
========================================================= */
.ing_project_contact{
	position:relative;
	z-index:5;
	margin-top:-31px;
	padding:0 22px 30px;
}

.ing_project_contact_inner{
	display:flex;
	align-items:center;
	width:100%;
	max-width:1320px;
	min-height:104px;
	margin:0 auto;
	padding:20px 24px 20px 38px;
	box-sizing:border-box;
	border:1px solid rgba(226,232,242,0.95);
	border-radius:10px;
	background:rgba(255,255,255,0.97);
	box-shadow:0 13px 40px rgba(8,31,79,0.16);
}

.ing_project_contact_title{
	flex:0 0 220px;
	padding-right:35px;
	box-sizing:border-box;
	border-right:1px solid #e5eaf2;
}

.ing_project_contact_title h2{
	margin:0;
	font-size:21px;
	font-weight:800;
	line-height:1.42;
	letter-spacing:-0.8px;
	color:#081a3b;
	word-break:keep-all;
}

.ing_project_contact_content{
	flex:1;
	min-width:0;
	padding:0 35px;
	box-sizing:border-box;
}

.ing_project_contact_desc{
	margin:0 0 12px;
	font-size:13px;
	font-weight:400;
	color:#63708a;
	word-break:keep-all;
}

.ing_project_contact_info{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:12px 30px;
}

.ing_project_contact_item{
	display:inline-flex;
	align-items:center;
	gap:9px;
	font-size:13px;
	font-weight:500;
	color:#12264a;
	white-space:nowrap;
}

.ing_project_contact_item i{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:17px;
	color:#075ef2;
	font-size:14px;
}

a.ing_project_contact_item{
	transition:color 0.2s ease;
}

a.ing_project_contact_item:hover{
	color:#075ef2;
}

.ing_project_contact_button{
	flex:0 0 auto;
}

.ing_project_contact_button a{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:20px;
	min-width:188px;
	height:54px;
	padding:0 24px;
	box-sizing:border-box;
	border-radius:6px;
	background:linear-gradient(135deg, #0964f5 0%, #004be0 100%);
	box-shadow:0 8px 22px rgba(0,82,232,0.22);
	font-size:13px;
	font-weight:700;
	color:#fff;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease;
}

.ing_project_contact_button a i{
	font-size:12px;
	transition:transform 0.25s ease;
}

.ing_project_contact_button a:hover{
	transform:translateY(-2px);
	box-shadow:0 12px 28px rgba(0,82,232,0.32);
}

.ing_project_contact_button a:hover i{
	transform:translateX(5px);
}


/* =========================================================
	MOBILE
========================================================= */
@media screen and (max-width:768px){

	.ing_process_section{
		padding:55px 20px 92px;
	}

	.ing_process_bg{
		bottom:-130px;
		height:360px;
		transform:scaleX(2.5);
	}

	.ing_process_inner{
		display:block;
	}

	.ing_process_intro{
		padding:0;
		text-align:center;
	}

	.ing_process_eyebrow{
		margin-bottom:12px;
		font-size:11px;
		letter-spacing:3px;
	}

	.ing_process_title{
		font-size:26px;
		line-height:1.38;
	}

	.ing_process_title br{
		display:none;
	}

	.ing_process_desc{
		margin:14px 0 20px;
		font-size:13px;
		line-height:1.7;
	}

	.ing_process_desc br{
		display:none;
	}

	.ing_process_more{
		height:41px;
		margin-bottom:42px;
		padding:0 18px;
	}

	.ing_process_steps{
		display:grid;
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:38px 18px;
	}

	.ing_process_item{
		min-width:0;
	}

	.ing_process_icon{
		width:76px;
		height:76px;
		margin-bottom:12px;
	}

	.ing_process_icon i{
		font-size:28px;
	}

	.ing_process_step{
		margin-bottom:6px;
	}

	.ing_process_item h3{
		font-size:14px;
	}

	.ing_process_item p{
		margin-top:7px;
		font-size:11px;
	}

	.ing_process_arrow{
		display:none;
	}


	/* 프로젝트 문의 */
	.ing_project_contact{
		margin-top:-45px;
		padding:0 15px 28px;
	}

	.ing_project_contact_inner{
		display:block;
		min-height:0;
		padding:27px 22px 22px;
		border-radius:10px;
		text-align:center;
	}

	.ing_project_contact_title{
		padding:0 0 18px;
		border-right:0;
		border-bottom:1px solid #e5eaf2;
	}

	.ing_project_contact_title h2{
		font-size:21px;
		line-height:1.4;
	}

	.ing_project_contact_title h2 br{
		display:none;
	}

	.ing_project_contact_content{
		padding:19px 0 21px;
	}

	.ing_project_contact_desc{
		margin-bottom:16px;
		font-size:13px;
		line-height:1.65;
	}

	.ing_project_contact_info{
		display:block;
	}

	.ing_project_contact_item{
		display:flex;
		justify-content:center;
		margin-top:11px;
		font-size:13px;
		white-space:normal;
	}

	.ing_project_contact_item:first-child{
		margin-top:0;
	}

	.ing_project_contact_button a{
		width:100%;
		min-width:0;
		height:52px;
	}

}