@media screen and (min-width: 768px) and (max-width: 1024px) {
#proj_cont, #proj_ctnBg, .proj_ctn_mainBg{
	min-width: 1000px;
}
#proj_ctn, .proj_ctn_main{
	width: 970px;
	height: auto;
	padding: 0 15px;
}
#proj_ctn_tit{
	width: 95%;
	padding: 75px 2.5% 0 2.5%;
}
#proj_ctn_site{
	padding: 0 2.5% 0 0;
}
.proj_btn_back{
	width: 100%;
}
.proj_main_r{
	width: 535px;
	overflow-y: scroll;
	padding: 15px 15px 30px 15px;
	height: 470px;
	background: url(../images/proj_main_r.png) center top no-repeat;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
#proj_cont, #proj_ctnBg, .proj_ctn_mainBg{
	min-width: 320px;
}
#proj_ctn, .proj_ctn_main{
	width: 90%;
	padding: 0 5%;
	float: left;
}
.proj_ctn_minorTit{
	margin-bottom: 20px;
}
.proj_ctn_site{
	text-align: right;
}
.proj_ctn_mainBg, .proj_ctn_main{
	height: auto;
}
.proj_main_l{
	width: 100%;
	height: auto;
	background: none;
}
.proj_main_l .img{
	display: block;
}
.proj_main_l .img img{
	width: 100%;
	height: auto;
}
.proj_main_r{
	width: 90%;
	height: auto;
	padding: 15px 5%;
	background: rgba(255,255,255,0.8);
	margin: 10px 0;
}
}
