It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://highforex1.com

  1.  <!doctype html>
  2.  <html lang="ko">
  3.  
  4.  <head>
  5.    <meta charset="utf-8">
  6.      <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">
  7. <meta http-equiv="imagetoolbar" content="no">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.    <title>최고의 외환 선물거래 브로커 업체 선정을 도와 드립니다. 하이포렉스.</title>
  10.      <link rel="stylesheet" href="https://highforex1.com/theme/hiforex/css/default.css?ver=210618">
  11. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
  12.    rel="stylesheet">
  13. <link rel="shortcut icon" href="https://highforex1.com/theme/hiforex/img/01_common/hf-favicon.png" type="image/x-icon">
  14. <link rel="icon" href="https://highforex1.com/theme/hiforex/img/01_common/hf-favicon.png">
  15. <link rel="stylesheet" href="https://highforex1.com/theme/hiforex/skin/latest/hf_main_latest_video/style.css?ver=210618">
  16. <link rel="stylesheet" href="https://highforex1.com/theme/hiforex/skin/latest/hf_main_latest_analysis/style.css?ver=210618">
  17. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css?ver=210618">
  18. <link rel="stylesheet"href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
  19. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css?ver=210618">
  20. <link rel="stylesheet" href="https://highforex1.com/js/font-awesome/css/font-awesome.min.css?ver=210618">
  21. <link rel="stylesheet" href="https://highforex1.com/theme/hiforex/css/common.css?ver=210618">
  22. <link rel="stylesheet" href="https://highforex1.com/theme/hiforex/css/gnb.css?ver=210618">
  23. <link rel="stylesheet" href="https://highforex1.com/theme/hiforex/css/index.css?ver=210618">
  24. <link rel="stylesheet" href="https://highforex1.com/theme/hiforex/css/assets.css?ver=210618">
  25. <link rel="stylesheet" href="https://highforex1.com/theme/hiforex/css/ticker.css?ver=210618">
  26.    <!--[if lte IE 8]>
  27. <script src="https://highforex1.com/js/html5.js"></script>
  28. <![endif]-->
  29.    <script>
  30.      // 자바스크립트에서 사용하는 전역변수 선언
  31.      var g5_url = "https://highforex1.com";
  32.      var g5_bbs_url = "https://highforex1.com/bbs";
  33.      var g5_is_member = "";
  34.      var g5_is_admin = "";
  35.      var g5_is_mobile = "";
  36.      var g5_bo_table = "";
  37.      var g5_sca = "";
  38.      var g5_editor = "";
  39.      var g5_cookie_domain = "";
  40.                </script>
  41.        <link rel="preconnect" href="https://fonts.googleapis.com">
  42.  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  43.  <!-- Noto Sans Korean, roboto font -->
  44.  <link
  45.    href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
  46.    rel="stylesheet">
  47.  
  48.    <meta name="description"
  49.      content='mt4,mt5,cfd,외환거래 해외선물거래 신뢰할 수 있는 최고의 해외증권사 중개업체 하이포렉스. 하이포렉스는 중개업체들의 속도 및 안정성, 수수료 등을 비교·분석하여 여러분에게 믿을 수 있는 최고의 외환거래업체를 안내해 드립니다.'/>
  50.    <meta name="keywords"
  51.      content="외환거래,항셍지수,해외선물차트,외환마진거래,forex,선물옵션거래,선물옵션대여계좌,해외선물미니계좌업체,해외선물거래시작하기,MT4,MT5,cfd,메타트레이딩,파생상품모의투자,선물거래방법,해외선물모의투자,선물미니계좌,외환마진거래계좌,천연가스선물,해외선물증거금,WTI,원달러환율,나스닥선물거래,포렉스,해외선물업체해외선물거래,해외선물정보,외환선물,외환거래소,해외선물수수료,스크릴,실시간미국선물지수,나스닥선물,외환선물,해외선물레버리지해외선물거래시간,외환선물모의투자 XM 프로모션, XM 이용 방법, XM 회원가입, XM 입출금, XM,exness,fp마켓"/>
  52.    <meta property="og:locale" content="ko_KR"/>
  53.    <meta property="og:type" content="website"/>
  54.    <meta property="og:title" content="cfd 외환선물거래 MT4 MT5 최고의 외환브로커 중개업체 highforex"/>
  55.    <meta property="og:site_name" content="최고의 외환 선물거래 브로커 업체 선정을 도와 드립니다 | 하이포렉스"/>
  56.    <meta property='og:description'
  57.      content='mt4,mt5,cfd,외환거래 해외선물거래 신뢰할 수 있는 최고의 해외증권사 중개업체 하이포렉스. 하이포렉스는 중개업체들의 속도 및 안정성, 수수료 등을 비교·분석하여 여러분에게 믿을 수 있는 최고의 외환거래업체를 안내해 드립니다.'/>
  58.  
  59.  
  60.    <meta property="og:image" content="https://highforex1.com/img/hightfo_og.png"/>
  61.    <meta
  62.      property="og:image:alt"
  63.      content="cfd 외환선물거래 MT4 MT5 최고의 외환브로커 중개업체 highforex"
  64.    />
  65.    <meta property="og:image:width" content="800">
  66.    <meta property="og:image:height" content="400">
  67.    <meta name='twitter:card' content='summary_large_image'/>
  68.    <meta name="twitter:title" content="highforex"/>
  69.    <meta name="twitter:description"
  70.      content='mt4,mt5,cfd,외환거래 해외선물거래 신뢰할 수 있는 최고의 해외증권사 중개업체 하이포렉스. 하이포렉스는 중개업체들의 속도 및 안정성, 수수료 등을 비교·분석하여 여러분에게 믿을 수 있는 최고의 외환거래업체를 안내해 드립니다.'/>
  71.    <meta name="twitter:label1" content="highforex"/>
  72.    <meta name='twitter:data1' content='highforex'/>
  73.    <meta name="twitter:domain" content="https://highforex1.com">
  74.  
  75.    <link rel='canonical' href="https://highforex1.com"/>
  76.    <meta property="og:url" content="https://highforex1.com"/>
  77.  
  78.    <!-- 웹마스터도구 사이트구조개선코드 -->
  79.    <meta name='robots' content='All'/>
  80.    <meta name="robots" content="index,follow"/>
  81.    <meta name="NaverBot" content="All"/>
  82.    <meta name="NaverBot" content="index,follow"/>
  83.    <meta name="Yeti" content="All"/>
  84.    <meta name="Yeti" content="index,follow"/>
  85.  
  86.    <!-- 틱톡 광고영상 -->
  87.    <script>
  88.      !function(w, d, t) {
  89.        w.TiktokAnalyticsObject = t;
  90.        var ttq = w[t] = w[t] || [];
  91.        ttq.methods = ["page", "track", "identify", "instances", "debug", "on", "off", "once", "ready", "alias", "group", "enableCookie", "disableCookie"], ttq.setAndDefer = function(t, e) {t[e] = function() {t.push([e].concat(Array.prototype.slice.call(arguments, 0)))}};
  92.        for (var i = 0; i < ttq.methods.length; i++) ttq.setAndDefer(ttq, ttq.methods[i]);
  93.        ttq.instance = function(t) {
  94.          for (var e = ttq._i[t] || [], n = 0; n < ttq.methods.length; n++
  95.          ) ttq.setAndDefer(e, ttq.methods[n]);
  96.          return e
  97.        }, ttq.load = function(e, n) {
  98.          var i = "https://analytics.tiktok.com/i18n/pixel/events.js";
  99.          ttq._i = ttq._i || {}, ttq._i[e] = [], ttq._i[e]._u = i, ttq._t = ttq._t || {}, ttq._t[e] = +new Date, ttq._o = ttq._o || {}, ttq._o[e] = n || {};
  100.          n = document.createElement("script");
  101.          n.type = "text/javascript", n.async = !0, n.src = i + "?sdkid=" + e + "&lib=" + t;
  102.          e = document.getElementsByTagName("script")[0];
  103.          e.parentNode.insertBefore(n, e)
  104.        };
  105.  
  106.        ttq.load('CFU46LJC77U8BC79L0F0');
  107.        ttq.page();
  108.      }(window, document, 'ttq');
  109.    </script>
  110.  
  111.  <script src="https://highforex1.com/js/jquery-1.12.4.min.js?ver=210618"></script>
  112. <script src="https://highforex1.com/js/jquery-migrate-1.4.1.min.js?ver=210618"></script>
  113. <script src="https://highforex1.com/js/jquery.menu.js?ver=210618"></script>
  114. <script src="https://highforex1.com/js/common.js?ver=210618"></script>
  115. <script src="https://highforex1.com/js/wrest.js?ver=210618"></script>
  116. <script src="https://highforex1.com/js/placeholders.min.js?ver=210618"></script>
  117. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  118. <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
  119. <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
  120. <script src="https://highforex1.com/theme/hiforex/js/gnb.js?ver=210618"></script>
  121. <script src="https://highforex1.com/theme/hiforex/js/main.js?ver=210618"></script>
  122. <script src="https://highforex1.com/theme/hiforex/js/jquery.fitvids.js?ver=210618"></script>
  123. </head>
  124.  
  125. <body>
  126. <div id="api_loading" class="loading-area flex_area" style="display: none">
  127.  <span class="unicode xi-spin xi-spinner-1"></span>
  128. </div>
  129.  
  130.  <!-- 상단 시작 { -->
  131.  <script>
  132.    let banner_count = 3; // 브로커 제휴 혹은 랜덤 노출 배너 수
  133.  
  134.    let banner_link_array = [
  135.      "https://bit.ly/4904Un4",
  136.      "https://bit.ly/40a4gQd",
  137.      "https://bit.ly/3szM47m",
  138.    ];
  139.  
  140.    function set_3depth_check(id, order) {
  141.      $("#" + id + "").show();
  142.      $("#li_" + id + "").addClass('sub active sub_1');
  143.    }
  144.  
  145.    let banner_path = 'https://highforex1.com/img';
  146.    let banner_key = Math.floor(Math.random() * banner_count) + 1;
  147.    console.log('banner_no = ' + banner_key);
  148.  
  149.    // 2024-02-15 added by phillip
  150.    // exness 사업철수로 인해 배너에서 제외처리.
  151.    let banner_name = banner_path + "/03-gnb/menu_banner_" + banner_key + ".jpg";
  152.    let banner_link = banner_link_array[banner_key - 1];
  153.  </script>
  154.  <!-- 헤더 -->
  155.  
  156.  <div class="hd_wrap">
  157.    <div class="hd_wr_bg"></div>
  158.    <header class="flex_area center_1176">
  159.      <div class="h_left flex_area">
  160.        <div class="menu_icon">
  161.          <span></span>
  162.          <span></span>
  163.          <span></span>
  164.        </div>
  165.  
  166.        <h1 class="hf_logo">
  167.          <a href="https://highforex1.com">
  168.            <!-- <img src="https://highforex1.com/img/highforex-logo.svg" alt="최고의 외환 선물거래 브로커 업체 선정을 도와 드립니다. 하이포렉스."> -->
  169.          </a>
  170.        </h1>
  171.  
  172.        <nav>
  173.          <div class="gnb_wrap">
  174.            <ul class="gnb_1depth flex_area">
  175.              <li>
  176.                <a href="#">해외증권사 안내</a>
  177.              </li>
  178.              <li>
  179.                <a href="#">인기자산</a>
  180.              </li>
  181.              <li>
  182.                <a href="#">투자전략분석</a>
  183.              </li>
  184.              <li>
  185.                <a href="#">교육</a>
  186.              </li>
  187.            </ul>
  188.          </div>
  189.        </nav>
  190.      </div><!-- h_left -->
  191.  
  192.      <div class="h_right flex_area">
  193.        <div class="trading_btn_15">
  194.          <a href="../sub/broker_compare.php" target="_self">지금 거래 시작</a>
  195.        </div>
  196.        <div class="hd_sch_wr">
  197.          <form name="fsearchbox" method="get" action="https://highforex1.com/bbs/search.php"
  198.                class="hd_sch_form flex_area"
  199.                onsubmit="return fsearchbox_submit(this);">
  200.            <input type="hidden" name="sfl" value="wr_subject||wr_content">
  201.            <input type="hidden" name="sop" value="and">
  202.            <!-- <label for="hd_sch" class="sound_only">검색어 필수</label> -->
  203.  
  204.            <!-- 검색창 input 주석처리 by ellie -->
  205.            <!-- <input type="text" name="stx" id="hd_sch" maxlength="15" placeholder=""> -->
  206.  
  207.            <!--검색어를 입력해주세요-->
  208.            <button type="submit" id="sch_submit" value="검색q">
  209.              <img class="pc_" src="https://highforex1.com/img/01_common/search.svg" alt="검색버튼">
  210.            </button>
  211.          </form>
  212.  
  213.          <script>
  214.            function fsearchbox_submit(f) {
  215.              if (window.location.pathname != '/' && window.innerWidth < 700) {
  216.                // 2023-01-13 added by phillip
  217.                // 모바일 최소 사이즈인 경우 메인페이지가 아닌 경우 검색 페이지로 바로 이동 처리.
  218.                return true;
  219.              } else {
  220.                if (f.stx.value.length < 2) {
  221.                  alert("검색어는 두글자 이상 입력하십시오.");
  222.                  f.stx.select();
  223.                  f.stx.focus();
  224.                  return false;
  225.                }
  226.  
  227.                // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
  228.                var cnt = 0;
  229.                for (var i = 0; i < f.stx.value.length; i++) {
  230.                  if (f.stx.value.charAt(i) == ' ')
  231.                    cnt++;
  232.                }
  233.  
  234.                if (cnt > 1) {
  235.                  alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
  236.                  f.stx.select();
  237.                  f.stx.focus();
  238.                  return false;
  239.                }
  240.  
  241.                return true;
  242.              }
  243.            }
  244.          </script>
  245.        </div>
  246.      </div><!-- h_right -->
  247.    </header>
  248.  </div>
  249.  
  250.  <div class="gnb_total_area">
  251.    <div class="center_1176 flex_area">
  252.      <!-- 메뉴전체 -->
  253.      <div class="gnb_total">
  254.        <ul class="gnb_1">
  255.            <li>
  256.            <a href="#">
  257. 해외 증권사 안내              <span>
  258. <img src="../img/03-gnb/minus_circle_gnb.svg" alt="">
  259. <img src="../img/03-gnb/plus_circle_gnb.svg" alt="">
  260. </span>
  261.            </a>
  262. <ul class="gnb_2">
  263.            <li id="li_2112" class="">
  264.              <a href="https://highforex1.com/sub/broker_introduce.php"
  265.                 target="_self">해외 증권사 소개                <i id="2112" class="xi-angle-right-min" style="display: none"></i>
  266.              </a>
  267.            <li id="li_2113" class="">
  268.              <a href="https://highforex1.com/sub/broker_compare.php"
  269.                 target="_self">해외 증권사 비교                <i id="2113" class="xi-angle-right-min" style="display: none"></i>
  270.              </a>
  271.            <li id="li_2114" class="">
  272.              <a href="https://highforex1.com/bbs/group_guide.php?gr_id=guide"
  273.                 target="_self">가입안내 동영상                <i id="2114" class="xi-angle-right-min" style="display: none"></i>
  274.              </a>
  275.            <li id="li_2115" class="">
  276.              <a href="https://highforex1.com/sub/merit.php"
  277.                 target="_self">해외마진거래의 장점                <i id="2115" class="xi-angle-right-min" style="display: none"></i>
  278.              </a>
  279.            <li id="li_2117" class="">
  280.              <a href="https://highforex1.com/sub/crypto_exchange_introduce.php"
  281.                 target="_self">코인거래소 소개                <i id="2117" class="xi-angle-right-min" style="display: none"></i>
  282.              </a>
  283. </li></ul>
  284.            </li>
  285.            <li>
  286.            <a href="#">
  287. 인기자산              <span>
  288. <img src="../img/03-gnb/minus_circle_gnb.svg" alt="">
  289. <img src="../img/03-gnb/plus_circle_gnb.svg" alt="">
  290. </span>
  291.            </a>
  292. <ul class="gnb_2">
  293.            <li id="li_2119" class="">
  294.              <a href="https://highforex1.com/sub/assets_currency.php?cate=Currency&amp;symbol_id=1838&amp;item=USD/KRW"
  295.                 target="_self">통화<u>/</u>FOREX                <i id="2119" class="xi-angle-right-min" style="display: none"></i>
  296.              </a>
  297.            <li id="li_2120" class="">
  298.              <a href="https://highforex1.com/sub/assets_indices.php?cate=Indices&amp;symbol_id=745&amp;item=KOSPI"
  299.                 target="_self">지수<u>/</u>INDICES                <i id="2120" class="xi-angle-right-min" style="display: none"></i>
  300.              </a>
  301.            <li id="li_2121" class="">
  302.              <a href="https://highforex1.com/sub/assets_goods.php?cate=Goods&amp;symbol_id=5&amp;item=GC&amp;name=Gold"
  303.                 target="_self">원자재<u>/</u>GOODS                <i id="2121" class="xi-angle-right-min" style="display: none"></i>
  304.              </a>
  305.            <li id="li_2122" class="">
  306.              <a href="https://highforex1.com/sub/assets_crypto.php?cate=Crypto&amp;symbol_id=78&amp;item=BTC/USD"
  307.                 target="_self">암호화폐<u>/</u>CRYPTO                <i id="2122" class="xi-angle-right-min" style="display: none"></i>
  308.              </a>
  309. </li></ul>
  310.            </li>
  311.            <li>
  312.            <a href="#">
  313. 투자전략분석              <span>
  314. <img src="../img/03-gnb/minus_circle_gnb.svg" alt="">
  315. <img src="../img/03-gnb/plus_circle_gnb.svg" alt="">
  316. </span>
  317.            </a>
  318. <ul class="gnb_2">
  319.            <li id="li_2124" class="">
  320.              <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=외환분석"
  321.                 target="_self">외환분석                <i id="2124" class="xi-angle-right-min" style="display: none"></i>
  322.              </a>
  323.            <li id="li_2125" class="">
  324.              <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=선물분석"
  325.                 target="_self">선물분석                <i id="2125" class="xi-angle-right-min" style="display: none"></i>
  326.              </a>
  327.            <li id="li_2126" class="">
  328.              <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=지수분석"
  329.                 target="_self">지수분석                <i id="2126" class="xi-angle-right-min" style="display: none"></i>
  330.              </a>
  331.            <li id="li_2127" class="">
  332.              <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=암호화폐분석"
  333.                 target="_self">암호화폐분석                <i id="2127" class="xi-angle-right-min" style="display: none"></i>
  334.              </a>
  335. </li></ul>
  336.            </li>
  337.            <li>
  338.            <a href="#">
  339. 교육              <span>
  340. <img src="../img/03-gnb/minus_circle_gnb.svg" alt="">
  341. <img src="../img/03-gnb/plus_circle_gnb.svg" alt="">
  342. </span>
  343.            </a>
  344. <ul class="gnb_2">
  345.            <li id="li_2131" class="">
  346.              <a href="https://highforex1.com/bbs/group_mt4.php?gr_id=mt4"
  347.                 target="_self">MT4 필수 동영상 강의                <i id="2131" class="xi-angle-right-min" style="display: none"></i>
  348.              </a>
  349.            <li id="li_2132" class="">
  350.              <a href="https://highforex1.com/education/intro_lession_1-1.php"
  351.                 target="_self">포렉스 교육자료                <i id="2132" class="xi-angle-right-min" style="display: none"></i>
  352.              </a>
  353.            <li id="li_2129" class="">
  354.              <a href="https://highforex1.com/bbs/board.php?bo_table=faq"
  355.                 target="_self">자주 묻는 질문                <i id="2129" class="xi-angle-right-min" style="display: none"></i>
  356.              </a>
  357.            <li id="li_2130" class="">
  358.              <a href="https://highforex1.com/bbs/board.php?bo_table=basic_knoledge"
  359.                 target="_self">포렉스 기본지식                <i id="2130" class="xi-angle-right-min" style="display: none"></i>
  360.              </a>
  361.            <li id="li_2133" class="">
  362.              <a href="https://highforex1.com/bbs/board.php?bo_table=seo"
  363.                 target="_self">포렉스 자유게시판                <i id="2133" class="xi-angle-right-min" style="display: none"></i>
  364.              </a>
  365. </li></ul>
  366.            </li>
  367.        </ul>
  368.      </div>
  369.  
  370.      <div class="gnb_total_mo">
  371.        <ul class="gnb_1">
  372.            <li>
  373.            <a href="#">
  374. 해외 증권사 안내              <span>
  375. <img src="../img/03-gnb/minus_circle_gnb.svg" alt="">
  376. <img src="../img/03-gnb/plus_circle_gnb.svg" alt="">
  377. </span>
  378.            </a>
  379. <ul class="gnb_2">
  380.            <li id="li_2112" class="">
  381.              <a href="https://highforex1.com/sub/broker_introduce.php"
  382.                 target="_self">해외 증권사 소개                <i id="2112" class="xi-angle-right-min" style="display: none"></i>
  383.              </a>
  384.            <li id="li_2113" class="">
  385.              <a href="https://highforex1.com/sub/broker_compare.php"
  386.                 target="_self">해외 증권사 비교                <i id="2113" class="xi-angle-right-min" style="display: none"></i>
  387.              </a>
  388.            <li id="li_2114" class="">
  389.              <a href="https://highforex1.com/bbs/group_guide.php?gr_id=guide"
  390.                 target="_self">가입안내 동영상                <i id="2114" class="xi-angle-right-min" style="display: none"></i>
  391.              </a>
  392.            <li id="li_2115" class="">
  393.              <a href="https://highforex1.com/sub/merit.php"
  394.                 target="_self">해외마진거래의 장점                <i id="2115" class="xi-angle-right-min" style="display: none"></i>
  395.              </a>
  396.            <li id="li_2117" class="">
  397.              <a href="https://highforex1.com/sub/crypto_exchange_introduce.php"
  398.                 target="_self">코인거래소 소개                <i id="2117" class="xi-angle-right-min" style="display: none"></i>
  399.              </a>
  400. </li></ul>
  401.            </li>
  402.            <li>
  403.            <a href="#">
  404. 인기자산              <span>
  405. <img src="../img/03-gnb/minus_circle_gnb.svg" alt="">
  406. <img src="../img/03-gnb/plus_circle_gnb.svg" alt="">
  407. </span>
  408.            </a>
  409. <ul class="gnb_2">
  410.            <li id="li_2119" class="">
  411.              <a href="https://highforex1.com/sub/assets_currency.php?cate=Currency&amp;symbol_id=1838&amp;item=USD/KRW"
  412.                 target="_self">통화<u>/</u>FOREX                <i id="2119" class="xi-angle-right-min" style="display: none"></i>
  413.              </a>
  414.            <li id="li_2120" class="">
  415.              <a href="https://highforex1.com/sub/assets_indices.php?cate=Indices&amp;symbol_id=745&amp;item=KOSPI"
  416.                 target="_self">지수<u>/</u>INDICES                <i id="2120" class="xi-angle-right-min" style="display: none"></i>
  417.              </a>
  418.            <li id="li_2121" class="">
  419.              <a href="https://highforex1.com/sub/assets_goods.php?cate=Goods&amp;symbol_id=5&amp;item=GC&amp;name=Gold"
  420.                 target="_self">원자재<u>/</u>GOODS                <i id="2121" class="xi-angle-right-min" style="display: none"></i>
  421.              </a>
  422.            <li id="li_2122" class="">
  423.              <a href="https://highforex1.com/sub/assets_crypto.php?cate=Crypto&amp;symbol_id=78&amp;item=BTC/USD"
  424.                 target="_self">암호화폐<u>/</u>CRYPTO                <i id="2122" class="xi-angle-right-min" style="display: none"></i>
  425.              </a>
  426. </li></ul>
  427.            </li>
  428.            <li>
  429.            <a href="#">
  430. 투자전략분석              <span>
  431. <img src="../img/03-gnb/minus_circle_gnb.svg" alt="">
  432. <img src="../img/03-gnb/plus_circle_gnb.svg" alt="">
  433. </span>
  434.            </a>
  435. <ul class="gnb_2">
  436.            <li id="li_2124" class="">
  437.              <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=외환분석"
  438.                 target="_self">외환분석                <i id="2124" class="xi-angle-right-min" style="display: none"></i>
  439.              </a>
  440.            <li id="li_2125" class="">
  441.              <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=선물분석"
  442.                 target="_self">선물분석                <i id="2125" class="xi-angle-right-min" style="display: none"></i>
  443.              </a>
  444.            <li id="li_2126" class="">
  445.              <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=지수분석"
  446.                 target="_self">지수분석                <i id="2126" class="xi-angle-right-min" style="display: none"></i>
  447.              </a>
  448.            <li id="li_2127" class="">
  449.              <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=암호화폐분석"
  450.                 target="_self">암호화폐분석                <i id="2127" class="xi-angle-right-min" style="display: none"></i>
  451.              </a>
  452. </li></ul>
  453.            </li>
  454.            <li>
  455.            <a href="#">
  456. 교육              <span>
  457. <img src="../img/03-gnb/minus_circle_gnb.svg" alt="">
  458. <img src="../img/03-gnb/plus_circle_gnb.svg" alt="">
  459. </span>
  460.            </a>
  461. <ul class="gnb_2">
  462.            <li id="li_2131" class="">
  463.              <a href="https://highforex1.com/bbs/group_mt4.php?gr_id=mt4"
  464.                 target="_self">MT4 필수 동영상 강의                <i id="2131" class="xi-angle-right-min" style="display: none"></i>
  465.              </a>
  466.            <li id="li_2132" class="">
  467.              <a href="https://highforex1.com/education/intro_lession_1-1.php"
  468.                 target="_self">포렉스 교육자료                <i id="2132" class="xi-angle-right-min" style="display: none"></i>
  469.              </a>
  470.            <li id="li_2129" class="">
  471.              <a href="https://highforex1.com/bbs/board.php?bo_table=faq"
  472.                 target="_self">자주 묻는 질문                <i id="2129" class="xi-angle-right-min" style="display: none"></i>
  473.              </a>
  474.            <li id="li_2130" class="">
  475.              <a href="https://highforex1.com/bbs/board.php?bo_table=basic_knoledge"
  476.                 target="_self">포렉스 기본지식                <i id="2130" class="xi-angle-right-min" style="display: none"></i>
  477.              </a>
  478.            <li id="li_2133" class="">
  479.              <a href="https://highforex1.com/bbs/board.php?bo_table=seo"
  480.                 target="_self">포렉스 자유게시판                <i id="2133" class="xi-angle-right-min" style="display: none"></i>
  481.              </a>
  482. </li></ul>
  483.            </li>
  484.        </ul>
  485.      </div>
  486.  
  487.  
  488.      <!-- 배너광고 -->
  489.      <a class="banner_menu_area" id="mene_banner_link" href="#">
  490.        <div class="banner_menu_img">
  491.          <img id="menu_banner" src="../img/03-gnb/menu_banner_1.jpg" alt="배너이미지">
  492.        </div>
  493.      </a>
  494.    </div><!-- center_1176 -->
  495.  
  496.    <div class="trading_btn_15 gnb_btn">
  497.      <a href="../sub/broker_compare.php" target="_self">지금 거래 시작</a>
  498.    </div>
  499.  </div>
  500.  
  501.  <!-- 전체메뉴 보일때 body전체 어둡게 -->
  502.  <div class="wrapper_bg"></div>
  503.  
  504.  <div id="hd">
  506. <!-- 팝업레이어 시작 { -->
  507. <div id="hd_pop">
  508.    <h2>팝업레이어 알림</h2>
  509.  
  510. <span class="sound_only">팝업레이어 알림이 없습니다.</span></div>
  511.  
  512. <script>
  513. $(function() {
  514.    $(".hd_pops_reject").click(function() {
  515.        var id = $(this).attr('class').split(' ');
  516.        var ck_name = id[1];
  517.        var exp_time = parseInt(id[2]);
  518.        $("#"+id[1]).css("display", "none");
  519.        set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
  520.    });
  521.    $('.hd_pops_close').click(function() {
  522.        var idb = $(this).attr('class').split(' ');
  523.        $('#'+idb[1]).css('display','none');
  524.    });
  525.    $("#hd").css("z-index", 1000);
  526. });
  527. </script>
  528. <!-- } 팝업레이어 끝 -->  </div>
  529.  <!-- } 상단 끝 -->
  530.  <hr>
  531.  
  532.  
  533.  <!--
  534. <h2 id="container_title"><span title="">
  535.        </span></h2>
  536. -->
  537.  <style>
  538.    @font-face {
  539.      font-family: 'yg-jalnan';
  540.      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
  541.      font-weight: normal;
  542.      font-style: normal;
  543.    }
  544.  </style>
  545.  
  546.  <!-- 팝업 영역 2023-07-26 add ellie -->
  547.  <div id="popUpArea" style="display: none">
  548.    <div class="_inner">
  549.      <div class="swiper popUpSwiper">
  550.        <div class="swiper-wrapper">
  551.          <div class="swiper-slide sd1">
  552.            <div class="pop_inner">
  553.              <div class="pop_hd">
  554.                <button type="button" class="close_btn popCloseBtn">
  555.                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
  556.                    <path fill-rule="evenodd" clip-rule="evenodd"
  557.                          d="M13.495 0.505013C13.7683 0.77838 13.7683 1.2216 13.495 1.49496L1.49498 13.495C1.22161 13.7683 0.778395 13.7683 0.505028 13.495C0.231661 13.2216 0.231661 12.7784 0.505028 12.505L12.505 0.505013C12.7784 0.231646 13.2216 0.231646 13.495 0.505013Z"
  558.                          fill="#11131A"/>
  559.                    <path fill-rule="evenodd" clip-rule="evenodd"
  560.                          d="M0.505028 0.505013C0.778395 0.231646 1.22161 0.231646 1.49498 0.505013L13.495 12.505C13.7683 12.7784 13.7683 13.2216 13.495 13.495C13.2216 13.7683 12.7784 13.7683 12.505 13.495L0.505028 1.49496C0.231661 1.2216 0.231661 0.77838 0.505028 0.505013Z"
  561.                          fill="#11131A"/>
  562.                  </svg>
  563.                </button>
  564.              </div>
  565.              <div class="pop_cont">
  566.                <div>
  567.                  <h3>엑스니스(Exness) 서비스 종료 안내</h3>
  568.                  <div class="txt_group">
  569.                    <p>
  570.                      현재 Exness가 더이상 국내 가입자를 받고있지 않습니다. 자세한 내부사정은 알 수 없으나 Exness 한국팀이 철수한 것으로 보입니다.
  571.                    </p>
  572.                    <p>
  573.                      기존 Exness 사용자는 정상적으로 Exness 이용이 가능하나 가급적이면 XM증권사를 사용하시길 추천드립니다.
  574.                    </p>
  575.                  </div>
  576.                  <div class="link_txt mb_40">
  577.                    <h5>엑스엠(XM) 가입안내 동영상 링크</h5>
  578.                    <a href="https://www.youtube.com/watch?v=R-bykPmuYtM&t=9s" title="엑스엠 가입안내 유튜브 이동하기"
  579.                       target="_blank">
  580.                      https://www.youtube.com/watch?v=R-bykPmuYtM&t=9s
  581.                    </a>
  582.                  </div>
  583.                  <div class="link_txt mb_24">
  584.                    <h5>엑스엠(XM) 가입 링크</h5>
  585.                    <a href="https://bit.ly/40a4gQd" title="엑스엠_가입_링크_이동하기" target="_blank">
  586.                      https://bit.ly/40a4gQd
  587.                    </a>
  588.                  </div>
  589.                  <div class="link_box">
  590.                    <figure>
  591.                      <img src="../img/02-index/xm_pop_logo.svg" alt="xm로고 이미지">
  592.                    </figure>
  593.                    <div>
  594.                      <a href="https://bit.ly/40a4gQd" title="엑스엠_가입_링크_이동하기" target="_blank">https://bit.ly/40a4gQd</a>
  595.                      <p>www.xm.com</p>
  596.                    </div>
  597.                  </div>
  598.                </div>
  599.              </div>
  600.            </div>
  601.          </div>
  602.  
  603.  
  604.          <!-- 팝업 추가될 땐 slide 추가로 작성 -->
  605.        </div>
  606.      </div>
  607.    </div>
  608.  </div>
  609.  
  610.  <script>
  611.    var popUpswiper = new Swiper(".popUpSwiper", {
  612.      pagination: {
  613.        el: ".swiper-pagination",
  614.      },
  615.    });
  616.  </script>
  617.  
  618.  <!-- 메인 팝업 이미지 스크립트 -->
  619.  <script>
  620.    $(document).ready(function () {
  621.      // 팝업 상태 확인하여 보이거나 숨기기
  622.      function checkPopupStatus() {
  623.        // 현재 날짜를 "YYYY-MM-DD" 형식으로 얻기
  624.        var currentDate = new Date().toISOString().split('T')[0];
  625.  
  626.        // 쿠키에서 저장된 팝업 상태 가져오기
  627.        var popupStatus = getCookie('popupStatus');
  628.  
  629.        // 팝업상태가 없거나 현재날짜와 일치하지 않으면 팝업 보이기
  630.        if (popupStatus === null || popupStatus !== currentDate) {
  631.          $('#popUpArea').hide(); // popup을 사용할 경우 show 로 변경하기
  632.        }
  633.      }
  634.  
  635.      // 페이지 로드 시 팝업 상태 확인하기
  636.      checkPopupStatus();
  637.  
  638.      // closeBtn 클릭 이벤트 함수
  639.      $('.popCloseBtn').on('click', function () {
  640.        // 체크박스가 체크되었는지 확인하기
  641.        if ($('#pop_chk').prop('checked')) {
  642.  
  643.          var currentDate = new Date().toISOString().split('T')[0];
  644.  
  645.          // 쿠키에 현재 날짜 저장하기 (하루 동안 유지되는 쿠키)
  646.          document.cookie = 'popupStatus=' + currentDate + '; expires=1; path=/';
  647.        }
  648.  
  649.        // 팝업 숨기기
  650.        $('#popUpArea').hide();
  651.      });
  652.  
  653.      // 쿠키에서 값 가져오는 함수
  654.      function getCookie(name) {
  655.        var value = "; " + document.cookie;
  656.        var parts = value.split("; " + name + "=");
  657.        if (parts.length == 2) return parts.pop().split(";").shift();
  658.      }
  659.    });
  660.  </script>
  661.  
  662.  
  663.  <section class="main_section">
  664.    <article class="main_visual_area center_1176">
  665.      <!-- 메인 비쥬얼 슬라이드 -->
  666.      <!-- Swiper -->
  667.      <div class="swiper main_slider">
  668.        <div class="swiper-wrapper">
  669.          <div class="swiper-slide m_slide_01">
  670.            <div class="m_s_con flex_area">
  671.              <div class="m_s_title">
  672.                <h2>신뢰할 수 있는
  673.                  <i></i>
  674.                  최고의 해외증권사 중개업체<span></span>
  675.                  <b>하이포렉스</b>
  676.                </h2>
  677.                <p>
  678.                  하이포렉스는 중개업체들의 속도 및 안정성, 수수료 등을 비교·분석하여<br>
  679.                  여러분에게 믿을 수 있는 최고의 외환거래업체를 안내해 드립니다
  680.                </p>
  681.                <img src="https://highforex1.com/img/01_common/highforex-logo.svg" alt="하이포렉스 로고">
  682.              </div>
  683.            </div>
  684.          </div>
  685.          <!-- slide1 -->
  686.  
  687.          <div class="swiper-slide m_slide_02">
  688.            <div class="m_s_con flex_area">
  689.              <div class="m_s_title">
  690.                <h2>쉽고 빠른
  691.                  <i></i>
  692.                  외환마진거래의 시작<span></span>
  693.                  <b>하이포렉스</b>
  694.                </h2>
  695.                <p>외환중개업체 가입방법, 입출금 방법, 거래가이드 등을 동영상으로 제작하여<br>
  696.                  쉽고 빠르게 외환거래를 시작할 수 있도록 안내해 드립니다
  697.                  <i>!</i>
  698.                </p>
  699.                <img src="https://highforex1.com/img/01_common/highforex-logo.svg" alt="하이포렉스 로고">
  700.              </div>
  701.            </div>
  702.          </div>
  703.          <!-- slide2 -->
  704.  
  705.          <div class="swiper-slide m_slide_03">
  706.            <div class="m_s_con flex_area">
  707.              <div class="m_s_title">
  708.                <h2>최소 0.1pip 스프레드,
  709.                  <i></i>
  710.                  최대 1000:1 레버리지 제공
  711.                </h2>
  712.                <p>낮은 수수료와 높은 레버리지로 거래의 진입장벽을 낮추고<br>
  713.                  양방향 진입으로 다양한 매매를 즐길 수 있습니다
  714.                  <i>!</i>
  715.                </p>
  716.                <img src="https://highforex1.com/img/01_common/highforex-logo.svg" alt="하이포렉스 로고">
  717.              </div>
  718.              <!-- <div class="m_s_img">
  719. <img src="https://highforex1.com/img/02-index/m_slide_03.webp" alt="최소 스프레드, 최대 레버리지 제공 이미지 3">
  720. </div> -->
  721.            </div>
  722.          </div><!-- slide3 -->
  723.        </div>
  724.  
  725.        <div class="slide_control flex_area">
  726.          <div class="swiper-button-prev m-prev">
  727.            <i class="xi-angle-left-thin"></i>
  728.          </div>
  729.          <div class="swiper-button-next m-next">
  730.            <i class="xi-angle-right-thin"></i>
  731.          </div>
  732.        </div>
  733.      </div>
  734.      <!-- Main Slider JS -->
  735.      <script>
  736.        var mainSlider = new Swiper(".main_slider", {
  737.          loop: true,
  738.          slidesPerView: "auto",
  739.          centeredSlides: true,
  740.          spaceBetween: 0,
  741.          navigation: {
  742.            nextEl: ".m-next",
  743.            prevEl: ".m-prev",
  744.          },
  745.          // pagination: {
  746.          // el: ".m-pager",
  747.          // clickable: true,
  748.          // },
  749.          // autoplay: {
  750.          //   delay: 2000,
  751.          //   disableOnInteraction: false,
  752.          // },
  753.          breakpoints: {
  754.            //1180이상
  755.            1180: {
  756.              slidesPerView: "auto",
  757.              spaceBetween: 0,
  758.            },
  759.          },
  760.        });
  761.  
  762.        var pausePlayBtn = $('.pause_play_btn'),
  763.          pausePlayNtn_sw = 0;
  764.  
  765.        pausePlayBtn.click(function () {
  766.          if (pausePlayNtn_sw == 0) {
  767.            pausePlayNtn_sw = 1;
  768.            mainSlider.autoplay.start();
  769.            $(this).find('img:first').css({
  770.              display: 'none',
  771.            });
  772.            $(this).find('img:last').css({
  773.              display: 'block',
  774.            });
  775.          } else {
  776.            pausePlayNtn_sw = 0;
  777.            mainSlider.autoplay.stop();
  778.            $(this).find('img:first').css({
  779.              display: 'block',
  780.            });
  781.            $(this).find('img:last').css({
  782.              display: 'none',
  783.            });
  784.          }
  785.        });
  786.      </script>
  787.  
  788.      <!-- Main board S -->
  789.      <div class="main_board">
  790.        <!-- left box -->
  791.        <div class="left_box">
  792.          <div id="video_container">
  793.            <video id="hg_fo_video" poster="../img/video_front.png" class="viewer" muted autoplay loop
  794.                   playsinline>
  795.              <source src="video/highforex_home_viedo_ironfx.mp4" type="video/mp4">
  796.            </video>
  797.  
  798.            <div id="video_controls">
  799.              <button id="paly_pause" class="player__button toggle" type="button">
  800.                <img src='../img/01_common/pause_m.svg' alt='재생버튼'/>
  801.              </button>
  802.            </div>
  803.          </div>
  804.        </div>
  805.        <!-- bd_item_box -->
  806.        <div class="bd_item_box">
  807.          <div class="bd_item bd_item_border">
  808.            <div class="bd_item_top">
  809.              <h3>포렉스 교육자료</h3>
  810.              <div class="tags_box">
  811.                <a href="/education/intro_lession_1-1.php" class="tag_">개요</a>
  812.                <a href="/education/intro_lession_2-1.php" class="tag_">거래에 필요한 기초</a>
  813.                <a href="/education/intro_lession_3-1.php" class="tag_">주문하기</a>
  814.                <a href="/education/intro_lession_4-1.php" class="tag_">기본적 분석</a>
  815.                <a href="/education/intro_lession_5-1.php" class="tag_">기술적 분석</a>
  816.                <a href="/education/intro_lession_6-1.php" class="tag_ last_tag">보조지표 활용법</a>
  817.              </div>
  818.            </div>
  819.            <div class="view_more_btn">
  820.              <a href="/education/intro_lession_1-1.php">
  821.                자세히보기 <span><img src="../img/01_common/chevron-right_b.svg" alt="자세히보기_아이콘"></span>
  822.              </a>
  823.            </div>
  824.          </div>
  825.          <div class="bd_item type_b">
  826.            <div class="bd_item_inner">
  827.              <h3>MT4 필수 동영상강의</h3>
  828.              <div class="view_more_btn">
  829.                <a href="/bbs/group_mt4.php?gr_id=mt4">
  830.                  자세히보기 <span><img src="../img/01_common/chevron-right_b.svg" alt="자세히보기_아이콘"></span>
  831.                </a>
  832.              </div>
  833.            </div>
  834.            <div class="bd_item_inner bd_item_border">
  835.              <h3>해외증권사 비교표</h3>
  836.              <div class="view_more_btn">
  837.                <a href="/sub/broker_compare.php">
  838.                  자세히보기 <span><img src="../img/01_common/chevron-right_b.svg" alt="자세히보기_아이콘"></span>
  839.                </a>
  840.              </div>
  841.            </div>
  842.          </div>
  843.        </div>
  844.        <div class="bd_item_box">
  845.          <div class="bd_item type_b bg_dark bd_item_border_897">
  846.            <div class="bd_item_inner">
  847.              <h3>해외증권사 가입안내 동영상</h3>
  848.              <div class="view_more_btn">
  849.                <a href="/bbs/group_guide.php?gr_id=guide">
  850.                  자세히보기
  851.                  <span>
  852. <img class="pc_" src="../img/01_common/chevron-right_w.svg" alt="자세히보기_아이콘">
  853. <img class="mo_" src="../img/01_common/chevron-right_b.svg" alt="자세히보기_아이콘">
  854. </span>
  855.                </a>
  856.              </div>
  857.            </div>
  858.            <div class="bd_item_inner bd_item_border_897">
  859.              <h3>해외마진거래의 장점</h3>
  860.              <div class="view_more_btn">
  861.                <a href="/sub/merit.php">
  862.                  자세히보기
  863.                  <span>
  864. <img class="pc_" src="../img/01_common/chevron-right_w.svg" alt="자세히보기_아이콘">
  865. <img class="mo_" src="../img/01_common/chevron-right_b.svg" alt="자세히보기_아이콘">
  866. </span>
  867.                </a>
  868.              </div>
  869.            </div>
  870.          </div>
  871.          <div class="bd_item bd_item_border_1180">
  872.            <div class="bd_item_top">
  873.              <h3>인기자산</h3>
  874.              <div class="tags_box">
  875.                <a href="/sub/assets_currency.php?cate=Currency&symbol_id=1838&item=USD/KRW"
  876.                   class="tag_">통화</a>
  877.                <a href="/sub/assets_indices.php?cate=Indices&symbol_id=745&item=KOSPI"
  878.                   class="tag_">지수</a>
  879.                <a href="/sub/assets_goods.php?cate=Goods&symbol_id=5&item=GC&name=Gold" class="tag_">원자재</a>
  880.                <a href="/sub/assets_crypto.php?cate=Crypto&symbol_id=78&item=BTC/USD"
  881.                   class="tag_ last_tag">암호화폐</a>
  882.              </div>
  883.            </div>
  884.            <div class="view_more_btn">
  885.              <a href="/sub/assets_currency.php?cate=Currency&symbol_id=1838&item=USD/KRW">
  886.                자세히보기 <span><img src="../img/01_common/chevron-right_b.svg" alt="자세히보기_아이콘"></span>
  887.              </a>
  888.            </div>
  889.          </div>
  890.        </div>
  891.        <div class="bd_item_box bd_item_box3">
  892.          <div class="bd_item bd_item1 bd_item_border">
  893.            <div class="bd_item_top">
  894.              <h3>투자전략분석</h3>
  895.              <div class="tags_box">
  896.                <a href="/bbs/board.php?bo_table=analysis&sca=외환분석" class="tag_">외환 분석</a>
  897.                <a href="/bbs/board.php?bo_table=analysis&sca=선물분석" class="tag_">선물 분석</a>
  898.                <a href="/bbs/board.php?bo_table=analysis&sca=지수분석" class="tag_">지수 분석</a>
  899.                <a href="/bbs/board.php?bo_table=analysis&sca=암호화폐분석" class="tag_ last_tag">암호화폐 분석</a>
  900.              </div>
  901.            </div>
  902.            <div class="view_more_btn">
  903.              <a href="/bbs/board.php?bo_table=analysis&sca=외환분석">
  904.                자세히보기 <span><img src="../img/01_common/chevron-right_b.svg" alt="자세히보기_아이콘"></span>
  905.              </a>
  906.            </div>
  907.          </div>
  908.          <div class="bd_item bd_item2 naver_service">
  909.            <div class="bd_item_top">
  910.              <h3>
  911.                <a
  912.                  href="https://cafe.naver.com/1djr115?iframe_url=/ArticleList.nhn%3Fsearch.clubid=23572020%26search.menuid=60%26search.boardtype=L"
  913.                  target="_blank">하이포렉스 공식 네이버 카페<br>Q&A</a>
  914.              </h3>
  915.            </div>
  916.            <a href="https://cafe.naver.com/1djr115" target="_blank" class="naver_area">
  917.              <figure>
  918.                <img src="./img/01_common/cafe_icon.svg" alt="네이버카페_바로가기">
  919.              </figure>
  920.              <span>카페 바로가기</span>
  921.            </a>
  922.          </div>
  923.          <div class="bd_item bd_item3 kakao_service">
  924.            <div class="bd_item_top">
  925.              <h3>
  926.                외환거래 해외증권사<br>
  927.                실시간 상담서비스
  928.              </h3>
  929.            </div>
  930.            <a href="https://pf.kakao.com/_KGSxbxj/chat" class="kakao_area" target="_blank">
  931.              <figure>
  932.                <img src="./img/01_common/kakaotalk.svg" alt="카카오톡_실시간상담하기">
  933.              </figure>
  934.              <span>1:1 실시간 상담</span>
  935.            </a>
  936.          </div>
  937.          <!--          <div class="bd_item bd_item4 youtube_service">-->
  938.          <!--            <div class="bd_item_top">-->
  939.          <!--              <h3>-->
  940.          <!--                유투브 실시간 방송<br>-->
  941.          <!--                평일 오후 07시 ~ 오후 09시-->
  942.          <!--              </h3>-->
  943.          <!--            </div>-->
  944.          <!--            <a href="https://www.youtube.com/watch?v=R-bykPmuYtM&t=9s" class="youtube_area" target="_blank">-->
  945.          <!--              <figure>-->
  946.          <!--                <img src="./img/01_common/youtube.svg" alt="유튜브 실시간 방송">-->
  947.          <!--              </figure>-->
  948.          <!--              <span>유튜브 실시간 방송</span>-->
  949.          <!--            </a>-->
  950.          <!--          </div>-->
  951.        </div>
  952.      </div>
  953.      <!-- Main board E -->
  954.    </article>
  955.    <script>
  956.      /* ++++++++++++ Video Container // Video Control JS ++++++++++++ */
  957.      const player = document.querySelector('#video_container');
  958.      const video = player.querySelector('.viewer');
  959.      const toggle = player.querySelector('.toggle');
  960.      const ranges = player.querySelectorAll('.player__slider');
  961.      const mute = player.querySelector('.mute');
  962.  
  963.      // play and pause button
  964.      function togglePlay() {
  965.        if (video.paused) {
  966.          video.play();
  967.        } else {
  968.          video.pause();
  969.        }
  970.      }
  971.  
  972.      video.addEventListener('click', togglePlay);
  973.      toggle.addEventListener('click', togglePlay);
  974.  
  975.      // play and pause btn update icon
  976.      const method = video.paused ? 'play' : 'pause';
  977.      video[method]();
  978.  
  979.      function updateButton() {
  980.        const icon = this.paused ? '<img src="../img/01_common/play_m.svg" />' :
  981.          '<img src="../img/01_common/pause_m.svg" />';
  982.        toggle.innerHTML = icon;
  983.      }
  984.  
  985.      video.addEventListener('play', updateButton);
  986.      video.addEventListener('pause', updateButton);
  987.  
  988.      // volum Controls
  989.      // function handleRangeUpdate() {
  990.      // video[this.name] = this.value;
  991.      // }
  992.      // ranges.forEach(range => range.addEventListener('change', handleRangeUpdate));
  993.      // ranges.forEach(range => range.addEventListener('mousemove', handleRangeUpdate));
  994.  
  995.      // // mute button
  996.      // // mute.addEventListener('click', function() {
  997.      // video.muted = !video.muted;
  998.      // mute.classList.toggle('muted');
  999.      // });
  1000.      /* ++++++++++++ Video Container // Video Control JS ++++++++++++ */
  1001.    </script>
  1002.  
  1003.  
  1004.    <!-- 메인 배너 영역 S -->
  1005.    <article class="main_baaner_area center_1176">
  1006.      <!--      <div class="gomarkets_banner">-->
  1007.      <!--        <a href="https://www.youtube.com/@high1048" target="_blank">-->
  1008.      <!--          <figure>-->
  1009.      <!--            <img src="../img/02-index/main_banner04.svg" alt="유튜브 실시간 방송안내 배너">-->
  1010.      <!--          </figure>-->
  1011.      <!--        </a>-->
  1012.      <!--      </div>-->
  1013.      <div class="ironfx_banner mt72">
  1014.        <a href="#none" onclick="broker_link('https://bit.ly/4904Un4');" title="ironfx_페이지_이동하기">
  1015.          <figure class="pc_ver">
  1016.            <img src="../img/02-index/main_banner05.svg" alt="ironfx_입금시 100% 무제한 보너스 제공">
  1017.          </figure>
  1018.          <figure class="mo_ver">
  1019.            <img src="../img/02-index/main_banner05_mo.svg" alt="ironfx_입금시 100% 무제한 보너스 제공">
  1020.          </figure>
  1021.        </a>
  1022.      </div>
  1023.      <ul>
  1024.        <li>
  1025.          <a href="#none" onclick="broker_link('https://bit.ly/40a4gQd');">
  1026.            <figure>
  1027.              <img src="../img/02-index/main_banner02.svg" alt="xm 수수료 최대 15달러 페이백">
  1028.            </figure>
  1029.          </a>
  1030.        </li>
  1031.        <li>
  1032.          <a href="#none" onclick="broker_link('https://bit.ly/3szM47m');">
  1033.            <figure>
  1034.              <img src="../img/02-index/main_banner06.svg" alt="바이비트 가입시 거래수수로 50%로 할인">
  1035.            </figure>
  1036.          </a>
  1037.        </li>
  1038.      </ul>
  1039.    </article>
  1040.    <!-- 메인 배너 영역 E -->
  1041.  
  1042.    <!-- 최고의 해외증권사 S -->
  1043.    <article class="broker_area article_margin">
  1045. <!-- +++++++++++++++++++++++++ -->
  1046.  
  1047. <div class="center_1176">
  1048.  <div class="title_area flex_area">
  1049.    <h3 class="title_18 title_18_margin">최고의 해외증권사</h3>
  1050.    <!-- <div class="more_btn">
  1051. <a href="" class="flex_area">
  1052. <span>MORE</span>
  1053. <div class="w_g_icon">
  1054. <img src="/01_common/plus_circle_w.svg" alt="더보기 아이콘">
  1055. <img src="/01_common/plus_circle_gray.svg " alt="더보기 아이콘">
  1056. </div>
  1057. </a>
  1058. </div> -->
  1059.  </div>
  1060.  
  1061.  <!-- title_area -->
  1062.  
  1063.  <div class="broker_slide_wrap">
  1064.    <!-- Swiper -->
  1065.    <div class="swiper borker_slide">
  1066.      <div class="swiper-wrapper">
  1067.          <div class="swiper-slide flex_area">
  1068.            <div class="flex_area broker_content main_">
  1069.              <div class="broker flex_area">
  1070. <img src="https://www.highforex1.com/data/file/brokers/3529601780_JMg0yf6U_06ffc91242fecbd33e7eb1b052c73719fbee7734.svg">
  1071.                <p>
  1072. 최대 $4,000<br />40% 파워 입금 보너스
  1073.                </p>
  1074.  
  1075.                <!-- <a
  1076. href="https://highforex1.com/forex-brokers/ironfx-openAccount.php">BYBIT 소개 </a> -->
  1077.                <a class="main_" href="#;" onclick="broker_link('https://www.ironfx.com/ko/register?utm_source=005688&utm_medium=link&utm_campaign=IronFX_Sales');">거래 시작 하기</a>
  1078.              </div>
  1079.              <div class="trading_btn_15 main_">
  1080.                <a
  1081.                  href="https://highforex1.com/forex-brokers/ironfx-openAccount.php">Ironfx                  소개
  1082.                </a>
  1083.              </div>
  1084.            </div>
  1085.          </div>
  1086.          <div class="swiper-slide flex_area">
  1087.            <div class="flex_area broker_content main_">
  1088.              <div class="broker flex_area">
  1089. <img src="https://www.highforex1.com/data/file/brokers/3529601780_PMng7kES_337d5e64576cfb282e1d22c9b8aa94ed3bdcca14.svg">
  1090.                <p>
  1091. 가입시 거래수수료<br />20% 할인
  1092.                </p>
  1093.  
  1094.                <!-- <a
  1095. href="https://highforex1.com/forex-brokers/bybit-openAccount.php">BYBIT 소개 </a> -->
  1096.                <a class="main_" href="#;" onclick="broker_link('https://bit.ly/3szM47m');">거래 시작 하기</a>
  1097.              </div>
  1098.              <div class="trading_btn_15 main_">
  1099.                <a
  1100.                  href="https://highforex1.com/forex-brokers/bybit-openAccount.php">Bybit                  소개
  1101.                </a>
  1102.              </div>
  1103.            </div>
  1104.          </div>
  1105.          <div class="swiper-slide flex_area">
  1106.            <div class="flex_area broker_content main_">
  1107.              <div class="broker flex_area">
  1108. <img src="https://www.highforex1.com/data/file/brokers/5_copy_8_2041152672_O8PBw9cS_004738eaeba1d45c22a2d03fc243c50ab7b7948e.svg">
  1109.                <p>
  1110. 가입시 모든 고객<br />웰컴보너스 $30 지급
  1111.                </p>
  1112.  
  1113.                <!-- <a
  1114. href="https://highforex1.com/forex-brokers/xm-openAccount.php">XM Group 소개 </a> -->
  1115.                <a class="main_" href="#;" onclick="broker_link('https://clicks.pipaffiliates.com/c?c=733980&l=ko&p=1');">거래 시작 하기</a>
  1116.              </div>
  1117.              <div class="trading_btn_15 main_">
  1118.                <a
  1119.                  href="https://highforex1.com/forex-brokers/xm-openAccount.php">Xm                  소개
  1120.                </a>
  1121.              </div>
  1122.            </div>
  1123.          </div>
  1124.      </div>
  1125.    </div><!-- swiper -->
  1126.  
  1127.    <div class="swiper-pagination b-pager flex_area"></div>
  1128.  
  1129.    <div class="swiper-button-next b-next">
  1130.      <img src="https://highforex1.com/img/01_common/chevron-right.svg" alt="다음 슬라이드 이동 버튼">
  1131.    </div>
  1132.    <div class="swiper-button-prev b-prev">
  1133.      <img src="https://highforex1.com/img/01_common/chevron-left.svg" alt="이전 슬라이드 이동 버튼">
  1134.    </div>
  1135.  </div>
  1136.  
  1137.  <div class="more_btn">
  1138.    <a href="/sub/broker_introduce.php" class="flex_area">
  1139.      <span>MORE</span>
  1140.      <div class="w_g_icon">
  1141.        <img src="../img/01_common/plus_circle_bk.svg" alt="">
  1142.        <!-- <img src="/01_common/plus_circle_bk.svg" alt="더보기 아이콘"> -->
  1143.        <img src="/01_common/plus_circle_gray.svg " alt="더보기 아이콘">
  1144.      </div>
  1145.    </a>
  1146.  </div>
  1147. </div><!-- center-1176 -->
  1148.  
  1149. <script>
  1150.  var brokerSlider = new Swiper(".borker_slide", {
  1151.    slidesPerView: "1",
  1152.    spaceBetween: 8,
  1153.    pagination: {
  1154.      el: ".b-pager",
  1155.      type: "progressbar",
  1156.    },
  1157.    navigation: {
  1158.      nextEl: ".b-next",
  1159.      prevEl: ".b-prev",
  1160.    },
  1161.    autoplay: {
  1162.      delay: 3800,
  1163.      disableOnInteraction: false,
  1164.    },
  1165.    loop: false,
  1166.  
  1167.    //반응형설정
  1168.    breakpoints: {
  1169.      //1181이상
  1170.      1181: {
  1171.        slidesPerView: "3",
  1172.        spaceBetween: 24,
  1173.  
  1174.      },
  1175.      700: {
  1176.        slidesPerView: "2",
  1177.        spaceBetween: 8,
  1178.      },
  1179.      //640이상(640~730)
  1180.      640: {
  1181.        slidesPerView: "1",
  1182.        spaceBetween: 8,
  1183.      },
  1184.    }, //breakpoint end
  1185.  });
  1186.  
  1187.  // 마우스 오버 시 자동 슬라이드 일시 정지
  1188.  brokerSlider.el.onmouseover = function () {
  1189.    brokerSlider.autoplay.stop();
  1190.  };
  1191.  
  1192.  // 마우스 아웃 시 자동 슬라이드 재개
  1193.  brokerSlider.el.onmouseout = function () {
  1194.    brokerSlider.autoplay.start();
  1195.  };
  1196. </script>    </article>
  1197.    <!-- 최고의 해외증권사 E -->
  1198.  
  1199.    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
  1200.    <script type="text/javascript">
  1201.      let toDate = new Date();
  1202.      let fromDate = new Date();
  1203.      let slideNum = 0; // 스와이퍼 번호
  1204.      let today = new Date();
  1205.      let year = today.getFullYear();
  1206.      let month = ('0' + (today.getMonth() + 1)).slice(-2);
  1207.      let day = ('0' + today.getDate()).slice(-2);
  1208.  
  1209.      fromDate.setDate(-365);
  1210.  
  1211.      //fromDate.setHours(fromDate.getHours() - 240);
  1212.      fromDate = timeConverter2(fromDate.getTime());
  1213.      toDate = timeConverter2(toDate.getTime());
  1214.  
  1215.      let toDateGetTime = new Date(toDate).getTime();
  1216.  
  1217.      let forexMonthIndex = 4;
  1218.      let indicesMonthIndex = 4;
  1219.      let cryptoMonthIndex = 4;
  1220.      let commodityMonthIndex = 4;
  1221.  
  1222.      let indicesIndex = 0;
  1223.      let cryptoIndex = 0;
  1224.      let commodityIndex = 0;
  1225.  
  1226.      /*
  1227. 속도 이슈 때문에 개별로 테스트
  1228. */
  1229.  
  1230.      const arrSymbol = ["EUR/USD", "GBP/USD", "AUD/USD", "USD/KRW", "USD/JPY", "NZD/USD"];
  1231.  
  1232.      function callForexEach(symbol, idx) {
  1233.  
  1234.        let forexUrl = "https://api.dailyh.co.kr:9080/v1_0/forex/getRealTime";
  1235.        let forexBody = {
  1236.          //"symbol": "EUR/USD,GBP/USD,AUD/USD,USD/KRW,USD/JPY,NZD/USD"
  1237.          "symbol": symbol,
  1238.        }
  1239.  
  1240.        $.ajax({
  1241.          url: forexUrl,
  1242.          type: "GET", // GET or POST
  1243.          data: forexBody,
  1244.          dataType: "json",
  1245.          success: function (data) {
  1246.  
  1247.            //const arr =  data.list.sort( (a, b) => a > b ? -1 : 1);
  1248.            const arr = data.list;
  1249.  
  1250.            if (data['status'] == 200) {
  1251.  
  1252.              let bgClass = "";
  1253.              let iconImgFront = "";
  1254.              let iconImgBack = "";
  1255.              let caretUp = "";
  1256.              let caretDown = "";
  1257.              let korName = getName(arr[0].symbol);
  1258.              let change = String(arr[0].change);
  1259.              let close = arr[0].close;
  1260.              let percentChange = arr[0].percentChange;
  1261.  
  1262.              let symbolImg = arr[0].symbol.split("/");
  1263.              iconImgFront = getIcon(symbolImg[0]);
  1264.              iconImgBack = getIcon(symbolImg[1]);
  1265.  
  1266.              let returnHtml = "";
  1267.  
  1268.              close = Number(close).toFixed(4);
  1269.  
  1270.              change = Number(change).toFixed(2);
  1271.              percentChange = Number(percentChange).toFixed(2);
  1272.  
  1273.              close = insertCommas(close.toLocaleString());
  1274.  
  1275.              //현재 상태를 삭제
  1276.              if (change.includes('-')) {
  1277.  
  1278.                $("#forexArea .swiper-slide").eq(idx).addClass('_minus_bg').removeClass('_pluse_bg');
  1279.                $("#forexArea .swiper-slide").eq(idx).find(".xi-caret-up").css("display", "none");
  1280.                $("#forexArea .swiper-slide").eq(idx).find(".xi-caret-down").css("display", "");
  1281.  
  1282.              } else {
  1283.  
  1284.                $("#forexArea .swiper-slide").eq(idx).removeClass('_minus_bg').addClass('_pluse_bg');
  1285.                $("#forexArea .swiper-slide").eq(idx).find(".xi-caret-up").css("display", "");
  1286.                $("#forexArea .swiper-slide").eq(idx).find(".xi-caret-down").css("display", "none");
  1287.  
  1288.              }
  1289.  
  1290.              $("#forexArea .swiper-slide").eq(idx).find(".bid").html(close);
  1291.              $("#forexArea .swiper-slide").eq(idx).find(".change_rate").html(change + "<span>" + percentChange +
  1292.                "%</span>");
  1293.  
  1294.            }
  1295.  
  1296.          },
  1297.          error: function (jqXHR, textStatus, errorThrown) {
  1298.            console.log(jqXHR); //응답 메시지
  1299.            console.log(textStatus); //"error"로 고정인듯함
  1300.            console.log(errorThrown);
  1301.          },
  1302.        });
  1303.  
  1304.      }
  1305.  
  1306.      // function callForex() {
  1307.      //
  1308.      //   let forexUrl = "https://api.dailyh.co.kr:9080/v1_0/forex/getRealTime";
  1309.      //   let forexBody = {
  1310.      //     //"symbol": "EUR/USD,GBP/USD,AUD/USD,USD/KRW,USD/JPY,NZD/USD"
  1311.      //     "symbol": "EUR/USD,GBP/USD,AUD/USD,USD/KRW,USD/JPY,NZD/USD",
  1312.      //   }
  1313.      //
  1314.      //   $.ajax({
  1315.      //     url: forexUrl,
  1316.      //     type: "GET", // GET or POST
  1317.      //     data: forexBody,
  1318.      //     dataType: "json",
  1319.      //     success: function (data) {
  1320.      //
  1321.      //       //const arr =  data.list.sort( (a, b) => a > b ? -1 : 1);
  1322.      //       const arr = data.list;
  1323.      //
  1324.      //       if (data['status'] == 200) {
  1325.      //
  1326.      //         const arrHtml = arr.map(function (item, index) {
  1327.      //
  1328.      //             let bgClass = "";
  1329.      //             let iconImgFront = "";
  1330.      //             let iconImgBack = "";
  1331.      //             let caretUp = "";
  1332.      //             let caretDown = "";
  1333.      //             let korName = getName(item.symbol);
  1334.      //             let change = String(item.change);
  1335.      //             let close = item.close;
  1336.      //             let percentChange = item.percentChange;
  1337.      //
  1338.      //             let symbolImg = item.symbol.split("/");
  1339.      //             iconImgFront = getIcon(symbolImg[0]);
  1340.      //             iconImgBack = getIcon(symbolImg[1]);
  1341.      //
  1342.      //             let returnHtml = "";
  1343.      //
  1344.      //             if (change.includes('-')) {
  1345.      //               bgClass = "swiper-slide _minus_bg";
  1346.      //               caretUp = "display: none;";
  1347.      //               caretDown = "";
  1348.      //
  1349.      //             } else {
  1350.      //
  1351.      //               bgClass = "swiper-slide _pluse_bg";
  1352.      //               caretUp = "";
  1353.      //               caretDown = "display: none;";
  1354.      //
  1355.      //             }
  1356.      //
  1357.      //             close = Number(close).toFixed(4);
  1358.      //             change = Number(change).toFixed(2);
  1359.      //             percentChange = Number(percentChange).toFixed(2);
  1360.      //
  1361.      //             close = insertCommas(close);
  1362.      //
  1363.      //             returnHtml = '<div class="' + bgClass + '" onclick="callForexHistory(\'' + item.symbol + '\', ' +
  1364.      //               index + ')" data="' + item.symbol + '"> ' +
  1365.      //               '<div class="asset_title_area flex_area">' +
  1366.      //               '<div class="asset_icon">' +
  1367.      //               '<figure><img src="../img/flag-icons/' + iconImgFront + '" alt=""></figure>' +
  1368.      //               '<figure><img src="../img/flag-icons/' + iconImgBack + '" alt=""></figure>' +
  1369.      //               '</div>' +
  1370.      //               '<div class="asset_title">' +
  1371.      //               '<span class="_nation">' + item.symbol + '</span>' +
  1372.      //               '<span class="_unit">(' + korName + ')</span>' +
  1373.      //               '</div>' +
  1374.      //               '</div>' +
  1375.      //               '<div class="main_rates_area">' +
  1376.      //               '<div class="main_rates">' +
  1377.      //               '<div class="left_box_">' +
  1378.      //               '<i class="xi-caret-up" id="latest_up_caret" style="' + caretUp + '"></i>' +
  1379.      //               '<i class="xi-caret-down" id="latest_down_caret" style="' + caretDown + '"></i>' +
  1380.      //               '<p class="bid" id="latest_bid">' + close + '</p>' +
  1381.      //               '</div>' +
  1382.      //               '<p class="change_rate" id="latest_rate">' + change + '<span>' + percentChange + '%</span></p>' +
  1383.      //               '</div>' +
  1384.      //               '</div>' +
  1385.      //               '</div>';
  1386.      //
  1387.      //             return returnHtml;
  1388.      //
  1389.      //           },
  1390.      //         );
  1391.      //         forexHtml = arrHtml.join("\n");
  1392.      //         $("#forexArea").html(forexHtml);
  1393.      //         callForexHistory("EUR/USD", 0);
  1394.      //
  1395.      //       }
  1396.      //
  1397.      //     },
  1398.      //     error: function (jqXHR, textStatus, errorThrown) {
  1399.      //       console.log(jqXHR); //응답 메시지
  1400.      //       console.log(textStatus); //"error"로 고정인듯함
  1401.      //       console.log(errorThrown);
  1402.      //     },
  1403.      //   });
  1404.      //
  1405.      // }
  1406.  
  1407.  
  1408.      //FCS 전용으로 수정 2024.10.17 hugh
  1409.      function callForex() {
  1410.        //
  1411.        // let forexUrl = "https://api.dailyh.co.kr:9080/v1_0/forex/getRealTime";
  1412.  
  1413.        let forexUrl = "./get_forex_main.php";
  1414.        let forexBody = {
  1415.          //"symbol": "EUR/USD,GBP/USD,AUD/USD,USD/KRW,USD/JPY,NZD/USD"
  1416.          "symbol": "EUR/USD,GBP/USD,AUD/USD,USD/KRW,USD/JPY,NZD/USD",
  1417.        }
  1418.  
  1419.        $.ajax({
  1420.          url: forexUrl,
  1421.          type: "GET", // GET or POST
  1422.          dataType: "json",
  1423.          success: function (data) {
  1424.  
  1425.            //const arr =  data.list.sort( (a, b) => a > b ? -1 : 1);
  1426.  
  1427.            const arr = data.response;
  1428.  
  1429.            if (data['code'] == 200) {
  1430.  
  1431.              const arrHtml = arr.map(function (item, index) {
  1432.  
  1433.                  let bgClass = "";
  1434.                  let iconImgFront = "";
  1435.                  let iconImgBack = "";
  1436.                  let caretUp = "";
  1437.                  let caretDown = "";
  1438.                  let korName = getName(item.s);
  1439.                  let change = String(item.ch);
  1440.                  let close = item.c;
  1441.                  let percentChange = item.cp;
  1442.  
  1443.                  let symbolImg = item.s.split("/");
  1444.                  iconImgFront = getIcon(symbolImg[0]);
  1445.                  iconImgBack = getIcon(symbolImg[1]);
  1446.  
  1447.                  let returnHtml = "";
  1448.  
  1449.                  if (change.includes('-')) {
  1450.                    bgClass = "swiper-slide _minus_bg";
  1451.                    caretUp = "display: none;";
  1452.                    caretDown = "";
  1453.  
  1454.                  } else {
  1455.  
  1456.                    bgClass = "swiper-slide _pluse_bg";
  1457.                    caretUp = "";
  1458.                    caretDown = "display: none;";
  1459.  
  1460.                  }
  1461.  
  1462.                  close = Number(close).toFixed(4);
  1463.                  change = Number(change).toFixed(2);
  1464.                  //percentChange = Number(percentChange).toFixed(2);
  1465.  
  1466.                  close = insertCommas(close);
  1467.  
  1468.                  returnHtml = '<div class="' + bgClass + '" onclick="callForexHistory(\'' + item.s + '\', ' +
  1469.                    index + ')" data="' + item.s + '"> ' +
  1470.                    '<div class="asset_title_area flex_area">' +
  1471.                    '<div class="asset_icon">' +
  1472.                    '<figure><img src="../img/flag-icons/' + iconImgFront + '" alt=""></figure>' +
  1473.                    '<figure><img src="../img/flag-icons/' + iconImgBack + '" alt=""></figure>' +
  1474.                    '</div>' +
  1475.                    '<div class="asset_title">' +
  1476.                    '<span class="_nation">' + item.s + '</span>' +
  1477.                    '<span class="_unit">(' + korName + ')</span>' +
  1478.                    '</div>' +
  1479.                    '</div>' +
  1480.                    '<div class="main_rates_area">' +
  1481.                    '<div class="main_rates">' +
  1482.                    '<div class="left_box_">' +
  1483.                    '<i class="xi-caret-up" id="latest_up_caret" style="' + caretUp + '"></i>' +
  1484.                    '<i class="xi-caret-down" id="latest_down_caret" style="' + caretDown + '"></i>' +
  1485.                    '<p class="bid" id="latest_bid">' + close + '</p>' +
  1486.                    '</div>' +
  1487.                    '<p class="change_rate" id="latest_rate">' + change + '<span>' + percentChange + '</span></p>' +
  1488.                    '</div>' +
  1489.                    '</div>' +
  1490.                    '</div>';
  1491.  
  1492.                  return returnHtml;
  1493.  
  1494.                },
  1495.              );
  1496.              forexHtml = arrHtml.join("\n");
  1497.              $("#forexArea").html(forexHtml);
  1498.              callForexHistory("EUR/USD", 0);
  1499.  
  1500.            }
  1501.  
  1502.          },
  1503.          error: function (jqXHR, textStatus, errorThrown) {
  1504.            console.log(jqXHR); //응답 메시지
  1505.            console.log(textStatus); //"error"로 고정인듯함
  1506.            console.log(errorThrown);
  1507.          },
  1508.        });
  1509.  
  1510.      }
  1511.  
  1512.      // function callCrypto() {
  1513.      //
  1514.      //   let cryptoUrl = "https://api.dailyh.co.kr:9080/v1_0/crypto/getRealTime";
  1515.      //   let cryptoBody = {
  1516.      //     "symbol": "BTC/USD,ETH/USD,USDT/USD,BNB/USD,LTC/USD,XRP/USD,pDOTn/USD,ADA/USD,DOGE/USD,DAI/USD",
  1517.      //   }
  1518.      //
  1519.      //   $.ajax({
  1520.      //     url: cryptoUrl,
  1521.      //     type: "GET", // GET or POST
  1522.      //     data: cryptoBody,
  1523.      //     dataType: "json",
  1524.      //     success: function (data) {
  1525.      //
  1526.      //       //const arr =  data.list.sort( (a, b) => a > b ? -1 : 1);
  1527.      //       const arr = data.list;
  1528.      //
  1529.      //       if (data['status'] == 200) {
  1530.      //
  1531.      //         const arrHtml = arr.map(function (item, index) {
  1532.      //
  1533.      //             let bgClass = "";
  1534.      //             let iconImgFront = "";
  1535.      //             let iconImgBack = "";
  1536.      //             let caretUp = "";
  1537.      //             let caretDown = "";
  1538.      //             let korName = getName(item.symbol);
  1539.      //             let change = String(item.change);
  1540.      //             let close = item.close;
  1541.      //             let percentChange = item.percentChange;
  1542.      //
  1543.      //             let symbolImg = item.symbol.split("/");
  1544.      //             iconImgFront = getIcon(symbolImg[0]);
  1545.      //             iconImgBack = getIcon(symbolImg[1]);
  1546.      //
  1547.      //             let returnHtml = "";
  1548.      //
  1549.      //             if (change.includes('-')) {
  1550.      //               bgClass = "swiper-slide _minus_bg";
  1551.      //               caretUp = "display: none;";
  1552.      //               caretDown = "";
  1553.      //
  1554.      //             } else {
  1555.      //
  1556.      //               bgClass = "swiper-slide _pluse_bg";
  1557.      //               caretUp = "";
  1558.      //               caretDown = "display: none;";
  1559.      //
  1560.      //             }
  1561.      //
  1562.      //             close = Number(close).toFixed(4);
  1563.      //             change = Number(change).toFixed(2);
  1564.      //             percentChange = Number(percentChange).toFixed(2);
  1565.      //
  1566.      //             close = insertCommas(close.toLocaleString());
  1567.      //
  1568.      //             returnHtml = '<div class="' + bgClass + '" onclick="callCryptoHistory(\'' + item.symbol + '\',' +
  1569.      //               index + ')" data="' + item.symbol + '" > ' +
  1570.      //               '<div class="asset_title_area flex_area">' +
  1571.      //               '<div class="asset_icon one_icon">' +
  1572.      //               '<figure><img src="../img/Crypto-icons/' + iconImgFront + '" alt=""></figure>' +
  1573.      //               '<!-- <figure><img src="../img/flag-icons/' + iconImgBack + '" alt=""></figure> -->' +
  1574.      //               '</div>' +
  1575.      //               '<div class="asset_title">' +
  1576.      //               '<span class="_nation">' + item.symbol + '</span>' +
  1577.      //               '<span class="_unit">(' + korName + ')</span>' +
  1578.      //               '</div>' +
  1579.      //               '</div>' +
  1580.      //               '<div class="main_rates_area">' +
  1581.      //               '<div class="main_rates">' +
  1582.      //               '<div class="left_box_">' +
  1583.      //               '<i class="xi-caret-up" id="latest_up_caret" style="' + caretUp + '"></i>' +
  1584.      //               '<i class="xi-caret-down" id="latest_down_caret" style="' + caretDown + '"></i>' +
  1585.      //               '<p class="bid" id="latest_bid">' + close + '</p>' +
  1586.      //               '</div>' +
  1587.      //               '<p class="change_rate" id="latest_rate">' + change + '<span>' + percentChange + '%</span></p>' +
  1588.      //               '</div>' +
  1589.      //               '</div>' +
  1590.      //               '</div>';
  1591.      //
  1592.      //             return returnHtml;
  1593.      //
  1594.      //           },
  1595.      //         );
  1596.      //         cryptoHtml = arrHtml.join("\n");
  1597.      //         $("#cryptoArea").html(cryptoHtml);
  1598.      //         //css 때문에 html 세팅 후에 호출
  1599.      //         callCryptoHistory("BTC/USD", 0);
  1600.      //
  1601.      //       }
  1602.      //
  1603.      //     },
  1604.      //     error: function (jqXHR, textStatus, errorThrown) {
  1605.      //       console.log(jqXHR); //응답 메시지
  1606.      //       console.log(textStatus); //"error"로 고정인듯함
  1607.      //       console.log(errorThrown);
  1608.      //     },
  1609.      //   });
  1610.      //
  1611.      // }
  1612.  
  1613.      //FCS 전용으로 수정 2024.10.17 hugh
  1614.      function callCrypto() {
  1615.  
  1616.        let cryptoUrl = "./get_crypto_main.php";
  1617.        let cryptoBody = {
  1618.          "symbol": "BTC/USD,ETH/USD,USDT/USD,BNB/USD,LTC/USD,XRP/USD,pDOTn/USD,ADA/USD,DOGE/USD,DAI/USD",
  1619.        }
  1620.  
  1621.        $.ajax({
  1622.          url: cryptoUrl,
  1623.          type: "GET", // GET or POST
  1624.          data: cryptoBody,
  1625.          dataType: "json",
  1626.          success: function (data) {
  1627.  
  1628.            //const arr =  data.list.sort( (a, b) => a > b ? -1 : 1);
  1629.            const arr = data.response;
  1630.  
  1631.            if (data['code'] == 200) {
  1632.  
  1633.              const arrHtml = arr.map(function (item, index) {
  1634.  
  1635.                  let bgClass = "";
  1636.                  let iconImgFront = "";
  1637.                  let iconImgBack = "";
  1638.                  let caretUp = "";
  1639.                  let caretDown = "";
  1640.                  let korName = getName(item.s);
  1641.                  let change = String(item.ch);
  1642.                  let close = item.c;
  1643.                  let percentChange = item.cp;
  1644.  
  1645.                  let symbolImg = item.s.split("/");
  1646.                  iconImgFront = getIcon(symbolImg[0]);
  1647.                  iconImgBack = getIcon(symbolImg[1]);
  1648.  
  1649.                  let returnHtml = "";
  1650.  
  1651.                  if (change.includes('-')) {
  1652.                    bgClass = "swiper-slide _minus_bg";
  1653.                    caretUp = "display: none;";
  1654.                    caretDown = "";
  1655.  
  1656.                  } else {
  1657.  
  1658.                    bgClass = "swiper-slide _pluse_bg";
  1659.                    caretUp = "";
  1660.                    caretDown = "display: none;";
  1661.  
  1662.                  }
  1663.  
  1664.                  close = Number(close).toFixed(4);
  1665.                  change = Number(change).toFixed(2);
  1666.                  //percentChange = Number(percentChange).toFixed(2);
  1667.  
  1668.                  close = insertCommas(close.toLocaleString());
  1669.  
  1670.                  returnHtml = '<div class="' + bgClass + '" onclick="callCryptoHistory(\'' + item.s + '\',' +
  1671.                    index + ')" data="' + item.s + '" > ' +
  1672.                    '<div class="asset_title_area flex_area">' +
  1673.                    '<div class="asset_icon one_icon">' +
  1674.                    '<figure><img src="../img/Crypto-icons/' + iconImgFront + '" alt=""></figure>' +
  1675.                    '<!-- <figure><img src="../img/flag-icons/' + iconImgBack + '" alt=""></figure> -->' +
  1676.                    '</div>' +
  1677.                    '<div class="asset_title">' +
  1678.                    '<span class="_nation">' + item.s + '</span>' +
  1679.                    '<span class="_unit">(' + korName + ')</span>' +
  1680.                    '</div>' +
  1681.                    '</div>' +
  1682.                    '<div class="main_rates_area">' +
  1683.                    '<div class="main_rates">' +
  1684.                    '<div class="left_box_">' +
  1685.                    '<i class="xi-caret-up" id="latest_up_caret" style="' + caretUp + '"></i>' +
  1686.                    '<i class="xi-caret-down" id="latest_down_caret" style="' + caretDown + '"></i>' +
  1687.                    '<p class="bid" id="latest_bid">' + close + '</p>' +
  1688.                    '</div>' +
  1689.                    '<p class="change_rate" id="latest_rate">' + change + '<span>' + percentChange + '</span></p>' +
  1690.                    '</div>' +
  1691.                    '</div>' +
  1692.                    '</div>';
  1693.  
  1694.                  return returnHtml;
  1695.  
  1696.                },
  1697.              );
  1698.              cryptoHtml = arrHtml.join("\n");
  1699.              $("#cryptoArea").html(cryptoHtml);
  1700.              //css 때문에 html 세팅 후에 호출
  1701.              callCryptoHistory("BTC/USD", 0);
  1702.  
  1703.            }
  1704.  
  1705.          },
  1706.          error: function (jqXHR, textStatus, errorThrown) {
  1707.            console.log(jqXHR); //응답 메시지
  1708.            console.log(textStatus); //"error"로 고정인듯함
  1709.            console.log(errorThrown);
  1710.          },
  1711.        });
  1712.  
  1713.      }
  1714.  
  1715.  
  1716.  
  1717.  
  1718.      /*
  1719. 지수 슬라이드 API 호출
  1720. */
  1721.      // function callIndices() {
  1722.      //
  1723.      //   //{KS11,KQ11,DJI,IXIC,SPX,HSI,000001,GDAXI,STOXX50E,N225};
  1724.      //   //{"코스피", "코스닥", "다우존스",  "나스닥", "S&P500",  "홍콩", "상하이", "닥스", "유로 스톡스 50", "니케이"  };
  1725.      //
  1726.      //   let indicesUrl = "https://api.dailyh.co.kr:9080/v1_0/indices/getRealTime";
  1727.      //   let indicesBody = {
  1728.      //     "symbol": "KS11,KQ11,DJI,IXIC,SPX,HSI,000001,GDAXI,STOXX50E,N225",
  1729.      //   }
  1730.      //
  1731.      //   $.ajax({
  1732.      //     url: indicesUrl,
  1733.      //     type: "GET", // GET or POST
  1734.      //     data: indicesBody,
  1735.      //     dataType: "json",
  1736.      //     success: function (data) {
  1737.      //
  1738.      //       //const arr =  data.list.sort( (a, b) => a > b ? -1 : 1);
  1739.      //       const arr = data.list;
  1740.      //
  1741.      //       if (data['status'] == 200) {
  1742.      //
  1743.      //         const arrHtml = arr.map(function (item, index) {
  1744.      //
  1745.      //             let bgClass = "";
  1746.      //             let iconImgFront = "";
  1747.      //             let iconImgBack = "";
  1748.      //             let caretUp = "";
  1749.      //             let caretDown = "";
  1750.      //             let korName = getName(item.symbol);
  1751.      //             let engName = getName(korName);
  1752.      //             let change = String(item.change);
  1753.      //             let close = item.close;
  1754.      //             let percentChange = item.percentChange;
  1755.      //
  1756.      //             iconImgFront = getIcon(item.symbol);
  1757.      //
  1758.      //             let returnHtml = "";
  1759.      //
  1760.      //             if (change.includes('-')) {
  1761.      //               bgClass = "swiper-slide _minus_bg";
  1762.      //               caretUp = "display: none;";
  1763.      //               caretDown = "";
  1764.      //
  1765.      //             } else {
  1766.      //
  1767.      //               bgClass = "swiper-slide _pluse_bg";
  1768.      //               caretUp = "";
  1769.      //               caretDown = "display: none;";
  1770.      //
  1771.      //             }
  1772.      //
  1773.      //             close = Number(close).toFixed(4);
  1774.      //             change = Number(change).toFixed(2);
  1775.      //             percentChange = Number(percentChange).toFixed(2);
  1776.      //
  1777.      //             close = insertCommas(close);
  1778.      //
  1779.      //             returnHtml = '<div class="' + bgClass + '" onclick="callIndicesHistory(\'' + item.symbol + '\',' +
  1780.      //               index + ')" data="' + item.symbol + '"> ' +
  1781.      //               '<div class="asset_title_area flex_area">' +
  1782.      //               '<div class="asset_icon one_icon">' +
  1783.      //               '<figure><img src="../img/indices/' + iconImgFront + '" alt=""></figure>' +
  1784.      //               '<!-- <figure><img src="../img/flag-icons/' + iconImgBack + '" alt=""></figure> -->' +
  1785.      //               '</div>' +
  1786.      //               '<div class="asset_title">' +
  1787.      //               '<span class="_nation">' + engName + '</span>' +
  1788.      //               '<span class="_unit">(' + korName + ')</span>' +
  1789.      //               '</div>' +
  1790.      //               '</div>' +
  1791.      //               '<div class="main_rates_area">' +
  1792.      //               '<div class="main_rates">' +
  1793.      //               '<div class="left_box_">' +
  1794.      //               '<i class="xi-caret-up" id="latest_up_caret" style="' + caretUp + '"></i>' +
  1795.      //               '<i class="xi-caret-down" id="latest_down_caret" style="' + caretDown + '"></i>' +
  1796.      //               '<p class="bid" id="latest_bid">' + close + '</p>' +
  1797.      //               '</div>' +
  1798.      //               '<p class="change_rate" id="latest_rate">' + change + '<span>' + percentChange + '%</span></p>' +
  1799.      //               '</div>' +
  1800.      //               '</div>' +
  1801.      //               '</div>';
  1802.      //
  1803.      //             return returnHtml;
  1804.      //
  1805.      //           },
  1806.      //         );
  1807.      //         indicesHtml = arrHtml.join("\n");
  1808.      //         $("#indicesArea").html(indicesHtml);
  1809.      //         //css 때문에 html 세팅 후에 호출
  1810.      //         callIndicesHistory("KS11", 0);
  1811.      //
  1812.      //       }
  1813.      //
  1814.      //     },
  1815.      //     error: function (jqXHR, textStatus, errorThrown) {
  1816.      //       console.log(jqXHR); //응답 메시지
  1817.      //       console.log(textStatus); //"error"로 고정인듯함
  1818.      //       console.log(errorThrown);
  1819.      //     },
  1820.      //   });
  1821.      //
  1822.      // }
  1823.  
  1824.  
  1825.  
  1826.      function callIndices() {
  1827.  
  1828.        //{KS11,KQ11,DJI,IXIC,SPX,HSI,000001,GDAXI,STOXX50E,N225};
  1829.        //{"코스피", "코스닥", "다우존스",  "나스닥", "S&P500",  "홍콩", "상하이", "닥스", "유로 스톡스 50", "니케이"  };
  1830.  
  1831.        let indicesUrl = "./get_indices_main.php";
  1832.        let indicesBody = {
  1833.          "symbol": "745,747,1,2,4,471,339,671,672,268",
  1834.        }
  1835.  
  1836.        $.ajax({
  1837.          url: indicesUrl,
  1838.          data: indicesBody,
  1839.          type: "GET", // GET or POST
  1840.          dataType: "json",
  1841.          success: function (data) {
  1842.  
  1843.            //const arr =  data.list.sort( (a, b) => a > b ? -1 : 1);
  1844.            const arr = data.response;
  1845.  
  1846.            console.log(arr);
  1847.  
  1848.  
  1849.            if (data['code'] == 200) {
  1850.  
  1851.              const arrHtml = arr.map(function (item, index) {
  1852.  
  1853.                  let bgClass = "";
  1854.                  let iconImgFront = "";
  1855.                  let iconImgBack = "";
  1856.                  let caretUp = "";
  1857.                  let caretDown = "";
  1858.                  let korName = getName(item.name);
  1859.                  let engName = getName(korName);
  1860.                  let change = String(item.ch);
  1861.                  let close = item.c;
  1862.                  let percentChange = item.cp;
  1863.  
  1864.                  iconImgFront = getIcon(item.name);
  1865.  
  1866.                  let returnHtml = "";
  1867.  
  1868.                  if (change.includes('-')) {
  1869.                    bgClass = "swiper-slide _minus_bg";
  1870.                    caretUp = "display: none;";
  1871.                    caretDown = "";
  1872.  
  1873.                  } else {
  1874.  
  1875.                    bgClass = "swiper-slide _pluse_bg";
  1876.                    caretUp = "";
  1877.                    caretDown = "display: none;";
  1878.  
  1879.                  }
  1880.  
  1881.                  close = Number(close).toFixed(4);
  1882.                  change = Number(change).toFixed(2);
  1883.                  //percentChange = Number(percentChange).toFixed(2);
  1884.  
  1885.                  close = insertCommas(close);
  1886.  
  1887.                  returnHtml = '<div class="' + bgClass + '" onclick="callIndicesHistory(\'' + item.id + '\',' +
  1888.                    index + ')" data="' + item.id + '"> ' +
  1889.                    '<div class="asset_title_area flex_area">' +
  1890.                    '<div class="asset_icon one_icon">' +
  1891.                    '<figure><img src="../img/indices/' + iconImgFront + '" alt=""></figure>' +
  1892.                    '<!-- <figure><img src="../img/flag-icons/' + iconImgBack + '" alt=""></figure> -->' +
  1893.                    '</div>' +
  1894.                    '<div class="asset_title">' +
  1895.                    '<span class="_nation">' + engName + '</span>' +
  1896.                    '<span class="_unit">(' + korName + ')</span>' +
  1897.                    '</div>' +
  1898.                    '</div>' +
  1899.                    '<div class="main_rates_area">' +
  1900.                    '<div class="main_rates">' +
  1901.                    '<div class="left_box_">' +
  1902.                    '<i class="xi-caret-up" id="latest_up_caret" style="' + caretUp + '"></i>' +
  1903.                    '<i class="xi-caret-down" id="latest_down_caret" style="' + caretDown + '"></i>' +
  1904.                    '<p class="bid" id="latest_bid">' + close + '</p>' +
  1905.                    '</div>' +
  1906.                    '<p class="change_rate" id="latest_rate">' + change + '<span>' + percentChange + '</span></p>' +
  1907.                    '</div>' +
  1908.                    '</div>' +
  1909.                    '</div>';
  1910.  
  1911.                  return returnHtml;
  1912.  
  1913.                },
  1914.              );
  1915.              indicesHtml = arrHtml.join("\n");
  1916.              $("#indicesArea").html(indicesHtml);
  1917.              //css 때문에 html 세팅 후에 호출
  1918.              callIndicesHistory("745", 0);
  1919.  
  1920.            }
  1921.  
  1922.          },
  1923.          error: function (jqXHR, textStatus, errorThrown) {
  1924.            console.log(jqXHR); //응답 메시지
  1925.            console.log(textStatus); //"error"로 고정인듯함
  1926.            console.log(errorThrown);
  1927.          },
  1928.        });
  1929.  
  1930.      }
  1931.  
  1932.  
  1933.      function callCommodity() {
  1934.  
  1935.        let commodityUrl = "https://api.dailyh.co.kr:9080/v1_0/commodity/getRealTime";
  1936.        let commodityBody = {
  1937.          "symbol": "GC,SI,HG,CL,NG",
  1938.        }
  1939.  
  1940.        $.ajax({
  1941.          url: commodityUrl,
  1942.          type: "GET", // GET or POST
  1943.          data: commodityBody,
  1944.          dataType: "json",
  1945.          success: function (data) {
  1946.  
  1947.            //const arr =  data.list.sort( (a, b) => a > b ? -1 : 1);
  1948.            const arr = data.list;
  1949.  
  1950.            if (data['status'] == 200) {
  1951.  
  1952.              const arrHtml = arr.map(function (item, index) {
  1953.  
  1954.                  let bgClass = "";
  1955.                  let iconImgFront = "";
  1956.                  let iconImgBack = "";
  1957.                  let caretUp = "";
  1958.                  let caretDown = "";
  1959.                  let korName = getName(item.symbol);
  1960.                  let engName = getName(korName);
  1961.                  let change = String(item.change);
  1962.                  let close = item.close;
  1963.                  let percentChange = item.percentChange;
  1964.  
  1965.                  iconImgFront = getIcon(item.symbol);
  1966.  
  1967.                  let returnHtml = "";
  1968.  
  1969.                  if (change.includes('-')) {
  1970.                    bgClass = "swiper-slide _minus_bg";
  1971.                    caretUp = "display: none;";
  1972.                    caretDown = "";
  1973.  
  1974.                  } else {
  1975.  
  1976.                    bgClass = "swiper-slide _pluse_bg";
  1977.                    caretUp = "";
  1978.                    caretDown = "display: none;";
  1979.  
  1980.                  }
  1981.  
  1982.                  close = Number(close).toFixed(4);
  1983.                  change = Number(change).toFixed(2);
  1984.                  percentChange = Number(percentChange).toFixed(2);
  1985.  
  1986.                  close = insertCommas(close);
  1987.                  change = insertCommas(change);
  1988.                  percentChange = insertCommas(percentChange);
  1989.  
  1990.                  returnHtml = '<div class="' + bgClass + '" onclick="callCommodityHistory(\'' + item.symbol +
  1991.                    '\', ' + index + ')" data="' + item.symbol + '"   > ' +
  1992.                    '<div class="asset_title_area flex_area">' +
  1993.                    '<div class="asset_title">' +
  1994.                    '<span class="_nation">' + engName + '</span>' +
  1995.                    '<span class="_unit">(' + korName + ')</span>' +
  1996.                    '</div>' +
  1997.                    '</div>' +
  1998.                    '<div class="main_rates_area">' +
  1999.                    '<div class="main_rates">' +
  2000.                    '<div class="left_box_">' +
  2001.                    '<i class="xi-caret-up" id="latest_up_caret" style="' + caretUp + '"></i>' +
  2002.                    '<i class="xi-caret-down" id="latest_down_caret" style="' + caretDown + '"></i>' +
  2003.                    '<p class="bid" id="latest_bid">' + close + '</p>' +
  2004.                    '</div>' +
  2005.                    '<p class="change_rate" id="latest_rate">' + change + '<span>' + percentChange +
  2006.                    '%</span></p>' +
  2007.                    '</div>' +
  2008.                    '</div>' +
  2009.                    '</div>';
  2010.  
  2011.                  return returnHtml;
  2012.  
  2013.                },
  2014.              );
  2015.              commodityHtml = arrHtml.join("\n");
  2016.              $("#commodityArea").html(commodityHtml);
  2017.              //css 때문에 html 세팅 후에 호출
  2018.              callCommodityHistory("GC", 0);
  2019.  
  2020.            }
  2021.  
  2022.          },
  2023.          error: function (jqXHR, textStatus, errorThrown) {
  2024.            console.log(jqXHR); //응답 메시지
  2025.            console.log(textStatus); //"error"로 고정인듯함
  2026.            console.log(errorThrown);
  2027.          },
  2028.        });
  2029.  
  2030.      }
  2031.  
  2032.      /**
  2033.       *  년월일 포멧 가져오기
  2034.       */
  2035.      function timeConverter2(objectData) {
  2036.  
  2037.        var timestamp = objectData;
  2038.        var a = new Date(timestamp);
  2039.  
  2040.        var year = a.getFullYear();
  2041.        var month = a.getMonth() + 1;
  2042.        var month = month < 10 ? '0' + month : month;
  2043.  
  2044.        var date = a.getDate() < 10 ? '0' + a.getDate() : a.getDate();
  2045.  
  2046.        var hour = a.getHours() < 10 ? '0' + a.getHours() : a.getHours();
  2047.        var min = a.getMinutes() < 10 ? '0' + a.getMinutes() : a.getMinutes();
  2048.        var sec = a.getSeconds() < 10 ? '0' + a.getSeconds() : a.getSeconds();
  2049.        var time = year + '-' + month + '-' + date + ' ' + hour + ':' + min + ':' + sec;
  2050.        //var time = year + '-' + month + '-' + date;
  2051.  
  2052.        return time;
  2053.      }
  2054.  
  2055.      /**
  2056.       *  이전 년월일 가져오기
  2057.       */
  2058.      function prevDateGenerator(number) {
  2059.        const prevDate = new Date();
  2060.        prevDate.setMonth(today.getMonth() - number);
  2061.        let toDate = new Date(prevDate.getFullYear() + '-' + ('0' + (prevDate.getMonth() + 1)).slice(-2) + '-' + ('0' +
  2062.          prevDate.getDate()).slice(-2)).getTime();
  2063.        return toDate;
  2064.      }
  2065.  
  2066.      /**
  2067.       *  선택한 외환 심볼 히스토리 호출
  2068.       */
  2069.  
  2070.  
  2071.      // function callForexHistory(symbol = "EUR/USD", idx) {
  2072.      //   if (symbol == null) {
  2073.      //     return
  2074.      //   }
  2075.      //
  2076.      //   $("#forexArea .swiper-slide").removeClass("swiper-slide-thumb-active");
  2077.      //   $("#forexArea .swiper-slide").eq(idx).addClass("swiper-slide-thumb-active");
  2078.      //
  2079.      //   // let newSymbol = changeSymbol(symbol);
  2080.      //
  2081.      //   let url = "https://api.dailyh.co.kr:9080/v1_0/forex/getList";
  2082.      //   let body = {
  2083.      //     "endDate": toDate,
  2084.      //     "interval": "day",
  2085.      //     "limit": 500,
  2086.      //     "orderBy": "desc",
  2087.      //     "startDate": fromDate,
  2088.      //     "symbol": symbol,
  2089.      //   }
  2090.      //
  2091.      //   $.ajax({
  2092.      //     type: "GET",
  2093.      //     url: url,
  2094.      //     data: body,
  2095.      //     success: function (response) {
  2096.      //
  2097.      //       let dataList = new Array();
  2098.      //
  2099.      //       let minDate = "";
  2100.      //       let co = 0;
  2101.      //       let indexName = "";
  2102.      //       let objArray = [];
  2103.      //
  2104.      //       const arr = response.response.list.sort((a, b) => a > b ? 1 : -1);
  2105.      //       let priceMin = Number.MAX_VALUE;
  2106.      //       let priceMax = Number.MIN_VALUE;
  2107.      //
  2108.      //       $.each(response.response.list, function (i, rsData) {
  2109.      //
  2110.      //         let dataObject = new Object();
  2111.      //
  2112.      //         objArray.push(rsData);
  2113.      //         if (co == 0) {
  2114.      //           minDate = rsData.timeStamp;
  2115.      //         }
  2116.      //         co++;
  2117.      //
  2118.      //         // 라인차트
  2119.      //         let dataArr = new Array();
  2120.      //
  2121.      //         dataObject.x = rsData.timeStamp;
  2122.      //
  2123.      //         dataArr.push(Number(rsData.open).toFixed(3));
  2124.      //         dataArr.push(Number(rsData.high).toFixed(3));
  2125.      //         dataArr.push(Number(rsData.low).toFixed(3));
  2126.      //         dataArr.push(Number(rsData.close).toFixed(3));
  2127.      //
  2128.      //         dataObject.y = dataArr;
  2129.      //
  2130.      //         dataList.push(dataObject);
  2131.      //
  2132.      //         priceMax = rsData.high > priceMax ? rsData.high : priceMax;
  2133.      //         priceMin = rsData.low < priceMin ? rsData.low : priceMin;
  2134.      //
  2135.      //       });
  2136.      //
  2137.      //       // var priceArr = objArray.map(function(v) {
  2138.      //       // return v.close;
  2139.      //       // });
  2140.      //       // let priceMin = Math.min.apply(null, priceArr);
  2141.      //       // let priceMax = Math.max.apply(null, priceArr);
  2142.      //       // 차트 그르기
  2143.      //       createForexChart(indexName, dataList, minDate, priceMin, priceMax, forexMonthIndex);
  2144.      //     },
  2145.      //     error: function (request, status, error) {
  2146.      //       console.log("code: " + request.status)
  2147.      //       console.log("message: " + request.responseText)
  2148.      //       console.log("error: " + error);
  2149.      //     },
  2150.      //   })
  2151.      //
  2152.      // }
  2153.  
  2154.  
  2155.  
  2156.  
  2157.      //FCS 전용으로 수정 2024.10.17 hugh
  2158.      function callForexHistory(symbol = "EUR/USD", idx) {
  2159.        if (symbol == null) {
  2160.          return
  2161.        }
  2162.  
  2163.        $("#forexArea .swiper-slide").removeClass("swiper-slide-thumb-active");
  2164.        $("#forexArea .swiper-slide").eq(idx).addClass("swiper-slide-thumb-active");
  2165.  
  2166.        // let newSymbol = changeSymbol(symbol);
  2167.  
  2168.        let url = "./get_forex.php";
  2169.        let body = {
  2170.          "symbol": symbol
  2171.        }
  2172.  
  2173.        $.ajax({
  2174.          type: "GET",
  2175.          url: url,
  2176.          data: body,
  2177.          success: function (response) {
  2178.  
  2179.            let dataList = new Array();
  2180.  
  2181.            let minDate = "";
  2182.            let co = 0;
  2183.            let indexName = "";
  2184.            let objArray = [];
  2185.  
  2186.  
  2187.  
  2188.            let newArr = JSON.parse(response);
  2189.  
  2190.            //const arr = response.sort((a, b) => a > b ? 1 : -1);
  2191.            let priceMin = Number.MAX_VALUE;
  2192.            let priceMax = Number.MIN_VALUE;
  2193.  
  2194.            $.each(newArr, function (i, rsData) {
  2195.  
  2196.              let dataObject = new Object();
  2197.  
  2198.              objArray.push(rsData);
  2199.              if (co == 0) {
  2200.                minDate = rsData.tm;
  2201.              }
  2202.              co++;
  2203.  
  2204.              // 라인차트
  2205.              let dataArr = new Array();
  2206.  
  2207.              dataObject.x = rsData.tm;
  2208.  
  2209.              dataArr.push(Number(rsData.o).toFixed(3));
  2210.              dataArr.push(Number(rsData.h).toFixed(3));
  2211.              dataArr.push(Number(rsData.l).toFixed(3));
  2212.              dataArr.push(Number(rsData.c).toFixed(3));
  2213.  
  2214.              dataObject.y = dataArr;
  2215.  
  2216.              dataList.push(dataObject);
  2217.  
  2218.              priceMax = Number(rsData.h).toFixed(3) > priceMax ? Number(rsData.h).toFixed(3) : priceMax;
  2219.              priceMin = Number(rsData.l).toFixed(3) < priceMin ? Number(rsData.l).toFixed(3) : priceMin;
  2220.  
  2221.            });
  2222.  
  2223.  
  2224.            // var priceArr = objArray.map(function(v) {
  2225.            // return v.close;
  2226.            // });
  2227.            // let priceMin = Math.min.apply(null, priceArr);
  2228.            // let priceMax = Math.max.apply(null, priceArr);
  2229.            // 차트 그르기
  2230.            createForexChart(indexName, dataList, minDate, priceMin, priceMax, forexMonthIndex);
  2231.          },
  2232.          error: function (request, status, error) {
  2233.            console.log("code: " + request.status)
  2234.            console.log("message: " + request.responseText)
  2235.            console.log("error: " + error);
  2236.          },
  2237.        })
  2238.  
  2239.      }
  2240.  
  2241.  
  2242.  
  2243.  
  2244.  
  2245.  
  2246.  
  2247.      /**
  2248.       *  차트 그리기
  2249.       * @param indexName
  2250.       * @param dataList
  2251.       * @param minDate
  2252.       * @param btnIndex
  2253.       */
  2254.      function createForexChart(indexName, dataList, minDate, priceMin, priceMax, btnIndex) {
  2255.  
  2256.        $("#chart-timeline1").empty();
  2257.  
  2258.        var options = {
  2259.          series: [
  2260.            {
  2261.              data: dataList,
  2262.            }],
  2263.          chart: {
  2264.            id: 'area-datetime1',
  2265.            type: 'candlestick',
  2266.            tickPlacement: 'on',
  2267.            height: '90%',
  2268.            width: '100%',
  2269.            zoom: {
  2270.              enabled: false,
  2271.              autoScaleYaxis: true,
  2272.              type: 'xy',
  2273.            },
  2274.            foreColor: "#bbb",
  2275.            toolbar: {
  2276.              show: false,
  2277.            },
  2278.            redrawOnParentResize: true, // 크기가 변경되면 차트를 다시 렌더링
  2279.            redrawOnWindowResize: true, //창의 크기가 조정되면 차트를 다시 렌더링
  2280.            offsetX: 0,
  2281.          },
  2282.          colors: ['#089981'],
  2283.          // subtitle: {
  2284.          //     text: indexName,
  2285.          //     align: 'left',
  2286.          //     margin: 10,
  2287.          //     offsetX: 0,
  2288.          //     offsetY: 0,
  2289.          //     floating: false,
  2290.          //     style: {
  2291.          //         fontSize:  '12px',
  2292.          //         fontWeight:  'normal',
  2293.          //         fontFamily:  undefined,
  2294.          //         color:  '#9699a2'
  2295.          //     },
  2296.          // },
  2297.          theme: {
  2298.            mode: 'light',
  2299.            palette: 'palette1',
  2300.            monochrome: {
  2301.              enabled: false,
  2302.              color: '#255aee',
  2303.              shadeTo: 'light',
  2304.              shadeIntensity: 0.65,
  2305.            },
  2306.          },
  2307.          //colors: ["#00BAEC"], 라인색
  2308.          stroke: {
  2309.            curve: 'straight',
  2310.            width: 1,
  2311.          },
  2312.          grid: {
  2313.            xaxis: {
  2314.              lines: {
  2315.                show: false,
  2316.              },
  2317.            },
  2318.  
  2319.          },
  2320.          title: {
  2321.            //text: indexName,
  2322.            align: 'left',
  2323.          },
  2324.          dataLabels: {
  2325.            enabled: false, // 라인에 수치 표기
  2326.          },
  2327.          markers: {
  2328.            size: 0,
  2329.            style: 'hollow',
  2330.          },
  2331.          xaxis: {
  2332.            type: 'datetime',
  2333.            tickPlacement: 'on',
  2334.            yAxisIndex: 0,
  2335.            labels: {
  2336.              datetimeFormatter: {
  2337.                year: 'yyyy',
  2338.                month: 'yy.MM',
  2339.                day: 'MM.dd',
  2340.              },
  2341.              hideOverlappingLabels: true,
  2342.            },
  2343.            floating: false,
  2344.            position: 'bottom',
  2345.            lines: {
  2346.              show: true,
  2347.            },
  2348.            min: minDate,
  2349.          },
  2350.          yaxis: {
  2351.            show: true, // 왼쪽 범주
  2352.            //tickAmount: 1,    // 라인 갯수(그리드에서 설정 제거해야 사용가능)
  2353.            //forceNiceScale : true
  2354.            //min: priceMin - (priceMin / 10 * 0.07),
  2355.            //max: priceMax + (priceMin / 10 * 0.07),
  2356.            tickAmount: 4,
  2357.            opposite: true,
  2358.            position: 'right',
  2359.  
  2360.          },
  2361.          tooltip: {
  2362.            theme: "light",
  2363.            x: {
  2364.              format: 'yy-MM-dd',
  2365.            },
  2366.          },
  2367.          fill: {
  2368.            type: 'none',
  2369.            gradient: {
  2370.              shadeIntensity: 1,
  2371.              opacityFrom: 0.7,
  2372.              opacityTo: 0.9,
  2373.              stops: [0, 100],
  2374.            },
  2375.          },
  2376.          noData: {
  2377.            text: 'Loading...',
  2378.          },
  2379.        };
  2380.  
  2381.        var chart = new ApexCharts(document.querySelector("#chart-timeline1"), options);
  2382.        chart.render();
  2383.  
  2384.        var resetCssClasses = function (activeEl) {
  2385.          //var els = document.querySelectorAll('button')
  2386.          var els = $(".popular_asset_slider .toolbar")[0].querySelectorAll('button')
  2387.          Array.prototype.forEach.call(els, function (el) {
  2388.            el.classList.remove('active')
  2389.          })
  2390.          activeEl.target.classList.add('active')
  2391.        }
  2392.  
  2393.        document.querySelector('#one_month').addEventListener('click', function (e) {
  2394.  
  2395.          resetCssClasses(e)
  2396.          chart.zoomX(
  2397.            prevDateGenerator(1), toDateGetTime,
  2398.          )
  2399.        })
  2400.  
  2401.        document.querySelector('#three_month').addEventListener('click', function (e) {
  2402.          resetCssClasses(e)
  2403.          chart.zoomX(
  2404.            prevDateGenerator(3), toDateGetTime,
  2405.          )
  2406.        })
  2407.  
  2408.        document.querySelector('#six_month').addEventListener('click', function (e) {
  2409.          resetCssClasses(e)
  2410.          chart.zoomX(
  2411.            prevDateGenerator(6), toDateGetTime,
  2412.          )
  2413.        })
  2414.  
  2415.        document.querySelector('#nine_month').addEventListener('click', function (e) {
  2416.          resetCssClasses(e)
  2417.          chart.zoomX(
  2418.            prevDateGenerator(9), toDateGetTime,
  2419.          )
  2420.        })
  2421.  
  2422.        document.querySelector('#all_btn').addEventListener('click', function (e) {
  2423.          resetCssClasses(e)
  2424.          chart.zoomX(
  2425.            undefined, undefined,
  2426.          )
  2427.        })
  2428.  
  2429.        $(".popular_asset_slider .toolbar")[0].style.display = "flex";
  2430.  
  2431.        if (btnIndex == 0) {
  2432.          $('#one_month').click();
  2433.        } else if (btnIndex == 1) {
  2434.          $('#three_month').click();
  2435.        } else if (btnIndex == 2) {
  2436.          $('#six_month').click();
  2437.        } else if (btnIndex == 3) {
  2438.          $('#nine_month').click();
  2439.        } else if (btnIndex == 4) {
  2440.          $('#all_btn').click();
  2441.        } else {
  2442.          $('#all_btn').click();
  2443.        }
  2444.  
  2445.      }
  2446.  
  2447.      /**
  2448.       *  선택한 주식 심볼 히스토리 호출
  2449.       */
  2450.      function callIndicesHistory(symbol = "745", idx) {
  2451.        if (symbol == null) {
  2452.          return
  2453.        }
  2454.  
  2455.        $("#indicesArea .swiper-slide").removeClass("swiper-slide-thumb-active");
  2456.        $("#indicesArea .swiper-slide").eq(idx).addClass("swiper-slide-thumb-active");
  2457.  
  2458.        // let newSymbol = changeSymbol(symbol);
  2459.  
  2460.        let url = "./get_indices.php";
  2461.        let body = {
  2462.          "symbol": symbol,
  2463.        }
  2464.  
  2465.        $.ajax({
  2466.          type: "GET",
  2467.          url: url,
  2468.          data: body,
  2469.          success: function (response) {
  2470.  
  2471.            let dataList = new Array();
  2472.            let minDate = "";
  2473.            let co = 0;
  2474.            let indexName = "";
  2475.            let objArray = [];
  2476.  
  2477.            /*캔들차트 용*/
  2478.            let newArr = JSON.parse(response);
  2479.            //const arr = response.sort((a, b) => a > b ? 1 : -1);
  2480.            let priceMin = Number.MAX_VALUE;
  2481.            let priceMax = Number.MIN_VALUE;
  2482.  
  2483.            $.each(newArr, function (i, rsData) {
  2484.  
  2485.              let dataObject = new Object();
  2486.  
  2487.              objArray.push(rsData);
  2488.              if (co == 0) {
  2489.                minDate = rsData.tm;
  2490.              }
  2491.              co++;
  2492.  
  2493.              // 라인차트
  2494.              let dataArr = new Array();
  2495.  
  2496.              dataObject.x = rsData.tm;
  2497.  
  2498.              dataArr.push(Number(rsData.o).toFixed(3));
  2499.              dataArr.push(Number(rsData.h).toFixed(3));
  2500.              dataArr.push(Number(rsData.l).toFixed(3));
  2501.              dataArr.push(Number(rsData.c).toFixed(3));
  2502.  
  2503.              dataObject.y = dataArr;
  2504.  
  2505.              dataList.push(dataObject);
  2506.  
  2507.              priceMax = Number(rsData.h).toFixed(3) > priceMax ? Number(rsData.h).toFixed(3) : priceMax;
  2508.              priceMin = Number(rsData.l).toFixed(3) < priceMin ? Number(rsData.l).toFixed(3) : priceMin;
  2509.  
  2510.            });
  2511.  
  2512.            // 차트 그르기
  2513.            createIndicesChart(indexName, dataList, minDate, priceMin, priceMax, indicesMonthIndex);
  2514.          },
  2515.          error: function (request, status, error) {
  2516.            console.log("code: " + request.status)
  2517.            console.log("message: " + request.responseText)
  2518.            console.log("error: " + error);
  2519.          },
  2520.        })
  2521.      }
  2522.  
  2523.      /**
  2524.       *  차트 그리기
  2525.       * @param indexName
  2526.       * @param dataList
  2527.       * @param minDate
  2528.       * @param btnIndex
  2529.       */
  2530.      function createIndicesChart(indexName, dataList, minDate, priceMin, priceMax, btnIndex) {
  2531.        $("#chart-timeline2").empty();
  2532.  
  2533.        var options = {
  2534.          series: [
  2535.            {
  2536.              data: dataList,
  2537.            }],
  2538.          chart: {
  2539.            id: 'area-datetime2',
  2540.            type: 'candlestick',
  2541.            tickPlacement: 'on',
  2542.            height: '85%',
  2543.            width: '100%',
  2544.            zoom: {
  2545.              enabled: false,
  2546.              autoScaleYaxis: true,
  2547.              type: 'xy',
  2548.            },
  2549.            foreColor: "#bbb",
  2550.            toolbar: {
  2551.              show: false,
  2552.            },
  2553.            redrawOnParentResize: true, // 크기가 변경되면 차트를 다시 렌더링
  2554.            redrawOnWindowResize: true, //창의 크기가 조정되면 차트를 다시 렌더링
  2555.            offsetX: 0,
  2556.          },
  2557.          colors: ['#089981'],
  2558.          // subtitle: {
  2559.          //     text: indexName,
  2560.          //     align: 'left',
  2561.          //     margin: 10,
  2562.          //     offsetX: 0,
  2563.          //     offsetY: 0,
  2564.          //     floating: false,
  2565.          //     style: {
  2566.          //         fontSize:  '12px',
  2567.          //         fontWeight:  'normal',
  2568.          //         fontFamily:  undefined,
  2569.          //         color:  '#9699a2'
  2570.          //     },
  2571.          // },
  2572.          theme: {
  2573.            mode: 'light',
  2574.            palette: 'palette1',
  2575.            monochrome: {
  2576.              enabled: false,
  2577.              color: '#255aee',
  2578.              shadeTo: 'light',
  2579.              shadeIntensity: 0.65,
  2580.            },
  2581.          },
  2582.          //colors: ["#00BAEC"], 라인색
  2583.          stroke: {
  2584.            curve: 'straight',
  2585.            width: 1,
  2586.          },
  2587.          grid: {
  2588.            xaxis: {
  2589.              lines: {
  2590.                show: false,
  2591.              },
  2592.            },
  2593.            yaxis: {
  2594.              lines: {
  2595.                show: true,
  2596.              },
  2597.            },
  2598.          },
  2599.          title: {
  2600.            //text: indexName,
  2601.            align: 'left',
  2602.          },
  2603.          dataLabels: {
  2604.            enabled: false, // 라인에 수치 표기
  2605.          },
  2606.          markers: {
  2607.            size: 0,
  2608.            style: 'hollow',
  2609.          },
  2610.          xaxis: {
  2611.            type: 'datetime',
  2612.            tickPlacement: 'on',
  2613.            yAxisIndex: 0,
  2614.            labels: {
  2615.              datetimeFormatter: {
  2616.                year: 'yyyy',
  2617.                month: 'yy.MM',
  2618.                day: 'MM.dd',
  2619.              },
  2620.              hideOverlappingLabels: true,
  2621.            },
  2622.            floating: false,
  2623.            position: 'bottom',
  2624.            lines: {
  2625.              show: true,
  2626.            },
  2627.            min: minDate,
  2628.          },
  2629.          yaxis: {
  2630.            show: true, // 왼쪽 범주
  2631.            //tickAmount: 1,    // 라인 갯수(그리드에서 설정 제거해야 사용가능)
  2632.            forceNiceScale : true,
  2633.            // min: priceMin - (priceMin / 10 * 0.1),
  2634.            // max: priceMax + (priceMin / 10 * 0.1),
  2635.            tickAmount: 4,
  2636.            opposite: true,
  2637.          },
  2638.          tooltip: {
  2639.            theme: "light",
  2640.            x: {
  2641.              format: 'yy-MM-dd',
  2642.            },
  2643.          },
  2644.          fill: {
  2645.            type: 'none',
  2646.            gradient: {
  2647.              shadeIntensity: 1,
  2648.              opacityFrom: 0.7,
  2649.              opacityTo: 0.9,
  2650.              stops: [0, 100],
  2651.            },
  2652.          },
  2653.          noData: {
  2654.            text: 'Loading...',
  2655.          },
  2656.        };
  2657.  
  2658.        var chart2 = new ApexCharts(document.querySelector("#chart-timeline2"), options);
  2659.        chart2.render();
  2660.  
  2661.        var resetCssClasses = function (activeEl) {
  2662.          //var els = document.querySelectorAll('button')
  2663.          var els = $(".popular_asset_slider .toolbar")[1].querySelectorAll('button')
  2664.          Array.prototype.forEach.call(els, function (el) {
  2665.            el.classList.remove('active')
  2666.          })
  2667.          activeEl.target.classList.add('active')
  2668.        }
  2669.  
  2670.        document.querySelector('#one_month2').addEventListener('click', function (e) {
  2671.  
  2672.          resetCssClasses(e)
  2673.          chart2.zoomX(
  2674.            prevDateGenerator(1), toDateGetTime,
  2675.          )
  2676.        })
  2677.  
  2678.        document.querySelector('#three_month2').addEventListener('click', function (e) {
  2679.          resetCssClasses(e)
  2680.          chart2.zoomX(
  2681.            prevDateGenerator(3), toDateGetTime,
  2682.          )
  2683.        })
  2684.  
  2685.        document.querySelector('#six_month2').addEventListener('click', function (e) {
  2686.          resetCssClasses(e)
  2687.          chart2.zoomX(
  2688.            prevDateGenerator(6), toDateGetTime,
  2689.          )
  2690.        })
  2691.  
  2692.        document.querySelector('#nine_month2').addEventListener('click', function (e) {
  2693.          resetCssClasses(e)
  2694.          chart2.zoomX(
  2695.            prevDateGenerator(9), toDateGetTime,
  2696.          )
  2697.        })
  2698.  
  2699.        document.querySelector('#all_btn2').addEventListener('click', function (e) {
  2700.          resetCssClasses(e)
  2701.          chart2.zoomX(
  2702.            undefined, undefined,
  2703.          )
  2704.        })
  2705.  
  2706.        $(".popular_asset_slider .toolbar")[1].style.display = "flex";
  2707.  
  2708.        if (btnIndex == 0) {
  2709.          $('#one_month2').click();
  2710.        } else if (btnIndex == 1) {
  2711.          $('#three_month2').click();
  2712.        } else if (btnIndex == 2) {
  2713.          $('#six_month2').click();
  2714.        } else if (btnIndex == 3) {
  2715.          $('#nine_month2').click();
  2716.        } else if (btnIndex == 4) {
  2717.          $('#all_btn2').click();
  2718.        } else {
  2719.          $('#all_btn2').click();
  2720.        }
  2721.  
  2722.      }
  2723.  
  2724.      /**
  2725.       *  선택한 원자재 심볼 히스토리 호출
  2726.       */
  2727.      function callCommodityHistory(symbol = "KS11", idx) {
  2728.        if (symbol == null) {
  2729.          return
  2730.        }
  2731.  
  2732.        //
  2733.        $("#commodityArea .swiper-slide").removeClass("swiper-slide-thumb-active");
  2734.        $("#commodityArea .swiper-slide").eq(idx).addClass("swiper-slide-thumb-active");
  2735.  
  2736.        // let newSymbol = changeSymbol(symbol);
  2737.  
  2738.        let url = "https://api.dailyh.co.kr:9080/v1_0/commodity/getList";
  2739.        let body = {
  2740.          "endDate": toDate,
  2741.          "interval": "1day",
  2742.          "limit": 500,
  2743.          "orderBy": "desc",
  2744.          "startDate": fromDate,
  2745.          "symbol": symbol,
  2746.        }
  2747.  
  2748.        $.ajax({
  2749.          type: "GET",
  2750.          url: url,
  2751.          data: body,
  2752.          success: function (response) {
  2753.  
  2754.            let dataList = new Array();
  2755.            let minDate = "";
  2756.            let co = 0;
  2757.            let indexName = "";
  2758.            let objArray = [];
  2759.  
  2760.            /*
  2761. 라인차트 용
  2762. const arr =  response.response.list.sort( (a, b) => a > b ? 1 : -1);
  2763. $.each(response.response.list, function(i, rsData) {
  2764. objArray.push(rsData);
  2765. if (co == 0) {
  2766. minDate = rsData.timeStamp;
  2767. }
  2768. co++;
  2769.  
  2770. // 라인차트
  2771. let dataArr = new Array();
  2772. dataArr.push(rsData.timeStamp);
  2773. dataArr.push(rsData.close);
  2774. dataList.push(dataArr);
  2775. });
  2776.  
  2777. var priceArr = objArray.map(function(v) {
  2778. return v.close;
  2779. });
  2780. let priceMin = Math.min.apply(null, priceArr);
  2781. let priceMax = Math.max.apply(null, priceArr);
  2782. */
  2783.  
  2784.            /*캔들차트 용*/
  2785.            const arr = response.response.list.sort((a, b) => a > b ? 1 : -1);
  2786.            let priceMin = Number.MAX_VALUE;
  2787.            let priceMax = Number.MIN_VALUE;
  2788.  
  2789.            $.each(response.response.list, function (i, rsData) {
  2790.  
  2791.              let dataObject = new Object();
  2792.  
  2793.              objArray.push(rsData);
  2794.              if (co == 0) {
  2795.                minDate = rsData.timeStamp;
  2796.              }
  2797.              co++;
  2798.  
  2799.              // 라인차트
  2800.              let dataArr = new Array();
  2801.  
  2802.              dataObject.x = rsData.timeStamp;
  2803.  
  2804.              dataArr.push(Number(rsData.open).toFixed(3));
  2805.              dataArr.push(Number(rsData.high).toFixed(3));
  2806.              dataArr.push(Number(rsData.low).toFixed(3));
  2807.              dataArr.push(Number(rsData.close).toFixed(3));
  2808.              dataObject.y = dataArr;
  2809.  
  2810.              dataList.push(dataObject);
  2811.  
  2812.              priceMax = rsData.high > priceMax ? rsData.high : priceMax;
  2813.              priceMin = rsData.low < priceMin ? rsData.low : priceMin;
  2814.  
  2815.            });
  2816.            // 차트 그르기
  2817.            createCommodityChart(indexName, dataList, minDate, priceMin, priceMax, commodityMonthIndex);
  2818.          },
  2819.          error: function (request, status, error) {
  2820.            console.log("code: " + request.status)
  2821.            console.log("message: " + request.responseText)
  2822.            console.log("error: " + error);
  2823.          },
  2824.        })
  2825.      }
  2826.  
  2827.      /**
  2828.       *  차트 그리기
  2829.       * @param indexName
  2830.       * @param dataList
  2831.       * @param minDate
  2832.       * @param btnIndex
  2833.       */
  2834.      function createCommodityChart(indexName, dataList, minDate, priceMin, priceMax, btnIndex) {
  2835.        $("#chart-timeline3").empty();
  2836.  
  2837.        var options = {
  2838.          series: [
  2839.            {
  2840.              data: dataList,
  2841.            }],
  2842.          chart: {
  2843.            id: 'area-datetime3',
  2844.            type: 'candlestick',
  2845.            tickPlacement: 'on',
  2846.            height: '85%',
  2847.            width: '100%',
  2848.            zoom: {
  2849.              enabled: false,
  2850.              autoScaleYaxis: true,
  2851.              type: 'xy',
  2852.            },
  2853.            foreColor: "#bbb",
  2854.            toolbar: {
  2855.              show: false,
  2856.            },
  2857.            redrawOnParentResize: true, // 크기가 변경되면 차트를 다시 렌더링
  2858.            redrawOnWindowResize: true, //창의 크기가 조정되면 차트를 다시 렌더링
  2859.            offsetX: 0,
  2860.          },
  2861.          colors: ['#089981'],
  2862.          // subtitle: {
  2863.          //     text: indexName,
  2864.          //     align: 'left',
  2865.          //     margin: 10,
  2866.          //     offsetX: 0,
  2867.          //     offsetY: 0,
  2868.          //     floating: false,
  2869.          //     style: {
  2870.          //         fontSize:  '12px',
  2871.          //         fontWeight:  'normal',
  2872.          //         fontFamily:  undefined,
  2873.          //         color:  '#9699a2'
  2874.          //     },
  2875.          // },
  2876.          theme: {
  2877.            mode: 'light',
  2878.            palette: 'palette1',
  2879.            monochrome: {
  2880.              enabled: false,
  2881.              color: '#255aee',
  2882.              shadeTo: 'light',
  2883.              shadeIntensity: 0.65,
  2884.            },
  2885.          },
  2886.          //colors: ["#00BAEC"], 라인색
  2887.          stroke: {
  2888.            curve: 'straight',
  2889.            width: 1,
  2890.          },
  2891.          grid: {
  2892.            xaxis: {
  2893.              lines: {
  2894.                show: false,
  2895.              },
  2896.            },
  2897.            yaxis: {
  2898.              lines: {
  2899.                show: true,
  2900.              },
  2901.            },
  2902.          },
  2903.          title: {
  2904.            //text: indexName,
  2905.            align: 'left',
  2906.          },
  2907.          dataLabels: {
  2908.            enabled: false, // 라인에 수치 표기
  2909.          },
  2910.          markers: {
  2911.            size: 0,
  2912.            style: 'hollow',
  2913.          },
  2914.          xaxis: {
  2915.            type: 'datetime',
  2916.            tickPlacement: 'on',
  2917.            yAxisIndex: 0,
  2918.            labels: {
  2919.              datetimeFormatter: {
  2920.                year: 'yyyy',
  2921.                month: 'yy.MM',
  2922.                day: 'MM.dd',
  2923.              },
  2924.              hideOverlappingLabels: true,
  2925.            },
  2926.            floating: false,
  2927.            position: 'bottom',
  2928.            lines: {
  2929.              show: true,
  2930.            },
  2931.            min: minDate,
  2932.          },
  2933.          yaxis: {
  2934.            show: true, // 왼쪽 범주
  2935.            //tickAmount: 1,    // 라인 갯수(그리드에서 설정 제거해야 사용가능)
  2936.            //forceNiceScale : true
  2937.            min: priceMin - (priceMin / 10 * 0.1),
  2938.            max: priceMax + (priceMin / 10 * 0.1),
  2939.            tickAmount: 4,
  2940.            opposite: true,
  2941.          },
  2942.          tooltip: {
  2943.            theme: "light",
  2944.            x: {
  2945.              format: 'yy-MM-dd',
  2946.            },
  2947.          },
  2948.          fill: {
  2949.            type: 'none',
  2950.            gradient: {
  2951.              shadeIntensity: 1,
  2952.              opacityFrom: 0.7,
  2953.              opacityTo: 0.9,
  2954.              stops: [0, 100],
  2955.            },
  2956.          },
  2957.          noData: {
  2958.            text: 'Loading...',
  2959.          },
  2960.        };
  2961.  
  2962.        var chart3 = new ApexCharts(document.querySelector("#chart-timeline3"), options);
  2963.        chart3.render();
  2964.  
  2965.        var resetCssClasses = function (activeEl) {
  2966.          //var els = document.querySelectorAll('button')
  2967.          var els = $(".popular_asset_slider .toolbar")[2].querySelectorAll('button')
  2968.          Array.prototype.forEach.call(els, function (el) {
  2969.            el.classList.remove('active')
  2970.          })
  2971.          activeEl.target.classList.add('active')
  2972.        }
  2973.  
  2974.        document.querySelector('#one_month3').addEventListener('click', function (e) {
  2975.  
  2976.          resetCssClasses(e)
  2977.          chart3.zoomX(
  2978.            prevDateGenerator(1), toDateGetTime,
  2979.          )
  2980.        })
  2981.  
  2982.        document.querySelector('#three_month3').addEventListener('click', function (e) {
  2983.          resetCssClasses(e)
  2984.          chart3.zoomX(
  2985.            prevDateGenerator(3), toDateGetTime,
  2986.          )
  2987.        })
  2988.  
  2989.        document.querySelector('#six_month3').addEventListener('click', function (e) {
  2990.          resetCssClasses(e)
  2991.          chart3.zoomX(
  2992.            prevDateGenerator(6), toDateGetTime,
  2993.          )
  2994.        })
  2995.  
  2996.        document.querySelector('#nine_month3').addEventListener('click', function (e) {
  2997.          resetCssClasses(e)
  2998.          chart3.zoomX(
  2999.            prevDateGenerator(9), toDateGetTime,
  3000.          )
  3001.        })
  3002.  
  3003.        document.querySelector('#all_btn3').addEventListener('click', function (e) {
  3004.          resetCssClasses(e)
  3005.          chart3.zoomX(
  3006.            undefined, undefined,
  3007.          )
  3008.        })
  3009.  
  3010.        $(".popular_asset_slider .toolbar")[2].style.display = "flex";
  3011.  
  3012.        if (btnIndex == 0) {
  3013.          $('#one_month3').click();
  3014.        } else if (btnIndex == 1) {
  3015.          $('#three_month3').click();
  3016.        } else if (btnIndex == 2) {
  3017.          $('#six_month3').click();
  3018.        } else if (btnIndex == 3) {
  3019.          $('#nine_month3').click();
  3020.        } else if (btnIndex == 4) {
  3021.          $('#all_btn3').click();
  3022.        } else {
  3023.          $('#all_btn3').click();
  3024.        }
  3025.  
  3026.      }
  3027.  
  3028.      /**
  3029.       *  선택한 가상화폐 심볼 히스토리 호출
  3030.       */
  3031.      // function callCryptoHistory(symbol = "BTC/USD", idx) {
  3032.      //   if (symbol == null) {
  3033.      //     return
  3034.      //   }
  3035.      //
  3036.      //   $("#cryptoArea .swiper-slide").removeClass("swiper-slide-thumb-active");
  3037.      //   $("#cryptoArea .swiper-slide").eq(idx).addClass("swiper-slide-thumb-active");
  3038.      //
  3039.      //   // let newSymbol = changeSymbol(symbol);
  3040.      //
  3041.      //   let url = "https://api.dailyh.co.kr:9080/v1_0/crypto/getList";
  3042.      //   let body = {
  3043.      //     "endDate": toDate,
  3044.      //     "interval": "day",
  3045.      //     "limit": 500,
  3046.      //     "orderBy": "desc",
  3047.      //     "startDate": fromDate,
  3048.      //     "symbol": symbol,
  3049.      //   }
  3050.      //
  3051.      //   $.ajax({
  3052.      //     type: "GET",
  3053.      //     url: url,
  3054.      //     data: body,
  3055.      //     success: function (response) {
  3056.      //
  3057.      //       let dataList = new Array();
  3058.      //       let minDate = "";
  3059.      //       let co = 0;
  3060.      //       let indexName = "";
  3061.      //       let objArray = [];
  3062.      //
  3063.      //       /*
  3064. // 라인차트 용
  3065. // const arr =  response.response.list.sort( (a, b) => a > b ? 1 : -1);
  3066. // $.each(response.response.list, function(i, rsData) {
  3067. // objArray.push(rsData);
  3068. // if (co == 0) {
  3069. // minDate = rsData.timeStamp;
  3070. // }
  3071. // co++;
  3072.      //
  3073. // // 라인차트
  3074. // let dataArr = new Array();
  3075. // dataArr.push(rsData.timeStamp);
  3076. // dataArr.push(rsData.close);
  3077. // dataList.push(dataArr);
  3078. // });
  3079.      //
  3080. // var priceArr = objArray.map(function(v) {
  3081. // return v.close;
  3082. // });
  3083. // let priceMin = Math.min.apply(null, priceArr);
  3084. // let priceMax = Math.max.apply(null, priceArr);
  3085. // */
  3086.      //
  3087.      //       /*캔들차트 용*/
  3088.      //       const arr = response.response.list.sort((a, b) => a > b ? 1 : -1);
  3089.      //       let priceMin = Number.MAX_VALUE;
  3090.      //       let priceMax = Number.MIN_VALUE;
  3091.      //
  3092.      //       $.each(response.response.list, function (i, rsData) {
  3093.      //
  3094.      //         let dataObject = new Object();
  3095.      //
  3096.      //         objArray.push(rsData);
  3097.      //         if (co == 0) {
  3098.      //           minDate = rsData.timeStamp;
  3099.      //         }
  3100.      //         co++;
  3101.      //
  3102.      //         // 라인차트
  3103.      //         let dataArr = new Array();
  3104.      //
  3105.      //         dataObject.x = rsData.timeStamp;
  3106.      //
  3107.      //         dataArr.push(Number(rsData.open).toFixed(3));
  3108.      //         dataArr.push(Number(rsData.high).toFixed(3));
  3109.      //         dataArr.push(Number(rsData.low).toFixed(3));
  3110.      //         dataArr.push(Number(rsData.close).toFixed(3));
  3111.      //         dataObject.y = dataArr;
  3112.      //
  3113.      //         dataList.push(dataObject);
  3114.      //
  3115.      //         priceMax = rsData.high > priceMax ? rsData.high : priceMax;
  3116.      //         priceMin = rsData.low < priceMin ? rsData.low : priceMin;
  3117.      //
  3118.      //       });
  3119.      //       // 차트 그르기
  3120.      //
  3121.      //       createCtyptoChart(indexName, dataList, minDate, priceMin, priceMax, cryptoMonthIndex);
  3122.      //     },
  3123.      //     error: function (request, status, error) {
  3124.      //       console.log("code: " + request.status)
  3125.      //       console.log("message: " + request.responseText)
  3126.      //       console.log("error: " + error);
  3127.      //     },
  3128.      //   })
  3129.      // }
  3130.  
  3131.  
  3132.  
  3133.      function callCryptoHistory(symbol = "BTC/USD", idx) {
  3134.        if (symbol == null) {
  3135.          return
  3136.        }
  3137.  
  3138.        $("#cryptoArea .swiper-slide").removeClass("swiper-slide-thumb-active");
  3139.        $("#cryptoArea .swiper-slide").eq(idx).addClass("swiper-slide-thumb-active");
  3140.  
  3141.        // let newSymbol = changeSymbol(symbol);
  3142.  
  3143.        let url = "./get_crypto.php";
  3144.        let body = {
  3145.          "symbol": symbol,
  3146.        }
  3147.  
  3148.        $.ajax({
  3149.          type: "GET",
  3150.          url: url,
  3151.          data: body,
  3152.          success: function (response) {
  3153.  
  3154.            let dataList = new Array();
  3155.            let minDate = "";
  3156.            let co = 0;
  3157.            let indexName = "";
  3158.            let objArray = [];
  3159.  
  3160.            /*
  3161. 라인차트 용
  3162. const arr =  response.response.list.sort( (a, b) => a > b ? 1 : -1);
  3163. $.each(response.response.list, function(i, rsData) {
  3164. objArray.push(rsData);
  3165. if (co == 0) {
  3166. minDate = rsData.timeStamp;
  3167. }
  3168. co++;
  3169.  
  3170. // 라인차트
  3171. let dataArr = new Array();
  3172. dataArr.push(rsData.timeStamp);
  3173. dataArr.push(rsData.close);
  3174. dataList.push(dataArr);
  3175. });
  3176.  
  3177. var priceArr = objArray.map(function(v) {
  3178. return v.close;
  3179. });
  3180. let priceMin = Math.min.apply(null, priceArr);
  3181. let priceMax = Math.max.apply(null, priceArr);
  3182. */
  3183.  
  3184.            /*캔들차트 용*/
  3185.            let newArr = JSON.parse(response);
  3186.  
  3187.            //const arr = response.sort((a, b) => a > b ? 1 : -1);
  3188.            let priceMin = Number.MAX_VALUE;
  3189.            let priceMax = Number.MIN_VALUE;
  3190.  
  3191.            $.each(newArr, function (i, rsData) {
  3192.  
  3193.              let dataObject = new Object();
  3194.  
  3195.              objArray.push(rsData);
  3196.              if (co == 0) {
  3197.                minDate = rsData.tm;
  3198.              }
  3199.              co++;
  3200.  
  3201.              // 라인차트
  3202.              let dataArr = new Array();
  3203.  
  3204.              dataObject.x = rsData.tm;
  3205.  
  3206.              dataArr.push(Number(rsData.o).toFixed(3));
  3207.              dataArr.push(Number(rsData.h).toFixed(3));
  3208.              dataArr.push(Number(rsData.l).toFixed(3));
  3209.              dataArr.push(Number(rsData.c).toFixed(3));
  3210.  
  3211.              dataObject.y = dataArr;
  3212.  
  3213.              dataList.push(dataObject);
  3214.  
  3215.              priceMax = Number(rsData.h).toFixed(3) > priceMax ? Number(rsData.h).toFixed(3) : priceMax;
  3216.              priceMin = Number(rsData.l).toFixed(3) < priceMin ? Number(rsData.l).toFixed(3) : priceMin;
  3217.  
  3218.            });
  3219.            // 차트 그르기
  3220.  
  3221.            createCtyptoChart(indexName, dataList, minDate, priceMin, priceMax, cryptoMonthIndex);
  3222.          },
  3223.          error: function (request, status, error) {
  3224.            console.log("code: " + request.status)
  3225.            console.log("message: " + request.responseText)
  3226.            console.log("error: " + error);
  3227.          },
  3228.        })
  3229.      }
  3230.  
  3231.      /**
  3232.       *  차트 그리기
  3233.       * @param indexName
  3234.       * @param dataList
  3235.       * @param minDate
  3236.       * @param btnIndex
  3237.       */
  3238.      function createCtyptoChart(indexName, dataList, minDate, priceMin, priceMax, btnIndex) {
  3239.  
  3240.  
  3241.  
  3242.  
  3243.        let min = priceMin - (priceMin / 10 * 0.1);
  3244.        let max = priceMax + (priceMin / 10 * 0.1);
  3245.        console.log(min);
  3246.        console.log(max);
  3247.  
  3248.        var options = {
  3249.          series: [
  3250.            {
  3251.              data: dataList,
  3252.            }],
  3253.          chart: {
  3254.            id: 'area-datetime4',
  3255.            type: 'candlestick',
  3256.            tickPlacement: 'on',
  3257.            height: '85%',
  3258.            width: '100%',
  3259.            zoom: {
  3260.              enabled: false,
  3261.              autoScaleYaxis: true,
  3262.              type: 'xy',
  3263.            },
  3264.            foreColor: "#bbb",
  3265.            toolbar: {
  3266.              show: false,
  3267.            },
  3268.            redrawOnParentResize: true, // 크기가 변경되면 차트를 다시 렌더링
  3269.            redrawOnWindowResize: true, //창의 크기가 조정되면 차트를 다시 렌더링
  3270.            offsetX: 0,
  3271.          },
  3272.          colors: ['#089981'],
  3273.          // subtitle: {
  3274.          //     text: indexName,
  3275.          //     align: 'left',
  3276.          //     margin: 10,
  3277.          //     offsetX: 0,
  3278.          //     offsetY: 0,
  3279.          //     floating: false,
  3280.          //     style: {
  3281.          //         fontSize:  '12px',
  3282.          //         fontWeight:  'normal',
  3283.          //         fontFamily:  undefined,
  3284.          //         color:  '#9699a2'
  3285.          //     },
  3286.          // },
  3287.          theme: {
  3288.            mode: 'light',
  3289.            palette: 'palette1',
  3290.            monochrome: {
  3291.              enabled: false,
  3292.              color: '#255aee',
  3293.              shadeTo: 'light',
  3294.              shadeIntensity: 0.65,
  3295.            },
  3296.          },
  3297.          //colors: ["#00BAEC"], 라인색
  3298.          stroke: {
  3299.            curve: 'straight',
  3300.            width: 1,
  3301.          },
  3302.          grid: {
  3303.            xaxis: {
  3304.              lines: {
  3305.                show: false,
  3306.              },
  3307.            },
  3308.            yaxis: {
  3309.              lines: {
  3310.                show: true,
  3311.              },
  3312.            },
  3313.          },
  3314.          title: {
  3315.            //text: indexName,
  3316.            align: 'left',
  3317.          },
  3318.          dataLabels: {
  3319.            enabled: false, // 라인에 수치 표기
  3320.          },
  3321.          markers: {
  3322.            size: 0,
  3323.            style: 'hollow',
  3324.          },
  3325.          xaxis: {
  3326.            type: 'datetime',
  3327.            tickPlacement: 'on',
  3328.            yAxisIndex: 0,
  3329.            labels: {
  3330.              datetimeFormatter: {
  3331.                year: 'yyyy',
  3332.                month: 'yy.MM',
  3333.                day: 'MM.dd',
  3334.              },
  3335.              hideOverlappingLabels: true,
  3336.            },
  3337.            floating: false,
  3338.            position: 'bottom',
  3339.            lines: {
  3340.              show: true,
  3341.            },
  3342.            min: minDate,
  3343.          },
  3344.          yaxis: {
  3345.            show: true, // 왼쪽 범주
  3346.            //tickAmount: 1,    // 라인 갯수(그리드에서 설정 제거해야 사용가능)
  3347.            //forceNiceScale : true
  3348.            tickAmount: 4,
  3349.            opposite: true,
  3350.          },
  3351.          tooltip: {
  3352.            theme: "light",
  3353.            x: {
  3354.              format: 'yy-MM-dd',
  3355.            },
  3356.          },
  3357.          fill: {
  3358.            type: 'none',
  3359.            gradient: {
  3360.              shadeIntensity: 1,
  3361.              opacityFrom: 0.7,
  3362.              opacityTo: 0.9,
  3363.              stops: [0, 100],
  3364.            },
  3365.          },
  3366.          noData: {
  3367.            text: 'Loading...',
  3368.          },
  3369.        };
  3370.  
  3371.        var chart3 = new ApexCharts(document.querySelector("#chart-timeline4"), options);
  3372.        chart3.render();
  3373.  
  3374.        var resetCssClasses = function (activeEl) {
  3375.          //var els = document.querySelectorAll('button')
  3376.          var els = $(".popular_asset_slider .toolbar")[3].querySelectorAll('button')
  3377.          Array.prototype.forEach.call(els, function (el) {
  3378.            el.classList.remove('active')
  3379.          })
  3380.          activeEl.target.classList.add('active')
  3381.        }
  3382.  
  3383.        document.querySelector('#one_month4').addEventListener('click', function (e) {
  3384.  
  3385.          resetCssClasses(e)
  3386.          chart3.zoomX(
  3387.            prevDateGenerator(1), toDateGetTime,
  3388.          )
  3389.        })
  3390.  
  3391.        document.querySelector('#three_month4').addEventListener('click', function (e) {
  3392.          resetCssClasses(e)
  3393.          chart3.zoomX(
  3394.            prevDateGenerator(3), toDateGetTime,
  3395.          )
  3396.        })
  3397.  
  3398.        document.querySelector('#six_month4').addEventListener('click', function (e) {
  3399.          resetCssClasses(e)
  3400.          chart3.zoomX(
  3401.            prevDateGenerator(6), toDateGetTime,
  3402.          )
  3403.        })
  3404.  
  3405.        document.querySelector('#nine_month4').addEventListener('click', function (e) {
  3406.          resetCssClasses(e)
  3407.          chart3.zoomX(
  3408.            prevDateGenerator(9), toDateGetTime,
  3409.          )
  3410.        })
  3411.  
  3412.        document.querySelector('#all_btn4').addEventListener('click', function (e) {
  3413.          resetCssClasses(e)
  3414.          chart3.zoomX(
  3415.            undefined, undefined,
  3416.          )
  3417.        })
  3418.  
  3419.        $(".popular_asset_slider .toolbar")[3].style.display = "flex";
  3420.  
  3421.        if (btnIndex == 0) {
  3422.          $('#one_month4').click();
  3423.        } else if (btnIndex == 1) {
  3424.          $('#three_month4').click();
  3425.        } else if (btnIndex == 2) {
  3426.          $('#six_month4').click();
  3427.        } else if (btnIndex == 3) {
  3428.          $('#nine_month4').click();
  3429.        } else if (btnIndex == 4) {
  3430.          $('#all_btn4').click();
  3431.        } else {
  3432.          $('#all_btn4').click();
  3433.        }
  3434.  
  3435.      }
  3436.  
  3437.      $(function () {
  3438.  
  3439.        callForex();
  3440.  
  3441.        // arrSymbol.map(function(item, index) {
  3442.        // callForexEach(item, index);
  3443.        // });
  3444.  
  3445.        // callIndices();
  3446.        // callCommodity();
  3447.        // callCrypto();
  3448.        //callForexHistory("EUR/USD", 0);
  3449.  
  3450.        /*
  3451. 5초마다 비동기 호출로 통화 변경처리
  3452.  
  3453. function asyncForex() {
  3454.  
  3455. arrSymbol.map(function(item,index){
  3456. callForexEach(item,index);
  3457. });
  3458. }
  3459.  
  3460. setInterval(showMessage, 1000);
  3461. */
  3462.  
  3463.      });
  3464.    </script>
  3465.  
  3466.  
  3467.    <article class="popular_asset article_margin">
  3468.      <div class="popular_asset_cont">
  3469.        <div class="pa_ct_wr">
  3470.          <ul class="tab_title center_1176">
  3471.            <li class="on">
  3472. <span>
  3473. 통화
  3474. </span>
  3475.              <i class="under_line"></i>
  3476.            </li>
  3477.            <li>
  3478. <span>
  3479. 지수
  3480. </span>
  3481.              <i class="under_line"></i>
  3482.            </li>
  3483.            <li>
  3484. <span>
  3485. 원자재
  3486. </span>
  3487.              <i class="under_line"></i>
  3488.            </li>
  3489.            <li>
  3490. <span>
  3491. 암호화폐
  3492. </span>
  3493.              <i class="under_line"></i>
  3494.            </li>
  3495.          </ul>
  3496.          <div class="tab_cont center_1176">
  3497.            <!-- tab1 -->
  3498.            <div class="on">
  3499.              <div class="thumb_wrap">
  3500.                <div thumbsSlider="" class="swiper popular_asset_thumb popular_asset_thumb1">
  3501.                  <div class="swiper-wrapper" id="forexArea">
  3502.                    <div class="swiper-slide _pluse_bg" onclick="callForexHistory('EUR/USD',0)"
  3503.                         data="EUR/USD">
  3504.                      <div class="asset_title_area flex_area">
  3505.                        <div class="asset_icon">
  3506.                          <figure>
  3507.                            <img src="../img/flag-icons/EU.svg" alt="">
  3508.                          </figure>
  3509.                          <figure>
  3510.                            <img src="../img/flag-icons/US.svg" alt="">
  3511.                          </figure>
  3512.                        </div>
  3513.                        <div class="asset_title">
  3514.                          <span class="_nation">EUR/USD</span>
  3515.                          <span class="_unit">(유로/달러)</span>
  3516.                        </div>
  3517.                      </div>
  3518.                      <div class="main_rates_area">
  3519.                        <div class="main_rates">
  3520.                          <div class="left_box_">
  3521.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  3522.                            <i class="xi-caret-down" id="latest_down_caret"
  3523.                               style="display: none;"></i>
  3524.                            <p class="bid" id="latest_bid">0,000.000</p>
  3525.                          </div>
  3526.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  3527.                          </p>
  3528.                        </div>
  3529.                      </div>
  3530.                    </div>
  3531.                    <div class="swiper-slide _minus_bg" onclick="callForexHistory('GBP/USD',1)"
  3532.                         data="GBP/USD">
  3533.                      <div class="asset_title_area flex_area">
  3534.                        <div class="asset_icon">
  3535.                          <figure>
  3536.                            <img src="../img/flag-icons/GB.svg" alt="">
  3537.                          </figure>
  3538.                          <figure>
  3539.                            <img src="../img/flag-icons/US.svg" alt="">
  3540.                          </figure>
  3541.                        </div>
  3542.                        <div class="asset_title">
  3543.                          <span class="_nation">GBP/USD</span>
  3544.                          <span class="_unit">(파운드/달러)</span>
  3545.                        </div>
  3546.                      </div>
  3547.                      <div class="main_rates_area">
  3548.                        <div class="main_rates">
  3549.                          <div class="left_box_">
  3550.                            <i class="xi-caret-up" id="latest_up_caret"
  3551.                               style="display: none;"></i>
  3552.                            <i class="xi-caret-down" id="latest_down_caret" style=""></i>
  3553.                            <p class="bid" id="latest_bid">0,000.000</p>
  3554.                          </div>
  3555.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  3556.                          </p>
  3557.                        </div>
  3558.                      </div>
  3559.                    </div>
  3560.                    <div class="swiper-slide _minus_bg" onclick="callForexHistory('AUD/USD',2)"
  3561.                         data="AUD/USD">
  3562.                      <div class="asset_title_area flex_area">
  3563.                        <div class="asset_icon">
  3564.                          <figure>
  3565.                            <img src="../img/flag-icons/HM.svg" alt="">
  3566.                          </figure>
  3567.                          <figure>
  3568.                            <img src="../img/flag-icons/US.svg" alt="">
  3569.                          </figure>
  3570.                        </div>
  3571.                        <div class="asset_title">
  3572.                          <span class="_nation">AUD/USD</span>
  3573.                          <span class="_unit">(호주달러/달러)</span>
  3574.                        </div>
  3575.                      </div>
  3576.                      <div class="main_rates_area">
  3577.                        <div class="main_rates">
  3578.                          <div class="left_box_">
  3579.                            <i class="xi-caret-up" id="latest_up_caret"
  3580.                               style="display: none;"></i>
  3581.                            <i class="xi-caret-down" id="latest_down_caret" style=""></i>
  3582.                            <p class="bid" id="latest_bid">0,000.000</p>
  3583.                          </div>
  3584.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  3585.                          </p>
  3586.                        </div>
  3587.                      </div>
  3588.                    </div>
  3589.                    <div class="swiper-slide _pluse_bg" onclick="callForexHistory('USD/KRW',3)"
  3590.                         data="USD/KRW">
  3591.                      <div class="asset_title_area flex_area">
  3592.                        <div class="asset_icon">
  3593.                          <figure>
  3594.                            <img src="../img/flag-icons/KR.svg" alt="">
  3595.                          </figure>
  3596.                          <figure>
  3597.                            <img src="../img/flag-icons/US.svg" alt="">
  3598.                          </figure>
  3599.                        </div>
  3600.                        <div class="asset_title">
  3601.                          <span class="_nation">USD/KRW</span>
  3602.                          <span class="_unit">(달러/원)</span>
  3603.                        </div>
  3604.                      </div>
  3605.                      <div class="main_rates_area">
  3606.                        <div class="main_rates">
  3607.                          <div class="left_box_">
  3608.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  3609.                            <i class="xi-caret-down" id="latest_down_caret"
  3610.                               style="display: none;"></i>
  3611.                            <p class="bid" id="latest_bid">0,000.000</p>
  3612.                          </div>
  3613.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  3614.                          </p>
  3615.                        </div>
  3616.                      </div>
  3617.                    </div>
  3618.                    <div class="swiper-slide _minus_bg" onclick="callForexHistory('USD/JPY',4)"
  3619.                         data="USD/JPY">
  3620.                      <div class="asset_title_area flex_area">
  3621.                        <div class="asset_icon">
  3622.                          <figure>
  3623.                            <img src="../img/flag-icons/JP.svg" alt="">
  3624.                          </figure>
  3625.                          <figure>
  3626.                            <img src="../img/flag-icons/US.svg" alt="">
  3627.                          </figure>
  3628.                        </div>
  3629.                        <div class="asset_title">
  3630.                          <span class="_nation">USD/JPY</span>
  3631.                          <span class="_unit">(달러/엔)</span>
  3632.                        </div>
  3633.                      </div>
  3634.                      <div class="main_rates_area">
  3635.                        <div class="main_rates">
  3636.                          <div class="left_box_">
  3637.                            <i class="xi-caret-up" id="latest_up_caret"
  3638.                               style="display: none;"></i>
  3639.                            <i class="xi-caret-down" id="latest_down_caret" style=""></i>
  3640.                            <p class="bid" id="latest_bid">0,000.000</p>
  3641.                          </div>
  3642.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  3643.                          </p>
  3644.                        </div>
  3645.                      </div>
  3646.                    </div>
  3647.                    <div class="swiper-slide _pluse_bg" onclick="callForexHistory('NZD/USD',4)"
  3648.                         data="NZD/USD">
  3649.                      <div class="asset_title_area flex_area">
  3650.                        <div class="asset_icon">
  3651.                          <figure>
  3652.                            <img src="../img/flag-icons/NZ.svg" alt="">
  3653.                          </figure>
  3654.                          <figure>
  3655.                            <img src="../img/flag-icons/US.svg" alt="">
  3656.                          </figure>
  3657.                        </div>
  3658.                        <div class="asset_title">
  3659.                          <span class="_nation">NZD/USD</span>
  3660.                          <span class="_unit">(뉴질랜드 달러/달러)</span>
  3661.                        </div>
  3662.                      </div>
  3663.                      <div class="main_rates_area">
  3664.                        <div class="main_rates">
  3665.                          <div class="left_box_">
  3666.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  3667.                            <i class="xi-caret-down" id="latest_down_caret"
  3668.                               style="display: none;"></i>
  3669.                            <p class="bid" id="latest_bid">0,000.000</p>
  3670.                          </div>
  3671.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  3672.                          </p>
  3673.                        </div>
  3674.                      </div>
  3675.                    </div>
  3676.                  </div>
  3677.                </div>
  3678.                <!-- thumb_slider_btn area -->
  3679.                <div class="popular_asset_prev popular_asset_btn"></div>
  3680.                <div class="popular_asset_next popular_asset_btn"></div>
  3681.              </div>
  3682.  
  3683.              <div class="swiper popular_asset_slider popular_asset_slider1">
  3684.                <div class="swiper-wrapper">
  3685.                  <div class="swiper-slide">
  3686.                    <div class="chart_ct_wr">
  3687.                      <div class="toolbar">
  3688.                        <button id="one_month" class="active">1M</button>
  3689.                        <button id="three_month">3M</button>
  3690.                        <button id="six_month">6M</button>
  3691.                        <button id="nine_month">9M</button>
  3692.                        <button id="all_btn">1Y</button>
  3693.                      </div>
  3694.  
  3695.                      <div class="chart_timeline">
  3696.                        <div class="on" id="chart-timeline1">
  3697.  
  3698.                        </div>
  3699.                        <!-- <div>
  3700. 통화 1_chart_timeline_cont2
  3701. </div>
  3702. <div>
  3703. 통화 1_chart_timeline_cont3
  3704. </div>
  3705. <div>
  3706. 통화 1_chart_timeline_cont4
  3707. </div>
  3708. <div>
  3709. 통화 1_chart_timeline_cont5
  3710. </div> -->
  3711.                      </div>
  3712.                    </div>
  3713.                  </div>
  3714.                  <!-- <div class="swiper-slide">
  3715. <div class="chart_ct_wr">
  3716. <div class="toolbar">
  3717. <button id="one_month2" class="active">1M</button>
  3718. <button id="three_month2">3M</button>
  3719. <button id="six_month2">6M</button>
  3720. <button id="nine_month2">9M</button>
  3721. <button id="all_btn2">1Y</button>
  3722. </div>
  3723. <div class="chart_timeline">
  3724. <div class="on">
  3725. 통화 2_chart_timeline_cont1
  3726. </div>
  3727. <div>
  3728. 통화 2_chart_timeline_cont2
  3729. </div>
  3730. <div>
  3731. 통화 2_chart_timeline_cont3
  3732. </div>
  3733. <div>
  3734. 통화 2_chart_timeline_cont4
  3735. </div>
  3736. <div>
  3737. 통화 2_chart_timeline_cont5
  3738. </div>
  3739. </div>
  3740. </div>
  3741. </div>
  3742. <div class="swiper-slide">
  3743. <div class="chart_ct_wr">
  3744. <div class="toolbar">
  3745. <button id="one_day" class="active">1D</button>
  3746. <button id="one_week">1W</button>
  3747. <button id="one_month">1M</button>
  3748. <button id="one_year">1Y</button>
  3749. <button id="five_year">5Y</button>
  3750. </div>
  3751. <div class="chart_timeline">
  3752. <div class="on">
  3753. 통화 3_chart_timeline_cont1
  3754. </div>
  3755. <div>
  3756. 통화 3_chart_timeline_cont2
  3757. </div>
  3758. <div>
  3759. 통화 3_chart_timeline_cont3
  3760. </div>
  3761. <div>
  3762. 통화 3_chart_timeline_cont4
  3763. </div>
  3764. <div>
  3765. 통화 3_chart_timeline_cont5
  3766. </div>
  3767. </div>
  3768. </div>
  3769. </div>
  3770. <div class="swiper-slide">
  3771. <div class="chart_ct_wr">
  3772. <div class="toolbar">
  3773. <button id="one_day" class="active">1D</button>
  3774. <button id="one_week">1W</button>
  3775. <button id="one_month">1M</button>
  3776. <button id="one_year">1Y</button>
  3777. <button id="five_year">5Y</button>
  3778. </div>
  3779. <div class="chart_timeline">
  3780. <div class="on">
  3781. 통화 4_chart_timeline_cont1
  3782. </div>
  3783. <div>
  3784. 통화 4_chart_timeline_cont2
  3785. </div>
  3786. <div>
  3787. 통화 4_chart_timeline_cont3
  3788. </div>
  3789. <div>
  3790. 통화 4_chart_timeline_cont4
  3791. </div>
  3792. <div>
  3793. 통화 4_chart_timeline_cont5
  3794. </div>
  3795. </div>
  3796. </div>
  3797. </div>
  3798. <div class="swiper-slide">
  3799. <div class="chart_ct_wr">
  3800. <div class="toolbar">
  3801. <button id="one_day" class="active">1D</button>
  3802. <button id="one_week">1W</button>
  3803. <button id="one_month">1M</button>
  3804. <button id="one_year">1Y</button>
  3805. <button id="five_year">5Y</button>
  3806. </div>
  3807. <div class="chart_timeline">
  3808. <div class="on">
  3809. 통화 5_chart_timeline_cont1
  3810. </div>
  3811. <div>
  3812. 통화 5_chart_timeline_cont2
  3813. </div>
  3814. <div>
  3815. 통화 5_chart_timeline_cont3
  3816. </div>
  3817. <div>
  3818. 통화 5_chart_timeline_cont4
  3819. </div>
  3820. <div>
  3821. 통화 5_chart_timeline_cont5
  3822. </div>
  3823. </div>
  3824. </div>
  3825. </div>
  3826. <div class="swiper-slide">
  3827. <div class="chart_ct_wr">
  3828. <div class="toolbar">
  3829. <button id="one_day" class="active">1D</button>
  3830. <button id="one_week">1W</button>
  3831. <button id="one_month">1M</button>
  3832. <button id="one_year">1Y</button>
  3833. <button id="five_year">5Y</button>
  3834. </div>
  3835. <div class="chart_timeline">
  3836. <div class="on">
  3837. 통화 6_chart_timeline_cont1
  3838. </div>
  3839. <div>
  3840. 통화 6_chart_timeline_cont2
  3841. </div>
  3842. <div>
  3843. 통화 6_chart_timeline_cont3
  3844. </div>
  3845. <div>
  3846. 통화 6_chart_timeline_cont4
  3847. </div>
  3848. <div>
  3849. 통화 6_chart_timeline_cont5
  3850. </div>
  3851. </div>
  3852. </div>
  3853. </div> -->
  3854.                </div>
  3855.              </div>
  3856.            </div>
  3857.  
  3858.            <!-- tab2 -->
  3859.            <div>
  3860.              <div class="thumb_wrap">
  3861.                <div thumbsSlider="" class="swiper popular_asset_thumb popular_asset_thumb2">
  3862.                  <div class="swiper-wrapper" id="indicesArea">
  3863.  
  3864.                    <div class="swiper-slide _pluse_bg">
  3865.                      <div class="asset_title_area flex_area">
  3866.                        <div class="asset_icon one_icon">
  3867.                          <figure>
  3868.                            <img src="../img/indices/KR.svg" alt="">
  3869.                          </figure>
  3870.                        </div>
  3871.                        <div class="asset_title">
  3872.                          <span class="_nation">KOSPI</span>
  3873.                          <span class="_unit">(코스피)</span>
  3874.                        </div>
  3875.                      </div>
  3876.                      <div class="main_rates_area">
  3877.                        <div class="main_rates">
  3878.                          <div class="left_box_">
  3879.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  3880.                            <i class="xi-caret-down" id="latest_down_caret"
  3881.                               style="display: none;"></i>
  3882.                            <p class="bid" id="latest_bid">0,000.000</p>
  3883.                          </div>
  3884.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  3885.                          </p>
  3886.                        </div>
  3887.                      </div>
  3888.                    </div>
  3889.                    <div class="swiper-slide _minus_bg">
  3890.                      <div class="asset_title_area flex_area">
  3891.                        <div class="asset_icon one_icon">
  3892.                          <figure>
  3893.                            <img src="../img/indices/kda.svg" alt="">
  3894.                          </figure>
  3895.                        </div>
  3896.                        <div class="asset_title">
  3897.                          <span class="_nation">KOSDAQ</span>
  3898.                          <span class="_unit">(코스닥)</span>
  3899.                        </div>
  3900.                      </div>
  3901.                      <div class="main_rates_area">
  3902.                        <div class="main_rates">
  3903.                          <div class="left_box_">
  3904.                            <i class="xi-caret-up" id="latest_up_caret"
  3905.                               style="display: none;"></i>
  3906.                            <i class="xi-caret-down" id="latest_down_caret" style=""></i>
  3907.                            <p class="bid" id="latest_bid">0,000.000</p>
  3908.                          </div>
  3909.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  3910.                          </p>
  3911.                        </div>
  3912.                      </div>
  3913.                    </div>
  3914.                    <div class="swiper-slide _pluse_bg">
  3915.                      <div class="asset_title_area flex_area">
  3916.                        <div class="asset_icon one_icon">
  3917.                          <figure>
  3918.                            <img src="../img/indices/d.svg" alt="">
  3919.                          </figure>
  3920.                        </div>
  3921.                        <div class="asset_title">
  3922.                          <span class="_nation">Dow Jones</span>
  3923.                          <span class="_unit">(다우존스)</span>
  3924.                        </div>
  3925.                      </div>
  3926.                      <div class="main_rates_area">
  3927.                        <div class="main_rates">
  3928.                          <div class="left_box_">
  3929.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  3930.                            <i class="xi-caret-down" id="latest_down_caret"
  3931.                               style="display: none;"></i>
  3932.                            <p class="bid" id="latest_bid">0,000.000</p>
  3933.                          </div>
  3934.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  3935.                          </p>
  3936.                        </div>
  3937.                      </div>
  3938.                    </div>
  3939.                    <div class="swiper-slide _pluse_bg">
  3940.                      <div class="asset_title_area flex_area">
  3941.                        <div class="asset_icon one_icon">
  3942.                          <figure>
  3943.                            <img src="../img/indices/nas.svg" alt="">
  3944.                          </figure>
  3945.                        </div>
  3946.                        <div class="asset_title">
  3947.                          <span class="_nation">NASDAQ</span>
  3948.                          <span class="_unit">(나스닥)</span>
  3949.                        </div>
  3950.                      </div>
  3951.                      <div class="main_rates_area">
  3952.                        <div class="main_rates">
  3953.                          <div class="left_box_">
  3954.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  3955.                            <i class="xi-caret-down" id="latest_down_caret"
  3956.                               style="display: none;"></i>
  3957.                            <p class="bid" id="latest_bid">0,000.000</p>
  3958.                          </div>
  3959.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  3960.                          </p>
  3961.                        </div>
  3962.                      </div>
  3963.                    </div>
  3964.                    <div class="swiper-slide _pluse_bg">
  3965.                      <div class="asset_title_area flex_area">
  3966.                        <div class="asset_icon one_icon">
  3967.                          <figure>
  3968.                            <img src="../img/indices/nas.svg" alt="">
  3969.                          </figure>
  3970.                        </div>
  3971.                        <div class="asset_title">
  3972.                          <span class="_nation">S&P 500</span>
  3973.                          <span class="_unit">(S&P 500)</span>
  3974.                        </div>
  3975.                      </div>
  3976.                      <div class="main_rates_area">
  3977.                        <div class="main_rates">
  3978.                          <div class="left_box_">
  3979.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  3980.                            <i class="xi-caret-down" id="latest_down_caret"
  3981.                               style="display: none;"></i>
  3982.                            <p class="bid" id="latest_bid">0,000.000</p>
  3983.                          </div>
  3984.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  3985.                          </p>
  3986.                        </div>
  3987.                      </div>
  3988.                    </div>
  3989.                    <div class="swiper-slide _pluse_bg">
  3990.                      <div class="asset_title_area flex_area">
  3991.                        <div class="asset_icon one_icon">
  3992.                          <figure>
  3993.                            <img src="../img/indices/HK.svg" alt="">
  3994.                          </figure>
  3995.                        </div>
  3996.                        <div class="asset_title">
  3997.                          <span class="_nation">Hang Seng</span>
  3998.                          <span class="_unit">(항셍)</span>
  3999.                        </div>
  4000.                      </div>
  4001.                      <div class="main_rates_area">
  4002.                        <div class="main_rates">
  4003.                          <div class="left_box_">
  4004.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4005.                            <i class="xi-caret-down" id="latest_down_caret"
  4006.                               style="display: none;"></i>
  4007.                            <p class="bid" id="latest_bid">0,000.000</p>
  4008.                          </div>
  4009.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4010.                          </p>
  4011.                        </div>
  4012.                      </div>
  4013.                    </div>
  4014.                    <div class="swiper-slide _pluse_bg">
  4015.                      <div class="asset_title_area flex_area">
  4016.                        <div class="asset_icon one_icon">
  4017.                          <figure>
  4018.                            <img src="../img/indices/emty.svg" alt="">
  4019.                          </figure>
  4020.                        </div>
  4021.                        <div class="asset_title">
  4022.                          <span class="_nation">Shanghai</span>
  4023.                          <span class="_unit">(상하이)</span>
  4024.                        </div>
  4025.                      </div>
  4026.                      <div class="main_rates_area">
  4027.                        <div class="main_rates">
  4028.                          <div class="left_box_">
  4029.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4030.                            <i class="xi-caret-down" id="latest_down_caret"
  4031.                               style="display: none;"></i>
  4032.                            <p class="bid" id="latest_bid">0,000.000</p>
  4033.                          </div>
  4034.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4035.                          </p>
  4036.                        </div>
  4037.                      </div>
  4038.                    </div>
  4039.                    <div class="swiper-slide _pluse_bg">
  4040.                      <div class="asset_title_area flex_area">
  4041.                        <div class="asset_icon one_icon">
  4042.                          <figure>
  4043.                            <img src="../img/indices/emty.svg" alt="">
  4044.                          </figure>
  4045.                        </div>
  4046.                        <div class="asset_title">
  4047.                          <span class="_nation">닥스</span>
  4048.                          <span class="_unit">(DAX)</span>
  4049.                        </div>
  4050.                      </div>
  4051.                      <div class="main_rates_area">
  4052.                        <div class="main_rates">
  4053.                          <div class="left_box_">
  4054.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4055.                            <i class="xi-caret-down" id="latest_down_caret"
  4056.                               style="display: none;"></i>
  4057.                            <p class="bid" id="latest_bid">0,000.000</p>
  4058.                          </div>
  4059.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4060.                          </p>
  4061.                        </div>
  4062.                      </div>
  4063.                    </div>
  4064.                    <div class="swiper-slide _pluse_bg">
  4065.                      <div class="asset_title_area flex_area">
  4066.                        <div class="asset_icon one_icon">
  4067.                          <figure>
  4068.                            <img src="../img/indices/emty.svg" alt="">
  4069.                          </figure>
  4070.                        </div>
  4071.                        <div class="asset_title">
  4072.                          <span class="_nation">유로 스톡스 50</span>
  4073.                          <span class="_unit">(Euro Stoxx 50)</span>
  4074.                        </div>
  4075.                      </div>
  4076.                      <div class="main_rates_area">
  4077.                        <div class="main_rates">
  4078.                          <div class="left_box_">
  4079.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4080.                            <i class="xi-caret-down" id="latest_down_caret"
  4081.                               style="display: none;"></i>
  4082.                            <p class="bid" id="latest_bid">0,000.000</p>
  4083.                          </div>
  4084.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4085.                          </p>
  4086.                        </div>
  4087.                      </div>
  4088.                    </div>
  4089.                    <div class="swiper-slide _pluse_bg">
  4090.                      <div class="asset_title_area flex_area">
  4091.                        <div class="asset_icon one_icon">
  4092.                          <figure>
  4093.                            <img src="../img/indices/emty.svg" alt="">
  4094.                          </figure>
  4095.                        </div>
  4096.                        <div class="asset_title">
  4097.                          <span class="_nation">니케이</span>
  4098.                          <span class="_unit">(Nikkei 225)</span>
  4099.                        </div>
  4100.                      </div>
  4101.                      <div class="main_rates_area">
  4102.                        <div class="main_rates">
  4103.                          <div class="left_box_">
  4104.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4105.                            <i class="xi-caret-down" id="latest_down_caret"
  4106.                               style="display: none;"></i>
  4107.                            <p class="bid" id="latest_bid">0,000.000</p>
  4108.                          </div>
  4109.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4110.                          </p>
  4111.                        </div>
  4112.                      </div>
  4113.                    </div>
  4114.                  </div>
  4115.                </div>
  4116.                <!-- thumb_slider_btn area -->
  4117.                <div class="popular_asset_prev popular_asset_btn"></div>
  4118.                <div class="popular_asset_next popular_asset_btn"></div>
  4119.              </div>
  4120.              <div class="swiper popular_asset_slider popular_asset_slider2">
  4121.                <div class="swiper-wrapper">
  4122.                  <div class="swiper-slide">
  4123.                    <div class="chart_ct_wr">
  4124.                      <div class="toolbar">
  4125.                        <button id="one_month2" class="active">1M</button>
  4126.                        <button id="three_month2">3M</button>
  4127.                        <button id="six_month2">6M</button>
  4128.                        <button id="nine_month2">9M</button>
  4129.                        <button id="all_btn2">1Y</button>
  4130.                      </div>
  4131.                      <div class="chart_timeline">
  4132.                        <div class="on" id="chart-timeline2">
  4133.  
  4134.                        </div>
  4135.                        <!-- <div>
  4136. 지수 1_chart_timeline_cont2
  4137. </div>
  4138. <div>
  4139. 지수 1_chart_timeline_cont3
  4140. </div>
  4141. <div>
  4142. 지수 1_chart_timeline_cont4
  4143. </div>
  4144. <div>
  4145. 지수 1_chart_timeline_cont5
  4146. </div> -->
  4147.                      </div>
  4148.                    </div>
  4149.                  </div>
  4150.                  <!-- <div class="swiper-slide">
  4151. <div class="chart_ct_wr">
  4152. <div class="toolbar">
  4153. <button id="one_day" class="active">1D</button>
  4154. <button id="one_week">1W</button>
  4155. <button id="one_month">1M</button>
  4156. <button id="one_year">1Y</button>
  4157. <button id="five_year">5Y</button>
  4158. </div>
  4159. <div class="chart_timeline">
  4160. <div class="on">
  4161. 지수 2_chart_timeline_cont1
  4162. </div>
  4163. <div>
  4164. 지수 2_chart_timeline_cont2
  4165. </div>
  4166. <div>
  4167. 지수 2_chart_timeline_cont3
  4168. </div>
  4169. <div>
  4170. 지수 2_chart_timeline_cont4
  4171. </div>
  4172. <div>
  4173. 지수 2_chart_timeline_cont5
  4174. </div>
  4175. </div>
  4176. </div>
  4177. </div>
  4178. <div class="swiper-slide">
  4179. <div class="chart_ct_wr">
  4180. <div class="toolbar">
  4181. <button id="one_day" class="active">1D</button>
  4182. <button id="one_week">1W</button>
  4183. <button id="one_month">1M</button>
  4184. <button id="one_year">1Y</button>
  4185. <button id="five_year">5Y</button>
  4186. </div>
  4187. <div class="chart_timeline">
  4188. <div class="on">
  4189. 지수 3_chart_timeline_cont1
  4190. </div>
  4191. <div>
  4192. 지수 3_chart_timeline_cont2
  4193. </div>
  4194. <div>
  4195. 지수 3_chart_timeline_cont3
  4196. </div>
  4197. <div>
  4198. 지수 3_chart_timeline_cont4
  4199. </div>
  4200. <div>
  4201. 지수 3_chart_timeline_cont5
  4202. </div>
  4203. </div>
  4204. </div>
  4205. </div>
  4206. <div class="swiper-slide">
  4207. <div class="chart_ct_wr">
  4208. <div class="toolbar">
  4209. <button id="one_day" class="active">1D</button>
  4210. <button id="one_week">1W</button>
  4211. <button id="one_month">1M</button>
  4212. <button id="one_year">1Y</button>
  4213. <button id="five_year">5Y</button>
  4214. </div>
  4215. <div class="chart_timeline">
  4216. <div class="on">
  4217. 지수 4_chart_timeline_cont1
  4218. </div>
  4219. <div>
  4220. 지수 4_chart_timeline_cont2
  4221. </div>
  4222. <div>
  4223. 지수 4_chart_timeline_cont3
  4224. </div>
  4225. <div>
  4226. 지수 4_chart_timeline_cont4
  4227. </div>
  4228. <div>
  4229. 지수 4_chart_timeline_cont5
  4230. </div>
  4231. </div>
  4232. </div>
  4233. </div>
  4234. <div class="swiper-slide">
  4235. <div class="chart_ct_wr">
  4236. <div class="toolbar">
  4237. <button id="one_day" class="active">1D</button>
  4238. <button id="one_week">1W</button>
  4239. <button id="one_month">1M</button>
  4240. <button id="one_year">1Y</button>
  4241. <button id="five_year">5Y</button>
  4242. </div>
  4243. <div class="chart_timeline">
  4244. <div class="on">
  4245. 지수 5_chart_timeline_cont1
  4246. </div>
  4247. <div>
  4248. 지수 5_chart_timeline_cont2
  4249. </div>
  4250. <div>
  4251. 지수 5_chart_timeline_cont3
  4252. </div>
  4253. <div>
  4254. 지수 5_chart_timeline_cont4
  4255. </div>
  4256. <div>
  4257. 지수 5_chart_timeline_cont5
  4258. </div>
  4259. </div>
  4260. </div>
  4261. </div>
  4262. <div class="swiper-slide">
  4263. <div class="chart_ct_wr">
  4264. <div class="toolbar">
  4265. <button id="one_day" class="active">1D</button>
  4266. <button id="one_week">1W</button>
  4267. <button id="one_month">1M</button>
  4268. <button id="one_year">1Y</button>
  4269. <button id="five_year">5Y</button>
  4270. </div>
  4271. <div class="chart_timeline">
  4272. <div class="on">
  4273. 지수 6_chart_timeline_cont1
  4274. </div>
  4275. <div>
  4276. 지수 6_chart_timeline_cont2
  4277. </div>
  4278. <div>
  4279. 지수 6_chart_timeline_cont3
  4280. </div>
  4281. <div>
  4282. 지수 6_chart_timeline_cont4
  4283. </div>
  4284. <div>
  4285. 지수 6_chart_timeline_cont5
  4286. </div>
  4287. </div>
  4288. </div>
  4289. </div>
  4290. <div class="swiper-slide">
  4291. <div class="chart_ct_wr">
  4292. <div class="toolbar">
  4293. <button id="one_day" class="active">1D</button>
  4294. <button id="one_week">1W</button>
  4295. <button id="one_month">1M</button>
  4296. <button id="one_year">1Y</button>
  4297. <button id="five_year">5Y</button>
  4298. </div>
  4299. <div class="chart_timeline">
  4300. <div class="on">
  4301. 지수 7_chart_timeline_cont1
  4302. </div>
  4303. <div>
  4304. 지수 7_chart_timeline_cont2
  4305. </div>
  4306. <div>
  4307. 지수 7_chart_timeline_cont3
  4308. </div>
  4309. <div>
  4310. 지수 7_chart_timeline_cont4
  4311. </div>
  4312. <div>
  4313. 지수 7_chart_timeline_cont5
  4314. </div>
  4315. </div>
  4316. </div>
  4317. </div>
  4318. <div class="swiper-slide">
  4319. <div class="chart_ct_wr">
  4320. <div class="toolbar">
  4321. <button id="one_day" class="active">1D</button>
  4322. <button id="one_week">1W</button>
  4323. <button id="one_month">1M</button>
  4324. <button id="one_year">1Y</button>
  4325. <button id="five_year">5Y</button>
  4326. </div>
  4327. <div class="chart_timeline">
  4328. <div class="on">
  4329. 지수 8_chart_timeline_cont1
  4330. </div>
  4331. <div>
  4332. 지수 8_chart_timeline_cont2
  4333. </div>
  4334. <div>
  4335. 지수 8_chart_timeline_cont3
  4336. </div>
  4337. <div>
  4338. 지수 8_chart_timeline_cont4
  4339. </div>
  4340. <div>
  4341. 지수 8_chart_timeline_cont5
  4342. </div>
  4343. </div>
  4344. </div>
  4345. </div>
  4346. <div class="swiper-slide">
  4347. <div class="chart_ct_wr">
  4348. <div class="toolbar">
  4349. <button id="one_day" class="active">1D</button>
  4350. <button id="one_week">1W</button>
  4351. <button id="one_month">1M</button>
  4352. <button id="one_year">1Y</button>
  4353. <button id="five_year">5Y</button>
  4354. </div>
  4355. <div class="chart_timeline">
  4356. <div class="on">
  4357. 지수 9_chart_timeline_cont1
  4358. </div>
  4359. <div>
  4360. 지수 9_chart_timeline_cont2
  4361. </div>
  4362. <div>
  4363. 지수 9_chart_timeline_cont3
  4364. </div>
  4365. <div>
  4366. 지수 9_chart_timeline_cont4
  4367. </div>
  4368. <div>
  4369. 지수 9_chart_timeline_cont5
  4370. </div>
  4371. </div>
  4372. </div>
  4373. </div>
  4374. <div class="swiper-slide">
  4375. <div class="chart_ct_wr">
  4376. <div class="toolbar">
  4377. <button id="one_day" class="active">1D</button>
  4378. <button id="one_week">1W</button>
  4379. <button id="one_month">1M</button>
  4380. <button id="one_year">1Y</button>
  4381. <button id="five_year">5Y</button>
  4382. </div>
  4383. <div class="chart_timeline">
  4384. <div class="on">
  4385. 지수 10_chart_timeline_cont1
  4386. </div>
  4387. <div>
  4388. 지수 10_chart_timeline_cont2
  4389. </div>
  4390. <div>
  4391. 지수 10_chart_timeline_cont3
  4392. </div>
  4393. <div>
  4394. 지수 10_chart_timeline_cont4
  4395. </div>
  4396. <div>
  4397. 지수 10_chart_timeline_cont5
  4398. </div>
  4399. </div>
  4400. </div>
  4401. </div> -->
  4402.  
  4403.                </div>
  4404.              </div>
  4405.            </div>
  4406.  
  4407.            <!-- tab3 -->
  4408.            <div>
  4409.              <div class="thumb_wrap">
  4410.                <div thumbsSlider="" class="swiper popular_asset_thumb popular_asset_thumb3">
  4411.                  <div class="swiper-wrapper" id="commodityArea">
  4412.                    <div class="swiper-slide _pluse_bg">
  4413.                      <div class="asset_title_area flex_area">
  4414.                        <!-- <div class="asset_icon one_icon">
  4415.                                                <figure><img src="../img/Crypto-icons/GOLD.svg" alt=""></figure>
  4416.                                                <figure><img src="../img/flag-icons/US.svg" alt=""></figure>
  4417. </div>-->
  4418.                        <div class="asset_title">
  4419.                          <span class="_nation">Gold</span>
  4420.                          <span class="_unit">(금)</span>
  4421.                        </div>
  4422.                      </div>
  4423.                      <div class="main_rates_area">
  4424.                        <div class="main_rates">
  4425.                          <div class="left_box_">
  4426.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4427.                            <i class="xi-caret-down" id="latest_down_caret"
  4428.                               style="display: none;"></i>
  4429.                            <p class="bid" id="latest_bid">0,000.000</p>
  4430.                          </div>
  4431.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4432.                          </p>
  4433.                        </div>
  4434.                      </div>
  4435.                    </div>
  4436.                    <div class="swiper-slide _minus_bg">
  4437.                      <div class="asset_title_area flex_area">
  4438.                        <!-- <div class="asset_icon one_icon">
  4439.                                                <figure><img src="../img/Crypto-icons/emty.svg" alt=""></figure>
  4440.                                                <figure><img src="../img/flag-icons/US.svg" alt=""></figure>
  4441. </div> -->
  4442.                        <div class="asset_title">
  4443.                          <span class="_nation">Silver</span>
  4444.                          <span class="_unit">(은)</span>
  4445.                        </div>
  4446.                      </div>
  4447.                      <div class="main_rates_area">
  4448.                        <div class="main_rates">
  4449.                          <div class="left_box_">
  4450.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4451.                            <i class="xi-caret-down" id="latest_down_caret"
  4452.                               style="display: none;"></i>
  4453.                            <p class="bid" id="latest_bid">0,000.000</p>
  4454.                          </div>
  4455.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4456.                          </p>
  4457.                        </div>
  4458.                      </div>
  4459.                    </div>
  4460.                    <div class="swiper-slide _minus_bg">
  4461.                      <div class="asset_title_area flex_area">
  4462.                        <!-- <div class="asset_icon one_icon">
  4463.                                                <figure><img src="../img/Crypto-icons/emty.svg" alt=""></figure>
  4464.                                                <figure><img src="../img/flag-icons/US.svg" alt=""></figure>
  4465. </div>-->
  4466.                        <div class="asset_title">
  4467.                          <span class="_nation">Copper</span>
  4468.                          <span class="_unit">(구리)</span>
  4469.                        </div>
  4470.                      </div>
  4471.                      <div class="main_rates_area">
  4472.                        <div class="main_rates">
  4473.                          <div class="left_box_">
  4474.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4475.                            <i class="xi-caret-down" id="latest_down_caret"
  4476.                               style="display: none;"></i>
  4477.                            <p class="bid" id="latest_bid">0,000.000</p>
  4478.                          </div>
  4479.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4480.                          </p>
  4481.                        </div>
  4482.                      </div>
  4483.                    </div>
  4484.                    <div class="swiper-slide _pluse_bg">
  4485.                      <div class="asset_title_area flex_area">
  4486.                        <!-- <div class="asset_icon one_icon">
  4487.                                                <figure><img src="../img/Crypto-icons/emty.svg" alt=""></figure>
  4488.                                                <figure><img src="../img/flag-icons/US.svg" alt=""></figure>
  4489. </div>-->
  4490.                        <div class="asset_title">
  4491.                          <span class="_nation">Crude oil</span>
  4492.                          <span class="_unit">(WTI)</span>
  4493.                        </div>
  4494.                      </div>
  4495.                      <div class="main_rates_area">
  4496.                        <div class="main_rates">
  4497.                          <div class="left_box_">
  4498.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4499.                            <i class="xi-caret-down" id="latest_down_caret"
  4500.                               style="display: none;"></i>
  4501.                            <p class="bid" id="latest_bid">0,000.000</p>
  4502.                          </div>
  4503.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4504.                          </p>
  4505.                        </div>
  4506.                      </div>
  4507.                    </div>
  4508.                    <div class="swiper-slide _pluse_bg">
  4509.                      <div class="asset_title_area flex_area">
  4510.                        <!-- <div class="asset_icon one_icon">
  4511.                                                <figure><img src="../img/Crypto-icons/emty.svg" alt=""></figure>
  4512.                                                <figure><img src="../img/flag-icons/US.svg" alt=""></figure>
  4513. </div>-->
  4514.                        <div class="asset_title">
  4515.                          <span class="_nation">Natural Gas</span>
  4516.                          <span class="_unit">(천연가스)</span>
  4517.                        </div>
  4518.                      </div>
  4519.                      <div class="main_rates_area">
  4520.                        <div class="main_rates">
  4521.                          <div class="left_box_">
  4522.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4523.                            <i class="xi-caret-down" id="latest_down_caret"
  4524.                               style="display: none;"></i>
  4525.                            <p class="bid" id="latest_bid">0,000.000</p>
  4526.                          </div>
  4527.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4528.                          </p>
  4529.                        </div>
  4530.                      </div>
  4531.                    </div>
  4532.                  </div>
  4533.                </div>
  4534.                <!-- thumb_slider_btn area -->
  4535.                <div class="popular_asset_prev popular_asset_btn"></div>
  4536.                <div class="popular_asset_next popular_asset_btn"></div>
  4537.              </div>
  4538.              <div class="swiper popular_asset_slider popular_asset_slider3">
  4539.                <div class="swiper-wrapper">
  4540.                  <div class="swiper-slide">
  4541.                    <div class="chart_ct_wr">
  4542.                      <div class="toolbar">
  4543.                        <button id="one_month3" class="active">1M</button>
  4544.                        <button id="three_month3">3M</button>
  4545.                        <button id="six_month3" disabled="true">6M</button>
  4546.                        <button id="nine_month3" disabled="true">9M</button>
  4547.                        <button id="all_btn3" disabled="true">1Y</button>
  4548.                      </div>
  4549.                      <div class="chart_timeline">
  4550.                        <div class="on" id="chart-timeline3">
  4551.  
  4552.                        </div>
  4553.                        <!-- <div>
  4554. 원자재 1_chart_timeline_cont2
  4555. </div>
  4556. <div>
  4557. 원자재 1_chart_timeline_cont3
  4558. </div>
  4559. <div>
  4560. 원자재 1_chart_timeline_cont4
  4561. </div>
  4562. <div>
  4563. 원자재 1_chart_timeline_cont5
  4564. </div> -->
  4565.                      </div>
  4566.                    </div>
  4567.                  </div>
  4568.                  <!-- <div class="swiper-slide">
  4569. <div class="chart_ct_wr">
  4570. <div class="toolbar">
  4571. <button id="one_day" class="active">1D</button>
  4572. <button id="one_week">1W</button>
  4573. <button id="one_month">1M</button>
  4574. <button id="one_year">1Y</button>
  4575. <button id="five_year">5Y</button>
  4576. </div>
  4577. <div class="chart_timeline">
  4578. <div class="on">
  4579. 원자재 2_chart_timeline_cont1
  4580. </div>
  4581. <div>
  4582. 원자재 2_chart_timeline_cont2
  4583. </div>
  4584. <div>
  4585. 원자재 2_chart_timeline_cont3
  4586. </div>
  4587. <div>
  4588. 원자재 2_chart_timeline_cont4
  4589. </div>
  4590. <div>
  4591. 원자재 2_chart_timeline_cont5
  4592. </div>
  4593. </div>
  4594. </div>
  4595. </div>
  4596. <div class="swiper-slide">
  4597. <div class="chart_ct_wr">
  4598. <div class="toolbar">
  4599. <button id="one_day" class="active">1D</button>
  4600. <button id="one_week">1W</button>
  4601. <button id="one_month">1M</button>
  4602. <button id="one_year">1Y</button>
  4603. <button id="five_year">5Y</button>
  4604. </div>
  4605. <div class="chart_timeline">
  4606. <div class="on">
  4607. 원자재 3_chart_timeline_cont1
  4608. </div>
  4609. <div>
  4610. 원자재 3_chart_timeline_cont2
  4611. </div>
  4612. <div>
  4613. 원자재 3_chart_timeline_cont3
  4614. </div>
  4615. <div>
  4616. 원자재 3_chart_timeline_cont4
  4617. </div>
  4618. <div>
  4619. 원자재 3_chart_timeline_cont5
  4620. </div>
  4621. </div>
  4622. </div>
  4623. </div>
  4624. <div class="swiper-slide">
  4625. <div class="chart_ct_wr">
  4626. <div class="toolbar">
  4627. <button id="one_day" class="active">1D</button>
  4628. <button id="one_week">1W</button>
  4629. <button id="one_month">1M</button>
  4630. <button id="one_year">1Y</button>
  4631. <button id="five_year">5Y</button>
  4632. </div>
  4633. <div class="chart_timeline">
  4634. <div class="on">
  4635. 원자재 4_chart_timeline_cont1
  4636. </div>
  4637. <div>
  4638. 원자재 4_chart_timeline_cont2
  4639. </div>
  4640. <div>
  4641. 원자재 4_chart_timeline_cont3
  4642. </div>
  4643. <div>
  4644. 원자재 4_chart_timeline_cont4
  4645. </div>
  4646. <div>
  4647. 원자재 4_chart_timeline_cont5
  4648. </div>
  4649. </div>
  4650. </div>
  4651. </div>
  4652. <div class="swiper-slide">
  4653. <div class="chart_ct_wr">
  4654. <div class="toolbar">
  4655. <button id="one_day" class="active">1D</button>
  4656. <button id="one_week">1W</button>
  4657. <button id="one_month">1M</button>
  4658. <button id="one_year">1Y</button>
  4659. <button id="five_year">5Y</button>
  4660. </div>
  4661. <div class="chart_timeline">
  4662. <div class="on">
  4663. 원자재 5_chart_timeline_cont1
  4664. </div>
  4665. <div>
  4666. 원자재 5_chart_timeline_cont2
  4667. </div>
  4668. <div>
  4669. 원자재 5_chart_timeline_cont3
  4670. </div>
  4671. <div>
  4672. 원자재 5_chart_timeline_cont4
  4673. </div>
  4674. <div>
  4675. 원자재 5_chart_timeline_cont5
  4676. </div>
  4677. </div>
  4678. </div>
  4679. </div> -->
  4680.  
  4681.  
  4682.                </div>
  4683.              </div>
  4684.            </div>
  4685.  
  4686.            <!-- tab4 -->
  4687.            <div>
  4688.              <div class="thumb_wrap">
  4689.                <div thumbsSlider="" class="swiper popular_asset_thumb popular_asset_thumb4">
  4690.                  <div class="swiper-wrapper" id="cryptoArea">
  4691.                    <div class="swiper-slide _pluse_bg">
  4692.                      <div class="asset_title_area flex_area">
  4693.                        <div class="asset_icon one_icon">
  4694.                          <figure>
  4695.                            <img src="../img/Crypto-icons/btc.svg" alt="">
  4696.                          </figure>
  4697.                          <!-- <figure><img src="../img/flag-icons/US.svg" alt=""></figure> -->
  4698.                        </div>
  4699.                        <div class="asset_title">
  4700.                          <span class="_nation">BTC/USD</span>
  4701.                          <span class="_unit">(비트코인/달러)</span>
  4702.                        </div>
  4703.                      </div>
  4704.                      <div class="main_rates_area">
  4705.                        <div class="main_rates">
  4706.                          <div class="left_box_">
  4707.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4708.                            <i class="xi-caret-down" id="latest_down_caret"
  4709.                               style="display: none;"></i>
  4710.                            <p class="bid" id="latest_bid">0,000.000</p>
  4711.                          </div>
  4712.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4713.                          </p>
  4714.                        </div>
  4715.                      </div>
  4716.                    </div>
  4717.                    <div class="swiper-slide _pluse_bg">
  4718.                      <div class="asset_title_area flex_area">
  4719.                        <div class="asset_icon one_icon">
  4720.                          <figure>
  4721.                            <img src="../img/Crypto-icons/eth-1.svg" alt="">
  4722.                          </figure>
  4723.                          <!-- <figure><img src="../img/flag-icons/US.svg" alt=""></figure> -->
  4724.                        </div>
  4725.                        <div class="asset_title">
  4726.                          <span class="_nation">ETH/USD</span>
  4727.                          <span class="_unit">(이더리움/달러)</span>
  4728.                        </div>
  4729.                      </div>
  4730.                      <div class="main_rates_area">
  4731.                        <div class="main_rates">
  4732.                          <div class="left_box_">
  4733.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4734.                            <i class="xi-caret-down" id="latest_down_caret"
  4735.                               style="display: none;"></i>
  4736.                            <p class="bid" id="latest_bid">0,000.000</p>
  4737.                          </div>
  4738.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4739.                          </p>
  4740.                        </div>
  4741.                      </div>
  4742.                    </div>
  4743.                    <div class="swiper-slide _minus_bg">
  4744.                      <div class="asset_title_area flex_area">
  4745.                        <div class="asset_icon one_icon">
  4746.                          <figure>
  4747.                            <img src="../img/Crypto-icons/usdt.svg" alt="">
  4748.                          </figure>
  4749.                          <!-- <figure><img src="../img/flag-icons/US.svg" alt=""></figure> -->
  4750.                        </div>
  4751.                        <div class="asset_title">
  4752.                          <span class="_nation">USDT/USD</span>
  4753.                          <span class="_unit">(테더/달러)</span>
  4754.                        </div>
  4755.                      </div>
  4756.                      <div class="main_rates_area">
  4757.                        <div class="main_rates">
  4758.                          <div class="left_box_">
  4759.                            <i class="xi-caret-up" id="latest_up_caret"
  4760.                               style="display: none;"></i>
  4761.                            <i class="xi-caret-down" id="latest_down_caret" style=""></i>
  4762.                            <p class="bid" id="latest_bid">0,000.000</p>
  4763.                          </div>
  4764.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4765.                          </p>
  4766.                        </div>
  4767.                      </div>
  4768.                    </div>
  4769.                    <div class="swiper-slide _pluse_bg">
  4770.                      <div class="asset_title_area flex_area">
  4771.                        <div class="asset_icon one_icon">
  4772.                          <figure>
  4773.                            <img src="../img/Crypto-icons/bnb.svg" alt="">
  4774.                          </figure>
  4775.                          <!-- <figure><img src="../img/flag-icons/US.svg" alt=""></figure> -->
  4776.                        </div>
  4777.                        <div class="asset_title">
  4778.                          <span class="_nation">BNB/USD</span>
  4779.                          <span class="_unit">(바이낸스/달러)</span>
  4780.                        </div>
  4781.                      </div>
  4782.                      <div class="main_rates_area">
  4783.                        <div class="main_rates">
  4784.                          <div class="left_box_">
  4785.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4786.                            <i class="xi-caret-down" id="latest_down_caret"
  4787.                               style="display: none;"></i>
  4788.                            <p class="bid" id="latest_bid">0,000.000</p>
  4789.                          </div>
  4790.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4791.                          </p>
  4792.                        </div>
  4793.                      </div>
  4794.                    </div>
  4795.                    <div class="swiper-slide _pluse_bg">
  4796.                      <div class="asset_title_area flex_area">
  4797.                        <div class="asset_icon one_icon">
  4798.                          <figure>
  4799.                            <img src="../img/Crypto-icons/ltc-1.svg" alt="">
  4800.                          </figure>
  4801.                          <!-- <figure><img src="../img/flag-icons/US.svg" alt=""></figure> -->
  4802.                        </div>
  4803.                        <div class="asset_title">
  4804.                          <span class="_nation">LTC/USD</span>
  4805.                          <span class="_unit">(라이트코인/달러)</span>
  4806.                        </div>
  4807.                      </div>
  4808.                      <div class="main_rates_area">
  4809.                        <div class="main_rates">
  4810.                          <div class="left_box_">
  4811.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4812.                            <i class="xi-caret-down" id="latest_down_caret"
  4813.                               style="display: none;"></i>
  4814.                            <p class="bid" id="latest_bid">0,000.000</p>
  4815.                          </div>
  4816.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4817.                          </p>
  4818.                        </div>
  4819.                      </div>
  4820.                    </div>
  4821.                    <div class="swiper-slide _pluse_bg">
  4822.                      <div class="asset_title_area flex_area">
  4823.                        <div class="asset_icon one_icon">
  4824.                          <figure>
  4825.                            <img src="../img/Crypto-icons/emty.svg" alt="">
  4826.                          </figure>
  4827.                          <!-- <figure><img src="../img/flag-icons/US.svg" alt=""></figure> -->
  4828.                        </div>
  4829.                        <div class="asset_title">
  4830.                          <span class="_nation">XRP/USD</span>
  4831.                          <span class="_unit">(리플/달러)</span>
  4832.                        </div>
  4833.                      </div>
  4834.                      <div class="main_rates_area">
  4835.                        <div class="main_rates">
  4836.                          <div class="left_box_">
  4837.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4838.                            <i class="xi-caret-down" id="latest_down_caret"
  4839.                               style="display: none;"></i>
  4840.                            <p class="bid" id="latest_bid">0,000.000</p>
  4841.                          </div>
  4842.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4843.                          </p>
  4844.                        </div>
  4845.                      </div>
  4846.                    </div>
  4847.                    <div class="swiper-slide _pluse_bg">
  4848.                      <div class="asset_title_area flex_area">
  4849.                        <div class="asset_icon one_icon">
  4850.                          <figure>
  4851.                            <img src="../img/Crypto-icons/emty.svg" alt="">
  4852.                          </figure>
  4853.                          <!-- <figure><img src="../img/flag-icons/US.svg" alt=""></figure> -->
  4854.                        </div>
  4855.                        <div class="asset_title">
  4856.                          <span class="_nation">pDOTn/USD</span>
  4857.                          <span class="_unit">(폴카닷/달러)</span>
  4858.                        </div>
  4859.                      </div>
  4860.                      <div class="main_rates_area">
  4861.                        <div class="main_rates">
  4862.                          <div class="left_box_">
  4863.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4864.                            <i class="xi-caret-down" id="latest_down_caret"
  4865.                               style="display: none;"></i>
  4866.                            <p class="bid" id="latest_bid">0,000.000</p>
  4867.                          </div>
  4868.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4869.                          </p>
  4870.                        </div>
  4871.                      </div>
  4872.                    </div>
  4873.                    <div class="swiper-slide _pluse_bg">
  4874.                      <div class="asset_title_area flex_area">
  4875.                        <div class="asset_icon one_icon">
  4876.                          <figure>
  4877.                            <img src="../img/Crypto-icons/emty.svg" alt="">
  4878.                          </figure>
  4879.                          <!-- <figure><img src="../img/flag-icons/US.svg" alt=""></figure> -->
  4880.                        </div>
  4881.                        <div class="asset_title">
  4882.                          <span class="_nation">ADA/USD</span>
  4883.                          <span class="_unit">(카르다노/달러)</span>
  4884.                        </div>
  4885.                      </div>
  4886.                      <div class="main_rates_area">
  4887.                        <div class="main_rates">
  4888.                          <div class="left_box_">
  4889.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4890.                            <i class="xi-caret-down" id="latest_down_caret"
  4891.                               style="display: none;"></i>
  4892.                            <p class="bid" id="latest_bid">0,000.000</p>
  4893.                          </div>
  4894.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4895.                          </p>
  4896.                        </div>
  4897.                      </div>
  4898.                    </div>
  4899.                    <div class="swiper-slide _pluse_bg">
  4900.                      <div class="asset_title_area flex_area">
  4901.                        <div class="asset_icon one_icon">
  4902.                          <figure>
  4903.                            <img src="../img/Crypto-icons/emty.svg" alt="">
  4904.                          </figure>
  4905.                          <!-- <figure><img src="../img/flag-icons/US.svg" alt=""></figure> -->
  4906.                        </div>
  4907.                        <div class="asset_title">
  4908.                          <span class="_nation">DOGE/USD</span>
  4909.                          <span class="_unit">(도지/달러)</span>
  4910.                        </div>
  4911.                      </div>
  4912.                      <div class="main_rates_area">
  4913.                        <div class="main_rates">
  4914.                          <div class="left_box_">
  4915.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4916.                            <i class="xi-caret-down" id="latest_down_caret"
  4917.                               style="display: none;"></i>
  4918.                            <p class="bid" id="latest_bid">0,000.000</p>
  4919.                          </div>
  4920.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4921.                          </p>
  4922.                        </div>
  4923.                      </div>
  4924.                    </div>
  4925.                    <div class="swiper-slide _pluse_bg">
  4926.                      <div class="asset_title_area flex_area">
  4927.                        <div class="asset_icon one_icon">
  4928.                          <figure>
  4929.                            <img src="../img/Crypto-icons/dai.svg" alt="">
  4930.                          </figure>
  4931.                          <!-- <figure><img src="../img/flag-icons/US.svg" alt=""></figure> -->
  4932.                        </div>
  4933.                        <div class="asset_title">
  4934.                          <span class="_nation">DAI/USD</span>
  4935.                          <span class="_unit">(다이/달러)</span>
  4936.                        </div>
  4937.                      </div>
  4938.                      <div class="main_rates_area">
  4939.                        <div class="main_rates">
  4940.                          <div class="left_box_">
  4941.                            <i class="xi-caret-up" id="latest_up_caret" style=""></i>
  4942.                            <i class="xi-caret-down" id="latest_down_caret"
  4943.                               style="display: none;"></i>
  4944.                            <p class="bid" id="latest_bid">0,000.000</p>
  4945.                          </div>
  4946.                          <p class="change_rate" id="latest_rate">-0.000<span>-0.00%</span>
  4947.                          </p>
  4948.                        </div>
  4949.                      </div>
  4950.                    </div>
  4951.  
  4952.                  </div>
  4953.                </div>
  4954.                <!-- thumb_slider_btn area -->
  4955.                <div class="popular_asset_prev popular_asset_btn"></div>
  4956.                <div class="popular_asset_next popular_asset_btn"></div>
  4957.              </div>
  4958.              <div class="swiper popular_asset_slider popular_asset_slider4">
  4959.                <div class="swiper-wrapper">
  4960.                  <div class="swiper-slide">
  4961.                    <div class="chart_ct_wr">
  4962.                      <div class="toolbar">
  4963.                        <button id="one_month4" class="active">1M</button>
  4964.                        <button id="three_month4">3M</button>
  4965.                        <button id="six_month4">6M</button>
  4966.                        <button id="nine_month4">9M</button>
  4967.                        <button id="all_btn4">1Y</button>
  4968.                      </div>
  4969.                      <div class="chart_timeline">
  4970.                        <div class="on" id="chart-timeline4">
  4971.  
  4972.                        </div>
  4973.                        <!-- <div>
  4974. 암호화폐 1_chart_timeline_cont2
  4975. </div>
  4976. <div>
  4977. 암호화폐 1_chart_timeline_cont3
  4978. </div>
  4979. <div>
  4980. 암호화폐 1_chart_timeline_cont4
  4981. </div>
  4982. <div>
  4983. 암호화폐 1_chart_timeline_cont5
  4984. </div> -->
  4985.                      </div>
  4986.                    </div>
  4987.                  </div>
  4988.                  <!-- <div class="swiper-slide">
  4989. <div class="chart_ct_wr">
  4990. <div class="toolbar">
  4991. <button id="one_day" class="active">1D</button>
  4992. <button id="one_week">1W</button>
  4993. <button id="one_month">1M</button>
  4994. <button id="one_year">1Y</button>
  4995. <button id="five_year">5Y</button>
  4996. </div>
  4997. <div class="chart_timeline">
  4998. <div class="on">
  4999. 암호화폐 2_chart_timeline_cont1
  5000. </div>
  5001. <div>
  5002. 암호화폐 2_chart_timeline_cont2
  5003. </div>
  5004. <div>
  5005. 암호화폐 2_chart_timeline_cont3
  5006. </div>
  5007. <div>
  5008. 암호화폐 2_chart_timeline_cont4
  5009. </div>
  5010. <div>
  5011. 암호화폐 2_chart_timeline_cont5
  5012. </div>
  5013. </div>
  5014. </div>
  5015. </div>
  5016. <div class="swiper-slide">
  5017. <div class="chart_ct_wr">
  5018. <div class="toolbar">
  5019. <button id="one_day" class="active">1D</button>
  5020. <button id="one_week">1W</button>
  5021. <button id="one_month">1M</button>
  5022. <button id="one_year">1Y</button>
  5023. <button id="five_year">5Y</button>
  5024. </div>
  5025. <div class="chart_timeline">
  5026. <div class="on">
  5027. 암호화폐 3_chart_timeline_cont1
  5028. </div>
  5029. <div>
  5030. 암호화폐 3_chart_timeline_cont2
  5031. </div>
  5032. <div>
  5033. 암호화폐 3_chart_timeline_cont3
  5034. </div>
  5035. <div>
  5036. 암호화폐 3_chart_timeline_cont4
  5037. </div>
  5038. <div>
  5039. 암호화폐 3_chart_timeline_cont5
  5040. </div>
  5041. </div>
  5042. </div>
  5043. </div>
  5044. <div class="swiper-slide">
  5045. <div class="chart_ct_wr">
  5046. <div class="toolbar">
  5047. <button id="one_day" class="active">1D</button>
  5048. <button id="one_week">1W</button>
  5049. <button id="one_month">1M</button>
  5050. <button id="one_year">1Y</button>
  5051. <button id="five_year">5Y</button>
  5052. </div>
  5053. <div class="chart_timeline">
  5054. <div class="on">
  5055. 암호화폐 4_chart_timeline_cont1
  5056. </div>
  5057. <div>
  5058. 암호화폐 4_chart_timeline_cont2
  5059. </div>
  5060. <div>
  5061. 암호화폐 4_chart_timeline_cont3
  5062. </div>
  5063. <div>
  5064. 암호화폐 4_chart_timeline_cont4
  5065. </div>
  5066. <div>
  5067. 암호화폐 4_chart_timeline_cont5
  5068. </div>
  5069. </div>
  5070. </div>
  5071. </div>
  5072. <div class="swiper-slide">
  5073. <div class="chart_ct_wr">
  5074. <div class="toolbar">
  5075. <button id="one_day" class="active">1D</button>
  5076. <button id="one_week">1W</button>
  5077. <button id="one_month">1M</button>
  5078. <button id="one_year">1Y</button>
  5079. <button id="five_year">5Y</button>
  5080. </div>
  5081. <div class="chart_timeline">
  5082. <div class="on">
  5083. 암호화폐 5_chart_timeline_cont1
  5084. </div>
  5085. <div>
  5086. 암호화폐 5_chart_timeline_cont2
  5087. </div>
  5088. <div>
  5089. 암호화폐 5_chart_timeline_cont3
  5090. </div>
  5091. <div>
  5092. 암호화폐 5_chart_timeline_cont4
  5093. </div>
  5094. <div>
  5095. 암호화폐 5_chart_timeline_cont5
  5096. </div>
  5097. </div>
  5098. </div>
  5099. </div>
  5100. <div class="swiper-slide">
  5101. <div class="chart_ct_wr">
  5102. <div class="toolbar">
  5103. <button id="one_day" class="active">1D</button>
  5104. <button id="one_week">1W</button>
  5105. <button id="one_month">1M</button>
  5106. <button id="one_year">1Y</button>
  5107. <button id="five_year">5Y</button>
  5108. </div>
  5109. <div class="chart_timeline">
  5110. <div class="on">
  5111. 암호화폐 6_chart_timeline_cont1
  5112. </div>
  5113. <div>
  5114. 암호화폐 6_chart_timeline_cont2
  5115. </div>
  5116. <div>
  5117. 암호화폐 6_chart_timeline_cont3
  5118. </div>
  5119. <div>
  5120. 암호화폐 6_chart_timeline_cont4
  5121. </div>
  5122. <div>
  5123. 암호화폐 6_chart_timeline_cont5
  5124. </div>
  5125. </div>
  5126. </div>
  5127. </div>
  5128. <div class="swiper-slide">
  5129. <div class="chart_ct_wr">
  5130. <div class="toolbar">
  5131. <button id="one_day" class="active">1D</button>
  5132. <button id="one_week">1W</button>
  5133. <button id="one_month">1M</button>
  5134. <button id="one_year">1Y</button>
  5135. <button id="five_year">5Y</button>
  5136. </div>
  5137. <div class="chart_timeline">
  5138. <div class="on">
  5139. 암호화폐 7_chart_timeline_cont1
  5140. </div>
  5141. <div>
  5142. 암호화폐 7_chart_timeline_cont2
  5143. </div>
  5144. <div>
  5145. 암호화폐 7_chart_timeline_cont3
  5146. </div>
  5147. <div>
  5148. 암호화폐 7_chart_timeline_cont4
  5149. </div>
  5150. <div>
  5151. 암호화폐 7_chart_timeline_cont5
  5152. </div>
  5153. </div>
  5154. </div>
  5155. </div>
  5156. <div class="swiper-slide">
  5157. <div class="chart_ct_wr">
  5158. <div class="toolbar">
  5159. <button id="one_day" class="active">1D</button>
  5160. <button id="one_week">1W</button>
  5161. <button id="one_month">1M</button>
  5162. <button id="one_year">1Y</button>
  5163. <button id="five_year">5Y</button>
  5164. </div>
  5165. <div class="chart_timeline">
  5166. <div class="on">
  5167. 암호화폐 8_chart_timeline_cont1
  5168. </div>
  5169. <div>
  5170. 암호화폐 8_chart_timeline_cont2
  5171. </div>
  5172. <div>
  5173. 암호화폐 8_chart_timeline_cont3
  5174. </div>
  5175. <div>
  5176. 암호화폐 8_chart_timeline_cont4
  5177. </div>
  5178. <div>
  5179. 암호화폐 8_chart_timeline_cont5
  5180. </div>
  5181. </div>
  5182. </div>
  5183. </div>
  5184. <div class="swiper-slide">
  5185. <div class="chart_ct_wr">
  5186. <div class="toolbar">
  5187. <button id="one_day" class="active">1D</button>
  5188. <button id="one_week">1W</button>
  5189. <button id="one_month">1M</button>
  5190. <button id="one_year">1Y</button>
  5191. <button id="five_year">5Y</button>
  5192. </div>
  5193. <div class="chart_timeline">
  5194. <div class="on">
  5195. 암호화폐 9_chart_timeline_cont1
  5196. </div>
  5197. <div>
  5198. 암호화폐 9_chart_timeline_cont2
  5199. </div>
  5200. <div>
  5201. 암호화폐 9_chart_timeline_cont3
  5202. </div>
  5203. <div>
  5204. 암호화폐 9_chart_timeline_cont4
  5205. </div>
  5206. <div>
  5207. 암호화폐 9_chart_timeline_cont5
  5208. </div>
  5209. </div>
  5210. </div>
  5211. </div>
  5212. <div class="swiper-slide">
  5213. <div class="chart_ct_wr">
  5214. <div class="toolbar">
  5215. <button id="one_day" class="active">1D</button>
  5216. <button id="one_week">1W</button>
  5217. <button id="one_month">1M</button>
  5218. <button id="one_year">1Y</button>
  5219. <button id="five_year">5Y</button>
  5220. </div>
  5221. <div class="chart_timeline">
  5222. <div class="on">
  5223. 암호화폐 10_chart_timeline_cont1
  5224. </div>
  5225. <div>
  5226. 암호화폐 10_chart_timeline_cont2
  5227. </div>
  5228. <div>
  5229. 암호화폐 10_chart_timeline_cont3
  5230. </div>
  5231. <div>
  5232. 암호화폐 10_chart_timeline_cont4
  5233. </div>
  5234. <div>
  5235. 암호화폐 10_chart_timeline_cont5
  5236. </div>
  5237. </div>
  5238. </div>
  5239. </div> -->
  5240.                </div>
  5241.              </div>
  5242.            </div>
  5243.          </div>
  5244.        </div>
  5245.  
  5246.        <div class="more_btn common_more_btn">
  5247.          <a href="/sub/assets_currency.php?cate=Currency&symbol_id=1838&item=USD/KRW" class="flex_area">
  5248.            <span>MORE</span>
  5249.            <div class="w_g_icon">
  5250.              <img src="../img/01_common/plus_circle_bk.svg" alt="">
  5251.              <img src="/01_common/plus_circle_gray.svg " alt="더보기 아이콘">
  5252.            </div>
  5253.          </a>
  5254.        </div>
  5255.      </div>
  5256.    </article>
  5257.    <!-- 인기자산 E -->
  5258.    <script>
  5259.      // popular_asset tab
  5260.  
  5261.      //통화, 지수, 원자재, 암호화폐 별 more 버튼 링크설정 변경
  5262.      let moreUrl = "/sub/assets_currency.php?cate=Currency&symbol_id=1838&item=USD/KRW";
  5263.  
  5264.      $(".popular_asset_cont .tab_title li").click(function () {
  5265.        var idx = $(this).index();
  5266.  
  5267.        $(".popular_asset_cont .tab_title li").removeClass("on");
  5268.        $(".popular_asset_cont .tab_title li").eq(idx).addClass("on");
  5269.        $(".popular_asset_cont .tab_cont > div").hide();
  5270.        $(".popular_asset_cont .tab_cont > div").eq(idx).show();
  5271.        $(".popular_asset_cont .tab_cont > div").eq(idx).css({
  5272.          'display': 'flex',
  5273.        });
  5274.  
  5275.        //탭 클릭시 링크 변경
  5276.        const moreBtn = document.querySelector('.more_btn.common_more_btn a');
  5277.  
  5278.        //최초 메뉴 클릭시에 api 호출처리
  5279.        if (idx == 1) {
  5280.  
  5281.          moreUrl = "/sub/assets_indices.php?cate=Indices&symbol_id=745&item=KOSPI";
  5282.          moreBtn.href = moreUrl;
  5283.  
  5284.          if (indicesIndex == 0) {
  5285.            indicesIndex++;
  5286.            callIndices();
  5287.          }
  5288.  
  5289.        } else if (idx == 2) {
  5290.          moreUrl = "/sub/assets_goods.php?cate=Goods&symbol_id=5&item=GC&name=Gold";
  5291.          moreBtn.href = moreUrl;
  5292.  
  5293.          if (commodityIndex == 0) {
  5294.            commodityIndex++;
  5295.            callCommodity();
  5296.          }
  5297.  
  5298.        } else if (idx == 3) {
  5299.          moreUrl = "/sub/assets_crypto.php?cate=Crypto&symbol_id=78&item=BTC/USD";
  5300.          moreBtn.href = moreUrl;
  5301.  
  5302.          if (cryptoIndex == 0) {
  5303.            cryptoIndex++;
  5304.            callCrypto();
  5305.          }
  5306.  
  5307.        } else {
  5308.          moreUrl = "/sub/assets_currency.php?cate=Currency&symbol_id=1838&item=USD/KRW";
  5309.          moreBtn.href = moreUrl;
  5310.  
  5311.        }
  5312.  
  5313.      });
  5314.  
  5315.      /*
  5316. 그래프 생성시 노출 되는 개월 수를 똑같이 보여지도록 처리
  5317. 불편하면 통화, 지수, 원재재, 암호화폐 별로 추가
  5318. 전체적으로 개월 수를 똑같이 보이도록 처리
  5319. 1M : 0
  5320. 3M : 1
  5321. 6M : 2
  5322. 9M : 3
  5323. 12M : 4
  5324.  
  5325.  
  5326. */
  5327.  
  5328.      $(".chart_ct_wr .toolbar>button").click(function () {
  5329.        var idx = $(this).index();
  5330.        var buttonId = $(this).attr("id");
  5331.  
  5332.        if (buttonId.includes('2')) {
  5333.          indicesMonthIndex = idx;
  5334.        } else if (buttonId.includes('3')) {
  5335.          commodityMonthIndex = idx;
  5336.        } else if (buttonId.includes('4')) {
  5337.          cryptoMonthIndex = idx;
  5338.        } else {
  5339.          forexMonthIndex = idx;
  5340.        }
  5341.  
  5342.      });
  5343.  
  5344.      /* +++++++++ popular_asset Slider JS +++++++++ */
  5345.      // popular_asset Slider1
  5346.      var swiper_thumb = new Swiper(".popular_asset_thumb1", {
  5347.        spaceBetween: 0,
  5348.        slidesPerView: 'auto',
  5349.        direction: "vertical",
  5350.        navigation: {
  5351.          prevEl: ".popular_asset_prev",
  5352.          nextEl: ".popular_asset_next",
  5353.        },
  5354.        freeMode: true,
  5355.        watchSlidesProgress: true,
  5356.        observer: true,
  5357.        observeParents: true,
  5358.  
  5359.        //반응형설정
  5360.        breakpoints: {
  5361.          //1181이상
  5362.          1181: {
  5363.            slidesPerView: 'auto',
  5364.            spaceBetween: 8,
  5365.            direction: "horizontal",
  5366.          },
  5367.  
  5368.          //700이상(701~1180)
  5369.          701: {
  5370.            slidesPerView: 'auto',
  5371.            spaceBetween: 8,
  5372.            direction: "horizontal",
  5373.          },
  5374.  
  5375.          //640이상(320~700)
  5376.          320: {
  5377.            slidesPerView: 'auto',
  5378.            spaceBetween: 0,
  5379.            direction: "vertical",
  5380.          },
  5381.        },
  5382.      });
  5383.      var swiper_facilities = new Swiper(".popular_asset_slider1", {
  5384.        spaceBetween: 0,
  5385.        // thumbs: {
  5386.        // swiper: swiper_thumb,
  5387.        // },
  5388.        observer: true,
  5389.        observeParents: true,
  5390.  
  5391.        //반응형설정
  5392.        breakpoints: {
  5393.          //1181이상
  5394.          1181: {
  5395.            spaceBetween: 0,
  5396.          },
  5397.          //700이상(701~1180)
  5398.          701: {
  5399.            slidesPerView: 'auto',
  5400.            spaceBetween: 8,
  5401.          },
  5402.          //640이상(640~700)
  5403.          640: {
  5404.            slidesPerView: 1,
  5405.            spaceBetween: 0,
  5406.          },
  5407.        },
  5408.      });
  5409.  
  5410.      // popular_asset Slider2
  5411.      var swiper_thumb = new Swiper(".popular_asset_thumb2", {
  5412.        spaceBetween: 0,
  5413.        slidesPerView: 5,
  5414.        direction: "vertical",
  5415.        navigation: {
  5416.          prevEl: ".popular_asset_prev",
  5417.          nextEl: ".popular_asset_next",
  5418.        },
  5419.        freeMode: true,
  5420.        watchSlidesProgress: true,
  5421.        observer: true,
  5422.        observeParents: true,
  5423.  
  5424.        //반응형설정
  5425.        breakpoints: {
  5426.          //1181이상
  5427.          1181: {
  5428.            slidesPerView: 'auto',
  5429.            spaceBetween: 8,
  5430.            direction: "horizontal",
  5431.          },
  5432.          //700이상(701~1180)
  5433.          701: {
  5434.            slidesPerView: 'auto',
  5435.            spaceBetween: 8,
  5436.            direction: "horizontal",
  5437.          },
  5438.          //320이상(320~700)
  5439.          320: {
  5440.            slidesPerView: 5,
  5441.            spaceBetween: 0,
  5442.            direction: "vertical",
  5443.          },
  5444.        },
  5445.      });
  5446.      var swiper_facilities = new Swiper(".popular_asset_slider2", {
  5447.        spaceBetween: 0,
  5448.        // thumbs: {
  5449.        // swiper: swiper_thumb,
  5450.        // },
  5451.        observer: true,
  5452.        observeParents: true,
  5453.  
  5454.        //반응형설정
  5455.        breakpoints: {
  5456.          //1181이상
  5457.          1181: {
  5458.            spaceBetween: 0,
  5459.          },
  5460.          //640이상(640~1176)
  5461.          640: {
  5462.            slidesPerView: 1,
  5463.            spaceBetween: 0,
  5464.          },
  5465.        },
  5466.      });
  5467.  
  5468.      // popular_asset Slider3
  5469.      var swiper_thumb = new Swiper(".popular_asset_thumb3", {
  5470.        spaceBetween: 0,
  5471.        slidesPerView: 'auto',
  5472.        direction: "vertical",
  5473.        navigation: {
  5474.          prevEl: ".popular_asset_prev",
  5475.          nextEl: ".popular_asset_next",
  5476.        },
  5477.        freeMode: true,
  5478.        watchSlidesProgress: true,
  5479.        observer: true,
  5480.        observeParents: true,
  5481.  
  5482.        //반응형설정
  5483.        breakpoints: {
  5484.          //1181이상
  5485.          1181: {
  5486.            slidesPerView: 'auto',
  5487.            spaceBetween: 8,
  5488.            direction: "horizontal",
  5489.          },
  5490.          //700이상(701~1180)
  5491.          701: {
  5492.            slidesPerView: 'auto',
  5493.            spaceBetween: 8,
  5494.            direction: "horizontal",
  5495.          },
  5496.          //320이상(320~1176)
  5497.          320: {
  5498.            slidesPerView: 5,
  5499.            spaceBetween: 0,
  5500.            direction: "vertical",
  5501.          },
  5502.        },
  5503.      });
  5504.      var swiper_facilities = new Swiper(".popular_asset_slider3", {
  5505.        spaceBetween: 0,
  5506.        // thumbs: {
  5507.        // swiper: swiper_thumb,
  5508.        // },
  5509.        observer: true,
  5510.        observeParents: true,
  5511.  
  5512.        //반응형설정
  5513.        breakpoints: {
  5514.          //1181이상
  5515.          1181: {
  5516.            spaceBetween: 0,
  5517.          },
  5518.          //640이상(640~1176)
  5519.          640: {
  5520.            slidesPerView: 1,
  5521.            spaceBetween: 0,
  5522.          },
  5523.        },
  5524.      });
  5525.  
  5526.      // popular_asset Slider4
  5527.      var swiper_thumb = new Swiper(".popular_asset_thumb4", {
  5528.        spaceBetween: 0,
  5529.        slidesPerView: 'auto',
  5530.        direction: "vertical",
  5531.        navigation: {
  5532.          prevEl: ".popular_asset_prev",
  5533.          nextEl: ".popular_asset_next",
  5534.        },
  5535.        freeMode: true,
  5536.        watchSlidesProgress: true,
  5537.        observer: true,
  5538.        observeParents: true,
  5539.  
  5540.        //반응형설정
  5541.        breakpoints: {
  5542.          //1181이상
  5543.          1181: {
  5544.            slidesPerView: 'auto',
  5545.            spaceBetween: 8,
  5546.            direction: "horizontal",
  5547.          },
  5548.          //700이상(701~1180)
  5549.          701: {
  5550.            slidesPerView: 'auto',
  5551.            spaceBetween: 8,
  5552.            direction: "horizontal",
  5553.          },
  5554.          //320이상(320~1176)
  5555.          320: {
  5556.            slidesPerView: 5,
  5557.            spaceBetween: 0,
  5558.            direction: "vertical",
  5559.          },
  5560.        },
  5561.      });
  5562.      var swiper_facilities = new Swiper(".popular_asset_slider4", {
  5563.        spaceBetween: 0,
  5564.        // thumbs: {
  5565.        // swiper: swiper_thumb,
  5566.        // },
  5567.        observer: true,
  5568.        observeParents: true,
  5569.  
  5570.        //반응형설정
  5571.        breakpoints: {
  5572.          //1181이상
  5573.          1181: {
  5574.            spaceBetween: 0,
  5575.          },
  5576.          //640이상(640~1176)
  5577.          640: {
  5578.            slidesPerView: 1,
  5579.            spaceBetween: 0,
  5580.          },
  5581.        },
  5582.      });
  5583.    </script>
  5584.  
  5585.    <!-- 자주 묻는 질문 S -->
  5586.    <article class="center_1176 qu_list_area article_margin">
  5587.      <div class="title_area flex_area">
  5588.        <h3 class="title_18 title_18_margin">자주 묻는 질문</h3>
  5589.      </div>
  5590.      <div class="qa_list_wrap">
  5591.        <ul class="qa_box">
  5592.          <li>
  5593.            <a href="#none" class="">
  5594.              <p class="ft_group">
  5595.                <span class="font_">Q</span>
  5596.                <span class="txt_">
  5597. '외환거래'가 정확히 뭐죠?
  5598. </span>
  5599.              </p>
  5600.              <span class="arrow_ico"></span>
  5601.            </a>
  5602.            <div>
  5603.              <div class="scroll_wrap">
  5604.                <div class="scroll_box">
  5605.                  <div>
  5606.                    <span class="font_">A</span>
  5607.                    <div class="txt_box">
  5608.                      <p>
  5609.                        외환거래란, 여러 나라의 화폐를 교환하는 거래를 말합니다. 이는 국제무역이나 국제금융에서 필요한 화폐를 환전하거나, 화폐 가치의
  5610.                        변동에 따라 이익을 얻기 위해 수행됩니다.
  5611.                        <b>
  5612.                          일정 국가의 화폐 가치가 오를 것인지, 내릴 것인지 환율을 예측한 후 투자하여 환차익과 이자율을 얻는 방식
  5613.                        </b>
  5614.                        입니다.
  5615.                      </p>
  5616.                      <p>
  5617.                        외환시장은 전 세계에 걸쳐 열리기 때문에 장소와 시간의 구애 없이 24시간 거래할 수 있고 통화 쌍으로 거래되는 특성으로 해당
  5618.                        통화의 상승은 물론 하락 시에도 이익을 거둘
  5619.                        수
  5620.                        있는
  5621.                        양방향 수익구조로 되어 있습니다. 이러한 통화는 통화 쌍(예: EUR 유로/USD 달러)로 분류되며, 이러한 통화의 서로에 대한
  5622.                        이동에 따라 손익이 계산됩니다.
  5623.                      </p>
  5624.                      <p>
  5625.                        외환거래는 대부분은 은행, 금융회사, 투자회사 등 전문적인 기관들이 수행하지만, 최근 개인들도 증권사를 통해 외환거래를 할 수
  5626.                        있으며
  5627.                        <b>가장 널리 거래되는 종목</b>
  5628.                        은
  5629.                      </p>
  5630.                      <p>
  5631.                        ▷
  5632.                        <b class="bold_b">미국 달러 (USD)</b>
  5633.                        <br>
  5634.                        ▷
  5635.                        <b class="bold_b">유럽 유로 (EUR)</b>
  5636.                        <br>
  5637.                        ▷
  5638.                        <b class="bold_b">일본 엔 (JPY)</b>
  5639.                        <br>
  5640.                        ▷
  5641.                        <b class="bold_b">영국 파운드 (GBP)</b>
  5642.                        <br>
  5643.                        ▷
  5644.                        <b class="bold_b">스위스 프랑 (CHF)</b>
  5645.                        <br>
  5646.                        ▷
  5647.                        <b class="bold_b">캐나다 달러 (CAD)</b>
  5648.                        <br>
  5649.                        ▷
  5650.                        <b class="bold_b">호주 달러 (AUD)</b>
  5651.                        <br>
  5652.                        ▷
  5653.                        <b class="bold_b">뉴질랜드 달러 (NZD)</b>
  5654.                        <br>
  5655.                      </p>
  5656.                      <p>
  5657.                        등이 있습니다. USD/EUR (미국 달러와 유럽 유로의 교환 비율), USD/JPY (미국 달러와 일본 엔의 교환 비율) 등이
  5658.                        대표적인 외환 거래 종목입니다. 보통 두
  5659.                        가지
  5660.                        통화 쌍으로 비교 거래됩니다
  5661.                      </p>
  5662.                      <p>
  5663.                        마이너 통화 쌍은 주요 통화 쌍보다 덜 인기가 있으며 미국 달러(USD)는 포함하지 않습니다. 마이너 통화 쌍의 예로는
  5664.                        EUR/CHF 및 GBP/JPY 가 있습니다. 마이너
  5665.                        통화 쌍은 상당한 유동성을 가지고 있지만 메이저보다는 적습니다.
  5666.                      </p>
  5667.                      <p>
  5668.                        이국적인 통화 쌍에는 USD/RUB (러시아 루블) 또는 USD/MXN(멕시코 페소)과 같은 신흥 경제 국가의 통화가 포함됩니다.
  5669.                        이국적인 쌍은 더 높은 거래 비용을
  5670.                        초래하는 마이너보다 유동성이 낮습니다. 외환시장에서 이국적인 통화 쌍과 마이너 통화 쌍의 거래는 일반적으로 높은 위험성을 가지고
  5671.                        있습니다.
  5672.                      </p>
  5673.                      <p>
  5674.                        이국적인 통화 쌍과 마이너 통화 쌍은 일반적으로 미국 달러, 유로, 일본 엔 등과 같은 주요 통화가 아닌, 특정 국가의 통화와
  5675.                        다른 국가의 통화의 조합으로 이루어져
  5676.                        있습니다.
  5677.                        이러한 통화 쌍은 유동성이 낮기 때문에 시장 조작이나 고액의 스프레드(매도와 매수 간격) 등의 위험성이 높습니다. 또한, 이러한
  5678.                        국가의 통화가 거래 중인 국가의 정치적 또는
  5679.                        경제적 상황에 영향을 받을 가능성이 높기 때문에, 예상치 못한 시장 변동성이 발생할 수 있습니다.
  5680.                      </p>
  5681.                      <p>
  5682.                        따라서, 이국적인 통화 쌍과 마이너 통화 쌍은 높은 위험성을 가지고 있으므로, 외환시장에서 거래할 때는 이러한 위험성을 충분히
  5683.                        고려하고 전문적인 조언을 받는 것이 좋습니다.
  5684.                      </p>
  5685.                    </div>
  5686.                  </div>
  5687.                </div>
  5688.              </div>
  5689.            </div>
  5690.          </li>
  5691.          <li>
  5692.            <a href="#none">
  5693.              <p class="ft_group">
  5694.                <span class="font_">Q</span>
  5695.                <span class="txt_">
  5696. 최소투자금액은 얼마가 필요한가요?
  5697. </span>
  5698.              </p>
  5699.              <span class="arrow_ico"></span>
  5700.            </a>
  5701.            <div>
  5702.              <div class="scroll_wrap">
  5703.                <div class="scroll_box">
  5704.                  <div>
  5705.                    <span class="font_">A</span>
  5706.                    <div class="txt_box">
  5707.                      <p>
  5708.                        해외증권사(브로커)를 통한 거래는 최소의 금액으로 높은 레버리지 거래가 가능해 보통 100불 정도로 거래할 수 있으며 회사에
  5709.                        따라서는 최소 입금 금액이 더 작게도 가능한
  5710.                        곳도
  5711.                        있습니다.
  5712.                      </p>
  5713.                      <p>
  5714.                        <b>해외증권사 최소 입금액</b>
  5715.                        은
  5716.                      </p>
  5717.                      <p>
  5718.                        ▷
  5719.                        <b class="bold_b">XM 은 5 불</b>
  5720.                        <br>
  5721.                        ▷
  5722.                        <b class="bold_b">Exness 는 1 불,</b>
  5723.                        <br>
  5724.                        ▷
  5725.                        <b class="bold_b">Fpmarkets 은 100AUD(호주달러)</b>
  5726.                        입니다.<br>
  5727.                      </p>
  5728.                      <p>
  5729.                        소액으로도 레버리지를 크게 사용할 수 있기에 내 자본 대비 큰 수익의 기회가 주어집니다. 수백 배의 레버리지까지 설정할 수 있지만
  5730.                        그만큼 담보금의 부담이 커지기 때문에
  5731.                        본인의
  5732.                        투자금을 고려해서 신중하게 설정해야 합니다.
  5733.                      </p>
  5734.                    </div>
  5735.                  </div>
  5736.                </div>
  5737.              </div>
  5738.            </div>
  5739.          </li>
  5740.          <li>
  5741.            <a href="#none">
  5742.              <p class="ft_group">
  5743.                <span class="font_">Q</span>
  5744.                <span class="txt_">
  5745. 영어를 못 해도 해외 증권사 이용이 가능한가요?
  5746. </span>
  5747.              </p>
  5748.              <span class="arrow_ico"></span>
  5749.            </a>
  5750.            <div>
  5751.              <div class="scroll_wrap">
  5752.                <div class="scroll_box">
  5753.                  <div>
  5754.                    <span class="font_">A</span>
  5755.                    <div class="txt_box">
  5756.                      <p>
  5757.                        네, 가능합니다. 한국어가 가능한 직원이 친절하게 상담이 가능하며 한국어 지원이 잘 되어 이용하시는 데 불편함이 없습니다. 거래
  5758.                        시 이용하는 HTS(메타트레이더)와
  5759.                        MTS(모바일 앱)도 한글 완벽 지원되고 있습니다.
  5760.                      </p>
  5761.                      <p>
  5762.                        XM, Exness, fpmarket 은 홈페이지에서 한국어가 완벽히 지원되고 있으며 입출금 및 거래 시 문제가 발생할 경우
  5763.                        1:1 고객센터를 통해 상담받으실 수 있습니다.
  5764.                        실시간 채팅 및 이메일, 전화상담도 제공됩니다.
  5765.                      </p>
  5766.                      <p>
  5767.                        저희 회사 하이포렉스도 전화와 카톡 상담으로 지원하고 있으니 불편하거나 궁금한 사항이 있으시면 언제든지 문의해 주세요.
  5768.                      </p>
  5769.                      <div class="info_box">
  5770.                        <p class="txt_bold">
  5771.                          외환거래 해외증권사 상담서비스
  5772.                        </p>
  5773.                        <!--<div class="flex_area phone_">
  5774.                          <img src="../img/01_common/phone_qa.svg" alt="상담전화번호">
  5775.                        </div>-->
  5776.                        <a href="https://pf.kakao.com/_KGSxbxj/chat" class="kakao_area"
  5777.                           target="_blank">
  5778.                          <figure>
  5779.                            <img src="./img/01_common/kakaotalk.svg" alt="카카오톡_실시간상담하기">
  5780.                          </figure>
  5781.                          1:1 실시간 상담
  5782.                        </a>
  5783.                      </div>
  5784.                    </div>
  5785.                  </div>
  5786.                </div>
  5787.              </div>
  5788.            </div>
  5789.          </li>
  5790.          <li>
  5791.            <a href="#none">
  5792.              <p class="ft_group">
  5793.                <span class="font_">Q</span>
  5794.                <span class="txt_">
  5795. 어디에서 매매를 해요?
  5796. </span>
  5797.              </p>
  5798.              <span class="arrow_ico"></span>
  5799.            </a>
  5800.            <div>
  5801.              <div class="scroll_wrap">
  5802.                <div class="scroll_box">
  5803.                  <div>
  5804.                    <span class="font_">A</span>
  5805.                    <div class="txt_box">
  5806.                      <p>
  5807.                        ① 원하는 해외증권사(브로커사)를 선택 후 계좌를 만든 후 메타트레이더(거래 프로그램) 을 설치합니다.<br>
  5808.                        ② 메타트레이더는 매우 강력한 거래 플랫폼으로, 다양한 기능과 편리한 UI를 제공합니다.<br>
  5809.                        ③ 메타트레이더는 MT4와 MT5의 두 종류가 있으며 MT4에서 개선된 플랫폼이 MT5입니다.<br>
  5810.                        ④ 메타트레이더는 해외선물, CFD 거래를 할 수 있는 HTS(홈 트레이딩 시스템) 입니다.<br>
  5811.                        ⑤ 모바일에서는 Meta Trader 모바일 버전을 설치해서 거래하실 수 있습니다. (계좌를 개설한 버전에 맞게 MT4, MT5
  5812.                        중 선택해서 거래하시면 됩니다.)
  5813.                      </p>
  5814.                      <p>
  5815.                        <b>▶ MT4, MT5 요약, 어떤 플랫폼을 선택해야 할까요?</b>
  5816.                      </p>
  5817.                      <p>
  5818.                        <b>MT4</b>
  5819.                        는 외환 거래를 위한 최고의 플랫폼이며 수백 개의 지표, 스크립트가 있습니다. 다양한 차트, 지표, 그리고 거래 전략을 포함하여
  5820.                        거래자들이 맞춤형 거래를 할
  5821.                        수 있도록
  5822.                        다양한 기능을 제공합니다.
  5823.                        <b>외환 거래자라면 MetaTrader 4를 선택</b>
  5824.                        하십시오.
  5825.                      </p>
  5826.                      <p>
  5827.                        <b>MT5</b>
  5828.                        는 선물 거래 및 알고리즘 거래 테스트를 위한 전문 거래 플랫폼입니다. 좀 더
  5829.                        <b>폭넓은 종목을 선택하시려면 MT5를 선택</b>
  5830.                        하십시오.
  5831.                      </p>
  5832.                      <p>
  5833.                        ▶ 메타트레이더 사용 방법
  5834.                      </p>
  5835.  
  5836.                      <p>
  5837.                        ① 메타트레이더 다운로드 및 설치
  5838.                        메타트레이더는 계좌를 개설한 웹사이트에서 다운로드할 수 있습니다. 다운로드한 파일을 실행하여 설치를 진행합니다.<br><br>
  5839.  
  5840.                        ② 메타트레이더를 실행한 후, 해외증권사에서 발급받은 거래 계좌를 등록합니다. 메타트레이더를 실행한 후, 상단 메뉴바에서 [파일]
  5841.                        - [거래 계좌 로그인]을 클릭합니다.
  5842.                        등록된
  5843.                        계좌는 보기의 탐색기 창을 통해 확인할 수 있습니다.<br><br>
  5844.  
  5845.                        ③ 차트 설정 상단 메뉴바에서 [차트] - [새로운 차트 생성]을 클릭하여 차트를 생성할 수 있습니다. 차트에는 원하는 거래
  5846.                        상품을 추가하고, 원하는 주기와 시간대를 설정할
  5847.                        수
  5848.                        있습니다.<br><br>
  5849.  
  5850.                        ④ 매매 주문 입력
  5851.                        메타트레이더에서는 다양한 주문 유형을 지원하며, 매매 주문은 '거래창'에서 입력할 수 있습니다. 거래창에서 [거래 상품],
  5852.                        [매수/매도], [거래 금액], [거래 수량]
  5853.                        등을
  5854.                        입력합니다.
  5855.  
  5856.                        ⑤ 차트 분석
  5857.                        메타트레이더는 다양한 차트 분석 기능을 제공합니다. 차트 분석을 위해서는 상단 메뉴바에서 [차트] - [차트 유형]을 선택하여,
  5858.                        분석하고자 하는 차트 유형을 선택합니다.
  5859.                        이후,
  5860.                        다양한 차트 분석 도구와 지표를 이용하여 분석을 진행할 수 있습니다.
  5861.                      </p>
  5862.                    </div>
  5863.                  </div>
  5864.                </div>
  5865.              </div>
  5866.            </div>
  5867.          </li>
  5868.          <li>
  5869.            <a href="#none">
  5870.              <p class="ft_group">
  5871.                <span class="font_">Q</span>
  5872.                <span class="txt_">
  5873. 입출금 방법은 어떻게 합니까?
  5874. </span>
  5875.              </p>
  5876.              <span class="arrow_ico"></span>
  5877.            </a>
  5878.            <div>
  5879.              <div class="scroll_wrap">
  5880.                <div class="scroll_box">
  5881.                  <div>
  5882.                    <span class="font_">A</span>
  5883.                    <div class="txt_box">
  5884.                      <p>
  5885.                        해외증권사를 통한 마진거래는 당일 입금, 당일 출금이 가능합니다.
  5886.                      </p>
  5887.                      <p class="margin_none">
  5888.                        ▶ 해외 브로커에서 제공하는 입출금 방법은
  5889.                      </p>
  5890.                      <p>
  5891.                        ① 전자화페를 활용한 넷텔러, 스틱페이, 스크릴<br>
  5892.                        ② 신용카드<br>
  5893.                        ③ 해외 송금(계좌 이체)<br>
  5894.                        ④ 암호화폐<br>
  5895.                        ⑤ EBUY(이바이) 전자화폐 안전거래소 (ebuycompany.com) 등이 있습니다.
  5896.                      </p>
  5897.                      <p>
  5898.                        특히 결제 중계업체 이바이(ebuy)를 통한 입출금의 경우 은행을 통해 바로 입금하고 출금할 수 있기에 조금 더 편리하게 처리할
  5899.                        수 있어 이바이를 통한 입출금을 추천해
  5900.                        드립니다.
  5901.                      </p>
  5902.                      <p>
  5903.                        입출금 시 수수료는 따로 없으며 브로커마다 입출금 방법이 다른 경우가 많지만 다양하게 소개되어 있으므로 꼭 확인하시길 바랍니다.
  5904.                        아래는 XM 입출금 방법이며 들어가시면 다른
  5905.                        브로커 입출금 방법도 상세히 나와 있으므로 참고 바랍니다.
  5906.                      </p>
  5907.                      <p>
  5908.                        입금방법
  5909.                        <a
  5910.                          href="https://highforex1.com/forex-brokers/xm-howToDeposit.php">
  5911.                          https://highforex1.com/forex-brokers/xm-howToDeposit.php
  5912.                        </a>
  5913.                        <br>
  5914.                        출금방법
  5915.                        <a href="https://highforex1.com/forex-brokers/xm-withDraw.php">
  5916.                          https://highforex1.com/forex-brokers/xm-withDraw.php
  5917.                        </a>
  5918.                      </p>
  5919.                    </div>
  5920.                  </div>
  5921.                </div>
  5922.              </div>
  5923.            </div>
  5924.          </li>
  5925.          <li>
  5926.            <a href="#none">
  5927.              <p class="ft_group">
  5928.                <span class="font_">Q</span>
  5929.                <span class="txt_">
  5930. 보너스와 캐시백은 어떻게 사용하나요?
  5931. </span>
  5932.              </p>
  5933.              <span class="arrow_ico"></span>
  5934.            </a>
  5935.            <div>
  5936.              <div class="scroll_wrap">
  5937.                <div class="scroll_box">
  5938.                  <div>
  5939.                    <span class="font_">A</span>
  5940.                    <div class="txt_box">
  5941.                      <p>
  5942.                        XM 에서 제공하는 이벤트
  5943.                      </p>
  5944.                      <p>
  5945.                        <b>① 신규 계좌 개설 시 50불의 가입보너스를 제공하고 있습니다.</b>
  5946.                        <br>
  5947.                        금액을 입금하지 않아도 거래가능한 50불을 받을 수 있어 레버리지를 활용한 소액 매매를 해볼 수 있습니다. 보너스 자체는 출금이
  5948.                        불가능하나 보너스로 수익이 발생하면 수익금에
  5949.                        대해서는 출금이 가능합니다.
  5950.                      </p>
  5951.                      <p>
  5952.                        <b>② 입금 보너스 - XM에서는 현재 입금에 대해 두 단계 보너스를 제공합니다.</b>
  5953.                        <br>
  5954.                        귀하의 투자금에 $5,000 금액을 추가로 지급하고 있어 더 많은 자본으로 거래를 시작할 수 있습니다.
  5955.                      </p>
  5956.                      <p>
  5957.                        <b>50% 보너스를 최대 $500까지,</b>
  5958.                        20% 보너스를 다른 보너스와 결합하여 최대 $5,000 또는 상당 금액을 지급하고 있습니다. 이 보너스는 최대 보너스 금액이
  5959.                        $5,000에 도달할 때까지 거래 계좌에 입금하는 모든 고객분에게 자동으로 지급됩니다.
  5960.                      </p>
  5961.                      <p>
  5962.                        <b>③ 하이포렉스에서 자체 제공하는 캐시백 이벤트</b>
  5963.                        <br><br>
  5964.                        <b>모든 통화 쌍 1 랏당 $3, 골드 1 랏당 $4</b>
  5965.                        <br><br>
  5966.                        하이포렉스와 XM의 협업을 통한 이벤트 내용으로서 반드시 지정된 링크나 배너를 통해 가입 시에만 적용됩니다. 기존 XM
  5967.                        고객이라도, 수수료 페이백 이벤트 원하시는 분들은
  5968.                        하이포렉스측에 문의해 주세요!
  5969.                      </p>
  5970.  
  5971.                      <div class="info_box">
  5972.                        <p class="txt_bold">
  5973.                          외환거래 해외증권사 상담서비스
  5974.                        </p>
  5975.                        <!--<div class="flex_area phone_">
  5976.                          <img src="../img/01_common/phone_qa.svg" alt="상담전화번호">
  5977.                        </div>-->
  5978.                        <a href="https://pf.kakao.com/_KGSxbxj/chat" class="kakao_area"
  5979.                           target="_blank">
  5980.                          <figure>
  5981.                            <img src="./img/01_common/kakaotalk.svg" alt="카카오톡_실시간상담하기">
  5982.                          </figure>
  5983.                          1:1 실시간 상담
  5984.                        </a>
  5985.                      </div>
  5986.                    </div>
  5987.                  </div>
  5988.                </div>
  5989.              </div>
  5990.            </div>
  5991.          </li>
  5992.        </ul>
  5993.      </div>
  5994.      <div class="more_btn common_more_btn">
  5995.        <a href="/bbs/board.php?bo_table=faq" class="flex_area">
  5996.          <span>MORE</span>
  5997.          <div class="w_g_icon">
  5998.            <img src="../img/01_common/plus_circle_bk.svg" alt="">
  5999.            <img src="/01_common/plus_circle_gray.svg " alt="더보기 아이콘">
  6000.          </div>
  6001.        </a>
  6002.      </div>
  6003.    </article>
  6004.    <!-- 자주 묻는 질문 E -->
  6005.    <script>
  6006.      // $('.qa_list_wrap ul li>a').addClass('act');
  6007.  
  6008.      // 첫번째 div 박스열려있기
  6009.      $('.qa_list_wrap ul li > a').eq(0).addClass('act');
  6010.      $('.qa_list_wrap ul li>a.act').next('div').addClass('act');
  6011.      $('.qa_list_wrap ul li > a').click(function () {
  6012.        // $(this).addClass('act');
  6013.        $(this).toggleClass('act');
  6014.        $(this).next('div').toggleClass('act');
  6015.        // $(this).next().addClass('act');
  6016.        $('.qa_list_wrap ul li > a').not(this).removeClass('act');
  6017.        $('.qa_list_wrap ul li > a').not(this).next().removeClass('act');
  6018.        return false;
  6019.      });
  6020.      // $('.qa_list_wrap ul li>a').eq(0).trigger('click');
  6021.    </script>
  6022.  
  6023.    <!-- 해외 마진거래만의 장점 S -->
  6024.    <article class="center_1176 Advantages article_margin">
  6025.      <div class="title_area flex_area">
  6026.        <h3 class="title_18 title_18_margin">해외 마진거래만의 장점</h3>
  6027.      </div>
  6028.      <div class="Advantages_slider_wrap">
  6029.  
  6030.        <div class="swiper Advantages_slider">
  6031.          <div class="swiper-wrapper">
  6032.            <div class="swiper-slide sd">
  6033.              <a href="/sub/merit.php?v_no=0">
  6034.                <div class="adv_slide_inner">
  6035.                  <div class="txt_box">
  6036.                    <h3>
  6037.                      높은 레버리지
  6038.                    </h3>
  6039.                    <p>
  6040.                      레버리지를 사용하여 투자 원금 대비 수백 배의 자금을 활용할 수 있습니다.
  6041.                    </p>
  6042.                  </div>
  6043.                  <div class="txt_tag">
  6044.                    <span>#래버리지</span>
  6045.                    <span>#지렛대 효과</span>
  6046.                  </div>
  6047.                </div>
  6048.                <figure class="adv_bg">
  6049.                  <img src="../img/02-index/advantages_img1.svg" alt="높은래버리지_아이콘">
  6050.                </figure>
  6051.              </a>
  6052.            </div>
  6053.            <div class="swiper-slide sd">
  6054.              <a href="/sub/merit.php?v_no=1">
  6055.                <div class="adv_slide_inner">
  6056.                  <div class="txt_box">
  6057.                    <h3>
  6058.                      낮은 거래수수료
  6059.                    </h3>
  6060.                    <p>
  6061.                      국내 증권사 대비 수십 배 저렴하며, 1랏당 평균 5~10불 정도로 저렴합니다.
  6062.                    </p>
  6063.                  </div>
  6064.                  <div class="txt_tag">
  6065.                    <span>#스프레드</span>
  6066.                    <span>#거래 수수료</span>
  6067.                  </div>
  6068.                </div>
  6069.                <figure class="adv_bg">
  6070.                  <img src="../img/02-index/advantages_img2.png" alt="낮은거래수수료_아이콘">
  6071.                </figure>
  6072.              </a>
  6073.            </div>
  6074.            <div class="swiper-slide sd">
  6075.              <a href="/sub/merit.php?v_no=2">
  6076.                <div class="adv_slide_inner">
  6077.                  <div class="txt_box">
  6078.                    <h3>
  6079.                      24시간 거래 가능
  6080.                    </h3>
  6081.                    <p>
  6082.                      24시간 열리는 시장으로 원하는 시간대에 거래할 수 있으며 퇴근 후 편안한 거래가 가능합니다.
  6083.                    </p>
  6084.                  </div>
  6085.                  <div class="txt_tag">
  6086.                    <span>#24시간</span>
  6087.                    <span>#야간 거래</span>
  6088.                    <span>#거래량 </span>
  6089.                  </div>
  6090.                </div>
  6091.                <figure class="adv_bg center_bg">
  6092.                  <img src="../img/02-index/advantages_img3.svg" alt="24시간거래가능_아이콘">
  6093.                </figure>
  6094.              </a>
  6095.            </div>
  6096.            <div class="swiper-slide sd">
  6097.              <a href="/sub/merit.php?v_no=3">
  6098.                <div class="adv_slide_inner">
  6099.                  <div class="txt_box">
  6100.                    <h3>
  6101.                      고객 자금 보호 제도
  6102.                    </h3>
  6103.                    <p>
  6104.                      고객 자금 분리, 규정 준수 및 보험 등의 보상시스템이 적용되어 있습니다.
  6105.                    </p>
  6106.                  </div>
  6107.                  <div class="txt_tag">
  6108.                    <span>#안전성</span>
  6109.                    <span>#거래량</span>
  6110.                    <span>#보상시스템</span>
  6111.                  </div>
  6112.                </div>
  6113.                <figure class="adv_bg">
  6114.                  <img src="../img/02-index/advantages_img4.svg" alt="고객자금보호제도_아이콘">
  6115.                </figure>
  6116.              </a>
  6117.            </div>
  6118.            <div class="swiper-slide sd">
  6119.              <a href="/sub/merit.php?v_no=4">
  6120.                <div class="adv_slide_inner">
  6121.                  <div class="txt_box">
  6122.                    <h3>
  6123.                      소액 투자 가능
  6124.                    </h3>
  6125.                    <p>
  6126.                      $100 정도의 소액으로 최고의 수익률을 만들어 낼 수 있습니다.
  6127.                    </p>
  6128.                  </div>
  6129.                  <div class="txt_tag">
  6130.                    <span>#소액투자</span>
  6131.                    <span>#수익률</span>
  6132.                  </div>
  6133.                </div>
  6134.                <figure class="adv_bg">
  6135.                  <img src="../img/02-index/advantages_img5.svg" alt="소액투자가능_아이콘">
  6136.                </figure>
  6137.              </a>
  6138.            </div>
  6139.            <div class="swiper-slide sd">
  6140.              <a href="/sub/merit.php?v_no=5">
  6141.                <div class="adv_slide_inner">
  6142.                  <div class="txt_box">
  6143.                    <h3>
  6144.                      조작이 불가능한 시장
  6145.                    </h3>
  6146.                    <p>
  6147.                      하루 약 7조 달러 이상의 엄청난 자금이 거래되는 초거대 시장으로 조작이
  6148.                      불가능합니다.
  6149.                    </p>
  6150.                  </div>
  6151.                  <div class="txt_tag">
  6152.                    <span>#세계 최대</span>
  6153.                    <span>#금융시장</span>
  6154.                  </div>
  6155.                </div>
  6156.                <figure class="adv_bg">
  6157.                  <img src="../img/02-index/advantages_img6.svg" alt="조작이_불가능한_시장_아이콘">
  6158.                </figure>
  6159.              </a>
  6160.            </div>
  6161.            <div class="swiper-slide sd">
  6162.              <a href="/sub/merit.php?v_no=6">
  6163.                <div class="adv_slide_inner">
  6164.                  <div class="txt_box">
  6165.                    <h3>
  6166.                      보너스와 캐시백
  6167.                    </h3>
  6168.                    <p>
  6169.                      계좌를 처음 개설할 때 주어지는 50%의 입금 보너스 혜택을 활용하십시오.
  6170.                    </p>
  6171.                  </div>
  6172.                  <div class="txt_tag">
  6173.                    <span>#이벤트</span>
  6174.                    <span>#계좌계설</span>
  6175.                    <span>#페이백</span>
  6176.                  </div>
  6177.                </div>
  6178.                <figure class="adv_bg">
  6179.                  <img src="../img/02-index/advantages_img7.svg" alt="보너스와캐시백_아이콘">
  6180.                </figure>
  6181.              </a>
  6182.            </div>
  6183.            <div class="swiper-slide sd">
  6184.              <a href="/sub/merit.php?v_no=7">
  6185.                <div class="adv_slide_inner">
  6186.                  <div class="txt_box">
  6187.                    <h3>
  6188.                      자동매매의 활용
  6189.                    </h3>
  6190.                    <p>
  6191.                      자동 매매(EA)를 활용하면 일관된 전략으로 거래를 수행할 수 있어,
  6192.                      안정적인 수익을 위해 활용할 수 있습니다.
  6193.                    </p>
  6194.                  </div>
  6195.                  <div class="txt_tag">
  6196.                    <span>#EA</span>
  6197.                    <span>#Expert Advisors</span>
  6198.                    <span>#자동매매</span>
  6199.                    <span>#안정적인 수익</span>
  6200.                  </div>
  6201.                </div>
  6202.                <figure class="adv_bg">
  6203.                  <img src="../img/02-index/advantages_img8.svg" alt="자동매매의활용_아이콘">
  6204.                </figure>
  6205.              </a>
  6206.            </div>
  6207.            <div class="swiper-slide sd">
  6208.              <a href="/sub/merit.php?v_no=8">
  6209.                <div class="adv_slide_inner">
  6210.                  <div class="txt_box">
  6211.                    <h3>
  6212.                      다양한 시장과 종목
  6213.                    </h3>
  6214.                    <p>
  6215.                      외환, 상품, 채권, 주식, 지수, 암호화폐 등 다양한 유가증권과 상품에 대한 거래를
  6216.                      지원합니다.
  6217.                    </p>
  6218.                  </div>
  6219.                  <div class="txt_tag">
  6220.                    <span>#다양한 종목</span>
  6221.                    <span>#해외선물</span>
  6222.                    <span>#외환</span>
  6223.                    <span>#해외지수</span>
  6224.                  </div>
  6225.                </div>
  6226.                <figure class="adv_bg adv_bg_position">
  6227.                  <img src="../img/02-index/advantages_img9.svg" alt="다양한_시장과_종목_아이콘">
  6228.                </figure>
  6229.              </a>
  6230.            </div>
  6231.            <div class="swiper-slide sd">
  6232.              <a href="/sub/merit.php?v_no=9">
  6233.                <div class="adv_slide_inner">
  6234.                  <div class="txt_box">
  6235.                    <h3>
  6236.                      양매도와 공매도 가능
  6237.                    </h3>
  6238.                    <p>
  6239.                      상승과 하락에 따라 매수/매도 기회를 가질 수 있으므로 장세와 상관없이 수익 창출의
  6240.                      기회를 제공합니다.
  6241.                    </p>
  6242.                  </div>
  6243.                  <div class="txt_tag">
  6244.                    <span>#양매도</span>
  6245.                    <span>#공매도</span>
  6246.                    <span>#양방향 거래</span>
  6247.                  </div>
  6248.                </div>
  6249.                <figure class="adv_bg adv_bg_position">
  6250.                  <img src="../img/02-index/advantages_img10.svg" alt="양매도와_공매도_가능_아이콘">
  6251.                </figure>
  6252.              </a>
  6253.            </div>
  6254.          </div>
  6255.        </div>
  6256.        <div class="advan-button-prev advan_button">
  6257.          <img src="../img/01_common/prev_btn.svg" alt="이전버튼">
  6258.        </div>
  6259.        <div class="advan-button-next advan_button">
  6260.          <img src="../img/01_common/next_btn.svg" alt="다음버튼">
  6261.        </div>
  6262.  
  6263.        <div class="advan-pagination"></div>
  6264.      </div>
  6265.  
  6266.      <!-- more btn -->
  6267.      <div class="more_btn common_more_btn">
  6268.        <a href="../../sub/merit.php" class="flex_area">
  6269.          <span>MORE</span>
  6270.          <div class="w_g_icon">
  6271.            <img src="../img/01_common/plus_circle_bk.svg" alt="">
  6272.            <img src="/01_common/plus_circle_gray.svg " alt="더보기 아이콘">
  6273.          </div>
  6274.        </a>
  6275.      </div>
  6276.    </article>
  6277.  
  6278.    <!-- slider JS -->
  6279.    <script>
  6280.      var swiper = new Swiper(".Advantages_slider", {
  6281.        pagination: {
  6282.          el: ".advan-pagination",
  6283.          type: "progressbar",
  6284.        },
  6285.        navigation: {
  6286.          nextEl: ".advan-button-next",
  6287.          prevEl: ".advan-button-prev",
  6288.        },
  6289.        slidesPerView: 1,
  6290.        spaceBetween: 8,
  6291.  
  6292.        //반응형설정
  6293.        breakpoints: {
  6294.          //1177이상
  6295.          1181: {
  6296.            slidesPerView: 2,
  6297.            spaceBetween: 24,
  6298.          },
  6299.          860: {
  6300.            slidesPerView: 2,
  6301.            spaceBetween: 8,
  6302.          },
  6303.          //376이상
  6304.          641: {
  6305.            slidesPerView: '1.5',
  6306.            spaceBetween: 8,
  6307.          },
  6308.          //376이상
  6309.          376: {
  6310.            slidesPerView: "1",
  6311.            spaceBetween: 8,
  6312.          },
  6313.        },
  6314.      });
  6315.    </script>
  6316.    <!-- 해외 마진거래만의 장점 E -->
  6317.  
  6318.    <!-- MetaTrader란 S -->
  6319.    <article class="center_1176 article_margin">
  6320. <script>
  6321.  function more_btn(txt) {
  6322.    $('.more_btn_' + txt)
  6323.    .css('display', 'none');
  6324.    $('.more_' + txt)
  6325.    .css('display', 'block');
  6326.  }
  6327. </script>
  6328.  
  6329. <!-- 시장분석 -->
  6330. <!-- 메타트레이더(동영상) -->
  6331. <article class="metatrader_video">
  6332.  <div class="title_area flex_area">
  6333.    <h3 class="title_18 title_18_margin">
  6334.        MetaTrader란 무엇인가?    </h3>
  6335.    <!-- <div class="more_btn">
  6336. <a href="https://highforex1.com/bbs/board.php?bo_table=mt4_beginner" class="flex_area">
  6337. <span>MORE</span>
  6338. <div class="w_g_icon">
  6339. <img src="https://highforex1.com/img/01_common/plus_circle_w.svg" alt="더보기 아이콘">
  6340. <img src="https://highforex1.com/img/01_common/plus_circle_gray.svg " alt="더보기 아이콘">
  6341. </div>
  6342. </a>
  6343. </div> -->
  6344.  </div><!-- title_area -->
  6345.  
  6346.  <div class="meta_slider_wrap">
  6347.    <!-- Swiper -->
  6348.    <div class="swiper meta_slider">
  6349.      <div class="swiper-wrapper">
  6350.                      <div class="swiper-slide">
  6351.              <a href="https://highforex1.com/bbs/board.php?bo_table=mt4_beginner&amp;wr_id=29&title=FOREX 진입과 청산" class="flex_area">
  6352.                  <img src="https://www.highforex1.com/data/file/mt4_beginner/2041152672_XOtcpYB3_55d0e653ee94c77a1211e4f7aa71129a283ceb82.png" width="320" height="180" alt="">              </a>
  6353.  
  6354.              <a href="https://highforex1.com/bbs/board.php?bo_table=mt4_beginner&amp;wr_id=29&title=FOREX 진입과 청산" class="flex_area">
  6355.                <div class="list_text">
  6356.                  <h4 class="list_title">
  6357.                      FOREX 진입과 청산                  </h4>
  6358.  
  6359.                  <div class="list_info flex_area">
  6360.                    <span class="sound_only">작성일</span>
  6361.                    <img src="https://highforex1.com/img/01_common/clock.svg" alt="시계 아이콘">
  6362.                    <u>2024-02-13 15:07:21</u>
  6363.                  </div>
  6364.                </div><!-- list_text -->
  6365.              </a>
  6366.            </div>
  6367.                      <div class="swiper-slide">
  6368.              <a href="https://highforex1.com/bbs/board.php?bo_table=mt4_beginner&amp;wr_id=28&title=포렉스 교육자료 - 해외 증권사 선택" class="flex_area">
  6369.                  <img src="https://www.highforex1.com/data/file/mt4_beginner/2041152672_2ZvEif4c_f4b1c41f0264d530ec9ab2c0f807ce90ceaf9128.png" width="320" height="180" alt="">              </a>
  6370.  
  6371.              <a href="https://highforex1.com/bbs/board.php?bo_table=mt4_beginner&amp;wr_id=28&title=포렉스 교육자료 - 해외 증권사 선택" class="flex_area">
  6372.                <div class="list_text">
  6373.                  <h4 class="list_title">
  6374.                      포렉스 교육자료 - 해외 증권사 선택                  </h4>
  6375.  
  6376.                  <div class="list_info flex_area">
  6377.                    <span class="sound_only">작성일</span>
  6378.                    <img src="https://highforex1.com/img/01_common/clock.svg" alt="시계 아이콘">
  6379.                    <u>2024-02-06 14:33:18</u>
  6380.                  </div>
  6381.                </div><!-- list_text -->
  6382.              </a>
  6383.            </div>
  6384.                      <div class="swiper-slide">
  6385.              <a href="https://highforex1.com/bbs/board.php?bo_table=mt4_beginner&amp;wr_id=27&title=포렉스 교육자료 - Forex 용어" class="flex_area">
  6386.                  <img src="https://www.highforex1.com/data/file/mt4_beginner/2041152672_Ob2AHF9W_19ba6840130a4c97c78401b43d2a39692860572c.png" width="320" height="180" alt="">              </a>
  6387.  
  6388.              <a href="https://highforex1.com/bbs/board.php?bo_table=mt4_beginner&amp;wr_id=27&title=포렉스 교육자료 - Forex 용어" class="flex_area">
  6389.                <div class="list_text">
  6390.                  <h4 class="list_title">
  6391.                      포렉스 교육자료 - Forex 용어                  </h4>
  6392.  
  6393.                  <div class="list_info flex_area">
  6394.                    <span class="sound_only">작성일</span>
  6395.                    <img src="https://highforex1.com/img/01_common/clock.svg" alt="시계 아이콘">
  6396.                    <u>2024-02-01 13:11:55</u>
  6397.                  </div>
  6398.                </div><!-- list_text -->
  6399.              </a>
  6400.            </div>
  6401.                      <div class="swiper-slide">
  6402.              <a href="https://highforex1.com/bbs/board.php?bo_table=mt4_beginner&amp;wr_id=26&title=포렉스 교육자료 - BID, ASK란?" class="flex_area">
  6403.                  <img src="https://www.highforex1.com/data/file/mt4_beginner/2041152672_XB2I4xJi_582aee30b0efe3a36902323c52cd8fe4bb0c76dc.png" width="320" height="180" alt="">              </a>
  6404.  
  6405.              <a href="https://highforex1.com/bbs/board.php?bo_table=mt4_beginner&amp;wr_id=26&title=포렉스 교육자료 - BID, ASK란?" class="flex_area">
  6406.                <div class="list_text">
  6407.                  <h4 class="list_title">
  6408.                      포렉스 교육자료 - BID, ASK란?                  </h4>
  6409.  
  6410.                  <div class="list_info flex_area">
  6411.                    <span class="sound_only">작성일</span>
  6412.                    <img src="https://highforex1.com/img/01_common/clock.svg" alt="시계 아이콘">
  6413.                    <u>2024-01-31 12:45:11</u>
  6414.                  </div>
  6415.                </div><!-- list_text -->
  6416.              </a>
  6417.            </div>
  6418.                      <div class="swiper-slide">
  6419.              <a href="https://highforex1.com/bbs/board.php?bo_table=mt4_beginner&amp;wr_id=25&title=포렉스 교육자료 - 주식과 외환의 차이" class="flex_area">
  6420.                  <img src="https://www.highforex1.com/data/file/mt4_beginner/2041152672_2bTzE8fh_e1ec4c15c0bee31fe3d02e95bce09a0f3928c74e.png" width="320" height="180" alt="">              </a>
  6421.  
  6422.              <a href="https://highforex1.com/bbs/board.php?bo_table=mt4_beginner&amp;wr_id=25&title=포렉스 교육자료 - 주식과 외환의 차이" class="flex_area">
  6423.                <div class="list_text">
  6424.                  <h4 class="list_title">
  6425.                      포렉스 교육자료 - 주식과 외환의 차이                  </h4>
  6426.  
  6427.                  <div class="list_info flex_area">
  6428.                    <span class="sound_only">작성일</span>
  6429.                    <img src="https://highforex1.com/img/01_common/clock.svg" alt="시계 아이콘">
  6430.                    <u>2024-01-25 12:52:24</u>
  6431.                  </div>
  6432.                </div><!-- list_text -->
  6433.              </a>
  6434.            </div>
  6435.                          </div>
  6436.    </div>
  6437.    <div class="metas-btn metas-button-prev">
  6438.      <img src="../img/01_common/prev_btn.svg" alt="이전버튼">
  6439.    </div>
  6440.    <div class="metas-btn metas-button-next">
  6441.      <img src="../img/01_common/next_btn.svg" alt="다음버튼">
  6442.    </div>
  6443.    <div class="swiper-pagination meta-pager b-pager"></div>
  6444.  
  6445.    <!-- more btn -->
  6446.    <div class="more_btn">
  6447.      <a href="https://highforex1.com/bbs/board.php?bo_table=mt4_beginner" class="flex_area">
  6448.        <span>MORE</span>
  6449.        <div class="w_g_icon">
  6450.          <img src="../img/01_common/plus_circle_bk.svg" alt="">
  6451.          <img src="/01_common/plus_circle_gray.svg " alt="더보기 아이콘">
  6452.        </div>
  6453.      </a>
  6454.    </div>
  6455.  
  6456.  </div>
  6457.  <script>
  6458.    var metaSlider = new Swiper(".meta_slider", {
  6459.      slidesPerView: 1,
  6460.      spaceBetween: 8,
  6461.      pagination: {
  6462.        el: ".meta-pager",
  6463.        type: "progressbar",
  6464.      },
  6465.      navigation: {
  6466.        nextEl: ".metas-button-next",
  6467.        prevEl: ".metas-button-prev",
  6468.      },
  6469.      //반응형설정
  6470.      breakpoints: {
  6471.        // 1177이상
  6472.        1181: {
  6473.          slidesPerView: "3.2",
  6474.          spaceBetween: 24,
  6475.        },
  6476.        // 860이상
  6477.        860: {
  6478.          slidesPerView: 3,
  6479.          spaceBetween: 8,
  6480.        },
  6481.  
  6482.        // 641이상
  6483.        641: {
  6484.          slidesPerView: "2.2",
  6485.          spaceBetween: 8,
  6486.        },
  6487.        // 376이상
  6488.        376: {
  6489.          slidesPerView: "1.3",
  6490.          spaceBetween: 8,
  6491.        },
  6492.      }, //breakpoint end
  6493.    });
  6494.  </script>
  6495. </article>    </article>
  6496.    <!-- MetaTrader란 E -->
  6497.  
  6498.    <!-- 투자전략분석 S -->
  6499.    <article class="center_1176 analysis">
  6501. <!-- 투자전략분석 S -->
  6502. <div class="title_area flex_area">
  6503. <h3 class="title_18 title_18_margin">
  6504. 투자전략분석 </h3>
  6505. </div>
  6506.  
  6507. <div class="analysis_slider_wrap">
  6508. <div class="swiper analysis_slider">
  6509. <div class="swiper-wrapper">
  6510. <div class="swiper-slide">
  6511. <div class="list_text">
  6512. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;wr_id=1811&title=이더리움, FUD 폭풍에 대비: 분석가들은 잠재적인 바닥과 회복을 지적">
  6513. <h4 class="list_title">
  6514. 이더리움, FUD 폭풍에 대비: 분석가들은 잠재적인 바닥과 회복을 지적 </h4>
  6515. <p class="list_paragraph">
  6516. 이더리움, FUD 폭풍에 대비: 분석가들은 잠재적인 바닥과 회복을 지적
  6517. &lt;목차&gt;
  6518. 1. 지속적인 FUD 속의 ETH 회복력
  6519. 2. 주요 기술 지표 및 분석가 통찰력
  6520. 3. 고래 활동과 시장 감정
  6521. 4. FUD가 이더리움 회복 잠재력에 미치는 영향
  6522. 5. 마무리 생각: 주시해야 할 요소
  6523.  
  6524. 이더리움(ETH)을 둘러싼 공포, 불확실성, 의심(FUD)의 폭풍이 계속되고 있지만, 시장 신호는 잠재적인 바닥과 회복의 징후를 시사합니다. 이… </p>
  6525. <div class="list_info flex_area">
  6526. <u>2024-10-28 10:07:23</u>
  6527. </div>
  6528. </a>
  6529.  
  6530. <div class="tags_box">
  6531. <a href="#none" class="tag_">ETH/USD</a>
  6532. <a href="#none" class="tag_"> 이더리움</a>
  6533. </div>
  6534. </div>
  6535. </div>
  6536. <div class="swiper-slide">
  6537. <div class="list_text">
  6538. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;wr_id=1810&title=금 가격 예측: XAU/USD, 하방 가능성 제한 속 $2,750 이하 유지">
  6539. <h4 class="list_title">
  6540. 금 가격 예측: XAU/USD, 하방 가능성 제한 속 $2,750 이하 유지 </h4>
  6541. <p class="list_paragraph">
  6542. 금 가격 예측: XAU/USD, 하방 가능성 제한 속 $2,750 이하 유지
  6543. &lt;목차&gt;
  6544. 1. 연방준비제도이사회 금리 결정과 미국 달러 영향
  6545. 2. 지정학적 긴장과 안전자산 수요
  6546. 3. 중앙은행 금 매수와 수요 증가
  6547. 4. XAU/USD에 대한 시장 감정 및 기술적 전망
  6548.  
  6549. 금 가격(XAU/USD)은 최근 하락 압력을 받았으며, 월요일 아시아 세션 초반에 금속은 2,735달러 근처에서 거래되었습니다. 세계가 다가오는 미국 대선을 둘… </p>
  6550. <div class="list_info flex_area">
  6551. <u>2024-10-28 09:57:07</u>
  6552. </div>
  6553. </a>
  6554.  
  6555. <div class="tags_box">
  6556. <a href="#none" class="tag_">XAU/USD</a>
  6557. <a href="#none" class="tag_"> 금</a>
  6558. </div>
  6559. </div>
  6560. </div>
  6561. <div class="swiper-slide">
  6562. <div class="list_text">
  6563. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;wr_id=1809&title=AUD/USD, 미국 달러 강세 속 0.6600 근처 유지">
  6564. <h4 class="list_title">
  6565. AUD/USD, 미국 달러 강세 속 0.6600 근처 유지 </h4>
  6566. <p class="list_paragraph">
  6567. AUD/USD, 미국 달러 강세 속 0.6600 근처 유지
  6568. &lt;목차&gt;
  6569. 1. 미국 경제 지표와 연방준비제도의 강경한 입장
  6570. 2. 호주 달러 전망: RBA의 중립적 입장과 경제적 고려 사항
  6571. 3. 지정학적 영향: 중동 긴장과 미국 선거 불확실성
  6572. 4. AUD/USD에 대한 시장 감정과 기술적 전망
  6573.  
  6574.  
  6575. AUD/USD 통화 쌍은 최근 경제 지표와 지정학적 발전에 힘입어 미국 달러가 견인력을 얻으면서 0.6600 마크 근처에서 맴돌며 … </p>
  6576. <div class="list_info flex_area">
  6577. <u>2024-10-28 09:51:48</u>
  6578. </div>
  6579. </a>
  6580.  
  6581. <div class="tags_box">
  6582. <a href="#none" class="tag_">AUD/USD</a>
  6583. <a href="#none" class="tag_"> 외환마진거래</a>
  6584. </div>
  6585. </div>
  6586. </div>
  6587. <div class="swiper-slide">
  6588. <div class="list_text">
  6589. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;wr_id=1808&title=솔라나 브레이크아웃 경고: 가격이 저항선을 넘어 급등, 단기 청산 유발">
  6590. <h4 class="list_title">
  6591. 솔라나 브레이크아웃 경고: 가격이 저항선을 넘어 급등, 단기 청산 유발 </h4>
  6592. <p class="list_paragraph">
  6593. 솔라나 브레이크아웃 경고: 가격이 저항선을 넘어 급등, 단기 청산 유발
  6594. &lt;목차&gt;
  6595. 1. SOL Bulls가 주도권을 잡다: 저항선 돌파 및 단기 청산 스파이크
  6596. 2. SOL 시장 활동에서 파생상품의 역할
  6597. 3. SOL의 다음 목표: 저항 붕괴 속 추가 상승 노려
  6598. 4. 숏 스퀴즈 트리거: 예상치 못한 가격 변동이 청산을 촉진합니다.
  6599. 5. 기술 분석: SOL의 미래는 어떻게 될까요?
  6600. 6. 오픈 인테레스트 스파이크: 시장 역학에 대… </p>
  6601. <div class="list_info flex_area">
  6602. <u>2024-10-25 11:05:00</u>
  6603. </div>
  6604. </a>
  6605.  
  6606. <div class="tags_box">
  6607. <a href="#none" class="tag_">SOL</a>
  6608. <a href="#none" class="tag_"> 솔라나</a>
  6609. <a href="#none" class="tag_">Solana</a>
  6610. </div>
  6611. </div>
  6612. </div>
  6613. <div class="swiper-slide">
  6614. <div class="list_text">
  6615. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;wr_id=1807&title=은 가격 예측: XAG/USD, 미국 수익률 하락 속 $33.60 근처로 통합">
  6616. <h4 class="list_title">
  6617. 은 가격 예측: XAG/USD, 미국 수익률 하락 속 $33.60 근처로 통합 </h4>
  6618. <p class="list_paragraph">
  6619. 은 가격 예측: XAG/USD, 미국 수익률 하락 속 $33.60 근처로 통합
  6620. &lt;목차&gt;
  6621. 1. XAG/USD 통합: USD와 수익률 약세에도 불구하고 제한적인 상승
  6622. 2. XAG/USD의 기술적 전망
  6623. 3. 주시해야 할 주요 저항 수준
  6624. 4. 모니터링할 주요 지원 수준
  6625. 5. XAG/USD 가격 예측: 모멘텀과 돌파 가능성
  6626. 6. 결론: 촉매 부족 속 실버, 핵심 기술 수준에 직면
  6627.  
  6628.  
  6629. 은(XAG/USD) 가격은 4일 만에 최저… </p>
  6630. <div class="list_info flex_area">
  6631. <u>2024-10-25 10:52:50</u>
  6632. </div>
  6633. </a>
  6634.  
  6635. <div class="tags_box">
  6636. <a href="#none" class="tag_">XAG/USD</a>
  6637. <a href="#none" class="tag_"> 은</a>
  6638. </div>
  6639. </div>
  6640. </div>
  6641. </div>
  6642. </div>
  6643.  
  6644. <!-- slide btn -->
  6645. <div class="analysis-btn analysis-button-prev">
  6646. <img src="../img/01_common/prev_btn.svg" alt="이전버튼">
  6647. </div>
  6648. <div class="analysis-btn analysis-button-next">
  6649. <img src="../img/01_common/next_btn.svg" alt="다음버튼">
  6650. </div>
  6651. <!-- silde pagination -->
  6652. <div class="analysis-swiper-pagination"></div>
  6653.  
  6654. <div class="more_btn common_more_btn">
  6655. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis" class="flex_area">
  6656. <span>MORE</span>
  6657. <div class="w_g_icon">
  6658. <img src="../img/01_common/plus_circle_bk.svg" alt="">
  6659. <img src="/01_common/plus_circle_gray.svg " alt="더보기 아이콘">
  6660. </div>
  6661. </a>
  6662. </div>
  6663. </div>
  6664.  
  6665. <!-- 투자전략분석 E -->
  6666.  
  6667. <script>
  6668. var swiper = new Swiper(".analysis_slider", {
  6669. slidesPerView: 1,
  6670. spaceBetween: 8,
  6671. pagination: {
  6672. el: ".analysis-swiper-pagination",
  6673. type: "progressbar",
  6674. },
  6675. navigation: {
  6676. prevEl: ".analysis-button-prev",
  6677. nextEl: ".analysis-button-next",
  6678. },
  6679.  
  6680. //반응형설정
  6681. breakpoints: {
  6682. //1177이상
  6683. 1181: {
  6684. slidesPerView: 3.2,
  6685. spaceBetween: 24,
  6686. },
  6687. 860: {
  6688. slidesPerView: 3,
  6689. spaceBetween: 8,
  6690. },
  6691.  
  6692. 641: {
  6693. slidesPerView: 2.2,
  6694. spaceBetween: 8,
  6695. },
  6696. //376이상
  6697. 376: {
  6698. slidesPerView: 1.3,
  6699. spaceBetween: 8,
  6700. },
  6701. },
  6702. });
  6703. </script>    </article>
  6704.    <!-- 투자전략분석 E -->
  6705.  
  6706.    <!-- 온라인 입출금 결제서비스 S -->
  6707.    <!-- 2023-04-17 by ellie 주석처리 -->
  6708.    <!-- <article class="center_1176 online_pay_service">
  6709. <div class="title_area flex_area">
  6710. <h3 class="title_18 title_18_margin">온라인 입출금 결제서비스</h3>
  6711. </div>
  6712.  
  6713. <ul class="pay_logo_area">
  6714. <li>
  6715. <a href="#link"
  6716. onclick="broker_link('https://member.neteller.com/wallet/account/sign-up?locale=ko&btag=a_113506b_1737c_1542&program=NTAFFILIATE');"
  6717. target="_blank">
  6718. <figure>
  6719. <img src="../img/02-index/pay_logo_1.svg" alt="neteeller_로고이미지">
  6720. </figure>
  6721. </a>
  6722. </li>
  6723. <li>
  6724. <a href="#none">
  6725. <figure>
  6726. <img src="../img/02-index/pay_logo_2.svg" alt="skrill_로고이미지">
  6727. </figure>
  6728. </a>
  6729. </li>
  6730. </ul>
  6731.  
  6732. </article> -->
  6733.    <!-- 온라인 입출금 결제서비스 E -->
  6734.  
  6735.  
  6736.  </section>
  6737.  
  6738.  
  6739. <hr>
  6740.  
  6741. <footer>
  6742. <div class="f_gnb">
  6743. <div class="center_1176 pc_gnb">
  6744. <ul>
  6745. <li>
  6746. <a href="#none" class="gnb_tit">회사소개</a>
  6747. <div class="hide">
  6748. <a href="/sub/company.php">회사소개</a>
  6749. <a href="https://pf.kakao.com/_KGSxbxj" target="_blank">파트너 모집</a>
  6750.                        <a href="/bbs/board.php?bo_table=notice">공지사항</a>
  6751. </div>
  6752. </li>
  6753. <li>
  6754. <a href="#none" class="gnb_tit">해외 증권사 안내</a>
  6755. <div class="hide">
  6756. <a href="https://highforex1.com/sub/broker_introduce.php"
  6757. target="_self">해외 증권사 소개</a>
  6758. <a href="https://highforex1.com/sub/broker_compare.php"
  6759. target="_self">해외 증권사 비교</a>
  6760. <a href="https://highforex1.com/bbs/group_guide.php?gr_id=guide"
  6761. target="_self">가입안내 동영상</a>
  6762. <a href="https://highforex1.com/sub/merit.php"
  6763. target="_self">해외마진거래의 장점</a>
  6764. <a href="https://highforex1.com/sub/crypto_exchange_introduce.php"
  6765. target="_self">코인거래소 소개</a>
  6766. </div>
  6767. </li>
  6768. <li>
  6769. <a href="#none" class="gnb_tit">인기자산</a>
  6770. <div class="hide">
  6771. <a href="https://highforex1.com/sub/assets_currency.php?cate=Currency&amp;symbol_id=1838&amp;item=USD/KRW"
  6772. target="_self">통화<u>/</u>FOREX</a>
  6773. <a href="https://highforex1.com/sub/assets_indices.php?cate=Indices&amp;symbol_id=745&amp;item=KOSPI"
  6774. target="_self">지수<u>/</u>INDICES</a>
  6775. <a href="https://highforex1.com/sub/assets_goods.php?cate=Goods&amp;symbol_id=5&amp;item=GC&amp;name=Gold"
  6776. target="_self">원자재<u>/</u>GOODS</a>
  6777. <a href="https://highforex1.com/sub/assets_crypto.php?cate=Crypto&amp;symbol_id=78&amp;item=BTC/USD"
  6778. target="_self">암호화폐<u>/</u>CRYPTO</a>
  6779. </div>
  6780. </li>
  6781. <li>
  6782. <a href="#none" class="gnb_tit">투자전략분석</a>
  6783. <div class="hide">
  6784. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=외환분석"
  6785. target="_self">외환분석</a>
  6786. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=선물분석"
  6787. target="_self">선물분석</a>
  6788. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=지수분석"
  6789. target="_self">지수분석</a>
  6790. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=암호화폐분석"
  6791. target="_self">암호화폐분석</a>
  6792. </div>
  6793. </li>
  6794. <li>
  6795. <a href="#none" class="gnb_tit">교육</a>
  6796. <div class="hide">
  6797. <a href="https://highforex1.com/bbs/group_mt4.php?gr_id=mt4"
  6798. target="_self">MT4 필수 동영상 강의</a>
  6799. <a href="https://highforex1.com/education/intro_lession_1-1.php"
  6800. target="_self">포렉스 교육자료</a>
  6801. <a href="https://highforex1.com/bbs/board.php?bo_table=faq"
  6802. target="_self">자주 묻는 질문</a>
  6803. <a href="https://highforex1.com/bbs/board.php?bo_table=basic_knoledge"
  6804. target="_self">포렉스 기본지식</a>
  6805. <a href="https://highforex1.com/bbs/board.php?bo_table=seo"
  6806. target="_self">포렉스 자유게시판</a>
  6807. </div>
  6808. </li>
  6809. </ul>
  6810. </div>
  6811.  
  6812. <div class="center_1176 mo_gnb">
  6813. <ul>
  6814. <li>
  6815. <a href="#none" class="gnb_tit">회사소개</a>
  6816. <div class="hide">
  6817. <a href="/sub/company.php">회사소개</a>
  6818. <a href="https://pf.kakao.com/_KGSxbxj" target="_blank">파트너 모집</a>
  6819. </div>
  6820. </li>
  6821. <li>
  6822. <a href="#none" class="gnb_tit">해외 증권사 안내</a>
  6823. <div class="hide">
  6824. <a href="https://highforex1.com/sub/broker_introduce.php"
  6825. target="_self">해외 증권사 소개</a>
  6826. <a href="https://highforex1.com/sub/broker_compare.php"
  6827. target="_self">해외 증권사 비교</a>
  6828. <a href="https://highforex1.com/bbs/group_guide.php?gr_id=guide"
  6829. target="_self">가입안내 동영상</a>
  6830. <a href="https://highforex1.com/sub/merit.php"
  6831. target="_self">해외마진거래의 장점</a>
  6832. <a href="https://highforex1.com/sub/crypto_exchange_introduce.php"
  6833. target="_self">코인거래소 소개</a>
  6834. </div>
  6835. </li>
  6836. <li>
  6837. <a href="#none" class="gnb_tit">인기자산</a>
  6838. <div class="hide">
  6839. <a href="https://highforex1.com/sub/assets_currency.php?cate=Currency&amp;symbol_id=1838&amp;item=USD/KRW"
  6840. target="_self">통화<u>/</u>FOREX</a>
  6841. <a href="https://highforex1.com/sub/assets_indices.php?cate=Indices&amp;symbol_id=745&amp;item=KOSPI"
  6842. target="_self">지수<u>/</u>INDICES</a>
  6843. <a href="https://highforex1.com/sub/assets_goods.php?cate=Goods&amp;symbol_id=5&amp;item=GC&amp;name=Gold"
  6844. target="_self">원자재<u>/</u>GOODS</a>
  6845. <a href="https://highforex1.com/sub/assets_crypto.php?cate=Crypto&amp;symbol_id=78&amp;item=BTC/USD"
  6846. target="_self">암호화폐<u>/</u>CRYPTO</a>
  6847. </div>
  6848. </li>
  6849. <li>
  6850. <a href="#none" class="gnb_tit">투자전략분석</a>
  6851. <div class="hide">
  6852. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=외환분석"
  6853. target="_self">외환분석</a>
  6854. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=선물분석"
  6855. target="_self">선물분석</a>
  6856. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=지수분석"
  6857. target="_self">지수분석</a>
  6858. <a href="https://highforex1.com/bbs/board.php?bo_table=analysis&amp;sca=암호화폐분석"
  6859. target="_self">암호화폐분석</a>
  6860. </div>
  6861. </li>
  6862. <li>
  6863. <a href="#none" class="gnb_tit">교육</a>
  6864. <div class="hide">
  6865. <a href="https://highforex1.com/bbs/group_mt4.php?gr_id=mt4"
  6866. target="_self">MT4 필수 동영상 강의</a>
  6867. <a href="https://highforex1.com/education/intro_lession_1-1.php"
  6868. target="_self">포렉스 교육자료</a>
  6869. <a href="https://highforex1.com/bbs/board.php?bo_table=faq"
  6870. target="_self">자주 묻는 질문</a>
  6871. <a href="https://highforex1.com/bbs/board.php?bo_table=basic_knoledge"
  6872. target="_self">포렉스 기본지식</a>
  6873. <a href="https://highforex1.com/bbs/board.php?bo_table=seo"
  6874. target="_self">포렉스 자유게시판</a>
  6875. </div>
  6876. </li>
  6877. </ul>
  6878. </div>
  6879. </div>
  6880.  
  6881. <div class="f_top">
  6882. <div class="center_1176 flex_area">
  6883. <!-- <div class="top_btn">
  6884. <img src="https://highforex1.com/img/01_common/top-btn.svg" alt="탑버튼">
  6885. </div> -->
  6886. <div class="ft_1">
  6887. <div class="ft_menu_area">
  6888. <div class="ft_logo_1">
  6889. <img src="https://highforex1.com/img/01_common/hf-logo-ft.svg" alt="하이포렉스로고푸터">
  6890. </div>
  6891. <div class="f-kakako">
  6892. <div class="kakao_banner flex_area">
  6893. <h4 class="list_title">외환거래 해외증권사<span></span>상담서비스</h4>
  6894. <!--<div class="phone_area flex_area">
  6895. <img src="../img/01_common/phone_ft.svg" alt="상담_전화번호">
  6896. </div>-->
  6897.  
  6898. <a href="https://pf.kakao.com/_KGSxbxj/chat" target="_blank" class="flex_area kakao_link"
  6899. title="1:1 실시간 상담하기">
  6900. <img src="https://highforex1.com/img/01_common/kakaotalk.svg" alt="카카오 아이콘">
  6901. <span>1:1 실시간 상담</span>
  6902. </a>
  6903. </div>
  6904. </div>
  6905. </div>
  6906. </div>
  6907.  
  6908. <div class="ft_2 flex_area">
  6909. <ul class="sns_menu flex_area">
  6910. <li>
  6911. <a href="https://www.facebook.com/highforex7" target="_blank" title="페이스북">
  6912. <i class="xi-facebook"></i>
  6913. </a>
  6914. </li>
  6915. <li>
  6916. <a href="https://twitter.com/highforex7" target="_blank" title="트위터">
  6917. <i class="xi-twitter"></i>
  6918. </a>
  6919. </li>
  6920. <li>
  6921. <a href="https://blog.naver.com/highforex" target="_blank" title="네이버블로그">
  6922. <img src="https://highforex1.com/img/01_common/naver-blog.svg" alt="네이버 블로그 아이콘">
  6923. </a>
  6924. </li>
  6925. <li>
  6926. <a href="https://www.instagram.com/forexhigh7" target="_blank" title="인스타그램">
  6927. <i class="xi-instagram"></i>
  6928. </a>
  6929. </li>
  6930. <li>
  6931. <a href="https://www.youtube.com/@high1048" target="_blank" title="유튜브">
  6932. <i class="xi-youtube"></i>
  6933. </a>
  6934. </li>
  6935. <li>
  6936. <a href="https://cafe.naver.com/1djr115" target="_blank" title="네이버카페">
  6937. <img src="https://highforex1.com/img/01_common/naver-cafe.svg" alt="네이버 카페 아이콘">
  6938. </a>
  6939. </li>
  6940. </ul>
  6941.  
  6942. </div><!-- ft_2 -->
  6943. </div>
  6944. </div>
  6945.  
  6946. <div class="f_bottom">
  6947. <div class="center_1176">
  6948. <div class="ft_3">
  6949. <div class="ft_logo_2">
  6950. <img src="https://highforex1.com/img/01_common/hf-logo-w.svg" alt="하이포렉스로고그레이">
  6951. </div>
  6952. </div>
  6953. <div class="ft_4">
  6954. <h6 class="warning_title">투자 위험 고지</h6>
  6955. <p class="warning_text">
  6956. 위험 면책 조항 : HighForex는 시장 뉴스, 분석, 거래 신호 및 Forex 중개인 리뷰를 포함하여 이 웹사이트에 포함된 정보에 대한 의존으로 인한 손실이나 손해에 대해 책임을 지지
  6957. 않습니다.
  6958. 이
  6959. 웹사이트에 포함된 데이터는 반드시 실시간이거나 정확하지 않으며 분석은 작성자의 의견이며 HighForex 또는 그 직원의 권장 사항을 나타내지 않습니다. 마진에 대한 통화 거래는 높은 위험을
  6960. 수반하며
  6961. 모든
  6962. 투자자에게 적합하지 않습니다. 레버리지 제품 손실은 초기 예금을 초과할 수 있고 자본은 위험에 처해 있습니다. Forex 또는 기타 금융 상품을 거래하기로 결정하기 전에 투자 목표, 경험 수준 및
  6963. 위험
  6964. 성향을 신중하게 고려해야 합니다. 우리는 우리가 검토하는 모든 중개인에 대한 귀중한 정보를 제공하기 위해 열심히 노력합니다. 이 무료 서비스를 제공하기 위해 당사는 당사 순위 및 이 페이지에 나열된
  6965. 일부를
  6966. 포함하여 해외증권사로부터 광고 수수료를 받습니다. 모든 데이터가 최신 상태인지 확인하기 위해 최선을 다하고 있지만, 해외증권사에게 직접 정보를 확인하는 것이 좋습니다.
  6967. </p>
  6968. </div>
  6969. </div>
  6970. </div>
  6971. </footer>
  6972.  
  6973. <script>
  6974. $(".mo_gnb ul li>a").on("click", function() {
  6975. $(this).parent().toggleClass('act').siblings().removeClass('act');
  6976. $(this).next().slideToggle(300);
  6977. $('.mo_gnb ul li>a').not(this).next().slideUp(300);
  6978. return false;
  6979. });
  6980. </script>
  6981.  
  6982.  
  6983. <!-- } 하단 끝 -->
  6984.  
  6985. <script>
  6986.    $(function() {
  6987.        // 폰트 리사이즈 쿠키있으면 실행
  6988.        font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
  6989.  
  6990.        // 상단 메뉴내 랜덤 배너 이미지 및 링크 연결.
  6991.        let banner_click = "broker_link('" + banner_link + "');";
  6992.        $('#menu_banner').attr('src', banner_name); // 메뉴내 배너 이미지 파일변경
  6993.        $('#mene_banner_link').attr('onclick', banner_click); // 메뉴내 배너 이미지 링크변경
  6994.    });
  6995.  
  6996.    // 브로커 버튼 노출차단 회피용 링크
  6997.    function broker_link(link) {
  6998.        window.open(link);
  6999.    }
  7000.  
  7001.    // 2. This code loads the IFrame Player API code asynchronously.
  7002.    var tag = document.createElement('script');
  7003.  
  7004.    tag.src = "https://www.youtube.com/iframe_api";
  7005.    var firstScriptTag = document.getElementsByTagName('script')[0];
  7006.    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  7007.  
  7008.    // 3. This function creates an <iframe> (and YouTube player)
  7009.    //    after the API code downloads.
  7010.    var player2;
  7011.    var videoSrc = $("#youtubePlayer").attr('data-id');
  7012.    var youtubePlayerHeight = "100%";
  7013.    var youtubePlayerWidth = "100%";
  7014.  
  7015.    // 에디터 유튜브 처리
  7016.    if (videoSrc == undefined) {
  7017.        var videoSrc2 = $(".video-container div").first().text();
  7018.        if (videoSrc2 != undefined && videoSrc2 != "") {
  7019.            $(".video-container div").remove();
  7020.            $(".video-container").append('<div id="youtubePlayer" data-id="' + videoSrc2 + '"> </div>');
  7021.            videoSrc = $("#youtubePlayer").attr('data-id');
  7022.            youtubePlayerHeight = "450px";
  7023.        }
  7024.        var videoShortsSrc = $(".video-container-shorts div").first().text();
  7025.        if (videoShortsSrc != undefined && videoShortsSrc != "") {
  7026.            $(".video-container-shorts div").remove();
  7027.            $(".video-container-shorts").append('<div id="youtubePlayer" data-id="' + videoShortsSrc + '"> </div>');
  7028.            videoSrc = $("#youtubePlayer").attr('data-id');
  7029.            youtubePlayerHeight = "530px";
  7030.        }
  7031.    }
  7032.  
  7033.    function onYouTubeIframeAPIReady() {
  7034.        player2 = new YT.Player('youtubePlayer', {
  7035.            height: youtubePlayerHeight,
  7036.            width: youtubePlayerWidth,
  7037.            videoId: videoSrc,
  7038.            events: {
  7039.                //'onReady': onPlayerReady,
  7040.            }
  7041.        });
  7042.    }
  7043.  
  7044.    // 4. The API will call this function when the video player is ready.
  7045.    function onPlayerReady(event) {
  7046.        event.target.playVideo();
  7047.    }
  7048.  
  7049. </script>
  7050.  
  7051.  
  7052.  
  7053. <!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 -->
  7054. <!--[if lte IE 7]>
  7055. <script>
  7056. $(function() {
  7057.    var $sv_use = $(".sv_use");
  7058.    var count = $sv_use.length;
  7059.  
  7060.    $sv_use.each(function() {
  7061.        $(this).css("z-index", count);
  7062.        $(this).css("position", "relative");
  7063.        count = count - 1;
  7064.    });
  7065. });
  7066. </script>
  7067. <![endif]-->
  7068.  
  7069.  
  7070. </body>
  7071. </html>
  7072.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda