@keyframes fadein{0%{box-shadow:none;background-color:#0000}to{background-color:#fff;box-shadow:0 .8rem 2.4rem #959da533}}@keyframes fadeout{0%{background-color:#fff;box-shadow:0 .8rem 2.4rem #959da533}to{box-shadow:none;background-color:#0000}}body{background-color:#0000;width:100vw;overflow-x:hidden;padding:0!important}header{box-shadow:none;background:0 0;border-bottom-color:#0000;transition:all .35s ease-out}header .logo-wrap span{color:#fff}header .app-logo:not(.white){display:none}header .logo-wrap span{color:#222;transition:all .35s ease-out}header .app-logo.white{transition:all .35s ease-out;display:block}header nav ul:not(.sub-menu)>li:hover>a,header nav .sub-menu li:hover>a,header nav>ul>li,header nav>ul>li>a{color:#fff}header nav>ul>li>a:hover,header nav>ul>li>a:visited,header nav>ul>li>a:focus{color:inherit}header.on{background-color:#fff}header.on .app-logo.white{transition:all .35s ease-out;display:none}header.on .app-logo:not(.white){transition:all .35s ease-out;display:block}header.on nav ul:not(.sub-menu)>li:hover>a,header.on nav .sub-menu li:hover>a,header.on nav>ul>li,header.on nav>ul>li>a{color:#222}.layout_noframe .layout_frame_inner{width:100%;max-width:100%;padding-bottom:0}section{padding:0;position:relative}section .inner{width:132.8rem;min-height:100vh;margin:0 auto}section.func,section.custom{background-color:#1b0049}section.pay{background-color:#58ccff}section.influencer{background-color:#feebb6}section.faq{background-color:#0f0028}section .title{color:inherit;margin-bottom:2rem;font-size:5.5rem;font-weight:300;line-height:1.3}section .description{color:#222;text-align:center;margin-bottom:8.3rem;font-size:2.3rem;line-height:1.55}section.column .title{text-align:center;color:#000}section.column.faq .title{color:#fff}section.column .inner{padding-top:12rem;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpMobile{0%{opacity:0;transform:translate(-50%,2rem)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12%)}to{opacity:1;transform:translateY(0)}}section.main-section{height:85vh;min-height:0!important}section.main-section .dim{z-index:1;display:block;position:absolute}section.main-section .swiper,section.main-section .swiper .swiper-wrapper,section.main-section .swiper .swiper-slide{width:100%;height:100%}section.main-section .screen{z-index:2;width:100%;position:absolute;top:50%;transform:translateY(-50%)}section.main-section .screen:after{content:"";padding-bottom:34.9%;display:block}section.main-section .screen img{opacity:0;width:28%;display:block;position:absolute;top:-2%;right:23%;transform:translateY(10%)}section.main-section .screen img.on{animation:1.3s .3s both fadeInUp}section.main-section .content{z-index:3;text-align:center;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.main-section .content .sub-title{font-weight:400}section.main-section .content .description{color:#fff;word-break:keep-all}section.main-section .content .form-input{max-width:50rem;height:7rem;margin:0 auto 2rem;font-size:1.9rem}section.main-section .content .start-btn{color:#fff;background-color:#fff6;max-width:50rem;margin:0 auto;font-size:1.9rem}section.main-section .title{color:#fff;justify-content:center;align-items:center;font-size:8rem;font-weight:300;line-height:1.2;display:flex}section.main-section h2.title,section.main-section h2.title span{font-weight:300!important}section.main-section .search-wrap{background-color:#0000;border:none;justify-content:center;max-width:50rem;margin:0 auto;padding:1rem;display:flex;position:relative}section.main-section .search-wrap form{align-items:center;display:flex}section.main-section .search-wrap a:not(.btn-kakao-start){letter-spacing:-.05rem;background-color:#0000;border:none;border-radius:0;height:5rem;padding:0 1rem;font-size:1.8rem}section.main-section .search-wrap button{background:url(/skin/img/ic-nav-search-active.svg) 50%/70% no-repeat;flex:none;width:5rem;height:5rem}section.main-section .search-wrap input::placeholder{color:#222;letter-spacing:-.05rem;font-size:1.8rem}section.main-section .search-wrap input:focus::placeholder{color:#0000}section.main-section .search-wrap .search-result-wrap{background-color:#fff;width:100%;padding:1.5rem 0 1.5rem 1.5rem;position:absolute;top:100%;left:0;overflow-y:hidden}section.main-section .search-wrap .search-result-wrap ul{width:100%;height:100%;max-height:16rem;overflow-y:scroll}section.main-section .search-wrap .search-result li{color:#222;letter-spacing:-.05rem;text-align:left;cursor:pointer;padding:1.5rem 1.5rem 1.5rem 0;font-size:1.5rem;line-height:1.35}section.main-section .search-wrap .search-result li+li{border-top:1px dashed #f2f2f2}section.main-section .search-wrap .search-result li h2{margin-bottom:.5rem;font-weight:500}section.main-section .search-wrap .search-result li.empty{color:#b2b2b2;text-align:center;line-height:5rem}@keyframes scroll_1{0%{transform:translateY(0)}25%{transform:translateY(-.6em)}50%{transform:translateY(0)}75%{transform:translateY(.6em)}to{transform:translateY(0)}}.scroll-icon__wheel-outer{border-radius:.4em;width:.4em;height:1em;margin-left:-.2em;display:block;position:absolute;top:.6em;left:50%;overflow:hidden}.scroll-icon__wheel-inner{border-radius:inherit;background:#ffffffb3;width:100%;height:100%;animation:2.75s ease-in-out infinite scroll_1;display:block}.scroll-icon{z-index:20;border:.25em solid #ffffffb3;border-radius:3rem;width:2.5rem;height:4rem;display:block;position:absolute;bottom:4rem;left:50%;transform:translate(-50%)}section.section2{background:var(--global-primary-color) url(/images/home/section2-bg.png) left 0 top 50% / auto 100% no-repeat}section.section2 .content{color:#fff}section.section2 .description{text-align:left;color:#fff}section.phone-section .inner{justify-content:space-between;align-items:center;height:100vh;padding:0 5rem;display:flex}section .phone-wrap{flex:none;width:45rem;height:100%;margin-right:20rem;position:relative}section .phone-wrap .phone{background-color:#fff;border-radius:4rem 4rem 0 0;width:90%;position:absolute;bottom:0;left:0;box-shadow:0 .8rem 2.4rem #a5959533}section .phone-wrap .phone:before{content:"";background-color:#f2f2f2;border-radius:5rem;width:6rem;height:.8rem;display:block;position:absolute;top:2.5rem;left:50%;transform:translate(-50%)}section .phone-wrap .phone:after{content:"";padding-bottom:177%;display:block}section .phone-wrap .phone .screen{background-color:#fff;border:1px solid #f2f2f2;width:90%;height:calc(100% - 5.8rem);position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}section .phone-wrap .phone .screen .swiper{width:100%;height:100%}section .phone-wrap .phone .screen .swiper .swiper-slide{box-shadow:inset 0 0 .5rem #f2f2f2}section.phone-section.reverse .phone-wrap{margin-left:20rem;margin-right:0}section.phone-section .content{flex:1}section.phone-section .content img{margin-bottom:2rem}section.section3{background:#f2decf url(/images/home/section3-bg.png) 0 50%/auto 100% no-repeat}section.section3 .description{text-align:left}section.func .inner{padding-bottom:5rem}section.func .title{color:#fff;margin-bottom:5rem}section.func:not(.usage) .description{color:#fff}section.func ul{flex-wrap:wrap;width:80%;margin:0 auto;display:flex}section.func ul li{color:#222;text-align:center;width:25%;padding:2rem;font-size:2.2rem}section.func ul li p{color:#f2f2f2;font-size:1.8rem}section.func ul li .desc{color:#b1b1b1;letter-spacing:-.05rem;min-height:4.4rem;margin-top:1.5rem;font-size:1.6rem;line-height:1.35;display:block}section.func ul li .icon{width:15rem;height:10rem;margin:0 auto 2rem}section.func ul li .icon.link{background:url(/images/home/ic-link.svg) 50%/57% no-repeat}section.func ul li .icon.namecard{background:url(/images/home/ic-card.svg) 50%/63% no-repeat}section.func ul li .icon.social{background:url(/images/home/ic-social.svg) 50%/57% no-repeat}section.func ul li .icon.kakao{background:url(/images/home/ic-kakao.svg) 50%/57% no-repeat}section.func ul li .icon.sales{background:url(/images/home/ic-sales.svg) 50%/51% no-repeat}section.func ul li .icon.calendar{background:url(/images/home/ic-calendar.svg) 50%/57% no-repeat}section.func ul li .icon.business{background:url(/images/home/ic-business.svg) 50%/57% no-repeat}section.func ul li .icon.donation{background:url(/images/home/ic-donation.svg) 50%/57% no-repeat}section.func ul li .icon.band{background:url(/images/home/ic-band.svg) 50%/57% no-repeat}section.func ul li .icon.tag{background:url(/images/home/ic-tag.svg) 50%/57% no-repeat}section.func ul li .icon.timestamp{background:url(/images/home/ic-timestamp.svg) 50%/64% no-repeat}section.func ul li .icon.reserve{background:url(/images/home/ic-reserve.svg) 50%/57% no-repeat}section.func ul li .icon.naver{background:url(/images/home/ic-naver.svg) 50%/57% no-repeat}section.func ul li .icon.place{background:url(/images/home/ic-place.svg) 50%/57% no-repeat}section.func ul li .icon.ticket{background:url(/images/home/ic-ticket.svg) 50%/62% no-repeat}section.func ul li .icon.form{background:url(/images/home/ic-form.svg) 50%/57% no-repeat}section.func ul li .icon.bill{background:url(/images/home/ic-bill.svg) 50%/57% no-repeat}section.func ul li .icon.skin{background:url(/images/home/ic-skin.svg) 50%/57% no-repeat}section.func ul li .icon.graph{background:url(/images/home/ic-graph.svg) 50%/57% no-repeat}section.func ul li .icon.nft{background:url(/images/home/ic-nft.svg) 50%/72% no-repeat}section.func ul li .icon.codeblock{background:url(/images/home/ic-codeblock.svg) 50%/57% no-repeat}section.func .content{flex-wrap:wrap;width:67%;margin:0 auto;display:flex}section.func .content li{color:#222;letter-spacing:-.02rem;border-radius:5.3rem;width:calc(50% - 3rem);margin:1.5rem;font-size:2.2rem;position:relative;overflow:hidden}section.func .content li:nth-child(5){color:#000}section.func .content li:after{content:"";padding-bottom:100%;display:block}section.func .content li>div{width:100%;height:100%;color:inherit;padding:3rem;position:absolute;top:0;left:0}section.func .content li .icon{opacity:.25;background-color:#fff;border-radius:40rem;width:25rem;height:25rem;margin:0 auto 3rem}section.func .content li p{color:inherit}section.pay .illust{width:40%;margin:13rem auto 0}section.pay .partner-icon{opacity:.15;position:absolute}section.pay .partner-icon.ic-spc1{top:10%;left:10%}section.pay .partner-icon.ic-spc2{top:30%;right:15%}section.pay .partner-icon.ic-spc3{top:50%;left:15%}section.pay .partner-icon.ic-spc4{bottom:10%;right:20%}section.pay .partner-icon.ic-spc5{bottom:5%;left:10%}section.custom .inner{height:100vh}section.custom .illust{height:80%;position:relative}.wrap{perspective:60rem;text-align:center;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}section.faq .inner{padding-top:12rem;padding-bottom:7rem}section.faq .faq-list{width:80%;margin:5.8rem auto 0}section.faq .faq-list li{color:#fff;letter-spacing:-.05rem;cursor:pointer;background-color:#fff3;border-radius:4.2rem;height:8rem;padding:0 5rem;font-size:1.8rem}section.faq .faq-list li h2{font-size:inherit;font-weight:inherit;font-size:1.6rem;line-height:8rem;position:relative}section.faq .faq-list li p{padding-bottom:3rem;padding-right:5rem;font-size:1.7rem;line-height:1.75;display:none}section.faq .faq-list li.on{height:auto}section.faq .faq-list li.on p{display:block}section.faq .faq-list li h2:after{content:"";background:url(/images/home/ic-arrow-down-w.svg) 50%/contain no-repeat;width:3rem;height:4rem;display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}section.faq .faq-list li.on h2:after{transform:translateY(-50%)rotate(180deg)}section.faq .faq-list li:not(:first-child){margin-top:3rem}section.start{background-color:var(--global-primary-color);min-height:100vh}section.start .bg{z-index:1;background:url(/images/home/icon-background.png) 50%/33%;width:100%;height:100%;position:absolute;top:0;left:0}section.start .inner{z-index:2;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:12rem 0;display:flex;position:relative}section.start .sub-title{letter-spacing:-.1rem;color:#fff;margin-bottom:2rem;font-size:3.4rem;font-weight:400}section.start .title{color:#fff;margin-bottom:4rem}section.start .desc{letter-spacing:-.1rem;color:#fff;font-size:2.8rem}section.start .start-btn{color:var(--global-primary-color);letter-spacing:-.05rem;text-align:center;cursor:pointer;background-color:#fff;border-radius:1.4rem;width:30rem;height:7rem;margin-top:8rem;font-size:1.8rem;line-height:7rem;display:block}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}section:not(.start){min-height:100vh}section .content-wrap{width:120rem;margin:0 auto;padding:9rem 0}section .content-wrap .title{text-align:center}section .content-wrap .description{color:#666}section.section4{background:url(/images/home/section4-bg.png) 50%/cover no-repeat}section.section4 .title,section.section4 .description{color:#fff}section.section4 ul{color:#fff;opacity:0;justify-content:center;margin-top:15rem;font-size:2.2rem;line-height:1.65;display:flex}section.section4.on ul{animation:1s ease-out both fadeInDown}section.section4 ul li{flex:1;padding:4.7rem 4.3rem}section.section4 ul li:not(:first-child){border-left:2px dashed #fff}section.section4 ul li h2{margin-bottom:4rem;font-size:2.6rem}section.section4 ul li p{font-weight:300}section.section5 ul{letter-spacing:-.05rem;color:#222;width:102.2rem;margin:0 auto;font-size:2.2rem;line-height:1.5}section.section5 ul li{opacity:0}section.section5.on ul li{animation:1s ease-out both fadeInDown}section.section5.on ul li:nth-child(2){animation-delay:.3s}section.section5 ul li h2{margin-bottom:2rem;font-size:2.6rem}section.section5 ul li p{font-weight:400}section.section5 ul li{background-color:#f7f7f7;border-radius:2.1rem;padding:4rem 10rem 5rem 16.4rem;display:flex}section.section5 ul li+li{margin-top:5rem}section.section5 ul li .icon{background-color:#fff;border-radius:1.7rem;flex:none;width:9.6rem;height:9.6rem;margin-right:7rem;box-shadow:0 8px 24px #959da533}section.section5 ul li .icon.blog{background:url(/images/home/blog.png) 50%/cover no-repeat}section.section5 ul li .icon.instagram{background:url(/images/home/instagram.png) 50%/cover no-repeat}section.section5 ul li .content{flex:1}section.section6 .content{justify-content:center;align-items:center;display:flex}section.section6 .phone-wrap{background-color:var(--global-sub-color);border-radius:3.8rem;flex:none;width:55.3rem;margin-right:5rem;display:block;position:relative;overflow:hidden}section.section6 .phone-wrap:after{content:"";padding-bottom:100%;display:block}section.section6 .phone-wrap:before{content:"";z-index:10;background:linear-gradient(#ffece500 0%,#ffece5 55% 100%);width:100%;height:6.4rem;display:block;position:absolute;bottom:0;left:0}section.section6 .phone-wrap .phone{width:52%;position:absolute;top:auto;left:50%;transform:translate(-50%)}section.section6 .txt-wrap{color:#222;font-size:2.2rem;line-height:1.55}section.section6 .txt-wrap li:not(.on){opacity:.3}section.section6 .txt-wrap li{cursor:pointer;padding-left:5rem;position:relative}section.section6 .txt-wrap li .icon{width:3rem;height:3rem;display:block;position:absolute;top:0;left:0}section.section6 .txt-wrap li .icon.item{background:url(/images/home/section6-item.svg) 50%/100% no-repeat}section.section6 .txt-wrap li .icon.link{background:url(/images/home/section6-link.svg) 50%/100% no-repeat}section.section6 .txt-wrap li .icon.sns{background:url(/images/home/section6-sns.svg) 50%/100% no-repeat}section.section6 .txt-wrap li h2{margin-bottom:2.5rem;font-size:2.8rem}section.section6 .txt-wrap li+li{margin-top:4rem}section.section7{background:linear-gradient(#fffcf8d6 0%,#fff4ecf5 100%),url(/images/home/section7-bg.png) 50%/cover no-repeat}section.section7 .content-wrap{padding:11rem 0 12rem}section.section7 .title{word-break:keep-all;max-width:78rem;margin-left:auto;margin-right:auto}section.section7 .description{color:#5c4f47;word-break:keep-all;max-width:82rem;margin-bottom:4rem;margin-left:auto;margin-right:auto}section.section7 .section7-platforms{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem;margin-bottom:5rem;display:flex}section.section7 .section7-platforms li{color:#7e4d2f;background:#ffffffdb;border:1px solid #ff8a6133;border-radius:999px;padding:1.2rem 2rem;font-size:1.6rem;font-weight:600;line-height:1;box-shadow:0 1rem 2.4rem #6b4c3a14}section.section7 .section7-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem;display:grid;position:relative}section.section7 .section7-steps:before{content:"";background:linear-gradient(90deg,#ff744933,#ff7449b3,#ff744933);height:.2rem;position:absolute;top:5.4rem;left:10%;right:10%}section.section7 .section7-step{z-index:1;-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem);background:#ffffffe6;border:1px solid #ff967838;border-radius:2.8rem;padding:2.8rem;position:relative;box-shadow:0 2.4rem 6rem #794f311a}section.section7 .section7-step:after{content:"";background:#fff url(/images/home/ic-arrow-right.svg) 50%/1.2rem no-repeat;border-radius:50%;width:3.6rem;height:3.6rem;position:absolute;top:4.6rem;right:-1.8rem;box-shadow:0 1rem 2.4rem #603d2524}section.section7 .section7-step:last-child:after{display:none}section.section7 .section7-step__head{align-items:flex-start;gap:1.6rem;margin-bottom:2.2rem;display:flex}section.section7 .section7-step__number{color:#fff;background:linear-gradient(135deg,#ff8755 0%,#ff6038 100%);border-radius:1.8rem;flex:none;justify-content:center;align-items:center;width:5.6rem;height:5.6rem;font-size:2rem;font-weight:700;display:inline-flex;box-shadow:0 1.6rem 3.4rem #ff6a3d52}section.section7 .section7-step__copy{flex:1}section.section7 .section7-step__label{color:#ff6a3d;letter-spacing:.08em;margin-bottom:.8rem;font-size:1.3rem;font-weight:700;display:inline-block}section.section7 .section7-step h2{color:#221d1a;margin-bottom:1rem;font-size:2.5rem;line-height:1.36}section.section7 .section7-step p{color:#62564f;min-height:8.2rem;font-size:1.7rem;line-height:1.6}section.section7 .section7-step__visual{aspect-ratio:4/5;background:#fff;border:1px solid #ff916c2e;border-radius:2.2rem;margin-bottom:2rem;position:relative;overflow:hidden}section.section7 .section7-step__visual img{object-fit:cover;object-position:top center;width:100%;height:100%}section.section7 .section7-step__tags{flex-wrap:wrap;gap:.8rem;display:flex}section.section7 .section7-step__tags li{color:#7a4d31;background:#fff4ee;border-radius:999px;padding:.9rem 1.2rem;font-size:1.4rem;font-weight:600;line-height:1}section.section7 .section7-automation{background:linear-gradient(135deg,#2b1d17 0%,#5f2d1d 100%);border-radius:3rem;grid-template-columns:29rem minmax(0,1fr);align-items:center;gap:3rem;margin-top:3.2rem;padding:3rem 3.2rem;display:grid;box-shadow:0 2.2rem 5rem #47221638}section.section7 .section7-automation__intro strong{color:#fff;margin-bottom:1rem;font-size:3rem;line-height:1.2;display:block}section.section7 .section7-automation__intro p{color:#ffffffc7;font-size:1.7rem;line-height:1.6}section.section7 .section7-automation__flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;display:grid}section.section7 .section7-automation__flow li{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:2rem;justify-content:center;align-items:center;min-height:9rem;padding:1.8rem 1.4rem;font-size:1.7rem;font-weight:600;line-height:1.45;display:flex;position:relative}section.section7 .section7-automation__flow li:after{content:"";background:#ffb667 url(/images/home/ic-arrow-right.svg) 50%/.8rem no-repeat;border-radius:50%;width:2rem;height:2rem;position:absolute;top:50%;right:-1rem;transform:translateY(-50%);box-shadow:0 .8rem 1.6rem #0003}section.section7 .section7-automation__flow li:last-child:after{display:none}section.section8{background:url(/images/home/section8-bg.png) 50%/cover no-repeat}section.section8 .description{text-align:left}@keyframes mover{0%{transform:translateY(0)}to{transform:translateY(-10px)}}section.section9{background-color:var(--global-sub-color)}section.section9 .screen-wrap{width:92rem;height:53rem;margin:0 auto;position:relative}section.section9 .screen{z-index:2;background:url(/images/home/section9-screen1.png) 50%/100% no-repeat;border-radius:4.8rem;width:66.5%;position:absolute;top:0;left:50%;transform:translate(-50%)}section.section9 .screen:after{content:"";padding-bottom:77%;display:block}section.section9 .screen-wrap .icon{width:100%;height:100%;animation:1s infinite alternate mover;display:block;position:absolute;top:0;left:0}section.section9 .screen-wrap .icon.tiktok{z-index:1;background:url(/images/home/section9-tiktok.png) 50%/100% no-repeat}section.section9 .screen-wrap .icon.youtube{z-index:3;background:url(/images/home/section9-youtube.png) 50%/100% no-repeat;animation-delay:.4s}section.section9 .screen-wrap .icon.blog{z-index:3;background:url(/images/home/section9-blog.png) 50%/100% no-repeat;animation-delay:.6s}section.section9 .screen-wrap .icon.instagram{z-index:3;background:url(/images/home/section9-instagram.png) 50%/100% no-repeat;animation-delay:.8s}section.section9 .screen-wrap .feed{z-index:4;background:#fff url(/images/home/section9-feed.png) 0 0/100% no-repeat;border-radius:2rem;width:30.1rem;display:block;position:absolute;top:-5rem;right:-9rem;box-shadow:0 7px 29px #64646f33}section.section9 .screen-wrap .feed:after{content:"";padding-bottom:154%;display:block}section.section9 .screen-wrap .feed .hearts{width:30%;height:86%;position:absolute;bottom:14%;left:-8%}section.section9 .screen-wrap .feed .heart{opacity:1;width:3rem;height:3rem;display:none;position:absolute;bottom:0}section.section9 .screen-wrap .feed .heart i{opacity:1;color:var(--global-primary-color);position:absolute;top:0;left:0}@keyframes showContent{0%{width:0}to{width:100%}}section.section9 .screen-wrap .feed .feed-content{color:#222;width:100%;height:14%;padding:1rem 1.3rem;font-size:1.5rem;display:block;position:absolute;bottom:0;left:0}section.section9 .screen-wrap .feed .feed-content a{color:#053563;margin-top:.5rem;display:block}section.section9 .screen-wrap .feed .feed-content>*{white-space:nowrap;width:0;overflow:hidden}section.section9 .screen-wrap .feed .feed-content.on>*{animation:3s linear both showContent}@keyframes flowOne{0%{opacity:0;bottom:0;left:14%}40%{opacity:.8}50%{opacity:1;left:0}60%{opacity:.2}80%{bottom:80%}to{opacity:0;bottom:100%;left:18%}}@keyframes flowTwo{0%{opacity:0;bottom:0;left:0}40%{opacity:.8}50%{opacity:1;left:11%}60%{opacity:.2}80%{bottom:60%}to{opacity:0;bottom:80%;left:0}}@keyframes flowThree{0%{opacity:0;bottom:0;left:0}40%{opacity:.8}50%{opacity:1;left:30%}60%{opacity:.2}80%{bottom:70%}to{opacity:0;bottom:90%;left:0}}@keyframes loop{to{transform:translate(-100%)}}@keyframes reviewLoop{0%,12%{transform:translate(0)}to{transform:translate(calc(-50% - 1.5rem))}}section.section10 .slide-wrap{padding-top:8rem;position:relative}section.section10 .slide-wrap:before,section.section10 .slide-wrap:after{content:"";z-index:10;width:12rem;height:100%;display:block;position:absolute;top:0}section.section10 .slide-wrap:before{background:linear-gradient(90deg,#fff 0% 45%,#fff0 100%);left:0}section.section10 .slide-wrap:after{background:linear-gradient(90deg,#fff0 0%,#fff 55% 100%);right:0}section.section10 .container{width:100%;display:flex;position:relative;overflow:hidden}section.section10 .container .slide-container{justify-content:center;align-items:center;animation:15s linear infinite loop;display:flex}section.section10 .container .slide-image{background-color:#f2f2f2;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3rem;flex:none;width:20rem;height:20rem;margin-left:3rem;transition:transform 5s}section.section10 .container.bottom{padding-left:10rem}section.section10 .phone-wrap{width:32rem;height:auto;margin-right:0;position:absolute;top:0;left:50%;transform:translate(-50%)}section.section10 .phone-wrap .phone{border-radius:4rem;width:100%;top:0;bottom:auto}section.section10 .phone-wrap .phone .screen{border-radius:0 0 2.5rem 2.5rem;height:calc(100% - 7.9rem);bottom:2.1rem}section.section11 .check-list{background-color:#fff9eb;border-radius:6rem;max-width:88rem;margin:0 auto;padding:6.4rem 5.6rem;box-shadow:0 2.4rem 6rem #7b5c2814}section.section11 .check-list ul{flex-direction:column;gap:0;display:flex}section.section11 .check-list ul li{border-bottom:1px solid #22222214;grid-template-columns:8rem minmax(0,1fr);align-items:start;gap:2rem;padding:2.4rem 0;display:grid}section.section11 .check-list ul li:first-child{padding-top:0}section.section11 .check-list ul li:last-child{border-bottom:0;padding-bottom:0}section.section11 .check-list__number{color:#ff6a3d;letter-spacing:.04em;font-size:2rem;font-weight:700;line-height:1.5}section.section11 .check-list__text{color:#222;letter-spacing:-.05rem;margin:0;font-size:2.8rem;font-weight:500;line-height:1.55}section.section12{background-color:#f2f2f2}section.section12 .content-wrap{width:100%!important}section.section12 .slide-wrap{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-top:8rem;position:relative;overflow:hidden}section.section12 .slide-wrap:before,section.section12 .slide-wrap:after{content:"";z-index:10;pointer-events:none;width:12rem;height:100%;display:block;position:absolute;top:0}section.section12 .slide-wrap:before{display:none;left:0}section.section12 .slide-wrap:after{background:linear-gradient(90deg,#f2f2f200 0%,#f2f2f2 55% 100%);right:0}section.section12 .review-slide-frame,section.section12 .container{min-width:100vw;position:relative;overflow:hidden;width:100vw!important;max-width:none!important}section.section12 .review-slide-frame .slide-track,section.section12 .container .slide-track,section.section12 .container .slide-container{will-change:transform;align-items:stretch;gap:3rem;width:max-content;min-width:max-content;animation:none;display:flex;transform:translate(0)}section.section12.on .review-slide-frame .slide-track,section.section12.on .container .slide-track,section.section12.on .container .slide-container{animation:120s linear infinite reviewLoop}section.section12 .review-slide-frame:hover .slide-track,section.section12 .container:hover .slide-track,section.section12 .container:hover .slide-container{animation-play-state:paused}section.section12 .review-slide-frame .slide-box,section.section12 .container .slide-box{color:#222;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3rem;flex-direction:column;flex:none;justify-content:flex-start;align-items:flex-start;width:50rem;min-height:30rem;padding:2rem;font-size:1.8rem;line-height:1.55;display:flex}section.section12 .container .slide-box>*{flex:none}section.section12 .container .slide-box .profile-wrap{align-items:center;margin-bottom:1.5rem;display:flex}section.section12 .container .slide-box .profile{background:#f2f2f2 url(/skin/img/ic-user.svg) 50%/50% no-repeat;border-radius:50%;flex:none;width:4.5rem;height:4.5rem;margin-right:2rem;display:block}section.section12 .container .slide-box .nickname{letter-spacing:-.05rem;font-weight:500}section.section12 .container .slide-box .content h2{margin:2rem 0 1rem}section.section12 .container .slide-box .content p{font-size:1.6rem}section.section12 .container .slide-box .date{color:#666;letter-spacing:-.05rem;text-align:right;width:100%;margin-top:auto;font-size:1.5rem;display:block}@keyframes check{to{stroke-dashoffset:4.5px}}.checkbox-animation{--border-default:#ffcd59;--border-hover:#ffcd59;--active:#ffcd59;--active-tick:#fff9eb;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;width:3rem;height:3rem;box-shadow:inset 0 0 0 1.5px var(--border,var(--border-default));background:var(--background,transparent);border:none;border-radius:36%;outline:none;margin:0;padding:0;transition:background .25s linear,box-shadow .25s linear;display:block;position:relative}.checkbox-animation svg{display:block;position:absolute}.checkbox-animation svg:first-child{width:3.5rem;height:3rem;color:var(--active);top:0;left:0}.checkbox-animation svg:first-child .tick{stroke-dasharray:20;stroke-dashoffset:var(--stroke-dashoffset,20);transition:stroke-dashoffset .2s}.checkbox-animation svg:first-child .tick.mask{stroke:var(--active-tick)}.checkbox-animation svg+svg{fill:none;width:2rem;height:2rem;stroke:var(--active);stroke-width:1.25px;stroke-linecap:round;stroke-dasharray:4.5;stroke-dashoffset:13.5px;pointer-events:none;-webkit-animation:var(--animation,none) .2s ease .175s;animation:var(--animation,none) .2s ease .175s;top:-10px;right:-15px}.checkbox-animation.checked{--background:var(--active);--border:var(--active)}.checkbox-animation.checked svg:first-child{--stroke-dashoffset:0}.checkbox-animation.checked svg+svg{--animation:check}.checkbox-animation:hover:not(.checked){--border:var(--border-hover)}.layout-inner{width:100%;overflow-x:hidden}.footer{background-color:#000}.footer .agree-wrap{border-top:none;border-bottom-color:#404040}.footer .copyright,.footer .company-info,.footer .agree-wrap a{color:#b2b2b2}.scroll-top{z-index:1000;background:#ffffff80 url(/skin/img/ic-arrow-top.svg) 50%/30% no-repeat;border-radius:50%;width:6.5rem;height:6.5rem;display:none;position:fixed;bottom:12.5rem;right:4rem}.scroll-top.on{display:block}@media (max-width:760px){:root{--landing-mobile-gutter:2.4rem}.pc{display:none!important}body{min-width:100%;max-width:100%;overflow-x:hidden}header .header-language{background:url(/skin/img/m/ic-trans-w.svg) 50%/2.7rem no-repeat}header.on .header-language{background:url(/skin/img/m/ic-trans.svg) 50%/2.7rem no-repeat}#index_gnb{background-color:#0000}#wrap{padding:0!important}section.main-section .title{font-size:3.5rem}section>.inner{width:100%;padding:12% var(--landing-mobile-gutter) 6.5rem;flex-direction:column;position:relative;overflow-x:hidden}.inner.left,.inner.right{padding-left:var(--landing-mobile-gutter)}section .title{letter-spacing:-.06rem;word-break:keep-all;margin-bottom:2.4rem;font-size:3.2rem;line-height:1.24}section.column .inner{padding-top:15%}section.func ul{width:100%}section.func ul li{width:50%;padding:1rem}section.func ul li p{font-size:1.6rem;line-height:1.5}section.func ul li .icon{width:80%;height:auto}section.func ul li .icon:after{content:"";padding-bottom:100%;display:block}section.pay .illust{width:100%;margin-top:50%}section.pay .illust img{width:100%}section.pay .partner-icon{width:13rem}section.pay .partner-icon.ic-spc1{top:36%;left:9%}section.pay .partner-icon.ic-spc2{top:26%;right:4%}section.pay .partner-icon.ic-spc3{top:38%;left:auto;right:5%}section.pay .partner-icon.ic-spc4{bottom:10%;right:5%}section.pay .partner-icon.ic-spc5{bottom:4%;left:10%}section.faq{min-height:auto}section.faq .inner{height:auto;min-height:0;padding-bottom:15%}section.faq .faq-list{width:100%;margin-top:0}section.faq .faq-list li{border-radius:3.5rem;height:7.2rem;padding:0 10%;font-size:.95em}section.faq .faq-list li h2{padding-right:2rem;line-height:7.2rem}section.faq .faq-list li h2:after{width:1.9rem}section.faq .faq-list li p{padding-right:2rem;font-size:1.5em}section.start{background-size:100%}section.start .title{margin-bottom:30%}section.main-section{text-align:center}section.main-section .content .form-input{width:90%}section.main-section .content{top:40%}section.main-section .content .description{text-align:center;font-size:1.8rem}section.main-section .content .search-wrap{width:90%}section.main-section .screen{top:auto;bottom:22rem;transform:none}section.main-section .screen:after{padding-bottom:56%}section.main-section .screen img{width:69.7%;top:auto;left:50%;right:auto;transform:translate(-50%,2rem)}section.main-section .screen img.on{animation:1.3s both fadeInUpMobile}section.section2{background-image:url(/images/home/section2-m-bg.png)}section.section3{background-image:url(/images/home/section3-m-bg.png)t}section.phone-section .inner{flex-direction:column-reverse;height:auto;padding:8rem 5% 0}section.phone-section .content{text-align:center}section.phone-section .description{text-align:center;font-size:1.8rem}section.phone-section .content img{width:4.5rem;margin:0 auto 2rem;display:block}section .phone-wrap{width:100%;height:auto;margin-top:4rem;margin-left:0!important;margin-right:0!important}section .phone-wrap .phone{border-radius:2.5rem 2.5rem 0 0;margin:0 auto;position:relative;bottom:auto;left:auto}section.phone-section.reverse .inner{flex-direction:column}section .description{word-break:keep-all;margin-bottom:3.6rem;font-size:1.8rem;line-height:1.6}section .content-wrap{width:100%;padding:8rem var(--landing-mobile-gutter)}section.section4 ul{margin-top:3rem;font-size:1.8rem;display:block}section.section4 ul li{padding:4.5rem 0}section.section4 ul li:not(:first-child){border-top:1px dashed #fff;border-left:0}section.section4 ul li h2{font-size:2.2rem}section.section5 ul{width:100%;font-size:1.8rem}section.section5 ul li{padding:2rem;display:block}section.section5 ul li .icon{border-radius:1.2rem;width:7.5rem;height:7.5rem;margin-bottom:2rem;margin-right:0}section.section5 ul li h2{font-size:2.2rem}section.section6 .content{display:block}section.section6 .phone-wrap{width:100%;height:auto;padding-top:4rem}section.section6 .phone-wrap:after{display:none}section.section6 .phone-wrap .phone{position:relative;top:auto;left:auto;transform:none}section.section6 .txt-wrap{margin-top:4rem;font-size:1.8rem}section.section6 .txt-wrap li h2{margin-bottom:1rem;font-size:2.2rem}section.section7{background:linear-gradient(#fffcf8eb 0%,#fff4ecfa 100%),url(/images/home/section7-m-bg.png) 50%/cover no-repeat;min-height:auto}section.section7 .content-wrap{padding:7.2rem 3.2rem}section.section7 .description{max-width:34rem;margin:0 auto 2.8rem;font-size:1.7rem}section.section7 .title{max-width:33rem;margin-left:auto;margin-right:auto;font-size:3.8rem;line-height:1.2}section.section7 .section7-platforms{gap:.8rem;margin-bottom:2.8rem}section.section7 .section7-platforms li{padding:1rem 1.3rem;font-size:1.4rem}section.section7 .section7-steps{grid-template-columns:1fr;gap:1.6rem}section.section7 .section7-steps:before{display:none}section.section7 .section7-step{border-radius:2.3rem;padding:1.9rem}section.section7 .section7-step:after{display:none}section.section7 .section7-step__head{gap:1.1rem;margin-bottom:1.4rem}section.section7 .section7-step__number{border-radius:1.4rem;width:4.8rem;height:4.8rem;font-size:1.8rem}section.section7 .section7-step__copy{min-width:0}section.section7 .section7-step__label{margin-bottom:.5rem;font-size:1.2rem}section.section7 .section7-step h2{word-break:keep-all;margin-bottom:.6rem;font-size:2rem;line-height:1.35}section.section7 .section7-step p{min-height:auto;font-size:1.55rem;line-height:1.6}section.section7 .section7-step__visual{aspect-ratio:4/4.8;margin-bottom:1.6rem}section.section7 .section7-step__tags li{font-size:1.3rem}section.section7 .section7-automation{border-radius:2.6rem;grid-template-columns:1fr;gap:2rem;margin-top:2.4rem;margin-left:.4rem;margin-right:.4rem;padding:1.8rem}section.section7 .section7-automation__intro strong{word-break:keep-all;font-size:2.2rem;line-height:1.3}section.section7 .section7-automation__intro p{font-size:1.55rem;line-height:1.6}section.section7 .section7-automation__flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}section.section7 .section7-automation__flow li{min-height:6.4rem;padding:1.2rem 1rem;font-size:1.4rem;line-height:1.45}section.section7 .section7-automation__flow li:after{display:none}section.section8{background-image:url(/images/home/section8-m-bg.png);padding-bottom:8rem}section.section8 .phone-wrap{margin-top:0}section.section8 .phone-wrap .phone{border-radius:3rem;top:auto;transform:none}section.section8 .phone-wrap:before{top:30%;right:-3%}section.section9{min-height:auto}section.section9 .screen-wrap{width:100%;height:auto;padding-top:5rem}section.section9 .screen{background-size:cover;border-radius:3rem;width:70%;margin-left:auto;margin-right:3rem;position:relative;left:auto;transform:none}section.section9 .screen:after{padding-bottom:142%}section.section9 .screen-wrap .feed{width:20rem;top:-3rem;right:0}section.section9 .screen-wrap .icon{animation:none;top:auto;bottom:-4.5rem;background-position:-1.2rem 50%!important;background-size:150%!important}section.section9 .screen-wrap .feed{border-radius:1.2rem}section.section9 .screen-wrap .feed .feed-content{padding:.5rem .8rem;font-size:1.2rem}section.section9 .screen-wrap .feed .feed-content.on>*{width:100%;animation:none}section.section10{min-height:auto}section.section10 .phone-wrap{width:71%}section.section10 .phone-wrap .phone{border-radius:2.5rem}section.section10 .phone-wrap .phone .screen{border-radius:0 0 2rem 2rem}section.section10 .slide-wrap:before,section.section10 .slide-wrap:after{display:none}section.section10 .container .slide-image{border-radius:1.8rem;width:12rem;height:12rem;margin-left:1.5rem}section.section10 .container.bottom{padding-left:0}section.section10 .container.bottom .slide-container:first-child{margin-left:-6rem}section.section11{min-height:auto}section.section11 .check-list{border-radius:2.8rem;padding:3rem 1.8rem}section.section11 .check-list ul{gap:0}section.section11 .check-list ul li{grid-template-columns:4.8rem minmax(0,1fr);gap:1rem;padding:1.6rem 0}section.section11 .check-list__number{font-size:1.4rem;line-height:1.5}section.section11 .check-list__text{letter-spacing:-.03rem;word-break:keep-all;font-size:1.65rem;line-height:1.6}section.section12 .slide-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:3rem 0 1rem;overflow:auto hidden}section.section12 .slide-wrap::-webkit-scrollbar{display:none}section.section12 .slide-wrap:before,section.section12 .slide-wrap:after{display:none}section.section12 .container{width:max-content;margin:0;padding:0 2rem;overflow:visible}section.section12 .review-slide-frame{min-width:0;margin:0;padding:0 2rem;overflow:visible;width:max-content!important}section.section12 .review-slide-frame .slide-track,section.section12 .container .slide-track,section.section12 .container .slide-container{gap:2rem;animation:none;display:flex;transform:none}section.section12.on .review-slide-frame .slide-track,section.section12.on .container .slide-track,section.section12.on .container .slide-container{animation:none}section.section12 .review-slide-frame .slide-box,section.section12 .container .slide-box{border-radius:2.5rem;width:min(78vw,32rem);height:auto;min-height:24rem}section.start .bg{background-size:100%}section.start .inner{text-align:center;padding:8rem 5%}section.start .sub-title{font-size:2.4rem}section.start .desc{font-size:2rem}.scroll-top{bottom:18.5rem;right:5%}.footer .agree-wrap{border:none}section.faq .inner{padding-left:var(--landing-mobile-gutter);padding-right:var(--landing-mobile-gutter)}section.faq .faq-list li{border-radius:2.8rem;height:auto;min-height:7.2rem;padding:0 2rem}section.faq .faq-list li h2{word-break:keep-all;align-items:center;min-height:7.2rem;padding:1.5rem 3.6rem 1.5rem 0;line-height:1.5;display:flex}section.faq .faq-list li h2:after{width:1.8rem;height:1.8rem;right:0}section.faq .faq-list li p{word-break:keep-all;padding:0 3.6rem 2rem 0;font-size:1.5rem;line-height:1.65}section.faq .faq-list li:not(:first-child){margin-top:1.6rem}}@media (max-width:340px){section{height:57.6rem}}@media (max-width:1328px){section .inner{width:100%}}@media (max-width:1440px){section .title{font-size:4rem}}@media (max-width:1600px){.layout_noframe .layout_frame_inner{max-width:100%!important}}@media (min-width:761px){section .inner{min-height:93rem}}