/*!**********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/common.css ***!
  \**********************************************************************/
@charset "utf-8";
/* font */

@font-face {
	font-family: "EliceDigitalBaeum_Bold";
	src: url(../../src/font/EliceDigitalBaeum_Bold..woff?13278afd9430a93d032c) format("woff");
}

@font-face {
	font-family: "EliceDigitalBaeum_Regular";
	src: url(../../src/font/EliceDigitalBaeum_Regular..woff?6bcc382ac8f41a4dfd1c) format("woff");
}

@font-face {
	font-family: "gregula";
	src: url(../../src/font/g-regula..woff2?892b6bd94a065f6281d7) format("woff2");
}

@font-face {
	font-family: "JejuGothic";
	src: url(../../src/font/JejuGothic..woff?360f114c4dc734f01a7f) format("woff");
}

@font-face {
	font-family: "NanumSquareRoundB";
	src: url(../../src/font/NanumSquareRoundB..woff?a9758d054264a56ae6be) format("woff");
}

@font-face {
  font-family: "NanumG";
	src: url(../../src/font/NanumGothic..woff?fc3ef9435212c9606049) format("woff");
}

@font-face {
  font-family: "NanumGB";
	src: url(../../src/font/NanumGothicBold..woff?dcd57609697873a289c6) format("woff");
}

@font-face {
  font-family: "NanumGEB";
	src: url(../../src/font/NanumGothicExtraBold..woff?786a12726798aaa5c271) format("woff");
}

@font-face {
  font-family: "ygotjalnanfont";
  src: url(../../src/font/ygotjalnanfont..woff?1deed54d51aba7bc2c8e) format("woff");
}

@font-face {
  font-family: "GmarketSansBold";
  src: url(../../src/font/GmarketSansBold..woff?566bd814589e1435e047) format("woff");
}

@font-face {
  font-family: "GmarketSansLight";
  src: url(../../src/font/GmarketSansLight..woff?71ad4ae86e630a8058ed) format("woff");
}

@font-face {
  font-family: "GmarketSansMedium";
  src: url(../../src/font/GmarketSansMedium..woff?03eaf662577931a3a5fb) format("woff");
}

@font-face {
  font-family: "batangB";
  src: url(../../src/font/SunBatang-Bold..woff?08af3bb83358d3f59d4b) format("woff");
}

@font-face {
  font-family: "batangM";
  src: url(../../src/font/SunBatang-Medium..woff?411aa7f0f77c1cc7b517) format("woff");
}


/* layout */
body {
  overflow: hidden;
  font-family: 'NanumSquareRoundB', sans-serif;
}

/* 공통 */
.disable {
  pointer-events: none !important;
}

.remove {
  display: none !important;
}

.hide {
  visibility: hidden;
}

.hide-alpha {
  opacity: 0;
  pointer-events: none;
}

.inline {
  position: static !important;
  display: inline-block !important;
  vertical-align: top;
}

.bgImg-ab {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

textarea,
input[type="text"] {
  font-family: 'NanumSquareRoundB', sans-serif;
}

/* ie 입력창 X 제거 */
input[type=text]::-ms-clear {
  display: none;
}

.t-a-center {
  text-align: center;
}

.t-a-left {
  text-align: left;
}

.t-a-right {
  text-align: right;
}

.t-a-justify {
  text-align: justify;
}


/* 스크롤 바 */
.scrollOutBox {
  overflow: auto;
  overflow-x: hidden;
}

/* scroll_bar의 폭 너비 */
.scrollOutBox::-webkit-scrollbar {
  width: 6px;
  /* background: url(../img/scroll_bar.svg) no-repeat; */
}

.scrollOutBox::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #adadad;
}

::selection {
  background: none;
}

.none {
  opacity: 0;
  pointer-events: none;
}
/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/index.css ***!
  \*********************************************************************/
/* preload */
body[subject='5-1']::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: 
  url(../../src/img/5-1/chapter_bg_math..svg?91a89ad16a92e9476b0a)
  url(../../src/img/5-1/chapter_bg_sub..svg?bed6ef1880854121f18e)
  url(../../src/img/sprite_start_01..png?aab7903287c48254d766)
  url(../../src/img/sprite_start_02..png?e4d27e4d4bfb7fafea75)
  url(../../src/img/sprite_start_03..png?8a841cee2e43108b7cb6)
  url(../../src/img/sprite_start_04..png?1026bb28c49e083dc6ce)
  url(../../src/img/sprite_start_05..png?2e0a4cd728226c99d015)
  url(../../src/img/sprite_start_06..png?3563c68b841c699ff952)
  url(../../src/img/sprite_start_07..png?60436b195aac00ff2357)
  url(../../src/img/sprite_start_08..png?4949eebfc7c5b7f0e2fa);
}
/* preload */
body[subject='5-2']::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: 
  url(../../src/img/5-2/chapter_bg_math..svg?6a61e5ac95cb786d641d)
  url(../../src/img/5-2/chapter_bg_sub..svg?6527c20cb6f096739925)
  url(../../src/img/sprite_start_01..png?aab7903287c48254d766)
  url(../../src/img/sprite_start_02..png?e4d27e4d4bfb7fafea75)
  url(../../src/img/sprite_start_03..png?8a841cee2e43108b7cb6)
  url(../../src/img/sprite_start_04..png?1026bb28c49e083dc6ce)
  url(../../src/img/sprite_start_05..png?2e0a4cd728226c99d015)
  url(../../src/img/sprite_start_06..png?3563c68b841c699ff952)
  url(../../src/img/sprite_start_07..png?60436b195aac00ff2357)
  url(../../src/img/sprite_start_08..png?4949eebfc7c5b7f0e2fa);
}
/* preload */
body[subject='6-1']::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: 
  url(../../src/img/6-1/chapter_bg_math..svg?b0a66c93d35a3a0cccec)
  url(../../src/img/6-1/chapter_bg_sub..svg?a2c98fa92645633cdc3b)
  url(../../src/img/sprite_start_01..png?aab7903287c48254d766)
  url(../../src/img/sprite_start_02..png?e4d27e4d4bfb7fafea75)
  url(../../src/img/sprite_start_03..png?8a841cee2e43108b7cb6)
  url(../../src/img/sprite_start_04..png?1026bb28c49e083dc6ce)
  url(../../src/img/sprite_start_05..png?2e0a4cd728226c99d015)
  url(../../src/img/sprite_start_06..png?3563c68b841c699ff952)
  url(../../src/img/sprite_start_07..png?60436b195aac00ff2357)
  url(../../src/img/sprite_start_08..png?4949eebfc7c5b7f0e2fa);
}
/* preload */
body[subject='6-2']::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: 
  url(../../src/img/6-2/chapter_bg_math..svg?775df43338e2d19f342a)
  url(../../src/img/6-2/chapter_bg_sub..svg?f07eb8b6d67457a31198)
  url(../../src/img/sprite_start_01..png?aab7903287c48254d766)
  url(../../src/img/sprite_start_02..png?e4d27e4d4bfb7fafea75)
  url(../../src/img/sprite_start_03..png?8a841cee2e43108b7cb6)
  url(../../src/img/sprite_start_04..png?1026bb28c49e083dc6ce)
  url(../../src/img/sprite_start_05..png?2e0a4cd728226c99d015)
  url(../../src/img/sprite_start_06..png?3563c68b841c699ff952)
  url(../../src/img/sprite_start_07..png?60436b195aac00ff2357)
  url(../../src/img/sprite_start_08..png?4949eebfc7c5b7f0e2fa);
}


body {
  position: fixed;
  /* image-rendering: pixelated; */
}

.header_bar {
  position: relative;
  z-index: 3;
}

.header_bar.ebook_smart .btn {
  pointer-events: none;
}

#wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 1280px;
  height: 720px;
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  overflow: hidden;
}

.video {
  position: absolute;
  pointer-events: none;
  display: block;
  transform: translateZ(0);
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.video video {
  position: absolute;
  left: 0;
  top: 0;
}

.bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 1280px;
  height: 720px;
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  overflow: hidden;
  pointer-events: none;
  background: url(../../src/img/bg..svg?21c4f88befd144bde707) no-repeat;
  background-size: 1472px 511px;
  background-position: -90px 278px;
}

/* 타이틀 */
.title {
  position: absolute;
  left: 89px;
  top: 21px;
  font-size: 25px;
  color: #ffffff;
  font-family: 'GmarketSansBold';
}

.title_bg {
  position: absolute;
  left: 18px;
  top: 23px;
  width: 62px;
  height: 20px;
  font-size: 11px;
  text-align: center;
  line-height: 2em;
  background: url(../../src/img/title..svg?72b9877c917c9317b7e4);
  font-family: 'GmarketSansBold';
}

/* 내 수업하기 버튼 */
.class_btn {
  position: absolute;
  left: 900px;
  top: 17px;
  background: url(../../src/img/class_btn..svg?e8c3844ac6ddec4408c8) no-repeat;
  background-size: 16px;
  background-position: 1px 4px;
  display: block;
  text-indent: 24px;
  font-family: 'ygotjalnanfont';
  color: #ffffff;
  font-size: 16px;
  line-height: 1.6em;
}

.class_box {
  position: absolute;
  left: 898px;
  top: 43px;
  width: 125px;
  height: 70px;
  z-index: 10;
}

/* 수업 만들기 버튼 */
.class_make_btn {
  position: absolute;
  left: 4px;
  top: 10px;
  width: 116px;
  height: 26px;
  font-family: 'GmarketSansBold';
  color: #ffffff;
  text-indent: 30px;
  font-size: 15px;
  line-height: 1.8em;
  background-size: 20px !important;
  background-position: 4px 3px !important;
}

.class_make_btn.hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-radius: 5px;
}

/* 수업 목록 버튼 */
.class_list_btn {
  position: absolute;
  left: 4px;
  top: 39px;
  width: 116px;
  height: 26px;
  font-family: 'GmarketSansBold';
  color: #ffffff;
  text-indent: 30px;
  font-size: 15px;
  line-height: 1.8em;
  background-size: 20px !important;
  background-position: 4px 3px !important;
}

.class_list_btn.hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-radius: 5px;
}

/* 자료실 버튼 */
.archive_btn {
  position: absolute;
  left: 1034px;
  top: 16px;
  background: url(../../src/img/archive_btn..svg?859bba0a282a9056455e) no-repeat;
  background-size: 19px;
  background-position: -3px 4px;
  display: block;
  text-indent: 22px;
  font-family: 'ygotjalnanfont';
  color: #ffffff;
  font-size: 16px;
  line-height: 1.7em;
}

/* 진도 보기 버튼 */
.progress_btn {
  position: absolute;
  left: 1130px;
  top: 17px;
  background: url(../../src/img/progress_btn..svg?3a978c58b3362c8dd412) no-repeat;
  background-size: 16px;
  background-position: -3px 4px;
  display: block;
  text-indent: 16px;
  font-family: 'ygotjalnanfont';
  color: #ffffff;
  font-size: 16px;
  line-height: 1.7em;
}

/* 사용 설명서 버튼 */
.help_btn {
  position: absolute;
  left: 1233px;
  top: 16px;
  width: 27px;
  height: 27px;
}

/* 개관 버튼 */
.lesson_box {
  position: absolute;
  left: 23px;
  top: 206px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 223px;
  height: 371px;
}

.lesson_btn {
  position: relative;
  width: 100%;
  height: 38px;
  font-family: 'ygotjalnanfont';
  color: #ffffff;
  text-align: right;
  line-height: 1.6em;
  font-size: 19px;
  white-space: nowrap;
  display: flex;
  justify-content: end;
}

.lesson_btn.on {
  width: 100%;
  left: 0px;
  margin: 10px 0px;
}

.lesson_btn.on div{
  text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}

.lesson_btn.on:first-child {
  margin-top: 0;
}

.lesson_btn.on:last-child {
  margin-bottom: 0;
}

.lesson_btn div {
  display: inline-block;
  color: #000000;
  position: relative;
  margin-left: 10px;
}

.lesson_btn.on div {
  display: inline;
}
.lesson_btn:nth-child(1) div {color: #066dc1;}
.lesson_btn:nth-child(2) div {color: #35b5fc;}
.lesson_btn:nth-child(3) div {color: #ff6c88;}
.lesson_btn:nth-child(4) div {color: #ff5b00;}
.lesson_btn:nth-child(5) div {color: #7265ef;}
.lesson_btn:nth-child(6) div {color: #e51c34;}
.lesson_btn:nth-child(7) div {color: #00c956;}
.lesson_btn:nth-child(8) div {color: #ffdc4a;}

#chapter_popup .chapter_list_box[data-color='0'] .chapter_list_btn.active,
#chapter_popup .chapter_list_box[data-color='0'] .chapter_list_btn.hover {
  background: #066dc1;
}

#chapter_popup .chapter_list_box[data-color='1'] .chapter_list_btn.active,
#chapter_popup .chapter_list_box[data-color='1'] .chapter_list_btn.hover {
  background: #35b5fc;
}

#chapter_popup .chapter_list_box[data-color='2'] .chapter_list_btn.active,
#chapter_popup .chapter_list_box[data-color='2'] .chapter_list_btn.hover {
  background: #ff6c88;
}

#chapter_popup .chapter_list_box[data-color='3'] .chapter_list_btn.active,
#chapter_popup .chapter_list_box[data-color='3'] .chapter_list_btn.hover {
  background: #ff5b00;
}

#chapter_popup .chapter_list_box[data-color='4'] .chapter_list_btn.active,
#chapter_popup .chapter_list_box[data-color='4'] .chapter_list_btn.hover {
  background: #7265ef;
}

#chapter_popup .chapter_list_box[data-color='5'] .chapter_list_btn.active,
#chapter_popup .chapter_list_box[data-color='5'] .chapter_list_btn.hover {
  background: #e51c34;
}

#chapter_popup .chapter_list_box[data-color='6'] .chapter_list_btn.active,
#chapter_popup .chapter_list_box[data-color='6'] .chapter_list_btn.hover {
  background: #00c956;
}

#chapter_popup .chapter_list_box[data-color='7'] .chapter_list_btn.active,
#chapter_popup .chapter_list_box[data-color='7'] .chapter_list_btn.hover {
  background: #ffdc4a;
}

.scroll_box {
  width: 4px;
  height: 360px;
  position: absolute;
  left: -330px;
  top: 129px;
  z-index: 15;
}

.scroll_box .dot {
  position: absolute;
  left: -6px;
  width: 16px;
  height: 16px;
}

.scroll_box .dot01.on {top: 5px;background: url(../../src/img/dot_01..svg?e523bb269c528135531b) no-repeat;}
.scroll_box .dot02.on {top: 60px;background: url(../../src/img/dot_02..svg?765bbaa8d40ae1a367e8) no-repeat;}
.scroll_box .dot03.on {top: 103px;background: url(../../src/img/dot_03..svg?27af05f4f185ffaee72e) no-repeat;}
.scroll_box .dot04.on {top: 148px;background: url(../../src/img/dot_04..svg?561b457c60e7f1a9b7e2) no-repeat;}
.scroll_box .dot05.on {top: 193px;background: url(../../src/img/dot_05..svg?0005a2d72f29c87a8f34) no-repeat;}
.scroll_box .dot06.on {top: 238px;background: url(../../src/img/dot_06..svg?a67c61297dd017ebc5ce) no-repeat;}
.scroll_box .dot07.on {top: 282px;background: url(../../src/img/dot_07..svg?6941fd75b1369b3a4ee6) no-repeat;}
.scroll_box .dot08.on {top: 338px;background: url(../../src/img/dot_08..svg?269e80d13d7b7a2cdea8) no-repeat;}

.digital_btn {
  position: absolute;
  left: 263px;
  top: 639px;
  width: 152px;
  height: 34px;
  z-index: 5;
  text-indent: 40px;
  font-size: 20px;
  color: #fff;
  font-family: 'GmarketSansBold';
  line-height: 2em;
}

.card_btn {
  position: absolute;
  left: 782px;
  top: 639px;
  width: 112px;
  height: 28px;
  z-index: 5;
  text-indent: 37px;
  font-size: 16px;
  color: #fff;
  font-family: 'GmarketSansBold';
  line-height: 2.1em;
}

.game_btn {
  position: absolute;
  left: 902px;
  top: 639px;
  width: 112px;
  height: 28px;
  z-index: 5;
  text-indent: 37px;
  font-size: 16px;
  color: #fff;
  font-family: 'GmarketSansBold';
  line-height: 2.1em;
}

.game_box {
  position: absolute;
  left: 1020px;
  top: 607px;
  width: 140px;
  height: 70px;
  z-index: 10;
}

/* 수업 만들기 버튼 */
.ox_btn {
  position: absolute;
  left: 19px;
  top: 3px;
  width: 116px;
  height: 26px;
  font-family: 'GmarketSansBold';
  color: #ffffff;
  text-indent: 30px;
  font-size: 15px;
  line-height: 2em;
  background-size: 20px !important;
  background-position: 4px 3px !important;
}

.ox_btn.hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-radius: 5px;
}

/* 수업 목록 버튼 */
.play_btn {
  position: absolute;
  left: 19px;
  top: 32px;
  width: 116px;
  height: 26px;
  font-family: 'GmarketSansBold';
  color: #ffffff;
  text-indent: 30px;
  font-size: 15px;
  line-height: 2em;
  background-size: 20px !important;
  background-position: 4px 3px !important;
}

.play_btn.hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-radius: 5px;
}

.notice {
  position: absolute;
  left: 809px;
  top: 698px;
  font-family: 'GmarketSansMedium';
  font-size: 12px;
  color: #fdfdfd;
  z-index: 5;
  opacity: 0.5;
}

/* chapter 목차 */
#chapter_popup {
  position: relative;
  height: 605px;
  display: none;
  left: 601px;
  top: 79px;
}

#chapter_popup .chapter_bg {
  position: absolute;
  left: -348px;
  top: 1px;
  width: 768px;
  height: 545px;
  display: inline-block;
  border-radius: 35px;
  pointer-events: none;
}

#chapter_popup.active {
  display: inline-block;
  pointer-events: auto;
}

#chapter_popup .chapter_content {
  position: absolute;
  left: -349px;
  top: 1px;
  width: 770px;
  height: 546px;
}

#chapter_popup.ebook_smart .chapter_bg {
  position: absolute;
  left: -349px;
  top: 1px;
  width: 997px;
  height: 584px;
  display: inline-block;
  border-radius: 35px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.45);
  pointer-events: none;
}

#chapter_popup.ebook_smart .chapter_content.math .sub_btn{
  opacity: 0.4;
}
#chapter_popup.ebook_smart .chapter_content.sub .math_btn{
  opacity: 0.4;
}

#chapter_popup.ebook_smart .chapter_content {
  position: absolute;
  left: -349px;
  top: 1px;
  width: 998px;
  height: 584px;
}

#chapter_popup.ebook_smart .chapter_title_box {
  position: relative;
  left: 1px;
  top: 0px;
  width: 455px;
  height: 100%;
  display: inline-block;
  text-align: center;
}

#chapter_popup.ebook_smart .chapter_title {
  display: inline-block;
  text-align: left;
  color: #ffffff;
  font-size: 28px;
  font-family: 'ygotjalnanfont';
  margin-top: 49px;
}

#chapter_popup.ebook_smart .ebook_btn {
  left: 101px;
  top: 112px;
  width: 153px;
  height: 46px;
  font-size: 16px;
  text-indent: 22px;
  background-color: #ffffff;
}

#chapter_popup.ebook_smart .smart_btn {
  left: 261px;
  top: 112px;
  width: 153px;
  height: 46px;
  font-size: 16px;
  text-indent: 22px;
  background-color: #ffffff;
}

#chapter_popup .chapter_title_box.create .ebook_btn {
  left: 290px;
}
#chapter_popup.ebook_smart .chapter_title_box.create .ebook_btn {
  left: 180px;
}
#chapter_popup .chapter_title_box.create .smart_btn {
  visibility: hidden;
}

/* ebook_btn */
#chapter_popup.ebook_smart .chapter_content.smart .ebook_btn {
  color: #ffffff;
}
#chapter_popup.ebook_smart .chapter_content.smart .ebook_btn::before {
    content: url(../../src/img/ebook_btn_ico_off..svg?2aaee0f948de181e9e3b) !important;
}

#chapter_popup.ebook_smart .chapter_content.ebook .ebook_btn::before {
  position: absolute;
  left: -9px;
  top: 2px;
  width: 18px;
  height: 18px;
  pointer-events: none;
}
#chapter_popup.ebook_smart .chapter_content.ebook .ebook_btn::after {
  content: url(../../src/img/ebook_btn_line..svg?ab29f55dc63be241cc4a);
  position: absolute;
  left: 49px;
  top: 39px;
  width: 286px;
  height: 37px;
  pointer-events: none;
}

#chapter_popup.ebook_smart .chapter_content.ebook .smart_btn {
  color: #ffffff;
}
#chapter_popup.ebook_smart .chapter_content.ebook .smart_btn::before {
    content: url(../../src/img/smart_btn_ico_off..svg?6300c7d6266a786ac73b) !important;
}

#chapter_popup.ebook_smart .chapter_content.smart .smart_btn::before {
  position: absolute;
  left: -4px;
  top: 2px;
  width: 18px;
  height: 18px;
  pointer-events: none;
}
#chapter_popup.ebook_smart .chapter_content.smart .smart_btn::after {
  content: url(../../src/img/smart_btn_line..svg?f60256ae8dc2f55e2f58);
  position: absolute;
  left: 49px;
  top: 39px;
  width: 125px;
  height: 37px;
  pointer-events: none;
}

#chapter_popup.ebook_smart #title_ico.ico0 {color: #066dc1;}
#chapter_popup.ebook_smart #title_ico.ico1 {color: #35b5fc;}
#chapter_popup.ebook_smart #title_ico.ico2 {color: #ff6c88;}
#chapter_popup.ebook_smart #title_ico.ico3 {color: #ff6a29;}
#chapter_popup.ebook_smart #title_ico.ico4 {color: #7d78f4;}
#chapter_popup.ebook_smart #title_ico.ico5 {color: #ea4460;}
#chapter_popup.ebook_smart #title_ico.ico6 {color: #00c956;}
#chapter_popup.ebook_smart #title_ico.ico7 {color: #ffa300;}

header.ebook_smart .class_btn {opacity: 0;}
header.ebook_smart .class_box {opacity: 0;}
header.ebook_smart .archive_btn {opacity: 0;}
header.ebook_smart .progress_btn {opacity: 0;}
header.ebook_smart .help_btn {opacity: 0;}
main.ebook_smart .digital_btn {opacity: 0;}
main.ebook_smart .card_btn {opacity: 0;}
main.ebook_smart .game_btn {opacity: 0;}
#chapter_popup .chapter_close_btn {opacity: 0;}

#chapter_popup.ebook_smart .chapter_close_btn {
  position: absolute;
  left: 609px;
  top: -63px;
  width: 40px;
  height: 40px;
  background: url(../../src/img/chapter_close_btn..svg?452a9b8afc26ba5c8aad) no-repeat;
  opacity: 1;
  border-radius: 25px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

#chapter_popup.ebook_smart .chapter_content .chapter_sprite.on {
  position: absolute;
  left: 35px;
  top: 189px;
  width: 408px;
  height: 369px;
  pointer-events: none;
}

#chapter_popup .chapter_index_box {
  position: absolute;
  left: 16px;
  top: 36px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 162px;
  height: 555px;
}

#chapter_popup #title_ico {
  display: none;
}

#chapter_popup .chapter_title_box {
  position: relative;
  left: 2px;
  top: 0px;
  width: 767px;
  height: 100%;
  display: inline-block;
  text-align: center;
}

#chapter_popup.ebook_smart #title_ico {
  display: inline-block;
  position: relative;
  left: -6px;
  top: 5px;
  width: 50px;
  height: 50px;
  text-align: center;
  font-family: 'ygotjalnanfont';
  font-size: 50px;
  text-shadow: 0px 0px 2.5px #000000;
}

#chapter_popup .chapter_title {
  display: inline-block;
  text-align: left;
  color: #ffffff;
  font-size: 50px;
  font-family: 'ygotjalnanfont';
  margin-top: 42px;
  text-shadow: 0px 0px 2.5px #000000;
}

#chapter_popup .download_btn {
  display: inline-block;
  width: 41px;
  height: 41px;
  margin-left: 10px;
  border-radius: 20px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  background: url(../../src/img/download_btn_on..svg?2cb0e0ba5fd2c01d7b12);
}

#chapter_popup .download_btn.off {
  background: url(../../src/img/download_btn_off..svg?e37943536bfbaf138fda);
}

#chapter_popup .math_btn {display: none;}
#chapter_popup.ebook_smart .math_btn {
  line-height: 2em;
  text-align: center;
  font-size: 20px;
  font-family: 'ygotjalnanfont';
  color: #000000;
  position: absolute;
  left: 707px;
  top: 14px;
  width: 110px;
  height: 40px;
  display: inline-block;
}

#chapter_popup .sub_btn {display: none;}
#chapter_popup.ebook_smart .sub_btn {
  line-height: 2em;
  text-align: center;
  font-size: 20px;
  font-family: 'ygotjalnanfont';
  color: #000000;
  position: absolute;
  left: 821px;
  top: 14px;
  width: 110px;
  height: 40px;
  display: inline-block;
}

#chapter_popup .chapter_list_box {
  position: absolute;
  left: 464px;
  top: 61px;
  width: 496px;
  height: 475px;
  overflow-x: hidden;
  overflow-y: auto;
}


/* 스크롤바 설정*/
.chapter_list_box::-webkit-scrollbar{
  width: 8px;
}

/* 스크롤바 막대 설정*/
.chapter_list_box::-webkit-scrollbar-thumb{
  border-radius: 25px;
}

/* 스크롤바 뒷 배경 설정*/
.chapter_list_box::-webkit-scrollbar-track{
  background-color: #DCE5E4;
  border-radius: 25px;
}

#chapter_popup .chapter_list_btn {
  height: 38px;
  padding-left: 80px;
  text-align: left;
  font-size: 15px;
  font-family: 'ygotjalnanfont';
  color: #000000;
  margin: 5px 0px;
  margin-left: 4px;
  letter-spacing: -1.2px;
  display: flex;
  align-items: center;
}

#chapter_popup .chapter_list_btn:last-child {
  margin-bottom: 0;
}

#chapter_popup .chapter_list_btn .list_num {
  position: absolute;
  left: 8px;
  width: 68px;
  font-size: 18px;
  pointer-events: none;
  font-family: 'ygotjalnanfont';
  background: rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  height: 30px;
  color: #81848c;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1px;
}

#chapter_popup .chapter_list_btn .list_text {
  pointer-events: none;
  font-family: 'ygotjalnanfont';
  display: flex;
  align-items: center;
  padding-top: 1px;
}

#chapter_popup .chapter_list_btn.active .list_num,
#chapter_popup .chapter_list_btn.hover .list_num {
  position: absolute;
  left: 8px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
}

#chapter_popup .chapter_list_btn.active,
#chapter_popup .chapter_list_btn.hover {
  color: #ffffff;
  background: #066dc1;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: 25px;
}

#chapter_popup .chapter_list_box.ten .chapter_list_btn {
  width: 485px;
}
#chapter_popup .chapter_content.smart .ebook_btn {
  color: #ffffff !important;
}
#chapter_popup .ebook_btn {
  display: none;
  border-radius: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  position: absolute;
  left: 190px;
  top: 135px;
  width: 188px;
  height: 57px;
  font-family: 'ygotjalnanfont';
  font-size: 21px;
  line-height: 2.9em;
  text-indent: 30px;
  background-color: #ffffff;
}
#chapter_popup .ebook_btn::before {
  position: absolute;
  left: -15px;
  top: 2px;
  width: 24px;
  height: 24px;
  pointer-events: none;
}
#chapter_popup.ebook_smart .ebook_btn::before {
  left: -9px;
  top: 2px;
  width: 18px;
  height: 18px;
}

#chapter_popup .chapter_content.ebook .smart_btn {
  color: #ffffff !important;
}
#chapter_popup .smart_btn {
  display: none;
  border-radius: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  position: absolute;
  left: 389px;
  top: 135px;
  width: 188px;
  height: 57px;
  font-family: 'ygotjalnanfont';
  font-size: 21px;
  line-height: 2.9em;
  text-indent: 37px;
  background-color: #ffffff;
}
#chapter_popup .smart_btn::before {
  position: absolute;
  left: -15px;
  top: 2px;
  width: 24px;
  height: 24px;
  pointer-events: none;
}
#chapter_popup.ebook_smart .smart_btn::before {
  left: -4px;
  top: 2px;
  width: 18px;
  height: 18px;
}

#chapter_popup.active .ebook_btn,
#chapter_popup.hover .ebook_btn {
  display: block;
}

#chapter_popup.active .smart_btn,
#chapter_popup.hover .smart_btn {
  display: block;
}

main.ebook_smart .btn_box {pointer-events: none;}
.animate_content {animation: animate 1.5s ease;}
.fadeIn {z-index: 10;}
.point-none {pointer-events: none;}
.btn {cursor: pointer;}

#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {background: url(../../src/img/sprite_start_01..png?aab7903287c48254d766) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {background: url(../../src/img/sprite_start_02..png?e4d27e4d4bfb7fafea75) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {background: url(../../src/img/sprite_start_03..png?8a841cee2e43108b7cb6) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {background: url(../../src/img/sprite_start_04..png?1026bb28c49e083dc6ce) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {background: url(../../src/img/sprite_start_05..png?2e0a4cd728226c99d015) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {background: url(../../src/img/sprite_start_06..png?3563c68b841c699ff952) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {background: url(../../src/img/sprite_start_07..png?60436b195aac00ff2357) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {background: url(../../src/img/sprite_start_08..png?4949eebfc7c5b7f0e2fa) no-repeat;}


.shorcut_box {
  position: absolute;
  left: 1064px;
  top: 636px;
  width: 190px;
  height: 40px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.7);
  font-family: 'GmarketSansBold';
}

.shorcut_title {
  font-size: 16px;
  position: absolute;
  top: 13px;
  left: 12px;
}


.shorcut_box input {
  position: relative;
  display: flex;
  flex: 1;
  left: 102px;
  top: 8px;
  width: 48px;
  height: 28px;
  border: none;
  font-family: 'GmarketSansMedium';
  font-size: 16px;
  text-align: center;
  background: none;
  outline: none;
  z-index: 1;
  padding: 0;
  letter-spacing: 0.5px;
}

.shorcut_box input::selection {
  background-color: #3367d1;
}


.shorcut_btn {
  position: absolute;
  left: 100px;
  top: 6px;
  width: 80px;
  height: 28px;
}


@keyframes animate {
  10% {transform: scale(1, 0.002);}
  35% {transform: scale(0.2, 0.002);opacity: 1;}
  50% {transform: scale(0.2, 0.002);opacity: 0;}
  85% {transform: scale(1, 0.002);opacity: 1;}
  100% {transform: scale(1, 1);}
}

/* 기본 애니메이션 */
@keyframes sprite_ani {
  from {background-position: 0px 0px;}
  to {background-position: right 0px;}
}
@-webkit-keyframes sprite_ani {
  from {background-position: 0px 0px;}
  to {background-position: right 0px;}
}
@-ms-keyframes sprite_ani {
  from {background-position: 0px 0px;}
  to {background-position: right 0px;}
}

.opa_ani {animation: opa_ani 3.5s ease;}
@keyframes opa_ani {
  from {opacity: 0;}
  to {opacity: 1;}
}
@-webkit-keyframes opa_ani {
  from {opacity: 0;}
  to {opacity: 1;}
}
@-ms-keyframes opa_ani {
  from {opacity: 0;}
  to {opacity: 1;}
}


#chapter_popup .chapter_list_btn .list_text > span {
  font-family: 'batangB';
  margin-left: 3px;
}

#chapter_popup .chapter_list_btn .list_text span span {
  font-family: 'batangB';
  margin-right: 1px;
}


body #chapter_popup .chapter_content.smart .ebook_btn {background-color: rgba(0,0,0,0);}
body #chapter_popup .chapter_content.ebook .smart_btn {background-color: rgba(0,0,0,0);}

/* 학년 학기별 속성 */
/* 5-1 */
body[subject='5-1'] {background-color: #ffc776;}
body[subject='5-1'] .chapter_list_box::-webkit-scrollbar-thumb{background: #ffc776;}
body[subject='5-1'] .title_bg {color: #ff8000;}
body[subject='5-1'] #chapter_popup .ebook_btn {color: #ff8000;}
body[subject='5-1'] #chapter_popup .smart_btn {color: #ff8000;}
body[subject='5-1'] .lesson_btn.on {
  text-shadow: rgb(255, 128, 0) 2px 0px 0px, rgb(255, 128, 0) 1.75517px 0.958851px 0px, rgb(255, 128, 0) 1.0806px 1.68294px 0px, rgb(255, 128, 0) 0.141474px 1.99499px 0px, rgb(255, 128, 0) -0.832294px 1.81859px 0px, rgb(255, 128, 0) -1.60229px 1.19694px 0px, rgb(255, 128, 0) -1.97998px 0.28224px 0px, rgb(255, 128, 0) -1.87291px -0.701566px 0px, rgb(255, 128, 0) -1.30729px -1.5136px 0px, rgb(255, 128, 0) -0.421592px -1.95506px 0px, rgb(255, 128, 0) 0.567324px -1.91785px 0px, rgb(255, 128, 0) 1.41734px -1.41108px 0px, rgb(255, 128, 0) 1.92034px -0.558831px 0px;
}
/* body[subject='5-1'] #chapter_popup .chapter_content.smart .ebook_btn {background-color: #6BE3E3;} */
/* body[subject='5-1'] #chapter_popup .chapter_content.ebook .smart_btn {background-color: #6BE3E3;} */
body[subject='5-1'] .digital_btn {background: url(../../src/img/5-1/digital_btn..svg?bc8f75e356d0307564fb) no-repeat;}
body[subject='5-1'] .card_btn {background: url(../../src/img/5-1/card_btn..svg?eb728f6241fced8c27fa) no-repeat;}
body[subject='5-1'] .game_btn  {background: url(../../src/img/5-1/game_btn..svg?2a5ba56adbefe3e4fba5) no-repeat;}
body[subject='5-1'] .class_box {background: url(../../src/img/5-1/class_box_bg..svg?7461428c20fc3c5b717f) no-repeat;}
body[subject='5-1'] .class_make_btn {background: url(../../src/img/5-1/class_make..svg?1d83dc6b82c01fcd9467) no-repeat;}
body[subject='5-1'] .class_list_btn {background: url(../../src/img/5-1/class_list..svg?d7f96150732ccc58104a) no-repeat;}
body[subject='5-1'] .help_btn {background: url(../../src/img/5-1/help_btn..svg?db28c1110ab76f45295d) no-repeat;}
body[subject='5-1'] #chapter_popup .ebook_btn::before {content: url(../../src/img/5-1/ebook_btn_ico..svg?f50a1a4439a469e7dad3);}
body[subject='5-1'] #chapter_popup .smart_btn::before {content: url(../../src/img/5-1/smart_btn_ico..svg?c2bf4a57b129721ffb40);}
body[subject='5-1'] .scroll_box {background: url(../../src/img/5-1/scroll_bar..svg?119f931a9fb6832fd439) no-repeat;}
body[subject='5-1'] .game_box {background: url(../../src/img/5-1/game_box_bg..svg?098801b0efd3c80a030c) no-repeat;}
body[subject='5-1'] .ox_btn {background: url(../../src/img/5-1/ox_btn_bg..svg?27a710385ab7fe47a079) no-repeat;}
body[subject='5-1'] .play_btn {background: url(../../src/img/5-1/play_btn_bg..svg?cd046a0eb13efe0394e7) no-repeat;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_bg {background: url(../../src/img/5-1/chapter_bg_math..svg?91a89ad16a92e9476b0a) no-repeat;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_bg.math {background: url(../../src/img/5-1/chapter_bg_math..svg?91a89ad16a92e9476b0a) no-repeat;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_bg.sub {background: url(../../src/img/5-1/chapter_bg_sub..svg?bed6ef1880854121f18e) no-repeat;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {-webkit-animation: steps(24)  1s infinite;-ms-animation: steps(24)  1s infinite;animation: steps(24)  1s infinite;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {-webkit-animation: steps(100) 3s infinite;-ms-animation: steps(100) 3s infinite;animation: steps(100) 3s infinite;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {-webkit-animation: steps(161) 5s infinite;-ms-animation: steps(161) 5s infinite;animation: steps(161) 5s infinite;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {-webkit-animation: steps(80)  3s infinite;-ms-animation: steps(80)  3s infinite;animation: steps(80)  3s infinite;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {-webkit-animation: steps(95) 3s infinite;-ms-animation: steps(95) 3s infinite;animation: steps(95) 3s infinite;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {-webkit-animation: steps(194)  6s infinite;-ms-animation: steps(194)  6s infinite;animation: steps(194)  6s infinite;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {-webkit-animation: steps(120)  4s infinite;-ms-animation: steps(120)  4s infinite;animation: steps(120)  4s infinite;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {-webkit-animation: steps(120)  4s infinite;-ms-animation: steps(120)  4s infinite;animation: steps(120)  4s infinite;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {left: -30px;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {left: -50px;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {left: -75px;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {left: -50px;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {left: -50px;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {left: -50px;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {left: -55px;}
body[subject='5-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {left: -50px;}
body[subject='5-1'] .shorcut_title {color: #ff8000;}
body[subject='5-1'] .shorcut_btn {background: url(../../src/img/5-1/shorcut_btn..svg?7dc473f2f6d38590dcfc) no-repeat;}

/* 5-2 */
body[subject='5-2'] {background-color: #aedd78;}
body[subject='5-2'] .chapter_list_box::-webkit-scrollbar-thumb{background: #aedd78;}
body[subject='5-2'] .title_bg {color: #509920;}
body[subject='5-2'] #chapter_popup .ebook_btn {color: #509920;}
body[subject='5-2'] #chapter_popup .smart_btn {color: #509920;}
body[subject='5-2'] .lesson_btn.on {
  text-shadow: rgb(80, 153, 32) 2px 0px 0px, rgb(80, 153, 32) 1.75517px 0.958851px 0px, rgb(80, 153, 32) 1.0806px 1.68294px 0px, rgb(80, 153, 32) 0.141474px 1.99499px 0px, rgb(80, 153, 32) -0.832294px 1.81859px 0px, rgb(80, 153, 32) -1.60229px 1.19694px 0px, rgb(80, 153, 32) -1.97998px 0.28224px 0px, rgb(80, 153, 32) -1.87291px -0.701566px 0px, rgb(80, 153, 32) -1.30729px -1.5136px 0px, rgb(80, 153, 32) -0.421592px -1.95506px 0px, rgb(80, 153, 32) 0.567324px -1.91785px 0px, rgb(80, 153, 32) 1.41734px -1.41108px 0px, rgb(80, 153, 32) 1.92034px -0.558831px 0px;
}
/* body[subject='5-2'] #chapter_popup .chapter_content.smart .ebook_btn {background-color: #D4BDFB;} */
/* body[subject='5-2'] #chapter_popup .chapter_content.ebook .smart_btn {background-color: #D4BDFB;} */
body[subject='5-2'] .digital_btn {background: url(../../src/img/5-2/digital_btn..svg?53723fea3c69f4e70fd2) no-repeat;}
body[subject='5-2'] .card_btn {background: url(../../src/img/5-2/card_btn..svg?a4e0f5ada88d0c85423b) no-repeat;}
body[subject='5-2'] .game_btn  {background: url(../../src/img/5-2/game_btn..svg?ec09c4e5d71a850b9097) no-repeat;}
body[subject='5-2'] .class_box {background: url(../../src/img/5-2/class_box_bg..svg?c1291156f6027cd1891c) no-repeat;}
body[subject='5-2'] .class_make_btn {background: url(../../src/img/5-2/class_make..svg?549dea3d2089e0a71dfa) no-repeat;}
body[subject='5-2'] .class_list_btn {background: url(../../src/img/5-2/class_list..svg?9d435264f565de6c5f20) no-repeat;}
body[subject='5-2'] .help_btn {background: url(../../src/img/5-2/help_btn..svg?df672143edc71a18ad40) no-repeat;}
body[subject='5-2'] #chapter_popup .ebook_btn::before {content: url(../../src/img/5-2/ebook_btn_ico..svg?aa5eab7b0c50863d037f);}
body[subject='5-2'] #chapter_popup .smart_btn::before {content: url(../../src/img/5-2/smart_btn_ico..svg?e05125158bf8c556e6d0);}
body[subject='5-2'] .scroll_box {background: url(../../src/img/5-2/scroll_bar..svg?c45cd41033798fae2938) no-repeat;}
body[subject='5-2'] .game_box {background: url(../../src/img/5-2/game_box_bg..svg?a4b93fd50ddb08cb37e7) no-repeat;}
body[subject='5-2'] .ox_btn {background: url(../../src/img/5-2/ox_btn_bg..svg?2e3239ffddb14d8bedd0) no-repeat;}
body[subject='5-2'] .play_btn {background: url(../../src/img/5-2/play_btn_bg..svg?6e82e7133ac199a3e4fa) no-repeat;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_bg {background: url(../../src/img/5-2/chapter_bg_math..svg?6a61e5ac95cb786d641d) no-repeat;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_bg.math {background: url(../../src/img/5-2/chapter_bg_math..svg?6a61e5ac95cb786d641d) no-repeat;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_bg.sub {background: url(../../src/img/5-2/chapter_bg_sub..svg?6527c20cb6f096739925) no-repeat;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {-webkit-animation: steps(78) 3s infinite;-ms-animation: steps(78) 3s infinite;animation: steps(78) 3s infinite;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {-webkit-animation: steps(109) 3s infinite;-ms-animation: steps(109) 3s infinite;animation: steps(109) 3s infinite;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {-webkit-animation: steps(148) 4.5s infinite;-ms-animation: steps(148) 4.5s infinite;animation: steps(148) 4.5s infinite;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {-webkit-animation: steps(140) 4.5s infinite;-ms-animation: steps(140) 4.5s infinite;animation: steps(140) 4.5s infinite;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {-webkit-animation: steps(143) 4.5s infinite;-ms-animation: steps(143) 4.5s infinite;animation: steps(143) 4.5s infinite;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {-webkit-animation: steps(144) 4.5s infinite;-ms-animation: steps(144) 4.5s infinite;animation: steps(144) 4.5s infinite;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {-webkit-animation: steps(121) 4s infinite;-ms-animation: steps(121) 4s infinite;animation: steps(121) 4s infinite;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {-webkit-animation: steps(120) 4s infinite;-ms-animation: steps(120) 4s infinite;animation: steps(120) 4s infinite;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {left: -40px;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {left: -50px;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {left: -50px;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {left: -55px;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {left: -45px;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {left: -60px;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {left: -35px;}
body[subject='5-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {left: -45px;}
body[subject='5-2'] .shorcut_title {color: #509920;}
body[subject='5-2'] .shorcut_btn {background: url(../../src/img/5-2/shorcut_btn..svg?d313c18da3fb279c1e76) no-repeat;}
body[subject='5-2'] .lesson_btn.on:nth-child(2) {font-size: 15px;}
body[subject='5-2'] .lesson_btn:nth-child(2) div {color: #35b5fc;font-size: 15px;letter-spacing: -0.5px;margin-left: 5px;}

/* 6-1 */
body[subject='6-1'] {background-color: #f9bbdb;}
body[subject='6-1'] .bg {background-color: #f9bbdb;}
body[subject='6-1'] .chapter_list_box::-webkit-scrollbar-thumb{background: #f9bbdb;}
body[subject='6-1'] .title_bg {color: #d6549b;}
body[subject='6-1'] #chapter_popup .ebook_btn {color: #d6549b;}
body[subject='6-1'] #chapter_popup .smart_btn {color: #d6549b;}
body[subject='6-1'] .lesson_btn.on {
  text-shadow: rgb(214, 84, 155) 2px 0px 0px, rgb(214, 84, 155) 1.75517px 0.958851px 0px, rgb(214, 84, 155) 1.0806px 1.68294px 0px, rgb(214, 84, 155) 0.141474px 1.99499px 0px, rgb(214, 84, 155) -0.832294px 1.81859px 0px, rgb(214, 84, 155) -1.60229px 1.19694px 0px, rgb(214, 84, 155) -1.97998px 0.28224px 0px, rgb(214, 84, 155) -1.87291px -0.701566px 0px, rgb(214, 84, 155) -1.30729px -1.5136px 0px, rgb(214, 84, 155) -0.421592px -1.95506px 0px, rgb(214, 84, 155) 0.567324px -1.91785px 0px, rgb(214, 84, 155) 1.41734px -1.41108px 0px, rgb(214, 84, 155) 1.92034px -0.558831px 0px;
}
/* body[subject='6-1'] #chapter_popup .chapter_content.smart .ebook_btn {background-color: #FDCBCB;} */
/* body[subject='6-1'] #chapter_popup .chapter_content.ebook .smart_btn {background-color: #FDCBCB;} */
body[subject='6-1'] .digital_btn {background: url(../../src/img/6-1/digital_btn..svg?8ccf35697266b8377f34) no-repeat;}
body[subject='6-1'] .card_btn {background: url(../../src/img/6-1/card_btn..svg?07ed9a978fa65a9e5725) no-repeat;}
body[subject='6-1'] .game_btn  {background: url(../../src/img/6-1/game_btn..svg?c4fa3d13e8cf3143ec6c) no-repeat;}
body[subject='6-1'] .class_box {background: url(../../src/img/6-1/class_box_bg..svg?c6966174a443a8e5589f) no-repeat;}
body[subject='6-1'] .class_make_btn {background: url(../../src/img/6-1/class_make..svg?00d9bb05211ce32a9b3a) no-repeat;}
body[subject='6-1'] .class_list_btn {background: url(../../src/img/6-1/class_list..svg?332859e54b0d6e3b4b8d) no-repeat;}
body[subject='6-1'] .help_btn {background: url(../../src/img/6-1/help_btn..svg?2f3157bef0ac1b5f98b2) no-repeat;}
body[subject='6-1'] #chapter_popup .ebook_btn::before {content: url(../../src/img/6-1/ebook_btn_ico..svg?8374c599975054288a99);}
body[subject='6-1'] #chapter_popup .smart_btn::before {content: url(../../src/img/6-1/smart_btn_ico..svg?ed97945d37e86435d415);}
body[subject='6-1'] .scroll_box {background: url(../../src/img/6-1/scroll_bar..svg?c7196070924a80356e34) no-repeat;}
body[subject='6-1'] .game_box {background: url(../../src/img/6-1/game_box_bg..svg?f5f1a643b2d4aaf4df12) no-repeat;}
body[subject='6-1'] .ox_btn {background: url(../../src/img/6-1/ox_btn_bg..svg?adfe0fac80af1ff18302) no-repeat;}
body[subject='6-1'] .play_btn {background: url(../../src/img/6-1/play_btn_bg..svg?9a577bfc2cecfe6712cc) no-repeat;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_bg {background: url(../../src/img/6-1/chapter_bg_math..svg?b0a66c93d35a3a0cccec) no-repeat;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_bg.math {background: url(../../src/img/6-1/chapter_bg_math..svg?b0a66c93d35a3a0cccec) no-repeat;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_bg.sub {background: url(../../src/img/6-1/chapter_bg_sub..svg?a2c98fa92645633cdc3b) no-repeat;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {-webkit-animation: steps(202) 6s infinite;-ms-animation: steps(202) 6s infinite;animation: steps(202) 6s infinite;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {-webkit-animation: steps(139) 4s infinite;-ms-animation: steps(139) 4s infinite;animation: steps(139) 4s infinite;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {-webkit-animation: steps(139) 4s infinite;-ms-animation: steps(139) 4s infinite;animation: steps(139) 4s infinite;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {-webkit-animation: steps(139) 4s infinite;-ms-animation: steps(139) 4s infinite;animation: steps(139) 4s infinite;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {-webkit-animation: steps(151) 5s infinite;-ms-animation: steps(151) 5s infinite;animation: steps(151) 5s infinite;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {-webkit-animation: steps(151) 5s infinite;-ms-animation: steps(151) 5s infinite;animation: steps(151) 5s infinite;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {-webkit-animation: steps(131) 4s infinite;-ms-animation: steps(131) 4s infinite;animation: steps(131) 4s infinite;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {-webkit-animation: steps(120) 4s infinite;-ms-animation: steps(120) 4s infinite;animation: steps(120) 4s infinite;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {left: -90px;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {left: -25px;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {left: -45px;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {left: -15px;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {left: -65px;transform: scale(0.85);}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {left: -40px;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {left: -40px;}
body[subject='6-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {left: -50px;transform: scale(0.85);}
body[subject='6-1'] .shorcut_title {color: #d6549b;}
body[subject='6-1'] .shorcut_btn {background: url(../../src/img/6-1/shorcut_btn..svg?0805637655bc3b7bfd02) no-repeat;}
body[subject='6-1'] .lesson_btn.on:nth-child(6) {font-size: 17px;}
body[subject='6-1'] .lesson_btn:nth-child(6) div {color: #ea4460;font-size: 17px;letter-spacing: -0.5px;}

/* 6-2 */
body[subject='6-2'] {background-color: #97d3ff;}
body[subject='6-2'] .bg {background-color: #97d3ff;}
body[subject='6-2'] .chapter_list_box::-webkit-scrollbar-thumb{background: #97d3ff;}
body[subject='6-2'] .title_bg {color: #2a9df2;}
body[subject='6-2'] #chapter_popup .ebook_btn {color: #2a9df2;}
body[subject='6-2'] #chapter_popup .smart_btn {color: #2a9df2;}
body[subject='6-2'] .lesson_btn.on {
  text-shadow: rgb(42, 157, 242) 2px 0px 0px, rgb(42, 157, 242) 1.75517px 0.958851px 0px, rgb(42, 157, 242) 1.0806px 1.68294px 0px, rgb(42, 157, 242) 0.141474px 1.99499px 0px, rgb(42, 157, 242) -0.832294px 1.81859px 0px, rgb(42, 157, 242) -1.60229px 1.19694px 0px, rgb(42, 157, 242) -1.97998px 0.28224px 0px, rgb(42, 157, 242) -1.87291px -0.701566px 0px, rgb(42, 157, 242) -1.30729px -1.5136px 0px, rgb(42, 157, 242) -0.421592px -1.95506px 0px, rgb(42, 157, 242) 0.567324px -1.91785px 0px, rgb(42, 157, 242) 1.41734px -1.41108px 0px, rgb(42, 157, 242) 1.92034px -0.558831px 0px;
}
/* body[subject='6-2'] #chapter_popup .chapter_content.smart .ebook_btn {background-color: #FDDD9B;} */
/* body[subject='6-2'] #chapter_popup .chapter_content.ebook .smart_btn {background-color: #FDDD9B;} */
body[subject='6-2'] .digital_btn {background: url(../../src/img/6-2/digital_btn..svg?a618173d555d45b240a8) no-repeat;}
body[subject='6-2'] .card_btn {background: url(../../src/img/6-2/card_btn..svg?621eaa2bca2d779424c2) no-repeat;}
body[subject='6-2'] .game_btn  {background: url(../../src/img/6-2/game_btn..svg?4cbb669a81910f7bf616) no-repeat;}
body[subject='6-2'] .class_box {background: url(../../src/img/6-2/class_box_bg..svg?978d32757be00ba07eb9) no-repeat;}
body[subject='6-2'] .class_make_btn {background: url(../../src/img/6-2/class_make..svg?17c371bbde783d2a3f6e) no-repeat;}
body[subject='6-2'] .class_list_btn {background: url(../../src/img/6-2/class_list..svg?cd3de941d8dfa357dc81) no-repeat;}
body[subject='6-2'] .help_btn {background: url(../../src/img/6-2/help_btn..svg?45d764f824945aa494ec) no-repeat;}
body[subject='6-2'] #chapter_popup .ebook_btn::before {content: url(../../src/img/6-2/ebook_btn_ico..svg?0d80bc538dcfe0f7e62d);}
body[subject='6-2'] #chapter_popup .smart_btn::before {content: url(../../src/img/6-2/smart_btn_ico..svg?2bb0f5e03e3fb69d9cff);}
body[subject='6-2'] .scroll_box {background: url(../../src/img/6-2/scroll_bar..svg?9810e3d1e026344b013d) no-repeat;}
body[subject='6-2'] .game_box {background: url(../../src/img/6-2/game_box_bg..svg?1bfb405e66ee2d161ad6) no-repeat;}
body[subject='6-2'] .ox_btn {background: url(../../src/img/6-2/ox_btn_bg..svg?c4f1e0a727f6969b1f66) no-repeat;}
body[subject='6-2'] .play_btn {background: url(../../src/img/6-2/play_btn_bg..svg?f7aa00da73e3e6eb2f60) no-repeat;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_bg {background: url(../../src/img/6-2/chapter_bg_math..svg?775df43338e2d19f342a) no-repeat;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_bg.math {background: url(../../src/img/6-2/chapter_bg_math..svg?775df43338e2d19f342a) no-repeat;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_bg.sub {background: url(../../src/img/6-2/chapter_bg_sub..svg?f07eb8b6d67457a31198) no-repeat;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {-webkit-animation: steps(80) 3s infinite;-ms-animation: steps(80) 3s infinite;animation: steps(80) 3s infinite;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {-webkit-animation: steps(149) 5s infinite;-ms-animation: steps(149) 5s infinite;animation: steps(149) 5s infinite;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {-webkit-animation: steps(230) 7s infinite;-ms-animation: steps(230) 7s infinite;animation: steps(230) 7s infinite;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {-webkit-animation: steps(148) 5s infinite;-ms-animation: steps(148) 5s infinite;animation: steps(148) 5s infinite;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {-webkit-animation: steps(169) 5s infinite;-ms-animation: steps(169) 5s infinite;animation: steps(169) 5s infinite;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {-webkit-animation: steps(75) 3s infinite;-ms-animation: steps(75) 3s infinite;animation: steps(75) 3s infinite;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {-webkit-animation: steps(169) 5s infinite;-ms-animation: steps(169) 5s infinite;animation: steps(169) 5s infinite;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {-webkit-animation: steps(129) 4s infinite;-ms-animation: steps(129) 4s infinite;animation: steps(129) 4s infinite;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {left: -45px;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {left: -40px;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {left: -25px;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {left: -40px;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {left: -44px;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {left: -40px;}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {left: -55px;transform: scale(0.85);}
body[subject='6-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {left: -50px;transform: scale(0.85);}
body[subject='6-2'] .shorcut_title {color: #2a9df2;}
body[subject='6-2'] .shorcut_btn {background: url(../../src/img/6-2/shorcut_btn..svg?fac00e803efc1e461641) no-repeat;}




.chapter_content .sprite {
  position: absolute;
  top: 201px;
  left: 54px;
  width: 370px;
  height: 370px;
}

.sprite video {
  position: absolute;
  left: 0;
  top: 0;
}


#chapter_popup.ebook_smart .chapter_content .chapter_sprite.on {
  position: absolute;
  left: -60px;
  top: 200px;
  width: 576px;
  height: 324px;
  pointer-events: none;
}
/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/reset.css ***!
  \*********************************************************************/
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, 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, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    word-break: keep-all;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
legend, caption
{
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0
}
address, caption, cite, code, dfn, em, strong, b, th, var, h1, h2, h3, h4, h5, h6
{
    font-style: normal;
    font-weight: normal
}
body
{
    font-family: verdana, arial, sans-serif;
    font-size: 18px;

    /*
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
    */

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);
    -o-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    highlight-color: rgba(0, 0, 0, 0);
}
a
{
    text-decoration: none;
    cursor: pointer;
}
textarea, textarea:focus, textarea:hover
{
    outline: none;
    resize:none;
}

span.sNum {
    position: relative;
    top: -7px;
    font-size: 7px;
  }