@charset "utf-8";
.section04{background: url('../images/202209/update/update_bg2.png') no-repeat; 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:first-child {left:0;}
.section04 .btnIntro ul li:nth-child(2) {left:415px;}
.section04 .btnIntro ul li:nth-child(3) {left:820px;}
.section04 .btnIntro ul li a {position: relative; display: block; width: 479px; height: 411px; text-indent:-999em;}
.section04 .btnIntro ul li a .over {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);width:479px; height: 411px; 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:-3.2px; height: 411px; 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:-7px; height: 411px; 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:-7px; height: 411px; opacity:0; visibility:hidden; transition:.4s all;}
.section04 .btnIntro ul li.no1 a {background:url('../images/202209/update/update_banner1_off.png') no-repeat;}
.section04 .btnIntro ul li.no1 a .over {background:url('../images/202209/update/update_banner1_on.png') no-repeat; background-size: 100% 100%;}
.section04 .btnIntro ul li.no2 a {background:url('../images/202209/update/update_banner2_off.png') no-repeat;}
.section04 .btnIntro ul li.no2 a .over {background:url('../images/202209/update/update_banner2_on.png') no-repeat; background-size: 100% 100%;}
.section04 .btnIntro ul li.no3 a {background:url('../images/202209/update/update_banner3_off.png') no-repeat;}
.section04 .btnIntro ul li.no3 a .over {background:url('../images/202209/update/update_banner3_on.png') no-repeat;background-size: 100% 100%;}
.section04 .btnIntro ul li a:hover .over {opacity:1; visibility:visible;}
.section04 .cha002{opacity: 0; transition: opacity .9s, transform 1.3s; transform: translateX(-50px);}

/* 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/202209/update/1/update_bg2.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{position:relative;margin-top:0;}
.third_updatePop .pop_item4{position: relative;}
.update_slide_main{position:relative}
.update_slide_main a.link{position:absolute;width:318px;height:506px;display: block;;}
.update_slide_main a.link1{top:306px;left:484px;}
.update_slide_main a.link2{top:280px;left:804px;}
.update_slide_main a.link3{top:306px;left:1127px;}
.update_slide_main .scroll{position: absolute;left:50%;bottom:100px;transform: translateX(-50%);}
.third_updatePop .pop_item5{position: relative;}
.third_updatePop .pop_item5 a.link{position:absolute;width:500px;height:70px;display: block;border:1px solid red;font-size:0;;}
.third_updatePop .pop_item5 a.link1{top:811px;left:707px;}
/*
.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;font-size:0}
.pop_nav .nav_line {position: absolute; top: -45px; left: 4px; z-index: -1;}
.pop_nav .nav_title {margin-left:40px}
.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.on >a .nomal_title {display: none;}
.pop_nav .list_sche.on >a .active_title{display: block;}
.pop_nav .dep2_list.active .nomal_title {display: none;}
.pop_nav .dep2_list.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{margin-left:42px;margin-top:15px;}
.pop_nav .pop_nav_2dep li{margin-bottom:3px;}
.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: 6%;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:1080px;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/202209/update/event/update_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:1080px;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{position:relative;margin-top:0;height:1080px}
.third_eventPop .worldWrap .in .tit a{position:absolute;top:0;left:0;width:100px;height:50px;display: block;}
.third_eventPop .worldWrap .in .pop_item1 .tit a{top:540px;left:840px;width:240px;height:30px;font-size:0;}
.third_eventPop .worldWrap .in .pop_item2 .tit a{top:620px;left:840px;width:240px;height:30px;font-size:0;}
.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: 6%;width:7%;max-width:67px;min-width:30px; z-index: 501;}

/* 에피소드5 던젼슬라이드 */
.episode_dungeonPop {position: fixed;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;}
.episode_dungeonPop .popContent{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:1920px;height:1080px;z-index: 50;}
.episode_dungeonPop .popContent .btnClose{position: absolute; right: 20%; top: 6%;width:7%;max-width:67px;min-width:30px; z-index: 501;}
.episode_dungeonPop .worldWrap {height: auto;}
.episode_dungeonPop .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;; }
.episode_dungeonPop.active {opacity:1; visibility:visible;  z-index: 999; }
.episode_dungeonPop .worldWrap .in .textList {padding-top: 20px;}
.episode_dungeonPop .worldWrap .in{position:relative; margin-top:unset; transform: scale(0.9);}
.episode_dungeonPop .worldWrap .in .tit{position:relative;margin-top:0;}

.episode_dungeonPop .worldWrap .in img{margin:0 auto;}
.episode_dungeonPop .worldWrap .in .middle_img{margin-top:25px;}
.episode_dungeonPop .worldWrap .in .line_img{margin-bottom:40px;}
.episode_dungeonPop .worldWrap .in .bottom_img{margin-top:45px;}


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