@import url('/css/SeoJump.css');
#serchWarp .wrap { width: 90%; margin: 15px auto; }

/* serchBox */
#serchBox ul { overflow: hidden; }
#serchBox ul li { position: relative; margin: 15px; float: left; width: calc((100% / 4) - 30px); }
#serchBox ul li a { overflow: hidden; background-position: 50%; background-repeat: no-repeat; background-size: 100% auto; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#serchBox ul li:hover a { background-size: 120% auto; }
#serchBox ul li a p { position: absolute; padding: 10px 0; width: 100%; background: #858585; text-align: center; color: #fff; bottom: 0; }

@media screen and (max-width:1280px){
	#serchWarp .wrap { margin-top: 90px; }
	#serchBox ul li { width: calc((100% / 3) - 30px); }
}
@media screen and (max-width:980px){
	#serchBox ul li { width: calc((100% / 2) - 30px); }
}
@media screen and (max-width:550px){
	#serchBox ul li { width: calc(100% - 30px); }
}