.background-grainy{position:fixed;inset:0;height:100%;z-index:500}.background-grainy:before{content:"";top:-10rem;left:-10rem;width:calc(100% + 20rem);height:calc(100% + 20rem);z-index:9999;position:fixed;background-image:url(../img/bg_Image_gaussian_noise.png);opacity:.15;pointer-events:none;-webkit-animation:noise 1s steps(2) infinite;animation:noise 1s steps(2) infinite}@-webkit-keyframes noise{to{transform:translate3d(-7rem,0,0)}}@keyframes noise{0%{transform:translate3d(0,9rem,0)}10%{transform:translate3d(-1rem,-4rem,0)}20%{transform:translate3d(-8rem,2rem,0)}30%{transform:translate3d(9rem,-9rem,0)}40%{transform:translate3d(-2rem,7rem,0)}50%{transform:translate3d(-9rem,-4rem,0)}60%{transform:translate3d(2rem,6rem,0)}70%{transform:translate3d(7rem,-8rem,0)}80%{transform:translate3d(-9rem,1rem,0)}90%{transform:translate3d(6rem,-5rem,0)}to{transform:translate3d(-7rem,0,0)}}.storySection .story-section:has(.text-info.active){z-index:1100}.storySection .story-section.state4 .section01 .text-info:not(.active){bottom:0;animation-name:boxMove;animation-delay:1s;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:none;z-index:666}.storySection .story-section.state22 .section02 .text-info:not(.active){bottom:0;animation-name:boxMove;animation-delay:1s;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:none;z-index:666}.storySection .story-section.state26 .section03 .text-info:not(.active),.storySection .story-section.state28 .section03 .text-info:not(.active),.storySection .story-section.state32 .section03 .text-info:not(.active){bottom:0;animation-name:boxMove;animation-delay:1s;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:none;z-index:666}.text-info{position:fixed;bottom:-100px;left:0;right:0;text-align:center;z-index:200;transition:all 1s;animation-name:InfoBoxMove;animation-duration:2s}.text-info .item-btn{position:relative;background:none;border:0;padding:0;z-index:60}.text-info .item-btn .info-title{position:relative;width:360px;padding-top:26px;padding-bottom:16px;color:#000;text-align:center;font-size:24px;font-weight:700;line-height:48px;letter-spacing:-.24px;z-index:50}.text-info .item-btn:before{content:"";display:block;position:absolute;top:0;left:0;width:360px;height:360px;background:#fff;border-radius:100%;z-index:49}.text-info.active{z-index:99999;animation-name:textInfoOn;animation-delay:0;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:both}.text-info.active .info-title{opacity:0;transition:opacity 1s}.text-info.active .item-btn{pointer-events:none}.text-info.active .item-btn:before{animation-name:activeInfo;animation-duration:.7s;animation-fill-mode:both;width:360px;height:360px;z-index:49}.text-info.active .infoBox{display:flex;animation-name:InfoBoxOn;animation-delay:.5s;animation-duration:.7s;animation-fill-mode:both}.infoBox{position:absolute;inset:0;display:none;justify-content:center;align-items:center;opacity:0;z-index:55}.infoBox .inner{position:relative;width:100%;height:100vh;overflow:auto}.infoBox .inner:before{content:"";position:absolute;top:0;left:50%;width:1px;transform:translate(-50%);height:160px;background:#000;opacity:.1}.infoBox .inner .img{position:relative;width:240px;height:120px;overflow:hidden;left:50%;margin-left:-120px}.infoBox .inner .img img{margin-top:-50%;width:100%;border-radius:100%}.infoBox .inner .title{margin-top:75px;color:#000;font-size:42px;font-weight:700;line-height:48px;letter-spacing:-.42px}.infoBox .inner .info{margin-top:30px;color:#111;font-size:24px;font-weight:400;line-height:36px;letter-spacing:-.24px}.infoBox .inner .article_title{display:block;margin:79px 0 22px;color:#009b92;font-size:28px;font-weight:700;line-height:32px;letter-spacing:-.28px}.infoBox .inner .article_list{display:inline-block}.infoBox .inner .article_list li{max-width:640px;padding:18px 20px;border-bottom:1px dotted #000}.infoBox .inner .article_list li a{display:flex;align-items:center}.infoBox .inner .article_list li a .article-img{width:150px;min-width:150px;height:100px;vertical-align:top;margin-right:20px;overflow:hidden}.infoBox .inner .article_list li a .article-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.infoBox .inner .article_list li a p{text-align:left;color:#000;font-size:24px;font-weight:700;line-height:36px;letter-spacing:-.24px}.infoBox .inner .item-close{position:fixed;top:30px;right:30px;border:0;background:none;z-index:999}.infoBox .inner .item-close2-area{display:none}@keyframes boxMove{0%{bottom:0}50%{bottom:-5px}to{bottom:0}}@keyframes activeInfo{0%{transform:scale(1);z-index:8500}90%{transform:scale(20);opacity:1;z-index:8500}to{transform:scale(20);opacity:0;z-index:1}}@keyframes InfoBoxOn{0%{opacity:0}to{opacity:1}}@keyframes textInfoOn{0%{bottom:0;left:50%;transform:translate(-50%)}to{inset:0;background:#fff;transform:translate(0)}}@keyframes InfoBoxMove{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.text-info .item-btn .info-title{width:160px;padding-top:9px;padding-bottom:17px;font-size:14px;line-height:27px;letter-spacing:-.18px}.text-info .item-btn:before{width:160px;height:160px}.text-info.active .item-btn:before{width:160px;height:160px}.infoBox .inner{padding:0 22px 22px}.infoBox .inner:before{height:80px}.infoBox .inner .img{width:136px;height:68px;margin-left:-68px}.infoBox .inner .title{margin-top:33px;font-size:20px;line-height:36px}.infoBox .inner .info{margin-top:12px;font-size:14px;line-height:21px;letter-spacing:-.14px}.infoBox .inner .article_title{margin:25px 0 0;font-size:14px;letter-spacing:-.14px}.infoBox .inner .article_list li{max-width:100%;padding:16px 0}.infoBox .inner .article_list li a .article-img{width:72px;min-width:72px;height:48px;margin-right:12px}.infoBox .inner .article_list li a p{font-size:16px;line-height:24px;letter-spacing:-.16px}.infoBox .inner .item-close{top:0;right:0}.infoBox .inner .item-close2-area{display:flex;max-width:640px;margin:30px auto 0;justify-content:flex-end}.infoBox .inner .item-close2-area .item-close2{font-size:14px;padding-right:0;border:0;background:none;color:#000}.motionBook.section01:not(.off).state7 .text-info{transform:translateY(8px)}.motionBook.section02:not(.off).state26 .text-info{transform:translateY(8px)}.motionBook.section03:not(.off).state3 .text-info,.motionBook.section03:not(.off).state8 .text-info,.motionBook.section03:not(.off).state14 .text-info{transform:translateY(8px)}}.navigate_mode{position:fixed;display:flex;top:80px;left:50%;opacity:1;transform:translate(-50%);transition:opacity 1s;z-index:1000}.navigate_mode button{width:51px;height:51px;margin:0 4px;overflow:hidden;background:none;border:none;text-indent:-999px}.navigate_mode button.show-text{background:url(../img/icon-text.svg) center center no-repeat;background-size:100%}.navigate_mode button.show-text.on{background:url(../img/icon-text_on.svg) center center no-repeat;background-size:100%}.navigate_mode button.show-motion{background:url(../img/icon-motion.svg) center center no-repeat;background-size:100%}.navigate_mode button.show-motion.on{background:url(../img/icon-motion_on.svg) center center no-repeat;background-size:100%}.navigate_mode button.show-audio{background:url(../img/icon-audio.svg) center center no-repeat;background-size:100%}.navigate_mode button.show-audio.on{background:url(../img/icon-audio_on.svg) center center no-repeat;background-size:100%}.navigate_mode>p{position:absolute;top:100%;left:50%;white-space:nowrap;transform:translate(-50%);margin-top:14px;color:#999;font-size:14px;font-weight:400;line-height:22px;letter-spacing:-.14px}.navigate_chapter{position:fixed;display:flex;bottom:105px;left:50%;opacity:1;transform:translate(-50%);transition:opacity 1s;z-index:1000}.navigate_chapter button{position:relative;width:40px;margin:0 13px;background:none;border:none;color:#666;font-size:24px;font-weight:700;line-height:40px;letter-spacing:-.24px;text-align:center}.navigate_chapter button.naviMenu4{display:none}.navigate_chapter button.on{color:#fff}.navigate_chapter button.on:after{content:"";position:absolute;bottom:-13px;left:0;right:0;height:3px;background:#fff}.navigate_chapter .barGauge{display:none}.navigate_chapter.interactive{width:80vw;max-width:640px;height:42px}.navigate_chapter.interactive button{position:absolute;bottom:15px;left:0;margin:0}.navigate_chapter.interactive button:after{content:"";position:absolute;bottom:-21px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:100%;background:#666;z-index:60}.navigate_chapter.interactive button.naviMenu4{display:block}.navigate_chapter.interactive button.naviMenu0{left:11.6%}.navigate_chapter.interactive button.naviMenu1{left:22.6%}.navigate_chapter.interactive button.naviMenu2{left:51.6%}.navigate_chapter.interactive button.naviMenu3{left:66.6%}.navigate_chapter.interactive button.naviMenu4{left:81.6%}.navigate_chapter.interactive button.on{color:#fff}.navigate_chapter.interactive button.on:after{background:#fff}.navigate_chapter.interactive .barGauge{display:block;position:relative;top:100%;width:100%;height:1px;z-index:50}.navigate_chapter.interactive .barGauge>div{display:flex;justify-content:center;width:86.8%;margin-left:6.6%;height:1px;background:#666}.navigate_chapter.interactive .barGauge>div>div{position:absolute;height:1px;background:#fff;top:0;left:6.6%}.navigate_chapter.interactive1 button.naviMenu0:after{background:#fff}.navigate_chapter.interactive2 button.naviMenu0:after{background:#fff}.navigate_chapter.interactive2 button.naviMenu1:after{background:#fff}.navigate_chapter.interactive3 button.naviMenu0:after{background:#fff}.navigate_chapter.interactive3 button.naviMenu1:after{background:#fff}.navigate_chapter.interactive3 button.naviMenu2:after{background:#fff}.navigate_chapter.interactive4 button.naviMenu0:after{background:#fff}.navigate_chapter.interactive4 button.naviMenu1:after{background:#fff}.navigate_chapter.interactive4 button.naviMenu2:after{background:#fff}.navigate_chapter.interactive4 button.naviMenu3:after{background:#fff}.intro-section-area~.navigate_mode,.intro-section-area~.navigate_chapter{opacity:0}.intro-section-area.off~.navigate_mode,.intro-section-area.off~.navigate_chapter{opacity:1}@media (max-width: 768px){.navigate_mode{top:47px}.navigate_mode button{width:40px;height:40px}.navigate_mode>p{margin-top:10px;font-size:11px;letter-spacing:-.11px}.navigate_chapter{bottom:65px}.navigate_chapter button{margin:0 4px;padding:0;font-size:20px}.navigate_chapter button.on:after{bottom:-10px}.navigate_chapter.interactive button.on:after{bottom:-21px}.navigate_chapter.interactive button.naviMenu0{left:7%}.navigate_chapter.interactive button.naviMenu1{left:16%}.navigate_chapter.interactive button.naviMenu2{left:47%}.navigate_chapter.interactive button.naviMenu3{left:62%}.navigate_chapter.interactive button.naviMenu4{left:78%}}.intro-section-area{position:relative;border:none;height:auto;min-height:100vh;transition:all 1s}.intro-section-area .intro-section{position:relative;min-height:100vh}.intro-section-area.current-section-0 .section1 .intro-img-bg,.intro-section-area.current-section-0 .section1 .title h1{opacity:1}.intro-section-area.current-section-0 .section1 .scroll{opacity:.3}.intro-section-area.current-section-0 .section1 .intro-img{opacity:1}.intro-section-area.current-section-1 .intro-section.section1 .intro-img-bg1 img,.intro-section-area.current-section-1 .intro-section.section1 .intro-img-bg2 img,.intro-section-area.current-section-2 .intro-section.section1 .intro-img-bg1 img,.intro-section-area.current-section-2 .intro-section.section1 .intro-img-bg2 img,.intro-section-area.current-section-3 .intro-section.section1 .intro-img-bg1 img,.intro-section-area.current-section-3 .intro-section.section1 .intro-img-bg2 img,.intro-section-area.off .intro-section.section1 .intro-img-bg1 img,.intro-section-area.off .intro-section.section1 .intro-img-bg2 img{transform:scale(2);opacity:0}.intro-section-area.current-section-1 .intro-section.section1 h1,.intro-section-area.current-section-2 .intro-section.section1 h1,.intro-section-area.current-section-3 .intro-section.section1 h1,.intro-section-area.off .intro-section.section1 h1,.intro-section-area.current-section-1 .intro-section.section1 .scroll,.intro-section-area.current-section-2 .intro-section.section1 .scroll,.intro-section-area.current-section-3 .intro-section.section1 .scroll,.intro-section-area.off .intro-section.section1 .scroll,.intro-section-area.current-section-1 .blur-bg-area,.intro-section-area.current-section-2 .blur-bg-area,.intro-section-area.current-section-3 .blur-bg-area,.intro-section-area.off .blur-bg-area,.intro-section-area.current-section-1 .intro-img,.intro-section-area.current-section-2 .intro-img,.intro-section-area.current-section-3 .intro-img,.intro-section-area.off .intro-img,.intro-section-area.current-section-0.off .section1 .intro-img-bg,.intro-section-area.current-section-0.off .section1 .title h1,.intro-section-area.current-section-0.off .section1 .blur-bg-area,.intro-section-area.current-section-0.off .section1 .scroll,.intro-section-area.current-section-0.off .section1 .intro-img{opacity:0}.intro-section-area .scroll{position:fixed;bottom:30px;left:50%;z-index:540;transform:translate(-50%);padding-bottom:40px;font-size:12px;opacity:0;transition:all 1s}.intro-section-area .scroll:after{content:"";position:absolute;top:20px;left:50%;width:20px;height:36px;transform:translate(-50%);border:2px solid #fff;border-radius:16px}.intro-section-area .scroll:before{content:"";position:absolute;top:26px;left:50%;width:2px;height:8px;transform:translate(-50%);background:#fff;animation-name:scrollAni;animation-duration:1s;animation-iteration-count:infinite}@keyframes scrollAni{0%{top:26px}50%{top:30px}to{top:26px}}.intro-section-area .blur-bg-area{overflow:visible;z-index:500;transition:all 1s}.intro-section-area .blur-bg-area .blur-bg{--size: 900px}.intro-section.section1 .title{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:520}.intro-section.section1 .title h1{position:relative;font-size:70px;font-weight:700;color:#fff;opacity:0;transition:all 1.5s;z-index:530}.intro-section.section1 .title h1 span{position:absolute;left:50%;transform:translate(-50%);color:#ccc;font-size:18px;font-weight:400;line-height:32px;letter-spacing:-.18px}.intro-section.section1 .title h1 .sub{bottom:130%}.intro-section.section1 .title h1 .author_name{top:130%}.intro-section.section1 .intro-img{position:absolute;top:-200%;left:50%;transform:translate(-50%);overflow:hidden;opacity:0;z-index:510;transition:all 1.5s}.intro-section.section1 .intro-img-bg{position:absolute;top:50%;left:50%;width:100vw;overflow:hidden;transform:translate(-50%,-50%);z-index:490;opacity:0;transition:all 1.5s}.intro-section.section1 .intro-img-bg img{width:100%;transition:all 1.5s}.intro-section.section1 .intro-img-bg.intro-img-bg1 .rotate{animation-name:introImgBgAni;animation-duration:50s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes introImgBgAni{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}.intro-section.section3{position:relative;padding-top:360px;z-index:600}.intro-section.section3:before{content:"";position:absolute;top:0;left:50%;width:2px;transform:translate(-50%);height:260px;background:#fff;opacity:.3}.intro-section.section3 .item-list{display:flex;justify-content:center}.intro-section.section3 .item-list .item{position:relative;display:flex;width:120px;height:120px;justify-content:center;align-items:center;background-color:#000;border-radius:100%;border:2px dashed #009B92;z-index:48}.intro-section.section3 .item-list .item.on{background:#fff;border:2px solid #000;z-index:50}.intro-section.section3 .item-list .item.on:after{position:absolute;content:"";width:45px;height:45px;bottom:-20px;right:5px;background-image:url(../img/icon-hand.png);background-position:center;background-repeat:no-repeat}.intro-section.section3 .item-list .item.on span{color:#000;text-align:center;font-size:20px;font-style:normal;font-weight:700;line-height:30px;letter-spacing:-.2px}.intro-section.section3 .item-list .item.first{left:40px}.intro-section.section3 .item-list .item.last{right:40px}.intro-section.section3 .info{margin-top:76px;color:#fff;text-align:center;font-size:24px;font-weight:400;line-height:40px;letter-spacing:-.24px}.intro-section.section3 .info b{font-weight:700}.intro-section.section3 .info b.underline{text-decoration-line:underline}.intro-section.section3 .info span{display:block;margin-top:76px;color:#999;font-size:18px;font-weight:400;line-height:1.5;letter-spacing:-.18px}.introSection:has(.current-section-2) .navigate_mode,.introSection:has(.current-section-3) .navigate_mode{opacity:1}.introSection:has(.current-section-2) .navigate_chapter,.introSection:has(.current-section-3) .navigate_chapter{opacity:1}.motionbook-area:not(.introSection) .intro-section-area{z-index:0;opacity:0}.motionbook-area:not(.introSection) .navigate_mode{opacity:1}.motionbook-area:not(.introSection) .navigate_chapter{opacity:1}@media (max-width: 768px){.intro-section.section1 .title h1{font-size:56px}.intro-section.section1 .title h1 span{font-size:14px;line-height:20px;letter-spacing:-.14px}.intro-section.section1 .title h1 .sub{bottom:140%}.intro-section.section1 .title h1 .author_name{top:140%}.intro-section.section1 .intro-img{top:-50%;width:90vw}.intro-section.section1 .intro-img img{width:100%}.intro-section.section1 .intro-img-bg{width:100vh}.intro-section.section3{padding-top:180px}.intro-section.section3:before{height:130px}.intro-section.section3 .item-list .item{width:100px;height:100px}.intro-section.section3 .item-list .item.on{background:#fff;border:2px solid #000;z-index:50}.intro-section.section3 .item-list .item.on:after{width:30px;height:30px;bottom:-10px;right:10px;background-size:30px}.intro-section.section3 .item-list .item.on span{font-size:18px}.intro-section.section3 .info{margin-top:50px;font-size:15px;line-height:1.75;letter-spacing:-.24px}.intro-section.section3 .info span{margin-top:38px;font-size:12px}.intro-section-area .blur-bg-area .blur-bg{--size: 300px}}.character-info-section article{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:all 1s}.character-info-section article .inner{position:relative;max-width:600px}.character-info-section article .inner p{position:relative;padding-top:200px;font-size:20px;font-weight:400;line-height:40px;letter-spacing:-.2px;z-index:50}.character-info-section article .inner .character-info{position:absolute;bottom:0;left:0;right:0;text-align:center}.character-info-section article .inner .character-info strong{display:block;margin-bottom:10px;color:#666;font-size:18px;font-weight:900;line-height:36px;letter-spacing:-.18px}.character-info-section article .inner .character-info img{display:block;margin:0 auto;padding-right:60px}.character-info-section article .inner .character-info b{position:absolute;color:#666;font-family:"Noto Serif KR";font-size:14px;text-align:center;font-weight:900;line-height:24px;letter-spacing:-.14px}.character-info-section article .inner .character-info b span{display:block;color:inherit;text-align:center;font-family:inherit;font-size:inherit;font-weight:400;line-height:inherit;letter-spacing:inherit}.character-info-section article .inner .character-info b.character01{top:42%;left:27%}.character-info-section article .inner .character-info b.character02{top:37%;left:38%}.character-info-section article .inner .character-info b.character03{top:40%;left:52%;color:#fff}.character-info-section article .inner .character-info b.character04{top:42%;left:62%}.character-info-section .scroll_con{height:200px}.characterInfoSection .character-info-section{z-index:901}.characterInfoSection .character-info-section article{opacity:1}@media (max-width: 768px){.character-info-section article .inner p{padding:150px 20px 0;font-size:14px;font-weight:400;line-height:1.75;letter-spacing:-.24px}.character-info-section article .inner .character-info strong{margin-bottom:5px;font-size:14px;line-height:20px;letter-spacing:-.14px}.character-info-section article .inner .character-info img{width:80vw;padding-right:40px}.character-info-section article .inner .character-info b{font-size:12px;line-height:16px;letter-spacing:-.12px}.character-info-section article .inner .character-info b.character01{top:40%;left:24%}.character-info-section article .inner .character-info b.character02{top:35%;left:37%}.character-info-section article .inner .character-info b.character03{top:38%;left:52%}.character-info-section article .inner .character-info b.character04{top:41%;left:62%}.character-info-section .scroll_con{height:500px}}.articleList-section{position:relative;padding-top:50vh;min-height:100vh;transition:all .6s}.articleList-section.motionBook.off{z-index:600}.articleList-section .fixed_con{position:sticky;top:0;height:100vh}.articleList-section .scroll_con{width:100%;min-height:1000px}.articleList-section .items{position:absolute;inset:0}.articleList-section .item{position:absolute;bottom:20%;left:50%;transform:translate(-50%);display:flex;width:200px;height:200px;justify-content:center;align-items:center;background-color:#000;border-radius:100%;border:2px dashed #009B92;color:#fff;font-size:24px;font-weight:700;letter-spacing:-.24px;z-index:58;transition:all .6s}.articleList-section .item.active{z-index:1010!important}.articleList-section .item.active:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:100%;z-index:70;animation-name:activeInfo;animation-duration:1s;animation-fill-mode:both}.articleList-section .item.active+.infoBox{position:fixed;background:#fff;z-index:8900;text-align:center;display:block;animation-name:InfoBoxOn;animation-delay:.6s;animation-duration:.6s;animation-fill-mode:both}.articleList-section .infoBox{display:none}.articleList-section .items-2 .item{z-index:65}.articleList-section .items-3 .item{z-index:64}.articleList-section .items-4 .item{z-index:63}.articleList-section .items-5 .item{z-index:62}.articleList-section .items-6 .item{z-index:61}.articleList-section.articleList-2 .items-2 .item{bottom:30%}.articleList-section.articleList-3 .items-2 .item{bottom:40%}.articleList-section.articleList-3 .items-3 .item{bottom:30%}.articleList-section.articleList-4 .items-2 .item{bottom:50%}.articleList-section.articleList-4 .items-3 .item{bottom:40%}.articleList-section.articleList-4 .items-4 .item{bottom:30%}.articleList-section.articleList-5 .items-2 .item,.articleList-section.articleList-6 .items-2 .item,.articleList-section.articleList-7 .items-2 .item{bottom:60%}.articleList-section.articleList-5 .items-3 .item,.articleList-section.articleList-6 .items-3 .item,.articleList-section.articleList-7 .items-3 .item{bottom:50%}.articleList-section.articleList-5 .items-4 .item,.articleList-section.articleList-6 .items-4 .item,.articleList-section.articleList-7 .items-4 .item{bottom:40%}.articleList-section.articleList-5 .items-5 .item,.articleList-section.articleList-6 .items-5 .item,.articleList-section.articleList-7 .items-5 .item{bottom:30%}.articleList-section .items .item:hover{background:#fff;border:2px solid #000;color:#000;z-index:70}.articleList-section .items .item:hover:after{position:absolute;content:"";width:45px;height:45px;bottom:-10px;right:10px;background-image:url(../img/icon-hand.png);background-position:center;background-repeat:no-repeat}.no-scroll .articleList{z-index:1020}.motionbook-area.articleListSection .navigate_mode,.motionbook-area.articleListSection .navigate_chapter{opacity:0}@media (max-width: 768px){.articleList-section{padding-top:10vh}.articleList-section .fixed_con{min-height:500px}.articleList-section .item{bottom:10%;width:135px;height:135px;font-size:18px;letter-spacing:-.18px}.articleList-section.articleList-2 .items-2 .item{bottom:25%}.articleList-section.articleList-3 .items-2 .item{bottom:40%}.articleList-section.articleList-3 .items-3 .item{bottom:25%}.articleList-section.articleList-4 .items-2 .item{bottom:55%}.articleList-section.articleList-4 .items-3 .item{bottom:40%}.articleList-section.articleList-4 .items-4 .item{bottom:25%}.articleList-section.articleList-5 .items-2 .item{bottom:70%}.articleList-section.articleList-5 .items-3 .item{bottom:55%}.articleList-section.articleList-5 .items-4 .item{bottom:40%}.articleList-section.articleList-5 .items-5 .item{bottom:25%}.articleList-section.articleList-6 .items-2 .item{bottom:70%}.articleList-section.articleList-6 .items-3 .item{bottom:55%}.articleList-section.articleList-6 .items-4 .item{bottom:40%}.articleList-section.articleList-6 .items-5 .item{bottom:25%}.articleList-section.articleList-7 .items-2 .item{bottom:70%}.articleList-section.articleList-7 .items-3 .item{bottom:55%}.articleList-section.articleList-7 .items-4 .item{bottom:40%}.articleList-section.articleList-7 .items-5 .item{bottom:25%}}.motionbook-area>section{position:relative;z-index:900}.author-section{position:relative;text-align:center;opacity:0;transition:all .2s}.author-section .fixed_con{position:sticky;top:0;padding-top:360px}.author-section .fixed_con:before{content:"";position:absolute;top:0;left:50%;width:2px;transform:translate(-50%);height:260px;background:#fff;opacity:.3}.author-section .fixed_con strong{display:block;margin-top:28px;font-size:24px;font-weight:700;line-height:1;letter-spacing:.28px}.author-section .fixed_con p{position:relative;padding-top:33px;margin:33px auto 0;max-width:680px;font-size:20px;font-weight:400;line-height:36px;letter-spacing:-.2px;min-height:1100px}.author-section .fixed_con p:before{content:"";position:absolute;top:0;left:50%;width:41px;transform:translate(-50%);height:2px;background:#fff}.author-section .scroll_con{height:400px}.motionbook-area .navigate_mode,.motionbook-area .navigate_chapter{opacity:0}.authorSection .author-section{opacity:1}.audio-controll .item-close,.text-book .item-close{background:none;border:0;position:absolute;top:5px;right:5px}.audio-controll .item-close{top:0;right:0;filter:invert(99%) sepia(68%) saturate(0%) hue-rotate(149deg) brightness(105%) contrast(100%);opacity:.7;z-index:120}.motionbook-area:not(.storySection) .story-section{opacity:0}@media (max-width: 768px){.authorSection .fixed_con{padding-top:180px}.authorSection .fixed_con:before{height:120px}.authorSection .fixed_con strong{margin-top:28px;font-size:18px;letter-spacing:.18px}.authorSection .fixed_con .img{width:80px;margin:0 auto}.authorSection .fixed_con .img img{width:100%}.authorSection .fixed_con p{padding-top:17px;margin-top:23px;font-size:12px;max-width:85vw;line-height:20px;letter-spacing:-.12px}.authorSection .fixed_con p:before{width:20px;height:1px}.authorSection .scroll_con{height:500px}}.audio-book{display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.audio-controll{position:relative;width:458px;height:458px;padding:55px;text-align:center;z-index:500}.audio-controll *{position:relative;z-index:100}.audio-controll strong{display:block;padding-top:45px;font-weight:700;font-size:20px}.audio-controll>div{margin-top:75px}.audio-controll:after{content:"";position:absolute;inset:0;border-radius:100%;background:#010101;fill:#010101;mix-blend-mode:luminosity;filter:blur(2px);z-index:99}.audio-controll .audio{display:flex;width:100%;justify-content:space-between;align-items:center}.audio-controll .audio .play-bar{position:relative;margin:0 20px;width:100%;height:4px}.audio-controll .audio .play-bar .current-play-time{position:absolute;width:10%;height:4px;background:#009B92}.audio-controll .audio .play-bar .current-play-time:after{content:"";position:absolute;top:0;right:0;width:12px;height:12px;border:1px solid #bbb;border-radius:100%;background-color:#fff}.audio-controll .audio .play-bar .timer{margin-top:20px;color:#999;font-size:14px;font-weight:400;line-height:28px;letter-spacing:-.14px}.audio-controll .audio button{background:none;border:none}.audio-controll .audio button img{vertical-align:middle}.play-bar{position:relative}.play-bar .progress-back{position:absolute;height:4px;background-color:#e7e8ed;top:0;left:2px;right:2px;z-index:0;border-radius:8px}.play-bar .fill-progress{transition:all .1s ease;position:absolute;height:4px;background-color:#009b92;top:0;left:2px;right:2px;z-index:1;border-radius:8px}.play-bar input{display:block;width:100%;appearance:none;-webkit-appearance:none;border-radius:10px;height:4px;background-color:#fff0;cursor:pointer;position:relative;z-index:2}.play-bar input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:12px;width:12px;border-radius:100%;border:1px solid #bbb;background-color:#fff}.sound-controll{position:relative}.sound-controll .volume-controls{position:absolute;bottom:calc(100% + 12px);left:0;right:0;width:40px;height:126px;border-radius:3px;background:#FFF;box-shadow:0 4px 4px #00000040}.sound-controll .volume-controls .slider{position:relative;width:40px;height:96px;margin-top:4px;overflow:hidden}.sound-controll .volume-controls .slider .progress-back{position:absolute;width:4px;height:96px;background-color:#e7e8ed;top:4px;left:50%;transform:translate(-50%);z-index:0;border-radius:8px}.sound-controll .volume-controls .slider .fill-volume-progress{transition:all .1s ease;position:absolute;width:4px;height:0;background-color:#009b92;bottom:0;left:50%;transform:translate(-50%);z-index:0;border-radius:8px;z-index:1}.sound-controll .volume-controls .slider input{display:block;width:96px;appearance:none;-webkit-appearance:none;height:4px;background-color:#fff0;top:4px;left:50%;border-radius:8px;cursor:pointer;position:relative;z-index:2;transform:rotate(270deg) translate(-90px,-4px);transform-origin:top left}.sound-controll .volume-controls .slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:12px;width:12px;border-radius:100%;border:1px solid #bbb;background-color:#fff}.sound-controll .volume-controls button{height:26px}@media (max-width: 768px){.audio-controll{width:269px;height:269px;padding:5px}.audio-controll strong{font-size:16px}.audio-controll>div{margin-top:35px}.audio-controll .audio .play-bar{margin:0 10px}.audio-controll .audio .play-bar .current-play-time:after{width:10px;height:10px}.audio-controll .audio .play-bar .timer{margin-top:10px;font-size:13px}}.text-book{position:relative;display:flex;width:100%;min-height:100vh;justify-content:center;align-items:center;overflow:hidden;z-index:500}.text-box{position:relative;width:100%;max-width:640px;border-radius:8px;background:#FFF;padding:40px 20px 20px;z-index:10}.text-box .inner{padding:12px;height:90vh;max-height:720px;overflow-y:auto}.text-box .inner .title{display:block;color:#000;font-size:24px;font-weight:700;line-height:36px;letter-spacing:-.2px;text-align:center;margin-bottom:21px}.text-box .inner>div{margin-bottom:26px}.text-box .inner::-webkit-scrollbar{width:5px}.text-box .inner::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:10px}.text-box .inner::-webkit-scrollbar-track{background:rgba(91,91,91,0)}.text-box p{color:#000;font-size:16px;font-weight:400;line-height:28px;letter-spacing:-.14px}.text-box p button{display:inline;padding:0;background:none;border:none}.text-box~.blur-bg-area .blur-bg{--size: 600px}@media (max-width: 768px){.text-book{align-items:end}.text-box{border-radius:8px 8px 0 0;padding:16px 16px 0}.text-box .inner{height:80vh}}.universe_background{position:fixed;display:flex;inset:0;z-index:480;opacity:0;transition:opacity 2s}.motionbook-area:not(.introSection)~.universe_background{opacity:.3}.illustration_background{position:fixed;inset:0;z-index:490;width:100%;height:100vh;opacity:0}.motionbook-area:not(.introSection)~.illustration_background{opacity:.5}