@charset "utf-8";

/*
	온라인 마케팅 서비스
	system_codingpage_40.css
*/

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

.ing_marketing_page{
	--ing-pink:#e94b86;
	--ing-pink-deep:#c92e68;
	--ing-pink-dark:#a91f55;
	--ing-pink-light:#fff1f6;
	--ing-pink-soft:#fbd8e5;
	--ing-purple:#8e62d9;
	--ing-navy:#25222c;
	--ing-text:#514b57;
	--ing-line:#eee4e9;
	--ing-white:#ffffff;
	position:relative;
	width:100%;
	overflow:hidden;
	background:#ffffff;
	color:var(--ing-navy);
	font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;
	word-break:keep-all;
}

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

.ing_marketing_page ul,
.ing_marketing_page li{
	margin:0;
	padding:0;
	list-style:none;
}

.ing_marketing_page h2,
.ing_marketing_page h3,
.ing_marketing_page h4,
.ing_marketing_page p{
	margin:0;
	padding:0;
}

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

.ing_marketing_reveal{
	opacity:0;
	transform:translateY(34px);
	transition:
		opacity .75s ease,
		transform .75s ease;
}

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


/* visual */
.ing_marketing_visual{
	position:relative;
	min-height:760px;
	overflow:hidden;
	background:
		linear-gradient(125deg,#fff8fb 0%,#fff0f6 51%,#f7efff 100%);
}

.ing_marketing_visual::before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:160px;
	background:linear-gradient(to top,#ffffff 0%,rgba(255,255,255,0) 100%);
	pointer-events:none;
}

.ing_marketing_visual_bg{
	position:absolute;
	inset:0;
	overflow:hidden;
	pointer-events:none;
}

.ing_marketing_visual_grid{
	position:absolute;
	inset:0;
	opacity:.32;
	background-image:
		linear-gradient(rgba(206,91,138,.08) 1px,transparent 1px),
		linear-gradient(90deg,rgba(206,91,138,.08) 1px,transparent 1px);
	background-size:48px 48px;
	mask-image:linear-gradient(to right,transparent 0%,#000 35%,#000 100%);
}

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

.ing_marketing_visual_circle.circle_1{
	width:570px;
	height:570px;
	right:-160px;
	top:-210px;
	background:rgba(238,91,149,.17);
}

.ing_marketing_visual_circle.circle_2{
	width:340px;
	height:340px;
	left:42%;
	bottom:-170px;
	background:rgba(142,98,217,.12);
}

.ing_marketing_visual_circle.circle_3{
	width:150px;
	height:150px;
	left:4%;
	top:80px;
	border:38px solid rgba(255,255,255,.62);
}

.ing_marketing_visual_inner{
	min-height:760px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:70px;
	padding-top:66px;
	padding-bottom:80px;
}

.ing_marketing_visual_content{
	position:relative;
	z-index:3;
	flex:0 1 650px;
}

.ing_marketing_eyebrow{
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin-bottom:25px;
	font-size:13px;
	font-weight:800;
	letter-spacing:2.4px;
	color:var(--ing-pink-deep);
}

.ing_marketing_eyebrow_dot{
	width:9px;
	height:9px;
	border-radius:50%;
	background:var(--ing-pink);
	box-shadow:0 0 0 6px rgba(233,75,134,.13);
}

.ing_marketing_visual_title{
	font-size:58px;
	line-height:1.25;
	letter-spacing:-3.4px;
	font-weight:500;
	color:#29242d;
}

.ing_marketing_visual_title strong{
	position:relative;
	display:inline-block;
	font-weight:800;
	color:var(--ing-pink-deep);
}

.ing_marketing_visual_title strong::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:3px;
	height:12px;
	z-index:-1;
	border-radius:20px;
	background:rgba(233,75,134,.13);
}

.ing_marketing_visual_desc{
	margin-top:29px;
	font-size:18px;
	line-height:1.85;
	letter-spacing:-.55px;
	color:#625a65;
}

.ing_marketing_visual_buttons{
	display:flex;
	align-items:center;
	gap:12px;
	margin-top:38px;
}

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

.ing_marketing_btn_primary{
	color:#ffffff !important;
	background:linear-gradient(135deg,var(--ing-pink),var(--ing-pink-deep));
	box-shadow:0 16px 32px rgba(201,46,104,.24);
}

.ing_marketing_btn_primary span{
	font-size:20px;
	transition:transform .25s ease;
}

.ing_marketing_btn_primary:hover{
	transform:translateY(-3px);
	box-shadow:0 20px 40px rgba(201,46,104,.3);
}

.ing_marketing_btn_primary:hover span{
	transform:translateX(4px);
}

.ing_marketing_btn_line{
	border:1px solid rgba(201,46,104,.22);
	color:var(--ing-pink-deep) !important;
	background:rgba(255,255,255,.64);
	backdrop-filter:blur(8px);
}

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

.ing_marketing_visual_tags{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:27px;
}

.ing_marketing_visual_tags span{
	display:inline-flex;
	align-items:center;
	min-height:34px;
	padding:0 13px;
	border:1px solid rgba(201,46,104,.13);
	border-radius:30px;
	background:rgba(255,255,255,.54);
	font-size:12px;
	font-weight:650;
	color:#8e6476;
}

.ing_marketing_visual_art{
	position:relative;
	z-index:2;
	flex:0 0 510px;
	height:590px;
}

.ing_marketing_phone{
	position:absolute;
	left:118px;
	top:23px;
	width:292px;
	height:556px;
	padding:10px;
	border-radius:42px;
	background:#27212a;
	box-shadow:
		0 42px 80px rgba(95,44,68,.26),
		inset 0 0 0 1px rgba(255,255,255,.1);
	transform:rotate(4deg);
}

.ing_marketing_phone::before{
	content:"";
	position:absolute;
	left:-4px;
	top:116px;
	width:4px;
	height:64px;
	border-radius:4px 0 0 4px;
	background:#473e49;
}

.ing_marketing_phone::after{
	content:"";
	position:absolute;
	right:-4px;
	top:142px;
	width:4px;
	height:84px;
	border-radius:0 4px 4px 0;
	background:#473e49;
}

.ing_marketing_phone_top{
	position:absolute;
	z-index:2;
	left:50%;
	top:17px;
	width:88px;
	height:23px;
	transform:translateX(-50%);
	border-radius:20px;
	background:#27212a;
}

.ing_marketing_phone_top span{
	position:absolute;
	right:15px;
	top:8px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#433943;
}

.ing_marketing_phone_screen{
	width:100%;
	height:100%;
	overflow:hidden;
	border-radius:33px;
	background:#ffffff;
}

.ing_marketing_phone_header{
	height:72px;
	padding:18px 17px 10px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.ing_marketing_phone_profile{
	display:flex;
	align-items:center;
	gap:10px;
}

.ing_marketing_phone_profile_icon{
	width:34px;
	height:34px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:linear-gradient(135deg,#f883ad,#bd4fd3);
	font-size:9px;
	font-weight:900;
	color:#ffffff;
}

.ing_marketing_phone_profile div{
	display:flex;
	flex-direction:column;
	gap:3px;
}

.ing_marketing_phone_profile strong{
	font-size:11px;
	color:#343038;
}

.ing_marketing_phone_profile small{
	font-size:8px;
	color:#a59ca6;
}

.ing_marketing_phone_more{
	font-size:13px;
	font-weight:900;
	letter-spacing:1px;
	color:#675e68;
}

.ing_marketing_phone_post{
	position:relative;
	height:292px;
	overflow:hidden;
	background:
		linear-gradient(145deg,#f59cbc 0%,#d85c9b 42%,#8c56ce 100%);
}

.ing_marketing_phone_post::before{
	content:"";
	position:absolute;
	inset:18px;
	border:1px solid rgba(255,255,255,.42);
	border-radius:5px;
}

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

.ing_marketing_phone_post_shape.shape_1{
	width:160px;
	height:160px;
	right:-44px;
	top:-45px;
	border:28px solid rgba(255,255,255,.16);
}

.ing_marketing_phone_post_shape.shape_2{
	width:94px;
	height:94px;
	left:-35px;
	bottom:18px;
	background:rgba(255,255,255,.16);
}

.ing_marketing_phone_post_shape.shape_3{
	width:32px;
	height:32px;
	right:33px;
	bottom:25px;
	background:#ffd3e2;
	box-shadow:
		-44px -8px 0 rgba(255,255,255,.25),
		-18px -48px 0 rgba(255,255,255,.18);
}

.ing_marketing_phone_post_text{
	position:absolute;
	left:36px;
	top:84px;
	color:#ffffff;
}

.ing_marketing_phone_post_text span{
	display:block;
	margin-bottom:6px;
	font-size:10px;
	font-weight:700;
	letter-spacing:2.8px;
}

.ing_marketing_phone_post_text strong{
	display:block;
	font-size:34px;
	line-height:1.03;
	letter-spacing:-1.5px;
	font-weight:900;
}

.ing_marketing_phone_actions{
	height:49px;
	padding:0 17px;
	display:flex;
	align-items:center;
	gap:15px;
	font-size:22px;
	color:#342e36;
}

.ing_marketing_phone_save{
	margin-left:auto;
}

.ing_marketing_phone_copy{
	padding:0 17px;
}

.ing_marketing_phone_copy span{
	display:block;
	height:6px;
	margin-bottom:8px;
	border-radius:10px;
	background:#eee8ed;
}

.ing_marketing_phone_copy span:nth-child(1){
	width:60%;
}

.ing_marketing_phone_copy span:nth-child(2){
	width:88%;
}

.ing_marketing_phone_copy span:nth-child(3){
	width:73%;
}

.ing_marketing_float_card{
	position:absolute;
	z-index:4;
	min-width:202px;
	height:76px;
	display:flex;
	align-items:center;
	gap:12px;
	padding:0 17px;
	border:1px solid rgba(255,255,255,.85);
	border-radius:16px;
	background:rgba(255,255,255,.9);
	box-shadow:0 18px 44px rgba(83,46,66,.15);
	backdrop-filter:blur(10px);
	animation:ingMarketingFloat 4s ease-in-out infinite;
}

.ing_marketing_float_card_1{
	left:0;
	top:115px;
}

.ing_marketing_float_card_2{
	right:-16px;
	bottom:117px;
	animation-delay:-1.8s;
}

.ing_marketing_float_icon{
	flex:none;
	width:42px;
	height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:13px;
	background:#03c75a;
	font-size:18px;
	font-weight:900;
	color:#ffffff;
}

.ing_marketing_float_icon_pink{
	background:linear-gradient(135deg,#f26c9f,#a35bd4);
}

.ing_marketing_float_card div{
	display:flex;
	flex-direction:column;
	gap:5px;
}

.ing_marketing_float_card small{
	font-size:10px;
	font-weight:600;
	color:#978a94;
}

.ing_marketing_float_card strong{
	font-size:14px;
	color:#3d3540;
}

.ing_marketing_chart_card{
	position:absolute;
	z-index:3;
	left:15px;
	bottom:27px;
	width:208px;
	padding:18px 18px 15px;
	border:1px solid rgba(255,255,255,.9);
	border-radius:18px;
	background:rgba(255,255,255,.88);
	box-shadow:0 20px 46px rgba(83,46,66,.14);
	backdrop-filter:blur(10px);
}

.ing_marketing_chart_head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:14px;
}

.ing_marketing_chart_head span{
	font-size:8px;
	font-weight:800;
	letter-spacing:1.6px;
	color:#bc92a3;
}

.ing_marketing_chart_head strong{
	font-size:11px;
	color:#4b4148;
}

.ing_marketing_chart{
	height:62px;
	display:flex;
	align-items:flex-end;
	gap:8px;
	padding:0 3px;
	border-bottom:1px solid #eadfe4;
}

.ing_marketing_chart span{
	flex:1;
	display:block;
	border-radius:5px 5px 0 0;
	background:linear-gradient(to top,#dc4e88,#f69dbd);
	transform-origin:bottom;
	animation:ingMarketingChart 1.4s ease both;
}

.ing_marketing_chart .bar_1{
	height:28%;
}

.ing_marketing_chart .bar_2{
	height:42%;
	animation-delay:.08s;
}

.ing_marketing_chart .bar_3{
	height:36%;
	animation-delay:.16s;
}

.ing_marketing_chart .bar_4{
	height:62%;
	animation-delay:.24s;
}

.ing_marketing_chart .bar_5{
	height:72%;
	animation-delay:.32s;
}

.ing_marketing_chart .bar_6{
	height:95%;
	animation-delay:.4s;
}

@keyframes ingMarketingFloat{
	0%,
	100%{
		transform:translateY(0);
	}

	50%{
		transform:translateY(-10px);
	}
}

@keyframes ingMarketingChart{
	from{
		transform:scaleY(0);
	}

	to{
		transform:scaleY(1);
	}
}


/* common heading */
.ing_marketing_section_head{
	max-width:750px;
	margin-bottom:51px;
}

.ing_marketing_section_head_center{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.ing_marketing_section_label{
	display:inline-block;
	margin-bottom:17px;
	font-size:12px;
	font-weight:850;
	letter-spacing:2.2px;
	color:var(--ing-pink-deep);
}

.ing_marketing_section_head h3,
.ing_marketing_solution_content h3,
.ing_marketing_reason_title h3{
	font-size:42px;
	line-height:1.35;
	letter-spacing:-2.3px;
	font-weight:500;
	color:#2b2730;
}

.ing_marketing_section_head h3 strong,
.ing_marketing_solution_content h3 strong,
.ing_marketing_reason_title h3 strong{
	font-weight:800;
	color:var(--ing-pink-deep);
}

.ing_marketing_section_head p{
	margin-top:20px;
	font-size:17px;
	line-height:1.8;
	letter-spacing:-.5px;
	color:#716972;
}


/* intro */
.ing_marketing_intro{
	position:relative;
	padding:120px 0 130px;
	background:#ffffff;
}

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

.ing_marketing_intro_card{
	position:relative;
	min-height:306px;
	padding:39px 34px 34px;
	overflow:hidden;
	border:1px solid var(--ing-line);
	border-radius:19px;
	background:#ffffff;
	box-shadow:0 12px 38px rgba(74,47,61,.055);
	transition:
		transform .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;
}

.ing_marketing_intro_card::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:4px;
	background:linear-gradient(90deg,var(--ing-pink),#f1a0be);
	transform:scaleX(0);
	transform-origin:left;
	transition:transform .3s ease;
}

.ing_marketing_intro_card:hover{
	transform:translateY(-8px);
	border-color:#f4c8d9;
	box-shadow:0 24px 52px rgba(91,44,67,.11);
}

.ing_marketing_intro_card:hover::before{
	transform:scaleX(1);
}

.ing_marketing_intro_num{
	position:absolute;
	right:25px;
	top:22px;
	font-size:38px;
	line-height:1;
	font-weight:900;
	color:#f8e9ef;
}

.ing_marketing_intro_icon{
	width:64px;
	height:64px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:26px;
	border-radius:18px;
	background:var(--ing-pink-light);
}

.ing_marketing_intro_icon > span{
	position:relative;
	display:block;
}

.ing_marketing_intro_icon .icon_target{
	width:34px;
	height:34px;
	border:3px solid var(--ing-pink);
	border-radius:50%;
}

.ing_marketing_intro_icon .icon_target::before{
	content:"";
	position:absolute;
	left:7px;
	top:7px;
	width:14px;
	height:14px;
	border:3px solid var(--ing-pink);
	border-radius:50%;
}

.ing_marketing_intro_icon .icon_target::after{
	content:"";
	position:absolute;
	left:14px;
	top:14px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--ing-pink);
}

.ing_marketing_intro_icon .icon_content{
	width:31px;
	height:36px;
	border:3px solid var(--ing-pink);
	border-radius:5px;
}

.ing_marketing_intro_icon .icon_content::before,
.ing_marketing_intro_icon .icon_content::after{
	content:"";
	position:absolute;
	left:6px;
	height:3px;
	border-radius:3px;
	background:var(--ing-pink);
}

.ing_marketing_intro_icon .icon_content::before{
	top:9px;
	width:14px;
	box-shadow:0 7px 0 var(--ing-pink);
}

.ing_marketing_intro_icon .icon_content::after{
	top:23px;
	width:9px;
}

.ing_marketing_intro_icon .icon_chart{
	width:36px;
	height:32px;
	border-left:3px solid var(--ing-pink);
	border-bottom:3px solid var(--ing-pink);
}

.ing_marketing_intro_icon .icon_chart::before{
	content:"";
	position:absolute;
	left:5px;
	bottom:4px;
	width:5px;
	height:10px;
	border-radius:2px 2px 0 0;
	background:var(--ing-pink);
	box-shadow:
		9px -6px 0 var(--ing-pink),
		18px -15px 0 var(--ing-pink);
}

.ing_marketing_intro_card h4{
	margin-bottom:15px;
	font-size:22px;
	letter-spacing:-.9px;
	color:#342e37;
}

.ing_marketing_intro_card p{
	font-size:15px;
	line-height:1.8;
	letter-spacing:-.4px;
	color:#766e76;
}


/* channels */
.ing_marketing_channels{
	position:relative;
	padding:124px 0 134px;
	background:#fff8fb;
}

.ing_marketing_channels::before{
	content:"";
	position:absolute;
	left:50%;
	top:0;
	width:720px;
	height:330px;
	transform:translateX(-50%);
	background:radial-gradient(circle,rgba(238,112,158,.12) 0%,rgba(255,255,255,0) 72%);
	pointer-events:none;
}

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

.ing_marketing_channel_card{
	position:relative;
	min-height:386px;
	padding:32px 29px 31px;
	overflow:hidden;
	border:1px solid #f1e2e9;
	border-radius:18px;
	background:#ffffff;
	box-shadow:0 15px 42px rgba(96,52,72,.06);
	transition:
		transform .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;
}

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

.ing_marketing_channel_card:hover{
	transform:translateY(-8px);
	border-color:#efbdd0;
	box-shadow:0 26px 56px rgba(96,52,72,.12);
}

.ing_marketing_channel_card:hover::after{
	transform:scale(1.3);
}

.ing_marketing_channel_top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:26px;
}

.ing_marketing_channel_badge{
	width:51px;
	height:51px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:15px;
	font-size:18px;
	font-weight:900;
	color:#ffffff;
	box-shadow:0 10px 22px rgba(67,42,57,.13);
}

.ing_marketing_channel_badge.badge_naver{
	background:#03c75a;
}

.ing_marketing_channel_badge.badge_search{
	background:linear-gradient(135deg,#05a967,#00c975);
	font-size:13px;
}

.ing_marketing_channel_badge.badge_blog{
	background:linear-gradient(135deg,#21a65b,#00c973);
}

.ing_marketing_channel_badge.badge_instagram{
	background:linear-gradient(135deg,#feab4a,#e44091 48%,#7545c7);
	font-size:25px;
}

.ing_marketing_channel_badge.badge_facebook{
	background:#1877f2;
	font-family:Arial,sans-serif;
	font-size:26px;
}

.ing_marketing_channel_badge.badge_threads{
	background:#171717;
	font-size:22px;
}

.ing_marketing_channel_type{
	font-size:9px;
	font-weight:850;
	letter-spacing:1.6px;
	color:#bc9aa8;
}

.ing_marketing_channel_card h4{
	margin-bottom:16px;
	font-size:24px;
	letter-spacing:-1px;
	color:#312b34;
}

.ing_marketing_channel_card > p{
	min-height:80px;
	margin-bottom:20px;
	font-size:15px;
	line-height:1.75;
	letter-spacing:-.4px;
	color:#766d76;
}

.ing_marketing_channel_card ul{
	padding-top:19px;
	border-top:1px solid #f2e7ec;
}

.ing_marketing_channel_card li{
	position:relative;
	margin-top:10px;
	padding-left:15px;
	font-size:13px;
	line-height:1.55;
	color:#655d66;
}

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

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

.ing_marketing_channel_arrow{
	position:absolute;
	z-index:2;
	right:25px;
	bottom:21px;
	font-size:21px;
	font-weight:500;
	color:#df86a8;
	transition:
		transform .25s ease,
		color .25s ease;
}

.ing_marketing_channel_card:hover .ing_marketing_channel_arrow{
	transform:translate(3px,-3px);
	color:var(--ing-pink-deep);
}


/* solution */
.ing_marketing_solution{
	position:relative;
	padding:140px 0;
	overflow:hidden;
	background:#2a242d;
}

.ing_marketing_solution::before{
	content:"";
	position:absolute;
	right:-130px;
	top:-230px;
	width:650px;
	height:650px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(233,75,134,.26) 0%,rgba(233,75,134,0) 67%);
}

.ing_marketing_solution::after{
	content:"";
	position:absolute;
	left:-200px;
	bottom:-320px;
	width:700px;
	height:700px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(142,98,217,.18) 0%,rgba(142,98,217,0) 68%);
}

.ing_marketing_solution_inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:95px;
}

.ing_marketing_solution_content{
	position:relative;
	z-index:2;
	flex:1;
	max-width:570px;
}

.ing_marketing_solution_content .ing_marketing_section_label{
	color:#f29cbd;
}

.ing_marketing_solution_content h3{
	color:#ffffff;
}

.ing_marketing_solution_content h3 strong{
	color:#ff8fb8;
}

.ing_marketing_solution_content > p{
	margin-top:23px;
	font-size:16px;
	line-height:1.85;
	letter-spacing:-.4px;
	color:#bcb1bd;
}

.ing_marketing_solution_points{
	margin-top:36px;
	display:flex;
	flex-direction:column;
	gap:12px;
}

.ing_marketing_solution_points > div{
	display:flex;
	align-items:flex-start;
	gap:16px;
	padding:17px 19px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:12px;
	background:rgba(255,255,255,.035);
}

.ing_marketing_solution_points > div > span{
	flex:none;
	width:36px;
	height:36px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:10px;
	background:rgba(233,75,134,.14);
	font-size:11px;
	font-weight:850;
	color:#f49aba;
}

.ing_marketing_solution_points p{
	font-size:13px;
	line-height:1.6;
	color:#a99faa;
}

.ing_marketing_solution_points p strong{
	display:block;
	margin-bottom:2px;
	font-size:15px;
	color:#ffffff;
}

.ing_marketing_solution_diagram{
	position:relative;
	z-index:2;
	flex:0 0 555px;
	height:500px;
}

.ing_marketing_solution_center{
	position:absolute;
	z-index:3;
	left:50%;
	top:50%;
	width:188px;
	height:188px;
	transform:translate(-50%,-50%);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(255,255,255,.2);
	border-radius:50%;
	background:
		radial-gradient(circle at 32% 27%,rgba(255,255,255,.2),transparent 35%),
		linear-gradient(145deg,#df4b86,#9a4bba);
	box-shadow:
		0 0 0 21px rgba(233,75,134,.07),
		0 26px 50px rgba(0,0,0,.3);
	color:#ffffff;
}

.ing_marketing_solution_center span{
	font-size:13px;
	font-weight:850;
	letter-spacing:3px;
}

.ing_marketing_solution_center strong{
	margin:7px 0 4px;
	font-size:27px;
	letter-spacing:-1px;
}

.ing_marketing_solution_center small{
	font-size:8px;
	letter-spacing:2px;
	opacity:.7;
}

.ing_marketing_solution_node{
	position:absolute;
	z-index:3;
	width:107px;
	height:107px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:7px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:50%;
	background:#39313c;
	box-shadow:0 19px 36px rgba(0,0,0,.2);
	color:#ffffff;
}

.ing_marketing_solution_node span{
	width:35px;
	height:35px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:12px;
	background:rgba(233,75,134,.15);
	font-size:16px;
	font-weight:850;
	color:#f58eb5;
}

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

.ing_marketing_solution_node.node_1{
	left:28px;
	top:59px;
}

.ing_marketing_solution_node.node_2{
	right:18px;
	top:80px;
}

.ing_marketing_solution_node.node_3{
	left:29px;
	bottom:55px;
}

.ing_marketing_solution_node.node_4{
	right:36px;
	bottom:39px;
}

.ing_marketing_solution_line{
	position:absolute;
	z-index:1;
	left:50%;
	top:50%;
	width:190px;
	height:1px;
	background:linear-gradient(90deg,rgba(233,75,134,.6),rgba(255,255,255,.08));
	transform-origin:left center;
}

.ing_marketing_solution_line::after{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	width:6px;
	height:6px;
	transform:translateY(-50%);
	border-radius:50%;
	background:#ee75a2;
	box-shadow:0 0 0 6px rgba(238,117,162,.09);
}

.ing_marketing_solution_line.line_1{
	transform:rotate(-145deg);
	width:202px;
}

.ing_marketing_solution_line.line_2{
	transform:rotate(-34deg);
	width:194px;
}

.ing_marketing_solution_line.line_3{
	transform:rotate(145deg);
	width:200px;
}

.ing_marketing_solution_line.line_4{
	transform:rotate(35deg);
	width:186px;
}


/* process */
.ing_marketing_process{
	padding:128px 0 137px;
	background:#ffffff;
}

.ing_marketing_process_list{
	position:relative;
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:15px;
}

.ing_marketing_process_list::before{
	content:"";
	position:absolute;
	left:8%;
	right:8%;
	top:36px;
	height:1px;
	background:linear-gradient(
		90deg,
		rgba(233,75,134,.1),
		rgba(233,75,134,.6),
		rgba(233,75,134,.1)
	);
}

.ing_marketing_process_item{
	position:relative;
	z-index:2;
	text-align:center;
}

.ing_marketing_process_num{
	width:72px;
	height:72px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 26px;
	border:7px solid #ffffff;
	border-radius:50%;
	background:var(--ing-pink-light);
	box-shadow:0 0 0 1px #f5c8d9;
	font-size:15px;
	font-weight:900;
	color:var(--ing-pink-deep);
	transition:
		background .3s ease,
		color .3s ease,
		transform .3s ease;
}

.ing_marketing_process_item:hover .ing_marketing_process_num{
	transform:translateY(-5px);
	background:var(--ing-pink);
	color:#ffffff;
}

.ing_marketing_process_body{
	min-height:210px;
	padding:25px 20px;
	border:1px solid var(--ing-line);
	border-radius:15px;
	background:#ffffff;
}

.ing_marketing_process_body > span{
	display:block;
	margin-bottom:12px;
	font-size:9px;
	font-weight:850;
	letter-spacing:1.7px;
	color:#cc91a7;
}

.ing_marketing_process_body h4{
	margin-bottom:12px;
	font-size:18px;
	letter-spacing:-.7px;
	color:#342f37;
}

.ing_marketing_process_body p{
	font-size:14px;
	line-height:1.75;
	letter-spacing:-.35px;
	color:#797179;
}


/* reason */
.ing_marketing_reason{
	padding:0 0 140px;
	background:#ffffff;
}

.ing_marketing_reason_box{
	position:relative;
	display:grid;
	grid-template-columns:410px 1fr;
	gap:70px;
	padding:68px 70px;
	overflow:hidden;
	border-radius:27px;
	background:#fff3f7;
}

.ing_marketing_reason_box::before{
	content:"";
	position:absolute;
	right:-70px;
	top:-80px;
	width:270px;
	height:270px;
	border:56px solid rgba(233,75,134,.055);
	border-radius:50%;
}

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

.ing_marketing_reason_title h3{
	font-size:37px;
}

.ing_marketing_reason_title p{
	margin-top:23px;
	font-size:15px;
	line-height:1.85;
	color:#746a73;
}

.ing_marketing_reason_grid{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:18px;
}

.ing_marketing_reason_item{
	padding:26px 24px;
	border:1px solid rgba(228,130,167,.21);
	border-radius:16px;
	background:rgba(255,255,255,.78);
}

.ing_marketing_reason_icon{
	width:39px;
	height:39px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:17px;
	border-radius:11px;
	background:#fce1eb;
	font-size:11px;
	font-weight:900;
	color:var(--ing-pink-deep);
}

.ing_marketing_reason_item h4{
	margin-bottom:10px;
	font-size:17px;
	letter-spacing:-.6px;
	color:#373039;
}

.ing_marketing_reason_item p{
	font-size:13px;
	line-height:1.72;
	letter-spacing:-.3px;
	color:#7a7078;
}


/* cta */
.ing_marketing_cta{
	position:relative;
	overflow:hidden;
	padding:118px 0 122px;
	background:
		linear-gradient(135deg,#c42d67 0%,#e94b86 53%,#a649b5 100%);
	color:#ffffff;
}

.ing_marketing_cta::before{
	content:"";
	position:absolute;
	inset:0;
	opacity:.18;
	background-image:
		linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);
	background-size:42px 42px;
}

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

.ing_marketing_cta_bg span{
	position:absolute;
	display:block;
	border:1px solid rgba(255,255,255,.15);
	border-radius:50%;
}

.ing_marketing_cta_bg span:nth-child(1){
	width:440px;
	height:440px;
	left:-190px;
	top:-220px;
}

.ing_marketing_cta_bg span:nth-child(2){
	width:270px;
	height:270px;
	right:3%;
	bottom:-150px;
	border-width:50px;
}

.ing_marketing_cta_bg span:nth-child(3){
	width:70px;
	height:70px;
	right:22%;
	top:39px;
	background:rgba(255,255,255,.08);
}

.ing_marketing_cta_inner{
	position:relative;
	z-index:2;
	text-align:center;
}

.ing_marketing_cta_label{
	display:block;
	margin-bottom:20px;
	font-size:11px;
	font-weight:850;
	letter-spacing:3px;
	color:#ffd4e4;
}

.ing_marketing_cta h3{
	font-size:42px;
	line-height:1.4;
	letter-spacing:-2px;
	font-weight:400;
}

.ing_marketing_cta h3 strong{
	font-weight:800;
}

.ing_marketing_cta p{
	margin-top:20px;
	font-size:16px;
	line-height:1.8;
	color:rgba(255,255,255,.8);
}

.ing_marketing_cta_button{
	min-width:254px;
	height:64px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:32px;
	margin-top:35px;
	padding:0 31px;
	border-radius:12px;
	background:#ffffff;
	box-shadow:0 17px 37px rgba(92,24,56,.23);
	font-size:16px;
	font-weight:800;
	color:var(--ing-pink-deep) !important;
	transition:
		transform .25s ease,
		box-shadow .25s ease;
}

.ing_marketing_cta_button span{
	font-size:21px;
	transition:transform .25s ease;
}

.ing_marketing_cta_button:hover{
	transform:translateY(-4px);
	box-shadow:0 23px 44px rgba(92,24,56,.31);
}

.ing_marketing_cta_button:hover span{
	transform:translateX(5px);
}


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

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

	.ing_marketing_reveal{
		transform:translateY(24px);
	}

	.ing_marketing_visual{
		min-height:auto;
	}

	.ing_marketing_visual_circle.circle_1{
		width:320px;
		height:320px;
		right:-170px;
		top:-110px;
	}

	.ing_marketing_visual_circle.circle_2{
		width:230px;
		height:230px;
		left:-90px;
		bottom:10px;
	}

	.ing_marketing_visual_circle.circle_3{
		display:none;
	}

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

	.ing_marketing_visual_inner{
		min-height:auto;
		display:block;
		padding-top:76px;
		padding-bottom:72px;
	}

	.ing_marketing_visual_content{
		max-width:none;
		text-align:center;
	}

	.ing_marketing_eyebrow{
		margin-bottom:20px;
		font-size:10px;
		letter-spacing:1.7px;
	}

	.ing_marketing_eyebrow_dot{
		width:7px;
		height:7px;
		box-shadow:0 0 0 5px rgba(233,75,134,.12);
	}

	.ing_marketing_visual_title{
		font-size:36px;
		line-height:1.3;
		letter-spacing:-2.1px;
	}

	.ing_marketing_visual_title strong::after{
		bottom:1px;
		height:8px;
	}

	.ing_marketing_visual_desc{
		margin-top:22px;
		font-size:15px;
		line-height:1.75;
	}

	.ing_marketing_visual_desc br{
		display:none;
	}

	.ing_marketing_visual_buttons{
		display:flex;
		flex-direction:column;
		margin-top:30px;
	}

	.ing_marketing_btn_primary,
	.ing_marketing_btn_line{
		width:100%;
		height:55px;
	}

	.ing_marketing_visual_tags{
		justify-content:center;
		margin-top:22px;
	}

	.ing_marketing_visual_tags span{
		min-height:31px;
		padding:0 10px;
		font-size:10px;
	}

	.ing_marketing_visual_art{
		width:100%;
		height:440px;
		margin-top:45px;
	}

	.ing_marketing_phone{
		left:50%;
		top:0;
		width:222px;
		height:422px;
		padding:8px;
		border-radius:33px;
		transform:translateX(-50%) rotate(3deg);
	}

	.ing_marketing_phone_top{
		top:13px;
		width:68px;
		height:18px;
	}

	.ing_marketing_phone_top span{
		right:11px;
		top:6px;
		width:5px;
		height:5px;
	}

	.ing_marketing_phone_screen{
		border-radius:26px;
	}

	.ing_marketing_phone_header{
		height:57px;
		padding:15px 13px 8px;
	}

	.ing_marketing_phone_profile{
		gap:7px;
	}

	.ing_marketing_phone_profile_icon{
		width:27px;
		height:27px;
		font-size:7px;
	}

	.ing_marketing_phone_profile strong{
		font-size:8px;
	}

	.ing_marketing_phone_profile small{
		font-size:6px;
	}

	.ing_marketing_phone_post{
		height:219px;
	}

	.ing_marketing_phone_post::before{
		inset:14px;
	}

	.ing_marketing_phone_post_text{
		left:29px;
		top:63px;
	}

	.ing_marketing_phone_post_text span{
		font-size:7px;
	}

	.ing_marketing_phone_post_text strong{
		font-size:26px;
	}

	.ing_marketing_phone_post_shape.shape_1{
		width:120px;
		height:120px;
	}

	.ing_marketing_phone_actions{
		height:40px;
		padding:0 13px;
		gap:11px;
		font-size:17px;
	}

	.ing_marketing_phone_copy{
		padding:0 13px;
	}

	.ing_marketing_phone_copy span{
		height:5px;
		margin-bottom:6px;
	}

	.ing_marketing_float_card{
		min-width:155px;
		height:61px;
		gap:9px;
		padding:0 11px;
		border-radius:13px;
	}

	.ing_marketing_float_card_1{
		left:-3px;
		top:80px;
	}

	.ing_marketing_float_card_2{
		right:-1px;
		bottom:83px;
	}

	.ing_marketing_float_icon{
		width:34px;
		height:34px;
		border-radius:10px;
		font-size:14px;
	}

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

	.ing_marketing_float_card strong{
		font-size:11px;
	}

	.ing_marketing_chart_card{
		left:1px;
		bottom:11px;
		width:153px;
		padding:12px 12px 10px;
		border-radius:13px;
	}

	.ing_marketing_chart_head{
		margin-bottom:9px;
	}

	.ing_marketing_chart-head span{
		font-size:6px;
	}

	.ing_marketing_chart-head strong{
		font-size:8px;
	}

	.ing_marketing_chart{
		height:45px;
		gap:5px;
	}

	.ing_marketing_section_head{
		margin-bottom:35px;
	}

	.ing_marketing_section_label{
		margin-bottom:13px;
		font-size:10px;
		letter-spacing:1.7px;
	}

	.ing_marketing_section_head h3,
	.ing_marketing_solution_content h3,
	.ing_marketing_reason_title h3{
		font-size:30px;
		line-height:1.4;
		letter-spacing:-1.7px;
	}

	.ing_marketing_section_head p{
		margin-top:16px;
		font-size:15px;
		line-height:1.75;
	}

	.ing_marketing_intro{
		padding:82px 0 88px;
	}

	.ing_marketing_intro_grid{
		grid-template-columns:1fr;
		gap:14px;
	}

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

	.ing_marketing_intro_num{
		right:21px;
		top:20px;
		font-size:31px;
	}

	.ing_marketing_intro_icon{
		width:57px;
		height:57px;
		margin-bottom:21px;
		border-radius:16px;
	}

	.ing_marketing_intro_card h4{
		font-size:20px;
	}

	.ing_marketing_intro_card p{
		font-size:14px;
	}

	.ing_marketing_channels{
		padding:84px 0 91px;
	}

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

	.ing_marketing_channel_card{
		min-height:auto;
		padding:27px 24px 29px;
	}

	.ing_marketing_channel_top{
		margin-bottom:21px;
	}

	.ing_marketing_channel_badge{
		width:47px;
		height:47px;
		border-radius:14px;
	}

	.ing_marketing_channel_card h4{
		font-size:22px;
	}

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

	.ing_marketing_channel_card li{
		font-size:12px;
	}

	.ing_marketing_solution{
		padding:87px 0 80px;
	}

	.ing_marketing_solution_inner{
		display:block;
	}

	.ing_marketing_solution_content{
		max-width:none;
		text-align:center;
	}

	.ing_marketing_solution_content > p{
		margin-top:19px;
		font-size:14px;
	}

	.ing_marketing_solution_points{
		margin-top:29px;
		text-align:left;
	}

	.ing_marketing_solution_points > div{
		padding:15px;
	}

	.ing_marketing_solution_points p{
		font-size:12px;
	}

	.ing_marketing_solution-points p strong{
		font-size:14px;
	}

	.ing_marketing_solution_diagram{
		width:100%;
		height:370px;
		margin-top:49px;
	}

	.ing_marketing_solution_center{
		width:138px;
		height:138px;
		box-shadow:
			0 0 0 14px rgba(233,75,134,.07),
			0 20px 40px rgba(0,0,0,.27);
	}

	.ing_marketing_solution_center span{
		font-size:10px;
	}

	.ing_marketing_solution_center strong{
		font-size:21px;
	}

	.ing_marketing_solution_node{
		width:78px;
		height:78px;
		gap:4px;
	}

	.ing_marketing_solution_node span{
		width:28px;
		height:28px;
		border-radius:9px;
		font-size:12px;
	}

	.ing_marketing_solution_node strong{
		font-size:10px;
	}

	.ing_marketing_solution_node.node_1{
		left:1px;
		top:31px;
	}

	.ing_marketing_solution_node.node_2{
		right:0;
		top:47px;
	}

	.ing_marketing_solution_node.node_3{
		left:3px;
		bottom:32px;
	}

	.ing_marketing_solution_node.node_4{
		right:7px;
		bottom:24px;
	}

	.ing_marketing_solution_line{
		width:122px;
	}

	.ing_marketing_solution_line.line_1{
		width:130px;
	}

	.ing_marketing_solution_line.line_2{
		width:126px;
	}

	.ing_marketing_solution_line.line_3{
		width:130px;
	}

	.ing_marketing_solution_line.line_4{
		width:120px;
	}

	.ing_marketing_process{
		padding:85px 0 91px;
	}

	.ing_marketing_process_list{
		display:block;
	}

	.ing_marketing_process_list::before{
		left:35px;
		right:auto;
		top:26px;
		bottom:26px;
		width:1px;
		height:auto;
		background:linear-gradient(
			to bottom,
			rgba(233,75,134,.1),
			rgba(233,75,134,.55),
			rgba(233,75,134,.1)
		);
	}

	.ing_marketing_process_item{
		display:flex;
		align-items:flex-start;
		gap:14px;
		margin-top:13px;
		text-align:left;
	}

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

	.ing_marketing_process_num{
		flex:none;
		width:70px;
		height:70px;
		margin:0;
	}

	.ing_marketing_process_body{
		flex:1;
		min-height:auto;
		padding:21px 19px;
	}

	.ing_marketing_process_body h4{
		font-size:17px;
	}

	.ing_marketing_process_body p{
		font-size:13px;
	}

	.ing_marketing_reason{
		padding-bottom:90px;
	}

	.ing_marketing_reason_box{
		display:block;
		padding:45px 23px 25px;
		border-radius:21px;
	}

	.ing_marketing_reason_title{
		text-align:center;
	}

	.ing_marketing_reason_title h3{
		font-size:29px;
	}

	.ing_marketing_reason_title p{
		margin-top:18px;
		font-size:14px;
	}

	.ing_marketing_reason_grid{
		grid-template-columns:1fr;
		gap:11px;
		margin-top:31px;
	}

	.ing_marketing_reason_item{
		padding:22px 20px;
	}

	.ing_marketing_cta{
		padding:82px 0 87px;
	}

	.ing_marketing_cta_label{
		margin-bottom:16px;
		font-size:9px;
		letter-spacing:2px;
	}

	.ing_marketing_cta h3{
		font-size:29px;
		line-height:1.45;
		letter-spacing:-1.5px;
	}

	.ing_marketing_cta p{
		margin-top:17px;
		font-size:14px;
		line-height:1.75;
	}

	.ing_marketing_cta p br{
		display:none;
	}

	.ing_marketing_cta_button{
		width:100%;
		min-width:0;
		height:59px;
		margin-top:29px;
		font-size:15px;
	}

}