body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	max-width: 500px;
	margin: 0 auto;
	background-color: #F7F7F7;
}

.cg-swipe-warp {
	width: 100%;
}

.cg-swipe-warp img {
	width: 100%;
	object-fit: cover;
}

.mainimg-warp::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(
    ellipse 85% 85% at center,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 58%,
    rgba(255, 255, 255, 0.25) 75%,
    rgba(255, 255, 255, 0.55) 88%,
    rgba(255, 255, 255, 0.9) 96%,
    rgba(255, 255, 255, 1) 100%
  );
  pointer-events: none;
}

@media screen and (min-width: 320px) and (max-width: 376px) {
.btn{
	margin-top: -5px;
}
.footer{
	margin-top: -8px;
}

}