.mw-100 {
    max-width: 100%
}

::-webkit-scrollbar {
    width: 10px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .1);
}


body {
    margin: 0 auto;
    max-width: 720px;
}

/* ---------------------------------------- 꽃잎 ---------------------------------------- */

.p1-fls {
    width: 100%;
    height: 110%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.p1-fls-item {
    position: absolute;
    bottom: 100%;
    right: 100%;
    opacity: 0;
    /* pointer-events: none;
    user-select: none; */
}

.p1-fls-item.trans {
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(0, 0, 0.95, 0.9);
}

.p1-fls .fls-item-img {
    width: .34rem;
    height: .5rem;
    background: url('../img/flower_06810a83fab8_q2dca5b8e.png') no-repeat 0 0;
    background-size: 3rem;
}

.p1-fls .fls2 .fls-item-img {
    width: .46rem;
    height: .5rem;
    background-position: -.35rem 0;
}

.p1-fls .fls3 .fls-item-img {
    width: .38rem;
    height: .5rem;
    background-position: -.84rem 0;
}

.p1-fls .fls4 .fls-item-img {
    width: .31rem;
    height: .5rem;
    background-position: -1.3rem 0;
}

.p1-fls .fls5 .fls-item-img {
    width: .53rem;
    height: .5rem;
    background-position: -1.65rem 0;
}

.p1-fls .fls6 .fls-item-img {
    width: .24rem;
    height: .5rem;
    background-position: -2.22rem 0;
}

.p1-fls .fls7 .fls-item-img {
    width: .44rem;
    height: .5rem;
    background-position: -.252rem 0;
}


/* --------- 공통 start----------  */

.main{position: relative;}

.row{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
@-webkit-keyframes dlBtn {
    0% {
        opacity: .4;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes dlBtn {
    0% {
        opacity: .4;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

/* 다운로드 버튼 펄스 효과 */
.banner-dl-btn a::before{
    content: '';
    width: 70%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 15%;
    background: #6b53de;
    opacity: 0;
    -webkit-animation: dlBtn 2s ease infinite;
    animation: dlBtn 2s ease infinite;
}


/* 헤더 */
.header{
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 720px;
    right: 0;
    margin: 0 auto;
    /* height: .133rem; */
}
.header-cont{
    height: 1.33rem;
    position: relative;
    background: url('../img/logo_bg_81c5680911d4.jpg') no-repeat center/100% 100%;
    padding: .13rem .32rem;
}
.header-logo{
    width: 1.1rem;
    height: 1.1rem;
    float: left;
}
.header-logo img{
    width: 1.1rem;
    height: 1.1rem;
    /* background: url('../img/logo_2b9ce3fe00d2.png') no-repeat center/100% auto; */
}
.header-title {
    margin-top: .1rem;
    margin-left: .15rem;
    float: left;
}

.header-title img{
    width: 1.43rem;
    height: .6rem;
}
.header-introduce{
    font-size: .21rem;
    color: #6e87e1;
}
.header-dl-btn{
    position: absolute;
    right: .32rem;
    top: .28rem;
    width: 2.3rem;
    height: .8rem;
}

.header-dl-btn img,.header-dl-btn span{
    position: absolute;
    top: .2rem;
}
.header-dl-btn img{ width: .4rem; left: .3rem;}
.header-dl-btn span{
    font-size: .32rem;
    right: .25rem;
}
.header-dl-bg{
    color: #fff;
    background: url('../img/dl_bg_a5df1a7251e8.png') no-repeat center/100% auto;
}

/* 상세 페이지 제목 */
.details-title{
    position: relative;
    height: .7rem;
    background: url('../img/title_bg_524c916d5e53.png');
    margin-top: 1.33rem;
}
.details-title .details-title-l{
    position: absolute;
    left: .2rem;
    top: .15rem;
    padding-top: .05rem;
}
.details-title .details-title-l img{
    width: 1.2rem;
}
.details-title .details-title-l span{
    font-size: .2rem;
    color: #3b2e59;
}
.details-title .details-title-r{
    position: absolute;
    right:.2rem;
    top: .2rem;
    font-size: .24rem;
    color: #72828b;
}

/* 공지 버튼 */
.notice-btn{
    padding: 0 .18rem;
    height: .36rem;
    line-height: .39rem;
    font-size: .24rem;
    border-radius: .12rem;
    color: #fff;
    background: #419DEA;
    margin-right: .18rem;
    float: left;
}

/* 상세 페이지 헤더 제목 */
.details-main{
    background: url('../img/more_bg_bb2a69cb71e4.png') no-repeat top/100% auto;
    background-size: cover;
    min-height: 12.8rem
}

/* .details-header-cont{
    height: 1.33rem;
    position: relative;
    background: url('../img/view_more_header_bg_8f6eb525b989.jpg');
    padding: .13rem .32rem;
}
.details-header-logo img{
    width: .86rem;
    height: .86rem;
    position: absolute;
    top: 50%;
    left: .2rem;
    margin-top: -.43rem;
}
.details-header-title{
    font-size: .3rem;
    color: #fff;
}
.details-header-introduce{
    display: inline-block;
    font-size: .18rem;
    color: #b9e2f6;
} */

/* -------------공통 end------------------- */


/* 초보자 가이드 */
.banner{
    height: 11.8rem;
    /* background: url('../img/bg_1_bf7290640fea.jpg') no-repeat center/100% auto; */
    position: relative;
    background-size: cover;
    margin-top: 1.33rem;
}
.banner-bg{
    height: 100%;
    position: absolute;
}
.banner-lower-media{
    width: 1.07rem;
    height: 1.12rem;
    background: url(../img/banner_video_icon_bb65a44ce643.png) no-repeat 0 0/ 100%;
    cursor: pointer;
    position: absolute;
    top: 48%;
    left: 45%;
    z-index: 22;
}
.video{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .4);
}
.video-wrap{
    margin: 0 auto 0;
    position: relative;
    background: rgba(0, 0, 0, .8);
    max-width: 88%;
}
.video-wrap video{
    display: block;
    width: 100%;
    min-width: 6.4rem;
    margin: 0 auto;
    height: 3.6rem;
}
.video-close{
    position: absolute;
    top: -13.5px;
    right: -.3rem;
    width: .35rem;
    height: .35rem;
    background: url(../img/close_50ee49af6bd6.png) no-repeat 0 0/ 100% 100%;
    cursor: pointer;
}

.banner-content{
    width: 100%;
    height: 1.85rem;
    position: absolute;
    bottom: .85rem;
    z-index: 22;
}
.banner-dl-btn{
    width: 100%;
    height: 1.15rem;
    position: absolute;
    text-align: center;
    color: #fff;
}
.banner-dl-btn a{
    width: 6.2rem;
    height: 100%;
    background: url('../img/dl_bg2_51741118ecbc.png') no-repeat center/100% auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .18rem;
    padding: 0 .42rem;
    box-sizing: border-box;
    position: relative;
}
.banner-dl-btn img,.banner-dl-btn span{
    position: static;
    top: auto;
}
.banner-dl-btn img{
    left: auto;
    width: .55rem;
}
.banner-dl-btn span{
    right: auto;
    font-size: .36rem;
    top: auto;
    white-space: nowrap;
}
.banner-handle{
    width: 100%;
    height: .6rem;
    position: absolute;
    bottom: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .24rem;
    flex-wrap: nowrap;
}
.banner-handle .btn{
    width: auto;
    min-width: 2.9rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    padding: 0 .28rem;
    font-size: .24rem;
    z-index: 9;
    display: inline-block;
    color: #fff;
    background: url('../img/dl_bg3_0e7e1a0af67a.png') no-repeat center/100% auto;
    background-size: 100% 100%;
    box-sizing: border-box;
    white-space: nowrap;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,.18));
}

.handle-gift{
    right: 0;
}


/* 영상 센터 */
.video-centre{
    position: relative;
    width: 100%;
    /* height: 13.3rem; */
    height: 10.5rem;
    margin-top: -.46rem;
    background: url('../img/bg_2_3371c8321272.png') no-repeat top/100% auto;
}
.video-centre-girl{
    height: 5.9rem;
    background: url('../img/girl_c41a4cb51895.png') no-repeat center/100% auto;
    position: absolute;
    width: 3.15rem;
    top: .08rem;
    z-index: 22;
}
.video-centre-title{
    width: 100%;
    height: .62rem;
    background: url('../img/xw_title_63d021ca65b3.png') no-repeat center/100% auto;
    position: absolute;
    top: .7rem;
}
.video-centre-swiper{
    width: 7rem;
    height: 3.32rem;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    z-index: 99;
    top: 1.58rem;
}
.video-centre-btn {
    width: .33rem;
    height: .53rem;
    position: absolute;
    top: 1.2rem;
    /* left: 100%; */
    /* 캐러셀 slide의 z-index(스크립트에서 약 999)보다 높아야 화살표 클릭 가능 */
    z-index: 1002;
    cursor: pointer;
    pointer-events: auto;
    background: url('../img/btn_arrow_dcb35df725e0.png') no-repeat center top / auto 100%;
    /* margin-left: .2rem;
    cursor: pointer; */
}

/* .video-centre-btn:hover {
    opacity: 0.9;
} */

.video-centre-btn-prev {
    left: .18rem;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.video-centre-btn-next {
    right: .18rem;
}
.video-centre-swiper .swiper-slide-video-btn{
    width: .55rem;
    height: .55rem;
    background: url('../img/video_icon_948fbc3ced7b.png') no-repeat center/100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.3rem;
    margin-top: -.3rem;
    z-index: 1001;
    cursor: pointer;
    pointer-events: auto;
}
.video-centre-swiper .swiper-slide-img{
    height: 100%;
    overflow: hidden;
}
.video-centre-swiper .swiper-slide-img::after{
    content: '';
    box-sizing: content-box;
    width: calc(100% - .4rem);
    height: calc(100% - .4rem);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border: .2rem solid transparent;
    border-image: url('../img/border_1_a656c06f1ea6.png') 20 fill stretch;
}
.video-centre-swiper .swiper-slide {
    /* width: 5.76rem; */
    width: 5.4rem;
    height: 3rem;
    padding: .1rem;
}
.video-centre-swiper .swiper-slide img{
    width: 100%;
    height: 100%;
    filter:alpha(Opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
}
.video-centre-swiper .swiper-slide-active img{
    opacity: 1;
    -moz-opacity:1;
}

.video-centre-paging{
    margin: .25rem auto 0;
    width: 1.8rem;
    position: relative;
    top: 1.16rem;
    z-index: 99;
}
.video-centre-paging .swiper-pagination-bullet{
    position: relative;
    margin: 0 auto;
    width: .21rem;
    height: .08rem;
    background: #fff;
    border-radius: .03rem;
    opacity: 1;
}

.video-centre-paging .swiper-pagination-bullet-active{
    background: #3f9fe9;
}

.video-nws-main{
    margin: 0 .31rem;
    position: relative;
    top: 1.75rem;
}
.video-nws-cont-tilte{
    text-align: center;
    color: #30567E;
    position: relative;
}
.video-nws-cont-tilte .item {
    position: relative;
    height: .6rem;
    border-bottom: .03rem solid #b9d2d6;
    line-height: .4rem;
    color: #444d56;
    z-index: 99;
    font-size: .24rem;
    cursor: pointer;
    font-weight: bold;
}
.video-nws-cont-tilte .item.active{
    border-bottom: .03rem solid #4494ec;
    color: #4494ec;
}

.video-nws-cont-list{
    /* height: 5.6rem; */
    height: 2.78rem;
    overflow: hidden;
    display: none;
}
.video-nws-cont-list.active{
    display: block;
}
.video-nws-cont-list .item{
    width: 6.58rem;
    height: .38rem;
    display: block;
    margin-top: .18rem;
    cursor: pointer;
    /* padding: 0 .2rem; */
}
.video-nws-cont-list a:hover{
    text-decoration: underline;
}
.video-nws-cont-list .item span{
    display: inline-block;
    font-size: .24rem;
}
/* .video-nws-cont-list .item .notice-btn{
    float: left;
} */
.video-nws-cont-list .item .item-text{
    color: #72828b;
    margin: 0 .15rem 0 .13rem;
    max-width: 3.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.video-nws-cont-list .item .item-date{
    float: right;
    color: #72828b;
}

.video-nws-paging{
    height: .72rem;
    background: #46a1ea;
    /* background: url('../img/more_bg_bb2a69cb71e4.png') no-repeat center/100% auto;  */
    border: .02rem solid #fff;
    margin-top: .2rem;
}
.video-nws-paging-more{
    height: .64rem;
    margin: .02rem;
    border: .01rem solid #fff;
    text-align: center;
    line-height: .64rem;
    font-size: .24rem;
    color: #fff;
    position: relative;
}
.video-nws-paging-more span{
    margin-right: .1rem;
}
.video-nws-paging-more img{
    position: absolute;
    top: .21rem;
    width: .22rem;
}

/* 게임 특징 */
.game-feature{
    position: relative;
    width: 100%;
    height: 10.3rem;
    background: url('../img/bg_3_ed0522e0e9b1.png') no-repeat top/100% auto;
    margin-top: -1rem;
}
.game-feature-title{
    width: 100%;
    height: .62rem;
    background: url('../img/yx_title_7b905cb9d5a4.png') no-repeat center/100% auto;
    position: absolute;
    top: 1.55rem;
}
.game-feature-cont{
    width: 100%;
    position: relative;
    top: 2.3rem;
}
.game-feature-cont-branch{
    width: 100%;
    height: 2.3rem;
    background: url('../img/branch_180a1ea922c4.png') no-repeat center/100% auto;
    position: absolute;
}
.game-feature-cont-main{
    margin: 0 auto;
    width: 5.8rem;
    z-index: 22;
    left: .7rem;
    position: absolute;
    top: .7rem;
}
.game-main-tab .item{
    text-align: center;
    height: 2rem;
    float: left;
    width: .63rem;
    margin: 0 .41rem;
}

.game-main-tab .item:nth-of-type(even){
    margin-top: .15rem;
}

.game-main-tab .item .tab-lantern.active {
    background: url('../img/lantern_active_4b64edbd3588.png') no-repeat bottom/100%;
    color: #fff;
}

.game-main-tab .item .tab-lantern{
    width: .63rem;
    height: 1.55rem;
    background: url('../img/lantern_c9a1053a73fe.png') no-repeat bottom/100%;
    margin: 0 auto;
    font-size:.28rem;
    letter-spacing: 1rem;
    line-height: 1.5;
    padding: .23rem .18rem;
    cursor: pointer;
}
.game-main-tab .item:last-child .tab-line{
    height: .59rem;
    margin-top: -.14rem;
}
/* .item .tab-lantern.active .tab-line{
    border-left: 1px solid #419dea;
    background: #419dea
} */
.game-main-tab .tab-line{
    width: .011rem;
    height: .45rem;
    /* border-left: 1px solid #9bd0e6;
    display: inline-block; */
    background: #9bd0e6;
    display: block;
    margin: 0 auto;
}

.game-feature-swiper{
    width: 5.8rem;
    height: 3.4rem;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    top: 3rem;
}
.game-feature-swiper .feature-swiper-slide {
    width: 5.8rem;
    padding: .1rem;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.game-feature-swiper .feature-swiper-slide.active{
    display: block;
}
.game-feature-swiper .item-img{
    height: 100%;
    overflow: hidden;
}
.game-feature-swiper .item-img::after{
    content: '';
    box-sizing: content-box;
    width: calc(100% - .4rem);
    height: calc(100% - .49rem);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border: .2rem solid transparent;
    border-image: url('../img/border_1_a656c06f1ea6.png') 20 fill stretch;
}

.game-feature-swiper .feature-swiper-slide img{
    width: 100%;
    height: 100%;
}


/* .game-feature-swiper .swiper-slide {
    width: 5.8rem;
    padding: .1rem;
    position: absolute;
}
.game-feature-swiper .swiper-slide.active{
    display: block;
}
.game-feature-swiper .swiper-slide-img{
    height: 100%;
    overflow: hidden;
}
.game-feature-swiper .swiper-slide-img::after{
    content: '';
    box-sizing: content-box;
    width: calc(100% - .4rem);
    height: calc(100% - .45rem);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border: .2rem solid transparent;
    border-image: url('../img/border_1_a656c06f1ea6.png') 20 fill stretch;
}

.game-feature-swiper .swiper-slide img{
    width: 100%;
} */


.game-feature-paging{
    margin: .25rem auto 0;
    width: 1.8rem;
    position: relative;
    top: 2.8rem;
}
.game-feature-paging .swiper-pagination-bullet{
    position: relative;
    margin: 0 auto;
    width: .21rem;
    height: .08rem;
    background: #fff;
    border-radius: .03rem;
    opacity: 1;
}

.game-feature-paging .swiper-pagination-bullet-active{
    background: #3f9fe9;
}








/* 문의하기 */
.contact-us{
    position: relative;
    height: 9.9rem;
    /* width > 720px */
    /* top: -.7rem;
    margin-bottom: -.7rem; */
    /* width < 720px */
    top: -1.1rem;
    margin-bottom: -1.1rem;
    background: url('../img/bg_4_568f39d1372b.png') no-repeat center/100% auto;
}
.contact-us-title{
    width: 100%;
    height: .62rem;
    background: url('../img/lx_title_bd923acda46e.png') no-repeat center/100% auto;
    position: absolute;
    top: 1.8rem;
}
.contact-us-list{
    height: 2.5rem;
    width: 6.6rem;
    position: absolute;
    left: 50%;
    margin-left: -3.3rem;
    top: 2.76rem;
    padding: .3rem 0;
    border-bottom: .02rem solid #bdd0d6;
}
.contact-us-list .item{
    text-align: center;
    line-height: .36rem;
    padding-right: .3rem;
}
.contact-us-list .item img{
    width: 1rem;
}
.contact-us-list .item p{
    font-size: .26rem;
    color: #50597b;
}
.contact-us-list .item a{
    font-size: .2rem;
    color: #5a86df;
    text-decoration: underline;
}
.contact-us-weibo ,.contact-us-tieba,.contact-us-qq{
    background: url('../img/style_line_ed22102bf3d6.png') no-repeat right;
}
.contact-us-kf{

}

/* -------------------- */
.contact-us .qq-model{
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.qq-model .qq-img{
    width: 2.28rem;
    height: 2.28rem;
    background-size: cover;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translate(0%,-50%);
}
.qq-model .qq-close{
    width: .3rem;
    height: .3rem;
    position: absolute;
    right: -.26rem;
    top: -.26rem;
}


.contact-us-weixin{
    width: 4.6rem;
    position: absolute;
    bottom: 1.9rem;
    left: .7rem;
}
.contact-us-weixin .weixin-img{
    width: 2.28rem;
    height: 2.28rem;
    /* background: url('../img/qr-bg.png')  no-repeat center/100% auto; */
    float: left;
    background-size: cover;
}
.contact-us-weixin .weixin-list{
    width: 2.1rem;
    float: right;
    font-size: .24rem;
    color: #72828b;
    margin-top: .1rem;
}
.contact-us-weixin .weixin-list .item{
    border-bottom: .02rem solid #bdd0d6;
    margin: .1rem 0;
}
.contact-us-weixin .weixin-list .item span:first-child{
    font-size: .32rem;
    color: #444d56;
    
}
.contact-us-weixin .weixin-list p span{
    display: block;
    margin: .08rem 0;
    padding-left:.12rem;
}


/* 푸터 */
.footer{
    width: 6.8rem;
    height: 1.35rem;
    margin: 0 auto;
    /* border: 1px solid; */
    padding: .1rem 0;
}
.footer-img{
    /* width: 1.73rem; */
    height: 100%;
    float: left;
}

.footer-content{
    height: 100%;
    width: 4.6rem;
    padding-left: .37rem;
    border-left: .02rem solid #bdd0d6;
    float: right;
    color: #444d56;
    font-size: .15rem;
}
.footer-img .footer-logo{
    width: 100%;
    height: .58rem;
}
.footer-logo img{
    width: 1.73rem;
}
.footer-img a{
    width: .55rem;
    height: .55rem;
    display: inline-block;
    background: #e9e9eb;
}
.footer-img a img{width: .55rem;height: .55rem;}



/* 상세 페이지 -- 쿠폰 받기 */
.gift-bg{
    height: 2.65rem;
    background: url('../img/gift_bg_3baeb1d29826.jpg') no-repeat center/100% auto;
    background-size: cover;
    margin-top: 1.33rem;
}
.gift-details-title{
    height: 1.3rem;
    margin-top: 0 !important;
}
.gift-details-title .details-title-l img{
    width: 1.5rem;
}
.gift-details-title-hint{
    font-size: .12rem;
    position: absolute;
    bottom: .2rem;
    right: .2rem;
    color: #979797;
}
.gift-list{
    min-height: 8.5rem;
    padding: .18rem 0;
    background: url('../img/bg_2_3371c8321272.png') no-repeat center/100% auto;
}
.gift-list .item{
    width: 7rem;
    height: 2.1rem;
    background: url('../img/gift_list_bg_12d7444efebe.jpg') no-repeat center/100% auto;
    margin: 0 auto .1rem;
    position: relative;
}

.gift-list .item:last-child{
    margin-bottom:0 ;
}
.gift-list .item .item-img {
    position: absolute;
    left: .7rem;
    width: 1.22rem;
    height: 1.22rem;
    top: 50%;
    margin-top: -.55rem;
}
.gift-list .item .item-img img{
    width: 100%;
}
.gift-list .item .item-content{
    position: absolute;
    right: .35rem;
    font-size: .32rem;
    color: #72828b;
    top: .18rem;
}

.gift-list .item .item-content p{
    color: #444d56;
}
.gift-list .item .item-content span{
    font-size: .2rem;
}
.gift-list .item .item-content .btn{
    width: 2rem;
    height: .75rem;
    text-align: center;
    line-height: .75rem;
    display: block;
    color: #fff;
    background: url(../img/dl_bg3_0e7e1a0af67a.png) no-repeat center/100% auto;
}
.gift-list .item .item-content .disabled{
    filter: grayscale(1);
    pointer-events: none;
 }

/* 상세 페이지 -- 즉시 받기 */
.gift-promptly-shade{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 99;
    /* display: none; */
}
.gift-promptly{
    width: 100%;
    height: 4.3rem;
    background: url('../img/gift_promptly_bg_0399828bff88.png') no-repeat center/100% auto;
    position: absolute;
    top: 50%;
    margin-top: -2.15rem;
    font-size: .26rem;
}
.gift-promptly-t{
    top: .3rem;
}
.gift-promptly-t .text-color{
    color: #d51111;
}
.gift-promptly-t, .gift-promptly-b{
    position: absolute;
    left: .45rem;
}
.gift-promptly-b{
    width: 2.7rem;
    bottom: .4rem;
}
.gift-promptly-b span{
    color: #72828B;
    font-size: .22rem;
}
.gift-close-btn{
    position: absolute;
    right: .35rem;
    top: .1rem
}
.gift-close-btn img{
    width: .35rem;
}


/* 상세 페이지 -- 더보기 */
.view-more-nws-main{
    margin: 0 .25rem;
}
.view-more-nws-cont-tilte{
    width: 100%;
    text-align: center;
    color: #30567E;
}
.view-more-nws-cont-tilte .item {
    height: .6rem;
    border-bottom: .03rem solid #b9d2d6;
    line-height: .5rem;
    color: #444d56;
    font-size: .2rem;
    cursor: pointer;
    font-weight: bold;
}
.view-more-nws-cont-tilte .item.active{
    border-bottom: .03rem solid #4494ec;
    color: #4494ec;
}
.view-more-nws-cont-main{
    width: 100%;
    overflow: hidden;
}
.view-more-nws-cont-list{
    width: 7.1rem;
    display: none;
}
.view-more-nws-cont-list.active{
    display: block;
}
.view-more-nws-cont-list .item{
    width: 6.7rem;
    display: block;
    height: .9rem;
    padding: .24rem 0 0;
    border-bottom: .02rem solid #BCD0D7;
    position: relative;
}
/* .view-more-nws-cont-list .item .notice-btn{
    float: left;
    height: .39rem;
}  */
.view-more-nws-cont-list .item .item-text{
    font-size: .24rem;
    overflow: hidden;
    width: 4rem;
    float: left;
}
.view-more-nws-cont-list .item-text .text-sub{
    font-size: .16rem;
    color: #72828B;
}
.view-more-nws-cont-list .item .item-date{
    color: #72828B;
    font-size: .16rem;
    padding: 0 .08rem .08rem 0;
    float: right;
    height: 100%;
 }
.align-items-end{
    -webkit-box-align: end; 
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: flex;

}
.view-more-nws-paging{
    margin: auto;
    padding: .5rem 0 .2rem;
}
.view-more-nws-paging-more{
    background: #989DB6;
    border-radius: .05rem;
    font-size: .2rem;
    padding: 1px .1rem;
    text-align: center;
    color: #fff;
    /* display: none; */
}
.view-more-nws-paging-hint{
    /* display: none; */
}

/* 상세 페이지 -- 초보자 가이드 */
.noob-nws-main{
    min-height: 11rem;
}
.noob-nws-cont-head{
    text-align: center;
    border-bottom: .02rem solid #BCD0D7;
    margin: .2rem .24rem;
    line-height: .35rem;
    font-size: .3rem;
    color: #444D56;
}
.noob-nws-cont-head .cont-head-time{
    font-size: .18rem;
    color: #72828B;
}
.noob-nws-cont-list{
    width: 6.8rem;
    margin:0 auto;
}
.noob-nws-cont-list span{
    /* text-indent: .48rem;
    display: inline-block;
    padding: .05rem 0; */
    font-size: .22rem;
    color: #72828B;
}
.noob-nws-cont-list p img{
    height: 100% !important;
    width: 100% !important;
}


/* unified footer */
.footer {
  background: #000 !important;
  text-align: center !important;
  padding: 16px 12px !important;
}
.footer-img {
  display: none !important;
}
.footer-content {
  margin: 0 !important;
  padding: 0 !important;
}
.footer-content p {
  display: none !important;
}
.footer-content .footer-company-name {
  display: block !important;
  margin: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
}

/* WAP 내비게이션 리팩터링 */
.header-cont {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 .3rem !important;
    height: 1.2rem;
    box-sizing: border-box;
    background: #fff !important;
    background-image: none !important;
}
.header-left {
    display: flex;
    align-items: center;
    gap: .18rem;
    flex: 1;
    min-width: 0;
}
.header-logo {
    float: none !important;
    width: .9rem !important;
    height: .9rem !important;
    flex-shrink: 0;
}
.header-logo img {
    width: .9rem !important;
    height: .9rem !important;
    border-radius: .1rem;
}
.header-title {
    margin: 0 !important;
    float: none !important;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .04rem;
}
.header-game-name {
    margin: 0;
    line-height: 1;
}
.header-game-name img {
    height: .36rem;
    width: auto;
    display: block;
}
.header-introduce {
    font-size: .2rem;
    color: #666;
    margin: 0;
    white-space: normal;
    word-break: break-all;
    line-height: 1.3;
}
.header-introduce strong {
    font-weight: normal;
}
.header-right {
    flex-shrink: 0;
    margin-left: .2rem;
}
/* 햄버거 버튼(3줄) */
.header-menu-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: .7rem;
    height: .7rem;
    padding: .1rem;
    gap: .1rem;
}
.header-menu-btn span {
    display: block;
    width: .44rem;
    height: .04rem;
    background: #333;
    border-radius: .02rem;
    transition: all 0.3s ease;
}
/* 내비게이션 드롭다운 오버레이 */
.header-nav-overlay {
    position: absolute;
    top: 1.2rem;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.92);
    z-index: 200;
    display: none;
    max-width: 720px;
    margin: 0 auto;
}
.header-nav-overlay.active {
    display: block;
}
.header-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.header-nav-list li {
    border-bottom: 1px solid rgba(255,255,255,0.12);
}
.header-nav-list li a {
    display: block;
    padding: .32rem .5rem;
    color: #fff;
    font-size: .28rem;
    text-decoration: none;
    text-align: left;
}
.header-nav-list li a.active {
    color: #f0c040;
}
.header-nav-list li:last-child {
    border-bottom: none;
}