@charset "utf-8";

.head .leftBtns.secScale{transform-origin: left top;}
.head .rightBtns.secScale{transform-origin: right top;}
/*.head .cbtTopBanner{position: fixed; left: 24px; bottom: 58px; width: 224px; height: 137px; background: url(/mobile/images/common/cbtTopBanner.png?v=1) no-repeat left top;}*/
/*.head #btn-topbanner3{position: fixed; left: 24px; bottom: 58px; width: 280px; height: 201px; background: url(/mobile/images/common/main-top-banner-mo_202008_2.png) no-repeat left top;}
.head #btn-topbanner3{position: fixed; left: 24px; bottom: 58px; width: 280px; height: 201px; background: url(/mobile/images/common/reservation-square-box_2_200922.png) no-repeat left top;}*/
.head #btn-topbanner3{position: fixed; right: 10%; bottom: 9%; width: 218px; height: 291px; background: url(/mobile/images/common/reservation-square-box_2_20210813.png) no-repeat left top;}/*20200925*/
.footer #btn-topbanner4{position: fixed; left: 50%; bottom: 8%; width: 261px; height: 221px; background: url(/mobile/images/main/mo_banner_20210930.png) no-repeat left top; background-size:100% 100%; transform: translateX(-50%);} /*20200925*/
/*.head #btn-topbanner3.tp5 {transform:translateY(200%); -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.head #btn-topbanner3.tp5.show {transform: translateY(0%);} 20200925 수정*/
.head #btn-topbanner202008.cbtTopBanner {width:280px; height:201px; left:280px; background:url("/mobile/images/common/reservation-square-box_2_200922.png") no-repeat left top; transform:translateY(200%); -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.head #btn-topbanner202008.show {transform: translateY(0%);}

.head .cbtTopBanner.tp0{background-image: url(/mobile/images/common/cbtTopBannerTp0.png?v=1);}
.head .cbtTopBanner.tp1{background-image: url(/images/common/cbtTopBanner2.png?v=1); left: auto; right: 24px;}
.head .cbtTopBanner.tp2{background-image: url(/mobile/images/common/cbtTopBanner1004.png?v=3); }
.head .cbtTopBanner.tp2{background-image: url(/mobile/images/common/ctbBoxMo.png?v=5); }
/*.head .cbtTopBanner.tp5{background-image: url(/mobile/images/common/moUpdateCBT.png);}*/
.head .cbtTopBannerGameDownload{position: fixed; right: 24px; bottom: 38px; width: 224px; height: 101px; background: url(/mobile/images/common/cbtTopBannerGameDownload.png?v=1) no-repeat left top;}
.head .rightBtns{position: absolute; right: 32px; top: 110px; width: 330px;}
.head .rightBtns .btnTopCafe,
.head .rightBtns .btnTopYoutube,
.head .rightBtns .btnTopChaConfirm,
.head .rightBtns .btnTopChaConfirm1004,
.head .rightBtns .btnTopReser{display: inline-block; background: no-repeat left top; vertical-align: middle;}

/*.head .rightBtns .btnTopCafe{background-image: url(/mobile/images/common/btnTopCafe.png); width: 42px; height: 35px; margin-right: 17px;} 20200925 수정*/
.head .rightBtns .btnTopCafe{background-image: url(/mobile/images/common/mo_main_gocafe_200925.png); width: 140px; height: 34px; margin-right: 17px; margin-top:-1px;}
.head .rightBtns .btnTopYoutube{background-image: url(/mobile/images/common/btnTopYoutube.png); width: 37px; height: 27px; margin-right: 17px;}
.head .rightBtns .btnTopReser{background-image: url(/mobile/images/common/btnTopReser.png); width: 76px; height: 29px;}
.head .rightBtns .btnTopChaConfirm{background-image: url(/mobile/images/common/btnTopChaConfirm.png); width: 198px; height: 40px; display: block; margin:10px auto 0; margin-right: 0;}
/*.head .rightBtns .btnTopChaConfirm1004{background-image: url(/mobile/images/common/btnTopChaConfirm1004.png); width: 165px; height: 33px;}*/
.head .rightBtns .btnTopChaConfirm1004{background-image: url(/mobile/images/common/btnTopMovieMo.png); width: 173px; height: 50px;}


/*.head .rightBtns a+a{margin-top: 7px;}*/
.head .gnb{display: block; width: 100%; background: rgba(0,0,0,0.75); border-bottom: 1px solid #810206;}
.head .gnb .lst{text-align: center; font-size: 0; transform-origin: center top;}
.head .gnb .lst .tp{display: inline-block; position: relative;}
.head .gnb .lst .tp:before{content: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; /* background: url(../../images/ep6/mobile/gnb/gnbMouseHover.png) no-repeat center center; */ background-size: cover;}
.head .gnb .lst .tp.active{background: url(../../images/ep6/mobile/gnb/gnbMouseHover.png) no-repeat center center; background-size: cover;}
.head .gnb .lst .tp .txt{width: 100%; height: 80px; background: no-repeat center center; position: relative; display: block;}
.head .gnb .lst .tp+.tp .txt:after{content: ''; width: 2px; height: 19px; opacity: .3; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -9px;}
.head .gnb .lst .tp.tp0 .txt{background-image: url(/images/season4/m/gnb1_off.png);}
.head .gnb .lst .tp.tp1 .txt{background-image: url(/images/season4/m/gnb2_off.png);}
.head .gnb .lst .tp.tp2 .txt{background-image: url(/images/season4/m/gnb3_off.png);}
.head .gnb .lst .tp.tp3 .txt{background-image: url(/images/areboot/m/gnb4_off.png);}
.head .gnb .lst .tp.tp4 .txt{background-image: url(/images/season4/m/gnb5_off.png);}
.head .gnb .lst .tp.tp5 .txt{background-image: url(/images/season4/m/gnb6_off.png);}
 .head .gnb .lst .tp.tp6 .txt{background-image: url(/images/season3/mobile/gnb/gnb8_off.png);} 
/*.head .gnb .lst .tp.tp6 .txt{background-image: url(/images/season4/m/gnb7_off.png);}*/
/*.head .gnb .lst .tp.tp7 .txt{background-image: url(/images/ep6/mobile/gnb/spiralcats7_off.png););}*/
.head .gnb .lst .tp.tp7 .txt{background-image: url(/images/season4/m/gnb7_off.png);}
.head .gnb .lst .tp.tp8 .txt{background-image: url(../../mobile/images/4th/gnb/spiralcats7_off.png?v=1);}
.head .gnb .lst .tp.tp9 .txt{background-image: url(../../mobile/images/4th/gnb/spiralcats7_off.png?v=1);}


.head .gnb .lst .tp0.active .txt{background-image: url(/images/season4/m/gnb1_on.png);}
.head .gnb .lst .tp1.active .txt{background-image: url(/images/season4/m/gnb2_on.png);}
.head .gnb .lst .tp2.active .txt{background-image: url(/images/season4/m/gnb3_on.png);}
.head .gnb .lst .tp3.active .txt{background-image: url(/images/areboot/m/gnb4_on.png);}
.head .gnb .lst .tp4.active .txt{background-image: url(/images/season4/m/gnb5_on.png);}
.head .gnb .lst .tp5.active .txt{background-image: url(/images/season4/m/gnb6_on.png);}
 .head .gnb .lst .tp6.active .txt{background-image: url(/images/season3/mobile/gnb/gnb8_on.png);} 
/*.head .gnb .lst .tp6.active .txt{background-image: url(/images/season4/m/gnb7_on.png);}*/
/*.head .gnb .lst .tp7.active .txt{background-image: url(/images/ep6/mobile/gnb/spiralcats7_on.png);}*/
.head .gnb .lst .tp7.active .txt{background-image: url(/images/season4/m/gnb7_on.png);}
.head .gnb .lst .tp8.active .txt{background-image: url(../../mobile/images/4th/gnb/lst09Hover.png?v=1);}
.head .gnb .lst .tp9.active .txt{background-image: url(../../mobile/images/4th/gnb/spiralcats7_on.png?v=1);}



/* body[data-current-section="-1"] .head .gnb .lst .tp.tp0.active .txt{background-image: url(../../images/ep6/mobile/gnb/main7_on.png?v=1);} */
body[data-current-section="-1"] .head .gnb .lst .tp.tp0:before{content: '';}
body[data-current-section="0"] .head .gnb .lst .tp.tp6 .txt{background-image: url(../../images/ep6/mobile/gnb/lst07Hover.png?v=1);}
body[data-current-section="0"] .head .gnb .lst .tp.tp6:before{content: '';}
body[data-current-section="1"] .head .gnb .lst .tp.tp1 .txt{background-image: url(../../images/ep6/mobile/gnb/lst02Hover.png?v=1);}
body[data-current-section="1"] .head .gnb .lst .tp.tp1:before{content: '';}
body[data-current-section="2"] .head .gnb .lst .tp.tp1 .txt{background-image: url(../../images/ep6/mobile/gnb/lst02Hover.png?v=1);}
body[data-current-section="2"] .head .gnb .lst .tp.tp1:before{content: '';}
body[data-current-section="3"] .head .gnb .lst .tp.tp7 .txt{background-image: url(../../images/ep6/mobile/gnb/lst09Hover.png?v=1);}
body[data-current-section="3"] .head .gnb .lst .tp.tp7:before{content: '';}
body[data-current-section="5"] .head .gnb .lst .tp.tp3 .txt{background-image: url(../../images/ep6/mobile/gnb/lst03Hover.png?v=1);}
body[data-current-section="5"] .head .gnb .lst .tp.tp3:before{content: '';}
/*body[data-current-section="6"] .head .gnb .lst .tp.tp3 .txt{background-image: url(../../images/ep6/mobile/gnb/lst03Hover.png?v=1);}*/
/*body[data-current-section="6"] .head .gnb .lst .tp.tp3:before{content: '';}*/
body[data-current-section="6"] .head .gnb .lst .tp.tp9 .txt{background-image: url(../../images/ep6/mobile/gnb/lst10Hover.png?v=1);}
body[data-current-section="6"] .head .gnb .lst .tp.tp9:before{content: '';}
/* .head .gnb .lst .tp.tp0:hover .txt{background-image: url(../../images/ep6/mobile/gnb/lst01Hover.png);}
.head .gnb .lst .tp.tp1:hover .txt{background-image: url(../../images/ep6/mobile/gnb/lst02Hover.png);}
.head .gnb .lst .tp.tp2:hover .txt{background-image: url(../../images/ep6/mobile/gnb/lst03Hover.png);}
.head .gnb .lst .tp.tp3:hover .txt{background-image: url(../../images/ep6/mobile/gnb/lst04Hover.png);}
.head .gnb .lst .tp.tp4:hover .txt{background-image: url(../../images/ep6/mobile/gnb/lst05Hover.png);}
.head .gnb .lst .tp:hover:before{content: '';} */
.nav{position: fixed; right: 50px; top: 50%; z-index: 100; margin-top: -240px; transform-origin: right center; display: none;}
.nav .tp{display: block; font-size: 0; cursor: pointer;}
.nav .tp+.tp{margin-top: 5px;}
.nav .tp .txt{display: inline-block; min-width: 5px; position: relative; min-height: 92px; background: no-repeat right center; margin-right: 220px;}
.nav .tp .txt:after{content: ''; width: 5px; height: 100%; position: absolute; left: 0; top: 0; background: #433e3e;}
.nav .tp .txt:before{content: none; width: 40px; height: 100%; position: absolute; left: 100%; top: 0; background: no-repeat center center;}
.nav .tp.tp0 .txt:before{background-image: url(/mobile/images/common/gnbTxt01.png);}
.nav .tp.tp1 .txt:before{background-image: url(/mobile/images/common/gnbTxt02.png);}
.nav .tp.tp2 .txt:before{background-image: url(/mobile/images/common/gnbTxt03.png);}
.nav .tp.tp3 .txt:before{background-image: url(/mobile/images/common/gnbTxt04.png);}
.nav .tp.tp4 .txt:before{background-image: url(/mobile/images/common/gnbTxt05.png);}
body[data-current-section="0"] .nav .tp.tp0 .txt:after{background: #ff2323;}
body[data-current-section="0"] .nav .tp.tp0 .txt:before{content: '';}
body[data-current-section="1"] .nav .tp.tp1 .txt:after{background: #ff2323;}
body[data-current-section="1"] .nav .tp.tp1 .txt:before{content: '';}
body[data-current-section="2"] .nav .tp.tp1 .txt:after{background: #ff2323;}
body[data-current-section="2"] .nav .tp.tp1 .txt:before{content: '';}
body[data-current-section="3"] .nav .tp.tp2 .txt:after{background: #ff2323;}
body[data-current-section="3"] .nav .tp.tp2 .txt:before{content: '';}
body[data-current-section="4"] .nav .tp.tp3 .txt:after{background: #ff2323;}
body[data-current-section="4"] .nav .tp.tp3 .txt:before{content: '';}
body[data-current-section="5"] .nav .tp.tp4 .txt:after{background: #ff2323;}
body[data-current-section="5"] .nav .tp.tp4 .txt:before{content: '';}
body[data-current-section="6"] .nav .tp.tp5 .txt:after{background: #ff2323;}
body[data-current-section="6"] .nav .tp.tp5 .txt:before{content: '';}
body[data-current-section="7"] .nav .tp.tp5 .txt:after{background: #ff2323;}
body[data-current-section="7"] .nav .tp.tp5 .txt:before{content: '';}
.fullBox .mainFullVideo{position: absolute; top:0; left:50%; transform:translate(-50%, 0); width:auto; height: 100%; margin-top: 40px;}
.fullBox .mainFullVideoMask{position: absolute; top:0; left:0; width:100%; height: 100%; background: rgba(0,0,0,0.5);z-index: 2};
.btnScroll{position: absolute;  left: 50%; bottom: 23px; width: 61px; margin-left: -30px; height: 32px; background: url(/mobile/images/common/btnScroll.png) no-repeat center center; z-index: 11;}
.baseForm{max-width: 617px; display: block; margin: 0 auto; text-align: center;}
.baseForm .form-group.tp0,
.baseForm .form-group.tp1{position: relative; padding-right: 160px; overflow: hidden;}
.secPhonePopWrap .baseForm .form-group.tp0,
.secPhonePopWrap .baseForm .form-group.tp1{padding-right: 140px; height: 64px; overflow: hidden;}
.baseForm .form-group .inputArea{border: 3px solid #9b1616; background: #fff;}
.baseForm .form-group .inputArea input{height: 58px; border-radius: 0; line-height: 60px; outline: none; box-shadow: none; font-size: 31px; text-align: left; color: #000; border: none; padding: 0; margin: 0; background: none; width: 100%;}
.baseForm .form-group.tp0{margin-top: 40px;}
.baseForm .form-group.tp1{margin-top: 12px;}
.baseForm .form-group.tp2{margin-top: 32px;}
.baseForm .form-group.tp3{margin-top: 23px; margin-bottom: 39px;}
.baseForm .form-group.tp0 .inputArea input{text-indent: 23px;}
.baseForm .form-group.tp1 .inputArea input{text-align: center;}
.baseForm .form-group.tp0 .inputArea input[type="number"]::-webkit-outer-spin-button,
.baseForm .form-group.tp1 .inputArea input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.baseForm .form-group.tp0 .inputArea{padding-left: 124px;}
.baseForm .form-group.tp0 .inputArea:after{content: none; width: 124px; height: 100%; background: url(/mobile/images/common/010.png) no-repeat center center; position: absolute; left: 0; top: 0;}
/*.baseForm .form-group.tp0 .inputArea:before{content: ''; width: 2px; height: 34px; background: #000; position: absolute; left: 117px; top: 50%; margin-top: -17px;}*/
.baseForm .form-group .inputArea .formBtn0,
.baseForm .form-group .inputArea .formBtn1{width: 147px; height: 68px; background: no-repeat right center; position: absolute; right: 0; top: 50%; margin-top: -32px;}
.baseForm .form-group .inputArea .formBtn0{background-image: url(/mobile/images/common/btnInzng.png);}
.baseForm .form-group .inputArea .formBtn1{background-image: url(/mobile/images/common/btnInzngCon.png);}
.baseForm .form-group .chkDetailBtn{position: absolute; right: -4px; top: 50%; width: 113px; height: 38px; background: url(/mobile/images/common/chkDetailBtn.png) no-repeat right center; margin-top: -19px;}
.baseForm .form-group.tp2,
.baseForm .form-group.tp3{position: relative;}
.baseForm .form-group.tp2{width: 617px;}
.baseForm .form-group input[type="checkbox"]{position: absolute; left: -9999em;}
.baseForm .form-group .form-check-label{position: relative; padding-left: 34px; display: block; height: 29px;}
.baseForm .form-group .form-check-label:before{content: ''; width: 29px; height: 100%; background: url(/mobile/images/common/cmmChk.png) no-repeat left center; position: absolute; left: 0; top: 0;}
.baseForm .form-group.tp2 .form-check-label{background: url(/mobile/images/common/chkTxt001.png) no-repeat 40px center;}
.baseForm .form-group.tp3 .form-check-label{background: url(/mobile/images/common/chkTxt002.png) no-repeat 40px center;}
.baseForm .form-group input[type="checkbox"]:checked+.form-check-label:before{background-image: url(/mobile/images/common/cmmChkActive.png);}
.baseForm .chkTxt003{text-align: left; display: block;}
.baseForm .formLogBtn{margin-top: 40px; display: inline-block;}
.section{overflow: hidden; position: relative;}
.secContent{z-index: 50; width: 100%; text-align: center;}
.section01{background: url(/mobile/images/202205/main/main_bg.jpg); background-size: cover;}
.section01 .secContent{position: absolute; left: 50%; top: 50%; margin-left: -360px; margin-top: -490px;}
.section01 .mainLogo{margin-top: 262px; margin-bottom: 275px;}
/*.section01 .mainBtnWrap{position: absolute; left: 0;top:0; width: 100%; text-align: center;}*/
.section01 .mainBtnWrap .mainBtnGoogle,
.section01 .mainBtnWrap .mainBtnReser{width: 288px; height: 80px; background: no-repeat left top; display: inline-block;}
.section01 .mainBtnWrap .mainBtnReserBig{width: 472px; height: 199px; background: no-repeat left top; display: inline-block;}
.section01 .mainBtnWrap .mainBtnReserBig{background-image: url(/mobile/images/common/mainBtnReserBig.png);}
.section01 .mainBtnWrap .mainBtnReserBig.tp0{background-image: url(/mobile/images/common/mainBtnReserBigTp1.png); width: 720px; height: 352px;}
.section01 .mainBtnWrap .mainBtnGoogle{background-image: url(/mobile/images/common/mainBtnGoogle.png);}
.section01 .mainBtnWrap .mainBtnReser{background-image: url(/mobile/images/common/mainBtnReser.png);}
.section01 .mainBtnWrap .section01Txt{position: relative; top: -40px;}
.section01 .mainBtnWrap a+a{margin-left: 10px;}
/*.section01 .main_bottom_banner{margin-top: 75px;}*/
.section01 .main_bottom_banner a{padding:0;}
.section01 .main_bottom_banner a img{margin-top:20px;width: 310px;}
.section01 .main_bottom_banner a.w255 img{width:255px;margin-right:8px;}
.section01 .main_bottom_banner a.w229 img{width:229px;margin-left:8px;}
.section01 .main_bottom_banner a.w254 img{width:256px;margin-right:5px;}
.section01 .main_bottom_banner a.w234 img{width:232px;margin-left:10px;}
.section02{background: url(/mobile/images/bg/bgSection2.jpg); background-size: cover; height: 2000px !important;}
.section02 .cha001{position: absolute; left: 0; bottom: 0; transform-origin: left bottom;}
.section02 .secContent .reserTitle{text-align: center;}
.section02 .secContent .reserItem{margin-top: 448px; text-align: center; position: relative;}
.section02 .secContent .reserItem .dalsungArea{}
.section02 .secContent .reserItem .dalsungArea .dalsung{width: 202px; height: 203px; background: rgba(0,0,0,0.55); position: absolute; top: 2px; display: none;}
.section02 .secContent .reserItem .dalsungArea .dalsung.active{display: block;}
.section02 .secContent .reserItem .dalsungArea .dalsung:after{content: ''; width: 100%; height: 100%; background: url(/mobile/images/common/dalsung.png) no-repeat center center; position: absolute; left: 0; top: 0;}
.section02 .secContent .reserItem .dalsungArea .dalsung.tp0{left: 16px;}
.section02 .secContent .reserItem .dalsungArea .dalsung.tp1{left: 229px;}
.section02 .secContent .reserItem .dalsungArea .dalsung.tp2{left: 443px;}
.section02 .secContent .reserItem .dalsungArea .dalsung.tp3{left: 16px; top: 222px;}
.section02 .secContent .reserItem .dalsungArea .dalsung.tp4{left: 228px; top: 222px;}
.section02 .secContent .reserItem .dalsungArea .dalsung.tp5{left: 441px; top: 222px;}
.section02 .secContent{position: absolute; left: 50%; top: 181px; margin-left: -330px;}

.section03{background: url(/mobile/images/bg/bgSection3.jpg); background-size: cover; height: 1230px !important;}
.section03 .secContent{position: absolute; left: 50%; top: 161px; margin-left: -498px; text-align: center;}
.section03 .boxAlignCenter{display: block; margin-top: 20px; min-width: 996px;}
.section03 .boxAlignCenter .items{display: inline-block;}
.section03 .boxAlignCenter .items+.items{margin-top: 5px;}
.section03 .secItemTxt{display: block; margin-top: 25px;}
.section03 .btnGoogle{display: inline-block; margin-top: 30px;}


.section04{background: url(/mobile/images/bg/bgSection4.jpg); background-size: cover;}
.section04 .secContent{position: absolute; left: 50%; top: 230px; margin-left: -360px; text-align: center;}
.section04 .cha002{position: absolute; left: 0; bottom: 0; transform-origin: left bottom;}
.section04 .btnIntro {padding-top:60px;}
.section04 .btnIntro ul{ }
.section04 .btnIntro ul li {display: block; text-align: right;width: 100%; /* height: 188px; */height: 232px; /*margin-top:-20px;*/}
.section04 .btnIntro ul li+li{}
/*.section04 .btnIntro ul li:first-child {margin-left: 0;}원본*/
.section04 .btnIntro ul li:first-child {margin-top:110px;}
.section04 .btnIntro ul li a {position: relative; display: inline-block; width: 464px; height: 232px; text-indent:-999em; font-size: 0;}
/*.section04 .btnIntro ul li.no1 a {background:url('/mobile/images/common/introBtn02_2021.png') no-repeat;}*/
.section04 .btnIntro ul li.no1 a {background:url('/images/areboot/m/update_menu1.png') no-repeat;}
.section04 .btnIntro ul li.no1{margin-top:30px;}
.section04 .btnIntro ul li.no2 a {background:url('/images/areboot/m/update_menu2.png') no-repeat;}
.section04 .btnIntro ul li.no3 a {background:url('/images/year6/m/update_menu3.png') no-repeat;}
.section04 .btnIntro ul li.no4 a {background:url('/mobile/images/update/update_bt_4.png') no-repeat  }
.section04 .btnIntro .intro_notice{margin-top:160px;}
/*.section04 .btnIntro .intro_notice{margin-top:260px;}한개*/



.section10{background: url(/mobile/images/bg/battleBgMo.jpg); background-size: cover; }
.section10 .secContent{position: absolute; left: 50%; top: 176px; margin-left: -360px; text-align: center;}
.section10.v-section06 .secContent{top: inherit; bottom: 310px;}
.section10 .cha002{position: absolute; left: 0; bottom: 0; transform-origin: left bottom;}
.section10 .btnIntro {margin-top: 100px; margin-left: 60px;}
.section10 .btnIntro ul{padding: 0 42px; }
.section10 .btnIntro ul li {display: block; text-align: right;}
.section10 .btnIntro ul li+li{margin-top: -13px;}
.section10 .btnIntro ul li:first-child {margin-left: 0;}
.section10 .btnIntro ul li a {position: relative; display: inline-block; width: 267px; height: 271px; text-indent:-999em; font-size: 0;}
.section10 .btnIntro ul li a:after{content:''; width: 468px; height: 443px; background: no-repeat left top url(/mobile/images/common/btn_battle_update_hover_mo.png); position: absolute; left: -114px; top: -39px;}
.section10 .btnIntro ul li.no1 a {background:transparent;}

.section10Title {margin-top:-20px;}



.section11{background: url(/mobile/images/bg/bgSection11.jpg); background-size: cover;; height: 1690px !important;}
.section11 .catLst{margin-top: -150px; font-size: 0; padding: 0 32px;}
.section11 .catLst .tp{display: inline-block; width: 50%; vertical-align: top; position: relative; padding: 2px}
.section11 .catLst .tp+.tp{}
.section11 .catLst .tp .bf{}
.section11 .secContent{position: absolute; left: 50%; top: 61px; margin-left: -360px; text-align: center;}

/*202201추가*/
.section12{background: url(/images/season4/m/event1_bg.jpg) no-repeat;/* height:1476px!important; */background-size: cover;background-position: center bottom;}
.section12 .sectionTitle{padding-top:0px}
.section12 .sectionCont{padding-top:30px}
.section12 .sectionGift{padding-top:33px}
.section13{background: url(/images/ep7/m/event_bg25.jpg) no-repeat;background-size: cover;background-position: center bottom;}
.section13 .sectionTitle{padding-top:34%}
@media screen and (max-width:1400px) and (min-width:769px) {
    .section13 .sectionTitle{padding-top:0%}
}

.section13 .sectionCont{padding-top:30px}
.section13 .sectionGift{padding-top:40px}
.section13 .sectionNotice{padding-top:40px}

.introPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.introPop.active {opacity:1; visibility:visible;  z-index: 999; }
.introPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.9);}
.introPop .popContent{position: relative; z-index: 1;}
.introPop .popContent .title {}
.introPop .slideIntro {position: relative; padding-top: 240px;}
.introPop .slideIntro .inner{}
.introPop .slideIntro .tit {}
.introPop .slideIntro .swiper-slide {width: 578px; height:490px; }
.introPop .slideIntro .box {position: relative;padding-top: 60px; }
.introPop .slideIntro .swiper-wrapper {left:-213px}
.introPop .slideIntro .swiper-slide.swiper-slide-active {width: 984px !important;}
.introPop .slideIntro .swiper-slide.swiper-slide-active .box {padding-left: 235px; padding-top: 0;}
.introPop .slideIntro .swiper-slide.swiper-slide-active .box .back { opacity:0; visibility:hidden;}
.introPop .slideIntro .swiper-slide.swiper-slide-active .box .img { padding-top: 0;}
.introPop .slideIntro .box .img {position: relative; }
.introPop .slideIntro .box .img .back {position: absolute; left:0; top:0; z-index: 10; transition:1s all;}
.introPop .slideIntro .controls {position: absolute; left:50%; margin-left:-600px; width: 1180px; top:335px; z-index: 30;}
.introPop .slideIntro .controls a {width: 42px; height: 80px; outline:none;}
.introPop .slideIntro .controls a.prev {float:left; background:url('/mobile/images/common/slidePrev.png') no-repeat}
.introPop .slideIntro .controls a.next {float:right; background:url('/mobile/images/common/slideNext.png') no-repeat}
.introPop .btnClose {position: absolute; right: 45px; top: 55px;}
.introPop .pagination {width: 100%; text-align: center; padding-top:65px;}
.introPop .pagination span {display: inline-block; width: 12px; height: 12px; background: #3e3e3e; opacity:1; margin-left: 8px; outline:none;}
.introPop .pagination span:first-child {margin-left: 0;}
.introPop .pagination span.swiper-pagination-bullet-active {background: #ff2323;}

.popContSlideWrap{position: relative;}
.popContSlideWrap .popContSlideTop{}
.popContSlideWrap .popContSlideTop .lst{display: block; text-align: center; width: 520px; margin: 55px auto 33px;}
.popContSlideWrap .popContSlideTop .lst .tp{display: inline-block; margin: 3px;}
.popContSlideWrap .popContSlideTop .lst .tp .txt{display: block; width: 148px; height: 89px; background: no-repeat center center;}
.popContSlideWrap .popContSlideTop .lst .tp.tp0 .txt{background-image: url(/mobile/images/common/popContTitleNav01.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp1 .txt{background-image: url(/mobile/images/common/popContTitleNav02.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp2 .txt{background-image: url(/mobile/images/common/popContTitleNav03.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp3 .txt{background-image: url(/mobile/images/common/popContTitleNav04.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp4 .txt{background-image: url(/mobile/images/common/popContTitleNav05.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp0.active .txt{background-image: url(/mobile/images/common/popContTitleNav01Active.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp1.active .txt{background-image: url(/mobile/images/common/popContTitleNav02Active.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp2.active .txt{background-image: url(/mobile/images/common/popContTitleNav03Active.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp3.active .txt{background-image: url(/mobile/images/common/popContTitleNav04Active.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp4.active .txt{background-image: url(/mobile/images/common/popContTitleNav05Active.png);}
.popContSlideWrap .popContSlideCont{}
.popContSlideWrap .popContSlideCont .popContSlideArea{position: absolute; width: 100%; left: -999em;}
.popContSlideWrap .popContSlideCont .popContSlideArea.active{position: relative; left: 0;}
.popContSlideWrap .popContSlideCont .popContSlideArea .contr{}
.popContSlideWrap .popContSlideCont .popContSlideArea .contr .uislide_prev,
.popContSlideWrap .popContSlideCont .popContSlideArea .contr .uislide_next{display: block; position: absolute; top: 50%; width: 43px; margin-top: -39px; height: 78px; background: no-repeat left top;}
.popContSlideWrap .popContSlideCont .popContSlideArea .contr .uislide_prev{background-image: url(/mobile/images/common/slidePrev.png); left: 20px;}
.popContSlideWrap .popContSlideCont .popContSlideArea .contr .uislide_next{background-image: url(/mobile/images/common/slideNext.png); right: 20px;}
.popContSlideWrap .popContSlideCont .popContSlideArea .contr .slick-dots{position: absolute; left: 0; bottom: -136px; text-align: center; width: 100%; }
.popContSlideWrap .popContSlideCont .popContSlideArea .contr .slick-dots li{display: inline-block; width: 179px; height: 68px; background: no-repeat center center; }
.popContSlideWrap .popContSlideCont .popContSlideArea .contr .slick-dots li button{display: none;}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp0 .uislide_prev,.popContSlideWrap .popContSlideCont .popContSlideArea.tp0 .uislide_next{display: none !important;}
/*.popContSlideWrap .popContSlideCont .popContSlideArea.tp4 .uislide_prev,.popContSlideWrap .popContSlideCont .popContSlideArea.tp4 .uislide_next{display: none !important;}*/
.popContSlideWrap .popContSlideCont .popContSlideArea.tp0 .contr .slick-dots li:nth-child(1){background-image: url(/mobile/images/common/popContTitleNav01ContrPage01.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp1 .contr .slick-dots li:nth-child(1){background-image: url(/mobile/images/common/popContTitleNav02ContrPage01.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp1 .contr .slick-dots li:nth-child(2){background-image: url(/mobile/images/common/popContTitleNav02ContrPage02.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp2 .contr .slick-dots li:nth-child(1){background-image: url(/mobile/images/common/popContTitleNav03ContrPage01.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp2 .contr .slick-dots li:nth-child(2){background-image: url(/mobile/images/common/popContTitleNav03ContrPage02.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp2 .contr .slick-dots li:nth-child(3){background-image: url(/mobile/images/common/popContTitleNav03ContrPage03.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp3 .contr .slick-dots li:nth-child(1){background-image: url(/mobile/images/common/popContTitleNav04ContrPage01.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp3 .contr .slick-dots li:nth-child(2){background-image: url(/mobile/images/common/popContTitleNav04ContrPage02.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp3 .contr .slick-dots li:nth-child(3){background-image: url(/mobile/images/common/popContTitleNav04ContrPage03.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp4 .contr .slick-dots li:nth-child(1){background-image: url(/mobile/images/common/popContTitleNav05ContrPage01.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp0 .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/mobile/images/common/popContTitleNav01ContrPage01Active.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp1 .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/mobile/images/common/popContTitleNav02ContrPage01Active.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp1 .contr .slick-dots li:nth-child(2).slick-active{background-image: url(/mobile/images/common/popContTitleNav02ContrPage02Active.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp2 .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/mobile/images/common/popContTitleNav03ContrPage01Active.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp2 .contr .slick-dots li:nth-child(2).slick-active{background-image: url(/mobile/images/common/popContTitleNav03ContrPage02Active.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp2 .contr .slick-dots li:nth-child(3).slick-active{background-image: url(/mobile/images/common/popContTitleNav03ContrPage03Active.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp3 .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/mobile/images/common/popContTitleNav04ContrPage01Active.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp3 .contr .slick-dots li:nth-child(2).slick-active{background-image: url(/mobile/images/common/popContTitleNav04ContrPage02Active.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp3 .contr .slick-dots li:nth-child(3).slick-active{background-image: url(/mobile/images/common/popContTitleNav04ContrPage03Active.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp4 .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/mobile/images/common/popContTitleNav05ContrPage01Active.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.active{display: block;}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner{}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner .items{text-align: center; position: relative; transform-origin: center center;}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner .items:after{content: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .5; transition: opacity .5s;}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner .items.slick-current{}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner .items:focus{outline: none;}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner .items img{display: inline; transform-origin: center top; max-width: 665px;}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner .items.slick-current img{}


.charactorPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow: hidden; overflow-y: auto;}
.charactorPop.active {opacity:1; visibility:visible;  z-index: 999; }
.charactorPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.9); }
.charactorPop .popContent{position:absolute; left:0; top:0; width: 100%; z-index: 10; height:100%;}
.charactorPop .chaSlideEventWrap{margin-top: 120px; z-index: 11;}
.charactorPop .chaSlideEventWrap .slick-list{padding-top: 160px;}
.charactorPop .contr{}
.charactorPop .contr .uislide_prev,
.charactorPop .contr .uislide_next{display: block; position: absolute; top: 50%; width: 42px; margin-top: -39px; height: 82px; background: no-repeat left top; z-index: 12;}
.charactorPop .contr .uislide_prev{background-image: url(/mobile/images/common/slidePrev.png); left: 20px;}
.charactorPop .contr .uislide_next{background-image: url(/mobile/images/common/slideNext.png); right: 20px;}
.charactorPop .popContent .chaTit{position:absolute; right:0; top:-140px; z-index: 10; transform-origin: center right;}
.charactorPop .popContent .chaTit span{display: block;}
.charactorPop .popContent .chaTit:before{content: ''; width: 811px; height: 1px; background: #7c1111; position: absolute; left: 721px; top: 38px;}
.charactorPop .popContent .chaTit:after{content: ''; width: 811px; height: 1px; background: url(/mobile/images/common/contentLine2.png) no-repeat left top; position: absolute; left: -90px; top: 38px;}
.charactorPop .popContent .chaBg{position: absolute; left: 50%; bottom: 190px; transform: translate(-50%,0);}
.charactorPop .hiddenNavgator{}
.charactorPop .popContent .info{position: absolute; left: 50px; top: 50%; margin-top: -250px;}
.charactorPop .popContent .items{position: relative;}
.charactorPop .popContent .items .mov{position: absolute; right: 44px; width: 352px; height: 200px; top: 0;}
.charactorPop .popContent .items.tp6 .mov{right: 298px; width: 395px; height: 224px; top: 197px;}
.charactorPop .popContent .items .cha{}
.charactorPop .popContent .items.tp0 .cha{right: -40px;}
.charactorPop .popContent .items.tp1 .cha{right: 120px;}
.charactorPop .popContent .items.tp2 .cha{right: -90px;}
.charactorPop .popContent .info .movie{margin-top: 23px;}
.charactorPop .popContent .items .info .tit{text-align: center; display: block;}
.charactorPop .popContent .items.tp0 .chaBg{width: 1610px;}
.charactorPop .popContent .items.tp1 .chaBg{width: 1453px;}
.charactorPop .popContent .items.tp2 .chaBg{width: 1659px;}
.charactorPop .popContent .title {position: absolute; left:50%; margin-left:-1020px; top:0; background:url('/mobile/images/common/contentLine.png') 0 28px no-repeat; width:690px; text-align: right;}
.charactorPop .popContent .title:after {content:''; position: absolute; left:-1000px; top:28px; height:1px; width: 1000px; background: #861212;}
.charactorPop .popContent .btnw{position: absolute; top:-157px; left: 20px; margin-right: -120px;display: none; opacity: 0;}
.charactorPop .popContent .items.slick-active .btnw{opacity: 1;}
.charactorPop.serverLst .popContent .btnw{display: block;}
.charactorPop .popContent .btnw .b{width: 241px; height: 98px; background: url(/mobile/images/common/chaClassCho.png) no-repeat left top; display: block;}
/* .charactorPop .popContent .btnw .b:hover{background-iamge: url(/images/common/chaClassChoActive.png)} */
.charactorPop .popContent .controls{}
.charactorPop .popContent .controls .arrow {width: 42px; height: 80px; outline:none; position: absolute; top: 50%; margin-top: -40px;}
.charactorPop .popContent .controls .arrow.prev {background:url('/mobile/images/common/slidePrev.png') no-repeat; left: 0;}
.charactorPop .popContent .controls .arrow.next {background:url('/mobile/images/common/slideNext.png') no-repeat; right: 0;}
.charactorPop .popContent .btnClose{position: absolute; right: 45px; top: 55px;transform-origin: right center;}



.warlockPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow: hidden; overflow-y: auto;}
.warlockPop.active {opacity:1; visibility:visible;  z-index: 999; }
.warlockPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.9); }
.warlockPop .popContent{position:absolute; left:0; top:100px; width: 100%; z-index: 10; height:100%;}
.warlockPop .chaSlideEventWrap2{position:absolute;top:25%;left:0;transform: translateY(-40%);z-index: 11;}
.warlockPop .popContent .chaTit{position:absolute; right:0; top:-140px; z-index: 10; transform-origin: center right;}
.warlockPop .popContent .chaTit span{display: block;}
.warlockPop .popContent .chaTit:before{content: ''; width: 811px; height: 1px; background: #7c1111; position: absolute; left: 721px; top: 38px;}
.warlockPop .popContent .chaTit:after{content: ''; width: 811px; height: 1px; background: url(/mobile/images/common/contentLine2.png) no-repeat left top; position: absolute; left: -90px; top: 38px;}
.warlockPop .popContent .chaBg{position: absolute; left: 50%; bottom: 190px; transform: translate(-50%,0);}
.warlockPop .hiddenNavgator{}
.warlockPop .popContent .info{position: absolute; left: 50px; top: 50%; margin-top: -250px;}
.warlockPop .popContent .items{position: relative;}
.warlockPop .popContent .items .mov{position: absolute; right: 44px; width: 352px; height: 200px; top: 0;}
.warlockPop .popContent .items .cha{}
.warlockPop .popContent .items.tp0 .cha{right: -40px;}
.warlockPop .popContent .items.tp1 .cha{right: 120px;}
.warlockPop .popContent .items.tp2 .cha{right: -90px;}
.warlockPop .popContent .info .movie{margin-top: 23px;}
.warlockPop .popContent .items .info .tit{text-align: center; display: block;}
.warlockPop .popContent .items.tp0 .chaBg{width: 1610px;}
.warlockPop .popContent .items.tp1 .chaBg{width: 1453px;}
.warlockPop .popContent .items.tp2 .chaBg{width: 1659px;}
.warlockPop .popContent .title {position: absolute; left:50%; margin-left:-1020px; top:0; background:url('/mobile/images/common/contentLine.png') 0 28px no-repeat; width:690px; text-align: right;}
.warlockPop .popContent .title:after {content:''; position: absolute; left:-1000px; top:28px; height:1px; width: 1000px; background: #861212;}
.warlockPop .popContent .btnw{position: absolute; top:-157px; left: 20px; margin-right: -120px;display: none; opacity: 0;}
.warlockPop .popContent .items.slick-active .btnw{opacity: 1;}
.warlockPop.serverLst .popContent .btnw{display: block;}
.warlockPop .popContent .btnw .b{width: 241px; height: 98px; background: url(/mobile/images/common/chaClassCho.png) no-repeat left top; display: block;}
/* .warlockPop .popContent .btnw .b:hover{background-iamge: url(/images/common/chaClassChoActive.png)} */
/*.warlockPop .popContent .controls{}
.warlockPop .popContent .controls .arrow {width: 42px; height: 80px; outline:none; position: absolute; top: 50%; margin-top: -40px;}
.warlockPop .popContent .controls .arrow.prev {background:url('/mobile/images/common/slidePrev.png') no-repeat; left: 0;}
.warlockPop .popContent .controls .arrow.next {background:url('/mobile/images/common/slideNext.png') no-repeat; right: 0;}*/
.warlockPop .popContent .btnClose{position: absolute;right: 45px;transform-origin: right center; z-index: 12;}



.worldPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.worldPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) url(/mobile/images/common/bgWorld.png) no-repeat left top; background-size: cover;}
.worldPop .popContent{height: 100%; position: relative; z-index: 2;}
.worldPop.active {opacity:1; visibility:visible;  z-index: 999; }
.worldPop .popContent{}
.worldPop .popContent .worldWrap{}
.worldPop .popContent .worldWrap .in{}
.worldPop .popContent .worldWrap .in .titWrap{}
.worldPop .popContent .worldWrap .worldSlide{position: relative;}
.worldPop .popContent .worldWrap .worldSlide .tp{text-align: center;}
.worldPop .popContent .worldWrap .worldSlide .tp img{display: inline;}
.worldPop .popContent .worldWrap .worldSlide .tp .tit{padding-top: 100px;}
.worldPop .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.worldPop .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.worldPop .popContent .worldWrap .worldSlide .contr{}
.worldPop .popContent .worldWrap .worldSlide .contr .slick-dots{position: absolute; left: 0; width: 100%; bottom: 370px; text-align: center;}
.worldPop .popContent .worldWrap .worldSlide .contr .slick-dots li{display: inline-block; width: 37px; height: 47px; background: no-repeat center center; vertical-align: middle; margin: 0 10px;}
.worldPop .popContent .worldWrap .worldSlide .contr .slick-dots li:nth-child(1){background-image: url(/mobile/images/world/paging01.png);}
.worldPop .popContent .worldWrap .worldSlide .contr .slick-dots li:nth-child(2){background-image: url(/mobile/images/world/paging02.png);}
.worldPop .popContent .worldWrap .worldSlide .contr .slick-dots li:nth-child(3){background-image: url(/mobile/images/world/paging03.png);}
.worldPop .popContent .worldWrap .worldSlide .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/mobile/images/world/paging01_on.png);}
.worldPop .popContent .worldWrap .worldSlide .contr .slick-dots li:nth-child(2).slick-active{background-image: url(/mobile/images/world/paging02_on.png);}
.worldPop .popContent .worldWrap .worldSlide .contr .slick-dots li:nth-child(3).slick-active{background-image: url(/mobile/images/world/paging03_on.png);}
.worldPop .popContent .worldWrap .worldSlide .contr .slick-dots li.slick-active{}
.worldPop .popContent .worldWrap .worldSlide .contr .slick-dots li button{display: none;}
.worldPop .popContent .worldWrap .worldSlide .contr .uislide_prev,
.worldPop .popContent .worldWrap .worldSlide .contr .uislide_next{width: 42px; height: 80px; position: absolute; background: no-repeat center center; top: 50%; margin-top: -100px;}
.worldPop .popContent .worldWrap .worldSlide .contr .uislide_prev{background-image: url(/mobile/images/common/slidePrev.png); left: 20px;}
.worldPop .popContent .worldWrap .worldSlide .contr .uislide_next{background-image: url(/mobile/images/common/slideNext.png); right: 20px;}
.worldPop .popContent .btnClose{position: absolute; right: 48px; top: 40px;transform-origin: right center; z-index: 1;}

.worldPop2 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.worldPop2 .popContent .worldWrap{position: relative;}
.worldPop2 .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.8);}
.worldPop2 .popContent{height: 100%; position: relative; z-index: 2;}
.worldPop2.active {opacity:1; visibility:visible;  z-index: 999; }
.worldPop2 .popContent .btnClose{position: absolute; right: 48px; top: 40px;transform-origin: right center; z-index: 1;}
.worldPop2 .popContent .btnWrap{position: absolute; bottom:24%; left: 50%; transform: translateX(-50%);}

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

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



@media screen and (max-width: 1050px) and (min-width:900px) {
	.worldPop2 .popContent .btnWrap{position: absolute; top:72%; left: 50%; transform: translateX(-50%);}
	.worldPop2 .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 335px)!important;}
	/*.worldPop4 .popContent .btnWrap{position: absolute; top:72%; left: 50%; transform: translateX(-50%);}
	.worldPop4 .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 335px);}*/
	.worldPop5 .popContent .btnWrap{position: absolute; top:72%; left: 50%; transform: translateX(-50%);}
	.worldPop5 .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 335px);}
}
@media screen and (max-width: 390px) and (min-width:375px) {
	.worldPop2 .popContent .btnWrap{position: absolute; bottom:24%; left: 50%; transform: translateX(-50%);}
	.worldPop2 .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 335px)!important;}
	/*.worldPop4 .popContent .btnWrap{position: absolute; bottom:19%; left: 50%; transform: translateX(-50%);}
	.worldPop4 .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 335px);}*/
	.worldPop5 .popContent .btnWrap{position: absolute; bottom:24%; left: 50%; transform: translateX(-50%);}
	.worldPop5 .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 335px);}
}

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

.cronosPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.cronosPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.8) url(/mobile/images/common/bgWorld.png) no-repeat left top; background-size: cover;}
.cronosPop .popContent{height: 100%; position: relative; z-index: 2;}
.cronosPop.active {opacity:1; visibility:visible;  z-index: 999; }
.cronosPop .popContent{}
.cronosPop .popContent .cronosWrap{}
.cronosPop .popContent .cronosWrap .in{}
.cronosPop .popContent .cronosWrap .in .titWrap{}
.cronosPop .popContent .cronosWrap .cronosSlide{position: relative;}
.cronosPop .popContent .cronosWrap .cronosSlide .tp{text-align: center;}
.cronosPop .popContent .cronosWrap .cronosSlide .tp img{display: inline;}
.cronosPop .popContent .cronosWrap .cronosSlide .tp .tit{padding-top: 50px;}
.cronosPop .popContent .cronosWrap .cronosSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.cronosPop .popContent .cronosWrap .cronosSlide .tp .txt{padding-bottom: 50px;}
.cronosPop .popContent .cronosWrap .cronosSlide .contr{}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .slick-dots{position: absolute; left: 0; width: 100%; bottom: 240px; text-align: center;}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .slick-dots li{display: inline-block; width: 37px; height: 47px; background: no-repeat center center; vertical-align: middle; margin: 0 10px;}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .slick-dots li:nth-child(1){background-image: url(/mobile/images/world/paging01.png);}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .slick-dots li:nth-child(2){background-image: url(/mobile/images/world/paging02.png);}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .slick-dots li:nth-child(3){background-image: url(/mobile/images/world/paging03.png);}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .slick-dots li:nth-child(4){background-image: url(/mobile/images/world/paging04.png);}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/mobile/images/world/paging01_on.png);}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .slick-dots li:nth-child(2).slick-active{background-image: url(/mobile/images/world/paging02_on.png);}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .slick-dots li:nth-child(3).slick-active{background-image: url(/mobile/images/world/paging03_on.png);}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .slick-dots li:nth-child(4).slick-active{background-image: url(/mobile/images/world/paging04_on.png);}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .slick-dots li.slick-active{}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .slick-dots li button{display: none;}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .uislide_prev,
.cronosPop .popContent .cronosWrap .cronosSlide .contr .uislide_next{width: 42px; height: 80px; position: absolute; background: no-repeat center center; top: 50%; margin-top: -100px;}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .uislide_prev{background-image: url(/mobile/images/common/slidePrev.png); left: 20px;}
.cronosPop .popContent .cronosWrap .cronosSlide .contr .uislide_next{background-image: url(/mobile/images/common/slideNext.png); right: 20px;}
.cronosPop .popContent .btnClose{position: absolute; right: 48px; top: 40px;transform-origin: right center; z-index: 1;}



/*대군주전 팝업*/
.monarchPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.monarchPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) url(/mobile/images/update/update_pop_bg1.jpg) no-repeat left top; background-size: cover;}
.monarchPop .popContent{height: 100%; position: relative; z-index: 2;}
.monarchPop.active {opacity:1; visibility:visible;  z-index: 999; }
.monarchPop .popContent{}
.monarchPop .popContent .monarchWrap{padding-top:190px;}
.monarchPop .popContent .monarchWrap .in{}
.monarchPop .popContent .monarchWrap .in .titWrap{}
.monarchPop .popContent .monarchWrap .monarchSlide{position: relative;text-align: center;}
.monarchPop .popContent .monarchWrap .monarchSlide .tp{text-align: center;}
.monarchPop .popContent .monarchWrap .monarchSlide .tp img{display: inline;}
.monarchPop .popContent .monarchWrap .monarchSlide .tp .front{margin-bottom: 30px; min-height: 1180px;}
.monarchPop .popContent .monarchWrap .monarchSlide .contr{}
.monarchPop .popContent .btnClose{position: absolute; right: 48px; top: 40px;transform-origin: right center; z-index: 1;}
/*월드거래소팝업*/
.worldTradePop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.worldTradePop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9); background-size: cover;}
.worldTradePop .popContent{height: 100%; position: relative; z-index: 2;}
.worldTradePop.active {opacity:1; visibility:visible;  z-index: 999; }
.worldTradePop .popContent{}
.worldTradePop .popContent .worldTradeWrap{    padding-top: 117px;
padding-right: 2px;
}
.worldTradePop .popContent .worldTradeWrap .in{}
.worldTradePop .popContent .worldTradeWrap .in .titWrap{}
.worldTradePop .popContent .worldTradeWrap .worldTradeSlide{position: relative;}
.worldTradePop .popContent .worldTradeWrap .worldTradeSlide .tp{text-align: center;}
.worldTradePop .popContent .worldTradeWrap .worldTradeSlide .tp img{display: inline;}
.worldTradePop .popContent .worldTradeWrap .worldTradeSlide .tp .front{margin-bottom: 30px; min-height: 1180px;}
.worldTradePop .popContent .worldTradeWrap .worldTradeSlide .contr{}
.worldTradePop .popContent .btnClose{position: absolute; right: 48px; top: 40px;transform-origin: right center; z-index: 1;}
/*신규서버*/
.newServerPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.newServerPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) url(/mobile/images/update/update_pop_bg1.jpg) no-repeat left top; background-size: cover;}
.newServerPop .popContent{height: 100%; position: relative; z-index: 2;}
.newServerPop.active {opacity:1; visibility:visible;  z-index: 999; }
.newServerPop .popContent{}
.newServerPop .popContent .newServerWrap{position: absolute;top:50%;left:0;width:100%;transform: translateY(-50%)}
.newServerPop .popContent .newServerWrap .btnClose{position: absolute; right: 48px; top: -70px;transform-origin: right center; z-index: 1;}
.newServerPop .popContent .newServerWrap .in{}
.newServerPop .popContent .newServerWrap .in .titWrap{}
.newServerPop .popContent .newServerWrap .newServerSlide{position: relative;}
.newServerPop .popContent .newServerWrap .newServerSlide .tp{text-align: center;}
.newServerPop .popContent .newServerWrap .newServerSlide .tp img{display: inline;}
.newServerPop .popContent .newServerWrap .newServerSlide .tp .front{margin-bottom: 30px; min-height: 1093px;}
.newServerPop .popContent .newServerWrap .newServerSlide .contr{}
.newServerPop .popContent .newServerWrap .newServerSlide .contr .uislide_next{bottom: 0; margin-top: 0; top: auto;}
.newServerPop .popContent .newServerWrap .newServerSlide .contr .uislide_prev{left: -70px;}
.newServerPop .popContent .newServerWrap .newServerSlide .contr .uislide_next{right: -70px;}
.newServerPop .popContent .btnClose{position: absolute; right: 48px; top: 40px;transform-origin: right center; z-index: 1;}
.newServerPop .popContent .slick-arrow{position: absolute;top:447px;width:42px;height:82px;font-size:0;text-indent: -1000px;overflow: hidden;border:none;z-index: 3;}
.newServerPop .popContent .slick-next{right:10px;background:url('../images/common/slideNext.png') no-repeat;}
.newServerPop .popContent .slick-prev{left:10px;background:url('../images/common/slidePrev.png') no-repeat;}

.section05{background: url(/mobile/images/bg/bgSection5.jpg?v=1); background-size: cover; background-position-x: right;}
.section05 .secContent{position: absolute; left:0; top:47%; transform:translate(0, -50%); text-align: left;}
.section05 .secContent .section05Title {text-align:center;}
.section05 .boxAlignCenter{display: block; margin-top: 96px; margin-left: 30px;}
.section05 .boxAlignCenter .items{display: inline-block; margin: 0 3px; width: 206px; height: 316px; background: no-repeat center center; position: relative;}
.section05 .boxAlignCenter .items:after{content: ''; width: 283px; height: 438px; background: no-repeat center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; transition: opacity .5s}
.section05 .boxAlignCenter .items.tp0{background-image: url(/mobile/images/common/secMediaBox01.png);}
.section05 .boxAlignCenter .items.tp1{background-image: url(/mobile/images/common/secMediaBox02.png);}
.section05 .boxAlignCenter .items.tp2{background-image: url(/mobile/images/common/secMediaBox03.png);}
.section05 .boxAlignCenter .items.tp3{background-image: url(/mobile/images/common/mediaUpdateHover_mo.png);}
.section05 .btnGoogle{display: inline-block; margin-top: 45px;}
.section05 .media_bottom_banner{position: absolute; left: 50%; /*bottom: 85px;*/transform: translateX(-50%);bottom: -33%;}
.section05 .media_bottom_banner a:first-child{margin-right: 0px;}
.section05 .media_bottom_banner.single{/* left:50%;    transform: translateX(-50%); */display: flex;}
.section05 .media_bottom_banner .media_bottom{max-width: none;}
.section05 .media_bottom_banner a:first-child img{transform: translateX(5px);}
.section05 .media_bottom_banner a:last-child img{transform: translateX(-10px);}


.section06{background: url(/mobile/images/bg/bgSection6.jpg); background-size: cover;}
.section.section06{min-height: 1400px;}
.section06 .secContent{position: absolute; left: 50%; top: 151px; margin-left: -360px; text-align: center;}
.section06 .boxAlignCenter{display: block; margin-top: 30px; width: 720px; font-size: 0; margin-left: auto; margin-right: auto;}
.section06 .boxAlignCenter .items{display: inline-block; margin: 0 -10px;}
.section06 .btnCafe{display: inline-block; margin-top: 25px;}
.section06 .section06Txt{display: block; text-align: center; margin-top: 10px;}

.section07{background: url(/mobile/images/bg/bgSection7.jpg); background-size: cover; height: 1500px !important; height: 1660px !important;}
.section07 .secContent{position: absolute; left: 0; top: 214px; text-align: center;}
.section07 .boxAlignCenter{display: block; margin-top: 30px; font-size: 0; margin-left: auto; margin-right: auto;}
.section07 .boxAlignCenter .items{display: inline-block;}
.section07 .btnCbt{display: inline-block; margin-top: 35px;}
.section07 .section07Txt{display: block; text-align: center; margin-top: 35px;}


.sectionWrap.overlb{height: 100vh; overflow: hidden;}
.section.section08{overflow: scroll;}
.section.section08 .chaSeverWrap{height: 1700px; overflow: hidden;}
.section.section08 .chaSeverWrap .chaWrap{height: 1700px; padding-top: 212px; background: url(/images/areboot/m/nick_bg.jpg); background-size: cover; transition: margin 0.3s}
[data-nickname="1"] .section.section08 .chaSeverWrap{height: auto; overflow: hidden;}
[data-nickname="1"] .section.section08 .chaSeverWrap .chaWrap{margin-top: -1700px;}
[data-nickname="2"] .section.section08 .chaSeverWrap .chaWrap{margin-top: -1700px; transition: margin 0s;}
.section.section08 .chaSeverWrap .serverWrap{min-height: 1400px; padding-top: 170px; background: url(/mobile/images/bg/bgSection9.jpg); background-size: cover; position: relative; padding-bottom: 80px;}
.section.section08 .chaSeverWrap .serverWrap:before{content: ''; position: absolute; left: 0; top: 230px; height: 100%; height: calc(100% - 230px); background: #000; opacity: .4; width: 100%;}
.section.section08 .chaSeverWrap .serverInner{position: relative; z-index: 2;}
.section08 .secContent{position: relative; text-align: center;}
.section08 .reserTitle{display: block; text-align: left;}
.section08 .reserTitle2{display: inline-block; text-align: center; position: relative; margin-top: -40px;}
.section08 .reserGift{margin:0 0 30px 0;}
.section08 .reserTitle2 .tncs{position: absolute; right: 94px; top: 100px; width: 170px; height: 40px;}
.section08 .btnReserTitlewww22{margin-top: -110px; position: relative;}
.section08 .btnReserTitlewww223{margin-top: -10px; position: relative; margin-bottom: 50px;}
.section08 .btnReserTitlewww22 a,
.section08 .btnReserTitlewww223 a{display: inline-block; position: absolute; width: 500px; height: 100px; left: 110px; top: 0px;}
.section08 .reserSubTitle2{text-align: center;}
.section08 .reserSubTitle2Chk{display: inline-block; min-width: 560px;}
.section08 .reserSubTitle2Chk_202008 {min-width:504px; margin:10px auto 0; text-align:left;}
/*.section08 .reserSubTitle2Chk_202008 label {background-size:360px auto;}202008*/
.section08 .reserSubTitle2Chk_202008 label {background-size:392px auto;}
.section08 .reserSubTitle2Chk_2020082 {font-size:0;}
.section08 .reserSubTitle2Chk_2020082 label {background:url(/mobile/images/common/reserSubTitle2Chk_202008.png) no-repeat 34px center; background-size:337px auto; display:inline-block; width:381px;  vertical-align:middle;}
.section08 .reserSubTitle2Chk_2020082 .reserSubTitle2Chk_2020082_btn {display:inline-block; width:117px; height:34px; background:url(/mobile/images/common/reserSubTitle2Chk2_look_202008.png) no-repeat left center; vertical-align:middle;}
.reserSubTitle2Chk_2020082_pop_back {position:fixed; width:100%; height:100%; z-index:9998; background:rgba(0,0,0,0.7); display:none;}
.reserSubTitle2Chk_2020082_pop {position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; z-index:9999; display:none;}
.reserSubTitle2Chk_2020082_pop .pop_close {position:absolute; left:50%; bottom:30px; transform:translate(-50%, 0); display:block; width:196px;}

.reserSubTitle2Chk input[type="checkbox"]{position: absolute; left: -9999em;}
.reserSubTitle2Chk label{position: relative; padding-left: 0; display: block; height: 27px; background: url(/mobile/images/common/reserSubTitle2Chk2_202008.png) no-repeat 34px center; background-size:337px auto;}
.reserSubTitle2Chk label:before{content: ''; width: 25px; height: 100%; background: url(/images/common/cmmChk.png) no-repeat left center; position: absolute; left: 0; top: 0;}
.reserSubTitle2Chk input[type="checkbox"]:checked+label:before{background-image: url(/images/common/cmmChkActive.png);}

.section.section09{background: url(/mobile/images/bg/bgSection9.jpg); background-size: cover; min-height: 1150px;}
.section09 .secContent{position: absolute; left: 50%; top: 50px; margin-left: -417px; text-align: left; max-width: 830px;}
.nickNameSlideWrap{min-height: 800px;}
.serverLst{text-align: center; display: block; font-size: 0; margin-top: -15px;}
.serverLst .lst{margin: -7px; font-size: 0; max-width: 460px; display: inline-block; width: 100%; position: relative;}
.serverLst .lst.dumy{position: relative; margin-top: 7px;}
.serverLst .lst:after{content: ''; width: 674px; height: 106px; background: url(/mobile/images/common/openready2.png) no-repeat center center; position: absolute; left: 50%; bottom: -76px; margin-left: -337px;}
.serverLst .lst.dumy:before{content: ''; width: 100%; height: 100%; background: url(/mobile/images/common/openready.png) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 1;}
.serverLst .lst .tp{display: inline-block; width: 45%; vertical-align: top; padding: 7px;}
.serverLst .lst .tp:first-child {margin-right:4%;}
.serverLst .lst .tp .txt{display: block; text-align: center; height: 63px; background: rgba(0,0,0,0.5); border-radius: 4px; border: 1px solid #5b5959; padding-top: 16px;}
.serverLst .lst .tp .txt .t{padding-left: 60px; position: relative;}
.serverLst .lst .tp .txt .t:before{content: ''; width: 40px; height: 40px; position: absolute; left: 0; top: 50%; margin-top: -28px; background: #00ae4d;}
.serverLst .lst .tp.tp0 .txt .t:before{background: #00ae4d;}
.serverLst .lst .tp.tp1 .txt .t:before{background: #fb9114;}
.serverLst .lst .tp.tp2 .txt .t:before{background: #ed1c24;}
.serverLst .lst .tp.tp3 .txt .t:before{background: #373737;}
.serverLst .lst .tp.tp4 .txt .t:before{background: #373737;}
.serverLst .lst .tp.tp4 .txt{border-color: #403c3c; color: #7f7f7f;}
.serverLst .lst .tp.active .txt{box-shadow: 0 0 13px rgba(147,244,255,.5); border-color: rgba(147,244,255,1);}
.serverLst .lst .tp .txt .t .s{font-size: 25px; line-height: 25px; font-weight: bold; color: #fff; text-shadow: 10px 10px 35px #0043ff , -10px -10px 35px #0043ff; min-width: 80px; display: inline-block;}
.serverLst .lst .tp.tp4 .txt .t .s{color: #7f7f7f; text-shadow: none;}
.serverTitle2{margin-top: 30px;}
.serverTitle2Lst{font-size: 0; text-align: center; display: block; margin-top: -40px;}
.serverTitle2Lst .lst{}
.serverTitle2Lst .lst .tp{width: 224px; height: 221px; display: inline-block; vertical-align: top;}
.serverTitle2Lst .lst .tp .txt{display: block; height: 100%; background: no-repeat center center; position: relative;}
.serverTitle2Lst .lst .tp+.tp .txt:before{content: ''; width: calc(1px + .5%); height: 86px; background: #fff; opacity: .4; position: absolute; left: 0; top: 50%; margin-top: -43px;}
.serverTitle2Lst .lst .tp.tp0 .txt{background-image: url(/images/common/serverChaCho01.png);}
.serverTitle2Lst .lst .tp.tp1 .txt{background-image: url(/images/common/serverChaCho02.png);}
.serverTitle2Lst .lst .tp.tp2 .txt{background-image: url(/images/common/serverChaCho03.png);}
.serverTitle2Lst .lst .tp.tp0.active .txt{background-image: url(/mobile/images/common/serverChaCho01Active.png);}
.serverTitle2Lst .lst .tp.tp1.active .txt{background-image: url(/mobile/images/common/serverChaCho02Active.png);}
.serverTitle2Lst .lst .tp.tp2.active .txt{background-image: url(/mobile/images/common/serverChaCho03Active.png);}
.serverTitle3{}
.serverTitle3Box{border-radius: 10px; background: rgba(0,0,0,0.3); border: 1px solid #7c7b7d; padding: 25px 0; text-align: center; margin-top: 0px; min-width: 646px; display: inline-block; margin-bottom: 44px;}
.serverTitle3Box .inn{display: inline-block; text-align: center; min-width: 473px;}
.serverTitle3Box .fom{position: relative; }
.serverTitle3Box .ipf{background: #000; border-radius: 58px; padding: 5px; border: 1px solid #7f7a7b; text-align: center;}
.serverTitle3Box .ipf input{text-align: center; font-size: 21px; font-weight: bold; border: none; background: none; padding: 13px 0; color: #fff; width: 90%; outline: none !important;}
.serverTitle3Box .fom .stbBtn{margin-top: 15px;}
.serverTitle3BoxTxt{margin-top: 20px;}
.section09 .secContent .btnwrap{text-align: center; margin-top: 35px;}

.secPhonePopWrap{width: 570px; height: 520px; background: url(/mobile/images/202205/popup/secPhone_bg.png) no-repeat left top; padding-top: 50px; margin:auto;}
.secPhonePopWrap .spIn{}
.secPhonePopWrap .spIn .spTp{margin-top: 10px;}
.secPhonePopWrap .spIn .spTp .btnsl{position: relative; width: 100%; height: 57px; background: url(/images/common/spTpBtnsl.png) no-repeat center center; margin-top: 20px; display: none;}
.secPhonePopWrap .spIn .spTp .btnsl .b{position: absolute; right: 56px; ftop: 10px; width: 143px; height: 40px;}
.secPhonePopWrap .spIn .spMd {padding: 10px 25px 0;}
.secPhonePopWrap .cmmDigBtn {margin-top: 40px; display: inline-block;}
.secPhoneError{width: 634px; height: 356px; background: url(/images/common/secPhoneErrorBg.png) no-repeat left top; padding-top: 90px;}
.secPhoneError .txts{}
.secPhoneError .btnWrap{margin-top: 35px;}
.cont043 .secServerComp{width: 680px; height: 615px; background:#f2f2f2 url(/mobile/images/common/secServerCompCompBg2.png?v=1) center top no-repeat ;  padding-top: 30px;}
.secServerComp{width: 602px; height: 691px; background: url(/images/common/secServerCompCompBg_archer.png?v=2) no-repeat left top; padding-top: 40px;}
.secServerComp{width: 602px; height: 691px; background: url(/mobile/images/202209/name/popup/pop_bg_complete.png) no-repeat left top; padding-top: 40px;}
.secServerComp .sscTp{}
.secServerComp .sscMd{padding-left: 50px; padding-top: 20px; padding-bottom: 15px;}
.secServerComp .sscMd .lst{width: 225px;}
.secServerComp .sscMd .lst .tp{position: relative;  padding-top: 27px;}
.secServerComp .sscMd .lst .tp+.tp{margin-top: 4px;}
.secServerComp .sscMd .lst .tp:after{content: ''; display: block; background: no-repeat left top; position: absolute; left: 0; top: 0; height: 27px; width: 100%;}
.secServerComp .sscMd .lst .tp.tp0:after{background-image: url(/mobile/images/202205/reservation/reser_pop_server.png);}
.secServerComp .sscMd .lst .tp.tp1:after{background-image: url(/mobile/images/202205/reservation/reser_pop_class.png);}
.secServerComp .sscMd .lst .tp.tp2:after{background-image: url(/mobile/images/202205/reservation/reser_pop_char.png);}
.secServerComp .sscMd .lst .tp.tp3:after{background-image: url(/mobile/images/202205/reservation/reser_pop_code.png);}
.secServerComp .sscMd .lst .tp.tp4:after{background-image: url(/mobile/images/202205/reservation/reser_pop_reser_code.png);}
.secServerComp .sscMd .lst .tp.tp3:before{content: ''; width: 100px; height: 64px; background: url(/images/common/click.png) no-repeat left top; position: absolute; right: -61px; top: -40px; z-index: 1; cursor: pointer;}
.secServerComp .sscMd .lst .tp.tp3.active .txt{visibility: hidden;}
.secServerComp .sscMd .lst .tp.tp4:before{content: ''; width: 100px; height: 64px; background: url(/images/common/click.png) no-repeat left top; position: absolute; right: -61px; top: -40px; z-index: 1; cursor: pointer;}
.secServerComp .sscMd .lst .tp.tp4.active .txt{visibility: hidden;}
.secServerComp .sscMd .lst .tp .txt{background: #a50707; display: block; line-height: 34px; color: #fff; font-size: 23px; text-align: center; font-weight: bold; min-height: 34px;}
.secServerComp .sscMd .img{text-align: left; margin-top: 10px; margin-left: -21px;}
.secServerComp .sscMd.tp2{text-align: left; padding-left: 30px;}
.secServerComp .sscMd.tp2 .lst{display: inline-block; width: 154px; vertical-align: top;}
.secServerComp .sscMd.tp2 .lst .tp .txt{font-size: 20px; white-space: nowrap;}
.secServerComp .sscMd.tp2 .lst .tp:after{background-position: center top;}
.secServerComp.complete{/* background-image: url(/images/common/secServerCompCompBg.png?v=1); */background: none; height: 691px; margin: 0 auto; padding: 0;}
.secServerComp.complete .sscMd{padding-bottom: 15px;}
.secChaSeverInfo{margin:auto; width: 634px; height: 356px; background: url(/images/common/secPhoneErrorBg.png) no-repeat left top; padding: 0 38px; padding-top: 35px;}
.secChaSeverInfo .sscMd{margin-bottom: 20px;}
.secChaSeverInfo .sscMd .lst{width: 100%; overflow: hidden; margin-top: 25px; margin-bottom: 25px;}
.secChaSeverInfo .sscMd .lst .tp{position: relative;  padding-top: 33px; width: 33.333%; float: left;}
.secChaSeverInfo .sscMd .lst .tp:after{content: ''; display: block; background: no-repeat left top; position: absolute; left: 0; top: 0; height: 38px; width: 100%;}
.secChaSeverInfo .sscMd .lst .tp.tp0:after{background-image: url(/images/common/secChaSeverInfoTp0.png);}
.secChaSeverInfo .sscMd .lst .tp.tp1:after{background-image: url(/images/common/secChaSeverInfoTp1.png);}
.secChaSeverInfo .sscMd .lst .tp.tp2:after{background-image: url(/images/common/secChaSeverInfoTp2.png);}
.secChaSeverInfo .sscMd .lst .tp.tp3:after{background-image: url(/images/common/secChaSeverInfoTp3.png);}
.secChaSeverInfo .sscMd .lst .tp .txt{background: #a50707; display: block; line-height: 42px; color: #fff; font-size: 23px; text-align: center; font-weight: bold;}


.baseForm .form-group .inputArea .nformBtn0,
.baseForm .form-group .inputArea .nformBtn1{width: 147px; height: 64px; background: no-repeat right center; position: absolute; right: 0; top: 50%; margin-top: -32px;}
.baseForm .form-group .inputArea .nformBtn0{background-image: url(/images/common/btnInzng.png);}
.baseForm .form-group .inputArea .nformBtn1{background-image: url(/images/common/btnInzngCon.png);}
.baseForm .form-group .inputArea .cformBtn0,
.baseForm .form-group .inputArea .cformBtn1{width: 147px; height: 64px; background: no-repeat right center; position: absolute; right: 0; top: 50%; margin-top: -32px;}
.baseForm .form-group .inputArea .cformBtn0{background-image: url(/images/common/btnInzng.png);}
.baseForm .form-group .inputArea .cformBtn1{background-image: url(/images/common/btnInzngCon.png);}

/*0920추가*/
.cont0923{}
.cont0923 .gift_pop{position:relative;width:80%;margin:auto;}
.cont0923 .btnWrap{position:absolute;top:20px;right:20px;width:30px;}
.popCont0925{position:relative;width:90%;max-width:650px;margin:auto;}
.popCont0925 .btnWrap{position: absolute;left:209px;bottom:54px;width: 232px;height:53px;}
.popCont0925 .btnWrap a{display: inline-block;position: absolute;top:0;left:0;width: 100%;height:100%;}
.cont10 .popCont0925 .btnWrap{bottom:97px;}
.cont046 .secServerComp{width:480px; height: 691px; background: url(/images/202209/name/pop_complete.png) no-repeat left top; padding-top: 0;margin:auto;}
.cont046 .secServerComp .sscMd{padding-top:434px;text-align:center;padding-left:0;;}
.cont046 .secServerComp .sscMd .lst{width:326px;margin:auto;height:85px;}
.cont046  .secServerComp .sscMd .lst .tp{position: relative;  padding-top: 36px;}
.cont046 .secServerComp .sscMd .lst .tp.tp4{}
.cont046 .secServerComp .sscMd .lst .tp.tp4:after{background-image: url(/images/202209/name/box_code.png);height:37px;}
.cont046 .secServerComp .sscMd .lst .tp.tp4:before{content: ''; width: 87px; height: 62px; background: url(/images/202209/name/btn_click2.png) no-repeat left top; position: absolute; right: -63px; top: -41px; z-index: 1; cursor: pointer;}
.cont046 .secServerComp .sscMd .lst .tp .txt{background: #a50707; display: block; line-height: 48px; color: #fff; font-size: 33px; text-align: center; font-weight: bold; min-height: 48px;}

.cont046 .secServerComp .sscMd .img{text-align: left; margin-top: 15px; margin-left:0;text-align: center;}




/*
.section01 .mainLogo{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section01 .mainBtnWrap{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px); transition-delay: .4s;}
.section01.active .mainLogo{opacity: 1; transform: translate(0,0);}
.section01.active .mainBtnWrap{opacity: 1; transform: translate(0,0);}
.section02 .cha001{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateX(-50px);}
.section02 .reserTitle{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section02 .reserItem{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section02 .baseForm{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section02.active .cha001{opacity: 1; transform: translate(0,0);}
.section02.active .reserTitle{opacity: 1; transform: translate(0,0);}
.section02.active .reserItem{opacity: 1; transform: translate(0,0);}
.section02.active .baseForm{opacity: 1; transform: translate(0,0);}
.section03 .section03Title{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section03 .boxAlignCenter{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section03 .secItemTxt{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section03 .btnGoogle{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section03.active .section03Title{opacity: 1; transform: translate(0,0);}
.section03.active .boxAlignCenter{opacity: 1; transform: translate(0,0);}
.section03.active .secItemTxt{opacity: 1; transform: translate(0,0);}
.section03.active .btnGoogle{opacity: 1; transform: translate(0,0);}
.section04 .section04Title{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section04 .btnIntro{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section04 .cha002{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateX(-50px);}
.section04.active .section04Title{opacity: 1; transform: translate(0,0);}
.section04.active .btnIntro{opacity: 1; transform: translate(0,0);}
.section04.active .cha002{opacity: 1; transform: translate(0,0);}
.section05 .section05Title{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section05 .boxAlignCenter{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section05 .btnGoogle{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section05.active .section05Title{opacity: 1; transform: translate(0,0);}
.section05.active .boxAlignCenter{opacity: 1; transform: translate(0,0);}
.section05.active .btnGoogle{opacity: 1; transform: translate(0,0);}
.section06 .section06Title{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section06 .section06Txt{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section06 .boxAlignCenter{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section06 .btnCafe{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section06.active .section06Title{opacity: 1; transform: translate(0,0);}
.section06.active .section06Txt{opacity: 1; transform: translate(0,0);}
.section06.active .boxAlignCenter{opacity: 1; transform: translate(0,0);}
.section06.active .btnCafe{opacity: 1; transform: translate(0,0);} */
.head .in h1,
.head .cbtTopBanner,
.head .cbtTopBannerGameDownload,
.head .btnTopCafe,
.head .btnTopYoutube,
.head .btnTopChaConfirm,
.head .btnTopChaConfirm1004,
.head .btnTopReser{transition: opacity .5s, transform .8s;}
.head .in h1{opacity: 0; transform: scale(0);}
.head .cbtTopBanner{opacity: 0;  transform: scale(0);}
.head .cbtTopBannerGameDownload{opacity: 0;  transform: scale(0);}
.head .btnTopCafe{opacity: 0; transform: scale(0);}
.head .btnTopYoutube{opacity: 0; transform: scale(0);}
.head .btnTopChaConfirm{opacity: 0; transform: scale(0);}
.head .btnTopChaConfirm1004{opacity: 0; transform: scale(0);}
.head .btnTopReser{opacity: 0; transform: scale(0);}

body.load .head .in h1{opacity: 1; transform: scale(1);}
body.load .head .cbtTopBanner{opacity: 1; transform: scale(1);}
body.load .head .cbtTopBannerGameDownload{opacity: 1; transform: scale(1);}
body.load .head .btnTopCafe{opacity: 1; transform: scale(1);}
body.load .head .btnTopReser{opacity: 1; transform: scale(1);}
body.load .head .btnTopChaConfirm{opacity: 1; transform: scale(1);}
body.load .head .btnTopChaConfirm1004{opacity: 1; transform: scale(1);}
body.load .head .btnTopYoutube{opacity: 1; transform: scale(1);}



.baseForm .form-group .customSelectWrap{position: absolute; left: 0; top: 0; width: 107px; height: 100%;}
.baseForm .form-group .customSelectWrap .customSelect{}
.customSelectWrap{position: relative;}
.customSelectWrap .cstSelect{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; opacity: 0; z-index: 2;}
.customSelectWrap .cstSelect:focus{outline: none;}
.customSelectWrap .virSelect{width: 100%; height: 100%; display: block; position: relative; padding-right: 18px; z-index: 1; }
.customSelectWrap .virSelect .attacSelect{position: absolute; right: 0; top: 0; background: url(/images/common/selectBox.png) no-repeat center center; width: 18px; height: 100%;}
.customSelectWrap .virSelectTxt{width: 100%; display: block; height: 100%; text-align: left; font-size: 15px; color: #6d6d6d; line-height: 22px; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; text-indent: 2px; line-height: 65px; font-size: 35px; color: #000; font-weight: 500; padding-left: 15px;}




.btnArrow {position: absolute; left:0; bottom:0; width: 100%; z-index: 100; text-align: center; animation-name:btnArrow;  animation-duration: 1s;  animation-iteration-count: infinite; animation-direction: alternate; z-index: 51;}
.btnArrow a {display: inline-block; text-indent:-999em; width: 160px; height:70px; animation-name:arrow;  animation-duration: 1s;  animation-iteration-count: infinite; animation-direction: alternate;}
.btnArrow a em {position: absolute; left:0; top:0; width: 100%; height: 100%; background:url('/mobile/images/common/arrow.png') center center  no-repeat; animation-name:btnArrow;  animation-duration: 1s;  animation-iteration-count: infinite; animation-direction: alternate;}
.btnArrow a span {position: absolute; left:0; top:0; width: 100%; height: 100%; background:url('/mobile/images/common/arrow_on.png') center center  no-repeat; animation-name:btnArrow;  animation-duration: 1s;  animation-iteration-count: infinite; animation-direction: alternate;}
.section01 .btnArrow{z-index: 50;}
.btnArrow_event{bottom:50px;}
@keyframes btnArrow {
    from  {opacity:0;}
    to {opacity:1;}
}
@keyframes arrow {
    from  {transform:translate(0,-30px);  }
    to {transform:translate(0,0);;}
}
.land .contentPop{overflow-y: auto;}
.land .contentPop .popIn{top: 84px !important; margin-top: 0 !important;}
@media only screen and (max-width: 1280px) and (min-width: 800px){
    /* body{zoom: 1 !important;}
    .section07 .secContent{left: 50%; margin-left: -350px;}
    .section03 .secContent{margin-left: -600px;}
    .contentPop{overflow-y: auto;}
    .contentPop .popIn{top: 90px !important; margin-top: 0 !important;} */
    .land .secContent{transform: scale(.6); transform-origin: center center;}
    .land .section01 .secContent{margin-top: -500px;}
    .land .section{min-height: 1050px !important;}
    /*.land .section01{height: 630px !important;}
    .land .section02{height: 950px !important;}
    .land .section03{height: 780px !important;}
    .land .section04{height: 730px !important;}
    .land .section05{height: 800px !important;}
    .land .section06{height: 750px !important;}
    .land .section07{height: 880px !important;}
    .land .section10{height: 630px !important; background-position: left -160px;}
    .land .section11{height: 1050px !important;}*/
    /* .land .section11{height: 750px !important;} */
    .land .section.section08 .chaSeverWrap{height: 1000px !important; height: auto;}
    .land[data-nickname="1"] .section.section08 .chaSeverWrap .chaWrap{margin-top: -1050px;}
    .land[data-nickname="1"] .section.section08 .chaSeverWrap{height: 1000px !important;}
    .serverLst .lst{max-width: 100%;}
    .serverLst .lst .tp{width: 25%;}
    .land .section.section08 .chaSeverWrap .chaWrap{height: 1000px !important; padding-top: 120px; height: auto;}
    .land .head .gnb .lst .tp .txt{height: 41px; background-size: auto 12px;}
    .land .head .gnb .lst .tp .txt.txt2{height: 41px; background-size: auto 24px;}
    .land .head .gnb .lst .tp.tp9 .txt{background-size: 40px auto;}
    body.load.land .head .in h1{top: 64px; transform: scale(.6); transform-origin: left top;}
    body.load.land .head .cbtTopBanner{transform: scale(.6); transform-origin: left bottom;}
    body.load.land .head .cbtTopBanner.tp1{transform-origin: right bottom;}
    .land #popupAlert .popIn{transform: scale(.45); transform-origin: center center;}
    .land #popupAlert2 .popIn{transform: scale(.6); transform-origin: center center;}
    body.land .youtubePop .popIn{transform: scale(.6) translate(-50%,-50%);; transform-origin: left top;}
    .land .contentPop .popIn{transform: scale(.6) ; transform-origin: center top; top: 64px !important; margin-top: 0 !important;}
    .land .contentPop .popIn .closePop{display: block !important;}
    .land .contentPop .popIn .secPhonePopWrap .closePop{display: none !important;}

    .land .section.section08 .secContent{transform: scale(1);}
    .land .section.section08 .secContent .chaWrap .transform{transform: scale(.6) ; transform-origin: center top;}
    .land .section.section08 .secContent .serverWrap .transform{transform: scale(.6) ; transform-origin: center top;}
    .land .section.section08 .chaSeverWrap .serverWrap:before{top: 206px;}
    .land .contentPop{overflow-y: auto;}
    .land .youtubePop{overflow-y: auto;}
    .land .worldPop .popContent,
    .land .introPop .popContent{transform: scale(.6); transform-origin: center top;}
    .land .charactorPop .popContent .chaTit:before{content: none;}
    .land .charactorPop .popContent .chaTit:after{content: none;}
    .land .charactorPop .popContent{transform: scale(.6); transform-origin: center top;}
    .land .charactorPop .contr .uislide_prev, .charactorPop .contr .uislide_next{bottom: 0; margin-top: 0; top: auto;}
    .land .charactorPop .contr .uislide_prev{left: -70px;}
    .land .charactorPop .contr .uislide_next{right: -70px;}
    .land .head .rightBtns.secScale{top: 69px; transform: scale(.6); transform-origin: right top;}
    .land .section02 .secContent{transform-origin: center top; top: 80px;}
    .land .section02 .secContent .reserItem{margin-top: 30px;}
    .land .section03 .secContent{transform-origin: center top; top: 80px;}
    .land .section04 .secContent{transform-origin: center top; top: 80px;}
    .land .section05 .secContent{transform-origin: center top; top: 80px;}
    .land .section05 .boxAlignCenter{margin-top: 100px;}
    .land .section06 .secContent{transform-origin: center top; top: 80px;}
    .land .section07 .secContent{transform-origin: center top; top: 80px;}
    .land .section10 .secContent{transform-origin: center top; top: 80px;}
    .land .section11 .secContent{transform-origin: center top; top: 40px;}
    .land .head .cbtTopBanner{}
}


@media only screen and (max-width: 959px){
    .land .contentPop .popIn .cont02{transform: scale(1.15); top: 210px; position: relative;}
    .land .contentPop .popIn .cont022{transform: scale(1.15); top: 210px; position: relative;}
    .land .contentPop .popIn .cont03{transform: scale(1.15); top: 210px; position: relative;}
    .land .contentPop .popIn .cont04{transform: scale(1.15); top: 210px; position: relative;}
    .land .contentPop .popIn .cont05{transform: scale(1.15); top: 210px; position: relative;}
    .land .contentPop .popIn .cont06{transform: scale(1.15); top: 210px; position: relative;}
    body .contentPop .popIn .contentList > .closePop{display: none !important;}
}
.slick-slide{outline: none !important;}


.timer26show{display: none !important;}
.section01 .mainBtnWrap .mainBtnReserBig.timer26show{background-image: url(/mobile/images/common/mainBtnReserBigTp26.png);}
body.timer26 .head .rightBtns.secScale{text-align: right;}
body.timer26 .head .cbtTopBanner.tp1{right: auto; left: 25px;}
body.timer26 .timer26hide{display: none !important;}
body.timer26 .timer26show{display: block !important;}
body.timer26 .timer26show.inline{display: inline-block !important;}
.timer28show{display: none !important;}
.section01 .mainBtnWrap .mainBtnReserBig.timer28show{background-image: url(/mobile/images/common/mainBtnReserBigTp29.png);}
.section01 .mainBtnWrap .mainBtnReserBig.timer30show{/*background-image: url(/mobile/images/common/btnBattleMo.png);*/ }
body.timer28 .timer28hide{display: none !important;}
body.timer28 .timer28show{display: block !important;}
body.timer28 .timer28show.inline{display: inline-block !important;}
body.timer28 .timer26show{display: none !important;}
body.timer28 .timer26show.inline{display: none !important;}




.battlepop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow: hidden; overflow-y: auto;}
.battlepop.active {opacity:1; visibility:visible;  z-index: 999; }
.battlepop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.9); }
.battlepop .popContent{position:absolute; left:0; top:0; width: 100%; z-index: 10; height:100%;}
.battlepop .popContent .btnClose{position: absolute; right: 35px; top: 35px;transform-origin: right center;}
.battlepop .img{position:relative;}
.battlepop .btst{position:absolute; left:50%; width: 466px; height: 107px; margin-left: -233px; bottom: 91px;}

.catspop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow: hidden; overflow-y: auto;}
.catspop.active {opacity:1; visibility:visible;  z-index: 999; }
.catspop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.9); }
.catspop .popContent {position:absolute; left:0; top:0; width: 100%; z-index: 10; height:100%; height: 1075px; width: 100%;}
.catspop .popContent .catsSlideWrap{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.catspop .popContent .catsSlideWrap.active{z-index: 2;}
.catspop .popContent .catsSlideWrap .contr{}
.catspop .popContent .catsSlideWrap .contr .uislide_prev,
.catspop .popContent .catsSlideWrap .contr .uislide_next{position: absolute; top: 50%; margin-top: 58px; width: 93px; height: 93px; background: no-repeat center center;}
.catspop .popContent .catsSlideWrap .contr .uislide_prev{background-image: url(/mobile/images/common/catsContrPrev.png); left: 0;}
.catspop .popContent .catsSlideWrap .contr .uislide_next{background-image: url(/mobile/images/common/catsContrNext.png); right: 0;}
.catspop .popContent .catsSlide{position: absolute; left: -999em; top: -9999em; width: 0; height: 0; padding: 1px;}
.catspop .popContent .catsSlideWrap.active .catsSlide{width: 100%; height: 100%; left: 0; top: 117px;}
.catspop .popContent .catsSlide .items{height: 1075px; width: 100%;}
.catspop .popContent .btnClose{position: absolute; left: 50%; top: 35px;transform-origin: right center; margin-left: -30px; z-index: 3;}
.catspop .img{position:relative;}

/* 새로 추가 */
.test-div {
    margin-top:-60px;
}
.test-text {

    font-size: 90px!important;
    font-weight: 900;
    background: url(/images/bg/odometer_bg.png);
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    font-family: 'Anton';
    /*font-family: 'S-CoreDream-9Black';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');*/

}
.odometer-digit {
    margin-right: 4px;
}

.odometer-digit:last-child {
    margin-right: 12px;
}

.won img {
    width: 78px;
    margin-top: 0px;
}
/* 새로 추가 */

/*billible 2020.03.15 추가*/
.head .cbtTopBanner.tp3 {
    position: fixed;
    /* left: 300px; */
    bottom: 29px;
    width: 232px;
    height: 287px;
    background: url(/mobile/images/common/reservation-square-box.png) no-repeat left top;
}
.head .cbtTopBanner.tp4 {
    position: fixed;
    left: 24px;
    bottom: -90px;
    width: 232px;
    height: 287px;
    background: url(/mobile/images/common/pre_character_banner.png) no-repeat left top;
}
body[data-current-section="-1"] .head .cbtTopBanner.tp3 {bottom: 58px;}
body[data-current-section="-1"] .head .cbtTopBanner.tp4 {bottom: -65px;}

.head .gnb .lst .tp {display: inline-block;position: relative;width: 20%;}

/* .head .gnb .lst .tp.tp2 .txt{background-image: url(../../images/ep6/mobile/gnb/list20210906.png?v=1);} */
.head .gnb .lst .tp.tp13 .txt{background-image: url(../../images/ep6/mobile/gnb/lst13.png?v=1);}
body[data-current-section="1"] .head .gnb .lst .tp.tp2 .txt{background-image: url(../../images/ep6/mobile/gnb/list20210906Hover.png?v=1);}
body[data-current-section="1"] .head .gnb .lst .tp.tp2:before{content: '';}
body[data-current-section="1"] .head .cbtTopBanner.tp3 {opacity: 0; transform: scale(0);}
body[data-current-section="1"] .head .cbtTopBanner.tp4 {opacity: 0; transform: scale(0);}

body[data-current-section="2"] .head .gnb .lst .tp.tp2 .txt{background-image: url(../../images/ep6/mobile/gnb/list20210906Hover.png?v=1);}
body[data-current-section="2"] .head .gnb .lst .tp.tp2:before{content: '';}
body[data-current-section="2"] .head .cbtTopBanner.tp3 {opacity: 0; transform: scale(0);}
body[data-current-section="2"] .head .cbtTopBanner.tp4 {opacity: 0; transform: scale(0);}

body[data-current-section="3"] .head .gnb .lst .tp.tp2 .txt{background-image: url(../../images/ep6/mobile/gnb/list20210906Hover.png?v=1);}
body[data-current-section="3"] .head .gnb .lst .tp.tp2:before{content: '';}
body[data-current-section="3"] .head .cbtTopBanner.tp3 {opacity: 0; transform: scale(0);}
body[data-current-section="3"] .head .cbtTopBanner.tp4 {opacity: 0; transform: scale(0);}

body[data-current-section="4"] .head .gnb .lst .tp.tp2 .txt{background-image: url(../../images/ep6/mobile/gnb/list20210906Hover.png?v=1);}
body[data-current-section="4"] .head .gnb .lst .tp.tp2:before{content: '';}
body[data-current-section="4"] .head .cbtTopBanner.tp3 {opacity: 0; transform: scale(0);}
body[data-current-section="4"] .head .cbtTopBanner.tp4 {opacity: 0; transform: scale(0);}

body[data-current-section="5"] .head .cbtTopBanner.tp3 {left: 24px;}
body[data-current-section="5"] .head .cbtTopBanner.tp4 {left: 24px; opacity: 0; transform: scale(0);}

body[data-current-section="6"] .head .cbtTopBanner.tp3 {left: 24px;}
body[data-current-section="6"] .head .cbtTopBanner.tp4 {left: 24px; opacity: 0; transform: scale(0);}

body[data-current-section="7"] .head .cbtTopBanner.tp3 {left: 24px;}
body[data-current-section="7"] .head .cbtTopBanner.tp4 {left: 24px; opacity: 0; transform: scale(0);}

body[data-current-section="8"] .head .gnb .lst .tp.tp12 .txt{background-image: url(../../images/ep6/mobile/gnb/lst12Hover.png?v=1);}
body[data-current-section="8"] .head .gnb .lst .tp.tp12:before{content: '';}
body[data-current-section="8"] .head .cbtTopBanner.tp3 {opacity: 0; transform: scale(0);}
body[data-current-section="8"] .head .cbtTopBanner.tp4 {opacity: 0; transform: scale(0);}


body[data-current-section="9"] .head .gnb .lst .tp.tp13 .txt{background-image: url(../../images/ep6/mobile/gnb/lst13Hover.png?v=1);}
body[data-current-section="9"] .head .gnb .lst .tp.tp13:before{content: '';}

.section01 .b-main-logo{margin-top: 18px;transition: opacity .9s, transform 1.3s;opacity: 0;transform: translateY(129px);height:480px;padding-top: 7%;}
.section01 .mainBtnWrap {margin-top: 0px;opacity: 0;transition: opacity .9s, transform 1.3s;transform: translateY(50px);transition-delay: .4s;}
.section01 .main_bottom_banner {opacity: 0;transition: opacity .9s, transform 1.3s;transform: translateY(50px);transition-delay: .6s;margin-top:-35px;}

.head .rightBtns {width: 580px;right: 19px;}
.head .rightBtns .btnTopMovieMo {display: inline-block;background: no-repeat left top;vertical-align: middle;opacity: 0;transform: scale(0);transition: opacity .5s, transform .8s;padding:0 2px;}
.head .rightBtns .btnTopCafe {margin-right: 10px;}
body.load .head .btnTopMovieMo {opacity: 1;transform: scale(1);}
/* body.load .section01 .b-main-logo {opacity: 1;transform: translateY(0);}
body.load .section01 .mainBtnWrap {opacity: 1;transform: translateY(0);}
body.load .section01 .main_bottom_banner{opacity: 1;transform: translateY(0);} */
/*202201모션적용*/
body .motionStep1 {opacity: 0;transition: opacity .9s, transform 1.3s;transform: translateY(100px);}
body .motionStep2 {opacity: 0;transition: opacity .9s, transform 1.3s;transform: translateY(100px);transition-delay: .2s;}
body .motionStep3 {opacity: 0;transition: opacity .9s, transform 1.3s;transform: translateY(100px);transition-delay: .4s;}
body.load .motionStep1 {opacity: 1;transform: translateY(0);}
body.load .motionStep2 {opacity: 1;transform: translateY(0);}
body.load .motionStep3 {opacity: 1;transform: translateY(0);}
.slideStep1 {opacity: 0;transition: opacity .9s, transform 1.3s;transform: translateY(100px);}
.slideStep2 {opacity: 0;transition: opacity .9s, transform 1.3s;transform: translateY(100px);transition-delay: .2s;}
.slideStep3 {opacity: 0;transition: opacity .9s, transform 1.3s;transform: translateY(100px);transition-delay: .4s;}
.load.slideStep1 {opacity: 1;transform: translateY(0);}
.load.slideStep2 {opacity: 1;transform: translateY(0);}
.load.slideStep3 {opacity: 1;transform: translateY(0);}
/*.head .rightBtns .btnTopMovieMo001 {background-image: url(/mobile/images/common/btnTopMovieMo001.png);width: 121px;height: 59px;margin-right: -6px;}*/
/*.head .rightBtns .btnTopMovieMo001 {background-image: url(/mobile/images/common/mo-main-ep2-btn.png);width: 121px;height: 59px;margin-right: -6px; margin-top: 8px!important;}*/
/*.head .rightBtns .btnTopMovieMo001 {background: url(/mobile/images/common/mo-main-ep2-btn_20200827.png) no-repeat top left; width: 146px;height: 59px;margin-right: -6px; margin-top: 8px!important; background-size:140px 32.5px;}*/
.head .rightBtns .btnTopMovieMo001 {background: url(/mobile/images/common/mo_main_youtube_20201208.png) no-repeat top left; width: 140px;height: 34px;margin-top:0;}
.head .rightBtns .btnTopMovieMo002 {background-image: url(/mobile/images/common/cha_menu3.png);width: 171px;height: 59px;}
.head .rightBtns .btnTopMovieMo003 {background-image: url(/mobile/images/common/cha_menu4.png);width: 171px;height: 59px;}

.popContSlideWrap .popContSlideCont .popContSlideArea.tp4 .contr .slick-dots li:nth-child(1){background-image: url(/mobile/images/common/popContTitleNav05ContrPage01.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp4 .contr .slick-dots li:nth-child(2){background-image: url(/mobile/images/common/popContTitleNav05ContrPage02.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp4 .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/mobile/images/common/popContTitleNav05ContrPage01Active.png);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp4 .contr .slick-dots li:nth-child(2).slick-active{background-image: url(/mobile/images/common/popContTitleNav05ContrPage02Active.png);}

.section04 {background: url(../../images/season3/mobile/update_bg.jpg);background-size: cover;background-position-y: 0px;}
@media screen and (max-width:1400px) and (min-width:769px) {
    .section04{background-position-y: -40px;}    
}
.section05 {background: url(../../images/season3/mobile/media_bg.png);background-size: cover;background-position-x: right;}

.section05 .boxAlignCenter{display: block; margin-top: 96px; margin-left: 30px;    background-color: rgba( 0, 0, 0, 0.75 );padding: 13px;}
.section05 .boxAlignCenter .items{display: inline-block; margin: 0 3px; width: 245px; height: 139px; background: no-repeat center center; position: relative;margin: 10px 10px 0 10px;}
.section05 .boxAlignCenter .items:after{content: ''; width: 245px; height: 139px; background: no-repeat center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; transition: opacity .5s}
/*.section05 .boxAlignCenter .items.tp0{background-image: url(/mobile/images/common/media-video-img01.png);}*/
.section05 .boxAlignCenter .items.tp0{background-image: url(/mobile/images/media/media_thumb_tvcf.png);}

.section05 .boxAlignCenter .items.tp1{background-image: url(/mobile/images/4th/media3.png);}
.section05 .boxAlignCenter .items.tp2{background-image: url(/mobile/images/4th/media4.png);}
.section05 .boxAlignCenter .items.tp3{background-image: url(/mobile/images/4th/media5.png);}
.section05 .boxAlignCenter .items.tp4{background-image: url(/mobile/images/4th/media6.png);}
.section05 .boxAlignCenter .items.tp5{background-image: url(/mobile/images/common/media-video-img07.jpg);}
.section05 .boxAlignCenter .items.tp6{background-image: url(/mobile/images/202205/media/video_rink.jpg);}
.section05 .boxAlignCenter .items.tp6_1{background-image: url(/mobile/images/202205/media/video_rink.png);}
.section05 .boxAlignCenter .items.tp7{background-image: url(/mobile/images/4th/media1.png);}
.section05 .boxAlignCenter .items.tp8{background-image: url(/mobile/images/4th/media2.png);}
.section05 .boxAlignCenter .items.tp9{background-image: url(/images/season3/mobile/media_thumb2.png?v=1);}
.section05 .boxAlignCenter .items.tp10{background-image: url(/images/season4/m/media_thum2.png);}
.section05 .boxAlignCenter .items.tp11{background-image: url(/images/season5/m/media_thum2.png);}
.section05 .boxAlignCenter .items.tp12{background-image: url(/images/year5/m/media_thum2.png);}
.section05 .boxAlignCenter .items.tp13{background-image: url(/images/ep7/m/media_thum2.png);}
.section05 .boxAlignCenter .items.tp14{background-image: url(/images/ep8/m/media_thum2.png);}
.section05 .boxAlignCenter .items.tp15{background-image: url(/images/year6/m/media_thum2.png?v=1);}
.section05 .boxAlignCenter .items.tp16{background-image: url(/images/ep9/m/media_thum2.png);}
.section05 .boxAlignCenter .items.tp17{background-image: url(/images/areboot/m/media_thum1.png);}

/*.section05 .boxAlignCenter {display: block;margin-top: 32px;margin-left: 0;background-color: #000;background-color: rgba( 0, 0, 0, 0.75 );width: 78%;padding: 13px 13px 23px 13px;}*/
.section05 .boxAlignCenter {display: block; margin:42px auto 32px; background-color: #000;background-color: rgba( 0, 0, 0, 0.75 );width: 78%;padding: 13px 13px 23px 13px;}

/*.section10.v-section01{background: url(/mobile/images/bg/advancereservation-1page-background.jpg);background-size: cover;}*/
.section10.v-section01{background: url(/images/areboot/m/reserv_bg.jpg);background-size: cover;background-position-x: right;}
.section10.v-section01 .galaxyStore_down{margin-top: 14px;;}
.section10.v-section01 .galaxyStore_down a{padding-left:20px;}
.section10.v-section01 .item-box {position:relative;/*width: 626px; height: 378px;text-align: left;margin-left: 40px;margin-top: 12px;*/width: 443px; height: 353px;text-align: left;margin-left: 67px;margin-top: 12px;}
.section10.v-section01 .item-box .itme_box_img{position:absolute;z-index: 3;}
.section10.v-section01 .item-box .search_icon::after{content:""; display: block; position:absolute; bottom:14%; right:-14%; background: url(/mobile/images/common/search_icon.png); background-size:30px 32px; z-index: 9; width: 30px ; height: 32px;}
.section10.v-section01 .item-box .itme_box_img a{position: absolute;width:100%;height:100%;top:0;left:0;display: block;font-size: 0;}
/*.section10.v-section01 .item-box .itme_box_img {width:126px;height: 138px;}
.section10.v-section01 .item-box .itme_box_img:nth-of-type(1) {top:0px;left:0px;z-index:2;}
.section10.v-section01 .item-box .itme_box_img:nth-of-type(2) {top:0px;left:126px;z-index:2;}
.section10.v-section01 .item-box .itme_box_img:nth-of-type(3) {top:0px;left:252px;z-index:2;}
.section10.v-section01 .item-box .itme_box_img:nth-of-type(4) {top:0px;left:378px;z-index:2;}
.section10.v-section01 .item-box .itme_box_img:nth-of-type(5) {top:120px;left:64px;z-index:2;}
.section10.v-section01 .item-box .itme_box_img:nth-of-type(6) {top:120px;left:190px;z-index:2;}
.section10.v-section01 .item-box .itme_box_img:nth-of-type(7) {top:120px;left:442px;z-index:2;}*/
.section10.v-section01 .item-box .itme_box_img {width:175px;height: 165px;}
.section10.v-section01 .item-box .itme_box_img:nth-of-type(1) {top:0px;left:0px;z-index:2;}
.section10.v-section01 .item-box .itme_box_img:nth-of-type(2) {top:0px;left:176px;z-index:2;}
.section10.v-section01 .item-box .itme_box_img:nth-of-type(3) {top:165px;left:87px;z-index:2;}
.section10.v-section01 .item-box .itme_box_img:nth-of-type(4) {top:165px;left:264px;z-index:2;}

.section10 .btnArrow a span {width: 183px;height: 71px;}
.section10.v-section01 .btnArrow a span {background: url(../../images/ep6/mobile/reserv_scroll.png) center center no-repeat;}
.section10.v-section02.v-item01 .secContent {top: inherit;bottom: 374px;}
.section10.v-section02.v-item02 .secContent {top: inherit;bottom: 376px;}
.section10.v-section02.v-item03 .secContent {top: inherit;bottom: 265px;}
.section10.v-section02 .secContent {top: inherit;bottom: 374px;}
.section10.v-section03 .secContent {top: inherit;bottom: 325px;}
.section10.v-section04 .secContent {top: inherit;bottom: 270px;}
.section10.v-section05 .secContent {top: inherit;bottom: 310px;}
.section10.v-section02.v-item01 .btnArrow a span {background: url(/mobile/images/common/arrow_on_002.png) center center no-repeat;}
/*.section10.v-section02.v-item02 .btnArrow a span {background: url(/mobile/images/common/arrow_on_003.png) center center no-repeat;}*/
.section10.v-section02.v-item02 .btnArrow a span {background: url(/mobile/images/common/arrow_on.png) center center no-repeat;}
.section10.v-section02.v-item03 .btnArrow a span {background: url(/mobile/images/common/arrow_on.png) center center no-repeat;}

.section10.v-section01 .secContent .item_box_txt{position: absolute; left: 43px; top: 567px;}

.section10.v-section01 .advancereservation-form {max-width: 642px;display: block;margin: 0 auto;text-align: center;margin-top: 35px;}
/*.section10.v-section01 .advancereservation-form .form-group {margin-right: -14px;margin-left: 14px;}*/
.section10.v-section01 .advancereservation-form .form-group.tp0, .advancereservation-form .form-group.tp1 {position: relative;padding-right: 246px;}
.section10.v-section01 .advancereservation-form .form-group.tp0{/*margin-top:20px;*/}
.section10.v-section01 .advancereservation-form .form-group.tp1{margin-top:7px;}
.section10.v-section01 .advancereservation-form .form-group .inputArea input {height: 50px;border-radius: 0;outline: none;box-shadow: none;font-size: 20px;text-align: left;color: #ffffff;border: none;padding: 0;margin: 0;background: none;width: 100%;text-align: center; line-height: 52px;opacity: 0.7;/*-webkit-text-size-adjust : 50%;-ms-text-size-adjust : 50%;-moz-text-size-adjust : 50%;-o-text-size-adjust : 50%;*/}
.section10.v-section01 .advancereservation-form .form-group .inputArea input::placeholder{color: #e16541 !important;}
.section10.v-section01 .advancereservation-form .form-group .inputArea {border: 2px solid rgba(155,22,22,0.7);box-sizing: border-box;background: rgba(155,22,22,0.3)}
.section10.v-section01 .advancereservation-form .form-group .inputArea input::placeholder{color: #ffffff; font-size: 20px; text-align: center; line-height: 52px;}
.section10.v-section01 .advancereservation-form .form-group .inputArea .formBtn0, .advancereservation-form .form-group .inputArea .formBtn1{width: 238px;height: 52px;background: no-repeat right center;position: absolute;right: 0;top: 50%;margin-top: -27px;}
.section10.v-section01 .advancereservation-form .form-group .inputArea .formBtn0{background-image: url(/images/common/advancereservation-1page-send-number.png);}
.section10.v-section01 .advancereservation-form .form-group .inputArea .formBtn1 {background-image: url(/images/common/advancereservation-1page-chack-number.png);}
.section10.v-section01 .advancereservation-form .chack-box{width: auto; margin: auto;margin-top:10px;}
.section08 .chack-box{width: auto; margin: auto;margin-bottom:20px;padding-left: 18%;}
/*.section10.v-section01 .advancereservation-form .form-group.tp2{padding-right: 74px; margin-right: 13px;}*/
/*.section10.v-section01 .advancereservation-form .form-group.tp3{padding-right: 74px;}*/
.section10.v-section01 .advancereservation-form .form-group.tp2, .section10.v-section01 .advancereservation-form .form-group.tp3,.section10.v-section01 .advancereservation-form .form-group.tp4{position: relative;    text-align: left; display: inline-block;     padding-left: 22px; margin-top: 5px;     width: 100%;}
.section08 .form-group.tp2, .section08 .form-group.tp3,.section08 .form-group.tp4{position: relative;    text-align: left; display: inline-block;     padding-left: 22px; margin-top: 5px;     width: 100%;}
.section10.v-section01 .advancereservation-form .form-group input[type="checkbox"] {position: absolute;left: -9999em;}
.section08 .form-group input[type="checkbox"] {position: absolute;left: -9999em;}
.section10.v-section01 .advancereservation-form .form-group .form-check-label:before {content: '';width: 20px;height: 20px;background-color: rgba(153,81,71,0.7);/*opacity:0.5*/;background: url(/images/common/advancereservation-1page-chackbox.png) no-repeat left center;position: absolute;left: 0;top: 4px;}
.section08 .form-group .form-check-label:before {content: '';width: 20px;height: 20px;background-color: rgba(153,81,71,0.7);/*opacity:0.5*/;background: url(/images/common/advancereservation-1page-chackbox.png) no-repeat left center;position: absolute;left: 0;top: 4px;}
.section10.v-section01 .advancereservation-form input[type="checkbox"]:checked+.form-check-label:before{background-image: url(/images/common/advancereservation-1page-chackbox-c.png);}
.section08 .form-group input[type="checkbox"]:checked+.form-check-label:before{background-image: url(/images/common/advancereservation-1page-chackbox-c.png);}
.section10.v-section01 .advancereservation-form .form-group .form-check-label{    cursor: pointer;color: #ca928b; /*rgba(153,81,71,0.7);*/ font-size: 18px;/*-webkit-text-size-adjust : 50%;-ms-text-size-adjust : 50%;-moz-text-size-adjust : 50%;-o-text-size-adjust : 50%;*/}
.section08 .form-group .form-check-label{    cursor: pointer;color: #ca928b; /*rgba(153,81,71,0.7);*/ font-size: 18px;/*-webkit-text-size-adjust : 50%;-ms-text-size-adjust : 50%;-moz-text-size-adjust : 50%;-o-text-size-adjust : 50%;*/}
.section10.v-section01 .advancereservation-form .form-group .chkDetailBtn {color:#d7bb7e;margin-left:10px; font-size: 18px;/*-webkit-text-size-adjust : 50%;-ms-text-size-adjust : 50%;-moz-text-size-adjust : 50%;-o-text-size-adjust : 50%;*/}
.section08 .form-group .chkDetailBtn {color:#d7bb7e;margin-left:10px; font-size: 18px;/*-webkit-text-size-adjust : 50%;-ms-text-size-adjust : 50%;-moz-text-size-adjust : 50%;-o-text-size-adjust : 50%;*/}
.section10.v-section01 .advancereservation-form .form-group .chkDetailBtn2 {color:#d7bb7e;margin-left:10px; font-size: 18px;/*-webkit-text-size-adjust : 50%;-ms-text-size-adjust : 50%;-moz-text-size-adjust : 50%;-o-text-size-adjust : 50%;*/}
.section08 .form-group .chkDetailBtn2 {color:#d7bb7e;margin-left:10px; font-size: 18px;/*-webkit-text-size-adjust : 50%;-ms-text-size-adjust : 50%;-moz-text-size-adjust : 50%;-o-text-size-adjust : 50%;*/}
.section10.v-section01 .formLogBtn{    display: block;margin-top: 30px;height: auto;}

/*.section10.v-section02.v-item01{width:100%; background: url(/mobile/images/bg/advancereservation-2page-background-0010728.png); background-size: 100% 100%;}
.section10.v-section02.v-item02{width:100%; background: url(/mobile/images/bg/advancereservation-2page-background-0020728.png);background-size: 100% 100%;}
.section10.v-section02.v-item03{width:100%;background: url(/mobile/images/bg/advancereservation-2page-background-0040728.png);background-size: 100% 100%;}*/
.section10.v-section02{width:100%;background: url(../../images/ep6/mobile/reserv_section2_title.png);background-size: 100% 100%;}
.section10.v-section03{width:100%;background: url(/mobile/images/202205/reservation/reservation_v2.png);background-size: 100% 100%;}
.section10.v-section04{width:100%;background: url(/mobile/images/202205/reservation/reservation_v3.png);background-size: 100% 100%;}
.section10.v-section05{width:100%;background: url(/mobile/images/202205/reservation/reservation_v4.png);background-size: 100% 100%;}
.section10.v-section06{width:100%;background: url(/mobile/images/202205/reservation/reservation_v5.png);background-size: 100% 100%;}

.section10.v-section03 .section10Title {margin-top: 0px;}
/*.section10.v-section03 .secContent {top: 123px;}*/
.section10.v-section03 .item-box{margin-top:20px;}
.section10.v-section03 .item-box img:nth-child(2) {margin-top: -95px;}

.section10.v-section03 .boxAlignCenter{display: block; margin-top: 20px;}
.section10.v-section03 .boxAlignCenter .items{display: inline-block; width: 585px; height: 325px; background: no-repeat center center; position: relative;}
.section10.v-section03 .boxAlignCenter .items:after{content: ''; width: 585px; height: 325px; background: no-repeat center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; transition: opacity .5s}
.section10.v-section03 .boxAlignCenter .items.tp0{background-image: url(/mobile/images/common/advancereservation-3page-eventinfo01.png);}
.section10.v-section03 .boxAlignCenter .items.tp1{background-image: url(/mobile/images/common/advancereservation-3page-eventinfo02.png);margin-top: -100px;}
.section10.v-section03 .boxAlignCenter .items.tp0:after{background-image: url(/mobile/images/common/advancereservation-3page-eventinfo01.png);}
.section10.v-section03 .boxAlignCenter .items.tp1:after{background-image: url(/mobile/images/common/advancereservation-3page-eventinfo02.png);}
.section10.v-section03 .boxAlignCenter .items:hover:after{opacity: 1;}

.worldPop2 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.worldPop2 .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.worldPop2 .popContent{height: 100%; position: relative; z-index: 2;}
.worldPop2.active {opacity:1; visibility:visible;  z-index: 999; }
.worldPop2 .popContent{}
.worldPop2 .popContent .worldWrap{}
.worldPop2 .popContent .worldWrap .in{}
.worldPop2 .popContent .worldWrap .in .titWrap{}
.worldPop2 .popContent .worldWrap .worldSlide{position: relative;}
.worldPop2 .popContent .worldWrap .worldSlide .tp{text-align: center;}
.worldPop2 .popContent .worldWrap .worldSlide .tp {text-align: center;margin-top: calc(50% - 193px);}
.worldPop2 .popContent .worldWrap .worldSlide .tp img{display: inline;}
.worldPop2 .popContent .worldWrap .worldSlide .tp .tit{padding-top: 50px;}
.worldPop2 .popContent .worldWrap .worldSlide .tp .front{margin-top: 30px; margin-bottom: 90px; min-height: 710px;}
.worldPop2 .popContent .worldWrap .worldSlide .tp .txt{padding-bottom: 50px;}
.worldPop2 .popContent .worldWrap .worldSlide .contr{}
.worldPop2 .popContent .worldWrap .worldSlide .contr .slick-dots{position: absolute; left: 0; width: 100%; bottom: 275px; text-align: center;}
.worldPop2 .popContent .worldWrap .worldSlide .contr .slick-dots li{display: inline-block; width: 37px; height: 47px; background: no-repeat center center; vertical-align: middle; margin: 0 10px;}
.worldPop2 .popContent .worldWrap .worldSlide .contr .slick-dots li:nth-child(1){background-image: url(/mobile/images/world/paging01.png);}
.worldPop2 .popContent .worldWrap .worldSlide .contr .slick-dots li:nth-child(2){background-image: url(/mobile/images/world/paging02.png);}
.worldPop2 .popContent .worldWrap .worldSlide .contr .slick-dots li:nth-child(3){background-image: url(/mobile/images/world/paging03.png);}
.worldPop2 .popContent .worldWrap .worldSlide .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/mobile/images/world/paging01_on.png);}
.worldPop2 .popContent .worldWrap .worldSlide .contr .slick-dots li:nth-child(2).slick-active{background-image: url(/mobile/images/world/paging02_on.png);}
.worldPop2 .popContent .worldWrap .worldSlide .contr .slick-dots li:nth-child(3).slick-active{background-image: url(/mobile/images/world/paging03_on.png);}
.worldPop2 .popContent .worldWrap .worldSlide .contr .slick-dots li.slick-active{}
.worldPop2 .popContent .worldWrap .worldSlide .contr .slick-dots li button{display: none;}
.worldPop2 .popContent .worldWrap .worldSlide .contr .uislide_prev,
.worldPop2 .popContent .worldWrap .worldSlide .contr .uislide_next{width: 42px; height: 80px; position: absolute; background: no-repeat center center; top: 50%; margin-top: -100px;}
.worldPop2 .popContent .worldWrap .worldSlide .contr .uislide_prev{background-image: url(/mobile/images/common/slidePrev.png); left: 20px;}
.worldPop2 .popContent .worldWrap .worldSlide .contr .uislide_next{background-image: url(/mobile/images/common/slideNext.png); right: 20px;}
.worldPop2 .popContent .btnClose{position: absolute; right: 70px; top: 160px;transform-origin: right center; z-index: 1;}
/*20200925 팝업추가*/
.reservationPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.reservationPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.7) ; background-size: cover;}
.reservationPop .popContent{height: 100%; position: relative; z-index: 2;}
.reservationPop.active {opacity:1; visibility:visible;  z-index: 999; }
.reservationPop .popContent{position:absolute;top:50%;left:50%;width:534px;height:595px;margin-left:-267px;margin-top:-297px;}
.reservationPop .popContent .btnClose{position: absolute; right: 30px; top: 30px;z-index: 1;}



/*billible 2020.03.27 메인 - START*/
.head .gnb .lst .tp {display: inline-block;position: relative;/*width: 14.28571%;/*;width:12.5%;width:16.6666%;width: 25%;*/width:25%;} 
.head .gnb .lst .tp.tp11 .txt{background-image: url(../../images/ep6/mobile/gnb/reserv7_off.png?v=1);}
.head .gnb .lst .tp.tp11.active .txt{background-image: url(../../images/ep6/mobile/gnb/reserv7_on.png?v=1);}
.head .gnb .lst .tp.tp12 .txt{background-image: url(../../images/ep6/mobile/gnb/character7_off.png?v=1);}
.head .gnb .lst .tp.tp12.active .txt{background-image: url(../../images/ep6/mobile/gnb/character7_on.png?v=1);}
body[data-current-section="0"] .head .gnb .lst .tp.tp11 .txt{background-image: url(../../images/ep6/mobile/gnb/reserv7_on.png?v=1);}
body[data-current-section="0"] .head .gnb .lst .tp.tp11:before{content: '';}
body[data-current-section="0"] .head .gnb .lst .tp.tp12 .txt{background-image: url(../../images/ep6/mobile/gnb/character7_on.png?v=1);}
body[data-current-section="0"] .head .gnb .lst .tp.tp12:before{content: '';}

/*메인*/
.main-title-back{position: absolute;top:0;left:0;}
.main-title-back img{width: 100%;}
.b-main-logo .b-main-title{background:url(/mobile/images/main/main-title-text-khan.png?v=1) no-repeat;width:668px;height: 341px;margin: 0 auto;}
.b-main-logo .b-main-title.khan{background:url(/mobile/images/main/main-title-text-khan.png?v=1) no-repeat;}
.b-main-logo .b-main-title.khan.baran{background:url(/mobile/images/main/main-title-text-baran_khan.png?v=1) no-repeat;}
.b-main-logo .b-main-title.baran{background:url(/mobile/images/main/main-title-text-baran.png?v=1) no-repeat;}
.head .rightBtns .btnTopMovieMo001 {height: 36px; }
.head .rightBtns .btnTopMovieMo002 {height: 36px; width:140px; margin-right:10px;}
.head .rightBtns .btnTopMovieMo003 {height: 36px; width:140px; margin-right:10px;}

/*캐릭터명 선점 메인*/
.section.section08 .chaSeverWrap {height: 2200px;}
.section.section08 .chaSeverWrap .chaWrap {height: 2230px;}
/*.section08 .chaWrap .reserTitle {text-align: left;margin-top: 20px;background:url(/mobile/images/common/reserTitle-khan.png?v=1) no-repeat;width:532px;height: 315px;}*/
/*.section08 .chaWrap .reserTitle {text-align: left;margin-top: 20px;background:url(/mobile/images/common/reserTitle-khan_202008.png?v=1) no-repeat;width:720px;height: 394px;}*/
/*.section08 .chaWrap.khan .reserTitle {background:url(/mobile/images/common/reserTitle-khan.png?v=1) no-repeat;}*/
/*.section08 .chaWrap.khan .reserTitle {background:url(/mobile/images/common/reserTitle-lena_20211001.png?v=1) no-repeat;}*/
/*
.section08 .chaWrap.khan .reserTitle {background:url(/mobile/images/202205/name/name_title.png) no-repeat;}
.section08 .chaWrap.baran .reserTitle {background:url(/mobile/images/common/reserTitle-baran.png?v=1) no-repeat;}
.section08 .chaWrap.khan.baran .reserTitle {background:url(/mobile/images/common/reserTitle-khan_baran.png?v=1) no-repeat;}
*/

/*.section08 .btnReserTitlewww22 {margin-top: 70px;}202008*/
.section08 .btnReserTitlewww22 {margin-top: 40px;text-align: center;}/*202008*/
/*.section08 .reserTitle2 {margin-top: 30px;margin-bottom: 10px;}202008*/
.section08 .reserTitle2 {margin-top: 10px;margin-bottom: 10px;} /*202008*/
.section08 .btnReserTitlewww223 {margin-top: 0;position: relative;margin-bottom: 10px;}

/*.section08 .chaWrap .reserTitle2 .infoText{background:url(/mobile/images/common/infotext-khan.png?v=1) no-repeat;width:536px;height: 293px;margin: 0 auto;}*/
/*.section08 .chaWrap .reserTitle2 .infoText{background:url(/mobile/images/common/infotext-khan_202008.png?v=1) no-repeat;width:536px;height: 293px;margin: 0 auto;}202008*/
.section08 .chaWrap .reserTitle2 .infoText{background:url(/images/areboot/m/nick_text.png) no-repeat;width:620px;height: 308px;margin: 0 auto; margin-bottom: 30px;}/*202008*/
/*.section08 .chaWrap.khan .reserTitle2 .infoText{background:url(/mobile/images/common/infotext-khan.png?v=1) no-repeat;}*/
/*.section08 .chaWrap.khan .reserTitle2 .infoText{background:url(/images/ep9/m/nick_text.png) no-repeat; margin-bottom: 40px;}
.section08 .chaWrap.baran .reserTitle2 .infoText{background:url(/mobile/images/common/infotext-baran.png?v=1) no-repeat;}
.section08 .chaWrap.khan.baran .reserTitle2 .infoText{background:url(/mobile/images/common/infotext-baran_khan.png?v=1) no-repeat;}*/

/*캐릭터명 선점 입력*/

[data-nickname="1"] .section.section08 .chaSeverWrap .chaWrap {margin-top: -2170px;}

.section.section08 .chaSeverWrap .serverWrap {padding-top: 165px;  /*margin-top: 80px;*/    min-height: 1180px;}
.section.section08 .chaSeverWrap .serverWrap:before {display:none;}
.serverWrap .worldSelect{background:url(/mobile/images/common/word-select-bg-n.png) no-repeat;height:205px;width: 100%;padding-top: 21px; }

.serverWrap .worldSelect img{display: block;margin:0 auto;}
.serverWrap .worldSelect img.title {margin-bottom: 9px;}
.serverWrap .worldSelect .worldList {margin-top: 10px;}
.serverWrap .worldSelect .worldList li {display: inline-block;width: 230px;vertical-align: top;padding: 5px;}
.serverWrap .worldSelect .worldList li a{display: flex;text-align: center;height: 62px;/*background: rgba(0,0,0,0.5);border: 1px solid #5b5959;*/justify-content: center;align-items: flex-start;}
/*.serverWrap .worldSelect .worldList li.active a{display: flex;text-align: center;height: 62px;background: rgba(255,255,255,0.2);border: 1px solid #5b5959;justify-content: center;align-items: center;}*/
.serverWrap .worldSelect .worldList li.active a {border: 1px solid #b8b8b8; background: rgba(255,255,255,0.2);}
.serverWrap .worldSelect .worldList li.khan a span.state{display: block;padding: 0;width: 107px;height: 44px;}
.serverWrap .worldSelect .worldList li.baran a span.state{display: block;padding: 0;width: 113px;height: 44px;}
.serverWrap .worldSelect .worldList li.roje a span.state{display: block;padding: 0;width: 113px;height: 44px;}
.serverWrap .worldSelect .worldList li.monica a span.state{display: block;padding: 0;width: 113px;height: 44px;}
.serverWrap .worldSelect .worldList li.charden a span.state{display: block;padding: 0;width: 113px;height: 44px;}
.serverWrap .worldSelect .worldList li.bal a span.state{display: block;padding: 0;width: 151px;height: 44px;}
.serverWrap .worldSelect .worldList li.lena a span.state{display: block;padding: 0;width: 151px;height: 44px;}
.serverWrap .worldSelect .worldList li.draken a span.state{display: block;padding: 0;width: 151px;height: 44px;}
.serverWrap .worldSelect .worldList li.broken a span.state{display: block;padding: 0;width: 151px;height: 44px;}
.serverWrap .worldSelect .worldList li.terna a span.state{display: block;padding: 0;width: 170px;height: 44px;}
.serverWrap .worldSelect .worldList li.revence a span.state{display: block;padding: 0;width: 170px;height: 44px;}

.serverWrap .worldSelect .worldList li{display: none;}
.serverWrap .worldSelect .worldList.khan li.khan {display: inline-block;}
.serverWrap .worldSelect .worldList.baran li.baran {display: inline-block;}
.serverWrap .worldSelect .worldList.baran li.lux {display: inline-block;}
.serverWrap .worldSelect .worldList.baran li.catan {display: inline-block;}
.serverWrap .worldSelect .worldList.baran li.nora {display: inline-block;}
.serverWrap .worldSelect .worldList li.w22_1 {display: inline-block;}

.serverWrap .worldSelect .worldList.khan li.khan a span.state{background: url(/mobile/images/common/khan-green.png)no-repeat;}
.serverWrap .worldSelect .worldList.khan li.khan a span.state.green{background: url(/mobile/images/common/khan-green.png)no-repeat;}
.serverWrap .worldSelect .worldList.khan li.khan a span.state.yellow{background: url(/mobile/images/common/khan-yellow.png)no-repeat;}
.serverWrap .worldSelect .worldList.khan li.khan a span.state.red{background: url(/mobile/images/common/khan-red.png)no-repeat;}

.serverWrap .worldSelect .worldList.baran li.baran a span.state{background: url(/mobile/images/common/baran-green.png)no-repeat;}
.serverWrap .worldSelect .worldList.baran li.baran a span.state.green{background: url(/mobile/images/common/baran-green.png)no-repeat;}
.serverWrap .worldSelect .worldList.baran li.baran a span.state.yellow{background: url(/mobile/images/common/baran-yellow.png)no-repeat;}
.serverWrap .worldSelect .worldList.baran li.baran a span.state.red{background: url(/mobile/images/common/baran-red.png)no-repeat;}

.serverWrap .worldSelect .worldList.baran li.lux.active a span.state.green{background: url(/images/season4/m/lux_green_on.png)no-repeat; background-position: center;}
.serverWrap .worldSelect .worldList.baran li.lux.active a span.state.yellow{background: url(/images/season4/m/lux_yellow_on.png)no-repeat; background-position: center;}
.serverWrap .worldSelect .worldList.baran li.lux.active a span.state.red{background: url(/images/season4/m/lux_red_on.png)no-repeat; background-position: center;}

.serverWrap .worldSelect .worldList.baran li.lux a span.state.green{background: url(/images/season4/m/lux_green_off.png)no-repeat; background-position: center;}
.serverWrap .worldSelect .worldList.baran li.lux a span.state.yellow{background: url(/images/season4/m/lux_yellow_off.png)no-repeat; background-position: center;}
.serverWrap .worldSelect .worldList.baran li.lux a span.state.red{background: url(/images/season4/m/lux_red_off.png)no-repeat; background-position: center;}

.serverWrap .worldSelect .worldList li.w22_1.active a span.state.green{background: url(/images/areboot/m/nickname_w22_1_green_on.png)no-repeat; background-position: center;}
.serverWrap .worldSelect .worldList li.w22_1.active a span.state.yellow{background: url(/images/areboot/m/nickname_w22_1_yellow_on.png)no-repeat; background-position: center;}
.serverWrap .worldSelect .worldList li.w22_1.active a span.state.red{background: url(/images/areboot/m/nickname_w22_1_red_on.png)no-repeat; background-position: center;}

.serverWrap .worldSelect .worldList li.w22_1 a span.state.green{background: url(/images/areboot/m/nickname_w22_1_green_off.png)no-repeat; background-position: center;}
.serverWrap .worldSelect .worldList li.w22_1 a span.state.yellow{background: url(/images/areboot/m/nickname_w22_1_yellow_off.png)no-repeat; background-position: center;}
.serverWrap .worldSelect .worldList li.w22_1 a span.state.red{background: url(/images/areboot/m/nickname_w22_1_red_off.png)no-repeat; background-position: center;}

.serverWrap .worldSelect .worldList li a span{width: 200px;height: 55px;}

.serverWrap .classSelect{background:url(/mobile/images/common/preference-class-select-bg-n.png) no-repeat;height:268px;width: 100%;margin-top: 30px;padding-top: 21px;}


.serverWrap .classSelect .classList {display: flex;justify-content: space-around;margin: 0 25px;}
.serverWrap .classSelect .classList li{width: 100px;display: inline-block;}
.serverWrap .classSelect .classList li a {width: 100%;height: 156px; display: block;}
.serverWrap .classSelect .classList li.warrior a {background: url(/mobile/images/nickname/preference-class-warrior-off.png) center no-repeat;}
.serverWrap .classSelect .classList li.warrior.active a{background: url(/mobile/images/nickname/preference-class-warrior-on.png) center no-repeat;}
.serverWrap .classSelect .classList li.archer a {background: url(/mobile/images/nickname/preference-class-archer-off.png) center no-repeat;}
.serverWrap .classSelect .classList li.archer.active a {background: url(/mobile/images/nickname/preference-class-archer-on.png) center no-repeat;}
.serverWrap .classSelect .classList li.sorceress a {background: url(/mobile/images/nickname/preference-class-sorceress-off.png) center no-repeat;}
.serverWrap .classSelect .classList li.sorceress.active a {background: url(/mobile/images/nickname/preference-class-sorceress-on.png) center no-repeat;}
.serverWrap .classSelect .classList li.rogue a {background: url(/mobile/images/nickname/preference-class-rogue-off.png) center no-repeat;}
.serverWrap .classSelect .classList li.rogue.active a {background: url(/mobile/images/nickname/preference-class-rogue-on.png) center no-repeat;}
.serverWrap .classSelect .classList li.lancer a {background: url(/images/ep7/m/lancer_ico_off.png) center no-repeat;}
.serverWrap .classSelect .classList li.lancer.active a {background: url(/images/ep7/m/lancer_ico_on.png) center no-repeat;}
/**/
.serverWrap .classSelect .classList li.paladin a {background: url(../../images/ep6/nickname_class_5_off.png) center no-repeat;background-color:transparent;}
.serverWrap .classSelect .classList li.paladin.active a {background: url(../../images/ep6/nickname_class_5_on.png) center no-repeat; background-color:transparent;}
/*워록추가 202201*/
.serverWrap .classSelect .classList li.warlock a {background: url(/mobile/images/nickname/preference-class-warlock-off.png) center no-repeat;background-color:transparent;}
.serverWrap .classSelect .classList li.warlock.active a {background: url(/mobile/images/nickname/preference-class-warlock-on.png) center no-repeat; background-color:transparent;}

.serverWrap .characterName{background:url(/mobile/images/common/character-name-bg-n.png) no-repeat;height:304px;width: 100%;margin-top: 30px;margin-bottom: 40px; padding-top: 21px;}

.serverWrap .characterName .inputBox {margin-top:27px;}
.serverWrap .characterName .inputBox .ipf {border-radius: 0;background: rgba(255,255,255,0.15);border: 1px solid #565656;width: 453px;height: 55px;display: inline-block;margin-right: 16px;}
.serverWrap .characterName .inputBox .ipf input{text-align: center;font-size: 21px;font-weight: bold;border: none;background: none;padding: 10px 0;color: #fff;width: 90%;outline: none !important;font-size: 20px;letter-spacing: -0.04em;}
.serverWrap .characterName .inputBox .stbBtn{display: inline-block;vertical-align: top;}

.charactorPop .popContent .btnw {margin-top: -170px;position: relative;top:0;left: 0;margin-right:0;}
.charactorPop .popContent .btnw .b {margin: 0 auto;width: 315px;height: 115px;}


/* 휴대폰인증 팝업 */
.secPhonePopWrap .spIn .spMd { padding: 0px 25px ;}
.baseForm .form-group.tp0{  margin-top: 27px; }
.customSelectWrap .virSelectTxt{ font-family: "SD Gothic Neo"; font-weight: bold; letter-spacing: -0.02em;}
.secPhonePopWrap .baseForm .form-group.tp0, .secPhonePopWrap .baseForm .form-group.tp1{    padding-right: 190px;}
.secPhonePopWrap .baseForm .form-group.tp0, .secPhonePopWrap .baseForm .form-group.tp1{height: 46px;}
.baseForm .form-group .customSelectWrap{ width: 100px;}
.baseForm .form-group.tp1{margin-top: 9px;}
/*.baseForm .form-group.tp0 .inputArea:before{ left: 112px; }*/
.baseForm .form-group.tp0, .baseForm .form-group.tp1 { padding-right: 122px;}
.baseForm .form-group .inputArea input{ font-size: 26px;font-weight: 900; height: 36px; line-height: 36px; }
.baseForm .form-group.tp0 .inputArea input{text-indent: 0px;}
.customSelectWrap .virSelectTxt{ font-family: "SD Gothic Neo"; font-weight: bold; letter-spacing: -0.02em; line-height: 60px;}
.baseForm .form-group .inputArea input::placeholder{ font-size:18px; letter-spacing: -0.06em; color: #9e9e9e; }
.baseForm .form-group .inputArea .nformBtn0,
.baseForm .form-group .inputArea .nformBtn1{width: 122px; height: 60px; background: no-repeat right center; margin-top: -30px;}
.baseForm .form-group .inputArea .nformBtn0{background-image: url(/images/common/authentication-number-recive-btn.png);}
.baseForm .form-group .inputArea .nformBtn1{background-image: url(/images/common/authentication-number-chack-btn.png);}

/* 휴대폰인증  선점 확인용 받기 */
.secPhonePopWrap .baseForm .form-group .customSelectWrap{top: -8px;}
.secPhonePopWrap  .customSelectWrap .virSelect .attacSelect{top: 7px; background: url(/mobile/images/202205/reservation/selectBox.png) no-repeat center center;}
.baseForm .form-group .inputArea .cformBtn0, .baseForm .form-group .inputArea .cformBtn1{ width: 188px; height: 60px; margin-top: -30px;}
.baseForm .form-group .inputArea .cformBtn0{background-image: url(/mobile/images/202205/reservation/authentication-number-recive-btn.png);}
.baseForm .form-group .inputArea .cformBtn1{background-image: url(/mobile/images/202205/reservation/authentication-number-chack-btn.png);}

/* 캐릭터 선점 정보 팝업 */
.contentPop .popIn .closePop{/*display: none !important;*/}
.secChaSeverInfo .sscMd { margin-bottom: 15px;}
.secChaSeverInfo .sscMd .lst .tp.tp0:after{background-image: url(/images/common/character-pick-information-table_01.jpg);}
.secChaSeverInfo .sscMd .lst .tp.tp1:after{background-image: url(/images/common/character-pick-information-table_02.jpg);}
.secChaSeverInfo .sscMd .lst .tp.tp2:after{background-image: url(/images/common/character-pick-information-table_03.jpg);}
.secChaSeverInfo .btnWrap a:first-child{margin-right: 7px;}

/* 캐릭터 선점 완료 팝업 */
.secServerComp{ padding-top: 37px; margin: 0 auto;}
.secServerComp .sscMd .lst{ width: 237px;}
.secServerComp .sscMd .lst .tp+.tp { margin-top: 8px;}
/* .secServerComp .sscMd .lst .tp.tp0:after{background-image: url(/images/common/character-complet-table_01.png);}
.secServerComp .sscMd .lst .tp.tp1:after{background-image: url(/images/common/character-complet-table_02.png);}
.secServerComp .sscMd .lst .tp.tp2:after{background-image: url(/images/common/character-complet-table_03.png);}
.secServerComp .sscMd .lst .tp.tp3:after{background-image: url(/images/common/character-complet-table_04.png);} */
.secServerComp .sscMd .lst .tp.tp0:after{background-image: url(/mobile/images/202205/reservation/reser_pop_server.png);}
.secServerComp .sscMd .lst .tp.tp1:after{background-image: url(/mobile/images/202205/reservation/reser_pop_class.png);}
.secServerComp .sscMd .lst .tp.tp2:after{background-image: url(/mobile/images/202205/reservation/reser_pop_char.png);}
.secServerComp .sscMd .lst .tp.tp3:after{background-image: url(/mobile/images/202205/reservation/reser_pop_code.png);}
.secServerComp .sscMd .lst .tp.tp4:after{background-image: url(/mobile/images/202205/reservation/reser_pop_reser_code.png);}
.secServerComp .sscMd .img{margin-top: 22px;}
.secServerComp.complete .sscMd { padding-bottom: 17px; padding-top: 22px; padding-left: 42px;}


/* 캐릭터 선점 메인페이지 유의사항 잘림현상 수정 */
.reserSubTitle2Chk label{height: 34px;}

/* 클래스 별 캐릭터 변경 */
.secServerComp.complete.warlock{margin: auto; background-image: url(/mobile/images/202209/name/popup/secServerCompCompBg_warlock.png);}
.secServerComp.complete.paladin{margin: auto; background-image: url(/mobile/images/202209/name/popup/secServerCompCompBg-paladin.png?v=1);}
.secServerComp.complete.rogue{margin: auto; background-image: url(/mobile/images/202209/name/popup/secServerCompCompBg.png?v=1)}
.secServerComp.complete.acher{margin: auto; background-image: url(/mobile/images/202209/name/popup/secServerCompCompBg_archer.png?v=1);}
.secServerComp.complete.sorceress{margin: auto; background-image: url(/mobile/images/202209/name/popup/secServerCompCompBg-sorceress.png?v=1);}
.secServerComp.complete.warrior{margin: auto; background-image: url(/mobile/images/202209/name/popup/secServerCompCompBg-warrior.png?v=1);}

.cont05{margin: auto;}
.cont06{margin: auto;}
.os_choice{position:relative;text-align: center;margin-bottom:10px;}
.os_choice .radio_st{position:relative;margin-bottom: 10px;height:38px;line-height: 38px; text-align: left;display: inline-block;margin:0 14px;}
.os_choice .radio_st input{position: absolute;top:0;left:0;width:0;height:0;}
.os_choice .radio_st label{font-size:22px;font-weight: 900;}
.os_choice .radio_st label .check_on{display: none;margin-right:10px;}
.os_choice .radio_st label .check_off{display: inline-block;margin-right:10px;}
.os_choice .radio_st input:checked+label{}
.os_choice .radio_st input:checked+label .check_off{display:none;margin-right:10px;}
.os_choice .radio_st input:checked+label .check_on{display:inline-block;margin-right:10px;}
.os_choice .radio_st span img{transform: translateY(-1px);}
.os_choice .radio_st:nth-child(2) span img{transform: translateY(-2px);}


.section01 .mainBtnWrap .app_store{width:96%; margin:auto; margin-top: 86px;}
.section01 .mainBtnWrap .app_store a{display:inline-block; margin:0 1%;}
.section01 .mainBtnWrap .app_store a:first-child,
.section01 .mainBtnWrap .app_store a:nth-child(2) {margin-bottom: 20px;}

/*사전 닉네임 form*/
.nickname .advancereservation-form {max-width: 642px;display: block;margin: 0 auto;text-align: center;margin-top: 20px;}
/*.section10.v-section01 .advancereservation-form .form-group {margin-right: -14px;margin-left: 14px;}*/
.nickname .advancereservation-form .form-group.tp0, .advancereservation-form .form-group.tp1 {position: relative;padding-right: 246px;}
.nickname .advancereservation-form .form-group.tp0{/*margin-top:20px;*/}
.nickname .advancereservation-form .form-group.tp1{margin-top:7px;}
.nickname .advancereservation-form .form-group .inputArea input {height: 50px;border-radius: 0;outline: none;box-shadow: none;font-size: 20px;text-align: left;color: #ffffff;border: none;padding: 0;margin: 0;background: none;width: 100%;text-align: center; line-height: 52px;opacity: 0.7;}
.nickname .advancereservation-form .form-group .inputArea {border: 2px solid rgba(155,22,22,0.7);box-sizing: border-box;background: rgba(155,22,22,0.3)}
.nickname .advancereservation-form .form-group .inputArea input::placeholder{color: #ffffff; font-size: 17px; text-align: center; line-height: 52px;}
.nickname .advancereservation-form .form-group .inputArea .formBtn2, .advancereservation-form .form-group .inputArea .formBtn3{width: 238px;height: 52px;background: no-repeat right center;position: absolute;right: 0;top: 50%;margin-top: -27px;}
.nickname .advancereservation-form .form-group .inputArea .formBtn2{background-image: url(/images/common/advancereservation-1page-send-number.png);}
.nickname .advancereservation-form .form-group .inputArea .formBtn3 {background-image: url(/images/common/advancereservation-1page-chack-number.png);}
.nickname .advancereservation-form .chack-box{width: auto; margin: auto;margin-top:10px;}
/*.section10.v-section01 .advancereservation-form .form-group.tp2{padding-right: 74px; margin-right: 13px;}*/
.nickname .advancereservation-form .form-group.tp3{padding-right: 74px;}
.nickname .advancereservation-form .form-group.tp2, .advancereservation-form .form-group.tp3{position: relative;    text-align: left; display: inline-block;     padding-left: 22px; margin-top: 5px;     width: 100%;}
.nickname .advancereservation-form .form-group input[type="checkbox"] {position: absolute;left: -9999em;}
.nickname .advancereservation-form .form-group .form-check-label:before {content: '';width: 20px;height: 20px;background-color: rgba(153,81,71,0.7);/*opacity:0.5*/;background: url(/images/common/advancereservation-1page-chackbox.png) no-repeat left center;position: absolute;left: 0;top: 4px;}
.nickname .advancereservation-form input[type="checkbox"]:checked+.form-check-label:before{background-image: url(/images/common/advancereservation-1page-chackbox-c.png);}
.nickname .advancereservation-form .form-group .form-check-label{    cursor: pointer;color: #ca928b; /*rgba(153,81,71,0.7);*/ font-size: 18px;}
.nickname .advancereservation-form .form-group .chkDetailBtn {color:#d7bb7e;margin-left:10px; font-size: 18px;}
.nickname .formLogBtn{    display: block;margin-top: 20px;height: auto;}
/*3주년 업데이트 팝업*/
.update_pop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow: hidden; overflow-y: auto;}
.update_pop .bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background: rgba(0,0,0,.9) url(/mobile/images/update/update_pop_bg1.jpg) no-repeat left top; background-size: cover;}
.update_pop .update_event_wrap,
.update_pop .slick-track,
.update_pop .update_event_slide,
.update_pop .slick-list,
.update_pop.active {opacity:1; visibility:visible;  z-index: 999; }
.update_pop .popContent{position:absolute; left:0; top:100px; width: 100%; z-index: 10; height:100%;}
.update_pop .chaSlideEventWrap2{position:absolute;top:25%;left:0;transform: translateY(-40%);z-index: 11;}
.update_pop .popContent .chaTit{position:absolute; right:0; top:-140px; z-index: 10; transform-origin: center right;}
.update_pop .popContent .chaTit span{display: block;}
.update_pop .popContent .chaTit:before{content: ''; width: 811px; height: 1px; background: #7c1111; position: absolute; left: 721px; top: 38px;}
.update_pop .popContent .chaTit:after{content: ''; width: 811px; height: 1px; background: url(/mobile/images/common/contentLine2.png) no-repeat left top; position: absolute; left: -90px; top: 38px;}
.update_pop .popContent .chaBg{position: absolute; left: 50%; bottom: 190px; transform: translate(-50%,0);}
.update_pop .hiddenNavgator{}
.update_pop .popContent .info{position: absolute; left: 50px; top: 50%; margin-top: -250px;}
.update_pop .popContent .items{position: relative;}
.update_pop .popContent .items .mov{position: absolute; right: 44px; width: 352px; height: 200px; top: 0;}
.update_pop .popContent .items .cha{}
.update_pop .popContent .items.tp0 .cha{right: -40px;}
.update_pop .popContent .items.tp1 .cha{right: 120px;}
.update_pop .popContent .items.tp2 .cha{right: -90px;}
.update_pop .popContent .info .movie{margin-top: 23px;}
.update_pop .popContent .items .info .tit{text-align: center; display: block;}
.update_pop .popContent .items.tp0 .chaBg{width: 1610px;}
.update_pop .popContent .items.tp1 .chaBg{width: 1453px;}
.update_pop .popContent .items.tp2 .chaBg{width: 1659px;}
.update_pop .popContent .title {position: absolute; left:50%; margin-left:-1020px; top:0; background:url('/mobile/images/common/contentLine.png') 0 28px no-repeat; width:690px; text-align: right;}
.update_pop .popContent .title:after {content:''; position: absolute; left:-1000px; top:28px; height:1px; width: 1000px; background: #861212;}
.update_pop .popContent .btnw{position: absolute; top:-157px; left: 20px; margin-right: -120px;display: none; opacity: 0;}
.update_pop .popContent .items.slick-active .btnw{opacity: 1;}
.update_pop.serverLst .popContent .btnw{display: block;}
.update_pop .popContent .btnw .b{width: 241px; height: 98px; background: url(/mobile/images/common/chaClassCho.png) no-repeat left top; display: block;}
.update_pop .btnClose{position: absolute;right: 15px; top: 30px;transform-origin: right center; z-index: 1000;}
.update_pop .slick-arrow{position: absolute;top:447px;width:42px;height:82px;font-size:0;text-indent: -1000px;overflow: hidden;border:none;z-index: 1000;}
.update_pop .slick-arrow {top: 50%; transform: translateY(-50%);}
.update_pop .slick-next{right:10px;background:url('/images/season4/m/slideNext.png') no-repeat;}
.update_pop .slick-prev{left:10px;background:url('/images/season4/m/slidePrev.png') no-repeat;}
.update_pop .slick-next.slick-disabled{right:10px;background:url('/images/season4/m/slideNext_off.png') no-repeat;}
.update_pop .slick-prev.slick-disabled{left:10px;background:url('/images/season4/m/slidePrev_off.png') no-repeat;}
.update_pop .slick-slide img {margin: 0 auto;}
.update_pop .update_pop_item {position:relative;margin-top: 50px;}
.update_pop .bottom {position:relative;margin-top: 0;}
.update_pop .update_pop_item1 a {position:absolute;left:127px;display: block;width:470px;height:345px;}
.update_pop .update_pop_item1 a.link1{top:333px}
.update_pop .update_pop_item1 a.link2{top:688px}
.update_pop .update_pop_item1 a.link3{top:815px}
.update_pop .update_pop_item4{}
.update_pop .update_pop_item4 a{position: absolute;top:1040px;width:100%;display: block;text-align: center;}

.update_pop .update_tab {position: absolute; top: 45px; left: 48%;transform: translateX(-50%); z-index: 1000;}
.update_pop .update_tab ul{display: flex;}
.update_pop .update_tab ul li{position: relative; margin:0 30px;width:110px; height:58px;font-size:0}
.update_pop .update_tab ul li::after{content: ''; position: absolute; top: 15px; right: -30px; width: 1px; height: 27px; background-color:#e8e7e7;}
.update_pop .update_tab ul li:last-child:after{display: none;}
.update_pop .update_tab ul li a{display: block; width: 100%; height: 100%;}
.update_pop .update_tab ul .menu1 { background: url('/images/areboot/m/update_gnb1_off.png')no-repeat center;width:107px;}
.update_pop .update_tab ul .menu1.on{background: url('/images/areboot/m/update_gnb1_on.png')no-repeat center;}
.update_pop .update_tab ul .menu2{background: url('/images/areboot/m/update_gnb2_off.png')no-repeat center; width: 126px;}
.update_pop .update_tab ul .menu2.on{background: url('/images/areboot/m/update_gnb2_on.png')no-repeat center;}
.update_pop .update_tab ul .menu3{background: url('/images/year6/m/update_gnb3_off.png')no-repeat center;width:105px;}
.update_pop .update_tab ul .menu3.on{background: url('/images/year6/m/update_gnb3_on.png')no-repeat center;}


/* 3주년 이벤트 팝업 */
.event_pop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow: hidden; overflow-y: auto;}
.event_pop .bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background: rgba(0,0,0,.9) url(/mobile/images/202209/update/3/bg.png) no-repeat left top; background-size: cover;}
.event_pop .update_event_wrap,
.event_pop .slick-track,
.event_pop .update_event_slide,
.event_pop .slick-list,
.event_pop.active {opacity:1; visibility:visible;  z-index: 999; }
.event_pop .popContent{position:absolute; left:0; top:100px; width: 100%; z-index: 10; height:100%;}
.event_pop .chaSlideEventWrap2{position:absolute;top:25%;left:0;transform: translateY(-40%);z-index: 11;}
.event_pop .popContent .chaTit{position:absolute; right:0; top:-140px; z-index: 10; transform-origin: center right;}
.event_pop .popContent .chaTit span{display: block;}
.event_pop .popContent .chaTit:before{content: ''; width: 811px; height: 1px; background: #7c1111; position: absolute; left: 721px; top: 38px;}
.event_pop .popContent .chaTit:after{content: ''; width: 811px; height: 1px; background: url(/mobile/images/common/contentLine2.png) no-repeat left top; position: absolute; left: -90px; top: 38px;}
.event_pop .popContent .chaBg{position: absolute; left: 50%; bottom: 190px; transform: translate(-50%,0);}
.event_pop .hiddenNavgator{}
.event_pop .popContent .info{position: absolute; left: 50px; top: 50%; margin-top: -250px;}
.event_pop .popContent .items{position: relative;}
.event_pop .popContent .items .mov{position: absolute; right: 44px; width: 352px; height: 200px; top: 0;}
.event_pop .popContent .items .cha{}
.event_pop .popContent .items.tp0 .cha{right: -40px;}
.event_pop .popContent .items.tp1 .cha{right: 120px;}
.event_pop .popContent .items.tp2 .cha{right: -90px;}
.event_pop .popContent .info .movie{margin-top: 23px;}
.event_pop .popContent .items .info .tit{text-align: center; display: block;}
.event_pop .popContent .items.tp0 .chaBg{width: 1610px;}
.event_pop .popContent .items.tp1 .chaBg{width: 1453px;}
.event_pop .popContent .items.tp2 .chaBg{width: 1659px;}
.event_pop .popContent .title {position: absolute; left:50%; margin-left:-1020px; top:0; background:url('/mobile/images/common/contentLine.png') 0 28px no-repeat; width:690px; text-align: right;}
.event_pop .popContent .title:after {content:''; position: absolute; left:-1000px; top:28px; height:1px; width: 1000px; background: #861212;}
.event_pop .popContent .btnw{position: absolute; top:-157px; left: 20px; margin-right: -120px;display: none; opacity: 0;}
.event_pop .popContent .items.slick-active .btnw{opacity: 1;}
.event_pop.serverLst .popContent .btnw{display: block;}
.event_pop .popContent .btnw .b{width: 241px; height: 98px; background: url(/mobile/images/common/chaClassCho.png) no-repeat left top; display: block;}
.event_pop .btnClose{position: absolute;right: 15px; top: 30px;transform-origin: right center; z-index: 1000;}
.event_pop .slick-arrow{position: absolute;top:447px;width:42px;height:82px;font-size:0;text-indent: -1000px;overflow: hidden;border:none;z-index: 1000;}
.event_pop .slick-arrow {top: 50%; transform: translateY(-50%);}
.event_pop .slick-next{right:10px;background:url('../images/202209/update/3/ar_right.png') no-repeat;}
.event_pop .slick-prev{left:10px;background:url('../images/202209/update/3/ar_left.png') no-repeat;}
.event_pop .update_pop_item {position:relative;margin-top: 50px;}
.event_pop .update_pop_item a{position: absolute;left:254px;display: block;width:225px;height: 35px;font-size: 0;}
.event_pop .update_pop_item2 a{top:692px}
.event_pop .update_pop_item1 a{top:579px;}

.event_pop .update_tab {position: absolute; top: 45px; left: 0;width:100%; z-index: 1000;}
.event_pop .update_tab ul{display: flex;justify-content: center;}
.event_pop .update_tab ul li{position: relative; margin:0 30px;}
.event_pop .update_tab ul li::after{content: ''; position: absolute; top: 0; right: -20px; width: 1px; height: 27px; background-color:#000;}
.event_pop .update_tab ul li:last-child:after{display: none;}
.event_pop .update_tab ul li a{display: block; width: 100%; height: 100%;}
.event_pop .update_tab ul .menu1 {width:195px; height:27px; background: url('/mobile/images/202209/update/3/menu1_off.png') no-repeat;background-size:cover}
.event_pop .update_tab ul .menu1.on {width:195px; height:27px;background: url('/mobile/images/202209/update/3/menu1_on.png') no-repeat;background-size:cover}
.event_pop .update_tab ul .menu2 {width:220px; height:27px; background: url('/mobile/images/202209/update/3/menu2_off.png') no-repeat;background-size:cover}
.event_pop .update_tab ul .menu2.on {width:220px; height:27px; background: url('/mobile/images/202209/update/3/menu2_on.png') no-repeat;background-size:cover}

/* 에피소드5 던젼 */
.dungeon_pop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow: hidden; overflow-y: auto;}
.dungeon_pop .bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background: rgba(0,0,0,.9) url(/mobile/images/update/update_pop_bg1.jpg) no-repeat left top; background-size: cover;}
.dungeon_pop .update_event_wrap,
.dungeon_pop .slick-track,
.dungeon_pop .update_event_slide,
.dungeon_pop .slick-list,
.dungeon_pop.active {opacity:1; visibility:visible;  z-index: 999; }
.dungeon_pop .popContent{position:absolute; left:0; top:100px; width: 100%; z-index: 10; height:100%;}
.dungeon_pop .chaSlideEventWrap2{position:absolute;top:25%;left:0;transform: translateY(-40%);z-index: 11;}
.dungeon_pop .popContent .chaTit{position:absolute; right:0; top:-140px; z-index: 10; transform-origin: center right;}
.dungeon_pop .popContent .chaTit span{display: block;}
.dungeon_pop .popContent .chaTit:before{content: ''; width: 811px; height: 1px; background: #7c1111; position: absolute; left: 721px; top: 38px;}
.dungeon_pop .popContent .chaTit:after{content: ''; width: 811px; height: 1px; background: url(/mobile/images/common/contentLine2.png) no-repeat left top; position: absolute; left: -90px; top: 38px;}
.dungeon_pop .popContent .chaBg{position: absolute; left: 50%; bottom: 190px; transform: translate(-50%,0);}
.dungeon_pop .hiddenNavgator{}
.dungeon_pop .popContent .info{position: absolute; left: 50px; top: 50%; margin-top: -250px;}
.dungeon_pop .popContent .items{position: relative;}
.dungeon_pop .popContent .items .mov{position: absolute; right: 44px; width: 352px; height: 200px; top: 0;}
.dungeon_pop .popContent .items .cha{}
.dungeon_pop .popContent .items.tp0 .cha{right: -40px;}
.dungeon_pop .popContent .items.tp1 .cha{right: 120px;}
.dungeon_pop .popContent .items.tp2 .cha{right: -90px;}
.dungeon_pop .popContent .info .movie{margin-top: 23px;}
.dungeon_pop .popContent .items .info .tit{text-align: center; display: block;}
.dungeon_pop .popContent .items.tp0 .chaBg{width: 1610px;}
.dungeon_pop .popContent .items.tp1 .chaBg{width: 1453px;}
.dungeon_pop .popContent .items.tp2 .chaBg{width: 1659px;}
.dungeon_pop .popContent .title {position: absolute; left:50%; margin-left:-1020px; top:0; background:url('/mobile/images/common/contentLine.png') 0 28px no-repeat; width:690px; text-align: right;}
.dungeon_pop .popContent .title:after {content:''; position: absolute; left:-1000px; top:28px; height:1px; width: 1000px; background: #861212;}
.dungeon_pop .popContent .btnw{position: absolute; top:-157px; left: 20px; margin-right: -120px;display: none; opacity: 0;}
.dungeon_pop .popContent .items.slick-active .btnw{opacity: 1;}
.dungeon_pop.serverLst .popContent .btnw{display: block;}
.dungeon_pop .popContent .btnw .b{width: 241px; height: 98px; background: url(/mobile/images/common/chaClassCho.png) no-repeat left top; display: block;}
.dungeon_pop .btnClose{position: absolute;right: 15px; top: 30px;transform-origin: right center; z-index: 1000;}
.dungeon_pop .slick-arrow{position: absolute;top:447px;width:42px;height:82px;font-size:0;text-indent: -1000px;overflow: hidden;border:none;z-index: 1000;}
.dungeon_pop .slick-arrow {top: 50%; transform: translateY(-50%);}
.dungeon_pop .slick-next{right:10px;background:url('../images/common/slideNext.png') no-repeat;}
.dungeon_pop .slick-prev{left:10px;background:url('../images/common/slidePrev.png') no-repeat;}
.dungeon_pop .update_pop_item {position:relative;margin-top: 50px;}
.dungeon_pop .update_pop_item a{position: absolute;left:254px;display: block;width:225px;height: 35px;font-size: 0;}
.dungeon_pop .update_pop_item2 a{top:692px}
.dungeon_pop .update_pop_item1 a{top:579px;}

.dungeon_pop .update_tab {position: absolute; top: 45px; left: 0;width:100%; z-index: 1000;}
.dungeon_pop .update_tab ul{display: flex;justify-content: center;}
.dungeon_pop .update_tab ul li{position: relative; margin:0 30px;}
.dungeon_pop .update_tab ul li::after{content: ''; position: absolute; top: 0; right: -20px; width: 1px; height: 27px; background-color:#e8e7e7;}
.dungeon_pop .update_tab ul li:last-child:after{display: none;}
.dungeon_pop .update_tab ul li a{display: block; width: 100%; height: 100%;}
.dungeon_pop .update_tab ul .menu1 {width:134px; height:27px; background: url('/mobile/images/202209/update/2/menu1_off.png') no-repeat;background-size:cover}
.dungeon_pop .update_tab ul .menu1.on {width:134px; height:27px;background: url('/mobile/images/202209/update/2/menu1_on.png') no-repeat;background-size:cover}
.dungeon_pop .update_tab ul .menu2 {width:135px; height:27px; background: url('/mobile/images/202209/update/2/menu2_off.png') no-repeat;background-size:cover}
.dungeon_pop .update_tab ul .menu2.on {width:135px; height:27px; background: url('/mobile/images/202209/update/2/menu2_on.png') no-repeat;background-size:cover}
.dungeon_pop .update_tab ul .menu3 {width:112px; height:27px; background: url('/mobile/images/202209/update/2/menu3_off.png') no-repeat;background-size:cover}
.dungeon_pop .update_tab ul .menu3.on {width:112px; height:27px; background: url('/mobile/images/202209/update/2/menu3_on.png') no-repeat;background-size:cover}
/*신규서버 혜택*/
.gift_pop,.gift_pop2 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow: hidden; overflow-y: auto;}
.gift_pop .bg,.gift_pop2 .bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background: rgba(0,0,0,.7) }
.gift_pop .update_event_wrap,
.gift_pop .slick-track,
.gift_pop .update_event_slide,
.gift_pop .slick-list,
.gift_pop.active,.gift_pop2.active {opacity:1; visibility:visible;  z-index: 999; }
.gift_pop .update_event_wrap{/*padding-top:100px;*/padding-top:25px;width:95%;margin:auto}
.gift_pop2 .update_event_wrap{/*padding-top:20px;*/padding-top:17%;width:100%;margin:auto}
.gift_pop2.active .update_event_wrap{z-index: 1000;position: relative;}
.gift_pop .btnClose{position: absolute;right: 15px; top: 30px;transform-origin: right center; z-index: 1000;}
.gift_pop2 .btnClose{position: absolute;right: 15px; top: 162px;transform-origin: right center; z-index: 1000;}
.gift_pop2 .pop_href_ch{display: block;position: absolute;width: 357px;height: 80px;bottom: 85px;left: 183px;font-size: 0;}
.gift_pop .slick-arrow{position: absolute;top:447px;width:42px;height:82px;font-size:0;text-indent: -1000px;overflow: hidden;border:none;z-index: 1000;}
.gift_pop .slick-arrow {top: 50%; transform: translateY(-50%);}
.gift_pop .slick-next{right:10px;background:url('/images/season4/m/slideNext.png') no-repeat;}
.gift_pop .slick-next.slick-disabled{right:10px;background:url('/images/season4/m/slideNext_off.png') no-repeat;}
.gift_pop .slick-prev{left:10px;background:url('/images/season4/m/slidePrev.png') no-repeat;}
.gift_pop .slick-prev.slick-disabled{left:10px;background:url('/images/season4/m/slidePrev_off.png') no-repeat;}
.gift_pop .update_pop_item img{width:95%;margin-left: 2.5%;margin-top:-1%;}
.gift_pop2 .update_pop_item img{width:100%;}

.pop_bpop{position:absolute;width:90%;max-width:650px;display: none;}
.pop_bpop img{width:100%}
.pop_bpop .pop_inner{position:relative;margin:auto;text-align: center;;}
.pop_bpop .pop_inner {position:relative;text-align: center;;}
.pop_bpop .pop_inner .btnWrap{position:absolute;left:50%;transform: translateX(-50%);bottom:12%;display: block;width:22.04%;}
.pop_soon .pop_inner .btnWrap{position:absolute;left:50%;transform: translateX(-50%);bottom:18%;display: block;width:49%;}

/*  */
.monarchPop .event_tab {position: absolute; top: 58px; left: 120px; z-index: 1000;}
.monarchPop .event_tab ul{display: flex;}
.monarchPop .event_tab ul li{position: relative; margin-right: 40px;}
.monarchPop .event_tab ul li::after{content: ''; position: absolute; top: 0; right: -21px; width: 1px; height: 27px; background-color:#e8e7e7;}
.monarchPop .event_tab ul li:last-child:after{display: none;}
.monarchPop .event_tab ul li a{display: block; width: 100%; height: 100%;}
.monarchPop .event_tab ul .june {width:125px; height:27px; /*background: url('/mobile/images/202205/intro/menu1_off.png');*/}
.monarchPop .event_tab ul .june.on {width:125px; height:27px;/*background: url('/mobile/images/202205/intro/menu1_off.png');*/}
.monarchPop .event_tab ul .july {width:125px; height:27px; /*background: url('/mobile/images/202205/intro/menu1_off.png');*/}
.monarchPop .event_tab ul .july.on {width:125px; height:27px; /*background: url('/mobile/images/202205/intro/menu1_off.png');*/}
.monarchPop .event_tab ul .august {width:127px; height:27px; background: url('/mobile/images/202205/intro/mo_eve_august.png');}
.monarchPop .event_tab ul .august.on {width:127px; height:27px; background: url('/mobile/images/202205/intro/mo_eve_august_on.png');}

/* soon_popup */
.soon_popup {display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1001;}
.soon_popup .bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.soon_popup .bg a{position: absolute;top: 65%;left: 25%;}
.contentPop .contentList {
    text-align: center;
    display: inline-block;
    position: relative;
}
/*
@media screen and (max-width:1400px) and (min-width:1024px) and (max-height:1366px) and (min-height:1024px) {
	.head #btn-topbanner3 {
    position: fixed;
    left: 77%;
    bottom: 10%;
    width: 218px;
    height: 291px;
    background: url(/mobile/images/common/reservation-square-box_2_20210813.png) no-repeat left top;
		transform: scale(0.4);}
	.head #btn-topbanner4 {
    position: fixed;
    left: -9%;
    bottom: 10%;
    width: 261px;
    height: 269px;
    background: url(/mobile/images/main/mo_banner_0813.png) no-repeat left top;
    transform: scale(0.4);
}
}

@media screen and (max-width:1024px) and (min-width:768px) and (max-height:1024px) and (min-height:766px) {
	.head #btn-topbanner3 {
    position: fixed;
    left: 78%;
    bottom: 10%;
    width: 218px;
    height: 291px;
    background: url(/mobile/images/common/reservation-square-box_2_20210813.png) no-repeat left top;
		transform: scale(0.4);}
	.head #btn-topbanner4 {
    position: fixed;
    left: -9%;
    bottom: 10%;
    width: 261px;
    height: 269px;
    background: url(/mobile/images/main/mo_banner_0813.png) no-repeat left top;
    transform: scale(0.4);
}
}*/

/*@media screen and (max-width:1023px) and (min-width:900px) and (min-height:1025px) {세로
	.head #btn-topbanner3 {
    position: fixed;
    left: 85%;
    bottom: 10%;
    width: 218px;
    height: 291px;
    background: url(/mobile/images/common/reservation-square-box_2_20210813.png) no-repeat left top;
		transform: scale(0.4);}
	.head #btn-topbanner4 {
    position: fixed;
    left: 3%;
    bottom: 10%;
    width: 261px;
    height: 269px;
    background: url(/mobile/images/main/mo_banner_0813.png) no-repeat left top;
		transform: scale(0.4);}
}*/
/*가로 ipad pro 세로*/
/*@media screen and (max-width:1024px) and (min-width:901px) and (max-height:1366px){
	.head #btn-topbanner3 {
    position: fixed;
    left: 77%;
    bottom: 10%;
    width: 218px;
    height: 291px;
    background: url(/mobile/images/common/reservation-square-box_2_20210813.png) no-repeat left top;
		transform: scale(0.4);}
	.head #btn-topbanner4 {
    position: fixed;
    left: -9%;
    bottom: 10%;
    width: 261px;
    height: 269px;
    background: url(/mobile/images/main/mo_banner_0813.png) no-repeat left top;
    transform: scale(0.4);
}
}*/

/*가로 ipad pro 가로*/

/*@media screen and (max-width:1366px) and (min-width:1100px) and (max-height:1024px){
	.head #btn-topbanner3 {
    position: fixed;
    left: 77%;
    bottom: 10%;
    width: 218px;
    height: 291px;
    background: url(/mobile/images/common/reservation-square-box_2_20210813.png) no-repeat left top;
		transform: scale(0.4);}
	.head #btn-topbanner4 {
    position: fixed;
    left: -9%;
    bottom: 10%;
    width: 261px;
    height: 269px;
    background: url(/mobile/images/main/mo_banner_0813.png) no-repeat left top;
    transform: scale(0.4);
}
}*/

/*가로 ipad 세로*/

/*@media screen and (max-width:900px) and (min-width:768px) and (max-height:1024px) and (min-height:1024px){
	.head #btn-topbanner3 {
    position: fixed;
    left: 78%;
    bottom: 10%;
    width: 218px;
    height: 291px;
    background: url(/mobile/images/common/reservation-square-box_2_20210813.png) no-repeat left top;
		transform: scale(0.4);}
	.head #btn-topbanner4 {
    position: fixed;
    left: -9%;
    bottom: 10%;
    width: 261px;
    height: 269px;
    background: url(/mobile/images/main/mo_banner_0813.png) no-repeat left top;
    transform: scale(0.4);
}
}*/

/*가로 ipad 가로*/

/*@media screen and (max-width:1024px) and (max-width:901px) and (max-height:768px) and (min-height:768px) {
	.head #btn-topbanner3 {
    position: fixed;
    left: 84%;
    bottom: 10%;
    width: 218px;
    height: 291px;
    background: url(/mobile/images/common/reservation-square-box_2_20210813.png) no-repeat left top;
		transform: scale(0.4);}
	.head #btn-topbanner4 {
    position: fixed;
    left: 3%;
    bottom: 10%;
    width: 261px;
    height: 269px;
    background: url(/mobile/images/main/mo_banner_0813.png) no-repeat left top;
    transform: scale(0.4);
}
}*/

.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: 217px; left: 170px;}
.second_bonus_popup .front .pop_item.pop_item2 {top: 217px; left: 365px;}
.second_bonus_popup .front .pop_item.pop_item3 {top: 380px; left: 84px;}
.second_bonus_popup .front .pop_item.pop_item4 {top: 547px; left: 365px;}

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



.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%);opacity: 0;}

.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%);}
.bt_banner{width: 100%; position: relative; height: 70px;}


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


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

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

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

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

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

.section10 .secContent .motionStep2 img{width:99%;margin-top:30px;max-width: none;}
.section10 .secContent .motionStep2 div{opacity: 0;transform: scale(0.65);}

.nickname .advancereservation-form{display: none;}
.worldPop4 .popContent .btnWrap a img{opacity: 0;}


.cont_ep6_nick .txt_area{position: absolute;top:217px;left:41px;width: 235px;height:34px;background: url(/images/ep6/nick_pop_bg.png);color:#fff;font-size: 23px;/*-webkit-text-size-adjust : 50%;-ms-text-size-adjust : 50%;-moz-text-size-adjust : 50%;-o-text-size-adjust : 50%;*/}
.cont_ep6_nick .txt_area:nth-of-type(1){top:25%;left: 13.9%;}
.cont_ep6_nick .txt_area:nth-of-type(2){top:35%;left: 13.9%;}
.cont_ep6_nick .txt_area:nth-of-type(3){top:45%;left: 13.9%;}
.cont_ep6_nick .txt_area:nth-of-type(4){top:54.5%;left: 13.9%;}
.cont_ep6_nick .ep6_nick_result_toggle{position: absolute;top:46.2%;left:41.3%;width: 80px;height: 56px;}
.cont_ep6_nick #ep6_nick_result_code.on{height: 10px;font-size: 0;}
.cont_ep6_nick .ep6_nick_result_close{display: block;width: 228px;height:50px;position: absolute;bottom: 7.1%;left:33.8%;}

#popupAlert .popIn .btnWrap a{background: none;}
#popupAlert.nickname_agree .popIn .btnWrap a{width: 256px;margin-left: -142px;bottom:72px;height:65px;}
#popupAlert.ep6 .popIn .btnWrap a{width: 295px;margin-left: -146px;bottom:25.5%;height:65px;}
#popupAlert.ep6-2 .popIn .btnWrap a{width: 295px;margin-left: -146px;bottom:85px;height:65px;}
#popupAlert.ep6-2.ep6_href .popIn .btnWrap a{width: 295px;margin-left: -146px;bottom:71px;height:65px;}
#popupAlert.ep6-3 .popIn .btnWrap a{width: 295px;margin-left: -146px;bottom:108px;height:65px;}
#popupAlert.ep6_agree .popIn .btnWrap a{bottom: 11%;}
#popupAlert.event25 .popIn .btnWrap a{width: 243px;margin-left: -116px;bottom:10.5%;height:65px;}

#popupAlert.waitPop .popIn .btnWrap a{bottom: 24%;width: 54%;left: 48%;}

.cont_ep6_nick_auth_success .btnWrap a{display:block;position:absolute;width: 33%;height: 19%;left: 33%;bottom: 24%;}

.baseForm .form-group.tp0 .inputArea{padding-left: 0;}
.baseForm .form-group.tp0 .inputArea input{text-align: center;}

/*닉네임 선점 인증 팝업창*/
.cont0215 div{display: flex;width: 100%;position: absolute;}
.cont0215 div a{display: block;}
.cont0215 div.ep6_n_au_ph{top:45.3%;}
.cont0215 div.ep6_n_au_num{top:57.8%;}
.cont0215 div.ep6_n_au_ph,.cont0215 div.ep6_n_au_num{height: 8%;width: 79%;left:12%;}
.cont0215 div.ep6_n_au_ph input,.cont0215 div.ep6_n_au_num input{height: 100%;border:none;outline: 0;width: 59%;text-align: center;font-size: 20px;/*-webkit-text-size-adjust : 50%;-ms-text-size-adjust : 50%;-moz-text-size-adjust : 50%;-o-text-size-adjust : 50%;*/}
.cont0215 div.ep6_n_au_ph input::placeholder,.cont0215 div.ep6_n_au_num input::placeholder{font-size: 18px;/*-webkit-text-size-adjust : 50%;-ms-text-size-adjust : 50%;-moz-text-size-adjust : 50%;-o-text-size-adjust : 50%;*/}
.cont0215 div.ep6_n_au_ph a,.cont0215 div.ep6_n_au_num a{width: 34%;margin-left:1%;}
.cont0215 div.ep6_n_au_ch1{top: 60.8%;left:21%;width: 57%;display:none;}
.cont0215 div.ep6_n_au_ch2{top: 64.5%;left:21%;width: 50%;}
.cont0215 div.ep6_n_au_ch1 a, .cont0215 label{font-size: 0;}
.cont0215 div.ep6_n_au_ch1 input[type=checkbox],.cont0215 div.ep6_n_au_ch2 input[type=checkbox]{width: 23px;height: 23px;}
.cont0215 .ep6_n_au_ch1 label{width: calc(75% - 23px);}
.cont0215 .ep6_n_au_ch1 a{width: 25%;}
.cont0215 .ep6_n_au_ch2 label{width: calc(100% - 23px);}
.cont0215 a.cformBtn2{position: absolute;left:34%;bottom:11%;width: 32%;height: 12%;font-size: 0;}
.cont0215 .closePop a{position: absolute;right: 5%;}


.cont202211_coupon_wrap{width:690px;height: 549px;background: url(/images/4th/code_pop.png)no-repeat center top /100%;position: relative;margin: 0 auto;}
.cont202211_coupon_wrap input[type=text],.cont202211_coupon_wrap input[type=text]:active,.cont202211_coupon_wrap input[type=text]:hover,.cont202211_coupon_wrap input[type=text]:focus{border: none;outline: none; box-shadow: none;height: 100%;font-size: 24px;}
.cont202211_coupon_wrap input::placeholder{font-size: 18px;}
.cont202211_coupon_phone,.cont202211_coupon_auth{display: flex;padding: 0 40px 0 50px;height: 49px;position: absolute;left:0;}
.cont202211_coupon_phone{top:223px;}
.cont202211_coupon_auth{top:285.5px;}
.cont202211_coupon_phone select{height: 54px;font-size: 30px;width: 100px;border:none;text-align: center;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background: transparent;outline: none; box-shadow: none;}
.cont202211_coupon_phone option{font-size: 15px;}
.cont202211_coupon_phone .phone_num2{width: 365px;}
.cont202211_coupon_phone .phone_num2 input{width: 100%; text-align: center;}
.cont202211_coupon_phone .phone_num2 input:disabled{background-color: #e8f0fe;}
.cont202211_coupon_auth input{text-align: center;width: 365px;}
.cont202211_coupon_auth input:disabled{background-color: #e8f0fe;}
.cont202211_coupon_wrap button {width: 100%;height: 100%;font-size: 0;background: transparent;border: 0;outline: none;}
.cont202211_coupon_wrap .coupon_auth_send,.cont202211_coupon_wrap .coupon_auth_check{width: 235px;}
.cont202211_coupon_checkbox{position: absolute;width: 100%;top:362px;height: 25px;}
.cont202211_coupon_checkbox input{width: 20px;height:20px;position: absolute;left:197px;top:0;}
.cont202211_coupon_checkbox label{display:block;font-size:0;width: 339px;height: 100%;position: absolute;left:226px;}
.cont202211_coupon_wrap .cont202211_coupon_submit{position: absolute;top:369px;left:212px;width: 270px;height: 73px;}


.cont202211_coupon_wrap2{width:690px;height: 549px;background: url(/mobile/images/4th/bj_pop1.png)no-repeat center top /100%;position: relative;margin: 0 auto;}
.cont202211_coupon_wrap2 input[type=text],.cont202211_coupon_wrap2 input[type=text]:active,.cont202211_coupon_wrap2 input[type=text]:hover,.cont202211_coupon_wrap2 input[type=text]:focus{border: none;outline: none; box-shadow: none;height: 100%;font-size: 24px;}
.cont202211_coupon_wrap2 input::placeholder{font-size: 18px;}
.cont202211_coupon_wrap2 .bjspon,.bjspon2{display: flex;padding: 0 40px 0 55px;height: 48px;position: absolute;left:0;}
.cont202211_coupon_wrap2 .bjspon{top:224px;}
.cont202211_coupon_wrap2 .bjspon2{top:285px;}
.cont202211_coupon_wrap2 .bjspon option{font-size: 15px;}
.cont202211_coupon_wrap2 .bjspon .bjspon_num{width: 359px;}
.cont202211_coupon_wrap2 .bjspon .bjspon_num input{width: 100%; text-align: center;}
.cont202211_coupon_wrap2 .bjspon .bjspon_num input:disabled{background-color: #e8f0fe;}
.cont202211_coupon_wrap2 .bjspon2 input{text-align: center;width: 359px;}
.cont202211_coupon_wrap2 .bjspon2 input:disabled{background-color: #e8f0fe;}
.cont202211_coupon_wrap2 button {width: 100%;height: 100%;font-size: 0;background: transparent;border: 0;outline: none;}
.cont202211_coupon_wrap2 .bjspon_send,.cont202211_coupon_wrap2 .bjspon_check{width: 235px;}
.cont202211_coupon_wrap2 .bjspon_checkbox{position: absolute;width: 100%;top:362px;height: 25px;}
.cont202211_coupon_wrap2 .bjspon_check input{width: 20px;height:20px;position: absolute;left:197px;top:0;}
.cont202211_coupon_wrap2 .bjspon_check label{display:block;font-size:0;width: 339px;height: 100%;position: absolute;left:226px;}
.cont202211_coupon_wrap2 .bjspon_submit{position: absolute;top:369px;left:211px;width: 270px;height: 73px;}
.cont202211_coupon_wrap2 .bjspon_check{width:235px;}

.section14{background: url(/mobile/images/4th/bj_bg.png)no-repeat center top /100% 100%;}
.section14 .section14_inner{text-align: center;margin-top: 250px;}
.section14 .bjspon_title{margin-bottom:400px;}
.section14 .bjspon_btn{margin-bottom:50px;}

.cont_ep6_code .txt_area{position: absolute;top:217px;left:197px;width: 325px;height:34px;background: url(/images/ep6/nick_pop_bgg.png);color:#fff;font-size: 23px;}
.cont_ep6_code .txt_area:nth-of-type(1){top:472px;}
.cont_ep6_code .txt_area:nth-of-type(2){top:483px;}
.cont_ep6_code .ep6_code_toggle:nth-of-type(1){position: absolute;top:390px;left:480px;width: 80px;height: 72px;}
.cont_ep6_code .ep6_code_toggle:nth-of-type(2){position: absolute;top:414px;left:460px;width: 45px;height: 72px;}
.cont_ep6_code .ep6_code_toggle img{width: 80px;max-width: none;}
.cont_ep6_code #reserv_code.on{height: 5px;font-size: 0;}
.cont_ep6_code #reserv_asia_code.on{height: 5px;font-size: 0;}
.cont_ep6_code .ep6_nick_result_close{display: block;width: 228px;height:50px;position: absolute;bottom: 7%;left:242px;}


.code_success .txt_area{position: absolute;top:217px;left:100px;width: 236px;height:34px;background: url(/images/ep6/nick_pop_bgg.png);color:#fff;font-size: 23px;}
.code_success .txt_area:nth-of-type(1){top:134px;}
.code_success .txt_area:nth-of-type(2){top:203px;}
.code_success .txt_area:nth-of-type(3){top:272px;}
.code_success .txt_area:nth-of-type(4){top:339px;}
.code_success .txt_area:nth-of-type(5){top:408px;}
.code_success .txt_area:nth-of-type(6){top:482px;}
.code_success .code_toggle:nth-of-type(1){position: absolute;top:278px;left:305px;width: 31px;height: 56px;}
.code_success .code_toggle:nth-of-type(2){position: absolute;top:346px;left:305px;width: 31px;height: 56px;}
.code_success .code_toggle:nth-of-type(3){position: absolute;top:427px;left:305px;width: 31px;height: 56px;}
.code_success .code_toggle img{width: 67px;max-width: none;}
.code_success #code_code.on{height: 5px;font-size: 0;}
.code_success #code_asia_code.on{height: 5px;font-size: 0;}
.code_success #code_reserv_code.on{height: 5px;font-size: 0;}
.code_success .ep6_nick_result_close{display: block;width: 228px;height:50px;position: absolute;bottom: 7%;left:243px;}

.bj_spon_pop .txt_area{position: absolute;top:217px;left:100.5px;width: 235px;height:34px;background: url(/images/ep6/nick_pop_bgg.png);color:#fff;font-size: 23px;}
.bj_spon_pop .txt_area:nth-of-type(1){top:124px;}
.bj_spon_pop .txt_area:nth-of-type(2){top:193px;}
.bj_spon_pop .txt_area:nth-of-type(3){top:262px;}
.bj_spon_pop .txt_area:nth-of-type(4){top:330px;}
.bj_spon_pop .txt_area:nth-of-type(5){top:399px;}
.bj_spon_pop .ep6_nick_result_close{display: block;width: 228px;height:50px;position: absolute;bottom: 6%;left:244px;}
.bj_spon_pop .bj_inner{height: 831px;}

/*.head .gnb .lst .tp {display: inline-block;position: relative;width: 16.6666%;} */
.section01 .app_store{margin-bottom: 30px;margin-top: 0px;padding-right: 15px;}
.section01 a.main_bottom_btn{padding: 0;}
.section01 a.main_bottom_btn img{width: 310px;}
.section01 a.main_bottom_btn2 img{transform: translateX(-10px);}
.section01 a.main_bottom_btn1 img{transform: translateX(10px)}

@media screen and (max-width:1400px) and (min-width:768px) {
	.head #btn-topbanner3 {
    position: fixed;
	display: inlin-block;
    right: -8%;
    bottom: 10%;
    width: 218px;
    height: 291px;
    background: url(/mobile/images/common/reservation-square-box_2_20210813.png) no-repeat left top;
		transform: scale(0.4);}
	.footer #btn-topbanner4 {
    position: fixed;
		display: inline-block;
    left: -10%;
    bottom: 10%;
    width: 261px;
    height: 221px;
    background: url(/mobile/images/main/mo_banner_20210930.png) no-repeat left top;background-size: 100% 100%;
    transform: scale(0.4);
}
}

@media screen and (max-width:1024px) and (min-width:768px) and (orientation: landscape){
	.head #btn-topbanner3 {
    position: fixed;
	display: inline-block;
    right: -17%;
    bottom: 10%;
    width: 218px;
    height: 291px;
    background: url(/mobile/images/common/reservation-square-box_2_20210813.png) no-repeat left top;
		transform: scale(0.4);}
	.footer #btn-topbanner4 {
    position: fixed;
		display: inline-block;
    left: 1%;
    bottom: 10%;
    width: 261px;
    height: 221px;
    background: url(/mobile/images/main/mo_banner_20210930.png) no-repeat left top; background-size: 100% 100%;
    transform: scale(0.4);
}
}

@media screen and (max-width:425px) and (max-height:760px) {
.newServerPop .popContent .newServerWrap .btnClose{position: absolute; right: 48px; top: 30px;transform-origin: right center; z-index: 1;}

}

/* .serverWrap .worldSelect .worldList li a{border: 2px solid rgba(255, 255, 255, 0.3);} */
.reserve_pop_item .btnWrap{display: block;width: 207px;height:53px;position: absolute;bottom:18%;left:31%;}
.reserve_pop_item .btnWrap a{font-size: 0;position: absolute;width: 100%;height: 100%;}
.reserve_pop_item {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow-y: auto;}
.reserve_pop_item.active {opacity:1; visibility:visible;  z-index: 999; }
.reserve_pop_item .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.8) ;}
.worldPop6 .popContent{z-index: 2;position: absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:543px;height:694px;}
.worldPop6 .btnWrap{bottom:12;left:31%;}
.worldPop7 .popContent{z-index: 2;position: absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:543px;height:694px;}
.worldPop7 .btnWrap{bottom:12%;left:31%;}
.worldPop8 .popContent{z-index: 2;position: absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:543px;height:694px;}
.worldPop8 .btnWrap{bottom:12%;left:31%;}
.worldPop9 .popContent{z-index: 2;position: absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:543px;height:694px;}
.worldPop9 .btnWrap{bottom:18%;left:31%;}
.worldPop10 .popContent{z-index: 2;position: absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:543px;height:694px;}
.worldPop10 .btnWrap{bottom:15%;left:31%;}

.update_wait{position: absolute;width: 100%;height:100%;background: rgba(0,0,0,0.7);}
.update_wait img{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}

.section13 .event_txt_box{margin: 10px auto 75px auto;position: relative;width:502px;height:257px;}
.section13 .event_txt{position: absolute;width: 100%;height: 80%;overflow-y: scroll;top:10%;left:0;}
.event_txt::-webkit-scrollbar {    width: 5px;  /* 스크롤바의 너비 */}
.event_txt::-webkit-scrollbar-thumb {    height: 20%; /* 스크롤바의 길이 */    background: #fff; /* 스크롤바의 색상 */        border-radius: 10px;}
.event_txt::-webkit-scrollbar-track {    background: rgba(156, 156, 156, 1);  /*스크롤바 뒷 배경 색상*/border-radius: 10px;}

@media screen and (min-width:767px){
    .cont0215 div.ep6_n_au_ph input, .cont0215 div.ep6_n_au_num input{font-size:20px;}
}