@charset "UTF-8";:root{--section-title:42px;--section-title-mb:32px;--section-desc:18px;--section-big-title:96px;--content-padding:0 80px}.header_wrap{opacity:0;-webkit-animation:fadein 1.4s ease-out 0.3s forwards;animation:fadein 1.4s ease-out 0.3s forwards}.page_wrap{background:url(../../img/game/charting_the_unknown/paper_pattern.jpg?v=dd21ae4b)}.btn_wrap{overflow:visible}.sticky_wrap{position:relative;display:flex;flex-direction:column}.sticky_wrap .sticky_inner{position:sticky;top:0;left:0;width:100%;height:100vh;height:100svh;max-height:100%}.btn_dlc_type_2{display:flex;justify-content:center;align-items:center;width:368px;height:112px;padding:0 18px 3px;background:url(../../img/game/charting_the_unknown/bg_btn_dlc_type_2.webp?v=748e5ce2) no-repeat center center/contain;color:#000;font-size:20px;line-height:1;text-align:center;box-sizing:border-box}#main_top{position:relative;width:100%;height:220vh;height:220svh;z-index:3}#main_top::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../../img/game/charting_the_unknown/paper_pattern.jpg?v=dd21ae4b);transition:opacity 0.4s}#main_top.finished{z-index:1}#main_top.disabled::before{opacity:0}#main_top.disabled .sticky_inner{pointer-events:none}#main_top .sticky_inner{height:100vh;height:100dvh;background:#000;-webkit-mask:url(../../img/sprite/spr_mask_square_type_1.png?v=b7531fed) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_1.png?v=b7531fed) no-repeat 0 0/700% 700%}#main_top .video_wrap{position:absolute;display:block!important;width:100%;height:100%;background-color:#000;overflow:hidden;z-index:-1}#main_top .video_wrap::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:10}#main_top .video_wrap video{position:absolute;top:50%;left:50%;width:100%;min-width:100%;height:100%;min-height:100%;object-fit:cover;visibility:hidden;opacity:0;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);transition:opacity 1.2s;z-index:5}#main_top .video_wrap video.on{visibility:visible;opacity:1}#main_top .video_wrap video source{background-repeat:no-repeat;text-overflow:inherit;white-space:inherit;text-shadow:inherit;box-sizing:inherit;vertical-align:inherit}#main_top .main_contents_wrap{position:sticky;top:35px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:calc(100% - 35px);padding:140px 0 62px;box-sizing:border-box;overflow:hidden}#main_top .main_contents_wrap .main_contents{position:relative;width:100%;z-index:5}#main_top .bi_wrap{max-width:100%;margin-bottom:2rem;padding:0 4rem;text-align:center;opacity:0;transition:opacity 2s 0.4s}#main_top .bi_wrap.on{opacity:1}#main_top .bi_wrap img{max-width:906px}#main_top .main_desc{display:flex;flex-direction:column;align-items:center;margin:0 auto 24px;color:#fff;font-size:42px;line-height:1.2;letter-spacing:0.15em;text-align:center;opacity:0;transition:opacity 2s 0.7s}#main_top .main_desc.on{opacity:1}#main_top .btn_wrap{position:relative;margin-bottom:60px}#main_top .btn_wrap .btn_dlc_type_2{opacity:0;transition:opacity 1.8s 1.1s,-webkit-filter 0.4s;transition:filter 0.4s,opacity 1.8s 1.1s;transition:filter 0.4s,opacity 1.8s 1.1s,-webkit-filter 0.4s}#main_top .btn_wrap .btn_dlc_type_2.on{opacity:1}html:lang(ko-kr) #main_top .bi_wrap img{max-width:494px}html:lang(ja-jp) #main_top .bi_wrap img{max-width:562px}html:lang(zh-tw) #main_top .bi_wrap img{max-width:562px}html:lang(zh-cn) #main_top .bi_wrap img{max-width:562px}#main_top .sns_list{display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 2s 1.3s}#main_top .sns_list.on{opacity:1}#main_top .sns_list li{display:flex;align-items:center;margin:0 32px;opacity:0.8;transition:opacity 0.5s}#key_art_sec{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:300vh;height:300svh;margin-top:-225vh;background:url(../../img/game/charting_the_unknown/paper_pattern.jpg?v=dd21ae4b);background-attachment:fixed;box-sizing:border-box;z-index:2}#key_art_sec .sticky_inner{display:flex;justify-content:center;align-items:center;height:auto;min-height:100vh;min-height:100svh}#key_art_sec .key_art_box{position:relative;display:flex;justify-content:center;align-items:center;-webkit-mask:url(../../img/sprite/spr_mask_square_type_1.png?v=b7531fed) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_1.png?v=b7531fed) no-repeat 0 0/700% 700%}#key_art_sec .img_key_art{width:auto;width:100%;max-width:none;max-width:initial;height:100vh;max-height:1000px;object-fit:cover}#key_art_sec .key_art_text_wrap{position:absolute;bottom:18%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;padding:0 6rem;text-align:center}#key_art_sec .key_art_text_wrap .title{margin-bottom:28px;color:#fff;font-size:42px}#key_art_sec .key_art_text_wrap .desc{color:#d3d2d2;font-size:18px}#key_art_sec .key_art_text_wrap .btn_dlc_link{margin-top:40px}#key_art_sec .key_art_text_wrap .btn_dlc_link .icn_play{display:block;width:16px;height:16px;margin-right:12px;background:url(../../img/icon/icn_play.svg?v=ebb08d87) no-repeat center/contain}#key_art_sec .key_art_text_wrap .btn_dlc_link,#key_art_sec .key_art_text_wrap .desc,#key_art_sec .key_art_text_wrap .title{visibility:hidden;opacity:0;-webkit-transform:translate(0, 2rem);transform:translate(0, 2rem);transition:opacity 0.8s ease-in,visibility 0.8s,-webkit-transform 0.8s ease,-webkit-filter 0.3s;transition:opacity 0.8s ease-in,visibility 0.8s,transform 0.8s ease,filter 0.3s;transition:opacity 0.8s ease-in,visibility 0.8s,transform 0.8s ease,filter 0.3s,-webkit-transform 0.8s ease,-webkit-filter 0.3s}#key_art_sec .key_art_text_wrap.on .btn_dlc_link,#key_art_sec .key_art_text_wrap.on .desc,#key_art_sec .key_art_text_wrap.on .title{visibility:visible;opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}#key_art_sec .key_art_text_wrap.on .desc{transition-delay:0.2s}#key_art_sec .key_art_text_wrap.on .btn_dlc_link{transition:opacity 0.8s ease-in 0.4s,visibility 0.8s 0.4s,-webkit-transform 0.8s ease 0.4s,-webkit-filter 0.3s;transition:opacity 0.8s ease-in 0.4s,visibility 0.8s 0.4s,transform 0.8s ease 0.4s,filter 0.3s;transition:opacity 0.8s ease-in 0.4s,visibility 0.8s 0.4s,transform 0.8s ease 0.4s,filter 0.3s,-webkit-transform 0.8s ease 0.4s,-webkit-filter 0.3s}#contents_sec{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:auto;box-sizing:border-box;z-index:2}#contents_sec .sticky_inner{position:relative;top:auto;height:auto;padding-bottom:120px;overflow-x:hidden}#contents_sec .content_box{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:0 64px;box-sizing:border-box}#contents_sec .content_box .title{position:relative;max-width:540px;margin-bottom:4px;font-size:40px;line-height:1.5;z-index:2}#contents_sec .content_box .desc{position:relative;max-width:540px;color:#736354;font-size:18px;line-height:1.5;z-index:2}#contents_sec .content_box .desc,#contents_sec .content_box .title{opacity:0;-webkit-transform:translate(0, 2rem);transform:translate(0, 2rem);transition:opacity 0.8s ease-in,-webkit-transform 0.8s;transition:opacity 0.8s ease-in,transform 0.8s;transition:opacity 0.8s ease-in,transform 0.8s,-webkit-transform 0.8s}#contents_sec .content_box .desc.in,#contents_sec .content_box .title.in{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}#contents_sec .content_box .content_img{position:absolute}#contents_sec .content_box.box_1{padding-top:540px;padding-bottom:440px}#contents_sec .content_box.box_1 .img_1{top:20px;left:-40px;-webkit-mask:url(../../img/sprite/spr_mask_square_type_2.png?v=1e078188) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_2.png?v=1e078188) no-repeat 0 0/700% 700%}#contents_sec .content_box.box_1 .img_2{top:100px;right:-80px;-webkit-mask:url(../../img/sprite/spr_mask_square_type_4.png?v=8807c325) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_4.png?v=8807c325) no-repeat 0 0/700% 700%}#contents_sec .content_box.box_1 .img_3{bottom:0;left:330px;-webkit-mask:url(../../img/sprite/spr_mask_square_type_3.png?v=d634b617) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_3.png?v=d634b617) no-repeat 0 0/700% 700%}#contents_sec .content_box.box_2{padding:636px 20px 200px 850px}#contents_sec .content_box.box_2 .img_1{top:0;right:-20px;-webkit-mask:url(../../img/sprite/spr_mask_square_type_3.png?v=d634b617) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_3.png?v=d634b617) no-repeat 0 0/700% 700%}#contents_sec .content_box.box_2 .img_2{top:234px;left:50px;-webkit-mask:url(../../img/sprite/spr_mask_square_type_2.png?v=1e078188) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_2.png?v=1e078188) no-repeat 0 0/700% 700%}#contents_sec .content_box.box_2 .img_3{right:580px;bottom:0;-webkit-mask:url(../../img/sprite/spr_mask_square_type_4.png?v=8807c325) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_4.png?v=8807c325) no-repeat 0 0/700% 700%}#contents_sec .content_box.box_3{padding-top:544px;padding-bottom:212px}#contents_sec .content_box.box_3 .img_1{top:0;left:52px;-webkit-mask:url(../../img/sprite/spr_mask_square_type_2.png?v=1e078188) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_2.png?v=1e078188) no-repeat 0 0/700% 700%}#contents_sec .content_box.box_3 .img_2{top:128px;right:-60px;-webkit-mask:url(../../img/sprite/spr_mask_square_type_4.png?v=8807c325) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_4.png?v=8807c325) no-repeat 0 0/700% 700%}#contents_sec .content_box.box_3 .img_3{right:-24px;bottom:0;-webkit-mask:url(../../img/sprite/spr_mask_square_type_3.png?v=d634b617) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_3.png?v=d634b617) no-repeat 0 0/700% 700%}#contents_sec .content_box.box_4{padding:882px 20px 172px 750px}#contents_sec .content_box.box_4 .img_1{top:0;left:122px;-webkit-mask:url(../../img/sprite/spr_mask_square_type_2.png?v=1e078188) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_2.png?v=1e078188) no-repeat 0 0/700% 700%}#contents_sec .content_box.box_4 .img_2{top:338px;right:-64px;-webkit-mask:url(../../img/sprite/spr_mask_square_type_4.png?v=8807c325) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_4.png?v=8807c325) no-repeat 0 0/700% 700%}#contents_sec .content_box.box_4 .img_3{bottom:0;left:24px;-webkit-mask:url(../../img/sprite/spr_mask_square_type_2.png?v=1e078188) no-repeat 0 0/700% 700%;mask:url(../../img/sprite/spr_mask_square_type_2.png?v=1e078188) no-repeat 0 0/700% 700%}#reward_sec{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-height:1376px;padding:150px 80px;background:#0b0d11 url(../../img/game/charting_the_unknown/bg_reward_sec.jpg?v=f4eefd0d) no-repeat center top/auto 100%;box-sizing:border-box;overflow:hidden;z-index:1}#reward_sec .section_title{position:relative;background:linear-gradient(0deg, #b7b8ba, #fff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:55px;text-align:center;opacity:0;-webkit-transform:translate(0, 2rem);transform:translate(0, 2rem);transition:opacity 0.6s ease-in,-webkit-transform 0.6s ease-in;transition:opacity 0.6s ease-in,transform 0.6s ease-in;transition:opacity 0.6s ease-in,transform 0.6s ease-in,-webkit-transform 0.6s ease-in}#reward_sec .section_title::before{content:'';position:absolute;bottom:-44px;left:-44px;display:block;width:204px;height:106px;background:url(../../img/game/charting_the_unknown/title_dece_line_type_1.webp?v=4bc63fc8) no-repeat center/contain;opacity:0;transition:opacity 0.8s,-webkit-transform 0.8s;transition:opacity 0.8s,transform 0.8s;transition:opacity 0.8s,transform 0.8s,-webkit-transform 0.8s}#reward_sec .section_title::after{content:'';position:absolute;bottom:-44px;left:-44px;display:block;width:204px;height:106px;background:url(../../img/game/charting_the_unknown/title_dece_line_type_1.webp?v=4bc63fc8) no-repeat center/contain;opacity:0;transition:opacity 0.8s,-webkit-transform 0.8s;transition:opacity 0.8s,transform 0.8s;transition:opacity 0.8s,transform 0.8s,-webkit-transform 0.8s}#reward_sec .section_title::before{-webkit-transform:translate(-15%, 15%);transform:translate(-15%, 15%)}#reward_sec .section_title::after{top:-44px;right:-44px;bottom:auto;bottom:initial;left:auto;left:initial;-webkit-transform:rotate(180deg) translate(-15%, 15%);transform:rotate(180deg) translate(-15%, 15%)}#reward_sec .section_title.on{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}#reward_sec .section_title.on::before{opacity:0.5;transition:opacity 0.6s 0.25s ease-in,-webkit-transform 0.6s 0.25s ease-in;transition:opacity 0.6s 0.25s ease-in,transform 0.6s 0.25s ease-in;transition:opacity 0.6s 0.25s ease-in,transform 0.6s 0.25s ease-in,-webkit-transform 0.6s 0.25s ease-in}#reward_sec .section_title.on::after{opacity:0.5;transition:opacity 0.6s 0.25s ease-in,-webkit-transform 0.6s 0.25s ease-in;transition:opacity 0.6s 0.25s ease-in,transform 0.6s 0.25s ease-in;transition:opacity 0.6s 0.25s ease-in,transform 0.6s 0.25s ease-in,-webkit-transform 0.6s 0.25s ease-in}#reward_sec .section_title.on::before{-webkit-transform:translate(0, 0);transform:translate(0, 0)}#reward_sec .section_title.on::after{-webkit-transform:rotate(180deg) translate(0, 0);transform:rotate(180deg) translate(0, 0)}#reward_sec .reward_list{margin-top:2rem}#reward_sec .reward_list .reward_title{color:#e9e9e9;font-size:15px;line-height:1.4;text-align:center;opacity:0;-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);transition:opacity 0.4s,-webkit-transform 0.4s;transition:opacity 0.4s,transform 0.4s;transition:opacity 0.4s,transform 0.4s,-webkit-transform 0.4s;z-index:2}#reward_sec .reward_list .reward_title::before{content:'';display:inline-block;flex-shrink:0;width:5px;height:5px;margin-right:6px;margin-bottom:2px;background:#88725b;border-radius:50%}#reward_sec .reward_list .reward_title:not(:last-of-type){margin-bottom:0.5rem}#reward_sec .reward_list.on .reward_title{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);transition:opacity 0.8s 0.3s ease-in,-webkit-transform 0.7s 0.3s ease;transition:opacity 0.8s 0.3s ease-in,transform 0.7s 0.3s ease;transition:opacity 0.8s 0.3s ease-in,transform 0.7s 0.3s ease,-webkit-transform 0.7s 0.3s ease}#reward_sec .reward_list br{display:none}#reward_sec .reward_image_wrap{position:relative;display:flex;justify-content:center;align-items:flex-end;width:100%;margin-top:26px}#reward_sec .reward_image_wrap .reward_char{position:relative;opacity:0;transition:opacity 0.4s}#reward_sec .reward_image_wrap .reward_char.type_1{margin-right:-36px;z-index:2}#reward_sec .reward_image_wrap .reward_char.type_2{margin-bottom:20px}#reward_sec .reward_image_wrap.on .reward_char{opacity:1;transition:opacity 0.8s 0.2s ease-in}#reward_sec .reward_image_wrap .reward_char_light{position:absolute;top:0;right:0;bottom:0;left:0;margin:-50px auto auto;opacity:0;transition:opacity 0.4s;pointer-events:none;z-index:3}#reward_sec .reward_image_wrap .reward_char_light.on{opacity:1;transition:opacity 0.9s 0.5s ease-in}#reward_sec .btn_wrap{width:100%;margin-top:-56px;z-index:3}#reward_sec .btn_wrap .btn_dlc_type_2{opacity:0;-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);transition:opacity 0.4s,-webkit-transform 0.4s,-webkit-filter 0.3s;transition:opacity 0.4s,transform 0.4s,filter 0.3s;transition:opacity 0.4s,transform 0.4s,filter 0.3s,-webkit-transform 0.4s,-webkit-filter 0.3s}#reward_sec .btn_wrap .btn_dlc_type_2.on{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);transition:opacity 0.7s 0.2s ease-in,-webkit-transform 0.7s 0.2s ease-in,-webkit-filter 0.3s;transition:opacity 0.7s 0.2s ease-in,transform 0.7s 0.2s ease-in,filter 0.3s;transition:opacity 0.7s 0.2s ease-in,transform 0.7s 0.2s ease-in,filter 0.3s,-webkit-transform 0.7s 0.2s ease-in,-webkit-filter 0.3s}#reward_sec .reward_desc_wrap{max-width:700px;margin-top:46px;opacity:0;-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);transition:opacity 0.4s,-webkit-transform 0.4s;transition:opacity 0.4s,transform 0.4s;transition:opacity 0.4s,transform 0.4s,-webkit-transform 0.4s}#reward_sec .reward_desc_wrap.on{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);transition:opacity 0.7s 0.3s ease-in,-webkit-transform 0.7s 0.3s ease-in;transition:opacity 0.7s 0.3s ease-in,transform 0.7s 0.3s ease-in;transition:opacity 0.7s 0.3s ease-in,transform 0.7s 0.3s ease-in,-webkit-transform 0.7s 0.3s ease-in}#reward_sec .reward_desc_wrap .desc{display:inline-flex;color:#777;font-size:14px;line-height:1.4}#reward_sec .reward_desc_wrap .desc::before{content:'!';display:flex;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin:1px 10px 0 0;background:#32323a;border:1px solid #5f5c5c;border-radius:3px;color:#d4cec4;font-size:12px}@media (hover: hover){.btn_dlc_type_2:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#main_top .sns_list li:hover{opacity:1}#main_top .main_contents_wrap .hover_btn:hover{-webkit-filter:brightness(1.3);filter:brightness(1.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.custom_select select:disabled:hover,.custom_select:disabled:hover::after{cursor:not-allowed}#languageBox select:hover{color:#aaa;transition:0.3s;border-bottom-color:#aaa}}@media screen and (max-width: 1400px){#main_top .main_contents_wrap{padding:100px 0 50px}#main_top .main_desc{margin-bottom:16px;font-size:36px}#main_top .btn_wrap{margin-bottom:40px}#contents_sec .content_box{max-width:1024px;padding:0 48px}#contents_sec .content_box .title{max-width:500px;margin-bottom:4px;font-size:34px}#contents_sec .content_box .desc{max-width:500px;font-size:16px}#contents_sec .content_box.box_1{padding-top:540px;padding-bottom:360px}#contents_sec .content_box.box_1 .img_1{width:640px}#contents_sec .content_box.box_1 .img_2{top:330px;right:-50px;width:570px}#contents_sec .content_box.box_1 .img_3{left:80px;width:440px}#contents_sec .content_box.box_2{padding:326px 20px 330px 500px}#contents_sec .content_box.box_2 .img_1{top:-70px;right:0;width:500px}#contents_sec .content_box.box_2 .img_2{top:100px;left:10px;width:470px}#contents_sec .content_box.box_2 .img_3{right:70px;bottom:-20px}#contents_sec .content_box.box_3{padding-top:444px;padding-bottom:362px}#contents_sec .content_box.box_3 .img_1{width:510px}#contents_sec .content_box.box_3 .img_2{width:600px}#contents_sec .content_box.box_3 .img_3{right:auto;left:60px}#contents_sec .content_box.box_4{padding:482px 20px 260px 500px}#contents_sec .content_box.box_4 .img_1{top:-60px;right:-40px;left:auto;width:670px}#contents_sec .content_box.box_4 .img_2{top:148px;right:auto;left:-20px;width:480px}#contents_sec .content_box.box_4 .img_3{bottom:-40px;left:0;width:520px}}@media screen and (max-width: 1024px){:root{--section-title:2.3rem;--section-title-mb:1.2rem;--section-desc:1.1rem;--section-big-title:5rem;--content-padding:0 3rem}.page_wrap{padding:0}.btn_dlc_type_2{width:26rem;height:7.65rem;padding:0 1.2rem 0.2rem;font-size:1.4rem}#main_top::before{content:none;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 50%);z-index:0}#main_top .sticky_inner{top:4.166rem;height:calc(100vh - 4.166rem);height:calc(100dvh - 4.166rem)}#main_top .main_contents_wrap{position:absolute;top:0;left:0;width:100%;padding:2rem}#main_top .bi_wrap{max-width:85%;margin-top:5rem;padding:0;z-index:2}#main_top .bi_wrap img{max-width:100%}#main_top .main_desc{margin:0 auto 1.4rem;font-size:1.425rem}#main_top .btn_wrap{margin:0;box-sizing:border-box;z-index:2}#main_top .sns_list{margin:1.4rem auto 1rem;-webkit-transform:translateX(0);transform:translateX(0)}#main_top .sns_list li{margin:0 0.75rem}html:lang(ja-jp) #main_top .main_contents_wrap .bi_wrap img,html:lang(ko-kr) #main_top .main_contents_wrap .bi_wrap img,html:lang(zh-cn) #main_top .main_contents_wrap .bi_wrap img,html:lang(zh-tw) #main_top .main_contents_wrap .bi_wrap img{max-width:100%}#key_art_sec .key_art_text_wrap .title{margin-bottom:20px;font-size:34px}#key_art_sec .key_art_text_wrap .desc{font-size:16px}#contents_sec .content_box{max-width:850px;padding:0 32px}#contents_sec .content_box .title{max-width:450px;margin-bottom:4px;font-size:30px}#contents_sec .content_box .desc{max-width:450px;font-size:14px}#contents_sec .content_box.box_1{padding-top:374px;padding-bottom:366px}#contents_sec .content_box.box_1 .img_1{width:452px}#contents_sec .content_box.box_1 .img_2{top:88px;right:-64px;width:438px}#contents_sec .content_box.box_1 .img_3{left:20px;width:460px}#contents_sec .content_box.box_2{padding:256px 20px 330px 45%}#contents_sec .content_box.box_2 .img_1{top:-76px;right:-48px;width:420px}#contents_sec .content_box.box_2 .img_2{top:120px;left:-60px;width:372px}#contents_sec .content_box.box_2 .img_3{right:-6px;bottom:-40px}#contents_sec .content_box.box_3{padding-top:444px;padding-bottom:362px}#contents_sec .content_box.box_3 .img_1{top:-30px;left:-30px;width:454px}#contents_sec .content_box.box_3 .img_2{width:460px}#contents_sec .content_box.box_3 .img_3{left:-70px}#contents_sec .content_box.box_4{padding:396px 20px 260px 45%}#contents_sec .content_box.box_4 .img_1{top:-120px;right:-80px;left:auto;width:620px}#contents_sec .content_box.box_4 .img_2{top:110px;left:-60px;width:420px}#contents_sec .content_box.box_4 .img_3{bottom:-52px;left:-32px;width:480px}#reward_sec{height:auto;min-height:0;min-height:initial;padding:8rem 4rem}#reward_sec .section_title{font-size:3rem}#reward_sec .reward_list .reward_title{font-size:1.1rem}#reward_sec .reward_list .reward_title::before{width:0.3rem;height:0.3rem;margin-right:0.4rem;margin-bottom:0.2rem}#reward_sec .reward_image_wrap{margin-top:2rem}#reward_sec .reward_image_wrap .reward_char.type_1{width:16rem;margin-right:-2rem}#reward_sec .reward_image_wrap .reward_char.type_2{width:14.4rem;margin-bottom:1.4rem}#reward_sec .reward_image_wrap .reward_char_light{width:38rem;margin-top:-3rem}#reward_sec .btn_wrap{margin-top:-3.4rem}#reward_sec .reward_desc_wrap{margin-top:3rem}#reward_sec .reward_desc_wrap .desc{font-size:1rem}#reward_sec .reward_desc_wrap .desc::before{width:1.1rem;height:1.1rem;margin:0.1rem 0.5rem 0 0;border-radius:0.15rem;font-size:0.8rem}}@media (min-width: 768px){.main-m{display:none!important}}@media screen and (max-width: 767px){.main-pc{display:none!important}.btn_dlc_type_2{width:23rem;height:6.9rem;padding:0 1rem 0.2rem;font-size:1.25rem}#main_top{height:130vw;min-height:50rem;max-height:calc(100vh - 56px);max-height:calc(100svh - 56px);box-sizing:border-box}#main_top.disabled .sticky_inner{pointer-events:initial}#main_top .sticky_inner{-webkit-mask:none;mask:none}#main_top .main_contents_wrap{justify-content:space-between;height:100%}#main_top .bi_wrap,#main_top .btn_wrap,#main_top .main_desc,#main_top .sns_list{-webkit-filter:none!important;filter:none!important;scale:none!important}#main_top .sns_list{flex-wrap:wrap;gap:1rem 1.5rem;max-width:400px}#main_top .sns_list li{margin:0}#main_top .sns_list img{max-height:1.4rem}#key_art_sec{height:auto;margin-top:0;background-attachment:scroll;background-attachment:initial}#key_art_sec .sticky_inner{position:relative;min-height:0;min-height:initial;opacity:1!important}#key_art_sec .key_art_box{padding:2rem 0 11rem;-webkit-mask:none;mask:none;overflow:hidden}#key_art_sec .img_key_art{width:150%;height:auto;opacity:0;transition:opacity 0.8s ease-in}#key_art_sec .img_key_art.in{opacity:1}#key_art_sec .key_art_text_wrap{bottom:3rem;padding:0 3rem}#key_art_sec .key_art_text_wrap .title{margin-bottom:1.5rem;color:#000;font-size:2.4rem}#key_art_sec .key_art_text_wrap .desc{color:#998470;font-size:1.1rem}#key_art_sec .key_art_text_wrap .btn_dlc_link{margin-top:3.4rem;background-color:rgba(0, 0, 0, 0.4)}#key_art_sec .key_art_text_wrap .btn_dlc_link::before{-webkit-filter:invert(1);filter:invert(1)}#key_art_sec .key_art_text_wrap .btn_dlc_link::after{border:2px solid #000;box-shadow:inset 0 0 0 2px #fff}#key_art_sec .key_art_text_wrap.in .btn_dlc_link,#key_art_sec .key_art_text_wrap.in .desc,#key_art_sec .key_art_text_wrap.in .title{visibility:visible;opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}#key_art_sec .key_art_text_wrap.in .desc{transition-delay:0.2s}#key_art_sec .key_art_text_wrap.in .btn_dlc_link{transition:opacity 0.8s ease-in 0.4s,visibility 0.8s 0.4s,-webkit-transform 0.8s ease 0.4s,-webkit-filter 0.3s;transition:opacity 0.8s ease-in 0.4s,visibility 0.8s 0.4s,transform 0.8s ease 0.4s,filter 0.3s;transition:opacity 0.8s ease-in 0.4s,visibility 0.8s 0.4s,transform 0.8s ease 0.4s,filter 0.3s,-webkit-transform 0.8s ease 0.4s,-webkit-filter 0.3s}#contents_sec .sticky_inner{padding-bottom:5rem}#contents_sec .content_box{padding:0;text-align:center}#contents_sec .content_box.box_1,#contents_sec .content_box.box_2,#contents_sec .content_box.box_3,#contents_sec .content_box.box_4{padding:0}#contents_sec .content_box .title{max-width:none;max-width:initial;margin-top:1rem;padding:0 2rem;font-size:2rem}#contents_sec .content_box .desc{max-width:none;max-width:initial;max-width:500px;margin:0.5rem auto 0;padding:0 2rem;font-size:1.1rem;line-height:1.35}#contents_sec .content_slider{margin-top:3.4rem;opacity:0;-webkit-mask:url(../../img/game/charting_the_unknown/m_dlc_content_slider_mask.webp?v=3e0144bf) no-repeat center/100% 100%;mask:url(../../img/game/charting_the_unknown/m_dlc_content_slider_mask.webp?v=3e0144bf) no-repeat center/100% 100%;-webkit-transform:translate(0, 2rem);transform:translate(0, 2rem);transition:opacity 0.8s ease-in,-webkit-transform 0.8s;transition:opacity 0.8s ease-in,transform 0.8s;transition:opacity 0.8s ease-in,transform 0.8s,-webkit-transform 0.8s}#contents_sec .content_slider.in{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}#contents_sec .content_slider .slider-item{touch-action:auto}#contents_sec .content_slider .slider-dots{top:auto;bottom:12vw}#contents_sec .content_slider .slider-dots .slider-dot{width:4vw;height:4vw;margin:0 0.9vw;background:url(../../img/game/charting_the_unknown/m_dlc_content_slider_dot.webp?v=9d34c87e) no-repeat center/100% 100%;opacity:0.6}#contents_sec .content_slider .slider-dots .slider-dot.on{opacity:1}#reward_sec{height:auto;padding:6rem 2rem 5rem;background-size:auto 110%}#reward_sec .section_title{font-size:2.5rem}#reward_sec .section_title::before{bottom:-2.7rem;left:-2.7rem;width:11.6rem;height:5.9rem}#reward_sec .section_title::after{bottom:-2.7rem;left:-2.7rem;width:11.6rem;height:5.9rem}#reward_sec .section_title::after{top:-2.7rem;right:-2.7rem;bottom:auto;bottom:initial;left:auto;left:initial}#reward_sec .reward_list .reward_title{font-size:1rem}#reward_sec .reward_list .reward_title::before{margin-bottom:0.16rem}#reward_sec .reward_image_wrap{margin-top:1.6rem}#reward_sec .reward_image_wrap .reward_char.type_1{width:14rem}#reward_sec .reward_image_wrap .reward_char.type_2{width:12.5rem}#reward_sec .reward_image_wrap .reward_char_light{margin-top:-2.3rem;opacity:0.8}#reward_sec .reward_desc_wrap{margin-top:2rem}#reward_sec .reward_desc_wrap .desc{font-size:1rem}}@media screen and (max-width: 480px){#reward_sec .section_title{font-size:2.1rem}}