@charset "utf-8";

/* ==========================================================================
   웹호스팅 서비스
   ========================================================================== */

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

.ing_webhost {
	position:relative;
	width:100%;
	overflow:hidden;
	background:#ffffff;
	color:#17251e;
	font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif;
	word-break:keep-all;
}

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

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

.ing_webhost_eyebrow {
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin:0 0 22px;
	color:#318458;
	font-size:13px;
	font-weight:800;
	letter-spacing:2.5px;
}

.ing_webhost_eyebrow:before {
	content:"";
	display:block;
	width:28px;
	height:2px;
	background:#51a875;
}

.ing_webhost_section_head {
	position:relative;
	margin:0 auto 62px;
	text-align:center;
}

.ing_webhost_section_head > span {
	display:block;
	margin-bottom:17px;
	color:#45946a;
	font-size:13px;
	font-weight:800;
	letter-spacing:2.5px;
}

.ing_webhost_section_head h3 {
	margin:0;
	color:#16241d;
	font-size:42px;
	font-weight:800;
	line-height:1.35;
	letter-spacing:-1.8px;
}

.ing_webhost_section_head p {
	margin:22px 0 0;
	color:#69766f;
	font-size:17px;
	font-weight:400;
	line-height:1.9;
	letter-spacing:-0.4px;
}

.ing_webhost_section_head_left {
	margin-left:0;
	text-align:left;
}


/* ==========================================================================
   비주얼
   ========================================================================== */

.ing_webhost_visual {
	position:relative;
	min-height:720px;
	padding:105px 0 95px;
	overflow:hidden;
	background:
		linear-gradient(120deg, #f3faf6 0%, #ecf7f0 45%, #f8fcf9 100%);
}

.ing_webhost_visual_bg {
	position:absolute;
	inset:0;
	pointer-events:none;
}

.ing_webhost_visual_bg:before {
	content:"";
	position:absolute;
	top:-210px;
	right:-120px;
	width:690px;
	height:690px;
	border:1px solid rgba(74,153,103,0.13);
	border-radius:50%;
	box-shadow:
		0 0 0 80px rgba(74,153,103,0.025),
		0 0 0 160px rgba(74,153,103,0.02);
}

.ing_webhost_visual_bg:after {
	content:"";
	position:absolute;
	left:-130px;
	bottom:-210px;
	width:500px;
	height:500px;
	border-radius:50%;
	background:radial-gradient(circle, rgba(77,166,111,0.11), rgba(77,166,111,0));
}

.ing_webhost_visual_inner {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:70px;
	min-height:520px;
}

.ing_webhost_visual_text {
	position:relative;
	z-index:3;
	flex:0 0 590px;
}

.ing_webhost_visual_text h2 {
	margin:0;
	color:#15271e;
	font-size:52px;
	font-weight:500;
	line-height:1.28;
	letter-spacing:-2.8px;
}

.ing_webhost_visual_text h2 strong {
	color:#277e51;
	font-weight:850;
}

.ing_webhost_visual_text > p {
	margin:27px 0 0;
	color:#66736c;
	font-size:18px;
	line-height:1.85;
	letter-spacing:-0.5px;
}

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

.ing_webhost_btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:36px;
	min-width:190px;
	height:58px;
	padding:0 28px;
	border-radius:8px;
	font-size:15px;
	font-weight:750;
	transition:
		background-color .25s ease,
		border-color .25s ease,
		color .25s ease,
		transform .25s ease,
		box-shadow .25s ease;
}

.ing_webhost_btn:hover {
	transform:translateY(-3px);
}

.ing_webhost_btn_primary {
	border:1px solid #287f51;
	background:#287f51;
	color:#ffffff !important;
	box-shadow:0 14px 30px rgba(39,127,81,0.18);
}

.ing_webhost_btn_primary:hover {
	border-color:#1e6e44;
	background:#1e6e44;
	box-shadow:0 17px 34px rgba(39,127,81,0.25);
}

.ing_webhost_btn_primary span {
	font-size:20px;
	font-weight:400;
}

.ing_webhost_btn_line {
	min-width:170px;
	border:1px solid #b9d6c5;
	background:rgba(255,255,255,0.55);
	color:#326f50 !important;
}

.ing_webhost_btn_line:hover {
	border-color:#72aa88;
	background:#ffffff;
}

.ing_webhost_visual_tags {
	display:flex;
	flex-wrap:wrap;
	gap:18px;
	margin-top:35px;
}

.ing_webhost_visual_tags span {
	position:relative;
	padding-left:18px;
	color:#547063;
	font-size:14px;
	font-weight:650;
}

.ing_webhost_visual_tags span:before {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:7px;
	height:7px;
	border:2px solid #57a879;
	border-radius:50%;
	transform:translateY(-50%);
}

.ing_webhost_visual_art {
	position:relative;
	flex:1;
	min-width:0;
	height:530px;
}

.ing_webhost_hosting_window {
	position:absolute;
	top:30px;
	right:0;
	z-index:2;
	width:560px;
	height:380px;
	overflow:hidden;
	border:1px solid rgba(64,130,88,0.13);
	border-radius:18px;
	background:#ffffff;
	box-shadow:0 28px 65px rgba(47,101,68,0.15);
	transform:perspective(1100px) rotateY(-5deg) rotateX(1deg);
}

.ing_webhost_window_top {
	display:flex;
	align-items:center;
	gap:26px;
	height:56px;
	padding:0 20px;
	border-bottom:1px solid #e8f1eb;
	background:#f8fbf9;
}

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

.ing_webhost_window_dots i {
	width:8px;
	height:8px;
	border-radius:50%;
	background:#cbd9d0;
}

.ing_webhost_window_dots i:first-child {
	background:#7bc497;
}

.ing_webhost_window_address {
	display:flex;
	align-items:center;
	flex:1;
	gap:9px;
	height:30px;
	padding:0 14px;
	border:1px solid #e2ece5;
	border-radius:6px;
	background:#ffffff;
	color:#9aa7a0;
	font-size:11px;
}

.ing_webhost_lock_icon {
	position:relative;
	width:9px;
	height:8px;
	border:1.5px solid #64aa7d;
	border-radius:2px;
}

.ing_webhost_lock_icon:before {
	content:"";
	position:absolute;
	left:1px;
	top:-6px;
	width:5px;
	height:6px;
	border:1.5px solid #64aa7d;
	border-bottom:0;
	border-radius:5px 5px 0 0;
}

.ing_webhost_window_body {
	display:flex;
	height:324px;
}

.ing_webhost_window_sidebar {
	width:72px;
	padding:22px 17px;
	background:#225f41;
}

.ing_webhost_sidebar_logo {
	display:flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	margin-bottom:35px;
	border-radius:11px;
	background:#ffffff;
	color:#277c50;
	font-size:13px;
	font-weight:900;
	box-shadow:0 8px 16px rgba(0,0,0,0.11);
}

.ing_webhost_window_sidebar > i {
	display:block;
	width:29px;
	height:5px;
	margin:0 auto 18px;
	border-radius:5px;
	background:rgba(255,255,255,0.22);
}

.ing_webhost_window_sidebar > i:nth-of-type(1) {
	background:#8bd1a5;
}

.ing_webhost_window_content {
	flex:1;
	padding:28px 28px 23px;
	background:#ffffff;
}

.ing_webhost_content_title span {
	display:block;
	height:9px;
	margin-bottom:10px;
	border-radius:10px;
	background:#d8e5dc;
}

.ing_webhost_content_title span:first-child {
	width:125px;
	background:#6eac84;
}

.ing_webhost_content_title span:last-child {
	width:195px;
	height:6px;
}

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

.ing_webhost_content_card {
	height:94px;
	padding:15px;
	border:1px solid #edf3ef;
	border-radius:9px;
	background:#f9fcfa;
}

.ing_webhost_card_icon {
	display:block;
	width:24px;
	height:24px;
	margin-bottom:13px;
	border-radius:7px;
	background:#a9d5b9;
}

.ing_webhost_content_card i {
	display:block;
	width:70%;
	height:5px;
	margin-top:6px;
	border-radius:5px;
	background:#dfe9e2;
}

.ing_webhost_content_card i:last-child {
	width:45%;
}

.ing_webhost_graph {
	display:flex;
	align-items:flex-end;
	gap:15px;
	height:112px;
	margin-top:20px;
	padding:18px 20px 0;
	border:1px solid #edf3ef;
	border-radius:9px;
	background:
		linear-gradient(to bottom, transparent 32%, #edf3ef 33%, transparent 34%, transparent 65%, #edf3ef 66%, transparent 67%),
		#fbfdfc;
}

.ing_webhost_graph span {
	flex:1;
	min-height:15px;
	border-radius:4px 4px 0 0;
	background:linear-gradient(to top, #58a677, #a6d5b7);
}

.ing_webhost_server {
	position:absolute;
	right:-22px;
	bottom:9px;
	z-index:5;
	width:220px;
	padding:17px 16px 20px;
	border:1px solid #2a5842;
	border-radius:15px;
	background:linear-gradient(145deg, #183b2b, #0d281c);
	box-shadow:0 30px 55px rgba(13,45,29,0.28);
}

.ing_webhost_server_top {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 2px 13px;
}

.ing_webhost_server_top span:first-child {
	width:52px;
	height:5px;
	border-radius:5px;
	background:#4c7660;
}

.ing_webhost_server_top span:last-child {
	width:9px;
	height:9px;
	border-radius:50%;
	background:#6cd38f;
	box-shadow:0 0 10px rgba(108,211,143,0.75);
}

.ing_webhost_server_unit {
	display:flex;
	align-items:center;
	height:55px;
	margin-top:7px;
	padding:0 12px;
	border:1px solid rgba(172,219,188,0.12);
	border-radius:7px;
	background:linear-gradient(180deg, #244b37, #193927);
	box-shadow:inset 0 1px rgba(255,255,255,0.04);
}

.ing_webhost_server_lights {
	display:flex;
	gap:4px;
}

.ing_webhost_server_lights i {
	width:5px;
	height:5px;
	border-radius:50%;
	background:#62ce88;
	box-shadow:0 0 6px rgba(98,206,136,0.65);
}

.ing_webhost_server_lights i:nth-child(2) {
	background:#97bda5;
	box-shadow:none;
}

.ing_webhost_server_lights i:nth-child(3) {
	background:#e2ae63;
	box-shadow:none;
}

.ing_webhost_server_line {
	flex:1;
	height:4px;
	margin:0 16px;
	border-radius:4px;
	background:#345d47;
}

.ing_webhost_server_disk {
	width:29px;
	height:15px;
	border:1px solid #597a68;
	border-radius:3px;
}

.ing_webhost_status_card {
	position:absolute;
	z-index:7;
	display:flex;
	align-items:center;
	gap:12px;
	min-width:178px;
	padding:14px 17px;
	border:1px solid rgba(75,145,100,0.16);
	border-radius:11px;
	background:rgba(255,255,255,0.96);
	box-shadow:0 15px 30px rgba(40,91,59,0.13);
}

.ing_webhost_status_card_speed {
	top:82px;
	left:-30px;
}

.ing_webhost_status_card_safe {
	left:28px;
	bottom:44px;
}

.ing_webhost_status_icon {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 36px;
	width:36px;
	height:36px;
	border-radius:10px;
	background:#e2f4e8;
	color:#31915d;
	font-size:18px;
	font-weight:850;
}

.ing_webhost_status_card strong {
	display:block;
	color:#295940;
	font-size:11px;
	font-weight:850;
	letter-spacing:.8px;
}

.ing_webhost_status_card p {
	margin:4px 0 0;
	color:#86928b;
	font-size:11px;
}


/* ==========================================================================
   소개 카드
   ========================================================================== */

.ing_webhost_intro {
	padding:125px 0 130px;
	background:#ffffff;
}

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

.ing_webhost_intro_card {
	position:relative;
	min-height:300px;
	padding:40px 30px 35px;
	overflow:hidden;
	border:1px solid #e2ece6;
	border-radius:14px;
	background:#ffffff;
	transition:
		transform .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;
}

.ing_webhost_intro_card:hover {
	transform:translateY(-9px);
	border-color:#9fc9af;
	box-shadow:0 22px 40px rgba(41,96,61,0.09);
}

.ing_webhost_intro_number {
	position:absolute;
	top:20px;
	right:23px;
	color:#d7e8dd;
	font-size:34px;
	font-weight:850;
	letter-spacing:-1px;
}

.ing_webhost_intro_icon {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:70px;
	height:70px;
	margin-bottom:30px;
	border-radius:20px;
	background:#edf8f1;
}

.ing_webhost_icon_server {
	flex-direction:column;
	gap:5px;
}

.ing_webhost_icon_server span {
	position:relative;
	display:block;
	width:35px;
	height:10px;
	border:2px solid #4b9b6b;
	border-radius:3px;
}

.ing_webhost_icon_server span:after {
	content:"";
	position:absolute;
	top:2px;
	right:3px;
	width:3px;
	height:3px;
	border-radius:50%;
	background:#4b9b6b;
}

.ing_webhost_icon_speed span {
	position:relative;
	width:36px;
	height:36px;
	border:3px solid #4b9b6b;
	border-bottom-color:transparent;
	border-radius:50%;
	transform:rotate(-45deg);
}

.ing_webhost_icon_speed span:before {
	content:"";
	position:absolute;
	left:15px;
	top:8px;
	width:3px;
	height:16px;
	border-radius:3px;
	background:#4b9b6b;
	transform-origin:bottom;
	transform:rotate(50deg);
}

.ing_webhost_icon_backup span {
	position:relative;
	width:39px;
	height:29px;
	border:2px solid #4b9b6b;
	border-radius:6px;
}

.ing_webhost_icon_backup span:before {
	content:"";
	position:absolute;
	top:-10px;
	left:10px;
	width:15px;
	height:15px;
	border:2px solid #4b9b6b;
	border-right-color:transparent;
	border-radius:50%;
}

.ing_webhost_icon_backup span:after {
	content:"";
	position:absolute;
	top:-9px;
	left:9px;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-right:6px solid #4b9b6b;
	transform:rotate(42deg);
}

.ing_webhost_icon_support span {
	position:relative;
	width:38px;
	height:30px;
	border:2px solid #4b9b6b;
	border-radius:15px 15px 8px 8px;
}

.ing_webhost_icon_support span:before {
	content:"";
	position:absolute;
	left:5px;
	bottom:-9px;
	width:10px;
	height:10px;
	border-left:2px solid #4b9b6b;
	border-bottom:2px solid #4b9b6b;
	transform:skewY(-35deg);
}

.ing_webhost_intro_card h4 {
	margin:0;
	color:#1b3024;
	font-size:21px;
	font-weight:800;
	letter-spacing:-.7px;
}

.ing_webhost_intro_card p {
	margin:15px 0 0;
	color:#78837d;
	font-size:15px;
	line-height:1.8;
	letter-spacing:-.3px;
}


/* ==========================================================================
   핵심 기능
   ========================================================================== */

.ing_webhost_features {
	padding:125px 0 135px;
	background:#f4f9f6;
}

.ing_webhost_feature_layout {
	display:grid;
	grid-template-columns:540px 1fr;
	align-items:center;
	gap:95px;
}

.ing_webhost_feature_visual {
	position:relative;
	height:570px;
}

.ing_webhost_feature_circle {
	position:absolute;
	border-radius:50%;
}

.ing_webhost_feature_circle01 {
	top:20px;
	left:20px;
	width:460px;
	height:460px;
	border:1px solid #cee4d6;
	box-shadow:
		0 0 0 45px rgba(199,226,209,0.15),
		0 0 0 90px rgba(199,226,209,0.08);
}

.ing_webhost_feature_circle02 {
	right:10px;
	bottom:10px;
	width:180px;
	height:180px;
	background:radial-gradient(circle, rgba(87,168,119,0.16), rgba(87,168,119,0));
}

.ing_webhost_feature_main {
	position:absolute;
	top:75px;
	left:50%;
	z-index:2;
	width:390px;
	padding:27px;
	border:1px solid rgba(63,122,84,0.18);
	border-radius:20px;
	background:#ffffff;
	box-shadow:0 28px 60px rgba(48,100,66,0.14);
	transform:translateX(-50%) rotate(-2deg);
}

.ing_webhost_feature_main_top {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-bottom:19px;
	border-bottom:1px solid #edf2ef;
}

.ing_webhost_feature_main_top span {
	color:#89968f;
	font-size:11px;
	font-weight:800;
	letter-spacing:1.5px;
}

.ing_webhost_feature_main_top strong {
	display:flex;
	align-items:center;
	gap:6px;
	color:#3f9b63;
	font-size:11px;
	font-weight:850;
}

.ing_webhost_feature_main_top strong:before {
	content:"";
	width:7px;
	height:7px;
	border-radius:50%;
	background:#53bd79;
	box-shadow:0 0 8px rgba(83,189,121,0.6);
}

.ing_webhost_feature_main_server {
	margin-top:22px;
	padding:19px;
	border-radius:11px;
	background:#173828;
}

.ing_webhost_feature_server_row {
	display:flex;
	align-items:center;
	gap:12px;
	height:55px;
	margin-top:8px;
	padding:0 15px;
	border:1px solid rgba(255,255,255,0.08);
	border-radius:6px;
	background:#244a36;
}

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

.ing_webhost_feature_light {
	width:7px;
	height:7px;
	border-radius:50%;
	background:#69d18d;
	box-shadow:0 0 7px rgba(105,209,141,0.75);
}

.ing_webhost_feature_server_row i {
	display:block;
	height:5px;
	border-radius:5px;
	background:#476d58;
}

.ing_webhost_feature_server_row i:nth-of-type(1) {
	width:90px;
}

.ing_webhost_feature_server_row i:nth-of-type(2) {
	width:55px;
}

.ing_webhost_feature_server_row i:nth-of-type(3) {
	width:35px;
	margin-left:auto;
	background:#89aa98;
}

.ing_webhost_feature_main_bottom {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
	margin-top:18px;
}

.ing_webhost_feature_main_bottom div {
	padding:18px;
	border:1px solid #e5eee8;
	border-radius:10px;
	background:#f8fbf9;
}

.ing_webhost_feature_main_bottom span {
	display:block;
	color:#9aa49f;
	font-size:10px;
	font-weight:800;
	letter-spacing:1px;
}

.ing_webhost_feature_main_bottom strong {
	display:block;
	margin-top:6px;
	color:#315c44;
	font-size:14px;
	font-weight:800;
}

.ing_webhost_feature_list {
	border-top:1px solid #d8e5dc;
}

.ing_webhost_feature_item {
	display:flex;
	gap:26px;
	padding:28px 5px;
	border-bottom:1px solid #d8e5dc;
	transition:padding-left .25s ease;
}

.ing_webhost_feature_item:hover {
	padding-left:15px;
}

.ing_webhost_feature_num {
	flex:0 0 44px;
	padding-top:3px;
	color:#6da581;
	font-size:13px;
	font-weight:850;
	letter-spacing:1px;
}

.ing_webhost_feature_text h4 {
	margin:0;
	color:#1a3023;
	font-size:19px;
	font-weight:800;
	letter-spacing:-.6px;
}

.ing_webhost_feature_text p {
	margin:9px 0 0;
	color:#77847c;
	font-size:15px;
	line-height:1.7;
}


/* ==========================================================================
   필요성
   ========================================================================== */

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

.ing_webhost_reason .ing_webhost_inner {
	display:grid;
	grid-template-columns:1fr 590px;
	align-items:center;
	gap:100px;
}

.ing_webhost_reason_text h3 {
	margin:0;
	color:#17281f;
	font-size:43px;
	font-weight:800;
	line-height:1.38;
	letter-spacing:-2px;
}

.ing_webhost_reason_text > p {
	margin:23px 0 0;
	color:#718078;
	font-size:17px;
	line-height:1.85;
}

.ing_webhost_reason_text ul {
	margin:38px 0 0;
	padding:0;
	list-style:none;
}

.ing_webhost_reason_text li {
	display:flex;
	gap:20px;
	padding:21px 0;
	border-bottom:1px solid #e5ece8;
}

.ing_webhost_reason_text li > span {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 43px;
	width:43px;
	height:43px;
	border-radius:12px;
	background:#edf7f1;
	color:#4c9b6c;
	font-size:12px;
	font-weight:850;
}

.ing_webhost_reason_text li strong {
	display:block;
	color:#26392f;
	font-size:17px;
	font-weight:800;
}

.ing_webhost_reason_text li p {
	margin:6px 0 0;
	color:#7c8881;
	font-size:14px;
	line-height:1.6;
}

.ing_webhost_reason_panel {
	position:relative;
	padding:34px;
	border:1px solid #dce9e0;
	border-radius:22px;
	background:#f9fcfa;
	box-shadow:0 25px 60px rgba(41,91,58,0.1);
}

.ing_webhost_reason_panel:before {
	content:"";
	position:absolute;
	top:-18px;
	right:-18px;
	z-index:-1;
	width:120px;
	height:120px;
	border-radius:30px;
	background:#dff1e5;
	transform:rotate(12deg);
}

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

.ing_webhost_reason_panel_top span {
	display:block;
	color:#89a092;
	font-size:10px;
	font-weight:800;
	letter-spacing:1.5px;
}

.ing_webhost_reason_panel_top strong {
	display:block;
	margin-top:6px;
	color:#233b2e;
	font-size:21px;
	font-weight:800;
}

.ing_webhost_reason_panel_top .ing_webhost_online {
	display:flex;
	align-items:center;
	gap:7px;
	padding:9px 12px;
	border-radius:20px;
	background:#e5f5eb;
	color:#3b9760;
	font-size:10px;
	font-weight:850;
}

.ing_webhost_online i {
	width:7px;
	height:7px;
	border-radius:50%;
	background:#50bf76;
	box-shadow:0 0 7px rgba(80,191,118,0.65);
}

.ing_webhost_monitor_chart {
	position:relative;
	height:220px;
	margin-top:28px;
	overflow:hidden;
	border:1px solid #e2ebe5;
	border-radius:13px;
	background:#ffffff;
}

.ing_webhost_monitor_grid {
	position:absolute;
	inset:20px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.ing_webhost_monitor_grid i {
	display:block;
	width:100%;
	border-top:1px dashed #e2ebe5;
}

.ing_webhost_monitor_chart svg {
	position:absolute;
	left:22px;
	right:22px;
	bottom:24px;
	width:calc(100% - 44px);
	height:165px;
	overflow:visible;
}

.ing_webhost_monitor_chart polyline {
	fill:none;
	stroke:#4ca46e;
	stroke-width:4;
	stroke-linecap:round;
	stroke-linejoin:round;
	filter:drop-shadow(0 5px 5px rgba(76,164,110,0.16));
}

.ing_webhost_monitor_chart circle {
	fill:#ffffff;
	stroke:#4ca46e;
	stroke-width:3;
}

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

.ing_webhost_monitor_info div {
	padding:15px;
	border:1px solid #e5ede8;
	border-radius:9px;
	background:#ffffff;
}

.ing_webhost_monitor_info span {
	display:block;
	color:#98a29d;
	font-size:11px;
}

.ing_webhost_monitor_info strong {
	display:block;
	margin-top:5px;
	color:#307f50;
	font-size:14px;
	font-weight:800;
}

.ing_webhost_monitor_notice {
	display:flex;
	align-items:center;
	gap:13px;
	margin-top:15px;
	padding:17px;
	border-radius:10px;
	background:#eaf6ee;
}

.ing_webhost_monitor_notice span {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 31px;
	width:31px;
	height:31px;
	border-radius:50%;
	background:#50a870;
	color:#ffffff;
	font-size:14px;
	font-weight:850;
}

.ing_webhost_monitor_notice p {
	margin:0;
	color:#52705e;
	font-size:13px;
	line-height:1.6;
}


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

.ing_webhost_process {
	padding:125px 0 135px;
	background:#f4f9f6;
}

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

.ing_webhost_process_item {
	position:relative;
	flex:0 0 245px;
	min-height:285px;
	padding:30px 24px;
	border:1px solid #dfebe3;
	border-radius:15px;
	background:#ffffff;
	text-align:center;
	transition:
		transform .3s ease,
		box-shadow .3s ease,
		border-color .3s ease;
}

.ing_webhost_process_item:hover {
	transform:translateY(-7px);
	border-color:#a5cdb4;
	box-shadow:0 20px 40px rgba(43,91,60,0.08);
}

.ing_webhost_process_step {
	color:#67a77e;
	font-size:11px;
	font-weight:850;
	letter-spacing:1.5px;
}

.ing_webhost_process_icon {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:68px;
	height:68px;
	margin:23px auto 24px;
	border-radius:20px;
	background:#edf7f1;
}

.ing_webhost_process_chat {
	position:relative;
	width:34px;
	height:27px;
	border:2px solid #4b9a69;
	border-radius:7px;
}

.ing_webhost_process_chat:before,
.ing_webhost_process_chat:after {
	content:"";
	position:absolute;
	left:7px;
	width:17px;
	height:2px;
	border-radius:2px;
	background:#4b9a69;
}

.ing_webhost_process_chat:before {
	top:7px;
}

.ing_webhost_process_chat:after {
	top:14px;
}

.ing_webhost_process_check {
	position:relative;
	width:35px;
	height:35px;
	border:2px solid #4b9a69;
	border-radius:50%;
}

.ing_webhost_process_check:before {
	content:"";
	position:absolute;
	left:9px;
	top:8px;
	width:12px;
	height:7px;
	border-left:2px solid #4b9a69;
	border-bottom:2px solid #4b9a69;
	transform:rotate(-45deg);
}

.ing_webhost_process_setting {
	position:relative;
	width:34px;
	height:34px;
	border:5px dotted #4b9a69;
	border-radius:50%;
}

.ing_webhost_process_setting:before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:10px;
	height:10px;
	border:2px solid #4b9a69;
	border-radius:50%;
	transform:translate(-50%,-50%);
}

.ing_webhost_process_monitor {
	position:relative;
	width:39px;
	height:28px;
	border:2px solid #4b9a69;
	border-radius:4px;
}

.ing_webhost_process_monitor:before {
	content:"";
	position:absolute;
	left:15px;
	bottom:-8px;
	width:7px;
	height:7px;
	border-left:2px solid #4b9a69;
	border-right:2px solid #4b9a69;
}

.ing_webhost_process_monitor:after {
	content:"";
	position:absolute;
	left:9px;
	bottom:-10px;
	width:19px;
	border-top:2px solid #4b9a69;
}

.ing_webhost_process_item h4 {
	margin:0;
	color:#22372b;
	font-size:20px;
	font-weight:800;
}

.ing_webhost_process_item p {
	margin:14px 0 0;
	color:#7b8780;
	font-size:14px;
	line-height:1.75;
}

.ing_webhost_process_arrow {
	color:#a9c8b5;
	font-size:23px;
	font-weight:300;
}


/* ==========================================================================
   추천 대상
   ========================================================================== */

.ing_webhost_target {
	padding:115px 0;
	background:#ffffff;
}

.ing_webhost_target_box {
	display:grid;
	grid-template-columns:320px 1fr;
	align-items:center;
	gap:70px;
	padding:55px 60px;
	border:1px solid #dce9e0;
	border-radius:20px;
	background:
		linear-gradient(135deg, #f4faf6, #ffffff);
}

.ing_webhost_target_title span {
	display:block;
	margin-bottom:14px;
	color:#5b9f73;
	font-size:11px;
	font-weight:850;
	letter-spacing:2px;
}

.ing_webhost_target_title h3 {
	margin:0;
	color:#1c3124;
	font-size:30px;
	font-weight:800;
	line-height:1.45;
	letter-spacing:-1.4px;
}

.ing_webhost_target_list {
	display:grid;
	grid-template-columns:repeat(4,1fr);
}

.ing_webhost_target_item {
	min-height:130px;
	padding:10px 25px;
	border-left:1px solid #dce7df;
}

.ing_webhost_target_item span {
	display:flex;
	align-items:center;
	justify-content:center;
	width:37px;
	height:37px;
	border-radius:10px;
	background:#e6f3eb;
	color:#499168;
	font-size:11px;
	font-weight:850;
}

.ing_webhost_target_item p {
	margin:16px 0 0;
	color:#53635a;
	font-size:14px;
	font-weight:650;
	line-height:1.75;
}


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

.ing_webhost_contact {
	position:relative;
	padding:120px 0;
	overflow:hidden;
	background:#1e4933;
}

.ing_webhost_contact:before {
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px),
		linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px);
	background-size:45px 45px;
}

.ing_webhost_contact_circle {
	position:absolute;
	border-radius:50%;
	pointer-events:none;
}

.ing_webhost_contact_circle01 {
	top:-190px;
	right:-100px;
	width:470px;
	height:470px;
	border:1px solid rgba(255,255,255,0.08);
	box-shadow:
		0 0 0 80px rgba(255,255,255,0.018),
		0 0 0 160px rgba(255,255,255,0.012);
}

.ing_webhost_contact_circle02 {
	left:-140px;
	bottom:-220px;
	width:430px;
	height:430px;
	background:radial-gradient(circle, rgba(113,203,145,0.16), rgba(113,203,145,0));
}

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

.ing_webhost_contact_box > span {
	display:block;
	margin-bottom:18px;
	color:#8dd1a6;
	font-size:12px;
	font-weight:850;
	letter-spacing:2.5px;
}

.ing_webhost_contact_box h3 {
	margin:0;
	color:#ffffff;
	font-size:43px;
	font-weight:800;
	line-height:1.4;
	letter-spacing:-1.7px;
}

.ing_webhost_contact_box p {
	margin:23px 0 0;
	color:rgba(255,255,255,0.67);
	font-size:16px;
	line-height:1.85;
}

.ing_webhost_contact_btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:48px;
	min-width:215px;
	height:61px;
	margin-top:37px;
	padding:0 29px;
	border-radius:8px;
	background:#ffffff;
	color:#276244 !important;
	font-size:15px;
	font-weight:800;
	box-shadow:0 16px 30px rgba(0,0,0,0.16);
	transition:
		transform .25s ease,
		background-color .25s ease,
		box-shadow .25s ease;
}

.ing_webhost_contact_btn:hover {
	transform:translateY(-4px);
	background:#eef8f2;
	box-shadow:0 20px 35px rgba(0,0,0,0.22);
}

.ing_webhost_contact_btn span {
	font-size:20px;
	font-weight:400;
}


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

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

.ing_webhost_reveal.ing_webhost_visible {
	opacity:1;
	transform:translateY(0);
}

.ing_webhost_intro_card:nth-child(2),
.ing_webhost_process_item:nth-child(3) {
	transition-delay:.08s;
}

.ing_webhost_intro_card:nth-child(3),
.ing_webhost_process_item:nth-child(5) {
	transition-delay:.16s;
}

.ing_webhost_intro_card:nth-child(4),
.ing_webhost_process_item:nth-child(7) {
	transition-delay:.24s;
}


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

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

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

	.ing_webhost_eyebrow {
		margin-bottom:16px;
		font-size:10px;
		letter-spacing:1.7px;
	}

	.ing_webhost_eyebrow:before {
		width:20px;
	}

	.ing_webhost_section_head {
		margin-bottom:38px;
	}

	.ing_webhost_section_head > span {
		margin-bottom:11px;
		font-size:10px;
		letter-spacing:1.8px;
	}

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

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

	.ing_webhost_section_head p br {
		display:none;
	}

	.ing_webhost_section_head_left {
		text-align:center;
	}

	/* 비주얼 */

	.ing_webhost_visual {
		min-height:auto;
		padding:73px 0 72px;
	}

	.ing_webhost_visual_bg:before {
		top:-120px;
		right:-180px;
		width:400px;
		height:400px;
	}

	.ing_webhost_visual_inner {
		display:block;
		min-height:0;
	}

	.ing_webhost_visual_text {
		flex:none;
		text-align:center;
	}

	.ing_webhost_visual_text h2 {
		font-size:34px;
		line-height:1.35;
		letter-spacing:-1.7px;
	}

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

	.ing_webhost_visual_text > p br {
		display:none;
	}

	.ing_webhost_visual_buttons {
		justify-content:center;
		gap:8px;
		margin-top:29px;
	}

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

	.ing_webhost_btn_primary {
		flex:1;
		max-width:190px;
	}

	.ing_webhost_btn_line {
		flex:1;
		max-width:155px;
	}

	.ing_webhost_visual_tags {
		justify-content:center;
		gap:10px 15px;
		margin-top:25px;
	}

	.ing_webhost_visual_tags span {
		padding-left:14px;
		font-size:11px;
	}

	.ing_webhost_visual_tags span:before {
		width:5px;
		height:5px;
	}

	.ing_webhost_visual_art {
		width:100%;
		height:365px;
		margin-top:45px;
	}

	.ing_webhost_hosting_window {
		top:13px;
		right:50%;
		width:93%;
		height:262px;
		border-radius:12px;
		transform:translateX(50%);
	}

	.ing_webhost_window_top {
		gap:12px;
		height:38px;
		padding:0 12px;
	}

	.ing_webhost_window_dots i {
		width:5px;
		height:5px;
	}

	.ing_webhost_window_address {
		height:22px;
		padding:0 8px;
		font-size:8px;
	}

	.ing_webhost_lock_icon {
		width:7px;
		height:6px;
	}

	.ing_webhost_window_body {
		height:224px;
	}

	.ing_webhost_window_sidebar {
		width:47px;
		padding:14px 10px;
	}

	.ing_webhost_sidebar_logo {
		width:27px;
		height:27px;
		margin-bottom:20px;
		border-radius:7px;
		font-size:9px;
	}

	.ing_webhost_window_sidebar > i {
		width:20px;
		height:3px;
		margin-bottom:12px;
	}

	.ing_webhost_window_content {
		padding:17px;
	}

	.ing_webhost_content_title span {
		height:6px;
		margin-bottom:6px;
	}

	.ing_webhost_content_title span:first-child {
		width:80px;
	}

	.ing_webhost_content_title span:last-child {
		width:125px;
		height:4px;
	}

	.ing_webhost_content_grid {
		gap:7px;
		margin-top:14px;
	}

	.ing_webhost_content_card {
		height:62px;
		padding:9px;
		border-radius:6px;
	}

	.ing_webhost_card_icon {
		width:16px;
		height:16px;
		margin-bottom:8px;
		border-radius:4px;
	}

	.ing_webhost_content_card i {
		height:3px;
		margin-top:4px;
	}

	.ing_webhost_graph {
		gap:8px;
		height:74px;
		margin-top:11px;
		padding:12px 12px 0;
	}

	.ing_webhost_server {
		right:7px;
		bottom:0;
		width:135px;
		padding:10px 9px 12px;
		border-radius:10px;
	}

	.ing_webhost_server-top {
		padding-bottom:7px;
	}

	.ing_webhost_server-unit {
		height:32px;
		margin-top:4px;
		padding:0 7px;
		border-radius:4px;
	}

	.ing_webhost_server_lights {
		gap:2px;
	}

	.ing_webhost_server_lights i {
		width:3px;
		height:3px;
	}

	.ing_webhost_server_line {
		height:2px;
		margin:0 7px;
	}

	.ing_webhost_server_disk {
		width:17px;
		height:9px;
	}

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

	.ing_webhost_status_card_speed {
		top:38px;
		left:0;
	}

	.ing_webhost_status_card_safe {
		left:8px;
		bottom:16px;
	}

	.ing_webhost_status_icon {
		flex-basis:27px;
		width:27px;
		height:27px;
		border-radius:7px;
		font-size:13px;
	}

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

	.ing_webhost_status_card p {
		margin-top:2px;
		font-size:8px;
	}

	/* 소개 */

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

	.ing_webhost_intro_grid {
		grid-template-columns:1fr 1fr;
		gap:10px;
	}

	.ing_webhost_intro_card {
		min-height:235px;
		padding:28px 18px 24px;
		border-radius:11px;
	}

	.ing_webhost_intro_number {
		top:15px;
		right:15px;
		font-size:24px;
	}

	.ing_webhost_intro_icon {
		width:54px;
		height:54px;
		margin-bottom:21px;
		border-radius:15px;
		transform:scale(.82);
		transform-origin:left top;
	}

	.ing_webhost_intro_card h4 {
		font-size:16px;
		line-height:1.4;
	}

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

	/* 기능 */

	.ing_webhost_features {
		padding:78px 0 83px;
	}

	.ing_webhost_feature_layout {
		display:block;
	}

	.ing_webhost_feature_visual {
		height:390px;
		margin-bottom:25px;
	}

	.ing_webhost_feature_circle01 {
		top:35px;
		left:50%;
		width:280px;
		height:280px;
		box-shadow:
			0 0 0 28px rgba(199,226,209,0.15),
			0 0 0 55px rgba(199,226,209,0.08);
		transform:translateX(-50%);
	}

	.ing_webhost_feature_circle02 {
		right:0;
		width:120px;
		height:120px;
	}

	.ing_webhost_feature_main {
		top:57px;
		width:285px;
		padding:18px;
		border-radius:15px;
	}

	.ing_webhost_feature_main_top {
		padding-bottom:13px;
	}

	.ing_webhost_feature_main-top span,
	.ing_webhost_feature_main-top strong {
		font-size:8px;
	}

	.ing_webhost_feature_main_server {
		margin-top:15px;
		padding:13px;
		border-radius:8px;
	}

	.ing_webhost_feature_server-row {
		gap:7px;
		height:39px;
		margin-top:5px;
		padding:0 9px;
	}

	.ing_webhost_feature_server-row i:nth-of-type(1) {
		width:60px;
	}

	.ing_webhost_feature_server-row i:nth-of-type(2) {
		width:36px;
	}

	.ing_webhost_feature_server-row i:nth-of-type(3) {
		width:23px;
	}

	.ing_webhost_feature_main-bottom {
		gap:7px;
		margin-top:12px;
	}

	.ing_webhost_feature_main-bottom div {
		padding:12px;
	}

	.ing_webhost_feature_main-bottom span {
		font-size:8px;
	}

	.ing_webhost_feature_main-bottom strong {
		font-size:11px;
	}

	.ing_webhost_feature_item {
		gap:13px;
		padding:21px 2px;
	}

	.ing_webhost_feature-item:hover {
		padding-left:2px;
	}

	.ing_webhost_feature_num {
		flex-basis:32px;
		font-size:11px;
	}

	.ing_webhost_feature_text h4 {
		font-size:16px;
		line-height:1.45;
	}

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

	/* 필요성 */

	.ing_webhost_reason {
		padding:80px 0;
	}

	.ing_webhost_reason .ing_webhost_inner {
		display:block;
	}

	.ing_webhost_reason_text {
		text-align:center;
	}

	.ing_webhost_reason_text h3 {
		font-size:29px;
		line-height:1.45;
		letter-spacing:-1.3px;
	}

	.ing_webhost_reason_text > p {
		margin-top:17px;
		font-size:14px;
		line-height:1.8;
	}

	.ing_webhost_reason_text > p br {
		display:none;
	}

	.ing_webhost_reason_text ul {
		margin-top:28px;
		text-align:left;
	}

	.ing_webhost_reason_text li {
		gap:13px;
		padding:16px 0;
	}

	.ing_webhost_reason_text li > span {
		flex-basis:37px;
		width:37px;
		height:37px;
		border-radius:9px;
		font-size:10px;
	}

	.ing_webhost_reason_text li strong {
		font-size:14px;
	}

	.ing_webhost_reason_text li p {
		font-size:12px;
	}

	.ing_webhost_reason_panel {
		margin-top:42px;
		padding:21px;
		border-radius:15px;
	}

	.ing_webhost_reason_panel:before {
		display:none;
	}

	.ing_webhost_reason_panel-top strong {
		font-size:16px;
	}

	.ing_webhost_reason_panel-top .ing_webhost_online {
		padding:7px 9px;
		font-size:8px;
	}

	.ing_webhost_monitor_chart {
		height:155px;
		margin-top:19px;
	}

	.ing_webhost_monitor_chart svg {
		left:15px;
		right:15px;
		bottom:15px;
		width:calc(100% - 30px);
		height:120px;
	}

	.ing_webhost_monitor_info {
		gap:6px;
		margin-top:9px;
	}

	.ing_webhost_monitor_info div {
		padding:10px 8px;
		text-align:center;
	}

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

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

	.ing_webhost_monitor_notice {
		gap:9px;
		padding:13px;
	}

	.ing_webhost_monitor_notice span {
		flex-basis:26px;
		width:26px;
		height:26px;
		font-size:11px;
	}

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

	/* 절차 */

	.ing_webhost_process {
		padding:78px 0 82px;
	}

	.ing_webhost_process_list {
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:10px;
	}

	.ing_webhost_process_item {
		min-height:245px;
		padding:24px 13px;
	}

	.ing_webhost_process-step {
		font-size:9px;
	}

	.ing_webhost_process_icon {
		width:55px;
		height:55px;
		margin:18px auto 19px;
		border-radius:16px;
		transform:scale(.85);
	}

	.ing_webhost_process_item h4 {
		font-size:16px;
	}

	.ing_webhost_process_item p {
		margin-top:10px;
		font-size:11px;
		line-height:1.7;
	}

	.ing_webhost_process_arrow {
		display:none;
	}

	/* 대상 */

	.ing_webhost_target {
		padding:75px 0;
	}

	.ing_webhost_target_box {
		display:block;
		padding:35px 20px;
		border-radius:15px;
	}

	.ing_webhost_target_title {
		text-align:center;
	}

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

	.ing_webhost_target-title h3 {
		font-size:23px;
	}

	.ing_webhost_target_list {
		grid-template-columns:1fr 1fr;
		gap:0;
		margin-top:29px;
		border-top:1px solid #dce7df;
	}

	.ing_webhost_target_item {
		min-height:145px;
		padding:20px 13px;
		border-left:0;
		border-bottom:1px solid #dce7df;
	}

	.ing_webhost_target_item:nth-child(even) {
		border-left:1px solid #dce7df;
	}

	.ing_webhost_target_item span {
		width:32px;
		height:32px;
		font-size:9px;
	}

	.ing_webhost_target_item p {
		margin-top:12px;
		font-size:12px;
		line-height:1.65;
	}

	/* 상담 */

	.ing_webhost_contact {
		padding:80px 0;
	}

	.ing_webhost_contact-circle01 {
		top:-80px;
		right:-150px;
		width:300px;
		height:300px;
	}

	.ing_webhost_contact_box > span {
		margin-bottom:13px;
		font-size:9px;
		letter-spacing:1.7px;
	}

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

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

	.ing_webhost_contact_box p br {
		display:none;
	}

	.ing_webhost_contact_btn {
		gap:32px;
		min-width:190px;
		height:54px;
		margin-top:29px;
		font-size:13px;
	}

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

	.ing_webhost_server_top {
		padding-bottom:7px;
	}

	.ing_webhost_server_unit {
		height:32px;
		margin-top:4px;
		padding:0 7px;
		border-radius:4px;
	}

	.ing_webhost_feature_main_top span,
	.ing_webhost_feature_main_top strong {
		font-size:8px;
	}

	.ing_webhost_feature_server_row {
		gap:7px;
		height:39px;
		margin-top:5px;
		padding:0 9px;
	}

	.ing_webhost_feature_server_row i:nth-of-type(1) {
		width:60px;
	}

	.ing_webhost_feature_server_row i:nth-of-type(2) {
		width:36px;
	}

	.ing_webhost_feature_server_row i:nth-of-type(3) {
		width:23px;
	}

	.ing_webhost_feature_main_bottom {
		gap:7px;
		margin-top:12px;
	}

	.ing_webhost_feature_main_bottom div {
		padding:12px;
	}

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

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

	.ing_webhost_feature_item:hover {
		padding-left:2px;
	}

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

	.ing_webhost_reason_panel_top .ing_webhost_online {
		padding:7px 9px;
		font-size:8px;
	}

	.ing_webhost_process_step {
		font-size:9px;
	}

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

	.ing_webhost_target_title h3 {
		font-size:23px;
	}

	.ing_webhost_contact_circle01 {
		top:-80px;
		right:-150px;
		width:300px;
		height:300px;
	}

}


/* 네임서버 안내 */
.ing_nameserver_section{
	width:100%;
	padding:100px 20px;
	background:#f3f8f5;
	box-sizing:border-box;
}

.ing_nameserver_inner{
	max-width:1320px;
	margin:0 auto;
	padding:100px 20px;
	background:#f3f8f5;
	box-sizing:border-box;
}

.ing_nameserver_header{
	margin-bottom:45px;
	text-align:center;
}

.ing_nameserver_label{
	display:inline-block;
	margin-bottom:14px;
	font-size:13px;
	font-weight:800;
	line-height:1;
	letter-spacing:2px;
	color:#00a651;
}

.ing_nameserver_header h2{
	margin:0;
	font-size:38px;
	font-weight:800;
	line-height:1.3;
	letter-spacing:-1.5px;
	color:#17231d;
}

.ing_nameserver_header p{
	margin:16px 0 0;
	font-size:17px;
	font-weight:400;
	line-height:1.7;
	letter-spacing:-0.4px;
	color:#68736d;
}

.ing_nameserver_list{
	display:flex;
	gap:20px;
}

.ing_nameserver_item{
	display:flex;
	flex:1;
	align-items:center;
	min-width:0;
	padding:30px;
	background:#fff;
	border:1px solid #dfe9e3;
	border-radius:18px;
	box-shadow:0 12px 30px rgba(27,75,49,0.06);
	box-sizing:border-box;
}

.ing_nameserver_order{
	flex-shrink:0;
	width:145px;
	padding-right:25px;
	border-right:1px solid #e4ebe7;
	box-sizing:border-box;
}

.ing_nameserver_order span{
	display:block;
	margin-bottom:8px;
	font-size:11px;
	font-weight:800;
	line-height:1;
	letter-spacing:1px;
	color:#00a651;
}

.ing_nameserver_order strong{
	display:block;
	font-size:19px;
	font-weight:800;
	line-height:1.4;
	letter-spacing:-0.5px;
	color:#1d2923;
}

.ing_nameserver_info{
	display:flex;
	flex:1;
	gap:35px;
	min-width:0;
	padding-left:30px;
}

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

.ing_nameserver_value span{
	display:block;
	margin-bottom:8px;
	font-size:13px;
	font-weight:600;
	line-height:1.3;
	color:#88928d;
}

.ing_nameserver_value strong{
	display:block;
	font-size:18px;
	font-weight:800;
	line-height:1.4;
	color:#26332c;
	word-break:break-all;
}

.ing_nameserver_contact{
	display:flex;
	align-items:center;
	margin-top:20px;
	padding:25px 30px;
	background:#14271d;
	border-radius:18px;
	box-sizing:border-box;
}

.ing_nameserver_contact_icon{
	display:flex;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	width:52px;
	height:52px;
	margin-right:17px;
	background:#00a651;
	border-radius:50%;
	font-size:21px;
	color:#fff;
}

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

.ing_nameserver_contact_text span{
	display:block;
	margin-bottom:4px;
	font-size:13px;
	font-weight:400;
	line-height:1.4;
	color:#aab8b0;
}

.ing_nameserver_contact_text strong{
	display:block;
	font-size:18px;
	font-weight:700;
	line-height:1.4;
	color:#fff;
}

.ing_nameserver_phone{
	display:inline-flex;
	align-items:center;
	gap:9px;
	padding:13px 20px;
	background:#fff;
	border-radius:10px;
	font-size:18px;
	font-weight:800;
	line-height:1;
	text-decoration:none;
	color:#14271d;
	transition:background-color 0.2s, color 0.2s;
}

.ing_nameserver_phone:hover{
	background:#00a651;
	color:#fff;
}

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

	.ing_nameserver_section{
		padding:65px 16px;
	}

	.ing_nameserver_header{
		margin-bottom:30px;
	}

	.ing_nameserver_label{
		margin-bottom:11px;
		font-size:11px;
	}

	.ing_nameserver_header h2{
		font-size:29px;
		letter-spacing:-1px;
	}

	.ing_nameserver_header p{
		margin-top:12px;
		font-size:15px;
		line-height:1.65;
	}

	.ing_nameserver_list{
		display:block;
	}

	.ing_nameserver_item{
		display:block;
		width:100%;
		padding:24px 20px;
		border-radius:15px;
	}

	.ing_nameserver_item + .ing_nameserver_item{
		margin-top:12px;
	}

	.ing_nameserver_order{
		width:100%;
		padding:0 0 16px;
		border-right:0;
		border-bottom:1px solid #e4ebe7;
	}

	.ing_nameserver_order strong{
		font-size:18px;
	}

	.ing_nameserver_info{
		display:block;
		padding:18px 0 0;
	}

	.ing_nameserver_value{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:15px;
	}

	.ing_nameserver_value + .ing_nameserver_value{
		margin-top:13px;
	}

	.ing_nameserver_value span{
		flex-shrink:0;
		margin:0;
		font-size:12px;
	}

	.ing_nameserver_value strong{
		font-size:16px;
		text-align:right;
	}

	.ing_nameserver_contact{
		display:block;
		margin-top:12px;
		padding:23px 20px;
		text-align:center;
		border-radius:15px;
	}

	.ing_nameserver_contact_icon{
		width:48px;
		height:48px;
		margin:0 auto 12px;
		font-size:19px;
	}

	.ing_nameserver_contact_text{
		margin-bottom:17px;
	}

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

	.ing_nameserver_phone{
		display:flex;
		justify-content:center;
		width:100%;
		padding:15px;
		font-size:18px;
		box-sizing:border-box;
	}

}