@charset "utf-8";

*{
	box-sizing:border-box;
}

html,body{
	margin:0;
	padding:0;
	font-family:'Pretendard','Noto Sans KR','Malgun Gothic',Arial,sans-serif;
	color:#071733;
	background:#fff;
}

body{
	padding-top:88px;
}

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

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

/* =========================
	HEADER - PC
========================= */

.ing_header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:88px;
	background:rgba(255,255,255,0.96);
	border-bottom:1px solid rgba(15,35,80,0.08);
	backdrop-filter:blur(14px);
	z-index:1000;
	transition:height .25s ease, box-shadow .25s ease, background .25s ease;
}

.ing_header.scroll_on{
	height:72px;
	background:rgba(255,255,255,0.98);
	box-shadow:0 8px 28px rgba(5,30,80,0.08);
}

.ing_header_inner{
	width:100%;
	max-width:1320px;
	height:100%;
	margin:0 auto;
	padding:0 28px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.ing_logo{
	margin:0;
	padding:0;
	flex-shrink:0;
}

.ing_logo a{
	display:flex;
	align-items:center;
	gap:10px;
}

.ing_logo img{
	display:block;
	width:auto;
	height:48px;
	max-width:70px;
	object-fit:contain;
	transition:height .25s ease;
}

.ing_logo_text{
	display:inline-block;
	position:relative;
	top:-2px;
	font-size:22px;
	font-weight:800;
	color:#071733;
	letter-spacing:-0.8px;
	line-height:1;
	transition:font-size .25s ease, top .25s ease;
}

.ing_header.scroll_on .ing_logo img{
	height:40px;
}

.ing_header.scroll_on .ing_logo_text{
	font-size:20px;
}

.ing_nav{
	height:100%;
}

.ing_depth1{
	display:flex;
	align-items:center;
	height:100%;
	gap:18px;
}

.ing_depth1 > li{
	position:relative;
	height:100%;
	display:flex;
	align-items:center;
}

.ing_depth1 > li > a{
	position:relative;
	display:flex;
	align-items:center;
	height:100%;
	padding:0 20px;
	font-size:16px;
	font-weight:700;
	color:#071733;
	letter-spacing:-0.4px;
	transition:color .2s ease;
}

.ing_depth1 > li > a:after{
	content:"";
	position:absolute;
	left:10px;
	right:10px;
	bottom:24px;
	height:2px;
	background:#075fff;
	transform:scaleX(0);
	transform-origin:center;
	transition:transform .25s ease;
}

.ing_depth1 > li:hover > a{
	color:#075fff;
}

.ing_depth1 > li:hover > a:after{
	transform:scaleX(1);
}

.ing_depth2{
	position:absolute;
	top:70px;
	left:50%;
	min-width:190px;
	padding:12px;
	background:#fff;
	border:1px solid rgba(15,35,80,0.08);
	border-radius:18px;
	box-shadow:0 20px 45px rgba(5,30,80,0.12);
	opacity:0;
	visibility:hidden;
	transform:translateX(-50%) translateY(12px);
	transition:all .22s ease;
}

.ing_header.scroll_on .ing_depth2{
	top:72px;
}

.ing_depth1 > li:hover .ing_depth2{
	opacity:1;
	visibility:visible;
	transform:translateX(-50%) translateY(0);
}

.ing_depth2 li a{
	display:block;
	padding:12px 14px;
	border-radius:11px;
	font-size:14px;
	font-weight:600;
	color:#25324b;
	white-space:nowrap;
	letter-spacing:-0.3px;
	transition:all .18s ease;
}

.ing_depth2 li a:hover{
	background:#f2f6ff;
	color:#075fff;
}

.ing_contact_btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	height:48px;
	padding:0 24px;
	border-radius:8px;
	background:#075fff;
	color:#fff;
	font-size:15px;
	font-weight:800;
	box-shadow:0 10px 24px rgba(7,95,255,0.22);
	transition:all .2s ease;
}

.ing_contact_btn:hover{
	background:#004bd6;
	transform:translateY(-1px);
	box-shadow:0 14px 32px rgba(7,95,255,0.32);
}

.ing_contact_btn span{
	font-size:18px;
	line-height:1;
}

.ing_mobile_btn{
	display:none;
}

.ing_mobile_contact{
	display:none;
}

/* =========================
	MOBILE - 768px 이하
========================= */

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

	body{
		padding-top:74px;
		overflow-x:hidden;
	}

	.ing_header{
		height:74px;
	}

	.ing_header.scroll_on{
		height:68px;
	}

	.ing_header_inner{
		padding:0 18px;
	}

	.ing_logo img{
		height:42px;
		max-width:62px;
	}

	.ing_logo_text{
		font-size:20px;
		top:0;
	}

	.ing_header.scroll_on .ing_logo img{
		height:38px;
	}

	.ing_header.scroll_on .ing_logo_text{
		font-size:18px;
	}

	.ing_contact_btn{
		display:none;
	}

	.ing_mobile_btn{
		display:block;
		width:44px;
		height:44px;
		border:0;
		background:transparent;
		cursor:pointer;
		padding:0;
		z-index:1002;
	}

	.ing_mobile_btn span{
		display:block;
		width:25px;
		height:2px;
		margin:6px auto;
		background:#071733;
		transition:all .25s ease;
	}

	.ing_mobile_btn.active span:nth-child(1){
		transform:translateY(8px) rotate(45deg);
	}

	.ing_mobile_btn.active span:nth-child(2){
		opacity:0;
	}

	.ing_mobile_btn.active span:nth-child(3){
		transform:translateY(-8px) rotate(-45deg);
	}

	.ing_nav{
		position:fixed;
		top:74px;
		left:0;
		width:100%;
		height:calc(100vh - 74px);
		background:rgba(255,255,255,0.98);
		border-top:1px solid #eef2f8;
		padding:18px;
		overflow-y:auto;
		opacity:0;
		visibility:hidden;
		transform:translateX(100%);
		transition:opacity .28s ease, visibility .28s ease, transform .32s ease;
	}

	.ing_header.scroll_on .ing_nav{
		top:68px;
		height:calc(100vh - 68px);
	}

	.ing_nav.active{
		opacity:1;
		visibility:visible;
		transform:translateX(0);
	}

	.ing_depth1{
		display:block;
		height:auto;
	}

	.ing_depth1 > li{
		display:block;
		height:auto;
		border-bottom:1px solid #edf1f7;
	}

	.ing_depth1 > li > a{
		height:auto;
		padding:18px 4px;
		font-size:18px;
		font-weight:800;
		justify-content:space-between;
	}

	.ing_depth1 > li > a:after{
		display:none;
	}

	.ing_depth1 > li:has(.ing_depth2) > a:before{
		content:"+";
		position:absolute;
		right:4px;
		top:50%;
		transform:translateY(-50%);
		font-size:22px;
		font-weight:400;
		color:#075fff;
		transition:transform .25s ease;
	}

	.ing_depth1 > li.open > a:before{
		content:"−";
	}

	.ing_depth2{
		position:static;
		min-width:auto;
		padding:0;
		border:0;
		border-radius:0;
		box-shadow:none;
		background:transparent;
		opacity:0;
		visibility:visible;
		transform:translateY(-8px);
		max-height:0;
		overflow:hidden;
		transition:
			max-height .35s ease,
			opacity .25s ease,
			transform .25s ease,
			padding .35s ease;
	}

	.ing_depth1 > li.open .ing_depth2{
		max-height:500px;
		padding:0 0 14px;
		opacity:1;
		transform:translateY(0);
	}

	.ing_depth2 li{
		opacity:0;
		transform:translateY(-8px);
		transition:opacity .25s ease, transform .25s ease;
	}

	.ing_depth1 > li.open .ing_depth2 li{
		opacity:1;
		transform:translateY(0);
	}

	.ing_depth2 li:nth-child(1){transition-delay:.03s;}
	.ing_depth2 li:nth-child(2){transition-delay:.06s;}
	.ing_depth2 li:nth-child(3){transition-delay:.09s;}
	.ing_depth2 li:nth-child(4){transition-delay:.12s;}
	.ing_depth2 li:nth-child(5){transition-delay:.15s;}
	.ing_depth2 li:nth-child(6){transition-delay:.18s;}

	.ing_depth2 li a{
		padding:13px 16px;
		margin-bottom:6px;
		background:#f6f8fc;
		border-radius:12px;
		font-size:15px;
		color:#25324b;
	}

	.ing_depth2 li a:hover{
		background:#edf4ff;
		color:#075fff;
	}

	/* 모바일에서는 PC 상담문의 버튼 숨김 */
	.ing_contact_btn{
		display:none;
	}

	/* 모바일 우측 하단 상담 퀵메뉴 */
	.ing_mobile_contact{
		position:fixed;
		right:12px;
		bottom:calc(18px + env(safe-area-inset-bottom));
		z-index:950;
		display:flex;
		flex-direction:column;
		width:46px;
		border-radius:18px;
		overflow:hidden;
		box-shadow:0 8px 28px rgba(0,0,0,0.22);

		opacity:1;
		visibility:visible;
		transform:translate3d(0,0,0);
		pointer-events:auto;

		transition:
			opacity 0.22s ease,
			visibility 0.22s ease,
			transform 0.22s ease;

		will-change:opacity,transform;
	}

	/* 스크롤 중 숨김 */
	.ing_mobile_contact.is-hidden{
		opacity:0;
		visibility:hidden;
		transform:translate3d(20px,12px,0);
		pointer-events:none;
	}

	.ing_mobile_contact_item{
		position:relative;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		width:46px;
		height:48px;
		padding:0;
		box-sizing:border-box;
		color:#fff;
		font-size:9pt;
		font-weight:700;
		line-height:1.25;
		letter-spacing:-0.3px;
		text-align:center;
		text-decoration:none;
		-webkit-tap-highlight-color:transparent;
		transition:filter 0.2s ease,transform 0.2s ease;
	}

	.ing_mobile_contact_item + .ing_mobile_contact_item:before{
		content:"";
		position:absolute;
		top:0;
		left:10px;
		right:10px;
		height:1px;
		background:rgba(255,255,255,0.25);
	}

	.ing_mobile_contact_item span{
		display:block;
	}

	/* 상담문의 */
	.ing_mobile_contact_item--inquiry{
		background:#1769ff;
	}

	/* 카카오톡 */
	.ing_mobile_contact_item--kakao{
		background:#fee500;
		color:#191919;
	}

	.ing_mobile_contact_item--kakao:before{
		background:rgba(25,25,25,0.12) !important;
	}

	/* 전화상담 */
	.ing_mobile_contact_item--phone{
		background:#19a15f;
	}

	.ing_mobile_contact_item:active{
		filter:brightness(0.92);
		transform:scale(0.96);
	}

}


.ing_footer{
	width:100%;
	background:#111827;
	color:#aeb6c5;
	font-family:Arial,'Noto Sans KR',sans-serif;
	box-sizing:border-box;
}

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

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

.ing_footer_inner{
	width:100%;
	max-width:1340px;
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box;
}

.ing_footer_policy{
	display:flex;
	align-items:center;
	min-height:68px;
	gap:16px;
	border-bottom:1px solid rgba(255,255,255,0.1);
	font-size:14px;
}

.ing_footer_policy a{
	display:inline-flex;
	align-items:center;
	color:#d1d6df;
	font-weight:500;
	transition:color 0.2s ease;
}

.ing_footer_policy a:hover{
	color:#ffffff;
}

.ing_footer_policy .ing_footer_privacy{
	color:#ffffff;
	font-weight:700;
}

.ing_footer_policy_line{
	display:block;
	width:1px;
	height:13px;
	background:rgba(255,255,255,0.22);
}

.ing_footer_contents{
	display:grid;
	grid-template-columns:260px minmax(0,1fr) 330px;
	gap:55px;
	align-items:stretch;
	padding:48px 0 45px;
}

.ing_footer_company_box{
	padding-right:20px;
}

.ing_footer_company_name{
	margin:0;
	font-size:25px;
	line-height:1.4;
	font-weight:800;
	letter-spacing:-0.7px;
	color:#ffffff;
}

.ing_footer_company_eng{
	font-size:11px;
	line-height:1.5;
	font-weight:700;
	letter-spacing:2px;
	color:#688fca;
}

.ing_footer_company_desc{
	margin-top:10px;
	font-size:13px;
	line-height:1.9;
	color:#848e9e;
	word-break:keep-all;
}

.ing_footer_section_title{
	margin-bottom:20px;
	font-size:11px;
	line-height:1.4;
	font-weight:700;
	letter-spacing:1.5px;
	color:#668bc3;
}

.ing_footer_information{
	min-width:0;
}

.ing_footer_info_grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	column-gap:45px;
	row-gap:15px;
}

.ing_footer_info_item{
	display:grid;
	grid-template-columns:110px minmax(0,1fr);
	align-items:start;
	min-width:0;
	font-size:13px;
	line-height:1.6;
}

.ing_footer_info_label{
	color:#788395;
	white-space:nowrap;
}

.ing_footer_info_value{
	min-width:0;
	color:#d3d8e0;
	word-break:break-all;
}

.ing_footer_info_value a{
	transition:color 0.2s ease;
}

.ing_footer_info_value a:hover{
	color:#ffffff;
}

.ing_footer_address{
	margin-top:25px;
	padding-top:22px;
	border-top:1px solid rgba(255,255,255,0.08);
}

.ing_footer_address_item{
	display:grid;
	grid-template-columns:55px minmax(0,1fr);
	align-items:start;
	margin-top:9px;
	font-size:13px;
	line-height:1.7;
}

.ing_footer_address_item:first-child{
	margin-top:0;
}

.ing_footer_address_label{
	color:#788395;
	font-weight:500;
}

.ing_footer_address_value{
	min-width:0;
	color:#b8c0cc;
	word-break:keep-all;
}

.ing_footer_bank_box{
	min-width:0;
}

.ing_footer_bank_inner{
	height:calc(100% - 35px);
	min-height:190px;
	padding:27px 28px;
	border:1px solid rgba(255,255,255,0.1);
	border-radius:10px;
	background:rgba(255,255,255,0.035);
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.ing_footer_bank_label{
	margin-bottom:12px;
	font-size:12px;
	line-height:1.4;
	color:#8994a5;
}

.ing_footer_bank_name{
	font-size:15px;
	line-height:1.5;
	font-weight:700;
	color:#d9dee6;
}

.ing_footer_bank_number{
	margin-top:3px;
	font-size:23px;
	line-height:1.4;
	font-weight:800;
	letter-spacing:0.5px;
	color:#ffffff;
	white-space:nowrap;
}

.ing_footer_bank_owner{
	margin-top:12px;
	font-size:13px;
	line-height:1.5;
	color:#949eae;
}

.ing_footer_bottom{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:30px;
	min-height:72px;
	border-top:1px solid rgba(255,255,255,0.1);
	font-size:12px;
	line-height:1.6;
	color:#717b8b;
}

.ing_footer_copyright{
	white-space:nowrap;
}

.ing_footer_bottom_text{
	text-align:right;
}

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


	.ing_footer_inner{
		padding:0 20px;
	}

	.ing_footer_policy{
		flex-wrap:wrap;
		align-content:center;
		min-height:auto;
		padding:17px 0;
		gap:10px 0;
		line-height:1.4;
	}

	.ing_footer_policy a{
		position:relative;
		flex:0 0 auto;
		display:inline-flex;
		align-items:center;
		white-space:nowrap;
		word-break:keep-all;
		margin-right:10px;
		padding-right:11px;
	}

	.ing_footer_policy a:not(:last-of-type):after{
		content:"";
		position:absolute;
		top:50%;
		right:0;
		width:1px;
		height:12px;
		background:rgba(255,255,255,0.22);
		transform:translateY(-50%);
	}

	.ing_footer_policy a:last-of-type{
		margin-right:0;
		padding-right:0;
	}

	.ing_footer_policy_line{
		display:none;
	}

	.ing_footer_contents{
		display:block;
		padding:34px 0 32px;
	}

	.ing_footer_company_box{
		padding-right:0;
		margin-bottom:32px;
	}

	.ing_footer_company_name{
		font-size:21px;
	}

	.ing_footer_company_eng{
		margin-top:5px;
		font-size:11px;
	}

	.ing_footer_company_desc{
		margin-top:15px;
		font-size:12px;
		line-height:1.8;
	}

	.ing_footer_section_title{
		margin-bottom:16px;
	}

	.ing_footer_information{
		margin-bottom:32px;
	}

	.ing_footer_info_grid{
		display:block;
	}

	.ing_footer_info_item{
		display:grid;
		grid-template-columns:105px minmax(0,1fr);
		margin-top:10px;
		font-size:13px;
	}

	.ing_footer_info_item:first-child{
		margin-top:0;
	}

	.ing_footer_info_label{
		white-space:normal;
	}

	.ing_footer_address{
		margin-top:22px;
		padding-top:20px;
	}

	.ing_footer_address_item{
		grid-template-columns:48px minmax(0,1fr);
		font-size:12px;
		line-height:1.7;
	}

	.ing_footer_address_value{
		word-break:normal;
	}

	.ing_footer_bank_inner{
		height:auto;
		min-height:0;
		padding:23px 22px;
	}

	.ing_footer_bank_number{
		font-size:20px;
		white-space:normal;
	}

	.ing_footer_bottom{
		display:block;
		min-height:0;
		padding:22px 0 25px;
		font-size:11px;
	}

	.ing_footer_copyright{
		white-space:normal;
	}

	.ing_footer_bottom_text{
		margin-top:7px;
		text-align:left;
		line-height:1.7;
	}

}





.ing_install_box{
	position:fixed;
	left:0;
	right:0;
	bottom:24px;
	z-index:9999;
	padding:0 20px;
	box-sizing:border-box;
	opacity:0;
	visibility:hidden;
	transform:translateY(30px);
	transition:
		opacity 0.3s ease,
		visibility 0.3s ease,
		transform 0.3s ease;
	pointer-events:none;
}

.ing_install_box.show{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	pointer-events:auto;
}

.ing_install_inner{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	max-width:600px;
	margin:0 auto;
	padding:15px 52px 15px 15px;
	box-sizing:border-box;
	background:rgba(20,24,32,0.96);
	border:1px solid rgba(255,255,255,0.12);
	border-radius:16px;
	box-shadow:0 14px 40px rgba(0,0,0,0.25);
	backdrop-filter:blur(12px);
}

.ing_install_icon{
	flex:0 0 52px;
	width:52px;
	height:52px;
	margin-right:13px;
	border-radius:13px;
	overflow:hidden;
	background:#fff;
}

.ing_install_icon img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.ing_install_text{
	min-width:0;
	flex:1;
}

.ing_install_text strong{
	display:block;
	margin-bottom:4px;
	font-size:15px;
	font-weight:700;
	color:#fff;
}

.ing_install_text span{
	display:block;
	font-size:12px;
	line-height:1.5;
	color:rgba(255,255,255,0.7);
}

.ing_install_btn{
	flex-shrink:0;
	margin-left:15px;
	padding:10px 16px;
	border:0;
	border-radius:9px;
	background:#1268e5;
	color:#fff;
	font-size:13px;
	font-weight:700;
	cursor:pointer;
}

.ing_install_btn:hover{
	background:#0757c8;
}

.ing_install_close{
	position:absolute;
	top:8px;
	right:10px;
	width:30px;
	height:30px;
	padding:0;
	border:0;
	background:transparent;
	color:rgba(255,255,255,0.6);
	font-size:23px;
	line-height:30px;
	cursor:pointer;
}

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

	.ing_install_box{
		bottom:15px;
		padding:0 12px;
	}

	.ing_install_inner{
		padding:12px 42px 12px 12px;
		border-radius:14px;
	}

	.ing_install_icon{
		flex-basis:44px;
		width:44px;
		height:44px;
		margin-right:10px;
		border-radius:11px;
	}

	.ing_install_text strong{
		font-size:13px;
	}

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

	.ing_install_btn{
		margin-left:8px;
		padding:9px 11px;
		font-size:12px;
	}
}




.page_ready{
	width:100%;
	position:relative;
}

.page_conts{
	width:100%;
	max-width:1320px;
	margin:0 auto;
	min-height:500px;
	padding:40px 20px 80px;
	box-sizing:border-box;
}
.editors {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	min-height:500px;
	padding:20px 10px;
	box-sizing:border-box;
}
@media screen and (max-width:768px){
	.page_conts{
		width:100%;
		margin:0 auto;
		min-height:500px;
		padding:0;
		box-sizing:border-box;
	}
	.editors {
		width:100%;
		margin:0 auto;
		min-height:500px;
		padding:20px 20px;
		box-sizing:border-box;
	}
}