@charset "utf-8";
/*월간계획안------------------------------------------------------------------*/
.table_outline_top{
	width:100%;
	border-color:#CBCBCB;
	border-collapse:collapse;
	font-size:0.9rem;
}
.table_outline_n{
	width:100%;
	border-color:#CBCBCB;
	border-collapse:collapse;
	font-size:0.8rem;
}
@media (max-width: 850px) {
	.table_outline_n{
		font-size:0.7rem;
	}
}
@media (max-width: 650px) {
	.table_outline_n{
		font-size:0.6rem;
	}
}
.title_left_text_n{
	text-align:left;
	margin:10px;
}
.title_right_text_n{
	text-align:right;
	margin:10px;
}
.table_title_n{
	width:100%;
	height:100%;
	text-align:center;
	background-color:#FDDDE3;
	min-height:1rem;
}
.table_text_n{
	text-align:left;
	margin:10px;
	min-height:1rem;
}
.table_text_center_n{
	text-align:center;
	margin:10px;
	min-height:1rem;
}
.bg_pink{
	background-color:#FDDDE3;	
}
.line_image{
	width:40px;
}
.bottom_space{
	margin-bottom:2rem;
}
/* 계획안 워크북 및 교구 아이콘 CSS */
.book_icon{
	background-color:#FF1792;
	color:white;
	border-radius:3px;
	width:40px;
	padding:1px;
	text-align:center;
	display:inline;
}
.toy_icon{
	background-color:#0062C9;
	color:white;
	border-radius:3px;
	width:30px;
	padding:1px;
	text-align:center;
	display:inline;
}
.doc_icon{
	background-color:#11AB00;
	color:white;
	border-radius:3px;
	width:30px;
	padding:1px;
	text-align:center;
	display:inline;
}
.music_icon{
	cursor:pointer;
	display:inline;
	color:#FF8E00;
}

/* 활동자료실에 들어가는 CSS */
.program_scheduledata_title{
	padding-left: 1rem;
	text-align:left;
	line-height:2.5rem;
	font-size:1.4rem;
	color:#000;
	border-radius:10px;
	background-color:rgba(225,60,82,0.8);
	color:#fff;
}
.program_scheduledata {
	width:100%;
	border:#D0D0D0 solid 1px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:4px;
}.program_scheduledata img{
	width:100%;
	border-radius:10px;
}
.program_scheduledata_line1 {
	width:100%;
	text-align:left;
	font-size:0.8rem;
	height:2rem;
}
.program_scheduledata_line2 {
	width:100%;
	text-align:left;
	font-size:0.8rem;
	height:1rem;
}
@media (min-width: 1200px) { 
	.program_scheduledata_wrap {
		width:20%;
		height:auto;
		padding:1.5rem;
		float:left;
	}
}
@media (max-width: 1200px) { 
	.program_scheduledata_wrap {
		width:25%;
		height:auto;
		padding:1.5rem;
		float:left;
	}
}
@media (max-width: 1000px) {
	.program_scheduledata_wrap {
		width:33.3%;
		height:auto;
		padding:1.0rem;
		float:left;
	}
}
@media (max-width: 760px) {
	.program_scheduledata_wrap {
		width:50%;
		height:auto;
		padding:0.5rem;
		float:left;
	}
}