/* header */
@font-face
{ font-family: 'Gosanja'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/Gosanja.woff') format('woff'); font-weight: normal; font-style: normal; }

figure
{ margin: 0 0 1rem; }
img
{ vertical-align: middle; border-style: none; }
svg
{ overflow: hidden; vertical-align: middle; }
table
{ border-collapse: collapse; }



/* 기본 배경설정 */
body.school
{ background: #FFFDEB url('../images/school/main.png') repeat 0 0; background-size: 10%; }



/* # 상단 기본레이아웃 # */
.school-header-desk
{ float: left; position: relative; width: 100%; padding: 0; height: auto; padding: 10px 10px 0; }
.school-header-desk > .header-grid
{ float: left; position: relative; width: 100%; height: auto; display: block; min-height: 1px; }

.school-header-desk > .header-grid > .header-left
{ float: left; position: relative; min-height: 1px; width: 230px; height: auto; display: inline-block; margin: 0; }
.school-header-desk > .header-grid > .header-left > div
{ float: left; position: relative; min-height: 1px; width: 45%; }
.school-header-desk > .header-grid > .header-left > div:first-child
{ margin-right: 20px; }


/* 나의레벨표기 */
.school-header-desk > .header-grid > .header-left > .my-level
{ position: relative; width: 105px; height: 67px; text-align: center; background: #FFFFFF; border: 1px solid var(--border-1); border-radius: 9px; box-shadow: 0px 2px 2px rgb(0 0 0 / 20%); }
.school-header-desk > .header-grid > .header-left > .my-level > a > big
{ display: block; padding: 0 0 6px; margin: 0; font-size: 28px; font-weight: 900; color: var(--yellow-color2); line-height: 20px; }
.school-header-desk > .header-grid > .header-left > .my-level > a > small
{ display: block; padding: 0; margin: 0; font-size: 14px; font-weight: 700; color: var(--txt-color5); }

/* 상단기본카테고리 */
.school-header-desk > .header-grid > .header-category
{ float: left; position: relative; min-height: 1px; width: auto; max-width: 790px; min-width: 730px; height: auto; margin: 0 40px; text-align: center; }
.school-header-desk > .header-grid > .header-category > ul
{ display: block; width: 100%; }
.school-header-desk > .header-grid > .header-category > ul > li
{ display: inline-block; width: 76px; margin: 0 25px; padding: 0; }
.school-header-desk > .header-grid > .header-category > ul > li > a
{ text-align: center; }
.school-header-desk > .header-grid > .header-category > ul > li > a > img
{ width: 100%; }
.school-header-desk > .header-grid > .header-category > ul > li > a > span
{ font-family: 'Gosanja'; font-weight: 300; font-size: 14px; line-height: 26px; text-align: center; color: #555555; }
/* # 상단 기본레이아웃 # */


.school-header-desk > .header-grid > .header-help
{ float: right; position: relative; min-height: 1px; width: auto; width: 160px; height: auto; margin: 10px 0 0; text-align: center; }


/* 전체화면 상단 네비 배경 날림 */
.header-desk-nbg
{ background: transparent; }















/* # FORM > SELECT TYPE # */
.school-select
{ display: inline-block; height: 38px; font-size: 18px; color: #121212; line-height: 23px; min-width: 100%; background: #FFFFFF url('../images/school/icons-select-2.png') right 10px center no-repeat; background-size: 10px auto; padding: 0 30px 0 15px; border: 1px solid #DDDDDD; cursor: pointer; border-radius: 8px; -webkit-appearance: none; }

.school-select > option[disabled],
.school-select > option.disabled
{ color: #AAAAAA; cursor:not-allowed;	background-color:#eee; opacity:1; }



.idic-school-table
{ position: relative; overflow: hidden; border-radius: 25px; }
.idic-school-table > table
{ border-collapse: collapse; border: 0; width: 100%; }
.idic-school-table > table th,
.idic-school-table > table td
{ border: 0; text-align: center; }
.idic-school-table > table thead th,
.idic-school-table > table thead td
{ border-bottom-width: 1px; background-color: #EAEAEA; color: #999999; text-align: center; padding: 8px; }

.idic-school-table > table tbody th,
.idic-school-table > table tbody td
{ border-top: 1px solid #DDDDDD; background-color: #FFFFFF; color: #333333; font-size: 16px; text-align: center; padding: 18px 5px; }

.idic-school-table p {
	margin: 0;
}

/* 이미지영역 */
.idic-school-table > table tbody td:first-child
{ padding: 14px 10px; }
.idic-school-table > table tbody td:first-child > img
{ border-radius: 10px; }

/* 내용영역 */
.idic-school-table > table tbody td:nth-child(2)
{ text-align: left; }
/*.idic-school-table > table tbody td:nth-child(2) > header*/
/*{ padding-top: 10px; }*/
.idic-school-table > table tbody td:nth-child(2) > header > h6
{ font-size: 16px; color: #FFD537; margin: 0; }
.idic-school-table > table tbody td:nth-child(2) > header > cite
{ font-size: 18px; color: #FFB800; font-style: normal; line-height: 28px; }
.idic-school-table > table tbody td:nth-child(2) > header > p
{ font-size: 18px; color: #333333; line-height: 20px; }

.idic-school-table > table tbody td:nth-child(3)
{ padding: 8px 20px; line-height: 26px; }

.idic-school-table > table tbody td:nth-child(n+3)
{ border-left: 1px solid #DDDDDD; }

/* 네비영역 */
.idic-school-table > table tbody td:last-child > a
{ display: inline-block; width: 78px; margin: 0 2px; }
.idic-school-table > table tbody td:last-child > a > img
{ width: 100%; }

/* 타이틀영역 */
.idic-school-table > table > caption
{ width: 100%; font-size: 20px; font-weight: 600; color: #FFFFFF; text-align: center; caption-side: top; background-color: #FFB800; height: 43px; padding: 6px; }

.idic-school-table > table > thead > tr > td
{ width: 100%; font-size: 20px; font-weight: 600; color: #FFFFFF; text-align: center; caption-side: top; background-color: #FFB800; height: 43px; padding: 6px; }

.book-level-menu.stop {
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, .2);
	margin: 0;
	padding: 20px 0 20px;
    /* border-bottom: 1px solid #dbdbdb; */
}


/* ### 기본레이아웃 틀 ### */
section.content
{ width: 100vw; height: calc(100vh - 90px); padding: 5px 10px 60px; display: flex; flex-direction: column; justify-content: space-around; }
section.content > .section-column
{ flex-grow: 1; padding: 0; position: relative; overflow: auto; }
section.content > .section-column > .section-content
{ height: 100%; display: grid; grid-template-columns: 226px auto; gap: 30px; position: relative; width: 100%; }
section.content > .section-column > .section-content > div,
section.content > .section-column > .section-content > main
{ position: relative; overflow: auto; }

section.content > .curri-section-column
{ flex-grow: 1; padding: 0; position: relative; }
section.content > .curri-section-column > .section-content
{ height: 100%; display: grid; grid-template-columns: 226px auto; gap: 30px; position: relative; width: 100%; }
section.content > .curri-section-column > .section-content > div,
section.content > .curri-section-column > .section-content > main
{ position: relative; overflow: auto;}

/* width 100% 전체화면 기본레이아웃 틀 */
section.content.full
{ width: 100vw; height: calc(100vh - 290px); padding: 10px 10px 0; display: flex; flex-direction: column; justify-content: space-around; position: relative; }
section.content.full > .section-column > .section-content
{ height: auto; max-height: 200px; display: grid; grid-template-columns: 100%; gap: 0; }
section.content.full > .section-column > .section-content > main
{ position: relative; overflow: auto; }

section.content.full > .curri-section-column > .section-content
{ height: auto; max-height: 200px; display: grid; grid-template-columns: 100%; gap: 0; }
section.content.full > .curri-section-column > .section-content > main
{ position: relative; overflow: auto; }


section.content.full-frame
{ width: 100vw; height: calc(100vh - 130px); padding: 0 10px 0; display: flex; flex-direction: column; justify-content: space-around; position: relative; }



.section-content > main > header
{ display: flex; flex-direction: column; justify-content: space-around;  background-color: #FFFFFF; border-radius: 20px ; height: 62px; text-align: center; border: 2px solid #FFB800; padding: 10px 20px; width: 100%; }

.section-content > main > header > form
{ flex-grow: 1; padding: 0; position: relative; overflow: hidden; }
.section-content > main > header > form > fieldset
{ height: 100%; display: grid; grid-template-columns: 190px 200px auto; gap: 10px; position: relative; width: 100%; }

.section-content > main > header > form > fieldset > *
{ color: #555555; }
.section-content > main > header > form > fieldset > div > div
{ font-size: 18px; border: 0; line-height: 36px; }
.section-content > main > header > form > fieldset > div:last-child
{ text-align: right; }
.section-content > main > header > form > fieldset > div:last-child > a
{ display: inline-block; font-family: 'Gosanja'; background-color: #FFDC80; border-radius: 60px; text-align: center; padding: 10px 20px 8px; width: 130px; color: #FFFFFF; margin: 0 1px; line-height: 17px; font-size: 15px; }
.section-content > main > header > form > fieldset > div:last-child > a:hover
{ background-color: #FFB800; }











section.ct-section
{ position: relative; overflow: auto; width: 100%; height: auto; padding-bottom: 0; }







/* 상단 네비없는 전체화면 */
.full-section-nopadding
{ flex-grow: 1; padding: 0; position: relative; overflow: hidden; }

/* 전체화면 width 50% 좌우 틀 */
.school-schedule-section
{ width: 100%; height: 100%; display: grid; grid-template-columns: 50% 50%; gap: 10px; position: relative; padding: 0 20px; }
.school-schedule-section > div
{ border-radius: 20px; -webkit-border-radius: 20px; background-color: #FFFFFF; padding: 10px; }


/* 투명도제어 */
.opacity05
{ opacity: 0.5; }














/*  # Widget # */
/* 나의 Class */
article.class-info-widget > header
{ background-color: #FFB800; border-radius: 20px 20px 0 0; height: 200px; text-align: center; }
article.class-info-widget > header > h3
{ font-size: 22px; font-weight: 600; color: #FFFFFF; padding: 13px 0 5px; margin: 0; }
article.class-info-widget > header > h5
{ font-size: 16px; font-weight: 600; color: #FFFFFF; padding: 5px 0 0; line-height: 20px; }
article.class-info-widget > header > .tutor-img > img
{ border-radius: 50%; width: 80px; max-width: 80px; height: 80px; }
article.class-info-widget > header > .class-info
{ border-radius: 60px; width: 155px; height: 30px; margin: 0 auto; background-color: #FFC83A; font-size: 14px; font-weight: 700; color: #FFFFFF; line-height: 28px; }

article.class-info-widget > footer
{ background-color: #FFFFFF; border-radius: 0 0 20px 20px ; height: 137px; text-align: center; border: 1px solid #FFB800; padding: 10px; }
article.class-info-widget > footer > p
{ margin-bottom: 10px; }
article.class-info-widget > footer > p:last-child > a
{ display: inline-block; width: 100px; }


/* # 오늘의 보카 # */
article.today-voca-widget > section > header
{ position: relative; overflow: hidden; background-color: #FFB800; border-radius: 20px 20px 0 0; height: 50px; text-align: center; }
article.today-voca-widget > section > header > h3
{ font-size: 22px; font-weight: 600; color: #FFFFFF; padding: 13px 0 5px; margin: 0; }

article.today-voca-widget > section > main
{ position: relative; overflow: hidden; background-color: #FFFFFF; border-radius: 0 0 20px 20px ; height: 160px; text-align: center; border: 1px solid #FFB800; padding: 10px; }
article.today-voca-widget > section > main > span
{ z-index: 1; position: absolute; top: 20px; left: 20px;  border-radius: 60px; width: 62px; height: 28px; background-color: #FFB800; font-size: 13px; font-weight: 700; color: #FFFFFF; line-height: 28px; }

.today-voca-widget > section > main > .complete-badge
{ position: absolute; left: -10px; top: -10px; background: rgba(255, 255, 255, .4); border-radius: 2px; line-height: 1; color: #fff; font-weight: 700; z-index: 2; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.today-voca-widget > section > main > .complete-badge >  img
{ width: 100px; transform: rotate(-20deg); }



/* 위젯 속 보카 선물박스 */
.voca-box-container
{ width: 130px; margin: 0 auto; }
.voca-box-container > .voca-box-img
{ width: 100%; height: auto; padding-bottom: 100%; background-image: url('https://tb.talkstation.co.kr/home/skin/images/components/voca-box-img.png'); background-repeat: no-repeat; background-position: 0% 40%; background-size: 300%; position: relative; -webkit-filter: grayscale(0%); }
.voca-box-container > .voca-box-img > .voca-box-img-obj
{ position: absolute; bottom: 14%; right: 50%; font-weight: 700; color: #FFFFFF; transform: translateX(66%) translateY(-40%) rotateX(25deg) rotateY(-20deg); font-size: 23px; line-height: 1; text-shadow: -2px -2px 2px #000; width: 50%; text-align: center; }
/* # 오늘의 보카 # */












/* # 상단기본여백 -> 실서버 라이브이후 검증필요 # */
.school .header-desk .header-grid .header__left {
    margin-top: 15px;
}




























































































/* 페이지네이션 북 CSS */
.page-item.active .page-link {
	background-color: var(--olive-color2);
  border-color: var(--olive-color2);
}
.page-link {
	color: var(--olive-color2);
}

/* 보카기본 클래스 수정 */
.hl-primary {
	color: var(--olive-color2);
	font-weight: 900;
}
.hl-secondary {
	color: #FF1100;
	font-weight: 900;
}
.page-menu-1 .btn-page-menu.on a,
.page-menu-1 .btn-page-menu a.on {
	background: var(--olive-color2);
	color: #FFFFFF;
  text-decoration: none;
}


/* 페이퍼북 */

.book-level-menu {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
  flex-shrink: 0;
  align-items: center;
}

.book-level-menu>div {
  flex-shrink: 0;
  margin: 0 5px;
  width: 130px;
}

.book-level-menu>div:first-child {
  margin-left: 0;
}

.book-level-menu>div>button {
  background: var(--olive-color2);
  padding: 13px 5px 14px;
  line-height: 1;
  font-weight: 700;
  color: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}

.book-level-menu>div>button.btn0 {
  background: var(--book-kpre);
}

.book-level-menu>div>button.btn1 {
  background: var(--book-kb);
}

.book-level-menu>div>button.btn2 {
  background: var(--book-kc);
}

.book-level-menu>div>button.btn3 {
  background: var(--book-kd);
}

.book-level-menu>div>button.btn4 {
  background: var(--book-1a);
}

.book-level-menu>div>button.btn5 {
  background: var(--book-1b);
}

.book-level-menu>div>button.btn6 {
  background: var(--book-1c);
}

.book-level-menu>div>button.btn7 {
  background: var(--book-1d);
}

.book-level-menu>div>button.btn8 {
  background: var(--book-2a);
}

.book-level-menu>div>button.btn9 {
  background: var(--book-2b);
}

.book-level-menu>div>button.btn10 {
  background: var(--book-2c);
}

.book-level-menu>div>button.btn11 {
  background: var(--book-2d);
}

.book-level-menu>div>button.btn12 {
  background: #ffb4b7;
}

.book-level-menu>div>button.btn13 {
  background: var(--book-2c);
}

.book-level-menu>div>button.btn14 {
  background: var(--book-2d);
}

.book-level-menu>div>button.btn15 {
  background: var(--book-3a);
}

.book-level-menu>div>button.btn16 {
  background: var(--book-3b);
}

.book-level-menu>div>button.btn17 {
  background: var(--book-3c);
}

.book-level-menu>div>button.btn18 {
  background: var(--book-3d);
}

.book-level-menu>div>button.btn19 {
  background: var(--book-4a);
}

.book-level-menu>div>button.btn20 {
  background: var(--book-4b);
}

.book-level-menu>div>button.btn21 {
  background: var(--book-4c);
}

.book-level-menu>div>button.btn22 {
  background: var(--book-4d);
}

.book-level-menu>div>button.btn23 {
  background: var(--book-5a);
}

.book-level-menu>div>button.btn24 {
  background: var(--book-5b);
}

.book-level-menu>div>button.btn25 {
  background: var(--book-5c);
}

.book-level-menu>div>button.btn26 {
  background: var(--book-5d);
}

.book-level-menu>div>button.btn27 {
  background: var(--book-6a);
}

.book-level-menu>div>button.btn28 {
  background: var(--book-6b);
}

.book-level-menu>div>button.btn29 {
  background: var(--book-6c);
}

.book-level-menu>div>button.btn30 {
  background: var(--book-6d);
}

/*
  # 작업일   : 2022. 12. 20
  # 작업자   : 김영재
  # 작업내용  : 레벨별 신규 색상 적용을 신규 클래스 및 신규 사용자 속성으로 처리하였습니다.
 */
:root{
  --book-ka-202212:#ff8383;
  --book-kb-202212:#ff7575;
  --book-kc-202212:#ff6666;
  --book-kd-202212:#ff5858;
  --book-1a-202212:#ffae00;
  --book-1b-202212:#ff9600;
  --book-1c-202212:#ff8400;
  --book-1d-202212:#ff7200;
  --book-2a-202212:#abea75;
  --book-2b-202212:#98d568;
  --book-2c-202212:#85bf5b;
  --book-2d-202212:#72aa4e;
  --book-3a-202212:#3dc1f8;
  --book-3b-202212:#36abf1;
  --book-3c-202212:#3096ea;
  --book-3d-202212:#2980e3;
  --book-4a-202212:#eb3fb0;
  --book-4b-202212:#d6389d;
  --book-4c-202212:#c23189;
  --book-4d-202212:#ad2a76;
}
.book-level-menu>div>button.btn0.color-change-202212:not(.on){
  background: var(--book-ka-202212)
}
.book-level-menu>div>button.btn1.color-change-202212:not(.on){
  background: var(--book-kb-202212)
}
.book-level-menu>div>button.btn2.color-change-202212:not(.on){
  background: var(--book-kc-202212)
}
.book-level-menu>div>button.btn3.color-change-202212:not(.on){
  background: var(--book-kd-202212)
}
.book-level-menu>div>button.btn4.color-change-202212:not(.on){
  background: var(--book-1a-202212)
}
.book-level-menu>div>button.btn5.color-change-202212:not(.on){
  background: var(--book-1b-202212)
}
.book-level-menu>div>button.btn6.color-change-202212:not(.on){
  background: var(--book-1c-202212)
}
.book-level-menu>div>button.btn7.color-change-202212:not(.on){
  background: var(--book-1d-202212)
}
.book-level-menu>div>button.btn8.color-change-202212:not(.on){
  background: var(--book-2a-202212)
}
.book-level-menu>div>button.btn9.color-change-202212:not(.on){
  background: var(--book-2b-202212)
}
.book-level-menu>div>button.btn10.color-change-202212:not(.on){
  background: var(--book-2c-202212)
}
.book-level-menu>div>button.btn11.color-change-202212:not(.on){
  background: var(--book-2d-202212)
}
.book-level-menu>div>button.btn12.color-change-202212:not(.on){
  background: var(--book-3a-202212)
}
.book-level-menu>div>button.btn13.color-change-202212:not(.on){
  background: var(--book-3b-202212)
}
.book-level-menu>div>button.btn14.color-change-202212:not(.on){
  background: var(--book-3c-202212)
}
.book-level-menu>div>button.btn15.color-change-202212:not(.on){
  background: var(--book-3d-202212)
}
.book-level-menu>div>button.btn16.color-change-202212:not(.on){
  background: var(--book-4a-202212)
}
.book-level-menu>div>button.btn17.color-change-202212:not(.on){
  background: var(--book-4b-202212)
}
.book-level-menu>div>button.btn18.color-change-202212:not(.on){
  background: var(--book-4c-202212)
}
.book-level-menu>div>button.btn19.color-change-202212:not(.on){
  background: var(--book-4d-202212)
}

.book-level-menu>div>button.on {
  background: #F5FFD8;
  border: 4px solid #849900;
  color: #849900;
  font-weight: 900;
  font-size: 1.1rem;
}


/* 시리즈 리스트 */

.book-series-list {
  flex-grow: 1;
  position: relative;
  display: flex;
  align-items: center;
}

.book-series-list .loading-img {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
}

.book-series-list .book-series-frame {
  flex-shrink: 0;
  width: 210px;
  margin: 0 15px;
  position: relative;
}

.book-series-list .book-series-frame:first-child {
  margin-left: 0;
}

.book-series-list .book-series-frame .book-frame__img {
  position: relative;
  padding-bottom: 140%;
}

.book-series-list .book-series-frame .book-frame__img:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 50%;
  background: #eae9e0;
  width: 100%;
  height: 97%;
  z-index: 2;
  border-radius: 10px;
	overflow: hidden;
	transform: translateY(-50%);
} 

.book-series-list .book-series-frame .book-frame__img:after {
  content: '';
  position: absolute;
  left: 14px;
  top: 50%;
  background: #d9d9d9;
  width: 100%;
  height: 90%;
  z-index: 1;
  border-radius: 10px;
	overflow: hidden;
	transform: translateY(-50%);
}

.book-series-list .book-series-frame .book-frame__img>img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  border-radius: 10px;
  overflow: hidden;
}

.book-series-list .book-series-frame .book-frame__img>.book-frame__cnt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  /* height: 100%; */
  z-index: 4;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 9px 0 8px;
  font-weight: 700;
	color: var(--yellow-color3);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 20px;
}

.book-series-list .book-series-frame .book-frame__txt h3 {
  text-align: center;
  font-weight: 400;
  font-size: 1.25rem;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 20px;
}

.book-series-list .book-series-frame .book-frame__badge {
  background: var(--olive-color2);
  padding: 7px 5px 8px;
  border-radius: 6px;
  overflow: hidden;
  width: auto;
  display: block;
  text-align: center;
  line-height: 1;
  font-weight: 900;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 4;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
}
.book-series-list .book-series-frame .book-frame__badge::first-letter {
  color: #FFD600;
  margin-right: 1px;
}
.book-series-list .book-series-frame.on .book-frame__txt h3 {
	font-weight: 900;
	color: var(--olive-color2);
}
.book-series-list .book-series-frame.on .book-frame__img>.book-frame__cnt {
	background: var(--olive-color2);
	color: #FFFFFF;
}

/* 메인페이지 최근학습목록 */

.recent-book-list--main {
  display: flex;
  background: #F0F6FF;
  border: 2px solid #A0C2FF;
  align-self: stretch;
  align-items: center;
  padding: 0 20px;
  margin: 10px 0;
  border-radius: 20px;
  margin-right: 30px;
  padding-top: 40px;
  position: relative;
}

.recent-book-list--main .recent-book-list--main__title {
  position: absolute;
  left: 50%;
  top: 10px;
  transform: translateX(-50%);
  font-size: 1.5rem;
  font-weight: 900;
  color: var(--blue-color2);
}
.recent-book-list--main .recent-book-list--main__more {
	position: absolute;
	right: 10px;
	top: 10px;
	background: var(--olive-color2);
	padding: 3px 10px;
	border-radius: 8px;
	overflow: hidden;
	font-weight: 900;
	color: #FFFFFF;
}
.recent-book-list--main .book-frame {
  width: 210px;
  margin-bottom: 0;
}

.recent-book-list--main .book-frame:last-child {
  margin-left: 10px;
}


/* 시리즈 디테일(책정보) */

.idic-book-column {
  display: flex;
  padding-top: 50px;
}

.book-list-section {
  display: flex;
  height: calc(100% - 70px);
  padding-bottom: 60px;
}

.subpage-title .series_cnt {
  margin-left: 80px;
  position: relative;
}

.subpage-title .series_cnt:before {
  content: '';
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-40%);
  width: 2px;
  height: 50%;
  background: #828282;
}

.idic-book-list-column {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
	flex-wrap: wrap;
	/* display: grid;
	grid-template-columns: 2fr 2fr 2fr 2fr 2fr;
	grid-auto-rows: 2fr;
	gap: 3%; */
  overflow-y: scroll;
  height: 100%;
  width: 100%;
}
.idic-book-list-column .book-frame {
	width: 220px;
	margin-bottom: 3em;
}
.book-info-box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 0;
}
/* .book-list-section.on .idic-book-list-column {
	grid-template-columns: 2fr 2fr 2fr;
} */
.book-list-section.on .idic-book-list-column .book-frame {
	width: 210px;
}
.book-list-section.on .book-info-box {
  width: 47%;
  border-left: 1px solid #bdbdbd;
  background: #FFFFFF;
  /* padding: 5px; */
  flex-shrink: 0;
}

.book-info-box .loading-img {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}

.book-info-box>div {
  flex-grow: 1;
  width: 100%;
  height: 100%;
}


/* 북레벨테스트 알림 */

.book-lat-up-alert {
  border: 2px solid #FF9600;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  padding: 10px;
  font-size: 1.25rem;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  background: #FFFFFF;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  flex-shrink: 0;
}

.book-lat-up-alert>span {
  color: #FF9600;
  font-weight: 900;
}
.book-lat-up-alert2 {
	text-align: center;
	margin-bottom: 20px;
}

/* 레벨업 테스트 */

.blat-up-chart-box,
.blat-up-detail-box {
  position: relative;
  overflow: hidden;
}
.blat-up-chart-box {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	overflow-y: scroll;
}
.blat-up-chart-box .blat-up-chart {
	flex-grow: 1;
}
.idic-book-hlist--hori {
  display: flex;
  height: auto;
	align-items: center;
	justify-content: center;
	overflow-y: scroll;
	position: relative;
}

.idic-book-hlist-column aside {
  width: 320px;
  /* height: 70%; */
  background: #fafafa;
  border: 1px solid #e6e6e6;
  padding: 15px 25px;
  margin-right: 5px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all .2s;
}

.idic-book-hlist-column aside.active {
  /* width: 60%; */
  /* height: 85%; */
  border: 3px solid #FFC01D;
  background: #FFFFFF;
}

/* .idic-book-hlist-column>aside.active>*:not(p) {
  transform: scale(1.2);
} */

.idic-book-hlist-column aside.active>p>a {
  font-size: 1.25rem;
}

.idic-book-hlist-column aside>h2 {
  color: #ff9600;
  text-align: center;
  font-weight: 900;
}

.idic-book-hlist-column aside>h2>small {
  display: block;
  font-size: 14px;
  color: #828282;
  font-weight: 900;
}

.idic-book-hlist-column aside>p {
  display: block;
  text-align: center;
}

.idic-book-hlist-column aside>p>a {
  width: 100%;
  color: #FFFFFF;
  border: solid 1px #849900;
  font-weight: 900;
  padding: 9px;
  background-color: #849900;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.idic-book-hlist-column aside.active>p>a,
.idic-book-hlist-column aside>p>a:hover {
  color: #FFFFFF;
  border: solid 1px #849900;
  background-color: #849900;
}

.idic-book-hlist-column aside>.chart {
  /* float: left; */
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
  margin: 0;
  padding: 0;
	line-height: 0;
	margin-bottom: 20px;
}

.idic-book-hlist-column aside>.chart>h3 {
  font-size: 22px;
  text-align: center;
  width: 90px;
  height: 90px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  z-index: 1;
  border: 6px solid #FFB800;
  background-color: #FFFFFF;
  color: #828282;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.idic-book-hlist-column aside>.chart>h3>div:last-child {
  margin-bottom: .2em;
}

.idic-book-hlist-column aside>.chart>h3 strong {
  font-size: 120%;
  color: #849900;
  line-height: 1;
  font-weight: 900;
}

.idic-book-hlist-column aside>.chart>h3 small {
  display: block;
  font-size: 14px;
}

.blat-up-detail-box {
  overflow-y: scroll;
  padding: 20px 30px;
}

.blat-up-detail-box .blat-up-table .book-frame {
  width: 70px;
  margin: 0 auto;
}

.blat-up-detail-box .blat-up-table .book-frame .book-frame__img img {
  border-radius: 10px;
}

.blat-up-detail-box .blat-up-table .level-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 900;
  background-color: #CBC41E;
  color: #FFFFFF;
  border-radius: 20px;
}

.blat-up-detail-box .blat-up-table .level-icon.e {
  background-color: #FFB800;
}

.blat-up-detail-box .blat-up-table .level-label {
  display: inline-block;
  width: auto;
  padding: 2px 10px 3px;
  font-size: 1rem;
  font-weight: 900;
  background-color: #849900;
  color: #FFFFFF;
  border-radius: 3px;
}

.blat-up-detail-box .blat-up-table .level-label:first-letter {
  color: #FFDA1B;
}

.blat-up-detail-box .blat-up-table .level-result-o {
  font-weight: 900;
  color: var(--olive-color2);
}

.blat-up-detail-box .blat-up-table .level-result-x {
  font-weight: 900;
  color: var(--red-color3);
}


/* 북레벨 */

.book .my-level>a .level {
  color: var(--olive-color2);
}




/* 북레벨테스트 가이드 */
.blat_guide_section {
	background: transparent;
	overflow-y: scroll;
 }
 .blat_guide_section .level-guide-row {
	display: grid;
	grid-template-columns: 2fr 2fr;
	gap: 20px;
	padding: 10px 0;
 }
 .blat_guide_section .level-guide-row.only-txt {
	grid-template-columns: 2fr;
 }
 /* .blat_guide_section .level-guide-row .img-level-ex {
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #dbdbdb;
 } */
 
 .blat_guide_section .guide-header-wrap {
	display: flex;
 }
 
 .blat_guide_section .numbering-blue {
	border: 1px solid #849900;
	background: #FFFFFF;
	color: #849900;
	font-weight: 700;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-size: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-right: 15px;
 }
 
 .blat_guide_section .txt-sky-h1 {
	color: #849900;
	font-size: 1.5rem;
	padding-bottom: 0;
	margin: 0;
	line-height: 1.6;
	margin-bottom: 8px;
	font-weight: 900;
	word-break: keep-all;
 }
 
 .blat_guide_section .txt-sky-h3 {
	font-size: 1.25rem;
	color: #828282;
	word-break: keep-all;
 }
 
 .blat_guide_section .blat-grid-section {
	display: grid;
	grid-template-columns: 2fr 2fr 2fr;
	gap: 10px;
	margin-top: 10px;
 }
 
 .blat_guide_section .blat-grid-section .blat-grid-row .guide-img-wrap {
	padding-bottom: 90%;
	position: relative;
 }
 
 .blat_guide_section .blat-grid-section .blat-grid-row .guide-img-wrap>img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
 }
 
 .blat_guide_section .blat-grid-section .blat-grid-row .grid-row-txt {
	padding: 0 10px;
	margin: 10px 0;
 }
 
 .blat_guide_section .blat-grid-section .blat-grid-row .level-header {
	font-weight: 900;
	font-size: 1.5rem;
 }


/* 레벨별색상처리 */
.lat-list-box .lat-list .lat-box.lat-box-K .lat-box-txt__title {
	color: var(--book-kb);
}
.lat-list-box .lat-list .lat-box.lat-box-K .lat-box-btn .btn-lat {
	border-color: var(--book-kb);
	color: var(--book-kb);
}
.lat-list-box .lat-list .lat-box.lat-box-K .lat-box-btn .btn-lat.btn-lat-test {
	background: var(--book-kb);
	border: 1px solid var(--book-kb);
	color: #FFFFFF;
}
.lat-list-box .lat-list .lat-box.lat-box-1 .lat-box-txt__title {
	color: var(--book-1b);
}
.lat-list-box .lat-list .lat-box.lat-box-1 .lat-box-btn .btn-lat {
	border-color: var(--book-1b);
	color: var(--book-1b);
}
.lat-list-box .lat-list .lat-box.lat-box-1 .lat-box-btn .btn-lat.btn-lat-test {
	background: var(--book-1b);
	border: 1px solid var(--book-1b);
	color: #FFFFFF;
}
.lat-list-box .lat-list .lat-box.lat-box-2 .lat-box-txt__title {
	color: var(--book-2c);
}
.lat-list-box .lat-list .lat-box.lat-box-2 .lat-box-btn .btn-lat {
	border-color: var(--book-2c);
	color: var(--book-2c);
}
.lat-list-box .lat-list .lat-box.lat-box-2 .lat-box-btn .btn-lat.btn-lat-test {
	background: var(--book-2c);
	border: 1px solid var(--book-2c);
	color: #FFFFFF;
}
.lat-list-box .lat-list .lat-box.lat-box-3 .lat-box-txt__title {
	color: var(--book-3c);
}
.lat-list-box .lat-list .lat-box.lat-box-3 .lat-box-btn .btn-lat {
	border-color: var(--book-3c);
	color: var(--book-3c);
}
.lat-list-box .lat-list .lat-box.lat-box-3 .lat-box-btn .btn-lat.btn-lat-test {
	background: var(--book-3c);
	border: 1px solid var(--book-3c);
	color: #FFFFFF;
}
.lat-list-box .lat-list .lat-box.lat-box-4 .lat-box-txt__title {
	color: var(--book-4b);
}
.lat-list-box .lat-list .lat-box.lat-box-4 .lat-box-btn .btn-lat {
	border-color: var(--book-4b);
	color: var(--book-4b);
}
.lat-list-box .lat-list .lat-box.lat-box-4 .lat-box-btn .btn-lat.btn-lat-test {
	background: var(--book-4b);
	border: 1px solid var(--book-4b);
	color: #FFFFFF;
}
.lat-list-box .lat-list .lat-box.lat-box-5 .lat-box-txt__title {
	color: var(--book-5b);
}
.lat-list-box .lat-list .lat-box.lat-box-5 .lat-box-btn .btn-lat {
	border-color: var(--book-5b);
	color: var(--book-5b);
}
.lat-list-box .lat-list .lat-box.lat-box-5 .lat-box-btn .btn-lat.btn-lat-test {
	background: var(--book-5b);
	border: 1px solid var(--book-5b);
	color: #FFFFFF;
}


/* 레벨테스트 결과 */
.total-lat-table .hl-primary {
	color: var(--olive-color2);
}
.my-lat-table .point {
	color: var(--olive-color2);
}
.btn-result-levels {
	border-color: var(--olive-color2);
	background: #fffdeb;
}
.btn-result-levels strong {
	color: var(--olive-color2);
	font-weight: 900;
}
.btn-result-class {
	border-color: var(--olive-color2);
	background: var(--olive-color2);
}
.btn-result-levels>svg {
	width: 20px;
	margin-left: 5px;
}


/* 레벨업 테스트 */
.lat-explain .lat-level-box {
	display: grid;
	grid-template-columns: 2fr 2fr 2fr 2fr;
	gap: 10px;
}
.lat-explain .lat-level-box .lat-level {
	background: #FFFDEB;
	border: 1px solid #CBC41E;
	border-radius: 10px;
	padding: 5px;
	text-align: center;
}
.lat-explain .lat-level-box .lat-level h4 {
	font-weight: 900;
	font-size: 22px;
	color: #849900;
}
.lat-explain .lat-level-box .lat-level p {
	margin-bottom: 0px;
	line-height: 1.5;
}
.lat-explain .book-kind-box {
	display: grid;
	grid-template-columns: 2fr 2fr;
	gap: 10px;
}
.lat-explain .book-kind-box .book-kind {
	background: #FFFDEB;
	border: 1px solid #CBC41E;
	border-radius: 10px;
	padding: 10px;
	text-align: center;
}
.lat-explain .book-kind-box .book-kind h4 {
	font-weight: 900;
	font-size: 22px;
	color: #849900;
}
.lat-explain .book-kind-box .book-kind h5 {
	font-weight: 900;
	font-size: 18px;
	color: #444;
	margin-top: 15px;
}
.lat-explain .book-kind-box .book-kind p {
	margin-bottom: 0px;
}
.blat-up-chart-box .my-level-list {
	width: 250px;
	margin: 30px auto;
}
.blat-up-chart-box .my-level-list a {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
	background: #CBC41E;
	border: 1px solid #CBC41E;
}
.blat-up-chart-box .my-level-list a svg {
	width: 15%;
}
.blat-up-chart-box .my-level-table {
	width: 560px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 30px;
}
.blat-up-table .book-kind-icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 24px;
	font-size: 11px;
	font-weight: 900;
	background-color: #CBC41E;
	color: #FFFFFF;
	border-radius: 20px;
}
.blat-up-table .book-kind-icon.e
{ background-color: #FFB800; }
.blat-up-table .table-book-img {
	position: relative;
	padding-bottom: 120%;
	width: auto;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #dbdbdb;
}
.blat-up-table .table-book-img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.blat-up-table .table-book-img.table-book-img-2 {
	background: #ededed;
}
.blat-up-table .table-book-img.table-book-img-2 img {
	top: 50%;
	transform: translateY(-50%);
	height: auto;
}
.level-label {
	background: var(--olive-color2);
	padding: 2px 10px 3px;
	border-radius: 6px;
	overflow: hidden;
	color: #FFFFFF;
	font-weight: 900;
	display: block;
	max-width: 60px;
	text-align: center;
}
.level-label::first-letter {
	color: #FFDA1B;
}
/* lat-box 상태 css */
.lat-list-box .lat-list .lat-box.complete {
	background: #F4F4F4;
}
.lat-list-box .lat-list .lat-box.complete .lat-box-btn .btn-lat.btn-lat-test {
	background: #FFFDEB;
	border-color: #FF9600;
	color: #FF9600;
}
.lat-list-box .lat-list .lat-box.continue {
	background: #F0F6FF;
	border-color: #A0C2FF;
	box-shadow: 0 0 0 2px #A0C2FF;
}
.lat-list-box .lat-list .lat-box.continue .lat-box-btn .btn-lat.btn-lat-test {
	background: #A0C2FF;
	border-color: #6098FF;
	color: #FFFFFF;
}


/* 북보카 팝업 레이아웃 CSS */
.full-popup-contents .full-popup-header.study-layout {
	background: #849900;
}
.full-popup-contents .full-popup-header.study-layout .sub-title {
	background: #444;
}
.full-popup-contents .full-popup-header.study-layout .sub-title:after {
	border: 10px solid #444;
	border-right: 5px solid transparent;
	border-bottom: 10px solid transparent;
}


/* 보카에 있는 CSS 수정 */
.preview-img.on {
	border: 1px solid var(--olive-color2);
	box-shadow: 0 0 0 2px var(--olive-color2);
}


/* 북리스트 */
.idicbook-main-list-container .select-series-list.on {
	padding: 1em 0;
	background: rgba(255, 212, 212, 0.4);
	min-height: 500px;
	position: relative;
}
.idicbook-main-list-container .select-series-list.on .loading-img {
	margin: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.phonics-lv-txt-container {
	margin-bottom: 30px;
}
.phonics-lv-txt-container .txt-title {
	font-weight: 900;
	font-size: 26px;
	margin-bottom: 20px;
	padding-left: 5px;
	color: #444;
}
.phonics-lv-txt-container .txt-box {
	border-radius: 15px;
	overflow: hidden;
	border: 1px solid #dbdbdb;
	padding: 15px 15px;
	color: #666;
	text-align: center;
}
.phonics-lv-txt-container .txt-box > a {
	display: block;
	background: #FFFDEB;
	border: 1px solid #FF9600;
	color: #FF9600;
	padding: 10px;
	text-align: center;
	border-radius: 10px;
	margin-top: 20px;
	font-weight: 700;
}


/* 파닉스, 사이트워드 - 북액티비티 버튼 */
.btn-activity-container {
	position: absolute;
	bottom: 40%;
	left: 50%;
	transform: translateX(-50%);
	width: 10px;
	height: 10px;
	overflow: hidden;
	transition: bottom .3s, width .3s .3s, height .3s .3s;
}
.btn-activity-container .btn-activity-box {
	background: #fff8e7;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 10px 0 15px;
	position: relative;
	border-radius: 30px;
	box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
}
.btn-activity-container .btn-activity-box:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	border: 15px solid #fff8e7;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.btn-activity-container .btn-activity {
	width: 150px;
	display: block;
	flex-shrink: 0;
}

.book-btn--activity.on .btn-activity-container {
	opacity: 1;
	width: 350px;
	height: 100px;
	bottom: 100%;
	z-index: 3;
}
.book-btn--activity.on.sight-word .btn-activity-container {
	width: 200px;
}


/* 커리큘럼 목록*/
.curriculm-content{
	/* border: 3px solid #000000; */
	background-color: #ffffff;
	border-radius: 20px;
	padding-bottom: 150px;

}

.sub-week{
	position: absolute;
	width: 122px;
	height: 105px;
	left: 0px;
	top: 0px;

	background: #FFE8AE;
	border-radius: 20px;
}

/* 부모 자식 관계 추가 @ 2023-04-14 서희재 */
/*input[type="radio"]{display:none;}*/
/*.label{display:inline-block;width:100px;height:23px;background-repeat:no-repeat;background-size:20px auto;}*/
/*.label.r{background-image: url("../images/school/btn_radio_off.png");}*/
/*.input:checked + label.r{background-image: url("../images/school/btn_radio_on.png");}*/
.curriculm-content input[type="radio"]{display:none;}
.curriculm-content label{display:inline-block;width:100px;height:23px;background-repeat:no-repeat;background-size:20px auto;}
.curriculm-content label.r{background-image: url("../images/school/btn_radio_off.png");}
.curriculm-content input:checked + label.r{background-image: url("../images/school/btn_radio_on.png");}


.sub-week1, .sub-week2, .sub-week3,
.sub-week4, .sub-week5, .sub-week6,
.sub-week7, .sub-week8, .sub-week9,
.sub-week10, .sub-week11, .sub-week12 {
/* 
width: 122px; */
	width: 113px;
	height: 105px;
	left: 0px;
	top: 0px;

	border-radius: 20px;
	margin-bottom: 10px;
}

.sub-week1{background: #FFE8AE;}
.sub-week2{background: #FFE4A0;}
.sub-week3{background: #FFDF8E;}
.sub-week4{background: #FFD979;}
.sub-week5{background: #FFD569;}
.sub-week6{background: #FFD15A;}
.sub-week7{background: #FFCC48;}
.sub-week8{background: #FFC531;}
.sub-week9{background: #FFC224;}
.sub-week10{background: #FFB545;}
.sub-week11{background: #FEAC31;}
.sub-week12{background: #FF9B05;}

.curriculum-row{
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-top:5px;
}

.curriculum-content-row{
	display: inline-flex;
}

.text-week{
	height: 20px;
/* 	margin-left: 30px; */
	margin-left: 25px;
	padding-top: 50px;

	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;

	display: flex;
	align-items: center;
	text-align: center;

	color: #FFFFFF;
}

.sub-explorer{
	width: 500px;
	height: 42px;
	left: 0px;
	top: 0px;

	background: #FFB800;
	border-radius: 20px;
}

.sub-storybook, .sub-Atextbook{
	width: 356px;
	height: 42px;
	margin-left:10px;
	background: #FFB800;
	border-radius: 20px;
}


.first-tab {
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
	margin-right: 30px;
	margin-left: 10px;
}

.top-explorer{
	width: 231px;
	height: 40px;
	margin-top: 10px;

	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	color: #FFFFFF;
}

.top-explorer > div
{
	padding-top:2px;
}

.top-storybook{
	height: 40px;
	margin-top: 10px;
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	color: #FFFFFF;
}

.top-Atextbook{
	width: 178px;
	height: 40px;
	margin-top: 10px;
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	color: #FFFFFF;
}

.week-unit{
	/* width: 173px; */
	/* width: 205.95px; */
	height: 105px;
	margin-right: 4.5px;
	background: #FFFFFF;
	border: 1px solid #FFE8AE;
	box-sizing: border-box;
	border-radius: 20px;
	display: inline-block;
	margin-bottom: 10px;
}

.week-unit > img , .storybook-unit > img{
	width:64px;
	height: 85px;
	left: 5.78%;
	right: 57.23%;
	top: 9.52%;
	bottom: 9.52%;
	margin: 8px;
	border-radius: 10px;
}

.week-unit > cite{

/* 	width: 80px; */
	width: 80px;
	height: 85px;
	left: 48.55%;
	right: 5.2%;
	top: 9.52%;
	bottom: 9.52%;

	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;

	float:right;
	display: flex;
	align-items: center;

	color: #333333;
	padding-top:15px;
	padding-right:9px;

}

.storybook-unit > cite{
	width: 80px;
	height: 85px;
	left: 48.55%;
	right: 5.2%;
	top: 9.52%;
	bottom: 9.52%;

	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;

	float:right;
	display: flex;
	align-items: center;

	color: #333333;
	padding-top:15px;
	padding-right:9px;
}

.Atextbook-content > img{
	margin-left:30px;
}

.storybook-unit{
	width: 173px;
	height: 105px;
	margin-right: 4.5px;
	background: #FFFFFF;
	border: 1px solid #FFE8AE;
	box-sizing: border-box;
	border-radius: 20px;
	display: inline-block;
	margin-bottom: 10px;
}
.storybook-unit.none{
	border: 1px solid #FFFFFF;
}
.empty-storybook-unit{
	width: 173px;
	height: 105px;
	border: 0px;
}

.curriculum-content{
	padding-left:120px;
	padding-right:100px;
}

.container {
	max-width: 1065px;
}

.circle{
	width: 25px;
	height: 25px;
	border-radius:50%;
	background:#ffff99;
	color: #FFB800;
}

.t{
	width: 610px;
	height: 653px;
	left: 0px;
	top: 0px;

	background: #FFFFFF;
	border-radius: 20px;
}

.semester_info{
	/* width: 589px;
	height: 47px; */
	left: 0px;
	top: 0px;

	/* main_yellow */

	background: #FFB800;
	border-radius: 20px 20px 0px 0px;
}


.semester_info_content{
	display: flex;
	flex-direction:	column;
	justify-content: center;
	align-items: flex-start;
	padding: 13px;
	left: 0px;
	top: 47px;
	background:	#FFFFFF;
	border-radius: 0px 0px 20px	20px;
}

.va_semester_info_content{
	display: flex;
	flex-direction:	column;
	justify-content: center;
	align-items: flex-start;
	padding: 13px;
	left: 0px;
	top: 47px;
	background:	#FFFFFF;
	border-radius: 0px 0px 20px	20px;
}

.f1, .f3{
/* 	width: 200px;
	height: 42px; */
	left: 0px;
	top: 0px;
	background: #FFFFFF;
	border: 1px solid #FFB800;
	box-sizing: border-box;
	border-radius: 60px;
	float:left;
}

.semester_info > span{
	width: 74px;
	height: 20px;
	padding-left: 20px;
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 50px;
	color: #FFFFFF;
}

.f1 > span{
	width: 124px;
	height: 17px;
	margin: 10px;
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	color: #FFB800;
}

.f3 > span{
	width: 63px;
	height: 17px;
	margin: 10px;
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	font-size: 17px;
	line-height: 35px;
	text-align: center;
	color: #FFB800;
}

.f1_start{
/* 	width: 34px; */
	height: 18px;
	margin-left: 10px;
	top: 12px;
	float: right;

	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 40px;
	color: #333333;
}

.f3_start{
	width: 38px;
	height: 18px;
	margin-left: 10px;
	top: 12px;
	float: right;
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 35px;
	color: #333333;
}

.week{
/*  	width: 186px;  */
	height: 38px;
	left: 0px;
	top: 0px;
	text-align:center;
/* 	background: url("../images/school/btn-schedule-menu.png"); */
}

.week > span{
	width: 75px;
	height: 29px;
	left: 55px;
	top: 4px;
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 29px;
	text-align: center;
	color: #333333;
}

.s_tr{
	font-size: 17px;
	background: #f9f9f9;
	border-bottom: 1px solid #d9d9d9;
	padding: 15px 0;
}

.s_tr > th{
	border:0;
	text-align:center;
}




.idicschool-schedule > .table-fixed {
	border-collapse: separate;
	border-spacing:	0;
	table-layout: fixed;
}

.idicschool-schedule
{ border-radius: 50px;  }
.idicschool-schedule > table > thead > tr
{ font-size: 17px; background: #f9f9f9; border-bottom: 1px solid #d9d9d9; padding: 15px 0; }
.idicschool-schedule > table > thead > tr > th
{ text-align:center; border: 0.5px #ddd solid; border-radius: 20px 20px 0 0;}
.idicschool-schedule > table > tbody > tr > td:first-child
{ height: 90px; background-color: #f9f9f9; text-align: center; }
.idicschool-schedule > table > tbody > tr > td:first-child > div
{ display: inline-block; width: 70px; height: 70px; background: #FFFFFF; border-radius: 50px; }
.idicschool-schedule > table > tbody > tr > td:first-child > div > span
{ width: 100%; height: auto;  display: inline-block;  padding: 17px 0 0 0; font-family: 'Noto Sans'; font-style: normal; font-weight: 600; line-height: 20px; text-align: center; }
.idicschool-schedule > table > tbody > tr > td:first-child > div > span.etc-day
{ /*padding-top: 27px;*/ }
.idicschool-schedule > table > tbody > tr > td.to-week
{ background: #FFF2FB; }
.idicschool-schedule > table > tbody > tr > td:first-child.to-week > div
{ background: #FF7676; color: #FFFFFF; }











.idicschool-btn-box
{ display: flex; margin: 0 auto; justify-content: space-between; width: 100%; padding: 0 10px; margin: 0; align-items: center; }
.idicschool-btn-box > li
{ text-align: center; position: relative; width: 90px; flex-shrink: 0; margin-left: 10px; }
.idicschool-btn-box > li > a
{ border-radius: 50%; padding-bottom: 100%; overflow: hidden; background: #F8F8F8;	color: #333333; position: relative; }
.idicschool-btn-box > li > a > span
{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.idicschool-btn-box > li > a > span > img
{ width: 55%; -webkit-filter: blur(0) grayscale(100%); filter: alpha(opacity=100) grayscale(100%) blur(0); opacity: 1.0; }

.idicschool-btn-box > li > a > span > em
{ display: block; font-family: 'Gosanja'; font-style: normal; margin-top: 0.5em; font-size: 12px; line-height: 1; }
.idicschool-btn-box > li > a.active > span > img
{ width: 55%; -webkit-filter: blur(0) grayscale(0%); filter: alpha(opacity=100) grayscale(0%) blur(0); opacity: 1.0; }

.idicschool-btn-box > li > a.active-off
{ color: #CCCCCC; cursor: not-allowed; pointer-events:none; -webkit-box-shadow:none; box-shadow:none }
.idicschool-btn-box > li > a.active-off > span > img
{ -webkit-filter: grayscale(100%); filter: grayscale(100%) alpha(opacity=80); opacity: 0.8; }

.idicschool-btn-box > li > a:active
{ background: #FFB800; color: #FFFFFF; }
.idicschool-btn-box > li > a:active > span > img
{ -webkit-filter: blur(0) grayscale(0%); filter: alpha(opacity=100) grayscale(0%) blur(0); opacity: 1.0; }


.idicschool-attendance > table > tbody > tr	> td.to-week {
	background:	#fffafd;
}

.vacation_notice {
	width:100%;
	height: 85%;
	background-image: url("/home/skin/images/school/bnn_vacation.png");
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 35px;
	border: 2px solid #FFB800;
	}

.vacation_notice > .title {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 19%;
	gap: 22px;
}

.va1{
/*	position: absolute;*/
/*	left: 428px;*/
/*	top: 270px;*/
	font-weight: 900;
	font-size: 26px;
	line-height: 30px;
	text-align: center;
	letter-spacing: -0.02em;
	color: #0593FF;
}

.va2{
/*	position: absolute;*/
	vertical-align: text-top;
	width: 370px;
/*	height: 48px;*/
/*	left: 350px;*/
/*	top: 335px;*/
	font-weight: 900;
	font-size: 29px;
	text-align: center;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	background: #FFB800;
	border-radius: 60px;
}


.idicschool-schedule > table > tbody > tr > td.to-vacation-new
{ background: #FFFEDF; }
.idicschool-schedule > table > tbody > tr > td:first-child.to-vacation-new > div
{ /* background: #FF7676; */ color: #FFB800; }

.idicschool-schedule > table > tbody > tr > td.to-week-new
{ background: #FEF0EF; }
.idicschool-schedule > table > tbody > tr > td:first-child.to-week-new > div
{ /* background: #FF7676; */ color: #FF7F75; }



/* 메인 페이지 강사 평가 팝업 관련 CSS 모으기 @ 2023-04-17 서희재 */
.school .modal-header { 
    background: #0b9cfa;
} 

.school #review_modal select {
    -webkit-appearance: none;
}

.school .me-treport-write > div > div:nth-child(3) {
    width: 68%;
    padding-right: 0;
    padding-left: 70px;
}