.page-reward {
}
.page-reward .container {
/*	max-width: 433px;*/
	padding: 0 20px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 46px;
	overflow: hidden;
}

.page-reward .container .top {
	max-width: 433px;
	margin: 0 auto;
	padding: 70px 30px 191px 30px;
}
.page-reward .container .top small {
	display: block;
	color: #000;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 160%; /* 25.6px */
	letter-spacing: -0.32px;
	margin-bottom: 4px;
}
.page-reward .container .top h2 {
	color: #000;
	font-family: Pretendard;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 36px */
	letter-spacing: -0.6px;
	margin-bottom: 30px;
}
.page-reward .container .top p {
	color: #666;
	font-family: Pretendard;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 160%; /* 24px */
	letter-spacing: -0.3px;
}
.page-reward .container .top .pc-img {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: -1;
}

.page-reward .container .inner {
	position: relative;
	width: 100%;
}

.page-reward .container .mo-img {
	display: none;
}



.page-reward .container .point {
	position: relative;
	width: 100vw;
	height: 228px;
	background: #000;
	text-align: center;
	padding: 40px 0 0 0;
	margin: 0 auto 109px auto;
	margin-left: calc(50% - 50vw);
}
.page-reward .container .point .user {
	position: relative;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-image: url();
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	margin: 0 auto 12px auto;
}
.page-reward .container .point .user p {
	position: absolute;
	right: -9px;
	bottom: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 14.118px;
	text-align: center;
	font-style: normal;
	padding: 1px 0 0 0;
	font-weight: 600;
	background-color: #FFC32B;
	line-height: 160%; /* 22.588px */
}
.page-reward .container .point .user.silver p  {
	background-color: #7E858A;
	color: #fff;
}
.page-reward .container .point .user.gold p  {
	background-color: #DCAB29;
	color: #fff;
}
.page-reward .container .point .user.vip p  {
	background-color: #B40C0C;
	color: #fff;
}
.page-reward .container .point .user.vvip p  {
	background-color: #721D9E;
	color: #fff;
}
.page-reward .container .point .username {
	display: block;
	color: #FFF;
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 160%; /* 19.2px */
	letter-spacing: -0.24px;
	margin-bottom: 6px;
}
.page-reward .container .point .username strong {
	color: #FFF;
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%; /* 19.2px */
	letter-spacing: -0.24px;
}
.page-reward .container .point .point-amount {
	color: #FFF;
	text-align: right;
	font-family: Pretendard;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 48px */
	letter-spacing: -0.8px;
}
.page-reward .container .point .point-amount span {
	color: #FFF;
	font-family: Pretendard;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 160%; /* 44.8px */
	letter-spacing: -0.56px;
	vertical-align: bottom;
}
.page-reward .container .absolute-button {
	position: relative;
	left: 50%;
	bottom: -18px;
	transform: translate(-50%, 0);
	margin: 0 auto;
}
.page-reward .container .reward-button {
	max-width: 334px;
	width: 100%;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 70px;
	background: #FFE32B;
	color: #000;
	text-align: right;
	font-family: Pretendard;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%; /* 24px */
	letter-spacing: -0.3px;
	gap: 8px;
	margin: 0 auto;
	margin-bottom: 8px;
	cursor: pointer;
}
.page-reward .container .absolute-button p {
	color: #666;
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	line-height: 160%; /* 19.2px */
	letter-spacing: -0.24px;
}


.page-reward .member-info {
/*    display: none;*/
   	position: fixed;
	bottom: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	max-width: 393px;
	height: 705px;
	max-height: calc(100vh - 120px);
	background: #fff;
	z-index: 200;
	transition: 0.4s;
	transform: translate(-50%, 100%);
	/* padding-top: 120px; */
	border-radius: 30px 30px 0px 0px;
	overflow: hidden;
    z-index: 9999999;
}
.page-reward .member-info.active {
   	position: fixed;
	bottom: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	max-width: 393px;
	height: 705px;
	max-height: calc(100vh - 120px);
	background: #fff;
	z-index: 200;
	transition: 0.4s;
	transform: translate(-50%, 0%);
	/* padding-top: 120px; */
	border-radius: 30px 30px 0px 0px;
	overflow: hidden;
    z-index: 9999999;
}
.page-reward .member-iframe-overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	top: 0;
	left: 0;
	z-index: 100;
}
.page-reward .member-iframe-overlay.active {
	display: block;
}

.page-reward .member-info .member-info-close {
   	position: absolute;
	top: 22px;
	right: 20px;
	cursor: pointer;
}
.page-reward .member-info iframe {
    width: 100%;
    height: 100%;
}
.page-reward .member-info button {
    position: absolute;
    left: 20px;
    top: 28px;
    z-index: 1;
}




.page-reward .container .step {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 54px;
}
.page-reward .container .step .step-inner {
	max-width: 334px;
	width: 100%;
	margin: 0 auto;
}
.page-reward .container .step .num {
	color: #FCD00A;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.36px;
	margin-bottom: 8px;
}
.page-reward .container .step .step-title {
	color: #000;
	font-family: Pretendard;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.48px;
	margin-bottom: 12px;
}
.page-reward .container .step .step-sub {
	color: #666;
	font-family: Pretendard;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 160%; /* 24px */
	letter-spacing: -0.3px;
}

.page-reward .container .step.step-01 {
}
.page-reward .container .step.step-01 .step-sub {
	margin-bottom: 30px;
}
.page-reward .container .step.step-01 .copyid {
	max-width: 334px;
	width: 100%;
	border-radius: 14px;
	background: #F9F9F9;
	padding:31px 0;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 12px;
}
.page-reward .container .step.step-01 .copyid strong {
	display: block;
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.44px;
	margin-bottom: 4px;
}
/*.page-reward .container .step.step-01 .copyid p {
	display: flex;
	gap: 3px;
	align-items: center;
	justify-content: center;
	color: #999;
	text-align: center;
	font-family: Pretendard;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	letter-spacing: -0.26px;
}*/
.page-reward .container .step.step-01 .copy{
	width: 100%;
	height: 46px;
	line-height: 46px;
	background: #000;
	border-radius: 50px;
	margin-bottom: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -0.26px;
	color: #fff;
	gap: 6px;
}

.page-reward .container .step.step-01 .share-kakao {
	display: flex;
	width: 100%;
	height: 46px;
	gap: 4px;
	align-items: center;
	justify-content: center;
	border-radius: 70px;
	background: #FFE812;
	color: #3D1D1C;
	text-align: right;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%; /* 22.4px */
	letter-spacing: -0.28px;
	cursor: pointer;
	margin-bottom: 44px;
}
.page-reward .container .hr {
	width: 100vw;
	height: 10px;
	background: #F9F9F9;
	margin-left: calc(50% - 50vw);

}
.page-reward .container .step.step-01 .stat {
/*	border-top: 10px solid #F9F9F9;*/
	padding: 32px 0 0 0;
	max-width: 334px;
	width: 100%;
	margin: 0 auto;
}
.page-reward .container .step.step-01 .stat .stat-title {
	display: block;
	text-align: center;
	color: #111;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 18px;
}
.page-reward .container .step.step-01 .stat .stat-sub {
	display: block;
	color: #999;
	text-align: center;
	font-family: Pretendard;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 20.8px */
	letter-spacing: -0.26px;
	margin-bottom: 2px;
}
.page-reward .container .step.step-01 .stat .total {
	display: block;
	color: #4FC5B9;
	text-align: center;
	font-family: Pretendard;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.44px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.page-reward .container .step.step-01 .stat ul {
	padding: 18px 0 14px 0;
}
.page-reward .container .step.step-01 .stat ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.page-reward .container .step.step-01 .stat ul p {
	color: #111;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.page-reward .container .step.step-01 .stat ul strong {
	color: #111;
	text-align: right;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.page-reward .container .step.step-01 .stat .notice {
	border-radius: 14px;
	background: #F9F9F9;
	padding: 20px;
}
.page-reward .container .step.step-01 .stat .notice p {
	color: #666;
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 4px;
}
.page-reward .container .step.step-01 .stat .notice p:last-child {
	margin: 0;
}


.page-reward .container .step.step-02 .step-sub {
	margin-bottom: 20px;
}
.page-reward .container .step.step-02 .box-02 {
	border-radius: 14px;
	background: #F9F9F9;
	padding: 23px 25px 0 25px;
	margin-bottom: 12px;
}
.page-reward .container .step.step-02 .box-02 strong {
	display: block;
	color: rgba(0, 0, 0, 0.6);
	font-family: Pretendard;
	font-size: 16.933px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 23.706px */
	margin-bottom: 6.88px;
}
.page-reward .container .step.step-02 .box-02 .member {
	display: flex;
	align-items: end;
	gap: 8.62px;
}
.page-reward .container .step.step-02 .box-02 .member .member-item {
	width: 64.283px !important;
	border-radius: 8px 8px 0 0;
	background: #E8E8E8;
	padding: 7.84px 0 0 0;
}
.page-reward .container .step.step-02 .box-02 .member .member-item.silver {
	height: 37px;
}
.page-reward .container .step.step-02 .box-02 .member .member-item.gold {
	height: 49px;
}
.page-reward .container .step.step-02 .box-02 .member .member-item.vip {
	height: 60px;
}
.page-reward .container .step.step-02 .box-02 .member .member-item.vvip {
	height: 72px;
}

.page-reward .container .step.step-02 .box-02 .member .member-item.silver.active {
	background: #7E858A;
}
.page-reward .container .step.step-02 .box-02 .member .member-item.gold.active {
	background: #DCAB29;
}
.page-reward .container .step.step-02 .box-02 .member .member-item.vip.active {
	background: #B40C0C;
}
.page-reward .container .step.step-02 .box-02 .member .member-item.vvip.active {
	background: #721D9E;
}

.page-reward .container .step.step-02 .box-02 .member .member-item.silver.active div {
	color: #fff;
}
.page-reward .container .step.step-02 .box-02 .member .member-item.gold.active div {
	color: #fff;
}
.page-reward .container .step.step-02 .box-02 .member .member-item.vip.active div {
	color: #fff;
}
.page-reward .container .step.step-02 .box-02 .member .member-item.vvip.active div {
	color: #fff;
}

.page-reward .container .step.step-02 .box-02 .member .member-item div {
	color: #999;
	text-align: center;
	font-family: Pretendard;
	font-size: 9.407px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%; /* 15.052px */
}
.page-reward .container .step.step-02 .member-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	height: 46px;
	border-radius: 70px;
	background: #FFE32B;
	color: #000;
	text-align: right;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%; /* 22.4px */
	letter-spacing: -0.28px;
	cursor: pointer;
}

.page-reward #referral_url {
	position: absolute;
	z-index: -10;
	left: -100000px;
}

.page-reward .container .step.step-03 .step-sub {
	margin-bottom: 20px;
}
.page-reward .container .step.step-03 img {
	width: 100%;
	height: auto;
}
.page-reward .container .step.step-04 .box-04 {
	position: relative;
	height: 150px;
	border-radius: 14px;
	background: #F9F9F9;
	text-align: center;
	margin: 0 auto;
	padding: 43px 0 0 0;
	margin-bottom: 12px;
	overflow: hidden;
}
.page-reward .container .step.step-04 .box-04 img {
	position: absolute;
	top:0;
	right: 0;
}
.page-reward .container .step.step-04 .box-04 .row {
	color: #000;
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	letter-spacing: -0.24px;
}
.page-reward .container .step.step-04 .box-04 .row strong {
	color: #000;
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%; /* 19.2px */
	letter-spacing: -0.24px;
}
.page-reward .container .step.step-04 .box-04 p strong {
	color: #000;
	text-align: right;
	font-family: Pretendard;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 48px */
	letter-spacing: -0.8px;
}
.page-reward .container .step.step-04 .box-04 p span {
	color: #000;
	font-family: Pretendard;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 160%; /* 44.8px */
	letter-spacing: -0.56px;
	vertical-align: bottom;
}
.page-reward .container .step.step-04 .absolute-button {
	position: initial;
	transform: initial;
}
.page-reward .container .step.step-04 .reward-button {
	height: 46px;
}




absolute-button



.page-reward .container .form {
	
}
.page-reward .container .form p {
	color: #111;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 10px;
}
.page-reward .container .form input {
	width: 100%;
	height: 56px;
	border-radius: 14px;
	border: 1px solid #EBEBEB;
	background: #FFF;
	margin-bottom: 20px;
	padding: 0 19px;
	box-sizing: border-box;
}
.page-reward .container .form select {
	width: 100%;
	height: 56px;
	border-radius: 14px;
	border: 1px solid #EBEBEB;
	background: #FFF;
	margin-bottom: 20px;
	padding: 0 19px;
	box-sizing: border-box;
	cursor: pointer;
}
.page-reward .container .form .flex {
	display: flex;
	gap: 9px;
}
.page-reward .container .form .flex > div {
	width: 50%;
}
.page-reward .container .form small {
	display: block;
	color: #666;
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 30px;
}
.page-reward .container .submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	background: #000;
	border-radius: 200px;
	cursor: pointer;
}







.page-reward .container .reward-modal {
	position: fixed;
	display: block;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 100%);
	max-width: 393px;
	width: 100%;
	max-height: calc(100vh - 140px);
	height: 669px;
	transition: 0.4s;
	z-index: 120;
	border-radius: 30px 30px 0px 0px;
	padding: 46px 20px 0 20px;
	background: #FFF;
}
.page-reward .container .reward-modal .close {
	position: absolute;
	top: 22px;
	right: 20px;
	cursor: pointer;
}
.page-reward .container .reward-modal .title {
	color: #111;
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 28px */
	margin-bottom: 20px;
}
.page-reward .container .reward-modal .box {
	position: relative;
	width: 100%;
	padding: 16px 16px 15px 18px;
	border-radius: 14px;
	background: #111;
	margin-bottom: 30px;
}
.page-reward .container .reward-modal .box .row {
	margin-bottom: 4px;
	color: #FFF;
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	letter-spacing: -0.24px;
}
.page-reward .container .reward-modal .box .row strong {
	color: #FFF;
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%; /* 19.2px */
	letter-spacing: -0.24px;
}
.page-reward .container .reward-modal .box .row svg {
	position: relative;
	top: 2px;
	padding-left: 4px;
}
.page-reward .container .reward-modal .box .badge {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 48px;
	height: 18px;
	color: #FFF;
	font-family: Pretendard;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 16px */
	text-align: center;
	letter-spacing: -0.2px;
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.16);
}
.page-reward .container .reward-modal .box .p {
	color: #FFF;
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 160%; /* 32px */
}


.page-reward .container .reward-overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	top: 0;
	left: 0;
	z-index: 100;
}
.page-reward .container .reward-overlay.active {
	display: block;
}
.page-reward .container .reward-modal.active {
	transform: translate(-50%, 0%);
}



@media (max-width: 768px) {
	.page-reward {

	}
	.page-reward .container {
		max-width: 433px;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 6px;
		overflow: unset;
	}

	.page-reward .container .top {
		position: relative;
		padding: 50px 10px 191px 10px;
	}
	.page-reward .container .top small {
		display: block;
		color: #000;
		font-family: Pretendard;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 160%; /* 25.6px */
		letter-spacing: -0.32px;
		margin-bottom: 4px;
	}
	.page-reward .container .top h2 {
		color: #000;
		font-family: Pretendard;
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%; /* 36px */
		letter-spacing: -0.6px;
		margin-bottom: 30px;
	}
	.page-reward .container .top p {
		color: #666;
		font-family: Pretendard;
		font-size: 15px;
		font-style: normal;
		font-weight: 500;
		line-height: 160%; /* 24px */
		letter-spacing: -0.3px;
	}
	.page-reward .container .top img {
		position: absolute;
		left: -20px;
		bottom: -2px;
	}



	.page-reward .container .point {
		position: relative;
		width: 100vw;
		height: 228px;
		background: #000;
		text-align: center;
		padding: 40px 0 0 0;
		margin: 0 auto 109px auto;
		margin-left: calc(50% - 50vw);
	}
	.page-reward .container .point .user {
		position: relative;
		width: 56px;
		height: 56px;
		border-radius: 50%;
		background-image: url();
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		text-align: center;
		margin: 0 auto 12px auto;
	}
	.page-reward .container .point .user p {
		position: absolute;
		right: -9px;
		bottom: 0;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		color: #FFF;
		text-align: center;
		font-family: Pretendard;
		font-size: 14.118px;
		text-align: center;
		font-style: normal;
		padding: 1px 0 0 0;
		font-weight: 600;
		background-color: #7E858A;
		line-height: 160%; /* 22.588px */
	}
	/*.page-reward .container .point .user.silver p  {
		color: #7E858A;
	}
	.page-reward .container .point .user.gold p  {
		color: #DCAB29;
	}
	.page-reward .container .point .user.vip p  {
		color: #B40C0C;
	}
	.page-reward .container .point .user.vvip p  {
		color: #721D9E;
	}*/
	.page-reward .container .point .username {
		display: block;
		color: #FFF;
		font-family: Pretendard;
		font-size: 12px;
		font-style: normal;
		font-weight: 300;
		line-height: 160%; /* 19.2px */
		letter-spacing: -0.24px;
		margin-bottom: 6px;
	}
	.page-reward .container .point .username strong {
		color: #FFF;
		font-family: Pretendard;
		font-size: 12px;
		font-style: normal;
		font-weight: 600;
		line-height: 160%; /* 19.2px */
		letter-spacing: -0.24px;
	}
	.page-reward .container .point .point-amount {
		color: #FFF;
		text-align: right;
		font-family: Pretendard;
		font-size: 40px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%; /* 48px */
		letter-spacing: -0.8px;
	}
	.page-reward .container .point .point-amount span {
		color: #FFF;
		font-family: Pretendard;
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		line-height: 160%; /* 44.8px */
		letter-spacing: -0.56px;
		vertical-align: bottom;
	}
	.page-reward .container .absolute-button {
		position: relative;
		left: 50%;
		bottom: -18px;
		transform: translate(-50%, 0);
		margin: 0 auto;
	}
	.page-reward .container .reward-button {
		max-width: 293px;
		width: 100%;
		height: 56px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 70px;
		background: #FFE32B;
		color: #000;
		text-align: right;
		font-family: Pretendard;
		font-size: 15px;
		font-style: normal;
		font-weight: 600;
		line-height: 160%; /* 24px */
		letter-spacing: -0.3px;
		gap: 8px;
		margin: 0 auto;
		margin-bottom: 8px;
		cursor: pointer;
	}
	.page-reward .container .absolute-button p {
		color: #666;
		font-family: Pretendard;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 160%; /* 19.2px */
		letter-spacing: -0.24px;
	}







	.page-reward .container .step {
		width: 100%;
	}
	.page-reward .container .step .step-inner {
		max-width: 293px;
		width: 100%;
		margin: 0 auto;
	}
	.page-reward .container .step .num {
		color: #FCD00A;
		font-family: Pretendard;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -0.36px;
		margin-bottom: 8px;
	}
	.page-reward .container .step .step-title {
		color: #000;
		font-family: Pretendard;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -0.48px;
		margin-bottom: 12px;
	}
	.page-reward .container .step .step-sub {
		color: #666;
		font-family: Pretendard;
		font-size: 15px;
		font-style: normal;
		font-weight: 500;
		line-height: 160%; /* 24px */
		letter-spacing: -0.3px;
	}
	.page-reward .container .step.step-01 .step-sub {
		margin-bottom: 30px;
	}
	.page-reward .container .step.step-01 .copy {
		max-width: 293px;
		width: 100%;
		border-radius: 14px;
		background: #F9F9F9;
		cursor: pointer;
		padding: 20px 0 17px 0;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 12px;
	}
	.page-reward .container .step.step-01 .copy strong {
		display: block;
		color: #000;
		text-align: center;
		font-family: Pretendard;
		font-size: 22px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -0.44px;
		margin-bottom: 4px;
	}
	.page-reward .container .step.step-01 .copy p {
		display: flex;
		gap: 3px;
		align-items: center;
		justify-content: center;
		color: #999;
		text-align: center;
		font-family: Pretendard;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 160%; /* 20.8px */
		letter-spacing: -0.26px;
	}
	.page-reward .container .step.step-01 .share-kakao {
		display: flex;
		width: 100%;
		height: 46px;
		gap: 4px;
		align-items: center;
		justify-content: center;
		border-radius: 70px;
		background: #FFE812;
		color: #3D1D1C;
		text-align: right;
		font-family: Pretendard;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 160%; /* 22.4px */
		letter-spacing: -0.28px;
		cursor: pointer;
		margin-bottom: 44px;
	}
	.page-reward .container .hr {
		width: 100vw;
		height: 6px;
		background: #F9F9F9;
		margin-left: calc(50% - 50vw);

	}
	.page-reward .container .step.step-01 .stat {
	/*	border-top: 10px solid #F9F9F9;*/
		padding: 32px 0 0 0;
	}
	.page-reward .container .step.step-01 .stat .stat-title {
		display: block;
		text-align: center;
		color: #111;
		font-family: Pretendard;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		margin-bottom: 18px;
	}
	.page-reward .container .step.step-01 .stat .stat-sub {
		display: block;
		color: #999;
		text-align: center;
		font-family: Pretendard;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 160%; /* 20.8px */
		letter-spacing: -0.26px;
		margin-bottom: 2px;
	}
	.page-reward .container .step.step-01 .stat .total {
		display: block;
		color: #4FC5B9;
		text-align: center;
		font-family: Pretendard;
		font-size: 22px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -0.44px;
		padding-bottom: 20px;
		border-bottom: 1px solid #eee;
	}
	.page-reward .container .step.step-01 .stat ul {
		padding: 18px 0 14px 0;
	}
	.page-reward .container .step.step-01 .stat ul li {
		margin-bottom: 10px;
	}
	.page-reward .container .step.step-01 .stat ul p {
		color: #111;
		font-family: Pretendard;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
	.page-reward .container .step.step-01 .stat ul strong {
		color: #111;
		text-align: right;
		font-family: Pretendard;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}


	.page-reward .container .form {
		
	}
	.page-reward .container .form p {
		color: #111;
		font-family: Pretendard;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		margin-bottom: 10px;
	}
	.page-reward .container .form input {
		width: 100%;
		height: 56px;
		border-radius: 14px;
		border: 1px solid #EBEBEB;
		background: #FFF;
		margin-bottom: 20px;
		padding: 0 19px;
		box-sizing: border-box;
	}
	.page-reward .container .form select {
		width: 100%;
		height: 56px;
		border-radius: 14px;
		border: 1px solid #EBEBEB;
		background: #FFF;
		margin-bottom: 20px;
		padding: 0 19px;
		box-sizing: border-box;
		cursor: pointer;
	}
	.page-reward .container .form .flex {
		display: flex;
		gap: 9px;
	}
	.page-reward .container .form .flex > div {
		width: 50%;
	}
	.page-reward .container .form small {
		display: block;
		color: #666;
		font-family: Pretendard;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		margin-bottom: 30px;
	}
	.page-reward .container .submit {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 56px;
		color: #FFF;
		text-align: center;
		font-family: Pretendard;
		font-size: 15px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		background: #000;
		border-radius: 200px;
		cursor: pointer;
	}







	.page-reward .container .reward-modal {
		position: fixed;
		display: block;
		left: 50%;
		bottom: 0;
		transform: translate(-50%, 100%);
		max-width: 393px;
		width: 100%;
		max-height: calc(100vh - 140px);
		height: 669px;
		transition: 0.4s;
		z-index: 120;
		border-radius: 30px 30px 0px 0px;
		padding: 46px 20px 0 20px;
		background: #FFF;
	}
	.page-reward .container .reward-modal .close {
		position: absolute;
		top: 22px;
		right: 20px;
		cursor: pointer;
	}
	.page-reward .container .reward-modal .title {
		color: #111;
		font-family: Pretendard;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 28px */
		margin-bottom: 20px;
	}
	.page-reward .container .reward-modal .box {
		position: relative;
		width: 100%;
		padding: 16px 16px 15px 18px;
		border-radius: 14px;
		background: #111;
		margin-bottom: 30px;
	}
	.page-reward .container .reward-modal .box .row {
		margin-bottom: 4px;
		color: #FFF;
		font-family: Pretendard;
		font-size: 12px;
		font-style: normal;
		font-weight: 300;
		line-height: 160%;
		letter-spacing: -0.24px;
	}
	.page-reward .container .reward-modal .box .row strong {
		color: #FFF;
		font-family: Pretendard;
		font-size: 12px;
		font-style: normal;
		font-weight: 600;
		line-height: 160%; /* 19.2px */
		letter-spacing: -0.24px;
	}
	.page-reward .container .reward-modal .box .row svg {
		position: relative;
		top: 2px;
		padding-left: 4px;
	}
	.page-reward .container .reward-modal .box .badge {
		position: absolute;
		top: 18px;
		right: 18px;
		width: 48px;
		height: 18px;
		color: #FFF;
		font-family: Pretendard;
		font-size: 10px;
		font-style: normal;
		font-weight: 400;
		line-height: 160%; /* 16px */
		text-align: center;
		letter-spacing: -0.2px;
		border-radius: 9px;
		background: rgba(255, 255, 255, 0.16);
	}
	.page-reward .container .reward-modal .box .p {
		color: #FFF;
		font-family: Pretendard;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 160%; /* 32px */
	}


	.page-reward .container .reward-overlay {
		position: fixed;
		display: none;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
		top: 0;
		left: 0;
		z-index: 100;
	}
	.page-reward .container .reward-overlay.active {
		display: block;
	}
	.page-reward .container .reward-modal.active {
		transform: translate(-50%, 0%);
	}

	.page-reward .container .step.step-01 .stat .notice {
		width: 100vw;
		margin-left: calc(50% - 50vw);
	}
	.page-reward .container .step.step-02 .box-02 {
		padding: 23px 0 0 23px;
		overflow: hidden;
	}

	.page-reward .container .mo-img {
		display: block;
	}
	.page-reward .container .pc-img {
		display: none;
	}
	.page-reward .container .step.step-01 .stat .notice {
		border-radius: 0;
	}
}