@charset "UTF-8";.header_wrap{position:absolute;top:0;z-index:90;width:100%;height:80px;background:rgba(0, 0, 0, 1);box-sizing:border-box;-webkit-transition:height 0.2s;transition:height 0.2s}.header_wrap.open{height:auto}.header_wrap a:focus-visible{outline-offset:-2px}.header_wrap .btn_all_menu{display:none;position:absolute;left:210px;top:0;z-index:2;width:60px;height:65px;border-left:1px solid rgba(255, 255, 255, 0.3);border-right:1px solid rgba(255, 255, 255, 0.3);box-sizing:border-box}.header_wrap .btn_all_menu > span{display:block;position:absolute;left:14px;width:30px;height:2px;background-color:#f0f0f2;opacity:1;transition:-webkit-transform 0.15s;transition:transform 0.15s;transition:transform 0.15s,-webkit-transform 0.15s}.header_wrap .btn_all_menu > span:nth-child(1){top:23px}.header_wrap .btn_all_menu > span:nth-child(2){top:32px}.header_wrap .btn_all_menu > span:nth-child(3){top:41px}.header_wrap .btn_all_menu.on > span:nth-child(1){top:32px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.header_wrap .btn_all_menu.on > span:nth-child(2){opacity:0}.header_wrap .btn_all_menu.on > span:nth-child(3){top:32px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.header_wrap .logo{position:absolute;left:0;top:0;z-index:10;width:210px;height:80px;transition:height 0.2s}.header_wrap .logo a{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center}.header_wrap .logo .logo_default{display:block}.header_wrap .logo a .logo_small{z-index:-1;opacity:0;display:none}.header_wrap nav{padding-left:215px;box-sizing:border-box}.header_wrap nav .btn_mob_logo{display:none}.header_wrap nav > ul{display:flex;white-space:nowrap}.header_wrap nav > ul > li{display:none;position:relative}.header_wrap nav > ul > li.visible{display:block}.header_wrap .more_menu_wrap .more_menu_opener,.header_wrap nav > ul > li > a{position:relative;display:flex;align-items:center;justify-content:center;width:auto;height:80px;padding:0 30px;color:rgba(255, 255, 255, 0.9);font-size:16px;text-align:center;box-sizing:border-box;transition:height 0.2s}.header_wrap .more_menu_wrap .more_menu_opener{padding-top:1px;font-size:14px;color:rgba(255, 255, 255, 0.9);transition:color 0.2s,height 0.2s}.header_wrap .more_menu_wrap .more_menu_opener::after{content:'';width:0;height:0;margin-left:7px;border:4px solid transparent;border-top:6px solid rgba(255, 255, 255, 0.9);border-bottom:none;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s,-webkit-transform 0.2s}.header_wrap .more_menu_wrap.on .more_menu_opener{color:rgba(255, 255, 255, 0.9)}.header_wrap .more_menu_wrap.on .more_menu_opener::after{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.header_wrap nav > ul > li > a.disabled{color:#757575}.header_wrap .more_menu_wrap .sp_comm,.header_wrap nav > ul > li .sp_comm{flex:0 0 auto;position:relative;display:inline-block;vertical-align:middle;width:14px;height:14px;margin:0 0 0 8px;padding-top:1px}.header_wrap .more_menu_wrap .sp_comm:before,.header_wrap nav > ul > li .sp_comm:before{display:block;content:'';overflow:hidden;width:100%;height:100%;box-sizing:border-box;background:url(../../../contents/common/img/sprites/spr_etc.png?v=9154bc47) -90px -448px no-repeat;background-size:800px 800px}.header_wrap nav > ul > li > a.mob_link{display:none}.header_wrap nav > ul > li .sub_menu{position:absolute;top:100%;left:5px;min-width:100%;z-index:10;display:none;box-sizing:border-box;background:#000}.header_wrap nav > ul > li .sub_menu > ul{padding:0 0 10px}.header_wrap nav .more_menu_list > li .sub_menu > ul{padding:10px 0}.header_wrap nav > ul > li .sub_menu > ul > li > a{display:flex;justify-content:flex-start;align-items:center;position:relative;padding:10px 27px;font-size:14px;color:rgba(255, 255, 255, 0.6);text-align:left;line-height:1.5;white-space:nowrap;transition:color 0.15s}.header_wrap nav > ul > li .sub_menu > ul > li > a.disabled{color:#757575}.header_wrap nav > ul > li .sub_menu > ul > li > a.active{color:#ae8d67}.header_wrap a .menu_underline{position:relative}.header_wrap a .menu_underline::after{position:absolute;bottom:-5px;left:50%;width:0;height:6px;background:linear-gradient(0deg, #d1ab85, transparent 40%);opacity:0;content:'';-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);transition:width 0.2s ease,opacity 0.2s ease 0.03s,top 0.2s}.header_wrap nav .btn_nav_close{display:none}.header_wrap .btn_mob_mypage,.header_wrap .btn_mob_open_search{display:none}.header_wrap .util_wrap{position:absolute;right:0;top:0;z-index:10;display:flex;height:80px;align-items:center;justify-content:flex-start;transition:height 0.2s}.header_wrap .util_wrap > ul{display:flex;height:100%;align-items:center;justify-content:flex-start}.header_wrap .util_wrap > ul > li{display:flex;justify-content:center;align-items:center;padding:0 20px;height:100%}.header_wrap .util_wrap > ul > li + li{position:relative;padding-left:21px}.header_wrap .util_wrap > ul > li + li::before{display:block;content:'';position:absolute;left:0;top:calc(50% - 6px);width:1px;height:12px;background-color:#4e5054}.header_wrap .util_wrap > ul > li.search_btn_wrap + li::before{display:none}.header_wrap .util_wrap > ul > .hide + li::before{display:none}.header_wrap .util_wrap > ul > li > a{position:relative;display:block;color:#fff;font-size:15px;transition:color 0.15s}.header_wrap .util_wrap > ul > li > a.btn_login{display:block;font-size:15px;padding-left:28px}.header_wrap .util_wrap > ul > li > a.btn_login:before{display:block;width:18px;height:18px;box-sizing:border-box;content:'';position:absolute;top:0;left:0;background:url(../../../contents/common/img/sprites/spr_etc.png?v=9154bc47) -536px -541px no-repeat}.header_wrap .util_wrap > ul > li > a.btn_join{display:block;font-size:14px;padding-left:30px}.header_wrap .util_wrap > ul > li > a.btn_join:before{display:block;width:18px;height:18px;box-sizing:border-box;content:'';position:absolute;top:0;left:0;background:url(../../../contents/common/img/sprites/spr_etc.png?v=9154bc47) -503px -541px no-repeat}.header_wrap .util_wrap > ul.after_login > li > a{color:#fff}.header_wrap .util_wrap > ul.after_login > li > a.btn_login{padding-left:50px;font-size:12px;color:#fff;font-weight:normal}.header_wrap .util_wrap > ul.after_login > li > a.btn_login:before{display:none}.header_wrap .util_wrap > ul.after_login > li > a.btn_mypage{display:none}.header_wrap .util_wrap > ul.after_login > li > a.btn_join:before{background-position:-569px -541px}.header_wrap .util_wrap > ul > li > a span.icon_character_area{position:absolute;top:50%;left:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);width:36px;height:36px;box-sizing:border-box}.header_wrap .util_wrap > ul > li .icn_login{display:block;position:relative;width:20px;font-size:0;opacity:0.8;transition:opacity 0.2s;cursor:auto}.header_wrap .util_wrap > ul > li .icn_join{display:inline-block;position:relative;width:20px;font-size:0;margin-right:8px;opacity:0.3;transition:opacity 0.2s}.header_wrap .util_wrap > ul > li .popup_box .popup_box_login{font-size:14px;text-align:center;border-radius:4px;background:#2b2f5a;color:#fff;transition:background-color 0.2s}.header_wrap .util_wrap > ul > li .popup_box .popup_box_login a{display:block;padding:14px 0;color:inherit}.header_wrap .util_wrap > ul > li .popup_box .popup_box_join a{display:flex;justify-content:center;align-items:center;text-align:center;padding:6px 0}.header_wrap .util_wrap .nowplay_wrap{height:100%;margin:0;padding:0}.header_wrap .util_wrap .nowplay_wrap::before{display:none}.header_wrap .util_wrap .btnTopSide{display:flex;justify-content:center;align-items:center;width:200px;height:100%;font-size:20px;text-align:center;color:#eaeaea;transition:height 0.2s;overflow:hidden;background:linear-gradient(to bottom, #8f714a, #ad8b53)}.header_wrap .util_wrap > ul.after_login > li > a.btn_login:after{display:block;content:'';position:absolute;left:24px;top:50%;margin-top:4px;width:18px;height:18px;transition:-webkit-transform 0.4s;transition:transform 0.4s;transition:transform 0.4s,-webkit-transform 0.4s;background:url(../../../contents/common/img/sprites/spr_etc.png?v=9154bc47) -498px -448px no-repeat}.header_wrap .util_wrap .language_wrap,.header_wrap .util_wrap .search_btn_wrap{position:relative;display:flex;align-items:center;height:100%;box-sizing:border-box;padding:0}.header_wrap .util_wrap .btn_open_search,.header_wrap .util_wrap .btn_select_language{position:relative;display:flex;justify-content:center;align-items:center;height:100%;padding:0 20px;box-sizing:border-box;cursor:default}.header_wrap .util_wrap .btn_open_search{cursor:pointer;padding:0}.header_wrap .util_wrap .btn_open_search .icn_open_search,.header_wrap .util_wrap .btn_select_language .icn_globe{position:relative;z-index:-1;width:23px;height:23px;opacity:0.8;transition:opacity 0.2s}.header_wrap .util_wrap .btn_open_search.active .icn_open_search,.header_wrap .util_wrap .btn_select_language.on .icn_globe{opacity:1}.header_wrap .util_wrap .language_list{position:absolute;top:100%;left:calc(50% - 70px);display:none;width:140px;padding:10px 0;background:#000;display:flex;flex-direction:column}.header_wrap .util_wrap .language_selector{width:100%;padding:10px 5px;color:rgba(255, 255, 255, 0.6);font-size:14px;line-height:1.5;text-align:center;transition:color 0.15s;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.header_wrap .util_wrap .language_list > li{order:2}.header_wrap .util_wrap .language_list > li.on{order:1}.header_wrap .util_wrap .language_list > li.on .language_selector{color:#ae8d67}.header_wrap .util_wrap .user_profile_popup{position:absolute;top:76px;right:50%;opacity:0;visibility:hidden;z-index:-10;-webkit-transform:translate3d(50%, -5%, 0);transform:translate3d(50%, -5%, 0);transition:opacity 0.1s ease,visibility 0.1s ease,z-index 0.1s ease,top 0.2s,-webkit-transform 0.1s ease;transition:transform 0.1s ease,opacity 0.1s ease,visibility 0.1s ease,z-index 0.1s ease,top 0.2s;transition:transform 0.1s ease,opacity 0.1s ease,visibility 0.1s ease,z-index 0.1s ease,top 0.2s,-webkit-transform 0.1s ease}.header_wrap .util_wrap .user_profile_popup.side_profile{left:auto;right:10%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.header_wrap .util_wrap .user_profile_popup.on{-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0);opacity:1;visibility:visible;z-index:50}.header_wrap .util_wrap.is_steam .user_profile_popup{-webkit-transform:translate3d(30px, -5%, 0);transform:translate3d(30px, -5%, 0)}.header_wrap .util_wrap.is_steam .user_profile_popup.on{-webkit-transform:translate3d(30px, 0, 0);transform:translate3d(30px, 0, 0)}.header_wrap .util_wrap .user_profile_popup.side_profile.on{left:auto;right:10%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.header_wrap.small .util_wrap .user_profile_popup{top:65px}.header_wrap .util_wrap .user_profile_popup::before{position:absolute;top:-10px;left:50%;border:7px solid transparent;border-top:none;border-bottom:10px solid #f4f4f4;-webkit-transform:translate3d(-41%, 0, 0);transform:translate3d(-41%, 0, 0);content:''}.header_wrap .util_wrap.is_steam .user_profile_popup::before{left:auto;-webkit-transform:none;transform:none;-webkit-transform:initial;transform:initial;right:23px}.header_wrap .util_wrap .user_profile_popup.side_profile::before{left:auto;right:12px}.header_wrap .util_wrap .user_profile_popup.side_profile.login::before{right:18px}.header_wrap .util_wrap .popup_box{min-width:240px;background:#f4f4f4;border-radius:4px;overflow:hidden;transition:max-height 0.25s ease}.header_wrap .util_wrap .popup_box .profile_info_wrap{margin-bottom:16px}.header_wrap .util_wrap .popup_box .profile_info{display:flex;align-items:center;flex-wrap:nowrap}.header_wrap .util_wrap .popup_box .profile_info .profile_icon{flex:0 0 auto;border-radius:50%}.header_wrap .util_wrap .popup_box .profile_info .profile_icon .icon_character{transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease,-webkit-transform 0.2s ease}.header_wrap .util_wrap .popup_box .profile_info:hover .profile_icon .icon_character{-webkit-transform:scale(1.1);transform:scale(1.1)}.header_wrap .util_wrap .popup_box .profile_info .profile_name{margin-left:12px;font-size:14px;color:#222;white-space:nowrap;transition:color 0.2s ease}.header_wrap .util_wrap .popup_box .profile_info:hover .profile_name{color:#000}.header_wrap .util_wrap .popup_box .profile_remote_list{padding:17px 15px;box-sizing:border-box}.header_wrap .util_wrap .popup_box .profile_remote_item + .profile_remote_item{margin-top:7px}.header_wrap .util_wrap .popup_box .profile_remote_btn{display:inline-block;padding:3px 5px;font-size:14px;color:#646464;transition:color 0.2s ease}.header_wrap .util_wrap .popup_box .profile_remote_btn:hover{color:#0d0d0c}.header_wrap .util_wrap .popup_box .popup_box_logout{padding:10px 15px;background-color:#eaeaea}.header_wrap .header{position:relative;background:#000;z-index:20}.header_wrap.small .search_inner,.scrolling .common_search_wrap .search_inner{padding-top:85px;padding-bottom:25px}.common_search_wrap{position:absolute;left:0;top:0;display:block;width:100%;background:rgba(30, 30, 30, 0.8);-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);opacity:0;z-index:10}.common_search_wrap.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}.common_search_wrap .search_inner{display:flex;align-items:center;flex-wrap:wrap;width:1020px;max-width:100%;margin:0 auto 0 auto;padding:120px 10px 45px 10px;box-sizing:border-box;transition:padding 0.18s}.common_search_wrap .search_input_wrap{position:relative;flex:1 1 auto;border:none}.common_search_wrap .search_select_wrap{flex:0 0 250px;margin-right:7px}.common_search_wrap .search_select_wrap .custom_select{width:100%}.common_search_wrap .search_input,.common_search_wrap .search_select_wrap .custom_select select{line-height:35px;border:1px solid transparent;border-radius:3px;font-size:16px;color:#222;background:#fff}.common_search_wrap .search_select_wrap select{height:55px}.common_search_wrap .search_input{width:100%;height:55px;padding:10px 46px 10px 20px;border:1px solid transparent;border-radius:3px;box-sizing:border-box}.common_search_wrap .search_input_wrap .btn_search{position:absolute;right:18px;top:50%;display:block;width:24px;height:30px;background:url(../../../contents/common/img/icon/icn_search.svg?v=a5caaa6d) no-repeat center center;background-size:22px auto;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.header_wrap .more_menu_wrap{display:none}.header_wrap .more_menu_wrap.added{display:block}.header_wrap .more_menu_wrap .more_menu_list{display:none;position:absolute;top:100%;left:0;padding:0 0 10px;background:#000;box-sizing:border-box;z-index:10}.header_wrap .more_menu_wrap .node1{position:relative;display:none}.header_wrap .more_menu_wrap .node1.added{display:block}.header_wrap .more_menu_wrap .left_menu_link{position:relative;display:flex;align-items:center;padding:13px 23px;font-size:16px;color:rgba(255, 255, 255, 0.9);text-align:left;white-space:nowrap;transition:color 0.15s}.header_wrap .more_menu_wrap .mob_link{display:none}.header_wrap .more_menu_wrap .sub_menu{display:block;position:absolute;top:-10px;left:100%;width:0;min-width:0;box-sizing:border-box;opacity:0;background:rgba(0, 0, 0, 0.85);z-index:-1;overflow:hidden}.header_wrap .more_menu_wrap .sub_menu a{display:flex;align-items:center;padding:10px 17px;font-size:14px;color:rgba(255, 255, 255, 0.6);text-align:center;line-height:1.5;transition:color 0.15s}.header_wrap.small{height:65px;transition:0.2s}.header_wrap.small:before{top:65px}.header_wrap.small.open{height:auto}.header_wrap.small .logo{height:65px}.header_wrap.small .more_menu_wrap .more_menu_opener,.header_wrap.small nav > ul > li > a{height:65px}.header_wrap.small .util_wrap{height:65px;transition:0.2s}.header_wrap.small .util_wrap .btnTopSide{height:65px}.aside_common{display:none;float:left;width:280px;margin-top:161px;z-index:5}.aside_common .inner{position:relative;z-index:20;border-top:2px solid #555}.aside_common + .content{float:right;width:calc(100% - 280px)}.aside_top{display:none}.aside_footer{display:none}:lang(ja-JP) .header_wrap nav > ul > li > a{font-size:15px;letter-spacing:-1px}@media screen and (min-width: 2560px){.header_wrap{max-width:2560px}}@media screen and (min-width: 1025px) and (max-width: 1557px){.header_wrap{height:65px;box-sizing:border-box}.header_wrap.open{height:auto}.header_wrap .logo{height:65px;box-sizing:border-box}.header_wrap .btn_all_menu{display:none}.header_wrap .more_menu_wrap .more_menu_opener,.header_wrap nav > ul > li > a{height:65px}.header_wrap .util_wrap{height:65px;box-sizing:border-box}.header_wrap nav > ul > li > a::after{bottom:18px}.header_wrap .util_wrap .user_profile_popup{top:65px}}@media screen and (min-width: 1281px){.header_wrap .logo .logo_default.bdo_jp,.header_wrap .logo .logo_default.bdo_kr,.header_wrap .logo .logo_default.bdo_tw{height:32px}.header_wrap .util_wrap > ul > li:hover .icn_login{opacity:1}.header_wrap .util_wrap > ul > li a:hover .icn_join{opacity:0.75}.header_wrap .util_wrap > ul > li .popup_box .popup_box_login:hover{background-color:#2f346a}}@media screen and (min-width: 1025px){.header_wrap .logo .logo_default{height:24px}.header_wrap .logo .logo_default.bdo_jp,.header_wrap .logo .logo_default.bdo_kr,.header_wrap .logo .logo_default.bdo_tw{height:28px}.header_wrap .util_wrap > ul > li > a:hover{color:#ae8d66}.header_wrap .util_wrap .btn_open_search:hover .icn_open_search{opacity:1}.header_wrap nav li:hover > a > .menu_underline::after{width:100%;opacity:1}.header_wrap nav > ul > li .sub_menu > ul > li > a:hover{color:#ae8d67}.header_wrap nav > ul > li .sub_menu > ul > li > a.disabled:hover{color:#757575}.header_wrap .util_wrap > ul > li > a.btn_login:hover:before{background-position:-536px -575px}.header_wrap .util_wrap > ul > li > a.btn_join:hover:before{background-position:-503px -575px}.header_wrap .util_wrap > ul.after_login > li > a.btn_join:hover:before{background-position:-569px -575px}.header_wrap .util_wrap > ul.after_login > li > a.btn_login:hover{color:#ae8d66}.header_wrap .util_wrap > ul.after_login > li > a.btn_login:hover::after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.header_wrap .util_wrap .btnTopSide:hover{color:#eaeaea}.header_wrap .util_wrap .language_wrap:hover .icn_globe{opacity:1}.header_wrap .util_wrap .language_selector:hover{color:#ae8d67}.header_wrap .more_menu_wrap .node1:hover .left_menu_link::after{width:calc(100% - 46px);opacity:1}.header_wrap .more_menu_wrap .node1:hover .sub_menu{width:auto;min-width:100%;opacity:1}.common_search_wrap{transition:opacity 0.7s,-webkit-transform 0.7s;transition:opacity 0.7s,transform 0.7s;transition:opacity 0.7s,transform 0.7s,-webkit-transform 0.7s}.common_search_wrap .custom_select:not([disabled]):after{border-color:#000;opacity:0.5;transition:opacity 0.3s}.common_search_wrap .search_input_wrap .btn_search{opacity:0.5;transition:opacity 0.3s}.common_search_wrap .custom_select:not([disabled]):hover:after,.common_search_wrap .search_input_wrap .btn_search:hover{opacity:1}.common_search_wrap .custom_select select:not([disabled]),.common_search_wrap .search_input_wrap .search_input:not([disabled]){transition:box-shadow 0.2s}.common_search_wrap .custom_select select:not([disabled]):hover,.common_search_wrap .search_input_wrap .search_input:not([disabled]):hover{border-color:transparent}.common_search_wrap .custom_select select:not([disabled]):focus,.common_search_wrap .search_input_wrap .search_input:not([disabled]):focus{border-color:transparent;box-shadow:0 0 0.5rem #000}html:lang(ru-RU) .header_wrap nav > ul > li:nth-child(7) .sub_menu,html:lang(ru-RU) .header_wrap nav > ul > li:nth-child(7) > a{width:138px}}@media screen and (max-width: 1024px){.bdc.hidden .header_wrap,.bdo.hidden .header_wrap{z-index:999}.header_wrap{position:fixed;overflow:inherit;min-width:inherit;height:4.166rem;border-bottom:none}.header_wrap .header{height:4.166rem}.header_wrap:before{display:none}.header_wrap.small{height:4.166rem}.header_wrap.small nav{display:block}.header_wrap .btn_all_menu{display:block;position:absolute;left:1.041rem;top:1.5rem;width:1.2rem;height:1rem;border:none;background:url(../../../contents/common/img/sprites/spr_etc.png?v=9154bc47) no-repeat;background-position:-3.916rem -24.083rem;background-size:33.333rem 33.333rem}.header_wrap .btn_all_menu > span{display:none}.header_wrap.small .btn_all_menu{display:block;position:absolute;left:1.041rem;top:1.416rem;width:1.875rem;height:1.333rem;border:none}.header_wrap.small .btn_all_menu > span{position:absolute;left:0;width:100%;height:0.166rem;background-color:#fff}.header_wrap.small .btn_all_menu > span:nth-child(1){top:0}.header_wrap.small .btn_all_menu > span:nth-child(2){top:0.583rem}.header_wrap.small .btn_all_menu > span:nth-child(3){top:1.166rem}.header_wrap .logo{left:50%;top:50%;width:36%;height:4.166rem;margin-top:-2.083rem;margin-left:-18%;text-align:center}.header_wrap .logo .logo_default{max-width:100%;max-height:1.68rem}.header_wrap .logo .logo_default.bdo_jp,.header_wrap .logo .logo_default.bdo_kr,.header_wrap .logo .logo_default.bdo_tw{max-height:2rem}.header_wrap.small .logo{height:4.166rem}.header_wrap nav{position:fixed;left:0;top:0;z-index:15;width:100%;max-width:375px;height:100%;overflow-y:auto;padding-left:0;-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-overflow-scrolling:touch;background:url(../../../contents/common/img/header_mob_nav.png?v=fd73786a) no-repeat;background-size:100% auto;background-color:#1a1919;border-right:1px solid #161616;box-sizing:border-box}.header_wrap nav.active{-webkit-transform:translate(0, 0);transform:translate(0, 0);transition:0.35s}.header_wrap nav .btn_mob_logo{position:relative;display:block;width:54%;height:140px;margin:0 auto}.header_wrap nav .btn_mob_logo img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -26%);transform:translate(-50%, -26%);height:34px}.header_wrap nav .btn_mob_logo.bdo_jp img,.header_wrap nav .btn_mob_logo.bdo_kr img,.header_wrap nav .btn_mob_logo.bdo_tw img{height:44px}.header_wrap nav > ul{display:block;height:auto}.header_wrap nav > ul > li{display:block;border-top:1px solid rgba(0, 0, 0, 0.3);visibility:visible;opacity:1}.header_wrap .header_menu_wrap .more_menu_wrap{display:none}.header_wrap nav > ul > li:last-of-type{border-bottom:1px solid rgba(0, 0, 0, 0.3)}.header_wrap nav > ul > li > a{display:none}.header_wrap nav > ul > li > a.mob_link{position:relative;display:flex;align-items:center;justify-content:flex-start;height:50px;box-sizing:border-box;width:100%;padding:0 32px;border-top:1px solid rgba(58, 56, 57, 0.6);font-size:16px;color:#d6d6d6}.header_wrap nav > ul > li:last-of-type > a.mob_link{border-bottom:1px solid rgba(58, 56, 57, 0.6)}.header_wrap nav > ul > li > a:after{display:block;content:'';position:absolute;right:2rem;top:40%;-webkit-transform:translate(0, -50%) rotate(225deg);transform:translate(0, -50%) rotate(225deg);width:0.4rem;height:0.4rem;border-left:2px solid #d7d6d6;border-top:2px solid #d7d6d6;background:0 0}.header_wrap nav > ul > li > a.active:after{top:50%;-webkit-transform:translate(0, -50%) rotate(45deg);transform:translate(0, -50%) rotate(45deg)}.header_wrap nav > ul > li > a.link_external:after{content:'';top:50%;display:block;overflow:hidden;width:16px;height:16px;box-sizing:border-box;background:url(../../../contents/common/img/sprites/spr_etc.png?v=9154bc47) -90px -448px no-repeat;background-size:400px;background-position:-44px -239px;-webkit-transform:translate3d(4px, -50%, 0);transform:translate3d(4px, -50%, 0);border:none}.header_wrap nav > ul > li .sub_menu{display:none;width:100%;position:static;height:auto;padding:1rem 0;background-color:#000}.header_wrap nav > ul > li .sub_menu::before{display:none}.header_wrap nav > ul > li .sub_menu.on{background-image:none}.header_wrap nav > ul > li .sub_menu > ul > li{margin-top:1rem;padding:0}.header_wrap nav > ul > li .sub_menu > ul > li:first-child{margin-top:0}.header_wrap nav > ul > li .sub_menu > ul > li > a{justify-content:flex-start;padding:0 30px;font-size:15px;height:26px;line-height:24px;text-align:left;color:#8e8e8d}.header_wrap nav > ul > li .sub_menu > ul > li .sp_comm{width:22px;height:19px;box-sizing:border-box}.header_wrap nav > ul > li .sub_menu > ul > li .sp_comm:before{width:23px;height:19px;box-sizing:border-box;background-size:460px;background-position:-49px -275px}.header_wrap .util_wrap{position:static;display:block;width:100%;height:auto;padding:2.5rem 2.5rem 2.083rem;background-color:#1a1919;box-sizing:border-box}.header_wrap .util_wrap > ul{flex-direction:column;height:auto;margin-right:0}.header_wrap .util_wrap > ul > li{margin:0.833rem 0 0;width:100%}.header_wrap .util_wrap > ul > li + li::before{display:none}.header_wrap .util_wrap > ul > li + li{padding-left:0;padding-right:0}.header_wrap .util_wrap > ul > li:last-child:before{display:none}.header_wrap .util_wrap > ul > li > a{position:relative;background-color:#2c2823;text-align:center;color:#fff;box-sizing:border-box;width:100%;height:50px;font-size:15px;padding-left:0;line-height:3.5}.header_wrap .util_wrap > ul > li > a.btn_join,.header_wrap .util_wrap > ul > li > a.btn_login{padding-left:0}.header_wrap .util_wrap > ul > li > a.btn_join:before,.header_wrap .util_wrap > ul > li > a.btn_login:before{display:none}.header_wrap .util_wrap > ul.after_login > li > a.btn_login{display:none}.header_wrap .util_wrap > ul.after_login > li > a.btn_mypage{display:block;background:#3f3e3c}.header_wrap .util_wrap > ul.after_login > li > a.btn_join{display:block;background:#3f3e3c}.header_wrap .util_wrap .nowplay_wrap{margin-left:0}.header_wrap .util_wrap .btnTopSide{width:100%;height:50px;margin-top:15px;background:url(../../../contents/common/img/header_btn_acoin_mob.png?v=2b209b53) no-repeat;background-size:cover;font-size:15px;line-height:3.5}.header_wrap .util_wrap .mob_copyright{display:block;margin-top:2.083rem;font-size:0.625rem;text-align:center;color:#a5a3a1;line-height:1.777}.header_wrap .util_wrap .more_menu_wrap{display:none}.header_wrap .util_wrap .language_wrap{order:1;justify-content:center;margin-top:2rem}.header_wrap .util_wrap .language_list{position:absolute;top:0;left:calc(50% - 100px);width:200px;padding:0;box-shadow:none;overflow:hidden;z-index:10}.header_wrap .util_wrap .language_list.screen_over{top:auto;bottom:38px}.header_wrap .util_wrap .language_selector{padding:2px 10px;height:36px;font-size:14px}.header_wrap .util_wrap .btn_open_search,.header_wrap .util_wrap .btn_select_language{padding:0;cursor:pointer}.header_wrap .util_wrap .btn_open_search::before,.header_wrap .util_wrap .btn_select_language::before{display:block;content:'';position:absolute;right:20px;top:50%;-webkit-transform:translate(0, -50%) rotate(225deg);transform:translate(0, -50%) rotate(225deg);width:0.4rem;height:0.4rem;border-left:2px solid #d7d6d6;border-top:2px solid #d7d6d6;z-index:13}.header_wrap .util_wrap .btn_open_search.active::before,.header_wrap .util_wrap .btn_select_language.on::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header_wrap .util_wrap .btn_select_language .icn_globe{position:absolute;top:50%;left:10px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);z-index:11}.header_wrap .util_wrap .btn_open_search .icn_open_search,.header_wrap .util_wrap .search_btn_wrap{display:none}.header_wrap .util_wrap .language_thumbnail{display:inline-flex;justify-content:center;align-items:center;width:200px;height:36px;padding:2px 10px;line-height:1.5;color:rgba(255, 255, 255, 0.6);font-size:14px;background:#1a1919;box-sizing:border-box}.header_wrap nav .btn_nav_close{display:block;position:absolute;left:5%;top:2%;z-index:10;width:26px;height:26px;font-size:0}.header_wrap nav .btn_nav_close:before{display:block;content:'';overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../../contents/common/img/sprites/spr_etc.png?v=9154bc47) 1px -129px no-repeat;background-size:430px}.header_wrap .btn_mob_mypage{display:block;position:absolute;right:0.5rem;top:0;z-index:10;width:2.75rem;height:4.166rem;font-size:0}.header_wrap .btn_mob_mypage:before{display:block;content:'';overflow:hidden;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1.3rem;height:1.4rem;background:url(../../../contents/common/img/sprites/spr_etc.png?v=9154bc47) 0.1rem -9.8rem no-repeat;background-size:26rem 26rem}.header_wrap .btn_mob_open_search{display:block;position:absolute;right:3rem;top:0;z-index:10;width:2.25rem;height:4.166rem;font-size:0}.header_wrap .btn_mob_open_search:before{display:block;content:'';overflow:hidden;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1.3rem;height:1.3rem;margin-top:0.1rem;background:url(../../../contents/common/img/icon/icn_search_white.svg?v=53489310) no-repeat;background-size:contain;opacity:0.7;transition:opacity 0.3s}.header_wrap .btn_mob_open_search.active:before{opacity:1}.header_wrap .util_wrap .user_profile_wrap{display:none}.common_search_wrap .search_select_wrap{flex:0 0 34%}.common_search_wrap .search_inner,.header_wrap.small .search_inner,.scrolling .common_search_wrap .search_inner{width:100%;padding:5.166rem 1.041rem 1rem 1.041rem}.common_search_wrap .search_input,.common_search_wrap .search_select_wrap .custom_select select{width:100%;height:2.8125rem;font-size:1.116rem;line-height:1.8125}.common_search_wrap .search_input{padding:0.25rem 3rem 0.4rem 1rem}.common_search_wrap .search_input_wrap .btn_search{right:0;width:3rem;height:100%;background-size:1.3rem auto}.logo_box{display:flex;justify-content:center;align-items:center;width:10.75rem;height:1.25rem;background:url(../../../contents/common/img/logo/logo_pearlabyss_black.svg?v=32d84fa2) no-repeat center center;background-size:auto 1.25rem;box-sizing:border-box;transition:none}.aside_common{display:block;position:fixed;top:0;z-index:99;float:none;width:100%;max-width:375px;height:100vh;margin-top:0;padding:0;border:none;box-sizing:border-box;background:#fff;-webkit-transform:translateX(-100%);transform:translateX(-100%);overflow-x:hidden;overflow-y:auto}.aside_common.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.aside_common .inner{border:none}.aside_common.active{-webkit-transform:translateX(0);transform:translateX(0);box-shadow:0 0.416rem 0.833rem 0 rgba(0, 0, 0, 0.14);transition:0.35s}.aside_common.left .aside_menu{border-top:1px solid #dfdfdf}.aside_common + .content{margin-left:auto;width:auto;float:none;padding-top:1.875rem;margin-top:0}.pi_wrap .pi[class*='pi_mypage_']{display:none}.aside_top{display:flex;align-items:center;justify-content:center;position:relative;height:4.166rem}.aside_top .pi{display:block;position:absolute;right:1.25rem;top:1.25rem;cursor:pointer}.aside_body{position:relative}.aside_body_top{padding:1.66rem;background:#ececec}.aside_body_top.login{padding:0}.aside_body_profile{display:flex;align-items:center;padding:1.6rem 2rem;color:#fff;background:#2b305a}.aside_body_profile .icon_character_area{width:3.375rem;height:3.375rem;margin-right:1rem;flex-shrink:0}.aside_body_profile .icon_character_area .icon_character{background-size:4.2rem auto}.aside_body_top .nav_info_join{display:flex;justify-content:center;align-items:center;width:100%;padding:0.6rem 0;font-size:1.1rem;margin-top:1rem}.aside_body_top .nav_info_join .icn_join{margin-right:1.1rem;width:1.48rem;height:1.58rem;opacity:0.4}.aside_body_top .nav_info_join .icn_join svg{width:1.48rem;height:1.58rem}.aside_body_top .aside_profile_list{padding:0.5rem 0}.aside_body_top .aside_profile_list li a{display:flex;align-items:center;height:auto;padding:1rem 2.5rem;font-size:1.08rem;line-height:1}.aside_body_top .nav_info_logout{display:flex;align-items:center;color:#898b98;width:100%;height:auto;padding:1.25rem 2.5rem;font-size:1.08rem;line-height:1;border-top:1px solid #c4c5c9}.aside_footer{display:block;padding-top:6.25rem;padding-bottom:1.4583rem;text-align:center;font-size:0.75rem;color:#7f7e7e}.char_name{display:block}.char_name em{display:block;font-size:1.25rem;overflow:visible}.char_name span{display:block;width:25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0.25rem;font-size:1rem}.btn_nav_info{display:flex;align-items:center;justify-content:center;margin-top:0.583rem;width:100%;height:3.5rem;background:#2b305a;color:#fff}.btn_nav_info:first-child{margin-top:0}.btn_nav_info span{display:block;margin-top:-0.2rem;line-height:1;font-size:1.25rem}.btn_nav_info .pi{margin-right:0.6rem}}@media screen and (max-width: 360px){.header_wrap .btn_all_menu > span{min-height:2px}}@media only screen and (max-height: 415px) and (min-width: 415px) and (orientation: landscape){.header_wrap nav{width:65%}}