/*전체 크기에서 lnb 크기 제거*/
#content{	margin: 0px auto;	width: calc:(100%-260px);	margin-top: -60px;}
/*화면 크기 측정*/
.screen1{	display: none; position: absolute;	background-color: aliceblue;top: 50%;;	left : 0;	z-index: 1;}

/*상단 text 영역*/
.sec1{	width: 96%;}
.word{	width: 100%;	font-size: 1.8em;}
.mess1{font-size: 1.2em;margin-top: 15px;}
.title1{
	
/*	color : #fff;	background: linear-gradient(to right, #999, #ccc);	
background: linear-gradient(to right, rgba(#999, #ccc, 0, 1), rgba(255, 0, 0, 0));	box-shadow: 10px 10px 5px 0px #888888;padding: 12px;position: relative;	display: block;	font-size: 1.5em;	font-weight: bold;
*/

font-size:2.5em;

}



.item, .item a{	margin: 0px auto;width: 100%;	text-align: center;	height: 250px;	background-color: #fff;	border : 2px #ccc solid;	background-repeat: no-repeat;	background-position: top center;	background-size: 40%;	color: #000; display: grid;    align-content: end;		transform: scale(0.8);	 transition: transform 0.5s ease-in-out;}
.item:hover, .item a:hover{	transform: scale(0.9);	color:#960002;}
.tx{
	font-weight: bold;	font-size: 2.2em;	/*background-color: #313131;*/	color : #fff;	/*opacity: 0.8;*/ color:#29248F;;
	

}

.down_bg{margin: 0px auto;margin-top:40px;	width: 100%;}

.fc1{
	color:#28308F; position: relative;display: inline-block;font-weight: bold;
}


.sec2{	margin-top : 5%;	width: 96%;	display: grid;   grid-template-columns: 23% 23% 23% 23%; 	 grid-gap: 2%;margin-bottom:80px;}



/****************pc_animation****************/
/*창모드*/
	
	

@media(max-width:1300px){


	
.item{ display: grid;    align-content: end;		transform: scale(1);	 transition: transform 0.5s ease-in-out;background-size: 80%;}
.tx{font-size: 2em; align-items: center;justify-content: center;
	}
	
		.sec2{	margin-top : 5%;	width: 96%;	display: grid;   grid-template-columns: 32% 32% 32%; 	 grid-gap: 1%;  }

	
	
}



@media(max-width:1200px){


.tx{font-size: 1.5em; align-items: center;justify-content: center;

	
	}





	.item{height: 250px;	}	

}

	
/*모바일*/
	@media(max-width:991px){
		#content { margin-top: -80px;}
		
		
		
		
		.item{height: 200px;	}	
		
		
		
	}
		
		
		

	
	
	
@media(max-width:600px){
	.tx{font-size: 2.2em;}
	
	.item{height: 200px;	}
	
	
			.sec2{	margin-top : 5%;	width: 100%;	display: grid;   grid-template-columns: 33% 33% 33%; 	 grid-gap: 1%;  }

}