PageSourceSearch

https://englishcastle.co.kr/index.html

html englishcastle.co.kr collected 2026-10-02 01:04:16 UTC 44,868 bytes, 744 lines download raw bytes

1<!doctype html>
2<html lang="en">
3
4  <head>
5    <meta charset="utf-8">
6    <title>잉글리쉬 캐슬</title>
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <meta name="description" content="A corporate Bootstrap theme by Medium Rare">
9    <link href="pages/assets/css/loaders/loader-typing.css" rel="stylesheet" type="text/css" media="all" />
10    <link href="pages/assets/css/theme-desktop-app.css" rel="stylesheet" type="text/css" media="all" />
11    <link rel="preload" as="font" href="pages/assets/fonts/Inter-UI-upright.var.woff2" type="font/woff2" crossorigin="anonymous">
12    <link rel="preload" as="font" href="pages/assets/fonts/Inter-UI.var.woff2" type="font/woff2" crossorigin="anonymous">
13    <link href="pages/assets/css/english_castle.css" rel="stylesheet">
14    <link rel="shortcut icon" href="pages/assets/img/favicon.png">
15  </head>
16
17  <body class="english_castle">
18    <div class="loader">
19      <div class="loading-animation"></div>
20    </div>
21
22    <div class="navbar-container bg-primary-3 bg-yellow">
23      <nav class="navbar navbar-expand-lg navbar-dark bg-primary-3 bg-yellow" data-sticky="top">
24        <div class="container">
25          <a class="navbar-brand fade-page" href="./index.html">
26            <img src="pages/assets/img/logo-white.svg" alt="Leap">
27          </a>
28          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
29            <img class="icon navbar-toggler-open" src="pages/assets/img/icons/interface/menu.svg" alt="menu interface icon" data-inject-svg />
30            <img class="icon navbar-toggler-close" src="pages/assets/img/icons/interface/cross.svg" alt="cross interface icon" data-inject-svg />
31          </button>
32          <div class="collapse navbar-collapse justify-content-end">
33            <div class="py-2 py-lg-0">
34              <ul class="navbar-nav">
35                <li class="nav-item dropdown">
36                  <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">Brand</a>
37                </li>
38                <li class="nav-item dropdown">
39                  <a href="pages/contact.html" class="nav-link dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">Contact</a>
40                  <div class="dropdown-menu row">
41                </li>
42              </ul>
43            </div><a href="http://user.englishcastle.co.kr/login/login.do" class="btn btn-primary ml-lg-3">선생님 로그인</a>
44          </div>
45        </div>
46      </nav>
47    </div>
48
49    <section class="bg-primary-3 text-light text-center has-divider header-desktop-app bg-yellow">
50      <div class="container">
51        <div class="row justify-content-center">
52          <div class="col-xl-7 col-lg-8 col-md-9">
53            <div class="ec_title">
54              <p class="lead">G-Learning / AI 프로그램</p>
55              <h1 class="display-3 title">잉글리쉬 캐슬</h1>
56            </div>
57
58            
59
60            <div class="d-flex flex-column flex-sm-row justify-content-center mt-4">
61              <!-- <a href="#" class="btn btn-lg btn-primary mx-2 mb-2 mb-sm-0">Try for Free</a> -->
62              <a href="https://play.google.com/store/apps/details?id=com.itsnowball.englishcastle.english.study.academy" class="btn btn-lg btn-outline-primary mx-sm-2 mb-3 mb-sm-0 googleplay main_btn">
63                <img class="icon ec_red" src="./pages/assets/img/icons/social/googleplay.svg" alt="googleplay social icon" data-inject-svg />
64                <span>Google Play</span>
65              </a>
66
67              <a href="https://apps.apple.com/sa/app/%EC%9E%89%EA%B8%80%EB%A6%AC%EC%89%AC%EC%BA%90%EC%8A%AC/id1608656006" class="btn btn-lg btn-outline-primary mx-sm-2 mb-3 mb-sm-0 googleplay main_btn">
68                <img class="icon" src="./pages/assets/img/icons/social/apple.svg" alt="googleplay social icon" data-inject-svg />
69                <span>App Store</span>
70              </a>
71
72            </div>
73            <div class="d-flex flex-column flex-sm-row justify-content-center mt-4">
74              <a href="https://metaclasslink-client-patch.s3.ap-northeast-2.amazonaws.com/englishcastle/gmate_hb_1.48.4_64_cert.zip" class="btn btn-lg btn-primary mx-sm-2 mb-3 mb-sm-0">
75                <img class="icon" src="./pages/assets/img/icons/social/googleplay.svg" alt="googleplay social icon" data-inject-svg />
76                <span>Window10 PC 64bit</span>
77              </a>
78              <a href="https://metaclasslink-client-patch.s3.ap-northeast-2.amazonaws.com/englishcastle/gmate_hb_1.48.4_64_cert.zip" class="btn btn-lg btn-primary mx-sm-2 mb-3 mb-sm-0">
79                <img class="icon" src="./pages/assets/img/icons/social/googleplay.svg" alt="googleplay social icon" data-inject-svg />
80                <span>Window10 PC 32bit</span>
81              </a>
82            </div>
83
84          </div>
85        </div>
86        <div class="row justify-content-center mt-6" data-aos="fade-up" data-delay="100">
87          <div class="col-lg-10">
88            <img src="pages/assets/img/desktop-app-4.png" alt="Image" class="rounded">
89          </div>
90        </div>
91      </div>
92      
93      <div class="divider">
94        <img src="pages/assets/img/dividers/divider-2.svg" alt="graphical divider" data-inject-svg />
95      </div>
96      
97    </section>
98    
99    <section>
100      <div class="container">
101        <div class="row mb-4 text-center">
102          <div class="col">
103            <h2 class="h1">영어가 저절로 습득되고 즐거워지는 영어마법 시간</h2>
104            <p class="lead">학습모듈을 통한 이해력을 바탕으로 영어를 영어답게 <br>
105              종합적인 영어실혁 향상이 이루어집니다.</p>
106          </div>
107        </div>
108      </div>
109    </section>
110
111    <section>
112      <div class="container">
113        <div class="row mb-4 text-center">
114          <div class="col">
115            <h2 class="h1">잉글리쉬 캐슬 소개</h2>
116          </div>
117        </div>
118        <div class="row text-center">
119          <div class="col-md-3" data-aos="fade-up" data-aos-delay="100">
120            <div class="icon-round bg-primary mx-auto mb-4">
121              <img class="icon bg-primary" src="pages/assets/img/icons/theme/home/earth.svg" alt="icon" data-inject-svg />
122            </div>
123            <h4>과학적/통합적 영어</h4>
124            <p class="lead mx-xl-3">언어습득 및 발달과정을 토대로 읽기, 쓰기, 말하기, 듣기를 균형있고 재미있게 습득</p>
125          </div>
126          <div class="col-md-3" data-aos="fade-up" data-aos-delay="200">
127            <div class="icon-round bg-primary mx-auto mb-4">
128              <img class="icon bg-primary" src="pages/assets/img/icons/theme/devices/tablet.svg" alt="icon" data-inject-svg />
129            </div>
130            <h4>영어노출 극대화</h4>
131            <p class="lead mx-xl-3">제한된 시간에 학원에서 오프라인으로만 하던 영어학습을 언제 어디서든 자연스럽게 습득할 수 있도록 PC, 태블릿, 휴대폰 (안드로이드와 아이폰)으로 학습이 가능</p>
132          </div>
133          <div class="col-md-3" data-aos="fade-up" data-aos-delay="300">
134            <div class="icon-round bg-primary mx-auto mb-4">
135              <img class="icon bg-primary" src="pages/assets/img/icons/theme/communication/group-chat.svg" alt="icon" data-inject-svg />
136            </div>
137            <h4>실용적 영어</h4>
138            <p class="lead mx-xl-3">시험만을 위한 영어가 아닌 의사소통을 가능하게 하며 배운 내용에 대한 성취를 느낄 수 있는 학습 배틀이 가능</p>
139          </div>
140          <div class="col-md-3" data-aos="fade-up" data-aos-delay="300">
141            <div class="icon-round bg-primary mx-auto mb-4">
142              <img class="icon bg-primary" src="pages/assets/img/icons/theme/home/book-open.svg" alt="icon" data-inject-svg />
143            </div>
144            <h4>엄선된 교재와 커리큘럼</h4>
145            <p class="lead mx-xl-3">우수한 퀄리티로 인정받고 있는 유명 교재사와 우수한 커리큘럼을 자랑하는 에듀케이에 의해 구성됨</p>
146          </div>
147        </div>
148      </div>
149    </section>
150    <section class="has-divider bg-primary-2-alt">
151      <div class="divider flip-y">
152        <img src="pages/assets/img/dividers/divider-2.svg" alt="graphical divider" data-inject-svg />
153      </div>
154      <div class="container pt-3 pb-0">
155        <div class="row justify-content-center text-center mb-6">
156          <div class="col-xl-8 col-lg-9">
157            <p class="lead">보고 듣고 생각하고 재미있게 말하는 신개념</p>
158            <h2 class="display-4 mx-xl-6">G-Learning 학습</h2>
159          </div>
160        </div>
161        <div class="row">
162          <div class="col-lg-3 col-md-4 mb-4 mb-md-0">
163            <ul class="nav flex-column" role="tablist">
164              <li class="nav-item">
165                <a class="nav-link btn btn-light p-2 text-left active" href="#app-tab-1" data-toggle="tab" aria-controls="app-tab-1" aria-selected="true" role="tab">
166                  <img class="icon bg-primary" src="pages/assets/img/icons/theme/code/done-circle.svg" alt="subtract icon" data-inject-svg />스펠링 맞추기
167                </a>
168              </li>
169              <li class="nav-item">
170                <a class="nav-link btn btn-light p-2 text-left" href="#app-tab-2" data-toggle="tab" aria-controls="app-tab-2" aria-selected="false" role="tab">
171                  <img class="icon bg-primary" src="pages/assets/img/icons/theme/code/error-circle.svg" alt="pixels icon" data-inject-svg />OX 퀴즈
172                </a>
173              </li>
174              <li class="nav-item">
175                <a class="nav-link btn btn-light p-2 text-left" href="#app-tab-3" data-toggle="tab" aria-controls="app-tab-3" aria-selected="false" role="tab">
176                  <img class="icon bg-primary" src="pages/assets/img/icons/theme/code/puzzle.svg" alt="saturation icon" data-inject-svg />단어 고르기</a>
177              </li>
178              <li class="nav-item">
179                <a class="nav-link btn btn-light p-2 text-left" href="#app-tab-4" data-toggle="tab" aria-controls="app-tab-3" aria-selected="false" role="tab">
180                  <img class="icon bg-primary" src="pages/assets/img/icons/theme/devices/mic.svg" alt="saturation icon" data-inject-svg />원어민  음파 비교</a>
181              </li>
182              <li class="nav-item">
183                <a class="nav-link btn btn-light p-2 text-left" href="#app-tab-5" data-toggle="tab" aria-controls="app-tab-3" aria-selected="false" role="tab">
184                  <img class="icon bg-primary" src="pages/assets/img/icons/theme/design/edit.svg" alt="saturation icon" data-inject-svg />문법 패턴 학습</a>
185              </li>
186              <li class="nav-item">
187                <a class="nav-link btn btn-light p-2 text-left" href="#app-tab-6" data-toggle="tab" aria-controls="app-tab-3" aria-selected="false" role="tab">
188                  <img class="icon bg-primary" src="pages/assets/img/icons/theme/devices/headphones.svg" alt="saturation icon" data-inject-svg />듣기, 문장읽기, 쉐도잉</a>
189              </li>
190              <li class="nav-item">
191                <a class="nav-link btn btn-light p-2 text-left" href="#app-tab-7" data-toggle="tab" aria-controls="app-tab-3" aria-selected="false" role="tab">
192                  <img class="icon bg-primary" src="pages/assets/img/icons/theme/text/align-justify.svg" alt="saturation icon" data-inject-svg />문장 완성(영작) 학습</a>
193              </li>
194              <li class="nav-item">
195                <a class="nav-link btn btn-light p-2 text-left" href="#app-tab-8" data-toggle="tab" aria-controls="app-tab-3" aria-selected="false" role="tab">
196                  <img class="icon bg-primary" src="pages/assets/img/icons/theme/home/book-open.svg" alt="saturation icon" data-inject-svg />문장 리딩 학습</a>
197              </li>
198            </ul>
199          </div>
200          <div class="col mb-lg-n7 layer-2">
201            <div class="tab-content">
202              <div class="tab-pane fade show active" id="app-tab-1" role="tabpanel" aria-labelledby="app-tab-1">
203                
204                <p class="lead mx-xl-3">러닝센터(어학원, 보습학원, 교습소, 공부방)에서 영어를 즐기고 습득</p>
205                <div class="popover-image">
206                  <!-- <div class="popover-hotspot bg-primary-2" style="top: 25%; left: 10%;" data-toggle="popover" title="Hotspot title" data-content="And here's some amazing content. It's very engaging. Right?"></div>
207                  <div class="popover-hotspot bg-primary-2" style="top: 10%; left: 90%;" data-toggle="popover" title="Hotspot title" data-content="And here's some amazing content. It's very engaging. Right?"></div>
208                  <div class="popover-hotspot bg-primary-2" style="top: 90%; left: 20%;" data-toggle="popover" title="Hotspot title" data-content="And here's some more amazing content. It's very engaging. Right?"></div> -->
209                  <img src="pages/assets/img/desktop-app-2.png" alt="Image" class="rounded shadow-lg">
210                </div>
211              </div>
212              <div class="tab-pane fade" id="app-tab-2" role="tabpanel" aria-labelledby="app-tab-2">
213                <p class="lead mx-xl-3">각 콘텐츠 특성에 맞춘 학습 모듈 설계</p>
214                <div class="popover-image">
215                  <!-- <div class="popover-hotspot bg-primary-2" style="top: 25%; left: 10%;" data-toggle="popover" title="Hotspot title" data-content="And here's some amazing content. It's very engaging. Right?"></div>
216                  <div class="popover-hotspot bg-primary-2" style="top: 10%; left: 90%;" data-toggle="popover" title="Hotspot title" data-content="And here's some amazing content. It's very engaging. Right?"></div>
217                  <div class="popover-hotspot bg-primary-2" style="top: 90%; left: 20%;" data-toggle="popover" title="Hotspot title" data-content="And here's some more amazing content. It's very engaging. Right?"></div> -->
218                  <img src="pages/assets/img/desktop-app-1.png" alt="Image" class="rounded shadow-lg">
219                </div>
220              </div>
221              <div class="tab-pane fade" id="app-tab-3" role="tabpanel" aria-labelledby="app-tab-3">
222                <p class="lead mx-xl-3">부족한 영역을 즐겁게 반복하여 습득하는 미션 수행</p>
223                <div class="popover-image">
224                  <!-- <div class="popover-hotspot bg-primary-2" style="top: 25%; left: 10%;" data-toggle="popover" title="Hotspot title" data-content="And here's some amazing content. It's very engaging. Right?"></div>
225                  <div class="popover-hotspot bg-primary-2" style="top: 10%; left: 90%;" data-toggle="popover" title="Hotspot title" data-content="And here's some amazing content. It's very engaging. Right?"></div>
226                  <div class="popover-hotspot bg-primary-2" style="top: 90%; left: 20%;" data-toggle="popover" title="Hotspot title" data-content="And here's some more amazing content. It's very engaging. Right?"></div> -->
227                  <img src="pages/assets/img/desktop-app-5.png" alt="Image" class="rounded shadow-lg">
228                </div>
229              </div>
230              <div class="tab-pane fade" id="app-tab-4" role="tabpanel" aria-labelledby="app-tab-4">
231                <p class="lead mx-xl-3">끊임없는 상호작용으로 학습 동기부여 및 지속 가능</p>
232                <div class="popover-image">
233                  <!-- <div class="popover-hotspot bg-primary-2" style="top: 25%; left: 10%;" data-toggle="popover" title="Hotspot title" data-content="And here's some amazing content. It's very engaging. Right?"></div>
234                  <div class="popover-hotspot bg-primary-2" style="top: 10%; left: 90%;" data-toggle="popover" title="Hotspot title" data-content="And here's some amazing content. It's very engaging. Right?"></div>
235                  <div class="popover-hotspot bg-primary-2" style="top: 90%; left: 20%;" data-toggle="popover" title="Hotspot title" data-content="And here's some more amazing content. It's very engaging. Right?"></div> -->
236                  <img src="pages/assets/img/desktop-app-6.png" alt="Image" class="rounded shadow-lg">
237                </div>
238              </div>
239
240              <div class="tab-pane fade" id="app-tab-5" role="tabpanel" aria-labelledby="app-tab-5">
241                <div class="popover-image">
242                  <img src="pages/assets/img/desktop-app-7.png" alt="Image" class="rounded shadow-lg">
243                </div>
244              </div>
245
246              <div class="tab-pane fade" id="app-tab-6" role="tabpanel" aria-labelledby="app-tab-6">
247                <div class="popover-image">
248                  <img src="pages/assets/img/desktop-app-8.png" alt="Image" class="rounded shadow-lg">
249                </div>
250              </div>
251
252              <div class="tab-pane fade" id="app-tab-7" role="tabpanel" aria-labelledby="app-tab-7">
253                <div class="popover-image">
254                  <img src="pages/assets/img/desktop-app-9.png" alt="Image" class="rounded shadow-lg">
255                </div>
256              </div>
257
258              <div class="tab-pane fade" id="app-tab-8" role="tabpanel" aria-labelledby="app-tab-8">
259                <div class="popover-image">
260                  <img src="pages/assets/img/desktop-app-10.png" alt="Image" class="rounded shadow-lg">
261                </div>
262              </div>
263            </div>
264          </div>
265        </div>
266      </div>
267      <div class="divider flip-x">
268        <img src="pages/assets/img/dividers/divider-3.svg" alt="graphical divider" data-inject-svg />
269      </div>
270    </section>
271
272    <section class="justify-content-center">
273      <div class="container">
274        <div class="row justify-content-center text-center mb-6">
275          <div class="col">
276            <h2 class="h1">잉글리쉬 캐슬 미래지향 언어교육</h2>
277            <p>6가지 영어교육모듈 혁신</p>
278          </div>
279        </div>
280        <div class="row justify-content-center">
281          <div class="col-sm-6 col-lg-4 d-flex align-items-center mb-5 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
282            <img src="pages/assets/img/avatars/male-1.jpg" alt="Benjamin Cameron" class="avatar avatar-xlg mr-3">
283            <div>
284              <h5 class="mb-0">어휘 학습 모듈</h5>
285              <!-- <span>CEO</span> -->
286            </div>
287          </div>
288          <div class="col-sm-6 col-lg-4 d-flex align-items-center mb-5 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
289            <img src="pages/assets/img/avatars/female-4.jpg" alt="Andrea Souzakis" class="avatar avatar-xlg mr-3">
290            <div>
291              <h5 class="mb-0">가상대화 모듈</h5>
292              <!-- <span>CTO</span> -->
293            </div>
294          </div>
295          <div class="col-sm-6 col-lg-4 d-flex align-items-center mb-5 aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
296            <img src="pages/assets/img/avatars/male-2.jpg" alt="Anil Bhaktar" class="avatar avatar-xlg mr-3">
297            <div>
298              <h5 class="mb-0">학습배틀 모듈</h5>
299              <!-- <span>Advisor</span> -->
300            </div>
301          </div>
302          <div class="col-sm-6 col-lg-4 d-flex align-items-center mb-5 aos-init aos-animate" data-aos="fade-up" data-aos-delay="400">
303            <img src="pages/assets/img/avatars/female-3.jpg" alt="Candice Tierman" class="avatar avatar-xlg mr-3">
304            <div>
305              <h5 class="mb-0">문장 학습 모듈</h5>
306              <!-- <span>Advisor</span> -->
307            </div>
308          </div>
309          <div class="col-sm-6 col-lg-4 d-flex align-items-center mb-5 aos-init aos-animate" data-aos="fade-up" data-aos-delay="500">
310            <img src="pages/assets/img/avatars/male-5.jpg" alt="Andrew Finnigan" class="avatar avatar-xlg mr-3">
311            <div>
312              <h5 class="mb-0">3D 실전 가상대화 모듈</h5>
313              <!-- <span>Advisor</span> -->
314            </div>
315          </div>
316          <div class="col-sm-6 col-lg-4 d-flex align-items-center mb-5 aos-init aos-animate" data-aos="fade-up" data-aos-delay="600">
317            <img src="pages/assets/img/avatars/male-4.jpg" alt="Cedric Vance" class="avatar avatar-xlg mr-3">
318            <div>
319              <h5 class="mb-0">VR 현실 모듈</h5>
320              <!-- <span>Advisor</span> -->
321            </div>
322          </div>
323        </div>
324      </div>
325    </section>
326    
327   <!--  <section>
328      <div class="container">
329        <div class="row align-items-center justify-content-around o-hidden">
329
330          <div class="col-md-6 col-lg-5 mb-4 mb-md-0" data-aos="fade-right">
331            <img src="pages/assets/img/desktop-app-1.jpg" alt="Image" class="rounded shadow">
332          </div>
333          <div class="col-lg-5 col-md-6" data-aos="fade-left">
334            <h3 class="h2">Powerful Discovery</h3>
335            <p class="lead">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.</p>
336            <a href="#" class="lead hover-arrow">Start Discovering</a>
337          </div>
338        </div>
339      </div>
340    </section>
341    <section class="pt-0">
342      <div class="container">
343        <div class="row align-items-center justify-content-around flex-row-reverse o-hidden">
344          <div class="col-md-6 col-lg-5 mb-4 mb-md-0" data-aos="fade-left">
345            <img src="pages/assets/img/desktop-app-2.jpg" alt="Image" class="rounded shadow">
346          </div>
347          <div class="col-lg-5 col-md-6" data-aos="fade-right">
348            <h3 class="h2">Smart Management</h3>
349            <p class="lead">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.</p>
350            <a href="#" class="lead hover-arrow">Start Discovering</a>
351          </div>
352        </div>
353      </div>
354    </section> -->
355    <section class="bg-primary-3 text-light has-divider jarallax" data-jarallax data-speed="0.2">
356      <div class="divider flip-y">
357        <img src="pages/assets/img/dividers/divider-2.svg" alt="graphical divider" data-inject-svg />
358      </div>
359      <img src="pages/assets/img/english_castle.png" alt="Image" class="jarallax-img opacity-20">
360      <div class="container">
361        <div class="row justify-content-center text-center min-vh-50 align-items-center">
362          <div class="col-xl-8 col-lg-9 col-md-10">
363            <a data-fancybox href="pages/assets/video/english_castle.mp4" class="btn btn-xlg btn-primary btn-round mx-auto mb-4" data-aos="fade-up">
364              <img class="icon" src="pages/assets/img/icons/theme/media/play.svg" alt="play icon" data-inject-svg />
365            </a>
366            <h4 class="display-3">거침없이 말하고 표현하라!</h4>
367            <p class="lead">학습모듈을 통한 이해력을 바탕으로 영어를 영어답게 <br>
368              종합적인 영어실혁 향상이 이루어집니다.</p>
369
370          </div>
371        </div>
372      </div>
373    </section>
374    <section class="bg-primary-3 o-hidden has-divider">
375      <div class="container pb-4 text-light">
376        <div class="row justify-content-center text-center mb-6">
377          <div class="col-xl-8 col-lg-9">
378            <h2 class="display-4 mx-xl-6">잉글리쉬 캐슬만의 차별화된 시스템</h2>
379            <!-- <p class="lead">
380              Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.
381            </p> -->
382          </div>
383        </div>
384      </div>
385      <div class="controls-light arrows-inside highlight-selected mb-6" data-flickity='{ "autoPlay": true, "imagesLoaded": true, "wrapAround": true }'>
386        <div class="carousel-cell col-xl-3 col-lg-4 col-md-5 col-9 pb-1">
387          <div class="card card-body">
388            <div class="mb-3 mb-md-4">
389              <img src="pages/assets/img/icons/theme/communication/group-chat.svg" alt="VR" class="avatar avatar-lg icon bg-primary" data-inject-svg >
390            </div>
391            <div class="flex-grow-1 pt-md-3">
392              <h4>&ldquo;암기가 아닌 영어를 언어로 습득하고 자연스럽게 표현&rdquo;</h4>
393            </div>
394            <!-- <div class="avatar-author d-block mt-2">
395              <h6>Benjamin Cameron</h6>
396              <span>Designer</span>
397            </div> -->
398          </div>
399        </div>
400        <div class="carousel-cell col-xl-3 col-lg-4 col-md-5 col-9 pb-1">
401          <div class="card card-body">
402            <div class="mb-3 mb-md-4">
403              <img src="pages/assets/img/icons/theme/devices/cardboard-vr.svg" alt="VR" class="avatar avatar-lg icon bg-primary" data-inject-svg >
404            </div>
405            <div class="flex-grow-1 pt-md-3">
406              <h4>&ldquo;가상대화 모듈을 통한 훈련으로 실제 일상생활에 적용 가능한 영어학습&rdquo;</h4>
407            </div>
408            <!-- <div class="avatar-author d-block mt-2">
409              <h6>Marco Origez</h6>
410              <span>Developer</span>
411            </div> -->
412          </div>
413        </div>
414        <div class="carousel-cell col-xl-3 col-lg-4 col-md-5 col-9 pb-1">
415          <div class="card card-body">
416            <div class="mb-3 mb-md-4">
417              <img src="pages/assets/img/icons/theme/design/image.svg" alt="VR" class="avatar avatar-lg icon bg-primary" data-inject-svg >
418            </div>
419            <div class="flex-grow-1 pt-md-3">
420              <h4>&ldquo;영어가 놀이처럼 즐겁게 습득되며 집중도 향상 및 학습 동기부여 지속&rdquo;</h4>
421            </div>
422            <!-- <div class="avatar-author d-block mt-2">
423              <h6>Helen Shultz</h6>
424              <span>Business Owner</span>
425            </div> -->
426          </div>
427        </div>
428        <div class="carousel-cell col-xl-3 col-lg-4 col-md-5 col-9 pb-1">
429          <div class="card card-body">
430            <div class="mb-3 mb-md-4">
431              <img src="pages/assets/img/icons/theme/files/share.svg" alt="VR" class="avatar avatar-lg icon bg-primary" data-inject-svg >
432            </div>
433            <div class="flex-grow-1 pt-md-3">
434              <h4>&ldquo;저학년~고학년 모두 적용 가능한 교재 온/오프라인 연동 학습&rdquo;</h4>
435            </div>
436            <!-- <div class="avatar-author d-block mt-2">
437              <h6>Annabelle Porter</h6>
438              <span>Designer</span>
439            </div> -->
440          </div>
441        </div>
442        <div class="carousel-cell col-xl-3 col-lg-4 col-md-5 col-9 pb-1">
443          <div class="card card-body">
444            <div class="mb-3 mb-md-4">
445              <img src="pages/assets/img/icons/theme/communication/shield-user.svg" alt="VR" class="avatar avatar-lg icon bg-primary" data-inject-svg >
446            </div>
447            <div class="flex-grow-1 pt-md-3">
448              <h4>&ldquo;단순 공부로 끝나는 것이 아닌, 친구들과의 학습 배틀을 통한 흥미진진한 학습&rdquo;</h4>
449            </div>
450            <!-- <div class="avatar-author d-block mt-2">
451              <h6>Gabby Kidman</h6>
452              <span>Business Owner</span>
453            </div> -->
454          </div>
455        </div>
456       <!--  <div class="carousel-cell col-xl-3 col-lg-4 col-md-5 col-9 pb-1">
457          <div class="card card-body">
458            <div class="mb-3 mb-md-4">
459              <img src="pages/assets/img/avatars/male-5.jpg" alt="Avatar" class="avatar avatar-lg">
460            </div>
461            <div class="flex-grow-1 pt-md-3">
462              <h4>
463          &ldquo;A beautifully detailed product without compromise.&rdquo;
464              </h4>
465            </div>
466            <div class="avatar-author d-block mt-2">
467              <h6>Andrew Kingsman</h6>
468              <span>Business Owner</span>
469            </div>
470          </div>
471        </div> -->
472      </div>
473      <div class="divider">
474        <img src="pages/assets/img/dividers/divider-2.svg" alt="graphical divider" data-inject-svg />
475      </div>
476    </section>
477
478    <section class="">
479      <div class="container">
480        <div class="row justify-content-center">
481          <div class="col-xl-8 col-lg-9 text-center">
482            <h3 class="h2">잉글리쉬 캐슬에 대한 Q&A</h3>
483            <div class="my-4">
484              <div class="card mb-2 card-sm card-body hover-shadow-sm aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
485                <div data-target="#panel-1" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-1">
486                  <span class="h6 mb-0">영어 교육환경이 완전히 달라지고 있다고요?</span>
487                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
488                    <path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
489                    <path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5
489523 20 13 19.5523 13 19Z" fill="#212529"></path>
490                    </svg>
491                </div>
492                <div class="collapse" id="panel-1">
493                  <div class="pt-3 text-left">
494                    <p class="mb-0">
495                      YES! <br>
496                      학생 스스로 참여하고 표현하는 능력이 더 중요해졌습니다. 
497                      잉글리쉬 캐슬을 통해 <span class="color_text">의사소통 향상 및 읽기, 쓰기</span>를 자연스럽게 습득하는 것이 가능해집니다.
498                    </p>
499                  </div>
500                </div>
501              </div>
502              <div class="card mb-2 card-sm card-body hover-shadow-sm aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
503                <div data-target="#panel-2" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-2">
504                  <span class="h6 mb-0">우리 아이가 잉글리쉬 캐슬 학습 과정을 잘 따라갈 수 있을까요?</span>
505                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
506                    <path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
507                    <path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
508                    </svg>
509                </div>
510                <div class="collapse" id="panel-2">
511                  <div class="pt-3 text-left">
512                    <p class="mb-0">
513                      Of Course! <br>
514                      잉글리쉬 캐슬은 <span class="color_text">체계적인 커리큘럼과 수준별 티칭 수업</span>이 함께 이루어지므로 아이의 실력에 맞는 학습이 가능합니다.
515                    </p>
516                  </div>
517                </div>
518              </div>
519              <div class="card mb-2 card-sm card-body hover-shadow-sm aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
520                <div data-target="#panel-3" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-3">
521                  <span class="h6 mb-0">잉글리쉬 캐슬은 기존의 영어학습과는 많이 다른가요?</span>
522                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
523                    <path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
524                    <path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
525                    </svg>
526                </div>
527                <div class="collapse" id="panel-3">
528                  <div class="pt-3 text-left">
529                    <p class="mb-0">
530                      It’s different! <br>
531                      잉글리쉬 캐슬을 통해 배우는 즐거움과 자기주도 학습으로 <span class="color_text">영어에 흥미</span>를 가지게 됩니다.
532                    </p>
533                  </div>
534                </div>
535              </div>
536            </div>
537            <!-- <span>Still have questions? <a href="#" class="hover-arrow">Get in touch</a>
538            </span> -->
539          </div>
540        </div>
541      </div>
542    </section>
543
544    <section>
545      <div class="container">
546        <div class="row justify-content-center text-center" data-aos="fade-up">
547          <div class="col-lg-6 col-md-8">
548            <h3 class="display-4">Window PC버전 Download</h3>
549            <div class="d-sm-flex justify-content-center my-2 my-md-4">
550              <a href="http://repo.itsnowball.com/download/englishcastle/EtcDownload?authCode=3a6f5a61ed35d915a22f376bd10d601d5da5d0c4a1da2325ab66105b5814b0f8" class="btn btn-lg btn-primary mx-sm-2 mb-3 mb-sm-0">
551                <img class="icon" src="./pages/assets/img/icons/social/googleplay.svg" alt="googleplay social icon" data-inject-svg />
552                <span>윈도우10 PC 64비트</span>
553              </a>
554              <a href="http://repo.itsnowball.com/download/englishcastle/EtcDownload?authCode=33ca353333666fc6b71d0a2cf40d0a1e25bd5259b79d8e3d19e8835baa815402
555              " class="btn btn-lg btn-primary mx-sm-2 mb-3 mb-sm-0">
556                <img class="icon" src="./pages/assets/img/icons/social/googleplay.svg" alt="googleplay social icon" data-inject-svg />
557                <span>윈도우10 PC 32비트</span>
558              </a>
559            </div>
560            <div class="mx-lg-5 text-small text-muted">잉글리쉬 캐슬 윈도우10 PC 64비트, 32비트 다운로드 받을 수 있는 버튼입니다.</div>
561          </div>
562        </div>
563      </div>
564    </section>
565
566    <footer class="pb-4 bg-primary-3 text-light" id="footer">
567      <div class="container">
568        <div class="row mb-5">
569          <div class="col">
570            <div class="card card-body border-0 o-hidden mb-0 bg-primary text-light">
571              <div class="position-relative d-flex flex-column flex-md-row justify-content-between align-items-center">
572                <div class="h3 text-center mb-md-0">원격지원 - 이용하는데 어려움이 있다면 요청하세요.</div>
573                <a href="https://367.co.kr/" class="btn btn-lg btn-white">
574                원격지원
575              </a>
576              </div>
577              <div class="decoration layer-0">
578                <img class="bg-primary-2" src="pages/assets/img/decorations/deco-blob-1.svg" alt="deco-blob-1 decoration" data-inject-svg />
579              </div>
580            </div>
581
582          </div>
583        </div>
584        <div class="row mb-5">
585          <div class="col-6 col-lg-3 col-xl-2">
586            <h5>Navigate</h5>
587            <ul class="nav flex-column">
588              <li class="nav-item">
589                <a href="#" class="nav-link">Brand</a>
590              </li>
591              <li class="nav-item">
592                <a href="pages/contact.html" class="nav-link">Contact</a>
593              </li>
594              <!-- <li class="nav-item">
595                <a href="#" class="nav-link">Blog</a>
596              </li>
597              <li class="nav-item">
598                <a href="#" class="nav-link">Portfolio</a>
599              </li>
600              <li class="nav-item">
601                <a href="#" class="nav-link">Elements</a>
602              </li> -->
603            </ul>
604          </div>
605          <div class="col-6 col-lg">
606            <h5>(주)에이치비IT</h5>
607            <ul class="list-unstyled">
608              <ul class="list-unstyled">
609                <li class="mb-3 d-flex">
610                  <img class="icon" src="./pages/assets/img/icons/theme/general/user.svg" alt="mail icon" data-inject-svg />
611                  <div class="ml-3">
612                    <a href="#">대표자 : 강병덕</a>
613                  </div>
614                </li>
615                <li class="mb-3 d-flex">
616                  <img class="icon" src="./pages/assets/img/icons/theme/map/marker-1.svg" alt="marker-1 icon" data-inject-svg />
617                  <div class="ml-3">
618                    <span>경기도 이천시 이섭대천로 1334(이천)
619                      <br />서울특별시 금천구 디지털로 9길 99, 406호(가산동, 스타밸리)(서울)</span>
620                  </div>
621                </li>
622                <li class="mb-3 d-flex">
623                  <img class="icon" src="./pages/assets/img/icons/theme/communication/call-1.svg" alt="call-1 icon" data-inject-svg />
624                  <div class="ml-3">
625                    <span>지사 : 010-9468-4732 <br>
626                      문의 : 010-8076-4199</span> <br>
627                    <span>TEL. 010-8076-4199 FAX. 031-634-4745(이천)</span> <br>
628                    <span>TEL. 02-921-1110 FAX. 0504-387-1875(서울)</span><br>
629                  </div>
630                </li>
631                <li class="mb-3 d-flex">
632                  <img class="icon" src="./pages/assets/img/icons/theme/communication/mail.svg" alt="mail icon" data-inject-svg />
633                  <div class="ml-3">
634                    <a href="#">[email protected]</a>
635                  </div>
636                </li>
637                
638              </ul>
639            </ul>
640          </div>
641          <div class="col-lg-5 col-xl-4 mt-3 mt-lg-0">
642            <h5>Family Site</h5>
643
644            <a href="http://sjphonics.com/">세종파닉스AI</a> <br>
645            <a href="https://www.checkbada.com">체크바다</a> <br>
646
647            <a href="https://www.hbedunwork.com/privacy/classlink_privacy.pdf" target="_blank">학습지원 소프트웨어 개인정보 취급방침 </a>
648          </div>
649        </div>
650        <div class="row justify-content-center mb-2">
651          <div class="col-auto">
652            <ul class="nav">
653              <!-- <li class="nav-item">
654                <a href="#" class="nav-link">
655                  <img class="icon " src="pages/assets/img/icons/social/twitter.svg" alt="twitter social icon" data-inject-svg />
656                </a>
657              </li> -->
658              <li class="nav-item">
659                <a href="https://youtu.be/jX7bOo7gIPg" class="nav-link">
660                  <img class="icon " src="pages/assets/img/icons/social/youtube.svg" alt="youtube social icon" data-inject-svg />
661                </a>
662              </li>
663              <li class="nav-item">
664                <a href="https://play.google.com/store/apps/details?id=com.itsnowball.englishcastle.english.study.academy" class="nav-link">
665                  <img class="icon " src="pages/assets/img/icons/social/googleplay.svg" alt="instagram social icon" data-inject-svg />
666                </a>
667              </li>
668              <li class="nav-item">
669                <a href="https://apps.apple.com/sa/app/%EC%9E%89%EA%B8%80%EB%A6%AC%EC%89%AC%EC%BA%90%EC%8A%AC/id1608656006" class="nav-link">
670                  <img class="icon " src="pages/assets/img/icons/social/apple.svg" alt="instagram social icon" data-inject-svg />
671                </a>
672              </li>             
673              <li class="nav-item">
674                <a href="https://blog.naver.com/englishcastle" class="nav-link">
675                  <img class="icon " src="pages/assets/img/icons/social/naver_blog.png" alt="medium social icon" />
676                </a>
677              </li>
678            </ul>
679          </div>
680        </div>
681       <!--  <div class="row justify-content-center">
682          <div class="col col-md-auto text-center">
683            <small class="text-muted">&copy;2020 This page is protected by reCAPTCHA and is subject to the Google <a href="https://www.google.com/policies/privacy/">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service.</a>
684            </small>
685          </div>
686        </div> -->
687      </div>
688    </footer>
689    <a href="#" class="btn back-to-top btn-primary btn-round" data-smooth-scroll data-aos="fade-up" data-aos-offset="2000" data-aos-mirror="true" data-aos-once="false">
690      <img class="icon" src="pages/assets/img/icons/theme/navigation/arrow-up.svg" alt="arrow-up icon" data-inject-svg />
691    </a>
692    <!-- Required vendor scripts (Do not remove) -->
693    
693<script type="text/javascript" src="pages/assets/js/jquery.min.js"></script>
693
694    
694<script type="text/javascript" src="pages/assets/js/popper.min.js"></script>
694
695    
695<script type="text/javascript" src="pages/assets/js/bootstrap.js"></script>
695
696
697    <!-- Optional Vendor Scripts (Remove the plugin script here and comment initializer script out of index.js if site does not use that feature) -->
698
699    <!-- AOS (Animate On Scroll - animates elements into view while scrolling down) -->
700    
700<script type="text/javascript" src="pages/assets/js/aos.js"></script>
700
701    <!-- Clipboard (copies content from browser into OS clipboard) -->
702    
702<script type="text/javascript" src="pages/assets/js/clipboard.min.js"></script>
702
703    <!-- Fancybox (handles image and video lightbox and galleries) -->
704    
704<script type="text/javascript" src="pages/assets/js/jquery.fancybox.min.js"></script>
704
705    <!-- Flatpickr (calendar/date/time picker UI) -->
706    
706<script type="text/javascript" src="pages/assets/js/flatpickr.min.js"></script>
706
707    <!-- Flickity (handles touch enabled carousels and sliders) -->
708    
708<script type="text/javascript" src="pages/assets/js/flickity.pkgd.min.js"></script>
708
709    <!-- Ion rangeSlider (flexible and pretty range slider elements) -->
710    
710<script type="text/javascript" src="pages/assets/js/ion.rangeSlider.min.js"></script>
710
711    <!-- Isotope (masonry layouts and filtering) -->
712    
712<script type="text/javascript" src="pages/assets/js/isotope.pkgd.min.js"></script>
712
713    <!-- jarallax (parallax effect and video backgrounds) -->
714    
714<script type="text/javascript" src="pages/assets/js/jarallax.min.js"></script>
714
715    
715<script type="text/javascript" src="pages/assets/js/jarallax-video.min.js"></script>
715
716    
716<script type="text/javascript" src="pages/assets/js/jarallax-element.min.js"></script>
716
717    <!-- jQuery Countdown (displays countdown text to a specified date) -->
718    
718<script type="text/javascript" src="pages/assets/js/jquery.countdown.min.js"></script>
718
719    <!-- jQuery smartWizard facilitates steppable wizard content -->
720    
720<script type="text/javascript" src="pages/assets/js/jquery.smartWizard.min.js"></script>
720
721    <!-- Plyr (unified player for Video, Audio, Vimeo and Youtube) -->
722    
722<script type="text/javascript" src="pages/assets/js/plyr.polyfilled.min.js"></script>
722
723    <!-- Prism (displays formatted code boxes) -->
724    
724<script type="text/javascript" src="pages/assets/js/prism.js"></script>
724
725    <!-- ScrollMonitor (manages events for elements scrolling in and out of view) -->
726    
726<script type="text/javascript" src="pages/assets/js/scrollMonitor.js"></script>
726
727    <!-- Smooth scroll (animation to links in-page)-->
728    
728<script type="text/javascript" src="pages/assets/js/smooth-scroll.polyfills.min.js"></script>
728
729    <!-- SVGInjector (replaces img tags with SVG code to allow easy inclusion of SVGs with the benefit of inheriting colors and styles)-->
730    
730<script type="text/javascript" src="pages/assets/js/svg-injector.umd.production.js"></script>
730
731    <!-- TwitterFetcher (displays a feed of tweets from a specified account)-->
732    
732<script type="text/javascript" src="pages/assets/js/twitterFetcher_min.js"></script>
732
733    <!-- Typed text (animated typing effect)-->
734    
734<script type="text/javascript" src="pages/assets/js/typed.min.js"></script>
734
735    <!-- Required theme scripts (Do not remove) -->
736    
736<script type="text/javascript" src="pages/assets/js/theme.js"></script>
736
737    <!-- Removes page load animation when window is finished loading -->
738    
738<script type="text/javascript">
739      window.addEventListener("load", function () {    document.querySelector('body').classList.add('loaded');  });
740    </script>
740
741
742  </body>
743
744</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.