touchstudy-core 0.1.46 → 0.1.47

package/dist/index.js

@@ -12,6 +12,8 @@ var reactRedux = require('react-redux');
 var axios = _interopDefault(require('axios'));
 var reactI18next = require('react-i18next');
 var material = require('@mui/material');
+require('moment/locale/ko.js');
+require('moment/locale/en-au.js');
 var gapiScript = require('gapi-script');
 var Pusher = _interopDefault(require('pusher-js'));
 var io5 = require('react-icons/io5');
@@ -20,8 +22,6 @@ var Box = _interopDefault(require('@mui/material/Box'));
 var Popover = _interopDefault(require('@mui/material/Popover'));
 var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
 var IconButton = _interopDefault(require('@mui/material/IconButton'));
-require('moment/locale/ko.js');
-require('moment/locale/en-au.js');
 var go = require('react-icons/go');
 var reactToastify = require('react-toastify');
 var Select = require('react-select');
@@ -100,6 +100,11 @@ var encodeParams = function encodeParams(params) {
   Role["Admin"] = "Admin";
   Role["AcademyAdmin"] = "AcademyAdmin";
 })(exports.Role || (exports.Role = {}));
+var Language;
+(function (Language) {
+  Language["ko"] = "ko";
+  Language["en"] = "en";
+})(Language || (Language = {}));
 var PrintHeaderClassName = "print-header";
 var PrintContentClassName = "print-content";
 var PrintContainerClassName = "print-container";
@@ -588,6 +593,275 @@ var useLogin = function useLogin(onNavigate, homeAcademyUrl, homeUrl, registerUr
   };
 };
 
+var SloganFullLogoKo = function SloganFullLogoKo(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "300" : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "139" : _ref$height;
+  return React__default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 300 139",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("g", {
+    clipPath: "url(#clip0_3232_3654)"
+  }, React__default.createElement("path", {
+    d: "M15 68.0423H53.4686V78.4761H15V68.0423ZM15.5291 62.364L25.9629 33.7571H37.6456L36.3967 37.1222H46.4491C50.3434 37.1222 52.2197 39.0909 52.2197 42.8928V62.3701H40.6785V47.0762H32.7917L27.261 62.3701H15.5291V62.364Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M84.4872 34.2371V49.4325H57.5598V72.2258C57.5598 76.0277 59.387 77.9963 63.3304 77.9963H80.9313V68.4792H67.4646V58.9559H84.4872V78.4762H94.392V34.2371H84.4872Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M79.9655 34.2371H57.5598V43.7604H79.9655V34.2371Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M127.385 34.2369V68.4728H110.363V44.2339H124.309V34.2307H100.458V72.6993C100.458 76.5012 102.285 78.4699 106.228 78.4699H137.29V34.2369H127.385Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M153.181 34.2371H177.992V43.7604H153.181V34.2371ZM153.181 68.9529H155.106V45.8705H164.051V68.9529H167.127V45.8705H176.072V68.9529H177.998V78.4701H153.187V68.9529H153.181ZM180.588 34.2371H190.493V78.4762H180.588V34.2371Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M231.035 68.0239L232.376 39.9523C232.566 36.1503 230.499 34.1755 226.599 34.1755H197.758V43.7112H221.88L221.591 49.6848H198.238V59.2204H221.062L220.638 68.0301H195.882V78.4762H232.689L237.119 68.0301H231.041L231.035 68.0239Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M240.847 78.476C264.095 71.0197 271.73 60.9058 285.006 38.4141L275.55 62.9545C272.308 71.6534 269.208 78.4698 259.008 78.4698H240.853L240.847 78.476Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M265.326 47.2607L258.725 34.6614L253.071 49.4877L258.269 65.7598C265.467 60.4383 279.949 41.7915 282.835 30.6995L265.326 47.2545V47.2607Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M272.8 24L263.308 34.8583L266.532 41.5455L275.593 32.5513L272.8 24Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M248.402 52.0225L254.954 67.6855C254.954 67.6855 251.299 70.5031 239.346 73.7022L248.402 52.0225Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M19.694 103.527C17.59 103.527 16.6118 102.475 16.6118 100.445V91.4383H28.6759V94.6742H20.8752V100.297H28.6759V103.533H19.694V103.527ZM20.6968 114.742C18.3344 114.742 17.1286 112.38 17.1286 110.017C17.1286 107.655 18.3344 105.268 20.6968 105.268H32.0411C34.4035 105.268 35.6093 107.655 35.6093 110.017C35.6093 112.38 34.4035 114.742 32.0411 114.742H20.6968ZM29.6541 111.82C30.8107 111.82 31.3459 110.897 31.3459 110.024C31.3459 109.15 30.8045 108.203 29.6541 108.203H23.0837C21.9272 108.203 21.3919 109.125 21.3919 110.024C21.3919 110.922 21.9333 111.82 23.0837 111.82H29.6541ZM30.8353 91.4383H35.0925V95.1849H37.2457V100.008H35.0925V103.65H30.8353V91.4321V91.4383Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M38.8391 104.813L41.9705 91.1863H46.2031L45.7663 93.2411H48.7931C50.8725 93.2411 51.8752 94.293 51.8752 96.3232V104.819H47.7165V96.8092H44.9973L43.3055 104.819H38.8391V104.813ZM43.9945 114.742C41.8905 114.742 40.9123 113.715 40.9123 111.66V106.554H45.4279V111.303H58.6179V114.742H43.9884H43.9945ZM54.1084 91.4385H58.3656V108.48H54.1084V91.4385Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M61.4846 110.46H74.2378V114.748H61.4846V110.46ZM73.9855 103.607C73.9855 106.505 70.8788 107.92 67.8274 107.92C64.776 107.92 61.6692 106.511 61.6692 103.607V95.1111C61.6692 92.2382 64.7206 90.7986 67.8274 90.7986C70.9341 90.7986 73.9855 92.2382 73.9855 95.1111V103.607ZM69.7283 96.3415C69.7283 95.3142 68.7809 94.5944 67.8274 94.5944C66.8738 94.5944 65.9264 95.3142 65.9264 96.3415V102.371C65.9264 103.398 66.8738 104.118 67.8274 104.118C68.7809 104.118 69.7283 103.398 69.7283 102.371V96.3415ZM76.3971 91.4384H80.6543V114.742H76.3971V91.4384Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M90.9222 103.527L93.8505 91.1799H98.0831L97.6217 93.2347H100.599C102.316 93.2347 103.318 93.9791 103.601 95.3879H106.167V91.4383H110.424V103.656H106.167V99.9589H103.675V103.527H99.5165V96.8029H96.8466L95.3824 103.527H90.916H90.9222ZM96.0284 114.742C93.666 114.742 92.4602 112.38 92.4602 110.017C92.4602 107.655 93.666 105.268 96.0284 105.268H107.373C109.735 105.268 110.941 107.655 110.941 110.017C110.941 112.38 109.735 114.742 107.373 114.742H96.0284ZM104.986 111.82C106.142 111.82 106.678 110.897 106.678 110.024C106.678 109.15 106.136 108.203 104.986 108.203H98.4153C97.2587 108.203 96.7235 109.125 96.7235 110.024C96.7235 110.922 97.2649 111.82 98.4153 111.82H104.986Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M113.297 91.4385H125.767V94.4161H120.144L119.732 96.0586H122.507C123.915 96.0586 124.844 96.5446 125.281 97.4982V95.7818H128.437V91.4446H132.694V103.915H128.437V100.347H125.589V103.786H121.43V98.8578H119.043L117.813 103.786H113.395L115.936 94.4161H113.291V91.4385H113.297ZM115.247 105.533H132.7V114.748H128.185V108.972H115.247V105.533Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M135.475 99.756H155.697V102.217H135.475V99.756ZM138.533 98.1872C136.841 98.1872 135.992 96.4954 135.992 94.8282C135.992 93.161 136.841 91.4385 138.533 91.4385H152.645C154.337 91.4385 155.186 93.1303 155.186 94.8282C155.186 96.5262 154.337 98.1872 152.645 98.1872H138.533ZM136.502 103.786H154.676V110.461H141.024V112.208H154.934V114.748H139.585C137.505 114.748 136.502 113.801 136.502 111.875V108.049H150.154V106.333H136.502V103.792V103.786ZM149.926 95.8556C150.566 95.8556 150.929 95.345 150.929 94.8282C150.929 94.3115 150.572 93.7762 149.926 93.7762H141.252C140.587 93.7762 140.249 94.3176 140.249 94.8282C140.249 95.3389 140.581 95.8556 141.252 95.8556H149.926Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M178.182 91.4385V104.296H168.942C166.838 104.296 165.86 103.244 165.86 101.214V91.4385H170.117V94.8775H173.913V91.4385H178.176H178.182ZM167.398 106.019H184.851V114.742H180.336V109.458H167.398V106.019ZM170.123 101.577H173.919V97.5966H170.123V101.577ZM180.594 91.4385H184.851V104.296H180.594V91.4385Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M190.203 114.49C188.536 114.49 187.743 113.641 187.743 112.029V91.4446H197.032V95.7018H191.772V110.227H197.032V114.49H190.203ZM194.67 100.574H198.675V91.4385H202.575V114.742H198.675V105.397H194.67V100.574ZM203.707 91.4385H207.608V114.742H203.707V91.4385Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M223.062 110.583C223.062 113.536 219.906 115.001 216.774 115.001C213.643 115.001 210.487 113.536 210.487 110.583V95.3387C210.487 92.3858 213.618 90.9277 216.774 90.9277C219.93 90.9277 223.062 92.3919 223.062 95.3387V110.583ZM218.829 96.8829C218.829 95.6033 217.851 94.9819 216.774 94.9819C215.771 94.9819 214.744 95.5971 214.744 96.8829V109.045C214.744 110.3 215.722 110.971 216.774 110.971C217.746 110.971 218.829 110.307 218.829 109.045V96.8829ZM225.221 91.4384H229.478V114.742H225.221V91.4384Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M232.548 91.4385H244.095V95.4927H232.548V91.4385ZM244.612 114.49H235.63C233.526 114.49 232.548 113.438 232.548 111.408V99.9098H243.585V103.964H236.811V110.43H244.612V114.484V114.49ZM244.458 99.8052H247.282V91.4385H251.539V114.742H247.282V104.628H244.458V99.8052Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M267.073 107.711V110.971H274.542V114.742H254.32V110.971H261.788V107.711H258.429C256.35 107.711 255.347 106.659 255.347 104.628V98.1872H268.746V94.5699H255.347V91.4385H273.52V100.937H260.121V104.579H273.52V107.711H267.079H267.073Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M277.655 107.224C277.581 104.813 277.476 102.629 277.372 100.217V91.3892H281.887V100.217L281.604 107.224H277.655ZM277.655 110.048H281.604V113.949H277.655V110.048Z",
+    fill: "#2BBA84"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "clip0_3232_3654"
+  }, React__default.createElement("rect", {
+    width: "270",
+    height: "91.0006",
+    fill: "white",
+    transform: "translate(15 24)"
+  }))));
+};
+
+var SloganFullLogoEn = function SloganFullLogoEn(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "533" : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "147" : _ref$height;
+  return React__default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 533 147",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("g", {
+    clipPath: "url(#clip0_3233_3715)"
+  }, React__default.createElement("path", {
+    d: "M17.68 38.34C17.68 41.25 19.34 42.82 25.57 44.98C42.5 50.96 43.75 56.52 43.75 68.31V73.87C43.75 85.66 33.62 89.89 21.75 89.89C9.88 89.89 0 85.66 0 73.87V64.16H17.85V70.97C17.85 73.54 19.68 74.87 22.08 74.87C24.48 74.87 26.32 73.54 26.32 70.97V68.9C26.32 60.02 24.99 59.19 11.87 53.96C2.33 50.13 0.25 43.9 0.25 38.92V30.95C0.25 19.17 10.05 14.94 21.91 14.94C33.77 14.94 43.58 19.17 43.58 30.96V37.85H26.15V33.78C26.15 31.29 24.41 29.96 22 29.96C19.43 29.96 17.68 30.96 17.68 33.61V38.34Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M90.6499 16.68V34.11H78.2799V88.15H60.5199V34.11H48.1499V16.68H90.6499Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M139.3 73.87C139.3 85.66 129.51 89.89 117.63 89.89C105.75 89.89 95.96 85.65 95.96 73.87V16.68H113.48V70.14C113.48 72.71 115.22 74.04 117.63 74.04C120.04 74.04 121.78 72.71 121.78 70.14V16.68H139.3V73.88V73.87Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M157.07 88.15C150.35 88.15 147.11 84.75 147.11 78.19V16.68H174.5C184.96 16.68 190.44 21.66 190.44 32.53V72.29C190.44 83.16 184.96 88.14 174.5 88.14H157.07V88.15ZM173.42 40.5C173.42 36.27 172.09 33.69 168.11 33.69H164.54V71.13H168.11C172.1 71.13 173.42 68.56 173.42 64.32V40.5Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M208.21 63.41L194.27 16.67H211.54L217.35 44.31L223.16 16.67H240.42L226.48 63.49V88.14H208.22V63.4L208.21 63.41Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M287.36 64.57V88.15H269.93V16.68H297.32C307.78 16.68 313.26 21.66 313.26 32.53V48.63C313.26 59.59 307.78 64.57 297.32 64.57H287.36ZM290.18 48.22C295.08 48.22 296.24 45.98 296.24 41.66V39.67C296.24 35.35 295.08 33.11 290.18 33.11H287.36V48.22H290.18Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M329.04 88.15C322.32 88.15 319.08 84.75 319.08 78.19V16.68H360.75V33.7H336.51V43.74H359.92V59.93H336.51V71.14H361.58V88.16H329.04V88.15Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M381.67 88.15H364.32L373.87 16.68H398.86C405.58 16.68 408.82 20.08 408.82 26.64V88.15H392.88V77.11H382.75L381.67 88.15ZM392.88 30.71H387.48L384.41 60.51H392.88V30.71Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M461.42 88.15C499.04 76.08 511.39 59.71 532.87 23.33L517.57 63.04C512.32 77.11 507.31 88.15 490.8 88.15H461.42Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M501.04 37.64L490.36 17.26L481.21 41.25L489.62 67.58C501.27 58.97 524.7 28.8 529.37 10.85L501.04 37.64Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M513.13 0L497.77 17.57L502.98 28.39L517.65 13.84L513.13 0Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M473.65 45.35L484.25 70.69C484.25 70.69 478.33 75.25 458.99 80.43L473.65 45.35Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M448.91 51.46L460.95 16.68H443.77L434.22 45.98V16.68H416.79V88.15H434.22V57.35C437.21 67.64 440.28 77.6 443.35 88.15H455.77L458.9 80.67L448.92 51.46H448.91Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M9.0401 128.95L1.1001 102.36H9.1801L13.4801 122.64L17.7801 102.36H25.9101L17.9201 129V142.77H9.0301V128.95H9.0401Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M29.3601 109.78C29.3601 103.56 34.7201 101.32 41.2201 101.32C47.7201 101.32 53.0801 103.57 53.0801 109.78V135.32C53.0801 141.58 47.7201 143.83 41.2201 143.83C34.7201 143.83 29.3601 141.58 29.3601 135.32V109.78ZM37.6301 133.02C37.6301 135.27 39.2101 136.37 41.2201 136.37C43.2301 136.37 44.8101 135.27 44.8101 133.02V112.12C44.8101 109.87 43.3301 108.77 41.2201 108.77C39.1101 108.77 37.6301 109.87 37.6301 112.12V133.02Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M81.8999 135.26C81.8999 141.52 76.5399 143.82 70.0399 143.82C63.5399 143.82 58.1799 141.52 58.1799 135.26V102.36H66.5999V133.06C66.5999 135.21 68.0299 136.36 70.0399 136.36C72.0499 136.36 73.4799 135.21 73.4799 133.06V102.36H81.8999V135.26Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M110.73 142.77H102.6V132.3C102.6 128.81 100.97 128.19 98.01 128.19H95.38V142.77H87.01V102.36H101.79C107.34 102.36 110.25 103.94 110.25 107.38V117.85C110.25 122.73 106.19 124.21 103.13 124.45C106.52 124.55 110.73 126.55 110.73 132.24V142.76V142.77ZM102.12 114.32C102.12 111.59 101.12 110.16 98.01 110.16H95.38V121.06H98.01C100.69 121.06 102.12 120.2 102.12 117V114.32Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M135.11 142.77C131.24 142.77 129.37 140.81 129.37 137.03V102.36H152.13V110.49H137.74V118.38H151.61V126.03H137.74V134.64H152.61V142.77H135.11Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M169.31 111.93L173.33 102.37H181.41L172.9 122.02L181.99 142.77H173.91L169.37 132.11L164.78 142.77H156.65L165.74 122.02L157.23 102.37H165.31L169.33 111.93H169.31Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M194.13 142.77H185.86L191.26 102.36H204.46C208.33 102.36 210.2 104.32 210.2 108.1V142.77H202.26V136.22H194.94L194.13 142.77ZM202.25 109.01H198.28L195.89 128.38H202.25V109.01Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M215.21 102.36H226.97L232.52 131.58L238.21 102.36H249.5V142.77H241.66V110.68L235.06 142.77H229.99L223.06 110.59V142.77H215.22V102.36H215.21Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M262.76 113.74C262.76 115.89 264.29 117.23 268.07 118.62C277.2 121.92 278.21 125.12 278.21 131.53V135.31C278.21 141.57 272.66 143.82 266.16 143.82C259.66 143.82 254.25 141.57 254.25 135.31V129.57H262.86V133.59C262.86 135.74 264.39 136.89 266.35 136.89C268.31 136.89 269.84 135.74 269.84 133.59V132.83C269.84 127.19 268.17 126.09 260.66 123.03C255.69 120.97 254.4 117.63 254.4 115.04V109.83C254.4 103.57 259.76 101.32 266.26 101.32C272.76 101.32 278.12 103.57 278.12 109.83V113.89H269.75V111.5C269.75 109.4 268.32 108.25 266.31 108.25C264.3 108.25 262.77 109.11 262.77 111.41V113.75L262.76 113.74Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M283.51 136.75H290.97C289.73 140.48 288.77 143.11 287.57 146.75H282.4L283.5 136.75H283.51Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M321.67 142.77H313.4L318.8 102.36H332C335.87 102.36 337.74 104.32 337.74 108.1V142.77H329.8V136.22H322.48L321.67 142.77ZM329.8 109.01H325.83L323.44 128.38H329.8V109.01Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M366.83 142.77H359.04L350.72 116.95V142.77H342.88V102.36H350.67L358.99 128.42V102.36H366.83V142.77Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M379.44 142.77H371.17L376.57 102.36H389.77C393.64 102.36 395.51 104.32 395.51 108.1V142.77H387.57V136.22H380.25L379.44 142.77ZM387.57 109.01H383.6L381.21 128.38H387.57V109.01Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M406.38 142.77C402.51 142.77 400.64 140.81 400.64 137.03V102.36H409.49V134.4H423.88V142.77H406.38Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M431.07 128.95L423.13 102.36H431.21L435.51 122.64L439.81 102.36H447.94L439.95 129V142.77H431.06V128.95H431.07Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M456.68 142.77C452.81 142.77 450.94 140.81 450.94 137.03V133.49L464.71 110.49H451.42V102.36H473.13V111.69L459.31 134.64H474.13V142.77H456.67H456.68Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M484.3 142.77C480.43 142.77 478.56 140.81 478.56 137.03V102.36H501.32V110.49H486.93V118.38H500.8V126.03H486.93V134.64H501.8V142.77H484.3Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M512.09 142.77C508.22 142.77 506.35 140.81 506.35 137.03V102.36H521.6C527.15 102.36 530.06 104.99 530.06 110.78V134.36C530.06 140.15 527.14 142.78 521.6 142.78H512.08L512.09 142.77ZM521.94 115.51C521.94 112.4 520.94 110.49 517.83 110.49H514.72V134.64H517.83C520.94 134.64 521.94 132.73 521.94 129.62V115.51Z",
+    fill: "#2BBA84"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "clip0_3233_3715"
+  }, React__default.createElement("rect", {
+    width: "532.88",
+    height: "146.74",
+    fill: "white"
+  }))));
+};
+
+var DEFAULT_LANGUAGE_INDEX = 0;
+var LANGUAGES = [{
+  code: "ko",
+  fullName: "Korean",
+  shortName: "Korean",
+  nativeName: "Korean",
+  name: "Korean",
+  image: "/images/korea.png",
+  momentLangCode: "ko"
+}, {
+  code: "en",
+  fullName: "English",
+  shortName: "English",
+  nativeName: "English",
+  name: "English",
+  image: "/images/usa.png",
+  momentLangCode: "en-au"
+}];
+
+var useLanguage = function useLanguage() {
+  var defaultLanguage = !!localStorage.getItem("language") ? localStorage.getItem("language") : navigator.language || LANGUAGES[DEFAULT_LANGUAGE_INDEX].code;
+  var dispatch = reactRedux.useDispatch();
+  var _useTranslation = reactI18next.useTranslation(),
+    i18n = _useTranslation.i18n;
+  var _useState = React.useState(false),
+    dropdownOpen = _useState[0],
+    setDropdownOpen = _useState[1];
+  var _useState2 = React.useState(defaultLanguage),
+    language = _useState2[0],
+    setItemLanguage = _useState2[1];
+  var toggle = function toggle() {
+    return setDropdownOpen(function (prevState) {
+      return !prevState;
+    });
+  };
+  var changeLanguageApp = function changeLanguageApp(lang) {
+    var language = LANGUAGES.find(function (i) {
+      return i.code === lang;
+    });
+    if (!language) language = LANGUAGES[DEFAULT_LANGUAGE_INDEX];
+    i18n.changeLanguage(language.code);
+    moment.locale(language.momentLangCode);
+    localStorage.setItem("language", language.code);
+    setItemLanguage(language.code);
+    dispatch(setLanguage(language.code));
+  };
+  React.useEffect(function () {
+    changeLanguageApp(language);
+  }, [language]);
+  var currentLanguage = React.useMemo(function () {
+    var currentLang = LANGUAGES.find(function (i) {
+      return i.code === language;
+    });
+    if (!currentLang) return null;
+    return currentLang;
+  }, [language]);
+  return {
+    language: language,
+    dropdownOpen: dropdownOpen,
+    currentLanguage: currentLanguage,
+    toggle: toggle,
+    setItemLanguage: setItemLanguage
+  };
+};
+
 var schema = yup.object({
   email: yup.string().email("Email is invalid").required("Email is required"),
   password: yup.string().required("Password is required"),
@@ -601,6 +875,10 @@ var BlockLogin = function BlockLogin(_ref) {
     homeAcademyUrl = _ref.homeAcademyUrl,
     homeUrl = _ref.homeUrl,
     registerUrl = _ref.registerUrl;
+  var _useLanguage = useLanguage(),
+    currentLanguage = _useLanguage.currentLanguage;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var _useLogin = useLogin(onNavigate, homeAcademyUrl, homeUrl, registerUrl),
     handleLoginGoogle = _useLogin.handleLoginGoogle;
   var onSuccessGoogle = function onSuccessGoogle(res) {
@@ -648,14 +926,19 @@ var BlockLogin = function BlockLogin(_ref) {
       onSubmit: handleSubmit
     }, React__default.createElement("div", {
       className: "" + styles["block-form"]
-    }, React__default.createElement("img", {
-      src: "/images/logo.jpeg",
-      className: "" + styles["img-login-rectangle"]
-    }), React__default.createElement("div", {
+    }, React__default.createElement(material.Stack, {
+      py: 2,
+      justifyContent: "center",
+      alignItems: "center"
+    }, (currentLanguage === null || currentLanguage === void 0 ? void 0 : currentLanguage.code) === "ko" ? React__default.createElement(SloganFullLogoKo, {
+      width: "300px"
+    }) : React__default.createElement(SloganFullLogoEn, {
+      width: "300px"
+    })), React__default.createElement("div", {
       className: "p-0 mt-1 mb-4"
     }, React__default.createElement(GoogleLogin__default, {
       clientId: GOOGLE_CLIENT_ID,
-      buttonText: "Google \uACC4\uC815\uC73C\uB85C \uB85C\uADF8\uC778",
+      buttonText: t("sign_in_with_your_google_account"),
       onSuccess: onSuccessGoogle,
       onFailure: onFailureGoogle,
       cookiePolicy: "single_host_origin",
@@ -1530,6 +1813,7 @@ var information_by_question = "문항별 정보";
 var no_data = "데이터 없음";
 var internet_connection_was_lost = "인터넷 연결이 끊어졌습니다";
 var problem = "문제";
+var number_problem = "{{number}}문제";
 var problems = "문제";
 var problem_solving_time = "문제풀이 시간";
 var minutes = "분";
@@ -1821,6 +2105,8 @@ var fingerprint = "지문";
 var end = "종료";
 var ask_for_feedback = "피드백 요청하기";
 var quit = "종료하기";
+var chosen = "정답";
+var sign_in_with_your_google_account = "Google 계정으로 로그인";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -1886,6 +2172,7 @@ var lang_ko = {
 	no_data: no_data,
 	internet_connection_was_lost: internet_connection_was_lost,
 	problem: problem,
+	number_problem: number_problem,
 	problems: problems,
 	problem_solving_time: problem_solving_time,
 	minutes: minutes,
@@ -2163,7 +2450,9 @@ var lang_ko = {
 	fingerprint: fingerprint,
 	end: end,
 	ask_for_feedback: ask_for_feedback,
-	quit: quit
+	quit: quit,
+	chosen: chosen,
+	sign_in_with_your_google_account: sign_in_with_your_google_account
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -2229,6 +2518,7 @@ var information_by_question$1 = "Information by question";
 var no_data$1 = "No data";
 var internet_connection_was_lost$1 = "Internet connection was lost";
 var problem$1 = "Problem";
+var number_problem$1 = "No.{{number}}";
 var problems$1 = "Problems";
 var problem_solving_time$1 = "Problem solving time";
 var minutes$1 = "m";
@@ -2558,6 +2848,8 @@ var fingerprint$1 = "Fingerprint";
 var end$1 = "end";
 var ask_for_feedback$1 = "Ask for feedback";
 var quit$1 = "Quit";
+var chosen$1 = "Answer";
+var sign_in_with_your_google_account$1 = "Sign in with your Google Account";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -2624,6 +2916,7 @@ var lang_en = {
 	no_data: no_data$1,
 	internet_connection_was_lost: internet_connection_was_lost$1,
 	problem: problem$1,
+	number_problem: number_problem$1,
 	problems: problems$1,
 	problem_solving_time: problem_solving_time$1,
 	minutes: minutes$1,
@@ -2939,7 +3232,9 @@ var lang_en = {
 	fingerprint: fingerprint$1,
 	end: end$1,
 	ask_for_feedback: ask_for_feedback$1,
-	quit: quit$1
+	quit: quit$1,
+	chosen: chosen$1,
+	sign_in_with_your_google_account: sign_in_with_your_google_account$1
 };
 
 i18n.use(reactI18next.initReactI18next).init({
@@ -2958,71 +3253,6 @@ i18n.use(reactI18next.initReactI18next).init({
   }
 });
 
-var DEFAULT_LANGUAGE_INDEX = 0;
-var LANGUAGES = [{
-  code: "ko",
-  fullName: "Korean",
-  shortName: "Korean",
-  nativeName: "Korean",
-  name: "Korean",
-  image: "/images/korea.png",
-  momentLangCode: "ko"
-}, {
-  code: "en",
-  fullName: "English",
-  shortName: "English",
-  nativeName: "English",
-  name: "English",
-  image: "/images/usa.png",
-  momentLangCode: "en-au"
-}];
-
-var useLanguage = function useLanguage() {
-  var defaultLanguage = !!localStorage.getItem("language") ? localStorage.getItem("language") : navigator.language || LANGUAGES[DEFAULT_LANGUAGE_INDEX].code;
-  var dispatch = reactRedux.useDispatch();
-  var _useTranslation = reactI18next.useTranslation(),
-    i18n = _useTranslation.i18n;
-  var _useState = React.useState(false),
-    dropdownOpen = _useState[0],
-    setDropdownOpen = _useState[1];
-  var _useState2 = React.useState(defaultLanguage),
-    language = _useState2[0],
-    setItemLanguage = _useState2[1];
-  var toggle = function toggle() {
-    return setDropdownOpen(function (prevState) {
-      return !prevState;
-    });
-  };
-  var changeLanguageApp = function changeLanguageApp(lang) {
-    var language = LANGUAGES.find(function (i) {
-      return i.code === lang;
-    });
-    if (!language) language = LANGUAGES[DEFAULT_LANGUAGE_INDEX];
-    i18n.changeLanguage(language.code);
-    moment.locale(language.momentLangCode);
-    localStorage.setItem("language", language.code);
-    setItemLanguage(language.code);
-    dispatch(setLanguage(language.code));
-  };
-  React.useEffect(function () {
-    changeLanguageApp(language);
-  }, [language]);
-  var currentLanguage = React.useMemo(function () {
-    var currentLang = LANGUAGES.find(function (i) {
-      return i.code === language;
-    });
-    if (!currentLang) return null;
-    return currentLang;
-  }, [language]);
-  return {
-    language: language,
-    dropdownOpen: dropdownOpen,
-    currentLanguage: currentLanguage,
-    toggle: toggle,
-    setItemLanguage: setItemLanguage
-  };
-};
-
 var TheLanguageDropdown = function TheLanguageDropdown() {
   var _useLanguage = useLanguage(),
     currentLanguage = _useLanguage.currentLanguage,
@@ -12811,7 +13041,329 @@ var times = {
   timeSpanToLocalMoment: timeSpanToLocalMoment
 };
 
+var studentFullLogoEn = function studentFullLogoEn(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "166" : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "35" : _ref$height;
+  return React__default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 166 35",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("g", {
+    "clip-path": "url(#clip0_3233_11779)"
+  }, React__default.createElement("path", {
+    d: "M9.24216 15.5417C9.24216 16.4045 9.73435 16.87 11.5816 17.5104C16.6013 19.2835 16.972 20.9321 16.972 24.4278V26.0764C16.972 29.5721 13.9684 30.8263 10.4489 30.8263C6.92944 30.8263 4 29.5721 4 26.0764V23.1973H9.29256V25.2165C9.29256 25.9785 9.83516 26.3729 10.5468 26.3729C11.2584 26.3729 11.8039 25.9785 11.8039 25.2165V24.6028C11.8039 21.9698 11.4096 21.7237 7.51948 20.173C4.69085 19.0374 4.07413 17.1902 4.07413 15.7136V13.3505C4.07413 9.85772 6.97985 8.60352 10.4964 8.60352C14.0129 8.60352 16.9216 9.85772 16.9216 13.3535V15.3964H11.7535V14.1896C11.7535 13.4513 11.2376 13.057 10.523 13.057C9.76103 13.057 9.24216 13.3535 9.24216 14.1392V15.5417Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M30.8779 9.11938V14.2874H27.2102V30.3104H21.9443V14.2874H18.2766V9.11938H30.8779Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M45.3028 26.0763C45.3028 29.5721 42.4 30.8263 38.8776 30.8263C35.3551 30.8263 32.4524 29.5691 32.4524 26.0763V9.11938H37.6471V24.9704C37.6471 25.7324 38.163 26.1267 38.8776 26.1267C39.5922 26.1267 40.1081 25.7324 40.1081 24.9704V9.11938H45.3028V26.0793V26.0763Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M50.5716 30.3104C48.5791 30.3104 47.6184 29.3023 47.6184 27.3572V9.11938H55.7396C58.841 9.11938 60.4658 10.596 60.4658 13.8189V25.6079C60.4658 28.8308 58.841 30.3074 55.7396 30.3074H50.5716V30.3104ZM55.4194 16.1821C55.4194 14.9279 55.025 14.1629 53.845 14.1629H52.7864V25.2639H53.845C55.028 25.2639 55.4194 24.5019 55.4194 23.2447V16.1821Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M65.7348 22.975L61.6016 9.11646H66.7222L68.4448 17.3118L70.1675 9.11646H75.2851L71.1519 22.9987V30.3075H65.7378V22.972L65.7348 22.975Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M89.2027 23.3189V30.3104H84.0347V9.11938H92.1559C95.2573 9.11938 96.8821 10.596 96.8821 13.8189V18.5926C96.8821 21.8423 95.2573 23.3189 92.1559 23.3189H89.2027ZM90.0388 18.4711C91.4917 18.4711 91.8356 17.8069 91.8356 16.526V15.936C91.8356 14.6551 91.4917 13.9909 90.0388 13.9909H89.2027V18.4711H90.0388Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M101.561 30.3104C99.5686 30.3104 98.6079 29.3023 98.6079 27.3572V9.11938H110.963V14.1658H103.776V17.1427H110.717V21.9431H103.776V25.2669H111.209V30.3133H101.561V30.3104Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M117.166 30.3104H112.022L114.853 9.11938H122.263C124.255 9.11938 125.216 10.1275 125.216 12.0725V30.3104H120.49V27.037H117.486L117.166 30.3104ZM120.49 13.2793H118.889L117.978 22.1151H120.49V13.2793Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M140.812 30.3106C151.966 26.7318 155.628 21.8781 161.997 11.0913L157.461 22.8654C155.904 27.0372 154.418 30.3106 149.523 30.3106H140.812Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M152.559 15.3342L149.393 9.29145L146.68 16.4045L149.173 24.2114C152.628 21.6585 159.575 12.7131 160.959 7.39087L152.559 15.3342Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M156.144 4.17383L151.59 9.38337L153.135 12.5915L157.484 8.27742L156.144 4.17383Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M144.438 17.6201L147.581 25.1335C147.581 25.1335 145.826 26.4855 140.092 28.0214L144.438 17.6201Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M137.103 19.4317L140.673 9.11938H135.579L132.747 17.8069V9.11938H127.579V30.3104H132.747V21.1781C133.634 24.2291 134.544 27.1823 135.454 30.3104H139.137L140.065 28.0925L137.106 19.4317H137.103Z",
+    fill: "#2BBA84"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "clip0_3233_11779"
+  }, React__default.createElement("rect", {
+    width: "158",
+    height: "26.6526",
+    fill: "white",
+    transform: "translate(4 4.17383)"
+  }))));
+};
+
+var studentFullLogoKo = function studentFullLogoKo(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "144" : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "31" : _ref$height;
+  return React__default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 144 31",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("g", {
+    "clip-path": "url(#clip0_3233_7642)"
+  }, React__default.createElement("path", {
+    d: "M0 24.4625H20.5166V30.0272H0V24.4625ZM0.282173 21.434L5.84688 6.177H12.0777L11.4116 7.97175H16.7729C18.8498 7.97175 19.8505 9.0217 19.8505 11.0494V21.4373H13.6952V13.2805H9.48888L6.53919 21.4373H0.282173V21.434Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M37.0598 6.43286V14.5371H22.6985V26.6935C22.6985 28.7212 23.673 29.7712 25.7761 29.7712H35.1633V24.6953H27.981V19.6162H37.0598V30.0271H42.3423V6.43286H37.0598Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M34.6482 6.43286H22.6985V11.512H34.6482V6.43286Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M59.9387 6.43297V24.6922H50.8599V11.7647H58.2981V6.42969H45.5774V26.9463C45.5774 28.974 46.5519 30.0239 48.655 30.0239H65.2212V6.43297H59.9387Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M73.6963 6.43286H86.9289V11.512H73.6963V6.43286ZM73.6963 24.948H74.7233V12.6374H79.494V24.948H81.1345V12.6374H85.9052V24.948H86.9322V30.0238H73.6996V24.948H73.6963ZM88.3135 6.43286H93.596V30.0271H88.3135V6.43286Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M115.218 24.4526L115.934 9.48108C116.035 7.45337 114.933 6.40015 112.853 6.40015H97.4709V11.4858H110.336L110.182 14.6717H97.7269V19.7574H109.9L109.673 24.4559H96.4702V30.0272H116.101L118.463 24.4559H115.222L115.218 24.4526Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M120.452 30.027C132.851 26.0504 136.923 20.6563 144.003 8.66064L138.96 21.7489C137.231 26.3883 135.577 30.0238 130.137 30.0238H120.455L120.452 30.027Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M133.507 13.3788L129.987 6.65916L126.971 14.5666L129.744 23.245C133.583 20.4069 141.306 10.4619 142.845 4.54614L133.507 13.3755V13.3788Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M137.494 0.973145L132.431 6.76425L134.15 10.3308L138.983 5.53384L137.494 0.973145Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M124.481 15.9185L127.975 24.2721C127.975 24.2721 126.026 25.7748 119.651 27.481L124.481 15.9185Z",
+    fill: "#2BBA84"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "clip0_3233_7642"
+  }, React__default.createElement("rect", {
+    width: "144",
+    height: "29.054",
+    fill: "white",
+    transform: "translate(0 0.973145)"
+  }))));
+};
+
+var teacherFullLogoKo = function teacherFullLogoKo(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "144" : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "45" : _ref$height;
+  return React__default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 144 45",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("g", {
+    "clip-path": "url(#clip0_3233_7868)"
+  }, React__default.createElement("path", {
+    d: "M0 38.9726H20.5175V44.5391H0V38.9726ZM0.284008 35.9458L5.85056 20.6865H12.0825L11.4171 22.4798H16.7767C18.8541 22.4798 19.8521 23.5307 19.8521 25.5552V35.9418H13.6973V27.7867H9.48991L6.54029 35.9418H0.284008V35.9458Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M37.059 20.942V29.0444H22.6963V41.1999C22.6963 43.2245 23.67 44.2753 25.7717 44.2753H35.1602V39.1997H27.9788V34.12H37.0549V44.5309H42.3374V20.938H37.0549L37.059 20.942Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M34.649 20.9421H22.6963V26.0218H34.649V20.9421Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M59.9379 20.942V39.1997H50.8577V26.2733H58.2947V20.938H45.5752V41.4555C45.5752 43.4801 46.5489 44.5309 48.6506 44.5309H65.2164V20.938H59.9338L59.9379 20.942Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M73.696 20.9421H86.9308V26.0218H73.696V20.9421ZM73.696 39.4594H74.7225V27.1497H79.4939V39.4594H81.137V27.1497H85.9084V39.4594H86.9349V44.5351H73.7001V39.4594H73.696ZM88.3143 20.9421H93.5969V44.5351H88.3143V20.9421Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M115.214 38.9644L115.928 23.9932C116.029 21.9646 114.926 20.9097 112.844 20.9097H97.4633V25.9934H110.329L110.175 29.1783H97.7189V34.2621H109.891L109.663 38.9604H96.4612V44.531H116.094L118.456 38.9604H115.214V38.9644Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M120.448 44.5349C132.847 40.5588 136.916 35.1627 144 23.1694L138.957 36.2581C137.229 40.8956 135.577 44.5349 130.132 44.5349H120.448Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M133.504 27.8881L129.982 21.1692L126.968 29.0768L129.739 37.7553C133.581 34.9193 141.302 24.975 142.84 19.0554L133.5 27.884L133.504 27.8881Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M137.488 15.481L132.429 21.2747L134.145 24.841L138.981 20.0413L137.488 15.481Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M124.476 30.428L127.97 38.7819C127.97 38.7819 126.018 40.283 119.644 41.9911L124.476 30.432V30.428Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M1.19678 0.765381H9.3194V3.38637H1.19678V0.765381ZM9.3194 15.6514H3.18483C1.82565 15.6514 1.19678 14.9739 1.19678 13.6634V6.23456H9.3194V8.85554H3.94759V13.0345H9.3194V15.6555V15.6514ZM10.7151 0.765381H13.4659V15.8218H10.7151V0.765381Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M15.4988 2.48966H18.067V0.465088H21.0532V2.48966H23.5565V4.74549H19.9252L19.7427 5.97078H21.5684C22.9114 5.97078 23.5565 6.6524 23.5565 7.95883V15.6514H20.8706V8.10895H19.4262L18.3145 15.6514H15.4136L17.1704 4.74143H15.4947V2.4856L15.4988 2.48966ZM23.6255 3.51614H25.2849V0.765325H28.0357V15.8218H25.2849V12.438H23.6255V9.67099H25.2849V6.28724H23.6255V3.51614Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M34.6003 12.8842H47.6647V15.8176H34.6003V12.8842ZM34.7505 10.1659L38.5318 0.598877H41.8304L41.3678 1.75925H45.2628C46.6058 1.75925 47.2509 2.44087 47.2509 3.7473V10.1659H43.9361V4.53035H40.2886L38.1018 10.1659H34.7505Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M57.2072 16.0166V13.9596H54.6552V16.0166H51.4053V13.9596H49.397V11.6713H62.4613V13.9596H60.457V16.0166H57.2072ZM50.0583 0.765381H61.7959V2.78995H50.0583V0.765381ZM52.0504 10.2796C50.7075 10.2796 50.0624 9.59802 50.0624 8.29158V4.54268H61.8V6.48205H52.9795V8.25507H61.8V10.2796H52.0504Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M66.3806 15.6514C65.0214 15.6514 64.3926 14.9739 64.3926 13.6634V0.765381H72.3529V3.55271H67.1474V12.8722H72.3529V15.6596H66.3847L66.3806 15.6514ZM73.9068 0.765381H76.6576V15.8218H73.9068V0.765381Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M86.8252 10.166V12.8844H91.6493V15.8178H78.585V12.8844H83.409V10.166H82.2973C79.9441 10.166 78.7513 7.81283 78.7513 5.43934C78.7513 3.06584 79.9441 0.765381 82.2973 0.765381H87.9329C90.2698 0.765381 91.483 3.10236 91.483 5.43934C91.483 7.77631 90.2739 10.166 87.9329 10.166H86.8212H86.8252ZM86.3952 7.7114C87.7544 7.7114 88.4847 6.59971 88.4847 5.45556C88.4847 4.31142 87.7544 3.21596 86.3952 3.21596H83.8432C82.4677 3.21596 81.7537 4.36011 81.7537 5.45556C81.7537 6.55102 82.4677 7.7114 83.8432 7.7114H86.3952Z",
+    fill: "#2BBA84"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "clip0_3233_7868"
+  }, React__default.createElement("rect", {
+    width: "144",
+    height: "44.0699",
+    fill: "white",
+    transform: "translate(0 0.465088)"
+  }))));
+};
+
+var teacherFullLogoEn = function teacherFullLogoEn(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "180" : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "45" : _ref$height;
+  return React__default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 180 45",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M5.97421 26.9954C5.97421 27.9772 6.53585 28.5098 8.6368 29.2378C14.3572 31.2556 14.7774 33.136 14.7774 37.1174V38.9979C14.7774 42.9793 11.3576 44.4105 7.34711 44.4105C3.33657 44.4105 0 42.9793 0 38.9979V35.7154H6.02829V38.0161C6.02829 38.8856 6.64402 39.3349 7.45944 39.3349C8.27486 39.3349 8.89058 38.8856 8.89058 38.0161V37.3171C8.89058 34.3176 8.44127 34.0347 4.01054 32.2707C0.786299 30.981 0.0832062 28.8759 0.0832062 27.1951V24.5034C0.0832062 20.522 3.39065 19.0908 7.40119 19.0908C11.4117 19.0908 14.7192 20.522 14.7192 24.5034V26.829H8.83234V25.4561C8.83234 24.6157 8.24158 24.1664 7.43032 24.1664C6.56081 24.1664 5.97421 24.5034 5.97421 25.402V26.9996V26.9954Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M30.6199 19.6772V25.5641H26.443V43.8195H20.4438V25.5641H16.2668V19.6772H30.6241H30.6199Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M47.0532 38.9977C47.0532 42.9791 43.7458 44.4103 39.7352 44.4103C35.7247 44.4103 32.4172 42.9791 32.4172 38.9977V19.6772H38.3332V37.733C38.3332 38.6025 38.924 39.0518 39.7352 39.0518C40.5465 39.0518 41.1372 38.6025 41.1372 37.733V19.6772H47.0532V38.9977Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M53.0564 43.8195C50.7848 43.8195 49.6907 42.6713 49.6907 40.4538V19.6772H58.9432C62.4753 19.6772 64.3266 21.3622 64.3266 25.0316V38.461C64.3266 42.1346 62.4753 43.8154 58.9432 43.8154H53.0564V43.8195ZM58.5813 27.7274C58.5813 26.2963 58.1319 25.4268 56.7882 25.4268H55.5817V38.0741H56.7882C58.1361 38.0741 58.5813 37.2046 58.5813 35.7735V27.7274Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M70.3301 35.4656L65.6206 19.6772H71.4534L73.417 29.013L75.3807 19.6772H81.2135L76.504 35.4906V43.8195H70.3342V35.4656H70.3301Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M97.0685 35.8567V43.8195H91.1816V19.6772H100.434C103.966 19.6772 105.818 21.3622 105.818 25.0316V30.4733C105.818 34.1759 103.966 35.8567 100.434 35.8567H97.0685ZM98.0212 30.336C99.677 30.336 100.068 29.5788 100.068 28.1227V27.4487C100.068 25.9926 99.677 25.2354 98.0212 25.2354H97.0685V30.3401H98.0212V30.336Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M111.147 43.8195C108.875 43.8195 107.781 42.6713 107.781 40.4538V19.6772H121.856V25.4268H113.668V28.8216H121.577V34.2883H113.668V38.0741H122.134V43.8237H111.143L111.147 43.8195Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M128.924 43.8195H123.062L126.286 19.6772H134.728C136.999 19.6772 138.093 20.8255 138.093 23.0429V43.8195H132.71V40.0919H129.29L128.928 43.8195H128.924ZM132.71 24.4158H130.888L129.852 34.4838H132.71V24.4158Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M155.866 43.8195C168.576 39.7424 172.744 34.2134 180.004 21.9238L174.837 35.3367C173.065 40.0919 171.371 43.8195 165.792 43.8195H155.866Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M169.245 26.7581L165.638 19.8728L162.547 27.9771L165.389 36.8719C169.325 33.9638 177.242 23.771 178.818 17.7095L169.25 26.7581H169.245Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M173.331 14.0442L168.143 19.981L169.903 23.6337L174.858 18.7204L173.331 14.0442Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M159.993 29.3625L163.575 37.9245C163.575 37.9245 161.578 39.4638 155.042 41.2111L159.993 29.3625Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M151.639 31.426L155.704 19.6772H149.9L146.676 29.5746V19.6772H140.789V43.8195H146.676V33.4188C147.687 36.8968 148.723 40.2583 149.759 43.8195H153.952L155.009 41.2942L151.639 31.426Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M8.7741 0.964355V3.93898H6.1739V15.3299H3.11191V3.93898H0.511719V0.964355H8.7741Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M12.5517 15.3299C11.1747 15.3299 10.5132 14.6351 10.5132 13.2914V0.964355H18.605V3.85577H13.4878V6.65982H18.4178V9.38066H13.4878V12.4427H18.7756V15.3341H12.5517V15.3299Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M23.2145 15.3299H20.2732L22.1953 0.964355H26.8881C28.2651 0.964355 28.9266 1.66329 28.9266 3.00291V15.3299H26.1059V13.0001H23.5058L23.2187 15.3299H23.2145ZM26.1059 3.32741H24.6956L23.8469 10.2127H26.1059V3.32741Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M39.3648 5.36588H36.3902V4.39653C36.3902 3.63103 35.8951 3.23996 35.1671 3.23996C34.439 3.23996 33.9065 3.63103 33.9065 4.39653V11.8934C33.9065 12.6589 34.4182 13.05 35.1671 13.05C35.9159 13.05 36.3902 12.6589 36.3902 11.8934V10.3458H39.4522V12.6755C39.4522 14.9055 37.5468 15.7001 35.2336 15.7001C32.9205 15.7001 30.9319 14.9013 30.9319 12.6755V3.58111C30.9319 1.38862 32.8706 0.589844 35.1837 0.589844C37.4969 0.589844 39.3648 1.38862 39.3648 3.58111V5.36588Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M44.2615 0.964355V6.48925H47.0822V0.964355H50.0735V15.3299H47.0822V9.30994H44.2615V15.3299H41.2703V0.964355H44.2615Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M54.1133 15.3299C52.7362 15.3299 52.0747 14.6351 52.0747 13.2914V0.964355H60.1665V3.85577H55.0493V6.65982H59.9793V9.38066H55.0493V12.4427H60.3371V15.3341H54.1133V15.3299Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M70.5506 15.3299H67.6592V11.6064C67.6592 10.3667 67.0809 10.1462 66.0284 10.1462H65.0923V15.3299H62.1177V0.964355H67.3721C69.3441 0.964355 70.3801 1.526 70.3801 2.74913V6.47261C70.3801 8.20746 68.9364 8.73166 67.8464 8.81902C69.0529 8.8523 70.5506 9.56788 70.5506 11.5898V15.3299ZM67.4928 5.21619C67.4928 4.24684 67.135 3.73512 66.0284 3.73512H65.0923V7.61253H66.0284C66.9811 7.61253 67.4928 7.30467 67.4928 6.1689V5.21619Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M79.9862 5.01222C79.9862 5.77772 80.5312 6.252 81.8708 6.74707C85.12 7.92028 85.4778 9.06021 85.4778 11.3401V12.6838C85.4778 14.9138 83.5058 15.7084 81.1927 15.7084C78.8796 15.7084 76.9617 14.9096 76.9617 12.6838V10.6453H80.0237V12.0723C80.0237 12.8378 80.5687 13.2455 81.2634 13.2455C81.9582 13.2455 82.5032 12.8378 82.5032 12.0723V11.8019C82.5032 9.79658 81.9083 9.40551 79.2374 8.31551C77.4692 7.58746 77.0116 6.39345 77.0116 5.47818V3.62684C77.0116 1.39691 78.917 0.602295 81.2301 0.602295C83.5433 0.602295 85.4445 1.40107 85.4445 3.62684V5.07047H82.4699V4.22177C82.4699 3.47291 81.9624 3.0652 81.2468 3.0652C80.5312 3.0652 79.9904 3.3689 79.9904 4.18848V5.02054L79.9862 5.01222Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M95.3752 0.964355V3.93898H92.775V15.3299H89.713V3.93898H87.1128V0.964355H95.3752Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M105.547 12.659C105.547 14.8889 103.642 15.7043 101.328 15.7043C99.0153 15.7043 97.1099 14.8889 97.1099 12.659V0.964355H100.101V11.881C100.101 12.6465 100.613 13.0542 101.324 13.0542C102.036 13.0542 102.547 12.6465 102.547 11.881V0.964355H105.539V12.6631L105.547 12.659Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M109.582 15.3299C108.205 15.3299 107.544 14.6351 107.544 13.2914V0.964355H112.969C114.941 0.964355 115.977 1.90043 115.977 3.95562V12.3386C115.977 14.3938 114.941 15.3299 112.969 15.3299H109.587H109.582ZM113.085 5.64054C113.085 4.53806 112.728 3.85577 111.625 3.85577H110.519V12.4427H111.625C112.732 12.4427 113.085 11.7645 113.085 10.6579V5.64054Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M121.148 15.3299H117.986V0.964355H121.148V15.3299Z",
+    fill: "#2BBA84"
+  }), React__default.createElement("path", {
+    d: "M123.183 3.59775C123.183 1.38862 125.088 0.589844 127.401 0.589844C129.714 0.589844 131.62 1.38862 131.62 3.59775V12.6755C131.62 14.9055 129.714 15.7001 127.401 15.7001C125.088 15.7001 123.183 14.9013 123.183 12.6755V3.59775ZM126.124 11.8601C126.124 12.6589 126.686 13.05 127.397 13.05C128.108 13.05 128.67 12.6589 128.67 11.8601V4.43397C128.67 3.63519 128.142 3.24412 127.397 3.24412C126.652 3.24412 126.124 3.63519 126.124 4.43397V11.8643V11.8601Z",
+    fill: "#2BBA84"
+  }));
+};
+
+var singleLogo = function singleLogo(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "25" : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "50" : _ref$height;
+  return React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    id: "body_1",
+    width: width,
+    height: height
+  }, React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "1"
+  }, React__default.createElement("path", {
+    "clip-rule": "evenodd",
+    d: "M0 0L207 0L207 418L0 418z"
+  }))), React__default.createElement("g", {
+    transform: "matrix(0.119617224 0 0 0.119617224 0.119617224 -0)"
+  }, React__default.createElement("g", {
+    "clip-path": "url(#1)"
+  }, React__default.createElement("path", {
+    d: "M9.66724 418C 136.043 342.286 179.498 275.873 207.032 138.127L207.032 138.127L207.032 344.635C 207.032 385.143 171.107 418 126.791 418L126.791 418L9.66724 418z",
+    stroke: "none",
+    fill: "#2BBA84",
+    "fill-rule": "nonzero"
+  }), React__default.createElement("path", {
+    d: "M101.171 163.206L19.845 83.1111L19.845 188.064L101.171 286.159C 148.167 225.175 177.424 148.413 182.497 80.5714L182.497 80.5714L101.171 163.175L101.171 163.206z",
+    stroke: "none",
+    fill: "#2BBA84",
+    "fill-rule": "nonzero"
+  }), React__default.createElement("path", {
+    d: "M101.171 0L54.1428 68.0317L101.171 112.952L148.167 65.4921L101.171 0z",
+    stroke: "none",
+    fill: "#2BBA84",
+    "fill-rule": "nonzero"
+  }), React__default.createElement("path", {
+    d: "M0 222.762L80.6879 319.587C 80.6879 319.587 65.2458 342.54 0 376.952L0 376.952L0 222.762z",
+    stroke: "none",
+    fill: "#2BBA84",
+    "fill-rule": "nonzero"
+  }))));
+};
+
 var Header = function Header(_ref) {
+  var _user$roles;
   var academyListRoute = _ref.academyListRoute,
     homeRoute = _ref.homeRoute,
     headerTabs = _ref.headerTabs,
@@ -12826,27 +13378,39 @@ var Header = function Header(_ref) {
     var _state$common;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
   });
+  var language = reactRedux.useSelector(function (state) {
+    var _state$common2;
+    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.language;
+  });
+  var isTeacher = user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(exports.Role.Teacher);
   var isLargerThanXL = material.useMediaQuery(theme.breakpoints.up("xl"));
   var academyDomain = reactRedux.useSelector(function (state) {
-    var _state$common2, _state$common2$user;
-    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : (_state$common2$user = _state$common2.user) === null || _state$common2$user === void 0 ? void 0 : _state$common2$user.academyDomain;
+    var _state$common3, _state$common3$user;
+    return state === null || state === void 0 ? void 0 : (_state$common3 = state.common) === null || _state$common3 === void 0 ? void 0 : (_state$common3$user = _state$common3.user) === null || _state$common3$user === void 0 ? void 0 : _state$common3$user.academyDomain;
   });
+  var logo = React.useMemo(function () {
+    if (isTeacher) {
+      return language === Language.en ? React__default.createElement(teacherFullLogoEn, null) : React__default.createElement(teacherFullLogoKo, null);
+    } else {
+      return language === Language.en ? React__default.createElement(studentFullLogoEn, null) : React__default.createElement(studentFullLogoKo, null);
+    }
+  }, [isTeacher, language]);
   var pathname = location.pathname.toLowerCase();
   return React__default.createElement("div", {
     className: "col-sm-12 col-xl-12 " + styles["tabBox"] + " " + styles["headers"]
   }, React__default.createElement(reactRouterDom.Link, {
     "aria-current": "page",
     to: homeRoute.path,
-    className: "border-none " + styles["logo-container"]
-  }, React__default.createElement("img", {
-    className: styles["logo"] + " d-none d-lg-block",
-    src: "data:image/png;base64,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",
-    alt: ""
-  }), React__default.createElement("img", {
-    className: styles["logo"] + " d-block d-lg-none",
-    src: "/images/logo-sm.png",
-    alt: ""
-  })), React__default.createElement("div", {
+    className: "border-none"
+  }, React__default.createElement(material.Stack, {
+    justifyContent: "center",
+    height: "100%",
+    className: styles["logo"] + " d-none d-lg-flex"
+  }, logo), React__default.createElement(material.Stack, {
+    justifyContent: "center",
+    height: "100%",
+    className: styles["logo"] + " d-flex d-lg-none"
+  }, React__default.createElement(singleLogo, null))), React__default.createElement("div", {
     className: styles["routerBox"] + " d-flex flex-grow-1 flex-nowrap px-3"
   }, headerTabs.map(function (_ref2) {
     var path = _ref2.path,