@charset "utf-8";

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

.ing_mall33{
	--mall-primary:#1767e8;
	--mall-primary-dark:#0c46a8;
	--mall-secondary:#11b8a5;
	--mall-navy:#101f3d;
	--mall-text:#26354d;
	--mall-muted:#6c788b;
	--mall-line:#dfe6f0;
	--mall-light:#f5f8fc;
	--mall-white:#ffffff;

	width:100%;
	overflow:hidden;
	background:#ffffff;
	color:var(--mall-text);
	font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;
}

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

.ing_mall33 button{
	font-family:inherit;
}

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

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

.ing_mall33_reveal.is-visible{
	opacity:1;
	transform:translateY(0);
}

/* 상단 비주얼 */
.ing_mall33_hero{
	position:relative;
	min-height:790px;
	padding:112px 0 100px;
	overflow:hidden;
	background:
		linear-gradient(120deg, #f8fbff 0%, #eef5ff 48%, #f4fbfb 100%);
}

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

.ing_mall33_hero_bg{
	position:absolute;
	border-radius:50%;
	filter:blur(2px);
	pointer-events:none;
}

.ing_mall33_hero_bg--one{
	top:-240px;
	right:-160px;
	width:630px;
	height:630px;
	background:rgba(23,103,232,.09);
}

.ing_mall33_hero_bg--two{
	left:-180px;
	bottom:-280px;
	width:560px;
	height:560px;
	background:rgba(17,184,165,.09);
}

.ing_mall33_hero_grid{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:minmax(0, 1fr) 620px;
	align-items:center;
	gap:80px;
}

.ing_mall33_eyebrow{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:22px;
	color:var(--mall-primary);
	font-size:13px;
	font-weight:800;
	letter-spacing:2px;
}

.ing_mall33_eyebrow span{
	display:block;
	width:34px;
	height:2px;
	background:var(--mall-primary);
}

.ing_mall33_hero_text h1{
	margin:0;
	color:var(--mall-navy);
	font-size:56px;
	font-weight:500;
	line-height:1.25;
	letter-spacing:-3px;
}

.ing_mall33_hero_text h1 strong{
	position:relative;
	color:var(--mall-primary);
	font-weight:800;
}

.ing_mall33_hero_text h1 strong:after{
	position:absolute;
	left:0;
	right:0;
	bottom:1px;
	height:9px;
	z-index:-1;
	border-radius:10px;
	background:rgba(23,103,232,.13);
	content:"";
}

.ing_mall33_hero_text > p{
	max-width:640px;
	margin:28px 0 0;
	color:#526077;
	font-size:18px;
	line-height:1.85;
	letter-spacing:-.5px;
}

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

.ing_mall33_btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:30px;
	min-width:172px;
	height:58px;
	padding:0 25px;
	border-radius:10px;
	font-size:15px;
	font-weight:700;
	transition:all .25s ease;
}

.ing_mall33_btn--primary{
	color:#ffffff !important;
	background:linear-gradient(135deg, var(--mall-primary), #0755cd);
	box-shadow:0 14px 28px rgba(23,103,232,.25);
}

.ing_mall33_btn--primary:hover{
	transform:translateY(-3px);
	box-shadow:0 18px 34px rgba(23,103,232,.32);
}

.ing_mall33_btn--line{
	border:1px solid #cfd9e8;
	color:#334158 !important;
	background:rgba(255,255,255,.7);
}

.ing_mall33_btn--line:hover{
	border-color:var(--mall-primary);
	color:var(--mall-primary) !important;
	background:#ffffff;
}

.ing_mall33_hero_points{
	display:flex;
	gap:30px;
	margin-top:46px;
	padding-top:27px;
	border-top:1px solid rgba(130,148,175,.25);
}

.ing_mall33_hero_points > div{
	position:relative;
	padding-left:16px;
}

.ing_mall33_hero_points > div:before{
	position:absolute;
	left:0;
	top:3px;
	width:4px;
	height:36px;
	border-radius:4px;
	background:linear-gradient(to bottom, var(--mall-primary), var(--mall-secondary));
	content:"";
}

.ing_mall33_hero_points strong,
.ing_mall33_hero_points span{
	display:block;
}

.ing_mall33_hero_points strong{
	margin-bottom:5px;
	color:var(--mall-navy);
	font-size:15px;
}

.ing_mall33_hero_points span{
	color:#7a8799;
	font-size:12px;
}

/* 대시보드 비주얼 */
.ing_mall33_visual{
	position:relative;
	padding:38px 20px;
}

.ing_mall33_visual:before{
	position:absolute;
	left:50%;
	top:50%;
	width:520px;
	height:520px;
	border-radius:50%;
	background:linear-gradient(135deg, rgba(23,103,232,.16), rgba(17,184,165,.12));
	transform:translate(-50%, -50%);
	content:"";
}

.ing_mall33_visual_card{
	position:relative;
	z-index:2;
	overflow:hidden;
	border:1px solid rgba(204,218,238,.9);
	border-radius:22px;
	background:#ffffff;
	box-shadow:0 40px 80px rgba(44,73,116,.17);
}

.ing_mall33_visual_top{
	display:flex;
	align-items:center;
	height:45px;
	padding:0 18px;
	border-bottom:1px solid #edf1f6;
	background:#f9fbfd;
}

.ing_mall33_window_dots{
	display:flex;
	gap:6px;
}

.ing_mall33_window_dots span{
	display:block;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#d5dce6;
}

.ing_mall33_window_dots span:first-child{
	background:#ff6b6b;
}

.ing_mall33_window_dots span:nth-child(2){
	background:#ffc14e;
}

.ing_mall33_window_dots span:nth-child(3){
	background:#51c878;
}

.ing_mall33_visual_title{
	flex:1;
	padding-right:42px;
	color:#9aa5b4;
	font-size:10px;
	text-align:center;
	letter-spacing:.5px;
}

.ing_mall33_visual_body{
	display:flex;
	min-height:410px;
}

.ing_mall33_visual_sidebar{
	width:58px;
	padding:18px 11px;
	background:#14284c;
}

.ing_mall33_visual_sidebar > div{
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	margin-bottom:10px;
	border-radius:9px;
	color:#7f93b8;
	font-size:13px;
}

.ing_mall33_visual_sidebar > div.active{
	color:#ffffff;
	background:var(--mall-primary);
}

.ing_mall33_visual_contents{
	flex:1;
	padding:25px;
	background:#f6f8fb;
}

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

.ing_mall33_visual_head span,
.ing_mall33_visual_head strong{
	display:block;
}

.ing_mall33_visual_head span{
	margin-bottom:4px;
	color:#8b97a8;
	font-size:9px;
}

.ing_mall33_visual_head strong{
	color:#20304b;
	font-size:15px;
}

.ing_mall33_visual_user{
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border-radius:50%;
	color:#ffffff;
	background:#afbbcc;
	font-size:11px;
}

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

.ing_mall33_visual_stats > div{
	padding:14px;
	border:1px solid #e7ebf1;
	border-radius:10px;
	background:#ffffff;
}

.ing_mall33_visual_stats span,
.ing_mall33_visual_stats strong,
.ing_mall33_visual_stats em{
	display:block;
}

.ing_mall33_visual_stats span{
	margin-bottom:8px;
	color:#8793a5;
	font-size:8px;
}

.ing_mall33_visual_stats strong{
	margin-bottom:4px;
	color:#1d2c45;
	font-size:17px;
}

.ing_mall33_visual_stats em{
	color:#12a27c;
	font-size:8px;
	font-style:normal;
}

.ing_mall33_visual_chart{
	margin-top:12px;
	padding:15px;
	border:1px solid #e7ebf1;
	border-radius:10px;
	background:#ffffff;
}

.ing_mall33_visual_chart_title{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.ing_mall33_visual_chart_title span{
	color:#818da0;
	font-size:9px;
}

.ing_mall33_visual_chart_title strong{
	color:#20304b;
	font-size:13px;
}

.ing_mall33_chart_area{
	position:relative;
	height:95px;
	margin-top:14px;
	border-bottom:1px solid #eef1f5;
	background:
		linear-gradient(to bottom, transparent 32%, #f1f4f7 33%, transparent 34%, transparent 65%, #f1f4f7 66%, transparent 67%);
}

.ing_mall33_chart_line{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	height:100%;
	gap:10px;
}

.ing_mall33_chart_line span{
	flex:1;
	border-radius:4px 4px 0 0;
	background:linear-gradient(to top, var(--mall-primary), #69a3ff);
	opacity:.85;
}

.ing_mall33_visual_orders{
	margin-top:12px;
	padding:13px 15px;
	border:1px solid #e7ebf1;
	border-radius:10px;
	background:#ffffff;
}

.ing_mall33_visual_orders_head,
.ing_mall33_visual_order{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.ing_mall33_visual_orders_head{
	padding-bottom:8px;
	color:#98a2b2;
	font-size:8px;
}

.ing_mall33_visual_order{
	padding:8px 0;
	border-top:1px solid #f0f2f5;
	color:#49566a;
	font-size:9px;
}

.ing_mall33_visual_order > span{
	display:flex;
	align-items:center;
	gap:7px;
}

.ing_mall33_visual_order i{
	color:#8392a8;
}

.ing_mall33_visual_order em{
	padding:4px 7px;
	border-radius:20px;
	font-size:7px;
	font-style:normal;
}

.ing_mall33_visual_order em.prepare{
	color:#e08d18;
	background:#fff5df;
}

.ing_mall33_visual_order em.delivery{
	color:#1767e8;
	background:#e9f1ff;
}

.ing_mall33_float_card{
	position:absolute;
	z-index:3;
	display:flex;
	align-items:center;
	gap:12px;
	min-width:192px;
	padding:14px 17px;
	border:1px solid rgba(211,223,239,.9);
	border-radius:13px;
	background:rgba(255,255,255,.96);
	box-shadow:0 18px 35px rgba(31,58,96,.15);
}

.ing_mall33_float_card--seller{
	left:-28px;
	top:82px;
	animation:ingMallFloat 4s ease-in-out infinite;
}

.ing_mall33_float_card--settlement{
	right:-20px;
	bottom:58px;
	animation:ingMallFloat 4s ease-in-out 1s infinite;
}

.ing_mall33_float_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:39px;
	height:39px;
	border-radius:10px;
	color:#ffffff;
	background:linear-gradient(135deg, var(--mall-primary), #5b91ee);
	font-size:14px;
}

.ing_mall33_float_card--settlement .ing_mall33_float_icon{
	background:linear-gradient(135deg, var(--mall-secondary), #43cdbc);
}

.ing_mall33_float_card span,
.ing_mall33_float_card strong{
	display:block;
}

.ing_mall33_float_card span{
	margin-bottom:4px;
	color:#8a96a7;
	font-size:9px;
}

.ing_mall33_float_card strong{
	color:#26354c;
	font-size:11px;
}

@keyframes ingMallFloat{
	0%{
		transform:translateY(0);
	}
	50%{
		transform:translateY(-10px);
	}
	100%{
		transform:translateY(0);
	}
}

/* 공통 제목 */
.ing_mall33_section_head{
	max-width:850px;
	margin:0 auto 65px;
	text-align:center;
}

.ing_mall33_section_head--left{
	max-width:none;
	margin-left:0;
	text-align:left;
}

.ing_mall33_section_label{
	display:inline-block;
	margin-bottom:18px;
	color:var(--mall-primary);
	font-size:13px;
	font-weight:800;
	letter-spacing:2px;
}

.ing_mall33_section_head h2,
.ing_mall33_custom_text h2,
.ing_mall33_trust_text h2{
	margin:0;
	color:var(--mall-navy);
	font-size:38px;
	font-weight:500;
	line-height:1.4;
	letter-spacing:-2px;
}

.ing_mall33_section_head h2 strong,
.ing_mall33_custom_text h2 strong,
.ing_mall33_trust_text h2 strong{
	font-weight:800;
}

.ing_mall33_section_head > p{
	max-width:700px;
	margin:20px auto 0;
	color:var(--mall-muted);
	font-size:17px;
	line-height:1.8;
}

/* 소개 */
.ing_mall33_intro{
	padding:125px 0 140px;
	background:#ffffff;
}

.ing_mall33_intro_grid{
	display:grid;
	grid-template-columns:1fr 570px;
	align-items:center;
	gap:100px;
}

.ing_mall33_intro_content h3{
	margin:0 0 27px;
	color:var(--mall-navy);
	font-size:33px;
	line-height:1.45;
	letter-spacing:-1.5px;
}

.ing_mall33_intro_content > p{
	margin:0 0 15px;
	color:#637086;
	font-size:16px;
	line-height:1.9;
}

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

.ing_mall33_intro_check > div{
	display:flex;
	align-items:center;
	gap:10px;
	padding:14px 15px;
	border:1px solid #e5ebf3;
	border-radius:9px;
	background:#fafcff;
	color:#425067;
	font-size:13px;
	font-weight:600;
}

.ing_mall33_intro_check i{
	display:flex;
	align-items:center;
	justify-content:center;
	width:21px;
	height:21px;
	flex-shrink:0;
	border-radius:50%;
	color:#ffffff;
	background:var(--mall-primary);
	font-size:9px;
}

.ing_mall33_structure{
	position:relative;
	height:510px;
	border-radius:30px;
	background:
		radial-gradient(circle at center, rgba(23,103,232,.11), transparent 53%),
		linear-gradient(135deg, #f3f7fd, #f8fbff);
}

.ing_mall33_structure:before{
	position:absolute;
	left:50%;
	top:50%;
	width:305px;
	height:305px;
	border:1px dashed rgba(23,103,232,.24);
	border-radius:50%;
	transform:translate(-50%, -50%);
	content:"";
}

.ing_mall33_structure:after{
	position:absolute;
	left:50%;
	top:50%;
	width:405px;
	height:405px;
	border:1px solid rgba(23,103,232,.08);
	border-radius:50%;
	transform:translate(-50%, -50%);
	content:"";
}

.ing_mall33_structure_center{
	position:absolute;
	left:50%;
	top:50%;
	z-index:3;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	width:160px;
	height:160px;
	border-radius:50%;
	color:#ffffff;
	background:linear-gradient(145deg, var(--mall-primary), #0b4db9);
	box-shadow:0 20px 45px rgba(23,103,232,.28);
	transform:translate(-50%, -50%);
}

.ing_mall33_structure_logo{
	display:flex;
	align-items:center;
	justify-content:center;
	width:45px;
	height:45px;
	margin-bottom:10px;
	border-radius:13px;
	background:rgba(255,255,255,.16);
	font-size:18px;
}

.ing_mall33_structure_center strong{
	font-size:16px;
}

.ing_mall33_structure_center span{
	margin-top:4px;
	color:rgba(255,255,255,.7);
	font-size:10px;
}

.ing_mall33_structure_item{
	position:absolute;
	z-index:3;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	width:122px;
	height:122px;
	border:1px solid #dce5f1;
	border-radius:24px;
	background:#ffffff;
	box-shadow:0 14px 30px rgba(48,75,112,.09);
}

.ing_mall33_structure_item i{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	margin-bottom:9px;
	border-radius:12px;
	color:var(--mall-primary);
	background:#edf4ff;
	font-size:16px;
}

.ing_mall33_structure_item strong{
	color:#25354d;
	font-size:14px;
}

.ing_mall33_structure_item span{
	margin-top:4px;
	color:#8a96a6;
	font-size:9px;
}

.ing_mall33_structure_item--admin{
	left:36px;
	top:44px;
}

.ing_mall33_structure_item--seller{
	right:36px;
	top:44px;
}

.ing_mall33_structure_item--customer{
	left:36px;
	bottom:44px;
}

.ing_mall33_structure_item--payment{
	right:36px;
	bottom:44px;
}

.ing_mall33_structure_line{
	position:absolute;
	z-index:2;
	display:block;
	width:115px;
	height:1px;
	background:linear-gradient(to right, rgba(23,103,232,.18), rgba(23,103,232,.65));
	transform-origin:left center;
}

.ing_mall33_structure_line--one{
	left:145px;
	top:145px;
	transform:rotate(30deg);
}

.ing_mall33_structure_line--two{
	right:145px;
	top:145px;
	background:linear-gradient(to left, rgba(23,103,232,.18), rgba(23,103,232,.65));
	transform:rotate(-30deg);
	transform-origin:right center;
}

.ing_mall33_structure_line--three{
	left:145px;
	bottom:145px;
	transform:rotate(-30deg);
}

.ing_mall33_structure_line--four{
	right:145px;
	bottom:145px;
	background:linear-gradient(to left, rgba(23,103,232,.18), rgba(23,103,232,.65));
	transform:rotate(30deg);
	transform-origin:right center;
}

/* 주요 기능 */
.ing_mall33_features{
	padding:135px 0;
	background:var(--mall-light);
}

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

.ing_mall33_feature_card{
	position:relative;
	min-height:360px;
	padding:38px 34px 32px;
	overflow:hidden;
	border:1px solid #e2e8f1;
	border-radius:18px;
	background:#ffffff;
	transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.ing_mall33_feature_card:hover{
	border-color:#c7d9f6;
	transform:translateY(-8px);
	box-shadow:0 22px 44px rgba(40,71,113,.11);
}

.ing_mall33_feature_number{
	position:absolute;
	right:25px;
	top:19px;
	color:#edf1f6;
	font-size:42px;
	font-weight:900;
	letter-spacing:-2px;
}

.ing_mall33_feature_icon{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	margin-bottom:27px;
	border-radius:16px;
	color:#ffffff;
	background:linear-gradient(135deg, var(--mall-primary), #5a91ee);
	box-shadow:0 12px 25px rgba(23,103,232,.18);
	font-size:21px;
}

.ing_mall33_feature_card:nth-child(2) .ing_mall33_feature_icon,
.ing_mall33_feature_card:nth-child(5) .ing_mall33_feature_icon{
	background:linear-gradient(135deg, #11a893, #3bd1bd);
	box-shadow:0 12px 25px rgba(17,184,165,.18);
}

.ing_mall33_feature_card:nth-child(3) .ing_mall33_feature_icon,
.ing_mall33_feature_card:nth-child(6) .ing_mall33_feature_icon{
	background:linear-gradient(135deg, #6f5ce7, #9c8df4);
	box-shadow:0 12px 25px rgba(111,92,231,.18);
}

.ing_mall33_feature_card h3{
	margin:0 0 14px;
	color:var(--mall-navy);
	font-size:21px;
	letter-spacing:-.7px;
}

.ing_mall33_feature_card > p{
	min-height:73px;
	margin:0 0 22px;
	color:#6e798b;
	font-size:14px;
	line-height:1.75;
}

.ing_mall33_feature_card ul{
	margin:0;
	padding:18px 0 0;
	border-top:1px solid #edf0f4;
	list-style:none;
}

.ing_mall33_feature_card li{
	position:relative;
	margin:7px 0;
	padding-left:14px;
	color:#536075;
	font-size:12px;
}

.ing_mall33_feature_card li:before{
	position:absolute;
	left:0;
	top:6px;
	width:5px;
	height:5px;
	border-radius:50%;
	background:var(--mall-primary);
	content:"";
}

/* 사용자별 시스템 */
.ing_mall33_roles{
	padding:135px 0 145px;
	background:#ffffff;
}

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

.ing_mall33_role_card{
	position:relative;
	min-height:340px;
	padding:35px;
	border:1px solid #e2e8f1;
	border-radius:20px;
	background:#ffffff;
	box-shadow:0 18px 40px rgba(43,69,105,.06);
	overflow:hidden;
}

.ing_mall33_role_card:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:5px;
	background:var(--mall-primary);
	content:"";
}

.ing_mall33_role_card--seller:before{
	background:var(--mall-secondary);
}

.ing_mall33_role_card--customer:before{
	background:#725ee4;
}

.ing_mall33_role_top{
	display:flex;
	align-items:center;
	gap:17px;
}

.ing_mall33_role_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	flex-shrink:0;
	border-radius:16px;
	color:var(--mall-primary);
	background:#edf4ff;
	font-size:21px;
}

.ing_mall33_role_card--seller .ing_mall33_role_icon{
	color:#0a9e8d;
	background:#eafaf7;
}

.ing_mall33_role_card--customer .ing_mall33_role_icon{
	color:#6b58d8;
	background:#f1efff;
}

.ing_mall33_role_top span{
	display:block;
	margin-bottom:5px;
	color:#929cad;
	font-size:10px;
	font-weight:800;
	letter-spacing:1.2px;
}

.ing_mall33_role_top h3{
	margin:0;
	color:var(--mall-navy);
	font-size:22px;
}

.ing_mall33_role_card > p{
	margin:27px 0;
	color:#687589;
	font-size:15px;
	line-height:1.8;
}

.ing_mall33_role_tags{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.ing_mall33_role_tags span{
	padding:9px 13px;
	border-radius:7px;
	color:#526076;
	background:#f4f7fa;
	font-size:11px;
	font-weight:600;
}

/* 맞춤 개발 */
.ing_mall33_custom{
	padding:130px 0;
	background:#10213f;
}

.ing_mall33_custom_box{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:90px;
	align-items:center;
}

.ing_mall33_custom_text .ing_mall33_section_label{
	color:#68a0ff;
}

.ing_mall33_custom_text h2{
	color:#ffffff;
}

.ing_mall33_custom_text > p{
	margin:23px 0 0;
	color:#aebbd0;
	font-size:16px;
	line-height:1.85;
}

.ing_mall33_custom_list{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:15px;
}

.ing_mall33_custom_list > div{
	display:flex;
	gap:15px;
	min-height:166px;
	padding:25px 22px;
	border:1px solid rgba(255,255,255,.11);
	border-radius:15px;
	background:rgba(255,255,255,.055);
	transition:background .25s ease, transform .25s ease;
}

.ing_mall33_custom_list > div:hover{
	background:rgba(255,255,255,.1);
	transform:translateY(-4px);
}

.ing_mall33_custom_num{
	display:flex;
	align-items:center;
	justify-content:center;
	width:35px;
	height:35px;
	flex-shrink:0;
	border-radius:9px;
	color:#ffffff;
	background:var(--mall-primary);
	font-size:10px;
	font-weight:800;
}

.ing_mall33_custom_list strong{
	display:block;
	margin:5px 0 10px;
	color:#ffffff;
	font-size:15px;
}

.ing_mall33_custom_list p{
	margin:0;
	color:#aab7ca;
	font-size:12px;
	line-height:1.75;
}

/* 프로세스 */
.ing_mall33_process{
	padding:140px 0;
	background:#ffffff;
}

.ing_mall33_process_list{
	position:relative;
	max-width:1040px;
	margin:0 auto;
}

.ing_mall33_process_list:before{
	position:absolute;
	left:73px;
	top:60px;
	bottom:60px;
	width:1px;
	background:#dce5f0;
	content:"";
}

.ing_mall33_process_item{
	position:relative;
	display:grid;
	grid-template-columns:110px 70px 1fr;
	align-items:center;
	gap:28px;
	min-height:145px;
	padding:20px 35px 20px 0;
	border-bottom:1px solid #e8edf3;
}

.ing_mall33_process_item:last-child{
	border-bottom:0;
}

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

.ing_mall33_process_step span,
.ing_mall33_process_step strong{
	display:block;
}

.ing_mall33_process_step span{
	margin-bottom:4px;
	color:#9aa5b4;
	font-size:9px;
	font-weight:700;
	letter-spacing:1.4px;
}

.ing_mall33_process_step strong{
	color:var(--mall-primary);
	font-size:32px;
	line-height:1;
}

.ing_mall33_process_icon{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:center;
	width:63px;
	height:63px;
	border:1px solid #dbe5f1;
	border-radius:18px;
	color:var(--mall-primary);
	background:#ffffff;
	box-shadow:0 10px 24px rgba(47,77,116,.08);
	font-size:20px;
}

.ing_mall33_process_text h3{
	margin:0 0 10px;
	color:var(--mall-navy);
	font-size:20px;
}

.ing_mall33_process_text p{
	margin:0;
	color:#6d798b;
	font-size:14px;
	line-height:1.75;
}

/* 신뢰성 */
.ing_mall33_trust{
	padding:135px 0;
	background:linear-gradient(135deg, #f4f8fe, #f7fbfb);
}

.ing_mall33_trust_grid{
	display:grid;
	grid-template-columns:.85fr 1.15fr;
	align-items:center;
	gap:95px;
}

.ing_mall33_trust_text > p{
	margin:22px 0 0;
	color:#68758a;
	font-size:16px;
	line-height:1.85;
}

.ing_mall33_trust_cards{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:17px;
}

.ing_mall33_trust_card{
	min-height:220px;
	padding:27px;
	border:1px solid #e0e7f0;
	border-radius:17px;
	background:#ffffff;
	box-shadow:0 15px 35px rgba(39,69,108,.06);
}

.ing_mall33_trust_card > div{
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	margin-bottom:20px;
	border-radius:13px;
	color:var(--mall-primary);
	background:#edf4ff;
	font-size:17px;
}

.ing_mall33_trust_card strong{
	display:block;
	margin-bottom:11px;
	color:var(--mall-navy);
	font-size:17px;
}

.ing_mall33_trust_card p{
	margin:0;
	color:#6f7b8d;
	font-size:13px;
	line-height:1.75;
}

/* FAQ */
.ing_mall33_faq{
	padding:135px 0;
	background:#ffffff;
}

.ing_mall33_faq_list{
	max-width:1000px;
	margin:0 auto;
	border-top:1px solid #dfe5ed;
}

.ing_mall33_faq_item{
	border-bottom:1px solid #dfe5ed;
}

.ing_mall33_faq_question{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	min-height:82px;
	padding:20px 24px;
	border:0;
	color:#28374e;
	background:#ffffff;
	font-size:16px;
	font-weight:700;
	text-align:left;
	cursor:pointer;
}

.ing_mall33_faq_question > span{
	display:flex;
	align-items:center;
	gap:18px;
}

.ing_mall33_faq_question em{
	color:var(--mall-primary);
	font-size:19px;
	font-style:normal;
	font-weight:800;
}

.ing_mall33_faq_question > i{
	color:#8490a1;
	font-size:14px;
	transition:transform .25s ease;
}

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

.ing_mall33_faq_answer > div{
	padding:0 65px 30px;
	color:#697689;
	font-size:14px;
	line-height:1.85;
}

.ing_mall33_faq_item.is-open .ing_mall33_faq_question{
	color:var(--mall-primary);
}

.ing_mall33_faq_item.is-open .ing_mall33_faq_question > i{
	transform:rotate(45deg);
}

.ing_mall33_faq_item.is-open .ing_mall33_faq_answer{
	max-height:300px;
	opacity:1;
}

/* 상담 영역 */
.ing_mall33_contact{
	position:relative;
	padding:115px 0;
	overflow:hidden;
	background:linear-gradient(135deg, #125fdc, #0b4db8);
}

.ing_mall33_contact:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:
		linear-gradient(120deg, rgba(255,255,255,.04), transparent 45%),
		repeating-linear-gradient(90deg, transparent, transparent 79px, rgba(255,255,255,.025) 80px);
	content:"";
}

.ing_mall33_contact_circle{
	position:absolute;
	border:1px solid rgba(255,255,255,.1);
	border-radius:50%;
}

.ing_mall33_contact_circle--one{
	right:-160px;
	top:-220px;
	width:570px;
	height:570px;
}

.ing_mall33_contact_circle--two{
	left:-130px;
	bottom:-270px;
	width:490px;
	height:490px;
}

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

.ing_mall33_contact_label{
	display:block;
	margin-bottom:20px;
	color:#a9c9ff;
	font-size:12px;
	font-weight:800;
	letter-spacing:2px;
}

.ing_mall33_contact h2{
	margin:0;
	color:#ffffff;
	font-size:42px;
	font-weight:400;
	line-height:1.4;
	letter-spacing:-2px;
}

.ing_mall33_contact h2 strong{
	font-weight:800;
}

.ing_mall33_contact p{
	margin:22px 0 35px;
	color:#c8dafa;
	font-size:16px;
	line-height:1.8;
}

.ing_mall33_contact_btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:30px;
	min-width:215px;
	height:62px;
	padding:0 18px 0 28px;
	border-radius:12px;
	color:var(--mall-primary) !important;
	background:#ffffff;
	font-size:15px;
	font-weight:800;
	box-shadow:0 16px 35px rgba(4,43,105,.24);
	transition:transform .25s ease, box-shadow .25s ease;
}

.ing_mall33_contact_btn:hover{
	transform:translateY(-4px);
	box-shadow:0 20px 42px rgba(4,43,105,.32);
}

.ing_mall33_contact_btn > span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border-radius:9px;
	color:#ffffff;
	background:var(--mall-primary);
	font-size:12px;
}

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

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

	.ing_mall33_reveal{
		transform:translateY(22px);
	}

	.ing_mall33_hero{
		min-height:auto;
		padding:75px 0 80px;
	}

	.ing_mall33_hero_grid{
		display:block;
	}

	.ing_mall33_eyebrow{
		margin-bottom:17px;
		font-size:10px;
		letter-spacing:1.4px;
	}

	.ing_mall33_eyebrow span{
		width:25px;
	}

	.ing_mall33_hero_text h1{
		font-size:37px;
		line-height:1.3;
		letter-spacing:-2.2px;
	}

	.ing_mall33_hero_text > p{
		margin-top:22px;
		font-size:15px;
		line-height:1.8;
	}

	.ing_mall33_hero_buttons{
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		gap:9px;
		margin-top:29px;
	}

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

	.ing_mall33_hero_points{
		display:grid;
		grid-template-columns:repeat(3, 1fr);
		gap:8px;
		margin-top:33px;
		padding-top:22px;
	}

	.ing_mall33_hero_points > div{
		padding-left:10px;
	}

	.ing_mall33_hero_points > div:before{
		width:3px;
		height:31px;
	}

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

	.ing_mall33_hero_points span{
		margin-top:3px;
		font-size:9px;
		line-height:1.4;
	}

	.ing_mall33_visual{
		margin-top:50px;
		padding:25px 4px;
	}

	.ing_mall33_visual:before{
		width:360px;
		height:360px;
	}

	.ing_mall33_visual_card{
		border-radius:16px;
	}

	.ing_mall33_visual_body{
		min-height:310px;
	}

	.ing_mall33_visual_sidebar{
		width:42px;
		padding:12px 6px;
	}

	.ing_mall33_visual_sidebar > div{
		width:30px;
		height:30px;
		margin-bottom:6px;
		border-radius:7px;
		font-size:10px;
	}

	.ing_mall33_visual_contents{
		padding:15px;
	}

	.ing_mall33_visual_stats{
		gap:5px;
	}

	.ing_mall33_visual_stats > div{
		padding:9px 7px;
	}

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

	.ing_mall33_visual_chart{
		padding:10px;
	}

	.ing_mall33_chart_area{
		height:65px;
	}

	.ing_mall33_visual_orders{
		padding:8px 10px;
	}

	.ing_mall33_float_card{
		min-width:150px;
		padding:10px 12px;
	}

	.ing_mall33_float_card--seller{
		left:-7px;
		top:5px;
	}

	.ing_mall33_float_card--settlement{
		right:-6px;
		bottom:2px;
	}

	.ing_mall33_float_icon{
		width:31px;
		height:31px;
		border-radius:8px;
		font-size:11px;
	}

	.ing_mall33_float_card strong{
		font-size:9px;
	}

	.ing_mall33_section_head{
		margin-bottom:43px;
	}

	.ing_mall33_section_label{
		margin-bottom:13px;
		font-size:10px;
		letter-spacing:1.5px;
	}

	.ing_mall33_section_head h2,
	.ing_mall33_custom_text h2,
	.ing_mall33_trust_text h2{
		font-size:24px;
		line-height:1.45;
		letter-spacing:-1.5px;
	}

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

	.ing_mall33_intro{
		padding:85px 0 90px;
	}

	.ing_mall33_intro_grid{
		display:flex;
		flex-direction:column;
		gap:50px;
	}

	.ing_mall33_intro_content h3{
		margin-bottom:20px;
		font-size:25px;
	}

	.ing_mall33_intro_content > p{
		font-size:14px;
		line-height:1.8;
	}

	.ing_mall33_intro_check{
		grid-template-columns:1fr;
		gap:8px;
		margin-top:25px;
	}

	.ing_mall33_intro_check > div{
		padding:12px;
		font-size:12px;
	}

	.ing_mall33_structure{
		width:100%;
		height:400px;
		border-radius:22px;
	}

	.ing_mall33_structure:before{
		width:210px;
		height:210px;
	}

	.ing_mall33_structure:after{
		width:300px;
		height:300px;
	}

	.ing_mall33_structure_center{
		width:125px;
		height:125px;
	}

	.ing_mall33_structure_logo{
		width:36px;
		height:36px;
		font-size:14px;
	}

	.ing_mall33_structure-center strong{
		font-size:13px;
	}

	.ing_mall33_structure_item{
		width:92px;
		height:92px;
		border-radius:17px;
	}

	.ing_mall33_structure_item i{
		width:31px;
		height:31px;
		margin-bottom:6px;
		border-radius:9px;
		font-size:12px;
	}

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

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

	.ing_mall33_structure_item--admin{
		left:12px;
		top:25px;
	}

	.ing_mall33_structure_item--seller{
		right:12px;
		top:25px;
	}

	.ing_mall33_structure_item--customer{
		left:12px;
		bottom:25px;
	}

	.ing_mall33_structure_item--payment{
		right:12px;
		bottom:25px;
	}

	.ing_mall33_structure_line{
		display:none;
	}

	.ing_mall33_features{
		padding:85px 0 90px;
	}

	.ing_mall33_section_head--left{
		text-align:center;
	}

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

	.ing_mall33_feature_card{
		min-height:auto;
		padding:27px 24px;
		border-radius:15px;
	}

	.ing_mall33_feature_card:hover{
		transform:none;
	}

	.ing_mall33_feature_number{
		right:19px;
		top:14px;
		font-size:34px;
	}

	.ing_mall33_feature_icon{
		width:49px;
		height:49px;
		margin-bottom:20px;
		border-radius:14px;
		font-size:17px;
	}

	.ing_mall33_feature_card h3{
		font-size:18px;
	}

	.ing_mall33_feature_card > p{
		min-height:0;
		font-size:13px;
	}

	.ing_mall33_roles{
		padding:85px 0 90px;
	}

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

	.ing_mall33_role_card{
		min-height:auto;
		padding:27px 23px;
		border-radius:16px;
	}

	.ing_mall33_role-icon{
		width:50px;
		height:50px;
	}

	.ing_mall33_role-card > p{
		margin:21px 0;
		font-size:13px;
	}

	.ing_mall33_custom{
		padding:85px 0;
	}

	.ing_mall33_custom_box{
		display:block;
	}

	.ing_mall33_custom_text > p{
		margin-top:17px;
		font-size:14px;
	}

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

	.ing_mall33_custom_list > div{
		min-height:auto;
		padding:20px;
	}

	.ing_mall33_process{
		padding:85px 0 90px;
	}

	.ing_mall33_process_list:before{
		left:26px;
		top:45px;
		bottom:45px;
	}

	.ing_mall33_process_item{
		grid-template-columns:52px 1fr;
		gap:16px;
		min-height:0;
		padding:23px 0;
	}

	.ing_mall33_process_step{
		display:none;
	}

	.ing_mall33_process_icon{
		width:52px;
		height:52px;
		border-radius:14px;
		font-size:16px;
	}

	.ing_mall33_process_text h3{
		margin-bottom:7px;
		font-size:16px;
	}

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

	.ing_mall33_trust{
		padding:85px 0 90px;
	}

	.ing_mall33_trust_grid{
		display:block;
	}

	.ing_mall33_trust_text > p{
		margin-top:17px;
		font-size:14px;
	}

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

	.ing_mall33_trust_card{
		min-height:auto;
		padding:23px;
	}

	.ing_mall33_faq{
		padding:85px 0 90px;
	}

	.ing_mall33_faq_question{
		min-height:72px;
		padding:17px 6px;
		font-size:13px;
		line-height:1.5;
	}

	.ing_mall33_faq_question > span{
		align-items:flex-start;
		gap:10px;
		padding-right:10px;
	}

	.ing_mall33_faq_question em{
		font-size:16px;
	}

	.ing_mall33_faq_answer > div{
		padding:0 28px 23px;
		font-size:12px;
	}

	.ing_mall33_contact{
		padding:80px 0;
	}

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

	.ing_mall33_contact p{
		margin:18px 0 28px;
		font-size:14px;
	}

	.ing_mall33_contact_btn{
		min-width:195px;
		height:56px;
		font-size:14px;
	}

	.ing_mall33_contact h2{
		margin:0;
		color:#ffffff;
		font-size:24px;
		font-weight:400;
		line-height:1.4;
		letter-spacing:-2px;
	}

}