@charset "UTF-8";
@import url("assets/fonts/Pretendard/pretendard.css");
*,
*:before,
*:after {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    word-break: keep-all;
    word-wrap: break-word;
}

html,
body {
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-family: "Pretendard", "Noto Sans KR", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    letter-spacing: -0.05em;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
blockquote,
a,
address,
img,
strong,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
pre,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input {
    margin: 0;
    padding: 0;
    word-break: keep-all;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 400;
    font-size: 100%;
}

hr {
    display: none;
}

caption {
    display: block;
    overflow: hidden;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
}

img {
    max-width: 100%;
    border: none;
    vertical-align: middle;
}

ol,
ul,
li,
dl,
dt,
dd {
    list-style: none;
}

table {
    width: 100%;
    table-layout: fixed;
    border: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

th,
td,
frameset {
    border: 0px;
}

fieldset,
iframe {
    width: 100%;
    border: 0px;
}

legend {
    position: absolute;
    left: -999em;
    top: -999em;
}

em,
address,
i {
    font-style: normal;
}

button,
a,
input,
label,
textarea,
select {
    font-family: "Pretendard", "Noto Sans KR", sans-serif;
    vertical-align: middle;
}

button {
    overflow: visible;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0px;
}

a {
    color: #000;
    text-decoration: none;
}

/* ingame focus type*/

button,
a,
input,
label,
textarea {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}

input,
textarea {
    -webkit-touch-callout: default !important;
    -webkit-user-select: text !important;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

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

:placeholder-shown {
    color: #999;
}

/* common style */

.ir,
.blind {
    display: block;
    overflow: hidden;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.inner {
    position: relative;
}

.relative {
    position: relative;
}

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

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

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

.flex-start {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.flex-wrap {
    flex-wrap: wrap;
}

.full-wh {
    width: 100%;
    height: 100%;
}

.evt-img,
.evt-img img {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
}

.evt-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 19.5833333333vw;
    text-align: center;
}

.i-label {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.4);
}

.none {
    display: none !important;
}

/* 이벤트 기간 */

.evt-date {
    display: block;
    position: absolute;
    top: 1.9791666667vw;
    left: 1.6666666667vw;
    z-index: 10;
    width: 50%;
    letter-spacing: -0.075em;
    color: #fff;
    text-align: left;
    font-size: 2.0833333333vw;
    font-weight: 500;
}

.evt-date>span {
    display: block;
}

.item {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 16.7708333333vw;
    height: 5.3125vw;
}

.item i:before {
    content: "";
    display: block;
    position: absolute;
    left: -2.9166666667vw;
    top: 50%;
    transform: translateY(-50%);
    width: 7.1875vw;
    height: 7.1875vw;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.item i em {
    font-size: 2.5vw;
    color: #fef3c4;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.05em;
}

.item i em::before {
    content: "X";
    margin-right: 0.4166666667vw;
}

.pd-t-0u {
    padding-top: 0rem !important;
}

.pd-b-0u {
    padding-bottom: 0rem !important;
}

.pd-l-0u {
    padding-left: 0rem !important;
}

.pd-r-0u {
    padding-right: 0rem !important;
}

.pd-h-0u {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}

.pd-v-0u {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.pd-t-1u {
    padding-top: 0.125rem !important;
}

.pd-b-1u {
    padding-bottom: 0.125rem !important;
}

.pd-l-1u {
    padding-left: 0.125rem !important;
}

.pd-r-1u {
    padding-right: 0.125rem !important;
}

.pd-h-1u {
    padding-right: 0.125rem !important;
    padding-left: 0.125rem !important;
}

.pd-v-1u {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
}

.pd-t-2u {
    padding-top: 0.25rem !important;
}

.pd-b-2u {
    padding-bottom: 0.25rem !important;
}

.pd-l-2u {
    padding-left: 0.25rem !important;
}

.pd-r-2u {
    padding-right: 0.25rem !important;
}

.pd-h-2u {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.pd-v-2u {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.pd-t-3u {
    padding-top: 0.375rem !important;
}

.pd-b-3u {
    padding-bottom: 0.375rem !important;
}

.pd-l-3u {
    padding-left: 0.375rem !important;
}

.pd-r-3u {
    padding-right: 0.375rem !important;
}

.pd-h-3u {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
}

.pd-v-3u {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
}

.pd-t-4u {
    padding-top: 0.5rem !important;
}

.pd-b-4u {
    padding-bottom: 0.5rem !important;
}

.pd-l-4u {
    padding-left: 0.5rem !important;
}

.pd-r-4u {
    padding-right: 0.5rem !important;
}

.pd-h-4u {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.pd-v-4u {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.pd-t-5u {
    padding-top: 0.625rem !important;
}

.pd-b-5u {
    padding-bottom: 0.625rem !important;
}

.pd-l-5u {
    padding-left: 0.625rem !important;
}

.pd-r-5u {
    padding-right: 0.625rem !important;
}

.pd-h-5u {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
}

.pd-v-5u {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}

.pd-t-6u {
    padding-top: 0.75rem !important;
}

.pd-b-6u {
    padding-bottom: 0.75rem !important;
}

.pd-l-6u {
    padding-left: 0.75rem !important;
}

.pd-r-6u {
    padding-right: 0.75rem !important;
}

.pd-h-6u {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}

.pd-v-6u {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.pd-t-7u {
    padding-top: 0.875rem !important;
}

.pd-b-7u {
    padding-bottom: 0.875rem !important;
}

.pd-l-7u {
    padding-left: 0.875rem !important;
}

.pd-r-7u {
    padding-right: 0.875rem !important;
}

.pd-h-7u {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
}

.pd-v-7u {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
}

.pd-t-8u {
    padding-top: 1rem !important;
}

.pd-b-8u {
    padding-bottom: 1rem !important;
}

.pd-l-8u {
    padding-left: 1rem !important;
}

.pd-r-8u {
    padding-right: 1rem !important;
}

.pd-h-8u {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.pd-v-8u {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.pd-t-9u {
    padding-top: 1.125rem !important;
}

.pd-b-9u {
    padding-bottom: 1.125rem !important;
}

.pd-l-9u {
    padding-left: 1.125rem !important;
}

.pd-r-9u {
    padding-right: 1.125rem !important;
}

.pd-h-9u {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
}

.pd-v-9u {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
}

.pd-t-10u {
    padding-top: 1.25rem !important;
}

.pd-b-10u {
    padding-bottom: 1.25rem !important;
}

.pd-l-10u {
    padding-left: 1.25rem !important;
}

.pd-r-10u {
    padding-right: 1.25rem !important;
}

.pd-h-10u {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
}

.pd-v-10u {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.pd-t-11u {
    padding-top: 1.375rem !important;
}

.pd-b-11u {
    padding-bottom: 1.375rem !important;
}

.pd-l-11u {
    padding-left: 1.375rem !important;
}

.pd-r-11u {
    padding-right: 1.375rem !important;
}

.pd-h-11u {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
}

.pd-v-11u {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
}

.pd-t-12u {
    padding-top: 1.5rem !important;
}

.pd-b-12u {
    padding-bottom: 1.5rem !important;
}

.pd-l-12u {
    padding-left: 1.5rem !important;
}

.pd-r-12u {
    padding-right: 1.5rem !important;
}

.pd-h-12u {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.pd-v-12u {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.pd-t-13u {
    padding-top: 1.625rem !important;
}

.pd-b-13u {
    padding-bottom: 1.625rem !important;
}

.pd-l-13u {
    padding-left: 1.625rem !important;
}

.pd-r-13u {
    padding-right: 1.625rem !important;
}

.pd-h-13u {
    padding-right: 1.625rem !important;
    padding-left: 1.625rem !important;
}

.pd-v-13u {
    padding-top: 1.625rem !important;
    padding-bottom: 1.625rem !important;
}

.pd-t-14u {
    padding-top: 1.75rem !important;
}

.pd-b-14u {
    padding-bottom: 1.75rem !important;
}

.pd-l-14u {
    padding-left: 1.75rem !important;
}

.pd-r-14u {
    padding-right: 1.75rem !important;
}

.pd-h-14u {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
}

.pd-v-14u {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
}

.pd-t-15u {
    padding-top: 1.875rem !important;
}

.pd-b-15u {
    padding-bottom: 1.875rem !important;
}

.pd-l-15u {
    padding-left: 1.875rem !important;
}

.pd-r-15u {
    padding-right: 1.875rem !important;
}

.pd-h-15u {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
}

.pd-v-15u {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
}

.pd-t-16u {
    padding-top: 2rem !important;
}

.pd-b-16u {
    padding-bottom: 2rem !important;
}

.pd-l-16u {
    padding-left: 2rem !important;
}

.pd-r-16u {
    padding-right: 2rem !important;
}

.pd-h-16u {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

.pd-v-16u {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.pd-t-17u {
    padding-top: 2.125rem !important;
}

.pd-b-17u {
    padding-bottom: 2.125rem !important;
}

.pd-l-17u {
    padding-left: 2.125rem !important;
}

.pd-r-17u {
    padding-right: 2.125rem !important;
}

.pd-h-17u {
    padding-right: 2.125rem !important;
    padding-left: 2.125rem !important;
}

.pd-v-17u {
    padding-top: 2.125rem !important;
    padding-bottom: 2.125rem !important;
}

.pd-t-18u {
    padding-top: 2.25rem !important;
}

.pd-b-18u {
    padding-bottom: 2.25rem !important;
}

.pd-l-18u {
    padding-left: 2.25rem !important;
}

.pd-r-18u {
    padding-right: 2.25rem !important;
}

.pd-h-18u {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
}

.pd-v-18u {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
}

.pd-t-19u {
    padding-top: 2.375rem !important;
}

.pd-b-19u {
    padding-bottom: 2.375rem !important;
}

.pd-l-19u {
    padding-left: 2.375rem !important;
}

.pd-r-19u {
    padding-right: 2.375rem !important;
}

.pd-h-19u {
    padding-right: 2.375rem !important;
    padding-left: 2.375rem !important;
}

.pd-v-19u {
    padding-top: 2.375rem !important;
    padding-bottom: 2.375rem !important;
}

.pd-t-20u {
    padding-top: 2.5rem !important;
}

.pd-b-20u {
    padding-bottom: 2.5rem !important;
}

.pd-l-20u {
    padding-left: 2.5rem !important;
}

.pd-r-20u {
    padding-right: 2.5rem !important;
}

.pd-h-20u {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
}

.pd-v-20u {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.pd-t-21u {
    padding-top: 2.625rem !important;
}

.pd-b-21u {
    padding-bottom: 2.625rem !important;
}

.pd-l-21u {
    padding-left: 2.625rem !important;
}

.pd-r-21u {
    padding-right: 2.625rem !important;
}

.pd-h-21u {
    padding-right: 2.625rem !important;
    padding-left: 2.625rem !important;
}

.pd-v-21u {
    padding-top: 2.625rem !important;
    padding-bottom: 2.625rem !important;
}

.pd-t-22u {
    padding-top: 2.75rem !important;
}

.pd-b-22u {
    padding-bottom: 2.75rem !important;
}

.pd-l-22u {
    padding-left: 2.75rem !important;
}

.pd-r-22u {
    padding-right: 2.75rem !important;
}

.pd-h-22u {
    padding-right: 2.75rem !important;
    padding-left: 2.75rem !important;
}

.pd-v-22u {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
}

.pd-t-23u {
    padding-top: 2.875rem !important;
}

.pd-b-23u {
    padding-bottom: 2.875rem !important;
}

.pd-l-23u {
    padding-left: 2.875rem !important;
}

.pd-r-23u {
    padding-right: 2.875rem !important;
}

.pd-h-23u {
    padding-right: 2.875rem !important;
    padding-left: 2.875rem !important;
}

.pd-v-23u {
    padding-top: 2.875rem !important;
    padding-bottom: 2.875rem !important;
}

.pd-t-24u {
    padding-top: 3rem !important;
}

.pd-b-24u {
    padding-bottom: 3rem !important;
}

.pd-l-24u {
    padding-left: 3rem !important;
}

.pd-r-24u {
    padding-right: 3rem !important;
}

.pd-h-24u {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.pd-v-24u {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pd-t-25u {
    padding-top: 3.125rem !important;
}

.pd-b-25u {
    padding-bottom: 3.125rem !important;
}

.pd-l-25u {
    padding-left: 3.125rem !important;
}

.pd-r-25u {
    padding-right: 3.125rem !important;
}

.pd-h-25u {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
}

.pd-v-25u {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
}

.pd-t-26u {
    padding-top: 3.25rem !important;
}

.pd-b-26u {
    padding-bottom: 3.25rem !important;
}

.pd-l-26u {
    padding-left: 3.25rem !important;
}

.pd-r-26u {
    padding-right: 3.25rem !important;
}

.pd-h-26u {
    padding-right: 3.25rem !important;
    padding-left: 3.25rem !important;
}

.pd-v-26u {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
}

.pd-t-27u {
    padding-top: 3.375rem !important;
}

.pd-b-27u {
    padding-bottom: 3.375rem !important;
}

.pd-l-27u {
    padding-left: 3.375rem !important;
}

.pd-r-27u {
    padding-right: 3.375rem !important;
}

.pd-h-27u {
    padding-right: 3.375rem !important;
    padding-left: 3.375rem !important;
}

.pd-v-27u {
    padding-top: 3.375rem !important;
    padding-bottom: 3.375rem !important;
}

.pd-t-28u {
    padding-top: 3.5rem !important;
}

.pd-b-28u {
    padding-bottom: 3.5rem !important;
}

.pd-l-28u {
    padding-left: 3.5rem !important;
}

.pd-r-28u {
    padding-right: 3.5rem !important;
}

.pd-h-28u {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
}

.pd-v-28u {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
}

.pd-t-29u {
    padding-top: 3.625rem !important;
}

.pd-b-29u {
    padding-bottom: 3.625rem !important;
}

.pd-l-29u {
    padding-left: 3.625rem !important;
}

.pd-r-29u {
    padding-right: 3.625rem !important;
}

.pd-h-29u {
    padding-right: 3.625rem !important;
    padding-left: 3.625rem !important;
}

.pd-v-29u {
    padding-top: 3.625rem !important;
    padding-bottom: 3.625rem !important;
}

.pd-t-30u {
    padding-top: 3.75rem !important;
}

.pd-b-30u {
    padding-bottom: 3.75rem !important;
}

.pd-l-30u {
    padding-left: 3.75rem !important;
}

.pd-r-30u {
    padding-right: 3.75rem !important;
}

.pd-h-30u {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
}

.pd-v-30u {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
}

.mg-t-1u {
    margin-top: 0.125rem !important;
}

.mg-b-1u {
    margin-bottom: 0.125rem !important;
}

.mg-l-1u {
    margin-left: 0.125rem !important;
}

.mg-r-1u {
    margin-right: 0.125rem !important;
}

.mg-h-1u {
    margin-right: 0.125rem !important;
    margin-left: 0.125rem !important;
}

.mg-v-1u {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
}

.mg-t-2u {
    margin-top: 0.25rem !important;
}

.mg-b-2u {
    margin-bottom: 0.25rem !important;
}

.mg-l-2u {
    margin-left: 0.25rem !important;
}

.mg-r-2u {
    margin-right: 0.25rem !important;
}

.mg-h-2u {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mg-v-2u {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.mg-t-3u {
    margin-top: 0.375rem !important;
}

.mg-b-3u {
    margin-bottom: 0.375rem !important;
}

.mg-l-3u {
    margin-left: 0.375rem !important;
}

.mg-r-3u {
    margin-right: 0.375rem !important;
}

.mg-h-3u {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
}

.mg-v-3u {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
}

.mg-t-4u {
    margin-top: 0.5rem !important;
}

.mg-b-4u {
    margin-bottom: 0.5rem !important;
}

.mg-l-4u {
    margin-left: 0.5rem !important;
}

.mg-r-4u {
    margin-right: 0.5rem !important;
}

.mg-h-4u {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mg-v-4u {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.mg-t-5u {
    margin-top: 0.625rem !important;
}

.mg-b-5u {
    margin-bottom: 0.625rem !important;
}

.mg-l-5u {
    margin-left: 0.625rem !important;
}

.mg-r-5u {
    margin-right: 0.625rem !important;
}

.mg-h-5u {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
}

.mg-v-5u {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
}

.mg-t-6u {
    margin-top: 0.75rem !important;
}

.mg-b-6u {
    margin-bottom: 0.75rem !important;
}

.mg-l-6u {
    margin-left: 0.75rem !important;
}

.mg-r-6u {
    margin-right: 0.75rem !important;
}

.mg-h-6u {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
}

.mg-v-6u {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

.mg-t-7u {
    margin-top: 0.875rem !important;
}

.mg-b-7u {
    margin-bottom: 0.875rem !important;
}

.mg-l-7u {
    margin-left: 0.875rem !important;
}

.mg-r-7u {
    margin-right: 0.875rem !important;
}

.mg-h-7u {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
}

.mg-v-7u {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
}

.mg-t-8u {
    margin-top: 1rem !important;
}

.mg-b-8u {
    margin-bottom: 1rem !important;
}

.mg-l-8u {
    margin-left: 1rem !important;
}

.mg-r-8u {
    margin-right: 1rem !important;
}

.mg-h-8u {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mg-v-8u {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.mg-t-9u {
    margin-top: 1.125rem !important;
}

.mg-b-9u {
    margin-bottom: 1.125rem !important;
}

.mg-l-9u {
    margin-left: 1.125rem !important;
}

.mg-r-9u {
    margin-right: 1.125rem !important;
}

.mg-h-9u {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
}

.mg-v-9u {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
}

.mg-t-10u {
    margin-top: 1.25rem !important;
}

.mg-b-10u {
    margin-bottom: 1.25rem !important;
}

.mg-l-10u {
    margin-left: 1.25rem !important;
}

.mg-r-10u {
    margin-right: 1.25rem !important;
}

.mg-h-10u {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
}

.mg-v-10u {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.mg-t-11u {
    margin-top: 1.375rem !important;
}

.mg-b-11u {
    margin-bottom: 1.375rem !important;
}

.mg-l-11u {
    margin-left: 1.375rem !important;
}

.mg-r-11u {
    margin-right: 1.375rem !important;
}

.mg-h-11u {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
}

.mg-v-11u {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
}

.mg-t-12u {
    margin-top: 1.5rem !important;
}

.mg-b-12u {
    margin-bottom: 1.5rem !important;
}

.mg-l-12u {
    margin-left: 1.5rem !important;
}

.mg-r-12u {
    margin-right: 1.5rem !important;
}

.mg-h-12u {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mg-v-12u {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.mg-t-13u {
    margin-top: 1.625rem !important;
}

.mg-b-13u {
    margin-bottom: 1.625rem !important;
}

.mg-l-13u {
    margin-left: 1.625rem !important;
}

.mg-r-13u {
    margin-right: 1.625rem !important;
}

.mg-h-13u {
    margin-right: 1.625rem !important;
    margin-left: 1.625rem !important;
}

.mg-v-13u {
    margin-top: 1.625rem !important;
    margin-bottom: 1.625rem !important;
}

.mg-t-14u {
    margin-top: 1.75rem !important;
}

.mg-b-14u {
    margin-bottom: 1.75rem !important;
}

.mg-l-14u {
    margin-left: 1.75rem !important;
}

.mg-r-14u {
    margin-right: 1.75rem !important;
}

.mg-h-14u {
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
}

.mg-v-14u {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
}

.mg-t-15u {
    margin-top: 1.875rem !important;
}

.mg-b-15u {
    margin-bottom: 1.875rem !important;
}

.mg-l-15u {
    margin-left: 1.875rem !important;
}

.mg-r-15u {
    margin-right: 1.875rem !important;
}

.mg-h-15u {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
}

.mg-v-15u {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
}

.mg-t-16u {
    margin-top: 2rem !important;
}

.mg-b-16u {
    margin-bottom: 2rem !important;
}

.mg-l-16u {
    margin-left: 2rem !important;
}

.mg-r-16u {
    margin-right: 2rem !important;
}

.mg-h-16u {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
}

.mg-v-16u {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.mg-t-17u {
    margin-top: 2.125rem !important;
}

.mg-b-17u {
    margin-bottom: 2.125rem !important;
}

.mg-l-17u {
    margin-left: 2.125rem !important;
}

.mg-r-17u {
    margin-right: 2.125rem !important;
}

.mg-h-17u {
    margin-right: 2.125rem !important;
    margin-left: 2.125rem !important;
}

.mg-v-17u {
    margin-top: 2.125rem !important;
    margin-bottom: 2.125rem !important;
}

.mg-t-18u {
    margin-top: 2.25rem !important;
}

.mg-b-18u {
    margin-bottom: 2.25rem !important;
}

.mg-l-18u {
    margin-left: 2.25rem !important;
}

.mg-r-18u {
    margin-right: 2.25rem !important;
}

.mg-h-18u {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
}

.mg-v-18u {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
}

.mg-t-19u {
    margin-top: 2.375rem !important;
}

.mg-b-19u {
    margin-bottom: 2.375rem !important;
}

.mg-l-19u {
    margin-left: 2.375rem !important;
}

.mg-r-19u {
    margin-right: 2.375rem !important;
}

.mg-h-19u {
    margin-right: 2.375rem !important;
    margin-left: 2.375rem !important;
}

.mg-v-19u {
    margin-top: 2.375rem !important;
    margin-bottom: 2.375rem !important;
}

.mg-t-20u {
    margin-top: 2.5rem !important;
}

.mg-b-20u {
    margin-bottom: 2.5rem !important;
}

.mg-l-20u {
    margin-left: 2.5rem !important;
}

.mg-r-20u {
    margin-right: 2.5rem !important;
}

.mg-h-20u {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
}

.mg-v-20u {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}

.mg-t-21u {
    margin-top: 2.625rem !important;
}

.mg-b-21u {
    margin-bottom: 2.625rem !important;
}

.mg-l-21u {
    margin-left: 2.625rem !important;
}

.mg-r-21u {
    margin-right: 2.625rem !important;
}

.mg-h-21u {
    margin-right: 2.625rem !important;
    margin-left: 2.625rem !important;
}

.mg-v-21u {
    margin-top: 2.625rem !important;
    margin-bottom: 2.625rem !important;
}

.mg-t-22u {
    margin-top: 2.75rem !important;
}

.mg-b-22u {
    margin-bottom: 2.75rem !important;
}

.mg-l-22u {
    margin-left: 2.75rem !important;
}

.mg-r-22u {
    margin-right: 2.75rem !important;
}

.mg-h-22u {
    margin-right: 2.75rem !important;
    margin-left: 2.75rem !important;
}

.mg-v-22u {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
}

.mg-t-23u {
    margin-top: 2.875rem !important;
}

.mg-b-23u {
    margin-bottom: 2.875rem !important;
}

.mg-l-23u {
    margin-left: 2.875rem !important;
}

.mg-r-23u {
    margin-right: 2.875rem !important;
}

.mg-h-23u {
    margin-right: 2.875rem !important;
    margin-left: 2.875rem !important;
}

.mg-v-23u {
    margin-top: 2.875rem !important;
    margin-bottom: 2.875rem !important;
}

.mg-t-24u {
    margin-top: 3rem !important;
}

.mg-b-24u {
    margin-bottom: 3rem !important;
}

.mg-l-24u {
    margin-left: 3rem !important;
}

.mg-r-24u {
    margin-right: 3rem !important;
}

.mg-h-24u {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mg-v-24u {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mg-t-25u {
    margin-top: 3.125rem !important;
}

.mg-b-25u {
    margin-bottom: 3.125rem !important;
}

.mg-l-25u {
    margin-left: 3.125rem !important;
}

.mg-r-25u {
    margin-right: 3.125rem !important;
}

.mg-h-25u {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
}

.mg-v-25u {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
}

.mg-t-26u {
    margin-top: 3.25rem !important;
}

.mg-b-26u {
    margin-bottom: 3.25rem !important;
}

.mg-l-26u {
    margin-left: 3.25rem !important;
}

.mg-r-26u {
    margin-right: 3.25rem !important;
}

.mg-h-26u {
    margin-right: 3.25rem !important;
    margin-left: 3.25rem !important;
}

.mg-v-26u {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
}

.mg-t-27u {
    margin-top: 3.375rem !important;
}

.mg-b-27u {
    margin-bottom: 3.375rem !important;
}

.mg-l-27u {
    margin-left: 3.375rem !important;
}

.mg-r-27u {
    margin-right: 3.375rem !important;
}

.mg-h-27u {
    margin-right: 3.375rem !important;
    margin-left: 3.375rem !important;
}

.mg-v-27u {
    margin-top: 3.375rem !important;
    margin-bottom: 3.375rem !important;
}

.mg-t-28u {
    margin-top: 3.5rem !important;
}

.mg-b-28u {
    margin-bottom: 3.5rem !important;
}

.mg-l-28u {
    margin-left: 3.5rem !important;
}

.mg-r-28u {
    margin-right: 3.5rem !important;
}

.mg-h-28u {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
}

.mg-v-28u {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
}

.mg-t-29u {
    margin-top: 3.625rem !important;
}

.mg-b-29u {
    margin-bottom: 3.625rem !important;
}

.mg-l-29u {
    margin-left: 3.625rem !important;
}

.mg-r-29u {
    margin-right: 3.625rem !important;
}

.mg-h-29u {
    margin-right: 3.625rem !important;
    margin-left: 3.625rem !important;
}

.mg-v-29u {
    margin-top: 3.625rem !important;
    margin-bottom: 3.625rem !important;
}

.mg-t-30u {
    margin-top: 3.75rem !important;
}

.mg-b-30u {
    margin-bottom: 3.75rem !important;
}

.mg-l-30u {
    margin-left: 3.75rem !important;
}

.mg-r-30u {
    margin-right: 3.75rem !important;
}

.mg-h-30u {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
}

.mg-v-30u {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
}

.ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    /* webkit 엔진을 사용하지 않는 브라우저를 위한 속성. */
    /* height = line-height * line = 1.2em * 3 = 3.6em  */
}

.ellipsis.line-1 {
    -webkit-line-clamp: 1;
}

.ellipsis.line-2 {
    -webkit-line-clamp: 2;
}

.ellipsis.line-3 {
    -webkit-line-clamp: 3;
}

.ellipsis.line-4 {
    -webkit-line-clamp: 4;
}

.ellipsis.line-5 {
    -webkit-line-clamp: 5;
}

@media screen and (max-width: 480px) {
    html,
    body {
        font-size: 16px;
    }
}

@media screen and (max-width: 360px) {
    html,
    body {
        font-size: 13px;
    }
}

.btn {
    display: inline-block;
    height: 128px;
    text-indent: -9999em;
    text-align: center;
    transition: all 0.1s ease-out;
}

@keyframes popShake {
    0% {
        transform: scale(0);
    }
    9% {
        transform: scale(1);
    }
    9.78571% {
        transform: rotate(-5deg);
    }
    10.57143% {
        transform: rotate(5deg);
    }
    11.35714% {
        transform: rotate(0deg);
    }
    12.14286% {
        transform: rotate(-5deg);
    }
    13.92857% {
        transform: rotate(0deg);
    }
    14.78571% {
        transform: rotate(-5deg);
    }
    15.57143% {
        transform: rotate(5deg);
    }
    16.35714% {
        transform: rotate(0deg);
    }
    17.14286% {
        transform: rotate(-5deg);
    }
    18.92857% {
        transform: rotate(0deg);
    }
    95% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes oacityEff {
    0% {
        opacity: 1;
    }
    20% {
        opacity: 0.4;
    }
    40% {
        opacity: 0.8;
    }
    60% {
        opacity: 0.2;
    }
    70% {
        opacity: 0.7;
    }
    80% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(0.2083333333vw);
    }
    100% {
        transform: translateY(0);
    }
}

.light-ani:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 241, 176, 0), rgba(255, 241, 176, 0) 30%, #ffffe5 50%, rgba(255, 241, 176, 0) 65%, rgba(255, 241, 176, 0));
    background-size: 400% 400%;
    background-position: 100% 70%;
    border-radius: 0;
    opacity: 0.4;
    animation: loopAni 4s ease Infinite;
    mix-blend-mode: overlay;
}

@keyframes loopLightAni {
    0% {
        background-position: 100% 70%;
    }
    70% {
        background-position: 100% 70%;
    }
    to {
        background-position: 0 20%;
    }
}

@keyframes zoomAni {
    100% {
        background-position-y: -41rem;
    }
}

.hoverRotate {
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.hoverRotate:hover {
    transform: rotate(90deg);
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
    -webkit-animation-duration: 17s;
    animation-duration: 17s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(44%);
        transform: translateY(44%);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(44%);
        transform: translateY(44%);
    }
}

.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
    -webkit-animation-duration: 17s;
    animation-duration: 17s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-44%);
        transform: translateY(-44%);
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-44%);
        transform: translateY(-44%);
    }
}

.slideDownShort {
    -webkit-animation-name: slideDownShort;
    animation-name: slideDownShort;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes slideDownShort {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-1%);
        transform: translateY(-1%);
    }
}

@keyframes slideDownShort {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-1%);
        transform: translateY(-1%);
    }
}

.slideUpShort {
    -webkit-animation-name: slideUpShort;
    animation-name: slideUpShort;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes slideUpShort {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(1%);
        transform: translateY(1%);
    }
}

@keyframes slideUpShort {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(1%);
        transform: translateY(1%);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: rotate3d(0, 1, 0, -20deg);
        transform: rotate3d(0, 1, 0, -20deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 1, 0, 10deg);
        transform: rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: rotate3d(0, 1, 0, -5deg);
        transform: rotate3d(0, 1, 0, -5deg);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: rotate3d(0, 1, 0, -20deg);
        transform: rotate3d(0, 1, 0, -20deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 1, 0, 10deg);
        transform: rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: rotate3d(0, 1, 0, -5deg);
        transform: rotate3d(0, 1, 0, -5deg);
    }
}

.slideToLeft {
    -webkit-animation-name: slideToLeft;
    animation-name: slideToLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideToLeft {
    0% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideToLeft {
    0% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.delay-0 {
    animation-delay: 0;
}

.delay-1 {
    animation-delay: 0.1s;
}

.delay-2 {
    animation-delay: 0.3s;
}

.delay-3 {
    animation-delay: 0.6s;
}

.delay-4 {
    animation-delay: 0.9s;
}

.delay-5 {
    animation-delay: 1.2s;
}

.delay-6 {
    animation-delay: 1.5s;
}

.section01 {
    overflow: hidden;
    position: relative;
    min-height: 100vh;
    z-index: 200;
    text-align: center;
    background-color: #fff;
    padding-top: 80px;
    background-size: cover;
}

.section01 .inner {
    position: relative;
    z-index: 1;
    height: 90vh;
    padding: 70px 0 0;
    transition: height 0.4s ease;
    opacity: 0;
}

.section01 .inner .info-desc {
    position: absolute;
    bottom: 26%;
    left: 50%;
    width: 56.25rem;
    height: 8.75rem;
    margin-left: -28.125rem;
    background: url("../images/ko/txt_slogan.png") no-repeat 0 0;
    background-size: 100% auto;
    text-indent: -9999em;
}

.section01 .inner .coming-soon {
    position: absolute;
    bottom: 26%;
    left: 50%;
    width: 43.75rem;
    height: 7.1875rem;
    transform: translateX(-50%);
    background: url("../images/ko/txt_comming.png") no-repeat 0 0;
    background-size: 100% auto;
    text-indent: -9999em;
}

.section01 .inner .market-wrap-main {
    position: absolute;
    bottom: 8%;
    left: 50%;
    width: 30rem;
    height: 9.6875rem;
    margin: 1.25rem 0 0.9375rem -15rem;
    display: flex;
    justify-content: space-between;
}

.section01 .inner .market-wrap-main .qr-img {
    display: inline-block;
    width: 9.6875rem;
    height: 9.6875rem;
    background: url("../images/ko/qr_l.png") no-repeat;
    text-indent: -9999em;
}

.section01 .inner .market-wrap-main .wraps {
    width: 18.125rem;
    display: flex;
    flex-direction: column;
}

.section01 .inner .market-wrap-main .wraps[cont-lang=ja] {
    display: none;
}

.section01 .inner .market-wrap-main .btn {
    display: inline-block;
    width: 15.75rem;
    height: 4.6875rem;
    background: url("../images/ko/btn_store_2.png") no-repeat;
    text-indent: -9999em;
    background-size: auto 100%;
    opacity: 1 !important;
    transition: all 0.2s ease-out;
}

.section01 .inner .market-wrap-main .btn:first-of-type {
    margin-bottom: 0.375rem;
}

.section01 .inner .market-wrap-main .btn:hover {
    opacity: 0.75 !important;
}

.section01 .inner .market-wrap-main .btn.market-gp {
    background-position-x: 0;
}

.section01 .inner .market-wrap-main .btn.market-as {
    background-position-x: 100%;
}

.section01 .inner .btn-preregist {
    position: absolute;
    bottom: 8%;
    left: 50%;
    width: 24.125rem;
    height: 6.3125rem;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    margin: 20px 0 15px;
}

.section01 .inner .btn-preregist button {
    display: inline-block;
    width: 24.125rem;
    height: 6.3125rem;
    background: url("../images/ko/btn_preregist.png") no-repeat;
    text-indent: -9999em;
    opacity: 1 !important;
    transition: all 0.2s ease-out;
}

.section01 .bn-floating-list {
    position: fixed;
    top: 180px;
    right: 0;
    z-index: 100;
}

.section01 .bn-floating-list a,
.section01 .bn-floating-list button {
    position: relative;
    right: 0px;
    z-index: 500;
    visibility: visible;
    display: block;
    width: 14.375rem;
    height: 9.3125rem;
    text-indent: -9999em;
    font-size: 0;
    opacity: 0;
    transition: all 0.3s ease-in;
}

.section01 .bn-floating-list .fl-btn-1 {
    background: url(../images/ko/bn_floating_1.png) no-repeat 0 0;
}

.section01 .bn-floating-list .fl-btn-2 {
    height: 10.375rem;
    background: url(../images/ko/bn_floating_2.png) no-repeat 0 0;
}

.section01 .bn-floating-list .fl-btn-3 {
    background: url(../images/ko/bn_floating_3.png) no-repeat 0 0;
}

.section01 .bn-floating-list .fl-btn-4 {
    background: url(../images/ko/bn_floating_4.png) no-repeat 0 0;
}

.section01 .bn-floating-list .fl-btn-5 {
    height: 10.75rem;
    background: url(../images/ko/bn_floating_5.png) no-repeat 0 0;
}

.section01 .bn-floating-list .fl-btn-7 {
    height: 10.75rem;
    background: url(../images/ko/bn_floating_7.png) no-repeat 0 0;
}

.section01 .bn-floating-list .fl-btn-11 {
    background: url(../images/ko/bn_floating_11.png) no-repeat 0 0;
}

.section01 .bg {
    display: block;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/common/bg_section01.jpg") no-repeat center top;
    background-size: cover;
    transform-origin: center;
    transition: all 0.4s;
    opacity: 0;
}

.section01 .is {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
}

.section01 .movie-area {
    margin-top: 200px;
    position: relative;
    z-index: 200;
}

.section01 .btn-movie {
    width: 296px;
    height: 296px;
    background: url("../images/common/btn_play.png") no-repeat 0 0;
    background-size: auto 100%;
    text-indent: -9999em;
    transition: all 2s;
}

.section01 .video-cover {
    overflow: hidden;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    z-index: 100;
}

.section01 .video-cover video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
    object-fit: cover;
}

.section01 .video-cover video.mobile {
    display: none;
}

.section01 .video-cover video.pc {
    display: block;
}

.section01 .bg-video {
    overflow: hidden;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    z-index: 1;
    opacity: 0;
    background-color: #000;
}

.section01 .bg-video video {
    position: absolute;
    top: 0%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 1;
}

.section01 .bg-video video.mobile {
    display: none;
}

.section01 .bg-video video.pc {
    display: block;
}

.section01 .bg-video::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41%, rgba(0, 0, 0, 0.9136029412) 92%);
}

.section01 .bg-video::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: radial-gradient(circle, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0.7455357143) 87%);
}

.section01 .decos {
    width: 100%;
    opacity: 0;
    max-width: 96vw;
    position: absolute;
    top: 16.25rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 40;
}

.section01 .decos .left {
    position: absolute;
    left: 8vw;
    z-index: 10;
}

.section01 .decos .left span.cy-1 {
    display: inline-block;
    text-indent: -9999em;
    width: 2.9166666667vw;
    height: 38.75vw;
    background: url("../images/common/cy_left_1.png") no-repeat center;
    background-size: 100% auto;
    opacity: 0.6;
}

.section01 .decos .right {
    position: absolute;
    right: 8vw;
    z-index: 10;
}

.section01 .decos .right span.cy-1 {
    display: inline-block;
    text-indent: -9999em;
    width: 2.9166666667vw;
    height: 38.75vw;
    background: url("../images/common/cy_right_1.png") no-repeat center;
    background-size: 100% auto;
    opacity: 0.6;
}

.section01 .circles {
    position: absolute;
    opacity: 0;
    top: 50%;
    left: 50%;
    width: 187.5vw;
    height: 187.5vw;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.section01 .circles span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-indent: -9999em;
}

.section01 .circles span.circle1 {
    width: 125vw;
    height: 125vw;
    background: url("../images/common/main_circle_1.png") no-repeat center;
    background-size: 70% auto;
}

.section01 .circles span.circle2 {
    width: 177.0833333333vw;
    height: 177.0833333333vw;
    background: url("../images/common/main_circle_2.png") no-repeat center;
    background-size: 70% auto;
}

.section01 .icon-arr {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    z-index: 50;
    width: 4.1666666667vw;
    height: 2vw;
    transform: translateX(-50%) !important;
    display: inline-block;
    background-image: url("../images/common/arr.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    text-indent: -9999em;
    animation-name: arrDown;
    animation-duration: 0.8s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes arrDown {
    0% {
        bottom: 1rem;
    }
    100% {
        bottom: 0rem;
    }
}

@keyframes arrDown {
    0% {
        bottom: 1rem;
    }
    100% {
        bottom: 0rem;
    }
}

:lang(en) .section01 .inner .info-desc {
    background-image: url("../images/en/txt_slogan.png");
}

:lang(en) .section01 .inner .coming-soon {
    background-image: url("../images/en/txt_comming.png");
}

:lang(en) .bn-floating-list .fl-btn-1 {
    background-image: url("../images/en/bn_floating_1.png");
}

:lang(en) .bn-floating-list .fl-btn-2 {
    background-image: url("../images/en/bn_floating_2.png");
}

:lang(en) .bn-floating-list .fl-btn-3 {
    background-image: url("../images/en/bn_floating_3.png");
}

:lang(en) .bn-floating-list .fl-btn-4 {
    background-image: url("../images/en/bn_floating_4.png");
}

:lang(en) .bn-floating-list .fl-btn-5 {
    background-image: url("../images/en/bn_floating_5.png");
}

:lang(en) .bn-floating-list .fl-btn-7 {
    background-image: url("../images/en/bn_floating_7.png");
}

:lang(en) .bn-floating-list .fl-btn-11 {
    background-image: url("../images/en/bn_floating_11.png");
}

:lang(en) .section01 .inner .market-wrap-main .btn {
    background-image: url("../images/en/btn_store_2.png");
}

:lang(en) .section01 .inner .btn-preregist button {
    background-image: url("../images/en/btn_preregist.png");
}

:lang(en) .section01 .inner .market-wrap-main .qr-img {
    background-image: url("../images/en/qr_l.png");
}

:lang(zh-TW) .section01 .inner .info-desc {
    background-image: url("../images/zh-TW/txt_slogan.png");
}

:lang(zh-TW) .section01 .inner .coming-soon {
    background-image: url("../images/zh-TW/txt_comming.png");
}

:lang(zh-TW) .bn-floating-list .fl-btn-1 {
    display: none;
    background-image: url("../images/zh-TW/bn_floating_1.png");
}

:lang(zh-TW) .bn-floating-list .fl-btn-2 {
    background-image: url("../images/zh-TW/bn_floating_2.png");
}

:lang(zh-TW) .bn-floating-list .fl-btn-3 {
    background-image: url("../images/zh-TW/bn_floating_3.png");
}

:lang(zh-TW) .bn-floating-list .fl-btn-4 {
    background-image: url("../images/zh-TW/bn_floating_4.png");
}

:lang(zh-TW) .bn-floating-list .fl-btn-5 {
    background-image: url("../images/zh-TW/bn_floating_5.png");
}

:lang(zh-TW) .bn-floating-list .fl-btn-7 {
    background-image: url("../images/zh-TW/bn_floating_7.png");
}

:lang(zh-TW) .section01 .inner .market-wrap-main .btn {
    background-image: url("../images/zh-TW/btn_store_2.png");
}

:lang(zh-TW) .section01 .inner .btn-preregist button {
    background-image: url("../images/zh-TW/btn_preregist.png");
}

:lang(zh-TW) .section01 .inner .market-wrap-main .qr-img {
    background-image: url("../images/zh-TW/qr_l.png");
}

:lang(ja) .section01 .inner .info-desc {
    background-image: url("../images/ja/txt_slogan.png");
}

:lang(ja) .section01 .inner .coming-soon {
    background-image: url("../images/ja/txt_comming.png");
}

:lang(ja) .bn-floating-list .fl-btn-1 {
    height: 11.25rem;
    background-image: url("../images/ja/bn_floating_1.png");
}

:lang(ja) .bn-floating-list .fl-btn-2 {
    background-image: url("../images/ja/bn_floating_2.png");
}

:lang(ja) .bn-floating-list .fl-btn-3 {
    background-image: url("../images/ja/bn_floating_3.png");
}

:lang(ja) .bn-floating-list .fl-btn-4 {
    background-image: url("../images/ja/bn_floating_4.png");
}

:lang(ja) .bn-floating-list .fl-btn-5 {
    background-image: url("../images/ja/bn_floating_5.png");
}

:lang(ja) .bn-floating-list .fl-btn-7 {
    background-image: url("../images/ja/bn_floating_7.png");
}

:lang(ja) .bn-floating-list .fl-btn-11 {
    background-image: url("../images/ja/bn_floating_11.png");
}

:lang(en) .section01 .inner .market-wrap-main .wraps .btn {
    width: 10.3125rem;
}

:lang(en) .section01 .inner .market-wrap-main .wraps,
:lang(ja) .section01 .inner .market-wrap-main .wraps {
    flex-direction: column-reverse;
}

:lang(en) .section01 .inner .market-wrap-main .wraps .btn,
:lang(ja) .section01 .inner .market-wrap-main .wraps .btn {
    background-size: auto 100%;
}

:lang(en) .section01 .inner .market-wrap-main .wraps .btn:first-of-type,
:lang(ja) .section01 .inner .market-wrap-main .wraps .btn:first-of-type {
    margin-bottom: 0;
    margin-top: 0.375rem;
}

:lang(ja) .section01 .inner .market-wrap-main .btn {
    background-image: url("../images/ja/btn_store_2.png");
}

:lang(ja) .section01 .inner .btn-preregist button {
    background-image: url("../images/ja/btn_preregist.png");
}

:lang(ja) .section01 .inner .market-wrap-main .qr-img {
    background-image: url("../images/ja/qr_l.png");
}

.pc .section01 .bn-floating-list a:hover,
.pc .section01 .bn-floating-list button:hover {
    right: -40px;
}

.pc .section01 .inner .btn-preregist button:hover {
    margin-top: -0.5rem;
}

#wrapper .market-wrap-main {
    display: flex;
    opacity: 1;
}

#wrapper .btn-preregist {
    display: none;
    opacity: 0;
}

#wrapper.preregist .market-wrap-main {
    display: none;
    opacity: 0;
}

#wrapper.preregist .btn-preregist {
    display: block;
    opacity: 1;
}

@media screen and (min-width: 1921px) {
    :lang(en) .section01 .inner .market-wrap-main .wraps .btn {
        width: 15.3125rem;
    }
}

@media screen and (max-width: 1920px) {
    .section01 .bg-video video {
        width: auto;
        height: auto;
    }
    .section01 .inner .info-desc {
        width: 29.375rem;
        height: 6.25rem;
        margin-left: -14.6875rem;
        bottom: 31%;
    }
    .section01 .inner .market-wrap-main {
        bottom: 19%;
        width: 18.75rem;
        height: 6.875rem;
        margin: 1.25rem 0 0.9375rem -9.375rem;
    }
    .section01 .inner .market-wrap-main .qr-img {
        width: 6.875rem;
        height: 6.875rem;
        background-size: 100% auto;
    }
    .section01 .inner .market-wrap-main .wraps {
        width: auto;
        display: flex;
        flex-direction: column;
    }
    .section01 .inner .market-wrap-main .btn {
        display: inline-block;
        width: 10.5625rem;
        height: 3.125rem;
        background-size: auto 100%;
    }
}

@media screen and (max-width: 1400px) {
    .section01 .bn-floating-list {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .section01 .inner .coming-soon {
        width: 80vw;
        height: 14vw;
        bottom: 30%;
    }
    .section01 .bg {
        top: 3.75rem;
    }
    .section01 .bg-video {
        top: 3.75rem;
    }
    .section01 .video-cover {
        top: 3.75rem;
    }
    .section01 .bn-floating-list {
        display: none;
    }
    .section01 .inner .btn-preregist {
        width: 12.0625rem;
    }
    .section01 .inner .btn-preregist button {
        width: 12.0625rem;
        height: 3.15625rem;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 960px) {
    .section01 {
        padding-top: 4rem;
    }
    .section01 .bg {
        display: block;
        height: 100%;
        top: 0;
        background-image: url(../images/common/bg_section01.jpg);
    }
    .section01 .inner {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        height: 100%;
        padding: 1.5rem 0 0 0;
        min-height: 83vh;
    }
    .section01 .slogan {
        height: 1rem;
        margin-top: -0.8rem;
    }
    .section01 .movie-area {
        margin-top: 9rem;
    }
    .section01 .btn-movie {
        width: 11.375rem;
        height: 11.375rem;
        margin: 0;
        background-size: 100% auto;
        background-position: center;
    }
    .section01 .video-cover {
        height: 100%;
        top: 0;
    }
    .section01 .video-cover video {
        position: static;
        top: 0;
        left: 0;
        max-width: 100%;
        min-height: 100%;
        height: 100%;
        transform: inherit;
        object-fit: cover;
    }
    .section01 .video-cover video.mobile {
        display: block;
    }
    .section01 .video-cover video.pc {
        display: none;
    }
    .section01 .decos {
        display: none;
    }
    .section01 .icon-arr {
        width: 6.125vw;
        height: 3.6vw;
    }
    @-webkit-keyframes arrDown {
        0% {
            bottom: 4rem;
        }
        100% {
            bottom: 3rem;
        }
    }
    @keyframes arrDown {
        0% {
            bottom: 4rem;
        }
        100% {
            bottom: 3rem;
        }
    }
}

@media screen and (max-width: 640px) {
    .section01 {
        padding-top: 2rem;
    }
    .section01 .inner {
        min-height: 95vh;
        padding: 0.8rem 0 0 0;
    }
    .section01 .inner .market-wrap-main {
        bottom: 23%;
        left: auto;
        width: 100%;
        height: auto;
        margin: 20px 0 15px;
    }
    .section01 .inner .market-wrap-main .qr-img {
        display: none;
    }
    .section01 .inner .market-wrap-main .wraps {
        width: 100%;
        display: flex;
        flex-direction: unset;
        justify-content: center;
    }
    .section01 .inner .market-wrap-main .btn {
        width: 39.4791666667vw;
        height: 11.6666666667vw;
    }
    .section01 .inner .market-wrap-main .btn+.btn {
        margin-left: 1.5625vw;
    }
    .section01 .video-cover {
        height: 100%;
        transition: height 0.4s ease;
    }
    .section01 .bg {
        display: block;
        height: 100%;
        top: 0;
        background: #fff;
    }
    .section01 .movie-area {
        margin-top: 13rem !important;
    }
    .section01 .bg-video {
        width: 100%;
        height: 100%;
        transition: height 0.4s ease;
    }
    .section01 .bg-video video.mobile {
        display: block;
        width: 67vh;
        top: 0;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
    .section01 .bg-video video.pc {
        display: none;
    }
    .section01 .bg-video::before {
        background: rgb(0, 0, 0);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.9136029412) 86%);
    }
    .section01 .bg-video::after {
        display: none;
    }
    .section01 .circles {
        width: 281.25vw;
        height: 281.25vw;
    }
    .section01 .circles span.circle1 {
        width: 187.5vw;
        height: 187.5vw;
        background-size: 100% auto;
    }
    .section01 .circles span.circle2 {
        width: 239.5833333333vw;
        height: 239.5833333333vw;
        background-size: 100% auto;
    }
    .section01 .icon-arr {
        width: 13.125vw;
        height: 7.6vw;
    }
    .section01 .inner .btn-preregist {
        width: 15.7222222222rem;
        bottom: 12%;
    }
    .section01 .inner .btn-preregist button {
        width: 15.7222222222rem;
        height: 3.8055555556rem;
        background-size: 100% auto;
    }
    :lang(en) .section01 .inner .market-wrap-main .wraps,
    :lang(ja) .section01 .inner .market-wrap-main .wraps {
        flex-direction: row-reverse;
    }
    :lang(en) .section01 .inner .market-wrap-main .wraps .btn:first-of-type,
    :lang(ja) .section01 .inner .market-wrap-main .wraps .btn:first-of-type {
        margin-top: 0;
        margin-left: 0.375rem;
    }
}

.section02 {
    position: relative;
    min-height: 1200px;
    background: url("../images/common/bg_section02.jpg") no-repeat center top;
    background-size: cover;
    text-align: center;
    overflow: hidden;
}

.section02 .inner {
    position: relative;
    z-index: 100;
    max-width: 1200px;
    padding: 30px 0 0;
    margin: 0 auto;
    transition: height 0.4s ease;
    padding: 5.625rem 0 0;
}

.section02 .tit-area h2 {
    background-position-y: 50%;
}

.section02 .tit-area .desc-txt {
    font-size: 1.375rem;
    line-height: 1.2em;
    color: #fff;
    margin-bottom: 1.75rem;
}

.section02 .tit-area .desc-txt em {
    color: #ebd883;
}

.section02 .desc-txt-2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2em;
    background: rgb(235, 216, 131);
    background: linear-gradient(90deg, rgb(235, 216, 131) 37%, rgb(254, 247, 220) 89%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 2rem;
}

.section02 .cont-box-world {
    position: relative;
    width: 100%;
    transition: all 0.4s;
    padding-bottom: 20rem;
}

.section02 .cont-box-world ul {
    width: 100%;
    justify-content: center;
}

.section02 .cont-box-world ul li {
    position: relative;
    margin: 0 4px;
    width: 322px;
    height: 572px;
    cursor: pointer;
    transition: all 0.4s;
}

.section02 .cont-box-world ul li:nth-child(1) {
    background: url("../images/ko/world1.png") no-repeat;
}

.section02 .cont-box-world ul li:nth-child(2) {
    background: url("../images/ko/world2.png") no-repeat;
    top: 4rem;
}

.section02 .cont-box-world ul li:nth-child(3) {
    background: url("../images/ko/world3.png") no-repeat;
}

.section02 .cont-box-world ul li em {
    position: absolute;
    top: 1.3rem;
    left: 2.5rem;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
}

.section02 .decos .left {
    position: absolute;
    top: 4.375rem;
    left: 50%;
    margin-left: -65.625rem;
}

.section02 .decos .left span {
    display: inline-block;
    text-indent: -9999em;
    position: absolute;
}

.section02 .decos .left span.cy-1 {
    top: 23.125rem;
    left: 25.625rem;
    width: 3.375rem;
    height: 42rem;
    background: url("../images/common/cy_left_1.png") no-repeat center;
}

.section02 .decos .left span.cy-2 {
    top: 31.25rem;
    left: 13.125rem;
    width: 2.875rem;
    height: 18.375rem;
    background: url("../images/common/cy_left_2.png") no-repeat center;
}

.section02 .decos .left span.cy-3 {
    top: 0rem;
    left: 0rem;
    width: 17.875rem;
    height: 51.625rem;
    background: url("../images/common/cy_left_3.png") no-repeat center;
}

.section02 .decos .right {
    position: absolute;
    top: 4.375rem;
    left: 50%;
    margin-left: 65.625rem;
}

.section02 .decos .right span {
    display: inline-block;
    text-indent: -9999em;
    position: absolute;
}

.section02 .decos .right span.cy-1 {
    top: 4.375rem;
    right: 25.625rem;
    width: 3.375rem;
    height: 42rem;
    background: url("../images/common/cy_right_1.png") no-repeat center;
}

.section02 .decos .right span.cy-2 {
    top: 31.25rem;
    right: 13.125rem;
    width: 2.875rem;
    height: 18.375rem;
    background: url("../images/common/cy_right_2.png") no-repeat center;
}

.section02 .decos .right span.cy-3 {
    top: 27.5rem;
    right: 0rem;
    width: 17.875rem;
    height: 51.625rem;
    background: url("../images/common/cy_right_3.png") no-repeat center;
}

.section02 .circles {
    position: absolute;
    bottom: -73.75rem;
    left: 50%;
    width: 87.5rem;
    height: 87.5rem;
    margin-left: -43.75rem;
}

.section02 .circles span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999em;
}

.section02 .circles span.circle1 {
    background: url("../images/common/circle_1.png") no-repeat center;
}

.section02 .circles span.circle2 {
    background: url("../images/common/circle_2.png") no-repeat center;
}

.section02 .circles span.circle3 {
    background: url("../images/common/circle_3.png") no-repeat center;
}

:lang(en) .section02 .cont-box-world ul li:nth-child(1) {
    background: url("../images/en/world1.png") no-repeat;
}

:lang(en) .section02 .cont-box-world ul li:nth-child(2) {
    background: url("../images/en/world2.png") no-repeat;
}

:lang(en) .section02 .cont-box-world ul li:nth-child(3) {
    background: url("../images/en/world3.png") no-repeat;
}

:lang(zh-TW) .section02 .cont-box-world ul li:nth-child(1) {
    background: url("../images/zh-TW/world1.png") no-repeat;
}

:lang(zh-TW) .section02 .cont-box-world ul li:nth-child(2) {
    background: url("../images/zh-TW/world2.png") no-repeat;
}

:lang(zh-TW) .section02 .cont-box-world ul li:nth-child(3) {
    background: url("../images/zh-TW/world3.png") no-repeat;
}

.pc .section02 .cont-box-world ul li:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.pc .section02 .cont-box-world ul li:hover:nth-child(1) {
    background: url("../images/ko/world1on.png") no-repeat;
}

.pc .section02 .cont-box-world ul li:hover:nth-child(2) {
    background: url("../images/ko/world2on.png") no-repeat;
}

.pc .section02 .cont-box-world ul li:hover:nth-child(3) {
    background: url("../images/ko/world3on.png") no-repeat;
}

.pc :lang(en) .section02 .cont-box-world ul li:hover:nth-child(1) {
    background: url("../images/en/world1on.png") no-repeat;
}

.pc :lang(en) .section02 .cont-box-world ul li:hover:nth-child(2) {
    background: url("../images/en/world2on.png") no-repeat;
}

.pc :lang(en) .section02 .cont-box-world ul li:hover:nth-child(3) {
    background: url("../images/en/world3on.png") no-repeat;
}

.pc :lang(zh-TW) .section02 .cont-box-world ul li:hover:nth-child(1) {
    background: url("../images/zh-TW/world1on.png") no-repeat;
}

.pc :lang(zh-TW) .section02 .cont-box-world ul li:hover:nth-child(2) {
    background: url("../images/zh-TW/world2on.png") no-repeat;
}

.pc :lang(zh-TW) .section02 .cont-box-world ul li:hover:nth-child(3) {
    background: url("../images/zh-TW/world3on.png") no-repeat;
}

.pc :lang(ja) .section02 .cont-box-world ul li:hover:nth-child(1) {
    background: url("../images/ja/world1on.png") no-repeat;
}

.pc :lang(ja) .section02 .cont-box-world ul li:hover:nth-child(2) {
    background: url("../images/ja/world2on.png") no-repeat;
}

.pc :lang(ja) .section02 .cont-box-world ul li:hover:nth-child(3) {
    background: url("../images/ja/world3on.png") no-repeat;
}

@media screen and (max-width: 1200px) {
    .section02 .cont-box-world ul li {
        width: 15.625rem;
        height: 31.25rem;
        background-size: 100% auto !important;
    }
    .section02 .cont-box-world ul li em {
        top: 0.9rem;
        left: 2rem;
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 960px) {
    .section02 {
        min-height: unset;
    }
    .section02 .inner {
        padding: 3rem 0 0;
    }
    .section02 .tit-area .desc-txt {
        font-size: 1rem;
    }
    .section02 .desc-txt-2 {
        font-size: 1.375rem;
        margin-bottom: 2rem;
    }
    .section02 .cont-box-world {
        padding-bottom: 7rem;
    }
    .section02 .cont-box-world ul li {
        width: 10.625rem;
        height: 25rem;
    }
    .section02 .circles {
        bottom: -68.125rem;
        transform: scale(0.8);
    }
    .section02 .decos {
        display: none;
    }
    .section02 .cont-box-world ul li em {
        top: 0.6rem;
        left: 1.3rem;
        font-size: 0.86rem;
    }
}

@media screen and (max-width: 640px) {
    .section02 {
        background-image: url("../images/common/bg_section02_m.jpg");
    }
    .section02 .tit-area .desc-txt {
        font-size: 0.8125rem;
        line-height: 1.4em;
    }
    .section02 .desc-txt-2 {
        font-size: 1.125rem;
        margin-bottom: 2rem;
    }
    .section02 .cont-box-world {
        width: 100%;
        margin: 2rem 0;
        padding-bottom: 2rem;
    }
    .section02 .cont-box-world ul {
        justify-content: center;
        flex-direction: column;
    }
    .section02 .cont-box-world ul li {
        width: 98vw;
        height: 30.4vw;
        background-image: url("../images/ko/world_m.png") !important;
        transition: none;
    }
    .section02 .cont-box-world ul li:nth-child(1) {
        background-position-y: 0 !important;
    }
    .section02 .cont-box-world ul li:nth-child(2) {
        background-position-y: 50% !important;
        top: 0;
    }
    .section02 .cont-box-world ul li:nth-child(3) {
        background-position-y: 100% !important;
    }
    .section02 .cont-box-world ul li:hover {
        background-image: url("../images/ko/world_m.png") !important;
    }
    .section02 .cont-box-world ul li em {
        top: 1.3vw;
        left: 50%;
        transform: translateX(-50%);
        font-size: 3.7vw;
        font-weight: 700;
    }
    .section02 .circles {
        bottom: -61.875rem;
        transform: scale(0.6);
    }
    :lang(en) .section02 .cont-box-world ul li {
        background-image: url("../images/en/world_m.png") !important;
        transition: none;
    }
    :lang(en) .section02 .cont-box-world ul li:nth-child(1) {
        background-position-y: 0 !important;
    }
    :lang(en) .section02 .cont-box-world ul li:nth-child(2) {
        background-position-y: 50% !important;
        top: 0;
    }
    :lang(en) .section02 .cont-box-world ul li:nth-child(3) {
        background-position-y: 100% !important;
    }
    :lang(en) .section02 .cont-box-world ul li:hover {
        background-image: url("../images/en/world_m.png") !important;
    }
    :lang(zh-TW) .section02 .cont-box-world ul li {
        background-image: url("../images/zh-TW/world_m.png") !important;
        transition: none;
    }
    :lang(zh-TW) .section02 .cont-box-world ul li:nth-child(1) {
        background-position-y: 0 !important;
    }
    :lang(zh-TW) .section02 .cont-box-world ul li:nth-child(2) {
        background-position-y: 50% !important;
        top: 0;
    }
    :lang(zh-TW) .section02 .cont-box-world ul li:nth-child(3) {
        background-position-y: 100% !important;
    }
    :lang(zh-TW) .section02 .cont-box-world ul li:hover {
        background-image: url("../images/zh-TW/world_m.png") !important;
    }
    :lang(ja) .section02 .cont-box-world ul li {
        background-image: url("../images/ja/world_m.png") !important;
        transition: none;
    }
    :lang(ja) .section02 .cont-box-world ul li:nth-child(1) {
        background-position-y: 0 !important;
    }
    :lang(ja) .section02 .cont-box-world ul li:nth-child(2) {
        background-position-y: 50% !important;
        top: 0;
    }
    :lang(ja) .section02 .cont-box-world ul li:nth-child(3) {
        background-position-y: 100% !important;
    }
    :lang(ja) .section02 .cont-box-world ul li:hover {
        background-image: url("../images/ja/world_m.png") !important;
    }
}

@media screen and (max-width: 360px) {
    .circles {
        display: none;
    }
}

.section03 {
    position: relative;
    min-height: 1230px;
    background: url("../images/common/bg_section03.jpg") no-repeat center top;
    background-size: cover;
    text-align: center;
    overflow: hidden;
}

.section03 .inner {
    position: relative;
    z-index: 100;
    max-width: 1200px;
    height: 100%;
    padding: 30px 0 0;
    margin: 0 auto;
    padding: 5.625rem 0 0;
}

.section03 .tit-area h2 {
    background-position-y: -8.75rem;
}

.section03 .cont-box-character {
    position: relative;
    width: 100%;
    text-indent: -9999em;
    transition: height 0.5s ease;
}

.section03 .cont-box-character .img-tit {
    position: absolute;
    top: -3.75rem;
    left: -1.875rem;
    z-index: 10;
    width: 39.5rem;
    height: 58rem;
    background: url("../images/ko/sec3_img_deco_1.png") no-repeat center;
}

.section03 .cont-box-character .chars-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 37.5rem;
    transition: height 0.1s ease;
    width: 32.875rem;
    height: 55rem;
    background: url("../images/common/sec3_bg_charlist.png") no-repeat;
}

.section03 .cont-box-character .chars-list ul {
    padding: 2rem 0 0 1rem;
    text-indent: 0;
}

.section03 .cont-box-character .chars-list ul li {
    position: relative;
    transition: all 0.1s;
    display: inline-block;
    width: 8.875rem;
    height: 10.6875rem;
    margin: 0 1.125rem 1.25rem 0;
}

.section03 .cont-box-character .chars-list ul li em {
    display: block;
    color: #fff;
    width: 8.875rem;
    height: 1.125rem;
    font-size: 1.0625rem;
    margin-top: 0.3125rem;
}

.section03 .cont-box-character .chars-list ul li i {
    display: inline-block;
    width: 8.875rem;
    height: 8.875rem;
    background: url("../images/common/char_icons.png") no-repeat;
}

.section03 .cont-box-character .chars-list ul li:nth-child(1) i {
    background-position: 0 0;
}

.section03 .cont-box-character .chars-list ul li:nth-child(2) i {
    background-position: 50% 0;
}

.section03 .cont-box-character .chars-list ul li:nth-child(3) i {
    background-position: 100% 0;
}

.section03 .cont-box-character .chars-list ul li:nth-child(4) i {
    background-position: 0 33.3333%;
}

.section03 .cont-box-character .chars-list ul li:nth-child(5) i {
    background-position: 50% 33.3333%;
}

.section03 .cont-box-character .chars-list ul li:nth-child(6) i {
    background-position: 100% 33.3333%;
}

.section03 .cont-box-character .chars-list ul li:nth-child(7) i {
    background-position: 0 66.6666%;
}

.section03 .cont-box-character .chars-list ul li:nth-child(8) i {
    background-position: 50% 66.6666%;
}

.section03 .cont-box-character .chars-list ul li:nth-child(9) i {
    background-position: 100% 66.6666%;
}

.section03 .cont-box-character .chars-list ul li:nth-child(10) i {
    background-position: 0 100%;
}

.section03 .cont-box-character .chars-list ul li:nth-child(11) i {
    background-position: 50% 100%;
}

.section03 .cont-box-character .chars-list ul li:nth-child(12) i {
    background-position: 100% 100%;
}

.section03 .cont-box-character .chars-list ul li.on {
    cursor: pointer;
}

.section03 .cont-box-character .chars-list ul li.on::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
    transition: all 0.18s;
    opacity: 0;
    transform: rotate(-180deg) scale(0);
    width: 9rem;
    height: 9rem;
    background: url("../images/common/char_icons_over.png") no-repeat;
}

.section03 .cont-box-character .chars-list ul li.off i {
    background-image: url("../images/common/comingsoon.png");
}

.section03 .cont-box-character .chars-list .click-deco {
    position: absolute;
    bottom: 1.25rem;
    left: 11.875rem;
    text-indent: 0;
}

.section03 .cont-box-character .chars-list .click-deco i:nth-child(1) {
    display: inline-block;
    width: 4.4375rem;
    height: 1.5rem;
    background: url("../images/common/img_click_1.png") no-repeat;
    transition: all 0.15s;
    margin-right: 0.3125rem;
}

.section03 .cont-box-character .chars-list .click-deco i:nth-child(2) {
    display: inline-block;
    width: 4.4375rem;
    height: 1.5rem;
    background: url("../images/common/img_click_2.png") no-repeat;
    transition: all 0.15s;
}

.section03 .cont-box-character .detail-box {
    display: none;
    text-indent: 0;
    font-size: 1.0625rem;
    line-height: 1.3;
    position: relative;
    z-index: 10;
}

.section03 .cont-box-character .detail-box.on {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 37.5rem;
}

.section03 .cont-box-character .detail-box .back {
    display: inline-block;
    width: 6.875rem;
    height: 2.25rem;
    background: url("../images/ko/btn_back.png") no-repeat center;
    text-indent: -9999%;
    margin-bottom: 0.5rem;
    cursor: pointer;
    z-index: 100;
}

.section03 .cont-box-character .detail-box .char-thumb {
    position: relative;
    z-index: 20;
    width: 32.875rem;
    height: 8.75rem;
    background: url("../images/common/char_thumb_bg.png") no-repeat center;
    padding: 1rem 3.7rem;
    margin-bottom: 0.9375rem;
}

.section03 .cont-box-character .detail-box .char-thumb .overflow-h {
    overflow: hidden;
    position: relative;
}

.section03 .cont-box-character .detail-box .char-thumb .overflow-h.three-under::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: inline-block;
    width: 5.875rem;
    height: 5.875rem;
    background: url("../images/common/comingsoon.png") no-repeat;
    background-size: 100% auto;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide {
    cursor: pointer;
    transition: all 0.3s;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide .char-img {
    position: relative;
    display: inline-block;
    width: 5.75rem;
    height: 5.75rem;
    background: url("../images/common/char_icons.png") no-repeat;
    background-size: 18.75rem auto;
    text-indent: -9999em;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.num_1 .char-img {
    background-position: 0 0;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.num_2 .char-img {
    background-position: 50% 0;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.num_3 .char-img {
    background-position: 100% 0;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.num_4 .char-img {
    background-position: 0 33.3333%;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.num_5 .char-img {
    background-position: 50% 33.3333%;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.num_6 .char-img {
    background-position: 100% 33.3333%;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.num_7 .char-img {
    background-position: 0 66.6666%;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.num_8 .char-img {
    background-position: 50% 66.6666%;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.num_9 .char-img {
    background-position: 100% 66.6666%;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.num_10 .char-img {
    background-position: 0 100%;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.num_11 .char-img {
    background-position: 50% 100%;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.num_12 .char-img {
    background-position: 100% 100%;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
    transition: all 0.18s;
    opacity: 0;
    transform: rotate(-180deg) scale(0);
    width: 5.875rem;
    height: 5.875rem;
    background: url("../images/common/char_icons_over.png") no-repeat;
    background-size: 100% auto;
}

.section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.section03 .cont-box-character .detail-box .swiper-button-prev {
    position: absolute;
    left: 0.1875rem;
    right: auto;
}

.section03 .cont-box-character .detail-box .swiper-button-next {
    position: absolute;
    right: 0.1875rem;
    left: auto;
}

.section03 .cont-box-character .detail-box .swiper-button-next,
.section03 .cont-box-character .detail-box .swiper-button-prev {
    top: 2.1875rem;
    width: 2.5rem;
    height: 7.5rem;
    background: url("../images/common/ico_arrow.png") no-repeat 0 100%;
}

.section03 .cont-box-character .detail-box .swiper-button-next {
    background-position-x: 100%;
}

.section03 .cont-box-character .detail-box .swiper-button-prev:after,
.section03 .cont-box-character .detail-box .swiper-button-next:after {
    display: none;
}

.section03 .cont-box-character .detail-box .swiper-button-next,
.section03 .cont-box-character .detail-box .swiper-button-prev,
.section03 .cont-box-character .detail-box .swiper-pagination .swiper-pagination-bullet {
    -webkit-tap-highlight-color: transparent;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.section03 .cont-box-character .detail-box .swiper-container {
    position: relative;
    z-index: 10;
    width: 100%;
}

.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide {
    position: relative;
    height: 100%;
    opacity: 0 !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide-prev,
.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide-next,
.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide-duplicate {
    opacity: 0 !important;
}

.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide-active {
    opacity: 1 !important;
    z-index: 100;
}

.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide .char-wrap {
    position: relative;
    z-index: 1;
    width: 33rem;
    height: 42.625rem;
    background: url("../images/common/swiper_bg.png") no-repeat center;
}

.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide::after {
    display: inline-block;
    position: absolute;
    top: -16.25rem;
    left: -53.8125rem;
    width: 54rem;
    height: 62.1875rem;
    background: url("../images/common/character/1.png") no-repeat center;
}

.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide.char-info6 .links li:first-child {
    display: none;
}

.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide.char-info7 .links li:first-child {
    display: none;
}

.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide.char-info8 .links li:first-child {
    display: none;
}

.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide.char-info9 .links li:first-child {
    display: none;
}

.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide.char-info10 .links li:first-child {
    display: none;
}

.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide.char-info11 .links li:first-child {
    display: none;
}

.section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide.char-info12 .links li:first-child {
    display: none;
}

.section03 .cont-box-character .detail-box .char-wrap {
    color: #fff;
    padding: 2.375rem;
}

.section03 .cont-box-character .detail-box .char-wrap .flex {
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .ch-nick {
    color: #a8eaff;
    font-size: 1.5rem;
    font-weight: 500;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .ch-name {
    color: #fff;
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 1.75rem;
}

.section03 .cont-box-character .detail-box .char-wrap .flex dl {
    display: flex;
    justify-content: flex-start;
}

.section03 .cont-box-character .detail-box .char-wrap .flex dl dt,
.section03 .cont-box-character .detail-box .char-wrap .flex dl dd {
    font-size: 1.25rem;
    font-weight: 500;
}

.section03 .cont-box-character .detail-box .char-wrap .flex dl dt {
    width: 4.875rem;
    height: 1.875rem;
    background: url("../images/ko/img_prop.png") no-repeat;
    background-size: 4.875rem auto;
    text-indent: -9999%;
    margin-right: 0.5rem;
}

.section03 .cont-box-character .detail-box .char-wrap .flex dl dt.dt1 {
    background-position-y: 0;
}

.section03 .cont-box-character .detail-box .char-wrap .flex dl dt.dt2 {
    background-position-y: 50%;
}

.section03 .cont-box-character .detail-box .char-wrap .flex dl dt.dt3 {
    background-position-y: 100%;
}

.section03 .cont-box-character .detail-box .char-wrap .flex dl dd {
    width: 23rem;
}

.section03 .cont-box-character .detail-box .char-wrap .flex dl+dl {
    margin-top: 0.5rem;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .ch-desc {
    color: #cdcdcd;
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 1.75rem;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .util-btns {
    position: absolute;
    top: 4.25rem;
    right: 2.375rem;
    display: flex;
    column-gap: 0.8rem;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .util-btns span {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background: url("../images/common/icon_prop.png") no-repeat;
    background-size: 100% auto;
    text-indent: -9999%;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .util-btns span.ch-porp-1 {
    background-position-y: 0;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .util-btns span.ch-porp-2 {
    background-position-y: 25%;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .util-btns span.ch-porp-3 {
    background-position-y: 50%;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .util-btns span.ch-porp-4 {
    background-position-y: 75%;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .util-btns span.ch-porp-5 {
    background-position-y: 100%;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .util-btns .voice {
    position: relative;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .util-btns .voice .btn-voice {
    display: inline-block;
    width: 3.125rem;
    height: 3.125rem;
    background: url("../images/common/bg_voice.png") no-repeat;
    background-position-y: 0;
    background-size: 100% auto;
    text-indent: -9999em;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .util-btns .voice .btn-voice.on {
    background-position-y: 100%;
}

.section03 .cont-box-character .detail-box .char-wrap .flex .util-btns .voice .btn-voice.on:after {
    content: "";
    position: absolute;
    top: 0.5625rem;
    left: 0.75rem;
    width: 1.625rem;
    height: 2.125rem;
    background: url("../images/common/equalizer_voice.gif") no-repeat;
    background-size: 100% auto;
}

.section03 .cont-box-character .detail-box .char-wrap .links {
    text-align: left;
    margin-top: 1.875rem;
}

.section03 .cont-box-character .detail-box .char-wrap .links ul li {
    display: inline-block;
    margin: 0 1.125rem 1.125rem 0;
    vertical-align: middle;
}

.section03 .cont-box-character .detail-box .char-wrap .links ul li a,
.section03 .cont-box-character .detail-box .char-wrap .links ul li button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    width: 12.625rem;
    height: 3.625rem;
    padding-left: 1.25rem;
    transition: all 0.3s;
    background: url("../images/common/detail-btns.png") no-repeat;
    background-size: 12.625rem auto;
}

.section03 .cont-box-character .detail-box .char-wrap .links ul li a em,
.section03 .cont-box-character .detail-box .char-wrap .links ul li button em {
    font-size: 1.1875rem;
    font-weight: 700;
    color: #000;
}

.section03 .cont-box-character .detail-box .char-wrap .links ul li a {
    background-position-y: 0;
}

.section03 .cont-box-character .detail-box .char-wrap .links ul li .l-btns-1 {
    background-position-y: 50%;
}

.section03 .cont-box-character .detail-box .char-wrap .links ul li .l-btns-2 {
    background-position-y: 100%;
}

.section03 .cont-box-character .detail-box .char-wrap .links ul li .l-btns-3 {
    background-position-y: 100%;
}

.section03 .cont-box-character .detail-box lottie-player {
    position: absolute;
    top: -210px;
    left: -601px;
    z-index: -1;
}

.section03 .cont-box-character .detail-box .lottie-1 {
    width: 500px;
    height: 920px;
}

.section03 .cont-box-character .detail-box .lottie-2 {
    width: 500px;
    height: 920px;
}

.section03 .cont-box-character .detail-box .lottie-3 {
    width: 566px;
    height: 920px;
    left: -668px;
}

.section03 .cont-box-character .detail-box .lottie-4 {
    width: 644px;
    height: 920px;
    left: -653px;
}

.section03 .cont-box-character .detail-box .lottie-5 {
    width: 800px;
    height: 920px;
    left: -755px;
}

.section03 .cont-box-character .detail-box .lottie-6 {
    width: 500px;
    height: 920px;
}

.section03 .cont-box-character .detail-box .lottie-7 {
    width: 800px;
    height: 920px;
    top: -194px;
    left: -741px;
}

.section03 .cont-box-character .detail-box .lottie-8 {
    width: 800px;
    height: 920px;
    left: -744px;
}

.section03 .cont-box-character .detail-box .lottie-9 {
    width: 800px;
    height: 920px;
    top: -170px;
    left: -744px;
}

.section03 .cont-box-character .detail-box .lottie-10 {
    width: 660px;
    height: 920px;
    top: -140px;
    left: -674px;
}

.section03 .cont-box-character .detail-box .lottie-11 {
    width: 700px;
    height: 920px;
    top: -210px;
    left: -694px;
}

.section03 .cont-box-character .detail-box .lottie-12 {
    width: 500px;
    height: 920px;
    top: -198px;
    left: -584px;
}

.section03 .decos {
    position: absolute;
    top: 11.875rem;
    left: -5rem;
    z-index: 1;
    display: inline-block;
    width: 41.625rem;
    height: 63.6875rem;
    background: url("../images/common/sec3_deco.png") no-repeat;
}

:lang(en) .section03 .cont-box-character .img-tit {
    background-image: url("../images/en/sec3_img_deco_1.png");
}

:lang(en) .section03 .cont-box-character .detail-box .back {
    background-image: url("../images/en/btn_back.png");
}

:lang(en) .section03 .cont-box-character .detail-box .char-wrap .flex dl dt {
    background-image: url("../images/en/img_prop.png");
}

:lang(en) .section03 .cont-box-character .detail-box .char-wrap .links ul li a em,
:lang(en) .section03 .cont-box-character .detail-box .char-wrap .links ul li button em {
    font-size: 0.8125rem;
    letter-spacing: -0.02rem;
}

:lang(zh-TW) .section03 .cont-box-character .img-tit {
    background-image: url("../images/zh-TW/sec3_img_deco_1.png");
}

:lang(zh-TW) .section03 .cont-box-character .detail-box .back {
    background-image: url("../images/zh-TW/btn_back.png");
}

:lang(zh-TW) .section03 .cont-box-character .detail-box .char-wrap .flex dl dt {
    background-image: url("../images/zh-TW/img_prop.png");
}

:lang(zh-TW) .section03 .cont-box-character .chars-list .click-deco {
    left: 12.2rem;
}

:lang(zh-TW) .section03 .cont-box-character .chars-list .click-deco i:nth-child(1) {
    width: 7.5625rem;
    height: 1.5rem;
    background-image: url("../images/zh-TW/img_click_1.png");
}

:lang(zh-TW) .section03 .cont-box-character .chars-list .click-deco i:nth-child(2) {
    display: none;
}

@media screen and (max-width: 1200px) {
    .section03 .cont-box-character {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .section03 .cont-box-character .chars-list {
        margin-left: 0;
        position: relative;
        top: 0;
        left: 0;
    }
    .section03 .cont-box-character .img-tit {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        z-index: 10;
        margin-top: -14.5833333333vw;
        width: 90.5208333333vw;
        height: 47.1875vw;
        background: url("../images/ko/sec3_img_deco_1_m.png") no-repeat center;
        background-size: 100% auto;
    }
    .section03 .cont-box-character .detail-box {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: 0rem;
    }
    .section03 .cont-box-character .detail-box.on {
        margin-left: -12rem;
    }
    .section03 .cont-box-character .detail-box .swiper-container {
        width: 32.875rem;
    }
    .section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide::after {
        left: -38rem;
        z-index: -1;
    }
    .section03 .cont-box-character .detail-box .lottie-1 {
        left: -348px;
    }
    .section03 .cont-box-character .detail-box .lottie-2 {
        left: -348px;
    }
    .section03 .cont-box-character .detail-box .lottie-3 {
        left: -410px;
    }
    .section03 .cont-box-character .detail-box .lottie-4 {
        left: -418px;
    }
    .section03 .cont-box-character .detail-box .lottie-5 {
        left: -503px;
    }
    .section03 .cont-box-character .detail-box .lottie-6 {
        left: -388px;
    }
    .section03 .cont-box-character .detail-box .lottie-7 {
        left: -555px;
    }
    .section03 .cont-box-character .detail-box .lottie-8 {
        left: -505px;
    }
    .section03 .cont-box-character .detail-box .lottie-9 {
        left: -515px;
    }
    .section03 .cont-box-character .detail-box .lottie-10 {
        left: -508px;
    }
    .section03 .cont-box-character .detail-box .lottie-11 {
        left: -478px;
    }
    .section03 .cont-box-character .detail-box .lottie-12 {
        left: -348px;
    }
    .section03 .decos {
        display: none;
    }
    :lang(en) .section03 .cont-box-character .img-tit {
        background-image: url("../images/en/sec3_img_deco_1_m.png");
    }
    :lang(zh-TW) .section03 .cont-box-character .img-tit {
        background-image: url("../images/zh-TW/sec3_img_deco_1_m.png");
    }
    .ios .section03 lottie-player {
        display: none;
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: unset;
        width: 30vw;
        height: 40vw;
        background: url("../images/common/character/char_m_new_1.png") no-repeat center;
        background-size: 100% auto;
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide.char-info1:before {
        top: -13vw;
        right: -13vw;
        width: 80vw;
        height: 140vw;
        z-index: -1;
        background-image: url("../images/common/character/char_m_new_1.png");
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide.char-info2:before {
        top: -13vw;
        right: -13vw;
        width: 80vw;
        height: 140vw;
        z-index: -1;
        background-image: url("../images/common/character/char_m_new_2.png");
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide.char-info3:before {
        top: -20vw;
        right: -8vw;
        width: 80vw;
        height: 140vw;
        z-index: -1;
        background-image: url("../images/common/character/char_m_new_3.png");
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide.char-info4:before {
        top: -18vw;
        right: -25vw;
        width: 101vw;
        height: 139vw;
        z-index: -1;
        background-image: url("../images/common/character/char_m_new_4.png");
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide.char-info5:before {
        top: -18vw;
        right: -30vw;
        width: 119vw;
        height: 147vw;
        z-index: -1;
        background-image: url("../images/common/character/char_m_new_5.png");
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide.char-info6:before {
        top: -13vw;
        right: -13vw;
        width: 80vw;
        height: 140vw;
        z-index: -1;
        background-image: url("../images/common/character/char_m_new_6.png");
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide.char-info7:before {
        top: -11vw;
        right: -34vw;
        width: 119vw;
        height: 146vw;
        z-index: -1;
        background-image: url("../images/common/character/char_m_new_7.png");
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide.char-info8:before {
        top: -17vw;
        right: -32vw;
        width: 114vw;
        height: 142vw;
        z-index: -1;
        background-image: url("../images/common/character/char_m_new_8.png");
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide.char-info9:before {
        top: -13vw;
        right: -39vw;
        width: 122vw;
        height: 154vw;
        z-index: -1;
        background-image: url("../images/common/character/char_m_new_9.png");
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide.char-info10:before {
        top: -25vw;
        right: -18vw;
        width: 102vw;
        height: 143vw;
        z-index: -1;
        background-image: url("../images/common/character/char_m_new_10.png");
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide.char-info11:before {
        top: -15vw;
        right: -29vw;
        width: 110vw;
        height: 143vw;
        z-index: -1;
        background-image: url("../images/common/character/char_m_new_11.png");
    }
    .ios .section03 .swiper-container .swiper-wrapper .swiper-slide.char-info12:before {
        top: -13vw;
        right: -13vw;
        width: 80vw;
        height: 140vw;
        z-index: -1;
        background-image: url("../images/common/character/char_m_new_12.png");
    }
}

@media screen and (max-width: 960px) {
    .section03 {
        min-height: unset;
    }
    .section03 .inner {
        padding: 3rem 0 0;
    }
    .section03 .cont-box-character .detail-box {
        position: relative;
        top: 0;
        left: 0;
    }
    .section03 .cont-box-character .detail-box.on {
        margin-left: 9rem;
    }
    .section03 .cont-box-character .detail-box .swiper-container {
        width: 32.875rem;
    }
    .section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide::after {
        left: -38rem;
        z-index: 0;
    }
    .section03 .cont-box-character .detail-box .swiper-container .char-wrap {
        margin-bottom: 3.125rem;
    }
    .section03 .cont-box-character .chars-list {
        width: 104.1666666667vw;
        height: 111.0416666667vw;
        transition: all 0s;
        background-image: url("../images/common/sec3_bg_charlist_m.png");
        background-size: 100% auto;
    }
    .section03 .cont-box-character .chars-list ul {
        padding: 5vw 0 0 2vw;
    }
    .section03 .cont-box-character .chars-list ul li {
        width: 18.125vw;
        height: 23.9583333333vw;
        margin: 0 3.6458333333vw 4.1666666667vw 0;
    }
    .section03 .cont-box-character .chars-list ul li i {
        display: inline-block;
        width: 18.125vw;
        height: 18.125vw;
        background: url("../images/common/char_icons_m.png") no-repeat;
        background-size: 78.75vw auto;
    }
    .section03 .cont-box-character .chars-list ul li em {
        display: block;
        color: #fff;
        width: 100%;
        height: 4.6875vw;
        font-size: 1.0625rem;
        margin-top: 1.0416666667vw;
    }
    .section03 .cont-box-character .chars-list ul li:nth-child(1) i {
        background-position: 0 0;
    }
    .section03 .cont-box-character .chars-list ul li:nth-child(2) i {
        background-position: 33.3333% 0;
    }
    .section03 .cont-box-character .chars-list ul li:nth-child(3) i {
        background-position: 66.6666% 0;
    }
    .section03 .cont-box-character .chars-list ul li:nth-child(4) i {
        background-position: 100% 0;
    }
    .section03 .cont-box-character .chars-list ul li:nth-child(5) i {
        background-position: 0 50%;
    }
    .section03 .cont-box-character .chars-list ul li:nth-child(6) i {
        background-position: 33.3333% 50%;
    }
    .section03 .cont-box-character .chars-list ul li:nth-child(7) i {
        background-position: 66.6666% 50%;
    }
    .section03 .cont-box-character .chars-list ul li:nth-child(8) i {
        background-position: 100% 50%;
    }
    .section03 .cont-box-character .chars-list ul li:nth-child(9) i {
        background-position: 0 100%;
    }
    .section03 .cont-box-character .chars-list ul li:nth-child(10) i {
        background-position: 33.3333% 100%;
    }
    .section03 .cont-box-character .chars-list ul li:nth-child(11) i {
        background-position: 66.6666% 100%;
    }
    .section03 .cont-box-character .chars-list ul li:nth-child(12) i {
        background-position: 100% 100%;
    }
    .section03 .cont-box-character .chars-list ul li.on::after {
        display: none;
    }
    .section03 .cont-box-character .chars-list ul li.off i {
        background-image: url("../images/common/comingsoon.png");
        background-size: 100% auto;
    }
    .section03 .cont-box-character .chars-list .click-deco {
        display: none;
    }
    .section03 .cont-box-character .detail-box .char-wrap .flex dl dd {
        width: 70vw;
    }
    .section03 .tit-area h2 {
        background-position-y: -4.5rem;
    }
    :lang(en) .section03 .tit-area h2 {
        background-position-y: -4.625rem;
    }
    :lang(zh-TW) .section03 .tit-area h2 {
        background-position-y: -4.625rem;
    }
}

@media screen and (max-width: 640px) {
    .section03 {
        background-image: url("../images/common/bg_section03_m.jpg");
    }
    .section03 .cont-box-character .detail-box {
        position: relative;
        top: 0;
        left: 0;
    }
    .section03 .cont-box-character .detail-box.on {
        margin-left: 0rem;
    }
    .section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide .char-wrap {
        background: none;
        padding: 0.5rem;
    }
    .section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide::after {
        content: "";
        top: unset;
        bottom: -30vw;
        left: unset;
        right: -3vw;
        width: 110vw;
        height: 118vw;
        background: rgb(0, 0, 0);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7589810924) 32%, rgba(0, 0, 0, 0.7427345938) 100%);
    }
    .section03 .cont-box-character .detail-box .lottie-1 {
        left: 24vw;
        top: -24vw;
        width: 87.125vw;
        height: 159.75vw;
    }
    .section03 .cont-box-character .detail-box .lottie-2 {
        left: 24vw;
        top: -24vw;
        width: 87.125vw;
        height: 159.75vw;
    }
    .section03 .cont-box-character .detail-box .lottie-3 {
        left: 20vw;
        top: -21vw;
        width: 86.125vw;
        height: 143.75vw;
    }
    .section03 .cont-box-character .detail-box .lottie-4 {
        left: 23vw;
        top: -22vw;
        width: 99.125vw;
        height: 142.75vw;
    }
    .section03 .cont-box-character .detail-box .lottie-5 {
        left: 4vw;
        top: -15vw;
        width: 129.125vw;
        height: 143.75vw;
    }
    .section03 .cont-box-character .detail-box .lottie-6 {
        left: 28vw;
        top: -15vw;
        width: 78.125vw;
        height: 143.75vw;
    }
    .section03 .cont-box-character .detail-box .lottie-7 {
        left: 8vw;
        top: -12vw;
        width: 122.125vw;
        height: 143.75vw;
    }
    .section03 .cont-box-character .detail-box .lottie-8 {
        left: 8vw;
        top: -20vw;
        width: 123.125vw;
        height: 143.75vw;
    }
    .section03 .cont-box-character .detail-box .lottie-9 {
        left: 9vw;
        top: -11vw;
        width: 125.125vw;
        height: 150.75vw;
    }
    .section03 .cont-box-character .detail-box .lottie-10 {
        left: 6vw;
        top: -34vw;
        width: 109.125vw;
        height: 153.75vw;
    }
    .section03 .cont-box-character .detail-box .lottie-11 {
        left: 10vw;
        top: -19vw;
        width: 118.125vw;
        height: 153.75vw;
    }
    .section03 .cont-box-character .detail-box .lottie-12 {
        left: 27vw;
        top: -17vw;
        width: 84.125vw;
        height: 147.75vw;
    }
    .section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide-active:after {
        opacity: 1;
    }
    .section03 .cont-box-character .img-tit {
        margin-top: -8.3333333333vw;
        width: 100.453125vw;
        height: 51.65625vw;
        background-size: 100% auto;
    }
    .section03 .cont-box-character .chars-list {
        width: 90vw;
        height: 97vw;
    }
    .section03 .cont-box-character .chars-list ul li {
        width: 18vw;
        height: 22.7vw;
        margin: 0 2.734375vw 2.734375vw 0;
    }
    .section03 .cont-box-character .chars-list ul li i {
        display: inline-block;
        width: 18vw;
        height: 18vw;
        background-size: 102.0833333333vw auto;
    }
    .section03 .cont-box-character .chars-list ul li em {
        height: 4.6875vw;
        font-size: 0.9375rem;
        margin-top: 1.0416666667vw;
        letter-spacing: 0;
    }
    .section03 .cont-box-character .detail-box .char-thumb {
        width: 96vw;
        height: 26vw;
        background-size: 100% auto;
        background-image: url("../images/common/char_thumb_bg_m.png");
        padding: 4.4vw 9vw;
        margin-bottom: 12vw;
    }
    .section03 .cont-box-character .detail-box .swiper-button-prev,
    .section03 .cont-box-character .detail-box .swiper-button-next {
        top: 9.6vw;
        width: 6.7708333333vw;
        height: 23.9583333333vw;
        background: url("../images/common/ico_arrow_m.png") no-repeat 0 100%;
        background-size: 14.5833333333vw auto;
    }
    .section03 .cont-box-character .detail-box .back {
        position: absolute;
        top: 29vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .section03 .cont-box-character .detail-box .swiper-button-prev {
        left: 1.4583333333vw;
    }
    .section03 .cont-box-character .detail-box .swiper-button-next {
        right: 1.4583333333vw;
    }
    .section03 .cont-box-character .detail-box .swiper-button-next {
        background-position-x: 100%;
    }
    .section03 .cont-box-character .detail-box .swiper-container {
        width: 96vw;
    }
    .section03 .cont-box-character .detail-box .swiper-container .swiper-wrapper .swiper-slide .char-wrap {
        width: 100%;
        height: 100%;
        margin-bottom: 1.4rem;
    }
    .section03 .cont-box-character .detail-box .char-wrap .links ul li {
        margin: 0 0.6rem 0.6rem 0;
    }
    .section03 .cont-box-character .detail-box .char-wrap .links ul li a,
    .section03 .cont-box-character .detail-box .char-wrap .links ul li button {
        width: 36vw;
        height: 11.725vw;
        padding-left: 2vw;
        background: url("../images/common/detail-btns_m.png") no-repeat;
        background-size: 35.9375vw auto;
    }
    .section03 .cont-box-character .detail-box .char-wrap .links ul li a em,
    .section03 .cont-box-character .detail-box .char-wrap .links ul li button em {
        font-size: 1.125rem;
    }
    .section03 .cont-box-character .detail-box .char-wrap .flex .util-btns {
        top: unset;
        right: 1rem;
        bottom: 1rem;
        flex-direction: column;
        row-gap: 0.8rem;
    }
    .section03 .cont-box-character .detail-box .back {
        width: 23vw;
        height: 8vw;
        background-size: 100% auto;
    }
    .section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide .char-img {
        width: 22.5vw;
        height: 22.5vw;
        background: url("../images/common/char_icons.png") no-repeat;
        background-size: 72.9166666667vw auto;
        text-indent: -9999em;
    }
    .section03 .cont-box-character .detail-box .char-thumb .overflow-h.three-under::after {
        width: 22.5vw;
        height: 22.5vw;
    }
    .section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide::after {
        width: 22.9166666667vw;
        height: 22.9166666667vw;
        left: 1.2vw;
    }
}

@media screen and (max-width: 500px) {
    .section03 .cont-box-character .detail-box .char-wrap .flex dl dt,
    .section03 .cont-box-character .detail-box .char-wrap .flex dl dd {
        font-size: 0.9375rem;
    }
    .section03 .cont-box-character .detail-box .char-wrap .flex dl dt {
        width: 3.25rem;
        height: 1.5rem;
        background-image: url("../images/ko/img_prop_m.png");
        margin-right: 0.5rem;
        background-size: 3.25rem auto;
    }
    .section03 .cont-box-character .detail-box .char-wrap .flex .ch-nick {
        font-size: 1.125rem;
    }
    .section03 .cont-box-character .detail-box .char-wrap .flex .ch-name {
        font-size: 2.25rem;
        margin-bottom: 1.2rem;
    }
    .section03 .cont-box-character .detail-box .char-wrap .flex .ch-desc {
        font-size: 0.875rem;
    }
    :lang(en) .section03 .cont-box-character .detail-box .char-wrap .flex dl dt {
        background-image: url("../images/en/img_prop_m.png");
    }
    :lang(en) .section03 .cont-box-character .detail-box .char-wrap .links ul li a em,
    :lang(en) .section03 .cont-box-character .detail-box .char-wrap .links ul li button em {
        font-size: 0.6875rem;
        letter-spacing: -0.03rem;
    }
    :lang(zh-TW) .section03 .cont-box-character .detail-box .char-wrap .flex dl dt {
        background-image: url("../images/zh-TW/img_prop_m.png");
    }
}

@media screen and (max-width: 420px) {
    .section03 .cont-box-character .chars-list ul li em {
        font-size: 0.8125rem;
        margin-top: 0vw;
    }
    .section03 .cont-box-character .detail-box .char-wrap .links ul li a em,
    .section03 .cont-box-character .detail-box .char-wrap .links ul li button em {
        font-size: 0.875rem;
    }
}

.pc .section03 .cont-box-character .detail-box .char-wrap .links ul li a:hover,
.pc .section03 .cont-box-character .detail-box .char-wrap .links ul li button:hover {
    opacity: 0.6;
}

.pc .section03 .cont-box-character .detail-box .char-thumb .swiper-wrapper .swiper-slide:hover .char-img {
    opacity: 0.6;
}

.pc .section03 .cont-box-character .chars-list ul li.on:hover::after {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.section04 {
    position: relative;
    min-height: 1230px;
    background: url("../images/common/bg_section04.jpg") no-repeat center top;
    background-size: cover;
    text-align: center;
    overflow: hidden;
}

.section04 .inner {
    position: relative;
    z-index: 100;
    max-width: 1200px;
    height: 100%;
    padding: 30px 0 0;
    margin: 0 auto;
    padding: 5.625rem 0 0;
}

.section04 .tit-area h2 {
    background-position-y: -17.5rem;
    margin-top: 0rem;
}

.section04 .cont-box {
    display: flex;
    margin: 10px auto 40px;
    width: 1026px;
    height: 854px;
    background: url("../images/ko/bg_pre_register.png") no-repeat center top;
}

.section04 .register {
    width: 590px;
    height: 860px;
    margin-left: auto;
    padding: 120px 55px 0px 40px;
}

.section04 .register .form-group {
    position: relative;
    width: 100%;
    text-align: left;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.section04 .register .form-group button,
.section04 .register .form-group a {
    transition: all 0.2s;
}

.section04 .register .form-group .radio-group {
    position: relative;
    margin: 2rem 0;
    text-align: left;
}

.section04 .register .form-group .radio-group label {
    overflow: hidden;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.section04 .register .form-group .radio-group .app-store {
    margin-left: 4rem;
}

.section04 .register .form-group .radio-group .google-play em {
    display: inline-block;
    width: 152px;
    height: 36px;
    background: url("../images/common/radio_googleplay.png") no-repeat;
    text-indent: -9999em;
    vertical-align: 0.7rem;
}

.section04 .register .form-group .radio-group .app-store em {
    display: inline-block;
    width: 145px;
    height: 36px;
    background: url("../images/common/radio_appstore.png") no-repeat;
    text-indent: -9999em;
    vertical-align: 0.7rem;
}

.section04 .register .form-group .btn-detail {
    display: inline-block;
    bottom: 1.8rem;
    font-size: 16px;
    color: #0096ff;
    font-weight: 500;
    text-decoration: underline;
    margin-left: auto;
}

.section04 .register .form-group .reserv-tit {
    color: #212121;
    margin-bottom: 0.5rem;
    width: 100%;
    height: 37px;
    background: url("../images/ko/register_tit.png") no-repeat center;
    text-indent: -9999em;
}

.section04 .register .form-group .reserv-desc {
    font-size: 16px;
    color: #616161;
    letter-spacing: -0.01rem;
    text-align: center;
    margin-top: 0.5rem;
}

.section04 .register .form-group .reserv-desc2 {
    font-size: 20px;
    color: #98727c;
    letter-spacing: 0;
    margin-top: 2rem;
}

.section04 .register .date-info {
    width: 100%;
    padding: 10px 0;
    border: 1px solid #b5dddd;
    background-color: #cbeded;
    text-align: center;
}

.section04 .register .date-info dt {
    font-size: 21px;
    color: #006d97;
    font-weight: bold;
    line-height: 1.4em;
}

.section04 .register .date-info dd {
    font-size: 18px;
    color: #006d97;
    line-height: 1.4em;
}

.section04 .register .form-group .btn-area {
    margin-top: 4rem;
}

.section04 .register .input-group {
    position: relative;
    margin-top: 1rem;
}

.section04 .register .input-group input {
    background-color: #fff;
    border: 0;
    font-size: 20px;
}

.section04 .register .input-group .input-phone {
    position: relative;
    display: block;
}

.section04 .register .input-group .input-phone input {
    border: 2px solid #cfcfcf;
    width: 100%;
    color: #212121;
    font-size: 1.4rem;
    line-height: 1.4rem;
    height: 3.5rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
}

.section04 .register .input-group .input-phone input::-webkit-input-placeholder {
    color: #212121;
    letter-spacing: -0.03em;
    font-size: 18px;
}

.section04 .register .input-group .input-phone button {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    height: 40px;
    background-color: #6c6c6c;
    font-size: 17px;
    padding: 0 12px;
    color: #fff;
    font-weight: 500;
    transform: translateY(-50%);
    text-indent: 0;
}

.section04 .register .input-group .input-phone button:active {
    background-color: #6c6c6c;
}

.section04 .register .input-group .cert-code {
    margin-top: 0.5rem;
}

.section04 .register .input-group .cert-code .input-code {
    position: relative;
}

.section04 .register .input-group .cert-code .input-code:after {
    content: "";
    display: table;
    clear: both;
}

.section04 .register .input-group .cert-code .input-code input {
    border: 2px solid #cfcfcf;
    width: 100%;
    color: #212121;
    font-size: 1.4rem;
    line-height: 1.4rem;
    height: 3.5rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
}

.section04 .register .input-group .cert-code .input-code input:disabled {
    background-color: #fffef6;
}

.section04 .register .input-group .cert-code .input-code input::-webkit-input-placeholder {
    color: #818181;
    letter-spacing: -0.03em;
    font-size: 1rem;
}

.section04 .register .input-group .cert-code .time-status {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 1rem;
}

.section04 .register .input-group .cert-code .time-status em {
    color: #ff0000;
    letter-spacing: 0;
    font-size: 1.2rem;
}

.section04 .register .input-group .cert-code .report {
    display: inline-block;
    position: absolute;
    bottom: -1.7rem;
    right: 0;
    color: #000;
    font-size: 16px;
    text-decoration: underline;
}

.section04 .register .input-group .input-email {
    position: relative;
    display: block;
}

.section04 .register .input-group .input-email input {
    border: 2px solid #cfcfcf;
    width: 100%;
    color: #212121;
    font-size: 1rem;
    line-height: 1.4rem;
    height: 3.5rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
}

.section04 .register .input-group .input-email input::-webkit-input-placeholder {
    color: #212121;
    letter-spacing: -0.03em;
    font-size: 1rem;
}

.section04 .register .input-group .input-email button {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    height: 40px;
    background-color: #6c6c6c;
    font-size: 0.84rem;
    padding: 0 12px;
    color: #fff;
    font-weight: 500;
    transform: translateY(-50%);
    text-indent: 0;
}

.section04 .register .input-group .input-email button:active {
    background-color: #6c6c6c;
}

.section04 .register .input-group .input-phone input:focus,
.section04 .register .input-group .input-email input:focus,
.section04 .register .select-birth select:focus,
.section04 .register .input-group .input-code input:focus {
    border: 2px solid #00c2aa;
}

.section04 .register .checkbox-group {
    display: block;
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
}

.section04 .register .checkbox-group .checkbox-type {
    position: relative;
    display: inline-block;
    font-size: 1.4rem;
    color: #52401b;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

.section04 .register .checkbox-group .checkbox-type .description {
    color: #212121;
    font-size: 1rem;
}

.section04 .register .checkbox-group .all-chk-wrap {
    background-color: #b0b0b0;
    padding: 7px 20px;
}

.section04 .register .checkbox-group .all-chk-wrap .checkbox-type {
    margin: 0;
}

.section04 .register .checkbox-group .all-chk-wrap .checkbox-type .description {
    color: #fff;
    font-size: 18px;
}

.section04 .register .checkbox-group .chk-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    padding: 0.8rem 1.4rem;
    background-color: #f4f4f4;
    height: 6rem;
    border: 1px solid #cfcfcf;
}

.section04 .register .checkbox-group .privacy {
    text-align: center;
    display: block;
    position: absolute;
    top: 100%;
    left: -1px;
    width: 495px;
    height: 0px;
    overflow-y: scroll;
    background-color: #f4f4f4;
    z-index: 10;
    padding: 0px;
    transition: all 0.2s;
}

.section04 .register .checkbox-group .privacy .privacy-tit {
    text-align: center;
    margin-bottom: 2rem;
}

.section04 .register .checkbox-group .privacy a {
    color: #0096ff;
    text-decoration: underline;
}

.section04 .register .checkbox-group .privacy.show {
    height: 24rem;
    padding: 2rem 1rem;
    border: 1px solid #cfcfcf;
    border-top: none;
}

.section04 .register .checkbox-group .txt-style strong {
    font-size: 1.2em;
    font-weight: 800;
}

.section04 .register .checkbox-group .ad-agreement {
    text-align: center;
    display: block;
    position: absolute;
    top: 100%;
    left: -1px;
    width: 495px;
    height: 0px;
    overflow-y: scroll;
    background-color: #f4f4f4;
    z-index: 10;
    padding: 0px;
    transition: all 0.2s;
}

.section04 .register .checkbox-group .ad-agreement .ad-agreement-tit {
    text-align: center;
    margin-bottom: 2rem;
}

.section04 .register .checkbox-group .ad-agreement a {
    color: #0096ff;
    text-decoration: underline;
}

.section04 .register .checkbox-group .ad-agreement.show {
    height: 24rem;
    padding: 2rem;
    border: 1px solid #cfcfcf;
    border-top: none;
}

.section04 .register .txt-style .wrap-box {
    margin-bottom: 20px;
    text-align: left;
}

.section04 .register .txt-style h3 {
    margin-bottom: 30px;
    font-size: 24px;
    text-align: left;
    font-weight: 800;
    color: #181818;
    display: inline-block;
    line-height: 1.5rem;
}

.section04 .register .txt-style h4 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #191919;
    line-height: 1.2em;
    margin-bottom: 1rem;
}

.section04 .register .txt-style .point {
    color: #f00;
}

.section04 .register .txt-style ul li {
    font-size: 0.9rem;
}

.section04 .register .txt-style ul li i {
    font-size: 0.9rem;
    color: #5a5a5a;
    font-weight: 500;
    line-height: 2.3em;
}

.section04 .register .txt-style table {
    table-layout: fixed;
    width: 100%;
    margin: 15px 0;
    border: 1px solid #b5b5b5;
}

.section04 .register .txt-style table th {
    padding: 15px;
    background-color: #f6f6f6;
    font-weight: 400;
}

.section04 .register .txt-style table td {
    padding: 15px;
}

.section04 .register .txt-style .last {
    font-size: 0.9rem;
}

.section04 .register .txt-style .last a {
    color: #2271f4;
}

.section04 .register .market-wrap {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 10px;
}

.section04 .register .market-wrap .btn {
    display: inline-block;
    width: 100%;
    height: 64px;
    background: url("../images/ko/btn_store.png") no-repeat;
    text-indent: -9999em;
    background-size: 100% auto;
}

.section04 .register .privacy-caus {
    text-align: center;
    margin-bottom: 6px;
    color: #818181;
    font-size: 0.8rem;
}

.section04 .register .ad-agreement-caus {
    text-align: center;
    margin-bottom: 6px;
    color: #818181;
    font-size: 0.8rem;
}

.section04 .btn-reserv {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 800;
    background-color: #bfaf67;
    height: 5rem;
    text-align: center;
    text-indent: 0;
}

.section04 .select-birth h3 {
    display: block;
    margin-bottom: 0.5rem;
}

.section04 .select-birth .selectbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section04 .select-birth .selectbox .select {
    width: 158px;
    padding: 0.6em 0.5em;
    border: 2px solid #cfcfcf;
    background: url("../images/common/ico_select.png") no-repeat 95% 50%;
    background-size: 1rem auto;
    color: #212121;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    cursor: pointer;
}

.section04 .select-birth .selectbox .select::-ms-expand {
    display: none;
}

:lang(en) .section04 .register {
    padding: 100px 55px 0px 40px;
}

:lang(en) .section04 .register .checkbox-group .checkbox-type .description {
    font-size: 0.8rem;
}

:lang(en) .section04 .register .checkbox-group .all-chk-wrap .checkbox-type .description {
    font-size: 1.05rem;
}

:lang(en) .section04 .register .checkbox-group .chk-wrap {
    height: 5rem;
}

:lang(en) .section04 .register .form-group .btn-area {
    margin-top: 2rem;
}

:lang(en) .section04 .cont-box {
    background-image: url("../images/en/bg_pre_register.png");
}

:lang(en) .section04 .register .form-group .reserv-tit {
    background-image: url("../images/en/register_tit.png");
    height: 47px;
}

:lang(en) .section04 .register .market-wrap .btn {
    background-image: url("../images/en/btn_store.png");
}

:lang(zh-TW) .section04 .register {
    padding: 140px 55px 0px 40px;
}

:lang(zh-TW) .section04 .register .checkbox-group {
    margin-top: 2.2rem;
    margin-bottom: 1.6rem;
}

:lang(zh-TW) .section04 .register .checkbox-group .checkbox-type .description {
    font-size: 1rem;
}

:lang(zh-TW) .section04 .register .checkbox-group .all-chk-wrap .checkbox-type .description {
    font-size: 1.05rem;
}

:lang(zh-TW) .section04 .register .checkbox-group .chk-wrap {
    height: 8.6rem;
}

:lang(zh-TW) .section04 .register .form-group .btn-area {
    margin-top: 2rem;
}

:lang(zh-TW) .section04 .register .privacy h4 {
    font-size: 1.1rem;
}

:lang(zh-TW) .section04 .register .ad-agreement h4 {
    font-size: 1.1rem;
}

:lang(zh-TW) .section04 .cont-box {
    background-image: url("../images/zh-TW/bg_pre_register.png");
}

:lang(zh-TW) .section04 .register .form-group .reserv-tit {
    background-image: url("../images/zh-TW/register_tit.png");
    height: 53px;
}

:lang(zh-TW) .section04 .register .market-wrap .btn {
    background-image: url("../images/zh-TW/btn_store.png");
}

@media screen and (max-width: 1200px) {
    .section04 .register .market-wrap {
        justify-content: center;
    }
    .section04 .cont-box {
        margin: unset;
        width: 76vw;
        height: unset;
        margin: 0 auto;
        background: #fff;
    }
    .section04 .register {
        width: 94vw;
        height: auto;
        padding: 5vw 4vw;
        margin: 0 auto;
    }
    :lang(en) .section04 .select-birth .selectbox .select {
        width: 32.5%;
    }
    :lang(en) .section04 .register {
        width: 94vw;
        height: auto;
        padding: 5vw 4vw;
        margin: 0 auto;
    }
    :lang(en) .section04 .cont-box {
        margin: unset;
        width: 76vw;
        height: unset;
        margin: 0 auto;
        background: #fff;
    }
    :lang(zh-TW) .section04 .register {
        width: 94vw;
        height: auto;
        padding: 5vw 4vw;
        margin: 0 auto;
    }
    :lang(zh-TW) .section04 .cont-box {
        margin: unset;
        width: 76vw;
        height: unset;
        margin: 0 auto;
        background: #fff;
    }
}

@media screen and (max-width: 960px) {
    .section04 {
        min-height: unset;
    }
    .section04 .inner {
        padding: 3rem 0 5rem;
    }
    .section04 .tit-area .desc-txt {
        font-size: 1rem;
    }
    .section04 .register .checkbox-group .chk-wrap {
        height: auto;
    }
    .section04 .register .privacy h3 {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }
    .section04 .register .ad-agreement h3 {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }
    .section04 .register .checkbox-group .privacy {
        width: 86vw;
    }
    .section04 .register .checkbox-group .ad-agreement {
        width: 86vw;
    }
    .section04 .register .checkbox-group .checkbox-type {
        font-size: 1.2rem;
    }
    .section04 .btn.market-gp {
        width: 10.3846153846rem;
        height: 2.7692307692rem;
        background-position: 0 -48.3076923077rem;
        background-size: 21.9230769231rem auto;
    }
    .section04 .btn.market-as {
        width: 10.3846153846rem;
        height: 2.7692307692rem;
        background-position: 0 -51.4615384615rem;
        background-size: 21.9230769231rem auto;
    }
    .section04 .register .input-group .input-phone input::-webkit-input-placeholder {
        font-size: 0.9rem;
    }
    .section04 .register .input-group .input-email input::-webkit-input-placeholder {
        font-size: 0.9rem;
    }
    .section04 .register .input-group .cert-code .input-code input::-webkit-input-placeholder {
        font-size: 0.9rem;
    }
    .section04 .cont-box {
        width: 85vw;
    }
    .section04 .register .date-info dt {
        font-size: 1rem;
    }
    .section04 .register .date-info dd {
        font-size: 0.8rem;
        letter-spacing: 0;
    }
    .section04 .register {
        top: 20rem;
    }
    .section04 .register .btn-close {
        top: -8rem;
        right: 0;
        width: 2.1rem;
        height: 2.1rem;
        background-size: auto 4.2rem;
    }
    .section04 .register::before {
        top: -13rem;
        width: 28.5rem;
        height: 14.5rem;
    }
    .section04 .register .pop-cont {
        padding: 1.2rem 1rem 1rem;
    }
    .section04 .register .checkbox-group .privacy.show {
        height: 13rem;
    }
    .section04 .register .checkbox-group .ad-agreement.show {
        height: 13rem;
    }
    .section04 .btn-reserv {
        height: 3.9375rem;
        line-height: 3.1875rem;
        font-weight: 400;
        font-size: 1.4rem;
    }
    .section04 .btn-allAgree {
        height: 3.9375rem;
        line-height: 3.9375rem;
        margin-bottom: 0.8rem;
        font-size: 1.4rem;
    }
    .section04 .btn-detail-evt {
        height: 3.1875rem;
        line-height: 3.1875rem;
        font-weight: 400;
        font-size: 1.4rem;
    }
    .section04 .register .checkbox-group .chk-wrap {
        padding: 0.8rem 0.8rem;
    }
    .section04 input[type=checkbox]+.description {
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 1.2rem;
    }
    .section04 input[type=checkbox]+.description:before {
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.8rem;
    }
    .section04 input[type=checkbox]:checked+.description:before {
        background-size: 60% auto;
    }
    .section04 .register .form-group .btn-area {
        margin-top: 3rem;
    }
    .section04 .register .form-group .radio-group .app-store {
        margin-left: 3rem;
    }
    .section04 .register .form-group .radio-group .google-play em {
        width: 8rem;
        height: 36px;
        background-size: 100% auto;
        vertical-align: 0.4rem;
    }
    .section04 .register .form-group .radio-group .app-store em {
        width: 7rem;
        height: 36px;
        background-size: 100% auto;
        vertical-align: 0.4rem;
    }
    .section04 .register .form-group {
        padding-bottom: 1rem;
    }
    .section04 .register .form-group .btn-detail {
        bottom: 2rem;
        font-size: 3.2vw;
    }
    .section04 .register .form-group .reserv-tit {
        font-size: 1.23rem;
        margin-bottom: 0.5rem;
    }
    .section04 .register .form-group .reserv-desc {
        font-size: 0.8rem;
        word-break: break-all;
    }
    .section04 .register .form-group .reserv-desc2 {
        font-size: 20px;
        margin-top: 2rem;
    }
    .section04 .register .checkbox-group .all-chk-wrap {
        padding: 0.5rem 0.8rem;
    }
    .section04 .register .checkbox-group .all-chk-wrap .checkbox-type .description {
        font-size: 1rem;
    }
    .section04 .register .input-group input {
        height: 3rem;
        font-size: 1rem;
    }
    .section04 .register .input-group .input-phone {
        width: 100%;
        margin-bottom: 12px;
        background-color: #fff;
    }
    .section04 .register .input-group .input-phone input {
        padding: 0 0 0 1rem;
        width: 100%;
        font-size: 1rem;
    }
    .section04 .register .input-group .input-phone button {
        height: 2.5rem;
        font-size: 0.9rem;
        padding: 0 1rem;
    }
    .section04 .register .input-group .input-phone button.reSend {
        font-size: 0.6rem;
        padding: 0;
        width: 45%;
    }
    .section04 .register .input-group .input-email {
        width: 100%;
        margin-bottom: 12px;
        background-color: #fff;
    }
    .section04 .register .input-group .input-email input {
        padding: 0 0 0 1rem;
        width: 100%;
        font-size: 1rem;
    }
    .section04 .register .input-group .input-email button {
        height: 2.5rem;
        font-size: 0.9rem;
        padding: 0 1rem;
    }
    .section04 .register .input-group .input-email button.reSend {
        font-size: 0.6rem;
        padding: 0;
        width: 45%;
    }
    .section04 .register .input-group .input-code input {
        text-align: left;
        padding: 0 0 0 1rem;
    }
    .section04 .register .input-group .input-code button {
        width: 36%;
        height: 86px;
        background-color: #35bffe;
        font-size: 24px;
        color: #000;
        font-weight: 400;
    }
    .section04 .register .input-group .time-status {
        font-size: 1rem;
    }
    .section04 .register .input-group .cert-code .report {
        font-size: 1rem;
        bottom: -2rem;
    }
    .section04 .register .checkbox-group {
        display: block;
        margin-top: 1.4rem;
        margin-bottom: 1rem;
    }
    .section04 .register .checkbox-group .checkbox-type {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }
    .section04 .register .privacy-caus {
        text-align: left;
    }
    .section04 .tit-area h2 {
        background-position-y: -8.9375rem;
    }
    :lang(en) .section04 .cont-box {
        width: 85vw;
    }
    :lang(en) .section04 .tit-area h2 {
        background-position-y: -9.1875rem;
    }
    :lang(zh-TW) .section04 .cont-box {
        width: 85vw;
    }
    :lang(zh-TW) .section04 .tit-area h2 {
        background-position-y: -9.1875rem;
    }
    :lang(zh-TW) .section04 .register {
        padding: 14vw 4vw 5vw;
    }
}

@media screen and (max-width: 640px) {
    .section04 {
        background-image: url("../images/common/bg_section04_m.jpg");
    }
    .section04 .register {
        padding: 9vw 4vw 0;
    }
    .section04 .register .market-wrap {
        margin: 0.4rem 0 0;
    }
    .section04 .register .market-wrap .btn {
        height: 11vw;
    }
    .section04 .register .form-group .reserv-tit {
        margin-bottom: 0.5rem;
        height: 5.5vw;
        background-image: url("../images/ko/register_tit_m.png");
        background-size: auto 100%;
    }
    .section04 .cont-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 161vw;
        background: url("../images/common/bg_pre_register_m.png") no-repeat center top;
        background-size: 100% 100%;
    }
    .section04 .register .checkbox-group {
        margin-bottom: 2vw;
    }
    .section04 .register .input-group {
        margin-top: 0;
    }
    .section04 .register .checkbox-group .checkbox-type .description {
        font-size: 3.3vw;
    }
    .section04 .register .input-group .input-phone input {
        font-size: 3.2vw;
        height: 11vw;
    }
    .section04 .register .input-group .input-phone {
        margin-bottom: 0;
    }
    .section04 .register .input-group .cert-code .input-code input {
        font-size: 3.2vw;
        height: 11vw;
    }
    .section04 .register .input-group .cert-code .report {
        font-size: 3.2vw;
    }
    .section04 .register .input-group .cert-code .time-status em {
        font-size: 1rem;
    }
    .section04 .btn-reserv {
        height: 11vw;
        font-size: 3.8vw;
    }
    .section04 .register .privacy h3 {
        font-size: 4vw;
    }
    .section04 .register .privacy h4 {
        font-size: 3vw;
    }
    .section04 .register .privacy p {
        font-size: 3.2vw;
    }
    .section04 .register .ad-agreement h3 {
        font-size: 4vw;
    }
    .section04 .register .ad-agreement h4 {
        font-size: 3vw;
    }
    .section04 .register .ad-agreement p {
        font-size: 3.2vw;
    }
    .section04 .register .input-group .input-phone button {
        height: 8vw;
        font-size: 2.9vw;
        padding: 0 2vw;
    }
    :lang(en) .section04 .cont-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 161vw;
        background: url("../images/common/bg_pre_register_m.png") no-repeat center top;
        background-size: 100% 100%;
    }
    :lang(en) .section04 .register .form-group {
        padding-bottom: 0;
    }
    :lang(en) .section04 .register .form-group .reserv-tit {
        display: none;
    }
    :lang(en) .section04 .register .checkbox-group .chk-wrap {
        height: unset;
    }
    :lang(en) .section04 .register .checkbox-group .checkbox-type .description {
        display: flex;
        align-items: center;
    }
    :lang(en) .section04 input[type=checkbox]+.description:before {
        margin-right: 2.2vw;
        width: 6vw;
        height: 6vw;
    }
    :lang(en) .section04 .select-birth .selectbox .select {
        font-size: 3.3vw;
    }
    :lang(en) .section04 .select-birth .selectbox .select:nth-child(1) {
        width: 28%;
    }
    :lang(en) .section04 .select-birth .selectbox .select:nth-child(2) {
        width: 28%;
    }
    :lang(en) .section04 .select-birth .selectbox .select:nth-child(3) {
        width: 42%;
    }
    :lang(en) .section04 .register .input-group {
        margin-top: 1.4vw;
    }
    :lang(en) .section04 .register .checkbox-group {
        margin-top: 1vw;
    }
    :lang(en) .section04 .register .checkbox-group .chk-wrap>div {
        align-items: center;
    }
    :lang(en) .section04 .register .form-group .btn-detail {
        font-size: 3vw;
    }
    :lang(en) .section04 .register .privacy-caus {
        font-size: 3vw;
    }
    :lang(en) .section04 .register .ad-agreement-caus {
        font-size: 2.5vw;
    }
    :lang(en) .section04 .register .market-wrap {
        margin: 2vw 0 2vw;
    }
    :lang(en) .section04 .register .input-group .input-phone input::-webkit-input-placeholder {
        font-size: 3.2vw;
    }
    :lang(en) .section04 .register .input-group .input-email input::-webkit-input-placeholder {
        font-size: 3.2vw;
    }
    :lang(en) .section04 .register .input-group .cert-code .input-code input::-webkit-input-placeholder {
        font-size: 3.2vw;
    }
    :lang(en) .section04 .register .input-group .input-email input {
        font-size: 3.6vw;
        padding: 0 35vw 0 2vw;
    }
    :lang(en) .section04 .register .input-group .cert-code .input-code input {
        padding: 0 2vw;
    }
    :lang(en) .section04 .register .input-group .input-email button {
        height: 8vw;
        font-size: 3.2vw;
        padding: 0 2vw;
    }
    :lang(zh-TW) .section04 .register .form-group .reserv-tit {
        height: 8.5vw;
        background-image: url("../images/zh-TW/register_tit_m.png");
    }
    :lang(zh-TW) .section04 .cont-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 149vw;
        background: url("../images/common/bg_pre_register_m.png") no-repeat center top;
        background-size: 100% 100%;
    }
}

@media screen and (max-width: 400px) {
    :lang(en) .section04 .register .input-group .input-phone input::-webkit-input-placeholder {
        font-size: 2.4vw;
    }
    :lang(en) .section04 .register .input-group .input-email input::-webkit-input-placeholder {
        font-size: 3.2vw;
    }
    :lang(en) .section04 .register .input-group .cert-code .input-code input::-webkit-input-placeholder {
        font-size: 2.4vw;
    }
}

.section05 {
    position: relative;
    min-height: 1900px;
    background: url("../images/common/bg_section05.jpg") no-repeat center top;
    background-size: cover;
    text-align: center;
    overflow: hidden;
}

.section05 .inner {
    position: relative;
    z-index: 100;
    max-width: 1200px;
    height: 100%;
    padding: 30px 0 0;
    margin: 0 auto;
    padding: 5rem 0 0;
}

.section05 .tit-area h2 {
    background-position-y: -26.25rem;
    margin-top: 0rem;
}

.section05 .tit-area h2.tit2 {
    background-position-y: -35rem;
    margin-top: 4rem;
}

.section05 .tit-area .tit-desc-txt {
    margin: 0.6rem 0 2.5rem;
    text-align: center;
    color: #fff;
    font-size: 1.375rem;
}

.section05 .reserv-count {
    display: flex;
    width: 480px;
    height: 80px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
}

.section05 .reserv-count span {
    position: relative;
    color: #fff;
    font-size: 1.5625rem;
    font-weight: 500;
    margin-left: 20px;
}

.section05 .reserv-count span::before {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #37dbc3;
    border-radius: 100%;
}

.section05 .reserv-count em {
    color: #ffe400;
    font-size: 2rem;
    font-weight: 800;
}

.section05 .evt-box-1 {
    position: relative;
    margin: 10px auto 40px;
    width: 1030px;
    height: 374px;
    background: url("../images/common/sec4_bg_evt1_pc.png") no-repeat center top;
    padding-top: 50px;
}

.section05 .evt-box-1 .count-list {
    display: flex;
    width: 800px;
    justify-content: space-between;
    align-items: center;
    margin: 15px auto 0;
}

.section05 .evt-box-1 .count-list li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 6.375rem;
    height: 10.125rem;
}

.section05 .evt-box-1 .count-list li .p-cnt {
    color: #d1d1d1;
    font-size: 1.125rem;
    height: 2rem;
}

.section05 .evt-box-1 .count-list li .circle {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../images/common/icon_obj3.png") no-repeat center top;
    z-index: 2;
}

.section05 .evt-box-1 .count-list li .obj.icon1 {
    display: inline-block;
    width: 41px;
    height: 48px;
    background: url("../images/common/icon_obj1.png") no-repeat center top;
    margin-top: -6px;
}

.section05 .evt-box-1 .count-list li .obj.icon2 {
    display: inline-block;
    width: 62px;
    height: 60px;
    background: url("../images/common/icon_obj2.png") no-repeat center top;
}

.section05 .evt-box-1 .count-list li .i-cnt {
    color: #ffee9e;
    font-size: 1rem;
}

.section05 .evt-box-1 .count-list li.on {
    background: url("../images/common/sec4_list_on.png") no-repeat center top;
}

.section05 .evt-box-1 .count-list li.on .p-cnt {
    font-size: 22px;
    color: #00ffdf;
    font-weight: 600;
}

.section05 .evt-box-1 .count-list li.on .circle {
    display: inline-block;
    width: 44px;
    height: 44px;
    background: url("../images/common/icon_obj3_on.png") no-repeat center top;
}

.section05 .evt-box-1 .count-list li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 132px;
    height: 4px;
    background-color: #c9be8b;
    z-index: 1;
    transform: translateY(-1rem);
}

.section05 .evt-box-1 .count-list li:last-child::after {
    display: none;
}

.section05 .evt-box-2 {
    position: relative;
    margin: 10px auto 40px;
    width: 1030px;
    height: 729px;
    background: url("../images/common/sec4_bg_evt2_pc.png") no-repeat center top;
    padding-top: 165px;
}

.section05 .evt-box-2 .flex-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.section05 .evt-box-2 .flex-wrap .txt-info {
    font-size: 1.0625rem;
    color: #fff;
    font-weight: 500;
}

.section05 .evt-box-2 .flex-wrap .cont-sns {
    width: 460px;
    height: 260px;
    padding: 50px 0 0;
}

.section05 .evt-box-2 .flex-wrap .cont-sns ul {
    margin-top: 22px;
}

.section05 .evt-box-2 .flex-wrap .cont-sns ul li {
    position: relative;
    width: 7.5rem;
    height: 6.4375rem;
    display: inline-block;
    margin: 0 10px;
}

.section05 .evt-box-2 .flex-wrap .cont-sns ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("../images/ko/evt_sns_icons.png") no-repeat;
    text-indent: -9999em;
    transition: all 0.3s;
}

.section05 .evt-box-2 .flex-wrap .cont-sns ul li:nth-child(1) a {
    background-position-x: 0;
}

.section05 .evt-box-2 .flex-wrap .cont-sns ul li:nth-child(2) a {
    background-position-x: 50%;
}

.section05 .evt-box-2 .flex-wrap .cont-sns ul li:nth-child(3) a {
    background-position-x: 100%;
}

.section05 .evt-box-2 .flex-wrap .cont-share {
    width: 460px;
    height: 260px;
    padding: 30px 35px 30px 45px;
}

.section05 .evt-box-2 .flex-wrap .cont-share .share-wrap .inputs {
    margin-top: 15px;
}

.section05 .evt-box-2 .flex-wrap .cont-share .share-wrap .inputs p {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0 auto 10px;
}

.section05 .evt-box-2 .flex-wrap .cont-share .share-wrap .inputs p input {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #000;
    padding: 0 20px;
    font-size: 1rem;
    text-align: center;
}

.section05 .evt-box-2 .flex-wrap .cont-share .share-wrap .inputs p label {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.section05 .evt-box-2 .flex-wrap .cont-share .share-wrap .inputs p label.label-cell {
    color: #818181;
}

.section05 .evt-box-2 .flex-wrap .cont-share .check-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.section05 .evt-box-2 .flex-wrap .cont-share .check-wrap label {
    cursor: pointer;
}

.section05 .evt-box-2 .flex-wrap .cont-share .check-wrap .description {
    color: #fff;
}

.section05 .evt-box-2 .flex-wrap .cont-share .check-wrap .btn-detail2 {
    color: #49cbff;
    text-decoration: underline;
    font-size: 1.125rem;
    font-weight: 600;
}

.section05 .evt-box-2 .submit-evt {
    width: 400px;
    height: 72px;
    margin: 0 auto 20px;
    background-color: #bfaf67;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 700;
    transition: all 0.2s;
}

.section05 .evt-box-2 .cau-txt {
    font-size: 1rem;
    color: #bfbfbf;
    line-height: 1.3rem;
}

.section05 .evt-box-2 .flex-wrap .cont-share .share-wrap .inputs p:first-child input::-webkit-input-placeholder {
    color: #212121;
}

.pc .section05 .evt-box-2 .flex-wrap .cont-sns ul li a:hover {
    opacity: 0.5;
}

.pc .section05 .evt-box-2 .submit-evt:hover {
    opacity: 0.5;
}

:lang(en) .section05 .evt-box-2 .flex-wrap .cont-sns ul li a {
    background-image: url("../images/en/evt_sns_icons.png");
}

:lang(en) .section05 .tit-area h2 {
    background-position-y: -26.25rem;
    height: 11.875rem;
}

:lang(en) .section05 .tit-area h2.tit2 {
    background-position-y: -38.125rem;
    height: 10.625rem;
}

:lang(zh-TW) .section05 .evt-box-2 .flex-wrap .cont-sns ul li a {
    background-image: url("../images/zh-TW/evt_sns_icons.png");
}

:lang(zh-TW) .section05 .tit-area h2 {
    background-position-y: -26.25rem;
    height: 9.375rem;
}

:lang(zh-TW) .section05 .tit-area h2.tit2 {
    background-position-y: -35.625rem;
    height: 9.375rem;
}

@media screen and (max-width: 1200px) {
    .section05 .evt-box-1 {
        width: 94vw;
        height: 45vw;
        background-image: url("../images/common/sec4_bg_evt1_m.png");
        background-size: 100% auto;
    }
    .section05 .evt-box-2 {
        width: 94vw;
        height: 158vw;
        background-image: url("../images/common/sec4_bg_evt2_m.png");
        background-size: 100% auto;
        margin: -13vw auto 0vw;
    }
    .section05 .evt-box-1 .count-list {
        width: 78vw;
        margin: 6vw auto 0;
    }
    .section05 .evt-box-1 .count-list li::after {
        width: 14vw;
    }
    .section05 .evt-box-2 {
        padding-top: 38.2vw;
    }
    .section05 .evt-box-2 .flex-wrap {
        margin-bottom: 5vw;
    }
    .section05 .evt-box-2 .flex-wrap {
        flex-direction: column;
    }
    .section05 .evt-box-2 .flex-wrap .cont-sns {
        width: 80vw;
        height: 31vw;
        padding: 4.2vw 0 0;
    }
    .section05 .evt-box-2 .flex-wrap .txt-info {
        font-size: 3vw;
    }
    .section05 .evt-box-2 .flex-wrap .cont-sns ul {
        margin-top: 2vw;
    }
    .section05 .evt-box-2 .flex-wrap .cont-share {
        width: 80vw;
        height: 38vw;
        padding: 4vw 4vw;
    }
    .section05 .evt-box-2 .flex-wrap .cont-share .share-wrap .inputs {
        margin-top: 1.2vw;
    }
    .section05 .evt-box-2 .flex-wrap .cont-share .share-wrap .inputs p {
        height: 7vw;
        margin: 0 auto 1vw;
    }
    .section05 .evt-box-2 .flex-wrap .cont-share .share-wrap .inputs p input {
        font-size: 3.4vw;
    }
    .section05 .evt-box-2 .flex-wrap .cont-share .share-wrap .inputs p label {
        font-size: 3vw;
    }
    .section05 .evt-box-2 .flex-wrap .cont-share .check-wrap {
        margin-top: 2vw;
    }
    .section05 .evt-box-2 .flex-wrap .cont-share .check-wrap .description {
        font-size: 3vw;
    }
    .section05 .evt-box-2 .flex-wrap .cont-share .check-wrap .btn-detail2 {
        font-size: 3.5vw;
    }
    .section05 .evt-box-2 .flex-wrap .cont-sns ul li {
        width: 16.6666666667vw;
        height: 14.3055555556vw;
    }
    .section05 .evt-box-2 .flex-wrap .cont-sns ul li a {
        background-size: 55.8333333333vw auto;
    }
    .section05 input[type=checkbox]:checked+.description:before {
        background-size: 60% auto;
    }
}

@media screen and (max-width: 960px) {
    .section05 {
        min-height: unset;
    }
    .section05 .inner {
        padding: 3rem 0.6rem 5rem;
    }
    .section05 .tit-area .desc-txt {
        font-size: 1rem;
    }
    .section05 .tit-area h2.tit2 {
        margin-top: 1vw;
    }
    .section05 .evt-box-1 {
        padding-top: 5.8vw;
    }
    .section05 .evt-box-1 .count-list li {
        width: 11.5vw;
        height: 18.6vw;
    }
    .section05 .evt-box-1 .count-list li.on {
        background-size: 100% auto;
    }
    .section05 .evt-box-1 .count-list li .p-cnt {
        height: 3vw;
        font-size: 2.2vw;
        margin-bottom: 0.5vw;
    }
    .section05 .evt-box-1 .count-list li.on .p-cnt {
        font-size: 2.2vw;
    }
    .section05 .evt-box-1 .count-list li .circle {
        width: 3.6vw;
        height: 3.6vw;
        background-size: 100% auto;
        margin-bottom: 0vw;
    }
    .section05 .evt-box-1 .count-list li.on .circle {
        width: 5vw;
        height: 5vw;
        background-size: 100% auto;
    }
    .section05 .evt-box-1 .count-list li .obj.icon1 {
        width: 4vw;
        height: 4.9vw;
        background-size: 100% auto;
        margin-top: 0;
    }
    .section05 .evt-box-1 .count-list li .obj.icon2 {
        width: 6vw;
        height: 6.3vw;
        background-size: 100% auto;
        margin-top: 1vw;
    }
    .section05 .evt-box-1 .count-list li .i-cnt {
        font-size: 1.8vw;
    }
    .section05 .evt-box-1 .count-list li::after {
        height: 0.4vw;
        transform: translateY(-2.3vw);
    }
    .section05 .tit-area .tit-desc-txt {
        font-size: 1.1rem;
        margin: 0.6rem 0 1.5rem;
    }
    .section05 .reserv-count {
        width: 51vw;
        height: 5.5vw;
    }
    .section05 .reserv-count span {
        font-size: 2.8vw;
    }
    .section05 .reserv-count em {
        font-size: 4vw;
    }
    .section05 .evt-box-2 {
        padding: 39.5vw 3vw 0;
    }
    .section05 .evt-box-2 .submit-evt {
        width: 83vw;
        height: 13vw;
        font-size: 4.6vw;
        margin: 0 auto 3vw;
    }
    .section05 .evt-box-2 .cau-txt {
        font-size: 2.2vw;
        line-height: 1.3;
    }
    .section05 .tit-area h2 {
        background-position-y: -13.4375rem;
    }
    .section05 .tit-area h2.tit2 {
        background-position-y: -17.875rem;
    }
    :lang(en) .section05 .tit-area h2 {
        background-position-y: -13.75rem;
        height: 5.8125rem;
    }
    :lang(en) .section05 .tit-area h2.tit2 {
        background-position-y: -19.5rem;
        height: 5.8125rem;
    }
    :lang(zh-TW) .section05 .tit-area h2 {
        background-position-y: -13.75rem;
        height: 5.8125rem;
    }
    :lang(zh-TW) .section05 .tit-area h2.tit2 {
        background-position-y: -19.5rem;
        height: 5.8125rem;
    }
}

@media screen and (max-width: 640px) {
    .section05 {
        background-image: url("../images/common/bg_section05_m.jpg");
    }
    .section05 .tit-area .tit-desc-txt {
        font-size: 0.75rem;
        margin: 1rem 0 1.5rem;
    }
    .section05 .evt-box-2 .cau-txt {
        font-size: 2.4vw;
        line-height: 1.2;
        padding: 0 1rem;
        letter-spacing: -0.1vw;
        word-break: break-all;
    }
    .section05 .evt-box-1 .count-list li .obj.icon2 {
        margin-top: 1.6vw;
    }
    :lang(en) .section05 .evt-box-2 .cau-txt {
        padding: 0;
    }
}

.section06 {
    position: relative;
    min-height: 1200px;
    background: url("../images/common/bg_section06.jpg") no-repeat center top;
    background-size: cover;
    text-align: center;
    overflow: hidden;
}

.section06 .inner {
    position: relative;
    z-index: 100;
    max-width: 1200px;
    height: 100%;
    padding: 30px 0 0;
    margin: 0 auto;
    padding: 5rem 0 0;
}

.section06 .tit-area h2 {
    background-position-y: -43.75rem;
    margin-top: 1rem;
}

.section06 .cont-box {
    position: relative;
    margin: 10px auto 40px;
    width: 1030px;
}

.section06 .cont-box .banner-wrap {
    position: relative;
}

.section06 .cont-box .banner-wrap .swiper-container {
    overflow: hidden;
    width: 864px;
    margin: 0 auto;
}

.section06 .cont-box .banner-wrap .swiper-pagination {
    bottom: -45px;
}

.section06 .cont-box .banner-wrap .swiper-pagination .swiper-pagination-bullet {
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 20px;
    margin: 0 0.5rem;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: url(../images/common/icon_pagination.png) no-repeat;
    background-position-y: 0;
}

.section06 .cont-box .banner-wrap .swiper-pagination .swiper-pagination-bullet-active {
    color: #fff;
    background-position-y: 100%;
}

.section06 .cont-box .banner-wrap .swiper-navigation .swiper-button-prev,
.section06 .cont-box .banner-wrap .swiper-navigation .swiper-button-next {
    top: 50%;
    width: 40px;
    height: 80px;
    background: url(../images/common/swiper_arrow.png) no-repeat;
    margin-top: -40px;
}

.section06 .cont-box .banner-wrap .swiper-navigation .swiper-button-next {
    background-position-x: 100%;
}

.section06 .cont-box .banner-wrap .swiper-navigation .swiper-button-next:hover,
.section06 .cont-box .banner-wrap .swiper-navigation .swiper-button-prev:hover {
    background-position-y: 100%;
}

.section06 .cont-box .banner-wrap .swiper-navigation .swiper-button-prev:after,
.section06 .cont-box .banner-wrap .swiper-navigation .swiper-button-next:after {
    display: none;
}

.section06 .cont-box .board-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 946px;
    height: 469px;
    background: url("../images/common/bg_board.png") no-repeat center top;
    padding: 3.6rem 10rem 0;
    margin: 6rem auto 0;
}

.section06 .cont-box .board-wrap ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.4rem;
}

.section06 .cont-box .board-wrap ul li {
    width: 100%;
    border-bottom: 1px solid #cec18a;
    padding: 1rem 1rem;
    transition: all 0.2s;
}

.section06 .cont-box .board-wrap ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section06 .cont-box .board-wrap ul li a span.board-tit {
    font-size: 1.125rem;
    color: #212121;
    font-weight: 600;
    max-width: 500px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.section06 .cont-box .board-wrap ul li a span.board-date {
    font-size: 1rem;
    color: #848484;
    font-weight: 400;
}

.section06 .cont-box .board-wrap .more-detail-btn a {
    display: inline-block;
    width: 240px;
    height: 54px;
    background: url("../images/ko/btn_more_detail.png") no-repeat;
    text-indent: -9999em;
    transition: all 0.2s;
}

.pc .section06 .evt-box-2 .flex-wrap .cont-sns ul li a:hover {
    opacity: 0.5;
}

.pc .section06 .cont-box .board-wrap ul li:hover {
    padding: 1rem 1rem 1rem 2rem;
}

.pc .section06 .cont-box .board-wrap .more-detail-btn a:hover {
    opacity: 0.6;
}

:lang(en) .section06 .tit-area h2 {
    background-position-y: -48.75rem;
}

:lang(en) .section06 .cont-box .board-wrap .more-detail-btn a {
    background-image: url("../images/en/btn_more_detail.png");
}

:lang(zh-TW) .section06 .tit-area h2 {
    background-position-y: -45rem;
}

:lang(zh-TW) .section06 .cont-box .board-wrap .more-detail-btn a {
    background-image: url("../images/zh-TW/btn_more_detail.png");
}

@media screen and (max-width: 1200px) {
    .section06 {
        min-height: unset;
    }
    .section06 .inner {
        padding: 3rem 0 3rem;
    }
    .section06 .tit-area .desc-txt {
        font-size: 1rem;
    }
    .section06 .cont-box {
        width: 100%;
    }
    .section06 .cont-box .banner-wrap .swiper-container {
        width: 91%;
    }
    .section06 .cont-box .banner-wrap .swiper-navigation {
        display: none !important;
    }
    .section06 .cont-box .board-wrap {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        padding: 6vw 11vw 7vw;
    }
    .section06 .cont-box .board-wrap ul li a span.board-tit {
        font-size: 2.2vw;
    }
    .section06 .cont-box .board-wrap ul li a span.board-date {
        font-size: 1.8vw;
    }
    .section06 .cont-box .board-wrap ul li {
        padding: 1.4vw;
    }
}

@media screen and (max-width: 960px) {
    .section06 .tit-area h2 {
        background-position-y: -22.375rem;
    }
    :lang(en) .section06 .tit-area h2 {
        background-position-y: -25.25rem;
    }
    :lang(zh-TW) .section06 .tit-area h2 {
        background-position-y: -25.25rem;
    }
}

@media screen and (max-width: 640px) {
    .section06 {
        background-image: url("../images/common/bg_section06_m.jpg");
    }
    .section06 .cont-box .board-wrap ul li a span.board-tit {
        font-size: 1.7vw;
    }
    .section06 .cont-box .board-wrap .more-detail-btn a {
        width: 37vw;
        height: 9vw;
        background-size: 100% auto;
    }
    .section06 .cont-box .board-wrap ul li a span.board-tit {
        max-width: 80%;
    }
    .section06 .cont-box .banner-wrap .swiper-pagination {
        bottom: -1.875rem;
    }
    .section06 .cont-box .banner-wrap .swiper-pagination .swiper-pagination-bullet {
        width: 0.9375rem;
        height: 0.9375rem;
        background-size: 0.9375rem auto;
    }
}

.section07 {
    position: relative;
    min-height: 59.375rem;
    background: url("../images/common/bg_section07.jpg") no-repeat center top;
    background-size: cover;
    text-align: center;
    overflow: hidden;
}

.section07 .inner {
    position: relative;
    z-index: 100;
    max-width: 1200px;
    height: 100%;
    padding: 30px 0 0;
    margin: 0 auto;
    padding: 5rem 0 0;
}

.section07 .tit-area h2 {
    background-position-y: 0;
    margin-top: 1rem;
}

.section07 .tit-area .tit-desc-txt {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
}

.section07 .tit-area .tit-desc-txt span {
    display: block;
    font-size: 1.25rem;
    font-weight: 400;
    color: #ddd;
}

.section07 .link-to-yt {
    width: 326px;
    height: 79px;
    margin: 1.25rem auto 0;
}

.section07 .link-to-yt a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 0;
    background: url("../images/ko/btn_youtube.png") no-repeat;
    transition: all 0.18s ease-out;
}

.section07 .cont-box {
    position: relative;
    margin: 10px auto 40px;
    width: 1000px;
}

.section07 .cont-box .media-tabs {
    width: 42.5rem;
    margin: 3.75rem auto 1.5rem;
}

.section07 .cont-box .media-tabs ul {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.section07 .cont-box .media-tabs ul li {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 56px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #06524f;
    cursor: pointer;
    color: #c2c2c2;
    font-size: 1.25rem;
    font-weight: 400;
    transition: all 0.2s;
    margin: 0 0.3rem;
}

.section07 .cont-box .media-tabs ul li.on {
    background-color: rgba(0, 134, 114, 0.5);
    border: 1px solid #2e8f88;
    color: #fff;
}

.section07 .cont-box .media-tabs ul li.new:before {
    display: block;
    position: absolute;
    top: -0.6875rem;
    left: -0.6875rem;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background: url(../images/common/icon_new.png) no-repeat 0 0/100% auto;
}

.section07 .cont-box .videos-wrap {
    position: relative;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    padding-bottom: 3rem;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper {
    position: relative;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide {
    transition: all 1s;
    cursor: pointer;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide .video {
    position: relative;
    display: inline-block;
    width: 740px;
    height: 414px;
    background-color: #000;
    border: 0.4rem solid #605939;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide .video .btn-movie {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 257px;
    background: url("../images/common/btn_play.png") no-repeat 0 0;
    background-size: auto 100%;
    text-indent: -9999em;
    transition: all 1s;
    transform: translate(-46%, -50%);
    z-index: 2;
    opacity: 0;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide .video span {
    width: 100%;
    height: 100%;
    display: block;
    background-image: url("https://i.ytimg.com/vi/0qDiP4_rOoU/maxresdefault.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide .video::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide .image {
    position: relative;
    display: inline-block;
    width: 740px;
    height: 414px;
    background-color: #000;
    border: 0.4rem solid #605939;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide .image img {
    width: 100%;
    height: 100%;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide .image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .video {
    border: 0.4rem solid #228072;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .image {
    border: 0.4rem solid #228072;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .image::after {
    background-color: rgba(0, 0, 0, 0);
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active span {
    opacity: 1;
}

.section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .btn-movie {
    opacity: 1;
}

.section07 .cont-box .videos-wrap .swiper-pagination {
    bottom: 0px;
}

.section07 .cont-box .videos-wrap .swiper-pagination .swiper-pagination-bullet {
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    margin: 0 0.5rem;
    color: #000;
    opacity: 1;
    background: url(../images/common/icon_pagination.png) no-repeat;
    background-position-y: 0;
}

.section07 .cont-box .videos-wrap .swiper-pagination .swiper-pagination-bullet-active {
    color: #fff;
    background-position-y: 100%;
}

.section07 .cont-box .videos-wrap .swiper-navigation .swiper-button-prev,
.section07 .cont-box .videos-wrap .swiper-navigation .swiper-button-next {
    top: 50%;
    width: 40px;
    height: 80px;
    background: url(../images/common/swiper_arrow.png) no-repeat;
    margin-top: -72px;
}

.section07 .cont-box .videos-wrap .swiper-navigation .swiper-button-prev {
    background-position-x: 0;
    left: 6%;
}

.section07 .cont-box .videos-wrap .swiper-navigation .swiper-button-next {
    background-position-x: 100%;
    right: 6%;
}

.section07 .cont-box .videos-wrap .swiper-navigation .swiper-button-prev:after,
.section07 .cont-box .videos-wrap .swiper-navigation .swiper-button-next:after {
    display: none;
}

.section07 .desc-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    color: #00c2aa;
    font-size: 1.875rem;
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 1.4;
}

.section07 .desc-txt+.btn-area {
    margin-top: 3.75rem;
}

.section07 .btn-area {
    display: none;
    position: relative;
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
}

.section07 .btn-area .btn {
    width: 13.875rem;
    height: 5.125rem;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100% auto;
}

.section07 .btn-area .btn.btn-youtube {
    background-position-y: 0;
}

.section07 .btn-area .btn.btn-twitter {
    background-position-y: 25%;
}

.section07 .btn-area .btn.btn-facebook {
    background-position-y: 50%;
}

.section07 .btn-area .btn.btn-discord {
    background-position-y: 75%;
}

.section07 .btn-area .btn.btn-community {
    background-position-y: 100%;
}

:lang(ko) .section07 .btn-area .btn {
    background-image: url(../images/ko/btn_sns.png);
}

:lang(en) .section07 .btn-area .btn {
    background-image: url(../images/en/btn_sns.png);
}

:lang(zh-TW) .section07 .btn-area .btn {
    background-image: url(../images/zh-TW/btn_sns.png);
}

:lang(de) .section07 .btn-area .btn {
    background-image: url(../images/de/btn_sns.png);
}

:lang(fr) .section07 .btn-area .btn {
    background-image: url(../images/fr/btn_sns.png);
}

:lang(es) .section07 .btn-area .btn {
    background-image: url(../images/es/btn_sns.png);
}

:lang(pt) .section07 .btn-area .btn {
    background-image: url(../images/pt/btn_sns.png);
}

:lang(th) .section07 .btn-area .btn {
    background-image: url(../images/th/btn_sns.png);
}

:lang(zh-CN) .section07 .btn-area .btn {
    background-image: url(../images/zh-CN/btn_sns.png);
}

:lang(ja) .section07 .btn-area .btn {
    background-image: url(../images/ja/btn_sns.png);
}

.pc .section07 .cont-box .media-tabs ul li:hover {
    background-color: rgba(0, 134, 114, 0.5);
    border: 1px solid #2e8f88;
    color: #fff;
}

.pc .section07 .link-to-yt a:hover {
    margin-top: -5px;
}

.pc .section07 .cont-box .videos-wrap .swiper-navigation .swiper-button-next:hover,
.pc .section07 .cont-box .videos-wrap .swiper-navigation .swiper-button-prev:hover {
    background-position-y: 100%;
}

:lang(ko) .section07 .btn-area .btn.btn-facebook {
    display: none;
}

:lang(ko) .section07 .btn-area .btn.btn-discord {
    display: none;
}

:lang(en) .section07 .link-to-yt {
    width: 26rem;
}

:lang(en) .section07 .link-to-yt a {
    background-image: url("../images/en/btn_youtube.png");
}

:lang(en) .section07 .btn-area {
    gap: 0;
}

:lang(zh-TW) .section07 {
    min-height: 75rem;
}

:lang(zh-TW) .section07 .link-to-yt a {
    background-image: url("../images/zh-TW/btn_youtube.png");
}

:lang(zh-TW) .section07 .btn-area {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.625rem;
}

:lang(zh-TW) .section07 .btn-area .btn.btn-twitter {
    display: none;
}

:lang(zh-TW) .section07 .btn-area .btn.btn-discord {
    display: none;
}

@media screen and (max-width: 1200px) {
    .section07 {
        min-height: auto;
        padding-bottom: 3rem;
    }
    .section07 .inner {
        padding: 3rem 0 0;
    }
    .section07 .tit-area .desc-txt {
        font-size: 1rem;
    }
    .section07 .cont-box {
        width: 100%;
        margin-bottom: 0;
    }
    .section07 .cont-box .banner-wrap .swiper-container {
        width: 91%;
    }
    .section07 .cont-box .banner-wrap .swiper-navigation {
        display: none;
    }
    .section07 .cont-box .board-wrap {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        padding: 6vw 11vw 7vw;
    }
    .section07 .cont-box .board-wrap ul li a span.board-tit {
        font-size: 2.2vw;
    }
    .section07 .cont-box .board-wrap ul li a span.board-date {
        font-size: 1.8vw;
    }
    .section07 .cont-box .board-wrap ul li {
        padding: 1.4vw;
    }
    .section07 .cont-box .media-tabs ul li {
        margin: 0;
    }
    .section07 .desc-txt {
        font-size: 1.625rem;
    }
    .section07 .desc-txt+.btn-area {
        margin-top: 2.5rem;
    }
    .section07 .btn-area {
        max-width: 51.875rem;
    }
    .section07 .btn-area .btn {
        width: 10.125rem;
        height: 3.75rem;
    }
    :lang(zh-TW) .section07 {
        min-height: auto;
    }
    :lang(zh-TW) .section07 .cont-box {
        margin-bottom: 1.875rem;
    }
}

@media screen and (max-width: 960px) {
    .section07 .tit-area .tit-desc-txt {
        font-size: 1.1rem;
    }
    .section07 .tit-area .tit-desc-txt span {
        font-size: 1rem;
    }
    .section07 .link-to-yt {
        width: 14rem;
        height: 4rem;
    }
    .section07 .link-to-yt a {
        background-size: 100% auto;
    }
    .section07 .cont-box .media-tabs {
        margin: 1.75rem auto 1.5rem;
        width: 70vw;
    }
    .section07 .cont-box .media-tabs ul {
        gap: 0 1vw;
    }
    .section07 .cont-box .media-tabs ul li {
        width: 25%;
        height: 3rem;
        font-size: 1rem;
    }
    .section07 .cont-box .videos-wrap {
        width: 100vw;
    }
    .section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide .video {
        width: 70vw;
        height: 39vw;
    }
    .section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide .image {
        width: 70vw;
        height: 39vw;
    }
    .section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide .video span {
        opacity: 0.6;
    }
    .section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .video span {
        opacity: 1;
    }
    .section07 .cont-box .videos-wrap .swiper-navigation .swiper-button-prev {
        left: 5%;
    }
    .section07 .cont-box .videos-wrap .swiper-navigation .swiper-button-next {
        right: 5%;
    }
    .section07 .desc-txt {
        font-size: 0.9375rem;
    }
    .section07 .desc-txt+.btn-area {
        margin-top: 1.875rem;
    }
    .section07 .btn-area .btn {
        width: 6.9375rem;
        height: 2.5625rem;
        margin-bottom: 0.3125rem;
    }
    :lang(en) .section07 .tit-area .tit-desc-txt {
        font-size: 0.86rem;
    }
    :lang(en) .section07 .tit-area .tit-desc-txt span {
        font-size: 0.85rem;
    }
    :lang(en) .section07 .link-to-yt {
        width: 16.5rem;
    }
    :lang(ja) .section07 {
        min-height: auto;
    }
}

@media screen and (max-width: 640px) {
    .section07 {
        background-image: url("../images/common/bg_section07_m.jpg");
    }
    .section07 .cont-box .media-tabs {
        width: 96vw;
    }
    .section07 .cont-box .media-tabs ul {
        gap: 0 1vw;
    }
    .section07 .cont-box .media-tabs ul li {
        width: 25%;
        height: 2.6rem;
        font-size: 3.2vw;
    }
    .section07 .cont-box .videos-wrap .swiper-navigation .swiper-button-prev {
        width: 1.25rem;
        height: 2.5rem;
        margin-top: -3.25rem;
        background-position-x: 0;
        left: 4%;
        background-size: 3.125rem auto;
    }
    .section07 .cont-box .videos-wrap .swiper-navigation .swiper-button-next {
        width: 1.25rem;
        height: 2.5rem;
        margin-top: -3.25rem;
        background-position-x: 100%;
        right: 4%;
        background-size: 3.125rem auto;
    }
    .section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .video {
        border: 0.3rem solid #228072;
    }
    .section07 .cont-box .videos-wrap .swiper-container .swiper-wrapper .swiper-slide .video .btn-movie {
        width: 11rem;
        height: 11rem;
    }
    .section07 .cont-box .videos-wrap .swiper-pagination {
        bottom: 0.625rem;
    }
    .section07 .cont-box .videos-wrap .swiper-pagination .swiper-pagination-bullet {
        width: 0.9375rem;
        height: 0.9375rem;
        background-size: 0.9375rem auto;
    }
}

.section08 {
    display: block;
    position: relative;
    background: url(../images/common/bg_section08.jpg) no-repeat center 0;
    text-align: center;
    overflow: hidden;
}

.section08 .inner {
    z-index: 2;
    max-width: 75rem;
    padding: 6.5625rem 0 7.5rem;
}

.section08 .tit-area h2 {
    background-position-y: 100%;
}

.section08 .characters .character {
    display: block;
    position: absolute;
    z-index: 1;
}

.section08 .characters .character[data-char=c1] {
    top: 14.6875rem;
    right: 50%;
    width: 96.375rem;
    height: 87.1875rem;
    margin-right: -16.375rem;
    background: url(../images/common/c_1.png) no-repeat center 0/100% auto;
}

.section08 .characters .character[data-char=c2] {
    top: 3.125rem;
    left: 50%;
    width: 33.0625rem;
    height: 54.625rem;
    margin-left: 17.875rem;
    background: url(../images/common/c_2.png) no-repeat center 0/100% auto;
}

.section08 .decos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 96.25rem;
    height: 96.25rem;
    overflow: hidden;
}

.section08 .decos .deco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section08 .decos .deco[data-deco=circle1] {
    background: url(../images/common/circle_news1.png) no-repeat center;
}

.section08 .decos .deco[data-deco=circle2] {
    background: url(../images/common/circle_news2.png) no-repeat center;
}

.section08 .decos .deco[data-deco=circle3] {
    background: url(../images/common/circle_news3.png) no-repeat center;
}

.section08 .decos.left {
    right: 50%;
    margin-right: 37.25rem;
}

.section08 .decos.right {
    margin-left: 37.25rem;
    left: 50%;
}

.section08 .news-container {
    position: relative;
    margin: 3.125rem auto 0;
    width: 63.75rem;
    height: 74.375rem;
    background: url("../images/common/bg_news.png") no-repeat center top;
    padding-top: 1.25rem;
}

.section08 .news-container .btn-area {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.625rem;
    padding: 5rem 6.25rem 4.375rem;
}

.section08 .news-container .btn-area .btn {
    width: 13.75rem;
    height: 4.8125rem;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
}

.section08 .news-container .btn-area .btn.btn-youtube {
    background-position-y: 0;
}

.section08 .news-container .btn-area .btn.btn-twitter {
    background-position-y: -4.8125rem;
}

.section08 .news-container .btn-area .btn.btn-facebook {
    background-position-y: -9.625rem;
}

.section08 .news-container .btn-area .btn.btn-discord {
    background-position-y: -14.4375rem;
}

.section08 .news-container .btn-area .btn.btn-community {
    background-position-y: -19.25rem;
}

.section08 .news-container .desc-txt {
    padding: 2.1875rem 0 0.9375rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
    background: url(../images/common/img_line.png) no-repeat center 0/auto;
}

.section08 .news-container .desc-txt em {
    color: #00b3ff;
    font-size: 1.125rem;
}

.section08 .twitter-area {
    position: relative;
    width: 54.375rem;
    height: 46.875rem;
    margin: 0 auto;
    padding: 0.9375rem 0.9375rem 0;
    border-radius: 1.875rem;
    border: 1px solid #3180a2;
    background-color: #0e2032;
}

.section08 .twitter-area .twitter-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0.9375rem;
    padding-right: 0.3125rem;
    overflow: hidden;
    overflow-y: overlay;
}

.section08 .twitter-area .twitter-inner::-webkit-scrollbar {
    width: 1rem;
    border: 0.125rem solid transparent;
}

.section08 .twitter-area .twitter-inner::-webkit-scrollbar-thumb {
    background-color: #4bc2f6;
    min-height: 2.5rem;
    border-radius: 0.5rem;
}

.section08 .twitter-area .twitter-inner .twitter-timeline {
    width: 100%;
    min-height: 100%;
    border-radius: 0.9375rem;
    overflow: hidden;
}

.section08 .twitter-area .twitter-inner .twitter-timeline em {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    text-indent: -9999em;
    overflow: hidden;
}

:lang(ko) .section08 .news-container .btn-area .btn {
    background-image: url(../images/ko/btn_sns.png);
}

:lang(ko) .section08 .news-container .btn-area .btn.btn-facebook,
:lang(ko) .section08 .news-container .btn-area .btn.btn-discord {
    display: none;
}

:lang(en) .section08 .news-container .btn-area .btn {
    background-image: url(../images/en/btn_sns.png);
}

:lang(en) .section08 .twitter-area {
    height: 42.5rem;
}

:lang(zh-TW) .section08 {
    display: none;
}

:lang(zh-TW) .section08 .news-container .btn-area .btn {
    background-image: url(../images/zh-TW/btn_sns.png);
}

:lang(de) .section08 .news-container .btn-area .btn {
    background-image: url(../images/de/btn_sns.png);
}

:lang(fr) .section08 .news-container .btn-area .btn {
    background-image: url(../images/fr/btn_sns.png);
}

:lang(es) .section08 .news-container .btn-area .btn {
    background-image: url(../images/es/btn_sns.png);
}

:lang(pt) .section08 .news-container .btn-area .btn {
    background-image: url(../images/pt/btn_sns.png);
}

:lang(th) .section08 .news-container .btn-area .btn {
    background-image: url(../images/th/btn_sns.png);
}

:lang(zh-CN) .section08 .news-container .btn-area .btn {
    background-image: url(../images/zh-CN/btn_sns.png);
}

:lang(ja) .section08 .news-container .btn-area .btn {
    background-image: url(../images/ja/btn_sns.png);
}

:lang(ja) .section08 .news-container .btn-area .btn.btn-facebook,
:lang(ja) .section08 .news-container .btn-area .btn.btn-discord {
    display: none;
}

@media screen and (max-width: 1200px) {
    .section08 .characters .character[data-char=c1] {
        margin-right: -22.625rem;
    }
    .section08 .characters .character[data-char=c2] {
        margin-left: 11.625rem;
    }
    .section08 .news-container {
        width: 57.5rem;
        height: 67rem;
        background-size: 100% auto;
    }
    .section08 .news-container .btn-area {
        padding: 3.75rem 6.25rem 3.125rem;
    }
    .section08 .twitter-area {
        width: 48.75rem;
        height: 41.875rem;
    }
    :lang(en) .section08 .twitter-area {
        height: 37.5rem;
    }
}

@media screen and (max-width: 960px) {
    .section08 {
        background-image: url(../images/common/bg_section08_m.jpg);
        background-size: cover;
    }
    .section08 .inner {
        padding: 1.875rem 0 3.75rem;
    }
    .section08 .characters .character {
        display: none;
    }
    .section08 .tit-area .desc-txt {
        padding: 1.25rem 0;
        font-size: 1rem;
    }
    .section08 .news-container {
        margin: 0 auto;
        width: 38.3333333333rem;
        height: 44.3333333333rem;
    }
    .section08 .news-container .btn-area {
        padding: 2.5rem 0;
    }
    .section08 .news-container .btn-area .btn {
        width: 9.1666666667rem;
        height: 3.2083333333rem;
    }
    .section08 .news-container .btn-area .btn+.btn {
        margin-left: 0.3125rem;
    }
    .section08 .news-container .btn-area .btn.btn-twitter {
        background-position-y: -3.2083333333rem;
    }
    .section08 .news-container .btn-area .btn.btn-facebook {
        background-position-y: -6.4166666667rem;
    }
    .section08 .news-container .btn-area .btn.btn-discord {
        background-position-y: -9.625rem;
    }
    .section08 .news-container .btn-area .btn.btn-community {
        background-position-y: -12.8333333333rem;
    }
    .section08 .news-container .desc-txt {
        width: 32.5rem;
        margin: 0 auto;
        font-size: 1rem;
        line-height: 1.4;
    }
    .section08 .news-container .desc-txt em {
        font-size: 0.9rem;
    }
    .section08 .twitter-area {
        width: 32.625rem;
        height: 26.0416666667rem;
    }
    :lang(en) .section08 .twitter-area {
        height: 23.125rem;
    }
}

@media screen and (max-width: 640px) {
    .section08 .news-container {
        width: 95.9375vw;
        height: 110.8333333333vw;
        padding-top: 2.0833333333vw;
    }
    .section08 .news-container .btn-area {
        padding: 6.25vw 5.2083333333vw;
    }
    .section08 .news-container .btn-area .btn {
        width: 22.9166666667vw;
        height: 8.0208333333vw;
    }
    .section08 .news-container .btn-area .btn.btn-twitter {
        background-position-y: -8.0208333333vw;
    }
    .section08 .news-container .btn-area .btn.btn-facebook {
        background-position-y: -16.0416666667vw;
    }
    .section08 .news-container .btn-area .btn.btn-discord {
        background-position-y: -24.0625vw;
    }
    .section08 .news-container .btn-area .btn.btn-community {
        background-position-y: -32.0833333333vw;
    }
    .section08 .news-container .desc-txt {
        width: 81.25vw;
        padding: 3.6458333333vw 0;
        background-size: auto 0.8333333333vw;
        font-size: 0.8rem;
    }
    .section08 .news-container .desc-txt em {
        font-size: 0.6rem;
    }
    .section08 .twitter-area {
        width: 81.5625vw;
        height: 65.1041666667vw;
        padding: 2.0833333333vw 2.0833333333vw 0;
        border-radius: 3.125vw;
    }
    .section08 .twitter-area .twitter-inner::-webkit-scrollbar {
        width: 1.6666666667vw;
        border: 0.2083333333vw solid transparent;
    }
    .section08 .twitter-area .twitter-inner::-webkit-scrollbar-thumb {
        min-height: 10.4166666667vw;
        border-radius: 0.8333333333vw;
    }
    :lang(en) .section08 .twitter-area {
        height: 57.8125vw;
    }
}

.section09 {
    min-height: 75rem;
    background: url(../images/common/bg_festival.jpg) no-repeat 50% 0/cover;
}

.section09 .event-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    padding: 34.0625rem 0 3.125rem;
}

.section09 .event-wrap .event-bi {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 40.0625rem;
    height: 17.1875rem;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
    text-indent: -9999em;
    overflow: hidden;
}

.section09 .event-wrap .btn-detail {
    width: 21.0625rem;
    height: 5.8125rem;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
}

.section09 .event-wrap .event-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: 2.1875rem 0 2.5rem;
}

.section09 .event-wrap .event-desc {
    text-align: center;
    color: #7200a1;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem;
    letter-spacing: -0.025em;
}

.section09 .event-wrap .event-desc em {
    color: #d416e1;
}

.section09 .event-wrap .event-noti {
    margin: 0.9375rem 0;
    text-align: center;
    color: #9a7db9;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.875rem;
    letter-spacing: -0.05em;
}

.section09 .event-wrap .event-date {
    display: inline-block;
    padding: 0 0.625rem;
    background: #9a7db9;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
    letter-spacing: -0.05em;
}

.section09 :lang(ko) .event-wrap .event-bi {
    background-image: url(../images/ko/bi_festival.png);
}

.section09 :lang(ko) .event-wrap .btn-detail {
    background-image: url(../images/ko/btn_event_detail.png);
}

.section09 :lang(en) .event-wrap .event-bi {
    background-image: url(../images/en/bi_festival.png);
}

.section09 :lang(en) .event-wrap .btn-detail {
    background-image: url(../images/en/btn_event_detail.png);
}

.section09 :lang(zh-TW) .event-wrap .event-bi {
    background-image: url(../images/zh-TW/bi_festival.png);
}

.section09 :lang(zh-TW) .event-wrap .btn-detail {
    background-image: url(../images/zh-TW/btn_event_detail.png);
}

.section09 :lang(de) .event-wrap .event-bi {
    background-image: url(../images/de/bi_festival.png);
}

.section09 :lang(de) .event-wrap .btn-detail {
    background-image: url(../images/de/btn_event_detail.png);
}

.section09 :lang(fr) .event-wrap .event-bi {
    background-image: url(../images/fr/bi_festival.png);
}

.section09 :lang(fr) .event-wrap .btn-detail {
    background-image: url(../images/fr/btn_event_detail.png);
}

.section09 :lang(es) .event-wrap .event-bi {
    background-image: url(../images/es/bi_festival.png);
}

.section09 :lang(es) .event-wrap .btn-detail {
    background-image: url(../images/es/btn_event_detail.png);
}

.section09 :lang(pt) .event-wrap .event-bi {
    background-image: url(../images/pt/bi_festival.png);
}

.section09 :lang(pt) .event-wrap .btn-detail {
    background-image: url(../images/pt/btn_event_detail.png);
}

.section09 :lang(th) .event-wrap .event-bi {
    background-image: url(../images/th/bi_festival.png);
}

.section09 :lang(th) .event-wrap .btn-detail {
    background-image: url(../images/th/btn_event_detail.png);
}

.section09 :lang(zh-CN) .event-wrap .event-bi {
    background-image: url(../images/zh-CN/bi_festival.png);
}

.section09 :lang(zh-CN) .event-wrap .btn-detail {
    background-image: url(../images/zh-CN/btn_event_detail.png);
}

.section09 :lang(ja) .event-wrap {
    padding-top: 33.875rem;
}

.section09 :lang(ja) .event-wrap .event-bi {
    width: 30.625rem;
    height: 20.4375rem;
    background-image: url(../images/ja/bi_festival.png);
}

.section09 :lang(ja) .event-wrap .btn-detail {
    background-image: url(../images/ja/btn_event_detail.png);
}

.section09 :lang(ja) .event-wrap .event-info {
    margin: 1.5625rem 0 1.25rem;
}

.section09 :lang(ja) .event-wrap .event-noti {
    display: none;
}

.section09 :lang(ja) .event-wrap .event-date {
    margin-top: 1.5625rem;
}

@media screen and (max-width: 1200px) {
    .section09 .event-wrap {
        padding: 38.5rem 0 3.125rem;
    }
    .section09 .event-wrap .event-info {
        margin: 2.1875rem 0 3.125rem;
    }
    .section09 .event-wrap .event-bi {
        width: 28.3333333333rem;
        height: 12.0833333333rem;
    }
    .section09 .event-wrap .event-desc {
        font-size: 1.375rem;
        line-height: 1.2;
    }
    .section09 .event-wrap .event-noti {
        margin: 1.25rem 0;
        font-size: 1.125rem;
        line-height: 1.2;
    }
    .section09 .event-wrap .event-date {
        font-size: 1.125rem;
        line-height: 1.2;
    }
    .section09 .event-wrap .btn-detail {
        width: 14.8333333333rem;
        height: 4.0833333333rem;
    }
    .section09 :lang(ja) .section09 {
        min-height: auto;
        padding-bottom: 3.125rem;
    }
    .section09 :lang(ja) .event-wrap {
        padding-top: 36.5rem;
    }
    .section09 :lang(ja) .event-wrap .event-bi {
        width: 21.6666666667rem;
        height: 14.4583333333rem;
    }
}

@media screen and (max-width: 960px) {
    .section09 .section09 {
        min-height: 41rem;
    }
    .section09 .event-wrap {
        padding: 19.25rem 0 0;
    }
    .section09 .event-wrap .event-info {
        margin: 1.125rem 0 1.25rem;
    }
    .section09 .event-wrap .event-bi {
        width: 21.25rem;
        height: 9.0625rem;
    }
    .section09 .event-wrap .event-desc {
        font-size: 0.9375rem;
    }
    .section09 .event-wrap .event-noti {
        margin: 0.625rem 0;
        font-size: 0.75rem;
    }
    .section09 .event-wrap .event-date {
        font-size: 0.75rem;
    }
    .section09 .event-wrap .btn-detail {
        width: 11.125rem;
        height: 3.0625rem;
    }
    .section09 :lang(ja) .event-wrap {
        padding-top: 18.25rem;
    }
    .section09 :lang(ja) .event-wrap .event-bi {
        width: 16.25rem;
        height: 10.8125rem;
    }
    .section09 :lang(ja) .event-wrap .event-date {
        margin-top: 0.9375rem;
    }
}

@media screen and (max-width: 640px) {
    .section09 {
        background-image: url(../images/common/bg_festival_m.jpg);
    }
}

.section10 {
    min-height: 63.125rem;
    background: url(../images/common/bg_festival_241105.jpg) no-repeat 50% 0/cover;
}

.section10 .event-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    padding: 10rem 0 3.125rem;
}

.section10 .event-wrap .event-bi {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 37.5rem;
    height: 21.75rem;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
    text-indent: -9999em;
    overflow: hidden;
}

.section10 .event-wrap .btn-detail {
    width: 21.25rem;
    height: 5.8125rem;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
}

.section10 .event-wrap .event-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: 1.25rem 0 0;
}

.section10 .event-wrap .event-desc {
    text-align: center;
    color: #311b09;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.75rem;
    letter-spacing: -0.025em;
}

.section10 .event-wrap .event-desc em {
    color: #941717;
}

.section10 .event-wrap .event-noti {
    text-align: center;
    color: #311b09;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1.875rem 0;
    letter-spacing: -0.05em;
}

.section10 .event-wrap .event-tit {
    display: inline-block;
    padding: 0 0.625rem;
    text-align: center;
    color: #941717;
    font-size: 2.5rem;
    padding: 1.875rem 0 0.9375rem;
    font-weight: 700;
    line-height: 2.5rem;
    letter-spacing: -0.05em;
}

.section10 .event-wrap .event-date {
    display: inline-block;
    padding: 0 0.625rem;
    text-align: center;
    color: #2a1707;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.75rem;
    letter-spacing: -0.05em;
}

.section10 :lang(ko) .event-wrap .event-bi {
    background-image: url(../images/ko/bi_festival_241105.png);
}

.section10 :lang(ko) .event-wrap .btn-detail {
    background-image: url(../images/ko/btn_event_detail_2.png);
}

.section10 :lang(en) .event-wrap {
    padding: 6.25rem 0 3.125rem;
}

.section10 :lang(en) .event-wrap .event-bi {
    background-image: url(../images/en/bi_festival_241105.png);
}

.section10 :lang(en) .event-wrap .btn-detail {
    background-image: url(../images/en/btn_event_detail_2.png);
}

.section10 :lang(zh-TW) .event-wrap {
    padding: 6.25rem 0 3.125rem;
}

.section10 :lang(zh-TW) .event-wrap .event-bi {
    background-image: url(../images/zh-TW/bi_festival_241105.png);
}

.section10 :lang(zh-TW) .event-wrap .btn-detail {
    background-image: url(../images/zh-TW/btn_event_detail_2.png);
}

.section10 :lang(de) .event-wrap .event-bi {
    background-image: url(../images/de/bi_festival_241105.png);
}

.section10 :lang(de) .event-wrap .btn-detail {
    background-image: url(../images/de/btn_event_detail_2.png);
}

.section10 :lang(fr) .event-wrap .event-bi {
    background-image: url(../images/fr/bi_festival_241105.png);
}

.section10 :lang(fr) .event-wrap .btn-detail {
    background-image: url(../images/fr/btn_event_detail_2.png);
}

.section10 :lang(es) .event-wrap .event-bi {
    background-image: url(../images/es/bi_festival_241105.png);
}

.section10 :lang(es) .event-wrap .btn-detail {
    background-image: url(../images/es/btn_event_detail_2.png);
}

.section10 :lang(pt) .event-wrap .event-bi {
    background-image: url(../images/pt/bi_festival_241105.png);
}

.section10 :lang(pt) .event-wrap .btn-detail {
    background-image: url(../images/pt/btn_event_detail_2.png);
}

.section10 :lang(th) .event-wrap .event-bi {
    background-image: url(../images/th/bi_festival_241105.png);
}

.section10 :lang(th) .event-wrap .btn-detail {
    background-image: url(../images/th/btn_event_detail_2.png);
}

.section10 :lang(zh-CN) .event-wrap .event-bi {
    background-image: url(../images/zh-CN/bi_festival_241105.png);
}

.section10 :lang(zh-CN) .event-wrap .btn-detail {
    background-image: url(../images/zh-CN/btn_event_detail_2.png);
}

.section10 :lang(ja) .event-wrap {
    padding: 5.625rem 0 3.125rem;
}

.section10 :lang(ja) .event-wrap .event-bi {
    width: 34.5625rem;
    height: 22.5rem;
    background-image: url(../images/ja/bi_festival_241105.png);
}

.section10 :lang(ja) .event-wrap .btn-detail {
    background-image: url(../images/ja/btn_event_detail_2.png);
}

@media screen and (max-width: 1200px) {
    .section10 {
        min-height: auto;
    }
    .section10 .event-wrap {
        padding: 8.75rem 0 5rem;
    }
    .section10 .event-wrap .event-bi {
        width: 25rem;
        height: 14.5rem;
    }
    .section10 .event-wrap .event-date {
        font-size: 1.5rem;
        line-height: 1.5rem;
        padding: 0 0.625rem;
    }
    .section10 .event-wrap .event-desc {
        font-size: 1.25rem;
        line-height: 1.25rem;
    }
    .section10 .event-wrap .event-noti {
        font-size: 0.875rem;
        line-height: 0.875rem;
        padding: 1.875rem 0;
    }
    .section10 .event-wrap .event-tit {
        font-size: 2rem;
        line-height: 2rem;
        padding: 1.875rem 0 0.9375rem;
    }
    .section10 .event-wrap .btn-detail {
        width: 14.8333333333rem;
        height: 4.0833333333rem;
    }
    .section10 :lang(ja) .event-wrap .event-bi {
        width: 23.0416666667rem;
        height: 15rem;
    }
}

@media screen and (max-width: 960px) {
    .section10 .event-wrap {
        padding: 8.75rem 0 5rem;
    }
    .section10 .event-wrap .event-bi {
        width: 25rem;
        height: 14.5rem;
    }
    .section10 .event-wrap .event-date {
        font-size: 1.125rem;
        line-height: 1.125rem;
        padding: 0 0.625rem;
    }
    .section10 .event-wrap .event-desc {
        font-size: 1rem;
        line-height: 1rem;
    }
    .section10 .event-wrap .event-noti {
        font-size: 0.75rem;
        line-height: 0.75rem;
        padding: 1.25rem 0;
    }
    .section10 .event-wrap .event-tit {
        font-size: 1.5rem;
        line-height: 1.5rem;
        padding: 1.25rem 0 0.625rem;
    }
    .section10 .event-wrap .btn-detail {
        width: 11.125rem;
        height: 3.0625rem;
    }
    .section10 :lang(ja) .event-wrap .event-bi {
        width: 17.28125rem;
        height: 11.25rem;
    }
}

@media screen and (max-width: 640px) {
    .section10 {
        background-image: url(../images/common/bg_festival_2_m.jpg);
    }
    .section10 .event-wrap {
        padding: 18.75rem 0 2.5rem;
    }
    .section10 .event-wrap .event-info {
        margin: 0;
    }
    .section10 .event-wrap .event-bi {
        width: 19.2013888889rem;
        height: 12.5rem;
    }
    .section10 .event-wrap .event-date {
        font-size: 0.875rem;
        line-height: 0.875rem;
        padding: 0 0.625rem;
    }
    .section10 .event-wrap .event-desc {
        font-size: 0.875rem;
        line-height: 0.875rem;
    }
    .section10 .event-wrap .event-noti {
        font-size: 0.75rem;
        line-height: 0.75rem;
        padding: 1.25rem 0;
    }
    .section10 .event-wrap .event-tit {
        font-size: 1.25rem;
        line-height: 1.25rem;
        padding: 1.25rem 0 0.625rem;
    }
    .section10 .event-wrap .btn-detail {
        width: 11.125rem;
        height: 3.0625rem;
    }
    .section10 :lang(en) .event-wrap {
        padding: 18.75rem 0 3.125rem;
    }
    .section10 :lang(zh-TW) .event-wrap {
        padding: 18.75rem 0 3.125rem;
    }
    .section10 :lang(ja) .event-wrap {
        padding: 18.75rem 0 3.125rem;
    }
    .section10 :lang(ja) .event-wrap .event-bi {
        width: 20.3308823529rem;
        height: 13.2352941176rem;
        margin-bottom: 0.625rem;
    }
}

.section11 {
    min-height: 63.125rem;
    background: url(../images/common/bg_event_250317.jpg) no-repeat 50% 0/cover;
}

.section11 .event-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    padding: 8.75rem 0 1.875rem;
}

.section11 .event-wrap .event-bi {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 26.125rem;
    height: 22.625rem;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
    text-indent: -9999em;
    overflow: hidden;
}

.section11 .event-wrap .btn-detail {
    width: 21.25rem;
    height: 5.8125rem;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
}

.section11 .event-wrap .event-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: 1.25rem 0 0;
}

.section11 .event-wrap .event-tit {
    display: inline-block;
    text-align: center;
    color: #a50235;
    font-size: 2.5rem;
    padding: 2.1875rem 0 2.1875rem;
    font-weight: 700;
    line-height: 2.5rem;
    letter-spacing: -0.05em;
}

.section11 .event-wrap .event-date {
    display: inline-block;
    padding: 0.625rem 0.625rem;
    text-align: center;
    color: #063e50;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.75rem;
    letter-spacing: -0.05em;
}

.section11 .event-wrap .event-desc {
    text-align: center;
    color: #0c4455;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 2rem;
    letter-spacing: -0.025em;
}

.section11 .event-wrap .event-desc em {
    color: #a50235;
    text-decoration: underline;
}

.section11 .event-wrap .event-noti {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #242629;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1.875rem 0;
    letter-spacing: -0.05em;
}

.section11 .event-wrap .event-noti:before,
.section11 .event-wrap .event-noti::after {
    content: "";
    display: inline-block;
    width: 0.4375rem;
    height: 0.4375rem;
    background-color: #6a9caa;
    transform: rotate(45deg);
    margin: 0 0.5rem;
}

.section11 .event-wrap .event-info2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: 5rem 0 0;
}

.section11 .event-wrap .event-info2 .event-copyrights {
    display: inline-block;
    padding: 0 0.625rem;
    text-align: center;
    color: #2c3d4d;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.05em;
}


.section11 :lang(ja) .event-wrap .event-tit {
    font-size: 2.25rem;
}

.section11 :lang(ja) .event-wrap .event-date {
    font-size: 1.375rem;
}

.section11 :lang(ja) .event-wrap .event-desc {
    font-size: 1.625rem;
}

.section11 :lang(ja) .event-wrap .event-noti {
    font-size: 1.125rem;
}

@media screen and (max-width: 1200px) {
    .section11 {
        min-height: auto;
    }
    .section11 .event-wrap {
        padding: 8.75rem 0 2.5rem;
    }
    .section11 .event-wrap .event-bi {
        width: 17.4166666667rem;
        height: 15.0833333333rem;
    }
    .section11 .event-wrap .event-date {
        font-size: 1.5rem;
        line-height: 1.5rem;
        padding: 0 0.625rem;
    }
    .section11 .event-wrap .event-tit {
        font-size: 2rem;
        line-height: 2rem;
        padding: 1.875rem 0;
    }
    .section11 .event-wrap .event-desc {
        font-size: 1.25rem;
        line-height: 1.25rem;
    }
    .section11 .event-wrap .event-noti {
        font-size: 0.875rem;
        line-height: 0.875rem;
        padding: 1.875rem 0;
    }
    .section11 .event-wrap .btn-detail {
        width: 14.8333333333rem;
        height: 4.0833333333rem;
    }
    .section11 .event-wrap .event-info2 .event-copyrights {
        font-size: 0.9375rem;
    }
    .section11 :lang(en) .event-wrap .event-bi {
        width: 23.8541666667rem;
        height: 18.90625rem;
    }
    .section11 :lang(en) .event-wrap .event-tit {
        font-size: 2.25rem;
        line-height: 2.25rem;
    }
    .section11 :lang(en) .event-wrap .event-date {
        font-size: 1.375rem;
    }
    .section11 :lang(en) .event-wrap .event-desc {
        font-size: 1.375rem;
        line-height: 1.375rem;
    }
    .section11 :lang(en) .event-wrap .event-noti {
        font-size: 1rem;
    }
    .section11 :lang(ja) .event-wrap .event-tit {
        font-size: 1.75rem;
    }
    .section11 :lang(ja) .event-wrap .event-date {
        font-size: 1.125rem;
    }
    .section11 :lang(ja) .event-wrap .event-desc {
        font-size: 1.25rem;
    }
    .section11 :lang(ja) .event-wrap .event-noti {
        font-size: 1rem;
    }
}

@media screen and (max-width: 960px) {
    .section11 .event-wrap .event-tit {
        font-size: 1.75rem;
        line-height: 1.75rem;
        padding: 1.25rem 0;
    }
    .section11 .event-wrap .event-desc {
        font-size: 1.125rem;
        line-height: 1.125rem;
    }
    .section11 :lang(en) .event-wrap .event-tit {
        font-size: 1.875rem;
        line-height: 1.875rem;
    }
    .section11 :lang(en) .event-wrap .event-date {
        font-size: 1.125rem;
    }
    .section11 :lang(en) .event-wrap .event-desc {
        font-size: 1.125rem;
        line-height: 1.125rem;
    }
    .section11 :lang(ja) .event-wrap .event-tit {
        font-size: 1.375rem;
    }
    .section11 :lang(ja) .event-wrap .event-date {
        font-size: 0.9375rem;
    }
    .section11 :lang(ja) .event-wrap .event-desc {
        font-size: 1rem;
    }
}

@media screen and (max-width: 640px) {
    .section11 {
        background-image: url(../images/common/bg_event_250317_m.jpg);
    }
    .section11 .event-wrap {
        padding: 13.75rem 0 1.25rem;
    }
    .section11 .event-wrap .event-bi {
        width: 18.6607142857rem;
        height: 16.1607142857rem;
    }
    .section11 .event-wrap .event-info {
        padding: 0 0.625rem;
    }
    .section11 .event-wrap .event-info .event-date {
        font-size: 1.25rem;
        line-height: 1.25rem;
        padding: 0.625rem 0;
    }
    .section11 .event-wrap .event-info .event-desc {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .section11 .event-wrap .event-info .event-noti {
        font-size: 0.75rem;
        line-height: 0.75rem;
        padding: 0.75rem 0;
    }
    .section11 .event-wrap .event-info .event-tit {
        font-size: 1.25rem;
        line-height: 1.25rem;
        padding: 0.75rem 0;
    }
    .section11 .event-wrap .btn-detail {
        width: 11.125rem;
        height: 3.0625rem;
    }
    .section11 .event-wrap .event-info2 {
        margin: 1.875rem 0 0;
    }
    .section11 .event-wrap .event-info2 .event-copyrights {
        font-size: 0.8125rem;
    }
    .section11 :lang(en) .event-wrap {
        padding: 13.75rem 0 1.25rem;
    }
    .section11 :lang(en) .event-wrap .event-bi {
        width: 20.4464285714rem;
        height: 16.2053571429rem;
    }
    .section11 :lang(en) .event-wrap .event-tit {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    .section11 :lang(en) .event-wrap .event-date {
        font-size: 1rem;
    }
    .section11 :lang(en) .event-wrap .event-desc {
        font-size: 0.875rem;
        line-height: 0.875rem;
    }
    .section11 :lang(ja) .event-wrap {
        padding: 13.75rem 0 1.25rem;
    }
    .section11 :lang(ja) .event-wrap .event-tit {
        font-size: 1.0625rem;
    }
    .section11 :lang(ja) .event-wrap .event-date {
        font-size: 0.875rem;
    }
    .section11 :lang(ja) .event-wrap .event-desc {
        font-size: 0.8125rem;
    }
    .section11 :lang(ja) .event-wrap .event-noti {
        font-size: 0.75rem;
    }
}

@media screen and (max-width: 960px) {
    #footer {
        height: auto;
        min-height: auto;
        padding: 2rem 0 2rem;
        font-size: 0.375rem;
    }
    #footer .policy {
        max-width: 90%;
        padding: 0 0.625rem 1rem;
        text-align: center;
        justify-content: center;
    }
    footer {
        padding: 1.5rem 0;
    }
    footer .logo-area {
        margin-right: 0;
    }
    footer .inner {
        max-width: 90%;
        padding: 0rem;
        text-align: center;
        flex-direction: column;
    }
    footer .logo-area .sgp {
        width: 4.5rem;
        height: 1.125rem;
    }
    footer .logo-area .sg {
        width: 7.6rem;
        height: 1.6rem;
        margin-right: 0.6rem;
    }
    footer .logo-area .vagames {
        width: 6rem;
        height: 1.3rem;
    }
    footer .logo-area span+span {
        margin-left: 1rem;
    }
    footer .logo-area .superCreative {
        width: 5.1rem;
        height: 1.125rem;
        margin-left: 0;
    }
    footer .logo-area .copyright {
        font-size: 0.625rem;
    }
    footer .select-lang {
        width: 9rem;
        margin-left: unset;
        position: relative;
        transform: unset;
        top: unset;
        right: unset;
        margin-bottom: 1rem;
    }
    footer .select-lang::before {
        left: 0.6rem;
        width: 1rem;
        height: 1rem;
    }
    footer .select-lang .btn-lang {
        width: 100%;
        padding: 0 0.625rem 0 2rem;
    }
    footer .select-lang .btn-lang em {
        font-size: 0.7625rem;
        line-height: 1.875rem;
    }
    footer .select-lang .btn-lang:after {
        right: 0.625rem;
    }
    footer .select-lang a {
        display: block;
        height: 1.875rem;
        padding: 0 0.625rem;
        line-height: 1.875rem;
        font-size: 0.7625rem;
    }
    footer .select-lang .list-lang {
        bottom: 1.875rem;
    }
    :lang(zh-TW) footer .select-lang {
        top: 0;
    }
    :lang(zh-TW) footer .inner {
        padding: 0;
    }
    :lang(zh-TW) footer .logo-area {
        align-items: center;
        margin-right: 0;
        margin-bottom: 2rem;
    }
    :lang(zh-TW) footer .age-area {
        height: auto;
    }
    :lang(zh-TW) footer .age-area .age {
        width: 4rem;
        height: 4rem;
    }
    :lang(zh-TW) footer .age-area ul {
        height: 4rem;
    }
    :lang(zh-TW) footer .age-area ul li {
        font-size: 0.6rem;
    }
}

@media screen and (max-width: 540px) {
    footer .logo-area {
        flex-direction: column;
    }
    footer .logo-area .copyright {
        margin-left: 0;
        margin-top: 1rem;
    }
    :lang(zh-TW) footer .inner {
        width: 80%;
    }
    :lang(zh-TW) footer .age-area .age {
        width: 14vw;
        height: 14vw;
    }
}

@media screen and (max-width: 320px) {
    footer .select-lang .btn-lang {
        width: 6.25rem;
    }
}

/**
 * Swiper 8.1.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 25, 2022
 */

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
    transform: scale(0.6);
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
    transform: scale(1.2);
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0);
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform;
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0);
}

[data-aos=fade-up] {
    transform: translate3d(0, 50px, 0);
}