body .btn-more img,
html .btn-more img {
	width: 180px;
}
body .btn-wrap,
html .btn-wrap {
	text-align: center;
}
body .btn-buy img,
html .btn-buy img {
	width: 324px;
}
@media (max-width: 1023px) {
	body .container,
	html .container {
		max-width: 420px !important;
	}
	body .btn-buy img,
	html .btn-buy img {
		width: 270px;
	}
}

/* footer */
footer {
	background: #16375b;
	padding: 70px 0;
	position: relative;
}
footer::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 8px;
	background: url(../../images/promotion/line.png) no-repeat;
	top: 0;
	background-size: cover;
}
footer .footer__text {
	text-align: center;
}
footer .footer__policy {
	color: #fff;
	margin-bottom: 10px;
}
footer .footer__policy a {
	color: #fff;
	padding: 0 5px;
}
footer .footer__tit {
	font-size: 14px;
	color: #23abf5;
	margin-bottom: 35px;
}
footer .list-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
footer .list-footer-item {
	max-width: 200px;
	margin: auto;
	padding: 0;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 10px;
	border-bottom-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	background-color: transparent !important;
	border: none !important;
}
@media (max-width: 1023px) {
	footer .list-footer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	footer .list-footer-item {
		margin: auto;
		padding-bottom: 20px;
	}
}

.section-complete,
.section-promotion {
	display: none;
}
.section-complete.active,
.section-promotion.active {
	display: block;
}

.section-shop {
	position: relative;
	padding: 55px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#1a62e2), to(#030c1f));
	background: linear-gradient(to bottom, #1a62e2, #030c1f);
}
@media (max-width: 1023px) {
	.section-shop {
		padding: 35px 0;
		background: -webkit-gradient(linear, left top, left bottom, from(#1a62e2), to(#000001));
		background: linear-gradient(to bottom, #1a62e2, #000001);
	}
}
.section-shop .container {
	max-width: 1080px;
}
.section-shop::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 8px;
	background: url(../../images/promotion/line.png) no-repeat;
	top: 0;
	background-size: cover;
}
.section-shop .shop-title {
	font-size: 38px;
	color: #fff;
	text-shadow: 1px 3px 2px #000;
	font-weight: 500;
	letter-spacing: -1px;
}
.section-shop .shop-subtitle {
	/* 221110 수정 */
	font-size: 27px;
	color: #dbe3ff;
}
@media (max-width: 1023px) {
	.section-shop .shop-title {
		/* 221110 수정 */
		font-size: 30px;
	}
	.section-shop .shop-subtitle {
		/* 221110 수정 */
		font-size: 20px;
	}
	.section-shop .shop-subtitle {
		letter-spacing: -1px;
	}
}

.complete-wrap .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.complete-wrap .title img {
	width: auto;
}
.complete-wrap .title .tit {
	font-size: 28px;
	color: #fff;
	font-weight: 500;
	text-shadow: 1px 3px 2px #000;
}
.complete-wrap .text {
	font-size: 28px;
	line-height: 32px;
	color: #fff;
	font-weight: 400;
	text-shadow: 1px 3px 2px #000;
	margin-top: 10px;
	margin-bottom: 20px;
}
@media (max-width: 1023px) {
	.complete-wrap .text {
		margin-top: 20px;
	}
}

.complete-cardbody {
	background: -webkit-gradient(linear, left top, left bottom, from(#061735), to(#020813));
	background: linear-gradient(to bottom, #061735, #020813);
	border: 1px solid #061ef1;
	border-radius: 10px;
	padding: 50px 0;
}
@media (max-width: 1023px) {
	.complete-cardbody {
		background: -webkit-gradient(linear, left top, left bottom, from(#041026), to(#000001));
		background: linear-gradient(to bottom, #041026, #000001);
		padding: 20px 0;
	}
}

.complete-box {
	padding: 0 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media (max-width: 1023px) {
	.complete-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0 20px;
	}
}
.complete-box .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 50px;
	width: 50%;
}
@media (max-width: 1023px) {
	.complete-box .box {
		width: 100%;
		row-gap: 25px;
	}
}
@media (max-width: 1023px) {
	.complete-box .box:last-child {
		margin-top: 25px;
	}
}
.complete-box .box .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 28px;
	line-height: 32px;
	color: #fff;
	text-shadow: -2px 0px #00256c, 0px 2px #00256c, 2px 0px #00256c, 0px -2px #00256c;
}
@media (max-width: 1023px) {
	.complete-box .box .info {
		font-size: 16px;
		line-height: 24px;
	}
}
.complete-box .box .info .tit {
	margin-bottom: 10px;
}

.complete-information {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 25px;
	margin-top: 30px;
}
@media (max-width: 1023px) {
	.complete-information {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 15px;
		padding: 0 20px;
	}
}
.complete-information .img-bx {
	position: relative;
}
@media (max-width: 1023px) {
	.complete-information .img-bx {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin: 0 auto;
	}
}
@media (max-width: 1023px) {
	.complete-information .img-bx .product {
		width: auto;
		display: block;
		margin: 0 auto;
	}
}
.complete-information .img-bx .ribbon {
	position: absolute;
	top: -1px;
	left: -8px;
	display: none;
}
.complete-information .img-bx .ribbon.active {
	display: block;
}
.complete-information .txt-bx {
	width: 75%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 15px;
}
@media (max-width: 1023px) {
	.complete-information .txt-bx {
		padding-left: 0;
		width: 100%;
		margin-top: 15px;
	}
}
.complete-information .product-name {
	font-size: 28px;
	color: #ffe325;
	font-weight: 600;
	text-shadow: -2px 0px #00256c, 0px 2px #00256c, 2px 0px #00256c, 0px -2px #00256c;
}
@media (max-width: 1023px) {
	.complete-information .product-name {
		font-size: 18px;
	}
}
.complete-information .cont {
	font-size: 28px;
	color: #fff;
	text-shadow: -2px 0px #00256c, 0px 2px #00256c, 2px 0px #00256c, 0px -2px #00256c;
	overflow-wrap: anywhere;
}
@media (max-width: 1023px) {
	.complete-information .cont {
		font-size: 16px;
	}
}
.complete-information .price {
	font-size: 28px;
	color: #fff;
	font-weight: 400;
	text-shadow: 1px 3px 2px #000;
}
@media (max-width: 1023px) {
	.complete-information .price {
		font-size: 20px;
	}
}

.complete-total {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 25px;
	font-size: 40px;
	color: #fff;
	font-weight: 400;
	text-shadow: 1px 3px 2px #000;
}
@media (max-width: 1023px) {
	.complete-total {
		font-size: 30px;
		padding: 0 20px;
	}
}

.line-box {
	margin: 60px 0;
}
@media (max-width: 1023px) {
	.line-box {
		margin: 30px 0;
	}
}

.line {
	width: 100%;
	height: 2px;
	border-radius: 50%;
	background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ffed5e), to(transparent));
	background: linear-gradient(to right, transparent, #ffed5e, transparent);
}

.receipt-wrap {
	margin-top: 20px;
	text-align: center;
	font-size: 0;
}
.receipt-wrap img {
	max-width: 100%;
}
.receipt-wrap a {
	display: inline-block;
	vertical-align: middle;
	width: 268px;
	padding-top: 58px;
	height: 0;
	overflow: hidden;
	background: url("../../images/promotion/btn-receipt.png") 0 0 no-repeat;
	background-size: 100% 100%;
}
.receipt-wrap a:hover {
	background-image: url("../../images/promotion/btn-receipt-hover.png");
}
.receipt-wrap a:active {
	background-image: url("../../images/promotion/btn-receipt-active.png");
}
.more-wrap {
	margin: 38px 0 0;
}
@media (max-width: 1023px) {
	.receipt-wrap {
		margin-top: 0;
	}
	.more-wrap {
		margin: 25px 0;
	}
}

.btn-continue {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: block;
	margin: 0 auto;
}
.btn-continue img {
	/*width: 524px;*/
	margin: 0 auto;
}
@media (max-width: 1023px) {
	.btn-continue img {
		width: 100%;
	}
}
.btn-continue .btn-origin {
	display: block;
}
.btn-continue .btn-hover {
	display: none;
}
.btn-continue .btn-active {
	display: none;
}
.btn-continue:hover .btn-origin,
.btn-continue:hover .btn-acitve {
	display: none;
}
.btn-continue:hover .btn-hover {
	display: block;
}
.btn-continue:active .btn-origin,
.btn-continue:active .btn-hover {
	display: none;
}
.btn-continue:active .btn-active {
	display: block;
}

.section-promotion .container {
	max-width: 1110px;
}
@media (max-width: 1023px) {
	.section-promotion .container {
		max-width: 400px !important;
	}
}