*, :after, :before {
	--tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
.mt-5 {
    margin-top: 1.25rem;
}
.grid {
    display: grid;
}
.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.gap-7 {
    gap: 1.75rem;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.bg-bottom {
    background-position: bottom;
}
.bg-contain {
    background-size: contain;
}
.bg-blue-50 {
    --tw-bg-opacity: .5;
    background-color: rgb(65 182 230/var(--tw-bg-opacity));
}
.box-shadowns {
	--tw-shadow: 0px 5px 10px rgba(16,148,193,.2);
    --tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.mb-16 {
	margin-bottom: 4rem;
}
@media (min-width: 1024px) {
	.lg\:mb-24 {
		margin-bottom: 6rem;
	}
}
.h-0 {
    height: 0;
}
.w-0 {
    width: 0;
}
.section01 {
	background-color: #fafafa;
}
.section01 .slider-wrapper {
	-webkit-clip-path: url(#my-clip-path);
    clip-path: url(#my-clip-path);
}
.section01 .slider-wrapper .flickity-page-dots {
	bottom: 50px;
}
.section02 {
	background-color: #fafafa;
	padding-top: 4.5rem;
	padding-bottom: 3.5rem;
}
.section02 h2.title {
	color: #15bef0;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
}
.section02 p.subtitle{
	font-size: 1.125rem;
    line-height: 1.75rem;
}
.section02 .box-left {
	padding: 1rem;
	border-radius: .375rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	height: -moz-fit-content;
    height: fit-content;
	aspect-ratio: 340/300;
}
.section02 .bg-gif {
	background-image: url(../images/REWARDS/bg-gif.png);
}
.section02 .box-left h3 {
	font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    text-align: center;
    margin-top: .625rem;
}
.box-left-text {
	color: #fff;
}
.section02 .box-left .line-1 {
    background-color: #fa8c29;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: .125rem;
    height: 6rem;
    display: block;
    right: -1px;
    top: 50%;
    position: absolute;
}
.section02 .box-left .line-2 {
	position: absolute;
	top: 50%;
	right: -15px;
	display: block;
	height: 0;
	width: 0;
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	border: 0 solid #e5e5e5;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 14px;
    border-left-color: #fa8c29;
	border-bottom-color: transparent;
	border-top-color: transparent;
}
.section02 .box-right p.title {
	font-size: 1.125rem;
    line-height: 1.75rem;
}
.section02 .link-popup {
	display: flex;
    align-items: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    justify-content: center;
}
.section02 .link-popup span {
	font-size: 1.25rem;
    line-height: 1.75rem;
}
.section02 .link-popup svg {
	width: 1rem;
    flex-shrink: 0;
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem * var(--tw-space-x-reverse));
    margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.section03 {
	padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
.section03 .title {
	font-size: 1.875rem;
    line-height: 2.25rem;
	font-weight: 700;
	color: #15bef0;
}
.section03 ul.nav li.tab a {
	box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	outline: 2px solid transparent;
	outline-offset: 2px;
	color: rgba(65, 182, 230, .1);
	font-weight: 600;
	flex-wrap: nowrap;
	height: 40px;
}
.section03 ul.nav li.tab.active a {
	color: rgba(65, 182, 230, .6);
}
.section03 ul.nav li.tab a span {
	--tw-text-opacity: 1;
	color: rgb(82 82 82/var(--tw-text-opacity));
	padding-left: 1.25rem;
	padding-right: .75rem;
	background-color: rgba(65, 182, 230, .1);
	white-space: nowrap;
	height: 40px;
	display: flex;
	align-items: center;
	vertical-align: middle;
}
.section03 ul.nav li:first-child a span {
	border-top-left-radius: .375rem;
	border-bottom-left-radius: .375rem;
}
.section03 ul.nav li:last-child a span {
	border-top-right-radius: .375rem;
	border-bottom-right-radius: .375rem;
}
.section03 ul.nav li.tab.active a span {
	background-color: rgba(65, 182, 230, .6);
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity));
}
.section03 .tab-panels {
	padding-top: 1.5rem;
}
.section03 .step-list .step {
	position: relative;
    z-index: 1;
    cursor: pointer;
    padding-left: 3rem;
    min-height: 80px;
    padding-bottom: 30px;
}
.section03 .step-list .step:not(:last-child):after {
	content: "";
    position: absolute;
    height: 100%;
    left: 15px;
    z-index: -1;
    width: 0;
    top: 0;
    border-left: 1px dashed #e0e0e0;
}
.section03 .step-list .step-number {
	position: absolute;
    top: 0;
    left: 0;
    display: flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: #15bef0;
    font-size: .9375rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.section03 .step-title {
	padding-top: .25rem;
    font-size: .9375rem;
    font-weight: 600;
    color: #15bef0;
    transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.section03 .step-text {
	margin-top: .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    color: rgba(0,0,0,.85);
    animation: fadeInDown .2s cubic-bezier(.25,.46,.45,.94) both;
}
.section04 {
	padding-top: 3.5rem;
    padding-bottom: 3.5rem;
	background-color: #1d3264;
	color: #fff;
}
.section04 h2.title {
	color: #15bef0;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
}
.section04 .accordion-title:hover {
	color: #fa8c29;
}
.section04 .accordion-title.active {
	border-color: #fa8c29;
    color: #fa8c29;
}
.w-\[19px\] {
    width: 19px;
}
.w-\[20px\] {
    width: 20px;
}
#detail.lightbox-content {
	border-radius: .75rem;
}
#detail.lightbox-content .modal-header {
	display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgb(229, 229, 229);
    font-weight: 600;
	padding-top: 1rem;
	padding-bottom: 1rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
}
#detail.lightbox-content .modal-header h3 {
	text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.125rem;
    line-height: 1.75rem;
}
#detail.lightbox-content .modal-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	border-top: 1px solid rgb(229, 229, 229);
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
#detail.lightbox-content .modal-footer button {
	font-size: .875rem;
    line-height: 1.25rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    background-color: #fa8c29;
    border-radius: .375rem;
}
#detail.lightbox-content .modal-body {
	overflow: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity));
    padding: 2.5rem;
}
#detail.lightbox-content .modal-body h3 {
	font-size: 1.5rem;
    line-height: 2rem;
    color: #15bef0;
}
.section05 {
	background-color: #fafafa;
	padding-top: 4.5rem;
    padding-bottom: 3.5rem;
}
.section05 h2.title {
	color: #15bef0;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
}
.section05 .form {
	--tw-shadow: 0px 5px 10px rgba(16,148,193,.2);
    --tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}
.section05 .form-rewards input {
	box-shadow: none;
    border-radius: 5px;
    height: 40px;
}
.pro-img .img img {
	width: 50%;
	margin: 0 auto;
}