.go_read {
    z-index: 1;
    font-size: 14px;
    color: #ffdd00;
    font-weight: 700;
    text-transform: uppercase;
    transition: color 0.1s;
}

.go_read img {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 7px;
}

.go_read span {
    transition: color 0.5s;
}

.go_read:before {
    position: absolute;
    top: 0;
    font-weight: 700;
    left: 19px;
    overflow: hidden;
    max-height: 0;
    color: #FF0000;
    content: attr(data-hover);
    transition: max-height 0.5s;
}

.go_read:hover {
    color: transparent;
}

.go_read:hover span {
    color: transparent !important;
}

.go_read:hover:before {
    max-height: 100%;
}

.main_slide_wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #000;
    text-align: center;
    z-index: 2;
    max-height: 844px;
    height: 844px;
}

.main_slide_wrap>img {
    width: 100%;
}

.main_slide_wrap .badge_set .badge:first-child {
    right: -235px;
}

.main_slide_wrap .badge_set .badge:nth-child(3n) {
    bottom: 42%;
    right: -235px;
}

.main_slide_wrap .badge_set .badge:nth-child(2n) {
    right: auto;
    left: -235px;
}

.main_slide_wrap .badge_set .badge:nth-child(4n) {
    bottom: 42%;
    right: auto;
    left: -235px;
}

.main_slide_wrap .badge_set .badge:nth-child(5n) {
    bottom: 73.5%;
    right: auto;
    left: -235px;
}

.badge {
    font-size: 0;
    position: absolute;
    right: -235px;
    z-index: 100;
    width: 240px;
    height: 240px;
    bottom: 10.5%;
    animation-delay: .2s;
}

.badge img {
    top: 0px;
    position: relative;
    animation: badge1 0.4s 0.1s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards;
    animation: badge 0.4s ease infinite alternate;
    animation: heartbeat 0.5s cubic-bezier(0.245, 0.325, 0.51, 1.305) infinite alternate;
}

.badge .bg {
    position: relative;
    animation: none;
}

.badge:hover img {
    animation: none !important;
}

.badge .aim,
.badge .point {
    position: absolute;
    top: 0;
    left: 0;
    animation: aim 5s infinite linear !important;
}

.badge .point {
    animation-delay: 1s !important;
}

.badge.stop .aim,
.badge.stop .point {
    animation: none !important;
}

.main_slide {
    margin: 0 auto;
    padding: 7.5rem 2.5rem 0;
    width: 53.63%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 1166px;
}

.main_slide .slick-slider {
    padding: 4% 0 0
}

.main_slide li .youtube,
.main_slide li a {
    width: 100%;
    padding-top: 56.3%;
    display: block;
    position: relative;
}

.main_slide li img,
.main_slide li .youtube iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.main_slide .slick-arrow {
    vertical-align: middle;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    transition: none;
    background-position: 0 0;
    width: 13px;
    font-size: 0px;
    display: inline-block;
    z-index: 99;
    height: 22px;
    border: none;
}

.main_slide .slick-prev {
    background-image: url('https://pointblank.id/images/common/main/main_arr_l_new.png');
    margin-right: 1.9rem;
}

.main_slide .slick-next {
    background-image: url('https://pointblank.id/images/common/main/main_arr_r_new.png');
    margin-left: 1.9rem;
}

.main_slide .slick-arrow:hover {
    background-position: 0 -22px;
}

.main_slide .slick-dots {
    vertical-align: middle;
    text-align: center;
    display: inline-block;
}

.main_slide .slick-dots li {
    display: inline-block;
    font-size: 0px;
    margin: 0 1.1rem;
    vertical-align: top;
}

.main_slide .slick-dots li>button {
    cursor: pointer;
    font-size: 0;
    display: block;
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    text-indent: -9999px;
    border: 1px solid #fff;
}

.main_slide .slick-dots li>button:hover {
    background: rgba(255, 221, 0, 0.8);
    border-color: #ffea00;
}

.main_slide .slick-dots li.slick-active>button {
    background: rgba(255, 221, 0, 0.8);
    border-color: #ffea00;
}

.main_slide .slick-list {
    margin-bottom: 2.87%;
    position: relative;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.5);
}

.main_slide li {
    position: relative;
}

.main_slide li a:before {
    z-index: 1;
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

/* 241119 추가 */
.badge_slide {
    position: absolute;
    z-index: 100;
    width: 9.713%;
    bottom: 13%;
    left: 75%;
    max-width: 240px;
}

.badge_slide .badge {
    position: relative;
    right: auto;
    height: auto;
    bottom: auto;
}

.badge_slide .badge img {
    animation: none;
}

.badge_slide .slick-list {
    box-shadow: none;
    margin-bottom: 0;
}

.badge_slide .slick-arrow {
    transition: all ease-in-out 0.2s;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    vertical-align: middle;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    background-position: 0 0;
    background-size: 100% auto;
    width: 16.7%;
    font-size: 0px;
    display: inline-block;
    z-index: 99;
    border: none;
}

.badge_slide .slick-arrow:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.badge_slide .slick-prev {
    background-image: url('https://pointblank.id/images/common/main/badge_sl_l.png');
    margin-right: 0;
    left: -20%;
}

.badge_slide .slick-next {
    background-image: url('https://pointblank.id/images/common/main/badge_sl_r.png');
    margin-left: 0;
    right: -20%;
}

.badge_slide .slick-arrow:hover {
    background-position: 0 100%;
    background-color: rgba(255, 0, 0, 0.5);
    box-shadow: inset 0 0 0 1px #FF0000;
    border-radius: 2px;
}

.badge_slide .slick-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: -1.4rem;
    right: 0;
}

.badge_slide .slick-dots li {
    margin: 0;
    padding: 0 0.5rem;
    width: 20%;
    flex-grow: 1;
    max-width: 3.6rem;
}

.badge_slide .slick-dots li>button {
    font-size: 0;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.8);
    cursor: pointer;
}

.badge_slide .slick-dots li.slick-active>button {
    border-color: #ff4e4e;
    background: #FF0000;
}


.shop_section {
    padding: 5rem 28rem 10rem;
    overflow: hidden;
    position: relative;
    margin: 4px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    background: url('./pointblank.id/images/common/shop/bg_shop.html') center center no-repeat;
    background-size: cover !important;
}

.shop_section ul {
    z-index: 1;
    position: relative;
    margin-left: 2rem;
}

.shop_section:before,
.shop_section:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
}

.shop_section:before {
    left: 0;
    background: url('./pointblank.id/images/common/shop/bg_shop_light01.html') 0 0 no-repeat;
    background-size: cover;
    width: 17%;
    animation: fadeInDown 0.2s forwards;
}

.shop_section:after {
    right: 0;
    background: url('./pointblank.id/images/common/shop/bg_shop_light02.html') 0 0 no-repeat;
    width: 23%;
    background-size: cover;
    animation: fadeInDown 0.2s forwards;
    animation-delay: 0.2s;
}

.shop_section .title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 3.6rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.05rem;
}

.shop_section .title span {
    color: #ffdd00;
}

.shop_section .title .go_read {
    position: absolute;
    top: 7rem;
    right: 14rem;
}

.shop_section li {
    color: #fff;
    font-size: 14px;
}

.shop_section .slick-track {
    padding: 2.4rem 0;
    left: -3rem;
    margin: 0 auto;
}

.shop_section .slick-track.less {
    left: 50%;
    transform: translate(-50%, 0) !important;
}

.shop_section .slick-track>li {
    padding-left: 5rem;
}

.shop_section .slick-slide {
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

.shop_section .slick-slide .con {
    transform: scale(0.9);
}

/*.shop_section .slick-sprev2 .con, .shop_section .slick-snext2 .con {transform: scale(0.8);}
.shop_section .slick-sprev .con, .shop_section .slick-snext .con {transform: scale(0.9);}
.shop_section .slick-slide.slick-current .con { transform: scale(1); }   */
.shop_section .slick-slide .con:hover {
    transform: scale(1);
}

.shop_section .btn_shop_arr {
    font-size: 0;
    top: 50%;
    position: absolute;
    margin-top: -26px;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    transition: none;
    background-position: 0 0;
    width: 42px;
    font-size: 0px;
    display: inline-block;
    z-index: 99;
    height: 52px;
    border: none;
}

.shop_section .btn_shop_l {
    background-image: url('./pointblank.id/images/common/arr_big_l.png');
    left: 11.6rem;
}

.shop_section .btn_shop_r {
    background-image: url('./pointblank.id/images/common/arr_big_r.png');
    right: 11.6rem;
}

.shop_section .btn_shop_arr:hover {
    background-position: 0 -52px;
}

.shop_section .btn_shop_arr.slick-hidden {
    cursor: default;
    display: none;
}

.shop_section .con {
    box-shadow: 1px 10px 20px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.shop_section .special .item {
    background: url('./pointblank.id/images/common/shop/bg_special.html') center center no-repeat;
    background-size: cover;
}

.shop_section .random .item {
    background: url('./pointblank.id/images/common/shop/bg_random.html') center center no-repeat;
    background-size: cover;
}

.shop_section .item_wrap {
    background: rgba(255, 255, 255, 0.1);
    position: relative;
    box-shadow: 0 0 0 1px inset rgba(255, 255, 255, 0.1);
    padding-bottom: 6.2rem;
}

.shop_section .item_wrap:before,
.shop_section .item_wrap:after {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.shop_section .item_wrap:before {
    top: 0;
    left: 0;
    background-image: url('./pointblank.id/images/common/icon_lt.png');
}

.shop_section .item_wrap:after {
    bottom: 6.2rem;
    right: 0;
    background-image: url('./pointblank.id/images/common/icon_rb.png');
}

.shop_section .item_wrap .item {
    text-align: center;
    position: relative;
    padding: 2rem;
    height: 396px;
}

.shop_section .item_wrap .item img {
    max-width: 100%;
    max-height: 220px;
    display: inline;
}

.shop_section .item_wrap .desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
}

.shop_section .item_wrap .desc .name {
    word-break: break-word;
    letter-spacing: 0.04rem;
    color: #fff;
    padding: 0 2rem;
    font-size: 20px;
    line-height: 1.3;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
}

.shop_section .item_wrap .desc .unit {
    margin-left: 2rem;
    letter-spacing: 0.02rem;
    padding: 2px 8px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 11px;
    color: #ffff00;
    font-weight: 600;
    font-family: 'Roboto';
    display: inline-block;
    border: 1px solid #ffff00;
    border-radius: 4px;
}

.shop_section .item_wrap .desc .unit span {
    color: #fff;
}

.shop_section .price {
    margin-top: 1.5rem;
    position: relative;
    background: #000000;
    font-weight: 300;
    font-size: 19px;
    color: #ffee00;
    font-family: 'Roboto';
    letter-spacing: 0.02rem;
    padding: 1.9rem 1rem;
    text-align: center;
}

.shop_section .price:before {
    display: inline-block;
    content: '';
    width: 24px;
    height: 24px;
    background: url('./pointblank.id/images/common/shop/pb_coin.html') 0 0 no-repeat;
    vertical-align: middle;
    margin-right: 7px;
}

.shop_section .price .del_p {
    color: #999999;
    text-decoration: line-through;
    padding-right: 3rem;
    margin-right: 7px;
    background: url('./pointblank.id/images/common/shop/icon_del.html') right center no-repeat;
}

.shop_section .list .type {
    text-transform: uppercase;
    letter-spacing: 0.04rem;
    padding: 0 1.2rem;
    display: inline-block;
    font-weight: 600;
    font-size: 11px;
    border-radius: 4px 4px 0 0;
    position: absolute;
    height: 24px;
    line-height: 24px;
    top: -24px;
    right: 0;
}

.shop_section .list .type.special {
    color: #ffe01b;
    background: #129700;
    border-top: 1px solid rgba(255, 221, 0, 0.7);
}

.shop_section .list .type.random {
    color: #ffff00;
    background: #2266dd;
    border-top: 1px solid #ffff00;
}

.shop_section .list .status {
    z-index: 1;
    position: absolute;
    top: 2rem;
    right: 2rem;
    border-radius: 50%;
    text-align: center;
    width: 72px;
    height: 72px;
    line-height: 72px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.04rem;
}

.shop_section .list .status.event {
    background: #0099ff;
}

.shop_section .list .status.hot {
    background: #e602bc;
}

.shop_section .list .status.sale {
    background: #e64106;
}

.shop_section .list .status.new {
    background: #009b19;
}

.shop_section .list .lv_con {
    position: absolute;
    top: 2rem;
    left: -31px;
    width: 31px;
    font-size: 0;
    text-align: center;
}

.shop_section .list .lv_con .lv_sec {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    border-radius: 4px 0 0 4px;
    background: #3b6ea2;
    border-left: 1px solid #599bde;
    border-right: 1px solid #599bde;
    width: 100%;
}

.shop_section .list .lv_con .lv_sec.two {
    background-image: url('./pointblank.id/images/common/shop/bar_lv.html');
    background-position: center center;
    background-repeat: no-repeat;
}

.shop_section .list .lv_con .lv_sec img {
    margin: 5px 0;
    display: inline-block;
}

.shop_section .list .lv_con .lv_num {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    margin-top: 4px;
    display: inline-block;
    background: #a66d09;
    line-height: 1;
    padding: 5px 0;
    border-left: 1px solid #ffbf51;
    border-right: 1px solid #ffbf51;
    border-radius: 4px 0 0 4px;
    width: 100%;
    color: #fff;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.04rem;
}

.shop_section .list .lv_con .lv_num span {
    display: block;
}

.shop_section .list .item_link {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 3px solid #FF0000;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
}

.shop_section .list .item_link a {
    position: relative;
    text-transform: uppercase;
    margin: 10px auto;
    border: 1px solid #FF0000;
    border-radius: 5px;
    background: rgba(255, 0, 0, 0.8);
    display: block;
    width: 160px;
    text-align: center;
    color: #fff;
    position: relative;
    height: 60px;
    line-height: 60px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02rem;
}

.shop_section .list .item_link a.go_shop_buy {
    background: rgba(255, 0, 0, 0.4);
    color: #ffdd00;
}

.shop_section .list .item_link a:before {
    content: '';
    display: inline-block;
    position: relative;
    margin-right: 7px;
    vertical-align: middle;
    top: -2px;
}

.shop_section .list .item_link a:after {
    position: absolute;
    content: "";
    width: 0;
    top: 0;
    bottom: 0;
    transition: 0.4s all ease;
    background: #FF0000;
    left: 0;
    z-index: -1;
}

.shop_section .list .item_link a:hover:after {
    width: 100%;
    transition: 0.4s all ease;
}

.shop_section .list .item_link a.go_shop_buy:before {
    width: 10px;
    height: 21px;
    background: url('./pointblank.id/images/common/shop/icon_buy.html') 0 0 no-repeat;
}

.shop_section .list .item_link a.go_shop_cart:before {
    width: 18px;
    height: 16px;
    background: url('./pointblank.id/images/common/shop/icon_cart.html') 0 0 no-repeat;
}

.shop_section .list .item_link a.go_shop_view:before {
    width: 16px;
    height: 15px;
    background: url('./pointblank.id/images/common/shop/icon_view.html') 0 0 no-repeat;
}

.shop_section .list .lock .con:before {
    font-size: 14px;
    color: #FF0000;
    font-weight: 600;
    line-height: 1.7;
    text-align: center;
    content: '';
    text-transform: uppercase;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6) url('./pointblank.id/images/common/shop/lock_img_level.html') center center no-repeat;
    z-index: 2;
}

.shop_section .list .con:hover .item_link {
    display: block;
}

.shop_section .list .limited_tit {
    text-align: left;
    text-transform: uppercase;
    z-index: 1;
    color: #ffff00;
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 0.04rem;
    position: absolute;
    top: 2rem;
    left: 2rem;
    font-size: 11px;
}


/* mid_section */
.mid_section {
    font-size: 0;
    margin-bottom: 4px;
    position: relative;
}

.mid_section>div {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 4px) / 2);
    padding: 7rem 11.6rem;
    position: relative;
}

.mid_section .title {
    margin-bottom: 6.5rem;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.05rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    position: relative;
}

.mid_section .title span {
    color: #ffdd00;
}

.mid_section .title .go_read {
    position: absolute;
    top: 1rem;
    right: 0;
}

.mid_section .news_area {
    margin-right: 4px;
    background: url('./pointblank.id/images/common/main/bg_mid_news.jpg') center center no-repeat;
    background-size: cover;
}

.mid_section .news_area .list {
    margin-left: -1.6rem;
    font-size: 0;
}

.mid_section .news_area .list li {
    padding-left: 1.6rem;
    display: inline-block;
    width: 25%;
}

.mid_section .news_area .list .con {
    position: relative;
    overflow: hidden;
    height: 40rem;
}

.mid_section .news_area .list .con:before {
    transition: 0.3s;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    content: '';
    display: block;
    position: absolute;
    background: url('./pointblank.id/images/common/icon_rb.png') 0 0 no-repeat;
}

.mid_section .news_area .list .con:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    background: #ffdd00;
    width: 3px;
    height: 100%;
    transition: 0.3s;
    transform: translateY(-100%);
    top: 0;
    left: 0;
}

.mid_section .news_area .list .thum_img:before {
    z-index: 1;
    transition: 0.3s;
    transform: translateX(-100%);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ffdd00;
}

.mid_section .news_area .list .thum_img:after {
    transition: 0.3s;
    z-index: 2;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    content: '';
    display: block;
    position: absolute;
    background: url('./pointblank.id/images/common/icon_lt.png') 0 0 no-repeat;
}

.mid_section .news_area .list .thum_img img {
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
}

.mid_section .news_area .list .desc {
    z-index: 1;
    transition: all 400ms ease;
    height: 16.6rem;
    padding: 2rem 1.5rem;
    background: rgba(255, 255, 255, 0.2);
    color: #000000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.mid_section .news_area .list .desc:before {
    z-index: 1;
    transition: 0.3s;
    transform: translateX(100%);
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: #ffdd00;
}

.mid_section .news_area .list .desc:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    background: #ffdd00;
    width: 3px;
    height: 200%;
    transition: 0.3s;
    transform: translateY(100%);
    right: 0;
    bottom: 0;
}

.mid_section .news_area .desc .label {
    z-index: 2;
    color: #fff;
    display: block;
    width: 80px;
    text-transform: uppercase;
    background: #689aff;
    font-size: 12px;
    letter-spacing: 0.02rem;
    height: 24px;
    line-height: 24px;
    border-radius: 5px;
    text-align: center;
    position: absolute;
    font-weight: 500;
    top: -1.7rem;
    ;
    left: 50%;
    transform: translate(-50%, 0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.mid_section .news_area .list .desc .tit {
    margin-bottom: 1rem;
    font-size: 14px;
    height: 34px;
    word-break: break-all;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
}

.mid_section .news_area .list .desc .tit:before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
}

.mid_section .news_area .list .desc .txt {
    font-size: 12px;
    height: 77px;
    line-height: 1.6;
    font-family: 'Roboto';
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #afafaf;
}


.mid_section .news_area .list .thum_img {
    height: 224px;
    overflow: hidden;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.7) url(./pointblank.id/images/common/default/thumb_default_media.png) center 50% no-repeat;
}

.mid_section .news_area .list .thum_img span {
    display: block;
    height: 100%;
    position: relative;
}

.mid_section .news_area .list .thum_img span:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 1;
}

.mid_section .news_area .list .thum_img img {
    min-width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    transition: all 400ms ease;
}

.mid_section .news_area .event .desc .label {
    background: #ff7510;
}

.mid_section .news_area .promo .desc .label {
    background: #ab00a9;
}

.mid_section .news_area .patch .desc .label {
    background: #00bb3e;
}

.mid_section .news_area .esports .desc .label {
    background: #236cff;
}

.mid_section .news_area .list .event .thum_img:after {
    background: url('./pointblank.id/images/common/icon_lt_o.png') 0 0 no-repeat;
}

.mid_section .news_area .list .event .con:before {
    background: url('./pointblank.id/images/common/icon_rb_o.png') 0 0 no-repeat;
}

.mid_section .news_area .list .promo .thum_img:after {
    background: url('./pointblank.id/images/common/icon_lt_p.png') 0 0 no-repeat;
}

.mid_section .news_area .list .promo .con:before {
    background: url('./pointblank.id/images/common/icon_rb_p.png') 0 0 no-repeat;
}

.mid_section .news_area .list .patch .thum_img:after {
    background: url('./pointblank.id/images/common/icon_lt_g.png') 0 0 no-repeat;
}

.mid_section .news_area .list .patch .con:before {
    background: url('./pointblank.id/images/common/icon_rb_g.png') 0 0 no-repeat;
}

.mid_section .news_area .list .esports .thum_img:after {
    background: url('./pointblank.id/images/common/icon_lt_bl.png') 0 0 no-repeat;
}

.mid_section .news_area .list .esports .con:before {
    background: url('./pointblank.id/images/common/icon_rb_bl.png') 0 0 no-repeat;
}

.mid_section .news_area .list .con:hover .thum_img {
    margin-bottom: 0;
}

.mid_section .news_area .list .con:hover .thum_img img {
    transform: translate(-50%, -50%) scale(1.1);
    transition: all 400ms ease;
}

.mid_section .news_area .list .con:hover .thum_img:after {
    width: 38px;
    height: 38px;
    background: url('./pointblank.id/images/common/icon_lt_b.png') 0 0 no-repeat;
}

.mid_section .news_area .list .con:hover .desc {
    height: 24.6rem;
    transition: all 400ms ease;
    background: rgba(0, 0, 0, 0.5);
}

.mid_section .news_area .list .con:hover:before {
    width: 38px;
    height: 38px;
    background: url('./pointblank.id/images/common/icon_rb_b.png') 0 0 no-repeat;
}

.mid_section .news_area .list .con:hover .desc:after,
.mid_section .news_area .list .con:hover .thum_img:before {
    transform: translateX(0);
}

.mid_section .news_area .list .con:hover .desc:before,
.mid_section .news_area .list .con:hover:after {
    transform: translateY(0);
}

.mid_section .news_area .list .con:hover .desc .tit {
    color: #ffdd00;
}

.mid_section .news_area .list .con:hover .desc .txt {
    -webkit-line-clamp: 5;
    height: 96px;
}

.mid_section .news_area .list .con:hover .desc .label {
    position: static;
    transform: none;
    margin: 0 auto 1.5rem;
}




.mid_section .vod_area {
    text-align: center;
    background: url('./pointblank.id/images/common/main/bg_mid_vod.jpg') center center no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    top: 0;
}

.mid_section .vod_area .slick-list {
    padding-left: 15% !important;
    padding-right: 15% !important;
    margin-bottom: 2rem;
}

.mid_section .vod_area .slick-track {
    max-width: 100% !important;
    transform: translate3d(0, 0, 0) !important;
    perspective: 100px;
}

.mid_section .vod_area .slick-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    width: 100% !important;
    transform: translate3d(0, 0, 0);
    transition: transform 1s, opacity 1s;
}

.mid_section .vod_area .slick-snext,
.mid_section .vod_area .slick-sprev {
    display: block;
}

.mid_section .vod_area .slick-current {
    opacity: 1;
    position: relative;
    display: block;
    z-index: 2;
    transition: none;
}

.mid_section .vod_area .slick-snext {
    opacity: 1;
    transform: translate3d(27%, 0, 0);
    z-index: 1;
}

.mid_section .vod_area .slick-sprev {
    opacity: 1;
    transform: translate3d(-27%, 0, 0);
}

.mid_section .vod_area .con {
    display: block;
    width: 100%;
    position: relative;
    background: #000000;
    border: 1px solid #000;
}

.mid_section .vod_area .con .name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: normal;
    padding: 1.5rem 2rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    color: #000000;
    font-weight: 700;
    letter-spacing: 0.01rem;
}

.mid_section .vod_area .slick-snext .con,
.mid_section .vod_area .slick-sprev .con {
    transform: scale(0.9);
    position: relative;
}

.mid_section .vod_area .slick-snext .con:before,
.mid_section .vod_area .slick-sprev .con:before {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.mid_section .vod_area .slick-snext .con .name,
.mid_section .vod_area .slick-sprev .con .name {
    display: none;
}

.mid_section .vod_area .slick-center .con:before,
.mid_section .vod_area .slick-center .con:after {
    z-index: 2;
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.mid_section .vod_area .slick-center .con:before {
    transition: 0.3s;
    top: 0;
    left: 0;
    background-image: url('./pointblank.id/images/common/icon_lt.png');
}

.mid_section .vod_area .slick-center .con:after {
    transition: 0.3s;
    bottom: 0;
    right: 0;
    background-image: url('./pointblank.id/images/common/icon_rb.png');
}

.mid_section .vod_area .slick-center .con:hover:before {
    width: 38px;
    height: 38px;
    background: url('./pointblank.id/images/common/icon_lt_b.png') 0 0 no-repeat;
}

.mid_section .vod_area .slick-center .con:hover:after {
    width: 38px;
    height: 38px;
    background: url('./pointblank.id/images/common/icon_rb_b.png') 0 0 no-repeat;
}

.mid_section .vod_area .youtube_thum {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.mid_section .vod_area .youtube_thum:before {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    border: 3px solid #ffdd00;
}

.mid_section .vod_area .slick-center .con:hover .youtube_thum:before {
    display: block;
}

.mid_section .vod_area .youtube_thum {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.mid_section .vod_area .youtube_thum iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.mid_section .vod_area .youtube_thum img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.mid_section .vod_area .s_link {
    z-index: 1;
    opacity: 1;
    background: none;
}

.mid_section .vod_area .s_link:before,
.mid_section .vod_area .s_link:after {
    top: 50%;
    left: 50%;
    margin-left: -75px;
    margin-top: -70px;
    content: '';
    display: block;
    position: absolute;
    width: 149px;
    height: 136px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.mid_section .vod_area .s_link:before {
    background-image: url('./pointblank.id/images/common/media/icon_play.png');
}

.mid_section .vod_area .s_link:after {
    background-image: url('./pointblank.id/images/common/media/icon_play_round.png');
}

.mid_section .vod_area .s_link:hover:after {
    animation: circle1AnimationMove 5s ease infinite;
}

.mid_section .vod_area .btn_video_arr {
    vertical-align: middle;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    transition: none;
    background-position: 0 0;
    width: 27px;
    font-size: 0px;
    display: inline-block;
    z-index: 99;
    height: 22px;
    border: none;
}

.mid_section .vod_area .btn_video_l {
    background-image: url('./pointblank.id/images/common/main/main_arr_l.png');
    margin-right: 1.9rem;
}

.mid_section .vod_area .btn_video_r {
    background-image: url('./pointblank.id/images/common/main/main_arr_r.png');
    margin-left: 1.9rem;
}

.mid_section .vod_area .btn_video_arr:hover {
    background-position: 0 -22px;
}

.mid_section .vod_area .btn_video_arr.slick-hidden {
    cursor: default;
}

.mid_section .vod_area .slick-dots {
    vertical-align: middle;
    text-align: center;
    display: inline-block;
}

.mid_section .vod_area .slick-dots li {
    display: inline-block;
    font-size: 0px;
    margin: 0 1.1rem;
    vertical-align: top;
}

.mid_section .vod_area .slick-dots li>button {
    cursor: pointer;
    font-size: 0;
    display: block;
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    text-indent: -9999px;
    border: 1px solid #fff;
}

.mid_section .vod_area .slick-dots li>button:hover {
    background: rgba(255, 221, 0, 0.8);
    border-color: #ffea00;
}

.mid_section .vod_area .slick-dots li.slick-active>button {
    background: rgba(255, 221, 0, 0.8);
    border-color: #ffea00;
}

/* mid_section */
.rank_section {
    font-size: 0;
    margin-bottom: 4px;
}

.rank_section>div {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 4px) / 2);
    padding: 7rem 11.6rem;
    position: relative;
}

.rank_section .title {
    margin-bottom: 13rem;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.05rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    position: relative;
}

.rank_section .title span {
    color: #ffdd00;
}

.rank_section .title .go_read {
    position: absolute;
    top: 1rem;
    right: 0;
}

.rank_section .indi_area {
    margin-right: 4px;
    background: url('./pointblank.id/images/common/main/bg_individu.jpg') right center no-repeat;
    background-size: cover;
}

.rank_section .clan_area {
    background: url('./pointblank.id/images/common/main/bg_clan.jpg') left center no-repeat;
    background-size: cover;
}

.rank_section .list {
    font-size: 0;
    position: relative;
}

.rank_section .list:after {
    content: '';
    display: block;
    clear: both;
}

.rank_section .list li {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 3.8rem) / 3);
}

.rank_section .list li.win01 {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
}

.rank_section .list li.win02 {
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
}

.rank_section .list li.win03 {
    float: right;
}

.rank_section .list li .con {
    padding: 11.5rem 2rem 2rem;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 208px;
    position: relative;
    border: 2px solid transparent;
    border-image-slice: 1 !important;
    border-left: none;
    border-right: none;
}

.rank_section .list li.win01 .con {
    padding-top: 12.5rem;
    background-image: url('./pointblank.id/images/common/main/bg_win01.png');
    height: 248px;
    border-image: linear-gradient(to right, #d7be1a, #b37c0f);
}

.rank_section .list li.win02 .con {
    padding-top: 13.5rem;
    height: 228px;
    background-image: url('./pointblank.id/images/common/main/bg_win02.png');
    border-image: linear-gradient(to right, #f7f7f7, #9e9e9e);
    border-bottom: none;
}

.rank_section .list li.win03 .con {
    background-image: url('./pointblank.id/images/common/main/bg_win03.png');
    border-image: linear-gradient(to right, #e8d09c, #806835);
    border-bottom: none;
}

.rank_section .list li .win {
    padding-top: 1rem;
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 34px;
    font-weight: 700;
    width: 82px;
    height: 77px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.rank_section .list li.win01 .win {
    top: -3.2rem;
    padding-top: 5rem;
    background-image: url('./pointblank.id/images/common/main/label_win01.png');
    height: 117px;
    color: #997733;
}

.rank_section .clan_area .list li.win01 .win {
    background-image: url('./pointblank.id/images/common/main/label_win01_clan.png');
    color: #997733;
}

.rank_section .list li.win02 .win {
    background-image: url('./pointblank.id/images/common/main/label_win02.png');
    color: #777777;
}

.rank_section .list li.win03 .win {
    background-image: url('./pointblank.id/images/common/main/label_win03.png');
    color: #806835;
}

.rank_section .list .user {
    margin-bottom: 1.2rem;
}

.rank_section .list .user a {
    max-width: 100%;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: normal;
}

.rank_section .list .user a img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 6px;
}

.rank_section .list .exp {
    font-size: 14px;
    color: #87cfff;
    font-family: 'Roboto';
    letter-spacing: 0.05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: normal;
}

.rank_section .list .user a:hover {
    text-decoration: underline;
}

.rank_section .list li.win01 .con:before,
.rank_section .list li.win01 .con:after {
    transition: all ease-in-out 0.2s;
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.rank_section .list li.win01 .con:before {
    top: 1rem;
    left: 1rem;
    background-image: url('./pointblank.id/images/common/icon_lt.png');
}

.rank_section .list li.win01 .con:after {
    bottom: 1rem;
    right: 1rem;
    background-image: url('./pointblank.id/images/common/icon_rb.png');
}

.rank_section .list li.win01:hover .con:before {
    top: -0.2rem;
    left: 0;
}

.rank_section .list li.win01:hover .con:after {
    bottom: -0.2rem;
    right: 0;
}

/* new shop*/
.shop_area {
    max-height: 832px;
    border-top: 1px solid transparent;
    border-image: linear-gradient(to right, #12ff90, #c8ffe5, #19ff94);
    border-image-slice: 1;
    background: url('https://pointblank.id/images/common/main/bg_shoparea.jpg') center center no-repeat;
    padding: 7rem 0 8rem;
    overflow: hidden;
    position: relative;
    margin: 4px 0;
    background-size: cover;
}

.shop_area .btn_shop_arr {
    font-size: 0;
    top: 50%;
    position: absolute;
    margin-top: -26px;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    transition: none;
    background-position: 0 0;
    width: 42px;
    font-size: 0px;
    display: inline-block;
    z-index: 101;
    height: 52px;
    border: none;
}

.shop_area .btn_shop_l {
    background-image: url('./pointblank.id/images/common/arr_big_l.png');
    left: 11.6rem;
}

.shop_area .btn_shop_r {
    background-image: url('./pointblank.id/images/common/arr_big_r.png');
    right: 11.6rem;
}

.shop_area .btn_shop_arr:hover {
    background-position: 0 -52px;
}

.shop_area .btn_shop_arr.slick-hidden {
    cursor: default;
    display: none;
}

.shop_area .title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 6rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.05rem;
}

.shop_area .title span {
    color: #ffdd00;
}

.shop_area .title .go_read {
    position: absolute;
    top: 7.2rem;
    right: 14rem;
}

.shop_area .item_wrap {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    max-width: 1705px;
}

.shop_area .tit_wrap {
    margin-bottom: 4rem;
    position: relative;
}

.shop_area .tit_wrap h3 {
    font-size: 34px;
    color: #fff;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
}

.shop_area .tit_wrap h3 span {
    color: #ff55ee;
}

.shop_area .tit_wrap h4 {
    color: #aaaaaa;
    font-size: 14px;
    font-family: 'Roboto';
    letter-spacing: 0.02em;
}

.shop_area .tit_wrap .btn_more {
    padding-right: 3rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 4.8rem;
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 4.8rem;
    text-align: center;
}

.shop_area .tit_wrap .btn_more:before {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 2.4rem;
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url('./pointblank.id/images/common/webshop/icon_more.png');
}

.shop_area .tit_wrap .btn_more:hover:before {
    background-position: 0 -8px;
}

.shop_area .item_wrap .item_list {
    font-size: 0;
    text-align: left;
}

.shop_area .item_wrap .item_list .slick-slide {
    width: 20%;
    margin: 0 1.8rem;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.shop_area .item_wrap .item_list .con {
    transition: all ease-in-out 0.2s;
    -webkit-backdrop-filter: var(blur(10px));
    backdrop-filter: blur(10px);
    position: relative;
    text-align: center;
}

.shop_area .item_wrap .item_list .con img {
    display: inline;
}

.shop_area .item_wrap .item_list .item {
    position: relative;
    z-index: -1;
    max-height: 343px;
}

.shop_area .item_wrap .item_list .img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: rgba(255, 255, 255, 0.05);
}

.shop_area .item_wrap .item_list .img img {
    width: 100%;
  
}

.shop_area .item_wrap .item_list .desc {
    transition: all ease-in-out 0.2s;
    position: relative;
    height: 168px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333333;
    padding: 0 2.4rem 7.2rem;
    flex-direction: column;
    z-index: 1;
}

.shop_area .item_wrap .item_list .desc:before {
    transition: all ease-in-out 0.2s;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #666666;
}

.shop_area .item_wrap .item_list .desc .name {
    font-size: 18px;
    color: #fff;
    font-family: 'Roboto';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.shop_area .item_wrap .item_list .state {
    font-size: 0;
    margin-top: 2px;
}

.shop_area .item_wrap .item_list .state span {
    display: inline-block;
    vertical-align: top;
    font-family: 'Roboto';
    color: #ffdd00;
    letter-spacing: 0.02em;
    border-radius: 4px;
    padding: 2px 0.6rem 1px;
    text-transform: uppercase;
    border: 1px solid #ffdd00;
    font-size: 11px;
    margin: 3px;
}

.shop_area .item_wrap .item_list .state .hot {
    color: #ff55ee;
    border-color: #ff55ee;
}

.shop_area .item_wrap .item_list .state .limit {
    color: #66ff33;
    border-color: #66ff33;
}

.shop_area .item_wrap .item_list .state .random {
    color: #44bbff;
    border-color: #44bbff;
}

.shop_area .item_wrap .item_list .desc .price {
    padding: 0.9rem 0.4rem 0.9rem 0;
    position: absolute;
    bottom: 2.4rem;
    left: 2.4rem;
    right: 2.4rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.6rem;
    margin-top: 1.9rem;
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    font-family: 'Roboto';
}

.shop_area .item_wrap .item_list .desc .price img {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 0.8rem;
}

.shop_area .item_wrap .item_list .desc .price .del_line {
    color: #aaaaaa;
    position: relative;
}

.shop_area .item_wrap .item_list .desc .price .del_line:after {
    content: '';
    margin: 0 0.7rem;
    display: inline-block;
    width: 2.4rem;
    height: 0.9rem;
    background: url('./pointblank.id/images/common/webshop/icon_del.png') right center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.shop_area .item_wrap .item_list .desc .price .del_line:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 3.6rem;
    height: 1px;
    background: #aaa;
    top: 50%;
}

.shop_area .item_wrap .item_list .desc .price .del_line+font {
    color: #ffff00;
}

.shop_area .item_wrap .item_list .soldout .desc .price {
    display: none;
}

.shop_area .item_wrap .item_list .soldout .con:before {
    content: '';
    display: block;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 11;
    border-radius: 0.6rem;
    border: 1px solid #000000;
}

.shop_area .item_wrap .item_list .soldout .con:after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 9;
    border-radius: 0.6rem;
    background: url(./pointblank.id/images/common/webshop/lock_hide_lt.png) no-repeat 0 0, url(https://pointblank.id/images/common/webshop/lock_hide_rt.png) no-repeat right 0, url(https://pointblank.id/images/common/webshop/lock_hide_rb.png) no-repeat right bottom, url(https://pointblank.id/images/common/webshop/lock_hide_lb.png) no-repeat 0 bottom;
}

.shop_area .item_wrap .item_list .soldout .info {
    border-color: #555;
    color: #555;
}

.shop_area .item_wrap .item_list .soldout .info li {
    border-color: #555;
    color: #ff4444;
}

.shop_area .item_wrap .item_list .soldout .info span {
    color: #999999;
}

.shop_area .item_wrap .item_list .soldout .info font {
    color: #999999;
}

.shop_area .item_wrap .item_list .soldout .txt {
    height: 48px;
    line-height: 48px;
    border-radius: 0.6rem;
    bottom: 2.4rem;
    left: 1.2rem;
    right: 1.2rem;
    z-index: 11;
    position: absolute;
    color: #ff4444;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-family: 'Chakra Petch';
    background: rgba(0, 0, 0, 0.9);
}

.shop_area .item_wrap .item_list .soldout .info .through {
    text-align: left;
    color: #ff4444;
    text-decoration: line-through;
}

.shop_area .lv_wrap {
    display: inline-block;
    width: max-content;
    transition: background ease-in-out 0.2s;
    font-size: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    background: #333;
    border-radius: 0.8rem 0.8rem 0 0;
    padding: 0.8rem 0.8rem 0;
    box-shadow: 0 0 4.8rem rgba(0, 0, 0, 0.3);
    white-space: nowrap;
}

.shop_area .lv_wrap .lv {
    z-index: 1;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 0 0.5rem;
    border: 1px solid #ddcc44;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.4rem;
}

.shop_area .lv_wrap .lv img {
    vertical-align: middle;
    width: 20px;
}

.shop_area .lv_wrap .lv img:nth-child(2) {
    margin-left: 10px;
}

.shop_area .lv_wrap .lv:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 6px;
    background: url('./pointblank.id/images/common/webshop/icon_lv.png') 0 0 no-repeat;
}

.shop_area .lv_wrap .season {
    position: relative;
    z-index: 1;
    height: 30px;
    line-height: 31px;
    background: #dd8800;
    border-radius: 0.4rem;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 500;
    color: #fff;
    padding: 0 1.2rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.shop_area .lv_wrap .season.two {
    font-size: 0;
    line-height: 1;
    text-align: center;
}

.shop_area .lv_wrap .season.two span {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.6rem;
    padding-top: 0.4rem;
}

.shop_area .lv_wrap .season.two span:last-child {
    margin-right: 0;
}

.shop_area .lv_wrap .season.two font {
    display: block;
    font-size: 10px;
    color: #ffddaa;
}

.shop_area .lv_wrap .season.two:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 6px;
    background: url('./pointblank.id/images/common/webshop/icon_lv02.png') 0 0 no-repeat;
}

.shop_area .lv_wrap .lv+.season {
    margin-left: 0.8rem;
    padding: 0 1.2rem;
}

.shop_area .lv_wrap.over {
    background-color: rgba(0, 0, 0, 0.6) !important;
    z-index: 10;
    box-shadow: none;
}

.shop_area .item_wrap .item_list .sale {
    padding-top: 1.8rem;
    background: linear-gradient(to bottom, #ff4400, #ff7733);
    display: block;
    top: 1.2rem;
    right: 1.2rem;
    position: absolute;
    border-radius: 50%;
    width: 7.2rem;
    height: 7.2rem;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.shop_area .item_wrap .item_list .sale font {
    display: block;
    margin-top: -3px;
    font-family: 'Roboto';
    font-size: 20px;
    color: #ffff00;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.shop_area .item_wrap .item_list .info {
    margin-top: 1.2rem;
    word-break: break-word;
    position: relative;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0.6rem;
    border: 0.2rem solid #00ee11;
    font-family: 'Roboto';
    font-weight: 400;
    color: #66ff33;
}

.shop_area .item_wrap .item_list .info li {
    margin: 0;
    justify-content: space-between;
    padding: 1rem 2rem;
    display: flex;
    position: relative;
    text-align: left;
    font-size: 12px;
    min-height: 36px;
    align-items: center;
    border-bottom: 1px solid rgba(0, 238, 17, 0.5);
    letter-spacing: 0.02em;
}

.shop_area .item_wrap .item_list .info li:last-child {
    border-bottom: 0;
}

.shop_area .item_wrap .item_list .info span {
    color: #ffff00;
    display: block;
    flex-grow: 1;
    text-align: right;
}

.shop_area .item_wrap .item_list .info font {
    color: #fff;
}

.shop_area .item_wrap .item_list .rate {
    padding: 0.7rem 2.4rem;
    display: inline-block;
    border-radius: 18px;
    background: rgba(119, 51, 0, 0.9);
    margin-bottom: 2.4rem;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    color: #fff;
    font-family: 'Roboto';
}

.shop_area .item_wrap .item_list .rate>span {
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.2rem;
    position: relative;
    width: 11.4rem;
}

.shop_area .item_wrap .item_list .rate>span img {
    vertical-align: middle;
}

.shop_area .item_wrap .item_list .rate .ing {
    display: block;
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url('./pointblank.id/images/common/webshop/star_rating_on.png') 0 center no-repeat;
    background-size: 11.4rem auto;
}

.shop_area .item_wrap .item_list .lock {
    padding-top: 11.4rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('./pointblank.id/images/common/webshop/ptn_lock.png') 0 0 repeat, url('./pointblank.id/images/common/webshop/bg_lock_icon.png') left 8px top 8px no-repeat, url('./pointblank.id/images/common/webshop/bg_lock_icon.png') right 8px top 8px no-repeat, url('./pointblank.id/images/common/webshop/bg_lock_icon.png') left 8px bottom 8px no-repeat, url('./pointblank.id/images/common/webshop/bg_lock_icon.png') right 8px bottom 8px no-repeat;
    ;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid #999;
    border-radius: 0.6rem;
    z-index: 2;
}

.shop_area .item_wrap .item_list .lock:after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: url(https://pointblank.id/images/common/webshop/lock_hide_lt.png) no-repeat 0 0, url(https://pointblank.id/images/common/webshop/lock_hide_rt.png) no-repeat right 0, url(https://pointblank.id/images/common/webshop/lock_hide_rb.png) no-repeat right bottom, url(https://pointblank.id/images/common/webshop/lock_hide_lb.png) no-repeat 0 bottom;
    z-index: 1;
}

.shop_area .item_wrap .item_list .lock img {
    margin: 0 6px;
    max-width: calc((100% - 72px) / 2);
}

.shop_area .item_wrap .item_list .lock.prm {
    border-color: #eecc00;
}

.shop_area .item_wrap .item_list .special .item .img {
    background: url('https://pointblank.id/images/common/webshop/bg_special.jpg') center center no-repeat;
    background-size: cover;
}

.shop_area .item_wrap .item_list .special .item:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #77ee22;
}

.shop_area .item_wrap .item_list .special .item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-image: linear-gradient(to bottom, #77ee22, rgba(0, 0, 0, 0));
    border-image-slice: 1;
}

.shop_area .item_wrap .item_list .random .item .img {
    background: url('./pointblank.id/images/common/webshop/bg_randombox.jpg') center center no-repeat;
    background-size: cover;
}

.shop_area .item_wrap .item_list .random .item:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #44ccff;
}

.shop_area .item_wrap .item_list .random .item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-image: linear-gradient(to bottom, #44ccff, rgba(0, 0, 0, 0));
    border-image-slice: 1;
}

.shop_area .item_wrap .item_list .con:hover {
    box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.4);
}

.shop_area .item_wrap .item_list .con:hover .desc {
    background: #000;
}

.shop_area .item_wrap .item_list .con:hover .desc:before {
    width: 100%;
    transition: all ease-in-out 0.2s;
}

.shop_area .item_wrap .item_list .con:hover .shop_area .lv_wrap {
    background: #000 !important;
}

.shop_area .item_wrap .item_list .con:hover .desc .price {
    background: rgba(255, 255, 255, 0.15);
}

.shop_area .item_wrap .item_list .special .con:hover .desc:before {
    background: #77ee22;
}

.shop_area .item_wrap .item_list .random .con:hover .desc:before {
    background: #44ccff;
}

.shop_area .item_wrap .item_list .con:hover .lock {
    background: none;
    border: none;
    top: auto;
    bottom: 172px;
    left: 1.2rem;
    right: auto;
    padding-top: 0;
}

.shop_area .item_wrap .item_list .con:hover .lock img {
    display: block;
    margin: 6px 0;
    max-width: 100%;
}

.shop_area .item_wrap .item_list .con:hover .lock:after {
    display: none;
}

.shop_area .item_wrap .item_list .con:hover .shop_area .lv_wrap.over {
    background: #000 !important;
}

.shop_area .item_wrap .item_list .con .lock.out {
    background: none;
    border: none;
    top: auto;
    bottom: 172px;
    left: 1.2rem;
    right: auto;
    padding-top: 0;
}

.shop_area .item_wrap .item_list .con .lock.out img {
    display: block;
    margin: 6px 0;
    max-width: 100%;
}

.shop_area .item_wrap .item_list .con .lock.out:after {
    display: none;
}

.shop_area .item_wrap .item_list .soldout .con:hover {
    box-shadow: none;
}

.shop_area .item_wrap .item_list .soldout .con:hover .shop_area .lv_wrap {
    background: #333 !important;
}

.shop_area .item_wrap .item_list .soldout .con:hover .desc {
    background: #333;
}

.shop_area .item_wrap .item_list .soldout .con:hover .desc:before {
    width: 0;
}

.shop_area .item_wrap .item_list .inactive .s_link {
    display: none;
}

.shop_area .item_wrap .item_list .inactive .desc .name,
.shop_area .item_wrap .item_list .inactive .desc .price {
    color: #777 !important;
}

.shop_area .item_wrap .item_list .inactive .state span {
    color: #777;
    border-color: #777;
}

.shop_area .item_wrap .item_list .inactive .con:hover .desc,
.shop_area .item_wrap .item_list .inactive .con:hover .state {
    background: #333;
}

.shop_area .item_wrap .item_list .inactive .con:hover .desc:bemain/fore {
    width: 0;
}

.shop_area .item_wrap .item_list .inactive .img:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
}

.shop_area .item_wrap .item_list .inactive.special .img,
.shop_area .item_wrap .item_list .inactive.random .img {
    position: relative;
    z-index: 1;
}

.shop_area .item_wrap .item_list .check input:disabled {
    z-index: 10;
}

.shop_area .item_wrap .item_list .check input:disabled+label:before,
.shop_area .item_wrap .item_list .check input:disabled+label:after {
    background: url('./pointblank.id/images/common/webshop/check_no.png') center center no-repeat;
    box-shadow: inset 0 0 0 1px #666666;
}

.shop_area .item_wrap .item_list .check input:disabled+label {
    cursor: default;
}

.shop_area .item_wrap .rd_list {
    padding: 2.4rem 2.4rem 1.2rem;
    background: #222222 url('./pointblank.id/images/common/webshop/ptn_gnb.png') 0 0 repeat;
    display: none;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #44ccff, #66ff88);
    border-image-slice: 1;
}

.shop_area .item_wrap .rd_list ul li {
    margin: 0 1.2rem;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1.2rem;
    width: 12rem;
}

.shop_area .item_wrap .rd_list ul .rd_item {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    width: 100%;
    height: 12rem;
}

.shop_area .item_wrap .rd_list ul .rd_item img {
    max-width: 100%;
    max-height: 100%;
}

.shop_area .item_wrap .rd_list ul span {
    font-size: 12px;
    color: #999999;
    font-weight: 500;
    font-family: 'Roboto';
    line-height: 1.1;
    display: block;
    text-align: center;
    margin-top: 1rem;
    word-break: break-word;
    width: 100%;
}

.shop_area .item_wrap .item_list .btn_rdl {
    cursor: pointer;
    display: block;
    border-radius: 1.2rem;
    background-color: rgba(255, 255, 255, 0.1);
    width: 8.4rem;
    height: 8.4rem;
    font-size: 0;
    position: absolute;
    top: 50%;
    right: 3.6rem;
    transform: translate(0, -50%);
    z-index: 12;
}

.shop_area .item_wrap .item_list .btn_rdl:before {
    content: '';
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 6.8rem;
    height: 4.4rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url('./pointblank.id/images/common/webshop/arr_open_ov.png');
    background-size: 100% auto;
}

.shop_area .item_wrap .item_list .btn_rdl.open {
    transform: translate(0, -50%) scaleY(-1);
}

.shop_area .item_wrap .item_list .btn_rdl:hover:before {
    background-position: 0 -4.4rem;
}

/* top badge */
.top_badge {
    position: absolute;
    top: 82px;
    right: 0;
}

.top_badge>a {
    display: inline-block;
    position: relative;
    animation: bbc 0.5s ease-in infinite alternate;
    width: 19rem;
}

.top_badge>a img {
    max-width: 100%;
}

.top_badge>a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 25.8%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 25px;
    height: 5px;
    animation: dot 1s steps(4) infinite;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url('./pointblank.id/images/common/clan/motion_dot.png');
}

/* new */
.new .inner {
    max-width: 1704px;
}

.new .shop_area {
    padding-top: 6rem;
}

.new .shop_area .title {
    font-size: 40px;
    font-weight: 100;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 5rem;
}

.new .mid_section>div {
    display: block;
    width: 100%;
}

.new .mid_section .vod_area {
    position: relative;
    top: auto;
    bottom: auto;
}

.new .go_read {
    transition: all ease-in-out 0.2s;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #fff;
    font-size: 0;
}

.new .go_read:before {
    display: none;
}

.new .go_read:after {
    transition: all ease-in-out 0.2s;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    margin-left: -7px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url('https://pointblank.id/images/common/main/icon_main_more.png');
}

.new .go_read:hover {
    border-color: #FF0000;
    background: rgba(255, 0, 0, 0.4);
}

.new .go_read:hover:after {
    background-image: url('https://pointblank.id/images/common/main/icon_main_more_ov.png');
}

.new .mid_section .title {
    font-size: 40px;
    font-weight: 100;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 5rem;
    text-align: center;
}

.new .mid_section {
    margin-bottom: 2px;
}

.new .mid_section .news_area {
    background: url(https://pointblank.id/images/common/main/bg_news.jpg) center center no-repeat;
    margin-bottom: 2px;
    background-size: cover;
    margin-right: 0;
}

.new .mid_section .news_area:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 400rem;
    background: url('https://pointblank.id/images/common/main/bg_news_cloud.png') 0 bottom repeat;
    animation: cloudLoop 100s linear infinite;
    background-size: auto 100%;
}

.new .mid_section .news_area .news_list {
    overflow: hidden;
    position: relative;
}

.new .mid_section .news_area .news_list li {
    width: calc(100% / 3);
    float: left;
    padding-left: 3.6rem;
    margin-bottom: 3.6rem;
}

.new .mid_section .news_area .news_list .con {
    height: 100%;
    display: flex;
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.new .mid_section .news_area .news_list .con>div {
    width: 50%;
    flex-grow: 1;
}

.new .mid_section .news_area .news_list .desc {
    padding: 0 1.2rem 1.2rem;
}

.new .mid_section .news_area .news_list .desc .tit {
    margin-bottom: 1rem;
}

.new .mid_section .news_area .news_list .desc .tit:before {
    transition: all ease-in-out 0.3s;
    background: rgba(0, 0, 0, 0.5);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    right: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.new .mid_section .news_area .news_list .desc .tit span {
    font-size: 18px;
    max-height: 47px;
    line-height: 1.3;
    word-break: break-word;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #e5e5e5;
}

.new .mid_section .news_area .news_list .desc .txt {
    margin-top: 0.6rem;
    font-size: 13px;
    max-height: 55px;
    line-height: 1.4;
    font-family: 'Roboto';
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #b2b2b2;
}

.new .mid_section .news_area .news_list .desc .label {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin-top: -7px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 11px;
}

.new .mid_section .news_area .news_list .desc .date {
    font-size: 13px;
    color: #7e7e7e;
    font-weight: 500;
    font-family: 'Roboto';
    margin-top: 1.2rem;
}

.new .mid_section .news_area .news_list .con:before,
.new .mid_section .news_area .news_list .con:after {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    z-index: 1;
    transition: 0.3s;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ffdd00;
}

.new .mid_section .news_area .news_list .con:before {
    top: 0;
    transform: translateX(-101%);
}

.new .mid_section .news_area .news_list .con:after {
    bottom: 0;
    transform: translateX(101%);
}

.new .mid_section .news_area .news_list .thum_img {
    position: relative;
}

.new .mid_section .news_area .news_list .thum_img:before,
.new .mid_section .news_area .news_list .thum_img:after {
    transition: 0.3s;
    z-index: 2;
    width: 18px;
    height: 18px;
    content: '';
    display: block;
    position: absolute;
}

.new .mid_section .news_area .news_list .thum_img:before {
    top: 0;
    left: 0;
    background: url('./pointblank.id/images/common/icon_lt.png') 0 0 no-repeat;
}

.new .mid_section .news_area .news_list .thum_img:after {
    bottom: 0;
    right: 0;
    background: url('./pointblank.id/images/common/icon_rb.png') 0 0 no-repeat;
}

.new .mid_section .news_area .news_list .desc:before,
.new .mid_section .news_area .news_list .desc:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    background: #ffdd00;
    width: 3px;
    height: 100%;
    transition: 0.3s;
}

.new .mid_section .news_area .news_list .desc:before {
    transform: translateY(-100%);
    top: 0;
    left: 0;
}

.new .mid_section .news_area .news_list .desc:after {
    transform: translateY(100%);
    right: 0;
    bottom: 0;
}

.new .mid_section .news_area .news_list .first {
    margin-bottom: 0;
    padding-left: 0;
}

.new .mid_section .news_area .news_list .first .con>div {
    width: 100%;
}

.new .mid_section .news_area .news_list .first .desc {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2.4rem;
    background: radial-gradient(circle at left bottom, #000 5%, rgba(255, 255, 255, 0) 50%);
}

.new .mid_section .news_area .news_list .first .desc .tit {
    width: 50%;
}

.new .mid_section .news_area .news_list .first .desc .tit:before {
    width: 100%;
    top: auto;
    bottom: 0;
    left: 0;
    height: 0;
}

.new .mid_section .news_area .news_list .first .desc .tit span {
    font-size: 24px;
    height: auto;
    max-height: 56px;
    line-height: 1.16;
}

.new .mid_section .news_area .news_list .first .desc .label {
    margin-top: 0;
}

.new .mid_section .news_area .news_list .first .desc .txt {
    width: 50%;
    font-size: 14px;
    max-height: 59px;
}

.new .mid_section .news_area .news_list .first .desc .date {
    width: 50%;
}

.new .mid_section .news_area .news_list .thum_img {
    height: 100%;
}

.new .mid_section .news_area .news_list .thum_img span {
    height: 0;
    position: relative;
    padding-top: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.5);
}

.new .mid_section .news_area .news_list .thum_img span img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    min-width: 0;
}

.new .mid_section .news_area .news_list .event .thum_img:before {
    background: url('./pointblank.id/images/common/icon_lt_o.png') 0 0 no-repeat;
}

.new .mid_section .news_area .news_list .event .thum_img:after {
    background: url('./pointblank.id/images/common/icon_rb_o.png') 0 0 no-repeat;
}

.new .mid_section .news_area .news_list .promo .thum_img:before {
    background: url('./pointblank.id/images/common/icon_lt_p.png') 0 0 no-repeat;
}

.new .mid_section .news_area .news_list .promo .thum_img:after {
    background: url('./pointblank.id/images/common/icon_rb_p.png') 0 0 no-repeat;
}

.new .mid_section .news_area .news_list .patch .thum_img:before {
    background: url('./pointblank.id/images/common/icon_lt_g.png') 0 0 no-repeat;
}

.new .mid_section .news_area .news_list .patch .thum_img:after {
    background: url('./pointblank.id/images/common/icon_rb_g.png') 0 0 no-repeat;
}

.new .mid_section .news_area .news_list .esports .thum_img:before {
    background: url('./pointblank.id/images/common/icon_lt_bl.png') 0 0 no-repeat;
}

.new .mid_section .news_area .news_list .esports .thum_img:after {
    background: url('./pointblank.id/images/common/icon_rb_bl.png') 0 0 no-repeat;
}

.mid_section .news_area .list .con:before {
    transition: 0.3s;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    content: '';
    display: block;
    position: absolute;
    background: url('https://pointblank.id/images/common/icon_rb.png') 0 0 no-repeat;
}

.mid_section .news_area .list .con:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    background: #ffdd00;
    width: 3px;
    height: 100%;
    transition: 0.3s;
    transform: translateY(-100%);
    top: 0;
    left: 0;
}

.new .mid_section .news_area .news_list .con:hover .desc .tit:before {
    width: 70%;
}

.new .mid_section .news_area .news_list .con:hover .desc .tit span {
    position: relative;
    z-index: 1;
    left: -20%;
    color: #ffdd00;
}

.new .mid_section .news_area .news_list .con:hover .desc .txt {
    position: relative;
    left: -20%;
}

.new .mid_section .news_area .news_list .con:hover .desc .date {
    position: relative;
    left: -20%;
}

.new .mid_section .news_area .news_list .con:hover .desc .label {
    left: -20%;
}

.new .mid_section .news_area .news_list .con:hover .desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.new .mid_section .news_area .news_list .con:hover:before {
    transform: translateX(0);
}

.new .mid_section .news_area .news_list .con:hover:after {
    transform: translateX(0);
}

.new .mid_section .news_area .news_list .con:hover .desc:before {
    transform: translateY(0);
}

.new .mid_section .news_area .news_list .con:hover .desc:after {
    transform: translateY(0);
}

.new .mid_section .news_area .news_list .con:hover .thum_img {
    position: static;
}

.new .mid_section .news_area .news_list .con:hover .thum_img:before {
    width: 38px;
    height: 38px;
    background: url('https://pointblank.id/images/common/icon_lt_b.png') 0 0 no-repeat !important;
}

.new .mid_section .news_area .news_list .con:hover .thum_img:after {
    width: 38px;
    height: 38px;
    background: url('https://pointblank.id/images/common/icon_rb_b.png') 0 0 no-repeat !important;
    ;
}

.new .mid_section .news_area .news_list .first .con:hover .desc {
    justify-content: flex-end;
}

.new .mid_section .news_area .news_list .first .con:hover .desc .txt {
    left: auto;
}

.new .mid_section .news_area .news_list .first .con:hover .desc .tit span {
    left: auto;
}

.new .mid_section .news_area .news_list .first .con:hover .desc .date {
    left: auto;
}

.new .mid_section .news_area .news_list .first .con:hover .desc .label {
    left: auto;
}

.new .mid_section .news_area .news_list .first .con:hover .desc .tit:before {
    height: 40%;
    width: 100%;
}

.new .mid_section .vod_slide_wrap {
    padding-right: calc(28.75% + 3.6rem);
    position: relative;
}

.new .mid_section .vod_slide_wrap .list {
    box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.4);
}

.new .mid_section .vod_slide_wrap .list .vod {
    position: relative;
    height: 0;
    padding-top: 46.15%;
}

.new .mid_section .vod_slide_wrap .list li {
    display: none;
    position: relative;
}

.new .mid_section .vod_slide_wrap .list li:first-child {
    display: block;
}

.new .mid_section .vod_slide_wrap .list .vod iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.new .mid_section .vod_slide_wrap .list .desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 2.4rem;
    z-index: 1;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
}

.new .mid_section .vod_slide_wrap .list .tit {
    font-size: 26px;
    overflow: hidden;
    max-width: 100%;
    font-weight: 700;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: normal;
    color: #ffffff;
}

.new .mid_section .vod_slide_wrap .list .txt {
    margin-top: 2rem;
    font-size: 14px;
    max-height: 72px;
    line-height: 1.7;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #ffffff;
}

.new .mid_section .vod_slide_wrap .list .vod.on+.desc {
    display: none;
}

.new .mid_section .vod_slide_wrap .vod_nav {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 28.75%;
    margin-left: 3.6rem;
}

.new .mid_section .vod_slide_wrap .vod_nav ul {
    height: 100%;
}

.new .mid_section .vod_slide_wrap .vod_nav ul li {
    height: calc((100% - 6rem) / 4);
    margin-bottom: 2rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.3);
    cursor: pointer;
    position: relative;
}

.new .mid_section .vod_slide_wrap .vod_nav ul li:last-child {
    margin-bottom: 0;
}

.new .mid_section .vod_slide_wrap .vod_nav .con {
    position: relative;
    height: 100%;
    padding-left: 43.5%;
    background: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
}

.new .mid_section .vod_slide_wrap .vod_nav .thum {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 43.5%;
}

.new .mid_section .vod_slide_wrap .vod_nav .thum:before {
    transition: all ease-in-out 0.2s;
    content: '';
    display: block;
    position: absolute;
    width: 66px;
    height: 66px;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
    background: url('https://pointblank.id/images/common/main/arr_vod_lt_r.png') 0 0 no-repeat, url('https://pointblank.id/images/common/main/arr_vod_rt_r.png') right 0 no-repeat, url('./pointblank.id/images/common/main/arr_vod_lb_r.png') 0 bottom no-repeat, url('./pointblank.id/images/common/main/arr_vod_rb_r.png') right bottom no-repeat, url('https://pointblank.id/images/common/main/icon_youtube.png') center center no-repeat;
    z-index: 1;
}

.new .mid_section .vod_slide_wrap .vod_nav .thum img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all ease-in-out 0.2s;
}

.new .mid_section .vod_slide_wrap .vod_nav .desc {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2.4rem;
    height: 100%;
}

.new .mid_section .vod_slide_wrap .vod_nav .desc .txt {
    transition: all ease-in-out 0.2s;
    height: auto;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Roboto';
    line-height: 1.28;
}

.new .mid_section .vod_slide_wrap .vod_nav .act:before {
    content: '';
    display: block;
    position: absolute;
    left: -11px;
    top: 50%;
    width: 11px;
    height: 22px;
    background: url('https://pointblank.id/images/common/main/arr_vod_tab.png') 0 0 no-repeat;
    margin-top: -11px;
}

.new .mid_section .vod_slide_wrap .vod_nav .act .con {
    overflow: hidden;
}

.new .mid_section .vod_slide_wrap .vod_nav .act .con:before {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, 0.5);
}

.new .mid_section .vod_slide_wrap .vod_nav .act .con:after {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0.3rem solid #ffdd00;
}

.new .mid_section .vod_slide_wrap .vod_nav .act .thum:before {
    width: auto;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    top: 12px;
    bottom: 12px;
    left: 12px;
    right: 12px;
    background: url('https://pointblank.id/images/common/main/arr_vod_lt_y.png') 0 0 no-repeat, url('https://pointblank.id/images/common/main/arr_vod_rt_y.png') right 0 no-repeat, url('./pointblank.id/images/common/main/arr_vod_lb_y.png') 0 bottom no-repeat, url('./pointblank.id/images/common/main/arr_vod_rb_y.png') right bottom no-repeat, url('./pointblank.id/images/common/main/icon_youtube.png') center center no-repeat;
}

.new .mid_section .vod_slide_wrap .vod_nav .act .thum img {
    max-width: none;
    height: auto;
    width: 300%;
}

.new .mid_section .vod_slide_wrap .vod_nav .act .desc .txt {
    position: relative;
    color: #ffdd00;
    z-index: 2;
}




.new .mid_section>div {
    padding: 6rem 0 8rem;
}

.new .mid_section .vod_wrap {
    background: url(https://pointblank.id/images/common/main/bg_vod.jpg) center center no-repeat;
    background-size: cover;
}

.new .rank_section .inner {
    font-size: 0;
}

.new .rank_section {
    padding: 6rem 0 4.4rem;
    background: url(https://pointblank.id/images/common/main/bg_rank.jpg) center center no-repeat;
    background-size: cover;
}

.new .rank_section>div {
    display: block;
    width: auto;
    padding: 0;
}

.new .rank_section .title {
    font-size: 40px;
    font-weight: 100;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 5rem;
    text-align: center;
}

.new .rank_section .indi_area,
.new .rank_section .clan_area {
    background: none;
    width: calc((100% - 3.6rem) / 2);
    display: inline-block;
    vertical-align: top;
}

.new .rank_section .indi_area {
    margin-right: 3.6rem;
}

.new .rank_section .list {
    overflow: hidden;
    padding-left: calc(50% + 1.8rem);
    margin-left: -3.6rem;
}

.new .rank_section .list li {
    margin-bottom: 3.6rem;
    display: block;
    margin-bottom: 3.6rem;
    width: 100%;
    padding: 0;
    padding-left: 3.6rem;
}

.new .rank_section .list li .con {
    padding: 0 2.4rem 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    border-image: linear-gradient(to right, #ffdd00, #ffdd00);
}

.new .rank_section .list li .con:before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ffdd00;
    background: url('./pointblank.id/images/common/clan/dot_y02.jpg') 0 0 no-repeat, url('./pointblank.id/images/common/clan/dot_y02.jpg') right 0 no-repeat, url('./pointblank.id/images/common/clan/dot_y.jpg') 0 bottom no-repeat, url('./pointblank.id/images/common/clan/dot_y.jpg') right bottom no-repeat;
}

.new .rank_section .list li .con:after {
    z-index: -1;
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #ffdd00;
    transition: all ease-in-out 0.2s;
}

.new .rank_section .list .user {
    max-width: 100%;
    margin-top: 0.7rem;
    margin-bottom: 0;
}

.new .rank_section .list .user a {
    font-size: 14px;
}

.new .rank_section .list .exp {
    color: #ffdd00;
    overflow: visible;
    white-space: normal;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2);
}

.new .rank_section .list .exp:before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    right: 0;
    top: -2px;
    height: 2px;
    background: url('./pointblank.id/images/common/clan/dot_y.jpg') 0 0 no-repeat, url('./pointblank.id/images/common/clan/dot_y.jpg') right 0 no-repeat;
}

.new .rank_section .list .exp span {
    color: #bbbbbb;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 1rem;
    vertical-align: middle;
}

.new .rank_section .list li .win {
    font-size: 25px;
    color: #ffdd00;
    font-weight: 700;
    transform: none;
    left: 1.4rem;
    top: 1.5rem;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url('./pointblank.id/images/common/main/bg_win_indi02.png');
}

.new .rank_section .list li.win01 .con:before {
    width: auto;
    height: auto;
}

.new .rank_section .list li.win01 {
    position: absolute;
    transform: none;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    margin-left: 0;
}

.new .rank_section .list li.win01 .con {
    height: 100%;
    border-bottom: none;
    padding-bottom: 6rem;
}

.new .rank_section .list li.win01 .con:after {
    width: auto;
    height: auto;
    background: none;
}

.new .rank_section .list li.win01 .win {
    width: 7.6rem;
    height: 7.6rem;
    background-image: url('./pointblank.id/images/common/main/bg_win_indi01.png');
}

.new .rank_section .list li.win01 .user {
    max-width: 100%;
    margin-top: 3.2rem;
}

.new .rank_section .list li.win01 .user a {
    font-size: 20px;
}

.new .rank_section .list li.win01 .exp {
    height: 6rem;
}

.new .rank_section .clan_area .list li.win01 .win {
    color: #00ffcc;
    background-image: url('./pointblank.id/images/common/main/bg_win_clan02.png');
}

.new .rank_section .clan_area .list li.win01 .win {
    color: #00ffcc;
    background-image: url('./pointblank.id/images/common/main/bg_win_clan01.png');
}

.new .rank_section .clan_area .list li .con:after {
    border-color: #00ffcc;
}

.new .rank_section .list li.win02 {
    float: none;
    position: relative;
    left: auto;
    bottom: auto;
}

.new .rank_section .list li.win03 {
    float: none;
}

.new .rank_section .list li.win02 .con,
.new .rank_section .list li.win03 .con {
    height: 169px;
}

.new .rank_section .list li.win02 .rank img,
.new .rank_section .list li.win03 .rank img {
    width: 48px;
}

.new .rank_section .list li.win01:hover .con:before {
    top: 4px;
}

.new .rank_section .list li .con:hover:after {
    opacity: 1;
}

.new .rank_section .list li .con:hover .user a {
    text-decoration: none;
    color: #ffdd00;
}

.new .rank_section .clan_area .list li .con:hover .user .clan_rank {
    color: #fff;
}


.new .rank_section .indi_area .title,
.new .rank_section .clan_area .title {
    text-align: left;
    font-size: 16px;
    color: #ffdd00;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 2rem;
    padding-left: 15px;
}

.new .rank_section .indi_area .title:before,
.new .rank_section .clan_area .title:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url('./pointblank.id/images/common/main/bar_rank_indi.png');
    width: 6px;
    height: 14px;
    margin-top: -7px;
    top: 50%;
}

.new .rank_section .clan_area .title {
    color: #00ffcc;
}

.new .rank_section .clan_area .list li .con {
    border-image: linear-gradient(to right, #00ffcc, #00ffcc);
}

.new .rank_section .clan_area .title:before {
    background-image: url('./pointblank.id/images/common/main/bar_rank_clan.png');
}

.new .rank_section .clan_area .user a {
    white-space: normal;
}

.new .rank_section .clan_area .user span.name {
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: normal;
    display: block;
}

.new .rank_section .clan_area .clan_rank {
    color: #b1b1b1;
    font-weight: 400;
}

.new .rank_section .clan_area .list .win02 .logo,
.new .rank_section .clan_area .list .win03 .logo {
    top: -1.2rem;
}

.new .rank_section .clan_area .list .win02 .user,
.new .rank_section .clan_area .list .win03 .user {
    margin-top: -3.4rem;
}

.new .rank_section .clan_area .list .win02 .user a img,
.new .rank_section .clan_area .list .win03 .user a img {
    width: 18px;
    height: 18px;
}

.new .rank_section .clan_area .list .win01 .user {
    margin-top: 1.8rem;
}

.new .rank_section .clan_area .list li .con:before {
    border-color: #00ffcc;
    background: url('./pointblank.id/images/common/clan/dot_c02.jpg') 0 0 no-repeat, url('./pointblank.id/images/common/clan/dot_c02.jpg') right 0 no-repeat, url('./pointblank.id/images/common/clan/dot_c.jpg') 0 bottom no-repeat, url('./pointblank.id/images/common/clan/dot_c.jpg') right bottom no-repeat;
}

.new .rank_section .clan_area .list .exp {
    color: #00ffcc;
}

.new .rank_section .clan_area .list .exp:before {
    background: url('./pointblank.id/images/common/clan/dot_c.jpg') 0 0 no-repeat, url('./pointblank.id/images/common/clan/dot_c.jpg') right 0 no-repeat;
}





/* clanmark */
.new .rank_section .logo {
    position: relative;
    width: 106px;
    height: 106px;
    overflow: hidden;
    transform: scale(0.45);
}

.new .rank_section li.win01 .logo {
    transform: scale(0.9);
}

.new .rank_section .logo img {
    max-width: none;
    position: absolute;
}

.new .rank_section .logo .c_bg {
    z-index: 1;
}

.new .rank_section .logo .c_bg_line {
    z-index: 2;
}

.new .rank_section .logo .c_img {
    z-index: 3;
}

.new .rank_section .logo .c_img_line {
    z-index: 4;
}

.new .rank_section .logo img.bg {
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
}

.new .rank_section .logo img.img_logo {
    z-index: 2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
}

@media screen and (max-width: 2500px) {
    .badge_slide {
        bottom: 15%;
        left: 79%;
    }
}

@media screen and (max-width: 2200px) {
    .mid_section>div {
        padding: 7rem 4.8rem;
    }

    .rank_section>div {
        padding: 7rem 4.8rem;
    }

    .shop_section {
        padding: 5rem 4.8rem 10rem;
    }

    .shop_section .btn_shop_l {
        left: 7rem;
    }

    .shop_section .btn_shop_r {
        right: 7rem;
    }

    .shop_section {
        padding: 7rem 4.8rem 15rem;
    }

    .shop_section .btn_shop_l {
        left: 3.6rem;
    }

    .shop_section .btn_shop_r {
        right: 3.6rem;
    }

    .shop_area {
        padding: 7rem 12rem 8rem;
    }

    .shop_area .btn_shop_l {
        left: 3.6rem;
    }

    .shop_area .btn_shop_r {
        right: 3.6rem;
    }

    .badge_slide {
        bottom: 19%;
        left: 78%;
    }
}

@media screen and (max-width: 1921px) {
    .main_slide .slick-list {
        margin-bottom: 2%;
    }

    .shop_section {
        padding: 7rem 4.8rem 15rem;
    }

    .shop_section .title .go_read {
        right: 4.8rem;
    }

    .shop_section .btn_shop_l {
        left: 2.4rem;
    }

    .shop_section .btn_shop_r {
        right: 2.4rem;
    }

    .shop_area .btn_shop_l {
        left: 2.4rem;
    }

    .shop_area .btn_shop_r {
        right: 2.4rem;
    }

    .main_slide {
        width: 62%;
    }

    .main_slide .slick-slider {
        padding: 2% 0 0;
    }

    .main_slide_wrap .badge {
        width: 180px;
        height: 180px;
        bottom: 6%;
    }

    .main_slide_wrap .badge_set .badge:first-child {
        right: -180px;
    }

    .main_slide_wrap .badge_set .badge:nth-child(3n) {
        right: -180px;
        bottom: 34%;
    }

    .main_slide_wrap .badge_set .badge:nth-child(2n) {
        left: -180px;
    }

    .main_slide_wrap .badge_set .badge:nth-child(4n) {
        left: -180px;
        bottom: 34%;
    }

    .main_slide_wrap .badge_set .badge:nth-child(5n) {
        left: -180px;
        bottom: 62%;
    }

    /* 241119 추가 */
    .badge_slide {
        left: 82%;
        bottom: 10%;
    }

    .badge_slide .badge {
        position: relative;
        right: auto;
        height: auto;
        bottom: auto;
    }

}

@media screen and (max-width: 1800px) {
    .mid_section>div {
        display: block;
        width: 100%;
    }

    .mid_section .vod_area {
        position: relative;
        bottom: auto;
        bottom: auto;
    }

    .mid_section>div {
        padding: 7rem 9.8rem;
    }

    .mid_section .title {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    .mid_section .news_area .list {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    .mid_section .vod_area .rev_slider {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    /* new shop */
    .shop_area .item_wrap .item_list .lock {
        padding-top: 40%;
    }

    .shop_area .item_wrap .item_list .con:hover .lock {
        left: 0.5rem;
    }

    .shop_area .item_wrap .item_list .con .lock.out {
        left: 0.5rem;
    }

    .shop_area .item_wrap .item_list .desc .price {
        left: 1.2rem;
        right: 1.2rem;
    }

    .shop_area .item_wrap .item_list .info li {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .new .inner {
        max-width: none;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .new .rank_section>div.inner {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .new .rank_section .indi_area,
    .new .rank_section .clan_area {
        width: calc((100% - 2.5rem) / 2);
    }

    .new .rank_section .indi_area {
        margin-right: 2.5rem;
    }

    .new .rank_section .list {
        padding-left: calc(50% + 1.25rem);
        margin-left: -2.5rem;
    }

    .new .rank_section .list li {
        margin-bottom: 2.5rem;
        padding-left: 2.5rem;
    }

    .new .mid_section .title {
        max-width: none;
    }
}

@media screen and (max-width: 1680px) {
    .main_slide_wrap .badge_set .badge:nth-child(3n) {
        bottom: 38%;
    }

    .main_slide_wrap .badge_set .badge:nth-child(4n) {
        bottom: 38%;
    }

    .main_slide_wrap .badge_set .badge:nth-child(5n) {
        bottom: 66%;
    }

    .main_slide {
        width: 60%;
    }
}

@media screen and (max-width: 1500px) {
    .shop_section ul {
        margin-left: 3rem;
    }

    .main_slide .slick-list {
        margin-bottom: 1.2%;
    }

    .shop_area {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .main_slide_wrap .badge {
        bottom: 7.2%;
    }

}

@media screen and (max-width: 1440px) {
    .main_slide {
        width: 56%;
    }

    .main_slide .slick-list {
        margin-bottom: 5%;
    }

    .main_slide .slick-dots li>button {
        width: 9px;
        height: 9px;
    }

    .main_slide .slick-slider {
        padding: 3% 0 0;
    }

    .main_slide_wrap .badge_set .badge:nth-child(3n) {
        bottom: 44%;
    }

    .main_slide_wrap .badge_set .badge:nth-child(4n) {
        bottom: 44%;
    }

    .main_slide_wrap .badge_set .badge:nth-child(5n) {
        bottom: 72%;
    }

    .main_slide .slick-arrow {
        width: 10px;
        height: 17px;
        background-size: 100% auto;
    }

    .main_slide .slick-arrow:hover {
        background-position: 0 -17px;
    }

    /* shop_section */
    .shop_section .title .go_read {
        right: 2.5rem;
    }

    .shop_section {
        padding: 5rem 2.5rem 10rem;
    }

    .rank_section>div {
        padding: 7rem 2.5rem;
    }

    .badge_slide {
        left: 79%;
        bottom: 16%;
    }
}

@media screen and (max-width: 1280px) {

    .go_read span,
    .go_read:before {
        display: none;
    }

    .main_slide .slick-list {
        margin-bottom: 2%;
    }

    .main_slide {
        padding-top: 9.6rem;
        width: 54%;
    }

    .main_slide_wrap .badge {
        width: 144px;
        height: 144px;
        bottom: 4%;
    }

    .main_slide_wrap .badge_set .badge:first-child {
        right: -144px;
    }

    .main_slide_wrap .badge_set .badge:nth-child(3n) {
        right: -144px;
        bottom: 40%;
    }

    .main_slide_wrap .badge_set .badge:nth-child(2n) {
        left: -144px;
    }

    .main_slide_wrap .badge_set .badge:nth-child(4n) {
        left: -144px;
        bottom: 40%;
    }

    .main_slide_wrap .badge_set .badge:nth-child(5n) {
        left: -144px;
        bottom: 76%;
    }

    /* 241119 추가 */
    .badge_slide {
        bottom: 3.8rem;
        left: 50% !important;
        transform: translate(-50%, 0);
        position: fixed;
        width: 144px;
        height: 144px;
        top: auto !important;
    }

    .badge_slide .slick-dots li>button {
        box-shadow: 0 0.4rem 0.5rem rgba(0, 0, 0, 0.7);
    }

    .badge_slide .slick-arrow {
        background-position: 0 -24px;
        transform: none;
        background-color: rgba(255, 0, 0, 0.5);
        box-shadow: inset 0 0 0 1px #FF0000;
        border-radius: 2px;
        width: 24px;
        height: 24px;
        margin-top: -12px;
        background-size: 100% auto;
    }

    .badge_slide .slick-arrow:hover {
        background-position: 0 -24px;
    }

    .badge_slide .slick-prev {
        left: -34px;
    }

    .badge_slide .slick-next {
        right: -34px;
    }

    /* shop_section */
    .shop_section .item_wrap .item img {
        max-height: 170px;
    }

    .shop_section {
        background: url(./pointblank.id/images/common/shop/bg_shop_m.html) center 0 no-repeat;
    }

    .shop_section:before,
    .shop_section:after {
        display: none;
    }

    .shop_section ul {
        margin-left: 0;
    }

    .shop_section .title {
        text-align: left;
        position: relative;
        z-index: 1;
    }

    .shop_section .title .go_read {
        right: 0;
        top: 0;
    }

    .shop_section .title .go_read:before {
        display: none;
    }

    .shop_section .title .go_read span {
        display: none;
    }

    .shop_section .con {
        transform: scale(1) !important;
    }

    .shop_section .list .con:hover .item_link {
        display: none;
    }

    .shop_section .list .lv_con {
        left: auto;
        right: 0;
        z-index: 1;
    }

    .shop_section .list .status {
        top: auto;
        right: auto;
        bottom: 1rem;
        left: 1rem;
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 12px;
    }

    .shop_section .btn_shop_arr {
        display: none;
    }

    .shop_section li {
        margin-bottom: 2rem;
    }

    .shop_section .item_wrap {
        font-size: 0;
        position: relative;
        padding-left: 262px;
        min-height: 262px;
        display: table;
        width: 100%;
        padding-bottom: 0;
    }

    .shop_section .item_wrap .item {
        width: 262px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        height: auto;
    }

    .shop_section .item {
        background: rgba(0, 0, 0, 0.2);
    }

    .shop_section .item_wrap .desc {
        position: static;
        display: table-cell;
        vertical-align: middle;
        padding: 0 8rem 0 2rem;
    }

    .shop_section .item_wrap .desc .name {
        padding: 0;
        white-space: normal;
    }

    .shop_section .price {
        background: none;
        padding: 0;
        text-align: left;
        margin-top: 1rem;
    }

    .shop_section .item_wrap .desc .unit {
        margin-left: 0;
        margin-bottom: 1rem;
        letter-spacing: 0.04rem;
    }

    .shop_section .list .type {
        top: 0;
        right: auto;
        left: 8rem;
        z-index: 1;
        border-radius: 0 0 4px 4px;
        font-weight: 500;
        font-family: 'Roboto';
        letter-spacing: 0;
    }

    .shop_section .list .type.special {
        background: #fff;
        border: none;
        color: #129700;
    }

    .shop_section .list .type.random {
        background: #fff;
        border: none;
        color: #1f5dca;
    }

    .shop_section .list .item_link {
        display: block !important;
        border: none;
        background: none;
    }

    .shop_section .list .item_link a {
        border: none;
        background: none;
        font-size: 0;
        color: transparent;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .shop_section .list .item_link a.go_shop_buy {
        display: block;
        background: none;
        font-size: 0;
        border: none;
    }

    .shop_section .list .item_link a:after,
    .shop_section .list .item_link a:before {
        display: none;
    }

    .shop_section .list .item_link .dst,
    .shop_section .list .item_link .dstc {
        display: block;
        height: 100%;
    }

    .shop_section .item_wrap:after {
        right: auto;
        left: 24.4rem;
        bottom: 0;
    }

    .shop_section .list .limited_tit {
        display: none;
    }

    .shop_section .slick-sprev .con,
    .shop_section .slick-snext .con {
        transform: scale(1);
    }


    /* rank_section */
    .rank_section .title {
        margin-bottom: 3.6rem;
    }

    .rank_section>div {
        display: block;
        width: 100%;
    }

    .rank_section .indi_area {
        margin-right: 0;
        margin-bottom: 4px;
    }

    .rank_section .list li {
        display: block;
        width: 100%;
        margin-bottom: 1.9rem;
    }

    .rank_section .list li:last-child {
        margin-bottom: 0;
    }

    .rank_section .list li.win01,
    .rank_section .list li.win02 {
        position: static;
        transform: none;
    }

    .rank_section .list li .win,
    .rank_section .list li.win01 .win {
        left: 3.9rem;
        top: 50%;
        transform: translate(0, -50%);
    }

    .rank_section .list li.win01 .con:before,
    .rank_section .list li.win01 .con:after {
        display: none;
    }

    .rank_section .list li .con,
    .rank_section .list li.win01 .con,
    .rank_section .list li.win02 .con {
        height: auto;
        padding: 6rem 14rem;
    }



    /* new shop */
    .shop_area .title {
        text-align: left;
        position: relative;
        z-index: 1;
    }

    .shop_area .title .go_read {
        right: 0;
        top: 0;
    }

    .shop_area .title .go_read:before {
        display: none;
    }

    .shop_area .title .go_read span {
        display: none;
    }

    .top_badge {
        top: 96px;
    }

    /**/
    .new .rank_section .indi_area,
    .new .rank_section .clan_area {
        display: block;
        width: 100%;
    }

    .new .rank_section .indi_area {
        margin-right: 0;
        margin-bottom: 2.5rem;
    }

    .new .rank_section .list {
        padding: 0;
        margin-left: 0;
    }

    .new .rank_section .list li {
        padding-left: 0;
    }

    .new .rank_section .list li .con {
        padding: 0 2.4rem 0 220px;
        height: 136px;
        align-items: flex-start;
    }

    .new .rank_section .list li .win {
        top: 50%;
        transform: translate(0, -50%);
        left: 4.8rem;
    }

    .new .rank_section .list .exp {
        position: static;
        height: auto !important;
        display: block;
        background: none;
    }

    .new .rank_section .list li .rank {
        position: absolute;
        top: 50%;
        left: 150px;
        transform: translate(0, -50%);
    }

    .new .rank_section .list li .rank img {
        width: 48px;
    }

    .new .rank_section .list .user {
        margin-top: 0;
    }

    .new .rank_section .list li.win01 {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        width: 100%;
    }

    .new .rank_section .list li.win01 .con {
        padding-bottom: 0;
        height: 136px;
    }

    .new .rank_section .list li.win01 .win {
        left: 3.6rem;
    }

    .new .rank_section .list li.win01 .user {
        margin-top: 0;
    }

    .new .rank_section .list li.win02 .con,
    .new .rank_section .list li.win03 .con {
        height: 136px;
    }

    .new .rank_section .logo {
        position: absolute;
        top: 50%;
        left: 120px;
        transform: translate(0, -50%) scale(0.45);
    }

    .new .rank_section .list .user a {
        text-align: left;
    }

    .new .rank_section li.win01 .logo {
        transform: translate(0, -50%) scale(0.45);
    }

    .new .rank_section .clan_area .list .win02 .logo,
    .new .rank_section .clan_area .list .win03 .logo {
        top: 50%;
    }

    .new .rank_section .clan_area .list .win02 .user,
    .new .rank_section .clan_area .list .win03 .user {
        margin-top: 0;
    }

    .new .rank_section .list .exp:before {
        display: none;
    }

    .new .rank_section .list li .con {
        border-top: none;
        border-left: 2px solid;
    }

    .new .rank_section .list li .con:before {
        top: 0;
        left: 4px;
        border-top: none;
        border-left: 1px solid #ffdd00;
        right: auto;
        width: 125px;
    }

    .new .rank_section .list li.win01 .con:before {
        display: block;
        width: 125px;
    }

    .new .rank_section .list li.win01:hover .con:before {
        top: 0;
        left: 4px;
    }

    .new .mid_section .vod_slide_wrap {
        padding-right: 0;
    }

    .new .mid_section .vod_slide_wrap .list {
        box-shadow: none;
    }

    .new .mid_section .vod_slide_wrap .vod_nav {
        position: static;
        width: 100%;
        margin-left: 0;
        margin-top: 3.6rem;
    }

    .new .mid_section .vod_slide_wrap .list .desc {
        display: block;
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        height: auto;
        background: none;
        padding: 0;
        margin-top: 3.6rem;
    }

    .new .mid_section .vod_slide_wrap .list .tit {
        white-space: normal;
        word-break: break-word;
    }

    .new .mid_section .vod_slide_wrap .list .vod {
        padding-top: 56.25%;
    }

    .new .mid_section .vod_slide_wrap .list .txt {
        margin-top: 1.2rem;
    }

    .new .mid_section .vod_slide_wrap .vod_nav ul li {
        height: 103px;
    }

    .new .mid_section .vod_slide_wrap .vod_nav .thum {
        left: 10px;
        width: 147px;
        height: 83px;
        bottom: auto;
        top: 50%;
        transform: translate(0, -50%);
    }

    .new .mid_section .vod_slide_wrap .vod_nav .con {
        padding-left: 167px;
    }

    .new .mid_section .vod_slide_wrap .vod_nav .desc {
        justify-content: flex-start;
    }

    .new .mid_section .vod_slide_wrap .vod_nav .act:before {
        display: none;
    }

    .new .mid_section .vod_slide_wrap .vod_nav .act .thum {
        top: 0;
        left: 0;
        transform: none;
    }

    .new .mid_section .vod_slide_wrap .vod_nav .act .thum img {
        width: 800%;
    }

    .new .mid_section .vod_slide_wrap .vod_nav .act .thum:before {
        right: -12px;
        bottom: -12px;
    }

    .new .mid_section .news_area .news_list .first {
        margin-bottom: 3.6rem;
    }

    .new .mid_section .news_area .news_list li {
        display: block;
        padding-left: 0;
        width: 100%;
        float: none;
    }

    .new .mid_section .news_area .news_list .con .thum_img,
    .new .mid_section .news_area .news_list .first .con .thum_img {
        width: 22.4rem;
        flex-shrink: 0;
    }

    .new .mid_section .news_area .news_list .con>div {
        flex-grow: 0;
        width: 100%;
    }

    .new .mid_section .news_area .news_list .con:hover .desc .tit:before {
        width: calc(100% - 12.4rem);
    }

    .new .mid_section .news_area .news_list .first .con>div {
        width: 100%;
    }

    .new .mid_section .news_area .news_list .first .desc {
        background: none;
        position: static;
        padding: 0 1.2rem 1.2rem;
        justify-content: center;
    }

    .new .mid_section .news_area .news_list .first .desc .tit {
        width: 100%;
    }

    .new .mid_section .news_area .news_list .first .desc .txt {
        width: 100%;
    }

    .new .mid_section .news_area .news_list .first .desc .date {
        width: 100%;
    }

    .new .mid_section .news_area .news_list .first .desc .tit:before {
        left: auto;
        top: 0;
        width: 0;
        height: auto;
    }

    .new .mid_section .news_area .news_list .first .con:hover .desc .tit:before {
        width: calc(100% - 12.4rem);
        height: 100%;
    }

    .new .mid_section .news_area .news_list .first .desc .tit span {
        font-size: 18px;
        max-height: 47px;
    }

    .new .mid_section .news_area .news_list .first .con:hover .desc {
        justify-content: center;
    }

    .new .mid_section .news_area .news_list .first .con:hover .desc .tit span {
        left: -20%;
    }

    .new .mid_section .news_area .news_list .first .con:hover .desc .label {
        left: -20%;
    }

    .new .mid_section .news_area .news_list .first .con:hover .desc .txt {
        left: -20%;
    }

    .new .mid_section .news_area .news_list .first .con:hover .desc .date {
        left: -20%;
    }

    .new .mid_section .title,
    .new .rank_section .title {
        text-align: left;
    }



}

@media screen and (max-width: 1023px) {
    .main_slide {
        width: 100%;
        padding-top: 9.6rem;
    }

    .main_slide .slick-list {
        margin-bottom: 4%;
    }

    .main_slide .slick-slider {
        padding: 37% 0 0;
    }

    .main_slide .slick-dots {
        bottom: 10rem;
    }

    .main_slide_wrap>img {
        transform: none;
        height: auto;
        width: 100%;
        left: 0;
        right: 0;
    }

    .main_slide_wrap {
        overflow: visible;
        max-height: none;
        height: auto !important;
    }

    .main_slide_wrap.m_height {
        padding-bottom: 100%;
    }

    .main_slide_wrap .badge {
        right: 1.25rem;
        bottom: 20px;
        transform: translate(0, 50%);
    }

    .main_slide_wrap .badge_set .badge:first-child {
        right: 1.25rem;
    }

    .main_slide_wrap .badge_set .badge:nth-child(3n) {
        right: 1.25rem;
        bottom: 180px;
    }

    .main_slide_wrap .badge_set .badge:nth-child(2n) {
        left: 1.25rem;
    }

    .main_slide_wrap .badge_set .badge:nth-child(4n) {
        left: 1.25rem;
        bottom: 180px;
    }

    .main_slide_wrap .badge_set .badge:nth-child(5n) {
        left: 1.25rem;
        bottom: 340px;
    }

    /* mid_section */
    .mid_section .title {
        margin-bottom: 3.6rem;
    }

    .mid_section>div {
        display: block;
        width: 100%;
    }

    .mid_section .news_area {
        margin-right: 0;
        margin-bottom: 4px;
    }

    .mid_section .vod_area {
        position: relative;
    }

    .mid_section .news_area .list {
        margin-left: 0;
    }

    .mid_section .news_area .list li {
        width: 100%;
        padding-left: 0;
        display: block;
        margin-bottom: 2rem;
    }

    .mid_section .news_area .list li:last-child {
        margin-bottom: 0;
    }

    .mid_section .news_area .list .con {
        height: 22.4rem;
        width: 100%;
        font-size: 0;
    }

    .mid_section .news_area .list .thum_img {
        display: inline-block;
        vertical-align: top;
        padding: 0;
        width: 22.4rem;
        height: 100%;
        background: rgba(0, 0, 0) url('./pointblank.id/images/common/default/thumb_default_media.png') center 50% no-repeat;
        background-size: 50%;
    }

    .mid_section .news_area .list .con .desc:before,
    .mid_section .news_area .list .con .thum_img:before {
        display: none;
    }

    .mid_section .news_area .list .desc:after,
    .mid_section .news_area .list .con:after {
        display: none;
    }

    .mid_section .news_area .list .desc {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 22.4rem);
        height: 100%;
        left: auto;
        right: auto;
        bottom: auto;
        position: relative;
    }

    .mid_section .news_area .list .con:hover .desc {
        height: 100%;
    }

    .mid_section .news_area .list .con:hover .desc .label {
        margin: 0;
    }

    .mid_section .news_area .list .desc .tit {
        height: auto;
        max-height: 39px;
        margin: 1.5rem 0;
    }

    .mid_section .news_area .list .desc .txt {
        height: 58px;
        -webkit-line-clamp: 3;
    }

    .mid_section .news_area .list .con:hover .desc .txt {
        height: 58px;
        -webkit-line-clamp: 3;
    }

    .mid_section .news_area .desc .label {
        background: #ffdd00;
        transform: none;
        font-weight: 700;
        position: static;
    }

    .mid_section .vod_area .slick-snext {
        opacity: 0.6;
        transform: translate3d(0, 50%, 0px);
        z-index: 1;
    }

    .mid_section .vod_area .slick-sprev {
        opacity: 0.6;
        transform: translate3d(0, -33%, 0px);
    }

    .mid_section .vod_area .slick-list {
        padding: 15% 0 !important;
    }

    .mid_section .vod_area .con .name {
        display: none;
    }

    .mid_section .vod_area .slick-current .con .name {
        display: block;
    }

    .mid_section>div {
        padding: 7rem 2.5rem;
    }

    /* new shop */
    .shop_area {
        padding: 6rem 1.3rem;
    }

    .shop_area .btn_shop_arr {
        display: none !important;
    }

    .shop_area .slick-list {
        overflow: visible;
    }

    .shop_area .item_wrap .item_list .slick-slide {
        margin: 0 1.2rem;
    }

    .shop_area .title {
        padding: 0 1.2rem;
    }


    .badge_slide .badge {
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        transform: none;
        height: auto;
    }

}

@media screen and (max-width: 768px) {

    /**/
    .main_slide {
        padding-top: 58px;
    }

    .main_slide .slick-dots li>button {
        width: 9px;
        height: 9px;
    }

    .main_slide_wrap.m_height {
        padding-bottom: 60%;
    }

    .main_slide_wrap .badge {
        width: 96px;
        height: 96px;
    }

    .main_slide_wrap .badge_set .badge:nth-child(3n) {
        bottom: 126px;
    }

    .main_slide_wrap .badge_set .badge:nth-child(4n) {
        bottom: 126px;
    }

    .main_slide_wrap .badge_set .badge:nth-child(5n) {
        bottom: 232px;
    }

    /* 241119 추가 */
    .badge_slide {
        width: 96px;
        height: 96px;
    }

    /**/
    .shop_section .item_wrap .item img {
        max-height: 75px;
    }

    .shop_section .title {
        font-size: 2.9rem;
    }

    .shop_section .item_wrap {
        padding-left: 120px;
        min-height: 120px;
    }

    .shop_section .item_wrap .item {
        width: 120px;
    }

    .shop_section .list .status {
        width: 35px;
        height: 35px;
        font-size: 1.9rem;
        line-height: 35px;
        bottom: 1.4rem;
        left: 1.4rem;
        letter-spacing: 0;
        font-size: 2.1rem;
    }

    .shop_section .list .type {
        height: 15px;
        line-height: 15px;
        font-size: 2rem;
        left: 4rem;
    }

    .shop_section .item_wrap .desc .unit {
        font-size: 2rem;
        border-radius: 2px;
    }

    .shop_section .item_wrap .desc .name {
        font-size: 2.9rem;
        font-weight: 500;
        line-height: 1.16;
    }

    .shop_section .price {
        font-size: 2.8rem;
    }

    .shop_section .price:before {
        width: 15px;
        height: 15px;
        background-size: 15px auto;
        margin-right: 4px;
    }

    .shop_section .price .del_p {
        position: relative;
        top: 1px;
    }

    .shop_section .list .lock .con:before {
        padding: 9.5rem 8rem;
        font-size: 2.3rem;
    }

    .shop_section .item_wrap:before,
    .shop_section .item_wrap:after {
        width: 9px;
        height: 9px;
        background-size: 9px auto;
    }

    .shop_section .item_wrap:after {
        left: 21.8rem;
    }

    /* mid_section */
    .mid_section .news_area .list .con {
        height: 25.8rem;
    }

    .mid_section .news_area .list .thum_img {
        width: 25.8rem;
    }

    .mid_section .news_area .list .desc {
        width: calc(100% - 25.8rem);
    }

    .mid_section .title {
        font-size: 2.9rem;
    }

    .mid_section .news_area .list .con:hover .thum_img:after,
    .mid_section .news_area .list .thum_img:after,
    .mid_section .news_area .list .con:before,
    .mid_section .vod_area .slick-center .con:before,
    .mid_section .vod_area .slick-center .con:after {
        width: 9px !important;
        height: 9px !important;
        background-size: 9px auto !important;
    }

    .mid_section .news_area .desc .label {
        font-size: 2rem;
        height: 19px;
        line-height: 19px;
        width: 70px;
    }

    .mid_section .news_area .list .desc .tit {
        font-size: 2.5rem;
        max-height: 47px;
    }

    .mid_section .vod_area .slick-dots li>button {
        width: 9px;
        height: 9px;
    }

    .mid_section .vod_area .btn_video_arr {
        width: 16px;
        height: 13px;
        background-size: 16px auto;
    }

    .mid_section .vod_area .btn_video_arr:hover {
        background-position: 0 -13px;
    }

    .mid_section .news_area .list .desc .txt {
        font-size: 2.1rem;
        line-height: normal;
        height: 39px;
    }

    /* rank_section */
    .rank_section .title {
        font-size: 2.9rem;
    }

    .rank_section .list li .win {
        width: 49px;
        height: 46px;
        background-size: 49px auto;
        font-size: 4.3rem;
    }

    .rank_section .list li.win01 .win {
        height: 70px;
        padding-top: 6rem;
    }

    .rank_section .list li .con,
    .rank_section .list li.win01 .con,
    .rank_section .list li.win02 .con {
        padding-left: 16rem;
        padding-right: 2.5rem;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

    .rank_section .list .user a {
        font-size: 2.9rem;
    }

    .rank_section .list .user a img {
        width: 12px;
        height: 12px;
        margin-right: 4px;
    }

    .rank_section .list .exp {
        font-size: 2.3rem;
    }

    .main_slide .slick-slider {
        padding: 32% 0 0;
    }

    /* new shop */
    .shop_area .item_wrap .item_list .desc {
        height: 140px;
        padding-bottom: 9.6rem;
    }

    .shop_area .item_wrap .item_list .desc .name {
        font-size: 2.7rem;
        -webkit-line-clamp: 2;
    }

    .shop_area .item_wrap .item_list .state span {
        font-size: 1.7rem;
        margin: 0.3rem;
    }

    .shop_area .item_wrap .item_list .desc .price {
        font-size: 3.4rem;
    }

    .shop_area .item_wrap .item_list .desc .price img {
        width: 17px;
        top: -1px;
    }

    .shop_area .item_wrap .item_list .con:hover .lock {
        left: 1.2rem;
        width: 3.6rem;
        bottom: 140px;
    }

    .shop_area .item_wrap .item_list .con .lock.out {
        left: 1.2rem;
        width: 3.6rem;
        bottom: 140px;
    }

    .shop_area .item_wrap .item_list .desc .price .del_line:after {
        top: -1px;
    }

    .shop_area .item_wrap .item_list .rate {
        font-size: 2.6rem;
    }

    .shop_area .item_wrap .item_list .sale {
        font-size: 2.3rem;
        letter-spacing: 0;
        padding-top: 6px;
    }

    .shop_area .item_wrap .item_list .sale font {
        font-size: 2.3rem;
    }

    .goods .shop_area .item_wrap .item_list {
        min-width: 960px;
    }

    .shop_area .item_wrap .item_list .soldout .txt {
        font-size: 2.6rem;
        height: 30px;
        line-height: 30px;
    }

    .shop_area .title {
        font-size: 2.9rem;
    }

    .shop_area .item_wrap .item_list .info li {
        font-size: 2rem;
        min-height: 21px;
        letter-spacing: 0;
    }

    .shop_area .lv_wrap .lv {
        height: 20px;
        line-height: 20px;
    }

    .shop_area .lv_wrap .lv img {
        width: 15px;
        position: relative;
        top: -1px;
    }

    .shop_area .lv_wrap .season {
        height: 20px;
        line-height: 20px;
    }

    .shop_area .lv_wrap .lv+.season {
        font-size: 2.5rem;
    }

    .shop_area .lv_wrap .season.two span {
        font-size: 2.1rem;
    }

    .shop_area .lv_wrap .season.two font {
        font-size: 1.6rem;
    }

    .top_badge {
        top: 58px;
    }

    .top_badge>a:before {
        bottom: 24.8%;
    }

    /**/
    .new .rank_section .title {
        font-size: 4.9rem;
    }

    .new .rank_section .list li .win {
        background-size: 100% auto;
        font-size: 3.4rem;
        padding-top: 0;
        width: 30px;
        height: 30px;
    }

    .new .rank_section .list li .con {
        height: 80px;
        padding-left: 130px;
    }

    .new .rank_section .list li .rank {
        left: 80px;
    }

    .new .rank_section .list .user a {
        font-size: 2.9rem;
    }

    .new .rank_section .list li.win01 .con {
        height: 80px;
    }

    .new .rank_section .list li.win02 .con,
    .new .rank_section .list li.win03 .con {
        height: 80px;
    }

    .new .rank_section .list li.win01 .win {
        width: 45px;
        height: 45px;
    }

    .new .rank_section .list li.win01 .user a {
        font-size: 2.9rem;
    }

    .new .rank_section .list .exp {
        font-size: 2.5rem;
    }

    .new .rank_section .list li .rank img {
        width: 30px;
    }

    .new .rank_section .list li.win02 .rank img,
    .new .rank_section .list li.win03 .rank img {
        width: 30px;
    }

    .new .rank_section .logo,
    .new .rank_section li.win01 .logo {
        transform: translate(0, -50%) scale(0.3);
        left: 44px;
    }

    .new .rank_section .clan_area .list .win02 .user a img,
    .new .rank_section .clan_area .list .win03 .user a img {
        width: 12px;
        height: 12px;
    }

    .new .rank_section .indi_area .title,
    .new .rank_section .clan_area .title {
        font-size: 2.5rem;
    }

    .new .rank_section .list li .con:before {
        width: 70px;
    }

    .new .rank_section .list li.win01 .con:before {
        width: 70px;
    }

    .new .mid_section .title {
        font-size: 4.9rem;
    }

    .new .shop_area .title {
        font-size: 4.9rem;
    }

    .new .mid_section .vod_slide_wrap .list .tit {
        font-size: 3.5rem;
    }

    .new .mid_section .vod_slide_wrap .list .txt {
        font-size: 2.3rem;
    }

    .new .mid_section .vod_slide_wrap .vod_nav .desc .txt {
        font-size: 2.3rem;
    }

    .new .mid_section .vod_slide_wrap .vod_nav ul li {
        height: 60px;
    }

    .new .mid_section .vod_slide_wrap .vod_nav .thum {
        width: 86px;
        height: 48px;
    }

    .new .mid_section .vod_slide_wrap .vod_nav .con {
        padding-left: 106px;
    }

    .new .mid_section .vod_slide_wrap .vod_nav .thum:before {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px;
        background-size: 1.2rem auto, 1.2rem auto, 1.2rem auto, 1.2rem auto, 3.2rem auto !important;
    }

    .new .mid_section .vod_slide_wrap .vod_nav .act .thum:before {
        bottom: -1rem;
        right: -1rem;
        left: 2rem;
        top: 2rem;
    }

    .new .mid_section .news_area .news_list .desc .tit span,
    .new .mid_section .news_area .news_list .first .desc .tit span {
        font-size: 2.4rem;
        max-height: 32px;
    }

    .new .mid_section .news_area .news_list .desc .txt,
    .new .mid_section .news_area .news_list .first .desc .txt {
        font-size: 2.2rem;
        line-height: normal;
        max-height: 42px;
    }

    .new .mid_section .news_area .news_list .desc .date {
        font-size: 2rem;
    }

    .new .mid_section .news_area .news_list .desc .label {
        margin-top: 0;
        font-size: 1.8rem;
    }

    .rank_section .title .go_read {
        top: 0;
    }

    .mid_section .title .go_read {
        top: 0;
    }

    .new .mid_section .news_area .news_list .thum_img:before,
    .new .mid_section .news_area .news_list .thum_img:after {
        width: 1.8rem;
        height: 1.8rem;
        background-size: 100% auto !important;
    }

}

@media screen and (max-width: 330px) {
    .shop_section .item_wrap .desc .name {
        font-size: 2.4rem;
    }

    .shop_section .item_wrap .desc .unit {
        font-size: 1rem;
        padding: 2px;
    }
}


@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes badge {
    100% {
        top: -20px;
        text-shadow: 0 1px 0 #CCC,
            0 2px 0 #CCC,
            0 3px 0 #CCC,
            0 4px 0 #CCC,
            0 5px 0 #CCC,
            0 6px 0 #CCC,
            0 7px 0 #CCC,
            0 8px 0 #CCC,
            0 9px 0 #CCC,
            0 50px 25px rgba(0, 0, 0, .2);
    }
}


@keyframes heartbeat {
    to {
        transform: scale(1.05);
    }
}

@keyframes badge1 {
    0% {
        transform: translate3d(0, 10px, 0) scale(1.2, 0.85);
    }

    100% {
        transform: translate3d(0, -20px, 0) scale(0.9, 1.1);
    }
}

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

    25% {
        transform: rotate(160deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(160deg);
    }

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

@keyframes dot {
    from {
        background-position: 0 5px;
    }

    to {
        background-position: 0 -15px;
    }
}


@keyframes cloudLoop {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-50%, 0, 0);
    }
}