@charset "UTF-8";

#Left_Info .content {
	padding: 15px;
	width: 100%;
}
#Left_Info .item {
	margin: 5px 0;
	padding: 2px 15px;
	color: #FFF;
	font-weight: bold;
	background-color: #0CBCF0;
	border-radius: 99em;
	cursor: pointer;
	text-align: center;
}
#Left_Info .item:hover {
	background-color: #1090ce;
}

#Left_Info .coupon {
	margin: 5px 0;
	padding: 2px 15px;
	font-weight: bold;
	background-color: #F6CA00;
	border-radius: 99em;
	cursor: pointer;
	text-align: center;
	position: relative;
}
#Left_Info .coupon:hover {
	background-color: #F0AB00;
}
#Left_Info .coupon .txt {
	margin: 0 0 0 10px;
	color: #000;
	font-size: 16px;
}
#Left_Info .coupon .icon {
	width: 30px;
	position: absolute;
	bottom: -2px;
	left: 6px;
}
#Left_Info .coupon .icon img {
	width: 100%;
	height: auto;
}

#Left_Info .banners {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
#Left_Info .banners img {
	width: 100%;
	border-radius: 12px;
}
@media screen and (max-width: 768px) {
	#Left_Info .banners {
		display: flex;
		flex-direction: row;
		gap: 5px;
	}
	#Left_Info .banners > div {
		width: calc((100% - 10px) / 2);
		flex: 0 0 calc((100% - 10px) / 2);
	}
}

@media screen and (max-width: 1599px) {
	#Left_Info .coupon {
		padding: 2px 10px;
	}
	#Left_Info .coupon .icon {
		width: 25px;
		left: 2px;
	}
}
@media screen and (max-width: 1199px) {
	#Left_Info .coupon .icon {
		width: 25px;
		left: 5px;
	}
	#Left_Info .coupon .txt {
		margin: 0 0 0 14px;
		font-size: 15px;
	}
}
@media screen and (max-width: 992px) {
	#Left_Info .content {
		padding: 10px;
	}
	#Left_Info .coupon {
		padding: 2px 0;
	}
	#Left_Info .coupon .icon {
		width: 20px;
		left: 3px;
	}
	#Left_Info .coupon .txt {
		font-size: 14px;
	}
}
@media screen and (max-width: 768px) {
	#Left_Info .content {
		padding: 15px;
	}
	#Left_Info .coupon {
		padding: 2px 15px;
	}
	#Left_Info .coupon .icon {
		width: 35px;
		left: 10px;
	}
	#Left_Info .coupon .txt {
		margin: 0;
		font-size: 16px;
	}
}