/* ================================================
                    media query
================================================ */

@media screen and (max-width: 1280px) {
	.container {
		max-width: inherit;
		width: 100%;
	}

	.basic-info_content,
	.more-info {
		width: calc(100% - 48px);
	}

	/* basic-info */

	.basic-info {
		flex-direction: column;
		align-items: center;
		margin-top: 0px;
	}

	.product_image {
		width: 100%;
	}

	.basic-info_content {
		margin-top: 17px;
	}

	.product_title {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 4px;
	}

	.product_number {
		font-size: 16px;
		line-height: 19px;
		letter-spacing: 3.2px;
		margin-top: 10px;
	}

	.product_price {
		font-size: 20px;
		line-height: 24px;
		margin-top: 20px;
	}

	.product_divider {
		width: 100%;
		margin-top: 10px;
	}

	.product_color,
	.product_size,
	.product_quantity,
	.color_list,
	.size_list,
	.quantity_block {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.product_color {
		margin-top: 30px;
	}

	.product_size {
		margin-top: 28px;
	}

	/* color */

	.select-title {
		font-size: 14px;
		line-height: 17px;
		letter-spacing: 2.8px;
		color: #3f3a3a;
	}

	.color_list {
		margin-left: 0px;
	}

	.color_border {
		margin-right: 15px;
	}

	/* size */

	.size_list {
		margin-left: 0px;
	}

	.size_block {
		margin-right: 15px;
	}

	/* quantity */

	.product_quantity .select-title {
		display: none;
	}

	.quantity_block {
		width: 100%;
		margin-top: 30px;
		margin-left: 0px;
	}

	.quantity_remove {
		margin-left: 35px;
	}

	.quantity_add {
		margin-right: 35px;
	}

	.quantity_number {
		font-size: 20px;
	}

	/* add-to-cart */

	.add-to-cart_button {
		width: 100%;
		height: 44px;
		margin-top: 10px;
	}

	.add-to-cart_title {
		font-size: 16px;
		line-height: 30px;
		letter-spacing: 3.2px;
	}

	/* product_material */

	.product_material {
		font-size: 14px;
		line-height: 24px;
		margin-top: 28px;
	}

	/* more-info */

	.more-info {
		margin: 28px 0px 32px 0px;
	}

	.more-info_title-block {
		flex-grow: 1;
	}

	.more-info_title {
		/* flex-grow: 1; */
		font-size: 16px;
		line-height: 30px;
		letter-spacing: 3.2px;
	}

	.more-info_divider {
		/* flex-grow: 1; */
		/* padding-left: 35px; */
		/* margin-left: 35px; */
		width: 60%;
		/* width: calc( 100% - 35px ); */
		/* width: 165px; */
	}

	.more-info_content {
		font-size: 14px;
		line-height: 25px;
		margin-top: 12px;
	}

	.more-info_images {
		row-gap: 20px;
	}
}