.mainWrap{text-align:center}.mainWrap .introTextBox{padding:0 60px;margin-top:50px}.mainWrap .introTextBox h2{line-height:170%}.mainWrap .introTextBox p{margin-top:30px;line-height:170%}.mainWrap .introTextBox strong{color:#8040ff;font-weight:700}.mainWrap .eventUserBox{display:flex;flex-direction:column;align-items:center;margin-top:70px}.mainWrap .eventUserBox h3{padding:8px 18px;background:#f6f2ff;font-size:15px;font-weight:700;color:#b9f;border-radius:5px}.mainWrap .eventUserBox p{margin-top:18px;width:200px;height:62px;font-size:40px;font-weight:700;background:url(/images/contents/line.webp) no-repeat content-box bottom/200px 3px}.mainWrap .enterNameBox{padding:44px 23px;margin-top:70px;background:#f6f2ff}.mainWrap .enterNameBox h3{font-size:20px;font-weight:700;line-height:140%}.mainWrap .enterNameBox input{margin-top:25px;width:250px;height:60px;border:none;text-align:center;font-size:25px;font-weight:700;color:#8040ff;border-radius:10px}.mainWrap .enterNameBox input::placeholder{font-size:16px;font-weight:700;color:#b9f}.mainWrap .enterNameBox button{display:block;margin-top:50px;width:100%;height:70px;line-height:70px;border-radius:100px;background:#8040ff;font-size:17px;font-weight:700;color:#fff;transition:background-color .3s}.mainWrap .enterNameBox button:hover{background:#7300ff}.characterSelectorWrap{position:relative;padding:40px 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.characterSelectorWrap .displayBox{display:flex;flex-direction:column;justify-content:center;align-items:center}.characterSelectorWrap .displayBox p{font-size:20px}.characterSelectorWrap .displayBox strong{margin-top:7px;font-size:25px;font-weight:700}.characterSelectorWrap .displayBox .displayImg{overflow:hidden;margin-top:30px;width:200px;height:200px;border-radius:50%}.characterSelectorWrap .tabBox{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:40px}.characterSelectorWrap .tabBox .tabInner{position:relative;padding:5px;background:#f6f2ff;border-radius:32px;z-index:1}.characterSelectorWrap .tabBox .tabInner .tabBg{position:absolute;top:5px;left:0;width:152px;height:calc(100% - 10px);background:#fff;border-radius:32px;transform-origin:left center;transition:transform .3s}.characterSelectorWrap .tabBox .tabInner button{padding:13px 16px;font-size:18px;font-weight:700;border-radius:100px;color:#b9f;position:relative;z-index:2}.characterSelectorWrap .tabBox .tabInner button.active{color:#8040ff}.characterSelectorWrap .tabBox .tabInner button.active:first-child.active~.tabBg{transform:translate3d(3%,0,0)}.characterSelectorWrap .tabBox .tabInner button.active:nth-child(2).active~.tabBg{transform:translate3d(99%,0,0) scaleX(.83)}.characterSelectorWrap .tabBox p{padding:30px 30px 0;text-align:center;font-weight:500;line-height:150%}.characterSelectorWrap .contentsBox{display:flex;flex-direction:column;align-items:center;padding:30px 24px 0;width:100%}.characterSelectorWrap .contentsBox .faceInnner{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);grid-gap:15px;gap:15px}.characterSelectorWrap .contentsBox .emojiButton{width:48px;height:48px;font-size:30px;background-color:#f0f0f0;color:#ddd;border-radius:8px;font-weight:700;transition:background-color .3s}.characterSelectorWrap .contentsBox .emojiButton.active{color:#8345ff;background-color:#cfb7ff}.characterSelectorWrap .contentsBox .emojiButton.active img{filter:brightness(0) saturate(100%) invert(51%) sepia(89%) saturate(6137%) hue-rotate(246deg) brightness(98%) contrast(106%)}.characterSelectorWrap .contentsBox .itemButton{width:70px;height:70px}.characterSelectorWrap .contentsBox .itemInnner{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-gap:15px;gap:15px}.characterSelectorWrap .contentsBox .nextButton{display:block;margin-top:35px;width:100%;height:70px;font-size:17px;font-weight:700;line-height:70px;color:#fff;background:#8040ff;border-radius:100px;text-align:center}.characterSelectorWrap .contentsBox .nextButton:hover{background:#7300ff}.characterSelectorWrap .loadingBox{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(51,51,51,.8);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:50px}.characterSelectorWrap .loadingBox p{font-size:24px;font-weight:700;line-height:150%}.resultWrap .resultImgBox{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:66px 0 88px;background:#f1eaff}.resultWrap .resultImgBox .resultImg{border-radius:10px;overflow:hidden}.resultWrap .resultImgBox p{line-height:180%;font-size:20px;font-weight:500;margin-top:25px}.resultWrap .resultImgBox p strong{font-size:23px;font-weight:700}.resultWrap .resultImgBox .downloadButton{display:flex;align-items:center;gap:8px;padding:9px 16px;margin-top:30px;font-size:15px;font-weight:700;color:#a376ff;background:#fff;border:2px solid #a376ff;border-radius:5px}.resultWrap .giveawayBox{padding:87px 23px 127px;background:linear-gradient(180deg,#fff,#f1eaff)}.resultWrap .giveawayBox .introText .introTitle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:20px;font-weight:700;color:#6a00ff}.resultWrap .giveawayBox .introText p{margin-top:30px;font-size:17px;font-weight:500;line-height:150%;text-align:center}.resultWrap .giveawayBox .introText p strong{color:#8040ff}.resultWrap .giveawayBox .giveawayImg{margin-top:35px;text-align:center}.resultWrap .giveawayBox .joinInfo{margin-top:60px}.resultWrap .giveawayBox .joinInfo .joinTitle{display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;color:#6a00ff}.resultWrap .giveawayBox .joinInfo .joinTitle h2{padding:0 10px;background:#f7f3ff;text-align:center}.resultWrap .giveawayBox .joinInfo .joinTitle:after,.resultWrap .giveawayBox .joinInfo .joinTitle:before{content:"";display:block;width:70px;height:3px;background:url(/images/contents/line.webp) no-repeat content-box 50%/70px 3px}.resultWrap .giveawayBox .joinInfo ul{margin-top:35px;display:flex;flex-direction:column;gap:30px}.resultWrap .giveawayBox .joinInfo ul li{display:flex;flex-direction:column}.resultWrap .giveawayBox .joinInfo ul li p{display:flex;gap:10px;margin-bottom:15px}.resultWrap .giveawayBox .joinInfo ul li span{display:flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;font-size:10px;font-weight:700;border-radius:50%;color:#fff;background:#222}.resultWrap .giveawayBox .joinInfo ul li img{margin:0 auto}.resultWrap .giveawayBox .eventButton{margin-top:20px}.resultWrap .giveawayBox .eventButton a{display:block;padding:25px 0;font-size:17px;font-weight:700;color:#fff;background:#222;text-align:center;border-radius:100px}.resultWrap .communityBox{display:flex;flex-direction:column;padding:50px 23px 0}.resultWrap .communityBox strong{font-size:20px;font-weight:700;line-height:150%;text-align:center}.resultWrap .communityBox p{margin-top:20px;font-size:17px;color:#8040ff;line-height:150%;text-align:center}.resultWrap .communityBox .kajabiLink{margin-top:50px;padding:25px 0;font-size:17px;font-weight:700;color:#fff;background:#8040ff;border-radius:100px;text-align:center;transition:background-color .3s}.resultWrap .communityBox .kajabiLink:hover{background:#7300ff}.resultWrap .communityBox .shareButton{margin-top:20px}.resultWrap .communityBox .shareButton img{margin-right:10px}.resultWrap .communityBox .shareButton button{display:flex;align-items:center;justify-content:center;padding:25px 0;width:100%;font-size:17px;font-weight:700;color:#a376ff;border:2px solid #a376ff;background:#f6f2ff;border-radius:100px;transition:background-color .3s}.resultWrap .animationBox .lottie{position:relative}.resultWrap .animationBox .lottie .resultImg{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.resultWrap .animationBox p{padding-bottom:30px;margin-bottom:-1px;font-size:18px;line-height:150%;color:#8040ff;text-align:center;background:#f1eaff}.resultWrap .animationBox p strong{font-size:20px;font-weight:700}.resultWrap .brandBox{display:flex;flex-direction:column;align-items:center;padding:115px 46px 65px}.resultWrap .brandBox h2{margin-top:35px;font-size:18px;font-weight:500;text-align:center;line-height:180%}.resultWrap .brandBox h2 strong{font-size:26px;font-weight:700}.resultWrap .brandBox .info{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:70px}.resultWrap .brandBox .info .icon{position:absolute}.resultWrap .brandBox .info .infoInner{padding:40px 26px;width:277px;text-align:center}.resultWrap .brandBox .info .infoInner .title{font-size:20px;font-weight:700}.resultWrap .brandBox .info .infoInner .introText{margin-top:25px;font-weight:500;line-height:150%}.resultWrap .brandBox .info .infoInner .descText{margin-top:25px;font-size:15px;line-height:150%}.resultWrap .brandBox .info .downloadButton{display:block;width:307px;height:64px;font-size:17px;font-weight:700;color:#fff;text-align:center;line-height:64px}.resultWrap .brandBox .coursesInfo .icon{top:-23px;left:-20px}.resultWrap .brandBox .coursesInfo .infoInner{box-shadow:0 5px 30px 0 rgba(51,51,255,.2)}.resultWrap .brandBox .coursesInfo .infoInner .title{color:#33f;border-bottom:2px solid #33f}.resultWrap .brandBox .coursesInfo .downloadButton{background:#33f}.resultWrap .brandBox .storiesInfo .icon{top:-30px;right:-20px}.resultWrap .brandBox .storiesInfo .infoInner{box-shadow:0 5px 30px 0 rgba(255,102,0,.2)}.resultWrap .brandBox .storiesInfo .infoInner .title{color:#f60;border-bottom:2px solid #f60}.resultWrap .brandBox .storiesInfo .downloadButton{background:#f60}