@charset "utf-8";

/* =========================================================
   홈페이지 제작 안내
   system_codingpage_35.css
========================================================= */

.ing_homepage{
	overflow:hidden;
	background:#fff;
	color:#171d2d;
	font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;
	word-break:keep-all;
}

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

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

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

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

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

.ing_homepage_pc_br{
	display:block;
}


/* =========================================================
   공통 제목
========================================================= */

.ing_homepage_section_head{
	margin-bottom:58px;
	text-align:center;
}

.ing_homepage_section_head > span{
	display:inline-block;
	margin-bottom:16px;
	color:#2368f2;
	font-size:14px;
	font-weight:800;
	letter-spacing:2px;
}

.ing_homepage_section_head h3{
	color:#151c2c;
	font-size:42px;
	font-weight:800;
	line-height:1.34;
	letter-spacing:-1.8px;
}

.ing_homepage_section_head h3 em{
	color:#2368f2;
	font-style:normal;
}

.ing_homepage_section_head p{
	margin-top:20px;
	color:#687184;
	font-size:17px;
	line-height:1.8;
	letter-spacing:-.3px;
}

.ing_homepage_section_head_left{
	text-align:left;
}


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

.ing_homepage_reveal{
	opacity:0;
	transform:translateY(28px);
	transition:
		opacity .7s ease,
		transform .7s ease;
}

.ing_homepage_reveal.ing_homepage_visible{
	opacity:1;
	transform:translateY(0);
}


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

.ing_homepage_hero{
	position:relative;
	overflow:hidden;
	padding:118px 0 122px;
	background:
		radial-gradient(circle at 15% 20%, rgba(65,131,255,.15), transparent 31%),
		radial-gradient(circle at 88% 70%, rgba(94,205,255,.16), transparent 26%),
		linear-gradient(135deg,#f6f9ff 0%,#ffffff 54%,#f4f9ff 100%);
}

.ing_homepage_hero:before{
	content:"";
	position:absolute;
	left:-120px;
	bottom:-190px;
	width:440px;
	height:440px;
	border:1px solid rgba(35,104,242,.1);
	border-radius:50%;
}

.ing_homepage_hero:after{
	content:"";
	position:absolute;
	top:-220px;
	right:-150px;
	width:520px;
	height:520px;
	border:1px solid rgba(35,104,242,.12);
	border-radius:50%;
}

.ing_homepage_hero .ing_homepage_inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:70px;
}

.ing_homepage_hero_text{
	position:relative;
	z-index:3;
	flex:0 0 48%;
}

.ing_homepage_eyebrow{
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin-bottom:25px;
	color:#2368f2;
	font-size:14px;
	font-weight:800;
	letter-spacing:2px;
}

.ing_homepage_eyebrow:before{
	content:"";
	display:block;
	width:34px;
	height:2px;
	background:#2368f2;
}

.ing_homepage_hero_text h2{
	color:#151c2c;
	font-size:55px;
	font-weight:850;
	line-height:1.23;
	letter-spacing:-2.8px;
}

.ing_homepage_hero_text h2 span{
	color:#2368f2;
}

.ing_homepage_hero_text p{
	margin-top:27px;
	color:#667084;
	font-size:18px;
	line-height:1.85;
	letter-spacing:-.35px;
}

.ing_homepage_hero_points{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:34px;
}

.ing_homepage_hero_points span{
	display:inline-flex;
	align-items:center;
	height:40px;
	padding:0 17px;
	border:1px solid #dbe5f7;
	border-radius:20px;
	background:rgba(255,255,255,.82);
	box-shadow:0 8px 25px rgba(38,77,139,.06);
	color:#3c4960;
	font-size:13px;
	font-weight:700;
}

.ing_homepage_hero_points span:before{
	content:"";
	width:6px;
	height:6px;
	margin-right:8px;
	border-radius:50%;
	background:#2368f2;
}

.ing_homepage_hero_visual{
	position:relative;
	z-index:2;
	flex:1;
	min-height:470px;
}

.ing_homepage_browser{
	position:absolute;
	top:15px;
	right:20px;
	width:570px;
	overflow:hidden;
	border:1px solid rgba(176,195,225,.58);
	border-radius:17px;
	background:#fff;
	box-shadow:0 30px 70px rgba(31,65,123,.17);
	transform:rotate(1.5deg);
}

.ing_homepage_browser_top{
	display:flex;
	align-items:center;
	height:43px;
	padding:0 15px;
	border-bottom:1px solid #edf1f7;
	background:#f8faff;
}

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

.ing_homepage_browser_dots i{
	display:block;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#cbd4e3;
}

.ing_homepage_browser_dots i:nth-child(1){
	background:#ff7d7d;
}

.ing_homepage_browser_dots i:nth-child(2){
	background:#ffc65f;
}

.ing_homepage_browser_dots i:nth-child(3){
	background:#66d391;
}

.ing_homepage_browser_address{
	width:205px;
	height:23px;
	margin:0 auto;
	border-radius:12px;
	background:#edf2f8;
	text-align:center;
}

.ing_homepage_browser_address span{
	color:#9aa7b8;
	font-size:9px;
	line-height:23px;
}

.ing_homepage_browser_body{
	padding:18px;
}

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

.ing_homepage_mock_header strong{
	color:#1b2943;
	font-size:11px;
	font-weight:900;
	letter-spacing:.3px;
}

.ing_homepage_mock_nav{
	display:flex;
	gap:10px;
}

.ing_homepage_mock_nav i{
	display:block;
	width:28px;
	height:4px;
	border-radius:2px;
	background:#dce3ed;
}

.ing_homepage_mock_banner{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:235px;
	margin-top:10px;
	overflow:hidden;
	padding:32px 35px;
	border-radius:11px;
	background:linear-gradient(135deg,#122854 0%,#245dc6 57%,#55b5ee 100%);
}

.ing_homepage_mock_banner:before{
	content:"";
	position:absolute;
	top:-60px;
	right:80px;
	width:180px;
	height:180px;
	border:1px solid rgba(255,255,255,.16);
	border-radius:50%;
}

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

.ing_homepage_mock_banner_text span{
	color:#88c9ff;
	font-size:9px;
	font-weight:800;
	letter-spacing:1.5px;
}

.ing_homepage_mock_banner_text strong{
	display:block;
	margin-top:11px;
	color:#fff;
	font-size:23px;
	line-height:1.35;
	letter-spacing:-1px;
}

.ing_homepage_mock_banner_text i{
	display:block;
	width:62px;
	height:19px;
	margin-top:19px;
	border-radius:10px;
	background:#fff;
}

.ing_homepage_mock_symbol{
	position:relative;
	width:180px;
	height:180px;
}

.ing_homepage_mock_symbol_circle{
	position:absolute;
	top:50%;
	left:50%;
	width:75px;
	height:75px;
	border:16px solid rgba(255,255,255,.94);
	border-radius:50%;
	transform:translate(-50%,-50%);
	box-shadow:0 0 0 17px rgba(255,255,255,.12);
}

.ing_homepage_mock_symbol_line{
	position:absolute;
	background:rgba(255,255,255,.55);
}

.ing_homepage_mock_symbol_line:after{
	content:"";
	position:absolute;
	width:13px;
	height:13px;
	border:4px solid #fff;
	border-radius:50%;
}

.ing_homepage_mock_symbol_line.line01{
	top:35px;
	left:8px;
	width:57px;
	height:2px;
	transform:rotate(24deg);
}

.ing_homepage_mock_symbol_line.line01:after{
	top:-6px;
	left:-6px;
}

.ing_homepage_mock_symbol_line.line02{
	top:84px;
	right:3px;
	width:48px;
	height:2px;
	transform:rotate(-11deg);
}

.ing_homepage_mock_symbol_line.line02:after{
	top:-6px;
	right:-5px;
}

.ing_homepage_mock_symbol_line.line03{
	left:36px;
	bottom:25px;
	width:44px;
	height:2px;
	transform:rotate(-34deg);
}

.ing_homepage_mock_symbol_line.line03:after{
	top:-6px;
	left:-6px;
}

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

.ing_homepage_mock_cards > div{
	padding:14px;
	border:1px solid #eef2f7;
	border-radius:8px;
	background:#fff;
}

.ing_homepage_mock_cards i{
	display:block;
	width:24px;
	height:24px;
	margin-bottom:11px;
	border-radius:7px;
	background:#e9f1ff;
}

.ing_homepage_mock_cards span,
.ing_homepage_mock_cards em{
	display:block;
	height:5px;
	border-radius:3px;
	background:#dfe5ee;
}

.ing_homepage_mock_cards span{
	width:65%;
}

.ing_homepage_mock_cards em{
	width:90%;
	margin-top:7px;
	background:#eef2f7;
}

.ing_homepage_mobile_mock{
	position:absolute;
	right:-18px;
	bottom:-2px;
	width:150px;
	height:295px;
	padding:10px;
	border:1px solid rgba(175,191,219,.7);
	border-radius:25px;
	background:#fff;
	box-shadow:0 25px 50px rgba(25,54,107,.23);
	transform:rotate(-4deg);
}

.ing_homepage_mobile_speaker{
	width:42px;
	height:4px;
	margin:0 auto 8px;
	border-radius:3px;
	background:#d8dee8;
}

.ing_homepage_mobile_screen{
	height:257px;
	overflow:hidden;
	border-radius:15px;
	background:#f5f8fc;
}

.ing_homepage_mobile_header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:34px;
	padding:0 10px;
	background:#fff;
}

.ing_homepage_mobile_header strong{
	color:#1b2943;
	font-size:7px;
}

.ing_homepage_mobile_header i{
	display:block;
	width:13px;
	height:9px;
	border-top:2px solid #315ea9;
	border-bottom:2px solid #315ea9;
}

.ing_homepage_mobile_banner{
	height:116px;
	padding:22px 13px;
	background:linear-gradient(145deg,#14346a,#3985d8);
}

.ing_homepage_mobile_banner span{
	color:#9bd2ff;
	font-size:6px;
	font-weight:800;
	letter-spacing:1px;
}

.ing_homepage_mobile_banner strong{
	display:block;
	margin-top:8px;
	color:#fff;
	font-size:13px;
	line-height:1.35;
}

.ing_homepage_mobile_blocks{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:7px;
	padding:10px;
}

.ing_homepage_mobile_blocks i{
	display:block;
	height:38px;
	border-radius:6px;
	background:#fff;
	box-shadow:0 4px 12px rgba(40,70,110,.05);
}

.ing_homepage_mobile_blocks i:nth-child(3){
	grid-column:1 / 3;
}

.ing_homepage_visual_badge{
	position:absolute;
	z-index:4;
	min-width:150px;
	padding:13px 17px;
	border:1px solid rgba(215,226,243,.8);
	border-radius:12px;
	background:rgba(255,255,255,.92);
	box-shadow:0 14px 30px rgba(37,68,120,.12);
	backdrop-filter:blur(5px);
}

.ing_homepage_visual_badge strong{
	display:block;
	color:#2368f2;
	font-size:12px;
	font-weight:850;
}

.ing_homepage_visual_badge span{
	display:block;
	margin-top:3px;
	color:#667287;
	font-size:11px;
}

.ing_homepage_visual_badge.badge01{
	top:-25px;
	right:87px;
}

.ing_homepage_visual_badge.badge02{
	left:-12px;
	bottom:42px;
}


/* =========================================================
   홈페이지 가치
========================================================= */

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

.ing_homepage_value_grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	border-top:1px solid #dde4ee;
	border-bottom:1px solid #dde4ee;
}

.ing_homepage_value_item{
	position:relative;
	min-height:275px;
	padding:42px 30px;
	border-right:1px solid #dde4ee;
	transition:background .3s ease, transform .3s ease;
}

.ing_homepage_value_item:first-child{
	border-left:1px solid #dde4ee;
}

.ing_homepage_value_item:hover{
	z-index:2;
	background:#f6f9ff;
	transform:translateY(-8px);
}

.ing_homepage_value_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:53px;
	height:53px;
	margin-bottom:27px;
	border-radius:16px;
	background:#edf4ff;
	transform:rotate(-6deg);
}

.ing_homepage_value_icon span{
	color:#2368f2;
	font-size:15px;
	font-weight:900;
	transform:rotate(6deg);
}

.ing_homepage_value_item h4{
	color:#1b2333;
	font-size:21px;
	font-weight:800;
	letter-spacing:-.7px;
}

.ing_homepage_value_item p{
	margin-top:14px;
	color:#6b7485;
	font-size:14px;
	line-height:1.75;
	letter-spacing:-.25px;
}


/* =========================================================
   홈페이지 유형
========================================================= */

.ing_homepage_type{
	padding:130px 0;
	background:#f5f8fc;
}

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

.ing_homepage_type_item{
	position:relative;
	min-height:325px;
	overflow:hidden;
	padding:38px 40px;
	border:1px solid #e0e7f1;
	border-radius:17px;
	background:#fff;
	box-shadow:0 14px 40px rgba(35,57,95,.04);
	transition:
		transform .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;
}

.ing_homepage_type_item:after{
	content:"";
	position:absolute;
	right:-52px;
	bottom:-70px;
	width:185px;
	height:185px;
	border:28px solid #f3f7fd;
	border-radius:50%;
	transition:transform .35s ease;
}

.ing_homepage_type_item:hover{
	border-color:#b8cef5;
	box-shadow:0 22px 50px rgba(39,77,135,.1);
	transform:translateY(-7px);
}

.ing_homepage_type_item:hover:after{
	transform:scale(1.15);
}

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

.ing_homepage_type_top span{
	display:block;
	margin-bottom:12px;
	color:#2368f2;
	font-size:12px;
	font-weight:850;
	letter-spacing:1.5px;
	text-transform:uppercase;
}

.ing_homepage_type_top strong{
	color:#182033;
	font-size:28px;
	font-weight:850;
	letter-spacing:-1.2px;
}

.ing_homepage_type_item > p{
	position:relative;
	z-index:2;
	max-width:515px;
	margin-top:20px;
	color:#687285;
	font-size:15px;
	line-height:1.75;
}

.ing_homepage_type_item ul{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:11px 20px;
	margin-top:28px;
}

.ing_homepage_type_item li{
	position:relative;
	padding-left:17px;
	color:#364158;
	font-size:14px;
	font-weight:650;
}

.ing_homepage_type_item li:before{
	content:"";
	position:absolute;
	top:7px;
	left:0;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#4b8cf6;
}


/* =========================================================
   잉컨설팅 차별점
========================================================= */

.ing_homepage_strength{
	padding:135px 0;
	background:#14233f;
	color:#fff;
}

.ing_homepage_strength .ing_homepage_inner{
	display:grid;
	grid-template-columns:390px 1fr;
	gap:95px;
}

.ing_homepage_strength_intro{
	position:sticky;
	top:130px;
	align-self:start;
}

.ing_homepage_strength_intro > span{
	display:inline-block;
	margin-bottom:20px;
	color:#6aabff;
	font-size:13px;
	font-weight:850;
	letter-spacing:2px;
}

.ing_homepage_strength_intro h3{
	color:#fff;
	font-size:41px;
	font-weight:850;
	line-height:1.36;
	letter-spacing:-1.7px;
}

.ing_homepage_strength_intro p{
	margin-top:23px;
	color:#aebbd0;
	font-size:15px;
	line-height:1.85;
}

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

.ing_homepage_strength_item{
	display:grid;
	grid-template-columns:75px 1fr;
	gap:20px;
	padding:35px 10px 35px 0;
	border-bottom:1px solid rgba(255,255,255,.15);
}

.ing_homepage_strength_number{
	color:#599bf4;
	font-size:15px;
	font-weight:850;
	letter-spacing:1px;
}

.ing_homepage_strength_item h4{
	color:#fff;
	font-size:21px;
	font-weight:800;
	letter-spacing:-.6px;
}

.ing_homepage_strength_item p{
	margin-top:12px;
	color:#aab7ca;
	font-size:14px;
	line-height:1.75;
}


/* =========================================================
   제작 범위
========================================================= */

.ing_homepage_scope{
	padding:135px 0 150px;
	background:#fff;
}

.ing_homepage_scope_wrap{
	position:relative;
	width:930px;
	height:650px;
	margin:20px auto 0;
}

.ing_homepage_scope_wrap:before{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:470px;
	height:470px;
	border:1px dashed #bed0ed;
	border-radius:50%;
	transform:translate(-50%,-50%);
}

.ing_homepage_scope_wrap:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:320px;
	height:320px;
	border:1px solid #e6edf7;
	border-radius:50%;
	transform:translate(-50%,-50%);
}

.ing_homepage_scope_center{
	position:absolute;
	top:33%;
	left:39%;
	z-index:5;
	display:flex;
	align-items:center;
	justify-content:center;
	width:220px;
	height:220px;
	border-radius:50%;
	background:linear-gradient(145deg,#15366e,#2879e5);
	box-shadow:
		0 25px 55px rgba(39,100,196,.26),
		0 0 0 20px rgba(35,104,242,.07);
	color:#fff;
	text-align:center;
	transform:translate(-50%,-50%);
}

.ing_homepage_scope_center span{
	display:block;
	color:#9bc7ff;
	font-size:15px;
	font-weight:900;
	letter-spacing:3px;
}

.ing_homepage_scope_center strong{
	display:block;
	margin-top:6px;
	font-size:24px;
	font-weight:900;
	letter-spacing:-.7px;
}

.ing_homepage_scope_center em{
	display:block;
	margin-top:7px;
	color:#c8deff;
	font-size:13px;
	font-style:normal;
}

.ing_homepage_scope_item{
	position:absolute;
	z-index:6;
	width:220px;
	min-height:135px;
	padding:24px 23px;
	border:1px solid #e0e8f4;
	border-radius:14px;
	background:#fff;
	box-shadow:0 17px 38px rgba(29,61,111,.08);
	text-align:center;
}

.ing_homepage_scope_item:before{
	content:"";
	position:absolute;
	background:#cad9ef;
}

.ing_homepage_scope_item span{
	display:block;
	color:#2368f2;
	font-size:12px;
	font-weight:900;
	letter-spacing:1px;
}

.ing_homepage_scope_item strong{
	display:block;
	margin-top:8px;
	color:#192237;
	font-size:20px;
	font-weight:850;
}

.ing_homepage_scope_item p{
	margin-top:8px;
	color:#727c8f;
	font-size:13px;
	line-height:1.55;
}

.ing_homepage_scope_item.scope01{
	top:20px;
	left:355px;
}

.ing_homepage_scope_item.scope02{
	top:125px;
	right:20px;
}

.ing_homepage_scope_item.scope03{
	right:20px;
	bottom:125px;
}

.ing_homepage_scope_item.scope04{
	left:355px;
	bottom:20px;
}

.ing_homepage_scope_item.scope05{
	left:20px;
	bottom:125px;
}

.ing_homepage_scope_item.scope06{
	top:125px;
	left:20px;
}


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

.ing_homepage_process{
	padding:135px 0;
	background:#f5f8fc;
}

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

.ing_homepage_process_item{
	position:relative;
	min-height:310px;
	padding:32px 30px;
	border:1px solid #dfe7f2;
	border-radius:16px;
	background:#fff;
	box-shadow:0 15px 35px rgba(39,62,101,.04);
	transition:transform .3s ease, box-shadow .3s ease;
}

.ing_homepage_process_item:hover{
	box-shadow:0 22px 45px rgba(36,70,125,.11);
	transform:translateY(-7px);
}

.ing_homepage_process_num{
	position:absolute;
	top:29px;
	right:28px;
	color:#c6d5eb;
	font-size:13px;
	font-weight:900;
	letter-spacing:1px;
}

.ing_homepage_process_icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:68px;
	height:68px;
	border-radius:20px;
	background:linear-gradient(145deg,#edf4ff,#dceaff);
}

.ing_homepage_process_icon span{
	color:#2368f2;
	font-size:15px;
	font-weight:900;
}

.ing_homepage_process_text{
	margin-top:30px;
}

.ing_homepage_process_text strong{
	color:#192237;
	font-size:21px;
	font-weight:850;
	letter-spacing:-.6px;
}

.ing_homepage_process_text p{
	margin-top:13px;
	color:#70798b;
	font-size:14px;
	line-height:1.75;
}


/* =========================================================
   비교 영역
========================================================= */

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

.ing_homepage_compare_box{
	position:relative;
	display:grid;
	grid-template-columns:1fr 80px 1fr;
	align-items:stretch;
	max-width:1050px;
	margin:0 auto;
}

.ing_homepage_compare_side{
	padding:45px 50px;
	border-radius:20px;
}

.ing_homepage_compare_normal{
	border:1px solid #e1e6ed;
	background:#f8f9fb;
}

.ing_homepage_compare_ing{
	background:linear-gradient(145deg,#18386f,#246bda);
	box-shadow:0 25px 55px rgba(26,79,165,.24);
}

.ing_homepage_compare_title span{
	display:block;
	margin-bottom:11px;
	color:#8791a1;
	font-size:12px;
	font-weight:850;
	letter-spacing:1.3px;
}

.ing_homepage_compare_title strong{
	color:#202839;
	font-size:25px;
	font-weight:850;
	letter-spacing:-1px;
}

.ing_homepage_compare_ing .ing_homepage_compare_title span{
	color:#90c0ff;
}

.ing_homepage_compare_ing .ing_homepage_compare_title strong{
	color:#fff;
}

.ing_homepage_compare_side ul{
	margin-top:30px;
}

.ing_homepage_compare_side li{
	position:relative;
	margin-top:17px;
	padding-left:25px;
	color:#697284;
	font-size:14px;
	line-height:1.65;
}

.ing_homepage_compare_side li:before{
	content:"×";
	position:absolute;
	top:0;
	left:0;
	color:#a7afba;
	font-size:17px;
	font-weight:800;
}

.ing_homepage_compare_ing li{
	color:#d4e4fa;
}

.ing_homepage_compare_ing li:before{
	content:"✓";
	color:#78c4ff;
}

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

.ing_homepage_compare_center span{
	position:relative;
	z-index:4;
	display:flex;
	align-items:center;
	justify-content:center;
	width:52px;
	height:52px;
	border:6px solid #fff;
	border-radius:50%;
	background:#172c50;
	box-shadow:0 8px 24px rgba(26,46,78,.2);
	color:#fff;
	font-size:12px;
	font-weight:900;
}


/* =========================================================
   하단 CTA
========================================================= */

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

.ing_homepage_cta_box{
	position:relative;
	overflow:hidden;
	min-height:330px;
	padding:65px 70px;
	border-radius:25px;
	background:
		linear-gradient(110deg,rgba(15,36,76,.98) 0%,rgba(25,77,158,.97) 61%,rgba(49,137,221,.95) 100%);
	box-shadow:0 25px 60px rgba(21,60,124,.2);
}

.ing_homepage_cta_text{
	position:relative;
	z-index:3;
}

.ing_homepage_cta_text > span{
	color:#7cbcff;
	font-size:13px;
	font-weight:850;
	letter-spacing:2px;
}

.ing_homepage_cta_text h3{
	margin-top:17px;
	color:#fff;
	font-size:38px;
	font-weight:850;
	line-height:1.38;
	letter-spacing:-1.7px;
}

.ing_homepage_cta_text p{
	margin-top:20px;
	color:#c0d5ef;
	font-size:16px;
	line-height:1.8;
}

.ing_homepage_cta_visual{
	position:absolute;
	top:0;
	right:0;
	width:48%;
	height:100%;
}

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

.ing_homepage_cta_circle:before,
.ing_homepage_cta_circle:after{
	content:"";
	position:absolute;
	border-radius:50%;
	background:rgba(255,255,255,.8);
	box-shadow:0 0 20px rgba(255,255,255,.4);
}

.ing_homepage_cta_circle.circle01{
	top:50%;
	right:90px;
	width:240px;
	height:240px;
	transform:translateY(-50%);
}

.ing_homepage_cta_circle.circle01:before{
	top:25px;
	left:15px;
	width:13px;
	height:13px;
}

.ing_homepage_cta_circle.circle02{
	top:50%;
	right:125px;
	width:170px;
	height:170px;
	transform:translateY(-50%);
}

.ing_homepage_cta_circle.circle02:after{
	right:-7px;
	bottom:35px;
	width:15px;
	height:15px;
}

.ing_homepage_cta_circle.circle03{
	top:50%;
	right:177px;
	width:66px;
	height:66px;
	border:18px solid rgba(255,255,255,.92);
	background:transparent;
	box-shadow:0 0 0 20px rgba(255,255,255,.08);
	transform:translateY(-50%);
}

.ing_homepage_contact{
	margin-top:48px;
	text-align:center;
}

.ing_homepage_contact_btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:25px;
	min-width:310px;
	height:66px;
	padding:0 33px;
	border-radius:33px;
	background:#2368f2;
	box-shadow:0 14px 30px rgba(35,104,242,.24);
	color:#fff !important;
	font-size:16px;
	font-weight:800;
	transition:
		background .3s ease,
		transform .3s ease,
		box-shadow .3s ease;
}

.ing_homepage_contact_btn i{
	display:flex;
	align-items:center;
	justify-content:center;
	width:31px;
	height:31px;
	border-radius:50%;
	background:rgba(255,255,255,.18);
	font-size:17px;
	font-style:normal;
	transition:transform .3s ease;
}

.ing_homepage_contact_btn:hover{
	background:#1456d7;
	box-shadow:0 18px 36px rgba(35,104,242,.33);
	transform:translateY(-4px);
}

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


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

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

	.ing_homepage_inner{
		padding:0 20px;
	}

	.ing_homepage_pc_br{
		display:none;
	}

	.ing_homepage_section_head{
		margin-bottom:38px;
		text-align:left;
	}

	.ing_homepage_section_head > span{
		margin-bottom:12px;
		font-size:11px;
		letter-spacing:1.5px;
	}

	.ing_homepage_section_head h3{
		font-size:28px;
		line-height:1.38;
		letter-spacing:-1.2px;
	}

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

	/* 상단 비주얼 */

	.ing_homepage_hero{
		padding:73px 0 75px;
	}

	.ing_homepage_hero:before{
		width:280px;
		height:280px;
	}

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

	.ing_homepage_hero .ing_homepage_inner{
		display:block;
	}

	.ing_homepage_hero_text{
		width:100%;
	}

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

	.ing_homepage_eyebrow:before{
		width:24px;
	}

	.ing_homepage_hero_text h2{
		font-size:32px;
		line-height:1.28;
		letter-spacing:-1.8px;
	}

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

	.ing_homepage_hero_points{
		gap:7px;
		margin-top:25px;
	}

	.ing_homepage_hero_points span{
		height:34px;
		padding:0 12px;
		font-size:11px;
	}

	.ing_homepage_hero_visual{
		min-height:355px;
		margin-top:48px;
	}

	.ing_homepage_browser{
		top:12px;
		right:auto;
		left:0;
		width:92%;
		border-radius:12px;
	}

	.ing_homepage_browser_top{
		height:31px;
		padding:0 10px;
	}

	.ing_homepage_browser_dots i{
		width:6px;
		height:6px;
	}

	.ing_homepage_browser_address{
		width:130px;
		height:17px;
	}

	.ing_homepage_browser_address span{
		font-size:6px;
		line-height:17px;
	}

	.ing_homepage_browser_body{
		padding:10px;
	}

	.ing_homepage_mock_header{
		height:23px;
	}

	.ing_homepage_mock_header strong{
		font-size:7px;
	}

	.ing_homepage_mock_nav{
		gap:5px;
	}

	.ing_homepage_mock_nav i{
		width:15px;
		height:3px;
	}

	.ing_homepage_mock_banner{
		height:145px;
		padding:20px;
	}

	.ing_homepage_mock_banner_text span{
		font-size:6px;
	}

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

	.ing_homepage_mock_banner_text i{
		width:42px;
		height:13px;
		margin-top:11px;
	}

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

	.ing_homepage_mock_symbol_circle{
		width:47px;
		height:47px;
		border-width:10px;
		box-shadow:0 0 0 10px rgba(255,255,255,.12);
	}

	.ing_homepage_mock_symbol_line.line01{
		top:20px;
		width:35px;
	}

	.ing_homepage_mock_symbol_line.line02{
		top:49px;
		width:29px;
	}

	.ing_homepage_mock_symbol_line.line03{
		left:22px;
		bottom:12px;
		width:26px;
	}

	.ing_homepage_mock_symbol_line:after{
		width:8px;
		height:8px;
		border-width:2px;
	}

	.ing_homepage_mock_cards{
		gap:5px;
		margin-top:7px;
	}

	.ing_homepage_mock_cards > div{
		padding:8px;
	}

	.ing_homepage_mock_cards i{
		width:14px;
		height:14px;
		margin-bottom:6px;
	}

	.ing_homepage_mock_cards span,
	.ing_homepage_mock_cards em{
		height:3px;
	}

	.ing_homepage_mobile_mock{
		right:0;
		bottom:5px;
		width:95px;
		height:190px;
		padding:6px;
		border-radius:17px;
	}

	.ing_homepage_mobile_speaker{
		width:27px;
		height:3px;
		margin-bottom:5px;
	}

	.ing_homepage_mobile_screen{
		height:165px;
		border-radius:10px;
	}

	.ing_homepage_mobile_header{
		height:22px;
		padding:0 6px;
	}

	.ing_homepage_mobile_header strong{
		font-size:5px;
	}

	.ing_homepage_mobile_header i{
		width:9px;
		height:6px;
		border-width:1px;
	}

	.ing_homepage_mobile_banner{
		height:75px;
		padding:13px 8px;
	}

	.ing_homepage_mobile_banner span{
		font-size:4px;
	}

	.ing_homepage_mobile_banner strong{
		margin-top:5px;
		font-size:8px;
	}

	.ing_homepage_mobile_blocks{
		gap:4px;
		padding:6px;
	}

	.ing_homepage_mobile_blocks i{
		height:24px;
	}

	.ing_homepage_visual_badge{
		min-width:105px;
		padding:8px 10px;
		border-radius:8px;
	}

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

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

	.ing_homepage_visual_badge.badge01{
		top:-14px;
		right:2px;
	}

	.ing_homepage_visual_badge.badge02{
		left:4px;
		bottom:0;
	}

	/* 가치 */

	.ing_homepage_value{
		padding:85px 0;
	}

	.ing_homepage_value_grid{
		grid-template-columns:1fr;
		border-top:0;
		border-bottom:0;
		gap:12px;
	}

	.ing_homepage_value_item,
	.ing_homepage_value_item:first-child{
		min-height:0;
		padding:25px 23px;
		border:1px solid #e2e8f1;
		border-radius:13px;
	}

	.ing_homepage_value_item:hover{
		transform:none;
	}

	.ing_homepage_value_icon{
		width:43px;
		height:43px;
		margin-bottom:18px;
		border-radius:13px;
	}

	.ing_homepage_value_icon span{
		font-size:12px;
	}

	.ing_homepage_value_item h4{
		font-size:18px;
	}

	.ing_homepage_value_item p{
		margin-top:10px;
		font-size:13px;
	}

	/* 제작 유형 */

	.ing_homepage_type{
		padding:85px 0;
	}

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

	.ing_homepage_type_item{
		min-height:0;
		padding:27px 23px;
		border-radius:13px;
	}

	.ing_homepage_type_item:after{
		right:-65px;
		bottom:-85px;
	}

	.ing_homepage_type_item:hover{
		transform:none;
	}

	.ing_homepage_type_top span{
		margin-bottom:9px;
		font-size:10px;
	}

	.ing_homepage_type_top strong{
		font-size:23px;
	}

	.ing_homepage_type_item > p{
		margin-top:14px;
		font-size:13px;
		line-height:1.7;
	}

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

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

	/* 차별점 */

	.ing_homepage_strength{
		padding:85px 0;
	}

	.ing_homepage_strength .ing_homepage_inner{
		display:block;
	}

	.ing_homepage_strength_intro{
		position:relative;
		top:auto;
		margin-bottom:45px;
	}

	.ing_homepage_strength_intro > span{
		margin-bottom:14px;
		font-size:10px;
	}

	.ing_homepage_strength_intro h3{
		font-size:28px;
		letter-spacing:-1.2px;
	}

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

	.ing_homepage_strength_item{
		grid-template-columns:43px 1fr;
		gap:10px;
		padding:25px 0;
	}

	.ing_homepage_strength_number{
		font-size:12px;
	}

	.ing_homepage_strength_item h4{
		font-size:17px;
		line-height:1.5;
	}

	.ing_homepage_strength_item p{
		margin-top:9px;
		font-size:12px;
		line-height:1.7;
	}

	/* 제작 범위 */

	.ing_homepage_scope{
		padding:85px 0;
	}

	.ing_homepage_scope_wrap{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:11px;
		width:100%;
		height:auto;
		margin-top:0;
	}

	.ing_homepage_scope_wrap:before,
	.ing_homepage_scope_wrap:after{
		display:none;
	}

	.ing_homepage_scope_center{
		position:relative;
		top:auto;
		left:auto;
		grid-column:1 / 3;
		width:150px;
		height:150px;
		margin:0 auto 17px;
		transform:none;
	}

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

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

	.ing_homepage_scope_center em{
		font-size:10px;
	}

	.ing_homepage_scope_item,
	.ing_homepage_scope_item.scope01,
	.ing_homepage_scope_item.scope02,
	.ing_homepage_scope_item.scope03,
	.ing_homepage_scope_item.scope04,
	.ing_homepage_scope_item.scope05,
	.ing_homepage_scope_item.scope06{
		position:relative;
		top:auto;
		right:auto;
		bottom:auto;
		left:auto;
		width:100%;
		min-height:128px;
		padding:20px 13px;
	}

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

	.ing_homepage_scope_item p{
		font-size:11px;
	}

	/* 절차 */

	.ing_homepage_process{
		padding:85px 0;
	}

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

	.ing_homepage_process_item{
		display:grid;
		grid-template-columns:53px 1fr;
		align-items:center;
		gap:16px;
		min-height:0;
		padding:23px 20px;
		border-radius:13px;
	}

	.ing_homepage_process_item:hover{
		transform:none;
	}

	.ing_homepage_process_num{
		top:18px;
		right:18px;
		font-size:10px;
	}

	.ing_homepage_process_icon{
		width:53px;
		height:53px;
		border-radius:16px;
	}

	.ing_homepage_process_icon span{
		font-size:12px;
	}

	.ing_homepage_process_text{
		margin-top:0;
	}

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

	.ing_homepage_process_text p{
		margin-top:7px;
		font-size:12px;
	}

	/* 비교 */

	.ing_homepage_compare{
		padding:85px 0;
	}

	.ing_homepage_compare_box{
		display:block;
	}

	.ing_homepage_compare_side{
		padding:30px 23px;
		border-radius:15px;
	}

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

	.ing_homepage_compare_side ul{
		margin-top:22px;
	}

	.ing_homepage_compare_side li{
		margin-top:13px;
		font-size:12px;
	}

	.ing_homepage_compare_center{
		height:55px;
	}

	.ing_homepage_compare_center span{
		width:45px;
		height:45px;
		border-width:5px;
		font-size:10px;
	}

	/* CTA */

	.ing_homepage_cta{
		padding-bottom:85px;
	}

	.ing_homepage_cta_box{
		min-height:390px;
		padding:42px 25px;
		border-radius:18px;
	}

	.ing_homepage_cta_text > span{
		font-size:10px;
	}

	.ing_homepage_cta_text h3{
		margin-top:13px;
		font-size:27px;
		line-height:1.4;
		letter-spacing:-1.2px;
	}

	.ing_homepage_cta_text p{
		margin-top:15px;
		font-size:13px;
	}

	.ing_homepage_cta_visual{
		top:auto;
		right:0;
		bottom:-25px;
		width:100%;
		height:180px;
		opacity:.8;
	}

	.ing_homepage_cta_circle.circle01{
		right:17px;
		width:160px;
		height:160px;
	}

	.ing_homepage_cta_circle.circle02{
		right:44px;
		width:110px;
		height:110px;
	}

	.ing_homepage_cta_circle.circle03{
		right:78px;
		width:45px;
		height:45px;
		border-width:12px;
		box-shadow:0 0 0 12px rgba(255,255,255,.08);
	}

	.ing_homepage_contact{
		margin-top:35px;
	}

	.ing_homepage_contact_btn{
		width:100%;
		min-width:0;
		height:59px;
		padding:0 25px;
		font-size:14px;
	}

}