.curriculm-content {
	/* border: 3px solid #000000; */
	background-color: #ffffff;
	border-radius: 20px;
	padding-bottom:	150px;
}

.page-menu-1 {
	padding: 30px 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}


.page-menu-1 .btn-page-menu	a .radio-day {
	font-weight: 800;
	font-size: 30px;
	color: #555555;
	width: 150px;
	margin: 3px 0 0 40px;
	cursor: pointer;
}

.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: 107px;
	height:	105px;
	left: 0px;
	top: 0px;

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

.sub-week1{background: #DFF3FF;}
.sub-week2{background: #C6E9FF;}
.sub-week3{background: #BAE4FF;}
.sub-week4{background: #A9DDFF;}
.sub-week5{background: #8DD2FF;}
.sub-week6{background: #7ECCFF;}
.sub-week7{background: #69C4FF;}
.sub-week8{background: #57BDFF;}
.sub-week9{background: #4BB8FF;}
.sub-week10{background:	#3FB4FF;}
.sub-week11{background:	#21A8FF;}
.sub-week12{background:	#019CFF;}

.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: 20px;
	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: 501px; */
	width: 529px;
	height:	68px;
	left: 0px;
	top: 0px;
	background:	#019CFF;
	border-radius: 20px;
}

.sub-storybook,	.sub-Atextbook{
	width: 341px;
	height:	68px;
	margin-left:5px;
	background:	#019CFF;
	border-radius: 20px;
}


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

.top-explorer{
 	width: 410px; 
	height:	40px;
	margin-top:	10px;
	font-family: 'Noto Sans KR';
	font-style:	normal;
	font-weight: 700;
	font-size: 28px;
	text-align:	center;
	display: inline-block;
	color: #FFFFFF;
	letter-spacing: -1px;
}

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

.top-storybook{
	width: 300px;
	height:	40px;
	margin-top:	10px;
	font-family: 'Noto Sans KR';
	font-style:	normal;
	font-weight: 700;
	font-size: 28px;
	text-align:	center;
	display: inline-block;
	color: #FFFFFF;
	letter-spacing: -1px;
}

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

@media (max-width:1000px) {
	.top-storybook, .top-explorer {
		font-family: 'Noto Sans KR';
		height:	20px;
		font-size: 20px;
		margin-top:	10px;
	}

	.sub-explorer, .sub-storybook, .sub-Atextbook {
		height:	50px;
		border-radius: 10px;
	}
}

.week-unit{
	 width: 173px; 
	/* width: 205.95px;	*/
	height:	105px;
	line-height: 25px;
/* 	margin-right: 4.5px; */
	background:	#FFFFFF;
	border:	1px	solid #A3DBFF;
	box-sizing:	border-box;
	border-radius: 15px;
	margin-bottom: 10px;
	overflow: hidden;
	/*
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	*/
}


@media (max-width:1000px) {
	.week-unit {
		border-radius: 7px;
	}
}

.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; */
	height: 74px;

	float: right;

	padding-top: 30px;
	padding-right: 9px;

	display: flex;
	align-items: center;
}


.week-unit > cite > p , .week-unit > cite{
	width: 80px;
/*	height: auto;*/
	font-family: 'Noto Sans KR';
	font-style:	normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	align-items: center;
}

.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: 600;
	font-size: 12px;
	line-height: 18px;

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

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

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

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

.storybook-unit.none{
	border: 1px solid #FFFFFF;
	z-index: -1;
}

.empty-storybook-unit{
	width: 173px;
	height:	105px;
	border:	0px;
}


img	 {
	margin:	0;
	padding: 0;
	border:	0;
	vertical-align:	middle;
	display: inline-block;
	max-width: 100%;
	height:	auto;
}

.idic-curriculum .body-column1 {
	position: relative;
	width: 100%;
	margin:	0 auto;
	text-align:	center;
	background-color: #019cff;
	background-size: 100% 100%;
}

.idic-curriculum .body-column2 {
	position: relative;
	width: 100%;
	margin:	0 auto;
	text-align:	center;
	background-color: #fff;
	background-size: 100% 100%;
}

.idic-curriculum .tab-content {
	position: relative;
	width: 100%;
	margin:	0 auto;
	text-align:	center;
	background-color: #fff;
	background-size: 100% 100%;
	border:	0;
}

.idic-curriculum .body-column1>.txt, .body-column2>.txt, .tab-content>.txt {
	margin:	0 auto;
	padding: 0 15px;
	max-width: 969px;
	text-align:	center;
	position: relative;
}

.idic-curriculum .body-column2>.container {
	margin:	0 auto;
	padding: 0 15px	30px 15px;
	max-width: 969px;
	text-align:	center;
	position: relative;
}

.idic-curriculum .body-column2>.container>.tabs	{
	width: 100%;
	display: flex;
}

.idic-curriculum .body-column2>.container>.tabs	li {
	margin-right: 10px;
}

.idic-curriculum .body-column2>.container>.tabs	li.active {
	display: block;
}

.idic-curriculum .body-column2>.container>.tabs	li:last-child {
	margin:	0;
}

.book-week-menu	{
	margin:	0;
	text-align:	center;
}
.book-week-menu	> div {
	display: inline-block;
	margin:	0 5px;
	width: 130px;
}
.book-week-menu	> div >	button {
	background:	#FFDA1B;
	padding: 13px 5px 14px;
	line-height: 1;
	font-weight: 700;
	color: #FFFFFF;
	border-radius: 10px;
	width: 100%;
	margin:	4px;
}
.book-week-menu	> div >	button.on {
	background: #F5FFD8;
	border: 3px solid #849900;
	color: #849900;
	font-weight: 800;
}

 section.ct-section	{
	justify-content: flex-start;
	height:	auto;
 }

.desk-inner	{
	width: 943px;
	margin:	0 auto;
	padding: 0 10px;
}





.book-level-menu {
	display: flex;
	flex-shrink: 0;
	align-items: center;
}

.book-level-menu .btn-book-level > button {
  flex-shrink: 0;
  margin: 0;
/*	 width:	130px; */
}

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

.book-level-menu .btn-book-level button	{
	background: var(--olive-color2);
	padding: 10px;
	font-size: 25px;
	font-weight: 600;
	color: #FFFFFF;
	border: 3px solid #FFFFFF;
	border-radius: 12px;
	overflow: hidden;
	width: 100%;
}

.book-level-menu .btn-idic-book	button	{
	background: var(--olive-color2);
	padding: 10px;
	font-weight: 700;
	color: #FFFFFF;
	border-radius: 12px;
	overflow: hidden;
	width: 100%;
}



.book-level-menu .btn-book-level > button.btn0 {
  background: #ffda1b;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn1 {
  background: #ff9600;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn2 {
  background: #ff8400;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn3 {
  background: #ff7200;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn4 {
  background: #a0c2ff;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn5 {
  background: #6098ff;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn6 {
  background: #005aff;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn7 {
  background: #0038ff;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn8 {
  background: #c1f332;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn9 {
  background: #a4e42f;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn10	{
  background: #59cb19;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn11	{
  background: #09bf06;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn12	{
  background: #ffb4b7;
  	border: 4px solid #FFF;
}

.book-level-menu .btn-book-level > button.btn13	{
  background: #ffb4b7;
	border: 4px solid #FFF;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
##### 작업일 : 2022.12.20
##### 작업자 : 김영재
##### 내  용 : 레벨별 색상 변경 작업을 기존 css충돌을 고려해 추가 class를 이용하여 작업하였습니다.
*/
.book-level-menu .btn-book-level > button.btn0.color-change-202212:not(.on) {
	background-color:#ff8383;
}
.book-level-menu .btn-book-level > button.btn1.color-change-202212:not(.on) {
	background-color:#ff7575;
}
.book-level-menu .btn-book-level > button.btn2.color-change-202212:not(.on) {
	background-color:#ff6666;
}
.book-level-menu .btn-book-level > button.btn3.color-change-202212:not(.on) {
	background-color:#ff5858;
}
.book-level-menu .btn-book-level > button.btn4.color-change-202212:not(.on) {
	background-color:#ffae00;
}
.book-level-menu .btn-book-level > button.btn5.color-change-202212:not(.on) {
	background-color:#ff9600;
}
.book-level-menu .btn-book-level > button.btn6.color-change-202212:not(.on) {
	background-color:#ff8400;
}
.book-level-menu .btn-book-level > button.btn7.color-change-202212:not(.on) {
	background-color:#ff7200;
}
.book-level-menu .btn-book-level > button.btn8.color-change-202212:not(.on) {
	background-color:#abea75;
}
.book-level-menu .btn-book-level > button.btn9.color-change-202212:not(.on) {
	background-color:#98d568;
}
.book-level-menu .btn-book-level > button.btn10.color-change-202212:not(.on) {
	background-color:#85bf5b;
}
.book-level-menu .btn-book-level > button.btn11.color-change-202212:not(.on) {
	background-color:#72aa4e;
}
.book-level-menu .btn-book-level > button.btn12.color-change-202212:not(.on) {
	background-color:#3dc1f8;
}
.book-level-menu .btn-book-level > button.btn13.color-change-202212:not(.on) {
	background-color:#36abf1;
}

.book-level-menu .btn-book-level > button.btn14.color-change-202212:not(.on) {
	background-color:#3096ea;
}

.book-level-menu .btn-book-level > button.btn15.color-change-202212:not(.on) {
	background-color:#2980e3;
}

.book-level-menu .btn-book-level > button.btn16.color-change-202212:not(.on) {
	background-color:#eb3fb0;
}

.book-level-menu .btn-book-level > button.btn17.color-change-202212:not(.on) {
	background-color:#d6389d;
}

.book-level-menu .btn-book-level > button.btn18.color-change-202212:not(.on) {
	background-color:#c23189;
}

.book-level-menu .btn-book-level > button.btn19.color-change-202212:not(.on) {
	background-color:#ad2a76;
}

.book-level-menu .btn-book-level > button.btn20.color-change-202212:not(.on) {
	background-color:#3ed9ee;
}

.book-level-menu .btn-book-level > button.btn21.color-change-202212:not(.on) {
	background-color:#20c7de;
}

.book-level-menu .btn-book-level > button.btn22.color-change-202212:not(.on) {
	background-color:#13b1d3;
}

.book-level-menu .btn-book-level > button.btn23.color-change-202212:not(.on) {
	background-color:#0498d7;
}

.book-level-menu .btn-book-level > button.btn24.color-change-202212:not(.on) {
	background-color:#e7aa50;
}

.book-level-menu .btn-book-level > button.btn25.color-change-202212:not(.on) {
	background-color:#d18a00;
}

.book-level-menu .btn-book-level > button.btn26.color-change-202212:not(.on) {
	background-color:#8d7d00;
}

.book-level-menu .btn-book-level > button.btn27.color-change-202212:not(.on) {
	background-color:#945000;
}


.book-level-menu .btn-book-level >	button.on {
	background: #e1f3ff;
	border: 4px solid #019cff;
	color: #019cff;
	font-weight: 800;
}


@media (max-width:1000px){
	.book-level-menu {
		width: 100%;
	}

	.book-level-menu .btn-book-level >	button {
		padding: 3px 0 5px 0;
		border-radius: 10px;
		font-size: 20px;
	}
	.book-level-menu .btn-book-level >	button.on {
		border: 3px solid #019cff;
}
}


.container-flow	{
	width: 1000px;
}


@media (max-width:1000px) {
	.container-flow	{
		width: 93%;
		height:	501px;
		margin:	0 auto;
		overflow-y:scroll;
		overflow-x:scroll;
		border:1px solid #ccc;
		-ms-overflow-style:-ms-autohiding-scrollbar;
		-webkit-overflow-scrolling:touch
	}
	.container-flow	> .curriculum-row {
		width: 1034px;
	}

	.page-menu-1 {
		padding: 10px 0 8px 0;
	}

	.page-menu-1 .btn-page-menu	a .radio-day {
		font-weight: 800;
		font-size: 18px;
		color: #555555;
		margin: 4px 0 0 30px;
		width: 100px;
	}
}

.swiper-container {
	padding: 0 40px; 
	position: relative;
	width: 100%;
}

.swiper	{
	overflow: hidden;
}

button {
	padding: 0;
	margin:	0;
	border:	none;
	background:	none;
}

.btn-swiper-arrow.btn-swiper-prev {
	left: 0;
	top: 0;
	border-top-left-radius:	1em;
	border-bottom-left-radius: 1em;
}

.btn-swiper-arrow.btn-swiper-next {
	right: 0;
	top: 0;
	border-top-right-radius: 1em;
	border-bottom-right-radius:	1em;
}

.btn-swiper-arrow {
	position: absolute;
	background:	rgb(1 156 255 / 10%);
	height:	100%;
	width: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor:	pointer;
	/* box-shadow: 1px 1px 1px rgb(0 0 0 / 20%); */
}


.btn-swiper-arrow svg {
	width: 40%;
}