PageSourceSearch

https://moonpd.ai/

html moonpd.ai collected 2026-10-05 16:26:22 UTC 57,367 bytes, 2,075 lines download raw bytes

1
2
3
4
5
6
7
8
9<!doctype html>
10<html lang="ko">
11<head>
12    
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50	
51	
52	
53	
54	
55	
56		
57		
58	
59	
60	
61	
62	
63	
64	
65	
66	
67	
68	
69	
70	
71	
72	
73	
74	
75	
76	
77	
78	
79	
80	
81
82
83<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
84<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
85<title>문피디</title>
86<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes, target-densitydpi=medium-dpi" />
87<meta name='description' content='PDF를 올리면 공유 URL이 자동으로 만들어집니다. 기본 기능은 기간 제한 없이 무료입니다.'>
88<meta name='keywords' content='섭피디, 설문조사, PDF, PDF변환, ebook, 전자책, 이북제작, 문피디, moonpd, MCP, AI 에이전트'>
89
90<meta property="og:type" content="website">
91<meta property="og:title" content="문피디 | PDF를 이북으로, 링크 하나로 공유">
92<meta property="og:description" content="PDF를 올리면 공유 URL이 자동으로 만들어집니다. 기본 기능은 기간 제한 없이 무료입니다.">
93
94<meta property="og:image" content="https://moonpd.ai/assets/front/img/layout/og-img.jpg?v=1791211049197">
95<meta name="twitter:card" content="summary_large_image">
96<meta name="twitter:title" content="문피디 | PDF를 이북으로, 링크 하나로 공유">
97<meta name="twitter:description" content="PDF를 올리면 공유 URL이 자동으로 만들어집니다. 기본 기능은 기간 제한 없이 무료입니다.">
98<meta name="twitter:image" content="https://moonpd.ai/assets/front/img/layout/og-img.jpg?v=1791211049197">
99
100<meta name="naver-site-verification" content="4c0d3cf49d15b42cd1bacadf41a7e90b6f336b86"/>
101
102
103
104<meta property="og:url" content="https://moonpd.ai/">
105
106
107<meta name="google-site-verification" content="blptyXKtGivDCCUfrvQpda_9SNCM7HYx3G8EDBrD8Xk" />
108
109
110<meta name="google-adsense-account" content="ca-pub-3031229556412227">
111
112
113
114
115<script src="/assets/script/admLazyAds.js?v=1791211049197"></script>
115
116
117<link rel="shortcut icon" href="/assets/front/img/layout/favicon.ico?v=1791211049197" type="image/x-icon">
118<link rel="icon" href="/assets/front/img/layout/favicon.ico?v=1791211049197" type="image/x-icon">
119	
120<link rel="canonical" href="https://moonpd.ai/">
121
122
123
124
125
126
127
128
129
130
131
132
133
134<script type="application/ld+json">
135[{
136"@context":"https://schema.org",
137"@type":"Organization",
138"@id":"https://moonpd.ai/#organization",
139"name":"문피디",
140"alternateName":["MoonPD","moonpd.ai","아임북"],
141"url":"https://moonpd.ai/",
142"logo":"https://moonpd.ai/assets/front/img/layout/footer-logo.png",
143"image":"https://moonpd.ai/assets/front/img/layout/og-img.jpg",
144"legalName":"주식회사 임팩시스",
145"taxID":"221-81-40156",
146"founder":{"@type":"Person","name":"신승렬"},
147"address":{"@type":"PostalAddress","addressCountry":"KR","streetAddress":"(24209) 강원특별자치도 춘천시 동면 춘천순환로 609, 4층 (서유빌딩)"},
148"telephone":"033-911-6510",
149"sameAs":["https://blog.naver.com/moonpd___"]
150},{
151"@context":"https://schema.org",
152"@type":"WebSite",
153"@id":"https://moonpd.ai/#website",
154"url":"https://moonpd.ai/",
155"name":"문피디",
156"alternateName":["MoonPD","moonpd.ai"],
157"inLanguage":"ko",
158"publisher":{"@id":"https://moonpd.ai/#organization"},
159"potentialAction":{
160"@type":"SearchAction",
161"target":{"@type":"EntryPoint","urlTemplate":"https://moonpd.ai/Home/H10000/ebookList?search_keyword={search_term_string}"},
162"query-input":"required name=search_term_string"
163}
164}]
165</script>
165
166
167
168
169
170<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"MCP·API 연동은 어떤 요금제에서 사용할 수 있나요?","acceptedAnswer":{"@type":"Answer","text":"· PROFESSIONAL 요금제에서 사용하실 수 있습니다. · 그 외 요금제에서는 MCP·API 연동을 이용하실 수 없습니다. · 요금제별 제공 기능은 요금 안내 페이지에서 비교하실 수 있습니다."}},{"@type":"Question","name":"문피디 MCP·API는 무엇이고, 무엇을 할 수 있나요?","acceptedAnswer":{"@type":"Answer","text":"· MCP(Model Context Protocol)는 AI 에이전트가 자연어로 외부 서비스를 다루기 위한 표준입니다. · 연결하면 Claude·ChatGPT 같은 AI에게 “이 PDF를 이북으로 만들어 줘”, “지난달 조회수를 정리해 줘”처럼 말로 지시할 수 있습니다. · 문피디 이북 MCP는 6개 카테고리 25개 도구를 제공하며, 설문(섭피디) 도구는 별도로 제공됩니다. · 자세한 사용법은 개발자 문서(moonpd.ai/docs/mcp)에서 확인하실 수 있습니다."}},{"@type":"Question","name":"AI가 내 콘텐츠에 어디까지 접근하나요? 권한을 제한할 수 있나요?","acceptedA
170nswer":{"@type":"Answer","text":"· 키를 발급할 때 필요한 권한(스코프)만 선택하실 수 있습니다. · 권한은 이북 조회(ebook:read), 이북 등록·수정(ebook:write), 이북 발행(ebook:publish), 통계 조회(stats:read)로 구분됩니다. · 발급한 키는 마이페이지에서 언제든 중지하거나 완전삭제할 수 있습니다. · 인증되지 않은 요청은 거부됩니다."}},{"@type":"Question","name":"Claude.ai 웹에서도 문피디를 연결할 수 있나요?","acceptedAnswer":{"@type":"Answer","text":"· 가능합니다. Claude.ai 웹은 OAuth 2.0(Authorization Code + PKCE) 방식으로 연결합니다. · 마이페이지 → MCP·API 메뉴의 OAuth 앱 발급에서 Key ID(mpdc_ 로 시작)와 Key Secret(mpds_ 로 시작)을 받습니다. · 인증 주소는 https://moonpd.ai/api/v1/oauth/authorize, 토큰 주소는 https://moonpd.ai/api/v1/oauth/token 입니다. · 설정 방법은 개발자 문서(moonpd.ai/docs/mcp)의 연결 설정 항목을 참고하세요."}}]}</script>
170
171
172
173
174
175
176<link rel="preconnect" href="https://kit.fontawesome.com" crossorigin>
177<link rel="preconnect" href="https://ka-p.fontawesome.com" crossorigin>
178<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
179<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;600;700;800;900&display=swap">
180
181<link rel="stylesheet" href="https://kit.fontawesome.com/b529d68c8e.css" crossorigin="anonymous">
182<link rel="stylesheet" href="/assets/front/css/reset.css?v=1791211049197">
183<link rel="stylesheet" href="/assets/front/css/common.css?v=1791211049197">
184<link rel="stylesheet" href="/assets/front/css/layout.css?v=1791211049197">	
185<link rel="stylesheet" href="/assets/front/css/swiper-bundle.css?v=1791211049197">
186
187
188
189
190
191<script src="/assets/plugin/jquery/jquery-1.12.4.min.js" type="text/javascript"></script>
191
192
193<script src="/assets/plugin/jquery/jquery-ui.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 193
193
194<script defer src="/assets/plugin/jquery/jquery.number.js"></script>
194
195
196<script src="/assets/plugin/jquery/qrcode.min.js" type="text/javascript"></script>
196
197
198<script defer src="/assets/front/js/moonpd.main.js?v=1791211049197"></script>
vendor: 1 bytes, line 198
198
199<script defer src="/assets/front/js/swiper-bundle.min.js?v=1791211049197"></script>
199
200
201
202<script defer src="/assets/plugin/comm/script.blocking.min.js?v=1791211049197" type="text/javascript"></script>
vendor: 1 bytes, line 202
202
203<script defer src="/assets/plugin/comm/common.js?v=1791211049197" type="text/javascript"></script>
vendor: 1 bytes, line 203
203
204<script defer src="/assets/admin_v2/js/phoneFormat.js?v=1791211049197"></script>
vendor: 1 bytes, line 204
204
205<script defer src="/assets/plugin/validate/form.validate.js" type="text/javascript"></script>
205
206
207<script defer src="/assets/front/js/swiper.js?v=1791211049197"></script>
vendor: 1 bytes, line 207
207
208<script defer src="/assets/front/js/aos-2.3.1.js"></script>
vendor: 1 bytes, line 208
208
209<script defer src="/assets/front/js/common.js"></script>
209
210
211<script src="/assets/front/js/ui.js?v=1791211049197"></script>
211
212
213
214<script src="/assets/script/im.fn.script.js?v=1791211049197" type="text/javascript"></script>
214
215
216
217<!-- Print Plugin-->
218<script defer src="/assets/plugin/print/jquery.print.js"></script>
218
219
220<!-- counterUP -->
221<script defer src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
221
222
223<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.11/clipboard.min.js"></script>
223
224
225
226<script src="/assets/front/js/jquery.counterup.min.js?v=1791211049197"></script>
226
227
228
229<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
229
230
231<script type="text/javascript">
232var ctx = "";
233//업로드서버경로
234var uploadDefaultUrl = "/upload";
235/* [CWV 2026-08-03] 이북 표지 축소본 URL 헬퍼.
236   목록 카드를 JS 로 그리는 경로(홈 #ebookPopularListArea → /ebookListJson.do →
237   moonpd.ebook.search.min.js)가 표지 원본을 그대로 붙이고 있었다. 표지는 /upload/cont/ 에
238   업로드 원본만 있어 174px 카드에 2950px/4.9MB 가 그대로 나간다.
239   min.js 는 난독화라 이 함수만 호출하도록 최소 치환하고, 함수 정의는 여기 둔다
240   (min.js 쪽은 함수가 없으면 기존 동작으로 되돌아가는 방어형으로 넣었다).
241   webp 는 변환엔진 산출 썸네일이라 이미 100KB 안팎 → 원본 경로 유지. */
242function mpdCoverSrc(p) {
243	if (!p) return '';
244	var base = (typeof uploadDefaultUrl !== 'undefined' ? uploadDefaultUrl : '/upload');
245	if (/\.webp$/i.test(p)) return base + p;
246	return '/imgw/600' + p;
247}
248//섬네일 이미지 기본폴더명
249var uploadImgThumbDir = "cont";
250//에디터 이미지 기본폴더명
251var uploadImgEditorDir = "cont";
252//sns 페이스북 API 키
253var snsFacebookApiKey = "";
254// [서진 2026-03-03] 페이스북 Share Dialog용 App ID
255var snsFacebookAppId = "6018691318746794";
256// sns 카카오톡 API 키
257var snsKakaoApiKey = "999a4f06d7f72812f483336c5fa01dd7";
258// 구글 클라이언트 ID
259var googleClientId = "900950902641-pejtfekdu68m715vv59mckekfrlvsfbv.apps.googleusercontent.com";
260// 모바일접근여부
261var isMobileAccess = "false";
262
263// 로그아웃
264function fnLogout(){	
265	window.location.href = ctx+"/Home/logout";
266}
267
268//ajaxRes
269var ajaxRes;
270function ajaxCall(data, url){
271	ajaxRes = $.ajax({
272		data:data,
273		url : url,
274		type:"post",
275		cache:false,
276		dataType:"json",
277		//timeout : 5000,
278		beforeSend: function(){			
279			$('.loading-default').show();
280		},
281		error: function(e) {
282			alert("로딩중입니다...");
283		},		
284		complete: function(){			
285			$('.loading-default').hide();
286		}
287	});
288}
289jQuery(function($){
290	// 프린트
291	$('.btnPrint').on('click', function(e) {
292		e.preventDefault();
293		$("#printArea").print();
294  	});
295});
296</script>
296
297    <link rel="stylesheet" href="/assets/front/css/main.css?v=1791211049197">
298</head>
299<body>
300    
301
302
303
304
305
306
307
308
309
310
311<script>
312function topSearchSubmit(){
313	if($.isStrNvl($('#all_search_keyword').val().trim())){
314		return true;
315	} else {
316		alert('검색어를 입력하세요.');
317		$('#all_search_keyword').focus();
318		return false;
319	}
320}
321</script>
321
322
323<header class="header">
324	<!-- 사이트맵 -->
325	<div class="header-container">
326		<h1 class="header-logo">
327			<a href="/Home/index">
328				<img src="/assets/front/img/layout/logo.svg" alt="">
329			</a>
330		</h1>
331
332		<!-- 사이트맵 -->
333		<nav class="header-gnb js-gnb">
334			<div class="header-gnb-wrap">
335				<div class="m-gnb-logo">
336					<img src="/assets/front/img/layout/logo.svg" alt="">
337					<button type="button" class="m-gnb-close js-m-gnb-close" title="모바일 메뉴 닫기"><i class="fa-solid fa-xmark ico-custom"></i></button>
338				</div>
339				<div class="gnb-list-wrap">
340					
341						
342						
343						
344						
345						
346
347						
348						
349						
350						
351
352						
353					
354						
355						
356						
357						
358						
359
360						
361						
362						
363						
364
365						
366							
367							
368							
369							
370							<div class="gnb-list js-gnb-list">
371							
372								<a href="/Home/H10000/ebookIntro" class="gnb-title js-gnb-hover depth-empty" >서재 </a>
373
374								<div class="gnb-menu js-gnb-menu">
375									
376									
377								</div>
378							</div>
379						
380					
381						
382						
383						
384						
385						
386
387						
388						
389						
390						
391
392						
393							
394							
395							
396							
397							<div class="gnb-list js-gnb-list">
398							
399								<a href="/Home/H20000/boardList" class="gnb-title js-gnb-hover depth-empty" >고객사례 </a>
400
401								<div class="gnb-menu js-gnb-menu">
402									
403									
404								</div>
405							</div>
406						
407					
408						
409						
410						
411						
412						
413
414						
415						
416						
417						
418
419						
420							
421							
422							
423							
424							<div class="gnb-list js-gnb-list">
425							
426								<a href="/Home/H40000/priceInfo" class="gnb-title js-gnb-hover depth-empty" >가격 </a>
427
428								<div class="gnb-menu js-gnb-menu">
429									
430									
431								</div>
432							</div>
433						
434					
435						
436						
437						
438						
439						
440
441						
442						
443						
444						
445
446						
447					
448						
449						
450						
451						
452						
453
454						
455						
456						
457						
458
459						
460							
461							
462							
463							
464							
465							
466							
467							
468							
469							
470							
471							
472							
473							
474							
475							
476							
477							
478							<div class="gnb-list js-gnb-list">
479							
480								<a href="#" class="gnb-title js-gnb-hover " >소개 <i class="fa-solid fa-chevron-down ico-custom"></i></a>
481
482								<div class="gnb-menu js-gnb-menu">
483									
484									
485										
486											
487	
488											
489											
490											
491											
492											
493											
494											
495											
496											
497	
498											
499											<a href="/Home/H50000/H50200/html" class="gnb-menu-title"  title="문피디 소개">문피디 소개</a>
500	
501												
502										
503									
504										
505											
506	
507											
508											
509											
510											
511											
512											
513											
514											
515											
516	
517											
518											<a href="/Home/H50000/H50600/html" class="gnb-menu-title"  title="섭피디 소개">섭피디 소개</a>
519	
520												
521										
522									
523										
524											
525	
526											
527											
528											
529											
530											
531											
532											
533											
534											
535	
536											
537											<a href="/Home/H50000/H50700/html" class="gnb-menu-title"  title="AI 에이전트 소개">AI 에이전트 소개</a>
538	
539												
540										
541									
542										
543											
544	
545											
546											
547											
548											
549											
550											
551											
552											
553											
554	
555											
556											<a href="/Home/H50000/H50800/html" class="gnb-menu-title"  title="회사소개">회사소개</a>
557	
558												
559										
560									
561										
562											
563	
564											
565											
566											
567											
568											
569											
570											
571											
572											
573	
574											
575											<a href="/Home/H50000/H50300/boardList" class="gnb-menu-title"  title="공지사항">공지사항</a>
576	
577												
578										
579									
580										
581											
582	
583											
584											
585											
586											
587											
588											
589											
590											
591											
592	
593											
594											<a href="/Home/H50000/H50500/boardList" class="gnb-menu-title"  title="ESG 소식">ESG 소식</a>
595	
596												
597										
598									
599										
600											
601	
602											
603											
604											
605											
606											
607											
608											
609											
610											
611	
612											
613											<a href="/Home/H50000/H50400/boardList" class="gnb-menu-title"  title="이벤트">이벤트</a>
614	
615												
616										
617									
618								</div>
619							</div>
620						
621					
622						
623						
624						
625						
626						
627
628						
629						
630						
631						
632
633						
634							
635							
636							
637							
638							
639							
640							
641							
642							
643							
644							
645							
646							
647							
648							
649							
650							
651							
652							
653							
654							
655							
656							
657							
658							<div class="gnb-list js-gnb-list">
659							
660								<a href="#" class="gnb-title js-gnb-hover " >고객지원 <i class="fa-solid fa-chevron-down ico-custom"></i></a>
661
662								<div class="gnb-menu js-gnb-menu">
663									
664									
665										
666											
667	
668											
669											
670											
671											
672											
673											
674											
675											
676											
677	
678											
679											<a href="https://mpd.zip/GxzyViuz7" class="gnb-menu-title" target='_blank' title="사용법 가이드">사용법 가이드</a>
680	
681												
682										
683									
684										
685											
686	
687											
688											
689											
690											
691											
692											
693											
694											
695											
696	
697											
698											<a href="/Home/H30000/H30600/html" class="gnb-menu-title"  title="PDF 이북 만들기">PDF 이북 만들기</a>
699	
700												
701										
702									
703										
704											
705	
706											
707											
708											
709											
710											
711											
712											
713											
714											
715	
716											
717											<a href="/Home/H30000/H30700/html" class="gnb-menu-title"  title="PDF 링크 공유">PDF 링크 공유</a>
718	
719												
720										
721									
722										
723											
724	
725											
726											
727											
728											
729											
730											
731											
732											
733											
734	
735											
736											<a href="/Home/H30000/H30800/html" class="gnb-menu-title"  title="소식지 온라인 발행">소식지 온라인 발행</a>
737	
738												
739										
740									
741										
742											
743	
744											
745											
746											
747											
748											
749											
750											
751											
752											
753	
754											
755											<a href="/Home/H30000/H30500/html" class="gnb-menu-title"  title="유튜브 설명서">유튜브 설명서</a>
756	
757												
758										
759									
760										
761											
762	
763											
764											
765											
766											
767											
768											
769											
770											
771											
772	
773											
774											<a href="/Home/H30000/H30200/boardList" class="gnb-menu-title"  title="FAQ">FAQ</a>
775	
776												
777										
778									
779										
780											
781	
782											
783											
784											
785											
786											
787											
788											
789											
790											
791	
792											
793											<a href="/Home/H30000/H30300/applicationForm" class="gnb-menu-title"  title="제휴/제안">제휴/제안</a>
794	
795												
796										
797									
798										
799											
800	
801											
802											
803											
804											
805											
806											
807											
808											
809											
810	
811											
812											<a href="/Home/H30000/H30400/boardList" class="gnb-menu-title"  title="시스템 문의 (기타)">시스템 문의 (기타)</a>
813	
814												
815										
816									
817										
818											
819	
820											
821											
822											
823											
824											
825											
826											
827											
828											
829	
830											
831											<a href="/Home/H30000/H30900/html" class="gnb-menu-title"  title="기관 도입 안내">기관 도입 안내</a>
832	
833												
834										
835									
836										
837											
838	
839											
840											
841											
842											
843											
844											
845											
846											
847											
848	
849											
850											<a href="/Home/H30000/H31000/html" class="gnb-menu-title"  title="이북 서비스 비교">이북 서비스 비교</a>
851	
852												
853										
854									
855								</div>
856							</div>
857						
858					
859						
860						
861						
862						
863						
864
865						
866						
867						
868						
869
870						
871					
872						
873						
874						
875						
876						
877
878						
879						
880						
881						
882
883						
884					
885						
886						
887						
888						
889						
890
891						
892						
893						
894						
895
896						
897					
898						
899						
900						
901						
902						
903
904						
905						
906						
907						
908
909						
910					
911						
912						
913						
914						
915						
916
917						
918						
919						
920						
921
922						
923					
924						
925						
926						
927						
928						
929
930						
931						
932						
933						
934
935						
936					
937						
938						
939						
940						
941						
942
943						
944						
945						
946						
947
948						
949					
950						
951						
952						
953						
954						
955
956						
957						
958						
959						
960
961						
962					
963						
964						
965						
966						
967						
968
969						
970						
971						
972						
973
974						
975					
976				</div>
977				<!-- <div class="m-gnb-util">
978					<a href="#lnk" class="m-gnb-util-btn">회원가입</a>
979				</div> -->
980			</div>
981		</nav>
982		<div class="header-util">
983			
984				
985					<a href="/Home/H80000/H80100/login" class="header-util-btn">로그인</a>
986					<!-- <a href="#lnk" class="header-util-btn opt-search" title="검색"><i class="fa-solid fa-magnifying-glass"></i></a> -->
987					<a href="/Home/H80000/H80200/memberJoin" class="header-util-btn opt-join">회원가입</a>
988				
989				
990			
991		</div>
992		<button type="button" class="m-gnb-open js-m-gnb-open" title="모바일 메뉴 열기"><i class="fa-solid fa-bars-staggered ico-custom"></i></button>
993	</div>
994</header>
995
996
997
998
999
1000    
1001        
1002            
1003
1004
1005
1006
1007
1008
1009
1010<section class="main-wrap">
1011	<!-- 메인배너 -->
1012	<div class="main-banner">
1013		<div class="swiper">
1014			<ul class="swiper-wrapper">
1015				
1016					
1017						
1018							
1019							
1020							
1021							
1022							
1023							
1024							
1025							<li class="swiper-slide has-mo">
1026								<a href="https://moonpd.ai/Home/H50000/H50600/html" >
1027									
1028										
1029										
1030										<picture>
1031											<source media="(max-width:767px)" srcset="/upload/cont/2026/0806/64B73560143543359B7924BE9B23742D.png">
1032											
1033											<img src="/upload/cont/2024/0710/UPE67N3RVV0V4EHJJKAS6VQSCB.png" alt="섭피디 기본 배너" title="섭피디 기본 배너" fetchpriority="high" decoding="async">
1034										</picture>
1035									
1036								</a>
1037							</li>
1038						
1039					
1040					
1041				
1042			</ul>
1043		</div>
1044
1045		<div class="swiper-control">
1046			<div class="swiper-pagination"></div>
1047			<div class="swiper-button">
1048				<button type="button" class="swiper-btn-prev"></button>
1049				<button type="button" class="swiper-btn-pause"></button>
1050				<button type="button" class="swiper-btn-next"></button>
1051			</div>
1052		</div>
1053	</div>
1054
1055	<!-- 인기콘텐츠 -->
1056	<div class="main-best">
1057		<div class="container">
1058			<div class="title">
1059				<h2>인기 콘텐츠</h2>
1060
1061				<a href="/Home/H10000/ebookList?order_column=2" class="more-btn">모두 보기 <i class="fa-regular fa-angle-right"></i></a>
1062			</div>
1063
1064			<div class="contents">
1065				<div class="swiper">
1066					<ul class="swiper-wrapper list" id="ebookPopularListArea"></ul>
1067				</div>
1068			</div>
1069		</div>
1070	</div>
1071
1072	<!-- 문피디 안내 -->
1073	<div class="main-guide">
1074		<div class="container">
1075			<div class="title">
1076				<h2>문피디, 무엇이 달라졌나요?</h2>
1077
1078				<p>아임북에서 문피디로. 이북 제작·공유·관리 기능이 새로워졌습니다.</p>
1079			</div>
1080
1081			<ul class="contents">
1082				<li>
1083					<a href="/Home/H50000/H50200/html">
1084						<div class="image">
1085							<img src="/assets/front/img/main/icon-guide01.png" alt="">
1086						</div>
1087
1088						<div class="text">
1089							<span>무엇이 달라졌는지 확인하기</span>
1090							<strong>문피디 알아보기 <i class="fa-regular fa-angle-right"></i></strong>
1091						</div>
1092					</a>
1093				</li>
1094
1095				<li>
1096					<a href="/Home/H30000/H30300/applicationForm">
1097						<div class="image">
1098							<img src="/assets/front/img/main/icon-guide02.png" alt="">
1099						</div>
1100
1101						<div class="text">
1102							<span>기관·기업 도입을 검토 중이신가요?</span>
1103							<strong>도입 문의하기 <i class="fa-regular fa-angle-right"></i></strong>
1104						</div>
1105					</a>
1106				</li>
1107
1108				<li>
1109					<a href="/Home/H40000/priceInfo">
1110						<div class="image">
1111							<img src="/assets/front/img/main/icon-guide03.png" alt="">
1112						</div>
1113
1114						<div class="text">
1115							<span>독립 채널과 관리 기능까지</span>
1116							<strong>PROFESSIONAL 살펴보기 <i class="fa-regular fa-angle-right"></i></strong>
1117						</div>
1118					</a>
1119				</li>
1120			</ul>
1121		</div>
1122	</div>
1123
1124	<!-- 주제별 콘텐츠 -->
1125	<div class="main-subject">
1126		<div class="container">
1127			<div class="left">
1128				<h2>
1129					원하는 주제부터<br>
1130					찾아보세요
1131				</h2>
1132
1133				<ul class="subject-tab tab-menu">
1134					
1135						
1136							<li id="cate_0" class="tabSubject active" data-cd="0">
1137								<button type="button" class="tab-all-btn">전체</button>
1138							</li>
1139							
1140								<li id="cate_1" class="tabSubject" data-cd="1">
1141									<button type="button">소식지·매거진</button>
1142								</li>
1143							
1144								<li id="cate_2" class="tabSubject" data-cd="2">
1145									<button type="button">전문자료·보고서</button>
1146								</li>
1147							
1148								<li id="cate_3" class="tabSubject" data-cd="3">
1149									<button type="button">문화 및 예술</button>
1150								</li>
1151							
1152								<li id="cate_4" class="tabSubject" data-cd="4">
1153									<button type="button">자기계발 및 교육</button>
1154								</li>
1155							
1156								<li id="cate_5" class="tabSubject" data-cd="5">
1157									<button type="button">일상 및 라이프스타일</button>
1158								</li>
1159							
1160								<li id="cate_6" class="tabSubject" data-cd="6">
1161									<button type="button">정치 및 사회 이슈</button>
1162								</li>
1163							
1164								<li id="cate_8" class="tabSubject" data-cd="8">
1165									<button type="button">홍보·안내물</button>
1166								</li>
1167							
1168								<li id="cate_9" class="tabSubject" data-cd="9">
1169									<button type="button">소설·창작물</button>
1170								</li>
1171							
1172								<li id="cate_7" class="tabSubject" data-cd="7">
1173									<button type="button">기타</button>
1174								</li>
1175							
1176						
1177						
1178					
1179				</ul>
1180
1181				<button type="button" onclick="location.href='/Home/H10000/ebookIntro';" class="btn-default opt-primary">모든 콘텐츠 보기</button>
1182			</div>
1183
1184			<div class="right">
1185				<div class="tab-content active">
1186					<div class="swiper">
1187						<ul class="swiper-wrapper" id="ebookListByCateArea"></ul>
1188					</div>
1189					<div class="swiper-control">
1190						<button type="button" class="swiper-btn-prev"></button>
1191						<button type="button" class="swiper-btn-next"></button>
1192					</div>
1193				</div>
1194			</div>
1195		</div>
1196	</div>
1197	
1198	
1199		
1200			<div class="main-channel">
1201		      <div class="container">
1202		        <div class="title">
1203		          <h2>문피디 <strong>BEST 채널</strong></h2>
1204		          <p>
1204다양한 채널을 만나보세요.</p>
1205		        </div>
1206		        <div class="contents">
1207		          <div class="swiper">
1208		            <div class="swiper-wrapper">
1209		              	
1210						<div class="swiper-slide">
1211		               <a href="/@ch008238" class="channel">
1212				                 <div class="image">
1213				                 	
1214				                 	
1215				                 	
1216				                 	
1217				                 		<img src="/assets/front/img/main/no-image.png" alt="" loading="lazy" decoding="async">
1218				                 	
1219				                 	
1220				                 </div>
1221				                 <div class="text">강원특별자치도 도시재생지원센터</div>
1222				               </a>
1223				            </div>
1224					
1225		            </div>
1226		          </div>
1227		          <div class="swiper-control">
1228		            <button type="button" class="swiper-btn-prev"></button>
1229		            <button type="button" class="swiper-btn-next"></button>
1230		          </div>
1231		        </div>
1232		      </div>
1233		    </div>
1234		
1235		
1236		
1237	
1238	  
1239	<!-- 문피디 시작하기 -->
1240	<div class="main-start">
1241		<div class="container">
1242			<div class="left">
1243				<h2>
1244					우리가 만들고 공유하는 <span>문피디</span>
1245				</h2>
1246
1247				<div class="count-wrap">
1248					<dl>
1249						<dt><img src="/assets/front/img/main/icon-box.svg" alt=""> 누적 발행 이북</dt>
1250						
1251						<dd><span class="counter01" id="totalContentsCnt">8,607</span>ê±´</dd>
1252					</dl>
1253
1254					<dl>
1255						<dt><img src="/assets/front/img/main/icon-file.svg" alt=""> 아낀 종이의 양</dt>
1256						<dd><span class="counter02" id="totalPaperCnt">229,910,073</span></dd>
1257					</dl>
1258				</div>
1259			</div>
1260
1261			<div class="right">
1262				<div class="title">
1263					<h2>문피디는 이렇게 사용합니다</h2>
1264
1265					<p>PDF를 올리면 공유 URL이 자동으로 만들어집니다.</p>
1266				</div>
1267
1268				<div class="contents">
1269					<ul class="">
1270						<li>
1271							<div class="image">
1272								<img src="/assets/front/img/main/icon-use01.svg" alt="">
1273							</div>
1274							<span>1. PDF 업로드</span>
1275						</li>
1276						<li>
1277							<div class="image">
1278								<img src="/assets/front/img/main/icon-use02.svg" alt="">
1279							</div>
1280							<span>2. 공유 URL 자동 생성</span>
1281						</li>
1282						<li>
1283							<div class="image">
1284								<img src="/assets/front/img/main/icon-use03.svg" alt="">
1285							</div>
1286							<span>3. 모든 기기에서 열람</span>
1287						</li>
1288					</ul>
1289
1290					<a href="/Home/H80000/H80200/memberJoin" class="start-btn">문피디 시작하기 <i class="fa-solid fa-angle-right"></i></a>
1291				</div>
1292			</div>
1293		</div>
1294	</div>
1295
1296	
1297	
1298	
1299	
1300	<div class="main-guide main-trust">
1301		<div class="container">
1302			<div class="title">
1303				<h2>문피디를 신뢰하는 이유</h2>
1304
1305				<p>공공기관과 기업이 문피디로 발행한 사례와, 페이퍼리스로 만들어 온 변화입니다.</p>
1306			</div>
1307
1308			<ul class="contents">
1309				
1310				
1311				
1312				
1313				<li>
1314					<a href="/Home/H20000/boardView?board_key=356">
1315						<div class="text">
1316							<span>고객사례</span>
1317							<strong>경기문화재연구원은 경기옛길 소식지를! <i class="fa-regular fa-angle-right"></i></strong>
1318						</div>
1319					</a>
1320				</li>
1321				
1322				
1323				
1324				<li>
1325					<a href="/Home/H20000/boardView?board_key=1504">
1326						<div class="text">
1327							<span>고객사례</span>
1328							<strong>김해일보는 전자신문, 전자북을! <i class="fa-regular fa-angle-right"></i></strong>
1329						</div>
1330					</a>
1331				</li>
1332				
1333				
1334				
1335				<li>
1336					<a href="/Home/H20000/boardView?board_key=1503">
1337						<div class="text">
1338							<span>고객사례</span>
1339							<strong>대행선연구원은 학술지를! <i class="fa-regular fa-angle-right"></i></strong>
1340						</div>
1341					</a>
1342				</li>
1343				
1344				
1345
1346				
1347				
1348				
1349				
1350				<li>
1351					<a href="/Home/H50000/H50500/boardView?board_key=1673">
1352						<div class="text">
1353							<span>ESG 소식</span>
1354							<strong>롯데케미칼, ‘환경놀이터’로 섬마을에 자원순환 가치 전달… 도... <i class="fa-regular fa-angle-right"></i></strong>
1355						</div>
1356					</a>
1357				</li>
1358				
1359				
1360			</ul>
1361
1362			<div class="title" style="margin:30px 0 0;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;">
1363				<a href="/Home/H20000/boardList" class="more-btn">고객사례 전체 보기 <i class="fa-regular fa-angle-right"></i></a>
1364				<a href="/Home/H50000/H50500/boardList" class="more-btn">페이퍼리스로 만들어 온 변화 <i class="fa-regular fa-angle-right"></i></a>
1365			</div>
1366		</div>
1367	</div>
1368	
1369
1370	<!-- 문피디 함께하기 -->
1371	<div class="main-partners">
1372		<div class="container">
1373			<div class="title">
1374				<h2>문피디와 함께합니다.</h2>
1375
1376				<div class="swiper-control">
1377					<button type="button" class="swiper-btn-prev"></button>
1378					<button type="button" class="swiper-btn-next"></button>
1379				</div>
1380			</div>
1381
1382			<div class="swiper">
1383				<ul class="swiper-wrapper">
1384					<li class="swiper-slide"><img src="/assets/front/img/main/ptn01.png" alt=""></li>
1385					<li class="swiper-slide"><img src="/assets/front/img/main/ptn02.png" alt=""></li>
1386					<li class="swiper-slide"><img src="/assets/front/img/main/ptn03.png" alt=""></li>
1387					<li class="swiper-slide"><img src="/assets/front/img/main/ptn04.png" alt=""></li>
1388					<li class="swiper-slide"><img src="/assets/front/img/main/ptn05.png" alt=""></li>
1389					<li class="swiper-slide"><img src="/assets/front/img/main/ptn06.png" alt=""></li>
1390					<li class="swiper-slide"><img src="/assets/front/img/main/ptn07.png" alt=""></li>
1391					<li class="swiper-slide"><img src="/assets/front/img/main/ptn08.png" alt=""></li>
1392					<li class="swiper-slide"><img src="/assets/front/img/main/ptn09.png" alt=""></li>
1393					<li class="swiper-slide"><img src="/assets/front/img/main/ptn10.png" alt=""></li>
1394				</ul>
1395			</div>
1396			<div class="swiper-pagination"></div>
1397		</div>
1398	</div>
1399
1400	<!-- faq -->
1401	<div class="main-faq">
1402		<div class="container">
1403			<div class="title">
1404				<h2>FAQ</h2>
1405
1406				<a href="/Home/H30000/H30200/boardList" class="more-btn">모두 보기 <i class="fa-regular fa-angle-right"></i></a>
1407			</div>
1408
1409			<ul class="faq-wrap">
1410				
1411				
1412					<li>
1413						<div class="faq-que">
1414							<p>MCP·API 연동은 어떤 요금제에서 사용할 수 있나요?</p>
1415							<i class="fa-solid fa-chevron-down"></i>
1416						</div>
1417
1418						<div class="faq-anw">
1419							<p>· PROFESSIONAL 요금제에서 사용하실 수 있습니다.
1420· 그 외 요금제에서는 MCP·API 연동을 이용하실 수 없습니다.
1421· 요금제별 제공 기능은 요금 안내 페이지에서 비교하실 수 있습니다.</p>
1422						</div>
1423					</li>
1424									
1425				
1426				
1427					<li>
1428						<div class="faq-que">
1429							<p>문피디 MCP·API는 무엇이고, 무엇을 할 수 있나요?</p>
1430							<i class="fa-solid fa-chevron-down"></i>
1431						</div>
1432
1433						<div class="faq-anw">
1434							<p>· MCP(Model Context Protocol)는 AI 에이전트가 자연어로 외부 서비스를 다루기 위한 표준입니다.
1435· 연결하면 Claude·ChatGPT 같은 AI에게 “이 PDF를 이북으로 만들어 줘”, “지난달 조회수를 정리해 줘”처럼 말로 지시할 수 있습니다.
1436· 문피디 이북 MCP는 6개 카테고리 25개 도구를 제공하며, 설문(섭피디) 도구는 별도로 제공됩니다.
1437· 자세한 사용법은 개발자 문서(moonpd.ai/docs/mcp)에서 확인하실 수 있습니다.</p>
1438						</div>
1439					</li>
1440									
1441				
1442				
1443					<li>
1444						<div class="faq-que">
1445							<p>AI가 내 콘텐츠에 어디까지 접근하나요? 권한을 제한할 수 있나요?</p>
1446							<i class="fa-solid fa-chevron-down"></i>
1447						</div>
1448
1449						<div class="faq-anw">
1450							<p>· 키를 발급할 때 필요한 권한(스코프)만 선택하실 수 있습니다.
1451· 권한은 이북 조회(ebook:read), 이북 등록·수정(ebook:write), 이북 발행(ebook:publish), 통계 조회(stats:read)로 구분됩니다.
1452· 발급한 키는 마이페이지에서 언제든 중지하거나 완전삭제할 수 있습니다.
1453· 인증되지 않은 요청은 거부됩니다.</p>
1454						</div>
1455					</li>
1456									
1457				
1458				
1459					<li>
1460						<div class="faq-que">
1461							<p>Claude.ai 웹에서도 문피디를 연결할 수 있나요?</p>
1462							<i class="fa-solid fa-chevron-down"></i>
1463						</div>
1464
1465						<div class="faq-anw">
1466							<p>· 가능합니다. Claude.ai 웹은 OAuth 2.0(Authorization Code + PKCE) 방식으로 연결합니다.
1467· 마이페이지 → MCP·API 메뉴의 OAuth 앱 발급에서 Key ID(mpdc_ 로 시작)와 Key Secret(mpds_ 로 시작)을 받습니다.
1468· 인증 주소는 https://moonpd.ai/api/v1/oauth/authorize, 토큰 주소는 https://moonpd.ai/api/v1/oauth/token 입니다.
1469· 설정 방법은 개발자 문서(moonpd.ai/docs/mcp)의 연결 설정 항목을 참고하세요.</p>
1470						</div>
1471					</li>
1472									
1473				
1474									
1475				
1476									
1477				
1478									
1479				
1480									
1481				
1482									
1483				
1484									
1485				
1486									
1487				
1488									
1489				
1490									
1491				
1492									
1493				
1494									
1495				
1496									
1497				
1498									
1499				
1500									
1501				
1502									
1503				
1504									
1505				
1506			</ul>
1507		</div>
1508	</div>
1509
1510	<!-- top 버튼 -->
1511	<div class="btn-float-box">
1512		<a href="https://pf.kakao.com/_cxkVTG" class="btn-kakao-channel" title="카카오톡채널 새ì°
1512½ 이동" target="_blank"></a>
1513		<button type="button" class="btn-top" title="상단으로 이동하기" onclick="scrollTopUi();"><i class="fa-light fa-chevron-up ico-custom"></i></button>
1514	</div>
1515
1516</section>
1517
1518<script src="/assets/script/moonpd.ebook.search.min.js?v=1791211049197" type="text/javascript"></script>
vendor: 1 bytes, line 1518
1518
1519<script type="text/javascript">
1520	function moveTab(cate_cd) {
1521		let cateX = parseInt($('#cate_' + cate_cd).offset().left);
1522		let tabTotalWidth = 0;
1523		$('.subject-tab li').each(function(){
1524			tabTotalWidth += $(this).innerWidth();
1525			currentWidth = $(this).innerWidth();
1526			if($(this).index() == $('#cate_' + cate_cd).index()){
1527				$('.subject-tab').animate({
1528					scrollLeft: tabTotalWidth - currentWidth - 60
1529				}, 200);		
1530			} 			
1531		});		
1532	}
1533
1534	// 카테고리탭 이동
1535	$('.tabSubject').on('click', function () {	
1536		moveTab($(this).data('cd'));
1537	});
1538
1539	_ebookSearch.init();
1540
1541	// 인기 목록
1542	_ebookSearch.params.pageSize = 10;
1543    _ebookSearch.params.order_column = '2'
1544    _ebookSearch.ebookMainList();
1545
1546	// 주제별 목록
1547	setTimeout(function () {
1548        _ebookSearch.params.pageSize = 6;
1549        _ebookSearch.params.order_column = '1'
1550		_ebookSearch.ebookListByCate();
1551		// 카테고리 위치로 스크롤
1552		moveTab('1');
1553	}, 500);
1554
1555	// 콘텐츠 통계
1556	_ebookSearch.statistic();
1557</script>
1557
1558<!-- 메인 공통 팝업 처리 -->
1559
1560
1561
1562
1563
1564
1565
1566
1567<script type="text/javascript">
1568jQuery(document).ready(function($){
1569
1570	var popKey,popKind,popTitle,popLinkAddress,popIsNewWindow
1571	,popWidthSize,popHeightSize,popTopMargin,popLeftMargin
1572	,popSaveFileName,popFilePath,popContent;
1573
1574	$('input[name=popKey]').each(function(i){
1575		popKey = $(this).val();
1576		popKind = $('input[name=popKind]').eq(i).val();
1577		popTitle = $('input[name=popTitle]').eq(i).val();
1578		popContent = $('input[name=popContent]').eq(i).val();
1579		popLinkAddress = $('input[name=popLinkAddress]').eq(i).val();
1580		popIsNewWindow = $('input[name=popIsNewWindow]').eq(i).val();
1581		popWidthSize = $('input[name=popWidthSize]').eq(i).val();
1582		popHeightSize = $('input[name=popHeightSize]').eq(i).val();
1583		popTopMargin = $('input[name=popTopMargin]').eq(i).val();
1584		popLeftMargin = $('input[name=popLeftMargin]').eq(i).val();
1585		popSaveFileName = $('input[name=popSaveFileName]').eq(i).val();
1586		popFilePath = $('input[name=popFilePath]').eq(i).val();
1587		
1588		// 윈도우창 팝업
1589		if(popKind == '1'){				
1590			WindowOpenCustom('','MAIN_POPUP_'+popKey,popWidthSize,parseInt(popHeightSize)+30,popLeftMargin,popTopMargin);
1591			$('#popKey').val(popKey);
1592			$('#mainPopupForm').attr('target','MAIN_POPUP_'+popKey);
1593			$('#mainPopupForm').submit();
1594		// 임베디드 팝업
1595		} else {			
1596		
1597			popStyle = '';
1598			if(popLinkAddress.isNvl()){
1599				popStyle = 'style="cursor:pointer;"';
1600			}
1601			
1602			popHtml = '';
1603			/* [2026-05-28 fix] 메인 페이지가 custom.css(.popupLayer{position:absolute}) 를 로드하지
1604			   않아 임베디드 팝업이 static 으로 본문 하단에 박힘. inline style 에 position 직접 명시해
1605			   CSS 로드 의존성 제거 — 화면 위 레이어로 표시. */
1606			popHtml += '<div id="divPopup_'+popKey+'" class="popupLayer" style="position:fixed; z-index:99999; background:#fff; box-shadow:0 0 10px #999; width:'+popWidthSize+'px; height:'+popHeightSize+'px; left:'+popLeftMargin+'px; top:'+popTopMargin+'px;">';
1607			popHtml += '	<div class="popupLayer_con popupArea" linkAddress="'+popLinkAddress+'" isNewWindow="'+popIsNewWindow+'" '+popStyle+'>';
1608			/* if(popSaveFileName.isNvl()){
1609				popHtml += '		<img src="'+uploadDefaultUrl+popFilePath+popSaveFileName+'" alt="'+popTitle+'">';	
1610			} else {
1611				popHtml += popTitle;
1612			} */
1613			popHtml += popContent;
1614			popHtml += '	</div>';
1615			popHtml += '	<div class="todayopen">';
1616			popHtml += '		<input type="checkbox" id="popupToday"> <label for="popupToday">오늘하루 열지않음</label>';
1617			popHtml += '		<a href="#close" popKey="'+popKey+'" class="btnDivPopClose">닫기</a>';
1618			popHtml += '	</div>';
1619			popHtml += '</div>';			
1620			
1621			$('body').append(popHtml);			
1622			$('body').promise().done(function(){
1623				//$('.popupLayer').draggable();
1624			});
1625		}
1626	});
1627	
1628	$('.popupArea').on('click',function(){
1629		linkAddress = $(this).attr('linkAddress');
1630		isNewWindow = $(this).attr('isNewWindow');
1631	
1632		if(linkAddress.isNvl()){
1633			if(isNewWindow == 'Y'){
1634				window.open(linkAddress, '_blank');
1635			} else {
1636				location.href = linkAddress;
1637			}
1638		}
1639	});
1640	
1641	// 창닫기
1642	$(document).on('click','.btnDivPopClose',function(e){
1643		e.preventDefault();
1644		var popKey = $(this).attr('popKey');
1645		if($(this).parent().find('input').is(':checked')){
1646			var expire = new Date();
1647	        expire.setDate(expire.getDate() + 1);
1648	        setCookie('DISABLED_POPUP_'+popKey,'Y',expire);	
1649		}
1650		$('#divPopup_'+popKey).remove();		
1651	});
1652	
1653});
1654</script>
1654
1655
1656<form id="mainPopupForm" action="/notifyPopup.do" method="post">
1657<input type="hidden" name="popup_key" id="popKey"/> 
1658</form>
1659
1660
1661<!-- 메인 공통 팝업 처리 -->
1662
1663        
1664        
1665    
1666
1667    
1668
1669
1670
1671
1672
1673
1674
1675<footer class="footer">
1676	<div class="footer-container">
1677		<div class="footer-logo">
1678			<a href="/"><img src="/assets/front/img/layout/footer-logo.png" alt="문피디 홈" class="logo float"></a>
1679		</div>
1680		<div class="footer-etc">
1681			<div class="footer-lnk-list">
1682				<a href="/Home/H70000/H70100/html" class="footer-lnk">이용약관</a>
1683				<a href="/Home/H70000/H70200/html" class="footer-lnk opt-strong">개인정보처리방침</a>
1684				<!-- <a href="#lnk" class="footer-lnk">문피디소개</a>
1685				<a href="#lnk" class="footer-lnk">회사소개</a> -->
1686				
1687				<a href="/Home/ebookArchive" class="footer-lnk">전체 콘텐츠</a>
1688				<a href="/Home/H30000/H30300/applicationForm" class="footer-lnk">제휴문의</a>
1689			</div>
1690			<div class="footer-info">
1691				<button type="button" class="footer-info-button" onclick="toggleUi(this);" data-toggle="address">(주) 임팩시스 사업자정보 <i class="fa-solid fa-angle-down ico-custom"></i></button>
1692				<address class="footer-desc" data-toggle="address">
1693					<div class="footer-desc-item">(24209) 강원특별자치도 춘천시 동면 춘천순환로 609, 4층 (서유빌딩)</div>
1694					<div class="footer-desc-item">Tel: 033-911-6510</div>
1695					<div class="footer-desc-item">대표이사: 신승렬</div>
1696					<div class="footer-desc-item">사업자번호: 221-81-40156</div>
1697					<div class="footer-desc-item">통신판매업신고: 2013-강원춘천-0018</div>
1698				</address>
1699			</div>
1700			<div class="footer-copyright">
1701				Copyright ⓒ 2026 IMPACSYS Corporation. All rights reserved.
1702			</div>
1703		</div>
1704	</div>
1705</footer>
1706
1707<section class="loading-default" style="display:none"></section>
1708<!-- 상품정보 -->
1709
1710
1711
1712
1713
1714
1715
1716
1717<div class="modal-popup js-modal pay-info-popup" data-modal="payInfoAll">
1718	<div class="modal-popup-box">
1719		<div class="modal-popup-item">
1720			<section class="modal-popup-content">
1721				<div class="modal-popup-title"><img src="/assets/front/img/layout/logo.svg" alt=""></div>
1722				<div class="pay-info-popup-title"><strong class="opt-strong">요금제</strong>를 비교해 보세요</div>
1723				<div class="pay-price-select">
1724					<div class="pay-price-select-box">
1725						<div class="pay-price-select-item">
1726							<h3 class="title">BASIC</h3>
1727							<div class="desc">개인 또는 기관 단체사용자에게 추천합니다.</div>
1728							<div class="price-box">
1729								
1730								<span class="price">₩3,300</span>
1731								<span class="price-desc">원/월 (부가세 포함)</span>
1732							</div>
1733							<div class="info-wrap">
1734								<div class="info-box">
1735									<h4 class="info-title">문피디</h4>
1736									<ul class="info-list">
1737										<li>20GB</li>
1738										<li>업로드 수 (제한 없음)</li>
1739										<li>광고 배너 미노출</li>  
1740										<li>이미지 자르기</li>
1741									</ul>
1742								</div>
1743								<div class="info-box">
1744									<h4 class="info-title">섭피디</h4>
1745									<ul class="info-list">
1746										<li>응답 100명</li>
1747										<li>첨부파일 3MB 이하</li>
1748									</ul>
1749								</div>
1750							</div>
1751						</div>
1752						<div class="btn-default-box">
1753							<a href="/Home/H40000/H40100/productPurchase?goods_grade=1" class="btn-default opt-primary opt-col1">BASIC 시작하기</a>
1754						</div>
1755					</div>
1756					<div class="pay-price-select-box">
1757						<div class="pay-price-select-item">
1758							<h3 class="title">STANDARD</h3>
1759							<div class="desc">소규모기업 또는 기관 단체 사용자에게 추천합니다.</div>
1760							<div class="price-box">
1761								<span class="price">₩9,900</span>
1762								<span class="price-desc">원/월 (부가세 포함)</span>
1763							</div>
1764							<div class="info-wrap">
1765								<div class="info-box">
1766									<h4 class="info-title">문피디</h4>
1767									<ul class="info-list">
1768										<li>20GB</li>
1769										<li>업로드 수 (제한 없음)</li>
1770										<li>이미지 자르기</li>
1771										<li>로고 제거</li>  
1772									</ul>
1773								</div>
1774								<div class="info-box">
1775									<h4 class="info-title">섭피디</h4>
1776									<ul class="info-list">
1777										<li>응답 1,000명</li>
1778										<li>첨부파일 5MB 이하</li>
1779									</ul>
1780								</div>
1781							</div>
1782						</div>
1783						<div class="btn-default-box">
1784							<a href="/Home/H40000/H40100/productPurchase?goods_grade=2" class="btn-default opt-primary opt-col1">STANDARD 시작하기</a>
1785						</div>
1786					</div>
1787					<div class="pay-price-select-box opt-pro">
1788						<div class="pay-price-select-item">
1789							<h3 class="title">PROFESSIONAL</h3>
1790							<div class="desc">대량 업로드가 필요한 기업·공공기관에 권장합니다.</div>
1791							<div class="price-box">
1792								<span class="price">₩39,000</span>
1793								<span class="price-desc">원/월 (부가세 포함)</span>
1794							</div>
1795							<div class="info-wrap">
1796								<div class="info-box">
1797									<h4 class="info-title">문피디</h4>
1798									<ul class="info-list">
1799										<li>50GB</li>
1800										<li>업로드 수 (제한 없음)</li>
1801										<li>로고 제거</li>
1802										<li>독립 채널(마이크로사이트)</li>
1803										<li>관리 기능</li>
1804										<li>본문링크, 유튜브 삽입</li>
1805									</ul>
1806								</div>
1807								<div class="info-box">
1808									<h4 class="info-title">섭피디</h4>
1809									<ul class="info-list">
1810										<li>응답 무제한</li>
1811										<li>첨부파일 10MB 이하</li>
1812									</ul>
1813								</div>
1814							</div>
1815						</div>
1816						<div class="btn-default-box">
1817							
1818							
1819								
1820								
1821									<a href="/Home/H40000/H40100/productPurchase?goods_grade=3" class="btn-default opt-secondary opt-col1">PROFESSIONAL 시작하기</a>
1822								
1823							
1824						</div>
1825					</div>
1826				</div>
1827
1828				<button type="button" class="modal-popup-close" title="팝업 닫기" onclick="modalPopupUi(this).close();"><i class="fa-regular fa-xmark ico-custom"></i></button>
1829			</section>
1830		</div>
1831	</div>
1832</div>
1833
1834<div id="changePro" data-modal="changePro"></div>
1835<div class="modal-popup js-modal info-default-popup" data-modal="changePro">
1836	<div class="modal-popup-box">
1837		<div class="modal-popup-item">
1838			<section class="modal-popup-content">
1839				<div class="modal-popup-title"><img src="/assets/front/img/layout/logo.svg" alt=""></div>
1840				<div class="info-default-popup-box">
1841					<p class="title">PROFESSIONAL 요금제 전용 기능입니다.</p>
1842					<p class="desc">업그레이드하시면 독립 채널과 관리 기능을<br>함께 사용하실 수 있습니다.</p>
1843				</div>
1844				
1845				<div class="btn-default-box">
1846					<a href="/Home/H40000/H40100/productPurchase?goods_grade=3" class="btn-default opt-primary">PROFESSIONAL 시작하기</a>
1847				</div>
1848				<div class="btn-default-box" style="margin-top:8px;">
1849					<a href="/Home/H40000/H40100/html" class="btn-default" target="_blank">PROFESSIONAL 기능 자세히 보기</a>
1850				</div>
1851				<button type="button" class="modal-popup-close" title="팝업 닫기" onclick="modalPopupUi(this).close();"><i class="fa-regular fa-xmark ico-custom"></i></button>
1852			</section>
1853		</div>
1854	</div>
1855</div>
1856
1857<!-- [2026-05-27] 이벤트 참여 모달 — docs/event-newservice-promo-design.md -->
1858
1859
1860
1861
1862
1863
1864
1865
1866<div id="eventClaimModal" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:9999;">
1867    <div style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:14px;width:480px;max-width:92vw;padding:28px;box-shadow:0 12px 40px rgba(0,0,0,.25);">
1868        <button type="button" onclick="document.getElementById('eventClaimModal').style.display='none'" style="position:absolute;top:14px;right:18px;border:none;background:none;font-size:22px;color:#999;cursor:pointer;">&times;</button>
1869        <div id="eventClaimBody">로딩 중...</div>
1870    </div>
1871</div>
1872
1873<script>
1874window.openEventClaimModal = function(eventCode){
1875    var modal = document.getElementById('eventClaimModal');
1876    var body  = document.getElementById('eventClaimBody');
1877    body.innerHTML = '로딩 중...';
1878    modal.style.display = 'block';
1879    $.ajax({
1880        url: '/Home/eventStatus.do', type: 'POST', dataType: 'json',
1881        success: function(r){
1882            var html = '';
1883            if(!r.eventActive){
1884                html = '<h3 style="margin:0 0 12px;">종료된 이벤트입니다</h3>'
1885                     + '<p style="color:#666;">현재 진행 중인 이벤트가 아닙니다.</p>'
1886                     + '<div style="text-align:right;margin-top:18px;"><button onclick="document.getElementById(\'eventClaimModal\').style.display=\'none\'" class="btn type03 state01">확인</button></div>';
1887            } else if(!r.loggedIn){
1888                html = '<h3 style="margin:0 0 12px;">로그인이 필요합니다</h3>'
1889                     + '<p style="color:#666;">이벤트 참여는 로그인된 회원만 가능합니다.</p>'
1890                     + '<div style="text-align:right;margin-top:18px;">'
1891                     + '  <button onclick="document.getElementById(\'eventClaimModal\').style.display=\'none\'" class="btn type03 state01">취소</button>'
1892                     + '  <button onclick="location.href=\'/Home/login?returnUrl=\'+encodeURIComponent(location.href)" class="btn type03 state06" style="margin-left:8px;">로그인 →</button>'
1893                     + '</div>';
1894            } else if(r.alreadyClaimed){
1895                html = '<h3 style="margin:0 0 12px;">이미 참여하신 이벤트입니다 ✅</h3>'
1896                     + '<p style="color:#666;">PROFESSIONAL 이용권이 이미 활성화되어 있습니다.</p>'
1897                     + '<div style="text-align:right;margin-top:18px;">'
1898                     + '  <a href="/Home/myContentsList" class="btn type03 state06">내 콘텐츠 →</a>'
1899                     + '</div>';
1900            } else if(r.alreadyPro){
1901                html = '<h3 style="margin:0 0 12px;">이미 PROFESSIONAL 회원이시네요</h3>'
1902                     + '<p style="color:#666;">문의하기로 연락 주시면 1개월 쿠폰을 별도 지급해드립니다.</p>'
1903                     + '<div style="text-align:right;margin-top:18px;">'
1904                     + '  <button onclick="document.getElementById(\'eventClaimModal\').style.display=\'none\'" class="btn type03 state01">닫기</button>'
1905                     
1906                     + '  <a class="ev-contact btn type03 state06" style="margin-left:8px;">📧 문의하기 →</a>'
1907                     + '</div>';
1908            } else {
1909                html = '<h3 style="margin:0 0 12px;">🎉 PROFESSIONAL 1개월 무료</h3>'
1910                     + '<p style="color:#444;line-height:1.7;">'
1911                     + '문피디 뉴서비스 오픈 기념 이벤트입니다.<br>'
1912                     
1913                     + '<strong>39,000원 → 0원</strong> · 1인 1회 한정 · 30일 활성<br>'
1914                     + '<small style="color:#999;">참여 후에는 즉시 PROFESSIONAL 권한 사용 가능합니다.</small>'
1915                     + '</p>'
1916                     + '<div style="text-align:right;margin-top:20px;">'
1917                     + '  <button onclick="document.getElementById(\'eventClaimModal\').style.display=\'none\'" class="btn type03 state01">취소</button>'
1918                     + '  <button onclick="window.claimEvent(\''+r.eventCode+'\')" class="btn type03 state06" style="margin-left:8px;">참여 확인</button>'
1919                     + '</div>';
1920            }
1921            body.innerHTML = html;
1922            var contact = body.querySelector('a.ev-contact');
1923            if (contact) contact.href = r.contactUrl || '/Home/H80000/boardList?board_id=24';
1924        },
1925        error: function(){
1926            body.innerHTML = '<h3>네트워크 오류</h3><p>잠시 후 다시 시도해 주세요.</p>';
1927        }
1928    });
1929};
1930
1931window.claimEvent = function(eventCode){
1932    var body = document.getElementById('eventClaimBody');
1933    body.innerHTML = '<p>처리 중...</p>';
1934    $.ajax({
1935        url: '/Home/eventClaim.do', type: 'POST', data: {event_code: eventCode}, dataType: 'json',
1936        success: function(r){
1937            var html = '';
1938            if(r.RESULT_CODE === 'SUCCESS'){
1939                html = '<h3 style="margin:0 0 12px;">✅ 이용권 활성 완료</h3>'
1940                     + '<p style="color:#444;">이제 PROFESSIONAL 의 모든 기능을 사용할 수 있습니다.<br>'
1941                     + '<small style="color:#999;">
1941주문번호: '+r.orderNum+'</small></p>'
1942                     + '<div style="text-align:right;margin-top:18px;">'
1943                     + '  <a href="/Home/myContentsList" class="btn type03 state06">내 콘텐츠 →</a>'
1944                     + '</div>';
1945            } else if(r.RESULT_CODE === 'ALREADY_PROFESSIONAL'){
1946                html = '<h3 style="margin:0 0 12px;">이미 PROFESSIONAL 회원입니다</h3>'
1947                     + '<p style="color:#666;">'+r.message+'</p>'
1948                     + '<div style="text-align:right;margin-top:18px;">'
1949                     
1950                     + '  <a class="ev-contact btn type03 state06">📧 문의하기 →</a>'
1951                     + '</div>';
1952            } else if(r.RESULT_CODE === 'ALREADY_CLAIMED'){
1953                html = '<h3>이미 참여하신 이벤트입니다</h3>'
1954                     + '<div style="text-align:right;margin-top:18px;"><a href="/Home/myContentsList" class="btn type03 state06">내 콘텐츠 →</a></div>';
1955            } else if(r.RESULT_CODE === 'EVENT_INACTIVE'){
1956                html = '<h3>종료된 이벤트입니다</h3><p style="color:#666;">'+(r.message||'')+'</p>';
1957            } else if(r.RESULT_CODE === 'LOGIN_REQUIRED'){
1958                html = '<h3>로그인이 필요합니다</h3>'
1959                     + '<div style="text-align:right;margin-top:18px;"><button onclick="location.href=\'/Home/login?returnUrl=\'+encodeURIComponent(location.href)" class="btn type03 state06">로그인 →</button></div>';
1960            } else {
1961                html = '<h3>오류</h3><p style="color:#c00;">'+(r.message||'알 수 없는 오류')+'</p>';
1962            }
1963            body.innerHTML = html;
1964            var contact = body.querySelector('a.ev-contact');
1965            if (contact) contact.href = r.contactUrl || '/Home/H80000/boardList?board_id=24';
1966        },
1967        error: function(){
1968            body.innerHTML = '<h3>네트워크 오류</h3><p>잠시 후 다시 시도해 주세요.</p>';
1969        }
1970    });
1971};
1972</script>
1972
1973
1974
1975<!-- 운영계 구글 애널리틱스 스크립트 적용 -->
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985
1986
1987<!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 1987-1992
1987
1988
1989
1990
1991
1992<script async src="https://www.googletagmanager.com/gtag/js?id=
1992G-F0X9KYDNPB
vendor: 14 bytes, lines 1992-1994
1992"></script>
1993
1994
1995<script>
1996	
vendor: 132 bytes, lines 1996-2000
1996window.dataLayer = window.dataLayer || [];
1997	function gtag(){dataLayer.push(arguments);}
1998	gtag('js', new Date());
1999	
2000	gtag('config', '
2000G-F0X9KYDNPB
vendor: 5 bytes, line 2000
2000'); 
2001</script>
2001
2002
2003
2004<!-- Google tag (gtag.js) event — GA4 표준 e-commerce purchase.
2005     컨트롤러(FrontMyPageController.productPurchaseResult)가 ga4Purchase JSON 적재.
2006     Monetization > Ecommerce purchases 보고서 자동 인식 위해 이벤트명은 'purchase' 표준 사용. -->
2007
2008
2009<!-- [2026-06-02] GA4 표준 sign_up 이벤트 — 일반 폼 가입 완료 페이지(memberJoinFinish).
2010     SNS 가입은 SnsLoginController 가 본 페이지를 거치지 않으므로 별도 추적 (향후 P3.5). -->
2011
2012
2013
2014
2015
2016
2017<!-- [2026-06-02] GA4 표준 view_item 이벤트 — 이북 뷰어 진입 시 발송.
2018     AutoMappingController.ebookViewer 가 ga4ViewItem 모델 적재.
2019     URL이 /ebook/{ch_id}/{ebook_num} 동적이라 linkAddress 분기 불가 → 모델 유무로 분기. -->
2020
2021
2022<!-- [2026-07-25] 설문 참여 이벤트 — survey_start(설문 시작) / survey_complete(응답 완료).
2023     FrontStatsSurveyController.surveyStart/surveyFinish 가 ga4SurveyEvent(이벤트명 상수) +
2024     ga4Survey(Jackson JSON) 적재. "열어만 본 사람"(surveyView)과 구분하려고
2025     surveyView 에는 심지 않는다 — page_view 만으로 충분하다.
2026     파라미터는 비식별 키(surv_tmpt_no)와 공개 설문명뿐. 응답 내용은 절대 싣지 않는다. -->
2027
2028
2029<!-- [2026-07-25] 행사 참가 신청 완료 — event_apply.
2030     참가자 위저드는 AJAX 제출이라 완료 페이지가 없다 → participantWizard.jsp 의
2031     submit 성공 콜백에서 직접 발사한다. 여기서는 페이로드만 노출.
2032     EventParticipantController.landing 이 ga4EventApply 적재. -->
2033
2034
2035
2036
2037
2038
2039
2040<script>
2041
2042$(function() {
2043    if (typeof Swiper === 'undefined') return;
2044    var swiper = new Swiper('.jumbotron .swiper-container', {
2045        spaceBetween: 30,
2046        centeredSlides: true,
2047        autoplay: { delay: 5000, disableOnInteraction: false },
2048        loop: true,
2049        pagination: { el: '.jumbotron .swiper-pagination', clickable: false },
2050        navigation: { nextEl: '.jumbotron .swiper-button-next', prevEl: '.jumbotron .swiper-button-prev' }
2051    });
2052    var btnControl = $('.jumbotron .swiper-btn-control');
2053    btnControl.click(function(){
2054        $(this).toggleClass('active');
2055        swiper.autoplay.running ? swiper.autoplay.stop() : swiper.autoplay.start();
2056    });
2057
2058    var swiper2 = new Swiper('.banners .swiper-container', {
2059        spaceBetween: 30,
2060        centeredSlides: true,
2061        autoplay: { delay: 2000, disableOnInteraction: false },
2062        loop: true,
2063        pagination: { el: '.banners .swiper-pagination', clickable: false },
2064        navigation: { nextEl: '.banners .swiper-button-next', prevEl: '.banners .swiper-button-prev' }
2065    });
2066    var btnControl02 = $('.banners .swiper-btn-control');
2067    btnControl02.click(function(){
2068        $(this).toggleClass('active');
2069        swiper2.autoplay.running ? swiper2.autoplay.stop() : swiper2.autoplay.start();
2070    });
2071});
2072</script>
2072
2073
2074</body>
2075</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.