#ui_imo .section_4 .obj_2,
#ui_imo .media_swiper .swiper-button-next,
#ui_imo .media_swiper .swiper-button-prev,
#ui_imo .section_3 .video_wrap::after,
#ui_imo .section_1 .inner::after {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/sprite_set-81f9b6deba.png");
    background-repeat: no-repeat
}

#EVTprivacy {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #444;
    line-height: 1.3;
    text-align: left
}

#EVTprivacy:lang(ko) {
    word-break: keep-all
}

#EVTprivacy .hide {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%)
}

#EVTprivacy .privacy-box {
    position: relative;
    width: 100%
}

#EVTprivacy input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #c3c3c3;
    color: #242424;
    font-size: inherit
}

#EVTprivacy input::placeholder {
    color: #989898;
    font-size: inherit
}

#EVTprivacy input[type=number]::-webkit-outer-spin-button,
#EVTprivacy input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#EVTprivacy input.error {
    border: 1px solid #ff4b4b
}

#EVTprivacy label {
    font-size: inherit
}

#EVTprivacy .list-os {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px
}

#EVTprivacy .list-os .item-os {
    display: flex;
    margin-bottom: 6px;
    margin-right: 16px
}

#EVTprivacy .list-os .item-os>div {
    position: relative;
    margin-right: 16px
}

#EVTprivacy .list-os .item-os input {
    width: 1px;
    height: 1px
}

#EVTprivacy .list-os .item-os:only-child {
    margin-right: 0
}

#EVTprivacy .list-os .item-os:nth-of-type(1)>div:last-child {
    margin-right: 0
}

#EVTprivacy .list-os .item-os label {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 26px;
    color: #fff
}

#EVTprivacy .list-os .item-os label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #c3c3c3;
    border-radius: 50%;
    box-sizing: border-box;
    content: ""
}

#EVTprivacy .list-os .item-os label:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: #ff4b4b;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.5);
    box-sizing: border-box;
    content: ""
}

#EVTprivacy .list-os .item-os input[type=radio]:checked+label:after {
    opacity: 1
}

#EVTprivacy .box-phone {
    display: flex;
    justify-content: space-between;
    height: 48px
}

#EVTprivacy .box-phone input {
    font-size: 16px
}

#EVTprivacy .box-phone .select {
    flex-shrink: 0;
    position: relative;
    width: 138px;
    margin-right: 4px;
    padding: 0 31px 0 15px;
    box-sizing: border-box;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_915_5389)'%3E%3Cpath d='M5 9L12 16L19 9' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_915_5389'%3E%3Crect width='24' height='24' fill='white' transform='matrix(-4.37114e-08 -1 -1 4.37114e-08 24 24)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat top 50% right 8px;
    background-size: 24px auto;
    border: 1px solid #c3c3c3;
    font-size: 16px;
    color: #242424;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#EVTprivacy .box-phone .select.error {
    border: 1px solid #ff4b4b
}

#EVTprivacy .btn-auth {
    flex-shrink: 0;
    width: 104px;
    margin-left: 4px;
    border: 3px solid #3baae9;
    background-color: #3baae9;
    font-size: 16px;
    color: #fff;
    font-weight: 500
}

#EVTprivacy .btn-auth:hover {
    border: 3px solid #69beee;
    background-color: #69beee
}

#EVTprivacy .btn-auth:disabled {
    background-color: #b8b8b8;
    border: 3px solid #b8b8b8
}

#EVTprivacy .box-auth {
    position: relative;
    height: 48px;
    margin-top: 6px
}

#EVTprivacy .box-auth input {
    font-size: 16px
}

#EVTprivacy .auth-time {
    position: absolute;
    top: 50%;
    right: 16px;
    color: #518eff;
    transform: translateY(-50%)
}

#EVTprivacy .warn {
    display: flex;
    margin-top: 6px;
    font-size: 14px;
    color: #ff4b4b
}

#EVTprivacy .warn:before {
    flex-shrink: 0;
    display: block;
    width: 16px;
    height: 16px;
    margin: 1px 4px 0 0;
    background: #ff4b4b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='10' fill='none'%3E%3Cg fill='%23fff'%3E%3Cpath d='M0 0h2v7.273H0V0ZM0 8.182h2V10H0V8.182Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 2px auto;
    border-radius: 50%;
    content: ""
}

#EVTprivacy .warn.success {
    color: #4daf51
}

#EVTprivacy .warn.success:before {
    background: #4daf51 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M1 4.5L3.8 7.5L9.4 1.5' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 10px auto
}

#EVTprivacy .list-agree {
    margin-top: 14px
}

#EVTprivacy .list-agree li {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 8px;
    color: #fff;
    font-size: 14px
}

#EVTprivacy .list-agree .check-all+li {
    margin-top: 10px
}

#EVTprivacy .list-agree label {
    display: block;
    position: relative;
    padding-left: 24px
}

#EVTprivacy .list-agree label:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M1 4.5L3.8 7.5L9.4 1.5' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 11px auto;
    border: 1px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    content: ""
}

#EVTprivacy .list-agree input[type=checkbox]:checked+label:before {
    border-color: #3baae9;
    background-color: #3baae9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M1 4.5L3.8 7.5L9.4 1.5' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")
}

#EVTprivacy .list-agree .point {
    display: inline-block;
    color: #fff1ad
}

#EVTprivacy .list-agree .btn-detail {
    flex-shrink: 0;
    display: block;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='14' viewBox='0 0 9 14' fill='none'%3E%3Cpath d='M1 1L7 6.73913L1 13' stroke='%23b8b8b8' stroke-width='2'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 9px auto
}

#EVTprivacy .list-agree .check-all {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22
}

#EVTprivacy .list-agree .check-all label {
    padding-left: 22px
}

#EVTprivacy .list-agree .check-all label:before {
    top: 2px
}

#EVTprivacy .box-input {
    display: flex;
    height: 48px;
    margin-top: 6px
}

#EVTprivacy .box-input input {
    margin-left: 4px;
    text-align: center
}

#EVTprivacy .box-input input:nth-of-type(1) {
    margin-left: 0
}

#EVTprivacy .box-age {
    height: 48px;
    margin-top: 6px
}

#EVTprivacy .tip-age {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px
}

#EVTprivacy .tip-age .tip {
    color: #444
}

#EVTprivacy .tip-age .tooltip {
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    background: #b8b8b8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='10' viewBox='0 0 2 10' fill='none'%3E%3Cpath d='M0 4H2V10H0V4Z' fill='%23fff'/%3E%3Cpath d='M0 0H2V2H0V0Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 2px auto;
    border-radius: 50%;
    cursor: pointer
}

#EVTprivacy .tip-age .tooltip .tooltip-txt {
    position: absolute;
    top: 100%;
    right: 0;
    width: max-content;
    max-width: 300px;
    padding: 20px 24px;
    margin-top: 10px;
    background: #444;
    box-shadow: 0 9px 16px 0 rgba(61, 61, 83, .28);
    border-radius: 14px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    transition: opacity .3s
}

#EVTprivacy .tip-age .tooltip:hover .tooltip-txt {
    opacity: 1;
    visibility: visible
}

#EVTprivacy .toast {
    position: absolute;
    bottom: 64px;
    left: 50%;
    width: 100%;
    max-width: 400px;
    padding: 10px 24px;
    background: rgba(0, 0, 0, .6);
    border: 1px solid #e7e7e7;
    border-radius: 30px;
    backdrop-filter: blur(5px);
    font-size: 16px;
    color: #fff;
    text-align: center;
    transform: translate(-50%, 10px);
    transition: opacity .3s, visibility .3s, transform .3s;
    opacity: 0;
    visibility: hidden
}

#EVTprivacy .toast.on {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0)
}

#EVTprivacy .btn-send {
    display: block;
    width: 100%;
    max-width: 500px;
    height: 58px;
    margin: 47px auto 0;
    border: 3px solid #3baae9;
    background-color: #3baae9;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: auto 100%;
    font-size: 24px;
    color: #fff;
    font-weight: 500
}

#EVTprivacy .btn-send:hover {
    border: 3px solid #69beee;
    background-color: #69beee
}

#EVTprivacy .btn-send:disabled {
    background-color: #b8b8b8;
    border: 3px solid #b8b8b8
}

.pop-privacy {
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 32px 0;
    text-align: center;
    z-index: 1000
}

.pop-privacy:lang(ko) {
    word-break: keep-all
}

.pop-privacy .hide {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%)
}

.pop-privacy input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    box-sizing: border-box
}

.pop-privacy .privacy-layer {
    position: relative;
    width: 500px;
    margin: auto;
    padding: 40px;
    background-color: #fff;
    font-size: 16px;
    color: #444;
    line-height: 1.3;
    vertical-align: middle
}

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

.pop-privacy .btns {
    display: flex;
    justify-content: center;
    margin: 0 -2px
}

.pop-privacy .btns>button {
    display: block;
    width: 100%;
    height: 48px;
    margin: 0 2px;
    padding: 0 23px;
    border: 1px solid #f52727;
    background-color: #f52727;
    font-size: 18px;
    color: #fff;
    font-weight: 500
}

.pop-privacy .btns .btn-cancel {
    background-color: #fff;
    border-color: #c3c3c3;
    color: #989898
}

.pop-privacy .privacy-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M1 17L17 1M17 17L1.00002 1' stroke='%23989898' stroke-width='2'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 18px 18px
}

.pop-privacy.privacy-email .input-email {
    width: 100%;
    height: 48px;
    margin-top: 8px;
    padding: 0 15px;
    border: 1px solid #c3c3c3;
    font-size: 16px;
    color: #444
}

.pop-privacy.privacy-email .input-email::placeholder {
    font-size: 16px;
    color: #989898
}

.pop-privacy.privacy-email .input-email.error {
    border-color: #d33030
}

.pop-privacy.privacy-email .warn {
    margin-top: 4px;
    font-size: 14px;
    color: #d33030;
    text-align: left
}

.pop-privacy.privacy-email .warn:before {
    flex-shrink: 0;
    display: block;
    width: 16px;
    height: 16px;
    margin: 1px 4px 0 0;
    background: #ff4b4b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='10' fill='none'%3E%3Cg fill='%23fff'%3E%3Cpath d='M0 0h2v7.273H0V0ZM0 8.182h2V10H0V8.182Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 2px auto;
    border-radius: 50%;
    content: ""
}

.pop-privacy.privacy-email .btns {
    margin-top: 14px
}

.pop-privacy.privacy-agree .agree-tit {
    display: block;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #c3c3c3;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left
}

.pop-privacy.privacy-agree .agree-desc {
    max-height: 414px;
    font-size: 14px;
    text-align: left;
    overflow-y: auto
}

.pop-privacy.privacy-agree .agree-desc a {
    color: #ff4b4b;
    word-break: break-all
}

.pop-privacy.privacy-agree .agree-desc strong {
    color: #ff4b4b;
    font-weight: normal
}

.pop-privacy.privacy-agree .agree-desc strong.text_bold {
    font-weight: bold
}

.pop-privacy.privacy-agree .btns {
    margin-top: 23px
}

.pop-privacy.privacy-agree .btns>button {
    padding: 0 7px
}

.pop-privacy.privacy-txt .cont {
    min-height: 150px
}

.pop-privacy.privacy-txt .cont:only-child {
    overflow-y: scroll;
    min-height: 180px;
    max-height: 500px
}

.pop-privacy.privacy-txt .cont:only-child>p {
    margin: auto
}

.pop-privacy.privacy-txt .btns {
    margin-top: 18px
}

.pop-privacy .text_underline {
    text-decoration: underline
}

.pop-privacy table {
    margin: 2rem 0
}

.pop-privacy table th,
.pop-privacy table td {
    color: #ff4b4b;
    border: 1px solid #ccc;
    word-break: break-all
}

.pop-privacy table th {
    padding: 1.2rem 1rem;
    font-weight: normal
}

.pop-privacy table td {
    padding: 1rem
}

html.isMobile #EVTprivacy {
    font-size: 14px
}

html.isMobile #EVTprivacy .list-os {
    max-width: 100%;
    margin-bottom: 0;
    margin-right: -16px
}

html.isMobile #EVTprivacy .list-os .item-os {
    margin-bottom: 12px
}

html.isMobile #EVTprivacy .list-os .item-os label {
    padding: 1px 0 1px 23px
}

html.isMobile #EVTprivacy .box-phone {
    height: 44px
}

html.isMobile #EVTprivacy .box-phone input {
    font-size: 14px
}

html.isMobile #EVTprivacy .box-phone .select {
    margin-right: 6px;
    padding: 0 29px 0 9px;
    background-position: top 50% right 11px;
    font-size: 14px
}

html.isMobile #EVTprivacy .btn-auth {
    width: 97px;
    font-size: 14px
}

html.isMobile #EVTprivacy .box-auth {
    height: 44px;
    margin-top: 4px
}

html.isMobile #EVTprivacy .box-auth input {
    font-size: 14px
}

html.isMobile #EVTprivacy .warn {
    margin-top: 5px;
    font-size: 12px
}

html.isMobile #EVTprivacy .warn:before {
    width: 14px;
    height: 14px;
    margin: 1px 5px 0 0
}

html.isMobile #EVTprivacy .warn.success:before {
    background-size: 8px auto
}

html.isMobile #EVTprivacy .list-agree {
    margin-top: 12px
}

html.isMobile #EVTprivacy .list-agree li {
    margin-top: 8px;
    line-height: 1.3
}

html.isMobile #EVTprivacy .list-agree label {
    padding: 1px 0 0 26px
}

html.isMobile #EVTprivacy .list-agree label:before {
    width: 20px;
    height: 20px;
    background-size: 12px auto
}

html.isMobile #EVTprivacy .list-agree .btn-detail {
    width: 20px;
    height: 20px
}

html.isMobile #EVTprivacy .list-agree .check-all {
    margin-top: 0;
    padding-bottom: 6px;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 700
}

html.isMobile #EVTprivacy .list-agree .check-all label {
    padding: 0 0 0 30px
}

html.isMobile #EVTprivacy .box-input {
    height: 44px;
    margin-top: 3px
}

html.isMobile #EVTprivacy .box-input input {
    font-size: 14px
}

html.isMobile #EVTprivacy .box-age {
    height: 44px;
    margin-top: 4px
}

html.isMobile #EVTprivacy .box-age input {
    font-size: 14px
}

html.isMobile #EVTprivacy .tip-age {
    align-items: flex-end;
    font-size: 12px
}

html.isMobile #EVTprivacy .tip-age .tooltip {
    margin: 0 5px 2px 0
}

html.isMobile #EVTprivacy .tip-age .tooltip:after {
    max-width: 260px;
    padding: 20px
}

html.isMobile #EVTprivacy .toast {
    bottom: 68px;
    max-width: 292px;
    padding: 13px 18px;
    font-size: 15px
}

html.isMobile #EVTprivacy .btn-send {
    height: 60px;
    margin-top: 57px;
    font-size: 22px
}

html.isMobile .pop-privacy .privacy-layer {
    max-width: 350px;
    padding: 30px;
    font-size: 14px
}

html.isMobile .pop-privacy .btns {
    margin: 0 -3px
}

html.isMobile .pop-privacy .btns>button {
    height: 40px;
    margin: 0 3px;
    font-size: 16px
}

html.isMobile .pop-privacy .privacy-close {
    width: 36px;
    height: 36px;
    background-size: 14px 14px
}

html.isMobile .pop-privacy.privacy-email .input-email {
    height: 40px;
    margin-top: 10px;
    font-size: 12px
}

html.isMobile .pop-privacy.privacy-email .input-email::placeholder {
    font-size: 10px
}

html.isMobile .pop-privacy.privacy-email .warn {
    margin-top: 3px;
    font-size: 10px;
    line-height: 1.5
}

html.isMobile .pop-privacy.privacy-email .warn:before {
    width: 14px;
    height: 14px;
    margin-left: 1px
}

html.isMobile .pop-privacy.privacy-email .btns {
    margin-top: 10px
}

html.isMobile .pop-privacy.privacy-agree .agree-tit {
    font-size: 16px;
    line-height: 1.3
}

html.isMobile .pop-privacy.privacy-agree .agree-desc {
    max-height: 336px;
    font-size: 12px
}

html.isMobile .pop-privacy.privacy-agree .btns {
    margin-top: 16px
}

html.isMobile .pop-privacy.privacy-txt .cont {
    min-height: 118px
}

html.isMobile .pop-privacy.privacy-txt .cont:only-child {
    min-height: 72px;
    max-height: 324px
}

html.isMobile .pop-privacy.privacy-txt .btns {
    margin-top: 10px
}

@font-face {
    font-family: "Pretendard";
    src: url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-Bold.woff2") format("woff2"), url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-Bold.woff") format("woff");
    font-style: normal
}

@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-SemiBold.woff2") format("woff");
    font-style: normal
}

@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-Medium.woff2") format("woff2"), url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-Medium.woff") format("woff")
}

@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-Regular.woff2") format("woff2"), url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-Regular.woff") format("woff")
}

@font-face {
    font-family: "DXmetalgothicStdHeavy";
    src: url("https://hive-fn.qpyou.cn/markup/img/common/font/DXmetalgothic/DXmetalgothicStd-Heavy.woff2") format("woff2"), url("https://hive-fn.qpyou.cn/markup/img/common/font/DXmetalgothic/DXmetalgothicStd-Heavy.woff") format("woff");
    font-weight: normal
}

@font-face {
    font-family: "DXmetalgothicStdExtraBold";
    src: url("https://hive-fn.qpyou.cn/markup/img/common/font/DXmetalgothic/DXmetalgothicStd-ExtraBold.woff2") format("woff2"), url("https://hive-fn.qpyou.cn/markup/img/common/font/DXmetalgothic/DXmetalgothicStd-ExtraBold.woff") format("woff");
    font-weight: normal
}

@font-face {
    font-family: "Protipo Extrabold";
    src: url("https://hive-fn.qpyou.cn/markup/img/common/font/ProtipoExtrabold/font.woff2") format("woff2"), url("https://hive-fn.qpyou.cn/markup/img/common/font/ProtipoExtrabold/font.woff") format("woff");
    font-weight: normal
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: none;
    font-size: 10px
}

body:lang(ko) {
    font-family: "Pretendard", sans-serif;
    word-break: keep-all;
    word-wrap: break-word
}

body:lang(en) {
    font-family: "Pretendard", sans-serif
}

body:lang(ja) {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif
}

body:lang(zh-hant) {
    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif
}

table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
    font-family: inherit
}

button {
    font-family: inherit;
    font-size: inherit;
    vertical-align: top;
    background: none;
    cursor: pointer
}

a {
    text-decoration: none
}

img {
    width: 100%
}

iframe {
    width: 100%;
    height: 100%
}

input {
    background: rgba(0, 0, 0, 0);
    padding: 0 2rem
}

input:focus {
    outline: 0
}

input:lang(ko),
input:lang(en) {
    font-family: "Pretendard"
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

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

.flex_start {
    display: flex;
    align-items: center
}

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

.flex_item {
    display: block;
    width: 100%
}

.hide {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%)
}

.d-md-block {
    display: block
}

.isMobile .d-md-block {
    display: none
}

.d-md-none {
    display: none
}

.isMobile .d-md-none {
    display: block
}

#ui_imo {
    color: #fff;
    font-size: 2rem;
    line-height: 1.3;
    background-color: #303869
}

.isMobile #ui_imo {
    min-width: 100%
}

#ui_imo .inner {
    position: relative;
    max-width: 120rem;
    width: 100%;
    height: 100%;
    margin: auto
}

.isMobile #ui_imo .inner {
    max-width: 72rem
}

#ui_imo [class^=section] {
    position: relative;
    background-repeat: no-repeat;
    background-size: 256rem auto;
    background-position: 50% 0;
    text-align: center
}

#ui_imo #EVT_2 {
    overflow: hidden
}

#ui_imo .header {
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    left: 0;
    height: 8rem;
    background-color: #000;
    z-index: 20
}

#ui_imo .header .inner {
    display: flex;
    align-items: center;
    padding-left: 3.4rem;
    padding-left: calc(constant(safe-area-inset-left) + 3.4rem);
    padding-left: calc(env(safe-area-inset-left) + 3.4rem)
}

#ui_imo .header .logo {
    width: 11.9rem;
    height: 8rem;
    margin-right: 10rem
}

#ui_imo .header .logo a {
    display: block;
    width: 100%;
    height: 100%
}

#ui_imo .header .logo a:lang(ko) {
    background: url("https://event-fn.qpyou.cn/event/brand/imo/logo_ko_v2.png") no-repeat 0 center/contain
}

#ui_imo .header .logo a:lang(en) {
    background: url("https://event-fn.qpyou.cn/event/brand/imo/logo_en_v2.png") no-repeat 0 center/contain
}

#ui_imo .header .logo a:lang(ja) {
    background: url("https://event-fn.qpyou.cn/event/brand/imo/logo_ja_v2.png") no-repeat 0 center/contain
}

#ui_imo .header .logo a:lang(zh-hant) {
    background: url("https://event-fn.qpyou.cn/event/brand/imo/logo_zh-hant_v2.png") no-repeat 0 center/contain
}

#ui_imo .header .menu_btn {
    display: none
}

#ui_imo .header .nav {
    height: 100%
}

#ui_imo .header .nav .menu {
    display: flex;
    height: 100%
}

#ui_imo .header .nav .menu li+li {
    margin-left: 10rem
}

#ui_imo .header .nav .menu li>a {
    display: flex;
    align-items: center;
    position: relative;
    width: auto;
    height: 100%;
    font-size: 1.8rem;
    color: #d4dfef;
    text-align: center
}

#ui_imo .header .nav .menu li>a.on {
    font-weight: bold
}

#ui_imo .header .nav .menu li>a.on::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .4rem;
    background-color: #e03232
}

#ui_imo .header .nav .links {
    display: none
}

.isMobile #ui_imo .header {
    height: 10rem
}

.isMobile #ui_imo .header .inner {
    justify-content: space-between;
    max-width: none;
    padding-left: 2rem;
    padding-left: calc(constant(safe-area-inset-left) + 2rem);
    padding-left: calc(env(safe-area-inset-left) + 2rem);
    padding-right: 2rem;
    padding-right: calc(constant(safe-area-inset-right) + 2rem);
    padding-right: calc(env(safe-area-inset-right) + 2rem)
}

.isMobile #ui_imo .header .logo {
    height: 10rem;
    margin-right: 0;
    margin-left: -2rem
}

.isMobile #ui_imo .header .menu_btn {
    display: block;
    width: 5.6rem;
    height: 5rem;
    background: url("https://event-fn.qpyou.cn/event/brand/imo/menu_bar.png") no-repeat center/3.6rem auto
}

.isMobile #ui_imo .header .menu_btn.on {
    background: url("https://event-fn.qpyou.cn/event/brand/imo/menu_close.png") no-repeat center/3.6rem auto
}

.isMobile #ui_imo .header .menu_btn.on+.nav {
    display: block
}

.isMobile #ui_imo .header .menu_btn.on+.nav a.on {
    color: #fff
}

.isMobile #ui_imo .header .menu_btn.on+.nav a.on::after {
    display: none
}

.isMobile #ui_imo .header .nav {
    display: none;
    position: absolute;
    top: 10rem;
    right: 0;
    bottom: 0;
    width: 30.7rem;
    height: 100vh;
    padding: 12rem 2rem 0 2rem;
    padding-right: calc(constant(safe-area-inset-right) + 2rem);
    padding-right: calc(env(safe-area-inset-right) + 2rem);
    background-color: rgba(0, 0, 0, .8);
    z-index: 40
}

.isMobile #ui_imo .header .nav .menu {
    display: block;
    height: auto
}

.isMobile #ui_imo .header .nav .menu li {
    margin: 0
}

.isMobile #ui_imo .header .nav .menu a {
    justify-content: center;
    height: 6.5rem;
    font-size: 2.6rem
}

.isMobile #ui_imo .header .nav .links {
    display: flex;
    justify-content: center;
    margin: 4rem auto 0;
    text-align: center
}

.isMobile #ui_imo .header .nav .links li {
    width: 5.2rem;
    height: 5.2rem
}

.isMobile #ui_imo .header .nav .links li a {
    display: block;
    width: 100%;
    height: 100%
}

.isMobile #ui_imo .header .nav .links li+li {
    margin-left: 2rem
}

#ui_imo .floating {
    position: fixed;
    top: 20rem;
    right: 5rem;
    width: 11.1rem;
    z-index: 10
}

#ui_imo .floating li {
    width: 11.1rem;
    height: 11.1rem
}

#ui_imo .floating li a {
    display: block;
    width: 100%;
    height: 100%
}

#ui_imo .floating li.discord a {
    background: url("https://event-fn.qpyou.cn/event/brand/imo/float_discord.png") no-repeat 0 0/100% auto
}

#ui_imo .floating li.kakao a {
    background: url("https://event-fn.qpyou.cn/event/brand/imo/float_kakao.png") no-repeat 0 0/100% auto
}

#ui_imo .floating li.hive a {
    background: url("https://event-fn.qpyou.cn/event/brand/imo/float_hive.png") no-repeat 0 0/100% auto
}

#ui_imo .floating li+li {
    margin-top: 2rem
}

.isMobile #ui_imo .floating {
    right: 2rem;
    right: calc(constant(safe-area-inset-right) + 2rem);
    right: calc(env(safe-area-inset-right) + 2rem);
    width: 10.2rem
}

.isMobile #ui_imo .floating li {
    width: 10.2rem;
    height: 10.2rem
}

.isMobile #ui_imo .floating li+li {
    margin-top: 1.7rem
}

@media screen and (max-width: 1219px) {
    #ui_imo .floating {
        position: absolute
    }
}

#ui_imo .market {
    flex-wrap: wrap;
    width: 63rem
}

#ui_imo .market li {
    position: relative;
    width: 19.6rem;
    height: 100%
}

#ui_imo .market li+li {
    margin-left: 2rem
}

#ui_imo .market li.beta a:after {
    position: absolute;
    top: -0.8rem;
    left: -0.8rem;
    height: 2.6rem;
    padding: .2rem .8rem 0;
    background-color: #fb432a;
    border: .2rem solid #fff;
    border-radius: 1.4rem;
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    content: "Beta"
}

.isMobile #ui_imo .market:lang(ko) li:nth-child(n+4) {
    margin-left: 0;
    margin-top: 1.2rem
}

#ui_imo .market a {
    display: block;
    width: 100%;
    height: 100%
}

#ui_imo .section_1 {
    height: 112rem;
    background-color: #fff
}

#ui_imo .section_1:lang(ko) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ko_1_v3.jpg")
}

#ui_imo .section_1:lang(en) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/en_1_v3.jpg")
}

#ui_imo .section_1:lang(ja) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ja_1_v3.jpg")
}

#ui_imo .section_1:lang(zh-hant) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/zh-hant_1_v3.jpg")
}

#ui_imo .section_1 .market {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 13.4rem
}

#ui_imo .section_1 .market:lang(ko) {
    width: 84.5rem
}

#ui_imo .section_1 .market li {
    height: 5.6rem
}

#ui_imo .section_1 .inner::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -27rem;
    left: -33.1rem;
    width: 46.9rem;
    height: 37.2rem;
    background-position: 0 53.37%;
    background-size: 402.13% 370.96%;
    z-index: 10
}

.isMobile #ui_imo .section_1 {
    height: 110rem
}

.isMobile #ui_imo .section_1:lang(ko) .market {
    width: 72rem;
    bottom: 6.8rem
}

.isMobile #ui_imo .section_1:lang(ko) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ko_1_mo_v3.jpg")
}

.isMobile #ui_imo .section_1:lang(en) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/en_1_mo_v3.jpg")
}

.isMobile #ui_imo .section_1:lang(ja) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ja_1_mo_v3.jpg")
}

.isMobile #ui_imo .section_1:lang(zh-hant) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/zh-hant_1_mo_v3.jpg")
}

.isMobile #ui_imo .section_1 .inner::after {
    left: -1.8rem;
    bottom: -10rem;
    width: 26.1rem;
    height: 21.4rem
}

#ui_imo .desc {
    flex-direction: column;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 7%;
    font-size: 2.6rem;
    line-height: 1.15;
    text-align: center
}

#ui_imo .section_2 {
    height: 84rem;
    background-color: #303968
}

#ui_imo .section_2:lang(ko) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ko_2.jpg")
}

#ui_imo .section_2:lang(en) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/en_2.jpg")
}

#ui_imo .section_2:lang(ja) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ja_2.jpg")
}

#ui_imo .section_2:lang(zh-hant) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/zh-hant_2.jpg")
}

#ui_imo .section_2 .desc {
    top: 19.1rem;
    height: 11.4rem
}

#ui_imo .section_2 strong {
    color: #3db9ff
}

#ui_imo .section_2 .channel_list {
    position: absolute;
    bottom: 12.3rem;
    left: 50%;
    transform: translateX(-50%)
}

#ui_imo .section_2 .channel_list li+li {
    margin-left: 2rem
}

#ui_imo .section_2 .channel_list a {
    width: 30rem;
    height: 5.8rem;
    font-weight: bold;
    line-height: 1.1
}

#ui_imo .section_2 .channel_list .discord {
    position: relative;
    padding: 0 1rem 0 7rem;
    color: #fff;
    background: #5865f2 url("https://event-fn.qpyou.cn/event/brand/imo/icon_discord.png") no-repeat 1rem center/auto 5.8rem
}

#ui_imo .section_2 .channel_list .kakao {
    position: relative;
    padding: 0 1rem 0 7.2rem;
    color: #391b1b;
    background: #fae300 url("https://event-fn.qpyou.cn/event/brand/imo/icon_kakao.png") no-repeat 1.2rem center/auto 5.8rem
}

#ui_imo .section_2 .channel_list .certificate {
    font-size: 2rem;
    color: #fff;
    background-color: #3baae9
}

.isMobile #ui_imo .section_2 {
    height: 101.5rem;
    height: 101.5rem;
    height: 101.5rem;
    height: 101.5rem
}

.isMobile #ui_imo .section_2:lang(ko) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ko_2_mo_v2.jpg")
}

.isMobile #ui_imo .section_2:lang(en) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/en_2_mo_v2.jpg")
}

.isMobile #ui_imo .section_2:lang(ja) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ja_2_mo_v2.jpg")
}

.isMobile #ui_imo .section_2:lang(zh-hant) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/zh-hant_2_mo_v2.jpg")
}

.isMobile #ui_imo .section_2 .desc {
    top: 25.8rem;
    height: 13.6rem
}

.isMobile #ui_imo .section_2 .channel_list {
    flex-wrap: wrap;
    top: 75.2rem;
    width: 62rem;
    height: max-content
}

.isMobile #ui_imo .section_2 .channel_list li {
    flex: 1 1 26.8rem
}

.isMobile #ui_imo .section_2 .channel_list li:last-child:lang(ko) {
    margin-left: 0;
    margin-top: 2rem
}

.isMobile #ui_imo .section_2 .channel_list li a {
    width: 100%;
    height: 6rem
}

.isMobile #ui_imo .section_2 .channel_list .discord {
    background-size: auto 6rem
}

.isMobile #ui_imo .section_2 .channel_list .kakao {
    background-size: auto 6rem
}

#ui_imo .video_wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 92.4rem;
    border: 1rem solid
}

#ui_imo .video_wrap .video_container {
    width: 100%;
    height: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 56.25%
}

#ui_imo .video_wrap .video_container iframe,
#ui_imo .video_wrap .video_container video {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transition: opacity .2s ease
}

.isMobile #ui_imo .video_wrap {
    width: 55.4rem
}

#ui_imo .section_3 {
    height: 98.8rem;
    background-color: #656eb3;
    position: relative
}

#ui_imo .section_3:lang(ko) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ko_3_v2.jpg")
}

#ui_imo .section_3:lang(en) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/en_3_v2.jpg")
}

#ui_imo .section_3:lang(ja) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ja_3_v2.jpg")
}

#ui_imo .section_3:lang(zh-hant) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/zh-hant_3_v2.jpg")
}

#ui_imo .section_3 .desc {
    top: 14.3rem;
    height: 9rem
}

#ui_imo .section_3 .video_wrap {
    top: 23.4rem;
    border-color: #fff
}

#ui_imo .section_3 .video_wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.5rem;
    right: -3.8rem;
    width: 27rem;
    height: 6.3rem;
    background-position: 29.14% 40.85%;
    background-size: 698.51% 2190.47%
}

#ui_imo .section_3 .video_wrap.opened::after {
    display: none
}

#ui_imo .section_3 .note {
    flex-direction: column;
    position: absolute;
    left: 0;
    bottom: .1rem;
    width: 100%;
    height: 12.9rem;
    color: #dbe3ee
}

#ui_imo .section_3 .shorcut_news {
    position: absolute;
    bottom: 12.9rem;
    left: 50%;
    transform: translateX(-50%);
    width: 46rem;
    height: 5.8rem;
    font-size: 2rem;
    font-weight: bold;
    line-height: 3rem;
    color: #fff;
    background-color: #32396b
}

.isMobile #ui_imo .section_3 {
    height: 89.6rem
}

.isMobile #ui_imo .section_3:lang(ko) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ko_3_mo_v2.jpg")
}

.isMobile #ui_imo .section_3:lang(en) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/en_3_mo_v2.jpg")
}

.isMobile #ui_imo .section_3:lang(ja) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ja_3_mo_v2.jpg")
}

.isMobile #ui_imo .section_3:lang(zh-hant) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/zh-hant_3_mo_v2.jpg")
}

.isMobile #ui_imo .section_3 .shorcut_news {
    height: 6rem
}

.isMobile #ui_imo .section_3 .shorcut_news:lang(ja) {
    bottom: 16rem
}

.isMobile #ui_imo .section_3 .desc {
    top: 19.4rem;
    height: 13.7rem
}

.isMobile #ui_imo .section_3 .desc:lang(en) {
    top: 19.2rem;
    height: 13.9rem
}

.isMobile #ui_imo .section_3 .video_wrap {
    top: 33.1rem
}

.isMobile #ui_imo .section_3 .video_wrap::after {
    width: 21.6rem;
    height: 5.5rem
}

.isMobile #ui_imo .section_3 .note {
    align-items: flex-start;
    bottom: 2rem;
    left: 8.2rem;
    right: 8.2rem;
    width: auto;
    height: 14.1rem;
    text-align: left
}

.isMobile #ui_imo .section_3 .note li {
    padding-left: 1.8rem;
    text-indent: -1.8rem
}

#ui_imo .media_swiper {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#ui_imo .media_swiper .swiper-wrapper {
    width: 100.2%
}

#ui_imo .media_swiper .swiper-button-prev,
#ui_imo .media_swiper .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.4rem;
    height: 5rem;
    z-index: 20;
    user-select: none
}

#ui_imo .media_swiper .swiper-button-prev::after,
#ui_imo .media_swiper .swiper-button-next::after {
    display: none
}

#ui_imo .media_swiper .swiper-button-prev {
    left: 1.2rem;
    background-position: 44.49% 40.45%;
    background-size: 5547.05% 2760%
}

#ui_imo .media_swiper .swiper-button-next {
    right: 1.2rem;
    background-position: 46.43% 40.45%;
    background-size: 5547.05% 2760%
}

#ui_imo .media_swiper .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -50px
}

#ui_imo .media_swiper .swiper-pagination-bullet {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.6rem;
    height: 2rem;
    border-radius: 0;
    opacity: 1;
    background: none;
    user-select: none
}

#ui_imo .media_swiper .swiper-pagination-bullet::after {
    content: "";
    width: 3.6rem;
    height: .9rem;
    background-color: #adb3bb
}

#ui_imo .media_swiper .swiper-pagination-bullet-active::after {
    background-color: #3baae9
}

#ui_imo .media_swiper .swiper-button-next.swiper-button-disabled,
#ui_imo .media_swiper .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto
}

.isMobile #ui_imo .media_swiper .swiper-button-prev,
.isMobile #ui_imo .media_swiper .swiper-button-next {
    top: 62%
}

.isMobile #ui_imo .media_swiper .swiper-pagination {
    bottom: -32px
}

#ui_imo .section_4 {
    height: 84rem;
    background-color: #3cacea
}

#ui_imo .section_4:lang(ko) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ko_4.jpg")
}

#ui_imo .section_4:lang(en) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/en_4_v1.jpg")
}

#ui_imo .section_4:lang(zh-hant) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/zh-hant_4.jpg")
}

#ui_imo .section_4:lang(ja) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ja_4.jpg")
}

#ui_imo .section_4 .obj_2 {
    position: absolute;
    top: -10.7rem;
    right: -21.3rem;
    width: 37rem;
    height: 46.8rem;
    background-position: 0 100%;
    background-size: 509.72% 294.87%
}

#ui_imo .section_4 .obj_2:lang(en) {
    right: -40rem
}

#ui_imo .section_4 .obj_2:lang(ja) {
    right: -30rem
}

#ui_imo .section_4 .desc {
    top: 24.3rem;
    height: 11.5rem;
    color: #414960
}

#ui_imo .section_4 .btn_more {
    position: absolute;
    top: 60.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 46rem;
    height: 5.8rem;
    font-size: 2rem;
    font-weight: bold;
    background-color: #32396b;
    color: #fff
}

#ui_imo .section_4 .note {
    position: absolute;
    top: 69.8rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%
}

.isMobile #ui_imo .section_4 {
    height: 115.4rem
}

.isMobile #ui_imo .section_4:lang(ko) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ko_4_mo.jpg")
}

.isMobile #ui_imo .section_4:lang(en) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/en_4_mo_v1.jpg")
}

.isMobile #ui_imo .section_4:lang(zh-hant) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/zh-hant_4_mo.jpg")
}

.isMobile #ui_imo .section_4:lang(ja) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ja_4_mo.jpg")
}

.isMobile #ui_imo .section_4 .obj_2 {
    top: -14.7rem;
    right: 1rem;
    width: 25rem;
    height: 31.8rem
}

.isMobile #ui_imo .section_4 .desc {
    top: 31rem;
    height: 11.2rem
}

.isMobile #ui_imo .section_4 .btn_more {
    top: 88.8rem;
    height: 6rem
}

.isMobile #ui_imo .section_4 .note {
    top: 98.4rem;
    line-height: 1.2
}

#ui_imo .section_5 {
    height: 84.6rem;
    background-color: #fff1ca;
    overflow: hidden
}

#ui_imo .section_5:lang(ko) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ko_5.jpg")
}

#ui_imo .section_5:lang(en) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/en_5.jpg")
}

#ui_imo .section_5:lang(ja) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ja_5.jpg")
}

#ui_imo .section_5:lang(zh-hant) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/zh-hant_5.jpg")
}

#ui_imo .section_5 .video_wrap {
    top: 18.6rem;
    border-color: #646caa
}

.isMobile #ui_imo .section_5 {
    height: 74.5rem
}

.isMobile #ui_imo .section_5:lang(ko) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ko_5_mo.jpg")
}

.isMobile #ui_imo .section_5:lang(en) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/en_5_mo.jpg")
}

.isMobile #ui_imo .section_5:lang(ja) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/ja_5_mo.jpg")
}

.isMobile #ui_imo .section_5:lang(zh-hant) {
    background-image: url("https://event-fn.qpyou.cn/event/brand/imo/zh-hant_5_mo.jpg")
}

.isMobile #ui_imo .section_5 .video_wrap {
    top: 23rem;
    width: 55.1rem;
    height: 31.8rem
}

#ui_imo .section_6 {
    background-color: #16386c;
    overflow: hidden
}

#ui_imo .section_6 .inner {
    padding: 0 2rem
}

#ui_imo .section_6 .obj_1 {
    position: absolute;
    top: 25.4rem;
    left: 50%;
    width: 17.9rem;
    height: 12.8rem;
    background: url("https://event-fn.qpyou.cn/event/brand/imo/obj_1.png") no-repeat center/contain;
    z-index: 2;
    margin-left: 18.5rem
}

#ui_imo .section_6 .tit_box {
    margin: 0 0 4.2rem
}

#ui_imo .section_6 .tit_box .tit {
    font-size: 5.4rem;
    line-height: 1.29;
    font-family: "DXmetalgothicStdExtraBold"
}

#ui_imo .section_6 .tit_box .tit:lang(zh-hant) {
    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif
}

#ui_imo .section_6 .tit_box .tit:lang(en) {
    font-size: 4rem
}

#ui_imo .section_6 .desc {
    position: static;
    margin-top: 2rem;
    font-size: 2rem;
    line-height: 1.2
}

#ui_imo .section_6 .desc strong {
    color: #3db9ff
}

#ui_imo .section_6 .form_wrap {
    position: relative;
    max-width: 55rem;
    margin: 1.8rem auto;
    padding: 2.5rem 4.6rem 2.9rem;
    background-color: #000f3a
}

#ui_imo .section_6 .form_wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: -1.8rem;
    left: 0;
    width: 100%;
    height: 1.8rem;
    background: url("https://event-fn.qpyou.cn/event/brand/imo/input_bg_pc_v1.png") no-repeat center/auto 100%
}

#ui_imo .section_6 .form_wrap::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1.8rem;
    left: 0;
    width: 100%;
    height: 1.8rem;
    background: url("https://event-fn.qpyou.cn/event/brand/imo/input_bg_pc_v1.png") no-repeat center/auto 100%;
    transform: rotate(-180deg)
}

#ui_imo .section_6 .form_text {
    display: flex;
    justify-content: center;
    margin-bottom: 2.7rem;
    font-size: 2.6rem;
    line-height: 1.15;
    font-weight: bold
}

#ui_imo .section_6 .form_text strong {
    color: #efe3ad
}

#ui_imo .section_6 .btn_notice {
    margin-top: 2rem;
    font-size: 2.2rem;
    color: #fff;
    text-decoration: underline
}

#ui_imo .section_6 .btn_notice:lang(en) {
    bottom: 9.9rem
}

.isMobile #ui_imo .section_6 .tit_box {
    margin: 0 0 4.8rem
}

.isMobile #ui_imo .section_6 .tit_box .tit {
    font-size: 3.4rem
}

.isMobile #ui_imo .section_6 .desc {
    font-size: 2rem
}

.isMobile #ui_imo .section_6 .desc:lang(ja) {
    padding-top: 24.3rem
}

.isMobile #ui_imo .section_6 .form_wrap {
    max-width: 100%;
    padding: 1.8rem 1.5rem 4.6rem
}

.isMobile #ui_imo .section_6 .form_wrap::before {
    background: url("https://event-fn.qpyou.cn/event/brand/imo/input_bg_mo_v1.png") no-repeat center/100% auto
}

.isMobile #ui_imo .section_6 .form_wrap::after {
    background: url("https://event-fn.qpyou.cn/event/brand/imo/input_bg_mo_v1.png") no-repeat center/100% auto
}

.isMobile #ui_imo .section_6 .form_text {
    margin-bottom: 3.4rem
}

.isMobile #ui_imo .section_6 .btn_notice {
    margin-top: 1rem
}

#ui_imo footer {
    background-color: #000
}

#ui_imo footer .shortcut_links {
    display: flex;
    justify-content: center;
    padding: 5.9rem 0 1.3rem 0
}

#ui_imo footer .shortcut_links li {
    width: 7rem;
    height: 7rem
}

#ui_imo footer .shortcut_links li a {
    width: 100%;
    height: 100%
}

#ui_imo footer .shortcut_links li a img {
    width: auto
}

#ui_imo footer .shortcut_links li+li {
    margin-left: 3.4rem
}

#ui_imo footer .market {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 4.6rem
}

#ui_imo footer .market a {
    height: 5.6rem
}

#ui_imo footer .bottom {
    display: flex;
    width: 100%;
    padding: 2rem 6rem 6.6rem;
    border-top: 1px solid #262626;
    padding-left: calc(constant(safe-area-inset-left) + 6rem);
    padding-left: calc(env(safe-area-inset-left) + 6rem);
    padding-right: calc(constant(safe-area-inset-right) + 6rem);
    padding-right: calc(env(safe-area-inset-right) + 6rem)
}

#ui_imo footer .btn_ci {
    flex-shrink: 0;
    display: block;
    width: 11.1rem;
    height: 1.7rem;
    margin-top: .2rem;
    background: url("https://event-fn.qpyou.cn/event/brand/imo/ci.png") no-repeat center/100% auto
}

#ui_imo footer .copy_text {
    word-break: keep-all;
    margin: 0 3.1rem;
    font-size: 1.4rem;
    color: #626262;
    line-height: 1.7
}

#ui_imo footer .link_privacy {
    flex-shrink: 0;
    margin: 7px 3rem 0 auto
}

#ui_imo footer .link_privacy>a {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff
}

#ui_imo footer .link_privacy>a~a {
    margin-left: 2.6rem
}

#ui_imo footer .language {
    position: relative;
    width: 20rem;
    height: 4.4rem;
    z-index: 2;
    font-size: 1.2rem
}

#ui_imo footer .language .btn_lang {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 4.9rem;
    font-size: 14px;
    font-weight: 700;
    background: #1b1b1b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23686868' fill-rule='evenodd' d='M6.965 0h.07a7 7 0 1 1-.07 0ZM5.628.834A6.317 6.317 0 0 0 2.237 2.85a8.535 8.535 0 0 0 1.611.85A10.483 10.483 0 0 1 5.628.834ZM3.614 4.34a9.218 9.218 0 0 1-1.798-.95A6.318 6.318 0 0 0 .692 6.658h2.505a8.615 8.615 0 0 1 .417-2.318ZM3.88 6.66c.03-.705.157-1.405.377-2.09.775.241 1.582.38 2.4.41v1.68H3.882Zm-.683.683H.692a6.318 6.318 0 0 0 1.221 3.404 9.217 9.217 0 0 1 1.766-.912 8.646 8.646 0 0 1-.481-2.492Zm1.126 2.27a7.974 7.974 0 0 1-.443-2.27H6.66v1.88c-.796.029-1.58.161-2.335.39Zm-.397.858a8.536 8.536 0 0 0-1.577.806 6.317 6.317 0 0 0 3.296 1.894 10.57 10.57 0 0 1-1.719-2.7Zm4.54 2.674a6.317 6.317 0 0 0 3.183-1.868 8.536 8.536 0 0 0-1.494-.773 10.515 10.515 0 0 1-1.689 2.641Zm1.94-3.276c.586.233 1.15.527 1.68.878a6.318 6.318 0 0 0 1.22-3.404h-2.41a8.592 8.592 0 0 1-.49 2.526Zm-.193-2.526a7.92 7.92 0 0 1-.45 2.297 9.219 9.219 0 0 0-2.423-.417v-1.88h2.873Zm.682-.683h2.412a6.318 6.318 0 0 0-1.124-3.269 9.22 9.22 0 0 1-1.722.921c.254.765.4 1.551.434 2.348ZM9.82 4.544c.229.693.361 1.401.394 2.115H7.34v-1.68a9.218 9.218 0 0 0 2.478-.435Zm.403-.873a8.533 8.533 0 0 0 1.541-.82 6.317 6.317 0 0 0-3.316-2c.765.88 1.362 1.83 1.775 2.82ZM7.366.693c.991.99 1.734 2.075 2.213 3.211a8.536 8.536 0 0 1-2.238.392V.692l.025.001ZM6.66 4.296a8.536 8.536 0 0 1-2.165-.37C4.96 2.796 5.687 1.712 6.659.722v3.575Zm.682 5.609c.74.03 1.468.155 2.168.37-.476 1.07-1.188 2.093-2.123 3.03l-.045.003V9.905Zm-.682 0a8.535 8.535 0 0 0-2.083.345c.468 1.062 1.167 2.078 2.083 3.012V9.905Z' clip-rule='evenodd'/%3E%3C/svg%3E") 16px 50% no-repeat;
    background-size: 14px 14px;
    color: #939393;
    text-align: left
}

#ui_imo footer .language .btn_lang:after {
    content: "";
    position: absolute;
    right: 1.2rem;
    top: 2rem;
    width: 1.1rem;
    height: .6rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 7'%3E%3Cpath stroke='silver' stroke-linecap='round' stroke-linejoin='round' d='M11 5.8 6 1 1 5.8'/%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 100% 100%
}

#ui_imo footer .language .btn_lang.on:after {
    transform: rotate(180deg)
}

#ui_imo footer .language .btn_lang.on+.list_lang {
    display: block
}

#ui_imo footer .language .list_lang {
    display: none;
    width: 100%;
    padding: 1px 0;
    position: absolute;
    left: 0;
    bottom: 4.4rem;
    background-color: rgba(49, 49, 49, .95)
}

#ui_imo footer .language .list_lang a {
    display: block;
    padding: 0 12px;
    color: #939393;
    font-size: 14px;
    font-weight: 500;
    line-height: 37px;
    text-align: left
}

.isMobile #ui_imo footer .shortcut_links {
    padding: 4.2rem 0 1.8rem 0
}

.isMobile #ui_imo footer .shortcut_links li {
    width: 7rem;
    height: 7rem
}

.isMobile #ui_imo footer .shortcut_links li a {
    width: 100%;
    height: 100%
}

.isMobile #ui_imo footer .shortcut_links li a img {
    width: 5.4rem
}

.isMobile #ui_imo footer .market {
    width: 72rem;
    margin: 0 auto 6rem
}

.isMobile #ui_imo footer .bottom {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 5.7rem 0 8.8rem
}

.isMobile #ui_imo footer .btn_ci {
    margin-top: 0;
    margin-bottom: 3.6rem;
    order: 1;
    width: 13.9rem;
    height: 2.1rem
}

.isMobile #ui_imo footer .language {
    order: 2;
    margin: 0 0 1.8rem 0
}

.isMobile #ui_imo footer .language .btn_lang {
    font-size: 2rem;
    background-position: 1.4rem 50%;
    background-size: 2rem
}

.isMobile #ui_imo footer .language .list_lang a {
    font-size: 2rem;
    line-height: 22px
}

.isMobile #ui_imo footer .copy_text {
    order: 3;
    margin: 0;
    font-size: 2rem;
    text-align: center;
    line-height: 1.4
}

.isMobile #ui_imo footer .link_privacy {
    order: 4;
    margin: 1.2rem auto 0 auto
}

.isMobile #ui_imo footer .link_privacy>a {
    font-size: 2rem;
    line-height: 1.4;
    border-bottom: 1px solid #fff
}

.isMobile #ui_imo footer .link_privacy>a~a {
    margin-left: 20px
}

#EVTpop_notice .agree-desc li {
    padding-left: 1rem;
    text-indent: -1rem
}

.isMobile #EVTpop_notice .agree-desc li {
    padding-left: 1.8rem;
    text-indent: -1.8rem
}

#EVTpop_cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: #272727;
    font-size: 1.6rem;
    line-height: 1.27;
    z-index: 10
}

#EVTpop_cookie .inner {
    display: flex;
    max-width: 1200px;
    margin: auto
}

#EVTpop_cookie .txt {
    flex: 1;
    color: #626262
}

#EVTpop_cookie .txt a {
    color: #a6a6a6;
    text-decoration: underline
}

#EVTpop_cookie .btn-cookie {
    width: 17rem;
    height: 4.8rem;
    margin-left: 4rem;
    border-radius: 1rem;
    border: 1px solid #fff;
    font-size: 1.6rem;
    color: #fff
}

html.isMobile #EVTpop_cookie .inner {
    display: block;
    max-width: 100%;
    padding: 0
}

html.isMobile #EVTpop_cookie .btn-cookie {
    margin: 20px 0 0 0
}

.pop_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 3.2rem 2rem;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    z-index: 10000;
    overflow-y: auto
}

.pop_wrap .pop_layer {
    display: inline-block;
    position: relative;
    margin: auto;
    padding: 4.4rem 0;
    vertical-align: middle;
    box-sizing: border-box
}

.pop_wrap .pop_pc_download {
    width: 85.4rem;
    display: inline-block;
    position: relative;
    padding: 5rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    vertical-align: middle;
    background-color: #fff;
    box-shadow: 0 .9rem 1.5rem -0.5rem rgba(0, 0, 0, .2)
}

.pop_wrap .pop_pc_download .tit {
    padding-bottom: 1.4rem;
    font-size: 2.4rem;
    font-weight: bold;
    color: #000
}

.pop_wrap .pop_pc_download .desc {
    font-size: 2rem;
    color: #000
}

.pop_wrap .pop_pc_download .info_game_install {
    overflow: hidden;
    margin-top: 1.8rem;
    border: 1px solid #dbdbdb
}

.pop_wrap .pop_pc_download .info_game_install dt {
    padding: 1.6rem 2rem;
    font-size: 2rem;
    color: #1277ff;
    background-color: #f6f6f6;
    font-weight: bold
}

.pop_wrap .pop_pc_download .info_game_install dd {
    color: #000;
    text-align: left
}

.pop_wrap .pop_pc_download .info_game_install dd ul {
    padding: 1.8rem 2rem 3.8rem
}

.pop_wrap .pop_pc_download .caution {
    margin-top: 1.7rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #898989
}

.pop_wrap .pop_pc_download .caution a {
    color: inherit;
    font-weight: bold
}

.pop_wrap .pop_pc_download .btn_install {
    min-width: 46rem;
    position: relative;
    margin-top: 4rem;
    padding: 1.6rem 5rem;
    font-size: 2.2rem;
    color: #fff;
    vertical-align: middle;
    background-color: #1277ff;
    box-sizing: border-box
}

.pop_wrap .pop_pc_download .btn_install:before {
    width: 1.6rem;
    height: 2.1rem;
    margin: .4rem 1.2rem 0 0;
    display: inline-block;
    vertical-align: top;
    background: url("https://event-fn.qpyou.cn/event/brand/imo/ico_download.png") no-repeat 0 0;
    background-size: 100% 100%;
    content: ""
}

.pop_wrap .pop_pc_download .btn_pop_close {
    width: 7rem;
    height: 7rem;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    text-align: center
}

.pop_wrap .pop_pc_download .btn_pop_close:before {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background: url("https://event-fn.qpyou.cn/event/brand/imo/menu_close_bk.png") no-repeat 0 0/100% 100%;
    content: ""
}

.pop_wrap .pop_pc_download.mobile {
    display: none
}

html.isMobile .pop_pc_download {
    width: 60.8rem;
    padding: 5rem 7.4rem
}

html.isMobile .pop_pc_download.pc {
    display: none
}

html.isMobile .pop_pc_download.mobile {
    display: block
}

html.isMobile .pop_pc_download .tit {
    padding-bottom: 2.4rem;
    font-size: 2rem;
    font-weight: normal
}

html.isMobile .pop_pc_download .btn_go {
    display: inline-block;
    min-width: 46rem;
    margin-top: 3.8rem;
    padding: 1.8rem 2rem;
    background: #1277ff;
    font-size: 2rem;
    color: #fff;
    font-weight: bold
}

@media all and (max-width: 800px) {
    html {
        font-size: 31.25%
    }
    .d-md-block {
        display: none
    }
    .d-md-none {
        display: block
    }
    #ui_imo {
        min-width: 100%
    }
    #ui_imo .inner {
        max-width: 72rem
    }
    #ui_imo .section_6 .inner {
        padding: 29rem 0 0
    }
    #ui_imo .section_6 .obj_1 {
        top: 0;
        width: 35rem;
        height: 25rem;
        margin-left: -17.5rem
    }
    #ui_imo .section_6 .tit_box {
        margin: 0 0 4.8rem
    }
    #ui_imo .section_6 .tit_box .tit {
        font-size: 4.4rem
    }
    #ui_imo .section_6 .desc {
        font-size: 2.6rem
    }
    #ui_imo .section_6 .desc:lang(ja) {
        padding-top: 24.3rem
    }
    #ui_imo .section_6 .form_wrap {
        max-width: 100%;
        padding: 1.8rem 1.5rem 4.6rem
    }
    #ui_imo .section_6 .form_wrap::before {
        background: url("https://event-fn.qpyou.cn/event/brand/imo/input_bg_mo_v1.png") no-repeat center/100% auto
    }
    #ui_imo .section_6 .form_wrap::after {
        background: url("https://event-fn.qpyou.cn/event/brand/imo/input_bg_mo_v1.png") no-repeat center/100% auto
    }
    #ui_imo .section_6 .form_text {
        margin-bottom: 3.4rem
    }
    #ui_imo .section_6 .btn_notice {
        margin-top: 3.7rem;
        font-size: 2.6rem
    }
    #EVTprivacy {
        font-size: 14px
    }
    #EVTprivacy .list-os {
        max-width: 100%;
        margin-bottom: 0;
        margin-right: -16px
    }
    #EVTprivacy .list-os .item-os {
        margin-bottom: 12px
    }
    #EVTprivacy .list-os .item-os label {
        padding: 1px 0 1px 23px
    }
    #EVTprivacy .box-phone {
        height: 44px
    }
    #EVTprivacy .box-phone input {
        font-size: 14px
    }
    #EVTprivacy .box-phone .select {
        margin-right: 6px;
        padding: 0 29px 0 9px;
        background-position: top 50% right 11px;
        font-size: 14px
    }
    #EVTprivacy .btn-auth {
        width: 97px;
        font-size: 14px
    }
    #EVTprivacy .box-auth {
        height: 44px;
        margin-top: 4px
    }
    #EVTprivacy .box-auth input {
        font-size: 14px
    }
    #EVTprivacy .warn {
        margin-top: 5px;
        font-size: 12px
    }
    #EVTprivacy .warn:before {
        width: 14px;
        height: 14px;
        margin: 1px 5px 0 0
    }
    #EVTprivacy .warn.success:before {
        background-size: 8px auto
    }
    #EVTprivacy .list-agree {
        margin-top: 12px
    }
    #EVTprivacy .list-agree li {
        margin-top: 8px;
        line-height: 1.3
    }
    #EVTprivacy .list-agree label {
        padding: 1px 0 0 26px
    }
    #EVTprivacy .list-agree label:before {
        width: 20px;
        height: 20px;
        background-size: 12px auto
    }
    #EVTprivacy .list-agree .btn-detail {
        width: 20px;
        height: 20px
    }
    #EVTprivacy .list-agree .check-all {
        margin-top: 0;
        padding-bottom: 6px;
        font-size: 18px;
        line-height: 1.33;
        font-weight: 700
    }
    #EVTprivacy .list-agree .check-all label {
        padding: 0 0 0 30px
    }
    #EVTprivacy .box-input {
        height: 44px;
        margin-top: 3px
    }
    #EVTprivacy .box-input input {
        font-size: 14px
    }
    #EVTprivacy .box-age {
        height: 44px;
        margin-top: 4px
    }
    #EVTprivacy .box-age input {
        font-size: 14px
    }
    #EVTprivacy .tip-age {
        align-items: flex-end;
        font-size: 12px
    }
    #EVTprivacy .tip-age .tooltip {
        margin: 0 5px 2px 0
    }
    #EVTprivacy .tip-age .tooltip:after {
        max-width: 260px;
        padding: 20px
    }
    #EVTprivacy .toast {
        bottom: 68px;
        max-width: 292px;
        padding: 13px 18px;
        font-size: 15px
    }
    #EVTprivacy .btn-send {
        height: 60px;
        margin-top: 57px;
        font-size: 22px
    }
}