@keyframes scrollDown{0%{opacity:0;transform:translateY(0)}60%{opacity:1}to{opacity:0;transform:translateY(10px)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes loadingSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatEffect{0%{transform:translateY(0)}to{transform:translateY(5%)}}@keyframes visualRegScale{0%{transform:scale(1)}to{transform:scale(1.1)}}.v-lazy-image{opacity:0;transition:opacity .5s;will-change:opacity}.v-lazy-image-loaded{opacity:1}.page--index .section--visual{background-image:url(/images/bg-section-home.ea977.jpg);background-position:center 0;background-repeat:no-repeat;background-size:cover;height:100vh;left:50%;max-width:1280px;min-height:500px;min-width:360px;overflow:hidden;position:fixed;top:0;transform:translateX(-50%);width:100%}.page--index .section--visual .swiper-main__container{height:100%;width:100%}.page--index .section--visual .swiper-slide-wrap{background-position:center 0;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}@media screen and (min-width:768px){.page--index .section--visual{background-image:url(/images/bg-section-home.ea977.jpg);background-position:center 0;background-repeat:no-repeat;background-size:cover;height:100vh;left:50%;max-width:1280px;min-height:1000px;min-width:360px;overflow:hidden;position:fixed;top:0;transform:translateX(-50%);width:100%}.page--index .section--visual .swiper-main__container{height:100%;width:100%}.page--index .section--visual .swiper-slide-wrap{background-position:center 0;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}}
@keyframes scrollDown{0%{opacity:0;transform:translateY(0)}60%{opacity:1}to{opacity:0;transform:translateY(10px)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes loadingSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatEffect{0%{transform:translateY(0)}to{transform:translateY(5%)}}@keyframes visualRegScale{0%{transform:scale(1)}to{transform:scale(1.1)}}.v-lazy-image{opacity:0;transition:opacity .5s;will-change:opacity}.v-lazy-image-loaded{opacity:1}@keyframes mainTitle{0%{filter:blur(10px);opacity:0;transform:scale(1.4)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes mainBtn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page--index .section--home{background:none;height:100vh;min-height:640px;position:relative;width:100%}.page--index .section--home .section{height:100%;position:relative;width:100%}.page--index .section--home .section__wrap{height:100%;width:100%}.page--index .section--home .section__title{bottom:10%;height:154px;left:50%;margin-left:-81.5px;position:absolute;width:163px}.page--index .section--home .section__title>img{animation-delay:.45s;animation-direction:normal;animation-duration:.35s;animation-fill-mode:both;animation-iteration-count:1;animation-name:mainBtn;animation-timing-function:linear}.page--index .section--home .section__main{left:0;position:absolute;top:33%;width:100%}.page--index .section--home .section__msg{align-items:center;display:flex;flex-direction:column;position:relative;width:100%;z-index:10}.page--index .section--home .section__msg .msg-sub__title{animation-delay:.2s;animation-direction:normal;animation-fill-mode:both;animation-iteration-count:1;animation-timing-function:linear;color:#693054;font-size:14px;font-weight:500;letter-spacing:-.05em;line-height:21px}.page--index .section--home .section__msg .msg-main__title,.page--index .section--home .section__msg .msg-sub__title{animation-duration:.6s;animation-name:mainTitle;text-shadow:1px 1px 17.5px #fff,1px 1px 17.5px #fff,1px 1px 17.5px #fff,1px 1px 17.5px #fff,1px 1px 17.5px #fff,1px 1px 17.5px #fff}.page--index .section--home .section__msg .msg-main__title{animation-delay:.25s;animation-direction:normal;animation-fill-mode:both;animation-iteration-count:1;animation-timing-function:linear;color:#ff6ac5;font-size:25px;font-weight:700;letter-spacing:-.08em;line-height:28px;margin-bottom:13px;text-align:center}.page--index .section--home .section__msg .msg__btn{align-items:center;animation-delay:.45s;animation-direction:normal;animation-duration:.35s;animation-fill-mode:both;animation-iteration-count:1;animation-name:mainBtn;animation-timing-function:linear;background:#ff60a8;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);display:flex;height:35px;justify-content:center;margin:0 auto;padding:0 15px}.page--index .section--home .section__msg .msg__btn>span{color:#fff;display:block;font-size:13px;font-weight:600;letter-spacing:-.05em;line-height:33px}.page--index .section--home .section__util{animation-delay:.45s;animation-direction:normal;animation-duration:.35s;animation-fill-mode:both;animation-iteration-count:1;animation-name:mainBtn;animation-timing-function:linear;filter:drop-shadow(1px 1px 15px #fff) drop-shadow(1px 1px 15px #fff);width:100%}.page--index .section--home .section__util .util-store__list{align-items:center;display:flex;justify-content:center}.page--index .section--home .section__util .util-store__list>li{padding:0 2px}.page--index .section--home .section__util .util-store__link{background-image:url(/images/btn-store.da61a.png);background-repeat:no-repeat;background-size:277px auto;display:block;height:42px;width:137px}.page--index .section--home .section__util .util-store__link>span{display:block;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px}.page--index .section--home .section__util .util-store__link--google{background-position-x:100%}.page--index .section--home .section__util .util-social__list{align-items:center;display:flex;justify-content:center;padding-top:16px}.page--index .section--home .section__util .util-social__list>li{padding:0 9px}.page--index .section--home .section__util .util-social__link{background-image:url(/images/btn-social.7f7c7.png);background-repeat:no-repeat;background-size:235px auto;display:block;height:86px;width:75px}.page--index .section--home .section__util .util-social__link>span{display:block;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px}.page--index .section--home .section__util .util-social__link--yt{background-position-x:-80px}.page--index .section--home .section__util .util-social__link--line{background-position-x:-160px}.page--index .section--home .section__scroll{bottom:20px;left:0;position:absolute;width:100%}.page--index .section--home .section__scroll .scroll .arrow{animation:scrollDown 2s infinite;display:block;margin:0 auto}.page--index .section--home .section__scroll .scroll .arrow--1{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKBAMAAAB293L0AAAAJ1BMVEVHcEwwLi8wLi8wLi8wLi8wLi8wLi8wLi8wLi8wLi8wLi8wLi8wLi/nlJatAAAADHRSTlMA5Acjjz5hz61nx4R3gJ3dAAAAPElEQVQI12OwEgSBxQycZ0BgAgPDHiB1moGBQQNINwFp5pozxw2ANEPgGVEQxcB2JgFMM7hAKAYlBgQAAM8wEc1h+pcgAAAAAElFTkSuQmCC) no-repeat;background-size:100% auto;height:5px;width:7px}.page--index .section--home .section__scroll .scroll .arrow--2{animation-delay:-.15s;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAATlBMVEVHcEx3dneNjI1+fX2Ih4dbWVqQj49LSkqVlJQ8OjtvbW6VlJVsa2t7eXpTUVKFhIVgXl8wLi8wLi+TkpNqaGl3dndDQkMwLi8zMTI5NzjAC+Z8AAAAF3RSTlMABlKheO1F+SD+zhLVr/SF6AkoLNm2/O+GfzUAAACoSURBVCjPlZDbEoMgEEMPiAJivbUa/f8f7UNHWy12puctBNhk6fzcWmDkgxGw7ew7UiOVgS9CKTUJQi815uyaRuoDQOWlGzBs1gDcJF+9pIuK7vj4cFQs+9UXlddSvGV9jBdKqeZS1+cy22/G5GaBW/csLmp156J7k61nZg8JUnZLe7w6v2OwXktRLPKWLN2qGLV2XDBJ0nTlkh7SI13a3Nv2zg+s5R+eYeYJk/ypbsgAAAAASUVORK5CYII=) no-repeat;background-size:100% auto;height:10px;margin-top:-5px;width:15px}.page--index .section--home .section__scroll .scroll .text{color:#302e2f;display:block;font-size:8px;font-weight:700;letter-spacing:-.02em;line-height:11px;margin-bottom:3px;text-align:center}@media screen and (min-width:768px){.page--index .section--home{background:none;height:100vh;min-height:1280px;position:relative;width:100%}.page--index .section--home .section{height:100%;position:relative;width:100%}.page--index .section--home .section__wrap{height:100%;width:100%}.page--index .section--home .section__title{bottom:10%;height:308px;left:50%;margin-left:-163px;position:absolute;width:326px}.page--index .section--home .section__title>img{animation-delay:.45s;animation-direction:normal;animation-duration:.35s;animation-fill-mode:both;animation-iteration-count:1;animation-name:mainBtn;animation-timing-function:linear}.page--index .section--home .section__main{left:0;position:absolute;top:33%;width:100%}.page--index .section--home .section__msg{align-items:center;display:flex;flex-direction:column;position:relative;width:100%;z-index:10}.page--index .section--home .section__msg .msg-sub__title{animation-delay:.2s;animation-direction:normal;animation-fill-mode:both;animation-iteration-count:1;animation-timing-function:linear;color:#693054;font-size:28px;font-weight:500;letter-spacing:-.05em;line-height:42px}.page--index .section--home .section__msg .msg-main__title,.page--index .section--home .section__msg .msg-sub__title{animation-duration:.6s;animation-name:mainTitle;text-shadow:1px 1px 35px #fff,1px 1px 35px #fff,1px 1px 35px #fff,1px 1px 35px #fff,1px 1px 35px #fff,1px 1px 35px #fff}.page--index .section--home .section__msg .msg-main__title{animation-delay:.25s;animation-direction:normal;animation-fill-mode:both;animation-iteration-count:1;animation-timing-function:linear;color:#ff6ac5;font-size:50px;font-weight:700;letter-spacing:-.08em;line-height:56px;margin-bottom:26px;text-align:center}.page--index .section--home .section__msg .msg__btn{align-items:center;animation-delay:.45s;animation-direction:normal;animation-duration:.35s;animation-fill-mode:both;animation-iteration-count:1;animation-name:mainBtn;animation-timing-function:linear;background:#ff60a8;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);display:flex;height:70px;justify-content:center;margin:0 auto;padding:0 30px}.page--index .section--home .section__msg .msg__btn>span{color:#fff;display:block;font-size:26px;font-weight:600;letter-spacing:-.05em;line-height:66px}.page--index .section--home .section__util{animation-delay:.45s;animation-direction:normal;animation-duration:.35s;animation-fill-mode:both;animation-iteration-count:1;animation-name:mainBtn;animation-timing-function:linear;filter:drop-shadow(1px 1px 30px #fff) drop-shadow(1px 1px 30px #fff);width:100%}.page--index .section--home .section__util .util-store__list{align-items:center;display:flex;justify-content:center}.page--index .section--home .section__util .util-store__list>li{padding:0 4px}.page--index .section--home .section__util .util-store__link{background-image:url(/images/btn-store.da61a.png);background-repeat:no-repeat;background-size:554px auto;display:block;height:84px;width:274px}.page--index .section--home .section__util .util-store__link>span{display:block;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px}.page--index .section--home .section__util .util-store__link--google{background-position-x:100%}.page--index .section--home .section__util .util-social__list{align-items:center;display:flex;justify-content:center;padding-top:32px}.page--index .section--home .section__util .util-social__list>li{padding:0 18px}.page--index .section--home .section__util .util-social__link{background-image:url(/images/btn-social.7f7c7.png);background-repeat:no-repeat;background-size:470px auto;display:block;height:172px;width:150px}.page--index .section--home .section__util .util-social__link>span{display:block;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px}.page--index .section--home .section__util .util-social__link--yt{background-position-x:-160px}.page--index .section--home .section__util .util-social__link--line{background-position-x:-320px}.page--index .section--home .section__scroll{bottom:40px;left:0;position:absolute;width:100%}.page--index .section--home .section__scroll .scroll .arrow{animation:scrollDown 2s infinite;display:block;margin:0 auto}.page--index .section--home .section__scroll .scroll .arrow--1{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKBAMAAAB293L0AAAAJ1BMVEVHcEwwLi8wLi8wLi8wLi8wLi8wLi8wLi8wLi8wLi8wLi8wLi8wLi/nlJatAAAADHRSTlMA5Acjjz5hz61nx4R3gJ3dAAAAPElEQVQI12OwEgSBxQycZ0BgAgPDHiB1moGBQQNINwFp5pozxw2ANEPgGVEQxcB2JgFMM7hAKAYlBgQAAM8wEc1h+pcgAAAAAElFTkSuQmCC) no-repeat;background-size:100% auto;height:10px;width:14px}.page--index .section--home .section__scroll .scroll .arrow--2{animation-delay:-.15s;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAATlBMVEVHcEx3dneNjI1+fX2Ih4dbWVqQj49LSkqVlJQ8OjtvbW6VlJVsa2t7eXpTUVKFhIVgXl8wLi8wLi+TkpNqaGl3dndDQkMwLi8zMTI5NzjAC+Z8AAAAF3RSTlMABlKheO1F+SD+zhLVr/SF6AkoLNm2/O+GfzUAAACoSURBVCjPlZDbEoMgEEMPiAJivbUa/f8f7UNHWy12puctBNhk6fzcWmDkgxGw7ew7UiOVgS9CKTUJQi815uyaRuoDQOWlGzBs1gDcJF+9pIuK7vj4cFQs+9UXlddSvGV9jBdKqeZS1+cy22/G5GaBW/csLmp156J7k61nZg8JUnZLe7w6v2OwXktRLPKWLN2qGLV2XDBJ0nTlkh7SI13a3Nv2zg+s5R+eYeYJk/ypbsgAAAAASUVORK5CYII=) no-repeat;background-size:100% auto;height:20px;margin-top:-10px;width:30px}.page--index .section--home .section__scroll .scroll .text{color:#302e2f;display:block;font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:22px;margin-bottom:6px;text-align:center}}
@keyframes scrollDown{0%{opacity:0;transform:translateY(0)}60%{opacity:1}to{opacity:0;transform:translateY(10px)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes loadingSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatEffect{0%{transform:translateY(0)}to{transform:translateY(5%)}}@keyframes visualRegScale{0%{transform:scale(1)}to{transform:scale(1.1)}}.page--index .section--news .section__content .news-none__wrap .news-none__area>strong,.page--index .section--news .section__title .title{font-family:IBM Plex Sans JP,Noto Sans JP,맑은 고딕,malgun gothic,AppleGothicNeoSD,Apple SD 산돌고딕 Neo,Microsoft NeoGothic,Droid sans,"sans-serif"}.v-lazy-image{opacity:0;transition:opacity .5s;will-change:opacity}.v-lazy-image-loaded{opacity:1}.page--index .section--news .section__wrap{background-image:url(/images/bg-news.5d96a.jpg);background-position:50% 100%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;max-height:642px;padding:30px 0 17px}.page--index .section--news .section__title{margin-bottom:11.5px;opacity:0;text-align:center;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--news .section__title .title{color:#302e2f;font-size:25px;font-weight:700;letter-spacing:-.04em;line-height:30px}.page--index .section--news .section__title .sub-title{color:#666;font-size:9px;font-weight:500;letter-spacing:-.02em;line-height:12px}.page--index .section--news .section__content{margin:0 auto;max-width:360px;opacity:0;text-align:center;transform:translateY(20px);transition:opacity .15s,transform .15s;width:100%}.page--index .section--news .section__content .news__list{padding:0 19px}.page--index .section--news .section__content .news__item{height:100%;margin-bottom:5px;position:relative;width:100%}.page--index .section--news .section__content .news__item:first-child .news__link{align-items:center;display:flex;height:auto;justify-content:center;padding:5px}.page--index .section--news .section__content .news__item:first-child .news__link .news__item-wrap{padding:58.3% 0 0}.page--index .section--news .section__content .news__item:first-child .news__link .news__item-wrap .thumb{background-size:62px 62px;height:100%;left:0;position:absolute;top:0;width:100%}.page--index .section--news .section__content .news__item:first-child .news__link .news__item-wrap .info{background:rgba(0,0,0,.7);bottom:0;box-sizing:border-box;display:block;height:25px;left:0;padding:0 75px 0 12px;position:absolute;width:100%}.page--index .section--news .section__content .news__item:first-child .news__link .news__item-wrap .info .title{color:#fff;font-size:10px;font-weight:500;line-height:25px;max-height:25px;padding:0;-webkit-line-clamp:1}.page--index .section--news .section__content .news__item:first-child .news__link .news__item-wrap .info .date{color:#c7c7c7;font-size:11px;line-height:24px;margin:0;position:absolute;right:15px;top:0}.page--index .section--news .section__content .news__link{background:hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.6);box-sizing:border-box;clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px);display:block;height:72.5px;overflow:hidden;position:relative;width:100%}.page--index .section--news .section__content .news__link:before{background:hsla(0,0%,100%,.6);content:"";height:10px;left:-2px;position:absolute;top:-4px;transform:rotate(45deg);transform-origin:center 100%;width:2px}.page--index .section--news .section__content .news__link .news__item-wrap{box-sizing:border-box;height:100%;padding:0 8px 0 119px;position:relative;width:100%}.page--index .section--news .section__content .news__link .news__item-wrap .thumb{background-color:#ddd;background-image:url(/images/img-no-image.0bb06.png);background-position:50% 50%;background-repeat:no-repeat;background-size:40px 40px;height:61px;left:5px;position:absolute;top:5px;width:105px}.page--index .section--news .section__content .news__link .news__item-wrap .thumb>span{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:block;height:100%;width:100%}.page--index .section--news .section__content .news__link .news__item-wrap .info{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.page--index .section--news .section__content .news__link .news__item-wrap .title{display:block;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#3d3d3d;font-size:9px;font-weight:400;letter-spacing:-.02em;line-height:12px;max-height:24px;padding-bottom:1px;text-align:left;word-break:break-all}.page--index .section--news .section__content .news__link .news__item-wrap .date{color:#3d3d3d;display:block;font-size:8px;font-weight:300;letter-spacing:-.02em;line-height:10px;margin-top:4.5px}.page--index .section--news .section__content .news-all__link{display:inline-block;margin:14.5px auto 0;position:relative;vertical-align:top;z-index:10}.page--index .section--news .section__content .news-all__link .wrapper{align-items:center;background:#402b34;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);display:flex;height:20px;justify-content:center;padding:0 14px 0 13.5px}.page--index .section--news .section__content .news-all__link .icon{height:6px;margin-right:5px;position:relative;width:6px}.page--index .section--news .section__content .news-all__link .icon:after,.page--index .section--news .section__content .news-all__link .icon:before{background:#fff;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px}.page--index .section--news .section__content .news-all__link .icon:after{height:1px;width:6px}.page--index .section--news .section__content .news-all__link .text{color:#fff;display:block;font-size:8px;font-weight:500;line-height:11px;margin-bottom:1px}.page--index .section--news .section__content .news-none__wrap{padding:0 20px}.page--index .section--news .section__content .news-none__wrap .news-none__area{background:hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.6);box-sizing:border-box;clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px);display:flex;flex-direction:column;height:193px;justify-content:center}.page--index .section--news .section__content .news-none__wrap .news-none__area:before{background:hsla(0,0%,100%,.6);content:"";height:10px;left:-2px;position:absolute;top:-4px;transform:rotate(45deg);transform-origin:center 100%;width:2px}.page--index .section--news .section__content .news-none__wrap .news-none__area>strong{color:#402b34;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:29px;margin-top:9px}.page--index .section--news .section__content .news-none__wrap .news-none__area>p{color:#733b5e;font-size:8px;font-weight:500;letter-spacing:-.02em;line-height:10px}.page--index .section--news.scroll-on .section__title{opacity:1;transform:translate(0);transition:opacity .4s .1s,transform .4s .1s}.page--index .section--news.scroll-on .section__content{opacity:1;transform:translate(0);transition:opacity .4s .2s,transform .4s .2s}@media screen and (min-width:768px){.page--index .section--news .section__wrap{background-image:url(/images/bg-news.5d96a.jpg);background-position:50% 100%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;max-height:1284px;padding:60px 0 34px}.page--index .section--news .section__title{margin-bottom:23px;opacity:0;text-align:center;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--news .section__title .title{color:#302e2f;font-size:50px;font-weight:700;letter-spacing:-.04em;line-height:60px}.page--index .section--news .section__title .sub-title{color:#666;font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:24px}.page--index .section--news .section__content{margin:0 auto;max-width:720px;opacity:0;text-align:center;transform:translateY(20px);transition:opacity .15s,transform .15s;width:100%}.page--index .section--news .section__content .news__list{padding:0 38px}.page--index .section--news .section__content .news__item{height:100%;margin-bottom:10px;position:relative;width:100%}.page--index .section--news .section__content .news__item:first-child .news__link{align-items:center;display:flex;height:auto;justify-content:center;padding:10px}.page--index .section--news .section__content .news__item:first-child .news__link .news__item-wrap{padding:58.3% 0 0}.page--index .section--news .section__content .news__item:first-child .news__link .news__item-wrap .thumb{background-size:124px 124px;height:100%;left:0;position:absolute;top:0;width:100%}.page--index .section--news .section__content .news__item:first-child .news__link .news__item-wrap .info{background:rgba(0,0,0,.7);bottom:0;box-sizing:border-box;display:block;height:50px;left:0;padding:0 150px 0 24px;position:absolute;width:100%}.page--index .section--news .section__content .news__item:first-child .news__link .news__item-wrap .info .title{color:#fff;font-size:20px;font-weight:500;line-height:50px;max-height:50px;padding:0;-webkit-line-clamp:1}.page--index .section--news .section__content .news__item:first-child .news__link .news__item-wrap .info .date{color:#c7c7c7;font-size:22px;line-height:48px;margin:0;position:absolute;right:30px;top:0}.page--index .section--news .section__content .news__link{background:hsla(0,0%,100%,.3);border:2px solid hsla(0,0%,100%,.6);box-sizing:border-box;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);display:block;height:145px;overflow:hidden;position:relative;width:100%}.page--index .section--news .section__content .news__link:before{background:hsla(0,0%,100%,.6);content:"";height:20px;left:-4px;position:absolute;top:-8px;transform:rotate(45deg);transform-origin:center 100%;width:4px}.page--index .section--news .section__content .news__link .news__item-wrap{box-sizing:border-box;height:100%;padding:0 16px 0 238px;position:relative;width:100%}.page--index .section--news .section__content .news__link .news__item-wrap .thumb{background-color:#ddd;background-image:url(/images/img-no-image.0bb06.png);background-position:50% 50%;background-repeat:no-repeat;background-size:80px 80px;height:122px;left:10px;position:absolute;top:10px;width:210px}.page--index .section--news .section__content .news__link .news__item-wrap .thumb>span{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:block;height:100%;width:100%}.page--index .section--news .section__content .news__link .news__item-wrap .info{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.page--index .section--news .section__content .news__link .news__item-wrap .title{display:block;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#3d3d3d;font-size:18px;font-weight:400;letter-spacing:-.02em;line-height:24px;max-height:48px;padding-bottom:2px;text-align:left;word-break:break-all}.page--index .section--news .section__content .news__link .news__item-wrap .date{color:#3d3d3d;display:block;font-size:16px;font-weight:300;letter-spacing:-.02em;line-height:20px;margin-top:9px}.page--index .section--news .section__content .news-all__link{display:inline-block;margin:29px auto 0;position:relative;vertical-align:top;z-index:10}.page--index .section--news .section__content .news-all__link .wrapper{align-items:center;background:#402b34;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);display:flex;height:40px;justify-content:center;padding:0 28px 0 27px}.page--index .section--news .section__content .news-all__link .icon{height:12px;margin-right:10px;position:relative;width:12px}.page--index .section--news .section__content .news-all__link .icon:after,.page--index .section--news .section__content .news-all__link .icon:before{background:#fff;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.page--index .section--news .section__content .news-all__link .icon:after{height:2px;width:12px}.page--index .section--news .section__content .news-all__link .text{color:#fff;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:2px}.page--index .section--news .section__content .news-none__wrap{padding:0 40px}.page--index .section--news .section__content .news-none__wrap .news-none__area{background:hsla(0,0%,100%,.3);border:2px solid hsla(0,0%,100%,.6);box-sizing:border-box;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);display:flex;flex-direction:column;height:386px;justify-content:center}.page--index .section--news .section__content .news-none__wrap .news-none__area:before{background:hsla(0,0%,100%,.6);content:"";height:20px;left:-4px;position:absolute;top:-8px;transform:rotate(45deg);transform-origin:center 100%;width:4px}.page--index .section--news .section__content .news-none__wrap .news-none__area>strong{color:#402b34;font-size:56px;font-weight:700;letter-spacing:-.02em;line-height:58px;margin-top:18px}.page--index .section--news .section__content .news-none__wrap .news-none__area>p{color:#733b5e;font-size:16px;font-weight:500;letter-spacing:-.02em;line-height:20px}.page--index .section--news.scroll-on .section__title{opacity:1;transform:translate(0);transition:opacity .4s .1s,transform .4s .1s}.page--index .section--news.scroll-on .section__content{opacity:1;transform:translate(0);transition:opacity .4s .2s,transform .4s .2s}}
@keyframes scrollDown{0%{opacity:0;transform:translateY(0)}60%{opacity:1}to{opacity:0;transform:translateY(10px)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes loadingSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatEffect{0%{transform:translateY(0)}to{transform:translateY(5%)}}@keyframes visualRegScale{0%{transform:scale(1)}to{transform:scale(1.1)}}.page--index .section--char .section__title>h2{font-family:IBM Plex Sans JP,Noto Sans JP,맑은 고딕,malgun gothic,AppleGothicNeoSD,Apple SD 산돌고딕 Neo,Microsoft NeoGothic,Droid sans,"sans-serif"}.v-lazy-image{opacity:0;transition:opacity .5s;will-change:opacity}.v-lazy-image-loaded{opacity:1}.page--index .section--char.scroll-on .section__title>h2{opacity:1;transform:translate(0);transition:opacity .4s .2s,transform .4s .2s}.page--index .section--char.scroll-on .section__title>p{opacity:1;transform:translate(0);transition:opacity .4s .35s,transform .4s .35s}.page--index .section--char.scroll-on .character{opacity:1;transform:translate(0);transition:opacity .4s .5s,transform .4s .5s}.page--index .section--char .section__wrap{background:url(/images/bg-char.507d2.jpg) no-repeat;background-position:50% 0;background-repeat:no-repeat;background-size:cover;height:615px;overflow:hidden;position:relative}.page--index .section--char .section__title{padding:40px 15px 0;text-align:center}.page--index .section--char .section__title>h2{color:#302e2f;font-size:25px;font-weight:700;letter-spacing:-.1em;line-height:27px;margin-bottom:3px;opacity:0;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--char .section__title>p{color:#666;font-size:9px;font-weight:500;letter-spacing:-.02em;line-height:11px;opacity:0;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--char .section__content{padding:28px 0 6px}.page--index .section--char .character{margin:0 auto;max-width:640px;opacity:0;position:relative;transform:translateY(20px);transition:opacity .15s,transform .15s;width:100%}.page--index .section--char .character__type{margin-bottom:13px}.page--index .section--char .character__type .type-list{display:flex;justify-content:space-between;margin:0 auto;width:312px}.page--index .section--char .character__type .type-list__item{width:40px}.page--index .section--char .character__type .type-list__item--human .icon{background-image:url(/images/sprite.1d431.png);background-position:-93px -93px;background-repeat:no-repeat;background-size:171px auto;display:block;height:25px;width:26px}.page--index .section--char .character__type .type-list__item--beast .icon{background-image:url(/images/sprite.1d431.png);background-position:-31px -93px;background-repeat:no-repeat;background-size:171px auto;display:block;height:25px;width:26px}.page--index .section--char .character__type .type-list__item--fairy .icon{background-image:url(/images/sprite.1d431.png);background-position:-62px -93px;background-repeat:no-repeat;background-size:171px auto;display:block;height:25px;width:26px}.page--index .section--char .character__type .type-list__item--undead .icon{background-image:url(/images/sprite.1d431.png);background-position:-145px 0;background-repeat:no-repeat;background-size:171px auto;display:block;height:25px;width:26px}.page--index .section--char .character__type .type-list__item--angel .icon{background-image:url(/images/sprite.1d431.png);background-position:0 -93px;background-repeat:no-repeat;background-size:171px auto;display:block;height:25px;width:26px}.page--index .section--char .character__type .type-list__item--demon .icon{background-image:url(/images/sprite.1d431.png);background-position:-145px -30px;background-repeat:no-repeat;background-size:171px auto;display:block;height:24.5px;width:26px}.page--index .section--char .character__type .type-list__item--all .icon{background-image:url(/images/sprite.1d431.png);background-position:-76px -55px;background-repeat:no-repeat;background-size:171px auto;display:block;height:25px;width:26px}.page--index .section--char .character__type .type-list__item--on .btn-char-type .icon{filter:none!important}.page--index .section--char .character__type .type-list .btn-char-type{display:block;position:relative;text-align:center;width:100%}.page--index .section--char .character__type .type-list .btn-char-type .icon{display:block;filter:brightness(0) invert(1);height:25px;margin:0 auto 3px;transition:filter .3s;width:26px}.page--index .section--char .character__type .type-list .btn-char-type .type{color:#302e2f;display:block;font-size:10px;font-weight:400;letter-spacing:-.02em;line-height:13px;text-transform:capitalize}.page--index .section--char .character__type .type-list .btn-char-type .new{background-image:url(/images/sprite.1d431.png);background-position:-107px -76px;background-repeat:no-repeat;background-size:171px auto;bottom:16.5px;display:block;height:10px;position:absolute;right:4.5px;width:10px}.page--index .section--char .character__type .type-pos{height:11px;margin:3.5px auto;overflow:hidden;position:relative;right:2px;width:315px}.page--index .section--char .character__type .type-pos .tab-line{height:100%;position:absolute;top:0;width:100%}.page--index .section--char .character__type .type-pos .tab-line--left{left:0;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:0 11px;mask-size:0 11px}.page--index .section--char .character__type .type-pos .tab-line--left,.page--index .section--char .character__type .type-pos .tab-line--right{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnYAAAAWAQMAAAB38UPJAAAAA1BMVEX///+nxBvIAAAAFUlEQVQYGWMYBaNgFIyCUTAKhiEAAAbgAAHsCBagAAAAAElFTkSuQmCC);mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnYAAAAWAQMAAAB38UPJAAAAA1BMVEX///+nxBvIAAAAFUlEQVQYGWMYBaNgFIyCUTAKhiEAAAbgAAHsCBagAAAAAElFTkSuQmCC);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:.25s}.page--index .section--char .character__type .type-pos .tab-line--right{-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:284px 11px;mask-size:284px 11px;right:0}.page--index .section--char .character__type .type-pos .tab-line--right>img{position:absolute;right:1px;top:0}.page--index .section--char .character__type .type-pos .tab-line-active{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAWCAMAAACv4N8tAAAAM1BMVEVHcEwwLUQwLUUwLUQwLUUwLUUwLUUwLUUwLUUwLUUwLUQwLUQwLUQwLUUwLUQwLUUwLUTgqj7HAAAAEHRSTlMAyLoklAVz6hIv2WH7Q61RwhdlOwAAAMFJREFUOMulVO0ShCAITA1Ky4/3f9prAro57Zi0/SPj7I6wgNP0DsXf3p54IN8MqPLyBzMzLY68vi6ctVvcSPKb4QDtkGlmoxMk6INf1irowyzuYRqRi3sAIVMTioLdMWH3tXuR0ne7pj9S9CfB1u5JHbMmL1EI+XJP6giRytHkAZgQZFCvych0hWr1KIR2UNOZPgRNfzhEhLbT3IaoVn88kX8Wplm91Ne8L2j19ObZpnkXblevA2jefVym9OLlT/kBDwAcARPAKsMAAAAASUVORK5CYII=) no-repeat;background-size:100% auto;height:11px;left:0;position:absolute;top:0;transition:.25s;width:31px}.page--index .section--char .character__type .type-pos[data-type=human] .tab-line--left{-webkit-mask-size:0 11px;mask-size:0 11px}.page--index .section--char .character__type .type-pos[data-type=human] .tab-line--right{-webkit-mask-size:284px 11px;mask-size:284px 11px}.page--index .section--char .character__type .type-pos[data-type=human] .tab-line-active{left:0}.page--index .section--char .character__type .type-pos[data-type=beast] .tab-line--left{-webkit-mask-size:47.3333333333px 11px;mask-size:47.3333333333px 11px}.page--index .section--char .character__type .type-pos[data-type=beast] .tab-line--right{-webkit-mask-size:236.6666666667px 11px;mask-size:236.6666666667px 11px}.page--index .section--char .character__type .type-pos[data-type=beast] .tab-line-active{left:47.3333333333px}.page--index .section--char .character__type .type-pos[data-type=fairy] .tab-line--left{-webkit-mask-size:94.6666666667px 11px;mask-size:94.6666666667px 11px}.page--index .section--char .character__type .type-pos[data-type=fairy] .tab-line--right{-webkit-mask-size:189.3333333333px 11px;mask-size:189.3333333333px 11px}.page--index .section--char .character__type .type-pos[data-type=fairy] .tab-line-active{left:94.6666666667px}.page--index .section--char .character__type .type-pos[data-type=undead] .tab-line--left,.page--index .section--char .character__type .type-pos[data-type=undead] .tab-line--right{-webkit-mask-size:142px 11px;mask-size:142px 11px}.page--index .section--char .character__type .type-pos[data-type=undead] .tab-line-active{left:142px}.page--index .section--char .character__type .type-pos[data-type=angel] .tab-line--left{-webkit-mask-size:189.3333333333px 11px;mask-size:189.3333333333px 11px}.page--index .section--char .character__type .type-pos[data-type=angel] .tab-line--right{-webkit-mask-size:94.6666666667px 11px;mask-size:94.6666666667px 11px}.page--index .section--char .character__type .type-pos[data-type=angel] .tab-line-active{left:189.3333333333px}.page--index .section--char .character__type .type-pos[data-type=demon] .tab-line--left{-webkit-mask-size:236.6666666667px 11px;mask-size:236.6666666667px 11px}.page--index .section--char .character__type .type-pos[data-type=demon] .tab-line--right{-webkit-mask-size:47.3333333333px 11px;mask-size:47.3333333333px 11px}.page--index .section--char .character__type .type-pos[data-type=demon] .tab-line-active{left:236.6666666667px}.page--index .section--char .character__type .type-pos[data-type=all] .tab-line--left{-webkit-mask-size:284px 11px;mask-size:284px 11px}.page--index .section--char .character__type .type-pos[data-type=all] .tab-line--right{-webkit-mask-size:0 11px;mask-size:0 11px}.page--index .section--char .character__type .type-pos[data-type=all] .tab-line-active{left:284px}.page--index .section--char .character__list{margin-bottom:6px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:.3s;width:100%;z-index:10}.page--index .section--char .character__list .swiper-function{align-content:flex-start;align-items:center;display:flex;flex-wrap:nowrap;height:31px;justify-content:center;position:relative}.page--index .section--char .character__list .swiper-function .swiper-pagination{color:#3d3d3d;font-size:11px;font-weight:400;line-height:29px}.page--index .section--char .character__list .swiper-function .swiper-pagination-current{color:#000;font-weight:700}.page--index .section--char .character__list .swiper-function .swiper-navigation .swiper__arrow{align-content:flex-start;align-items:center;display:flex;flex-wrap:nowrap;height:31px;justify-content:center;left:50%;position:absolute;top:1px;width:32px}.page--index .section--char .character__list .swiper-function .swiper-navigation .swiper__arrow>span{background-image:url(/images/sprite.1d431.png);background-position:0 -139px;background-repeat:no-repeat;background-size:171px auto;display:block;height:19px;width:12px}.page--index .section--char .character__list .swiper-function .swiper-navigation .swiper__arrow--prev{margin-left:-59.5px}.page--index .section--char .character__list .swiper-function .swiper-navigation .swiper__arrow--next{margin-left:27.5px;transform:rotate(180deg)}.page--index .section--char .character__list .swiper-function .swiper-navigation .swiper__arrow[disabled]{cursor:default;opacity:.3}.page--index .section--char .character__list--on{opacity:1;transform:translateY(0)}.page--index .section--char .character__list .character-list__wrap{margin:0 auto;opacity:0;transform:translateY(20px);width:312px}.page--index .section--char .character__list .character-list__wrap--on{opacity:1;transform:translateY(0);transition:.5s}.page--index .section--char .character__list .character-list__slide{height:198px}.page--index .section--char .character__list .character-list__item{align-items:center;display:flex;height:99px;justify-content:center;overflow:hidden;width:78px}.page--index .section--char .character__list .character-list__item.swiper-no-swiping{display:none}.page--index .section--char .character__list .character-list__link{display:block;height:100%;width:100%}.page--index .section--char .character__list .character-list__link .thumb{display:block;height:86px;margin:0 auto;position:relative;width:75px}.page--index .section--char .character__list .character-list__link .thumb .new{background-image:url(/images/sprite.1d431.png);background-position:0 -123px;background-repeat:no-repeat;background-size:171px auto;bottom:5px;height:11px;left:5px;position:absolute;width:53px}.page--index .section--char .character__list .character-list__link .thumb .loading{align-items:center;display:flex;height:198px;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .25s;width:100%}.page--index .section--char .character__list .character-list__link .thumb .loading .loading__wrap{background:url(/images/loading-back.019c4.png);background-size:100% auto;height:53px;width:46px}.page--index .section--char .character__list .character-list__link .thumb .loading .loading__spinner{background:url(/images/loading-spinner.a2b79.png);background-size:100% auto;display:block;height:42px;width:42px}.page--index .section--char .character__list .character-list__link .thumb .loading--on{opacity:1;z-index:11}.page--index .section--char .character__list .character-list__link .thumb .loading--on .loading__spinner{animation-delay:0s;animation-direction:normal;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loadingSpinner;animation-timing-function:linear}.page--index .section--char .character__list .character-list__link .thumb .loading .loading__wrap{transform:scale(.7)}.page--index .section--char .character__list .character-list__link .thumb--load .loading{opacity:0;z-index:-1}.page--index .section--char .character__list .character-list__link .thumb--load .loading .loading__spinner{animation:none}.page--index .section--char .character__list .character-list__link .name{box-sizing:border-box;color:#302e2f;display:block;font-size:9px;font-weight:500;letter-spacing:-.02em;line-height:11px;margin-top:-2px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.page--index .section--char .character__list .character-list__visual{align-items:flex-start;background:url(/images/bg-visual.2d564.png) no-repeat 50% 0;background-size:223px 171px;box-sizing:border-box;display:flex;height:171px;justify-content:center;margin-top:6px;padding-top:115px;position:relative;width:100%}.page--index .section--char .character__list .character-list__visual--msg{display:block;padding:0 13px;position:relative}.page--index .section--char .character__list .character-list__visual--msg:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAP1BMVEVHcEyUlJT///+bm5uUlJSUlJSUlJSUlJSUlJSUlJSgoKDKysri4uLb29uXl5erq6vS0tKUlJT39/ft7e3AwMDtjG8bAAAACnRSTlMAV///QQF2Eh0woMlclgAAAHdJREFUGNNt0FsOhSAMBFCcWoGCD9T9r1UUbsKlzOfJtElrzDDODUzEK7QU9qlHTneUSc9fA11uRJn7rXJhVboEaM1bs5LXVaV+P7Me/8rpwKtbq1yqWds/8PZVO51LFaFVTiuq2veekl8VITlrqEYiqgoZ6RGRHk5mBRYM9PcfAAAAAElFTkSuQmCC) no-repeat;background-size:100% auto;content:"";height:10px;left:50%;margin-left:-16px;position:absolute;top:-9px;width:10px;z-index:2}.page--index .section--char .character__list .character-list__visual--msg .bubble-msg{background:#fff;border-bottom:1px solid #9b9b9b;border-top:1px solid #9b9b9b;color:#666;display:block;font-size:9px;font-weight:500;line-height:11px;max-width:190px;padding:5px 10px 7px;position:relative;text-align:center;z-index:1}.page--index .section--char .character__list .character-list__visual--msg .bubble-pop{background:#fff;border:1px solid #9b9b9b;border-radius:50%;box-sizing:border-box;height:100%;position:absolute;top:0;width:25px}.page--index .section--char .character__list .character-list__visual--msg .bubble-pop--left{left:0}.page--index .section--char .character__list .character-list__visual--msg .bubble-pop--right{right:0}.page--index .section--char .character__loading{align-items:center;display:flex;height:198px;justify-content:center;left:0;opacity:0;position:absolute;top:63.5px;transition:opacity .25s;width:100%;z-index:1}.page--index .section--char .character__loading .loading__wrap{background:url(/images/loading-back.019c4.png);background-size:100% auto;height:53px;width:46px}.page--index .section--char .character__loading .loading__spinner{background:url(/images/loading-spinner.a2b79.png);background-size:100% auto;display:block;height:42px;width:42px}.page--index .section--char .character__loading--on{opacity:1;z-index:11}.page--index .section--char .character__loading--on .loading__spinner{animation-delay:0s;animation-direction:normal;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loadingSpinner;animation-timing-function:linear}.page--index .section--char .character__detail{left:0;margin:0 auto;opacity:0;overflow:hidden;position:absolute;top:55px;transform:translateY(20px);width:100%;z-index:-1}.page--index .section--char .character__detail--on{opacity:1;transform:translateY(0);transition:.3s;z-index:12}.page--index .section--char .character__detail .character-detail__wrap{margin:0 auto;max-width:360px;opacity:0;position:relative;transform:translateY(20px)}.page--index .section--char .character__detail .character-detail__wrap--on{opacity:1;transform:translateY(0);transition:.7s}.page--index .section--char .character__detail .character-detail__wrap .goback__link{padding:10px;position:absolute;right:10px;top:0;width:68px;z-index:10}.page--index .section--char .character__detail .character-detail__wrap .goback__link .wrapper{align-items:center;background:#402b34;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);display:flex;height:20px;justify-content:center;padding:0 12px 0 13px}.page--index .section--char .character__detail .character-detail__wrap .goback__link .icon{background-image:url(/images/sprite.1d431.png);background-position:-122px -76px;background-repeat:no-repeat;background-size:171px auto;display:block;height:9px;margin-right:5px;width:6px}.page--index .section--char .character__detail .character-detail__wrap .goback__link .text{color:#fff;display:block;font-size:9px;font-weight:500;line-height:11px;margin-bottom:1px}.page--index .section--char .character__detail .character-detail__wrap .swiper-navigation{height:1px;left:0;opacity:0;position:absolute;top:0;transform:translateY(10px);transition:.15s;width:100%;z-index:10}.page--index .section--char .character__detail .character-detail__wrap .swiper-navigation--on{opacity:1;transform:translateY(0);transition:.3s}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow{box-sizing:border-box;height:53px;overflow:hidden;position:absolute;top:53px;width:81px;z-index:13}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow .arrow{background-image:url(/images/sprite.1d431.png);background-position:0 -139px;background-repeat:no-repeat;background-size:171px auto;display:block;height:19px;position:absolute;top:11px;width:12px}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow .char{display:block;text-align:center;width:100%}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow .char>img{margin:0 auto;width:35px}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow .char>strong{color:#302e2f;display:block;font-size:9px;font-weight:500;line-height:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow--next{padding-right:10px;right:0}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow--next .arrow{right:9px;transform:rotate(180deg)}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow--prev{left:0;padding-left:10px}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow--prev .arrow{left:9px}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow.swiper-button-disabled{display:none}.page--index .section--char .character__detail .character-detail__item{height:383px;opacity:0;transition:opacity .3s}.page--index .section--char .character__detail .character-detail__item.swiper-no-swiping{display:none}.page--index .section--char .character__detail .character-detail__item.swiper-slide-active{opacity:1}.page--index .section--char .character__detail .character-detail__link{display:block;position:relative;width:100%}.page--index .section--char .character__detail .character-detail__link .thumb{display:block;position:relative}.page--index .section--char .character__detail .character-detail__link .thumb .loading{align-items:center;display:flex;height:198px;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .25s;width:100%}.page--index .section--char .character__detail .character-detail__link .thumb .loading .loading__wrap{background:url(/images/loading-back.019c4.png);background-size:100% auto;height:53px;width:46px}.page--index .section--char .character__detail .character-detail__link .thumb .loading .loading__spinner{background:url(/images/loading-spinner.a2b79.png);background-size:100% auto;display:block;height:42px;width:42px}.page--index .section--char .character__detail .character-detail__link .thumb .loading--on{opacity:1;z-index:11}.page--index .section--char .character__detail .character-detail__link .thumb .loading--on .loading__spinner{animation-delay:0s;animation-direction:normal;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loadingSpinner;animation-timing-function:linear}.page--index .section--char .character__detail .character-detail__link .thumb--load .loading{opacity:0;z-index:-1}.page--index .section--char .character__detail .character-detail__link .thumb--load .loading .loading__spinner{animation:none}.page--index .section--char .character__detail .character-detail__link .name{color:#302e2f;display:block;font-size:18px;font-weight:500;line-height:21px;margin-bottom:4.5px;position:relative;text-align:center;width:100%}.page--index .section--char .character__detail .character-info__wrap{margin:0 auto;padding-top:16px;width:320px}.page--index .section--char .character__detail .character-info__list{display:flex;height:29px}.page--index .section--char .character__detail .character-info__list>li{position:relative;width:25%}.page--index .section--char .character__detail .character-info__list>li:after{background:#fff;content:"";height:100%;position:absolute;right:0;top:0;width:1px}.page--index .section--char .character__detail .character-info__list>li:last-child:after{display:none}.page--index .section--char .character__detail .character-info__link{align-items:center;background:#e9e6e8;display:flex;height:100%;justify-content:center;text-align:center}.page--index .section--char .character__detail .character-info__link>span{color:#302e2f;font-size:9px;font-weight:500;line-height:11px}.page--index .section--char .character-mask{background:url(/images/bg-char.507d2.jpg) no-repeat;background-repeat:repeat;background-size:640px 615px;height:615px;position:absolute;top:0;width:140px;z-index:13}.page--index .section--char .character-mask--left{background-position:0 0;left:50%;margin-left:-320px;-webkit-mask-image:linear-gradient(90deg,#3e3e3e 85%,transparent);mask-image:linear-gradient(90deg,#3e3e3e 85%,transparent)}.page--index .section--char .character-mask--right{background-position:100% 0;margin-right:-320px;-webkit-mask-image:linear-gradient(270deg,#3e3e3e 85%,transparent);mask-image:linear-gradient(270deg,#3e3e3e 85%,transparent);right:50%}@media screen and (min-width:768px){.page--index .section--char.scroll-on .section__title>h2{opacity:1;transform:translate(0);transition:opacity .4s .2s,transform .4s .2s}.page--index .section--char.scroll-on .section__title>p{opacity:1;transform:translate(0);transition:opacity .4s .35s,transform .4s .35s}.page--index .section--char.scroll-on .character{opacity:1;transform:translate(0);transition:opacity .4s .5s,transform .4s .5s}.page--index .section--char .section__wrap{background:url(/images/bg-char.507d2.jpg) no-repeat;background-position:50% 0;background-repeat:no-repeat;background-size:cover;height:1230px;overflow:hidden;position:relative}.page--index .section--char .section__title{padding:80px 30px 0;text-align:center}.page--index .section--char .section__title>h2{color:#302e2f;font-size:50px;font-weight:700;letter-spacing:-.1em;line-height:54px;margin-bottom:6px;opacity:0;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--char .section__title>p{color:#666;font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:22px;opacity:0;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--char .section__content{padding:56px 0 12px}.page--index .section--char .character{margin:0 auto;max-width:1280px;opacity:0;position:relative;transform:translateY(20px);transition:opacity .15s,transform .15s;width:100%}.page--index .section--char .character__type{margin-bottom:26px}.page--index .section--char .character__type .type-list{display:flex;justify-content:space-between;margin:0 auto;width:624px}.page--index .section--char .character__type .type-list__item{width:80px}.page--index .section--char .character__type .type-list__item--human .icon{background-image:url(/images/sprite.1d431.png);background-position:-186px -186px;background-repeat:no-repeat;background-size:342px auto;display:block;height:50px;width:52px}.page--index .section--char .character__type .type-list__item--beast .icon{background-image:url(/images/sprite.1d431.png);background-position:-62px -186px;background-repeat:no-repeat;background-size:342px auto;display:block;height:50px;width:52px}.page--index .section--char .character__type .type-list__item--fairy .icon{background-image:url(/images/sprite.1d431.png);background-position:-124px -186px;background-repeat:no-repeat;background-size:342px auto;display:block;height:50px;width:52px}.page--index .section--char .character__type .type-list__item--undead .icon{background-image:url(/images/sprite.1d431.png);background-position:-290px 0;background-repeat:no-repeat;background-size:342px auto;display:block;height:50px;width:52px}.page--index .section--char .character__type .type-list__item--angel .icon{background-image:url(/images/sprite.1d431.png);background-position:0 -186px;background-repeat:no-repeat;background-size:342px auto;display:block;height:50px;width:52px}.page--index .section--char .character__type .type-list__item--demon .icon{background-image:url(/images/sprite.1d431.png);background-position:-290px -60px;background-repeat:no-repeat;background-size:342px auto;display:block;height:49px;width:52px}.page--index .section--char .character__type .type-list__item--all .icon{background-image:url(/images/sprite.1d431.png);background-position:-152px -110px;background-repeat:no-repeat;background-size:342px auto;display:block;height:50px;width:52px}.page--index .section--char .character__type .type-list__item--on .btn-char-type .icon{filter:none!important}.page--index .section--char .character__type .type-list .btn-char-type{display:block;position:relative;text-align:center;width:100%}.page--index .section--char .character__type .type-list .btn-char-type .icon{display:block;filter:brightness(0) invert(1);height:50px;margin:0 auto 6px;transition:filter .3s;width:52px}.page--index .section--char .character__type .type-list .btn-char-type .type{color:#302e2f;display:block;font-size:20px;font-weight:400;letter-spacing:-.02em;line-height:26px;text-transform:capitalize}.page--index .section--char .character__type .type-list .btn-char-type .new{background-image:url(/images/sprite.1d431.png);background-position:-214px -152px;background-repeat:no-repeat;background-size:342px auto;bottom:33px;display:block;height:20px;position:absolute;right:9px;width:20px}.page--index .section--char .character__type .type-pos{height:22px;margin:7px auto;overflow:hidden;position:relative;right:4px;width:630px}.page--index .section--char .character__type .type-pos .tab-line{height:100%;position:absolute;top:0;width:100%}.page--index .section--char .character__type .type-pos .tab-line--left{left:0;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:0 22px;mask-size:0 22px}.page--index .section--char .character__type .type-pos .tab-line--left,.page--index .section--char .character__type .type-pos .tab-line--right{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnYAAAAWAQMAAAB38UPJAAAAA1BMVEX///+nxBvIAAAAFUlEQVQYGWMYBaNgFIyCUTAKhiEAAAbgAAHsCBagAAAAAElFTkSuQmCC);mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnYAAAAWAQMAAAB38UPJAAAAA1BMVEX///+nxBvIAAAAFUlEQVQYGWMYBaNgFIyCUTAKhiEAAAbgAAHsCBagAAAAAElFTkSuQmCC);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:.25s}.page--index .section--char .character__type .type-pos .tab-line--right{-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:568px 22px;mask-size:568px 22px;right:0}.page--index .section--char .character__type .type-pos .tab-line--right>img{position:absolute;right:1px;top:0}.page--index .section--char .character__type .type-pos .tab-line-active{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAWCAMAAACv4N8tAAAAM1BMVEVHcEwwLUQwLUUwLUQwLUUwLUUwLUUwLUUwLUUwLUUwLUQwLUQwLUQwLUUwLUQwLUUwLUTgqj7HAAAAEHRSTlMAyLoklAVz6hIv2WH7Q61RwhdlOwAAAMFJREFUOMulVO0ShCAITA1Ky4/3f9prAro57Zi0/SPj7I6wgNP0DsXf3p54IN8MqPLyBzMzLY68vi6ctVvcSPKb4QDtkGlmoxMk6INf1irowyzuYRqRi3sAIVMTioLdMWH3tXuR0ne7pj9S9CfB1u5JHbMmL1EI+XJP6giRytHkAZgQZFCvych0hWr1KIR2UNOZPgRNfzhEhLbT3IaoVn88kX8Wplm91Ne8L2j19ObZpnkXblevA2jefVym9OLlT/kBDwAcARPAKsMAAAAASUVORK5CYII=) no-repeat;background-size:100% auto;height:22px;left:0;position:absolute;top:0;transition:.25s;width:62px}.page--index .section--char .character__type .type-pos[data-type=human] .tab-line--left{-webkit-mask-size:0 22px;mask-size:0 22px}.page--index .section--char .character__type .type-pos[data-type=human] .tab-line--right{-webkit-mask-size:568px 22px;mask-size:568px 22px}.page--index .section--char .character__type .type-pos[data-type=human] .tab-line-active{left:0}.page--index .section--char .character__type .type-pos[data-type=beast] .tab-line--left{-webkit-mask-size:94.6666666667px 22px;mask-size:94.6666666667px 22px}.page--index .section--char .character__type .type-pos[data-type=beast] .tab-line--right{-webkit-mask-size:473.3333333333px 22px;mask-size:473.3333333333px 22px}.page--index .section--char .character__type .type-pos[data-type=beast] .tab-line-active{left:94.6666666667px}.page--index .section--char .character__type .type-pos[data-type=fairy] .tab-line--left{-webkit-mask-size:189.3333333333px 22px;mask-size:189.3333333333px 22px}.page--index .section--char .character__type .type-pos[data-type=fairy] .tab-line--right{-webkit-mask-size:378.6666666667px 22px;mask-size:378.6666666667px 22px}.page--index .section--char .character__type .type-pos[data-type=fairy] .tab-line-active{left:189.3333333333px}.page--index .section--char .character__type .type-pos[data-type=undead] .tab-line--left,.page--index .section--char .character__type .type-pos[data-type=undead] .tab-line--right{-webkit-mask-size:284px 22px;mask-size:284px 22px}.page--index .section--char .character__type .type-pos[data-type=undead] .tab-line-active{left:284px}.page--index .section--char .character__type .type-pos[data-type=angel] .tab-line--left{-webkit-mask-size:378.6666666667px 22px;mask-size:378.6666666667px 22px}.page--index .section--char .character__type .type-pos[data-type=angel] .tab-line--right{-webkit-mask-size:189.3333333333px 22px;mask-size:189.3333333333px 22px}.page--index .section--char .character__type .type-pos[data-type=angel] .tab-line-active{left:378.6666666667px}.page--index .section--char .character__type .type-pos[data-type=demon] .tab-line--left{-webkit-mask-size:473.3333333333px 22px;mask-size:473.3333333333px 22px}.page--index .section--char .character__type .type-pos[data-type=demon] .tab-line--right{-webkit-mask-size:94.6666666667px 22px;mask-size:94.6666666667px 22px}.page--index .section--char .character__type .type-pos[data-type=demon] .tab-line-active{left:473.3333333333px}.page--index .section--char .character__type .type-pos[data-type=all] .tab-line--left{-webkit-mask-size:568px 22px;mask-size:568px 22px}.page--index .section--char .character__type .type-pos[data-type=all] .tab-line--right{-webkit-mask-size:0 22px;mask-size:0 22px}.page--index .section--char .character__type .type-pos[data-type=all] .tab-line-active{left:568px}.page--index .section--char .character__list{margin-bottom:12px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:.3s;width:100%;z-index:10}.page--index .section--char .character__list .swiper-function{align-content:flex-start;align-items:center;display:flex;flex-wrap:nowrap;height:62px;justify-content:center;position:relative}.page--index .section--char .character__list .swiper-function .swiper-pagination{color:#3d3d3d;font-size:22px;font-weight:400;line-height:58px}.page--index .section--char .character__list .swiper-function .swiper-pagination-current{color:#000;font-weight:700}.page--index .section--char .character__list .swiper-function .swiper-navigation .swiper__arrow{align-content:flex-start;align-items:center;display:flex;flex-wrap:nowrap;height:62px;justify-content:center;left:50%;position:absolute;top:2px;width:64px}.page--index .section--char .character__list .swiper-function .swiper-navigation .swiper__arrow>span{background-image:url(/images/sprite.1d431.png);background-position:0 -278px;background-repeat:no-repeat;background-size:342px auto;display:block;height:38px;width:24px}.page--index .section--char .character__list .swiper-function .swiper-navigation .swiper__arrow--prev{margin-left:-119px}.page--index .section--char .character__list .swiper-function .swiper-navigation .swiper__arrow--next{margin-left:55px;transform:rotate(180deg)}.page--index .section--char .character__list .swiper-function .swiper-navigation .swiper__arrow[disabled]{cursor:default;opacity:.3}.page--index .section--char .character__list--on{opacity:1;transform:translateY(0)}.page--index .section--char .character__list .character-list__wrap{margin:0 auto;opacity:0;transform:translateY(20px);width:624px}.page--index .section--char .character__list .character-list__wrap--on{opacity:1;transform:translateY(0);transition:.5s}.page--index .section--char .character__list .character-list__slide{height:396px}.page--index .section--char .character__list .character-list__item{align-items:center;display:flex;height:198px;justify-content:center;overflow:hidden;width:156px}.page--index .section--char .character__list .character-list__item.swiper-no-swiping{display:none}.page--index .section--char .character__list .character-list__link{display:block;height:100%;width:100%}.page--index .section--char .character__list .character-list__link .thumb{display:block;height:172px;margin:0 auto;position:relative;width:150px}.page--index .section--char .character__list .character-list__link .thumb .new{background-image:url(/images/sprite.1d431.png);background-position:0 -246px;background-repeat:no-repeat;background-size:342px auto;bottom:10px;height:22px;left:10px;position:absolute;width:106px}.page--index .section--char .character__list .character-list__link .thumb .loading{align-items:center;display:flex;height:396px;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .25s;width:100%}.page--index .section--char .character__list .character-list__link .thumb .loading .loading__wrap{background:url(/images/loading-back.019c4.png);background-size:100% auto;height:106px;width:92px}.page--index .section--char .character__list .character-list__link .thumb .loading .loading__spinner{background:url(/images/loading-spinner.a2b79.png);background-size:100% auto;display:block;height:84px;width:84px}.page--index .section--char .character__list .character-list__link .thumb .loading--on{opacity:1;z-index:11}.page--index .section--char .character__list .character-list__link .thumb .loading--on .loading__spinner{animation-delay:0s;animation-direction:normal;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loadingSpinner;animation-timing-function:linear}.page--index .section--char .character__list .character-list__link .thumb .loading .loading__wrap{transform:scale(.7)}.page--index .section--char .character__list .character-list__link .thumb--load .loading{opacity:0;z-index:-1}.page--index .section--char .character__list .character-list__link .thumb--load .loading .loading__spinner{animation:none}.page--index .section--char .character__list .character-list__link .name{box-sizing:border-box;color:#302e2f;display:block;font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:22px;margin-top:-4px;overflow:hidden;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.page--index .section--char .character__list .character-list__visual{align-items:flex-start;background:url(/images/bg-visual.2d564.png) no-repeat 50% 0;background-size:446px 342px;box-sizing:border-box;display:flex;height:342px;justify-content:center;margin-top:12px;padding-top:230px;position:relative;width:100%}.page--index .section--char .character__list .character-list__visual--msg{display:block;padding:0 26px;position:relative}.page--index .section--char .character__list .character-list__visual--msg:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAP1BMVEVHcEyUlJT///+bm5uUlJSUlJSUlJSUlJSUlJSUlJSgoKDKysri4uLb29uXl5erq6vS0tKUlJT39/ft7e3AwMDtjG8bAAAACnRSTlMAV///QQF2Eh0woMlclgAAAHdJREFUGNNt0FsOhSAMBFCcWoGCD9T9r1UUbsKlzOfJtElrzDDODUzEK7QU9qlHTneUSc9fA11uRJn7rXJhVboEaM1bs5LXVaV+P7Me/8rpwKtbq1yqWds/8PZVO51LFaFVTiuq2veekl8VITlrqEYiqgoZ6RGRHk5mBRYM9PcfAAAAAElFTkSuQmCC) no-repeat;background-size:100% auto;content:"";height:20px;left:50%;margin-left:-32px;position:absolute;top:-18px;width:20px;z-index:2}.page--index .section--char .character__list .character-list__visual--msg .bubble-msg{background:#fff;border-bottom:2px solid #9b9b9b;border-top:2px solid #9b9b9b;color:#666;display:block;font-size:18px;font-weight:500;line-height:22px;max-width:380px;padding:10px 20px 14px;position:relative;text-align:center;z-index:1}.page--index .section--char .character__list .character-list__visual--msg .bubble-pop{background:#fff;border:2px solid #9b9b9b;border-radius:50%;box-sizing:border-box;height:100%;position:absolute;top:0;width:50px}.page--index .section--char .character__list .character-list__visual--msg .bubble-pop--left{left:0}.page--index .section--char .character__list .character-list__visual--msg .bubble-pop--right{right:0}.page--index .section--char .character__loading{align-items:center;display:flex;height:396px;justify-content:center;left:0;opacity:0;position:absolute;top:127px;transition:opacity .25s;width:100%;z-index:1}.page--index .section--char .character__loading .loading__wrap{background:url(/images/loading-back.019c4.png);background-size:100% auto;height:106px;width:92px}.page--index .section--char .character__loading .loading__spinner{background:url(/images/loading-spinner.a2b79.png);background-size:100% auto;display:block;height:84px;width:84px}.page--index .section--char .character__loading--on{opacity:1;z-index:11}.page--index .section--char .character__loading--on .loading__spinner{animation-delay:0s;animation-direction:normal;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loadingSpinner;animation-timing-function:linear}.page--index .section--char .character__detail{left:0;margin:0 auto;opacity:0;overflow:hidden;position:absolute;top:110px;transform:translateY(20px);width:100%;z-index:-1}.page--index .section--char .character__detail--on{opacity:1;transform:translateY(0);transition:.3s;z-index:12}.page--index .section--char .character__detail .character-detail__wrap{margin:0 auto;max-width:720px;opacity:0;position:relative;transform:translateY(20px)}.page--index .section--char .character__detail .character-detail__wrap--on{opacity:1;transform:translateY(0);transition:.7s}.page--index .section--char .character__detail .character-detail__wrap .goback__link{padding:20px;position:absolute;right:20px;top:0;width:136px;z-index:10}.page--index .section--char .character__detail .character-detail__wrap .goback__link .wrapper{align-items:center;background:#402b34;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);display:flex;height:40px;justify-content:center;padding:0 24px 0 26px}.page--index .section--char .character__detail .character-detail__wrap .goback__link .icon{background-image:url(/images/sprite.1d431.png);background-position:-244px -152px;background-repeat:no-repeat;background-size:342px auto;display:block;height:18px;margin-right:10px;width:12px}.page--index .section--char .character__detail .character-detail__wrap .goback__link .text{color:#fff;display:block;font-size:18px;font-weight:500;line-height:22px;margin-bottom:2px}.page--index .section--char .character__detail .character-detail__wrap .swiper-navigation{height:1px;left:0;opacity:0;position:absolute;top:0;transform:translateY(10px);transition:.15s;width:100%;z-index:10}.page--index .section--char .character__detail .character-detail__wrap .swiper-navigation--on{opacity:1;transform:translateY(0);transition:.3s}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow{box-sizing:border-box;height:106px;overflow:hidden;position:absolute;top:106px;width:162px;z-index:13}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow .arrow{background-image:url(/images/sprite.1d431.png);background-position:0 -278px;background-repeat:no-repeat;background-size:342px auto;display:block;height:38px;position:absolute;top:22px;width:24px}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow .char{display:block;text-align:center;width:100%}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow .char>img{margin:0 auto;width:70px}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow .char>strong{color:#302e2f;display:block;font-size:18px;font-weight:500;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow--next{padding-right:20px;right:0}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow--next .arrow{right:18px;transform:rotate(180deg)}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow--prev{left:0;padding-left:20px}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow--prev .arrow{left:18px}.page--index .section--char .character__detail .character-detail__wrap .swiper__arrow.swiper-button-disabled{display:none}.page--index .section--char .character__detail .character-detail__item{height:766px;opacity:0;transition:opacity .3s}.page--index .section--char .character__detail .character-detail__item.swiper-no-swiping{display:none}.page--index .section--char .character__detail .character-detail__item.swiper-slide-active{opacity:1}.page--index .section--char .character__detail .character-detail__link{display:block;position:relative;width:100%}.page--index .section--char .character__detail .character-detail__link .thumb{display:block;position:relative}.page--index .section--char .character__detail .character-detail__link .thumb .loading{align-items:center;display:flex;height:396px;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .25s;width:100%}.page--index .section--char .character__detail .character-detail__link .thumb .loading .loading__wrap{background:url(/images/loading-back.019c4.png);background-size:100% auto;height:106px;width:92px}.page--index .section--char .character__detail .character-detail__link .thumb .loading .loading__spinner{background:url(/images/loading-spinner.a2b79.png);background-size:100% auto;display:block;height:84px;width:84px}.page--index .section--char .character__detail .character-detail__link .thumb .loading--on{opacity:1;z-index:11}.page--index .section--char .character__detail .character-detail__link .thumb .loading--on .loading__spinner{animation-delay:0s;animation-direction:normal;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loadingSpinner;animation-timing-function:linear}.page--index .section--char .character__detail .character-detail__link .thumb--load .loading{opacity:0;z-index:-1}.page--index .section--char .character__detail .character-detail__link .thumb--load .loading .loading__spinner{animation:none}.page--index .section--char .character__detail .character-detail__link .name{color:#302e2f;display:block;font-size:36px;font-weight:500;line-height:42px;margin-bottom:9px;position:relative;text-align:center;width:100%}.page--index .section--char .character__detail .character-info__wrap{margin:0 auto;padding-top:32px;width:640px}.page--index .section--char .character__detail .character-info__list{display:flex;height:58px}.page--index .section--char .character__detail .character-info__list>li{position:relative;width:25%}.page--index .section--char .character__detail .character-info__list>li:after{background:#fff;content:"";height:100%;position:absolute;right:0;top:0;width:1px}.page--index .section--char .character__detail .character-info__list>li:last-child:after{display:none}.page--index .section--char .character__detail .character-info__link{align-items:center;background:#e9e6e8;display:flex;height:100%;justify-content:center;text-align:center}.page--index .section--char .character__detail .character-info__link>span{color:#302e2f;font-size:18px;font-weight:500;line-height:22px}.page--index .section--char .character-mask{background:url(/images/bg-char.507d2.jpg) no-repeat;background-repeat:repeat;background-size:1280px 1230px;height:1230px;position:absolute;top:0;width:280px;z-index:13}.page--index .section--char .character-mask--left{background-position:0 0;left:50%;margin-left:-640px;-webkit-mask-image:linear-gradient(90deg,#3e3e3e 85%,transparent);mask-image:linear-gradient(90deg,#3e3e3e 85%,transparent)}.page--index .section--char .character-mask--right{background-position:100% 0;margin-right:-640px;-webkit-mask-image:linear-gradient(270deg,#3e3e3e 85%,transparent);mask-image:linear-gradient(270deg,#3e3e3e 85%,transparent);right:50%}}
@keyframes scrollDown{0%{opacity:0;transform:translateY(0)}60%{opacity:1}to{opacity:0;transform:translateY(10px)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes loadingSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatEffect{0%{transform:translateY(0)}to{transform:translateY(5%)}}@keyframes visualRegScale{0%{transform:scale(1)}to{transform:scale(1.1)}}.page--index .section--info .section__title>h2{font-family:IBM Plex Sans JP,Noto Sans JP,맑은 고딕,malgun gothic,AppleGothicNeoSD,Apple SD 산돌고딕 Neo,Microsoft NeoGothic,Droid sans,"sans-serif"}.v-lazy-image{opacity:0;transition:opacity .5s;will-change:opacity}.v-lazy-image-loaded{opacity:1}.page--index .section--info.scroll-on .section__title>h2{opacity:1;transform:translate(0);transition:opacity .4s .2s,transform .4s .2s}.page--index .section--info.scroll-on .section__title>p{opacity:1;transform:translate(0);transition:opacity .4s .35s,transform .4s .35s}.page--index .section--info.scroll-on .info__item .item-card--front{transform:rotateY(180deg);z-index:10}.page--index .section--info.scroll-on .info__item .item-card--back{transform:rotateY(0deg);z-index:15}.page--index .section--info.scroll-on .info__item:first-child .item-card--back,.page--index .section--info.scroll-on .info__item:first-child .item-card--front{transition-delay:.5s}.page--index .section--info.scroll-on .info__item:nth-child(2) .item-card--back,.page--index .section--info.scroll-on .info__item:nth-child(2) .item-card--front{transition-delay:.6s}.page--index .section--info.scroll-on .info__item:nth-child(3) .item-card--back,.page--index .section--info.scroll-on .info__item:nth-child(3) .item-card--front{transition-delay:.7s}.page--index .section--info.scroll-on .info__item:nth-child(4) .item-card--back,.page--index .section--info.scroll-on .info__item:nth-child(4) .item-card--front{transition-delay:.8s}.page--index .section--info .section__wrap{background:url(/images/bg-info.30918.jpg) no-repeat;background-position:50% 0;background-repeat:no-repeat;background-size:cover;height:631px;position:relative}.page--index .section--info .section__title{padding:40px 15px 0;text-align:center}.page--index .section--info .section__title>h2{color:#302e2f;font-size:25px;font-weight:700;letter-spacing:-.1em;line-height:27px;margin-bottom:3px;opacity:0;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--info .section__title>p{color:#666;font-size:9px;font-weight:500;letter-spacing:-.02em;line-height:11px;opacity:0;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--info .section__content{padding-top:20px;position:relative;z-index:1}.page--index .section--info .section__visual{height:301px;position:relative;width:100%}.page--index .section--info .section__visual .char-back{background:url(/images/info-char-effect.baf48.gif) no-repeat;background-size:100% auto;bottom:0;height:331px;left:50%;margin-left:-132px;position:absolute;width:245px}.page--index .section--info .section__visual .char-visual{background:url(/images/info-char.036c2.png) no-repeat;background-size:100% auto;bottom:0;height:301px;left:50%;position:absolute;transform:translateX(-50%);width:320px}.page--index .section--info .section__visual .char-effect-left{animation-delay:0s;animation-direction:alternate;animation-duration:2.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:floatEffect;animation-timing-function:ease-in-out;background:url(/images/info-effect-left.9d065.png) no-repeat;background-size:100% auto;height:163px;left:50%;margin-left:-166px;position:absolute;top:54px;width:87px}.page--index .section--info .section__visual .char-effect-right{animation-delay:.4s;animation-direction:alternate-reverse;animation-duration:2.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:floatEffect;animation-timing-function:ease-in-out;background:url(/images/info-effect-right.82162.png) no-repeat;background-size:100% auto;height:142px;left:50%;margin-left:96px;position:absolute;top:45px;width:86px}.page--index .section--info .section__visual .char-speech{align-items:flex-start;display:flex;justify-content:center;left:0;position:absolute;top:120px;width:100%}.page--index .section--info .section__visual .char-speech--msg{display:block;left:30px;padding:0 13px;position:relative}.page--index .section--info .section__visual .char-speech--msg:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAP1BMVEVHcEyUlJT///+bm5uUlJSUlJSUlJSUlJSUlJSUlJSgoKDKysri4uLb29uXl5erq6vS0tKUlJT39/ft7e3AwMDtjG8bAAAACnRSTlMAV///QQF2Eh0woMlclgAAAHdJREFUGNNt0FsOhSAMBFCcWoGCD9T9r1UUbsKlzOfJtElrzDDODUzEK7QU9qlHTneUSc9fA11uRJn7rXJhVboEaM1bs5LXVaV+P7Me/8rpwKtbq1yqWds/8PZVO51LFaFVTiuq2veekl8VITlrqEYiqgoZ6RGRHk5mBRYM9PcfAAAAAElFTkSuQmCC) no-repeat;background-size:100% auto;content:"";height:10px;left:50%;margin-left:-3px;position:absolute;top:-9px;width:10px;z-index:2}.page--index .section--info .section__visual .char-speech--msg .bubble-msg{background:#fff;border-bottom:1px solid #9b9b9b;border-top:1px solid #9b9b9b;color:#666;display:block;font-size:9px;font-weight:500;line-height:11px;max-width:190px;padding:5px 10px 7px;position:relative;text-align:center;z-index:1}.page--index .section--info .section__visual .char-speech--msg .bubble-pop{background:#fff;border:1px solid #9b9b9b;border-radius:50%;box-sizing:border-box;height:100%;position:absolute;top:0;width:25px}.page--index .section--info .section__visual .char-speech--msg .bubble-pop--left{left:0}.page--index .section--info .section__visual .char-speech--msg .bubble-pop--right{right:0}.page--index .section--info .info__list{align-content:stretch;align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;width:320px}.page--index .section--info .info__item{height:109px;perspective:1000px;position:relative;width:146px}.page--index .section--info .info__item .item-card--back,.page--index .section--info .info__item .item-card--front{backface-visibility:hidden;left:0;position:absolute;top:0;transform:rotateX(0) rotateY(0);transform-style:preserve-3d;transition:all .5s ease-in-out;width:146px}.page--index .section--info .info__item .item-card--front{transform:rotateY(0);z-index:10}.page--index .section--info .info__item .item-card--back{transform:rotateY(-180deg);z-index:5}.page--index .section--info .info__link{display:block;height:100%;position:relative;width:100%}.page--index .section--info .info__title{bottom:4px;color:#333;font-size:10px;font-weight:500;left:0;letter-spacing:-.02em;line-height:25px;position:absolute;text-align:center;width:100%}@media screen and (min-width:768px){.page--index .section--info.scroll-on .section__title>h2{opacity:1;transform:translate(0);transition:opacity .4s .2s,transform .4s .2s}.page--index .section--info.scroll-on .section__title>p{opacity:1;transform:translate(0);transition:opacity .4s .35s,transform .4s .35s}.page--index .section--info.scroll-on .info__item .item-card--front{transform:rotateY(180deg);z-index:10}.page--index .section--info.scroll-on .info__item .item-card--back{transform:rotateY(0deg);z-index:15}.page--index .section--info.scroll-on .info__item:first-child .item-card--back,.page--index .section--info.scroll-on .info__item:first-child .item-card--front{transition-delay:.5s}.page--index .section--info.scroll-on .info__item:nth-child(2) .item-card--back,.page--index .section--info.scroll-on .info__item:nth-child(2) .item-card--front{transition-delay:.6s}.page--index .section--info.scroll-on .info__item:nth-child(3) .item-card--back,.page--index .section--info.scroll-on .info__item:nth-child(3) .item-card--front{transition-delay:.7s}.page--index .section--info.scroll-on .info__item:nth-child(4) .item-card--back,.page--index .section--info.scroll-on .info__item:nth-child(4) .item-card--front{transition-delay:.8s}.page--index .section--info .section__wrap{background:url(/images/bg-info.30918.jpg) no-repeat;background-position:50% 0;background-repeat:no-repeat;background-size:cover;height:1262px;position:relative}.page--index .section--info .section__title{padding:80px 30px 0;text-align:center}.page--index .section--info .section__title>h2{color:#302e2f;font-size:50px;font-weight:700;letter-spacing:-.1em;line-height:54px;margin-bottom:6px;opacity:0;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--info .section__title>p{color:#666;font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:22px;opacity:0;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--info .section__content{padding-top:40px;position:relative;z-index:1}.page--index .section--info .section__visual{height:602px;position:relative;width:100%}.page--index .section--info .section__visual .char-back{background:url(/images/info-char-effect.baf48.gif) no-repeat;background-size:100% auto;bottom:0;height:662px;left:50%;margin-left:-264px;position:absolute;width:490px}.page--index .section--info .section__visual .char-visual{background:url(/images/info-char.036c2.png) no-repeat;background-size:100% auto;bottom:0;height:602px;left:50%;position:absolute;transform:translateX(-50%);width:640px}.page--index .section--info .section__visual .char-effect-left{animation-delay:0s;animation-direction:alternate;animation-duration:2.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:floatEffect;animation-timing-function:ease-in-out;background:url(/images/info-effect-left.9d065.png) no-repeat;background-size:100% auto;height:326px;left:50%;margin-left:-332px;position:absolute;top:108px;width:174px}.page--index .section--info .section__visual .char-effect-right{animation-delay:.4s;animation-direction:alternate-reverse;animation-duration:2.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:floatEffect;animation-timing-function:ease-in-out;background:url(/images/info-effect-right.82162.png) no-repeat;background-size:100% auto;height:284px;left:50%;margin-left:192px;position:absolute;top:90px;width:172px}.page--index .section--info .section__visual .char-speech{align-items:flex-start;display:flex;justify-content:center;left:0;position:absolute;top:240px;width:100%}.page--index .section--info .section__visual .char-speech--msg{display:block;left:30px;padding:0 26px;position:relative}.page--index .section--info .section__visual .char-speech--msg:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAP1BMVEVHcEyUlJT///+bm5uUlJSUlJSUlJSUlJSUlJSUlJSgoKDKysri4uLb29uXl5erq6vS0tKUlJT39/ft7e3AwMDtjG8bAAAACnRSTlMAV///QQF2Eh0woMlclgAAAHdJREFUGNNt0FsOhSAMBFCcWoGCD9T9r1UUbsKlzOfJtElrzDDODUzEK7QU9qlHTneUSc9fA11uRJn7rXJhVboEaM1bs5LXVaV+P7Me/8rpwKtbq1yqWds/8PZVO51LFaFVTiuq2veekl8VITlrqEYiqgoZ6RGRHk5mBRYM9PcfAAAAAElFTkSuQmCC) no-repeat;background-size:100% auto;content:"";height:20px;left:50%;margin-left:-6px;position:absolute;top:-18px;width:20px;z-index:2}.page--index .section--info .section__visual .char-speech--msg .bubble-msg{background:#fff;border-bottom:2px solid #9b9b9b;border-top:2px solid #9b9b9b;color:#666;display:block;font-size:18px;font-weight:500;line-height:22px;max-width:380px;padding:10px 20px 14px;position:relative;text-align:center;z-index:1}.page--index .section--info .section__visual .char-speech--msg .bubble-pop{background:#fff;border:2px solid #9b9b9b;border-radius:50%;box-sizing:border-box;height:100%;position:absolute;top:0;width:50px}.page--index .section--info .section__visual .char-speech--msg .bubble-pop--left{left:0}.page--index .section--info .section__visual .char-speech--msg .bubble-pop--right{right:0}.page--index .section--info .info__list{align-content:stretch;align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;width:640px}.page--index .section--info .info__item{height:218px;perspective:1000px;position:relative;width:292px}.page--index .section--info .info__item .item-card--back,.page--index .section--info .info__item .item-card--front{backface-visibility:hidden;left:0;position:absolute;top:0;transform:rotateX(0) rotateY(0);transform-style:preserve-3d;transition:all .5s ease-in-out;width:292px}.page--index .section--info .info__item .item-card--front{transform:rotateY(0);z-index:10}.page--index .section--info .info__item .item-card--back{transform:rotateY(-180deg);z-index:5}.page--index .section--info .info__link{display:block;height:100%;position:relative;width:100%}.page--index .section--info .info__title{bottom:8px;color:#333;font-size:20px;font-weight:500;left:0;letter-spacing:-.02em;line-height:50px;position:absolute;text-align:center;width:100%}}
@keyframes scrollDown{0%{opacity:0;transform:translateY(0)}60%{opacity:1}to{opacity:0;transform:translateY(10px)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes loadingSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatEffect{0%{transform:translateY(0)}to{transform:translateY(5%)}}@keyframes visualRegScale{0%{transform:scale(1)}to{transform:scale(1.1)}}.page--index .section--media .section__title>h2{font-family:IBM Plex Sans JP,Noto Sans JP,맑은 고딕,malgun gothic,AppleGothicNeoSD,Apple SD 산돌고딕 Neo,Microsoft NeoGothic,Droid sans,"sans-serif"}.v-lazy-image{opacity:0;transition:opacity .5s;will-change:opacity}.v-lazy-image-loaded{opacity:1}.page--index .section--media.scroll-on .section__title>h2{opacity:1;transform:translate(0);transition:opacity .4s .2s,transform .4s .2s}.page--index .section--media.scroll-on .section__title>p{opacity:1;transform:translate(0);transition:opacity .4s .35s,transform .4s .35s}.page--index .section--media.scroll-on .section__content{opacity:1;transform:translate(0);transition:opacity .4s .5s,transform .4s .5s}.page--index .section--media .section__wrap{background:url(/images/bg-media.04474.jpg) no-repeat;background-position:50% 0;background-repeat:no-repeat;background-size:cover;height:560px}.page--index .section--media .section__title{padding:39px 15px 0;text-align:center}.page--index .section--media .section__title>h2{color:#302e2f;font-size:25px;font-weight:700;letter-spacing:-.1em;line-height:27px;margin-bottom:3px;opacity:0;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--media .section__title>p{color:#666;font-size:9px;font-weight:500;letter-spacing:-.02em;line-height:11px;opacity:0;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--media .section__content{margin:0 auto;opacity:0;overflow:hidden;padding:24px 0 25px;transform:translateY(20px);transition:opacity .15s,transform .15s;width:320px}.page--index .section--media .section__content .swiper-function{align-content:flex-start;align-items:center;display:flex;flex-wrap:nowrap;height:31px;justify-content:center;position:relative}.page--index .section--media .section__content .swiper-function .swiper-pagination{color:#3d3d3d;font-size:11px;font-weight:400;line-height:29px}.page--index .section--media .section__content .swiper-function .swiper-pagination-current{color:#000;font-weight:700}.page--index .section--media .section__content .swiper-function .swiper-navigation .swiper__arrow{align-content:flex-start;align-items:center;display:flex;flex-wrap:nowrap;height:31px;justify-content:center;left:50%;position:absolute;top:1px;width:32px}.page--index .section--media .section__content .swiper-function .swiper-navigation .swiper__arrow>span{background-image:url(/images/sprite.1d431.png);background-position:0 -139px;background-repeat:no-repeat;background-size:171px auto;display:block;height:19px;width:12px}.page--index .section--media .section__content .swiper-function .swiper-navigation .swiper__arrow--prev{margin-left:-59.5px}.page--index .section--media .section__content .swiper-function .swiper-navigation .swiper__arrow--next{margin-left:27.5px;transform:rotate(180deg)}.page--index .section--media .section__content .swiper-function .swiper-navigation .swiper__arrow[disabled]{cursor:default;opacity:.3}.page--index .section--media .section__content .category-list{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:12.5px;width:100%}.page--index .section--media .section__content .category-list__item{background:#e9e6e8;transition:background .3s;width:33.33%}.page--index .section--media .section__content .category-list__item--on{background:#402b35}.page--index .section--media .section__content .category-list__item--on .category-list__link>span{color:#fff}.page--index .section--media .section__content .category-list__item--on .category-list__link .icon-play{border-color:#fff}.page--index .section--media .section__content .category-list__item--on .category-list__link .icon-play:before{border-left-color:#fff}.page--index .section--media .section__content .category-list__link{align-items:center;border-right:1px solid #fff;box-sizing:border-box;display:flex;height:29.5px;justify-content:center;padding:0 5px;text-align:center;width:100%}.page--index .section--media .section__content .category-list__link>span{color:#302e2f;font-size:9px;font-weight:500;line-height:11px}.page--index .section--media .section__content .category-list__link .icon-play{align-items:center;border:1px solid #d8d8d8;border-radius:50%;box-sizing:border-box;display:block;display:flex;font-size:0;height:10px;justify-content:center;line-height:0;margin-left:3px;overflow:hidden;position:relative;text-indent:-9999px;top:.5px;width:10px}.page--index .section--media .section__content .category-list__link .icon-play:before{border-bottom:2.5px solid transparent;border-left:4px solid #000;border-top:2.5px solid transparent;content:"";display:block;height:0;left:.5px;position:relative;width:0}.page--index .section--media .section__content .media-list{opacity:0;transform:translateY(15px);transition:.15s}.page--index .section--media .section__content .media-list--on{opacity:1;transform:translate(0);transition:.3s}.page--index .section--media .section__content .media-video__view{height:180px;overflow:hidden;padding-bottom:9px;width:320px}.page--index .section--media .section__content .media-video__view .view__link{display:block;height:100%;opacity:0;position:relative;transform:translateY(9px);width:100%}.page--index .section--media .section__content .media-video__view .view__link .thumb{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.page--index .section--media .section__content .media-video__view .view__link--on{opacity:1;transform:translateY(0);transition:.5s}.page--index .section--media .section__content .media-video__view .view__link .loading__cont{align-items:center;display:flex;height:198px;height:100%;justify-content:center;left:0;margin-top:-11px;position:absolute;top:0;transition:opacity .25s;width:100%}.page--index .section--media .section__content .media-video__view .view__link .loading__cont .loading__wrap{background:url(/images/loading-back.019c4.png);background-size:100% auto;height:53px;width:46px}.page--index .section--media .section__content .media-video__view .view__link .loading__cont .loading__spinner{background:url(/images/loading-spinner.a2b79.png);background-size:100% auto;height:42px;width:42px}.page--index .section--media .section__content .media-video__view .view__link .loading__cont--on{opacity:1;z-index:11}.page--index .section--media .section__content .media-video__view .view__link .loading__cont .loading__spinner,.page--index .section--media .section__content .media-video__view .view__link .loading__cont--on .loading__spinner{animation-delay:0s;animation-direction:normal;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loadingSpinner;animation-timing-function:linear}.page--index .section--media .section__content .media-video__view .view__link .loading__cont .loading__spinner{display:block}.page--index .section--media .section__content .media-video__view .view__link .title{background:rgba(0,0,0,.7);bottom:0;box-sizing:border-box;height:22px;left:0;padding:0 15px;position:absolute;text-align:center;width:100%;z-index:10}.page--index .section--media .section__content .media-video__view .view__link .title>span{color:#fff;display:block;font-size:9.5px;font-weight:500;letter-spacing:-.02em;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.page--index .section--media .section__content .media-video__slide{height:58px;margin-bottom:6px}.page--index .section--media .section__content .media-video__link{background-color:#fff;display:block;height:100%;position:relative;width:100%}.page--index .section--media .section__content .media-video__link .thumb{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:block;height:100%;position:relative;width:100%;z-index:1}.page--index .section--media .section__content .media-video__link .loading__cont{align-items:center;display:flex;height:198px;height:100%;justify-content:center;left:0;position:absolute;top:0;transform:scale(.85);transition:opacity .25s;width:100%}.page--index .section--media .section__content .media-video__link .loading__cont .loading__wrap{background:url(/images/loading-back.019c4.png);background-size:100% auto;height:53px;width:46px}.page--index .section--media .section__content .media-video__link .loading__cont .loading__spinner{background:url(/images/loading-spinner.a2b79.png);background-size:100% auto;height:42px;width:42px}.page--index .section--media .section__content .media-video__link .loading__cont--on{opacity:1;z-index:11}.page--index .section--media .section__content .media-video__link .loading__cont .loading__spinner,.page--index .section--media .section__content .media-video__link .loading__cont--on .loading__spinner{animation-delay:0s;animation-direction:normal;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loadingSpinner;animation-timing-function:linear}.page--index .section--media .section__content .media-video__link .loading__cont .loading__spinner{display:block}.page--index .section--media .section__content .media-video__link .title{background:rgba(0,0,0,.7);bottom:0;box-sizing:border-box;height:13px;left:0;padding:0 5px;position:absolute;text-align:center;width:100%;z-index:1}.page--index .section--media .section__content .media-video__link .title>span{color:#fff;display:block;font-size:9px;font-weight:500;letter-spacing:-.02em;line-height:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.page--index .section--media .section__content .media-video__link:after{border:1px solid #ff5fa7;box-sizing:border-box;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:10}.page--index .section--media .section__content .media-video__link--active:after{opacity:1}.page--index .section--media .section__content .media-image__slide{height:294px}.page--index .section--media .section__content .media-image__item{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:11px;grid-row-gap:10px}.page--index .section--media .section__content .media-image__link{display:block;height:87.5px;overflow:hidden;position:relative;width:154.5px}.page--index .section--media .section__content .media-image__link .thumb{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.page--index .section--media .section__content .media-image__link .loading__cont{align-items:center;background-color:#fff;display:flex;height:198px;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .25s;width:100%}.page--index .section--media .section__content .media-image__link .loading__cont .loading__wrap{background:url(/images/loading-back.019c4.png);background-size:100% auto;height:53px;width:46px}.page--index .section--media .section__content .media-image__link .loading__cont .loading__spinner{background:url(/images/loading-spinner.a2b79.png);background-size:100% auto;height:42px;width:42px}.page--index .section--media .section__content .media-image__link .loading__cont--on{opacity:1;z-index:11}.page--index .section--media .section__content .media-image__link .loading__cont .loading__spinner,.page--index .section--media .section__content .media-image__link .loading__cont--on .loading__spinner{animation-delay:0s;animation-direction:normal;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loadingSpinner;animation-timing-function:linear}.page--index .section--media .section__content .media-image__link .loading__cont .loading__spinner{display:block}.page--index .section--media .section__content .download-wrap{text-align:center}.page--index .section--media .section__content .download-wrap .btn-download{display:inline-block;margin:8.5px auto 0;position:relative;vertical-align:top;z-index:10}.page--index .section--media .section__content .download-wrap .btn-download .wrapper{align-items:center;background:#402b34;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);display:flex;height:20px;justify-content:center;padding:0 14px 0 13.5px}.page--index .section--media .section__content .download-wrap .btn-download .text{color:#fff;display:block;font-size:8px;font-weight:500;line-height:11px;margin-bottom:1px}@media screen and (min-width:768px){.page--index .section--media.scroll-on .section__title>h2{opacity:1;transform:translate(0);transition:opacity .4s .2s,transform .4s .2s}.page--index .section--media.scroll-on .section__title>p{opacity:1;transform:translate(0);transition:opacity .4s .35s,transform .4s .35s}.page--index .section--media.scroll-on .section__content{opacity:1;transform:translate(0);transition:opacity .4s .5s,transform .4s .5s}.page--index .section--media .section__wrap{background:url(/images/bg-media.04474.jpg) no-repeat;background-position:50% 0;background-repeat:no-repeat;background-size:cover;height:1120px}.page--index .section--media .section__title{padding:78px 30px 0;text-align:center}.page--index .section--media .section__title>h2{color:#302e2f;font-size:50px;font-weight:700;letter-spacing:-.1em;line-height:54px;margin-bottom:6px;opacity:0;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--media .section__title>p{color:#666;font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:22px;opacity:0;transform:translateY(20px);transition:opacity .15s,transform .15s}.page--index .section--media .section__content{margin:0 auto;opacity:0;overflow:hidden;padding:48px 0 50px;transform:translateY(20px);transition:opacity .15s,transform .15s;width:640px}.page--index .section--media .section__content .swiper-function{align-content:flex-start;align-items:center;display:flex;flex-wrap:nowrap;height:62px;justify-content:center;position:relative}.page--index .section--media .section__content .swiper-function .swiper-pagination{color:#3d3d3d;font-size:22px;font-weight:400;line-height:58px}.page--index .section--media .section__content .swiper-function .swiper-pagination-current{color:#000;font-weight:700}.page--index .section--media .section__content .swiper-function .swiper-navigation .swiper__arrow{align-content:flex-start;align-items:center;display:flex;flex-wrap:nowrap;height:62px;justify-content:center;left:50%;position:absolute;top:2px;width:64px}.page--index .section--media .section__content .swiper-function .swiper-navigation .swiper__arrow>span{background-image:url(/images/sprite.1d431.png);background-position:0 -278px;background-repeat:no-repeat;background-size:342px auto;display:block;height:38px;width:24px}.page--index .section--media .section__content .swiper-function .swiper-navigation .swiper__arrow--prev{margin-left:-119px}.page--index .section--media .section__content .swiper-function .swiper-navigation .swiper__arrow--next{margin-left:55px;transform:rotate(180deg)}.page--index .section--media .section__content .swiper-function .swiper-navigation .swiper__arrow[disabled]{cursor:default;opacity:.3}.page--index .section--media .section__content .category-list{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:25px;width:100%}.page--index .section--media .section__content .category-list__item{background:#e9e6e8;transition:background .3s;width:33.33%}.page--index .section--media .section__content .category-list__item--on{background:#402b35}.page--index .section--media .section__content .category-list__item--on .category-list__link>span{color:#fff}.page--index .section--media .section__content .category-list__item--on .category-list__link .icon-play{border-color:#fff}.page--index .section--media .section__content .category-list__item--on .category-list__link .icon-play:before{border-left-color:#fff}.page--index .section--media .section__content .category-list__link{align-items:center;border-right:1px solid #fff;box-sizing:border-box;display:flex;height:59px;justify-content:center;padding:0 10px;text-align:center;width:100%}.page--index .section--media .section__content .category-list__link>span{color:#302e2f;font-size:18px;font-weight:500;line-height:22px}.page--index .section--media .section__content .category-list__link .icon-play{align-items:center;border:2px solid #d8d8d8;border-radius:50%;box-sizing:border-box;display:block;display:flex;font-size:0;height:20px;justify-content:center;line-height:0;margin-left:6px;overflow:hidden;position:relative;text-indent:-9999px;top:1px;width:20px}.page--index .section--media .section__content .category-list__link .icon-play:before{border-bottom:5px solid transparent;border-left:8px solid #000;border-top:5px solid transparent;content:"";display:block;height:0;left:1px;position:relative;width:0}.page--index .section--media .section__content .media-list{opacity:0;transform:translateY(30px);transition:.15s}.page--index .section--media .section__content .media-list--on{opacity:1;transform:translate(0);transition:.3s}.page--index .section--media .section__content .media-video__view{height:360px;overflow:hidden;padding-bottom:18px;width:640px}.page--index .section--media .section__content .media-video__view .view__link{display:block;height:100%;opacity:0;position:relative;transform:translateY(18px);width:100%}.page--index .section--media .section__content .media-video__view .view__link .thumb{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.page--index .section--media .section__content .media-video__view .view__link--on{opacity:1;transform:translateY(0);transition:.5s}.page--index .section--media .section__content .media-video__view .view__link .loading__cont{align-items:center;display:flex;height:396px;height:100%;justify-content:center;left:0;margin-top:-22px;position:absolute;top:0;transition:opacity .25s;width:100%}.page--index .section--media .section__content .media-video__view .view__link .loading__cont .loading__wrap{background:url(/images/loading-back.019c4.png);background-size:100% auto;height:106px;width:92px}.page--index .section--media .section__content .media-video__view .view__link .loading__cont .loading__spinner{background:url(/images/loading-spinner.a2b79.png);background-size:100% auto;height:84px;width:84px}.page--index .section--media .section__content .media-video__view .view__link .loading__cont--on{opacity:1;z-index:11}.page--index .section--media .section__content .media-video__view .view__link .loading__cont .loading__spinner,.page--index .section--media .section__content .media-video__view .view__link .loading__cont--on .loading__spinner{animation-delay:0s;animation-direction:normal;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loadingSpinner;animation-timing-function:linear}.page--index .section--media .section__content .media-video__view .view__link .loading__cont .loading__spinner{display:block}.page--index .section--media .section__content .media-video__view .view__link .title{background:rgba(0,0,0,.7);bottom:0;box-sizing:border-box;height:44px;left:0;padding:0 30px;position:absolute;text-align:center;width:100%;z-index:10}.page--index .section--media .section__content .media-video__view .view__link .title>span{color:#fff;display:block;font-size:19px;font-weight:500;letter-spacing:-.02em;line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.page--index .section--media .section__content .media-video__slide{height:116px;margin-bottom:12px}.page--index .section--media .section__content .media-video__link{background-color:#fff;display:block;height:100%;position:relative;width:100%}.page--index .section--media .section__content .media-video__link .thumb{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:block;height:100%;position:relative;width:100%;z-index:1}.page--index .section--media .section__content .media-video__link .loading__cont{align-items:center;display:flex;height:396px;height:100%;justify-content:center;left:0;position:absolute;top:0;transform:scale(.85);transition:opacity .25s;width:100%}.page--index .section--media .section__content .media-video__link .loading__cont .loading__wrap{background:url(/images/loading-back.019c4.png);background-size:100% auto;height:106px;width:92px}.page--index .section--media .section__content .media-video__link .loading__cont .loading__spinner{background:url(/images/loading-spinner.a2b79.png);background-size:100% auto;height:84px;width:84px}.page--index .section--media .section__content .media-video__link .loading__cont--on{opacity:1;z-index:11}.page--index .section--media .section__content .media-video__link .loading__cont .loading__spinner,.page--index .section--media .section__content .media-video__link .loading__cont--on .loading__spinner{animation-delay:0s;animation-direction:normal;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loadingSpinner;animation-timing-function:linear}.page--index .section--media .section__content .media-video__link .loading__cont .loading__spinner{display:block}.page--index .section--media .section__content .media-video__link .title{background:rgba(0,0,0,.7);bottom:0;box-sizing:border-box;height:26px;left:0;padding:0 10px;position:absolute;text-align:center;width:100%;z-index:1}.page--index .section--media .section__content .media-video__link .title>span{color:#fff;display:block;font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.page--index .section--media .section__content .media-video__link:after{border:2px solid #ff5fa7;box-sizing:border-box;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:10}.page--index .section--media .section__content .media-video__link--active:after{opacity:1}.page--index .section--media .section__content .media-image__slide{height:588px}.page--index .section--media .section__content .media-image__item{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:22px;grid-row-gap:20px}.page--index .section--media .section__content .media-image__link{display:block;height:175px;overflow:hidden;position:relative;width:309px}.page--index .section--media .section__content .media-image__link .thumb{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.page--index .section--media .section__content .media-image__link .loading__cont{align-items:center;background-color:#fff;display:flex;height:396px;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .25s;width:100%}.page--index .section--media .section__content .media-image__link .loading__cont .loading__wrap{background:url(/images/loading-back.019c4.png);background-size:100% auto;height:106px;width:92px}.page--index .section--media .section__content .media-image__link .loading__cont .loading__spinner{background:url(/images/loading-spinner.a2b79.png);background-size:100% auto;height:84px;width:84px}.page--index .section--media .section__content .media-image__link .loading__cont--on{opacity:1;z-index:11}.page--index .section--media .section__content .media-image__link .loading__cont .loading__spinner,.page--index .section--media .section__content .media-image__link .loading__cont--on .loading__spinner{animation-delay:0s;animation-direction:normal;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:loadingSpinner;animation-timing-function:linear}.page--index .section--media .section__content .media-image__link .loading__cont .loading__spinner{display:block}.page--index .section--media .section__content .download-wrap{text-align:center}.page--index .section--media .section__content .download-wrap .btn-download{display:inline-block;margin:17px auto 0;position:relative;vertical-align:top;z-index:10}.page--index .section--media .section__content .download-wrap .btn-download .wrapper{align-items:center;background:#402b34;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);display:flex;height:40px;justify-content:center;padding:0 28px 0 27px}.page--index .section--media .section__content .download-wrap .btn-download .text{color:#fff;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:2px}}
@keyframes scrollDown{0%{opacity:0;transform:translateY(0)}60%{opacity:1}to{opacity:0;transform:translateY(10px)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes loadingSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatEffect{0%{transform:translateY(0)}to{transform:translateY(5%)}}@keyframes visualRegScale{0%{transform:scale(1)}to{transform:scale(1.1)}}.v-lazy-image{opacity:0;transition:opacity .5s;will-change:opacity}.v-lazy-image-loaded{opacity:1}