@media screen and (max-width:960px){
	
	.center{
		width:100%;
	}
	.header .hc .logo{
		width:200px;
		margin-top:15px;
	}
	.header .hc .gnb{
		width:640px;
	}
	.header .hc .gnb > ul > li > ul{
		padding-left:0;
		font-size:12px;
		text-align:center;
	}
}
@media screen and (max-width:860px){
	
	.center{
		width:90%;
	}
	
	.header{
		position:fixed !important;
		top:0 !important;
		background-color:rgba(255,255,255,1)!important;
	}
	
	.header .hc .logo{
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	.header .hc .gnb{
		display:none;
	}
	
	.header .menu_btn{display:block;}
	
	#wrap{
		padding-top:70px;
	}
	
	
	.photo_section .pc ul li a .photo_title{
		font-size:15px;
	}
	.photo_section .pc ul li a .photo_txt{
		font-size:13px;
	}
	.news_section .nc > ul > li{
		width:49%;
		margin-right:2%;
	}
	.news_section .nc > ul > li.tab{
		display:none;
	}
	
	.album_section .album .ac ul li{
		width:32%;
		margin-right:2%;
	}
	
	.foot_menu{display:none;}
	
	.map_section #map_view{
		height:500px;
	}
	
}

@media screen and (max-width:720px){
	.photo_section .pc ul li{
		width:48%;
		margin-right:4%;
		margin-bottom:20px;
	}
	.photo_section .pc ul li:nth-child(2n){
		margin-right:0;
	}
	
	.news_section .nc > ul > li{
		width:100%;
	}
	.news_section .nc > ul > li.category{
		margin-top:50px;
	}
	.news_section .nc > ul > li.category > ul > li a{
			background:no-repeat 5% center /30px;
	}
}

@media screen and (max-width:500px){
	
	.photo_section .pc ul li{
		width:100%;
		margin-right:0% !important;
		margin-bottom:20px;
	}
	
	.album_section .album .ac ul li{
		width:100%;
		margin-right:0 !important;
	}
	
	.banner_section .bc > ul > li{
		width:100%; 
		margin-right:0 !important;
	}
	.banner_section .bc > ul > li > ul > li{
		width:80%;
		margin:10px auto;
	}
}