/*!**********************************************************************!*\
  !*** 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 !important;
  pointer-events: none !important;
}

/* 샘플링 */
.sample:not(.on) {
  opacity: 0.7 !important;
  pointer-events: none !important;
}
.pointerN {
  pointer-events: none !important;
}
.pointerN:not(.none) {
  opacity: 0.5 !important;
}
/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/index.css ***!
  \*********************************************************************/
/* preload */
body[subject='3-1']::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: 
  url(../../src/img/chapter_bg_math..svg?c35271862ce3b1aa5d78)
  url(../../src/img/chapter_bg_sub..svg?0dd05d8ca48a1fa07004)
  url(../../src/img/sprite_start_01..png?e9e679a5100a984d0e68)
  url(../../src/img/sprite_start_02..png?e2d9082c80a1a281b49a)
  url(../../src/img/sprite_start_03..png?a920105709ce65b0ef64)
  url(../../src/img/sprite_start_04..png?1664ae8dc9ef18293608)
  url(../../src/img/sprite_start_05..png?fb618514afe99e3df428)
  url(../../src/img/sprite_start_06..png?9c9d5310d5aea62cbfd1)
  url(../../src/img/sprite_start_07..png?c836c073c3aec5fcf52a)
  url(../../src/img/sprite_start_08..png?3345f0d8a9bb3af37be0);
}
/* preload */
body[subject='3-2']::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: 
  url(../../src/img/3-2/chapter_bg_math..svg?9cd8a9d9dc9f18b20df0)
  url(../../src/img/3-2/chapter_bg_sub..svg?814b2c9834788d947578)
  url(../../src/img/sprite_start_01..png?e9e679a5100a984d0e68)
  url(../../src/img/sprite_start_02..png?e2d9082c80a1a281b49a)
  url(../../src/img/sprite_start_03..png?a920105709ce65b0ef64)
  url(../../src/img/sprite_start_04..png?1664ae8dc9ef18293608)
  url(../../src/img/sprite_start_05..png?fb618514afe99e3df428)
  url(../../src/img/sprite_start_06..png?9c9d5310d5aea62cbfd1)
  url(../../src/img/sprite_start_07..png?c836c073c3aec5fcf52a)
  url(../../src/img/sprite_start_08..png?3345f0d8a9bb3af37be0);
}
/* preload */
body[subject='4-1']::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: 
  url(../../src/img/4-1/chapter_bg_math..svg?a7cc871ec27ab51df769)
  url(../../src/img/4-1/chapter_bg_sub..svg?8a34f9e6148ab730553e)
  url(../../src/img/sprite_start_01..png?e9e679a5100a984d0e68)
  url(../../src/img/sprite_start_02..png?e2d9082c80a1a281b49a)
  url(../../src/img/sprite_start_03..png?a920105709ce65b0ef64)
  url(../../src/img/sprite_start_04..png?1664ae8dc9ef18293608)
  url(../../src/img/sprite_start_05..png?fb618514afe99e3df428)
  url(../../src/img/sprite_start_06..png?9c9d5310d5aea62cbfd1)
  url(../../src/img/sprite_start_07..png?c836c073c3aec5fcf52a)
  url(../../src/img/sprite_start_08..png?3345f0d8a9bb3af37be0);
}
/* preload */
body[subject='4-2']::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: 
  url(../../src/img/4-2/chapter_bg_math..svg?a7cc871ec27ab51df769)
  url(../../src/img/4-2/chapter_bg_sub..svg?8a34f9e6148ab730553e)
  url(../../src/img/sprite_start_01..png?e9e679a5100a984d0e68)
  url(../../src/img/sprite_start_02..png?e2d9082c80a1a281b49a)
  url(../../src/img/sprite_start_03..png?a920105709ce65b0ef64)
  url(../../src/img/sprite_start_04..png?1664ae8dc9ef18293608)
  url(../../src/img/sprite_start_05..png?fb618514afe99e3df428)
  url(../../src/img/sprite_start_06..png?9c9d5310d5aea62cbfd1)
  url(../../src/img/sprite_start_07..png?c836c073c3aec5fcf52a)
  url(../../src/img/sprite_start_08..png?3345f0d8a9bb3af37be0);
}


body {
  position: fixed;
}

.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;
}

.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: 222px;
  height: 371px;
}

.lesson_btn {
  position: relative;
  left: 130px;
  width: 82px;
  height: 38px;
  font-family: 'ygotjalnanfont';
  color: #ffffff;
  text-align: right;
  line-height: 1.6em;
  font-size: 19px;
}

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

.lesson_btn.on div{
  text-shadow: -1.5px 0 #ffffff, 0 1.5px #ffffff, 1.5px 0 #ffffff, 0 -1.5px #ffffff;
}

.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: #ff6a29;}
.lesson_btn:nth-child(5) div {color: #7d78f4;}
.lesson_btn:nth-child(6) div {color: #ea4460;}
.lesson_btn:nth-child(7) div {color: #00c956;}
.lesson_btn:nth-child(8) div {color: #ffa300;}

#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: #ff6a29;
}

#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: #7d78f4;
}

#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: #ea4460;
}

#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: #ffa300;
}

.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: 38px;
  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: 60px;
  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: 468px;
  top: 59px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  width: 492px;
  height: 483px;
  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: 93px;
  line-height: 2.5em;
  text-align: left;
  font-size: 17px;
  font-family: 'ygotjalnanfont';
  color: #000000;
  margin: 5px 0;
}

#chapter_popup .chapter_list_btn:first-child {
  margin-top: 5px;
}
#chapter_popup .chapter_list_btn:last-child {
  margin-bottom: 0;
}

#chapter_popup .chapter_list_btn .list_num {
  position: absolute;
  left: 4px;
  width: 80px;
  font-size: 24px;
  pointer-events: none;
  text-align: center;
  font-family: 'ygotjalnanfont';
  background: rgba(0,0,0,0.1);
  border-radius: 30px;
  height: 32px;
  margin-top: 3px;
  line-height: 1.4em;
  color: #81848c;
}

#chapter_popup .chapter_list_btn .list_text {
  pointer-events: none;
  font-family: 'ygotjalnanfont';
}

#chapter_popup .chapter_list_btn.active .list_num,
#chapter_popup .chapter_list_btn.hover .list_num {
  position: absolute;
  left: 4px;
  width: 80px;
  font-size: 24px;
  color: #ffffff;
  font-family: 'ygotjalnanfont';
  background: rgba(0,0,0,0.2);
}

#chapter_popup .chapter_list_btn.active,
#chapter_popup .chapter_list_btn.hover {
  position: relative;
  width: 492px;
  height: 38px;
  padding-left: 93px;
  line-height: 2.5em;
  text-align: left;
  font-size: 17px;
  font-family: 'ygotjalnanfont';
  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.active,
#chapter_popup .chapter_list_box.ten .chapter_list_btn.hover {
  width: 470px;
}
#chapter_popup .chapter_list_box.ten .chapter_list_btn {
  width: 470px;
}

#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?e9e679a5100a984d0e68) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {background: url(../../src/img/sprite_start_02..png?e2d9082c80a1a281b49a) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {background: url(../../src/img/sprite_start_03..png?a920105709ce65b0ef64) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {background: url(../../src/img/sprite_start_04..png?1664ae8dc9ef18293608) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {background: url(../../src/img/sprite_start_05..png?fb618514afe99e3df428) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {background: url(../../src/img/sprite_start_06..png?9c9d5310d5aea62cbfd1) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {background: url(../../src/img/sprite_start_07..png?c836c073c3aec5fcf52a) no-repeat;}
#chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {background: url(../../src/img/sprite_start_08..png?3345f0d8a9bb3af37be0) 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';
}

/* 학년 학기별 속성 */
/* 3-1 */
body[subject='3-1'] {background-color: #16d3d3;}
body[subject='3-1'] .chapter_list_box::-webkit-scrollbar-thumb{background: #16D3D3;}
body[subject='3-1'] .title_bg {color: #00938f;}
body[subject='3-1'] #chapter_popup .ebook_btn {color: #00938f;}
body[subject='3-1'] #chapter_popup .smart_btn {color: #00938f;}
body[subject='3-1'] .lesson_btn.on {text-shadow: -1.5px 0 #008480, 0 1.5px #008480, 1.5px 0 #008480, 0 -1.5px #008480;}
body[subject='3-1'] #chapter_popup .chapter_content.smart .ebook_btn {background-color: #6BE3E3;}
body[subject='3-1'] #chapter_popup .chapter_content.ebook .smart_btn {background-color: #6BE3E3;}
body[subject='3-1'] .digital_btn {background: url(../../src/img/digital_btn..svg?efe8f095263ec0db6ba4) no-repeat;}
body[subject='3-1'] .card_btn {background: url(../../src/img/card_btn..svg?2d943d58b48322dd70d1) no-repeat;}
body[subject='3-1'] .game_btn  {background: url(../../src/img/game_btn..svg?edf9c95b06a41ac4d649) no-repeat;}
body[subject='3-1'] .class_box {background: url(../../src/img/class_box_bg..svg?ec7fdded5190f35c3865) no-repeat;}
body[subject='3-1'] .class_make_btn {background: url(../../src/img/class_make..svg?4e31bc9b303f70349f56) no-repeat;}
body[subject='3-1'] .class_list_btn {background: url(../../src/img/class_list..svg?7aa173abbe37b957a463) no-repeat;}
body[subject='3-1'] .help_btn {background: url(../../src/img/help_btn..svg?f4539d65b97dc6e753a5) no-repeat;}
body[subject='3-1'] #chapter_popup .ebook_btn::before {content: url(../../src/img/ebook_btn_ico..svg?01b942a6e794ad2b769b);}
body[subject='3-1'] #chapter_popup .smart_btn::before {content: url(../../src/img/smart_btn_ico..svg?4509f96a3cd74162d830);}
body[subject='3-1'] .scroll_box {background: url(../../src/img/scroll_bar..svg?d29907148b4693da90e7) no-repeat;}
body[subject='3-1'] .game_box {background: url(../../src/img/game_box_bg..svg?de264439908bdc2c1d70) no-repeat;}
body[subject='3-1'] .ox_btn {background: url(../../src/img/ox_btn_bg..svg?ec640db40cf998b1de4c) no-repeat;}
body[subject='3-1'] .play_btn {background: url(../../src/img/play_btn_bg..svg?b1f55c2d95dd341f79d5) no-repeat;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_bg {background: url(../../src/img/chapter_bg_math..svg?c35271862ce3b1aa5d78) no-repeat;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_bg.math {background: url(../../src/img/chapter_bg_math..svg?c35271862ce3b1aa5d78) no-repeat;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_bg.sub {background: url(../../src/img/chapter_bg_sub..svg?0dd05d8ca48a1fa07004) no-repeat;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {-webkit-animation: steps(89)  3s infinite;-ms-animation: steps(89)  3s infinite;animation: steps(89)  3s infinite;}
body[subject='3-1'] #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='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {-webkit-animation: steps(109) 3s infinite;-ms-animation: steps(109) 3s infinite;animation: steps(109) 3s infinite;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {-webkit-animation: steps(74)  3s infinite;-ms-animation: steps(74)  3s infinite;animation: steps(74)  3s infinite;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {-webkit-animation: steps(109) 3s infinite;-ms-animation: steps(109) 3s infinite;animation: steps(109) 3s infinite;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {-webkit-animation: steps(79)  3s infinite;-ms-animation: steps(79)  3s infinite;animation: steps(79)  3s infinite;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {-webkit-animation: steps(78)  3s infinite;-ms-animation: steps(78)  3s infinite;animation: steps(78)  3s infinite;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {-webkit-animation: steps(79)  3s infinite;-ms-animation: steps(79)  3s infinite;animation: steps(79)  3s infinite;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {width: 266px;left: 120px;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {width: 372px;left: 53px;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {width: 408px;left: 35px;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {width: 382px;left: 48px;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {width: 317px;left: 81px;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {width: 330px;left: 104px;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {width: 394px;left: 43px;}
body[subject='3-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {width: 340px;left: 99px;}
body[subject='3-1'] .shorcut_title {color: #00938f;}
body[subject='3-1'] .shorcut_btn {background: url(../../src/img/shorcut_btn..svg?270204bce500d1707d0d) no-repeat;}
/* 3-2 */
body[subject='3-2'] {background-color: #B791F8;}
body[subject='3-2'] .chapter_list_box::-webkit-scrollbar-thumb{background: #B791F8;}
body[subject='3-2'] .title_bg {color: #8569D6;}
body[subject='3-2'] #chapter_popup .ebook_btn {color: #8569D6;}
body[subject='3-2'] #chapter_popup .smart_btn {color: #8569D6;}
body[subject='3-2'] .lesson_btn.on {text-shadow: -1.5px 0 #8773c6, 0 1.5px #8773c6, 1.5px 0 #8773c6, 0 -1.5px #8773c6;}
body[subject='3-2'] #chapter_popup .chapter_content.smart .ebook_btn {background-color: #D4BDFB;}
body[subject='3-2'] #chapter_popup .chapter_content.ebook .smart_btn {background-color: #D4BDFB;}
body[subject='3-2'] .digital_btn {background: url(../../src/img/3-2/digital_btn..svg?2eb4b7213928ba2970fb) no-repeat;}
body[subject='3-2'] .card_btn {background: url(../../src/img/3-2/card_btn..svg?bc199d0a771affba7057) no-repeat;}
body[subject='3-2'] .game_btn  {background: url(../../src/img/3-2/game_btn..svg?ab7e7ddb5dc0d77c4043) no-repeat;}
body[subject='3-2'] .class_box {background: url(../../src/img/3-2/class_box_bg..svg?96c7eeeee38545e7ac4d) no-repeat;}
body[subject='3-2'] .class_make_btn {background: url(../../src/img/3-2/class_make..svg?c53a44e91d636083946e) no-repeat;}
body[subject='3-2'] .class_list_btn {background: url(../../src/img/3-2/class_list..svg?2d720ff8a756d719b8e9) no-repeat;}
body[subject='3-2'] .help_btn {background: url(../../src/img/3-2/help_btn..svg?db298c7a5f173ed8ed45) no-repeat;}
body[subject='3-2'] #chapter_popup .ebook_btn::before {content: url(../../src/img/3-2/ebook_btn_ico..svg?68e9a693c16b2b19a40b);}
body[subject='3-2'] #chapter_popup .smart_btn::before {content: url(../../src/img/3-2/smart_btn_ico..svg?32b2bbc4cf9e5281eb8e);}
body[subject='3-2'] .scroll_box {background: url(../../src/img/3-2/scroll_bar..svg?758b073ce7296ce98755) no-repeat;}
body[subject='3-2'] .game_box {background: url(../../src/img/3-2/game_box_bg..svg?541be1af536c01414721) no-repeat;}
body[subject='3-2'] .ox_btn {background: url(../../src/img/3-2/ox_btn_bg..svg?4627a2a5fe98431c8eb5) no-repeat;}
body[subject='3-2'] .play_btn {background: url(../../src/img/3-2/play_btn_bg..svg?f9055b871d7d91077c2a) no-repeat;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_bg {background: url(../../src/img/3-2/chapter_bg_math..svg?9cd8a9d9dc9f18b20df0) no-repeat;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_bg.math {background: url(../../src/img/3-2/chapter_bg_math..svg?9cd8a9d9dc9f18b20df0) no-repeat;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_bg.sub {background: url(../../src/img/3-2/chapter_bg_sub..svg?814b2c9834788d947578) no-repeat;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {-webkit-animation: steps(79) 3s infinite;-ms-animation: steps(79) 3s infinite;animation: steps(79) 3s infinite;}
body[subject='3-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='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {-webkit-animation: steps(74) 3s infinite;-ms-animation: steps(74) 3s infinite;animation: steps(74) 3s infinite;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {-webkit-animation: steps(69) 3s infinite;-ms-animation: steps(69) 3s infinite;animation: steps(69) 3s infinite;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {-webkit-animation: steps(79) 3s infinite;-ms-animation: steps(79) 3s infinite;animation: steps(79) 3s infinite;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {-webkit-animation: steps(89) 3s infinite;-ms-animation: steps(89) 3s infinite;animation: steps(89) 3s infinite;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {-webkit-animation: steps(109) 3s infinite;-ms-animation: steps(109) 3s infinite;animation: steps(109) 3s infinite;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {-webkit-animation: steps(75) 3s infinite;-ms-animation: steps(75) 3s infinite;animation: steps(75) 3s infinite;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {width: 402px;left: 48px;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {width: 411px;left: 37px;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {width: 432px;left: 23px;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {width: 315px;left: 65px;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {width: 315px;left: 96px;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {width: 333px;left: 87px;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {width: 420px;left: 31px;top: 213px;}
body[subject='3-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {width: 268px;left: 105px;}
body[subject='3-2'] .shorcut_title {color: #8569D6;}
body[subject='3-2'] .shorcut_btn {background: url(../../src/img/3-2/shorcut_btn..svg?e3d3800e104d6ca46cb3) no-repeat;}
/* 4-1 */
body[subject='4-1'] {background-color: #FCA9A9;}
body[subject='4-1'] .bg {background-color: #FCA9A9;}
body[subject='4-1'] .chapter_list_box::-webkit-scrollbar-thumb{background: #FCA9A9;}
body[subject='4-1'] .title_bg {color: #E54A4A;}
body[subject='4-1'] #chapter_popup .ebook_btn {color: #E54A4A;}
body[subject='4-1'] #chapter_popup .smart_btn {color: #E54A4A;}
body[subject='4-1'] .lesson_btn.on {text-shadow: -1.5px 0 #e7543a, 0 1.5px #e7543a, 1.5px 0 #e7543a, 0 -1.5px #e7543a;}
body[subject='4-1'] #chapter_popup .chapter_content.smart .ebook_btn {background-color: #FDCBCB;}
body[subject='4-1'] #chapter_popup .chapter_content.ebook .smart_btn {background-color: #FDCBCB;}
body[subject='4-1'] .digital_btn {background: url(../../src/img/4-1/digital_btn..svg?b0f4616f0231e8b79eb4) no-repeat;}
body[subject='4-1'] .card_btn {background: url(../../src/img/4-1/card_btn..svg?25c43212b343e840cf48) no-repeat;}
body[subject='4-1'] .game_btn  {background: url(../../src/img/4-1/game_btn..svg?fb8e5e05f13203a21e5b) no-repeat;}
body[subject='4-1'] .class_box {background: url(../../src/img/4-1/class_box_bg..svg?8d36d77a17089b7db225) no-repeat;}
body[subject='4-1'] .class_make_btn {background: url(../../src/img/4-1/class_make..svg?308e38687b296c8b0a82) no-repeat;}
body[subject='4-1'] .class_list_btn {background: url(../../src/img/4-1/class_list..svg?0a8bbfad71749ff35d3b) no-repeat;}
body[subject='4-1'] .help_btn {background: url(../../src/img/4-1/help_btn..svg?86a2893c3768271dc9c2) no-repeat;}
body[subject='4-1'] #chapter_popup .ebook_btn::before {content: url(../../src/img/4-1/ebook_btn_ico..svg?a1a53618207f5e6a2fff);}
body[subject='4-1'] #chapter_popup .smart_btn::before {content: url(../../src/img/4-1/smart_btn_ico..svg?26c72a2e3a7b656e7706);}
body[subject='4-1'] .scroll_box {background: url(../../src/img/4-1/scroll_bar..svg?4875bb38a6c761775823) no-repeat;}
body[subject='4-1'] .game_box {background: url(../../src/img/4-1/game_box_bg..svg?4d4232f730695dc71632) no-repeat;}
body[subject='4-1'] .ox_btn {background: url(../../src/img/4-1/ox_btn_bg..svg?7a55cd3ed81a9ca52ff1) no-repeat;}
body[subject='4-1'] .play_btn {background: url(../../src/img/4-1/play_btn_bg..svg?a4734261dab844c2425b) no-repeat;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_bg {background: url(../../src/img/4-1/chapter_bg_math..svg?a7cc871ec27ab51df769) no-repeat;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_bg.math {background: url(../../src/img/4-1/chapter_bg_math..svg?a7cc871ec27ab51df769) no-repeat;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_bg.sub {background: url(../../src/img/4-1/chapter_bg_sub..svg?8a34f9e6148ab730553e) no-repeat;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {-webkit-animation: steps(77) 3s infinite;-ms-animation: steps(77) 3s infinite;animation: steps(77) 3s infinite;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {-webkit-animation: steps(79) 3s infinite;-ms-animation: steps(79) 3s infinite;animation: steps(79) 3s infinite;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {-webkit-animation: steps(79) 3s infinite;-ms-animation: steps(79) 3s infinite;animation: steps(79) 3s infinite;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {-webkit-animation: steps(89) 3s infinite;-ms-animation: steps(89) 3s infinite;animation: steps(89) 3s infinite;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {-webkit-animation: steps(99) 3s infinite;-ms-animation: steps(99) 3s infinite;animation: steps(99) 3s infinite;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {-webkit-animation: steps(79) 3s infinite;-ms-animation: steps(79) 3s infinite;animation: steps(79) 3s infinite;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {-webkit-animation: steps(86) 3s infinite;-ms-animation: steps(86) 3s infinite;animation: steps(86) 3s infinite;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {-webkit-animation: steps(79) 3s infinite;-ms-animation: steps(79) 3s infinite;animation: steps(79) 3s infinite;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {width: 399px;left: 39px;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {width: 338px;left: 77px;top: 201px;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {width: 416px;left: 34px;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {width: 429px;left: -26px;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {width: 408px;left: 37px;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {width: 390px;left: 57px;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {width: 426px;left: 28px;top: 212px;}
body[subject='4-1'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {width: 340px;left: 92px;}
body[subject='4-1'] .shorcut_title {color: #E54A4A;}
body[subject='4-1'] .shorcut_btn {background: url(../../src/img/4-1/shorcut_btn..svg?d6972f744a2270252e70) no-repeat;}
/* 4-2 */
body[subject='4-2'] {background-color: #FCC659;}
body[subject='4-2'] .bg {background-color: #FCC659;}
body[subject='4-2'] .chapter_list_box::-webkit-scrollbar-thumb{background: #FCC659;}
body[subject='4-2'] .title_bg {color: #F46E00;}
body[subject='4-2'] #chapter_popup .ebook_btn {color: #F46E00;}
body[subject='4-2'] #chapter_popup .smart_btn {color: #F46E00;}
body[subject='4-2'] .lesson_btn.on {text-shadow: -1.5px 0 #a86812, 0 1.5px #a86812, 1.5px 0 #a86812, 0 -1.5px #a86812;}
body[subject='4-2'] #chapter_popup .chapter_content.smart .ebook_btn {background-color: #FDDD9B;}
body[subject='4-2'] #chapter_popup .chapter_content.ebook .smart_btn {background-color: #FDDD9B;}
body[subject='4-2'] .digital_btn {background: url(../../src/img/4-2/digital_btn..svg?733b50de96bba04526fb) no-repeat;}
body[subject='4-2'] .card_btn {background: url(../../src/img/4-2/card_btn..svg?90b6164b9f52deb78bd0) no-repeat;}
body[subject='4-2'] .game_btn  {background: url(../../src/img/4-2/game_btn..svg?7d96992786c215d7a4ba) no-repeat;}
body[subject='4-2'] .class_box {background: url(../../src/img/4-2/class_box_bg..svg?7a5a9919673a8139d8f4) no-repeat;}
body[subject='4-2'] .class_make_btn {background: url(../../src/img/4-2/class_make..svg?96aa169c8fd86ead1181) no-repeat;}
body[subject='4-2'] .class_list_btn {background: url(../../src/img/4-2/class_list..svg?5561b16302e53edc2b25) no-repeat;}
body[subject='4-2'] .help_btn {background: url(../../src/img/4-2/help_btn..svg?fd2e95bde8168b422a81) no-repeat;}
body[subject='4-2'] #chapter_popup .ebook_btn::before {content: url(../../src/img/4-2/ebook_btn_ico..svg?efd5d220ab2dcdf7c1a4);}
body[subject='4-2'] #chapter_popup .smart_btn::before {content: url(../../src/img/4-2/smart_btn_ico..svg?fa46219f7ed30605b460);}
body[subject='4-2'] .scroll_box {background: url(../../src/img/4-2/scroll_bar..svg?ca767cd1d46133673b1b) no-repeat;}
body[subject='4-2'] .game_box {background: url(../../src/img/4-2/game_box_bg..svg?cad50da54ca99037b8f0) no-repeat;}
body[subject='4-2'] .ox_btn {background: url(../../src/img/4-2/ox_btn_bg..svg?2b13027b6d5b940325c4) no-repeat;}
body[subject='4-2'] .play_btn {background: url(../../src/img/4-2/play_btn_bg..svg?67bb98f2f528ca8443ce) no-repeat;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_bg {background: url(../../src/img/4-2/chapter_bg_math..svg?a7cc871ec27ab51df769) no-repeat;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_bg.math {background: url(../../src/img/4-2/chapter_bg_math..svg?a7cc871ec27ab51df769) no-repeat;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_bg.sub {background: url(../../src/img/4-2/chapter_bg_sub..svg?8a34f9e6148ab730553e) no-repeat;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {-webkit-animation: steps(59) 3s infinite;-ms-animation: steps(59) 3s infinite;animation: steps(59) 3s infinite;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {-webkit-animation: steps(69) 3s infinite;-ms-animation: steps(69) 3s infinite;animation: steps(69) 3s infinite;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {-webkit-animation: steps(105) 3s infinite;-ms-animation: steps(105) 3s infinite;animation: steps(105) 3s infinite;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {-webkit-animation: steps(64) 3s infinite;-ms-animation: steps(64) 3s infinite;animation: steps(64) 3s infinite;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {-webkit-animation: steps(103) 3s infinite;-ms-animation: steps(103) 3s infinite;animation: steps(103) 3s infinite;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {-webkit-animation: steps(69) 3s infinite;-ms-animation: steps(69) 3s infinite;animation: steps(69) 3s infinite;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {-webkit-animation: steps(109) 3s infinite;-ms-animation: steps(109) 3s infinite;animation: steps(109) 3s infinite;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {-webkit-animation: steps(75) 3s infinite;-ms-animation: steps(75) 3s infinite;animation: steps(75) 3s infinite;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_1.on {width: 325px;left: 78px;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_2.on {width: 334px;left: 68px;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_3.on {width: 408px;left: 34px;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_4.on {width: 348px;left: 78px;top: 228px;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_5.on {width: 408px;left: 37px;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_6.on {width: 399px;left: 47px;top: 113px;height: 460px;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_7.on {width: 409px;left: 33px;top: 212px;}
body[subject='4-2'] #chapter_popup.ebook_smart .chapter_content .chapter_sprite.ani_8.on {width: 268px;left: 105px;}
body[subject='4-2'] .shorcut_title {color: #F46E00;}
body[subject='4-2'] .shorcut_btn {background: url(../../src/img/4-2/shorcut_btn..svg?11e10b562e9f650b9f33) no-repeat;}
/*!*********************************************************************!*\
  !*** 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;
}