@charset "utf-8";
.newPop{display:none;}
.head .leftBtns.secScale{transform-origin: left top;}
.head .rightBtns.secScale{transform-origin: right top;}
.head .cbtTopBanner{position: absolute; left: 70px; top: 173px; width: 224px; height: 137px; background: url(/images/common/cbtTopBanner.png?v=1) no-repeat left top;}
.head .cbtTopBanner.tp0{background-image: url(/images/common/cbtTopBannerTp0.png?v=1); height: 110px;}
.head .cbtTopBanner.tp1{background-image: url(/images/common/cbtTopBanner2.png?v=1); height: 98px; top: 190px; cursor: default;}
.head .cbtTopBanner.tp2{background-image: url(/images/common/cbtTopBanner3.png?v=2);top: 190px; }
.head .cbtTopBanner.tp3{background-image: url(/images/common/cbtTopBanner3.png?v=5);top: 190px; }
.head .cbtTopBannerGameDownload{position: absolute; left: 70px; top: 330px; width: 224px; height: 149px; background: url(/images/common/cbtTopBannerGameDownload.png?v=1) no-repeat left top;}
/* .head .cbtTopBanner:hover{background-image: url(/images/common/cbtTopBannerHover.png?v=1);} */
.head .btnsWrap{max-width: 100%; position: relative; margin: 0 auto;z-index:100;}
.head .rightBtns{position: absolute; right: 50px; top: 38px;text-align: center;}
.head .rightBtns .btnTopWorldMovie,
.head .rightBtns .btnTopTra,
.head .rightBtns .btnTopCafe,
.head .rightBtns .btnTopNick,
.head .rightBtns .btnTop001,
.head .rightBtns .btnTop002,
.head .rightBtns .btnTop002_1,
.head .rightBtns .btnEpisodeTeasor,
.head .rightBtns .btnEpisode,
.head .rightBtns .btnTopYoutube,
.head .rightBtns .btnTopReser{display: block; background: no-repeat left top; width: 217px; height: 55px;}
.head .rightBtns .btnTopWorldMovie{background-image: url(/images/common/btnTopWorldMovie.png?v=1);}
.head .rightBtns .btnTopTra{background-image: url(/images/common/btnTopTra.png?=v1);}
.head .rightBtns .btnTopCafe{background-image: url(/images/common/btnTopCafe.png?=v1);}
.head .rightBtns .btnTopYoutube{background-image: url(/images/common/btnTopYoutube.png?=v1);}
.head .rightBtns .btnTopNick{background-image: url(/images/common/btnTopNick.png?=v1);}
.head .rightBtns .btnTopReser{background-image: url(/images/common/btnTopReser.png?=v1);}
.head .rightBtns .btnTop001{background-image: url(/images/common/btnTop001.png?=v1);}
.head .rightBtns .btnTop002{background-image: url(/images/202209/main/main_btn3.png?=v1);}
.head .rightBtns .btnTop002_1{background-image: url(/images/main/202210/main_right_nickname.png) ;background-repeat: no-repeat;}
.head .rightBtns .btnTop003{background-image: url(/images/common/btnTop003.png?=v1);display: block; background: no-repeat left top; width: 217px; height: 55px;}/**20200925 수정/
/*.head .rightBtns .btnEpisodeTeasor{background-image: url(/images/common/btn_episode_teaser.png?=v1);}*/
.head .rightBtns .btnEpisodeTeasor{background-image: url(/images/common/pc-main-ep2-btn.png?=v1);}
.head .rightBtns .btnEpisode{background-image: url(/images/common/btn_episode.png?=v1);}

/* .head .rightBtns>*:hover{outline: 2px solid red;} */
.head .rightBtns .btnTop001:hover{outline: none;}
.head .rightBtns .btnEpisodeTeasor:hover{outline: none;}
.head .rightBtns .btnEpisode2:hover{outline: none;}
.head .rightBtns .btnEpisode:hover{outline: none;}
/* .head .rightBtns .btnTopWorldMovie:hover{background-image: url(/images/common/btnTopWorldMovieHover.png?=v1);}
.head .rightBtns .btnTopTra:hover{background-image: url(/images/common/btnTopTraHover.png?=v1);}
.head .rightBtns .btnTopCafe:hover{background-image: url(/images/common/btnTopCafeHover.png?=v1);}
.head .rightBtns .btnTopYoutube:hover{background-image: url(/images/common/btnTopYoutubeHover.png?=v1);}
.head .rightBtns .btnTopReser:hover{background-image: url(/images/common/btnTopReserHover.png?=v1);}
.head .rightBtns .btnTop001:hover{background-image: url(/images/common/btnTopReserHover.png?=v1);}
.head .rightBtns .btnTop002:hover{background-image: url(/images/common/btnTopReserHover.png?=v1);}  */
.head .rightBtns a+a{margin-top: 7px;}

.head .gnb{display: block; width: 100%; background: rgba(0,0,0,0.8); border-bottom: 1px solid #810206;}


.head .gnb .lst{text-align: center; font-size: 0; transform-origin: center top; min-width: 1280px;max-width:2000px;margin:auto;}
.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/gnb/gnbMouseHover.png) no-repeat center center;}
.head .gnb .lst .tp .txt{width: 200px; height: 78px; background: no-repeat center center; position: relative; display: block;}
.head .gnb .lst .tp+.tp .txt:after{content: ''; width: 1px; height: 36px; opacity: .3; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -18px;}
.head .gnb .lst .tp.tp0 .txt{background-image: url(/images/year1/pc/kr/gnb1.png);}
.jp .head .gnb .lst .tp.tp0 .txt{background-image: url(/images/year1/pc/jp/gnb1_off.png);}
.tw .head .gnb .lst .tp.tp0 .txt{background-image: url(/images/year1/pc/tw/gnb1_off.png);}
.head .gnb .lst .tp.tp1 .txt{background-image: url(/images/gnb/lst02.png);}
.head .gnb .lst .tp.tp2 .txt{background-image: url(/images/202201//media_txt.png);}
.head .gnb .lst .tp.tp3 .txt{background-image: url(/images/202209/gnb/gnb_menu4.png);}
.head .gnb .lst .tp.tp4 .txt{background-image: url(/images/202201/event_text.png);}
.head .gnb .lst .tp.tp5 .txt{background-image: url(/images/gnb/lst06.png);}
.head .gnb .lst .tp.tp6 .txt{background-image: url(/images/gnb/lst07.png);}
.head .gnb .lst .tp.tp8 .txt{background-image: url(/images/gnb/lst08.png);}
.head .gnb .lst .tp.tp9 .txt{background-image: url(/images/gnb/lst09.png);}
.head .gnb .lst .tp.tp10 .txt{background-image: url(/images/gnb/lst10.png);}

/*
body[data-current-section="0"] .head .gnb .lst .tp.tp0 .txt{background-image: url(/images/202201/main_txt_hover.png);}
body[data-current-section="0"] .head .gnb .lst .tp.tp0:before{content: '';}
body[data-current-section="1"] .head .gnb .lst .tp.tp1 .txt{background-image: url(/images/gnb/lst02Hover.png);}
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/gnb/lst02Hover.png);}
body[data-current-section="2"] .head .gnb .lst .tp.tp1:before{content: '';}
body[data-current-section="3"] .head .gnb .lst .tp.tp2 .txt{background-image: url(/images/202201/media_txt_hover.png);}
body[data-current-section="3"] .head .gnb .lst .tp.tp2:before{content: '';}
body[data-current-section="4"] .head .gnb .lst .tp.tp3 .txt{background-image: url(/images/202209/gnb/gnb_menu4_hover.png);}
body[data-current-section="4"] .head .gnb .lst .tp.tp3:before{content: '';}
body[data-current-section="5"] .head .gnb .lst .tp.tp4 .txt{background-image: url(/images/202201/event_text_hover.png);}
body[data-current-section="5"] .head .gnb .lst .tp.tp4:before{content: '';}
body[data-current-section="6"] .head .gnb .lst .tp.tp5 .txt{background-image: url(/images/gnb/lst06Hover.png);}
body[data-current-section="6"] .head .gnb .lst .tp.tp5:before{content: '';}
body[data-current-section="7"] .head .gnb .lst .tp.tp6 .txt{background-image: url(/images/gnb/lst07Hover.png);}
body[data-current-section="7"] .head .gnb .lst .tp.tp6:before{content: '';}
body[data-current-section="8"] .head .gnb .lst .tp.tp8 .txt{background-image: url(/images/gnb/lst08Hover.png);}
body[data-current-section="8"] .head .gnb .lst .tp.tp8:before{content: '';}
body[data-current-section="9"] .head .gnb .lst .tp.tp9 .txt{background-image: url(/images/gnb/lst09Hover.png);}
body[data-current-section="9"] .head .gnb .lst .tp.tp9:before{content: '';}
body[data-current-section="10"] .head .gnb .lst .tp.tp10 .txt{background-image: url(/images/gnb/lst10Hover.png);}
body[data-current-section="10"] .head .gnb .lst .tp.tp10:before{content: '';}
*/
body[data-current-section="0"] .head .gnb .lst .tp.tp0:before{content: '';}
body[data-current-section="1"] .head .gnb .lst .tp.tp1:before{content: '';}
body[data-current-section="2"] .head .gnb .lst .tp.tp2:before{content: '';}
body[data-current-section="3"] .head .gnb .lst .tp.tp3:before{content: '';}
body[data-current-section="4"] .head .gnb .lst .tp.tp4:before{content: '';}

/* .head .gnb .lst .tp.tp0:hover .txt{background-image: url(/images/gnb/lst01Hover.png);}
.head .gnb .lst .tp.tp1:hover .txt{background-image: url(/images/gnb/lst02Hover.png);}
.head .gnb .lst .tp.tp2:hover .txt{background-image: url(/images/gnb/lst03Hover.png);}
.head .gnb .lst .tp.tp3:hover .txt{background-image: url(/images/gnb/lst04Hover.png);}
.head .gnb .lst .tp.tp4:hover .txt{background-image: url(/images/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(/images/common/gnbTxt01.png);}
.nav .tp.tp1 .txt:before{background-image: url(/images/common/gnbTxt02.png);}
.nav .tp.tp2 .txt:before{background-image: url(/images/common/gnbTxt03.png);}
.nav .tp.tp3 .txt:before{background-image: url(/images/common/gnbTxt04.png);}
.nav .tp.tp4 .txt:before{background-image: url(/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="5"] .nav .tp.tp4 .txt:after{background: #ff2323;}
body[data-current-section="5"] .nav .tp.tp4 .txt:before{content: '';}
.fullBox .mainFullVideo{position: absolute;}
.btnScroll{position: absolute;  left: 50%; bottom: 23px; width: 38px; margin-left: -19px; height: 17px; background: url(/images/common/btnScroll.png) no-repeat center center; z-index: 11; display: none;}
.section.section02 .btnScroll{display: block;}
.baseForm{max-width: 645px; display: block; margin: 0 auto; text-align: center;}
.baseForm .form-group.tp0,
.baseForm .form-group.tp1{position: relative; padding-right: 161px;}
.baseForm .form-group .inputArea{border: 2px solid #9b1616; background: #fff;}
.baseForm .form-group .inputArea input{height: 60px; border-radius: 0; line-height: 60px; outline: none; box-shadow: none; font-size: 24px; text-align: left; color: #000; border: none; padding: 0; margin: 0; background: none; width: 100%;}
.baseForm .form-group .inputArea input::-webkit-input-placeholder{font-size: 18px; position: relative; top: -4px;}
.baseForm .form-group .inputArea input:-moz-placeholder{font-size: 18px; position: relative; top: -4px;}
.baseForm .form-group .inputArea input::-moz-placeholder{font-size: 18px; position: relative; top: -4px;}
.baseForm .form-group .inputArea input:-ms-input-placeholder{font-size: 18px; position: relative; top: 0px;}
.baseForm .form-group .inputArea input::-ms-input-placeholder{transform: scale(.56); transform-origin:left center;}

.baseForm .form-group.tp0{margin-top: 20px;}
.baseForm .form-group.tp1{margin-top: 7px;}
.baseForm .form-group.tp2{margin-top: 22px;}
.baseForm .form-group.tp3{margin-top: 12px; margin-bottom: 17px;}
.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: 108px;}
.baseForm .form-group.tp0 .inputArea:after{content: none; width: 117px; height: 100%; background: url(/images/common/010.png) no-repeat center center; position: absolute; left: 0; top: 0;}
.baseForm .form-group.tp0 .inputArea:before{content: ''; width: 2px; height: 22px; background: #999; position: absolute; left: 117px; top: 50%; margin-top: -17px;}
.baseForm .form-group .inputArea .formBtn0,
.baseForm .form-group .inputArea .formBtn1{width: 147px; height: 64px; background: no-repeat right center; position: absolute; right: 0; top: 50%; margin-top: -32px;}
.baseForm .form-group .inputArea .formBtn0{background-image: url(/images/common/btnInzng.png);}
.baseForm .form-group .inputArea .formBtn1{background-image: url(/images/common/btnInzngCon.png);}


.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: 236px; height: 64px; background: no-repeat right center; position: absolute; right: -236px; top: 50%; margin-top: -32px;}
.baseForm .form-group .inputArea .cformBtn0{background-image: url(/images/202205/popup/num_btn.png);}
.baseForm .form-group .inputArea .cformBtn1{background-image: url(/images/202205/popup/input_btn2.png);}


.baseForm .form-group .chkDetailBtn{position: absolute; right: 0; top: 50%; width: 98px; height: 34px; background: url(/images/common/chkDetailBtn.png) no-repeat right center; margin-top: -16px;}
.baseForm .form-group.tp2,
.baseForm .form-group.tp3{position: relative;}
.baseForm .form-group.tp2{width: 533px;}
.baseForm .form-group input[type="checkbox"]{position: absolute; left: -9999em;}
.baseForm .form-group .form-check-label{position: relative; padding-left: 34px; display: block; height: 25px;}
.baseForm .form-group .form-check-label:before{content: ''; width: 25px; height: 100%; background: url(/images/common/cmmChk.png) no-repeat left center; position: absolute; left: 0; top: 0;}
.baseForm .form-group.tp2 .form-check-label{background: url(/images/common/chkTxt001.png) no-repeat 34px center;}
.baseForm .form-group.tp3 .form-check-label{background: url(/images/common/chkTxt002.png) no-repeat 34px center;}
.baseForm .form-group input[type="checkbox"]:checked+.form-check-label:before{background-image: url(/images/common/cmmChkActive.png);}
.baseForm .chkTxt003{text-align: left; display: block;}
.baseForm .formLogBtn{margin-top: 20px; display: inline-block;}
.section{overflow: hidden; position: relative;}
.secContent{z-index: 50;}
.section01{background: url(/images/bg/postMain2.png); background-size: cover;}
.section01 .secContent{position: absolute; left: 50%; top: 51%; margin-left: -512px; margin-top: -330px;}
.section01 .secContent.center{left: 0; width: 100%; text-align: center; margin-left: 0px;}
.section01 .mainLogo{}
.section01 .mainBtnWrap{position: absolute; left: 0px; width: 100%; text-align: center; bottom: -130px;}
.section01 .mainBtnWrap .mainBtnGoogle,
.section01 .mainBtnWrap .mainBtnUdate{width: 480px; height: 103px; background: no-repeat left top; display: inline-block;}
/*.section01 .mainBtnWrap .mainBtnUdate{background-image: url(/images/main/mainUpdateBTN.png);}*/
/* .section01 .mainBtnWrap .mainBtnUdate{background-image: url(/images/main/main-reservation-button_20200818.png);} */
/* .section01 .mainBtnWrap .mainBtnUdate{background-image: url(/images/main/main-reservation-button_20200925.png);margin-top:30px;} */
/*.section01 .mainBtnWrap .mainBtnUdate{background-image: url(/images/main/pc_update_btn.png);margin-top:30px;}*/
/*.section01 .mainBtnWrap .mainBtnUdate{background-image: url(/images/main/mainBtnReser2.png);}*/
.section01 .mainBtnWrap .mainBtnUdate{background-image: url(/images/202209/main/btn_main_reservation.png);}
/* .section01 .mainBtnWrap .mainBtnUdate{background-image: url(/images/202209/main/btn_main_reservation.png);} */
/* .section01 .mainBtnWrap .mainBtnUdate{background-image: url(/images/202205/main/202205_down_btn.png);} */
/*.section01 .mainBtnWrap .mainBtnUdate{background-image: url(/images/common/character-pick-main-btn0924.png);}*/
.section01 .mainBtnWrap .mainBtnReser{width: 232px; height: 65px; background: no-repeat left top; display: inline-block;}
.section01 .mainBtnWrap .mainBtnReserBig{width: 496px; height: 199px; background: no-repeat left top; display: inline-block;}
.section01 .mainBtnWrap .mainBtnGoogle{background-image: url(/images/common/mainBtnGoogle.png);}
.section01 .mainBtnWrap .mainBtnReser{background-image: url(/images/common/mainBtnReser2.png);}
/*.section01 .mainBtnWrap .mainBtnReserBig{background-image: url(/images/common/mainBtnReserBigTp1.png);}*/
/*.section01 .mainBtnWrap .mainBtnReserBig{background-image: url(/images/common/main-reservation-button_202008.png);}*/
.section01 .mainBtnWrap .mainBtnReserBig.tp0{background-image: url(/images/common/mainBtnReserBigTp0.png); width: 496px;}
.section01 .mainBtnWrap .mainBtnGoogle:hover{background-image: url(/images/common/mainBtnGoogleHover.png);}
.section01 .mainBtnWrap .mainBtnReser:hover{background-image: url(/images/common/mainBtnReserHover.png);}
.section01 .mainBtnWrap .section01Txt{position: relative; top: -40px;}
.section01 .mainBtnWrap a+a{margin-left: 10px;}
.section01 .mainBtnWrap .app_store{width:50%; margin:auto;}
.section01 .mainBtnWrap .app_store a{display:inline-block;width:20%; margin:0 1%;}



.section02{background: url(/images/bg/bgSection2.jpg); background-size: cover;}
.section02 .cha001{position: absolute; left: 0; bottom: 0; transform-origin: left bottom;}
.section02 .secContent .reserTitle{text-align: center;}
.section02 .secContent .reserItem{margin-top: 20px; text-align: center; position: relative;}
.section02 .secContent .reserItem .dalsungArea{}
.section02 .secContent .reserItem .dalsungArea .dalsung{width: 169px; height: 171px; background: rgba(0,0,0,0.55); position: absolute; top: 0; display: none;}
.section02 .secContent .reserItem .dalsungArea .dalsung.active{display: block;}
.section02 .secContent .reserItem .dalsungArea .dalsung:after{content: ''; width: 100%; height: 100%; background: url(/images/common/dalsung.png) no-repeat center center; position: absolute; left: 0; top: 0;}
.section02 .secContent .reserItem .dalsungArea .dalsung.tp0{left: 0;}
.section02 .secContent .reserItem .dalsungArea .dalsung.tp1{left: 177px;}
.section02 .secContent .reserItem .dalsungArea .dalsung.tp2{left: 352px;}
.section02 .secContent .reserItem .dalsungArea .dalsung.tp3{left: 529px;}
.section02 .secContent .reserItem .dalsungArea .dalsung.tp4{left: 704px;}
.section02 .secContent .reserItem .dalsungArea .dalsung.tp5{left: 880px;}
.section02 .secContent{position: absolute; left: 50%; top: 50%; margin-left: -525px; margin-top: -423px;}

.section03{background: url(/images/bg/bgSection3.jpg); background-size: cover; }
.section03 .secContent{position: absolute; left: 50%; top: 50%; margin-left: -498px; margin-top: -430px; text-align: center;}
.section03 .boxAlignCenter{display: block; margin-top: 55px; min-width: 996px;}
.section03 .boxAlignCenter .items{display: inline-block;}
.section03 .secItemTxt{display: block; margin-top: 25px;}
.section03 .btnGoogle{display: inline-block; margin-top: 45px;}


.section04{background: url(/images/bg/bgSection4_2021.jpg); background-size: cover; }
.section04 .secContent{position: absolute; left: 50%; top: 50%; margin-left: -650px; margin-top: -320px; text-align: center;}
.section04 .cha002{position: absolute; left: 0; bottom: 0; transform-origin: left bottom;}
.section04 .btnIntro ul {position: relative;}
.section04 .btnIntro ul li {display: inline-block; position: absolute;} 
.section04 .btnIntro ul li:first-child {left:200;}
.section04 .btnIntro ul li:nth-child(2) {left:610px;}
.section04 .btnIntro ul li:nth-child(3) {left:820px;}
.section04 .btnIntro ul li a {position: relative; display: block; width: 500px; height: 400px; text-indent:-999em;}
.section04 .btnIntro ul li a .over {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);width:500px; height: 400px; opacity:0; visibility:hidden; transition:.4s all;}
.section04 .btnIntro ul li.no1 a .over {position: absolute; left:50%; top:50%; margin-top:1.5px; margin-left:-4.2px; height: 409px; opacity:0; visibility:hidden; transition:.4s all;}
.section04 .btnIntro ul li.no2 a .over {position: absolute; left:50%; top:50%; margin-top:1.5px; margin-left:-11px; height: 409px; opacity:0; visibility:hidden; transition:.4s all;}
.section04 .btnIntro ul li.no3 a .over {position: absolute; left:50%; top:50%; margin-top:1.5px; margin-left:-9.2px; height: 409px; opacity:0; visibility:hidden; transition:.4s all;}
.section04 .btnIntro ul li.no1 a {background:url('../images/202205/update/update_banner1_off_03.png') no-repeat;}
.section04 .btnIntro ul li.no1 a .over {background:url('../images/202205/update/update_banner1_03.png') no-repeat; background-size: 100% 100%;}
.section04 .btnIntro ul li.no2 a {background:url('../images/202205/update/update_banner2_off_03.png') no-repeat;}
.section04 .btnIntro ul li.no2 a .over {background:url('../images/202205/update/update_banner2_03.png') no-repeat; background-size: 100% 100%;}
.section04 .btnIntro ul li.no3 a {background:url('../images/202205/update/update_banner3_off_03.png') no-repeat;}
.section04 .btnIntro ul li.no3 a .over {background:url('../images/202205/update/update_banner3_03.png') no-repeat;background-size: 100% 100%;}
.section04 .btnIntro ul li.no4 {margin-left: -70px;}
.section04 .btnIntro ul li.no4 a {background:url('../images/202201/update_main_bt4_de.png') no-repeat;}
.section04 .btnIntro ul li.no4 a .over {background:url('../images/202201/update_main_bt4_over.png') no-repeat;background-size: 100% 100%;}
.section04 .btnIntro ul li a:hover .over {opacity:1; visibility:visible;}




.introPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; }
.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)  url(/images/202201/update_pop3_bg.jpg) no-repeat left top; background-size: cover;}
.introPop .popContent{position:absolute; left:0; top:50%; width: 100%;  z-index: 10; transform: translateY(-50%); height: 850px;}
.introPop .popContent .title {position: absolute; left:50%; margin-left:-1020px; top:0; background:url('/images/common/contentLine.png') 0 44px no-repeat; width:690px; text-align: right; transform-origin: center right; min-height: 50px;}
.introPop .popContent .title:after {content:''; position: absolute; left:-1000px; top:44px; height:1px; width: 1000px; background: #861212;}
.introPop .slideIntro {position: relative; padding-top: 140px;}
.introPop .slideIntro .inner{position: absolute; left:0; min-height: 700px; width: 100%; transform-origin: center top;}
.introPop .slideIntro .tit {position: absolute; left:50%; top:175px; margin-left:-502px; z-index: 20;}
.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('/images/common/slidePrev.png') no-repeat}
.introPop .slideIntro .controls a.next {float:right; background:url('/images/common/slideNext.png') no-repeat}
.introPop .btnClose {position: absolute; right: -100px;; top: 50%; margin-top: -33px;}
.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{position: absolute; left: 50%; top: -160px; width: 1001px; margin-left: -500px;}
.popContSlideWrap .popContSlideTop .lst{float: right;}
.popContSlideWrap .popContSlideTop .lst .tp{display: inline-block;}
.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(/images/common/popContTitleNav01.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp1 .txt{background-image: url(/images/common/popContTitleNav02.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp2 .txt{background-image: url(/images/common/popContTitleNav03.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp3 .txt{background-image: url(/images/common/popContTitleNav04.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp4 .txt{background-image: url(/images/common/popContTitleNav05.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp0.active .txt{background-image: url(/images/common/popContTitleNav01Active.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp1.active .txt{background-image: url(/images/common/popContTitleNav02Active.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp2.active .txt{background-image: url(/images/common/popContTitleNav03Active.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp3.active .txt{background-image: url(/images/common/popContTitleNav04Active.png);}
.popContSlideWrap .popContSlideTop .lst .tp.tp4.active .txt{background-image: url(/images/common/popContTitleNav05Active.png);}
.popContSlideWrap .popContSlideCont{}
.popContSlideWrap .popContSlideCont .popContSlideArea{position: absolute; left: -999em; width: 100%;}
.popContSlideWrap .popContSlideCont .popContSlideArea.active{position: absolute; left: 0;}
.popContSlideWrap .popContSlideCont .popContSlideArea .contr{position: absolute; left: 50%; width: 1186px; margin-left: -593px; top: 0; height: 100%; transform-origin: center top;}
.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(/images/common/slidePrev.png); left: 0; display: none;}
.popContSlideWrap .popContSlideCont .popContSlideArea .contr .uislide_next{background-image: url(/images/common/slideNext.png); right: 0;}
.popContSlideWrap .popContSlideCont .popContSlideArea .contr .slick-dots{position: absolute; left: 0; bottom: -146px; text-align: center; width: 100%; }
.popContSlideWrap .popContSlideCont .popContSlideArea .contr .slick-dots li{display: inline-block; width: 212px; height: 79px; 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(/images/common/popContTitleNav01ContrPage01.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp1 .contr .slick-dots li:nth-child(1){background-image: url(/images/common/popContTitleNav02ContrPage01.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp1 .contr .slick-dots li:nth-child(2){background-image: url(/images/common/popContTitleNav02ContrPage02.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp2 .contr .slick-dots li:nth-child(1){background-image: url(/images/common/popContTitleNav03ContrPage01.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp2 .contr .slick-dots li:nth-child(2){background-image: url(/images/common/popContTitleNav03ContrPage02.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp2 .contr .slick-dots li:nth-child(3){background-image: url(/images/common/popContTitleNav03ContrPage03.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp3 .contr .slick-dots li:nth-child(1){background-image: url(/images/common/popContTitleNav04ContrPage01.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp3 .contr .slick-dots li:nth-child(2){background-image: url(/images/common/popContTitleNav04ContrPage02.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp3 .contr .slick-dots li:nth-child(3){background-image: url(/images/common/popContTitleNav04ContrPage03.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp4 .contr .slick-dots li:nth-child(1){background-image: url(/images/common/popContTitleNav05ContrPage01.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp0 .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/images/common/popContTitleNav01ContrPage01Active.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp1 .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/images/common/popContTitleNav02ContrPage01Active.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp1 .contr .slick-dots li:nth-child(2).slick-active{background-image: url(/images/common/popContTitleNav02ContrPage02Active.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp2 .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/images/common/popContTitleNav03ContrPage01Active.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp2 .contr .slick-dots li:nth-child(2).slick-active{background-image: url(/images/common/popContTitleNav03ContrPage02Active.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp2 .contr .slick-dots li:nth-child(3).slick-active{background-image: url(/images/common/popContTitleNav03ContrPage03Active.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp3 .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/images/common/popContTitleNav04ContrPage01Active.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp3 .contr .slick-dots li:nth-child(2).slick-active{background-image: url(/images/common/popContTitleNav04ContrPage02Active.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp3 .contr .slick-dots li:nth-child(3).slick-active{background-image: url(/images/common/popContTitleNav04ContrPage03Active.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp4 .contr .slick-dots li:nth-child(1).slick-active{background-image: url(/images/common/popContTitleNav05ContrPage01Active.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.active{display: block;}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner{}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner .items{text-align: center; transform: scale(.7); transition: transform .5s; position: relative; transform-origin: center center;}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner .items:after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .5; transition: opacity .5s;}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner .items.slick-current{transform: scale(1);}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner .items.slick-current:after{opacity: 0;}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner .items:focus{outline: none;}
.popContSlideWrap .popContSlideCont .popContSlideArea .popContSlideInner .items img{display: inline; transform-origin: center top;}
.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;}
.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:50%; top:0; width: 1320px; margin-left: -600px; z-index: 10; height:100%;}
.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(/images/common/contentLine2.png) no-repeat left top; position: absolute; left: -90px; top: 38px;}
.charactorPop .popContent .items{display: none; height: 100%; max-height: 1100px;}
.charactorPop .popContent .items.slideOn{display: block;}
.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 .cha{position: absolute; bottom: -60px;}
.charactorPop .popContent .items.tp0 .cha{right: -40px;}
.charactorPop .popContent .items.tp1 .cha{right: 120px;}
.charactorPop .popContent .items.tp2 .cha{right: -90px;}
.charactorPop .popContent .items.tp6 .cha{right: 80px;}
.charactorPop .popContent .items.tp6 .tp_tit {display: block;}
.charactorPop .popContent .items.tp6 .tp_tit {display: block;}
.charactorPop .popContent .info .movie{margin-top: 23px; position: relative;}
.charactorPop .popContent .info .movie .btnw{position: absolute; left: 50%; transform: translate(-50%,0); bottom: -140px;}
.charactorPop .popContent .info .movie .btnw .b{width: 308px; height: 121px; background: url(/images/common/chaClassCho.png?v=1) no-repeat left top; display: block;}
.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 .items.tp5 .chaBg{width: 1659px;}
.charactorPop .popContent .items.tp6 .chaBg{width: 1659px;}
.charactorPop .popContent .title {position: absolute; left:50%; margin-left:-1020px; top:0; background:url('/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 .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('/images/common/slidePrev.png') no-repeat; left: 0;}
.charactorPop .popContent .controls .arrow.next {background:url('/images/common/slideNext.png') no-repeat; right: 0;}
.charactorPop .popContent .controls .btnw{position: absolute; top: 50%; margin-top: 140px; left: 190px; display: none;}
.charactorPop.serverLst .popContent .controls .btnw{display: block;}
.charactorPop .popContent .controls .btnw .b{width: 308px; height: 121px; background: url(/images/common/chaClassCho.png?v=1) no-repeat left top; display: block;}
/* .charactorPop .popContent .controls .btnw .b:hover{background-iamge: url(/images/common/chaClassChoActive.png)} */
.charactorPop .popContent .btnClose{position: absolute; right: 15px; top: 65px;transform-origin: right center;}
.charactorPop .popContent .items.tp0 .info .movie .btnw,
.charactorPop .popContent .items.tp6 .info .movie .btnw{left: 44%;}
.userPop  {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow: hidden;}
.userPop.active {opacity:1; visibility:visible;  z-index: 999; }
.userPop  .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.9); }
.userPop  .popContent{position:absolute; left:50%; top: 1%; width: 1309px; margin-left: -660px; text-align: center; z-index: 10; height:100%;}
.userPop .popContent .chaSlideEventWrap {max-height: 950px;}
.userPop  .popContent .chaTit{position:absolute; right:0; top:140px; z-index: 10; transform-origin: center right;}
.userPop  .popContent .chaTit span{display: block;}
.userPop  .popContent .chaTit:before{content: ''; width: 811px; height: 1px; background: #7c1111; position: absolute; left: 721px; top: 38px;}
.userPop  .popContent .chaTit:after{content: ''; width: 811px; height: 1px; background: url(/images/common/contentLine2.png) no-repeat left top; position: absolute; left: -90px; top: 38px;}
.userPop  .popContent .items{opacity: 0; display: block !important; height: 100%; max-height: 1100px; transition: all .25s linear;}
.userPop  .popContent .items img {max-height: 100%;}
.userPop  .popContent .items.slideOn{opacity: 1 !important; transition: all .25s linear;}
.userPop  .popContent .back_1 {transition: all 0.25s linear; transform:scale(0.9);}
.userPop  .popContent .back_2 {transition: all 0.25s linear; transform:scale(0.9);}
.userPop  .popContent .chaBg{position: absolute; left: 50%; bottom: 190px; transform: translate(-50%,0);}
.userPop  .hiddenNavgator{}
.userPop  .popContent .info{position: absolute; left: 50px; top: 50%; margin-top: -250px;}
.userPop  .popContent .items .cha{position: absolute; bottom: -60px;}
/* .userPop .popContent .items.back_1 {display: block !important;} */
.userPop  .popContent .items.tp0 .cha{right: -40px;}
.userPop  .popContent .items.tp1 .cha{right: 120px;}
.userPop  .popContent .items.tp2 .cha{right: -90px;}
.userPop  .popContent .info .movie{margin-top: 23px; position: relative;}
.userPop  .popContent .info .movie .btnw{position: absolute; left: 50%; transform: translate(-50%,0); bottom: -140px;}
.userPop  .popContent .info .movie .btnw .b{width: 308px; height: 121px; background: url(/images/common/chaClassCho.png?v=1) no-repeat left top; display: block;}
.userPop  .popContent .items .info .tit{text-align: center; display: block;}
.userPop  .popContent .items.tp0 .chaBg{width: 1610px;}
.userPop  .popContent .items.tp1 .chaBg{width: 1453px;}
.userPop  .popContent .items.tp2 .chaBg{width: 1659px;}
.userPop  .popContent .items.tp5 .chaBg{width: 1659px;}
.userPop  .popContent .title {position: absolute; left:50%; margin-left:-1020px; top:0; background:url('/images/common/contentLine.png') 0 28px no-repeat; width:690px; text-align: right;}
.userPop  .popContent .title:after {content:''; position: absolute; left:-1000px; top:28px; height:1px; width: 1000px; background: #861212;}
.userPop  .popContent .controls{}
.userPop  .popContent .controls .arrow {width: 42px; height: 80px; outline:none; position: absolute; top: 50%; margin-top: -60px;}
.userPop  .popContent .controls .arrow.prev {background:url('/images/common/slidePrev.png') no-repeat; left: 50px;}
.userPop  .popContent .controls .arrow.next {background:url('/images/common/slideNext.png') no-repeat; right: 50px;}
.userPop  .popContent .controls .btnw{position: absolute; top: 50%; margin-top: 140px; left: 190px; display: none;}
.userPop .serverLst .popContent .controls .btnw{display: block;}
.userPop  .popContent .controls .btnw .b{width: 308px; height: 121px; background: url(/images/common/chaClassCho.png?v=1) no-repeat left top; display: block;}
/* .charactorPop .popContent .controls .btnw .b:hover{background-iamge: url(/images/common/chaClassChoActive.png)} */
.userPop .popContent .btnClose{position: absolute; right: 150px; top: 45px;transform-origin: right center;}



.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:50%; top:0; width: 1620px; margin-left: -810px; z-index: 10; height:100%;}
.battlepop .popContent .btnClose{position: absolute; right: 185px; top: 65px;transform-origin: right center;}
.battlepop .img{position:relative;}
.battlepop .btst{position:absolute; left:50%; width: 466px; height: 107px; margin-left: -233px; bottom: 134px;}


.battleUpdatePop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; overflow: hidden; overflow-y: auto;}
.battleUpdatePop.active {opacity:1; visibility:visible;  z-index: 999; }
.battleUpdatePop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.9); }
.battleUpdatePop .popContent{position:absolute; left:50%; top:0; width: 1620px; margin-left: -810px; z-index: 10; height:100%;}
.battleUpdatePop .popContent .btnClose{position: absolute; right: 185px; top: 65px;transform-origin: right center;}
.battleUpdatePop .img{position:relative;}
.battleUpdatePop .btst{position:absolute; left:50%; width: 466px; height: 107px; margin-left: -233px; bottom: 134px;}
.battleUpdatePop .popContent .img .detail{padding-left: 4px;}
.battleUpdatePop .popContent .img .detailBtn{margin-top: -24px;}



.worldPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; }
.worldPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) url(/images/202201/update_pop2_bg.jpg) no-repeat left top; background-size: cover;}
.worldPop .popContent{height: 100%;}
.worldPop.active {opacity:1; visibility:visible;  z-index: 999; }
.worldWrap {position: relative; height: 100%; min-height:700px; overflow:hidden; animation-timing-function: linear;}
.worldWrap .in {position:absolute; left:0; width: 100%; top:45%; margin-top:-350px;; z-index: 30; text-align: center;}
.worldWrap .in .titWrap {display: inline-block; width: 1200px; position: relative;}
.worldWrap .in .titList { }
.worldWrap .in .titList ul { position: relative;  }
.worldWrap .in .titList ul li {position: absolute;  bottom:-85px; width: 100%; text-align: center;  transition:1s all; opacity:0; visibility:hidden; transform:translate(0,20px);}
.worldWrap .in .titList ul li:nth-child(2) {bottom:-93px;}
.worldWrap .in .titList ul li:nth-child(3) {bottom:-125px;}
.worldWrap .in .titList ul li.active {opacity:1; visibility:visible; transform:translate(0,0);}
.worldWrap .in .worldSlide {position: relative; }
.worldWrap .in .worldSlide #imgList {position: absolute; left:50%; width:1160px; margin-left:-410px; top:0; height:774px;}
.worldWrap .in .worldSlide #imgList li{position: absolute; transition:1s all; transform-origin:center center; ;}
.worldWrap .in .worldSlide #imgList li.no1 {left:0; top:30px; width:1161px;  z-index: 1;}
.worldWrap .in .worldSlide #imgList li.no2 { }
.worldWrap .in .worldSlide #imgList li.no3 {left:500px;top:130px; width:650px; opacity:0;}
.worldWrap .in .worldSlide #imgList li div {position: absolute; left:0; top:0; transition:.3s all; text-align: left; }
.worldWrap .in .worldSlide #imgList li div img { vertical-align: middle;width: 100%; }
.worldWrap .in .worldSlide #imgList li div.front {}
.worldWrap .in .worldSlide #imgList li div.back { opacity:0; }
.worldWrap .in .worldSlide #imgList li div.back2 {opacity:0;  }
.worldWrap .in .worldSlide #imgList li.no2 {left:774px; top:132px; opacity:.4; width:609px; }
.worldWrap .in .worldSlide #imgList li.no2 .front {opacity:0; }
.worldWrap .in .worldSlide #imgList li.no2 .back { opacity:1; }
.worldWrap .in .worldSlide #imgList.active2 li.no1 {left:-280px; top:100px; opacity:.4;  width:609px; z-index: 1; }
.worldWrap .in .worldSlide #imgList.active2 li.no1 .back {opacity:1; }
.worldWrap .in .worldSlide #imgList.active2 li.no1 .front {opacity:0; }
.worldWrap .in .worldSlide #imgList.active2 li.no2 {left:0; top:50px; opacity:1; width:1150px; z-index: 10; }
.worldWrap .in .worldSlide #imgList.active2 li.no2 .front {opacity:1; }
.worldWrap .in .worldSlide #imgList.active2 li.no2 .back { opacity:0; }
.worldWrap .in .worldSlide #imgList.active2 li.no3 {left:770px; top:130px; opacity:.4;}
.worldWrap .in .worldSlide #imgList.active2 li.no3 .front {opacity:0; }
.worldWrap .in .worldSlide #imgList.active2 li.no3 .back { opacity:1; }
.worldWrap .in .worldSlide #imgList.active3 li.no1 {left:300px;top:100px; width:609px; opacity:0;  }
.worldWrap .in .worldSlide #imgList.active3 li.no1 .front {opacity:0; }
.worldWrap .in .worldSlide #imgList.active3 li.no1 .back { opacity:1; }
.worldWrap .in .worldSlide #imgList.active3 li.no2 {left:-250px; top:122px; opacity:.4; width:609px;  }
.worldWrap .in .worldSlide #imgList.active3 li.no2 .front {opacity:0; }
.worldWrap .in .worldSlide #imgList.active3 li.no2 .back { opacity:1; }
.worldWrap .in .worldSlide #imgList.active3 li.no3 {left:0; top:50px; opacity:1; z-index: 10; width:1166px;}
.worldWrap .in .worldSlide #imgList.active3 li.no3 .front {opacity:1; }
.worldWrap .in .worldSlide #imgList.active3 li.no3 .back { opacity:0; }
.worldWrap .in .worldSlide .controls {position: absolute; left:50%; top:50%; width:1280px; z-index:10;  margin:-100px 0 0 -640px;  }
.worldWrap .in .worldSlide .controls a{position: absolute; text-indent:-999em; width:42px; height:80px;   }
.worldWrap .in .worldSlide .controls a.prev {left:0; background:url('/images/common/slidePrev.png') center no-repeat; display: none;}
.worldWrap .in .worldSlide .controls a.next {right:0; background:url('/images/common/slideNext.png') center no-repeat;}
.worldWrap .in .worldSlide .btnwrap {position: absolute; left:50%; bottom:-8%; transform: translateX(-50%); z-index: 9;}
.worldWrap .in .worldSlide .btnwrap a{display: inline-block; width: 100%; height: 100%;}
.worldWrap .in .textList { padding-top:550px;  }
.worldWrap .in .textList ul { position: relative; padding-top:42px;  background:url('/images/common/slideTextBg.png') center top no-repeat; }
.worldWrap .in .textList ul li {position: absolute;  top:42px; width: 100%; text-align: center;  transition:1s all; opacity:0; visibility:hidden; transform:translate(0,50px);}
.worldWrap .in .textList ul li.active {opacity:1; visibility:visible; transform:translate(0,0);}

.worldPop4 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; }
.worldPop4 .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) ;}
.worldPop4 .popContent{height: 100%;}
.worldPop4.active {opacity:1; visibility:visible;  z-index: 999; }
.worldPop4 .btnClose{position: absolute; right: 35px; top: 40px; z-index: 2;}
.worldPop5 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; }
.worldPop5 .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9);}
.worldPop5 .popContent{height: 100%;}
.worldPop5.active {opacity:1; visibility:visible;  z-index: 999; }
.worldPop5 .btnClose{position: absolute; right: 35px; top: 40px; z-index: 2;}
.worldPop6 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; }
.worldPop6 .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9);}
.worldPop6 .popContent{height: 100%;}
.worldPop6.active {opacity:1; visibility:visible;  z-index: 999; }
.worldPop6 .btnClose{position: absolute; right: 35px; top: 40px; z-index: 2;}
.worldPop6_1 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; }
.worldPop6_1 .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9);}
.worldPop6_1 .popContent{height: 100%;}
.worldPop6_1.active {opacity:1; visibility:visible;  z-index: 999; }
.worldPop6_1 .btnClose{position: absolute; right: 35px; top: 40px; z-index: 2;}

.worldPop7 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; }
/*.worldPop7 .worldWrap .in {top:50px; }*/
.worldPop7 .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9);}
.worldPop7 .popContent{height: 100%;}
.worldPop7.active {opacity:1; visibility:visible;  z-index: 999; }
.worldPop7 .popCont{position: absolute; left:50%;background: url('/images/202205/reservation/pop/pop_gift.png') no-repeat;width:1090px; margin-left:-545px; top:0; height:880px; }
.worldPop7 .popCont .tit{padding-top:70px;}
.worldPop7 .popCont .btn{margin-top:30px;}
.worldPop7 .popCont .gift_list {position:relative;width:640px;height:420px;margin:30px auto;}
.worldPop7 .popCont .gift_list li{position: absolute}
.worldPop7 .popCont .gift_list li .iconZoom{position: absolute;left:172px;top:149px;width:44px;}
.worldPop7 .popCont .gift_list li:nth-child(1) {top:0;left:0}
.worldPop7 .popCont .gift_list li:nth-child(2) {top:0;left:220px}
.worldPop7 .popCont .gift_list li:nth-child(3) {top:0;left:440px}
.worldPop7 .popCont .gift_list li:nth-child(4) {top:190px;left:111px}
.worldPop7 .popCont .gift_list li:nth-child(5) {top:190px;left:328px}
.worldPop8 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; }
/*.worldPop8 .worldWrap .in {top:50px; }*/
.worldPop8 .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9);}
.worldPop8 .popContent{height: 100%;}
.worldPop8.active {opacity:1; visibility:visible;  z-index: 999; }
.worldPop8 .popCont{position: absolute; left:50%;background: url('/images/202205/reservation/pop/pop_gift.png') no-repeat;width:1090px; margin-left:-545px; top:0; height:880px; }
.worldPop8 .popCont .tit{padding-top:70px;}
.worldPop8 .popCont .btn{margin-top:30px;}
.worldPop8 .popCont .gift_list {position:relative;width:858px;height:420px;margin:30px auto;}
.worldPop8 .popCont .gift_list li{position: absolute}
.worldPop8 .popCont .gift_list li .iconZoom{position: absolute;left:172px;top:149px;width:44px;}
.worldPop8 .popCont .gift_list li:nth-child(1) {top:0;left:0}
.worldPop8 .popCont .gift_list li:nth-child(2) {top:0;left:220px}
.worldPop8 .popCont .gift_list li:nth-child(3) {top:0;left:440px}
.worldPop8 .popCont .gift_list li:nth-child(4) {top:0;left:655px}
.worldPop8 .popCont .gift_list li:nth-child(5) {top:190px;left:111px}
.worldPop8 .popCont .gift_list li:nth-child(6) {top:190px;left:328px}
.worldPop8 .popCont .gift_list li:nth-child(7) {top:190px;left:545px}
.worldPop9 {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; }
/*.worldPop9 .worldWrap .in {top:50px; }*/
.worldPop9 .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9);}
.worldPop9 .popContent{height: 100%;}
.worldPop9.active {opacity:1; visibility:visible;  z-index: 999; }
.worldPop9 .popCont{position: absolute; left:50%;background: url('/images/202205/reservation/pop/pop_gift.png') no-repeat;width:1090px; margin-left:-545px; top:0; height:880px; }
.worldPop9 .popCont .tit{padding-top:70px;}
.worldPop9 .popCont .btn{margin-top:30px;}
.worldPop9 .popCont .gift_list {position:relative;width:858px;height:420px;margin:30px auto;margin-bottom: 10px;}
.worldPop9 .popCont .gift_list li{position: absolute}
.worldPop9 .popCont .gift_list li .iconZoom{position: absolute;left:172px;top:149px;width:44px;}
.worldPop9 .popCont .gift_list li:nth-child(1) {top:0;left:0}
.worldPop9 .popCont .gift_list li:nth-child(2) {top:0;left:220px}
.worldPop9 .popCont .gift_list li:nth-child(3) {top:0;left:440px}
.worldPop9 .popCont .gift_list li:nth-child(4) {top:0;left:655px}
.worldPop9 .popCont .gift_list li:nth-child(5) {top:190px;left:111px}
.worldPop9 .popCont .gift_list li:nth-child(6) {top:190px;left:328px}
.worldPop9 .popCont .gift_list li:nth-child(7) {top:190px;left:545px}



.worldPop7 .btnClose{position: absolute; right: 35px; top: 40px; z-index: 2;}
.cronosPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; }
.cronosPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.9) url(/images/common/bgWorld.png) no-repeat left top; background-size: cover;}
.cronosPop .popContent{height: 100%;}
.cronosPop.active {opacity:1; visibility:visible;  z-index: 999; }
.cronosWrap {position: relative; height: 100%; min-height:700px; overflow:hidden; animation-timing-function: linear;}
.cronosWrap .in {position:absolute; left:0; width: 100%; top:45%; margin-top:-350px;; z-index: 30; text-align: center;}
.cronosWrap .in .titWrap {margin-bottom:60px; display: inline-block; width: 1200px; position: relative;}
.cronosWrap .in .titList { }
.cronosWrap .in .titList ul { position: relative;  }
.cronosWrap .in .titList ul li {position: absolute;  bottom:-60px; width: 100%; text-align: center;  transition:1s all; opacity:0; visibility:hidden; transform:translate(0,20px);}
.cronosWrap .in .titList ul li:nth-child(2) {bottom:-60px;}
.cronosWrap .in .titList ul li:nth-child(3) {bottom:-60px;}
.cronosWrap .in .titList ul li.active {opacity:1; visibility:visible; transform:translate(0,0);}
.cronosWrap .in .cronosSlide {position: relative; }
.cronosWrap .in .cronosSlide #imgList2 {position: absolute; left:50%; width:1160px; margin-left:-400px; top:0; height:469px;}
.cronosWrap .in .cronosSlide #imgList2 li{position: absolute; transition:1s all; transform-origin:center center; ;}
.cronosWrap .in .cronosSlide #imgList2 li.no1 {left:0; top:50px; width:1161px;  z-index: 1;}
.cronosWrap .in .cronosSlide #imgList2 li.no2 { left:250px; top:30px; width:1161px;}
.cronosWrap .in .cronosSlide #imgList2 li.no3 {left:500px;top:30px; width:1161px; opacity:0;}
.cronosWrap .in .cronosSlide #imgList2 li.no4 {left:750px;top:30px; width:1161px; opacity:0;}
.cronosWrap .in .cronosSlide #imgList2 li div {position: absolute; left:0; top:0; transition:.3s all; text-align: left; }
.cronosWrap .in .cronosSlide #imgList2 li div img { vertical-align: middle;width: 100%; }
.cronosWrap .in .cronosSlide #imgList2 li div.front {}
.cronosWrap .in .cronosSlide #imgList2 li div.back { opacity:0; }
.cronosWrap .in .cronosSlide #imgList2 li div.back2 {opacity:0;  }
.cronosWrap .in .cronosSlide #imgList2 li.no2 .front {opacity:0; }
.cronosWrap .in .cronosSlide #imgList2 li.no2 .back { opacity:1; }
.cronosWrap .in .cronosSlide #imgList2.active2 li.no1 {left:-280px; top:50px; opacity:.4;  width:1161px; z-index: 1; }
.cronosWrap .in .cronosSlide #imgList2.active2 li.no1 .back {opacity:1; }
.cronosWrap .in .cronosSlide #imgList2.active2 li.no1 .front {opacity:0; }
.cronosWrap .in .cronosSlide #imgList2.active2 li.no2 {left:0; top:50px; opacity:1; width:1161px; z-index: 10; }
.cronosWrap .in .cronosSlide #imgList2.active2 li.no2 .front {opacity:1; }
.cronosWrap .in .cronosSlide #imgList2.active2 li.no2 .back { opacity:0; }
.cronosWrap .in .cronosSlide #imgList2.active2 li.no3 {left:300px; top:30px; opacity:.4;}
.cronosWrap .in .cronosSlide #imgList2.active2 li.no3 .front {opacity:0; }
.cronosWrap .in .cronosSlide #imgList2.active2 li.no3 .back { opacity:1; }
.cronosWrap .in .cronosSlide #imgList2.active2 li.no4 {left:600px; top:30px; }
.cronosWrap .in .cronosSlide #imgList2.active2 li.no4 .front {opacity:0; }
.cronosWrap .in .cronosSlide #imgList2.active2 li.no4 .back { opacity:1; }
.cronosWrap .in .cronosSlide #imgList2.active3 li.no1 {left:-600px;top:30px; width:1161px; opacity:0;  }
.cronosWrap .in .cronosSlide #imgList2.active3 li.no1 .front {opacity:0; }
.cronosWrap .in .cronosSlide #imgList2.active3 li.no1 .back { opacity:1; }
.cronosWrap .in .cronosSlide #imgList2.active3 li.no2 {left:-300px; top:30px; opacity:.4; width:1161px;  }
.cronosWrap .in .cronosSlide #imgList2.active3 li.no2 .front {opacity:0; }
.cronosWrap .in .cronosSlide #imgList2.active3 li.no2 .back { opacity:1; }
.cronosWrap .in .cronosSlide #imgList2.active3 li.no3 {left:0px; top:50px; opacity:1; z-index: 10; width:1161px;}
.cronosWrap .in .cronosSlide #imgList2.active3 li.no3 .front {opacity:1; }
.cronosWrap .in .cronosSlide #imgList2.active3 li.no3 .back { opacity:0; }
.cronosWrap .in .cronosSlide #imgList2.active3 li.no4 {left:300px; top:30px; opacity:1; z-index: 10; width:1161px;}
.cronosWrap .in .cronosSlide #imgList2.active3 li.no4 .front {opacity:0; }
.cronosWrap .in .cronosSlide #imgList2.active3 li.no4 .back { opacity:1; }

.cronosWrap .in .cronosSlide #imgList2.active4 li.no1 {left:-700px;top:30px; width:1161px; opacity:0;  }
.cronosWrap .in .cronosSlide #imgList2.active4 li.no1 .front {opacity:0; }
.cronosWrap .in .cronosSlide #imgList2.active4 li.no1 .back { opacity:1; }
.cronosWrap .in .cronosSlide #imgList2.active4 li.no2 {left:-500px; top:30px; opacity:.4; width:1161px;  }
.cronosWrap .in .cronosSlide #imgList2.active4 li.no2 .front {opacity:0; }
.cronosWrap .in .cronosSlide #imgList2.active4 li.no2 .back { opacity:1; }
.cronosWrap .in .cronosSlide #imgList2.active4 li.no3 {left:-250px; top:30px; opacity:1; z-index: 10; width:1161px;}
.cronosWrap .in .cronosSlide #imgList2.active4 li.no3 .front {opacity:0; }
.cronosWrap .in .cronosSlide #imgList2.active4 li.no3 .back { opacity:1; }
.cronosWrap .in .cronosSlide #imgList2.active4 li.no4 {left:0px; top:50px; opacity:1; z-index: 10; width:1161px;}
.cronosWrap .in .cronosSlide #imgList2.active4 li.no4 .front {opacity:1; }
.cronosWrap .in .cronosSlide #imgList2.active4 li.no4 .back { opacity:0; }
.cronosWrap .in .cronosSlide .controls {position: absolute; left:50%; top:50%; width:1280px; z-index:10;  margin:-100px 0 0 -640px;  }
.cronosWrap .in .cronosSlide .controls a{position: absolute; text-indent:-999em; width:42px; height:80px;   }
.cronosWrap .in .cronosSlide .controls a.prev {left:0; background:url('/images/common/slidePrev.png') center no-repeat; display: none;}
.cronosWrap .in .cronosSlide .controls a.next {right:0; background:url('/images/common/slideNext.png') center no-repeat;}
.cronosWrap .in .textList { padding-top:600px;  }
.cronosWrap .in .textList ul { position: relative; padding-top:42px;  background:url('/images/common/slideTextBg.png') center top no-repeat; }
.cronosWrap .in .textList ul li {position: absolute;  top:42px; width: 100%; text-align: center;  transition:1s all; opacity:0; visibility:hidden; transform:translate(0,50px);}
.cronosWrap .in .textList ul li.active {opacity:1; visibility:visible; transform:translate(0,0);}
.cronosPop .popContent .btnClose{position: absolute; right: 0; top: -50px; z-index: 1;}

/* 202205 3주년 업데이트 팝업 */
.third_updatePop {position: fixed;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;}
.third_updatePop .worldWrap {height: auto;}
.third_updatePop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1;background: rgba(0,0,0,.7) url(/images/202201/update_pop2_bg.jpg) no-repeat left top; background-size: cover;; }
/*.third_updatePop .slick-vertical .slick-slide{height:100%;}*/
.third_updatePop .popContent{height: 100%;}
.third_updatePop.active {opacity:1; visibility:visible;  z-index: 999; }
.third_updatePop .worldWrap .in .textList {padding-top: 20px;}
.third_updatePop .worldWrap .in{position:relative; margin-top:unset; transform: scale(0.9);}
.third_updatePop .worldWrap .in .tit{margin-top:100px;}
/*
.third_updatePop .worldWrap .in .pop_item3 .tit{margin-top:150px;}
.third_updatePop .worldWrap .in .pop_item4 .tit{margin-top:125px;}
*/
.third_updatePop .worldWrap .in img{margin:0 auto;}
.third_updatePop .worldWrap .in .middle_img{margin-top:25px;}
.third_updatePop .worldWrap .in .line_img{margin-bottom:40px;}
.third_updatePop .worldWrap .in .bottom_img{margin-top:45px;}
.pop_nav{position: fixed; top: 200px; left: 210px; z-index: 999;}
.pop_nav .nav_line {position: absolute; top: -45px; left: 4px; z-index: -1;}
.pop_nav .list_sche .active_title{display: none;}
.pop_nav .list_sche.active .nomal_title {display: none;}
.pop_nav .list_sche.active .active_title{display: block;}
.pop_nav .list_sche.active .active_title{display: block;}
.pop_nav .list_sche .depth2_active_title{display: none;}
.pop_nav .list_sche .depth2_title.active .depth2_active_title{display: block;}
.pop_nav .list_sche .depth2_title.active .depth2_nomal_title{display: none;}

.pop_nav .pop_nav_2dep .li_on .active_img{display: none;}
.pop_nav .pop_nav_2dep .li_on.active .nomal_img {display: none;}
.pop_nav .pop_nav_2dep .li_on.active .active_img{display: block;}
/*.pop_nav .dep3_list1 .nomal_img {display: none;}*/
/*.pop_nav .dep3_list1.active .active_img{display: block;}*/
/*.pop_nav .dep3_list2 .nomal_img {display: none;}*/
/*.pop_nav .dep3_list2.active .active_img{display: block;}*/

/* .third_updatePop .worldWrap .in div[class^="item"]{width:100%; height:100%;} */
/*.third_updatePop .popContent .btnClose{position: absolute; right: 360px; top: 290px; z-index: 501;}*/
.third_updatePop .popContent .btnClose{position: absolute; right: 20%; top: 22%;width:7%;max-width:67px;min-width:30px; z-index: 501;}
.updateSlide {margin-top: 25px;}
/*202205 3주년 8월이벤트 추가*/
/*.third_updatePop .popContent {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:1400px;height:900px;border:1px solid red;}*/
.third_updatePop .popContent{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:1920px;height:1000px;z-index: 50;}
.slick-vertical .slick-slide{outline: none;}
/* 202205 3주년 이벤트 팝업 */
.third_eventPop {position: fixed;left: 0;top:0;width: 100%;height: 100%;opacity: 0;visibility: hidden;}
.third_eventPop .worldWrap {height: auto;}
.third_eventPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1;background: rgba(0,0,0,.7) url(/images/202201/update_pop2_bg.jpg) no-repeat left top; background-size: cover;; }
.third_eventPop .popContent{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:1920px;height:1000px;z-index: 50;}
.third_eventPop.active {opacity:1; visibility:visible;  z-index: 999; }
.third_eventPop .worldWrap .in .textList {padding-top: 20px;}
.third_eventPop .worldWrap .in{position:relative;  margin-top:unset; transform: scale(0.9);}
.third_eventPop .worldWrap .in .tit{margin-top:100px;height:897px;}
.third_eventPop .worldWrap .in img{margin:0 auto;}
.third_eventPop .worldWrap .in .middle_img{margin-top:25px;}
.third_eventPop .worldWrap .in .line_img{margin-bottom:40px;}
.third_eventPop .worldWrap .in .bottom_img{margin-top:45px;}
.third_eventPop .pop_nav{position: fixed; top: 220px; left: 210px; z-index: 999;}
.third_eventPop .pop_nav .nav_line {position: absolute; top: -90px; left: 4px; z-index: -1;}
.third_eventPop .pop_nav .list_sche .active_title{display: none;}
.third_eventPop .pop_nav .list_sche.active .nomal_title {display: none;}
.third_eventPop .pop_nav .list_sche.active .active_title{display: block;}
.third_eventPop .pop_nav .li_on .active_img{display: none;}
.third_eventPop .pop_nav .li_on.active .nomal_img {display: none;}
.third_eventPop .pop_nav .li_on.active .active_img{display: block;}
/* .third_eventPop .worldWrap .in div[class^="item"]{width:100%; height:100%;} */
/*.third_eventPop .popContent .btnClose{position: absolute; right: 360px; top: 290px; z-index: 501;}*/
.third_eventPop .popContent .btnClose{position: absolute; right: 20%; top: 22%;width:7%;max-width:67px;min-width:30px; z-index: 501;}


/*20200925 팝업추가*/
.reservationPop {position: fixed; left:0; top:0; width: 100%; height: 100%;  opacity:0; visibility:hidden; }
.reservationPop .bg{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1;background: rgba(0,0,0,.7);}
.reservationPop .popContent{height: 100%;}
.reservationPop.active {opacity:1; visibility:visible;  z-index: 999; }
.reservationPop .in {position:absolute; left:0; width: 100%; top:50%; margin-top:-350px;; z-index: 30; text-align: center;}
.reservationPop .in .popCont{position:absolute;top:100px;left:50%;width:591px;height:594px;margin-left:-295px;}
.reservationPop .popContent .btnClose{position: absolute; right: 30px; top: 30px; z-index: 1;}
.hiddenPaging {position: absolute; left:0; bottom:46px; width: 100%; text-align: center; z-index: 30;}
.hiddenPaging span {display: inline-block; width: 31px; height: 40px; text-indent:-999em;  cursor:pointer;}
.hiddenPaging span.no1 {background:url('/images/common/paging01.png') center no-repeat;}
.hiddenPaging span.no2 {background:url('/images/common/paging02.png') center no-repeat; margin:0 10px;}
.hiddenPaging span.no3 {background:url('/images/common/paging03.png') center no-repeat; margin-right :10px;}
.hiddenPaging span.no4 {background:url('/images/common/paging04.png') center no-repeat;}
.hiddenPaging span.no1.active {background:url('/images/common/paging01_on.png') center no-repeat;}
.hiddenPaging span.no2.active {background:url('/images/common/paging02_on.png') center no-repeat;}
.hiddenPaging span.no3.active {background:url('/images/common/paging03_on.png') center no-repeat;}
.hiddenPaging span.no4.active {background:url('/images/common/paging04_on2.png') center no-repeat;}
.worldPop .popContent .btnClose{position: absolute; right: 0; top: -50px; z-index: 1;}
/*20220726*/
.section04 .intro_notice{position: absolute;top:740px;width:100%;text-align: center;}


.section05{background: url(/images/bg/bgSection5.jpg); background-size: cover; }
.section05 .secContent{position: absolute; left: 50%; top: 50%; margin-left: -574px; margin-top: -376px; text-align: center;}
.section05 .boxAlignCenter{display: block; margin-top: 100px;}
.section05 .boxAlignCenter .items{display: inline-block; margin: 0 15px; width: 255px; height: 393px; 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(/images/common/secMediaBox01.png);}
.section05 .boxAlignCenter .items.tp1{background-image: url(/images/common/secMediaBox02.png);}
.section05 .boxAlignCenter .items.tp2{background-image: url(/images/common/secMediaBox03.png);}
.section05 .boxAlignCenter .items.tp3{background-image: url(/images/common/mediaUpdate.png);}
.section05 .boxAlignCenter .items.tp0:after{background-image: url(/images/common/secMediaBox01Hover.png);}
.section05 .boxAlignCenter .items.tp1:after{background-image: url(/images/common/secMediaBox02Hover.png);}
.section05 .boxAlignCenter .items.tp2:after{background-image: url(/images/common/secMediaBox03Hover.png);}
.section05 .boxAlignCenter .items.tp3:after{background-image: url(/images/common/mediaUpdateHover.png);}
.section05 .boxAlignCenter .items:hover:after{opacity: 1;}
.section05 .btnGoogle{display: inline-block; margin-top: 45px;}


.section06:nth-of-type(1){background: url(/images/202201/event_bg1.png) no-repeat; background-size: cover; }
.section06:nth-of-type(2){height: 142vh; background: url(/images/202201/event_bg2.jpg) no-repeat; background-size: cover;}
.section06 .secContent{position: absolute; left: 50%; top: 50%; margin-left: -685px; margin-top: -398px; text-align: center; min-width: 1370px;}
.section06:nth-of-type(2) .secContent{top: 34%;}
.section06 .boxAlignCenter{display: block; margin-top: 30px; min-width: 1225px;}
.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: 30px;}


.section.section07{background: url(/images/bg/bgSection7.jpg); background-size: cover; min-height: 800px; height: 150vh; max-height: 1280px;}
.section07 .secContent{position: absolute; left: 50%; top: 50%; margin-left: -612px; margin-top: -491px; text-align: center;}
.section07 .boxAlignCenter{display: block; margin-top: 30px; min-width: 1225px;}
.section07 .boxAlignCenter .items{display: inline-block;}
.section07 .btnCbt{display: inline-block; margin-top: 35px;}
.section07 .section07Txt{display: block; text-align: center; margin-top: 30px;}




.sectionWrap.overlb{height: 100vh; overflow: hidden;}
.section.section08{background: url(/images/bg/bgSection8.jpg); background-size: cover; min-height: 800px;}
.section08 .secContent{position: absolute; left: 50%; top: 50%; margin-left: -540px; margin-top: -405px; text-align: center;}
.section08 .reserTitle{display: block; text-align: center;}
.section08 .reserTitle2{display: inlie-block; text-align: center; position: relative; margin-top: -35px;}
.section08 .reserTitle2 .tncs{position: absolute; right: 52px; top: 59px; width: 170px; height: 27px;}
.section08 .btnReserTitle22{margin-top: -80px;}
.section08 .reserSubTitle2{text-align: center;}
/*.section08 .reserSubTitle2Chk{display: inline-block; min-width: 420px; margin-top: 20px;}202008*/
.section08 .reserSubTitle2Chk{display:block; min-width: 504px; width:504px; margin: 10px auto 0; text-align:left;}/*202008*/
.section08 .reserSubTitle2Chk_202008 label {background-size:360px auto;}
.section08 .reserSubTitle2Chk_2020082 {display:block; min-width:504px; font-size:0; margin-top: 20px; vertical-align:top;}
.section08 .reserSubTitle2Chk_2020082 label {background:url(/images/common/reserSubTitle2Chk_202008.png) no-repeat 34px center; background-size:337px auto; display:inline-block; width:337px;  vertical-align:middle;}
.section08 .reserSubTitle2Chk_2020082 .reserSubTitle2Chk_2020082_btn {display:inline-block; width:117px; height:25px; background:url(/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%); z-index:9999; display:none;}
.reserSubTitle2Chk_2020082_pop .pop_close {position:absolute; left:50%; bottom:30px; transform:translate(-50%, 0); display:block; width:196px;}
.head #btn-topbanner202008.cbtTopBanner {width:280px; height:201px; left:30px; top:275px; background:url("/images/common/reservation-square-box_2_200922.png") no-repeat left top; pointer-events:none;}
.head #btn-topbanner202008.show {transform: translateY(0%);}

.section.section09{background: url(/images/bg/bgSection9.jpg); background-size: cover; min-height: 1150px;}
.section09 .secContent{position: absolute; left: 50%; top: 140px; margin-left: -417px; text-align: left; max-width: 830px; transform-origin: center top;}
.nickNameSlideWrap{min-height: 800px;}
.serverLst{text-align: center; display: block; font-size: 0; margin-top: 10px; text-align: left;}
.serverLst .lst{margin: -5px; font-size: 0; max-width: 800px; display: inline-block; width: 100%; position: relative; text-align: center;}
.serverLst .lst.dumy{position: relative;}
.serverLst .lst:after{content: ''; width: 100%; height: 106px; background: url(/images/common/openready2.png) no-repeat center center; position: absolute; left: 0; bottom: -80px;}
/* .serverLst .lst.dumy:before{content: ''; width: 100%; height: 100%; background: url(/images/common/openready.png) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 1;} */
.serverLst .lst .tp{display: inline-block; width: 25%; vertical-align: top; padding: 5px;}
.serverLst .lst .tp:first-child {margin-right:30px;}
/* .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{display: block; text-align: center; height: 63px;  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;}
.serverLst .lst .tp.tp4:last-child{}
.serverTitle2{margin-top: 70px;}
.serverTitle2Lst{font-size: 0; text-align: center; display: block;}
.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: 1px; 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,.serverTitle2Lst .lst .tp.tp0:hover .txt{background-image: url(/images/common/serverChaCho01Active.png?v=1);}
.serverTitle2Lst .lst .tp.tp1.active .txt,.serverTitle2Lst .lst .tp.tp1:hover .txt{background-image: url(/images/common/serverChaCho02Active.png?v=1);}
.serverTitle2Lst .lst .tp.tp2.active .txt,.serverTitle2Lst .lst .tp.tp2:hover .txt{background-image: url(/images/common/serverChaCho03Active.png?v=1);}
.serverTitle3{}
.serverTitle3Box{border-radius: 10px; background: rgba(0,0,0,0.3); border: 1px solid #7c7b7d; padding: 25px 0; text-align: center; margin-top: 30px;}
.serverTitle3Box .inn{display: inline-block; text-align: left; min-width: 600px;}
.serverTitle3Box .fom{position: relative; padding-right: 140px;}
.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: 10px 0; color: #fff; width: 90%; outline: none !important;}
.serverTitle3Box .fom .stbBtn{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.serverTitle3BoxTxt{margin-top: 20px;}
.section09 .secContent .btnwrap{text-align: center; margin-top: 35px;}


.section01 .mainLogo{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px); margin-top:281px; margin-bottom: 200px; text-align: center; padding-left: 0px;}
.section01 .mainLogo .app_store {position:relative; z-index: 10; margin-top: 110px;}
.tw .section01 .mainLogo .app_store {position:relative; z-index: 10; margin-top: -220px;}
.section01 .mainLogo .app_store a:nth-child(2) {margin: 0 15px;}
.section01 .mainLogo .app_store a:nth-child(3) {margin-right: 15px;}
.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); text-align: center; width: 1320px; margin-bottom: 60px;}
.section04.active .btnIntro{position: absolute; 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);}
.section07 .section07Title{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section07 .section07Txt{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section07 .boxAlignCenter{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section07 .btnCbt{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section07.active .section07Title{opacity: 1; transform: translate(0,0);}
.section07.active .section07Txt{opacity: 1; transform: translate(0,0);}
.section07.active .boxAlignCenter{opacity: 1; transform: translate(0,0);}
.section07.active .btnCbt{opacity: 1; transform: translate(0,0);}
.section10{background: url(/images/bg/bgSection10.jpg); background-size: cover;;}
.section10 .cha003{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateX(50px); position: absolute; right: 90px; bottom: 0; transform-origin: right bottom;}
.section10 .battleBg{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateX(50px); position: absolute; right: 90px; bottom: 0; transform-origin: right bottom;}
.section10.active .cha003{opacity: 1; transform: translate(0,0);}
.section10 .battleItem{margin-top: 60px; display: inline-block; position: relative;}
.section10 .battleItem:after{content: ''; width: 733px; height: 574px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(/images/common/battleItemHover.png) no-repeat center center; margin-left: 30px; margin-top: 35px; opacity: 0; transition: opacity .3s;}
.section10 .battleItem:hover:after{opacity: 1;}

.section10 .battleUpdateItem{margin-top: 60px; display: inline-block; position: relative;}
.section10 .battleUpdateItem:after{content: ''; width: 733px; height: 574px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(/images/common/btn_battle_hover.png) no-repeat center center; margin-left: 0px; margin-top: 0px; opacity: 0; transition: opacity .3s;}
.section10 .battleUpdateItem:hover:after{opacity: 1;}

/*.section10 .secContent{position: absolute; left: 50%; top: 50%; width: 1178px; text-align: center; height: 760px; margin-left: -849px; margin-top: -410px; transform-origin: right center;}*/
.section10 .secContent{position: absolute; left: 50%; top: 50%; width: 1178px; text-align: center; height: 760px; margin-left: -600px; margin-top: -410px; transform-origin: right center;}
.section10 .battle{margin-top: 40px;}



.section11{background: url(/images/bg/bgSection11.jpg); background-size: cover;;}
.section11 .battle{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(-50px);}
.section11.active .battle{opacity: 1; transform: translate(0,0);}
.section11 .catLst{margin-top: -260px; opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateY(50px);}
.section11.active .catLst{opacity: 1; transform: translate(0,0);}
.section11 .catLst .tp{display: inline-block; vertical-align: top; position: relative;}
.section11 .catLst .tp+.tp{margin-left: 6px;}
.section11 .catLst .tp .bf{}
.section11 .catLst .tp .af{position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .4s;}
.section11 .catLst .tp:hover .af{opacity: 1;}
.section11 .secContent{position: absolute; left: 50%; top: 50%; width: 1438px; text-align: center; height: 760px; margin-left: -719px; margin-top: -510px; transform-origin: center center;}




.head .in h1,
.head .cbtTopBanner,
.head .cbtTopBannerGameDownload,
.head .btnTopCafe,
.head .btnTopYoutube,
.head .btnTopWorldMovie,
.head .btnTopTra,
.head .btnTopNick,
.head .btnTop001,
.head .btnTop002,
.head .btnEpisodeTeasor,
.head .btnEpisode2,
.head .btnEpisode,
.head .epi4,
.head .btn_share_202201,
.head .galaxy_banner,
.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 .btnTopTra{opacity: 0; transform: scale(0);}
.head .btnTopNick{opacity: 0; transform: scale(0);}
.head .btnTopWorldMovie{opacity: 0; transform: scale(0);}
.head .btnTopReser{opacity: 0; transform: scale(0);}
.head .btnTop001{opacity: 0; transform: scale(0);}
.head .btnTop002{opacity: 0; transform: scale(0);}
.head .btnEpisodeTeasor{opacity: 0; transform: scale(0);}
.head .btnEpisode2{opacity: 0; transform: scale(0);}
.head .btnEpisode{opacity: 0; transform: scale(0);}
.head .epi4{opacity: 0; transform: scale(0);}
.head .btn_share_202201{opacity: 0; transform: scale(0);}
.head .galaxy_banner{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 .btnTopYoutube{opacity: 1; transform: scale(1);}
body.load .head .btnTopTra{opacity: 1; transform: scale(1);}
body.load .head .btnTopNick{opacity: 1; transform: scale(1);}
body.load .head .btnTopWorldMovie{opacity: 1; transform: scale(1);}
body.load .head .btnTop001{opacity: 1; transform: scale(1);}
body.load .head .btnTop002{opacity: 1; transform: scale(1);}
body.load .head .btnEpisodeTeasor{opacity: 1; transform: scale(1);}
body.load .head .btnEpisode2{opacity: 1; transform: scale(1);}
body.load .head .btnEpisode{opacity: 1; transform: scale(1);}
.head .btnReservation2 {transition: opacity .5s, transform .8s;}
.head .btnReservation2{opacity: 0; transform: scale(0);}
body.load .head .btnReservation2{opacity: 1; transform: scale(1);}
body.load .head .epi4 {opacity: 1; transform: scale(1); margin-top: 20px;}
body.load .head .btn_share_202201{opacity: 1; transform: scale(1);}
body.load .head .galaxy_banner {opacity: 1; transform: scale(1);}




.btnArrow {position: absolute; left:0; bottom:0; width: 100%; z-index: 100; text-align: center; animation-name:btnArrow;  animation-duration: .5s;  animation-iteration-count: infinite; animation-direction: alternate; z-index: 1;}
.btnArrow a {display: inline-block; text-indent:-999em; width: 150px; height:70px; animation-name:arrow;  animation-duration: .5s;  animation-iteration-count: infinite; animation-direction: alternate;}
.btnArrow a em {position: absolute; left:0; top:0; width: 100%; height: 100%; background:url('/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('/images/common/arrow_on.png') center center  no-repeat; animation-name:btnArrow;  animation-duration: 1s;  animation-iteration-count: infinite; animation-direction: alternate;}

@keyframes btnArrow {
    from  {opacity:1;}
    to {opacity:1;}
}
@keyframes arrow {
    from  {transform:translate(0,-10px);  }
    to {transform:translate(0,0);;}
}



.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 .cstSelect2{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; opacity: 0; z-index: 2;}
.customSelectWrap .cstSelect2: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: 8px; top: 0; background: url(/images/202205/popup/010.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;}

.reserSubTitle2Chk input[type="checkbox"]{position: absolute; left: -9999em;}
.reserSubTitle2Chk label{position: relative; padding-left: 0; display: block; height: 25px; background: url(/images/common/reserSubTitle2Chk2_202008.png) no-repeat 34px center;}
.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);}

.lightsoul_pop{position: relative; width: 1307px; height: 882px; /*background: url(/images/common/light_soul2021.png) no-repeat left top; padding-top: 50px;*/}
.lightsoul_pop .btnWrap{position: absolute; bottom:50px; left:50%; transform: translateX(-50%);}
.gift_pop .btnWrap{position: absolute; top:38px;right:21px;}

.reserve_ty_pop{position: relative; width: 1307px; height: 962px; /*background: url(/images/common/light_soul2021.png) no-repeat left top; padding-top: 50px;*/}
.reserve_ty_pop .btnWrap{position: absolute; bottom:50px; left:50%; transform: translateX(-50%);}

.secPhonePopWrap{width: 759px; height: 549px; background: url(/images/202205/popup/pop2_bg.png) no-repeat center; padding-top: 50px;}
.secPhonePopWrap .spIn{}
.secPhonePopWrap .spIn .spTp{margin-top: 10px; margin-bottom: 25px;}
.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; top: 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;}
.secServerComp{width: 600px; height: 660px; background: url(/images/common/secServerCompCompBg.png?v=1) no-repeat left top; padding-top: 40px;}
.cont043 .secServerComp{width:730px; height: 660px; background: url(/images/common/secServerCompCompBg2.png?v=1) 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: 26px;}
.secServerComp .sscMd .lst .tp+.tp{margin-top: 7px;}
.secServerComp .sscMd .lst .tp:after{content: ''; display: block; background: no-repeat left top; position: absolute; left: 0; top: 0; height: 26px; width: 100%;}
.secServerComp .sscMd .lst .tp.tp0:after{background-image: url(/images/common/secServerCompTp0.png);}
.secServerComp .sscMd .lst .tp.tp1:after{background-image: url(/images/common/secServerCompTp1.png);}
.secServerComp .sscMd .lst .tp.tp2:after{background-image: url(/images/common/secServerCompTp2.png);}
.secServerComp .sscMd .lst .tp.tp3:after{background-image: url(/images/common/secServerCompTp3.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: -63px; top: -41px; z-index: 1; cursor: pointer;}
.secServerComp .sscMd .lst .tp.tp4:before{content: ''; width: 100px; height: 64px; background: url(/images/common/click.png) no-repeat left top; position: absolute; right: -63px; top: -41px; z-index: 1; cursor: pointer;}
.secServerComp .sscMd .lst .tp.tp3.active .txt{visibility: hidden;}
.secServerComp .sscMd .lst .tp.tp4.active .txt{visibility: hidden;}
.secServerComp .sscMd .lst .tp .txt{background: #a50707; display: block; line-height: 35px; color: #fff; font-size: 23px; text-align: center; font-weight: bold; min-height: 35px;}
.secServerComp .sscMd.tp2{text-align: left; padding-left: 30px;}
.secServerComp .sscMd.tp2 .lst{display: inline-block; width: 158px; 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_archer.png?v=1); height: 691px;}
.secServerComp .sscMd .img{text-align: left; margin-top: 10px; margin-left: -21px;}
.secServerComp.complete .sscMd{padding-bottom: 15px;}
.secChaSeverInfo{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;}

.cmmScrBoxWrap{height: 138px; display: block; width: 100%; padding-top: 27px; max-width: 718px; margin-left: auto; margin-right: auto; position: relative;}
.cmmScrBoxWrap .hd{position: absolute; left: 28px; top: 0;}
.cmmScrBoxWrap .cmmScrBoxIn{background: rgba(0,0,0,.5); padding: 18px 22px 6px;}
.cmmScrBoxWrap .cmmScrBoxIn .cmmScrBoxIst{overflow-y: auto;height: 80px}
/* 202209추가 팝업 */
.contentPop .cont .btnWrap{position:absolute;bottom:95px;text-align:center;width:100%;}
.contentPop .cont10 .btnWrap{position:absolute;bottom:110px;text-align:center;width:100%;}
.contentPop .cont10 .btnWrap a{display:inline-block;margin:0 3px;}
.contentPop .cont12 .btnWrap {bottom:70px}

.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;}





.slideWrapCard {position: fixed; left:0; top:0; width: 0; height: 0;  z-index:0; opacity:0; visibility: hidden;}
.slideWrapCard.active{ opacity:1; visibility: visible; width: 100%; height: 100%; z-index:999;}
.slideWrapCard.firstIn .carousel-3d-slide {transition-duration:0ms !important;}
.slideWrapCard .slideWrapCardInner{position: absolute; left:50%; top:50%; width:1520px; height: 980px; margin:-490px 0 0 -760px; z-index:50;}
.slideWrapCard .backBg{position:fixed; left:0; top:0;width: 100%; height: 100%; z-index:10; background:rgba(0,0,0,.75);}
.slideWrapCard .carousel-3d-container {margin:0;}
.slideWrapCard .carousel-3d-slide {background:none; overflow:hidden;}
.slideWrapCard .carousel-3d-slide svg{position: absolute; left:0; top:0; width: 100%; height: 100%;}
.slideWrapCard .carousel-3d-slide:before {content:''; position: absolute; left:0; top:0; width:100%; height: 100%; background:rgba(0,0,0,.85); z-index: 10; }


.slideWrapCard .carousel-3d-slide.current:before {background:none;}
.slideWrapCard .carousel-3d-slide.current:after {content:''; position: absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #d1bd93}
.slideWrapCard .carousel-3d-slide.current image  {filter:none}

.slideWrapCard .carousel-3d-controls a{position: absolute; top:50%; margin-top:-30px;  width: 37px !important; height:60px !important;}
.slideWrapCard .carousel-3d-controls a span {display: none;}
.slideWrapCard .carousel-3d-controls a.next {right:60px; background:url('../images/spNext.png') no-repeat;}
.slideWrapCard .carousel-3d-controls a.prev {left:60px; background:url('../images/spPrev.png') no-repeat;}
.slideWrapCard .btnSpClose {position: absolute; left:50%; top:0; margin-left:360px; text-indent:-999em;  background:url('../images/spClose.png') no-repeat; width:50px; height: 50px; z-index: 10;}

.sp-controls {padding-top: 600px;text-align: center;}
.sp-controls a {display: inline-block; margin:0 30px; width: 130px; background:yellow; font-size: 30px; text-align: center;}












@media all and (min-height:1231px) and (max-height:1441px) {
/*    .third_updatePop .worldWrap .in,*/
/* .third_eventPop .worldWrap .in {padding-top: 13%;}*/
    .userPop .popContent {top:15%;}
    .userPop .popContent .btnClose {top: -5px; right: 70px;}

}

@media all and (min-height:1100px) and (max-height:1230px) {
/*    .third_updatePop .worldWrap .in,*/
/*    .third_eventPop .worldWrap .in {padding-top: 13%;}*/
    .userPop .popContent {top:10%;}
}

@media all and (min-width:2048px) and (max-width:2327px){
/*    .third_updatePop .worldWrap .in {top:-15%; }
    .third_eventPop .worldWrap .in {top:-15%; }*/
    .userPop .popContent {top:5%;}
    .userPop .popContent .btnClose {top: 60px; right: 50px;}
}
@media all and (max-height:860px) {
    .third_updatePop .worldWrap .in,
    .third_eventPop .worldWrap .in,
    .worldWrap .in {transform:scale(.8); transition:.3s all;}
}
@media all and (max-width:1750px) and (min-height: 861px){
    .section10 .secContent{margin-left: -689px;}
    .section10 .cha003{right: -100px;}
}
@media all and (max-width:1350px) and (min-height: 861px){
    .section10 .secContent{margin-left: -589px;}
    .section10 .secContent{transform-origin: center center;}
}
@media all and (max-height:780px) {
    .worldWrap .in {transform:scale(.7);}
    .third_updatePop .worldWrap .in {transform:scale(.7); padding-top: 0% !important; }
    .third_eventPop .worldWrap .in {transform:scale(.7); padding-top: 0% !important; }
    .section.section09{min-height: 900px;}
    .section09 .secContent{transform-origin: center top; top: 110px;}
}
@media all and (max-height:700px) {
    .worldWrap .in {transform:scale(.6); }
    .charactorPop .popContent .items .cha{top: 0; bottom: auto;}
    .charactorPop .popContent .chaBg{bottom: 30px;}
    .worldPop{overflow-y: auto;}
    .introPop{overflow-y: auto;}
    .section08 .secContent{margin-top: -400px;}

}
/* @media all and (min-width:1921px) {
    .charactorPop .popContent .controls .btnw{margin-top: 170px; left: 260px;}
}
@media all and (max-width:1536px) {
    .charactorPop .popContent .controls .btnw{margin-top: 170px; left: 260px;}
} */

.timer26show{display: none !important;}
.section01 .mainBtnWrap .mainBtnReserBig.timer26show{background-image: url(/images/common/mainBtnReserBigTp26.png);}
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.timer29show{background-image: url(/images/common/mainBtnReserBigTp29.png);}
.section01 .mainBtnWrap .mainBtnReserBig.timer28show{background-image: url(/images/common/mainBtnReserBigTp29.png);}
.section01 .mainBtnWrap .mainBtnReserBig.timer28show{background-image: url(/images/common/mainBtnReserBigTp28.png);}
.section01 .mainBtnWrap .mainBtnReserBig.timer28show{background-image: none; position: relative;}
/*.section01 .mainBtnWrap .mainBtnReserBig.timer28show:after{content: ''; width: 916px; height: 352px; background: url(/images/common/mainBtnReserBigTp1004.png) no-repeat center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}*/
.section01 .mainBtnWrap .mainBtnReserBig.timer28show:after{content: ''; width: 916px; height: 352px; background: url(/images/common/mainBtnReserBigSiegeWar.png) no-repeat center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
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;}
body.timer28 .contentPop .cont01 .lst{margin: 0 -135px; margin-top: 10px;}
body.timer28 .contentPop .cont01 .lst .tp{width: 16.6666%;}

@media only screen and (min-width: 2500px){
    .section10 .secContent{margin-left: -589px;}
}

@media only screen and (min-width: 1921px) and (min-height: 960px){
    .battlepop .popContent{top: 50%; margin-top: -490px;;}
    .battleUpdatePop .popContent{top: 50%; margin-top: -490px;;}
}

/*새로 추가*/
.btn-battle-close {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 45px;
    right: 171px;
    cursor: pointer;
}
.test-div {
    width: 100%;
    /*background: url(/images/common/btn_episode.png) ;*/
    margin-top:-200px;
}
.test-text {
    font-size: 146px!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');*/

}


.ie-text {
    font-size: 155px!important;
    font-weight: 900;
    background: none;
    color: yellow;
}
/*새로 추가*/

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

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

.won img {
    width: 130px;
    margin-top: 230px;
    margin-right: 10px;
    float: right;
}


.main-text img {
    width: 105%;
}

.main-sub-text {
    width: 100%;
    position: absolute;
    top:400px;
}

.main-light {
    position: absolute;
    top:80px;
}

/*billible 2020.03.11 메인 - START*/
.head {opacity: 0;}
.head .cbtTopBanner{position: absolute; left: 0px; top: 89px; width: 280px; height: auto;z-index:100;}
/* top: 300px; */
.head .cbtTopBanner.tp7{background-image: url(/images/main/main-top-banner-pc.png);  left: 30px;}
/*.head .cbtTopBanner.tp4{background-image: url(/images/common/reservation-square-box.png);  left: 30px;}*/
/* .head .cbtTopBanner.tp4{background-image: url(/images/common/reservation-square-box_202008.png);  left: 30px;}202008 */
/* .head .cbtTopBanner.tp4{background-image: url(/images/common/reservation-square-box_2_200922.png);  left: 30px; height:171px; pointer-events:none;}202008 */
.head .cbtTopBanner.tp3{background: url(/images/202209/main/banner_left2_2.png) no-repeat;  left: 30px; top:319px; height:210px;}/*202009*/
.head .cbtTopBanner.tp4{background: url(/images/202209/main/banner_left1.png) no-repeat; left: 30px;top:0px; height:287px;}/*202009*/
.head .cbtTopBanner.tp5{background: url(/images/common/pre_character_banner.png); top: 90px; left: 30px; height: 200px;}
.head .cbtTopBanner.tp4_1{background: url(/images/main/202210/left_banner_end.png) no-repeat;  left: 30px; top:0; height:202px;}/*202210*/
.head .cbtTopBanner.tp4_2{background: url(/images/main/202210/left_banner_update_after.png) no-repeat; left: 30px;top:0px; height:202px;}/*202210*/
.head .rightBtns {position: absolute;right: 43px;top: 30px;}
/*.head .rightBtns .btnReservationTeasor{display: block; background: no-repeat left top; width: 217px; height: 55px;background-image: url(/images/common/btnReservationTeasor.png);}*/
/*.head .rightBtns .btnReservationTeasor{display: block; background: no-repeat left top; width: 217px; height: 55px;background-image: url(/images/common/btnReservationTeasor_20200827.png);}*/
/*.head .rightBtns .btnReservationTeasor{display: block; background: no-repeat left top; width: 217px; height: 55px;background-image: url(/images/common/btnTop003.png);}!*20200925 수정*!*/
/*.head .rightBtns .btnReservationTeasor{display: block; background: no-repeat left top; width: 217px; height: 55px;background-image: url(/images/common/btnTop003_20201208.png);}20201208 수정*/
.head .rightBtns .btnReservationTeasor{display: block; background: no-repeat left top; width: 217px; height: 55px;background-image: url(/images/202209/main/main_btn3.png);}/*20210129 수정*/
.head .rightBtns .btnReservation2{display: block; background: no-repeat left top; width: 217px; height: 55px;background-image: url(/images/common/btnTop3_20210129.png); }/*20210129 수정*/
.head .rightBtns .btnReservationTeasor3{display: block; background: no-repeat left top; width: 217px; height: 55px;background-image: url(/images/common/btnTop4_20210129.png);}/*20210129 수정*/
.head .rightBtns .btnReservationTeasor4{display: block; background: no-repeat left top; width: 217px; height: 55px;background-image: url(/images/202209/main/main_btn2.png);}/*20210129 수정*/
.head .rightBtns .btnReservationTeasor5{display: block; background: no-repeat -9px top; width: 263px; height: 337px;background-image: url(/images/202209/main/banner_right2.png); margin-top:27px;}/*20210129 수정*/
.head .rightBtns .btnReservationTeasor5:hover{outline: none;}/*20210129 수정*/
.head .rightBtns .epi4 {display: block; background: no-repeat center; width: 217px; height: 314px; background-image: url(/images/202205/main/main_floating3.png);}
.head .rightBtns .epi4:hover {border: none; outline: none;}
.head .rightBtns .btn_share_202201 {display: block; background: no-repeat left top; width: 217px; height: 55px; background-image: url(/images/202201/images/main_share_btn202201.png);}
.head .rightBtns .galaxy_banner {display: block; background: no-repeat left top; width: 217px; height: 206px; background-image: url(/images/main/galaxy_banner_20220110.png);}
.head .rightBtns .galaxy_banner:hover {border: none; outline: none;}

/*.head .rightBtns .btnReservationTeasor:hover ,.head .rightBtns .btnEpisodeTeasor:hover{outline: none;}*/
/*.head .rightBtns .btnReservationTeasor:hover */.head .rightBtns .btnEpisode:hover{outline: none;}
.head .logo-wrap{max-width: 1920px; height: auto; margin: auto; position: relative;}
.head .mini-logo{width: 172px; height: 79px; position: absolute; /*left: 50%; transform: translateX(-50%);*/ top: 0; background-image: url(/images/year1/pc/kr/logo.png?v=1); background-repeat: no-repeat;background-position: center center;}
.jp .head .mini-logo{background-image: url(/images/year1/pc/jp/logo.png?v=1);}
.tw .head .mini-logo{background-image: url(/images/global/tw/global_mini_logo2.png);}

.head .btnReservationTeasor {transition: opacity .5s, transform .8s;}
.head .btnReservationTeasor{opacity: 0; transform: scale(0);}

/*.head .gnb .lst .tp:before{content: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/images/gnb/gnbMouseHover.png) no-repeat center center;}*/
.head .gnb .lst .tp .txt{width: 186px; height: 78px; background: no-repeat center center; position: relative; display: block;}
.head .gnb .lst .tp.tp11 .txt{background-image: url(/images/202201/reservation_txt.png);}
body[data-current-section="11"] .head .gnb .lst .tp.tp11 .txt{background-image: url(/images/202201/reservation_txt_hover.png);}
body[data-current-section="11"] .head .gnb .lst .tp.tp11:before{content: '';}
body[data-current-section="11"] .head .cbtTopBanner.tp4 {display: none;}
body[data-current-section="11"] .head .cbtTopBanner.tp3 {display: none;}/*20200925*/
body[data-current-section="11"] .head .logo-layout{display: none;}/*20200925*/

/*body[data-current-section="11"] .head .cbtTopBanner.tp5 {display: none;}*/
body[data-current-section="11"] .head .cbtTopBanner.tp5 { top:780px; left: 70px;}


body.load .head,body.load .head .btnReservationTeasor{opacity: 1; transform: scale(1);}
.section01 .mainLogo{opacity: 0;  transition: opacity .9s, transform 1.3s; transform: translateY(129px);width: 1088px;margin: 0 auto 50px; text-align: center; padding-left: 0px;}
.section01 .mainLogo .b-main-logo{margin-bottom:20px;}
/*.section01 .mainLogo{opacity: 0;  transition: opacity .9s, transform 1.3s; transform: translateY(129px);width: 1088px;margin: 0 auto 50px; text-align: center; padding-left: 0px;}
.section01 .mainLogo .b-main-logo{margin-bottom:20px;}*/
.section01 .mainLogo .main-title2{position:relative;width:1622px;height:420px;margin-left:-267px;margin-top:-130px;}
/*.section01 .mainBtnWrap .mainBtnReserBig.timer202003show:after{content: ''; width: 736px; height: 156px; background: url(/images/main/main-reservation-button.png) !*background: url(/images/main/mainBtnReserBigTp1.png)*! no-repeat center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}*/
/*.section01 .mainBtnWrap .mainBtnReserBig.timer202003show:after{content: ''; width: 736px; height: 156px; background: url(/images/common/main-reservation-button_202008.png) !*background: url(/images/main/mainBtnReserBigTp1.png)*! no-repeat center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}*/
.section01 .mainBtnWrap .mainBtnReserBig.timer202003show:after{content: ''; width: 736px; height: 156px; background: url(/images/common/main-reservation-button_20200818.png) /*background: url(/images/main/mainBtnReserBigTp1.png)*/ no-repeat center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp4 .contr .slick-dots li:nth-child(2){background-image: url(/images/common/popContTitleNav05ContrPage02.png?v=1);}
.popContSlideWrap .popContSlideCont .popContSlideArea.tp4 .contr .slick-dots li:nth-child(2).slick-active{background-image: url(/images/common/popContTitleNav05ContrPage02Active.png?v=1);}
.charactorPop .popContent .items.tp3 .chaBg{width: 1453px;}
.charactorPop .popContent .items.tp3 .cha{right: -273px;}
.charactorPop .popContent .items.tp5 .cha{right: -100px;}
@media (max-width: 1150px) {.charactorPop .popContent {transform: translateX(0%);}}
/* YANG */
.reservation .sectionWrap::-webkit-scrollbar {display: none;}
.reservation .sectionWrap {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
.reservation .sectionWrap {height: 100vh;    overflow: scroll;/*overflow: hidden;*/}
.reservation .left-nav-area{width: 300px;left: 42px;position: fixed;top: 50%;z-index: 499;transform: translateY(-50%);margin-top: 36px;}
.reservation .left-nav-area>img{margin-left: 20px;}
.reservation .left-nav-area .nav-mane-box{position: absolute; left: 24px; top: 10%;}
.reservation .left-nav-area .nav-manu{width: 310px;height: 64px;background-repeat: no-repeat;margin-bottom: 100px;cursor:pointer; margin-left: -33px;}
.reservation .left-nav-area .nav-manu:nth-child(1){background: url(/images/202209/reservation/menu1_off.png) no-repeat 8px center;}
.reservation .left-nav-area .nav-manu:nth-child(2){background: url(/images/202209/reservation/menu2_off.png) no-repeat 8px center;}
/* .reservation .left-nav-area .nav-manu:nth-child(3){background: url(/images/202205/reservation/menu3_off.png) no-repeat 9px center; }
.reservation .left-nav-area .nav-manu:nth-child(4){background: url(/images/202205/reservation/menu4_off.png) no-repeat 9px center;}
.reservation .left-nav-area .nav-manu:nth-child(5){background: url(/images/202205/reservation/menu5_off.png) no-repeat 9px center; }
.reservation .left-nav-area .nav-manu:nth-child(6){background: url(/images/202205/reservation/menu6_off.png) no-repeat 9px center; margin-bottom: 0;} */
.reservation .left-nav-area .nav-manu:nth-child(1).active{background: url(/images/202209/reservation/menu1_on.png) no-repeat 8px center;}
.reservation .left-nav-area .nav-manu:nth-child(2).active{background: url(/images/202209/reservation/menu2_on.png) no-repeat 8px center;}
/* .reservation .left-nav-area .nav-manu:nth-child(3).active{background: url(/images/202205/reservation/menu3_on.png) no-repeat 9px center;}
.reservation .left-nav-area .nav-manu:nth-child(4).active{background: url(/images/202205/reservation/menu4_on.png) no-repeat 9px center;}
.reservation .left-nav-area .nav-manu:nth-child(5).active{background: url(/images/202205/reservation/menu5_on.png) no-repeat 9px center;}
.reservation .left-nav-area .nav-manu:nth-child(6).active{background: url(/images/202205/reservation/menu6_on.png) no-repeat 9px center;} */

.reservation .mainLogo{margin: 0; margin-left: 223px;}
.reservation .v-section01 {background: url(/images/202209/reservation/reservation_bg.jpg); background-size: cover;}
.reservation .v-section02 {background: url(/images/common/advancereservation-2page-background-c.jpg); background-size: cover;}
.reservation .v-section03 {background: url(/images/common/advancereservation-3page-background-c.jpg); background-size: cover;}

.reservation .v-section01 .btnArrow {bottom: -75px;}
.reservation .v-section02.v-item1 .btnArrow {bottom: 12px;}
.reservation .v-section02.v-item2 .btnArrow {bottom: 12px;}
.reservation .v-section02.v-item2 .btnArrow a {width:180px;}

.reservation .v-section01 .btnArrow a span {background: url(/images/202205/reservation/scroll_arrow.png) center center no-repeat;}
.reservation .v-section02.v-item1 .btnArrow a span {left:-125px; background: url(/mobile/images/common/arrow_on_002.png) center center no-repeat;}
.reservation .v-section02.v-item2 .btnArrow a span {left:-125px; background: url(/mobile/images/common/arrow_on_002.png) center center no-repeat;}

.reservation .v-section.active .mainLogo{max-width: 978px; margin: 20px auto 0;}
.reservation .v-section .item-box{ max-width: 100%;margin-left: 1px;}
.reservation .v-section .item-box ul{text-align:center; position: relative;height:260px }
.reservation .v-section .item-box ul li{position:relative; display:inline-block; margin:0 5px;}
.reservation .v-section .item-box ul li a{width: 142px; height: 162px;}
.reservation .v-section .item-box ul li:nth-child(5){position:absolute; top:140px; left:247px;}
.reservation .v-section .item-box ul li:nth-child(6){position:absolute; top:140px; left:403px;}
.reservation .v-section .item-box ul li:nth-child(7){position:absolute; top:140px; left:560px;}
.reservation .v-section .item-box ul li:nth-child(8){position:absolute; top:124px; left:554px;}
.reservation .v-section .item-box ul li:nth-child(11){position:absolute; top: 124px; left: 680px;}
.reservation .v-section .item-box ul li .search{position:absolute; top:109px; right: -11px; width:44px; height:44px; z-index:2;}
.reservation .v-section .advancereservation_notice{text-align: center;margin-top:15px}
/*.reservation .v-section .item-box img:first-child{margin-left: 29px;}
.reservation .v-section .item-box img{margin-right: -40px;}
.reservation .v-section .item-box img:last-child{margin-right: 0;}*/
.reservation .v-section .secContent {position: absolute;left: 0;top: 42%;margin-left: 0;margin-top: -389px;}
.reservation .v-section02.v-item1 .secContent {margin-left: 100px;margin-top: -490px;}
.reservation .v-section02.v-item2 .secContent {margin-left: 100px;margin-top: -495px;}
.reservation .v-section02.v-item2 .secContent {margin-left: 50px;margin-top: -495px;}
.reservation .v-section02.v-item3 .secContent {margin-left: 65px;margin-top: -348px;}

.reservation .v-section .item-box img:nth-child(3) { position: relative;}

.reservation .v-section02.v-item1 .secContent .btn, .reservation .v-section02.v-item2 .secContent .btn{
    width: 222px;
    height: 49px;
    position: absolute;
    left: 50%;
    transform: translateX(-117%);
    bottom:20%;
}
.reservation .v-section02.v-item3 .secContent .btn, .reservation .v-section02.v-item2 .secContent .btn{
    width: 222px;
    height: 49px;
    position: absolute;
    left: 50%;
    transform: translateX(-88%);
    bottom:23.5%;
}
.reservation .v-section02.v-item1 .secContent .btn a, .reservation .v-section02.v-item2 .secContent .btn a{display: block; width: 100%; height: 100%;}

/*.reservation .v-section03 {background: url(/images/bg/bgSection5.jpg); background-size: cover; }*/
.reservation .v-section03 .secContent{position: absolute; left: 50%; top: 50%; margin-left: -462px; margin-top: -420px; text-align: center;}
.reservation .v-section03 .boxAlignCenter{display: block; margin-top: 100px;}
.reservation .v-section03 .boxAlignCenter .items{display: inline-block; margin: 0 15px; width: 427px; height: 427px; background: no-repeat center center; position: relative;}
.reservation .v-section03 .boxAlignCenter .items:after{content: ''; width: 427px; height: 427px; background: no-repeat center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; transition: opacity .5s}
.reservation .v-section03 .boxAlignCenter .items.tp0{background-image: url(/images/common/advancereservation-3page-eventinfo01-off.png);}
.reservation .v-section03 .boxAlignCenter .items.tp1{background-image: url(/images/common/advancereservation-3page-eventinfo02-off.png);}
.reservation .v-section03 .boxAlignCenter .items.tp0:after{background-image: url(/images/common/advancereservation-3page-eventinfo01.png);}
.reservation .v-section03 .boxAlignCenter .items.tp1:after{background-image: url(/images/common/advancereservation-3page-eventinfo02.png);}
.reservation .v-section03 .boxAlignCenter .items:hover:after{opacity: 1;}
.reservation .v-section03 .btnGoogle{display: inline-block; margin-top: 45px;}

.reservation .advancereservation-form {max-width: 642px;display: block;margin: 0 auto;text-align: center;margin-top: 72px;}
.reservation .advancereservation-form .form-group {margin-right: -14px;margin-left: 14px;}
.reservation .advancereservation-form .form-group.tp0, .advancereservation-form .form-group.tp1 {position: relative;padding-right: 246px;}
.reservation .advancereservation-form .form-group.tp0{/*margin-top:20px;*/}
.reservation .advancereservation-form .form-group.tp1{margin-top:7px;}
.reservation .advancereservation-form .form-group .inputArea input {height: 50px;border-radius: 0;outline: none;box-shadow: none;font-size: 17px;text-align: left;color: #ffffff;border: none;padding: 0;margin: 0;background: none;width: 100%;text-align: center; line-height: 52px;opacity: 0.7;}
.reservation .advancereservation-form .form-group .inputArea {border: 2px solid #981c04;background:rgba(147,27,3,0.2);box-sizing: border-box;}
.reservation .advancereservation-form .form-group .inputArea input::placeholder{color: #ca928b; font-size: 17px; text-align: center; line-height: 52px;}
.reservation .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;}
.reservation .advancereservation-form .form-group .inputArea .formBtn0{background-image: url(/images/common/advancereservation-1page-send-number.png);}
.reservation .advancereservation-form .form-group .inputArea .formBtn1 {background-image: url(/images/common/advancereservation-1page-chack-number.png);}
.reservation .advancereservation-form .chack-box{width: auto; margin: auto;     white-space: nowrap;}
.reservation .advancereservation-form .form-group.tp2{padding-right: 74px; margin-right: 7px;}
.reservation .advancereservation-form .form-group.tp3{padding-right: 66px;}
.reservation .advancereservation-form .form-group.tp2, .advancereservation-form .form-group.tp3{position: relative;    text-align: left; display:block;     padding-left: 22px; margin-top: 11px;}
.reservation .advancereservation-form .form-group input[type="checkbox"] {position: absolute;left: -9999em;}
.reservation .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: 0;}
.reservation .advancereservation-form input[type="checkbox"]:checked+.form-check-label:before{background-image: url(/images/common/advancereservation-1page-chackbox-c.png);}
.reservation .advancereservation-form .form-group .form-check-label{    cursor: pointer;color: #ca928b;/*rgba(153,81,71,0.7);*/ font-size: 14px;}
/*.reservation .advancereservation-form .form-group .chkDetailBtn {position: absolute;right: -10px;top: 50%;width: 78px;height: 34px;margin-top: -10px;color:rgba(188,160,92,0.7);text-align: center; font-size: 14px;}*/
.reservation .advancereservation-form .form-group .chkDetailBtn {margin-left:10px;color:#d7bb7e;text-align: left; font-size: 14px;}/*20200925*/
.reservation .formLogBtn{    display: block;margin-top: 20px; margin-bottom: 20px; height: auto;margin-left: 26px;}


.nickname .advancereservation-form {max-width: 642px;display: block;margin: 0 auto;text-align: center;margin-top: -4px;}
.nickname .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: 17px;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 #981c04;background:rgba(147,27,3,0.2);box-sizing: border-box;}
.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;     white-space: nowrap;}
.nickname .advancereservation-form .form-group.tp2{padding-right: 74px; margin-right: 7px;}
.nickname .advancereservation-form .form-group.tp3{padding-right: 66px;}
.nickname .advancereservation-form .form-group.tp2, .advancereservation-form .form-group.tp3{position: relative;    text-align: left; display:block;     padding-left: 22px; margin-top: 11px;}
.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: 0;}
.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: 14px;}
/*.reservation .advancereservation-form .form-group .chkDetailBtn {position: absolute;right: -10px;top: 50%;width: 78px;height: 34px;margin-top: -10px;color:rgba(188,160,92,0.7);text-align: center; font-size: 14px;}*/
.nickname .advancereservation-form .form-group .chkDetailBtn {margin-left:10px;color:#d7bb7e;text-align: left; font-size: 14px;}/*20200925*/
.nickname .formLogBtn{    display: block;margin-top: 20px;height: auto;margin-left: 26px;}


/* 미디어페이지 */
.media-page{background: url(/images/common/media-background-c.jpg) no-repeat; background-size: cover;}
.media-page .media {margin-top: 31px;}
.media-page.active .media-title,.media-page.active .video-area {opacity: 1;transform: translate(0,0);}
.media-page .secContent {position: absolute;left: 50%;top: 50%;margin-left: -601px;margin-top: -540px;}
.media-page .media-title,.media-page .video-area {text-align: center; padding-top: 78px;opacity: 0;transition: opacity .9s, transform 1.3s;transform: translateY(150px);}
.media-page .video-area{width: 1200px; height: 557px; padding: 52px 109px; margin: 70px auto 0; background: rgba(0,0,0,0.75); border: 1px solid rgba(83,83,83,0.75);}
.media-page .video-area>div{float: left;}
.media-page .play-video{width: 487px; height: 273px; position: relative; border: 1px solid rgba(83,83,83,0.75);}
.media-page .play-video iframe{width: 100%; height: 100%;}
.media-page .play-video .text-box{width: 100%; height: 40px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.7); color: #fff; text-align: center; padding: 6px 0;}
.media-page .video-swiper .button{position: absolute; top: 50%;transform: translateY(-8%);width: 18px; height: 36px;}
.media-page .video-swiper .button a{display: block; width: 100%; height: 100%;}
.media-page .video-swiper .button.pre{left: -33px;}
.media-page .video-swiper .button.next{right: -33px;}
.media-page .video-swiper{margin-top: 46px; width: 487px; height: 131px; position: relative;}
.media-page .video-swiper .title{text-align: center; margin-bottom: 21px;}
.media-page .video-swiper ul li{float: left; width: 158px; height: 89px; margin-right: 5px;}
.media-page .video-swiper ul li:last-child{margin-right: 0;}
.media-page .video-swiper ul li a{display: block; width: 100%; height: 100%; border: 1px solid rgba(83,83,83,0.75);}
.media-page .video-swiper ul li a img{width: 100%; height: 100%;}
.media-page .video-swiper ul li a:hover{border: 1px solid #b5221e;}
.media-page .right-video-box{width: 413px; height: 451px; padding-left: 80px;}
.media-page .right-video-box .swiper-container{width: 413px;}
.media-page .right-video-box ul{width: 413px; height: 416px;}
.media-page .right-video-box ul li{width: 190px; height: 131px; float: left; margin-bottom: 11px;}
.media-page .right-video-box ul li:nth-child(2n){margin-left: 31px;}
.media-page .right-video-box ul li:nth-child(n+5){margin-bottom: 0;}
.media-page .right-video-box ul li a{display: block; width: 100%; height: 100%; border: 1px solid rgba(83,83,83,0.75);}
.media-page .right-video-box ul li a img{width:100%;}
.media-page .right-video-box ul li a span{display: flex;width: 100%;height: 25px;background: rgba(255,0,0,0.2);color: #fff;justify-content: center;align-items: center;}

.media-page .right-video-box .slide-bar{ height: auto; width: 100%; padding-left: 90px; text-align: center; font-size: 0;}
.media-page .right-video-box .slide-bar .bar{width: 70px; height: 5px; display: inline-block; margin-right: 13px;}
.media-page .right-video-box .slide-bar .bar:last-child{margin-right: 0;}
.media-page .right-video-box .slide-bar .bar a{display: block; width: 100%; height: 100%; background:#5b5b5b;}
.media-page .right-video-box .slide-bar .bar a:hover, .media-page .right-video-box .slide-bar .bar.swiper-pagination-bullet-active a{background:#7e1210;}
/*billible 2020.03.11 메인 - END*/

/* YANG 수정 시작 */
.section08 .secContent{left: 50%;}
.section.section08{background: url(/images/202209/name/name_bg.jpg)no-repeat;  background-size: cover;  min-height: 800px;}
.CharacterPickMainSub{margin: 25px auto 0px;}
.cmmScrBoxWrap {  height: 190px;  display: block;  width: 100%;  padding-top: 0px;  max-width: 690px;  margin-left: auto;  margin-right: auto; margin-top: 0px;  position: relative;  border: 1px solid #838383;  background: rgba(0,0,0,0.4);}
.cmmScrBoxWrap .cmmScrBoxIn{ padding: 0; padding-top: 17px; height: 100%;}
.cmmScrBoxWrap .cmmScrBoxIn .cmmScrBoxIst{height: 150px;}

.section.section09{background: url(/images/bg/character-pick-background-page02.jpg)no-repeat;  background-size: cover;  min-height: 800px;}


.scr_wrap .scroll-bar{position: absolute; right: 0; top: 0; height: 100%; width: 13px; background: #585858; border-radius: 0px;}
.scr_wrap .scroll-bar .scr_btn{width: 100%;    background: #fff;    display: inline-block;    cursor: pointer;height: 40px; position: relative;  top: 0px;  border-radius: 0px;}

/* 캐릭터선점 2번째 페이지 */
.section09 .secContent{top: 109px; width: 998px; max-width: 998px; margin-left: -499px;}


/* .serverTitle1 */

.serverTitle{background: url(/images/common/word-select-bg-n.png)no-repeat; height: 166px;}
.serverTitle1-text{text-align: center; padding-top: 23px;}
.serverTitle1-text::after{display: block; content: ''; width: 296px; height: 31px; position: absolute; left: 50%; margin-left: 114px; top: 25px; background: url(/images/common/preference-class-legend.png)no-repeat;}
.serverLst .lst .tp.active .txt{box-shadow: none ; border: 1px solid #b8b8b8; background: rgba(255,255,255,0.2);}
.serverLst .lst .tp.active .txt{box-shadow: none ; }
.serverLst{width: 100%; margin-top: 30px; text-align: center;}
.serverLst .lst .tp{width: 296px; padding: 0;}
.serverLst .lst .tp .txt{    border-radius: 0px; padding-top: 0;}

.serverLst .lst .tp .txt .t{display: block; padding: 0; width: 296px; height: 62px;}
.serverLst .lst .tp .txt .t.khan,.serverLst .lst .tp .txt .t.khan.green{background:url(/images/common/khan-green.png)no-repeat ;}
.serverLst .lst .tp .txt .t.khan.yellow{background:url(/images/common/khan-yellow.png)no-repeat ;}
.serverLst .lst .tp .txt .t.khan.red{ background:url(/images/common/khan-red.png)no-repeat ;}

.serverLst .lst .tp .txt .t.baran,.serverLst .lst .tp .txt .t.baran.green{background:url(/images/common/baran-green.png)no-repeat ;}
.serverLst .lst .tp .txt .t.baran.yellow{background:url(/images/common/baran-yellow.png)no-repeat ;}
.serverLst .lst .tp .txt .t.baran.red{ background:url(/images/common/baran-red.png)no-repeat ;}

/*202008 로제서버 추가  */
.serverLst .lst .tp .txt .t.roje,.serverLst .lst .tp .txt .t.roje.green{background:url(/images/common/monica-green.png)no-repeat ;}
.serverLst .lst .tp .txt .t.roje.yellow{background:url(/images/common/monica-yellow.png)no-repeat ;}
.serverLst .lst .tp .txt .t.roje.red{ background:url(/images/common/monica-red.png)no-repeat ;}


.serverLst .lst .tp .txt .t.monica,.serverLst .lst .tp .txt .t.monica.green{background:url(/images/common/monica-green.png)no-repeat ;}
.serverLst .lst .tp .txt .t.monica.yellow{background:url(/images/common/monica-yellow.png)no-repeat ;}
.serverLst .lst .tp .txt .t.monica.red{ background:url(/images/common/monica-red.png)no-repeat ;}

.serverLst .lst .tp .txt .t.charden,.serverLst .lst .tp .txt .t.charden.green{background:url(/images/common/charden-green.png)no-repeat ;}
.serverLst .lst .tp .txt .t.charden.yellow{background:url(/images/common/charden-yellow.png)no-repeat ;}
.serverLst .lst .tp .txt .t.charden.red{ background:url(/images/common/charden-red.png)no-repeat ;}

.serverLst .lst .tp .txt .t.bal,.serverLst .lst .tp .txt .t.bal.green{background:url(/images/common/bal-green.png)no-repeat ;}
.serverLst .lst .tp .txt .t.bal.yellow{background:url(/images/common/bal-yellow.png)no-repeat ;}
.serverLst .lst .tp .txt .t.bal.red{ background:url(/images/common/bal-red.png)no-repeat ;}

.serverLst .lst .tp .txt .t.lena,.serverLst .lst .tp .txt .t.lena.green{background:url(/images/common/lena-green.png)no-repeat ;}
.serverLst .lst .tp .txt .t.lena.yellow{background:url(/images/common/lena-yellow.png)no-repeat ;}
.serverLst .lst .tp .txt .t.lena.red{ background:url(/images/common/lena-red.png)no-repeat ;}

.serverLst .lst .tp .txt .t.draken.green{ background:url(/images/202201/charic_draken-green.png)no-repeat ;}
.serverLst .lst .tp .txt .t.draken.yellow{ background:url(/images/202201/charic_draken-yellow.png)no-repeat ;}
.serverLst .lst .tp .txt .t.draken.red{ background:url(/images/202201/charic_draken-red.png)no-repeat ;}

.serverLst .lst .tp .txt .t.broken.green{ background:url(/images/202201/charic_broken-green.png)no-repeat ;}
.serverLst .lst .tp .txt .t.broken.yellow{ background:url(/images/202201/charic_broken-yellow.png)no-repeat ;}
.serverLst .lst .tp .txt .t.broken.red{ background:url(/images/202201/charic_broken-red.png)no-repeat ;}

.serverLst .lst .tp.tp0 .txt .t:before{display: none;}
.serverLst .lst .tp.tp1 .txt .t:before{display: none;}

/* .serverTitle2 */
.serverTitle2{margin-top: 21px; background: url(/images/common/preference-class-select-bg-n.png)no-repeat; height: 268px;}
.serverTitle2-text{text-align: center; padding-top: 23px;}

.serverTitle2Lst{width: 100%;}
.serverTitle2Lst .lst .tp{ width: 110px; height: 160px; margin-right: 40px;}
.serverTitle2Lst .lst .tp:last-child{margin-right: 0;}
.serverTitle2Lst .lst .tp+.tp .txt:before{display: none;}

.serverTitle2Lst .lst .tp.tp0 .txt{background-image: url(/images/common/preference-class-select-off1.png);}
.serverTitle2Lst .lst .tp.tp1 .txt {background-image: url(/images/common/preference-class-select-off2.png);
}
.serverTitle2Lst .lst .tp.tp2 .txt {background-image: url(/images/common/preference-class-select-off3.png);
}
.serverTitle2Lst .lst .tp.tp3 .txt {background-image: url(/images/common/preference-class-select-off4.png);
}
.serverTitle2Lst .lst .tp.tp4 .txt {background-image: url(/images/common/preference-class-select-off5.png);
}
.serverTitle2Lst .lst .tp.tp5 .txt {background-image: url(/images/common/preference-class-select-off6.png);
}
.serverTitle2Lst .lst .tp.tp0.active .txt, .serverTitle2Lst .lst .tp.tp0:hover .txt{    background-image: url(/images/common/preference-class-select-on1.png?v=1);}
.serverTitle2Lst .lst .tp.tp1.active .txt, .serverTitle2Lst .lst .tp.tp1:hover .txt{    background-image: url(/images/common/preference-class-select-on2.png?v=1);}
.serverTitle2Lst .lst .tp.tp2.active .txt, .serverTitle2Lst .lst .tp.tp2:hover .txt{    background-image: url(/images/common/preference-class-select-on3.png?v=1);}
.serverTitle2Lst .lst .tp.tp3.active .txt, .serverTitle2Lst .lst .tp.tp3:hover .txt{    background-image: url(/images/common/preference-class-select-on4.png?v=1);}
.serverTitle2Lst .lst .tp.tp4.active .txt, .serverTitle2Lst .lst .tp.tp4:hover .txt{    background-image: url(/images/common/preference-class-select-on5.png?v=1);}
.serverTitle2Lst .lst .tp.tp5.active .txt, .serverTitle2Lst .lst .tp.tp5:hover .txt{    background-image: url(/images/common/preference-class-select-on6.png?v=1);}

/* .serverTitle3 */
.serverTitle3{margin-top: 21px; background:url(/images/common/character-name-bg-n.png)no-repeat; height: 304px;}
.serverTitle3Box{ /* position: absolute;left: 0; bottom: 20px; */ background: none; border: 0px; padding: 0; margin: 0;}
.serverTitle3Box .ipf{border-radius: 0; background: rgba(255,255,255,0.15); border: 1px solid #565656; width: 613px; height: 58px;}
.serverTitle3Box .fom{padding-right: 186px; margin-top: 26px;}
.serverTitle3Box .ipf input{font-size: 20px; letter-spacing: -0.04em; }
.serverTitle3Box .ipf input::placeholder{font-size: 20px;  color: #707070; padding: 10px 0;}

/* 캐릭터 선점 정보 팝업 */
.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;}
.secChaSeverInfo .sscMd{ margin-bottom: 15px}

/* 캐릭터 선점 완료 팝업 */
.secServerComp{ padding-top: 54px; border: 1px solid #9f1f19;}
.secServerComp .sscMd .img{margin-top: 22px;}
.secServerComp .sscMd .lst .tp.tp0:after{background-image: url(/images/202205/reservation/pop/reser_pop_server.png);}
.secServerComp .sscMd .lst .tp.tp1:after{background-image: url(/images/202205/reservation/pop/reser_pop_class.png);}
.secServerComp .sscMd .lst .tp.tp2:after{background-image: url(/images/202205/reservation/pop/reser_pop_char.png);}
.secServerComp .sscMd .lst .tp.tp3:after{background-image: url(/images/202205/reservation/pop/reser_pop_code.png);}
.secServerComp .sscMd .lst .tp.tp4:after{background-image: url(/images/202205/reservation/pop/reser_pop_reser_code.png);}
.secServerComp .sscMd .lst{ width: 237px;}
.secServerComp.complete .sscMd{ padding-top: 22px; padding-left: 44px; padding-bottom: 17px;}

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

/* 클래스 선택 팝업 */
.charactorPop .popContent .info .movie .btnw{bottom: -104px;}
.charactorPop .popContent .info .movie .btnw .b{width: 259px; height: 56px; background: url(/images/common/class-pick-btn.jpg?v=1) no-repeat left top; box-shadow: 0px 0px 13px 5px #9f1f19;}

/* 휴대폰 인증 팝업 */
.secPhonePopWrap .spIn .spMd{padding: 170px 25px 0 25px;}
.baseForm { max-width: 410px; margin: 0 0 0 24px;}
.baseForm .form-group .customSelectWrap{ width: 100px;}
.baseForm .form-group.tp0 .inputArea:before{ left: 102px; top: 61%; }
.baseForm .form-group.tp0{  margin-top: 2px; }
.baseForm .form-group.tp0, .baseForm .form-group.tp1 { padding-right: 0;}
.customSelectWrap .virSelectTxt{ font-family: "SD Gothic Neo"; letter-spacing: -0.02em; line-height: 60px; font-size: 30px; font-weight: bold; color: #333;}
.baseForm .form-group.tp0 .inputArea input{text-indent: 0px; text-align: left; height: 56px;}
.baseForm .form-group .inputArea input::placeholder{font-family: "SD Gothic Neo"; font-size: 18px; letter-spacing: -0.1em; color: #9e9e9e; line-height: 56px;}
.baseForm .form-group.tp0 .inputArea, .baseForm .form-group .inputArea{ height: 57px;}
.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);}
.baseForm .form-group .inputArea .nformBtn0, .baseForm .form-group .inputArea .nformBtn1 {
    width: 122px; height: 60px; margin-top: -30px;}



/*billible 2020.03.27 메인 - START*/
.head .gnb .lst .tp.tp12 .txt{background-image: url(/images/202201/char_txt.png);}
body[data-current-section="12"] .head .gnb .lst .tp.tp12 .txt{background-image: url(/images/202201/char_txt_hover.png);}
body[data-current-section="12"] .head .gnb .lst .tp.tp12:before{content: '';}
/*body[data-current-section="12"] .head .cbtTopBanner.tp4 {display: none;}*/
body[data-current-section="12"] .head .cbtTopBanner.tp4 {}
body[data-current-section="12"] .head .cbtTopBanner.tp5 {display: none;}



.head .cbtTopBanner.tp6{background-image: url(/images/common/reservation-square-box2.png); display: none;}
body[data-current-section="12"] .head .cbtTopBanner.tp6 { top:50px; left: 90px; display: inline-block !important; }


.head .gnb .lst .tp.tp13 .txt{background-image: url(/images/gnb/lst13.png);}
body[data-current-section="13"] .head .gnb .lst .tp.tp13 .txt{background-image: url(/images/gnb/lst13Hover.png);}
body[data-current-section="13"] .head .gnb .lst .tp.tp13:before{content: '';}
body[data-current-section="13"] .head .cbtTopBanner.tp4 {display: none;}
body[data-current-section="13"] .head .cbtTopBanner.tp5 {display: none;}

body[data-current-section="13"] .head .cbtTopBanner.tp6 { top:50px; left: 90px; display: inline-block !important; }

.os_choice{position:relative;text-align: center;}
.os_choice .radio_st{position:relative;margin-bottom: 10px;height:38px;line-height: 38px; text-align: left;display: inline-block;margin:0 13px;}
.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);}

/*202211p1*/

body[data-current-section="1"].ko .head .gnb .lst .tp.tp0 .txt,body[data-current-section="2"].ko .head .gnb .lst .tp.tp0 .txt,body[data-current-section="3"].ko .head .gnb .lst .tp.tp0 .txt,body[data-current-section="3"].ko .head .gnb .lst .tp.tp0 .txt{background-image: url(/images/year1/pc/kr/gnb1.png);}
body[data-current-section="0"].ko .head .gnb .lst .tp.tp0 .txt{background-image: url(/images/year1/pc/kr/gnb1_on.png);}

body[data-current-section="0"].ko .head .gnb .lst .tp.tp1 .txt,body[data-current-section="2"].ko .head .gnb .lst .tp.tp1 .txt,body[data-current-section="3"].ko .head .gnb .lst .tp.tp1 .txt,body[data-current-section="4"].ko .head .gnb .lst .tp.tp1 .txt{background-image: url(/images/year1/pc/kr/gnb2.png);}
body[data-current-section="1"].ko .head .gnb .lst .tp.tp1 .txt{background-image: url(/images/year1/pc/kr/gnb2_on.png);}

body[data-current-section="0"].ko .head .gnb .lst .tp.tp2 .txt,body[data-current-section="1"].ko .head .gnb .lst .tp.tp2 .txt,body[data-current-section="3"].ko .head .gnb .lst .tp.tp2 .txt,body[data-current-section="4"].ko .head .gnb .lst .tp.tp2 .txt{background-image: url(/images/year1/pc/kr/gnb3.png);}
body[data-current-section="2"].ko .head .gnb .lst .tp.tp2 .txt{background-image: url(/images/year1/pc/kr/gnb3_on.png);}

body[data-current-section="0"].ko .head .gnb .lst .tp.tp3 .txt,body[data-current-section="1"].ko .head .gnb .lst .tp.tp3 .txt,body[data-current-section="2"].ko .head .gnb .lst .tp.tp3 .txt,body[data-current-section="4"].ko .head .gnb .lst .tp.tp3 .txt{background-image: url(/images/year1/pc/kr/gnb4.png);}
body[data-current-section="3"].ko .head .gnb .lst .tp.tp3 .txt{background-image: url(/images/year1/pc/kr/gnb4_on.png);}

body[data-current-section="0"].ko .head .gnb .lst .tp.tp4 .txt,body[data-current-section="1"].ko .head .gnb .lst .tp.tp4 .txt,body[data-current-section="2"].ko .head .gnb .lst .tp.tp4 .txt,body[data-current-section="3"].ko .head .gnb .lst .tp.tp4 .txt{background-image: url(/images/year1/pc/kr/gnb5.png);}
body[data-current-section="4"].ko .head .gnb .lst .tp.tp4 .txt{background-image: url(/images/year1/pc/kr/gnb5_on.png);}



body[data-current-section="1"].tw .head .gnb .lst .tp.tp0 .txt,body[data-current-section="2"].tw .head .gnb .lst .tp.tp0 .txt,body[data-current-section="3"].tw .head .gnb .lst .tp.tp0 .txt,body[data-current-section="3"].tw .head .gnb .lst .tp.tp0 .txt{background-image: url(/images/year1/pc/tw/gnb1_off.png);}
body[data-current-section="0"].tw .head .gnb .lst .tp.tp0 .txt{background-image: url(/images/year1/pc/tw/gnb1_on.png);}

body[data-current-section="0"].tw .head .gnb .lst .tp.tp1 .txt,body[data-current-section="2"].tw .head .gnb .lst .tp.tp1 .txt,body[data-current-section="3"].tw .head .gnb .lst .tp.tp1 .txt,body[data-current-section="4"].tw .head .gnb .lst .tp.tp1 .txt{background-image: url(/images/year1/pc/tw/gnb2_off.png);}
body[data-current-section="1"].tw .head .gnb .lst .tp.tp1 .txt{background-image: url(/images/year1/pc/tw/gnb2_on.png);}

body[data-current-section="0"].tw .head .gnb .lst .tp.tp2 .txt,body[data-current-section="1"].tw .head .gnb .lst .tp.tp2 .txt,body[data-current-section="3"].tw .head .gnb .lst .tp.tp2 .txt,body[data-current-section="4"].tw .head .gnb .lst .tp.tp2 .txt{background-image: url(/images/year1/pc/tw/gnb3_off.png);}
body[data-current-section="2"].tw .head .gnb .lst .tp.tp2 .txt{background-image: url(/images/year1/pc/tw/gnb3_on.png);}

body[data-current-section="0"].tw .head .gnb .lst .tp.tp3 .txt,body[data-current-section="1"].tw .head .gnb .lst .tp.tp3 .txt,body[data-current-section="2"].tw .head .gnb .lst .tp.tp3 .txt,body[data-current-section="4"].tw .head .gnb .lst .tp.tp3 .txt{background-image: url(/images/year1/pc/tw/gnb4_off.png);}
body[data-current-section="3"].tw .head .gnb .lst .tp.tp3 .txt{background-image: url(/images/year1/pc/tw/gnb4_on.png);}

body[data-current-section="0"].tw .head .gnb .lst .tp.tp4 .txt,body[data-current-section="1"].tw .head .gnb .lst .tp.tp4 .txt,body[data-current-section="2"].tw .head .gnb .lst .tp.tp4 .txt,body[data-current-section="3"].tw .head .gnb .lst .tp.tp4 .txt{background-image: url(/images/year1/pc/tw/gnb5_off.png);}
body[data-current-section="4"].tw .head .gnb .lst .tp.tp4 .txt{background-image: url(/images/year1/pc/tw/gnb5_on.png);}


body[data-current-section="1"].jp .head .gnb .lst .tp.tp0 .txt,body[data-current-section="2"].jp .head .gnb .lst .tp.tp0 .txt,body[data-current-section="3"].jp .head .gnb .lst .tp.tp0 .txt,body[data-current-section="3"].jp .head .gnb .lst .tp.tp0 .txt{background-image: url(/images/year1/pc/jp/gnb1_off.png);}
body[data-current-section="0"].jp .head .gnb .lst .tp.tp0 .txt{background-image: url(/images/year1/pc/jp/gnb1_on.png);}

body[data-current-section="0"].jp .head .gnb .lst .tp.tp1 .txt,body[data-current-section="2"].jp .head .gnb .lst .tp.tp1 .txt,body[data-current-section="3"].jp .head .gnb .lst .tp.tp1 .txt,body[data-current-section="4"].jp .head .gnb .lst .tp.tp1 .txt{background-image: url(/images/year1/pc/jp/gnb2_off.png);}
body[data-current-section="1"].jp .head .gnb .lst .tp.tp1 .txt{background-image: url(/images/year1/pc/jp/gnb2_on.png);}

body[data-current-section="0"].jp .head .gnb .lst .tp.tp2 .txt,body[data-current-section="1"].jp .head .gnb .lst .tp.tp2 .txt,body[data-current-section="3"].jp .head .gnb .lst .tp.tp2 .txt,body[data-current-section="4"].jp .head .gnb .lst .tp.tp2 .txt{background-image: url(/images/year1/pc/jp/gnb3_off.png);}
body[data-current-section="2"].jp .head .gnb .lst .tp.tp2 .txt{background-image: url(/images/year1/pc/jp/gnb3_on.png);}

body[data-current-section="0"].jp .head .gnb .lst .tp.tp3 .txt,body[data-current-section="1"].jp .head .gnb .lst .tp.tp3 .txt,body[data-current-section="2"].jp .head .gnb .lst .tp.tp3 .txt,body[data-current-section="4"].jp .head .gnb .lst .tp.tp3 .txt{background-image: url(/images/year1/pc/jp/gnb4_off.png);}
body[data-current-section="3"].jp .head .gnb .lst .tp.tp3 .txt{background-image: url(/images/year1/pc/jp/gnb4_on.png);}

body[data-current-section="0"].jp .head .gnb .lst .tp.tp4 .txt,body[data-current-section="1"].jp .head .gnb .lst .tp.tp4 .txt,body[data-current-section="2"].jp .head .gnb .lst .tp.tp4 .txt,body[data-current-section="3"].jp .head .gnb .lst .tp.tp4 .txt{background-image: url(/images/year1/pc/jp/gnb5_off.png);}
body[data-current-section="4"].jp .head .gnb .lst .tp.tp4 .txt{background-image: url(/images/year1/pc/jp/gnb5_on.png);}

.head .gnb{border-color:#715432;}
.head .gnb .lst .tp .txt{width:180px;}
.head .gnb .lst .tp:before{background: url(/images/global/global_gnb_on.png) no-repeat center top /100%;}
.section01 .secContent{top:75%;}
.tw .section01 .secContent{top:67%;left:20px;}
.tw .section01 .mainLogo .main-title2{margin-top:-125px;margin-left: 46%;transform: translateX(-50%);}
.section01 .reserve_go{margin-top:60px;}
.section01 .mainLogo .main-title2{margin-top:-160px;}
/*.section01 .mainLogo .app_store{margin-top:-75px;}*/
.section01{background: url(/images/year1/pc/kr/main_bg.png) no-repeat center top; background-size: cover;}
.head .cbtTopBanner.tp4_1{background: url(/images/year1/pc/kr/left2.png) no-repeat;  left: 30px; top:0; width:251px;height:235px; display:none;}
.head .cbtTopBanner.tp4_2{background: url(/images/year1/pc/kr/left1.png) no-repeat; left: 30px;/* top:245px; */ width:251px;height:231px;display:none;}
.tw .head .cbtTopBanner.tp4_1{background: url(/images/year1/pc/tw/left_banner2.png) no-repeat;}
.tw .head .cbtTopBanner.tp4_2{background: url(/images/year1/pc/tw/left_banner1.png) no-repeat;}
.jp .head .cbtTopBanner.tp4_1{background: url(/images/year1/pc/jp/left1.png) no-repeat;height: 254px;}
.jp .head .cbtTopBanner.tp4_2{background: url(/images/year1/pc/jp/left2.png) no-repeat;/* top:280px; */}
.jp .section01 .mainLogo .main-title2{margin-top:-245px;}
.jp .section01 .mainLogo .app_store{margin-top:-20px;}
.tw .section01 .mainLogo .app_store{margin-top:-50px;margin-left:-20px;}

.section02{background: url(/images/global/reserve_main.png) no-repeat center top /100%;}
.section02 .section_inner{max-width: 1920px;margin:auto;display:flex;position: relative;top:6%;flex-direction: row-reverse;padding-right: 8%;}
/*.reserve_content1{position: absolute;right: 0;display: inline-block;}*/
.reserve_content1 img{transition: all 1s;transform: scale(1.1);transform-origin: right bottom;}
/*.reserve_form{position: absolute;width:887px;top:50px;left:27%;opacity: 0.5;transition: all 1s;transform: translateY(-100px) scale(1);}*/
.reserve_content1{margin-left:-18%;}
.reserve_form{transition: all 1s;transform: translateY(-200px) scale(1);opacity: 0.5; margin-top: -3%;}

.reserve_market{display: flex;text-align: center;align-items: center;    justify-content: center;margin-top:20px;}
.jp .reserve_market{margin-top:35px;}
.os_radio{display: inline-block;width: 27px;height:28px;margin-right:10px;font-size:0;}
.os_ios_radio{background-image: url(/images/global/reserve_check.png);}
.os_android_radio{background-image: url(/images/global/reserve_check.png);}
.os_radio:hover,.reserve_market label:hover{cursor: pointer;}
.os_radio.os_ios_radio{margin-left: 40px;}
.reserve_auth{text-align: center;margin-top:20px;}
.reserve_auth button{border:none;}
.reserve_auth input{border:1px solid #9a927e;background-color: rgba(252,243,189,0.1);width:394px;color:#9a927e;font-size:22px;text-align: center;line-height: 22px;padding:8px 0 9px 0;font-weight: 700;margin-right:5px;margin-bottom:8px;}
.reserve_auth input:focus,.reserve_auth input:hover,.reserve_auth input:active{outline: none;background-color: rgba(252,243,189,0.1);color:#9a927e;}
.reserve_auth input::placeholder {color:#9a927e;font-size:18px;}
.tw .reserve_auth input#phone_number{width:248px;}
.tw .reserve_auth input::placeholder {color:#9a927e;font-size:20px;}
.tw .reserve_auth .tw_country_num{display: inline-block;width:138px;height:52px;background: url(/images/global/tw/reserve_country_back.png)no-repeat center center /100%;margin-right:5px;position: relative;color:#9a927e;font-size: 18px;text-align: left;padding: 12px 0 0 15px;}
.tw .reserve_auth .tw_country_num:hover{cursor: pointer;}
.tw .reserve_auth .tw_country_num>ul{position: absolute;top:0;left:0;width: 100%;background-color: #fff;text-align: center;color:#000;border: 1px solid #b2a786;display: none;}
.tw .reserve_auth .tw_country_num>ul li{height:52px;padding-top: 12px;}
.tw .reserve_auth .tw_country_num>ul li:first-child{background: url(/images/global/tw/reserve_country_back2.png);border-bottom: 1px solid #b2a786;text-align: left;padding-left: 15px;font-weight: 700;}
.tw .reserve_auth .tw_country_num>ul li:nth-child(3),.tw .reserve_auth .tw_country_num>ul li:nth-child(4){border-top:1px dashed #b2a786;}
.jp .reserve_auth input{font-size:22px;text-align: center;line-height: 22px;}
.jp .reserve_auth input:focus,.reserve_auth input:hover,.reserve_auth input:active{outline: none;background-color: rgba(252,243,189,0.1);color:#9a927e;}
.jp .reserve_auth input::placeholder {color:#9a927e;font-size:18px;}
.reserve_pri_check {text-align: left;padding-left:193px;color:#9a927e;font-size: 16px;font-weight: bold;}
.jp .reserve_pri_check{padding-left:0px;text-align: center;}
.reserve_pri_check input {width:18px;height:18px;background-color: #000;}
.reserve_pri_check>a{color:#d1c193}
.reserve_btn {width:524px; height:238px;text-align: center;margin:auto;background:url(/images/global/ko/reserve_btn.png) no-repeat;z-index: -1;margin-top:-50px;position: relative;}
.tw .reserve_btn {background:url(/images/global/tw/reserve_btn.png) no-repeat;margin-top:-15px;}
.jp .reserve_btn_jp {background:url(/images/global/jp/reserve_btn.png) no-repeat center top;margin-top:0px;width:475px; height:238px;text-align: center;margin:auto;z-index: -1;position: relative;}
.reserve_btn button {width:420px;height:95px;position: absolute;font-size: 0;background: transparent;border:none;top:69px;left:48px;}
.jp .reserve_btn_jp button {top:30px;width:420px;height:95px;position: absolute;font-size: 0;background: transparent;border:none;left:48px;}
.reserve_footer{position: absolute;margin:auto;text-align: center;width:100%;bottom:20px;color:#666;font-size: 13px;}
.reserve_footer>img{width:125px;}
.detail_pop_btn{width:166px;height:139px;position: absolute;top:0;left:0;top:248px;}
.detail_pop_btn.pop_btn1{left:0px;}
.detail_pop_btn.pop_btn2{left:172px;}
.detail_pop_btn.pop_btn3{left:344px;}
.detail_pop_btn.pop_btn4{left:516px;}
.detail_pop_btn.pop_btn5{left:688px;}
.detail_pop_btn.pop_btn6{left:861px;}
.jp .detail_pop_btn{top: 312px;}
.jp .detail_pop_btn.pop_btn1{left:0px;}
.jp .detail_pop_btn.pop_btn2{left:171px;}
.jp .detail_pop_btn.pop_btn3{left:341px;}
.jp .detail_pop_btn.pop_btn4{left:515px;}
.jp .detail_pop_btn.pop_btn5{left:685px;}
.jp .detail_pop_btn.pop_btn6{left:855px;}
.detail_pop_btn:hover{cursor: pointer;}
.reserve_detail_pop1{position: relative;}
.reserve_detail_pop1 .close_btn{width:200px;height:50px;position: absolute;top:840px;left:348px;}
.reserve_detail_pop1 .close_btn:hover{cursor: pointer;}
.reserve_detail_pop2 .close_btn{width:200px;height:50px;position: absolute;top:554px;left:173px;}
.reserve_detail_pop2 .close_btn:hover{cursor: pointer;}
.reserve_privacy_pop .close_btn{width:200px;height:50px;position: absolute;top:538px;left:336px;}
.reserve_privacy_pop .close_btn:hover{cursor: pointer;}
.tw .reserve_privacy_pop .close_btn{top:843px;left:357px;}
.tw .reserve_privacy_pop .reserve_privacy_pop_txt{position: absolute;width: 80%;height: 69%;overflow-y: scroll;top:15%;left:11%;}
.tw .reserve_privacy_pop .reserve_privacy_pop_txt::-webkit-scrollbar {    width: 13px;  }
.tw .reserve_privacy_pop .reserve_privacy_pop_txt::-webkit-scrollbar-thumb {    height: 30%; /* 스크롤바의 길이 */    background: #2f2005; /* 스크롤바의 색상 */        border-radius: 10px;}
.tw .reserve_privacy_pop .reserve_privacy_pop_txt::-webkit-scrollbar-track {    background: rgba(47,32,5,0.3);  /*스크롤바 뒷 배경 색상*/border-radius: 10px;}
.jp .reserve_privacy_pop .close_btn{top:529px;left:347px;}

.jp .reserve_detail_pop1 .reserve_detail_pop_txt{position: absolute;width: 80%;height: 73%;overflow-y: scroll;top:13%;left:11%;padding-right:30px;}
.jp .reserve_detail_pop1 .reserve_detail_pop_txt::-webkit-scrollbar {    width: 13px;  }
.jp .reserve_detail_pop1 .reserve_detail_pop_txt::-webkit-scrollbar-thumb {    height: 30%; /* 스크롤바의 길이 */    background: #2f2005; /* 스크롤바의 색상 */        border-radius: 10px;}
.jp .reserve_detail_pop1 .reserve_detail_pop_txt::-webkit-scrollbar-track {    background: rgba(47,32,5,0.3);  /*스크롤바 뒷 배경 색상*/border-radius: 10px;}
.jp .reserve_detail_pop1 .close_btn{top:861px;}

.event_detail_pop1 .close_btn{width:200px;height:50px;position: absolute;top:555px;left:339px;}
.tw .event_detail_pop1 .close_btn{top:528px;left:310px;}
.event_detail_pop1 .close_btn:hover{cursor: pointer;}
.reservation .v-section01,.reservation .v-section02{background: none;}
.reservation .left-nav-area{top:58%;}
.reservation .left-nav-area .nav-manu:nth-child(1){background: url(/images/global/ko/event_menu1_off.png) no-repeat 38px 8px;}
.reservation .left-nav-area .nav-manu:nth-child(2){background: url(/images/global/ko/event_menu2_off.png) no-repeat 38px 6px;}
.reservation .left-nav-area .nav-manu:nth-child(1).active{background: url(/images/global/ko/event_menu1_on.png) no-repeat 16px top;}
.reservation .left-nav-area .nav-manu:nth-child(2).active{background: url(/images/global/ko/event_menu2_on.png) no-repeat 16px top;}
.tw .reservation .left-nav-area .nav-manu:nth-child(1){background: url(/images/global/tw/event_menu1_off.png) no-repeat 37px 8px;}
.tw .reservation .left-nav-area .nav-manu:nth-child(2){background: url(/images/global/tw/event_menu2_off2.png) no-repeat 37px 4px;}
.tw .reservation .left-nav-area .nav-manu:nth-child(1).active{background: url(/images/global/tw/event_menu1_on.png) no-repeat 15px top;}
.tw .reservation .left-nav-area .nav-manu:nth-child(2).active{background: url(/images/global/tw/event_menu2_on2.png) no-repeat 15px top;}
.tw .reservation .left-nav-area .nav-manu{width: 334px;}
.jp .reservation .left-nav-area .nav-mane-box{left:8px;top:14%;}
.tw .reservation .left-nav-area .nav-manu,.jp .reservation .left-nav-area .nav-manu{margin-bottom: 25px;}
.jp .reservation .left-nav-area .nav-manu:nth-child(2){height: 90px;}
.jp .reservation .left-nav-area .nav-manu:nth-child(1){background: url(/images/global/jp/event_menu1_off.png) no-repeat 37px 8px;}
.jp .reservation .left-nav-area .nav-manu:nth-child(2){background: url(/images/global/jp/event_menu2_off.png) no-repeat 37px 4px;}
.jp .reservation .left-nav-area .nav-manu:nth-child(1).active{background: url(/images/global/jp/event_menu1_on.png) no-repeat 15px 4px;}
.jp .reservation .left-nav-area .nav-manu:nth-child(2).active{background: url(/images/global/jp/event_menu2_on.png) no-repeat 15px top;}
.reservation .left-nav-area .nav-manu{margin-bottom:45px;}
.reservation .v-section01 .btnArrow{bottom: -50px;}
.btnArrow a{width:822px;height:301px;}
.reservation .v-section .secContent{top:35%; transition: margin-top 2s; margin-top: -250px;}
.tw .reservation .v-section .secContent{top:22%; transition: margin-top 2s; margin-top: -250px;}
.reservation .v-section01 .btnArrow a span{background: url(/images/global/ko/event_scroll_btn.png);}
.tw .reservation .v-section01 .btnArrow a span{background: url(/images/global/tw/event_scroll_btn.png);}
.jp .reservation .v-section01 .btnArrow a span{background: url(/images/global/jp/event_scroll_btn.png);}
.event_info_btn{width: 350px;height:50px;position: absolute;bottom:27px;left:50%;transform:translateX(-50%); font-size: 0;}
.tw .event_info_btn{width: 350px;height:50px;position: absolute;bottom:62px;left:50%;transform:translateX(-50%); font-size: 0;}
.reservation .v-section02.v-item3 .secContent{margin-left:0;}
.global_event_wrap{display: flex;justify-content: center;}
.jp .global_event_wrap{margin-top:-30px;}
.global_event_wrap>div>img:hover{cursor: pointer;}
.global_event_wrap>div{position: relative;}
.global_event_wrap>div>div{position: absolute;}
.global_event_wrap .graph_bar_wrap{left:44px;top:305px;height: 31px;width:calc(100% - 92px);}
.global_event_wrap .graph_bar_wrap .graph_bar{position: absolute;top:0;left:0;height:100%;}
.global_event_wrap .graph_number{left:44px;top:305px;height: 31px;font-size: 30px;line-height: 31px;font-weight: 900;color:#fff;text-shadow: 0px 0px 5px #000;width: calc(100% - 92px);text-align: left;-webkit-text-stroke: 1px #000;}
.global_event_wrap .ko .graph_bar{background: url(/images/global/event_ko_bar.png) repeat-x;}
.global_event_wrap .tw .graph_bar{background: url(/images/global/event_tw_bar.png) repeat-x;}
.global_event_wrap .jp .graph_bar{background: url(/images/global/event_jp_bar.png) repeat-x;}
.reservation .v-section02.v-item3 .secContent{margin-top: -456px;}
.global_event_wrap .radio_btn{left:50px;top:351px;height: 25px;width:230px;}
.global_event_wrap .radio_btn input[type="radio"]{width:0;}
.global_event_wrap .radio_btn label{position: absolute;width:100%;height:100%;left:0;font-size:0;}
.global_event_wrap .ko .radio_btn input[type="radio"]+label{background: url(/images/global/ko/event_radio_ko.png) no-repeat center top;}
.global_event_wrap .ko .radio_btn input[type="radio"]:checked+label{background: url(/images/global/ko/event_radio_ko_on.png) no-repeat center top;}
.global_event_wrap .tw .radio_btn input[type="radio"]+label{background: url(/images/global/ko/event_radio_tw.png) no-repeat center top;}
.global_event_wrap .tw .radio_btn input[type="radio"]:checked+label{background: url(/images/global/ko/event_radio_tw_on.png) no-repeat center top;}
.global_event_wrap .jp .radio_btn input[type="radio"]+label{background: url(/images/global/ko/event_radio_jp.png) no-repeat center top;}
.global_event_wrap .jp .radio_btn input[type="radio"]:checked+label{background: url(/images/global/ko/event_radio_jp_on.png) no-repeat center top;}
.tw .global_event_wrap .ko .radio_btn input[type="radio"]+label{background: url(/images/global/tw/event_radio_ko.png) no-repeat center top;}
.tw .global_event_wrap .ko .radio_btn input[type="radio"]:checked+label{background: url(/images/global/tw/event_radio_ko_on.png) no-repeat center top;}
.tw .global_event_wrap .tw .radio_btn input[type="radio"]+label{background: url(/images/global/tw/event_radio_tw.png) no-repeat center top;}
.tw .global_event_wrap .tw .radio_btn input[type="radio"]:checked+label{background: url(/images/global/tw/event_radio_tw_on.png) no-repeat center top;}
.tw .global_event_wrap .jp .radio_btn input[type="radio"]+label{background: url(/images/global/tw/event_radio_jp.png) no-repeat center top;}
.tw .global_event_wrap .jp .radio_btn input[type="radio"]:checked+label{background: url(/images/global/tw/event_radio_jp_on.png) no-repeat center top;}
.jp .global_event_wrap .ko .radio_btn input[type="radio"]+label{background: url(/images/global/jp/event_radio_ko.png) no-repeat center top;}
.jp .global_event_wrap .ko .radio_btn input[type="radio"]:checked+label{background: url(/images/global/jp/event_radio_ko_on.png) no-repeat center top;}
.jp .global_event_wrap .tw .radio_btn input[type="radio"]+label{background: url(/images/global/jp/event_radio_tw.png) no-repeat center top;}
.jp .global_event_wrap .tw .radio_btn input[type="radio"]:checked+label{background: url(/images/global/jp/event_radio_tw_on.png) no-repeat center top;}
.jp .global_event_wrap .jp .radio_btn input[type="radio"]+label{background: url(/images/global/jp/event_radio_jp.png) no-repeat center top;}
.jp .global_event_wrap .jp .radio_btn input[type="radio"]:checked+label{background: url(/images/global/jp/event_radio_jp_on.png) no-repeat center top;}
.event_submit_wrap{margin-top:-35px;}
.event_submit_wrap button{border:none;background: transparent;}
.event_alert_wrap{margin-bottom: 20px;}
.jp .event_alert_wrap{margin-bottom: 5px;}
.cont202211_event_wrap{width:759px;height: 549px;background: url(/images/global/ko/event_submit_pop.png)no-repeat center top /100%;position: relative;}
.cont202211_event_wrap .cont202211_event_phone{position:absolute;top:203px;left:117px;display:flex;border:2px solid #967100;height:58px;width:526px;background-color: #fff;}
.cont202211_event_phone .country_num{width:117px;background: url(/images/global/ko_number.png) no-repeat right center;position: relative;}
.jp .cont202211_event_phone .country_num{background: url(/images/global/jp_number.png) no-repeat right center;}
.tw .cont202211_event_phone .country_num{width:170px;background: url(/images/global/tw_number1.png) no-repeat right center;position: relative;}

.tw .cont202211_event_phone .country_num_select{display:none;position: absolute;background-color: #fff;width: calc(100% + 3px);top:-2px;z-index: 10;left:-2px;background: url(/images/global/event_country_num_box.png) no-repeat center top /100%;}
.tw .cont202211_event_phone .country_num_select li{height:52px;}
.tw .cont202211_event_phone .country_num_select li:first-child{background: url(/images/global/tw_number2_1.png) no-repeat center center;}
.tw .cont202211_event_phone .country_num_select li:hover{cursor: pointer;}

.cont202211_event_phone .phone_num{width: calc(100% - 117px);}
.tw .cont202211_event_phone .phone_num{width: calc(100% - 170px);}
.cont202211_event_email input,.cont202211_event_phone .phone_num input{width: 100%;height: 54px;text-align: center;font-size: 19px;line-height: 54px;border: 0;font-weight: 900;}
.cont202211_event_email input:active,.cont202211_evesnt_email input:hover,.cont202211_event_email input:focus,.cont202211_event_phone .phone_num input:focus,.cont202211_event_phone .phone_num input:hover,.cont202211_event_phone .phone_num input:active{outline: none;}
.cont202211_event_email input::placeholder,.cont202211_event_phone .phone_num input::placeholder {color:#9e9e9e;font-size:19px;}
.cont202211_event_wrap .cont202211_event_email{position:absolute;top:272px;left:117px;display:flex;border:2px solid #967100;height:58px;width:526px;background-color: #fff;}
.cont202211_event_wrap .cont202211_event_checkbox{position: absolute;top:365px;width:100%;display: flex;justify-content: center;}
.cont202211_event_wrap .cont202211_event_checkbox div{width:22px;height:22px;border:1px solid #000;}
.cont202211_event_wrap .cont202211_event_checkbox input{width:20px;height:20px;margin:0;}
.cont202211_event_wrap .cont202211_event_checkbox label{display: block;width:349px;height: 22px;font-size: 0;}
.jp .cont202211_event_wrap .cont202211_event_checkbox label{width:411px;}
.cont202211_event_submit{width:266px;height:70px;position: absolute;left:247px;top:413px;}
.cont202211_event_submit button{background-color: transparent;border: none;font-size: 0;position: relative;width:100%;height:100%;}

.section03{background: url(/images/global/community_main.png) no-repeat center top /100%;}
.commu_wrap{text-align: center;position: relative;width:100%;scale:0.9;top:00px;}
.commu_wrap.detail{scale:1;top:50px;}
.commu_content_wrap{width: 1019px;background-color: #fff;margin:auto;border: 5px solid #545454;}
.commu_content_wrap.detail{width: 1200px;}
.jp .commu_content_wrap{margin-top:-52px;}
.commu_cotegory {background-color: #191919;width: 100%;display: flex;justify-content: center;padding: 5px 0;}
.commu_cotegory li{width: 170px;font-size: 28px;padding: 8px 0; line-height: 1;}
.commu_cotegory li a{display: block;color:#fbfceb;}
.commu_cotegory li.on{background-color: #e2a934;}
.commu_list{padding:31px 33px;font-size: 18px;}
.commu_list li{width: 100%;background: url(/images/global/community_list_line.png) repeat-x center bottom;display: flex;padding: 7px 0;}
.commu_list li .list_cate{display:block;width: 108px;background-color: #e2a934;color:#fbfceb;padding: 3px 0;}
.commu_list li .list_date{display:block;width: 120px; padding: 3px 0;color:#8a8a8a;}
.commu_list li .list_cate.cate1{background-color: #e2a934;}
.commu_list li .list_cate.cate2{background-color: #1d9b32;}
.commu_list li .list_cate.cate3{background-color: #4a7ac0;}
.commu_list li a{display: block;width:calc(100% - 228px);text-align: left; padding: 3px 20px;color:#181818; display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.commu_page_wrap{display: flex;justify-content: center;font-size: 18px;margin-bottom: 33px;text-align: center;line-height: 35px;}
.commu_page_wrap a.page{width:37px;height: 35px;color:#fff;background-color: #380500;margin: 0 2px;}
.commu_page_wrap a.page.on{background-color: #ff6a5b;}
.commu_page_wrap a.page_eclipse{width:37px;height: 35px;background: url(/images/global/community_page_eclipse.png)no-repeat center center;}
.commu_page_wrap a.prev_page,.commu_page_wrap a.next_page{color:#181818;background-color: #e0e0e0;padding: 0 20px;}
.commu_page_wrap a.prev_page{margin-right: 20px;}
.commu_page_wrap a.next_page{margin-left: 20px;}
.commu_page_wrap a.prev_page.disabled,.commu_page_wrap a.next_page.disabled{color:gray;}
.commu_page_wrap a.prev_page.disabled:hover,.commu_page_wrap a.next_page.disabled:hover{cursor: not-allowed;}

.commu_detail{padding: 31px 33px;text-align: left;height:auto;}
.commu_detail_title{font-size:20px;text-align: center;margin-bottom: 20px;border-bottom: 1px solid red;padding-bottom: 5px;font-weight: 700;}
.commu_detail_title div{display: flex;font-weight: 400;}
.commu_detail_title div span,.commu_detail_title div a{display: inline-block;}
.commu_detail_title div a{margin-left: auto;background-color: #483904;color:#fff;padding:2px 15px;border-radius: 10px;}

.tw_footer{position: absolute;bottom:10px;width: 650px;text-align: left;color:rgba(255,255,255,0.5);font-size: 14px;margin-left:-325px;left:50%;}
.tw_footer div:first-child{margin-bottom: 15px;}

.jp_footer{position: absolute;bottom:70px;width: 506px;text-align: left;color:#666;font-size: 14px;margin-left:-253px;left:50%;}
/* .head .rightBtns>*:hover{outline: 2px solid #d7ab52;} */
.head .rightBtns{right: 55px;top:45px;}
.head .rightBtns div{margin-top:0px;}
.head .rightBtns div:first-child{margin-top:0px;}

#popupShared .popInSns{width: 410px;height: 252px;background: url(/images/global/ko/sns_pop.png);position: absolute;left:50%;top:50%;z-index: 2;margin-left:-205px;margin-top:-126px;visibility:hidden;}
#popupShared .popInSns ul{display: grid;width: 100%;grid-template-columns: 90px 90px 90px;column-gap: 30px;margin-top: 78px;margin-left:40px;}
#popupShared .popInSns ul li {width: 90px;height:90px;position: relative;font-size: 0;}
#popupShared .popInSns ul li a{display: block;position: absolute;top:0;left:0;width: 100%;height:100%;}
#popupShared .popInSns .close{width: 36px;height:36px;position: absolute;top:0;right: 0;font-size: 0;background-color: transparent;border: 0;}
#popupShared .popInSns .url_copy_txt{margin-top:25px;height: 45px;padding: 0 40px;display: flex;}
#popupShared .popInSns .url_copy_txt span{width:calc(100% - 110px);font-size: 14px;text-align: center;display: block;color:#e7e0da;line-height: 45px;}
#popupShared .popInSns .url_copy_txt button{font-size: 0;background-color: transparent;border: 0;height: 45px;width: 110px;}

.tw #popupShared .popInSns{background: url(/images/global/tw/sns_pop.png);}
.jp #popupShared .popInSns ul,.tw #popupShared .popInSns ul{display: grid;grid-template-columns: 90px 90px;column-gap: 19px;margin-left:105px;}
.jp #popupShared .popInSns{background: url(/images/global/jp/sns_pop.png);}

.cont202211_coupon_wrap{width:759px;height: 549px;background: url(/images/global/ko/coupon_auth_pop.png)no-repeat center top /100%;position: relative;}
.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 49px;height: 54px;position: absolute;left:0;}
.cont202211_coupon_phone{top:220px;}
.cont202211_coupon_auth{top:288px;}
.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{padding-left: 21px;width: 333px;}
.cont202211_coupon_phone .phone_num2 input{padding-left: 20px;width: 100%;}
.cont202211_coupon_auth input{text-align: center;width: 433px;}
.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:410px;left:245px;width: 270px;height: 73px;}

.cont202211_coupon_wrap2{width: 480px;position: relative;}
.jp .cont202211_coupon_wrap2{width: 524px;}
.cont202211_coupon_wrap2 .coupon_click{position: absolute;width: 65px;height: 38px;top:436px;left:338px;}
.jp .cont202211_coupon_wrap2 .coupon_click{left:362px;}
.cont202211_coupon_wrap2 .coupon_click a {font-size: 0;position: relative;display: block;width: 100%;height: 100%;}
.cont202211_coupon_wrap2 .coupon_num_wrap{position: absolute;width: 325px;top:471px;left:77px;background: url(/images/global/ko/coupon_check_pop_back.png) no-repeat center top /100%;height: 10px;transition: all 0.3s;overflow: hidden;}
.jp .cont202211_coupon_wrap2 .coupon_num_wrap{left:98px;}
.cont202211_coupon_wrap2 .coupon_num_wrap.active{height: 47px;}
.cont202211_coupon_wrap2 .coupon_num_wrap span{position: relative;display: block;width: 100%;height: 100%;text-align: center;font-size: 29px;color:#fff;}
.cont202211_coupon_wrap2 .coupon_result_close{position: absolute;width: 230px;height: 53px;top:592px;left:122px;}
.cont202211_coupon_wrap2 .coupon_result_close a {font-size: 0;position: relative;display: block;width: 100%;height: 100%;}
.jp .cont202211_coupon_wrap2 .coupon_result_close{left:143px;}

.tw .cont202211_coupon_wrap{background: url(/images/global/tw/coupon_auth_pop.png)no-repeat center top /100%;}
.tw .cont202211_coupon_phone select{font-size: 25px;width:145px;}
.tw .cont202211_coupon_phone .phone_num2{width:287px;}
.tw .cont202211_coupon_checkbox input{left:187px;}
.tw .cont202211_coupon_phone .phone_num2 input{padding-left: 30px;}

.jp .section01 .mainLogo .main-title2{height: auto;}
.jp_footer{bottom: 20px;}
.jp .section01 .mainLogo .main-title2{margin-top:-219px;}
.jp .section01 .mainLogo .app_store{margin-top:-35px;}
.jp .section01 .mainLogo .b-main-logo{margin-bottom: 2px;}

.jp .cont202211_coupon_wrap{background: url(/images/global/jp/coupon_auth_pop2.png)no-repeat center top /100%;height: 649px;}
.jp .cont202211_coupon_wrap .cont202211_coupon_submit{top:522px;}
.jp .cont202211_coupon_wrap input[type=email],.cont202211_coupon_wrap input[type=email]:active,.cont202211_coupon_wrap input[type=email]:hover,.cont202211_coupon_wrap input[type=email]:focus{border: none;outline: none; box-shadow: none;height: 100%;font-size: 24px;text-align: center;}
.jp .cont202211_coupon_phone{top:240px;}
.jp .cont202211_coupon_phone .phone_num2{width:433px;padding: 0;}
.jp .cont202211_coupon_auth{top:308px;}

.cont202306_coupon_wrap{width:759px;height: 549px;background: url(/images/year1/pc/kr/coupon_auth.png)no-repeat center top /100%;position: relative;}
.cont202306_coupon_wrap input[type=text],.cont202306_coupon_wrap input[type=text]:active,.cont202306_coupon_wrap input[type=text]:hover,.cont202306_coupon_wrap input[type=text]:focus{border: none;outline: none; box-shadow: none;height: 100%;font-size: 24px;}
.cont202306_coupon_wrap input::placeholder{font-size: 18px;}
.cont202306_coupon_phone,.cont202306_coupon_auth{display: flex;padding: 0 40px 0 54px;height: 53px;position: absolute;left:0;}
.cont202306_coupon_phone{top:246px;}
.cont202306_coupon_auth{top:313px;}
.cont202306_coupon_phone .phone_num{width: 405px;}
.cont202306_coupon_phone .phone_num input{width: 100%; text-align: center;}
.cont202306_coupon_auth input{text-align: center;width: 405px;}
.cont202306_coupon_wrap button {width: 100%;height: 100%;font-size: 0;background: transparent;border: 0;outline: none;}
.cont202306_coupon_wrap .coupon_auth_send,.cont202306_coupon_wrap .coupon_auth_check{width: 235px;}
.cont202306_coupon_wrap .cont202306_coupon_submit{position: absolute;top:410px;left:245px;width: 270px;height: 73px;}
.cont202306_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;}
.cont202306_coupon_phone option{font-size: 15px;}

.tw .cont202306_coupon_wrap{background: url(/images/year1/pc/tw/coupon_auth.png)no-repeat center top /100%;}
.tw .cont202306_coupon_phone select{font-size: 25px;width:145px;}
.tw .cont202306_coupon_phone .phone_num2{width:257px;padding-left: 20px;}
.tw .cont202306_coupon_phone .phone_num2 input{width: 100%;padding-left: 30px;}

.jp .cont202306_coupon_wrap{background: url(/images/year1/pc/jp/coupon_auth.png)no-repeat center top /100%;}
.jp .cont202306_coupon_wrap .cont202306_coupon_submit{top:408px;}
.jp .cont202306_coupon_wrap input[type=email],.cont202306_coupon_wrap input[type=email]:active,.cont202306_coupon_wrap input[type=email]:hover,.cont202306_coupon_wrap input[type=email]:focus{border: none;outline: none; box-shadow: none;height: 100%;font-size: 24px;text-align: center;}
.jp .cont202306_coupon_phone{top:245px;}
.jp .cont202306_coupon_phone .phone_num2{width:433px;padding: 0;}
.jp .cont202306_coupon_auth{top:313px;}

.jp .section01 .mainLogo .main-title2{height: auto;}
.jp_footer{bottom: 20px;}
.jp .section01 .mainLogo .main-title2{margin-top:-105px;}
.jp .section01 .mainLogo .main-title2 img{margin-left:-75px;}
.jp .section01 .mainLogo .app_store{margin-top:-5px;}
.jp .section01 .mainLogo .b-main-logo{margin-bottom: 2px;}


.ko .section01 .mainLogo .main-title2{margin-left:-300px;margin-top: -110px;}

@media all and (min-width:1921px){
    .reserve_content1{margin-left:-8%;}
    .section02 .section_inner{top:20%;}
    /* .reserve_form{margin-top:2%;} */
    .commu_wrap{scale:1;top: 100px;}
}