.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('/images/common/main/main_arr_l_new.png'); margin-right:1.9rem;}
.main_slide .slick-next {background-image:url('/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('/images/common/main/badge_sl_l.png'); margin-right:0; left:-20%;}
.badge_slide .slick-next {background-image:url('/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('/images/common/shop/bg_shop.jpg') 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('/images/common/shop/bg_shop_light01.png') 0 0 no-repeat; background-size: cover; width:17%; animation: fadeInDown 0.2s forwards; }
.shop_section:after {right:0; background:url('/images/common/shop/bg_shop_light02.png') 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('/images/common/arr_big_l.png'); left:11.6rem;}
.shop_section .btn_shop_r {background-image:url('/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('/images/common/shop/bg_special.jpg') center center no-repeat; background-size:cover;}
.shop_section .random .item {background:url('/images/common/shop/bg_random.jpg') 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('/images/common/icon_lt.png');}
.shop_section .item_wrap:after {bottom:6.2rem; right:0; background-image:url('/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('/images/common/shop/pb_coin.png') 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('/images/common/shop/icon_del.png') 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('/images/common/shop/bar_lv.png'); 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('/images/common/shop/icon_buy.png') 0 0 no-repeat;}
.shop_section .list .item_link a.go_shop_cart:before {width:18px; height:16px; background:url('/images/common/shop/icon_cart.png') 0 0 no-repeat;}
.shop_section .list .item_link a.go_shop_view:before {width:16px; height:15px; background:url('/images/common/shop/icon_view.png') 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('/images/common/shop/lock_img_level.png') 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('/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('/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('/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(/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('/images/common/icon_lt_o.png') 0 0 no-repeat;} 
.mid_section .news_area .list .event .con:before {background:url('/images/common/icon_rb_o.png') 0 0 no-repeat;} 

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

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

.mid_section .news_area .list .esports .thum_img:after {background:url('/images/common/icon_lt_bl.png') 0 0 no-repeat;} 
.mid_section .news_area .list .esports .con:before {background:url('/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('/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('/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('/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('/images/common/icon_lt.png');}
.mid_section .vod_area .slick-center .con:after {transition: 0.3s; bottom:0; right:0; background-image:url('/images/common/icon_rb.png');}
.mid_section .vod_area .slick-center .con:hover:before {width:38px; height:38px; background:url('/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('/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('/images/common/media/icon_play.png');}
.mid_section .vod_area .s_link:after {background-image:url('/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('/images/common/main/main_arr_l.png'); margin-right:1.9rem;}
.mid_section .vod_area .btn_video_r {background-image:url('/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('/images/common/main/bg_individu.jpg') right center no-repeat; background-size:cover;}
.rank_section .clan_area { background:url('/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('/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('/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('/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('/images/common/main/label_win01.png'); height:117px; color:#997733;}
.rank_section .clan_area .list li.win01 .win {background-image:url('/images/common/main/label_win01_clan.png');  color:#997733;}
.rank_section .list li.win02 .win {background-image:url('/images/common/main/label_win02.png'); color:#777777;}
.rank_section .list li.win03 .win {background-image:url('/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('/images/common/icon_lt.png');}
.rank_section .list li.win01 .con:after {bottom:1rem; right:1rem; background-image:url('/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('/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('/images/common/arr_big_l.png'); left:11.6rem;}
.shop_area .btn_shop_r {background-image:url('/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('/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%; height: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('/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(/images/common/webshop/lock_hide_lt.png) no-repeat 0 0, url(/images/common/webshop/lock_hide_rt.png) no-repeat right 0, url(/images/common/webshop/lock_hide_rb.png) no-repeat right bottom, url(/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('/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('/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('/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('/images/common/webshop/ptn_lock.png') 0 0 repeat, url('/images/common/webshop/bg_lock_icon.png') left 8px top 8px no-repeat, url('/images/common/webshop/bg_lock_icon.png') right 8px top 8px no-repeat, url('/images/common/webshop/bg_lock_icon.png') left 8px bottom 8px no-repeat, url('/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(/images/common/webshop/lock_hide_lt.png) no-repeat 0 0, url(/images/common/webshop/lock_hide_rt.png) no-repeat right 0, url(/images/common/webshop/lock_hide_rb.png) no-repeat right bottom, url(/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('/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('/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:before {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('/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('/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('/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('/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('/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('/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(/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('/images/common/main/bg_news_cloud.png') 0 bottom repeat; animation: cloudLoop 200s 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('/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('/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('/images/common/icon_lt_o.png') 0 0 no-repeat;} 
.new .mid_section .news_area .news_list .event .thum_img:after {background:url('/images/common/icon_rb_o.png') 0 0 no-repeat;} 
.new .mid_section .news_area .news_list .promo .thum_img:before {background:url('/images/common/icon_lt_p.png') 0 0 no-repeat;} 
.new .mid_section .news_area .news_list .promo .thum_img:after {background:url('/images/common/icon_rb_p.png') 0 0 no-repeat;} 
.new .mid_section .news_area .news_list .patch .thum_img:before {background:url('/images/common/icon_lt_g.png') 0 0 no-repeat;}
.new .mid_section .news_area .news_list .patch .thum_img:after {background:url('/images/common/icon_rb_g.png') 0 0 no-repeat;} 
.new .mid_section .news_area .news_list .esports .thum_img:before {background:url('/images/common/icon_lt_bl.png') 0 0 no-repeat;} 
.new .mid_section .news_area .news_list .esports .thum_img:after {background:url('/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('/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('/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('/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('/images/common/main/arr_vod_lt_r.png') 0 0 no-repeat , url('/images/common/main/arr_vod_rt_r.png') right 0 no-repeat, url('/images/common/main/arr_vod_lb_r.png') 0 bottom no-repeat, url('/images/common/main/arr_vod_rb_r.png') right bottom no-repeat, url('/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('/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('/images/common/main/arr_vod_lt_y.png') 0 0 no-repeat , url('/images/common/main/arr_vod_rt_y.png') right 0 no-repeat, url('/images/common/main/arr_vod_lb_y.png') 0 bottom no-repeat, url('/images/common/main/arr_vod_rb_y.png') right bottom no-repeat, url('/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(/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(/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('/images/common/clan/dot_y02.jpg') 0 0 no-repeat , url('/images/common/clan/dot_y02.jpg') right 0 no-repeat , url('/images/common/clan/dot_y.jpg') 0 bottom no-repeat , url('/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('/images/common/clan/dot_y.jpg') 0 0 no-repeat , url('/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('/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('/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('/images/common/main/bg_win_clan02.png');}
.new .rank_section .clan_area .list li.win01 .win {color:#00ffcc; background-image:url('/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('/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('/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('/images/common/clan/dot_c02.jpg') 0 0 no-repeat , url('/images/common/clan/dot_c02.jpg') right 0 no-repeat , url('/images/common/clan/dot_c.jpg') 0 bottom no-repeat , url('/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('/images/common/clan/dot_c.jpg') 0 0 no-repeat , url('/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;}		
}	

@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(/images/common/shop/bg_shop_m.jpg) 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('/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);
  }
}