#subContents {
	margin-top: 100px;
	padding-bottom: 50px;
}
#subContents .banner {
	width:100%;
}
#subContents .banner img {
	width:100%;
	padding-bottom: 30px;
}
#subContents .tit {
	font-weight: bold;
	font-size: 24px;
	color:#675e55;
	border-bottom: 1px solid #675e55;
	padding-bottom: 30px;
}
#subContents .con {
	position: relative;
	width:100%;
	z-index:1;
}
#subContents .con img {
	width:100%;
}

#subContents .lookPager {
	margin-top: 5px;
}
#subContents .lookPager a {
	display:block;
	width:240px;
	float:left;
	position: relative;
	line-height: 0;
	box-sizing: border-box;
	padding:5px;
}
#subContents .lookPager a img {
	width:100%;
}
#subContents .lookPager a .deemed {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: #000;
	opacity:0;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#subContents .lookPager a:hover .deemed,
#subContents .lookPager a.active .deemed {
	opacity:0.7;
}
#subContents .btn {
	text-align: center;
}
#subContents .btn a {
	display:inline-block;
	width:255px;
	padding:0 20px;
}
#subContents .btn a img {
	width:100%;
}
@media all and (max-width: 700px) {
	#subContents {
		margin-top: 0px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#subContents .auto {
		width:100%;
	}
	#subContents .banner {
		display:none;
	}
	#subContents .tit {
		font-weight: bold;
		font-size: 1.2em;
		color:#675e55;
		border-bottom: 1px solid #675e55;
		padding: 3% 0;
		text-align: center;
	}
	#subContents .slideIn {
		z-index:1;
	}
	#subContents .lookPager a {
		width:25%;
	}
}