@media(max-width:768px){
	
	header.hedLogin{
	}
		header .username{
			padding:3px 10px 0 0;
			font-size:1em;
		}
			header .username a{
				position:relative;
				top:2px;
			}
			ul.hedNavRit li.noticeLink{
				margin-right:30px;
			}
			
	#loginTopNav{
		display:block !important;
		height:auto;
		background:#3E4345;
	}
		#loginTopNav ul.navArea{
			display:block;
			position:static;
			height:auto;
		}
			#loginTopNav ul li a.btnLink{
				height:40px;
			}
			#loginTopNav ul li.treeNav{
				display:block;
				float:left;
				width:auto;
				background:none;
				margin-right:25px;
			}
				#loginTopNav ul li.treeNav span{
					padding:10px 0 10px 20px;
				}
	ul.innerNav{
		position:absolute;
	}
		ul.innerNav li{
			width:160px;
		}
	
	#content{
		width:100%;
	}
		.audition_info{
			margin-bottom:0;
		}
			.audition_info .datail{
				float:none;
				width:auto;
				padding:0 10px;
			}
			.audition_info .bana{
				float:none;
				width:300px;
				margin:0 auto;
			}
				.audition_info .bana img{
					max-width:300px !important;
				}
		.auditionTab{}
			.auditionTab .tab01{
				left:15px;
			}
			.auditionTab .tab02{
				left:157px;
			}
			section a.finBtn, section a.entryBtn{
				top:10px;
			}
		
		#content p.button a{
			width:200px;
			margin:0 auto 40px;
		}
			.workInfottl, .Proposettl, .Qttl{
				padding:12px 8px;
			}
			.top10{
				padding-top:0;
				border-top:1px solid #4f4f4f;
			}
			
			.voteArea{
				margin:20px 0;
			}
				.voteArea .top10 ol li{
					float:none;
					margin:0;
					padding:8px;
					border-bottom:1px solid #4f4f4f;
				}
					.voteArea .top10 ol li div{
						display:none;
					}
					.voteArea .top10 ol li p{
						margin-top:0;
					}
					
				.voteArea dl.sort{
					background:none;
					padding-top:45px;
				}
				.new_voteMain{
					margin:0 0 0 0;
					border-top:1px solid #4f4f4f;
				}
					.new_voteMain .pattern1,
					.new_voteMain .pattern2,
					.new_voteMain .pattern3{
						float:none;
						margin:0;
						width:auto;
						height:auto;
					}
						.new_voteMain div img{
							display:none;
						}
						.new_voteMain div div{
							position:static !important;
							width:auto !important;
							height:auto !important;
							background:none !important;
						}
							.new_voteMain div div .info{
								padding:8px;
								border-bottom:1px solid #4f4f4f;
								/* background-color:rgba(120, 40, 40, 0.50); */
							}
			
			.workDetailMain .editLabel{
				position:relative !important;
			}
				.workDetailMain .editLabel .edit{
					top: 25px;
				}
				.workDetailMain dl.profile dd{
					width:60%;
				}
			.workDetailMain #photoArea ul{
				width:320px;
			}
				.workDetailMain #photoArea li{
					width:145px;
					height:182px;
					display:none;
				}
				.workDetailMain #photoArea li.more_view,
				.workDetailMain #photoArea.all_view li{
					display:block !important;
				}
				.workDetailMain #photoArea li:nth-child(1),
				.workDetailMain #photoArea li:nth-child(2){
					display:block;
				}
					.workDetailMain #photoArea li .ins{
						top:65px;
						left:48px;
					}
					.workDetailMain #photoArea li .img{
						width:145px;
						height:182px;
					}
					.workDetailMain #photoArea li .must{
						 top:135px;
					}
						.workDetailMain #photoArea li .img img{
							height:182px;
						}
			
			.workDetailMain .movieArea .movie,
			.workDetailMain .audioArea .audio{
				float:none;
			}
			.workDetailMain .movieArea .info,
			.workDetailMain .audioArea .info{
				float:none;
				width:auto;
				margin-top:10px;
			}
	
	.subNaviArea{
		margin-top:0;
		padding-top:0;
	}
		.subNaviArea ul.sortMenu{
			top:170px;
			right:8px;
		}
		.subNaviArea .sortButton{
			background:none;
		}
		.subNaviArea input.searchProjects{
			width:270px;
			height:25px;
			margin-left:10px;
			padding:0 5px;
			position:static;
		}
		.subNaviArea button.searchSubmit{
			width:27px;
			height:27px;
			top:0;
		}
		.subNaviArea .sortButton a{
			background:url("../img/bg_header.gif") repeat;
		}	
			section .prjTit .process{
				margin-bottom:15px;
			}
			section .prjContentinfo{
				border-left:none;
				background:#000000;
			}
	.oubo_youkou{
		margin:15px 10px 20px;
	}
		
		.oubo_youkou dt{
			font-weight:bold;
			clear:both;
			float:none;
			padding:0;
			width:auto;
		}
		.oubo_youkou dd{
			float:none;
			width:auto;
			margin:5px 0 0;
			padding:0 10px 10px 15px;
			border-left:none;
		}
		.oubo_youkou dt.flt{
			float:left;
			margin:10px 0 0;
			padding:0 10px 10px 5px;
			width:150px;
		}
		.oubo_youkou dd.flt{
			float:none;
			width:auto;
			margin:10px 0 0;
			padding:0 0 10px 185px;
			
		}
		
}