.notice .btn-cookie {
	padding: .6rem 1.8rem;
}

.notice .btn2-cookie {
	padding: .6rem 1.8rem;
}

.btn-cookie {
	background: #F68B1F;
	border-radius: .6rem;
	border: 1px solid #F68B1F ;
	font-size: .875rem;
	padding: .6rem 1.8rem;
	color: var(--text-color);
	position: relative;
	font-weight: 600;
}

.btn2-cookie {
	background-color: #fff;
	font-size: .875rem;
	color: var(--b-color);
	font-weight: 600;
	border-radius: .6rem;
	border: 1px solid #F68B1F;
}
.btn2-cookie:hover {
	border: 1px solid var(--main-color);
	color: var(--text-color);
	background: var(--main-color);
}
.btn-cookie:hover {
	color: var(--b-color);
	border: 1px solid var(--main-color);
	background-color: var(--text-color);
}

.notice {
	z-index: 1;
	position: fixed;
	bottom: 40px;
	left: 40px;

	width: 453px;
	padding: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;

	border-radius: 16px;
	border: 1px solid #F7F8F9;
	background: #FFF;

	/* Plate-shadow */
	box-shadow: 0px 1.99099px 1.59279px 0px rgba(104, 105, 121, 0.02), 0px 4.78462px 3.82769px 0px rgba(104, 105, 121, 0.02), 0px 9.00901px 7.20721px 0px rgba(104, 105, 121, 0.03), 0px 16.07053px 12.85643px 0px rgba(104, 105, 121, 0.04), 0px 30.05816px 24.04653px 0px rgba(104, 105, 121, 0.04), 0px 71.94803px 57.55842px 0px rgba(104, 105, 121, 0.06);
}

.notice > .header {
	color: #24292B;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 130%; /* 18.2px */
	letter-spacing: -0.14px;
	margin-bottom: 8px;
}

.notice > .content {
	color: #656971;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 15.6px */
	letter-spacing: -0.12px;
	margin-bottom: 16px;
	border: 1px solid #F7F8F9;

}

.notice > .content > a {
	color: #656971;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: -0.12px;
	text-decoration-line: underline;
}

.notice > .content > a:hover {
	color: #B98146;
}

.notice > .buttons {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

@media screen and (max-width:768px) {
	.container {
		max-width: 375px;
	}
	.welcome__title {
		font-size: 2.5rem;
	}
	.welcome .container {
		background: none;
	}
	.discover ul {
		gap: 20px 0px;
	}
	.discover ul li {
		width: 100%;
		flex-basis: auto;
	}
	.baner {
		background: none;
	}
	h3, .h3 {
		font-size: 1.3rem;
	}
	.award {
		max-height: 128px;
	}
	h6, .h6 {
		font-size: .9rem;
	}
	.privacy {
		font-size: .9rem;
	}
	.btn {
		width: 100%;
	}
	.favic {
		max-width: 56px;
		max-height: 56px;
	}
	.notice {
		width: 343px;
		bottom: 16px;
		left: 16px;
		padding: 16px;
		/*margin: 16px;*/
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		border-radius: 16px;
		border: 1px solid #F7F8F9;
		background: #FFF;

		/* Plate-shadow */
		box-shadow: 0px 1.99099px 1.59279px 0px rgba(104, 105, 121, 0.02), 0px 4.78462px 3.82769px 0px rgba(104, 105, 121, 0.02), 0px 9.00901px 7.20721px 0px rgba(104, 105, 121, 0.03), 0px 16.07053px 12.85643px 0px rgba(104, 105, 121, 0.04), 0px 30.05816px 24.04653px 0px rgba(104, 105, 121, 0.04), 0px 71.94803px 57.55842px 0px rgba(104, 105, 121, 0.06);
	}

	.notice > .header {
		color: #24292B;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 18.2px */
		letter-spacing: -0.14px;
	}

	.notice > .content {
		color: #656971;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; /* 15.6px */
		letter-spacing: -0.12px;
	}

	.notice > .content > a {
		color: #656971;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		letter-spacing: -0.12px;
		text-decoration-line: underline;
	}

	.notice > .buttons a {
		margin-bottom: 8px;
		text-align: center;
	}

	.notice > .buttons {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
	}

}

@media screen and (max-width:1175px) {
	.welcome .container {
		background-size: 30%, 30%;
	}
}