PageSourceSearch

https://maps.or.kr/newfta/main.do

html maps.or.kr collected 2026-10-05 01:12:39 UTC 92,306 bytes, 3,673 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11
12
13<!-- 아래에서 쓸 경로 변수 만들어줌 -->
14<style>
15	.col-sm-4 {
16		margin-bottom: 40px;
17	}
18
19	@media screen and (max-width:767px) {
20		.col-sm-4 {
21			margin-bottom: 0;
22		}
23	}
24</style>
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<!DOCTYPE html>
51<html lang="ko">
52<head>
53<title>농식품FTA 활용정보서비스</title>
54<meta charset="utf-8">
55<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
56<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
57<meta name="description" content="농식품 FTA 활용정보서비스(MAPS)에서 농식품 수출입, FTA 관세율, 품목·국가 정보, 해외동향·이슈분석을 한곳에서 확인하세요.">
58<meta name="keywords" content="농식품FTA,FTA활용,MAPS,농식품수출,농식품수입,관세율,원산지,품목정보,국가개황,해외동향,통상정책,협정관세,가락시장,경락가">
59<meta property="og:type" content="website">
60<meta property="og:title" content="농식품FTA 활용정보서비스">
61<meta property="og:description" content="농식품 FTA 활용정보서비스(MAPS)에서 농식품 수출입, FTA 관세율, 품목·국가 정보, 해외동향·이슈분석을 한곳에서 확인하세요.">
62<meta property="og:image" content="https://www.maps.or.kr/lib/publ/images/common/logo.png">
63<meta property="og:url" content="https://www.maps.or.kr/newfta/main.do">
64<meta property="og:site_name" content="농식품FTA 활용정보서비스">
65<link rel="canonical" href="https://www.maps.or.kr/newfta/main.do">
66<meta name="naver-site-verification" content="10a14875e0aaa21c5f8f7847586632e262de98a0"/>
67<script type="application/ld+json">
68{
69  "@context": "https://schema.org",
70  "@type": "Organization",
71  "name": "농식품FTA 활용정보서비스",
72  "alternateName": "MAPS",
73  "url": "https://www.maps.or.kr",
74  "logo": "https://www.maps.or.kr/lib/publ/images/common/logo.png",
75  "parentOrganization": {
76    "@type": "Organization",
77    "name": "농림수산식품교육문화정보원",
78    "url": "https://www.epis.or.kr"
79  }
80}
81</script>
81
82
83
84<link href="/new/fta/fonts/notosans/style.css" rel="stylesheet">
85<link rel="stylesheet" href="/new/fta/css/reset.css">
86<link rel="stylesheet" href="/new/fta/css/common.css?t=202607241418">
87<link rel="stylesheet" href="/new/fta/css/animate.css">
88<link rel="stylesheet" href="/new/fta/css/owl.carousel.css">
89<link rel="stylesheet" href="/new/fta/css/select2.min.css">	
90<link rel="stylesheet" href="/new/fta/css/bootstrap-datepicker.min.css">
91<link rel="preload" href="/new/fta/css/pretendard/Pretendard-Black.woff2" as="font" type="font/woff2" crossorigin="anonymous">
92<link rel="preload" href="/new/fta/css/pretendard/Pretendard-ExtraBold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
93<link rel="preload" href="/new/fta/css/pretendard/Pretendard-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
94<link rel="preload" href="/new/fta/css/pretendard/Pretendard-SemiBold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
95<link rel="preload" href="/new/fta/css/pretendard/Pretendard-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous">
96<link rel="preload" href="/new/fta/css/pretendard/Pretendard-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
97<link rel="preload" href="/new/fta/css/pretendard/Pretendard-Light.woff2" as="font" type="font/woff2" crossorigin="anonymous">
98<link rel="preload" href="/new/fta/css/pretendard/Pretendard-ExtraLight.woff2" as="font" type="font/woff2" crossorigin="anonymous">
99<link rel="preload" href="/new/fta/css/pretendard/Pretendard-Thin.woff2" as="font" type="font/woff2" crossorigin="anonymous">
100<script src="/new/fta/js/jquery.min.js"></script>
vendor: 2 bytes, line 100
100
101<script src="/new/fta/js/bootstrap-datepicker.min.js"></script>
vendor: 2 bytes, line 101
101
102<script src="/new/fta/js/bootstrap-datepicker.kr.min.js"></script>
vendor: 2 bytes, line 102
102
103<script src="/new/fta/js/owl.carousel.min.js"></script>
vendor: 2 bytes, line 103
103
104<script src="/new/fta/js/select2.min.js"></script>
104				
105<script src="/new/fta/js/spin.js"></script>
105					
106<script src="/new/fta/js/common.js"></script>
106<!-- 2021.12.22 추가 -->
107<script src="/resources/js/sw-register.js?v=202603311541"></script>
107
108
109<link rel="stylesheet" href="/new/fta/css/main.css">
110
111</head>
112
113
114
115
116 
117
118
119
120
121
122
123
124
125
126
127<script>
128
129var _HTTP_DOMAIN            = "https://maps.or.kr";
130var _CONTEXT_ROOT           = "";
131var _CONTEXT_ROOT_FULL_PATH = "https://maps.or.kr";
132var _FORWARD_REQUEST_URL    = "/newfta/main.do";
133
134</script>
134
135
136
137
138
139    
139<script src="/js/common/component/comp.HttpSender.js?v=1791162755882"></script>
139
140
141
142<script src="/js/egov/bizcom/biz.const.js?v=1791162755882"></script>
vendor: 2 bytes, line 142
142
143<script src="/js/egov/bizcom/biz.components.js?v=1791162755882"></script>
vendor: 2 bytes, line 143
143
144<script src="/js/egov/bizcom/biz.common.js?v=1791162755882"></script>
vendor: 2 bytes, line 144
144
145<script src="/lib/jquery/jquery.form.min.js?v=1791162755882"></script>
145
146
147
148<script>
149var _PARAM_VALS = {};
150
151</script>
151
152
153
154
155<script src="/new/js/egov/fta/main.js?v=1791162755882"></script>
155
156
157
158
159
160
161
162
163<div class="top_wrapper">
164
165	<!-- 배너 팝업 -->
166	<div class="top_banner">
167			<div class="container">
168		
169				<div class="todayclose">
170					<div class="form_check">
171							<input type="checkbox" name="todayview" id="todayview" value="1">
172							<label for="todayview">오늘 하루 그만보기</label>
173					</div>
174					<a href="#" class="tb_close" onclick="chgCookie();"><img src="/new/fta/img/common/ico_close.png" alt=""></a>
175				</div>
176			</div>
177	</div>
178	<!-- 배너 팝업 끝 -->
179
180	<div class="header__">
181
182		<!-- 로그인 헤더  -->
183		<div class="container">
184			<div class="top">
185				<div class="top-wrap">
186					
187						
188							<h1 class="site-brand"><a href="/newfta/main.do"><span class="site-brand-label"><span class="site-brand-text">농식품 FTA 활용정보서비스</span></span></a></h1>
189						
190						
191					
192					<div class="info">
193
194						
195						
196
197						
198
199						<!-- 
200							<a href="/loginAdminOnly.do" class="login mar">관리자로그인</a>
201						 -->
202
203
204									
205
206						<!-- 				 -->
207
208						
209							<a href="/loginAdminOnly.do" class="login eng-selected admin-system">
210								
211								Admin Login
212							</a>
213						
214						
215
216						
217						<div class="menu-btn">
218							<img class="tmenu" src="/images/icon/bugerMenu.png" alt="">
219						</div>
220
221						
222					</div>
223				</div>
224			</div>
225		</div>
226		<!-- 로그인 헤더 끝 -->
227			
228		<!-- 메뉴 Navi -->
229		<div class="gnb-container">
230
231			<!-- 상위 메뉴 -->
232			<div class="gnb_wrap">
233				<div class="row-wrap">
234					<ul class="gnb">									
235						
236							
237								<li class="one" menuId="mn_3200">
238									<a id="mn_3200" href="/newfta/prd/productInfo.do?menuId=mn_3200" class="onea"><span>품목정보</span></a>
239								</li>										
240							
241						
242							
243						
244							
245						
246							
247						
248							
249						
250							
251								<li class="one" menuId="mn_3305">
252									<a id="mn_3305" href="/newfta/stat/listStatImportByNation.do?menuId=mn_3305" class="onea"><span>국내외 수출입통계</span></a>
253								</li>										
254							
255						
256							
257								<li class="one" menuId="mn_3407">
258									<a id="mn_3407" href="/newfta/prd/globalStatistics.do?menuId=mn_3407" class="onea"><span>현지 수출입통계</span></a>
259								</li>										
260							
261						
262							
263								<li class="one" menuId="mn_3408">
264									<a id="mn_3408" href="/newfta/prd/wholesaleMarket.do?menuId=mn_3408" class="onea"><span>산지공판장통계</span></a>
265								</li>										
266							
267						
268							
269								<li class="one" menuId="mn_3409">
270									<a id="mn_3409" href="/newfta/prd/auctionPriceByProduct.do?menuId=mn_3409" class="onea"><span>경락가통계</span></a>
271								</li>										
272							
273						
274							
275								<li class="one" menuId="mn_3404">
276									<a id="mn_3404" href="/newbbs/overseasMarket.do?menuId=mn_3404" class="onea"><span>글로벌 이슈레터</span></a>
277								</li>										
278							
279						
280							
281								<li class="one" menuId="mn_3400">
282									<a id="mn_3400" href="/newfta/nation/listNation.do?menuId=mn_3400" class="onea"><span>국제통상허브</span></a>
283								</li>										
284							
285						
286							
287						
288							
289						
290							
291						
292							
293						
294							
295						
296							
297						
298							
299								<li class="one" menuId="mn_3600">
300									<a id="mn_3600" href="/newbbs/notice.do?menuId=mn_3600" class="onea"><span>알림 · 소식</span></a>
301								</li>										
302							
303						
304							
305						
306							
307						
308					</ul>
309					<div class="menu-btn">
310						<img class="tmenu" src="/images/icon/bugerMenu.png" alt="">
311					</div>
312				</div>
313			</div>
314
315			<!-- 하위 메뉴 리스트 -->
316			<div class="total_wrap">
317				
318					
319						<div class="menu-frame" parentId="mn_3200">
320							<div class="parent-menu">품목정보</div>
321							<ul class="child-menu-wrap">
322								
323									
324								
325									
326										<li class="child-menu">
327											<a id="mn_3201" href="/newfta/prd/productInfo.do?menuId=mn_3201">수출단계별 통합정보</a>
328											<div class="goto-btn">
329												<img src="/images/icon/right-arrow.png" alt="">
330											</div>
331										</li>
332									
333								
334									
335										<li class="child-menu">
336											<a id="mn_3207" href="/newfta/prd/dashboard.do?menuId=mn_3207">대시보드</a>
337											<div class="goto-btn">
338												<img src="/images/icon/right-arrow.png" alt="">
339											</div>
340										</li>
341									
342								
343									
344										<li class="child-menu">
345											<a id="mn_3205" href="/product/globalIssue.do?menuId=mn_3205">글로벌 이슈</a>
346											<div class="goto-btn">
347												<img src="/images/icon/right-arrow.png" alt="">
348											</div>
349										</li>
350									
351								
352									
353										<li class="child-menu">
354											<a id="mn_3206" href="/product/regulatoryInstitution.do?menuId=mn_3206">규제 및 제도</a>
355											<div class="goto-btn">
356												<img src="/images/icon/right-arrow.png" alt="">
357											</div>
358										</li>
359									
360								
361									
362								
363									
364								
365									
366								
367									
368								
369									
370								
371									
372								
373									
374								
375									
376								
377									
378								
379									
380								
381									
382								
383									
384								
385									
386								
387									
388								
389									
390								
391							</ul>
392						</div>
393					
394				
395					
396				
397					
398				
399					
400				
401					
402				
403					
404						<div class="menu-frame" parentId="mn_3305">
405							<div class="parent-menu">국내외 수출입통계</div>
406							<ul class="child-menu-wrap">
407								
408									
409								
410									
411								
412									
413								
414									
415								
416									
417								
418									
419								
420									
421								
422									
423								
424									
425								
426									
427								
428									
429								
430									
431								
432									
433								
434									
435								
436									
437								
438									
439								
440									
441								
442									
443								
444									
445								
446									
447								
448							</ul>
449						</div>
450					
451				
452					
453						<div class="menu-frame" parentId="mn_3407">
454							<div class="parent-menu">현지 수출입통계</div>
455							<ul class="child-menu-wrap">
456								
457									
458								
459									
460								
461									
462								
463									
464								
465									
466								
467									
468								
469									
470								
471									
472								
473									
474								
475									
476								
477									
478								
479									
480								
481									
482								
483									
484								
485									
486								
487									
488								
489									
490								
491									
492								
493									
494								
495									
496								
497							</ul>
498						</div>
499					
500				
501					
502						<div class="menu-frame" parentId="mn_3408">
503							<div class="parent-menu">산지공판장통계</div>
504							<ul class="child-menu-wrap">
505								
506									
507								
508									
509								
510									
511								
512									
513								
514									
515								
516									
517								
518									
519								
520									
521								
522									
523								
524									
525								
526									
527								
528									
529								
530									
531								
532									
533								
534									
535								
536									
537								
538									
539								
540									
541								
542									
543								
544									
545								
546							</ul>
547						</div>
548					
549				
550					
551						<div class="menu-frame" parentId="mn_3409">
552							<div class="parent-menu">경락가통계</div>
553							<ul class="child-menu-wrap">
554								
555									
556								
557									
558								
559									
560								
561									
562								
563									
564								
565									
566								
567									
568								
569									
570								
571									
572								
573									
574								
575									
576								
577									
578								
579									
580								
581									
582								
583									
584								
585									
586								
587									
588								
589									
590								
591									
592								
593									
594								
595							</ul>
596						</div>
597					
598				
599					
600						<div class="menu-frame" parentId="mn_3404">
601							<div class="parent-menu">글로벌 이슈레터</div>
602							<ul class="child-menu-wrap">
603								
604									
605								
606									
607								
608									
609								
610									
611								
612									
613								
614									
615								
616									
617								
618									
619								
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							</ul>
645						</div>
646					
647				
648					
649						<div class="menu-frame" parentId="mn_3400">
650							<div class="parent-menu">국제통상허브</div>
651							<ul class="child-menu-wrap">
652								
653									
654								
655									
656								
657									
658								
659									
660								
661									
662								
663									
664								
665									
666								
667									
668								
669									
670								
671									
672								
673									
674								
675									
676										<li class="child-menu">
677											<a id="mn_3301" href="/newfta/nation/listNation.do?menuId=mn_3301">국가정보</a>
678											<div class="goto-btn">
679												<img src="/images/icon/right-arrow.png" alt="">
680											</div>
681										</li>
682									
683								
684									
685										<li class="child-menu">
686											<a id="mn_3101" href="/newfta/cncls/listCncls.do?menuId=mn_3101">FTA체결현황</a>
687											<div class="goto-btn">
688												<img src="/images/icon/right-arrow.png" alt="">
689											</div>
690										</li>
691									
692								
693									
694										<li class="child-menu">
695											<a id="mn_3403" href="/newfta/prd/plantQuarantine.do?menuId=mn_3403">해외식물 검역정보</a>
696											<div class="goto-btn">
697												<img src="/images/icon/right-arrow.png" alt="">
698											</div>
699										</li>
700									
701								
702									
703										<li class="child-menu">
704											<a id="mn_3103" href="/newreference/listHscode.do?menuId=mn_3103">협정별 세율</a>
705											<div class="goto-btn">
706												<img src="/images/icon/right-arrow.png" alt="">
707											</div>
708										</li>
709									
710								
711									
712										<li class="child-menu">
713											<a id="mn_3304" href="/newfta/stat/listStatSupplyByYear.do?menuId=mn_3304">생산통계</a>
714											<div class="goto-btn">
715												<img src="/images/icon/right-arrow.png" alt="">
716											</div>
717										</li>
718									
719								
720									
721										<li class="child-menu">
722											<a id="mn_3410" href="/newbbs/nonTariffHelpDesk.do?menuId=mn_3410">비관세장벽 애로사항 접수</a>
723											<div class="goto-btn">
724												<img src="/images/icon/right-arrow.png" alt="">
725											</div>
726										</li>
727									
728								
729									
730								
731									
732								
733									
734								
735							</ul>
736						</div>
737					
738				
739					
740				
741					
742				
743					
744				
745					
746				
747					
748				
749					
750				
751					
752						<div class="menu-frame" parentId="mn_3600">
753							<div class="parent-menu">알림 · 소식</div>
754							<ul class="child-menu-wrap">
755								
756									
757								
758									
759								
760									
761								
762									
763								
764									
765								
766									
767								
768									
769								
770									
771								
772									
773								
774									
775								
776									
777								
778									
779								
780									
781								
782									
783								
784									
785								
786									
787								
788									
789								
790									
791								
792									
793										<li class="child-menu">
794											<a id="mn_3601" href="/newbbs/notice.do?menuId=mn_3601">공지사항</a>
795											<div class="goto-btn">
796												<img src="/images/icon/right-arrow.png" alt="">
797											</div>
798										</li>
799									
800								
801									
802										<li class="child-menu">
803											<a id="mn_3603" href="/newfta/sysinfo/useGuid.do?menuId=mn_3603">이용안내</a>
804											<div class="goto-btn">
805												<img src="/images/icon/right-arrow.png" alt="">
806											</div>
807										</li>
808									
809								
810							</ul>
811						</div>
812					
813				
814					
815				
816					
817							
818			</div>
819
820		</div>
821		<!-- 메뉴 Navi 끝 -->
822
823	</div>
824
825	<!-- 통합검색 미사용 -->
826	<!-- <div class="search_wrap">
827		<div class="container hs-container">
828			<div class="search_pad">
829					<div class="search">
830						<input type="text" class="input" name="srchTotalKeyword" id="srchTotalKeyword" title="검색어 입력" onkeydown="javascript:if(event.keyCode == 13){fnSrchTotal();}" placeholder="검색어를 입력하세요.">
831							<div class="sm"><input type="image" src="/new/fta/img/common/ico_only_search.png" class="submit" onclick="javascript:fnSrchTotal();"></div>
832					</div>
833					<button class="hsearch-btn"><img src="/new/ame/img/common/ico_close.png" alt=""></button>
834			</div>
835		</div>
836	</div> -->
837			
838
839	<!-- 모바일 메뉴 사이트맵 -->
840	<div class="gmenu_open">
841
842		<div class="gmenu-header">
843			<div class="gmenu-lang-wrap">		
844				<a class="lang-text lang-kor" href="#">농식품FTA활용정보서비스</a>
845			</div>
846			<a href="#" class="tmenu_close">
847				<img class="close-icon" src="/new/fta/img/common/tmenu_close.png" alt="">
848			</a>
849		</div>
850			
851		<div class="container">
852			<div class="gmenu_open_in">
853				<div class="tlogo">전체메뉴</div>
854
855				<div class="gmenu-new-content">
856					<div class="gmenu-btn-area">
857						
858
859						
860						
861					</div>
862
863					<div class="gmenu-area">
864			
865						<div class="gmenu-list">
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									<div class="">
920										<div class="item gmenu-item">
921											<a href="/newfta/prd/productInfo.do" class="tit">
922												품목정보
923											</a>
924											
925												<a href="#" class="subview gmenu-icon"></a>
926											
927											<ul>
928												
929													
930												
931													
932														<li>
933															<a id="mn_3201" href="/newfta/prd/productInfo.do?menuId=mn_3201">
934																수출단계별 통합정보
935															</a>
936														</li>
937													
938												
939													
940														<li>
941															<a id="mn_3207" href="/newfta/prd/dashboard.do?menuId=mn_3207">
942																대시보드
943															</a>
944														</li>
945													
946												
947													
948														<li>
949															<a id="mn_3205" href="/product/globalIssue.do?menuId=mn_3205">
950																글로벌 이슈
951															</a>
952														</li>
953													
954												
955													
956														<li>
957															<a id="mn_3206" href="/product/regulatoryInstitution.do?menuId=mn_3206">
958																규제 및 제도
959															</a>
960														</li>
961													
962												
963													
964												
965													
966												
967													
968												
969													
970												
971													
972												
973													
974												
975													
976												
977													
978												
979													
980												
981													
982												
983													
984												
985													
986												
987													
988												
989													
990												
991													
992												
993											</ul>
994										</div>
995									</div>
996								
997							
998								
999							
1000								
1001							
1002								
1003							
1004								
1005							
1006								
1007									
1008									
1009									
1010										
1011									
1012										
1013									
1014										
1015									
1016										
1017									
1018										
1019									
1020										
1021									
1022										
1023									
1024										
1025									
1026										
1027									
1028										
1029									
1029
1030										
1031									
1032										
1033									
1034										
1035									
1036										
1037									
1038										
1039									
1040										
1041									
1042										
1043									
1044										
1045									
1046										
1047									
1048										
1049									
1050									<div class="">
1051										<div class="item gmenu-item">
1052											<a href="/newfta/stat/listStatImportByNation.do" class="tit">
1053												국내외 수출입통계
1054											</a>
1055											
1056											<ul>
1057												
1058													
1059												
1060													
1061												
1062													
1063												
1064													
1065												
1066													
1067												
1068													
1069												
1070													
1071												
1072													
1073												
1074													
1075												
1076													
1077												
1078													
1079												
1080													
1081												
1082													
1083												
1084													
1085												
1086													
1087												
1088													
1089												
1090													
1091												
1092													
1093												
1094													
1095												
1096													
1097												
1098											</ul>
1099										</div>
1100									</div>
1101								
1102							
1103								
1104									
1105									
1106									
1107										
1108									
1109										
1110									
1111										
1112									
1113										
1114									
1115										
1116									
1117										
1118									
1119										
1120									
1121										
1122									
1123										
1124									
1125										
1126									
1127										
1128									
1129										
1130									
1131										
1132									
1133										
1134									
1135										
1136									
1137										
1138									
1139										
1140									
1141										
1142									
1143										
1144									
1145										
1146									
1147									<div class="">
1148										<div class="item gmenu-item">
1149											<a href="/newfta/prd/globalStatistics.do" class="tit">
1150												현지 수출입통계
1151											</a>
1152											
1153											<ul>
1154												
1155													
1156												
1157													
1158												
1159													
1160												
1161													
1162												
1163													
1164												
1165													
1166												
1167													
1168												
1169													
1170												
1171													
1172												
1173													
1174												
1175													
1176												
1177													
1178												
1179													
1180												
1181													
1182												
1183													
1184												
1185													
1186												
1187													
1188												
1189													
1190												
1191													
1192												
1193													
1194												
1195											</ul>
1196										</div>
1197									</div>
1198								
1199							
1200								
1201									
1202									
1203									
1204										
1205									
1206										
1207									
1208										
1209									
1210										
1211									
1212										
1213									
1214										
1215									
1216										
1217									
1218										
1219									
1220										
1221									
1222										
1223									
1224										
1225									
1226										
1227									
1228										
1229									
1230										
1231									
1232										
1233									
1234										
1235									
1236										
1237									
1238										
1239									
1240										
1241									
1242										
1243									
1244									<div class="">
1245										<div class="item gmenu-item">
1246											<a href="/newfta/prd/wholesaleMarket.do" class="tit">
1247												산지공판장통계
1248											</a>
1249											
1250											<ul>
1251												
1252													
1253												
1254													
1255												
1256													
1257												
1258													
1259												
1260													
1261												
1262													
1263												
1264													
1265												
1266													
1267												
1268													
1269												
1270													
1271												
1272													
1273												
1274													
1275												
1276													
1277												
1278													
1279												
1280													
1281												
1282													
1283												
1284													
1285												
1286													
1287												
1288													
1289												
1290													
1291												
1292											</ul>
1293										</div>
1294									</div>
1295								
1296							
1297								
1298									
1299									
1300									
1301										
1302									
1303										
1304									
1305										
1306									
1307										
1308									
1309										
1310									
1311										
1312									
1313										
1314									
1315										
1316									
1317										
1318									
1319										
1320									
1321										
1322									
1323										
1324									
1325										
1326									
1327										
1328									
1329										
1330									
1331										
1332									
1333										
1334									
1335										
1336									
1337										
1338									
1339										
1340									
1341									<div class="">
1342										<div class="item gmenu-item">
1343											<a href="/newfta/prd/auctionPriceByProduct.do" class="tit">
1344												경락가통계
1345											</a>
1346											
1347											<ul>
1348												
1349													
1350												
1351													
1352												
1353													
1354												
1355													
1356												
1357													
1358												
1359													
1360												
1361													
1362												
1363													
1364												
1365													
1366												
1367													
1368												
1369													
1370												
1371													
1372												
1373													
1374												
1375													
1376												
1377													
1378												
1379													
1380												
1381													
1382												
1383													
1384												
1385													
1386												
1387													
1388												
1389											</ul>
1390										</div>
1391									</div>
1392								
1393							
1394								
1395									
1396									
1397									
1398										
1399									
1400										
1401									
1402										
1403									
1404										
1405									
1406										
1407									
1408										
1409									
1410										
1411									
1412										
1413									
1414										
1415									
1416										
1417									
1418										
1419									
1420										
1421									
1422										
1423									
1424										
1425									
1426										
1427									
1428										
1429									
1430										
1431									
1432										
1433									
1434										
1435									
1436										
1437									
1438									<div class="">
1439										<div class="item gmenu-item">
1440											<a href="/newbbs/overseasMarket.do" class="tit">
1441												글로벌 이슈레터
1442											</a>
1443											
1444											<ul>
1445												
1446													
1447												
1448													
1449												
1450													
1451												
1452													
1453												
1454													
1455												
1456													
1457												
1458													
1459												
1460													
1461												
1462													
1463												
1464													
1465												
1466													
1467												
1468													
1469												
1470													
1471												
1472													
1473												
1474													
1475												
1476													
1477												
1478													
1479												
1480													
1481												
1482													
1483												
1484													
1485												
1486											</ul>
1487										</div>
1488									</div>
1489								
1490							
1491								
1492									
1493									
1494									
1495										
1496									
1497										
1498									
1499										
1500									
1501										
1502									
1503										
1504									
1505										
1506									
1507										
1508									
1509										
1510									
1511										
1512									
1513										
1514									
1515										
1516									
1517										
1518											
1519										
1520									
1521										
1522											
1523										
1524									
1525										
1526											
1527										
1528									
1529										
1530											
1531										
1532									
1533										
1534											
1535										
1536									
1537										
1538											
1539										
1540									
1541										
1542									
1543										
1544									
1545										
1546									
1547									<div class="">
1548										<div class="item gmenu-item">
1549											<a href="/newfta/nation/listNation.do" class="tit">
1550												국제통상허브
1551											</a>
1552											
1553												<a href="#" class="subview gmenu-icon"></a>
1554											
1555											<ul>
1556												
1557													
1558												
1559													
1560												
1561													
1562												
1563													
1564												
1565													
1566												
1567													
1568												
1569													
1570												
1571													
1572												
1573													
1574												
1575													
1576												
1577													
1578												
1579													
1580														<li>
1581															<a id="mn_3301" href="/newfta/nation/listNation.do?menuId=mn_3301">
1582																국가정보
1583															</a>
1584														</li>
1585													
1586												
1587													
1588														<li>
1589															<a id="mn_3101" href="/newfta/cncls/listCncls.do?menuId=mn_3101">
1590																FTA체결현황
1591															</a>
1592														</li>
1593													
1594												
1595													
1596														<li>
1597															<a id="mn_3403" href="/newfta/prd/plantQuarantine.do?menuId=mn_3403">
1598																해외식물 검역정보
1599															</a>
1600														</li>
1601													
1602												
1603													
1604														<li>
1605															<a id="mn_3103" href="/newreference/listHscode.do?menuId=mn_3103">
1606																협정별 세율
1607															</a>
1608														</li>
1609													
1610												
1611													
1612														<li>
1613															<a id="mn_3304" href="/newfta/stat/listStatSupplyByYear.do?menuId=mn_3304">
1614																생산통계
1615															</a>
1616														</li>
1617													
1618												
1619													
1620														<li>
1621															<a id="mn_3410" href="/newbbs/nonTariffHelpDesk.do?menuId=mn_3410">
1622																비관세장벽 애로사항 접수
1623															</a>
1624														</li>
1625													
1626												
1627													
1628												
1629													
1630												
1631													
1632												
1633											</ul>
1634										</div>
1635									</div>
1636								
1637							
1638								
1639							
1640								
1641							
1642								
1643							
1644								
1645							
1646								
1647							
1648								
1649							
1650								
1651									
1652									
1653									
1654										
1655									
1656										
1657									
1658										
1659									
1660										
1661									
1662										
1663									
1664										
1665									
1666										
1667									
1668										
1669									
1670										
1671									
1672										
1673									
1674										
1675									
1676										
1677									
1678										
1679									
1680										
1681									
1682										
1683									
1684										
1685									
1686										
1687									
1688										
1689									
1690										
1691											
1692										
1693									
1694										
1695											
1696										
1697									
1698									<div class="">
1699										<div class="item gmenu-item">
1700											<a href="/newbbs/notice.do" class="tit">
1701												알림 · 소식
1702											</a>
1703											
1704												<a href="#" class="subview gmenu-icon"></a>
1705											
1706											<ul>
1707												
1708													
1709												
1710													
1711												
1712													
1713												
1714													
1715												
1716													
1717												
1718													
1719												
1720													
1721												
1722													
1723												
1724													
1725												
1726													
1727												
1728													
1729												
1730													
1731												
1732													
1733												
1734													
1735												
1736													
1737												
1738													
1739												
1740													
1741												
1742													
1743												
1744													
1745														<li>
1746															<a id="mn_3601" href="/newbbs/notice.do?menuId=mn_3601">
1747																공지사항
1748															</a>
1749														</li>
1750													
1751												
1752													
1753														<li>
1754															<a id="mn_3603" href="/newfta/sysinfo/useGuid.do?menuId=mn_3603">
1755																이용안내
1756															</a>
1757														</li>
1758													
1759												
1760											</ul>
1761										</div>
1762									</div>
1763								
1764							
1765								
1766							
1767								
1768							
1769						</div>
1770					</div>
1771				</div>
1772			</div>
1773		</div>
1774	</div>
1775</div>
1776
1777
1778<script>
1779	$(document).ready(function() {
1780		//$('#mn'+$('#gnb').attr('value')).addClass('active');
1781			var countTopBanner = '0';
1782				// 저장된 쿠키값을 가져와서 ID 칸에 넣어준다. 없으면 공백으로 들어감.
1783				var key = getCookie("todayview");
1784				$("#todayview").val(key); 
1785				
1786				if((!$("#todayview").val() || $("#todayview").val() == '1') && countTopBanner == 1){ 
1787						$('body').addClass('is-topbanner');
1788						$("#todayview").attr("checked", false); 
1789				}else if($("#todayview").val() == '0' || countTopBanner != 1){
1790					$('body').removeClass('is-topbanner');
1791						$("#todayview").attr("checked", true); 
1792				}
1793			
1794	
1795		let params = new URLSearchParams(document.location.search);
1796
1797		var currParentId = "";
1798
1799		let menuId
1800		if (params.get("menuId")){
1801			menuId = params.get("menuId")
1802			// add class active
1803			document.querySelector("#" + menuId.slice(0,7)).classList.add("selected");
1804			document.querySelector("#" + currParentId).classList.add("selected");
1805		}
1806	});
1807	
1808	function chgCookie(){
1809		if($('input:checkbox[id="todayview"]').is(":checked")){
1810			$('body').removeClass('is-topbanner');
1811			$('#todayview').val('0');
1812		} else {
1813			$('body').addClass('is-topbanner');
1814			$('#todayview').val('1');
1815		}
1816		setCookie("todayview", $("#todayview").val(), 1); // 오늘만 쿠키 보관
1817	}
1818	
1819	function setCookie(cookieName, value, exdays){
1820			var exdate = new Date();
1821			exdate.setDate(exdate.getDate() + exdays);
1822			var cookieValue = escape(value) + ((exdays==null) ? "" : "; expires=" + exdate.toGMTString());
1823			document.cookie = cookieName + "=" + cookieValue;
1824	}
1825		
1826	function getCookie(cookieName) {
1827			cookieName = cookieName + '=';
1828			var cookieData = document.cookie;
1829			var start = cookieData.indexOf(cookieName);
1830			var cookieValue = '';
1831			if(start != -1){
1832					start += cookieName.length;
1833					var end = cookieData.indexOf(';', start);
1834					if(end == -1)end = cookieData.length;
1835					cookieValue = cookieData.substring(start, end);
1836			}
1837			return unescape(cookieValue);
1838	}
1839	
1840	//10분 뒤 자동 로그아웃 처리 시작 //
1841	var tid; 
1842	var min = 10;
1843	var cnt = parseInt(60 * min);  //60 초 * 분
1844	function counter_init()
1845	{
1846		tid = setInterval("counter_run()", 1000);
1847	}
1848	
1849	//카운트 실행
1850	function counter_run()
1851	{
1852		$("#counter").text(time_format(cnt));
1853		cnt --;
1854		
1855		if(cnt < 0)
1856		{
1857			clearInterval(tid);
1858			alert("10분간 서비스이용이 없어 자동 로그아웃 됩니다.");
1859			
1860			//로그아웃 
1861			logoutExcute();
1862		}
1863	}
1864	
1865	function logoutExcute()
1866	{
1867		location.href="/newlogout.do";
1868		
1869	}
1870	
1871	//남은 시간 표출
1872	function time_format(s)
1873	{
1874		var nHour = 0;
1875		var nMin = 0;
1876		var nSec = 0;
1877		if( s > 0)
1878		{
1879			nMin = parseInt(s/60);
1880			nSec = s%60;
1881			
1882			if(nMin > 60)
1883			{
1884				nHour = parseInt(nMin/60);
1885				nMin = nMin%60;
1886			}
1887		}
1888		if(nHour < 10) nHour = "0"+nHour;
1889		if(nSec < 10) nSec = "0"+nSec;
1890		if(nMin < 10) nMin = "0"+nMin;
1891		return  "" + nHour+ ":" + nMin + ":" +nSec;
1892	}
1893	
1894	//시간 초기화
1895	function resetCnt()
1896	{
1897		cnt = parseInt(60 * min); 
1898	}
1899	
1900	
1901	//10분 뒤 자동 로그아웃 처리 끝 //
1902	
1903	//검색어 xss 체크
1904	function XSSCheck(str, level) {
1905			if (level == undefined || level == 0) {
1906					str = str.replace(/\<|\>|\"|\'|\%|\;|\(|\)|\&|\+|\-/g,"");
1907			} else if (level != undefined && level == 1) {
1908					str = str.replace(/\</g, "&lt;");
1909					str = str.replace(/\>/g, "&gt;");
1910			}
1911			return str;
1912	}
1913	
1914	function fnSrchTotal() {
1915		var keyword = XSSCheck($('#srchTotalKeyword').val(),1);
1916	
1917		if (keyword == '') {
1918			alert("검색어를 입력하세요.");
1919			return false;
1920		}
1921	
1922		jQuery.ajax({
1923			url : "/newfta/total/srchTotalSearchKeywordType.do",
1924			data : {
1925				keyword : keyword
1926			},
1927			async : false,
1928			dataType : "json",
1929			type : "POST",
1930			beforeSend : function(xhr, opts) {
1931			},
1932			error : function(request, status, error) {
1933				alert("error : " + error);
1934				history.go(-1);
1935			},
1936			success : function(result) {
1937				var keyword = result.keyword;
1938				var keywordType = result.keywordType;
1939				var prdlstCd = result.prdlstCd;
1940				var hsCd = result.hsCd;
1941				var ntCd = result.ntCd;
1942				var cnttSeCd = result.cnttSeCd;
1943				var ag5Cd = result.ag5Cd;
1944				
1945				location.href = "/newfta/total/openTotalSearch.do?keyword="
1946						+ encodeURI(keyword) + "&keywordType=" + keywordType
1947						+ "&prdlstCd=" + prdlstCd + "&hsCd=" + hsCd
1948						+ "&ntCd=" + ntCd + "&cnttSeCd=" + cnttSeCd
1949						+ "&ag5Cd=" + ag5Cd
1950			},
1951			complete : function() {
1952			}
1953		});
1954	}
1955	
1956	/* [spinnerStart 시작 이벤트 호출] */
1957	function spinnerStart(){
1958		// [로딩 부모 컨테이너 동적 생성]
1959		var createLayDiv = document.createElement("div");
1960		createLayDiv.setAttribute("id", "spinnerLay1000");
1961		var createLayDivStyle = "width:100%; height:100%; margin:0 auto; padding:0; border:none;";
1962		createLayDivStyle = createLayDivStyle + " float:top; position:fixed; top:0%; z-index:1000;";
1963		createLayDivStyle = createLayDivStyle + " background-color:rgba(0, 0, 0, 0.3);"; // 불투명도 설정 >> 자식에게 적용 안됨
1964		createLayDiv.setAttribute("style", createLayDivStyle);
1965		document.body.appendChild(createLayDiv); //body에 추가 실시
1966	
1967		// [실제 스핀 수행 컨테이너 동적 생성]
1968		var createSpinDiv = document.createElement("div");
1969		createSpinDiv.setAttribute("id", "spinnerContainer1000");
1970		var createSpinDivStyle = "width:100px; height:100px; margin:0 auto; padding:0; border:none;"; // 스핀 컨테이너 크기 조절
1971		createSpinDivStyle = createSpinDivStyle + " float:top; position:relative; top:40%;";
1972		//createSpinDivStyle = createSpinDivStyle + " background-color:#ff0000;";  
1973		createSpinDiv.setAttribute("style", createSpinDivStyle);
1974		document.getElementById("spinnerLay1000").appendChild(createSpinDiv); //spinnerLay에 추가 실시
1975	
1976		// [스핀 옵션 지정 실시]
1977		var opts = {
1978			lines: 10, 			// 그릴 선의 수 [20=원형 / 10=막대] [The number of lines to draw]
1979			length: 10, 		// 각 줄의 길이 [0=원형 / 10=막대] [The length of each line]
1980			width: 15, 			// 선 두께 [The line thickness]
1981			radius: 42, 		// 내부 원의 반지름 [The radius of the inner circle]
1982			scale: 0.85, 		// 스피너의 전체 크기 지정 [Scales overall size of the spinner]
1983			corners: 1, 		// 모서리 라운드 [Corner roundness (0..1)]
1984			color: '#3F9500', 	// 로딩 CSS 색상 [CSS color or array of colors]
1985			fadeColor: 'transparent', // 로딩 CSS 색상 [CSS color or array of colors]
1986			opacity: 0.05, 		// 선 불투명도 [Opacity of the lines]
1987			rotate: 0, 			// 회전 오프셋 각도 [The rotation offset]
1988			direction: 1, 		// 회전 방향 시계 방향, 반시계 방향 [1: clockwise, -1: counterclockwise]
1989			speed: 1, 			// 회전 속도 [Rounds per second]
1990			trail: 74, 			// 꼬리 잔광 비율 [Afterglow percentage]
1991			fps: 20, 			// 초당 프레임 수 [Frames per second when using setTimeout() as a fallback in IE 9]
1992			zIndex: 2e9 		// 인덱스 설정 [The z-index (defaults to 2000000000)]
1993		};
1994	
1995		// [스피너 매핑 및 실행 시작]
1996		var target = document.getElementById("spinnerContainer1000");
1997		var spinner = new Spinner(opts).spin(target);
1998	};
1999	
2000	/* [spinnerStop 중지 이벤트 호출] */
2001	function spinnerStop(){
2002		try {
2003			// [로딩 부모 컨테이너 삭제 실시]
2004			var tagId = document.getElementById("spinnerLay1000");
2005			document.body.removeChild(tagId); 	//body에서 삭제 실시 
2006		}catch (exception) {
2007			// console.error("catch : " + "not find spinnerLay1000");
2008		}
2009	};
2010	
2011	
2012	function parseData(data) {
2013		return data.split('},').map(item => {
2014			// 괄호 제거 및 공백 트림
2015			const cleanItem = item.replace(/[{}]/g, '').trim();
2016			
2017			// key=value 형식으로 나누기
2018			const entries = cleanItem.split(', ').map(entry => {
2019				const [key, value] = entry.split('=');
2020				// 숫자는 숫자로 변환, 문자열은 그대로, 'none'은 null로 변환
2021				return [key, value === 'none' ? null : isNaN(value) ? value : Number(value)];
2022			});
2023	
2024			// 객체로 변환
2025			return Object.fromEntries(entries);
2026		});
2027	}
2028	
2029	window.APP_CONTEXT_PATH = '';
2030
2031	// 돔이 그려진 후에 실행
2032	document.addEventListener('DOMContentLoaded', function() {
2033			// active된 menu-frame의 서브메뉴 개수를 체크하는 함수
2034			function checkActiveMenuSubCount() {
2035				const activeFrame = document.querySelector('.menu-frame.active');
2036				if (activeFrame) {
2037					const childMenus = activeFrame.querySelectorAll('.child-menu');
2038					if (childMenus.length === 0) {
2039						// 서브메뉴가 0개면 ongnb 클래스 제거 (접힘)
2040						document.body.classList.remove('ongnb');
2041					} else {
2042						// 서브메뉴가 있으면 ongnb 클래스 추가 (펼침)
2043						document.body.classList.add('ongnb');
2044					}
2045				}
2046			}
2047			
2048			document.querySelectorAll('.gnb li').forEach((li, idx) => {
2049				// 마우스 오버 이벤트
2050				li.addEventListener('mouseover', function() {
2051					document.querySelectorAll('.menu-frame').forEach(frame => frame.classList.remove('active'))
2052
2053					const menuId = this.getAttribute('menuid')
2054					const menuFrame = document.querySelector('.menu-frame[parentId="'+menuId+'"]');
2055					if (menuFrame) {
2056						menuFrame.classList.add('active');
2057						// active가 변경될 때마다 서브메뉴 개수 체크
2058						checkActiveMenuSubCount();
2059					}
2060				})
2061
2062		})
2063
2064		// 초기 menu-frame을 active로 설정 (초기에는 체크하지 않음)
2065		const firstMenuFrame = document.querySelector('.menu-frame');
2066		if (firstMenuFrame) {
2067			firstMenuFrame.classList.add('active');
2068		}
2069	})
2070
2071	const isEng = location.href.indexOf('neweng') > -1
2072	if(isEng) {
2073		document.querySelectorAll('.eng')[1].classList.add('active')
2074	} else {
2075		document.querySelectorAll('.eng')[0].classList.add('active')
2076	}
2077</script>
2077
2078<link rel="stylesheet" href="/new/fta/rMateChartH5/Assets/Css/rMateChartH5.css"/>
2079<script type="text/javascript" src="/new/fta/rMateChartH5/LicenseKey/rMateChartH5License.js"></script>
vendor: 2 bytes, line 2079
2079
2080<script type="text/javascript" src="/new/fta/rMateChartH5/JS/rMateChartH5.js"></script>
2080
2081<link href="/css/vue/font.css" rel="stylesheet" type="text/css">
2082<link href="/css/vue/quasar.prod.css" rel="stylesheet" type="text/css">
2083<link href="/css/dashboard/pi-widget.css" rel="stylesheet" type="text/css">
2084<script src="/js/vue/vue.global.prod.js"></script>
vendor: 2 bytes, line 2084
2084
2085<script src="/js/vue/quasar.umd.prod.js"></script>
vendor: 2 bytes, line 2085
2085
2086<script src="/js/vue/vue3-sfc-loader.js"></script>
vendor: 2 bytes, line 2086
2086
2087<script src="/js/vue/pug.js"></script>
vendor: 2 bytes, line 2087
2087
2088<script src="/js/vue/countUp.min.js"></script>
vendor: 2 bytes, line 2088
2088
2089<script src="/js/vue/lodash.min.js"></script>
vendor: 2 bytes, line 2089
2089
2090<script src="/js/common/dayjs.js"></script>
vendor: 2 bytes, line 2090
2090
2091<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.5.1/axios.min.js" integrity="sha512-emSwuKiMyYedRwflbZB2ghzX8Cw8fmNVgZ6yQNNXXagFzFOaQmbvQ1vmDkddHjm5AITcBIZfC7k4ShQSjgPAmQ==" 
2092crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2092
2093
2094<style>
2095	[v-cloak] > * { display:none; }
2096
2097	#app {
2098		font-family: Pretendard;
2099	}
2100
2101	.main-wrapper {
2102		display: flex;
2103		flex-direction:column;
2104		flex-wrap: wrap;
2105		margin: 0px auto;
2106	}
2107
2108	.contents-row {
2109		display: flex;
2110		justify-content: center;
2111		width:100%;
2112		padding: 24px 0;
2113	}
2114
2115	.row-1 .content {
2116		display:flex;
2117		gap:24px;
2118	}
2119
2120	.row-3 .content {
2121		display:flex;
2122		gap: 40px;	
2123	}
2124	
2125	.content > * {
2126		flex:1;
2127	}
2128
2129	.row-2, .row-5 {
2130		background:#F6F7F9;
2131	}
2132
2133	.row-4 {
2134		padding-top: 0;
2135	}
2136
2137	.contents-row .content {
2138		max-width:1280px;
2139		width: 100%;
2140	}
2141
2142	.between-title {
2143    display: flex;
2144    justify-content: space-between;
2145    align-items: center;
2146		padding-right: 8px;		
2147	}
2148
2149	.contents-title {
2150		font-weight:bold;
2151		font-size:1.5rem;
2152		padding: 0 8px;
2153		text-align: center;		
2154	}
2155
2156	.plus-btn {
2157    color: #000000b3 !important;
2158    border-radius: 44px;
2159    font-size: 0.7rem !important;
2160    padding: 4px 12px !important;
2161	}
2162
2163	.plus-btn .block {
2164		font-size: 0.7rem !important;
2165	}
2166
2167	.plus-btn .q-icon {
2168		font-size: 1rem !important;
2169	}	
2170
2171	.on-right {
2172		margin-left: 8px;
2173	}	
2174
2175
2176	.banner-wrap, .global-issue-wrap {
2177		flex: 2 1 66.67%;
2178
2179	}
2180
2181	.menu-wrap, .exchange-wrap {
2182		flex: 1 1 33.33%;
2183	}
2184
2185	.banner-wrap {
2186		border-radius: 28px;
2187	}
2188
2189	.q-carousel {
2190		border-radius: 28px;
2191		height: 100%;
2192	}	
2193
2194	.q-carousel__slide {
2195    display: flex;
2196		position: relative;
2197	}
2198
2199	#dynamic-slide {
2200		padding: 4px;
2201	}
2202
2203	.carousel-text {
2204		display: flex;
2205    height: 100%;
2206		max-width:70%;
2207    flex-direction: column;
2208    align-items: flex-start;
2209		color: white;
2210		justify-content: center;
2211		position: relative;
2212		z-index: 2; 
2213		padding: 0 24px;
2214	}		
2215
2216	.text-border {
2217		border-radius: 28px;
2218		padding: 20px;
2219	}
2220
2221	.carousel-title {
2222		font-size: 1.2rem;
2223		font-weight: 600;
2224	}
2225
2226	.carousel-content {
2227		font-size: 2.3rem;
2228		font-weight: bold;
2229	}
2230
2231	.carousel-btn {
2232    border-radius: 24px;
2233    padding: 8px 24px;
2234    margin-top: 20px;
2235		background: white !important;
2236		font-weight: bold;
2237	}
2238
2239	.carousel-btn .block {
2240		font-size: 1rem;
2241	}
2242
2243	.carousel-btn .q-icon {
2244		font-size: 1.3rem;
2245	}		
2246
2247	.carousel-img {
2248		z-index: 1; 
2249		position: absolute; 
2250		top: 0;
2251		right: 0;
2252		bottom: 0;
2253		display: flex;
2254    align-items: center;			
2255		padding: 0 16px;
2256	}
2257
2258	.dynamic-carousel-img {
2259		display: flex;
2260		align-items: center;
2261		border-radius: 16px;
2262		padding: 8px;
2263		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
2264		cursor: pointer;
2265	}
2266
2267	.dynamic-banner-img {
2268		width: 100%;
2269	}
2270
2271	.banner-img {
2272		width: 100%;
2273		max-height: 100%;
2274	}
2275
2276	.banner-class-1 {
2277		color: #5085E9 !important	
2278	}
2279
2280	.banner-class-2 {
2281		color: #5FCC9C !important	
2282	}
2283	
2284	.banner-class-3 {
2285		/* color: #FA9C76 !important	 */
2286		color: #7A5CFF !important	
2287	}	
2288
2289	.banner-class-img img {
2290		width: 100%;
2291	}
2292
2293	.q-carousel__arrow .q-btn {
2294		z-index:3;
2295	}
2296
2297	.q-carousel__arrow .q-icon {
2298		font-size: 32px;
2299		border: 2px solid white;
2300		border-radius: 50%;
2301		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);		
2302		background: #00000033;
2303	}	
2304
2305	.q-carousel__navigation--bottom {
2306		z-index:3;
2307	}	
2308
2309	/* .q-carousel__prev-arrow--horizontal {
2310		left: 8px;
2311	}	
2312
2313	.q-carousel__next-arrow--horizontal {
2314		right: 8px;
2315	} */
2316
2317
2318	.menu-wrap {
2319		background:#F6F7F9;
2320		padding: 16px 12px 12px 12px;
2321		border-radius: 28px;
2322	}
2323
2324	.menu-wrap .card-list {
2325		display:grid;
2326		grid-template-columns: repeat(3, 1fr); 	
2327		padding: 12px 0 0px 0;
2328	}
2329
2330	.dashboard-wrap {
2331		
2332	}
2333
2334	.card-list {
2335		padding: 24px 8px;
2336		display:flex;
2337		gap:12px;
2338	}
2339
2340	.alter-list {
2341		padding: 8px 8px;
2342		display: flex;
2343		gap: 12px;		
2344		background: white;
2345		border-radius: 28px;
2346		margin-top: 24px;
2347	}
2348
2349	.card-btn {
2350		flex:1;
2351		background: white;
2352		color: #00000080;
2353		padding:12px;
2354		border-radius: 16px;
2355	}
2356
2357	.alter-btn {
2358		flex:1;
2359		color: #00000080;
2360		padding: 12px;
2361		border-radius: 16px;
2362	}
2363
2364	.card-btn:hover, .alter-btn:hover, .btn-active , .org-btn:hover {
2365		color:white !important;
2366		background:#22A374 !important;
2367	}
2368
2369	.org-btn-area {
2370		display:flex;
2371		justify-content:center;
2372		align-items:center;
2373	}
2374
2375	.org-btn {
2376    background: white;
2377    font-weight: 500;
2378    padding: 6px 40px;
2379    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
2380    margin-top: 24px;
2381    font-size: 0.8rem;
2382    border-radius: 16px;
2383		color: #00000080;
2384	}
2385
2386	.org-icon {
2387    background: #F6F8FB;
2388    padding: 8px;
2389    border-radius: 50%;
2390    width: 32px;	
2391		height: 32px;
2392		margin-right:16px;	
2393	}
2394
2395	.icon-wrap {
2396		width: 100%;
2397	}
2398
2399	.name-wrap {
2400    font-size: 0.8rem;
2401		font-weight:bold;
2402    white-space: pre-line;
2403    word-spacing: 100vw;
2404    min-height: 50px;
2405    display: flex;
2406    align-items: center;	
2407	}
2408
2409	.card-icon {
2410		background: #F6F8FB;
2411    padding: 8px;
2412    border-radius: 50%;
2413		margin-bottom: 8px;
2414		width: 40px;
2415	}
2416
2417	.menu-wrap .card-icon{
2418		width: 70px;
2419		background:white;		
2420		margin-bottom: 4px;
2421		border-radius: 15%;		
2422	}	
2423
2424	.btn-active .card-icon {
2425		background:white;
2426	}
2427
2428	.dashboard-widget {
2429		display:flex;
2430		flex-wrap: wrap;
2431		width: 100%;		
2432	}
2433
2434	.dashboard-widget .widget {
2435		flex: 1 1 calc(25% - 16px);
2436	}
2437
2438	.exchange-wrap {
2439		
2440	}
2441
2442	.exchange-list {
2443		padding-top: 24px;
2444		font-size: 1rem;
2445	}
2446
2447	.exchange-wrap .q-list {
2448    display: flex;
2449    flex-direction: column;
2450    gap: 12px;	
2451	}
2452
2453	.exchange-list .q-item {
2454		background: #f4f6fcbf;
2455		border-radius: 16px;
2456		padding: 8px 12px 8px 16px;
2457		height:72px;
2458	}
2459
2460	.nation-section {
2461		display: flex;
2462    flex-direction: row;
2463    align-items: center;	
2464		justify-content: flex-start;	
2465	}
2466
2467	.change-section {
2468		display: flex;
2469    flex-direction: column;
2470    align-items: flex-end;
2471    justify-content: flex-end;
2472		flex-wrap: nowrap;
2473	}	
2474
2475	.nation {
2476		width:30px;
2477	}
2478
2479	.nation-flag {
2480		border-radius: 8px;
2481	}
2482
2483	.exchange-data {
2484		text-align: end;
2485		font-weight: bold;
2486		font-size: 1.2rem;
2487	}
2488
2489	.unit {
2490		margin-left: 8px;
2491		color: #00000080;
2492	}
2493
2494	.base-date {
2495		font-size: 0.7rem;
2496    color: #00000080;
2497		font-weight: bold;
2498	}
2499
2500	.change-data, .change-rate {
2501		background: white;
2502		border-radius: 8px;
2503		width: 85%;
2504    font-size: 0.8rem;
2505    font-weight: bold;
2506		max-width: 80px;
2507	}
2508
2509	.negative-value {
2510		color: #4350d6;
2511	}
2512
2513	.positive-value {
2514		color: #ee5836;
2515	}
2516	
2517
2518	.change-rate {
2519		margin-top: 8px;
2520	}
2521
2522	.issue-title {
2523		overflow: hidden;
2524    text-overflow: ellipsis;
2525    max-width: 98%;
2526    display: -webkit-box;
2527    -webkit-line-clamp: 1;
2528    -webkit-box-orient: vertical;	
2529	}	
2530
2531	.issue-analysis-wrap {
2532
2533	}
2534
2535	.issue-list {
2536		padding-top: 24px;
2537    display: grid;
2538    grid-template-columns: repeat(4, 1fr);
2539		gap: 24px;
2540	}
2541
2542	.issue-card {
2543		border-radius:16px;
2544		background: #F7F8F9;
2545	}
2546
2547
2548	.issue-list .issue-header:hover {
2549		color:white !important;
2550		background:#22A374 !important;
2551		cursor:pointer;
2552	}
2553
2554	.issue-list .issue-type {
2555		display:flex;
2556		justify-content: space-between;
2557		font-size: 0.8rem;
2558		font-weight: bold;
2559		color:#00000080;
2560	}
2561
2562	.issue-list .issue-header:hover .issue-type{
2563		color:white !important;
2564	}
2565
2566	.issue-list .issue-title {
2567		padding-top: 16px;	
2568		font-size: 0.9rem;
2569		font-weight:500;
2570	}
2571
2572	.file-btn {
2573    background: #EDF0F2;
2574    width: 100%;
2575    border-radius: 8px;
2576    color: #00000080 !important;
2577    font-size: 0.7rem;
2578	}
2579
2580	.file-btn .q-icon {
2581		font-size:1rem;
2582		margin-right: 4px;
2583	}
2584
2585	.issue-card .q-card__section {
2586		padding: 20px;
2587	}
2588
2589	.issue-card .q-card__actions {
2590		padding: 12px 20px;
2591	}	
2592	
2593	.issue-letter-list {
2594		padding-top: 24px;
2595		height: 100%;
2596	}
2597	
2598	.issue-letter-list .q-carousel {
2599		
2600	}
2601	
2602	.issue-letter-list .q-carousel__slide {
2603
2604	}
2605	
2606	.issue-letter-slide {
2607		cursor: pointer;
2608		padding: 0 8px;
2609		height: 100%;
2610	}
2611	
2612	.issue-letter-grid {
2613		display: grid;
2614		grid-template-columns: repeat(3, 1fr);
2615		gap: 12px;
2616		max-height: 324px;
2617		height: 100%;
2618	}
2619	
2620	.issue-letter-item {
2621		display: flex;
2622		flex-direction: column;
2623		height: 100%;
2624		background: white;
2625		border-radius: 8px;
2626		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
2627		overflow: hidden;
2628		transition: transform 0.2s ease, box-shadow 0.2s ease;
2629		cursor: pointer;
2630		min-height: 0;
2631	}
2632	
2633	.issue-letter-item:hover {
2634		transform: translateY(-2px);
2635		box-shadow: 0 4px 16px rgba(0,0,0,0.15);
2636	}
2637	
2638	.issue-letter-thumbnail {
2639		width: 100%;
2640		aspect-ratio: 1 / 1;
2641		position: relative;
2642		overflow: hidden;
2643		background: #f5f5f5;
2644		display: flex;
2645		align-items: center;
2646		justify-content: center;
2647		flex-shrink: 0;
2648	}
2649	
2650	.thumbnail-image {
2651		width: 100%;
2652		height: 100%;
2653		object-fit: cover;
2654		object-position: center;
2655	}
2656	
2657	.thumbnail-placeholder {
2658		width: 100%;
2659		height: 100%;
2660		display: flex;
2661		align-items: center;
2662		justify-content: center;
2663		background: #f0f0f0;
2664		color: #999;
2665	}
2666	
2667	.issue-letter-content {
2668		padding: 12px;
2669		flex: 1;
2670		display: flex;
2671		flex-direction: column;
2672		justify-content: space-between;
2673		min-height: 0;
2674	}
2675	
2676	.issue-letter-title {
2677		font-size: 0.875rem;
2678		font-weight: 600;
2679		color: #333;
2680		line-height: 1.4;
2681		margin-bottom: 6px;
2682		display: -webkit-box;
2683		-webkit-line-clamp: 2;
2684		-webkit-box-orient: vertical;
2685		overflow: hidden;
2686		text-overflow: ellipsis;
2687	}
2688	
2689	.issue-letter-keyword {
2690		display: none;
2691	}
2692	
2693	.issue-letter-date {
2694		font-size: 0.7rem;
2695		color: #999;
2696		margin-top: auto;
2697	}
2698	
2699	.no-data-message {
2700		display: flex;
2701		align-items: center;
2702		justify-content: center;
2703		height: 200px;
2704		color: #999;
2705		font-size: 0.875rem;
2706		background: #f9f9f9;
2707		border-radius: 8px;
2708		border: 1px dashed #ddd;
2709	}
2710	
2711	@media (max-width: 1280px) {
2712		.contents-row {
2713			padding: 40px 24px;
2714		}
2715
2716		.contents-row {
2717			padding: 16px;
2718		}
2719
2720		.row-1, .row-3, .row-4, .row-5 {
2721			padding: 24px;
2722		}		
2723
2724		.row-2 {
2725			padding: 40px 16px;
2726		}
2727
2728		.banner-wrap, .menu-wrap, .exchange-wrap, .global-issue-wrap {
2729			flex: 1 1 50%;
2730		}		
2731
2732		/* row-2 위젯 */
2733		.dashboard-widget .widget {
2734			flex: 1 1 calc(50% - 16px); 
2735		}
2736
2737		.carousel-text {
2738			max-width: 100%;
2739			position: absolute;
2740			max-width: 100%;
2741			background: #00000033;
2742			top: 0;
2743			bottom: 0;
2744			left: 0;
2745			right: 0;		
2746			padding: 0 40px;	
2747		}
2748
2749		.carousel-title {
2750			font-size: 0.8rem;
2751			font-weight: 600;
2752		}		
2753
2754		.carousel-content{
2755			font-size: 1.6rem;
2756		}
2757
2758		.issue-letter-keyword {
2759			display: -webkit-box;
2760			font-size: 0.75rem;
2761			color: #666;
2762			margin-bottom: 4px;
2763			-webkit-line-clamp: 1;
2764			-webkit-box-orient: vertical;
2765			overflow: hidden;
2766			text-overflow: ellipsis;
2767		}
2768	}	
2769
2770	@media (max-width: 768px) {
2771		#app {
2772			margin-top: 0;
2773		}
2774
2775		.row-1 .content {
2776			flex-direction:column;
2777			gap: 12px;
2778		}
2779
2780		.row-3 .content {
2781			flex-direction:column;
2782			gap: 16px;
2783		}		
2784
2785		.row-1{
2786			padding: 12px;
2787		}
2788		
2789		.row-2 {
2790			padding: 16px 6px 6px 6px;
2791		}
2792
2793		.row-3, .row-5 {
2794			padding: 16px 12px 12px 12px;
2795		}
2796
2797		.row-4 {
2798			padding: 4px 12px 12px 12px;
2799		}
2800
2801		.carousel-btn .block {
2802			font-size: 0.7rem;
2803		}
2804
2805		.carousel-btn {
2806			padding: 0px 16px;
2807			margin-top: 12px;
2808		}
2809
2810		.carousel-btn .q-icon {
2811			font-size: 0.9rem;
2812		}				
2813
2814		.exchange-list {
2815			padding-top:16px;
2816		}
2817		
2818		.contents-title {
2819			font-size: 1.2rem;
2820			padding-left:0;
2821		}
2822
2823		.row-2 .contents-title {
2824			padding-left:6px;
2825		}
2826
2827		.q-carousel {
2828			height: 25vh;
2829		}
2830		
2831		.issue-letter-grid {
2832			grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
2833			gap: 8px;
2834		}
2835
2836		.banner-wrap, .menu-wrap, .exchange-wrap, .global-issue-wrap {
2837			flex: 1 1 100%;
2838		}		
2839
2840		.menu-wrap {
2841			padding: 16px;
2842		}
2843
2844		.dashboard-widget .widget {
2845			flex: 1 1 100%;
2846			padding: 6px;
2847		}
2848
2849		.dashboard-wrap .card-list {
2850			display:grid;
2851			grid-template-columns: repeat(3, 1fr); 	
2852			padding: 16px 6px 6px 6px;			
2853		}
2854
2855		.org-btn {
2856			margin: 6px;
2857			width: 100%;
2858			border-radius: 16px;
2859		}
2860
2861		.issue-list {
2862			grid-template-columns: repeat(2, 1fr);
2863			gap: 12px;
2864			padding-top:16px;
2865		}
2866
2867		.alter-list {
2868			display: grid;
2869    	grid-template-columns: repeat(4, 1fr);
2870			gap: 6px;
2871			margin-top: 16px;
2872		}
2873
2874		.name-wrap {
2875			font-size:0.9rem;		
2876		}
2877
2878		.alter-name {
2879    	font-size: 0.8rem;
2880		}
2881
2882	}
2883
2884	.flag-box { display: flex; gap: 4px; }
2885	.flag-box .flag-btn {
2886		width: 40px;
2887    height: calc(50px * (9 / 16));
2888    overflow: hidden;
2889    display: flex;
2890	}
2891	.flag-box .flag-btn img { width: 100%;}
2892
2893
2894	@media (max-width: 480px){
2895		.nation-section .nation,  .nation-section .unit {
2896			font-size:0.8rem;
2897		}
2898
2899		.nation-section .unit{
2900			margin-left:4px;
2901		}
2902
2903		.exchange-data {
2904			font-size: 1.0rem;
2905		}		
2906
2907		.change-data, .change-rate  {
2908			font-size:0.5rem;
2909		}		
2910	}
2911	
2912</style>
2913
2914
2915
2916
2917
2918<style>
2919	.fta-popup.popup {
2920		position: fixed;
2921		inset: 0;
2922		z-index: 100010;
2923		display: flex;
2924		align-items: flex-start;
2925		justify-content: center;
2926		padding: 100px 16px 24px;
2927		box-sizing: border-box;
2928		width: 100%;
2929		height: 100%;
2930		left: 0;
2931		top: 0;
2932	}
2933	.fta-popup.popup:before {
2934		content: "";
2935		display: block;
2936		position: absolute;
2937		inset: 0;
2938		background-color: rgba(0, 0, 0, 0.7);
2939		z-index: 0;
2940	}
2941	.fta-popup .popup_in {
2942		position: relative;
2943		z-index: 1;
2944		max-width: 768px;
2945		width: 100%;
2946		margin: 0 auto;
2947		box-sizing: border-box;
2948	}
2949	.fta-popup .popup_in .container {
2950		width: 100%;
2951	}
2952	.fta-popup .content {
2953		overflow: hidden;
2954		border-radius: 4px;
2955		box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
2956	}
2957	.fta-popup .content .cont {
2958		max-height: calc(100vh - 220px);
2959		overflow: auto;
2960		background: #fff;
2961	}
2962	.fta-popup .popup_img {
2963		width: 100%;
2964		display: block;
2965	}
2966	.fta-popup .form_check {
2967		position: relative;
2968		display: flex;
2969		align-items: center;
2970		color: #fff;
2971		height: 40px;
2972		background-color: #333333;
2973		padding: 0 16px;
2974	}
2975	.fta-popup .form_check label {
2976		margin: 0 0 5px 0;
2977		font-size: 15px;
2978		font-weight: 300;
2979		color: #fff;
2980	}
2981	.tit {
2982		background-color: #333333;
2983    color: #FFF;
2984    padding: 8px 16px;
2985    display: flex;
2986    justify-content: space-between;
2987    font-weight: bold;
2988    font-size: 1.1rem;
2989	}
2990	.pclose {
2991		align-content: center;
2992	}
2993	@media screen and (max-width: 768px) {
2994		.fta-popup.popup {
2995			padding: 72px 12px 16px;
2996		}
2997		.fta-popup .content .cont {
2998			max-height: calc(100vh - 180px);
2999		}
3000	}
3001</style>
3002
3003<script type="text/javascript">
3004	$(function () {
3005		$(".fta-popup").appendTo("body");
3006
3007		$(".fta-popup .pclose").on("click", function (e) {
3008			e.preventDefault();
3009			$(this).closest(".fta-popup").hide();
3010		});
3011
3012		$(".fta-popup input[name='popupview']").on("click", function () {
3013			setCookie("todayCookie_fta", "done", 1);
3014			$(".fta-popup").hide();
3015		});
3016
3017		getCookieMobile();
3018	});
3019
3020	function setCookie(name, value, expiredays) {
3021		var todayDate = new Date();
3022		todayDate.setDate(todayDate.getDate() + expiredays);
3023		document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";";
3024	}
3025
3026	function getCookieMobile() {
3027		var cookiedata = document.cookie;
3028		if (cookiedata.indexOf("todayCookie_fta=done") < 0) {
3029			$(".fta-popup").first().show();
3030		} else {
3031			$(".fta-popup").hide();
3032		}
3033	}
3034</script>
3034
3035
3036
3037<div id="app" class="wrapper" v-cloak>
3038	<div class="sub_container">
3039		<div class="main-wrapper">
3040
3041			
3042			<div class="contents-row row-1">
3043				<div class="content">
3044					<div class="banner-wrap">
3045						<q-carousel 
3046							v-model="bannerRef" 
3047							arrows
3048							swipeable
3049							navigation
3050							:autoplay="5500"
3051							infinite
3052							animated
3053							transition-prev="slide-right"
3054							transition-next="slide-left"
3055						>	
3056
3057							<q-carousel-slide 
3058								v-for="banner in bannerOptions" 
3059								:key="banner.id"
3060								:name="banner.id"
3061								:img-src="banner.background"
3062							>
3063
3064								<div class="carousel-text">
3065
3066									<div class="text-border">
3067										<div class='carousel-title'>{{banner.title}}</div>
3068										<div class='carousel-content'>{{banner.content}}</div>
3069										<div class="flag-box" v-if="banner.id == '2'">
3070											<div class="flag-btn">
3071												<img src="/images/flag/flag_JP.png" data-v-d96133cf="">
3072											</div>
3073											<div class="flag-btn">
3074												<img src="/images/flag/flag_CN.png" data-v-d96133cf="" style="width: 100%;">
3075											</div>
3076											<div class="flag-btn">
3077												<img src="/images/flag/flag_TH.png" data-v-d96133cf="">
3078											</div>
3079											<div class="flag-btn">
3080												<img src="/images/flag/flag_TW.png" data-v-d96133cf="">
3081											</div>
3082										</div>
3083
3084										<q-btn 
3085											class="carousel-btn" 
3086											:class="banner.class" 
3087											label="서비스 이용하기" 
3088											icon-right="add" 
3089											color="black" 
3090											outline 
3091											unelevated
3092											@click="goTo(banner.param)"
3093										></q-btn>
3094									</div>
3095
3096								</div>
3097								
3098								<div class="carousel-img">
3099									<img class="banner-img" :src="banner.img" alt="">
3100								</div>
3101									
3102							</q-carousel-slide>
3103						</q-carousel>
3104					</div>			
3105
3106					<div class="menu-wrap">
3107						<div class="contents-title">자주 찾는 서비스</div>
3108						<div class="card-list">
3109							<q-btn v-for="menu in menuOptions"  class="card-btn" unelevated @click="goTo(menu.value)">	
3110								<div class="icon-wrap">
3111									<img class="card-icon" :src="menu.img" alt="">
3112								</div>
3113								<div class="name-wrap"> {{menu.label}}</div>
3114							</q-btn>
3115						</div>					
3116					</div>	
3117
3118				</div>
3119			</div>
3120
3121			
3122			<div class="contents-row row-2">
3123				<div class="content dashboard-wrap">
3124
3125					<div class="between-title">
3126						<div class="contents-title">주요 품목 정보</div>
3127						<q-btn class="plus-btn" label="더보기" icon-right="add" size="xs" outline unelevated @click="goTo('productInfo')"></q-btn>
3128					</div>	
3129										
3130					<div class="card-list">
3131						<q-btn 
3132							v-for="agOption in agOptions" 
3133							:class="['card-btn', { 'btn-active': selectedAG === agOption.value }]"
3134							unelevated
3135							@click="selectAg(agOption.value)"				
3136						>	
3137							<div class="icon-wrap">
3138								<img class="card-icon" :src="agOption.img" alt="">
3139							</div>
3140							
3141							<div class="name-wrap"> {{agOption.label}}</div>
3142						</q-btn>
3143					</div>
3144					<div class="dashboard-widget">
3145						<trend
3146							class="widget"
3147							in-ex-type="e"
3148							:ag-code="selectedAG"
3149							:ag-name="selectedAgName"
3150							:color="mainColor"
3151							:img="selectedAgInfo.img"
3152							:ag5-code="selectedAgInfo.ag5Code"
3153							:ag5-name="selectedAgInfo.ag5Name"
3154							:hs10-code="selectedAgInfo.hs10Code"
3155							:hs10-name="selectedAgInfo.hs10Name"
3156							:is-export-org="selectedAgInfo.isExportOrg"
3157							:is-main="true"
3158						></trend>
3159						<trend
3160							class="widget"
3161							in-ex-type="i"
3162							:ag-code="selectedAG"
3163							:ag-name="selectedAgName"
3164							:color="mainColor"
3165							:img="selectedAgInfo.img"
3166							:ag5-code="selectedAgInfo.ag5Code"
3167							:ag5-name="selectedAgInfo.ag5Name"
3168							:hs10-code="selectedAgInfo.hs10Code"
3169							:hs10-name="selectedAgInfo.hs10Name"
3170							:is-export-org="selectedAgInfo.isExportOrg"
3171							:is-main="true"
3172						></trend>
3173						<export-top-table class="widget" :ag-code="selectedAG" :ag-name="selectedAgName" color="mainColor"></export-top-table>
3174						<avg-whole-sale v-else class="widget" :ag-code="selectedAG" :color="mainColor"></avg-whole-sale>
3175					</div>
3176					<div class="org-btn-area">
3177						<q-btn class="org-btn" @click="goTo('organization')" unelevated>
3178							<img class="org-icon" :src="selectedBtnData.img" alt="">
3179							<div>{{selectedBtnData.srcName + ' 수출 조직 바로가기'}}</div>
3180						</q-btn>
3181					</div>
3182				</div>
3183			</div>
3184
3185			
3186			<div class="contents-row row-3">
3187				<div class="content">
3188
3189					<div class="exchange-wrap">
3190						<div class="between-title">
3191							<div class="contents-title">환율정보</div>
3192							<div class="base-date">
3193								<div>기준일 : {{dayjs().subtract(1, 'day').format('YYYY-MM-DD')}}</div>	
3194								<div>비교일 : {{dayjs().subtract(2, 'day').format('YYYY-MM-DD')}}</div>	
3195							</div>
3196							
3197						</div>
3198						
3199						<div class="exchange-list">
3200							<q-list>
3201								<q-item v-for="exchange in exchangeList">
3202								
3203									<q-item-section avatar>
3204										<img class="nation-flag" :src="exchange.icon" alt="">
3205									</q-item-section>
3206								
3207									<q-item-section class="nation-section">
3208										<div class="nation">{{exchange.nation}}</div>
3209										<div class="unit">{{exchange.id}}</div>
3210									</q-item-section>
3211
3212									<q-item-section>
3213										<div class="exchange-data">{{exchange.data}}</div>
3214									</q-item-section>
3215									
3216									<q-item-section :class="['change-section', checkNegative(exchange.change) ? 'negative-value' : 'positive-value']" >							
3217											<div class="change-data">
3218												<q-icon v-if="checkNegative(exchange.change)" name="arrow_drop_down" size="sm"></q-icon>
3219												<q-icon v-else name="arrow_drop_up" size="sm"></q-icon>
3220												{{exchange.change}}
3221											</div>
3222											<div class="change-rate">
3223												<q-icon v-if="checkNegative(exchange.changeRate)" name="arrow_drop_down" size="sm"></q-icon>
3224												<q-icon v-else name="arrow_drop_up" size="sm"></q-icon>
3225												{{exchange.changeRate}} %
3226											</div>
3227									</q-item-section>
3228								
3229								</q-item>
3230							</q-list>
3231						</div>
3232					</div>
3233
3234					<div class="global-issue-wrap">
3235						<div class="between-title">
3236							<div class="contents-title">글로벌 이슈레터</div>
3237							<q-btn class="plus-btn" label="더보기" icon-right="add" size="xs" outline unelevated @click="goTo('globalIssueLetter')"></q-btn>
3238						</div>
3239						<div class="issue-letter-list">
3240							<div v-if="!issueLetters || issueLetters.length === 0" class="no-data-message">
3241								글로벌 이슈레터 데이터가 없습니다.
3242							</div>
3243							<q-carousel 
3244								v-else
3245								v-model="issueRef" 
3246								arrows
3247								swipeable
3248								:autoplay=issueAutoPlay
3249								infinite
3250								animated
3251								transition-prev="slide-right"
3252								transition-next="slide-left"	
3253							>	
3254								<q-carousel-slide 
3255									v-for="(slideItems, slideIndex) in groupedIssueLetters" 
3256									:name="slideIndex"
3257									class="issue-letter-slide"
3258								>
3259									<div class="issue-letter-grid">
3260										<div 
3261											v-for="item in slideItems" 
3262											class="issue-letter-item"
3263											@click="goTo('globalIssueLetter', '&bbsMode=view&bbscttSn=', item.sn)"
3264										>
3265											<div class="issue-letter-thumbnail">
3266												<img 
3267													v-if="item.thumbnail && item.thumbnail !== null" 
3268													:src="item.thumbnail" 
3269													:alt="item.title"
3270													class="thumbnail-image"
3271												/>
3272												<div v-else class="thumbnail-placeholder">
3273													<q-icon name="image" size="2rem" color="grey-5"></q-icon>
3274												</div>
3275											</div>
3276											<div class="issue-letter-content">
3277												<div class="issue-letter-title">{{item.title}}</div>
3278												<div class="issue-letter-keyword">{{item.keyword}}</div>
3279												<div class="issue-letter-date">{{item.date}}</div>
3280											</div>
3281										</div>
3282									</div>
3283								</q-carousel-slide>
3284							</q-carousel>
3285						</div>
3286					</div>
3287				
3288				</div>			
3289			</div>
3290			
3291			
3292			<div class="contents-row row-4">
3293				<div class="content issue-analysis-wrap">
3294					<div class="between-title">
3295						<div class="contents-title">해외식물 검역정보</div>
3296						<q-btn class="plus-btn" label="더보기" icon-right="add" size="xs" outline unelevated @click="goTo('issueAnalysis')"></q-btn>
3297					</div>	
3298					<div class="issue-list">
3299					
3300						<q-card v-for="issueAnalysis in issueAnalysises" class="issue-card" flat>
3301							<q-card-section class="issue-header" @click="goTo('issueAnalysis', '&bbsMode=view&bbscttSn=', issueAnalysis.bbscttSn)">
3302								<div class="issue-type">
3303									<div>공통</div>
3304									<div>{{issueAnalysis.createdAt}}</div>
3305								</div>
3306								<div class="issue-title">{{issueAnalysis.title}}</div>
3307								
3308							</q-card-section>
3309							<q-separator></q-separator>
3310							<q-card-actions align="around">
3311								<q-btn v-if="issueAnalysis.file != null" label="File Download" class="file-btn" icon="file_download" flat @click="issueFileDown(issueAnalysis)">
3312								</q-btn>
3313								<q-btn v-else class="file-btn" label="No File" icon="file_download" flat disable></q-btn>
3314							</q-card-actions>							
3315						</q-card>
3316
3317					</div>					
3318				</div>
3319			</div>
3320
3321			
3322
3323		</div>	
3324	</div>
3325
3326	
3327
3328  <div class="footer_wrap">
3329      <div class="container">
3330         <div class="footer">
3331            <div class="copy_wrap">
3332               <div class="logo"><a href="https://www.epis.or.kr/" target="_blank" ><img src="/new/fta/img/common/logo2.png" alt="농림수산식품교육문화정보원"></a></div>
3333               <div class="copy_txt">
3334                  <div class="blink_wrap">
3335                     <ul>
3336                        
3337                        <li class="bar"><a href="/newfta/sysinfo/useGuid.do">이용약관</a></li>
3338                        <li class="bar"><a href="/newfta/sysinfo/sysIntro.do">서비스소개</a></li>
3339                     </ul>
3340                  </div>
3341                  <div class="txt">
3342                     <div class="copy">(30148) 세종특별자치시 국책연구원5로 19(반곡동772-3) 농림수산식품교육문화정보원</div>
3343                  농식품FTA활용정보서비스 문의 : 044) 861-8787<br>
3344                  Copyright © by EPIS All rights reserved
3345                  </div>
3346               </div>
3347            </div>
3348            <div class="family_wrap">
3349               <div class="family">
3350	               <select name="organ" id="organ">
3351	                  <option value="">유관기관 바로가기</option>                
3352					  <option value="http://www.fsc.go.kr">금융위원회</option>
3353					  <option value="http://www.motie.go.kr">산업통상자원부</option>
3354					  <option value="http://www.fss.or.kr">금융감독원</option>
3355					  <option value="http://www.winwingrowth.or.kr">동반성장위원회</option>
3356					  <option value="http://www.sbc.or.kr">중소벤처기업진흥공단</option>
3357					  <option value="http://www.smba.go.kr">중소벤처기업부</option>
3358					  <option value="http://www.kbiz.or.kr">KBIZ중소기업중앙회</option>
3359					  <option value="http://www.bizinfo.go.kr">기업마당(비즈인포)</option>
3360					  <option value="http://www.kdb.co.kr">KDB산업은행</option>
3361					  <option value="http://www.ibk.co.kr">IBK기업은행</option>
3362					  <option value="http://www.koreaexim.go.kr">한국수출입은행</option>
3363					  <option value="http://www.kodit.or.kr">신용보증기금</option>
3364					  <option value="http://www.kibo.or.kr">기술보증기금</option>
3365					  <option value="http://www.ksure.or.kr">한국무역보험공사</option>
3366					  <option value="http://www.hf.go.kr">HF한국주택금융공사</option>
3367					  <option value="http://www.kita.net">한국무역협회</option>
3368		           </select>
3369               </div>
3370               <div class="copyright">Copyright © by EPIS All rights reserved.</div>
3371            </div>
3372         </div>
3373      </div>
3374   </div>
3375</div><!--// wrapper -->
3376
3377
3378
3379<script src="/new/fta/js/common.js"></script>
3379
3380
3381<script src="/new/fta/js/main.js"></script>
3381
3382
3383</div>
3384</body>
3385</html>
3386<script>
3387$(".family #organ").on('change', function(){
3388	let addr = $(".family #organ option:selected").val();
3389	if(addr != "" && addr != null){
3390		window.open(addr, "_blank");
3391	}
3392});
3393
3394function go_useGuid(){
3395   window.open('https://www.epis.or.kr/home/kor/M923494796/contents.do', "개인정보처리방침", "toolbar=yes,scrollbars=yes,resizable=yes,top=100,left=200,width=900,height=1000")
3396}
3397</script>
3397   	
3398</div>
3399
3400
3401<script src="/components/dashboard/sourceMeta.js"></script>
vendor: 2 bytes, line 3401
3401
3402<script type="module">
3403	const { onMounted, ref, reactive, watch, computed } = Vue
3404	const { loadModule } = window['vue3-sfc-loader']
3405
3406	const options = {
3407		
3408		moduleCache: {
3409			vue: Vue,
3410			pug: require('pug'),
3411			sourceMeta: window.DashboardSourceMeta,
3412		},
3413		
3414		getFile(url) {
3415			
3416			return fetch(url).then(response => response.ok ? response.text() : Promise.reject(response));
3417		},
3418		
3419		addStyle(styleStr) {
3420			const style = document.createElement('style');
3421			style.textContent = styleStr;
3422			const ref = document.head.getElementsByTagName('style')[0] || null;
3423			document.head.insertBefore(style, ref);
3424		},
3425		
3426		log(type, ...args) {
3427			// console.log(type, ...args)
3428		}
3429	}
3430
3431	const formAapp = Vue.createApp({
3432		components: {
3433			'trend': Vue.defineAsyncComponent(() => loadModule('/components/dashboard/trend.vue', options)),
3434			'export-top-table': Vue.defineAsyncComponent(() => loadModule('/components/dashboard/exportTopTable.vue', options)),
3435			'whole-sale': Vue.defineAsyncComponent(() => loadModule('/components/dashboard/wholeSale.vue', options)),
3436			'avg-whole-sale': Vue.defineAsyncComponent(() => loadModule('/components/dashboard/avgWholeSale.vue', options)),
3437		},
3438
3439		setup() {
3440
3441      // 프로젝트 url 
3442      const regexp = /https?:\/\/[^\/]+/;
3443      const baseURL = window.location.href.match(regexp)[0]   		
3444
3445			const	issueAnalysises = JSON.parse('{"issueAnalysisList":[{"createdAt":"2026-09-28","file":{"fileName":"해외식물 검역정보&#40;26.9.4째주&#41;.xlsx","filePath":"\/20260928\/","fileServerName":"FFA12480CA6A49F8A281296E50D005F5","fileSn":14303},"bbscttSn":113066,"title":"해외 식물 검역 정보 [9월 4주]","order":1},{"createdAt":"2026-09-21","file":{"fileName":"해외식물 검역정보&#40;26.9.3째주&#41;.xlsx","filePath":"\/20260921\/","fileServerName":"4A07400867CF46CB90004D0D9DBAF41D","fileSn":14301},"bbscttSn":113065,"title":"해외 식물 검역 정보 [ 9월 3주]","order":2},{"createdAt":"2026-09-14","file":{"fileName":"해외식물 검역정보&#40;26.9.2째주&#41;  .xlsx","filePath":"\/20260916\/","fileServerName":"9C5419A915464A968DA9805A41D78E60","fileSn":14299},"bbscttSn":113062,"title":"해외 식물 검역 정보 [ 9월 2주] ","order":3},{"createdAt":"2026-08-31","file":{"fileName":"해외식물 검역정보&#40;26.9.1째주&#41;.xlsx","filePath":"\/20260907\/","fileServerName":"161171A3659A4348A4E7E93438FBA944","fileSn":14291},"bbscttSn":113057,"title":"해외 식물 검역 정보 [9월 1주]","order":4}],"globalIssueList":[{"product":"11602","nationName":"전세계","sn":354,"title":"중국의 사과, 배, 포도 생산은 시장 변화에 따라 2024\/25년 MY에서 증가할 것으로 예상","order":1},{"product":"12136","nationName":"필리핀","sn":353,"title":"수출 금지 해제에 따른 일본 딸기 필리핀 시장 유입","order":2},{"product":"12138","nationName":"전세계","sn":352,"title":"2024-2025년 파프리카 작물 개요 및 가격 통찰력","order":3},{"product":"12136","nationName":"대한민국","sn":351,"title":"쿠팡, 딸기 구매량 2배로 늘린다","order":4}],"issueLetterList":[{"date":"2026-10-01","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/202610010500325278e286-949c-45c1-8629-0433f00e649f.png","sn":113067,"title":"다시 흔들리는 북미 통상질서","keyword":"정책동향","order":1},{"date":"2026-09-17","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/20260917054358755f98f1-c713-4241-8109-ee4a2848a62b.png","sn":113064,"title":"[9월 3주차] 주요 농산물 국제가격 동향","keyword":"경제동향","order":3},{"date":"2026-09-17","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/20260917044022bdee1bfc-8db2-4902-9aee-f19124c37b8c.png","sn":113063,"title":"문제 식품, EU는 어떻게 추적할까?","keyword":"정책동향","order":2},{"date":"2026-09-16","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/202609160219536eabf2a0-5ab1-4cc1-961e-e615d91d6998.png","sn":113061,"title":"2026년 8월 무역수지 (확정치)","keyword":"경제동향","order":4},{"date":"2026-09-10","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/2026091002370851a9ad0a-c583-41e8-ab93-19c590a0eb4e.png","sn":113060,"title":"[9월 2주차] 주요 농산물 국제가격 동향","keyword":"경제동향","order":7},{"date":"2026-09-10","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/202609100254459278957d-0d33-4377-9098-55ee1eccd886.png","sn":113059,"title":"2028년, 유전자편집 농식품의 국경이 바뀐다","keyword":"규제동향","order":6},{"date":"2026-09-10","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/20260910023205f2c469b2-68cb-4ec6-af5d-b8eb92f43079.png","sn":113058,"title":" [\u201826.8월] FAO 세계식량 · 곡물가격지수","keyword":"경제동향","order":5},{"date":"2026-09-03","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/202609030453090d566df0-4873-410c-9553-5922985b0f2d.png","sn":113056,"title":"대미 수출, 이제 \u2018누가 수입자인가\u2019가 중요해진다","keyword":"정책동향","order":9},{"date":"2026-09-03","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/20260903043501c4ba9772-173d-4094-b41f-837ac795a157.png","sn":113055,"title":"[9월 1주차] 주요 농산물 국제가격 동향","keyword":"경제동향","order":8}]}')["issueAnalysisList"]
3446			const	issueLetters = JSON.parse('{"issueAnalysisList":[{"createdAt":"2026-09-28","file":{"fileName":"해외식물 검역정보&#40;26.9.4째주&#41;
3446.xlsx","filePath":"\/20260928\/","fileServerName":"FFA12480CA6A49F8A281296E50D005F5","fileSn":14303},"bbscttSn":113066,"title":"해외 식물 검역 정보 [9월 4주]","order":1},{"createdAt":"2026-09-21","file":{"fileName":"해외식물 검역정보&#40;26.9.3째주&#41;.xlsx","filePath":"\/20260921\/","fileServerName":"4A07400867CF46CB90004D0D9DBAF41D","fileSn":14301},"bbscttSn":113065,"title":"해외 식물 검역 정보 [ 9월 3주]","order":2},{"createdAt":"2026-09-14","file":{"fileName":"해외식물 검역정보&#40;26.9.2째주&#41;  .xlsx","filePath":"\/20260916\/","fileServerName":"9C5419A915464A968DA9805A41D78E60","fileSn":14299},"bbscttSn":113062,"title":"해외 식물 검역 정보 [ 9월 2주] ","order":3},{"createdAt":"2026-08-31","file":{"fileName":"해외식물 검역정보&#40;26.9.1째주&#41;.xlsx","filePath":"\/20260907\/","fileServerName":"161171A3659A4348A4E7E93438FBA944","fileSn":14291},"bbscttSn":113057,"title":"해외 식물 검역 정보 [9월 1주]","order":4}],"globalIssueList":[{"product":"11602","nationName":"전세계","sn":354,"title":"중국의 사과, 배, 포도 생산은 시장 변화에 따라 2024\/25년 MY에서 증가할 것으로 예상","order":1},{"product":"12136","nationName":"필리핀","sn":353,"title":"수출 금지 해제에 따른 일본 딸기 필리핀 시장 유입","order":2},{"product":"12138","nationName":"전세계","sn":352,"title":"2024-2025년 파프리카 작물 개요 및 가격 통찰력","order":3},{"product":"12136","nationName":"대한민국","sn":351,"title":"쿠팡, 딸기 구매량 2배로 늘린다","order":4}],"issueLetterList":[{"date":"2026-10-01","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/202610010500325278e286-949c-45c1-8629-0433f00e649f.png","sn":113067,"title":"다시 흔들리는 북미 통상질서","keyword":"정책동향","order":1},{"date":"2026-09-17","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/20260917054358755f98f1-c713-4241-8109-ee4a2848a62b.png","sn":113064,"title":"[9월 3주차] 주요 농산물 국제가격 동향","keyword":"경제동향","order":3},{"date":"2026-09-17","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/20260917044022bdee1bfc-8db2-4902-9aee-f19124c37b8c.png","sn":113063,"title":"문제 식품, EU는 어떻게 추적할까?","keyword":"정책동향","order":2},{"date":"2026-09-16","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/202609160219536eabf2a0-5ab1-4cc1-961e-e615d91d6998.png","sn":113061,"title":"2026년 8월 무역수지 (확정치)","keyword":"경제동향","order":4},{"date":"2026-09-10","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/2026091002370851a9ad0a-c583-41e8-ab93-19c590a0eb4e.png","sn":113060,"title":"[9월 2주차] 주요 농산물 국제가격 동향","keyword":"경제동향","order":7},{"date":"2026-09-10","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/202609100254459278957d-0d33-4377-9098-55ee1eccd886.png","sn":113059,"title":"2028년, 유전자편집 농식품의 국경이 바뀐다","keyword":"규제동향","order":6},{"date":"2026-09-10","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/20260910023205f2c469b2-68cb-4ec6-af5d-b8eb92f43079.png","sn":113058,"title":" [\u201826.8월] FAO 세계식량 · 곡물가격지수","keyword":"경제동향","order":5},{"date":"2026-09-03","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/202609030453090d566df0-4873-410c-9553-5922985b0f2d.png","sn":113056,"title":"대미 수출, 이제 \u2018누가 수입자인가\u2019가 중요해진다","keyword":"정책동향","order":9},{"date":"2026-09-03","thumbnail":"https:\/\/maps.or.kr\/uploadImage\/20260903043501c4ba9772-173d-4094-b41f-837ac795a157.png","sn":113055,"title":"[9월 1주차] 주요 농산물 국제가격 동향","keyword":"경제동향","order":8}]}')["issueLetterList"]
3447			
3448			const bannerRef = ref('1')
3449			const issueRef = ref(0)
3450			const issueAutoPlay = ref(true)
3451
3452
3453			const bannerOptions = [
3454				{id: "1", title:"대시보드", content:"품목별 수출정보 대시보드", background:"/images/main/banner_2_background.png", img:"/images/main/banner_2_img.png", class: "banner-class-2", param: "dashboard"},
3455				{id: "2", title:"국내유일", content:"현지 HS코드 기반 무역통계", background:"/images/main/banner_1_background.png", img:"/images/main/banner_1_img.png", class: "banner-class-1", param: "localStatistics"},
3456				{id: "3", title:"한눈에보는", content:"산지공판장 종합통계", background:"/images/main/banner_3_background.png", img:"/images/main/banner_3_img.png", class: "banner-class-3", param: "wholesaleMarket"},
3457			]
3458
3459			const menuOptions = [
3460				{ label: '품목별 대시보드', value:"dashboard", img:'/images/icon/main_dashboard.png', },
3461				{ label: '국내외 수출입통계', value:"statistics", img:'/images/icon/main_statistics.png', },
3462				{ label: '현지 수출입통계', value:"localStatistics", img:'/images/icon/main_statLocalTrade.png', },
3463				{ label: '글로벌 이슈레터', value:"globalIssueLetter", img:'/images/icon/main_issueLetter.png', },
3464				{ label: '산지공판장통계', value:"statNhWholesale", img:'/images/icon/main_statNhWholesale.png', },
3465				{ label: '경락가통계', value:"statGarackMarketPrice", img:'/images/icon/main_statGarackMarketPrice.png', },
3466			]
3467
3468			const alterOptions = [
3469				{ label: '콩', value:"cong", img:'/images/icon/bean.png'},
3470				{ label: '대마(햄프)', value:"dema", img:'/images/icon/hemp.png'},
3471				{ label: '감초', value:"gamcho", img:'/images/icon/licorice.png'},
3472				{ label: '황기', value:"hanggi", img:'/images/icon/licorice.png'},
3473				{ label: 'ì°¨', value:"cha", img:'/images/icon/tea.png'},
3474				{ label: '흰무니엉겅퀴', value:"eonggeongkwi", img:'/images/icon/silybum_marianum.png'},
3475				{ label: '참당귀', value:"chamdanggi", img:'/images/icon/angelica.png'},
3476				{ label: '고추냉이', value:"wasabi", img:'/images/icon/horseradish.png'},
3477				{ label: '밀', value:"wheat", img:'/images/icon/wheat.png'},
3478				{ label: '백수오', value:"cynanchum", img:'/images/icon/cynanchum_wilfordii.png'},
3479			]
3480
3481			const agOptions = [
3482				{ srcName:"배", src: 'https://k-pec.or.kr/', label: '배', value: '11602', color: 'rgb(231,184,95)', img:'/images/icon/pear.png', ag5Name: '배', ag5Code: '11602', hs10Name: '배(신선)', hs10Code: '0808300000', isExportOrg: true },
3483				{ srcName:"포도", src: 'http://kgrape.co.kr/index.php', label: '포도', value: '11651', color: 'rgb(112, 123, 226)', img:'/images/icon/gra
3483pe.png', ag5Name: '포도', ag5Code: '11651', hs10Name: '포도(신선)', hs10Code: '0806100000', isExportOrg: true },
3484				{ srcName:"딸기", src: 'http://kberry.kr/', label: '딸기', value: '12136', color: 'rgb(210, 42, 42)', img:'/images/icon/strawberry.png', ag5Name: '딸기', ag5Code: '12136', hs10Name: '초본류 딸기(신선)', hs10Code: '0810100000', isExportOrg: true },
3485				{ srcName:"토마토", src: 'http://verymato.co.kr/', label: '토마토', value: '12131', color: 'rgb(219, 59, 24)', img:'/images/icon/tomato.png', ag5Name: '토마토', ag5Code: '12131', hs10Name: '토마토(기타, 신선, 냉장)', hs10Code: '0702009000', isExportOrg: true },
3486				{ srcName:"파프리카", src: 'http://www.kopap.co.kr/', label: '파프리카', value: '12138', color: 'rgb(188, 13, 44)', img:'/images/icon/paprica.png', ag5Name: '파프리카', ag5Code: '12138', hs10Name: '단고추(벨타입에한한다)', hs10Code: '0709601000', isExportOrg: true },
3487				{ srcName:"단감", src: 'http://www.kdangam.com/', label: '단감', value: '11613', color: 'rgb(240, 131, 0)', img:'/images/icon/persimmon.png', ag5Name: '감', ag5Code: '11613', hs10Name: '단감(신선)', hs10Code: '0810701000', isExportOrg: true },
3488				{ srcName:"사과", src: 'https://k-apple.kr/', label: '사과', value: '11601', color: 'rgb(230, 2, 2)', img:'/images/icon/apple.png', ag5Name: '사과', ag5Code: '11601', hs10Name: '사과(신선)', hs10Code: '0808100000', isExportOrg: false },
3489				{ srcName:"인삼", src: 'http://www.korean-ginseng.org/', label: '인삼', value: '155', color: 'rgb(200, 174, 152)', img:'/images/icon/ginseng.png', ag5Name: '인삼', ag5Code: '155', hs10Name: '', hs10Code: '', isExportOrg: false },
3490				{ srcName:"마늘", src: 'https://www.garlic.or.kr/main', label: '마늘', value: '12144', color: 'rgb(120, 92, 68)', img:'/images/icon/garlic.png', ag5Name: '마늘', ag5Code: '12144', hs10Name: '', hs10Code: '', isExportOrg: false },
3491				{ srcName:"양파", src: 'https://konion.or.kr/', label: '양파', value: '12141', color: 'rgb(84, 165, 118)', img:'/images/icon/onion.png', ag5Name: '양파', ag5Code: '12141', hs10Name: '', hs10Code: '', isExportOrg: false },
3492			]
3493
3494			const selectedAG = ref('11602')
3495
3496			const selectedAgInfo = computed(() => {
3497				return agOptions.find(ag => ag.value === selectedAG.value) || agOptions[0]
3498			})
3499
3500			const selectedBtnData = computed(() => selectedAgInfo.value)
3501
3502			const selectedAgName = computed(() => selectedAgInfo.value.label)
3503
3504			const groupedIssueLetters = computed(() => {
3505				if (!issueLetters || issueLetters.length === 0) return []
3506				
3507				const itemsPerSlide = 3 // 한 슬라이드당 표시할 아이템 수
3508				const groups = []
3509				
3510				for (let i = 0; i < issueLetters.length; i += itemsPerSlide) {
3511					groups.push(issueLetters.slice(i, i + itemsPerSlide))
3512				}
3513				
3514				return groups
3515			})
3516
3517			const mainColor = "#22A374"
3518
3519			const exchangeList = ref()
3520
3521			const selectAg = (value) => {
3522				selectedAG.value = value
3523			}
3524
3525			const getExchange = async (date = "latest") => {
3526
3527				const apiURL = 'https://cdn.jsdelivr.net/npm/@fawazahmed0/currency-api@' + date + '/v1/currencies/krw.json'
3528
3529
3530
3531
3532				const usdResponse = await fetch(apiURL)
3533				const usdData = await usdResponse.json()
3534
3535				const usdToKrw = 1 / usdData.krw.usd // 원화 기준 USD 가격
3536				const jpyToKrw = 100 / usdData.krw.jpy // 원화 기준 JPY(100) 가격
3537				const chnToKrw = 1 / usdData.krw.cny // 원화 기준 CNY 가격
3538				const eurToKrw = 1 / usdData.krw.eur // 원화 기준 EUR 가격
3539
3540				return {
3541					"1USD" : usdToKrw.toFixed(2), 
3542					"100JPY" : jpyToKrw.toFixed(2), 
3543					"1CNY" : chnToKrw.toFixed(2), 
3544					"1EUR" : eurToKrw.toFixed(2),
3545				}
3546			}
3547
3548			const setExchange = async () => {
3549
3550				const returnData = [
3551					{id: '1USD',nation:"미국" ,data: 0, change: 0, changeRate: 0,  icon: '/images/icon/us_flag.png'},
3552					{id: '100JPY',nation:"일본" ,data: 0, change: 0, changeRate: 0,  icon: '/images/icon/jp_flag.png'},  
3553					{id: '1CNY',nation:"중국" ,data: 0, change: 0, changeRate: 0,  icon: '/images/icon/cn_flag.png'}, 
3554					{id: '1EUR',nation:"EU" ,data: 0, change: 0, changeRate: 0,  icon: '/images/icon/eu_flag.png'}, 
3555				]
3556
3557				// 하루전 / 이틀전 데이터 (API: @2026.8.19 형식)
3558				const before1Date = dayjs().subtract(1, 'day').format('YYYY.M.D')
3559				const before2Date = dayjs().subtract(2, 'day').format('YYYY.M.D')
3560				const before1Data = await getExchange(before1Date)
3561				const before2Data = await getExchange(before2Date)
3562
3563				let changeData = {}
3564				let changeRateData = {}
3565
3566
3567				// 변동 수치, 변동 % 
3568				for (const [key, value] of Object.entries(before1Data)) {
3569					const changeValue = value - before2Data[key]
3570					changeData[key] = changeValue.toFixed(2)
3571
3572					const changePercent = ((value - before2Data[key]) * 100) / before2Data[key]
3573					changeRateData[key] = changePercent.toFixed(2)			
3574				}
3575
3576				// merge
3577				returnData.forEach(val => {
3578					val.data = before1Data[val.id]
3579					val.change = changeData[val.id]
3580					val.changeRate = changeRateData[val.id]
3581				})
3582
3583				exchangeList.value = returnData
3584
3585			}
3586
3587			const checkNegative = (value) => {
3588				return value < 0
3589			}
3590
3591			const goTo = (menu, queryParam=null, queryValue=null) => {
3592				const menuURL = {
3593
3594					dashboard:"/newfta/prd/dashboard.do?menuId=mn_3207",
3595					productInfo: "/newfta/prd/productInfo.do?menuId=mn_3201&page=productInfo",
3596					statistics: "/newfta/stat/listStatImportByNation.do?menuId=mn_3305",
3597					localStatistics: "/newfta/prd/globalStatistics.do?menuId=mn_3407&page=localStatistics",
3598					statNhWholesale: "/newfta/prd/wholesaleMarket.do?menuId=mn_3408",
3599					statGarackMarketPrice: "/newfta/prd/auctionPriceByProduct.do?menuId=mn_3409",
3600					nationInfo: "/newfta/nation/listNation.do?menuId=mn_3301",
3601					tariff: "/newreference/listHscode.do?menuId=mn_3103",
3602					manual: "/newfta/sysinfo/useGuid.do?menuId=mn_3603#",
3603					globalIssue: "/newbbs/overseasMarket.do?menuId=mn_3404",
3604					issueAnalysis: "/newbbs/issueAnalysis.do?menuId=mn_3403",
3605					alterPrd: "/newfta/impotalterprd/impotAlterPrd.do?menuId=mn_3203",
3606					globalIssueLetter: "/newbbs/overseasMarket.do?menuId=mn_3404",
3607					wholesaleMarket: "/newfta/prd/wholesaleMarket.do?menuId=mn_3408",
3608
3609					organization: selectedBtnData.value.src
3610				}
3611
3612				const queryString = queryParam ? queryParam + queryValue: ''
3613
3614				if (menu != 'organization'){
3615					location.href = baseURL + menuURL[menu] + queryString
3616				} else {
3617					window.open(menuURL[menu],  "_blank");
3618				}
3619				
3620			}
3621
3622			const issueFileDown = (obj) => {
3623
3624				const filePath = obj.file.filePath
3625				const fileName = obj.title+".xlsx"
3626				const fileServerName = obj.file.fileServerName
3627
3628				var url = "/fileDown.do?filePath=" + filePath + "&fileSvrNm=" + encodeURI(fileServerName) + "&fileOrgNm=" + encodeURI(fileName)
3629
3630				location.href = url
3631			}
3632			
3633			onMounted(() => {
3634				setExchange()
3635				
3636			})
3637
3638			return {
3639				bannerRef,
3640				issueRef,
3641				issueAutoPlay,
3642				bannerOptions,
3643				menuOptions,
3644				agOptions,
3645				alterOptions,
3646				exchangeList,
3647				issueAnalysises,
3648				issueLetters,
3649
3650				groupedIssueLetters,
3651
3652				selectedAG,
3653				selectedAgName,
3654				selectedAgInfo,
3655				mainColor,
3656
3657				selectedBtnData,
3658				dayjs,
3659
3660				selectAg,
3661				checkNegative,
3662				goTo,
3663				issueFileDown,
3664			}
3665
3666		
3667		}
3668	})
3669
3670	formAapp.use(Quasar)
3671	formAapp.mount('#app')	
3672
3673</script>

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.