PageSourceSearch

https://mailnara.co.kr/

html mailnara.co.kr collected 2026-09-25 14:50:03 UTC 155,787 bytes, 3,918 lines download raw bytes

1
2<!doctype html>
3<!--[if IE 9]>
4	<html lang="ko">
5	
5<script>alert('인터넥 익스플로러 9버전을 사용하시면 페이지가 제대로 보이지 않을 수 있습니다.\n브라우저를 업그레이드 하거나 크롬 또는 파이어폭스로 접속하시면 제대로 보실 수 있습니다.');</script>
5
6<![endif]-->
7<!--[if lte IE 8]>
8        <html lang="ko">
9        
9<script>location.href = "/index.php/mailnara/ie8";</script>
9
10<![endif]-->
11<html class="export" lang="en">
12	<head>
13		<!-- Google Tag Manager -->
14		
14<script>
vendor: 343 bytes, lines 14-18
14(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 
15		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 
16		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 
17		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 
18		})(window,document,'script','dataLayer','
18GTM-52634WS
vendor: 3 bytes, line 18
18');
18</script>
18 
19		<!-- End Google Tag Manager -->
20
21        <!-- Google Tag Manager_GA4_20221228 -->
22        
22<script>
vendor: 395 bytes, lines 22-26
22(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
23                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
24                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
25                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
26            })(window,document,'script','dataLayer','
26GTM-MGVQL3M
vendor: 3 bytes, line 26
26');
26</script>
26
27        <!-- End Google Tag Manager -->
28
29
30        <!-- kakaoPixel script -->
31        
31<script type="text/javascript" charset="UTF-8" src="//t1.daumcdn.net/adfit/static/kp.js"></script>
31
32                    
32<script type="text/javascript">
33                kakaoPixel('1578241774842957354').pageView();
34            </script>
34
35                <!-- End kakaoPixel script -->
36
37		<meta charset="utf-8">
38		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
39
40		<meta name="author" content="mailnara">
41		<!-- Mobile Meta -->
42		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0">
43		 
44											<meta name="description" content="기업메일전문가 메일나라입니다. 창립1992년 메일운영노하우로 보안메일, 정부인증 1등급인증받은 기업메일과 무제한 그룹웨어를 제공합니다."></meta>
45
46						<meta name="keyword" content="기업메일, 무제한그룹웨어, 월2만원, 최저가, 전자결재, 근태관리, 협업도구, 근무관리,IMAP,SSL보안인증서무료, 무제한용량 기업메일, GS인증메일, 반응형웹메일제공, POP3, SMTP, 회사메일"></meta>
47
48			<meta property="og:image" content="https://mailnara.co.kr/images/promotion/banner/mailnara_og.png" />
49			<meta property="og:type" content="website" />
50						<meta property="og:url" content="https://mailnara.co.kr/" />
51            			<meta property="og:title" content="메일나라 - No.1 기업메일, 무제한 그룹웨어, 최저가 월2만원, 보안메일, 협업도구, 전자결재, 근태관리, IMAP까지 mailanra" />
52            			<meta property="og:description" content="기업메일, 무제한그룹웨어, 월2만원, 최저가, 전자결재, 근태관리, 협업도구, 근무관리,IMAP,SSL보안인증서무료, 무제한용량 기업메일, GS인증메일, 반응형웹메일제공, POP3, SMTP, 회사메일" />
53			<meta property="og:site_name" content="mailnara" />
54						<link rel="canonical" href="https://www.mailnara.co.kr">
55					
56		
57		<!-- Favicon -->
58		<link rel="shortcut icon" href="/images/favicon.ico">
59
60				<title>메일나라 - No.1 기업메일, 무제한 그룹웨어, 최저가 월2만원, 보안메일, 협업도구, 전자결재, 근태관리, IMAP까지 mailanra</title>
61
62		<!-- Web Fonts -->
63		<!-- link rel="stylesheet" href="css/font/styles.css" media="screen" -->
64		<link rel="stylesheet" href="/fonts/spoqa/styles.css" media="screen and (min-width: 768px)">
65		<link rel="stylesheet" href="/fonts/font-awesome/css/font-awesome.css" media="screen">
66		<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
67
68		<link rel="stylesheet" href="/css/bootstrap.min.css">
69		<link rel="stylesheet" href="/css/masonry-docs.css">
70		<!-- iDea core CSS file -->
71		<link rel="stylesheet" href="/css/style.css">
72		<link rel="stylesheet" href="/css/timeline.css">
73		<!-- mailnara css -->
74		<link rel="stylesheet" href="/css/custom.css?v=19">
75
76		
76<script src="/js/jquery-3.1.1.min.js"></script>
76
77		
77<script src="/js/bootstrap.min.js"></script>
77
78		
78<script src="/js/masonry.pkgd.min.js"></script>
78
79		
79<script src="/js/custom.js?v=4"></script>
79
80
81
82	</head>
83
84<body class="">
85	
86<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 86-87
86
87<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
87GTM-52634WS
vendor: 85 bytes, lines 87-88
87"
88height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
89<!-- End Google Tag Manager (noscript) -->
90<!-- Google Tag Manager (noscript)_GA4_20221228 -->
vendor: 69 bytes, lines 90-91
90
91<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
91GTM-MGVQL3M
vendor: 103 bytes, lines 91-92
91"
92                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
93<!-- End Google Tag Manager (noscript) -->
94
95
96
97<script>
98
99function manage_service() {
100	var login_id = "";
101	var login_passwd = "";
102    var utm_url = "utm_medium=&utm_source=&utm_campaign=";
103
104
105	if(login_id == "" || login_passwd == "") {
106		location.href = "/index.php/member/logout";
107		return false;
108	}
109
110	document.manage_frm.id.value = login_id;
111    document.manage_frm.pwd.value = login_passwd;
112
113	document.manage_frm.action = "https://mydirect.co.kr/login_s.php?"+utm_url;
114	document.manage_frm.submit();
115}
116
117</script>
117
118
119<dl id="accessbility">
120	<dt class="screen_out">컨텐츠 바로가기 영역</dt>
121	<dd><a href="#page_body">본문으로 바로가기</a></dd>
122</dl>
123<header id="header">
124	<meta name="naver-site-verification" content="479fa5bad515269767d4d4812e7fa15ba3b277d5" />
125	<div class="over"></div>
126	<div class="navBg"></div>
127
128	<div class="gnbWrap">
129		<div class="mTop">
130			<a class="home" href="/index.php/mailnara/index"></a>
131			<div class="mClose"><a href="" class="a_init"><i class="fa fa-times"></i></a></div>
132		</div>
133		<div class="mMenu">
134			<a href="#" title="모바일 메뉴버튼">
135				<span class="bar"></span>
136				<span class="bar"></span>
137				<span class="bar"></span>
138			</a>
139		</div>
140		<h1 class="logo"><a href="/">메일나라</a></h1>
141		<div class="slogan"><img src="/images/header.png?v=2" class="img-responsive" alt="기업메일의 표준, 메일나라 Cloud 4.0버전"/></div>
142
143		<ul class="login clearfix">
144							<li><a href="/index.php/member/login">로그인</a><span class="bar"></span></li>
145				<li><a href="/index.php/member/join">회원가입</a></li>
146				<li>&nbsp;&nbsp;&nbsp;&nbsp;고객지원 <b class="text-primary">1544-1992</b></li>
147			
148			<form name="manage_frm" class="hidden" method="POST" target="_blank">
149				<input type="hidden" name="id" />
150				<input type="hidden" name="pwd" />
151				<input type="hidden" name="from" value="MNARA" />
152			</form>
153		</ul>
154
155		<ul id="gnb">
156			<li>
157				<h2><a href="/index.php/mailnara/about">메일나라</a></h2>
158				<ul>
159					<li><a href="/index.php/mailnara/about" target="_parent">메일나라 소개</a></li>
160					<li><a href="/index.php/mailnara/history">메일나라 History</a></li>
161					<li style="display:none"><a href="/index.php/mailnara/pr">메일나라 PR</a></li>
162					<li><a href="/index.php/mailnara/client">주요 고객사</a></li>
163				</ul>
164			</li>
165			<li>
166				<h2><a href="/index.php/business/overview" >기업메일</a></h2>
167				<ul>
168					<li><a href="/index.php/business/overview" >서비스 개요</a></li>
169					<li><a href="/index.php/business/feature"  >서비스 특징</a></li>
170					<li><a href="/index.php/business/functional"  >기능 소개</a></li>
171					<li><a href="/index.php/business/price"  >서비스 사양 및 가격</a></li>
172					<li><a href="/index.php/business/guide#business"  >서비스 신청 가이드</a></li>
173				</ul>
174			</li>
175			<li>
176				<h2><a href="/index.php/groupware">그룹웨어 메일나라G</a></h2>
177				<ul id="groupware_menu">
178					<li><a href="/index.php/groupware">메일나라G 소개</a></li>
179					<li><a href="/index.php/groupware#groupware_2">메일나라G 가격</a></li>
180					<li><a href="/index.php/groupware#groupware_1">메일나라G 기능</a></li>
181					<li><a href="/index.php/groupware#groupware_3">메일나라G 견적</a></li>
182					<li><a href="/index.php/groupware#groupware_4">메일나라G 도입문의</a></li>
183				</ul>
184			</li>
185			<li>
186				<h2><a href="/index.php/independent/overview" >독립메일</a></h2>
187				<ul>
188					<li><a href="/index.php/independent/overview">서비스 개요</a></li>
189					<li><a href="/index.php/independent/feature">서비스 특징</a></li>
190					<li><a href="/index.php/independent/functional">기능 소개</a></li>
191					<li><a href="/index.php/independent/price">서비스 사양 및 가격</a></li>
192					<li><a href="/index.php/independent/guide#private">서비스 신청 가이드</a></li>
193				</ul>
194			</li>
195			<li>
196				<h2><a href="/index.php/domain/search">도메인</a></h2>
197				<ul>
198					<li><a href="/index.php/domain/search">도메인 검색 / 등록</a></li>
199					<li><a href="/index.php/domain/manage">도메인 관리</a></li>
200					<li><a href="/index.php/domain/addition">부가서비스</a></li>
201					<li><a href="/index.php/domain/guide#domain">서비스 신청 가이드</a></li>
202				</ul>
203			</li>
204			<li>
205				<h2><a href="/index.php/addition/messaging">부가서비스</a></h2>
206				<ul>
207					<li><a href="/index.php/addition/messaging">대량발송</a></li>
208					<li><a href="/index.php/addition/bill">전자세금계산서</a></li>
209					<li><a href="/index.php/addition/hosting">웹·서버호스팅</a></li>
210				</ul>
211			</li>
212			<li>
213				<h2><a href="/index.php/customer/faq">고객 지원</a></h2>
214				<ul>
215					<li><a href="/index.php/customer/faq">자주 묻는 질문</a></li>
216					<li><a href="/index.php/customer/manual">매뉴얼 자료실</a></li>
217					<li><a href="/index.php/customer/mobile">모바일 자료실</a></li>
218					<li><a href="/index.php/customer/process#customer">신청절차 안내</a></li>
219					<li><a href="/index.php/customer/manage">서비스 관리</a></li>
220					<li><a href="/index.php/customer/notice">공지사항</a></li>
221				</ul>
222			</li>
223			<li id="custormLeft">
224				<h2 class="no"><a href="/index.php/customer/faq" class="text-primary"><b>무료 체험</b></a></h2>
225			</li>
226		</ul>
227	</div>
228</header>
229
230	
230<script src="/js/ajax_lib.js"></script>
230
231	
231<script src="/js/strbuf.js"></script>
231
232	<!--<link rel="stylesheet" href="/css/layer_popup.css">-->
vendor: 72 bytes, lines 232-234
232
233    <script src="https://www.google.com/recaptcha/api.js"></script>
234	
234<!-- 공용 스크립트 -->
235	
235<script>
236
237function apply_service(type) {
238	var login_id = "";
239	var login_passwd = "";
240    var utm_url = "utm_medium=&utm_source=&utm_campaign=";
241	var tarurl = "";
242
243	// 로그인 먼저
244	if(login_id == "" || login_passwd == "") {
245	    var url = "/index.php/member/login/"+type;
246		location.href = url;
247		return false;
248	}
249
250    if(type == "basic") tarurl = "svcapp/setup_svc_agree.php?cscode=MHMCDBUIZ000&"+utm_url;
251    else if(type == "ip") tarurl = "svcapp/setup_svc_agree.php?cscode=MHMCDIPBZ000&"+utm_url;
252    else if(type == "imap") tarurl = "svcapp/setup_svc_agree.php?cscode=MHMCDIMAP000&"+utm_url;
253    else if(type == "vip") 	tarurl = "svcapp/setup_svc_agree.php?cscode=MHMCDVIPS000&"+utm_url;
254    else if(type == "business_all") tarurl = "svcapp/setup_intro_page.php?incurl=new_mhmal_intro.php&cscode=MH&"+utm_url;
255    else if(type == "independent") tarurl = "svcapp/setup_svc_agree.php?cscode=IM0010005000&"+utm_url;
256    else if(type == "independent_all") tarurl = "svcapp/setup_intro_page.php?incurl=mail_package.php&cscode=IM&_ga=1.189336099.944810537.1476943280&"+utm_url;
257    else if(type == "messaging") tarurl = "svcapp/setup_intro_page.php?incurl=lms_intro.php&cscode=LM&_ga=1.113888527.944810537.1476943280&"+utm_url;
258    else if(type == "bill") tarurl = "svcapp/setup_intro_page.php?incurl=db001_intro.php&cscode=TX&"+utm_url;
259    else if(type == "groupware") tarurl = "svcapp/setup_intro_page.php?incurl=mhmgw_intro.php&cscode=MHMGW&"+utm_url;
260    else if(type == "domain") tarurl = "svcapp/setup_intro_page.php?incurl=intro_domain.php&search_type=single";
261
262	document.apply_frm.id.value = login_id;
263	document.apply_frm.pwd.value = login_passwd;
264	document.apply_frm.tarurl.value = tarurl;
265
266	// form 전송
267	document.apply_frm.action = "https://mydirect.co.kr/login_s.php?"+utm_url;
268	//document.apply_frm.action = "http://project.sds.co.kr/formin/MYDIRECT/htdocs/login_s.php";
269	document.apply_frm.submit();
270}
271
272function apply_kvoucher() {
273    var login_id = "";
274    var login_passwd = "";
275    var tarurl = "svcapp/setup_intro_page.php?incurl=new_mhmal_intro.php&cscode=MH#tab2";
276
277    // 로그인 먼저
278    if(login_id == "" || login_passwd == "") {
279        location.href = "/index.php/member/login";
280        return false;
281    }
282
283    document.apply_frm.id.value = login_id;
284    document.apply_frm.pwd.value = login_passwd;
285    document.apply_frm.tarurl.value = tarurl;
286
287    // form 전송
288    document.apply_frm.action = "https://mydirect.co.kr/login_s.php";
289    //document.apply_frm.action = "http://project.sds.co.kr/jiwon/MYDIRECT/mydirect_23038/login_s.php";
290    document.apply_frm.submit();
291}
292
293/*
294function apply_domain() {
295	var login_id = "";
296	var login_passwd = "";
297	var tarurl = "svcapp/setup_intro_page.php?incurl=intro_domain.php&search_type=single";
298
299	// 로그인 먼저
300	if(login_id == "" || login_passwd == "") {
301		location.href = "/index.php/member/login";
302		return false;
303	}
304
305	document.apply_frm.id.value = login_id;
306	document.apply_frm.pwd.value = login_passwd;
307	document.apply_frm.tarurl.value = tarurl;
308
309	// form 전송
310	document.apply_frm.action = "https://mydirect.co.kr/login_s.php";
311	document.apply_frm.submit();
312}*/
313
314function setting_domain(obj) {
315	//window.open("/guide/easy_setting.php", "setting_domain", "width=795,height=590,top=100,left=100");
316	document.getElementsByClassName(obj).style.opacity = "1";
317}
318
319function setting_outlook() {
320	/*200821*/
321	var filter = "win16|win32|win64|mac";
322	var option = "width=1000,height=569,resizable=yes";
323	if(navigator.platform){
324		if(0 > filter.indexOf(navigator.platform.toLowerCase())){ //모바일일때
325			option = "";
326		}
327	}
328	window.open("/support/outlook_simulation.html", "outlook_set", option);
329	/*//200821*/
330}
331
332function setting_mailalarm() {
333	window.open("/support/mailalarm.html", "estimation", "width=920,height=700,resizable=yes");
334}
335
336function estimate_mail() {
337	window.open("/index.php/estimation/", "estimate", "width=1000,height=1000,top=100,left=100,scrollbars=yes"); //221226
338}
339
340function send_demo() {
341    alert("준비중입니다!");
342	//window.open("http://demo.directsend.co.kr/index.php/user/demo_login");
343}
344
345// 이슈메일러 guest 연동
346function open_messaging_demo() {
347	var sb = new StrBuf();
348	sb.add ("reqcmd=query_auth_info");
349
350	var ajax = new Ajax();
351	var xml_doc = ajax.getReqMessage ("POST", "/support/iw_lmsgateway.php", false, "TEXT", sb.get_arr(), "");
352
353	window.open(
354		"https://directsend.co.kr/index.php/mydirect_api/sso_login/abb0|611e44c215b0b411baf7c5ea3d5c1d5b4e8a2527b421185b3b1ca9654d33719d|30", 
355		"guestdemo", 
356		"width=1400,height=1000,status=no,resizable=no,location=no,scrollbars=yes"
357	);
358}
359
360function open_mailnara_demo() {
361	alert("데모체험을 준비중입니다.");
362	return;
363}
364
365function change_page(type){
366	var tarurl = '';
367
368    if(type == "bill") tarurl = "http://v3.directbill.co.kr/";
369    else if(type == "direct") tarurl = "http://direct.co.kr/";
370    else if(type == "directsend") tarurl = "https://directsend.co.kr/";
371    else if(type == "k-voucher1") tarurl = "https://www.k-voucher.kr/community_plan_view.php?id=14074";	
372    else if(type == "k-voucher2") tarurl = "https://www.k-voucher.kr/community_material_view.php?id=359&page=";
373
374    window.open(tarurl);
375}
376
377jQuery.fn.center = function () {
378	this.css("position","absolute");
379	this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px");
380	this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) + "px");
381	return this;
382}
383
384</script>
384
385	<!-- 도메인 관련 스크립트 -->
386	
386<script>
387
388function search_domain(search_type) {
389	// search_type: S(단일도메인), M(다수도메인)
390	if(search_type == 'S') {
391		var domain = $("#domain").val();
392
393		if(!check_single_domain(domain)) return false;
394
395		if(domain.match(/[가-힣]/)) {
396			var chk_domain_list = ["한국"];
397		}
398		else {
399			var chk_domain_list = ["kr", "co.kr", "pe.kr", "ne.kr", "com", "net", "org"];
400		}
401	}
402	else {
403		var domain = $("#domain_list").val();
404		var chk_domain_list = "";
405
406		domain = check_multi_domain(domain);
407		if(!domain) return false;
408	}
409
410	$.ajax({
411		type: "POST",
412		url: "/index.php/domain/search_process",
413		data: {
414			"domain": domain,
415			"search_type": search_type,
416			"chk_domain_list": chk_domain_list
417		},
418		beforeSend: function() {
419			$("#modal_back").show();
420			$("#loading_popup").show();
421                },
422		success: function(data) {
423			if(data.state == -1) {
424				alert("도메인 검색에 실패하였습니다.\n다시 시도해주세요!");
425				return false;
426			}
427
428			location.href = "/index.php/domain/search";
429		},
430		error: function(data) {
431			alert("도메인 검색 중 오류가 발생했습니다.\nERROR: " + JSON.stringify(data));
432		}
433	});
434}
435
436// 단일 도메인 체크
437function check_single_domain(domain) {
438	if(!validate_domain(domain)) {
439		$("#domain").focus();
440		return false;
441	}
442
443	return true;
444}
445
446// 다수 도메인 체크
447function check_multi_domain(domain) {
448	var pattern = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w_\.-]*)*\/?$/;
449	domain = domain.split("\n");
450
451	if(domain == "") {
452		alert("검색할 도메인을 입력해주세요.");
453		return false;
454	}
455
456	if(domain.length > 20) {
457		alert("현재 " + domain.length + "개의 도메인을 입력하셨습니다.\n한번에 20개까지만 검색이 가능합니다.");
458		return false;
459	}
460
461	for(i=0; i<domain.length; i++) {
462		if(domain[i].length == 0) {
463			domain.splice(i, 1);
464			continue;
465		}
466		
467		// see #33418 or.kr 도메인은 신청할 수 없음
468		if(domain[i].indexOf('or.kr') != -1) {
469			alert("'" + domain[i] + "' 도메인은 신청하실 수 없습니다.");
470			return false;
471		}
472
473		// 한국 도메인 체크
474		if(domain[i].match(/[가-힣]/)) {
475			if(domain[i].length < 1 || domain[i].length > 17) {
476				alert("한국 도메인 '" + domain[i] + "' 은 1자 이상 17자 이하로 구성됩니다.");
477				return false;
478			}
479
480			if(!check_domain(domain[i], '~!@#$%^&*()_=+|\\{}[];:"\'<>,?\/', 20)) {
481				alert("한국 도메인 '" + domain[i] + "' 에 특수기호를 사용할 수 없습니다.\n(예: *나비*.한국 , 수학&미술.한국)");
482				return false;
483			}
484
485			if(!domain[i].match(/^[가-힣a-zA-Z0-9\-.]+$/)) {
486				alert("한국 도메인 '" + domain[i] + "' 에 자음, 모음을 따로 사용할 수 없습니다.\n(예: ㅋㅋ캬캬.한국 , 오ㅎㅎㅎ.한국)");
487				return false;
488			}
489		}
490		else {
491			if(domain[i].length < 2) {
492				alert("'" + domain[i] + "' 도메인의 길이는 최소 2자 이상이어야 합니다.");
493				return false;
494			}
495
496			if(domain[i].indexOf(' ') != -1) {
497				alert("'" + domain[i] + "' 도메인에 띄어쓰기 없이 입력하세요!");
498				return false;
499			}
500
501			if(domain[i].match(/(^-)|(-$)/)) {
502				alert("'" + domain[i] + "' 도메인의 처음과 끝에 \"-\"문자가 올 수 없습니다.");
503				return false;
504			}
505
506			if(domain[i].substring(0, 4).toLowerCase() == "xn--") {
507				alert("xn--으로 시작하는 도메인(" + domain[i] + ")은 등록할 수 없습니다.");
508				return false;
509			}
510
511			if(domain[i].substring(0, 4).toLowerCase() == "bq--") {
512				return false;
513			}
514
515			if(!domain[i].match(pattern)) {
516				alert("'" + domain[i] + "' 도메인 형식이 올바르지 않습니다.");
517				return false;
518			}
519		}
520	}
521
522	return domain;
523}
524
525function validate_domain(domain) {
526
527	// see #33418 or.kr 도메인은 신청할 수 없음
528	if(domain.indexOf('or.kr') != -1) {
529		alert("or.kr 도메인은 신청하실 수 없습니다.");
530		return false;
531	}
532
533	if(domain.match(/[가-힣]/)) {
534		if(!validate_kr_domain(domain)) {
535			return false;
536		}
537		return true;
538	}
539
540	if(domain.length < 2) {
541		alert("도메인 길이는 최소 2자 이상이어야 합니다.");
542		return false;
543	}
544
545	if(domain.length > 63) {
546		alert("도메인 길이는 최대 63자 이하이어야 합니다.");
547		return false;
548	}
549
550	if(domain.match(/(^-)|(-$)/)) {
551		alert("도메인 형식은 처음과 끝에 \"-\"문자가 올 수 없습니다.");
552		return false;
553	}
554
555	if(!domain.match(/^[.\-a-zA-Z0-9]{2,63}$/)) {
556		alert("도메인 형식이 올바르지 않습니다.");
557		return false;
558	}
559
560	if(domain.substring(0, 4).toLowerCase() == "xn--") {
561		alert("xn--으로 시작하는 도메인은 등록할 수 없습니다.");
562		return false;
563	}
564
565	if(domain.substring(0, 4).toLowerCase() == "bq--") {
566		alert("bq--으로 시작하는 도메인은 등록할 수 없습니다.");
567		return false;
568	}
569
570	return true;
571}
572
573// 한국 도메인 유효성 검사
574function validate_kr_domain(domain) {
575	var hstr = /^[가-힣a-zA-Z0-9\-.]+$/;
576	var char1 = '~!@#$%^&*()_=+|\\{}[];:"\'<>,?\/';
577
578	if(domain.length < 1 || domain.length > 17) {
579		alert("한국 도메인은 1자 이상 17자 이하로 구성됩니다.");
580		return false;
581	}
582
583	if(!check_domain(domain, char1, 20)) {
584		alert("특수기호는 도메인명으로 사용할 수 없습니다.\n(예: *나비*.한국 , 수학&미술.한국)");
585		return false;
586	}
587
588	if(!hstr.test(domain)) {
589		alert("자음, 모음을 따로 사용할 수 없습니다.\n(예: ㅋㅋ캬캬.한국 , 오ㅎㅎㅎ.한국)");
590		return false;
591	}
592
593	return true;
594}
595
596function check_domain(target, astr, lmax) {
597	var i,
598	    t = target;
599
600	if(t.length >= 1) {
601		for(i=0; i<astr.length; i++) {
602			if(t.indexOf(astr.charAt(i)) >= 0) {
603				return false;
604			}
605		}
606	}
607
608	return true;
609}
610
611function check_domain_list() {
612	var chk_domain_list = [];
613
614	$("input[name='chk_domain[]']:checked").each(function () {
615		chk_domain_list.push($(this).val());
616	});
617
618	if(chk_domain_list.length == 0) {
619		alert("도메인 구분을 선택해주세요.");
620		return false;
621	}
622
623	return chk_domain_list;
624}
625
626function check_korea() {
627	$("#chk_com").prop("checked", false);
628	$("#chk_net").prop("checked", false);
629	$("#chk_org").prop("checked", false);
630	$("#chk_kr").prop("checked", false);
631	$("#chk_cokr").prop("checked", false);
632	$("#chk_pekr").prop("checked", false);
633	$("#chk_nekr").prop("checked", false);
634	$("#chk_orkr").prop("checked", false);
635}
636
637function check_other() {
638	$("#chk_korea").prop("checked", false);
639}
640
641// 도메인 연장
642function extend_domain() {
643	var login_id = "";
644	var login_passwd = "";
645	var tarurl = "svcmng/main.php";
646
647	// 로그인 먼저
648	if(login_id == "" || login_passwd == "") {
649		location.href = "/index.php/member/login";
650		return false;
651	}
652
653	tarurl = encodeURIComponent(tarurl);
654
655	window.open("/pop_mydirect.php" +
656			"?id=" + login_id +
657			"&pwd=" + login_passwd +
658			"&tarurl=" + tarurl +
659			"&params=");
660}
661
662// 도메인 기관 이전
663function relocate_domain() {
664	var login_id = "";
665	var login_passwd = "";
666	var tarurl = "svcapp/setup_intro_page.php?incurl=intro_transdomain.php&search_type=single";
667
668	// 로그인 먼저
669	if(login_id == "" || login_passwd == "") {
670		location.href = "/index.php/member/login";
671		return false;
672	}
673
674	tarurl = encodeURIComponent(tarurl);
675
676	window.open("/pop_mydirect.php" +
677			"?id=" + login_id +
678			"&pwd=" + login_passwd +
679			"&tarurl=" + tarurl +
680			"&params=");
681}
682
683function set_search_type(type) {
684	$("#search_type").empty().val(type);
685}
686
687// 도메인 신청하기
688function apply_domain() {
689	var login_id = "";
690	var login_passwd = "";
691    var utm_url = "utm_medium=&utm_source=&utm_campaign=";
692    var tarurl = "svcapp/setup_intro_page.php?incurl=intro_domain.php&cscode=DSNEW&"+utm_url;
693	var params = "";
694
695	// 로그인 먼저
696	if(login_id == "" || login_passwd == "") {
697		location.href = "/index.php/member/login";
698		return false;
699	}
700
701	if($("#search_type").val() == "S") {
702		params = "search_type=single";
703
704		params += "&input=" + $("#domain").val();
705
706		if($("#domain").val().match(/[가-힣]/)) {
707			params += "&checked_dom[]=한국";
708		}
709		else {
710			$("input[name=dom_lists]").each(function() {
711                                if($(this).is(":checked")) {
712                                        params += "&checked_dom[]=" + $(this).val();
713                                }
714                        });
715		}
716	}
717	else {
718		params = "search_type=multi";
719
720		$("input[name=dom_lists]").each(function() {
721			if($(this).is(":checked")) {
722				params += "&dom_list[]=" + $(this).val();
723			}
724		});
725	}
726
727	params = encodeURIComponent(params);
728	tarurl = encodeURIComponent(tarurl);
729
730	window.open("/pop_mydirect.php" +
731			"?id=" + login_id +
732			"&pwd=" + login_passwd +
733			"&tarurl=" + tarurl +
734			"&params=" + params+
735            "&"+utm_url);
736}
737
738
739function convert_punycode() {
740	var puny_domain = $("#puny_domain").val();
741
742	if(puny_domain == "" || puny_domain.match(/s\g/)) {
743		alert("변환할 한글 도메인을 입력해주세요!");
744		$("#puny_domain").focus();
745		return false;
746	}
747
748	if(!puny_domain.match(/^[가-힣a-zA-Z0-9\-.]+$/)) {
749		alert("한글도메인 형식에 맞게 입력해주세요!");
750		$("#puny_domain").focus();
751		return false;
752	}
753
754
755	$.ajax({
756		type: "POST",
757		url: "/index.php/domain/punycode",
758		data: { "puny_domain": puny_domain },
759		dataType: "json",
760		success: function(data) {
761			if(data.state == '1') {
762				$("#ko_domain").html(puny_domain);
763				$("#convert_domain").html(data.convert_domain);
764			}
765			else {
766				alert("한글 코드 변환 중 오류가 발생했습니다.\n다시 시도해주세요!");
767				return false;
768			}
769		},
770		error: function(data) {
771			alert("한글 코드 변환 중 오류가 발생했습니다.\n다시 시도해주세요!");
772			return false;
773		}
774	});
775}
776
777function open_whois(domain) {
778	window.open("/popup_domain_info.html?domain="+domain, "whois", "width=800,height=850");
779	return;
780}
781</script>
781
782	<!-- 서비스 관련 스크립트 -->
783	
783<script>
784
785
786function download_proposal() {
787	var user_company = $("#user_company").val();
788	var user_name = $("#user_name").val();
789	var user_phone1 = $("#user_phone1").val();
790	var user_phone2 = $("#user_phone2").val();
791	var user_phone3 = $("#user_phone3").val();
792
793    var i_user_security =  $('#g-recaptcha-response').val()
794    if(i_user_security == ''){
795        i_user_security =  $('#g-recaptcha-response-1').val()
796    }
797
798	var user_phone = user_phone1 + user_phone2 + user_phone3;
799	var proposal_type = new Array();
800
801	$("input[name='radio_btn']").each(function() {
802		if($(this).is(":checked")) {
803			proposal_type.push($(this).val());
804		}
805	});
806
807	if(proposal_type.length < 1) {
808		alert("제안서를 선택해주세요!");
809		return false;
810	}
811
812	if(user_company.trim() == "") {
813		alert("회사명을 입력해주세요!");
814		$("#user_company").focus();
815		return false;
816	}
817
818	if(user_name.trim() == "") {
819		alert("이름을 입력해주세요!");
820		$("#user_company").focus();
821		return false;
822	}
823
824	if(user_phone1.trim() == "") {
825		alert("번호를 입력해주세요!");
826		$("#user_phone1").focus();
827		return false;
828	}
829
830	if(user_phone2.trim() == "") {
831		alert("번호를 입력해주세요!");
832		$("#user_phone2").focus();
833		return false;
834	}
835
836	if(user_phone3.trim() == "") {
837		alert("번호를 입력해주세요!");
838		$("#user_phone3").focus();
839		return false;
840	}
841
842	if(!user_phone.match(/^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/)) {
843		alert("핸드폰 번호가 올바르지 않습니다.\n다시 입력해주세요!");
844		return false;
845	}
846
847	if(!$("#info_agree").is(":checked")) {
848		alert("개인정보 수집 이용에 동의해주세요!");
849		return false;
850	}
851
852    if(i_user_security == undefined || i_user_security.trim() == ""){
853        alert("보안체크를 선택해주세요");
854        $('#i_user_business_num').focus();
855        return;
856    }
857
858
859    $.ajax({
860		type: "POST",
861		url: "/index.php/mailnara/send_proposal_mail",
862		data: {
863			"proposal_type": proposal_type,
864			"user_company": user_company,
865			"user_name": user_name,
866			"user_phone": user_phone,
867            "user_security_code":i_user_security
868		},
869		dataType: "json",
870        success: function(data) {
871            if(data.result == -7) {
872                alert(data.result_msg);
873                return false;
874            }
875        }
876	});
877
878	$("#proposal_close").click();
879
880	setTimeout(function() {
881	    // 제안서 다운로드
882	    const proposal_types = proposal_type.join(",");
883        location.href = "/index.php/mailnara/download_proposal/?proposal_types=" + proposal_types;
884	}, 500);
885}
886
887function request_quotation() {
888	var i_user_company = $("#i_user_company").val();
889	var i_user_name = $("#i_user_name").val();
890	var i_user_phone1 = $("#i_user_phone1").val();
891	var i_user_phone2 = $("#i_user_phone2").val();
892	var i_user_phone3 = $("#i_user_phone3").val();
893	var i_user_phone = i_user_phone1 + i_user_phone2 + i_user_phone3;
894	var i_user_email = $("#i_user_email").val();
895	var i_user_memo = $("#i_user_memo").val();
896    var i_user_security =  $('#g-recaptcha-response').val();
897
898	if(i_user_name == "") {
899		alert("이름을 입력해주세요!");
900		$("#i_user_name").focus();
901		return false;
902	}
903
904	var reg = /^[가-힣a-zA-Z0-9\s]+$/;
905	if(!reg.test(i_user_name.trim())) {
906		alert('이름은 한글, 영문, 숫자만 이용해서 입력해주세요!');
907		$('#i_user_name').focus();
908		return false;
909	}
910
911	if(i_user_company == "") {
912		alert("회사명을 입력해주세요!");
913		$("#i_user_company").focus();
914		return false;
915	}
916
917	if(!reg.test(i_user_company.trim())) {
918		alert('회사명은 한글, 영문, 숫자만 이용해서 입력해주세요!');
919		$('#i_user_company').focus();
920		return false;
921	}
922
923	if(i_user_phone1 == "") {
924		alert("번호를 입력해주세요!");
925		$("#i_user_phone1").focus();
926		return false;
927	}
928
929	if(i_user_phone2 == "") {
930		alert("번호를 입력해주세요!");
931		$("#i_user_phone2").focus();
932		return false;
933	}
934
935	if(i_user_phone3 == "") {
936		alert("번호를 입력해주세요!");
937		$("#i_user_phone3").focus();
938		return false;
939	}
940
941	if(!i_user_phone.match(/^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/)) {
942		alert("핸드폰 번호가 올바르지 않습니다.\n다시 입력해주세요!");
943		return false;
944	}
945
946	if(i_user_email == "") {
947		alert("이메일을 입력해주세요!");
948		$("#i_user_email").focus();
949		return false;
950	}
951
952	reg = /[0-9a-zA-Z][_0-9a-zA-Z-]*@[_0-9a-zA-Z-]+(\.[_0-9a-zA-Z-]+){1,2}$/;
953	if(!reg.test(i_user_email)) {
954		alert('이메일 형식이 올바르지 않습니다.\n다시 입력해주세요!');
955		$('#i_user_email').focus();
956		return false;
957	}
958
959	if(i_user_memo == "") {
960		alert("견적내용을 입력해주세요!");
961		$("#i_user_memo").focus();
962		return false;
963	}
964
965	reg = /^[.,-_가-힣a-zA-Z0-9\s]+$/;
966	if(!reg.test(i_user_memo.trim())) {
967                alert('견적내용은 한글, 영문, 숫자만 이용해서 입력해주세요!');
968                $('#i_user_memo').focus();
969                return false;
970        }
971
972
973	if(!$("#i_info_agree").is(":checked")) {
974		alert("개인정보 수집 이용에 동의해주세요!");
975		return false;
976	}
977
978    if(i_user_security.trim() == ""){
979        alert("보안체크를 선택해주세요");
980        $('#i_user_business_num').focus();
981        return;
982    }
983
984
985    $.ajax({
986		type: "POST",
987		url: "/index.php/mailnara/send_independent_mail",
988		data: {
989			"user_company": i_user_company,
990			"user_name": i_user_name,
991			"user_phone": i_user_phone,
992			"user_email": i_user_email,
993			"user_memo": i_user_memo,
994            "user_security_code":i_user_security
995		},
996		dataType: "json",
997        success: function(data) {
998            if(data.result == -7) {
999                alert(data.result_msg);
1000                return false;
1001            }else{
1002                alert("견적신청이 완료 되었습니다.");        // 회원가입 성return false;
1003            }
1004        }
1005	});
1006
1007
1008
1009	$("#service_close").click();
1010	init_independent_form();
1011}
1012
1013function request_kvoucher() {
1014    var i_user_company = $("#i_user_company").val();
1015    var i_user_name = $("#i_user_name").val();
1016    var i_user_phone = $("#i_user_phone").val();
1017    var i_user_email = $("#i_user_email").val();
1018    var i_user_memo = $("#i_user_memo").val();
1019    var i_user_employee =  $("#i_user_employee").val();
1020    var i_user_business_num =  $("#i_user_business_num").val();
1021    var i_user_security =  $('#g-recaptcha-response').val()
1022    var reg = /^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z0-9\s]+$/;
1023    var reg_phone = /^(01[016789]{1}|02|0[3-9]{1}[0-9]{1})-?[0-9]{3,4}-?[0-9]{4}$/;
1024    var reg_biz_snum = /^[0-9\s]+$/;
1025
1026
1027    if(i_user_company == "") {
1028        alert("회사명을 입력해주세요!");
1029        $("#i_user_company").focus();
1030        return false;
1031    }
1032
1033    if(!reg.test(i_user_company.trim())) {
1034        alert('회사명은 한글, 영문, 숫자만 이용해서 입력해주세요!');
1035        $('#i_user_company').focus();
1036        return false;
1037    }
1038
1039    //.replace(/-/gi, '')
1040
1041    if(i_user_business_num == "") {
1042        alert("사업자번호를 입력해주세요!");
1043        $("#i_user_business_num").focus();
1044        return false;
1045    }
1046
1047    if(!reg_biz_snum.test(i_user_business_num.trim())) {
1048        alert('사업자번호는 숫자, - 만 이용해서 입력해주세요!');
1049        $('#i_user_business_num').focus();
1050        return false;
1051    }
1052
1053    if(i_user_business_num.trim().length != 10){
1054        alert("사업자등록번호는 10자리로 구성되어있습니다.\n다시 입력해주세요!");
1055        $('#i_user_business_num').focus();
1056        return;
1057    }
1058
1059    if(i_user_security.trim() == ""){
1060        alert("보안체크를 선택해주세요");
1061        $('#i_user_business_num').focus();
1062        return;
1063    }
1064
1065
1066
1067
1068    if(i_user_name == "") {
1069        alert("이름을 입력해주세요!");
1070        $("#i_user_name").focus();
1071        return false;
1072    }
1073
1074    if(!reg.test(i_user_name.trim())) {
1075        alert('이름은 한글, 영문, 숫자만 이용해서 입력해주세요!');
1076        $('#i_user_name').focus();
1077        return false;
1078    }
1079
1080    if(i_user_employee == "") {
1081        alert("직원 수를 입력해주세요!");
1082        $("#i_user_employee").focus();
1083        return false;
1084    }
1085
1086    if(isNaN(i_user_employee)) {
1087        alert('직원 수는 숫자만 이용해서 입력해주세요!');
1088        $('#i_user_employee').focus();
1089        return false;
1090    }
1091
1092    if(i_user_phone == "") {
1093        alert("휴대폰 번호를 입력해주세요!");
1094        $("#i_user_phone").focus();
1095        return false;
1096    }
1097
1098    if(!reg_phone.test(i_user_phone.trim())) {
1099        alert("휴대폰번호가 올바르지 않습니다.\n다시 입력해주세요!");
1100        $("#i_user_phone").focus();
1101        return false;
1102    }
1103
1104    if(i_user_email == "") {
1105        alert("이메일을 입력해주세요!");
1106        $("#i_user_email").focus();
1107        return false;
1108    }
1109
1110    reg = /[0-9a-zA-Z][_0-9a-zA-Z-]*@[_0-9a-zA-Z-]+(\.[_0-9a-zA-Z-]+){1,2}$/;
1111    if(!reg.test(i_user_email)) {
1112        alert('이메일 형식이 올바르지 않습니다.\n다시 입력해주세요!');
1113        $('#i_user_email').focus();
1114        return false;
1115    }
1116
1117
1118    if (i_user_memo.length > 500){
1119        alert("문의내용은 최대 500자까지 입력 가능합니다.");
1120        return false;
1121    }
1122
1123    if(!$("#agree1").is(":checked")) {
1124        alert("개인정보 수집 이용에 동의해주세요!");
1125        return false;
1126    }
1127
1128    if(!$("#agree2").is(":checked")) {
1129        alert("마케팅 수집 및 활용에 동의해주세요!");
1130        return false;
1131    }
1132
1133    $.ajax({
1134        type: "POST",
1135        url: "/index.php/mailnara/voucher_apply",
1136        data: {
1137            "user_company": i_user_company,
1138            "user_name": i_user_name,
1139            "business_number": i_user_business_num,
1140            "employee_num": i_user_employee,
1141            "user_phone": i_user_phone,
1142            "user_email": i_user_email,
1143            "user_memo": i_user_memo,
1144            "user_security_code":i_user_security
1145        },
1146        dataType: "json",
1147        success: function(data) {
1148            // 회원가입 성공
1149            if(data.result == 1) {
1150                alert("상담 신청이 완료 되었습니다.\n담당자가 확인후 처리해드리겠습니다.");
1151                location.reload();
1152            }
1153            else {
1154
1155                if(data.result == -7) {
1156                    //reload_captcha();
1157                    alert(data.result_msg);
1158                    return false;
1159                }else{
1160                    alert("상담 신청이 실패하였습니다.\n다시 시도해주세요!\n( error_code : "+data.result+" ,error_msg : "+data.result_msg+")");
1161                    return false;
1162                }
1163
1164            }
1165        },
1166        error: function(data,xhr) {
1167            console.log(data);
1168            console.log(xhr);
1169            alert("상담 신청이 실패하였습니다.\n다시 시도해주세요!");
1170        }
1171    });
1172
1173
1174
1175  //  $("#service_close").click();
1176}
1177
1178
1179function init_independent_form() {
1180	$("#i_user_name").val("");
1181	$("#i_user_company").val("");
1182	$("#i_user_phone1").val("010");
1183	$("#i_user_phone2").val("");
1184	$("#i_user_phone3").val("");
1185	$("#i_user_email").val("");
1186	$("#i_user_memo").val("");
1187	$("#i_info_agree").prop("checked", false);
1188}
1189
1190function init_proposal_form() {
1191	$("#mail_service").prop("checked", false);
1192	$("#private_service").prop("checked", false);
1193	$("#messaging_service").prop("checked", false);
1194	$("#user_company").val("");
1195	$("#user_name").val("");
1196	$("#user_phone1").val("010");
1197	$("#user_phone2").val("");
1198	$("#user_phone3").val("");
1199	$("#info_agree").prop("checked", false);
1200}
1201
1202function init_kvouchert_form(){
1203    $("#i_user_name").val("");
1204    $("#i_user_company").val("");
1205    $("#i_user_phone").val("");
1206    $("#i_user_employee").val("");
1207    $("#i_user_business_num").val("");
1208    $("#i_user_email").val("");
1209    $("#i_user_memo").val("");
1210    $("#agree1").prop("checked", false);
1211    $("#agree2").prop("checked", false);
1212}
1213
1214//메일알람 프로그램 다운로드 PC 체크 후 URL 넘기기
1215function showUrl(device, obj){
1216	if(device != "PC") {
1217		alert("메일나라 알람프로그램은 PC버전으로 다운로드할 수 있습니다.");
1218		return false;
1219	}
1220
1221	if (obj == "mac") {
1222		location.href="https://mailnara.co.kr/support/mailnara-alarm-setup-0.10.3.pkg";
1223	}
1224	else {
1225		location.href="https://mailnara.co.kr/support/New_MailAlarm_Setup.exe";
1226	}
1227
1228	//var filter = "win16|win32|win64|mac";
1229	 
1230	/*if(navigator.platform){
1231		if(0 > filter.indexOf(navigator.platform.toLowerCase())) {
1232			alert("메일나라 알람프로그램은 PC버전으로 다운로드할 수 있습니다.");
1233		}
1234		else{
1235		}
1236	}*/
1237}
1238
1239
1240function openModelToChild()
1241{
1242	setTimeout(function() {
1243		$("#openModelButton").trigger("click");
1244        }, 1500)
1245}
1246
1247</script>
1247
1248<style type="text/css">
1249	#custorm { display:none; }
1250</style>
1251
1252	<!-- 170217 광고 배너 닫음 -->
1253	
1253<script>
1254		$(document).ready(function() {
1255			open_popup('5'); //251020
1256			//var left = $(".serviceGuide").offset().left;
1257			//$("#main_popup_1").css("left",left);
1258		});
1259
1260		$(window).resize(function() {
1261			var winWidth=$("body").width();
1262			var modalWidth=$("#main_popup_1").width();
1263			// $('#main_popup_1').css({
1264			// 	left: (winWidth/2)-(modalWidth/2)
1265			// });
1266		});
1267		$( window).trigger('resize'); // 윈도우창 resize 하기 전에도 적용
1268
1269		//231201
1270		function open_popup(num) {
1271			var cookiedata = document.cookie;
1272			if(cookiedata.indexOf("ncookie"+num+"=done") < 0) {
1273				$("#main_popup_"+num).show();
1274			}
1275			else {
1276				$("#main_popup_"+num).hide();
1277			}
1278		}
1279
1280		//231201
1281		function close_popup(num) {
1282			$("#main_popup_"+num).hide();
1283
1284			if($("#noread_week"+num).is(":checked")) {
1285				set_cookie("ncookie"+num, "done", 7);
1286			}
1287			if($("#noread"+num).is(":checked")) {
1288				set_cookie("ncookie"+num, "done", 999);
1289			}
1290		}
1291
1292		function set_cookie(name, value, expirehours) {
1293			var todayDate = new Date();
1294			todayDate.setDate( todayDate.getDate() + expirehours ); // expiredays는 쿠키유효기간
1295			document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
1296		}
1297	</script>
1297
1298
1299	<!-- 메인 프로모션 배너
1300	<div id="main_popup"style="z-index: 999; position: absolute; top: 0; left: 668.5px;">
1301    		<div class="modal-content">
1302			<div class="modal-body" style="padding:0">
1303				<i class="fa fa-times" aria-hidden="true" style="position: absolute;right: 10px;top: 10px;font-size: 28px;color: #fff;" id="close_popup" onclick="close_popup()"></i> 
1304				<a href="/index.php/customer/mobile">
1305					<img src="/images/main/mailnara_v2_main_banner.jpg">
1306				</a>
1307      			</div>
1308			<div class="modal-footer">
1309				<input type="checkbox" id="noread" onclick="close_popup()"><label for="noread">다시 보지 않기</label>
1310				<input type="checkbox" id="noread_week" onclick="close_popup()"><label for="noread_week">일주일간 보지 않기</label>
1311			</div>
1312		</div>
1313  	</div>-->
1314
1315	<!--div id="main_popup_1" style="display none;">
1316		<div class="modal-content">
1317		<div class="modal-body">
1318				<a href="javascript:close_popup();" class="absolute"><img src="images/popup/lang/close_btn_s.png" alt="닫기"></a>
1319			<div class="no-padding-t">
1320				<a href="index.php/customer/mobile">
1321                       <img src="images/popup/v2up/popup_img.jpg" alt="메일나라 앱 light version">
1322                   </a>
1323				</div>
1324			</div>
1325			<div class="modal-footer">
1326				<input type="checkbox" id="noread" onclick="close_popup()"> <label for="noread"> 다시 보지 않기</label>
1327				<input type="checkbox" id="noread_week" onclick="close_popup()"> <label for="noread_week"> 일주일간 보지 않기</label>
1328				<a href="javascript:close_popup();" class="close">닫기</a>
1329			</div>
1330		</div>
1331	  </div-->
1332
1333	<!--251020-->
1334	<div id="main_popup_5" class="main_popup" style="display: none">
1335		<div class="modal-content">
1336			<div class="modal-body">
1337				<!-- <a href="javascript:close_popup('5');" class="absolute"><img src="/images/popup/lang/close_btn_s.png" alt="닫기"></a> -->
1338				<div class="no-padding-t">
1339					<a href="/index.php/customer/mobile">
1340						<img src="/images/popup/mailnaraApp_popup.png" alt="메일나라 모바일 앱 정식 출시" class="main_img">
1341					</a>
1342				</div>
1343			</div>
1344			<div class="modal-footer">
1345				<input type="checkbox" id="noread5" onclick="close_popup('5')"> <label for="noread5"> 다시 보지 않기</label>
1346				<input type="checkbox" id="noread_week5" onclick="close_popup('5')"> <label for="noread_week5"> 일주일간 보지 않기</label>
1347				<a href="javascript:close_popup('5');" class="close">닫기</a>
1348			</div>
1349		</div>
1350  	</div>
1351	<!--//251020-->
1352
1353    <!--#30001 - 메일나라 프로모션 사이트 내 기술지원 시간 팝업 내림건 으로 비활성화-->
1354    <!--
1355	<div id="main_popup_3" class="main_popup" style="display: none">
1356		<div class="modal-content">
1357			<div class="modal-body">
1358				<a href="javascript:close_popup('3');" class="absolute"><img src="/images/popup/lang/close_btn_s.png" alt="닫기"></a>
1359				<div class="modal-padding">
1360					<h5>[공지] 기술지원 및 고객지원 전화상담 서비스 시간 변경 안내</h5>
1361					안녕하세요. 삼정데이타서비스(주) 입니다.<br>
1362					항상 저희 서비스를 이용해 주시는 고객님께 깊은 감사를 드립니다.<br><br>
1363
1364					기존에 24시간 제공되던 기술지원 및 고객지원 전화상담 서비스 시간이<br>
1365					<b>2024년 1월 1일</b>부터 아래와 같이 새로운 운영 시간이 적용됩니다.<br><br>
1366					
1367					[기존]<br>
1368					일반고객지원 및 기술지원 전화상담 : 24시간/365일<br>
1369					긴급장애접수 : 24시간/365일<br><br>
1370
1371					<b>[변경]<br>
1372					일반고객지원 및 기술지원 전화상담 : 평일 08시 ~ 20시<br>
1373					긴급장애접수 : 24시간/365일<br><br></b>
1374					
1375					가입/해지 신청이나 요금 납부 그리고 각종 고객 문의에 대한 전화상담시간이 변경되었지만<br>
1376					긴급장애에 대한 접수및 처리는 기존과 같이 24시간/365일 대응하고 있으며,<br>
1377					변경 사항에 따른 불편을 최소화하기 위해 최선을 다하겠습니다.<br><br>
1378					
1379					고객님의 양해와 협조에 깊은 감사를 드립니다.<br><br>
1380
1381					감사합니다.
1382				</div>
1383			</div>
1384			<div class="modal-footer">
1385				<input type="checkbox" id="noread3" onclick="close_popup('3')"> <label for="noread3"> 다시 보지 않기</label>
1386				<input type="checkbox" id="noread_week3" onclick="close_popup('3')"> <label for="noread_week3"> 일주일간 보지 않기</label>
1387				<a href="javascript:close_popup('3');" class="close">닫기</a>
1388			</div>
1389		</div>
1390  	</div>
1391  	-->
1392
1393	<!--//231201-->
1394
1395	<!--250407-->
1396	<!-- <div id="main_popup_4" class="main_popup" style="display: none">
1397		<div class="modal-content">
1398			<div class="modal-body">
1399				<a href="javascript:close_popup('4');" class="absolute"><img src="/images/popup/lang/close_btn_s.png" alt="닫기"></a>
1400				<div class="modal-padding" style="padding:20px;width:400px;">
1401					<h5 style="padding-right:25px;">[공지] 호스트웨이 IDC 전원 공급 장애로 인한 서비스 장애 안내</h5>
1402					안녕하세요. 삼정데이타서비스 운영팀입니다.<br><br>
1403 
1404					금일(4월 7일) 새벽 호스트웨이 IDC 전원 공급 장애로 인해 서비스 제공에 문제가 발생하였습니다.<br>
1405					현재 라우터 우회 작업을 통해 복구 중이며, 빠른 정상화를 위해 최선을 다하고 있으나 장애 발생 대역 내 자사 서비스 (전화 및 홈페이지 서버)가 포함되어 장애 공지 및 전화 응대가 어려운 점 양해를 부탁드립니다.<br><br>
1406					
1407					<b>장애 영향</b>: 메일나라 / 다이렉트호스팅/ 다이렉트센드 일부 서버 접속 오류 및 메일 송수신 오류<br>
1408					<b>복구 예상 시간</b>: 13:00시 경 (서버별 순차 복구 진행 중)<br><br>
1409					
1410					서비스 이용에 불편을 드린 점 양해 부탁드립니다.<br>
1411					감사합니다.
1412				</div>
1413			</div>
1414			<div class="modal-footer">
1415				<input type="checkbox" id="noread4" onclick="close_popup('3')"> <label for="noread4"> 다시 보지 않기</label>
1416				<input type="checkbox" id="noread_week4" onclick="close_popup('3')"> <label for="noread_week4"> 일주일간 보지 않기</label>
1417				<a href="javascript:close_popup('4');" class="close">닫기</a>
1418			</div>
1419		</div>
1420  	</div> -->
1421<!--//250407-->
1422
1423	<div id="container" class="content">
1424
1425		<div id="page_body" class="grid">
1426			<div class="grid-sizer"></div><!--칸 사이즈 기준잡아줌 (2배가 처음올때) -->
1427			<div class="grid-item grid-banner">
1428				<div id="visual" class="">
1429					<!-- Tab panes -->
1430				  <div class="tab-content">
1431					<!--251020-->
1432				    <div role="tabpanel" class="tab-pane fade" id="tab9">
1433						<p class="layer layer1">
1434							<img src="/images/main/banner251020_1.png" alt="휴대폰 이미지"/>
1435						</p>
1436						<p class="layer layer2">
1437							<img src="/images/main/banner251020_3.png" alt="NEW 메일나라 앱"/>
1438						</p>
1439						<p class="layer layer3">
1440							<img src="/images/main/banner251020_4.png" alt="그룹웨어 메일나라G와 기업메일 모두 메일나라 앱으로 모바일에서도 편리하게! "/>
1441						</p>
1442						<p class="layer layer4">
1443							<a href="/index.php/customer/mobile" class="btn btn-outline-white"><i class="icon-apple"></i> App Store</a>
1444							<a href="/index.php/customer/mobile" class="btn btn-outline-white"><i class="icon-google-play"></i> Google Play</a>
1445						</p>
1446					</div>
1447					<!--//251020-->
1448				    <div role="tabpanel" class="tab-pane fade" id="tab8">
1449						<p class="layer layer1">
1450							<img src="/images/main/banner9_1.png?v=2" alt=""/>
1451						</p>
1452						<p class="layer layer2">
1453							<img src="/images/main/banner9_2.png" alt="업무 Change! 메일나라 G"/>
1454						</p>
1455						<p class="layer layer3">
1456							<img src="/images/main/banner9_3.png" alt="기업메일, 근태관리, 전자결재를 한번에!"/>
1457						</p>
1458						<p class="layer layer4">
1459							<a href="/index.php/groupware" class="btn btn-outline-white">자세히보기</a>
1460						</p>
1461					</div>
1462				    <div role="tabpanel" class="tab-pane fade" id="tab5">
1463							<p class="layer layer1">
1464								<img src="/images/main/banner5_2.png?v=2" alt="배너 이미지"/>
1465							</p>
1466							<p class="layer layer4">
1467								<img src="/images/main/banner5_3.png?v=2" alt="배너 이미지"/>
1468							</p>
1469							<p class="layer layer2" >
1470								<img src="/images/main/banner5_1.png?v=2" alt="30만 기업고객의 선택!"/>
1471							</p>
1472							<p class="layer layer3" >
1473								<img src="/images/main/banner5_1_1.png?v=2" alt="무제한용량, 단독IP메일, SSL보안인증서무료, 협업기능 비즈니스에 최적화된 기업메일을 합리적인 가격으로!"/>
1474							</p>
1475				    </div>
1476				    <!--div role="tabpanel" class="tab-pane fade" id="tab6">
1477							<p class="layer layer1">
1478								<img src="/images/main/banner6_1.png" alt="배너 이미지"/>
1479							</p>
1480							<p class="layer layer2">
1481								<img src="/images/main/banner6_2.png" alt="배너 이미지"/>
1482							</p>
1483							<p class="layer layer3" >
1484								<img src="/images/main/banner6_3.png" alt="30만 기업고객의 선택!"/>
1485							</p>
1486							<p class="layer layer4" >
1487								<img src="/images/main/banner6_4.png" alt="무제한용량, 단독IP메일, SSL보안인증서무료, 협업기능 비즈니스에 최적화된 기업메일을 합리적인 가격으로!"/>
1488							</p>
1489				    </!--div>
1490				    <div-- role="tabpanel" class="tab-pane fade" id="tab1">
1491							<p class="layer layer1">
1492								<img src="/images/main/banner1_1.png" alt="배너 이미지"/>
1493							</p>
1494							<p class="layer layer4">
1495								<img src="/images/main/banner1_4.png" alt="배너 이미지"/>
1496							</p>
1497							<p class="layer layer2" >
1498								<img src="/images/main/banner1_2.png" alt="Mailnara Cloud V4.0">
1499							</p>
1500							<p class="layer layer3">
1501								<img src="/images/main/banner1_3.png" alt="반응형으로 협업비즈니스에 최적화! 국가공인 GS인증 1등급 기업메일"/>
1502							</p>
1503					</div-->
1504					<!--251020-->
1505				    <!-- <div role="tabpanel" class="tab-pane fade" id="tab2">
1506							<p class="layer layer1">
1507								<img src="/images/main/banner2_1.png" alt="배너 이미지"/>
1508							</p>
1509							<p class="layer layer6">
1510								<img src="/images/main/banner2_5.png" alt="배너 이미지"/>
1511							</p>
1512							<p class="layer layer2" >
1513								<img src="/images/main/banner2_2.png" alt="3가지 스타일의 웹메일"/>
1514							</p>
1515							<p class="layer layer3">
1516								<img src="/images/main/banner2_3.png" alt="메일나라 기업메일에서는 고객님이 원하는 대로 웹메일을 골라서 사용할 수 있습니다."/>
1517							</p>
1518							<p class="layer layer4">
1519								<img src="/images/main/banner2_4.png" alt="기본형V3 + 클라우드 V3.5 + 클라우드 반응형 V4"/>
1520							</p>
1521							<p class="layer layer5">
1522								<a href="/index.php/business/functional" class="btn btn-outline-white">자세히보기</a>
1523							</p>
1524				    </div> -->
1525					<!--//251020-->
1526				    <div role="tabpanel" class="tab-pane fade" id="tab3">
1527							<p class="layer layer6">
1528								<img src="/images/main/banner3_6.png" alt="배너 이미지"/>
1529							</p>
1530							<p class="layer layer3">
1531								<img src="/images/main/banner3_3.png" alt="배너 이미지"/>
1532							</p>
1533							<p class="layer layer2" >
1534								<img src="/images/main/banner3_2.png" alt="보안기능탑재 기업메일"/>
1535							</p>
1536							<p class="layer layer1">
1537								<img src="/images/main/banner3_4.png" alt="메일나라는 보안기능을 별도 신청하거나 신규상품 추가 없이 메일에 추가하기 때문에 보안기능을 무료로 이용 가능합니다."/>
1538							</p>
1539							<p class="layer layer5">
1540								<img src="/images/main/banner3_5.png" alt="보안메일무료, 로그인이력관리, 비밀번호변경관리, SSL보안인증서, 해외IP차단"/>
1541							</p>
1542							<p class="layer layer4">
1543								<a href="/index.php/business/functional#security" class="btn btn-outline-white">자세히보기</a>
1544							</p>
1545				    </div>
1546				    <div role="tabpanel" class="tab-pane fade" id="tab4">
1547							<p class="layer layer1">
1548								<img src="/images/main/banner4_1.png" alt="배너 이미지"/>
1549							</p>
1550							<p class="layer layer5" >
1551								<img src="/images/main/banner4_4.png" alt="쉬운 대량발송! 다이렉트센드"/>
1552							</p>
1553							<p class="layer layer2" >
1554								<img src="/images/main/banner4_2.png" alt="메일 0.5원, 문자 9.5원, 카카오 알림톡 7.5원, 카카오 친구톡 13.5원 어떤특가보다 최저가! 필요한 만큼만 충전해서 사용하세요!"/>
1555							</p>
1556							<p class="layer layer4" >
1557								<img src="/images/main/banner4_3.png" alt="080 무료수신거부번호, 외부 DB 사이트연동, 문자,메일,카카오 API, 대량메일 템플릿샘플, 설문조사 제공"/>
1558							</p>
1559							<p class="layer layer3">
1560								<a href="/index.php/addition/messaging" class="btn btn-outline-white">자세히보기</i>
1561								</a>
1562							</p>
1563				    </div>
1564					
1565				  </div>
1566					<ul class="nav nav-tabs" role="tablist">
1567						<li role="presentation" class="active"><a href="#tab9" aria-controls="mailnaraG" role="tab" data-toggle="tab">1</a></li>
1568						<li role="presentation"><a href="#tab8" aria-controls="mail" role="tab" data-toggle="tab">2</a></li>
1569						<li role="presentation"><a href="#tab5" aria-controls="profile" role="tab" data-toggle="tab">3</a></li>
1570						<li role="presentation"><a href="#tab3" aria-controls="messages" role="tab" data-toggle="tab">4</a></li>
1571						<li role="presentation"><a href="#tab4" aria-controls="settings" role="tab" data-toggle="tab">5</a></li>
1572					</ul>
1573				</div>
1574			</div>
1575
1576			<!-- 서비스 체험하기 -->
1577			<div class="grid-item major serviceGuide">
1578				<div class="dis_table">
1579					<div class="td trigger">
1580						<i></i>
1581						<h2>서비스 데모체험</h2>
1582						<div class="hover">
1583							<p>데모사이트 바로가기</p>
1584							<a href="https://mail.demo.mailnara.co.kr/demo.php" class="btn" target="_blank">
1585								Cloud V4<br/>기업메일 서비스
1586							</a><br/>
1587							<!-- [D] 게스트 로그인 개발 필요 -->
1588							<a href="https://directsend.co.kr/index.php/user/demo_login" target="_blank" class="btn issue">
1589								기업 대량메시지<br/>발송 서비스<!--200519_이미지수정-->
1590							</a>
1591						</div>
1592					</div>
1593				</div>
1594			</div>
1595
1596			<!-- 견적 -->
1597			<div class="grid-item major demo">
1598				<div class="dis_table">
1599					<a href="javascript:" class="td trigger" onclick="estimate_mail()">
1600						<i></i>
1601						<h2>쉽고 빠른 견적 보기</h2>
1602					</a>
1603				</div>
1604			</div>
1605
1606			<!-- 제안서 -->
1607			<div class="grid-item major proposals">
1608				<div class="dis_table">
1609					<a href="#proposals" class="td" data-toggle="modal" onclick="init_proposal_form()">
1610						<i></i>
1611						<h2>제안서 다운로드</h2>
1612					</a>
1613				</div>
1614			</div>
1615
1616			<!-- 고객센터 -->
1617			<div class="grid-item major custorm">
1618				<div class="dis_table">
1619					<h2>고객센터</h2>
1620					<p class="yellow">
1621												1544-1992
1622											</p>
1623					<p class="crl"><i>1</i> 서비스 문의</p>
1624					<p class="crl"><i>2</i> 요금 문의</p>
1625					<!--231204-->
1626					<p class="blue">
1627						평일 08시~20시<br>(긴급장애 24시간/365일)
1628					</p>
1629					<!--//231204-->
1630				</div>
1631			</div>
1632
1633			<div id="modal_back" style="display:none"/></div>
1634			<div id="loading_popup" style="display:none">
1635    				<div class="modal-content">
1636			        	<div class="modal-body">
1637						<div class="no-padding-t">
1638							<img src="/images/main/loader.gif"><br><br>
1639							도메인을 검색 중입니다.<br>
1640							잠시만 기다려주십시오.
1641						</div>
1642      					</div>
1643    				</div>
1644      			</div>
1645
1646			<!-- 도메인 -->
1647			<div class="grid-item grid-domain">
1648				<div class="dis_table domain_search">
1649					<div class="td">
1650						<h2>도메인</h2>
1651						<p class="info">회사 Identity를 보여줄 수 있는 좋은 도메인을 검색하고 등록해보세요!</p>
1652						<div class="dis_table">
1653							<div class="td">
1654								<input type="hidden" id="type" name="type" value="main">
1655								<div class="input-group">
1656									<input id="domain" name="domain" class="form-control search_input" type="text" placeholder="">
1657									<input type="hidden" id="search_type" name="search_type" value="S" />
1658									<a class="btn btn-primary search_btn input-group-addon no-minwidth" onclick="search_domain('S')">
1659										<i class="fa fa-search"></i></a>
1660								</div>
1661								
1661<script>
1662									$("#domain").keydown(function() {
1663										if(event.keyCode == 13) {
1664											search_domain('S');
1665										}
1666									});
1667								</script>
1667
1668							</div>
1669						</div>
1670					</div>
1671				</div>
1672			</div>
1673
1674			<!-- 서비스 선택 가이드 -->
1675			<div class="grid-item major choieGuide">
1676				<div class="dis_table">
1677					<a href="#service_guide" class="td" data-toggle="modal">
1678						<i></i>
1679						<h2>기업메일 서비스<br/>선택 가이드</h2>
1680					</a>
1681				</div>
1682			</div>
1683
1684			<!-- 가이드 -->
1685			<div class="grid-item grid-guide">
1686				<div class="dis_table guide3 trigger2 main_half">
1687					<p class="td left"><i>아이콘</i></p>
1688					<h2 class="td"><span class="hidden-xs">메일나라 </span>도메인<br/>세팅 가이드</h2>
1689					<div class="hover guide3Box">
1690						<h4>도메인 세팅 가이드</h4>
1691						<a href="#mx_guide" data-toggle="modal">MX 레코드 변경</a>
1692						<a href="#name_change" data-toggle="modal">도메인네임서버</a>
1693						<a href="#name_setting_linux" data-toggle="modal">LINUX/UNIX 네임 서버 변경</a>
1694						<a href="#name_setting_window" data-toggle="modal">WINDOW 네임 서버 변경</a>
1695					</div>
1696				</div>
1697				<a href="#product_mailalarm" class="dis_table guide6 a_init" data-toggle="modal">
1698				<!--<a href="javascript:" class="dis_table guide6 a_init" onclick="setting_mailalarm()">-->
1699					<p class="td left"><i>아이콘</i></p>
1700					<h2 class="td">메일 알람<br/>프로그램</h2>
1701					<p class="hover">바로가기</p>
1702				</a>
1703			</div>
1704			<div class="grid-item grid-guide">
1705				<a href="/index.php/customer/mobile" class="dis_table guide4">
1706					<p class="td left"><i>아이콘</i></p>
1707					<h2 class="td">모바일 APP<br/>다운로드</h2>
1708					<p class="hover">바로가기</p>
1709				</a>
1710				<a href="#product_guide" class="dis_table guide1" data-toggle="modal">
1711					<p class="td left"><i>아이콘</i></p>
1712					<h2 class="td"><span class="hidden-xs">메일나라 </span>상품<br/>선택 가이드</h2>
1713					<p class="hover">바로가기</p>
1714				</a>
1715			</div>
1716			
1717			<div class="grid-item grid-guide">
1718				<a href="/index.php/customer/manual" class="dis_table guide5">
1719					<p class="td left"><i>아이콘</i></p>
1720					<h2 class="td"><span class="hidden-xs">메일나라 </span>매뉴얼<br/>다운로드</h2>
1721					<p class="hover">바로가기</p>
1722				</a>
1723				<div class="dis_table guide2 trigger2 main_half">
1724					<p class="td left"><i>아이콘</i></p>
1725					<h2 class="td"><span class="hidden-xs">메일나라 </span>아웃룩<br/>세팅 가이드</h2>
1726					<div class="hover guide3Box">
1727						<p>아웃룩 세팅 가이드</p>
1728						<a href="javascript:" onclick="setting_outlook()">아웃룩 설정 방법<br>(설정 시뮬레이션)</a>
1729						<a href="#outlook_auto" data-toggle="modal">아웃룩 자동세팅 프로그램</a>
1730						<a href="/index.php/customer/manual">아웃룩 매뉴얼 바로가기</a>
1731						<!-- <a href="#outlook_manual" data-toggle="modal">아웃룩 매뉴얼 다운로드</a> -->
1732					</div>
1733				</div>
1734			</div>
1735
1736			<!-- 공지사항 -->
1737			<div class="grid-item grid-notice">
1738				<div class="dis_table">
1739					<div class="td">
1740						<h2>공지사항
1741							<a href="/index.php/customer/notice" class="pull-right more btn no-minwidth btn-white"><i class="fa fa-plus"></i></a>
1742						</h2>
1743						<ul class="list-unstyled dis_table">
1744															<li class="tr">
1745									<a class="td subject text_over" href="/index.php/customer/notice_view/1315">
1746										[공지] 개인정보처리방침 개정안내									</a>
1747									<span class="td date">2026-06-16</span>
1748								</li>
1749																<li class="tr">
1750									<a class="td subject text_over" href="/index.php/customer/notice_view/1300">
1751										[공지] 도메인 가격인상 안내									</a>
1752									<span class="td date">2026-01-21</span>
1753								</li>
1754																<li class="tr">
1755									<a class="td subject text_over" href="/index.php/customer/notice_view/1276">
1756										[공지] 그룹웨어 메일나라G 신규/추천인 연말 이벤트 안내									</a>
1757									<span class="td date">2025-11-24</span>
1758								</li>
1759																<li class="tr">
1760									<a class="td subject text_over" href="/index.php/customer/notice_view/1270">
1761										[공지] 그룹웨어 메일나라G 및 기업메일 신규 모바일 앱 출시 안내 (기존 앱 지원 종료)									</a>
1762									<span class="td date">2025-11-18</span>
1763								</li>
1764																<li class="tr">
1765									<a class="td subject text_over" href="/index.php/customer/notice_view/1252">
1766										[공지] 호스트웨이 IDC 전원 공급오류로 인한 장애 정상화안내									</a>
1767									<span class="td date">2025-04-07</span>
1768								</li>
1769																<li class="tr">
1770									<a class="td subject text_over" href="/index.php/customer/notice_view/1228">
1771										[공지] 메일나라G 기능개선 업데이트 안내									</a>
1772									<span class="td date">2025-01-10</span>
1773								</li>
1774														</ul>
1775					</div>
1776				</div>
1777			</div>
1778
1779			<!-- 네임서버 -->
1780			<div class="grid-item nameServer">
1781				<div class="dis_table">
1782					<div class="td">
1783						<h2>네임서버 정보<span class="sub hidden-xs">클릭하면 클립보드에 복사됩니다.</span></h2>
1784						<ul>
1785							<li class="tr">
1786								<p class="td content">
1787									<a class="clipboardBtn a_init" href="#" onclick=""><span class="num">1</span><font>ns1.sdsns.com 211.115.203.112</font></a>
1788								</p>
1789							</li>
1790							<li class="tr">
1791								<p class="td content">
1792									<a class="clipboardBtn a_init" href="#" onclick=""><span class="num">2</span><font>ns2.sdsns.com 211.239.157.110</font></a>
1793								</p>
1794							</li>
1795						</ul>
1796						<input id="clip_target" class="clip_target" type="text" value=""/>
1797						<div class="bankBox">
1798							<h2>계좌정보</h2>
1799							<p><b>국민은행</b> 예금주 : 삼정데이타서비스(주)</p>
1800							<p class="green">342-01-0025-597</p>
1801						</div>
1802					</div>
1803				</div>
1804			</div>
1805
1806			<!-- 고객사 -->
1807			<div class="grid-item customer grid-customer" id="silderPc">
1808				<h2>CUSTOMER</h2>
1809				<div class="owl-carousel customer_carousel owl-theme">
1810					<!--대기업-->
1811					<div>
1812						<p><img src="/images/logo/a_samsung.png" alt="(주)삼성씨오에스"></p>
1813						<p><img src="/images/logo/a_hdfund.png" alt="현대인베스트먼트자산운용(주)"></p>
1814						<p><img src="/images/logo/a_doosantms.png" alt="에코시스템주식회사"></p>
1815						<p><img src="/images/logo/a_t-ad.png" alt="SK Planet"></p>
1816						<p><img src="/images/logo/a_hynet.png" alt="현대하이넷(주)"></p>
1817						<p><img src="/images/logo/a_sahmyook.png" alt="삼육식품"></p>
1818						<p><img src="/images/logo/a_acebed.png" alt="에이스침대"></p>
1819						<p><img src="/images/logo/a_sidiz.png" alt="(주)시디즈"></p>
1820					</div>
1821					<!--공공기관-->
1822					<div>
1823						<p>
1823<img src="/images/logo/incham.png" alt="인천상공회의소"></p>
1824						<p><img src="/images/logo/jcci.png" alt="전주상공회의소"></p>
1825						<p><img src="/images/logo/ggcf.png" alt="경기문화재단"></p>
1826						<p><img src="/images/logo/library.png" alt="재단법인 경기문화재단"></p>
1827						<p><img src="/images/logo/koelsa.png" alt="한국승강기안전공단"></p>
1828						<p><img src="/images/logo/jiat.png" alt="자치행정연수원"></p>
1829						<p><img src="/images/logo/kqa.png" alt="(주)한국품질보증원"></p>
1830						<p><img src="/images/logo/lati.png" alt="자치행정연수원"></p>
1831					</div>
1832					<!--협회/재단-->
1833					<div>
1834						<p><img src="/images/logo/koreanbar.png" alt="대한변호사협회"></p>
1835						<p><img src="/images/logo/kva.png" alt="(사)대한배구협회"></p>
1836						<p><img src="/images/logo/kgagolf.png" alt="대한골프협회"></p>
1837						<p><img src="/images/logo/safenet.png" alt="한국정보통신기술협회"></p>
1838						<p><img src="/images/logo/sws.png" alt="(사회복지)대한사회복지회"></p>
1839						<p><img src="/images/logo/pediheart.png" alt="대한소아심장학회"></p>
1840						<p><img src="/images/logo/akd.png" alt="대한피부과의사회"></p>
1841						<p><img src="/images/logo/ksvs.png" alt="사단법인 대한수의학회"></p>
1842					</div>
1843					<!--뉴스/방송-->
1844					<div>
1845						<p><img src="/images/logo/newsis.png" alt="뉴시스"></p>
1846						<p><img src="/images/logo/news1.png" alt="뉴스원"></p>
1847						<p><img src="/images/logo/babynews.png" alt="베이비뉴스주식회사"></p>
1848						<p><img src="/images/logo/ablenews.png" alt="(주)에이블뉴스"></p>
1849						<p><img src="/images/logo/newshankuk.png" alt="(주)뉴스한국"></p>
1850						<p><img src="/images/logo/ajunews.png" alt="주식회사아주뉴스코퍼레이션"></p>
1851						<p><img src="/images/logo/a_btn.png" alt="불교텔레비젼(주)"></p>
1852						<p><img src="/images/logo/stoo.png" alt="스포츠투데이"></p>
1853					</div>
1854					<!--예술/엔터-->
1855					<div>
1856						<p><img src="/images/logo/jype.png" alt="JYP엔터테인먼트"></p>
1857						<p><img src="/images/logo/fncent.png" alt="(주)에프앤씨엔터테인먼트"></p>
1858						<p><img src="/images/logo/jspictures.png" alt="(주)제이에스픽쳐스"></p>
1859						<p><img src="/images/logo/ondaent.png" alt="주식회사 온다엔터테인먼트"></p>
1860						<p><img src="/images/logo/snomusic.png" alt="서울내셔널심포니오케스트라"></p>
1861						<p><img src="/images/logo/incheonac.png" alt="인천아트센터주식회사"></p>
1862						<p><img src="/images/logo/zipcine.png" alt="(주)영화사 집"></p>
1863						<p><img src="/images/logo/tourexpress.png" alt="투어익스프레스"></p>
1864					</div>
1865					<!--요식업-->
1866					<div>
1867						<p><img src="/images/logo/pizzahut.png" alt="한국피자헛(유)"></p>
1868						<p><img src="/images/logo/kraze.png" alt="크라제인터내셔날(주)"></p>
1869						<p><img src="/images/logo/pizzaetang.png" alt="(주)제이에스픽쳐스"></p>
1870						<p><img src="/images/logo/wabar.png" alt="(주)에땅"></p>
1871						<p><img src="/images/logo/gimgane.png" alt="(주) 김家네"></p>
1872						<p><img src="/images/logo/haimarrow.png" alt="해마로푸드서비스(주)"></p>
1873						<p><img src="/images/logo/codd.png" alt="(주)프랜푸드"></p>
1874						<p><img src="/images/logo/pizzafactory.png" alt="(주)비전트리코리아"></p>
1875					</div>
1876					<!--컨설팅/회계법인-->
1877					<div>
1878						<p><img src="/images/logo/deloitteconsulting.png" alt="딜로이트컨설팅"></p>
1879						<p><img src="/images/logo/dodaejoo.png" alt="대주회계법인"></p>
1880						<p><img src="/images/logo/hanmia.png" alt="한미회계법인"></p>
1881						<p><img src="/images/logo/detax.png" alt="회계법인성지"></p>
1882						<p><img src="/images/logo/taeyul.png" alt="태율회계법인"></p>
1883						<p><img src="/images/logo/cjac.png" alt="천지회계법인"></p>
1884						<p><img src="/images/logo/dsacc.png" alt="대성회계법인"></p>
1885						<p><img src="/images/logo/skcpa.png" alt="송강회계법인"></p>
1886					</div>
1887				</div>
1888			</div>
1889			<!-- 고객사 -->
1890			<div class="grid-item customer grid-customer" id="silderTM">
1891				<h2>CUSTOMER</h2>
1892				<div class="owl-carousel customer_carousel owl-theme">
1893					<!--대기업-->
1894					<div>
1895						<p><img src="/images/logo/a_samsung.png" alt="(주)삼성씨오에스"></p>
1896						<p><img src="/images/logo/a_hdfund.png" alt="현대인베스트먼트자산운용(주)"></p>
1897						<p><img src="/images/logo/a_doosantms.png" alt="에코시스템주식회사"></p>
1898						<p><img src="/images/logo/a_t-ad.png" alt="SK Planet"></p>
1899					</div>
1900					<div>
1901						<p><img src="/images/logo/a_hynet.png" alt="현대하이넷(주)"></p>
1902						<p><img src="/images/logo/a_sahmyook.png" alt="삼육식품"></p>
1903						<p><img src="/images/logo/a_acebed.png" alt="에이스침대"></p>
1904						<p><img src="/images/logo/a_sidiz.png" alt="(주)시디즈"></p>
1905					</div>
1906					<!--공공기관-->
1907					<div>
1908						<p>
1908<img src="/images/logo/incham.png" alt="인천상공회의소"></p>
1909						<p><img src="/images/logo/jcci.png" alt="전주상공회의소"></p>
1910						<p><img src="/images/logo/ggcf.png" alt="경기문화재단"></p>
1911						<p><img src="/images/logo/library.png" alt="재단법인 경기문화재단"></p>
1912					</div>
1913					<div>
1914						<p><img src="/images/logo/koelsa.png" alt="한국승강기안전공단"></p>
1915						<p><img src="/images/logo/jiat.png" alt="자치행정연수원"></p>
1916						<p><img src="/images/logo/kqa.png" alt="(주)한국품질보증원"></p>
1917						<p><img src="/images/logo/lati.png" alt="자치행정연수원"></p>
1918					</div>
1919					<!--협회/재단-->
1920					<div>
1921						<p><img src="/images/logo/koreanbar.png" alt="대한변호사협회"></p>
1922						<p><img src="/images/logo/kva.png" alt="(사)대한배구협회"></p>
1923						<p><img src="/images/logo/kgagolf.png" alt="대한골프협회"></p>
1924						<p><img src="/images/logo/safenet.png" alt="한국정보통신기술협회"></p>
1925					</div>
1926					<div>
1927						<p><img src="/images/logo/sws.png" alt="(사회복지)대한사회복지회"></p>
1928						<p><img src="/images/logo/pediheart.png" alt="대한소아심장학회"></p>
1929						<p><img src="/images/logo/akd.png" alt="대한피부과의사회"></p>
1930						<p><img src="/images/logo/ksvs.png" alt="사단법인 대한수의학회"></p>
1931					</div>
1932					<!--뉴스/방송-->
1933					<div>
1934						<p><img src="/images/logo/newsis.png" alt="뉴시스"></p>
1935						<p><img src="/images/logo/news1.png" alt="뉴스원"></p>
1936						<p><img src="/images/logo/babynews.png" alt="베이비뉴스주식회사"></p>
1937						<p><img src="/images/logo/ablenews.png" alt="(주)에이블뉴스"></p>
1938					</div>
1939					<div>
1940						<p><img src="/images/logo/newshankuk.png" alt="(주)뉴스한국"></p>
1941						<p><img src="/images/logo/ajunews.png" alt="주식회사아주뉴스코퍼레이션"></p>
1942						<p><img src="/images/logo/a_btn.png" alt="불교텔레비젼(주)"></p>
1943						<p><img src="/images/logo/stoo.png" alt="스포츠투데이"></p>
1944					</div>
1945					<!--예술/엔터-->
1946					<div>
1947						<p><img src="/images/logo/jype.png" alt="JYP엔터테인먼트"></p>
1948						<p><img src="/images/logo/fncent.png" alt="(주)에프앤씨엔터테인먼트"></p>
1949						<p><img src="/images/logo/jspictures.png" alt="(주)제이에스픽쳐스"></p>
1950						<p><img src="/images/logo/ondaent.png" alt="주식회사 온다엔터테인먼트"></p>
1951					</div>
1952					<div>
1953						<p><img src="/images/logo/snomusic.png" alt="서울내셔널심포니오케스트라"></p>
1954						<p><img src="/images/logo/incheonac.png" alt="인천아트센터주식회사"></p>
1955						<p><img src="/images/logo/zipcine.png" alt="(주)영화사 집"></p>
1956						<p><img src="/images/logo/tourexpress.png" alt="투어익스프레스"></p>
1957					</div>
1958					<!--요식업-->
1959					<div>
1960						<p><img src="/images/logo/pizzahut.png" alt="한국피자헛(유)"></p>
1961						<p><img src="/images/logo/kraze.png" alt="크라제인터내셔날(주)"></p>
1962						<p><img src="/images/logo/pizzaetang.png" alt="(주)제이에스픽쳐스"></p>
1963						<p><img src="/images/logo/wabar.png" alt="(주)에땅"></p>
1964					</div>
1965					<div>
1966						<p><img src="/images/logo/gimgane.png" alt="(주) 김家네"></p>
1967						<p><img src="/images/logo/haimarrow.png" alt="해마로푸드서비스(주)"></p>
1968						<p><img src="/images/logo/codd.png" alt="(주)프랜푸드"></p>
1969						<p><img src="/images/logo/pizzafactory.png" alt="(주)비전트리코리아"></p>
1970					</div>
1971					<!--컨설팅/회계법인-->
1972					<div>
1973						<p><img src="/images/logo/deloitteconsulting.png" alt="딜로이트컨설팅"></p>
1974						<p><img src="/images/logo/dodaejoo.png" alt="대주회계법인"></p>
1975						<p><img src="/images/logo/hanmia.png" alt="한미회계법인"></p>
1976						<p><img src="/images/logo/detax.png" alt="회계법인성지"></p>
1977					</div>
1978					<div>
1979						<p><img src="/images/logo/taeyul.png" alt="태율회계법인"></p>
1980						<p><img src="/images/logo/cjac.png" alt="천지회계법인"></p>
1981						<p><img src="/images/logo/dsacc.png" alt="대성회계법인"></p>
1982						<p><img src="/images/logo/skcpa.png" alt="송강회계법인"></p>
1983					</div>
1984				</div>
1985			</div>
1986		</div><!-- grid -->
1987
1988		<!-- 대외인증 -->
1989
1990		<div class="owl-carousel owl-theme certi_carousel main">
1991			<div class="list dis_table certi1">
1992				<p class="td"><img src="/images/logo/certi01.png" alt="정보보호 준비도 평가 인증 획득"></p>
1993				<h2 class="td">정보보호 준비도 평가<br/> 인증 획득</h2>
1994			</div>
1995			<div class="list dis_table certi2">
1996				<p class="td"><i><img src="/images/logo/certi02.png" alt="Good Software 인증 획득"></i></p>
1997				<h2 class="td">Good Software <br/>인증 획득</h2>
1998			</div>
1999			<div class="list dis_table certi3">
2000				<p class="td"><i><img src="/images/logo/certi03.png" alt="AIG 책임보상 보험 가입"></i></p>
2001				<h2 class="td">AIG 책임보상 <br/>보험 가입</h2>
2002			</div>
2003			<div class="list dis_table certi4">
2004				<p class="td"><i><img src="/images/logo/certi04.png" alt="Microsoft 골드파트너"></i></p>
2005				<h2 class="td">Microsoft <br/>골드파트너</h2>
2006			</div>
2007			<div class="list dis_table certi5">
2008				<p class="td"><i><img src="/images/logo/certi05.png" alt="기술혁신형 중소기업"></i></p>
2009				<h2 class="td">기술혁신형 <br/>중소기업</h2>
2010			</div>
2011		</div>
2012
2013		
2013<script>
2014			$('.grid').masonry({
2015				columnWidth: '.grid-sizer',
2016				percentPosition: true,
2017				itemSelector: '.grid-item'
2018			});
2019
2020			$(document).ready(function(){
2021				//Owl carousel : 메인페이지 대외인증
2022				var owl_css = '<link rel="stylesheet" href="/plugins/owl-carousel/owl.carousel.css" />';
2023				var revolution_css =
2024					'<link rel="stylesheet" href="/plugins/rs-plugin/css/settings.css"/>' +
2025					'<link rel="stylesheet" href="/plugins/rs-plugin/css/layers.css"/>' +
2026					'<link rel="stylesheet" href="/plugins/rs-plugin/css/navigation.css"/>';
2027
2028				$('head').append(owl_css,revolution_css);
2029				$('.certi_carousel').owlCarousel({
2030					autoPlay : false,
2031					items : 5 //10 items above 1000px browser width
2032//					itemsDesktop : [1199,5], //4 items between 901px and 1199px
2033//					itemsDesktopSmall : [900,5], // betweem 900px and 671px
2034//					itemsTablet: [670,2], //2 items between 670 and 501
2035//					itemsMobile : [500, 4]//
2036				});
2037				$('.customer_carousel').owlCarousel({
2038					items: 1,
2039					loop: true,
2040					autoHeight:true,
2041					autoplay: true,
2042					autoplayTimeout: 2000,
2043					autoplayHoverPause: true,
2044					responsiveClass: true,
2045					responsive: {
2046						1199: {
2047							items: 1
2048						},
2049						670: {
2050							items: 2
2051						}
2052					}
2053				});
2054
2055			});
2056
2057		</script>
2057
2058	</div><!-- #container -->
2059
2060	<!--고객센터 PC버전-->
2061<div class="custormWrap" id="custorm"></div>
2062<!--//고객센터 PC버전-->
2063
2064<a href="#" class="to-top"><i class="fa fa-angle-up icon"></i><span>TOP</span></a>
2065
2066<!-- footer start (Add "light" class to #footer in order to enable light footer) -->
2067<!-- ================ -->
2068<footer id="footer">
2069	<div class="content">
2070		<div class="row">
2071			<div class="col-md-9">
2072				<img class="logo" src="/images/logo_sj.png" alt="삼정데이타서비스 로고">
2073				<p class="shortcut">
2074		            <a href="http://www.sds.co.kr/main/index.php" target="_blank">회사소개</a><span class="bar"></span>
2075		            <a href="/index.php/member/mail">이용약관</a><span class="bar"></span>
2076		            <a href="/index.php/member/privacy">개인정보처리방침</a><span class="bar"></span>
2077		            <a href="/index.php/member/deny">이메일무단수집거부</a>
2078		        </p>
2079				<p>
2080					삼정데이타서비스(주)<span class="bar"></span>대표자 : 오충용<span class="bar"></span>개인정보관리책임자 : CPO 이정엽<span class="bar"></span>사업자번호 : 213-86-32489<span class="bar"></span>통신판매업 신고 : 제 2014-서울구로-1345호
2081					<br>(08378) 서울시 구로구 디지털로34길 27, 904호, 905호 (구로동, 대륭포스트타워3차)
2082				</p>
2083				<p class="copy">Copyright &copy; <span style="font-weight:bold">Samjung Data Service.</span> All Rights Reserved.</p>
2084
2085			</div>
2086			<div class="col-md-3 ">
2087				<div class="btn-group-sm dropup family pull-right">
2088					<button type="button" class="btn btn-outline-white dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
2089						Family Site <span class="caret"></span>
2090					</button>
2091					<ul class="dropdown-menu" role="menu">
2092						<li><a href="http://www.sds.co.kr/" target="_blank">삼정데이타서비스</a></li>
2093						<li><a href="http://direct.co.kr/" target="_blank">다이렉트</a></li>
2094						<li><a href="http://www.directbill.co.kr/" target="_blank">다이렉트빌</a></li>
2095						<li><a href="https://mydirect.co.kr/main/main.php" target="_blank">마이다이렉트</a></li>
2096						<li><a href="https://directsend.co.kr" target="_blank">다이렉트센드</a></li>
2097						<li><a href="http://www.directcloud.co.kr/" target="_blank">다이렉트클라우드</a></li>
2098					</ul>
2099				</div>
2100
2101			</div>
2102		</div>
2103	</div>
2104</footer>
2105<!-- footer end -->
2106
2107<!-- jQuery REVOLUTION Slider  -->
2108<script type="text/javascript" src="/plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
vendor: 2 bytes, line 2108
2108
2109<script type="text/javascript" src="/plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
2109
2110
2111<!-- SmoothScroll javascript -->
2112<script type="text/javascript" src="/plugins/jquery.browser.js"></script>
vendor: 2 bytes, line 2112
2112
2113<script type="text/javascript" src="/plugins/SmoothScroll.js"></script>
2113
2114
2115<!-- Owl carousel javascript -->
2116<script type="text/javascript" src="/plugins/owl-carousel/owl.carousel.js"></script>
2116
2117
2118
2119<!-- Initialization of Plugins -->
2120<!-- 
2120<script type="text/javascript" src="../js/template.js"></script>
2120 -->
2121
2122<!--네이버연관채널설정-->
2123<script type="application/ld+json">
2124{
2125"@context": "http://schema.org",
2126"@type": "Person",
2127"name": "메일나라",
2128"url": "https://mailnara.co.kr/",
2129"sameAs": [
2130   "https://blog.naver.com/PostList.naver?blogId=samjungdata&from=postList&categoryNo=1&parentCategoryNo=1",
2131   "https://www.youtube.com/@samjungdataservice",
2132]
2133}
2134</script>
2134
2135
2136
2137<!--네이버웹분석20161215시작-->
2138<script type="text/javascript" src="https://wcs.naver.net/wcslog.js"></script>
vendor: 2 bytes, line 2138
2138
2139<script type="text/javascript">
2140if(!wcs_add) var wcs_add = {};
2141wcs_add["wa"] = "279b3585d27120";
2142wcs_do();
2143</script>
2143
2144<!--네이버웹분석20161215종료-->
2145
2146
2147
2148<!-- 네이버광고 20160726시작-->
2149<script type="text/javascript" src="https://wcs.naver.net/wcslog.js"> </script>
vendor: 2 bytes, line 2149
2149
2150<script type="text/javascript">
2151if (!wcs_add) var wcs_add={};
2152wcs_add["wa"] = "s_3df939c73694";
2153if (!_nasa) var _nasa={};
2154wcs.inflow();
2155wcs_do(_nasa);
2156</script>
2156
2157<!-- 네이버광고 20160726 종료-->
2158
2159
2160
2161
2162<!-- LOGGER(TM) TRACKING SCRIPT V.40 FOR logger.co.kr / 52294 : COMBINE TYPE / DO NOT ALTER THIS SCRIPT. -->
2163<script type="text/javascript">var _TRK_LID="52294";var _L_TD="ssl.logger.co.kr";var _TRK_CDMN=".mailnara.co.kr";</script>
vendor: 2 bytes, line 2163
2163
2164<script type="text/javascript">var _CDN_DOMAIN = location.protocol == "https:" ? "https://fs.bizspring.net" : "http://fs.bizspring.net";
2165(function(b,s){var f=b.getElementsByTagName(s)[0],j=b.createElement(s);j.async=true;j.src='//fs.bizspring.net/fs4/bstrk.1.js';f.parentNode.insertBefore(j,f);})(document,'script');</script>
2165
2166<noscript><img alt="Logger Script" width="1" height="1" src="http://ssl.logger.co.kr/tracker.tsp?u=52294&amp;js=N" /></noscript>
2167<!-- END OF LOGGER TRACKING SCRIPT -->
2168
2169<!-- modal -->
2170
2171<!-- 기업메일서비스선택가이드 modal -->
2172<div id="service_guide" class="modal fade">
2173	<div class="modal-dialog modal-lg" style="">
2174		<div class="modal-content">
2175			<div class="modal-header">
2176				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
2177				<h2 class="modal-title">메일나라 상품선택 가이드</h2>
2178			</div>
2179			<div class="modal-body">
2180
2181				<ul class="nav nav-tabs">
2182					<li class="active"><a href="#choice_guide" data-toggle="tab">메일 선택 가이드</a></li>
2183					<li><a href="#use_guide" data-toggle="tab">웹메일 사용법</a></li>
2184				</ul>
2185
2186				<div class="tab-content">
2187					<div id="choice_guide" class="tab-pane fade in active">
2188						<!-- Font Awesome 4.4.0 CDN (사이트 공통으로 이미 포함되어 있다면 생략 가능) -->
2189<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
2190
2191<div id="mail-recommend-tool">
2192  <div class="card-container">
2193    <!-- 헤더 -->
2194    <div class="header">
2195      <h1>우리 회사에 딱 맞는 기업메일 선택!</h1>
2196      <div class="badge-wrapper">
2197        <div class="notice-badge">
2198          <i class="fa fa-shield"></i>
2199          <div>회사 기밀 유출 방지를 위한 강력한 메일보안 기능은 <span>무료</span>로 제공합니다.</div>
2200        </div>
2201      </div>
2202      <!-- 진행 상태 바 -->
2203      <div class="progress-track" id="progressTrack">
2204        <div class="progress-fill" id="progressBar"></div>
2205      </div>
2206    </div>
2207
2208    <!-- 컨텐츠 -->
2209    <div class="content">
2210      
2211      <!-- Step 1: 회사규모 -->
2212      <div id="step1" class="step active fade-in">
2213        <i class="fa fa-users step-icon"></i>
2214        <h2 class="step-title">회사의 규모가 어떻게 되시나요?</h2>
2215        <div class="grid-2">
2216          <button class="btn-choice center" onclick="handleChoice('size', 'under100')">
2217            <div class="title">100명 이내</div>
2218          </button>
2219          <button class="btn-choice center btn-emerald" onclick="handleChoice('size', 'over100')">
2220            <div>
2221              <div class="title">100명 이상</div>
2222              <span class="subtitle">커스터마이징 가능</span>
2223            </div>
2224          </button>
2225        </div>
2226      </div>
2227
2228      <!-- Step 2: 메일용량 -->
2229      <div id="step2" class="step fade-in slide-in">
2230        <i class="fa fa-hdd-o step-icon"></i>
2231        <h2 class="step-title">선호하시는 메일 용량 정책은 무엇인가요?</h2>
2232        <div class="grid-1">
2233          <button class="btn-choice" onclick="handleChoice('capacity', 'specific')">
2234            <div class="title">메일 계정별로 용량을 지정하여 사용하고 싶다</div>
2235            <i class="fa fa-angle-right chevron"></i>
2236          </button>
2237          <button class="btn-choice" onclick="handleChoice('capacity', 'unlimited')">
2238            <div class="title">메일용량 걱정 없는 무제한 용량으로 사용하고 싶다</div>
2239            <i class="fa fa-angle-right chevron"></i>
2240          </button>
2241          <button class="btn-choice" onclick="handleChoice('capacity', 'private')">
2242            <div class="title">회사전용으로 단독으로 쓰고 싶다</div>
2243            <i class="fa fa-angle-right chevron"></i>
2244          </button>
2245        </div>
2246        <button class="btn-back" onclick="goToStep(1)">
2247          <i class="fa fa-angle-left"></i> 이전 단계로
2248        </button>
2249      </div>
2250
2251      <!-- Step 3: 해외거래량 -->
2252      <div id="step3" class="step fade-in slide-in">
2253        <i class="fa fa-globe step-icon"></i>
2254        <h2 class="step-title">해외 거래 및 출장이 잦으신가요?</h2>
2255        <div class="grid-1">
2256          <button class="btn-choice" onclick="handleChoice('overseas', 'low')">
2257            <div class="title">
2257해외거래가 거의 없고 국내영업대상이다</div>
2258            <i class="fa fa-angle-right chevron"></i>
2259          </button>
2260          <button class="btn-choice" onclick="handleChoice('overseas', 'high')">
2261            <div class="title">해외출장과 해외 메일 발송이 많은 편이다</div>
2262            <i class="fa fa-angle-right chevron"></i>
2263          </button>
2264        </div>
2265        <button class="btn-back" onclick="goToStep(2)">
2266          <i class="fa fa-angle-left"></i> 이전 단계로
2267        </button>
2268      </div>
2269
2270      <!-- Step 4: ê²°ê³¼ -->
2271      <div id="step4" class="step zoom-in">
2272        <!-- 메인 결과 카드 -->
2273        <div class="result-card">
2274          <div class="result-icon-wrap" id="resultIcon"></div>
2275          <span class="result-badge" id="resultBadge"></span>
2276          <h2 class="result-title" id="resultTitle"></h2>
2277          <div class="result-desc" id="resultDesc"></div>
2278        </div>
2279        
2280        <!-- 가격 정보 박스 -->
2281        <div class="result-price-box">
2282          <span class="price-label">추천 상품 기준</span>
2283          <span class="price-value" id="resultPrice"></span>
2284        </div>
2285
2286        <!-- 버튼 영역 -->
2287        <div class="action-buttons">
2288          <button class="btn-primary" onclick="window.open('https://www.mailnara.co.kr/index.php/groupware', '_blank')">지금 상담 신청하기</button>
2289          <button class="btn-secondary" onclick="resetForm()">
2290            <i class="fa fa-refresh"></i> 다시 선택하기
2291          </button>
2292        </div>
2293      </div>
2294
2295      <!-- 공통 하단 안내 문구 -->
2296      <div class="footer-notice">
2297        ※ 모든 메일서비스 상품은 메일 계정수와 메일용량을 확장할 수 있으며 VAT별도입니다.
2298      </div>
2299
2300    </div>
2301  </div>
2302
2303  <style>
2304    /* 1080 기준 모달 탭용: 최대 높이 650~700px, 한 페이지에 맞춤 */
2305    #mail-recommend-tool {
2306      font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
2307      color: #1e293b;
2308      display: flex;
2309      justify-content: center;
2310      padding: 0;
2311      width: 100%;
2312      max-height: 700px;
2313      box-sizing: border-box;
2314    }
2315
2316    #mail-recommend-tool *, #mail-recommend-tool *::before, #mail-recommend-tool *::after {
2317      box-sizing: border-box;
2318    }
2319
2320    #mail-recommend-tool .card-container {
2321      width: 100%;
2322      max-width: 1040px;
2323      max-height: 700px;
2324      background-color: #ffffff;
2325      overflow: hidden;
2326      display: flex;
2327      flex-direction: column;
2328    }
2329
2330    #mail-recommend-tool .header {
2331      background-color: #0f172a;
2332      padding: 2rem 1rem;
2333      color: #ffffff;
2334      text-align: center;
2335      position: relative;
2336      flex-shrink: 0;
2337    }
2338
2339    #mail-recommend-tool .header h1 {
2340      font-size: 1.6rem;
2341      font-weight: 800;
2342      margin: 0 0 0.8rem 0;
2343      color: #fff;
2344      letter-spacing: -0.025em;
2345    }
2346
2347    #mail-recommend-tool .badge-wrapper {
2348      display: flex;
2349      justify-content: center;
2350    }
2351
2352    #mail-recommend-tool .notice-badge {
2353      display: inline-flex;
2354      align-items: center;
2355      gap: 0.35rem;
2356      background-color: rgba(255,255,255,0.08);
2357      padding: 0.4rem 0.9rem;
2358      border-radius: 99px;
2359      color: #cbd5e1;
2360      font-size: 1rem;
2361      border: 1px solid rgba(255,255,255,0.1);
2362      line-height: 1.35;
2363      word-break: keep-all;
2364    }
2365
2366    #mail-recommend-tool .notice-badge i { color: #60a5fa; }
2367    #mail-recommend-tool .notice-badge span { color: #60a5fa; font-weight: 700; }
2368
2369    #mail-recommend-tool .progress-track {
2370      position: absolute;
2371      bottom: 0;
2372      left: 0;
2373      width: 100%;
2374      height: 3px;
2375      background-color: #1e293b;
2376    }
2377
2378    #mail-recommend-tool .progress-fill {
2379      height: 100%;
2380      background-color: #3b82f6;
2381      transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
2382      width: 33.33%;
2383    }
2384
2385    #mail-recommend-tool .content {
2386      padding: 1.25rem 1rem;
2387      flex: 1;
2388      min-height: 530px;
2389      display: flex;
2390      flex-direction: column;
2391      align-items: center;
2392      justify-content: center;
2393      background-color: #f8fafc;
2394      overflow-y: auto;
2395    }
2396
2397    #mail-recommend-tool .footer-notice {
2398      margin-top: 2rem;
2399      color: #ef4444;
2400      font-size: 0.9rem;
2401      font-weight: 600;
2402      text-align: center;
2403      width: 100%;
2404      line-height: 1.4;
2405      word-break: keep-all;
2406      flex-shrink: 0;
2407    }
2408
2409    #mail-recommend-tool .step {
2410      display: none;
2411      flex-direction: column;
2412      align-items: center;
2413      justify-content: center;
2414      width: 100%;
2415      max-width: 640px;
2416    }
2417
2418    #mail-recommend-tool .step.active { display: flex; }
2419
2420    #mail-recommend-tool .fade-in { animation: toolFadeIn 0.5s ease-out forwards; }
2421    #mail-recommend-tool .slide-in { animation: toolSlideIn 0.5s ease-out forwards; }
2422    #mail-recommend-tool .zoom-in { animation: toolZoomIn 0.5s ease-out forwards; }
2423
2424    @keyframes toolFadeIn { from { opacity: 0; } to { opacity: 1; } }
2425    @keyframes toolSlideIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
2426    @keyframes toolZoomIn { from { opacity: 0; transform: scale(0.97); } to { opacity: 1; transform: scale(1); } }
2427
2428    #mail-recommend-tool .step-icon {
2429      font-size: 2.5rem;
2430      color: #3b82f6;
2431      margin-bottom: 0.2rem;
2432      opacity: 0.2;
2433    }
2434
2435    #mail-recommend-tool .step-title {
2436      font-size: 1.7rem;
2437      font-weight: 800;
2438      margin-bottom: 2rem;
2439      text-align: center;
2440      color: #1e293b;
2441      letter-spacing: -0.02em;
2442      word-break: keep-all;
2443    }
2444
2445    #mail-recommend-tool .grid-2 { 
2446      display: grid; 
2447      grid-template-columns: repeat(2, 1fr); 
2448      gap: 0.65rem; 
2449      width: 100%; 
2450    }
2451    
2452    #mail-recommend-tool .grid-1 { 
2453      display: grid; 
2454      grid-template-columns: 1fr; 
2455      gap: 0.5rem; 
2456      width: 100%; 
2457    }
2458
2459    #mail-recommend-tool .btn-choice {
2460      padding: 1rem 1.6rem;
2461      border: 1px solid #e2e8f0;
2462      border-radius: 0.75rem;
2463      background-color: #ffffff;
2464      cursor: pointer;
2465      transition: all 0.2s ease;
2466      display: flex;
2467      align-items: center;
2468      justify-content: space-between;
2469      color: #334155;
2470      box-shadow: 0 2px 4px rgba(0,0,0,0.02);
2471      font-family: inherit;
2472    }
2473
2474    #mail-recommend-tool .btn-choice.center { justify-content: center; flex-direction: column; text-align: center; }
2475    
2476    #mail-recommend-tool .btn-choice:hover {
2477      border-color: #3b82f6;
2478      transform: translateY(-2px);
2479      box-shadow: 0 8px 15px -5px rgba(59, 130, 246, 0.15);
2480    }
2481
2482    #mail-recommend-tool .btn-choice .title { 
2483      font-size: 1.1rem; 
2484      font-weight: 700; 
2485      line-height: 1.3;
2486      text-align: left;
2487    }
2488    #mail-recommend-tool .btn-choice.center .title { text-align: center; }
2489    
2490    #mail-recommend-tool .btn-choice .chevron { 
2491      color: #cbd5e1; 
2492      font-size: 1.1rem; 
2493      margin-left: 0.5rem;
2494    }
2495
2496    #mail-recommend-tool .btn-emerald { border-color: #c6e4d4; background-color: #f0fdf4; }
2497    #mail-recommend-tool .btn-emerald .title { color: #059669; }
2498    #mail-recommend-tool .btn-emerald .subtitle {
2499      color: #6b7280;
2500      font-size: 0.75rem;
2501      margin-top: 0.25rem;
2502      display: block;
2503      font-weight: 400;
2504    }
2505
2506    #mail-recommend-tool .btn-back {
2507      margin-top: 1rem;
2508      color: #94a3b8;
2509      font-size: 0.85rem;
2510      display: flex;
2511      align-items: center;
2512      gap: 0.35rem;
2513      background: none;
2514      border: none;
2515      cursor: pointer;
2516      padding: 0.35rem 0.75rem;
2517    }
2518
2519    /* 통합 결과 카드 스타일 */
2520    #mail-recommend-tool .result-card {
2521      width: 100%;
2522      background-color: #ffffff;
2523      border-radius: 1rem;
2524      border: 1px solid #e2e8f0;
2525      padding: 1.25rem 1.25rem;
2526      display: flex;
2527      flex-direction: column;
2528      align-items: center;
2529      text-align: center;
2530      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
2531      margin-bottom: 1rem;
2532    }
2533
2534    #mail-recommend-tool .result-icon-wrap {
2535      margin-bottom: 0.75rem;
2536      width: 56px;
2537      height: 56px;
2538      background-color: #eff6ff;
2539      border-radius: 1.25rem;
2540      display: flex;
2541      align-items: center;
2542      justify-content: center;
2543    }
2544    #mail-recommend-tool .result-icon-wrap i { font-size: 1.75rem; }
2545
2546    #mail-recommend-tool .result-badge {
2547      padding: 0.3rem 0.75rem;
2548      background-color: #dbeafe;
2549      color: #2563eb;
2550      font-size: 0.7rem;
2551      font-weight: 800;
2552      border-radius: 99px;
2553      margin-bottom: 0.5rem;
2554    }
2555
2556    #mail-recommend-tool .result-title {
2557      font-size: 1.5rem;
2558      font-weight: 900;
2559      margin-bottom: 0.5rem;
2560      margin-top:0.2rem;
2561      color: #0f172a;
2562    }
2563
2564    #mail-recommend-tool .result-desc {
2565      line-height: 1.5;
2566      color: #475569;
2567      font-size: 0.9rem;
2568      width: 100%;
2569      word-break: keep-all;
2570    }
2571
2572    #mail-recommend-tool .result-price-box {
2573      width: 100%;
2574      background-color: #0f172a;
2575      color: white;
2576      padding: 1rem 1rem;
2577      border-radius: 0.75rem;
2578      display: flex;
2579      flex-direction: column;
2580      align-items: center;
2581      margin-bottom: 1rem;
2582    }
2583
2584    #mail-recommend-tool .price-label { color: #94a3b8; font-size: 0.7rem; margin-bottom: 0.2rem; }
2585    #mail-recommend-tool .price-value { font-size: 1.35rem; font-weight: 800; }
2586
2587    #mail-recommend-tool .action-buttons { width: 100%; display: flex; flex-direction: column; gap: 0.5rem; }
2588    
2589    #mail-recommend-tool .btn-primary {
2590      padding: 0.75rem;
2591      background-color: #2563eb;
2592      color: white;
2593      font-weight: 800;
2594      border-radius: 0.75rem;
2595      border: none;
2596      cursor: pointer;
2597      font-size: 1rem;
2598      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
2599      transition: background-color 0.2s;
2600    }
2601    #mail-recommend-tool .btn-primary:hover { background-color: #1d4ed8; }
2602    
2603    #mail-recommend-tool .btn-secondary {
2604      padding: 0.65rem;
2605      background-color: #fff;
2606      color: #64748b;
2607      font-weight: 700;
2608      border-radius: 0.75rem;
2609      border: 1px solid #e2e8f0;
2610      cursor: pointer;
2611      display: flex;
2612      align-items: center;
2613      justify-content: center;
2614      gap: 0.4rem;
2615      font-size: 0.9rem;
2616      transition: background-color 0.2s;
2617    }
2618    #mail-recommend-tool .btn-secondary:hover { background-color: #f8fafc; }
2619
2620    @media (max-width: 640px) {
2621      #mail-recommend-tool .header { padding: 1.4rem 0.9rem; }
2622      #mail-recommend-tool .header h1 { font-size: 1.35rem; margin: 0 0 0.6rem 0; }
2623      #mail-recommend-tool .notice-badge { font-size: 0.88rem; padding: 0.4rem 0.85rem; }
2624      
2625      #mail-recommend-tool .content { padding: 1.2rem 0.9rem; min-height: 400px; }
2626      #mail-recommend-tool .step-title { font-size: 1.35rem; margin-bottom: 1.5rem; }
2627      #mail-recommend-tool .step-icon { font-size: 2.25rem; }
2628
2629      #mail-recommend-tool .grid-2 { grid-template-columns: 1fr; gap: 0.6rem; }
2630      #mail-recommend-tool .grid-1 { gap: 0.5rem; }
2631      #mail-recommend-tool .btn-choice { padding: 0.95rem 1.2rem; }
2632      #mail-recommend-tool .btn-choice .title { font-size: 1.05rem; }
2633      #mail-recommend-tool .btn-back { margin-top: 1rem; font-size: 0.88rem; }
2634
2635      #mail-recommend-tool .result-card { padding: 1.2rem 1.1rem; margin-bottom: 1rem; }
2636      #mail-recommend-tool .result-icon-wrap { width: 52px; height: 52px; margin-bottom: 0.7rem; }
2637      #mail-recommend-tool .result-icon-wrap i { font-size: 1.6rem; }
2638      #mail-recommend-tool .result-badge { font-size: 0.72rem; padding: 0.32rem 0.8rem; }
2639      #mail-recommend-tool .result-title { font-size: 1.4rem; margin-bottom: 0.5rem; }
2640      #mail-recommend-tool .result-desc { font-size: 0.88rem; }
2641      #mail-recommend-tool .result-price-box { padding: 1rem; margin-bottom: 1rem; }
2642      #mail-recommend-tool .price-label { font-size: 0.72rem; }
2643      #mail-recommend-tool .price-value { font-size: 1.28rem; }
2644      #mail-recommend-tool .btn-primary { padding: 0.8rem; font-size: 1rem; }
2645      #mail-recommend-tool .btn-secondary { padding: 0.7rem; font-size: 0.9rem; }
2646      #mail-recommend-tool .notice-badge i{display:none}
2647      
2648      #mail-recommend-tool .footer-notice { margin-top: 1.25rem; font-size: 0.82rem; }
2649    }
2650  </style>
2651
2652  
2652<script>
2653    (function() {
2654      const products = {
2655        '비즈니스': {
2656          title: '비즈니스',
2657          desc: '소규모 인원에 최적화된 경제적인 플랜입니다. 기업용 메일의 필수적인 보안 기능과 관리 도구를 합리적인 가격에 제공합니다.',
2658          price: '10계정 / 월 10,000원',
2659          badge: 'BEST VALUE',
2660          iconClass: 'fa fa-envelope',
2661          iconColor: '#3b82f6'
2662        },
2663        'VIP': {
2664          title: 'VIP 무제한',
2665          desc: '용량 제한 스트레스 없이 모든 임직원이 무제한으로 메일을 사용할 수 있습니다. 대용량 첨부파일 거래가 많은 기업에 추천합니다.',
2666          price: '10계정 / 월 20,000원',
2667          badge: 'UNLIMITED',
2668          iconClass: 'fa fa-diamond',
2669          iconColor: '#a855f7'
2670        },
2671        '단독IP형 비즈니스': {
2672          title: '단독IP형 비즈니스',
2673          desc: '우리 회사 전용 IP를 사용하여 해외 메일 발송 성공률을 극대화합니다. RBL 차단 걱정 없는 안정적인 글로벌 비즈니스를 지원합니다.',
2674          price: '10계정 / 월 15,000원',
2675          badge: 'GLOBAL RELIABILITY',
2676          iconClass: 'fa fa-shield',
2677          iconColor: '#10b981'
2678        },
2679        '독립메일': {
2680          title: '독립메일',
2681          desc: '보안 정책부터 서버 사양까지 우리 회사에 딱 맞게 커스터마이징합니다. 대규모 인원과 특수 보안 환경이 필요한 중견/대기업용 솔루션입니다.',
2682          price: '500계정 / 월 500,000원',
2683          badge: 'ENTERPRISE',
2684          iconClass: 'fa fa-server',
2685          iconColor: '#f97316'
2686        }
2687      };
2688
2689      let currentStep = 1;
2690      let answers = { size: null, capacity: null, overseas: null };
2691
2692      window.handleChoice = function(key, value) {
2693        answers[key] = value;
2694        // 특정 조건 시 바로 결과로 건너뜀
2695        if ((key === 'size' && value === 'over100') || (key === 'capacity' && value === 'private') || key === 'overseas') {
2696          goToStep(4);
2697        } else {
2698          goToStep(currentStep + 1);
2699        }
2700      };
2701
2702      window.goToStep = function(stepNumber) {
2703        const container = document.getElementById('mail-recommend-tool');
2704        if (!container) return;
2705
2706        container.querySelectorAll('.step').forEach(el => {
2707          el.classList.remove('active', 'fade-in', 'slide-in', 'zoom-in');
2708        });
2709
2710        currentStep = stepNumber;
2711        const targetStep = document.getElementById('step' + currentStep);
2712        if (targetStep) {
2713          targetStep.classList.add('active');
2714          
2715          const progressTrack = document.getElementById('progressTrack');
2716          const progressBar = document.getElementById('progressBar');
2717
2718          if (currentStep === 4) {
2719            targetStep.classList.add('zoom-in');
2720            renderResult();
2721            if (progressTrack) progressTrack.style.display = 'none';
2722          } else {
2723            targetStep.classList.add('fade-in', 'slide-in');
2724            if (progressTrack) progressTrack.style.display = 'block';
2725            if (progressBar) progressBar.style.width = ((currentStep / 3) * 100) + '%';
2726          }
2727        }
2728      };
2729
2730      function renderResult() {
2731        let resultKey = '비즈니스';
2732        if (answers.size === 'over100' || answers.capacity === 'private') resultKey = '독립메일';
2733        else if (answers.overseas === 'high') resultKey = '단독IP형 비즈니스';
2734        else if (answers.capacity === 'unlimited') resultKey = 'VIP';
2735        else resultKey = '비즈니스';
2736
2737        const product = products[resultKey];
2738        const iconElement = document.getElementById('resultIcon');
2739        if (iconElement) {
2740          iconElement.innerHTML = `<i class="${product.iconClass}" style="color: ${product.iconColor}"></i>`;
2741        }
2742        
2743        const badgeEl = document.getElementById('resultBadge');
2744        const titleEl = document.getElementById('resultTitle');
2745        const descEl = document.getElementById('resultDesc');
2746        const priceEl = document.getElementById('resultPrice');
2747
2748        if (badgeEl) badgeEl.innerText = product.badge;
2749        if (titleEl) titleEl.innerText = product.title;
2750        if (descEl) descEl.innerText = product.desc;
2751        if (priceEl) priceEl.innerText = product.price;
2752      }
2753
2754      window.resetForm = function() {
2755        answers = { size: null, capacity: null, overseas: null };
2756        goToStep(1);
2757      };
2758    })();
2759  </script>
2759
2760</div><!--260224-->
2761					</div><!-- #choice_guide -->
2762
2763					<div id="use_guide" class="tab-pane fade">
2764						<p class="first text-right">
2765							<span class="label">&nbsp;</span> : 관련기능 표시
2766						</p>
2767
2768						<!-- 사장님 -->
2769						<div>
2770							<div class="dis_table">
2771								<div class="td img">
2772									<p class="mb-5 onEvent">
2773										<img src="/images/main/useguide01.png" class="center-block" alt="사장님 이용법">
2774									</p>
2775								</div>
2776								<div class="td body">
2777									<p class="title">사장님 사용 후기</p>
2778									메일을 갖춘 소규모 그룹웨어로 메일나라서비스를 이용하고 있습니다.<br/>
2779									외부로 나가는 메일을 승인해야 발송될 수 있도록 설정 가능하여 승인메일로 중요한 메일을 확인하고
2780									승인하여 발송될 수 있도록 하여 내부관리에 더 용이합니다.<br/>
2781									우리 회사의 전체 직원현황을 주소록에서 그룹, 직급주소록으로 제공해주고 <br/>
2782									개인주소록으로 거래처 내용도 확인 가능해서 외부에서도 메일주소,
2783									핸드폰, 유선전화, 내선번호를 한눈에 확인해볼 수 있어 좋았습니다.
2784									캘린더기능으로  일정을 공유 받을 수 있어서 주요 회의 일정을 보고 받지 않아도 확인할 수 있어 편리합니다.<br/>
2785									자료실에서 영업관리에 영업사원들이 실시간으로 올리는 매출액을 별도의 보고지시 없이 바로 확인할 수 있어 편했습니다.
2786									<p class="">
2787										<span class="label">승인메일</span>
2788										<span class="label">주소록</span>
2789										<span class="label">관리자기능</span>
2790										<span class="label">일정공유</span>
2791										<span class="label">자료실</span>
2792									</p>
2793								</div>
2794							</div>
2795						</div>
2796
2797						<hr class="md">
2798
2799						<!-- 중간 -->
2800						<div class="">
2801							<div class="dis_table">
2802								<div class="td img">
2803									<p class="mb-5 onEvent"><img src="/images/main/useguide02.png" class="center-block" alt="중간관리자 이용법"></p>
2804								</div>
2805								<div class="td body">
2806									<p class="title">중간관리자 사용 후기</p>
2807									이제 메일나라로 팀원이 보내는 메일을 관리가 가능합니다.<br/>
2808									대상에게 내부, 외부를 대상으로 설정하여 발송 보내기 전내용을 확인하고 승인하여야 발송되어 편리합니다.
2809									중요한 메일은 기밀메일로 암호를 설정하여 메일을 발송 할 수 있어서 안심입니다.<br/>
2810									팀원이 퇴사를 하여도 메일계정관리가 가능하며 주요자료를 백업할 수 있습니다. <br/>
2811									아무나 볼 수 없는 중요문서도 개인별, 팀별로 열람할 수 있는 권한을 설정할 수 있어 안심입니다.<br/>
2812									팀원들의 일정이 간단하게 공유되어 회의일정이나 미팅일정을 잡기 편합니다.
2813									<p class="">
2814										<span class="label">일정관리</span>
2815										<span class="label">승인메일</span>
2816										<span class="label">내부메일</span>
2817										<span class="label">기밀메일</span>
2818										<span class="label">관리자기능</span>
2819										<span class="label">자료실</span>
2820									</p>
2821								</div>
2822							</div>
2823						</div>
2824
2825						<hr class="md">
2826
2827						<!-- 사원 -->
2828						<div>
2829							<div class="dis_table">
2830								<div class="td img">
2831									<p class="mb-5 onEvent"><img src="/images/main/useguide03.png" class="center-block"  alt="사원 이용법"></p>
2832								</div>
2833								<div class="td body">
2834									<p class="title">사원 사용 후기</p>
2835									어디서나 사용할 수 있는 메일나라 덕분에<br/> 외부에서 팀장님에게 메일과 전화로 보고하기 수월해졌습니다.<br/>
2836									회사 내 주요일정을 공지사항을 통해서 확인할 수 있습니다. <br/>
2837									또한, 개인일정관리와 더불어 일정  부서별회의일정을 공유 받아서 일정관리를 하기 편리합니다.<br/>
2838									회사의 업무상 필요한 보고서양식 작성할 때 참고할 수 있도록<br/>
2839									자료실에 사내양식과 업무자료가 모아져 있어 업무에 많은 도움이 됩니다.
2840									<p class="">
2841										<span class="label label-default">일정관리</span>
2842										<span class="label label-default">승인메일</span>
2843										<span class="label label-default">공지사항</span>
2844										<span class="label label-default">주소록</span>
2845										<span class="label label-default">자료실</span>
2846									</p>
2847								</div>
2848							</div>
2849						</div><!-- 사원 -->
2850
2851					</div><!-- #use_guide -->
2852
2853				</div><!-- tab-content -->
2854			</div><!-- modal-body -->
2855
2856		</div><!-- modal-content -->
2857	</div>
2858</div><!-- E:// 상품선택가이드 modal -->
2859
2860<!-- 상품선택가이드 modal -->
2861<div id="product_guide" class="modal fade">
2862  <div class="modal-dialog modal-lg">
2863    <div class="modal-content">
2864      <div class="modal-header">
2865        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
2866        <h2 class="modal-title">메일나라 상품선택 가이드</h2>
2867      </div>
2868      <div class="modal-body">
2869        <div class="row no-margin-b">
2870          <div class="col-md-6">
2871            <p class="title business">
2872              기업에 꼭 필요한 기본 기능을 제공하는 Business
2873            </p>
2874            <p>
2875              기업메일의 기본적인 기능들을 제공하며, 계정당 메일 용량을 자유롭게 설정하여 사용할 수 있는 서비스로
2876              합리적인 가격의 기업메일 서비스를 원하시는 기업에 추천해 드립니다.
2877            </p>
2878            <hr class="sm"/>
2879            <p class="title ip">
2880                    글로벌 비즈니스 메일 송수신 환경에 최적화된<br class="hidden-xs"/>
2881                    단독 IP Business
2882            </p>
2883            <p>
2884              귀사가 발송한 메일이 스팸으로 분류되고 있어 불편하다면 단독 IP Business 상품을 선택하세요.
2885              메일나라 단독 IP 비즈니스 메일서비스는 순수하게 고객님만을 위해 발송 서버의 기본 도메인에 단독 IP를
2886              할당하여 독립서버를 구축했을 때와 같은 효과를 발휘합니다.
2887              때문에 메일발송 시 다른사용자의 메일발송에 의한 영향으로 인해 스팸 차단리스트(RBL)에 등록되는 문제가 발생하지 않습니다.
2888            </p>
2889            <hr class="sm"/>
2890            <p class="title vip">
2891              무제한 용량을 제공하는 프리미엄 비즈니스 메일 VIP
2892            </p>
2893            <p>
2894              메일 용량이 부족하셔서 불편하신가요?<br/>
2895              그렇다면 무제한 메일 용량을 제공하는 VIP를 선택하세요.
2896            </p>
2897            <hr class="sm visible-xs"/>
2898          </div>
2899          <div class="col-md-6">
2900            <p class="text-primary">
2901              상품별 사양
2902            </p>
2903            <div class="table-responsive common_price">
2904              <table class="table table-bordered">
2905                	<caption class="screen_out">메일나라 상품 종류</caption>
2906                <thead>
2907                  <tr>
2908                    <th></th>
2909                    <th class="item_business">Business</th>
2910                    <th class="item_ip">단독 IP Business</th>
2911                    <th class="item_vip">VIP</th>
2912                  </tr>
2913                </thead>
2914                <tbody>
2915                  <tr>
2916                    <th>메일 프로토콜</th>
2917                    <td colspan="3">POP3</td>
2918                  </tr>
2919                  <tr>
2920                    <th>다국어 지원</th>
2921                  	<td colspan="3">한국어 / 영어</td>
2922                  </tr>
2923                  <tr>
2924                    <th>아웃룩 연동</th>
2925                    <td colspan="3">
2925받은 편지함 가져오기만 지원</td>
2926                  </tr>
2927                  <tr>
2928                    <th>스마트폰 연동</th>
2929                    <td colspan="3">
2930                      편지함 연동<br/>
2931                      (모바일웹 이용, 내장 프로그램은 가져오기만 지원)
2932                    </td>
2933                  </tr>
2934                  <tr>
2935                    <th>발신전용 단독 IP 제공</th>
2936                    <td>지원 안함</td>
2937                    <td>기본도메인 단독IP 제공</td>
2938                    <td>지원 안함</td>
2939                  </tr>
2940                  <tr>
2941                    <th>메일 PUSH</th>
2942                    <td colspan="3">메일나라 App 설치 후 지원</td>
2943                  </tr>
2944                  <tr>
2945                    <th>무제한 용량 메일서비스</th>
2946                    <td>지원 안함</td>
2947                    <td>지원 안함</td>
2948                    <td>지원</td>
2949                  </tr>
2950                </tbody>
2951              </table>
2952            </div>
2953            <p class="text-danger">
2954              <i class="fa fa-info-circle"><span class="sr-only">아이콘</span></i> 무제한 용량 메일서비스는 최대 5년간 보관되며 희망시 백업 서비스를 지원합니다.
2955            </p>
2956    			</div>
2957        </div><!-- row -->
2958        <hr class="blind xs"/>
2959        <div class="text-center">
2960          <a href="https://mail.demo.mailnara.co.kr/demo.php" target="_blank" class="btn btn-primary">클라우드 V4 데모</a>
2961          <a href="/index.php/business/price" class="btn btn-gray" target="_blank">제품 사양 및 가격</a>
2962        </div>
2963      </div>
2964    </div><!-- modal-content -->
2965  </div>
2966</div><!-- E:// 상품선택가이드 modal -->
2967
2968		<!-- 제안서 다운 modal -->
2969		<div id="proposals" class="modal fade">
2970			<div class="modal-dialog">
2971				<div class="modal-content">
2972					<div class="modal-header">
2973						<button type="button" id="proposal_close" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
2974						<h3 class="modal-title">제안서 다운로드</h3>
2975					</div>
2976					<div class="modal-body">
2977						<form id="sform" class="form-horizontal basic no-margin-vr" name="sform" method="post" action="/index.php/member/mail">
2978
2979							<div class="select">
2980								<p class="title">제안서 선택</p>
2981								<div class="row">
2982									<div class="col-sm-4">
2983										<!-- <span class="downImg company"><i>아이콘</i></span> -->
2984										<div class="checkbox">
2985											<input type="checkbox" name="radio_btn" id="mail_service" value="C">
2986											<label for="mail_service">기업메일 제안서</label>
2987										</div>
2988									</div>
2989									<div class="col-sm-4">
2990										<!-- <span class="downImg private"><i>아이콘</i></span> -->
2991										<div class="checkbox">
2992											<input type="checkbox" name="radio_btn" id="private_service" value="I">
2993											<label for="private_service">독립메일 제안서</label>
2994										</div>
2995									</div>
2996									<div class="col-sm-4">
2997										<!-- <span class="downImg bulk"><i>아이콘</i></span> -->
2998										<div class="checkbox">
2999											<input type="checkbox" name="radio_btn" id="messaging_service" value="M">
3000											<label for="messaging_service">대량메시징 제안서</label>
3001										</div>
3002									</div>
3003								</div>
3004							</div>
3005
3006							<hr class="blind xs">
3007
3008							<div class="row info">
3009								<div class="col-sm-12">
3010									<p class="title no-margin-b">다운로드 정보 입력</p>
3011
3012									<div class="form-group has-feedback">
3013										<label for="user_name" class="col-sm-12 control-label">회사명</label>
3014										<div class="col-sm-12">
3015											<input type="text" class="form-control" id="user_company" name="user_company" maxlength="30">
3016											<i class="fa fa-building form-control-feedback"></i>
3017										</div>
3018									</div>
3019
3020									<div class="form-group has-feedback">
3021										<label for="user_name" class="col-sm-12 control-label">이름</label>
3022										<div class="col-sm-12">
3023											<input type="text" class="form-control" id="user_name" name="user_name" maxlength="30">
3024											<i class="fa fa-pencil form-control-feedback"></i>
3025										</div>
3026									</div>
3027
3028									<div class="form-group">
3029										<label for="inputPassword3" class="col-sm-12 control-label">핸드폰</label>
3030										<div class="col-sm-12">
3031											<div class="dis_table">
3032												<div class="td"><input type="text" class="form-control" id="user_phone1" name="user_phone" maxlength="3" value="
3032010"></div>
3033														<div class="td text-center" style="width:15px">-</div>
3034														<div class="td"><input type="text" class="form-control" id="user_phone2" name="user_phone" maxlength="4"></div>
3035														<div class="td text-center" style="width:15px">-</div>
3036														<div class="td"><input type="text" class="form-control" id="user_phone3" name="user_phone" maxlength="4"></div>
3037													</div>
3038												</div>
3039									</div>
3040
3041									
3041<script>
3042										$("input[name='user_phone']").keydown(function() {
3043											var code = window.event.keyCode;
3044
3045											if ((code > 34 && code < 41) || (code > 47 && code < 58) || (code > 95 && code < 106) || code == 8 || code == 9 || code == 13 || code == 46) {
3046												window.event.returnValue = true;
3047												return;
3048											}
3049
3050											window.event.preventDefault();
3051										});
3052
3053										$("input[name='user_name']").keydown(function() {
3054											var code = window.event.keyCode;
3055
3056											if((code > 64 && code < 91) || code == 8 || code == 9 || code == 46 || code == 229) {
3057												window.event.returnValue = true;
3058												return;
3059											}
3060
3061											window.event.preventDefault();
3062										});
3063									</script>
3063
3064								</div>
3065							</div><!-- row -->
3066
3067							<div class="row">
3068								<div class="col-sm-12">
3069									<p class="title">개인정보 수집 이용약관</p>
3070									<div class="form-control overflow_auto box_gray" style="height:150px;">
3071										<dl>
3072											<dt>수집하는 개인정보의 항목</dt>
3073											<dd class="mb-10">- 성명, 연락처, 회사명</dd>
3074											<dt>개인정보의 수집·이용 목적</dt>
3075											<dd class="mb-10">
3076												- 업체명, 성명 : 서비스 이용에 대한 견적 및 상담 진행을 위한 기본적인 대상자 정보<br/>
3077							- 연락처: 문의 사항에 대한 답변을 전달하기 위한 원활한 의사소통 경로의 확보</dd>
3078							<dt>개인정보의 보유 및 이용기간</dt>
3079							<dd>
3080								원칙적으로 개인정보의 수집 또는 제공받은 목적 달성 시 지체 없이 파기합니다.<br/>
3081													단, 수집목적 및 제공 받은 목적이 달성된 경우에도 법률의 규정에 따라 보존할 필요가
3082													있는 법률의 규정에 따라 고객의 개인정보를 보유할 수 있습니다.<br/>
3083													- 계약 또는 청약철회 등에 관한 기록 : 5년<br/>
3084													- 대금결제 및 재화 등의 공급에 관한 기록 : 5년<br/>
3085													- 소비자의 불만 또는 분쟁처리에 관한 기록 : 3년 등
3086							</dd>
3087										</dl>
3088					  </div>
3089									<p class="text-right no-margin-b">
3090										<input type="checkbox" name="agree" id="info_agree" class="blue_checkbox">
3091										<label for="info_agree">
3092											위 <b>개인정보 수집 및 이용</b>에 동의합니다.</label>
3093									</p>
3094								</div>
3095							</div>
3096
3097                            <div class="text-center" style="background-color: #fbfbfb; padding-top: 15px; padding-bottom: 7px; margin-bottom: 20px;">
3098                                <div id="captcha" class="g-recaptcha" style="display:inline-block" data-sitekey="6LdkT4MfAAAAAG8TJ43RyQBYqWo5VXsBC7hD5_jf" data-callback='onSubmit' data-action='submit' data-size="" data-theme="light"></div>
3099                            </div>
3100
3101                            <div class="text-center">
3102								<button type="button" class="btn btn-primary no-margin-b" onclick="download_proposal()" value="다운로드">다운로드</button>
3103							</div>
3104						</form>
3105
3106					</div><!-- modal-body -->
3107				</div>
3108			</div>
3109		</div>
3110<!--메일제인서다운로드-->
3111
3112		<!--메일 알람 프로그램-->
3113				<div id="product_mailalarm" class="modal fade mailPush">
3114					<div class="modal-dialog modal-lg">
3115						<div class="modal-content">
3116							<div class="modal-header">
3117								<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
3118								<h2 class="modal-title">메일 알람 프로그램 다운로드<br><font class="blue">메일 알람 프로그램을 이용하시면 새로 온 메일을 손쉽게 확인 하실 수 있습니다.</font></h2>
3119							</div>
3120						</div>
3121
3122						<div class="container">
3123							<!--탭-->
3124							<ul class="nav nav-tabs text-center" role="tablist">
3125								<li class="active"><a data-toggle="tab" href="#window"><i class="window">윈도우</i>Window PC</a></li>
3126								<li><a data-toggle="tab" href="#mac"><i class="mac">ë§¥</i>Mac PC</a></li>
3127							</ul>
3128							<!--//탭-->
3129
3130							<div class="tab-content">
3131								<div id="window" class="tab-pane in active">
3132									<dl>
3133										<dt>&middot; 설치방법</dt>
3134										<dd>하단 다운로드를 눌러 파일을 다운 받은 후 실행시키면 메일나라 알람프로그램이 설치되며 바탕화면, 오른쪽 하단 트레이, 시작메뉴에 아이콘으로 표시 됩니다.</dd>
3135										<dd class="orange">※ 알람프로그램 설치된 알람프로그램이 버전이 낮은 경우 업데이트를 위해 재설치 됩니다.</dd>
3136										<dd class="orange">※ 알람프로그램이 기존에 설치된 경우 프로그램을 삭제 후 재설치 해주시기 바랍니다.</dd>
3137									</dl>
3138									<dl>
3139										<dt>&middot; 메일 알람 실행방법</dt>
3140										<dd>설치된 메일 알람 아이콘을 더블클릭하여 실행시키면 로그인 창이 표시됩니다.</dd> 
3141										<dd>아이디와 비밀번호를 입력한 후 하단의 자동 실행을 원하는 경우 원하는 자동 실행을 체크 후 로그인합니다. </dd> 
3142										<dd>로그인시 자동 실행을 옵션을 선택하시면 선택한 옵션에 따라 메일 알람이 자동 로그인 되어 실행됩니다. </dd> 
3143										<dd>새로운 메일이 오거나 아이콘을 클릭 시 웹 메일이 새 창으로 열려 쉽게 확인 할 수 있습니다.</dd> 
3144									</dl>
3145									<dl>
3146										<dt>&middot; 메일 알람 실행 화면</dt>
3147										<dd>
3148											<ul>
3149												<li><img src="/images/main/img01.png" alt="메일알람 로그인 화면"></li>
3150												<li>메일알람 로그인 화면</li>
3151											</ul>
3152											<ul>
3153												<li><img src="/images/main/img02.png" alt="메일알람 트레이 클릭 화면"></li>
3154												<li>메일알람 트레이 클릭 화면</li>
3155											</ul>
3156											<ul>
3157												<li><img src="/images/main/img03.png" alt="새로운 메일을 받았을 때 알림 화면"></li>
3158												<li>새로운 메일을 받았을 때 알림 화면</li>
3159											</ul>
3160										</dd> 
3161									</dl>
3162
3163									<div class="height50"></div><!--gap-->
3164
3165									<p class="text-center">
3166										<button type="button" class="btn btn-green btn-lg" onclick="showUrl('PC', 'window');">Windows PC 다운로드</button>
3167										<button type="button" class="btn btn-white btn-lg" data-dismiss="modal">닫기</button>
3168									</p>
3169								</div>
3170								<div id="mac" class="tab-pane">
3171									<dl>
3172										<dt>&middot; 설치방법</dt>
3173										<dd>
3173“다운로드” 버튼을 눌러 파일을 다운 받은 후 다운로드에서 실행시키면 메일 나라 알람프로그램이 설치가 실행되며 설치 완료 시 설치프로그램을 휴지통으로 이동하라고 안내가 나오며, 알람이 정상적으로 설치되었다면 파일은 삭제해도 상관없으므로 이동하면 됩니다. </dd>
3174										<dd class="orange">※ 설치 전에 이미 알람프로그램이 설치되어 있는 경우 삭제 후 재설치 해주시기 바랍니다. </dd>
3175									</dl>
3176									<dl>
3177										<dt>&middot; 메일 알람 실행방법</dt>
3178										<dd>Finder에서 “응용프로그램”에 설치된 메일알람 아이콘을 더블클릭하여 실행시키면 로그인 창이 표시됩니다.</dd> 
3179										<dd>아이디와 비밀번호를 입력한 후 하단의 자동 실행을 원하는 경우 원하는 자동 실행을 체크 후 로그인합니다.</dd>
3180										<dd>로그인시 자동 실행을 옵션을 선택하시면 선택한 옵션에 따라 메일 알람이 자동 로그인 되어 실행됩니다.</dd>
3181										<dd>새로운 메일이 오거나 아이콘을 클릭 시 웹 메일이 새 창으로 열려 쉽게 확인 할 수 있습니다.</dd> 
3182									</dl>
3183									<dl>
3184										<dt>&middot; 메일 알람 실행 화면</dt>
3185										<dd>
3186											<ul>
3187												<li><img src="/images/main/img01_m.png" alt="메일알람 로그인 화면"></li>
3188												<li>메일알람 로그인 화면</li>
3189											</ul>
3190											<ul>
3191												<li><img src="/images/main/img02_m.png" alt="메일알람 트레이 클릭 화면"></li>
3192												<li>메일알람 트레이 클릭 화면</li>
3193											</ul>
3194											<ul>
3195												<li><img src="/images/main/img03_m.png" alt="새로운 메일을 받았을 때 알림 화면"></li>
3196												<li>새로운 메일을 받았을 때 알림 화면</li>
3197											</ul>
3198										</dd> 
3199									</dl>
3200
3201									<div class="height50"></div><!--gap-->
3202
3203									<p class="text-center">
3204										<button type="button" class="btn btn-green btn-lg" onclick="showUrl('PC', 'mac');">Mac PC용 다운로드</button>
3205										<button type="button" class="btn btn-white btn-lg" data-dismiss="modal">닫기</button>
3206									</p>
3207								</div>
3208							</div>
3209
3210						</div>
3211
3212					</div>
3213				</div>
3214				<!--//메일 알람 프로그램-->
3215<!--메일알람팝업-->
3216<!-- 아웃룩 : 아웃룩 버전 확인하는 방법 -->
3217<div id="outlook_version" class="modal fade">
3218	<div class="modal-dialog">
3219		<div class="modal-content">
3220			<div class="modal-header">
3221				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
3222				<h2 class="modal-title">아웃룩 버전 확인하는 방법</h2>
3223			</div>
3224			<div class="modal-body">
3225				<p class="title" style="color:#004f9f">Outlook Express</p>
3226				<p>홈/시작 버튼클릭 > [모든 프로그램]클릭 > [outlook express] 오른쪽 마우스 클릭 시 속성창에서 확인 가능합니다.	</p>
3227				<hr class="sm">
3228				<p class="title" style="color:#004f9f">Microsoft Outlook</p>
3229				<p>홈/시작 버튼클릭 > [모든 프로그램]클릭 > [Microsoft outlook] 클릭 > [Microsoft outlook] 오른쪽 마우스 클릭 시 속성 창에서 확인 가능합니다.</p>
3230
3231				<hr class="blind xs">
3232
3233				<div class="text-center">
3234					<a href="#" class="btn btn-primary" data-dismiss="modal">창닫기</a>
3235				</div>
3236			</div>
3237		</div>
3238	</div>
3239</div>
3240
3241<!-- 도메인 : MX레코드 변경 -->
3242<div id="mx_record" class="modal fade">
3243	<div class="modal-dialog">
3244		<div class="modal-content">
3245			<div class="modal-header">
3246				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
3247				<h2 class="modal-title">MX 레코드 왜 변경해야 할까요?</h2>
3248			</div>
3249			<div class="modal-body">
3250				MX 레코드(Mail Exchange Record)는 메일 송수신 시 해당 도메인의 메일을 수신할 메일서버의 주소를 알려 주는 역할을 하기 때문에 MX 레코드가 정상적으로 설정 되지 않았다면 메일을 받을 수 없습니다. 정상적으로 메일을 받기 위해서는 <span class="text-bold">MX레코드가 메일나라의 메일 서버로 설정 되어야합니다.</span>
3251				<hr class="blind xs">
3252
3253				<div class="text-center">
3254					<a href="#" class="btn btn-primary" data-dismiss="modal">창닫기</a>
3255				</div>
3256			</div>
3257		</div>
3258	</div>
3259</div>
3260
3261<!-- 도메인 : MX레코드 변경가이드 -->
3262<div id="mx_guide" class="modal fade">
3263	<div class="modal-dialog">
3264		<div class="modal-content">
3265			<div class="modal-header">
3266				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
3267				<h2 class="modal-title">MX 레코드 변경 가이드</h2>
3268			</div>
3269			<div class="modal-body">
3270				<div class="row no-margin-b">
3271					<div class="col-md-12">
3272						<p>
3273							홈페이지는 다른 업체를 이용중이며, 메일서비스만 이용하려고 하신다면..<br/>
3274							<span class="text-lg text-bold text-dark">
3275								홈페이지 등록 업체에 요청해서 MX레코드 값을 변경해주세요!
3276							</span>
3277						</p>
3278
3279						<hr class="bold_hr">
3280
3281						<p class="text-bold">
3282							1. 홈페이지 등록한 업체에 변경 요청시 "도메인,호스트, mx레코드"가 필요합니다.
3283						</p>
3284
3285						<table class="table table-bordered">
3286							<colgroup>
3287								<col width="130px"/>
3288								<col/>
3289								<col/>
3290							</colgroup>
3291							<thead>
3292								<tr>
3293									<th class="table_top">필요정보종류</th>
3294									<th class="table_top">내용</th>
3295									<th class="table_top">메일나라 예시</th>
3296								</tr>
3297							</thead>
3298							<tbody>
3299								<tr>
3300									<th>도메인 정보</th>
3301									<td>고객님이 소유한 도메인 주소를 적어주세요</td>
3302									<td>mailnara.co.kr</td>
3303								</tr>
3304
3305								<tr>
3306									<th>호스트 정보</th>
3307									<td>서비스 신청 시 안내된 메일내용에서 고객님 메일서버 IP주소를 적어주세요</td>
3308									<td>211.115.203.112</td>
3309								</tr>
3310
3311								<tr>
3312									<th>MX레코드 정보</th>
3313									<td>소유 도메인 주소 앞에 "mail."을 붙여주세요</td>
3314									<td><span class="text-bold">mail.</span>mailnara.co.kr</td>
3315								</tr>
3316							</tbody>
3317						</table>
3318
3319						<p><span class="text-bold">[요청메일, 게시판 작성예시]</span></p>
3320
3321						<div class="popup_box">
3322							안녕하세요. 저는 mydomain.com 사용자입니다.<br>
3323							MX레코드 값 변경을 요청합니다.<br>
3324							- 도메인 : mydomain.com<br>
3325							- 호스트 : 61.109.252.XXX<br>
3326							- MX레코드 : mail.mydomain.com<br>
3327						</div>
3328
3329						<p class="text-danger">
3330							※ 메일나라 예시 및 작성 예시로 MX레코드 변경시 정상적으로 변경되지 않으니 <span class="text-bold"><u>꼭 신청 완료시 받으신 메일의 내용을 참고하여서 요청하시기 바랍니다.</u></span>
3331						</p>
3332
3333						<hr class="blind xs">
3334
3335						<p class="text-bold">
3336							2. MX레코드정보가 변경되면 메일도메인에 접속하여 서비스를 이용할 수 있습니다
3337						</p>
3338					</div>
3339				</div><!-- row -->
3340				<hr class="blind xs">
3341				<div class="text-center">
3342					<a href="#" class="btn btn-primary" data-dismiss="modal">창닫기</a>
3343				</div>
3344			</div>
3345		</div>
3346	</div>
3347</div>
3348
3349<!-- 도메인 : 네임서버 변경가이드 -->
3350<div id="name_change" class="modal fade">
3351	<div class="modal-dialog">
3352		<div class="modal-content">
3353			<div class="modal-header">
3354				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
3355				<h2 class="modal-title">네임서버 변경 가이드</h2>
3356			</div>
3357			<div class="modal-body">
3358				<div class="row no-margin-b">
3359					<div class="col-md-12">
3360						<p>
3361							도메인을 보유하고 있지만 홈페이지가 없고, 메일서비스를 이용하려면..<br/>
3362							<span class="text-lg text-bold text-dark">
3363								보유한 도메인의 네임서버를 변경해주세요!
3364							</span>
3365						</p>
3366
3367						<hr class="bold_hr">
3368
3369						<p class="text-md text-bold">
3370						  1. 도메인을 등록한 업체에 전화, 문의를 통해서 네임서버 정보를 변경 요청해주세요!
3371						</p>
3372
3373						<table class="table table-bordered important-mb-10">
3374							<thead>
3375							  <tr>
3376							    <th class="table_top">네임서버</th>
3377							    <th class="table_top">1ì°¨</th>
3378							    <th class="table_top">2ì°¨</th>
3379							  </tr>
3380							</thead>
3381
3382							<tbody>
3383							  <tr>
3384							      <th>HOST</th>
3385							    <td>ns1.sdsns.com</td>
3386							    <td>ns2.sdsns.com</td>
3387							  </tr>
3388
3389							  <tr>
3390							    <th>IP</th>
3391							  	<td>211.115.203.112</td>
3392							  	<td>211.239.157.110</td>
3393							  </tr>
3394							</tbody>
3395						</table>
3396
3397						<p class="text-danger">
3398						  ※  네임서버 정보는 변경 요청한 후 1~2일 소요될 수 있습니다.
3399						</p>
3400
3401						<hr class="blind xs">
3402
3403						<p class="text-md text-bold">
3404						  2. 네임서버 정보가 갱신되면 메일도메인에 접속하여 서비스를 이용할 수 있습니다.
3405						</p>
3406					</div>
3407				</div><!-- row -->
3408				<hr class="blind xs">
3409				<div class="text-center">
3410					<a href="#" class="btn btn-primary" data-dismiss="modal">창닫기</a>
3411				</div>
3412			</div>
3413		</div>
3414	</div>
3415</div>
3416
3417<!-- 도메인 : 네임서버 설정가이드 Linux -->
3418<div id="name_setting_linux" class="modal fade">
3419	<div class="modal-dialog" style="width:755px">
3420		<div class="modal-content">
3421			<div class="modal-header">
3422				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
3423				<h2 class="modal-title">도메인 네임 서버 설정 가이드 (LINUX/ UNIX SERVER)</h2>
3424			</div>
3425			<div class="modal-body">
3426				<p>
3427                    네임 서버를 자체적으로 운영하는 경우 서버 OS에 맞ê²
3427Œ 도메인 네임서버를 직접 변경해주세요!
3428                </p>
3429				<div>
3430					<img src="/images/sub_customer/penguin.png" />
3431					<span class="text-lg text-bold">
3432						LINUX/ UNIX DNS설정
3433					</span>
3434					<hr class="bold_hr">
3435				</div>
3436
3437				<p class="text-bold">
3438                    1. MX레코드 값 변경하기
3439                </p>
3440				<div class="popup_indent">
3441					<p>
3442						서비스신청후 가입하신 메일주소로 설치 메일에 내용으로 도메인의 Zone file 에서 아래와 같이 변경을 합니다.<br/>
3443						<img src="/images/sub_customer/linux_1.gif"/>
3444					</p>
3445				</div>
3446
3447				<hr class="blind xs">
3448
3449				<p class="text-bold">
3450					2. MX레코드 값 세팅 확인
3451				</p>
3452				<div class="popup_indent">
3453					<p>"NSLOOKUP" 명령을 통해 네임서버 설정 정보가 잘 세팅 되었는 지를 확인할 수 있습니다.</p>
3454					<p>
3455						(1) Window검색 &gt; 실행 &gt; “NSLOOKUP” 입력 후 실행합니다.<br/>
3456						<img src="/images/sub_customer/linux_2.png"><br/>
3457					</p>
3458					<p>
3459						(2)검은색 명령 프롬프트창이 뜨면 아래 예제와 같이 검색할 서버와 도메인을 검색합니다.<br/>
3460						<img src="/images/sub_customer/linux_3.gif">
3461					</p>
3462				</div>
3463
3464				<div class="tip clearfix">
3465                    <img src="/images/sub_customer/bulb.png" class="pull-left bulb">
3466                    <div class="tip_content">
3467                           MX레코드 세팅 완료 후, 서버의 상태 (유효 시간 / ISP업체 업데이트 시간 / 지역 시간차) 등에 따라 적게는 하루, 많게는 2~3일이 소요될 수도 있다는 점 양지 바랍니다.
3468                    </div>
3469                </div>
3470				<hr class="blind xs">
3471				<div class="text-center">
3472					<a href="#" class="btn btn-primary" data-dismiss="modal">창닫기</a>
3473				</div>
3474			</div>
3475		</div>
3476	</div>
3477</div>
3478
3479<!-- 도메인 : 네임서버 설정가이드 Window -->
3480<div id="name_setting_window" class="modal fade">
3481	<div class="modal-dialog" style="width:900px">
3482		<div class="modal-content">
3483			<div class="modal-header">
3484				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
3485				<h2 class="modal-title">도메인 네임 서버 설정 가이드 (WINDOW)</h2>
3486			</div>
3487			<div class="modal-body">
3488				<p>
3489					네임 서버를 자체적으로 운영하는 경우 서버 OS에 맞게 도메인 네임서버를 직접 변경해주세요!
3490				</p>
3491
3492				<div>
3493					<img src="/images/sub_customer/windows.png" class="window_title"/>
3494					<span class="text-lg text-bold">
3495						WINDOWS DNS설정
3496					</span>
3497					<hr class="bold_hr">
3498				</div>
3499
3500				<p class="text-bold">
3501					1. Window server 시작메뉴 > DNS 메뉴 선택
3502				</p>
3503				<div class="popup_indent">
3504					<p>
3505						<img src="/images/sub_customer/windows_1.png" class="window_start">
3506					</p>
3507					<div class="popup_box blue clearfix">
3508						<img src="/images/sub_customer/yellow_bulb.png" class="pull-left">
3509						<div class="window_dns">
3510							<p class="title">DNS메뉴가 표시가 되지 않는 경우</p>
3511							<hr class="bold_hr">
3512							<p class="modal-indent">
3513								<span class="text-primary">(1) 시작 메뉴에 DNS가 표시 안되는 경우</span><br>
3514								window server 시작메뉴 &gt; 서버관리자 &gt; 오른쪽상단메뉴 “도구” &gt; “DNS”선택 시 “DNS관리자”가 표시됩니다.<br>
3515								<span class="text-primary">(2) 서버관리자에 DNS가 표시 되지 않는 경우</span><br>
3516								window server 시작 &gt; 서버 관리자 대시보드 &gt; 역할 및 기능추가 &gt; 역할 및 기능 추가 마법사 실행 &gt;
3517								시작 하기 전 다음 버튼 &gt; 설치 유형 “역할 기반 또는 기능 기반 설치” 선택 후 다음 버튼 &gt;
3518								대상서버선택 “서버 룰에서 서버 선택” 서버 확인후 다음 버튼 &gt; 서버 역할 중 DNS서버 클릭 시 “역할 및 기능 추가 마법사”팝업 창에서
3519								기능추가 시 DNS서버가 체크되었다면 다음 버튼 &gt; 기능 다음 버튼 &gt; DNS서버 다음 &gt; 확인에서 설치 버튼 &gt;
3520								결과에서 설치 완료 후 닫기 버튼 클릭 시 DNS가 표시됩니다.
3521							</p>
3522						</div>
3523					</div>
3524				</div>
3525
3526				<hr class="blind xs">
3527
3528				<p class="text-bold">
3529					2. DNS메뉴에서 도메인 설정하기
3530				</p>
3531
3532				<div class="popup_indent">
3533					<div class="guide_box">
3534						<div class="row">
3535							<div class="col-sm-6">
3536								<span>1</span>
3537								DNS 서버를 선택 및 확장하여 "정방향 조회 영역" 메뉴를 선택 &gt; 마우스 오른쪽 버튼 클릭 &gt; "새 영역"을 선택 &gt; 새 영역 마법사 다음 버튼 클릭<br>
3538								<img src="/images/sub_customer/w_guide1_1.png" class="mt-10">
3539							</div>
3540							<div class="col-sm-6">
3541								<span>2</span>
3542								영역 형식을 선택하는 단계에서 "주 영역"ì
3542œ¼ë¡œ 선택한 후 다음 버튼 클릭<br>
3543								<img src="/images/sub_customer/w_guide1_2.png" class="mt-10">
3544							</div>
3545						</div>
3546						<div class="row">
3547							<div class="col-sm-6">
3548								<span class="d">3</span>
3549								영역 이름에 보유도메인을 입력하고 다음 버튼 클릭<br>
3550								<img src="/images/sub_customer/w_guide1_3.png" class="mt-10">
3551							</div>
3552							<div class="col-sm-6">
3553								<span>4</span>
3554								다른 이름으로 새 파일 만들기로 선택 후 다음 버튼 클릭<br>
3555								<img src="/images/sub_customer/w_guide1_4.png" class="mt-10">
3556							</div>
3557						</div>
3558						<div class="row">
3559							<div class="col-sm-6">
3560								<span>5</span>
3561								"동적 업데이트 허용 안함" 다음 버튼 클릭<br>
3562								<img src="/images/sub_customer/w_guide1_5.png" class="mt-10">
3563							</div>
3564							<div class="col-sm-6">
3565								<span>6</span>
3566								새 영역 마법사 완료에서 내용 확인 후 마침 버튼 클릭<br>
3567								<img src="/images/sub_customer/w_guide1_6.png" class="mt-10">
3568							</div>
3569						</div>
3570						<div class="row">
3571							<div class="col-sm-6">
3572								<span>7</span>
3573								DNS 관리자 창에 정방향 조회 영역에 방금 등록한 도메인 영역이 추가가 된 것을 확인할 수 있습니다.<br>
3574								<img src="/images/sub_customer/w_guide1_7.png" class="mt-10">
3575							</div>
3576						</div>
3577					</div>
3578				</div>
3579
3580				<p class="text-bold">
3581					3. 1차/2차 네임서버 만들기
3582				</p>
3583
3584				<div class="popup_indent">
3585					<div class="guide_box">
3586						<div class="row">
3587							<div class="col-sm-6">
3588								<span>1</span>
3589								DNS 관리자 &gt; DNS 서버 개체 &gt; 정방향 조회 영역을 확장 &gt; 도메인(보유 도메인명) 클릭합니다.<br>
3590								<img src="/images/sub_customer/w_guide2_1.png" class="mt-10">
3591							</div>
3592							<div class="col-sm-6">
3593								<span>2</span>
3594								DNS(이름 서버) 선택 &gt; 마우스 오른쪽 버튼 클릭 &gt; 표시 메뉴 중 "속성" 선택합니다.<br>
3595								<img src="/images/sub_customer/w_guide2_2.png" class="mt-10">
3596							</div>
3597						</div>
3598						<div class="row">
3599							<div class="col-sm-6">
3600								<span>3</span>
3601								"이름 서버"탭을 선택 후 하단 "추가"버튼 클릭 시 "새 이름 서버 레코드"창이 표시됩니다.<br>
3602								<img src="/images/sub_customer/w_guide2_3.png" class="mt-10">
3603							</div>
3604							<div class="col-sm-6">
3605								<span>4</span>
3606								"서버 FQDN(정규화된 도메인 이름)"에 등록할 네임서버 Host를 입력하고 "이 DNS 레코드의 IP주소"에 IP를 입력하한 후 확인버튼을 클릭합니다.<br>
3607								<img src="/images/sub_customer/w_guide2_4.png" class="mt-10">
3608								<table class="mt-10 table table-bordered">
3609									<thead>
3610										<tr>
3611											<th colspan="3">메일나라 네임서버 정보</th>
3612										</tr>
3613									</thead>
3614									<tbody>
3615										<tr>
3616											<td></td>
3617											<td>1ì°¨</td>
3618											<td>2ì°¨</td>
3619										</tr>
3620										<tr>
3621											<td>HOST</td>
3622											<td>ns1.sdsns.com</td>
3623											<td>ns2.sdsns.com</td>
3624										</tr>
3625										<tr>
3626											<td>IP</td>
3627											<td>211.115.203.112</td>
3628											<td>211.239.157.110</td>
3629										</tr>
3630									</tbody>
3631								</table>
3632							</div>
3633						</div>
3634						<div class="row">
3635							<div class="col-sm-6">
3636								<span>5</span>
3637								이름 서버 리스트에서 등록된 1차, 2차 정보를 확인하실 수 있으며 정상적으로 등록되었다면 적용버튼 클릭 후 확인을 눌러 속성 창을 나옵니다.<br>
3638								<img src="/images/sub_customer/w_guide2_5.png" class="mt-10">
3639							</div>
3640						</div>
3641					</div>
3642				</div>
3643
3644				<p class="text-bold">
3645					4. 메일 A레코드, MX레코드, TXT레코드 등록하기
3646				</p>
3647
3648				<div class="popup_indent">
3649					<div class="guide_box">
3650						<div class="row">
3651							<div class="col-sm-6">
3652								<span>1</span>
3653								DNS 관리자 &gt; DNS 서버 개체 &gt; 정방향 조회 영역을 확장 &gt; 도메인(보유 도메인명) 선택합니다.<br>
3654								<img src="/images/sub_customer/w_guide3_1.png" class="mt-10">
3655							</div>
3656							<div class="col-sm-6">
3657								<span>2</span>
3658								오른쪽 빈공간에 마우스 오른쪽 버튼 클릭 &gt; 메뉴 중 "새 호스트(A 또는 AAAA)"를 선택합니다.<br>
3659								<img src="/images/sub_customer/w_guide3_2.png" class="mt-10">
3660								</div>
3661						</div>
3662						<div class="row">
3663							<div class="col-sm-6">
3664								<span>3</span>
3665								"이름" 항목에 등록할 호스트 "mail"을 입력 &gt; IP 주소에 "메일나라 A레코드 IP를 등록"을 입력하고 "호스트 추가" 버튼을 클릭합니다.<br>
3666								<img src="/images/sub_customer/w_guide3_3.png" class="mt-10">
3667							</div>
3668							<div class="col-sm-6">
3669								<span>4</span>
3670								A레코드가 추가된 것을 확인할 수 있습니다. 동일하게 마우스 오른쪽 클릭해서 옵션에서 "새 MX(메일 교환기)(M)..."을 선택합니다.<br>
3671								<img src="/images/sub_customer/w_guide3_4.png" class="mt-10">
3672							</div>
3673						</div>
3674						<div class="row">
3675							<div class="col-sm-6">
3676								<span>5</span>
3677								"호스트 또는 자식 도메인" 입력하지 않고 "메일 서버의 FQDN"에서 "찾아보기"버튼 클릭 &gt; A레코드에서 등록한 항목을 선택 후 확인버튼을 클릭합니다.<br>
3678								<img src="/images/sub_customer/w_guide3_5.png" class="mt-10">
3679							</div>
3680							<div class="col-sm-6">
3681								<span>6</span>
3682								MX레코드가 추가된 것을 확인할 수 있습니다. 동일하게 마우스 오른쪽 클릭해서 옵션에서 "다른 새 레코드"를 선택합니다.<br>
3683								<img src="/images/sub_customer/w_guide3_6.png" class="mt-10">
3684								</div>
3685							</div>
3686						<div class="row">
3687							<div class="col-sm-6">
3688								<span>7</span>
3689								DNS"리소스 레코드 종류" 창에서 리소스 레코드 종류선택에서 "TXT(텍스트)" 선택 후 레코드 만들기 버튼 클릭합니다.<br>
3690								<img src="/images/sub_customer/w_guide3_7.png" class="mt-10">
3691							</div>
3692							<div class="col-sm-6">
3693								<span>8</span>
3694								새 리소스 레코드 창에서 메일나라 서비스 신청 시 제공된 메일 내용중 "SPF(TXT) 레코드 값" 내용을 텍스트항목에 입력한 후 확인버튼을 클릭합니다.<br>
3695								<img src="/images/sub_customer/w_guide3_8.png" class="mt-10">
3696							</div>
3697						</div>
3698						<div class="row">
3699							<div class="col-sm-6">
3700								<span>9</span>
3701								TXT레코드 값이 정상적으로 등록된 것을 확인할 수 있습니다.<br>
3702								<img src="/images/sub_customer/w_guide3_9.png" class="mt-10">
3703							</div>
3704						</div>
3705					</div>
3706				</div>
3707
3708				<div class="tip clearfix">
3709                    <img src="/images/sub_customer/bulb.png" class="pull-left bulb">
3710                    <div class="tip_content">
3711                           MX레코드 세팅 완료 후, 서버의 상태 (유효 시간 / ISP업체 업데이트 시간 / 지역 시간차) 등에 따라 적게는 하루, 많게는 2~3일이 소요될 수도 있다는 점 양지 바랍니다.
3712                    </div>
3713                </div>
3714
3715				<hr class="blind xs">
3716				<div class="text-center">
3717					<a href="#" class="btn btn-primary" data-dismiss="modal">창닫기</a>
3718				</div>
3719			</div>
3720		</div>
3721	</div>
3722</div>
3723
3724<!-- S/MIME 인증서 : S/MIME 인증서 사용방법 -->
3725<div id="smine_setting" class="modal fade">
3726	<div class="modal-dialog">
3727		<div class="modal-content">
3728			<div class="modal-header">
3729				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
3730				<h2 class="modal-title">S/MIME 인증서란?</h2>
3731			</div>
3732			<div class="modal-body">
3733				<p>S/MIME(Secure/Multipurpose Internet Mail Extensions)을 사용하여 메일 발송 시 디지털 서명을 포함하기 때문에 수신자가 받은 메일에서 디지털 서명을 확인할 수 있어 위ㆍ변조의 위험 없이 신뢰할 수 있는 메일을 받을 수 있습니다. 또한, 발신자/수신자 모두 S/MIME 인증서를 사용하면 메일 메시지 암호화 기능을 이용할 수 있어 메일 메세지의 무결성과 기밀성을 높여주어 더욱 더 보안이 강화된 메일을 이용할 수 있습니다.</p>
3734
3735				<p class="title">S/MIME 제공하는 보안서비스</p>
3736				<table class="table table-bordered important-mb-10">
3737					<col width="33.3%" span="3">
3738					<thead>
3739					  <tr>
3740						<th class="table_top">보안 서비스</th>
3741						<th class="table_top">보안 메커니즘</th>
3742						<th class="table_top">암호 알고리즘</th>
3743					  </tr>
3744					</thead>
3745					<tbody>
3746					  <tr>
3747						  <td>메시지 기밀성<br>
3748							메시지 무결성<br>
3749							사용자 인증<br>
3750							부인방지</td>
3751						<td>암호화<br>
3752							해시함수<br>
3753							공개키 인증<br>
3754							전자 서명</td>
3755						<td>Triple-DES, RC2/40bit<br>
3756							SHA-1, MD5<br>
3757							x.509 v3인증서<br>
3758							DSS, RSA
3759							</td>
3760					  </tr>
3761					</tbody>
3762				</table>
3763				<hr class="sm">
3764				<p class="title">S/MIME 암호화 방식</p>
3765				<p>S/MIME인증서의 암호화 기능으로 암호화 처리된 메일 내용을 S/MIME인증서로 메일내용을 확인하고 S/MIME 암호화 처리하여 회신할 수 있습니다. (수신측 동일)</p>
3766				<p class="mobile_hide"><img src="/images/sub_customer/smime_img.jpg" alt="s/mime 암호화 방식"></p>
3767				<p class="pc_hide"><img src="/images/sub_customer/smime_img_m.jpg" alt="s/mime 암호화 방식"></p>
3768
3769				<hr class="blind xs">
3770
3771				<div class="text-center">
3772					<a href="#" class="btn btn-primary" data-dismiss="modal">창닫기</a>
3773				</div>
3774			</div>
3775		</div>
3776	</div>
3777</div><!--도메인 팝업-->
3778
3779
3780<!-- 아웃룩 자동세팅 프로그램 -->
3781<div id="outlook_auto" class="modal fade">
3782  <div class="modal-dialog modal-lg">
3783    <div class="modal-content">
3784      <div class="modal-header">
3785        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
3786        <h2 class="modal-title">아웃룩 자동세팅 프로그램</h2>
3787      </div>
3788	  <div class="modal-body">
3789		<p class="no-margin-b">프로그램을 설치한 후 메일주소와 아웃룩버전을 선택하면 아웃룩이 자동으로 설정되어 설치됩니다!</p>
3790		<p class="text-danger font_size_14">※ 비밀번호는 보안상의 이유로 설정하지 않았으므로 Outlook 실행 후 메일계정 비밀번호를 입력하시기 바랍니다.</p>
3791		<div class="text-center">
3792			<a href="/support/inst_MailnaraOutlookAutoSet.exe" class="btn btn-primary">아웃룩 자동세팅 프로그램 다운로드</a>
3793		</div>
3794		<table class="table table-bordered m-t-2">
3795			<tbody>
3796				<tr>
3797					<th class="text-left">아웃룩 자동세팅 프로그램 실행 후 설정방법</th>
3798				</tr>
3799				<tr>
3800					<td class="text-left row">
3801						<div class="col-md-4">
3802							<p class="text-bold">1. 계정정보 입력</p>
3803							<img src="/images/sub_guide/outlook_auto01.png?v=2" alt="">
3804						</div>
3805						<div class="col-md-4">
3806							<p class="text-bold">2. 아웃룩 버전 선택</p>
3807							<img src="/images/sub_guide/outlook_auto02.png" alt="">
3808						</div>
3809						<div class="col-md-4">
3810							<p class="text-bold">3. 아웃룩 세팅 확인</p>
3811							<img src="/images/sub_guide/outlook_auto03.png" alt="">
3812						</div>
3813					</td>
3814				</tr>
3815			</tbody>
3816		</table>
3817		<div class="text-center">
3818			<a href="#" class="btn btn-primary" data-dismiss="modal">창닫기</a>
3819		</div>      
3820		</div>
3821    </div><!-- modal-content -->
3822  </div>
3823</div><!-- E:// 아웃룩 자동세팅 프로그램 modal -->
3824
3825<!-- 아웃룩 매뉴얼 modal -->
3826<div id="outlook_manual" class="modal fade">
3827  <div class="modal-dialog">
3828    <div class="modal-content">
3829      <div class="modal-header">
3830        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
3831        <h2 class="modal-title">아웃룩 매뉴얼 다운로드</h2>
3832      </div>
3833	  <div class="modal-body">
3834		<p>사용하는 아웃룩 버전을 확인하고 매뉴얼을 다운받아 주세요!</p>
3835		<table class="table table-bordered">
3836			<tbody>
3837				<tr>
3838					<th class="text-left">아웃룩 설정 가이드</th>
3839				</tr>
3840				<tr>
3841					<td class="text-left">
3842						<a href="/index.php/customer/download_manual/Outlook2007_setting_guide_POP3.pdf" class="btn btn-white btn-sm btn-lineh" target="_new">
3843							<i class="fa fa-download" aria-hidden="true"></i>아웃룩 2007
3844						</a>								
3845						<a href="/index.php/customer/download_manual/Outlook2010_setting_guide_POP3.pdf" class="btn btn-white btn-sm btn-lineh" target="_new">
3846							<i class="fa fa-download" aria-hidden="true"></i>아웃룩 2010
3847						</a>
3848						<a href="/index.php/customer/download_manual/Outlook2013_setting_guide_POP3.pdf" class="btn btn-white btn-sm btn-lineh" target="_new">
3849							<i class="fa fa-download" aria-hidden="true"></i>아웃룩 2013
3850						</a>
3851						<a href="/index.php/customer/download_manual/Outlook2016_setting_guide_POP3_SSL.pdf" class="btn btn-white btn-sm btn-lineh" target="_new">
3852							<i class="fa fa-download" aria-hidden="true"></i>아웃룩 2016
3853						</a>								
3854						<a href="/index.php/customer/download_manual/Outlook2019_setting_guide_POP3.pdf" class="btn btn-white btn-sm btn-lineh" target="_new">
3855							<i class="fa fa-download" aria-hidden="true"></i>아웃룩 2019
3856						</a>								
3857						<a href="/index.php/customer/download_manual/OutlookOffice365_2016_2019_guide_POP3.pdf" class="btn btn-white btn-sm btn-lineh" target="_new">
3858							<i class="fa fa-download" aria-hidden="true"></i>아웃룩 2016/2019(Office365)
3859						</a>								
3860						<a href="/index.php/customer/download_manual/Total_setting_guide.zip" class="btn btn-white btn-sm btn-lineh">
3861							<i class="fa fa-download" aria-hidden="true"></i>통합버전
3862						</a>
3863					</td>
3864				</tr>
3865				<tr>
3866					<th class="text-left">아웃룩 애드인(대용량 파일첨부)</th>
3867				</tr>
3868				<tr>
3869					<td class="text-left">
3870						<a href="/support/MailnaraOutlookAddin_2007.msi" class="btn btn-white btn-sm btn-lineh" target="_new">
3871							<i class="fa fa-download" aria-hidden="true"></i>아웃룩 2007
3872						</a>
3873						<a href="/support/MailnaraOutlookAddin_2010.msi" class="btn btn-white btn-sm btn-lineh" target="_new">
3874							<i class="fa fa-download" aria-hidden="true"></i>아웃룩 2010
3875						</a>
3876						<a href="/support/MailnaraOutlookAddIn_2013.exe" class="btn btn-white btn-sm btn-lineh" target="_new">
3877							<i class="fa fa-download" aria-hidden="true"></i>아웃룩 2013
3878						</a>
3879						<a href="/support/MailnaraOutlookAddIn_2016.exe" class="btn btn-white btn-sm btn-lineh" target="_new">
3880							<i class="fa fa-download" aria-hidden="true"></i>아웃룩 2016
3881						</a>
3882					</td>				
3883				</tr>
3884			</tbody>
3885		</table>
3886		<p class="title">아웃룩 버전 확인하기!</p>
3887		<table class="table table-bordered">
3888			<colgroup><col width="50%"><col width="50%"></colgroup>
3889			<tbody>
3890				<tr>
3891					<th>Outlook Express</th>
3892					<th>Microsoft Outlook</th>
3893				</tr>
3894				<tr>
3895					<td class="text-left">홈/시작 버튼클릭 > [모든 프로그램]클릭 > [outlook express] 오른쪽 마우스 클릭 시 속성창에서 확인</td>
3896					<td class="text-left">홈/시작 버튼클릭 > [모든 프로그램]클릭 > [Microsoft outlook] 클릭 > [Microsoft outlook] 오른쪽 마우스 클릭 시 속성 창에서 확인</td>
3897				</tr>
3898			</tbody>
3899		</table>
3900		<div class="text-center">
3901			<a href="#" class="btn btn-primary" data-dismiss="modal">창닫기</a>
3902		</div>      
3903		</div>
3904    </div><!-- modal-content -->
3905  </div>
3906</div><!-- E:// 아웃룩 매뉴얼 modal -->
3907<!--//200821-->
3908
3909
3910
3911<!-- LOGGER(TM) TRACKING SCRIPT V.40 FOR logger.co.kr / 52294 : COMBINE TYPE / DO NOT ALTER THIS SCR
3911IPT. -->
3912<script type="text/javascript">var _TRK_LID="52294";var _L_TD="ssl.logger.co.kr";var _TRK_CDMN=".mailnara.co.kr";</script>
vendor: 2 bytes, line 3912
3912
3913<script type="text/javascript">var _CDN_DOMAIN = location.protocol == "https:" ? "https://fs.bizspring.net" : "http://fs.bizspring.net";
3914(function(b,s){var f=b.getElementsByTagName(s)[0],j=b.createElement(s);j.async=true;j.src='//fs.bizspring.net/fs4/bstrk.1.js';f.parentNode.insertBefore(j,f);})(document,'script');</script>
3914
3915<noscript><img alt="Logger Script" width="1" height="1" src="http://ssl.logger.co.kr/tracker.tsp?u=52294&amp;js=N" /></noscript>
3916<!-- END OF LOGGER TRACKING SCRIPT -->
3917</body>
3918</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.