@charset "utf-8";

/*
	오프라인 마케팅 서비스
	system_codingpage_42.css
*/

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

.ing_offline_page{
	--offline-main:#ec4f88;
	--offline-main-dark:#cc326d;
	--offline-main-deep:#941e51;
	--offline-main-soft:#fff1f6;
	--offline-main-light:#ffdce9;
	--offline-text:#27212a;
	--offline-sub:#6f6671;
	--offline-line:#eadfe4;
	--offline-bg:#fff9fb;
	position:relative;
	width:100%;
	overflow:hidden;
	color:var(--offline-text);
	background:#fff;
	font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;
}

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

.ing_offline_page button{
	font-family:inherit;
}

.ing_offline_page ul,
.ing_offline_page ol{
	margin:0;
	padding:0;
	list-style:none;
}

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

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


/* 상단 비주얼 */
.ing_offline_hero{
	position:relative;
	min-height:720px;
	display:flex;
	align-items:center;
	overflow:hidden;
	background:
		linear-gradient(125deg, #fff9fb 0%, #fff1f6 48%, #ffe7f0 100%);
}

.ing_offline_hero:before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:170px;
	background:linear-gradient(to bottom, rgba(255,255,255,0), #fff);
	pointer-events:none;
}

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

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

.ing_offline_hero_circle.circle_1{
	width:490px;
	height:490px;
	right:-120px;
	top:-160px;
	border:1px solid rgba(236,79,136,.14);
}

.ing_offline_hero_circle.circle_2{
	width:280px;
	height:280px;
	right:230px;
	bottom:-90px;
	background:rgba(255,255,255,.35);
	border:1px solid rgba(236,79,136,.1);
}

.ing_offline_hero_circle.circle_3{
	width:120px;
	height:120px;
	left:6%;
	top:14%;
	background:rgba(255,255,255,.5);
	filter:blur(2px);
}

.ing_offline_hero_line{
	position:absolute;
	display:block;
	height:1px;
	background:linear-gradient(
		to right,
		rgba(236,79,136,0),
		rgba(236,79,136,.2),
		rgba(236,79,136,0)
	);
	transform:rotate(-18deg);
}

.ing_offline_hero_line.line_1{
	width:700px;
	right:-130px;
	top:220px;
}

.ing_offline_hero_line.line_2{
	width:470px;
	left:-170px;
	bottom:180px;
}

.ing_offline_hero_inner{
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:90px;
	padding:100px 0 120px;
}

.ing_offline_hero_text{
	width:53%;
}

.ing_offline_eyebrow{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:25px !important;
	color:var(--offline-main-dark);
	font-size:14px;
	font-weight:800;
	letter-spacing:2.6px;
}

.ing_offline_eyebrow span{
	width:36px;
	height:3px;
	border-radius:10px;
	background:var(--offline-main);
}

.ing_offline_hero h2{
	font-size:55px;
	line-height:1.28;
	letter-spacing:-3.2px;
	font-weight:400;
	word-break:keep-all;
}

.ing_offline_hero h2 strong{
	position:relative;
	color:var(--offline-main-dark);
	font-weight:800;
}

.ing_offline_hero h2 strong:after{
	content:"";
	position:absolute;
	z-index:-1;
	left:0;
	right:0;
	bottom:4px;
	height:13px;
	border-radius:20px;
	background:rgba(236,79,136,.13);
}

.ing_offline_hero_desc{
	max-width:650px;
	margin-top:28px !important;
	color:var(--offline-sub);
	font-size:18px;
	line-height:1.85;
	letter-spacing:-.5px;
	word-break:keep-all;
}

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

.ing_offline_btn{
	min-height:56px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:22px;
	padding:0 27px;
	border-radius:9px;
	font-size:15px;
	font-weight:700;
	transition:
		transform .25s ease,
		box-shadow .25s ease,
		background .25s ease,
		color .25s ease;
}

.ing_offline_btn:hover{
	transform:translateY(-3px);
}

.ing_offline_btn_primary{
	color:#fff !important;
	background:linear-gradient(135deg, var(--offline-main), var(--offline-main-dark));
	box-shadow:0 15px 32px rgba(204,50,109,.24);
}

.ing_offline_btn_primary:hover{
	box-shadow:0 19px 38px rgba(204,50,109,.32);
}

.ing_offline_btn_primary i{
	font-style:normal;
	font-size:19px;
	font-weight:400;
}

.ing_offline_btn_line{
	border:1px solid rgba(204,50,109,.24);
	color:var(--offline-main-dark) !important;
	background:rgba(255,255,255,.55);
}

.ing_offline_btn_line:hover{
	background:#fff;
}

.ing_offline_hero_points{
	display:flex;
	flex-wrap:wrap;
	gap:12px 24px;
	margin-top:30px !important;
}

.ing_offline_hero_points li{
	display:flex;
	align-items:center;
	gap:8px;
	color:#645a65;
	font-size:14px;
	font-weight:600;
}

.ing_offline_check{
	width:21px;
	height:21px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	color:#fff;
	background:var(--offline-main);
	font-size:11px;
}

.ing_offline_hero_visual{
	position:relative;
	width:47%;
	max-width:550px;
	padding:44px 15px 30px 35px;
}

.ing_offline_visual_board{
	position:relative;
	z-index:2;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.82);
	border-radius:28px;
	background:rgba(255,255,255,.78);
	box-shadow:
		0 35px 80px rgba(125,40,75,.15),
		inset 0 1px 0 rgba(255,255,255,.9);
	backdrop-filter:blur(12px);
}

.ing_offline_visual_header{
	height:65px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 24px;
	border-bottom:1px solid rgba(236,79,136,.11);
	color:#46353e;
	font-size:12px;
	font-weight:800;
	letter-spacing:1.3px;
}

.ing_offline_visual_header > div{
	display:flex;
	align-items:center;
	gap:9px;
}

.visual_status_dot{
	width:8px;
	height:8px;
	border-radius:50%;
	background:#f15790;
	box-shadow:0 0 0 5px rgba(241,87,144,.13);
}

.visual_status{
	padding:7px 11px;
	border-radius:20px;
	color:var(--offline-main-dark);
	background:var(--offline-main-soft);
	font-size:10px;
	letter-spacing:1px;
}

.ing_offline_visual_stage{
	position:relative;
	height:330px;
	overflow:hidden;
	background:
		radial-gradient(circle at 50% 10%, rgba(255,255,255,.95), transparent 36%),
		linear-gradient(180deg, #fff7fa 0%, #f9dbe7 63%, #e8b6ca 100%);
}

.ing_offline_visual_stage:before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:75px;
	background:
		linear-gradient(145deg, transparent 45%, rgba(99,36,62,.08) 46%, transparent 48%),
		linear-gradient(215deg, transparent 45%, rgba(99,36,62,.08) 46%, transparent 48%),
		#bd7894;
}

.ing_offline_stage_light{
	position:absolute;
	top:-50px;
	width:95px;
	height:280px;
	background:linear-gradient(
		to bottom,
		rgba(255,255,255,.74),
		rgba(255,255,255,0)
	);
	filter:blur(1px);
	transform-origin:top center;
}

.ing_offline_stage_light.light_1{
	left:26%;
	transform:rotate(19deg);
}

.ing_offline_stage_light.light_2{
	right:26%;
	transform:rotate(-19deg);
}

.ing_offline_stage_screen{
	position:absolute;
	z-index:2;
	top:55px;
	left:50%;
	width:210px;
	height:128px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	transform:translateX(-50%);
	border:4px solid #fff;
	border-radius:8px;
	color:#fff;
	text-align:center;
	background:
		linear-gradient(145deg, rgba(120,25,66,.1), rgba(120,25,66,.42)),
		linear-gradient(135deg, #f46c9d, #a62d63);
	box-shadow:0 15px 30px rgba(103,32,62,.2);
}

.ing_offline_stage_screen span{
	margin-bottom:6px;
	font-size:13px;
	font-weight:800;
	letter-spacing:4px;
}

.ing_offline_stage_screen strong{
	font-size:21px;
	line-height:1.15;
	letter-spacing:1px;
}

.ing_offline_stage_banner{
	position:absolute;
	z-index:2;
	top:72px;
	width:45px;
	height:130px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:4px 4px 0 0;
	color:#fff;
	background:linear-gradient(to bottom, #df477d, #8f2450);
	box-shadow:0 12px 20px rgba(102,35,63,.16);
}

.ing_offline_stage_banner:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:-25px;
	width:2px;
	height:27px;
	background:#7d4e61;
	transform:translateX(-50%);
}

.ing_offline_stage_banner span{
	font-size:9px;
	font-weight:800;
	letter-spacing:2px;
	writing-mode:vertical-rl;
	transform:rotate(180deg);
}

.ing_offline_stage_banner.banner_left{
	left:44px;
}

.ing_offline_stage_banner.banner_right{
	right:44px;
}

.ing_offline_people{
	position:absolute;
	z-index:4;
	left:50%;
	bottom:24px;
	width:330px;
	height:120px;
	transform:translateX(-50%);
}

.person{
	position:absolute;
	bottom:0;
	width:42px;
	height:67px;
	border-radius:18px 18px 5px 5px;
	background:#62404e;
}

.person:before{
	content:"";
	position:absolute;
	top:-25px;
	left:8px;
	width:27px;
	height:27px;
	border-radius:50%;
	background:#7d5666;
}

.person:after{
	content:"";
	position:absolute;
	left:-5px;
	right:-5px;
	top:10px;
	height:28px;
	border-radius:18px 18px 6px 6px;
	background:inherit;
}

.person_1{
	left:3px;
	height:54px;
	transform:scale(.78);
	opacity:.65;
}

.person_2{
	left:46px;
	height:61px;
	transform:scale(.9);
	background:#875469;
}

.person_3{
	left:95px;
	height:72px;
	background:#50333f;
}

.person_4{
	left:144px;
	height:78px;
	background:#a85c79;
}

.person_5{
	right:94px;
	height:68px;
	background:#69414f;
}

.person_6{
	right:43px;
	height:59px;
	transform:scale(.9);
	background:#8d5d70;
}

.person_7{
	right:0;
	height:54px;
	transform:scale(.78);
	opacity:.68;
}

.ing_offline_visual_stats{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	padding:18px 12px;
	background:rgba(255,255,255,.94);
}

.ing_offline_visual_stats div{
	position:relative;
	padding:4px 12px;
	text-align:center;
}

.ing_offline_visual_stats div + div:before{
	content:"";
	position:absolute;
	left:0;
	top:5px;
	bottom:5px;
	width:1px;
	background:#f0dbe3;
}

.ing_offline_visual_stats span{
	display:block;
	margin-bottom:6px;
	color:#a08e96;
	font-size:9px;
	font-weight:800;
	letter-spacing:1px;
}

.ing_offline_visual_stats strong{
	color:#543b46;
	font-size:13px;
}

.ing_offline_float_card{
	position:absolute;
	z-index:4;
	display:flex;
	align-items:center;
	gap:12px;
	min-width:170px;
	padding:14px 18px;
	border:1px solid rgba(255,255,255,.9);
	border-radius:13px;
	background:rgba(255,255,255,.92);
	box-shadow:0 18px 35px rgba(109,38,67,.15);
	animation:ingOfflineFloat 4s ease-in-out infinite;
}

.ing_offline_float_card.card_1{
	left:-25px;
	top:15px;
}

.ing_offline_float_card.card_2{
	right:-35px;
	bottom:70px;
	animation-delay:-2s;
}

.float_icon{
	width:35px;
	height:35px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:none;
	border-radius:10px;
	color:#fff;
	background:linear-gradient(135deg, #f56f9f, #bf3269);
	font-size:20px;
	font-weight:300;
}

.ing_offline_float_card small{
	display:block;
	margin-bottom:3px;
	color:#ad929e;
	font-size:8px;
	font-weight:800;
	letter-spacing:1.3px;
}

.ing_offline_float_card strong{
	color:#4e3842;
	font-size:13px;
}

@keyframes ingOfflineFloat{
	0%, 100%{
		transform:translateY(0);
	}
	50%{
		transform:translateY(-8px);
	}
}


/* 공통 제목 */
.ing_offline_section_heading{
	max-width:720px;
}

.ing_offline_heading_center{
	margin:0 auto;
	text-align:center;
}

.ing_offline_section_label{
	margin-bottom:15px !important;
	color:var(--offline-main-dark);
	font-size:13px;
	font-weight:800;
	letter-spacing:2.3px;
}

.ing_offline_section_heading h3,
.ing_offline_strength_copy h3{
	font-size:43px;
	line-height:1.35;
	letter-spacing:-2.5px;
	font-weight:400;
	word-break:keep-all;
}

.ing_offline_section_heading h3 strong,
.ing_offline_strength_copy h3 strong{
	color:var(--offline-main-dark);
	font-weight:800;
}

.ing_offline_section_heading > p:last-child,
.ing_offline_strength_copy > p{
	margin-top:20px;
	color:var(--offline-sub);
	font-size:17px;
	line-height:1.85;
	letter-spacing:-.5px;
	word-break:keep-all;
}


/* 소개 */
.ing_offline_intro{
	padding:115px 0 125px;
	background:#fff;
}

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

.ing_offline_intro_card{
	position:relative;
	min-height:325px;
	overflow:hidden;
	padding:45px 38px 40px;
	border:1px solid var(--offline-line);
	border-radius:18px;
	background:#fff;
	transition:
		transform .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;
}

.ing_offline_intro_card:hover{
	transform:translateY(-8px);
	border-color:#f3b9cf;
	box-shadow:0 25px 55px rgba(121,42,74,.1);
}

.ing_offline_intro_number{
	position:absolute;
	right:25px;
	top:18px;
	color:#f7e5ec;
	font-size:55px;
	line-height:1;
	font-weight:900;
}

.ing_offline_intro_icon{
	position:relative;
	width:64px;
	height:64px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:28px;
	border-radius:17px;
	background:var(--offline-main-soft);
}

.ing_offline_intro_card h4{
	margin-bottom:15px;
	font-size:21px;
	letter-spacing:-1px;
}

.ing_offline_intro_card p{
	color:var(--offline-sub);
	font-size:15px;
	line-height:1.8;
	letter-spacing:-.35px;
	word-break:keep-all;
}

/* CSS 아이콘 */
.icon_target{
	position:relative;
	width:31px;
	height:31px;
	border:3px solid var(--offline-main);
	border-radius:50%;
}

.icon_target:before,
.icon_target:after{
	content:"";
	position:absolute;
	background:var(--offline-main);
}

.icon_target:before{
	left:50%;
	top:-8px;
	width:3px;
	height:43px;
	transform:translateX(-50%);
}

.icon_target:after{
	top:50%;
	left:-8px;
	width:43px;
	height:3px;
	transform:translateY(-50%);
}

.icon_target{
	box-shadow:inset 0 0 0 7px var(--offline-main-soft);
}

.icon_experience{
	position:relative;
	width:37px;
	height:28px;
	border:3px solid var(--offline-main);
	border-radius:50% 50% 45% 45%;
	transform:rotate(-6deg);
}

.icon_experience:before{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:10px;
	height:10px;
	border-radius:50%;
	background:var(--offline-main);
	transform:translate(-50%,-50%);
}

.icon_experience:after{
	content:"";
	position:absolute;
	left:13px;
	bottom:-11px;
	width:6px;
	height:11px;
	border-radius:0 0 5px 5px;
	background:var(--offline-main);
}

.icon_manage{
	position:relative;
	width:34px;
	height:34px;
	border:3px solid var(--offline-main);
	border-radius:50%;
	border-right-color:transparent;
}

.icon_manage:before{
	content:"";
	position:absolute;
	right:-4px;
	top:-3px;
	width:0;
	height:0;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:12px solid var(--offline-main);
	transform:rotate(35deg);
}

.icon_manage:after{
	content:"";
	position:absolute;
	left:8px;
	top:8px;
	width:10px;
	height:7px;
	border-left:3px solid var(--offline-main);
	border-bottom:3px solid var(--offline-main);
	transform:rotate(-45deg);
}


/* 주요 서비스 */
.ing_offline_service{
	padding:120px 0;
	background:var(--offline-bg);
}

.ing_offline_service_list{
	margin-top:55px;
	border-top:1px solid #ddcdd4;
}

.ing_offline_service_item{
	border-bottom:1px solid #ddcdd4;
}

.ing_offline_service_head{
	width:100%;
	min-height:118px;
	display:grid;
	grid-template-columns:80px 260px 1fr 50px;
	align-items:center;
	gap:20px;
	padding:10px 25px;
	border:0;
	color:inherit;
	text-align:left;
	background:transparent;
	cursor:pointer;
	transition:background .25s ease;
}

.ing_offline_service_head:hover{
	background:rgba(255,255,255,.62);
}

.ing_offline_service_no{
	color:#bd9ca9;
	font-size:16px;
	font-weight:800;
	letter-spacing:1px;
}

.ing_offline_service_title small{
	display:block;
	margin-bottom:8px;
	color:#a28a94;
	font-size:10px;
	font-weight:800;
	letter-spacing:1.4px;
}

.ing_offline_service_title strong{
	display:block;
	font-size:25px;
	letter-spacing:-1.3px;
}

.ing_offline_service_summary{
	color:#756872;
	font-size:15px;
	line-height:1.65;
	word-break:keep-all;
}

.ing_offline_service_toggle{
	position:relative;
	width:42px;
	height:42px;
	display:block;
	justify-self:end;
	border:1px solid #dfcbd4;
	border-radius:50%;
	background:#fff;
	transition:
		background .25s ease,
		border-color .25s ease,
		transform .25s ease;
}

.ing_offline_service_toggle:before,
.ing_offline_service_toggle:after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:14px;
	height:2px;
	border-radius:2px;
	background:var(--offline-main-dark);
	transform:translate(-50%,-50%);
	transition:transform .25s ease;
}

.ing_offline_service_toggle:after{
	transform:translate(-50%,-50%) rotate(90deg);
}

.ing_offline_service_item.is_active .ing_offline_service_head{
	background:#fff;
}

.ing_offline_service_item.is_active .ing_offline_service_no,
.ing_offline_service_item.is_active .ing_offline_service_title strong{
	color:var(--offline-main-dark);
}

.ing_offline_service_item.is_active .ing_offline_service_toggle{
	border-color:var(--offline-main);
	background:var(--offline-main);
	transform:rotate(180deg);
}

.ing_offline_service_item.is_active .ing_offline_service_toggle:before,
.ing_offline_service_item.is_active .ing_offline_service_toggle:after{
	background:#fff;
}

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

.ing_offline_service_body{
	max-height:0;
	overflow:hidden;
	opacity:0;
	transition:
		max-height .55s ease,
		opacity .35s ease;
}

.ing_offline_service_item.is_active .ing_offline_service_body{
	max-height:680px;
	opacity:1;
}

.ing_offline_service_body_inner{
	display:grid;
	grid-template-columns:1.1fr .9fr;
	align-items:center;
	gap:65px;
	padding:10px 80px 55px 100px;
	background:#fff;
}

.ing_offline_service_copy h4{
	margin-bottom:18px;
	font-size:24px;
	line-height:1.5;
	letter-spacing:-1.2px;
	word-break:keep-all;
}

.ing_offline_service_copy > p{
	color:var(--offline-sub);
	font-size:16px;
	line-height:1.85;
	letter-spacing:-.4px;
	word-break:keep-all;
}

.ing_offline_service_copy ul{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:11px 18px;
	margin-top:25px !important;
}

.ing_offline_service_copy li{
	position:relative;
	padding-left:18px;
	color:#5f535d;
	font-size:14px;
	line-height:1.55;
	word-break:keep-all;
}

.ing_offline_service_copy li:before{
	content:"";
	position:absolute;
	left:0;
	top:8px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--offline-main);
}

.ing_offline_service_graphic{
	position:relative;
	height:275px;
	overflow:hidden;
	border-radius:18px;
	background:
		linear-gradient(145deg, #fff2f7, #f7d7e4);
}


/* 모임 지원 그래픽 */
.graphic_community{
	background:
		radial-gradient(circle at 50% 50%, rgba(255,255,255,.9), transparent 27%),
		linear-gradient(145deg, #fff4f8, #f5cfde);
}

.community_center{
	position:absolute;
	z-index:3;
	left:50%;
	top:50%;
	width:82px;
	height:82px;
	display:flex;
	align-items:center;
	justify-content:center;
	transform:translate(-50%,-50%);
	border:8px solid rgba(255,255,255,.65);
	border-radius:50%;
	color:#fff;
	background:linear-gradient(135deg, #f3699b, #aa2b61);
	box-shadow:0 16px 30px rgba(130,37,76,.2);
}

.community_center span{
	font-size:17px;
	font-weight:900;
	letter-spacing:1px;
}

.community_member{
	position:absolute;
	z-index:3;
	width:48px;
	height:48px;
	border:5px solid rgba(255,255,255,.8);
	border-radius:50%;
	background:#db7d9e;
	box-shadow:0 8px 18px rgba(107,49,73,.12);
}

.community_member i{
	position:absolute;
	left:50%;
	top:9px;
	width:12px;
	height:12px;
	border-radius:50%;
	background:#fff;
	transform:translateX(-50%);
}

.community_member i:after{
	content:"";
	position:absolute;
	left:50%;
	top:14px;
	width:23px;
	height:13px;
	border-radius:12px 12px 5px 5px;
	background:#fff;
	transform:translateX(-50%);
}

.community_member.member_1{
	left:13%;
	top:18%;
}

.community_member.member_2{
	right:14%;
	top:15%;
	background:#bc4f7a;
}

.community_member.member_3{
	left:10%;
	bottom:15%;
	background:#bd6687;
}

.community_member.member_4{
	right:11%;
	bottom:15%;
	background:#e99ab5;
}

.community_member.member_5{
	left:50%;
	top:6%;
	transform:translateX(-50%);
	background:#9e3d66;
}

.community_line{
	position:absolute;
	z-index:1;
	left:50%;
	top:50%;
	width:125px;
	height:2px;
	background:rgba(190,65,113,.25);
	transform-origin:left center;
}

.community_line_1{
	transform:rotate(-145deg);
}

.community_line_2{
	transform:rotate(-37deg);
}

.community_line_3{
	transform:rotate(145deg);
}

.community_line_4{
	transform:rotate(37deg);
}

.community_line_5{
	width:95px;
	transform:rotate(-90deg);
}


/* 행사 그래픽 */
.graphic_event{
	background:linear-gradient(180deg, #4d2538 0%, #8c3d5d 65%, #d089a3 100%);
}

.event_stage{
	position:absolute;
	inset:0;
	overflow:hidden;
}

.event_stage:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:46px;
	background:#462936;
}

.event_light{
	position:absolute;
	top:-40px;
	width:70px;
	height:230px;
	background:linear-gradient(to bottom, rgba(255,241,191,.65), transparent);
	filter:blur(2px);
}

.event_light_1{
	left:24%;
	transform:rotate(20deg);
}

.event_light_2{
	right:24%;
	transform:rotate(-20deg);
}

.event_screen{
	position:absolute;
	z-index:2;
	left:50%;
	top:48px;
	width:155px;
	height:100px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	transform:translateX(-50%);
	border:3px solid rgba(255,255,255,.7);
	color:#fff;
	background:linear-gradient(135deg, #f35d94, #a92960);
}

.event_screen span{
	font-size:10px;
	font-weight:800;
	letter-spacing:3px;
}

.event_screen strong{
	margin-top:4px;
	font-size:24px;
}

.event_speaker{
	position:absolute;
	z-index:2;
	top:105px;
	width:30px;
	height:73px;
	border-radius:4px;
	background:#281923;
}

.event_speaker:before,
.event_speaker:after{
	content:"";
	position:absolute;
	left:50%;
	border:2px solid #8b6475;
	border-radius:50%;
	transform:translateX(-50%);
}

.event_speaker:before{
	top:10px;
	width:13px;
	height:13px;
}

.event_speaker:after{
	bottom:10px;
	width:18px;
	height:18px;
}

.event_speaker.speaker_1{
	left:48px;
}

.event_speaker.speaker_2{
	right:48px;
}

.event_crowd{
	position:absolute;
	z-index:4;
	left:20px;
	right:20px;
	bottom:25px;
	display:flex;
	align-items:flex-end;
	justify-content:space-around;
}

.event_crowd i{
	position:relative;
	width:35px;
	height:52px;
	border-radius:18px 18px 4px 4px;
	background:#281923;
}

.event_crowd i:before{
	content:"";
	position:absolute;
	left:7px;
	top:-19px;
	width:21px;
	height:21px;
	border-radius:50%;
	background:#281923;
}

.event_crowd i:nth-child(2){
	height:61px;
}

.event_crowd i:nth-child(3){
	height:69px;
}

.event_crowd i:nth-child(4){
	height:57px;
}

.event_crowd i:nth-child(5){
	height:48px;
}


/* 배너 그래픽 */
.graphic_banner{
	background:linear-gradient(145deg, #f4dce5, #fff8fa);
}

.banner_wall{
	position:absolute;
	left:0;
	top:0;
	width:63%;
	height:100%;
	background:
		linear-gradient(90deg, rgba(174,103,130,.08) 1px, transparent 1px),
		linear-gradient(rgba(174,103,130,.08) 1px, transparent 1px),
		#f9edf2;
	background-size:24px 24px;
}

.signage{
	position:absolute;
	left:50%;
	top:50%;
	width:160px;
	height:90px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	transform:translate(-50%,-58%);
	border:5px solid #fff;
	border-radius:4px;
	color:#fff;
	background:linear-gradient(135deg, #ed5c91, #992657);
	box-shadow:0 16px 30px rgba(116,46,75,.2);
}

.signage span{
	font-size:11px;
	letter-spacing:4px;
}

.signage strong{
	margin-top:3px;
	font-size:24px;
}

.x_banner{
	position:absolute;
	right:42px;
	bottom:32px;
	width:88px;
	height:180px;
}

.x_banner_print{
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	width:88px;
	height:145px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:#fff;
	background:linear-gradient(155deg, #f37ca6, #b43268);
	box-shadow:0 12px 22px rgba(113,41,70,.18);
}

.x_banner_print span{
	font-size:19px;
	font-weight:900;
}

.x_banner_print strong{
	margin-top:8px;
	font-size:9px;
	letter-spacing:1.5px;
}

.x_leg{
	position:absolute;
	z-index:1;
	left:42px;
	bottom:0;
	width:3px;
	height:50px;
	background:#6d5260;
	transform-origin:top center;
}

.x_leg_1{
	transform:rotate(30deg);
}

.x_leg_2{
	transform:rotate(-30deg);
}

.banner_floor{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:35px;
	background:#d5b8c4;
}


/* 게시 홍보 그래픽 */
.graphic_poster{
	background:linear-gradient(145deg, #f7e8ee, #fff);
}

.poster_board{
	position:absolute;
	left:28px;
	right:28px;
	top:25px;
	height:190px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	padding:17px;
	border:7px solid #8f6878;
	background:#e9d4dc;
	box-shadow:0 16px 25px rgba(82,45,59,.14);
}

.poster{
	height:145px;
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:#fff;
	text-align:center;
	box-shadow:0 6px 14px rgba(101,44,67,.12);
}

.poster span{
	font-size:9px;
	font-weight:800;
	letter-spacing:1.5px;
}

.poster strong{
	margin-top:6px;
	font-size:15px;
}

.poster_1{
	background:linear-gradient(145deg, #e8598e, #9f275a);
}

.poster_2{
	background:linear-gradient(145deg, #7e5367, #3d2832);
}

.poster_3{
	background:linear-gradient(145deg, #f0a2bd, #ca4f7d);
}

.poster_people{
	position:absolute;
	z-index:4;
	right:20px;
	bottom:0;
	width:90px;
	height:75px;
}

.poster_person{
	position:absolute;
	bottom:0;
	width:25px;
	height:45px;
	border-radius:11px 11px 2px 2px;
	background:#694b58;
}

.poster_person:before{
	content:"";
	position:absolute;
	left:4px;
	top:-15px;
	width:17px;
	height:17px;
	border-radius:50%;
	background:#80606e;
}

.poster_person.person_a{
	left:10px;
}

.poster_person.person_b{
	right:10px;
	height:53px;
	background:#9a5d74;
}


/* 활용 분야 */
.ing_offline_fields{
	padding:120px 0 130px;
	background:#fff;
}

.ing_offline_fields_top{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:80px;
}

.ing_offline_fields_desc{
	width:450px;
	padding-bottom:6px !important;
	color:var(--offline-sub);
	font-size:16px;
	line-height:1.85;
	letter-spacing:-.4px;
	word-break:keep-all;
}

.ing_offline_field_grid{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:18px;
	margin-top:58px;
}

.ing_offline_field_card{
	position:relative;
	min-height:285px;
	display:flex;
	flex-direction:column;
	padding:34px 29px;
	overflow:hidden;
	border:1px solid var(--offline-line);
	border-radius:16px;
	background:#fff;
	transition:
		transform .3s ease,
		background .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;
}

.ing_offline_field_card:after{
	content:"";
	position:absolute;
	right:-50px;
	bottom:-70px;
	width:150px;
	height:150px;
	border:23px solid var(--offline-main-soft);
	border-radius:50%;
	transition:transform .35s ease;
}

.ing_offline_field_card:hover{
	transform:translateY(-7px);
	border-color:#f0abc4;
	background:#fffafb;
	box-shadow:0 22px 45px rgba(112,41,70,.09);
}

.ing_offline_field_card:hover:after{
	transform:scale(1.12);
}

.field_icon{
	position:relative;
	z-index:2;
	width:44px;
	height:44px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:42px;
	border-radius:12px;
	color:var(--offline-main-dark);
	background:var(--offline-main-soft);
	font-size:13px;
	font-weight:900;
}

.ing_offline_field_card h4{
	position:relative;
	z-index:2;
	margin-bottom:14px;
	font-size:20px;
	letter-spacing:-.8px;
}

.ing_offline_field_card p{
	position:relative;
	z-index:2;
	color:var(--offline-sub);
	font-size:14px;
	line-height:1.75;
	letter-spacing:-.3px;
	word-break:keep-all;
}

.field_keyword{
	position:relative;
	z-index:2;
	display:block;
	margin-top:auto;
	padding-top:25px;
	color:#b99da8;
	font-size:9px;
	font-weight:800;
	letter-spacing:1.5px;
}


/* 계약 */
.ing_offline_contract{
	padding:120px 0;
	background:
		linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,246,249,.96)),
		var(--offline-main-soft);
}

.ing_offline_contract_grid{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:25px;
	max-width:1040px;
	margin:60px auto 0;
}

.ing_offline_contract_card{
	position:relative;
	min-height:495px;
	padding:46px 48px;
	border:1px solid #ead4dd;
	border-radius:22px;
	background:#fff;
	box-shadow:0 20px 50px rgba(109,45,70,.07);
}

.ing_offline_contract_card_point{
	color:#fff;
	border-color:transparent;
	background:
		linear-gradient(145deg, rgba(255,255,255,.07), transparent 35%),
		linear-gradient(135deg, #da447c, #8f2050);
	box-shadow:0 25px 55px rgba(153,40,86,.22);
}

.ing_offline_contract_badge{
	position:absolute;
	right:28px;
	top:27px;
	padding:8px 12px;
	border-radius:20px;
	color:#b23d6b;
	background:var(--offline-main-soft);
	font-size:9px;
	font-weight:900;
	letter-spacing:1.4px;
}

.ing_offline_contract_card_point .ing_offline_contract_badge{
	color:#fff;
	background:rgba(255,255,255,.15);
}

.ing_offline_contract_icon{
	width:70px;
	height:70px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:28px;
	border-radius:18px;
	background:var(--offline-main-soft);
}

.ing_offline_contract_card_point .ing_offline_contract_icon{
	background:rgba(255,255,255,.14);
}

.contract_calendar{
	position:relative;
	width:38px;
	height:38px;
	border:3px solid var(--offline-main);
	border-radius:5px;
}

.contract_calendar:before,
.contract_calendar:after{
	content:"";
	position:absolute;
	top:-7px;
	width:4px;
	height:10px;
	border-radius:4px;
	background:var(--offline-main);
}

.contract_calendar:before{
	left:7px;
}

.contract_calendar:after{
	right:7px;
}

.contract_calendar i{
	position:absolute;
	left:0;
	right:0;
	top:8px;
	height:3px;
	background:var(--offline-main);
}

.contract_calendar strong{
	position:absolute;
	left:50%;
	bottom:2px;
	color:var(--offline-main);
	font-size:14px;
	transform:translateX(-50%);
}

.contract_cycle{
	position:relative;
	width:45px;
	height:45px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.contract_cycle strong{
	color:#fff;
	font-size:24px;
}

.cycle_arrow{
	position:absolute;
	width:39px;
	height:39px;
	border:3px solid #fff;
	border-radius:50%;
}

.cycle_arrow_1{
	border-left-color:transparent;
	border-bottom-color:transparent;
	transform:rotate(-10deg);
}

.cycle_arrow_2{
	border-right-color:transparent;
	border-top-color:transparent;
	transform:rotate(-10deg);
}

.ing_offline_contract_card h4{
	margin-bottom:17px;
	font-size:26px;
	letter-spacing:-1.2px;
}

.ing_offline_contract_card > p{
	min-height:92px;
	color:var(--offline-sub);
	font-size:15px;
	line-height:1.82;
	letter-spacing:-.35px;
	word-break:keep-all;
}

.ing_offline_contract_card_point > p{
	color:rgba(255,255,255,.8);
}

.ing_offline_contract_card ul{
	margin-top:29px !important;
	padding-top:25px !important;
	border-top:1px solid #f0dfe6;
}

.ing_offline_contract_card_point ul{
	border-top-color:rgba(255,255,255,.16);
}

.ing_offline_contract_card li{
	position:relative;
	margin-top:13px;
	padding-left:21px;
	color:#5f525c;
	font-size:14px;
}

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

.ing_offline_contract_card li:before{
	content:"✓";
	position:absolute;
	left:0;
	top:0;
	color:var(--offline-main);
	font-weight:800;
}

.ing_offline_contract_card_point li{
	color:rgba(255,255,255,.88);
}

.ing_offline_contract_card_point li:before{
	color:#fff;
}

.ing_offline_contract_notice{
	max-width:1040px;
	display:flex;
	align-items:flex-start;
	gap:13px;
	margin:22px auto 0;
	padding:17px 20px;
	border:1px solid #ead8df;
	border-radius:10px;
	background:rgba(255,255,255,.7);
}

.notice_icon{
	width:22px;
	height:22px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:none;
	border-radius:50%;
	color:#fff;
	background:#d95a88;
	font-family:Georgia,serif;
	font-size:13px;
	font-weight:bold;
}

.ing_offline_contract_notice p{
	color:#796b74;
	font-size:13px;
	line-height:1.65;
}


/* 진행 절차 */
.ing_offline_process{
	padding:125px 0 135px;
	background:#fff;
}

.ing_offline_process_list{
	position:relative;
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:30px;
	margin-top:62px !important;
}

.ing_offline_process_list:before{
	content:"";
	position:absolute;
	left:10%;
	right:10%;
	top:52px;
	height:1px;
	background:
		linear-gradient(
			to right,
			rgba(236,79,136,.08),
			rgba(236,79,136,.5),
			rgba(236,79,136,.08)
		);
}

.ing_offline_process_item{
	position:relative;
	z-index:2;
	padding-right:15px;
}

.ing_offline_process_number{
	display:block;
	margin-bottom:16px;
	color:var(--offline-main-dark);
	font-size:12px;
	font-weight:900;
	letter-spacing:1.2px;
}

.ing_offline_process_icon{
	width:72px;
	height:72px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:24px;
	border:8px solid #fff;
	border-radius:50%;
	background:var(--offline-main-soft);
	box-shadow:0 0 0 1px #f4cada;
}

.ing_offline_process_item h4{
	margin-bottom:13px;
	font-size:20px;
	letter-spacing:-.8px;
}

.ing_offline_process_item p{
	color:var(--offline-sub);
	font-size:14px;
	line-height:1.75;
	letter-spacing:-.25px;
	word-break:keep-all;
}

.process_chat{
	position:relative;
	width:30px;
	height:23px;
	border:3px solid var(--offline-main);
	border-radius:6px;
}

.process_chat:after{
	content:"";
	position:absolute;
	left:4px;
	bottom:-8px;
	width:9px;
	height:9px;
	border-left:3px solid var(--offline-main);
	border-bottom:3px solid var(--offline-main);
	transform:skew(-25deg);
}

.process_plan{
	position:relative;
	width:28px;
	height:34px;
	border:3px solid var(--offline-main);
	border-radius:3px;
}

.process_plan:before{
	content:"";
	position:absolute;
	left:5px;
	top:8px;
	width:13px;
	height:3px;
	background:var(--offline-main);
	box-shadow:0 7px 0 var(--offline-main), 0 14px 0 var(--offline-main);
}

.process_execute{
	position:relative;
	width:34px;
	height:34px;
	border:3px solid var(--offline-main);
	border-radius:50%;
}

.process_execute:before{
	content:"";
	position:absolute;
	left:8px;
	top:5px;
	width:8px;
	height:14px;
	border-right:3px solid var(--offline-main);
	border-bottom:3px solid var(--offline-main);
	transform:rotate(45deg);
}

.process_report{
	position:relative;
	width:32px;
	height:28px;
	border-left:3px solid var(--offline-main);
	border-bottom:3px solid var(--offline-main);
}

.process_report:before{
	content:"";
	position:absolute;
	left:5px;
	bottom:4px;
	width:5px;
	height:10px;
	background:var(--offline-main);
	box-shadow:
		8px -5px 0 var(--offline-main),
		16px -12px 0 var(--offline-main);
}


/* 강점 */
.ing_offline_strength{
	padding:120px 0;
	color:#fff;
	background:
		radial-gradient(circle at 85% 18%, rgba(255,255,255,.08), transparent 25%),
		linear-gradient(135deg, #542033 0%, #871e4c 48%, #b52e65 100%);
}

.ing_offline_strength_inner{
	display:grid;
	grid-template-columns:.9fr 1.1fr;
	align-items:center;
	gap:100px;
}

.ing_offline_strength .ing_offline_section_label{
	color:#ffb6cf;
}

.ing_offline_strength_copy h3 strong{
	color:#fff;
}

.ing_offline_strength_copy > p{
	color:rgba(255,255,255,.74);
}

.ing_offline_text_link{
	display:inline-flex;
	align-items:center;
	gap:18px;
	margin-top:32px;
	padding-bottom:7px;
	border-bottom:1px solid rgba(255,255,255,.45);
	color:#fff !important;
	font-size:15px;
	font-weight:700;
}

.ing_offline_text_link span{
	font-size:19px;
	font-weight:400;
	transition:transform .25s ease;
}

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

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

.ing_offline_strength_item{
	display:grid;
	grid-template-columns:65px 1fr;
	gap:15px;
	padding:31px 10px;
	border-bottom:1px solid rgba(255,255,255,.18);
}

.strength_number{
	color:#ffabc8;
	font-size:13px;
	font-weight:900;
	letter-spacing:1.3px;
}

.ing_offline_strength_item h4{
	margin-bottom:10px;
	font-size:20px;
	letter-spacing:-.8px;
}

.ing_offline_strength_item p{
	color:rgba(255,255,255,.69);
	font-size:14px;
	line-height:1.7;
	word-break:keep-all;
}


/* CTA */
.ing_offline_cta{
	position:relative;
	overflow:hidden;
	padding:120px 0 125px;
	background:
		linear-gradient(135deg, #fff8fb 0%, #ffeaf2 100%);
}

.ing_offline_cta_pattern{
	position:absolute;
	inset:0;
	opacity:.55;
	background-image:
		radial-gradient(circle at 1px 1px, rgba(214,69,122,.14) 1px, transparent 0);
	background-size:25px 25px;
}

.ing_offline_cta:before,
.ing_offline_cta:after{
	content:"";
	position:absolute;
	border-radius:50%;
	border:1px solid rgba(220,69,124,.13);
}

.ing_offline_cta:before{
	width:400px;
	height:400px;
	left:-170px;
	top:-180px;
}

.ing_offline_cta:after{
	width:300px;
	height:300px;
	right:-90px;
	bottom:-150px;
}

.ing_offline_cta_inner{
	z-index:2;
	text-align:center;
}

.ing_offline_cta_label{
	margin-bottom:20px !important;
	color:var(--offline-main-dark);
	font-size:12px;
	font-weight:900;
	letter-spacing:2.4px;
}

.ing_offline_cta h3{
	font-size:45px;
	line-height:1.38;
	letter-spacing:-2.5px;
	font-weight:400;
	word-break:keep-all;
}

.ing_offline_cta h3 strong{
	color:var(--offline-main-dark);
	font-weight:800;
}

.ing_offline_cta_inner > p:not(.ing_offline_cta_label){
	margin-top:22px;
	color:var(--offline-sub);
	font-size:17px;
	line-height:1.75;
}

.ing_offline_cta_button{
	min-width:290px;
	height:62px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:30px;
	margin-top:37px;
	padding:0 30px;
	border-radius:10px;
	color:#fff !important;
	background:linear-gradient(135deg, var(--offline-main), var(--offline-main-dark));
	box-shadow:0 17px 35px rgba(183,42,96,.24);
	font-size:16px;
	font-weight:800;
	transition:
		transform .25s ease,
		box-shadow .25s ease;
}

.ing_offline_cta_button:hover{
	transform:translateY(-4px);
	box-shadow:0 22px 42px rgba(183,42,96,.32);
}

.ing_offline_cta_button i{
	font-style:normal;
	font-size:21px;
	font-weight:400;
}


/* 스크롤 등장 */
.ing_offline_page .ing_offline_reveal{
	opacity:0;
	transform:translateY(35px);
	transition:
		opacity .75s ease,
		transform .75s ease;
}

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


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

	.ing_offline_inner{
		width:auto;
		max-width:none;
		margin:0 20px;
	}

	.ing_offline_hero{
		min-height:auto;
	}

	.ing_offline_hero:before{
		height:80px;
	}

	.ing_offline_hero_circle.circle_1{
		width:280px;
		height:280px;
		right:-150px;
		top:-80px;
	}

	.ing_offline_hero_circle.circle_2{
		display:none;
	}

	.ing_offline_hero_inner{
		display:block;
		padding:72px 0 95px;
	}

	.ing_offline_hero_text{
		width:100%;
	}

	.ing_offline_eyebrow{
		margin-bottom:18px !important;
		font-size:11px;
		letter-spacing:1.8px;
	}

	.ing_offline_eyebrow span{
		width:25px;
	}

	.ing_offline_hero h2{
		font-size:35px;
		line-height:1.35;
		letter-spacing:-2.2px;
	}

	.ing_offline_hero h2 strong:after{
		bottom:2px;
		height:9px;
	}

	.ing_offline_hero_desc{
		margin-top:21px !important;
		font-size:15px;
		line-height:1.78;
	}

	.ing_offline_hero_buttons{
		display:grid;
		grid-template-columns:1fr;
		margin-top:28px;
	}

	.ing_offline_btn{
		width:100%;
		min-height:53px;
	}

	.ing_offline_hero_points{
		display:grid;
		grid-template-columns:1fr;
		gap:10px;
		margin-top:24px !important;
	}

	.ing_offline_hero_visual{
		width:100%;
		max-width:500px;
		margin:42px auto 0;
		padding:22px 5px 20px;
	}

	.ing_offline_visual_board{
		border-radius:20px;
	}

	.ing_offline_visual_header{
		height:55px;
		padding:0 17px;
		font-size:10px;
	}

	.ing_offline_visual-stage{
		height:280px;
	}

	.ing_offline_visual_stage{
		height:280px;
	}

	.ing_offline_stage_screen{
		top:43px;
		width:165px;
		height:104px;
	}

	.ing_offline_stage_screen strong{
		font-size:17px;
	}

	.ing_offline_stage_banner{
		top:58px;
		width:35px;
		height:110px;
	}

	.ing_offline_stage_banner.banner_left{
		left:28px;
	}

	.ing_offline_stage_banner.banner_right{
		right:28px;
	}

	.ing_offline_people{
		width:290px;
		transform:translateX(-50%) scale(.88);
		transform-origin:center bottom;
	}

	.ing_offline_visual_stats{
		padding:15px 5px;
	}

	.ing_offline_visual_stats div{
		padding:3px 5px;
	}

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

	.ing_offline_float_card{
		min-width:auto;
		padding:10px 12px;
	}

	.ing_offline_float_card.card_1{
		left:-7px;
		top:-6px;
	}

	.ing_offline_float_card.card_2{
		right:-7px;
		bottom:30px;
	}

	.float_icon{
		width:30px;
		height:30px;
		font-size:16px;
	}

	.ing_offline_float_card small{
		display:none;
	}

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

	.ing_offline_section_label{
		margin-bottom:12px !important;
		font-size:10px;
		letter-spacing:1.8px;
	}

	.ing_offline_section_heading h3,
	.ing_offline_strength_copy h3{
		font-size:30px;
		line-height:1.42;
		letter-spacing:-1.8px;
	}

	.ing_offline_section_heading > p:last-child,
	.ing_offline_strength_copy > p{
		margin-top:16px;
		font-size:15px;
		line-height:1.75;
	}

	.ing_offline_intro{
		padding:80px 0 85px;
	}

	.ing_offline_intro_grid{
		grid-template-columns:1fr;
		gap:15px;
		margin-top:38px;
	}

	.ing_offline_intro_card{
		min-height:auto;
		padding:31px 25px 30px;
		border-radius:14px;
	}

	.ing_offline_intro_card:hover{
		transform:none;
	}

	.ing_offline_intro_number{
		right:19px;
		top:15px;
		font-size:43px;
	}

	.ing_offline_intro_icon{
		width:55px;
		height:55px;
		margin-bottom:21px;
		border-radius:14px;
	}

	.ing_offline_intro_card h4{
		font-size:19px;
	}

	.ing_offline_service{
		padding:80px 0;
	}

	.ing_offline_service_list{
		margin-top:37px;
	}

	.ing_offline_service_head{
		min-height:100px;
		grid-template-columns:37px 1fr 38px;
		gap:9px;
		padding:12px 5px;
	}

	.ing_offline_service_no{
		align-self:start;
		padding-top:18px;
		font-size:12px;
	}

	.ing_offline_service_title{
		padding:13px 0;
	}

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

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

	.ing_offline_service_summary{
		grid-column:2 / 4;
		margin-top:-18px;
		padding:0 0 14px;
		font-size:13px;
	}

	.ing_offline_service_toggle{
		width:35px;
		height:35px;
	}

	.ing_offline_service_body_inner{
		display:flex;
		flex-direction:column;
		gap:28px;
		padding:25px 18px 32px;
	}

	.ing_offline_service_copy h4{
		font-size:20px;
		line-height:1.48;
	}

	.ing_offline_service_copy > p{
		font-size:14px;
		line-height:1.75;
	}

	.ing_offline_service_copy ul{
		grid-template-columns:1fr;
		gap:9px;
		margin-top:20px !important;
	}

	.ing_offline_service_graphic{
		width:100%;
		height:235px;
	}

	.ing_offline_service_item.is_active .ing_offline_service_body{
		max-height:950px;
	}

	.ing_offline_fields{
		padding:80px 0 85px;
	}

	.ing_offline_fields_top{
		display:block;
	}

	.ing_offline_fields_desc{
		width:auto;
		margin-top:18px !important;
		padding:0 !important;
		font-size:14px;
		line-height:1.75;
	}

	.ing_offline_field_grid{
		grid-template-columns:repeat(2, 1fr);
		gap:12px;
		margin-top:35px;
	}

	.ing_offline_field_card{
		min-height:250px;
		padding:25px 20px;
	}

	.ing_offline_field-card:hover{
		transform:none;
	}

	.field_icon{
		margin-bottom:32px;
	}

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

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

	.ing_offline_contract{
		padding:80px 0;
	}

	.ing_offline_contract_grid{
		grid-template-columns:1fr;
		gap:16px;
		margin-top:40px;
	}

	.ing_offline_contract_card{
		min-height:auto;
		padding:34px 26px;
		border-radius:17px;
	}

	.ing_offline_contract_badge{
		right:20px;
		top:21px;
	}

	.ing_offline_contract_icon{
		width:60px;
		height:60px;
		margin-bottom:22px;
	}

	.ing_offline_contract_card h4{
		font-size:23px;
	}

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

	.ing_offline_contract_card ul{
		margin-top:23px !important;
		padding-top:21px !important;
	}

	.ing_offline_contract_notice{
		margin-top:15px;
		padding:15px;
	}

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

	.ing_offline_process{
		padding:80px 0 85px;
	}

	.ing_offline_process_list{
		grid-template-columns:1fr;
		gap:0;
		margin-top:40px !important;
	}

	.ing_offline_process_list:before{
		left:35px;
		right:auto;
		top:20px;
		bottom:20px;
		width:1px;
		height:auto;
		background:linear-gradient(
			to bottom,
			rgba(236,79,136,.1),
			rgba(236,79,136,.5),
			rgba(236,79,136,.1)
		);
	}

	.ing_offline_process_item{
		min-height:145px;
		display:grid;
		grid-template-columns:70px 1fr;
		align-content:start;
		column-gap:17px;
		padding:0 0 27px;
	}

	.ing_offline_process_number{
		grid-column:2;
		margin-bottom:7px;
	}

	.ing_offline_process_icon{
		grid-column:1;
		grid-row:1 / 4;
		width:70px;
		height:70px;
		margin:0;
	}

	.ing_offline_process_item h4{
		grid-column:2;
		margin-bottom:8px;
		font-size:18px;
	}

	.ing_offline_process_item p{
		grid-column:2;
		font-size:13px;
	}

	.ing_offline_strength{
		padding:80px 0;
	}

	.ing_offline_strength_inner{
		grid-template-columns:1fr;
		gap:42px;
	}

	.ing_offline_strength_list{
		margin-top:0;
	}

	.ing_offline_strength_item{
		grid-template-columns:45px 1fr;
		padding:24px 0;
	}

	.ing_offline-strength_item h4{
		font-size:18px;
	}

	.ing_offline_cta{
		padding:80px 0 85px;
	}

	.ing_offline_cta h3{
		font-size:30px;
		line-height:1.43;
		letter-spacing:-1.8px;
	}

	.ing_offline_cta_inner > p:not(.ing_offline_cta_label){
		margin-top:17px;
		font-size:14px;
		line-height:1.75;
	}

	.ing_offline_cta_button{
		width:100%;
		min-width:0;
		height:57px;
		margin-top:28px;
		font-size:15px;
	}

}