/* 
Project : 교육 프로그램 반응형 
Author  : ?
Date    : 2020-02-28
*/

/* Common */

h1{font-size:27px; font-family: 'NotoSans'!important;letter-spacing:.0!important;}
h2{font-size:23px; font-weight:400; margin-bottom:5px; letter-spacing:-1px;  text-align:left; font-family: 'NotoSans'!important;letter-spacing:.0!important;}
/* Layout */
#middle_right_title_area{margin-bottom:10px; }
.page_tit{ display:inline-block;text-align:left;letter-spacing:-1px;  font-family: 'NotoSans'!important;letter-spacing:.0!important;}
.page_tit_s{font-size:16px; display:inline-block; letter-spacing:-0.5px; margin-left:5px; font-weight:400;}
.content_name{font-size:22px;}
.section{margin:50px auto 0;}
img{max-width:100%;}

select{
	width:100%;height:100%;color:#454e61;padding:13px;
			-webkit-appearance: none;
			   -moz-appearance: none;
					appearance: none;
			background:#fff url('//m.kidkids.net/images/bg_select_arrow.png') no-repeat 94% 50%;
			background-size:15px 10px; border:0;
		}

select{font-family: 'Malgun Gothic'; font-size:16px;}

select::-ms-expand {
display: none;
}


	/*더보기 통합*/
	.seemore{width:100%; height:51px;  border:1px solid #d9d9d9;	background:#f5f5f5; font-size:15px; color:#999999;text-align:center;line-height:51px; cursor:pointer;}
	.seemore img{position:relative; top:-2px; margin-left:2px;}

/*설명글씨 */
.extextarea{font-size:15px !important; color:#999; margin-top:5px;font-weight:400 !important; }	

/*컨텐츠 리스트*/
.content_list_area { margin-left:-15px;}
	.content_list_area li{float:left; margin-left:15px; text-align:center; margin-bottom:15px;}
	.content_list_area li .thm_ac_list_img {width:192px; height:192px;  overflow:hidden; margin-bottom:5px;}
	
/*마우스 오버스 이미지 확대*/	
 .scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   /* 부드러운 모션을 위해 추가*/
}
 .scale:hover {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}
			
/* Wobble Vertical */
@keyframes wobble-vertical {
  16.65% {  transform: translateY(8px);  }
  33.3% { transform: translateY(-6px);  }
  49.95% { transform: translateY(4px);  }
  66.6% { transform: translateY(-2px);  }
  83.25% { transform: translateY(1px);  }
  100% { transform: translateY(0);  }
}
.wobble-vertical { display: inline-block;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-vertical:hover {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}	

/*연간교육계획안*/
.yearplan_2020{width:813px; text-align:center; font-size:15px;}
		.yearplan_2020 td, .yearplan_2020 th{border:1px solid #e5e5e5; padding:10px;}
		.yearplan_2020 th{background:#f4f4f4;font-weight:400;}
		.side_btn{}
		
		
.show_m{display:none!important;}
.hide_m{display:block!important;}
.hide_im{display:inline-block!important;}
.show_im{display:none!important;}	

	/*- IE 9+10 hack (속성 핵)*/
@media screen and (min-width:0\0){	
	#middle_right_title_area{margin-bottom:0px}
	.page_tit{  font-weight:500;}
	h2{margin-bottom:0;}
	select{padding:17px 13px 9px;}
	.seemore{line-height:56px;}
	.yearplan_2020 td, .yearplan_2020 th{ }
	.content_list_area li .thm_ac_list_img{margin-bottom:10px}




}



	
@media screen and (max-width: 768px){
	#middle_right_title_area{margin-bottom:10px; padding: 0 15px;}
	img{max-width:100%;}
	.show_m{display:block!important;}
	.show_im{display:inline-block!important;}
	.hide_m{display:none!important;}
	.hide_im{display:none!important;}

	html, body {font-size:15px;}
	#top_area{display:none;}
	#middle_left_area{display:none;}
	#middle_area, #middle_right_area{width:100%; }
	.section{margin:3vh auto 0; text-align:center;}
	
	.paddingarea{padding:0 15px;}
	
	h1{font-size:23px;}
	h2{font-size:18px; margin:0 15px;}
	h2 img{width:13px;}
	.page_tit_s{font-size:15px;  margin-left:0px; }
	
	.tab li a{ padding:15px 5px; font-size:14px;}
	
	select{border:1px solid #d9d9d9;width:90%; margin:15px auto; font-size:15px;}
	
	/*컨텐츠 리스트*/
	.content_list_area{margin:0 15px;}
		.content_list_area li{ margin: 5px; width: calc(50% - 10px);}		
		.content_list_area li .thm_ac_list_img{width:100%; height:0; position:relative; padding-bottom:100%}
		.content_list_area li .thm_ac_list_img img{position:absolute;top:0;left:0;width:100%; height:100%;}
		
	/*더보기 통합*/
	.seemore{border-left:0; border-right:0;	margin-top:3vh;}
	
	#bottom_area{display:none;}
	
	/*연간교육계획안*/
	.yearplan_2020{width:90%; margin-left:auto; margin-right:auto; margin-top:10px; font-size:13px;}
	.side_btn h2{position:relative; top:5px;}
	
/*세시*/
	.this_month_ac{padding:0; border:0;}
	.content_list_area.content_list_area_custom li .thm_ac_list_img{width:auto; height:auto;}

}
@media screen and (max-width: 325px){
	
	h1{font-size:20px;}
	html, body, .page_tit_s {font-size:14px;}
	.tab li a{font-size:12px;}
	select{border:1px solid #d9d9d9;width:90%; margin:15px auto; font-size:14px;}

}