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

Home · About · News · Docs · Terms

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