.dimmed {z-index:99;}
.weapon_all {font-size:0; position:relative; background:rgba(10, 43, 88, 0.6);  min-height:90rem; margin-bottom:-18rem;}
.weapon_all > .left_nav {position:absolute; top:0; left:0; bottom:0; width:26.4rem; border-top:1px solid #ff4444; background:rgba(0, 0, 0, 0.5); padding:6rem 0 6rem 2.4rem;  z-index: 1;}
.weapon_all > .left_nav .depth { position: -webkit-sticky; position: sticky; top:13rem; left:0;}
.weapon_all > .left_nav .depth .depth1 {transition:none; position:relative; display:block; padding:1.4rem 2.4rem 1.2rem; font-size:18px; color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:0.06rem; text-shadow:1px 1px 0 #f00;}
.weapon_all > .left_nav .depth .depth1:before {position:absolute; content:''; left:0.8rem; top:50%; transform:translate(0 ,-50%); width:4px; height:16px; background: linear-gradient(180deg, #f70, #f00); box-shadow: inset 0 0 0 1px rgba(255, 221, 0, 0.4); margin-top: 1px;}
.weapon_all > .left_nav .depth .depth1:hover:before {width:1px; left:0; top:-1px; background: #87cfff; transform: none; height: 100%; box-shadow: none;}
.weapon_all > .left_nav .depth .depth2 {display:none; padding-bottom: 1.3rem; margin-left:2.4rem; position:relative; padding-top: 0;}
.weapon_all > .left_nav .depth .depth2:before {position:absolute; bottom: 1.8rem; left:0; top:0; content:''; display:block; width:1px; background:rgba(255, 255, 255, 0.2);}
.weapon_all > .left_nav .depth .depth2 a {position:relative; padding-left: 3.8rem; margin-bottom:1.7rem; font-size:14px; color:#b2b2b2; text-transform:uppercase; letter-spacing:0.04rem; font-weight:700; line-height: 1.3;}
.weapon_all > .left_nav .depth .depth2 a:before {position:absolute; bottom:0.5rem; left:1px; content:''; display:block; height:1px; width:2.4rem; background:rgba(255, 255, 255, 0.2);}
.weapon_all > .left_nav .depth .depth2 a:after { position:absolute; bottom:0.5rem; left:0; content:''; display:none; top: -2.2rem; width:1px; background:#ff0000;}
.weapon_all > .left_nav .depth .depth2 .red a:after {display:block;}
.weapon_all > .left_nav .depth .depth2 li:first-child {padding-top: 2.2rem;}
.weapon_all > .left_nav .depth .depth2 li:last-child a {margin-bottom:0;}
.weapon_all > .left_nav .depth .depth1:hover {background:rgba(102, 153, 255, 0.2); color:#87cfff; text-shadow: none;}
.weapon_all > .left_nav .depth .depth1:hover:before {display:block;}
.weapon_all > .left_nav .depth .depth1.on {color: #fff; background:#aa0000; text-shadow:none;}
.weapon_all > .left_nav .depth .in_depth2 .depth1:after {content:''; position:absolute; display:block; right:3.4rem; transform:translate(0 , -50%); width:20px; top:50%; height:20px; background:url('/images/common/weapon/plus.png') 0 0 no-repeat;}
.weapon_all > .left_nav .depth .depth1:hover:after {display:none;}
.weapon_all > .left_nav .depth .depth1.on:after {content:''; display:block; position:absolute;}
.weapon_all > .left_nav .depth .depth1.on:after {height:auto;  right:-12px; top:0; bottom:0; transform:none;  width:12px; background:url('/images/common/weapon/arr_category_h48.png') 0 0 no-repeat;}
.weapon_all > .left_nav .depth .depth1.on:hover:after {display:block;}
.weapon_all > .left_nav .depth .depth1.on:before {display:none;}
.weapon_all > .left_nav .depth .depth2 .on a:before {background:#ff0000;}
.weapon_all > .left_nav .depth .depth2 .on a {color:#ff2222;}
.weapon_all > .left_nav .depth .depth2 .hidden a:after {background:none;}
.weapon_all > .left_nav .depth .depth2 a:hover {color:#fff;}
.weapon_all > .left_nav .depth .depth2 .on a:hover {color: #f22;}
.weapon_all > .left_nav .depth .all {display:none;}
/* .weapon_all > .left_nav .depth .depth2 .on ~ li a:after {background:none;} */

/* list */
.weapon_all .contents {padding-left:26.4rem; padding-bottom:18rem;}
.weapon_all .contents .wp_wrap {padding: 6rem 7.2rem 0; border-top: 1px solid transparent;  border-image: linear-gradient(to right, #88bbff , #dd8833); border-image-slice: 1;} 
.weapon_all .contents .top {position:relative; padding-right:35rem;}
.weapon_all .contents .top .tit {padding-bottom: 1.6rem; border-bottom:1px solid rgba(147, 211, 255, 0.5); font-size:21px; color:#fff; text-transform:uppercase; letter-spacing: 0.06rem; font-weight:700; position:relative; padding-top: 0.6rem;}
.weapon_all .contents .top .tit:before, .weapon_all .contents .top .tit:after {content:''; display:block; bottom:-2px;  width:4px; height:4px; background:#ff0000; position:absolute;}
.weapon_all .contents .top .tit:before {left:0;}
.weapon_all .contents .top .tit:after {right:0;}
.weapon_all .contents .top .tit span {color:#87cfff; margin-left:1.2rem;}
.weapon_all .contents .top .txt {font-size:14px; color:#b2b2b2; font-family:'Roboto'; line-height:1.5; margin-top:3px;}
.weapon_all .contents .top .cate {font-size:17px; font-weight:700; text-transform:uppercase; letter-spacing: 0.06rem; color:#93d3ff;}
.weapon_all .contents .top .name {padding-right: 4.8rem; margin-top: 6px; position:relative; color:#fff; text-shadow: 1px 1px 0 #f00; font-size: 34px; text-transform:uppercase; letter-spacing:0.06rem; font-weight:700;}
.weapon_all .contents .top .new_search_wrap {position:absolute; right:0; top: 0; width:31.2rem;}
.weapon_all .contents .top .new_search_wrap .search_area {height: 46px;}

.weapon_all .contents .list {margin-left:-2.4rem; margin-top: 6rem;}
.weapon_all .contents .list li {width:calc(100% / 8); padding-left:2.4rem; margin-bottom:2.4rem; display:inline-block; vertical-align:top; text-align:center;}
.weapon_all .contents .list .con {position:relative;}
.weapon_all .contents .list .cate {position:absolute; top: 1.2rem; right: 1.2rem; display:inline-block; z-index:1; border:1px solid #87cfff; background:rgba(0, 17, 51, 0.7); border-radius:1.2rem 0 1.2rem 1.2rem; height: 24px; line-height: 24px; font-size:11px; color:#87cfff; font-weight:500; font-family:'Roboto'; text-transform:uppercase; padding:0 1rem; letter-spacing: 0.02rem;}
.weapon_all .contents .list .item {height:216px; background:url('/images/common/weapon/bg_item.png') center bottom no-repeat; background-color:#000; position:relative; border:1px solid #6699ff; display: flex; align-items: center; justify-content: center; background-size: 100% 100%;}
.weapon_all .contents .list .item img {max-width: 228px; width: calc(100% - 24px); max-height: 228px;}
.weapon_all .contents .list .name {color:#fff; background:rgba(102, 153, 255, 0.7); font-size:14px; font-family:'Roboto'; line-height: 1.2; min-height: 72px; padding:0 1.2rem; display: flex; align-items: center; justify-content: center; letter-spacing: 0.02rem;}
.weapon_all .contents .list .name span {display:block; max-height:58px; word-break: break-all; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.weapon_all .contents .list .btn_add {transition:none; letter-spacing: 0.02rem; z-index:11; border-radius:18px; left:1.2rem; bottom:1.2rem; position:absolute; display:block; font-size:0; color:#fff; font-weight: 400; text-transform:uppercase; font-family:'Roboto'; width:36px; height:36px; line-height:36px; text-align:left; border:1px solid #689aff;}
.weapon_all .contents .list .btn_add font {color:#ffee00;}
.weapon_all .contents .list .btn_add:before {content:''; display:block; position:absolute; top:-1px; left:-1px; width:36px; height:36px; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/weapon/icon_add.png');}
.weapon_all .contents .list .btn_add:hover {transition:all ease-in-out 0.2s; border:1px solid #ffee00; padding:0 1.6rem 0 4rem; font-size:12px; width:auto;}
.weapon_all .contents .list .btn_add:hover:before {background-position:0 -36px;}
.weapon_all .contents .list .con:hover {box-shadow:0 12px 30px rgba(0, 0, 0, 0.4);}
.weapon_all .contents .list .con:hover .item {background:#000;}
.weapon_all .contents .list .con:hover .name {background:#1c428f; position:relative;}
.weapon_all .contents .list .con:hover .name:before {content:''; display:block; width:8px; height:8px; position:absolute; bottom:0.6rem; right:0.6rem; background:url('/images/common/weapon/arr_name.png') 0 0 no-repeat;}
.weapon_all .contents .list .btn_add span {display: block; width:156px; position:absolute; top:-1.2rem; left:2.4rem; text-transform: capitalize; color:#000; font-size:14px; height:36px; line-height:36px; border-radius:18px; background:rgba(255, 238, 0, 0.9); text-align:center;}
.weapon_all .contents .list .btn_add span font {color:#990000;}
.weapon_all .contents .list .btn_add.already span {background:rgba(68, 119, 204, 0.95); color:#ffee00; width:178px; font-weight:400;}
.weapon_all .contents .list .btn_add.already span font {color:#fff;}
.weapon_all .contents .list + .paging_wrap {margin-top:2.4rem;}

.weapon_all .compare_weapon {position:fixed; right:10.8rem; bottom:0;     z-index: 12;}
.weapon_all .compare_weapon .btn_compare {letter-spacing:0.06rem; position:relative; padding: 2.2rem 4.2rem 2rem; display:block; font-weight:700; text-align:center; text-transform:uppercase; font-size:14px; color:#fff; border-radius:0.8rem 0.8rem 0 0; box-shadow:0 0 12px rgba(0, 0, 0, 0.6); background:rgba(170, 0, 0, 0.8); border:1px solid #ffee00; border-bottom:0;}
.weapon_all .compare_weapon .btn_compare:before, .weapon_all .compare_weapon .btn_compare:after {display:block; position:absolute; content:''; display:block; width:0.4rem; height:1.1rem; background:#ffee00;}
.weapon_all .compare_weapon .btn_compare:before {top:0; left:1.2rem;}
.weapon_all .compare_weapon .btn_compare:after {bottom:0; right:1.2rem;}
.weapon_all .compare_weapon .btn_compare font {color:#ffee00;}
.weapon_all .compare_weapon .btn_compare:hover {background:#000;}
.weapon_all .compare_weapon .num {display:inline-block; position:absolute; top:-1.2rem; right:1.2rem; font-size:16px; color:#990000; font-weight:500; font-family:'Roboto'; padding:1rem 1rem; background:#ffee00; border-radius:12px; padding: 2px 1rem; letter-spacing: 0;}
.weapon_all .contents .list .new .con:before {content:'new'; display:block; position:absolute; top:1.2rem; left:-0.5rem; z-index:1; width:40px; height:24px; background:#aa0000; border-radius:0.4rem; font-size:11px; font-family:'Roboto'; border:1px solid #ffee00; color:#ffee00; text-transform:uppercase; font-weight:500; line-height:25px;}
.weapon_all .contents .nodata_n {background:rgba(102, 153, 255, 0.3); font-size: 17px; letter-spacing: 0.04rem;}
.weapon_all .contents .nodata_n {margin-top:6.6rem;}
.weapon_all .new_search_wrap .search_area input[type=text] {font-family:'Roboto'; letter-spacing: 0.01rem;}

/* veiw */
.weapon_all .contents .view {position: relative; margin: 0 7.2rem;}
.weapon_all .contents .view .item {width:44%;   min-height: 428px; text-align: center; background: rgba(44, 79, 125, 0.6); display:inline-block; position: absolute; top: 0; right: 4.8rem; box-shadow: inset 0 0 1px rgba(147, 211, 255, 0.3);}
.weapon_all .contents .view .item:before, .weapon_all .contents .view .item:after {content:''; width: calc(100% - 2.4rem); height: calc(100% - 2.4rem); display:block; position:absolute; top: 1.2rem; left: 1.2rem;}
.weapon_all .contents .view .item:before {background: url(/images/common/weapon/icon_b_rt.png) right 0 no-repeat, url(/images/common/weapon/icon_b_lb.png) 0 bottom no-repeat, url(/images/common/weapon/icon_b_lt.png) 0 0 no-repeat, url(/images/common/weapon/icon_b_rb.png) right bottom no-repeat; z-index: 1;}
.weapon_all .contents .view .item:after {background: url('/images/common/weapon/bg_item_veiw.jpg') center bottom no-repeat; background-size: 100% 100%;}
.weapon_all .contents .view .item img {max-width: calc(100% - 12rem); max-height: calc(100% - 12rem); position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50% ,-50%);}
.weapon_all .contents .view .top {padding-right:44%; padding-bottom: 3.5rem; border-bottom:1px solid rgba(147, 211, 255, 0.5); padding-top: 1.4rem;}
.weapon_all .contents .view .top:before, .weapon_all .contents .view .top:after {content:''; display:block; bottom:-2px;  width:4px; height:4px; background:#ff0000; position:absolute;}
.weapon_all .contents .view .top:before {left:0;}
.weapon_all .contents .view .top:after {right:0;}
.weapon_all .contents .view .stat {max-width: 720px; margin-top: 5.6rem; margin-bottom: 3.5rem; width: 50%; padding-right: 4.8rem;}
.weapon_all .contents .view .stat ul {font-size:0;}
.weapon_all .contents .view .stat ul li {margin-bottom: 1.5rem; width:calc((100% - 7.2rem) / 2); vertical-align:top; display:inline-block; font-size:0; position:relative;}
.weapon_all .contents .view .stat ul li:nth-child(2n) {margin-left:7.2rem;}
.weapon_all .contents .view .stat span {display:inline-block; vertical-align:middle;}
.weapon_all .contents .view .stat .tit {font-size:17px; font-weight:700; text-transform:uppercase; padding-left:1.4rem; letter-spacing: 0.08rem; color:#fff; width:128px; position:relative;}
.weapon_all .contents .view .stat .tit:before {width:0.4rem; height:1.2rem; background:#00aaee; content:''; display:block; position:absolute; top:50%; left:0; transform:translate(0 , -50%);}
.weapon_all .contents .view .stat .num {font-size:19px; font-weight:500; font-family:'Roboto'; color:#66ff88; position:absolute; right:0; top:50%; transform:translate(0 , -50%); letter-spacing: 0.02rem;}
.weapon_all .contents .view .stat .num font {color:#999999;}
.weapon_all .contents .view .stat .bar {width: calc(100% - 172px); position:relative; height:12px; background:rgba(255, 255, 255, 0.1);}
.weapon_all .contents .view .stat .bar .on {width:100%; position:absolute; top:0; left:0; bottom:0; background:linear-gradient(to right, #00aaee , #65ff89);}

.weapon_all .contents .view .btn_add {transition:none; position:relative; letter-spacing: 0.02rem; z-index:11; border-radius:30px; display:inline-block; font-size: 14px; font-weight:700; color:#709fff; text-transform:uppercase; padding:0 4.8rem 0 6.8rem; height:60px; line-height: 58px; text-align:left; border:1px solid #689aff;  margin-bottom: 20px;}
.weapon_all .contents .view .btn_add font {color:#fff; font-weight: 600;}
.weapon_all .contents .view .btn_add.already span {background: rgba(68, 119, 204, 0.95); color: #ffee00;}
.weapon_all .contents .view .btn_add.already span font {color:#fff;}
.weapon_all .contents .view .btn_add:before {border-radius:24px; content:''; display:block; position:absolute; top:50%; transform:translate(0 , -50%); left:6px; width:48px; height:48px; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/weapon/icon_add02.png');}
.weapon_all .contents .view .btn_add:hover {transition:all ease-in-out 0.2s; border: 1px solid #ffee00; background: rgba(0, 0, 0, 0.5); color:#fff;}
.weapon_all .contents .view .btn_add:hover:before {background-position:0 -48px;}
.weapon_all .contents .view .btn_add:hover > font {color:#ffee00;}
.weapon_all .contents .view .btn_add span {display:none; width:100%; position:absolute; top:-1.2rem; left:2.4rem; text-transform: capitalize; color:#000; font-size:14px; height:36px; line-height:36px; border-radius:18px; background:rgba(255, 238, 0, 0.9); text-align:center; letter-spacing: 0.02rem; font-weight: 400; font-family: 'Roboto';}
.weapon_all .contents .view .btn_add span font {color:#990000;}

.weapon_all .contents .view .detail {margin-bottom: 6rem; padding: 6rem; text-align:center; position:relative; margin-top: 6rem; background:rgba(255, 255, 255, 0.08);} 
.weapon_all .contents .view .detail:before, .weapon_all .contents .view .detail:after {content:''; display:block; position:absolute; left:0; right:0; height:4px; }
.weapon_all .contents .view .detail:before {top:0; background:url('/images/common/account/dot_r.jpg') 0 0 no-repeat, url('/images/common/account/dot_r.jpg') right 0 no-repeat;}
.weapon_all .contents .view .detail:after {bottom:0; background:url('/images/common/account/dot_r.jpg') 0 bottom no-repeat, url('/images/common/account/dot_r.jpg') right bottom no-repeat;}
.weapon_all .contents .view .detail .tit {margin-bottom: 4.2rem; font-family: 'Chakra Petch'; display:inline-block; padding: 0 1.2rem; border-top:1px solid #93d3ff; border-bottom:1px solid #93d3ff; font-size: 17px; color:#fff; font-weight:700; text-transform:uppercase; letter-spacing: 0.08rem;}
.weapon_all .contents .view .detail .tit font {color:#93d3ff;}
.weapon_all .contents .view .detail + .btn_read {width:190px;}
.weapon_all .contents .view .detail {color:#fff; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 2.1; text-align:center; word-break:break-all;}
.weapon_all .contents .view .detail table {margin:0 auto; max-width:100%; table-layout:fixed;  word-break:break-all;}
.weapon_all .contents .view .detail table td, .weapon_all .contents .view .detail table tr {width:auto !important; height:auto !important; word-break:break-all; white-space: pre-wrap;}
.weapon_all .contents .view .detail img {max-width:100% !important; height:auto !important;}

/* compare */
.weapon_all .list_area ul {font-size:0;}
.weapon_all .list_area ul > li {display:inline-block; vertical-align:top; margin-right:1.2rem; position:relative;}
.weapon_all .compare_area .item_wrap {background:rgba(102, 153, 255, 0.2); white-space: normal; min-width: 26.4rem; position: relative; height:614px;}
.weapon_all .compare_area .item_wrap:before {content: ''; width: 100%; height: 2px; background: #69f; display: block; position:absolute; left: 0; top: 0;}
.weapon_all .item_wrap {padding-top:4.8rem; position:relative; text-align:center;}
.weapon_all .item_wrap .item_con {padding-bottom:2.4rem; position:relative; display: inline-block;}
.weapon_all .item_wrap .item_con .s_link {bottom:2.4rem;}
.weapon_all .item_wrap .item {position:relative; display: flex; align-items: center; justify-content: center; border:1px solid #6699ff; margin:0 auto; background: url(/images/common/weapon/bg_item.png) center bottom repeat-x;  background-color: #000; width:16.8rem; height:16.8rem;}
.weapon_all .item_wrap .item img {max-width:100%; max-height:100%;}
.weapon_all .item_wrap.new .item:before {content:''; display:block; position:absolute; left: -0.4rem; bottom: 1.2rem; z-index:1; width:40px; height:24px; background:url('/images/common/weapon/new_label.png') 0 0 no-repeat;}
.weapon_all .item_wrap .name {max-width: 26.4rem; margin:2rem 0 0; padding:0 2.4rem; text-align:center; color:#fff; font-family:'Roboto'; font-size:14px; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: normal;}
.weapon_all .item_wrap .desc {border-top:1px solid rgba(102, 153, 255, 0.7);}
.weapon_all .item_wrap .desc li {font-size: 0; display:block; margin:0; padding: 0 2rem; white-space: nowrap; letter-spacing: -4px;}
.weapon_all .item_wrap .desc li:nth-child(2n) {background:rgba(102, 153, 255, 0.15);}
.weapon_all .item_wrap .desc li span {display:inline-block; vertical-align:middle; height:42px; line-height:42px; text-align:center; padding: 0 0.4rem; letter-spacing: 0;}
.weapon_all .item_wrap .desc .tit {font-size: 11.5px; color: #7af; font-weight: 700; text-transform:uppercase; letter-spacing:0.04rem; width: 72px; text-align:left;}
.weapon_all .item_wrap .desc .value {font-size:14px; color:#ffffff; font-family:'Roboto'; width: calc((100% - 72px) / 2);}
.weapon_all .item_wrap .desc .num {font-size:14px; color:#6294f7; font-family:'Roboto'; width: calc((100% - 72px) / 2);}
.weapon_all .item_wrap .desc .value.up {color:#ffee00;}
.weapon_all .item_wrap .desc .num .up {color:#ff8888;}
.weapon_all .item_wrap .desc .num .down {color:#6294f7;}
.weapon_all .item_wrap .desc .num font {padding-left: 10px; display: inline-block; position: relative; letter-spacing: -0.02rem;}
.weapon_all .item_wrap .desc .num font:before {content:''; display: inline-block; width: 8px; height: 6px; position:absolute; top: 50%; left: 0; transform: translate(0 , -50%);}
.weapon_all .item_wrap .desc .num font.up:before {background:url('/images/common/weapon/icon_up.png') 0 0 no-repeat;}
.weapon_all .item_wrap .desc .num font.down:before {background:url('/images/common/weapon/icon_down.png') 0 0 no-repeat;}
.weapon_all .list_area .btn_remove {display:block; margin:2.4rem auto 0; width:12.6rem; height:3.6rem; line-height:3.6rem; border-radius:18px; border:1px solid #ff9999; text-transform:uppercase; font-family:'Roboto'; font-size: 11px; color:#ff9999; text-align:center; font-weight:500; letter-spacing:0.06rem;}
.weapon_all .list_area .btn_remove:before {margin-right:1rem; content:''; display:inline-block; vertical-align:middle; width:1.2rem; height:1.2rem; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/weapon/icon_remove.png');}
.weapon_all .list_area .btn_remove:hover {color:#ffee00; border-color:#ffee00;}
.weapon_all .list_area .btn_remove:hover:before {background-position:0 -1.2rem;;}
.weapon_all .fix_item .item_wrap {padding-top:4.2rem;     padding-left: 2.4rem; padding-right:2.4rem;}
.weapon_all .fix_item .item_wrap .desc .value {width:calc(100% - 80px); text-align:right;}
.weapon_all .fix_item .item_wrap .desc .num {display:none;}
.weapon_all .fix_item .item_wrap .item {width:22.8rem; height:21.6rem;}
.weapon_all .item_con:hover .item:after {content:''; display:block; width:8px; height:8px; position:absolute; bottom:0.6rem; right:0.6rem; background:url('/images/common/weapon/arr_name.png') 0 0 no-repeat;}
.weapon_all .item_con:hover .name {color:#6699ff;}

.weapon_all .compare_area {width: calc(100% - 30rem); padding-bottom: 14.4rem; margin-left:30rem; border-top: 1px solid transparent;  border-image: linear-gradient(to right, #88bbff , #dd8833); border-image-slice: 1;}

.weapon_all .fix_item {position:absolute; top:0; left:0; bottom:0; width:30rem; border-top:1px solid #ffee00; border-right:1px solid rgba(102, 153, 255, 0.4); background:#18386e;}  
.weapon_all .fix_item .weapon_num {background:rgba(130, 177, 241, 0.15) url('/images/common/weapon/ptn.png') 0 0 repeat;color:#ffee00; height:9.6rem; position:relative; padding:0 3.6rem; text-transform:uppercase;}
.weapon_all .fix_item .weapon_num .tit {position: relative; top: 50%;  transform: translate(0 , -50%); display:inline-block; font-size:14px; font-weight:700; letter-spacing: 0.08rem; line-height:1.1;}
.weapon_all .fix_item .weapon_num .tit span {display:block; color:#fff;}
.weapon_all .fix_item .num {font-family:'Roboto'; font-size:30px; font-weight:700; position:absolute; top:50%; transform:translate(0 , -50%); right:3.6rem;}
.weapon_all .compare_area .top {border-bottom:1px solid rgba(130, 177, 241, 0.3); background:rgba(130, 177, 241, 0.15) url('/images/common/weapon/ptn.png') 0 0 repeat;color:#ffee00; height:9.6rem; position:relative; padding:2.4rem 3.6rem;}
.weapon_all .compare_area .top > div {display: inline-block; vertical-align: middle; position: relative;}
.weapon_all .compare_area .new_search_wrap {position:relative; width:300px; margin-left:1.2rem;}
.weapon_all .compare_area .new_search_wrap input[type=text] {background:rgba(10, 39, 80, 0.3);}
.weapon_all .compare_area .new_search_wrap input[type=text]:-webkit-autofill, .weapon_all .compare_area .new_search_wrap input[type=text]:-webkit-autofill:hover, .weapon_all .compare_area .new_search_wrap input[type=text]:-webkit-autofill:focus, .weapon_all .compare_area .new_search_wrap input[type=text]:-webkit-autofill:active { -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px rgba(10, 39, 80, 0.3) inset; transition: background-color 5000s ease-in-out 0s;}
.weapon_all .compare_area .new_search_wrap .search_area {height:48px;}
.weapon_all .compare_area .new_search_wrap .search_list {overflow:auto; max-height:46rem; position:absolute; left:0; right:0; background:#1b3a6a; z-index:111; padding:0 2.4rem; border:1px solid #87cfff; box-shadow:0 2rem 8rem rgba(0, 0, 0, 0.5);}
.weapon_all .compare_area .new_search_wrap .search_list li {font-size:14px; color:#87cfff; font-family:'Roboto'; margin:2rem 0; cursor:pointer; letter-spacing: 0.02rem;}
.weapon_all .compare_area .new_search_wrap .search_list li:hover {color:#ffee00;}
.weapon_all .compare_area .new_search_wrap:focus-within .search_list {display:block;}
.weapon_all .compare_area .list_area {position:relative; padding: 4.2rem 0 3.6rem; margin-right:3.6rem;  margin-left:3.6rem; width: calc(100% - 7.2rem); overflow:hidden; overflow-x: auto; white-space: nowrap}

.weapon_all .go_compare {z-index:12; transition:none; display:block; position:absolute; top:-0.7rem; right:1.2rem; width:3.8rem; height:3.8rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/weapon/icon_compare.png');}
.weapon_all .go_compare:hover {background-position:0 -3.8rem;}
.weapon_all .btn_change {z-index:12;  transition:none; display:block; position:absolute; top:17%; left:-3rem; width:4.8rem; height:4.8rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/weapon/icon_chage.png');}
.weapon_all .btn_change:hover {background-position:0 -4.8rem;}
.weapon_all li:first-child .btn_change {display:none;}
.weapon_all .no .add_item {position:relative; border:1px solid #6699ff; background:rgba(102, 153, 255, 0.1); width:16.8rem; height:16.8rem; display:block; margin:0 auto;}
.weapon_all .no .add_item:before {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); background-repeat:no-repeat; background-image:url('/images/common/weapon/icon_add03.png'); background-position:0 0; width:3.6rem; height:3.6rem;}
.weapon_all .no .add_item:hover {border-color:#ffee00; background:rgba(255, 238, 0, 0.1);}
.weapon_all .no .add_item:hover:before {background-position:0 -3.6rem;}
.weapon_all .no .txt {margin:2rem 0 2.4rem; padding:0 2.4rem; text-align:center; color:#fff; font-family:'Roboto'; font-size:14px; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: normal;}
.weapon_all .no .txt font {color:#6699ff;}

.weapon_all .item_sel {width:180px; background: rgba(10, 39, 80, 0.3);}
.weapon_all .item_sel:before, .weapon_all .item_sel:after {position:absolute; content:''; display:block; width:3px; top: 0; bottom: 0; background:url('/images/common/bg_search_dot.jpg') 0 0 no-repeat, url('/images/common/bg_search_dot.jpg') 0 bottom no-repeat; z-index: 1;}
.weapon_all .item_sel:before {left:-1px;}
.weapon_all .item_sel:after {right:-1px;}
.weapon_all .item_sel .all {height: 50px; border:1px solid #467294; text-transform:uppercase; }
.weapon_all .item_sel a {line-height:48px; position:relative; font-size:14px; display:block; padding-left:2.4rem; text-transform: capitalize; font-family:'Roboto'; letter-spacing:0.01rem; color:#88ccff;}
.weapon_all .item_sel .all:before {position:absolute; transform:translate(0 , -50%); top:50%; right:1.7rem; content:''; display:block; width:14px; height:10px; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/weapon/arr_sel.png');}
.weapon_all .item_sel .all + ul {display:none; border:1px solid #87cfff; border-top:0; position:absolute; left:0; right:0; z-index:111; background:#0a2850; }
.weapon_all .item_sel .all:hover {color:#fff; border:1px solid #fff; background:rgba(135, 204, 255, 0.2);}
.weapon_all .item_sel:hover:before, .weapon_all .item_sel:hover:after {background:url('/images/common/account/dot_w.jpg') 0 0 no-repeat, url('/images/common/account/dot_w.jpg') 0 bottom no-repeat;}
.weapon_all .item_sel .all:hover:before {background-position:0 -10px;}

.weapon_all .item_sel .all.open {background:#0a2850; border:1px solid #87cfff;}
.weapon_all .item_sel:focus-within:before, .weapon_all .item_sel:focus-within:after {background:url('/images/common/bg_search_dot.jpg') 0 0 no-repeat, url('/images/common/bg_search_dot.jpg') 0 bottom no-repeat;}
.weapon_all .item_sel .all.open:before {background-position:0 -20px;}
.weapon_all .item_sel .all + ul {display:none; max-height:250px; overflow:auto;}
.weapon_all .item_sel .all + ul > li {border-right:1px solid #234973;     background: rgba(0, 0, 0, 0.3);}
.weapon_all .item_sel .all + ul .depth1 {border-bottom:1px solid #234973; color:#fff;  background:#0a2850;}
.weapon_all .item_sel .all + ul .depth1:hover {background:#000; color:#ffee00;}
.weapon_all .item_sel .all + ul .depth2 {border-bottom:1px solid rgba(135, 207, 255, 0.2); display:none;}
.weapon_all .item_sel .all + ul .depth2 li {margin:2rem 0;}
.weapon_all .item_sel .all + ul .depth2 a { position:relative; height:auto; line-height:normal; padding:0; padding-right:1rem; margin-left:2.4rem; display:inline-block; color:#87cfff; padding-left:1.4rem;}
.weapon_all .item_sel .all + ul .depth2 a:hover {color:#ffee00; background:#071c38;}
.weapon_all .item_sel .all + ul .depth2 a:before {content:''; display:block; position:absolute; top:3px; left:0; width:0.8rem; height:0.8rem; border-left:1px solid #87cfff; border-bottom:1px solid #87cfff;}
.weapon_all .item_sel .all + ul .depth2 a:hover:before {border-color:#ffee00;}

.weapon_all .item_sel .all + ul::-webkit-scrollbar { width: 1.8rem;}
.weapon_all .item_sel .all + ul::-webkit-scrollbar-thumb { background-color: #87cfff; border-radius: 10px; background-clip: padding-box;  border: 5px solid transparent;}
.weapon_all .item_sel .all + ul::-webkit-scrollbar-track {}
.weapon_all .compare_area .new_search_wrap .search_list::-webkit-scrollbar { width: 1.8rem;}
.weapon_all .compare_area .new_search_wrap .search_list::-webkit-scrollbar-thumb { background-color: #87cfff; height:7.2rem; border-radius: 10px; background-clip: padding-box;  border: 5px solid transparent;}

.weapon_all .compare_area .list_area::-webkit-scrollbar { height:1.6rem;}
.weapon_all .compare_area .list_area::-webkit-scrollbar-thumb { background: #6699ff url('/images/common/weapon/bg_sroll_bar.png') center center no-repeat; border-radius: 4px;}
.weapon_all .compare_area .list_area::-webkit-scrollbar-track {background-color:rgba(28, 59, 108, 0.5); border: 2px solid transparent;  background-clip: content-box;}
.weapon_all .compare_area .list_area::-webkit-scrollbar-button:start:decrement, 
.weapon_all .compare_area .list_area::-webkit-scrollbar-button:end:increment {display:block; width:6px; background: url('/images/common/weapon/bg_scroll.png') 0 0 no-repeat;}
.weapon_all .compare_area .list_area::-webkit-scrollbar-button:end:increment {background: url('/images/common/weapon/bg_scroll.png') right 0 no-repeat;}
.weapon_all .compare_area .item_wrap .category {text-align:left;}
.weapon_all .compare_area .item_wrap .in_search .stit {text-align:left;}

.item_wrap .category {display:none; position:absolute; top:-2px; bottom:0; left:0; right:0; background:#0a2850; border:1px solid #87cfff; box-shadow:0 20px 40px rgba(0, 0, 0, 0.3);}
.item_wrap .category > .depth {max-height: 100%; overflow: hidden; overflow-y: auto;}
.item_wrap .category > .depth > ul {border-right:1px solid #234973;}
.item_wrap .category li {display:block; width:100%; margin-right:0;}
.item_wrap .category a {line-height:48px; position:relative; font-size:14px; display:block; padding-left:2.4rem; font-family:'Roboto'; letter-spacing:0.01rem; color:#88ccff; text-transform: capitalize;}
.item_wrap .category .depth1 {border-bottom:1px solid #234973; color:#fff;  }
.item_wrap .category .depth1:hover {background:#000; color:#ffee00;}
.item_wrap .category .depth2 {border-bottom:1px solid rgba(135, 207, 255, 0.2); display:none; background: rgba(0, 0, 0, 0.3); padding:1rem 0;}
.item_wrap .category .depth2 li {margin:1rem 0;}
.item_wrap .category .depth2 a { position:relative; height:auto; line-height:normal; padding:0; padding-right:1rem; margin-left:2.4rem; display:inline-block; color:#87cfff; padding-left:1.4rem;}
.item_wrap .category .depth2 a:hover {color:#ffee00; background:#071c38;}
.item_wrap .category .depth2 a:before {content:''; display:block; position:absolute; top:3px; left:0; width:0.8rem; height:0.8rem; border-left:1px solid #87cfff; border-bottom:1px solid #87cfff;}
.item_wrap .category .depth2 a:hover:before {border-color:#ffee00;}
.item_wrap .category > .depth::-webkit-scrollbar { width: 1.8rem;}
.item_wrap .category > .depth::-webkit-scrollbar-thumb { background-color: #87cfff; border-radius: 10px; background-clip: padding-box;  border: 5px solid transparent;}
.item_wrap .in_search {display:none; position:absolute; top:-2px; bottom:0; left:0; right:0; background:#0a2850; border:1px solid #87cfff; box-shadow:0 20px 40px rgba(0, 0, 0, 0.3);}
.item_wrap .in_search .stit {border-bottom:1px solid #87cfff; position:relative; color:#87cfff; text-transform: capitalize; height:48px; line-height:48px; padding:0 4.8rem 0 2.4rem; font-size:14px; font-family:'Roboto';}
.item_wrap .in_search .stit font {color:#fff;}
.item_wrap .in_search .stit .bar {margin:0 0.4rem;}
.item_wrap .in_search .stit .btn_back {font-size:0; background:rgba(0, 0, 0, 0.4); border-left:1px solid #87cfff; display:block; width:48px; position:absolute; top:0; right:0; bottom:0;}
.item_wrap .in_search .stit .btn_back:before {width:16px; height:12px; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/weapon/icon_back.png'); content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50% , -50%);}
.item_wrap .in_search .stit .btn_back:hover:before {background-position:0 -12px;} 
.item_wrap .in_search .in_search_wrap {padding:2.4rem; height:calc(100% - 48px); background: #1b3a6a;}
.item_wrap .in_search .new_search_wrap {width:auto; margin:0; background:rgba(135, 207, 255, 0.15); border:none;}
.item_wrap .in_search .new_search_wrap .search_list {border:none; padding:0; background:none; box-shadow:none; margin-top:2rem; text-align:left;}
.item_wrap .in_search .new_search_wrap .search_list li {margin:1rem 0;}


.weapon_all .list_area ul.ui-autocomplete {border:none; background:none; position: static !important;  width: 100% !important;}
.weapon_all .list_area ul.ui-autocomplete > li {display:block; padding:0; list-style-image: none;}
.weapon_all .list_area ul.ui-autocomplete > li:hover, .weapon_all .list_area ul.ui-autocomplete > li.ui-state-focus {background:none !important; border:none !important; color:#ffee00 !important; margin:1rem 0 !important;}

.weapon_all .compare_area .new_search_wrap .search_list ul.ui-autocomplete {border:none; background:none; position: static !important;  width: 100% !important;}
.weapon_all .compare_area .new_search_wrap .search_list ul.ui-autocomplete > li {display:block; padding:0; list-style-image: none;}
.weapon_all .compare_area .new_search_wrap .search_list ul.ui-autocomplete > li:hover, .weapon_all .compare_area .new_search_wrap .search_list ul.ui-autocomplete > li.ui-state-focus {background:none !important; border:none !important; color:#ffee00 !important; margin:1rem 0 !important;}


/* popup */
.pop-weapon {max-height:none;  width:1140px; border:1px solid #ff0000; background:#333333;}
.pop-weapon .pop-layout > h2 {background:#aa0000; text-transform:uppercase; font-size:24px; border-bottom:1px solid #ff0000; padding:2.4rem 3.6rem; letter-spacing: 0.04rem;}
.pop-weapon .pop-layout > h2 .num {margin-left:1.2rem; display:inline-block; vertical-align:middle;  font-size:22px; color:#000; font-weight:500; font-family:'Roboto'; padding:0 1rem; height:24px; line-height:25px; background:#ffee00; border-radius:12px; position:relative; top:-2px; letter-spacing: 0;}
.pop-weapon .pop-con {padding:3.6rem;}
.pop-weapon .pop-close {right:3.6rem;}
.pop-weapon .list {margin-left:-0.2rem; padding-right:2.4rem; overflow-y: auto; max-height: 430px;}
.pop-weapon .list li {width:20%; padding-left:2px; margin-bottom:2px; display:inline-block; vertical-align:top; text-align:center;}
.pop-weapon .list .con {position:relative;}
.pop-weapon .list .item {background:url('/images/common/weapon/bg_item.png') center bottom repeat-x; background-color:#000; position:relative; padding:3rem 2.4rem 8rem;     display: flex;  align-items: center;justify-content: center;}
.pop-weapon .list .item img {max-width:100%; height:96px;}
.pop-weapon .list .name {position:absolute; bottom:2.4rem; color:#aaaaaa; font-size:14px; font-family:'Roboto'; line-height:1.2; text-align:left; left:0; right:0; padding:0 2.4rem;}
.pop-weapon .list .name span {display:block; max-height:34px; word-break: break-all; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.pop-weapon .list .btn_delete {background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/weapon/icon_delete.png'); transition:none; z-index:11; border-radius:15px; right:1.2rem; top:1.2rem; position:absolute;  display:block; font-size:0; width:30px;  height:30px;  }
.pop-weapon .list .btn_delete:hover {background-position:0 -30px;}
.pop-weapon .list .con:hover .name {color:#6699ff;}
.pop-weapon .list .con:hover .name:before {content:''; display:block; width:8px; height:8px; position:absolute; bottom:0.6rem; right:0.6rem; background:url('/images/common/weapon/arr_name.png') 0 0 no-repeat;}
.pop-weapon .list .con:hover .item {background:#000;}
.pop-weapon .btns {font-size:0; text-align:center; margin-top:3.2rem;}
.pop-weapon .btns a {display:inline-block; vertical-align:middle; margin:0 0.6rem; width:auto; padding:0 4.8rem;}
.pop-weapon .nodata_n {background:#000; text-transform: capitalize; font-family:'Roboto'; font-weight: 400;}

/****** character *****/
.character_all .contents .view .detail:after {height:auto; top:0;  background: url(/images/common/account/dot_r.jpg) 0 0 no-repeat, url(/images/common/account/dot_r.jpg) right 0 no-repeat, url(/images/common/account/dot_r.jpg) 0 bottom no-repeat, url(/images/common/account/dot_r.jpg) right bottom no-repeat; background-size:4px auto;}
.character_all .contents .list .item { background:url('/images/common/character/bg_character.jpg') center bottom no-repeat; background-size: 100% 100%;}
.character_all .contents .list .con:hover .item {background:url('/images/common/character/bg_character.jpg') center bottom no-repeat; background-size: 100% 100%;} 
.character_all .contents .view .item {padding:1.2rem; position:relative; top:auto; right:auto; width:40.8rem; display:inline-block; vertical-align:top; box-shadow:none; border:1px solid rgba(147, 211, 255, 0.3);}
.character_all .contents .view .item .con {height:100%; position:relative;}
.character_all .contents .view .item img {max-width:none; max-height:none; transform:none; width:100%; height:100%; position:relative; z-index:1; top:auto; left:auto;}
.character_all .contents .view .item:before {top:auto; content:''; z-index:2; display:block; bottom:1.2rem; width:144px; height:24px; background:#1e3d68; border-radius:1rem 1rem 0 0; position:absolute; left:50%; transform:translate(-50% , 0);}
.character_all .contents .view .detail {width:calc(100% - 51.6rem); display:inline-block; vertical-align:top; margin-top:0; margin-left:10.8rem; position:relative;}
.character_all .contents .view .detail:before {content:''; display:block; position:absolute; left:-3rem; top:50%; transform:translate(0 , -50%); width:3rem; height:6rem; background:url('/images/common/character/detail_arr.png') 0 0 no-repeat; background-size:100% auto !important;}
.character_all .contents .view .top {padding-right:0; text-align:center; margin-bottom:6rem;}
.character_all .contents .view .item:after {    background: url(/images/common/character/bg_character_detail.jpg) center bottom no-repeat; background-size: 100% 100%;}
.character_all .contents .top .name {padding-right:0;}
.character_all .contents .list .item img {width:100%; height:100%; max-width:none; max-height:none;}


.character_all .view .swiper-container {height:100%; position:static;}
.weapon_all .swiper-button-next, .weapon_all .swiper-button-prev {background-size:4.8rem auto !important; margin-top:0; top:50%; margin-top:-2.4rem; font-size:0; display:block !important; height:4.8rem;  background-color:rgba(255, 255, 255, 0); width:4.8rem; background-repeat:no-repeat; background-position:0 0; position:absolute; cursor:pointer; background-color:rgba(9, 34, 68, 0.9); border:1px solid #93d3ff; background-image:url('/images/common/character/arr_ch.png');}
.weapon_all .swiper-button-prev {left:-1.8rem;}
.weapon_all .swiper-button-next {transform:scaleX(-1); right:-1.8rem;}
.weapon_all .swiper-button-next:hover, .weapon_all .swiper-button-prev:hover  {background-color:#003388; background-position:0 -4.8rem;}
.weapon_all .swiper-button-next:after, .item_wrap .swiper-button-prev:after {display:none; }
.weapon_all .swiper-container-horizontal>.swiper-scrollbar {cursor: pointer; overflow: visible; border-radius:0; left:50%; transform:translate(-50% , 0); background:rgba(147, 211, 255, 0.4); bottom:1.2rem; height:10px; width:96px; border-radius:5px;}
.weapon_all .swiper-scrollbar-drag {top:-1px; height: calc(100% + 2px);background:#ffff00 url('/images/common/character/bar_scroll.png') center center no-repeat; border-radius:6px;}

.most_rank {position:relative; font-size:0;  padding-top:6rem; margin-bottom:6rem; border-top:1px solid rgba(147, 211, 255, 0.5);}
.most_rank:before, .most_rank:after {content:''; display:block; top:-2px;  width:4px; height:4px; background:#ff0000; position:absolute;}
.most_rank:before {left:0;}
.most_rank:after {right:0;}
.most_rank .con {display:inline-block; vertical-align:top; width:50%; margin-right:6rem; width:calc((100% - 6rem) / 2); padding-left:29.8rem; position:relative;}
.most_rank .con:last-child {margin-right:0;}
.most_rank .user_list li {border-left:0.2rem solid #4e7ba2; border-right:0.2rem solid #4e7ba2; margin-bottom:1px; background:rgba(255, 255, 255, 0.08);}
.most_rank .user_list li:last-child {margin-bottom:0;}
.most_rank .user_list li a {display:block; font-size:14px; color:#fff; padding:0 6rem; position:relative; height:47px; line-height:47px; text-align:left; overflow: hidden;  text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal;  white-space: nowrap;}
.most_rank .user_list li a:before {content:''; display:block; position:absolute; top:0;  left:0.4rem; right:0.4rem; bottom:0; border-left:0.2rem solid #4e7ba2; border-right:0.2rem solid #4e7ba2; background:url('/images/common/character/dot_b.png') -1px 0 no-repeat, url('/images/common/character/dot_b.png') right -1px top 0 no-repeat, url('/images/common/character/dot_b.png') -1px bottom no-repeat, url('/images/common/character/dot_b.png') right -1px bottom 0 no-repeat;}
.most_rank .user_list li a:after {right:1.6rem; content:''; display:block; position:absolute; top:50%; transform:translate(0 , -50%); background-repeat:no-repeat; background-position:0 -2.4rem; width:2.4rem; height:2.4rem; background-image:url('/images/common/character/icon_rank.png');}
.most_rank .user_list li .no {font-weight:500; color:#93d3ff; display:block; position:absolute; top:50%; transform:translate(0 , -50%);  border-radius:50%; background:rgba(147, 211, 255, 0.1); left:1.8rem; height:30px; width:30px; text-align:center; line-height:30px;}
.most_rank .stit {box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2); padding-top:7.2rem; line-height:1.3; font-size:34px; text-shadow:1px 1px 0 #ff0000; text-align:center; letter-spacing:0.02rem; text-transform:uppercase; font-family:'Chakra Petch'; font-weight:700; color:#fff; position:absolute; top:0; bottom:0; left:0; width:26.8rem; background:url('/images/common/character/bg_rank.png') center center no-repeat;}
.most_rank .stit:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; border-top:1px solid #ffee00; border-bottom:1px solid #ffee00; background:url('/images/common/character/bg_stit.png') center 0 no-repeat, url('/images/common/character/dot_y.png') 0 -1px no-repeat, url('/images/common/character/dot_y.png') right -1px no-repeat, url('/images/common/character/dot_y.png') left 0 bottom -1px no-repeat, url('/images/common/character/dot_y.png') right 0 bottom -1px  no-repeat;}
.most_rank .stit:after {content:''; display:block; position:absolute; right:-1.7rem; top:50%; transform:translate(0 , -50%); background:url('/images/common/character/arr_most.png') 0 0 no-repeat; width:1.8rem; height:3.6rem;}
.most_rank .stit span {text-shadow:none; color:#93d3ff;}
.most_rank .stit span:after {content:''; display:block; width:30.4rem; height:27.8rem; background:url('/images/common/character/bg_rank_most.png') 0 0 no-repeat; position: relative; left: 50%; transform: translate(-50% , 0); margin-top:3.8rem;}
.most_rank .user_list li:nth-child(-n+3) {background:linear-gradient(to right, #662266 , #005599); border-color:#ffee00;}
.most_rank .user_list li:nth-child(-n+3) .no {background:url('/images/common/character/bg_win.png') 0 0 no-repeat; color:#ffff33;}
.most_rank .user_list li:nth-child(-n+3) a:before {border-color:#ffee00; background:url('/images/common/character/dot_y.png') -1px 0 no-repeat, url('/images/common/character/dot_y.png') right -1px top 0 no-repeat, url('/images/common/character/dot_y.png') -1px bottom no-repeat, url('/images/common/character/dot_y.png') right -1px bottom 0 no-repeat; background-size:2px auto;}
.most_rank .user_list li a:hover:after {background-position:0 0;} 
.most_rank .user_list li a:hover .user {text-decoration:underline; color:#ffee00;}
.most_rank .con:last-child .stit span:after {background:url('/images/common/character/bg_rank_kill.png') 0 0 no-repeat;}

/* map */
.map_all > .left_nav .depth .depth1 {text-transform:none;     letter-spacing: 0.04rem; transition:none; font-size:14px; color:#b2b2b2; text-shadow:none; padding-top:0.9rem; padding-bottom:0.7rem;}
.map_all > .left_nav .depth .depth1:hover {color:#fff; background:none;}
.map_all > .left_nav .depth .depth1:before {width:14px; height:1px; background:rgba(255, 255, 255, 0.2); left:0; box-shadow:none; transform:none;}
.map_all > .left_nav .depth .depth1:hover:before {width:14px; top:50%; background:rgba(255, 255, 255, 0.2); height:1px;}
.map_all > .left_nav .depth .depth1.on {color:#ff4444; background:none;}
.map_all > .left_nav .depth .depth1.on:before {display:block;}
.map_all > .left_nav .depth .depth1.on:after, .map_all > .left_nav .depth .depth1.on:hover:after {display:none;}

.map_all > .left_nav .depth li:first-child .depth1 {color:#fff; font-size:18px; text-shadow: 1px 1px 0 #f00;} 
.map_all > .left_nav .depth li:first-child .depth1:before {top:0; bottom:0; left:0; right:0; border:1px solid #6699ff; border-right:0; width:auto; height:auto; background:none;}
.map_all > .left_nav .depth li:first-child .depth1:after {content:''; display:block; top:1px; bottom:0; right:-10px; width:13px; position:absolute; background:url('/images/common/map/map_1depth_arr.png') 0 center no-repeat;}
.map_all > .left_nav .depth li:first-child .depth1:hover { background: rgba(102, 153, 255, 0.2); color: #87cfff;  text-shadow: none;}
.map_all > .left_nav .depth li:first-child .depth1:hover:before {width: 1px; left: 0; top: -1px;  background: #87cfff;  transform: none;  box-shadow: none;}
.map_all > .left_nav .depth li:first-child .depth1:hover:after {display:none;}
.map_all > .left_nav .depth li:first-child .depth1.on {    color: #fff;  background: #aa0000;  text-shadow: none;}
.map_all > .left_nav .depth li:first-child .depth1.on:before {display:none;}
.map_all > .left_nav .depth li:first-child .depth1.on:after, .map_all > .left_nav .depth li:first-child .depth1.on:hover:after {height: auto; display:block; right: -12px; top: 0; bottom: 0; transform: none;  width: 12px;  background: url(/images/common/weapon/arr_category_h48.png) 0 0 no-repeat;  background-size:auto 100%;}


.map_all {min-height:105rem;}
.map_all .contents .list li {width:20%;}
.map_all .contents .list .map {    border: 1px solid #6699ff; position:relative; padding-top:56.25%; height:0; }
.map_all .contents .list .map img {width:100%; height:100%; position:absolute; top:0; left:0;}
.map_all .contents .list .name {min-height:0; height:60px;}
.map_all .map_top {position:relative; margin-bottom:6rem; background:url('/images/common/map/bg_map_top.jpg') center center no-repeat; background-size:cover; margin-top:-6rem; margin-left:-7.2rem; margin-right:-7.2rem; padding:6rem 7.2rem; border-bottom: 1px solid transparent;  border-image: linear-gradient(to right, #88bbff , #dd8833);  border-image-slice: 1;}
.map_all .map_top .list {margin-top:0;}
.map_all .map_top .list li {margin-bottom:0;}
.map_all .map_top h3 {margin-bottom:1.5rem; text-transform:uppercase; text-align:center; font-size:34px; font-weight:700; color:#ffffff; letter-spacing:0.04rem; text-shadow:1px 0 1px #ff0000;}
.map_all .map_top h3 img {vertical-align:middle; margin-right:1.5rem; position:relative; top:-4px;}
.map_all .map_top .win {display:block; position:absolute; bottom:3.6rem; left:1rem; width:48px; height:48px; line-height:48px; text-align:center; color:#93d3ff; font-weight:700; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/map/icon_win.png'); font-size:25px;}
.map_all .map_top li:nth-child(1) .win {background-image:url('/images/common/map/icon_win01.png'); color:#ffff33;}
.map_all .map_top li:nth-child(2) .win {background-image:url('/images/common/map/icon_win02.png'); color:#00ffcc;}
.map_all .map_top li:nth-child(3) .win {background-image:url('/images/common/map/icon_win03.png'); color:#e7e2b8;}
.map_all .map_top li:nth-child(1) .map {border-color:#ffff00;}
.map_all .map_top li:nth-child(2) .map {border-color:#00ffcc;}
.map_all .map_top li:nth-child(3) .map {border-color:#e7e2b8;}
.map_all .map_top .swiper-button-next, .map_all .map_top .swiper-button-prev {opacity:0;}
.map_all .map_top li:nth-child(1) .con:hover .name {background: rgba(154, 154, 0, 0.7);}
.map_all .map_top li:nth-child(2) .con:hover .name {background: rgba(11, 105, 86, 0.7);}
.map_all .map_top li:nth-child(3) .con:hover .name {background: rgba(178, 153, 87, 0.7);}
.map_all .map_top li:nth-child(1) .con:hover .name:before {background: url(/images/common/map/arr_name_y.png) 0 0 no-repeat;}
.map_all .map_top li:nth-child(2) .con:hover .name:before {background: url(/images/common/map/arr_name_b.png) 0 0 no-repeat;}
.map_all .map_top li:nth-child(3) .con:hover .name:before {background: url(/images/common/map/arr_name_g.png) 0 0 no-repeat;}



.map_all .contents .view .item {min-height:0 !important; padding:1.2rem; position:relative; top:auto; right:auto; width:calc((100% - 4rem) / 2); display:inline-block; vertical-align:top; box-shadow:none; border:1px solid rgba(147, 211, 255, 0.3);}
.map_all .contents .view .item .map {margin:2rem; padding-top:56.25%; position:relative;}
.map_all .contents .view .item:before {display:none;}
.map_all .contents .view .item .map:before {z-index:2; content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #6699ff; background: url(/images/common/weapon/icon_b_rt.png) right 0 no-repeat, url(/images/common/weapon/icon_b_lb.png) 0 bottom no-repeat, url(/images/common/weapon/icon_b_lt.png) 0 0 no-repeat, url(/images/common/weapon/icon_b_rb.png) right bottom no-repeat;}
.map_all .contents .view .item .map:after {content:''; display:block; position:absolute; top:-2rem; bottom:-2rem; left:-2rem; right:-2rem; background:url('/images/common/map/ptn_map.jpg') 0 0 repeat;}

.map_all .contents .view .item .map img {position:absolute; top:0; left:0; width:100%; height:100%; transform:none; max-width:none; max-height:none;}
.map_all .contents .view .detail {width:calc((100% - 4rem) / 2);; display:inline-block; vertical-align:top; margin-top:0; margin-left:4rem; position:relative;}
.map_all .contents .view .detail:before {content:''; display:block; position:absolute; left:-3rem; top:50%; transform:translate(0 , -50%); width:3rem; height:6rem; background:url('/images/common/character/detail_arr.png') 0 0 no-repeat; background-size:100% auto !important;}
.map_all .contents .view .detail:after {height:auto; top:0;  background: url(/images/common/character/dot_y.png) 0 0 no-repeat, url(/images/common/character/dot_y.png) right 0 no-repeat, url(/images/common/character/dot_y.png) 0 bottom no-repeat, url(/images/common/character/dot_y.png) right bottom no-repeat; background-size:4px auto;}
.map_all .contents .view .top {padding-right:0; text-align:center; margin-bottom:6rem;}
.map_all .contents .view .item:after {background:none;}
.map_all .contents .top .name {padding-right:0;}
.map_all .contents .list .item img {width:100%; height:100%; max-width:none; max-height:none;}
.map_all .most_rank .con {    margin-right: 4rem;  width: calc((100% - 8rem) / 3); padding-left:0;}
.map_all .most_rank .con:last-child {margin-right:0;}
.map_all .most_rank .stit {box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2); font-size:30px; line-height:1.2; position:Relative; top:auto; bottom:auto; left:auto; width:auto; right:auto; text-align:left; height:17rem; padding:0 2.4rem; margin-bottom:1px; display: flex; justify-content: center; align-items: flex-start;  flex-direction: column;}
.map_all .most_rank .stit:before {border-bottom:0; background:url('/images/common/character/bg_stit.png') center 0 no-repeat, url('/images/common/character/dot_y.png') 0 -1px no-repeat, url('/images/common/character/dot_y.png') right -1px no-repeat;}
.map_all .most_rank .stit:after {display:none;}
.map_all .most_rank .stit span:after {position:absolute; width:12rem; height:12rem; background-position:0 0; background-repeat:no-repeat; background-size:100% auto !important; left:auto; transform:none; right:0; top:50%; margin-top:-6rem;}
.map_all .most_rank .con:nth-child(1) .stit span:after {background-image:url('/images/common/map/icon_user_rank.png');}
.map_all .most_rank .con:nth-child(2) .stit span:after {background-image:url('/images/common/map/icon_kill_rank.png');}
.map_all .most_rank .con:nth-child(3) .stit span:after {background-image:url('/images/common/map/icon_weapon_rank.png');}


.map_all .contents .view .go_weapon {font-size:14px; font-weight:700; margin:1.2rem 0 0; position:relative; padding:0 2rem 0 3.6rem;  transition:none; text-shadow:none; letter-spacing: 0.02rem; z-index:11; border-radius:18px; color:#ffee00;  text-transform:uppercase;  height:36px; line-height:34px; text-align:left; border:1px solid #fff;}
.map_all .contents .view .go_weapon font {color:#fff;}
.map_all .contents .view .go_weapon:before {content:''; display:block; position:absolute; top:50%; transform:translate(0 , -50%); left:0.9rem; width:24px; border-radius:50%; height:24px; background-size:12px auto; background-position:center center; background-repeat:no-repeat; background-image:url('/images/common/map/img_plus_y.png');}
.map_all .contents .view .go_weapon:hover {color:#fff;  transition:all ease-in-out 0.2s; border:1px solid #ffee00; background:rgba(0, 0, 0, 0.5); box-shadow:0 0.4rem 0.6rem rgba(0, 0, 0, 0.5);}
.map_all .contents .view .go_weapon:hover:before {background-color:rgba(255, 238, 0, 0.2);}
.map_all .contents .view .go_weapon:hover font {color:#ffee00;}

.map_all .most_rank {margin-top:6rem;}
.map_all .map_view {position:relative; padding:5.6rem 10.4rem 10rem; background:url('/images/common/map/bg_map_veiw.png') center center no-repeat; background-size:cover; box-shadow:inset 0 0 0 1px rgba(147, 211, 255, 0.3);}
.map_all .map_view:before {content:''; display:block; position:absolute; bottom:0; left:0; right:0; top:0;  background: url(/images/common/character/dot_y.png) 0 0 no-repeat, url(/images/common/character/dot_y.png) right 0 no-repeat, url(/images/common/character/dot_y.png) 0 bottom no-repeat, url(/images/common/character/dot_y.png) right bottom no-repeat; background-size:4px auto;}

.map_all .map_view h4 {position: relative; font-size:21px; color:#ffffff; text-transform:uppercase; letter-spacing:0.04rem; font-weight:700; text-align:center; margin-bottom:3rem;}
.map_all .map_view h4 span {color:#93d3ff;}
.map_all .map_view .map_slide {position:relative; padding-right:1px; z-index:1;}
.map_all .map_view .map_slide .sl_list {margin-top:0 !important;}
.map_all .map_view .map_slide li a {position:relative;}
.map_all .map_view .map_slide li a:before {z-index:1; content:''; display:block; position:absolute; bottom:3px; right:3px; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/map/icon_map_ov.png'); width:26px; height:26px;}
.map_all .map_view .map_slide li a:hover:before {background-position:0 -26px;}
.map_all .map_view .map_slide li a:hover {border-color:#ffee00;}
.map_all .map_view .map_slide li a:hover img {transform:scale(1.1);    transition: all ease-in-out 0.2s; }
.map_all .map_pop {position:fixed; top:0; bottom:0; right:0; left:0;}

.sl_list {position:relative;   margin-left:0 !important; margin-top:0;}
.sl_list li {width:25%; padding:0 2rem !important; margin-bottom:0 !important;}
.sl_list li a {display:block; overflow:hidden;     transition: all ease-in-out 0.2s; position:relative; height:0; padding-top:56.25%; background:#000000;}
.sl_list li a img {position:absolute; top:0; left:0; width:100%; height:100%;}


.sl_arrow { position: absolute; left: 0;  right: 0; top:50%; margin-top:-2.4rem;}
.sl_arrow .btn00 {background-size:4.8rem auto !important; font-size:0; display:block !important; height:4.8rem;  background-color:rgba(255, 255, 255, 0); width:4.8rem; background-repeat:no-repeat; background-position:0 0; position:absolute; cursor:pointer; background-color:rgba(9, 34, 68, 0.9); border:1px solid #93d3ff; background-image:url('/images/common/character/arr_ch.png');}
.sl_arrow .btn00.slick-disabled {opacity:0.35;}
.sl_arrow .btn_l {left:-5rem;}
.sl_arrow .btn_r {transform:scaleX(-1); right:-5rem;}
.sl_arrow .btn00:hover {background-color:#003388; background-position:0 -4.8rem;}
.sl_arrow .btn00.slick-hidden {cursor: default; }
.sl_arrow .btn00.slick-hidden:hover {background-position:0 0 ;}

.map_pop { top:0; left:0; bottom:0; right:0;  z-index: -1;  position:fixed; }
.map_pop.zi {z-index:112;}
.map_pop .sl_arrow .btn_l {left:0;}
.map_pop .sl_arrow .btn_r {right:0;}
.map_pop .sl_list {position:absolute; width:56%; top:50%; left:50%; transform:translate(-50% , -50%);  z-index: 100;}
.map_pop.reduce .sl_list {transform:scale(0.7) translate(-70% , -70%);}
.map_pop .slick-arrow {position:absolute; top:50%; margin-top:-2.1rem; vertical-align:middle; background-repeat:no-repeat; background-color:rgba(255, 255, 255, 0); background-image:url('/images/common/map/map_pop_arr.png'); cursor:pointer; transition:none;  background-position:0 0 ;  width:2.4rem; font-size:0px; display:inline-block; z-index:99; height:4.2rem; background-size:100% auto; border:none;}
.map_pop .slick-prev {left:-8.2rem;}
.map_pop .slick-next {transform:scaleX(-1); right:-8.2rem;}
.map_pop .slick-arrow:hover { background-position:0 -4.2rem; }
.map_pop .btns_map {font-size:0; position:absolute; top:4.4rem; right:27.4rem;  z-index: 100;}
.map_pop .btns_map a {display:inline-block; vertical-align:middle; margin-left:2rem; transition:none; background-position:0 0; background-repeat:no-repeat;}
.map_pop .btns_map .btn_close {margin-left:3rem;  background-image:url('/images/common/map/icon_map_pop_close.png'); width:3.1rem; height:3.1rem;}
.map_pop .btns_map .btn_scale { width:3.2rem; height:3.2rem; background-image:url('/images/common/map/icon_reduce.png');} 
.map_pop .btns_map .btn_scale.reduce {background-image:url('/images/common/map/icon_expand.png');}
.map_pop .btns_map .btn_scale:hover {background-position:0 -3.2rem;}
.map_pop .btns_map .btn_close:hover {background-position:0 -3.1rem;}
.map_pop .slick-list {height:100%;}

/* inventory */
.pb_sub .pb_sub_con .inventory .inner {max-width:2306px;}
.inventory {padding-bottom:18rem;}
.inventory .weapon_all {background:none; min-height:0; margin-bottom:0;}
.inventory .weapon_all .contents {padding:0;}
.inventory .weapon_all .contents .wp_wrap {border:none; padding:0;}
.inventory .weapon_all .contents .list li {width: calc(100% / 10);}
.inventory .weapon_all .contents .list li .sort {background:linear-gradient(to right, #000 , #223366); height:24px; font-size:12px; font-weight:500; font-family:'Roboto'; text-transform:uppercase; color:#ffee00;  line-height:24px; text-align:right; position:absolute; top:1px; left:1px; right:1px; z-index:1; padding:0 1.2rem;}
.inventory .weapon_all .contents .list li .sort span {position:absolute; top:0; left:0; bottom:0; color:#ffee00; font-size:11px; letter-spacing:0.01rem; padding:0 1rem; background:#223366; color:#aaccff;}
.inventory .nsb_depth2 ul {margin-left:-1.2rem;}
.inventory .nsb_depth2 ul li {padding-left:1.2rem; position:relative;}
.inventory .nsb_depth2 ul li a {background:rgba(255, 255, 255, 0.1); box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1); text-align:left; padding-left:3rem; font-size:18px; color:#fff; letter-spacing:0.04rem;}
.inventory .nsb_depth2 ul li a:before {content:''; display:block; top:0; bottom:0; left:0; background:#6699ff; width:0.4rem; position:absolute;}
.inventory .nsb_depth2 ul li a:after {content:''; display:none; position:absolute; top:-2px; bottom:-2px; left:-2px; right:-2px; background: url(/images/common/character/dot_y.png) 0 0 no-repeat, url(/images/common/character/dot_y.png) right 0 no-repeat, url(/images/common/character/dot_y.png) 0 bottom no-repeat, url(/images/common/character/dot_y.png) right bottom no-repeat; background-size: 4px auto;}
.inventory .nsb_depth2 ul li.on a, .inventory .nsb_depth2 ul li a:hover {box-shadow:none; border:none; color:#000000; background:url('/images/common/weapon/ptn_inv.jpg') 0 0 repeat;}
.inventory .nsb_depth2 ul li.on a:before, .inventory .nsb_depth2 ul li a:hover:before {width:2.3rem; height:1.2rem; background:url('/images/common/weapon/inven_arr.png') 0 0 no-repeat; left:50%; top:auto; bottom:-1.2rem;  transform:translate(-50% , 0);} 
.inventory .nsb_depth2 ul li.on a:after, .inventory .nsb_depth2 ul li a:hover:after {display:block;} 
.inventory .nsb_depth2 a .num {font-size:17px; color:#fff; background:rgba(102, 153, 255, 0.5); border-radius:6px; padding:0.3rem 1rem; position:absolute; right:2.4rem; border:none; top:50%; transform:translate(0 , -50%); letter-spacing:0.04rem;}
.inventory .nsb_depth2 ul li.on a .num, .inventory .nsb_depth2 ul li a:hover .num {color:#000; background:#ffee00;}
.inventory .btn_read {margin-top:3.6rem;}
.inventory .nsb_depth2 ul li .coming {position:absolute;  right:1.2rem; top:-1rem; font-family:'Roboto'; z-index: 2; font-size:11px; font-weight:500; text-transform:uppercase; color:#fff; letter-spacing:0.02rem; border-radius:10px; background:#cc2222; padding:0 1rem; height:20px; line-height:20px;}
.inventory .nsb_depth2 ul li .coming + a .num {display:none;}
.inventory .weapon_all .contents .list li.character .item img {width:100%; height:100%; max-width:none; max-height:none;}

/* inventory popup */
.pop_inven {width:840px;}
.pop_inven .pop-layout > h2 {background: url(/images/common/weapon/ptn_inv.jpg) 0 0 repeat; font-weight:700; color:#000000; padding:0 7rem 0 3.5rem; height:8.4rem; display:flex; justify-content: center; align-items: start; flex-direction: column;}
.pop_inven .pop-layout > h2 span {display:block; color:#224488; font-size:14px; text-transform:uppercase; margin-bottom:2px;}
.pop_inven .pop-close {right:3rem;}
.pop_inven .weapon_all {min-height:0; margin-bottom:0;}
.pop_inven .weapon_all .contents {padding:0;}
.pop_inven .weapon_all .contents .view {font-size:0; margin:0;}
.pop_inven .weapon_all .contents .view .item {position:relative; width:calc(100% - 330px); top:auto; right:auto; min-height:0; box-shadow:inset 0 0 0 1px rgba(147, 211, 255, 0.3); padding:4.5rem 6.6rem 4rem;}
.pop_inven .weapon_all .contents .view .item img {position:relative; left:auto; top:auto; transform:none; max-width:100%; max-height:155px;}
.pop_inven .weapon_all .contents .wp_info {height:240px;}
.pop_inven .weapon_all .wp_wrap { border:none; padding:0;}
.pop_inven .weapon_all .contents .view {padding:3.6rem 3.6rem 0; height:516px; background:#0a2b58;}
.pop_inven .weapon_all .contents .view .stat {display:inline-block; vertical-align:top; width:330px; max-width:none; margin:0; padding-left:3.6rem; padding-right:0;}
.pop_inven .weapon_all .contents .view .stat ul li {width:100%; display:block; margin-bottom:1rem;}
.pop_inven .weapon_all .contents .view .stat ul li:nth-child(2n) {margin-left:0;}
.pop_inven .weapon_all .contents .view .stat .tit {padding-left:0; font-size:12px;  width:83px;  letter-spacing: 0.06em;}
.pop_inven .weapon_all .contents .view .stat .bar {width:calc(100% - 150px); height:8px;}
.pop_inven .weapon_all .contents .view .stat .tit:before {display:none;}
.pop_inven .weapon_all .contents .view .stat .num {font-size:14px; letter-spacing:0.01em;}
.pop_inven .weapon_all .contents .view .item:before {background-size:1.2rem auto;}
.pop_inven .weapon_all .contents .view .detail {height:calc(100% - 240px - 3.6rem); margin:3.6rem -3.6rem 0; padding:3.6rem;}
.pop_inven .weapon_all .contents .view .detail .txt {padding-right:3.6rem; text-align:left;}
.pop_inven .btns_inven {font-size:0; margin-top:1.9rem; text-align:center;}
.pop_inven .weapon_all .contents .view .btns_inven a {margin-bottom:0 !important; display:inline-block; vertical-align:top; height:36px; display:inline-flex; align-items:center; justify-content:start; font-size:12px; font-weight:700; letter-spacing:0.01em; border-radius:18px; padding-left:36px;}
.pop_inven .weapon_all .contents .view .btns_inven .btn_add:before {left:1.6rem; width:12px; height:12px; background-position:0 0; background-size:12px auto; background-repeat:no-repeat; background-image:url('/images/common/weapon/icon_add03.png');}
.pop_inven .weapon_all .contents .view .btns_inven .btn_add {width:168px; padding-right:0;}
.pop_inven .weapon_all .contents .view .btns_inven .btn_add:hover {border-color:#689aff; color:#709fff;}
.pop_inven .weapon_all .contents .view .btns_inven a font {margin-right:0.4rem;}
.pop_inven .btns_inven .btn_buy {width:116px; margin-left:1rem; background:rgba(255, 238, 0, 0.2); border:1px solid #ffee00; text-transform:uppercase; color:#ffee00; position:relative; }
.pop_inven .btns_inven .btn_buy font {color:#fff;}
.pop_inven .btns_inven .btn_buy:before {content:''; display:block; left:1.6rem; position:absolute; top:50%; width:12px; height:12px; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/weapon/icon_buy.png'); transform:translate(0 , -50%);}
.pop_inven .weapon_all .contents .view .btns_inven a:hover {background:#000000;}

.pop_inven .weapon_all .contents .view .detail:before, .pop_inven .weapon_all .contents .view .detail:after {display:none;}
.pop_inven .pop-con {padding-bottom:0; height:516px;}

.pop_inven .ovsc {overflow-y:auto; height:100%;}
.pop_inven .ovsc::-webkit-scrollbar {width: 1.2rem; background:rgba(0 , 17, 68, 0.4); border-radius:0.6rem;}
.pop_inven .ovsc::-webkit-scrollbar-thumb { border-radius:0.6rem; background: #6699ff; }

.pop_inven .character_all .contents .view {padding:0; padding-left:303px;}
.pop_inven .character_all .contents .view .item {width:232px; position:absolute; top:3.6rem; bottom:3.6rem; left:3.6rem; padding:0;}
.pop_inven .character_all .contents .view .detail {width:100%; height: auto; margin: 0;}
.pop_inven .character_all .contents .view .item img {width:auto; max-width:100%; max-height:100%; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.pop_inven .character_all .contents .view .detail .txt {height:80px;  word-break: break-word;}
.pop_inven .character_all .btns_inven {text-align:left;}
.pop_inven .character_all .most_rank {border-top:none; background: rgba(255, 255, 255, 0.08); padding-top:0; margin-bottom:0; padding:0 3.6rem 3.6rem; }
.pop_inven .character_all .most_rank:before, .pop_inven .character_all .most_rank:after {display:none;}
.pop_inven .character_all .most_rank .con {display:block; margin:0 0 2.4rem; width:100%; padding-left:15.4rem;}
.pop_inven .character_all .most_rank .con:last-child {margin-bottom:0;}
.pop_inven .character_all .most_rank .user_list {height:128px; padding-right:2.4rem;}
.pop_inven .character_all .most_rank .user_list li a {height:42px; line-height:42px;}
.pop_inven .character_all .most_rank .stit {width:15.2rem; padding-top:2rem; color:#93d3ff; font-size:17px; font-weight:700; text-transform:uppercase; letter-spacing:0.02em; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); background-size: cover;}
.pop_inven .character_all .most_rank .stit span {display:block; color:#fff; margin-top:-4px;}
.pop_inven .character_all .most_rank .stit:after {display:none;}
.pop_inven .character_all .most_rank .user {background:none;}
.pop_inven .character_all .most_rank .stit span:after {width:70px; height:64px; background-size:100% auto !important; margin-top:0; position:absolute; bottom:-9px;}
.pop_inven .character_all .btns_inven .btn_buy {margin-left:0;}
.pop_inven .character_all .most_rank .ovsc::-webkit-scrollbar {width:0.8rem;}

@media screen and (max-width: 2200px) {
.weapon_all .contents .list li {width: calc(100% / 7);}
.inventory .weapon_all .contents .list li {width: calc(100% / 8);}

/* map */
.map_all .contents .list li {width:20%;}
.map_pop .btns_map {right:4.8rem;}
}

@media screen and (max-width: 1921px) {
.weapon_all .contents .list li {width: calc(100% / 6);}
.weapon_all .contents .view .top {padding-bottom: 4rem;}
.weapon_all .contents .view .top .name {font-size: 2.7rem;}
.weapon_all .contents .view .item {min-height: 420px;}
.weapon_all .contents .view .stat {margin-top: 5rem; margin-bottom: 3rem;}
.weapon_all .contents .view .stat .tit {width: 112px; font-size: 14px;}
.weapon_all .contents .view .stat .bar {width: calc(100% - 150px);}
.weapon_all .contents .view .stat .num {font-size: 17px;}
.weapon_all .contents .view .btn_add {margin-bottom: 16px;}
.weapon_all .contents .view {margin:0;}
.weapon_all .contents .view .item {min-height:321px;}
.inventory .weapon_all .contents .list li {width: calc(100% / 7);}

/* map */
.map_all .contents .list li {width:20%;}
.map_all .most_rank .stit {font-size:22px;}
.map_all .map_view {padding-left:8.4rem; padding-right:8.4rem;}
}

@media screen and (max-width: 1700px) {
.weapon_all .contents .list li {width: calc(100% / 5);}

/*****character*******/
.character_all .contents .view .detail {    width: calc(100% - 48rem);     margin-left: 7.2rem;}

/* map */
.map_all .most_rank .stit {background-size:cover;}
.map_all .most_rank .con {display:block; width:100%; margin-right:0; margin-bottom:4rem;}
.sl_list li {padding: 0 1.2rem !important;}
.sl_arrow .btn_l {left:-0.8rem;}
.sl_arrow .btn_r {right:-0.8rem;}
.map_all .map_view {padding-left:4.8rem; padding-right:4.8rem;}
}

@media screen and (max-width: 1560px) {
.weapon_all .contents .list li {width: calc(100% / 4);}

/* view*/
.weapon_all .contents .view .top:before, .weapon_all .contents .view .top:after {display: none;}
.weapon_all .contents .top .name {padding-right: 0; margin-top: 0.6rem;}
.weapon_all .contents .view {text-align:center;}
.weapon_all .contents .view .top {padding-right:0; text-align:left; border-bottom:0;}
.weapon_all .contents .view .item {position:relative; top:auto; right:auto; margin:0 auto; transform:none; width:100%;}
.weapon_all .contents .view .stat {width:auto; text-align:left; max-width:none;}

/*****character*******/
.character_all .contents .view .top {margin-bottom:0; text-align:center;}
.character_all .contents .view .item {width:40.8rem;}
.most_rank .con {display:block; width:100%; margin-right:0; margin-bottom:6rem;}
.most_rank .con:last-child {margin-bottom:0;}

/* map */
.map_all .contents .list li {width:20%;}
.map_all .contents .wp_wrap {padding-left:2.5rem; padding-right:2.5rem;}
.map_all .map_top {padding-left:2.5rem; padding-right:2.5rem; margin-left:-2.5rem; margin-right:-2.5rem;}
.map_all .contents .view .item {    width: calc((100% - 4rem) / 2);}
.map_all .contents .view .top {text-align:center; margin-bottom:0;}
}

@media screen and (max-width: 1480px) {
/* inventory */
.inventory .weapon_all .contents .list li {width:20%;}
}

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

/* map */
.map_all .map_view { padding:5.6rem 4.8rem 4.8rem;}
.sl_list li {padding: 1.2rem !important;}	
.map_all .map_view h4 {margin-bottom:1.8rem;}
.sl_arrow .btn00 {z-index:1;}
.sl_arrow .btn_l {left:-2.4rem;}
.sl_arrow .btn_r {right:-2.4rem;}
}

@media screen and (min-width: 1281px) {
.weapon_all > .left_nav .depth .depth1.all + ul {display:block !important;}
}

@media screen and (max-width: 1280px) {
.weapon_all > .left_nav .depth {position:static;}	
.weapon_all > .left_nav {position:static; width:auto; padding:2rem 2.5rem;}
.weapon_all .contents {padding-left:0;}
.weapon_all .contents .wp_wrap {padding: 5rem 2.5rem 0;}
.weapon_all > .left_nav .depth .all {display:block;}
.weapon_all > .left_nav .depth .depth1.on:after {display:none;}
.weapon_all > .left_nav .depth .depth1.all {margin-bottom:0; height:46px; line-height:46px;  text-shadow: 1px 1px 0 #ff4444; padding-top:0; padding-bottom:0; background:rgba(0, 0, 0, 0.5) !important; border:1px solid rgba(255, 0, 0, 0.5);}
.weapon_all > .left_nav .depth .depth1.all:after {content:''; display:block; position:absolute;  width: 46px;   top: -1px;  bottom: -1px;  right: 0;  border: 1px solid rgba(255, 0, 0, 0.4);  background: url('/images/common/sub/sub_depth2_arr.png') center center no-repeat; }
.weapon_all > .left_nav .depth .depth1.all:before { display:block !important; transform:none; width:auto; height:auto; content:''; display:block; position:absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; background:url(/images/common/icon_rt.png) right 0 no-repeat, url(/images/common/icon_lb.png) 0 bottom no-repeat, url(/images/common/icon_lt.png) 0 0 no-repeat, url(/images/common/icon_rb.png) right bottom no-repeat; background-size:11px auto; box-shadow: none;}
.weapon_all > .left_nav .depth .depth1.on {background:#aa2222; box-shadow:0 2rem 4rem rgba(0, 0, 0, 0.3); color:#fff;}
.weapon_all > .left_nav .depth .depth1.on:hover {background:#aa2222;}
.weapon_all > .left_nav .depth .depth1.all + ul {display:none; padding:1rem 2.5rem; background:#660000; position:absolute; left:2.5rem; right:2.5rem; z-index:12;}
.weapon_all > .left_nav .depth ul .depth1:before {display:none;}
.weapon_all > .left_nav .depth .depth1 {font-size:16px; text-shadow:none; margin-bottom:0;}
.weapon_all > .left_nav .depth ul .depth1 {color:#ff0000; border-bottom:1px solid #b30000; padding-top: 1.6rem; padding-bottom: 1.4rem;}
.weapon_all > .left_nav .depth ul li:last-child .depth1 {border-bottom:0;}
.weapon_all > .left_nav .depth .in_depth2 .depth1:after {right:0;}
.weapon_all > .left_nav .depth ul .depth1:hover {background:rgba(102, 153, 255, 0); color: #fff;}
.weapon_all > .left_nav .depth ul .depth1:hover:before {display:none;}
.weapon_all > .left_nav .depth ul .depth1.on:hover:after {display:none;}
.weapon_all > .left_nav .depth .in_depth2 .depth1:after {display:block !important;}
.weapon_all > .left_nav .depth .depth1.on:after { transform: translate(0 , -50%); width: 20px;  top: 50%;  height: 20px;  background: url(/images/common/weapon/plus.png) 0 0 no-repeat;}
.weapon_all > .left_nav .depth .in_depth2 .depth2.act .depth1:after {display:none !important;}
.weapon_all > .left_nav .depth .depth1.on + .depth2 {position: absolute; background: #aa2222; z-index: 1; width:50%; right:0; top:0; padding:0 2rem; box-shadow:0 2rem 4rem rgba(0, 0, 0, 0.3);}
.weapon_all > .left_nav .depth .in_depth2 {position:relative;}
.weapon_all > .left_nav .depth .depth2 a:before, .weapon_all > .left_nav .depth .depth2 a:after, .weapon_all > .left_nav .depth .depth2 .red a:after {display:none;}
.weapon_all > .left_nav .depth .depth2:before {display:none;}
.weapon_all > .left_nav .depth .depth2 a {padding: 1.6rem 2.4rem; color:#ffaaaa; font-size: 17px; margin-bottom:0; display:block; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.weapon_all > .left_nav .depth .depth2 li:first-child {padding-top: 0;}
.weapon_all > .left_nav .depth .depth2 li:last-child a {border:none;}
.weapon_all > .left_nav .depth .depth2 .on a, .weapon_all > .left_nav .depth .depth2 .on a:hover {color: #ffee00;}


/* list */
.weapon_all .contents .list li {width: calc(100% / 5);} 
.weapon_all .contents .top .tit {border-bottom:0; padding-bottom:0; padding-top: 0;}
.weapon_all .contents .top .tit:before, .weapon_all .contents .top .tit:after {display:none;}
.weapon_all .contents .top {padding-right:0; padding-left: 2.4rem;}
.weapon_all .contents .top:before {content:''; display:block; position:absolute; top:0; left:0; width:1rem; background:#6699ff; height:calc(100% - 6rem);}
.weapon_all .contents .top .new_search_wrap {position:relative; width:auto; transform:none; top:auto; right:auto; margin-top:3rem; margin-left: -2.4rem;}
.weapon_all .contents .top .new_search_wrap .search_area {height: 30px;}

/* view */
.weapon_all .contents .view .top {padding-left:0;}
.weapon_all .contents .view .item {background-size:cover; min-height: 300px;}
.weapon_all .contents .view .item img {max-height: 264px;}
.weapon_all .contents .view .detail {padding-left: 2.4rem; padding-right: 2.4rem;}

/* popup*/
.pop-weapon {width:auto !important; max-height:none; top:2.5rem; bottom:2.5rem; left:2.5rem; right:2.5rem; transform:none; }
.pop-weapon .pop-con {top:7.7rem;}	
.pop-weapon .pop-con {overflow:hidden;}

/**********character***********/
.character_all .contents .view .item { display:block; margin:0 auto;}
.character_all .contents .view .item img {max-height:none;}
.character_all .contents .view .detail {display:block; width:100%; margin-top:6rem; margin-left:0; min-height:0 !important;}
.character_all .contents .view .detail:before {left:50%; top:-3rem; transform:translate(-50% , 0); background: url(/images/common/character/detail_arr_m.png) 0 0 no-repeat; width:6rem; height:3rem;}
.character_all .contents .top .cate { border-bottom: 1px solid rgba(147, 211, 255, 0.5); position:relative; padding-bottom:2.4rem; margin-bottom:3.6rem; }
.character_all .contents .top .cate:before, .character_all .contents .top .cate:after {content: ''; display: block; bottom: -2px; width: 3px;height: 3px; background: #ff0000; position: absolute;}
.character_all .contents .top .cate:before { left: 0;}
.character_all .contents .top .cate:after { right: 0;}
.character_all .contents .top .name {margin-top:0;}
.weapon_all .swiper-button-prev {left:-7.2rem;}
.weapon_all .swiper-button-next {right:-7.2rem;}


/********** map ***********/
.map_all .contents .view .detail {padding:2.4rem;}
.map_all .contents .top .cate { border-bottom: 1px solid rgba(147, 211, 255, 0.5); position:relative; padding-bottom:2.4rem; margin-bottom:3.6rem; }
.map_all .contents .top .cate:before, .map_all .contents .top .cate:after {content: ''; display: block; bottom: -2px; width: 3px;height: 3px; background: #ff0000; position: absolute;}
.map_all .contents .top .cate:before { left: 0;}
.map_all .contents .top .cate:after { right: 0;}
.map_all .contents .top .name {margin-top:0;}
.map_pop .slick-prev {left:-4.8rem;}
.map_pop .slick-next { right:-4.8rem;}
.map_all > .left_nav .depth li:first-child .depth1:after {display:none;}
.map_all > .left_nav .depth li:first-child .depth1 {    font-size: 16px; text-shadow: none;}
.map_all > .left_nav .depth .depth1 {    color: #fff;}

/* inventory */
.inventory .nsb_depth2 ul li a {padding-left:1.2rem; font-size:16px;}
.inventory .nsb_depth2 a .num {right:1.2rem; font-size:14px; }

.pop_inven .weapon_all .wp_wrap {padding:0;}
.pop_inven .character_all .swiper-button-prev { left: -1.8rem; }
.pop_inven .character_all .swiper-button-next { right: -1.8rem;}
}

@media screen and (min-width: 1024px) {
/* .weapon_all .item_wrap {top:auto !important;}	*/
.weapon_all .fix_item .item_wrap.clon {top:9.6rem !important;}
.weapon_all .compare_area .item_wrap.clon {top:13.9rem !important;}
.item_wrap .category  + .cancel {display:none !important;}
}
	
@media screen and (max-width: 1023px) {
/* list */
.weapon_all .contents .list li {width: calc(100% / 4);} 
	
/* popup */	
.pop-weapon .list {max-height:none; height:calc(100% - 12rem); margin-left:-1.2rem; padding-right:0;}
.pop-weapon .list li {width: calc(100% / 3); padding-left:1.2rem; margin-bottom:1.2rem; }
.pop-weapon .nodata_n {height:100%;}

/* compare */
.weapon_all .compare_area {width:auto; margin-left:0; border:none; position:relative;}
.weapon_all .compare_area .top {border:none; background:none; padding: 6rem 2.4rem; height:auto;}
.weapon_all .compare_area .new_search_wrap {width:calc(100% - 192px);}
.weapon_all .compare_area .list_area {padding-top:0; overflow:hidden; width:auto; white-space: normal; margin:0;}
.weapon_all .list_area ul > li {display:block; margin:0 0 9.6rem; width:100%; background: rgba(24, 56, 110, 0.5); padding-bottom:3.6rem; box-shadow:0 2rem 4.8rem rgba(0, 0, 0, 0.4);}
.weapon_all .list_area ul > li :last-child {margin-bottom:0;}
.weapon_all .item_wrap {width:100%;}
.weapon_all .item_wrap .desc {border-top:0;}
.weapon_all .item_wrap .desc li {position:relative; width:calc((100% - 2.4rem) / 2); display:inline-block; vertical-align:top; box-shadow:none; background: none; padding: 1.5rem 2.4rem 1.5rem 9.6rem;}
.weapon_all .item_wrap .desc li:nth-child(2n) {margin-left:2.4rem; background:none;}
.weapon_all .item_wrap .desc li:nth-child(3), .weapon_all .item_wrap .desc li:nth-child(4), .weapon_all .item_wrap .desc li:nth-child(7), .weapon_all .item_wrap .desc li:nth-child(8) {background: rgba(102, 153, 255, 0.15);}
.weapon_all .item_wrap .desc li span {display:block; padding:0;}
.weapon_all .item_wrap .desc .tit {position:absolute; top:50%; left:2.4rem; transform:translate(0 , -50%); font-weight:700;}
.weapon_all .item_wrap .desc .value, .weapon_all .item_wrap .desc .num, .weapon_all .fix_item .item_wrap .desc .value {width:100%; text-align:right; line-height:22px; height:22px;}
.weapon_all .item_wrap .desc .value {font-size:18px; font-weight: 700;}
.weapon_all .item_wrap .desc .num {font-weight:500;}
.weapon_all .list_area .item_wrap {padding-left:2.5rem; padding-right:2.5rem; background:none;}

.weapon_all .fix_item .item_wrap {padding-bottom:3.6rem; padding-left:2.5rem; padding-right:2.5rem;}
.weapon_all .fix_item {width:auto; position:relative; top:auto; left:auto; bottom:auto; border-bottom:1px solid rgba(102, 153, 255, 0.4); box-shadow:0 2rem 4.8rem rgba(0, 0, 0, 0.4);}
.weapon_all .fix_item .weapon_num {height: 48px; padding: 0 2.4rem;}
.weapon_all .fix_item .weapon_num .tit {font-size: 14px; line-height: 1.5;}
.weapon_all .fix_item .weapon_num .tit span {display:inline;}
.weapon_all .fix_item .weapon_num .num {font-size: 17px; right: 2.4rem;}
.weapon_all .item_wrap .item_con {position:relative; margin-bottom:2.4rem; padding-bottom:0; display:block;}
.weapon_all .item_wrap .item_con .s_link {bottom:0;}
.weapon_all .item_wrap .item {width:100%; justify-content: right; padding: 0; height:21.6rem;}
.weapon_all .btn_change {top:-7rem; left:50%; transform:translate(-50% , 0);}
.weapon_all .go_compare {right:4rem; top:3.5rem;}
.weapon_all .fix_item .item_wrap .item {width:100%;}
.weapon_all .item_wrap .item img {max-width:21.6rem;}
.weapon_all .item_wrap .name {max-width: none; word-break: break-word; position:absolute; top:50%; transform:translate(0 , -50%); left: 4.8rem; padding:0; margin:0; font-size:23px; font-weight:700; width: calc(100% - 30rem); text-align:left; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:auto; max-height: 83px; white-space: normal;}
.weapon_all .no .add_item {width:100%; font-size:14px; color:#fff; text-align:center; height:auto; padding:9rem 2.5rem; font-weight:700; font-family:'Roboto';}
.weapon_all .no .add_item font {color:#6699ff;}
.weapon_all .no .add_item:before {background-size: cover; position:relative; display:inline-block; left:auto; top: auto; transform: none; vertical-align: middle; margin-right:1rem; }
.weapon_all .no .txt {display:none;}
.weapon_all .item_wrap.clon {left:auto !important;}

.weapon_all .list_area .category li {margin:0; box-shadow:none; background:none; padding-bottom:0;}
.weapon_all .list_area .category li .depth2 li {margin:1rem 0;}

.weapon_all .list_area .item_wrap {height:auto !important;}
.item_wrap .in_search .new_search_wrap {width:100%;}
.item_wrap .in_search .new_search_wrap .search_list li {background:none; margin:1rem 0; padding-bottom:0; box-shadow:none; background:none;}
.item_wrap .in_search {background: #1b3a6a;}

.item_wrap .category, .item_wrap .in_search {position:fixed; z-index:111; top:2.5rem; bottom:50%; left:2.5rem; right:2.5rem;}
.item_wrap .category:before, .item_wrap .in_search:before {content:''; display:block; position:fixed; top:0; bottom:0; left:0; right:0;  background: #000; opacity: 0.5;}
.item_wrap .category  + .cancel {z-index: 1111; width: 21.6rem; position: fixed; bottom: calc(50% - 9rem); left: 50%; transform: translate(-50% , 0); height:6rem; line-height:6rem;}
.item_wrap .category > .depth {height:100%; background:#0a2850;     position: relative;}
.item_wrap .category .depth1:hover {color:#fff; background:#0a2850;}
.item_wrap .in_search .in_search_wrap {position: relative; background:#1b3a6a;     height: calc(100% - 36px);}

/* map */
.map_all .contents .list li {width:calc(100% / 3);}
.map_all .map_top .swiper-button-next, .map_all .map_top .swiper-button-prev {opacity:1; top:55%;}
.map_all .swiper-button-next.swiper-button-disabled, .map_all .swiper-button-prev.swiper-button-disabled {opacity:0.35;}
.map_all .map_top .swiper-button-next {right:2.5rem;}
.map_all .map_top .swiper-button-prev {left:2.5rem;}
.map_all .contents .view .item {width:100%; display:block;}
.map_all .contents .view .detail {min-height:0 !important; width:100%; display:block; margin-left:0; margin-top:6rem;}
.map_all .contents .view .detail:before {left: 50%; top: -3rem;  transform: translate(-50% , 0);  background: url(/images/common/character/detail_arr_m.png) 0 0 no-repeat;  width: 6rem; height: 3rem;}
.map_all .map_top {padding-left:5rem; padding-right:5rem;}

/* inventory */
.inventory .weapon_all .contents .list li {width:25%;}
.inventory .nsb_depth2 .nw_tab {border:none; background:rgba(255, 255, 255, 0.1); box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1); font-weight:700; letter-spacing:0.04rem;}
.inventory .nsb_depth2 .nw_tab .num {display:none;}
.inventory .nsb_depth2 .nw_tab:after {border:none;}
.inventory .nsb_depth2 .nw_tab:before {right:auto; top:0; bottom:0; left:0; background:#6699ff; width:0.4rem; }
.inventory .nsb_depth2 ul {margin-left:0; z-index:12; background:#6699ff; padding-left:2.4rem; padding-right:2.4rem;}
.inventory .nsb_depth2 ul li {padding-right:0; padding-left:0; border-bottom:1px solid rgba(0, 0, 0, 0.5);}
.inventory .nsb_depth2 ul li:last-child {border-bottom:0;}
.inventory .nsb_depth2 ul li a {box-shadow:none; background:none; color:#000000; font-weight:700;}
.inventory .nsb_depth2 ul li a:before ,.inventory .nsb_depth2 ul li a:after {display:none !important;}
.inventory .nsb_depth2 a .num {right:0;     color: #000;  background: #ffee00;}
.inventory .nsb_depth2 ul li.on a, .inventory .nsb_depth2 ul li a:hover {background:none;}
.inventory .nsb_depth2 ul li .coming {    top: 50%; transform: translate(0 , -50%); right:0;}

.pop_inven {bottom:9rem;}
.pop_inven .weapon_all {height:100%;}
.pop_inven .weapon_all .contents {height:100%;}
.pop_inven .weapon_all .contents .view {height:100%;}
.pop_inven .pop-con {top:8.4rem; height:auto; overflow-y: auto;}
.pop_inven .weapon_all .wp_wrap {height:100%; min-height:545px;}
/* .pop_inven .character_all .contents .view {padding:3.6rem 0;}
.pop_inven .character_all .contents .view .item {position:relative; top:auto; left:auto; bottom:auto; margin-bottom:3.6rem;}
.pop_inven.pop_iv_ch .pop-con {background: #0a2b58;} */
.pop_inven .character_all .contents .view .detail {height:207px;}
.pop_inven .character_all .most_rank {height:calc(100% - 207px);}
.pop_inven .character_all .most_rank .con {height: calc((100% - 2.4rem) / 2);}
.pop_inven .character_all .most_rank .user_list {height:100%;}
.pop_inven .character_all .swiper-button-prev { left: -3.8rem; }
.pop_inven .character_all .swiper-button-next { right: -3.6rem;}



}	

@media screen and (max-width: 768px) {
.weapon_all .contents .list li {width: calc(100% / 3);}	

.weapon_all > .left_nav .depth .depth1 {font-size:2.5rem;}
.weapon_all > .left_nav .depth .depth1.all {height:35px; line-height:35px;}
.weapon_all > .left_nav .depth .depth1.all:after { width: 35px; background-size: 12px auto;}
.weapon_all > .left_nav .depth .depth1.all:before {background-size: 7px auto;}
.weapon_all > .left_nav .depth .depth2 a {font-size: 2.45rem;}
.weapon_all .contents .top .tit {font-size: 4.2rem;}
.weapon_all .contents .top .txt {font-size:2.3rem;}
.weapon_all .contents .top:before {height: calc(100% - 9.6rem);}
.weapon_all .contents .list .btn_add:hover {font-size: 2.1rem; padding: 2rem 2.4rem 0 7.2rem; line-height: 1.2;}
.weapon_all .contents .list .btn_add span {font-size:2.3rem; width:140px; top:-3.6rem; left:2.4rem;}
.weapon_all .contents .list .btn_add.already span {width:140px;}
.weapon_all .contents .list .name {font-size:2.5rem; min-height: 60px;}
.weapon_all .contents .list .item img {max-width: 140px; width: calc(100% - 12px); max-height: 140px;}
.weapon_all .contents .list .new .con:before {font-size:2rem; height:17px; line-height:17px; width:30px;}
.weapon_all .compare_weapon .num {font-size:2.5rem;}
.weapon_all > .left_nav .depth .in_depth2 .depth1:after {width:13px; height:13px; background-size:13px auto;}
.weapon_all .contents .list .name {font-size:2.3rem; height:50px;}
.weapon_all .contents .list .cate {font-size:2.1rem; height:19px; line-height:19px; padding:0 1.5rem;}
.weapon_all .compare_weapon .btn_compare {padding:1.6rem 2rem; font-size:2.3rem;}
.weapon_all .compare_weapon .btn_compare font {display:block; }
.weapon_all .compare_weapon .num {position:static; margin-left:2rem; border-radius:1.2rem;}
.weapon_all .compare_weapon span {display:inline-block; vertical-align:middle;}

/* view */
.weapon_all .contents .top .cate {font-size:2.6rem;}
.weapon_all .contents .view .top .name {font-size: 3.6rem;}
.weapon_all .contents .view .item:before {background-size:12px auto;}
.weapon_all .contents .view .item {min-height: 180px;}
.weapon_all .contents .view .item:before, .weapon_all .contents .view .item:after {width: calc(100% - 12px); height: calc(100% - 12px); top: 6px; left:6px;}
.weapon_all .contents .view .item img {max-height: 160px;}
.weapon_all .contents .view .stat {padding-right: 0;}
.weapon_all .contents .view .stat .tit {font-size: 2.4rem; width: 76px;}
.weapon_all .contents .view .stat .num {font-size:2.8rem;}
.weapon_all .contents .view .stat .bar {width:calc(100% - 104px);}
.weapon_all .contents .view .stat ul li {width: calc((100% - 4.8rem) / 2);}
.weapon_all .contents .view .stat ul li:nth-child(2n) {margin-left:4.8rem;}
.weapon_all .contents .view .detail {font-size: 2.3rem;}
.weapon_all .contents .view .detail .tit {font-size: 2.7rem; padding-top: 0.6rem; padding-bottom: 0.2rem;}
.weapon_all .contents .view .btn_add {font-size: 2.4rem; height:36px; line-height:36px; padding-left:7.2rem;}
.weapon_all .contents .view .btn_add:before {width:28px; height:28px; background-size:28px auto; left:3px;}
.weapon_all .contents .view .btn_add:hover:before {background-position:0 -28px;}
.weapon_all .contents .view .btn_add span {top:-3.6rem; font-size:2.3rem;}
.weapon_all .contents .view .detail {padding-left: 2.4rem; padding-right: 2.4rem;}

/* compare */
.weapon_all .fix_item .weapon_num .tit {font-size: 2.4rem;}
.weapon_all .fix_item .num {font-size:3.9rem;}
.weapon_all .item_wrap .name {font-size: 3rem; max-height: 54px;}
.weapon_all .item_wrap .desc .tit {font-size:2.2rem;}
.weapon_all .item_wrap .desc .tit {width:56px;}
.weapon_all .item_wrap .desc .value {font-size:2.7rem;}
.weapon_all .item_wrap .desc .value, .weapon_all .item_wrap .desc .num, .weapon_all .fix_item .item_wrap .desc .value {height: 16px; line-height: 16px;}
.weapon_all .item_wrap .desc .num {font-size:2.3rem;}
.weapon_all .item_wrap .desc li {padding-left:14rem;}
.weapon_all .list_area .btn_remove {width:98px; height:28px; line-height:28px; font-size:2.1rem; margin-top: 3.6rem;}
.weapon_all .list_area .btn_remove:before {background-size:1.2rem auto; margin-top: -2px;}
.weapon_all .btn_change {background-size:43px auto; width:43px; height:43px; top:-11rem;}
.weapon_all .btn_change:hover {background-position:0 -43px;}
.weapon_all .go_compare {background-size:32px auto; width:32px; height:32px;}
.weapon_all .go_compare:hover {background-position:0 -32px;}
.weapon_all .list_area ul > li {margin-bottom:14.4rem;}
.weapon_all .list_area .category li .depth2 li {margin:2rem 0;}

.weapon_all .compare_area .top > div {width: calc(50% - 0.6rem);}
.weapon_all .item_sel .all {height: 38px;}
.weapon_all .item_sel a {font-size:2.3rem; line-height:36px;}
.weapon_all .compare_area .new_search_wrap .search_area {height:36px;}
.weapon_all .compare_area .new_search_wrap .search_list li {font-size:2.3rem;}
.item_wrap .category a {font-size:2.3rem; height:36px; line-height:36px;}
.item_wrap .in_search .stit {height:36px; line-height:36px; font-size:2.3rem;}
.item_wrap .in_search .new_search_wrap {width:100%;}
.item_wrap .in_search .stit .btn_back {width:36px;}
.weapon_all .contents .nodata_n {font-size:2.7rem;}

/* popup */	
.pop-weapon .pop-layout > h2 {font-size:3.3rem;}
.pop-weapon .pop-layout > h2 .num {font-size:3.1rem;}
.pop-weapon .list .name {font-size:2.3rem;}
.pop-weapon .list li {width: 50%;} 
.pop-weapon .list .item img {height:70px;}

/********character***********/
.character_all .contents .view .item img {max-height:none;}
.character_all .contents .list .item img {max-width:none; width:100%; max-height:none;}
.character_all .contents .view .item:before {top:auto; left:50%; width:144px; height:24px;}
.most_rank .con {padding-left:0;}
.most_rank .user_list li a {height:36px; line-height:36px; font-size:2.3rem;}
.most_rank .user_list li a:after {background-size:100% auto;}
.most_rank .user_list li .no {width:16px; height:16px; line-height:16px; background-size: 100% auto !important;}
.most_rank .stit {font-size:3.4rem;  position:relative; top:auto; bottom:auto; left:auto; right:auto; width:100%; background-size:cover; text-align:left; padding:5.6rem 2.4rem; margin-bottom:1px;}
.most_rank .stit span {display:block;}
.most_rank .stit br {display:none;}
.most_rank .stit:after {background-size:100% auto; top:auto; bottom:-13px; left:50%; transform: translate(-50% , 0) rotate(90deg); display:none;}
.most_rank .stit span:after {background-size:100% auto !important; position:absolute; top:50%; right:0; transform:translate(0 , -50%); margin-top:0; width:16rem; height:14.6rem; left:auto;}
.most_rank .stit:before {border-bottom:0; background-size:7.8rem auto, 3px auto, 3px auto, 3px auto, 3px auto !important;}
.character_all .contents .view .detail:after {background-size:3px auto;}
.most_rank:before, .most_rank:after {width:3px; height:3px;}

/* map */
.map_all .contents .list li {width:50%;}
.map_all .map_top .swiper-button-next, .map_all .map_top .swiper-button-prev {width:36px; height:36px; background-size:36px auto !important;}
.map_all .map_top .swiper-button-next:hover, .map_all .map_top .swiper-button-prev:hover { background-position: 0 0;}
.map_all .contents .list .name {    min-height: 0; height: 40px;}
.map_all .map_top h3 {font-size:4.3rem;}
.map_all .map_top h3 img {width:15px; top:-3px;}
.map_all .most_rank .stit {font-size:3.4rem; height:20rem;}
.map_all .most_rank .stit span:after {width:16rem; height:16rem; margin-top:-8rem;}
.map_all .contents .view .go_weapon {height:30px; line-height:28px; padding-left:6rem; font-size:2.3rem;}
.map_all .contents .view .go_weapon:before {left:2px;}
.map_all .contents .view .item .map:before {    background-size: 12px auto;}
.map_all .map_view h4 {font-size:3rem;}
.map_all .map_view .map_slide li a:before {right:0; bottom:0;}
.map_pop .btns_map a {background-size:100% auto;}
.map_pop .sl_list {     transform: scale(1.5) translate(-33% , -33%);}
.map_pop.reduce .sl_list {transform: scale(1) translate(-50% , -50%);}
.map_pop .slick-prev {left:-2.4rem;}
.map_pop .slick-next { right:-2.4rem;}
.map_all .map_top {padding-left:2.4rem; padding-right:2.4rem;}
.map_all .map_top .swiper-button-next {right:0;}
.map_all .map_top .swiper-button-prev {left:0;}
.map_all .map_view { padding:5.6rem 2.4rem 4.8rem;}
.map_all > .left_nav .depth li:first-child .depth1 {font-size:2.5rem;}

/* inventory */
.inventory .weapon_all .contents .list li {width: calc(100% / 3);}
.inventory .nsb_depth2 ul li a {font-size:2.5rem;}
.inventory .nsb_depth2 a .num {font-size:2.3rem;}
.inventory .weapon_all .contents .list li .sort {height:20px; line-height:20px; font-size:2.1rem;}
.inventory .weapon_all .contents .list li .sort span {font-size:2rem;}
.inventory .nsb_depth2 ul li .coming {font-size:2rem; }
.inventory .weapon_all .contents .list li.character .item img {max-width: none; width: 100%;  max-height: none;}

.pop_inven {bottom:12rem;}
.pop_inven .btns_inven .btn_buy {margin-left:2.4rem;}
.pop_inven .pop-layout > h2 span {font-size:2.3rem;}
.pop_inven .weapon_all .contents .view .item {display:block; width:100%;}
.pop_inven .weapon_all .contents .view .stat {display:block; padding-left:0; margin-top:3.6rem; width:100%;}
.pop_inven .weapon_all .contents .view .stat ul li {width: calc((100% - 2.4rem) / 2); display:inline-block; vertical-align:top;}
.pop_inven .weapon_all .contents .view .stat ul li:nth-child(2n) {margin-left:2.4rem;}
.pop_inven .weapon_all .contents .wp_info {height:342px;}
.pop_inven .weapon_all .contents .view .detail {height: calc(100% - 342px - 3.6rem);}
.pop_inven .weapon_all .contents .view .btns_inven a {height:30px; font-size:2.1rem; max-width:50%;}
.pop_inven .weapon_all .contents .view .stat .tit {font-size:2.1rem; width:65px;}
.pop_inven .weapon_all .contents .view .stat .bar {    width: calc(100% - 127px);}
.pop_inven .weapon_all .contents .view .stat .num {font-size:2.3rem;}
.pop_inven .character_all .contents .view {padding-left:0;}
.pop_inven .character_all .contents .view .item {height:calc(50% - 3.6rem); width:200px; bottom:auto; display:inline-block; vertical-align:top; background: #0a2b58; position:relative; left:auto; top:auto; bottom:auto; margin:3.6rem;}
.pop_inven .character_all .contents .view .detail {height:calc(50% + 3.6rem); width:calc(100% - 200px - 7.2rem);  display:inline-block; vertical-align:top; padding-bottom:0;}
.pop_inven .character_all .contents .view .detail .txt {height: calc(100% - 42px); padding-right:2rem;}
.pop_inven .character_all .most_rank {height:calc(50% - 3.6rem); padding:3.6rem;}
.pop_inven .character_all .most_rank .stit {position:absolute; top:0; bottom:0; left:0; font-size:2.6rem; width:20rem; text-align:center;}
.pop_inven .character_all .most_rank .stit span:after {left: 50%; transform: translate(-50%, 0); top:auto;}
.pop_inven .character_all .most_rank .con {padding-left:20.2rem;}
.pop_inven .character_all .most_rank .user_list li a {height:36px; line-height:36px;}
.pop_inven .character_all .contents .view .btns_inven a {max-width:none;}


}

@media screen and (max-width: 540px) {
.weapon_all .contents .list li {width: calc(100% / 2);}	

/* inventory */
.inventory .weapon_all .contents .list li {width: calc(100% / 2);}

.pop_inven .weapon_all .contents .view .stat ul li {width: 100%; display:block;}
.pop_inven .weapon_all .contents .view .stat ul li:nth-child(2n) {margin-left:0;}
.pop_inven .weapon_all .contents .wp_info {height:410px;}
.pop_inven .weapon_all .contents .view .detail {height: calc(100% - 410px - 3.6rem);}
.pop_inven .character_all .contents .view .detail {height: calc(50% + 3.6rem); width:calc(100% - 150px - 7.2rem);}
.pop_inven .character_all .contents .view .item {width:150px;} 
.pop_inven .character_all .contents .view .item:before {width:auto; left:1.2rem; right:1.2rem; transform:none; bottom:0;}
}

@media screen and (max-width: 350px) {
/********character***********/
.most_rank .stit {font-size:3.3rem;}

.pop_inven .character_all .contents .view .detail {width:calc(100% - 120px - 7.2rem);}
.pop_inven .character_all .contents .view .item {width:120px;} 
.pop_inven .character_all .contents .view .btns_inven a {width:95px; padding-left:30px;}
}