.coupon-partner {
	padding: 0 24px;
	.coupon-partner__inner {
		padding-top:80px;
		padding-bottom:80px;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		.head {
			font-size: 30px;
			line-height: 1.4666666667em;
			padding-bottom: 21px;
			color:#b9222f;
			width:fit-content;
			margin:0 auto 32px;

			padding-bottom: 21px;
			position:relative;
			&::after {
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				content: "";
				display: block;
				width: 80%;
				height: 3px;
				background-color: #b9222f;
			}

		}
		.store-list{
			display: flex;
			align-items: center;
			flex-wrap: wrap;



			gap:calc((1200px - 360px * 3) / 2);
			.single-store{
				display: flex;
				flex-direction: column;
				border-radius: 20px;
				max-width: 360px;
				width: 100%;

				border-radius: 20px;
				transition: all 0.3s ease;
				&:hover{
					opacity: 0.8;
					transition: all 0.3s ease;
				}
				.img{
					border-radius: 20px 20px 0 0;
					img{
						width: 100%;
						height: 240px;
						object-fit: cover;
						object-position: center;
						border-radius: 20px 20px 0 0;
					}
				}
				.info{
					border-radius: 0 0 20px 20px;
					padding:20px;
					background-color: #fff;
					p{
						font-size: 16px;
						line-height: 1.5em;
						color:#333;
						text-align: center;

					}
				}
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.coupon-partner {
		padding: 0 24px;
		.coupon-partner__inner {
			padding-top:40px;
			padding-bottom:40px;
			max-width: 1600px;
			width: 100%;
			margin: 0 auto;
			.head {
				font-size: 20px;
				line-height: 1.4666666667em;
				padding-bottom: 16px;
				color:#b9222f;
				width:fit-content;
				margin:0 auto 24px;

				padding-bottom: 12px;
				position:relative;
				&::after {
					position: absolute;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					content: "";
					display: block;
					width: 80%;
					height: 2px;
					background-color: #b9222f;
				}

			}
			.store-list{
				display: flex;
				flex-direction: column;

				align-items: center;
				flex-wrap: wrap;



				gap:24px;
				.single-store{
					display: flex;
					flex-direction: column;
					border-radius: 20px;
					max-width: 360px;
					width: 100%;

					border-radius: 20px;
					transition: all 0.3s ease;
					&:hover{
						opacity: 0.8;
						transition: all 0.3s ease;
					}
					.img{
						border-radius: 20px 20px 0 0;
						img{
							width: 100%;
							height: 240px;
							object-fit: cover;
							object-position: center;
							border-radius: 20px 20px 0 0;
						}
					}
					.info{
						border-radius: 0 0 20px 20px;
						padding:20px;
						background-color: #fff;
						p{
							font-size: 16px;
							line-height: 1.5em;
							color:#333;
							text-align: center;

						}
					}
				}
			}
		}
	}
}