mark{background-color:#fad3d3}a{text-decoration:none;color:#000}.content{width:100vw;height:calc(var(--vh, 1vh)*100);display:flex;align-items:center;justify-content:center;background:#000 url(/imgs/common/main-bg-text.png) top 10px center/100% no-repeat}.content *{box-sizing:border-box}@media (max-width:768px){.content{background:#000}}.sub-header{position:relative;z-index:101;display:flex;align-items:center;justify-content:space-between}.sub-header .btn-wrap{display:flex;align-items:center;grid-gap:0 10px;gap:0 10px}.sub-header .btn-home{color:#000;background:none;border:0;padding:0;cursor:pointer}.sub-header .btn-home img{display:block;height:30px}.sub-header .btn-play{position:relative;display:flex;align-items:center;justify-content:center;border:0;width:30px;height:30px;border-radius:100%;background-color:#fff;cursor:pointer;padding:0}.sub-header .btn-play.stopped:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:red}.sub-header .btn-download{color:#000;cursor:pointer}.sub-header .btn-download img{display:block;height:30px}.sub-header .camera{position:absolute;top:-34px;left:50%;transform:translateX(-50%);width:94px}@media (max-width:768px){.sub-header .camera{display:none}}.status-bar{justify-content:space-between;margin-bottom:16px;padding-left:20px}.status-bar,.status-bar .clock{display:flex;align-items:center}.status-bar .clock{justify-content:center;color:#fff;font-size:12px;font-weight:700}.status-bar img{display:block;flex:0 0 72px;width:72px}.status-bar.dark .clock{color:#000}.mockup{position:relative;width:360px;height:735px;margin:0 auto;padding:14px 17px 15px}.mockup:before{top:0;left:0;width:100%;height:100%;background:url(/imgs/common/mockup.png) 50%/100% no-repeat;z-index:1}.mockup:after,.mockup:before{content:"";display:block;position:absolute}.mockup:after{top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 16px);background-color:#000;border-radius:48px;z-index:0}.mockup-inner{position:relative;z-index:2;padding:16px 18px;width:100%;height:100%;border-radius:41px;overflow:hidden}.mockup-content{height:calc(100% - 123px);padding:0 25px;margin:0 -25px;overflow-y:auto}.mockup-content::-webkit-scrollbar{width:5px}.mockup-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.7);border-radius:10px}.mockup-content::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.mockup-content::-webkit-scrollbar-thumb:hover{background:#222}.mockup-footer{position:absolute;bottom:0;left:0;width:100%}.mockup-footer img{display:block}.mockup-footer .footer-group{position:absolute;bottom:45px;display:flex;align-items:center;justify-content:center;font-size:10px;width:100%;grid-gap:0 10px;gap:0 10px;color:#747473}.mockup-footer .footer-group a{color:#747473}.mockup.video .mockup-inner{padding:0}.mockup.video .mockup-content{height:calc(100% - 110px)}@media (max-width:768px){.mockup.video .mockup-content{height:auto}}.mockup.video .status-bar{top:16px;padding-left:38px}.mockup.video .status-bar,.mockup.video .sub-header{position:absolute;left:0;width:100%;padding-right:18px;z-index:2}.mockup.video .sub-header{top:44px;padding-left:18px}@media (max-width:768px){.mockup.video .sub-header{position:relative;padding:0;top:0}}.mockup .popup{position:absolute;top:80px;height:calc(100% - 195px);background:none}@media (max-width:768px){.mockup .popup{top:0;height:100%}}.mockup .popup .con{padding:0 2px;width:100%}@media (max-width:768px){.mockup .popup .con{width:100%;height:100%}}.mockup .popup .con .btn-slide-next,.mockup .popup .con .btn-slide-prev{width:10px;height:30px}.mockup .popup .con .btn-slide-prev{background:url(/imgs/common/swiper-prev.png) 50%/100% no-repeat}.mockup .popup .con .btn-slide-next{background:url(/imgs/common/swiper-next.png) 50%/100% no-repeat}@media (max-width:768px){.mockup{width:100%;height:100%;padding:0}.mockup .status-bar,.mockup:after,.mockup:before{display:none}.mockup-content{height:100%;padding:20px;margin:0}.mockup-inner{padding:0;border-radius:0}.mockup-footer{display:none;height:100%}}.btn-has-effect{position:relative}.btn-has-effect img{z-index:1}.btn-has-effect:active{box-shadow:0 0 #666;transform:translateY(1px)}.player{padding:10px 12px;background-color:#dfdfdf;border-radius:10px;grid-gap:0 12px;gap:0 12px;display:flex;align-items:center;margin-bottom:10px}@media (max-width:768px){.player{margin-bottom:20px}}.player-thumb{position:relative;flex:0 0 50px;width:50px;overflow:hidden;border-radius:5px}.player-thumb img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:none;max-height:none;min-width:1000%;min-height:1000%;transform:translate(-50%,-50%) scale(.1);display:block}.player-thumb:after{content:"";display:block;padding-bottom:100%}.player-info{flex:1 1 1%;width:1%}.player-info-title{color:#333;font-size:15px}.player-info-title mark{color:#333}.player-info-name{color:#828284;font-size:12px;margin-top:4px}.player-info-name mark{color:#828284}.player-buttons{display:flex;align-items:center;grid-gap:0 8px;gap:0 8px}.player-buttons .btn-next,.player-buttons .btn-play{position:relative;cursor:pointer;width:40px;height:40px;border-radius:100%;border:0;background:none}.player-buttons .btn-next img,.player-buttons .btn-play img{position:absolute;top:0;left:0;width:100%;height:100%}.player-buttons .btn-play .icon-pause,.player-buttons .btn-play.playing .icon-play{display:none}.player-buttons .btn-play.playing .icon-pause{display:block}.intro-card-swiper .swiper-slide{height:350px}@media (max-width:768px){.intro-card-swiper .swiper-slide{height:auto}}.intro-card{display:flex;flex-direction:column;height:100%;border-radius:10px;overflow:hidden;cursor:pointer}.intro-card-thumb{position:relative;overflow:hidden;flex:0 1;padding-top:77.7777777778%}.intro-card-thumb img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:none;max-height:none;min-width:1000%;min-height:1000%;transform:translate(-50%,-50%) scale(.1)}.intro-card-desc{position:relative;padding:20px;background-color:#fff;flex:1 1}.intro-card-desc .icon-music{vertical-align:middle;display:inline-block;width:16px;height:16px;margin-left:2px;margin-bottom:2px}.intro-card-desc .icon{width:24px;height:24px}.intro-card-desc .field{color:#999;font-size:15px;line-height:1.2}.intro-card-desc .field mark{color:#999}.intro-card-desc .title{display:flex;align-items:center;font-size:17px;line-height:1.0769230769;font-weight:700}@media (max-width:768px){.intro-card-desc .title{font-size:24px}}.intro-card-desc .title .icon{margin-left:6px}.intro-card-desc .text{font-size:13px;line-height:1.3846153846;letter-spacing:-.02em;font-weight:500;word-break:keep-all;margin-top:10px}@media (max-width:768px){.intro-card-desc .text{margin-top:14px}}.intro-card.intro-card--2 img{transform:translate(-50%,-51.2%) scale(.1)}.intro-card.intro-card--2 .title{margin-top:3px}.app-buttons{display:flex;align-items:center;justify-content:center;grid-gap:0 12px;gap:0 12px;margin-top:20px}@media (max-width:768px){.app-buttons{margin-top:24px}}.app-buttons .btn{position:relative;flex:0 0 50px;width:50px;height:50px;padding:0;margin:0;background:none;border:0;cursor:pointer;border-radius:8px}.app-buttons .btn .badge{position:absolute;top:0;right:0;width:35px;transform:translate(70%,-40%)}.sns-links{display:flex;align-items:center;justify-content:center;grid-gap:0 16px;gap:0 16px;margin-top:16px}@media (max-width:768px){.sns-links{margin-top:24px}}.sns-links .link{flex:0 0 auto;height:16px}.sns-links .link img{width:auto;height:100%}.sns-links .privacy-policy{display:none;font-size:10px;font-weight:700;color:#bfbfbf}.sns-links .privacy-policy mark{color:#bfbfbf}@media (max-width:768px){.sns-links .privacy-policy{display:block}}.member-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:30px}.member-list .item{position:relative;border-radius:15px;overflow:hidden;cursor:pointer}@media (max-width:768px){.member-list .item{border-radius:20px}}.member-list .item img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:none;max-height:none;min-width:1000%;min-height:1000%;transform:translate(-50%,-50%) scale(.1)}.member-list .item:after{content:"";display:block;padding-bottom:100%}.video-container{position:relative;height:100%;margin-left:-25px;margin-right:-25px}.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:768px){.video-container{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%}.video-container video{height:auto}}.video-buttons{position:absolute;bottom:140px;right:20px;display:flex;align-items:center;flex-direction:column;justify-content:center;grid-gap:8px;gap:8px}@media (max-width:768px){.video-buttons{bottom:20px;right:20px}}.video-buttons .btn{width:38px;height:38px;background:none;border:0;padding:0;margin:0;cursor:pointer}.message-popup{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:68%;text-align:center;background-color:#fff;border-radius:20px;padding:20px;z-index:3}.message-popup .title{font-size:17px;line-height:1.3;font-weight:700}.message-popup .text{font-size:15px;line-height:1.1956521739;margin-top:2px}.message-popup-btn-wrap{display:flex;align-items:center;justify-content:center;margin-top:20px;grid-gap:0 8px;gap:0 8px}.message-popup-btn-wrap .btn{color:#000;background-color:#f8795a;border-radius:50px;text-align:center;font-weight:700;font-size:15px;padding:6px 0;flex:1 1 50%;border:0;cursor:pointer}.message-popup-btn-wrap .btn span{display:block;font-size:10px;font-weight:400}.toast-message{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:68%;text-align:center;background-color:#fff;border-radius:20px;padding:20px;z-index:3;animation:toastAnimation .3s linear 0s 1 forwards}@keyframes toastAnimation{0%{opacity:0;top:46%}to{opacity:1;top:45%}}.toast-message .title{font-size:17px;line-height:1.3;font-weight:700}.toast-message .text{font-size:15px;line-height:1.1956521739;margin-top:2px}
/*# sourceMappingURL=main.5a152f57.chunk.css.map */