@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-twitter-color_on.png") url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-discord-color_on.png") url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-substack-color_on.png") url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-gitbook-color_on.png") url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-help-color_on.png") url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-twitter-gray_on.png") url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-discord-gray_on.png") url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-substack-gray_on.png") url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-gitbook-gray_on.png") url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico-connect-wallet_on.png") url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/footer-bedge_on.png") url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_wallet_add_copy.png") url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_wallet_add_copy_on.png");
}

body,
html {
    font-family: "Barlow Condensed", sans-serif;
    color: #222;
    font-style: italic;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0;
    word-break: keep-all;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

body {
    position: relative;
    width: 100%;
}

dl,
ol,
ul {
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
    font-weight: 400;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    word-break: break-all;
}

table th {
    font-weight: 400;
}

abbr,
acronym,
button,
fieldset,
img {
    border: 0;
}

label {
    cursor: pointer;
}

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: 400;
}

strong {
    font-weight: 700;
}

em {
    font-weight: 400;
}

caption,
legend {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

img {
    max-width: 100%;
}

q:after,
q:before {
    content: "";
}

hr {
    display: none;
}

iframe {
    border: 0;
    outline: 0;
}

br {
    font-family: dotum;
}

fieldset {
    display: block;
    min-width: 0;
}

input,
select {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
}

button {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0;
    cursor: pointer;
    border-radius: 10px;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

a:link,
a:visited {
    text-decoration: none;
    color: inherit;
}

a:active,
a:focus,
a:hover {
    background: 0;
    text-decoration: none;
}

html {
    overflow-y: scroll;
}

html.fix {
    overflow: hidden;
}

br.m-enter {
    display: none;
}

a.btn-primary,
button.btn-primary,
input[type=submit].btn-primary {
    color: #fff;
    background: #444CE7;
    border-color: #444CE7;
}

a.btn-primary:hover,
button.btn-primary:hover,
input[type=submit].btn-primary:hover {
    color: #fff;
    background: #6172F3;
    border-color: #6172F3;
}

a.btn-primary:active,
button.btn-primary:active,
input[type=submit].btn-primary:active,
a.btn-primary.actived,
button.btn-primary.actived,
input[type=submit].btn-primary.actived {
    color: #fff;
    background: #2D3282;
    border-color: #2D3282;
}

a.btn-primary:disabled,
button.btn-primary:disabled,
input[type=submit].btn-primary:disabled,
a.btn-primary.disabled,
button.btn-primary.disabled,
input[type=submit].btn-primary.disabled {
    color: #A1A1AA;
    background: #E4E4E7;
    border-color: #E4E4E7;
}

a.btn-primary.loading,
button.btn-primary.loading,
input[type=submit].btn-primary.loading {
    color: #000;
    background: #F4F4F5;
    border-color: #D4D4D8;
}

@keyframes rotate1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-loop {
    animation-name: rotate1;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards
}

.icon-loading-bar-middle {
    width: 36px;
    height: 36px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-loading-bar-middle.png");
}

.icon-triangle-error-small-gray {width:16px; height:16px; background-image:url(https://static.rumbleracingstar.io/rrshome/assets/stargarage/images/icon-triangle-error-small-gray.png);}

.dn {
    display: none;
}

::selection {
    color: inherit;
    background: 0;
}

::-moz-selection {
    color: inherit;
    background: 0;
}

.font-color-error {
    color: #cf3131 !important;
}

.iframe-video-player {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}

.iframe-video-player .video-wrap {
    background: #000;
    border-radius: 32px;
    overflow: hidden;
}

.iframe-video-player .video-wrap iframe {
    border: 0;
    outline: 0;
}

.video-wrap {
    position: relative;
}

.video-player {
    position: relative;
    padding-top: 56.25%;
}

.video-player embed,
.video-player iframe,
.video-player object,
.video-player video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.f-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: block;
    width: 100%;
    height: 48px;
    text-align: left;
    font-style: normal;
    font-size: 17px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    padding: 0 24px;
    background-color: #393c87;
    border-radius: 0;
    border: 1px solid #393c87;
    box-sizing: border-box;
    z-index: 0;
    outline: 0;
    border-radius: 8px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px #efefef inset;
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    transition: background-color 5000s ease-in-out 0;
}

select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 45px;
    font-size: 14px;
    font-weight: 300;
    color: #202020;
    line-height: 1;
    padding: 0 30px 0 14px;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ebebeb;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon/icon_select_arrow.png");
    background-position: right 17px center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: 10px auto;
    z-index: 0;
    white-space: normal;
    word-wrap: normal;
    word-break: normal;
    border-radius: 5px;
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 120px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    color: #202020;
    padding: 14px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 0;
    box-sizing: border-box;
    resize: none;
    border-radius: 0;
    outline: 0 !important;
}

textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px #efefef inset;
    -webkit-text-fill-color: #333;
}

textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    transition: background-color 5000s ease-in-out 0;
}

::-webkit-input-placeholder {
    color: #fff;
}

::-moz-placeholder {
    color: #fff;
}

:-ms-input-placeholder {
    color: #fff;
}

:-moz-placeholder {
    color: #fff;
}

.text-center {
    text-align: center;
}

.form-checkbox {
    position: relative;
    display: inline-block;
    line-height: 24px;
}

.form-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.form-checkbox input.checked+.form-check-icon:after,
.form-checkbox input:checked+.form-check-icon:after {
    opacity: 1;
}

.form-checkbox input.checked.disabled+.form-check-icon:after,
.form-checkbox input:checked:disabled+.form-check-icon:after {
    opacity: 1;
}

.form-checkbox input.checked.disabled+.form-check-icon:before,
.form-checkbox input:checked:disabled+.form-check-icon:before {
    opacity: 0;
}

.form-checkbox input:checked:disabled+.form-check-icon>em {
    opacity: 1;
}

.form-checkbox input.disabled+.form-check-icon:after,
.form-checkbox input:disabled+.form-check-icon:after {
    opacity: 0;
}

.form-checkbox input.disabled+.form-check-icon:before,
.form-checkbox input:disabled+.form-check-icon:before {
    opacity: 0.5;
}

.form-checkbox input.disabled+.form-check-icon>em,
.form-checkbox input:disabled+.form-check-icon>em {
    opacity: 0.5;
}

.form-checkbox .form-check-icon {
    position: relative;
    display: block;
    min-width: 24px;
    min-height: 24px;
}

.form-checkbox .form-check-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    z-index: 5;
    opacity: 1;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-form-check-off.png") center center no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    transition: opacity 0.25s ease;
}

.form-checkbox .form-check-icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    z-index: 5;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-form-check-on.png") center center no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    transition: transform 0.25s ease;
    opacity: 0;
}

.form-checkbox .form-check-icon>em {
    display: inline-block;
    padding-left: 40px;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
}

.form-checkbox .form-check-icon>em:empty {
    display: none;
}

.form-group-cell+.form-group-cell {
    margin-top: 16px;
}

.form-item-label {
    position: relative;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 500;
    padding: 0;
    display: flex;
    align-items: center;
    font-style: normal;
}

.form-item-label .need {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #cf3131;
    margin: 8px 0 0 8px;
    align-self: flex-start;
}

.form-item-data {
    margin-top: 16px;
    text-align: left;
}

.form-input-valid {
    margin-top: 8px;
    padding-bottom: 8px;
    font-size: 17px;
    line-height: 1.3;
    text-align: left;
    font-weight: 500;
    font-style: normal;
}

.checkbox-group .form-checkbox+.form-checkbox {
    margin-left: 39px;
}

.text-list-item {
    position: relative;
    font-size: 17px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
}

.text-list-item+.text-list-item {
    margin-top: 0;
}

.text-list-item.circle {
    padding-left: 26px;
}

.text-list-item.circle:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 11px;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
}

.pop-wrap {
    position: fixed;
    bottom: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    transition: left 0 0.35s ease;
}

#cookiePop.pop-wrap {
    height: 180px;
}

.pop-wrap.actived {
    left: 0;
    transition-delay: 0;
}

.pop-wrap.actived .cover {
    opacity: 1;
}

.pop-wrap.actived .pop-basic-data {
    transform: scale(1);
    opacity: 1;
    transition: transform 0.25s 50ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
        opacity 0.25s 0 ease;
}

.pop-wrap.black .cover {
    background: rgba(26, 23, 23, 0.8);
}

.pop-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 10;
}

.pop-parents {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 5;
    table-layout: fixed;
}

.pop-children {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 50px 53px;
}

.pop-wrap .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(243, 243, 243, 0.8);
    opacity: 0;
    transition: opacity 0.45s 0 cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn-pop-close {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 48px;
    height: 48px;
    margin: 0 0 20px 0;
    z-index: 10;
}

.cookie-pop .btn-pop-close {
    display: none;
}

.pop-basic-data {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 32px;
    max-width: 390px;
    margin: 0 auto;
    border-radius: 16px;
    background: #fff;
    transform: scale(0.3);
    opacity: 0;
    transition: transform 0.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        opacity 0.2s 0s ease;
    box-sizing: border-box;
    font-style: normal;
    font-family: "Inter", sans-serif;
}

.pop-play-data {
    max-width: 920px;
    padding: 60px 69.5px;
    border-radius: 40px;
}

.pop-basic-data.full {
    width: 100%;
    height: 100%;
    background: transparent;
    max-width: 100%;
}

.video-pop-data {
    display: block;
}

.pop-wrap .daily-spin {
    width: 1080px;
    max-width: 1080px;
    height: 600px;
    border: 3px solid #000;
    border-radius: 24px;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/img-spin-pop-return.png") 0 0 no-repeat;
}

.pop-wrap .daily-spin .btn-pop-close {
    top: 20px;
    right: 20px;
}

.buy-coin .card-product-items.coin {
    margin-top: 48px;
    padding: 0 40px;
}

.buy-coin .card-product-items.coin .item-visual {
    padding: 0;
}

.buy-coin .buy-step-cell {
    display: none;
}

.buy-coin .buy-step-cell.actived {
    display: block;
}

.buy-coin .buy-step-info {
    position: relative;
    margin-top: -20px;
}

.buy-coin .buy-step-info .step-desc,
.buy-coin .buy-step-cell .pop-main-text {
    font-size: 15px;
    color: #3F3F46;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
}

.buy-coin .buy-step-info .txt {
    margin-top: 8px;
    font-size: 15px;
    color: #3F3F46;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
}

.buy-coin .buy-step-info .step-approval .txt {
    margin-top: 24px;
}

.buy-coin .btns {
    margin-top: 24px;
}

.buy-coin .btns .btn-primary {
    width: 100%;
}

.buy-coin.complete .card-product-items.coin {
    margin-top: 19px;
}

.buy-coin.error-pop .ico-error {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto 16px;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_error.svg") 0 0 no-repeat;
}

.buy-coin.error-pop .buy-complete-info {
    padding-bottom: 48px;
    font-size: 21px;
    font-weight: 700;
}

.buy-coin.error-pop .buy-complete-info.type-with-text {
    padding-bottom: 8px;
}

.buy-coin.error-pop .sub-text+.btns {
    margin-top: 72px;
}

.buy-complete-info {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: #3F3F46;
    text-align: center;
    padding: 0 0 16px 0;
}

.buy-complete-data {
    margin-top: 24px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 64px;
    font-size: 15px;
    color: #27272A;
    font-weight: 600;
    background: #F0F9FF;
    border: 1px solid #B9E6FE;
    border-radius: 8px;
    box-sizing: border-box;
    text-align: left;
}

.buy-complete-data .icon {
    flex: 0 0 auto;
    margin-right: 12px;
}

.buy-complete-data .title {
    flex: 1;
    width: 100%;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: #27272A;
}

.buy-complete-data .value {
    flex: 0 0 auto;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 700;
    color: #27272A;
}

.pop-basic-data .item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid #d4d4d8;
    height: 37px;
}

.pop-basic-data .item-header .item-title {
    font-size: 21px;
    font-weight: 700;
    color: #27272a;
    text-align: left;
    width: 100%;
    line-height: 29.39px;
}

.pop-wrap2 .popup_header h4 {
    font-size: 0;
    height: 75px;
    margin-bottom: 30px;
}

.pop-wrap2 .sub_tit {
    font-size: 24px;
    line-height: 33.6px;
    margin: 10px 0 20px;
    font-weight: 600;
    color: rgba(192, 76, 69, 1);
    text-align: center;
}

.pop-wrap2 .sub_tit .for_m {
    display: none;
}

.pop-wrap2 .popup_scroll_cont {
    background: rgba(31, 31, 31, 1);
    margin-bottom: 30px;
    border-radius: 30px;
    font-size: 20px;
    color: #fff;
    line-height: 31px;
    text-align: center;
    overflow-y: auto;
    padding: 30px 30px 30px 20px;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
    word-break: keep-all;
}

.pop-wrap2 .popup_scroll_cont div {
    overflow-y: auto;
    height: 124px;
    padding: 0 30px;
}

.pop-wrap2 .popup_scroll_cont div::-webkit-scrollbar {
    width: 3px;
}

.pop-wrap2 .popup_scroll_cont div::-webkit-scrollbar-thumb {
    background-color: #2f3542;
}

.pop-wrap2 .popup_scroll_cont div::-webkit-scrollbar-track {
    background-color: grey;
}

.wallet-pop-data {
    max-width: 360px;
    padding: 32px;
}

.wallet-pop-data .popup_header {
    font-size: 21px;
    line-height: 36px;
    font-weight: 700;
    color: #27272a;
    text-align: left;
    width: 100%;
    font-family: "Inter", sans-serif;
    padding-bottom: 24px;
    border-bottom: 1px solid #d4d4d8;
    position: relative;
}

.wallet-pop-data .popup_header h4 {
    font-weight: inherit;
}

.wallet-pop-data .btn-pop-close {
    top: -6px;
    right: -5px;
}

/* 월렛 연결 */
.icon-connect-metamask {
    width: 48px;
    height: 48px;
}

.pop-basic-data .add-wallet-input {
    padding: 48px 0 16px 0;
}

.pop-basic-data .add-wallet-select {
    padding: 48px 0 16px 0;
}

.add-wallet-select .btns .btn-wallet-nav+.btn-wallet-nav {
    margin-top: 8px;
}

.add-wallet-select .btns .btn-payment-nav+.btn-payment-nav {
    margin-top: 8px;
}

.btn-wallet-nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 56px;
    box-sizing: border-box;
    border: 1px solid #d4d4d8;
    background: #fafafa;
    padding: 0 16px;
    border-radius: 8px;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    color: #27272a;
    transition: color 0.1s ease, background 0.1s ease, border 0.1s ease;
}

.btn-wallet-nav>.icon {
    display: block;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    margin-right: 16px;
}

.btn-wallet-nav>.txt {
    flex: 1;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: #27272a;
    transition: color 0.1s ease;
    font-family: "Inter", sans-serif;
}

.btn-wallet-nav>.state {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    margin-left: auto;
    flex: 0 0 auto;
}

.btn-wallet-nav>.info {
    flex: 1;
    width: 100%;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    padding: 15px 0;
}

.btn-wallet-nav .info .name {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #52525b;
    line-height: 1.4;
    transition: color 0.1s ease;
}

.btn-wallet-nav .info .code {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #52525b;
    line-height: 1.4;
    transition: color 0.1s ease;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.btn-wallet-nav .state .preload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    transition: opacity 0.1s ease;
}

.btn-wallet-nav .state .success {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.1s ease;
}

.btn-wallet-nav:hover {
    background: #fff;
    border-color: #444ce7;
}

.btn-wallet-nav.loading {
    background: #f4f4f5;
    border-color: #d4d4d8;
}

.btn-wallet-nav.loading>.txt {
    color: #a1a1aa;
}

.btn-wallet-nav.loading .state .preload {
    opacity: 1;
}

.btn-wallet-nav.loading .state .success {
    opacity: 0;
}

.btn-wallet-nav.success {
    background: #f5f8ff;
    border-color: #444ce7;
}

.btn-wallet-nav.success .info .name,
.btn-wallet-nav.success .info .code {
    color: #3f3f46;
}

.btn-wallet-nav.success .state .preload {
    opacity: 0;
}

.btn-wallet-nav.success .state .success {
    opacity: 1;
}

.btn-wallet-nav.disabled>.txt {
    color: #a1a1aa;
}

.btn-wallet-nav.disabled {
    background: #f4f4f5;
    border-color: #d4d4d8;
}

.btn-wallet-nav.disabled .state .preload,
.btn-wallet-nav.disabled .state .success {
    opacity: 0;
}

.form-input-body {
    text-align: left;
}

.form-input-body .input {
    position: relative;
}

.form-input-body .input-state {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    height: 100%;
}

.form-input-body .input-state .state-icon {
    display: none;
}

.form-input-body .valid {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 500;
}

.form-input-body.error .input input {
    color: #d92d20;
    border-color: #f04438;
}

.form-input-body.error .input-state .state-error {
    display: block;
}

.form-input-body.error .valid {
    color: #d92d20;
}

.form-input-body.success .input input {
    color: #444ce7;
    border-color: #444ce7;
}

.form-input-body.success .input-state .state-success {
    display: block;
}

.form-input-body.success .valid {
    color: #71717a;
}

.btn-accept {
    margin-top: 24px;
}

.btns-loading-data {
    display: none;
    margin-top: 16px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
    color: #71717a;
    text-align: left;
}

.btns-loading-data.actived {
    display: block;
}

.btns-loading-data .value {
    display: none;
}

.btns-loading-data .value.actived {
    display: block;
}

.btns-loading-data .txt {
    display: flex;
}

.btns-loading-data .txt>.icon {
    flex: 0 0 auto;
    margin-right: 8px;
}

.info-data {
	margin-top: 16px;
}
.info-data .info-text {
	color: #71717a;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
}

.btn-header-wrap {display: none;}
.header-wrap .user-page {display: none;}

/* 로그아웃 */
.logout-info .desc {
    padding: 48px 0;
    font-size: 15px;
    color: #52525b;
    text-align: center;
    font-weight: 500;
}

.logout-info .btns {
    margin-top: 24px;
}

.logout-info .btn.btn-primary {
    color: #fff;
    background: #444ce7;
    border-color: #444ce7;
    width: 100%;
    border-radius: 8px;
    font-size: 15px;
}

.logout-info .btn.btn-primary:hover {
    color: #fff;
    background: #6172f3;
    border-color: #6172f3;
}

.logout-info .btn.btn-primary:active,
.logout-info .btn.btn-primary.actived {
    color: #fff;
    background: #2d3282;
    border-color: #2d3282;
}

.logout-info .btn.btn-primary:disabled,
.logout-info .btn.btn-primary.disabled {
    color: #a1a1aa;
    background: #e4e4e7;
    border-color: #e4e4e7;
}

/* 월렛 삭제 */
.pop-basic-data .delete-wallet {
    margin-top: 24px;
    font-family: "Inter", sans-serif;
}

.delete-wallet {
    text-align: center;
}

.delete-wallet .subject {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #27272a;
    padding: 0 24px;
    word-wrap: break-word;
    word-break: break-word;
}

.delete-wallet .info {
    margin-top: 16px;
    padding: 12px 16px;
    box-sizing: border-box;
    background: #f0f9ff;
    border: 1px solid #b2ddff;
    border-radius: 8px;
}

.delete-wallet .info-inner {
    padding: 4px 0;
}

.delete-wallet .name {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #27272a;
    word-wrap: break-word;
    word-break: break-word;
}

.delete-wallet .code {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    color: #71717a;
    word-break: break-all;
}

.delete-wallet .desc {
    margin-top: 16px;
    font-size: 13px;
    font-weight: 500;
    color: #71717a;
    padding: 0 24px;
}

.deletewallet-basic-data {
    position: relative;
    display: inline-block;
    width: 360px;
    padding: 32px;
    border-radius: 16px;
    background: #fff;
    transform: scale(0.3);
    opacity: 0;
    transition: transform 0.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        opacity 0.2s 0s ease;
    box-sizing: border-box;
}

.deletewallet-basic-data .item-header {
    font-size: 21px;
    line-height: 36px;
    font-weight: 700;
    color: #27272a;
    text-align: left;
    width: 100%;
    font-family: "Inter", sans-serif;
    padding-bottom: 24px;
    border-bottom: 1px solid #d4d4d8;
    position: relative;
}

.deletewallet-basic-data .item-header h3 {
    font-weight: 700;
}

.deletewallet-basic-data .btn-pop-close {
    top: -6px;
    right: -5px;
}

.deletewallet-basic-data .item-footer {
    margin-top: 48px;
}

.deletewallet-basic-data .item-footer .btns {
    display: flex;
    margin: 0 -4px;
}

.pop-basic-data .item-footer .btns {
    display: flex;
    margin: 0 -4px;
}

.pop-basic-data .item-footer .btns .btn {
    flex: 1;
    margin: 0 4px;
}

.deletewallet-basic-data .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    padding: 0 24px;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
    font-weight: 600;
    color: #000;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #fff;
    transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
    font-family: "Inter", sans-serif;
}

.item-footer .btn.btn-secondary {
    color: #52525b;
    background: #fff;
    border-color: #a1a1aa;
}

.item-footer .btn.btn-secondary:hover {
    color: #444ce7;
    background: #fff;
    border-color: #444ce7;
}

.item-footer .btn.btn-secondary:active,
.item-footer .btn.btn-secondary.actived {
    color: #444ce7;
    background: #eef4ff;
    border-color: #444ce7;
}

.item-footer .btn.btn-secondary:disabled,
.item-footer .btn.btn-secondary.disabled {
    color: #a1a1aa;
    background: #d4d4d8;
    border-color: #d4d4d8;
}

.item-footer .btn.btn-primary {
    color: #fff;
    background: #444ce7;
    border-color: #444ce7;
}

.item-footer .btn.btn-primary:hover {
    color: #fff;
    background: #6172f3;
    border-color: #6172f3;
}

.item-footer .btn.btn-primary:active,
.item-footer .btn.btn-primary.actived {
    color: #fff;
    background: #2d3282;
    border-color: #2d3282;
}

.item-footer .btn.btn-primary:disabled,
.item-footer .btn.btn-primary.disabled {
    color: #a1a1aa;
    background: #e4e4e7;
    border-color: #e4e4e7;
}

.deletewallet-basic-data .popup_header {
    font-size: 21px;
    line-height: 36px;
    font-weight: 700;
    color: #27272a;
    text-align: left;
    width: 100%;
    font-family: "Inter", sans-serif;
    padding-bottom: 24px;
    border-bottom: 1px solid #d4d4d8;
    position: relative;
}

.deletewallet-basic-data .popup_header h4 {
    font-weight: 700;
}

.deletewallet-basic-data .btns {
    margin-top: 24px;
}

.deletewallet-basic-data .btn-pop-close {
    top: -6px;
    right: -5px;
}

.event-pop-data {
    background: rgba(237, 221, 252, 1);
    max-width: 800px;
    padding: 40px;
    border-radius: 40px;
}

.maintenance-pop-data {
    background: rgba(251, 238, 191, 1);
    max-width: 800px;
    padding: 40px 40px;
    border-radius: 40px;
}

.preparing-pop-data {
    background: rgba(221, 243, 255, 1);
    max-width: 800px;
    padding: 40px;
    border-radius: 40px;
}

.event-pop-data .popup_header h4 {
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/title-event.png") no-repeat 50%;
}

.maintenance-pop-data .popup_header h4 {
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/title-maintenance.png") no-repeat 50%;
}

.preparing-pop-data .popup_header h4 {
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/title-preparing.png") no-repeat 50%;
    height: 132px;
}

.open-pop-data .popup_header h4 {
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/title-open.png") no-repeat 50%;
    height: 132px;
}

.event-pop-data .pop_cont .img {
    width: 201px;
    height: 201px;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/popup_event_img.png") no-repeat 0 0;
    position: absolute;
    left: 5px;
    top: -7px;
}

.pop-wrap2 .btn-ok {
    background: rgba(116, 28, 182, 1);
    width: 296px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    border-radius: 8px;
    font-family: "Inter", sans-serif;
}

.pop-wrap2 .btn-ok:hover {
    background: #9049c5;
}

.pop-wrap2 .btn-ok:active {
    background: #5d1692;
}

.pop-wrap2 .btn-ok:disabled {}

.pop-wrap2 .preparing-pop-data .btn-ok {
    background: rgba(68, 76, 231, 1);
}

.pop-wrap2 .preparing-pop-data .btn-ok:hover {
    background: #6172f3;
}

.pop-wrap2 .preparing-pop-data .btn-ok:active {
    background: #2d3282;
}

.pop-wrap2 .maintenance-pop-data .btn-ok {
    background: rgba(199, 53, 44, 1);
}

.pop-wrap2 .maintenance-pop-data .btn-ok:hover {
    background: #d25d56;
}

.pop-wrap2 .maintenance-pop-data .btn-ok:active {
    background: #9f2a23;
}

.pop-wrap2 .btn-ok:disabled,
.pop-wrap2 .maintenance-pop-data .btn-ok:disabled,
.pop-wrap2 .preparing-pop-data .btn-ok:disabled {
    cursor: default;
    color: #a1a1aa;
    background: #e4e4e7;
}

.maintenance-pop-data .pop_cont .img01 {
    width: 102px;
    height: 96px;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/popup_maintenance_img01.png") no-repeat 0 0;
    position: absolute;
    left: -51px;
    bottom: -0;
}

.maintenance-pop-data .pop_cont .img02 {
    width: 142px;
    height: 133px;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/popup_maintenance_img02.png") no-repeat 0 0;
    position: absolute;
    right: -76px;
    bottom: 0;
}

.preparing-pop-data .pop_cont .img {
    width: 242px;
    height: 179px;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/popup_img_preparing.png") no-repeat 0 0;
    position: absolute;
    left: -36px;
    bottom: -5px;
}

.pop-wrap3 .pop-basic-data {
    background: #fff;
    max-width: 340px;
    height: 179px;
    padding: 24px;
    box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.05);
}

.pop-wrap3 .popup_scroll_cont {
    min-height: 51px;
    max-height: 54px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
}

.pop-wrap3 .btn-ok {
    background: rgba(68, 76, 231, 1);
    color: #fff;
    width: 100%;
    height: 56px;
    border-radius: 8px;
    font-family: "Inter", sans-serif;
    margin-top: 24px;
}

.login-pop-data {
    width: 360px;
    padding-bottom: 48px;
    padding: 32px;
}

.myinfo-pop-data {
    width: 360px;
    padding-bottom: 48px;
}

.agree-wrap {
    font-family: "Barlow Condensed", sans-serif;
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 48px;
}

.agree-outer {
    position: relative;
    display: flex;
    flex: 1;
    width: 100%;
    height: 100%;
    max-height: 780px;
    box-sizing: border-box;
}

.agree-inner {
    position: relative;
    flex: 1;
    max-width: 920px;
    max-height: 780px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.agree-outer .btn-pop-close {
    left: auto;
    bottom: auto;
    top: 30px;
    right: 22px;
    width: 24px;
    height: 24px;
    margin: 0;
    background: 0;
}

.agree-header {
    width: 100%;
    height: 90px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 800;
    color: #fee232;
    -webkit-text-stroke: 1px #000;
    text-shadow: 1px 3px 0 #000;
}

.agree-body {
    width: 100%;
    height: 100%;
    flex: 1;
    padding: 0 4px 0 0;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
}

.agree-scroller {
    position: relative;
    flex: 1;
    padding: 0 32px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    color: #040a1f;
    text-align: left;
    box-sizing: border-box;
    white-space: pre-wrap;
}

.agree-body strong {
    font-size: 17px;
}

.agree-header {
    height: 90px;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/pop-bg-top.png") center top no-repeat;
}

.agree-body {
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/pop-bg-middle.png") center center no-repeat;
}

.agree-footer {
    flex: 0 0 auto;
    height: 80px;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/pop-bg-bottom.png") center bottom no-repeat;
}

table.agree-table {
    width: 100%;
    table-layout: fixed;
}

table.agree-table>thead>tr>th {
    padding: 7px 10px;
    text-align: left;
    vertical-align: middle;
    color: #040a1f;
    background: #fff;
    border: 1px solid #646765;
}

table.agree-table>tbody>tr>td {
    padding: 7px 10px;
    text-align: left;
    vertical-align: top;
    color: #040a1f;
    border: 1px solid #646765;
}

.account-pop-wrap {
    width: auto;
    box-sizing: border-box;
    border-radius: 24px;
    text-align: center;
}

.account-pop-wrap .item-icon+.item-desc {
    margin-top: 32px;
}

.account-pop-wrap .item-desc {
    font-size: 18px;
    line-height: 27px;
    color: rgba(39, 39, 42, 1);
    font-weight: 700;
    font-style: normal;
}

.account-pop-wrap .item-ui {
    margin-top: 24px;
}

.account-pop-wrap .item-ui .btn {
    border-radius: 8px;
    height: 48px;
    min-width: 92px;
    background: rgba(68, 76, 231, 1);
    width: 100%;
    font-size: 15px;
    font-weight: 500;
}

.account-pop-wrap .btn-close {
    position: absolute;
    top: 40px;
    right: 60px;
}

.loginwallet-pop-wrap {
    width: 700px;
    box-sizing: border-box;
    padding: 80px 20px 62px 20px;
    background: #27284c;
    border-radius: 24px;
    text-align: center;
}

.loginwallet-pop-wrap>h4 {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
}

.loginwallet-pop-wrap .item-list {
    margin-top: 48px;
    margin-bottom: 50px;
}

.prepare-pop-wrap .item-list {
    margin-bottom: 0;
}

.loginwallet-pop-wrap .item-list .cell+.cell {
    margin-top: 20px;
}

.loginwallet-pop-wrap .item-list .cell {
    font-size: 19px;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
}

.loginwallet-pop-wrap .item-list .cell strong {
    font-weight: 500;
}

.os-select {
    width: 566px;
    box-sizing: border-box;
    padding: 140px 20px 140px 20px;
    background: #27284c;
    border-radius: 24px;
    text-align: center;
}

.os-select .item-desc {
    font-size: 28px;
    line-height: 1.3;
    color: #fff;
    font-weight: 500;
    font-style: normal;
}

.os-select .item-select {
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

.os-select .item-select .btn-select-nav {
    display: block;
    width: 128px;
    margin: 0 20px;
    text-align: center;
}

.os-select .item-select .btn-select-nav .nav-icon,
.os-select .item-select .btn-select-nav .nav-txt {
    display: block;
}

.os-select .item-select .btn-select-nav .nav-txt {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
    color: #fff;
    font-style: normal;
    margin-top: 8px;
}

.os-select .btn-close {
    position: absolute;
    top: 40px;
    right: 60px;
}

.user-license-agreement {
    width: 500px;
    box-sizing: border-box;
    padding: 40px 60px 48px 60px;
    background: #27284c;
    border-radius: 24px;
    text-align: left;
    font-style: normal;
}

.user-license-agreement>h4 {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
}

.user-license-agreement .item-list {
    margin-top: 48px;
}

.user-license-agreement .item-list .cell+.cell {
    margin-top: 20px;
}

.user-license-agreement .item-list .cell {
    font-size: 19px;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
}

.user-license-agreement .item-list .cell>a {
    text-decoration: underline;
}

.user-license-agreement .item-ui {
    margin-top: 62px;
    text-align: center;
}

.user-license-agreement .item-ui .btn {
    height: 48px;
    padding: 0 32px;
    font-size: 19px;
}

.play-now .btn-close {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 15;
}

.play-now-header h4 {
    font-size: 0;
    height: 62px;
    color: #27272a;
    font-weight: 700;
    text-align: center;
    font-family: "Inter", sans-serif;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/title_play-now.png") no-repeat 50%;
}

.play-now-body {}

.play-now-body .item-check {
    text-align: center;
    margin-top: 15px;
}

.play-now-body .item-check .bg-box {}

.play-now-body .item-check .loading {
    width: 54px;
    height: 54px;
    margin: 0 auto;
}

.play-now-body .item-check .desc:first-child {
    margin-top: 0;
}

.play-now-body .item-check .desc {
    margin-top: 15px;
    font-size: 23px;
    line-height: 27.6px;
    font-weight: 500;
    color: #27272a;
    letter-spacing: -0.5px;
}

.play-now-body .item-check .desc .desc {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play-now-body .item-check .desc strong {}

.play-now-body .item-check .desc>a {
    font-weight: 500;
    text-decoration: underline;
}

.play-now-body .item-check .desc.select-os a {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 240px;
    line-height: 64px;
    border-radius: 64px;
    font-size: 24px;
    color: #fff;
}

.play-now-body .item-check .desc.select-os a:after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 20px;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_os_download.png") no-repeat 50%;
    margin-left: 14px;
    vertical-align: middle;
}

.play-now-body .item-check .desc.select-os .select-win {
    background: #1570ef;
}

.play-now-body .item-check .desc.select-os .select-win:hover {
    background: #2e90fa;
}

.play-now-body .item-check .desc.select-os .select-win:active {
    background: #194185;
}

.play-now-body .item-check .desc.select-os .select-apple {
    background: #6938ef;
    margin-left: 20px;
}

.play-now-body .item-check .desc.select-os .select-apple:hover {
    background: #7a5af8;
}

.play-now-body .item-check .desc.select-os .select-apple:active {
    background: #3e1c96;
}

.play-now-body .item-check .desc.select-os .select-win:disabled,
.play-now-body .item-check .desc.select-os .select-apple:disabled {
    background: #e4e4e7;
    color: #a1a1aa;
    cursor: default;
}

.play-now-body .item-check .desc.select-os .select-win:disabled:after,
.play-now-body .item-check .desc.select-os .select-apple:disabled:after {
    width: 19px;
    height: 20px;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_os_download_disabled.png") no-repeat 50%;
    margin-left: 14px;
    vertical-align: middle;
}

.system-requirements {
    margin-top: 35px;
    padding-top: 15px;
    border-top: 1px solid #c9c9c9;
}

.system-requirements>h4 {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 400;
    text-align: left;
    color: #52525b;
}

.system-requirements>h4 .toggle {
    font-size: inherit;
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_system_arrow.png") no-repeat 100%;
    color: inherit;
    padding-right: 25px;
    transition: all 0.3s;
}

.system-requirements>h4 .toggle.on {
    background: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_system_arrow_on.png") no-repeat 100% 2px;
}

.system-requirements .grid-outer {
    margin-top: 23px;
}

.system-requirements .grid-inner {
    display: flex;
    margin: 0 -20px;
}

.system-requirements .grid-cell {
    width: 50%;
    padding: 0 20px;
    box-sizing: border-box;
}

.system-requirements-table {
    margin-top: 24px;
    display: none;
    border: 1px solid rgba(82, 82, 91, 0.2);
    border-radius: 8px;
}

.system-requirements-table>table {
    width: 100%;
    table-layout: fixed;
    border-radius: 8px;
    border-style: hidden;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
    overflow: hidden;
}

.system-requirements-table>table>tbody>tr>td,
.system-requirements-table>table>tbody>tr>th {
    font-size: 15px;
    line-height: 1.5;
    color: #52525b;
    font-style: normal;
    font-weight: 400;
    vertical-align: middle;
    border: 1px solid rgba(82, 82, 91, 0.2);
}

.system-requirements-table>table>tbody>tr>th {
    font-weight: 600;
    padding: 0 10px;
    text-align: center;
    background-color: rgba(82, 82, 91, 0.2);
}

.system-requirements-table>table>tbody>tr>td {
    text-align: left;
    padding: 9px 40px;
}

.system-requirements-table>table>tbody>tr>td.text-center {
    text-align: center;
}

.join-pop-wrap {
    position: relative;
    width: 920px;
    background: linear-gradient(0,
            rgba(32, 18, 75, 1) 0,
            rgba(43, 23, 104, 1) 100%);
    border-radius: 24px;
    text-align: left;
    overflow: hidden;
}

.join-pop-inner {
    padding: 40px 60px 48px 60px;
    box-sizing: border-box;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/join-bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

.join-pop-wrap .btn-close {
    position: absolute;
    top: 53px;
    right: 60px;
    z-index: 15;
}

.join-pop-header {
    text-align: center;
}

.join-pop-header h3 {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    text-shadow: 1px 2px 0 #000;
    color: #fee232;
}

.join-pop-body {
    margin-top: 48px;
    text-align: center;
    color: #fff;
}

.join-pop-body .desc {
    font-size: 21px;
    line-height: 1.5;
    font-weight: 600;
    text-align: center;
}

.join-pop-body .desc strong {
    font-weight: 600;
    color: #fe42b4;
}

.join-pop-body .benefit {
    margin-top: 24px;
    text-align: left;
    color: #fff;
    background: #393c87 url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/join-benefit-cover.png") center center no-repeat;
    background-size: 100% auto;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 32px 40px 24px 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.join-pop-body .benefit h4 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
}

.join-pop-body .benefit ul {
    margin-top: 8px;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 600;
}

.join-pop-body .benefit ul li {
    position: relative;
    padding-left: 16px;
}

.join-pop-body .benefit ul li+li {
    margin-top: 6px;
}

.join-pop-body .benefit ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
}

.join-pop-body .benefit ul li strong {
    color: #fee232;
    font-weight: 600;
}

.join-pop-body .join-form {
    margin-top: 24px;
}

.join-pop-footer {
    margin-top: 32px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.join-pop-footer .btn {
    height: 56px;
}

.join-pop-footer .btn .bg {
    border-radius: 5px;
}

.join-pop-footer .btn .icon {
    position: relative;
    z-index: 15;
    margin-right: 10px;
}

.join-pop-wrap.complete .benefit {
    padding: 0;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/join-benefit-cover2.png");
}

.join-pop-wrap.complete .join-pop-inner {
    padding-bottom: 120px;
}

.join-pop-wrap.complete .join-pop-footer {
    margin-top: 64px;
}

.pc-block {
    display: block;
}

.mo-block {
    display: none;
}

#youtubePopVideo .content-inner {
    max-width: 1024px;
}

#youtubePopVideo .btn-pop-close .icon {
    width: 48px;
    height: 48px;
}

.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

a.btn,
button.btn,
input[type="submit"].btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 0 28px;
    font-size: 21px;
    line-height: 1.2;
    text-align: center;
    font-weight: 600;
    color: #fff;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
}

.btn .txt {
    position: relative;
    z-index: 10;
    font-family: "Inter", sans-serif;
    font-style: normal;
}

.btn .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: auto;
    height: auto;
    margin: 0 4px;
    box-sizing: border-box;
    border-radius: 0;
    background: #393c87;
    z-index: 5;
    clip-path: inset(0 0 0 0 round 2px);
    transform: skew(-10deg);
}

.btn.btn-play-now .bg {
    background: #f60096;
}

.btn.btn-play-now.on .bg {
    background: #25bdc8;
}

.btn.green .bg {
    background: #25bdc8;
}

.btn.lightblue .bg {
    background: #5765f2;
}

.btn.skyblue .bg {
    background: #1d9bf0;
}

.btn.whiteblue .bg {
    background: #5a5da4;
}

.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.icon-pop-close-white {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-pop-close-white.png");
}

.icon-pop-close-black {
    width: 36px;
    height: 37px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-pop-close-black.png");
}

.icon-pop-close-black2 {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-pop-close-black2.png");
}

.icon-sns-discord-black {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-discord-black.png");
}

.icon-sns-help-black {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Ccircle opacity='0.2' cx='24' cy='24' r='24' fill='black'/%3E%3Cpath d='M13.875 24C13.875 22.136 15.386 20.625 17.25 20.625V28.5C15.386 28.5 13.875 26.989 13.875 25.125V24Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.125 22.051C15.4525 22.44 15 23.1672 15 24V25.125C15 25.9578 15.4525 26.685 16.125 27.074V22.051ZM12.75 24C12.75 21.5147 14.7647 19.5 17.25 19.5C17.8713 19.5 18.375 20.0037 18.375 20.625V28.5C18.375 29.1213 17.8713 29.625 17.25 29.625C14.7647 29.625 12.75 27.6103 12.75 25.125V24Z' fill='white'/%3E%3Cpath d='M34.125 24C34.125 22.136 32.614 20.625 30.75 20.625V28.5C32.614 28.5 34.125 26.989 34.125 25.125V24Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.875 22.051C32.5475 22.44 33 23.1672 33 24V25.125C33 25.9578 32.5475 26.685 31.875 27.074V22.051ZM35.25 24C35.25 21.5147 33.2353 19.5 30.75 19.5C30.1287 19.5 29.625 20.0037 29.625 20.625V28.5C29.625 29.1213 30.1287 29.625 30.75 29.625C33.2353 29.625 35.25 27.6103 35.25 25.125V24Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 15C20.9201 15 18.375 17.5689 18.375 20.7981V26.25H16.125V20.7981C16.125 16.3803 19.6241 12.75 24 12.75C28.3759 12.75 31.875 16.3803 31.875 20.7981H29.625C29.625 17.5689 27.0799 15 24 15Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.875 33C20.3897 33 18.375 30.9853 18.375 28.5V21.75H16.125V28.5C16.125 32.2279 19.1471 35.25 22.875 35.25V33Z' fill='white'/%3E%3Ccircle cx='24' cy='34.125' r='1.6875' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-sns-gitbook-black {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-gitbook-black.png");
}

.icon-sns-substack-black {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-substack-black.png");
}

.icon-sns-twitter-black {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Ccircle opacity='0.2' cx='24' cy='24' r='24' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.4923 24.2426L14 14.6665H19.9345L24.5594 20.5852L29.5004 14.6932H32.7688L26.1397 22.6075L34 32.6665H28.0833L23.0754 26.2658L17.729 32.6488H14.4429L21.4923 24.2426ZM28.9457 30.8922L17.6388 16.4408H19.0714L30.364 30.8922H28.9457Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-sns-discord-color {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-discord-color.png");
}

.icon-sns-discord-color:hover {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-discord-color_on.png");
}

.icon-sns-help-color {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-help-color.png");
}

.icon-sns-help-color:hover {
    width: 24px;
    height: 24px;
    background-image: url('https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-help-color_on.png');
}

.icon-sns-gitbook-color {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-gitbook-color.png");
}

.icon-sns-gitbook-color:hover {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-gitbook-color_on.png");
}

.icon-sns-substack-color {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-substack-color.png");
}

.icon-sns-substack-color:hover {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-substack-color_on.png");
}

.icon-sns-twitter-color {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-twitter-color.png");
}

.icon-sns-twitter-color:hover {
    width: 24px;
    height: 24px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-twitter-color_on.png");
}

.icon-sns-discord-gray {
    width: 36px;
    height: 36px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-discord-gray.png");
}

.icon-sns-discord-gray:hover {
    width: 36px;
    height: 36px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-discord-gray_on.png");
}

.icon-sns-help-gray {
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cpath d='M1.5 15C1.5 12.5147 3.51472 10.5 6 10.5V21C3.51472 21 1.5 18.9853 1.5 16.5V15Z' fill='%23BDBDBD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 12.4013C3.6033 12.9201 3 13.8896 3 15V16.5C3 17.6104 3.6033 18.5799 4.5 19.0987V12.4013ZM0 15C0 11.6863 2.68629 9 6 9C6.82843 9 7.5 9.67157 7.5 10.5V21C7.5 21.8284 6.82843 22.5 6 22.5C2.68629 22.5 0 19.8137 0 16.5V15Z' fill='%23BDBDBD'/%3E%3Cpath d='M28.5 15C28.5 12.5147 26.4853 10.5 24 10.5V21C26.4853 21 28.5 18.9853 28.5 16.5V15Z' fill='%23BDBDBD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.5 12.4013C26.3967 12.9201 27 13.8896 27 15V16.5C27 17.6104 26.3967 18.5799 25.5 19.0987V12.4013ZM30 15C30 11.6863 27.3137 9 24 9C23.1716 9 22.5 9.67157 22.5 10.5V21C22.5 21.8284 23.1716 22.5 24 22.5C27.3137 22.5 30 19.8137 30 16.5V15Z' fill='%23BDBDBD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 3C10.8934 3 7.5 6.42516 7.5 10.7308V18H4.5V10.7308C4.5 4.84036 9.16544 0 15 0C20.8346 0 25.5 4.84036 25.5 10.7308H22.5C22.5 6.42516 19.1066 3 15 3Z' fill='%23BDBDBD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 27C10.1863 27 7.5 24.3137 7.5 21V12H4.5V21C4.5 25.9706 8.52944 30 13.5 30V27Z' fill='%23BDBDBD'/%3E%3Ccircle cx='15' cy='28.5' r='2.25' fill='%23BDBDBD'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-sns-help-gray:hover {
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 15C1.5 12.5147 3.51472 10.5 6 10.5V21C3.51472 21 1.5 18.9853 1.5 16.5V15Z' fill='%23BDBDBD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 12.4013C3.6033 12.9201 3 13.8896 3 15V16.5C3 17.6104 3.6033 18.5799 4.5 19.0987V12.4013ZM0 15C0 11.6863 2.68629 9 6 9C6.82843 9 7.5 9.67157 7.5 10.5V21C7.5 21.8284 6.82843 22.5 6 22.5C2.68629 22.5 0 19.8137 0 16.5V15Z' fill='%23BDBDBD'/%3E%3Cpath d='M28.5 15C28.5 12.5147 26.4853 10.5 24 10.5V21C26.4853 21 28.5 18.9853 28.5 16.5V15Z' fill='%23BDBDBD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.5 12.4013C26.3967 12.9201 27 13.8896 27 15V16.5C27 17.6104 26.3967 18.5799 25.5 19.0987V12.4013ZM30 15C30 11.6863 27.3137 9 24 9C23.1716 9 22.5 9.67157 22.5 10.5V21C22.5 21.8284 23.1716 22.5 24 22.5C27.3137 22.5 30 19.8137 30 16.5V15Z' fill='%23BDBDBD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 3C10.8934 3 7.5 6.42516 7.5 10.7308V18H4.5V10.7308C4.5 4.84036 9.16544 0 15 0C20.8346 0 25.5 4.84036 25.5 10.7308H22.5C22.5 6.42516 19.1066 3 15 3Z' fill='%23BDBDBD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 27C10.1863 27 7.5 24.3137 7.5 21V12H4.5V21C4.5 25.9706 8.52944 30 13.5 30V27Z' fill='%23BDBDBD'/%3E%3Ccircle cx='15' cy='28.5' r='2.25' fill='%23BDBDBD'/%3E%3C/svg%3E%0A");
}

.icon-sns-twitter-gray {
    width: 36px;
    height: 36px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.2385 18.3641L3 4H11.9017L18.8391 12.878L26.2507 4.03997H31.1532L21.2095 15.9115L33 31H24.1249L16.6131 21.399L8.59345 30.9734H3.6643L14.2385 18.3641ZM25.4185 28.3386L8.45821 6.66141H10.6071L27.546 28.3386H25.4185Z' fill='%23BDBDBD'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-sns-twitter-gray:hover {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-twitter-gray_on.png);
}

.icon-sns-gitbook-gray {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-gitbook-gray.png);
}

.icon-sns-gitbook-gray:hover {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-gitbook-gray_on.png);
}

.icon-sns-substack-gray {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-substack-gray.png);
}

.icon-sns-substack-gray:hover {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-sns-substack-gray_on.png);
}

.icon-swiper-prev {
    width: 72px;
    height: 72px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-swiper-prev.png);
}

.icon-swiper-next {
    width: 72px;
    height: 72px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-swiper-next.png);
}

.icon-swiper-small-prev {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-swiper-small-prev.png);
}

.icon-swiper-small-next {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-swiper-small-next.png);
}

.icon-swiper-normal-prev {
    width: 72px;
    height: 72px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-swiper-normal-prev.png);
}

.icon-swiper-normal-next {
    width: 72px;
    height: 72px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-swiper-normal-next.png);
}

.icon-member-google {
    width: 28px;
    height: 28px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-member-google.png);
}

.icon-member-facebook {
    width: 28px;
    height: 28px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-member-facebook.png);
}

.icon-member-apple {
    width: 28px;
    height: 28px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-member-apple.png);
}

.icon-member-twitter {
    width: 24px;
    height: 24px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-member-twitter.png);
}

.icon-mypage-main-1 {
    width: 24px;
    height: 24px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-mypage-main-1.png);
}

.icon-mypage-main-2 {
    width: 24px;
    height: 24px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-mypage-main-2.png);
}

.icon-mypage-main-3 {
    width: 24px;
    height: 24px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-mypage-main-3.png);
}

.icon-mypage-main-4 {
    width: 24px;
    height: 24px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-mypage-main-4.png);
}

.icon-mypage-copy {
    width: 24px;
    height: 24px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-mypage-copy.png);
}

.icon-connect-metamask {
    width: 48px;
    height: 48px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-connect-MetaMask.png);
}

.icon-connect-wallet {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-connect-Wallet.png);
}

.icon-connect-facewallet {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-facewallet.png);
}

.icon-connect-Coinbase {
    width: 48px;
    height: 48px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-connect-Coinbase.png);
}

.icon-connect-walletconnect {
    width: 48px;
    height: 48px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-connect-WalletConnect.png);
}

.icon-connected {
    width: 48px;
    height: 48px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-connected.png);
}

.icon-disconnected {
    width: 48px;
    height: 48px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-disconnected.png);
}

.icon-success-blue {
    width: 96px;
    height: 96px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-success-blue.png);
}

.icon-close-white {
    width: 24px;
    height: 24px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-close-white.png);
}

.icon-close-gray {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-close-big-gray.png);
}

.icon-twitter-white {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-twitter-white.png);
}

.icon-discode-white {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-discode-white.png);
}

.icon-warning-blue {
    width: 96px;
    height: 96px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-warning-blue.png);
}

.icon-os-window {
    width: 128px;
    height: 128px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-os-window.png);
}

.icon-os-apple {
    width: 128px;
    height: 128px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-os-apple.png);
}

.icon-facewallet {
    width: 64px;
    height: 64px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-facewallet.png);
}

.icon-mypage-user-thumb {
    width: 64px;
    height: 64px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-mypage-user-thumb.png);
}

.icon-close-middle-gray {
    width: 36px;
    height: 36px;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-close-middle-gray.png);
}

#wrap {
    width: 100%;
}

#wrap.open {
    opacity: 1;
}

#wrap.actived {
    height: auto;
    overflow: visible;
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1500;
}

#header.open .header-wrap {
    transform: translate(0, 0);
    /* transition-delay: .5s;
     */
}

.header-wrap {
    position: fixed;
    width: 100%;
    height: 80px;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1500;
    transform: translate(0, -110%);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
        height 0 0.6s ease;
}

.header-inner {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-wrap h1 {
    position: sticky;
    top: 8px;
    left: 80px;
    display: flex;
    align-items: center;
    gap: 40px;
    width: auto;
    height: 54px;
    flex: 1;
    z-index: 5;
}

.header-wrap .mo-wrap {
    flex: 1;
}

.header-wrap h1 #btn_header_home {
    /* position: absolute;
    top: 0;
    left: 0; */
    display: block;
    width: 110px;
    height: 100%;
    font-size: 0;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/logo.png) left top no-repeat;
    background-size: contain;
}

.header-wrap h1 a {
  /* position: absolute;
  top: 24px;
  left: 0; */
  display: block;
  width: auto;
  padding: 10px;
  font-size: 17px;
  line-height: 17px;
  transition: all 0.2s;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  box-sizing: border-box;
}
.header-wrap h1 .link_garage {
  left: 170px;
}
.header-wrap h1 .link_event {
    left: 305px;
}

.header-wrap h1 a:hover {
    color: #84caff;
}

#gnb {
    position: absolute;
    top: 19px;
    right: 70px;
}

.gnb-list {
    align-items: center;
    justify-content: center;
    display: flex;
}

.gnb-list.for_mobile {
    display: none;
}

.gnb-list-cell+.gnb-list-cell {
    margin-left: 10px;
}

.gnb-list .btn.btn-play-now {
    background: #444ce7;
    transition: all 0.2s;
}

.gnb-list .btn.btn-play-now:hover {
    background: #6172f3;
}

.gnb-list .btn.btn-daily-spin {
    background: #ff4bb7;
    transition: all 0.2s;
}

.gnb-list .btn.btn-daily-spin:hover {
    background: #ff66ce;
}

.gnb-list .btn.btn-login {
    border: 2px solid #444ce7;
    padding: 0 26.5px;
}

.gnb-list .btn.btn-login.on {
    background: rgba(0, 0, 0, 0.8);
    font-size: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    transition: all 0.2s;
    border: none;
}

.gnb-list .btn.btn-login.on:hover {
    background: #111111;
}

.gnb-list .btn {
    height: 40px;
    font-size: 18px;
    font-style: normal;
    font-family: "Inter", sans-serif;
    border-radius: 52px;
}

.gnb-list .btn.on {
    border: 2px solid #444ce7;
    padding: 0 6.5px;
}

.gnb-list .btn .item-thumb {
    display: none;
}

.gnb-list .btn.on .item-thumb {
    width: 100%;
    position: relative;
    z-index: 6;
    display: inline-block;
    vertical-align: middle;
    background: #fee232;
    border-radius: 100%;
    overflow: hidden;
    height: 40px;
}

.gnb-list .btn.on .item-thumb.no_image {
    background: none;
}

.gnb-list .btn.on .item-thumb+.txt {
    font-size: 0;
}

.gnb-list .btn .item-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-global {
    display: none;
}

.btn-gnb-toggle-menu {
    display: none;
}

@media (hover: none) and (pointer: coarse) {

    .gnb-list,
    .intro .btn,
    .header-wrap h1 .link_garage,
    .header-wrap h1 .link_event {
        display: none;
    }

    .btn-gnb-toggle-menu {
        display: block;
    }

    .btn-gnb-open {
        position: relative;
        top: initial;
        right: initial;
        width: 35px;
        height: 35px;
        display: flex;
        flex: 1;
        font-size: 0;
    }

    .btn-gnb-open:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 35px;
        height: 35px;
        background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10H28' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M7 18H28' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M7 26H28' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        background-size: 30px auto;
        background-repeat: no-repeat;
        background-position: 50%;
        opacity: 1;
        z-index: 0;
        transition: opacity 0.2s ease;
    }

    .btn-gnb-open:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 35px;
        height: 35px;
        background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51367 9.51465L26.4842 26.4852' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.4844 9.51465L9.51381 26.4852' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-size: 30px auto;
        background-repeat: no-repeat;
        background-position: 50%;
        opacity: 0;
        z-index: 0;
        transition: opacity 0.2s ease;
    }

    #header.actived .header-wrap .cover {
        height: 100%;
    }

    #header.actived .btn-gnb-open:before {
        opacity: 0;
    }

    #header.actived .btn-gnb-open:after {
        opacity: 1;
    }

    #header.actived .header-wrap .cover:before {
        opacity: 1;
        transform: scale(1);
        transition-delay: 0.2s;
    }

    #gnb,
    .header-global {
        visibility: hidden;
        transition: visibility 0 0.6s ease;
    }

    #header.actived #gnb,
    #header.actived .header-global {
        transition-delay: 0;
        visibility: visible;
    }

    #header.actived .header-wrap {
        overflow: auto;
        height: 100%;
        transition-delay: 0;
    }

    .gnb-list-cell,
    .header-copy,
    .header-global-menus {
        transform: translate(0, 40px);
        opacity: 0;
        transition: transform 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1),
            opacity 0.4s 0 ease;
    }

    #header.actived .gnb-list-cell,
    #header.actived .header-copy,
    #header.actived .header-global-menus {
        transform: translate(0, 0);
        opacity: 1;
    }

    .gnb-list-cell+.gnb-list-cell {
        margin-left:0;
        margin-top: 38px;
    }

    #header.actived .gnb-list-cell:nth-child(1) {
        transition: transform 0.4s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1),
            opacity 0.4s 0.2s ease;
    }

    #header.actived .gnb-list-cell:nth-child(2) {
        transition: transform 0.4s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1),
            opacity 0.4s 0.25s ease;
    }

    #header.actived .gnb-list-cell:nth-child(3) {
        transition: transform 0.4s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
            opacity 0.4s 0.3s ease;
    }

    #header.actived .header-copy {
        transition: transform 0.4s 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
            opacity 0.4s 0.35s ease;
    }

    #header.actived .header-global-menus {
        display: flex;
        transition: transform 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
            opacity 0.4s 0.4s ease;
    }

    #header.actived .mo-login-box {
        z-index: 20;
    }

    .mo-login-box {
        display: block;
    }

    .header-wrap {
        background: #1f1f1f;
        overflow: hidden;
    }

    .header-wrap .cover {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 60px;
        z-index: 0;
        background: rgba(39, 40, 77, 0.5);
        overflow: hidden;
        display: none;
    }

    .header-wrap .cover:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100vh;
        z-index: 1;
        background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/gnb-cover.png) center center no-repeat;
        background-size: cover;
        opacity: 0;
        transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .header-inner {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        transform: translate(0, 0);
        transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        z-index: 10;
    }

    #gnb {
        position: relative;
        top: 0;
        right: 0;
        padding: 25px 0 0;
    }

    .gnb-list.for_m,
    .gnb-list.for_mobile {
        display: block;
    }

    .gnb-list.for_mobile .gnb-list-cell {
        padding: 0 25px;
    }

    .gnb-list.for_mobile a {
        font-size: 36px;
        text-align: left;
        display: inline-flex;
        justify-content: flex-start;
        padding: 0;
    }

    #header.actived .header-wrap .btn-header-user.btn-gnb-toggle-menu {
        background: url(../images/ico-close-mo.png) center no-repeat;
        background-size: 40px 40px;
    }

    #header.actived .header-wrap .btn-header-user .user-thumb  {
        opacity: 0;
    }

    #header.actived .header-inner {
        min-height: 100vh;
        padding: 0 0 45px;
    }

    #header.actived .mo-wrap {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: calc(100vh - 60px);
    }

    .header-wrap .user-page {
        display: block;
        padding: 80px 25px 0;
    }

    .header-wrap .user-page .user-box {
        padding: 16px 24px;
        background-color: #fff;
        border-radius: 16px;
    }

    .header-wrap .user-page .user-info {
        padding-bottom: 16px;
        border-bottom: 1px solid #d4d4d8;
    }

    .header-wrap .user-page .user-thumb {
        overflow: hidden;
        position: relative;
        display: inline-block;
        width: 48px;
        height: 48px;
        margin-right: 16px;
        background: #fee232;
        border-radius: 50%;
        vertical-align: top;
    }

    .header-wrap .user-page .user-name {
        display: inline-block;
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-size: 18px;
        line-height: 48px;
        font-weight: 600;
        overflow: hidden;
        width: calc(100% - 76px);
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .header-wrap .user-page .btn-wrap {
        text-align: center;
    }

    .header-wrap .user-page .btn-logout {
        justify-content: center;
        font-weight: 600;
        font-style: normal;
    }

    .header-wrap .user-page .info-text {
        margin-top: 40px;
        color: #fff;
        font-family: "Inter", sans-serif;
        font-size: 17px;
        font-style: normal;
        line-height: 24px;
        text-align: center;
    }

    .btn-header-wrap {
        position: fixed;
        top: 17px;
        right: 22px;
        display: flex;
        width: 40px;
        height: 40px;
        z-index: 2000;
    }

    .btn-header-wrap .btn-header-user {
        position: relative;
        display: flex;
        flex: 1;
        width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center;
        transition: opacity 0.2s ease;
    }

    .btn-header-wrap .btn-header-user.default-profile .user-thumb {
        background: url(../images/ico-profile.png) center no-repeat;
        background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
    }

    .btn-header-wrap .btn-header-user.default-profile .user-thumb img {display: none;}

    .btn-header-wrap .btn-header-user .user-thumb{
        position: relative;
        overflow: hidden;
        width: 40px;
        height: 40px;
        background: #fee232;
        border-radius: 50%;
    }
    .btn-header-wrap .btn-header-user .user-thumb img,
    .header-wrap .user-page .user-thumb img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .header-global {
        display: block; 
        padding: 52px 25px;
        z-index: 5;
    }

    .header-global-menus>a,
    .header-global-menus>a .icon {
        display: block;
        width: 48px;
        height: 48px;
    }
}

.header-member {
    position: absolute;
    top: 108px;
    right: 80px;
    display: none;
    font-style: normal;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
}

.header-member::-webkit-scrollbar {
    width: 1px;
    box-sizing: border-box;
}

.header-member::-webkit-scrollbar-thumb {
    background-color: #27284c;
    border-radius: 10px;
    border-radius: 100px;
}

.header-member::-webkit-scrollbar-track {
    background-color: grey;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 100px;
}

.header-member-outer {
    overflow: hidden;
    display: inline-block;
    width: 320px;
    padding: 24px;
    border-radius: 16px;
    background: #fff;
    box-sizing: border-box;
}

.header-member-inner h2 {
    display: none;
}

.header-login {
    position: relative;
    box-sizing: border-box;
}

.header-login .desc {
    font-size: 21px;
    line-height: 36px;
    font-weight: 700;
    color: #27272a;
    text-align: left;
    width: 100%;
    font-family: "Inter", sans-serif;
    padding-bottom: 24px;
    border-bottom: 1px solid #d4d4d8;
    position: relative;
}

.header-login .btns {
    margin-top: 24px;
}

.header-login .btn-pop-close {
    top: -6px;
    right: -5px;
}

.header-login .btns>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    border: 1px solid #d4d4d8;
    background: #fafafa;
    padding: 0 0 0 60px;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #27272a;
}

.header-login .btns>a .icon {
    position: absolute;
    top: 50%;
    left: 16px;
    margin-top: -14px;
}

.header-login .btns>a .txt {
    position: relative;
    z-index: 5;
    font-family: "Inter", sans-serif;
    text-align: left;
    width: 100%;
    letter-spacing: -0.2px;
    flex: 1;
}

.header-login .btns>a:before {
    content: "";
}

.header-login .btns>a+a {
    margin-top: 8px;
}

.header-login .logo {
    margin-top: 40px;
    text-align: center;
}

/* 로그인 */
.login-user-info {
    text-align: center;
    margin-top: 24px;
}

.login-user-info .item-desc+.item-thumb {
    margin-top: 8px;
}

.login-pop-data .btn-pop-close {
    width: 36px;
    height: 36px;
    position: static;
    margin: 0;
}

.login-user-info .item-thumb {
    width: 64px;
    height: 64px;
    margin: 0 auto;
}

.login-user-info .item-thumb .user-thumb {
    position: relative;
    display: inline-flex;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    background: #fee232;
}

.login-user-info .item-thumb .user-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.login-user-info .item-thumb .user-thumb {
    width: 100%;
    height: 100%;
}

.login-user-info .item-thumb.default-profile .user-thumb {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0018 11.5391H5.84796C5.16822 11.5391 4.61719 12.0901 4.61719 12.7698V13.0775C4.61719 15.2017 6.33917 16.9237 8.46334 16.9237H11.5403C13.6644 16.9237 15.3864 15.2017 15.3864 13.0775V12.7698C15.3864 12.0901 14.8354 11.5391 14.1556 11.5391H10.0018Z' stroke='white' stroke-width='1.53846' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0027 9.23197C11.702 9.23197 13.0796 7.85439 13.0796 6.15505C13.0796 4.45571 11.702 3.07812 10.0027 3.07812C8.30337 3.07812 6.92578 4.45571 6.92578 6.15505C6.92578 7.85439 8.30337 9.23197 10.0027 9.23197Z' stroke='white' stroke-width='1.53846' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-color: #2f2f2f;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 30px 30px;
}

.login-user-info .item-thumb.default-profile .user-thumb img {
    display: none;
}

.login-user-info .item-desc {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 700;
    color: #27272A;
    margin-top: 16px;
}

.login-connect-ui {
    margin-top: 16px;
}

.login-connect-ui .btns>a+a {
    margin-top: 8px;
}

.login-connect-ui .btns>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    border: 1px solid #D4D4D8;
    background: #FAFAFA;
    padding: 0 24px 0 58px;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #27272A;
}

.login-connect-ui .btns>a .icon {
    position: absolute;
    top: 50%;
    left: 24px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
}

.login-connect-ui .loading {
    display: none;
}

.login-connect-ui .loading .item-inner {
    display: flex;
    width: 100%;
    height: 248px;
    align-items: center;
    justify-content: center;
}

.login-connect-ui.loading .btns {
    display: none;
}

.login-connect-ui.loading .loading {
    display: block;
}

.header-login .process {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-login .user-thumb {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: #fee232;
    overflow: hidden;
    position: relative;
}

.header-login .user-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-login .process .visual .icon {
    width: 64px;
    height: 64px;
}

.header-login .process .ing {
    display: inline-flex;
    margin: 0 16px;
    align-items: center;
    justify-content: center;
}

.header-login .process .ing>div {
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    margin: 0 2px;
}

.header-login .process .ing>div:nth-child(1) {
    animation-name: smallIng;
    animation-duration: 1.4s;
    animation-delay: 0;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.header-login .process .ing>div:nth-child(2) {
    animation-name: smallIng;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.header-login .process .ing>div:nth-child(3) {
    animation-name: smallIng;
    animation-duration: 1.4s;
    animation-delay: 0.4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

@keyframes smallIng {
    0% {
        opacity: 0.4;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0.4;
    }

    100% {
        opacity: 0.4;
    }
}

.header-login,
.header-mypage {
    display: none;
}

.header-login.actived,
.header-mypage.actived {
    display: block;
}

.header-wrap.mypage .header-member {
    display: block !important;
}

.header-mypage {
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

.header-mypage h3 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #18181b;
    font-style: normal;
    font-family: "Inter", sans-serif;
    margin-bottom: 12px;
}

.header-mypage .mypage-wallet-data h3 {
    display: flex;
}

.header-mypage h3 .btn_wallet_manage {
    display: inline-flex;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_wallet_manage.png) no-repeat 100%;
    font-size: 11px;
    line-height: 24px;
    color: #71717a;
    margin-left: auto;
    padding-right: 28px;
}

.header-mypage .mypage-user-ui {
    width: 100%;
    display: flex;
}

.header-mypage .mypage-user-ui>a {
    flex: 1;
    display: none;
    height: 72px;
    font-size: 21px;
    line-height: 1;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.header-mypage .mypage-user-ui .btn-logout,
.btn-logout {
    font-size: 15px;
    border: 1px solid #d4d4d8;
    border-radius: 8px;
    line-height: 40px;
    margin-top: 16px;
    width: 99px;
    color: #52525b;
    background: #fff;
    font-family: "Inter", sans-serif;
    display: inline-flex;
    line-height: 40px;
    height: 40px;
    flex: unset;
    margin: 16px auto 0;
}

.header-mypage .mypage-user-ui .btn-logout:hover,
.header-wallet-add .btn-add-wallet:hover,
.btn-logout:hover {
    border-color: #444ce7;
    color: #444ce7;
}

.header-mypage .mypage-user-ui .btn-logout:active,
.header-wallet-add .btn-add-wallet:active,
.btn-logout:active {
    border-color: #444ce7;
    color: #444ce7;
    background: #eef4ff;
}

.header-mypage .mypage-user-ui .btn-logout:disabled,
.header-wallet-add .btn-add-wallet:disabled,
.btn-logout:disabled {
    border-color: #d4d4d8;
    color: #a1a1aa;
    background: #d4d4d8;
    cursor: default;
}

.header-mypage .mypage-user-ui>a+a {
    border-left: 1px solid #27284c;
}

.mypage-data {
    margin-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e4e7ec;
}

.mypage-wallet-data {
    margin-top: 16px;
}

.mypage-data-count {
    display: inline-flex;
    align-items: end;
    margin: 0 0 2px 5px;
    color: #71717a;
    font-size: 11px;
}

.mypage-data .btn-mypage-ui {
    position: relative;
    display: flex;
    width: 100%;
    height: 56px;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 500;
    color: #fff;
    font-style: normal;
    text-align: center;
    background: #f4f4f5;
    border-radius: 8px;
    height: 64px;
}

.mypage-data .btn-mypage-ui.btn-connect:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico-connect-wallet.png) no-repeat 50%;
    margin-right: 12px;
    transition: all 0.2s;
}

.mypage-data .btn-mypage-ui.btn-connect:hover {
    background: #2d31a6;
}

.mypage-data .btn-mypage-ui.btn-connect:hover .txt {
    color: #fff;
}

.mypage-data .btn-mypage-ui.btn-connect:hover:before {
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico-connect-wallet_on.png) no-repeat 50%;
}

.mypage-data .btn-mypage-ui.btn-disconnect {
    background: #fff;
    border: 1px solid #d0d5dd;
    height: 40px;
    line-height: 40px;
    color: #71717a;
    font-weight: 40;
}

.mypage-data .btn-mypage-ui.btn-disconnect .txt {
    font-weight: inherit;
    color: inherit;
}

.mypage-data .btn-mypage-ui .txt {
    position: relative;
    z-index: 5;
    font-size: 15px;
    color: #27272a;
    font-family: "Inter", sans-serif;
    font-weight: 600;
}

.mypage-data .btn-mypage-ui.red:before {
    background-color: #cf3131;
}

.mypage-data .item-list {
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.mypage-data .item-list::-webkit-scrollbar {
    width: 20px;
    background-color: transparent;
}

.mypage-data .item-list::-webkit-scrollbar-thumb {
    border: 8px solid transparent;
    border-radius: 16px;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0.2);
}

.mypage-data .item-list::-webkit-scrollbar-track {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.mypage-data .item-wallet {
    background: #2d31a6;
    border-radius: 8px;
    font-family: "Inter", sans-serif;
    color: #fff;
    display: flex;
    padding: 13.5px 16px;
    align-items: center;
}

/*
.item-wallet-list .wallet_thumb {
  padding-right: 16px;
  width:36px;
  height:36px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.item-wallet-list .wallet_thumb.icon-connect-metamask {

}
.item-wallet-list .wallet_thumb.icon-connect-metamask {

}
.item-wallet-list .wallet_thumb.icon-connect-metamask {

}

.item-wallet-list .wallet_info {
}

.item-wallet-list .wallet_info .wallet_name {
  font-size: 15px;
  line-height: 21px;
}

.item-wallet-list .wallet_info .wallet_add {
  font-size: 13px;
  line-height: 18.2px;
  margin-top: 3px;
  display: flex;
}

.item-wallet-list .wallet_info .wallet_add .btn_add_copy {
  display: inline-flex;
  background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_wallet_add_copy.png) no-repeat 50%;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  font-size: 0;
  margin-top: -2px;
}

.item-wallet-list .wallet_info .wallet_add .btn_add_copy:hover {
}

.item-wallet-list .wallet_info .wallet_add .btn_add_copy.on {
  background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_wallet_add_copy_on.png) no-repeat 50%;
  width: 24px;
  height: 24px;
}

.item-wallet-list .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}

.item-wallet-list .btn-wrap .btn_change_wallet {
  border: 1px solid #d0d5dd;
  color: #71717a;
  font-size: 15px;
  line-height: 40px;
  font-family: "Inter", sans-serif;
  width: 100%;
  text-align: center;
  border-radius: 8px;
  font-weight: 400;
}

.mypage-data .item-copy-list .btn-copy {
  font-size: 0;
  background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_btn_copy.png) no-repeat 50% #444ce7;
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

.mypage-data .item-copy-list .btn-copy:hover {
  background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_btn_copy.png) no-repeat 50% #6172f3;
}

.mypage-data .item-copy-list .btn-copy:active {
  background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_btn_copy.png) no-repeat 50% #2d3282;
}

.mypage-data .item-copy-list .btn-copy:disabled {
  background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_btn_copy_disabled.png) no-repeat 50% #e4e4e7;
}

.mypage-data .item-copy-list .btn-copy.on {
  background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_btn_copy_active.png) no-repeat 50% #444ce7;
}
*/
.header-wallet-data {
    margin-top: 12px;
}

.header-wallet-list .header-wallet-items {
    display: flex;
    align-items: center;
    padding: 12px 25px 12px 16px;
    min-height: 72px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    border-radius: 8px;
    background: #2D31A6;
    box-sizing: border-box;
}

.header-wallet-list .header-wallet-items .item-visual {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    margin-right: 16px;
}

.header-wallet-list .header-wallet-items .item-visual .icon {
    width: 36px;
    height: 36px;
}

.header-wallet-list .header-wallet-items .item-info {
    flex: 1;
    width: 100%;
    overflow: hidden;
    font-family: "Inter", sans-serif;
}

.header-wallet-list .header-wallet-items .item-name {
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-wallet-list .header-wallet-items .item-value {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
}

.header-wallet-list .header-wallet-items .item-value .txt {
    flex: 1;
    width: 100%;
    font-size: 13px;
}

.header-wallet-list .header-wallet-items .item-value .copy {
    flex: 0 0 auto;
    margin-left: 4px;
}

.header-wallet-list .header-wallet-items .item-value .btn-copy {
    font-size: 0;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-circle-copy.png) no-repeat 50%;
    width: 24px;
    height: 24px;
}

.header-wallet-list .header-wallet-items .item-value .btn-copy:hover {
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-circle-copy.png) no-repeat 50% #6172f3;
}

.header-wallet-list .header-wallet-items .item-value .btn-copy:active {
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-circle-copy.png) no-repeat 50% #2d3282;
}

.header-wallet-list .header-wallet-items .item-value .checked .btn-copy {
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_wallet_add_copy_on.png);
    background-size: auto;
}

.header-wallet-add {
    margin-top: 12px;
}

.header-wallet-add .btn-add-wallet {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #71717a;
    font-family: "Inter", sans-serif;
}

.header-wallet-add .btn-add-wallet .icon {
    flex: 0 0 auto;
    margin-right: 8px;
}

.item-count-list {
    margin-left: 5px;
    color: #18181b;
}

a.btn-coupon {
    display: block;
    padding: 10px;
    color: #6172f3;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    line-height: 20px;
    border-radius: 8px;
    background-color: #eef4ff;
    text-align: center;
}

a.btn-coupon:hover {
    color: #fff;
    background-color: #8098f9;
}

a.btn-coupon:active {
    color: #fff;
    background-color: #444ce7;
}

a.btn-coupon:disabled {
    color: #a1a1aa;
    background-color: #e4e4e7;
    cursor: default;
}

.mypage-data .item-copy-list .btn-copy {
    font-size: 0;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_btn_copy.png) no-repeat 50% #444ce7;
    width: 40px;
    height: 40px;
    border-radius: 8px;
}

.mypage-data .item-copy-list .btn-copy:hover {
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_btn_copy.png) no-repeat 50% #6172f3;
}

.mypage-data .item-copy-list .btn-copy:active {
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_btn_copy.png) no-repeat 50% #2d3282;
}

.mypage-data .item-copy-list .btn-copy:disabled {
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_btn_copy_disabled.png) no-repeat 50% #e4e4e7;
}

.mypage-data .item-copy-list .btn-copy.on {
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/ico_btn_copy_active.png) no-repeat 50% #444ce7;
}

.mypage-data .item-copy-list {
    display: flex;
    padding: 0;
    overflow: hidden;
}

.mypage-data .item-copy-list .copy-text {
    height: 40px;
    background: #fff;
    flex: 1;
    margin-right: 6px;
    border-color: #d0d5dd;
    border-radius: 8px;
    font-family: "Inter", sans-serif;
    color: #d0d5dd;
    font-size: 12px;
    padding: 0 10.5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.mypage-data .item-copy-list .copy-text::placeholder {
    display: flex;
    height: 100%;
    color: #d0d5dd;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.text-placeholder::-webkit-input-placeholder {
    color: #d0d5dd;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.text-placeholder::-moz-placeholder {
    color: #d0d5dd;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.text-placeholder:-moz-placeholder {
    color: #d0d5dd;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.text-placeholder:-ms-input-placeholder {
    color: #d0d5dd;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.mypage-wallet-items {
    position: relative;
    display: flex;
    padding: 10px 12px;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #393a69;
    background: #1b1c3e;
    border-radius: 16px;
}

.mypage-wallet-items+.mypage-wallet-items {
    margin-top: 8px;
}

.mypage-wallet-items.actived {
    border-color: #cf3131;
}

.mypage-wallet-items .item-visual {
    flex: 0 0 auto;
}

.mypage-wallet-items .item-visual .icon {
    width: 36px;
    height: 36px;
}

.mypage-wallet-items .item-name {
    flex: 1;
    width: 100%;
    padding: 0 24px;
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mypage-wallet-items .item-action {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
}

.mypage-wallet-items .item-action .btn-mypage-ui {
    height: 32px;
    display: inline-flex;
    width: auto;
    min-width: 75px;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 13px;
    line-height: 1.5;
    color: #fff;
    font-weight: 500;
}

.mypage-wallet-items .item-action .btn-mypage-ui:before {
    background: #393b96;
    border-radius: 16px;
}

.mypage-wallet-items .item-action .btn-mypage-ui.on:before {
    background-color: #02d9e6;
}

.mypage-wallet-items .item-action .btn-item-del {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    border-radius: 50%;
    background: #cf3131;
}

.mypage-wallet-items .item-action .btn-item-del:before {
    content: "";
    display: block;
    width: 12px;
    height: 1px;
    background: #fff;
}

.mypage-wallet-items .item-action .btn-item-ui+.btn-item-ui {
    margin-left: 4px;
}

.wallet-connect-pop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 150;
    display: none;
}

.wallet-connect-pop.actived {
    display: block;
}

.wallet-connect-pop .item-outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wallet-connect-pop .item-inner {
    position: relative;
    min-height: 370px;
    background: #1b1c3e;
    box-sizing: border-box;
    width: 100%;
    border-radius: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 27px;
}

.wallet-connect-pop .btns {
    width: 100%;
    box-sizing: border-box;
}

.wallet-connect-pop .btn-mypage-ui {
    position: relative;
    display: flex;
    width: 100%;
    height: 56px;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 500;
    color: #fff;
    font-style: normal;
    text-align: center;
}

.wallet-connect-pop .btn-mypage-ui .icon {
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -18px;
    width: 36px;
    height: 36px;
}

.wallet-connect-pop .btn-mypage-ui .txt {
    position: relative;
    z-index: 5;
}

.wallet-connect-pop .btn-mypage-ui:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: #393b96;
    z-index: 0;
}

.wallet-connect-pop .btn-mypage-ui+.btn-mypage-ui {
    margin-top: 8px;
}

.btn-mypage-close {
    position: absolute;
    top: 24px;
    right: 32px;
    width: 36px;
    height: 36px;
    font-size: 0;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-mypage-close.png) center center no-repeat;
    background-size: 100% 100%;
    z-index: 15;
}

.mypage-user-info {
    display: flex;
    align-items: center;
    margin-bottom: 21px;
}

.mypage-user-info .item-thumb {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 16px;
    position: relative;
    background: #fee232;
}

.mypage-user-info .item-thumb.no_image {
    background: none;
}

.mypage-user-info .item-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mypage-user-info .item-info {
    flex: 1;
    width: 100%;
    overflow: hidden;
}

.mypage-user-info .item-name {
    font-size: 21px;
    line-height: 1.5;
    font-weight: 600;
    color: #18181b;
    text-align: left;
    word-break: break-all;
    font-family: "Inter", sans-serif;
}

.mypage-user-info .item-copy {
    margin-top: 2px;
}

.btn-address-copy {
    display: flex;
    width: 100%;
    align-items: center;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
}

.btn-address-copy .icon {
    flex: 0 0 auto;
    margin-right: 4px;
}

.btn-address-copy .txt {
    flex: 1;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mypage-user-data {
    margin-top: 26px;
}

.mypage-user-data .btn-mypage-ui {
    position: relative;
    display: flex;
    width: 100%;
    height: 56px;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 500;
    color: #fff;
    font-style: normal;
    text-align: center;
}

.mypage-user-data .btn-mypage-ui .txt {
    position: relative;
    z-index: 5;
}

.mypage-user-data .btn-mypage-ui:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: #393c87;
    z-index: 0;
}

.mypage-user-data .btn-mypage-ui.red:before {
    background-color: #cf3131;
}

.mypage-connect,
.mypage-connect-step,
.mypage-user-main {
    display: none;
}

.mypage-connect-step.actived,
.mypage-connect.actived,
.mypage-user-main.actived {
    display: block;
}

.mypage-user-main .item-inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mypage-user-main .item-connect-step {
    display: none;
}

.mypage-user-main .item-connect-step.actived {
    display: block;
}

.mypage-user-main .item-connect-step.connect+.connect {
    margin-top: 16px;
}

.mypage-user-main .item-ui {
    margin-top: 16px;
}

.mypage-user-main .item-ui>a {
    position: relative;
    display: flex;
    width: 100%;
    height: 56px;
    align-items: center;
    justify-content: flex-start;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 600;
    color: #fff;
    font-style: normal;
    text-align: center;
    padding: 0 24px;
    box-sizing: border-box;
}

.mypage-user-main .item-ui>a .icon {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    position: relative;
    z-index: 5;
}

.mypage-user-main .item-ui>a .txt {
    position: relative;
    z-index: 5;
}

.mypage-user-main .item-ui>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 1px solid #393a69;
    box-sizing: border-box;
    z-index: 0;
}

.mypage-user-main .item-ui>a+a {
    margin-top: 8px;
}

.mypage-user-main .item-footer {
    display: flex;
    margin: 60px -32px -32px -32px;
    background: #1b1c3e;
}

.mypage-user-main .item-footer>a {
    flex: 1;
    display: none;
    height: 72px;
    font-size: 21px;
    line-height: 1;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.mypage-user-main .item-footer>a.actived {
    display: flex;
}

.mypage-user-main .item-footer>a+a {
    border-left: 1px solid #27284c;
}

.user-wallet-data {
    display: flex;
    padding: 12px 12px 16px 12px;
    border-radius: 16px;
    background: #1b1c3e;
    box-sizing: border-box;
}

.user-wallet-items {
    flex: 1;
    padding: 0 12px;
    text-align: center;
}

.user-wallet-items .cate {
    font-size: 17px;
    line-height: 1.3;
    font-weight: 500;
    color: #fff;
}

.user-wallet-items .value {
    margin-top: 12px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 700;
    color: #fee232;
    border-radius: 8px;
    background: #282a66;
    text-align: center;
}

.mypage-connect-step.step-1 .item-desc {
    position: relative;
    font-size: 15px;
    line-height: 1.3;
    color: #ffd200;
    font-weight: 400;
    padding: 17px 20px;
    border-radius: 16px;
    border: 1px solid #101020;
    background: #1b1c3e;
}

.mypage-connect-step.step-1 .item-desc:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 32px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #101020 transparent transparent transparent;
    z-index: 0;
}

.mypage-connect-step.step-1 .item-desc:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 32px;
    margin: -1px 0 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #1b1c3e transparent transparent transparent;
    z-index: 1;
}

.mypage-connect-step.step-1 .item-select>h4 {
    height: 54px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.mypage-connect-step.step-1 .item-select>ul>li+li {
    margin-top: 8px;
}

.mypage-connect-step.step-1 .item-select .btn-connect-nav {
    display: block;
    width: 100%;
    text-align: center;
    background: rgba(57, 60, 135, 0.8);
    border-radius: 16px;
}

.mypage-connect-step.step-1 .item-select .btn-connect-nav .item-inner {
    display: flex;
    padding: 8px 16px;
    height: 64px;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}

.mypage-connect-step.step-1 .item-select .btn-connect-nav .item-inner .icon {
    flex: 0 0 auto;
    margin-right: 12px;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-size: 36px auto;
    background-color: #e4e4e4;
}

.mypage-connect-step.step-1 .item-select .btn-connect-nav .item-inner .txt {
    flex: 1;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
    margin-top: 4px;
    display: block;
    text-align: left;
}

.mypage-connect-step.step-1 .item-select .btn-connect-nav .item-sns {
    display: block;
    padding: 0 16px 12px 16px;
}

.mypage-connect-step.step-1 .item-select .btn-connect-nav .item-sns .sns {
    display: none;
    width: 100%;
    height: 48px;
    position: relative;
    background: #2a2c58;
    border-radius: 24px;
    text-align: center;
    font-size: 13px;
    line-height: 1.3;
    color: #fff;
    font-weight: 500;
    align-items: center;
    justify-content: center;
}

.mypage-connect-step.step-1 .item-select .btn-connect-nav .item-sns .sns.actived {
    display: flex;
}

.mypage-connect-step.step-1 .item-select .btn-connect-nav .item-sns .sns .icon {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
}

.mypage-connect-step.step-1 .item-info {
    margin-top: 16px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.4);
}

.mypage-connect-step.step-2 .item-load {
    padding: 44px 20px 0 20px;
    box-sizing: border-box;
    height: 200px;
    background: #1b1c3e;
    border-radius: 16px;
    border: 1px solid #101020;
    text-align: center;
}

.mypage-connect-step.step-2 .item-load>h4 {
    font-size: 19px;
    line-height: 1.3;
    color: #ffd200;
    font-weight: 500;
}

.mypage-connect-step.step-2 .item-load .item-loading {
    width: 54px;
    height: 54px;
    margin: 24px auto 0 auto;
}

.mypage-connect-step.step-2 .item-info {
    margin-top: 16px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.4);
}

.sk-fading-circle {
    width: 54px;
    height: 54px;
    position: relative;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 6px;
    height: 6px;
    background-color: #d9d9d9;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0.4;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0.4;
    }

    40% {
        opacity: 1;
    }
}

.mypage-connect-step.connected .item-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 275px;
    padding: 40px 24px 24px 24px;
    box-sizing: border-box;
    background: #1b1c3e;
    border-radius: 16px;
    border: 1px solid #101020;
    text-align: center;
}

.mypage-connect-step.connected .item-cate {
    margin-top: 16px;
}

.mypage-connect-step.connected .item-desc {
    margin-top: 16px;
}

.mypage-connect-step.connected .item-cate+.item-desc {
    margin-top: 0;
}

.mypage-connect-step.connected .item-cate,
.mypage-connect-step.connected .item-desc {
    width: 100%;
    font-size: 19px;
    line-height: 1.3;
    color: #ffd200;
    font-weight: 500;
}

.mypage-connect-step.connected .item-ui {
    margin-top: auto;
    width: 100%;
}

.mypage-connect-step.connected .btn-mypage-ui:before {
    border-radius: 8px;
}

.cookie-pop.hide {
    display: none !important;
}

.cookie-pop-outer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.cookie-pop-inner {
    position: relative;
    background: rgba(43, 44, 56, 1);
    text-align: center;
    padding: 0 25px;
    transform: translate(0, 200%);
    box-sizing: border-box;
    transition: transform 0.25s 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cookie-pop-data {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 112px;
    box-sizing: border-box;
    justify-content: center;
}

.cookie-pop-data .item-visual {
    bottom: 0;
    left: 14%;
    width: 123px;
}

.cookie-pop-data .item-desc {
    padding-right: 112px;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-style: normal;
    opacity: 0.6;
}

.cookie-pop-data .item-desc>a {}

.cookie-pop-data .item-ui {
    flex: 0 0 auto;
}

.cookie-pop-data .item-ui .btn {
    height: 40px;
    padding: 0 23px;
    font-size: 16px;
    color: rgba(57, 57, 57, 1);
    background: #fff;
    border-radius: 48px;
    transition: all 0.2s;
}

.cookie-pop-data .item-ui .btn:hover {
    background: #d9d9d9;
}

.cookie-pop-data .item-ui .btn.whiteblue {
    color: #fff;
    border: 1px solid #fff;
    background: rgba(43, 44, 56, 1);
    margin-left: 10px;
    padding: 0 23.5px;
}

.cookie-pop-data .item-ui .btn.whiteblue:hover {
    background: rgba(62, 63, 79, 1);
}

.cookie-pop-data .btn-close {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
}

.cookie-pop.actived .cookie-pop-inner {
    transform: translate(0, 0);
    padding: 0;
}

#footer {
    background: #1a1717;
    padding: 120px 0 80px 0;
}

.footer-wrap {
    max-width: 1392px;
    margin: 0 auto;
    position: relative;
    padding: 0 30px;
    font-family: "Inter", sans-serif;
    font-style: normal;
}

.footer-data {
    display: flex;
    align-items: center;
}

a.footer-logo {
    display: inline-block;
    width: 269px;
    height: 42px;
    font-size: 0;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/footer-logo.png) left top no-repeat;
    background-size: 100% auto;
}

.footer-bedge {
    display: inline-block;
    width: 43px;
    height: 52px;
    font-size: 0;
    margin-left: 59px;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/footer-bedge.png) left top no-repeat;
    background-size: 100% auto;
    transition: all 0.2s;
}

.footer-bedge:hover {
    /*
  background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/footer-bedge_on.png) left top no-repeat;
  background-size: 100% auto;
  */
}

.footer-contact {
    margin-left: 54px;
}

.footer-contact .btn {
    font-size: 20px;
    border: 1px solid #767474;
    border-radius: 52px;
    transition: all 0.2s;
}

.footer-contact .btn:hover {
    background: rgba(37, 33, 33, 1);
}

.footer-contact .btn .bg {
    background: #292b61;
}

.footer-sns {
    position: absolute;
    top: 0;
    right: 30px;
    display: flex;
    height: 48px;
    align-items: center;
}

.footer-sns>a {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
}

.footer-sns>a+a {
    margin-left: 40px;
}

.footer-copy {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 1.3;
    color: #7c7c7c;
    margin-top: 60px;
}

.footer-copy>.copy {
    display: inline-flex;
}

.footer-copy>.copy+.copy {
    margin-left: 4px;
}

.footer-copy>.copy a {
    display: inline-block;
    text-decoration: underline;
}

.footer-copy>.copy a+a {
    margin-left: 4px;
}

.effect-data {
    transform: translate(0, 70px);
    opacity: 0;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        opacity 0.4s ease;
    will-change: transform;
    text-align: center;
}

.effect-data.actived {
    transform: scale(1) translate(0, 0);
    opacity: 1;
    transition-delay: 0;
}

.con-title {
    font-size: 96px;
    line-height: 1.2;
    color: #fee232;
    font-weight: 900;
    -webkit-text-stroke: 2.4px #000;
    text-shadow: 2px 7px 0 #000;
}

.swiper-scrollbar {
    position: relative;
    max-width: 330px;
    height: 4px;
    background: 0;
    border-radius: 0;
    border: 0;
}

.swiper-scrollbar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    transform: skew(-20deg);
}

.swiper-scrollbar .swiper-scrollbar-drag {
    background: 0;
    border-radius: 0;
}

.swiper-scrollbar .swiper-scrollbar-drag:before {
    content: "";
    position: absolute;
    top: -3px;
    left: -2px;
    width: 100%;
    height: 6px;
    background: #02d9e6;
    border: 2px solid #1a1717;
    box-shadow: 0 2px 0 #1a1717;
    transform: skew(-20deg);
    border-radius: 0;
}

.swiper-pagination {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: none;
}

.swiper-pagination .swiper-pagination-bullet {
    position: relative;
    display: block;
    font-size: 0;
    width: 16px;
    height: 16px;
    background: rgba(255, 255, 255, 0.2);
    border: 0;
    transition: all 0.35s ease;
    border-radius: 50%;
    opacity: 1;
    box-sizing: border-box;
}

.swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #0081e2;
    border: 6px solid #02d9e6;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.4s ease;
    box-sizing: border-box;
}

.swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 16px;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    transform: translate(-50%, -50%) scale(1);
}

.inner {
    margin: 0 auto;
    position: relative;
}

.intro {
    position: relative;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/main_visual_bg.jpg) no-repeat 50%;
    background-size: cover;
    min-height: 100vh;
    text-align: center;
    overflow: hidden;
}

.intro .img_wrap {
    height: 100%;
}

.intro .img_wrap>div {
    position: relative;
    height: 100%;
    z-index: 1;
}

.intro .img_wrap>div div {
    position: absolute;
    opacity: 0;
    background-repeat: no-repeat;
}

.intro .img_wrap>div div img {
    height: 100%;
}

.intro .visual_img .img01 {
    bottom: 83px;
    left: 12.45%;
    transform: translate(100px, 100px) scale(0);
    transform-origin: 100% 0;
    z-index: 1;
}

.intro .visual_img .ico01,
.intro .visual_img .ico02,
.intro .visual_img .ico01,
.intro .visual_img .ico02 {
    display: inline-flex;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    z-index: 0;
}

.intro .visual_img .ico01 {
    width: 608px;
    height: 398px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/main_visual_img_ico01.png");
    bottom: 449px;
    left: 20%;
    transform: scale(0);
    transform-origin: 100% 0;
}

.intro .visual_img .ico02 {
    width: 940px;
    height: 526px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/main_visual_img_ico02.png");
    bottom: 50px;
    left: 13.34%;
    transform: translate(100px, 100px) scale(0);
    transform-origin: 100% 0;
    z-index: 1;
}

.intro .visual_img .ico03 {
    width: 489px;
    height: 492px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/main_visual_img_ico03.png");
    right: 461px;
    bottom: 607px;
    transform: scale(0);
    transform-origin: 100% 0;
}

.intro .visual_img .ico04 {
    width: 1119px;
    height: 854px;
    background-image: url("https://static.rumbleracingstar.io/rrshome/assets/web2/images/main_visual_img_ico04.png");
    bottom: -13px;
    right: 206px;
    transform: translate(-100px, 100px) scale(0);
    transform-origin: 100% 0;
    z-index: 0;
}

.intro .visual_img .img02 {
    bottom: 40px;
    right: 9.85%;
    transform: translate(100px, 100px) scale(0);
    transform-origin: 0 0;
}

.actived .intro .visual_img .img01 {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    transition: opacity 300ms ease, transform 1s cubic-bezier(0, 1, 0.5, 1);
    transition-delay: 200ms;
}

.actived .intro .visual_img .img02 {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    transition: opacity 300ms ease, transform 1s cubic-bezier(0, 1, 0.5, 1);
}

.actived .intro .visual_img .ico01 {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    transition: opacity 500ms ease, transform 1.5s cubic-bezier(0, 1, 0.5, 1);
    transition-delay: -80ms;
}

.actived .intro .visual_img .ico02 {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    transition: opacity 300ms ease, transform 1s cubic-bezier(0, 1, 0.5, 1);
}

.actived .intro .visual_img .ico03 {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    transition: opacity 500ms ease, transform 1.5s cubic-bezier(0, 1, 0.5, 1);
    transition-delay: -80ms;
}

.actived .intro .visual_img .ico04 {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    transition: opacity 300ms ease, transform 1s cubic-bezier(0, 1, 0.5, 1);
}

.intro .intro-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    transition: clip-path 0.5s 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.intro .txt-group {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 5;
}

.intro .visual-group {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.intro .visual-group:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 105;
}

.intro .visual-group .obj {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.intro .pc-player {
    display: block;
}

.intro .mo-player {
    display: none;
}

.intro .player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.intro .player-cover {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.intro .player.actived .player-cover {
    opacity: 0;
}

.intro .visual-group img {
    z-index: 5;
}

.intro .headline {
    font-size: 112px;
    line-height: 134px;
    color: #fff;
    font-weight: 800;
}

.intro .btn {
    border: 4px solid #fff;
    margin-top: 43px;
    padding: 0 73px;
    height: 92px;
    font-size: 36px;
    font-weight: 900;
    font-size: 48px;
    background: #ff4bb7;
    border-radius: 48px;
    box-shadow: 1px 4px 0px black;
}

.intro .btn:hover {
    background: #ff66c2;
}

.intro .btn .bg {
    background: #f60096;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/intro-btn-cover.png);
    background-position: right -20px top;
    background-size: 252px auto;
    background-repeat: no-repeat;
}

.intro .btn.on .bg {
    background-color: #02d9e6;
    background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/intro-btn-cover-on.png);
}

.sns-group {
    position: fixed;
    top: 50%;
    right: 112px;
    z-index: 201;
}

.sns-inner {
    position: relative;
    display: inline-block;
    transform: translate(0, -50%);
}

.sns-inner>a {
    display: block;
    width: 64px;
    height: 64px;
    opacity: 0;
    transform: translate(150px, 0);
    transition: transform 0.6s 0 cubic-bezier(0.165, 0.84, 0.44, 1),
        opacity 0.6s 0 cubic-bezier(0.165, 0.84, 0.44, 1);
}

.sns-inner>a .icon {
    width: 64px;
    height: 64px;
    transition: all .2s;
}

.sns-inner>a+a {
    margin-top: 16px;
}

.intro .txt-group .headline .txt {
    transform: scale(0.5);
    transition: transform 0.5s 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    padding-left: 60px;
}

.intro .btn-title {
    margin-top: 30px;
    font-size: 32px;
    font-weight: 600;
    font-style: normal;
    font-family: "Inter", sans-serif;
    line-height: 42px;
    letter-spacing: -0.02em;
}

.intro .btn-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 19px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-family: "Inter", sans-serif;
    text-align: left;
}

.intro .btn-wrap.type-apk {
    width: 416px;
    margin: 19px auto 0;
    gap: 8px;
    flex-direction: row;
    flex-wrap: wrap;
}

.intro .btn-wrap.type-apk .btn-play.apk {
    display: flex;
    padding: 8px 25px;
}

.intro .btn-wrap.type-apk .btn-play + .btn-play {
    margin-top: 0;
}

.intro .btn-wrap .btn-play {
    display: flex;
    align-items: center;
    width: 204px;
    height: 60px;
    padding: 15px 30px;
    font-size: 16px;
    background-color: #000;
    border-radius: 999px;
    box-sizing: border-box;
    white-space: nowrap;
}

.intro .btn-wrap .btn-play::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    background: url(../images/ico-window.png) 0 0 no-repeat;
    background-size: 25px 25px;
}

.intro .btn-wrap .btn-play.mac::before {
    width: 30px;
    height: 30px;
    background-image: url(../images/ico-mac.png);
    background-size: 30px 30px;
}

.intro .btn-wrap .btn-play.google::before {
    width: 25px;
    height: 29px;
    background-image: url(../images/ico-google.png);
    background-size: 25px 29px;
}

.intro .btn-wrap .btn-play.ios::before {
    width: 30px;
    height: 30px;
    background-image: url(../images/ico-ios2.png);
    background-size: contain;
}

.intro .btn-wrap .btn-play.apk::before {
    width: 35.5px;
    height: 43.5px;
    margin-right: 5px;
    background-image: url(../images/ico-apk.png);
    background-size: 35.5px 43.5px;
    -webkit-background-size: 35.5px 43.5px;
}

.intro .btn-wrap .btn-play.apk {display: none;}

.intro .btn-wrap .btn-play.daily-spin {display: none;}

.intro .btn-wrap .btn-play + .btn-play {
    margin-top: 8px;
}

.intro .btn-wrap .btn-play em {
    display: block;
    margin-right: 3px;
    font-size: 15px;
    font-weight: 400;
}

.intro.actived .intro-inner {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition-delay: 0;
}

.intro.actived .txt-group .headline .txt {
    transform: scale(1);
    transition-delay: 0;
}

.intro.actived .btn {
    transform: skew(0) translate(0, 0);
    opacity: 1;
}

.intro.actived .btn .txt {
    font-family: "Barlow Condensed", sans-serif;
    -webkit-text-stroke: 2.4px #000;
    font-style: italic;
}

.sns-group.actived .sns-inner>a {
    transform: translate(0, 0);
    opacity: 1;
}

.sns-group.actived .sns-inner>a:nth-child(1) {
    transition-delay: 0.5s;
}

.sns-group.actived .sns-inner>a:nth-child(2) {
    transition-delay: 0.6s;
}

.sns-group.actived .sns-inner>a:nth-child(3) {
    transition-delay: 0.7s;
}

.sns-group.actived .sns-inner>a:nth-child(4) {
    transition-delay: 0.8s;
}

.overview {
    position: relative;
    padding: 168px 0 197px 0;
    text-align: center;
    overflow: hidden;
    z-index: 5;
    background: linear-gradient(180deg, #2187F0 0%, #1768C9 100%);
    background: linear-gradient(180deg, #55B8FF 0%, #2295FF 100%);
}

.overview .gallery-group,
.overview .txt-group {
    position: relative;
    z-index: 5;
}

.overview .headline {
    position: relative;
    font-size: 96px;
    line-height: 1.2;
    color: #fff;
    font-weight: 900;
    -webkit-text-stroke: 2.4px #000;
    text-shadow: 2px 6px 0 #000;
}

.overview .form-group {
    max-width: 1200px;
    margin: 0 auto;
    font-style: normal;
}

.overview .form-group dl {
    font-size: 0;
}

.overview .form-group dl+dl {
    margin-top: 50px;
}

.overview .btn_wrap {
    margin-top: 30px;
}

.overview .btn_wrap .btn {
    background: #f60096;
    border-radius: 12px;
}

.overview .form-group dt {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2rem;
    position: relative;
    text-align: left;
    font-style: normal;
    line-height: 48px;
}

.overview .form-group .btn_detail {
    color: #333;
    background: #eee;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
}

.overview .form-group dt .ballon_txt {
    position: absolute;
    left: 5px;
    bottom: 40px;
    background: #333;
    color: #fff;
    border-radius: 100%;
    font-size: 0.8rem;
    padding: 20px;
    text-align: center;
    line-height: 1.5rem;
}

.overview .form-group dd {
    width: calc(100% - 200px);
    display: inline-block;
    vertical-align: top;
    font-size: 1.2rem;
    text-align: left;
}

.overview .form-group dd .auth_box {
    display: flex;
    width: 100%;
}

.overview .form-group dd .btn {
    background: #f60096;
    border-radius: 8px;
    font-size: 17px;
    height: 48px;
    line-height: 48px;
}

.overview .form-group dd .auth_box .btn_state {
    margin-right: 10px;
}

.overview .form-group dd .auth_box>div {
    width: 300px;
    text-align: left;
    margin-right: 10px;
    position: relative;
}

.overview .form-group dd .auth_box>div .count {
    position: absolute;
    right: 15px;
    bottom: 10px;
    color: #fff;
}

.overview .form-group dd .auth_box>div .notice_txt {
    font-size: 0.8rem;
    display: block;
    color: #f00;
    padding: 5px 0;
}

.overview .desc {
    margin-top: 9px;
    font-size: 28px;
    line-height: 1.3;
    color: #8d003d;
    font-weight: 800;
}

.overview .form-group dd .checkbox {
    font-size: 0.8rem;
    margin-top: 30px;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    line-height: 2rem;
    max-width: 40%;
}

.overview .form-group dd .checkbox+.checkbox {
    margin-top: 5px;
    border-bottom: 0;
    padding-bottom: 0;
}

.overview .form-group dd .checkbox:last-of-type {
    margin-bottom: 30px;
}

.overview .form-group dd .checkbox input[type="checkbox"] {
    vertical-align: middle;
}

.overview .form-group dd .checkbox label {
    overflow: hidden;
}

.overview .form-group dd .checkbox label .btn_detail {
    float: right;
    height: 28px;
    line-height: 21px;
    box-sizing: border-box;
}

.overview .headline .txt {
    transform: translate(100px, 0);
    opacity: 0;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
        opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    color: #fee232;
}

.overview .desc .txt {
    transform: translate(-100px, 0);
    opacity: 0;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
        opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-family: "Inter", sans-serif;
    color: #fff;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    font-size: 20px;
}

.overview .txt-group .txt-cell {
    visibility: hidden;
    height: 0;
}

.overview .txt-group .txt-cell.actived {
    visibility: visible;
    height: auto;
}

.overview .txt-group .txt-cell.actived .txt {
    transform: translate(0, 0);
    opacity: 1;
}

.overview .gallery-group {
    margin-top: 40px;
}

.overview .deco-group {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.overview .deco-group .deco-1 {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1329px;
    height: 1321px;
    margin: 330px 0 0 77px;
}

.overview .deco-group .deco-1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/overview-deco.png) center center no-repeat;
    background-size: 100% 100%;
    animation-name: rotate;
    animation-duration: 40s;
    animation-delay: 0;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    opacity: .8;
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate2 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.overview .big-thumb-group {
    position: relative;
    max-width: 918px;
    margin: 0 auto;
    overflow: hidden;
}

.overview .big-thumb-outer {
    position: relative;
    padding-top: 56.3%;
}

.overview .big-thumb-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overview .big-thumb-inner .swiper-container {
    height: 100%;
    overflow: hidden;
}

.overview .big-thumb-group .slider-item {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
    box-sizing: border-box;
}

.overview .big-thumb-group .slider-item img,
.overview .big-thumb-group .slider-item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 5;
}

.overview .big-thumb-group .slider-item:before {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    z-index: 10;
    transition: opacity 0.3s ease;
}

.overview .big-thumb-group .slider-item .test {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 15;
    font-size: 80px;
    color: #fff;
    background: rgba(0, 0, 0, 0);
}

.overview .big-thumb-group .swiper-slide-active .slider-item:before {
    opacity: 0;
}

.overview .small-thumb-group {
    margin-top: 32px;
    text-align: center;
}

.overview .small-thumb-outer {
    position: relative;
    max-width: 924px;
    margin: 0 auto;
}

.overview .small-thumb-inner {
    position: relative;
    width: calc(100% + 24px);
    margin: 0 auto;
    margin-left: -12px;
    overflow: hidden;
    /* -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
     */
    mask-image: linear-gradient(90deg,
            rgba(0, 0, 0, 0) 0,
            rgba(0, 0, 0, 1) 10%,
            rgba(0, 0, 0, 1) 90%,
            rgba(0, 0, 0, 0) 100%);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    box-sizing: border-box;
    padding: 6px 0;
}

.overview .small-thumb-inner .swiper-free-mode>.swiper-wrapper {}

.overview .small-thumb-outer .swiper-slide {
    padding: 0 12px;
    transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-sizing: border-box;
    height: ;
}

.overview .small-thumb-outer .swiper-slide.actived {}

.overview .small-thumb-outer .slider-item {
    position: relative;
    padding-top: 56.4%;
}

.overview .small-thumb-outer .slider-item .obj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    overflow: hidden;
    border-radius: 16px;
    display: block;
}

.overview .small-thumb-outer .slider-item .obj img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: contain;
    z-index: 0;
}

.overview .small-thumb-outer .slider-item .test {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 15;
    font-size: 80px;
    color: #fff;
    background: rgba(0, 0, 0, 0);
}

.overview .small-thumb-outer .slider-item:after {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    display: block;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    border: 6px solid #fff;
    border-radius: 24px;
    opacity: 0;
    transform: scale(0.84);
    transition: opacity 0.4s ease,
        transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-sizing: border-box;
    background: #fff;
    z-index: 0;
}

.overview .small-thumb-outer .btn-swiper-slider-prev {
    position: absolute;
    top: 50%;
    left: -100px;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    z-index: 15;
    border-radius: 50%;
    z-index: 15;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.overview .small-thumb-outer .btn-swiper-slider-next {
    position: absolute;
    top: 50%;
    right: -100px;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    z-index: 15;
    border-radius: 50%;
    z-index: 15;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.overview .small-thumb-outer .btn-swiper-slider-next.swiper-button-disabled,
.overview .small-thumb-outer .btn-swiper-slider-prev.swiper-button-disabled {
    opacity: 0.4;
}

.overview .small-thumb-outer .swiper-slide.swiper-slide-thumb-active .slider-item:after {
    opacity: 1;
    transform: scale(1);
}

.overview .small-thumb-outer .swiper-slide.swiper-slide-thumb-active .btn-overview-thumb-nav {
    transform: scale(1);
}

.overview .small-thumb-outer .swiper-slide.actived .slider-item:after {
    opacity: 1;
    transform: scale(1);
}

.overview .btn-overview-thumb-nav {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
}

.overview .swiper-scrollbar {
    display: none;
    margin: 40px auto 0 auto;
}

.driver {
    position: relative;
    background: linear-gradient(180deg, #3b2071 0, #420076 100%);
    box-sizing: border-box;
    z-index: 0;
}

.driver .effect-data {
    text-align: left;
}

.driver .inner {
    max-width: 1392px;
    margin: 0 auto;
    position: relative;
    padding: 0 30px;
}

.driver .deco-group {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.driver .deco-group .deco-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 4325px;
    height: 4325px;
    margin: -2162px 0 0 -1810px;
    z-index: 15;
}

.driver .deco-group .deco-1 .obj {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/driver-deco-1.png) center center no-repeat;
    background-size: 100% 100%;
    opacity: 0.2;
    animation-name: rotate;
    animation-duration: 80s;
    animation-delay: 0;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.driver .deco-group .deco-2 {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1526px;
    height: 1526px;
    margin: -1055px 0 0 -1314px;
    z-index: 10;
}

.driver .deco-group .deco-2 .obj {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/driver-deco-2.png) center center no-repeat;
    background-size: 100% 100%;
    opacity: 0.2;
    animation-name: rotate;
    animation-duration: 130s;
    animation-delay: 0;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.driver .deco-group .deco-3 {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1258px;
    height: 1258px;
    margin: -760px 0 0 508px;
    z-index: 9;
}

.driver .deco-group .deco-3 .obj {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/driver-deco-3.png) center center no-repeat;
    background-size: 100% 100%;
    opacity: 0.2;
    animation-name: rotate;
    animation-duration: 120s;
    animation-delay: 0;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.driver .deco-group .deco-4 {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1678px;
    height: 1678px;
    margin: 567px 0 0 118px;
    z-index: 8;
}

.driver .deco-group .deco-4 .obj {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/driver-deco-4.png) center center no-repeat;
    background-size: 100% 100%;
    opacity: 0.2;
    animation-name: rotate;
    animation-duration: 140s;
    animation-delay: 0;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.driver .headline,
.driver .small-thumb-group,
.driver .txt-group {
    position: relative;
    z-index: 5;
}

.driver .txt-group {
    padding: 255px 0 328px 0;
}

.driver .txt-group .inner {
    max-width: 1472px;
    position: static;
}

.driver .visual-group {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.driver .visual-group-outer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200%;
}

.driver .visual-group-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
}

.driver .visual-group .big-thumb-outer {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}

.driver .visual-group .big-thumb-inner {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.driver .visual-group .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.driver .visual-group .slider-item {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 264px 0 50%;
}

.driver .visual-group .slider-item img {
    max-width: 600px;
    pointer-events: none;
}

.driver .txt-data {
    position: relative;
    margin: 27px 0 0 60px;
    z-index: 5;
}

.driver .txt-data-inner {
    position: relative;
    width: 599px;
    height: 335px;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/driver-txt-bg.png) center center no-repeat;
    background-size: 100% 100%;
}

.driver .txt-data-items {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 0;
    padding: 60px 98px 0 98px;
}

.driver .txt-data-items .item-title {
    font-size: 64px;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    font-style: normal;
    white-space: nowrap;
    font-family: "Inter", sans-serif;
}

.driver .txt-data-items .item-desc {
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    font-style: normal;
    font-family: "Inter", sans-serif;
}

.driver .txt-data-items .item-desc,
.driver .txt-data-items .item-title {
    transform: translate(40px, 0);
    opacity: 0;
    transition: transform 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1),
        opacity 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1);
}

.driver .txt-data-items.actived {
    z-index: 5;
}

.driver .txt-data-items.actived .item-title {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 0;
}

.driver .txt-data-items.actived .item-desc {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 0.1s;
}

.driver .small-thumb-group {
    position: relative;
    margin-top: 60px;
    padding: 0 10px;
}

.driver .small-thumb-outer {
    position: relative;
    max-width: 904px;
    padding: 0 78px;
    box-sizing: border-box;
}

.driver .small-thumb-inner {
    position: relative;
    padding: 0px 6px;
    overflow: hidden;
}

.driver .small-thumb-group .swiper-container {
    margin: 0;
}

.driver .small-thumb-group .swiper-slide {
    box-sizing: border-box;
    padding: 0 12px;
    font-size: 0;
}

.driver .small-thumb-group .btn-swiper-slider-prev {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    z-index: 15;
    border-radius: 50%;
    z-index: 15;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.driver .small-thumb-group .btn-swiper-slider-next {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    z-index: 15;
    border-radius: 50%;
    z-index: 15;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.driver .small-thumb-group .btn-swiper-slider-next.swiper-button-disabled,
.driver .small-thumb-group .btn-swiper-slider-prev.swiper-button-disabled {
    opacity: 0.4;
}

.driver .small-thumb-group .btn-swiper-slider-next,
.driver .small-thumb-group .btn-swiper-slider-prev {
    display: block;
}

.driver .small-thumb-group .btn-driver-thumb-nav {
    position: relative;
    padding-top: 100%;
    cursor: pointer;
    width: 100%;
}

.driver .small-thumb-group .btn-driver-thumb-nav .item-inner {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 6px;
    background: #4b1b78;
    border-radius: 16px;
    transition: background 0.4s ease;
    z-index: 5;
    transform: translate3d(0, 0, 1px);
}

.driver .small-thumb-group .btn-driver-thumb-nav .item-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 16px;
    border: 6px solid #6524ac;
    transition: border 0.4s ease;
    z-index: 5;
}

.driver .small-thumb-group .btn-driver-thumb-nav .obj {
    position: relative;
    flex: 1;
    display: block;
}

.driver .small-thumb-group .btn-driver-thumb-nav .obj img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.driver .small-thumb-group .btn-driver-thumb-nav:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: #fee232;
    filter: blur(7px);
    z-index: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    transform: translate3d(0, 0, 0);
}

.driver .small-thumb-group .swiper-slide.actived .btn-driver-thumb-nav .item-inner {
    background: #350b5e;
}

.driver .small-thumb-group .swiper-slide.actived .btn-driver-thumb-nav .item-inner:before {
    border-color: #fee232;
}

.driver .small-thumb-group .swiper-slide.actived .btn-driver-thumb-nav:after {
    opacity: 1;
}

.driver .swiper-pagination {
    display: none;
    margin-top: 32px;
}

.driver .swiper-scrollbar {
    display: none;
    margin: 32px auto 0 auto;
}

.driver .visual-group .swiper-slide.actived {
    z-index: 5;
}

.driver .visual-group .slider-item img {
    position: relative;
    opacity: 0;
}

.car {
    position: relative;
    background: #8c2bd8 url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/car-bg.png) center center no-repeat;
    background-size: cover;
    min-height: 1280px;
    overflow: hidden;
}

.car .inner {
    max-width: 1392px;
    margin: 0 auto;
    position: relative;
    padding: 0 30px;
}

.car .effect-data {
    text-align: left;
}

.car .txt-group {
    position: relative;
    z-index: 5;
    padding: 182px 0 0 0;
}

.car .txt-data {
    position: relative;
    margin: 30px 0 0 0;
    width: 50%;
    padding: 0 180px 0 120px;
    box-sizing: border-box;
    z-index: 5;
    min-height: 184px;
}

.car .txt-data-inner {
    position: relative;
}

.car .txt-data-items {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 0;
    font-family: "Inter", sans-serif;
}

.car .txt-data-items .item-title {
    font-size: 64px;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    font-style: normal;
}

.car .txt-data-items .item-desc {
    margin-top: 8px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    font-style: normal;
}

.car .txt-data-items .item-title {
    transform: translate(-40px, 0);
    opacity: 0;
    transition: transform 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1),
        opacity 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1);
}

.car .txt-data-items .item-desc {
    transform: translate(40px, 0);
    opacity: 0;
    transition: transform 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1),
        opacity 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1);
}

.car .txt-data-items.actived {
    z-index: 5;
}

.car .txt-data-items.actived .item-title {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 0;
}

.car .txt-data-items.actived .item-desc {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 0;
}

.car .headline {
    position: relative;
    z-index: 5;
}

.car .visual-group {
    position: relative;
    margin-top: 0;
    width: 40%;
    z-index: 0;
}

.car .visual-group .visual-items {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.car .visual-group .visual-items .obj {
    position: absolute;
    top: 0;
    left: 50%;
    width: 802px;
    height: 576px;
    opacity: 0;
    transform: translate(-50%, 0);
}

.car .visual-group .visual-items .obj>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.car .visual-group .visual-items .car-obj-1 {
    z-index: 5;
    animation: move 0.38s infinite linear;
    animation-delay: 0;
}

.car .visual-group .visual-items .car-obj-3 {
    z-index: 10;
}

@keyframes move {
    0% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(0, 16px);
    }

    100% {
        transform: translate(0, 0);
    }
}

.car .visual-group .visual-items.actived {
    z-index: 5;
}

.car .small-thumb-group {
    position: absolute;
    top: 0;
    left: 50%;
    width: 588px;
    height: 100%;
    z-index: 10;
}

.car .small-thumb-outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-image: linear-gradient(0,
            rgba(18, 49, 99, 0.2) 0,
            rgba(18, 49, 99, 0.4) 20%,
            rgba(18, 49, 99, 1) 40%,
            rgba(18, 49, 99, 1) 60%,
            rgba(18, 49, 99, 0.4) 80%,
            rgba(18, 49, 99, 0.2) 100%);
    mask-image: linear-gradient(0,
            rgba(18, 49, 99, 0.2) 0,
            rgba(18, 49, 99, 0.4) 20%,
            rgba(18, 49, 99, 1) 40%,
            rgba(18, 49, 99, 1) 60%,
            rgba(18, 49, 99, 0.4) 80%,
            rgba(18, 49, 99, 0.2) 100%);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.car .small-thumb-inner {
    position: relative;
    margin: -100px auto 0 auto;
    width: 488px;
    height: calc(100% + 200px);
}

.car .small-thumb-group .swiper-container {
    width: 100%;
    height: 100%;
}

.car .small-thumb-group .slider-item {
    position: relative;
    padding-top: 76.66%;
    width: 100%;
}

.car .small-thumb-group button.btn-car-thumb-nav {
    cursor: pointer;
}

.car .small-thumb-group .slider-item .item-inner {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: #6a0db3;
    border-radius: 24px;
    transition: border 0.4s ease;
    z-index: 5;
    transform: translate3d(0, 0, 1px);
}

.car .small-thumb-group .slider-item .item-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 6px solid #5d1198;
    border-radius: 24px;
    box-sizing: border-box;
    z-index: 5;
}

.car .small-thumb-group .slider-item .obj {
    position: relative;
    flex: 1;
    overflow: hidden;
    display: block;
}

.car .small-thumb-group .slider-item .obj img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.car .small-thumb-group .slider-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    background: #fee232;
    filter: blur(20px);
    z-index: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    transform: translate3d(0, 0, 0);
}

.car .small-thumb-group .slider-item.actived .item-inner {
    background: #4b1378;
}

.car .small-thumb-group .slider-item.actived .item-inner:before {
    border-color: #fee232;
}

.car .small-thumb-group .slider-item.actived:after {
    opacity: 1;
}

.car .small-thumb-group .swiper-wrapper {
    height: 100%;
}

.car .small-thumb-group .swiper-slide {
    height: fit-content;
}

.car .small-thumb-group .swiper-slide:last-child {
    padding-bottom: 100px;
}

.car .small-thumb-group .slider-item-group {
    display: flex;
    margin-bottom: 24px;
    height: auto;
}

.car .small-thumb-group .slider-item-group .slider-item-cell {
    position: relative;
    flex: 1;
    padding: 0 12px;
}

.car .small-thumb-group .slider-item-group .slider-item-cell:last-child {
    top: 100px;
}

.car .swiper-scrollbar {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 6px;
    height: 446px;
    margin: -223px 0 0 0;
}

.car .swiper-scrollbar:before {
    transform: skewX(0) skewY(-10deg);
}

.car .swiper-scrollbar .swiper-scrollbar-drag:before {
    height: 100%;
    transform: skewX(0) skewY(-10deg);
}

/* event */

.event {
  background: #F4F4F5;
  padding-top:145px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  min-height: calc(100vh - 145px);
  box-sizing: border-box;
}

.event .inner {
  max-width:1392px;
  margin:0 auto;
  z-index: 1;
}

.event_wrap * {
  font-family:Inter;
  font-style:normal;
}

.event .con-title {
  text-align:center;
  margin-bottom:38px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 88px;
}

.event_detail .btn_back {
    display:none;
}

.event_tab {
  display:flex;
  margin-bottom: 16px;
}
.event_tab a {
  width:50%;
  background:#fff;
  border:1px solid #e4e4e7;
  border-bottom-color:#3F3F46;
  color:#A1A1AA;
  text-align:center;
  line-height:27px;
  padding:11.5px 0;
  font-weight: 500;
  border-radius:6px 6px 0 0;
  transition: all .2s;
}
.event_tab a.active {
  background:#3F3F46;
  color:#fff;
  border-color:#3F3F46;
}

.event_tab a[disabled] {
  cursor:default;
}

.event_cont {
  display: flex;
  flex-wrap: wrap;
  display:none;
}
.event_cont#tab01,
.event_cont#tab02 {display:flex;}

#event_loader { 
    text-align: center;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event_cont .no_data {
  text-align:center;
  padding:89px 15px;
  background:#fff;
  width: 100%;
  margin-top:24px;
  margin-bottom:100px;
}

.event_cont .no_data img {
  margin:0 auto;
  max-width:100%;
}
.event_box {
  margin-top:24px;
  width: calc(50% - 12px);
  position:relative;
  box-shadow: 0px 8px 8px 0px #0000000D;
}
.event_box .link {
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  top:0;
  z-index:1;
}
.event_box:nth-of-type(2n) {
    margin-left:24px;
}
.event_box .img {
  display:flex;
}
.event_box .img img {
  width:100%;
}
.event_box .txt {
  background:#FFF;
  transition:all .2s;

}
.event_box .txt p {
  color:#27272A;
  transition:all .2s;
  line-height:24px;
  padding:16px 24px;
  font-weight: 600;
}
.event_box:hover .txt {
  background:#6172F3;
}

.event_box:hover .txt p {
  color:#fff;
}

.event .paging {
  padding:40px 0 78px;
  width:100%;
}
.event .paging {
  display:flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.event .paging .arw {
  width:24px;
  height:24px;
  font-size:0;
}
.event .paging a {
    margin:0 3px;
}
.event .paging .arw.first {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0001 8L7.00012 12L11.0001 16' stroke='%2371717A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0002 8L12.0002 12L16.0002 16' stroke='%2371717A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.event .paging .arw.prev {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 16L10 12L14 8' stroke='%2371717A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.event .paging .arw.next {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16L14 12L10 8' stroke='%2371717A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.event .paging .arw.last {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0001 16L17.0001 12L13.0001 8' stroke='%2371717A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00018 16L12.0002 12L8.00018 8' stroke='%2371717A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.event .paging .arw[disabled] {
  cursor:default;
}
.event .paging .arw.first[disabled] {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0001 8L7.00012 12L11.0001 16' stroke='%23E4E4E7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0002 8L12.0002 12L16.0002 16' stroke='%23E4E4E7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.event .paging .arw.prev[disabled] {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 16L10 12L14 8' stroke='%23E4E4E7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.event .paging .arw.next[disabled] {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16L14 12L10 8' stroke='%23E4E4E7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.event .paging .arw.last[disabled] {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0001 16L17.0001 12L13.0001 8' stroke='%23E4E4E7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00018 16L12.0002 12L8.00018 8' stroke='%23E4E4E7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.event .paging .num {
  width:36px;
  line-height:36px;
  font-size:16px;
  color:#71717a;
  font-weight:500;
}

.event .paging .num.active {
  color:#6172F3;
}

.event .deco-group > div {
  position:absolute;
  z-index: 0;
}
.event .deco-group .deco-1 {
  background:url('https://static.rumbleracingstar.io/rrshome/assets/web2/images/event_obj01.svg');
  left:26px;
  top:99px;
  width: 477px;
  height: 474px;
}
.event .deco-group .deco-2 {
  background:url('https://static.rumbleracingstar.io/rrshome/assets/web2/images/event_obj02.svg');
  right: 0;
  bottom: 0;
  width: 429px;
  height: 433px;
}

.event_detail .deco-group .deco-2 {
  background:url('https://static.rumbleracingstar.io/rrshome/assets/web2/images/event_obj03.svg');
  right: 0;
  bottom: 0;
  width: 428px;
  height: 673px;
}

.event_detail .inner {
  max-width:1156px;
  margin:0 auto;
}

.event_detail_cont {
  background:#fff;
  border-bottom:1px solid #E4E4E7;
}

.event_wrap .title_wrap {
  display:flex;
  padding:20px 24px;
  border-top:2px solid #A1A1AA;
  border-bottom:1px solid #E4E4E7;
  align-items: flex-start;
}

.event_wrap .title_wrap .cate {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: center;
  padding:8px 20px;
  color:#A1A1AA;
  background:#E4E4E7;
  margin-right:10px;
  border-radius:75px;
}

.event_wrap .title_wrap .cate.active {
  color:#6172F3;
  background:#e0eaff;
  
}

.event_wrap .title_wrap .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: left;
  width: 60%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.event_wrap .title_wrap .date {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: right;
  margin-left:auto;
  padding-top: 10px;
  color: #71717A;
}

.event_wrap .btn_wrap {
  padding:40px 0 112px;
}

.event_wrap .btn_wrap a {
  width:296px;
  text-align:center;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0em;
  padding:19px 0;
  background: #fff;
  color:#52525B;
  border:1px solid #D4D4D8;
  border-radius:8px;
  display:block;
  margin: 0 auto;
  transition:all .2s;
}

.event_wrap .btn_wrap a:hover {
    border-color:#444CE7;
    color:#444CE7;
}
.event_wrap .btn_wrap a:active {
    border-color:#444CE7;
    color:#444CE7;
    background:#EEF4FF;
}

.event_wrap .btn_wrap a:disabled,
.event_wrap .btn_wrap a[disabled] {
    background:#D4D4D8;
    border-color:#D4D4D8;
    background:#F8F9FC;
    cursor:default;
    color:#52525B;
}
/* sponser */
.sponser {
  padding:50px 40px;
}

.sponser_box {
    box-sizing: border-box;
}

.sponser_box .img_box {
  background: #eee;
  border-radius: 8px;
  overflow: hidden;
}

.sponser_box .img_box img {
    max-width:100%;
}


.sponser_box .txt_box {
  margin: 24px 0;
}
.sponser_box .txt_box strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  color:#27272A;
}

.sponser_box .txt_box p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color:#71717A;
}

.sponser_box .table_box .table_list {
  padding-right: 10px;
}

.sponser_box .table_box.score_list {
    box-sizing: border-box;
    height: 348px;
    overflow-y: auto;
}

.sponser_box .table_box.score_list::-webkit-scrollbar {
  width: 6px;
}

.sponser_box .table_box.score_list::-webkit-scrollbar-thumb {
  background-color: #A1A1AA;
  border-radius:10px;
}

.sponser_box .table_box.score_list::-webkit-scrollbar-track {
  border-radius:10px;
  background-color: #E4E4E7;
}

.sponser_box .table-row {
  display:flex;
  align-items: center;
}
.sponser_box .table-row .cell {
  display: flex;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
  width: calc((100% - 174px)/3);
  align-items: center;
}

.sponser_box .table-row .cell em {
  font-weight:inherit;
}
.sponser_box .table-header {
  color:#fff;
  font-size: 15px;
  font-weight: 600;
  font-family: Inter;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  overflow: hidden;
  position: sticky;
  left: 0;
  top: 0;
}
.sponser_box .table-header .cell {
  font-weight: 600;
}

.sponser_box .table-header .table-row,
.sponser_box .table-body .table-row {
  border-radius: 8px;
  font-family: Inter;
  font-size: 15px;
  letter-spacing: 0em;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
  height: 40px;
  font-weight: 500;
}
.sponser_box .table-header .table-row {
  background:#1D2939;  
}
.sponser_box .table-header .table-row .cell:nth-of-type(1),
.sponser_box .table-body .table-row .cell:nth-of-type(1) {
  width: 54px;
  padding-left: 0;
  padding-right: 0;
  margin-right: 120px;
  text-align: center;
  flex: 0 0 auto;
  justify-content: center;
}

.sponser_box .table-header .table-row .cell:nth-of-type(3) {
  color:#A4BCFD;
}
.sponser_box .table-header .table-row .cell:nth-of-type(4) {
  border-radius:0 8px 8px 0;
}
.sponser_box .table-body .table-row {
  margin-top:4px;
  border: 1px solid #E4E4E7;
}
.sponser_box .table-body .table-row:nth-of-type(1),
.sponser_box .table-body .table-row:nth-of-type(2),
.sponser_box .table-body .table-row:nth-of-type(3) {
  background:#F5FAFF;
  border:none;
  font-weight:700;
}
.sponser_box .table-body .table-row:nth-of-type(1) .cell:nth-of-type(1) {
  background:#2D31A6;
  color:#fff;
}
.sponser_box .table-body .table-row:nth-of-type(2) .cell:nth-of-type(1) {
  background:#3538CD;
  color:#fff;
}
.sponser_box .table-body .table-row:nth-of-type(3) .cell:nth-of-type(1) {
  background:#444CE7;
  color:#fff;
}

.sponser_box .table-body .table-row .item-id,
.sponser_box .table-body .table-row .item-point,
.sponser_box .table-body .table-row .item-reward {
  overflow: hidden;
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
}

.sponser_box .table-body .table-row.actived {
  border: 1px solid #444CE7;
}

.sponser_box .my_info {
  position:sticky;
  left: 0;
  bottom: 0;
  padding-right: 6px;
}
.sponser_box .my_info .table-body .table-row,
.sponser_box .my_info .table-body .table-row:nth-of-type(1) .cell:nth-of-type(1) {
  background:#6172F3;
  color:#fff;
}



@media screen and (min-width: 769px) {

    .car .small-thumb-group .swiper-wrapper,
    .car .swiper-scrollbar .swiper-scrollbar-drag {
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition-duration: 0.3s !important;
    }
}

.track {
    position: relative;
    height: 1280px;
    background: #3290ad url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/track-bg.png) center center no-repeat;
    background-size: cover;
    overflow: hidden;
}

.track .headline {
    position: absolute;
    top: 160px;
    left: 50%;
    z-index: 15;
    width: auto;
    box-sizing: border-box;
    padding: 0;
    margin-left: -720px;
}

.track .visual-group {
    position: absolute;
    top: 450px;
    left: 50%;
    z-index: 15;
}

.track .visual-outer {
    position: relative;
    width: calc(50vw + 24px);
    max-width: 960px;
}

.track .visual-inner {
    position: relative;
    padding-top: 56.25%;
    border-radius: 48px;
    box-sizing: border-box;
    background: #000;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, #000);
}

.track .visual-group .loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.track .visual-group .player {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
}

.sk-wave {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.sk-wave .sk-rect {
    margin: 0 2px;
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
}

.sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-waveStretchDelay {

    0%,
    100%,
    40% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes sk-waveStretchDelay {

    0%,
    100%,
    40% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.track .visual-group.ing .loading {
    opacity: 1;
    z-index: 5;
}

.track .txt-group {
    position: absolute;
    top: 720px;
    right: 50%;
    z-index: 15;
}

.track .txt-data-items {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 0;
    text-align: left;
}

.track .txt-data-items .item-title {
    font-size: 64px;
    line-height: 77px;
    font-weight: 700;
    color: #fff;
    font-style: normal;
    white-space: nowrap;
    font-family: "Inter", sans-serif;
}

.track .txt-data-items .item-desc {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    font-style: normal;
    font-family: "Inter", sans-serif;
}

.track .txt-data-items .item-title {
    transform: translate(-40px, 0);
    opacity: 0;
    transition: transform 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1),
        opacity 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1);
}

.track .txt-data-items .item-desc {
    transform: translate(40px, 0);
    opacity: 0;
    transition: transform 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1),
        opacity 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1);
}

.track .txt-group-inner .swiper-slide.actived .txt-data-items .item-title {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 0;
}

.track .txt-group-inner .swiper-slide.actived .txt-data-items .item-desc {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 0;
}

.track .txt-group-inner {
    padding: 0 50px;
    width: 420px;
}

.track .txt-group-inner .swiper-slide {
    position: absolute;
    top: 0;
    left: 0;
}

.track .line-group {
    position: absolute;
    top: 114px;
    left: 50%;
    display: block;
    width: 2279px;
    height: 519px;
    z-index: 0;
    margin-left: -1231px;
}

.track .line-group-outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.track .line-group-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    transform: translate(0, 0);
    opacity: 1;
}

.track .line-group-inner.actived {
    transform: translate(0, 0);
    opacity: 1;
}

.track .line-group .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    opacity: 1;
}

.track .line-group .bg.actived {
    transform: translate(0, 0);
    opacity: 1;
}

.track .line-group .bg .obj {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 1375px;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/track-line.png) left top no-repeat;
    background-size: 4000px auto;
    transform: translate(-2000px, -758px);
    opacity: 1;
    transition: width 4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.track .line-group .bg.actived .obj {
    width: 4000px;
    transform: translate(-2000px, -758px);
    transition-delay: 0.5s;
}

.track .btn-track-nav {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    transform: translate(0, 50px);
    opacity: 0;
    transition: transform 0.4s 0 cubic-bezier(0.175, 0.885, 0.32, 1.275),
        opacity 0.4s 0 ease;
}

.track .btn-track-nav .txt {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    transform: translate(-50%, -80px) scale(1);
    opacity: 1;
    transform-origin: 50% 100%;
    transition: transform 0.4s 0 cubic-bezier(0.175, 0.885, 0.32, 1.275),
        opacity 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1);
    white-space: nowrap;
    font-family: "Inter", sans-serif;
}

.track .btn-track-nav .dot {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    box-shadow: 2px 4px 0px 0px rgba(0, 0, 0, 0.5);
    border-radius: 100%;
}

.track .btn-track-nav .dot:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 9px solid #1cf2ff;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: transform 0.4s 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.track .btn-track-nav .dot:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 88px;
    height: 88px;
    background: #fff;
    border: 8px solid #1cf2ff;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 0;
    transform: translate(-50%, -50%) scale(0);
    background: #fff url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/track-point.png) center center no-repeat;
    background-size: 39px auto;
    box-shadow: 3px 6px 0 rgba(0, 0, 0, 0.4);
    transition: transform 0.4s 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.track .btn-track-nav .dot:hover {
    border-radius: 100%;
    width: 54px;
    height: 54px;
    margin: -26px 0 0 -26px;
    box-shadow: 3px 6px 0px 0px rgba(0, 0, 0, 0.4);
}

.track .btn-track-nav .dot:hover:before {
    width: 54px;
    height: 54px;
    border: 14px solid #fff;
    background: #1cf2ff;
}

.track .btn-track-nav.actived .txt {
    transform: translate(-50%, -70px) scale(0);
    opacity: 0;
    transition: transform 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1),
        opacity 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1);
}

.track .btn-track-nav.actived .dot:before {
    transform: translate(-50%, -50%) scale(0);
    transition-delay: 0;
}

.track .btn-track-nav.actived .dot:after {
    transform: translate(-50%, -50%) scale(1);
    transition-delay: 0.1s;
}

.track .btn-track-nav:nth-child(1) {
    left: 629px;
    top: 502px;
}

.track .btn-track-nav:nth-child(2) {
    left: 1051px;
    top: 308px;
}

.track .btn-track-nav:nth-child(3) {
    left: 1343px;
    top: 183px;
}

.track .btn-track-nav:nth-child(4) {
    left: 1660px;
    top: 235px;
}

.track .btn-track-nav:nth-child(5) {
    left: 1950px;
    top: 224px;
}

.track .line-group-inner.actived .btn-track-nav:nth-child(1) {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 0.7s;
}

.track .line-group-inner.actived .btn-track-nav:nth-child(2) {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 0.8s;
}

.track .line-group-inner.actived .btn-track-nav:nth-child(3) {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 0.9s;
}

.track .line-group-inner.actived .btn-track-nav:nth-child(4) {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 1s;
}

.track .line-group-inner.actived .btn-track-nav:nth-child(5) {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 1.1s;
}

.track .swiper-scrollbar {
    display: none;
    margin: 125px auto 0 auto;
}

.news {
    position: relative;
    padding: 210px 0 260px 0;
    background: #262626;
    z-index: 15;
}

.news .swiper-pagination {
    display: none;
    margin-top: 50px;
}

.news .swiper-scrollbar {
    display: block;
    margin: 45px auto 0 auto;
}

.news .slogan {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 202px;
    margin-top: -101px;
    overflow: hidden;
}

.news .slogan-inner {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: -50px;
    width: calc(100% + 100px);
    height: 92px;
    margin-top: -46px;
    background: #fee232;
    font-size: 42px;
    line-height: 50px;
    color: #000;
    font-weight: 800;
    transform: rotate(-2.54deg);
}

.news .slogan-item {
    display: inline-flex;
    animation: loop 10s linear infinite;
}

.news .slogan-char {
    position: relative;
    display: inline-flex;
    white-space: nowrap;
    height: 92px;
    align-items: center;
    padding-right: 64px;
}

.news .slogan-char:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 28px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-top: -4px;
    background: #000;
}

@keyframes loop {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.news .txt-group {
    position: relative;
    z-index: 5;
}

.news .deco-group {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.news .deco-group .deco-1 {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1185px;
    height: 1104px;
    margin: -498px 0 0 -1332px;
    z-index: 10;
}

.news .deco-group .deco-1 .obj {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/news-deco-1.png) center center no-repeat;
    background-size: 100% 100%;
    animation-name: rotate;
    animation-duration: 130s;
    animation-delay: 0;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.news .deco-group .deco-2 {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1185px;
    height: 1104px;
    margin: 573px 0 0 250px;
    z-index: 10;
}

.news .deco-group .deco-2 .obj {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/news-deco-2.png) center center no-repeat;
    background-size: 100% 100%;
    animation-name: rotate2;
    animation-duration: 100s;
    animation-delay: 0;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

.news .news-list {
    text-align: center;
    max-width: 1392px;
    margin: 0 auto;
}

.news .swiper-data {
    position: relative;
    margin: 0 -4px;
}

.news .swiper-inner {
    position: relative;
}

.news .swiper-outer {
    overflow: hidden;
}

.news .swiper-inner {
    margin: 0 -9px;
}

.news .swiper-slide {
    width: 25%;
    box-sizing: border-box;
    padding: 44px 9px 0;
    border-radius: 14px;
}

.news .news-list .btn-swiper-slider-prev {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    margin-left: -112px;
    z-index: 15;
    border-radius: 50%;
    z-index: 15;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.news .news-list .btn-swiper-slider-next {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    margin-right: -112px;
    z-index: 15;
    border-radius: 50%;
    z-index: 15;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.news .news-list .btn-swiper-slider-next.swiper-button-disabled,
.news .news-list .btn-swiper-slider-prev.swiper-button-disabled {
    opacity: 0;
}

.news .news-list .btn-swiper-slider-next,
.news .news-list .btn-swiper-slider-prev {
    display: none;
}

.news-item {
    display: block;
    text-align: left;
    text-align: center;
    border-radius: 14px;
}

.news-item .news-img {
    font-size: 0;
    height: 162px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px 14px 0 0;
    box-sizing: border-box;
}

.news-item .news-img01 {
    background: linear-gradient(180deg, #ff6635, #ffd337 100%);
    align-items: flex-end;
}

.news-item .news-img02 {
    background: linear-gradient(180deg, #7c4de0, #ea6cff 100%);
}

.news-item .news-img03 {
    background: linear-gradient(180deg, #99fb5d, #ffeb3c 100%);
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
}

.news-item .news-img04 {
    background: linear-gradient(180deg, #2295ff, #33ffda 100%);
    padding-bottom: 23px;
}

.news-item .item-title {
    padding: 0 40px;
    font-size: 40px;
    line-height: 75px;
    color: #fff;
    font-weight: 800;
    white-space: nowrap;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-style: normal;
    -webkit-text-stroke: 1.6px #000;
    text-shadow: 0 3px 0 #000;
}

.news-item .item-info {
    padding: 24px;
    background: #feffdb;
    border-radius: 0 0 14px 14px;
    height: 260px;
    box-sizing: border-box;
}

.news-item .item-desc {
    text-align: left;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    color: #383838;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-family: "Inter", sans-serif;
    font-style: normal;
    height: 135px;
}

.news-item .item-ui {
    margin-top: 50px;
}

.news-item .item-ui>a {
    font-size: 21px;
    line-height: 27.3px;
    font-weight: 600;
    color: #383838;
    font-family: "Inter", sans-serif;
    font-style: normal;
    text-align: left;
    display: flex;
    align-items: center;
}

.news-item .item-ui>a span {
    font-size: 16px;
    line-height: 20.8px;
    font-weight: 400;
}

.news-item .item-ui>a:after {
    content: "";
    display: inline-flex;
    width: 24px;
    height: 25px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 8.5L17 12.5L13 16.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8.5L12 12.5L8 16.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%;
}

.notice-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    font-style: normal;
}

.notice-wrap .txt-group {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.notice-wrap .txt-group-inner {
    width: 100%;
    padding: 0 25px;
    text-align: center;
}

.notice-wrap .txt-group-inner .txt-1 {
    font-size: 96px;
    line-height: 1.3;
    color: #fff;
    font-weight: 700;
}

.notice-wrap .txt-group-inner .txt-2 {
    margin-top: 32px;
    font-size: 28px;
    line-height: 1.5;
    color: #fff;
    font-weight: 500;
}

.notice-wrap .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.notice-wrap .bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.mo-login-box {
    display: none;
    position: relative;
    /* margin-top: 94px; */
    padding: 0 25px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    text-align: center;
}

.mo-login-box .login-text {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.mo-login-box .btn-login {
    display: block;
    width: 100%;
    margin-top: 16px;
    padding: 19px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    background-color: #444ce7;
    border-radius: 83px;
    box-sizing: border-box;
}

.header-wrap .user-box .mypage-data h3 {
    font-size:15px; 
    font-family: "Inter", sans-serif;
    font-style: normal;
    line-height:1.5; 
    font-weight:600; 
    text-align:left;
}

/* 이벤트 띠배너 */
.banner-wrap {
	position: fixed;
	top: 80px;
	right: 0;
	left: 0;
	height: 80px;
	padding: 8px 0;
	background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/banner-pc.png) 0 0 no-repeat;
    background-size: cover;
	box-sizing: border-box;
    z-index: 100;
}

.banner-wrap .banner-text {
    display: block;
    text-align: center;
    white-space: nowrap;
}

.banner-wrap .banner-text .main-text {
    display: block;
	width: 100%;
	height: 67px;
	background: url(../../stargarage/images/banner-text-pc-v3.png) 0 0 repeat-x;
	background-size: 1277px 67px;
	animation: banner 30s linear infinite;
}

@keyframes banner {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: -1277px 50%;
    }
}

/* @media screen and (min-width: 1020px) {
    #gnb {
        top: 19px;
        left: auto;
        width: auto;
        visibility: visible;
    }
    .gnb-list {
        display: flex;
    }
    .gnb-list-cell {
        transform: none;
        opacity: 1;
    }
    .gnb-list-cell + .gnb-list-cell {
        margin-top: 0;
        margin-left: 10px;
    }
} */

@media screen and (min-width: 1020px) and (max-height: 849px) {
    .driver .txt-group {
        padding: calc(245px * 0.7) 0 calc(340px * 0.7) 0;
    }

    .car {
        min-height: calc(1280px * 0.7);
    }

    .car .con-title {
        font-size: calc(96px * 0.7);
    }

    .car .txt-data-items .item-title {
        font-size: calc(64px * 0.7);
    }

    .car .txt-group {
        padding-top: 108px;
    }

    .car .txt-data {
        margin-top: 10px;
        min-height: 144px;
    }

    .car .visual-group {
        margin-top: 0;
    }

    .car .visual-group .visual-items .obj {
        width: calc(802px * 0.7);
        height: calc(576px * 0.7);
    }
}

@media screen and (max-width: 2100px) {
    .intro .visual_img .ico01 {
        left: 170px;
    }

    .intro .visual_img .ico02 {
        left: 20px;
    }

    .intro .visual_img .ico03 {
        right: 145px;
    }

    .intro .visual_img .ico04 {
        right: -125px;
    }

    .intro .visual_img .img01 {
        left: 0;
    }

    .intro .visual_img .img02 {
        right: -75px;
    }
}

@media screen and (max-width: 1828px) {
    .driver .visual-group .slider-item {
        padding-right: 100px;
    }
}

@media screen and (max-width: 1800px) {
    .intro .visual_img .ico01 {
        left: 130px;
        bottom: 400px;
    }

    .intro .visual_img .ico02 {
        left: -10px;
        bottom: 90px;
    }

    .intro .visual_img .ico03 {
        right: 190px;
    }

    .intro .visual_img .ico04 {
        right: -10px;
        bottom: 10px;
    }

    .intro .visual_img .img01 {
        left: 00px;
        height: 670px;
    }

    .intro .visual_img .img02 {
        right: 30px;
        height: 850px;
    }
}

@media screen and (max-width: 1650px) {
    .intro .txt-group {
        display: flex;
    }

    .intro .txt-group .headline .txt {
        height: 200px;
        padding-left: 0;
    }

    .intro .txt-group .headline .txt img {
        height: 100%;
    }

    .intro .visual_img .ico01 {
        left: 160px;
        bottom: 470px;
        width: 560px;
        background-size: 100% auto;
    }

    .intro .visual_img .ico02 {
        left: 35px;
        bottom: 80px;
        width: 800px;
        background-size: 100% auto;
    }

    .intro .visual_img .ico03 {
        right: 150px;
        bottom: 360px;
        width: 350px;
        background-size: 100%;
    }

    .intro .visual_img .ico04 {
        right: -70px;
        bottom: -100px;
        width: 1000px;
        background-size: 100% auto;
    }

    .intro .visual_img .img01 {
        left: 00px;
        height: 670px;
    }

    .intro .visual_img .img02 {
        right: 40px;
        height: 720px;
    }

    .news .swiper-data {
        margin: 0;
    }

    .news .news-list .btn-swiper-slider-next,
    .news .news-list .btn-swiper-slider-prev {
        display: none;
    }

    .track .btn-track-nav:nth-child(4) {
        left: 1561px;
        top: 237px;
    }

    .track .btn-track-nav:nth-child(5) {
        left: 1760px;
        top: 205px;
    }
}

/* @media screen and (max-width: 900px) {
    #gnb {
        position: relative;
        top: 0;
        right: 0;
        padding: 25px 0 0;
    } 
} */

@media screen and (max-width: 1452px) {
    .header-wrap h1 {
        left: 30px;
    }

    .mo-login-box {
        display: block;
    }
    /* #gnb {
        position: relative; 
        padding: 25px 0;
    } */

    .sns-group {
        right: 30px;
    }

    .driver .visual-group .slider-item {
        padding-right: 30px;
    }

    .driver .visual-group .slider-item img {
        max-width: 100%;
    }

    .track .headline {
        margin: 0;
        left: 0;
    }

    .track .line-group {
        left: 0;
        margin-left: -550px;
    }

    .track .btn-track-nav:nth-child(2) {
        left: 890px;
        top: 395px;
    }

    .track .btn-track-nav:nth-child(3) {
        left: 1085px;
        top: 295px;
    }

    .track .btn-track-nav:nth-child(4) {
        left: 1345px;
        top: 185px;
    }

    .track .btn-track-nav:nth-child(5) {
        left: 1560px;
        top: 240px;
    }
}

@media screen and (max-width: 1600px) {
    .cookie-pop-data .item-visual {
        left: 5%;
    }

    .cookie-pop-data {
        padding: 0 14.4% 0 15%;
    }
}

@media screen and (max-width: 1290px) {
    .intro .txt-group {
        padding-top: 150px;
    }

    .intro .txt-group .headline .txt {
        height: 150px;
        padding-left: 0;
    }

    .intro .visual_img .ico01 {
        left: 160px;
        bottom: 420px;
        width: 500px;
        background-size: 100% auto;
    }

    .intro .visual_img .ico02 {
        left: 5px;
        bottom: 70px;
        width: 800px;
        background-size: 100% auto;
    }

    .intro .visual_img .ico03 {
        right: 150px;
        bottom: 360px;
        width: 350px;
        background-size: 100%;
    }

    .intro .visual_img .ico04 {
        right: -60px;
        bottom: -160px;
        width: 910px;
        background-size: 100% auto;
    }

    .intro .visual_img .img01 {
        left: 00px;
        height: 600px;
    }

    .intro .visual_img .img02 {
        right: 40px;
        height: 650px;
    }

    .overview .headline {
        font-size: 67px;
    }

    .car .small-thumb-group {
        width: 50%;
    }

    .car .swiper-scrollbar {
        left: auto;
        right: 30px;
    }

    .car .txt-data {
        padding-left: 0;
        padding-right: 50px;
    }

    .car .visual-group .visual-items .obj {
        left: 0;
        width: calc(802px * 0.7);
        height: calc(576px * 0.7);
        transform: translate(0, 0);
    }

    .car .small-thumb-inner {
        margin-left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0 50px 0 30px;
    }

    .car {
        min-height: calc(1280px * 0.8);
    }

    .driver .txt-data {
        margin-left: 0;
    }

    .driver .small-thumb-group {
        padding: 0;
    }

    .driver .deco-group .deco-1 {
        margin-left: -1850px;
    }
}

@media screen and (max-width: 1132px) {
    .cookie-pop-data .item-visual {
        left: 3%;
    }

    .cookie-pop-data {
        padding: 0 10% 0 14%;
    }

    .overview .small-thumb-outer {
        display: block;
    }

    .driver .txt-data {
        margin-left: 0;
    }

    .driver .small-thumb-group {
        padding: 0;
    }

    .track .btn-track-nav:nth-child(2) {
        left: 790px;
        top: 430px;
    }

    .track .btn-track-nav:nth-child(3) {
        left: 965px;
        top: 380px;
    }

    .track .btn-track-nav:nth-child(4) {
        left: 1160px;
        top: 285px;
    }

    .track .btn-track-nav:nth-child(5) {
        left: 1340px;
        top: 180px;
    }
}

@media screen and (max-width: 1123px) {
    .intro .txt-group {
        padding-top: 150px;
    }

    .intro .txt-group .headline .txt {
        height: 150px;
        padding-left: 0;
    }

    .intro .visual_img .ico01 {
        left: 110px;
        bottom: 330px;
        width: 440px;
        background-size: 100% auto;
    }

    .intro .visual_img .ico02 {
        left: 5px;
        bottom: 30px;
        width: 660px;
        background-size: 100% auto;
    }

    .intro .visual_img .ico03 {
        right: 150px;
        bottom: 250px;
        width: 320px;
        background-size: 100%;
    }

    .intro .visual_img .ico04 {
        right: -10px;
        bottom: -295px;
        width: 690px;
        background-size: 100% auto;
    }

    .intro .visual_img .img01 {
        left: 00px;
        height: 500px;
    }

    .intro .visual_img .img02 {
        right: 40px;
        height: 550px;
    }
}

@media screen and (max-width: 1024px) {
    .car .txt-data {
        padding: 0 20px 0 0;
    }

    .join-pop-wrap {
        width: 100%;
    }

    .pop-wrap2 .popup_scroll_cont div {
        height: 185px;
    }

    .cookie-pop .btn-pop-close {
        display: block;
    }

    .driver .txt-data-inner {
        width: 460px;
    }

    .driver .txt-data-items .item-title {
        font-size: 40px;
    }

    .driver .txt-data-items .item-desc {
        font-size: 17px;
        margin-top: 15px;
    }

    .intro .btn-wrap .btn-play.daily-spin{
        display: flex;
        justify-content: center;
        background-color: #ff4bb7;
    }

    .intro .btn-wrap .btn-play.daily-spin::before{
        content: none;
    }
}

@media screen and (max-width: 1023px) {
    .overview .form-group dt {
        display: block;
        width: 100%;
    }

    .overview .form-group dd {
        width: 100%;
    }

    .overview .form-group dd .checkbox {
        max-width: 100%;
    }

    .overview .form-group dl+dl {
        margin-top: 100px;
    }

    .pc-block {
        display: none;
    }

    .mo-block {
        display: block;
    }

    .mo-login-box {
        display: block;
    }

    #header.actived .header-inner {
        min-height: 100vh;
        padding: 0 0 45px;
    }

    #header.actived .mo-login-box {
        z-index: 20;
    }

    #header.actived .mo-wrap {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: calc(100vh - 60px);
    }

    .form-checkbox .form-check-icon>em {
        padding-left: 32px;
        line-height: 24px;
        font-size: 15px;
    }

    .pop-children {
        padding: 20px;
    }

    .pop-basic-data.mo-full {
        display: block;
        padding: 24px;
    }

    .pop-play-data {
        width: 100%;
        margin: 0 auto;
    }

    #cookiePop.pop-wrap {
        height: 100%;
    }

    .cookie-pop-outer {
        bottom: auto;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 25px;
        background: rgba(0, 0, 0, 0.3);
    }

    .cookie-pop-inner {
        padding: 24px 24px 49px 24px;
        transform: translate(0, 0);
        opacity: 0;
        transition: opacity 0.2s ease;
        border-radius: 16px;
    }

    .cookie-pop-data {
        padding: 0 25.5px 50px 25.5px;
        display: block;
        height: auto;
        position: static;
    }

    .cookie-pop-data .item-visual {
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;
    }

    .cookie-pop-data .item-visual img {
        width: 193px;
    }

    .cookie-pop-data .item-desc {
        margin-top: 10px;
        text-align: left;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        width: 100%;
    }

    .cookie-pop-data .item-ui {
        margin-left: 0;
        margin-top: 40px;
    }

    .cookie-pop-data .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        width: 64px;
        height: 48px;
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cookie-pop-data .btn-close .icon {
        width: 16px;
        height: 16px;
    }

    .cookie-pop.actived .cookie-pop-inner {
        transform: translate(0, 0);
        opacity: 1;
    }

    .account-pop-wrap .item-icon .icon {
        width: 64px;
        height: 64px;
    }

    .account-pop-wrap .item-icon+.item-desc {
        margin-top: 40px;
    }

    .account-pop-wrap .item-desc {
        font-size: 18px;
        line-height: 27px;
        color: rgba(39, 39, 42, 1);
        font-weight: 700;
        font-style: normal;
    }

    .account-pop-wrap .item-ui {
        margin-top: 24px;
    }

    .account-pop-wrap .btn-close {
        top: 24px;
        right: 24px;
    }

    .loginwallet-pop-wrap {
        width: 100%;
    }

    .os-select {
        width: auto;
        padding: 104px 20px 114px 20px;
        border-radius: 16px;
    }

    .os-select .item-desc {
        font-size: 24px;
        line-height: 1.3;
        color: #fff;
        font-weight: 700;
        font-style: normal;
    }

    .os-select .item-select {
        margin-top: 40px;
    }

    .os-select .item-select .btn-select-nav {
        width: 80px;
        margin: 0 12px;
    }

    .os-select .item-select .btn-select-nav .nav-icon .icon {
        width: 80px;
        height: 80px;
    }

    .os-select .item-select .btn-select-nav .nav-txt {
        margin-top: 16px;
    }

    .os-select .btn-close {
        top: 24px;
        right: 24px;
    }

    .user-license-agreement {
        width: auto;
        padding: 40px 32px 48px 32px;
    }

    .user-license-agreement>h4 {
        font-size: 21px;
        line-height: 1.3;
        font-weight: 700;
        color: #fff;
    }

    .user-license-agreement .item-list {
        margin-top: 32px;
    }

    .user-license-agreement .item-list .cell+.cell {
        margin-top: 16px;
    }

    .user-license-agreement .item-list .cell {
        font-size: 16px;
    }

    .user-license-agreement .item-ui {
        margin-top: 59px;
        text-align: center;
    }

    .user-license-agreement .item-ui .btn {
        height: 48px;
        padding: 0 32px;
        font-size: 19px;
    }

    .intro .btn {
        display: none;
    }

    .play-now {
        width: 100%;
        border-radius: 16px;
    }

    .play-now .btn-close {
        top: 24px;
        right: 24px;
    }

    .play-now-header {
        padding: 20px 24px;
        height: auto;
    }

    .play-now-header h4 {
        font-size: 0;
    }

    .play-now-body .item-check .loading {
        width: 54px;
        height: 54px;
        margin: 0 auto;
    }

    .play-now-body .item-check .desc {
        font-size: 18px;
    }

    .play-now-body .item-check .desc.select-os a {
        font-size: 20px;
    }

    .system-requirements-table {
        overflow-y: auto;
    }

    .system-requirements-table>table {
        box-shadow: none;
        width: 170%;
    }

    .system-requirements-table>table>tbody>tr>td,
    .system-requirements-table>table>tbody>tr>th {
        font-size: 14px;
        line-height: 1.3;
    }

    .system-requirements-table>table>tbody>tr>th {
        padding: 0 10px;
    }

    .system-requirements-table>table>tbody>tr>td {
        padding: 5px 10px;
    }

    #header.actived .header-wrap {
        overflow: auto;
    }

    .header-wrap {
        height: 60px;
        background: #1f1f1f;
        overflow: hidden;
    }

    .header-wrap .cover {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 60px;
        z-index: 0;
        background: rgba(39, 40, 77, 0.5);
        overflow: hidden;
        display: none;
    }

    .header-wrap .cover:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100vh;
        z-index: 1;
        background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/gnb-cover.png) center center no-repeat;
        background-size: cover;
        opacity: 0;
        transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .header-wrap h1 {
        top: 6px;
        left: 25px;
        width: 86px;
        height: 43px;
    }

    .header-wrap h1 .link_garage {
        font-size: 0;
        display: none;
    }

    .header-wrap h1 #btn_header_home {
        width: 100%;
        background-size: cover;
    }

    .header-wrap h1 a {
        width: 92px;
        height: 57px;
        display: none;
    }

    .header-inner {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        transform: translate(0, 0);
        transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        z-index: 10;
    }

    .gnb-list.for_pc {
        display: none;
    }

    .gnb-list.for_m {
        display: block;
    }

    .gnb-list.for_mobile .gnb-list-cell {
        padding: 0 25px;
    }

    .gnb-list.for_mobile a {
        font-size: 24px;
        text-align: left;
        display: inline-flex;
        justify-content: flex-start;
        padding: 0;
    }

    .gnb-list-cell+.gnb-list-cell {
        margin-left:0;
        margin-top:10px;
    }
    

    /* .header-wrap.mypage .header-inner {
         transform: translate(-100%, 0) 
    }
     .header-member {
         position: absolute;
         top: 0;
         left: 0;
         display: block;
         width: 100%;
         height: 100%;
         transform: translate(100%, 0);
         transition: transform .6s cubic-bezier(.785, .135, .15, .86);
         z-index: 10 
    }
     .header-wrap.mypage .header-member {
         transform: translate(0, 0) 
    }
     .header-member-outer {
         width: 100%;
         height: 100%;
         background: 0;
         border-radius: 0;
         overflow: hidden 
    }
     .header-member-inner h2 {
         flex: 0 0 auto;
         display: flex;
         align-items: center;
         justify-content: center;
         width: 100%;
         height: 60px;
         background: rgba(18, 19, 57, .6);
         z-index: 15;
         text-align: center;
         font-size: 24px;
         line-height: 1.5;
         font-weight: 700;
         color: #fff;
         text-align: center;
         box-sizing: border-box;
         font-style: italic 
    }
     .header-member-inner h2 {
         text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px 2px 0 #000 
    }
     .btn-mypage-close {
         top: 10px;
         right: auto;
         left: 25px;
         width: 46px;
         height: 40px;
         font-size: 0;
         background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-mypage-close-m.png) center center no-repeat;
         background-size: 100% 100%;
         z-index: 15 
    }
     .header-login {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         box-sizing: border-box;
         display: none;
         flex-direction: column;
         padding: 0 
    }
     .header-member-scroller {
         flex: 1;
         height: 100%;
         box-sizing: border-box;
         padding: 25px;
         overflow-x: hidden;
         overflow-y: auto 
    }
     .header-login .desc {
         height: auto;
         padding: 52px 0 24px 0 
    }
     .header-login .btns {
         margin-top: 40px 
    }
     .header-login .logo {
         margin-top: 40px 
    }
     .header-login.actived, .header-mypage.actived {
         display: flex 
    }
     .header-mypage {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         box-sizing: border-box;
         display: none;
         flex-direction: column;
         padding: 0 
    }
     .header-mypage h3 {
         font-size: 24px;
         font-weight: 600;
         line-height: 1.5;
         color: #fff;
         font-style: normal 
    }
     .header-mypage .mypage-user-ui {
         position: relative;
         bottom: auto;
         left: auto;
         margin-top: auto;
         padding: 40px 0 0 0;
         background: 0 
    }
     .header-mypage .mypage-user-ui>a:first-child {
         border-top-left-radius: 16px;
         border-bottom-left-radius: 16px 
    }
     .header-mypage .mypage-user-ui>a:last-child {
         border-top-right-radius: 16px;
         border-bottom-right-radius: 16px 
    }
     .header-mypage .mypage-user-ui>a {
         background: #1b1c3e 
    }
     .header-mypage .header-member-scroller {
         padding: 0 
    }
     .header-mypage .header-member-scroller-inner {
         display: flex;
         width: 100%;
         min-height: 100%;
         flex-direction: column;
         padding: 64px 25px 40px 25px;
         box-sizing: border-box 
    }
     */

    .mypage-data .item-list {
        padding: 0;
        margin: 8px 0 0 0;
        /* min-height: 190px; */
        max-height: none;
        overflow: visible;
    }

    .wallet-connect-pop .item-inner {
        padding: 24px;
    }

    .wallet-connect-pop .btn-mypage-close {
        top: 16px;
        right: 24px;
        left: auto;
        width: 36px;
        height: 36px;
        background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/icon-mypage-close.png) center center no-repeat;
        background-size: 100% 100%;
        z-index: 15;
    }

    .mypage-user-info .item-copy {
        margin-top: 4px;
    }

    .mypage-user-main {
        height: auto;
    }

    .mypage-user-main .item-inner {
        width: 100%;
        height: auto;
        display: block;
    }

    .mypage-user-main .item-ui {
        margin-top: 16px;
    }

    .mypage-user-main .item-footer {
        margin: 85px 0 0 0;
        border-radius: 16px;
        overflow: hidden;
    }

    .mypage-user-main .item-footer>a {
        font-size: 17px;
    }

    .user-wallet-items .cate {
        font-size: 15px;
    }

    .user-wallet-items .value {
        margin-top: 15px;
    }

    .mypage-connect-step.step-1 .item-select {
        padding: 20px 25px 40px 25px;
    }

    .mypage-connect-step.step-2 .item-load {
        padding: 40px 20px 0 20px;
    }

    .mypage-connect-step.step-2 .item-load>h4 {
        font-size: 15px;
        line-height: 1.3;
        color: #ffd200;
        font-weight: 500;
    }

    .mypage-connect-step.step-2 .item-load .item-loading {
        margin: 32px auto 0 auto;
    }

    .mypage-connect-step.connected .item-cate {
        margin-top: 16px;
    }

    .mypage-connect-step.connected .item-desc {
        margin-top: 16px;
    }

    .mypage-connect-step.connected .item-cate+.item-desc {
        margin-top: 0;
    }

    .mypage-connect-step.connected .item-cate,
    .mypage-connect-step.connected .item-desc {
        font-size: 15px;
        line-height: 1.3;
        color: #ffd200;
        font-weight: 500;
    }

    .mypage-connect-step.connected .item-ui {
        margin-top: auto;
        width: 100%;
    }

    .mypage-connect-step.connected .btn-mypage-ui:before {
        border-radius: 8px;
    }

    #gnb {
        position: relative;
        top: 0;
        right: 0;
        padding: 25px 0 0;
    } 

    /* #gnb {
        top: 60px;
        left: 0;
        right: auto;
        width: 100%;
        z-index: 5;
    } */

    .gnb-list {
        display: block;
    }

    .gnb-list.for_mobile {
        display: block;
    }

    .gnb-list-cell {
        padding: 0 27px;
    }

    .gnb-list-cell:nth-child(3) {
        margin-top: 40px;
    }

    .gnb-list .btn.btn-play-now {
        clip-path: none;
        /* display: none;
         */
    }

    .gnb-list .btn.btn-play-now .bg {
        background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/gnb-play-cover.png);
        background-position: right top;
        background-size: 157px auto;
        background-repeat: no-repeat;
    }

    .gnb-list .btn {
        width: 100%;
    }

    .header-global {
        display: block;
        margin-top: auto;
        padding: 52px 25px;
        z-index: 5;
    }

    .header-global-menus {
        display: flex;
        align-items: center;
    }

    .header-global-menus>a {
        display: block;
    }

    .header-global-menus>a+a {
        margin-left: 20px;
    }

    .header-global-menus>a .icon {
        width: 48px;
        height: 48px;
    }

    .header-copy {
        margin-top: 40px;
        font-size: 12px;
        line-height: 1.5;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.4);
        font-family: "Inter", sans-serif;
        font-style: normal;
    }

    .header-copy>.copy a {
        display: inline-block;
        text-decoration: underline;
    }

    .header-copy>.copy a+a {
        margin-left: 4px;
    }

    #header.actived .header-wrap .btn-header-user .user-thumb {
        opacity: 0;
    }

    #header.actived .header-wrap .btn-header-user.btn-gnb-toggle-menu {
        background: url(../images/ico-close-mo.png) center no-repeat;
        background-size: 30px 30px;
    }

    .header-wrap .cover {
        transition: height 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        will-change: height;
    }

    .header-wrap .user-page {
        display: block;
        padding: 76px 25px 0;
    }

    .header-wrap .user-page .user-box {
        padding: 16px 24px;
        background-color: #fff;
        border-radius: 16px;
    }

    .header-wrap .user-page .user-info {
        padding-bottom: 16px;
        border-bottom: 1px solid #d4d4d8;
    }

    .header-wrap .user-page .user-thumb {
        overflow: hidden;
        position: relative;
        display: inline-block;
        width: 48px;
        height: 48px;
        margin-right: 16px;
        background: #fee232;
        border-radius: 50%;
        vertical-align: top;
    }

    .header-wrap .user-page .user-name {
        display: inline-block;
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-size: 18px;
        line-height: 48px;
        font-weight: 600;
        overflow: hidden;
        width: calc(100% - 76px);
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .header-wrap .user-page .btn-wrap {
        text-align: center;
    }

    .header-wrap .user-page .btn-logout {
        justify-content: center;
        font-weight: 600;
        font-style: normal;
    }

    .header-wrap .user-page .info-text {
        margin-top: 40px;
        color: #fff;
        font-family: "Inter", sans-serif;
        font-size: 17px;
        font-style: normal;
        line-height: 24px;
        text-align: center;
    }

    .header-wrap .user-box .mypage-data {
        padding-bottom: 16px;
    }

    .header-wrap .user-box .mypage-data .item-ui {
        margin-top: 8px;
    }

    .btn-header-wrap {
        position: fixed;
        top: 12px;
        right: 22px;
        display: block;
        width: 35px;
        height: 35px;
        z-index: 2000;
    }

    .btn-header-wrap .btn-header-user {
        position: relative;
        display: flex;
        flex: 1;
        width: 35px;
        height: 35px;
        align-items: center;
        justify-content: center;
        transition: opacity 0.2s ease;
    }

    .btn-header-wrap .btn-header-user.default-profile .user-thumb {
        background: url(../images/ico-profile.png) center no-repeat;
        background-size: 30px 30px;
        -webkit-background-size: 30px 30px;
    }

    .btn-header-wrap .btn-header-user.default-profile .user-thumb img {display: none;}

    .btn-header-wrap .btn-header-user .user-thumb{
        position: relative;
        overflow: hidden;
        width: 30px;
        height: 30px;
        background: #fee232;
        border-radius: 50%;
    }
    .btn-header-wrap .btn-header-user .user-thumb img,
    .header-wrap .user-page .user-thumb img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .btn-gnb-open {
        position: fixed;
        top: initial;
        right: initial;
        width: 35px;
        height: 35px;
        display: block;
        font-size: 0;
    }

    .btn-gnb-open:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 35px;
        height: 35px;
        background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10H28' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M7 18H28' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M7 26H28' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        background-size: 30px auto;
        background-repeat: no-repeat;
        background-position: 50%;
        opacity: 1;
        z-index: 0;
        transition: opacity 0.2s ease;
    }

    .btn-gnb-open:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 35px;
        height: 35px;
        background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51367 9.51465L26.4842 26.4852' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.4844 9.51465L9.51381 26.4852' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-size: 30px auto;
        background-repeat: no-repeat;
        background-position: 50%;
        opacity: 0;
        z-index: 0;
        transition: opacity 0.2s ease;
    }

    #header.actived .header-wrap .cover {
        height: 100%;
    }

    #header.actived .btn-gnb-open:before {
        opacity: 0;
    }

    #header.actived .btn-gnb-open:after {
        opacity: 1;
    }

    #header.actived .header-wrap .cover:before {
        opacity: 1;
        transform: scale(1);
        transition-delay: 0.2s;
    }

    #gnb,
    .header-global {
        visibility: hidden;
        transition: visibility 0 0.6s ease;
    }

    #header.actived #gnb,
    #header.actived .header-global {
        transition-delay: 0;
        visibility: visible;
    }

    #header.actived .header-wrap {
        height: 100%;
        transition-delay: 0;
    }

    .gnb-list-cell,
    .header-copy,
    .header-global-menus {
        transform: translate(0, 40px);
        opacity: 0;
        transition: transform 0.4s 0 cubic-bezier(0.165, 0.84, 0.44, 1),
            opacity 0.4s 0 ease;
    }

    #header.actived .gnb-list-cell,
    #header.actived .header-copy,
    #header.actived .header-global-menus {
        transform: translate(0, 0);
        opacity: 1;
    }

    #header.actived .gnb-list-cell:nth-child(1) {
        transition: transform 0.4s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1),
            opacity 0.4s 0.2s ease;
    }

    #header.actived .gnb-list-cell:nth-child(2) {
        transition: transform 0.4s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1),
            opacity 0.4s 0.25s ease;
    }

    #header.actived .gnb-list-cell:nth-child(3) {
        transition: transform 0.4s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
            opacity 0.4s 0.3s ease;
    }

    #header.actived .header-copy {
        transition: transform 0.4s 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
            opacity 0.4s 0.35s ease;
    }

    #header.actived .header-global-menus {
        transition: transform 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
            opacity 0.4s 0.4s ease;
    }

    #footer {
        position: relative;
        padding: 80px 0;
        z-index: 200;
    }

    .footer-data {
        display: block;
        position: relative;
        padding-top: 184px;
    }

    a.footer-logo {
        width: 182px;
        height: 28px;
    }

    .footer-bedge {
        width: 23px;
        height: 28px;
        margin-left: 30px;
    }

    .footer-contact {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
    }

    .footer-contact .btn {
        padding: 0 26px;
        height: 40px;
        font-size: 15px;
    }

    .footer-sns {
        top: 67px;
        left: 17px;
        right: auto;
        height: 56px;
    }

    .footer-sns>a {
        width: 56px;
        height: 56px;
    }

    .footer-sns>a .icon {
        width: 24px;
        height: 24px;
    }

    .footer-sns>a+a {
        margin-left: 0;
    }

    .footer-copy {
        display: block;
        font-size: 12px;
        line-height: 1.5;
        margin-top: 20px;
    }

    .footer-copy>.copy {
        display: block;
    }

    .footer-copy>.copy+.copy {
        margin-left: 0;
    }

    .footer-copy>.copy a+a {
        margin-left: 4px;
    }

    a.btn,
    button.btn,
    input[type="submit"].btn {
        height: 48px;
        padding: 0 32px;
        font-size: 24px;
        line-height: 1.2;
    }

    .btn .txt {
        position: relative;
        z-index: 10;
        font-weight: 600;
    }

    .btn .bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        width: auto;
        height: auto;
        margin: 0 4px;
        box-sizing: border-box;
        border-radius: 0;
        background: #393c87;
        z-index: 5;
        clip-path: inset(0 0 0 0 round 2px);
        transform: skew(-10deg);
    }

    .intro .txt-group {
        padding-top: 150px;
    }

    .intro .txt-group .headline .txt {
        height: 150px;
        padding-left: 0;
    }

    .intro .visual_img .ico01 {
        left: 120px;
        bottom: 300px;
        width: 360px;
        background-size: 100% auto;
    }

    .intro .visual_img .ico02 {
        width: 620px;
    }

    .intro .visual_img .ico03 {
        right: 110px;
        bottom: 190px;
        width: 270px;
        background-size: 100%;
    }

    .intro .visual_img .ico04 {
        bottom: -314px;
        right: -50px;
    }

    .intro .visual_img .img01 {
        left: 00px;
        height: 450px;
    }

    .intro .visual_img .img02 {
        right: -20px;
        height: 500px;
    }
    
    .banner-wrap {
        top: 60px;
        height: 54px;
        padding: 7px 0;
        background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/banner-mo.png);
    }
    
    .banner-wrap .banner-text .main-text {
		height: 42px;
        background: url(../../stargarage/images/banner-text-mo-v2.png) 0 0 repeat-x;
		background-size: 862px 42px;
		-webkit-background-size: 862px 42px;
    }

	@keyframes banner {
		0% {
			background-position: 0 50%;
		}
		100% {
			background-position: -856px 50%;
		}
	}
}

@media screen and (max-width:960px) {
    .track .txt-group {
        right: inherit;
        left: 0;
    }

    .track .line-group {
        top: 20px;
    }

    .track .btn-track-nav .txt {
        font-size: 30px;
        top: 10px;
    }

    .track .btn-track-nav:nth-child(1) {
        left: 659px;
        top: 502px;
    }

    .track .btn-track-nav:nth-child(2) {
        left: 790px;
        top: 430px;
    }

    .track .btn-track-nav:nth-child(3) {
        left: 965px;
        top: 380px;
    }

    .track .btn-track-nav:nth-child(4) {
        left: 1090px;
        top: 295px;
    }

    .track .btn-track-nav:nth-child(5) {
        left: 1240px;
        top: 266px;
    }

    .track .btn-track-nav .dot:after {
        width: 60px;
        height: 60px;
        background-size: 20px auto;
    }

    .news-item .item-ui>a {
        font-size: 16px;
    }

    .news-item .item-ui>a span {
        font-size: 13px;
    }
}

@media screen and (max-width: 768px) {
    .header-wrap h1 {
        width: 80px;
        height: 40px;
        top: 7px;
        left: 20px;
    }
    .intro .txt-group {
        padding-top: 80px;
        justify-content: space-between;
    }

    .intro .txt-group .headline .txt {
        height: 140px;
        padding-left: 0;
    }

    .intro .btn-title {display: none;}

    .intro .btn-wrap {
        margin-bottom: 85px;
    }

    .intro .btn-wrap.type-apk {
        display: flex;
        width: auto;
        margin: 0 auto 55px;
    }

    .intro .btn-wrap .btn-play {
        width: 100%;
        max-width: 250px;
        margin: 0 70px;
        padding: 8px;
        align-items: center;
        justify-content: center;
        border: 2px solid #fff ;
    }

    .intro .btn-wrap .btn-play.daily-spin{
        display: flex;
        background-color: #ff4bb7;
    }

    .intro .btn-wrap .btn-play.daily-spin::before {
        content: none;
    }

    .intro .btn-wrap .btn-play.windows, 
    .intro .btn-wrap .btn-play.mac {display: none;}

    .intro .visual_img .ico01 {
        left: 60px;
        bottom: 300px;
        width: 387px;
        background-size: 100% auto;
    }

    .intro .visual_img .ico02 {
        left: -55px;
        bottom: 30px;
        width: 638px;
    }

    .intro .visual_img .ico03 {
        right: 50%;
        margin-right: -350px;
        bottom: 200px;
        width: 270px;
        background-size: 100%;
    }

    .intro .visual_img .ico04 {
        right: 50%;
        bottom: -315px;
        width: 680px;
        margin-right: -490px;
    }

    .intro .visual_img .img01 {
        left: -40px;
        height: 447px;
    }

    .intro .visual_img .img02 {
        right: 50%;
        margin-right: -450px;
    }

    .pop-wrap2 .popup_header h4 {
        height: 53px;
        background-size: auto 100%;
        margin-bottom: 24px;
    }

    .event-pop-data {
        padding: 70px 24px 24px 24px;
        border-radius: 16px;
    }

    .event-pop-data .popup_header h4 {
        background-size: auto 100%;
    }

    .event-pop-data .pop_cont .img {
        left: 50%;
        top: inherit;
        bottom: calc(100% - 75px);
        margin-left: -75px;
        width: 149px;
        height: 149px;
        background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/popup_event_img_m.png) no-repeat 0 0;
        background-size: auto 100%;
    }

    .maintenance-pop-data {
        padding: 70px 24px 24px 24px;
        border-radius: 16px;
    }

    .maintenance-pop-data .popup_header h4 {
        background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/title-maintenance.png) no-repeat 50% 100%;
        background-size: auto 100%;
    }

    .maintenance-pop-data .pop_cont .img02 {
        display: none;
    }

    .maintenance-pop-data .pop_cont .img01 {
        bottom: calc(100% - 46px);
        left: 50%;
        height: 94px;
        margin-left: -51px;
    }

    .preparing-pop-data {
        padding: 70px 24px 24px 24px;
        border-radius: 16px;
    }

    .preparing-pop-data .popup_header h4 {
        background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/title-preparing_m.png) no-repeat 50%;
        background-size: auto;
        height: 70px;
        background-size: auto 70px;
    }

    .preparing-pop-data .pop_cont .img {
        width: 119px;
        height: 88px;
        background-size: auto 100%;
        bottom: calc(100% - 44px);
        left: 50%;
        margin-left: -60px;
    }

    .pop-wrap2 .sub_tit {
        font-size: 17px;
        line-height: 23.8px;
        margin-top: 0;
    }

    .pop-wrap2 .sub_tit span {
        display: none;
    }

    .pop-wrap2 .sub_tit .for_m {
        display: block;
    }

    .pop-wrap2 .popup_scroll_cont {
        font-size: 18px;
        line-height: 23.4px;
        border-radius: 10px;
        padding: 25px 12px;
        margin-bottom: 24px;
    }

    .pop-wrap2 .popup_scroll_cont div {
        padding: 0 12px;
        max-height: 141px;
        height: auto;
    }

    .pop-wrap2 .btn-ok {
        width: 100%;
    }

    .btn-pop-close {
        right: 20px;
        top: 20px;
    }

    .inner {
        padding: 0 25px;
    }

    .con-title {
        font-size: 48px;
        line-height: 1.2;
        color: #fee232;
        font-weight: 900;
        -webkit-text-stroke: 1.6px #000;
        text-shadow: 1px 3px 0 #000;
    }

    br.enter {
        display: none;
    }

    br.m-enter {
        display: block;
    }

    input[type="email"],
    input[type="number"],
    input[type="password"],
    input[type="tel"],
    input[type="text"],
    input[type="url"] {
        height: 36px;
        padding: 0 16px;
        font-size: 15px;
        border-radius: 8px;
    }

    .cookie-pop-data .item-visual {
        margin-top: -114px;
        box-sizing: border-box;
        padding-left: 39px;
    }

    .cookie-pop-data .item-visual img {
        width: 193px;
    }

    .form-group-cell+.form-group-cell {
        margin-top: 16px;
    }

    .overview .form-group dd .auth_box input,
    .overview .form-group dd .btn {
        font-size: 12px;
    }

    .overview .form-group dd .btn {
        padding: 0 10px;
    }

    .overview .btn_wrap .btn {
        font-size: 14px;
    }

    .overview .form-group dd .auth_box .btn_auth_number {
        min-width: 100px;
    }

    .overview .form-group dd .auth_box input {
        height: 48px;
    }

    .overview .form-group dd .auth_box>div .notice_txt {
        font-size: 11px;
    }

    .form-item-label {
        font-size: 17px;
        line-height: 1.3;
        font-weight: 500;
    }

    .form-item-label .need {
        width: 4px;
        height: 4px;
        margin: 6px 0 0 4px;
        align-self: flex-start;
    }

    .form-item-data {
        margin-top: 12px;
    }

    .form-input-valid {
        margin-top: 8px;
        padding-bottom: 0;
        font-size: 15px;
        line-height: 1.3;
    }

    .checkbox-group .form-checkbox+.form-checkbox {
        margin-left: 24px;
    }

    .agree-wrap {
        padding: 40px 0;
    }

    .agree-inner {
        border-radius: 16px;
        width: 344px;
        max-width: 344px;
        max-height: 100%;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
        margin: 0;
    }

    .agree-outer .btn-pop-close {
        top: 30px;
        right: 24px;
        width: 24px;
        height: 24px;
        margin: 0;
    }

    .agree-header {
        height: 84px;
        padding: 0;
        font-size: 28px;
        line-height: 1.3;
    }

    .agree-scroller {
        padding: 0 24px 48px 24px;
        font-size: 15px;
        line-height: 1.2;
    }

    .agree-header {
        height: 84px;
        background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/pop-bg-top-m.png) center top no-repeat;
        background-size: 100% auto;
    }

    .agree-body {
        background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/pop-bg-middle-m.png) center center repeat-y;
        background-size: 100% auto;
    }

    .agree-footer {
        flex: 0 0 auto;
        height: 80px;
        background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/pop-bg-bottom-m.png) center bottom no-repeat;
        background-size: 100% auto;
    }

    .join-pop-inner {
        padding: 26px 24px 40px 24px;
    }

    .join-pop-wrap .btn-close {
        top: 30px;
        right: 30px;
    }

    .join-pop-header h3 {
        font-size: 24px;
        line-height: 1.3;
    }

    .join-pop-body {
        margin-top: 24px;
    }

    .join-pop-body .desc {
        font-size: 17px;
        line-height: 1.3;
        font-weight: 700;
    }

    .join-pop-body .desc strong {
        font-weight: 700;
    }

    .join-pop-body .benefit {
        background-size: auto 100%;
        border-radius: 8px;
        box-sizing: border-box;
        padding: 16px 24px 32px 24px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
        background: #393c87 url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/join-benefit-cover-m.png) center center no-repeat;
        background-size: cover;
    }

    .join-pop-body .benefit h4 {
        font-size: 17px;
        line-height: 1.3;
        font-weight: 700;
    }

    .join-pop-body .benefit ul {
        margin-top: 12px;
        font-size: 15px;
        line-height: 1.3;
        font-weight: 600;
    }

    .join-pop-body .benefit ul li {
        position: relative;
        padding-left: 16px;
    }

    .join-pop-body .benefit ul li+li {
        margin-top: 6px;
    }

    .join-pop-body .join-form {
        margin-top: 16px;
    }

    .join-pop-footer {
        margin-top: 24px;
        text-align: center;
    }

    .join-pop-footer .btn {
        height: 56px;
    }

    .join-pop-footer .btn .txt {
        font-size: 17px;
    }

    .join-pop-footer .btn .bg {
        border-radius: 2px;
    }

    .join-pop-footer .btn .icon {
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    .join-pop-wrap.complete .benefit {
        padding: 0;
        background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/join-benefit-cover2.png);
    }

    .join-pop-wrap.complete .join-pop-inner {
        padding-bottom: 120px;
    }

    .join-pop-wrap.complete .join-pop-footer {
        margin-top: 80px;
        display: flex;
        flex-direction: column;
    }

    .join-pop-wrap.complete .join-pop-footer>div+div {
        margin-top: 12px;
    }

    .intro .btn {
        margin-top: 30px;
        padding: 0 27px;
        height: 48px;
        font-size: 24px;
        font-weight: 700;
        -webkit-text-stroke: 1px #000;
        text-shadow: 1px 2px 0 #000;
        display: none;
    }

    .intro .btn .bg {
        background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/intro-btn-cover-m.png);
        background-size: 140px auto;
    }

    .intro .btn.on .bg {
        background-image: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/intro-btn-cover-m-on.png);
        background-size: 140px auto;
    }

    .intro .pc-player {
        display: none;
    }

    .intro .mo-player {
        display: block;
    }

    .gnb-list .btn {
        width: 100%;
    }

    .sns-group {
        top: inherit;
        bottom: 194px;
        right: 25px;
        position: absolute;
    }

    .sns-inner {
        transform: translate(0, 0);
    }

    .sns-inner>a {
        display: block;
        width: 48px;
        height: 48px;
        opacity: 0;
        transform: translate(60px, 0);
    }

    .sns-inner>a .icon {
        width: 48px;
        height: 48px;
    }

    .sns-inner>a+a {
        margin-top: 12px;
    }

    #sns.hide .sns-inner>a {
        transform: translate(150px, 0);
        opacity: 1;
        transition-delay: 0;
    }

    .overview {
        padding: 163px 0 162px 0;
    }

    .overview .headline {
        font-size: 42px;
        line-height: 50px;
        font-weight: 900;
        -webkit-text-stroke: 1.6px #000;
        text-shadow: 1px 2px 0 #000;
    }

    .overview .desc {
        margin-top: 9px;
        font-size: 16px;
        line-height: 1.3;
        color: #8d003d;
        font-weight: 800;
        padding: 0 20px;
    }

    .overview .desc .txt {
        font-size: 16px;
    }

    .overview .gallery-group {
        margin-top: 40px;
    }

    .overview .deco-group .deco-1 {
        width: 884px;
        height: 879px;
        margin: 219px 0 0 50px;
    }

    .overview .big-thumb-group {
        padding: 0;
    }

    .overview .big-thumb-outer {
        padding-top: 49%;
    }

    .overview .big-thumb-group .slider-item {
        border-radius: 12px;
    }

    .overview .big-thumb-group .slider-item:before {
        display: none;
    }

    .overview .big-thumb-group .swiper-slide {
        padding: 0 25px;
        box-sizing: border-box;
    }

    .overview .small-thumb-group {
        margin-top: 43px;
    }

    .overview .small-thumb-inner {
        position: relative;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-left: 0;
        overflow: visible;
        -webkit-mask-image: none;
        mask-image: none;
        box-sizing: border-box;
        overflow: hidden;
    }

    .overview .small-thumb-inner .swiper-container {
        overflow: hidden;
        padding: 4px 0;
    }

    .overview .small-thumb-outer .swiper-slide {
        padding: 0 6px;
        height: auto;
        transition: none;
    }

    .overview .small-thumb-outer .slider-item {
        padding-bottom: 0;
        padding-top: 57%;
    }

    .overview .small-thumb-outer .slider-item .obj {
        border-radius: 8px;
    }

    .overview .small-thumb-outer .slider-item:after {
        top: -4px;
        left: -4px;
        display: block;
        width: calc(100% + 8px);
        height: calc(100% + 8px);
        border: 4px solid #fff;
        border-radius: 12px;
        opacity: 0;
        transition: opacity 0.2s ease;
        box-sizing: border-box;
        background: #fff;
        z-index: 0;
    }

    .overview .small-thumb-outer .btn-swiper-slider-prev {
        display: none;
    }

    .overview .small-thumb-outer .btn-swiper-slider-next {
        display: none;
    }

    .overview .small-thumb-outer .swiper-slide {
        opacity: 1;
    }

    .overview .small-thumb-outer .swiper-slide.swiper-slide-visible {
        opacity: 1;
    }

    .overview .swiper-scrollbar {
        display: block;
        max-width: 163px;
    }

    .driver {
        position: relative;
        overflow: hidden;
    }

    .driver .txt-group {
        padding: 75px 0 48px 0;
    }

    .driver .txt-group .inner {
        padding: 0;
    }

    .driver .headline {
        padding: 0 25px;
    }

    .driver .headline .effect-data {
        text-align: center;
    }

    .driver .visual-group {
        top: 0;
        bottom: auto;
        left: 0;
    }

    .driver .visual-group-outer {
        top: 0;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .driver .visual-group-inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .driver .visual-group .slider-item {
        align-items: flex-start;
        justify-content: center;
        padding: 133px 15px 0 15px;
    }

    .driver .visual-group .slider-item img {
        max-width: 300px;
    }

    .driver .txt-data {
        margin: 292px 0 0 0;
        z-index: 5;
    }

    .driver .txt-data-inner {
        position: relative;
        left: 50%;
        width: 356px;
        height: 199px;
        background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/driver-txt-bg-m.png) center center no-repeat;
        background-size: 100% 100%;
        transform: translate(-50%, 0);
    }

    .driver .txt-data-items {
        padding: 35px 50px 0 50px;
    }

    .driver .txt-data-items .item-title {
        font-size: 36px;
        line-height: 1.3;
        font-weight: 700;
        color: #fff;
    }

    .driver .txt-data-items .item-desc {
        margin-top: 8px;
        font-size: 13px;
        line-height: 1.3;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.8);
    }

    .driver .txt-data-items .item-desc,
    .driver .txt-data-items .item-title {
        transform: translate(0, 40px);
        opacity: 0;
    }

    .driver .txt-data-items.actived {
        z-index: 5;
    }

    .driver .txt-data-items.actived .item-title {
        transform: translate(0, 0);
        opacity: 1;
        transition-delay: 0;
    }

    .driver .txt-data-items.actived .item-desc {
        transform: translate(0, 0);
        opacity: 1;
        transition-delay: 0.1s;
    }

    .driver .deco-group .deco-1 {
        width: 2162px;
        height: 2162px;
        margin: -1081px 0 0 -1081px;
    }

    .driver .deco-group .deco-2 {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 763px;
        height: 763px;
        margin: -515px 0 0 -644px;
        z-index: 10;
    }

    .driver .deco-group .deco-3 {
        display: none;
    }

    .driver .deco-group .deco-4 {
        display: none;
    }

    .driver .deco-group .deco-1 .obj {
        animation-duration: 40s;
    }

    .driver .deco-group .deco-2 .obj {
        animation-duration: 60s;
    }

    .driver .small-thumb-group {
        margin-top: 24px;
        padding: 0;
    }

    .driver .small-thumb-outer {
        padding: 0;
    }

    .driver .small-thumb-inner {
        padding: 0 21px;
        overflow: hidden;
    }

    .driver .small-thumb-group .swiper-slide {
        padding: 0 4px;
    }

    .driver .small-thumb-group .btn-swiper-slider-next,
    .driver .small-thumb-group .btn-swiper-slider-prev {
        display: none;
    }

    .driver .small-thumb-group .btn-driver-thumb-nav .item-inner {
        border-radius: 8px;
    }

    .driver .small-thumb-group .btn-driver-thumb-nav .item-inner:before {
        border-radius: 8px;
        border-width: 3px;
    }

    .driver .small-thumb-group .btn-driver-thumb-nav:after {
        border-radius: 8px;
        filter: blur(5px);
    }

    .driver .swiper-scrollbar {
        display: block;
        max-width: 163px;
        margin: 40px auto;
    }

    .driver .swiper-pagination {
        display: none;
    }

    .car {
        padding: 100px 0 48px 0;
        background: #8c2bd8 url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/car-bg-m.png) center center no-repeat;
        background-size: cover;
        min-height: 0;
    }

    .car .inner {
        padding: 0;
    }

    .car .headline {
        padding: 0 25px;
    }

    .car .headline .effect-data {
        text-align: center;
    }

    .car .txt-group {
        padding: 0;
    }

    .car .txt-data {
        margin: 23px 0 0 0;
        width: 100%;
        padding: 0 25px;
        box-sizing: border-box;
        z-index: 5;
        min-height: 112px;
    }

    .car .txt-data-items .item-title {
        font-size: 36px;
        line-height: 1.3;
        font-weight: 700;
        color: #fff;
        text-shadow: none;
    }

    .car .txt-data-items .item-desc {
        margin-top: 8px;
        font-size: 15px;
        line-height: 1.3;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.8);
    }

    .car .txt-data-items .item-title {
        transform: translate(40px, 0);
    }

    .car .txt-data-items .item-desc {
        transform: translate(40px, 0);
    }

    .car .txt-data-items.actived .item-title {
        transform: translate(0, 0);
        transition-delay: 0;
    }

    .car .txt-data-items.actived .item-desc {
        transform: translate(0, 0);
        transition-delay: 0.1s;
    }

    .car .visual-group {
        position: relative;
        margin-top: 0;
        width: auto;
        padding-top: 259px;
        height: auto;
        z-index: 0;
    }

    .car .visual-group .visual-items .obj {
        width: 360px;
        height: 259px;
        opacity: 0;
        transform: translate(-50%, 0);
        left: 50%;
    }

    .car .visual-group .visual-items .obj>img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .car .small-thumb-group {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        margin-top: -16px;
    }

    .car .small-thumb-outer {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        -webkit-mask-image: linear-gradient(90deg,
                rgba(18, 49, 99, 0.2) 0,
                rgba(18, 49, 99, 1) 10%,
                rgba(18, 49, 99, 1) 90%,
                rgba(18, 49, 99, 0.2) 100%);
        mask-image: linear-gradient(90deg,
                rgba(18, 49, 99, 0.2) 0,
                rgba(18, 49, 99, 1) 10%,
                rgba(18, 49, 99, 1) 90%,
                rgba(18, 49, 99, 0.2) 100%);
    }

    .car .small-thumb-inner {
        position: relative;
        margin: 0;
        width: 100%;
        height: auto;
        padding: 40px 17px 33px 17px;
    }

    .car .small-thumb-group .swiper-container {
        width: 100%;
        height: auto;
    }

    .car .small-thumb-group .slider-item {
        opacity: 0.8;
        transition: opacity 0.2s ease;
        z-index: 15;
    }

    .car .small-thumb-group .slider-item .item-inner {
        border-radius: 16px;
    }

    .car .small-thumb-group .slider-item .item-inner:before {
        border-width: 3px;
        border-radius: 16px;
    }

    .car .small-thumb-group .slider-item:after {
        border-radius: 16px;
    }

    .car .small-thumb-group .slider-item.actived {
        opacity: 1;
    }

    .car .small-thumb-group .swiper-slide {
        height: auto;
        width: 112px;
        position: static;
    }

    .car .small-thumb-group .swiper-slide:last-child {
        padding-bottom: 0;
    }

    .car .small-thumb-group .swiper-slide.last {
        padding: 0 48px 0 0;
    }

    .car .small-thumb-group .swiper-slide.no-data {
        display: none;
    }

    .car .small-thumb-group .slider-item-group {
        display: block;
        margin: 0 8px 0 0;
    }

    .car .small-thumb-group .slider-item-group .slider-item-cell {
        position: relative;
        flex: 1;
        padding: 4px 0;
        position: static;
        width: 100%;
        box-sizing: border-box;
    }

    .car .small-thumb-group .slider-item-group .slider-item-cell:last-child {
        top: auto;
        left: auto;
        margin-left: 56px;
    }

    .car .swiper-scrollbar {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin: -4px auto 0 auto;
        max-width: 162px;
        width: 162px;
        height: 4px;
        background: 0;
        border-radius: 0;
        border: 0;
        overflow: visible;
        z-index: 5;
    }

    .car .swiper-scrollbar:before {
        display: block;
        transform: skewX(-20deg) skewY(0);
    }

    .car .swiper-scrollbar .swiper-scrollbar-drag {
        background: 0;
        border-radius: 0;
    }

    .car .swiper-scrollbar .swiper-scrollbar-drag:before {
        display: block;
        transform: skewX(-20deg) skewY(0);
    }

    .track {
        padding: 102px 0 100px 0;
        height: auto;
        background: #3290ad url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/track-bg-m.png) center center no-repeat;
        background-size: cover;
    }

    .track .headline {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin: 0;
        padding: 0 25px;
    }

    .track .visual-group {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 25px;
        padding: 0 25px;
    }

    .track .visual-outer {
        position: relative;
        width: 100%;
        max-width: 100%;
    }

    .track .visual-inner {
        border-radius: 16px;
    }

    .track .txt-group {
        position: relative;
        top: auto;
        right: auto;
        margin-top: calc(-56% + 25px);
        z-index: 20;
    }

    .track .txt-data-items {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        padding: calc(57.25% + 17px) 0 0 0;
        box-sizing: content-box;
        min-height: 160px;
    }

    .track .txt-data-items .item-title {
        font-size: 32px;
        line-height: 38px;
        font-weight: 700;
        color: #fff;
    }

    .track .txt-data-items .item-desc {
        margin-top: 8px;
        font-size: 16px;
        line-height: 1.3;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.8);
    }

    .track .txt-data-items .item-title {
        transform: translate(0, 0);
        opacity: 1;
        transition: none;
    }

    .track .txt-data-items .item-desc {
        transform: translate(0, 0);
        opacity: 1;
        transition: none;
    }

    .track .txt-group-inner {
        padding: 0;
        width: auto;
    }

    .track .txt-group-inner .swiper-slide {
        position: relative;
        top: auto;
        left: auto;
        padding: 0 25px;
        box-sizing: border-box;
    }

    .track .line-group {
        top: 325px;
        left: 0;
        display: block;
        width: 1379px;
        height: 314px;
        z-index: 0;
        margin-left: -310px;
    }

    .track .line-group .bg .obj {
        width: 2420px;
        height: 844px;
        background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/track-line.png) left top no-repeat;
        background-size: 2420px auto;
        transform: translate(-1210px, -422px);
        opacity: 1;
        transition: none;
    }

    .track .line-group .bg.actived .obj {
        width: 2420px;
        transform: translate(-1210px, -422px);
    }

    .track .btn-track-nav {
        opacity: 1;
        transition: none;
    }

    .track .btn-track-nav .txt {
        display: none;
    }

    .track .btn-track-nav .dot {
        width: 24px;
        height: 24px;
        margin: -12px 0 0 -12px;
    }

    .track .btn-track-nav .dot:before {
        width: 24px;
        height: 24px;
        border-width: 6px;
    }

    .track .btn-track-nav .dot:after {
        width: 52px;
        height: 52px;
        border-width: 6px;
        background-size: 20px auto;
    }

    .track .btn-track-nav.actived .dot:before {
        transform: translate(-50%, -50%) scale(0);
        transition-delay: 0;
    }

    .track .btn-track-nav.actived .dot:after {
        transform: translate(-50%, -50%) scale(1);
        transition-delay: 0.1s;
    }

    .track .btn-track-nav:nth-child(1) {
        left: 361px;
        top: 346px;
    }

    .track .btn-track-nav:nth-child(2) {
        left: 583px;
        top: 270px;
    }

    .track .btn-track-nav:nth-child(3) {
        left: 763px;
        top: 195px;
    }

    .track .btn-track-nav:nth-child(4) {
        left: 903px;
        top: 175px;
    }

    .track .btn-track-nav:nth-child(5) {
        left: 1125px;
        top: 170px;
    }

    .track .swiper-scrollbar {
        display: block;
        max-width: 163px;
        margin: 186px auto 0 auto;
    }

    .track .line-group {
        transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .track .line-group.track1 {
        transform: translate(0, 0);
    }

    .track .line-group.track2 {
        transform: translate(-220px, 80px);
    }

    .track .line-group.track3 {
        transform: translate(-395px, 150px);
    }

    .track .line-group.track4 {
        transform: translate(-540px, 170px);
    }

    .track .line-group.track5 {
        transform: translate(-760px, 170px);
    }

    .news {
        padding: 80px 0 80px 0;
    }

    .news .swiper-pagination {
        display: none;
    }

    .news .swiper-scrollbar {
        display: block;
        margin-top: 40px;
        max-width: 163px;
    }

    .news .inner {
        padding: 0;
    }

    .news .headline {
        padding: 0 25px;
    }

    .news .slogan {
        height: 200px;
        margin-top: -100px;
    }

    .news .slogan-inner {
        height: 54px;
        margin-top: -27px;
        background: #fee232;
        font-size: 24px;
        line-height: 1.2;
        color: #000;
        font-weight: 800;
        transform: rotate(-2.54deg);
    }

    .news .slogan-char {
        height: 54px;
        padding-right: 40px;
    }

    .news .slogan-char:before {
        right: 18px;
        width: 4px;
        height: 4px;
        border-radius: 2px;
        margin-top: -2px;
    }

    .news .deco-group .deco-1 {
        width: 593px;
        height: 552px;
        margin: -266px 0 0 -493px;
        z-index: 10;
    }

    .news .deco-group .deco-2 {
        top: auto;
        bottom: 0;
        width: 592px;
        height: 552px;
        margin: 0 0 -276px 0;
        z-index: 10;
    }

    .news .news-list {
        margin-top: 30px;
        text-align: center;
    }

    .news .swiper-data {
        position: relative;
        margin: 0;
        width: 100%;
        overflow: hidden;
    }

    .news .swiper-inner {
        position: relative;
        width: 100%;
    }

    .news .swiper-outer {
        overflow: visible;
        width: 273px;
        margin: 0 auto;
    }

    .news .swiper-inner {
        margin: 0;
    }

    .news .swiper-slide {
        width: 100%;
        box-sizing: border-box;
        padding: 33px 12px 0;
        opacity: 0.4;
        transition: opacity 0.2s ease;
    }

    .news .swiper-slide.swiper-slide-active {
        opacity: 1;
    }

    .news-item .news-img img {
        width: 80%;
    }

    .news-item .news-img03 img {
        width: 65%;
    }

    .news-item .news-img04 img {
        width: 70%;
    }

    .news-item .news-img04 {
        padding-bottom: 0;
    }

    .news-item .item-title {
        padding: 0 30px;
        font-size: 24px;
        line-height: 55px;
        color: #fff;
        font-weight: 800;
    }

    .news-item .item-title {
        text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000,
            2px 2px 0 #000, 2px 3px 0 #000, 2px 4px 0 #000;
    }

    .news-item .item-info {
        padding: 30px;
        height: 202px;
    }

    .news-item .item-desc {
        font-size: 15px;
        line-height: 1.3;
        font-weight: 600;
        color: #040a1f;
        height: 97.5px;
    }

    .news-item .item-ui {
        margin-top: 20px;
    }

    .news-item .item-ui>a {
        font-size: 16px;
        line-height: 20.8px;
        font-weight: 800;
    }

    .news-item .item-ui>a span {
        font-size: 10px;
    }

    .notice-wrap .txt-group-inner .txt-1 {
        font-size: 56px;
        line-height: 1.3;
        color: #fff;
        font-weight: 700;
    }

    .notice-wrap .txt-group-inner .txt-2 {
        margin-top: 24px;
        font-size: 17px;
        line-height: 1.5;
        color: #fff;
        font-weight: 500;
    }

    .event {
      padding-top:90px;

    }
    .event .con-title {
      margin-bottom:22px;
      font-size: 48px;
    }

    .event_tab a {
      font-size:15px;
      line-height:22.5px;
      padding:10px 0;
    }

    .event_box {
      box-shadow: 0px 8px 8px 0px #0000000D;
    }

    .event_box .txt p {
      font-size:14px;
      line-height:21px;
      padding:10px 14px;
    }
    .deco-group {
      display:none;
    }
    .event_wrap .title_wrap {
      flex-wrap: wrap;
    }
    .event_wrap .title_wrap .cate {
      order:2;
      font-size: 12px;
      font-weight: 500;
      line-height: 18px;
      letter-spacing: 0em;
      text-align: center;
      padding:3px 12px;
      margin-right: 0;
    }
    .event_wrap .title_wrap .title {
      order:1;
      width:100%;
      font-size: 16px;
      font-weight: 700;
      line-height: 24px;
      letter-spacing: 0em;
      margin-bottom:6px;
    }
    .event_wrap .title_wrap .date {
      order:3;
      margin-left:6px;
      font-size: 13px;
      font-weight: 400;
      line-height: 20px;
      letter-spacing: 0em;
      padding-top: 2px;
    }
    .event_detail {
      padding-top:60px;
      background: #fff;
    }

    .event_detail .con-title {
      font-family: Inter;
      font-size: 18px;
      font-weight: 600;
      line-height: 27px;
      letter-spacing: 0em;
      text-align: center;
      padding:14.5px 0;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      margin: 0;
    }
    .event_detail .con-title .txt {
        font-family:inherit;
        font-style:normal;
        text-shadow: none;
        -webkit-text-stroke: 0;
        color: #71717A;
    }

    .event_detail .btn_back {
      display: inline-flex;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.70711 18.7071C9.31658 19.0976 8.68342 19.0976 8.2929 18.7071L2.29289 12.7071C1.90237 12.3166 1.90237 11.6834 2.29289 11.2929L8.2929 5.29289C8.68342 4.90236 9.31658 4.90236 9.70711 5.29289C10.0976 5.68341 10.0976 6.31658 9.70711 6.7071L5.41422 11L21 11C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13L5.41422 13L9.70711 17.2929C10.0976 17.6834 10.0976 18.3166 9.70711 18.7071Z' fill='%2371717A'/%3E%3C/svg%3E%0A");
      font-size:0;
      width:24px;
      height:24px;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -12px;
    }

    .event_wrap .title_wrap {
      border-top-width:1px;
      padding:20px 0;
    }
    .sponser {
        padding:32px 0;
    }
    .sponser_box .table_box.score_list {
        height: 260px;
    }
    .sponser_box .table_box .table_list {
        padding-right:0;
    } 
    .sponser_box .table-body .table-row {
        font-size:13px;
    }
    .sponser_box .my_info {
        padding-right:0;
    }
        
    .sponser_box .table_box.score_list::-webkit-scrollbar {
      width: 0px;
    } 
    .sponser_box .txt_box strong {
      font-size:14px;
      line-height:21px;
      font-weight: 700;
    }
    .sponser_box .txt_box p {
      font-size:13px;
      line-height:19.5px;
    }
    .sponser_box .table-header .table-row .cell:nth-of-type(1),
    .sponser_box .table-body .table-row .cell:nth-of-type(1) {
      margin-right:10px;
      width:42px;
    }
    .sponser_box .table-row .cell {
      width:calc((100% - 42px)/3);
    }
    .sponser_box .table-body .table-row .item-id, 
    .sponser_box .table-body .table-row .item-point, 
    .sponser_box .table-body .table-row .item-reward {
      max-width:86px;
    }
    .event_wrap .btn_wrap {
      padding:32px 0 44px;
    }

    .event_wrap .btn_wrap a {
      font-size: 15px;
      font-weight: 600;
      line-height: 18px;
      letter-spacing: 0em;
      padding:19px 0;
      width:100%;
      border-radius:8px; 
    }

    .pop-children {padding: 25px;}

    .btn-pop-close .icon-close-middle-gray {
        width: 24px;
        height: 24px;
    }
    
    .login-pop-data {
        width: 100%;
        padding: 24px 24px 40px;
    }
    .pop-basic-data .item-header {
        padding-bottom: 15px;
    }
    .login-pop-data .btn-pop-close {
        width: 24px;
        height: 24px;
    }
    .login-user-info .item-thumb {
        width: 56px;
        height: 56px;
    }
    .login-user-info .item-desc {
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
    }

    .wallet-pop-data .popup_header {
        padding-bottom: 15px;
    }

    .pop-basic-data .add-wallet-select {
        padding: 16px 0 0;
    }
}

@media screen and (max-width: 640px) {
    .play-now-header h4 {
        background-size: auto 100%;
    }

    .intro {
        background: url(https://static.rumbleracingstar.io/rrshome/assets/web2/images/main_visual_bg_m.jpg) no-repeat 50%;
        background-position: 0px 100%;
        background-size: cover;
    }

    .intro .txt-group {
        padding-top: 80px;
    }

    .intro .txt-group .headline .txt {
        height: 140px;
        padding-left: 0;
    }

    .intro .visual_img .ico01 {
        left: 60px;
        bottom: 220px;
        width: 387px;
        background-size: 100% auto;
    }

    .intro .visual_img .ico02 {
        left: -55px;
        bottom: -30px;
        width: 668px;
    }

    .intro .visual_img .ico03 {
        display: none;
    }

    .intro .visual_img .ico04 {
        display: none;
    }

    .intro .visual_img .img01 {
        left: -40px;
        height: 447px;
        bottom: 90px;
    }

    .intro .visual_img .img02 {
        display: none;
    }
    .event_tab {
      margin-bottom:0;
    }
    .event_box {
      width:100%;
      margin-top:20px;
    }

    .event_box:nth-of-type(2n) {
      margin-left:0;
    }

    .event .paging .arw.last,
    .event .paging .arw.first {
      display:none;
    }

    .event .paging .arw.prev {
      margin-right:auto;
    }

    .event .paging .arw.next {
      margin-left:auto;
    }
    .event_wrap .title_wrap {

    }

}

@media screen and (max-width: 550px) {
    .play-now-header h4 {
        background-size: 100% auto;
    }

    .maintenance-pop-data .popup_header h4 {
        background-size: 100% auto;
    }
}

@media screen and (max-width: 410px) {
    .agree-inner {
        width: 320px;
        max-width: 320px;
    }

    .agree-header {
        height: 65px;
    }

    .agree-footer {
        height: 63px;
    }
}

@media screen and (max-width: 380px) {
    .preparing-pop-data .popup_header h4 {
        background-size: auto;
        height: 70px;
        background-size: 100% auto;
    }

    .deletewallet-basic-data,
    .login-pop-data {
        width: 100%;
    }
}
    

@media screen and (max-width: 384px) {
    .footer-copy>.copy a+a+a {
        margin-left: 0;
        display: block;
    }
}

@media screen and (max-width: 320px) {
    .agree-header {
        height: 63px;
    }

    .agree-footer {
        height: 60px;
    }
}

@media screen and (max-height: 850px) {
    .intro .txt-group .headline .txt {
        height: 140px;
    }

    .intro .visual_img .img01 {}

    .intro .visual_img .ico01 {
        bottom: 220px;
    }

    .intro .visual_img .ico02 {
        bottom: -50px;
    }

    .intro .visual_img .ico03 {
        bottom: 250px;
    }

    .intro .visual_img .ico04 {
        bottom: -260px;
    }

    .intro .visual_img .img02 {
        bottom: -40px;
    }
}

@media screen and (max-height: 750px) {
    .intro .txt-group .headline .txt {
        height: 100px;
    }

    .intro .visual_img .img01 {}

    .intro .visual_img .ico01 {
        bottom: 140px;
    }

    .intro .visual_img .ico02 {}
}