html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}input,textarea,button{-webkit-appearance:none;-moz-appearance:none;background:0 0;border:0}
@media (min-width:576px){.container{max-width:560px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:768px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:960px}}body{color:#222;background:#f8f8f8;font-family:-apple-system,BlinkMacSystemFont,sans-serif}html{font-size:14px}html,body{height:100%;margin:0;padding:0}small{color:#919191}#__next{height:100%}.btn{border-radius:8px;padding-top:2px;padding-bottom:2px}.btn-primary{color:#fff;background-color:#7f4fe8;border-color:#7f4fe8}#container{min-height:100%;margin:0 auto}#main #menu{z-index:100;background:#fff;border-top:1px solid #f5f5f5;width:100%;position:fixed;bottom:0}#main #top-menu menu{margin:0 auto;padding:0;display:flex}#main #top-menu menu .menu-item{text-align:center;flex:1;padding:.5rem 0}#main #top-menu menu button{vertical-align:middle;text-indent:-9999px;border:0;width:55px;height:45px}#main #top-menu .menu-item button.feed{background:url(/static/images/ico-menu-ico-menu-home-off.png) 50%/24px 24px no-repeat}#main #top-menu .menu-item button.explore{background:url(/static/images/ico-menu-ico-menu-search-off.png) 50%/24px 24px no-repeat}#main #top-menu .menu-item button.compose{background:url(/static/images/ico-menu-ico-menu-compose.png) 50%/35px 35px no-repeat}#main #top-menu .menu-item button.portfolio{background:url(/static/images/ico-menu-ico-menu-portfolio-off.png) 50%/24px 24px no-repeat}#main #top-menu .menu-item button.my{background:url(/static/images/ico-menu-ico-menu-my-off.png) 50%/24px 24px no-repeat}#main #top-menu .menu-item.on button.feed{background:url(/static/images/ico-menu-ico-menu-home-on.png) 50%/24px 24px no-repeat}#main #top-menu .menu-item.on button.explore{background:url(/static/images/ico-menu-ico-menu-search-on.png) 50%/24px 24px no-repeat}#main #top-menu .menu-item.on button.compose{background:url(/static/images/ico-menu-ico-menu-compose.png) 50%/35px 35px no-repeat}#main #top-menu .menu-item.on button.portfolio{background:url(/static/images/ico-menu-ico-menu-portfolio-on.png) 50%/24px 24px no-repeat}#main #top-menu .menu-item.on button.my{background:url(/static/images/ico-menu-ico-menu-my-on.png) 50%/24px 24px no-repeat}h4{margin:1rem;font-size:1.1rem}a:active{text-decoration:none}#main #top-menu{align-items:center;height:67px;display:flex}#main #top-menu menu .menu-item{float:left;width:60px}#main #top-menu input.compose{vertical-align:middle;text-indent:-9999px;background:url(/static/images/ico-menu-ico-menu-compose.png) 50%/40px 40px no-repeat;border:0;width:40px;height:40px}.notification-list{margin:0}.notification-list li{border:0}.notification-list li .profile{width:60px;height:53px;padding-top:2px}.notification-list li .text{flex:1;height:55px}.notification-list li .text p{padding-right:.5rem}.notification-list li .thumbnail{width:80px;height:55px}.notification-list li .thumbnail p{vertical-align:middle}.notification-list li .d-table{width:100%;height:55px}.notification-list li .d-table-cell{vertical-align:middle;width:100%}.notification-list li .thumbnail .d-table-cell{text-align:right}#simple-layout.white #main .upload-button{text-indent:-9999px;background:url(/static/images/ico-compose-ico-compose-plus-b.png) 0 0/60px 60px no-repeat;border:0;width:60px;height:60px;margin:auto;position:absolute;inset:0}.composer{border-radius:15px;width:100%;padding-top:100%;position:relative}.composer .composer-card-slider{margin-top:-100%}.composer .slick-slider,.composer .slick-list,.composer .slick-track,.composer .slick-slide,.composer .slick-slide>div,.composer .slick-slide>div>div{height:100%}.composer .slick-slide{border-radius:15px;padding:15px}.composer .slick-slide .image{border-radius:15px}.composer .upload-button{text-indent:-9999px;background:url(/static/images/ico-compose-ico-compose-plus-b.png) 0 0/60px 60px no-repeat;border:0;width:60px;height:60px;margin:auto;position:absolute;inset:0}.ReactModal__Content .body{text-align:center;min-width:250px;padding:0 20px}.ReactModal__Content .buttons{border-top:1px solid #0003;display:flex}.ReactModal__Content .buttons button{color:#7f4fe8;border-right:1px solid #0003;flex:1;padding:20px}.ReactModal__Content .buttons button:last-child{border-right:0}
.slick-list,.slick-slider,.slick-track{display:block;position:relative}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{margin:0;padding:0;overflow:hidden}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translate(0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{border:1px solid #0000;height:auto;display:block}.slick-arrow.slick-hidden{display:none}.slick-dots,.slick-next,.slick-prev{padding:0;display:block;position:absolute}.slick-dots li button:before,.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:slick}@font-face{font-family:slick;font-weight:400;font-style:normal}.slick-next,.slick-prev{cursor:pointer;color:#0000;background:0 0;border:none;outline:0;width:20px;height:20px;font-size:0;line-height:0;top:50%;transform:translateY(-50%)}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:#0000;background:0 0;outline:0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{opacity:.75;color:#fff;font-size:20px;line-height:1}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before,.slick-next:before,[dir=rtl] .slick-prev:before{content:"��"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}[dir=rtl] .slick-next:before{content:"��"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{text-align:center;width:100%;margin:0;list-style:none;bottom:-25px}.slick-dots li{cursor:pointer;width:20px;height:20px;margin:0 5px;padding:0;display:inline-block;position:relative}.slick-dots li button{cursor:pointer;color:#0000;background:0 0;border:0;outline:0;width:20px;height:20px;padding:5px;font-size:0;line-height:0;display:block}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{content:"��";text-align:center;opacity:.25;color:#000;width:20px;height:20px;font-size:6px;line-height:20px;position:absolute;top:0;left:0}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
body{font-family:-apple-system,Apple SD Gothic Neo,BlinkMacSystemFont,sans-serif}a{color:#3c73b3}button{cursor:pointer}a:hover,a:focus,a:active,button:hover,button:focus,button:active{outline:none!important}button.btn:hover,button.btn:focus,button.btn:active{box-shadow:none;outline:none!important}button.btn:disabled{color:#fff;opacity:1;background-color:#9b9b9b!important;border-color:#9b9b9b!important}button.btn-primary{background-color:#7f4fe8;border-color:#7f4fe8}button.btn-primary:not(.disabled):hover{background-color:#9269eb;border-color:#9269eb}button.btn-primary:not(.disabled):active{background-color:#b295f1!important;border-color:#b295f1!important}button.btn-outline-secondary{color:#969eaa;border-color:#cfd4db}button.btn-info{background-color:#f06293;border-color:#f06293}button.btn-info:not(.disabled):hover{background-color:#f279a3;border-color:#f279a3}button.btn-info:not(.disabled):active{background-color:#f6a0be!important;border-color:#f6a0be!important}button.btn-white{color:#000;background-color:#fff;border-color:#7f4fe8}button.btn-white:not(.disabled):hover{background-color:#ece5fc;border-color:#9269eb}button.btn-white:not(.disabled):active{background-color:#ccb9f6!important;border-color:#b295f1!important}button.btn-purple,button.btn-purple:not(.disabled):hover{color:#fff;background-color:#f06293;border-color:#f06293}input[type=text]::placeholder{color:#cfd4db;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}label.checkbox{cursor:pointer}label.checkbox input,label.checkbox span{vertical-align:middle}label.checkbox input[type=checkbox]{border:1px solid #eee;border-radius:10px;width:20px;height:20px;margin-right:8px;display:inline-block}label.checkbox input[type=checkbox]:checked{background:url(/static/images/group-15-copy.png) 50% no-repeat;width:20px;height:20px;display:inline-block}label.checkbox span.text{padding-left:24px}.card{border-radius:15px;margin-bottom:1rem;line-height:1.2rem;box-shadow:0 5px 15px #0000001a}.card em{color:#7f4fe8;font-style:normal}.card-img-top{border-top-left-radius:1rem;border-top-right-radius:1rem;width:100%}.card-body{padding:.6rem 1rem}.card-text{line-height:1.4rem}.nav.nav-tabs{border-bottom:0;margin:0;padding:0}.nav.nav-tabs .nav-item{padding:0;font-size:.9rem}.nav.nav-tabs .nav-item .nav-link{margin:0}.nav-link{border:0}.nav-tabs .nav-item{margin-right:1.5rem}.nav-tabs .nav-item a.nav-link{color:#b8b8b8;border:0;border-bottom:2px solid #0000;padding:5px 0;text-decoration:none}.nav-tabs .nav-item a.nav-link.active{color:#000;border-bottom:2px solid #7f4fe8;font-weight:700}ul.simple-list{margin:16px 0;padding:0;list-style:inside none}.simple-list li{padding:1rem;display:flex}.simple-list li:last-child{border-bottom:0}.simple-list li button{text-align:center;vertical-align:middle;border-radius:6px;font-size:.9rem}.list-container{background-color:#fff;border-radius:20px;width:780px;margin:32px auto;padding:40px 25px;box-shadow:0 1px 10px #0000001a}footer a{color:#969eaa}
.app{height:100%}.modal-dialog{background-color:#fff;border-radius:30px;width:670px;padding:35px;box-shadow:0 1px 12px #0000001a}.modal-content{border:0}.profile-list li{padding:.65rem 0}.profile-list li .thumbnail{text-align:center;width:60px}.profile-list li .text{text-align:left;flex:1}.profile-list li .text h3{font-size:16px;font-weight:700}.profile-list li .text>div{font-size:12px;line-height:.5rem}.profile-list li .buttons{text-align:center;width:90px}.profile-list li .buttons button{width:80px}.fan-coin-list .fan-coin-list-item .text{padding:10px 0;line-height:16px}.fan-coin-list .fan-coin-list-item .text em{color:#7f4fe8;font-style:normal}.search-nav{justify-content:center;height:42px;display:flex}.tag-list li{padding:.5rem 0}.tag-list li .thumbnail{text-align:center;width:60px}.tag-list li .thumbnail span{color:#dbdbdb;text-align:center;background:url(/static/images/ico-search-ico-search-hashtag.png) 50%/35px 35px no-repeat;width:38px;height:38px;padding:.5rem 0;font-size:2rem;line-height:2rem;display:inline-block}.tag-list li .text{text-align:left;flex:1}.tag-list li .text h3{font-size:16px;font-weight:700}.tag-list li .text>div{line-height:.5rem}.profile-image{padding:3px;display:inline-block;overflow:auto}.profile-image.orange{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fad961",endColorstr="#f76b1c",GradientType=0);background:linear-gradient(#fad961 0%,#f76b1c 100%)}.profile-image.blue{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#427eb2",endColorstr="#426bb2",GradientType=0);background:linear-gradient(#427eb2 0%,#426bb2 100%)}.profile-image.purple{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8f097f",endColorstr="#8f0a7d",GradientType=0);background:linear-gradient(#8f097f 0%,#8f0a7d 100%)}.profile-image.yellow{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcf00",endColorstr="rgba(43,209.0.0.98)",GradientType=0);background:linear-gradient(#ffcf00 0%,#2bd100fa 100%)}.search-input{background-color:#e1e1e14d;border-color:#0000;border-radius:.5rem;margin:1rem 0;font-size:16px}.search-input::-webkit-input-placeholder{color:#999}.search-input:-moz-placeholder-shown{color:#999}.gauge{flex:1}.gauge .gauge-background{color:#fff;background:#f6f6f6;border-radius:.1rem;min-height:.3rem;margin:.5rem .2rem;overflow:auto}.gauge .gauge-background.inside-label{border-radius:.4rem;height:1.3rem}.gauge .gauge-background .gauge-label{text-shadow:1px 0 #0000001a;margin-top:-1rem;margin-left:.6rem;position:absolute}.gauge .gauge-fill{border-radius:.1rem;min-height:.3rem;margin:0;overflow:auto}.gauge .gauge-background.inside-label .gauge-fill{height:1.3rem}.gauge .gauge-fill.purple{background:#7f4fe8}.gauge .gauge-fill.green{background:#98d358}.gauge .gauge-fill.pink{background:#f06293}.gauge .gauge-label.pink{color:#e32f6d}.gauge .gauge-background.text-black{color:#000}.fan-list li{padding:.5rem 0}.fan-list li .thumbnail{text-align:center;width:60px}.fan-list li .text{text-align:left;flex:1}.fan-list li .text h3{font-weight:700,;margin:0 0 0 .2rem;font-size:1.4rem}.fan-list li .text>div{line-height:.5rem}.fan-list li .buttons{text-align:center;width:90px}.fan-list li .buttons button{width:80px}.common-footer{width:100%;max-width:1024px;margin:40px auto 0;display:block}.common-footer a{color:#9b9b9b;display:inline-block}.common-footer .links a:last-child{margin-right:0}.common-footer .links{margin-bottom:auto}.common-footer .links .download{text-align:right}.common-footer .download button{appearance:none;text-indent:-9999px;background:#000;border:0;border-radius:5px;width:166px;height:50px;margin:8px}.common-footer .download button.appstore{background:url(/static/images/appstore-badge@2x.png) 50%/166px 50px no-repeat}.common-footer .download button.googleplay{background:url(/static/images/google-play-badge@2x.png) 50%/166px 50px no-repeat}.common-footer .footer-row{flex-direction:row}.common-footer .text-link{margin:auto;padding:17px 0}.common-footer .button-link{margin:auto}.common-footer .copyright{margin-top:17px;margin-bottom:0;display:inline-block}@media (max-width:1200px){.common-footer{max-width:1000px}}@media (max-width:992px){.common-footer .links{text-align:right}.common-footer .download button.appstore,.common-footer .download button.googleplay{background-size:134px 41px;width:134px;height:41px}}@media (max-width:768px){.common-footer{max-width:520px}.common-footer .link{color:#4a4a4a;margin-bottom:17px;display:block}.common-footer .text-link{margin:0}.common-footer .copyright{margin-top:0}.common-footer .footer-row{flex-direction:column-reverse}.common-footer .links{text-align:center}}@media (max-width:576px){.common-footer{border-top:1px solid #ddd;max-width:560px;height:auto;padding-top:10px}.common-footer .links .download{text-align:center}}
#simple-layout.white #main .upload-button{text-indent:-9999px;background:url(/static/images/ico-compose-ico-compose-plus-b.png) 0 0/60px 60px no-repeat;border:0;width:60px;height:60px;margin:auto;position:absolute;inset:0}.composer{border-radius:15px;width:100%;padding-top:100%;position:relative}.composer .composer-card-slider{margin-top:-100%}.composer .slick-slider,.composer .slick-list,.composer .slick-track,.composer .slick-slide,.composer .slick-slide>div,.composer .slick-slide>div>div{height:100%}.composer .card{background:#000}.composer .slick-slide{background:#000;border-radius:15px}
.profile-page{background:#f5f5f5;min-height:100%}.profile-page button.grid{text-indent:-9999px;background:url(/static/images/ico-my-ico-my-grid-off.png) 0 0/15px 15px no-repeat;width:15px;height:15px;margin:0 10px;padding:0 8px}.profile-page button.grid.on{background:url(/static/images/ico-my-ico-my-grid-on.png) 0 0/15px 15px no-repeat}.profile-page button.list{text-indent:-9999px;background:url(/static/images/ico-my-ico-my-list-off.png) 0 0/15px 15px no-repeat;width:15px;height:15px;margin:0 10px;padding:0 8px}.profile-edit-page{background:#f5f5f5;height:100%;overflow:auto}.profile-edit-page .profile-table{margin-top:30px;padding:30px 28px}.profile-edit-page h1{margin:0;font-size:22px;font-weight:700}.profile-page button.list.on{background:url(/static/images/ico-my-ico-my-list-on.png) 0 0/15px 15px no-repeat}.profile-edit-page .profile-table{background-color:#fff;border-radius:26px;box-shadow:0 1px 10px #0000001a}.profile-edit-page .profile-table th{width:82px;font-size:14px;font-weight:700}.profile-edit-page .image-area{text-align:center;border-bottom:1px solid #f0f0f0;margin:0 -1rem;padding:2rem 0}.profile-edit-page table{width:100%}.profile-edit-page table th{font-weight:700}.profile-edit-page table th,.profile-edit-page table td{padding:7px 0;font-size:12px}.profile-edit-page input{border:0;margin:0;padding:0}.profile-edit-page input[type=text]::placeholder{color:#ccc}#simple-layout.white.profile-edit-page #main select{color:#000;background:0 0;border-bottom:0;margin:0;font-size:1rem}.profile-edit-page select.form-control{padding:0}.profile-header{background:#fff;margin-top:30px;padding:30px 27px}.profile-header .profile-info{display:flex}.profile-header .profile-info div.text{flex:1}.profile-header .profile-info div.text h3{letter-spacing:0;font-size:22px;font-weight:700}.profile-header .profile-info div.text .introduction{letter-spacing:-1px;color:#222;white-space:pre-wrap;word-break:break-all;margin-right:1.5rem;font-size:12px}.profile-header .profile-info div.image{width:180px}.profile-header .count{text-align:left;margin:1rem 0;padding:.6rem .6rem .6rem 0;display:flex}.profile-header .count>div:last-child{border-right:none}.profile-header .count .title{text-align:center;font-size:16px;font-weight:600;line-height:.68}.profile-header .count .value{letter-spacing:0;text-align:center;margin-top:5px;font-size:14px;line-height:1rem}.profile-header button{background:#fff;border:1px solid #7f4fe8;margin-right:.45rem}.profile-header button.btn-primary{background:#7f4fe8;border:1px solid #7f4fe8}.profile-header button.edit{padding:3px 15px;font-size:14px}.profile-header button.settings{text-indent:-9999px;background:url(/static/images/ico-my-ico-my-setting.png) 50%/14px 14px no-repeat;padding:3px 15px}
.settings h3{background:#f7f7f7;margin:1rem -1rem;padding:.9rem 1rem;font-size:.9rem;font-weight:800}.settings ul.menu-list{margin:-1rem;padding:0;list-style:none}.settings ul.menu-list li{border-bottom:1px solid #f7f7f7;padding:1rem}.settings a{color:#000;text-decoration:none}
.explore-page h4{margin:2rem 0 0;padding:0;font-size:1rem;font-weight:700}
downloadhtml,body{width:100vw;height:100%;margin:0;padding:0}body{background-color:#fff}.intro-page .body,.intro-page footer{background-color:#fff!important}.intro-page .mobile{display:none!important}.intro-page .desktop{display:flex}.intro-page{overflow:auto}.intro-page #localeChanger{flex-direction:row;justify-content:flex-start;align-items:center;margin-right:2vw;display:flex;top:6.6vw;right:21vw}.intro-page #localeChanger #divider{background-color:#9a9a9a;width:.1vw;height:1vw;margin-left:.2vw;margin-right:.2vw}.intro-page #localeChanger button{color:#9a9a9a;background-color:#0000;border:none;font-size:.9vw}.intro-page #localeChanger button:focus{outline:none}.intro-page header{justify-content:space-between;align-items:center;height:14.9vw;padding-left:6vw;padding-right:5.1vw;display:flex}.intro-page header h1.logo{color:#0000;cursor:pointer;background:url(/static/images/bi-afan-200-x-60@2x.png) 0/cover no-repeat;width:9vw;height:3.3vw;margin:0}.intro-page header div:last-child,.intro-page header .col2{flex-direction:row;display:flex}.intro-page header .col2 .link{margin-right:.7vw;display:flex}.intro-page .col2 .icon{background-color:#fff;width:1.8vw;height:1.9vw;margin-right:2vw;display:inline-block}.intro-page .col2 .icon#invite{-webkit-mask-image:url(/static/images/intro-invite-icon.svg);mask-image:url(/static/images/intro-invite-icon.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.intro-page .col2 .icon#started{-webkit-mask-image:url(/static/images/intro-started-icon.svg);mask-image:url(/static/images/intro-started-icon.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.intro-page .col2 .icon#exchange{-webkit-mask-image:url(/static/images/intro-exchange-icon.svg);mask-image:url(/static/images/intro-exchange-icon.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;margin-right:1vw!important}.intro-page .col2 .image{color:#fff;cursor:pointer;background-color:#7f4fe8;justify-content:center;align-items:center;width:13vw;height:3.4vw;margin:0;font-size:1.2vw;font-weight:800;display:flex}.intro-page .col2 .image:hover{color:#fff;background-color:#492793;text-decoration:none}.intro-page .col2 .image:hover .icon{background-color:#fff}.intro-page .col2 .image:active{color:#492793!important;background-color:#d9c8ff!important}.intro-page .col2 .image:active .icon{background-color:#492793!important}.intro-page .row{flex-direction:row;width:100%;height:35.7vw;margin:0;display:flex}.intro-page .row#row1{margin-top:7.9vw}.intro-page .row#row2{margin-top:7vw}.intro-page .row#row3,.intro-page .row#row4{margin-top:-2.7vw}.intro-page #row1 .paragraph{width:44.9vw;padding-top:9.1vw;padding-left:4.5vw}.intro-page #row2 .paragraph,.intro-page #row3 .paragraph,.intro-page #row4 .paragraph{width:46vw;padding-left:10.9vw}.intro-page #row2 .paragraph{padding-top:8.4vw}.intro-page #row3 .paragraph{padding-top:10.5vw;padding-left:7.6vw}.intro-page #row4 .paragraph{padding-top:12.9vw}.intro-page #row1 .image{width:33.1vw;height:35.2vw;margin-left:22vw}.intro-page #row2 .image,.intro-page #row3 .image,.intro-page #row4 .image{width:54vw}.intro-page .image-area{width:100%;height:100%}.intro-page .image-area.image-1{background:url(/static/images/intro-1.jpg) 50% no-repeat;background-size:contain!important}.intro-page .image-area.image-2{background:url(/static/images/intro-png-2.png) 50% no-repeat;background-size:cover!important}.intro-page .image-area.image-3{background:url(/static/images/intro-png-3.png) 50% no-repeat;background-size:cover!important}.intro-page .image-area.image-4{background:url(/static/images/intro-png-4.png) 50% no-repeat;background-size:cover!important}.intro-page h2{color:#222;letter-spacing:.04vw;font-family:SDGothicNeo;font-weight:800;line-height:1.42;font-size:1.9vw!important}.intro-page p{letter-spacing:-.063vw;word-break:keep-all;width:35vw;font-family:SDGothicNeo;font-weight:500;line-height:1.59;font-size:1.2vw!important}.intro-page #row1 p{margin-top:1.5vw}.intro-page #row2 p{margin-top:1.6vw}.intro-page #row3 p{margin-top:2.1vw}.intro-page #row4 p{margin-top:2.2vw}.intro-page #row2 p:after{content:"";background:#ffbe36;border-radius:50%;width:.9vw;height:.9vw;margin-bottom:.1vw;margin-left:.4vw;display:inline-block}.intro-page #row3 p:after{content:"";background:#f06293;border-radius:50%;width:.9vw;height:.9vw;margin-bottom:.1vw;margin-left:.4vw;display:inline-block}.intro-page #row4 p:after{content:"";background:#7f4fe8;border-radius:50%;width:.9vw;height:.9vw;margin-bottom:.1vw;margin-left:.4vw;display:inline-block}.intro-page .row#row5{height:2.5vw;margin-left:4.3vw;padding-top:7.4vw;padding-right:4.3vw}.intro-page .download{flex-direction:row;width:100%;margin-top:3vw;display:flex}.intro-page #download .link{margin-right:.8vw}.intro-page #download .banner{-webkit-appearance:none;width:12.9vw;height:3.9vw;background-size:cover!important}.intro-page #download .banner.googleplay{background:url(/static/images/google-play-badge@2x.png) 50% no-repeat}.intro-page #download .banner.appstore{background:url(/static/images/appstore-badge@2x.png) 50% no-repeat}.intro-page .row#footer{color:#c4c3c3;justify-content:space-between;height:9vw;padding-left:6.3vw;padding-right:5.9vw;font-family:Gilroy-ExtraBold;font-size:.9vw;display:flex}.intro-page #footer .col1 .link{color:#c4c3c3;margin-right:3vw}.intro-page #footer .col1 .link:last-child{margin-right:0}.intro-page.en h2{font-family:Gotham-Bold}.intro-page.en p{font-family:Gotham-Book}.intro-page.en .image-area.image-4{background:url(/static/images/intro-svg-3-en.svg) 50% no-repeat;background-size:cover!important}@media (max-width:720px){.intro-page .mobile{flex-direction:row;display:flex!important}.intro-page .desktop{display:none!important}.intro-page #localeChanger{justify-content:center;width:100%;padding-right:1vw;display:flex;position:absolute;top:55vw;left:0}.intro-page header{flex-direction:column;height:67.2vw;padding:0;justify-content:center!important}.intro-page header .col1{justify-content:center;width:100%;height:40.4vw;padding-top:16.6vw;display:flex}.intro-page header h1.logo{color:#0000;cursor:pointer;width:48.3vw;height:16vw;margin:0}.intro-page header div:last-child{display:flex}.intro-page header .col2{width:100%;height:26.8vw;display:flex;justify-content:center!important}.intro-page header .col2 .link:first-child{margin-right:1.2vw}.intro-page .col2 .image#invite{margin-right:1vw}.intro-page .col2 .image{justify-content:space-between;align-items:center;width:32.64vw;height:8.74vw;padding:0 4vw 0 3vw;font-size:2.69vw;display:flex}.intro-page .col2 .icon{width:4.2vw;height:4.3vw}.intro-page #localeChanger{justify-content:center;width:100%;padding-right:1vw;display:flex;top:55vw;left:0}.intro-page #localeChanger button{font-size:2.5vw;font-weight:600}.intro-page #localeChanger #divider{width:.25vw;height:2.7vw}.intro-page .row{flex-direction:column;margin:0}.intro-page .row .image{margin:0;padding:0}.intro-page .row .paragraph{margin:0;padding:0;width:100%!important}.intro-page .row#row1{height:166vw;margin:0}.intro-page #row1 .image{width:100%;height:90.9vw;margin:0}.intro-page #row1 .paragraph{padding-top:4.7vw;padding-left:12.2vw;padding-right:12.1vw}.intro-page .row#row2{flex-direction:column-reverse;height:189.3vw;margin:0}.intro-page #row2 .image{width:100vw;height:110.6vw;margin:0}.intro-page #row2 .paragraph{height:78.7vw;padding-top:11.7vw;padding-left:12.2vw;padding-right:12.1vw}.intro-page .row#row3{height:196.8vw;margin:0}.intro-page #row3 .image{width:100vw;height:110.7vw;margin:0}.intro-page #row3 .paragraph{height:86.1vw;padding-top:12.5vw;padding-left:12.2vw;padding-right:12.1vw}.intro-page .row#row4{flex-direction:column-reverse;height:186.2vw;margin:0}.intro-page #row4 .image{width:100vw;height:110.7vw;margin:0}.intro-page #row4 .paragraph{height:75.5vw;padding-top:11.7vw;padding-left:12.2vw;padding-right:12.1vw}.intro-page .row h2{line-height:1.44;font-size:5vw!important}.intro-page .row p{letter-spacing:normal;width:100%;line-height:1.48;font-size:3.5vw!important}.intro-page #row1 p{margin-top:4.8vw}.intro-page #row2 p{margin-top:4.9vw}.intro-page #row3 p{margin-top:5.7vw}.intro-page #row4 p{margin-top:5.3vw}.intro-page #row2 p:after,.intro-page #row3 p:after,.intro-page #row4 p:after{width:2.7vw;height:2.7vw;margin-bottom:0;margin-left:.5vw}.intro-page .row#row5{height:3vw;padding-top:0;padding-right:0}.intro-page #download .download{justify-content:center;width:100%;height:12vw}.intro-page #download .link{margin-right:1vw}.intro-page #download .link:last-child{margin-right:4.6vw}.intro-page #download .banner{width:35vw;height:12vw}.intro-page .row#footer{flex-direction:column;justify-content:flex-start;width:100%;height:62.7vw;padding-top:21.8vw;padding-left:12.5vw;padding-right:12.5vw;font-size:3.2vw;display:flex}.intro-page .row#footer .col1,.intro-page .row#footer .col2{width:100%}.intro-page #footer .col1 .link{flex-direction:column;margin-bottom:1.3vw;margin-right:0;display:flex}.intro-page #footer .col1 .link:last-child{margin-bottom:6.7vw}.intro-page .image-area.image-1{background:url(/static/images/intro-1.jpg) 50% no-repeat;background-size:contain!important}.intro-page .image-area.image-2{background:url(/static/images/intro-png-2-mobile.png) 50% no-repeat;background-size:cover!important}.intro-page .image-area.image-3{background:url(/static/images/intro-png-3-mobile.png) 50% no-repeat;background-size:cover!important}.intro-page .image-area.image-4{background:url(/static/images/intro-png-4-mobile-ko.png) 50% no-repeat;background-size:cover!important}.intro-page #download .banner.googleplay{background:url(/static/images/google-play-badge-mobile@2x.png) 50% no-repeat}.intro-page #download .banner.appstore{background:url(/static/images/appstore-badge-mobile@2x.png) 50% no-repeat}.intro-page.en .image-area.image-4{background:url(/static/images/intro-png-4-mobile-en.png) 50% no-repeat;background-size:cover!important}}@media (min-width:1440px){html{background-color:#fff;width:100vw;margin:0;height:100%!important}.intro-page{width:1440px;position:absolute;left:50%;transform:translate(-50%)}.intro-page #localeChanger{top:95.04px;right:302.4px}.intro-page #localeChanger #divider{width:1.44px;height:14.4px;margin-left:2.88px;margin-right:2.88px}.intro-page #localeChanger button{font-size:12.96px}.intro-page header{height:214.56px;padding-left:86.4px;padding-right:73.44px}.intro-page header h1.logo{width:129.6px;height:47.52px}.intro-page header .col2 .link:first-child{margin-right:10.08px}.intro-page .col2 .icon{width:25.92px;height:27.36px;margin-right:28.8px}.intro-page .col2 .image{width:187.2px;height:48.96px;font-size:17.28px}.intro-page .row{height:514.08px}.intro-page .row#row1{margin-top:113.76px}.intro-page .row#row2{margin-top:100.8px}.intro-page .row#row3,.intro-page .row#row4{margin-top:-38.88px}.intro-page #row1 .paragraph{width:646.56px;padding-top:131.04px;padding-left:64.8px}.intro-page #row2 .paragraph,.intro-page #row3 .paragraph,.intro-page #row4 .paragraph{width:662.4px;padding-left:156.96px}.intro-page #row2 .paragraph{padding-top:120.96px}.intro-page #row3 .paragraph{padding-top:151.2px;padding-left:109.44px}.intro-page #row4 .paragraph{padding-top:185.76px}.intro-page #row1 .image{width:476.64px;height:506.88px;margin-left:316.8px}.intro-page #row2 .image,.intro-page #row3 .image,.intro-page #row4 .image{width:777.6px}.intro-page h2{letter-spacing:.58px;font-size:27.36px!important}.intro-page p{width:388.8px;letter-spacing:-.907.2px;font-size:17.28px!important}.intro-page #row1 p{margin-top:21.6px}.intro-page #row2 p{margin-top:23.04px}.intro-page #row3 p{margin-top:30.24px}.intro-page #row4 p{margin-top:31.68px}.intro-page #row2 p:after,.intro-page #row3 p:after,.intro-page #row4 p:after{width:12.96px;height:12.96px;margin-bottom:1.44px;margin-left:5.76px}.intro-page .row#row5{height:52px;padding-top:106.56px;padding-right:61.92px}.intro-page #download .link{margin-right:23.04px}.intro-page #download .banner{width:185.76px;height:56.16px;margin-right:5.73px}.intro-page .row#footer{height:129.6px;padding-left:90.72px;padding-right:84.96px;font-size:12.96px}.intro-page #footer .col1 .link{margin-right:43.2px}}
.action .rectangle{background-color:#fff;min-width:250px;margin-left:60px;margin-right:60px;padding:60px;box-shadow:0 0 24px #0000001c}.action h1{letter-spacing:normal;text-align:center;color:#492793;font-family:Gotham-Medium;font-size:25px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal}.action p{letter-spacing:normal;text-align:center;color:#492793;font-family:Gotham-Light;font-size:20px;font-style:normal;font-weight:400;font-stretch:100%;line-height:1.45}.action .button{color:#fff;background-color:#492793;border:none;border-radius:0;margin-left:6.5px;padding:10px;font-size:20px}.action .button:hover{background-color:#301767}.action .button:active{background-color:#a075ff!important}.action input{text-align:center;letter-spacing:normal;color:#909090;background-color:#ececec;border:none;width:213px;height:44px;font-family:Gotham-Medium;font-size:15.5px;font-style:normal;font-weight:500;font-stretch:100%;line-height:normal}.action header{justify-content:space-between;align-items:center;height:149px;padding-left:60px;padding-right:51px;display:flex}.action .logo{color:#0000;cursor:pointer;background:url(/static/images/bi-afan-200-x-60@2x.png) 50% no-repeat;width:100px;height:33px;margin:0;background-size:cover!important}
@font-face{font-family:Gilroy-Light;src:url(/static/fonts/gilroy-light.eot);src:local(※),url(/static/fonts/gilroy-light.eot?#iefix)format("embedded-opentype"),url(/static/fonts/gilroy-light.woff)format("woff"),url(/static/fonts/gilroy-light.woff2)format("woff2")}@font-face{font-family:Gilroy-ExtraBold;src:url(/static/fonts/gilroy-extrabold.eot);src:local(※),url(/static/fonts/gilroy-extrabold.eot?#iefix)format("embedded-opentype"),url(/static/fonts/gilroy-extrabold.woff)format("woff"),url(/static/fonts/gilroy-extrabold.woff2)format("woff2")}@font-face{font-family:Gotham-Light;src:url(/static/fonts/gotham-light.eot);src:local(※),url(/static/fonts/gotham-light.woff)format("woff")}@font-face{font-family:Gotham-Bold;src:url(/static/fonts/gotham-bold.eot);src:local(※),url(/static/fonts/gotham-bold.woff)format("woff")}@font-face{font-family:Gotham-Medium;src:url(/static/fonts/gotham-medium.eot);src:local(※),url(/static/fonts/gotham-medium.woff)format("woff")}@font-face{font-family:Gotham-Book;src:url(/static/fonts/gotham-book.eot);src:local(※),url(/static/fonts/gotham-book.woff)format("woff")}@font-face{font-family:SDGothicNeo;src:url(/static/fonts/SDGothicNeoBold.woff2)format("woff2"),url(/static/fonts/SDGothicNeoBold.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:SDGothicNeo;src:url(/static/fonts/SDGothicNeoHeavy.woff2)format("woff2"),url(/static/fonts/SDGothicNeoHeavy.woff)format("woff");font-weight:800;font-style:normal}@font-face{font-family:SDGothicNeo;src:url(/static/fonts/SDGothicNeoLight.woff2)format("woff2"),url(/static/fonts/SDGothicNeoLight.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:SDGothicNeo;src:url(/static/fonts/SDGothicNeoMedium.woff2)format("woff2"),url(/static/fonts/SDGothicNeoMedium.woff)format("woff");font-weight:500;font-style:normal}@font-face{font-family:Montserrat-Bold;src:url(/static/fonts/montserrat-bold.woff2)format("woff2"),url(/static/fonts/montserrat-bold.woff)format("woff")}@font-face{font-family:Montserrat-SemiBold;src:url(/static/fonts/montserrat-semibold.woff2)format("woff2"),url(/static/fonts/montserrat-semibold.woff)format("woff")}@font-face{font-family:Montserrat-Light;src:url(/static/fonts/montserrat-light.woff2)format("woff2"),url(/static/fonts/montserrat-light.woff)format("woff")}@font-face{font-family:Montserrat-Medium;src:url(/static/fonts/montserrat-medium.woff2)format("woff2"),url(/static/fonts/montserrat-medium.woff)format("woff")}@font-face{font-family:GmarketSansMedium;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:GmarketSansBold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff)format("woff");font-weight:400;font-style:normal}

.ad-editor{background-color:#fff;border-radius:20px;width:780px;margin:32px auto;padding:32px;box-shadow:0 1px 10px #0000001a}.ad-editor table button{color:#222;opacity:.5;background:#fff;border:1px solid #cbcbcb;border-radius:15px;margin-right:12px;padding:6px 15px;font-size:12px}.ad-editor table button:hover{color:#222;opacity:.5;background:#fff}.ad-editor table button.selected,.ad-editor table input.selected{color:#7f4fe8!important;opacity:1!important;border-color:#7f4fe8!important}
.crush-on-page .buttons{width:100%;margin:1rem 0;padding:0;display:flex}.crush-on-page .buttons button{color:#ffffff80;border:1px solid #ffffff80;border-radius:1rem;flex:1;margin:0 .3rem;padding:.4rem;font-size:.9rem}.crush-on-page .buttons button:first-child,.crush-on-page .buttons button:last-child{margin:0}
.index-page body{background-color:#fff!important}.index-page #logo{background:url(/static/images/afan_logo.png);width:4.5714rem;height:1.9286rem;margin-left:1.1429rem;margin-right:.7143rem;background-size:cover!important}.index-page #logo-sm{background:url(/static/images/afan_logo.png);width:2.7143rem;height:1.1429rem;margin-right:.2857rem;background-size:cover!important}.index-page #lang{flex-direction:row;align-items:center;font-family:AppleSDGothicNeo-Regular;font-size:1rem;display:flex}.index-page #lang select{color:#969eaa;appearance:none;cursor:pointer;background-color:#0000;border:none;outline:none;margin-right:.3571rem}.index-page #lang #select{clip-path:polygon(50% 100%,0% 0%,100% 0);background:#969eaa;width:.6429rem;height:.3571rem}.index-page .tab-nav{background-color:#f9f9f9;border-radius:1.0714rem;width:12.7143rem;margin:0 auto;display:flex;box-shadow:inset 0 0 .4286rem #0000001a}.index-page .tab-nav .tab{text-align:center;letter-spacing:0;color:#969eaa;cursor:pointer;border-radius:1.0714rem;width:6.5714rem;height:2.1429rem;font-family:Quicksand;font-size:.8571rem;font-weight:500;line-height:2rem}.top{box-shadow:inset 0 -.4286rem .4286rem -.4286rem #0000001a}.bottom{box-shadow:inset 0 .4286rem .4286rem -.4286rem #0000001a}.right{box-shadow:inset 0 0 .4286rem #0000001a}.index-page .tab-nav .tab.selected{color:#fff;background-color:#6f4fe8}.index-page input[type=text],.index-page input[type=password]{color:#2f333b;border:none;border-bottom:1px solid #eaecee;border-radius:0;width:100%;height:fit-content;margin:2.0714rem 0 .5rem;padding:.5357rem 0;font-family:Poppins;font-size:1.1429rem;font-weight:500;outline:none!important}.index-page div.signin input::-moz-placeholder{color:#969eaa;font-family:Poppins;font-size:1.1429rem;font-weight:500}.index-page div.signup input::-moz-placeholder{color:#969eaa;font-family:Poppins;font-size:1.1429rem;font-weight:500}.index-page div.phone input::-moz-placeholder{color:#969eaa;font-family:Poppins;font-size:1.1429rem;font-weight:500}.index-page div.signin input::placeholder,.index-page div.signup input::placeholder,.index-page div.phone input::placeholder{color:#969eaa;font-family:Poppins;font-size:1.1429rem;font-weight:500}.index-page input[type=text].error,.index-page input[type=password].error{color:#363a43;border-bottom-color:#f06293}.index-page input:focus{outline:none!important}.index-page .input-wrapper{border-radius:.8571rem;width:100%;margin:0 auto 1.7143rem;padding:.7857rem 2.2857rem 2.8571rem;box-shadow:0 0 .3571rem #afafaf4a}.index-page label.checkbox{cursor:default}.index-page input[type=checkbox]{cursor:pointer;background-color:#0000;border-radius:.1429rem!important;width:1.1429rem!important;height:1.1429rem!important}.index-page input[type=checkbox]:checked{background-color:#854cff}.index-page button{border-radius:.5714rem;width:100%;height:4rem;margin:0 auto;font-family:AppleSDGothicNeo-SemiBold;font-size:1.1429rem}.index-page button.purple{background-color:#854cff;border:0}.index-page button.purple-outlined{color:#854cff;background-color:#fff;border:.0714rem solid #854cff}.index-page button.blue-outlined{color:#1877f2;background-color:#fff;border:.0714rem solid #1877f2}.index-page button:disabled,.index-page button[disabled]{background-color:#9c9c9c!important}.index-page .info{letter-spacing:normal;color:#7f4fe8;margin-bottom:2.8571rem;font-family:AppleSDGothicNeo-Regular;font-size:1.1429rem;font-style:normal;font-weight:400;font-stretch:100%;line-height:1.25}.index-page .break{height:1.1429rem}.index-page .footer .divider{margin:0 .5714rem}.index-page .footer a{color:#888}.signup .error,.index-page .error{color:#f06293;font-size:.8571rem}.index-page .error.verify{font-size:1.1429rem;line-height:1.25}button.remain:hover,button.remain:active{background:0 0}.index-page button div#fb-logo{background:url(/static/images/ico-login-ico-login-facebook.svg) 50% no-repeat;width:2.2857rem;height:2.2857rem;margin-right:.8571rem;background-size:cover!important}.custom-select{font-family:Arial;position:relative}.custom-select select{display:none}.select-selected{background-color:#1e90ff}.select-selected:after{content:"";border:.4286rem solid #0000;border-top-color:#fff;width:0;height:0;position:absolute;top:1rem;right:.7143rem}.select-selected.select-arrow-active:after{border-color:#0000 #0000 #fff;top:.5rem}.select-items div,.select-selected{color:#fff;cursor:pointer;border:.0714rem solid #0000;border-bottom-color:#0000001a;padding:.5714rem 1.1429rem}.select-items{z-index:99;background-color:#1e90ff;position:absolute;top:100%;left:0;right:0}.select-hide{display:none}.select-items div:hover,.same-as-selected{background-color:#0000001a}
html,.body{background-color:#fff;height:100%;margin:0;padding:0}body,.invite-page .loggedin{background-color:#fff}.mobile{display:none!important}.loggedin header #localeChanger{flex-direction:row;justify-content:flex-start;align-items:center;margin-left:1vw;display:flex}.loggedin header #localeChanger #divider{background-color:#9a9a9a;width:.09vw;height:.88vw;margin-left:.5vw;margin-right:.6vw}.loggedin header #localeChanger button{color:#9a9a9a;background-color:#0000;border:none;font-size:.87vw;font-weight:700}.loggedin header #localeChanger button:focus{outline:none}.loggedin header{justify-content:space-between;align-items:center;margin-bottom:1.6vw;padding-top:2.4vw;padding-left:6vw;padding-right:5.1vw;display:flex}.loggedin header .col{flex-direction:row;padding:0;display:flex}.loggedin header #col2{justify-content:flex-end;display:flex}.loggedin header h1.logo{color:#0000;cursor:pointer;background:url(/static/images/bi-afan-200-x-60@2x.png) 50% no-repeat;width:10vw;height:3.3vw;margin:0;background-size:cover!important}.loggedin header #col2 .user-area{cursor:pointer;border-radius:2vw;width:fit-content;height:3.85vw;display:flex}.loggedin header #col2 .user-area:hover{background-color:#f0f0f0}.loggedin header #col2 #user-popover{color:#797979;justify-content:space-between;align-items:center;width:fit-content;height:3.85vw;padding-left:1.25vw;padding-right:.81vw;font-family:Gotham-Bold;font-size:1.11vw;display:flex}.loggedin header #col2 img{width:3.19vw;height:3.19vw;margin-left:1vw}.user-menu-popover{background-color:#0000;box-shadow:none!important;border:none!important}.user-menu-popover .popover-body{background:url(/static/images/logout-popup.png) 50%/contain no-repeat;justify-content:center;align-items:center;width:11vw;height:4.8vw;margin-top:-1.5vw;padding:1vw 0 0;display:flex}.user-menu-popover .popover-body a{color:#7f4fe8;font-family:Gilroy-ExtraBold}.user-menu-popover .popover-body a:hover{color:#492793;text-decoration:none}.user-menu-popover .arrow:after,.user-menu-popover .arrow:before{background-color:#0000;border:none;box-shadow:none!important}.loggedin .row{width:100vw;margin-left:0;margin-right:0}.loggedin .row#row1{background-color:#7f4fe8;flex-direction:row;width:100vw;height:50.6vw;display:flex}.loggedin #row1 #col1{flex-basis:inherit;flex-grow:inherit;align-self:center;width:43.4vw;padding:0 0 0 14.3vw;display:flex}.loggedin #row1 #col1 .image{background:url(/static/images/invite-total-bg.svg) 50%/cover no-repeat;width:22.7vw;height:25.7vw;padding-top:16.7vw}.loggedin #row1 #col1 p,.loggedin #row1 #col1 h5{text-align:center;color:#fff;width:100%}.loggedin #row1 #col1 h5{margin-bottom:0;font-size:1.1vw}.loggedin #row1 #col1 p{font-family:Gotham-Medium;font-size:3vw}.loggedin #row1 #col1 p:after{content:"";color:#0000;background:url(/static/images/invite-total-fan.svg) 50%/cover no-repeat;width:1.6vw;height:2.7vw;margin-bottom:-.3vw;margin-left:.1vw;display:inline-block}.loggedin #row1 #col2{width:56.6vw;padding:13.9vw 0 0}.loggedin #row1 #col2 h2{color:#fff;margin-bottom:2vw;font-size:2.8vw;font-weight:600}.loggedin #row1 #col2 p{color:#fff;margin-bottom:3.3vw;font-size:1.08vw;font-weight:400;line-height:1.68}.loggedin #row1 #col2 h3{color:#fff;margin-bottom:1.5vw;font-size:1.3vw;font-weight:600}.loggedin #row1 #col2 .links{flex-direction:row;width:50vw;display:flex}.loggedin #row1 #col2 .links .copy-button{color:#7f4fe8;background-color:#0000;border:none;outline:0;margin-bottom:-.1vw;font-size:.97vw;font-weight:700;position:relative;right:5.3vw}.loggedin #row1 #col2 input{color:#787878;background-color:#fff;border:none;border-radius:0;height:3.7vw;padding-left:1.3vw;padding-right:5.5vw;font-family:Gotham-Medium;font-size:1.12vw;width:31vw!important}.loggedin #row1 #col2 .links .social-button{flex-direction:row;display:flex;position:relative;top:.5vw;right:2.55vw}.loggedin #row1 #col2 .social-button>button,.loggedin #row1 #col2 .social-button>a>button,.loggedin #row1 #col2 .social-button>.SocialMediaShareButton--telegram{border:none;border-radius:50%;width:2.73vw;height:2.73vw;margin-right:.52vw;padding:0}.loggedin #row1 #col2 .social-button .fb-messenger{background:#492793 url(/static/images/invite-icon-fbm.png) 50%/1.59vw 1.59vw no-repeat}.loggedin #row1 #col2 .social-button>.SocialMediaShareButton--telegram{background:#492793 url(/static/images/invite-icon-telegram.svg) 50%/1.5vw 1.5vw no-repeat}.loggedin #row1 #col2 .social-button .more{color:#fff;background:#492793 url(/static/images/invite-icon-more.svg) 50%/1.5vw 1.5vw no-repeat}.loggedin .modal-x-button{background:url(/static/images/invite-icon-exit.svg) 50%/cover no-repeat;border:none;width:1.5vw;height:1.5vw;position:absolute;top:1.23vw;right:1.23vw}.loggedin .share-link-modal{z-index:600;background-color:#fff;width:20.05vw;height:auto;padding-top:2.57vw;padding-left:2.58vw;position:absolute;top:-5.8vw;right:-1.35vw;box-shadow:0 1px 15px #0000004a}.loggedin .share-link-modal ul li button,.loggedin .share-link-modal ul li a{text-align:left;background-color:#0000;border:none;justify-content:start;align-items:center;width:100%;height:100%;padding:0;font-size:1vw;font-weight:700;text-decoration:none;display:flex}.loggedin .share-link-modal ul{flex-direction:column;padding:0;display:flex;width:fit-content!important;margin-top:2.09vw!important;margin-left:0!important}.loggedin .share-link-modal li{width:13vw;height:2.8vw;display:flex;margin-bottom:.5vw!important}.loggedin .share-link-modal li:before{content:none}.loggedin .share-link-modal span{height:auto;margin-left:.99vw;color:#858585!important}.loggedin .share-link-modal .img{border:none;width:2vw;height:2.8vw}.loggedin .share-link-modal .fbm .img{background:url(/static/images/invite-sns-fbm.png) 50%/2vw 2vw no-repeat}.loggedin .share-link-modal .kakaotalk .img{background:url(/static/images/invite-sns-kakaotalk.png) 50%/2.01vw 1.87vw no-repeat}.loggedin .share-link-modal .telegram .img{background:url(/static/images/invite-sns-telegram.svg) 50%/1.98vw 1.98vw no-repeat}.loggedin .share-link-modal .facebook .img{background:url(/static/images/invite-sns-facebook.svg) 50%/1.98vw 1.98vw no-repeat}.loggedin .share-link-modal .twitter .img{background:url(/static/images/invite-sns-twitter.png) 50%/1.7vw 1.4vw no-repeat}.loggedin .share-link-modal .email .img{background:url(/static/images/invite-sns-email.png) 50%/1.52vw 1.11vw no-repeat}.loggedin .SocialMediaShareButton{width:100%;height:100%}.loggedin .share-link-modal h4{color:#000;background-color:#fff;margin-top:0;margin-left:.4vw;font-size:1.07vw;font-weight:700}.loggedin .row#row2 h6{text-align:center;color:#000;width:100%;padding-top:6.87vw;font-size:2.19vw;font-weight:700}.loggedin .row#row3{flex-direction:row;height:30.2vw;display:flex}.loggedin #row3 .col{text-align:center;flex-direction:column;width:7.9vw;height:16.8vw;margin-top:5.2vw;margin-left:1.6vw;margin-right:1.6vw;display:flex;box-shadow:0 1px 25px #b06bff6e}.loggedin #row3 .col#col1{margin-left:12.7vw;margin-right:1.6vw;padding-top:3.1vw}.loggedin #row3 .col#col2{padding-top:3.3vw}.loggedin #row3 .col#col3{margin-left:1.6vw;margin-right:12.7vw;padding-top:4.6vw}.loggedin #row3 #col1 .image{background:url(/static/images/invite-box-icon-1.svg) 50%/contain no-repeat;width:4.3vw;height:5.3vw;margin-bottom:2.1vw;margin-left:auto;margin-right:auto}.loggedin #row3 #col2 .image{background:url(/static/images/invite-box-icon-2.svg) 50%/contain no-repeat;width:6.5vw;height:4.7vw;margin-bottom:1.8vw;margin-left:auto;margin-right:auto}.loggedin #row3 #col3 .image{background:url(/static/images/invite-box-icon-3.svg) 50%/contain no-repeat;width:6.9vw;height:2.8vw;margin-bottom:2.4vw;margin-left:auto;margin-right:auto}.loggedin #row3 .col .text{font-size:.9vw;font-weight:700;line-height:1.65}.loggedin .row#row4{height:7.7vw;padding-top:0;padding-right:4.3vw}.loggedin #row4 .download{flex-direction:row-reverse;width:100%;display:flex}.loggedin #row4 .link{margin-right:1.6vw}.loggedin #row4 .image{-webkit-appearance:none;width:12.9vw;height:3.9vw;background-size:cover!important}.loggedin #row4 .image.googleplay{background:url(/static/images/google-play-badge@2x.png) 50% no-repeat}.loggedin #row4 .image.appstore{background:url(/static/images/appstore-badge@2x.png) 50% no-repeat}.loggedin .row#footer{color:#c4c3c3;justify-content:space-between;height:6.2vw;padding-left:6.3vw;padding-right:5.9vw;font-family:Gilroy-ExtraBold;font-size:.9vw;display:flex}.loggedin #footer .col1 .link{color:#c4c3c3;margin-right:3vw}.loggedin #footer .col1 .link:last-child{margin-right:0}.loggedin.en p.text,.loggedin.en li,.loggedin.en h2,.loggedin.en h3,.loggedin.en h5,.loggedin.en h6{font-family:Gotham-Medium}.loggedin.en p{font-family:Gotham-Book}.loggedin.en #row1 #col2 .links .copy-button{right:4.5vw}.loggedin.en #row1 #col2 input{padding-right:5.5vw}.loggedin.en .social-button{right:2.2vw!important}@media (max-width:720px){.loggedin .mobile{display:inherit!important}.loggedin .desktop{display:none!important}.loggedin header{height:17.1vw;margin:0}.loggedin header h1.logo{background-size:contain;width:16.5vw;height:6.9vw}.loggedin header #col2 #username{display:none}.loggedin header #col2 img{width:9vw;height:9vw;margin-left:0!important}.loggedin header #localeChanger{margin-left:2vw;padding-top:.6vw}.loggedin header #localeChanger button{min-width:45px;font-size:2.6vw}.loggedin header #localeChanger #divider{width:.5vw;height:3vw}.loggedin span{letter-spacing:0!important}.popover-body{background:url(/static/images/logout-popup-mobile.png) 50%/contain no-repeat;width:29vw;height:17vw;margin-top:-2.5vw;margin-left:-14vw;padding-top:4vw}.loggedin .row#row1{flex-direction:column;justify-content:center;align-items:center;height:auto;padding:12vw 0 14vw;display:flex}.loggedin #row1 #col1{justify-content:center;width:100%;padding:0}.loggedin #row1 #col1 .image{background:url(/static/images/invite-total-bg-mobile.png) 50%/contain no-repeat;width:72.8vw;height:72.8vw;padding-top:46.66vw;font-size:10vw}.loggedin #row1 #col1 .image h5{font-size:3.65vw}.loggedin #row1 #col1 .image p{font-size:9.6vw}.loggedin #row1 #col1 .image p:after{width:5.28vw;height:8.91vw;margin-bottom:-1vw}.loggedin #row1 #col2{text-align:center;justify-content:center;padding-top:8.4vw}.loggedin #row1 #col2 .links .social-button{position:inherit}.loggedin #row1 #col2 .links{justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex}.loggedin #row1 #col2 h2{margin-bottom:5vw;font-size:6.02vw;line-height:1.4}.loggedin #row1 #col2 p{margin-bottom:13.6vw;font-size:3.44vw;line-height:1.56}.loggedin #row1 #col2{width:100%}.loggedin #row1 #col2 .social-button .more{background-color:#fff;border-radius:0;flex-direction:row;justify-content:center;align-items:center;width:72.8vw;height:12.53vw;margin:0;display:flex;box-shadow:0 0 26px #22003dad}.loggedin #row1 #col2 .social-button .more span{color:#492793;font-size:4.21vw;font-weight:700}.loggedin #row1 #col2 .social-button .more .share{background:url(/static/images/invite-icon-share.svg) 50%/cover no-repeat;width:4.8vw;height:5.6vw;margin-right:2vw;display:inline-block}.loggedin .share-link-modal{flex-direction:column;width:80vw;height:auto;padding-top:10vw;padding-bottom:3vw;padding-left:10vw;display:flex;top:58vw;right:10vw}.loggedin .share-link-modal h4{text-align:left;margin-bottom:6vw;font-size:4.3vw}.loggedin .share-link-modal li{width:auto;height:7vw;margin-bottom:5.5vw!important}.loggedin .share-link-modal span{width:auto;height:auto;margin-left:3vw;padding-bottom:.5vw;font-size:4vw}.loggedin .share-link-modal .email span{padding-bottom:0}.loggedin .share-link-modal .img{background-size:contain!important;width:7vw!important;height:7vw!important}.loggedin .share-link-modal .copy .img{background:url(/static/images/invite-sns-copy.svg) 50% no-repeat}.loggedin .modal-x-button{width:5vw;height:5vw;top:5vw;right:5vw}.loggedin .row#row2{padding-top:7.5vw}.loggedin .row#row2 h6{font-size:4.96vw}.loggedin #row3 .col#col1,.loggedin #row3 .col#col2,.loggedin #row3 .col#col3{flex-basis:inherit;justify-content:center;width:73.86vw;height:52vw;margin:0 0 6.66vw;display:flex}.loggedin #row3 .col#col1{padding-top:5vw}.loggedin #row3 .col#col2{padding-top:7vw}.loggedin #row3 .col#col3{margin-bottom:auto;padding-top:6vw}.loggedin .row#row3{flex-direction:column;align-items:center;height:auto;padding-top:12.2vw;display:flex}.loggedin #row3 .col .text{font-size:3.33vw}.loggedin #row3 #col1 .image{width:12vw;height:14.8vw;margin-bottom:5.7vw}.loggedin #row3 #col2 .image{width:20.3vw;height:14.7vw;margin-bottom:4vw}.loggedin #row3 #col3 .image{width:21.2vw;height:8.7vw;margin-bottom:6.5vw}.loggedin .row#row4{height:auto;padding:16.5vw 0 0}.loggedin #row4 .download{justify-content:center;display:flex}.loggedin #row4 .image{width:34.66vw;height:10.53vw;margin:0}.loggedin #row4 .link{margin:0}.loggedin #row4 .link:last-child{margin-right:5vw}.loggedin .row#footer{flex-direction:column;height:auto;padding-top:15vw;padding-left:13.5vw;font-size:3.25vw;display:flex}.loggedin .row#footer .col1{flex-direction:column;padding-bottom:5.9vw;display:flex}.loggedin .row#footer .col1 a{margin-bottom:1.25vw}.loggedin .row#footer .col2{height:auto;padding-bottom:20vw}.loggedin.en .social-button .more span{font-family:Gotham-Medium}}@media (min-width:1440px){.invite-page .loggedin{position:absolute;left:50%;transform:translate(-50%);width:1440px!important}.loggedin header #localeChanger{margin-left:14.4px}.loggedin header #localeChanger #divider{width:1.3px;height:12.67px;margin-left:7.2px;margin-right:8.64px}.loggedin header #localeChanger button{font-size:12.53px}.loggedin header{height:72px;margin-top:23.04px;margin-bottom:23.04px;padding-left:86.4px;padding-right:73.44px}.loggedin header h1.logo{width:144px;height:47.52px}.loggedin header #col2 .user-area{border-radius:28.8px;height:55.44px}.loggedin header #col2 #user-popover{height:55.44px;padding-left:18px;padding-right:11.66px;font-size:15.98px}.loggedin header #col2 img{width:45.94px;height:45.94px;margin-left:14.4px}.popover-body{width:158.4px;height:69.12px;margin-top:-21.6px;padding-top:18.72px}.loggedin .row{width:1440px}.loggedin .row#row1{width:1440px;height:728.64px}.loggedin #row1 #col1{width:624.96px;padding-left:205.92px}.loggedin #row1 #col1 .image{width:326.88px;height:370.08px;padding-top:240.48px}.loggedin #row1 #col1 h5{margin-bottom:0;font-size:15.84px}.loggedin #row1 #col1 p{font-size:43.2px}.loggedin #row1 #col1 p:after{width:23.04px;height:38.88px;margin-bottom:-4.32px;margin-left:1.44px}.loggedin #row1 #col2{width:815.04px;padding-top:211.68px}.loggedin #row1 #col2 h2{margin-bottom:28.8px;font-size:40.32px}.loggedin #row1 #col2 p{margin-bottom:47.52px;font-size:15.55px}.loggedin #row1 #col2 h3{margin-bottom:21.6px;font-size:18.72px}.loggedin #row1 #col2 .links{width:720px}.loggedin #row1 #col2 .links .copy-button{margin-bottom:-1.44px;font-size:13.97px;right:76.32px}.loggedin #row1 #col2 input{height:53.28px;padding-left:18.72px;padding-right:79.2px;font-size:16.13px;width:446.4px!important}.loggedin #row1 #col2 .links .social-button{top:7.2px;right:36.72px}.loggedin #row1 #col2 .social-button>button,.loggedin #row1 #col2 .social-button>a>button,.loggedin #row1 #col2 .social-button>.SocialMediaShareButton--telegram{width:39.31px;height:39.31px;margin-right:7.49px}.loggedin #row1 #col2 .social-button .fb-messenger{background-size:22.9px 22.9px}.loggedin #row1 #col2 .social-button>.SocialMediaShareButton--telegram,.loggedin #row1 #col2 .social-button .more{background-size:21.6px 21.6px}.loggedin .modal-x-button{width:21.6px;height:21.6px;top:17.71px;right:17.71px}.loggedin .share-link-modal{width:288.72px;padding-top:37.01px;padding-left:37.15px;top:-83.52px;right:-19.44px;box-shadow:0 1px 15px #0000004a}.loggedin .share-link-modal ul li button,.loggedin .share-link-modal ul li a{font-size:14.4px}.loggedin .share-link-modal ul{margin-top:30.1px!important}.loggedin .share-link-modal li{width:187.2px;height:40.32px;margin-bottom:7.2px!important}.loggedin .share-link-modal span{margin-left:14.26px}.loggedin .share-link-modal .img{width:28.8px;height:40.32px}.loggedin .share-link-modal .fbm .img{background-size:28.8px 28.8px}.loggedin .share-link-modal .kakaotalk .img{background-size:28.94px 26.93px}.loggedin .share-link-modal .telegram .img,.loggedin .share-link-modal .facebook .img{background-size:28.51px 28.51px}.loggedin .share-link-modal .twitter .img{background-size:24.48px 20.16px}.loggedin .share-link-modal .email .img{background-size:21.89px 15.98px}.loggedin .share-link-modal h4{margin-left:5.76px;font-size:15.41px}.loggedin .row#row2 h6{padding-top:98.93px;font-size:31.54px}.loggedin .row#row3{height:434.88px}.loggedin #row3 .col{width:113.76px;height:241.92px;margin-top:74.88px;margin-left:23.04px;margin-right:23.04px;box-shadow:0 1px 25px #b06bff6e}.loggedin #row3 .col#col1{margin-left:182.88px;margin-right:23.04px;padding-top:44.64px}.loggedin #row3 .col#col2{padding-top:47.52px}.loggedin #row3 .col#col3{margin-left:23.04px;margin-right:182.88px;padding-top:66.24px}.loggedin #row3 #col1 .image{width:61.92px;height:76.32px;margin-bottom:30.24px}.loggedin #row3 #col2 .image{width:93.6px;height:67.68px;margin-bottom:25.92px}.loggedin #row3 #col3 .image{width:99.36px;height:40.32px;margin-bottom:34.56px}.loggedin #row3 .col .text{font-size:12.96px}.loggedin .row#row4{height:110.88px;padding-top:0;padding-right:61.92px}.loggedin #row4 .link{margin-right:23.04px}.loggedin #row4 .image{width:185.76px;height:56.16px}.loggedin .row#footer{height:89.28px;padding-left:90.72px;padding-right:84.96px;font-size:12.96px}.loggedin #footer .col1 .link{margin-right:43.2px}.loggedin.en #row1 #col2 .links .copy-button{right:64.8px}.loggedin.en #row1 #col2 input{padding-right:79.2px}.loggedin.en #row1 #col2{padding-top:200.16px}.loggedin.en .social-button{right:31.68px!important}}
html,body{background-color:#fff;width:100vw;height:100%;margin:0;padding:0}body{background-color:#fff}br.mobile{display:none}br.desktop{display:inherit}.invite-page .loggedout{background-color:#fff}.loggedout header #localeChanger{z-index:10;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:1vw;display:flex}.loggedout header #localeChanger #divider{background-color:#9a9a9a;width:.09vw;height:.88vw;margin-left:.5vw;margin-right:.6vw}.loggedout header #localeChanger button{color:#9a9a9a;background-color:#0000;border:none;min-width:45px;font-size:.87vw;font-weight:700}.loggedout header #localeChanger button:focus{outline:none}.loggedout header{justify-content:space-between;align-items:center;margin-bottom:0;padding-top:5.1vw;padding-left:6vw;padding-right:5.1vw;display:flex}.loggedout header .col{flex-direction:row;padding:0;display:flex}.loggedout header #col2{justify-content:flex-end;display:flex}.loggedout header h1.logo{color:#0000;cursor:pointer;background:url(/static/images/bi-afan-200-x-60@2x.png) 50% no-repeat;width:10vw;height:3.3vw;margin:0;background-size:cover!important}.loggedout header #col2 .user-area{cursor:pointer;border-radius:2vw;width:fit-content;height:3.85vw;display:flex}.loggedout header #col2 .user-area:hover{background-color:#f0f0f0}.loggedout header #col2 #user-popover{color:#797979;justify-content:space-between;align-items:center;width:fit-content;height:3.85vw;padding-left:1.25vw;padding-right:.81vw;font-family:Gotham-Bold;font-size:1.11vw;display:flex}.loggedout header #col2 img{width:3.19vw;height:3.19vw;margin-left:1vw}.loggedout .row{width:100vw;margin-left:0;margin-right:0}.loggedout .row#row1{flex-direction:row;width:100vw;height:39vw;margin-top:-4.3vw;display:flex}.loggedout #row1 #col1 .box{background-color:#fff;width:38.2vw;height:18.8vw;padding:0;display:flex;box-shadow:0 0 28px #8d8d8dad}.loggedout .box #col1{flex-direction:column;width:68vw;padding-top:5.4vw;padding-left:6.7vw;padding-right:0;display:flex}.loggedout .box #col1 .text{font-family:Gotham-Bold;font-size:1.9vw}.loggedout .box #col1 .logo{background:url(/static/images/bi-afan-200-x-60@2x.png) 0/cover no-repeat;width:14vw;height:5vw;margin-left:-1.7vw}.loggedout .box #col2{padding-top:7.5vw;padding-left:0;display:flex}.loggedout .box #col2 .image{background:url(/static/images/invite_people.svg) 50%/cover no-repeat;width:7vw;height:6vw}.loggedout #row1 #col2 h2{color:#fff;letter-spacing:normal;margin-top:0;margin-bottom:3.8vw;font-family:Apple SD Gothic Neo;font-size:2vw;font-weight:600;font-stretch:100%;line-height:1.5}.loggedout #row1 #col2 ul{width:30vw;margin:0 0 0 .6vw;padding:0;list-style:none}.loggedout #row1 #col2 li{color:#fff;letter-spacing:normal;text-indent:-.7vw;margin-top:0;margin-bottom:1.1vw;font-family:Apple SD Gothic Neo;font-size:1.1vw;font-weight:400;font-stretch:100%;line-height:1.6}.loggedout li:before{content:"*";padding-right:.3vw}.loggedout .row .col{flex-basis:auto}.loggedout #row1>#col1{z-index:3;flex-direction:column;justify-content:center;width:31vw;padding-left:7vw;display:flex}.loggedout #row1>#col2{background:url(/static/images/invite-bg-cover.png) 50%/cover no-repeat;flex-direction:column;width:69vw;padding-top:9vw;padding-left:24.1vw;display:flex}.loggedout #row1 #col2 #icon{background-color:#492793;width:1.8vw;height:1.9vw;margin-right:2vw;display:inline-block;-webkit-mask-image:url(/static/images/loginmodal-icon-login.svg);mask-image:url(/static/images/loginmodal-icon-login.svg);-webkit-mask-size:cover;mask-size:cover}.loggedout #row1 #col2 .image#toggle{color:#492793;cursor:pointer;background-color:#fff;justify-content:center;align-items:center;width:22.7vw;height:4.6vw;margin:0 0 3.2vw;font-size:1.2vw;font-weight:800;display:flex;box-shadow:0 0 28px #22003dad}.loggedout #row1 #col2 .image#toggle:hover{color:#fff;background-color:#492793}#col2 .image#toggle:hover #icon{background-color:#fff}.loggedout #row1 #col2 .image#toggle:active{color:#492793!important;background-color:#d9c8ff!important}#col2 .image#toggle:active #icon{background-color:#492793!important}.loggedout .row#row2{flex-direction:row;height:30.2vw;display:flex}.loggedout #row2 .col{text-align:center;flex-direction:column;width:7.9vw;height:16.8vw;margin-top:5.2vw;margin-left:1.6vw;margin-right:1.6vw;display:flex;box-shadow:0 1px 25px #b06bff6e}.loggedout #row2 .col#col1{margin-left:12.7vw;margin-right:1.6vw;padding-top:3.1vw}.loggedout #row2 .col#col2{padding-top:3.3vw}.loggedout #row2 .col#col3{margin-left:1.6vw;margin-right:12.7vw;padding-top:4.6vw}.loggedout #row2 #col1 .image{background:url(/static/images/invite-box-icon-1.svg) 50%/contain no-repeat;width:4.3vw;height:5.3vw;margin-bottom:2.1vw;margin-left:auto;margin-right:auto}.loggedout #row2 #col2 .image{background:url(/static/images/invite-box-icon-2.svg) 50%/contain no-repeat;width:6.5vw;height:4.7vw;margin-bottom:1.8vw;margin-left:auto;margin-right:auto}.loggedout #row2 #col3 .image{background:url(/static/images/invite-box-icon-3.svg) 50%/contain no-repeat;width:6.9vw;height:2.8vw;margin-bottom:2.4vw;margin-left:auto;margin-right:auto}.loggedout #row2 .col .text{font-size:.9vw;font-weight:700;line-height:1.65}.loggedout .row#row3{height:7.7vw;padding-top:0;padding-right:4.3vw}.loggedout #row3 .download{flex-direction:row-reverse;width:100%;display:flex}.loggedout #row3 .link{margin-right:1.6vw}.loggedout #row3 .image{-webkit-appearance:none;width:12.9vw;height:3.9vw;background-size:cover!important}.loggedout #row3 .image.googleplay{background:url(/static/images/google-play-badge@2x.png) 50% no-repeat}.loggedout #row3 .image.appstore{background:url(/static/images/appstore-badge@2x.png) 50% no-repeat}.loggedout .row#footer{color:#c4c3c3;justify-content:space-between;height:6.2vw;padding-left:6.3vw;padding-right:5.9vw;font-family:Gilroy-ExtraBold;font-size:.9vw;display:flex}.loggedout #footer .col1 .link{color:#c4c3c3;margin-right:3vw}.loggedout #footer .col1 .link:last-child{margin-right:0}.loggedout.en p.text{font-family:Gotham-Medium}.loggedout.en li{font-family:Gotham-Book!important}.loggedout.en h2{font-family:Gotham-Medium!important}.loggedout.en .image#toggle{font-family:Gotham-Bold!important}@media (max-width:720px){.loggedout br.mobile{display:inherit}.loggedout br.desktop{display:none}.loggedout header{border-bottom:.1vw solid #efefef;height:17.1vw;margin:0}.loggedout header h1.logo{background-size:contain;width:16.5vw;height:6.9vw}.loggedout header #col2 #username{display:none}.loggedout header #col2 img{width:9vw;height:9vw;margin-left:0!important}.loggedout header #localeChanger{margin-left:2vw;padding-top:.6vw}.loggedout header #localeChanger button{min-width:45px;font-size:2.6vw}.loggedout header #localeChanger #divider{width:.5vw;height:3vw}.loggedout span{letter-spacing:0!important}.loggedout .row#row1{height:104.8vw;margin-top:0}.loggedout #row1 #col1{display:none}.loggedout #row1 #col2{background:url(/static/images/invite-bg-cover.png) 50%/cover no-repeat;justify-content:center;align-items:center;padding:0;display:flex}.loggedout #row1 #col2 h2{text-align:center;margin-bottom:7.73vw;font-size:5.76vw}.loggedout #row1 #col2 li{font-size:3.3vw}.loggedout #row1 #col2 li:first-child{margin-bottom:5.5vw}.loggedout #row1 #col2 ul{width:70.93vw}.loggedout #row1 #col2 .image#toggle{justify-content:center;align-items:center;width:fit-content;height:13.6vw;margin-bottom:13.9vw;padding:0;font-size:3.68vw;display:flex}.loggedout #row1 #col2 #icon{width:4.2vw;height:4.3vw;margin-left:5vw;margin-right:9vw}.loggedout #row1 #col2 .image#toggle{padding-right:6vw}.loggedout #row2 .col#col1,.loggedout #row2 .col#col2,.loggedout #row2 .col#col3{justify-content:center;width:73.86vw;height:52vw;margin:0 0 6.66vw;display:flex}.loggedout #row2 .col#col1{padding-top:5vw}.loggedout #row2 .col#col2{padding-top:7vw}.loggedout #row2 .col#col3{margin-bottom:auto;padding-top:6vw}.loggedout .row#row2{flex-direction:column;align-items:center;height:auto;padding-top:13.33vw;display:flex}.loggedout #row2 .col .text{font-size:3.33vw}.loggedout #row2 #col1 .image{width:12vw;height:14.8vw;margin-bottom:5.7vw}.loggedout #row2 #col2 .image{width:20.3vw;height:14.7vw;margin-bottom:4vw}.loggedout #row2 #col3 .image{width:21.2vw;height:8.7vw;margin-bottom:6.5vw}.loggedout .row#row3{height:auto;padding:16.5vw 0 0}.loggedout #row3 .download{justify-content:center;display:flex}.loggedout #row3 .image{width:34.66vw;height:10.53vw;margin:0}.loggedout #row3 .link{margin:0}.loggedout #row3 .link:last-child{margin-right:5vw}.loggedout .row#footer{flex-direction:column;height:auto;padding-top:15vw;padding-left:13.5vw;font-size:3.25vw;display:flex}.loggedout .row#footer .col1{flex-direction:column;padding-bottom:5.9vw;display:flex}.loggedout .row#footer .col1 a{margin-bottom:1.25vw}.loggedout .row#footer .col2{height:auto;padding-bottom:20vw}.loggedout.en #row1 #col2 ul{margin-left:19vw}.loggedout #row1 #col2 #icon{margin-right:6vw}.loggedout #row1 #col2 .image span{padding-right:1vw}}@media (min-width:1440px){.invite-page .loggedout{position:absolute;left:50%;transform:translate(-50%);width:1440px!important}.loggedout header #localeChanger{margin-left:14.4px}.loggedout header #localeChanger #divider{width:1.3px;height:12.67px;margin-left:7.2px;margin-right:8.64px}.loggedout header #localeChanger button{min-width:45px;font-size:12.53px}.loggedout header{height:72px;margin-top:73.44px;padding-left:86.4px;padding-right:73.44px}.loggedout header h1.logo{width:144px;height:47.52px}.loggedout header #col2 .user-area{border-radius:28.8px;height:55.44px}.loggedout header #col2 #user-popover{height:55.44px;padding-left:18px;padding-right:11.66px;font-size:15.98px}.loggedout header #col2 img{width:45.94px;height:45.94px;margin-left:14.4px}.loggedout .row{width:1440px}.loggedout .row#row1{width:1440px;height:561.6px;margin-top:-61.92px}.loggedout #row1 #col1 .box{width:550.08px;height:270.72px;box-shadow:0 0 28px #8d8d8dad}.loggedout .box #col1{width:979.2px;padding-top:77.76px;padding-left:96.48px}.loggedout .box #col1 .text{font-size:27.36px}.loggedout .box #col1 .logo{width:201.6px;height:72px;margin-left:-24.48px}.loggedout .box #col2{padding-top:108px;padding-left:0}.loggedout .box #col2 .image{width:100.8px;height:86.4px}.loggedout #row1 #col2 h2{margin-top:0;margin-bottom:54.72px;font-size:28.8px}.loggedout #row1 #col2 ul{width:432px;margin-left:8.64px}.loggedout #row1 #col2 li{text-indent:-10.08px;margin-top:0;margin-bottom:15.84px;font-size:15.84px}.loggedout li:before{padding-right:4.32px}.loggedout #row1>#col1{width:446.4px;padding-left:100.8px}.loggedout #row1>#col2{width:993.6px;padding-top:129.6px;padding-left:347.04px}.loggedout #row1 #col2 #icon{width:25.92px;height:27.36px;margin-right:28.8px}.loggedout #row1 #col2 .image#toggle{width:326.88px;height:66.24px;margin-bottom:46.08px;font-size:17.28px;box-shadow:0 0 28px #22003dad}.loggedout .row#row2{height:434.88px}.loggedout #row2 .col{width:113.76px;height:241.92px;margin-top:74.88px;margin-left:23.04px;margin-right:23.04px;box-shadow:0 1px 25px #b06bff6e}.loggedout #row2 .col#col1{margin-left:182.88px;margin-right:23.04px;padding-top:44.64px}.loggedout #row2 .col#col2{padding-top:47.52px}.loggedout #row2 .col#col3{margin-left:23.04px;margin-right:182.88px;padding-top:66.24px}.loggedout #row2 #col1 .image{width:61.92px;height:76.32px;margin-bottom:30.24px}.loggedout #row2 #col2 .image{width:93.6px;height:67.68px;margin-bottom:25.92px}.loggedout #row2 #col3 .image{width:99.36px;height:40.32px;margin-bottom:34.56px}.loggedout #row2 .col .text{font-size:12.96px}.loggedout .row#row3{height:110.88px;padding-top:0;padding-right:61.92px}.loggedout #row3 .link{margin-right:23.04px}.loggedout #row3 .image{width:185.76px;height:56.16px}.loggedout .row#footer{height:89.28px;padding-left:90.72px;padding-right:84.96px;font-size:12.96px}.loggedout #footer .col1 .link{margin-right:43.2px}}
@media (min-width:1200px){.container{max-width:1080px}}body{color:#4a4a4a}.invite-page{background:#fafafa;height:100%;font-size:16px;overflow:auto}.invite-page h1{text-align:center;text-indent:-9999px;cursor:pointer;background:url(/static/images/invite-afan@2x.png) 0 0/362px 66px no-repeat;width:362px;height:67px;margin:24px auto}.invite-page .description{color:#fff;background:#7f4fe8;width:100%;height:auto;padding-top:54px;overflow:auto}.invite-page .description p.invite-detail{text-align:center;background-size:257px 188px;width:327px;margin:0 auto}.invite-page .description p.invite-detail .earn-up-fancoins{color:#fff;margin-bottom:33px;font-family:AppleSDGothicNeo-ExtraBold,sans-serif;font-size:22px}.invite-page .description p.invite-detail button{color:#7f4fe8;cursor:pointer;background-color:#fff;border-radius:6px;height:54px;margin-bottom:27px;padding:18px 28px 17px;font-family:AppleSDGothicNeo-Bold,sans-serif;font-size:16px;box-shadow:0 2px 10px #00000080}.invite-page .description p.invite-detail button:hover{background-color:#ece5fc;border-color:#ece5fc}.invite-page .description p.invite-detail button:active{background-color:#ccb9f6;border-color:#ccb9f6}.invite-page .description p.invite-detail .invitation-expire{margin-bottom:27px;font-family:AppleSDGothicNeo-Regular,sans-serif;font-size:12px}.invite-page .container{margin:40px auto}.invite-page .login-modal{z-index:300;background:#fff;width:auto;max-width:420px;margin:auto;padding:35px;position:fixed;inset:0}@media (max-width:992px){.invite-page .common-footer{max-width:none}}@media (max-width:576px){.invite-page h1{text-align:center;text-indent:-9999px;background:url(/static/images/invite-afan@2x.png) 0 0/181px 33px no-repeat;width:181px;height:33px;margin:24px auto}.invite-page .login-modal{max-width:280px}}.invite-page .login-modal input::placeholder{color:#9b9b9b}.invite-page .login-modal input[type=text],.invite-page .login-modal input[type=password]{border:0;border-bottom:1px solid #9b9b9b;border-radius:0;padding:0}.invite-page .login-modal .email{margin-bottom:20px}.invite-page .login-modal .password{margin-bottom:10px}.invite-page .login-modal .fogot{font-family:AppleSDGothicNeo-SemiBold,sans-serif;font-size:14px}.invite-page .login-modal .login{margin-top:40px}.invite-page .login-modal .or{color:#9b9b9b;padding:10px 0}.invite-page .login-modal h2{width:100%;margin-bottom:30px;font-family:AppleSDGothicNeo-SemiBold,sans-serif;font-size:16px;display:flex}.invite-page .login-modal h2 a{flex:1;display:block}.invite-page .login-modal h2 button.modal-x-button{text-indent:-9999px;cursor:pointer;background:url(/static/images/modal-x@2x.png) 0 0/15px 15px no-repeat;border:0;border-radius:0;width:15px;height:15px;margin:0;padding:0}.invite-page .login-modal a{color:#4a4a4a}.invite-page .login-modal a:hover{text-decoration:none}.invite-page .login-modal .error{color:#d0021b}.invite-page .login-modal button{border-radius:15px;width:100%;height:47px;padding:8px 0;font-family:AppleSDGothicNeo,sans-serif}.invite-page .login-modal .login button.disabled{background-color:#9b9b9b;border-color:#9b9b9b}.invite-page .login-modal .login button{background:#7f4fe8;border-color:#7f4fe8}.invite-page .login-modal .login button:not(.disabled):hover{background:#9269eb;border-color:#9269eb}.invite-page .login-modal .login button:not(.disabled):active{background:#b295f1;border-color:#b295f1}.invite-page .login-modal button.facebook{vertical-align:middle;background:#4266b2;border-color:#4266b2}.invite-page .login-modal button.facebook:disabled{background:#9b9b9b;border-color:#9b9b9b}.invite-page .login-modal button.facebook:hover{background:#5e7cbd;border-color:#4266b2}.invite-page .login-modal button.facebook:active{background:#8da3d0;border-color:#4266b2}.invite-page .login-modal button.facebook span{vertical-align:middle;height:22px;display:inline-block}.invite-page .login-modal button.facebook i.icon-fb{vertical-align:middle;background:url(/static/images/ico-login-ico-login-facebook@2x.png) 50%/22px 22px no-repeat;width:22px;height:22px;display:inline-block}@media (min-width:768px){.invite-page h1{margin:72px auto}.invite-page .description{height:420px}.invite-page .description p.invite-detail{width:700px;height:295px}.invite-page .description p.invite-detail .earn-up-fancoins{letter-spacing:-1px;color:#fff;margin-bottom:43px;font-family:AppleSDGothicNeo-ExtraBold,sans-serif;font-size:55px;line-height:70px}.invite-page .description p.invite-detail button{color:#7f4fe8;cursor:pointer;background-color:#fff;border-radius:6px;width:260px;height:64px;margin-bottom:38px;padding:18px 28px 17px;font-family:AppleSDGothicNeo-Bold,sans-serif;font-size:18px;box-shadow:0 2px 10px #00000080}.invite-page .description p.invite-detail .invitation-expire{margin-bottom:27px;font-family:AppleSDGothicNeo-Regular,sans-serif;font-size:18px}.invite-page .container{margin:100px auto}}.invite-page .share,.invite-page .coin,.invite-page .x30{color:#4a4a4a;height:64px;margin:10px 0;padding-left:100px;font-family:AppleSDGothicNeo-Regular,sans-serif;font-size:16px}.invite-page .share{background:url(/static/images/invite-share.png) 25px/49px 64px no-repeat}.invite-page .coin{background:url(/static/images/invite-fancoin.png) 23px/64px 63px no-repeat}.invite-page .x30{background:url(/static/images/x-30.png) 10px/79px 45px no-repeat}.invite-page .d-table-cell{vertical-align:middle}.social button{text-indent:-9999px;background:0 0;border:none;border-radius:50%;width:34px;height:34px}.social .fb-messenger{background:url(/static/images/social-fb-messenger@2x.png) 50%/34px 34px no-repeat}.social .wechat{background:url(/static/images/social-wechat@2x.png) 50%/34px 34px no-repeat}.social .kakaotalk{background:url(/static/images/social-kakao@2x.png) 50%/34px 34px no-repeat}.social .fb{background:url(/static/images/social-fb@2x.png) 50%/34px 34px no-repeat}.social .twitter{background:url(/static/images/social-twitter@2x.png) 50%/34px 34px no-repeat}.social .email{background:url(/static/images/social-email@2x.png) 50%/34px 34px no-repeat}.social .copy{background:url(/static/images/social-copy@2x.png) 50%/34px 34px no-repeat}.social .more{background:url(/static/images/social-more@2x.png) 50%/34px 34px no-repeat}.share-invite{color:#fff;border-radius:30px;width:100%;height:60px;margin:20px 0 10px;box-shadow:0 10px 30px #0000001a}.share-invite:focus{appearance:none;box-shadow:none;outline:0}.send-invite{border-radius:3px;width:124px;height:43px;font-family:AppleSDGothicNeo-Bold,sans-serif}.invite-login-page{font-size:16px}.invite-login-page h2{font-family:AppleSDGothicNeo-ExtraBold,sans-serif;font-size:55px}.invite-login-page p{font-family:AppleSDGothicNeo-Regular,sans-serif;font-size:18px}.invite-login-page .copy-button{appearance:none;color:#7f4fe8;background:0 0;border:0;outline:0}.invite-login-page .user-area{margin-left:24px;padding:9px}.invite-login-page .user-area:hover{background:#f0f0f0;border-radius:3px}.invite-login-page .user-area img{border:3px solid #fff;border-radius:50%}.invite-login-page #user-popover{cursor:pointer}.user-menu-popover a{color:#444}.user-menu-popover a:hover{text-decoration:none}.user-menu-popover{background-color:#fff;border-radius:0;width:213px;height:81px;box-shadow:0 2px 10px #00000080}.user-menu-popover .arrow{display:none}.user-menu-popover .popover-body{padding:0;font-family:AppleSDGothicNeo,sans-serif;font-size:18px}.user-menu-popover .popover-body a{padding:27px 30px;display:block}.user-menu-popover .popover-body a:hover{background:#ebe6fa}.user-menu-popover .popover-body a:active{background:#c8baf2}.invite-login-page .card{box-shadow:0 10px 30px #0000001a}.invite-login-page .card .crushon{text-indent:-9999px;background:url(/static/images/btn-feed-btn-feed-crushon.png) 0 0/30px 30px no-repeat;border:0;width:30px;height:30px;margin-top:auto;margin-bottom:auto;margin-right:0;display:inline-block}.invite-login-page .card p{color:#7f4fe8;font-family:AppleSDGothicNeo-SemiBold,sans-serif;font-size:50px}.invite-login-page .top-container{padding:4rem 1rem}.invite-login-page .get-started{font-family:AppleSDGothicNeo-Bold,sans-serif;font-size:33px}.invite-login-page .desc{margin-bottom:100px}@media (max-width:767px){.invite-login-page h2{font-size:22px}.invite-login-page p{font-size:14px}.invite-login-page .get-started{font-size:22px}.invite-login-page .top-container{padding:48px 1rem 50px}.invite-login-page .desc{margin-bottom:20px}.invite-login-page .share-link-modal{width:100%;height:100%;margin:0 auto;position:fixed;inset:0}.invite-login-page .share-link-modal li{margin:17px 0}}.invite-login-page .container{max-width:1024px}.share-your-link{font-family:AppleSDGothicNeo-ExtraBold,sans-serif;font-style:normal}.share-link-modal{color:#4a4a4a;z-index:500;background:#fff;border:1px solid #ddd;width:292px;max-width:767px;height:auto;margin:-42px auto 0 18px;padding:35px;font-family:AppleSDGothicNeo,sans-serif;position:absolute;left:332px;box-shadow:0 2px 10px #00000080}.share-link-modal h3{margin:0 0 20px;padding:0;font-family:AppleSDGothicNeo-ExtraBold,sans-serif;font-size:16px;font-weight:800}.share-link-modal button.x{text-indent:0;color:#000;width:21px;height:21px;margin:0;padding:0}.share-link-modal li{cursor:pointer;padding:6px 0;font-family:AppleSDGothicNeo-Regular,sans-serif;font-size:16px}.share-link-modal li:first-child{padding-top:0}.share-link-modal li button{margin-right:12px}.social button.modal-x-button{text-indent:-9999px;cursor:pointer;background:url(/static/images/modal-x@2x.png) 0 0/16px 16px no-repeat;border:0;width:16px;height:16px;margin:0;padding:0}.invite-landing-page{background:#fafafa}.invite-landing-page header{width:100%;height:210px;display:table}.invite-landing-page header h1{vertical-align:middle;background-position:50%;width:100%;height:210px;margin:0 auto;display:table-cell}.invite-landing-page .accept-invite{background:url(/static/images/accept-invitation@2x.png) 50%/588px 116px no-repeat;height:116px;margin:36px 0 100px}.invite-landing-page h2{margin-top:40px;margin-bottom:18px;font-family:AppleSDGothicNeo-Bold,san-serif}.invite-landing-page form{max-width:520px}.invite-landing-page input[type=text]{border-radius:3px;width:100%;height:43px;margin-right:10px}.invite-landing-page .email-form .button-area{width:124px}.invite-landing-page .email-form button{border-radius:3px;width:124px;height:43px}.invite-landing-page .email-form button.ok{font-weight:700}.invite-landing-page p{margin-bottom:104px}.invite-landing-page .afan-qr{background:url(/static/images/a-fan-qr-code@2x.png) 50%/135px 165px no-repeat;width:135px;height:165px;margin:0 auto 100px}.invite-landing-page .download{margin:24px 0}.invite-landing-page .download button{border-color:#000;margin:0 10px}.invite-landing-page .common-footer{text-align:center;width:100%;margin:0 auto}.invite-landing-page .common-footer .text-link>div{width:100%}@media (max-width:768px){.invite-landing-page header{height:73px}.invite-landing-page header h1{background:url(/static/images/bi-afan-200-x-60@2x.png) 50%/100px 33px no-repeat;width:181px;height:73px;margin:0}.invite-landing-page .accept-invite{background:url(/static/images/accept-invitation@2x.png) 50%/392px 78px no-repeat;height:78px;margin:36px 0 100px}.invite-landing-page h2{font-size:16px}.invite-landing-page .common-footer{text-align:left}}@media (max-width:576px){.invite-landing-page header{height:73px}.invite-landing-page header h1{background:url(/static/images/bi-afan-200-x-60@2x.png) 50%/100px 33px no-repeat;width:181px;height:73px;margin:0}.invite-landing-page .accept-invite{background-size:235px 47px;height:47px}.invite-landing-page h2{font-size:16px}.invite-landing-page p{margin-bottom:60px;font-family:AppleSDGothicNeo,sans-serif;font-size:13px}.invite-landing-page .email-form .button-area,.invite-landing-page .email-form button{width:74px}.invite-landing-page .common-footer{border-top:0;max-width:560px;height:auto;margin-top:0;padding-top:0}}
html,body{height:100%;margin:0;padding:0}.landing .mobile{display:none!important}.landing .row{width:100%;margin:0;padding:0}.landing .col{padding:0}.landing header #localeChanger{flex-direction:row;justify-content:flex-start;align-items:center;margin-left:1vw;display:flex}.landing header #localeChanger #divider{background-color:#9a9a9a;width:.09vw;height:.88vw;margin-left:.5vw;margin-right:.6vw}.landing header #localeChanger button{color:#9a9a9a;background-color:#0000;border:none;min-width:45px;font-size:.87vw;font-weight:700}.landing header #localeChanger button:focus{outline:none}.landing header{justify-content:space-between;align-items:center;height:5vw;margin-top:5.1vw;margin-bottom:4.7vw;padding-left:6vw;padding-right:5.1vw;display:flex}.landing header .col{flex-direction:row;padding:0;display:flex}.landing header #col2{justify-content:flex-end;display:flex}.landing header h1.logo{color:#0000;cursor:pointer;background:url(/static/images/bi-afan-200-x-60@2x.png) 50% no-repeat;width:10vw;height:3.3vw;margin:0;background-size:cover!important}.landing header #col2 .user-area{cursor:pointer;border-radius:2vw;width:fit-content;height:3.85vw;display:flex}.landing header #col2 .user-area:hover{background-color:#f0f0f0}.landing header #col2 #user-popover{color:#797979;justify-content:space-between;align-items:center;width:fit-content;height:3.85vw;padding-left:1.25vw;padding-right:.81vw;font-family:Gotham-Bold;font-size:1.11vw;display:flex}.landing header #col2 img{width:3.19vw;height:3.19vw;margin-left:1vw}.popover-body{background:url(/static/images/logout-popup.png) 50%/contain no-repeat;justify-content:center;align-items:center;width:11vw;height:4.8vw;margin-top:-1.5vw;display:flex;padding:1vw 0 0!important}.popover-body a{color:#7f4fe8;font-family:Gilroy-ExtraBold}.popover-body a:hover{color:#492793;text-decoration:none}.user-menu-popover .popover,.user-menu-popover .bs-popover-bottom>.arrow:after,.user-menu-popover .bs-popover-bottom>.arrow:before{background-color:#0000;border:none;box-shadow:none!important}.landing .row #col1{flex-basis:inherit;width:39.8vw;padding-left:19.37vw}.landing .row #col2{flex-basis:inherit;width:59.87vw;padding-top:.2vw}.landing #row1 #col1{padding-top:.1vw;padding-left:20.4vw}.landing #row1 #col2{padding-left:1vw}.landing #row1 #col1 h1{padding-top:1vw;padding-left:.6vw;font-size:1.91vw;font-weight:700;line-height:1.38}.landing #row1 #col1 .logo{background:url(/static/images/landing-image-logo.svg) 50%/cover no-repeat;width:6.5vw;height:9.5vw}.landing #row1 #col2 .screen{background:url(/static/images/landing-image-screen@3x.jpg) 50%/contain no-repeat;width:32.91vw;height:36.66vw}.landing .horizontal-line{opacity:.3;border-style:solid;border-width:0 0 1px;border-image-source:linear-gradient(270deg,#49279300,#492793c7 26%,#492793 50%,#492793ba 75%,#49279300);border-image-slice:1;width:80vw;height:.12vw;margin-left:10vw}.landing #col1 .number{text-align:left;color:#9972ed;font-family:Gilroy-Light;font-size:4.5vw}.landing h2{color:#565656;font-size:1.44vw;font-weight:500;line-height:2.5vw}.landing #row1{padding-bottom:7.7vw}.landing #row2{padding-bottom:4.1vw}.landing #row3{padding-bottom:2.3vw}.landing #row4{padding-bottom:4.8vw}.landing #row5{padding-bottom:7.8vw}.landing #row2 #col2{padding-bottom:.7vw}.landing #row2 #col1{margin-top:-.6vw}.landing #row2 #col2 .image{-webkit-appearance:none;width:14.93vw;height:4.51vw;background-size:cover!important}.landing #row2 #col2 .download{flex-direction:row;padding-top:2.6vw;display:flex}.landing #row2 #col2 .afan-qr{background:url(/static/images/landing-store-qr.png) 50%/cover no-repeat;width:10.69vw;height:10.69vw;margin-left:1.6vw}.landing #row2 #col2 .image.appstore{background:url(/static/images/landing-store-apple.png) 50% no-repeat;margin-bottom:1.6vw}.landing #row2 #col2 .image.googleplay{background:url(/static/images/landing-store-google.png) 50% no-repeat}.landing #row3 .image.signup{background:url(/static/images/landing-signup.png) 50%/contain no-repeat;width:33.81vw;height:30.55vw;margin-top:1.7vw;margin-left:-.7vw}.landing.en #row3 .image.signup{background:url(/static/images/landing-signup-en.png) 50%/cover no-repeat}.landing #row3 #col1{padding-top:2.5vw}.landing #row3 #col2{padding-top:4.1vw}.landing #row4 #col1{padding-top:4.5vw}.landing #row4 #col2{padding-top:3.4vw}.landing #row4 #col2 p{color:#a075ff;margin-top:1.45vw;margin-bottom:3.81vw;font-size:1.19vw;font-weight:400}.landing #row4 #col2 button{background-color:#fff;border:none;justify-content:center;align-items:center;width:10.7vw;height:3.7vw;margin-top:2.3vw;display:flex;box-shadow:0 0 28px #22003d29}.landing #row4 #col2 button .icon{background-color:#7f4fe8;width:1.58vw;height:1.6vw;margin-right:1vw;display:inline-block;-webkit-mask-image:url(/static/images/loginmodal-icon-login.svg);mask-image:url(/static/images/loginmodal-icon-login.svg);-webkit-mask-size:contain;mask-size:contain}.landing #row4 #col2 button span{color:#7f4fe8;font-size:1.1vw;font-weight:700}.landing #row4 #col2 button:hover{background-color:#d9c8ff}.landing #row4 #col2 button:active{background-color:#7f4fe8!important}.landing #row4 #col2 button:active span{color:#fff!important}.landing #row4 #col2 button:active .icon{background-color:#fff!important}.landing #row5 #col1{padding-top:2.6vw}.landing #row5 #col2{padding-top:3.4vw}.landing #row5 #col2 form{padding-top:2.2vw}.landing #row5 #col2 input{color:#000;background-color:#ececec;border:none;border-radius:0;width:28.54vw;height:3.4vw;margin-left:-.2vw;padding-left:1.18vw;font-size:1.03vw}.landing #row5 #col2 input::placeholder{color:#b7b7b7}.landing #row5 #col2 button{background-color:#492793;border:none;border-radius:0;width:5.97vw;height:3.4vw;margin-left:.65vw;font-size:1.03vw}.landing #row5 #col2 button:hover{background-color:#301767}.landing #row5 #col2 button:active{background-color:#a075ff!important}.landing #row5 #col2 button.saving{background-color:#f06293!important}.landing #row5 #col2 button.saved{background-color:#e32f6d!important}.landing .row#footer{color:#c4c3c3;justify-content:space-between;height:6.2vw;padding:5.9vw 5.9vw 6.3vw 6.3vw;font-family:Gilroy-ExtraBold;font-size:.9vw;display:flex}.landing #footer .col1 .link{color:#c4c3c3;margin-right:3vw}.landing #footer .col1 .link:last-child{margin-right:0}.landing.en #row1 #col1 h1:before{content:""}.landing.en h1,.landing.en h2,.landing.en p{font-family:Gotham-Medium}.landing.en #row4 #col1{padding-top:2.5vw}.landing.en #row4 #col2 button{font-family:Gotham-Bold}.landing #row4 #col2 button span:after{content:"하기 "}.landing.en #row4 #col2 button span:after{content:none}.landing.en #row5 h2{margin-top:0}@media (max-width:720px){.landing .desktop{display:none!important}.landing .mobile{display:inherit!important}.landing header{border-bottom:.1vw solid #efefef;height:17.1vw;margin:0}.landing header h1.logo{background-size:contain;width:16.5vw;height:6.9vw}.landing header #col2 #username{display:none}.landing header #col2 img{width:9vw;height:9vw;margin-left:0!important}.landing header #localeChanger{margin-left:2vw;padding-top:.6vw}.landing header #localeChanger button{font-size:2.6vw}.landing header #localeChanger #divider{width:.5vw;height:3vw}.landing .horizontal-line{background-size:80vw .4vw;height:.4vw}.landing #col1 .number{font-size:10.6vw}.landing #row1{padding-top:9.86vw;padding-bottom:9.86vw}.landing #row1 #col1{flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;padding:0 1vw 0 0;display:flex}.landing #row1 #col1 .logo{background:url(/static/images/landing-image-screen-mobile@3x.png) 50%/contain no-repeat;width:69.06vw;height:81.86vw;margin:0 0 0 8vw!important}.landing #row1 #col1 h1{letter-spacing:normal;text-align:center;padding-top:7.2vw;font-size:4.9vw}.landing #row1 #col1 h1:before{content:"지금 "}.landing #row1 #col2 .image#toggle{padding-right:6vw}.landing #row2{padding-top:11vw}.landing .row #col1{width:13.33vw;padding-left:12.8vw}.landing .row #col2{width:61vw}.landing h2{font-size:3.6vw;line-height:1.4}.landing #row2 h2{margin-top:1.5vw}.landing #row3 h2{margin-top:1.5vw;margin-bottom:5.06vw}.landing #row4 h2{margin-top:4vw;margin-bottom:8.6vw}.landing #row2 #col2 .download{padding-top:7.5vw;padding-bottom:7vw}.landing #row2 #col2 .image{width:49.6vw;height:14.93vw}.landing #row2 #col2 .image.appstore{margin-bottom:5.6vw}.landing #row2 #col2 .image.googleplay{margin-bottom:0}.landing #row3 .image.signup{background:url(/static/images/landing-signup.png) 50%/contain no-repeat;width:84vw;height:75.73vw;margin-top:9.5vw;margin-left:-16.8vw}.landing.en #row3 .image.signup{background:url(/static/images/landing-signup-en.png) 50%/contain no-repeat}.popover-body{background:url(/static/images/logout-popup-mobile.png) 50%/contain no-repeat;width:29vw;height:17vw;margin-top:-2.5vw;margin-left:-14vw;padding-top:4vw}.landing #row3 #col1{padding-top:3vw}.landing #row3{padding-top:4vw;padding-bottom:4vw}.landing #row4{padding-top:4.2vw}.landing #row4 #col2 button{width:30.93vw;height:12.53vw;margin-bottom:10.93vw;margin-left:7.2vw}.landing #row4 #col2 button span:after{content:none}.landing.en #row4 #col2 button{font-family:Gilroy-ExtraBold}.landing #row4 #col2 button .icon{width:5.5vw;height:5.6vw;margin-right:4vw}.landing #row4 #col2 button span{margin-right:1vw;font-size:3.68vw}.landing #row4 #col2 p{margin-bottom:9.33vw;font-size:3.3vw}.landing #col1 .number#step-1{background-size:contain;width:7.73vw;height:13.6vw}.landing #col1 .number#step-2{background-size:contain;width:9.06vw;height:13.6vw}.landing #col1 .number#step-3{background-size:contain;width:9.33vw;height:13.6vw}.landing #row5{padding-top:6.66vw;padding-bottom:12.53vw}.landing #row5 #col1{padding-top:1vw}.landing #row5 #col2 input{width:71.46vw;height:12.13vw;margin:0 0 4vw;padding-left:3.5vw;font-family:Gotham-Medium;font-size:4.13vw}.landing #row5 #col2 form{flex-direction:column;justify-content:center;align-items:center;margin-left:-26.73vw;display:flex}.landing #row5 #col2 button{width:25vw;height:12.5vw;margin:0;font-size:3.78vw;font-weight:700}.landing .row#footer{flex-direction:column;height:auto;padding-top:15vw;padding-left:13.5vw;font-size:3.25vw;display:flex}.landing .row#footer .col1{flex-direction:column;padding-bottom:5.9vw;display:flex}.landing .row#footer .col1 a{margin-bottom:1.25vw}.landing .row#footer .col2{height:auto;padding-bottom:10vw}.landing.en #row4 h2{margin-top:2vw}}@media (min-width:1440px){.landing{width:1440px;position:absolute;left:50%;transform:translate(-50%)}.landing header #localeChanger{margin-left:14.4px}.landing header #localeChanger #divider{width:1.3px;height:12.67px;margin-left:7.2px;margin-right:8.64px}.landing header #localeChanger button{min-width:45px;font-size:12.53px}.landing header{height:72px;margin-top:73.44px;margin-bottom:67.68px;padding-left:86.4px;padding-right:73.44px}.landing header h1.logo{width:144px;height:47.52px}.landing header #col2 .user-area{border-radius:28.8px;height:55.44px}.landing header #col2 #user-popover{height:55.44px;padding-left:18px;padding-right:11.66px;font-size:15.98px}.landing header #col2 img{width:45.94px;height:45.94px;margin-left:14.4px}.popover-body{width:158.4px;height:69.12px;margin-top:-21.6px;padding-top:18.72px}.landing .row #col1{width:573.12px;padding-left:278.93px}.landing .row #col2{width:862.13px;padding-top:2.88px}.landing #row1 #col1{padding-top:1.44px;padding-left:293.76px}.landing #row1 #col2{padding-left:14.4px}.landing #row1 #col1 h1{padding-top:14.4px;padding-left:8.64px;font-size:27.5px}.landing #row1 #col1 .logo{width:93.6px;height:136.8px}.landing #row1 #col2 .screen{width:473.9px;height:527.9px}.landing .horizontal-line{border-image-source:linear-gradient(270deg,#49279300,#492793c7 26%,#492793 50%,#492793ba 75%,#49279300);width:1152px;height:1.73px;margin-left:144px}.landing #col1 .number{font-size:64.8px}.landing h2{font-size:20.74px;line-height:36px}.landing #row1{padding-bottom:110.88px}.landing #row2{padding-bottom:59.04px}.landing #row3{padding-bottom:33.12px}.landing #row4{padding-bottom:69.12px}.landing #row5{padding-bottom:112.32px}.landing #row2 #col2{padding-bottom:10.08px}.landing #row2 #col1{margin-top:-8.64px}.landing #row2 #col2 .image{width:214.99px;height:64.94px}.landing #row2 #col2 .download{padding-top:37.44px}.landing #row2 #col2 .afan-qr{width:153.94px;height:153.94px;margin-left:23.04px}.landing #row2 #col2 .image.appstore{margin-bottom:23.04px}.landing #row3 .image.signup{width:486.86px;height:439.92px;margin-top:24.48px;margin-left:-10.08px}.landing #row3 #col1{padding-top:36px}.landing #row3 #col2{padding-top:59.04px}.landing #row4 #col1{padding-top:36px}.landing #row4 #col2{padding-top:48.96px}.landing #row4 #col2 p{margin-top:20.88px;margin-bottom:54.86px;font-size:17.14px}.landing #row4 #col2 button{width:154.08px;height:53.28px;margin-top:33.12px;box-shadow:0 0 28px #22003d29}.landing #row4 #col2 button .icon{width:22.75px;height:23.04px;margin-right:14.4px}.landing #row4 #col2 button span{font-size:15.84px}.landing #row5 #col1{padding-top:37.44px}.landing #row5 #col2{padding-top:48.96px}.landing #row5 #col2 form{padding-top:31.68px}.landing #row5 #col2 input{width:410.98px;height:48.96px;margin-left:-2.88px;padding-left:16.99px;font-size:14.83px}.landing #row5 #col2 button{width:85.97px;height:48.96px;margin-left:9.36px;font-size:14.83px}.landing .row#footer{height:89.28px;padding:84.96px 84.96px 90.72px 90.72px;font-size:12.96px}.landing #footer .col1 .link{margin-right:43.2px}.landing.en #row5 h2{margin-top:0}}
.login-modal{z-index:999;background-color:#fff;flex-direction:column;align-items:center;width:394px;height:540px;display:flex;position:fixed;top:50vh;left:50%;transform:translate(-50%,-50%)}.login-modal h2{flex-direction:row;justify-content:center;align-items:center;margin-top:48px;margin-bottom:22px;font-family:Montserrat-SemiBold;font-size:20px;line-height:1;display:flex;color:#2f333b!important}.login-modal .back{cursor:pointer}.login-modal h2 .logo{background:url(/static/images/loginmodal-icon-afan-black.svg) 50%/cover no-repeat;width:58px;height:26px;margin-right:8px}.login-modal .modal-x-button{background:url(/static/images/invite-icon-exit.svg) 50%/cover no-repeat;border:none;width:23.7px;height:23.7px;position:absolute;top:25px;right:24px}.login-modal input{color:#000;border:none;border-bottom:1px solid #979797;border-radius:0;width:265px;height:40px;padding-left:0;padding-right:0;font-family:SDGothicNeo;font-size:16px}.login-modal input::placeholder{color:#b7b7b7!important;font-family:SDGothicNeo!important;font-size:16px!important}.login-modal input.email{margin-bottom:25px}.login-modal .small{color:#b7b7b7;text-align:left;width:100%;font-family:Gotham-Book;font-size:12px}.login-modal .forgot{margin-top:8.5px}.login-modal p:last-child{text-align:center;margin-top:30px}.login-modal button.login,.login-modal button.facebook,.login-modal button.signup,.login-modal button.reset{color:#fff;border:0;border-radius:24px;justify-content:center;align-items:center;width:100%;height:50px;font-family:Montserrat-SemiBold;font-size:14px;line-height:1;display:flex}.login-modal button.login{background-color:#7f4fe8;margin-top:39px}.login-modal div.login{background-image:url(/static/images/loginmodal-icon-login.svg);background-size:cover;width:20px;height:21.5px;margin-right:8px;display:inline-block}.login-modal div.facebook{background-image:url(/static/images/loginmodal-icon-facebook.png);background-size:cover;width:9px;height:17px;margin-right:8px;display:inline-block}.login-modal div.signup{background-image:url(/static/images/loginmodal-icon-afan-white.svg);background-size:cover;width:41px;height:19px;margin-right:8px;display:inline-block}.login-modal button.login:hover{background-color:#492793}.login-modal button.login:active{background-color:#ad8af9!important}.login-modal button.facebook{background-color:#406ddc;margin-top:.8vw}.login-modal button.facebook:hover{background-color:#3b579d}.login-modal button.facebook:active{background-color:#6d88cb!important}.login-modal button.signup{background-color:#6d7278;margin-top:10px}.login-modal p.error{width:260px;margin-top:60px}@media (max-width:720px){.login-modal{width:82.08vw;height:112.83vw;top:50vh;left:50%;transform:translate(-50%,-50%)}.login-modal h2{margin-top:9vw;margin-bottom:6vw;font-size:4.32vw}.login-modal h2 .logo{width:13.2vw;height:6vw}.login-modal .modal-x-button{width:4.5vw;height:4.5vw;top:3.69vw;right:3.69vw}.login-modal input{width:55.08vw;height:9.03vw;font-size:3.6vw}.login-modal input::placeholder{font-size:3.6vw!important}.login-modal input.email{margin-bottom:6vw}.login-modal .forgot{width:55.08vw;margin-top:2.4vw}.login-modal .forgot,.login-modal p:last-child{font-size:2.43vw}.login-modal button.login,.login-modal button.facebook,.login-modal button.signup,.login-modal button.reset{width:55.08vw;height:9vw;font-size:2.8vw}.login-modal button.login{margin-top:10vw;padding-right:6vw}.login-modal div.login{width:4.14vw;height:4.44vw;margin-right:3vw}.login-modal div.facebook{width:2.31vw;height:4.29vw;margin-right:3vw}.login-modal div.signup{width:10vw;height:4.44vw;margin-right:3vw}.login-modal p:last-child{margin-top:3vw}}@media (min-width:1440px){.login-modal{width:393.98px;height:541.58px;top:50vh;left:50%;transform:translate(-50%,-50%)}.login-modal h2{margin-top:43.2px;margin-bottom:22px;font-size:20.74px}.login-modal .modal-x-button{width:21.6px;height:21.6px;top:25.2px;right:24.1px}.login-modal input{border-bottom:.29px solid #979797;width:264.38px;height:43.34px;font-size:20.16px}.login-modal input::placeholder{font-size:20.16px!important}.login-modal input.email{margin-bottom:25px}.login-modal .forgot{width:264.38px;margin-top:8.5px}.login-modal button.login,.login-modal button.facebook{width:264.38px;height:50px;font-size:14px}.login-modal button.login{margin-top:39px;padding-right:28.8px}.login-modal div.login{width:20px;height:21.5px;margin-right:14.4px}.login-modal div.facebook{width:11.09px;height:20.59px;margin-right:14.4px}.login-modal button.facebook{margin-top:11.52px}}
.notification-list{margin:0}.notification-list li{border:0}.notification-list li .profile{width:60px;height:53px;padding-top:2px}.notification-list li .text{flex:1;height:55px}.notification-list li .text p{padding-right:.5rem}.notification-list li .thumbnail{width:80px;height:55px}.notification-list li .thumbnail p{vertical-align:middle}.notification-list li .d-table{width:100%;height:55px}.notification-list li .d-table-cell{vertical-align:middle;width:100%}.notification-list li .thumbnail .d-table-cell{text-align:right}
.static-page{background:#fafafa;font-size:16px;overflow:auto}.static-page header{background:#fff;border-bottom:1px solid #d0d0d0;height:74px}.static-page h1,.static-page h2{font-family:AppleSDGothicNeo-ExtraBold,san-serif;font-size:18px;font-weight:700}.static-page p{margin:30px 0}.static-page .main{max-width:1024px;margin:0 auto;padding-bottom:90px;font-family:AppleSDGothicNeo-Regular,san-serif;font-size:18px;line-height:28px}.static-page ul{padding-left:15px;list-style-type:none}.static-page ul>li:before{content:"- "}.static-page footer{max-width:1024px;margin:0 auto}.static-page .tab{margin:32px 0 60px;font-size:14px;line-height:14px;overflow:auto}.static-page .tab .tab-item{float:left;margin-right:48px;padding:16px 0;font-weight:700}.static-page .tab .tab-item.active{border-bottom:2px solid #7f4fe8}.static-page .tab .tab-item a{color:#4a4a4a}.static-page .tab .tab-item a:hover{color:#7f4fe8;text-decoration:none}.static-page .tab .tab-item.active a{color:#7f4fe8}
/*# sourceMappingURL=9c8ff56879b22281.css.map*/