PageSourceSearch

https://blackshot.papayaplay.com/bsglb.do

html papayaplay.com collected 2026-10-02 15:28:10 UTC 239,639 bytes, 4,779 lines download raw bytes

1
2
3
4
5<!DOCTYPE html>
6<html class="no-js">
7<head>
8<meta charset="utf-8">
9<title>BlackShot Online - Global</title>
10<meta name="viewport" content="width=device-width">
11<meta name="robots" content="index,follow" />
12<meta name="description" content="BlackShot is a fast-paced free to play modern military FPS. Join the BlackShot battlefield today!">
13<meta name="keywords" content="BlackShot, BlackShot Global, BSEU, FPS, First Person Shooter, Free-to-play, F2P, MMOFPS, massive-multiplayer online first-person shooter, MMO, shooter game, online shooter, free online shooter, Vertigo Games">
14<meta property="og:type" content="article">
15<meta property="og:title" content="BlackShot - Global">
16<meta property="og:url" content="https://blackshot.papayaplay.com/bsglb.do">
17<meta property="og:description" content="BlackShot is a fast-paced free to play modern military FPS. Join the BlackShot battlefield today!">
18<meta property="og:image" content="https://static.papayaplay.com/static/assets/images/blackshot/home/home-slide-two.jpg">
19<meta property="fb:app_id" content="601567683367843">
20<!-- facebook-domain-verification  -->
21<meta name="facebook-domain-verification" content="nt05bmyn0mj0mlheahv7j69l118def" />
22<link rel="shortcut icon" href="https://static.papayaplay.com/static/assets/images/portal/common/favicon.png">
23<!-- link css -->
24<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/bootstrap/3.3.7/bootstrap.min.css">
25<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/font-awesome/4.7.0/font-awesome.min.css">
26<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/fancybox/2.1.7/jquery.fancybox.min.css">
27<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/slick/1.8.1/slick.min.css" />
28<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/animate-css/3.5.2/animate.min.css">
29<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/aos/2.3.1/aos.css">
30<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/styles/chartist.css">
31<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/toastr/toastr.css">
32<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/lity/2.3.1/lity.min.css">
33<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/styles/common.css?2018">
34<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/styles/bs_rev_glb/bs_rev_glb.css?2018">
35<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/styles/bs_rev_glb/bsglb_social.css">
36
37<!-- link scripts -->
38<script src="https://static.papayaplay.com/static/assets/libs/jquery/2.2.4/jquery.min.js"></script>
vendor: 2 bytes, line 38
38
39<script src="https://static.papayaplay.com/static/assets/libs/jquery-cookie/1.4.1/jquery-cookie.min.js"></script>
vendor: 2 bytes, line 39
39
40<script src="https://static.papayaplay.com/static/assets/libs/fancybox/2.1.7/jquery.fancybox.min.js"></script>
vendor: 2 bytes, line 40
40
41<script src="https://static.papayaplay.com/static/assets/libs/bootstrap/3.3.7/bootstrap.min.js"></script>
vendor: 2 bytes, line 41
41
42<script src="https://static.papayaplay.com/static/assets/libs/slick/1.8.1/slick.min.js"></script>
vendor: 2 bytes, line 42
42
43<script src="https://static.papayaplay.com/static/assets/libs/toastr/toastr.min.js"></script>
vendor: 2 bytes, line 43
43
44<script src="https://static.papayaplay.com/static/assets/libs/moment/2.29.1/moment.min.js"></script>
vendor: 2 bytes, line 44
44
45<script src="https://static.papayaplay.com/static/assets/libs/countdown/2.6.0/countdown.min.js"></script>
vendor: 2 bytes, line 45
45
46<script src="https://static.papayaplay.com/static/assets/libs/aos/2.3.1/aos.js"></script>
vendor: 2 bytes, line 46
46
47<script src="https://static.papayaplay.com/static/assets/libs/carousel.js"></script>
vendor: 2 bytes, line 47
47
48<script src="https://static.papayaplay.com/static/assets/libs/modernizr.js"></script>
vendor: 2 bytes, line 48
48
49<script src="https://static.papayaplay.com/static/assets/libs/lity/2.3.1/lity.min.js"></script>
vendor: 2 bytes, line 49
49
50<script src="https://static.papayaplay.com/static/assets/scripts/main.js?2018"></script>
vendor: 2 bytes, line 50
50
51<script src="https://static.papayaplay.com/static/assets/scripts/bs_glb_rev.js?2018"></script>
vendor: 2 bytes, line 51
51
52<script src="https://static.papayaplay.com/static/assets/libs/numeral.min.js"></script>
vendor: 2 bytes, line 52
52
53<script src="https://static.papayaplay.com/static/assets/libs/vue/2.6.12/vue.min.js"></script>
vendor: 2 bytes, line 53
53
54<script src="https://static.papayaplay.com/static/assets/libs/vue-resource/1.3.5/vue-resource.js"></script>
vendor: 2 bytes, line 54
54
55<script src="https://static.papayaplay.com/static/assets/libs/progressbar/1.0.1/progressbar.min.js"></script>
vendor: 2 bytes, line 55
55
56<script src="https://static.papayaplay.com/static/assets/libs/cloud9carousel/2.0/cloud9carousel.min.js"></script>
56
57<!-- tweenMax -->
58<script src="https://static.papayaplay.com/static/assets/libs/gsap/tweenmax/2.0.2/TweenMax.min.js"></script>
58
59
60
61<script src="//rum-static.pingdom.net/pa-5cd46670fed2bd001600014c.js" async></script>
61
62
63<script type="text/javascript">
64  var unid = "";
65  var userid = "";
66  var email = "";
67  var isLogin = "0";
68  var hasProfilePhoto = "";
69  var bsRootPath = "https://blackshot.papayaplay.com";
70  var ioRootPath = "https://io.papayaplay.com";
71  var s3RootPath = "https://cdn.papayaplay.com";
72  var staticRootPath = "https://static.papayaplay.com/static/assets";
73  var lang = $.cookie("vga_language") || "en";
74
75  var PT_LOC_COMMON_PATH = 'https://static.papayaplay.com/static/assets/locale/common/common_'
76      + lang + '.json';
77  var BSSEA_LOC_COMMON_PATH = 'https://static.papayaplay.com/static/assets/locale/common/common_'
78      + lang + '.json';
79  var BSSEA_LOC_LOCAL_PATH = 'https://static.papayaplay.com/static/assets/locale/bs-sea/bs_sea_'
80      + lang + '.json';
81</script>
81
82
83<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 83-84
83
84<script async src="https://www.googletagmanager.com/gtag/js?id=
84G-CR1M6CWPE9
vendor: 13 bytes, line 84
84"></script>
85<script>
86  
vendor: 138 bytes, lines 86-90
86window.dataLayer = window.dataLayer || [];
87  function gtag(){dataLayer.push(arguments);}
88  gtag('js', new Date());
89
90  gtag('config', '
90G-CR1M6CWPE9
vendor: 5 bytes, line 90
90');
91</script>
91
92
93<!-- Google tag (gtag.js) – 파파야 전체 사이트 공통 태그-->
vendor: 65 bytes, lines 93-94
93
94<script async src="https://www.googletagmanager.com/gtag/js?id=
94G-F7RRMGCSB1
vendor: 13 bytes, line 94
94"></script>
95<script>
vendor: 132 bytes, lines 96-100
96window.dataLayer = window.dataLayer || [];
97function gtag(){dataLayer.push(arguments);}
98gtag('js', new Date());
99
100gtag('config', '
100G-F7RRMGCSB1
vendor: 5 bytes, line 100
100');
101</script>
101
102
103<!-- Google Tag Manager -->
104<script>
vendor: 331 bytes, lines 104-108
104(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
105new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
106j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
107'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
108})(window,document,'script','dataLayer','
108GTM-M5Q24JN
vendor: 3 bytes, line 108
108');
108</script>
108
109<!-- End Google Tag Manager -->
110
111</head>
112
113<body id="blackshot">
114  <!--[if lte IE 8]> 
115    
115<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
115
116    
116<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
116
117    <div class="chromeframe_ori">For a better experience on Papayaplay, <a href=https://www.papayaplay.com/portal.do?tp=unsupportedBrowser target="_blank">update your browser.</a></div>
118    <![endif]-->
119
120  <!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 120-121
120
121  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
121GTM-M5Q24JN
vendor: 89 bytes, lines 121-123
121"
122  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
123  
123<!-- End Google Tag Manager (noscript) -->
124
125  <div class="chromeframe">
126    For a better experience on Papayaplay,
127    <a href="https://www.papayaplay.com/portal.do?tp=unsupportedBrowser" target="_blank">update your browser.</a>
128  </div>
129  <!--  Portal Header GNB Menu: Start -->
130  <div id="blackshotseaApp" style="overflow: hidden;">
131    <!--  Blackshot Header Social Media Navigation: Start -->
132    
133
134
135<div class="social-media-nav hidden-xs hidden-sm" id="bs_glb_social">
136    <ul>
137        <li><a href="https://www.facebook.com/BlackShotOnline" target="blank"><span class="icon-facebook"></span></a></li>
138        <li><a href="https://www.youtube.com/channel/UCfQMEybHcEKTwvOs9lIbriQ" target="blank"><span class="icon-youtube"></span></a></li>
139        <li><a href="https://twitter.com/blackshotglobal" target="blank"><span class="uw-icon-twitter"></span></a></li>
140        <li id="discord-icon"><a href="https://discord.gg/0xbhDjsOK2pvy5s8" target="blank"><span class="icon-discord"></span></a></li>
141    </ul>
142    <!-- <div id="discord-box" class="hidden-xs">
143    	<div class="flex-center">
144    		<div class="col1">
145    			<p v-html="locale_loc.Blackshot_Header_Discord_Text1"></p>
146				<p v-html="locale_loc.Blackshot_Header_Discord_Text2"></p>
147				<a href="https://discord.gg/0xbhDjsOK2pvy5s8" target="blank" v-html="locale_loc.Blackshot_Header_Discord_Text3"></a>
148    		</div>
149    		<div class="col2">
150    			<span class="icon-discord"></span>
151    		</div>
152    	</div>
153    </div> -->
154</div>
155<!-- 
155<script>
156	$(document).ready(function() {
157		setTimeout(function() {
158			$('#discord-box').css('left', 0);
159			setTimeout(function() {
160				$('#discord-box').css('left', '-260px');
161				$('#discord-icon').css('left', 0)
162			}, 5000);
163		}, 2000);
164	});
165	
166	var gnb = new Vue({
167		el: '#bs_glb_social',
168		data: {
169			locale_lang:lang,
170			locale_loc:''
171		},
172		methods: {
173			fetchJson: function (lang) {
174				var localeLocalUrl=BSGLB_LOC_LOCAL_PATH;
175				this.$http.get(localeLocalUrl)
176				.then(function (res) {
177					//console.log(res.body)
178					this.locale_loc = res.body;
179				});
180			}
181		},
182		beforeMount: function () {
183			this.fetchJson(lang);
184		}
185	});
186</script>
186 -->
187    <!--  Blackshot Header Social Media Navigation: End -->
188
189    <!--  Portal GNB Menu: Start -->
190    
191
192
193
194<!-- layer popup -->
195<!-- <div id="top__warning" style="z-index:90000;font-size:18px;padding:2px 20px;color:#29b06d;left:50%;transform:translate(-50%);">This is QA1(AWS) Site</div> -->
196<div id="top__warning"></div>
197<!-- gnb starts -->
198<div class="gnb" id="pt_gnb">
199  <!-- <div class="xmas--wrap-top" style="background-image:url('https://static.papayaplay.com/static/assets/images/portal/xmas-theme/xmas_bar.png')"></div> -->
200  <!-- <div class="xmas--wrap-bottom" style="background-image:url('https://static.papayaplay.com/static/assets/images/portal/xmas-theme/gnb_snow.png')"></div> -->
201  <div class="mobile-gnb hidden-md hidden-lg">
202    <button type="button" id="mobile-game-menu-open">
203      <i class="icon-bars"></i>
204    </button>
205    <!-- start mobile game menu -->
206    <div id="mobile-game-menu">
207      <button type="button" id="mobile-game-menu-close">
208        <i class="icon-close"></i>
209      </button>
210      <div id="blackshot-menu" class="pad-top-30">
211        <a href="https://blackshot.papayaplay.com/bsglb.do">
212          <img class="center-block" src="https://static.papayaplay.com/static/assets/images/portal/common/glb-logo.svg" />
213        </a>
214        <ul>
215          <li class="">
216            <!-- <a href="https://blackshot.papayaplay.com/bsglb.do?tp=game" class="text-uppercase" v-html="locale_com.common_nav_game"></a> -->
217            <label for="bsglb_gnb_m_game" class="bsglb-show text-uppercase">{{locale_com.common_nav_game}}<span class="more-sign">+</span></label>
218            <input type="checkbox" id="bsglb_gnb_m_game" />
219            <ul class="bsglb-sub-menu--ul">
220              <li class="sub--li">
221                <a href="https://blackshot.papayaplay.com/bsglb.do?tp=game" class="text-uppercase">ABOUT</a>
222              </li>
223              <li class="sub--li">
224                <a href="https://blackshot.papayaplay.com/bsglb.do?tp=competitive" class="text-uppercase">COMPETITIVE</a>
225              </li>
226              <!-- <li class="sub--li">
227                <a href="https://blackshot.papayaplay.com/bsglb.do?tp=blackshot" class="text-uppercase">BLACKSHOT</a>
228              </li> -->
229            </ul>
230          </li>
231          <li class="">
232            <a href="https://blackshot.papayaplay.com/bsglb.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a>
233          </li>
234          <li class="">
235            <a href="https://blackshot.papayaplay.com/bsglb.do?tp=update" class="text-uppercase" v-html="locale_com.common_nav_update"></a>
236          </li>
237          <li class="">
238            <a href="https://blackshot.papayaplay.com/bsglb.do?tp=media" class="text-uppercase" v-html="locale_com.common_nav_media"></a>
239          </li>
240          <li class="">
241            <!-- <a href="https://blackshot.papayaplay.com/bsglb.do?tp=ranking" class="text-uppercase" v-html="locale_com.common_nav_ranking"></a> -->
242            <label for="bsglb_gnb_m_ranking" class="bsglb-show text-uppercase">{{locale_com.common_nav_ranking}}<span class="more-sign">+</span></label>
243            <input type="checkbox" id="bsglb_gnb_m_ranking" />
244            <ul class="bsglb-sub-menu--ul">
245              <li class="sub--li">
246                <a href="https://blackshot.papayaplay.com/bsglb.do?tp=ranking_bc" class="text-uppercase">BC RANKING</a>
247              </li>
248              <li class="sub--li">
249                <a href="https://blackshot.papayaplay.com/bsglb.do?tp=halloffame" class="text-uppercase">HALL OF FAME</a>
250              </li>
251              <li class="sub--li">
252                <a href="https://blackshot.papayaplay.com/bsglb.do?tp=ranking_tdm" class="text-uppercase">PANIC SPACE</a>
253              </li>
254            </ul>
255          </li>
256          <li class="">
257            <a href="http://forum.papayaplay.com/categories/blackshot" class="text-uppercase" v-html="locale_com.common_nav_forum"></a>
258          </li>
259          <li>
260            <a href="https://blackshot.papayaplay.com/bsglb.do?tp=download" class="uw-play-btn" v-html="locale_com.Common_Term_Play_Free_Now"></a>
261          </li>
262          <li>
263            <a href="https://www.papayaplay.com">
264              <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt="">
265            </a>
266          </li>
267        </ul>
268      </div>
269
270      <div id="dekaron-menu" class="pad-top-30">
271        <a href="https://dekaron.papayaplay.com/dekaron.do">
272          <img src="https://static.papayaplay.com/static/assets/images/dekaron/common/dekaron-wordmark.png" class="center-block">
273        </a>
274        <ul class="pad-top-30">
275          <li class="text-center pad-top-10 pad-bot-10">
276            <a href="https://dekaron.papayaplay.com/dekaron.do?tp=game" class="text-uppercase" v-html="locale_com.common_nav_game"></a>
277          </li>
278          <li class="text-center pad-top-10 pad-bot-10">
279            <a href="http://wiki.papayaplay.com/dekaron" class="text-uppercase">Wiki</a>
280          </li>
281          <li class="text-center pad-top-10 pad-bot-10">
282            <a href="https://dekaron.papayaplay.com/dekaron.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a>
283          </li>
284          <li class="text-center pad-top-10 pad-bot-10">
285            <a href="https://dekaron.papayaplay.com/dekaron.do?tp=media" class="text-uppercase" v-html="locale_com.common_nav_media"></a>
286          </li>
287          <li class="text-center pad-top-10 pad-bot-10">
288            <a href="https://dekaron.papayaplay.com/dekaron.do?tp=shop" class="text-uppercase" v-html="locale_com.common_nav_shop"></a>
289          </li>
290          <li class="text-center pad-top-10 pad-bot-10">
291            <a href="https://dekaron.papayaplay.com/dekaron.do?tp=about_krystals" class="text-uppercase">About Krystals</a>
292            <span class="new-tag" v-html="locale_com.common_news_new"></span>
293          </li>
294          <li class="text-center pad-top-10 pad-bot-10">
295            <a href="https://dekaron.papayaplay.com/dekaron.do?tp=krystal.game" class="text-uppercase">Krystals</a>
296            <span class="new-tag" v-html="locale_com.common_news_new"></span>
297          </li>
298          <li class="text-center pad-top-10 pad-bot-10">
299            <a href="http://forum.papayaplay.com/categories/dekaron" class="text-uppercase" v-html="locale_com.common_nav_forum"></a>
300          </li>
301          <li class="text-center pad-top-10 pad-bot-10">
302            <a href="https://dekaron.papayaplay.com/dekaron.do?tp=download" class="text-uppercase" v-html="locale_com.common_nav_download"></a>
303          </li>
304        </ul>
305      </div>
306
307      <div id="warrock-menu" class="pad-top-30">
308        <a href="https://warrock.papayaplay.com/warrock.do">
309          <img src="https://static.papayaplay.com/static/assets/images/warrock/announcement/white-logo.png" class="center-block">
310        </a>
311        <ul class="pad-top-30">
312          <a href="https://warrock.papayaplay.com/warrock.do?tp=game" class="text-uppercase">
313            <li class="text-center pad-top-10 pad-bot-10" v-html="locale_com.common_nav_game"></li>
314          </a>
315          <a href="https://warrock.papayaplay.com/warrock.do?tp=news" class="text-uppercase">
316            <li class="text-center pad-top-10 pad-bot-10" v-html="locale_com.common_nav_news"></li>
317          </a>
318          <a href="https://warrock.papayaplay.com/warrock.do?tp=update" class="text-uppercase">
319            <li class="text-center pad-top-10 pad-bot-10" v-html="locale_com.common_nav_update"></li>
320          </a>
321          <a href="http://forum.papayaplay.com/categories/war-rock" class="text-uppercase">
322            <li class="text-center pad-top-10 pad-bot-10" v-html="locale_com.common_nav_forum"></li>
323          </a>
324          <a href="https://warrock.papayaplay.com/warrock.do?tp=shop" class="text-uppercase">
325            <li class="text-center pad-top-10 pad-bot-10" v-html="locale_com.common_nav_shop"></li>
326          </a>
327          <a href="https://warrock.papayaplay.com/warrock.do?tp=gacha" class="text-uppercase">
328            <li class="text-center pad-top-10 pad-bot-10">Gacha</li>
329          </a>
330          <li class="text-center pad-top-10 pad-bot-10">
331            <div class="la-play-btn text-uppercase" onclick="location.href='https://warrock.papayaplay.com/warrock.do?tp=download'">download</div>
332          </li>
333          <li>
334            <a href="https://www.papayaplay.com" class="text-uppercase">
335              <div class="la-papaya-small-logo">
336                <img src="https://static.papayaplay.com/static/assets/images/latale/portal/papaya-logo-white-mobile.svg" alt="">
337              </div>
338            </a>
339          </li>
340        </ul>
341      </div>
342
343      <div id="latale-menu">
344        <div class="menu-container">
345          <div class="menu-top-wrapper">
346            <a href="https://latale.papayaplay.com/latale.do?tp=home">
347              <img class="logo-img" src="https://static.papayaplay.com/static/assets/images/portal/gnb/lt_logo.png" />
348            </a>
349            <button type="button" id="latale-mobile-game-menu-close">
350              <i class="icon-close"></i>
351            </button>
352          </div>
353          <div class="menu-list">
354            <ul>
355              <a class="latale-about" href="https://latale.papayaplay.com/latale.do?tp=about">
356                <li v-html="locale_com.common_nav_about"></li>
357                <span class="underline"></span>
358              </a>
359              <a class="latale-news" href="https://latale.papayaplay.com/latale.do?tp=news.view">
360                <li v-html="locale_com.common_nav_news"></li>
361                <span class="underline"></span>
362              </a>
363              <a class="latale-update" href="https://latale.papayaplay.com/latale.do?tp=update">
364                <li v-html="locale_com.common_nav_update"></li>
365                <span class="underline"></span>
366              </a>
367              <a class="latale-media" href="https://latale.papayaplay.com/latale.do?tp=media">
368                <li v-html="locale_com.common_nav_media"></li>
369                <span class="underline"></span>
370              </a>
371              <a class="latale-webtoon" href="https://latale.papayaplay.com/latale.do?tp=webtoon">
372                <li>Webtoon</li>
373                <span class="underline"></span>
374              </a>
375              <a href="https://discord.com/invite/latalena">
376                <li v-html="locale_com.common_nav_forum"></li>
377              </a>
378              <a href="https://vertigogamesaid.freshdesk.com">
379                <li>Support</li>
380              </a>
381            </ul>
382            <a class="download-button" href="https://latale.papayaplay.com/latale.do?tp=download">
383              <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/tablet_download.png" />
384            </a>
385            <div class="sns-icon-container">
386              <a href="https://www.facebook.com/latalena/" title="Facebook" target="_blank" class="sns-icon fb-icon-wrapper">
387                <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/icon_fb.png" class="fb-icon">
388              </a>
389              <a href="https://www.instagram.com/lataleofficial/" title="Instagram" target="_blank" class="sns-icon insta-icon-wrapper">
390                <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/icon_insta.png" class="insta-icon">
391              </a>
392              <a href="https://www.youtube.com/user/lataletube" title="Youtube" target="_blank" class="sns-icon yt-icon-wrapper">
393                <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/icon_yt.png" class="yt-icon">
394              </a>
395              <a href="https://www.twitter.com/papaya_latale" title="Twitter" target="_blank" class="sns-icon twitter-icon-wrapper">
396                <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/icon_twitter.png" class="twitter-icon">
397              </a>
398              <a href="https://discord.com/invite/latalena" title="Discord" target="_blank" class="sns-icon discord-icon-wrapper">
399                <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/icon_discord.png" class="discord-icon">
400              </a>
401              <a href="https://www.twitch.tv/lataleofficial" title="Twitch" target="_blank" class="sns-icon twitch-icon-wrapper">
402                <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/icon_twitch.png" class="twitch-icon">
403              </a>
404            </div>
405          </div>
406        </div>
407      </div>
408
409      <div id="uwo-menu" class="pad-top-30">
410        <a href="https://uwo.papayaplay.com/uwo.do">
411          <img src="https://static.papayaplay.com/static/assets/images/uwo/official/uwo-snb-logo.png" class="center-block">
412        </a>
413        <ul>
414          <li>
415            <label for="uwo_m_game" class="uwo-show nd-m-btn-game text-uppercase">GAME<span class="more-sign">+</span></label>
416            <input type="checkbox" id="uwo_m_game">
417            <ul class="uwo-sub-menu">
418              <li class="sub-li"><a href="https://uwo.papayaplay.com/uwo.do?tp=game">ABOUT</a></li>
419                  <li class="sub-li"><a href="https://uwo.papayaplay.com/uwo.do?tp=media">MEDIA</a></li>
420            </ul>
421          </li>
422          <li class="">
423            <a href="https://uwo.papayaplay.com/uwo.do?tp=news" class="text-uppercase" v-html="">NEWS</a>
424          </li>
425          <li class="">
426            <a href="https://uwo.papayaplay.com/uwo.do?tp=guide" class="text-uppercase"  v-html="">GUIDES</a>
427          </li>
428         
429          <li class="">
430            <a href="https://uwo.papayaplay.com/uwo.do?tp=update">UPDATES</a>
431          </li>
432
433          <li class="">
434            <a href="https://uwo.papayaplay.com/treasurecove/main.do" :class="{ disable: coveState == false }">COVE</a>
435            <span v-if="coveState == true" class="badge-soon" style="background-color:#c9a56d;">NEW</span>
436            <span v-if="coveState == false" class="badge-soon" style="background-color: red;">upcoming</span>
437          </li>
438          <li v-if="!shopStatus || maintenanceMode || (shopStatus && maintenanceMode)">
439            <a class="disabled" href="https://uwo.papayaplay.com/uwo.do?tp=shop">SHOP</a><span class="badge-soon" style="background-color:red;">UPCOMING</span>
440          </li>
441          <li>
442            <!-- wheel on -->
443            <a v-if="compassState == true"  class="" href="https://uwo.papayaplay.com/uwoevent/compass.do">COMPASS</a><span v-if="compassState == true" class="badge-soon" style="background-color: green;">Open</span>
444            <!-- wheel upcoming -->
445            <a v-if="compassState == false" class="disable" href="https://uwo.papayaplay.com/uwoevent/compass.do">COMPASS</a><span v-if="compassState == false" class="badge-soon" style="background-color: red;">upcoming</span>
446          </li>
447          <li>
448            <!-- wheel on -->
449            <a v-if="wheelState == true"  class="" href="https://uwo.papayaplay.com/uwoevent/luckywheel.do">Wheel</a><span v-if="wheelState == true" class="badge-soon" style="background-color: green;">Open</span>
450            <!-- wheel upcoming -->
451            <a v-if="wheelState == false" class="disable" href="https://uwo.papayaplay.com/uwoevent/luckywheel.do">Wheel</a><span v-if="wheelState == false" class="badge-soon" style="background-color: red;">upcoming</span>
452          </li>
453          <li v-if="shopStatus && !maintenanceMode">
454            <a href="https://uwo.papayaplay.com/uwo.do?tp=shop">SHOP</a><span class="badge-soon" style="background-color:#008000;">OPEN</span>
455          </li>
456         
457          <li class="">
458            <a href="https://forum.papayaplay.com/categories/UWO" class="text-uppercase" v-html="">FORUM</a>
459          </li>
460          <li class="">
461            <a class="uwo-download-m-btn text-uppercase" href="https://www.papayaplay.com/uwo.do?tp=download" v-html="">DOWNLOAD</a>
462          </li>
463          
464          <li class="papaya-logo">
465            <a href="https://www.papayaplay.com/portal.do">
466              <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt="">
467            </a>
468          </li>
469        </ul>
470      </div>
471
472      <div id="blackshotsea-menu" class="pad-top-30">
473        <a href="https://bs.sea.papayaplay.com/bssea.do">
474          <img src="https://static.papayaplay.com/static/assets/images/portal/common/sea-logo.svg" class="center-block">
475        </a>
476        <ul>
477          <li class="">
478            <!-- <a href="https://bs.sea.papayaplay.com/bssea.do?tp=game" class="text-uppercase" v-html="locale_com.common_nav_game"></a> -->
479            <label for="bssea_gnb_m_game" class="bssea-show text-uppercase">{{locale_com.common_nav_game}}<span class="more-sign">+</span></label>
480            <input type="checkbox" id="bssea_gnb_m_game" />
481            <ul class="bssea-sub-menu--ul">
482              <li class="sub--li">
483                <a href="https://bs.sea.papayaplay.com/bssea.do?tp=game" class="text-uppercase">ABOUT</a>
484              </li>
485              <li class="sub--li">
486                <a href="https://bs.sea.papayaplay.com/bssea.do?tp=competitive" class="text-uppercase">COMPETITIVE</a>
487              </li>
488              <!-- <li class="sub--li">
489                <a href="https://bs.sea.papayaplay.com/bssea.do?tp=blackshot" class="text-uppercase">BLACKSHOT</a>
490              </li> -->
491            </ul>
492          </li>
493          <li class="">
494            <a href="https://bs.sea.papayaplay.com/bssea.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a>
495          </li>
496          <li class="">
497            <a href="https://bs.sea.papayaplay.com/bssea.do?tp=update" class="text-uppercase" v-html="locale_com.common_nav_update"></a>
498          </li>
499          <li class="">
500            <a href="https://bs.sea.papayaplay.com/bssea.do?tp=media" class="text-uppercase" v-html="locale_com.common_nav_media"></a>
501          </li>
502          <li class="">
503            <!-- <a href="https://bs.sea.papayaplay.com/bssea.do?tp=ranking" class="text-uppercase" v-html="locale_com.common_nav_ranking"></a> -->
504            <label for="bssea_gnb_m_ranking" class="bssea-show text-uppercase">{{locale_com.common_nav_ranking}}<span class="more-sign">+</span></label>
505            <input type="checkbox" id="bssea_gnb_m_ranking" />
506            <ul class="bssea-sub-menu--ul">
507              <li class="sub--li">
508                <a href="https://bs.sea.papayaplay.com/bssea.do?tp=ranking_bc" class="text-uppercase">BC RANKING</a>
509              </li>
510              <li class="sub--li">
511                <a href="https://bs.sea.papayaplay.com/bssea.do?tp=halloffame" class="text-uppercase">HALL OF FAME</a>
512              </li>
513              <li class="sub--li">
514                <a href="https://bs.sea.papayaplay.com/bssea.do?tp=ranking_tdm" class="text-uppercase">PANIC SPACE</a>
515              </li>
516            </ul>
517          </li>
518          <li class="">
519            <a href="http://forum.papayaplay.com/index.php?p=/categories/blackshot-sea" class="text-uppercase" v-html="locale_com.common_nav_forum"></a>
520          </li>
521          <li>
522            <a href="https://bs.sea.papayaplay.com/bssea.do?tp=download" class="uw-play-btn" v-html="locale_com.Common_Term_Play_Free_Now"></a>
523          </li>
524          <li>
525            <a href="https://www.papayaplay.com">
526              <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt="">
527            </a>
528          </li>
529        </ul>
530      </div>
531      <div id="fstory-menu" class="pad-top-30">
532        <a href="https://4story.papayaplay.com/4story.do">
533          <img src="https://static.papayaplay.com/static/assets/images/portal/common/fstory-logo.png" class="center-block">
534        </a>
535        <ul>
536          <li>
537            <label for="fs_m_game" class="fs-show fs-m-btn-game text-uppercase">{{locale_com.common_nav_game}}<span class="more-sign">+</span></label>
538            <input type="checkbox" id="fs_m_game">
539            <ul class="fs-sub-menu">
540              <li class="sub-li">
541                <a href="https://4story.papayaplay.com/4story.do?tp=game">STORY</a>
542              </li>
543              <li class="sub-li">
544                <a href="http://wiki.papayaplay.com/4story/doku.php?id=start">WIKI</a>
545              </li>
546              <!-- <li class="sub-li"><a href="https://4story.papayaplay.com/4story.do?tp=database" style="color:#888;">DATABASE</a></li> -->
547              <li class="sub-li">
548                <a style="color: #888; cursor: default;">DATABASE</a>
549              </li>
550            </ul>
551          </li>
552          <li class="">
553            <a href="https://4story.papayaplay.com/4story.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a>
554          </li>
555          <li class="">
556            <a href="https://4story.papayaplay.com/4story.do?tp=media" class="text-uppercase" v-html="locale_com.common_nav_media"></a>
557          </li>
558          <li>
559            <label for="fs_m_community" class="fs-show fs-m-btn-community text-uppercase">community<span class="more-sign">+</span></label>
560            <input type="checkbox" id="fs_m_community">
561            <ul class="fs-sub-menu">
562              <li class="sub-li">
563                <a href="https://forum.papayaplay.com/categories/4Story">Forum</a>
564              </li>
565              <!-- <li class="sub-li"><a href="https://4story.papayaplay.com/4story.do">Ranking</a></li> -->
566              <li class="sub-li">
567                <a style="color: #888; cursor: default;">Ranking</a>
568              </li>
569            </ul>
570          </li>
571          <li class="">
572            <a href="https://4story.papayaplay.com/4story.do?tp=shop" class="text-uppercase" v-html="locale_com.common_nav_shop"></a>
573          </li>
574          <!-- <li class=""><a class="text-uppercase" style="color: #888; cursor: default;" v-html="locale_com.common_nav_shop"></a></li> -->
575          <li>
576            <a href="https://4story.papayaplay.com/4story.do?tp=download" class="text-uppercase" v-html="locale_com.common_nav_download"></a>
577          </li>
578          <li class="papaya-logo">
579            <a href="https://www.papayaplay.com">
580              <img src="https://static.papayaplay.com/static/assets/images/latale/portal/papaya-logo-white-mobile.svg" alt="">
581            </a>
582          </li>
583        </ul>
584      </div>
585      <div id="lostsaga-menu" class="pad-top-30">
586        <a href="https://lostsaga.papayaplay.com/lostsaga.do">
587          <img src="https://static.papayaplay.com/static/assets/images/portal/common/losa_logo.png" class="center-block">
588        </a>
589        <ul>
590          <li>
591            <label for="ls_m_game" class="ls-show ls-m-btn-game text-uppercase">{{locale_com.common_nav_game}}<span class="more-sign">+</span></label>
592            <input type="checkbox" id="ls_m_game">
593            <ul class="fs-sub-menu">
594              <li class="sub-li">
595                <a href="https://lostsaga.papayaplay.com/lostsaga.do?tp=mercenary">MERCENARY</a>
596              </li>
597              <li class="sub-li">
598                <a style="color: #888; cursor: default;">WIKI</a>
599              </li>
600            </ul>
601          </li>
602          <li class="">
603            <a href="https://lostsaga.papayaplay.com/lostsaga.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a>
604          </li>
605          <li class="">
606            <a href="https://lostsaga.papayaplay.com/lostsaga.do?tp=update" class="text-uppercase" v-html="locale_com.common_nav_update"></a>
607          </li>
608          <li class="">
609            <a style="color: #888; cursor: default;" class="text-uppercase" v-html="locale_com.common_nav_ranking"></a>
610          </li>
611          <li class="">
612            <a href="https://lostsaga.papayaplay.com/lostsaga.do?tp=media" class="text-uppercase" v-html="locale_com.common_nav_media"></a>
613          </li>
614          <li class="">
615            <a style="color: #888; cursor: default;" class="text-uppercase" v-html="locale_com.common_nav_shop"></a>
616          </li>
617          <li class="">
618            <a href="https://forum.papayaplay.com/categories/lost-saga" class="text-uppercase" v-html="locale_com.common_nav_forum"></a>
619          </li>
620          <li>
621            <a href="https://lostsaga.papayaplay.com/lostsaga.do?tp=download" class="text-uppercase" v-html="locale_com.common_nav_download"></a>
622          </li>
623          <li class="papaya-logo">
624            <a href="https://www.papayaplay.com">
625              <img src="https://static.papayaplay.com/static/assets/images/latale/portal/papaya-logo-white-mobile.svg" alt="">
626            </a>
627          </li>
628        </ul>
629      </div>
630      <div id="ninedragons-menu" class="pad-top-30">
631        <a href="https://9dragons.papayaplay.com/9dragons.do">
632          <img src="https://static.papayaplay.com/static/assets/images/portal/home/9d_logo.png" class="center-block">
633        </a>
634        <ul>
635          <li>
636            <label for="nd_m_game" class="nd-show nd-m-btn-game text-uppercase">{{locale_com.common_nav_game}}<span class="more-sign">+</span></label>
637            <input type="checkbox" id="nd_m_game">
638            <ul class="nd-sub-menu">
639              <li class="sub-li">
640                <a href="https://9dragons.papayaplay.com/9dragons.do?tp=about">ABOUT</a>
641              </li>
642              <li class="sub-li">
643                <a href="https://9dragons.papayaplay.com/9dragons.do?tp=clans">CLANS</a>
644              </li>
645              <li class="sub-li">
646                <a href="http://wiki.papayaplay.com/9dragons/doku.php?id=starting_the_game">WIKI</a>
647              </li>
648              <li class="sub-li">
649                <a href="https://9dragons.papayaplay.com/9dragons.do?tp=fineart">FINE ART</a>
650              </li>
651            </ul>
652          </li>
653          <li class="">
654            <a href="https://9dragons.papayaplay.com/9dragons.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a>
655          </li>
656          <li class="">
657            <a href="https://9dragons.papayaplay.com/9dragons.do?tp=ranking" class="text-uppercase" v-html="locale_com.common_nav_ranking"></a>
658            <!-- <a class="text-uppercase" style="color: #888;" v-html="locale_com.common_nav_ranking"></a> -->
659          </li>
660          <li class="">
661            <a href="https://discord.com/invite/ninedragons" class="text-uppercase" v-html="locale_com.common_nav_forum"></a>
662          </li>
663          <li class="">
664            <a href="https://vertigogamesaid.freshdesk.com/support/solutions/66000284123" class="text-uppercase" v-html="locale_com.Common_Header_Support"></a>
665          </li>
666          <li>
667            <a href="https://9dragons.papayaplay.com/9dragons.do?tp=download" class="text-uppercase" v-html="locale_com.common_nav_download"></a>
668          </li>
669          <li class="papaya-logo">
670            <a href="https://www.papayaplay.com">
671              <img src="https://static.papayaplay.com/static/assets/images/latale/portal/papaya-logo-white-mobile.svg" alt="">
672            </a>
673          </li>
674        </ul>
675      </div>
676
677      <!-- test Start (Joonyoung) EOS mobile menu -->
678      <div id="eos-menu" class="pad-top-30">
679        <!-- mobile top game logo -->
680        <a href="https://eos.papayaplay.com/eos.do">
681          <img src="https://static.papayaplay.com/static/assets/images/eos/event/preregister/eos_logo.png" class="center-block">
682        </a>
683        <!-- mobile game menu content -->
684        <ul>
685          <li class="">
686            <a href="https://eos.papayaplay.com/eos.do?tp=classesall" class="text-uppercase">
686classes</a>
687          </li>
688          <li class="">
689            <a href="https://eos.papayaplay.com/guide/eos.do" target="_blank" class="text-uppercase">game guide</a>
690          </li>
691          <li class="">
692            <a href="https://eos.papayaplay.com/eos.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a>
693          </li>
694          <li class="">
695            <a href="https://eos.papayaplay.com/eos.do?tp=media" class="text-uppercase">media</a>
696          </li>
697          <li class="">
698            <a href="https://vertigogamesaid.freshdesk.com/support/solutions/66000285368" class="text-uppercase" v-html="locale_com.Common_Header_Support"></a>
699          </li>
700          <li class="eos_download center-block">
701            <a href="https://eos.papayaplay.com/eos.do?tp=download" class="text-uppercase" v-html="locale_com.common_nav_download"></a>
702          </li>
703          <!-- <li class="papaya-logo">
704            <a href="https://www.papayaplay.com">
705              <img src="https://static.papayaplay.com/static/assets/images/latale/portal/papaya-logo-white-mobile.svg" alt="">
706            </a>
707          </li> -->
708        </ul>
709      </div>
710      <!-- test End (Joonyoung) EOS mobile menu -->
711
712      <!-- TOS mobile menu 종료대상-->
713      <!--
714      <div id="tos-menu" class="pad-top-30">
715        <a href="https://tos.papayaplay.com/tos.do">
716          <img src="https://static.papayaplay.com/static/assets/images/tos/portal/logo.png" class="center-block">
717        </a>
718        <ul>
719          <li>
720            <label for="tos_m_game" class="tos-show nd-m-btn-game text-uppercase">{{ locale_tos.common_nav_game }}<span class="more-sign">+</span></label>
721            <input type="checkbox" id="tos_m_game">
722            <ul class="tos-sub-menu">
723              <li class="sub-li">
724                <a href="https://www.papayaplay.com/tos.do?tp=about">{{ locale_tos.common_nav_about }}</a>
725              </li>
726              <li class="sub-li">
727                <a href="https://www.papayaplay.com/tos.do?tp=media">{{ locale_tos.common_nav_media }}</a>
728              </li>
729              <! -- <li class="sub-li">
730                <a href="#">GUIDE</a>
731              </li> -- >
732            </ul>
733          </li>
734          <li>
735            <label for="tos_m_classes" class="tos-show nd-m-btn-game text-uppercase">{{ locale_tos.common_nav_classes }}<span class="more-sign">+</span></label>
736            <input type="checkbox" id="tos_m_classes">
737            <ul class="tos-sub-menu">
738              <li class="sub-li">
739                <a href="https://www.papayaplay.com/tos.do?tp=classes">{{ locale_tos.common_nav_class_list }}</a>
740              </li>
741              <li class="sub-li">
742                <a href="https://www.papayaplay.com/tos.do?tp=simulator">{{ locale_tos.common_nav_build_simulator }}</a>
743              </li>
744            </ul>
745          </li>
746          <li class="">
747            <a href="https://www.papayaplay.com/tos.do?tp=news">{{ locale_tos.common_nav_news }}</a>
748          </li>
749          <! -- <li class="">
750            <a href="https://forum.papayaplay.com/categories/TOS" class="text-uppercase">FORUM</a>
751          </li> -- >
752          <li class="">
753            <a href="https://vertigogamesaid.freshdesk.com/en/support/solutions/66000285896" class="text-uppercase">{{ locale_tos.common_nav_support }}</a>
754            <! -- <a class="text-uppercase" style="color: #888;" v-html="locale_com.common_nav_ranking"></a> -- >
755      </li>
756      <! -- <li class="">
757            <a href="#" class="text-uppercase">LUCKY SHOP</a>
758          </li> -- >
759          <li class="">
760            <a href="https://www.papayaplay.com/tos.do?tp=download" class="text-uppercase">{{ locale_tos.common_nav_download }}</a>
761          </li>
762          <li class="papaya-logo">
763            <a href="https://www.papayaplay.com">
764              <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt="">
765            </a>
766          </li>
767        </ul>
768      </div>
769	  -->
770      <!-- TOS mobile menu -->
771
772      <!-- SF2 mobile menu -->
773      <div id="sf2-menu" class="pad-top-30">
774        <a href="https://sf2.papayaplay.com/sf2.do">
775          <img src="https://static.papayaplay.com/static/assets/images/sf2/portal/logo.png" class="center-block">
776        </a>
777        <ul>
778          <!-- <li>
779            <label for="sf2_m_game" class="sf2-show nd-m-btn-game text-uppercase">GAME<span class="more-sign">+</span></label>
780            <input type="checkbox" id="sf2_m_game">
781            <ul class="sf2-sub-menu">
782              <li class="sub-li">
783                <a href="https://www.papayaplay.com/sf2.do?tp=about">ABOUT</a>
784              </li>
785              <li class="sub-li">
786                <a href="https://www.papayaplay.com/sf2.do?tp=media">MEDIA</a>
787              </li>
788            </ul>
789          </li> -->
790          <!-- <li>
791            <label for="sf2_m_classes" class="sf2-show nd-m-btn-game text-uppercase">CLASSES<span class="more-sign">+</span></label>
792            <input type="checkbox" id="sf2_m_classes">
793            <ul class="sf2-sub-menu">
794              <li class="sub-li">
795                <a href="https://www.papayaplay.com/sf2.do?tp=classes">CLASS LIST</a>
796              </li>
797              <li class="sub-li">
798                <a href="https://www.papayaplay.com/sf2.do?tp=simulator">BUILD SIMULATOR</a>
799              </li>
800            </ul>
801          </li>
802          <li class="">
803            <a href="https://www.papayaplay.com/sf2.do?tp=news">NEWS</a>
804          </li> -->
805          <li class="">
806            <a href="https://www.papayaplay.com/sf2.do?tp=game" class="text-uppercase">GAME</a>
807          </li>
808          <li class="">
809            <a href="https://www.papayaplay.com/sf2.do?tp=update" class="text-uppercase">UPDATE</a>
810          </li>
811          <li class="">
812            <a href="https://www.papayaplay.com/sf2.do?tp=media" class="text-uppercase">
812MEDIA</a>
813          </li>
814          <li class="">
815            <a href="https://www.papayaplay.com/sf2.do?tp=news" class="text-uppercase">NEWS</a>
816          </li>
817          <li class="">
818            <a class="not_link" href="" class="text-uppercase">RANKING</a>
819          </li>
820          <li class="">
821            <a href="https://www.papayaplay.com/sf2.do?tp=download" class="text-uppercase">DOWNLOAD</a>
822          </li>
823          <li class="papaya-logo">
824            <a href="https://www.papayaplay.com/portal.do">
825              <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt="">
826            </a>
827          </li>
828        </ul>
829      </div>
830      <!-- SF2 mobile menu -->
831
832      <!-- Closers mobile menu -->
833      
834
835
836<div id="closers-menu">
837  <div id="closers-gnb-app" v-cloak>
838    <div class="ch-drawer-header">
839      <button type="button" id="closers-mobile-menu-close" class="ch-hamburger" aria-label="Close menu">
840        <i class="icon-close"></i>
841      </button>
842      <a class="ch-logo" :href="baseUrl + '/closers.do'">
843        <img :src="staticUrl + '/images/closers/header/closers-logo.webp'" alt="Closers">
844      </a>
845      <a class="ch-papaya" href="https://www.papayaplay.com/portal.do">
846        <img :src="staticUrl + '/images/portal/common/papaya-symbol.svg'" alt="Papaya Play">
847      </a>
848    </div>
849    <nav class="ch-drawer-menu">
850      <div class="ch-drawer-row" v-for="(nav, i) in headerNav" :key="i">
851        <div class="ch-drawer-cat">{{ nav.title }}</div>
852        <div class="ch-drawer-subs">
853          <template v-if="nav.sub && nav.sub.length">
854            <a v-for="(sub, j) in nav.sub" :key="j" :href="sub.link" :target="sub.target || '_self'" :class="['ch-drawer-sub', { active: sub.active }]">{{ sub.title }}</a>
855          </template>
856          <a v-else :href="nav.link" :class="['ch-drawer-sub', { active: nav.active }]">{{ nav.title }}</a>
857        </div>
858      </div>
859    </nav>
860  </div>
861</div>
862<script>
863new Vue({
864  el: '#closers-gnb-app',
865  data: function () {
866    var baseUrl   = 'https://closers.papayaplay.com';
867    var staticUrl = 'https://static.papayaplay.com/static/assets';
868    return {
869      baseUrl:   baseUrl,
870      staticUrl: staticUrl,
871      headerNav: [
872        {
873          title: T('Closers_GameInfo'),
874          link:  baseUrl + '/closers.do?tp=closers',
875          active: false,
876          tps: ['closers', 'guide'],
877          sub: [
878            { title: T('Closers_Closers'),   link: baseUrl + '/closers.do?tp=closers', active: false },
879            { title: T('Closers_PlayGuide'), link: baseUrl + '/closers.do?tp=guide',   active: false }
880          ]
881        },
882        {
883          title: T('Closers_News'),
884          link:  baseUrl + '/closers.do?tp=news',
885          active: false,
886          tps: ['news', 'news.view'],
887          sub: [
888            { title: T('Closers_All'),    link: baseUrl + '/closers.do?tp=news',              active: false },
889            { title: T('Closers_Notice'), link: baseUrl + '/closers.do?tp=news&cat=notice',   active: false },
890            { title: T('Closers_Update'), link: baseUrl + '/closers.do?tp=news&cat=update',   active: false },
891            { title: T('Closers_Event'),  link: baseUrl + '/closers.do?tp=news&cat=event',    active: false },
892            { title: T('Closers_Shop'),   link: baseUrl + '/closers.do?tp=news&cat=shop',     active: false },
893            { title: T('Closers_GMNote'), link: baseUrl + '/closers.do?tp=news&cat=gmnote',   active: false }
894          ]
895        },
896        {
897          title: T('Closers_Media'),
898          link:  baseUrl + '/closers.do?tp=media',
899          active: false,
900          tps: ['media'],
901          sub: [
902            { title: T('Closers_OfficialVideo'), link: baseUrl + '/closers.do?tp=media&cat=video',   active: false },
903            { title: T('Closers_FanKit'),        link: baseUrl + '/closers.do?tp=media&cat=fankit',  active: false }
904          ]
905        },
906        {
907          title: T('Closers_Download'),
908          link:  baseUrl + '/closers.do?tp=download',
909          active: false,
910          tps: ['download'],
911          sub: []
912        },
913        {
914          title: T('Closers_Support'),
915          link:  baseUrl + '/closers.do?tp=faq',
916          active: false,
917          tps: ['faq', 'coupon'],
918          sub: [
919            { title: T('Closers_FAQ'),     link: baseUrl + '/closers.do?tp=faq',    active: false },
920            { title: T('Closers_Tickets'), link: 'https://vertigogamesaid.freshdesk.com/support/tickets', target: '_blank', active: false },
921            { title: T('Closers_Coupon'),  link: baseUrl + '/closers.do?tp=coupon', active: false }
922          ]
923        }
924      ]
925    };
926  },
927  created: function () {
928    var tp  = '';
929    var cat = '';
930    this.headerNav.forEach(function (nav) {
931      nav.active = nav.tps.includes(tp);
932      nav.sub.forEach(function (sub, j) {
933        var url    = new URL(sub.link, location.origin);
934        var subTp  = url.searchParams.get('tp')  || '';
935        var subCat = url.searchParams.get('cat') || '';
936        sub.active = subTp !== '' && subTp === tp && (subCat === cat || (cat === '' && j === 0));
937      });
938    });
939  }
940});
941</script>
941
942
943      <!-- Closers mobile menu -->
944
945    </div>
946    <!-- end mobile game menu -->
947
948    <div class="flex-center" id="brand-logo">
949      <!-- <a href="https://www.papayaplay.com/portal.do"><img src="https://static.papayaplay.com/static/assets/images/portal/xmas-theme/papaya_logo_xmas_new.svg"></a> -->
950      <a href="https://www.papayaplay.com/portal.do">
951        <img :src="logoBrandMobile">
952      </a>
953    </div>
954
955    <a href="#" id="mobile-portal-logo">
956      <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-symbol.svg">
957    </a>
958    <!--  start mobile portal menu -->
959    <div id="mobile-portal-menu">
960      <button type="button" id="mobile-portal-menu-close">
961        <i class="icon-close"></i>
962      </button>
963      <div class="pad-top-10 pad-bot-10 logo-wrapper">
964        <a href="https://www.papayaplay.com/portal.do" class="papaya-logo">
965          <!-- <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" /> -->
966          <img v-if="flagTheme === 1" style="height: 48px;" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/papaya-logo.svg">  
967          <img v-else-if="flagTheme === 2" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaRememberance/papaya-logo.svg">
968          <img v-else-if="flagTheme === 3" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaplay_christmas_theme/papaya-logo.svg">
969          <img v-else-if="flagTheme === 4" src="https://static.papayaplay.com/static/assets/images/portal/event/lunar_new_year/papaya-logo.svg">
970          <img v-else src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg">
971        </a>
972      </div>
973      <ul class="general-menu-list">
974        <li @click="handleGamesMobile">
975          <div class="list-wrapper">
976            <span class="list-line" v-if="gamesMobile"></span>
977            <i class="chevron-left fa fa-chevron-left" v-if="gamesMobile"></i>
978            <img class="list-icon" :src="imgUrl + '/ico/ico_all.svg'" v-if="!gamesMobile" />
979            <h3 :class="['list-text', {textActive: gamesMobile}]">All Games</h3>
980          </div>
981          <div class="games-list-cont">
982            <div :class="['game-list-wrapper', { 'gamesMobileActive': gamesMobile }]" v-for="(game, index) in gameList" :key="index">
983              <div class="games-cont">
984                <a class="game-wrapper" v-for="(list, gIndex) in game.games" :href="list.link" :key="gIndex">
985                  <div class="thumbnail-wrapper">
986                    <span class="new-tag" v-if="list.new">N</span>
987                    <img class="game-thumbnail" :src="imgUrl + '/' + list.imgPath" />
988                  </div>
989                  <span class="game-title" v-html="list.title"></span>
990                </a>
991              </div>
992            </div>
993          </div>
994        </li>
995      </ul>
996      
997
998      <ul class="general-menu-list">
999        <div class="div-line"></div>
1000        <li>
1001          <a href="https://www.papayaplay.com/shop/main.do" class="btn--menuList">
1002            <i class="icon-papaya-shop"></i>
1003            <p class="text-uppercase" v-html="locale_com.Common_Header_CashShop"></p>
1004          </a>
1005        </li>
1006        <div class="div-line"></div>
1007        <!-- <li><a href="https://vertigogamesaid.freshdesk.com/support/home" class="btn--menuList" target="_blank"><i class="icon-support"></i>
1008						<p class="text-capitalize" v-html="locale_com.Common_Header_Support"></p></a></li> -->
1009        
1010          <li>
1011            <a href="https://vertigogamesaid.freshdesk.com/support/home" class="btn--menuList" target="_blank">
1012              <i class="icon-support"></i>
1013              <p class="text-capitalize" v-html="locale_com.Common_Header_Support"></p>
1014            </a>
1015          </li>
1016        
1017        
1018
1019        <div class="div-line"></div>
1020      </ul>
1021
1022      
1023        <div class="before-login pad-top-20">
1024          <div class="signIn-btn" @click="getReturnUrl()" class="text-uppercase" v-html="locale_com.Common_Header_SignIn"></div>
1025        </div>
1026        <div class="before-login pad-top-10 pad-bot-20">
1027          <a class="signUp-btn" :href="'https://www.papayaplay.com/account/signup.do' + '?aid='+utmAid" id="papaya-gnb-signup" class="text-uppercase" v-html="locale_com.Portal_Common_Sign_Up"></a>
1028        </div>
1029      
1030    </div>
1031
1032    <!-- end mobile portal menu -->
1033  </div>
1034  <!-- end mobile gnb -->
1035  <!-- desktop gnb -->
1036  <div class="n-desktop-gnb hidden-xs hidden-sm">
1037    <!-- papayaHeader left & right -->
1038    <!-- 
1039    0 : normal
1040    1 : halloween
1041    2 : rememberance
1042    3 : christmas 
1043    -->
1044    <!-- halloween -->
1045    <div v-if="flagTheme === 1" class="theme-halloween">
1046      <img class="leftImg-halloween" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/halloween_web_left.png" />
1047      <img class="rightImg-halloween" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/halloween_web_right.png" />
1048    </div>
1049    <!-- rememberance -->
1050    <div v-else-if="flagTheme === 2" class="theme-halloween">
1051      <img style="margin-top: 7px; margin-left: 10px;" class="leftImg-halloween" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaRememberance/rememberance_asset_left.png" alt="">
1052      <img style="margin-top: 7px; margin-right: 10px;" class="rightImg-halloween" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaRememberance/rememberance_asset_right.png" alt="">
1053    </div>
1054    <!-- christmas -->
1055    <div v-else-if="flagTheme === 3" class="theme-christmas">
1056      <img style="" class="centerImg-christmas" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaplay_christmas_theme/navi_snow.png" alt="">
1057    </div>
1058    <div v-else></div>
1059    <div class="nav-cont">
1060      <!-- left -->
1061      <!-- 
1062      flagTheme Definition (Joonyoung)
1063      0 : normal
1064      1 : halloween
1065      2 : rememberance
1066      3 : christmas
1067      4: lunar new year
1068    -->
1069      <div class="nav-left-wrap">
1070        <!-- papayaLogo -->
1071        <!-- halloween -->
1072        <div v-if="flagTheme === 1" class="n-logo-wrap halloween-logo">
1073          <a href="https://www.papayaplay.com/portal.do">
1074            <img src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/papaya-logo.svg" alt="">
1075          </a>
1076          <!-- <a href="https://www.papayaplay.com/portal.do"> <img src="https://static.papayaplay.com/static/assets/images/portal/xmas-theme/papaya_logo_xmas_new.svg" alt=""></a> -->
1077        </div>
1078        <!-- rememberance -->
1079        <div v-else-if="flagTheme === 2" class="n-logo-wrap">
1080          <a href="https://www.papayaplay.com/portal.do">
1081            <img src="https://static.papayaplay.com/static/assets/images/portal/event/papayaRememberance/papaya-logo.svg" alt="">
1082          </a>
1083          <!-- <a href="https://www.papayaplay.com/portal.do"> <img src="https://static.papayaplay.com/static/assets/images/portal/xmas-theme/papaya_logo_xmas_new.svg" alt=""></a> -->
1084        </div>
1085        <!-- christmas -->
1086        <div v-else-if="flagTheme === 3" class="n-logo-wrap">
1087          <a href="https://www.papayaplay.com/portal.do">
1088            <img src="https://static.papayaplay.com/static/assets/images/portal/event/papayaplay_christmas_theme/papaya-logo.svg" alt="">
1089          </a>
1090          <!-- <a href="https://www.papayaplay.com/portal.do"> <img src="https://static.papayaplay.com/static/assets/images/portal/xmas-theme/papaya_logo_xmas_new.svg" alt=""></a> -->
1091        </div>
1092                <!-- lunar new year -->
1093        <div v-else-if="flagTheme === 4" class="n-logo-wrap">
1094          <a href="https://www.papayaplay.com/portal.do">
1095            <img src="https://static.papayaplay.com/static/assets/images/portal/event/lunar_new_year/papaya-logo.svg" alt="">
1096          </a>
1097          <!-- <a href="https://www.papayaplay.com/portal.do"> <img src="https://static.papayaplay.com/static/assets/images/portal/xmas-theme/papaya_logo_xmas_new.svg" alt=""></a> -->
1098        </div>
1099        <!-- normalThemePapayaLogo -->
1100        <div v-else class="n-logo-wrap">
1101          <a href="https://www.papayaplay.com/portal.do">
1102            <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt="">
1103          </a>
1104          <!-- <a href="https://www.papayaplay.com/portal.do"> <img src="https://static.papayaplay.com/static/assets/images/portal/xmas-theme/papaya_logo_xmas_new.svg" alt=""></a> -->
1105        </div>
1106
1107        <!-- game -->
1108        <div v-if="flagTheme === 1" class="n-games-wrap-halloween" id="game-list-open">
1109          <div class="txt-game-halloween" v-html="locale_com.Common_Header_Games"></div>
1110          <i class="fa fa-caret-down"></i>
1111        </div>
1112        <div v-else-if="flagTheme === 2" class="n-games-wrap" id="game-list-open">
1113          <div class="txt-game" v-html="locale_com.Common_Header_Games"></div>
1114          <i class="fa fa-caret-down"></i>
1115        </div>
1116        <div v-else class="n-games-wrap" id="game-list-open">
1117          <div class="txt-game" v-html="locale_com.Common_Header_Games"></div>
1118          <i class="fa fa-caret-down"></i>
1119        </div>
1120        <!-- charge -->
1121        <div v-if="flagTheme === 1" class="n-charge-wrap-halloween">
1122          <a href="https://www.papayaplay.com/shop/main.do">
1123            <i class="icon-papaya-shop"></i>
1124            <div class="txt-charge" v-html="locale_com.Common_Header_CashShop"></div>
1125          </a>
1126        </div>
1127        <div v-else-if="flagTheme === 2" class="n-charge-wrap">
1128          <a href="https://www.papayaplay.com/shop/main.do">
1129            <i class="icon-papaya-shop"></i>
1130            <div class="txt-charge" v-html="locale_com.Common_Header_CashShop"></div>
1131          </a>
1132        </div>
1133        <div v-else class="n-charge-wrap">
1134          <a href="https://www.papayaplay.com/shop/main.do">
1135            <i class="icon-papaya-shop"></i>
1136            <div class="txt-charge" v-html="locale_com.Common_Header_CashShop"></div>
1137          </a>
1138        </div>
1139      </div>
1140      <!-- end left -->
1141      <!-- right -->
1142      <div class="nav-right-wrap">
1143        <!-- 
1144        flagTheme Definition (Joonyoung)
1145        0 : normal
1146        1 : halloween
1147        3 : christmas
1148      -->
1149        <div v-if="flagTheme === 1"  style="margin-right: 15px; margin-bottom:5px">
1150          <img src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/halloween_pumpkin.png" />
1151        </div>
1152
1153
1154        <div class="n-create-wrap" id="btnAccount" style="display: none;">
1155          
1156          <a v-if="flagTheme === 1" :href="'https://www.papayaplay.com/account/signup.do' + '?aid='+utmAid" class="txt-create-halloween" v-html="locale_com.Portal_Common_Phrase_Create_Account"></a>
1157          <a v-else :href="'https://www.papayaplay.com/account/signup.do' + '?aid='+utmAid" class="txt-create" v-html="locale_com.Portal_Common_Phrase_Create_Account"></a>
1158        </div>
1159        <!--sign up-->
1160        <div class="n-sign-wrap" id="signup-text" style="display: none;">
1161          <div v-if="flagTheme === 1" class="txt-sign-halloween" v-html="locale_com.Common_Header_SignIn"></div>
1162          <div v-else class="txt-sign" v-html="locale_com.Common_Header_SignIn"></div>
1163          <i class="fa fa-caret-down"></i>
1164        </div>
1165
1166        <a v-if="flagTheme === 1" href="https://www.papayaplay.com/user/messages.do" id="message-icon" class="gnb-bell-halloween-icon" style="display: none;">
1167          <i class="icon-bell2" id="bell-icon"></i>
1168          <div id="red-dot" class="red-dot" style="display: none"></div>
1169        </a>
1170        <a v-else-if="flagTheme === 2" href="https://www.papayaplay.com/user/messages.do" id="message-icon" class="gnb-bell-halloween-icon" style="display: none;">
1171          <i class="icon-bell2" id="bell-icon"></i>
1172          <div id="red-dot" class="red-dot" style="display: none"></div>
1173        </a>
1174        <a v-else href="https://www.papayaplay.com/user/messages.do" id="message-icon" class="gnb-bell-icon" style="display: none;">
1175          <i class="icon-bell2" id="bell-icon"></i>
1176          <div id="red-dot" class="red-dot" style="display: none"></div>
1177        </a>
1178
1179        <!--sign in-->
1180        <div class="n-sign-wrap" id="signin-text" style="display: none;">
1181          <div v-if="flagTheme === 1" class="txt-sign-halloween" id="textUserID"></div>
1182          <div v-else class="txt-sign" id="textUserID"></div>
1183          <i class="fa fa-caret-down"></i>
1184        </div>
1185        <div v-if="flagTheme === 1" class="n-support-halloween">
1186          <!-- if user is not logged in open default customer portal -->
1187          
1188            <a href="https://vertigogamesaid.freshdesk.com/support/home" class="txt-support" v-html="locale_com.Common_Header_Support" target="_blank"></a>
1189          
1190          <!-- if User is logged in authenticate/open customer portal -->
1191          
1192        </div>
1193        <div v-else class="n-support">
1194          <!-- if user is not logged in open default customer portal -->
1195          
1196            <a href="https://vertigogamesaid.freshdesk.com/support/home" class="txt-support" v-html="locale_com.Common_Header_Support" target="_blank"></a>
1197          
1198          <!-- if User is logged in authenticate/open customer portal -->
1199          
1200        </div>
1201
1202        <div id="languageSelector" class="language-support-cont" :aria-expanded="[langList]" @mouseover="openLangDropdown" @mouseleave="closeLangDropdown">
1203          <current-lang :lang-list="langList" aria-haspopup="true" aria-controls="PopupMenuUnder"></current-lang>
1204          <language-dropdown ref="langDropdown" :aria-hidden="[!langList]" aria-label="menu under"></language-dropdown>
1205        </div>
1206      </div>
1207      <!-- end right -->
1208    </div>
1209  </div>
1210  <!-- end desktop gnb-->
1211  <!-- n-game-list -->
1212  <div class="n-game-list hidden-xs hidden-sm" id="game-list-box">
1213    <!-- 
1214      flagTheme Definition (Joonyoung)
1215      0 : normal
1216      1 : halloween
1217      3 : christmas
1218     -->
1219     <!-- 헤더 게임 펼치기 드롭다운 -->
1220     <!-- halloween -->
1221    <div v-if="flagTheme === 1" class="theme">
1222      <img class="leftBg" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/halloween_asset_left.png"/>
1223      <img class="rightBg" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/halloween_asset_right.png"/>
1224    </div>
1225    <!-- christmas -->
1226    <div v-if="flagTheme === 3" class="theme">
1227      <img class="leftBg" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaplay_christmas_theme/xmas_asset_left.png"/>
1228      <img class="rightBg" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaplay_christmas_theme/xmas_asset_right.png"/>
1229    </div>
1230        <!-- lunar new year -->
1231    <div v-if="flagTheme === 4" class="theme">
1232      <img class="leftBg" style="top: 0px; width: 140px; margin-left: 15px;" src="https://static.papayaplay.com/static/assets/images/portal/event/lunar_new_year/lunar_asset_left.png"/>
1233      <img class="rightBg" style="top: 0px; width: 140px; margin-right: 15px;" src="https://static.papayaplay.com/static/assets/images/portal/event/lunar_new_year/lunar_asset_right.png"/>
1234    </div>
1235    
1236
1237    <div class="game-list-wrapper" v-for="(game, index) in gameList" :key="index">
1238      <div class="game-category-wrapper">
1239        <img class="category-icon" :src="imgUrl + '/ico/' + game.icon" />
1240        <span class="category-name" v-html="game.category"></span>
1241      </div>
1242      <div class="games-cont">
1243        <a class="game-wrapper" v-for="(list, gIndex) in game.games" :href="list.link" :key="gIndex">
1244          <div class="thumbnail-wrapper">
1245            <span class="new-tag" v-if="list.new">N</span>
1246            <img class="game-thumbnail" :src="imgUrl + '/' + list.imgPath" />
1247          </div>
1248          <span class="game-title" v-html="list.title"></span>
1249        </a>
1250      </div>
1251    </div>
1252  </div>
1253  <!-- end n-game-list -->
1254  <!--sign popup -->
1255  
1256  <!--end sign popup -->
1257  <!--sign in-->
1258  <div class="nav-sign-in hidden-xs hidden-sm" id="signin-box">
1259    <div class="cont--signImg">
1260      <div class="signImg--left">
1261        <a href="https://www.papayaplay.com/user/myaccount.do">
1262          <div id="userProfileImg" class="left--cir">
1263            <div class="cir--hover">
1264              {{locale_com.common_nav_update}}<br>Photo
1265            </div>
1266          </div>
1267        </a>
1268      </div>
1269      <div class="signImg--right">
1270        <h1 class="right--title" id="textPopUid"></h1>
1271        <p class="right--email" id="textPopEmail"></p>
1272      </div>
1273    </div>
1274    <div class="div-line"></div>
1275    <a href="https://www.papayaplay.com/user/myaccount.do" class="cont--iconText">
1276      <i class="icon-username"></i>{{ locale_com.Common_Header_MyAccount }}
1277    </a>
1278    <div class="div-line"></div>
1279    <a href="https://www.papayaplay.com/shop/history.do" class="cont--iconText">
1280      <i class="icon-history"></i>{{ locale_com.Common_Header_TransactionHistory }}
1281    </a>
1282    <div class="div-line"></div>
1283    <a href="https://www.papayaplay.com/user/messages.do" class="cont--iconText">
1284      <i class="icon-bell1"></i>{{ locale_com.Common_Header_MyNotifications }}
1285    </a>
1286    <div class="div-line"></div>
1287    <a href="https://www.papayaplay.com/account/signout.do" class="cont--iconText">
1288      <i class="icon-signout"></i>{{ locale_com.Common_Header_SignOut }}
1289    </a>
1290  </div>
1291  <!--end sign in -->
1292  <div class="cont--emsg" v-if="isEmsgShow" v-html='emsgShowMsg'></div>
1293  <!-- gnb ends -->
1294  
1294<script>
1295    $(document).ready(function () {
1296      $("#fs_m_game").on('click', function () {
1297        if ($('#fs_m_game').prop('checked') == true) {
1298          $('#fs_m_game').closest("li").css({
1299            "padding-bottom" : "0"
1300          });
1301        } else {
1302          $('#fs_m_game').closest("li").css({
1303            "padding-bottom" : "14px"
1304          });
1305        }
1306      });
1307      $("#fs_m_community").on('click', function () {
1308        if ($('#fs_m_community').prop('checked') == true) {
1309          $('#fs_m_community').closest("li").css({
1310            "padding-bottom" : "0"
1311          });
1312        } else {
1313          $('#fs_m_community').closest("li").css({
1314            "padding-bottom" : "14px"
1315          });
1316        }
1317      });
1318
1319      
1320    });
1321  </script>
1321
1322  
1322<script>
1323    /* var url = window.location.href;
1324    if (url.indexOf('aid=')) {
1325    	let ca=url.split('?');
1326    	if(ca[1].substring(0,2)==="tp"){
1327    		let sp=ca[1].split('&');
1328    		console.log(sp);
1329    		document.cookie = "vga_"+sp[1] + ";domain=papayaplay.com;path=/";
1330    	}else{
1331    		document.cookie = "vga_"+ca[1] + ";domain=papayaplay.com;path=/";
1332    	}
1333    }*/
1334
1335    //--------
1336    //control to relocate for the emergency messages
1337    //--------
1338    var bodyId = $('body').attr('id');
1339    var oriWid = $(window).width();
1340    $(window).resize(function () {
1341      oriWid = $(window).width();
1342      //console.log(oriWid)
1343      if (oriWid < 980) {
1344        $('.cont--emsg').css({
1345          'top' : '0'
1346        })
1347      } else {
1348        chgEmgMsg()
1349      }
1350    })
1351
1352    if (oriWid < 980) {
1353      $('.cont--emsg').css({
1354        'top' : '0'
1355      })
1356    } else {
1357      chgEmgMsg()
1358    }
1359    function chgEmgMsg() {
1360      if (bodyId == 'blackshotsea') {
1361        $('.cont--emsg').css({
1362          'top' : '54px'
1363        })
1364      }
1365      if (bodyId == 'blackshot') {
1366        $('.cont--emsg').css({
1367          'top' : '54px'
1368        })
1369      }
1370      if (bodyId == 'uwo') {
1371        $('.cont--emsg').css({
1372          'top' : '86px'
1373        })
1374      }
1375      if (bodyId == 'dekaron') {
1376        $('.cont--emsg').css({
1377          'top' : '125px'
1378        })
1379      }
1380      if (bodyId == '4story') {
1381        $('.cont--emsg').css({
1382          'top' : '55px'
1383        })
1384			}
1385      if (bodyId == '9dragons') {
1386        $('.cont--emsg').css({
1387          'top' : '61px'
1388        })
1389			}
1390			// if (bodyId == 'lostsaga') {
1391      //   $('.cont--emsg').css({
1392      //     'top' : '60px'
1393      //   })
1394      // }
1395
1396      // test Start (Joonyoung) mobile Header flag function *EOS 
1397      if (bodyId == 'echoofsoul') {
1398        $('.cont--emsg').css({
1399          'top' : '61px'
1400        })
1401			}
1402      if (bodyId == 'treeofsavior') {
1403        $('.cont--emsg').css({
1404          'top' : '61px'
1405        })
1406			}
1407      if (bodyId == 'sf2') {
1408        $('.cont--emsg').css({
1409          'top' : '61px'
1410        })
1411			}
1412      // test End (Joonyoung)
1413    }
1414    //-------
1415    // end
1416    //-------
1417    var portalGnbImgUrl = "https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new";
1418    var halloweenImgUrl = "https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween";
1419    var homeUrl = 'https://www.papayaplay.com';
1420    //var imgUrl = "../assets/images";
1421
1422    Vue.component("current-lang", {
1423      props: ["langList"],
1424      template: `\<div class="current-lang-wrapper">
1425          <img class="global-ico" :src="imgUrl + \'/ico/ico_global.svg\'" />
1426          <h6 class="current-lang" v-html="setLang.lang"></h6>
1427          <i v-if="!langList" class="fa fa-caret-down"></i>
1428          <i v-if="langList" class="fa fa-caret-up"></i>
1429        </div>`,
1430      data: function () {
1431        return {
1432          imgUrl: portalGnbImgUrl,
1433          currentLang: lang,
1434        }
1435      },
1436      computed: {
1437          setLang: function () {
1438            if (this.currentLang === "en") {
1439              this.currentLang = "en";
1440              return { lang: "English" };
1441            }
1442            if (this.currentLang === "fr") {
1443              return { lang: "Français" };
1444            }
1445            if (this.currentLang === "de") {
1446              return { lang: "Deutsch" };
1447            }
1448            if (this.currentLang === "pt") {
1449              return { lang: "Português" };
1450            }
1451            if (this.currentLang === "tr") {
1452              return { lang: "Turkish" };
1453            }
1454            if (this.currentLang === "ms") {
1455              return { lang: "Melayu" };
1456            }
1457            if (this.currentLang === "ru") {
1458              return { lang: "Pусский" };
1459            }
1460          },
1461        },
1462        created: function() {
1463          if(window.location.href.includes('9dragons')) {
1464            var lsLangCurr = window.localStorage.getItem('langND_curr');
1465            //console.log("localStorage langND_curr : ", lsLangCurr);
1466            if( lsLangCurr == 'ru' ) {
1467              this.currentLang = 'ru';
1468            }
1469          }
1470        }
1471    });
1472    var languageDrodown = Vue.component("language-dropdown", {
1473       template: `\<ul class="language-dropdown">
1474        <li class="language-list" v-for="list in langList">
1475          <span class="check-ico-wrapper"><img class="check-ico" v-show="localStorageCurrLang !== 'ru' && currentLang === list.lang" :src="imgUrl + \'/ico/ico_check.png\'"/></span>
1476          <a class="lang-wrapper" :href="homeUrl + \'/set.do?lang=\' + list.lang" @click="setLocalStorageLang(list.lang)">
1477            <h6 :class="[\'lang-text\', {\'lang-active\':currentLang === list.lang}]" v-html="list.language"></h6>
1478          </a>
1479        </li>
1480        <li v-if="isLangRu" class="language-list">
1481        <span class="check-ico-wrapper"><img class="check-ico" v-show="localStorageCurrLang === 'ru'" :src="imgUrl + \'/ico/ico_check.png\'"/></span>
1482            <div class="lang-wrapper" @click="setLocalStorageLang(\'ru\')">
1483              <h6 class="lang-text">Pусский</h6>
1484            </div>
1485        </li>
1486      </ul>`,
1487      data: function () {
1488        return {
1489          currentLang: lang,
1490          imgUrl: portalGnbImgUrl,
1491          homeUrl: homeUrl,
1492          isLangRu: false,
1493          localStorageCurrLang: '',
1494          langList: [
1495            { lang: "en", language: "English" },
1496            { lang: "pt", language: "Português" },
1497            { lang: "fr", language: "Français" },
1498            { lang: "de", language: "Deutsch" },
1499            { lang: "tr", language: "Türk" },
1500            { lang: "ms", language: "Melayu" },
1501          ],
1502        };
1503      },
1504      created: function () {
1505          //console.log(this.currentLang)
1506          var vm=this;
1507          //console.log('gnb read href', window.location.href);
1508          if(window.location.href.includes('9dragons')) {
1509              vm.isLangRu = true;
1510              vm.localStorageCurrLang = window.localStorage.getItem("langND_curr");
1511          }
1512      },
1513      methods: {
1514        setLocalStorageLang: function(selectedLang) {
1515          var vm=this;
1516          window.localStorage.setItem('langND_curr', selectedLang);
1517          if( selectedLang === 'ru' ) {
1518            location.reload();
1519          }
1520        }
1521      }
1522    });
1523    var isADTraffic = false;
1524    var gnb = new Vue({
1525      el : '#pt_gnb',
1526      data : {
1527        langList: false,
1528        imgUrl: portalGnbImgUrl,
1529        imgUrlHalloween: halloweenImgUrl,
1530        flagTheme: 0,
1531        logoBrandMobile: "https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg",
1532        locale_lang : lang,
1533        locale_com : '',
1534        locale_tos : '',
1535        isEmsgShow : false,
1536        emsgShowMsg : '',
1537        UWOSERVICEID : 5,
1538        shopStatus : false,
1539        maintenanceMode : false,
1540        utmAid : 0,
1541        vegasVisible : true,
1542        wheelState: false,
1543        compassState: true,
1544        coveState : false,
1545        gameList: [
1546          {
1547            icon: "ico_fps.svg",
1548            category: "FPS",
1549            games: [
1550              {
1551                new: true,
1552                imgPath: "sf2_sm.png",
1553                title: "Special Force 2",
1554                link: 'https://sf2.papayaplay.com/sf2.do?tp=home',
1555              },
1556              {
1557                new: false,
1558                imgPath: "bs_sea_sm.png",
1559                title: "BlackShot SEA",
1560                link: 'https://bs.sea.papayaplay.com/bssea.do',
1561              },
1562              {
1563                new: false,
1564                imgPath: "bs_glb_sm.png",
1565                title: "BlackShot GLB",
1566                link: 'https://blackshot.papayaplay.com/bsglb.do',
1567              },
1568              {
1569                new: false,
1570                imgPath: "wr_sm.png",
1571                title: "WarRock",
1572                link: 'https://warrock.papayaplay.com/warrock.do',
1573              },
1574            ],
1575          },
1576          {
1577            icon: "ico_rpg.svg",
1578            category: "RPG",
1579            games: [
1580              // TOS 종료예정
1581              //{
1582              //  new: true,
1583              //  imgPath: "tos_sm.png",
1584              //  title: "Tree of Savior",
1585              //  link: 'https://tos.papayaplay.com/tos.do?tp=home',
1586              //},
1587              {
1588                new: true,
1589                imgPath: "closers_sm.png",
1590                title: "Closers",
1591                link: 'https://closers.papayaplay.com/closers.do',
1592              },
1593              {
1594                new: true,
1595                imgPath: "eos_sm.png",
1596                title: "Echo Of Soul",
1597                link: 'https://eos.papayaplay.com/eos.do?tp=home',
1598              },
1599              // {
1600              //   new: false,
1601              //   imgPath: "9d_sm.png",
1602              //   title: "Nine Dragons",
1603              //   link: 'https://9dragons.papayaplay.com/9dragons.do',
1604              // },
1605              // {
1606              //   new: false,
1607              //   imgPath: "4s_sm.png",
1608              //   title: "4Story",
1609              //   link: 'https://4story.papayaplay.com/4story.do',
1610              // },
1611              {
1612                new: false,
1613                imgPath: "uwo_sm.png",
1614                title: "Uncharted Waters Online",
1615                link: 'https://uwo.papayaplay.com/uwo.do',
1616              },
1617              {
1618                new: false,
1619                imgPath: "lt_sm.png",
1620                title: "La Tale",
1621                link: 'https://latale.papayaplay.com/latale.do',
1622              }
1623              //{
1624              //  new: false,
1625              //  imgPath: "dk_sm.png",
1626              //  title: "Dekaron",
1627              //  link: 'https://dekaron.papayaplay.com/dekaron.do',
1628              //},
1629            ],
1630          },
1631        ],
1632        gamesMobile: false,
1633      },
1634      methods : {
1635        getServerTime: function () {
1636            var vm = this;
1637            var fromServerTime = '';
1638            var strServerTime = '';
1639            $.ajax({
1640              url: ioRootPath + "/json.do?callback=?",
1641              type: 'GET',
1642              data: { cm: "Service.Board.GetServerTime" },
1643              crossDomain: true,
1644              dataType: 'json',
1645            })
1646            .done(function (res) {
1647							console.log('serverTime!',res)
1648              var code = res.ResultCode[0].Code;
1649              // $(".n-logo-wrap img").css('opacity', 0);
1650              
1651
1652              if (code === '10000') {
1653                fromServerTime = res.ServerTime[0].ServerTime;
1654                strServerTime = fromServerTime.slice(0, 16);
1655
1656              /*
1657              flagTheme Definition (Joonyoung)
1658              0 : normal
1659              1 : halloween
1660              2 : rememberance
1661              3 : christmas
1662              4: lunar new year
1663              */
1664                if( strServerTime >= '2022-10-26 00:00' && strServerTime < '2023-11-01 00:00' ) {
1665                  console.log("HalloweenTheme!", strServerTime);
1666                  vm.flagTheme = 1;
1667                  if( $("body").attr("id") ==='portal' ) {
1668                    vm.logoBrandMobile = 'https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/papaya-logo.svg';
1669                  }
1670                  if(vm.flagTheme === 1){
1671                    console.log("제이쿼리")
1672                    $(".fa-caret-down").addClass("halloween-caret-down");
1673                    $(".current-lang-wrapper .current-lang").hover(function(event){
1674                      $(this).css("color","#fe7e19");
1675                    },function(){
1676                      $(this).css("color","#6d6d6d");
1677                    })
1678                    $(".n-logo-wrap img").css("opacity", 0);
1679                    setTimeout(function(){
1680                      $(".n-logo-wrap.halloween-logo img").css("opacity", 1);
1681                    },200)
1682                  }
1683                }
1684                else if(strServerTime >= '2025-12-24 00:00' && strServerTime <= '2025-12-31 23:59'){
1685                  vm.flagTheme = 3;
1686                } 
1687                else if(strServerTime >= '2024-01-18 00:00' && strServerTime <= '2024-02-15 00:00'){
1688                  vm.flagTheme = 4;
1689                } else {
1690                  console.log("NormalTheme!", strServerTime);
1691                  vm.flagTheme = 0;
1692                }
1693                console.log("themeNum", vm.flagTheme)
1694              }
1695            })
1696            .fail(function () {
1697              console.log("get server time error");
1698            });
1699        },
1700        getStatus: function () {
1701          var vm = this;
1702          var fromServerTime = '';
1703          var strServerTime = '';
1704          $.ajax({
1705          url: ioRootPath + "/json.do?callback=?",
1706          type: 'GET',
1707          data: { cm: "Service.Board.GetOpenHeaderInfo"
1708                ,subgroup : (window.localStorage.getItem('lc_uwo_select_server') =='' || window.localStorage.getItem('lc_uwo_select_server') == null ? "Maris" : window.localStorage.getItem('lc_uwo_select_server'))
1709                },
1710          crossDomain: true,
1711          dataType: 'json',
1712          })
1713          .done(function (res) {
1714            console.log('serverTime!',res)
1715            var code = res.ResultCode[0].Code;
1716            if (code === '10000') {
1717              fromServerTime = res.ServerTime[0].ServerTime;
1718              strServerTime = fromServerTime.slice(0, 16);
1719              if(res.EventActInfo){
1720                for(let i=0;i<res.EventActInfo.length;i++){
1721                  if(res.EventActInfo[i].Event == "Wheel"){
1722                    if(res.EventActInfo[i].STATUS == "Y"){
1723                      vm.wheelState = true;
1724                    }else{
1725                      vm.wheelState = false;
1726                    }
1727                  }
1728                  if(res.EventActInfo[i].Event == "SpenderWheel"){
1729                    if(res.EventActInfo[i].STATUS == "Y"){
1730                      vm.compassState = true;
1731                    }else{
1732                      vm.compassState = false;
1733                    }
1734                  }
1735                  if(res.EventActInfo[i].Event == "Cove"){
1736                    if(res.EventActInfo[i].STATUS == "Y"){
1737                      vm.coveState = true;
1738                    }else{
1739                      vm.coveState = false;
1740                    }
1741                  }
1742                }
1743
1744              }
1745            }
1746          })
1747          .fail(function () {
1748            console.log("get server time error");
1749          });
1750        },
1751        handleGamesMobile: function () {
1752            this.gamesMobile = !this.gamesMobile;
1753        },
1754        openLangDropdown: function () {
1755          this.langList = true;
1756        },
1757        closeLangDropdown: function () {
1758          //console.log("click lang dropdown");
1759          this.langList = false;
1760        },
1761        fetchJson : function (lang) {
1762          var localeCommonUrl = PT_LOC_COMMON_PATH;
1763
1764          this.$http.get(localeCommonUrl).then(function (res) {
1765            this.locale_com = res.body;
1766          });
1767
1768          //TOS 종료예정 -- 무조건 en 적용되는 항목 수정 처리 -- 시작
1769          if( window.location.href.includes('/tos.do') ) {
1770
1771            var localeLocalUrl = TOS_LOC_LOCAL_PATH;
1772
1773            if( lang !== 'pt' ) {
1774              localeLocalUrl = localeLocalUrl.replace(/_(.*?)\.json$/, '_en.json');
1775            }
1776              
1777            this.$http.get(localeLocalUrl)
1778              .then(function (res) {
1779                this.locale_tos = res.body;
1780            });
1781          }
1782          //TOS 종료예정 -- 무조건 en 적용되는 항목 수정 처리 -- 끝
1783        },
1784        getReturnUrl : function () {
1785          var vm = this;
1786          var currUrl = location.href;
1787
1788          // add hskim 
1789          if(currUrl.includes('/account/signin.do')) {
1790            currUrl = 'https://www.papayaplay.com/portal.do';
1791            url = 'https://www.papayaplay.com/account/signin.do?redirect_url=' + currUrl;
1792          } else {
1793            url = 'https://www.papayaplay.com/account/signin.do?redirect_url=' + currUrl;
1794          }
1795
1796          console.log("result url : ", url);
1797          window.location.href = url;
1798          // return url;
1799        },
1800        getNotificationData : function (sid, pageNum) {
1801          var vm = this;
1802          vm.getNotifyData = [];
1803          vm.isEmsgShow = false;
1804          $.ajax({
1805                url : ioRootPath + "/json.do?callback=?",
1806                type : 'GET',
1807                data : {
1808                  cm : "Account.User.GetPublicNotificationList",
1809                  serviceid : sid,
1810                  pagenumber : pageNum,
1811                  perpage : 10
1812                },
1813                crossDomain : true,
1814                dataType : 'json'
1815              })
1816              .done(
1817                  function (data) {
1818                    // console
1819                    console.log("dataTest!!!", data)
1820
1821                    var code = data.ResultCode[0].Code;
1822                    if (code == "10000") {
1823                      var resultData = data.NotificationList;
1824                      for ( var i in resultData) {
1825                        if (resultData[i].UrgentNotice === 'Y') {
1826                          resultData[i].PostDate = moment(
1827                              resultData[i].PostDate)
1828                              .format("MMM Do, YYYY");
1829                          if (resultData[i].ServiceID === 0) {
1830                            resultData[i].ServiceTxt = 'PAPAYA';
1831                            resultData[i].txtColor = 'txt-cl-sid0';
1832                          }
1833                          if (resultData[i].ServiceID === 1) {
1834                            resultData[i].ServiceTxt = 'BS-GLB';
1835                            resultData[i].txtColor = 'txt-cl-sid1';
1836                          }
1837                          if (resultData[i].ServiceID === 2) {
1838                            resultData[i].ServiceTxt = 'DEKARON';
1839                            resultData[i].txtColor = 'txt-cl-sid2';
1840                          }
1841                          if (resultData[i].ServiceID === 3) {
1842                            resultData[i].ServiceTxt = 'WAR ROCK';
1843                            resultData[i].txtColor = 'txt-cl-sid3';
1844                          }
1845                          if (resultData[i].ServiceID === 4) {
1846                            resultData[i].ServiceTxt = 'LA TALE';
1847                            resultData[i].txtColor = 'txt-cl-sid4';
1848                          }
1849                          if (resultData[i].ServiceID === 5) {
1850                            resultData[i].ServiceTxt = 'UWO';
1851                            resultData[i].txtColor = 'txt-cl-sid5';
1852                          }
1853                          if (resultData[i].ServiceID === 6) {
1854                            resultData[i].ServiceTxt = 'BS-SEA';
1855                            resultData[i].txtColor = 'txt-cl-sid6'
1856                          }
1857                          if (resultData[i].ServiceID === 9) {
1858                            resultData[i].ServiceTxt = '4STORY';
1859                            resultData[i].txtColor = 'txt-cl-sid9'
1860                          }
1861                          if (resultData[i].ServiceID === 7) {
1862                            resultData[i].ServiceTxt = 'Vegas';
1863                            resultData[i].txtColor = 'txt-cl-sid7'
1864                          }
1865                          if (resultData[i].ServiceID === 8) {
1866                            resultData[i].ServiceTxt = 'LOST SAGA';
1867                            resultData[i].txtColor = 'txt-cl-sid8'
1868                          }
1869                          if (resultData[i].ServiceID === 10) {
1870                            resultData[i].ServiceTxt = 'NINE DRAGONS';
1871                            resultData[i].txtColor = 'txt-cl-sid10'
1872                          }
1873                          // test (Joonyoung)
1874                          if (resultData[i].ServiceID === 11) {
1875                            resultData[i].ServiceTxt = 'EOS';
1876                            resultData[i].txtColor = 'txt-cl-sid11'
1877                          }
1878                          // end (Joonyoung)
1879                          if (resultData[i].ServiceID === 12) {
1880                            resultData[i].ServiceTxt = 'TOS';
1881                            resultData[i].txtColor = 'txt-cl-sid12'
1882                          }
1883                          if (resultData[i].ServiceID === 13) {
1884                            resultData[i].ServiceTxt = 'SF2';
1885                            resultData[i].txtColor = 'txt-cl-sid13'
1886                          }
1887                          if (resultData[i].ServiceID === 14) {
1888                            resultData[i].ServiceTxt = 'CLOSERS';
1889                            resultData[i].txtColor = 'txt-cl-sid14'
1890                          }
1891                          vm.getNotifyData.push(resultData[i]);
1892                        }
1893                        if (vm.getNotifyData.length !== 0) {
1894                          var getBodyId = $('body').attr('id');
1895                          var currServiceId = 0;
1896
1897                          if (getBodyId === 'portal') {
1898                            currServiceId = 0;
1899                          } else if (getBodyId === 'blackshot') {
1900                            currServiceId = 1;
1901                          } else if (getBodyId === 'dekaron') {
1902                            currServiceId = 2;
1903                          } else if (getBodyId === 'warrock') {
1904                            currServiceId = 3;
1905                          } else if (getBodyId === 'latale') {
1906                            currServiceId = 4;
1907                          } else if (getBodyId === 'uwo') {
1908                            currServiceId = 5;
1909                          } else if (getBodyId === 'blackshotsea') {
1910                            currServiceId = 6;
1911                          } else if (getBodyId === '4story') {
1912                            currServiceId = 9;
1913                          } else if (getBodyId === 'lostsaga') {
1914                            currServiceId = 8;
1915                          } else if (getBodyId === '9dragons') {
1916                            currServiceId = 10;
1917                          } 
1918                          // test (Joonyoung)
1919                          else if (getBodyId === 'echoofsoul') {
1920                            currServiceId = 11;
1921                          }
1922                          // end (Joonyoung)
1923                          else if (getBodyId === 'treeofsavior') {
1924                            currServiceId = 12;
1925                          }
1926                          else if (getBodyId === 'sf2') {
1927                            currServiceId = 13;
1928                          }
1929                          else if (getBodyId === 'closers') {
1930                            currServiceId = 14;
1931                          }
1932
1933                          if (currServiceId === 0
1934                              || vm.getNotifyData[0].ServiceID === currServiceId)
1935                            vm.isEmsgShow = true;
1936                          vm.emsgShowMsg = "<a href=https://www.papayaplay.com/portal.do?tp=messages&sid=-1&dataid="
1937                              + vm.getNotifyData[0].NotificationID
1938                              + "><p class=txt-emsg>"
1939                              + "<span class='sp-emergency'>emergency</span>"
1940                              + "<span class="+vm.getNotifyData[0].txtColor+">"
1941                              + vm.getNotifyData[0].ServiceTxt
1942                              + "</span>"
1943                              + vm.getNotifyData[0].Title + "</p></a>"
1944                        }
1945                      }
1946                    } else {
1947                      alert("Error Code: " + code);
1948                    }
1949                  }).fail(function () {
1950                console.log("error");
1951              });
1952        },
1953        getShopStatus : function () {
1954          var vm = this;
1955          if (bodyId == 'uwo') {
1956            /*
1957            if((window.localStorage.getItem('lc_uwo_select_server') =='' || window.localStorage.getItem('lc_uwo_select_server') == null ? "Maris" : window.localStorage.getItem('lc_uwo_select_server')) == "Ventus"){
1958              vm.shopStatus = false;
1959              return;
1960            }
1961            */
1962            $.ajax({
1963              url : ioRootPath + "/json.do?callback=?",
1964              type : "GET",
1965              crossDomain : true,
1966              data : {
1967                cm : "Store.Market.GetItemList",
1968                serviceid : vm.UWOSERVICEID,
1969                categoryid : 0,
1970                subgroup : (window.localStorage.getItem('lc_uwo_select_server') =='' || window.localStorage.getItem('lc_uwo_select_server') == null ? "Maris" : window.localStorage.getItem('lc_uwo_select_server'))
1971              },
1972              dataType : "jsonp"
1973            }).done(function (res) {
1974              var code = res.ResultCode[0].Code;
1975              // initialize when page starts
1976              if (code === "10000") {
1977
1978                if (res.ItemList.length > 0) {
1979                  vm.shopStatus = true;
1980                } else {
1981                  vm.shopStatus = false;
1982                }
1983                console.log(vm.shopStatus);
1984              }
1985            });
1986          }
1987        },
1988        getWebshopConfig : function () {
1989          var vm = this;
1990          if (bodyId == 'uwo') {
1991            $.ajax({
1992              url : ioRootPath + "/json.do?callback=?",
1993              //url: "http://test.papayaplay.com:8080/io/json.do?callback=?",
1994              type : "GET",
1995              crossDomain : true,
1996              data : {
1997                cm : "Store.Market.GetMaintenanceWebshop",
1998                serviceid : vm.UWOSERVICEID,
1999                subgroup : (window.localStorage.getItem('lc_uwo_select_server') =='' || window.localStorage.getItem('lc_uwo_select_server') == null ? "Maris" : window.localStorage.getItem('lc_uwo_select_server')),
2000              },
2001              dataType : "jsonp",
2002              success : function (result) {
2003                // Y : maintenance mode , N : standard mode
2004                const mode = result.Webshop_Maintenance[0].Status;
2005                console.log(result);
2006                if (mode === "Y") {
2007                  vm.maintenanceMode = true;
2008                } else if (mode === "N") {
2009                  vm.maintenanceMode = false;
2010                }
2011                //console.log('maintenance',vm.maintenanceMode);
2012              },
2013            });
2014          }
2015        },
2016        getParameterByName : function (name) {
2017          name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
2018          let regex = new RegExp("[\#?&]" + name + "=([^&#]*)");
2019          let results = regex.exec(location.href);
2020          return results == null ? "" : decodeURIComponent(results[1]
2021              .replace(/\+/g, " "));
2022        },
2023        getAidByUtmSource : function (name) {
2024          vm = this;
2025          let subStrUtmSrouce = "";
2026          let strUtmSource = vm.getParameterByName(name);
2027          if (strUtmSource.length > 3) {
2028            subStrUtmSrouce = strUtmSource.substr(0, 3);
2029          }
2030          subStrUtmSrouce = subStrUtmSrouce.replace(/[^0-9]/g, ''); // get only number in sting
2031          let nUtmTerm = parseInt(subStrUtmSrouce, 10);
2032          return nUtmTerm;
2033        },
2034        getBaseAidFromService : function () {
2035          let currUrl = location.href;
2036          let result = 0;
2037          if (currUrl.match("4story")) {
2038            result = 900;
2039          } else if (currUrl.match("bssea")) {
2040            result = 600;
2041          } else if (currUrl.match("bsglb")) {
2042            result = 100;
2043          } else if (currUrl.match("uwo")) {
2044            result = 500;
2045          } else if (currUrl.match("latale")) {
2046            result = 400;
2047          } else if (currUrl.match("warrock")) {
2048            result = 300;
2049          } else if (currUrl.match("dekaron")) {
2050            result = 200;
2051          } else if (currUrl.match("lostsaga")) {
2052            result = 800;
2053          } else if (currUrl.match("9dragons")) {
2054            result = 1000;
2055          }
2056          else if (currUrl.match("eos")) {
2057            result = 1100;
2058          }
2059          else if (currUrl.match("tos")) {
2060            result = 1200;
2061          }
2062          else if (currUrl.match("sf2")) {
2063            result = 1300;
2064          }
2065          else if (currUrl.match("closers")) {
2066            result = 1400;
2067          }
2068          else {
2069            result = 0;
2070          }
2071          return result;
2072        },
2073        getUtmAid : function () {
2074          var vm = this;
2075          let targetAid = vm.getAidByUtmSource("utm_source");
2076          let baseAid = vm.getBaseAidFromService();
2077          if (isNaN(targetAid)) {
2078            console.log("No utm_source");
2079            vm.utmAid = baseAid;
2080          } else {
2081            vm.utmAid = baseAid + targetAid;
2082          }
2083          console.log("aid check: ", vm.utmAid, baseAid, targetAid);
2084        },
2085        // verify user IP
2086        // verifyIP : function () {
2087        //   var vm = this;
2088        //   $.ajax({
2089        //       url : "http://api.ipstack.com/check?access_key=8aa4be39b1dc5fa0c496c87da29ccd51",
2090        //       type : "GET",
2091        //       dataType : 'json'
2092        //   })
2093        //   .done(function (data) {
2094        //     console.log('ip', data)
2095        //     sessionStorage
2096        //         .setItem('countryCode', data.country_code);
2097        //     const enteredurl = document.location.toString()
2098        //         .includes("plv.do");
2099        //     const sessionCC = sessionStorage.getItem('countryCode');
2100        //     if (sessionCC === 'CA') {
2101        //       vm.vegasVisible = false;
2102        //     }
2103        //   })
2104        // },
2105      },
2106      /* beforeMount: function () {
2107        const enteredurl = document.location.toString().includes("plv.do");
2108        const sessionCC = sessionStorage.getItem('countryCode');
2109      // if user has countryCode sessionStorage value
2110        if(sessionCC) {
2111          console.log('countrycode is:', sessionCC);
2112          if(sessionCC === 'CA') {
2113            vm.vegasVisible = false;
2114          }
2115          if(sessionCC === 'CA' && enteredurl) {
2116            console.log('redirect');
2117            window.location.replace("https://www.papayaplay.com/portal.do");
2118          }
2119        } else {
2120          this.verifyIP();
2121        }
2122      }, */
2123      created : function () {
2124        this.getServerTime();
2125        this.getStatus();
2126        // $(".fa-caret-down").addClass("halloween-caret-down");
2127        this.fetchJson(lang);
2128        this.getNotificationData('-1', '1');
2129        this.getShopStatus();
2130        this.getWebshopConfig();
2131        this.getUtmAid();
2132
2133        if(window.location.href.includes('about')) {
2134          $('.latale-about').addClass('active');
2135        }
2136        if(window.location.href.includes('news')) {
2137          $('.latale-news').addClass('active');
2138        }
2139        if(window.location.href.includes('update')) {
2140          $('.latale-update').addClass('active');
2141        }
2142        if(window.location.href.includes('media')) {
2143          $('.latale-media').addClass('active');
2144        }
2145        if(window.location.href.includes('webtoon')) {
2146          $('.latale-webtoon').addClass('active');
2147        }
2148      },
2149      mounted(){
2150      }
2151    });
2152  </script>
2152
2153</div>
2154    <!--  Portal GNB Menu: End -->
2155
2156    <!--  Blackshot Header: Start -->
2157    
2158
2159
2160
2161
2162
2163
2164
2165<style>
2166    .event_disabled {
2167        pointer-events: none; /* 클릭/이벤트 막기 */
2168        opacity: 0.5;         /* 흐리게 표시 */
2169    }
2170    .popup-com-overlay {
2171        position: fixed;
2172        top: 0; left: 0;
2173        width: 100%; height: 100%;
2174        background: rgba(0,0,0,0.5); /* 반투명 배경 */
2175        display: flex;
2176        align-items: center;
2177        justify-content: center;
2178        z-index: 99999; /* 최상단 */
2179    }
2180
2181
2182    .popup-com-content {
2183        position: relative;
2184        background: var(--is-white, #FFFFFF);
2185        /*padding: 20px;*/
2186        padding-top:30px;
2187        border-radius: 10px;
2188        min-width: 320px;
2189        max-width: 528px; /* */
2190        box-shadow: 0 0 20px 20px rgba(0,0,0,0.3);
2191        border: 3px solid #2DAD64;
2192        /*
2193        border: 3px solid #46ac63;
2194         */
2195        font-family: Rubik;
2196        /*
2197        font-family: "Times New Roman", Georgia, Garamond, serif;
2198        */
2199        font-size: 16px;
2200        line-height: 1.6;
2201        text-align : center;
2202        /* */
2203        border-radius: 20px;
2204        border-width: 3px;
2205        /*padding: padding-30;*/
2206        gap: 20;
2207        angle: 0 deg;
2208        opacity: 1;
2209        /* */
2210    }
2211    .popup-com-content .popup-close {
2212        position: absolute;
2213        top: 5px;
2214        right: 0px;
2215        background: transparent;
2216        border: none;
2217        /*
2218        font-size: 24px;
2219        cursor: pointer;
2220        color: #46ac63;
2221        font : message-box;
2222        */
2223        font-family: Rubik;
2224        font-weight: 400px;
2225        font-style: Regular;
2226        font-size: 16px;
2227        leading-trim: NONE;
2228        line-height: 148%;
2229        letter-spacing: -2%;
2230        text-align: center;
2231
2232    }
2233    .popup-com-content .popup-donotopen-close {
2234        position: absolute;
2235        top: 2px;
2236        left: 0px;
2237        background: transparent;
2238        border: none;
2239        font-size: 24px;
2240        cursor: pointer;
2241        color: #46ac63;
2242        font : message-box;
2243    }
2244
2245    .side-banner-wrapper_top {
2246        position: fixed;
2247        top: 170px;
2248        right: 10px;
2249        width: 180px;
2250        height: auto;
2251        z-index: 9999; }
2252    .side-banner-wrapper_top .banner-content {
2253        width: 100%; }
2254    .side-banner-wrapper_top .banner-content > img {
2255        width: 100%;
2256        transition: all 0.3s ease; }
2257
2258    @keyframes shake-Y2 {
2259        0% { transform: translate(0, 0); }
2260        20% { transform: translate(0, -2px); }
2261        40% { transform: translate(0, 2px); }
2262        60% { transform: translate(0, -1px); }
2263        80% { transform: translate(0, 1px); }
2264        100% { transform: translate(0, 0); }
2265    }
2266
2267</style>
2268
2269<script>
2270
2271
2272    let all_hostname = window.location.hostname; // host
2273    var all_pathname = window.location.pathname; // 도메인/경로만
2274    var all_url_params = new URLSearchParams(window.location.search);
2275
2276    var lc_Obj = {
2277         lc_curServer_uwo : window.localStorage.getItem('lc_uwo_select_server')
2278        ,lc_curServer_event : true
2279        ,lc_cur_ServerTime : ""
2280        ,banner_com_container_Html :""
2281        ,banner_com_container_Html2 :""
2282        ,isComPopupVisible : false
2283        ,popup_com_container_html : ""
2284
2285        ,uwo_new_server_enabled : true //UWO New Server 이벤트 활성화
2286        ,isComEvent_papaya_20th : false
2287        ,isComEvent_bcgoeslive : false //20260528 종료처리
2288    };
2289
2290    var lc_obj_cooki ={
2291         cooki_popup_UWO_NEW_SERVER     : "cooki_UWO_NEW_SERVER"
2292        ,cooki_popup_EVENT_PAPAYA_20TH  : "cooki_EVENT_PAPAYA_20TH"
2293        ,cooki_popup_EVENT_BCGOESLIVE  : "cooki_EVENT_BCGOESLIVE"
2294    };
2295
2296    //lc_Obj["uwo_new_server_enabled"] = true; //UWO New Server 이벤트 활성화
2297
2298    function isMobile() {
2299        return /Mobi|Android/i.test(navigator.userAgent);
2300    }
2301
2302    function goUWOSelectServerPage(){
2303        window.localStorage.setItem('lc_uwo_select_server','');
2304        if(lc_Obj["uwo_new_server_enabled"] == true ) {
2305            window.location.href = 'https://uwo.papayaplay.com/uwo.do?tp=home.server';
2306        }else{
2307            window.location.href = 'https://uwo.papayaplay.com/uwo.do';
2308        }
2309    }
2310    //공통POPUP 닫기
2311    function comPopupClose(){
2312        lc_Obj["isComPopupVisible"] = false;
2313        $("#popup_com_container").css("display", "none");
2314        //_obj.parentNode.parentNode.parentNode.style.display='none';
2315    }
2316
2317    async function popup_com_container_init( _ServiceID ) {
2318
2319
2320        lc_Obj["lc_cur_ServerTime"] =  await getComServerTime();
2321        console.log("com ServerTime:", lc_Obj["lc_cur_ServerTime"]);
2322        let _hostDiv = (all_hostname.includes("test.papayaplay.com") ? "TEST" : "");
2323        _hostDiv = (all_hostname.includes("papayaplay.com") && _hostDiv == "" ? "PROD" : "TEST");
2324
2325        if (_hostDiv == "TEST") {
2326            //개발
2327            if(  lc_Obj["lc_cur_ServerTime"] >= '2025-12-17 02:00' && lc_Obj["lc_cur_ServerTime"] < '2026-01-19 02:00' ) {
2328                lc_Obj["isComEvent_papaya_20th"] = true; //Papaya20th 이벤트 활성화
2329            }
2330        }else {
2331            // 운영
2332            if(  lc_Obj["lc_cur_ServerTime"] >= '2025-12-19 02:00' && lc_Obj["lc_cur_ServerTime"] < '2026-01-19 02:00' ) {
2333                lc_Obj["isComEvent_papaya_20th"] = true; //Papaya20th 이벤트 활성화
2334            }
2335        }
2336        //lc_Obj["isComEvent_papaya_20th"] = false;
2337        if(lc_Obj["isComEvent_papaya_20th"] == true) {
2338
2339            let _20th_url = "";
2340
2341            if (_hostDiv == "TEST") {
2342                //local, .live
2343                if (        _ServiceID == 1 ) {                    _20th_url = "https://blackshot.papayaplay.com/bsglb.do?tp=news.view&postid=4209";         }//Blackshot GLB
2344                else if (   _ServiceID == 3 ) {                    _20th_url = "https://warrock.papayaplay.com/warrock.do?tp=news.view&postid=4203";         } //WarRock
2345                else if (   _ServiceID == 4 ) {                    _20th_url = "https://latale.papayaplay.com/latale.do?tp=news.view&postid=4208";           } //LaTale
2346                else if (   _ServiceID == 6 ) {                    _20th_url = "https://bs.sea.papayaplay.com/bssea.do?tp=news.view&postid=4210";      } //Blackshot SEA
2347                else if (   _ServiceID == 5 ) {                    _20th_url = "https://uwo.papayaplay.com/uwo.do?tp=news.view&postid=4207";                 } //UWO
2348                else if (   _ServiceID == 11) {                    _20th_url = "https://eos.papayaplay.com/eos.do?tp=news.view&postid=4206";                 } //EOS
2349                else if (   _ServiceID == 12) {                    _20th_url = "https://tos.papayaplay.com/tos.do?tp=news.view&postid=4205";                 } //TreeOfSavior
2350                else if (   _ServiceID == 13) {                    _20th_url = "https://sf2.papayaplay.com/sf2.do?tp=news.view&postid=4204";                 } //SpecialForce2
2351
2352            }else {
2353                //운영
2354                if (        _ServiceID == 1 ) {                    _20th_url = "https://blackshot.papayaplay.com/bsglb.do?tp=news.view&postid=6002";         }//Blackshot GLB
2355                else if (   _ServiceID == 3 ) {                    _20th_url = "https://warrock.papayaplay.com/warrock.do?tp=news.view&postid=6009";         } //WarRock
2356                else if (   _ServiceID == 4 ) {                    _20th_url = "https://latale.papayaplay.com/latale.do?tp=news.view&postid=6004";           } //LaTale
2357                else if (   _ServiceID == 6 ) {                    _20th_url = "https://bs.sea.papayaplay.com/bssea.do?tp=news.view&postid=6003";      } //Blackshot SEA
2358                else if (   _ServiceID == 5 ) {                    _20th_url = "https://uwo.papayaplay.com/u
2358wo.do?tp=news.view&postid=6005";                 } //UWO
2359                else if (   _ServiceID == 11) {                    _20th_url = "https://eos.papayaplay.com/eos.do?tp=news.view&postid=6006";                 } //EOS
2360                else if (   _ServiceID == 12) {                    _20th_url = "https://tos.papayaplay.com/tos.do?tp=news.view&postid=6007";                 } //TreeOfSavior
2361                else if (   _ServiceID == 13) {                    _20th_url = "https://sf2.papayaplay.com/sf2.do?tp=news.view&postid=6008";                 } //SpecialForce2
2362            }
2363
2364
2365            if(getComControllerCookie(lc_obj_cooki["cooki_popup_EVENT_PAPAYA_20TH"]) == "") {
2366
2367                if ((all_url_params.has("tp") ? all_url_params.get("tp") : "") == "" ||
2368                    (all_url_params.has("tp") ? all_url_params.get("tp") : "") == "home"
2369                ) {
2370                    lc_Obj["popup_com_container_html"] = '<a href="' + _20th_url + '"> <img src="' + "https://static.papayaplay.com/static/assets/images/portal/event/papaya20th/papaya_common_popup.jpg" + '" style="display:block; border-radius: 10px; max-width : 100%;" /> </a>';
2371                }
2372            }
2373
2374
2375            lc_Obj["banner_com_container_Html"] = '<a href="'+_20th_url+'"> <img src="' + "https://static.papayaplay.com/static/assets/images/portal/event/papaya20th/papaya_common_popup.jpg" + '" style="display:block; width:200px; height:auto;" /> </a>';
2376
2377
2378        } // lc_Obj["isComEvent_papaya_20th"]
2379
2380        if( _ServiceID == 4){
2381            let _lt_Banner_act = false;
2382            if (_hostDiv == "TEST") {
2383                //개발
2384                if(  lc_Obj["lc_cur_ServerTime"] >= '2026-06-23 06:00' && lc_Obj["lc_cur_ServerTime"] < '2026-08-25 06:00' ) {
2385                    _lt_Banner_act = true;
2386                }
2387            }else {
2388                // 운영
2389                if(  lc_Obj["lc_cur_ServerTime"] >= '2026-06-25 06:00' && lc_Obj["lc_cur_ServerTime"] < '2026-08-25 06:00' ) {
2390                    _lt_Banner_act = true;
2391                }
2392            }
2393            if( _lt_Banner_act) {
2394                let mobileSize = (isMobile() ? '100px' : '200px');
2395                lc_Obj["banner_com_container_Html"] =
2396                    '<a href="https://latale.papayaplay.com/ltevent/Invite.do">'
2397                    + '<img id="lc_curServer_Banner_1" src="' + "https://static.papayaplay.com/static/assets/images/latale/portal/home/referral_floating.png" + '" style="display:block; animation:shake-Y2 1.5s infinite;'
2398                    + (mobileSize == "200px" ? "" : "width:" + mobileSize + ";")
2399                    + '" /></a>';
2400                $("#lc_curServer_Banner").css("width",  mobileSize);
2401            }
2402        }
2403
2404        if( _ServiceID == 5) {
2405            //UWO New Server Event
2406            if(lc_Obj["uwo_new_server_enabled"] == true) {
2407
2408
2409                //강제 파라미터 정의 Start
2410                let forceServerValue = all_url_params.get("FTS");
2411                let newUrl = window.location.origin + window.location.pathname;
2412                let checkFts = false;
2413                if(all_url_params.has("FTS")){
2414                    //강제성 파라미터 삭제
2415                    all_url_params.delete("FTS");
2416                    checkFts = true;
2417                    // 새로운 URL 생성
2418                    let queryString = all_url_params.toString();
2419                    if (queryString) {
2420                        newUrl += "?" + queryString;
2421                    }
2422                }
2423
2424                if(checkFts && (forceServerValue == "" || forceServerValue == null || !(forceServerValue == "Ventus" || forceServerValue == "Maris")) ) {
2425                    console.log("None Force Server");
2426                }
2427                else if(checkFts && lc_Obj["lc_curServer_uwo"] != forceServerValue){
2428                    window.localStorage.setItem('lc_uwo_select_server',forceServerValue);
2429                    lc_Obj["lc_curServer_uwo"] = window.localStorage.getItem('lc_uwo_select_server');
2430                    // 새로운 URL로 페이지 다시 로드
2431                    window.location.href = newUrl;
2432                }else if(checkFts){
2433                    if(forceServerValue == "Ventus" || forceServerValue == "Maris"){
2434                        window.localStorage.setItem('lc_uwo_select_server',forceServerValue);
2435                    }
2436                    lc_Obj["lc_curServer_uwo"] = window.localStorage.getItem('lc_uwo_select_server');
2437                    // 새로운 URL로 페이지 다시 로드
2438                    window.location.href = newUrl;
2439                }
2440                //강제 파라미터 정의 End
2441
2442
2443                popup_com_container_Run_Service_UWO(_ServiceID);
2444
2445                //UWO 이벤트 활성화 경우에만 동작하게 조치
2446                $("#lc_curServer_Banner").find(".banner-content").hover(
2447                    function () {
2448                        $("#lc_curServer_Banner_2").css("display", "block");
2449                        $("#lc_curServer_Banner_1").css("display", "none");
2450                    }
2451                    , function () {
2452                        $("#lc_curServer_Banner_1").css("display", "block");
2453                        $("#lc_curServer_Banner_2").css("display", "none");
2454                    }
2455                );
2456            }// lc_Obj["uwo_new_server_enabled"]
2457            else{
2458                window.localStorage.setItem('lc_uwo_select_server','Maris');
2459                lc_Obj["lc_curServer_uwo"] = window.localStorage.getItem('lc_uwo_select_server');
2460                lc_Obj["banner_com_container_Html"] = '<a href="https://uwo.papayaplay.com/uwoevent/prevent.do"><img src="https://static.papayaplay.com/static/assets/images/uwo/official/home/uwo_pre_new_ventus_banner.png"/></a>';
2461            }
2462        }
2463
2464        //BS BC Event ecosystem Main 화면제외
2465        if( (_ServiceID == 1 ||  _ServiceID == 6 ) && (all_url_params.has("tp") ? all_url_params.get("tp") : "") != "ecosystem" ) {
2466            lc_Obj["banner_com_container_Html"] = "";
2467            let banner_com_container_HtmlTmp1 = "";
2468            let banner_com_container_HtmlTmp2 = "";
2469
2470            let mobileSize = (isMobile() ? '100px': '200px');
2471            if (_ServiceID == 1) {
2472                banner_com_container_HtmlTmp1 = '<a href="https://blackshot.papayaplay.com/bsglb.do?tp=ecosystem">';
2473                //banner_com_container_HtmlTmp2 = '<a href="https://blackshot.papayaplay.com/bsglbevent/CoinSlots.do">';
2474                banner_com_container_HtmlTmp2 = '<a href="https://blackshot.papayaplay.com/bsglbevent/CoinWheel.do">';
2475            }
2476            else if (_ServiceID == 6) {
2477                banner_com_container_HtmlTmp1 = '<a href="https://bs.sea.papayaplay.com/bssea.do?tp=ecosystem">';
2478                //banner_com_container_HtmlTmp2 = '<a href="https://bs.sea.papayaplay.com/bsseaevent/CoinSlots.do">';
2479                banner_com_container_HtmlTmp2 = '<a href="https://bs.sea.papayaplay.com/bsseaevent/CoinWheel.do">';
2480            }
2481            banner_com_container_HtmlTmp1 += '<img id="lc_curServer_Banner_1" src="' + "https://static.papayaplay.com/static/assets/images/bs-rev-sea/home/ecosystem_coin_banner.png" + '" style="display:block; animation:shake-Y2 1.5s infinite;'
2482                +(mobileSize == "200px" ? "" : "width:"+ mobileSize+";")
2483                +'" /></a>';
2484            banner_com_container_HtmlTmp2 += '<img id="lc_curServer_Banner_2" src="' + "https://static.papayaplay.com/static/assets/images/bs-rev-sea/home/bs_bc_coinwheel_banner.png" + '" style="display:block; animation:shake-Y2 1.5s infinite;'
2485            //banner_com_container_HtmlTmp2 += '<img id="lc_curServer_Banner_2" src="' + "https://static.papayaplay.com/static/assets/images/bs-rev-sea/home/banner_web_gacha.png" + '" style="display:block; animation:shake-Y2 1.5s infinite;'
2486                +(mobileSize == "200px" ? "width:200px;" : "width:"+ mobileSize+";")
2487                +'" /></a>';
2488
2489            lc_Obj["banner_com_container_Html" ] += banner_com_container_HtmlTmp1 + "<BR/>" + banner_com_container_HtmlTmp2;
2490            $("#lc_curServer_Banner").css("width",  mobileSize);
2491
2492            if(lc_Obj["isComEvent_bcgoeslive"] == true && getComControllerCookie(lc_obj_cooki["cooki_popup_EVENT_BCGOESLIVE"]) == "" &&
2493                !(
2494                    (all_url_params.has("tp") ? all_url_params.get("tp") : "") == "bcgoeslive"
2495                    ||
2496                    (all_pathname.indexOf('/bsseaevent/bcgoeslive.do') > -1)
2497                    ||
2498                    (all_pathname.indexOf('/bsglbvent/bcgoeslive.do') > -1)
2499                )
2500            ){
2501                let _bcgoeslive_url ="";
2502
2503
2504                mobileSize = (isMobile() ? '300px': '600px');
2505
2506                if(_ServiceID == 1) {
2507                    _bcgoeslive_url = "https://blackshot.papayaplay.com/bsglb.do?tp=bcgoeslive";
2508                    lc_Obj["popup_com_container_html"] = '<a href="' + _bcgoeslive_url + '"> <img src="' + "https://static.papayaplay.com/static/assets/images/blackshot/home/home_bc_common_popup.png" + '" style="display:block; width:'+mobileSize+'; height:auto;" /> </a>';
2509                }
2510                else if(_ServiceID == 6) {
2511                    _bcgoeslive_url = "https://bs.sea.papayaplay.com/bssea.do?tp=bcgoeslive"
2512                    lc_Obj["popup_com_container_html"] = '<a href="' + _bcgoeslive_url + '"> <img src="' + "https://static.papayaplay.com/static/assets/images/bs-rev-sea/home/home_bc_common_popup.png" + '" style="display:block; width:'+mobileSize+'; height:auto;" /> </a>';
2513                }
2514            }
2515
2516        }
2517        //공통팝업
2518        let _comButton_X = '<svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg">'
2519            +'                        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.28164 7.97271L10.5077 12.1988C10.7319 12.423 11.0361 12.549 11.3532 12.549C11.6704 12.549 11.9745 12.423 12.1987 12.1988C12.423 11.9745 12.549 11.6704 12.549 11.3532C12.549 11.0361 12.423 10.732 12.1987 10.5077L7.9711 6.28165L12.198 2.0556C12.3089 1.94456 12.397 1.81275 12.457 1.66769C12.5171 1.52264 12.5479 1.36718 12.5479 1.21018C12.5479 1.05319 12.5169 0.897743 12.4568 0.752716C12.3967 0.607688 12.3086 0.47592 12.1976 0.364936C12.0865 0.253952 11.9547 0.165925 11.8097 0.10588C11.6646 0.0458363 11.5091 0.0149509 11.3521 0.0149879C11.1951 0.0150249 11.0397 0.0459834 10.8947 0.106096C10.7496 0.166208 10.6179 0.254298 10.5069 0.365335L6.28164 4.59139L2.05558 0.365335C1.94537 0.251113 1.81351 0.159986 1.66769 0.0972693C1.52188 0.034553 1.36504 0.00150369 1.20632 5.01291e-05C1.0476 -0.00140344 0.890183 0.0287676 0.743248 0.0888029C0.596313 0.148838 0.462806 0.237535 0.350516 0.349719C0.238227 0.461903 0.149404 0.595327 0.0892297 0.742205C0.0290559 0.889083 -0.00126356 1.04648 4.03374e-05 1.2052C0.00134424 1.36392 0.0342453 1.52079 0.096824 1.66666C0.159403 1.81253 0.250406 1.94448 0.364523 2.0548L4.59217 6.28165L0.365321 10.5085C0.251203 10.6188 0.1602 10.7508 0.0976213 10.8966C0.0350425 11.0425 0.0021411 11.1994 0.000837197 11.3581C-0.000466701 11.5168 0.0298528 11.6742 0.0900266 11.8211C0.1502 11.968 0.239023 12.1014 0.351313 12.2136C0.463603 12.3258 0.59711 12.4145 0.744045 12.4745C0.89098 12.5345 1.0484 12.5647 1.20712 12.5633C1.36584 12.5618 1.52268 12.5287 1.66849 12.466C1.8143 12.4033 1.94616 12.3122 2.05638 12.198L6.28164 7.97271Z" fill="white"/>'
2520            +'                    </svg>';
2521
2522        if ($("#popup_com_container").length > 0 && lc_Obj["popup_com_container_html"] != "") {
2523            if(lc_Obj["isComEvent_papaya_20th"] == true) {
2524                $("#popup_com_container").find(".popup-com-content").html(
2525                    '<span class="popup-donotopen-close" style="color: #edf1ee;">&nbsp;&nbsp;'
2526                    +'<input id="popup-com-showMsgYN" type="checkbox" style="margin-right: 5px;" value="true" onclick="setComControllerCookie( \'' + lc_obj_cooki["cooki_popup_EVENT_PAPAYA_20TH"] +'\', \'true\', 1); comPopupClose();"/>'
2527                    +'Do not show this message again today</span>'
2528                    +'<button class="popup-close" onclick="comPopupClose()" style="color: #edf1ee;">'
2529                    + _comButton_X
2530                    +'</button>'
2531                    + lc_Obj["popup_com_container_html"]
2532                );
2533                lc_Obj["isComPopupVisible"] = true;
2534                $("#popup_com_container").css("display", "flex");
2535                $("#popup_com_container").find(".popup-com-content").css("max-width", "100%");
2536                $("#popup_com_container").find(".popup-com-content").css("border-radius", "10px");
2537                $("#popup_com_container").find(".popup-com-content").css("background", "#46ac63");
2538            }
2539            else if(lc_Obj["isComEvent_bcgoeslive"] == true && lc_Obj["popup_com_container_html"] != "" && ( _ServiceID == 1 || _ServiceID == 6 )){
2540                $("#popup_com_container").find(".popup-com-content").html(
2541                    '<span class="popup-donotopen-close" style="color: #edf1ee;">&nbsp;&nbsp;'
2542                    +'<input id="popup-com-showMsgYN" type="checkbox" style="margin-right: 5px;" value="true" onclick="setComControllerCookie( \'' + lc_obj_cooki["cooki_popup_EVENT_BCGOESLIVE"] +'\', \'true\', 1); comPopupClose();"/>'
2543                    +'Do not show this message again today</span>'
2544                    +'<button class="popup-close" onclick="comPopupClose()" style="color: #edf1ee;">'
2545                    + _comButton_X
2546                    +'</button>'
2547                    + lc_Obj["popup_com_container_html"]
2548                );
2549                lc_Obj["isComPopupVisible"] = true;
2550                $("#popup_com_container").css("display", "flex");
2551                $("#popup_com_container").find(".popup-com-content").css("max-width", "100%");
2552                $("#popup_com_container").find(".popup-com-content").css("border-radius", "10px");
2553                $("#popup_com_container").find(".popup-com-content").css("background", "#46ac63");
2554            }
2555            else{
2556                $("#popup_com_container").find(".popup-com-content").css("width", "100%");
2557                $("#popup_com_container").find(".popup-com-content").html(
2558                    lc_Obj["popup_com_container_html"]
2559                );
2560                lc_Obj["isComPopupVisible"] = true;
2561                $("#popup_com_container").css("display", "flex");
2562            }
2563
2564
2565        }
2566        //공통Banner
2567        if ($("#lc_curServer_Banner").length > 0) {
2568
2569            if (lc_Obj["banner_com_container_Html"] != "") {
2570                if(lc_Obj["isComEvent_papaya_20th"] == true) {
2571                    $("#lc_curServer_Banner").css("width", "200px");
2572                }
2573                $("#lc_curServer_Banner").find(".banner-content").html(lc_Obj["banner_com_container_Html"]);
2574
2575
2576            }// lc_Obj["banner_com_container_Html"]
2577        }
2578    }
2579
2580    //========================= UWO New Server (Start) =============================================
2581    // event 같은 경우 동적 분할되어 동작하는 경우가 있어 아래와 같이 처리 하여 호출하게 조치
2582    // 동적 분할 된 페이지 같은 경우 분할 할당 후 아래 함수를 호출하여 조치한다.
2583    function popup_com_container_Run_Service_UWO(_ServiceID) {
2584
2585        //AUTO location 이동
2586        if(lc_Obj["lc_curServer_uwo"] == null || lc_Obj["lc_curServer_uwo"] == ""){
2587            window.location.href = "https://uwo.papayaplay.com/uwo.do?tp=home.server";
2588        }
2589
2590        lc_Obj["lc_curServer_event"] = (lc_Obj["lc_curServer_uwo"] == 'Maris' ? true : false);
2591
2592        //let _p_textFontArea = ' style=" font-family: Rubik; font-weight: 400; font-style: Regular; font-size: 16px; leading-trim: NONE; line-height: 148%; letter-spacing: -2%; text-align: center; " ';
2593        let _btn_tagAreaYes = ' style=" width: 130px; height: 50px; min-width: 130px; angle: 0 deg; opacity: 1; padding-top: 11px; padding-bottom: 11px; background: #2EAC66; color: var(--is-white, #FFFFFF); border : 0px;" ';
2594        let _btn_tagAreaNo  = ' style=" width: 130px; height: 50px; min-width: 130px; angle: 0 deg; opacity: 1; padding-top: 11px; padding-bottom: 11px; background: #787878; color: var(--is-white, #FFFFFF); border : 0px;" ';
2595        let _btn_tagAreaYesRed  = ' style=" width: 130px; height: 50px; min-width: 130px; angle: 0 deg; opacity: 1; padding-top: 11px; padding-bottom: 11px; background: #9b1411; color: var(--is-white, #FFFFFF); border : 0px;" ';
2596        let _btn_tagAreaYesBlue  = ' style=" width: 130px; height: 50px; min-width: 130px; angle: 0 deg; opacity: 1; padding-top: 11px; padding-bottom: 11px; background: #1e19ae; color: var(--is-white, #FFFFFF); border : 0px;" ';
2597
2598        //1. Common Popup Cove
2599        //if( getComControllerCookie(lc_obj_cooki["cooki_popup_UWO_NEW_SERVER"]) == "") {
2600            if (all_pathname.includes("/treasurecove/main.do")) { // 사용안함 처리 확정
2601                let v_lc_uwo_select_server_Before = window.localStorage.getItem('lc_uwo_select_server_Before');
2602                if( v_lc_uwo_select_server_Before != lc_Obj["lc_curServer_uwo"]){
2603
2604                    lc_Obj["popup_com_container_html"] = `
2605                            <p><b>Two Worlds, each with its own Treasure Cove.</b></p>
2606                            <BR>
2607                            <b style="color: #2EAC66;">Select the Cove you wish to enter.</b><br><br>
2608                            <div>
2609                                <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_Maris_`  + (lc_Obj["lc_curServer_uwo"] == 'Maris' ? 'Y' : 'N') +`' ); comPopupClose();" ` + _btn_tagAreaYesBlue + ` >Maris</button>
2610                                <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_Ventus_` + (lc_Obj["lc_curServer_uwo"] == 'Maris' ? 'N' : 'Y') +`' ); comPopupClose();" ` + _btn_tagAreaYesRed  + ` >Ventus</button>
2611                            </div>
2612
2613                  <br>
2614                `;
2615                }
2616            }
2617            else if (all_pathname.includes("/uwoevent/compass.do")){
2618                let v_lc_uwo_select_server_Before = window.localStorage.getItem('lc_uwo_select_server_Before');
2619                if( v_lc_uwo_select_server_Before != lc_Obj["lc_curServer_uwo"]){
2620
2621                    lc_Obj["popup_com_container_html"] = `
2622                                <p><b>Two Worlds, each with its own Compass Event.</b></p>
2623                                <BR>
2624                                <b style="color: #2EAC66;">Select the Compass you wish to enter.</b><br><br>
2625                                <div>
2626                                    <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_Maris_`  + (lc_Obj["lc_curServer_uwo"] == 'Maris' ? 'Y' : 'N') +`' ); comPopupClose();" ` + _btn_tagAreaYesBlue + ` >Maris</button>
2627                                    <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_Ventus_` + (lc_Obj["lc_curServer_uwo"] == 'Maris' ? 'N' : 'Y') +`' ); comPopupClose();" ` + _btn_tagAreaYesRed  + ` >Ventus</button>
2628                                </div>
2629
2630                      <br>
2631                    `;
2632                }
2633            }
2634            else if (all_pathname.includes("/uwoevent/luckywheel.do")) {
2635                let v_lc_uwo_select_server_Before = window.localStorage.getItem('lc_uwo_select_server_Before');
2636                if( v_lc_uwo_select_server_Before != lc_Obj["lc_curServer_uwo"]){
2637
2638                    lc_Obj["popup_com_container_html"] = `
2639                                <p><b>Two Worlds, each with its own Wheel Event.</b></p>
2640                                <BR>
2641                                <b style="color: #2EAC66;">
2641Select the Lucky Wheel you wish to spin.</b><br><br>
2642                                <div>
2643                                    <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_Maris_`  + (lc_Obj["lc_curServer_uwo"] == 'Maris' ? 'Y' : 'N') +`' ); comPopupClose();" ` + _btn_tagAreaYesBlue + ` >Maris</button>
2644                                    <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_Ventus_` + (lc_Obj["lc_curServer_uwo"] == 'Maris' ? 'N' : 'Y') +`' ); comPopupClose();" ` + _btn_tagAreaYesRed  + ` >Ventus</button>
2645                                </div>
2646
2647                      <br>
2648                    `;
2649                }
2650            }
2651            else{
2652                window.localStorage.setItem('lc_uwo_select_server_Before','')
2653            }
2654        //}
2655        // 1. Common Popup
2656        if(lc_Obj["lc_curServer_event"] == false && getComControllerCookie(lc_obj_cooki["cooki_popup_UWO_NEW_SERVER"]) == "") {
2657
2658            if (all_pathname.includes("/treasurecove/main.do") && 1==2) { // 사용안함 처리 확정
2659                //OLD
2660                lc_Obj["popup_com_container_html"] = `
2661                              <p><b>Treasure Cove</b> rewards can currently only be delivered<br> to the <b>Maris</b> Server, and <b>not Ventus.</b></p>
2662
2663                              <br>
2664                              <b style="color: #2EAC66;">Are you sailing from Maris?</b><br><br>
2665
2666                              <div>
2667                                <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_NO')" ` + _btn_tagAreaYes + ` >YES</button>
2668                                <button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO')"          ` + _btn_tagAreaNo  + ` >NO</button>
2669                              </div>
2670
2671                              <br>
2672                              <input id="popup-com-showMsgYN" type="checkbox" value="true" onclick="setComControllerCookie( '`+lc_obj_cooki["cooki_popup_UWO_NEW_SERVER"]+`', 'true', 1); comPopupClose();"/>
2673                              <p style="display: contents;">Do not show this message again today</p> <br>&nbsp;
2674                            `;
2675            } else if (all_pathname.includes("/uwo.do") && (all_url_params.has("tp") ? all_url_params.get("tp") : "") == "shop" && 1==2) { // 사용안함 확정
2676                lc_Obj["popup_com_container_html"] = `
2677                              <p><b>Pop-up Shop</b> items can currently only be delivered<br> to the <b>Maris World</b>, and  <b>not Ventus.</b></p>
2678
2679                              <br>
2680                              <b style="color: #2EAC66;">Are you sailing from Maris?</b><br><br>
2681
2682                              <div>
2683                                <button onclick="comPopupUWO_Event_SubGroupCheck('PopUp_Shop_NO')" ` + _btn_tagAreaYes + ` >YES</button>
2684                                <button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO')"        ` + _btn_tagAreaNo  + ` >NO</button>
2685                              </div>
2686
2687                              <br>
2688                              <input id="popup-com-showMsgYN" type="checkbox" value="true" onclick="setComControllerCookie( '`+lc_obj_cooki["cooki_popup_UWO_NEW_SERVER"]+`', 'true', 1); comPopupClose();"/>
2689                              <p style="display: contents;">Do not show this message again today</p> <br>&nbsp;
2690                            `;
2691            } else if (all_pathname.includes("/uwoevent/compass.do") && 1==2 ) { //사용안함 확정
2692
2693                lc_Obj["popup_com_container_html"] = `
2694                              <p><b>The Uncharted Bounty Compass</b> can currently only be spun by Captains<br> from the <b>Maris World</b>, <b>not Ventus.</b></p>
2695
2696                              <br>
2697                              <b style="color: #2EAC66;">Are you sailing from Maris?</b><br><br>
2698
2699                              <div>
2700                                <button onclick="comPopupUWO_Event_SubGroupCheck('CompassEvent_NO')"` + _btn_tagAreaYes + ` >YES</button>
2701                                <button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO')"         ` + _btn_tagAreaNo  + ` >NO</button>
2702                              </div>
2703
2704                              <br>
2705                              <input id="popup-com-showMsgYN" type="checkbox" value="true" onclick="setComControllerCookie( '`+lc_obj_cooki["cooki_popup_UWO_NEW_SERVER"]+`', 'true', 1);
2705 comPopupClose();"/>
2706                              <p style="display: contents;">Do not show this message again today</p> <br>&nbsp;
2707                            `;
2708            } else if (all_pathname.includes("/uwoevent/luckywheel.do") && 1==2) {
2709                lc_Obj["popup_com_container_html"] = `
2710                              <p><b>Lucky Wheel</b> rewards can currently only be delivered<br> to the <b>Maris World</b>, <b>not Ventus.</b></p>
2711
2712                              <br>
2713                              <b style="color: #2EAC66;">Are you sailing from Maris?</b><br><br>
2714
2715                              <div>
2716                                <button onclick="comPopupUWO_Event_SubGroupCheck('RandomEvent_NO')" ` + _btn_tagAreaYes + ` >YES</button>
2717                                <button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO')"         ` + _btn_tagAreaNo  + ` >NO</button>
2718                              </div>
2719
2720                              <br>
2721                              <input id="popup-com-showMsgYN" type="checkbox" value="true" onclick="setComControllerCookie( '`+lc_obj_cooki["cooki_popup_UWO_NEW_SERVER"]+`', 'true', 1); comPopupClose();"/>
2722                              <p style="display: contents;">Do not show this message again today</p> <br>&nbsp;
2723                            `;
2724            }
2725        }
2726
2727        // 1. Banner
2728        let mobileSize = (isMobile() ? '100px': '180px');
2729        var _html = "";
2730        if( lc_Obj["lc_curServer_uwo"] == "Ventus"){
2731            _html =  '<img id="lc_curServer_Banner_1" src="' + "https://static.papayaplay.com/static/assets/images/uwo/official/home/uwo_ventus_normal_banner.png" + '" style="display:block; width:'+mobileSize+';" />';
2732            _html += '<img id="lc_curServer_Banner_2" src="' + "https://static.papayaplay.com/static/assets/images/uwo/official/home/uwo_ventus_hover_banner.png"  + '" style="display:none; animation:shake-Y2 1.5s infinite; width:'+mobileSize+';" onclick="comPopupUWO_Event_SubGroupCheck(\'UWO_MAIN_GO_Maris\')" />';
2733        } else {
2734            _html =  '<img id="lc_curServer_Banner_1" src="' + "https://static.papayaplay.com/static/assets/images/uwo/official/home/uwo_maris_normal_banner.png"  + '" style="display:block; width:'+mobileSize+';" />';
2735            _html += '<img id="lc_curServer_Banner_2" src="' + "https://static.papayaplay.com/static/assets/images/uwo/official/home/uwo_maris_hover_banner.png"   + '" style="display:none; animation:shake-Y2 1.5s infinite; width:'+mobileSize+';" onclick="comPopupUWO_Event_SubGroupCheck(\'UWO_MAIN_GO_Ventus\')"/>';
2736        }
2737        _html = "<SPAN >" + _html + "</SPAN>";
2738        $("#lc_curServer_Banner").css("width",  mobileSize);
2739        lc_Obj["banner_com_container_Html"] = _html;
2740
2741    }
2742
2743    //UWO Event 한정
2744    function comPopupUWO_Event_SubGroupCheck( _Type){
2745        let _btn_tagAreaYes = ' style=" width: 130px; height: 50px; min-width: 130px; angle: 0 deg; opacity: 1; padding-top: 11px; padding-bottom: 11px; background: #2EAC66; color: var(--is-white, #FFFFFF); border : 0px;" ';
2746        if(_Type == "UWO_GO"){
2747            window.location.href = 'https://uwo.papayaplay.com/uwo.do';
2748        }
2749        else if(_Type == "UWO_MAIN_GO_Ventus"){
2750            window.localStorage.setItem('lc_uwo_select_server', 'Ventus');
2751            window.location.href = 'https://uwo.papayaplay.com/uwo.do';
2752        }
2753        else if(_Type == "UWO_MAIN_GO_Maris"){
2754            window.localStorage.setItem('lc_uwo_select_server', 'Maris');
2755            window.location.href = 'https://uwo.papayaplay.com/uwo.do';
2756        }
2757        else if(_Type == "UWO_GO_Ventus"){
2758            window.localStorage.setItem('lc_uwo_select_server', 'Ventus');
2759            window.location.reload(true);
2760        }
2761        else if(_Type == "UWO_GO_Maris"){
2762            window.localStorage.setItem('lc_uwo_select_server', 'Maris');
2763            window.location.reload(true);
2764        }
2765        else if(_Type == "TreasureCove_NO"){
2766            lc_Obj["popup_com_container_html"] = `
2767											<p>You must be a Captain from <b>Maris</b> to claim <b>Treasure Cove</b> rewards.
2768											<br>
2769											Returning to the Maris main page.
2770											<br>
2771											</p>&nbsp;
2772											<div>
2773											<button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO_Maris')" ` + _btn_tagAreaYes + ` >YES</button>
2774											</div>
2775                                            &nbsp;
2776									`;
2777
2778        }
2779        else if(_Type == "TreasureCove_Maris_N"){
2780            window.localStorage.setItem('lc_uwo_select_server', 'Maris');
2781            window.localStorage.setItem('lc_uwo_select_server_Before','Maris');
2782            window.location.reload(true);
2783        }
2784        else if(_Type == "TreasureCove_Ventus_N"){
2785            window.localStorage.setItem('lc_uwo_select_server', 'Ventus');
2786            window.localStorage.setItem('lc_uwo_select_server_Before','Ventus');
2787            window.location.reload(true);
2788        }
2789        else if(_Type == "TreasureCove_Maris_Y"){
2790            window.localStorage.setItem('lc_uwo_select_server_Before','Maris');
2791        }
2792        else if(_Type == "TreasureCove_Ventus_Y"){
2793            window.localStorage.setItem('lc_uwo_select_server_Before','Ventus');
2794        }
2795        else if(_Type == "PopUp_Shop_NO"){
2796            lc_Obj["popup_com_container_html"] = `
2797											<p>You must be a Captain from <b>Maris</b> to claim <b>Pop-up Shop</b> items.
2798											<br>
2799											Returning to the Maris main page.
2800											<br>
2801											</p>&nbsp;
2802											<div>
2803											<button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO_Maris')" ` + _btn_tagAreaYes + ` >YES</button>
2804											</div>
2805                                            &nbsp;
2806									`;
2807
2808        }
2809        else if(_Type == "CompassEvent_NO"){
2810            lc_Obj["popup_com_container_html"] = `
2811											<p>You must be a Captain from <b>Maris</b> to win rewards for the <b>
2811Uncharted Bounty Compass.</b>
2812											<br>
2813											Returning to the Maris main page.
2814											<br>
2815											</p>&nbsp;
2816											<div>
2817											<button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO_Maris')" ` + _btn_tagAreaYes + `>YES</button>
2818											</div>
2819                                            &nbsp;
2820									`;
2821
2822        }
2823        else if(_Type == "RandomEvent_NO"){
2824            lc_Obj["popup_com_container_html"] = `
2825											<p>You must be a Captain from <b>Maris</b> to claim <b>Lucky Wheel</b> rewards.
2826											<br>
2827											Returning to the Maris main page.
2828											<br>
2829											</p>&nbsp;
2830											<div>
2831											<button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO_Maris')" ` + _btn_tagAreaYes + `>YES</button>
2832											</div>
2833                                            &nbsp;
2834									`;
2835
2836        }
2837
2838        if(lc_Obj["popup_com_container_html"] != "") {
2839            if ($("#popup_com_container").length > 0) {
2840                $("#popup_com_container").find(".popup-com-content")
2841                    .html(lc_Obj["popup_com_container_html"]);
2842
2843                $("#popup_com_container").css("display", "flex");
2844
2845            }
2846        }
2847
2848    }
2849
2850    //========================= UWO New Server (END)     =============================================
2851
2852    // 쿠키 설정 함수
2853    function setComControllerCookie(name, value, days) {
2854        var date = new Date();
2855        date.setTime(date.getTime() + (days*24*60*60*1000)); // days일 후 만료
2856        var expires = "expires=" + date.toUTCString();
2857        document.cookie = name + "=" + value + ";" + expires + ";path=/";
2858    }
2859
2860    // 쿠키 가져오기 함수
2861    function getComControllerCookie(name) {
2862        var cname = name + "=";
2863        var decodedCookie = decodeURIComponent(document.cookie);
2864        var ca = decodedCookie.split(';');
2865        for(var i=0; i<ca.length; i++) {
2866            var c = ca[i].trim();
2867            if (c.indexOf(cname) == 0) {
2868                return c.substring(cname.length, c.length);
2869            }
2870        }
2871        return "";
2872    }
2873/*
2874    function getComServerTime() {
2875        var strServerTime = '';
2876        $.ajax({
2877            url: ioRootPath + "/json.do?callback=?",
2878            type: 'GET',
2879            data: { cm: "Service.Board.GetServerTime" },
2880            crossDomain: true,
2881            dataType: 'json',
2882            async: false, // 동기화
2883            success: function(res) {
2884                var code = res.ResultCode[0].Code;
2885                if (code === '10000') {
2886                    var fromServerTime = res.ServerTime[0].ServerTime;
2887                    strServerTime = fromServerTime.slice(0, 16);
2888                } else {
2889                    strServerTime = '2999-12-31 02:00';
2890                }
2891            }
2892        });
2893        return strServerTime;
2894    }
2895*/
2896
2897
2898    function getComServerTime() {
2899        return $.ajax({
2900            url: ioRootPath + "/json.do?callback=?",
2901            type: 'GET',
2902            data: { cm: "Service.Board.GetServerTime" },
2903            crossDomain: true,
2904            dataType: 'json',
2905            async: false,
2906        }).then(function(res){
2907            var code = res.ResultCode[0].Code;
2908            if (code === '10000') {
2909                let fromServerTime = res.ServerTime[0].ServerTime;
2910                let strServerTime = fromServerTime.slice(0, 16);
2911                return strServerTime;
2912            } else {
2913                return '2999-12-31 02:00';
2914            }
2915        });
2916    }
2917
2918
2919
2920</script>
2920
2921 <nav id="bs-gnb" class="hidden-sm hidden-xs">
2922    <div class="top--gnbs">
2923        <div class="gnb--left">
2924            <ul class="cont--left">
2925                <li class="left--logo">
2926                    <a :href="staticUrl+'/bsglb.do'" class="gnb--logo">
2927                        <img src="" alt="" id="snb--logo" style="width:auto;height:33px;">
2928                    </a>
2929                </li>
2930                <li :class="{'active':isGameOpen}" :class="{'active':isGameOpen}" class="">
2931                    <a class="gnb--link" @click="[isChannelOpen=false, isGameOpen=!isGameOpen]">
2932                        <p class="title">{{locale_com.common_nav_game}}</p>
2933                        <i class="fa" :class="{'fa-caret-down':!isGameOpen, 'fa-caret-up':isGameOpen}"></i>
2934                    </a>
2935                </li>
2936                <li class="">
2937                    <a :href="staticUrl+'/bsglb.do?tp=news'" class="gnb--link" v-html="locale_com.common_nav_news"></a>
2938                </li>
2939                <li class="">
2940                    <a :href="staticUrl+'/bsglb.do?tp=update'" class="gnb--link" v-html="locale_com.common_nav_update"></a>
2941                </li>
2942                <li class="">
2943                    <a :href="staticUrl+'/bsglb.do?tp=media'" class="gnb--link" v-html="locale_com.common_nav_media"></a>
2944                </li>
2945                <!-- <li class="">
2946                    <a :href="staticUrl+'/bsglb.do?tp=ranking'" class="gnb--link" v-html="locale_com.common_nav_ranking"></a>
2947                </li> -->
2948                <li :class="{'active':isRankingOpen}" class="">
2949                    <a class="gnb--link" @click="[isChannelOpen=false, isRankingOpen=!isRankingOpen]">
2950                        <p class="title">{{locale_com.common_nav_ranking}}</p>
2951                        <i class="fa" :class="{'fa-caret-down':!isRankingOpen, 'fa-caret-up':isRankingOpen}"></i>
2952                    </a>
2953                </li>
2954                <li>
2955                    <a href="http://forum.papayaplay.com/categories/blackshot" class="gnb--link" target="_blank" v-html="locale_com.common_nav_forum"></a>
2956                </li>
2957            </ul>
2958        </div>
2959        <div class="gnb--right">
2960            <ul class="cont--right">
2961                <li :class="{'active':isChannelOpen}">
2962                    <div class="wrap--selecter" @click="[isGameOpen=false, isRankingOpen=false, isChannelOpen=!isChannelOpen]">
2963                        <p class="sel__text" v-if="!isChannelOpen">GLOBAL</p>
2964                        <p class="sel__text" v-if="isChannelOpen">SELECT</p>
2965                        <i class="fa" :class="{'fa-caret-down':!isChannelOpen, 'fa-caret-up':isChannelOpen}"></i>
2966                    </div>
2967                </li>
2968                <li><a :href="staticUrl+'/bsglb.do?tp=download'" class="wrap--free">PLAY FREE NOW</a></li>
2969            </ul>
2970        </div>
2971    </div>
2972    <div class="sub--games animated fadeIn" v-show="isGameOpen">
2973        <ul class="wrap--game">
2974            <li class="game--left" :class="{'animate':isGameOpen}">
2975                <div class="game--top"
2976                     :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/gnb-img/menu-update.jpg'+')'}"></div>
2977                <div class="wrap--bottom"><a :href="staticUrl+'/bsglb.do?tp=news'" class="game--bottom">More details</a></div>
2978            </li>
2979            <li class="game--right" v-for="(data, index) in gameDatas" :class="{'animate':isGameOpen}">
2980                <ul class="ul--game">
2981                    <li class="wrap--top">
2982                        <img :src="imgUrl+data.icon" alt="" class="title--img">
2983                        <p class="title" v-html="data.title"></p>
2984                    </li>
2985                    <li class="wrap--img">
2986                        <div class="detail--img" :style="{'background-image':'url('+imgUrl+data.img+')'}"></div>
2987                    </li>
2988                    <li class="wrap--text" v-html="data.text"></li>
2989                    <li class="wrap--link">
2990                        <a :href="staticUrl+data.link" class="link" v-html="data.btnText" :class="{'disable':data.link==''}"></a>
2991                    </li>
2992                </ul>
2993            </li>
2994        </ul>
2995    </div>
2996    <div class="sub--games animated fadeIn" v-show="isRankingOpen">
2997        <ul class="wrap--ranking">
2998            <li class="ranking--menu" v-for="(data, index) in rankingDatas" :class="{'animate':isRankingOpen}">
2999                <ul class="ul--game" @click="gotoPage(index)">
3000                    <li class="wrap--img">
3001                        <div class="detail--img" :style="{'background-image':'url('+imgUrl+data.img+')'}"></div>
3002                    </li>
3003                    <li class="wrap--top">
3004                        <p class="title" v-html="data.title"></p>
3005                    </li>
3006                </ul>
3007            </li>
3008        </ul>
3009    </div>
3010    <div class="sub--channels animated fadeIn" v-if="isChannelOpen">
3011        <ul class="wrap--channel" @click="isChannelOpen=false">
3012            <li v-for='data in channelData' :class="{'active':data.enable}" class="channel--li">
3013                <a :href="data.link" class="link">{{data.text}}</a>
3014            </li>
3015        </ul>
3016    </div>
3017</nav>
3018
3019<script>
3020    var bsGnb = new Vue({
3021        el: '#bs-gnb',
3022        data: {
3023            imgUrl: "https://static.papayaplay.com/static/assets/images/",
3024            staticUrl:'https://blackshot.papayaplay.com',
3025            locale_lang: lang,
3026            locale_com: '',
3027            channelData: [
3028            	{link: 'https://bs.sea.papayaplay.com/bssea.do', text: 'southeast asia', enable: false},
3029                {link: 'https://blackshot.papayaplay.com/bsglb.do', text: 'global', enable: true}
3030            ],
3031
3032            gameDatas: [
3033            	{
3034	                icon: 'bs-rev-sea/svgs/blackshot.svg',
3035	                title: 'ABOUT',
3036	                img: 'bs-rev-sea/home/gnb-img/menu-about.jpg',
3037	                text: 'New to the game? Go here first for a crash-course in everything BlackShot.',
3038	                btnText: 'LEARN MORE',
3039	                link: '/bsglb.do?tp=game'
3040            	},
3041            	{
3042            		icon: 'bs-rev-sea/svgs/competitive.svg',
3043                    title: 'Competitive',
3044                    img: 'bs-rev-sea/home/gnb-img/menu-competitive.jpg',
3045                    text: 'The evolution of ranked Competitive play in BlackShot. Fight through ranking tiers for big prizes',
3046                    btnText: 'LEARN MORE',
3047                    link: '/bsglb.do?tp=competitive'
3048                },
3049                /*{
3050                    icon: 'bs-rev-sea/svgs/wiki.svg',
3051                    title: 'GUIDE',
3052                    img: 'bs-rev-sea/home/gnb-img/menu-guide.jpg',
3053                    text: 'Veteran or new recruit, the Guide has everything you need to become a BlackShot master.',
3054                    btnText: 'Coming soon',
3055                    link: ''
3056                },*/
3057                // {
3058                // 	icon: 'bs-rev-sea/svgs/blackshot.svg',
3059                //     title: 'BLACKSHOT',
3060                //     img: 'bs-rev-sea/home/gnb-img/menu-revolution.jpg',
3061                //     text: "Read up on all the exciting details of the BlackShot's overhaul.",
3062                //     btnText: 'READ MORE',
3063                //     link: '/bsglb.do?tp=blackshot'
3064                // }
3065                ],
3066                rankingDatas: [
3067                {
3068                    title: 'BC RANKING',
3069                    img: 'bs-rev-sea/home/gnb-img/menu_bc.png',
3070                    link: '/bsglb.do?tp=ranking_bc'
3071                },
3072                {
3073                    title: 'HALL OF FAME',
3074                    img: 'bs-rev-sea/home/gnb-img/menu_hall_of_fame.png',
3075                    link: '/bsglb.do?tp=halloffame'
3076                },
3077            	// {
3078	            //     title: 'PANIC SPACE',
3079	            //     img: 'bs-rev-sea/home/gnb-img/menu_panic_space.png',
3080	            //     link: '/bsglb.do?tp=ranking_tdm'
3081            	// },
3082                //{
3083	            //    title: 'SEARCH AND DESTROY +',
3084	            //    img: 'bs-rev-sea/home/gnb-img/menu_sd_plus.png',
3085	            //    link: '/bsglb.do?tp=ranking_sd'
3086            	//},
3087            	// {
3088                //     title: 'CHALLENGE THE MAP',
3089                //     img: 'bs-rev-sea/home/gnb-img/menu_ctm.png',
3090                //     link: '/bsglb.do?tp=ranking_ctm'
3091                // },
3092                // {
3093                //     title: 'COMPETITIVE<br/>(COMING SOON)',
3094                //     img: 'bs-rev-sea/home/gnb-img/menu_competitive.png',
3095                //     link: '/bsglb.do?tp=blackshot'
3096                // },
3097                // {
3098                //     title: 'CLAN WAR<br/>(COMING SOON)',
3099                //     img: 'bs-rev-sea/home/gnb-img/menu_clanwar.png',
3100                //     link: '/bsglb.do?tp=blackshot'
3101                // }
3102            ],
3103            isChannelOpen: false,
3104            isGameOpen: false,
3105            isRankingOpen: false,
3106        },
3107        methods: {
3108            fetchJson: function (lang) {
3109                var localeCommonUrl = BSSEA_LOC_COMMON_PATH;
3110                this.$http.get(localeCommonUrl)
3111                    .then(function (res) {
3112                        this.locale_com = res.body;
3113                    });
3114            },
3115            gotoPage: function(index) {
3116                var vm=this;
3117                //location.href = 'https://www.papayaplay.com' + vm.rankingDatas[index].link;
3118                location.href = 'https://blackshot.papayaplay.com' + vm.rankingDatas[index].link;
3119            },
3120        },
3121        beforeMount: function () {
3122            this.fetchJson(lang);
3123        }
3124    });
3125</script>
3125
3126
3127<!-- freshdesk BS GLB widget start -->
3128    
3128<script>
3129	window.fwSettings={'widget_id':66000001055};
3130	!function(){if("function"!=typeof window.FreshworksWidget){var n=function(){n.q.push(arguments)};n.q=[],window.FreshworksWidget=n}}() 
3131	</script>
3131
3132	
3132<script type='text/javascript' src='https://widget.freshworks.com/widgets/66000001055.js' async defer></script>
3132
3133	
3133<script>
3134		if(isLogin == 0) {
3135			FreshworksWidget('hide');	
3136		} else {
3137			FreshworksWidget('identify', 'ticketForm', { 
3138				name: userid,
3139				email:email,
3140				// bs glb group id
3141				group_id: 66000080118
3142			});
3143			// 66000418359 lostsaga
3144			FreshworksWidget('hideChoices', 'ticketForm', {
3145	         'group_id': [66000418359]
3146	 		});
3147			FreshworksWidget('hide', 'ticketForm', ['name', 'custom_fields.cf_unid']);
3148			FreshworksWidget('prefill', 'ticketForm', {	
3149			  custom_fields: {
3150				  cf_unid: unid,
3151				  cf_username: userid
3152			  }
3153			});
3154			FreshworksWidget('disable', 'ticketForm', ['email', 'name', 'custom_fields.cf_unid', 'custom_fields.cf_username'])	
3155		}
3156		
3157	</script>
3157
3158<!-- freshdesk BS GLB widget end -->
3159
3160<div id="lc_curServer_Banner" class="side-banner-wrapper_top">
3161    <a class="banner-content">
3162    </a>
3163</div>
3164<!-- Common Popup Check -->
3165<div id="popup_com_container" class="popup-com-overlay" style="display: none;">
3166
3167    <div class="popup-com-content" >
3168    </div>
3169
3170</div>
3171<!-- //Common Popup Check -->
3172<script>
3173    $(document).ready(function () {
3174        popup_com_container_init(1);
3175    });
3176</script>
3176
3177    <!--  Blackshot Header: End -->
3178
3179    <!--  Blackshot Content: Start -->
3180    
3181
3182
3183
3184<div id="fb-root"></div>
3185<script>
3186	(function (d, s, id) {
3187		var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s);
3188		js.id = id;js.src = "//connect.facebook.net/us_EN/sdk.js#xfbml=1&version=v2.10";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));
3189</script>
3189
3190
3191<div id="bs_sea_home" @click="getBodyClick">
3192  <!-- Event Float Banner (START) -->
3193	<!-- <a v-if="eventBanner" class="float-banner-container" href="https://www.papayaplay.com/bsglbevent/wheelofluck.do">
3194		<img class="float-banner-image" src="https://static.papayaplay.com/static/assets/images/bs-rev-sea/event/wheelofluck_220630/wheel_of_luck_floating.png"/>
3195	</a> -->
3196	<!-- Event Float Banner (END) -->
3197
3198  <a v-if="isFloatEvent" class="float-banner-container1" href="https://papayaplay.com/bsglbevent/marble.do" target="_blank">
3199		<img class="float-banner-image" src="https://static.papayaplay.com/static/assets/images/latale/portal/event/marble/marble_floating_banner.png"/>
3200	</a>
3201
3202  <!-- [Joonyoung] 2022-11-16 papaya_star_cup banner (eventBanner)-->
3203<div v-show="eventBanner" class="side-banner-wrapper">
3204<a class="banner-content" href="https://www.papayaplay.com/ppyevent/papaya_star_cup.do" target="_blank">
3205<img src="https://static.papayaplay.com/static/assets/images/portal/event/papaya_star_cup/floating_banner.png" alt="eventBanner"/>
3206</a>
3207</div>
3208<!-- End -->
3209  <main id="home">
3210    <section id="sea-hm-sec1">
3211      <!-- <div id="sea-hm-carousel">
3212            <div class="sea-hm-item" v-for="data in topBanners" :style="{'background-image':'url('+data.ImgUrl1+')'}">
3213                <div class="cont--hero hidden-sm hidden-xs">
3214                    <div class="hero__left animateable-two">
3215                        <div class="left__title animateable-two" v-if="data.BannerTitle !=''">{{data.BannerTitle}}</div>
3216                        <div class="left__desc animateable-two" v-if="data.Text1 !=''">{{data.Text1}}</div>
3217                        <div class="left__btn animateable-two" v-if="data.TargetUrl1 !=''">
3218                            <a :href="data.TargetUrl1" class="btn__more animateable-two">view more</a>
3219                        </div>
3220                    </div>
3221                    <div class="hero__right"></div>
3222                </div>
3223                <div class="cont--hero-md hidden-md hidden-lg">
3224                    <div class="hero__left animateable-two">
3225                        <div class="left__title animateable-two" v-if="data.BannerTitle !=''">{{data.BannerTitle}}</div>
3226                        <div class="left__desc animateable-two" v-if="data.Text1 !=''">{{data.Text1}}</div>
3227                        <div class="left__btn animateable-two" v-if="data.TargetUrl1 !=''">
3228                            <a :href="data.TargetUrl1" class="btn__more animateable-two">view more</a>
3229                        </div>
3230                    </div>
3231                </div>
3232            </div>
3233        </div> -->
3234      <!-- <div class="hm-item" style="background-image: url(https://cdn.papayaplay.com/SF/1620/2642/6674/Home_Slider.jpg)"> -->
3235      <div class="hm-item" style="background-image: url(https://static.papayaplay.com/static/assets/images/portal/home/bg_texture.png)">
3236        <video id="bsglb-bg-video" playsinline autoplay muted loop>
3237          <source src="https://static.papayaplay.com/static/assets/videos/blackshot/bs_bg_video.mp4" type="video/mp4">
3238        </video>
3239        <div class="hm-sec1-content-wrapper">
3240          <img class="bsglb-logo" src="https://static.papayaplay.com/static/assets/images/bs-rev-sea/home/bs_glb_gold.png" />
3241          <p class="hm-sec1-desc">Fast-paced hardcore FPS. Huge variety of weapons, mercenaries, gears and items to suit all playstyles. Play casually in more than 10 game modes or prove your worth in competitive battle.</p>
3242          <!-- <a class="btn-download-now" href="https://blackshot.papayaplay.com/bsglb.do?tp=download">DOWNLOAD NOW</a> -->
3243        </div>
3244        <div v-if="videoDatas.length > 0" class="hm-update-video-wrapper">
3245          <a class="uv--cont various fancybox.iframe" :href="videoDatas[0].TargetUrl1">
3246            <div class="uv--cont-text">NEWEST UPDATE VIDEO</div>
3247            <img class="uv--cont-video-img" :src="videoDatas[0].ImgUrl1" />
3248          </a>
3249        </div>
3250      </div>
3251    </section>
3252    <section id="sea-hm-sec2">
3253      <div class="sp--line"></div>
3254      <article class="ongoing-wrapper">
3255        <div class="ongoing-slide-prev">
3256          <img id="ongoing-slide-prev-img" :src="imgUrl + 'bs-rev-sea/svgs/left_white.svg'" />
3257          <img id="ongoing-slide-prev-hover-img" :src="imgUrl + 'bs-rev-sea/svgs/left_bg_blue.svg'" />
3258        </div>
3259        <div class="ongoing-slide-next">
3260          <img id="ongoing-slide-next-img" :src="imgUrl + 'bs-rev-sea/svgs/right_white.svg'" />
3261          <img id="ongoing-slide-next-hover-img" :src="imgUrl + 'bs-rev-sea/svgs/right_bg_blue.svg'" />
3262        </div>
3263        <transition name="fade">
3264          <div class="page-loading" v-if="onGoingEventLoading">
3265            <loading-circle />
3266          </div>
3267          <div v-if="!onGoingEventLoading" class="ongoing-slide-wrapper">
3268            <div class="ongoing-slide" v-for="(slide, sindex) in onGoingEventDatas" :key="sindex">
3269              <a :href="slide.TargetUrl1">
3270                <img class="slide-img" :src="slide.ImgUrl1">
3271                <div class="slide-content" style="background-color: #020E1E">
3272                  <div class="slide-type">ONGOING</div>
3273                  <div class="slide-desc">{{ slide.BannerTitle }}</div>
3274                  <div class="slide-date">{{ slide.Text2 }}</div>
3275                </div>
3276              </a>
3277            </div>
3278          </div>
3279        </transition>
3280      </article>
3281
3282      <article class="featured-wrapper">
3283        <a class="featured-left-container" v-if="updatePostData.length > 0" :href="staticUrl+'/bsglb.do?tp=news.view&postid='+updatePostData[0].PostID">
3284          <div class="featured-img-wrapper">
3285            <img class="featured-img" :src="s3RootPath+'/'+updatePostData[0].FileKe
3285y" />
3286          </div>
3287          <div class="featured-content" style="background-color: #020E1E;">
3288            <div class="featured-type">{{updatePostData[0].PostTypeString}}</div>
3289            <div class="featured-title">{{updatePostData[0].Title}}</div>
3290            <div class="featured-desc">{{updatePostData[0].Description}}</div>
3291            <div class="featured-date">{{updatePostData[0].PostDate | mmddyy}}</div>
3292            <div class="btn-more">VIEW MORE</div>
3293          </div>
3294        </a>
3295        <div class="featured-right-container">
3296          <a class="featured-list-wrapper" v-for="(item, index) in newsEventData" :href="staticUrl+'/bsglb.do?tp=news.view&postid='+item.PostID">
3297            <div class="featured-img-wrapper">
3298              <img class="featured-img" :src="s3RootPath+'/'+item.FileKey" />
3299            </div>
3300            <div class="featured-content">
3301              <div class="featured-type">{{item.PostTypeString}}</div>
3302              <div class="featured-title">{{item.Title}}</div>
3303              <div class="featured-date">{{item.PostDate | mmddyy}}</div>
3304              <div class="btn-more">VIEW MORE</div>
3305            </div>
3306          </a>
3307        </div>
3308      </article>
3309      <a :href="staticUrl+'/bsglb.do?tp=news'" class="btn__more-news">more news</a>
3310
3311      <!-- <ul class="cont--ongoing hidden-sm hidden-xs">
3312             <li class="wrap--first">ongoing<br>events</li>
3313             <li class="wrap--events"
3314                 :class="{'non-select-hover':bsBody._data['isNonSelectHover'+index],'selected-hover':bsBody._data['isSelectedHover'+index],'select-active':bsBody._data['isSelectedClick'+index]}"
3315                 @mouseenter.prevent="getEventOverState(index)"
3316                 @mouseleave.prevent="getEventOutState(index)"
3317                 @click.prevent="getEventClickState(index)"
3318                 :style="{'background-image':'url('+data.ImgUrl1+')'}"
3319                 v-for="(data,index) in onGoingEventDatas">
3320                 <div class="cate--icon"
3321                      :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/corner.png'+')'}">
3322                     <i :class="data.BannerTitle | category"></i></div>
3323                 <p class="event__cate">{{data.BannerTitle}}</p>
3324                 <p class="event__title">{{data.Text1}}</p>
3325                 <p class="event__date">{{data.Text2}}</p>
3326                 <p class="event__desc animated fadeIn delay-1s" v-if="bsBody._data['isNonSelectHover'+index]">{{data.Text3 | truncate(100)}}</p>
3327                 <div class="btn__detail animated fadeIn" v-if="bsBody._data['isNonSelectHover'+index]"><i class="uw-icon-chevron3"></i></div>
3328                 <div class="wrap--shadow animated fadeIn"></div>
3329             </li>
3330         </ul>
3331         <ul class="cont--ongoing-md hidden-md hidden-lg">
3332             <li class="wrap--first">ongoing events</li>
3333             <li class="wrap--events"
3334                 :class="{'selected-hover':bsBody._data['isNonSelectHover'+index],'select-active':bsBody._data['isSelectedClick'+index]}"
3335                 @mouseenter.prevent="getEventOverState(index)"
3336                 @mouseleave.prevent="getEventOutState(index)"
3337                 @click.prevent="getMobileClickState(index)"
3338                 :style="{'background-image':'url('+data.ImgUrl1+')'}"
3339                 v-for="(data,index) in onGoingEventDatas">
3340                 <div class="cate--icon"
3341                      :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/corner.png'+')'}">
3342                     <i :class="data.BannerTitle | category"></i></div>
3343                 <p class="event__cate">{{data.BannerTitle}}</p>
3344                 <p class="event__title">{{data.Text1}}</p>
3345                 <p class="event__date">{{data.Text2}}</p>
3346                 <p class="event__desc animated fadeIn delay-1s">{{data.Text3 | truncate(100)}}</p>
3347                 <div class="wrap--shadow animated fadeIn"></div>
3348             </li>
3349         </ul>
3350         <div class="sp--line2"></div>
3351         <div class="cont--selected-event animated fadeInDown delay-2s duration-3s hidden-sm hidden-xs" v-show="isEventOpenDetail">
3352              <div class="wrap--selected-event">
3353                  <div class="wrap--close" @click="setEventDetailClose">
3354                      <i class="bs-rev-icon-close"></i>
3355                  </div>
3356                  <div class="event--left"  :style="{'background-image':'url('+onGoingDetailData.ImgUrl1+')'}"></div>
3357                  <div class="event--right">
3358                      <i class="icon--style" :class="onGoingDetailData.BannerTitle | category"></i>
3359                      <p class="event__cate">{{onGoingDetailData.BannerTitle}}</p>
3360                      <p class="event__title">{{onGoingDetailData.Text1}}</p>
3361                      <div class="event__date"><i class="bs-rev-icon-calendar"></i>
3362                          <p class="text__date">{{onGoingDetailData.Text2}}
3362</p></div>
3363                      <p class="event__desc">{{onGoingDetailData.Text3}}</p>
3364                      <a :href="onGoingDetailData.TargetUrl1" class="btn__read-more">read more</a>
3365                  </div>
3366              </div>
3367          </div> -->
3368    </section>
3369    <section class="sea-hm-sec3">
3370      <!--  :style="{'background-image':'url('+imgUrl+'bs-rev-sea/effect-down.png'+')'}" -->
3371      <!-- <div class="sec3--title">featured news</div>
3372         <ul class="news--ul">
3373             <li class="news--box" v-for="data in newsEventData" :style="{'background-image':'url('+'\''+s3RootPath+'/'+data.FileKey+'\''+')'}" @click="clickNewsLink(data.PostID)">
3374                 <p class="news--cate">{{data.PostType | posttype}}</p>
3375                 <p class="news--title">{{data.Title | truncate(40)}}</p>
3376                 <p class="news--date">{{data.UpdateDate| mmddyy}}</p>
3377                 <div class="wrap--shadow animated fadeIn"></div>
3378             </li>
3379         </ul>
3380         <a :href="staticUrl+'/bsglb.do?tp=news'" class="btn__more-news">more news</a> -->
3381
3382      <ul class="cont--media-box">
3383        <li class="wrap--fb-box" v-if="widthSnsSec == 1">
3384          <!--hidden-sm hidden-xs"> -->
3385          <div class="fb-page" data-href="https://www.facebook.com/BlackShotOnline/" data-tabs="timeline" data-width="488" data-height="742" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true">
3386            <blockquote cite="https://www.facebook.com/BlackShotOnline/" class="fb-xfbml-parse-ignore">
3387              <a href="https://www.facebook.com/BlackShotOnline/">BlackShot Global</a>
3388            </blockquote>
3389          </div>
3390        </li>
3391        <li class="wrap--fb-box" v-if="widthSnsSec == 2">
3392          <div class="fb-page" data-href="https://www.facebook.com/BlackShotOnline/" data-tabs="timeline" data-width="320" data-height="486" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true">
3393            <blockquote cite="https://www.facebook.com/BlackShotOnline/" class="fb-xfbml-parse-ignore">
3394              <a href="https://www.facebook.com/BlackShotOnline/">BlackShot Global</a>
3395            </blockquote>
3396          </div>
3397        </li>
3398        <li class="wrap--media-box">
3399          <div class="cont--playbox">
3400            <div id="player"></div>
3401            <div class="title">FREE2PLAY – DOWNLOAD NOW!</div>
3402          </div>
3403          <a class="cont--playlist various fancybox.iframe" v-for="(vitem, index) in videoDatas" :href="vitem.TargetUrl1">
3404            <div class="list--left">
3405              <p class="title">{{vitem.BannerTitle}}</p>
3406              <p class="time">{{vitem.Text1}}</p>
3407            </div>
3408            <div class="list--right" :style="{'background-image':'url('+vitem.ImgUrl1+')'}"></div>
3409          </a>
3410          <!-- <div class="cont--playlist" @click="mediaClick()">
3411                     <div class="list--left">
3412                         <p class="title">Assert Your Dominance [NEW MAP] [NEW WEAPONS]</p>
3413                         <p class="time">4:30</p>
3414                     </div>
3415                     <div class="list--right" :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/vid-screenshot/video_domi.png'+')'}"></div>
3416                 </div>
3417                 <div class="cont--playlist" @click="mediaClick()">
3418                     <div class="list--left">
3419                         <p class="title">Paradox</p>
3420                         <p class="time">5:41</p>
3421                     </div>
3422                     <div class="list--right" :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/vid-screenshot/video_kagura.png'+')'}"></div>
3423                 </div>
3424                 <div class="cont--playlist" @click="mediaClick()">
3425                     <div class="list--left">
3426                         <p class="title">Kagura "The Black Inferno"</p>
3427                         <p class="time">9:07</p>
3428                     </div>
3429                     <div class="list--right" :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/vid-screenshot/video_paradox.png'+')'}"></div>
3430                 </div> -->
3431          <a href="https://www.youtube.com/channel/UCfQMEybHcEKTwvOs9lIbriQ" target="blank" class="btn__see_video">more videos</a>
3432        </li>
3433        <li class="wrap--dc-box" v-if="widthSnsSec == 1">
3434          <div class="reload-btn-discord" @click="reloadDiscordWidget" @mouseover="hoverDcReload=true" @mouseleave="hoverDcReload=false">
3435            <i v-if="hoverDcReload == false" id="ico-dc-reload" class="fa fa-repeat" aria-hidden="true"></i>
3436            <p v-else>RELOAD</p>
3437          </div>
3438          <widgetbot server="172118865197662208" channel="177532020400979968" width="488" height="742"></widgetbot>
3439          
3439<script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script>
3439
3440        </li>
3441        <li class="wrap--dc-box" v-if="widthSnsSec == 2">
3442          <div class="reload-btn-discord" @click="reloadDiscordWidget" @mouseover="hoverDcReload=true" @mouseleave="hoverDcReload=false">
3443            <i v-if="hoverDcReload == false" id="ico-dc-reload" class="fa fa-repeat" aria-hidden="true"></i>
3444            <p v-else>RELOAD</p>
3445          </div>
3446          <widgetbot server="172118865197662208" channel="177532020400979968" width="320" height="486"></widgetbot>
3447          
3447<script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script>
3447
3448        </li>
3449        <!-- <li class="wrap--media-box hidden-sm hidden-xs">
3450                 <ul class="rank--ul">
3451                     <li class="rank--top" :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/RANKINGseason-bg.jpg'+')'}">
3452                         <p class="sub-title">competitive mode</p>
3453                         <p class="title">RANKING</p>
3454                     </li>
3455                     <li class="rank--dummy" :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/coming-soon-image.jpg'+')'}"></li>
3456                     
3457                     <li class="rank--list" v-for="(data,index) in rankingData">
3458                         <div class="left">{{index+1}}</div>
3459                         <div class="mid">{{data.user}}</div>
3460                         <div class="elo">{{data.elopoint}}</div>
3461                     </li>
3462
3463                     <li class="rank--btn">
3464
3465                         <a href="" class="btn__see_ranking">see full ranking</a>
3466                     </li>
3467                    
3468                 </ul>
3469             </li> -->
3470      </ul>
3471    </section>
3472    <section class="sea-hm-sec5">
3473      <!--  :style="{'background-image':'url('+imgUrl+'bs-rev-sea/effect-down.png'+')'}" -->
3474      <div class="sec3--title">find us on</div>
3475      <ul class="cont--social">
3476        <li>
3477          <a href="https://www.youtube.com/channel/UCfQMEybHcEKTwvOs9lIbriQ" class="tabs">
3478            <i class="uw-icon-youtube" style="font-size: 5.2rem;"></i>
3479          </a>
3480        </li>
3481        <li>
3482          <a href="https://discord.gg/PGBupmx" class="tabs">
3483            <i class="bs-sea-o-icon-discord" style="margin-top: -2px; font-size: 4.1rem;"></i>
3484          </a>
3485        </li>
3486        <li>
3487          <a href="https://www.facebook.com/BlackShotOnline/" class="tabs">
3488            <i class="uw-icon-facebook-1"></i>
3489          </a>
3490        </li>
3491        <li>
3492          <a href="#" class="tabs">
3493            <!-- https://twitter.com/blackshotglobal -->
3494            <i class="uw-icon-twitter"></i>
3495          </a>
3496        </li>
3497      </ul>
3498    </section>
3499    <section class="sea-hm-sec4 hidden-sm hidden-xs" :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/character-story/bg-characters.jpg'+')'}">
3500      <div class="sp--line"></div>
3501      <ul class="cont--char-hover" v-show="!isOpenCharFace">
3502        <li @mouseenter="setCharOverState(0)" @mouseleave="setCharOutState(0)" @click="setBodyClickContent(3)">
3503          <p class="txt__name">CATHY</p>
3504        </li>
3505        <li @mouseenter="setCharOverState(1)" @mouseleave="setCharOutState(1)" @click="setBodyClickContent(0)">
3506          <p class="txt__name">ADAM</p>
3507        </li>
3508        <li @mouseenter="setCharOverState(2)" @mouseleave="setCharOutState(2)" @click="setBodyClickContent(1)">
3509          <p class="txt__name">travis</p>
3510        </li>
3511        <li @mouseenter="setCharOverState(3)" @mouseleave="setCharOutState(3)" @click="setBodyClickContent(2)">
3512          <p class="txt__name">vanessa</p>
3513        </li>
3514      </ul>
3515      <div class="cont--char-picker" v-show="!isOpenCharFace">
3516        <ul class="cont--char">
3517          <li class="wrap--char0" :class="{'active':isCharHover0}">
3518            <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/cathy-big-shadow.png'" alt="" class="char animated fadeIn" v-show="isCharHover0">
3519            <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/cathy-big.png'" alt="" class="char-hover">
3520          </li>
3521          <li class="wrap--char1" :class="{'active':isCharHover1}">
3522            <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/adam-big.png'" alt="" class="char-hover">
3523            <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/adam-big-shadow.png'" alt="" class="char animated fadeIn" v-show="isCharHover1">
3524          </li>
3525          <li class="wrap--char2" :class="{'active':isCharHover2}">
3526            <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/travis-big-shadow.png'" alt="" class="char animated fadeIn" v-show="isCharHover2">
3527            <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/travis-big.png'" alt="" class="char-hover">
3528
3529          </li>
3530          <li class="wrap--char3" :class="{'active':isCharHover3}">
3531            <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/vanessa-big-shadow.png'" alt="" class="char animated fadeIn" v-show="isCharHover3">
3532            <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/vanessa-big.png'" alt="" class="char-hover">
3533          </li>
3534        </ul>
3535      </div>
3536      <div class="cont--char-detail animated fadeIn" v-if="isOpenCharFace">
3537        <div class="wrap--detail">
3538          <div class="wrap--close" @click="setFaceContentClose">
3539            <i class="bs-rev-icon-close"></i>
3540          </div>
3541          <div class="detail--left">
3542            <ul class="cont--char-faces">
3543              <li class="wrap--face" @mouseenter="getFaceOverState(index)" @mouseleave="getFaceOutState(index)" @click="getFaceClick(index)" :style="{'background-image':'url('+imgUrl+data.faceImg+')'}" :class="{'hover':bsBody._data['isFaceHover'+index], 'select':bsBody._data['isFaceClick'+index]}" v-for="(data,index) in charLeftDatas">
3544                <div class="wrap--name-tag">{{data.name}}</div>
3545              </li>
3546            </ul>
3547            <ul class="cont--contents">
3548              <li class="contents__top">
3549                <div class="top__left">
3550                  <div class="left__icon">
3551                    <img :src="imgUrl+charDetailDatas.charIcon" alt="">
3552                  </div>
3553                  <div class="right__text">
3554                    <p class="f__name">{{charDetailDatas.fname}}</p>
3555                    <p class="l__name">{{charDetailDatas.lname}}</p>
3556                  </div>
3557                </div>
3558                <div class="top__right">{{charDetailDatas.title}}</div>
3559              </li>
3560              <li class="contents__mid">
3561                <ul class="wrap--mid">
3562                  <li class="bio__text">
3563                    <p class="bio__content">
3564                      BORN:
3565                      <span class="txt__thin">{{charDetailDatas.born}}</span>
3566                    </p>
3567                  </li>
3568                  <li class="bio__text">
3569                    <p class="bio__content">
3570                      NATIONALITY:
3571                      <span class="txt__thin">{{charDetailDatas.nationality}}</span>
3572                    </p>
3573                  </li>
3574                  <li class="bio__text">
3575                    <p class="bio__content">
3576                      HOBBY:
3577                      <span class="txt__thin">{{charDetailDatas.hobby}}</span>
3578                    </p>
3579                  </li>
3580                  <li class="bio__text">
3581                    <p class="bio__content">
3582                      MAIN TACTICS:
3583                      <span class="txt__thin">{{charDetailDatas.mt}}</span>
3584                    </p>
3585                  </li>
3586                  <li class="bio__text">
3587                    <p class="bio__content">
3588                      COMPANY:
3589                      <span class="txt__thin">{{charDetailDatas.company}}</span>
3590                    </p>
3591                  </li>
3592                </ul>
3593              </li>
3594              <li class="contents__bt">
3595                <p class="detail__contents" v-html="charDetailDatas.detail"></p>
3596              </li>
3597            </ul>
3598          </div>
3599          <div class="detail--right">
3600            <img :src="imgUrl+charDetailDatas.charImg" alt="" class="animated fadeIn">
3601          </div>
3602        </div>
3603      </div>
3604      <div class="sp--line"></div>
3605    </section>
3606  </main>
3607</div>
3608<script>
3609  /* youtube */
3610  if (typeof youtube_api_init == 'undefined') {
3611      var tag = document.createElement('script');
3612      tag.src = 'https://www.youtube.com/player_api';
3613      var firstScriptTag = document.getElementsByTagName('script')[0];
3614      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
3615  } else {
3616      onYouTubeIframeAPIReady();
3617  }
3618
3619  function onYouTubeIframeAPIReady() {
3620      var player = new YT.Player('player', {
3621          playerVars: {
3622              autoplay: 0,
3623              controls: 0,
3624              showsearch: 0,
3625              showinfo: 0,
3626              loop: 0,
3627              enablejsapi: 1,
3628              playlist: 'pnBSppF85SY'
3629          },
3630          width: '100%',
3631          videoId: 'pnBSppF85SY',
3632          events: {
3633              onReady: function (event) {
3634                  event.target.mute();
3635                  //event.target.playVideo();
3636              }
3637          }
3638      });
3639  }
3640  var youtube_api_init = 1;
3641  $(document).ready(function () {
3642      toastr.options.closeButton = true;
3643      toastr.options.closeMethod = 'fadeOut';
3644      toastr.options.closeDuration = 300;
3645      toastr.options.closeEasing = 'swing';
3646      toastr.options.positionClass = "toast-bottom-right";
3647      toastr.options.onclick = function () {
3648          window.location.href = bsRootPath + "/user/messages.do";
3649      }
3650
3651      maintenanceFlag();
3652
3653      function maintenanceFlag() {
3654          $.ajax({
3655              url: ioRootPath + "/json.do?callback=?",
3656              type: 'GET',
3657              data: {cm: "Service.Board.GetServiceStatus"},
3658              crossDomain: true,
3659              dataType: 'json'
3660          })
3661              .done(function (data) {
3662                  //console.log(data)
3663                  var code = data.ResultCode[0].Code;
3664
3665                  if (code == "10000") {
3666                      if (data.ServiceStatus[1].ServiceStatus === 1) {
3667                          $('.gnb').css('margin-top', '40px');
3668                          $('.header').css('top', '80px');
3669                          $('body').prepend(
3670                              '<div class="maintenance-message flex-center">' +
3671                              '<p>' + data.ServiceStatus[1].Message + '</p>' +
3672                              '<a href="' + data.ServiceStatus[1].TargetURL + '">Learn More</a>' +
3673                              '<button id="close-maintenance-message" class="icon-close"></button>' +
3674                              '</div>'
3675                          )
3676                      }
3677                  }
3678              })
3679              .fail(function () {
3680                  console.log("error");
3681              });
3682      }
3683
3684      $('body').on('click', '#close-maintenance-message', function (event) {
3685          $('.maintenance-message').css('top', '-40px');
3686          $('.gnb').css('margin-top', '0px');
3687          $('.header').css('top', '40px');
3688      });
3689
3690      //loadMessages();
3691      function loadMessages() {
3692          $.ajax({
3693              url: ioRootPath + "/secured/json.do?callback=?",
3694              type: 'GET',
3695              data: {
3696                  cm: "Account.User.GetNotificationRecent",
3697                  unid: unid,
3698                  userid: userid,
3699                  notificationtype: 0,
3700                  serviceid1: 0,
3701                  serviceid2: 1,
3702                  language: lang,
3703                  itmecount: 3
3704              },
3705              crossDomain: true,
3706              dataType: 'json'
3707          })
3708              .done(function (data) {
3709
3710                  var code = data.ResultCode[0].Code;
3711
3712                  if (code == "10000") {
3713                      function Toast(msg, title) {
3714                          this.msg = msg;
3715                          this.title = title;
3716                      }
3717
3718                      var filteredToast = [];
3719                      var toasts = [];
3720
3721                      for (var i = 0; i < data.NotificationList.length; i++) {
3722                          if (data.NotificationList[i].OpenStatus === 'N') {
3723                              filteredToast.push(data.NotificationList[i]);
3724                          }
3725                      }
3726
3727                      for (var i = filteredToast.length - 1; i >= 0; i--) {
3728                          toasts.push(new Toast(filteredToast[i].Message, filteredToast[i].Title));
3729                      }
3730
3731                      var i = 0;
3732
3733                      function delayToasts() {
3734                          if (i === toasts.length) {
3735                              return;
3736                          }
3737                          var delay = i === 0 ? 0 : 1000;
3738                          if (i < 3) {
3739                              window.setTimeout(function () {
3740                                  showToast();
3741                              }, delay);
3742                          }
3743                      }
3744
3745                      function showToast() {
3746                          var t = toasts[i];
3747                          toastr.warning(t.msg, t.title);
3748                          i++;
3749                          delayToasts();
3750                      }
3751
3752                      delayToasts();
3753                  }
3754              })
3755              .fail(function () {
3756                  console.log("error");
3757              });
3758      }
3759
3760      // video popup
3761      $('.various').fancybox({
3762          width: "90%",
3763          height: "90%",
3764          maxWidth: "1280px",
3765          maxHeight: "720px",
3766          fitToView	: true,
3767          autoScale   :true,
3768          autoSize	: true,
3769          closeClick	: false,
3770          openEffect	: 'none',
3771          closeEffect	: 'none'
3772        });
3773  });
3774
3775  Vue.component('loading-circle', {
3776    template: `\<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; display: block; shape-rendering: auto;" width="30px" height="30px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
3777    <circle cx="50" cy="50" fill="none" stroke="#ffffff" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138">
3778      <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform>
3779    </circle></svg>`,
3780  });
3781
3782  var bsBody = new Vue({
3783      el: '#bs_sea_home',
3784      data: {
3785          onGoingEventLoading: false,
3786          locale_lang: lang,
3787          locale_loc: '',
3788          locale_com: '',
3789          staticUrl:'https://blackshot.papayaplay.com',
3790          imgUrl: 'https://static.papayaplay.com/static/assets/images/',
3791          eventBanner: false,
3792          isFloatEvent: false,
3793          widthSnsSec: 0,
3794          hoverDcReload: false,
3795          topBanners: [],
3796          onGoingEventDatas:[],
3797          isNonSelectHover0:false, isNonSelectHover1:false, isNonSelectHover2:false, isNonSelectHover3:false,
3798          isSelectedHover0:false, isSelectedHover1:false, isSelectedHover2:false, isSelectedHover3:false,
3799          isSelectedClick0:false, isSelectedClick1:false, isSelectedClick2:false, isSelectedClick3:false,
3800          isEventOpenDetail:false,
3801          onGoingDetailData:[],
3802          updatePostData: [],
3803          newsEventData:[],
3804          videoDatas:[],
3805          isCharHover0:false, isCharHover1:false, isCharHover2:false, isCharHover3:false,
3806          isFaceHover0:false, isFaceHover1:false, isFaceHover2:false, isFaceHover3:false,
3807          isFaceClick0:false, isFaceClick1:false, isFaceClick2:false, isFaceClick3:false,
3808          charLeftDatas:[
3809              {
3810                  faceImg:'bs-rev-sea/home/character-story/hover/adam.png',
3811                  name:'ADAM',
3812              },
3813              {
3814                  faceImg:'bs-rev-sea/home/character-story/hover/travis.png',
3815                  name:'travis',
3816              },
3817              {
3818                  faceImg:'bs-rev-sea/home/character-story/hover/vanessa.png',
3819                  name:'vanessa',
3820              },
3821              {
3822                  faceImg:'bs-rev-sea/home/character-story/hover/cathy.png',
3823                  name:'cathy',
3824              }
3825          ],
3826          charDatas:[
3827              {
3828                  charIcon:'bs-rev-sea/home/character-story/divisions/alpha.svg',
3829                  charImg:'bs-rev-sea/home/character-story/hover/adam-big.png',
3830                  fname:'ADAM',
3831                  lname:'GARCIA',
3832                  title:'Violence is a language. And I speak it very well',
3833                  born:'2009',
3834                  nationality:'AMERICAN',
3835                  hobby:'GUNSMITHING',
3836                  mt:'FORCE RECONNAISSANICE',
3837                  company:'ALPHA',
3838                  detail:'Adam is a highly respected member of BlackShot’s Alpha Division. Lacking any formal rank, he shunned numerous opportunities to advance to leadership positions because of his craving for the heat of battle.' +
3839                  '<br><br>Before joining BlackShot, he served in the Army’s Combat Applications Group in Afghanistan. There, he participated in a highly classified assignment known as Operation Icarus, which led to the assassination of several rogue U.S. Marines whose crimes against the local Pashtun villagers were too enormous for the U.S. government to make public.' +
3840                  '<br><br>Adam was subsequently honorably discharged after his sixth tour of duty, where an IED blinded him in one eye. He returned to his hometown Chicago to run a gun store, but his idyllic life was shattered when remnants of Operation Icarus came back to haunt him; his wife and daughter were killed by assassins in a failed attempt on his life.' +
3841                  '<br><br>His life in complete ruin, Adam sought only to mete justice out to his family’s killers. Lacking resources to find them, Adam pulled his old contacts and was hired by BlackShot, who offered to help him in exchange for one thing: Adam’s DNA.' +
3842                  '<br><br>Adam agreed to the terms and rapidly proved himself to be one of the world’s most feared mercenaries. After years of loyal servitude, BlackShot’s intelligence agents discovered the identity of his family’s killers: agents of Blade, a PMC run by Curtis Kowalski, Adam’s former commanding officer. Kowalski tried to eliminate all witnesses to Operation Icarus when a House Intelligence Committee investigation threatened to ruin his corporation.<br><br>The fires of vengeance burn fiercely in Adam’s heart. As he leads BlackShot from one victory to another, he plots for the day he will have his revenge.<br><br>',
3843              },
3844              {
3845                  charIcon:'bs-rev-sea/home/character-story/divisions/grave.svg',
3846                  charImg:'bs-rev-sea/home/character-story/hover/travis-big.png',
3847                  fname:'TRAVIS',
3848                  lname:'Banner',
3849                  title:'If I’m not me, then who the hell am I”',
3850                  born:'2028',
3851                  nationality:'South Korea',
3852                  hobby:'Aircraft Spotting, Model Kit Building ',
3853                  mt:'Reconnaissance, Combat Engineering, Cyber Intrusion',
3854                  company:'Grave',
3855                  detail:'A highly skilled operator in BlackShot’s Grizzly Company, Travis is one of its four most cloned soldiers, alongside Adam, Vanessa and Cathy. Unlike his counterparts, however, he remembers little about his life prior to joining BlackShot.' +
3856                  '<br><br>His earliest memories are of being recruited into the 707th Special Mission Battalion in the Korean military’s Special Warfare Command. Other than that, he has little memory of a childhood or family.' +
3857                  '<br><br>In reality, Travis was never a real person. He was created by BlackShot’s R&D Division as the perfect soldier; a hybrid of DNA from various deceased soldiers from around the world, with memories from those same soldiers implanted into him to allow him to function socially like a normal human. He is, in essence, BlackShot’s first artificially created human, with an impossibly deep skillset that includes demolition, computer hacking, firearms proficiency, hand-to-hand combat, wilderness survival, and fluency in many languages.' +
3858                  '<br><br>
3858Travis’s hunger to uncover his identity grows insatiable with each passing day. Little does he know that behind the scenes, BlackShot’s scientists are using his biological data to lay the groundwork for a new army of clones.'
3859              },
3860              {
3861                  charIcon:'bs-rev-sea/home/character-story/divisions/phantom.svg',
3862                  charImg:'bs-rev-sea/home/character-story/hover/vanessa-big.png',
3863                  fname:'VANESSA',
3864                  lname:'GREEN',
3865                  title:'The real world is always in your blind spot.',
3866                  born:'2032',
3867                  nationality:'AMERICAN',
3868                  hobby:'Hunting, Cooking',
3869                  mt:'Espionage, Sniper Support',
3870                  company:'Phantom',
3871                  detail:'One of BlackShot’s more versatile agents, Vanessa is both an expert at intelligence gathering and marksmanship.' +
3872                  '<br><br>Vanessa grew up on a farm in Ohio, where her father, a former Delta Force operator, taught her how to shoot and survive in the wilderness. She was recruited straight out of MIT by the CIA, where she excelled at using her charm to extract intelligence from unsuspecting enemies.' +
3873                  '<br><br>Unfortunately, while investigating potentially illegal activities by a PMC known as Blade, Vanessa discovered the murder of her father at the hands of one of its assassins. Emotionally compromised, Vanessa made several critical blunders that resulted in the deaths of two of her fellow agents.' +
3874                  '<br><br>She was dismissed from the Agency as a result, but was recruited into BlackShot at the insistence of Adam Garcia. Adam served with Vanessa’s father in Afghanistan and both participated in an extremely controversial mission called Operation Icarus. Suspecting that the deaths of his family and Vanessa’s father were related, Adam took Vanessa in as his surrogate daughter, mentoring her and standing in as the father figure she now lacked.' +
3875                  '<br><br>Sometimes she goes on trips to her old family farm in Ohio to pay respects to her father, but as time goes on and her body count rises, she finds it harder and harder to feel anything with each subsequent trip.'
3876              },
3877              {
3878                  charIcon:'bs-rev-sea/home/character-story/divisions/akimbo.svg',
3879                  charImg:'bs-rev-sea/home/character-story/hover/cathy-big.png',
3880                  fname:'Cathy',
3881                  lname:'fitzpatrick',
3882                  title:'Oh, that was your arm? It’ll heal.',
3883                  born:'2025',
3884                  nationality:'british',
3885                  hobby:'Tattoos, MMA, Crossfit',
3886                  mt:'Hand-to-Hand Combat, Close Quarters Battle',
3887                  company:'Akimbo',
3888                  detail:'A former Sergeant in the UK’s Royal Marines, Cathy is renowned as a tough-as-nails, no-nonsense operator within BlackShot, as well as a highly respected hand-to-hand combat instructor' +
3889                  '<br><br>Growing up in Luton, England, she ran a street gang that trafficked in drugs and firearms. After a gang shootout resulted in the death of her boyfriend, who was trying to get her to clean up her act, she signed up with the Royal Marines as a means to honor his memory.' +
3890                  '<br><br>Though her skills were exemplary, her rebellious nature kept getting in the way. Her commanding officer recommended she sign up with BlackShot instead, which she did.' +
3891                  '<br><br>Cathy enjoyed her new employment at BlackShot, thanks to the vast array of resources, contracts, and firearms available to her.' +
3892                  '<br><br>Cathy now spends much of her time at BlackShot headquarters training her fellow mercenaries in advanced martial arts and shooting techniques.',
3893              },
3894          ],
3895          charDetailDatas:[],
3896          isOpenCharFace:false,
3897          rankingData:[
3898              {
3899                  user:'xINSANExBEARx',
3900                  elopoint:'30000',
3901              }, {
3902                  user:'xINS23ExBEARx',
3903                  elopoint:'29000',
3904              }, {
3905                  user:'xI222ExBEARx',
3906                  elopoint:'28000',
3907              },{
3908                  user:'xIN233NExBEARx',
3909                  elopoint:'27000',
3910              },{
3911                  user:'xI3123ExBEARx',
3912                  elopoint:'26000',
3913              }, {
3914                  user:'xIN123ExBEARx',
3915                  elopoint:'25000',
3916              }, {
3917                  user:'xIN1231ExBEARx',
3918                  elopoint:'24000',
3919              }, {
3920                  user:'xINS234axBEARx',
3921                  elopoint:'23000',
3922              },{
3923                  user:'xINSasdfasdBEARx',
3924                  elopoint:'22000',
3925              },{
3926                  user:'xINSANExasdf234Rx',
3927                  elopoint:'21000',
3928              }
3929          ],
3930
3931      },
3932      methods: {
3933          fetchJson: function (lang) {
3934              var vm = this;
3935              var localeCommonUrl = BSSEA_LOC_COMMON_PATH;
3936              var localeLocalUrl = BSSEA_LOC_LOCAL_PATH;
3937
3938              this.$http.get(localeCommonUrl)
3939                  .then(function (res) {
3940                      this.locale_com = res.body;
3941                  });
3942
3943              this.$http.get(localeLocalUrl)
3944                  .then(function (res) {
3945                      this.locale_loc = res.body;
3946                  });
3947
3948              if (lang === "en") {
3949                  vm.getBanners("en");
3950              } else if (lang === "de") {
3951                  vm.getBanners("de");
3952              } else if (lang === "fr") {
3953                  vm.getBanners("fr");
3954              } else if (lang === "pt") {
3955                  vm.getBanners("pt");
3956              } else if (lang === "tr") {
3957                  vm.getBanners("tr");
3958              } else {
3959                  vm.getBanners("en");
3960              }
3961          },
3962          getBodyClick: function () {
3963              var vm = this;
3964              bsGnb._data.isChannelOpen = false;
3965              bsGnb._data.isGameOpen = false;
3966              bsGnb._data.isRankingOpen = false;
3967              //console.log("click body");
3968          },
3969          getBanners: function () {
3970            var vm = this;
3971
3972            vm.getOngoingEventData();
3973            vm.getUpdatePostData();
3974            vm.getNewPostData();
3975            vm.getVideoData();
3976
3977            //   $.ajax({
3978            //       url: ioRootPath + "/json.do?callback=?",
3979            //       type: 'GET',
3980            //       data: {cm: "Service.Board.GetBanner", groupid: 51, language: lang},
3981            //       crossDomain: true,
3982            //       dataType: 'json',
3983            //   })
3984            //       .done(function (data) {
3985            //           //console.log(data)
3986            //           var code = data.ResultCode[0].Code;
3987
3988            //           if (code == "10000") {
3989            //               vm.to
3989pBanners = data.BannerList;
3990
3991            //               setTimeout(function (e) {
3992            //                   $('#sea-hm-carousel').slick({
3993            //                       autoplay: true,
3994            //                       autoplaySpeed: 5000,
3995            //                       slidesToShow: 1,
3996            //                       slidesToScroll: 1
3997            //                   });
3998
3999            //                   $('#sea-hm-carousel').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
4000            //                       $('.animateable').addClass('animated fadeInDown');
4001            //                       $('.animateable-two').addClass('animated fadeInUp');
4002            //                       $('.animateable').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
4003            //                           $('.animateable').removeClass('fadeInDown');
4004            //                       });
4005
4006            //                       $('.animateable-two').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
4007            //                           $('.animateable-two').removeClass('fadeInUp');
4008            //                       });
4009            //                   });
4010            //               }, 800);
4011            //               //init loading
4012            //               vm.getOngoingEventData();
4013            //               vm.getNewPostData();
4014            //               //vm.getFaceClick(0);
4015            //           }
4016            //           else {
4017            //               setTimeout(function (e) {
4018            //                   //alert("Error Code: " + code);
4019            //                   location.reload();
4020            //               }, 2000)
4021            //           }
4022            //       })
4023            //       .fail(function () {
4024            //           console.log("error");
4025            //       });
4026          },
4027          initOngoingBanner: function() {
4028              var vm=this;
4029              var minSlideNum = 7;
4030              if( vm.onGoingEventDatas.length < minSlideNum) {    // Minimum number for "slide carousel" normal operation 
4031                  for( var i=0; i< minSlideNum; i++) {
4032                      vm.onGoingEventDatas.push(...vm.onGoingEventDatas);
4033                      //console.log("ongoing event data : ", vm.onGoingEventDatas);
4034                      if( vm.onGoingEventDatas.length >= minSlideNum ) {
4035                          break;
4036                      }
4037                  }
4038              }
4039
4040            //console.log("news slider : ", vm.itemSlides);
4041            let slide_carousel = {
4042              slidesToShow: 5,
4043              slidesToScroll: 1,
4044              dots:true,
4045              arrows: true,
4046              nextArrow: $('.ongoing-slide-next'),
4047              prevArrow: $('.ongoing-slide-prev'),
4048              centerMode: true,
4049              focusOnSelect: true,
4050              autoplay: true,
4051              autoplaySpeed: 3000,
4052              responsive: [
4053                  {
4054                      breakpoint: 1150,
4055                      settings: {
4056                          slidesToShow: 3
4057                  }
4058                  },
4059                  {
4060                      breakpoint: 769,
4061                      settings: {
4062                          slidesToShow: 1
4063                      }
4064                  }
4065              ]
4066            };
4067            vm.onGoingEventLoading = false;
4068            setTimeout(function () {
4069              $('.ongoing-slide-wrapper').not('.slick-initialized').slick(slide_carousel);
4070            }, 1);
4071            
4072         /*    setTimeout(() => {
4073            $(".ongoing-slide-wrapper").slick(slide_carousel);
4074            }, 300); */
4075            
4076          },
4077          getOngoingEventData: function () {
4078              var vm = this;
4079			  vm.onGoingEventLoading = true;
4080              $.ajax({
4081                  url: ioRootPath + "/json.do?callback=?",
4082                  type: 'GET',
4083                  data: {cm: "Service.Board.GetBanner", groupid: 35, language: lang},
4084                  crossDomain: true,
4085                  dataType: 'json',
4086              })
4087                  .done(function (data) {
4088                      //console.log(data)
4089                      var code = data.ResultCode[0].Code;
4090
4091                      if (code == "10000") {
4092                          vm.onGoingEventDatas = data.BannerList;
4093                          vm.initOngoingBanner();
4094                      }
4095                      else {
4096                          setTimeout(function (e) {
4097                              alert("Error Code: (Get Banner)" + code);
4098                              //location.reload();
4099                          }, 2000)
4100                      }
4101                  })
4102                  .fail(function () {
4103                      console.log("error");
4104                  });
4105          },
4106          getEventOverState:function(id){
4107              var vm=this;
4108              if(vm.isEventOpenDetail){
4109                  vm['isSelectedHover'+id]=true;
4110              }else{
4111                  vm['isNonSelectHover'+id]=true;
4112              }
4113          },
4114          getEventOutState:function(id){
4115              var vm=this;
4116              if(vm.isEventOpenDetail){
4117                  vm['isSelectedHover'+id]=false
4118              }else{
4119                  vm['isNonSelectHover'+id]=false
4120              }
4121          },
4122          getEventClickState:function(id){
4123              var vm=this;
4124              for(let i in vm.onGoingEventDatas){
4125                  vm['isSelectedHover'+i]=false;
4126                  vm['isNonSelectHover'+i]=false;
4127                  vm['isSelectedClick'+i]=false;
4128              }
4129
4130              vm['isSelectedClick'+id]=true;
4131              vm.isEventOpenDetail=true;
4132              vm.onGoingDetailData=[];
4133              vm.onGoingDetailData=vm.onGoingEventDatas[id];
4134          },
4135          getMobileClickState:function(id){
4136              var vm=this;
4137              var links=vm.onGoingEventDatas[id].TargetUrl1;
4138              location.href=links;
4139          },
4140          setEventDetailClose:function(id){
4141              var vm=this;
4142
4143              for(let i in vm.onGoingEventDatas){
4144                  vm['isSelectedHover'+i]=false;
4145                  vm['isNonSelectHover'+i]=false;
4146                  vm['isSelectedClick'+i]=false;
4147              }
4148              vm.isEventOpenDetail=false;
4149          },
4150          getNewPostData: function () {
4151              var vm = this;
4152              var newsPath = bsRootPath + '/blackshotsea.do?';
4153              // edit hskim; 2021-06-11; Get PostList except 'Update(Event2) and OnGoing'
4154              // change CM : Service.Board.GetPostList_BS
4155              $.ajax({
4156                  url: ioRootPath + "/json.do?callback=?",
4157                  //url: "http://io.papayaplay.net" + "/json.do?callback=?",
4158                  type: 'GET',
4159                  data: {cm: "Service.Board.GetPostList_BS", type: 0, sid:1, pagenumber: 1},
4160                  crossDomain: true,
4161                  dataType: 'json',
4162              })
4163                  .done(function (data) {
4164                      //console.log("get new post data : ", data);
4165                      vm.newsEventData=[];
4166                      var code = data.ResultCode[0].Code;
4167
4168                      if (code == "10000") {
4169                          vm.newsEventData = data.PostList;
4170                          //console.log("get new post data : ", vm.newsEventData);
4171                          // Post Type Number to String, PostDate Format Change (PostType == 9 is Update in Blackshot)
4172                          for( var i=0; i<vm.newsEventData.length; i++) {
4173                              if( vm.newsEventData[i].PostType === 1 ) { vm.newsEventData[i].PostTypeString = 'Notice'; }
4174                              else if( vm.newsEventData[i].PostType === 2 ) { vm.newsEventData[i].PostTypeString = 'Event'; }
4175                              else if( vm.newsEventData[i].PostType === 3 ) { vm.newsEventData[i].PostTypeString = 'Patch'; }
4176                              else if( vm.newsEventData[i].PostType === 4 ) { vm.newsEventData[i].PostTypeString = 'Weapon'; }
4177                              else if( vm.newsEventData[i].PostType === 5 ) { vm.newsEventData[i].PostTypeString = 'Maps'; }
4178                              else if( vm.newsEventData[i].PostType === 6 ) { vm.newsEventData[i].PostTypeString = 'Tips'; }
4179                              else if( vm.newsEventData[i].PostType === 7 ) { vm.newsEventData[i].PostTypeString = 'Sale'; }
4180                              else if( vm.newsEventData[i].PostType === 8 ) { vm.newsEventData[i].PostTypeString = 'New'; }
4181                              else if( vm.newsEventData[i].PostType === 9 ) { vm.newsEventData[i].PostTypeString = 'Update'; }
4182                              else if( vm.newsEventData[i].PostType === 10 ) { vm.newsEventData[i].PostTypeString = 'OnGoing'; }
4183                              else { vm.newsEventData[i].PostTypeString = ''; }
4184                          }
4185                        // for(let i=0; i<3;i++){
4186                        //     vm.newsEventData.push(data.PostList[i]);
4187                        // }
4188                      }
4189                      else {
4190                          setTimeout(function (e) {
4191                              alert("Error Code: (Get Post List_BS)" + code);
4192                              //location.reload();
4193                          }, 2000)
4194                      }
4195                  })
4196                  .fail(function () {
4197                      console.log("error");
4198                  });
4199          },
4200          getUpdatePostData: function () {
4201              var vm = this;
4202              var newsPath = bsRootPath + '/blackshotsea.do?';
4203              // add hskim; 2021-06-11; Get PostList only 'Update(Event2)'
4204              $.ajax({
4205                  url: ioRootPath + "/json.do?callback=?",
4206                  //url: "http://io.papayaplay.net" + "/json.do?callback=?",
4207                  type: 'GET',
4208                  data: {cm: "Service.Board.GetPostList", type: 9, sid:1, pagenumber: 1},
4209                  crossDomain: true,
4210                  dataType: 'json',
4211              })
4212                  .done(function (data) {
4213                      //console.log("get new post data : ", data);
4214                      vm.updatePostData=[];
4215                      var code = data.ResultCode[0].Code;
4216
4217                      if (code == "10000") {
4218                          vm.updatePostData = data.PostList;
4219                          //console.log("get update post data : ", vm.updatePostData);
4220                          // Post Type Number to String, PostDate Format Change (PostType == 9 is Update in Blackshot)
4221                          for( var i=0; i<vm.updatePostData.length; i++) {
4222                              if( vm.updatePostData[i].PostType === 9 ) { vm.updatePostData[i].PostTypeString = 'Update'; }
4223                              else { vm.updatePostData[i].PostTypeString = ''; }
4224                          }
4225                      }
4226                      else {
4227                          setTimeout(function (e) {
4228                              alert("Error Code: (Get Post List)" + code);
4229                              //location.reload();
4230                          }, 5000)
4231                      }
4232                  })
4233                  .fail(function () {
4234                      console.log("error");
4235                  });
4236          },
4237          getVideoData: function () {
4238            var vm = this;
4239
4240            $.ajax({
4241                url: ioRootPath + "/json.do?callback=?",
4242                //url: 'http://io.papayaplay.net' + "/json.do?callback=?",
4243                type: 'GET',
4244                data: {cm: "Service.Board.GetBannerByGroupName", groupname: "BS GLB Video", sid: 1, language: lang},
4245                crossDomain: true,
4246                dataType: 'json',
4247            })
4248                .done(function (data) {
4249                    //console.log("get video data : ", data)
4250                    var code = data.ResultCode[0].Code;
4251
4252                    if (code == "10000") {
4253                        vm.videoDatas = data.BannerList.reverse();
4254                    }
4255                    else {
4256                        setTimeout(function (e) {
4257                            alert("Error Code: (Get Banner By Group Name)" + code);
4258                            //location.reload();
4259                        }, 2000)
4260                    }
4261                })
4262                .fail(function () {
4263                    console.log("error");
4264                });
4265          },
4266          setCharOverState:function(id){
4267              var vm=this;
4268              vm['isCharHover'+id]=true;
4269          },
4270          setCharOutState:function(id){
4271              var vm=this;
4272              vm['isCharHover'+id]=false;
4273          },
4274          getFaceOverState:function(id){
4275              var vm=this;
4276              vm['isFaceHover'+id]=true;
4277          },
4278          getFaceOutState:function(id){
4279              var vm=this;
4280              vm['isFaceHover'+id]=false;
4281          },
4282          setFaceContentClose:function(){
4283              var vm=this;
4284              vm.isOpenCharFace=false;
4285          },
4286          setBodyClickContent:function(id){
4287              var vm=this;
4288              vm.isOpenCharFace=true;
4289              vm.getFaceClick(id);
4290          },
4291          getFaceClick:function(id){
4292              var vm=this;
4293              vm.charDetailDatas=vm.charDatas[id];
4294              for(let i in vm.charDatas){
4295                  vm['isFaceClick'+i]=false;
4296              }
4297              vm['isFaceClick'+id]=true;
4298          },
4299          clickNewsLink:function(id){
4300              var vm=this;
4301              location.href=vm.staticUrl+'/bsglb.do?tp=news.view&postid='+id;
4302          },
4303          mediaClick:function(){
4304    		  var vm=this;
4305    		  location.href=vm.staticUrl+'/bsglb.do?tp=media';
4306    	  },
4307          reloadDiscordWidget: function() {
4308              var vm=this;
4309              var iframes = document.getElementsByTagName("iframe");
4310              for( var i=0; i<iframes.length; i++) {
4311                  if( iframes[i].title.includes("WidgetBot") ) {
4312                      iframes[i].src = iframes[i].src;
4313                  }
4314              }
4315          },
4316          handleResize: function() {
4317            var vm = this;
4318            var beforeWindowWidth = vm.widthSnsSec;
4319            if(window.innerWidth > 1490 ) {
4320              vm.widthSnsSec = 1;   // Desktop width
4321            } else {
4322              vm.widthSnsSec = 2;
4323            }
4324            if( beforeWindowWidth !== 0 && beforeWindowWidth !== vm.widthSnsSec ) {
4325                location.reload();
4326            }
4327            // if( window.innerWidth < 662 ) {
4328            //   vm.flagAni = true;
4329            // } else {
4330            //   vm.flagAni = false;
4331            // }
4332        },
4333        getServerTime: function () {
4334          var vm = this;
4335          var fromServerTime = '';
4336          var strServerTime = '';
4337          $.ajax({
4338            url: ioRootPath + "/json.do?callback=?",
4339            type: 'GET',
4340            data: { cm: "Service.Board.GetServerTime" },
4341            crossDomain: true,
4342            dataType: 'json',
4343          })
4344          .done(function (res) {
4345            var code = res.ResultCode[0].Code;
4346            if (code === '10000') {
4347              fromServerTime = res.ServerTime[0].ServerTime;
4348              strServerTime = fromServerTime.slice(0, 16);
4349
4350              if( strServerTime >= "2024-07-26 00:00" && strServerTime <= "2024-08-31 23:59" ) {
4351                vm.isFloatEvent = true;
4352              } else {
4353                vm.isFloatEvent = false;
4354              }
4355
4356              if( strServerTime <= "2022-11-17 16:00" && strServerTime <= "2022-12-12 16:00" ) {
4357                  console.log("wheelEvent banner ON!", strServerTime);
4358                  vm.eventBanner = true;
4359                } else {
4360                  console.log("wheelEvent banner OFF!", strServerTime);
4361                  vm.eventBanner = false;
4362                }
4363            }
4364          })
4365          .fail(function () {
4366            console.log("get server time error");
4367          });
4368        }
4369      },
4370      filters: {
4371          capitalize:function(value){
4372              if (!value) return ''
4373              value = value.toString()
4374              return value.charAt(0).toUpperCase() + value.slice(1)
4375          },
4376          truncate:function(value, length){
4377              //console.log(value);
4378              return value.slice(0, length) + (length < value.length ? '...' : '');
4379          },
4380          category:function(value){
4381        	  if(value === undefined){
4382        		  return 'bs-rev-icon-boost';
4383        	  }else{
4384        		  switch (value.toLowerCase()) {
4385                  case 'boost':
4386                      return 'bs-rev-icon-boost';
4387                      break;
4388                  case 'news':
4389                      return 'bs-rev-icon-calendar';
4390                      break;
4391                  case 'in-game events':
4392                      return 'bs-rev-icon-star';
4393                      break;
4394                  case 'playtime':
4395                      return 'bs-rev-icon-clock';
4396                      break;
4397                  case 'sales':
4398                      return 'bs-rev-icon-blackshot';
4399                      break;
4400                  case 'login every day':
4401                      return 'bs-rev-icon-clock';
4402                      break;
4403              }
4404        	} 
4405          },
4406          mmddyy:function(value){
4407              //console.log(value);
4408              //var date=moment(value).format('MMM Do, YYYY');
4409              var date=moment(value).format('D MMM, YYYY');
4410              return date;
4411          },
4412          posttype:function(value){
4413              //console.log(value);
4414              var vm=this;
4415              switch (value) {
4416                  case 1:
4417                      return bsBody._data.locale_com.common_news_notice;
4418                      break;
4419                  case 2:
4420                      return bsBody._data.locale_com.common_news_event;
4421                      break;
4422                  case 3:
4423                      return bsBody._data.locale_com.common_news_patch;
4424                      break;
4425                  case 4:
4426                      return bsBody._data.locale_com.common_news_weapon;
4427                      break;
4428                  case 5:
4429                      return bsBody._data.locale_com.common_news_maps_modes;
4430                      break;
4431                  case 6:
4432                      return bsBody._data.locale_com.common_news_tip;
4433                      break;
4434                  case 7:
4435                      return bsBody._data.locale_com.common_news_sale;
4436                      break;
4437                  case 8:
4438                      return bsBody._data.locale_com.common_news_new;
4439                      break;
4440                  case 9:
4441                      return bsBody._data.locale_com.common_news_more_event;
4442                      break;
4443              }
4444          }
4445      },
4446      beforeMount: function () {
4447          var vm=this;
4448          this.fetchJson(lang);
4449          vm.handleResize();
4450      },
4451      mounted: function() {
4452        var vm=this;
4453        window.addEventListener('resize', vm.handleResize);
4454        
4455        document.getElementById('bsglb-bg-video').playsinline = true;
4456        document.getElementById('bsglb-bg-video').autoplay = true;
4457        document.getElementById('bsglb-bg-video').muted = true;
4458        document.getElementById('bsglb-bg-video').play();
4459        
4460        vm.getServerTime();
4461      },
4462      beforeDestory: function() {
4463          var vm=this;
4464          window.removeEventListener('resize',vm.handleResize);
4465      }
4466  });
4467
4468  $(document).ready(function() {
4469
4470			let moveScroll = true;
4471			let moveInterval;
4472			let delayCnt = 0;
4473			$(window).scroll(function (e) {
4474				moveScroll = true;
4475			});
4476			$(".side-banner-wrapper").mouseover(function (e) {
4477				e.preventDefault();
4478				$(".side-banner-wrapper").removeClass("hide-banner");
4479				$(".side-banner-wrapper").addClass("show-banner");
4480				clearInterval(moveInterval);
4481				delayCnt = 0;
4482			});
4483			$(".side-banner-wrapper").mouseout(function (e) {
4484				e.preventDefault();
4485				moveScroll = false;
4486				setIn();
4487			});
4488			function setIn() {
4489				moveInterval = setInterval(function () {
4490					if (moveScroll) {
4491						$(".side-banner-wrapper").removeClass("hide-banner");
4492						$(".side-banner-wrapper").addClass("show-banner");
4493						delayCnt = delayCnt + 1;
4494						if( delayCnt > 10) {
4495							moveScroll = false;
4496						}
4497					} else {
4498						$(".side-banner-wrapper").removeClass("show-banner");
4499						$(".side-banner-wrapper").addClass("hide-banner");
4500						delayCnt = 0;
4501					}
4502				}, 1000);
4503			}
4504			setIn();
4505
4506		});
4507
4508</script>
4508
4509    <!--  Blackshot Content: End -->
4510
4511    <!--  Blackshot Footer: Start -->
4512    
4513
4514
4515<footer id="pt_footer">
4516	<!-- <div class="xmas--wrap-footer" style="background-image:url('https://static.papayaplay.com/static/assets/images/portal/xmas-theme/footer_snow.png')"></div> -->
4517	<div class="mobile hidden-md hidden-lg">
4518		<div class="container">
4519			<div class="row1 pad-top-20">
4520				<a data-toggle="collapse" aria-controls="mobile-footer-language" data-target="#mobile-footer-language">
4521					<span v-if="localStorage_langCurr.length > 0">
4522						<span v-if="localStorage_langCurr === 'ru'" class="language-choice">Pусский</span><span class="language-arrow fa fa-caret-up"></span>
4523					</span>
4524					<span v-else>
4525						<span><img src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_global.svg" /></span><span class="language-choice">English</span><span class="language-arrow fa fa-caret-down"></span>
4526						
4527						
4528						
4529						
4530						
4531					</span>
4532				</a>
4533		        <div class="collapse" id="mobile-footer-language">
4534		        	<ul>
4535								<li><a href="https://www.papayaplay.com/set.do?lang=en" data-lang="en" @click="setLocalStorageLang('en')"><span>English</span></a></li>
4536								<li><a href="https://www.papayaplay.com/set.do?lang=fr" data-lang="fr" @click="setLocalStorageLang('fr')"><span>Français</span></a></li>
4537						    <li><a href="https://www.papayaplay.com/set.do?lang=de" data-lang="de" @click="setLocalStorageLang('de')"><span>Deutsch</span></a></li>
4538						    <li><a href="https://www.papayaplay.com/set.do?lang=pt" data-lang="pt" @click="setLocalStorageLang('pt')"><span>Português</span></a></li>
4539						    <li><a href="https://www.papayaplay.com/set.do?lang=tr" data-lang="tr" @click="setLocalStorageLang('tr')"><span>Türk</span></a></li>
4540						    <li><a href="https://www.papayaplay.com/set.do?lang=ms" data-lang="ms" @click="setLocalStorageLang('ms')"><span>Melayu</span></a></li>
4541								<li v-if="localStorage_langList.length > 0" v-for="(item, index) in localStorage_langList">
4542									<a @click="setLocalStorageLang('ru')"><span>Pусский</span></a>
4543								</li>
4544					</ul>
4545				</div>
4546			</div>
4547			<div class="row2 pad-top-20 pad-bot-10"><a href="https://www.papayaplay.com/portal.do"><img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt="papaya logo"></a></div>
4548			<div class="footer-vertigo-logo row2 pad-top-10 pad-bot-10"><a href="http://www.vertigogames.com" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/vertigo-logo.svg" alt="vertigo logo"></a></div>
4549			
4550      <div class="footer-dreamex-logo row2 pad-top-10 pad-bot-10"><a href="http://www.dreamexe.co.kr/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/dreamex-logo.png" alt="dreamex logo"></a></div>
4551			<div class="footer-actoz-logo row2 pad-top-10 pad-bot-10"><a href="https://www.actoz.com/english" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/actoz_logo.png" alt="actoz logo"></a></div>
4552			<div class="footer-kt-logo row2 pad-top-10 pad-bot-10"><a href="https://www.koeitecmo.co.jp/e/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/kt-logo.png" alt="KOEI logo"></a></div>	
4553			<div class="footer-zemiinc-logo row2 pad-top-10 pad-bot-10"><a href="http://www.zemiinc.co.kr/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/home/zemi_logo.png" alt="Zemi Interactive" style="height:17px"></a></div>
4554			
4555			<div class="footer-joongwon-logo row2 pad-top-10 pad-bot-10"><a href="http://www.joongwongames.co.kr/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/home/jw_logo.png" alt="JOONGWON" style="height:27px"></a></div>
4556			<!-- test Start (Joonyoung) Mobile footer company list -->
4557			<div class="footer-bluepotion-logo row2 pad-top-10 pad-bot-10"><a href="http://www.bluepotion.co.kr/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/eos/event/preregister/logo_bluepotion.png" alt="bluepotion" style="height:20px"></a></div>
4558			<!-- test End (Joonyoung) -->
4559			<div class="footer-imcgames-logo row2 pad-top-10 pad-bot-10"><a href="https://imc.co.kr/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/tos/portal/logo_imcgames.png" alt="imcgames" style="height:20px"></a></div>
4560			<div class="footer-dragonfly-logo row2 pad-top-10 pad-bot-10"><a href="http://www.dragonflygame.com/en/Main/HomeMain" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/sf2/portal/logo_dragonfly.png" alt="dragonfly" style="height:26px"></a></div>
4561			<div class="footer-naddic-logo row2 pad-top-10 pad-bot-10"><a href=http://www.naddic.com/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/naddic-logo.png" alt="naddic" style="height:26px"></a></div>
4562			<div class="row3 pad-top-10 pad-bot-10"><a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=1" v-html="locale_com.Portal_Common_Terms_Service"></a></div>
4563			<div class="row4 pad-top-10 pad-bot-10"><a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=2" v-html="locale_com.Portal_Common_Privacy_Policy"></a></div>
4564			<div class="row4 pad-top-10 pad-bot-10"><a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=3" v-html="locale_com.Portal_Common_EULA"></a></div>
4565			<div class="row5 pad-top-10 pad-bot-10"><a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=4">UGC</a></div>
4566			<div class="row5 pad-top-10 pad-bot-10"><a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=5">Game Operation Policy</a></div>
4567			
4568			<!-- <p class="gnb-dark-gray pad-top-10" style="color: #b1b1b1;">Vertigo Games, Inc.  CEO, Jung H. Kim, Jeil Vision Tower 12F, 12 Teheran-ro 26-gil Gangnam-gu, Seoul, Korea 06236<p>
4569			<p class="gnb-dark-gray" style="color: #b1b1b1;">Tel: +82 2 2051 9575, Fax: +82 2 2051 9558, <a class="gnb-dark-gray" style="color: #b1b1b1;" href="mailto:[email protected]">e-mail:[email protected]</a><p>
4570			<p class="gnb-dark-gray" style="color: #b1b1b1;">Company Registration: 220-87-22647, Online Business Registration: 2019
4570-SEOULGANGNAM-01375</p> -->
4571			<!-- <div class="gnb-dark-gray pad-top-10">{{locale_com.Common_Footer_Copyright_Text1}}<span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text2}}</span></div> -->
4572			<div class="gnb-dark-gray pad-top-10">
4573				<span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text2}}</span>
4574				<div class="naddic-copyright text-capitalize">ⓒ NADDIC GAMES CO., LTD All Right Reserved.</div>
4575			</div>
4576			
4577		</div>
4578	</div>
4579
4580	<div class="desktop hidden-xs hidden-sm">
4581		<div class="container">
4582			<div class="row1">
4583				<div class="col1 pull-left">
4584					<a href="https://www.papayaplay.com/portal.do"><img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt="papaya logo" style="width: 160px; height: 35px;"></a>
4585					<a href="http://www.vertigogames.com" target="_blank" class="footer-vertigo-logo" style="padding-left: 15px;"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/vertigo-logo.svg" alt="vertigo logo" style="width: 160px; height: 31px;"></a>
4586					
4587                    <a href="http://www.dreamexe.co.kr/" target="_blank" class="footer-dreamex-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/dreamex-logo.png" alt="dreamex logo" style="width: 160px; height:auto;"></a>
4588					<a href="https://www.actoz.com/english" target="_blank" class="footer-actoz-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/actoz_logo.png" alt="actoz logo" style="width: 120px;"></a>
4589					<a href="https://www.koeitecmo.co.jp/e/" target="_blank" class="footer-kt-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/kt-logo.png" alt="KOEI logo" style="width: 53px; margin-top: -5px;"></a>
4590					<a href="http://www.zemiinc.co.kr/" target="_blank" class="footer-zemiinc-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/portal/home/zemi_logo.png" alt="Zemi Interactive" style="width: 170px; margin-top: -5px;"></a>
4591					
4592					<a href="http://www.joongwongames.co.kr/" target="_blank" class="footer-joongwon-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/portal/home/jw_logo.png" alt="JOONGWON" style="width: 120px; margin-top: -3px;"></a>
4593					<!-- test Start (Joonyoung) Web footer company logo -->
4594					<a href="http://www.bluepotion.co.kr/" target="_blank" class="footer-bluepotion-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/eos/event/preregister/logo_bluepotion.png" alt="JOONGWON" style="width: 120px; margin-top: -3px;"></a>
4595					<!-- test End (Joonyoung) -->
4596					<!-- tos (company logo) -->
4597					<a href="https://imc.co.kr/" target="_blank" class="footer-imcgames-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/tos/portal/logo_imcgames.png" alt="imcgames" style="width: 120px; margin-top: -3px;"></a>
4598					<a href="http://www.dragonflygame.com/en/Main/HomeMain" target="_blank" class="footer-dragonfly-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/sf2/portal/logo_dragonfly.png" alt="dragonfly" style="width: 120px; margin-top: -3px;"></a>
4599					<a href="http://www.naddic.com" target="_blank" class="footer-naddic-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/naddic-logo.png" alt="naddic" style="width: 120px; margin-top: -3px;"></a>
4600				</div>
4601
4602				<div class="col2 pull-right">
4603					<a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms" v-html="locale_com.Portal_Common_Terms_Service"></a>
4604					<span class="gnb-dark-gray bold" style="padding: 0 7px;">|</span>
4605					<a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=2" v-html="locale_com.Portal_Common_Privacy_Policy"></a>
4606					<span class="gnb-dark-gray bold" style="padding: 0 7px;">|</span>
4607					<a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=3" v-html="locale_com.Portal_Common_EULA"></a>
4608					<span class="gnb-dark-gray bold" style="padding: 0 7px;">|</span>
4609					<a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=4">UGC</a>
4610					<span class="gnb-dark-gray bold" style="padding: 0 7px;">|</span>
4611					<a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=5">Game Operation Policy</a>
4612					<span class="gnb-dark-gray bold" style="padding: 0 7px;">|</span>
4613
4614					<div class="dropdown dropup">
4615						<a style="cursor: pointer;" class="dropdown-toggle" data-toggle="dropdown">
4616						<div class="global-icon"><img src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_global.svg" /></div>
4617						<span v-if="localStorage_langCurr.length > 0">
4618							<span v-if="localStorage_langCurr === 'ru'" class="language-choice">Pусский</span><span class="language-arrow fa fa-caret-up"></span>
4619						</span>
4620						<span v-else>
4621						<span class="language-choice">English</span><span class="language-arrow fa fa-caret-up"></span>
4622						
4623						
4624						
4625						
4626						
4627						</span>
4628	                    </a>
4629						<ul class="dropdown-menu language-dropdown">
4630						    <li><div class="check-ico-wrapper"><img v-if="localStorage_langCurr !== 'ru' && lang === 'en'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a href="https://www.papayaplay.com/set.do?lang=en" data-lang="en" @click="set
4630LocalStorageLang('en')"><span>English</span></a></li>
4631						    <li><div class="check-ico-wrapper"><img v-if="localStorage_langCurr !== 'ru' && lang === 'pt'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a href="https://www.papayaplay.com/set.do?lang=pt" data-lang="pt" @click="setLocalStorageLang('pt')"><span>Português</span></a></li>
4632						    <li><div class="check-ico-wrapper"><img v-if="localStorage_langCurr !== 'ru' && lang === 'fr'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a href="https://www.papayaplay.com/set.do?lang=fr" data-lang="fr" @click="setLocalStorageLang('fr')"><span>Français</span></a></li>
4633						    <li><div class="check-ico-wrapper"><img v-if="localStorage_langCurr !== 'ru' && lang === 'de'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a href="https://www.papayaplay.com/set.do?lang=de" data-lang="de" @click="setLocalStorageLang('de')"><span>Deutsch</span></a></li>
4634						    <li><div class="check-ico-wrapper"><img v-if="localStorage_langCurr !== 'ru' && lang === 'tr'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a href="https://www.papayaplay.com/set.do?lang=tr" data-lang="tr" @click="setLocalStorageLang('tr')"><span>Türk</span></a></li>
4635						    <li><div class="check-ico-wrapper"><img v-if="localStorage_langCurr !== 'ru' && lang === 'ms'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a href="https://www.papayaplay.com/set.do?lang=ms" data-lang="ms" @click="setLocalStorageLang('ms')"><span>Melayu</span></a></li>
4636							<li v-if="localStorage_langList.length > 0" v-for="(item, index) in localStorage_langList">
4637								<div class="check-ico-wrapper"><img v-if="localStorage_langCurr === 'ru'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a @click="setLocalStorageLang('ru')"><span>Pусский</span></a>
4638							</li>
4639						</ul>
4640					</div>
4641				</div>
4642			</div>
4643			<div class="clearfix"></div>
4644			<div style="display: flex; flex-direction: column;">
4645				<div id="uwo-copyright" class="row2 text-left pad-top-20">
4646					<div class="gnb-dark-gray">© KOEI TECMO GAMES CO., LTD All right reserved, </div>
4647					<div class="gnb-dark-gray">Published by Vertigo Games.</div>
4648				</div>
4649				<!-- <div class="row3 row2 text-left pad-top-20">
4650					<p class="gnb-dark-gray pad-top-10" style="color: #b1b1b1;">Vertigo Games, Inc.  CEO, Jung H. Kim, Jeil Vision Tower 12F, 12 Teheran-ro 26-gil Gangnam-gu, Seoul, Korea 06236<p>
4651					<p class="gnb-dark-gray" style="color: #b1b1b1;">Tel: +82 2 2051 9575, Fax: +82 2 2051 9558, <a class="gnb-dark-gray" style="color: #b1b1b1;" href="mailto:[email protected]">e-mail:[email protected]</a><p>
4652					<p class="gnb-dark-gray" style="color: #b1b1b1;">Company Registration: 220-87-22647, Online Business Registration: 2019-SEOULGANGNAM-01375</p>
4653				</div> -->
4654				<div id="ori-copyright" class="row2 text-left pad-top-20">
4655					<!-- <div class="gnb-dark-gray">{{locale_com.Common_Footer_Copyright_Text1}} <span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text2}}</span></div> -->
4656					<div class="gnb-dark-gray"><span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text2}}</span></div>
4657					<div class="gnb-dark-gray"><span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text4}}</span></div>
4658				</div>
4659				<div class="naddic-copyright row2 text-left pad-top-20">
4660					<!-- <div class="gnb-dark-gray">{{locale_com.Common_Footer_Copyright_Text1}} <span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text2}}</span></div> -->
4661					<div class="gnb-dark-gray"><span class="text-capitalize">ⓒ NADDIC GAMES CO., LTD All Rights Reserved. </span></div>
4662					<div class="gnb-dark-gray"><span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text2}} {{locale_com.Common_Footer_Copyright_Text4}}</span></div>
4663				</div>
4664			</div>
4665		</div>
4666	</div>
4667	<article class="cont--cookie animated fadeInUp" v-if="isCookieModal">
4668		<div class="wrap--cbox">
4669			<div class="left--section"></div>
4670			<div class="right--section">
4671				<p>We use cookies on our websites. You are free to manage this via your browser setting at any time. To learn more about how we use the cookies, please see our <span class="t--link" @click="gotoUrl('https://www.papayaplay.com/portal.do?tp=privacy')">Cookies policy</span>.
4672					<br><br>You probably won’t be surprised to hear that we’ve updated our Privacy Notice. Please do take the time to read our new, more informative, easier to read and easier to understand, <span class="t--link" @click="gotoUrl('https://www.papayaplay.com/portal.do?tp=privacy')">Privacy Notice</span>.</p>
4673				<div class="btn--gotit" @click="setGDPRCookie(90)">I understand</div>
4674			</div>
4675		</div>
4676	</article>
4677</footer>
4678<script>
4679	var gnb = new Vue({
4680		el: '#pt_footer',
4681		data: {
4682			locale_lang:lang,
4683			locale_com:'',
4684			isCookieModal:true,
4685			domainName:'',
4686			localStorage_langList: [],
4687			localStorage_langCurr: ''
4688		},
4689		methods: {
4690			fetchJson: function (lang) {
4691				var vm=this;
4692				var localeCommonUrl=PT_LOC_COMMON_PATH;
4693
4694				// if( lang === 'ko' ) {
4695				// 	// lang = 'pt';
4696				// 	localeCommonUrl = localeCommonUrl.replace(/_(.*?)\.json$/, '_pt.json');
4697				// }
4698			
4699				this.$http.get(localeCommonUrl)
4700				.then(function (res) {
4701					//console.log(res.body)
4702					this.locale_com = res.body;
4703				});
4704				
4705				var cookieVal=$.cookie('_papaya_gdpr');
4706				if(cookieVal=='allowed'){
4707					vm.isCookieModal=false;
4708				}else{
4709					vm.isCookieModal=true;
4710				}
4711				
4712			    vm.domainName=$(location).attr('hostname').split('.').slice(-2).join('.');
4713
4714			},
4715			gotoUrl:function(url){
4716				var vm=this;
4717				location.href=url;
4718			},
4719			setGDPRCookie:function(exp){
4720				var vm=this;
4721				var date = new Date();
4722				date.setTime(date.getTime() + exp*24*60*60*1000);
4723				$.cookie('_papaya_gdpr', 'allowed', {path:'/', domain:vm.domainName, expires:date});
4724				vm.isCookieModal=false;
4725			},
4726			setLocalStorageLang: function(selectedLang) {
4727				var vm=this;
4728				window.localStorage.setItem('langND_curr', selectedLang);
4729				if( selectedLang === 'ru' ) {
4730					location.reload();
4731				}
4732			}
4733		},
4734		beforeMount: function () {
4735			this.fetchJson(lang);
4736		},
4737		created: function() {
4738			var vm=this;
4739			if(window.location.href.includes('9dragons')) {
4740				// Push all languages supported by this Service(Game) page to localStorage array.
4741				this.localStorage_langList.push('ru');
4742				var lsLangCurr = window.localStorage.getItem('langND_curr');
4743				//console.log("localStorage footer langND_curr : ", lsLangCurr);
4744				if( lsLangCurr == 'ru' ) {
4745					this.localStorage_langCurr = 'ru';
4746				}
4747			}
4748		}
4749	});
4750</script>
4750
4751    <!--  Blackshot Footer: End -->
4752  </div>
4753
4754  <!-- BugHerd: BlackShot GLB Renewal -->
4755  
4755<script type="text/javascript" src="https://www.bugherd.com/sidebarv2.js?apikey=vctxnsqmffnx6vxefdp1oq" async="true"></script>
4755
4756  <!-- BugHerd: BlackShot GLB Renewal -->
4757
4758  <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 67 bytes, lines 4758-4759
4758
4759  <script async src="https://www.googletagmanager.com/gtag/js?id=
4759UA-40809004-4
vendor: 15 bytes, lines 4759-4760
4759"></script>
4760  
4760<script>
4761      
vendor: 168 bytes, lines 4761-4766
4761window.dataLayer = window.dataLayer || [];
4762      function gtag () {
4763        dataLayer.push(arguments);
4764      }
4765      gtag('js', new Date());
4766      gtag('config', '
4766UA-40809004-4
vendor: 13 bytes, lines 4766-4768
4766');
4767
4768      
4768if (navigator.userAgent.indexOf('MSIE') !== -1
4769          || navigator.appVersion.indexOf('Trident/') > -1) {
4770        /* Microsoft Internet Explorer detected in. */
4771        //console.log( 'IE',navigator.appVersion.indexOf('Trident/'), navigator.userAgent.indexOf('MSIE') )
4772        $('.chromeframe').css({
4773          'display' : 'block'
4774        });
4775      }
4776    </script>
4776
4777    
4778</body>
4779</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.