@charset "utf-8";

/* =========================================================
   디지털 마케팅 서비스
   system_codingpage_43.css
========================================================= */

.ing_digital_marketing{
	--dm-main:#d94278;
	--dm-main-dark:#b9285f;
	--dm-main-deep:#741b45;
	--dm-sub:#f16c9c;
	--dm-light:#fff2f7;
	--dm-light-02:#fde3ed;
	--dm-line:#efd6df;
	--dm-text:#25222a;
	--dm-gray:#6d6870;
	--dm-white:#ffffff;
	overflow:hidden;
	background:#ffffff;
	color:var(--dm-text);
	font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;
	word-break:keep-all;
}

.ing_digital_marketing *{
	box-sizing:border-box;
}

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

.ing_digital_marketing ul,
.ing_digital_marketing li,
.ing_digital_marketing p,
.ing_digital_marketing h2,
.ing_digital_marketing h3,
.ing_digital_marketing h4{
	margin:0;
	padding:0;
}

.ing_digital_marketing ul,
.ing_digital_marketing li{
	list-style:none;
}

.ing_dm_inner{
	position:relative;
	width:100%;
	max-width:1320px;
	margin:0 auto;
	padding:0 30px;
}

/* =========================================================
   공통 타이틀
========================================================= */

.ing_dm_section_heading{
	max-width:690px;
}

.ing_dm_section_heading_center{
	max-width:760px;
	margin:0 auto;
	text-align:center;
}

.ing_dm_section_label{
	margin-bottom:17px !important;
	color:var(--dm-main);
	font-size:14px;
	font-weight:800;
	letter-spacing:2.2px;
}

.ing_dm_section_heading h3,
.ing_dm_strength_heading h3{
	color:#211d23;
	font-size:42px;
	font-weight:800;
	line-height:1.35;
	letter-spacing:-1.8px;
}

.ing_dm_section_heading > p:last-child,
.ing_dm_strength_heading > p{
	margin-top:22px;
	color:var(--dm-gray);
	font-size:17px;
	font-weight:400;
	line-height:1.8;
	letter-spacing:-0.3px;
}

/* =========================================================
   등장 애니메이션
========================================================= */

.ing_dm_reveal{
	opacity:0;
	transform:translateY(35px);
	transition:
		opacity 0.8s ease,
		transform 0.8s ease;
}

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

/* =========================================================
   상단 비주얼
========================================================= */

.ing_dm_visual{
	position:relative;
	min-height:700px;
	display:flex;
	align-items:center;
	overflow:hidden;
	background:
		linear-gradient(125deg,#fff7fa 0%,#fff0f6 46%,#f9dce8 100%);
}

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

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

.ing_dm_glow_01{
	top:-260px;
	right:-130px;
	width:680px;
	height:680px;
	background:rgba(228,65,123,0.16);
}

.ing_dm_glow_02{
	bottom:-330px;
	left:-210px;
	width:600px;
	height:600px;
	background:rgba(255,166,199,0.22);
}

.ing_dm_grid{
	position:absolute;
	top:0;
	right:0;
	width:52%;
	height:100%;
	opacity:0.36;
	background-image:
		linear-gradient(rgba(199,60,111,0.08) 1px,transparent 1px),
		linear-gradient(90deg,rgba(199,60,111,0.08) 1px,transparent 1px);
	background-size:44px 44px;
	mask-image:linear-gradient(to left,#000 30%,transparent 100%);
	-webkit-mask-image:linear-gradient(to left,#000 30%,transparent 100%);
}

.ing_dm_visual .ing_dm_inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:70px;
	padding-top:85px;
	padding-bottom:85px;
}

.ing_dm_visual_contents{
	position:relative;
	z-index:2;
	width:52%;
}

.ing_dm_eyebrow{
	display:inline-flex;
	align-items:center;
	gap:12px;
	margin-bottom:24px !important;
	color:var(--dm-main);
	font-size:14px;
	font-weight:800;
	letter-spacing:2.5px;
}

.ing_dm_eyebrow:before{
	content:"";
	width:36px;
	height:2px;
	background:var(--dm-main);
}

.ing_dm_visual_title{
	color:#211920;
	font-size:58px;
	font-weight:800;
	line-height:1.23;
	letter-spacing:-3.3px;
}

.ing_dm_visual_title span{
	position:relative;
	color:var(--dm-main-dark);
	z-index:1;
}

.ing_dm_visual_title span:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:2px;
	height:11px;
	border-radius:20px;
	background:rgba(237,89,141,0.16);
	z-index:-1;
}

.ing_dm_visual_text{
	margin-top:29px !important;
	color:#625b63;
	font-size:18px;
	font-weight:400;
	line-height:1.85;
	letter-spacing:-0.4px;
}

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

.ing_dm_button{
	min-width:182px;
	height:58px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:18px;
	padding:0 25px;
	border-radius:9px;
	font-size:15px;
	font-weight:700;
	transition:all 0.25s ease;
}

.ing_dm_button_primary{
	color:#ffffff !important;
	border:1px solid var(--dm-main);
	background:var(--dm-main);
	box-shadow:0 13px 28px rgba(199,44,101,0.2);
}

.ing_dm_button_primary i,
.ing_dm_text_link i,
.ing_dm_contact_button i{
	position:relative;
	display:block;
	width:17px;
	height:1px;
	background:currentColor;
	transition:transform 0.25s ease;
}

.ing_dm_button_primary i:after,
.ing_dm_text_link i:after,
.ing_dm_contact_button i:after{
	content:"";
	position:absolute;
	top:-3px;
	right:0;
	width:7px;
	height:7px;
	border-top:1px solid currentColor;
	border-right:1px solid currentColor;
	transform:rotate(45deg);
}

.ing_dm_button_primary:hover{
	border-color:var(--dm-main-dark);
	background:var(--dm-main-dark);
	transform:translateY(-3px);
	box-shadow:0 17px 34px rgba(177,34,87,0.25);
}

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

.ing_dm_button_line{
	color:#4f454d !important;
	border:1px solid rgba(119,70,91,0.2);
	background:rgba(255,255,255,0.68);
	backdrop-filter:blur(8px);
}

.ing_dm_button_line:hover{
	color:var(--dm-main-dark) !important;
	border-color:rgba(204,52,107,0.42);
	background:#ffffff;
	transform:translateY(-3px);
}

/* 비주얼 미디어 그래픽 */

.ing_dm_visual_media{
	position:relative;
	z-index:2;
	width:48%;
	min-height:495px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.ing_dm_media_frame{
	position:relative;
	width:470px;
	padding:12px;
	border:1px solid rgba(126,43,73,0.16);
	border-radius:26px;
	background:rgba(255,255,255,0.86);
	box-shadow:
		0 40px 80px rgba(100,36,62,0.16),
		inset 0 0 0 1px rgba(255,255,255,0.7);
	transform:perspective(1200px) rotateY(-7deg) rotateX(2deg);
}

.ing_dm_media_header{
	height:36px;
	display:flex;
	align-items:center;
	gap:6px;
	padding:0 12px;
}

.ing_dm_media_header span{
	width:7px;
	height:7px;
	border-radius:50%;
	background:#e4b4c6;
}

.ing_dm_media_header span:nth-child(2){
	background:#d9789b;
}

.ing_dm_media_header span:nth-child(3){
	background:#c73b70;
}

.ing_dm_media_screen{
	position:relative;
	height:310px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border-radius:16px;
	background:
		radial-gradient(circle at 85% 12%,rgba(255,184,210,0.72),transparent 31%),
		linear-gradient(135deg,#8d1e50 0%,#cc3970 52%,#f078a4 100%);
}

.ing_dm_media_screen:before{
	content:"";
	position:absolute;
	inset:0;
	opacity:0.25;
	background-image:
		linear-gradient(rgba(255,255,255,0.16) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,0.16) 1px,transparent 1px);
	background-size:32px 32px;
}

.ing_dm_media_screen:after{
	content:"";
	position:absolute;
	left:-15%;
	bottom:-65%;
	width:130%;
	height:100%;
	border:1px solid rgba(255,255,255,0.27);
	border-radius:50%;
}

.ing_dm_media_logo{
	position:relative;
	z-index:2;
	text-align:center;
	color:#ffffff;
}

.ing_dm_media_logo strong{
	display:block;
	font-size:68px;
	font-weight:900;
	line-height:1;
	letter-spacing:-4px;
}

.ing_dm_media_logo span{
	display:block;
	margin-top:9px;
	font-size:12px;
	font-weight:700;
	letter-spacing:4px;
}

.ing_dm_media_screen > p{
	position:absolute;
	right:25px;
	bottom:18px;
	z-index:2;
	color:rgba(255,255,255,0.75);
	font-size:10px;
	font-weight:700;
	letter-spacing:2px;
}

.ing_dm_media_wave{
	position:absolute;
	left:30px;
	bottom:25px;
	display:flex;
	align-items:flex-end;
	gap:6px;
	height:56px;
}

.ing_dm_media_wave span{
	display:block;
	width:5px;
	border-radius:6px;
	background:rgba(255,255,255,0.72);
	animation:ing_dm_wave 1.4s ease-in-out infinite;
}

.ing_dm_media_wave span:nth-child(1){
	height:18px;
}

.ing_dm_media_wave span:nth-child(2){
	height:35px;
	animation-delay:0.12s;
}

.ing_dm_media_wave span:nth-child(3){
	height:48px;
	animation-delay:0.24s;
}

.ing_dm_media_wave span:nth-child(4){
	height:28px;
	animation-delay:0.36s;
}

.ing_dm_media_wave span:nth-child(5){
	height:42px;
	animation-delay:0.48s;
}

.ing_dm_media_wave span:nth-child(6){
	height:22px;
	animation-delay:0.6s;
}

@keyframes ing_dm_wave{
	0%,
	100%{
		transform:scaleY(0.6);
		opacity:0.5;
	}
	50%{
		transform:scaleY(1);
		opacity:1;
	}
}

.ing_dm_media_base{
	width:65%;
	height:12px;
	margin:13px auto 2px;
	border-radius:50%;
	background:#ead0da;
}

.ing_dm_media_badge{
	position:absolute;
	z-index:5;
	display:flex;
	align-items:center;
	gap:12px;
	min-width:210px;
	padding:16px 18px;
	border:1px solid rgba(193,54,105,0.13);
	border-radius:14px;
	background:rgba(255,255,255,0.94);
	box-shadow:0 18px 40px rgba(108,45,68,0.14);
}

.ing_dm_media_badge_01{
	top:40px;
	right:-10px;
	animation:ing_dm_float 3.5s ease-in-out infinite;
}

.ing_dm_media_badge_02{
	left:-5px;
	bottom:35px;
	animation:ing_dm_float 3.5s ease-in-out infinite 0.7s;
}

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

.ing_dm_badge_icon{
	width:49px;
	height:49px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:12px;
	color:#ffffff;
	background:linear-gradient(135deg,var(--dm-main),#f17ba5);
	font-size:10px;
	font-weight:900;
	letter-spacing:-0.3px;
}

.ing_dm_badge_dot{
	position:relative;
	width:49px;
	height:49px;
	border-radius:50%;
	background:#fff0f5;
}

.ing_dm_badge_dot:before{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:12px;
	height:12px;
	border-radius:50%;
	background:var(--dm-main);
	transform:translate(-50%,-50%);
	box-shadow:0 0 0 8px rgba(217,66,120,0.12);
}

.ing_dm_media_badge strong{
	display:block;
	color:#332b31;
	font-size:14px;
	font-weight:800;
}

.ing_dm_media_badge small{
	display:block;
	margin-top:5px;
	color:#91838c;
	font-size:11px;
	font-weight:500;
}

/* =========================================================
   인트로
========================================================= */

.ing_dm_intro{
	padding:120px 0;
	background:#ffffff;
}

.ing_dm_intro .ing_dm_inner{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:70px;
}

.ing_dm_intro_points{
	width:48%;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	border-top:1px solid #eadde2;
	border-bottom:1px solid #eadde2;
}

.ing_dm_intro_point{
	position:relative;
	min-height:205px;
	padding:31px 22px;
	border-right:1px solid #eadde2;
}

.ing_dm_intro_point:first-child{
	border-left:1px solid #eadde2;
}

.ing_dm_intro_point > span{
	display:block;
	color:var(--dm-main);
	font-size:12px;
	font-weight:900;
	letter-spacing:1px;
}

.ing_dm_intro_point strong{
	display:block;
	margin-top:42px;
	color:#292329;
	font-size:18px;
	font-weight:800;
	letter-spacing:-0.6px;
}

.ing_dm_intro_point p{
	margin-top:10px;
	color:#81777e;
	font-size:14px;
	line-height:1.65;
	letter-spacing:-0.3px;
}

/* =========================================================
   주요 서비스
========================================================= */

.ing_dm_service{
	padding:125px 0 135px;
	background:#fbf7f9;
}

.ing_dm_service_grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:25px;
	margin-top:65px;
}

.ing_dm_service_card{
	position:relative;
	min-height:455px;
	overflow:hidden;
	padding:46px 43px;
	border:1px solid #efdee5;
	border-radius:20px;
	background:#ffffff;
	box-shadow:0 16px 40px rgba(87,55,67,0.05);
	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease,
		border-color 0.3s ease;
}

.ing_dm_service_card:hover{
	border-color:#e9b8ca;
	transform:translateY(-8px);
	box-shadow:0 26px 55px rgba(118,46,73,0.11);
}

.ing_dm_service_number{
	position:absolute;
	top:28px;
	right:32px;
	color:#f4d8e3;
	font-size:55px;
	font-weight:900;
	line-height:1;
	letter-spacing:-4px;
}

.ing_dm_service_icon{
	position:relative;
	width:105px;
	height:105px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:30px;
	border-radius:28px;
	background:var(--dm-light);
}

/* 시니어지 아이콘 */

.ing_dm_signage_screen{
	position:absolute;
	top:23px;
	left:25px;
	width:55px;
	height:43px;
	padding:5px;
	border:3px solid var(--dm-main-dark);
	border-radius:4px;
}

.ing_dm_signage_screen i{
	display:block;
	width:100%;
	height:100%;
	background:
		linear-gradient(135deg,var(--dm-main) 0 48%,#f49ab9 48% 100%);
}

.ing_dm_signage_stand{
	position:absolute;
	left:48px;
	bottom:20px;
	width:9px;
	height:20px;
	background:var(--dm-main-dark);
}

.ing_dm_signage_stand:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:30px;
	height:4px;
	border-radius:3px;
	background:var(--dm-main-dark);
	transform:translateX(-50%);
}

/* 전광판 아이콘 */

.ing_dm_led_frame{
	position:absolute;
	top:25px;
	left:20px;
	width:65px;
	height:44px;
	display:flex;
	align-items:flex-end;
	gap:5px;
	padding:8px;
	border:3px solid var(--dm-main-dark);
	border-radius:5px;
}

.ing_dm_led_frame i{
	flex:1;
	display:block;
	border-radius:2px;
	background:var(--dm-main);
}

.ing_dm_led_frame i:nth-child(1){
	height:13px;
}

.ing_dm_led_frame i:nth-child(2){
	height:23px;
}

.ing_dm_led_frame i:nth-child(3){
	height:18px;
}

.ing_dm_led_pole{
	position:absolute;
	left:49px;
	bottom:18px;
	width:8px;
	height:19px;
	background:var(--dm-main-dark);
}

/* 역 아이콘 */

.ing_dm_station_roof{
	position:absolute;
	top:19px;
	left:19px;
	width:67px;
	height:10px;
	border-radius:8px 8px 2px 2px;
	background:var(--dm-main-dark);
}

.ing_dm_station_board{
	position:absolute;
	top:34px;
	left:27px;
	width:51px;
	height:29px;
	padding:5px;
	border:2px solid var(--dm-main-dark);
	border-radius:3px;
}

.ing_dm_station_board i{
	display:block;
	width:100%;
	height:100%;
	background:linear-gradient(90deg,var(--dm-main),#f598b9);
}

.ing_dm_station_people{
	position:absolute;
	left:31px;
	bottom:18px;
	display:flex;
	align-items:flex-end;
	gap:8px;
}

.ing_dm_station_people i{
	position:relative;
	display:block;
	width:7px;
	height:16px;
	border-radius:4px 4px 2px 2px;
	background:var(--dm-main-dark);
}

.ing_dm_station_people i:before{
	content:"";
	position:absolute;
	top:-7px;
	left:0;
	width:7px;
	height:7px;
	border-radius:50%;
	background:var(--dm-main);
}

/* 영화관 아이콘 */

.ing_dm_cinema_screen{
	position:absolute;
	top:19px;
	left:20px;
	width:65px;
	height:43px;
	padding:5px;
	border:3px solid var(--dm-main-dark);
	border-radius:5px;
}

.ing_dm_cinema_screen i{
	display:block;
	width:100%;
	height:100%;
	background:linear-gradient(135deg,#f5a2bf,var(--dm-main));
}

.ing_dm_cinema_screen i:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-left:11px solid #ffffff;
	transform:translate(-40%,-50%);
}

.ing_dm_cinema_seat{
	position:absolute;
	bottom:20px;
	width:18px;
	height:14px;
	border-radius:3px 3px 6px 6px;
	background:var(--dm-main-dark);
}

.ing_dm_cinema_seat_01{
	left:23px;
}

.ing_dm_cinema_seat_02{
	left:44px;
}

.ing_dm_cinema_seat_03{
	left:65px;
}

.ing_dm_service_keyword{
	display:block;
	margin-bottom:10px;
	color:var(--dm-main);
	font-size:11px;
	font-weight:800;
	letter-spacing:1.7px;
}

.ing_dm_service_contents h4{
	color:#292229;
	font-size:27px;
	font-weight:800;
	letter-spacing:-1px;
}

.ing_dm_service_contents > p{
	margin-top:17px;
	color:#746a71;
	font-size:16px;
	line-height:1.75;
	letter-spacing:-0.35px;
}

.ing_dm_service_contents ul{
	margin-top:25px;
	padding-top:22px;
	border-top:1px solid #f0e5e9;
}

.ing_dm_service_contents li{
	position:relative;
	margin-top:10px;
	padding-left:17px;
	color:#5f555c;
	font-size:14px;
	font-weight:500;
	line-height:1.55;
}

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

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

/* =========================================================
   강점
========================================================= */

.ing_dm_strength{
	padding:135px 0;
	color:#ffffff;
	background:
		radial-gradient(circle at 10% 20%,rgba(238,99,150,0.16),transparent 30%),
		linear-gradient(135deg,#2d1924 0%,#4c1d34 55%,#702044 100%);
}

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

.ing_dm_strength_heading .ing_dm_section_label{
	color:#f58db3;
}

.ing_dm_strength_heading h3{
	color:#ffffff;
}

.ing_dm_strength_heading > p{
	color:rgba(255,255,255,0.67);
}

.ing_dm_text_link{
	display:inline-flex;
	align-items:center;
	gap:20px;
	margin-top:33px;
	padding-bottom:8px;
	color:#ffffff !important;
	border-bottom:1px solid rgba(255,255,255,0.4);
	font-size:15px;
	font-weight:700;
}

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

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

.ing_dm_strength_item{
	display:flex;
	gap:28px;
	padding:27px 5px;
	border-bottom:1px solid rgba(255,255,255,0.15);
}

.ing_dm_strength_num{
	flex:none;
	width:45px;
	padding-top:3px;
	color:#f38fb4;
	font-size:13px;
	font-weight:800;
	letter-spacing:1px;
}

.ing_dm_strength_item strong{
	display:block;
	color:#ffffff;
	font-size:19px;
	font-weight:700;
	letter-spacing:-0.5px;
}

.ing_dm_strength_item p{
	margin-top:9px;
	color:rgba(255,255,255,0.6);
	font-size:14px;
	line-height:1.7;
	letter-spacing:-0.2px;
}

/* =========================================================
   계약 방식
========================================================= */

.ing_dm_contract{
	padding:125px 0 135px;
	background:#ffffff;
}

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

.ing_dm_contract_card{
	position:relative;
	min-height:390px;
	padding:43px 42px;
	border:1px solid #eadce2;
	border-radius:20px;
	background:#ffffff;
	box-shadow:0 18px 45px rgba(100,58,73,0.07);
}

.ing_dm_contract_card_primary{
	border-color:transparent;
	color:#ffffff;
	background:
		radial-gradient(circle at 100% 0,rgba(255,255,255,0.18),transparent 35%),
		linear-gradient(135deg,var(--dm-main-dark),#e6568a);
	box-shadow:0 24px 55px rgba(180,44,94,0.22);
}

.ing_dm_contract_top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-bottom:22px;
	border-bottom:1px solid #eee2e7;
}

.ing_dm_contract_card_primary .ing_dm_contract_top{
	border-color:rgba(255,255,255,0.23);
}

.ing_dm_contract_type{
	color:var(--dm-main);
	font-size:12px;
	font-weight:900;
	letter-spacing:2px;
}

.ing_dm_contract_card_primary .ing_dm_contract_type{
	color:#ffd7e6;
}

.ing_dm_contract_period{
	min-width:48px;
	height:28px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:20px;
	color:var(--dm-main-dark);
	background:var(--dm-light);
	font-size:12px;
	font-weight:800;
}

.ing_dm_contract_card_primary .ing_dm_contract_period{
	color:#ffffff;
	background:rgba(255,255,255,0.18);
}

.ing_dm_contract_card h4{
	margin-top:30px;
	color:#2b2429;
	font-size:26px;
	font-weight:800;
	letter-spacing:-0.9px;
}

.ing_dm_contract_card_primary h4{
	color:#ffffff;
}

.ing_dm_contract_card > p{
	margin-top:17px;
	color:#786e75;
	font-size:15px;
	line-height:1.8;
}

.ing_dm_contract_card_primary > p{
	color:rgba(255,255,255,0.76);
}

.ing_dm_contract_info{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:29px;
}

.ing_dm_contract_info span{
	display:inline-flex;
	align-items:center;
	min-height:34px;
	padding:7px 13px;
	border-radius:7px;
	color:#6a5b63;
	background:#fbf3f6;
	font-size:12px;
	font-weight:600;
}

.ing_dm_contract_card_primary .ing_dm_contract_info span{
	color:#ffffff;
	background:rgba(255,255,255,0.15);
}

/* =========================================================
   진행 절차
========================================================= */

.ing_dm_process{
	padding:125px 0 135px;
	background:#fbf5f8;
}

.ing_dm_process_list{
	position:relative;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
	margin-top:65px;
}

.ing_dm_process_list:before{
	content:"";
	position:absolute;
	top:98px;
	left:12%;
	right:12%;
	height:1px;
	background:#e8b9ca;
}

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

.ing_dm_process_step{
	margin-bottom:17px;
	color:var(--dm-main);
	font-size:11px;
	font-weight:800;
	letter-spacing:1.5px;
}

.ing_dm_process_circle{
	position:relative;
	width:92px;
	height:92px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto;
	border:1px solid #edbfd0;
	border-radius:50%;
	background:#ffffff;
	box-shadow:0 12px 30px rgba(131,57,84,0.08);
}

.ing_dm_process_circle:before{
	content:"";
	position:absolute;
	inset:8px;
	border-radius:50%;
	background:var(--dm-light);
}

.ing_dm_process_circle span{
	position:relative;
	z-index:2;
	color:var(--dm-main-dark);
	font-size:24px;
	font-weight:900;
}

.ing_dm_process_item h4{
	margin-top:24px;
	color:#2d262b;
	font-size:18px;
	font-weight:800;
	letter-spacing:-0.5px;
}

.ing_dm_process_item p{
	max-width:230px;
	margin:12px auto 0;
	color:#7f747b;
	font-size:14px;
	line-height:1.7;
	letter-spacing:-0.2px;
}

/* =========================================================
   하단 문의
========================================================= */

.ing_dm_contact{
	position:relative;
	overflow:hidden;
	padding:110px 0;
	background:#ffffff;
}

.ing_dm_contact_pattern{
	position:absolute;
	top:0;
	right:0;
	width:45%;
	height:100%;
	opacity:0.35;
	background-image:
		radial-gradient(rgba(207,62,115,0.24) 1.5px,transparent 1.5px);
	background-size:18px 18px;
	mask-image:linear-gradient(to left,#000,transparent);
	-webkit-mask-image:linear-gradient(to left,#000,transparent);
}

.ing_dm_contact_box{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:50px;
	overflow:hidden;
	padding:65px 70px;
	border-radius:24px;
	color:#ffffff;
	background:
		radial-gradient(circle at 90% 10%,rgba(255,255,255,0.2),transparent 30%),
		linear-gradient(120deg,#a82659 0%,#d94278 54%,#ed6999 100%);
	box-shadow:0 28px 60px rgba(173,48,94,0.2);
}

.ing_dm_contact_box:after{
	content:"";
	position:absolute;
	top:-140px;
	right:-80px;
	width:370px;
	height:370px;
	border:1px solid rgba(255,255,255,0.18);
	border-radius:50%;
}

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

.ing_dm_contact_text > p{
	margin-bottom:15px;
	color:#ffd8e6;
	font-size:12px;
	font-weight:800;
	letter-spacing:2.2px;
}

.ing_dm_contact_text h3{
	color:#ffffff;
	font-size:35px;
	font-weight:800;
	line-height:1.4;
	letter-spacing:-1.4px;
}

.ing_dm_contact_text > span{
	display:block;
	margin-top:18px;
	color:rgba(255,255,255,0.76);
	font-size:15px;
	line-height:1.75;
}

.ing_dm_contact_button{
	position:relative;
	z-index:2;
	flex:none;
	min-width:225px;
	height:64px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:22px;
	padding:0 27px;
	border-radius:10px;
	color:var(--dm-main-dark) !important;
	background:#ffffff;
	font-size:15px;
	font-weight:800;
	box-shadow:0 15px 30px rgba(99,24,54,0.18);
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease;
}

.ing_dm_contact_button:hover{
	transform:translateY(-4px);
	box-shadow:0 20px 36px rgba(99,24,54,0.25);
}

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

/* =========================================================
   모바일
========================================================= */

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

	.ing_dm_inner{
		padding:0 20px;
	}

	.ing_dm_section_label{
		margin-bottom:12px !important;
		font-size:11px;
		letter-spacing:1.7px;
	}

	.ing_dm_section_heading h3,
	.ing_dm_strength_heading h3{
		font-size:29px;
		line-height:1.4;
		letter-spacing:-1.2px;
	}

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

	/* 비주얼 */

	.ing_dm_visual{
		min-height:auto;
	}

	.ing_dm_visual .ing_dm_inner{
		display:block;
		padding-top:70px;
		padding-bottom:65px;
	}

	.ing_dm_visual_contents{
		width:100%;
	}

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

	.ing_dm_eyebrow:before{
		width:25px;
	}

	.ing_dm_visual_title{
		font-size:39px;
		line-height:1.28;
		letter-spacing:-2.1px;
	}

	.ing_dm_visual_title span:after{
		height:8px;
	}

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

	.ing_dm_visual_text br{
		display:none;
	}

	.ing_dm_visual_buttons{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:8px;
		margin-top:30px;
	}

	.ing_dm_button{
		min-width:0;
		height:52px;
		gap:10px;
		padding:0 12px;
		font-size:13px;
	}

	.ing_dm_visual_media{
		width:100%;
		min-height:350px;
		margin-top:48px;
	}

	.ing_dm_media_frame{
		width:88%;
		padding:8px;
		border-radius:18px;
		transform:none;
	}

	.ing_dm_media_header{
		height:27px;
	}

	.ing_dm_media_screen{
		height:220px;
		border-radius:12px;
	}

	.ing_dm_media_logo strong{
		font-size:49px;
	}

	.ing_dm_media_logo span{
		font-size:9px;
		letter-spacing:2.5px;
	}

	.ing_dm_media_badge{
		min-width:175px;
		padding:12px;
	}

	.ing_dm_media_badge_01{
		top:5px;
		right:-5px;
	}

	.ing_dm_media_badge_02{
		left:-5px;
		bottom:5px;
	}

	.ing_dm_badge_icon,
	.ing_dm_badge_dot{
		width:40px;
		height:40px;
	}

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

	.ing_dm_media_badge small{
		font-size:10px;
	}

	.ing_dm_media_wave{
		left:20px;
		bottom:18px;
		height:40px;
	}

	.ing_dm_media_screen > p{
		right:15px;
		bottom:13px;
		font-size:7px;
	}

	/* 인트로 */

	.ing_dm_intro{
		padding:80px 0;
	}

	.ing_dm_intro .ing_dm_inner{
		display:block;
	}

	.ing_dm_intro_points{
		width:100%;
		grid-template-columns:1fr;
		margin-top:40px;
		border-bottom:0;
	}

	.ing_dm_intro_point{
		min-height:auto;
		padding:23px 20px;
		border-left:1px solid #eadde2;
		border-bottom:1px solid #eadde2;
	}

	.ing_dm_intro_point strong{
		margin-top:15px;
		font-size:17px;
	}

	/* 서비스 */

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

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

	.ing_dm_service_card{
		min-height:auto;
		padding:31px 25px;
		border-radius:15px;
	}

	.ing_dm_service_card:hover{
		transform:none;
	}

	.ing_dm_service_number{
		top:23px;
		right:23px;
		font-size:43px;
	}

	.ing_dm_service_icon{
		width:88px;
		height:88px;
		margin-bottom:24px;
		border-radius:23px;
		transform:scale(0.88);
		transform-origin:left center;
	}

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

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

	.ing_dm_service_contents ul{
		margin-top:20px;
		padding-top:18px;
	}

	.ing_dm_service_contents li{
		font-size:13px;
	}

	/* 강점 */

	.ing_dm_strength{
		padding:82px 0;
	}

	.ing_dm_strength_layout{
		grid-template-columns:1fr;
		gap:46px;
	}

	.ing_dm_strength_item{
		gap:15px;
		padding:22px 0;
	}

	.ing_dm_strength_num{
		width:34px;
		font-size:11px;
	}

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

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

	/* 계약 */

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

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

	.ing_dm_contract_card{
		min-height:auto;
		padding:30px 25px;
		border-radius:15px;
	}

	.ing_dm_contract_card h4{
		margin-top:24px;
		font-size:22px;
	}

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

	.ing_dm_contract_info{
		margin-top:23px;
	}

	.ing_dm_contract_info span{
		font-size:11px;
	}

	/* 프로세스 */

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

	.ing_dm_process_list{
		grid-template-columns:1fr;
		gap:0;
		margin-top:42px;
	}

	.ing_dm_process_list:before{
		top:35px;
		bottom:35px;
		left:44px;
		right:auto;
		width:1px;
		height:auto;
	}

	.ing_dm_process_item{
		min-height:115px;
		display:grid;
		grid-template-columns:88px 1fr;
		grid-template-rows:auto auto auto;
		text-align:left;
	}

	.ing_dm_process_step{
		grid-column:2;
		margin:5px 0 4px;
		font-size:10px;
	}

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

	.ing_dm_process_circle span{
		font-size:19px;
	}

	.ing_dm_process_item h4{
		grid-column:2;
		margin:0;
		font-size:17px;
	}

	.ing_dm_process_item p{
		grid-column:2;
		max-width:none;
		margin:7px 0 0;
		font-size:13px;
	}

	/* 문의 */

	.ing_dm_contact{
		padding:75px 0;
	}

	.ing_dm_contact_box{
		display:block;
		padding:42px 25px;
		border-radius:18px;
		text-align:center;
	}

	.ing_dm_contact_text h3{
		font-size:27px;
		line-height:1.45;
		letter-spacing:-1px;
	}

	.ing_dm_contact_text > span{
		font-size:14px;
	}

	.ing_dm_contact_button{
		width:100%;
		min-width:0;
		height:57px;
		margin-top:30px;
		font-size:14px;
	}

}