@charset "utf-8";

/* =========================================================
   자사쇼핑몰 제작 안내
   system_codingpage_34.css
========================================================= */

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

.ing_shop34{
	--shop34-primary:#1768e5;
	--shop34-primary-dark:#0e4fb7;
	--shop34-primary-soft:#edf5ff;
	--shop34-navy:#10213d;
	--shop34-text:#26354b;
	--shop34-gray:#6f7d90;
	--shop34-line:#e3e9f1;
	--shop34-bg:#f6f9fd;
	--shop34-white:#ffffff;
	position:relative;
	width:100%;
	overflow:hidden;
	color:var(--shop34-text);
	font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;
	background:#fff;
}

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

.ing_shop34 h1,
.ing_shop34 h2,
.ing_shop34 h3,
.ing_shop34 p{
	margin:0;
	padding:0;
}

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

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

.ing_shop34_section_label{
	margin-bottom:18px !important;
	color:var(--shop34-primary);
	font-size:14px;
	font-weight:800;
	letter-spacing:2px;
	line-height:1.2;
}

.ing_shop34_section_head{
	max-width:820px;
	margin:0 auto 58px;
	text-align:center;
}

.ing_shop34_section_head h2{
	color:var(--shop34-navy);
	font-size:43px;
	font-weight:400;
	letter-spacing:-2.2px;
	line-height:1.34;
	word-break:keep-all;
}

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

.ing_shop34_section_head > p:last-child{
	max-width:740px;
	margin:22px auto 0;
	color:var(--shop34-gray);
	font-size:17px;
	font-weight:400;
	line-height:1.85;
	word-break:keep-all;
}

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

.ing_shop34_section_head_left > p:last-child{
	max-width:650px;
	margin-left:0;
}


/* =========================================================
   메인 비주얼
========================================================= */

.ing_shop34_hero{
	position:relative;
	min-height:720px;
	padding:105px 0 95px;
	background:
		radial-gradient(circle at 77% 22%, rgba(65,145,255,.16), transparent 28%),
		radial-gradient(circle at 12% 80%, rgba(60,180,255,.10), transparent 25%),
		linear-gradient(135deg,#f8fbff 0%,#eef5ff 52%,#f9fbff 100%);
	overflow:hidden;
}

.ing_shop34_hero:before{
	content:"";
	position:absolute;
	top:-240px;
	right:-180px;
	width:720px;
	height:720px;
	border:1px solid rgba(23,104,229,.07);
	border-radius:50%;
}

.ing_shop34_hero:after{
	content:"";
	position:absolute;
	right:80px;
	bottom:-340px;
	width:650px;
	height:650px;
	border:1px solid rgba(23,104,229,.07);
	border-radius:50%;
}

.ing_shop34_hero_inner{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:calc(100% - 60px);
	max-width:1320px;
	margin:0 auto;
}

.ing_shop34_hero_text{
	width:49%;
	padding-right:30px;
}

.ing_shop34_eyebrow{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:25px !important;
	color:var(--shop34-primary);
	font-size:14px;
	font-weight:800;
	letter-spacing:2px;
}

.ing_shop34_eyebrow span{
	display:block;
	width:32px;
	height:2px;
	background:var(--shop34-primary);
}

.ing_shop34_hero_text h1{
	color:var(--shop34-navy);
	font-size:55px;
	font-weight:400;
	letter-spacing:-3.3px;
	line-height:1.25;
	word-break:keep-all;
}

.ing_shop34_hero_text h1 strong{
	display:inline-block;
	color:var(--shop34-primary);
	font-weight:800;
}

.ing_shop34_hero_desc{
	max-width:620px;
	margin-top:28px !important;
	color:#637187;
	font-size:18px;
	line-height:1.85;
	word-break:keep-all;
}

.ing_shop34_hero_tags{
	display:flex;
	flex-wrap:wrap;
	gap:9px;
	margin-top:30px;
}

.ing_shop34_hero_tags span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	padding:0 16px;
	border:1px solid #d9e5f4;
	border-radius:50px;
	color:#46627f;
	font-size:14px;
	font-weight:600;
	background:rgba(255,255,255,.74);
}

.ing_shop34_hero_btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:15px;
	min-width:215px;
	height:58px;
	margin-top:38px;
	padding:0 28px;
	border-radius:9px;
	color:#fff !important;
	font-size:16px;
	font-weight:700;
	background:var(--shop34-primary);
	box-shadow:0 15px 35px rgba(23,104,229,.22);
	transition:transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.ing_shop34_hero_btn:hover{
	transform:translateY(-3px);
	background:var(--shop34-primary-dark);
	box-shadow:0 20px 42px rgba(23,104,229,.29);
}

.ing_shop34_hero_visual{
	position:relative;
	width:51%;
	min-height:510px;
}

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

.ing_shop34_visual_glow01{
	top:15px;
	right:70px;
	width:270px;
	height:270px;
	background:rgba(62,145,255,.14);
}

.ing_shop34_visual_glow02{
	left:40px;
	bottom:25px;
	width:220px;
	height:220px;
	background:rgba(54,200,235,.11);
}

.ing_shop34_browser{
	position:absolute;
	top:54px;
	right:10px;
	width:590px;
	max-width:92%;
	border:1px solid rgba(182,203,229,.85);
	border-radius:18px;
	background:#fff;
	box-shadow:0 35px 80px rgba(40,75,120,.20);
	overflow:hidden;
	transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);
}

.ing_shop34_browser_top{
	display:flex;
	align-items:center;
	height:48px;
	padding:0 16px;
	border-bottom:1px solid #e8edf4;
	background:#f6f8fb;
}

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

.ing_shop34_browser_dots span{
	width:8px;
	height:8px;
	border-radius:50%;
	background:#cad3df;
}

.ing_shop34_browser_address{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	width:230px;
	height:26px;
	margin:0 auto;
	border:1px solid #e4eaf1;
	border-radius:20px;
	color:#8c98a8;
	font-size:10px;
	background:#fff;
}

.ing_shop34_browser_address span{
	width:6px;
	height:6px;
	border-radius:50%;
	background:#50bf89;
}

.ing_shop34_browser_body{
	padding:0 22px 24px;
}

.ing_shop34_demo_header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:70px;
}

.ing_shop34_demo_logo{
	color:#162c4d;
	font-size:17px;
	font-weight:900;
	letter-spacing:1px;
}

.ing_shop34_demo_menu{
	display:flex;
	gap:18px;
}

.ing_shop34_demo_menu span{
	display:block;
	width:35px;
	height:5px;
	border-radius:5px;
	background:#d8e0ea;
}

.ing_shop34_demo_icons{
	display:flex;
	gap:13px;
	color:#64758b;
	font-size:13px;
}

.ing_shop34_demo_banner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:225px;
	padding:30px 38px;
	border-radius:12px;
	background:linear-gradient(135deg,#e9f3ff,#d7eaff);
	overflow:hidden;
}

.ing_shop34_demo_banner_text small{
	display:block;
	margin-bottom:13px;
	color:var(--shop34-primary);
	font-size:9px;
	font-weight:800;
	letter-spacing:1px;
}

.ing_shop34_demo_banner_text strong{
	display:block;
	color:#17345d;
	font-size:26px;
	font-weight:900;
	letter-spacing:-1px;
	line-height:1.18;
}

.ing_shop34_demo_banner_text span{
	display:block;
	width:67px;
	height:7px;
	margin-top:20px;
	border-radius:7px;
	background:#1768e5;
}

.ing_shop34_demo_product{
	position:relative;
	width:190px;
	height:190px;
}

.ing_shop34_demo_product_circle{
	position:absolute;
	top:8px;
	left:8px;
	width:175px;
	height:175px;
	border-radius:50%;
	background:rgba(255,255,255,.78);
}

.ing_shop34_demo_product_box{
	position:absolute;
	top:43px;
	left:55px;
	width:82px;
	height:112px;
	border-radius:10px 10px 18px 18px;
	background:linear-gradient(150deg,#286fd0,#80b6fa);
	box-shadow:0 15px 30px rgba(33,97,180,.25);
	transform:rotate(7deg);
}

.ing_shop34_demo_product_box:before{
	content:"";
	position:absolute;
	top:-15px;
	left:21px;
	width:40px;
	height:23px;
	border:6px solid #4683d6;
	border-bottom:0;
	border-radius:10px 10px 0 0;
}

.ing_shop34_demo_cards{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:13px;
	margin-top:16px;
}

.ing_shop34_demo_cards > div{
	padding:10px;
	border:1px solid #edf0f4;
	border-radius:9px;
	background:#fff;
}

.ing_shop34_demo_cards span{
	display:block;
	height:72px;
	border-radius:7px;
	background:linear-gradient(145deg,#edf3f9,#dfeaf7);
}

.ing_shop34_demo_cards strong{
	display:block;
	width:75%;
	height:6px;
	margin-top:10px;
	border-radius:5px;
	background:#cbd5e2;
}

.ing_shop34_demo_cards em{
	display:block;
	width:44%;
	height:5px;
	margin-top:7px;
	border-radius:5px;
	background:#e1e6ed;
}

.ing_shop34_float_card{
	position:absolute;
	z-index:5;
	display:flex;
	align-items:center;
	gap:12px;
	min-width:150px;
	padding:14px 17px;
	border:1px solid rgba(218,229,242,.95);
	border-radius:13px;
	background:rgba(255,255,255,.93);
	box-shadow:0 18px 40px rgba(39,72,111,.15);
	backdrop-filter:blur(8px);
}

.ing_shop34_float_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border-radius:10px;
	color:#fff;
	font-size:15px;
	background:var(--shop34-primary);
}

.ing_shop34_float_card small{
	display:block;
	margin-bottom:4px;
	color:#8290a2;
	font-size:10px;
}

.ing_shop34_float_card strong{
	display:block;
	color:#17345d;
	font-size:15px;
	font-weight:800;
}

.ing_shop34_float_card01{
	top:18px;
	left:10px;
}

.ing_shop34_float_card02{
	right:-8px;
	bottom:30px;
}

.ing_shop34_float_card03{
	left:25px;
	bottom:73px;
	color:#33506e;
	font-size:12px;
	font-weight:700;
}

.ing_shop34_float_card03 i{
	display:flex;
	align-items:center;
	justify-content:center;
	width:33px;
	height:33px;
	border-radius:50%;
	color:#fff;
	background:#32b77b;
}


/* =========================================================
   핵심 가치
========================================================= */

.ing_shop34_intro{
	padding:125px 0 130px;
	background:#fff;
}

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

.ing_shop34_value_card{
	position:relative;
	min-height:315px;
	padding:40px 31px 35px;
	border:1px solid var(--shop34-line);
	border-radius:17px;
	background:#fff;
	overflow:hidden;
	transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.ing_shop34_value_card:hover{
	transform:translateY(-8px);
	border-color:#c4d9f5;
	box-shadow:0 24px 55px rgba(42,72,111,.11);
}

.ing_shop34_value_no{
	position:absolute;
	top:21px;
	right:22px;
	color:#e7edf5;
	font-size:31px;
	font-weight:900;
	letter-spacing:-1px;
}

.ing_shop34_value_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:60px;
	margin-bottom:29px;
	border-radius:16px;
	color:var(--shop34-primary);
	font-size:23px;
	background:var(--shop34-primary-soft);
}

.ing_shop34_value_card h3{
	margin-bottom:15px;
	color:var(--shop34-navy);
	font-size:21px;
	font-weight:800;
	letter-spacing:-.7px;
}

.ing_shop34_value_card p{
	color:var(--shop34-gray);
	font-size:15px;
	line-height:1.8;
	word-break:keep-all;
}


/* =========================================================
   비교
========================================================= */

.ing_shop34_compare{
	padding:125px 0;
	background:var(--shop34-bg);
}

.ing_shop34_compare_box{
	display:grid;
	grid-template-columns:1fr 90px 1fr;
	align-items:stretch;
}

.ing_shop34_compare_col{
	position:relative;
	padding:42px 44px;
	border-radius:20px;
}

.ing_shop34_compare_platform{
	border:1px solid #dde4ed;
	background:#fff;
}

.ing_shop34_compare_own{
	border:2px solid var(--shop34-primary);
	background:linear-gradient(145deg,#ffffff,#f2f7ff);
	box-shadow:0 24px 55px rgba(23,104,229,.12);
}

.ing_shop34_compare_badge{
	position:absolute;
	top:-14px;
	right:30px;
	padding:8px 15px;
	border-radius:30px;
	color:#fff;
	font-size:10px;
	font-weight:800;
	letter-spacing:1px;
	background:var(--shop34-primary);
}

.ing_shop34_compare_title{
	display:flex;
	align-items:center;
	gap:17px;
	padding-bottom:29px;
	border-bottom:1px solid #e6ebf1;
}

.ing_shop34_compare_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:56px;
	height:56px;
	border-radius:15px;
	color:#6f7d8e;
	font-size:21px;
	background:#f0f3f7;
}

.ing_shop34_compare_own .ing_shop34_compare_icon{
	color:var(--shop34-primary);
	background:var(--shop34-primary-soft);
}

.ing_shop34_compare_title small{
	display:block;
	margin-bottom:6px;
	color:#8b97a6;
	font-size:12px;
}

.ing_shop34_compare_title h3{
	color:var(--shop34-navy);
	font-size:22px;
	font-weight:800;
	letter-spacing:-.7px;
}

.ing_shop34_compare_col ul{
	display:flex;
	flex-direction:column;
	gap:18px;
	margin-top:30px;
}

.ing_shop34_compare_col li{
	display:flex;
	align-items:center;
	gap:13px;
	color:#647286;
	font-size:15px;
	line-height:1.5;
}

.ing_shop34_compare_col li i{
	display:flex;
	align-items:center;
	justify-content:center;
	width:23px;
	height:23px;
	flex:none;
	border-radius:50%;
	color:#9aa5b4;
	font-size:9px;
	background:#edf1f5;
}

.ing_shop34_compare_own li{
	color:#304866;
	font-weight:600;
}

.ing_shop34_compare_own li i{
	color:#fff;
	background:var(--shop34-primary);
}

.ing_shop34_compare_arrow{
	display:flex;
	align-items:center;
	justify-content:center;
}

.ing_shop34_compare_arrow span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:47px;
	height:47px;
	border-radius:50%;
	color:var(--shop34-primary);
	font-size:17px;
	background:#fff;
	box-shadow:0 12px 30px rgba(43,75,113,.13);
}


/* =========================================================
   주요 기능
========================================================= */

.ing_shop34_features{
	padding:125px 0 130px;
	background:#fff;
}

.ing_shop34_feature_grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	border-top:1px solid var(--shop34-line);
	border-left:1px solid var(--shop34-line);
}

.ing_shop34_feature_item{
	display:flex;
	gap:18px;
	min-height:170px;
	padding:34px 28px;
	border-right:1px solid var(--shop34-line);
	border-bottom:1px solid var(--shop34-line);
	background:#fff;
	transition:background .25s ease;
}

.ing_shop34_feature_item:hover{
	background:#f8fbff;
}

.ing_shop34_feature_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:52px;
	height:52px;
	flex:none;
	border-radius:14px;
	color:var(--shop34-primary);
	font-size:20px;
	background:var(--shop34-primary-soft);
}

.ing_shop34_feature_item h3{
	margin:3px 0 10px;
	color:var(--shop34-navy);
	font-size:18px;
	font-weight:800;
}

.ing_shop34_feature_item p{
	color:var(--shop34-gray);
	font-size:14px;
	line-height:1.75;
	word-break:keep-all;
}


/* =========================================================
   맞춤 개발
========================================================= */

.ing_shop34_custom{
	padding:115px 0;
	background:#0f213d;
}

.ing_shop34_custom_box{
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-height:550px;
}

.ing_shop34_custom_text{
	width:50%;
	padding-right:55px;
}

.ing_shop34_custom_text .ing_shop34_section_label{
	color:#6eadff;
}

.ing_shop34_custom_text h2{
	color:#fff;
	font-size:40px;
	font-weight:400;
	letter-spacing:-2px;
	line-height:1.4;
	word-break:keep-all;
}

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

.ing_shop34_custom_text > p:not(.ing_shop34_section_label){
	margin-top:24px;
	color:#aebcd0;
	font-size:16px;
	line-height:1.9;
	word-break:keep-all;
}

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

.ing_shop34_custom_points div{
	display:flex;
	align-items:center;
	gap:10px;
	color:#dce6f3;
	font-size:14px;
	line-height:1.5;
}

.ing_shop34_custom_points i{
	display:flex;
	align-items:center;
	justify-content:center;
	width:20px;
	height:20px;
	flex:none;
	border-radius:50%;
	color:#fff;
	font-size:8px;
	background:var(--shop34-primary);
}

.ing_shop34_custom_visual{
	position:relative;
	width:50%;
	height:510px;
}

.ing_shop34_system_center{
	position:absolute;
	z-index:4;
	top:50%;
	left:50%;
	width:190px;
	height:190px;
	padding:14px;
	border:1px solid rgba(109,170,255,.32);
	border-radius:50%;
	background:rgba(30,66,112,.65);
	box-shadow:
		0 0 0 25px rgba(36,94,168,.08),
		0 0 0 55px rgba(36,94,168,.05),
		0 25px 70px rgba(0,0,0,.24);
	transform:translate(-50%,-50%);
}

.ing_shop34_system_center > div{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	border-radius:50%;
	background:linear-gradient(145deg,#2780f0,#1557b7);
}

.ing_shop34_system_center i{
	margin-bottom:12px;
	color:#fff;
	font-size:28px;
}

.ing_shop34_system_center strong{
	color:#fff;
	font-size:21px;
	font-weight:800;
}

.ing_shop34_system_center span{
	margin-top:6px;
	color:#cfe3ff;
	font-size:11px;
}

.ing_shop34_system_node{
	position:absolute;
	z-index:3;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:90px;
	height:90px;
	border:1px solid rgba(130,176,233,.28);
	border-radius:50%;
	color:#dbeaff;
	background:#183458;
	box-shadow:0 15px 35px rgba(0,0,0,.17);
}

.ing_shop34_system_node i{
	margin-bottom:7px;
	color:#69adff;
	font-size:20px;
}

.ing_shop34_system_node span{
	font-size:12px;
	font-weight:700;
}

.ing_shop34_system_node01{
	top:20px;
	left:50%;
	transform:translateX(-50%);
}

.ing_shop34_system_node02{
	top:105px;
	right:35px;
}

.ing_shop34_system_node03{
	right:62px;
	bottom:45px;
}

.ing_shop34_system_node04{
	bottom:8px;
	left:50%;
	transform:translateX(-50%);
}

.ing_shop34_system_node05{
	left:62px;
	bottom:45px;
}

.ing_shop34_system_node06{
	top:105px;
	left:35px;
}

.ing_shop34_system_line{
	position:absolute;
	z-index:1;
	display:block;
	top:50%;
	left:50%;
	width:2px;
	height:160px;
	background:linear-gradient(to bottom,rgba(92,159,244,.8),rgba(92,159,244,.06));
	transform-origin:center top;
}

.ing_shop34_system_line01{
	transform:rotate(0deg);
}

.ing_shop34_system_line02{
	transform:rotate(60deg);
}

.ing_shop34_system_line03{
	transform:rotate(120deg);
}

.ing_shop34_system_line04{
	transform:rotate(180deg);
}

.ing_shop34_system_line05{
	transform:rotate(240deg);
}

.ing_shop34_system_line06{
	transform:rotate(300deg);
}


/* =========================================================
   제작 절차
========================================================= */

.ing_shop34_process{
	padding:125px 0 135px;
	background:#fff;
}

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

.ing_shop34_process_list:before{
	content:"";
	position:absolute;
	z-index:0;
	top:82px;
	left:10%;
	right:10%;
	height:1px;
	background:#dfe7f1;
}

.ing_shop34_process_item{
	position:relative;
	z-index:2;
	padding:0 15px;
	text-align:center;
}

.ing_shop34_process_step{
	margin-bottom:18px;
	color:var(--shop34-primary);
	font-size:11px;
	font-weight:800;
	letter-spacing:1px;
}

.ing_shop34_process_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:70px;
	height:70px;
	margin:0 auto 25px;
	border:7px solid #fff;
	border-radius:50%;
	color:var(--shop34-primary);
	font-size:20px;
	background:var(--shop34-primary-soft);
	box-shadow:0 0 0 1px #dbe7f5;
}

.ing_shop34_process_item h3{
	margin-bottom:13px;
	color:var(--shop34-navy);
	font-size:17px;
	font-weight:800;
	letter-spacing:-.4px;
}

.ing_shop34_process_item p{
	color:var(--shop34-gray);
	font-size:13px;
	line-height:1.75;
	word-break:keep-all;
}


/* =========================================================
   신뢰성
========================================================= */

.ing_shop34_trust{
	padding:0 0 125px;
	background:#fff;
}

.ing_shop34_trust_box{
	display:flex;
	align-items:center;
	gap:70px;
	padding:70px;
	border-radius:25px;
	background:linear-gradient(135deg,#f2f7fd,#eaf3ff);
}

.ing_shop34_trust_head{
	width:42%;
}

.ing_shop34_trust_head h2{
	color:var(--shop34-navy);
	font-size:35px;
	font-weight:400;
	letter-spacing:-1.7px;
	line-height:1.45;
	word-break:keep-all;
}

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

.ing_shop34_trust_head > p:last-child{
	margin-top:20px;
	color:var(--shop34-gray);
	font-size:15px;
	line-height:1.85;
	word-break:keep-all;
}

.ing_shop34_trust_grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:18px;
	width:58%;
}

.ing_shop34_trust_item{
	min-height:180px;
	padding:25px;
	border:1px solid rgba(207,222,239,.95);
	border-radius:16px;
	background:rgba(255,255,255,.78);
}

.ing_shop34_trust_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:43px;
	height:43px;
	margin-bottom:17px;
	border-radius:12px;
	color:var(--shop34-primary);
	font-size:17px;
	background:var(--shop34-primary-soft);
}

.ing_shop34_trust_item strong{
	display:block;
	margin-bottom:9px;
	color:var(--shop34-navy);
	font-size:17px;
	font-weight:800;
}

.ing_shop34_trust_item p{
	color:var(--shop34-gray);
	font-size:13px;
	line-height:1.7;
	word-break:keep-all;
}


/* =========================================================
   상담
========================================================= */

.ing_shop34_consult{
	position:relative;
	padding:115px 30px 125px;
	text-align:center;
	background:
		radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),transparent 26%),
		linear-gradient(135deg,#155ac2,#1768e5 55%,#2785ed);
	overflow:hidden;
}

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

.ing_shop34_consult:before{
	top:-290px;
	left:-130px;
	width:630px;
	height:630px;
}

.ing_shop34_consult:after{
	right:-240px;
	bottom:-390px;
	width:760px;
	height:760px;
}

.ing_shop34_consult_inner{
	position:relative;
	z-index:2;
	max-width:800px;
	margin:0 auto;
}

.ing_shop34_consult_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:72px;
	height:72px;
	margin:0 auto 23px;
	border:1px solid rgba(255,255,255,.28);
	border-radius:50%;
	color:#fff;
	font-size:26px;
	background:rgba(255,255,255,.12);
}

.ing_shop34_consult_label{
	margin-bottom:16px !important;
	color:#cfe4ff;
	font-size:12px;
	font-weight:800;
	letter-spacing:2px;
}

.ing_shop34_consult h2{
	color:#fff;
	font-size:42px;
	font-weight:400;
	letter-spacing:-2px;
	line-height:1.4;
	word-break:keep-all;
}

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

.ing_shop34_consult h2 + p{
	margin-top:22px;
	color:#dcecff;
	font-size:16px;
	line-height:1.85;
	word-break:keep-all;
}

.ing_shop34_consult_btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:18px;
	min-width:220px;
	height:62px;
	margin-top:38px;
	padding:0 16px 0 28px;
	border-radius:9px;
	color:var(--shop34-primary) !important;
	font-size:16px;
	font-weight:800;
	background:#fff;
	box-shadow:0 18px 40px rgba(0,45,110,.24);
	transition:transform .25s ease, box-shadow .25s ease;
}

.ing_shop34_consult_btn span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	margin-left:auto;
	border-radius:8px;
	color:#fff;
	font-size:12px;
	background:var(--shop34-primary);
}

.ing_shop34_consult_btn:hover{
	transform:translateY(-4px);
	box-shadow:0 24px 48px rgba(0,45,110,.3);
}


/* =========================================================
   스크롤 모션
========================================================= */

.ing_shop34_reveal{
	opacity:0;
	transform:translateY(30px);
	transition:
		opacity .7s ease,
		transform .7s cubic-bezier(.22,.61,.36,1);
}

.ing_shop34_reveal.ing_shop34_visible{
	opacity:1;
	transform:translateY(0);
}

.ing_shop34_value_card:nth-child(2),
.ing_shop34_feature_item:nth-child(2),
.ing_shop34_process_item:nth-child(2),
.ing_shop34_trust_item:nth-child(2){
	transition-delay:.07s;
}

.ing_shop34_value_card:nth-child(3),
.ing_shop34_feature_item:nth-child(3),
.ing_shop34_process_item:nth-child(3),
.ing_shop34_trust_item:nth-child(3){
	transition-delay:.14s;
}

.ing_shop34_value_card:nth-child(4),
.ing_shop34_feature_item:nth-child(4),
.ing_shop34_process_item:nth-child(4),
.ing_shop34_trust_item:nth-child(4){
	transition-delay:.21s;
}

.ing_shop34_feature_item:nth-child(5),
.ing_shop34_process_item:nth-child(5){
	transition-delay:.07s;
}

.ing_shop34_feature_item:nth-child(6){
	transition-delay:.14s;
}

.ing_shop34_feature_item:nth-child(7){
	transition-delay:.21s;
}

.ing_shop34_feature_item:nth-child(8){
	transition-delay:.28s;
}


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

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

	.ing_shop34_inner{
		width:calc(100% - 36px);
	}

	.ing_shop34_section_label{
		margin-bottom:13px !important;
		font-size:11px;
		letter-spacing:1.5px;
	}

	.ing_shop34_section_head{
		margin-bottom:38px;
	}

	.ing_shop34_section_head h2{
		font-size:24px;
		letter-spacing:-1.4px;
		line-height:1.42;
	}

	.ing_shop34_section_head > p:last-child{
		margin-top:17px;
		font-size:14px;
		line-height:1.75;
	}

	.ing_shop34_section_head_left{
		text-align:center;
	}

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


	/* 메인 */

	.ing_shop34_hero{
		min-height:auto;
		padding:72px 0 70px;
	}

	.ing_shop34_hero:before{
		top:-220px;
		right:-320px;
		width:600px;
		height:600px;
	}

	.ing_shop34_hero:after{
		display:none;
	}

	.ing_shop34_hero_inner{
		display:block;
		width:calc(100% - 36px);
	}

	.ing_shop34_hero_text{
		width:100%;
		padding-right:0;
		text-align:center;
	}

	.ing_shop34_eyebrow{
		justify-content:center;
		margin-bottom:18px !important;
		font-size:11px;
		letter-spacing:1.4px;
	}

	.ing_shop34_eyebrow span{
		width:22px;
	}

	.ing_shop34_hero_text h1{
		font-size:35px;
		letter-spacing:-2px;
		line-height:1.33;
	}

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

	.ing_shop34_hero_tags{
		justify-content:center;
		gap:7px;
		margin-top:23px;
	}

	.ing_shop34_hero_tags span{
		min-height:34px;
		padding:0 12px;
		font-size:12px;
	}

	.ing_shop34_hero_btn{
		min-width:195px;
		height:53px;
		margin-top:29px;
		font-size:14px;
	}

	.ing_shop34_hero_visual{
		width:100%;
		min-height:350px;
		margin-top:47px;
	}

	.ing_shop34_browser{
		top:22px;
		right:auto;
		left:50%;
		width:520px;
		max-width:96%;
		border-radius:13px;
		transform:translateX(-50%);
	}

	.ing_shop34_browser_top{
		height:35px;
		padding:0 11px;
	}

	.ing_shop34_browser_dots span{
		width:6px;
		height:6px;
	}

	.ing_shop34_browser_address{
		width:160px;
		height:19px;
		font-size:7px;
	}

	.ing_shop34_browser_body{
		padding:0 12px 14px;
	}

	.ing_shop34_demo_header{
		height:45px;
	}

	.ing_shop34_demo_logo{
		font-size:11px;
	}

	.ing_shop34_demo_menu{
		gap:8px;
	}

	.ing_shop34_demo_menu span{
		width:18px;
		height:3px;
	}

	.ing_shop34_demo_icons{
		gap:8px;
		font-size:8px;
	}

	.ing_shop34_demo_banner{
		height:140px;
		padding:18px 22px;
	}

	.ing_shop34_demo_banner_text small{
		margin-bottom:7px;
		font-size:6px;
	}

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

	.ing_shop34_demo_banner_text span{
		width:42px;
		height:4px;
		margin-top:12px;
	}

	.ing_shop34_demo_product{
		width:115px;
		height:115px;
	}

	.ing_shop34_demo_product_circle{
		width:105px;
		height:105px;
	}

	.ing_shop34_demo_product_box{
		top:28px;
		left:35px;
		width:48px;
		height:68px;
	}

	.ing_shop34_demo_product_box:before{
		top:-10px;
		left:12px;
		width:24px;
		height:15px;
		border-width:4px;
	}

	.ing_shop34_demo_cards{
		gap:7px;
		margin-top:8px;
	}

	.ing_shop34_demo_cards > div{
		padding:6px;
	}

	.ing_shop34_demo_cards span{
		height:42px;
	}

	.ing_shop34_demo_cards strong{
		height:4px;
		margin-top:6px;
	}

	.ing_shop34_demo_cards em{
		height:3px;
		margin-top:4px;
	}

	.ing_shop34_float_card{
		gap:8px;
		min-width:112px;
		padding:9px 10px;
		border-radius:9px;
	}

	.ing_shop34_float_icon{
		width:28px;
		height:28px;
		border-radius:7px;
		font-size:11px;
	}

	.ing_shop34_float_card small{
		font-size:7px;
	}

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

	.ing_shop34_float_card01{
		top:0;
		left:0;
	}

	.ing_shop34_float_card02{
		right:0;
		bottom:5px;
	}

	.ing_shop34_float_card03{
		display:none;
	}


	/* 핵심 가치 */

	.ing_shop34_intro{
		padding:78px 0 80px;
	}

	.ing_shop34_value_grid{
		grid-template-columns:1fr;
		gap:12px;
	}

	.ing_shop34_value_card{
		min-height:auto;
		padding:27px 24px;
		border-radius:13px;
	}

	.ing_shop34_value_no{
		top:18px;
		right:19px;
		font-size:25px;
	}

	.ing_shop34_value_icon{
		width:50px;
		height:50px;
		margin-bottom:20px;
		border-radius:13px;
		font-size:19px;
	}

	.ing_shop34_value_card h3{
		margin-bottom:10px;
		font-size:18px;
	}

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


	/* 비교 */

	.ing_shop34_compare{
		padding:78px 0 80px;
	}

	.ing_shop34_compare_box{
		display:block;
	}

	.ing_shop34_compare_col{
		padding:28px 23px;
		border-radius:15px;
	}

	.ing_shop34_compare_title{
		gap:13px;
		padding-bottom:21px;
	}

	.ing_shop34_compare_icon{
		width:47px;
		height:47px;
		border-radius:12px;
		font-size:18px;
	}

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

	.ing_shop34_compare_title h3{
		font-size:19px;
	}

	.ing_shop34_compare_col ul{
		gap:14px;
		margin-top:22px;
	}

	.ing_shop34_compare_col li{
		gap:10px;
		font-size:13px;
	}

	.ing_shop34_compare_arrow{
		height:66px;
	}

	.ing_shop34_compare_arrow span{
		width:40px;
		height:40px;
		transform:rotate(90deg);
	}

	.ing_shop34_compare_badge{
		top:-11px;
		right:18px;
		padding:6px 11px;
		font-size:8px;
	}


	/* 기능 */

	.ing_shop34_features{
		padding:78px 0 80px;
	}

	.ing_shop34_feature_grid{
		grid-template-columns:1fr;
		border-top:0;
	}

	.ing_shop34_feature_item{
		min-height:auto;
		padding:23px 20px;
		border-top:1px solid var(--shop34-line);
	}

	.ing_shop34_feature_icon{
		width:45px;
		height:45px;
		border-radius:11px;
		font-size:17px;
	}

	.ing_shop34_feature_item h3{
		margin-top:0;
		font-size:16px;
	}

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


	/* 맞춤개발 */

	.ing_shop34_custom{
		padding:78px 0 85px;
	}

	.ing_shop34_custom_box{
		display:block;
		min-height:auto;
	}

	.ing_shop34_custom_text{
		width:100%;
		padding-right:0;
		text-align:center;
	}

	.ing_shop34_custom_text h2{
		font-size:24px;
		letter-spacing:-1.4px;
		line-height:1.45;
	}

	.ing_shop34_custom_text > p:not(.ing_shop34_section_label){
		margin-top:18px;
		font-size:14px;
		line-height:1.8;
	}

	.ing_shop34_custom_points{
		grid-template-columns:1fr;
		gap:10px;
		max-width:330px;
		margin:26px auto 0;
		text-align:left;
	}

	.ing_shop34_custom_points div{
		font-size:13px;
	}

	.ing_shop34_custom_visual{
		width:100%;
		height:370px;
		margin-top:45px;
	}

	.ing_shop34_system_center{
		width:135px;
		height:135px;
	}

	.ing_shop34_system_center i{
		margin-bottom:8px;
		font-size:21px;
	}

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

	.ing_shop34_system_center span{
		font-size:8px;
	}

	.ing_shop34_system_node{
		width:67px;
		height:67px;
	}

	.ing_shop34_system_node i{
		margin-bottom:5px;
		font-size:15px;
	}

	.ing_shop34_system_node span{
		font-size:9px;
	}

	.ing_shop34_system_node01{
		top:3px;
	}

	.ing_shop34_system_node02{
		top:75px;
		right:7px;
	}

	.ing_shop34_system_node03{
		right:34px;
		bottom:26px;
	}

	.ing_shop34_system_node04{
		bottom:0;
	}

	.ing_shop34_system_node05{
		left:34px;
		bottom:26px;
	}

	.ing_shop34_system_node06{
		top:75px;
		left:7px;
	}

	.ing_shop34_system_line{
		height:115px;
	}


	/* 절차 */

	.ing_shop34_process{
		padding:78px 0 84px;
	}

	.ing_shop34_process_list{
		display:block;
	}

	.ing_shop34_process_list:before{
		top:0;
		bottom:0;
		left:34px;
		right:auto;
		width:1px;
		height:auto;
	}

	.ing_shop34_process_item{
		display:grid;
		grid-template-columns:70px 1fr;
		grid-template-rows:auto auto auto;
		min-height:125px;
		padding:0 0 25px;
		text-align:left;
	}

	.ing_shop34_process_step{
		grid-column:2;
		grid-row:1;
		margin:3px 0 5px;
		font-size:10px;
	}

	.ing_shop34_process_icon{
		grid-column:1;
		grid-row:1 / span 3;
		width:58px;
		height:58px;
		margin:0;
		border-width:6px;
		font-size:16px;
	}

	.ing_shop34_process_item h3{
		grid-column:2;
		grid-row:2;
		margin-bottom:7px;
		font-size:16px;
	}

	.ing_shop34_process_item p{
		grid-column:2;
		grid-row:3;
		font-size:13px;
	}


	/* 신뢰 */

	.ing_shop34_trust{
		padding:0 0 78px;
	}

	.ing_shop34_trust_box{
		display:block;
		padding:40px 22px 25px;
		border-radius:17px;
	}

	.ing_shop34_trust_head{
		width:100%;
		text-align:center;
	}

	.ing_shop34_trust_head h2{
		font-size:27px;
		letter-spacing:-1.3px;
	}

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

	.ing_shop34_trust_grid{
		grid-template-columns:1fr;
		gap:10px;
		width:100%;
		margin-top:30px;
	}

	.ing_shop34_trust_item{
		min-height:auto;
		padding:21px;
		text-align:center;
	}

	.ing_shop34_trust_icon{
		margin:0 auto 14px;
	}

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

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


	/* 상담 */

	.ing_shop34_consult{
		padding:78px 18px 85px;
	}

	.ing_shop34_consult_icon{
		width:59px;
		height:59px;
		margin-bottom:19px;
		font-size:21px;
	}

	.ing_shop34_consult h2{
		font-size:28px;
		letter-spacing:-1.4px;
		line-height:1.45;
	}

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

	.ing_shop34_consult h2 + p br{
		display:none;
	}

	.ing_shop34_consult_btn{
		min-width:205px;
		height:56px;
		margin-top:29px;
		font-size:14px;
	}

	.ing_shop34_consult_btn span{
		width:32px;
		height:32px;
	}

}


/* 모션 최소화 환경 */
@media (prefers-reduced-motion:reduce){

	.ing_shop34_reveal{
		opacity:1;
		transform:none;
		transition:none;
	}

	.ing_shop34_hero_btn,
	.ing_shop34_consult_btn,
	.ing_shop34_value_card{
		transition:none;
	}

}