.worldPop7 .popContent .btnWrap{bottom: 19%;}
.worldPop8 .popContent .btnWrap{bottom: 20%;}
.first_bonus_popup .front .pop_item{position: absolute; top: 0; left: 0; width: 191px;}
.first_bonus_popup .front .pop_item1{top: 295px; left: 88px;}
.first_bonus_popup .front .pop_item2{top: 295px; left: 274px;}


.second_bonus_popup .front .pop_item {position: absolute; top: 0px; left: 0px; width: 196px;}
.second_bonus_popup .front .pop_item.pop_item1 {top: 237px; left: 170px;}
.second_bonus_popup .front .pop_item.pop_item2 {top: 237px; left: 365px; width: 202px;}
.second_bonus_popup .front .pop_item.pop_item3 {top: 400px; left: 84px;}
.second_bonus_popup .front .pop_item.pop_item4 {top: 567px; left: 365px;}

.third_bonus_popup .front .pop_item {position: absolute; top: 0; left: 0; width: 196px;}
.third_bonus_popup .front .pop_item1 {top: 232px; left: 168px;}
.third_bonus_popup .front .pop_item2 {top: 232px; left: 362px;}
.third_bonus_popup .front .pop_item3 {top: 400px; left: 79px;}
.third_bonus_popup .front .pop_item4 {top: 400px; left: 267px;}
.third_bonus_popup .front .pop_item5 {top: 565px; left: 174px;}


.worldPop9 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.worldPop9 .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.worldPop9 .popContent{height: 100%; position: relative; z-index: 2;}
.worldPop9.active {opacity:1; visibility:visible;  z-index: 999; }
.worldPop9 .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
.worldPop9 .popContent{}
.worldPop9 .popContent .worldWrap{position: relative;}
.worldPop9 .popContent .worldWrap .in{}
.worldPop9 .popContent .worldWrap .in .titWrap{}
.worldPop9 .popContent .worldWrap .worldSlide{position: relative;}
.worldPop9 .popContent .worldWrap .worldSlide .tp{text-align: center;}
.worldPop9 .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.worldPop9 .popContent .worldWrap .worldSlide .tp img{display: inline;}
.worldPop9 .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.worldPop9 .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.worldPop9 .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.worldPop9 .popContent .btnWrap{position: absolute; bottom:27%; left: 50%; transform: translateX(-50%);}

.worldPop10 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.worldPop10 .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.worldPop10 .popContent{height: 100%; position: relative; z-index: 2;}
.worldPop10.active {opacity:1; visibility:visible;  z-index: 999; }
.worldPop10 .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
.worldPop10 .popContent{}
.worldPop10 .popContent .worldWrap{position: relative;}
.worldPop10 .popContent .worldWrap .in{}
.worldPop10 .popContent .worldWrap .in .titWrap{}
.worldPop10 .popContent .worldWrap .worldSlide{position: relative;}
.worldPop10 .popContent .worldWrap .worldSlide .tp{text-align: center;}
.worldPop10 .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.worldPop10 .popContent .worldWrap .worldSlide .tp img{display: inline;}
.worldPop10 .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.worldPop10 .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.worldPop10 .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.worldPop10 .popContent .btnWrap{position: absolute; bottom:17%; left: 50%; transform: translateX(-50%);}

.weaponPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.weaponPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.weaponPop .popContent{height: 100%; position: relative; z-index: 2;}
.weaponPop.active {opacity:1; visibility:visible;  z-index: 999; }
.weaponPop .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
.weaponPop .popContent{}
.weaponPop .popContent .worldWrap{position: relative;}
.weaponPop .popContent .worldWrap .in{}
.weaponPop .popContent .worldWrap .in .titWrap{}
.weaponPop .popContent .worldWrap .worldSlide{position: relative;}
.weaponPop .popContent .worldWrap .worldSlide .tp{text-align: center;}
.weaponPop .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.weaponPop .popContent .worldWrap .worldSlide .tp img{display: inline;}
.weaponPop .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.weaponPop .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.weaponPop .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.weaponPop .popContent .btnWrap{position: absolute; bottom:30%; left: 50%; transform: translateX(-50%);}

.clothPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.clothPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.clothPop .popContent{height: 100%; position: relative; z-index: 2;}
.clothPop.active {opacity:1; visibility:visible;  z-index: 999; }
.clothPop .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
.clothPop .popContent{}
.clothPop .popContent .worldWrap{position: relative;}
.clothPop .popContent .worldWrap .in{}
.clothPop .popContent .worldWrap .in .titWrap{}
.clothPop .popContent .worldWrap .worldSlide{position: relative;}
.clothPop .popContent .worldWrap .worldSlide .tp{text-align: center;}
.clothPop .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.clothPop .popContent .worldWrap .worldSlide .tp img{display: inline;}
.clothPop .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.clothPop .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.clothPop .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.clothPop .popContent .btnWrap{position: absolute; bottom:30%; left: 50%; transform: translateX(-50%);}

.accessPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.accessPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.accessPop .popContent{height: 100%; position: relative; z-index: 2;}
.accessPop.active {opacity:1; visibility:visible;  z-index: 999; }
.accessPop .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
.accessPop .popContent{}
.accessPop .popContent .worldWrap{position: relative;}
.accessPop .popContent .worldWrap .in{}
.accessPop .popContent .worldWrap .in .titWrap{}
.accessPop .popContent .worldWrap .worldSlide{position: relative;}
.accessPop .popContent .worldWrap .worldSlide .tp{text-align: center;}
.accessPop .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.accessPop .popContent .worldWrap .worldSlide .tp img{display: inline;}
.accessPop .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.accessPop .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.accessPop .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.accessPop .popContent .btnWrap{position: absolute; bottom:30%; left: 50%; transform: translateX(-50%);}

.soulPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.soulPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.soulPop .popContent{height: 100%; position: relative; z-index: 2;}
.soulPop.active {opacity:1; visibility:visible;  z-index: 999; }
.soulPop .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
.soulPop .popContent{}
.soulPop .popContent .worldWrap{position: relative;}
.soulPop .popContent .worldWrap .in{}
.soulPop .popContent .worldWrap .in .titWrap{}
.soulPop .popContent .worldWrap .worldSlide{position: relative;}
.soulPop .popContent .worldWrap .worldSlide .tp{text-align: center;}
.soulPop .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.soulPop .popContent .worldWrap .worldSlide .tp img{display: inline;}
.soulPop .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.soulPop .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.soulPop .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.soulPop .popContent .btnWrap{position: absolute; bottom:30%; left: 50%; transform: translateX(-50%);}

.monsterPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.monsterPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.monsterPop .popContent{height: 100%; position: relative; z-index: 2;}
.monsterPop.active {opacity:1; visibility:visible;  z-index: 999; }
.monsterPop .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
.monsterPop .popContent{}
.monsterPop .popContent .worldWrap{position: relative;}
.monsterPop .popContent .worldWrap .in{}
.monsterPop .popContent .worldWrap .in .titWrap{}
.monsterPop .popContent .worldWrap .worldSlide{position: relative;}
.monsterPop .popContent .worldWrap .worldSlide .tp{text-align: center;}
.monsterPop .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.monsterPop .popContent .worldWrap .worldSlide .tp img{display: inline;}
.monsterPop .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.monsterPop .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.monsterPop .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.monsterPop .popContent .btnWrap{position: absolute; bottom:30%; left: 50%; transform: translateX(-50%);}

.monsterPop2 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.monsterPop2 .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.monsterPop2 .popContent{height: 100%; position: relative; z-index: 2;}
.monsterPop2.active {opacity:1; visibility:visible;  z-index: 999; }
.monsterPop2 .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
.monsterPop2 .popContent{}
.monsterPop2 .popContent .worldWrap{position: relative;}
.monsterPop2 .popContent .worldWrap .in{}
.monsterPop2 .popContent .worldWrap .in .titWrap{}
.monsterPop2 .popContent .worldWrap .worldSlide{position: relative;}
.monsterPop2 .popContent .worldWrap .worldSlide .tp{text-align: center;}
.monsterPop2 .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.monsterPop2 .popContent .worldWrap .worldSlide .tp img{display: inline;}
.monsterPop2 .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.monsterPop2 .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.monsterPop2 .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.monsterPop2 .popContent .btnWrap{position: absolute; bottom:30%; left: 50%; transform: translateX(-50%);}

.aniversePop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.aniversePop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.aniversePop .popContent{height: 100%; position: relative; z-index: 2;}
.aniversePop.active {opacity:1; visibility:visible;  z-index: 999; }
.aniversePop .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
.aniversePop .popContent{}
.aniversePop .popContent .worldWrap{position: relative;}
.aniversePop .popContent .worldWrap .in{}
.aniversePop .popContent .worldWrap .in .titWrap{}
.aniversePop .popContent .worldWrap .worldSlide{position: relative;}
.aniversePop .popContent .worldWrap .worldSlide .tp{text-align: center;}
.aniversePop .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.aniversePop .popContent .worldWrap .worldSlide .tp img{display: inline;}
.aniversePop .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.aniversePop .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.aniversePop .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.aniversePop .popContent .btnWrap{position: absolute; bottom:30%; left: 50%; transform: translateX(-50%);}


.maroonPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.maroonPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.maroonPop .popContent{height: 100%; position: relative; z-index: 2;}
.maroonPop.active {opacity:1; visibility:visible;  z-index: 999; }
.maroonPop .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
.maroonPop .popContent{}
.maroonPop .popContent .worldWrap{position: relative;}
.maroonPop .popContent .worldWrap .in{}
.maroonPop .popContent .worldWrap .in .titWrap{}
.maroonPop .popContent .worldWrap .worldSlide{position: relative;}
.maroonPop .popContent .worldWrap .worldSlide .tp{text-align: center;}
.maroonPop .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.maroonPop .popContent .worldWrap .worldSlide .tp img{display: inline;}
.maroonPop .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.maroonPop .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.maroonPop .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.maroonPop .popContent .btnWrap{position: absolute; bottom:30%; left: 50%; transform: translateX(-50%);}

.rosePop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.rosePop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.rosePop .popContent{height: 100%; position: relative; z-index: 2;}
.rosePop.active {opacity:1; visibility:visible;  z-index: 999; }
.rosePop .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
.rosePop .popContent{}
.rosePop .popContent .worldWrap{position: relative;}
.rosePop .popContent .worldWrap .in{}
.rosePop .popContent .worldWrap .in .titWrap{}
.rosePop .popContent .worldWrap .worldSlide{position: relative;}
.rosePop .popContent .worldWrap .worldSlide .tp{text-align: center;}
.rosePop .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.rosePop .popContent .worldWrap .worldSlide .tp img{display: inline;}
.rosePop .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.rosePop .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.rosePop .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.rosePop .popContent .btnWrap{position: absolute; bottom:30%; left: 50%; transform: translateX(-50%);}

.selenPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.selenPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.selenPop .popContent{height: 100%; position: relative; z-index: 2;}
.selenPop.active {opacity:1; visibility:visible;  z-index: 999; }
.selenPop .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
.selenPop .popContent{}
.selenPop .popContent .worldWrap{position: relative;}
.selenPop .popContent .worldWrap .in{}
.selenPop .popContent .worldWrap .in .titWrap{}
.selenPop .popContent .worldWrap .worldSlide{position: relative;}
.selenPop .popContent .worldWrap .worldSlide .tp{text-align: center;}
.selenPop .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.selenPop .popContent .worldWrap .worldSlide .tp img{display: inline;}
.selenPop .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.selenPop .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.selenPop .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.selenPop .popContent .btnWrap{position: absolute; bottom:30%; left: 50%; transform: translateX(-50%);}