@charset "utf-8";
/*예술프로그램 메인메뉴 css*/
/*==========공통==========*/
section#contentArea{position:relative; margin:0 auto; overflow:hidden; box-sizing:border-box; clear:both;}
article.mainTitle{position:relative; border-bottom:1px solid #adb5bd; text-align:center; font-weight:700;}
	/*메뉴*/
ol.thumbNail{position:relative; overflow:hidden; margin:0 auto; transition:all 0.5s;}
	ol.thumbNail li{position:relative; overflow:hidden; text-align:center; float:left;}
	div.imgArea{position:relative; overflow:hidden; left:15px; }
		div.imgArea a{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); transition:all 0.1s;}
		div.imgArea img{width:100%; height:auto;}
			div.imgArea:hover a{background-color:rgba(0,0,0,0);}
			div.imgArea:hover img{width:120%; height:auto; max-width: 120%;}
	div.titleName{font-weight:700; position:absolute; color:#fff; line-height: 1.5; text-shadow:0px 0px 10px rgba(0,0,0,1); top:30px; left:30px; font-size:30px;cursor:pointer;}
		span.titleBar{display:block; position:relative; background-color:#fff; width:30px; height:5px; margin-bottom:10px;}
/*각 메뉴별 li 크기*/
	/*예술프로그램*/
	ol.wt_arts li{width:285px; height:285px;}
	ol.wt_arts div.imgArea{width:257px; height:257px;}
	
/*대관안내*/


/*==========웹==========*/
@media all and (min-width:1200px){
section#contentArea{width:1200px; padding:160px 30px;}
article.mainTitle{font-size:60px; padding-bottom:20px; margin-bottom:60px; line-height: 1.5;}
/*각 메뉴별 li 크기*/
	/*자연체험*/
	ol.wt_exp li{width:50%; height:570px;}
	ol.wt_exp div.imgArea{width:95%; height:510px;}

}

/*==========모바일==========*/
@media all and (max-width:1199px){
section#contentArea{width:100%; padding:100px 30px;}
article.mainTitle{font-size:30px; padding-bottom:10px; margin-bottom:30px;}
/*각 메뉴별 li 크기*/
	/*자연체험*/
	ol.wt_exp li{width:100%; height:300px;}
	ol.wt_exp div.imgArea{width:95%; height:95%;}
}