body {
    margin: 0;
    font-family: 'NEXONLv1Gothic';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
        monospace;
}

.App {
  text-align: center;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.app-loading-fallback{height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#fff;font-size:24px}
/* -------------------------넥슨고딕------------------------- */
@font-face {
  font-family: "NEXONLv1Gothic";
  font-weight: 400;
  font-style: normal;
  src:
    url("/static/media/NEXON%20Lv1%20Gothic%20OTF.8f9046cec117d22030d4.eot"),
    url("/static/media/NEXON%20Lv1%20Gothic%20OTF.eb1217e4bc7f9fe24aac.woff") format("woff");
}

@font-face {
  font-family: "NEXONLv1Gothic";
  font-weight: 300;
  font-style: normal;
  src:
    url("/static/media/NEXON%20Lv1%20Gothic%20OTF%20Light.871db397a1f52ba04449.eot"),
    url("/static/media/NEXON%20Lv1%20Gothic%20OTF%20Light.846c9b6d2062d0b807c1.woff") format("woff");
}

@font-face {
  font-family: "NEXONLv1Gothic";
  font-weight: 700;
  font-style: normal;
  src:
    url("/static/media/NEXON%20Lv1%20Gothic%20OTF%20Bold.7ad113623db67efd2a2d.eot"),
    url("/static/media/NEXON%20Lv1%20Gothic%20OTF%20Bold.fea89342b1b0f7a386b6.woff") format("woff");
}

@font-face {
  font-family: "KyoboHandwriting2019";
  src:
    url(/static/media/KyoboHandwriting2019.0a4860d960659eb1620b.eot),
    url(/static/media/KyoboHandwriting2019.78299eb591482a53ff96.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

/* -------------------------넥슨 메이플체------------------------- */
@font-face {
  font-family: "Maple";
  src:
    url(/static/media/MaplestoryLight.62723a08fddf0b86b9fd.eot),
    url(/static/media/MaplestoryLight.181047d24de52316389e.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

/* -------------------------국민연금체------------------------- */
@font-face {
  font-family: "NPS";
  src: url(/static/media/NPSfont_regular.6b68815b01dff36289c6.eot), url(/static/media/NPSfont_regular.5bceb3464b101df3beb8.woff);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NPS";
  src: url(/static/media/NPSfont_bold.2589a4389867bcdbb0c1.eot), url(/static/media/NPSfont_bold.ceff45dc6823cec1d4d5.woff);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "NPS";
  src: url(/static/media/NPSfont_extrabold.6f4144610b79fbcebe1b.eot), url(/static/media/NPSfont_extrabold.2124f9b9244a9a4f6270.woff);
  font-weight: bold;
  font-style: normal;
}

/* -------------------------나눔스퀘어------------------------- */
@font-face {
  font-family: "nanum";
  src: url(/static/media/NanumSquareR.a5386b4d73f72b4542db.eot), url(/static/media/NanumSquareR.99d675599ff36e82677e.woff);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nanum";
  src: url(/static/media/NanumSquareL.e70d85a730acd1c31f93.eot), url(/static/media/NanumSquareL.111d6e195973e7b05d18.woff);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "nanum";
  src: url(/static/media/NanumSquareB.f2ccd36ad62ffd7d6945.eot), url(/static/media/NanumSquareB.1690ade543a61c137f24.woff);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "nanum";
  src: url(/static/media/NanumSquareEB.21f923ebc916467d71e4.eot), url(/static/media/NanumSquareEB.214116183723c54d5d7f.woff);
  font-weight: 900;
  font-style: normal;
}
/* -------------------------강원교육모두체------------------------- */
@font-face {
  font-family: "EduAll";
  src:
    url(/static/media/EduAllBold.f9a9c67e2d800fb8287f.eot),
    url(/static/media/EduAllBold.8eaefb5b786b8cf34f6b.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "EduAll";
  src:
    url(/static/media/EduAllLight.0255b7661c41108d0414.eot),
    url(/static/media/EduAllLight.0199f2fa3d48c9d10dc8.woff) format("woff");
  font-weight: lighter;
  font-style: normal;
}

/* -------------------------시니어관련 글씨체------------------------- */
@font-face {
  /* 한글 재민체 - 그림 만들기 */
  font-family: "Jaemin3";
  src:
    url(/static/media/Jaemin3-Regular.3c18c385e6725ff9262b.eot),
    url(/static/media/Jaemin3-Regular.6d7b3dc6cb4329e882bb.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  /* 학교안심 투호 - 숏폼 만들기 */
  font-family: "Tuho";
  src:
    url(/static/media/HakgyoansimTuho.5602d59da6e72c9384e1.eot),
    url(/static/media/HakgyoansimTuho.cfda12e17613937e478e.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  /* 김정철서체 - 편지 쓰기(regular) */
  font-family: "KimjungchulScript";
  src:
    url(/static/media/KimjungchulScript-Regular.39dc23cf7f29ea6ac804.eot),
    url(/static/media/KimjungchulScript-Regular.4189812a99bbc898f1a5.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  /* 김정철서체 - 편지 쓰기(bold) */
  font-family: "KimjungchulScript";
  src:
    url(/static/media/KimjungchulScript-Bold.1b4dc97fffcd58207da6.eot),
    url(/static/media/KimjungchulScript-Bold.68bf5abb30c212f85f40.woff) format("woff");
  font-weight: bold;
  font-style: bold;
}
@font-face {
  /* 김정철서체 - 편지 쓰기(light) */
  font-family: "KimjungchulScript";
  src:
    url(/static/media/KimjungchulScript-Light.172051e4974fc6e29a00.eot),
    url(/static/media/KimjungchulScript-Light.588ee62fbde3f906944d.woff) format("woff");
  font-weight: light;
  font-style: light;
}
@font-face {
  /* 온글잎 재건사체 - 음악 만들기 */
  font-family: "JAEGEONSA";
  src: url(/static/media/JAEGEONSA.7f8efb1a44320d320aeb.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  /* 원 모바일 팝업 - 훈민정음 */
  font-family: "OneMobilePopup";
  src: url(/static/media/ONE_Mobile_POP.957b8ef29ff5d107c577.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  /* 오뮤 다예쁨체 - OX퀴즈 */
  font-family: "OmyuPretty";
  src: url(/static/media/omyu_pretty.f423ef116359c37276d6.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  /* 핑크퐁 아기상어체 - 슬라이딩 퍼즐 */
  font-family: "PinkfongBabyShark";
  src: url(/static/media/Pinkfong_Baby_Shark_Font_Light.d6f22528798efd4657ac.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  /* 핑크퐁 아기상어체 - 슬라이딩 퍼즐 */
  font-family: "PinkfongBabyShark";
  src: url(/static/media/Pinkfong_Baby_Shark_Font_Regular.92dba8e646f2bd1b1311.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  /* 핑크퐁 아기상어체 - 슬라이딩 퍼즐 */
  font-family: "PinkfongBabyShark";
  src: url(/static/media/Pinkfong_Baby_Shark_Font_Bold.5ddf59aaa86a10e93e47.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

.heart{position:absolute;width:24px;height:24px;background-color:red;transform:rotate(-45deg);animation:popHeart .5s forwards;z-index:9999999}.heart::before,.heart::after{content:"";position:absolute;width:24px;height:24px;background-color:red;border-radius:50%}.heart::before{top:-12px;left:0}.heart::after{left:12px}@keyframes popHeart{0%{opacity:1;transform:scale(1) rotate(-45deg)}50%{opacity:.5;transform:scale(1.2) rotate(-45deg)}100%{opacity:0;transform:scale(0.5) rotate(-45deg)}}