Initial commit: 교육 프로젝트 배포

2026-07-01 18:32:42 +09:00
commit be6dccd120
@@ -0,0 +1,19 @@
+<IfModule mod_rewrite.c>
+  RewriteEngine On
+
+  # 1. 모든 접속을 HTTPS로 강제 리다이렉트
+  # RewriteCond %{HTTPS} off
+  # RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
+
+  # 2. 루트(/) 접속 시 baron/index.html로 이동
+  # RewriteCond %{REQUEST_URI} ^/$
+  # RewriteRule ^$ /baron/index.html [L,R=301]
+
+  # edu.baroncs.co.kr 접속 시 skin/index.php를 보여줌
+  RewriteCond %{HTTP_HOST} ^edu\.baroncs\.co\.kr$
+  RewriteRule ^$ /skin/index.php [L]
+
+  # 3. /baron 요청은 그대로 유지
+  RewriteCond %{REQUEST_URI} ^/baron
+  RewriteRule ^ - [L]
+</IfModule>
@@ -0,0 +1 @@
+ldfJJw0qxULjQ1lSsWxxubJ1JVH8W_5Ewn4jJZrwhi4.5MqBuIfXsjMEzJ8tTNSB3ZgyYIBFNsYdC69FnE-GMOI
@@ -0,0 +1 @@
+AIzaSyDeR85U75kGoJa_NAEtZPl3JuALScHpkHY
@@ -0,0 +1,3 @@
+F76AD06039DE9262D4F1DD7B4BC99B0D19F0AA8153FF29AD03536F5AC546A890
+sectigo.com
+dcv202602270a762
@@ -0,0 +1,452 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    @@include("_include/_head.html")
+  </head>
+  <body>
+    <div class="wrap leadership">
+      @@include("_include/_header.html")
+
+      <!-- container -->
+      <div class="container">
+
+        <!-- Hero -->
+        <section class="leadership-hero" aria-label="리더십 소개">
+          <div class="leadership-inner hero-top hero-breadcrumb">
+            <ul class="breadcrumb" aria-label="breadcrumb">
+              <li><a href="./index.html">홈</a></li>
+              <li><a href="./leadership.html">리더십</a></li>
+              <li><span class="current">리더십 시작하기</span></li>
+            </ul>
+          </div>
+
+          <!-- 리더십 고정 배너 3종: PC 1442×460 / 모바일 360×234 -->
+          <div class="hero-banner">
+            <div class="swiper hero-swiper">
+              <div class="swiper-wrapper">
+                 <!-- 프로필 이미지가 있을 때 -->
+                 <div class="swiper-slide">
+                  <div class="banner-title">
+                    <!--
+                      /*인사이트 배너 */
+                       Editor’s pick : banner_pick.svg / banner_pick_m.svg
+                       Top Learner’s Choice : banner_choice.svg / banner_choice_m.svg
+                       Hot Issue : banner_issue.svg / banner_issue_m.svg
+
+                      /*리더쉽 배너 */
+                       leadership : banner_leadership.svg / banner_leadership_m.svg
+                    -->
+                    <picture>
+                      <source media="(min-width: 1025px)" srcset="./assets/images/insight/banner_choice.svg">
+                      <source media="(max-width: 1024px)" srcset="./assets/images/insight/banner_choice_m.svg">
+                      <img src="./assets/images/insight/banner_choice.svg" alt="Top Learner’s Choice">
+                    </picture>
+                  </div>
+                  <div class="banner-grid">
+                    <div class="banner-left">
+                      
+                      <div class="profile-box">
+                        <!-- 프로필 이미지가 있을 때 -->
+                        <div class="profile-img">
+                          <span class="profile-crown">
+                            <img src="./assets/images/insight/crown.svg" alt="" />
+                          </span>
+                          <span class="img-box">
+                            <img src="./assets/images/insight/profile.png" alt="" />
+                          </span>
+                        </div>
+                        <!-- 프로필 이미지가 있을 때 END -->
+                        <div class="profile-info">
+                          <p class="profile-name">
+                            <strong class="name">홍길동 선임</strong>
+                            <span class="department">총괄기획실</span>
+                          </p>
+                          <span class="label"><i class="ico-medal"></i>우수학습자</span>
+                        </div>
+                      </div>
+                      <dl>
+                         <dt>회사에서 추천하는 영상에
+                          대해 왜 봐야하는지 문구를 넣습니다.
+                         최대 3줄 입력이 가능합니다. 회사에서 추천하는 영상에
+                         대해 왜 봐야하는지 문구를 넣습니다.
+                        최대 3줄 입력이 가능합니다.  </dt>
+                         <dd>회사에서 추천하는 영상에
+                          대해 왜 봐야하는지 문구를 넣습니다.
+                         최대 3줄 입력이 가능합니다. 콘텐츠 추천 서비스회사에서 추천하는 영상에
+                         대해 왜 봐야하는지 문구를 넣습니다.
+                        최대 3줄 입력이 가능합니다. </dd>
+                      </dl>
+                    </div>
+                    <div class="banner-right">
+                      <div class="banner-img">
+                        <img src="./assets/images/insight/img_banner_03.png" alt="배너 1">
+                      </div>
+                      
+                      <div class="profile-info">
+                        <p class="profile-name">
+                          <strong class="name">홍길동 선임</strong>
+                          <span class="department">총괄기획실</span>
+                        </p>
+                        <span class="label"><i class="ico-medal"></i>우수학습자</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+     <!-- 프로필 이미지가 있을 때 END -->
+                <!-- 프로필 이미지가 없을 때 -->
+                <div class="swiper-slide">
+                  <div class="banner-title">
+                    <picture>
+                      <source media="(min-width: 1025px)" srcset="./assets/images/insight/banner_choice.svg">
+                      <source media="(max-width: 1024px)" srcset="./assets/images/insight/banner_choice_m.svg">
+                      <img src="./assets/images/insight/banner_choice.svg" alt="Top Learner’s Choice">
+                    </picture>
+                  </div>
+                  <div class="banner-grid">
+                    <div class="banner-left">
+                      <div class="profile-box">
+                        <div class="profile-info">
+                          <p class="profile-name">
+                            <strong class="name">홍길동 선임</strong>
+                            <span class="department">총괄기획실</span>
+                          </p>
+                          <span class="label"><i class="ico-medal"></i>우수학습자</span>
+                        </div>
+                      </div>
+                      <dl>
+                         <dt>회사에서 추천하는 영상에
+                          대해 왜 봐야하는지 문구를 넣습니다.
+                         최대 3줄 입력이 가능합니다. 회사에서 추천하는 영상에
+                         대해 왜 봐야하는지 문구를 넣습니다.
+                        최대 3줄 입력이 가능합니다.  </dt>
+                         <dd>회사에서 추천하는 영상에
+                          대해 왜 봐야하는지 문구를 넣습니다.
+                         최대 3줄 입력이 가능합니다. 콘텐츠 추천 서비스회사에서 추천하는 영상에
+                         대해 왜 봐야하는지 문구를 넣습니다.
+                        최대 3줄 입력이 가능합니다. </dd>
+                      </dl>
+                    </div>
+                    <div class="banner-right">
+                      <div class="banner-img">
+                        <img src="./assets/images/insight/img_banner_03.png" alt="배너 1">
+                      </div>
+                      <div class="profile-info">
+                        <p class="profile-name">
+                          <strong class="name">홍길동 선임</strong>
+                          <span class="department">총괄기획실</span>
+                        </p>
+                        <span class="label"><i class="ico-medal"></i>우수학습자</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                 <!-- 프로필 이미지가 없을 때 END -->
+
+                 <div class="swiper-slide">
+                  <div class="banner-title">
+                    <picture>
+                      <source media="(min-width: 1025px)" srcset="./assets/images/insight/banner_pick.svg">
+                      <source media="(max-width: 1024px)" srcset="./assets/images/insight/banner_pick_m.svg">
+                      <img src="./assets/images/insight/banner_pick.svg" alt="Editor’s pick!">
+                    </picture>
+                  </div>
+                  <div class="banner-grid">
+                    <div class="banner-left">
+                      <dl>
+                         <dt>회사에서 추천하는 영상에
+                          대해 왜 봐야하는지 문구를 넣습니다.
+                         최대 3줄 입력이 가능합니다. 회사에서 추천하는 영상에
+                         대해 왜 봐야하는지 문구를 넣습니다.
+                        최대 3줄 입력이 가능합니다.  </dt>
+                         <dd>회사에서 추천하는 영상에
+                          대해 왜 봐야하는지 문구를 넣습니다.
+                         최대 3줄 입력이 가능합니다. 콘텐츠 추천 서비스회사에서 추천하는 영상에
+                         대해 왜 봐야하는지 문구를 넣습니다.
+                        최대 3줄 입력이 가능합니다. </dd>
+                      </dl>
+                    </div>
+                    <div class="banner-right">
+                      <div class="banner-img">
+                        <img src="./assets/images/insight/img_banner_03.png" alt="배너 1">
+                      </div> 
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="banner-title">
+                    <picture>
+                      <source media="(min-width: 1025px)" srcset="./assets/images/insight/banner_issue.svg">
+                      <source media="(max-width: 1024px)" srcset="./assets/images/insight/banner_issue_m.svg">
+                      <img src="./assets/images/insight/banner_issue.svg" alt="Editor’s pick!">
+                    </picture>
+                  </div>
+                  <div class="banner-grid">
+                    <div class="banner-left">
+                      <dl>
+                         <dt>회사에서 추천하는 영상에
+                          대해 왜 봐야하는지 문구를 넣습니다.
+                         최대 3줄 입력이 가능합니다. 회사에서 추천하는 영상에
+                         대해 왜 봐야하는지 문구를 넣습니다.
+                        최대 3줄 입력이 가능합니다.  </dt>
+                         <dd>회사에서 추천하는 영상에
+                          대해 왜 봐야하는지 문구를 넣습니다.
+                         최대 3줄 입력이 가능합니다. 콘텐츠 추천 서비스회사에서 추천하는 영상에
+                         대해 왜 봐야하는지 문구를 넣습니다.
+                        최대 3줄 입력이 가능합니다. </dd>
+                      </dl>
+                    </div>
+                    <div class="banner-right">
+                      <div class="banner-img">
+                        <img src="./assets/images/insight/img_banner_03.png" alt="배너 1">
+                      </div> 
+                    </div>
+                  </div>
+                </div>
+
+                 <!-- 리더쉽 -->
+                 <div class="swiper-slide">
+                  <div class="banner-title">
+                    <picture>
+                      <source media="(min-width: 1025px)" srcset="./assets/images/leadership/banner_leadership.svg">
+                      <source media="(max-width: 1024px)" srcset="./assets/images/leadership/banner_leadership_m.svg">
+                      <img src="./assets/images/leadership/banner_leadership.svg" alt="leadership">
+                    </picture>
+                  </div>
+                  <div class="banner-grid">
+                    <div class="banner-left">
+                      <dl>
+                         <dt>회사에서 추천하는 영상에
+                          대해 왜 봐야하는지 문구를 넣습니다.
+                         최대 3줄 입력이 가능합니다. 회사에서 추천하는 영상에
+                         대해 왜 봐야하는지 문구를 넣습니다.
+                        최대 3줄 입력이 가능합니다.  </dt>
+                         <dd>회사에서 추천하는 영상에
+                          대해 왜 봐야하는지 문구를 넣습니다.
+                         최대 3줄 입력이 가능합니다. 콘텐츠 추천 서비스회사에서 추천하는 영상에
+                         대해 왜 봐야하는지 문구를 넣습니다.
+                        최대 3줄 입력이 가능합니다. </dd>
+                      </dl>
+                    </div>
+                    <div class="banner-right">
+                      <div class="banner-img">
+                        <img src="./assets/images/insight/img_banner_03.png" alt="배너 1">
+                      </div> 
+                    </div>
+                  </div>
+                </div>
+                <!-- 리더쉽 END -->
+              </div>
+
+              
+            </div>
+            <div class="swiper-pagination hero-pagination" aria-hidden="true"></div>
+          </div>
+        </section>
+
+        <!-- Tabs -->
+        <div class="leadership-tabs" aria-label="리더십 카테고리">
+          <div class="leadership-inner">
+            <div class="leadership-tabs-list" role="tablist" aria-label="리더십 카테고리 탭">
+              <button class="leadership-tab" type="button" role="tab" aria-selected="false">
+                <span class="tab-icon"><img src="./assets/images/ico/ico_leadership_01.svg" alt="" /></span>
+                <span class="tab-text">리더십 입문</span>
+              </button>
+              <button class="leadership-tab is-active" type="button" role="tab" aria-selected="true">
+                <span class="tab-icon"><img src="./assets/images/ico/ico_leadership_02.svg" alt="" /></span>
+                <span class="tab-text">셀프리더십</span>
+              </button>
+              <button class="leadership-tab" type="button" role="tab" aria-selected="false">
+                <span class="tab-icon"><img src="./assets/images/ico/ico_leadership_03.svg" alt="" /></span>
+                <span class="tab-text">팀리더십</span>
+              </button>
+              <button class="leadership-tab" type="button" role="tab" aria-selected="false">
+                <span class="tab-icon"><img src="./assets/images/ico/ico_leadership_04.svg" alt="" /></span>
+                <span class="tab-text">실전 리더십</span>
+              </button>
+              <button class="leadership-tab" type="button" role="tab" aria-selected="false">
+                <span class="tab-icon"><img src="./assets/images/ico/ico_leadership_05.svg" alt="" /></span>
+                <span class="tab-text">인물탐구</span>
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <!-- List -->
+        <section class="leadership-video-list" aria-label="리더십 콘텐츠 목록">
+          <div class="leadership-inner">
+            <div class="list-head">
+              <span class="total">TOTAL <em>8</em></span>
+              <div class="list-options">
+                <div class="select-wrap">
+                  <select class="select-sort" title="정렬">
+                    <option selected>조회수</option>
+                    <option>업데이트</option>
+                    <option>내가본컨텐츠</option>
+                    <option>안본컨텐츠</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+
+            <ul class="video-grid">
+              <li class="video-item">
+                <a href="#" class="card-link">
+                  <label class="bookmark" for="like_chk_l1" onclick="event.stopPropagation();">
+                    <input type="checkbox" id="like_chk_l1" title="좋아요" />
+                  </label>
+                  <div class="item-thumb">
+                    <img src="./assets/images/video/img_thumb_01.png" alt="" />
+                  </div>
+                  <div class="item-info">
+                    <strong class="item-title">목표관리, 성과관리의 차이? 더 중요한 것은?</strong>
+                    <span class="item-desc">리더십</span>
+                  </div>
+                </a>
+              </li>
+
+              <li class="video-item">
+                <a href="#" class="card-link">
+                  <label class="bookmark" for="like_chk_l2" onclick="event.stopPropagation();">
+                    <input type="checkbox" id="like_chk_l2" title="좋아요" />
+                  </label>
+                  <div class="item-thumb">
+                    <img src="./assets/images/video/img_thumb_02.png" alt="" />
+                  </div>
+                  <div class="item-info">
+                    <strong class="item-title">[경영 추천도서] 팀장이 처음이신가요? | 팀장 리더십 수업</strong>
+                    <span class="item-desc">셀프리더십</span>
+                  </div>
+                </a>
+              </li>
+
+              <li class="video-item">
+                <a href="#" class="card-link">
+                  <label class="bookmark" for="like_chk_l3" onclick="event.stopPropagation();">
+                    <input type="checkbox" id="like_chk_l3" title="좋아요" />
+                  </label>
+                  <div class="item-thumb">
+                    <img src="./assets/images/video/img_thumb_03.png" alt="" />
+                  </div>
+                  <div class="item-info">
+                    <strong class="item-title">경제경영이론을 이용한 동기부여 이론들</strong>
+                    <span class="item-desc">셀프리더십</span>
+                  </div>
+                </a>
+              </li>
+
+              <li class="video-item">
+                <a href="#" class="card-link">
+                  <label class="bookmark" for="like_chk_l4" onclick="event.stopPropagation();">
+                    <input type="checkbox" id="like_chk_l4" title="좋아요" />
+                  </label>
+                  <div class="item-thumb">
+                    <img src="./assets/images/video/img_thumb_04.png" alt="" />
+                  </div>
+                  <div class="item-info">
+                    <strong class="item-title">DT시대의 애자일 경영, 비즈니스 어질리티</strong>
+                    <span class="item-desc">셀프리더십</span>
+                  </div>
+                </a>
+              </li>
+
+              <li class="video-item">
+                <a href="#" class="card-link">
+                  <label class="bookmark" for="like_chk_l5" onclick="event.stopPropagation();">
+                    <input type="checkbox" id="like_chk_l5" title="좋아요" />
+                  </label>
+                  <div class="item-thumb">
+                    <img src="./assets/images/video/img_thumb_05.png" alt="" />
+                  </div>
+                  <div class="item-info">
+                    <strong class="item-title">조직문화가 저희의 가장 강력한 무기입니다...</strong>
+                    <span class="item-desc">셀프리더십</span>
+                  </div>
+                </a>
+              </li>
+
+              <li class="video-item">
+                <a href="#" class="card-link">
+                  <label class="bookmark" for="like_chk_l6" onclick="event.stopPropagation();">
+                    <input type="checkbox" id="like_chk_l6" title="좋아요" />
+                  </label>
+                  <div class="item-thumb">
+                    <img src="./assets/images/video/img_thumb_06.png" alt="" />
+                  </div>
+                  <div class="item-info">
+                    <strong class="item-title">꼰대가 되지 않고 건설적인 피드백을 하는 법</strong>
+                    <span class="item-desc">셀프리더십</span>
+                  </div>
+                </a>
+              </li>
+
+              <li class="video-item">
+                <a href="#" class="card-link">
+                  <label class="bookmark" for="like_chk_l7" onclick="event.stopPropagation();">
+                    <input type="checkbox" id="like_chk_l7" title="좋아요" />
+                  </label>
+                  <div class="item-thumb">
+                    <img src="./assets/images/video/img_thumb_07.png" alt="" />
+                  </div>
+                  <div class="item-info">
+                    <strong class="item-title">제대로 된 평가 면담, 어떻게 할 수 있을까? (SAS, 듀폰)</strong>
+                    <span class="item-desc">셀프리더십</span>
+                  </div>
+                </a>
+              </li>
+
+              <li class="video-item">
+                <a href="#" class="card-link">
+                  <label class="bookmark" for="like_chk_l8" onclick="event.stopPropagation();">
+                    <input type="checkbox" id="like_chk_l8" title="좋아요" />
+                  </label>
+                  <div class="item-thumb">
+                    <img src="./assets/images/video/img_thumb_04.png" alt="" />
+                  </div>
+                  <div class="item-info">
+                    <strong class="item-title">성장 마인드셋 실패에서 배우기</strong>
+                    <span class="item-desc">셀프리더십</span>
+                  </div>
+                </a>
+              </li>
+            </ul>
+          </div>
+        </section>
+
+        <script>
+          document.addEventListener('DOMContentLoaded', function () {
+            // Hero Swiper
+            new Swiper('.hero-swiper', {
+              loop: true,
+              autoplay: {
+                delay: 4000,
+                disableOnInteraction: false,
+              },
+              speed: 600,
+              pagination: {
+                el: '.hero-pagination',
+                clickable: true,
+              },
+            });
+
+            // Tabs
+            const tabs = Array.from(document.querySelectorAll('.leadership-tab'));
+            if (!tabs.length) return;
+
+            tabs.forEach(function (tab) {
+              tab.addEventListener('click', function () {
+                tabs.forEach(function (t) {
+                  t.classList.remove('is-active');
+                  t.setAttribute('aria-selected', 'false');
+                });
+                tab.classList.add('is-active');
+                tab.setAttribute('aria-selected', 'true');
+              });
+            });
+          });
+        </script>
+
+      </div>
+      <!-- // container -->
+    </div>
+  </body>
+</html>
@@ -0,0 +1,775 @@
+@charset "UTF-8";
+:root {
+  /* text - 텍스트 색상 */
+  --text-intro-base: #1b1810;
+  --text-base: #131313;
+  --text-revers: #fff;
+  --text-primary: #3c3321;
+  --text-secondary: #747474;
+  --text-accent: #ff5c00;
+  --text-myclass: #ffdf60;
+  --text-main-primary: #4a4040;
+  --text-main-secondary: #3a200d;
+  --text-title-accent: #f5651d;
+  --text-pick: #2b5045;
+  --text-keyword-base: #c4c2c0;
+  --text-keyword-primary: #fff;
+  --text-keyword-secondary: #999999;
+  --text-video-primary: #b6d5a7;
+  --text-video-secondary: #ddd;
+  --text-cate-primary: #edd8c2;
+  --text-cate-secondary: #b6d5a7;
+  --text-cate-tertiary: #e8cfe4;
+  --text-comment-primary: #fff;
+  --text-comment-secondary: #8d8d8d;
+  --text-learning-base: #8d8888;
+  --text-learning-primary: #ff5c00;
+  --text-learning-secondary: #008c49;
+  --text-card-category: #252525;
+  --text-card-title-active: #ff7d33;
+  --text-card-title-complete: #66ba92;
+  --text-card-author: #d1cfcf;
+  /* 배경 */
+  --bg-base: #e4ddcf;
+  --bg-primary: #ece3d2;
+  --bg-secondary:
+    radial-gradient(
+      93.89% 93.89% at 49.32% 6.11%,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.11) 86.06%,
+      rgba(134, 114, 77, 0.2) 88.94%
+    ),
+    linear-gradient(180deg, #f9f6f0 0%, #e6ddcc 100%);
+  --bg-main-card: rgba(255, 255, 255, 0.6);
+  --bg-intro-mask: #1b1810;
+  --bg-intro: linear-gradient(
+    180deg,
+    #f9f5f2 0%,
+    #fff 18.77%,
+    #fff 41.8%,
+    #ece8e4 100%
+  );
+  --bg-main:
+    linear-gradient(
+        90deg,
+        #0f3025 0%,
+        #194335 38%,
+        #0b221b 87.51%,
+        #0d231c 100%
+      )
+      top / 100% 114px no-repeat,
+    #ece3d2;
+  --bg-video: #1b1b1b;
+  --bg-comment: #2a2a2a;
+  --bg-nav: linear-gradient(
+    90deg,
+    #0f3025 0%,
+    #194335 38%,
+    #0b221b 87.51%,
+    #0d231c 100%
+  );
+  --bg-nav-depth: #fff;
+  --bg-nav-alerts: #ff2200;
+  --bg-nav-alerts-hover: #188f6b;
+  --bg-cate-primary: #ded7cf;
+  --bg-cate-secondary: #d4decf;
+  --bg-cate-tertiary: #e8cfe4;
+  --bg-pick: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #d5ede6 100%);
+  --bg-gauge-base: #b4b4b4;
+  --bg-gauge-primary: #ff5c00;
+  --bg-search: #e4dbc9;
+  --bg-keyword-base: rgba(230, 205, 177, 0.3);
+  --bg-keyword-primary: #e47703;
+  --bg-keyword-primary-hover: #e6cdb1;
+  --bg-keyword-secondary: #786c60;
+  --bg-keyword-secondary-hover: #dcd3c9;
+  --bg-lecture-state: linear-gradient(270deg, #00ab66 0%, #058bb0 100%);
+  --bg-lecture-progress-primary: rgba(3, 9, 7, 0.3);
+  --bg-lecture-progress-secondary: #07855c;
+  --bg-btn-base: #000;
+  --bg-btn-primary: #ff5c00;
+  --bg-btn-secondary: #1f1f1f;
+  --bg-card: rgba(255, 255, 255, 0.6);
+  --bg-card-hover-start: #ff6600;
+  --bg-card-hover-end: rgba(255, 132, 0, 0.7);
+  --bg-card-thumb-overlay: rgba(255, 255, 255, 0.3);
+  --bg-card-shadow: rgba(217, 202, 190, 0.5);
+  --bg-card-hover-shadow: rgba(198, 187, 177, 0.5);
+  --bg-card-shadow-inner: rgba(0, 0, 0, 1);
+  --bg-pick-shadow: rgba(166, 154, 97, 0.25);
+  --bg-modal: rgba(0, 0, 0, 0.8);
+  --bg-modal-content: #f6f1e9;
+  --bg-modal-close-hover: #e00400;
+  --bg-scrollbar-thumb: #D0D0D0;
+  --bg-scrollbar-thumb-dark: #383838;
+  --bg-scrollbar-track: #F3F3F3;
+  --bg-scrollbar-thumb-light: rgba(255, 255, 255, 0.2);
+  --bg-scrollbar-thumb-light-hover: rgba(255, 255, 255, 0.3);
+  --bg-scrollbar-track-light: rgba(255, 255, 255, 0.05);
+  --bg-video-gauge: #171717;
+  --bg-video-gauge-fill: #ff6c19;
+  --bg-video-gauge-border: rgba(0, 0, 0, 0.4);
+  --bg-learning-line: #c6c3c3;
+  --bg-learning-dot: #8d8888;
+  --bg-learning-active: rgba(255, 92, 0, 0.2);
+  --bg-learning-active-line: #ffad7f;
+  --bg-learning-active-dot: #ff5c00;
+  --bg-learning-complete: rgba(0, 140, 73, 0.2);
+  --bg-learning-complete-line: #7fc5a4;
+  --bg-learning-complete-dot: #008c49;
+  --bg-chapter-current: #146b51;
+  --bg-chapter-completed: #ba9a85;
+  --bg-card-base: #7e7e7e;
+  --bg-card-current: #1d9b75;
+  --bg-card-current-border: #1f9b76;
+  --bg-card-current-bg: #dbefe9;
+  --bg-card-completed: #ab3d00;
+  --bg-gauge-fill: #e25e00;
+  --bg-shadow: #8a7d64;
+  --bg-circle-border: #a7790f;
+  --bg-circle-start: rgba(127, 47, 0, 0.1);
+  --bg-circle-end: rgba(167, 121, 15, 0.5);
+  --bg-circle-dot: rgba(221, 144, 0, 0.6);
+  --bg-circle-dot-hover: rgba(221, 144, 0, 0.8);
+  --bg-circle-dot-stroke: rgba(221, 144, 0, 0.2);
+  --bg-gradient-start: #ece3d2;
+  --bg-gradient-end: #fff;
+  --bg-learning-line-color: #edba8a;
+  --bg-modal-header: #f04400;
+  --bg-textarea: #2a2a2a;
+  --bg-textarea-placeholder: rgba(255, 255, 255, 0.5);
+  /* border */
+  --border-base: rgba(0, 0, 0, 0.05);
+  --border-primary: #fff;
+  --border-keyword-base: rgba(0, 0, 0, 0.05);
+  --border-keyword-primary: rgba(255, 255, 255, 0.4);
+  --border-keyword-primary-hover: rgba(0, 0, 0, 0.05);
+  --border-keyword-secondary: rgba(255, 255, 255, 0.4);
+  --border-keyword-secondary-hover: rgba(0, 0, 0, 0.1);
+  --border-pick: rgba(255, 255, 255, 0.5);
+  --border-video: rgba(255, 255, 255, 0.1);
+  --border-btn: rgba(255, 255, 255, 0.2);
+  --border-card: rgba(255, 255, 255, 0.8);
+  --border-modal: #888;
+  --border-comment-resizer: rgba(230, 227, 225, 0.1);
+  /* drop */
+  --text-shadow:
+    -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
+  --text-stroke: drop-shadow(0 0 0.5px #000);
+  /* shadow */
+  --shadow-pagination: rgba(0, 0, 0, 0.4);
+  --shadow-modal: rgba(0, 0, 0, 0.25);
+  --shadow-card-drop: 0 4px 8px rgba(0, 0, 0, 0.2);
+  --shadow-card-drop-small: 0 4px 2px rgba(0, 0, 0, 0.05);
+  --shadow-gauge-inset: rgba(0, 0, 0, 0.3);
+  --shadow-comment: 0 8px 22px 22px rgba(0, 0, 0, 0.8);
+}
+
+/* 페이드 전환 */
+.fade-out {
+  opacity: 0;
+  transition: opacity 0.4s ease;
+}
+
+.fade-in {
+  opacity: 1;
+  transition: opacity 0.4s ease;
+}
+
+@keyframes fadeInUp {
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes arrow-next {
+  0%, 100% {
+    right: 72px;
+  }
+  50% {
+    right: 50px;
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateX(-50%) translateY(0);
+  }
+  50% {
+    transform: translateX(-50%) translateY(-12px);
+  }
+}
+@keyframes slideUp {
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes scroll-down {
+  0% {
+    transform-origin: 50% 100%;
+    transform: scaleY(1);
+  }
+  50% {
+    transform-origin: 50% 100%;
+    transform: scaleY(0);
+  }
+  50.1% {
+    transform-origin: 50% 0;
+    transform: scaleY(0);
+  }
+  to {
+    transform-origin: 50% 0;
+    transform: scaleY(1);
+  }
+}
+@keyframes pulse {
+  0%, 100% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.4;
+  }
+}
+@keyframes borderFadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes borderPulse {
+  0%, 100% {
+    border-color: #fff;
+    box-shadow: 0 0 20px rgba(255, 255, 255, 0.4);
+  }
+  50% {
+    border-color: #fff;
+    box-shadow: 0 0 30px rgba(255, 255, 255, 0.6);
+  }
+}
+@keyframes fillGauge {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+@font-face {
+  font-family: "YeogiOttaeJalnan";
+  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff") format("woff");
+  font-weight: normal;
+  font-display: swap;
+}
+.intro {
+  background: var(--bg-intro);
+  background-attachment: fixed;
+  overflow: auto;
+}
+.intro .container {
+  position: relative;
+  top: 0;
+  height: var(--window-inner-height);
+  margin-top: 0;
+  padding: 0;
+  overflow: hidden;
+  border: none;
+  border-radius: 0;
+  clip-path: none;
+  background: var(--bg-intro);
+  color: var(--text-intro-base);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+.intro .text-ani {
+  display: none;
+}
+.intro .text-ani:has(.welcome span.show), .intro .text-ani:has(.update-line span.show), .intro .text-ani:has(.card.show), .intro .text-ani.animating {
+  display: block;
+}
+@media only screen and (max-width: 991px) {
+  .intro .text-ani:has(.card.show) {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 0;
+    min-height: 0;
+    width: 100%;
+  }
+}
+.intro .text-area {
+  min-height: 160px;
+  margin-bottom: 34px;
+  text-align: center;
+}
+.intro .text-area:has(.greeting.hidden, .update-text.hidden) {
+  min-height: 0;
+  margin-bottom: 0;
+}
+.intro .greeting {
+  font-size: 36px;
+  font-weight: 300;
+  line-height: 1.2;
+}
+@media only screen and (min-width: 1024px) {
+  .intro .greeting {
+    height: 656px;
+  }
+}
+@media only screen and (max-width: 1023px) {
+  .intro .greeting {
+    font-size: 2.8rem;
+    min-height: 15.8rem;
+  }
+  .intro .greeting p.welcome > *:nth-child(5) {
+    display: block;
+    line-height: 0;
+  }
+}
+.intro .name {
+  font-weight: 500;
+}
+.intro .welcome span {
+  display: inline-block;
+  opacity: 0;
+  transform: translateY(20px);
+}
+.intro .welcome span.show {
+  animation: fadeInUp 0.4s forwards;
+}
+.intro .welcome em {
+  font-weight: 500;
+}
+@media only screen and (max-width: 1023px) {
+  .intro .welcome {
+    margin-top: 2rem;
+  }
+}
+.intro .update-text {
+  text-align: center;
+}
+.intro .update-line {
+  overflow: hidden;
+  font-size: 36px;
+}
+@media only screen and (max-width: 1023px) {
+  .intro .update-line {
+    font-size: 2.8rem;
+  }
+}
+@media only screen and (max-width: 1023px) {
+  .intro .update-line:last-child {
+    margin-top: 2rem;
+  }
+}
+.intro .update-line.bold,
+.intro .update-line em {
+  font-weight: 500;
+}
+.intro .update-line > span {
+  display: inline-block;
+  opacity: 0;
+  transform: translateY(100%);
+}
+.intro .update-line > span.show {
+  animation: slideUp 0.6s forwards;
+}
+.intro .cta-text {
+  position: relative;
+  width: 100vw;
+  height: var(--window-inner-height);
+  font-size: 42px;
+  font-weight: 300;
+  line-height: 1.2;
+  text-align: center;
+}
+@media only screen and (max-width: 1023px) {
+  .intro .cta-text {
+    font-size: 2.8rem;
+  }
+}
+.intro .cta-text > div {
+  width: 100vw;
+  height: var(--window-inner-height);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+.intro .cta-text > div:not(.mask) {
+  position: relative;
+  z-index: 1;
+  cursor: default;
+}
+.intro .cta-text > div:not(.mask) .text-section {
+  opacity: 0;
+  transform: translateY(20px);
+}
+.intro .cta-text > div:not(.mask) .text-section:has(.show) {
+  background-image: url(../images/intro/promise.svg);
+  background-position: bottom;
+  background-size: 586px auto;
+  background-repeat: no-repeat;
+  animation: fadeInUp 0.5s forwards;
+}
+@media only screen and (max-width: 1023px) {
+  .intro .cta-text > div:not(.mask) .text-section:has(.show) {
+    background-size: 120% auto;
+  }
+}
+.intro .cta-text > div:not(.mask) p {
+  opacity: 0;
+  transform: translateY(20px);
+}
+.intro .cta-text > div:not(.mask) p.show {
+  animation: fadeInUp 0.5s forwards;
+}
+.intro .cta-text .text-section {
+  height: 260px;
+  translate: 0 -35%;
+  opacity: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+@media only screen and (max-width: 1023px) {
+  .intro .cta-text .text-section {
+    width: calc(100% - 32px);
+    max-width: 452px;
+    height: 18rem;
+    translate: 0 -40%;
+  }
+}
+.intro .cta-text .text-section.show {
+  animation: opacity 0.5s forwards;
+}
+.intro .cta-text em {
+  font-weight: 500;
+}
+.intro .cta-btn {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 99;
+  width: calc(100% - 32px);
+  max-width: 483px;
+  height: 116px;
+  padding: 22px 0;
+  border: none;
+  border-radius: 24px;
+  background: radial-gradient(117.51% 77.94% at 48.87% 100%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 24.58%, rgba(255, 255, 255, 0) 100%), #ff8200;
+  color: white;
+  font-size: 36px;
+  font-weight: bold;
+  text-align: center;
+  text-shadow: 0 2px 2px rgba(201, 121, 38, 0.5);
+  opacity: 0;
+  transform: translate(-50%, 25%) translateY(50px);
+  transition: all 0.3s;
+}
+@media only screen and (max-width: 1023px) {
+  .intro .cta-btn {
+    width: calc(100% - 32px);
+    height: 68px;
+    padding: 0;
+    font-size: 28px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .intro .cta-btn {
+    box-shadow: 0 -4px 4px 0 #e18d36 inset, 4px 4px 12px -4px rgba(220, 196, 172, 0.85);
+  }
+}
+.intro .cta-btn.show {
+  opacity: 1;
+  transform: translate(-50%, 25%) translateY(0);
+  transition: all 0.3s linear;
+}
+.intro .cta-btn::after {
+  content: " ";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 2px;
+  box-sizing: border-box;
+  background: linear-gradient(65deg, rgba(255, 255, 255, 0.6) 0%, transparent 100%) #ff8200;
+  content: "";
+  display: block;
+  position: absolute;
+  inset: 0;
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  pointer-events: none;
+  border-radius: inherit;
+}
+.intro .cta-btn .ico-arrow {
+  position: absolute;
+  top: 50%;
+  right: 72px;
+  display: inline-block;
+  width: 24px;
+  height: 32px;
+  background-image: url(../images/ico/ico_arrow_next_dashed.svg);
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  filter: drop-shadow(0 2px 2px rgba(201, 121, 38, 0.5));
+  transform: translateY(-50%);
+  animation: arrow-next 3s infinite ease-in-out;
+}
+.intro .mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+  min-height: 100%;
+  background-color: var(--bg-intro-mask);
+  color: rgba(0, 0, 0, 0.2);
+  pointer-events: none;
+  --size: 0px;
+  --x: 50vw;
+  --y: 50vh;
+  -webkit-mask-image: url(../images/cursor.svg);
+  -webkit-mask-origin: content-box;
+  -webkit-mask-position: calc(var(--x) - var(--size) / 2) calc(var(--y) - var(--size) / 2), center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-size: var(--size), contain;
+  mask-image: url(../images/cursor.svg);
+  mask-origin: content-box;
+  mask-position: calc(var(--x) - var(--size) / 2) calc(var(--y) - var(--size) / 2), center;
+  mask-repeat: no-repeat;
+  mask-size: var(--size), contain;
+  transition: -webkit-mask-size 0.2s linear;
+  transition: mask-size 0.2s linear;
+  transition: mask-size 0.2s linear, -webkit-mask-size 0.2s linear;
+}
+@media only screen and (max-width: 991px) {
+  .intro .mask {
+    -webkit-mask-image: none;
+    mask-image: none;
+    clip-path: circle(0% at 50% 50%);
+    transition: clip-path 3.5s ease-out;
+  }
+  .intro .mask.expand {
+    clip-path: circle(300% at 50% 50%);
+  }
+}
+.intro .mask .text-section {
+  background-image: url(../images/intro/promise_b.svg);
+  background-position: bottom;
+  background-size: auto;
+  background-repeat: no-repeat;
+}
+@media only screen and (max-width: 1023px) {
+  .intro .mask .text-section {
+    background-size: 95% auto;
+  }
+}
+.intro .mask .mask-text {
+  color: #fff;
+}
+.intro .mask .mask-text em {
+  font-style: normal;
+}
+.intro .content-area {
+  margin-top: 34px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+@media only screen and (max-width: 991px) {
+  .intro .content-area {
+    flex: 1 1 0;
+    min-height: 0;
+    margin-top: 0;
+    align-items: stretch;
+  }
+}
+.intro .card {
+  opacity: 0;
+  transform: translateY(60px);
+  transition: all 0.6s ease;
+  background: white;
+  border: 2px solid rgba(255, 255, 255, 0.8);
+  border-radius: 0 0 12px 12px;
+  box-shadow: 0 24px 24px 0 rgba(215, 209, 204, 0.5);
+  text-align: center;
+  flex: 1 1 0;
+  width: 340px;
+  padding: 86px 22px 68px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+@media only screen and (max-width: 991px) {
+  .intro .card {
+    flex: 1 1 0;
+    min-height: 0;
+    width: calc(100vw - 32px);
+    padding: 0 24px;
+    z-index: 9;
+    transition-duration: 0.9s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    box-shadow: 0 4px 12px rgba(215, 209, 204, 0.5);
+    border-radius: 12px;
+  }
+}
+.intro .card.show {
+  opacity: 1;
+  transform: translateY(0);
+}
+.intro .card-list {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 20px;
+}
+@media only screen and (min-width: 1440px) {
+  .intro .card-list {
+    flex-wrap: nowrap;
+  }
+}
+@media only screen and (max-width: 1023px) {
+  .intro .card-list {
+    gap: 2.4rem;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .intro .card-list {
+    flex-direction: column;
+    flex-wrap: nowrap;
+    flex: 1 1 0;
+    min-height: var(--window-inner-height);
+    gap: 8px;
+    padding: 8px 16px;
+    align-items: stretch;
+  }
+}
+.intro .card-num {
+  font-family: YeogiOttaeJalnan;
+  font-size: 120px;
+  font-weight: 400;
+  line-height: 1;
+  color: transparent;
+  opacity: 0.1;
+  background: linear-gradient(180deg, transparent 30%, #ffffff 80%) #1b1810;
+  -webkit-background-clip: text;
+  background-clip: text;
+}
+@media only screen and (max-width: 1023px) {
+  .intro .card-num {
+    font-size: 6rem;
+  }
+}
+.intro .card-title {
+  margin-top: -46px;
+  margin-bottom: 42px;
+  font-size: 32px;
+  font-weight: 300;
+  line-height: 1.2;
+}
+@media only screen and (max-width: 1439px) {
+  .intro .card-title {
+    font-size: 26px;
+  }
+}
+@media only screen and (max-width: 1023px) {
+  .intro .card-title {
+    font-size: 2.4rem;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .intro .card-title {
+    margin-top: -32px;
+    margin-bottom: 0;
+  }
+}
+.intro .card-desc {
+  font-size: 24px;
+}
+@media only screen and (max-width: 1439px) {
+  .intro .card-desc {
+    font-size: 18px;
+  }
+}
+@media only screen and (max-width: 1023px) {
+  .intro .card-desc {
+    font-size: 1.6rem;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .intro .card-desc {
+    display: none;
+  }
+}
+.intro .card em {
+  font-weight: 700;
+}
+
+.typing {
+  opacity: 0;
+}
+
+.cursor {
+  display: inline-block;
+  width: 2px;
+  height: 1.2em;
+  margin-left: 2px;
+  vertical-align: text-bottom;
+  animation: blink 0.7s infinite;
+}
+
+.scroll-indicator {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 24px;
+  transform: translateX(-50%);
+}
+.scroll-indicator.hidden {
+  opacity: 0;
+  pointer-events: none;
+}
+.scroll-indicator.sec2 .bar {
+  height: 60px;
+}
+.scroll-indicator span {
+  font-size: 16px;
+  color: var(--text-intro-base);
+  opacity: 0.8;
+}
+.scroll-indicator .bar {
+  width: 2px;
+  height: 110px;
+  overflow: hidden;
+  background-color: rgba(0, 0, 0, 0.3);
+  transition: height 0.5s linear;
+}
+.scroll-indicator .bar::before {
+  content: " ";
+  display: block;
+  width: 100%;
+  height: 100%;
+  border-radius: 0 0 4px 4px;
+  background-color: #111;
+  animation: scroll-down 2s infinite ease-in-out;
+}
@@ -0,0 +1,698 @@
+@charset "UTF-8";
+:root {
+  /* text - 텍스트 색상 */
+  --text-intro-base: #1b1810;
+  --text-base: #131313;
+  --text-revers: #fff;
+  --text-primary: #3c3321;
+  --text-secondary: #747474;
+  --text-accent: #ff5c00;
+  --text-myclass: #ffdf60;
+  --text-main-primary: #4a4040;
+  --text-main-secondary: #3a200d;
+  --text-title-accent: #f5651d;
+  --text-pick: #2b5045;
+  --text-keyword-base: #c4c2c0;
+  --text-keyword-primary: #fff;
+  --text-keyword-secondary: #999999;
+  --text-video-primary: #b6d5a7;
+  --text-video-secondary: #ddd;
+  --text-cate-primary: #edd8c2;
+  --text-cate-secondary: #b6d5a7;
+  --text-cate-tertiary: #e8cfe4;
+  --text-comment-primary: #fff;
+  --text-comment-secondary: #8d8d8d;
+  --text-learning-base: #8d8888;
+  --text-learning-primary: #ff5c00;
+  --text-learning-secondary: #008c49;
+  --text-card-category: #252525;
+  --text-card-title-active: #ff7d33;
+  --text-card-title-complete: #66ba92;
+  --text-card-author: #d1cfcf;
+  /* 배경 */
+  --bg-base: #e4ddcf;
+  --bg-primary: #ece3d2;
+  --bg-secondary:
+    radial-gradient(
+      93.89% 93.89% at 49.32% 6.11%,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.11) 86.06%,
+      rgba(134, 114, 77, 0.2) 88.94%
+    ),
+    linear-gradient(180deg, #f9f6f0 0%, #e6ddcc 100%);
+  --bg-main-card: rgba(255, 255, 255, 0.6);
+  --bg-intro-mask: #1b1810;
+  --bg-intro: linear-gradient(
+    180deg,
+    #f9f5f2 0%,
+    #fff 18.77%,
+    #fff 41.8%,
+    #ece8e4 100%
+  );
+  --bg-main:
+    linear-gradient(
+        90deg,
+        #0f3025 0%,
+        #194335 38%,
+        #0b221b 87.51%,
+        #0d231c 100%
+      )
+      top / 100% 114px no-repeat,
+    #ece3d2;
+  --bg-video: #1b1b1b;
+  --bg-comment: #2a2a2a;
+  --bg-nav: linear-gradient(
+    90deg,
+    #0f3025 0%,
+    #194335 38%,
+    #0b221b 87.51%,
+    #0d231c 100%
+  );
+  --bg-nav-depth: #fff;
+  --bg-nav-alerts: #ff2200;
+  --bg-nav-alerts-hover: #188f6b;
+  --bg-cate-primary: #ded7cf;
+  --bg-cate-secondary: #d4decf;
+  --bg-cate-tertiary: #e8cfe4;
+  --bg-pick: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #d5ede6 100%);
+  --bg-gauge-base: #b4b4b4;
+  --bg-gauge-primary: #ff5c00;
+  --bg-search: #e4dbc9;
+  --bg-keyword-base: rgba(230, 205, 177, 0.3);
+  --bg-keyword-primary: #e47703;
+  --bg-keyword-primary-hover: #e6cdb1;
+  --bg-keyword-secondary: #786c60;
+  --bg-keyword-secondary-hover: #dcd3c9;
+  --bg-lecture-state: linear-gradient(270deg, #00ab66 0%, #058bb0 100%);
+  --bg-lecture-progress-primary: rgba(3, 9, 7, 0.3);
+  --bg-lecture-progress-secondary: #07855c;
+  --bg-btn-base: #000;
+  --bg-btn-primary: #ff5c00;
+  --bg-btn-secondary: #1f1f1f;
+  --bg-card: rgba(255, 255, 255, 0.6);
+  --bg-card-hover-start: #ff6600;
+  --bg-card-hover-end: rgba(255, 132, 0, 0.7);
+  --bg-card-thumb-overlay: rgba(255, 255, 255, 0.3);
+  --bg-card-shadow: rgba(217, 202, 190, 0.5);
+  --bg-card-hover-shadow: rgba(198, 187, 177, 0.5);
+  --bg-card-shadow-inner: rgba(0, 0, 0, 1);
+  --bg-pick-shadow: rgba(166, 154, 97, 0.25);
+  --bg-modal: rgba(0, 0, 0, 0.8);
+  --bg-modal-content: #f6f1e9;
+  --bg-modal-close-hover: #e00400;
+  --bg-scrollbar-thumb: #D0D0D0;
+  --bg-scrollbar-thumb-dark: #383838;
+  --bg-scrollbar-track: #F3F3F3;
+  --bg-scrollbar-thumb-light: rgba(255, 255, 255, 0.2);
+  --bg-scrollbar-thumb-light-hover: rgba(255, 255, 255, 0.3);
+  --bg-scrollbar-track-light: rgba(255, 255, 255, 0.05);
+  --bg-video-gauge: #171717;
+  --bg-video-gauge-fill: #ff6c19;
+  --bg-video-gauge-border: rgba(0, 0, 0, 0.4);
+  --bg-learning-line: #c6c3c3;
+  --bg-learning-dot: #8d8888;
+  --bg-learning-active: rgba(255, 92, 0, 0.2);
+  --bg-learning-active-line: #ffad7f;
+  --bg-learning-active-dot: #ff5c00;
+  --bg-learning-complete: rgba(0, 140, 73, 0.2);
+  --bg-learning-complete-line: #7fc5a4;
+  --bg-learning-complete-dot: #008c49;
+  --bg-chapter-current: #146b51;
+  --bg-chapter-completed: #ba9a85;
+  --bg-card-base: #7e7e7e;
+  --bg-card-current: #1d9b75;
+  --bg-card-current-border: #1f9b76;
+  --bg-card-current-bg: #dbefe9;
+  --bg-card-completed: #ab3d00;
+  --bg-gauge-fill: #e25e00;
+  --bg-shadow: #8a7d64;
+  --bg-circle-border: #a7790f;
+  --bg-circle-start: rgba(127, 47, 0, 0.1);
+  --bg-circle-end: rgba(167, 121, 15, 0.5);
+  --bg-circle-dot: rgba(221, 144, 0, 0.6);
+  --bg-circle-dot-hover: rgba(221, 144, 0, 0.8);
+  --bg-circle-dot-stroke: rgba(221, 144, 0, 0.2);
+  --bg-gradient-start: #ece3d2;
+  --bg-gradient-end: #fff;
+  --bg-learning-line-color: #edba8a;
+  --bg-modal-header: #f04400;
+  --bg-textarea: #2a2a2a;
+  --bg-textarea-placeholder: rgba(255, 255, 255, 0.5);
+  /* border */
+  --border-base: rgba(0, 0, 0, 0.05);
+  --border-primary: #fff;
+  --border-keyword-base: rgba(0, 0, 0, 0.05);
+  --border-keyword-primary: rgba(255, 255, 255, 0.4);
+  --border-keyword-primary-hover: rgba(0, 0, 0, 0.05);
+  --border-keyword-secondary: rgba(255, 255, 255, 0.4);
+  --border-keyword-secondary-hover: rgba(0, 0, 0, 0.1);
+  --border-pick: rgba(255, 255, 255, 0.5);
+  --border-video: rgba(255, 255, 255, 0.1);
+  --border-btn: rgba(255, 255, 255, 0.2);
+  --border-card: rgba(255, 255, 255, 0.8);
+  --border-modal: #888;
+  --border-comment-resizer: rgba(230, 227, 225, 0.1);
+  /* drop */
+  --text-shadow:
+    -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
+  --text-stroke: drop-shadow(0 0 0.5px #000);
+  /* shadow */
+  --shadow-pagination: rgba(0, 0, 0, 0.4);
+  --shadow-modal: rgba(0, 0, 0, 0.25);
+  --shadow-card-drop: 0 4px 8px rgba(0, 0, 0, 0.2);
+  --shadow-card-drop-small: 0 4px 2px rgba(0, 0, 0, 0.05);
+  --shadow-gauge-inset: rgba(0, 0, 0, 0.3);
+  --shadow-comment: 0 8px 22px 22px rgba(0, 0, 0, 0.8);
+}
+
+/* 페이드 전환 */
+.fade-out {
+  opacity: 0;
+  transition: opacity 0.4s ease;
+}
+
+.fade-in {
+  opacity: 1;
+  transition: opacity 0.4s ease;
+}
+
+@keyframes fadeInUp {
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes arrow-next {
+  0%, 100% {
+    right: 72px;
+  }
+  50% {
+    right: 50px;
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateX(-50%) translateY(0);
+  }
+  50% {
+    transform: translateX(-50%) translateY(-12px);
+  }
+}
+@keyframes slideUp {
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes scroll-down {
+  0% {
+    transform-origin: 50% 100%;
+    transform: scaleY(1);
+  }
+  50% {
+    transform-origin: 50% 100%;
+    transform: scaleY(0);
+  }
+  50.1% {
+    transform-origin: 50% 0;
+    transform: scaleY(0);
+  }
+  to {
+    transform-origin: 50% 0;
+    transform: scaleY(1);
+  }
+}
+@keyframes pulse {
+  0%, 100% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.4;
+  }
+}
+@keyframes borderFadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes borderPulse {
+  0%, 100% {
+    border-color: #fff;
+    box-shadow: 0 0 20px rgba(255, 255, 255, 0.4);
+  }
+  50% {
+    border-color: #fff;
+    box-shadow: 0 0 30px rgba(255, 255, 255, 0.6);
+  }
+}
+@keyframes fillGauge {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+.study .study-container {
+  display: flex;
+  gap: 40px;
+  margin: 0 auto;
+  padding: 40px 60px;
+  position: relative;
+  background: linear-gradient(180deg, #F9F6F0 0%, #E6DDCC 100%);
+}
+.study .study-container::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 30.8333%;
+  padding-top: 90.54054%;
+  background-image: url("../images/myclass/bg_lo.png");
+  background-size: contain;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  pointer-events: none;
+  z-index: 0;
+  mix-blend-mode: multiply;
+}
+.study .page-title {
+  margin-bottom: 72px;
+}
+.study .study-sidebar {
+  flex-shrink: 0;
+  width: 380px;
+  position: sticky;
+  top: 40px;
+  height: -moz-fit-content;
+  height: fit-content;
+  z-index: 1;
+}
+.study .study-sidebar .sidebar-content {
+  background: rgba(255, 255, 255, 0.8);
+  border-radius: 20px;
+  padding: 32px;
+  backdrop-filter: blur(10px);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+}
+.study .study-sidebar .user-rank-info {
+  margin-bottom: 32px;
+  padding-bottom: 24px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+}
+.study .study-sidebar .user-rank-info .rank-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  flex-direction: row;
+  gap: 12px;
+}
+.study .study-sidebar .user-rank-info .rank-header .ico-trophy {
+  background-image: url("../images/ico/ico_trophy.svg");
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+  width: 32px;
+  aspect-ratio: 1/1;
+  flex-shrink: 0;
+}
+.study .study-sidebar .user-rank-info .rank-header .rank-text {
+  font-size: 16px;
+  line-height: 1.5;
+  color: var(--text-base);
+}
+.study .study-sidebar .user-rank-info .rank-header .rank-text strong {
+  font-weight: 700;
+  color: var(--text-primary);
+}
+.study .study-sidebar .user-rank-info .rank-header .rank-text em {
+  font-style: normal;
+  font-weight: 700;
+  color: var(--text-accent);
+  margin: 0 4px;
+}
+.study .study-sidebar .user-rank-info .rank-header .rank-text small {
+  font-size: 14px;
+  color: var(--text-secondary);
+  font-weight: 400;
+}
+.study .study-sidebar .quarter-selector {
+  margin-bottom: 32px;
+}
+.study .study-sidebar .quarter-selector .year-select {
+  margin-bottom: 12px;
+}
+.study .study-sidebar .quarter-selector .year-select .btn-year {
+  width: 100%;
+  padding: 12px 16px;
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 12px;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--text-primary);
+  cursor: pointer;
+  display: flex;
+  align-items: space-between;
+  justify-content: center;
+  flex-direction: row;
+  transition: all 0.2s ease;
+}
+.study .study-sidebar .quarter-selector .year-select .btn-year:hover {
+  background: #f5f5f5;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.study .study-sidebar .quarter-selector .year-select .btn-year .ico-arrow-down {
+  background-image: url("../images/ico/ico_arrow_down.svg");
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+  width: 16px;
+  aspect-ratio: 1/1;
+}
+.study .study-sidebar .quarter-selector .quarter-select .btn-quarter {
+  width: 100%;
+  padding: 12px 16px;
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 12px;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+.study .study-sidebar .quarter-selector .quarter-select .btn-quarter.active {
+  background: var(--text-accent);
+  color: #fff;
+  border-color: var(--text-accent);
+}
+.study .study-sidebar .quarter-selector .quarter-select .btn-quarter:hover:not(.active) {
+  background: #f5f5f5;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.study .study-sidebar .learning-goal .goal-title {
+  font-size: 22px;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 12px;
+  line-height: 1.4;
+}
+.study .study-sidebar .learning-goal .goal-title .emoji {
+  font-style: normal;
+  margin-left: 4px;
+}
+.study .study-sidebar .learning-goal .goal-description {
+  font-size: 14px;
+  line-height: 1.6;
+  color: var(--text-secondary);
+  margin-bottom: 20px;
+}
+.study .study-sidebar .learning-goal .btn-change-goal {
+  width: 100%;
+  padding: 12px 20px;
+  background: var(--text-accent);
+  color: #fff;
+  border: none;
+  border-radius: 12px;
+  font-size: 16px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+.study .study-sidebar .learning-goal .btn-change-goal:hover {
+  background: #e55000;
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(255, 92, 0, 0.3);
+}
+.study .study-main {
+  flex: 1;
+  min-width: 0;
+  position: relative;
+  z-index: 1;
+}
+.study .study-main .study-header {
+  margin-bottom: 40px;
+}
+.study .study-main .study-header .study-title {
+  font-size: 32px;
+  font-weight: 700;
+  line-height: 1.4;
+  color: var(--text-primary);
+  margin-bottom: 16px;
+}
+.study .study-main .study-header .study-title em {
+  font-style: normal;
+  color: var(--text-accent);
+}
+.study .study-main .study-header .study-countdown {
+  font-size: 18px;
+  color: var(--text-secondary);
+  line-height: 1.5;
+}
+.study .study-main .study-header .study-countdown small {
+  font-size: 16px;
+  color: var(--text-base);
+}
+.study .study-main .study-modules {
+  margin-bottom: 40px;
+}
+.study .study-main .study-modules .modules-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 32px 24px;
+}
+.study .study-main .module-card {
+  position: relative;
+  background: #fff;
+  border-radius: 16px;
+  overflow: hidden;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+  transition: all 0.3s ease;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.study .study-main .module-card:hover {
+  transform: translateY(-8px);
+  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
+}
+.study .study-main .module-card:hover .card-thumbnail img {
+  transform: scale(1.05);
+}
+.study .study-main .module-card.card-color-teal {
+  border-top: 4px solid #4db6ac;
+}
+.study .study-main .module-card.card-color-pink {
+  border-top: 4px solid #f48fb1;
+}
+.study .study-main .module-card.card-color-blue {
+  border-top: 4px solid #81d4fa;
+}
+.study .study-main .module-card.card-color-yellow {
+  border-top: 4px solid #ffeb3b;
+}
+.study .study-main .module-card.card-color-green {
+  border-top: 4px solid #a5d6a7;
+}
+.study .study-main .module-card.card-color-beige {
+  border-top: 4px solid #d7ccc8;
+}
+.study .study-main .module-card .card-thumbnail {
+  width: 100%;
+  aspect-ratio: 16/9;
+  overflow: hidden;
+  background: #f5f5f5;
+}
+.study .study-main .module-card .card-thumbnail img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  transition: transform 0.3s ease;
+}
+.study .study-main .module-card .card-content {
+  padding: 20px 24px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.study .study-main .module-card .card-content .card-category {
+  display: inline-block;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  margin-bottom: 8px;
+  padding: 4px 12px;
+  background: rgba(0, 0, 0, 0.04);
+  border-radius: 12px;
+}
+.study .study-main .module-card .card-content .card-title {
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1.4;
+  color: var(--text-primary);
+  margin-bottom: 8px;
+}
+.study .study-main .module-card .card-content .card-subtitle {
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--text-base);
+  margin-bottom: 8px;
+  font-weight: 500;
+}
+.study .study-main .module-card .card-content .card-description {
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--text-secondary);
+  margin-bottom: 16px;
+}
+.study .study-main .module-card .card-content .card-check {
+  margin-top: auto;
+  padding-top: 16px;
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
+}
+.study .study-main .module-card .card-content .card-check .check-title {
+  display: block;
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--text-accent);
+  margin-bottom: 8px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+.study .study-main .module-card .card-content .card-check .check-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.study .study-main .module-card .card-content .card-check .check-list li {
+  position: relative;
+  padding-left: 20px;
+  font-size: 12px;
+  line-height: 1.6;
+  color: var(--text-secondary);
+  margin-bottom: 6px;
+}
+.study .study-main .module-card .card-content .card-check .check-list li:last-child {
+  margin-bottom: 0;
+}
+.study .study-main .module-card .card-content .card-check .check-list li::before {
+  content: "•";
+  position: absolute;
+  left: 0;
+  color: var(--text-accent);
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 1.2;
+}
+.study .study-main .study-tags {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  flex-direction: row;
+  gap: 16px;
+  padding: 20px 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
+}
+.study .study-main .study-tags .tag-quarter {
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--text-primary);
+  padding: 8px 16px;
+  background: rgba(255, 92, 0, 0.1);
+  border-radius: 12px;
+}
+.study .study-main .study-tags .tag-list {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  flex-direction: row;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.study .study-main .study-tags .tag-list .tag-item {
+  padding: 8px 20px;
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 20px;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+.study .study-main .study-tags .tag-list .tag-item:hover {
+  background: #f5f5f5;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.study .study-main .study-tags .tag-list .tag-item.active {
+  background: var(--text-accent);
+  color: #fff;
+  border-color: var(--text-accent);
+}
+
+@media (max-width: 1400px) {
+  .study .study-container {
+    padding: 32px 40px;
+    gap: 32px;
+  }
+  .study .study-sidebar {
+    width: 320px;
+  }
+  .study .study-main .modules-grid {
+    gap: 24px 20px;
+  }
+}
+@media (max-width: 1024px) {
+  .study .study-container {
+    flex-direction: column;
+    padding: 24px 32px;
+  }
+  .study .study-sidebar {
+    width: 100%;
+    position: relative;
+    top: 0;
+  }
+  .study .study-sidebar .sidebar-content {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 24px;
+  }
+  .study .study-sidebar .user-rank-info,
+  .study .study-sidebar .quarter-selector,
+  .study .study-sidebar .learning-goal {
+    border-bottom: none;
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+  .study .study-main .modules-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (max-width: 768px) {
+  .study .study-container {
+    padding: 20px 24px;
+  }
+  .study .study-sidebar .sidebar-content {
+    grid-template-columns: 1fr;
+    gap: 20px;
+  }
+  .study .study-main .study-header .study-title {
+    font-size: 24px;
+  }
+  .study .study-main .study-header .study-countdown {
+    font-size: 16px;
+  }
+  .study .study-main .modules-grid {
+    grid-template-columns: 1fr;
+    gap: 20px;
+  }
+}
@@ -0,0 +1 @@
+[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[dLine truncated
@@ -0,0 +1 @@
+html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto !important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}
@@ -0,0 +1,13 @@
+/**
+ * Swiper 11.2.5
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2025 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: March 3, 2025
+ */
+
+ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-Line truncated
@@ -0,0 +1,961 @@
+@charset "UTF-8";
+:root {
+  /* text - 텍스트 색상 */
+  --text-intro-base: #1b1810;
+  --text-base: #131313;
+  --text-revers: #fff;
+  --text-primary: #3c3321;
+  --text-secondary: #747474;
+  --text-accent: #ff5c00;
+  --text-myclass: #ffdf60;
+  --text-main-primary: #4a4040;
+  --text-main-secondary: #3a200d;
+  --text-title-accent: #f5651d;
+  --text-pick: #2b5045;
+  --text-keyword-base: #c4c2c0;
+  --text-keyword-primary: #fff;
+  --text-keyword-secondary: #999999;
+  --text-video-primary: #b6d5a7;
+  --text-video-secondary: #ddd;
+  --text-cate-primary: #edd8c2;
+  --text-cate-secondary: #b6d5a7;
+  --text-cate-tertiary: #e8cfe4;
+  --text-comment-primary: #fff;
+  --text-comment-secondary: #8d8d8d;
+  --text-learning-base: #8d8888;
+  --text-learning-primary: #ff5c00;
+  --text-learning-secondary: #008c49;
+  --text-card-category: #252525;
+  --text-card-title-active: #ff7d33;
+  --text-card-title-complete: #66ba92;
+  --text-card-author: #d1cfcf;
+  /* 배경 */
+  --bg-base: #e4ddcf;
+  --bg-primary: #ece3d2;
+  --bg-secondary:
+    radial-gradient(
+      93.89% 93.89% at 49.32% 6.11%,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.11) 86.06%,
+      rgba(134, 114, 77, 0.2) 88.94%
+    ),
+    linear-gradient(180deg, #f9f6f0 0%, #e6ddcc 100%);
+  --bg-main-card: rgba(255, 255, 255, 0.6);
+  --bg-intro-mask: #1b1810;
+  --bg-intro: linear-gradient(
+    180deg,
+    #f9f5f2 0%,
+    #fff 18.77%,
+    #fff 41.8%,
+    #ece8e4 100%
+  );
+  --bg-main:
+    linear-gradient(
+        90deg,
+        #0f3025 0%,
+        #194335 38%,
+        #0b221b 87.51%,
+        #0d231c 100%
+      )
+      top / 100% 114px no-repeat,
+    #ece3d2;
+  --bg-video: #1b1b1b;
+  --bg-comment: #2a2a2a;
+  --bg-nav: linear-gradient(
+    90deg,
+    #0f3025 0%,
+    #194335 38%,
+    #0b221b 87.51%,
+    #0d231c 100%
+  );
+  --bg-nav-depth: #fff;
+  --bg-nav-alerts: #ff2200;
+  --bg-nav-alerts-hover: #188f6b;
+  --bg-cate-primary: #ded7cf;
+  --bg-cate-secondary: #d4decf;
+  --bg-cate-tertiary: #e8cfe4;
+  --bg-pick: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #d5ede6 100%);
+  --bg-gauge-base: #b4b4b4;
+  --bg-gauge-primary: #ff5c00;
+  --bg-search: #e4dbc9;
+  --bg-keyword-base: rgba(230, 205, 177, 0.3);
+  --bg-keyword-primary: #e47703;
+  --bg-keyword-primary-hover: #e6cdb1;
+  --bg-keyword-secondary: #786c60;
+  --bg-keyword-secondary-hover: #dcd3c9;
+  --bg-lecture-state: linear-gradient(270deg, #00ab66 0%, #058bb0 100%);
+  --bg-lecture-progress-primary: rgba(3, 9, 7, 0.3);
+  --bg-lecture-progress-secondary: #07855c;
+  --bg-btn-base: #000;
+  --bg-btn-primary: #ff5c00;
+  --bg-btn-secondary: #1f1f1f;
+  --bg-card: rgba(255, 255, 255, 0.6);
+  --bg-card-hover-start: #ff6600;
+  --bg-card-hover-end: rgba(255, 132, 0, 0.7);
+  --bg-card-thumb-overlay: rgba(255, 255, 255, 0.3);
+  --bg-card-shadow: rgba(217, 202, 190, 0.5);
+  --bg-card-hover-shadow: rgba(198, 187, 177, 0.5);
+  --bg-card-shadow-inner: rgba(0, 0, 0, 1);
+  --bg-pick-shadow: rgba(166, 154, 97, 0.25);
+  --bg-modal: rgba(0, 0, 0, 0.8);
+  --bg-modal-content: #f6f1e9;
+  --bg-modal-close-hover: #e00400;
+  --bg-scrollbar-thumb: #D0D0D0;
+  --bg-scrollbar-thumb-dark: #383838;
+  --bg-scrollbar-track: #F3F3F3;
+  --bg-scrollbar-thumb-light: rgba(255, 255, 255, 0.2);
+  --bg-scrollbar-thumb-light-hover: rgba(255, 255, 255, 0.3);
+  --bg-scrollbar-track-light: rgba(255, 255, 255, 0.05);
+  --bg-video-gauge: #171717;
+  --bg-video-gauge-fill: #ff6c19;
+  --bg-video-gauge-border: rgba(0, 0, 0, 0.4);
+  --bg-learning-line: #c6c3c3;
+  --bg-learning-dot: #8d8888;
+  --bg-learning-active: rgba(255, 92, 0, 0.2);
+  --bg-learning-active-line: #ffad7f;
+  --bg-learning-active-dot: #ff5c00;
+  --bg-learning-complete: rgba(0, 140, 73, 0.2);
+  --bg-learning-complete-line: #7fc5a4;
+  --bg-learning-complete-dot: #008c49;
+  --bg-chapter-current: #146b51;
+  --bg-chapter-completed: #ba9a85;
+  --bg-card-base: #7e7e7e;
+  --bg-card-current: #1d9b75;
+  --bg-card-current-border: #1f9b76;
+  --bg-card-current-bg: #dbefe9;
+  --bg-card-completed: #ab3d00;
+  --bg-gauge-fill: #e25e00;
+  --bg-shadow: #8a7d64;
+  --bg-circle-border: #a7790f;
+  --bg-circle-start: rgba(127, 47, 0, 0.1);
+  --bg-circle-end: rgba(167, 121, 15, 0.5);
+  --bg-circle-dot: rgba(221, 144, 0, 0.6);
+  --bg-circle-dot-hover: rgba(221, 144, 0, 0.8);
+  --bg-circle-dot-stroke: rgba(221, 144, 0, 0.2);
+  --bg-gradient-start: #ece3d2;
+  --bg-gradient-end: #fff;
+  --bg-learning-line-color: #edba8a;
+  --bg-modal-header: #f04400;
+  --bg-textarea: #2a2a2a;
+  --bg-textarea-placeholder: rgba(255, 255, 255, 0.5);
+  /* border */
+  --border-base: rgba(0, 0, 0, 0.05);
+  --border-primary: #fff;
+  --border-keyword-base: rgba(0, 0, 0, 0.05);
+  --border-keyword-primary: rgba(255, 255, 255, 0.4);
+  --border-keyword-primary-hover: rgba(0, 0, 0, 0.05);
+  --border-keyword-secondary: rgba(255, 255, 255, 0.4);
+  --border-keyword-secondary-hover: rgba(0, 0, 0, 0.1);
+  --border-pick: rgba(255, 255, 255, 0.5);
+  --border-video: rgba(255, 255, 255, 0.1);
+  --border-btn: rgba(255, 255, 255, 0.2);
+  --border-card: rgba(255, 255, 255, 0.8);
+  --border-modal: #888;
+  --border-comment-resizer: rgba(230, 227, 225, 0.1);
+  /* drop */
+  --text-shadow:
+    -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
+  --text-stroke: drop-shadow(0 0 0.5px #000);
+  /* shadow */
+  --shadow-pagination: rgba(0, 0, 0, 0.4);
+  --shadow-modal: rgba(0, 0, 0, 0.25);
+  --shadow-card-drop: 0 4px 8px rgba(0, 0, 0, 0.2);
+  --shadow-card-drop-small: 0 4px 2px rgba(0, 0, 0, 0.05);
+  --shadow-gauge-inset: rgba(0, 0, 0, 0.3);
+  --shadow-comment: 0 8px 22px 22px rgba(0, 0, 0, 0.8);
+}
+
+/* 페이드 전환 */
+.fade-out {
+  opacity: 0;
+  transition: opacity 0.4s ease;
+}
+
+.fade-in {
+  opacity: 1;
+  transition: opacity 0.4s ease;
+}
+
+@keyframes fadeInUp {
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes arrow-next {
+  0%, 100% {
+    right: 72px;
+  }
+  50% {
+    right: 50px;
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateX(-50%) translateY(0);
+  }
+  50% {
+    transform: translateX(-50%) translateY(-12px);
+  }
+}
+@keyframes slideUp {
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes scroll-down {
+  0% {
+    transform-origin: 50% 100%;
+    transform: scaleY(1);
+  }
+  50% {
+    transform-origin: 50% 100%;
+    transform: scaleY(0);
+  }
+  50.1% {
+    transform-origin: 50% 0;
+    transform: scaleY(0);
+  }
+  to {
+    transform-origin: 50% 0;
+    transform: scaleY(1);
+  }
+}
+@keyframes pulse {
+  0%, 100% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.4;
+  }
+}
+@keyframes borderFadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes borderPulse {
+  0%, 100% {
+    border-color: #fff;
+    box-shadow: 0 0 20px rgba(255, 255, 255, 0.4);
+  }
+  50% {
+    border-color: #fff;
+    box-shadow: 0 0 30px rgba(255, 255, 255, 0.6);
+  }
+}
+@keyframes fillGauge {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+.guide-wrap {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 99;
+  opacity: 0;
+  transition: opacity 0.5s ease;
+  display: none;
+  height: var(--window-inner-height, 100vh);
+}
+.guide-wrap.active {
+  opacity: 1;
+  pointer-events: auto;
+  display: block;
+}
+.guide-svg {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: auto;
+}
+.guide-borders {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10000;
+}
+.guide-border {
+  position: absolute;
+  border-radius: 4px;
+}
+.guide-mask.nav {
+  position: absolute;
+  left: 50%;
+  top: 14px;
+  width: 900px;
+  height: 32px;
+  translate: -61% 0;
+  opacity: 0.5;
+}
+.guide-tooltip-box {
+  position: fixed;
+  background: white;
+  border-radius: 8px;
+  padding: 12px;
+  word-break: keep-all;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  z-index: 10001;
+  pointer-events: auto;
+  opacity: 0;
+}
+.guide-tooltip-box:has(.guide-tooltip-description) .guide-tooltip-title {
+  margin-bottom: 8px;
+}
+.guide-tooltip-box::before, .guide-tooltip-box::after {
+  content: "";
+  display: black;
+  position: absolute;
+}
+.guide-tooltip-box::before {
+  top: -20px;
+  width: 1.5px;
+  height: 20px;
+  background-color: #fff;
+}
+.guide-tooltip-box::after {
+  top: -25px;
+  border-radius: 50px;
+  width: 12px;
+  height: 12px;
+  background-color: #FF602F;
+  border: 1.5px solid #fff;
+}
+.guide-tooltip-box.menu, .guide-tooltip-box.search, .guide-tooltip-box.notice, .guide-tooltip-box.mypage {
+  position: absolute;
+  top: 72px;
+}
+.guide-tooltip-box.menu {
+  left: calc(50% - 283px);
+  translate: -50% 0;
+}
+.guide-tooltip-box.menu::before, .guide-tooltip-box.menu::after {
+  content: "";
+  display: black;
+  position: absolute;
+}
+.guide-tooltip-box.menu::before {
+  right: 58px;
+}
+.guide-tooltip-box.menu::after {
+  right: 51.5px;
+}
+.guide-tooltip-box.menu p {
+  position: relative;
+  padding-left: 12px;
+}
+.guide-tooltip-box.menu p::before {
+  content: " ";
+  position: absolute;
+  left: 0;
+  top: 10px;
+  display: block;
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  background-color: #333;
+}
+.guide-tooltip-box.search {
+  width: 180px;
+  translate: -35% 0;
+}
+.guide-tooltip-box.search::before {
+  right: 88px;
+}
+.guide-tooltip-box.search::after {
+  right: 81.5px;
+}
+.guide-tooltip-box.notice {
+  width: 122px;
+  translate: -106% 0;
+}
+.guide-tooltip-box.notice::before {
+  right: 32px;
+}
+.guide-tooltip-box.notice::after {
+  right: 25.5px;
+}
+.guide-tooltip-box.mypage {
+  width: 168px;
+  translate: 8% 0;
+}
+.guide-tooltip-box.mypage::before {
+  left: 22px;
+}
+.guide-tooltip-box.mypage::after {
+  left: 15.5px;
+}
+.guide-tooltip-box.mypage .guide-tooltip-description {
+  letter-spacing: -0.064em;
+}
+.guide-tooltip-box.change {
+  text-align: right;
+  white-space: nowrap;
+  width: -moz-max-content;
+  width: max-content;
+  translate: -100% 0;
+}
+.guide-tooltip-box.change::before {
+  right: 52px;
+}
+.guide-tooltip-box.change::after {
+  right: 45.5px;
+}
+.guide-tooltip-box.interest::before {
+  left: 52px;
+}
+.guide-tooltip-box.interest::after {
+  left: 45.5px;
+}
+.guide-tooltip-box.learning {
+  translate: -50% 142%;
+}
+.guide-tooltip-box.learning::before {
+  top: -70px;
+  left: 22px;
+  height: 70px;
+}
+.guide-tooltip-box.learning::after {
+  top: -72px;
+  left: 15.5px;
+}
+.guide-tooltip-title {
+  font-weight: 700;
+  font-size: 18px;
+  margin-bottom: 0;
+  color: #000;
+}
+.guide-tooltip-title:has(.guide-tooltip-description) {
+  margin-bottom: 8px;
+}
+.guide-tooltip-description {
+  font-size: 16px;
+  line-height: 1.5;
+  color: #666;
+  white-space: pre-line;
+}
+
+.main .container {
+  position: relative;
+  height: calc(var(--window-inner-height) - 64px);
+  overflow: hidden;
+}
+@media only screen and (max-width: 1023px) {
+  .main .container {
+    overflow: visible;
+  }
+}
+.main .container .bg-circle {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  translate: -50% -50%;
+  width: 100%;
+  margin: auto;
+  height: calc(var(--window-inner-height) - 64px);
+  -webkit-mask: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%), linear-gradient(180deg, #d9d9d9 0%, rgba(166, 166, 166, 0.08) 40%, rgba(140, 140, 140, 0.08) 60%, #737373 100%);
+          mask: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%), linear-gradient(180deg, #d9d9d9 0%, rgba(166, 166, 166, 0.08) 40%, rgba(140, 140, 140, 0.08) 60%, #737373 100%);
+  -webkit-mask-composite: source-in, xor;
+          mask-composite: intersect;
+  -webkit-mask: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%), linear-gradient(180deg, #d9d9d9 0%, rgba(166, 166, 166, 0.08) 40%, rgba(140, 140, 140, 0.08) 60%, #737373 100%);
+  -webkit-mask-composite: source-in;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+  overflow: hidden;
+}
+@media only screen and (max-width: 1023px) {
+  .main .container .bg-circle {
+    display: none;
+  }
+}
+.main .container .bg-circle::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  top: 50%;
+  width: 100vw;
+  height: 67.22222vh;
+  background: linear-gradient(180deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 23.56%, var(--bg-gradient-end) 66.83%, var(--bg-gradient-start) 100%);
+  translate: 0 -50%;
+  opacity: 0.67;
+  z-index: 1;
+  mix-blend-mode: multiply;
+}
+.main .container .bg-circle ul {
+  position: relative;
+  width: clamp(1372px, 71.45833vw, 71.45833vw);
+  aspect-ratio: 1/1;
+}
+.main .container .bg-circle ul li {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  translate: -50% -50%;
+  aspect-ratio: 1/1;
+  border-radius: 50%;
+  border: 1px solid var(--bg-circle-border);
+  background-blend-mode: multiply, normal;
+  background: linear-gradient(0deg, var(--bg-circle-start) 0%, var(--bg-circle-start) 100%), radial-gradient(50% 50% at 50% 50%, rgba(167, 121, 15, 0) 94.72%, var(--bg-circle-end) 100%);
+}
+.main .container .bg-circle ul li::before, .main .container .bg-circle ul li::after {
+  content: " ";
+  display: block;
+  position: absolute;
+  border-radius: 50%;
+  aspect-ratio: 1/1;
+  top: 50%;
+}
+.main .container .bg-circle ul li:nth-child(1) {
+  width: clamp(1372px, 71.45833vw, 71.45833vw);
+  opacity: 1;
+  transform: rotate(30deg);
+}
+.main .container .bg-circle ul li:nth-child(1)::before {
+  width: 12px;
+  height: 12px;
+  background: radial-gradient(50% 50% at 50% 50%, var(--bg-circle-dot) 60%, var(--bg-circle-dot-hover) 100%);
+  stroke-width: 1px;
+  stroke: var(--bg-circle-dot-stroke);
+  left: -6px;
+  opacity: 0.6;
+}
+.main .container .bg-circle ul li:nth-child(1)::after {
+  width: 14px;
+  height: 14px;
+}
+.main .container .bg-circle ul li:nth-child(2) {
+  width: clamp(1066px, 55.5208vw, 55.5208vw);
+  opacity: 0.7;
+}
+.main .container .bg-circle ul li:nth-child(3) {
+  width: clamp(794px, 41.3541vw, 41.3541vw);
+  opacity: 0.6;
+}
+.main .container .bg-circle ul li:nth-child(4) {
+  width: clamp(470px, 24.4791vw, 24.4791vw);
+  opacity: 0.5;
+}
+.main-contents {
+  width: 100%;
+  height: calc(var(--window-inner-height) - 64px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+.main-contents .text-box {
+  text-align: center;
+  z-index: 2;
+}
+@media only screen and (max-width: 1023px) {
+  .main-contents .text-box {
+    display: grid;
+    grid-template-columns: 1fr;
+    padding-top: 16px;
+  }
+}
+.main-contents .text-box span {
+  color: var(--text-main-primary);
+  font-size: 32px;
+}
+@media only screen and (max-width: 1023px) {
+  .main-contents .text-box span {
+    font-size: 18px;
+  }
+}
+@media only screen and (max-width: 374px) {
+  .main-contents .text-box span {
+    font-size: 16px;
+  }
+}
+.main-contents .text-box span em {
+  font-weight: 700;
+}
+.main-contents .text-box p {
+  color: var(--text-main-primary);
+  font-size: 38px;
+}
+@media only screen and (max-width: 1023px) {
+  .main-contents .text-box p {
+    font-size: 24px;
+  }
+}
+.main-contents .text-box p em {
+  color: var(--text-main-secondary);
+  font-weight: 700;
+}
+.main-contents .keyword-area {
+  padding: 8px 12px;
+  margin: 10px auto 8px auto;
+  text-align: center;
+  gap: 12px;
+  width: -moz-max-content;
+  width: max-content;
+  margin: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+@media only screen and (max-width: 1023px) {
+  .main-contents .keyword-area {
+    grid-row: 3/4;
+    margin-top: 8px;
+    gap: 8px;
+  }
+}
+.main-contents .keyword-area button {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--text-main-primary);
+  opacity: 0.7;
+  gap: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+}
+.main-contents .keyword-area button .ico-setting {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  background-image: url("../images/ico/ico_setting.svg");
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+@media only screen and (min-width: 1024px) {
+  .main .video-wrap {
+    position: absolute;
+    width: 100%;
+    height: calc(var(--window-inner-height) - 64px);
+    pointer-events: none;
+  }
+}
+@media only screen and (max-width: 1023px) {
+  .main .video-wrap {
+    flex: 1;
+    width: 100%;
+  }
+}
+.main .video-wrap .btn-prev, .main .video-wrap .btn-next {
+  pointer-events: auto;
+  position: absolute;
+  width: 84px;
+  height: 180px;
+  top: 50%;
+  translate: 0 -50%;
+  text-indent: -9999px;
+  color: transparent;
+  font-size: 1px;
+  overflow: hidden;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  z-index: 1;
+}
+@media only screen and (max-width: 1023px) {
+  .main .video-wrap .btn-prev, .main .video-wrap .btn-next {
+    display: none;
+  }
+}
+.main .video-wrap .btn-prev {
+  left: 30px;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98' height='185' viewBox='0 0 98 185' fill='none'%3E%3Cpath d='M94.6499 3C88.3166 26.9504 62.8499 78.281 11.6499 92C39.3166 99.3333 94.6499 127.5 94.6499 181.5' stroke='url(%23paint0_linear_1337_60932)' stroke-width='6' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1337_60932' x1='94.6499' y1='92.25' x2='11.6499' y2='92.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CBAF94' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23DD842F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
+  transition: left 0.2s linear;
+}
+.main .video-wrap .btn-prev:not(.disabled):not(.swiper-button-disabled):hover {
+  left: 20px;
+}
+.main .video-wrap .btn-prev.disabled, .main .video-wrap .btn-prev.swiper-button-disabled {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98' height='185' viewBox='0 0 98 185' fill='none'%3E%3Cpath d='M94.6499 3C88.3166 26.9504 62.8499 78.281 11.6499 92C39.3166 99.3333 94.6499 127.5 94.6499 181.5' stroke='url(%23paint0_linear_1337_60932)' stroke-width='6' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1337_60932' x1='94.6499' y1='92.25' x2='11.6499' y2='92.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CBAF94' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23EFE7D7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
+}
+.main .video-wrap .btn-prev:not(.disabled):not(.swiper-button-disabled):hover {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98' height='185' viewBox='0 0 98 185' fill='none'%3E%3Cpath d='M94.6499 3C88.3166 26.9504 62.8499 78.281 11.6499 92C39.3166 99.3333 94.6499 127.5 94.6499 181.5' stroke='url(%23paint0_linear_1337_60932)' stroke-width='6' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1337_60932' x1='94.6499' y1='92.25' x2='11.6499' y2='92.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CBAF94' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23D34D00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
+}
+.main .video-wrap .btn-next {
+  right: 30px;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98' height='185' viewBox='0 0 98 185' fill='none'%3E%3Cpath d='M3.00098 3C9.33431 26.9504 34.801 78.281 86.001 92C58.3343 99.3333 3.00098 127.5 3.00098 181.5' stroke='url(%23paint0_linear_1337_61160)' stroke-width='6' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1337_61160' x1='3.00098' y1='92.25' x2='86.001' y2='92.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CBAF94' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23DD842F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
+  transition: right 0.2s linear;
+}
+.main .video-wrap .btn-next:not(.disabled):not(.swiper-button-disabled):hover {
+  right: 20px;
+}
+.main .video-wrap .btn-next.disabled, .main .video-wrap .btn-next.swiper-button-disabled {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98' height='185' viewBox='0 0 98 185' fill='none'%3E%3Cpath d='M3.00098 3C9.33431 26.9504 34.801 78.281 86.001 92C58.3343 99.3333 3.00098 127.5 3.00098 181.5' stroke='url(%23paint0_linear_1337_61162)' stroke-width='6' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1337_61162' x1='3.00098' y1='92.25' x2='86.001' y2='92.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CBAF94' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23EFE7D7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
+}
+.main .video-wrap .btn-next:not(.disabled):not(.swiper-button-disabled):hover {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98' height='185' viewBox='0 0 98 185' fill='none'%3E%3Cpath d='M3.00098 3C9.33431 26.9504 34.801 78.281 86.001 92C58.3343 99.3333 3.00098 127.5 3.00098 181.5' stroke='url(%23paint0_linear_1337_61162)' stroke-width='6' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1337_61162' x1='3.00098' y1='92.25' x2='86.001' y2='92.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CBAF94' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23D34D00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
+}
+.main .video-wrap .pagination {
+  position: absolute;
+  left: 50%;
+  bottom: 20px;
+  transform: translateX(-50%);
+  font-size: 20px;
+  color: var(--shadow-pagination);
+  font-weight: 400;
+}
+@media only screen and (max-width: 1023px) {
+  .main .video-wrap .pagination {
+    font-size: 14px;
+    bottom: 0px;
+  }
+}
+.main .video-wrap .pagination .current,
+.main .video-wrap .pagination .swiper-pagination-current {
+  font-size: 24px;
+  font-weight: 700;
+}
+@media only screen and (max-width: 1023px) {
+  .main .video-wrap .pagination .current,
+  .main .video-wrap .pagination .swiper-pagination-current {
+    font-size: 16px;
+  }
+}
+.main .video-card {
+  margin: auto;
+}
+@media only screen and (min-width: 1920px) {
+  .main .video-card:nth-child(3) {
+    translate: -50% 0;
+  }
+  .main .video-card:nth-child(4) {
+    translate: 50% 0;
+  }
+}
+@media only screen and (max-width: 1919px) and (min-width: 1024px) {
+  .main .video-card:nth-child(3) {
+    margin-left: 0;
+  }
+  .main .video-card:nth-child(4) {
+    margin-right: 0;
+  }
+}
+.main .videoSwiper {
+  width: 100%;
+  height: 100%;
+  pointer-events: auto;
+}
+@media only screen and (max-width: 1023px) {
+  .main .videoSwiper {
+    overflow: visible;
+  }
+}
+@media only screen and (max-width: 1023px) {
+  .main .videoSwiper .swiper-slide {
+    width: auto;
+    height: auto;
+    transition: opacity 0.3s ease;
+  }
+  .main .videoSwiper .swiper-slide.swiper-slide-active {
+    opacity: 1 !important;
+  }
+}
+.main .videoSwiper .video-grid {
+  position: relative;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(3, 1fr);
+  gap: 16px;
+  padding: 24px 16px;
+  align-items: center;
+  height: 100%;
+  overflow: hidden;
+}
+@media only screen and (max-width: 1023px) {
+  .main .videoSwiper .video-grid {
+    grid-template-columns: 1fr;
+    align-content: start;
+    padding: 8px 8px 16px 16px;
+    gap: 8px;
+  }
+}
+.main .my-learning {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  translate: -50% -50%;
+  width: 796px;
+  translate: -50% -100%;
+}
+.main .learning-area {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  translate: -50% -50%;
+  width: clamp(932px, 48.5416vw, 48.5416vw);
+  padding-top: 0;
+  background: none;
+}
+.main .learning-area::before, .main .learning-area::after {
+  content: " ";
+  display: block;
+  position: absolute;
+  width: 158px;
+  height: 1px;
+  bottom: 48.5%;
+}
+.main .learning-area::before {
+  left: 7.2%;
+  background: linear-gradient(90deg, var(--bg-learning-line-color) 0%, rgba(237, 186, 138, 0) 100%);
+}
+.main .learning-area::after {
+  right: 7.2%;
+  background: linear-gradient(90deg, rgba(237, 186, 138, 0) 11.59%, var(--bg-learning-line-color) 100%);
+}
+
+@media only screen and (max-width: 1023px) {
+  .learning-area {
+    display: none;
+  }
+}
+.modal.keyword {
+  background-color: rgba(0, 0, 0, 0);
+}
+.modal.keyword .modal-header {
+  color: var(--bg-modal-header);
+  font-size: 14px;
+  font-weight: 700;
+}
+@media only screen and (max-width: 1023px) {
+  .modal.keyword .modal-header {
+    font-size: 18px;
+  }
+}
+.modal.keyword .modal-header .btn-close {
+  color: inherit;
+  font: inherit;
+}
+.modal.keyword .modal-header .ico-check {
+  display: inline-block;
+  margin-left: 8px;
+  width: 8px;
+  height: 8px;
+  cursor: pointer;
+  background-image: url("../images/ico/ico_check.svg");
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+@media only screen and (max-width: 1023px) {
+  .modal.keyword .modal-header .ico-check {
+    width: 10px;
+    height: 12px;
+  }
+}
+.modal.keyword .modal-content {
+  width: 640px;
+  min-height: auto;
+  padding: 20px 26px;
+  gap: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background: rgba(255, 255, 255, 0.98);
+  border: none;
+  box-shadow: 0 0 6px 0 var(--shadow-modal);
+  translate: 0 0;
+  transform: translate(-50%, -10px);
+}
+.modal.keyword .modal-content .keyword-list {
+  max-width: 100%;
+}
+.modal.keyword .keyword-limit-txt {
+  font-size: 14px;
+  color: #666666;
+  text-align: center;
+  gap: 0;
+}
+@media only screen and (min-width: 1024px) {
+  .modal.keyword .keyword-limit-txt {
+    position: absolute;
+    top: 20px;
+    right: 26px;
+    font-size: 13px;
+  }
+}
+.modal.keyword .keyword-limit-txt strong {
+  font-weight: 700;
+}
+@media only screen and (min-width: 1024px) {
+  .modal.keyword .keyword-limit-txt strong {
+    font-size: 13px;
+  }
+}
+.modal.keyword .modal-footer {
+  display: none;
+}
+@media only screen and (max-width: 1023px) {
+  .modal.keyword {
+    background-color: rgba(0, 0, 0, 0.5);
+    overflow: hidden;
+  }
+  .modal.keyword .modal-content {
+    position: fixed;
+    top: auto;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    gap: 20px;
+    max-height: 90dvh;
+    translate: none;
+    transform: none;
+    border-radius: 20px 20px 0 0;
+    padding: 30px 16px 24px;
+    overflow-y: auto;
+    animation: kwModalSlideUp 0.35s cubic-bezier(0.32, 0.72, 0, 1) forwards;
+  }
+  .modal.keyword .modal-header {
+    margin-bottom: 8px;
+  }
+  .modal.keyword .modal-footer {
+    display: block;
+    width: 100%;
+  }
+  .modal.keyword .btn-primary {
+    width: 100%;
+    height: 56px;
+    border-radius: 12px;
+    font-size: 20px;
+    font-weight: 700;
+    text-shadow: 0 2px 2px rgba(201, 121, 38, 0.5);
+    line-height: 1.2;
+    background-blend-mode: screen, normal;
+    box-shadow: 0 -4px 4px 0 #E18D36 inset, 4px 4px 12px -4px rgba(220, 196, 172, 0.85);
+    /*
+    &::after {
+      content: "→";
+    }
+      */
+  }
+}
+
+@keyframes kwModalSlideUp {
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
@@ -0,0 +1,5 @@
+# Font Squirrel Font-face Generator Configuration File
+# Upload this file to the generator to recreate the settings
+# you used to create these fonts.
+
+{"mode":"basic","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_vertical_metrics":"Y","fix_gasp":"xy","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
@@ -0,0 +1,7 @@
+(function($){$.fn.easyTabs=function(option){var param=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:'active'},option);$(this).each(function(){var thisId="#"+this.id;if(param.defaultContent==''){param.defaultContent=1;}
+if(typeof param.defaultContent=="number")
+{var defaultTab=$(thisId+" .tabs li:eq("+(param.defaultContent-1)+") a").attr('href').substr(1);}else{var defaultTab=param.defaultContent;}
+$(thisId+" .tabs li a").each(function(){var tabToHide=$(this).attr('href').substr(1);$("#"+tabToHide).addClass('easytabs-tab-content');});hideAll();changeContent(defaultTab);function hideAll(){$(thisId+" .easytabs-tab-content").hide();}
+function changeContent(tabId){hideAll();$(thisId+" .tabs li").removeClass(param.activeClass);$(thisId+" .tabs li a[href=#"+tabId+"]").closest('li').addClass(param.activeClass);if(param.fadeSpeed!="none")
+{$(thisId+" #"+tabId).fadeIn(param.fadeSpeed);}else{$(thisId+" #"+tabId).show();}}
+$(thisId+" .tabs li").click(function(){var tabId=$(this).find('a').attr('href').substr(1);changeContent(tabId);return false;});});}})(jQuery);
@@ -0,0 +1,129 @@
+/*Notes about grid:
+Columns:      12
+Grid Width:   825px
+Column Width: 55px
+Gutter Width: 15px
+-------------------------------*/
+ 
+ 
+ 
+.section 		{margin-bottom: 18px;
+}
+.section:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
+.section 		{*zoom: 1;}
+ 
+.section .firstcolumn,
+.section .firstcol {margin-left: 0;}
+ 
+ 
+/* Border on left hand side of a column. */
+.border {
+  padding-left: 7px;
+  margin-left: 7px;
+  border-left: 1px solid #eee;
+}
+ 
+/* Border with more whitespace, spans one column. */
+.colborder {
+    padding-left: 42px;
+  margin-left: 42px;
+  border-left: 1px solid #eee;
+}
+ 
+
+ 
+/* The Grid Classes */
+.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12
+{margin-left: 15px;float: left;display: inline; overflow: hidden;}
+ 
+ 
+.width1, .grid1, .span-1 {width: 55px;}
+.width1_2cols,.grid1_2cols {width: 20px;}
+.width1_3cols,.grid1_3cols  {width: 8px;}
+.width1_4cols,.grid1_4cols  {width: 2px;}
+.input_width1 {width: 49px;}
+ 
+.width2, .grid2, .span-2 {width: 125px;}
+.width2_3cols,.grid2_3cols  {width: 31px;}
+.width2_4cols,.grid2_4cols  {width: 20px;}
+.input_width2 {width: 119px;}
+ 
+.width3, .grid3, .span-3 {width: 195px;}
+.width3_2cols,.grid3_2cols {width: 90px;}
+.width3_4cols,.grid3_4cols  {width: 37px;}
+.input_width3 {width: 189px;}
+ 
+.width4, .grid4, .span-4 {width: 265px;}
+.width4_3cols,.grid4_3cols  {width: 78px;}
+.input_width4 {width: 259px;}
+ 
+.width5, .grid5, .span-5 {width: 335px;}
+.width5_2cols,.grid5_2cols {width: 160px;}
+.width5_3cols,.grid5_3cols  {width: 101px;}
+.width5_4cols,.grid5_4cols  {width: 72px;}
+.input_width5 {width: 329px;}
+ 
+.width6, .grid6, .span-6 {width: 405px;}
+.width6_4cols,.grid6_4cols  {width: 90px;}
+.input_width6 {width: 399px;}
+ 
+.width7, .grid7, .span-7 {width: 475px;}
+.width7_2cols,.grid7_2cols {width: 230px;}
+.width7_3cols,.grid7_3cols  {width: 148px;}
+.width7_4cols,.grid7_4cols  {width: 107px;}
+.input_width7 {width: 469px;}
+ 
+.width8, .grid8, .span-8 {width: 545px;}
+.width8_3cols,.grid8_3cols  {width: 171px;}
+.input_width8 {width: 539px;}
+ 
+.width9, .grid9, .span-9 {width: 615px;}
+.width9_2cols,.grid9_2cols {width: 300px;}
+.width9_4cols,.grid9_4cols  {width: 142px;}
+.input_width9 {width: 609px;}
+ 
+.width10, .grid10, .span-10 {width: 685px;}
+.width10_3cols,.grid10_3cols  {width: 218px;}
+.width10_4cols,.grid10_4cols  {width: 160px;}
+.input_width10 {width: 679px;}
+ 
+.width11, .grid11, .span-11 {width: 755px;}
+.width11_2cols,.grid11_2cols {width: 370px;}
+.width11_3cols,.grid11_3cols  {width: 241px;}
+.width11_4cols,.grid11_4cols  {width: 177px;}
+.input_width11 {width: 749px;}
+ 
+.width12, .grid12, .span-12 {width: 825px;}
+.input_width12 {width: 819px;}
+ 
+/* Subdivided grid spaces */
+.emptycols_left1, .prepend-1 {padding-left: 70px;}
+.emptycols_right1, .append-1 {padding-right: 70px;}
+.emptycols_left2, .prepend-2 {padding-left: 140px;}
+.emptycols_right2, .append-2 {padding-right: 140px;}
+.emptycols_left3, .prepend-3 {padding-left: 210px;}
+.emptycols_right3, .append-3 {padding-right: 210px;}
+.emptycols_left4, .prepend-4 {padding-left: 280px;}
+.emptycols_right4, .append-4 {padding-right: 280px;}
+.emptycols_left5, .prepend-5 {padding-left: 350px;}
+.emptycols_right5, .append-5 {padding-right: 350px;}
+.emptycols_left6, .prepend-6 {padding-left: 420px;}
+.emptycols_right6, .append-6 {padding-right: 420px;}
+.emptycols_left7, .prepend-7 {padding-left: 490px;}
+.emptycols_right7, .append-7 {padding-right: 490px;}
+.emptycols_left8, .prepend-8 {padding-left: 560px;}
+.emptycols_right8, .append-8 {padding-right: 560px;}
+.emptycols_left9, .prepend-9 {padding-left: 630px;}
+.emptycols_right9, .append-9 {padding-right: 630px;}
+.emptycols_left10, .prepend-10 {padding-left: 700px;}
+.emptycols_right10, .append-10 {padding-right: 700px;}
+.emptycols_left11, .prepend-11 {padding-left: 770px;}
+.emptycols_right11, .append-11 {padding-right: 770px;}
+.pull-1 {margin-left: -70px;}
+.push-1 {margin-right: -70px;margin-left: 18px;float: right;}
+.pull-2 {margin-left: -140px;}
+.push-2 {margin-right: -140px;margin-left: 18px;float: right;}
+.pull-3 {margin-left: -210px;}
+.push-3 {margin-right: -210px;margin-left: 18px;float: right;}
+.pull-4 {margin-left: -280px;}
+.push-4 {margin-right: -280px;margin-left: 18px;float: right;}
@@ -0,0 +1,396 @@
+@import url('grid_12-825-55-15.css');
+
+/*  
+	CSS Reset by Eric Meyer - Released under Public Domain
+    http://meyerweb.com/eric/tools/css/reset/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, table, 
+caption, tbody, tfoot, thead, tr, th, td 
+                  {margin: 0;padding: 0;border: 0;outline: 0;
+                  font-size: 100%;vertical-align: baseline;
+                  background: transparent;}
+body              {line-height: 1;}
+ol, ul            {list-style: none;}
+blockquote, q     {quotes: none;}
+blockquote:before, blockquote:after,
+q:before, q:after {content: '';	content: none;}
+:focus            {outline: 0;}
+ins               {text-decoration: none;}
+del               {text-decoration: line-through;}
+table             {border-collapse: collapse;border-spacing: 0;}
+
+
+
+
+body {
+	color: #000;
+	background-color: #dcdcdc;
+}
+
+a {
+	text-decoration: none;
+	color: #1883ba;
+}
+
+h1{
+	font-size: 32px;
+	font-weight: normal;
+	font-style: normal;
+	margin-bottom: 18px;
+}
+
+h2{
+	font-size: 18px;
+}
+
+#container {
+	width: 865px;
+	margin: 0px auto;
+}
+
+
+#header {
+	padding: 20px;
+	font-size: 36px;
+	background-color: #000;
+	color: #fff;
+}
+
+#header span {
+	color: #666;
+}
+#main_content {
+	background-color: #fff;
+	padding: 60px 20px 20px;
+}
+
+
+#footer p {
+	margin: 0;
+	padding-top: 10px;
+	padding-bottom: 50px;
+	color: #333;
+	font: 10px Arial, sans-serif;
+}
+
+.tabs {
+	width: 100%;
+	height: 31px;
+	background-color: #444;
+}
+.tabs li {
+	float:  left;
+	margin: 0;
+	overflow: hidden;
+	background-color: #444;
+}
+.tabs li a {
+	display: block;
+	color: #fff;
+	text-decoration: none;
+	font: bold 11px/11px 'Arial';
+	text-transform: uppercase;
+	padding: 10px 15px;
+	border-right: 1px solid #fff;
+}
+
+.tabs li a:hover {
+		background-color: #00b3ff;
+
+}
+
+.tabs li.active a {
+	color:  #000;
+	background-color: #fff;
+}
+
+
+
+div.huge {
+	
+	font-size: 120px;
+	line-height: 1em;
+	padding: 0;
+	letter-spacing: -.02em;
+	overflow: hidden;
+}
+div.glyph_range {
+	font-size: 72px;
+	line-height: 1.1em;
+}
+
+.size10{ font-size: 10px; }
+.size11{ font-size: 11px; }
+.size12{ font-size: 12px; }
+.size13{ font-size: 13px; }
+.size14{ font-size: 14px; }
+.size16{ font-size: 16px; }
+.size18{ font-size: 18px; }
+.size20{ font-size: 20px; }
+.size24{ font-size: 24px; }
+.size30{ font-size: 30px; }
+.size36{ font-size: 36px; }
+.size48{ font-size: 48px; }
+.size60{ font-size: 60px; }
+.size72{ font-size: 72px; }
+.size90{ font-size: 90px; }
+
+
+.psample_row1 {	height: 120px;}
+.psample_row1 {	height: 120px;}
+.psample_row2 {	height: 160px;}
+.psample_row3 {	height: 160px;}
+.psample_row4 {	height: 160px;}
+
+.psample {
+	overflow: hidden;
+	position: relative;
+}
+.psample p {
+	line-height: 1.3em;
+	display: block;
+	overflow: hidden;
+	margin: 0;
+}
+
+.psample span {
+	margin-right: .5em;
+}
+
+.white_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);
+	position: absolute;
+	bottom: 0;
+}
+.black_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);
+	position: absolute;
+	bottom: 0;
+}
+.fullreverse {
+	background:  #000 !important;
+	color:  #fff !important;
+	margin-left: -20px;
+	padding-left: 20px;
+	margin-right: -20px;
+	padding-right: 20px;
+	padding: 20px;
+	margin-bottom:0;
+}
+
+
+.sample_table td {
+	padding-top: 3px;
+	padding-bottom:5px;
+	padding-left: 5px;
+	vertical-align: middle;
+	line-height: 1.2em;
+}
+
+.sample_table td:first-child {
+	background-color: #eee;
+	text-align: right;
+	padding-right: 5px;
+	padding-left: 0;
+	padding: 5px;
+	font: 11px/12px "Courier New", Courier, mono;
+}
+
+code {
+	white-space: pre;
+	background-color: #eee;
+	display: block;
+	padding: 10px;
+	margin-bottom: 18px;
+	overflow: auto;
+}
+
+
+.bottom,.last 	{margin-bottom:0 !important; padding-bottom:0 !important;}
+
+.box  { 
+  padding: 18px; 
+  margin-bottom: 18px; 
+  background: #eee; 
+}
+
+.reverse,.reversed { background:  #000 !important;color:  #fff !important; border: none !important;}
+
+#bodycomparison {
+	position: relative;
+	overflow: hidden;
+	font-size: 72px;
+	height: 90px;
+	white-space: nowrap;
+}
+
+#bodycomparison div{
+	font-size: 72px;
+	line-height: 90px;
+	display: inline;
+	margin: 0 15px 0 0;
+	padding: 0;
+}
+
+#bodycomparison div span{
+	font: 10px Arial;
+	position: absolute;
+	left: 0;
+}
+#xheight {
+	float: none;
+	position: absolute;
+	color: #d9f3ff;
+	font-size: 72px;
+	line-height: 90px;
+}
+
+.fontbody {
+ position: relative;
+}
+.arialbody{
+	font-family: Arial;
+	position: relative;
+}
+.verdanabody{
+	font-family: Verdana;
+	position: relative;
+}
+.georgiabody{
+	font-family: Georgia;
+	position: relative;
+}
+
+/* @group Layout page
+ */
+
+#layout h1 {
+	font-size: 36px;
+	line-height: 42px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h2 {
+	font-size: 24px;
+	line-height: 23px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h3 {
+	font-size: 22px;
+	line-height: 1.4em;
+	margin-top: 1em;
+	font-weight: normal;
+	font-style: normal;
+}
+
+
+#layout p.byline {
+	font-size: 12px;
+	margin-top: 18px;
+	line-height: 12px;
+	margin-bottom: 0;
+}
+#layout p {
+	font-size: 14px;
+	line-height: 21px;
+	margin-bottom: .5em;
+}
+
+#layout p.large{
+	font-size: 18px;
+	line-height: 26px;
+}
+
+#layout .sidebar p{
+	font-size: 12px;
+	line-height: 1.4em;
+}
+
+#layout p.caption {
+	font-size: 10px;
+	margin-top: -16px;
+	margin-bottom: 18px;
+}
+
+/* @end */
+
+/* @group Glyphs */
+
+#glyph_chart div{
+	background-color: #d9f3ff;
+	color: black;
+	float: left;
+	font-size: 36px;
+	height: 1.2em;
+	line-height: 1.2em;
+	margin-bottom: 1px;
+	margin-right: 1px;
+	text-align: center;
+	width: 1.2em;
+	position: relative;
+	padding: .6em .2em .2em;
+}
+
+#glyph_chart div p {
+	position: absolute;
+	left: 0;
+	top: 0;
+	display: block;
+	text-align: center;
+	font: bold 9px Arial, sans-serif;
+	background-color: #3a768f;
+	width: 100%;
+	color: #fff;
+	padding: 2px 0;
+}
+
+
+#glyphs h1 {
+	font-family: Arial, sans-serif;
+}
+/* @end */
+
+/* @group Installing */
+
+#installing {
+	font: 13px Arial, sans-serif;
+}
+
+#installing p,
+#glyphs p{
+	line-height: 1.2em;
+	margin-bottom: 18px;
+	font: 13px Arial, sans-serif;
+}
+
+
+
+#installing h3{
+	font-size: 15px;
+	margin-top: 18px;
+}
+
+/* @end */
+
+#rendering h1 {
+	font-family: Arial, sans-serif;
+}
+.render_table td {
+	font: 11px "Courier New", Courier, mono;
+	vertical-align: middle;
+}
+
+
@@ -0,0 +1,16 @@
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2015 */
+
+
+
+@font-face {
+    font-family: 'notokr-black';
+    src: url('notokr-black.eot');
+    src: url('notokr-black.eot?#iefix') format('embedded-opentype'),
+         url('notokr-black.woff2') format('woff2'),
+         url('notokr-black.woff') format('woff'),
+         url('notokr-black.ttf') format('truetype'),
+         url('notokr-black.svg#notokr-black') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
@@ -0,0 +1,5 @@
+# Font Squirrel Font-face Generator Configuration File
+# Upload this file to the generator to recreate the settings
+# you used to create these fonts.
+
+{"mode":"basic","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_vertical_metrics":"Y","fix_gasp":"xy","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
@@ -0,0 +1,7 @@
+(function($){$.fn.easyTabs=function(option){var param=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:'active'},option);$(this).each(function(){var thisId="#"+this.id;if(param.defaultContent==''){param.defaultContent=1;}
+if(typeof param.defaultContent=="number")
+{var defaultTab=$(thisId+" .tabs li:eq("+(param.defaultContent-1)+") a").attr('href').substr(1);}else{var defaultTab=param.defaultContent;}
+$(thisId+" .tabs li a").each(function(){var tabToHide=$(this).attr('href').substr(1);$("#"+tabToHide).addClass('easytabs-tab-content');});hideAll();changeContent(defaultTab);function hideAll(){$(thisId+" .easytabs-tab-content").hide();}
+function changeContent(tabId){hideAll();$(thisId+" .tabs li").removeClass(param.activeClass);$(thisId+" .tabs li a[href=#"+tabId+"]").closest('li').addClass(param.activeClass);if(param.fadeSpeed!="none")
+{$(thisId+" #"+tabId).fadeIn(param.fadeSpeed);}else{$(thisId+" #"+tabId).show();}}
+$(thisId+" .tabs li").click(function(){var tabId=$(this).find('a').attr('href').substr(1);changeContent(tabId);return false;});});}})(jQuery);
@@ -0,0 +1,129 @@
+/*Notes about grid:
+Columns:      12
+Grid Width:   825px
+Column Width: 55px
+Gutter Width: 15px
+-------------------------------*/
+ 
+ 
+ 
+.section 		{margin-bottom: 18px;
+}
+.section:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
+.section 		{*zoom: 1;}
+ 
+.section .firstcolumn,
+.section .firstcol {margin-left: 0;}
+ 
+ 
+/* Border on left hand side of a column. */
+.border {
+  padding-left: 7px;
+  margin-left: 7px;
+  border-left: 1px solid #eee;
+}
+ 
+/* Border with more whitespace, spans one column. */
+.colborder {
+    padding-left: 42px;
+  margin-left: 42px;
+  border-left: 1px solid #eee;
+}
+ 
+
+ 
+/* The Grid Classes */
+.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12
+{margin-left: 15px;float: left;display: inline; overflow: hidden;}
+ 
+ 
+.width1, .grid1, .span-1 {width: 55px;}
+.width1_2cols,.grid1_2cols {width: 20px;}
+.width1_3cols,.grid1_3cols  {width: 8px;}
+.width1_4cols,.grid1_4cols  {width: 2px;}
+.input_width1 {width: 49px;}
+ 
+.width2, .grid2, .span-2 {width: 125px;}
+.width2_3cols,.grid2_3cols  {width: 31px;}
+.width2_4cols,.grid2_4cols  {width: 20px;}
+.input_width2 {width: 119px;}
+ 
+.width3, .grid3, .span-3 {width: 195px;}
+.width3_2cols,.grid3_2cols {width: 90px;}
+.width3_4cols,.grid3_4cols  {width: 37px;}
+.input_width3 {width: 189px;}
+ 
+.width4, .grid4, .span-4 {width: 265px;}
+.width4_3cols,.grid4_3cols  {width: 78px;}
+.input_width4 {width: 259px;}
+ 
+.width5, .grid5, .span-5 {width: 335px;}
+.width5_2cols,.grid5_2cols {width: 160px;}
+.width5_3cols,.grid5_3cols  {width: 101px;}
+.width5_4cols,.grid5_4cols  {width: 72px;}
+.input_width5 {width: 329px;}
+ 
+.width6, .grid6, .span-6 {width: 405px;}
+.width6_4cols,.grid6_4cols  {width: 90px;}
+.input_width6 {width: 399px;}
+ 
+.width7, .grid7, .span-7 {width: 475px;}
+.width7_2cols,.grid7_2cols {width: 230px;}
+.width7_3cols,.grid7_3cols  {width: 148px;}
+.width7_4cols,.grid7_4cols  {width: 107px;}
+.input_width7 {width: 469px;}
+ 
+.width8, .grid8, .span-8 {width: 545px;}
+.width8_3cols,.grid8_3cols  {width: 171px;}
+.input_width8 {width: 539px;}
+ 
+.width9, .grid9, .span-9 {width: 615px;}
+.width9_2cols,.grid9_2cols {width: 300px;}
+.width9_4cols,.grid9_4cols  {width: 142px;}
+.input_width9 {width: 609px;}
+ 
+.width10, .grid10, .span-10 {width: 685px;}
+.width10_3cols,.grid10_3cols  {width: 218px;}
+.width10_4cols,.grid10_4cols  {width: 160px;}
+.input_width10 {width: 679px;}
+ 
+.width11, .grid11, .span-11 {width: 755px;}
+.width11_2cols,.grid11_2cols {width: 370px;}
+.width11_3cols,.grid11_3cols  {width: 241px;}
+.width11_4cols,.grid11_4cols  {width: 177px;}
+.input_width11 {width: 749px;}
+ 
+.width12, .grid12, .span-12 {width: 825px;}
+.input_width12 {width: 819px;}
+ 
+/* Subdivided grid spaces */
+.emptycols_left1, .prepend-1 {padding-left: 70px;}
+.emptycols_right1, .append-1 {padding-right: 70px;}
+.emptycols_left2, .prepend-2 {padding-left: 140px;}
+.emptycols_right2, .append-2 {padding-right: 140px;}
+.emptycols_left3, .prepend-3 {padding-left: 210px;}
+.emptycols_right3, .append-3 {padding-right: 210px;}
+.emptycols_left4, .prepend-4 {padding-left: 280px;}
+.emptycols_right4, .append-4 {padding-right: 280px;}
+.emptycols_left5, .prepend-5 {padding-left: 350px;}
+.emptycols_right5, .append-5 {padding-right: 350px;}
+.emptycols_left6, .prepend-6 {padding-left: 420px;}
+.emptycols_right6, .append-6 {padding-right: 420px;}
+.emptycols_left7, .prepend-7 {padding-left: 490px;}
+.emptycols_right7, .append-7 {padding-right: 490px;}
+.emptycols_left8, .prepend-8 {padding-left: 560px;}
+.emptycols_right8, .append-8 {padding-right: 560px;}
+.emptycols_left9, .prepend-9 {padding-left: 630px;}
+.emptycols_right9, .append-9 {padding-right: 630px;}
+.emptycols_left10, .prepend-10 {padding-left: 700px;}
+.emptycols_right10, .append-10 {padding-right: 700px;}
+.emptycols_left11, .prepend-11 {padding-left: 770px;}
+.emptycols_right11, .append-11 {padding-right: 770px;}
+.pull-1 {margin-left: -70px;}
+.push-1 {margin-right: -70px;margin-left: 18px;float: right;}
+.pull-2 {margin-left: -140px;}
+.push-2 {margin-right: -140px;margin-left: 18px;float: right;}
+.pull-3 {margin-left: -210px;}
+.push-3 {margin-right: -210px;margin-left: 18px;float: right;}
+.pull-4 {margin-left: -280px;}
+.push-4 {margin-right: -280px;margin-left: 18px;float: right;}
@@ -0,0 +1,396 @@
+@import url('grid_12-825-55-15.css');
+
+/*  
+	CSS Reset by Eric Meyer - Released under Public Domain
+    http://meyerweb.com/eric/tools/css/reset/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, table, 
+caption, tbody, tfoot, thead, tr, th, td 
+                  {margin: 0;padding: 0;border: 0;outline: 0;
+                  font-size: 100%;vertical-align: baseline;
+                  background: transparent;}
+body              {line-height: 1;}
+ol, ul            {list-style: none;}
+blockquote, q     {quotes: none;}
+blockquote:before, blockquote:after,
+q:before, q:after {content: '';	content: none;}
+:focus            {outline: 0;}
+ins               {text-decoration: none;}
+del               {text-decoration: line-through;}
+table             {border-collapse: collapse;border-spacing: 0;}
+
+
+
+
+body {
+	color: #000;
+	background-color: #dcdcdc;
+}
+
+a {
+	text-decoration: none;
+	color: #1883ba;
+}
+
+h1{
+	font-size: 32px;
+	font-weight: normal;
+	font-style: normal;
+	margin-bottom: 18px;
+}
+
+h2{
+	font-size: 18px;
+}
+
+#container {
+	width: 865px;
+	margin: 0px auto;
+}
+
+
+#header {
+	padding: 20px;
+	font-size: 36px;
+	background-color: #000;
+	color: #fff;
+}
+
+#header span {
+	color: #666;
+}
+#main_content {
+	background-color: #fff;
+	padding: 60px 20px 20px;
+}
+
+
+#footer p {
+	margin: 0;
+	padding-top: 10px;
+	padding-bottom: 50px;
+	color: #333;
+	font: 10px Arial, sans-serif;
+}
+
+.tabs {
+	width: 100%;
+	height: 31px;
+	background-color: #444;
+}
+.tabs li {
+	float:  left;
+	margin: 0;
+	overflow: hidden;
+	background-color: #444;
+}
+.tabs li a {
+	display: block;
+	color: #fff;
+	text-decoration: none;
+	font: bold 11px/11px 'Arial';
+	text-transform: uppercase;
+	padding: 10px 15px;
+	border-right: 1px solid #fff;
+}
+
+.tabs li a:hover {
+		background-color: #00b3ff;
+
+}
+
+.tabs li.active a {
+	color:  #000;
+	background-color: #fff;
+}
+
+
+
+div.huge {
+	
+	font-size: 120px;
+	line-height: 1em;
+	padding: 0;
+	letter-spacing: -.02em;
+	overflow: hidden;
+}
+div.glyph_range {
+	font-size: 72px;
+	line-height: 1.1em;
+}
+
+.size10{ font-size: 10px; }
+.size11{ font-size: 11px; }
+.size12{ font-size: 12px; }
+.size13{ font-size: 13px; }
+.size14{ font-size: 14px; }
+.size16{ font-size: 16px; }
+.size18{ font-size: 18px; }
+.size20{ font-size: 20px; }
+.size24{ font-size: 24px; }
+.size30{ font-size: 30px; }
+.size36{ font-size: 36px; }
+.size48{ font-size: 48px; }
+.size60{ font-size: 60px; }
+.size72{ font-size: 72px; }
+.size90{ font-size: 90px; }
+
+
+.psample_row1 {	height: 120px;}
+.psample_row1 {	height: 120px;}
+.psample_row2 {	height: 160px;}
+.psample_row3 {	height: 160px;}
+.psample_row4 {	height: 160px;}
+
+.psample {
+	overflow: hidden;
+	position: relative;
+}
+.psample p {
+	line-height: 1.3em;
+	display: block;
+	overflow: hidden;
+	margin: 0;
+}
+
+.psample span {
+	margin-right: .5em;
+}
+
+.white_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);
+	position: absolute;
+	bottom: 0;
+}
+.black_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);
+	position: absolute;
+	bottom: 0;
+}
+.fullreverse {
+	background:  #000 !important;
+	color:  #fff !important;
+	margin-left: -20px;
+	padding-left: 20px;
+	margin-right: -20px;
+	padding-right: 20px;
+	padding: 20px;
+	margin-bottom:0;
+}
+
+
+.sample_table td {
+	padding-top: 3px;
+	padding-bottom:5px;
+	padding-left: 5px;
+	vertical-align: middle;
+	line-height: 1.2em;
+}
+
+.sample_table td:first-child {
+	background-color: #eee;
+	text-align: right;
+	padding-right: 5px;
+	padding-left: 0;
+	padding: 5px;
+	font: 11px/12px "Courier New", Courier, mono;
+}
+
+code {
+	white-space: pre;
+	background-color: #eee;
+	display: block;
+	padding: 10px;
+	margin-bottom: 18px;
+	overflow: auto;
+}
+
+
+.bottom,.last 	{margin-bottom:0 !important; padding-bottom:0 !important;}
+
+.box  { 
+  padding: 18px; 
+  margin-bottom: 18px; 
+  background: #eee; 
+}
+
+.reverse,.reversed { background:  #000 !important;color:  #fff !important; border: none !important;}
+
+#bodycomparison {
+	position: relative;
+	overflow: hidden;
+	font-size: 72px;
+	height: 90px;
+	white-space: nowrap;
+}
+
+#bodycomparison div{
+	font-size: 72px;
+	line-height: 90px;
+	display: inline;
+	margin: 0 15px 0 0;
+	padding: 0;
+}
+
+#bodycomparison div span{
+	font: 10px Arial;
+	position: absolute;
+	left: 0;
+}
+#xheight {
+	float: none;
+	position: absolute;
+	color: #d9f3ff;
+	font-size: 72px;
+	line-height: 90px;
+}
+
+.fontbody {
+ position: relative;
+}
+.arialbody{
+	font-family: Arial;
+	position: relative;
+}
+.verdanabody{
+	font-family: Verdana;
+	position: relative;
+}
+.georgiabody{
+	font-family: Georgia;
+	position: relative;
+}
+
+/* @group Layout page
+ */
+
+#layout h1 {
+	font-size: 36px;
+	line-height: 42px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h2 {
+	font-size: 24px;
+	line-height: 23px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h3 {
+	font-size: 22px;
+	line-height: 1.4em;
+	margin-top: 1em;
+	font-weight: normal;
+	font-style: normal;
+}
+
+
+#layout p.byline {
+	font-size: 12px;
+	margin-top: 18px;
+	line-height: 12px;
+	margin-bottom: 0;
+}
+#layout p {
+	font-size: 14px;
+	line-height: 21px;
+	margin-bottom: .5em;
+}
+
+#layout p.large{
+	font-size: 18px;
+	line-height: 26px;
+}
+
+#layout .sidebar p{
+	font-size: 12px;
+	line-height: 1.4em;
+}
+
+#layout p.caption {
+	font-size: 10px;
+	margin-top: -16px;
+	margin-bottom: 18px;
+}
+
+/* @end */
+
+/* @group Glyphs */
+
+#glyph_chart div{
+	background-color: #d9f3ff;
+	color: black;
+	float: left;
+	font-size: 36px;
+	height: 1.2em;
+	line-height: 1.2em;
+	margin-bottom: 1px;
+	margin-right: 1px;
+	text-align: center;
+	width: 1.2em;
+	position: relative;
+	padding: .6em .2em .2em;
+}
+
+#glyph_chart div p {
+	position: absolute;
+	left: 0;
+	top: 0;
+	display: block;
+	text-align: center;
+	font: bold 9px Arial, sans-serif;
+	background-color: #3a768f;
+	width: 100%;
+	color: #fff;
+	padding: 2px 0;
+}
+
+
+#glyphs h1 {
+	font-family: Arial, sans-serif;
+}
+/* @end */
+
+/* @group Installing */
+
+#installing {
+	font: 13px Arial, sans-serif;
+}
+
+#installing p,
+#glyphs p{
+	line-height: 1.2em;
+	margin-bottom: 18px;
+	font: 13px Arial, sans-serif;
+}
+
+
+
+#installing h3{
+	font-size: 15px;
+	margin-top: 18px;
+}
+
+/* @end */
+
+#rendering h1 {
+	font-family: Arial, sans-serif;
+}
+.render_table td {
+	font: 11px "Courier New", Courier, mono;
+	vertical-align: middle;
+}
+
+
@@ -0,0 +1,16 @@
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2015 */
+
+
+
+@font-face {
+    font-family: 'notokr-bold';
+    src: url('notokr-bold.eot');
+    src: url('notokr-bold.eot?#iefix') format('embedded-opentype'),
+         url('notokr-bold.woff2') format('woff2'),
+         url('notokr-bold.woff') format('woff'),
+         url('notokr-bold.ttf') format('truetype'),
+         url('notokr-bold.svg#notokr-bold') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
@@ -0,0 +1,5 @@
+# Font Squirrel Font-face Generator Configuration File
+# Upload this file to the generator to recreate the settings
+# you used to create these fonts.
+
+{"mode":"basic","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_vertical_metrics":"Y","fix_gasp":"xy","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
@@ -0,0 +1,7 @@
+(function($){$.fn.easyTabs=function(option){var param=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:'active'},option);$(this).each(function(){var thisId="#"+this.id;if(param.defaultContent==''){param.defaultContent=1;}
+if(typeof param.defaultContent=="number")
+{var defaultTab=$(thisId+" .tabs li:eq("+(param.defaultContent-1)+") a").attr('href').substr(1);}else{var defaultTab=param.defaultContent;}
+$(thisId+" .tabs li a").each(function(){var tabToHide=$(this).attr('href').substr(1);$("#"+tabToHide).addClass('easytabs-tab-content');});hideAll();changeContent(defaultTab);function hideAll(){$(thisId+" .easytabs-tab-content").hide();}
+function changeContent(tabId){hideAll();$(thisId+" .tabs li").removeClass(param.activeClass);$(thisId+" .tabs li a[href=#"+tabId+"]").closest('li').addClass(param.activeClass);if(param.fadeSpeed!="none")
+{$(thisId+" #"+tabId).fadeIn(param.fadeSpeed);}else{$(thisId+" #"+tabId).show();}}
+$(thisId+" .tabs li").click(function(){var tabId=$(this).find('a').attr('href').substr(1);changeContent(tabId);return false;});});}})(jQuery);
@@ -0,0 +1,129 @@
+/*Notes about grid:
+Columns:      12
+Grid Width:   825px
+Column Width: 55px
+Gutter Width: 15px
+-------------------------------*/
+ 
+ 
+ 
+.section 		{margin-bottom: 18px;
+}
+.section:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
+.section 		{*zoom: 1;}
+ 
+.section .firstcolumn,
+.section .firstcol {margin-left: 0;}
+ 
+ 
+/* Border on left hand side of a column. */
+.border {
+  padding-left: 7px;
+  margin-left: 7px;
+  border-left: 1px solid #eee;
+}
+ 
+/* Border with more whitespace, spans one column. */
+.colborder {
+    padding-left: 42px;
+  margin-left: 42px;
+  border-left: 1px solid #eee;
+}
+ 
+
+ 
+/* The Grid Classes */
+.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12
+{margin-left: 15px;float: left;display: inline; overflow: hidden;}
+ 
+ 
+.width1, .grid1, .span-1 {width: 55px;}
+.width1_2cols,.grid1_2cols {width: 20px;}
+.width1_3cols,.grid1_3cols  {width: 8px;}
+.width1_4cols,.grid1_4cols  {width: 2px;}
+.input_width1 {width: 49px;}
+ 
+.width2, .grid2, .span-2 {width: 125px;}
+.width2_3cols,.grid2_3cols  {width: 31px;}
+.width2_4cols,.grid2_4cols  {width: 20px;}
+.input_width2 {width: 119px;}
+ 
+.width3, .grid3, .span-3 {width: 195px;}
+.width3_2cols,.grid3_2cols {width: 90px;}
+.width3_4cols,.grid3_4cols  {width: 37px;}
+.input_width3 {width: 189px;}
+ 
+.width4, .grid4, .span-4 {width: 265px;}
+.width4_3cols,.grid4_3cols  {width: 78px;}
+.input_width4 {width: 259px;}
+ 
+.width5, .grid5, .span-5 {width: 335px;}
+.width5_2cols,.grid5_2cols {width: 160px;}
+.width5_3cols,.grid5_3cols  {width: 101px;}
+.width5_4cols,.grid5_4cols  {width: 72px;}
+.input_width5 {width: 329px;}
+ 
+.width6, .grid6, .span-6 {width: 405px;}
+.width6_4cols,.grid6_4cols  {width: 90px;}
+.input_width6 {width: 399px;}
+ 
+.width7, .grid7, .span-7 {width: 475px;}
+.width7_2cols,.grid7_2cols {width: 230px;}
+.width7_3cols,.grid7_3cols  {width: 148px;}
+.width7_4cols,.grid7_4cols  {width: 107px;}
+.input_width7 {width: 469px;}
+ 
+.width8, .grid8, .span-8 {width: 545px;}
+.width8_3cols,.grid8_3cols  {width: 171px;}
+.input_width8 {width: 539px;}
+ 
+.width9, .grid9, .span-9 {width: 615px;}
+.width9_2cols,.grid9_2cols {width: 300px;}
+.width9_4cols,.grid9_4cols  {width: 142px;}
+.input_width9 {width: 609px;}
+ 
+.width10, .grid10, .span-10 {width: 685px;}
+.width10_3cols,.grid10_3cols  {width: 218px;}
+.width10_4cols,.grid10_4cols  {width: 160px;}
+.input_width10 {width: 679px;}
+ 
+.width11, .grid11, .span-11 {width: 755px;}
+.width11_2cols,.grid11_2cols {width: 370px;}
+.width11_3cols,.grid11_3cols  {width: 241px;}
+.width11_4cols,.grid11_4cols  {width: 177px;}
+.input_width11 {width: 749px;}
+ 
+.width12, .grid12, .span-12 {width: 825px;}
+.input_width12 {width: 819px;}
+ 
+/* Subdivided grid spaces */
+.emptycols_left1, .prepend-1 {padding-left: 70px;}
+.emptycols_right1, .append-1 {padding-right: 70px;}
+.emptycols_left2, .prepend-2 {padding-left: 140px;}
+.emptycols_right2, .append-2 {padding-right: 140px;}
+.emptycols_left3, .prepend-3 {padding-left: 210px;}
+.emptycols_right3, .append-3 {padding-right: 210px;}
+.emptycols_left4, .prepend-4 {padding-left: 280px;}
+.emptycols_right4, .append-4 {padding-right: 280px;}
+.emptycols_left5, .prepend-5 {padding-left: 350px;}
+.emptycols_right5, .append-5 {padding-right: 350px;}
+.emptycols_left6, .prepend-6 {padding-left: 420px;}
+.emptycols_right6, .append-6 {padding-right: 420px;}
+.emptycols_left7, .prepend-7 {padding-left: 490px;}
+.emptycols_right7, .append-7 {padding-right: 490px;}
+.emptycols_left8, .prepend-8 {padding-left: 560px;}
+.emptycols_right8, .append-8 {padding-right: 560px;}
+.emptycols_left9, .prepend-9 {padding-left: 630px;}
+.emptycols_right9, .append-9 {padding-right: 630px;}
+.emptycols_left10, .prepend-10 {padding-left: 700px;}
+.emptycols_right10, .append-10 {padding-right: 700px;}
+.emptycols_left11, .prepend-11 {padding-left: 770px;}
+.emptycols_right11, .append-11 {padding-right: 770px;}
+.pull-1 {margin-left: -70px;}
+.push-1 {margin-right: -70px;margin-left: 18px;float: right;}
+.pull-2 {margin-left: -140px;}
+.push-2 {margin-right: -140px;margin-left: 18px;float: right;}
+.pull-3 {margin-left: -210px;}
+.push-3 {margin-right: -210px;margin-left: 18px;float: right;}
+.pull-4 {margin-left: -280px;}
+.push-4 {margin-right: -280px;margin-left: 18px;float: right;}
@@ -0,0 +1,396 @@
+@import url('grid_12-825-55-15.css');
+
+/*  
+	CSS Reset by Eric Meyer - Released under Public Domain
+    http://meyerweb.com/eric/tools/css/reset/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, table, 
+caption, tbody, tfoot, thead, tr, th, td 
+                  {margin: 0;padding: 0;border: 0;outline: 0;
+                  font-size: 100%;vertical-align: baseline;
+                  background: transparent;}
+body              {line-height: 1;}
+ol, ul            {list-style: none;}
+blockquote, q     {quotes: none;}
+blockquote:before, blockquote:after,
+q:before, q:after {content: '';	content: none;}
+:focus            {outline: 0;}
+ins               {text-decoration: none;}
+del               {text-decoration: line-through;}
+table             {border-collapse: collapse;border-spacing: 0;}
+
+
+
+
+body {
+	color: #000;
+	background-color: #dcdcdc;
+}
+
+a {
+	text-decoration: none;
+	color: #1883ba;
+}
+
+h1{
+	font-size: 32px;
+	font-weight: normal;
+	font-style: normal;
+	margin-bottom: 18px;
+}
+
+h2{
+	font-size: 18px;
+}
+
+#container {
+	width: 865px;
+	margin: 0px auto;
+}
+
+
+#header {
+	padding: 20px;
+	font-size: 36px;
+	background-color: #000;
+	color: #fff;
+}
+
+#header span {
+	color: #666;
+}
+#main_content {
+	background-color: #fff;
+	padding: 60px 20px 20px;
+}
+
+
+#footer p {
+	margin: 0;
+	padding-top: 10px;
+	padding-bottom: 50px;
+	color: #333;
+	font: 10px Arial, sans-serif;
+}
+
+.tabs {
+	width: 100%;
+	height: 31px;
+	background-color: #444;
+}
+.tabs li {
+	float:  left;
+	margin: 0;
+	overflow: hidden;
+	background-color: #444;
+}
+.tabs li a {
+	display: block;
+	color: #fff;
+	text-decoration: none;
+	font: bold 11px/11px 'Arial';
+	text-transform: uppercase;
+	padding: 10px 15px;
+	border-right: 1px solid #fff;
+}
+
+.tabs li a:hover {
+		background-color: #00b3ff;
+
+}
+
+.tabs li.active a {
+	color:  #000;
+	background-color: #fff;
+}
+
+
+
+div.huge {
+	
+	font-size: 120px;
+	line-height: 1em;
+	padding: 0;
+	letter-spacing: -.02em;
+	overflow: hidden;
+}
+div.glyph_range {
+	font-size: 72px;
+	line-height: 1.1em;
+}
+
+.size10{ font-size: 10px; }
+.size11{ font-size: 11px; }
+.size12{ font-size: 12px; }
+.size13{ font-size: 13px; }
+.size14{ font-size: 14px; }
+.size16{ font-size: 16px; }
+.size18{ font-size: 18px; }
+.size20{ font-size: 20px; }
+.size24{ font-size: 24px; }
+.size30{ font-size: 30px; }
+.size36{ font-size: 36px; }
+.size48{ font-size: 48px; }
+.size60{ font-size: 60px; }
+.size72{ font-size: 72px; }
+.size90{ font-size: 90px; }
+
+
+.psample_row1 {	height: 120px;}
+.psample_row1 {	height: 120px;}
+.psample_row2 {	height: 160px;}
+.psample_row3 {	height: 160px;}
+.psample_row4 {	height: 160px;}
+
+.psample {
+	overflow: hidden;
+	position: relative;
+}
+.psample p {
+	line-height: 1.3em;
+	display: block;
+	overflow: hidden;
+	margin: 0;
+}
+
+.psample span {
+	margin-right: .5em;
+}
+
+.white_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);
+	position: absolute;
+	bottom: 0;
+}
+.black_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);
+	position: absolute;
+	bottom: 0;
+}
+.fullreverse {
+	background:  #000 !important;
+	color:  #fff !important;
+	margin-left: -20px;
+	padding-left: 20px;
+	margin-right: -20px;
+	padding-right: 20px;
+	padding: 20px;
+	margin-bottom:0;
+}
+
+
+.sample_table td {
+	padding-top: 3px;
+	padding-bottom:5px;
+	padding-left: 5px;
+	vertical-align: middle;
+	line-height: 1.2em;
+}
+
+.sample_table td:first-child {
+	background-color: #eee;
+	text-align: right;
+	padding-right: 5px;
+	padding-left: 0;
+	padding: 5px;
+	font: 11px/12px "Courier New", Courier, mono;
+}
+
+code {
+	white-space: pre;
+	background-color: #eee;
+	display: block;
+	padding: 10px;
+	margin-bottom: 18px;
+	overflow: auto;
+}
+
+
+.bottom,.last 	{margin-bottom:0 !important; padding-bottom:0 !important;}
+
+.box  { 
+  padding: 18px; 
+  margin-bottom: 18px; 
+  background: #eee; 
+}
+
+.reverse,.reversed { background:  #000 !important;color:  #fff !important; border: none !important;}
+
+#bodycomparison {
+	position: relative;
+	overflow: hidden;
+	font-size: 72px;
+	height: 90px;
+	white-space: nowrap;
+}
+
+#bodycomparison div{
+	font-size: 72px;
+	line-height: 90px;
+	display: inline;
+	margin: 0 15px 0 0;
+	padding: 0;
+}
+
+#bodycomparison div span{
+	font: 10px Arial;
+	position: absolute;
+	left: 0;
+}
+#xheight {
+	float: none;
+	position: absolute;
+	color: #d9f3ff;
+	font-size: 72px;
+	line-height: 90px;
+}
+
+.fontbody {
+ position: relative;
+}
+.arialbody{
+	font-family: Arial;
+	position: relative;
+}
+.verdanabody{
+	font-family: Verdana;
+	position: relative;
+}
+.georgiabody{
+	font-family: Georgia;
+	position: relative;
+}
+
+/* @group Layout page
+ */
+
+#layout h1 {
+	font-size: 36px;
+	line-height: 42px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h2 {
+	font-size: 24px;
+	line-height: 23px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h3 {
+	font-size: 22px;
+	line-height: 1.4em;
+	margin-top: 1em;
+	font-weight: normal;
+	font-style: normal;
+}
+
+
+#layout p.byline {
+	font-size: 12px;
+	margin-top: 18px;
+	line-height: 12px;
+	margin-bottom: 0;
+}
+#layout p {
+	font-size: 14px;
+	line-height: 21px;
+	margin-bottom: .5em;
+}
+
+#layout p.large{
+	font-size: 18px;
+	line-height: 26px;
+}
+
+#layout .sidebar p{
+	font-size: 12px;
+	line-height: 1.4em;
+}
+
+#layout p.caption {
+	font-size: 10px;
+	margin-top: -16px;
+	margin-bottom: 18px;
+}
+
+/* @end */
+
+/* @group Glyphs */
+
+#glyph_chart div{
+	background-color: #d9f3ff;
+	color: black;
+	float: left;
+	font-size: 36px;
+	height: 1.2em;
+	line-height: 1.2em;
+	margin-bottom: 1px;
+	margin-right: 1px;
+	text-align: center;
+	width: 1.2em;
+	position: relative;
+	padding: .6em .2em .2em;
+}
+
+#glyph_chart div p {
+	position: absolute;
+	left: 0;
+	top: 0;
+	display: block;
+	text-align: center;
+	font: bold 9px Arial, sans-serif;
+	background-color: #3a768f;
+	width: 100%;
+	color: #fff;
+	padding: 2px 0;
+}
+
+
+#glyphs h1 {
+	font-family: Arial, sans-serif;
+}
+/* @end */
+
+/* @group Installing */
+
+#installing {
+	font: 13px Arial, sans-serif;
+}
+
+#installing p,
+#glyphs p{
+	line-height: 1.2em;
+	margin-bottom: 18px;
+	font: 13px Arial, sans-serif;
+}
+
+
+
+#installing h3{
+	font-size: 15px;
+	margin-top: 18px;
+}
+
+/* @end */
+
+#rendering h1 {
+	font-family: Arial, sans-serif;
+}
+.render_table td {
+	font: 11px "Courier New", Courier, mono;
+	vertical-align: middle;
+}
+
+
@@ -0,0 +1,16 @@
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2015 */
+
+
+
+@font-face {
+    font-family: 'notokr-demilight';
+    src: url('notokr-demilight.eot');
+    src: url('notokr-demilight.eot?#iefix') format('embedded-opentype'),
+         url('notokr-demilight.woff2') format('woff2'),
+         url('notokr-demilight.woff') format('woff'),
+         url('notokr-demilight.ttf') format('truetype'),
+         url('notokr-demilight.svg#notokr-demilight') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
@@ -0,0 +1,5 @@
+# Font Squirrel Font-face Generator Configuration File
+# Upload this file to the generator to recreate the settings
+# you used to create these fonts.
+
+{"mode":"basic","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_vertical_metrics":"Y","fix_gasp":"xy","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
@@ -0,0 +1,7 @@
+(function($){$.fn.easyTabs=function(option){var param=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:'active'},option);$(this).each(function(){var thisId="#"+this.id;if(param.defaultContent==''){param.defaultContent=1;}
+if(typeof param.defaultContent=="number")
+{var defaultTab=$(thisId+" .tabs li:eq("+(param.defaultContent-1)+") a").attr('href').substr(1);}else{var defaultTab=param.defaultContent;}
+$(thisId+" .tabs li a").each(function(){var tabToHide=$(this).attr('href').substr(1);$("#"+tabToHide).addClass('easytabs-tab-content');});hideAll();changeContent(defaultTab);function hideAll(){$(thisId+" .easytabs-tab-content").hide();}
+function changeContent(tabId){hideAll();$(thisId+" .tabs li").removeClass(param.activeClass);$(thisId+" .tabs li a[href=#"+tabId+"]").closest('li').addClass(param.activeClass);if(param.fadeSpeed!="none")
+{$(thisId+" #"+tabId).fadeIn(param.fadeSpeed);}else{$(thisId+" #"+tabId).show();}}
+$(thisId+" .tabs li").click(function(){var tabId=$(this).find('a').attr('href').substr(1);changeContent(tabId);return false;});});}})(jQuery);
@@ -0,0 +1,129 @@
+/*Notes about grid:
+Columns:      12
+Grid Width:   825px
+Column Width: 55px
+Gutter Width: 15px
+-------------------------------*/
+ 
+ 
+ 
+.section 		{margin-bottom: 18px;
+}
+.section:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
+.section 		{*zoom: 1;}
+ 
+.section .firstcolumn,
+.section .firstcol {margin-left: 0;}
+ 
+ 
+/* Border on left hand side of a column. */
+.border {
+  padding-left: 7px;
+  margin-left: 7px;
+  border-left: 1px solid #eee;
+}
+ 
+/* Border with more whitespace, spans one column. */
+.colborder {
+    padding-left: 42px;
+  margin-left: 42px;
+  border-left: 1px solid #eee;
+}
+ 
+
+ 
+/* The Grid Classes */
+.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12
+{margin-left: 15px;float: left;display: inline; overflow: hidden;}
+ 
+ 
+.width1, .grid1, .span-1 {width: 55px;}
+.width1_2cols,.grid1_2cols {width: 20px;}
+.width1_3cols,.grid1_3cols  {width: 8px;}
+.width1_4cols,.grid1_4cols  {width: 2px;}
+.input_width1 {width: 49px;}
+ 
+.width2, .grid2, .span-2 {width: 125px;}
+.width2_3cols,.grid2_3cols  {width: 31px;}
+.width2_4cols,.grid2_4cols  {width: 20px;}
+.input_width2 {width: 119px;}
+ 
+.width3, .grid3, .span-3 {width: 195px;}
+.width3_2cols,.grid3_2cols {width: 90px;}
+.width3_4cols,.grid3_4cols  {width: 37px;}
+.input_width3 {width: 189px;}
+ 
+.width4, .grid4, .span-4 {width: 265px;}
+.width4_3cols,.grid4_3cols  {width: 78px;}
+.input_width4 {width: 259px;}
+ 
+.width5, .grid5, .span-5 {width: 335px;}
+.width5_2cols,.grid5_2cols {width: 160px;}
+.width5_3cols,.grid5_3cols  {width: 101px;}
+.width5_4cols,.grid5_4cols  {width: 72px;}
+.input_width5 {width: 329px;}
+ 
+.width6, .grid6, .span-6 {width: 405px;}
+.width6_4cols,.grid6_4cols  {width: 90px;}
+.input_width6 {width: 399px;}
+ 
+.width7, .grid7, .span-7 {width: 475px;}
+.width7_2cols,.grid7_2cols {width: 230px;}
+.width7_3cols,.grid7_3cols  {width: 148px;}
+.width7_4cols,.grid7_4cols  {width: 107px;}
+.input_width7 {width: 469px;}
+ 
+.width8, .grid8, .span-8 {width: 545px;}
+.width8_3cols,.grid8_3cols  {width: 171px;}
+.input_width8 {width: 539px;}
+ 
+.width9, .grid9, .span-9 {width: 615px;}
+.width9_2cols,.grid9_2cols {width: 300px;}
+.width9_4cols,.grid9_4cols  {width: 142px;}
+.input_width9 {width: 609px;}
+ 
+.width10, .grid10, .span-10 {width: 685px;}
+.width10_3cols,.grid10_3cols  {width: 218px;}
+.width10_4cols,.grid10_4cols  {width: 160px;}
+.input_width10 {width: 679px;}
+ 
+.width11, .grid11, .span-11 {width: 755px;}
+.width11_2cols,.grid11_2cols {width: 370px;}
+.width11_3cols,.grid11_3cols  {width: 241px;}
+.width11_4cols,.grid11_4cols  {width: 177px;}
+.input_width11 {width: 749px;}
+ 
+.width12, .grid12, .span-12 {width: 825px;}
+.input_width12 {width: 819px;}
+ 
+/* Subdivided grid spaces */
+.emptycols_left1, .prepend-1 {padding-left: 70px;}
+.emptycols_right1, .append-1 {padding-right: 70px;}
+.emptycols_left2, .prepend-2 {padding-left: 140px;}
+.emptycols_right2, .append-2 {padding-right: 140px;}
+.emptycols_left3, .prepend-3 {padding-left: 210px;}
+.emptycols_right3, .append-3 {padding-right: 210px;}
+.emptycols_left4, .prepend-4 {padding-left: 280px;}
+.emptycols_right4, .append-4 {padding-right: 280px;}
+.emptycols_left5, .prepend-5 {padding-left: 350px;}
+.emptycols_right5, .append-5 {padding-right: 350px;}
+.emptycols_left6, .prepend-6 {padding-left: 420px;}
+.emptycols_right6, .append-6 {padding-right: 420px;}
+.emptycols_left7, .prepend-7 {padding-left: 490px;}
+.emptycols_right7, .append-7 {padding-right: 490px;}
+.emptycols_left8, .prepend-8 {padding-left: 560px;}
+.emptycols_right8, .append-8 {padding-right: 560px;}
+.emptycols_left9, .prepend-9 {padding-left: 630px;}
+.emptycols_right9, .append-9 {padding-right: 630px;}
+.emptycols_left10, .prepend-10 {padding-left: 700px;}
+.emptycols_right10, .append-10 {padding-right: 700px;}
+.emptycols_left11, .prepend-11 {padding-left: 770px;}
+.emptycols_right11, .append-11 {padding-right: 770px;}
+.pull-1 {margin-left: -70px;}
+.push-1 {margin-right: -70px;margin-left: 18px;float: right;}
+.pull-2 {margin-left: -140px;}
+.push-2 {margin-right: -140px;margin-left: 18px;float: right;}
+.pull-3 {margin-left: -210px;}
+.push-3 {margin-right: -210px;margin-left: 18px;float: right;}
+.pull-4 {margin-left: -280px;}
+.push-4 {margin-right: -280px;margin-left: 18px;float: right;}
@@ -0,0 +1,396 @@
+@import url('grid_12-825-55-15.css');
+
+/*  
+	CSS Reset by Eric Meyer - Released under Public Domain
+    http://meyerweb.com/eric/tools/css/reset/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, table, 
+caption, tbody, tfoot, thead, tr, th, td 
+                  {margin: 0;padding: 0;border: 0;outline: 0;
+                  font-size: 100%;vertical-align: baseline;
+                  background: transparent;}
+body              {line-height: 1;}
+ol, ul            {list-style: none;}
+blockquote, q     {quotes: none;}
+blockquote:before, blockquote:after,
+q:before, q:after {content: '';	content: none;}
+:focus            {outline: 0;}
+ins               {text-decoration: none;}
+del               {text-decoration: line-through;}
+table             {border-collapse: collapse;border-spacing: 0;}
+
+
+
+
+body {
+	color: #000;
+	background-color: #dcdcdc;
+}
+
+a {
+	text-decoration: none;
+	color: #1883ba;
+}
+
+h1{
+	font-size: 32px;
+	font-weight: normal;
+	font-style: normal;
+	margin-bottom: 18px;
+}
+
+h2{
+	font-size: 18px;
+}
+
+#container {
+	width: 865px;
+	margin: 0px auto;
+}
+
+
+#header {
+	padding: 20px;
+	font-size: 36px;
+	background-color: #000;
+	color: #fff;
+}
+
+#header span {
+	color: #666;
+}
+#main_content {
+	background-color: #fff;
+	padding: 60px 20px 20px;
+}
+
+
+#footer p {
+	margin: 0;
+	padding-top: 10px;
+	padding-bottom: 50px;
+	color: #333;
+	font: 10px Arial, sans-serif;
+}
+
+.tabs {
+	width: 100%;
+	height: 31px;
+	background-color: #444;
+}
+.tabs li {
+	float:  left;
+	margin: 0;
+	overflow: hidden;
+	background-color: #444;
+}
+.tabs li a {
+	display: block;
+	color: #fff;
+	text-decoration: none;
+	font: bold 11px/11px 'Arial';
+	text-transform: uppercase;
+	padding: 10px 15px;
+	border-right: 1px solid #fff;
+}
+
+.tabs li a:hover {
+		background-color: #00b3ff;
+
+}
+
+.tabs li.active a {
+	color:  #000;
+	background-color: #fff;
+}
+
+
+
+div.huge {
+	
+	font-size: 120px;
+	line-height: 1em;
+	padding: 0;
+	letter-spacing: -.02em;
+	overflow: hidden;
+}
+div.glyph_range {
+	font-size: 72px;
+	line-height: 1.1em;
+}
+
+.size10{ font-size: 10px; }
+.size11{ font-size: 11px; }
+.size12{ font-size: 12px; }
+.size13{ font-size: 13px; }
+.size14{ font-size: 14px; }
+.size16{ font-size: 16px; }
+.size18{ font-size: 18px; }
+.size20{ font-size: 20px; }
+.size24{ font-size: 24px; }
+.size30{ font-size: 30px; }
+.size36{ font-size: 36px; }
+.size48{ font-size: 48px; }
+.size60{ font-size: 60px; }
+.size72{ font-size: 72px; }
+.size90{ font-size: 90px; }
+
+
+.psample_row1 {	height: 120px;}
+.psample_row1 {	height: 120px;}
+.psample_row2 {	height: 160px;}
+.psample_row3 {	height: 160px;}
+.psample_row4 {	height: 160px;}
+
+.psample {
+	overflow: hidden;
+	position: relative;
+}
+.psample p {
+	line-height: 1.3em;
+	display: block;
+	overflow: hidden;
+	margin: 0;
+}
+
+.psample span {
+	margin-right: .5em;
+}
+
+.white_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);
+	position: absolute;
+	bottom: 0;
+}
+.black_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);
+	position: absolute;
+	bottom: 0;
+}
+.fullreverse {
+	background:  #000 !important;
+	color:  #fff !important;
+	margin-left: -20px;
+	padding-left: 20px;
+	margin-right: -20px;
+	padding-right: 20px;
+	padding: 20px;
+	margin-bottom:0;
+}
+
+
+.sample_table td {
+	padding-top: 3px;
+	padding-bottom:5px;
+	padding-left: 5px;
+	vertical-align: middle;
+	line-height: 1.2em;
+}
+
+.sample_table td:first-child {
+	background-color: #eee;
+	text-align: right;
+	padding-right: 5px;
+	padding-left: 0;
+	padding: 5px;
+	font: 11px/12px "Courier New", Courier, mono;
+}
+
+code {
+	white-space: pre;
+	background-color: #eee;
+	display: block;
+	padding: 10px;
+	margin-bottom: 18px;
+	overflow: auto;
+}
+
+
+.bottom,.last 	{margin-bottom:0 !important; padding-bottom:0 !important;}
+
+.box  { 
+  padding: 18px; 
+  margin-bottom: 18px; 
+  background: #eee; 
+}
+
+.reverse,.reversed { background:  #000 !important;color:  #fff !important; border: none !important;}
+
+#bodycomparison {
+	position: relative;
+	overflow: hidden;
+	font-size: 72px;
+	height: 90px;
+	white-space: nowrap;
+}
+
+#bodycomparison div{
+	font-size: 72px;
+	line-height: 90px;
+	display: inline;
+	margin: 0 15px 0 0;
+	padding: 0;
+}
+
+#bodycomparison div span{
+	font: 10px Arial;
+	position: absolute;
+	left: 0;
+}
+#xheight {
+	float: none;
+	position: absolute;
+	color: #d9f3ff;
+	font-size: 72px;
+	line-height: 90px;
+}
+
+.fontbody {
+ position: relative;
+}
+.arialbody{
+	font-family: Arial;
+	position: relative;
+}
+.verdanabody{
+	font-family: Verdana;
+	position: relative;
+}
+.georgiabody{
+	font-family: Georgia;
+	position: relative;
+}
+
+/* @group Layout page
+ */
+
+#layout h1 {
+	font-size: 36px;
+	line-height: 42px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h2 {
+	font-size: 24px;
+	line-height: 23px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h3 {
+	font-size: 22px;
+	line-height: 1.4em;
+	margin-top: 1em;
+	font-weight: normal;
+	font-style: normal;
+}
+
+
+#layout p.byline {
+	font-size: 12px;
+	margin-top: 18px;
+	line-height: 12px;
+	margin-bottom: 0;
+}
+#layout p {
+	font-size: 14px;
+	line-height: 21px;
+	margin-bottom: .5em;
+}
+
+#layout p.large{
+	font-size: 18px;
+	line-height: 26px;
+}
+
+#layout .sidebar p{
+	font-size: 12px;
+	line-height: 1.4em;
+}
+
+#layout p.caption {
+	font-size: 10px;
+	margin-top: -16px;
+	margin-bottom: 18px;
+}
+
+/* @end */
+
+/* @group Glyphs */
+
+#glyph_chart div{
+	background-color: #d9f3ff;
+	color: black;
+	float: left;
+	font-size: 36px;
+	height: 1.2em;
+	line-height: 1.2em;
+	margin-bottom: 1px;
+	margin-right: 1px;
+	text-align: center;
+	width: 1.2em;
+	position: relative;
+	padding: .6em .2em .2em;
+}
+
+#glyph_chart div p {
+	position: absolute;
+	left: 0;
+	top: 0;
+	display: block;
+	text-align: center;
+	font: bold 9px Arial, sans-serif;
+	background-color: #3a768f;
+	width: 100%;
+	color: #fff;
+	padding: 2px 0;
+}
+
+
+#glyphs h1 {
+	font-family: Arial, sans-serif;
+}
+/* @end */
+
+/* @group Installing */
+
+#installing {
+	font: 13px Arial, sans-serif;
+}
+
+#installing p,
+#glyphs p{
+	line-height: 1.2em;
+	margin-bottom: 18px;
+	font: 13px Arial, sans-serif;
+}
+
+
+
+#installing h3{
+	font-size: 15px;
+	margin-top: 18px;
+}
+
+/* @end */
+
+#rendering h1 {
+	font-family: Arial, sans-serif;
+}
+.render_table td {
+	font: 11px "Courier New", Courier, mono;
+	vertical-align: middle;
+}
+
+
@@ -0,0 +1,16 @@
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2015 */
+
+
+
+@font-face {
+    font-family: 'notokr-light';
+    src: url('notokr-light.eot');
+    src: url('notokr-light.eot?#iefix') format('embedded-opentype'),
+         url('notokr-light.woff2') format('woff2'),
+         url('notokr-light.woff') format('woff'),
+         url('notokr-light.ttf') format('truetype'),
+         url('notokr-light.svg#notokr-light') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
@@ -0,0 +1,5 @@
+# Font Squirrel Font-face Generator Configuration File
+# Upload this file to the generator to recreate the settings
+# you used to create these fonts.
+
+{"mode":"basic","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_vertical_metrics":"Y","fix_gasp":"xy","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
@@ -0,0 +1,7 @@
+(function($){$.fn.easyTabs=function(option){var param=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:'active'},option);$(this).each(function(){var thisId="#"+this.id;if(param.defaultContent==''){param.defaultContent=1;}
+if(typeof param.defaultContent=="number")
+{var defaultTab=$(thisId+" .tabs li:eq("+(param.defaultContent-1)+") a").attr('href').substr(1);}else{var defaultTab=param.defaultContent;}
+$(thisId+" .tabs li a").each(function(){var tabToHide=$(this).attr('href').substr(1);$("#"+tabToHide).addClass('easytabs-tab-content');});hideAll();changeContent(defaultTab);function hideAll(){$(thisId+" .easytabs-tab-content").hide();}
+function changeContent(tabId){hideAll();$(thisId+" .tabs li").removeClass(param.activeClass);$(thisId+" .tabs li a[href=#"+tabId+"]").closest('li').addClass(param.activeClass);if(param.fadeSpeed!="none")
+{$(thisId+" #"+tabId).fadeIn(param.fadeSpeed);}else{$(thisId+" #"+tabId).show();}}
+$(thisId+" .tabs li").click(function(){var tabId=$(this).find('a').attr('href').substr(1);changeContent(tabId);return false;});});}})(jQuery);
@@ -0,0 +1,129 @@
+/*Notes about grid:
+Columns:      12
+Grid Width:   825px
+Column Width: 55px
+Gutter Width: 15px
+-------------------------------*/
+ 
+ 
+ 
+.section 		{margin-bottom: 18px;
+}
+.section:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
+.section 		{*zoom: 1;}
+ 
+.section .firstcolumn,
+.section .firstcol {margin-left: 0;}
+ 
+ 
+/* Border on left hand side of a column. */
+.border {
+  padding-left: 7px;
+  margin-left: 7px;
+  border-left: 1px solid #eee;
+}
+ 
+/* Border with more whitespace, spans one column. */
+.colborder {
+    padding-left: 42px;
+  margin-left: 42px;
+  border-left: 1px solid #eee;
+}
+ 
+
+ 
+/* The Grid Classes */
+.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12
+{margin-left: 15px;float: left;display: inline; overflow: hidden;}
+ 
+ 
+.width1, .grid1, .span-1 {width: 55px;}
+.width1_2cols,.grid1_2cols {width: 20px;}
+.width1_3cols,.grid1_3cols  {width: 8px;}
+.width1_4cols,.grid1_4cols  {width: 2px;}
+.input_width1 {width: 49px;}
+ 
+.width2, .grid2, .span-2 {width: 125px;}
+.width2_3cols,.grid2_3cols  {width: 31px;}
+.width2_4cols,.grid2_4cols  {width: 20px;}
+.input_width2 {width: 119px;}
+ 
+.width3, .grid3, .span-3 {width: 195px;}
+.width3_2cols,.grid3_2cols {width: 90px;}
+.width3_4cols,.grid3_4cols  {width: 37px;}
+.input_width3 {width: 189px;}
+ 
+.width4, .grid4, .span-4 {width: 265px;}
+.width4_3cols,.grid4_3cols  {width: 78px;}
+.input_width4 {width: 259px;}
+ 
+.width5, .grid5, .span-5 {width: 335px;}
+.width5_2cols,.grid5_2cols {width: 160px;}
+.width5_3cols,.grid5_3cols  {width: 101px;}
+.width5_4cols,.grid5_4cols  {width: 72px;}
+.input_width5 {width: 329px;}
+ 
+.width6, .grid6, .span-6 {width: 405px;}
+.width6_4cols,.grid6_4cols  {width: 90px;}
+.input_width6 {width: 399px;}
+ 
+.width7, .grid7, .span-7 {width: 475px;}
+.width7_2cols,.grid7_2cols {width: 230px;}
+.width7_3cols,.grid7_3cols  {width: 148px;}
+.width7_4cols,.grid7_4cols  {width: 107px;}
+.input_width7 {width: 469px;}
+ 
+.width8, .grid8, .span-8 {width: 545px;}
+.width8_3cols,.grid8_3cols  {width: 171px;}
+.input_width8 {width: 539px;}
+ 
+.width9, .grid9, .span-9 {width: 615px;}
+.width9_2cols,.grid9_2cols {width: 300px;}
+.width9_4cols,.grid9_4cols  {width: 142px;}
+.input_width9 {width: 609px;}
+ 
+.width10, .grid10, .span-10 {width: 685px;}
+.width10_3cols,.grid10_3cols  {width: 218px;}
+.width10_4cols,.grid10_4cols  {width: 160px;}
+.input_width10 {width: 679px;}
+ 
+.width11, .grid11, .span-11 {width: 755px;}
+.width11_2cols,.grid11_2cols {width: 370px;}
+.width11_3cols,.grid11_3cols  {width: 241px;}
+.width11_4cols,.grid11_4cols  {width: 177px;}
+.input_width11 {width: 749px;}
+ 
+.width12, .grid12, .span-12 {width: 825px;}
+.input_width12 {width: 819px;}
+ 
+/* Subdivided grid spaces */
+.emptycols_left1, .prepend-1 {padding-left: 70px;}
+.emptycols_right1, .append-1 {padding-right: 70px;}
+.emptycols_left2, .prepend-2 {padding-left: 140px;}
+.emptycols_right2, .append-2 {padding-right: 140px;}
+.emptycols_left3, .prepend-3 {padding-left: 210px;}
+.emptycols_right3, .append-3 {padding-right: 210px;}
+.emptycols_left4, .prepend-4 {padding-left: 280px;}
+.emptycols_right4, .append-4 {padding-right: 280px;}
+.emptycols_left5, .prepend-5 {padding-left: 350px;}
+.emptycols_right5, .append-5 {padding-right: 350px;}
+.emptycols_left6, .prepend-6 {padding-left: 420px;}
+.emptycols_right6, .append-6 {padding-right: 420px;}
+.emptycols_left7, .prepend-7 {padding-left: 490px;}
+.emptycols_right7, .append-7 {padding-right: 490px;}
+.emptycols_left8, .prepend-8 {padding-left: 560px;}
+.emptycols_right8, .append-8 {padding-right: 560px;}
+.emptycols_left9, .prepend-9 {padding-left: 630px;}
+.emptycols_right9, .append-9 {padding-right: 630px;}
+.emptycols_left10, .prepend-10 {padding-left: 700px;}
+.emptycols_right10, .append-10 {padding-right: 700px;}
+.emptycols_left11, .prepend-11 {padding-left: 770px;}
+.emptycols_right11, .append-11 {padding-right: 770px;}
+.pull-1 {margin-left: -70px;}
+.push-1 {margin-right: -70px;margin-left: 18px;float: right;}
+.pull-2 {margin-left: -140px;}
+.push-2 {margin-right: -140px;margin-left: 18px;float: right;}
+.pull-3 {margin-left: -210px;}
+.push-3 {margin-right: -210px;margin-left: 18px;float: right;}
+.pull-4 {margin-left: -280px;}
+.push-4 {margin-right: -280px;margin-left: 18px;float: right;}
@@ -0,0 +1,396 @@
+@import url('grid_12-825-55-15.css');
+
+/*  
+	CSS Reset by Eric Meyer - Released under Public Domain
+    http://meyerweb.com/eric/tools/css/reset/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, table, 
+caption, tbody, tfoot, thead, tr, th, td 
+                  {margin: 0;padding: 0;border: 0;outline: 0;
+                  font-size: 100%;vertical-align: baseline;
+                  background: transparent;}
+body              {line-height: 1;}
+ol, ul            {list-style: none;}
+blockquote, q     {quotes: none;}
+blockquote:before, blockquote:after,
+q:before, q:after {content: '';	content: none;}
+:focus            {outline: 0;}
+ins               {text-decoration: none;}
+del               {text-decoration: line-through;}
+table             {border-collapse: collapse;border-spacing: 0;}
+
+
+
+
+body {
+	color: #000;
+	background-color: #dcdcdc;
+}
+
+a {
+	text-decoration: none;
+	color: #1883ba;
+}
+
+h1{
+	font-size: 32px;
+	font-weight: normal;
+	font-style: normal;
+	margin-bottom: 18px;
+}
+
+h2{
+	font-size: 18px;
+}
+
+#container {
+	width: 865px;
+	margin: 0px auto;
+}
+
+
+#header {
+	padding: 20px;
+	font-size: 36px;
+	background-color: #000;
+	color: #fff;
+}
+
+#header span {
+	color: #666;
+}
+#main_content {
+	background-color: #fff;
+	padding: 60px 20px 20px;
+}
+
+
+#footer p {
+	margin: 0;
+	padding-top: 10px;
+	padding-bottom: 50px;
+	color: #333;
+	font: 10px Arial, sans-serif;
+}
+
+.tabs {
+	width: 100%;
+	height: 31px;
+	background-color: #444;
+}
+.tabs li {
+	float:  left;
+	margin: 0;
+	overflow: hidden;
+	background-color: #444;
+}
+.tabs li a {
+	display: block;
+	color: #fff;
+	text-decoration: none;
+	font: bold 11px/11px 'Arial';
+	text-transform: uppercase;
+	padding: 10px 15px;
+	border-right: 1px solid #fff;
+}
+
+.tabs li a:hover {
+		background-color: #00b3ff;
+
+}
+
+.tabs li.active a {
+	color:  #000;
+	background-color: #fff;
+}
+
+
+
+div.huge {
+	
+	font-size: 120px;
+	line-height: 1em;
+	padding: 0;
+	letter-spacing: -.02em;
+	overflow: hidden;
+}
+div.glyph_range {
+	font-size: 72px;
+	line-height: 1.1em;
+}
+
+.size10{ font-size: 10px; }
+.size11{ font-size: 11px; }
+.size12{ font-size: 12px; }
+.size13{ font-size: 13px; }
+.size14{ font-size: 14px; }
+.size16{ font-size: 16px; }
+.size18{ font-size: 18px; }
+.size20{ font-size: 20px; }
+.size24{ font-size: 24px; }
+.size30{ font-size: 30px; }
+.size36{ font-size: 36px; }
+.size48{ font-size: 48px; }
+.size60{ font-size: 60px; }
+.size72{ font-size: 72px; }
+.size90{ font-size: 90px; }
+
+
+.psample_row1 {	height: 120px;}
+.psample_row1 {	height: 120px;}
+.psample_row2 {	height: 160px;}
+.psample_row3 {	height: 160px;}
+.psample_row4 {	height: 160px;}
+
+.psample {
+	overflow: hidden;
+	position: relative;
+}
+.psample p {
+	line-height: 1.3em;
+	display: block;
+	overflow: hidden;
+	margin: 0;
+}
+
+.psample span {
+	margin-right: .5em;
+}
+
+.white_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);
+	position: absolute;
+	bottom: 0;
+}
+.black_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);
+	position: absolute;
+	bottom: 0;
+}
+.fullreverse {
+	background:  #000 !important;
+	color:  #fff !important;
+	margin-left: -20px;
+	padding-left: 20px;
+	margin-right: -20px;
+	padding-right: 20px;
+	padding: 20px;
+	margin-bottom:0;
+}
+
+
+.sample_table td {
+	padding-top: 3px;
+	padding-bottom:5px;
+	padding-left: 5px;
+	vertical-align: middle;
+	line-height: 1.2em;
+}
+
+.sample_table td:first-child {
+	background-color: #eee;
+	text-align: right;
+	padding-right: 5px;
+	padding-left: 0;
+	padding: 5px;
+	font: 11px/12px "Courier New", Courier, mono;
+}
+
+code {
+	white-space: pre;
+	background-color: #eee;
+	display: block;
+	padding: 10px;
+	margin-bottom: 18px;
+	overflow: auto;
+}
+
+
+.bottom,.last 	{margin-bottom:0 !important; padding-bottom:0 !important;}
+
+.box  { 
+  padding: 18px; 
+  margin-bottom: 18px; 
+  background: #eee; 
+}
+
+.reverse,.reversed { background:  #000 !important;color:  #fff !important; border: none !important;}
+
+#bodycomparison {
+	position: relative;
+	overflow: hidden;
+	font-size: 72px;
+	height: 90px;
+	white-space: nowrap;
+}
+
+#bodycomparison div{
+	font-size: 72px;
+	line-height: 90px;
+	display: inline;
+	margin: 0 15px 0 0;
+	padding: 0;
+}
+
+#bodycomparison div span{
+	font: 10px Arial;
+	position: absolute;
+	left: 0;
+}
+#xheight {
+	float: none;
+	position: absolute;
+	color: #d9f3ff;
+	font-size: 72px;
+	line-height: 90px;
+}
+
+.fontbody {
+ position: relative;
+}
+.arialbody{
+	font-family: Arial;
+	position: relative;
+}
+.verdanabody{
+	font-family: Verdana;
+	position: relative;
+}
+.georgiabody{
+	font-family: Georgia;
+	position: relative;
+}
+
+/* @group Layout page
+ */
+
+#layout h1 {
+	font-size: 36px;
+	line-height: 42px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h2 {
+	font-size: 24px;
+	line-height: 23px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h3 {
+	font-size: 22px;
+	line-height: 1.4em;
+	margin-top: 1em;
+	font-weight: normal;
+	font-style: normal;
+}
+
+
+#layout p.byline {
+	font-size: 12px;
+	margin-top: 18px;
+	line-height: 12px;
+	margin-bottom: 0;
+}
+#layout p {
+	font-size: 14px;
+	line-height: 21px;
+	margin-bottom: .5em;
+}
+
+#layout p.large{
+	font-size: 18px;
+	line-height: 26px;
+}
+
+#layout .sidebar p{
+	font-size: 12px;
+	line-height: 1.4em;
+}
+
+#layout p.caption {
+	font-size: 10px;
+	margin-top: -16px;
+	margin-bottom: 18px;
+}
+
+/* @end */
+
+/* @group Glyphs */
+
+#glyph_chart div{
+	background-color: #d9f3ff;
+	color: black;
+	float: left;
+	font-size: 36px;
+	height: 1.2em;
+	line-height: 1.2em;
+	margin-bottom: 1px;
+	margin-right: 1px;
+	text-align: center;
+	width: 1.2em;
+	position: relative;
+	padding: .6em .2em .2em;
+}
+
+#glyph_chart div p {
+	position: absolute;
+	left: 0;
+	top: 0;
+	display: block;
+	text-align: center;
+	font: bold 9px Arial, sans-serif;
+	background-color: #3a768f;
+	width: 100%;
+	color: #fff;
+	padding: 2px 0;
+}
+
+
+#glyphs h1 {
+	font-family: Arial, sans-serif;
+}
+/* @end */
+
+/* @group Installing */
+
+#installing {
+	font: 13px Arial, sans-serif;
+}
+
+#installing p,
+#glyphs p{
+	line-height: 1.2em;
+	margin-bottom: 18px;
+	font: 13px Arial, sans-serif;
+}
+
+
+
+#installing h3{
+	font-size: 15px;
+	margin-top: 18px;
+}
+
+/* @end */
+
+#rendering h1 {
+	font-family: Arial, sans-serif;
+}
+.render_table td {
+	font: 11px "Courier New", Courier, mono;
+	vertical-align: middle;
+}
+
+
@@ -0,0 +1,16 @@
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2015 */
+
+
+
+@font-face {
+    font-family: 'notokr-medium';
+    src: url('notokr-medium.eot');
+    src: url('notokr-medium.eot?#iefix') format('embedded-opentype'),
+         url('notokr-medium.woff2') format('woff2'),
+         url('notokr-medium.woff') format('woff'),
+         url('notokr-medium.ttf') format('truetype'),
+         url('notokr-medium.svg#notokr-medium') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
@@ -0,0 +1,5 @@
+# Font Squirrel Font-face Generator Configuration File
+# Upload this file to the generator to recreate the settings
+# you used to create these fonts.
+
+{"mode":"basic","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_vertical_metrics":"Y","fix_gasp":"xy","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
@@ -0,0 +1,7 @@
+(function($){$.fn.easyTabs=function(option){var param=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:'active'},option);$(this).each(function(){var thisId="#"+this.id;if(param.defaultContent==''){param.defaultContent=1;}
+if(typeof param.defaultContent=="number")
+{var defaultTab=$(thisId+" .tabs li:eq("+(param.defaultContent-1)+") a").attr('href').substr(1);}else{var defaultTab=param.defaultContent;}
+$(thisId+" .tabs li a").each(function(){var tabToHide=$(this).attr('href').substr(1);$("#"+tabToHide).addClass('easytabs-tab-content');});hideAll();changeContent(defaultTab);function hideAll(){$(thisId+" .easytabs-tab-content").hide();}
+function changeContent(tabId){hideAll();$(thisId+" .tabs li").removeClass(param.activeClass);$(thisId+" .tabs li a[href=#"+tabId+"]").closest('li').addClass(param.activeClass);if(param.fadeSpeed!="none")
+{$(thisId+" #"+tabId).fadeIn(param.fadeSpeed);}else{$(thisId+" #"+tabId).show();}}
+$(thisId+" .tabs li").click(function(){var tabId=$(this).find('a').attr('href').substr(1);changeContent(tabId);return false;});});}})(jQuery);
@@ -0,0 +1,129 @@
+/*Notes about grid:
+Columns:      12
+Grid Width:   825px
+Column Width: 55px
+Gutter Width: 15px
+-------------------------------*/
+ 
+ 
+ 
+.section 		{margin-bottom: 18px;
+}
+.section:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
+.section 		{*zoom: 1;}
+ 
+.section .firstcolumn,
+.section .firstcol {margin-left: 0;}
+ 
+ 
+/* Border on left hand side of a column. */
+.border {
+  padding-left: 7px;
+  margin-left: 7px;
+  border-left: 1px solid #eee;
+}
+ 
+/* Border with more whitespace, spans one column. */
+.colborder {
+    padding-left: 42px;
+  margin-left: 42px;
+  border-left: 1px solid #eee;
+}
+ 
+
+ 
+/* The Grid Classes */
+.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12
+{margin-left: 15px;float: left;display: inline; overflow: hidden;}
+ 
+ 
+.width1, .grid1, .span-1 {width: 55px;}
+.width1_2cols,.grid1_2cols {width: 20px;}
+.width1_3cols,.grid1_3cols  {width: 8px;}
+.width1_4cols,.grid1_4cols  {width: 2px;}
+.input_width1 {width: 49px;}
+ 
+.width2, .grid2, .span-2 {width: 125px;}
+.width2_3cols,.grid2_3cols  {width: 31px;}
+.width2_4cols,.grid2_4cols  {width: 20px;}
+.input_width2 {width: 119px;}
+ 
+.width3, .grid3, .span-3 {width: 195px;}
+.width3_2cols,.grid3_2cols {width: 90px;}
+.width3_4cols,.grid3_4cols  {width: 37px;}
+.input_width3 {width: 189px;}
+ 
+.width4, .grid4, .span-4 {width: 265px;}
+.width4_3cols,.grid4_3cols  {width: 78px;}
+.input_width4 {width: 259px;}
+ 
+.width5, .grid5, .span-5 {width: 335px;}
+.width5_2cols,.grid5_2cols {width: 160px;}
+.width5_3cols,.grid5_3cols  {width: 101px;}
+.width5_4cols,.grid5_4cols  {width: 72px;}
+.input_width5 {width: 329px;}
+ 
+.width6, .grid6, .span-6 {width: 405px;}
+.width6_4cols,.grid6_4cols  {width: 90px;}
+.input_width6 {width: 399px;}
+ 
+.width7, .grid7, .span-7 {width: 475px;}
+.width7_2cols,.grid7_2cols {width: 230px;}
+.width7_3cols,.grid7_3cols  {width: 148px;}
+.width7_4cols,.grid7_4cols  {width: 107px;}
+.input_width7 {width: 469px;}
+ 
+.width8, .grid8, .span-8 {width: 545px;}
+.width8_3cols,.grid8_3cols  {width: 171px;}
+.input_width8 {width: 539px;}
+ 
+.width9, .grid9, .span-9 {width: 615px;}
+.width9_2cols,.grid9_2cols {width: 300px;}
+.width9_4cols,.grid9_4cols  {width: 142px;}
+.input_width9 {width: 609px;}
+ 
+.width10, .grid10, .span-10 {width: 685px;}
+.width10_3cols,.grid10_3cols  {width: 218px;}
+.width10_4cols,.grid10_4cols  {width: 160px;}
+.input_width10 {width: 679px;}
+ 
+.width11, .grid11, .span-11 {width: 755px;}
+.width11_2cols,.grid11_2cols {width: 370px;}
+.width11_3cols,.grid11_3cols  {width: 241px;}
+.width11_4cols,.grid11_4cols  {width: 177px;}
+.input_width11 {width: 749px;}
+ 
+.width12, .grid12, .span-12 {width: 825px;}
+.input_width12 {width: 819px;}
+ 
+/* Subdivided grid spaces */
+.emptycols_left1, .prepend-1 {padding-left: 70px;}
+.emptycols_right1, .append-1 {padding-right: 70px;}
+.emptycols_left2, .prepend-2 {padding-left: 140px;}
+.emptycols_right2, .append-2 {padding-right: 140px;}
+.emptycols_left3, .prepend-3 {padding-left: 210px;}
+.emptycols_right3, .append-3 {padding-right: 210px;}
+.emptycols_left4, .prepend-4 {padding-left: 280px;}
+.emptycols_right4, .append-4 {padding-right: 280px;}
+.emptycols_left5, .prepend-5 {padding-left: 350px;}
+.emptycols_right5, .append-5 {padding-right: 350px;}
+.emptycols_left6, .prepend-6 {padding-left: 420px;}
+.emptycols_right6, .append-6 {padding-right: 420px;}
+.emptycols_left7, .prepend-7 {padding-left: 490px;}
+.emptycols_right7, .append-7 {padding-right: 490px;}
+.emptycols_left8, .prepend-8 {padding-left: 560px;}
+.emptycols_right8, .append-8 {padding-right: 560px;}
+.emptycols_left9, .prepend-9 {padding-left: 630px;}
+.emptycols_right9, .append-9 {padding-right: 630px;}
+.emptycols_left10, .prepend-10 {padding-left: 700px;}
+.emptycols_right10, .append-10 {padding-right: 700px;}
+.emptycols_left11, .prepend-11 {padding-left: 770px;}
+.emptycols_right11, .append-11 {padding-right: 770px;}
+.pull-1 {margin-left: -70px;}
+.push-1 {margin-right: -70px;margin-left: 18px;float: right;}
+.pull-2 {margin-left: -140px;}
+.push-2 {margin-right: -140px;margin-left: 18px;float: right;}
+.pull-3 {margin-left: -210px;}
+.push-3 {margin-right: -210px;margin-left: 18px;float: right;}
+.pull-4 {margin-left: -280px;}
+.push-4 {margin-right: -280px;margin-left: 18px;float: right;}
@@ -0,0 +1,396 @@
+@import url('grid_12-825-55-15.css');
+
+/*  
+	CSS Reset by Eric Meyer - Released under Public Domain
+    http://meyerweb.com/eric/tools/css/reset/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, table, 
+caption, tbody, tfoot, thead, tr, th, td 
+                  {margin: 0;padding: 0;border: 0;outline: 0;
+                  font-size: 100%;vertical-align: baseline;
+                  background: transparent;}
+body              {line-height: 1;}
+ol, ul            {list-style: none;}
+blockquote, q     {quotes: none;}
+blockquote:before, blockquote:after,
+q:before, q:after {content: '';	content: none;}
+:focus            {outline: 0;}
+ins               {text-decoration: none;}
+del               {text-decoration: line-through;}
+table             {border-collapse: collapse;border-spacing: 0;}
+
+
+
+
+body {
+	color: #000;
+	background-color: #dcdcdc;
+}
+
+a {
+	text-decoration: none;
+	color: #1883ba;
+}
+
+h1{
+	font-size: 32px;
+	font-weight: normal;
+	font-style: normal;
+	margin-bottom: 18px;
+}
+
+h2{
+	font-size: 18px;
+}
+
+#container {
+	width: 865px;
+	margin: 0px auto;
+}
+
+
+#header {
+	padding: 20px;
+	font-size: 36px;
+	background-color: #000;
+	color: #fff;
+}
+
+#header span {
+	color: #666;
+}
+#main_content {
+	background-color: #fff;
+	padding: 60px 20px 20px;
+}
+
+
+#footer p {
+	margin: 0;
+	padding-top: 10px;
+	padding-bottom: 50px;
+	color: #333;
+	font: 10px Arial, sans-serif;
+}
+
+.tabs {
+	width: 100%;
+	height: 31px;
+	background-color: #444;
+}
+.tabs li {
+	float:  left;
+	margin: 0;
+	overflow: hidden;
+	background-color: #444;
+}
+.tabs li a {
+	display: block;
+	color: #fff;
+	text-decoration: none;
+	font: bold 11px/11px 'Arial';
+	text-transform: uppercase;
+	padding: 10px 15px;
+	border-right: 1px solid #fff;
+}
+
+.tabs li a:hover {
+		background-color: #00b3ff;
+
+}
+
+.tabs li.active a {
+	color:  #000;
+	background-color: #fff;
+}
+
+
+
+div.huge {
+	
+	font-size: 120px;
+	line-height: 1em;
+	padding: 0;
+	letter-spacing: -.02em;
+	overflow: hidden;
+}
+div.glyph_range {
+	font-size: 72px;
+	line-height: 1.1em;
+}
+
+.size10{ font-size: 10px; }
+.size11{ font-size: 11px; }
+.size12{ font-size: 12px; }
+.size13{ font-size: 13px; }
+.size14{ font-size: 14px; }
+.size16{ font-size: 16px; }
+.size18{ font-size: 18px; }
+.size20{ font-size: 20px; }
+.size24{ font-size: 24px; }
+.size30{ font-size: 30px; }
+.size36{ font-size: 36px; }
+.size48{ font-size: 48px; }
+.size60{ font-size: 60px; }
+.size72{ font-size: 72px; }
+.size90{ font-size: 90px; }
+
+
+.psample_row1 {	height: 120px;}
+.psample_row1 {	height: 120px;}
+.psample_row2 {	height: 160px;}
+.psample_row3 {	height: 160px;}
+.psample_row4 {	height: 160px;}
+
+.psample {
+	overflow: hidden;
+	position: relative;
+}
+.psample p {
+	line-height: 1.3em;
+	display: block;
+	overflow: hidden;
+	margin: 0;
+}
+
+.psample span {
+	margin-right: .5em;
+}
+
+.white_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);
+	position: absolute;
+	bottom: 0;
+}
+.black_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);
+	position: absolute;
+	bottom: 0;
+}
+.fullreverse {
+	background:  #000 !important;
+	color:  #fff !important;
+	margin-left: -20px;
+	padding-left: 20px;
+	margin-right: -20px;
+	padding-right: 20px;
+	padding: 20px;
+	margin-bottom:0;
+}
+
+
+.sample_table td {
+	padding-top: 3px;
+	padding-bottom:5px;
+	padding-left: 5px;
+	vertical-align: middle;
+	line-height: 1.2em;
+}
+
+.sample_table td:first-child {
+	background-color: #eee;
+	text-align: right;
+	padding-right: 5px;
+	padding-left: 0;
+	padding: 5px;
+	font: 11px/12px "Courier New", Courier, mono;
+}
+
+code {
+	white-space: pre;
+	background-color: #eee;
+	display: block;
+	padding: 10px;
+	margin-bottom: 18px;
+	overflow: auto;
+}
+
+
+.bottom,.last 	{margin-bottom:0 !important; padding-bottom:0 !important;}
+
+.box  { 
+  padding: 18px; 
+  margin-bottom: 18px; 
+  background: #eee; 
+}
+
+.reverse,.reversed { background:  #000 !important;color:  #fff !important; border: none !important;}
+
+#bodycomparison {
+	position: relative;
+	overflow: hidden;
+	font-size: 72px;
+	height: 90px;
+	white-space: nowrap;
+}
+
+#bodycomparison div{
+	font-size: 72px;
+	line-height: 90px;
+	display: inline;
+	margin: 0 15px 0 0;
+	padding: 0;
+}
+
+#bodycomparison div span{
+	font: 10px Arial;
+	position: absolute;
+	left: 0;
+}
+#xheight {
+	float: none;
+	position: absolute;
+	color: #d9f3ff;
+	font-size: 72px;
+	line-height: 90px;
+}
+
+.fontbody {
+ position: relative;
+}
+.arialbody{
+	font-family: Arial;
+	position: relative;
+}
+.verdanabody{
+	font-family: Verdana;
+	position: relative;
+}
+.georgiabody{
+	font-family: Georgia;
+	position: relative;
+}
+
+/* @group Layout page
+ */
+
+#layout h1 {
+	font-size: 36px;
+	line-height: 42px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h2 {
+	font-size: 24px;
+	line-height: 23px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h3 {
+	font-size: 22px;
+	line-height: 1.4em;
+	margin-top: 1em;
+	font-weight: normal;
+	font-style: normal;
+}
+
+
+#layout p.byline {
+	font-size: 12px;
+	margin-top: 18px;
+	line-height: 12px;
+	margin-bottom: 0;
+}
+#layout p {
+	font-size: 14px;
+	line-height: 21px;
+	margin-bottom: .5em;
+}
+
+#layout p.large{
+	font-size: 18px;
+	line-height: 26px;
+}
+
+#layout .sidebar p{
+	font-size: 12px;
+	line-height: 1.4em;
+}
+
+#layout p.caption {
+	font-size: 10px;
+	margin-top: -16px;
+	margin-bottom: 18px;
+}
+
+/* @end */
+
+/* @group Glyphs */
+
+#glyph_chart div{
+	background-color: #d9f3ff;
+	color: black;
+	float: left;
+	font-size: 36px;
+	height: 1.2em;
+	line-height: 1.2em;
+	margin-bottom: 1px;
+	margin-right: 1px;
+	text-align: center;
+	width: 1.2em;
+	position: relative;
+	padding: .6em .2em .2em;
+}
+
+#glyph_chart div p {
+	position: absolute;
+	left: 0;
+	top: 0;
+	display: block;
+	text-align: center;
+	font: bold 9px Arial, sans-serif;
+	background-color: #3a768f;
+	width: 100%;
+	color: #fff;
+	padding: 2px 0;
+}
+
+
+#glyphs h1 {
+	font-family: Arial, sans-serif;
+}
+/* @end */
+
+/* @group Installing */
+
+#installing {
+	font: 13px Arial, sans-serif;
+}
+
+#installing p,
+#glyphs p{
+	line-height: 1.2em;
+	margin-bottom: 18px;
+	font: 13px Arial, sans-serif;
+}
+
+
+
+#installing h3{
+	font-size: 15px;
+	margin-top: 18px;
+}
+
+/* @end */
+
+#rendering h1 {
+	font-family: Arial, sans-serif;
+}
+.render_table td {
+	font: 11px "Courier New", Courier, mono;
+	vertical-align: middle;
+}
+
+
@@ -0,0 +1,16 @@
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2015 */
+
+
+
+@font-face {
+    font-family: 'notokr-regular';
+    src: url('notokr-regular.eot');
+    src: url('notokr-regular.eot?#iefix') format('embedded-opentype'),
+         url('notokr-regular.woff2') format('woff2'),
+         url('notokr-regular.woff') format('woff'),
+         url('notokr-regular.ttf') format('truetype'),
+         url('notokr-regular.svg#notokr-regular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
@@ -0,0 +1,5 @@
+# Font Squirrel Font-face Generator Configuration File
+# Upload this file to the generator to recreate the settings
+# you used to create these fonts.
+
+{"mode":"basic","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_vertical_metrics":"Y","fix_gasp":"xy","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
@@ -0,0 +1,7 @@
+(function($){$.fn.easyTabs=function(option){var param=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:'active'},option);$(this).each(function(){var thisId="#"+this.id;if(param.defaultContent==''){param.defaultContent=1;}
+if(typeof param.defaultContent=="number")
+{var defaultTab=$(thisId+" .tabs li:eq("+(param.defaultContent-1)+") a").attr('href').substr(1);}else{var defaultTab=param.defaultContent;}
+$(thisId+" .tabs li a").each(function(){var tabToHide=$(this).attr('href').substr(1);$("#"+tabToHide).addClass('easytabs-tab-content');});hideAll();changeContent(defaultTab);function hideAll(){$(thisId+" .easytabs-tab-content").hide();}
+function changeContent(tabId){hideAll();$(thisId+" .tabs li").removeClass(param.activeClass);$(thisId+" .tabs li a[href=#"+tabId+"]").closest('li').addClass(param.activeClass);if(param.fadeSpeed!="none")
+{$(thisId+" #"+tabId).fadeIn(param.fadeSpeed);}else{$(thisId+" #"+tabId).show();}}
+$(thisId+" .tabs li").click(function(){var tabId=$(this).find('a').attr('href').substr(1);changeContent(tabId);return false;});});}})(jQuery);
@@ -0,0 +1,129 @@
+/*Notes about grid:
+Columns:      12
+Grid Width:   825px
+Column Width: 55px
+Gutter Width: 15px
+-------------------------------*/
+ 
+ 
+ 
+.section 		{margin-bottom: 18px;
+}
+.section:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
+.section 		{*zoom: 1;}
+ 
+.section .firstcolumn,
+.section .firstcol {margin-left: 0;}
+ 
+ 
+/* Border on left hand side of a column. */
+.border {
+  padding-left: 7px;
+  margin-left: 7px;
+  border-left: 1px solid #eee;
+}
+ 
+/* Border with more whitespace, spans one column. */
+.colborder {
+    padding-left: 42px;
+  margin-left: 42px;
+  border-left: 1px solid #eee;
+}
+ 
+
+ 
+/* The Grid Classes */
+.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12
+{margin-left: 15px;float: left;display: inline; overflow: hidden;}
+ 
+ 
+.width1, .grid1, .span-1 {width: 55px;}
+.width1_2cols,.grid1_2cols {width: 20px;}
+.width1_3cols,.grid1_3cols  {width: 8px;}
+.width1_4cols,.grid1_4cols  {width: 2px;}
+.input_width1 {width: 49px;}
+ 
+.width2, .grid2, .span-2 {width: 125px;}
+.width2_3cols,.grid2_3cols  {width: 31px;}
+.width2_4cols,.grid2_4cols  {width: 20px;}
+.input_width2 {width: 119px;}
+ 
+.width3, .grid3, .span-3 {width: 195px;}
+.width3_2cols,.grid3_2cols {width: 90px;}
+.width3_4cols,.grid3_4cols  {width: 37px;}
+.input_width3 {width: 189px;}
+ 
+.width4, .grid4, .span-4 {width: 265px;}
+.width4_3cols,.grid4_3cols  {width: 78px;}
+.input_width4 {width: 259px;}
+ 
+.width5, .grid5, .span-5 {width: 335px;}
+.width5_2cols,.grid5_2cols {width: 160px;}
+.width5_3cols,.grid5_3cols  {width: 101px;}
+.width5_4cols,.grid5_4cols  {width: 72px;}
+.input_width5 {width: 329px;}
+ 
+.width6, .grid6, .span-6 {width: 405px;}
+.width6_4cols,.grid6_4cols  {width: 90px;}
+.input_width6 {width: 399px;}
+ 
+.width7, .grid7, .span-7 {width: 475px;}
+.width7_2cols,.grid7_2cols {width: 230px;}
+.width7_3cols,.grid7_3cols  {width: 148px;}
+.width7_4cols,.grid7_4cols  {width: 107px;}
+.input_width7 {width: 469px;}
+ 
+.width8, .grid8, .span-8 {width: 545px;}
+.width8_3cols,.grid8_3cols  {width: 171px;}
+.input_width8 {width: 539px;}
+ 
+.width9, .grid9, .span-9 {width: 615px;}
+.width9_2cols,.grid9_2cols {width: 300px;}
+.width9_4cols,.grid9_4cols  {width: 142px;}
+.input_width9 {width: 609px;}
+ 
+.width10, .grid10, .span-10 {width: 685px;}
+.width10_3cols,.grid10_3cols  {width: 218px;}
+.width10_4cols,.grid10_4cols  {width: 160px;}
+.input_width10 {width: 679px;}
+ 
+.width11, .grid11, .span-11 {width: 755px;}
+.width11_2cols,.grid11_2cols {width: 370px;}
+.width11_3cols,.grid11_3cols  {width: 241px;}
+.width11_4cols,.grid11_4cols  {width: 177px;}
+.input_width11 {width: 749px;}
+ 
+.width12, .grid12, .span-12 {width: 825px;}
+.input_width12 {width: 819px;}
+ 
+/* Subdivided grid spaces */
+.emptycols_left1, .prepend-1 {padding-left: 70px;}
+.emptycols_right1, .append-1 {padding-right: 70px;}
+.emptycols_left2, .prepend-2 {padding-left: 140px;}
+.emptycols_right2, .append-2 {padding-right: 140px;}
+.emptycols_left3, .prepend-3 {padding-left: 210px;}
+.emptycols_right3, .append-3 {padding-right: 210px;}
+.emptycols_left4, .prepend-4 {padding-left: 280px;}
+.emptycols_right4, .append-4 {padding-right: 280px;}
+.emptycols_left5, .prepend-5 {padding-left: 350px;}
+.emptycols_right5, .append-5 {padding-right: 350px;}
+.emptycols_left6, .prepend-6 {padding-left: 420px;}
+.emptycols_right6, .append-6 {padding-right: 420px;}
+.emptycols_left7, .prepend-7 {padding-left: 490px;}
+.emptycols_right7, .append-7 {padding-right: 490px;}
+.emptycols_left8, .prepend-8 {padding-left: 560px;}
+.emptycols_right8, .append-8 {padding-right: 560px;}
+.emptycols_left9, .prepend-9 {padding-left: 630px;}
+.emptycols_right9, .append-9 {padding-right: 630px;}
+.emptycols_left10, .prepend-10 {padding-left: 700px;}
+.emptycols_right10, .append-10 {padding-right: 700px;}
+.emptycols_left11, .prepend-11 {padding-left: 770px;}
+.emptycols_right11, .append-11 {padding-right: 770px;}
+.pull-1 {margin-left: -70px;}
+.push-1 {margin-right: -70px;margin-left: 18px;float: right;}
+.pull-2 {margin-left: -140px;}
+.push-2 {margin-right: -140px;margin-left: 18px;float: right;}
+.pull-3 {margin-left: -210px;}
+.push-3 {margin-right: -210px;margin-left: 18px;float: right;}
+.pull-4 {margin-left: -280px;}
+.push-4 {margin-right: -280px;margin-left: 18px;float: right;}
@@ -0,0 +1,396 @@
+@import url('grid_12-825-55-15.css');
+
+/*  
+	CSS Reset by Eric Meyer - Released under Public Domain
+    http://meyerweb.com/eric/tools/css/reset/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, table, 
+caption, tbody, tfoot, thead, tr, th, td 
+                  {margin: 0;padding: 0;border: 0;outline: 0;
+                  font-size: 100%;vertical-align: baseline;
+                  background: transparent;}
+body              {line-height: 1;}
+ol, ul            {list-style: none;}
+blockquote, q     {quotes: none;}
+blockquote:before, blockquote:after,
+q:before, q:after {content: '';	content: none;}
+:focus            {outline: 0;}
+ins               {text-decoration: none;}
+del               {text-decoration: line-through;}
+table             {border-collapse: collapse;border-spacing: 0;}
+
+
+
+
+body {
+	color: #000;
+	background-color: #dcdcdc;
+}
+
+a {
+	text-decoration: none;
+	color: #1883ba;
+}
+
+h1{
+	font-size: 32px;
+	font-weight: normal;
+	font-style: normal;
+	margin-bottom: 18px;
+}
+
+h2{
+	font-size: 18px;
+}
+
+#container {
+	width: 865px;
+	margin: 0px auto;
+}
+
+
+#header {
+	padding: 20px;
+	font-size: 36px;
+	background-color: #000;
+	color: #fff;
+}
+
+#header span {
+	color: #666;
+}
+#main_content {
+	background-color: #fff;
+	padding: 60px 20px 20px;
+}
+
+
+#footer p {
+	margin: 0;
+	padding-top: 10px;
+	padding-bottom: 50px;
+	color: #333;
+	font: 10px Arial, sans-serif;
+}
+
+.tabs {
+	width: 100%;
+	height: 31px;
+	background-color: #444;
+}
+.tabs li {
+	float:  left;
+	margin: 0;
+	overflow: hidden;
+	background-color: #444;
+}
+.tabs li a {
+	display: block;
+	color: #fff;
+	text-decoration: none;
+	font: bold 11px/11px 'Arial';
+	text-transform: uppercase;
+	padding: 10px 15px;
+	border-right: 1px solid #fff;
+}
+
+.tabs li a:hover {
+		background-color: #00b3ff;
+
+}
+
+.tabs li.active a {
+	color:  #000;
+	background-color: #fff;
+}
+
+
+
+div.huge {
+	
+	font-size: 120px;
+	line-height: 1em;
+	padding: 0;
+	letter-spacing: -.02em;
+	overflow: hidden;
+}
+div.glyph_range {
+	font-size: 72px;
+	line-height: 1.1em;
+}
+
+.size10{ font-size: 10px; }
+.size11{ font-size: 11px; }
+.size12{ font-size: 12px; }
+.size13{ font-size: 13px; }
+.size14{ font-size: 14px; }
+.size16{ font-size: 16px; }
+.size18{ font-size: 18px; }
+.size20{ font-size: 20px; }
+.size24{ font-size: 24px; }
+.size30{ font-size: 30px; }
+.size36{ font-size: 36px; }
+.size48{ font-size: 48px; }
+.size60{ font-size: 60px; }
+.size72{ font-size: 72px; }
+.size90{ font-size: 90px; }
+
+
+.psample_row1 {	height: 120px;}
+.psample_row1 {	height: 120px;}
+.psample_row2 {	height: 160px;}
+.psample_row3 {	height: 160px;}
+.psample_row4 {	height: 160px;}
+
+.psample {
+	overflow: hidden;
+	position: relative;
+}
+.psample p {
+	line-height: 1.3em;
+	display: block;
+	overflow: hidden;
+	margin: 0;
+}
+
+.psample span {
+	margin-right: .5em;
+}
+
+.white_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);
+	position: absolute;
+	bottom: 0;
+}
+.black_blend {
+	width: 100%;
+	height: 61px;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);
+	position: absolute;
+	bottom: 0;
+}
+.fullreverse {
+	background:  #000 !important;
+	color:  #fff !important;
+	margin-left: -20px;
+	padding-left: 20px;
+	margin-right: -20px;
+	padding-right: 20px;
+	padding: 20px;
+	margin-bottom:0;
+}
+
+
+.sample_table td {
+	padding-top: 3px;
+	padding-bottom:5px;
+	padding-left: 5px;
+	vertical-align: middle;
+	line-height: 1.2em;
+}
+
+.sample_table td:first-child {
+	background-color: #eee;
+	text-align: right;
+	padding-right: 5px;
+	padding-left: 0;
+	padding: 5px;
+	font: 11px/12px "Courier New", Courier, mono;
+}
+
+code {
+	white-space: pre;
+	background-color: #eee;
+	display: block;
+	padding: 10px;
+	margin-bottom: 18px;
+	overflow: auto;
+}
+
+
+.bottom,.last 	{margin-bottom:0 !important; padding-bottom:0 !important;}
+
+.box  { 
+  padding: 18px; 
+  margin-bottom: 18px; 
+  background: #eee; 
+}
+
+.reverse,.reversed { background:  #000 !important;color:  #fff !important; border: none !important;}
+
+#bodycomparison {
+	position: relative;
+	overflow: hidden;
+	font-size: 72px;
+	height: 90px;
+	white-space: nowrap;
+}
+
+#bodycomparison div{
+	font-size: 72px;
+	line-height: 90px;
+	display: inline;
+	margin: 0 15px 0 0;
+	padding: 0;
+}
+
+#bodycomparison div span{
+	font: 10px Arial;
+	position: absolute;
+	left: 0;
+}
+#xheight {
+	float: none;
+	position: absolute;
+	color: #d9f3ff;
+	font-size: 72px;
+	line-height: 90px;
+}
+
+.fontbody {
+ position: relative;
+}
+.arialbody{
+	font-family: Arial;
+	position: relative;
+}
+.verdanabody{
+	font-family: Verdana;
+	position: relative;
+}
+.georgiabody{
+	font-family: Georgia;
+	position: relative;
+}
+
+/* @group Layout page
+ */
+
+#layout h1 {
+	font-size: 36px;
+	line-height: 42px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h2 {
+	font-size: 24px;
+	line-height: 23px;
+	font-weight: normal;
+	font-style: normal;
+}
+
+#layout h3 {
+	font-size: 22px;
+	line-height: 1.4em;
+	margin-top: 1em;
+	font-weight: normal;
+	font-style: normal;
+}
+
+
+#layout p.byline {
+	font-size: 12px;
+	margin-top: 18px;
+	line-height: 12px;
+	margin-bottom: 0;
+}
+#layout p {
+	font-size: 14px;
+	line-height: 21px;
+	margin-bottom: .5em;
+}
+
+#layout p.large{
+	font-size: 18px;
+	line-height: 26px;
+}
+
+#layout .sidebar p{
+	font-size: 12px;
+	line-height: 1.4em;
+}
+
+#layout p.caption {
+	font-size: 10px;
+	margin-top: -16px;
+	margin-bottom: 18px;
+}
+
+/* @end */
+
+/* @group Glyphs */
+
+#glyph_chart div{
+	background-color: #d9f3ff;
+	color: black;
+	float: left;
+	font-size: 36px;
+	height: 1.2em;
+	line-height: 1.2em;
+	margin-bottom: 1px;
+	margin-right: 1px;
+	text-align: center;
+	width: 1.2em;
+	position: relative;
+	padding: .6em .2em .2em;
+}
+
+#glyph_chart div p {
+	position: absolute;
+	left: 0;
+	top: 0;
+	display: block;
+	text-align: center;
+	font: bold 9px Arial, sans-serif;
+	background-color: #3a768f;
+	width: 100%;
+	color: #fff;
+	padding: 2px 0;
+}
+
+
+#glyphs h1 {
+	font-family: Arial, sans-serif;
+}
+/* @end */
+
+/* @group Installing */
+
+#installing {
+	font: 13px Arial, sans-serif;
+}
+
+#installing p,
+#glyphs p{
+	line-height: 1.2em;
+	margin-bottom: 18px;
+	font: 13px Arial, sans-serif;
+}
+
+
+
+#installing h3{
+	font-size: 15px;
+	margin-top: 18px;
+}
+
+/* @end */
+
+#rendering h1 {
+	font-family: Arial, sans-serif;
+}
+.render_table td {
+	font: 11px "Courier New", Courier, mono;
+	vertical-align: middle;
+}
+
+
@@ -0,0 +1,16 @@
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2015 */
+
+
+
+@font-face {
+    font-family: 'notokr-thin';
+    src: url('notokr-thin.eot');
+    src: url('notokr-thin.eot?#iefix') format('embedded-opentype'),
+         url('notokr-thin.woff2') format('woff2'),
+         url('notokr-thin.woff') format('woff'),
+         url('notokr-thin.ttf') format('truetype'),
+         url('notokr-thin.svg#notokr-thin') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
@@ -0,0 +1,21 @@
+<svg width="253" height="260" viewBox="0 0 253 260" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_1754_44161)">
+<mask id="path-1-inside-1_1754_44161" fill="white">
+<path d="M211.176 5.77148C212.256 3.36497 215.694 3.42386 216.69 5.86621L221.819 18.4333C222.434 19.9383 223.897 20.9219 225.523 20.9219H237C239.209 20.9219 241 22.7127 241 24.9219V243.922C241 246.131 239.209 247.922 237 247.922H8C5.791 247.922 4.00022 246.131 4 243.922V24.9219C4 22.7127 5.79086 20.9219 8 20.9219H201.785C203.361 20.9219 204.789 19.9973 205.434 18.5601L211.176 5.77148Z"/>
+</mask>
+<path d="M211.176 5.77148C212.256 3.36497 215.694 3.42386 216.69 5.86621L221.819 18.4333C222.434 19.9383 223.897 20.9219 225.523 20.9219H237C239.209 20.9219 241 22.7127 241 24.9219V243.922C241 246.131 239.209 247.922 237 247.922H8C5.791 247.922 4.00022 246.131 4 243.922V24.9219C4 22.7127 5.79086 20.9219 8 20.9219H201.785C203.361 20.9219 204.789 19.9973 205.434 18.5601L211.176 5.77148Z" fill="white"/>
+<path d="M211.176 5.77148L210.264 5.36189L210.264 5.36192L211.176 5.77148ZM216.69 5.86621L217.616 5.48835L217.616 5.48831L216.69 5.86621ZM237 20.9219V19.9219V20.9219ZM241 243.922L242 243.922V243.922H241ZM8 247.922L8 248.922H8V247.922ZM4 243.922H3V243.922L4 243.922ZM205.434 18.5601L204.522 18.1506L205.434 18.5601ZM221.819 18.4333L222.745 18.0555L221.819 18.4333ZM211.176 5.77148L212.088 6.18107C212.808 4.57648 215.1 4.61613 215.765 6.24411L216.69 5.86621L217.616 5.48831C216.287 2.2316 211.704 2.15346 210.264 5.36189L211.176 5.77148ZM216.69 5.86621L215.765 6.24407L220.893 18.8112L221.819 18.4333L222.745 18.0555L217.616 5.48835L216.69 5.86621ZM225.523 20.9219V21.9219H237V20.9219V19.9219H225.523V20.9219ZM237 20.9219V21.9219C238.657 21.9219 240 23.265 240 24.9219H241H242C242 22.1605 239.761 19.9219 237 19.9219V20.9219ZM241 24.9219H240V243.922H241H242V24.9219H241ZM241 243.922L240 243.922C240 245.579 238.657 246.922 237 246.922V247.922V248.922C239.761 248.922 242 246.683 242 243.922L241 243.922ZM237 247.922V246.922H8V247.922V248.922H237V247.922ZM8 247.922L8 246.922C6.34338 246.922 5.00016 245.579 5 243.922L4 243.922L3 243.922C3.00027 246.683 5.23861 248.922 8 248.922L8 247.922ZM4 243.922H5V24.9219H4H3V243.922H4ZM4 24.9219H5C5 23.265 6.34315 21.9219 8 21.9219V20.9219V19.9219C5.23858 19.9219 3 22.1605 3 24.9219H4ZM8 20.9219V21.9219H201.785V20.9219V19.9219H8V20.9219ZM205.434 18.5601L206.347 18.9697L212.088 6.18105L211.176 5.77148L210.264 5.36192L204.522 18.1506L205.434 18.5601ZM201.785 20.9219V21.9219C203.754 21.9219 205.54 20.7661 206.347 18.9697L205.434 18.5601L204.522 18.1506C204.038 19.2284 202.967 19.9219 201.785 19.9219V20.9219ZM221.819 18.4333L220.893 18.8112C221.661 20.6924 223.491 21.9219 225.523 21.9219V20.9219V19.9219C224.304 19.9219 223.206 19.1842 222.745 18.0555L221.819 18.4333Z" fill="#188F6B" mask="url(#path-1-inside-1_1754_44161)"/>
+</g>
+<defs>
+<filter id="filter0_d_1754_44161" x="0" y="0" width="253" height="259.922" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="4" dy="4"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1754_44161"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1754_44161" result="shape"/>
+</filter>
+</defs>
+</svg>
@@ -0,0 +1,49 @@
+<svg width="1599" height="914" viewBox="0 0 1599 914" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1334_29251" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1599" height="914">
+<rect width="1599" height="914" fill="url(#paint0_linear_1334_29251)"/>
+</mask>
+<g mask="url(#mask0_1334_29251)">
+<g opacity="0.5">
+<circle cx="799.614" cy="460.614" r="234.114" fill="url(#paint1_radial_1334_29251)" fill-opacity="0.5"/>
+<circle cx="799.614" cy="460.614" r="234.114" fill="#7F2F00" fill-opacity="0.1" style="mix-blend-mode:multiply"/>
+<circle cx="799.614" cy="460.614" r="234.114" stroke="#A7790F"/>
+</g>
+<g opacity="0.6">
+<circle cx="799.97" cy="460.97" r="396.47" fill="url(#paint2_radial_1334_29251)" fill-opacity="0.5"/>
+<circle cx="799.97" cy="460.97" r="396.47" fill="#7F2F00" fill-opacity="0.2"/>
+<circle cx="799.97" cy="460.97" r="396.47" stroke="#A7790F"/>
+</g>
+<g opacity="0.7">
+<circle cx="799.456" cy="460.456" r="532.956" fill="url(#paint3_radial_1334_29251)" fill-opacity="0.5"/>
+<circle cx="799.456" cy="460.456" r="532.956" fill="#7F2F00" fill-opacity="0.2"/>
+<circle cx="799.456" cy="460.456" r="532.956" stroke="#A7790F"/>
+</g>
+<circle cx="800" cy="461" r="685.5" fill="url(#paint4_radial_1334_29251)" fill-opacity="0.5"/>
+<circle cx="800" cy="461" r="685.5" fill="#7F2F00" fill-opacity="0.1" style="mix-blend-mode:multiply"/>
+<circle cx="800" cy="461" r="685.5" stroke="#A7790F"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1334_29251" x1="799.5" y1="0" x2="799.5" y2="914" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D9D9D9"/>
+<stop offset="0.4" stop-color="#A6A6A6" stop-opacity="0.08"/>
+<stop offset="0.6" stop-color="#8D8D8D" stop-opacity="0.08"/>
+<stop offset="1" stop-color="#737373"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1334_29251" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(799.614 460.614) rotate(90) scale(234.614)">
+<stop offset="0.94722" stop-color="#A7790F" stop-opacity="0"/>
+<stop offset="1" stop-color="#A7790F"/>
+</radialGradient>
+<radialGradient id="paint2_radial_1334_29251" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(799.97 460.97) rotate(90) scale(396.97)">
+<stop offset="0.94722" stop-color="#A7790F" stop-opacity="0"/>
+<stop offset="1" stop-color="#A7790F"/>
+</radialGradient>
+<radialGradient id="paint3_radial_1334_29251" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(799.456 460.456) rotate(90) scale(533.456)">
+<stop offset="0.94722" stop-color="#A7790F" stop-opacity="0"/>
+<stop offset="1" stop-color="#A7790F"/>
+</radialGradient>
+<radialGradient id="paint4_radial_1334_29251" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(800 461) rotate(90) scale(686)">
+<stop offset="0.94722" stop-color="#A7790F" stop-opacity="0"/>
+<stop offset="1" stop-color="#A7790F"/>
+</radialGradient>
+</defs>
+</svg>
@@ -0,0 +1,392 @@
+<svg width="1862" height="664" viewBox="0 0 1862 664" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_0_729)">
+<path d="M703.993 381.536L723.919 10.5389C724.226 4.81364 719.667 0.00266044 713.933 0.00263375L156.183 3.71752e-05C151.512 1.54325e-05 147.464 3.23277 146.43 7.78739L62.2553 378.787C60.8358 385.044 65.5917 391 72.0074 391H206.029H694.007C699.322 391 703.708 386.843 703.993 381.536Z" fill="url(#paint0_linear_0_729)"/>
+</g>
+<g filter="url(#filter1_ii_0_729)">
+<path d="M715.463 185.541L723.546 9.54123C723.791 4.20239 728.191 0 733.535 0H1722.28C1727.05 0 1731.15 3.36972 1732.09 8.04852L1767.1 184.049C1768.34 190.234 1763.6 196 1757.3 196H1534.35H725.452C719.749 196 715.201 191.238 715.463 185.541Z" fill="url(#paint1_linear_0_729)"/>
+</g>
+<g filter="url(#filter2_di_0_729)">
+<path d="M1139.73 645.293L1122.14 397.293C1121.77 392.058 1117.42 388 1112.17 388H70.206C65.5347 388 61.4858 391.234 60.4533 395.79L4.25149 643.79C2.83375 650.046 7.58954 656 14.0042 656H86.649H1129.75C1135.55 656 1140.14 651.08 1139.73 645.293Z" fill="url(#paint2_linear_0_729)"/>
+</g>
+<g filter="url(#filter3_di_0_729)">
+<path d="M1139.6 646.401L1121.9 207.399C1121.67 201.723 1126.21 196.996 1131.9 196.996H1761.43C1766.22 196.996 1770.33 200.382 1771.25 205.076L1857.15 644.078C1858.36 650.254 1853.63 655.998 1847.34 655.998H1627.13H1149.59C1144.22 655.998 1139.81 651.763 1139.6 646.401Z" fill="url(#paint3_linear_0_729)"/>
+</g>
+<path d="M171.548 556.347H175.166V581.349H171.548V556.347ZM174.248 565.932H178.649V568.875H174.248V565.932ZM164.987 558.939H168.524C168.524 561.441 168.164 563.808 167.444 566.04C166.742 568.272 165.572 570.324 163.934 572.196C162.314 574.05 160.118 575.67 157.346 577.056L155.321 574.329C157.517 573.195 159.326 571.917 160.748 570.495C162.188 569.073 163.25 567.462 163.934 565.662C164.636 563.844 164.987 561.819 164.987 559.587V558.939ZM156.698 558.939H166.85V561.828H156.698V558.939ZM196.764 556.374H200.382V581.376H196.764V556.374ZM185.748 562.881H188.61V564.177C188.61 565.491 188.457 566.796 188.151 568.092C187.863 569.37 187.422 570.576 186.828 571.71C186.252 572.844 185.523 573.852 184.641 574.734C183.777 575.598 182.778 576.282 181.644 576.786L179.727 574.005C180.753 573.555 181.635 572.97 182.373 572.25C183.129 571.512 183.759 570.702 184.263 569.82C184.767 568.938 185.136 568.011 185.37 567.039C185.622 566.067 185.748 565.113 185.748 564.177V562.881ZM186.558 562.881H189.339V564.177C189.339 565.059 189.465 565.968 189.717 566.904C189.969 567.84 190.347 568.74 190.851 569.604C191.355 570.45 191.985 571.224 192.741 571.926C193.515 572.61 194.415 573.177 195.441 573.627L193.551 576.354C192.399 575.886 191.382 575.229 190.5 574.383C189.636 573.537 188.907 572.565 188.313 571.467C187.719 570.369 187.278 569.199 186.99 567.957C186.702 566.715 186.558 565.455 186.558 564.177V562.881ZM180.564 560.451H194.442V563.286H180.564V560.451ZM185.748 556.968H189.366V561.936H185.748V556.968ZM214.798 571.953C216.598 571.953 218.164 572.142 219.496 572.52C220.828 572.898 221.854 573.438 222.574 574.14C223.312 574.842 223.681 575.688 223.681 576.678C223.681 577.65 223.312 578.487 222.574 579.189C221.854 579.909 220.828 580.458 219.496 580.836C218.164 581.214 216.598 581.403 214.798 581.403C213.016 581.403 211.459 581.214 210.127 580.836C208.795 580.458 207.76 579.909 207.022 579.189C206.302 578.487 205.942 577.65 205.942 576.678C205.942 575.688 206.302 574.842 207.022 574.14C207.76 573.438 208.795 572.898 210.127 572.52C211.459 572.142 213.016 571.953 214.798 571.953ZM214.798 574.653C213.682 574.653 212.728 574.725 211.936 574.869C211.144 575.013 210.541 575.238 210.127 575.544C209.731 575.85 209.533 576.228 209.533 576.678C209.533 577.128 209.731 577.506 210.127 577.812C210.541 578.1 211.144 578.325 211.936 578.487C212.728 578.631 213.682 578.703 214.798 578.703C215.932 578.703 216.895 578.631 217.687 578.487C218.479 578.325 219.082 578.1 219.496 577.812C219.91 577.506 220.117 577.128 220.117 576.678C220.117 576.228 219.91 575.85 219.496 575.544C219.082 575.238 218.479 575.013 217.687 574.869C216.895 574.725 215.932 574.653 214.798 574.653ZM206.212 557.508H222.061V560.316H206.212V557.508ZM203.701 567.552H226.192V570.387H203.701V567.552ZM212.017 563.178H215.608V568.254H212.017V563.178ZM219.955 557.508H223.546V559.56C223.546 560.55 223.519 561.585 223.465 562.665C223.411 563.745 223.204 564.933 222.844 566.229L219.28 565.878C219.622 564.6 219.82 563.466 219.874 562.476C219.928 561.486 219.955 560.514 219.955 559.56V557.508ZM232.778 572.196H236.423V581.376H232.778V572.196ZM241.418 572.196H245.063V581.376H241.418V572.196ZM227.675 570.306H250.301V573.195H227.675V570.306ZM238.934 557.238C240.716 557.238 242.282 557.463 243.632 557.913C245 558.363 246.062 559.011 246.818 559.857C247.574 560.703 247.952 561.693 247.952 562.827C247.952 563.961 247.574 564.951 246.818 565.797C246.062 566.625 245 567.273 243.632 567.741C242.282 568.191 240.716 568.416 238.934 568.416C237.152 568.416 235.577 568.191 234.209 567.741C232.859 567.273 231.797 566.625 231.023 565.797C230.267 564.951 229.889 563.961 229.889 562.827C229.889 561.693 230.267 560.703 231.023 559.857C231.797 559.011 232.859 558.363 234.209 557.913C235.577 557.463 237.152 557.238 238.934 557.238ZM238.934 560.073C237.836 560.073 236.882 560.181 236.072 560.397C235.28 560.613 234.668 560.928 234.236 561.342C233.804 561.738 233.588 562.233 233.588 562.827C233.588 563.421 233.804 563.925 234.236 564.339C234.668 564.735 235.28 565.041 236.072 565.257C236.882 565.455 237.836 565.554 238.934 565.554C240.032 565.554 240.977 565.455 241.769 565.257C242.561 565.041 243.173 564.735 243.605 564.339C244.055 563.925 244.28 563.421 244.28 562.827C244.28 562.233 244.055 561.738 243.605 561.342C243.173 560.928 242.561 560.613 241.769 560.397C240.977 560.181 240.032 560.073 238.934 560.073Z" fill="#87A7D6"/>
+<path d="M200.548 150.347H204.166V175.349H200.548V150.347ZM203.248 159.932H207.649V162.875H203.248V159.932ZM193.987 152.939H197.524C197.524 155.441 197.164 157.808 196.444 160.04C195.742 162.272 194.572 164.324 192.934 166.196C191.314 168.05 189.118 169.67 186.346 171.056L184.321 168.329C186.517 167.195 188.326 165.917 189.748 164.495C191.188 163.073 192.25 161.462 192.934 159.662C193.636 157.844 193.987 155.819 193.987 153.587V152.939ZM185.698 152.939H195.85V155.828H185.698V152.939ZM217.448 152.696H220.634V153.29C220.634 154.064 220.499 154.802 220.229 155.504C219.959 156.188 219.554 156.836 219.014 157.448C218.492 158.042 217.835 158.573 217.043 159.041C216.251 159.509 215.333 159.905 214.289 160.229C213.263 160.535 212.111 160.751 210.833 160.877L209.564 158.069C210.644 157.961 211.607 157.799 212.453 157.583C213.317 157.349 214.064 157.07 214.694 156.746C215.324 156.422 215.837 156.071 216.233 155.693C216.647 155.315 216.953 154.919 217.151 154.505C217.349 154.091 217.448 153.686 217.448 153.29V152.696ZM219.203 152.696H222.362V153.29C222.362 153.704 222.461 154.118 222.659 154.532C222.875 154.928 223.181 155.324 223.577 155.72C223.973 156.098 224.477 156.449 225.089 156.773C225.719 157.079 226.457 157.349 227.303 157.583C228.167 157.799 229.148 157.961 230.246 158.069L229.004 160.877C227.708 160.751 226.538 160.535 225.494 160.229C224.468 159.905 223.559 159.509 222.767 159.041C221.993 158.573 221.336 158.042 220.796 157.448C220.274 156.854 219.878 156.206 219.608 155.504C219.338 154.802 219.203 154.064 219.203 153.29V152.696ZM210.671 151.319H229.193V154.127H210.671V151.319ZM208.592 162.551H231.245V165.413H208.592V162.551ZM218.069 159.338H221.66V163.82H218.069V159.338ZM211.103 167.195H228.491V175.403H224.9V170.03H211.103V167.195ZM238.263 152.318H241.152V155.936C241.152 157.484 241.017 158.996 240.747 160.472C240.477 161.93 240.054 163.289 239.478 164.549C238.92 165.809 238.209 166.934 237.345 167.924C236.481 168.896 235.464 169.67 234.294 170.246L232.134 167.357C233.196 166.871 234.105 166.223 234.861 165.413C235.635 164.603 236.274 163.685 236.778 162.659C237.282 161.633 237.651 160.553 237.885 159.419C238.137 158.267 238.263 157.106 238.263 155.936V152.318ZM238.965 152.318H241.854V155.936C241.854 157.07 241.962 158.186 242.178 159.284C242.412 160.382 242.763 161.426 243.231 162.416C243.717 163.388 244.32 164.261 245.04 165.035C245.76 165.809 246.624 166.448 247.632 166.952L245.445 169.814C244.329 169.238 243.357 168.482 242.529 167.546C241.719 166.592 241.053 165.503 240.531 164.279C240.009 163.037 239.613 161.714 239.343 160.31C239.091 158.888 238.965 157.43 238.965 155.936V152.318ZM248.604 150.401H252.222V175.403H248.604V150.401ZM251.439 160.013H255.84V162.983H251.439V160.013ZM256.675 169.544H279.328V172.46H256.675V169.544ZM266.071 163.982H269.662V170.327H266.071V163.982ZM265.963 151.778H269.095V153.587C269.095 154.649 268.942 155.675 268.636 156.665C268.348 157.655 267.907 158.591 267.313 159.473C266.737 160.355 266.026 161.156 265.18 161.876C264.334 162.578 263.362 163.181 262.264 163.685C261.184 164.189 259.987 164.558 258.673 164.792L257.188 161.795C258.34 161.615 259.375 161.327 260.293 160.931C261.211 160.535 262.021 160.067 262.723 159.527C263.443 158.969 264.037 158.366 264.505 157.718C264.991 157.052 265.351 156.368 265.585 155.666C265.837 154.964 265.963 154.271 265.963 153.587V151.778ZM266.638 151.778H269.797V153.587C269.797 154.289 269.914 154.991 270.148 155.693C270.4 156.395 270.76 157.07 271.228 157.718C271.714 158.366 272.308 158.969 273.01 159.527C273.712 160.067 274.522 160.535 275.44 160.931C276.376 161.327 277.411 161.615 278.545 161.795L277.06 164.792C275.746 164.54 274.549 164.171 273.469 163.685C272.389 163.181 271.426 162.578 270.58 161.876C269.734 161.174 269.014 160.391 268.42 159.527C267.844 158.645 267.403 157.709 267.097 156.719C266.791 155.711 266.638 154.667 266.638 153.587V151.778ZM298.685 150.374H302.087V175.376H298.685V150.374ZM295.499 159.797H299.657V162.686H295.499V159.797ZM288.047 153.452H291.503C291.503 155.216 291.35 156.89 291.044 158.474C290.756 160.058 290.27 161.561 289.586 162.983C288.902 164.387 287.975 165.701 286.805 166.925C285.653 168.131 284.204 169.247 282.458 170.273L280.379 167.762C282.269 166.646 283.772 165.422 284.888 164.09C286.022 162.74 286.832 161.255 287.318 159.635C287.804 157.997 288.047 156.179 288.047 154.181V153.452ZM281.621 153.452H289.1V156.314H281.621V153.452ZM293.123 151.022H296.498V174.296H293.123V151.022Z" fill="#7ED29B"/>
+<path d="M1615.91 500.602H1619.5V504.652H1615.91V500.602ZM1626.84 485.401H1630.44V510.403H1626.84V485.401ZM1610.13 506.245L1609.7 503.329C1611.21 503.329 1612.86 503.32 1614.64 503.302C1616.42 503.284 1618.25 503.221 1620.12 503.113C1622.01 503.005 1623.83 502.834 1625.58 502.6L1625.82 505.192C1624 505.516 1622.16 505.759 1620.31 505.921C1618.47 506.065 1616.69 506.155 1614.96 506.191C1613.24 506.227 1611.63 506.245 1610.13 506.245ZM1610.19 488.155H1625.25V490.963H1610.19V488.155ZM1617.72 491.935C1618.94 491.935 1620.02 492.133 1620.96 492.529C1621.89 492.925 1622.62 493.474 1623.15 494.176C1623.69 494.878 1623.96 495.697 1623.96 496.633C1623.96 497.551 1623.69 498.37 1623.15 499.09C1622.62 499.792 1621.89 500.341 1620.96 500.737C1620.02 501.133 1618.94 501.331 1617.72 501.331C1616.49 501.331 1615.41 501.133 1614.48 500.737C1613.54 500.341 1612.8 499.792 1612.26 499.09C1611.74 498.37 1611.48 497.551 1611.48 496.633C1611.48 495.697 1611.74 494.878 1612.26 494.176C1612.8 493.474 1613.54 492.925 1614.48 492.529C1615.41 492.133 1616.49 491.935 1617.72 491.935ZM1617.72 494.635C1616.89 494.635 1616.22 494.815 1615.69 495.175C1615.17 495.517 1614.91 496.003 1614.91 496.633C1614.91 497.281 1615.17 497.776 1615.69 498.118C1616.22 498.46 1616.89 498.631 1617.72 498.631C1618.55 498.631 1619.22 498.46 1619.74 498.118C1620.27 497.776 1620.53 497.281 1620.53 496.633C1620.53 496.003 1620.27 495.517 1619.74 495.175C1619.22 494.815 1618.55 494.635 1617.72 494.635ZM1615.91 485.482H1619.53V489.775H1615.91V485.482ZM1639.24 487.318H1642.12V490.936C1642.12 492.484 1641.99 493.996 1641.72 495.472C1641.45 496.93 1641.03 498.289 1640.45 499.549C1639.89 500.809 1639.18 501.934 1638.32 502.924C1637.45 503.896 1636.44 504.67 1635.27 505.246L1633.11 502.357C1634.17 501.871 1635.08 501.223 1635.83 500.413C1636.61 499.603 1637.25 498.685 1637.75 497.659C1638.25 496.633 1638.62 495.553 1638.86 494.419C1639.11 493.267 1639.24 492.106 1639.24 490.936V487.318ZM1639.94 487.318H1642.83V490.936C1642.83 492.07 1642.93 493.186 1643.15 494.284C1643.38 495.382 1643.74 496.426 1644.2 497.416C1644.69 498.388 1645.29 499.261 1646.01 500.035C1646.73 500.809 1647.6 501.448 1648.6 501.952L1646.42 504.814C1645.3 504.238 1644.33 503.482 1643.5 502.546C1642.69 501.592 1642.03 500.503 1641.5 499.279C1640.98 498.037 1640.59 496.714 1640.32 495.31C1640.06 493.888 1639.94 492.43 1639.94 490.936V487.318ZM1649.58 485.401H1653.19V510.403H1649.58V485.401ZM1652.41 495.013H1656.81V497.983H1652.41V495.013ZM1662.13 486.886H1664.94V489.775C1664.94 491.197 1664.74 492.583 1664.34 493.933C1663.95 495.265 1663.33 496.462 1662.48 497.524C1661.63 498.586 1660.53 499.405 1659.16 499.981L1657.3 497.227C1658.45 496.705 1659.38 496.048 1660.08 495.256C1660.8 494.446 1661.32 493.564 1661.64 492.61C1661.97 491.656 1662.13 490.711 1662.13 489.775V486.886ZM1662.8 486.886H1665.61V489.775C1665.61 490.675 1665.77 491.557 1666.07 492.421C1666.38 493.267 1666.87 494.041 1667.56 494.743C1668.26 495.445 1669.15 496.021 1670.23 496.471L1668.34 499.198C1667.04 498.676 1665.98 497.938 1665.15 496.984C1664.34 496.012 1663.75 494.914 1663.37 493.69C1662.99 492.448 1662.8 491.143 1662.8 489.775V486.886ZM1675.52 485.401H1678.95V500.683H1675.52V485.401ZM1672.52 491.476H1676.49V494.365H1672.52V491.476ZM1670.26 485.86H1673.6V499.9H1670.26V485.86ZM1670.47 501.034C1672.22 501.034 1673.73 501.223 1675.01 501.601C1676.3 501.961 1677.3 502.492 1678.01 503.194C1678.71 503.896 1679.06 504.733 1679.06 505.705C1679.06 506.695 1678.71 507.541 1678.01 508.243C1677.3 508.945 1676.3 509.476 1675.01 509.836C1673.73 510.214 1672.22 510.403 1670.47 510.403C1668.73 510.403 1667.21 510.214 1665.91 509.836C1664.61 509.476 1663.61 508.945 1662.91 508.243C1662.21 507.541 1661.86 506.695 1661.86 505.705C1661.86 504.733 1662.21 503.896 1662.91 503.194C1663.61 502.492 1664.61 501.961 1665.91 501.601C1667.21 501.223 1668.73 501.034 1670.47 501.034ZM1670.47 503.734C1668.85 503.734 1667.6 503.896 1666.72 504.22C1665.86 504.544 1665.42 505.039 1665.42 505.705C1665.42 506.371 1665.86 506.875 1666.72 507.217C1667.6 507.541 1668.85 507.703 1670.47 507.703C1671.53 507.703 1672.43 507.631 1673.17 507.487C1673.93 507.325 1674.5 507.1 1674.87 506.812C1675.27 506.524 1675.47 506.155 1675.47 505.705C1675.47 505.039 1675.04 504.544 1674.17 504.22C1673.31 503.896 1672.07 503.734 1670.47 503.734ZM1697.9 485.374H1701.49V500.089H1697.9V485.374ZM1700.25 491.26H1704.65V494.23H1700.25V491.26ZM1684.67 500.98H1701.49V506.65H1688.26V508.648H1684.73V504.436H1697.96V503.356H1684.67V500.98ZM1684.73 507.838H1702.36V510.241H1684.73V507.838ZM1687.32 495.391H1690.91V498.955H1687.32V495.391ZM1681.73 499.873L1681.38 497.416C1682.85 497.416 1684.47 497.407 1686.21 497.389C1687.96 497.353 1689.74 497.29 1691.56 497.2C1693.38 497.11 1695.13 496.957 1696.82 496.741L1697.07 498.901C1695.32 499.207 1693.54 499.432 1691.72 499.576C1689.92 499.702 1688.16 499.783 1686.45 499.819C1684.76 499.855 1683.19 499.873 1681.73 499.873ZM1682 486.94H1696.2V489.316H1682V486Line truncated
+<path opacity="0.45" d="M1572.66 150.401H1576.25V169.085H1572.66V150.401ZM1575.25 158.015H1579.57V160.985H1575.25V158.015ZM1556.59 153.02H1571.28V155.828H1556.59V153.02ZM1563.94 156.719C1565.14 156.719 1566.2 156.926 1567.12 157.34C1568.06 157.736 1568.79 158.303 1569.31 159.041C1569.83 159.761 1570.09 160.589 1570.09 161.525C1570.09 162.479 1569.83 163.325 1569.31 164.063C1568.79 164.783 1568.06 165.35 1567.12 165.764C1566.2 166.16 1565.14 166.358 1563.94 166.358C1562.75 166.358 1561.69 166.16 1560.75 165.764C1559.81 165.35 1559.08 164.783 1558.56 164.063C1558.04 163.325 1557.78 162.479 1557.78 161.525C1557.78 160.589 1558.04 159.761 1558.56 159.041C1559.08 158.303 1559.81 157.736 1560.75 157.34C1561.69 156.926 1562.75 156.719 1563.94 156.719ZM1563.94 159.446C1563.14 159.446 1562.5 159.626 1561.99 159.986C1561.49 160.346 1561.24 160.868 1561.24 161.552C1561.24 162.218 1561.49 162.731 1561.99 163.091C1562.5 163.451 1563.14 163.631 1563.94 163.631C1564.75 163.631 1565.39 163.451 1565.88 163.091C1566.38 162.731 1566.64 162.218 1566.64 161.552C1566.64 160.868 1566.38 160.346 1565.88 159.986C1565.39 159.626 1564.75 159.446 1563.94 159.446ZM1562.15 150.374H1565.72V154.37H1562.15V150.374ZM1560.13 172.082H1577.14V174.971H1560.13V172.082ZM1560.13 167.681H1563.75V173.324H1560.13V167.681ZM1598.49 150.401H1601.92V165.305H1598.49V150.401ZM1595.52 156.449H1599.49V159.338H1595.52V156.449ZM1593.23 150.833H1596.58V165.224H1593.23V150.833ZM1584.72 166.439H1601.92V175.403H1598.33V169.301H1584.72V166.439ZM1581.48 152.561H1591.37V163.874H1581.48V152.561ZM1588.04 155.315H1584.83V161.12H1588.04V155.315ZM1620.6 150.347H1624.22V175.349H1620.6V150.347ZM1623.3 159.932H1627.71V162.875H1623.3V159.932ZM1614.04 152.939H1617.58C1617.58 155.441 1617.22 157.808 1616.5 160.04C1615.8 162.272 1614.63 164.324 1612.99 166.196C1611.37 168.05 1609.17 169.67 1606.4 171.056L1604.38 168.329C1606.57 167.195 1608.38 165.917 1609.8 164.495C1611.24 163.073 1612.31 161.462 1612.99 159.662C1613.69 157.844 1614.04 155.819 1614.04 153.587V152.939ZM1605.75 152.939H1615.91V155.828H1605.75V152.939ZM1637.5 152.696H1640.69V153.29C1640.69 154.064 1640.56 154.802 1640.29 155.504C1640.02 156.188 1639.61 156.836 1639.07 157.448C1638.55 158.042 1637.89 158.573 1637.1 159.041C1636.31 159.509 1635.39 159.905 1634.35 160.229C1633.32 160.535 1632.17 160.751 1630.89 160.877L1629.62 158.069C1630.7 157.961 1631.66 157.799 1632.51 157.583C1633.37 157.349 1634.12 157.07 1634.75 156.746C1635.38 156.422 1635.89 156.071 1636.29 155.693C1636.7 155.315 1637.01 154.919 1637.21 154.505C1637.41 154.091 1637.5 153.686 1637.5 153.29V152.696ZM1639.26 152.696H1642.42V153.29C1642.42 153.704 1642.52 154.118 1642.72 154.532C1642.93 154.928 1643.24 155.324 1643.63 155.72C1644.03 156.098 1644.53 156.449 1645.15 156.773C1645.78 157.079 1646.51 157.349 1647.36 157.583C1648.22 157.799 1649.2 157.961 1650.3 158.069L1649.06 160.877C1647.76 160.751 1646.59 160.535 1645.55 160.229C1644.52 159.905 1643.62 159.509 1642.82 159.041C1642.05 158.573 1641.39 158.042 1640.85 157.448C1640.33 156.854 1639.93 156.206 1639.66 155.504C1639.39 154.802 1639.26 154.064 1639.26 153.29V152.696ZM1630.73 151.319H1649.25V154.127H1630.73V151.319ZM1628.65 162.551H1651.3V165.413H1628.65V162.551ZM1638.13 159.338H1641.72V163.82H1638.13V159.338ZM1631.16 167.195H1648.55V175.403H1644.96V170.03H1631.16V167.195ZM1660.75 152.048C1662.04 152.048 1663.21 152.309 1664.26 152.831C1665.3 153.353 1666.12 154.082 1666.72 155.018C1667.31 155.936 1667.61 156.998 1667.61 158.204C1667.61 159.392 1667.31 160.454 1666.72 161.39C1666.12 162.326 1665.3 163.055 1664.26 163.577C1663.21 164.099 1662.04 164.36 1660.75 164.36C1659.43 164.36 1658.26 164.099 1657.21 163.577C1656.17 163.055 1655.34 162.326 1654.73 161.39C1654.13 160.454 1653.84 159.392 1653.84 158.204C1653.84 156.998 1654.13 155.936 1654.73 155.018C1655.34 154.082 1656.17 153.353 1657.21 152.831C1658.26 152.309 1659.43 152.048 1660.75 152.048ZM1660.75 155.126C1660.1 155.126 1659.52 155.252 1658.99 155.504C1658.49 155.738 1658.08 156.089 1657.78 156.557C1657.49 157.007 1657.35 157.556 1657.35 158.204C1657.35 158.852 1657.49 159.41 1657.78 159.878C1658.08 160.346 1658.49 160.706 1658.99 160.958C1659.52 161.192 1660.1 161.309 1660.75 161.309C1661.38 161.309 1661.95 161.192 1662.45 160.958C1662.95 160.706 1663.35 160.346 1663.64 159.878C1663.94 159.41 1664.1 158.852 1664.1 158.204C1664.1 157.556 1663.94 157.007 1663.64 156.557C1663.35 156.089 1662.95 155.738 1662.45 155.504C1661.95 155.252 1661.38 155.126 1660.75 155.126ZM1669.96 150.347H1673.55V175.43H1669.96V150.347ZM1653.22 170.381L1652.81 167.465C1654.27 167.465 1655.88 167.456 1657.64 167.438C1659.43 167.402 1661.25 167.33 1663.12 167.222C1665.01 167.096 1666.84 166.907 1668.61 166.655L1668.85 169.247C1667.05 169.607 1665.22 169.868 1663.37 170.03C1661.51 170.174 1659.72 170.273 1657.99 170.327C1656.27 170.363 1654.67 170.381 1653.22 170.381ZM1689.73 173H1682.77V153.364H1689.79C1691.76 153.364 1693.46 153.757 1694.89 154.543C1696.31 1Line truncated
+<g filter="url(#filter4_dii_0_729)">
+<path d="M60.4844 525.5L88.4844 393L703.484 391L689.484 640H270.984L291.984 525.5H60.4844Z" fill="white"/>
+<path d="M60.4844 525.5L88.4844 393L703.484 391L689.484 640H270.984L291.984 525.5H60.4844Z" fill="#5485D3" fill-opacity="0.1"/>
+</g>
+<g filter="url(#filter5_dii_0_729)">
+<mask id="mask0_0_729" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="714" y="15" width="406" height="182">
+<path d="M714.984 197L723.984 16L1111.98 15.9995L1119.98 197H714.984Z" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_0_729)">
+<rect x="672.484" width="491" height="271" fill="white" fill-opacity="0.5"/>
+</g>
+</g>
+<g filter="url(#filter6_dii_0_729)">
+<mask id="mask1_0_729" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1111" y="16" width="422" height="182">
+<path d="M1120.48 197L1111.98 16.0005H1510.98L1532.98 194.991L1120.48 197Z" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask1_0_729)">
+<rect x="1069.48" width="491" height="271" fill="white" fill-opacity="0.5"/>
+</g>
+</g>
+<g filter="url(#filter7_dii_0_729)">
+<mask id="mask2_0_729" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1119" y="194" width="442" height="194">
+<path d="M1127.98 387.5L1119.98 197.5L1533.48 194L1560.48 387.5H1127.98Z" fill="#C7C7C7" fill-opacity="0.3"/>
+<path d="M1127.98 387.5L1119.98 197.5L1533.48 194L1560.48 387.5H1127.98Z" fill="url(#paint4_linear_0_729)" fill-opacity="0.9"/>
+</mask>
+<g mask="url(#mask2_0_729)">
+<rect x="1077.48" y="178" width="491" height="271" fill="white" fill-opacity="0.5"/>
+</g>
+</g>
+<g filter="url(#filter8_dii_0_729)">
+<mask id="mask3_0_729" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="705" y="197" width="423" height="191">
+<path d="M705.484 387.5L715.484 197.5L1119.98 197.876L1127.98 387.5H705.484Z" fill="#C7C7C7" fill-opacity="0.3"/>
+<path d="M705.484 387.5L715.484 197.5L1119.98 197.876L1127.98 387.5H705.484Z" fill="url(#paint5_linear_0_729)" fill-opacity="0.9"/>
+</mask>
+<g mask="url(#mask3_0_729)">
+<rect x="672.984" y="178" width="491" height="271" fill="white" fill-opacity="0.5"/>
+</g>
+</g>
+<g filter="url(#filter9_dii_0_729)">
+<mask id="mask4_0_729" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="691" y="389" width="448" height="251">
+<path d="M691.484 640L704.984 391L1127.98 389.5L1138.48 640H691.484Z" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask4_0_729)">
+<rect x="648.484" y="374" width="491" height="271" fill="white" fill-opacity="0.5"/>
+</g>
+</g>
+<g filter="url(#filter10_dii_0_729)">
+<mask id="mask5_0_729" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1127" y="389" width="473" height="251">
+<path d="M1137.98 640L1127.98 389.5H1559.48L1599.48 640H1137.98Z" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask5_0_729)">
+<rect x="1085.48" y="374" width="546" height="271" fill="white" fill-opacity="0.5"/>
+</g>
+</g>
+<g filter="url(#filter11_dii_0_729)">
+<mask id="mask6_0_729" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1533" y="194" width="267" height="261">
+<path d="M1568.98 455L1533.48 194.5H1751.98L1799.98 449.5L1568.98 455Z" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask6_0_729)">
+<rect x="1490.48" y="181" width="491" height="271" fill="white" fill-opacity="0.5"/>
+</g>
+</g>
+<g filter="url(#filter12_dii_0_729)">
+<path d="M358.984 17.5L335.484 192.5H426.484L401.484 389H701.984L722.984 17.5H358.984Z" fill="#D9D9D9"/>
+</g>
+<g filter="url(#filter13_dii_0_729)">
+<mask id="mask7_0_729" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="88" y="193" width="338" height="197">
+<path d="M88.4844 390L123.984 193H425.984L402.484 389L88.4844 390Z" fill="#C7C7C7" fill-opacity="0.3"/>
+</mask>
+<g mask="url(#mask7_0_729)">
+<rect x="45.4844" y="177" width="491" height="271" fill="white" fill-opacity="0.5"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_i_0_729" x="62.0033" y="3.05176e-05" width="661.93" height="391" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_0_729"/>
+</filter>
+<filter id="filter1_ii_0_729" x="715.452" y="0" width="1051.85" height="196" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.646635 0 0 0 0 0.327793 0 0 0 0 0.170985 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_0_729"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="effect1_innerShadow_0_729" result="effect2_innerShadow_0_729"/>
+</filter>
+<filter id="filter2_di_0_729" x="1.90735e-06" y="388" width="1143.75" height="276" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_729" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_0_729"/>
+</filter>
+<filter id="filter3_di_0_729" x="1117.9" y="196.996" width="743.446" height="467.002" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_729" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_0_729"/>
+</filter>
+<filter id="filter4_dii_0_729" x="55.8844" y="386.4" width="656.2" height="262.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_729" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_0_729"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_0_729" result="effect3_innerShadow_0_729"/>
+</filter>
+<filter id="filter5_dii_0_729" x="710.384" y="11.3995" width="418.2" height="194.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_729" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_0_729"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_0_729" result="effect3_innerShadow_0_729"/>
+</filter>
+<filter id="filter6_dii_0_729" x="1107.38" y="11.4005" width="434.2" height="194.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_729" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_0_729"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_0_729" result="effect3_innerShadow_0_729"/>
+</filter>
+<filter id="filter7_dii_0_729" x="1115.38" y="189.4" width="453.7" height="206.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_729" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_0_729"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_0_729" result="effect3_innerShadow_0_729"/>
+</filter>
+<filter id="filter8_dii_0_729" x="700.884" y="192.9" width="435.7" height="203.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_729" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_0_729"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_0_729" result="effect3_innerShadow_0_729"/>
+</filter>
+<filter id="filter9_dii_0_729" x="686.884" y="384.9" width="460.2" height="263.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_729" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_0_729"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_0_729" result="effect3_innerShadow_0_729"/>
+</filter>
+<filter id="filter10_dii_0_729" x="1123.38" y="384.9" width="484.7" height="263.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_729" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_0_729"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_0_729" result="effect3_innerShadow_0_729"/>
+</filter>
+<filter id="filter11_dii_0_729" x="1528.88" y="189.9" width="279.7" height="270.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_729" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_0_729"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_0_729" result="effect3_innerShadow_0_729"/>
+</filter>
+<filter id="filter12_dii_0_729" x="330.884" y="12.9" width="400.7" height="384.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_729" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_0_729"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_0_729" result="effect3_innerShadow_0_729"/>
+</filter>
+<filter id="filter13_dii_0_729" x="83.8844" y="188.4" width="350.7" height="210.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_729"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_729" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_0_729"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_0_729" result="effect3_innerShadow_0_729"/>
+</filter>
+<linearGradient id="paint0_linear_0_729" x1="354.484" y1="239" x2="391.984" y2="-8.56219e-08" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2A5338"/>
+<stop offset="1" stop-color="#306843"/>
+</linearGradient>
+<linearGradient id="paint1_linear_0_729" x1="1242.23" y1="196" x2="1242.23" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#662A0D"/>
+<stop offset="1" stop-color="#8E2F00"/>
+</linearGradient>
+<linearGradient id="paint2_linear_0_729" x1="582.484" y1="522" x2="570.984" y2="656" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1D375D"/>
+<stop offset="1" stop-color="#385888"/>
+</linearGradient>
+<linearGradient id="paint3_linear_0_729" x1="1490.48" y1="196.996" x2="1612.48" y2="655.996" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5B4822"/>
+<stop offset="1" stop-color="#795711"/>
+</linearGradient>
+<linearGradient id="paint4_linear_0_729" x1="1333.87" y1="257.178" x2="1333.87" y2="270.21" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="0.778846" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_0_729" x1="929.37" y1="257.178" x2="929.37" y2="270.21" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="0.778846" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
@@ -0,0 +1,370 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1914" height="877" viewBox="0 0 1914 877" fill="none">
+<g filter="url(#filter0_i_2357_30431)">
+<path d="M733.508 594.036L753.434 223.039C753.742 217.314 749.182 212.503 743.449 212.503L185.698 212.5C181.028 212.5 176.979 215.733 175.946 220.287L91.7709 591.287C90.3513 597.544 95.1073 603.5 101.523 603.5H235.544H723.523C728.837 603.5 733.223 599.343 733.508 594.036Z" fill="url(#paint1_linear_2357_30431)"/>
+</g>
+<g filter="url(#filter1_ii_2357_30431)">
+<path d="M744.978 398.041L753.061 222.041C753.307 216.702 757.706 212.5 763.051 212.5H1751.79C1756.56 212.5 1760.67 215.87 1761.6 220.549L1796.62 396.549C1797.85 402.734 1793.12 408.5 1786.81 408.5H1563.87H754.968C749.265 408.5 744.717 403.738 744.978 398.041Z" fill="url(#paint2_linear_2357_30431)"/>
+</g>
+<g filter="url(#filter2_di_2357_30431)">
+<path d="M1169.24 857.793L1151.66 609.793C1151.29 604.558 1146.93 600.5 1141.68 600.5H99.7216C95.0503 600.5 91.0013 603.734 89.9689 608.29L33.7671 856.29C32.3493 862.546 37.1051 868.5 43.5198 868.5H116.165H1159.27C1165.07 868.5 1169.65 863.58 1169.24 857.793Z" fill="url(#paint3_linear_2357_30431)"/>
+</g>
+<g filter="url(#filter3_di_2357_30431)">
+<path d="M1169.11 858.905L1151.42 419.903C1151.19 414.227 1155.73 409.5 1161.41 409.5H1790.95C1795.73 409.5 1799.85 412.886 1800.76 417.58L1886.67 856.582C1887.88 862.758 1883.15 868.502 1876.85 868.502H1656.65H1179.11C1173.74 868.502 1169.33 864.267 1169.11 858.905Z" fill="url(#paint4_linear_2357_30431)"/>
+</g>
+<g filter="url(#filter4_dii_2357_30431)">
+
+<path d="M90 738L118 605.5L733 603.5L719 852.5H300.5L321.5 738H90Z" fill="#5485D3"/>
+</g>
+<g filter="url(#filter5_dii_2357_30431)">
+<path d="M744.5 409.5L753.5 228.5L1141.5 228.5L1149.5 409.5H744.5Z" fill="#D9D9D9"/>
+
+</g>
+<g filter="url(#filter6_dii_2357_30431)">
+<path d="M1150 409.5L1141.5 228.5H1540.5L1562.5 407.49L1150 409.5Z" fill="#D9D9D9"/>
+
+</g>
+<g filter="url(#filter7_dii_2357_30431)">
+<path d="M1157.5 600L1149.5 410L1563 406.5L1590 600H1157.5Z" fill="#C7C7C7" />
+
+
+</g>
+<g filter="url(#filter8_dii_2357_30431)">
+<path d="M735 600L745 410L1149.5 410.376L1157.5 600H735Z" fill="#C7C7C7" />
+
+</g>
+<g filter="url(#filter9_dii_2357_30431)">
+<path d="M721 852.5L734.5 603.5L1157.5 602L1168 852.5H721Z" fill="#D9D9D9"/>
+
+</g>
+<g filter="url(#filter10_dii_2357_30431)">
+<path d="M1167.5 852.5L1157.5 602H1589L1629 852.5H1167.5Z" fill="#D9D9D9"/>
+
+</g>
+<g filter="url(#filter11_dii_2357_30431)">
+<path d="M1598.5 667.5L1563 407H1781.5L1829.5 662L1598.5 667.5Z" fill="#D9D9D9"/>
+
+</g>
+<g filter="url(#filter12_dii_2357_30431)">
+<path d="M388.5 230L365 405H456L431 601.5H731.5L752.5 230H388.5Z" fill="#D9D9D9"/>
+</g>
+<g filter="url(#filter13_dii_2357_30431)">
+<path d="M118 602.5L153.5 405.5H455.5L432 601.5L118 602.5Z" fill="#C7C7C7" fill-opacity="0.3"/>
+
+</g>
+<defs>
+<filter id="filter0_i_2357_30431" x="91.5195" y="212.5" width="661.93" height="391" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2357_30431"/>
+</filter>
+<filter id="filter1_ii_2357_30431" x="744.967" y="212.5" width="1051.85" height="196" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.646635 0 0 0 0 0.327793 0 0 0 0 0.170985 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2357_30431"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="effect1_innerShadow_2357_30431" result="effect2_innerShadow_2357_30431"/>
+</filter>
+<filter id="filter2_di_2357_30431" x="29.5156" y="600.5" width="1143.75" height="276" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2357_30431"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2357_30431" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_2357_30431"/>
+</filter>
+<filter id="filter3_di_2357_30431" x="1147.41" y="409.5" width="743.447" height="467" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2357_30431"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2357_30431" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_2357_30431"/>
+</filter>
+<filter id="filter4_dii_2357_30431" x="85.4" y="598.9" width="656.2" height="262.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2357_30431"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2357_30431" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_2357_30431"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_2357_30431" result="effect3_innerShadow_2357_30431"/>
+</filter>
+<filter id="filter5_dii_2357_30431" x="739.9" y="223.9" width="418.2" height="194.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2357_30431"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2357_30431" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_2357_30431"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_2357_30431" result="effect3_innerShadow_2357_30431"/>
+</filter>
+<filter id="filter6_dii_2357_30431" x="1136.9" y="223.9" width="434.2" height="194.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2357_30431"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2357_30431" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_2357_30431"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_2357_30431" result="effect3_innerShadow_2357_30431"/>
+</filter>
+<filter id="filter7_dii_2357_30431" x="1144.9" y="401.9" width="453.7" height="206.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2357_30431"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2357_30431" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_2357_30431"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_2357_30431" result="effect3_innerShadow_2357_30431"/>
+</filter>
+<pattern id="pattern0_2357_30431" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2357_30431" transform="matrix(0.000835121 0 0 0.00190114 -0.0678822 0)"/>
+</pattern>
+<filter id="filter8_dii_2357_30431" x="730.4" y="405.4" width="435.7" height="203.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2357_30431"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2357_30431" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_2357_30431"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_2357_30431" result="effect3_innerShadow_2357_30431"/>
+</filter>
+<pattern id="pattern1_2357_30431" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2357_30431" transform="matrix(0.000854951 0 0 0.00190114 -0.0813666 0)"/>
+</pattern>
+<filter id="filter9_dii_2357_30431" x="716.4" y="597.4" width="460.2" height="263.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2357_30431"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2357_30431" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_2357_30431"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_2357_30431" result="effect3_innerShadow_2357_30431"/>
+</filter>
+<filter id="filter10_dii_2357_30431" x="1152.9" y="597.4" width="484.7" height="263.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2357_30431"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2357_30431" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_2357_30431"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_2357_30431" result="effect3_innerShadow_2357_30431"/>
+</filter>
+<filter id="filter11_dii_2357_30431" x="1558.4" y="402.4" width="279.7" height="270.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2357_30431"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2357_30431" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_2357_30431"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_2357_30431" result="effect3_innerShadow_2357_30431"/>
+</filter>
+<filter id="filter12_dii_2357_30431" x="360.4" y="225.4" width="400.7" height="384.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2357_30431"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2357_30431" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_2357_30431"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_2357_30431" result="effect3_innerShadow_2357_30431"/>
+</filter>
+<filter id="filter13_dii_2357_30431" x="113.4" y="400.9" width="350.7" height="210.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="3.3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2357_30431"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2357_30431" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_2357_30431"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="effect2_innerShadow_2357_30431" result="effect3_innerShadow_2357_30431"/>
+</filter>
+<pattern id="pattern2_2357_30431" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2357_30431" transform="matrix(0.0011097 0 0 0.00190114 -0.254598 0)"/>
+</pattern>
+<linearGradient id="paint0_linear_2357_30431" x1="0.5" y1="27.5" x2="1912.5" y2="27.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.5"/>
+<stop offset="0.144231" stop-color="white"/>
+<stop offset="0.745192" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2357_30431" x1="384" y1="451.5" x2="421.5" y2="212.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2A5338"/>
+<stop offset="1" stop-color="#306843"/>
+</linearGradient>
+<linearGradient id="paint2_linear_2357_30431" x1="1271.75" y1="408.5" x2="1271.75" y2="212.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#662A0D"/>
+<stop offset="1" stop-color="#8E2F00"/>
+</linearGradient>
+<linearGradient id="paint3_linear_2357_30431" x1="612" y1="734.5" x2="600.5" y2="868.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1D375D"/>
+<stop offset="1" stop-color="#385888"/>
+</linearGradient>
+<linearGradient id="paint4_linear_2357_30431" x1="1520" y1="409.5" x2="1642" y2="868.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5B4822"/>
+<stop offset="1" stop-color="#795711"/>
+</linearGradient>
+<linearGradient id="paint5_linear_2357_30431" x1="1363.39" y1="469.678" x2="1363.39" y2="482.71" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="0.778846" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint6_linear_2357_30431" x1="958.886" y1="469.678" x2="958.886" y2="482.71" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="0.778846" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
@@ -0,0 +1,354 @@
+<svg
+            xmlns="http://www.w3.org/2000/svg"
+            xmlns:xlink="http://www.w3.org/1999/xlink"
+            width="1914"
+            height="877"
+            viewBox="0 0 1914 877"
+            fill="none"
+          >
+            <g filter="url(#board_filter_1)">
+              <path
+                d="M733.508 594.036L753.434 223.039C753.742 217.314 749.182 212.503 743.449 212.503L185.698 212.5C181.028 212.5 176.979 215.733 175.946 220.287L91.7709 591.287C90.3513 597.544 95.1073 603.5 101.523 603.5H235.544H723.523C728.837 603.5 733.223 599.343 733.508 594.036Z"
+                fill="url(#board_fill_1)"
+              />
+            </g>
+            <g filter="url(#board_filter_2)">
+              <path
+                d="M744.978 398.041L753.061 222.041C753.307 216.702 757.706 212.5 763.051 212.5H1751.79C1756.56 212.5 1760.67 215.87 1761.6 220.549L1796.62 396.549C1797.85 402.734 1793.12 408.5 1786.81 408.5H1563.87H754.968C749.265 408.5 744.717 403.738 744.978 398.041Z"
+                fill="url(#board_fill_2)"
+              />
+            </g>
+            <g filter="url(#board_filter_3)">
+              <path
+                d="M1169.24 857.793L1151.66 609.793C1151.29 604.558 1146.93 600.5 1141.68 600.5H99.7216C95.0503 600.5 91.0013 603.734 89.9689 608.29L33.7671 856.29C32.3493 862.546 37.1051 868.5 43.5198 868.5H116.165H1159.27C1165.07 868.5 1169.65 863.58 1169.24 857.793Z"
+                fill="url(#board_fill_3)"
+              />
+            </g>
+            <g filter="url(#board_filter_4)">
+              <path
+                d="M1169.11 858.905L1151.42 419.903C1151.19 414.227 1155.73 409.5 1161.41 409.5H1790.95C1795.73 409.5 1799.85 412.886 1800.76 417.58L1886.67 856.582C1887.88 862.758 1883.15 868.502 1876.85 868.502H1656.65H1179.11C1173.74 868.502 1169.33 864.267 1169.11 858.905Z"
+                fill="url(#board_fill_4)"
+              />
+            </g>
+            <g filter="url(#filter4_dii_2357_30431)">
+              <path class="piece-01"
+                d="M90 738L118 605.5L733 603.5L719 852.5H300.5L321.5 738H90Z"
+                fill="#D9D9D9"
+              />
+            </g>
+            <g filter="url(#filter5_dii_2357_30431)">
+              <path  class="piece-02"
+                d="M744.5 409.5L753.5 228.5L1141.5 228.5L1149.5 409.5H744.5Z"
+                fill="#D9D9D9"
+              />
+            </g>
+            <g filter="url(#filter6_dii_2357_30431)">
+              <path  class="piece-03"
+                d="M1150 409.5L1141.5 228.5H1540.5L1562.5 407.49L1150 409.5Z"
+                fill="#D9D9D9"
+              />
+            </g>
+            <g filter="url(#filter7_dii_2357_30431)">
+              <path  class="piece-04"
+                d="M1157.5 600L1149.5 410L1563 406.5L1590 600H1157.5Z"
+                fill="#D9D9D9"
+              />
+            </g>
+            <g filter="url(#filter8_dii_2357_30431)">
+              <path  class="piece-05"
+                d="M735 600L745 410L1149.5 410.376L1157.5 600H735Z"
+                fill="#D9D9D9"
+              />
+            </g>
+            <g filter="url(#filter9_dii_2357_30431)">
+              <path  class="piece-06"
+                d="M721 852.5L734.5 603.5L1157.5 602L1168 852.5H721Z"
+                fill="#D9D9D9"
+              />
+            </g>
+            <g filter="url(#filter10_dii_2357_30431)">
+              <path  class="piece-07"
+                d="M1167.5 852.5L1157.5 602H1589L1629 852.5H1167.5Z"
+                fill="#D9D9D9"
+              />
+            </g>
+            <g filter="url(#filter11_dii_2357_30431)">
+              <path  class="piece-08"
+                d="M1598.5 667.5L1563 407H1781.5L1829.5 662L1598.5 667.5Z"
+                fill="#D9D9D9"
+              />
+            </g>
+            <g filter="url(#filter12_dii_2357_30431)">
+              <path  class="piece-09 "
+                d="M388.5 230L365 405H456L431 601.5H731.5L752.5 230H388.5Z"
+                fill="#D9D9D9"
+              />
+            </g>
+            <g filter="url(#filter13_dii_2357_30431)">
+              <path  class="piece-10"
+                d="M118 602.5L153.5 405.5H455.5L432 601.5L118 602.5Z"
+                fill="#D9D9D9"
+              />
+            </g>
+            <defs>
+              <filter
+                id="board_filter_1"
+                x="91.5195"
+                y="212.5"
+                width="661.93"
+                height="391"
+                filterUnits="userSpaceOnUse"
+                color-interpolation-filters="sRGB"
+              >
+                <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                <feBlend
+                  mode="normal"
+                  in="SourceGraphic"
+                  in2="BackgroundImageFix"
+                  result="shape"
+                />
+                <feColorMatrix
+                  in="SourceAlpha"
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                  result="hardAlpha"
+                />
+                <feOffset dy="-4" />
+                <feComposite
+                  in2="hardAlpha"
+                  operator="arithmetic"
+                  k2="-1"
+                  k3="1"
+                />
+                <feColorMatrix
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+                />
+                <feBlend
+                  mode="normal"
+                  in2="shape"
+                  result="effect1_innerShadow_2357_30431"
+                />
+              </filter>
+              <filter
+                id="board_filter_2"
+                x="744.967"
+                y="212.5"
+                width="1051.85"
+                height="196"
+                filterUnits="userSpaceOnUse"
+                color-interpolation-filters="sRGB"
+              >
+                <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                <feBlend
+                  mode="normal"
+                  in="SourceGraphic"
+                  in2="BackgroundImageFix"
+                  result="shape"
+                />
+                <feColorMatrix
+                  in="SourceAlpha"
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                  result="hardAlpha"
+                />
+                <feOffset dy="3" />
+                <feComposite
+                  in2="hardAlpha"
+                  operator="arithmetic"
+                  k2="-1"
+                  k3="1"
+                />
+                <feColorMatrix
+                  type="matrix"
+                  values="0 0 0 0 0.646635 0 0 0 0 0.327793 0 0 0 0 0.170985 0 0 0 1 0"
+                />
+                <feBlend
+                  mode="normal"
+                  in2="shape"
+                  result="effect1_innerShadow_2357_30431"
+                />
+                <feColorMatrix
+                  in="SourceAlpha"
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                  result="hardAlpha"
+                />
+                <feOffset dy="-4" />
+                <feComposite
+                  in2="hardAlpha"
+                  operator="arithmetic"
+                  k2="-1"
+                  k3="1"
+                />
+                <feColorMatrix
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+                />
+                <feBlend
+                  mode="normal"
+                  in2="effect1_innerShadow_2357_30431"
+                  result="effect2_innerShadow_2357_30431"
+                />
+              </filter>
+              <filter
+                id="board_filter_3"
+                x="29.5156"
+                y="600.5"
+                width="1143.75"
+                height="276"
+                filterUnits="userSpaceOnUse"
+                color-interpolation-filters="sRGB"
+              >
+                <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                <feColorMatrix
+                  in="SourceAlpha"
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                  result="hardAlpha"
+                />
+                <feOffset dy="4" />
+                <feGaussianBlur stdDeviation="2" />
+                <feComposite in2="hardAlpha" operator="out" />
+                <feColorMatrix
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+                />
+                <feBlend
+                  mode="normal"
+                  in2="BackgroundImageFix"
+                  result="effect1_dropShadow_2357_30431"
+                />
+                <feBlend
+                  mode="normal"
+                  in="SourceGraphic"
+                  in2="effect1_dropShadow_2357_30431"
+                  result="shape"
+                />
+                <feColorMatrix
+                  in="SourceAlpha"
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                  result="hardAlpha"
+                />
+                <feOffset dy="-4" />
+                <feComposite
+                  in2="hardAlpha"
+                  operator="arithmetic"
+                  k2="-1"
+                  k3="1"
+                />
+                <feColorMatrix
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+                />
+                <feBlend
+                  mode="normal"
+                  in2="shape"
+                  result="effect2_innerShadow_2357_30431"
+                />
+              </filter>
+              <filter
+                id="board_filter_4"
+                x="1147.41"
+                y="409.5"
+                width="743.447"
+                height="467"
+                filterUnits="userSpaceOnUse"
+                color-interpolation-filters="sRGB"
+              >
+                <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                <feColorMatrix
+                  in="SourceAlpha"
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                  result="hardAlpha"
+                />
+                <feOffset dy="4" />
+                <feGaussianBlur stdDeviation="2" />
+                <feComposite in2="hardAlpha" operator="out" />
+                <feColorMatrix
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+                />
+                <feBlend
+                  mode="normal"
+                  in2="BackgroundImageFix"
+                  result="effect1_dropShadow_2357_30431"
+                />
+                <feBlend
+                  mode="normal"
+                  in="SourceGraphic"
+                  in2="effect1_dropShadow_2357_30431"
+                  result="shape"
+                />
+                <feColorMatrix
+                  in="SourceAlpha"
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                  result="hardAlpha"
+                />
+                <feOffset dy="-4" />
+                <feComposite
+                  in2="hardAlpha"
+                  operator="arithmetic"
+                  k2="-1"
+                  k3="1"
+                />
+                <feColorMatrix
+                  type="matrix"
+                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+                />
+                <feBlend
+                  mode="normal"
+                  in2="shape"
+                  result="effect2_innerShadow_2357_30431"
+                />
+              </filter>
+
+              <linearGradient
+                id="board_fill_1"
+                x1="384"
+                y1="451.5"
+                x2="421.5"
+                y2="212.5"
+                gradientUnits="userSpaceOnUse"
+              >
+                <stop stop-color="#2A5338" />
+                <stop offset="1" stop-color="#306843" />
+              </linearGradient>
+              <linearGradient
+                id="board_fill_2"
+                x1="1271.75"
+                y1="408.5"
+                x2="1271.75"
+                y2="212.5"
+                gradientUnits="userSpaceOnUse"
+              >
+                <stop stop-color="#662A0D" />
+                <stop offset="1" stop-color="#8E2F00" />
+              </linearGradient>
+              <linearGradient
+                id="board_fill_3"
+                x1="612"
+                y1="734.5"
+                x2="600.5"
+                y2="868.5"
+                gradientUnits="userSpaceOnUse"
+              >
+                <stop stop-color="#1D375D" />
+                <stop offset="1" stop-color="#385888" />
+              </linearGradient>
+              <linearGradient
+                id="board_fill_4"
+                x1="1520"
+                y1="409.5"
+                x2="1642"
+                y2="868.5"
+                gradientUnits="userSpaceOnUse"
+              >
+                <stop stop-color="#5B4822" />
+                <stop offset="1" stop-color="#795711" />
+              </linearGradient>
+            </defs>
+          </svg>
				`@@ -0,0 +1 @@`
				`ldfJJw0qxULjQ1lSsWxxubJ1JVH8W_5Ewn4jJZrwhi4.5MqBuIfXsjMEzJ8tTNSB3ZgyYIBFNsYdC69FnE-GMOI`
				`@@ -0,0 +1 @@`
				[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[dLine truncated
				`@@ -0,0 +1 @@`
				`html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto !important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}`