@charset "utf-8";
/*월간게획안------------------------------------------------------------------*/
.title_outline{
	width:100%;
}
.title_left{
	text-align:left;
	float:left;
}
.title_left_text{
	margin:12px;
}
.title_right{
	float:left;
	
}
.title_right_download{
	float:right;
	width:100px;
	text-align:center;
	margin:10px;
	border: 1px solid #CBCBCB;
}
.table_outline{
	font-size:0.7rem;
	min-width:800px;
	border: 1px solid #CBCBCB;
	margin-bottom:2rem;
}
.tw10{
	width:10%;
}
.tw15{
	width:15%;
}
.tw16{
	width:16%;
}
.tw20{
	width:20%;
}
.tw24{
	width:24%;
}
.tw25{
	width:25%;
}
.tw28{
	width:28%;
}
.tw30{
	width:30%;
}
.tw38{
	width:38%;
}
.tw40{
	width:40%;
}
.tw44{
	width:44%;
}
.tw50{
	width:50%;
}
.tw54{
	width:54%;
}
.tw60{
	width:60%;
}
.tw70{
	width:70%;
}
.tw80{
	width:80%;
}
.tw90{
	width:90%;
}
.tw100{
	width:100%;
}
.th30{
	height:30px;
}
.th40{
	height:40px;
}
.th50{
	height:50px;
}
.th60{
	height:60px;
}
.th70{
	height:70px;
}
.th80{
	height:80px;
}
.th90{
	height:90px;
}
.th100{
	height:100px;
}
.th1100{
	height:1100px;
}
.th120{
	height:120px;
}
.th120{
	height:120px;
}
.th130{
	height:130px;
}
.th140{
	height:140px;
}
.th150{
	height:150px;
}
.th160{
	height:160px;
}
.th170{
	height:170px;
}
.th180{
	height:180px;
}
.th190{
	height:190px;
}
.th200{
	height:200px;
}
.th210{
	height:210px;
}
.th240{
	height:240px;
}
.th300{
	height:300px;
}
.th480{
	height:480px;
}
.th550{
	height:550px;
}
.th570{
	height:570px;
}
.th660{
	height:660px;
}
.th720{
	height:720px;
}
.th800{
	height:800px;
}
.th900{
	height:900px;
}
.th960{
	height:960px;
}
.table_title{
	background-color:#FDDDE3;
	float:left;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing:border-box;
}
.table_title_week{
	float:left;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing:border-box;
}
.table_text_center{
	float:left;
	padding-left:0.5rem;
	text-align:left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing:border-box;
}
.table_text{
	float:left;
	padding-top:0.5rem;
	padding-left:0.5rem;
	text-align:left;
}
.bd23{
	border-width: 0px 1px 1px 0px;
	border-style:solid;
	border-color:#CBCBCB;
}
.bd3{
	border-width: 0px 0px 1px 0px;
	border-style:solid;
	border-color:#CBCBCB;
}
.bd2{
	border-width: 0px 1px 0px 0px;
	border-style:solid;
	border-color:#CBCBCB;
}
.line_image{
	width:40px;
}
/* 계획안 워크북 및 교구 아이콘 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 */
.guide_outline{
	width:100%;
	margin:0;
	padding:0;
}
.guide_outline img{
	width:100%;
	margin:0;
	padding:0;
}
.guide_inline1{
	float:left;
	width:50%;
	margin:0;
	padding:0;
}
.guide_inline2{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
@media (max-width: 850px) {
	.guide_inline1{
		float:left;
		width:100%;
	}
	.table_outline{
		font-size:0.5rem;
	}
}

/* 활동자료실에 들어가는 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;
	}
}