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, "<"); 1909 str = str.replace(/\>/g, ">"); 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":"í´ì¸ì물 ê²ìì ë³´(26.9.4째주).xlsx","filePath":"\/20260928\/","fileServerName":"FFA12480CA6A49F8A281296E50D005F5","fileSn":14303},"bbscttSn":113066,"title":"í´ì¸ ì물 ê²ì ì ë³´ [9ì 4주]","order":1},{"createdAt":"2026-09-21","file":{"fileName":"í´ì¸ì물 ê²ìì ë³´(26.9.3째주).xlsx","filePath":"\/20260921\/","fileServerName":"4A07400867CF46CB90004D0D9DBAF41D","fileSn":14301},"bbscttSn":113065,"title":"í´ì¸ ì물 ê²ì ì ë³´ [ 9ì 3주]","order":2},{"createdAt":"2026-09-14","file":{"fileName":"í´ì¸ì물 ê²ìì ë³´(26.9.2째주) .xlsx","filePath":"\/20260916\/","fileServerName":"9C5419A915464A968DA9805A41D78E60","fileSn":14299},"bbscttSn":113062,"title":"í´ì¸ ì물 ê²ì ì ë³´ [ 9ì 2주] ","order":3},{"createdAt":"2026-08-31","file":{"fileName":"í´ì¸ì물 ê²ìì ë³´(26.9.1째주).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":"í´ì¸ì물 ê²ìì ë³´(26.9.4째주)
3446.xlsx","filePath":"\/20260928\/","fileServerName":"FFA12480CA6A49F8A281296E50D005F5","fileSn":14303},"bbscttSn":113066,"title":"í´ì¸ ì물 ê²ì ì ë³´ [9ì 4주]","order":1},{"createdAt":"2026-09-21","file":{"fileName":"í´ì¸ì물 ê²ìì ë³´(26.9.3째주).xlsx","filePath":"\/20260921\/","fileServerName":"4A07400867CF46CB90004D0D9DBAF41D","fileSn":14301},"bbscttSn":113065,"title":"í´ì¸ ì물 ê²ì ì ë³´ [ 9ì 3주]","order":2},{"createdAt":"2026-09-14","file":{"fileName":"í´ì¸ì물 ê²ìì ë³´(26.9.2째주) .xlsx","filePath":"\/20260916\/","fileServerName":"9C5419A915464A968DA9805A41D78E60","fileSn":14299},"bbscttSn":113062,"title":"í´ì¸ ì물 ê²ì ì ë³´ [ 9ì 2주] ","order":3},{"createdAt":"2026-08-31","file":{"fileName":"í´ì¸ì물 ê²ìì ë³´(26.9.1째주).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.