@charset "utf-8";

/*
	파일명 : system_codingpage_7.css
	페이지 : 잉컨설팅 회사소개
*/

.ing_company_page,
.ing_company_page *{
	box-sizing:border-box;
}

.ing_company_page{
	--ing-pink:#f25f93;
	--ing-pink-dark:#d94379;
	--ing-pink-light:#fff1f6;
	--ing-yellow:#ffc75f;
	--ing-blue:#42c8ef;
	--ing-black:#151515;
	--ing-text:#303039;
	--ing-gray:#777782;
	--ing-line:#e9e6e8;
	--ing-bg:#faf8f9;

	width:100%;
	overflow:hidden;
	color:var(--ing-text);
	background:#fff;
	font-family:
		Pretendard,
		"Apple SD Gothic Neo",
		"Noto Sans KR",
		"Malgun Gothic",
		sans-serif;
	word-break:keep-all;
}

.ing_company_page a{
	color:inherit;
	text-decoration:none;
}

.ing_company_page button{
	font:inherit;
}

.ing_company_page img{
	max-width:100%;
	vertical-align:middle;
}

.ing_company_page svg{
	display:block;
	width:100%;
	height:100%;
	fill:none;
	stroke:currentColor;
	stroke-width:2.5;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.ing_company_inner{
	position:relative;
	width:1320px;
	max-width:calc(100% - 40px);
	margin:0 auto;
}


/* 메인 비주얼 */
.ing_company_visual{
	position:relative;
	min-height:760px;
	display:flex;
	align-items:center;
	padding:110px 0;
	overflow:hidden;
	background:
		linear-gradient(135deg, #fff9fb 0%, #fff 48%, #fff5f0 100%);
}

.ing_company_visual_bg{
	position:absolute;
	inset:0;
	pointer-events:none;
}

.ing_visual_circle{
	position:absolute;
	display:block;
	border-radius:50%;
	filter:blur(1px);
}

.ing_visual_circle_1{
	top:-220px;
	right:-120px;
	width:590px;
	height:590px;
	background:rgba(242,95,147,.12);
}

.ing_visual_circle_2{
	bottom:-250px;
	left:-120px;
	width:520px;
	height:520px;
	background:rgba(66,200,239,.1);
}

.ing_visual_circle_3{
	top:17%;
	left:48%;
	width:160px;
	height:160px;
	background:rgba(255,199,95,.15);
}

.ing_visual_grid{
	position:absolute;
	inset:0;
	opacity:.32;
	background-image:
		linear-gradient(rgba(21,21,21,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(21,21,21,.035) 1px, transparent 1px);
	background-size:54px 54px;
	mask-image:linear-gradient(to bottom, #000, transparent 88%);
	-webkit-mask-image:linear-gradient(to bottom, #000, transparent 88%);
}

.ing_company_visual_content{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:minmax(0, 1.05fr) minmax(480px, .95fr);
	align-items:center;
	gap:90px;
}

.ing_company_eyebrow{
	display:flex;
	align-items:center;
	gap:12px;
	margin:0 0 24px;
	font-size:14px;
	font-weight:800;
	letter-spacing:.18em;
	color:var(--ing-pink-dark);
}

.ing_company_eyebrow:before{
	content:"";
	width:36px;
	height:2px;
	background:var(--ing-pink);
}

.ing_company_visual_text h1{
	margin:0;
	font-size:64px;
	line-height:1.17;
	letter-spacing:-.055em;
	color:var(--ing-black);
}

.ing_company_visual_text h1 strong{
	position:relative;
	display:inline-block;
	color:var(--ing-pink-dark);
	font-weight:900;
}

.ing_company_visual_text h1 strong:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:3px;
	height:13px;
	z-index:-1;
	border-radius:20px;
	background:rgba(255,199,95,.55);
}

.ing_company_visual_desc{
	max-width:660px;
	margin:30px 0 0;
	font-size:18px;
	line-height:1.85;
	letter-spacing:-.025em;
	color:#62616b;
}

.ing_company_visual_buttons{
	display:flex;
	gap:12px;
	margin-top:42px;
}

.ing_company_btn{
	min-width:180px;
	height:58px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:24px;
	padding:0 24px;
	border-radius:10px;
	font-size:15px;
	font-weight:800;
	transition:
		transform .25s ease,
		background-color .25s ease,
		border-color .25s ease,
		color .25s ease,
		box-shadow .25s ease;
}

.ing_company_btn span{
	font-size:18px;
	line-height:1;
}

.ing_company_btn_primary{
	color:#fff !important;
	background:var(--ing-black);
	box-shadow:0 13px 30px rgba(21,21,21,.15);
}

.ing_company_btn_primary:hover{
	transform:translateY(-3px);
	background:var(--ing-pink-dark);
	box-shadow:0 17px 34px rgba(217,67,121,.2);
}

.ing_company_btn_line{
	border:1px solid #d9d5d7;
	color:var(--ing-black);
	background:rgba(255,255,255,.72);
}

.ing_company_btn_line:hover{
	transform:translateY(-3px);
	border-color:var(--ing-pink);
	color:var(--ing-pink-dark);
	background:#fff;
}

.ing_company_visual_card{
	position:relative;
	min-height:520px;
	padding:50px;
	overflow:hidden;
	border:8px solid var(--ing-black);
	border-radius:40px 40px 100px 40px;
	background:
		radial-gradient(circle at 78% 18%, rgba(255,255,255,.3) 0 4px, transparent 5px),
		radial-gradient(circle at 25% 70%, rgba(255,255,255,.22) 0 3px, transparent 4px),
		linear-gradient(145deg, var(--ing-pink) 0%, #ee78a6 43%, #f9a43a 100%);
	box-shadow:25px 28px 0 rgba(21,21,21,.08);
	transform:rotate(2deg);
}

.ing_company_visual_card:before{
	content:"";
	position:absolute;
	width:290px;
	height:290px;
	right:-85px;
	top:135px;
	border:50px solid rgba(255,255,255,.15);
	border-radius:50%;
}

.ing_company_visual_card:after{
	content:"";
	position:absolute;
	width:330px;
	height:110px;
	left:-100px;
	bottom:25px;
	border:22px solid rgba(66,200,239,.45);
	border-radius:50%;
	transform:rotate(-16deg);
}

.ing_company_card_head,
.ing_company_card_message,
.ing_company_card_bottom{
	position:relative;
	z-index:2;
}

.ing_company_card_head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	color:#fff;
}

.ing_company_card_mark{
	width:76px;
	height:76px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:4px solid var(--ing-black);
	border-radius:50%;
	background:var(--ing-yellow);
	color:var(--ing-black);
	font-size:20px;
	font-weight:1000;
	letter-spacing:-.04em;
	box-shadow:5px 6px 0 var(--ing-black);
}

.ing_company_card_label{
	font-size:12px;
	font-weight:900;
	letter-spacing:.16em;
}

.ing_company_card_message{
	margin-top:62px;
}

.ing_company_card_message p{
	margin:0;
	color:#fff;
	font-size:51px;
	line-height:1.02;
	font-weight:1000;
	letter-spacing:-.06em;
	text-shadow:3px 4px 0 var(--ing-black);
	-webkit-text-stroke:1px var(--ing-black);
}

.ing_company_card_message p:nth-child(2){
	color:var(--ing-yellow);
}

.ing_company_card_message p:nth-child(3){
	color:#86e2fb;
}

.ing_company_card_message p:nth-child(4){
	color:#fff;
}

.ing_company_card_bottom{
	position:absolute;
	left:50px;
	right:50px;
	bottom:45px;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:20px;
	color:#fff;
}

.ing_company_card_bottom div{
	display:flex;
	flex-direction:column;
	gap:7px;
}

.ing_company_card_bottom strong{
	font-size:15px;
}

.ing_company_card_bottom div > span{
	font-size:13px;
	opacity:.88;
}

.ing_company_card_symbol{
	display:flex;
	align-items:center;
	gap:5px;
}

.ing_company_card_symbol span{
	display:block;
	width:7px;
	border-radius:10px;
	background:#fff;
}

.ing_company_card_symbol span:nth-child(1){
	height:24px;
}

.ing_company_card_symbol span:nth-child(2){
	height:42px;
}

.ing_company_card_symbol span:nth-child(3){
	height:31px;
}


/* 공통 섹션 제목 */
.ing_company_section_title{
	position:relative;
}

.ing_company_title_num{
	margin:0 0 8px;
	font-size:13px;
	font-weight:900;
	color:var(--ing-pink);
	letter-spacing:.18em;
}

.ing_company_title_eng{
	margin:0 0 17px;
	font-size:14px;
	font-weight:900;
	color:var(--ing-black);
	letter-spacing:.13em;
}

.ing_company_section_title h2{
	margin:0;
	color:var(--ing-black);
	font-size:43px;
	line-height:1.3;
	letter-spacing:-.045em;
}

.ing_company_section_title h2 strong{
	color:var(--ing-pink-dark);
	font-weight:900;
}

.ing_company_section_title > p:last-child{
	max-width:750px;
	margin:24px 0 0;
	color:var(--ing-gray);
	font-size:17px;
	line-height:1.8;
	letter-spacing:-.02em;
}

.ing_company_section_title_center{
	text-align:center;
}

.ing_company_section_title_center > p:last-child{
	margin-left:auto;
	margin-right:auto;
}

.ing_company_section_head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:80px;
	margin-bottom:58px;
}

.ing_company_section_summary{
	width:420px;
	margin:0 0 5px;
	font-size:16px;
	line-height:1.8;
	color:var(--ing-gray);
	letter-spacing:-.02em;
}


/* 핵심 소개 */
.ing_company_intro{
	padding:130px 0;
	background:#fff;
}

.ing_company_value_grid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:24px;
	margin-top:70px;
}

.ing_company_value_item{
	position:relative;
	min-height:350px;
	padding:42px 38px;
	overflow:hidden;
	border:1px solid var(--ing-line);
	border-radius:24px;
	background:#fff;
	transition:
		transform .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;
}

.ing_company_value_item:after{
	content:"";
	position:absolute;
	right:-55px;
	bottom:-65px;
	width:170px;
	height:170px;
	border-radius:50%;
	background:var(--ing-pink-light);
	transition:transform .35s ease;
}

.ing_company_value_item:hover{
	transform:translateY(-8px);
	border-color:#f6b1ca;
	box-shadow:0 24px 50px rgba(35,25,30,.08);
}

.ing_company_value_item:hover:after{
	transform:scale(1.35);
}

.ing_company_value_icon{
	position:relative;
	z-index:2;
	width:58px;
	height:58px;
	padding:13px;
	border-radius:17px;
	color:var(--ing-pink-dark);
	background:var(--ing-pink-light);
}

.ing_company_value_number{
	position:absolute;
	top:47px;
	right:38px;
	margin:0;
	font-size:13px;
	font-weight:900;
	color:#c7c2c5;
	letter-spacing:.12em;
}

.ing_company_value_item h3{
	position:relative;
	z-index:2;
	margin:34px 0 16px;
	font-size:25px;
	color:var(--ing-black);
	letter-spacing:-.035em;
}

.ing_company_value_item > p:last-child{
	position:relative;
	z-index:2;
	margin:0;
	font-size:16px;
	line-height:1.85;
	color:var(--ing-gray);
	letter-spacing:-.02em;
}


/* 사업 영역 */
.ing_company_business{
	padding:130px 0;
	background:var(--ing-bg);
}

.ing_company_business_grid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:20px;
}

.ing_company_business_item{
	position:relative;
	min-height:420px;
	padding:38px 34px;
	border-radius:22px;
	background:#fff;
	border:1px solid #efebed;
	transition:
		transform .3s ease,
		box-shadow .3s ease,
		border-color .3s ease;
}

.ing_company_business_item:hover{
	transform:translateY(-7px);
	border-color:#f4b6cc;
	box-shadow:0 25px 55px rgba(50,34,41,.08);
}

.ing_company_business_top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
}

.ing_company_business_no{
	font-size:13px;
	font-weight:900;
	color:#bdb6b9;
	letter-spacing:.12em;
}

.ing_company_business_icon{
	width:58px;
	height:58px;
	padding:14px;
	border-radius:18px;
	color:var(--ing-pink-dark);
	background:var(--ing-pink-light);
}

.ing_company_business_item:nth-child(2) .ing_company_business_icon,
.ing_company_business_item:nth-child(5) .ing_company_business_icon{
	color:#d38a16;
	background:#fff6df;
}

.ing_company_business_item:nth-child(3) .ing_company_business_icon,
.ing_company_business_item:nth-child(6) .ing_company_business_icon{
	color:#1597bd;
	background:#e9f9fd;
}

.ing_company_business_item h3{
	margin:38px 0 15px;
	font-size:25px;
	color:var(--ing-black);
	letter-spacing:-.035em;
}

.ing_company_business_item > p{
	min-height:89px;
	margin:0;
	font-size:15px;
	line-height:1.82;
	color:var(--ing-gray);
}

.ing_company_business_item ul{
	margin:25px 0 0;
	padding:21px 0 0;
	list-style:none;
	border-top:1px solid #eee9eb;
}

.ing_company_business_item li{
	position:relative;
	margin-top:10px;
	padding-left:16px;
	font-size:14px;
	font-weight:700;
	color:#56525a;
}

.ing_company_business_item li:first-child{
	margin-top:0;
}

.ing_company_business_item li:before{
	content:"";
	position:absolute;
	top:8px;
	left:0;
	width:5px;
	height:5px;
	border-radius:50%;
	background:var(--ing-pink);
}


/* 지역 네트워크 */
.ing_company_network{
	padding:130px 0;
	background:#171719;
	color:#fff;
}

.ing_company_network .ing_company_title_num{
	color:#ff8bb4;
}

.ing_company_network .ing_company_title_eng,
.ing_company_network .ing_company_section_title h2{
	color:#fff;
}

.ing_company_network .ing_company_section_title h2 strong{
	color:#ff8bb4;
}

.ing_company_network .ing_company_section_summary{
	color:#aaa8af;
}

.ing_company_network_wrap{
	display:grid;
	grid-template-columns:minmax(0, .9fr) minmax(550px, 1.1fr);
	align-items:center;
	gap:80px;
}

.ing_company_map{
	min-height:590px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.ing_company_map_shape{
	position:relative;
	width:500px;
	height:500px;
	border:1px solid rgba(255,255,255,.1);
	border-radius:50%;
	background:
		radial-gradient(circle at center, rgba(242,95,147,.17), transparent 45%),
		repeating-radial-gradient(
			circle at center,
			rgba(255,255,255,.08) 0,
			rgba(255,255,255,.08) 1px,
			transparent 1px,
			transparent 56px
		);
}

.ing_company_map_shape:before,
.ing_company_map_shape:after{
	content:"";
	position:absolute;
	background:rgba(255,255,255,.06);
}

.ing_company_map_shape:before{
	left:50%;
	top:0;
	width:1px;
	height:100%;
}

.ing_company_map_shape:after{
	left:0;
	top:50%;
	width:100%;
	height:1px;
}

.ing_company_map_center{
	position:absolute;
	top:50%;
	left:50%;
	z-index:3;
	width:132px;
	height:132px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border:2px solid var(--ing-pink);
	border-radius:50%;
	background:#242427;
	box-shadow:
		0 0 0 14px rgba(242,95,147,.08),
		0 0 0 30px rgba(242,95,147,.04);
	transform:translate(-50%, -50%);
}

.ing_company_map_center strong{
	font-size:33px;
	color:#fff;
	letter-spacing:-.04em;
}

.ing_company_map_center small{
	margin-top:2px;
	color:#ff91b8;
	font-size:9px;
	font-weight:900;
	letter-spacing:.18em;
}

.ing_map_point{
	position:absolute;
	z-index:4;
	display:flex;
	align-items:center;
	gap:10px;
	font-style:normal;
}

.ing_map_point i{
	position:relative;
	width:16px;
	height:16px;
	display:block;
	border-radius:50%;
	background:#ff7daa;
	box-shadow:0 0 0 8px rgba(242,95,147,.13);
}

.ing_map_point i:after{
	content:"";
	position:absolute;
	inset:-10px;
	border:1px solid rgba(255,125,170,.65);
	border-radius:50%;
	animation:ingMapPulse 2.4s infinite;
}

.ing_map_point em{
	font-size:11px;
	font-style:normal;
	font-weight:900;
	color:#fff;
	letter-spacing:.12em;
}

.ing_map_point_gwangju{
	left:64px;
	top:265px;
}

.ing_map_point_busan{
	right:42px;
	top:165px;
}

.ing_map_point_jeju{
	left:190px;
	bottom:45px;
}

.ing_map_line{
	position:absolute;
	z-index:2;
	display:block;
	height:1px;
	transform-origin:left center;
	background:linear-gradient(90deg, rgba(255,125,170,.9), rgba(255,255,255,.05));
}

.ing_map_line_1{
	left:105px;
	top:273px;
	width:150px;
	transform:rotate(-5deg);
}

.ing_map_line_2{
	left:250px;
	top:250px;
	width:170px;
	transform:rotate(-29deg);
}

@keyframes ingMapPulse{
	0%{
		transform:scale(.5);
		opacity:1;
	}
	75%{
		transform:scale(1.4);
		opacity:0;
	}
	100%{
		transform:scale(1.4);
		opacity:0;
	}
}

.ing_company_region_list{
	border-top:1px solid rgba(255,255,255,.15);
}

.ing_company_region_item{
	border-bottom:1px solid rgba(255,255,255,.15);
}

.ing_company_region_button{
	width:100%;
	min-height:112px;
	display:grid;
	grid-template-columns:50px 1fr 34px;
	align-items:center;
	gap:16px;
	padding:0;
	border:0;
	color:#fff;
	background:none;
	text-align:left;
	cursor:pointer;
}

.ing_company_region_mark{
	font-size:12px;
	font-weight:900;
	color:#706e76;
	letter-spacing:.12em;
	transition:color .25s ease;
}

.ing_company_region_name{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.ing_company_region_name small{
	font-size:10px;
	font-weight:900;
	color:#89868e;
	letter-spacing:.14em;
}

.ing_company_region_name strong{
	font-size:24px;
	font-weight:800;
	letter-spacing:-.035em;
}

.ing_company_region_arrow{
	position:relative;
	width:30px;
	height:30px;
	display:block;
	border:1px solid rgba(255,255,255,.18);
	border-radius:50%;
	transition:
		transform .3s ease,
		border-color .3s ease,
		background-color .3s ease;
}

.ing_company_region_arrow:before,
.ing_company_region_arrow:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:11px;
	height:1px;
	background:#fff;
	transform:translate(-50%, -50%);
}

.ing_company_region_arrow:after{
	transform:translate(-50%, -50%) rotate(90deg);
	transition:transform .3s ease;
}

.ing_company_region_item.is_active .ing_company_region_mark{
	color:#ff7daa;
}

.ing_company_region_item.is_active .ing_company_region_arrow{
	border-color:var(--ing-pink);
	background:var(--ing-pink);
	transform:rotate(180deg);
}

.ing_company_region_item.is_active .ing_company_region_arrow:after{
	transform:translate(-50%, -50%) rotate(0);
}

.ing_company_region_content{
	height:0;
	overflow:hidden;
	opacity:0;
	transition:
		height .4s ease,
		opacity .35s ease;
}

.ing_company_region_item.is_active .ing_company_region_content{
	opacity:1;
}

.ing_company_region_inner{
	padding:0 0 35px 66px;
}

.ing_company_region_inner > p{
	max-width:500px;
	margin:0;
	color:#aaa8af;
	font-size:15px;
	line-height:1.8;
}

.ing_company_region_inner ul{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:21px 0 0;
	padding:0;
	list-style:none;
}

.ing_company_region_inner li span{
	display:block;
	padding:9px 14px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:30px;
	color:#dedce0;
	background:rgba(255,255,255,.04);
	font-size:12px;
	font-weight:700;
}


/* 문화 및 공연 */
.ing_company_culture{
	padding:130px 0;
	background:
		radial-gradient(circle at 12% 20%, rgba(242,95,147,.08), transparent 27%),
		radial-gradient(circle at 90% 85%, rgba(66,200,239,.08), transparent 30%),
		#fff;
}

.ing_company_culture_box{
	position:relative;
	display:grid;
	grid-template-columns:minmax(460px, .9fr) minmax(0, 1.1fr);
	align-items:center;
	gap:90px;
	padding:74px;
	overflow:hidden;
	border:1px solid #eee7ea;
	border-radius:38px;
	background:#fff;
	box-shadow:0 28px 75px rgba(44,32,37,.08);
}

.ing_company_culture_box:before{
	content:"";
	position:absolute;
	left:-90px;
	top:-100px;
	width:330px;
	height:330px;
	border:45px solid var(--ing-pink-light);
	border-radius:50%;
}

.ing_company_culture_box:after{
	content:"♪";
	position:absolute;
	right:54px;
	top:38px;
	color:rgba(242,95,147,.12);
	font-family:Arial, sans-serif;
	font-size:110px;
	font-weight:900;
	transform:rotate(13deg);
}

.ing_company_culture_logo{
	position:relative;
	z-index:2;
}

.ing_company_culture_logo_frame{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:430px;
	padding:30px;
	overflow:hidden;
	border-radius:30px;
	background:#fbf5f2;
}

.ing_company_culture_logo_frame:before{
	content:"";
	position:absolute;
	inset:18px;
	border:1px dashed rgba(21,21,21,.14);
	border-radius:22px;
}

.ing_company_culture_logo_frame img{
	position:relative;
	z-index:2;
	width:100%;
	max-width:420px;
	height:auto;
	filter:drop-shadow(0 17px 22px rgba(30,23,27,.12));
}

.ing_company_culture_content{
	position:relative;
	z-index:2;
}

.ing_company_culture_label{
	margin:0 0 18px;
	color:var(--ing-pink-dark);
	font-size:13px;
	font-weight:900;
	letter-spacing:.16em;
}

.ing_company_culture_content h2{
	margin:0;
	color:var(--ing-black);
	font-size:42px;
	line-height:1.35;
	letter-spacing:-.05em;
}

.ing_company_culture_content h2 strong{
	color:var(--ing-pink-dark);
}

.ing_company_culture_desc{
	margin:25px 0 0;
	font-size:16px;
	line-height:1.85;
	color:var(--ing-gray);
}

.ing_company_culture_band{
	display:grid;
	grid-template-columns:62px 1fr;
	gap:20px;
	margin-top:31px;
	padding:25px;
	border-radius:19px;
	background:#19191b;
	color:#fff;
}

.ing_company_culture_band_icon{
	width:62px;
	height:62px;
	padding:15px;
	border-radius:16px;
	color:var(--ing-black);
	background:var(--ing-yellow);
}

.ing_company_culture_band small{
	display:block;
	margin-bottom:5px;
	color:#ff8cb5;
	font-size:9px;
	font-weight:900;
	letter-spacing:.16em;
}

.ing_company_culture_band strong{
	display:block;
	font-size:23px;
	letter-spacing:-.03em;
}

.ing_company_culture_band p{
	margin:8px 0 0;
	color:#aeabb1;
	font-size:13px;
	line-height:1.7;
}

.ing_company_culture_tags{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:24px;
}

.ing_company_culture_tags span{
	padding:9px 14px;
	border:1px solid #e7e1e4;
	border-radius:30px;
	color:#5e5960;
	background:#fff;
	font-size:12px;
	font-weight:700;
}


/* 이미지 및 서비스 컨설팅 */
.ing_company_consulting{
	padding:130px 0;
	background:#faf8f9;
}

.ing_company_consulting_grid{
	position:relative;
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:18px;
	margin-top:70px;
}

.ing_company_consulting_grid:before{
	content:"";
	position:absolute;
	left:12%;
	right:12%;
	top:51px;
	height:1px;
	background:#e6dfe2;
}

.ing_company_consulting_item{
	position:relative;
	z-index:2;
	min-height:275px;
	padding:34px 28px;
	border:1px solid #ece6e9;
	border-radius:20px;
	background:#fff;
}

.ing_company_consulting_item:before{
	content:"";
	position:absolute;
	top:-7px;
	left:34px;
	width:14px;
	height:14px;
	border:4px solid #fff;
	border-radius:50%;
	background:var(--ing-pink);
	box-shadow:0 0 0 1px #efb1c7;
}

.ing_company_consulting_step{
	display:inline-block;
	margin-bottom:42px;
	color:var(--ing-pink-dark);
	font-size:11px;
	font-weight:900;
	letter-spacing:.13em;
}

.ing_company_consulting_item h3{
	margin:0 0 15px;
	color:var(--ing-black);
	font-size:23px;
	letter-spacing:-.035em;
}

.ing_company_consulting_item p{
	margin:0;
	color:var(--ing-gray);
	font-size:14px;
	line-height:1.8;
}


/* 문의 */
.ing_company_contact{
	padding:0 0 130px;
	background:#faf8f9;
}

.ing_company_contact_box{
	position:relative;
	min-height:340px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:70px;
	padding:70px 80px;
	overflow:hidden;
	border-radius:34px;
	color:#fff;
	background:
		linear-gradient(120deg, #19191b 0%, #242126 60%, #33232a 100%);
}

.ing_company_contact_shape{
	position:absolute;
	inset:0;
	pointer-events:none;
}

.ing_company_contact_shape span{
	position:absolute;
	display:block;
	border-radius:50%;
}

.ing_company_contact_shape span:nth-child(1){
	width:280px;
	height:280px;
	right:250px;
	top:-160px;
	border:45px solid rgba(242,95,147,.12);
}

.ing_company_contact_shape span:nth-child(2){
	width:170px;
	height:170px;
	right:50px;
	bottom:-100px;
	background:rgba(255,199,95,.1);
}

.ing_company_contact_shape span:nth-child(3){
	width:90px;
	height:90px;
	left:45%;
	bottom:-50px;
	background:rgba(66,200,239,.1);
}

.ing_company_contact_text,
.ing_company_contact_button{
	position:relative;
	z-index:2;
}

.ing_company_contact_text > p{
	margin:0 0 18px;
	color:#ff8eb7;
	font-size:12px;
	font-weight:900;
	letter-spacing:.16em;
}

.ing_company_contact_text h2{
	margin:0;
	font-size:39px;
	line-height:1.35;
	letter-spacing:-.045em;
}

.ing_company_contact_text h2 strong{
	color:#ff8eb7;
}

.ing_company_contact_text > span{
	display:block;
	max-width:690px;
	margin-top:20px;
	color:#aaa7ac;
	font-size:15px;
	line-height:1.75;
}

.ing_company_contact_button{
	flex:none;
	width:220px;
	height:110px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:0 29px;
	border-radius:18px;
	color:var(--ing-black) !important;
	background:#fff;
	transition:
		transform .25s ease,
		background-color .25s ease,
		box-shadow .25s ease;
}

.ing_company_contact_button:hover{
	transform:translateY(-5px);
	background:#ffe4ed;
	box-shadow:0 20px 35px rgba(0,0,0,.18);
}

.ing_company_contact_button span{
	display:flex;
	flex-direction:column;
	gap:7px;
}

.ing_company_contact_button small{
	font-size:9px;
	font-weight:900;
	color:var(--ing-pink-dark);
	letter-spacing:.15em;
}

.ing_company_contact_button strong{
	font-size:18px;
	letter-spacing:-.025em;
}

.ing_company_contact_button i{
	font-size:24px;
	font-style:normal;
}


/* 스크롤 모션 */
.ing_company_page .ing_reveal{
	opacity:0;
	transform:translateY(35px);
	transition:
		opacity .75s ease,
		transform .75s ease;
}

.ing_company_page .ing_reveal.is_visible{
	opacity:1;
	transform:translateY(0);
}


/* 모바일 */
@media screen and (max-width:768px){

	.ing_company_inner{
		width:100%;
		max-width:100%;
		padding-left:20px;
		padding-right:20px;
	}

	.ing_company_visual{
		min-height:auto;
		padding:75px 0 85px;
	}

	.ing_visual_circle_1{
		width:330px;
		height:330px;
		top:-150px;
		right:-150px;
	}

	.ing_visual_circle_2{
		width:300px;
		height:300px;
		bottom:-170px;
		left:-160px;
	}

	.ing_visual_circle_3{
		display:none;
	}

	.ing_visual_grid{
		background-size:34px 34px;
	}

	.ing_company_visual_content{
		display:flex;
		flex-direction:column;
		align-items:stretch;
		gap:52px;
	}

	.ing_company_eyebrow{
		margin-bottom:18px;
		font-size:11px;
	}

	.ing_company_eyebrow:before{
		width:27px;
	}

	.ing_company_visual_text h1{
		font-size:40px;
		line-height:1.22;
	}

	.ing_company_visual_text h1 strong:after{
		bottom:1px;
		height:9px;
	}

	.ing_company_visual_desc{
		margin-top:23px;
		font-size:15px;
		line-height:1.8;
	}

	.ing_company_visual_buttons{
		flex-direction:column;
		margin-top:31px;
	}

	.ing_company_btn{
		width:100%;
		height:54px;
	}

	.ing_company_visual_card{
		min-height:410px;
		padding:30px 27px;
		border-width:6px;
		border-radius:28px 28px 65px 28px;
		box-shadow:14px 16px 0 rgba(21,21,21,.07);
		transform:rotate(1deg);
	}

	.ing_company_visual_card:before{
		width:210px;
		height:210px;
		right:-95px;
		top:100px;
		border-width:35px;
	}

	.ing_company_card_mark{
		width:60px;
		height:60px;
		border-width:3px;
		font-size:16px;
		box-shadow:4px 4px 0 var(--ing-black);
	}

	.ing_company_card_label{
		font-size:9px;
	}

	.ing_company_card_message{
		margin-top:47px;
	}

	.ing_company_card_message p{
		font-size:37px;
		text-shadow:2px 3px 0 var(--ing-black);
	}

	.ing_company_card_bottom{
		left:27px;
		right:27px;
		bottom:28px;
	}

	.ing_company_card_bottom strong{
		font-size:12px;
	}

	.ing_company_card_bottom div > span{
		font-size:10px;
	}

	.ing_company_section_title h2{
		font-size:31px;
		line-height:1.38;
	}

	.ing_company_title_num{
		font-size:11px;
	}

	.ing_company_title_eng{
		margin-bottom:13px;
		font-size:11px;
	}

	.ing_company_section_title > p:last-child{
		margin-top:19px;
		font-size:15px;
		line-height:1.75;
	}

	.ing_company_section_head{
		display:block;
		margin-bottom:38px;
	}

	.ing_company_section_summary{
		width:auto;
		margin:20px 0 0;
		font-size:14px;
	}

	.ing_company_intro,
	.ing_company_business,
	.ing_company_network,
	.ing_company_culture,
	.ing_company_consulting{
		padding:85px 0;
	}

	.ing_company_value_grid{
		grid-template-columns:1fr;
		gap:14px;
		margin-top:45px;
	}

	.ing_company_value_item{
		min-height:auto;
		padding:31px 27px;
		border-radius:19px;
	}

	.ing_company_value_icon{
		width:52px;
		height:52px;
	}

	.ing_company_value_number{
		top:37px;
		right:27px;
	}

	.ing_company_value_item h3{
		margin-top:26px;
		font-size:22px;
	}

	.ing_company_value_item > p:last-child{
		font-size:14px;
		line-height:1.8;
	}

	.ing_company_business_grid{
		grid-template-columns:1fr;
		gap:13px;
	}

	.ing_company_business_item{
		min-height:auto;
		padding:29px 26px;
		border-radius:18px;
	}

	.ing_company_business_icon{
		width:52px;
		height:52px;
	}

	.ing_company_business_item h3{
		margin-top:27px;
		font-size:22px;
	}

	.ing_company_business_item > p{
		min-height:auto;
		font-size:14px;
	}

	.ing_company_network_wrap{
		display:flex;
		flex-direction:column;
		align-items:stretch;
		gap:45px;
	}

	.ing_company_map{
		min-height:auto;
	}

	.ing_company_map_shape{
		width:310px;
		height:310px;
		margin:0 auto;
		background:
			radial-gradient(circle at center, rgba(242,95,147,.17), transparent 45%),
			repeating-radial-gradient(
				circle at center,
				rgba(255,255,255,.08) 0,
				rgba(255,255,255,.08) 1px,
				transparent 1px,
				transparent 35px
			);
	}

	.ing_company_map_center{
		width:90px;
		height:90px;
		box-shadow:
			0 0 0 9px rgba(242,95,147,.08),
			0 0 0 18px rgba(242,95,147,.04);
	}

	.ing_company_map_center strong{
		font-size:24px;
	}

	.ing_map_point{
		gap:7px;
	}

	.ing_map_point i{
		width:12px;
		height:12px;
		box-shadow:0 0 0 5px rgba(242,95,147,.13);
	}

	.ing_map_point em{
		font-size:8px;
	}

	.ing_map_point_gwangju{
		left:20px;
		top:170px;
	}

	.ing_map_point_busan{
		right:10px;
		top:97px;
	}

	.ing_map_point_jeju{
		left:112px;
		bottom:21px;
	}

	.ing_map_line_1{
		left:52px;
		top:176px;
		width:108px;
	}

	.ing_map_line_2{
		left:155px;
		top:155px;
		width:112px;
	}

	.ing_company_region_button{
		min-height:96px;
		grid-template-columns:38px 1fr 30px;
		gap:10px;
	}

	.ing_company_region_name strong{
		font-size:19px;
	}

	.ing_company_region_name small{
		font-size:8px;
	}

	.ing_company_region_inner{
		padding:0 0 28px 48px;
	}

	.ing_company_region_inner > p{
		font-size:13px;
	}

	.ing_company_culture_box{
		display:flex;
		flex-direction:column;
		align-items:stretch;
		gap:40px;
		padding:25px;
		border-radius:24px;
	}

	.ing_company_culture_box:after{
		right:15px;
		top:12px;
		font-size:70px;
	}

	.ing_company_culture_logo_frame{
		min-height:280px;
		padding:22px;
		border-radius:21px;
	}

	.ing_company_culture_logo_frame img{
		max-width:310px;
	}

	.ing_company_culture_label{
		font-size:10px;
	}

	.ing_company_culture_content h2{
		font-size:29px;
		line-height:1.4;
	}

	.ing_company_culture_desc{
		font-size:14px;
	}

	.ing_company_culture_band{
		grid-template-columns:50px 1fr;
		gap:15px;
		padding:20px;
	}

	.ing_company_culture_band_icon{
		width:50px;
		height:50px;
		padding:12px;
	}

	.ing_company_culture_band strong{
		font-size:20px;
	}

	.ing_company_consulting_grid{
		grid-template-columns:1fr;
		gap:13px;
		margin-top:45px;
	}

	.ing_company_consulting_grid:before{
		display:none;
	}

	.ing_company_consulting_item{
		min-height:auto;
		padding:28px 25px;
	}

	.ing_company_consulting_item:before{
		top:28px;
		left:auto;
		right:25px;
		width:10px;
		height:10px;
		border-width:3px;
	}

	.ing_company_consulting_step{
		margin-bottom:22px;
	}

	.ing_company_contact{
		padding:0 0 85px;
	}

	.ing_company_contact_box{
		min-height:auto;
		display:flex;
		flex-direction:column;
		align-items:stretch;
		gap:34px;
		padding:45px 27px;
		border-radius:25px;
	}

	.ing_company_contact_text h2{
		font-size:29px;
		line-height:1.42;
	}

	.ing_company_contact_text > span{
		font-size:13px;
	}

	.ing_company_contact_button{
		width:100%;
		height:88px;
		padding:0 25px;
	}

}