PageSourceSearch

https://gooroomee.com/intro

html gooroomee.com collected 2026-10-01 11:40:20 UTC 43,155 bytes, 1,281 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11
12
13	
14
15	
16
17	
18	
19	
20	
21	
22
23	
24
25
26
27
28<!DOCTYPE html>
29<html lang="en">
30<head>
31
32	<meta charset="utf-8">
33	<meta http-equiv="Content-Type" content="text/html; charset=unicode" />
34	<meta http-equiv="X-UA-Compatible" content="IE=edge">
35	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, minimum-scale=1 maximum-scale=1">
36	<meta name="mobile-web-app-capable" content="yes">
37	<meta name="keywords" content="gooroomee 구루미 실시간커뮤니케이션플랫폼 RealtimeCommunicationPlatform webrtc html5 videoconference video audio free 九雲美 九云美 李朗赫" />
38	<meta name="description" content="WebRTC Free real-time video communication service" />
39
40	<meta property="og:url"         content="//gooroomee.com/" />
41	<meta property="og:type"        content="website" />
42	<meta property="og:title"       content="구루미캠스터디(Gooroomee)" />
43	<meta property="og:description" content="함께해서 재미있는 공부! 구루미캠스터디" />
44	<meta property="og:image"       content="/images/logo/cover_1200x630.png" />
45
46	<meta name="grm-ios-scheme" content="" />
47	<meta name="grm-apptype" content="" />
48	
49	
50	
51		<meta name="naver-site-verification" content="2e3e3fa0700beda4f605cfb4d4905a976a09c940"/>
52	
53	
54	<base href="//gooroomee.com/">
55	
56	<title>
57		구루미 캠스터디 │ 세상에서 가장 큰 온라인 스터디카페
58	</title>
59	
60	<link rel="manifest" href="manifest.json">
61	
62	<link rel="shortcut icon" href="images/icon/favicon.ico" type="image/x-icon">
63
64	<link href="/ref/project/bunny-201902/font-awesome/css/font-awesome.min.css?_dm=202605290027" rel="stylesheet">
65	<link href="/ref/project/bunny-201902/gooroomee-font/css/gooroomee.css?_dm=202605290027" rel="stylesheet">
66	<link href="/ref/project/bunny-201902/css/common.css?_dm=202605290027" rel="stylesheet" type="text/css" media="screen">
67	<link href="/ref/project/bunny-201902/css/intro.css?_dm=202605290027" rel="stylesheet" type="text/css" media="screen">
68	<link href="/ref/project/bunny-201902/css/media.css?_dm=202605290027" rel="stylesheet" type="text/css" media="screen">
69	<link href="/ref/main/css/main_renew.css?_dm=202605290027" rel="stylesheet" type="text/css" media="screen">
70	<link href="/ref/main/css/main_renew_responsive.css?_dm=202605290027" rel="stylesheet" type="text/css" media="screen">
71	<!--[if lt IE 9]>
72	
72<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
72
73	
73<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
73
74	<![endif]-->
75
76	
76<script src="/common/lib/external/jquery/jquery-3.0.0.min.js"></script>
76
77	<!-- jQuery i18n -->
78	
78<script src="/common/lib/external/jquery/jquery.i18n.properties.grm.js?_dm=grm"></script>
78
79	<!-- jQuery lazyload -->
80	
80<script src="/common/lib/external/jquery/jquery.lazyload.js"></script>
80
81
82	<!-- date pickr -->
83	<link rel="stylesheet" href="/common/lib/external/flatpickr/flatpickr.min.css">
84	
84<script src="/common/lib/external/flatpickr/flatpickr.min.js"></script>
84
85	
85<script src="/common/lib/external/flatpickr/l10n/ko.js"></script>
85
86	
87	<!-- perfect scrollbar -->
88	<!-- 추후 cs scrollbar 로 대체 -->
89	<link rel="stylesheet" href="/common/lib/external/perfect-scrollbar/css/perfect-scrollbar.min.css">
90	
90<script src="/common/lib/external/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
90
91	
92	<!-- Device -->
93	
93<script src="/common/lib/external/device/device.js"></script>
93
94	
94<script src="/common/lib/external/bowser/bowser.min.js"></script>
94
95	
96	<!-- Common -->
97	
97<script src="/common/js/common.js?_dm=202605290027"></script>
97
98	
98<script src="/common/js/Util.js?_dm=202605290027"></script>
98
99	
99<script src="/common/js/UI-1.2.js?_dm=202605290027"></script>
99
100	
100<script src="/ref/common/js/common.ui.js?_dm=202605290027"></script>
100
101
102	<!-- Google Tag Manager -->
103	
103<script>
vendor: 338 bytes, lines 103-107
103(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
104				new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
105			j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
106			'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
107	})(window,document,'script','dataLayer','
107GTM-56FXGGF
vendor: 3 bytes, line 107
107');
107</script>
107
108	<!-- End Google Tag Manager -->
109
110	
110<script>
111	// jquery i18n
112	(function(lang){
113		var htmlLang = lang;
114		
115		if(lang.indexOf('ko') == 0){
116			htmlLang = 'ko';
117		}
118		
119		document.documentElement.setAttribute('lang', htmlLang);
120		
121		$.i18n.language = lang;
122		$.i18n.properties({
123			name: '',
124			path: 'locale/messages/',
125			fileExt: 'json',
126			dataType: 'json',
127			useSessionCache: true,
128			mode: 'both',
129			language: lang,
130			cache: true,
131			filenameSuffix: '?_dm=202605290027',
132			callback: function() {
133			}
134		});
135		
136		window.i18n = function(){
137			return $.i18n.prop.apply($.i18n, arguments);
138		}
139	})('en');
140	</script>
140
141
142	
142<script type="application/ld+json">
143		{
144			"@context":"http://schema.org",
145			"@type":"Organization",
146			"url":"https://gooroomee.com",
147			"name":"구루미 캠스터디",
148			"alternateName": "Gooroomee",
149			"logo":"//gooroomee.com/images/logo/cover_1200x630.png",
150			"sameAs":[
151				"https://cafe.naver.com/goocams",
152				"https://blog.naver.com/gooroomeeinc",
153				"https://www.instagram.com/gooroomee_official/",
154				"https://www.facebook.com/igooroomee",
155				"https://www.youtube.com/c/%EA%B5%AC%EB%A3%A8%EB%AF%B8"
156			]
157		}
158	</script>
158
159</head>
160
161<body class="main-body introBody">
162	
163	
164
165
166
167
168
169
170
171
172
173
174
175
176    
177
178    
179
180    <base href="//gooroomee.com/">
181    
181<script src="/common/lib/external/requirejs/2.3.6/require.min.js"></script>
181
182    
182<script src="/common/lib/external/requirejs/2.3.6/require-grm.js?_dm=202605290027" dm="202605290027"></script>
182
183    
184        
185            
185<script src="/common/lib/external/vuejs/2/vue.min.js"></script>
185
186        
187        
188    
189    
189<script src="/common/lib/external/vuejs/vue-lazyload/vue-lazyload.js"></script>
189
190    
190<script>
191        Vue.use(VueLazyload, {
192            preLoad: 1.3,
193            error: 'images/loading/blank.gif',
194            loading: 'images/loading/blank.gif',
195            attempt: 2
196        });
197    </script>
197
198    <style>
199        [lazy="loading"] { width: 50px; height: 50px; }
200    </style>
201    
201<script src="common/lib/external/device/device.js"></script>
201
202    
202<script>
203        // inAppBrowser redirect chrome
204        try {
205            if(device.android()) {
206                var ua = (navigator.userAgent && navigator.userAgent.toLowerCase()) || ''
207                    ,pChk = ['kakao', 'naver', 'daum', 'fb_']
208                    ,chk = true;
209                pChk.forEach(function(p){
210                    if(ua.indexOf(p) >= 0){
211                        chk = false;
212                        location.href = 'intent:'+location.href+'#Intent;package=com.android.chrome;end';
213                        return false;
214                    }
215                });
216            }
217        } catch (e) {
218            console.warn(e);
219        }
220    </script>
220
221    
221<script>
222        window.isIOSWebview = () => {
223            return navigator.userAgent.indexOf('CamsWebviewApp/') !== -1 || /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent)
224        }
225        window.isAndroidWebview = () => {
226            return navigator.userAgent.indexOf('CamsAndroidApp') !== -1;
227        }
228    </script>
228
229
230
231
232<!-- Channel Plugin Scripts -->
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277<!-- End Channel Plugin -->
278<head>
279	<meta name="intro-grm-cdn" content="https://cams-cdn.gooroomee.com/camstudy" />
280</head>
281
282	
283	
284		<div class="band-banner-container">
285			<band-banner></band-banner>
286		</div>
287		<div class="intro-container">
288			<main-header :is-login="isLogin" :is-intro="true"></main-header>
289			
290			<section class="intro-main-section-2025 intro-start-section">
291				<div class="camstudy-intro-video">
292					<div class="camstudy-intro-mv">
293						<video class="intro-video" autoplay="autoplay" playsinline="playsinline" muted loop>
294							<source id="video-source" type="video/mp4">
295						</video>
296						<div class="intro-video-cover"></div>
297					</div>
298					<p class="intro-video-text">
299						Just if you have a Phone.<br>You can study together anytime, anywhere.
300					</p>
301				</div>
302				<div class="intro-start-aside">
303					<div class="move-camstudy">
304						<div class="move-camstudy-title-container">
305							<h4>Camstudy</h4>
306							<p>나에게 딱 맞는 스터디룸을 찾아보세요</p>
307						</div>
308						<button>
309							<a href="camstudy/room">Start Now</a>
310						</button>
311					</div>
312					<div class="camstudy-info">
313						<ul>
314							<li>
315								<h6 class="camstudy-info-title">Total Users</h6>
316								<p class="camstudy-info-text">124개국 230만명 +</p>
317							</li>
318							<li>
319								<h6 class="camstudy-info-title">Daily Average Users</h6>
320								<p class="camstudy-info-text">40,000명 +</p>
321							</li>
322							<li>
323								<h6 class="camstudy-info-title">Camp Study Market Users</h6>
324								<p class="camstudy-info-text">1</p>
325							</li>
326							<li>
327								<h6 class="camstudy-info-title">Daily Average Created Studies</h6>
328								<p class="camstudy-info-text">25,000개 +</p>
329							</li>
330							<li>
331								<h6 class="camstudy-info-title">Daily Average Study Time</h6>
332								<p class="camstudy-info-text">8시간 +</p>
333							</li>
334						</ul>
335					</div>
336				</div>
337			</section>
338			<section class="intro-main-section-2025-cams-what">
339				<div class="flex-rows intro-main-section-2025-title-container max-width-1694">
340					<h2 class="section-title">What is Camstudy?</h2>
341					<p class="section-title-description">Camstudy is a combination of "Camera" and "Study,"<br />representing a new study method for Gen Z that utilizes laptops and cameras.</p>
342				</div>
343				<div class="camstudy-images-container">
344					<div class="camstudy-images-top">
345						<div class="camstudy-image img1"></div>
346						<div class="camstudy-image img2"></div>
347						<div class="camstudy-image img3"></div>
348						<div class="camstudy-image img4"></div>
349						<div class="camstudy-image img5"></div>
350						<div class="camstudy-image img6"></div>
351						<div class="camstudy-image img7"></div>
352						<div class="camstudy-image img8"></div>
353						<div class="camstudy-image img1"></div>
354						<div class="camstudy-image img2"></div>
355						<div class="camstudy-image img3"></div>
356						<div class="camstudy-image img4"></div>
357						<div class="camstudy-image img5"></div>
358					</div>
359					<div class="camstudy-images-bottom">
360						<div class="camstudy-image img9"></div>
361						<div class="camstudy-image img10"></div>
362						<div class="camstudy-image img11"></div>
363						<div class="camstudy-image img12"></div>
364						<div class="camstudy-image img13"></div>
365						<div class="camstudy-image img14"></div>
366						<div class="camstudy-image img15"></div>
367						<div class="camstudy-image img16"></div>
368						<div class="camstudy-image img9"></div>
369						<div class="camstudy-image img10"></div>
370						<div class="camstudy-image img11"></div>
371						<div class="camstudy-image img12"></div>
372						<div class="camstudy-image img13"></div>
373					</div>
374				</div>
375			</section>
376			<section class="intro-main-section-2025 intro-why-camstudy">
377				<div class="flex-between intro-main-section-2025-title-container">
378					<h2 class="section-title">Why 'Gooroome Camstudy'?</h2>
379					<div class="toggle-button-container">
380						<button class="toggle-button self-study active">자습 시간 형성</button>
381						<button class="toggle-button custom-service">맞춤형 서비스</button>
382					</div>
383				</div>
384				<div class="intro-camstudy-why-container">
385					<div class="intro-camstudy-why active">
386						<div class="intro-why-desktop">
387							<div class="intro-why-item">
388								<div class="intro-why-item-title">The Power of Increasing Study Hours</div>
389								<div class="intro-why-image image1"></div>
390								<p class="intro-why-text">Many users are already improving their study hours through Gooroome on their own.</p>
391								<p class="intro-why-item-description">*2021 Statistics Korea: Weekly Average Self-study Time of Primary and Secondary Students</p>
392							</div>
393							<div class="intro-why-item">
394								<div class="intro-why-item-title">Ranking Through Healthy Competition</div>
395								<div class="intro-why-image image2"></div>
396								<p class="intro-why-text only-desktop">Check your friends' study time in real-time<br />and experience the fun of growing together<br />with positive motivation.</p>
397								<p class="intro-why-text only-mobile">Track your friends' study time live<br />and grow together with motivation.</p>
398							</div>
399							<div class="intro-why-item">
400								<div class="intro-why-item-title">Self-directed Learning Management</div>
401								<div class="intro-why-image image3"></div>
402								<p class="intro-why-text only-desktop">Increase your autonomous study time to<br />improve learning efficiency and even boost test scores.</p>
403								<p class="intro-why-text only-mobile">Develop independent study habits<br />and improve your test scores.</p>
404							</div>
405							<div class="intro-why-item">
406								<div class="intro-why-item-title">Premium Features for Better Focus</div>
407								<div class="intro-why-image image4"></div>
408								<p class="intro-why-text only-desktop">White noise, Pomodoro timers, and other<br />focus-enhancing services are available for free.</p>
409								<p class="intro-why-text only-mobile">Use white noise and Pomodoro timers<br />to improve focus for free.</p>
410							</div>
411						</div>
412					</div>
413					<div class="intro-camstudy-why">
414						<div class="intro-why-desktop">
415							<div class="intro-why-item">
416								<div class="intro-why-item-title">Customized Online Study Room</div>
417								<div class="intro-why-image image5"></div>
418								<p class="intro-why-text only-desktop">We provide a customized online study room accessible only to us.</p>
419								<p class="intro-why-text only-mobile">We provide a customized online<br />study room accessible only to us.</p>
420							</div>
421							<div class="intro-why-item">
422								<div class="intro-why-item-title">Branding Logo Customization</div>
423								<div class="intro-why-image image6"></div>
424								<p class="intro-why-text only-desktop">You can replace the logo on your personalized page for branding.</p>
425								<p class="intro-why-text only-mobile">You can replace the logo on your<br />personalized page for branding.</p>
426							</div>
427							<div class="intro-why-item">
428								<div class="intro-why-item-title">Dedicated Dashboard</div>
429								<div class="intro-why-image image7"></div>
430								<p class="intro-why-text only-desktop">Provides an environment where you can view students' study history and data at a glance.</p>
431								<p class="intro-why-text only-mobile">Provides an environment where you can<br />view students' study history and data at a glance.</p>
432							</div>
433							<div class="intro-why-item">
434								<div class="intro-why-item-title">Monitoring Account for Teachers</div>
435								<div class="intro-why-image image8"></div>
436								<p class="intro-why-text only-desktop">A monitoring account invisible to students allows supervision and management.</p>
437								<p class="intro-why-text only-mobile">A monitoring account invisible to students<br />allows supervision and management.</p>
438							</div>
439						</div>
440					</div>
441				</div>
442			</section>
443			<section class="intro-main-section-2025 intro-camstudy-point">
444				<div class="intro-camstudy-point-inner-container">
445					<div class="intro-main-section-2025-title-container">
446						<h2 class="section-title">Gooroome is Leading theEdTech Industry</h2>
447					</div>
448					<div class="point-card-container">
449						<div class="point-card img1">
450							<p class="point-card-year">2020 / 2022</p>
451							<h4 class="point-card-text">Korea Consumer's Choice Best Brand</h4>
452							<p class="point-card-title">Grand Prize in Online Study Room Category</p>
453						</div>
454						<div class="point-card img2">
455							<p class="point-card-year">2022</p>
456							<h4 class="point-card-text">Korea Education Fair</h4>
457							<p class="point-card-title">Startup of the Year</p>
458						</div>
459						<div class="point-card img3">
460							<p class="point-card-year">2022</p>
461							<h4 class="point-card-text">17th EdTech Excellence Contest</h4>
462							<p class="point-card-title">Best Solution Award</p>
463						</div>
464					</div>
465				</div>
466				<div class="intro-camstudy-point-inner-container">
467					<div class="intro-main-section-2025-title-container">
468						<h2 class="section-title">Enhance Your Self-study Managementwith ‘Gooroome Camstudy’!</h2>
469					</div>
470					<div class="point-card-container">
471						<div class="point-card img4">
472							<p class="point-card-cams-title">Affordable Introduction Cost</p>
473							<p class="point-card-cams-text only-desktop">You can implement the service at a reasonable pricewithout additional development costs.</p>
474							<p class="point-card-cams-text only-mobile">You can implement the service at a reasonable pricewithout additional development costs.</p>
475						</div>
476						<div class="point-card img5">
477							<p class="point-card-cams-title">Web Service Without Installation</p>
478							<p class="point-card-cams-text">Start easily without installing any additional programs.</p>
479						</div>
480						<div class="point-card img6">
481							<p class="point-card-cams-title">Compatible with Any Device</p>
482							<p class="point-card-cams-text">Available on PCs, tablets, and mobile devices with cameras.</p>
483						</div>
484					</div>
485				</div>
486			</section>
487			<section class="intro-main-section-2025-cams-what customer-review">
488				<div class="intro-main-section-2025-title-container max-width-1694 flex-between">
489					<h2 class="section-title">Gooroome Camstudy Customer Success Story</h2>
490					<button class="slide-stop-button"></button>
491				</div>
492				<div class="review-relative">
493					<div class="flex-rows review-container">
494						<div class="review-item">
495							<h4 class="review-title">“Achieved 21 Hours of Weekly Study Time,<br />Thanks to Gooroome Oligo!”</h4>
496							<div class="customer-word-container">
497								<div class="customer-word">
498									<div class="customer-image jungyoul-teacher"></div>
499									<div class="customer-text"><b>95% of participants successfully completed the ‘21 Hours Weekly Study Time’ challenge with Gooroome Oligo.</b> With Gooroome Oligo, students can study anytime, anywhere, leading to higher satisfaction, increased study hours, and significantly improved grades.</div>
500								</div>
501							</div>
502							<div class="customer-logo jungyoul"></div>
503						</div>
504						<div class="review-item">
505							<h4 class="review-title">“Over 90% of Students Found<br />Online Study Helpful!”</h4>
506							<div class="customer-word-container">
507								<div class="customer-word">
508									<div class="customer-image student1"></div>
509									<div class="customer-text"><b>Since study records were saved, I was motivated to achieve higher records than others, so I ended up studying longer than usual.</b></div>
510								</div>
511								<div class="customer-word">
512									<div class="customer-image student2"></div>
513									<div class="customer-text"><b>During the break, I wasn't going to school, so my study time could have decreased. However, by using Camstudy, I was able to maintain and improve my study habits and schedule, which was rewarding.</b></div>
514								</div>
515							</div>
516							<div class="customer-logo sokcho"></div>
517						</div>
518						<div class="review-item">
519							<h4 class="review-title">“I Passed a Public Corporation Exam<br />Through Camstudy!”</h4>
520							<div class="customer-word-container">
521								<div class="customer-word">
522									<div class="customer-image student3"></div>
523									<div class="customer-text"><b>By studying with my study group through Camstudy, I was able to set my career direction and determine what I needed to study.</b> Regardless of gender, nationality, or age, <b>seeing others study hard motivated me, and showing my own studying process created a win-win situation</b>, which is a unique strength of Camstudy.</div>
524								</div>
525							</div>
526							<div class="customer-logo cams">
527								<div class="customer-name">Camstudy User <b>이*호</b></div>
528							</div>
529						</div>
530						<div class="review-item">
531							<h4 class="review-title">“Camstudy Made Studying at Home<br />More Effective and Structured!”</h4>
532							<div class="customer-word-container">
533								<div class="customer-word">
534									<div class="customer-image student4"></div>
535									<div class="customer-text"><b>Using Camstudy, I was able to study at home more efficiently.</b> With Camstudy, I achieved 11 hours of daily study time and 70 hours of weekly study time. <b>Knowing that someone was watching me kept me motivated to study harder.</b></div>
536								</div>
537							</div>
538							<div class="customer-logo cams">
539								<div class="customer-name">Camstudy User <b>조*솔</b></div>
540							</div>
541						</div>
542						<div class="review-item">
543							<h4 class="review-title">“Overcame Many Moments of Weakness<br />Through Camstudy!”</h4>
544							<div class="customer-word-container">
545								<div class="customer-word">
546									<div class="customer-image student5"></div>
547									<div class="customer-text"><b>With Camstudy, I could naturally track my focused study hours and overcome moments of laziness by comparing my progress with competitors.</b> Just knowing that others could see me was enough to keep me alert and provided the motivation to stay focused.</div>
548								</div>
549							</div>
550							<div class="customer-logo cams">
551								<div class="customer-name">Camstudy User <b>조*호</b></div>
552							</div>
553						</div>
554						<div class="review-item">
555							<h4 class="review-title">“Achieved 21 Hours of Weekly Study Time,<br />Thanks to Gooroome Oligo!”</h4>
556							<div class="customer-word-container">
557								<div class="customer-word">
558									<div class="customer-image jungyoul-teacher"></div>
559									<div class="customer-text"><b>95% of participants successfully completed the ‘21 Hours Weekly Study Time’ challenge with Gooroome Oligo.</b> With Gooroome Oligo, students can study anytime, anywhere, leading to higher satisfaction, increased study hours, and significantly improved grades.</div>
560								</div>
561							</div>
562							<div class="customer-logo jungyoul"></div>
563						</div>
564						<div class="review-item">
565							<h4 class="review-title">“Over 90% of Students Found<br />Online Study Helpful!”</h4>
566							<div class="customer-word-container">
567								<div class="customer-word">
568									<div class="customer-image student1"></div>
569									<div class="customer-text"><b>Since study records were saved, I was motivated to achieve higher records than others, so I ended up studying longer than usual.</b></div>
570								</div>
571								<div class="customer-word">
572									<div class="customer-image student2"></div>
573									<div class="customer-text"><b>During the break, I wasn't going to school, so my study time could have decreased. However, by using Camstudy, I was able to maintain and improve my study habits and schedule, which was rewarding.</b></div>
574								</div>
575							</div>
576							<div class="customer-logo sokcho"></div>
577						</div>
578						<div class="review-item">
579							<h4 class="review-title">“I Passed a Public Corporation Exam<br />Through Camstudy!”</h4>
580							<div class="customer-word-container">
581								<div class="customer-word">
582									<div class="customer-image student3"></div>
583									<div class="customer-text"><b>By studying with my study group through Camstudy, I was able to set my career direction and determine what I needed to study.</b> Regardless of gender, nationality, or age, <b>seeing others study hard motivated me, and showing my own studying process created a win-win situation</b>, which is a unique strength of Camstudy.</div>
584								</div>
585							</div>
586							<div class="customer-logo cams">
587								<div class="customer-name">Camstudy User <b>이*호</b></div>
588							</div>
589						</div>
590						<div class="review-item">
591							<h4 class="review-title">“Camstudy Made Studying at Home<br />
591More Effective and Structured!”</h4>
592							<div class="customer-word-container">
593								<div class="customer-word">
594									<div class="customer-image student4"></div>
595									<div class="customer-text"><b>Using Camstudy, I was able to study at home more efficiently.</b> With Camstudy, I achieved 11 hours of daily study time and 70 hours of weekly study time. <b>Knowing that someone was watching me kept me motivated to study harder.</b></div>
596								</div>
597							</div>
598							<div class="customer-logo cams">
599								<div class="customer-name">Camstudy User <b>조*솔</b></div>
600							</div>
601						</div>
602						<div class="review-item">
603							<h4 class="review-title">“Overcame Many Moments of Weakness<br />Through Camstudy!”</h4>
604							<div class="customer-word-container">
605								<div class="customer-word">
606									<div class="customer-image student5"></div>
607									<div class="customer-text"><b>With Camstudy, I could naturally track my focused study hours and overcome moments of laziness by comparing my progress with competitors.</b> Just knowing that others could see me was enough to keep me alert and provided the motivation to stay focused.</div>
608								</div>
609							</div>
610							<div class="customer-logo cams">
611								<div class="customer-name">Camstudy User <b>조*호</b></div>
612							</div>
613						</div>
614					</div>
615				</div>
616			</section>
617			<section class="intro-main-section-2025 go-gooroomee-container">
618					<button>
619						Learn More About Gooroome
620					</button>
621			</section>
622			
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665			
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735		</div>
736	
737	
738
739
740<a onclick="Twc.Chat.open()" class="twc-chat-bot">
741	<img alt="chatbot-icon" src="../../../../images/icon/ico_chat_bot.png">
742</a>
743
744<script src="/common/lib/external/moment/moment.js"></script>
vendor: 1 bytes, line 744
744
745<script>
746	document.addEventListener('DOMContentLoaded', e => {
747		+function () {
748			grm_requirejs([
749				'ref/camstudy/common/MainHeaderComponent.vue.js',
750				'ref/camstudy/room/index/components/BandBannerComponent.vue.js'
751			], function (
752					mainHeader,
753					bandBanner,
754			) {
755				Vue.prototype.trans = string => window.i18n(string);
756
757				Vue.directive('click-outside', {
758						bind: function (el, binding, vnode) {
759								this.event = function (event) {
760										if (!(el == event.target || el.contains(event.target))) {
761												vnode.context[binding.expression](event);
762										}
763								};
764								document.body.addEventListener('click', this.event)
765						},
766						unbind: function (el) {
767								document.body.removeEventListener('click', this.event)
768						},
769				});
770
771				new Vue({
772					el: '.intro-container',
773					data:{
774						isLogin:false
775					},
776					components: {
777						'main-header': mainHeader
778					},
779					created() {
780						this.isLogin = 'false' === 'true';
781					}
782				});
783
784				new Vue({
785					el: '.band-banner-container',
786					components: {
787						'band-banner': bandBanner
788					},
789				});
790			})
791		}();
792	})
793</script>
vendor: 1 bytes, line 793
793
794<script>
795	$(window).on("load", function() {
796		let meta = document.querySelector('meta[name="intro-grm-cdn"]');
797		if(meta){
798			let cdnUrl = meta.getAttribute('content');
799			const source = document.querySelector('.intro-video');
800			source.src = cdnUrl + '/promotion/250211_cam_study_promotional_video.mp4';
801		}
802
803		const camstudyInfoTextElements = document.querySelectorAll('.camstudy-info-text');
804		const camstudyInfoTextCounts = [0,0,0,0,0];
805		camstudyInfoTextElements.forEach((el, idx) => {
806			if(idx === 0){
807				const interval = setInterval(() => {
808					el.innerText =  Math.floor((Math.random() * 100)+100) + "개국 " + Math.floor((Math.random() * 199)+100).toLocaleString() + "만명 +";
809					camstudyInfoTextCounts[0]++;
810					if(camstudyInfoTextCounts[0] >= 15){
811						el.innerText = '123개국 230만명 +'
812						clearInterval(interval)
813					}
814				},50)
815			} else if(idx === 1){
816				const interval = setInterval(() => {
817					el.innerText =  Math.floor((Math.random() * 39999)+10000).toLocaleString() + "명 +";
818					camstudyInfoTextCounts[1]++;
819					if(camstudyInfoTextCounts[1] >= 15){
820						el.innerText = '40,000명 +'
821						clearInterval(interval)
822					}
823				},50)
824			}else if(idx === 2){
825				const interval = setInterval(() => {
826					el.innerText = Math.floor((Math.random() * 9)).toLocaleString() + "위";
827					camstudyInfoTextCounts[2]++;
828					if(camstudyInfoTextCounts[2] >= 15){
829						el.innerText = '1위'
830						clearInterval(interval)
831					}
832				},50)
833			}else if(idx === 3){
834				const interval = setInterval(() => {
835					el.innerText =  Math.floor((Math.random() * 15000)+10000).toLocaleString() + "개 +";
836					camstudyInfoTextCounts[3]++;
837					if(camstudyInfoTextCounts[3] >= 15){
838						el.innerText = '25,000개 +'
839						clearInterval(interval)
840					}
841				},50)
842			}else if(idx === 4){
843				const interval = setInterval(() => {
844					el.innerText =  Math.floor((Math.random() * 9)).toLocaleString() + "시간 +";
845					camstudyInfoTextCounts[4]++;
846					if(camstudyInfoTextCounts[4] >= 15){
847						el.innerText = '8시간 +'
848						clearInterval(interval)
849					}
850				},50)
851			}
852		})
853
854		const whyCamstudyContainer = document.querySelectorAll('.intro-camstudy-why')
855		const toggleButtonContainer = document.querySelector('.toggle-button-container');
856		toggleButtonContainer.addEventListener('click', (e) => {
857			const selfStudy = toggleButtonContainer.querySelector('.toggle-button.self-study')
858			const customService = toggleButtonContainer.querySelector('.toggle-button.custom-service')
859			if(e.target.className.includes('self-study')){
860				whyCamstudyContainer[1].classList.remove('active')
861				customService.classList.remove('active');
862				selfStudy.classList.add('active')
863				whyCamstudyContainer[0].classList.add('active')
864			}else if(e.target.className.includes('custom-service')){
865				selfStudy.classList.remove('active')
866				whyCamstudyContainer[0].classList.remove('active')
867				customService.classList.add('active');
868				whyCamstudyContainer[1].classList.add('active')
869			}
870		})
871		const goGooroomeeButton = document.querySelector('.go-gooroomee-container > button');
872		goGooroomeeButton.addEventListener('click', () => {
873			location.href = 'https://gooroomee.com';
874		})
875
876		function MoveTranslateX(element, direction, speed, resetPosition, options = {
877			hasStopEvent: false,
878			pauseElement: null
879		}){
880			this.element = element;
881			this.direction = direction;
882			this.speed = speed;
883			this.options = options;
884			this.resetPosition = resetPosition;
885			this.x = 0;
886			this.paused = false;
887			this.rafId = null;
888		}
889		MoveTranslateX.prototype.translateXLoop = function() {
890			let startTime = null;
891			let prevTimestamp = null;
892			const targetFPS = 60;
893
894			const animateRAF = (timestamp) => {
895				if (this.paused) return;
896
897				if (!startTime) startTime = timestamp;
898				if (!prevTimestamp) prevTimestamp = timestamp;
899
900				const elapsed = (timestamp - prevTimestamp) || 1;
901				const frames = Math.round(1000 / elapsed / targetFPS);
902				prevTimestamp = timestamp;
903
904				if (Math.abs(this.x) >= this.resetPosition && this.x !== Infinity && this.x !== -Infinity) {
905					this.x = 0;
906					this.element.style.transform = 'translateX(' + this.x + 'px)';
907					startTime = timestamp;
908					prevTimestamp = timestamp;
909				}
910
911				this.x += this.speed / frames * (this.direction === 'left' ? -1 : 1);
912				this.element.style.transform = 'translateX(' + this.x + 'px)';
913
914				this.rafId = requestAnimationFrame(animateRAF);
915			}
916			if(this.options.pauseElement){
917				this.options.pauseElement.addEventListener('click', () => {
918					this.paused = !this.paused;
919					if(this.paused){
920						cancelAnimationFrame(this.rafId);
921						this.options.pauseElement.classList.add('active')
922					}else{
923						startTime = null;
924						prevTimestamp = null;
925						this.rafId = requestAnimationFrame(animateRAF);
926						this.options.pauseElement.classList.remove('active')
927					}
928				})
929			}
930			if (this.options.hasStopEvent) {
931				this.element.addEventListener('mouseover', () => {
932					this.paused = true;
933					cancelAnimationFrame(this.rafId);
934				});
935				this.element.addEventListener('mouseout', () => {
936					if (this.paused) {
937						this.paused = false;
938						startTime = null;
939						prevTimestamp = null;
940						this.rafId = requestAnimationFrame(animateRAF);
941					}
942				});
943			}
944
945			this.rafId = requestAnimationFrame(animateRAF);
946		};
947
948		const camstudyImageContainerTop = document.querySelector('.camstudy-images-top');
949		const camstudyImageContainerBottom = document.querySelector('.camstudy-images-bottom');
950		const camstudyImage = camstudyImageContainerTop.querySelector('.camstudy-image')
951		const camstudyImageEndPoint = parseFloat(getComputedStyle(camstudyImageContainerTop).gap)*8+parseFloat(getComputedStyle(camstudyImage).width)*8;
952
953		const reveiwContainer = document.querySelector('.review-container');
954		const reviwer = reveiwContainer.querySelector('.review-item')
955		const reviewerEndPoint = parseFloat(getComputedStyle(reveiwContainer).gap)*5 + parseFloat(getComputedStyle(reviwer).width)*5;
956
957		const pausedElement = document.querySelector('.slide-stop-button');
958
959		new MoveTranslateX(camstudyImageContainerTop, 'left', 0.2, camstudyImageEndPoint).translateXLoop()
960		new MoveTranslateX(camstudyImageContainerBottom, 'right', 0.2, camstudyImageEndPoint).translateXLoop()
961		new MoveTranslateX(reveiwContainer, 'left', 0.2, reviewerEndPoint, {
962			pauseElement: pausedElement,
963		}).translateXLoop()
964
965
966		// const container = document.querySelector('.intro-img-slider-container');
967		// const prev = document.querySelector('.prev');
968		// const next = document.querySelector('.next');
969		// const sliderNavItemsAll = document.querySelectorAll('.slider-nav-item-btn');
970		// const slideItems = container.querySelectorAll('.intro-img-slider-group');
971		// const autoSlideTime = 6000;
972		//
973		// let pos = 0;
974		// let intervalId = null;
975		// const slide = () => {
976		// 	return setInterval(() => {
977		// 		sliderNavItemsAll[pos].classList.remove('active');
978		// 		pos = (pos + 1) % slideItems.length;
979		// 		container.dataset.show = pos;
980		// 		sliderNavItemsAll[pos].classList.add('active');
981		// 	}, autoSlideTime);
982		// }
983		//
984		// const prevAction = () => {
985		// 	if(intervalId) clearInterval(intervalId);
986		// 	sliderNavItemsAll[pos].classList.remove('active');
987		// 	pos = pos-1 < 0 ? slideItems.length - 1 : pos - 1;
988		// 	container.dataset.show = pos;
989		// 	sliderNavItemsAll[pos].classList.add('active');
990		// 	intervalId = slide();
991		// }
992		//
993		// const nextAction = () => {
994		// 	if(intervalId) clearInterval(intervalId);
995		// 	sliderNavItemsAll[pos].classList.remove('active');
996		// 	pos = pos+1 >= slideItems.length  ? 0 : pos + 1;
997		// 	container.dataset.show = pos;
998		// 	sliderNavItemsAll[pos].classList.add('active');
999		// 	intervalId = slide();
1000		// }
1001		//
1002		// prev.addEventListener('click', () => {
1003		// 	prevAction();
1004		// });
1005		//
1006		// next.addEventListener('click', () => {
1007		// 	nextAction();
1008		// });
1009		//
1010		// Array.from(sliderNavItemsAll).forEach((item, index) => item.addEventListener("click", (e) => {
1011		// 	e.preventDefault();
1012		// 	if(intervalId) clearInterval(intervalId);
1013		// 	sliderNavItemsAll[pos].classList.remove('active');
1014		// 	pos = index;
1015		// 	container.dataset.show = pos;
1016		// 	sliderNavItemsAll[pos].classList.add('active');
1017		// 	intervalId = slide();
1018		// }))
1019		//
1020		// intervalId = slide();
1021
1022		// document.addEventListener('DOMContentLoaded', e => {
1023		// 	(function() {
1024		// 		$.getScript('common/lib/external/hammer/hammer-2.0.8.min.js')
1025		// 		 .done(function(script, textStatus) {
1026		// 			 const container = document.querySelector('.img-slider-control-area');
1027		// 			 const swiper = new Hammer(container);
1028		//
1029		// 			 swiper.on('swipeleft', function (e) {
1030		// 				 nextAction()
1031		// 			 })
1032		// 			 swiper.on('swiperight', function (e) {
1033		// 				 prevAction()
1034		// 			 })
1035		// 		 });
1036		// 		if(device.ios()){
1037		// 			$('.biz').hide()
1038		// 		}
1039		// 	})()
1040		// })
1041	});
1042</script>
1042
1043
1044<script src="https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/sdk/cloud/Twc.plugin.js"></script>
vendor: 1 bytes, line 1044
1044
1045<script>
1046	(function() {
1047		Twc('init', {
1048			brandKey: "MUxOPwt-6RJvxjfghABUmA",
1049			channelType: "scenario",
1050			scenarioId: "MzI3OQ==",
1051			buttonOption: {
1052				showLauncher: false,
1053				bottom: 120
1054			}
1055		})
1056	})();
1057</script>
1057
1058	
1059	<footer id="footer" class="introFooter">
1060		
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074	
1075		
1075<script src="/common/lib/external/vuejs/2/vue.min.js"></script>
1075
1076	
1077	
1078
1079<script src="/common/lib/external/requirejs/2.3.6/require.min.js"></script>
vendor: 1 bytes, line 1079
1079
1080<script src="/common/lib/external/requirejs/2.3.6/require-grm.js?_dm=202605290027"></script>
1080
1081<div class="footer-top intro">
1082	<div class="container">
1083		<ul class="footer-menu clearfix">
1084			<li class="footer-menu-1depth">
1085				<p class="footer-menu-1depth-title">Company</p>
1086				<ul class="footer-menu-1depth-group">
1087					<li class="footer-menu-2depth">
1088						<a href="//biz.gooroomee.com" target="_blank" class="footer-menu-item biz">Gooroomee BIZ</a>
1089					</li>
1090					<li class="footer-menu-2depth">
1091						<a href="camstudy/main/contact" target="_blank" class="footer-menu-item">Contact Us</a>
1092					</li>
1093				</ul>
1094			</li>
1095			<li class="footer-menu-1depth">
1096				<p class="footer-menu-1depth-title">Community</p>
1097				<ul class="footer-menu-1depth-group">
1098					<li class="footer-menu-2depth">
1099						<a href="https://cafe.naver.com/goocams" target="_blank" class="footer-menu-item">Official cafe</a>
1100					</li>
1101					<li class="footer-menu-2depth">
1102						<a href="https://blog.naver.com/gooroomeeinc" target="_blank" class="footer-menu-item">Blog</a>
1103					</li>
1104					<li class="footer-menu-2depth">
1105						<a href="https://www.instagram.com/gooroomee_official/" target="_blank" class="footer-menu-item">Instagram</a>
1106					</li>
1107					<li class="footer-menu-2depth">
1108						<a href="https://www.facebook.com/igooroomee" target="_blank" class="footer-menu-item">Facebook</a>
1109					</li>
1110					<li class="footer-menu-2depth">
1111						<a href="https://www.youtube.com/channel/UCLEcNg6eA1ellpbM1O1sDAQ" target="_blank" class="footer-menu-item">Youtube</a>
1112					</li>
1113				</ul>
1114			</li>
1115			<li class="footer-menu-1depth">
1116				<p class="footer-menu-1depth-title">Camstudy</p>
1117				<ul class="footer-menu-1depth-group">
1118					<li class="footer-menu-2depth">
1119						<a href='https://guide.gooroomee.com/camsenglishguide' target='_blank' class='footer-menu-item'>Helpdesk</a>
1120					</li>
1121				</ul>
1122			</li>
1123			<li class="footer-menu-1depth">
1124				<p class="footer-menu-1depth-title">Legal Notice</p>
1125				<ul class="footer-menu-1depth-group">
1126					<li class="footer-menu-2depth">
1127						
1128						
1129							<a href="https://guide.gooroomee.com/privacy_policy_eng" target="_blank" class="footer-menu-item">Privacy Policy</a>
1130						
1131					</li>
1132					<li class="footer-menu-2depth">
1133						
1134						
1135							<a href="https://guide.gooroomee.com/terms_eng" target="_blank" class="footer-menu-item">Terms of Service</a>
1136						
1137					</li>
1138					<li class="footer-menu-2depth">
1139						<a href="https://guide.gooroomee.com/camspolicy" target="_blank" class="footer-menu-item">Operational policy</a>
1140					</li>
1141					<li class="footer-menu-2depth">
1142						<a href="https://guide.gooroomee.com/youthprotection" target="_blank" class="footer-menu-item">Youth Protection Policy</a>
1143					</li>
1144				</ul>
1145			</li>
1146			<li class="footer-menu-1depth empty"></li>
1147			<li class="footer-menu-1depth">
1148				<p class="footer-menu-1depth-title">Language</p>
1149				<ul class="footer-menu-1depth-group langSelectArea">
1150					<li class="footer-menu-2depth" id="language-change">
1151						<select class="langSelect" @change="onchange()" v-model="language">
1152							<option value="ko">한국어</option>
1153							<option value="en">English</option>
1154							<option value="es">español</option>
1155							<option value="ar">بالعربي</option>
1156						</select>
1157					</li>
1158				</ul>
1159			</li>
1160		</ul>
1161	</div>
1162</div>
1163<div class="footer-bottom intro">
1164	<div class="container">
1165		<div class="footer-info" id="footer-info">
1166			<ul class="footer-info-block clearfix">
1167				<li class="footer-info-item company-name">Gooroomee Inc.</li>
1168				<li class="footer-info-item address">40 Geumto-ro 80-gil, Sujeong-gu, Seongnam-si, Gyeonggi-do, Republic of Korea (11F, Building B, Pangyo 2nd Techno Valley, Startup Square)</li>
1169				<li class="footer-info-item" @click="copyEmail"><span style="cursor:pointer;">[email protected]</span></li>
1170			</ul>
1171			<ul class="footer-info-block clearfix">
1172				<li class="footer-info-item">Tel: <a href='tel:+82-1833-9229'>+82-1833-9229</a></li>
1173				<li class="footer-info-item">CEO: Rang-Hyuck Lee (Lucas Lee)</li>
1174				<li class="footer-info-item only-korea">사업자등록번호: 165-87-00161</li>
1175				<li class="footer-info-item only-korea">통신판매업 신고번호: 2019-서울강남-01497</li>
1176			</ul>
1177			<div class="copyright">Copyrights 2018.Gooroomee All Rights Reserved</div>
1178		</div>
1179	</div>
1180</div>
1181<div class="mail-toast">
1182</div>
1183<script>
1184	const lang = new Vue({
1185		el: "#language-change",
1186		data: {
1187			language: "en",
1188		},
1189		methods: {
1190			onchange: function() {
1191				const lang = this.language;
1192
1193				$.ajax({
1194					type: 'get',
1195					url: 'locale/change?locale='+lang
1196				}).done(function(result, textStatus, xhr){
1197					location.reload();
1198				}).fail(function(xhr, textStatus, error){
1199					console.error('error :', xhr, textStatus, error);
1200					location.reload();
1201				}).always(function(xhr, textStatus){
1202					console.info('complete :', xhr, textStatus);
1203				});
1204				return;
1205			},
1206
1207		}
1208	})
1209	const footerInfo = new Vue({
1210		el: "#footer-info",
1211		data: {
1212			isClicked: false,
1213			checkClick: null,
1214		},
1215		methods: {
1216			copyEmail: function() {
1217				const toast = $('.mail-toast')
1218				if(!this.isClicked) {
1219					window.navigator.clipboard.writeText('[email protected]');
1220					toast.text(i18n('footer.toast'))
1221					toast.addClass('on');
1222					clearTimeout(this.checkClick);
1223					this.isClicked = true;
1224				} else {
1225					return;
1226				}
1227				this.checkClick = setTimeout(()=>{
1228					$('.mail-toast').removeClass('on');
1229					this.isClicked = false;
1230				}, 2000);
1231			}
1232		}
1233	})
1234	document.addEventListener('DOMContentLoaded', function(){
1235			if(device.ios()){
1236				$('.biz').hide()
1237			}
1238	})
1239</script>
1239
1240
1241	</footer>
1242</body>
1243<script>
1244document.addEventListener('DOMContentLoaded', function(){
1245	// hash repair
1246	if(document.querySelector('base')){
1247		var items = document.querySelectorAll('a');
1248		for(var i=0, len=items.length; i<len; i++){
1249			var a = items.item(i);
1250			var href = a.getAttribute('href');
1251			if(href && href.substring(0, 1)=='#'){
1252				a.setAttribute('href', location.pathname + a.hash)
1253			}
1254		}
1255	}
1256});
1257</script>
1257
1258
1259<script src="/gooroomee-service.js"></script>
vendor: 1 bytes, line 1259
1259
1260<script>
1261	(function () {
1262		// ios 로그인이 안된 상태
1263		if (!device.ios()) return;
1264
1265		// check params
1266		let roomId = $('meta[name="grm-roomid"]').attr('content');
1267		let roomUrlId = $('meta[name="grm-roomurlid"]').attr('content');
1268		let url = 'gooroomee://' + location.hostname;
1269
1270		// go room
1271		if(roomId){
1272			url += '/room/' + roomId;
1273			location.href = url;
1274		}else if(roomUrlId){
1275			url += '/' + encodeURIComponent(roomUrlId);
1276			location.href = url;
1277		}
1278	}());
1279</script>
1279
1280</body>
1281</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.