@charset "utf-8";

/*
 * File       : sub-product.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) LAYOUT
 * 02) VISUAL
 * 03) PROLOGUE
 * 04) WELLDONESTAKE
 * 05) ALLTHATNODE
 * 06) DATA ANALYTICS
 */



/* **************************************** *
 * LAYOUT
 * **************************************** */
/* CLEAR */
body.page-template-product .main-container {padding-top: 0;padding-bottom: 0;}

/* GLOBAL */
.product-section {padding-top: 204rem;overflow: hidden;}

.product-section__title {margin-bottom: 156rem;text-align: center;}
.product-section__title span {display: block;margin-bottom: 36rem;font-size: 26rem;font-weight: 700;line-height: 1.45;letter-spacing: 0.03em;color: #fff;}
.product-section__title h2 {font-size: 100rem;font-weight: 700;line-height: 1.1;letter-spacing: 0.03em;color: #fff;}
.product-section__title h2 sup {display: inline-block;vertical-align: text-top;margin-left: 18rem;font-size: 40rem;}
html.mac .product-section__title h2 sup {margin-top: 19rem;}
html.ios .product-section__title h2 sup {margin-top: 16rem;}

.product-message b {display: block;font-size: 48rem;font-weight: 700;line-height: 1.4;color: #fff;}
.product-message p {font-size: 36rem;font-weight: 500;line-height: 1.67;letter-spacing: 0.03em;color: #fff;}
.product-message b + p {margin-top: 30rem;}

.product-button__wrap {font-size: 0;position: relative;border-top: 4rem solid #fff;}
.product-button {display: inline-block;vertical-align: top;width: 100%;padding: 82rem 34rem 73rem;position: relative;font-size: 26rem;line-height: 1.75;text-align: center;font-weight: 700;letter-spacing: 0.03em;color: #fff;}
.product-button > span {display: inline-block;position: relative;padding-right: 40rem;}
.product-button > span:after {display: block;width: 32rem;height: 32rem;position: absolute;right: 0;top: 50%;margin-top: -21rem;font-family: 'jt-font';content: '\e91e';font-size: 32rem;line-height: 1;font-weight: normal;font-style: normal;color: #fff;}
.product-button > span em {display: inline-block;position: relative;height: 40rem;overflow: hidden;}
.product-button > span em > i {display: block;height: 40rem;font-style: normal;}
.product-button > span em > i:last-child {position: absolute;top: 0;left: 0;opacity: 0;}
.product-button.jt-btn--rolling {padding-bottom: 60rem;}
.product-button.jt-btn--rolling > span:after {margin-top: -29rem;}
html.mac .product-button {padding-top: 81rem;padding-bottom: 74rem;}
html.mac .product-button > span:after {margin-top: -17rem;}
html.ios .product-button {padding-top: 79rem;padding-bottom: 76rem;}
html.ios .product-button > span:after {margin-top: -18rem;}
.product-button__wrap--col2 .product-button {width: 50%;}
.product-button__wrap--col2 .product-button:first-child {border-right: 2rem solid #fff;}
.product-button__wrap--col2 .product-button:last-child {border-left: 2rem solid #fff;}
.product-button__wrap--col3 .product-button {width: 33.33%;border-right: 4rem solid #fff;}
.product-button__wrap--col3 .product-button:last-child {border-right: none;}
.product-button__wrap--col4 .product-button {width: 25%;border-right: 4rem solid #fff;}
.product-button__wrap--col4 .product-button:last-child {border-right: none;}

.product-category {display: inline-block;min-width: 264rem;padding: 27rem 63rem 22rem;margin-bottom: 75rem;font-size: 36rem;font-weight: 500;line-height: 1.66;letter-spacing: 0.03em;color: #fff;border: 4rem solid #fff;border-radius: 100%;}
html.mac .product-category {padding-top: 22rem;}
html.ios .product-category {padding-top: 26rem;padding-bottom: 24rem;}



/* **************************************** *
 * VISUAL
 * **************************************** */
.product-visual {padding-top: 160rem;position: relative;}

.product-visual__net {width: 1172rem;margin: 0 auto;position: relative;z-index: 1;}
.product-visual__net .jt-lazyload {padding-top: 40.44%;}

.product-visual__net {width: 1172rem;margin: 0 auto;position: relative;z-index: 1;}
.product-visual__net svg {display: block;width: 100%;height: auto;}

.product-visual__circle {display: block;width: 65rem;height: 65rem;position: absolute;left: 50%;background: #fff;border-radius: 50%;z-index: 2;}
.product-visual__circle--01 {top: -636rem;margin-left: 317rem;}
.product-visual__circle--02 {top: -348rem;margin-left: 410rem;}
.product-visual__circle--03 {top: -106rem;margin-left: -578rem;}
.product-visual__circle--04 {top: 56rem;margin-left: -172rem;}
.product-visual__circle--05 {top: 173rem;margin-left: -96rem;}
.product-visual__circle--06 {top: 188rem;margin-left: 92rem;}
.product-visual__circle--07 {top: 122rem;margin-left: 299rem;}
.product-visual__circle--08 {top: 348rem;margin-left: -38rem;}



/* **************************************** *
 * PROLOGUE
 * **************************************** */
.product-prologue {padding-top: 163rem;}

.product-prologue__bg {width: 425rem;height: 372rem;position: absolute;right: 104rem;bottom: 291rem;overflow: hidden;z-index: 1;}
.product-prologue__pic {display: block;position: absolute;background: no-repeat center center;background-size: cover;}
.product-prologue__pic--hole-back {width: 354rem;height: 349rem;top: 0;left: 0;z-index: 1;}
.product-prologue__pic--hole-front {width: 354rem;height: 349rem;top: 0;left: 0;z-index: 3;}
.product-prologue__pic--ball {width: 164rem;height: 164rem;top: 163rem;left: 261rem;background: #fff;border-radius: 50%;z-index: 2;}

.product-prologue__intro {margin-bottom: 300rem;position: relative;}

.product-prologue__keyword {padding-bottom: 604rem;position: relative;text-align: center;z-index: 2;}
.product-prologue__typo {height: 156rem;position: relative;overflow: hidden;}
.product-prologue__typo b {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-size: 100rem;font-weight: 700;line-height: 1.38;letter-spacing: 0.03em;color: #fff;}



/* **************************************** *
 * WELLDONESTAKE
 * **************************************** */
/* service */
.stake-service__illust {position: relative;}

.stake-service__waiter {width: 1746rem;padding-bottom: 4rem;position: relative;left: 50%;margin-left: -1371rem;}
.stake-service__waiter .jt-lazyload {padding-top: 76.4032%;z-index: 2;}
.stake-service__waiter--line {width: 1348rem;height: 4rem;position: absolute;left: 0;bottom: 0;background: #fff;z-index: 3;}
.stake-service__waiter--bowl {width: 726rem;height: 353rem;position: absolute;top: 0;right: 0;overflow: hidden;z-index: 1;}
.stake-service__waiter--bowl > span {display: block;width: 100rem;height: 100rem;position: absolute;left: 50%;border-radius: 50%;}
.stake-service__waiter--bowl > span > i {display: block;width: 100%;height: 100%;border-radius: 50%;}
.stake-service__waiter--bowl > span.stake-service__waiter--node-01 {top: 116rem;margin-left: -36rem;background: -webkit-linear-gradient(291.37deg, #FFFFFF -16.89%, #FFFFFF -7.83%, #FFF72E 2.28%, #EF5149 12.79%, #000000 38.73%, #0F1D39 60.05%, #4281FF 116.82%);background: linear-gradient(158.63deg, #FFFFFF -16.89%, #FFFFFF -7.83%, #FFF72E 2.28%, #EF5149 12.79%, #000000 38.73%, #0F1D39 60.05%, #4281FF 116.82%);}
.stake-service__waiter--bowl > span.stake-service__waiter--node-02 {top: 185rem;margin-left: -3rem;background: -webkit-linear-gradient(107.35deg, #FFFFFF -19.19%, #FFFFFF -9.81%, #FFF72E 13.38%, #EF5149 49.36%, #000000 61.76%, #0F1D39 74.36%, #4281FF 119.12%);background: linear-gradient(342.65deg, #FFFFFF -19.19%, #FFFFFF -9.81%, #FFF72E 13.38%, #EF5149 49.36%, #000000 61.76%, #0F1D39 74.36%, #4281FF 119.12%);}
.stake-service__waiter--bowl > span.stake-service__waiter--node-03 {top: 185rem;margin-left: -74rem;background: -webkit-linear-gradient(303.54deg, #FFFFFF 30.07%, #FFFFFF 41.49%, #FFF72E 54.22%, #EF5149 67.46%, #000000 100.13%, #0F1D39 126.97%, #4281FF 198.48%);background: linear-gradient(146.46deg, #FFFFFF 30.07%, #FFFFFF 41.49%, #FFF72E 54.22%, #EF5149 67.46%, #000000 100.13%, #0F1D39 126.97%, #4281FF 198.48%);}
.stake-service__waiter--bowl > span.stake-service__waiter--node-04 {top: 251rem;margin-left: -143rem;background: -webkit-linear-gradient(278.54deg, #FFFFFF -26.17%, #FFFFFF -15.84%, #FFF72E 9.7%, #EF5149 49.32%, #000000 62.99%, #0F1D39 76.86%, #4281FF 126.15%);background: linear-gradient(171.46deg, #FFFFFF -26.17%, #FFFFFF -15.84%, #FFF72E 9.7%, #EF5149 49.32%, #000000 62.99%, #0F1D39 76.86%, #4281FF 126.15%);}
.stake-service__waiter--bowl > span.stake-service__waiter--node-05 {top: 255rem;margin-left: 32rem;background: -webkit-linear-gradient(243.54deg, #FFFFFF 29.46%, #FFFFFF 41.26%, #FFF72E 54.42%, #EF5149 68.1%, #000000 101.88%, #0F1D39 129.63%, #4281FF 203.54%);background: linear-gradient(206.46deg, #FFFFFF 29.46%, #FFFFFF 41.26%, #FFF72E 54.42%, #EF5149 68.1%, #000000 101.88%, #0F1D39 129.63%, #4281FF 203.54%);}
.stake-service__waiter--bowl > span.stake-service__waiter--node-06 {top: 260rem;margin-left: -56rem;background: -webkit-linear-gradient(256.29deg, #FFFFFF -21.9%, #FFFFFF -12.17%, #FFF72E -1.34%, #EF5149 9.93%, #000000 37.74%, #0F1D39 60.6%, #4281FF 121.47%);background: linear-gradient(193.71deg, #FFFFFF -21.9%, #FFFFFF -12.17%, #FFF72E -1.34%, #EF5149 9.93%, #000000 37.74%, #0F1D39 60.6%, #4281FF 121.47%);}
.stake-service__waiter--bowl > span.stake-service__waiter--node-07 {top: 170rem;margin-left: -164rem;}
.stake-service__waiter--bowl > span.stake-service__waiter--node-07 > i {background: -webkit-linear-gradient(278.54deg, #FFFFFF -26.16%, #FFFFFF -15.84%, #FFF72E 9.71%, #EF5149 49.33%, #000000 62.99%, #0F1D39 76.87%, #4281FF 126.16%);background: linear-gradient(171.46deg, #FFFFFF -26.16%, #FFFFFF -15.84%, #FFF72E 9.71%, #EF5149 49.33%, #000000 62.99%, #0F1D39 76.87%, #4281FF 126.16%);}
.stake-service__waiter--bowl > span.stake-service__waiter--node-08 {top: 160rem;margin-left: -302rem;background: -webkit-linear-gradient(303.54deg, #FFFFFF 30.07%, #FFFFFF 41.49%, #FFF72E 54.22%, #EF5149 67.45%, #000000 100.12%, #0F1D39 126.97%, #4281FF 198.47%);background: linear-gradient(146.46deg, #FFFFFF 30.07%, #FFFFFF 41.49%, #FFF72E 54.22%, #EF5149 67.45%, #000000 100.12%, #0F1D39 126.97%, #4281FF 198.47%);}
.stake-service__waiter--bowl > span.stake-service__waiter--node-09 {top: 221rem;margin-left: -221rem;background: -webkit-linear-gradient(256.29deg, #FFFFFF -21.89%, #FFFFFF -12.17%, #FFF72E -1.33%, #EF5149 9.94%, #000000 37.75%, #0F1D39 60.6%, #4281FF 121.48%);background: linear-gradient(193.71deg, #FFFFFF -21.89%, #FFFFFF -12.17%, #FFF72E -1.33%, #EF5149 9.94%, #000000 37.75%, #0F1D39 60.6%, #4281FF 121.48%);}
.stake-service__waiter--bowl > span.stake-service__waiter--node-10 {top: 139rem;margin-left: 137rem;}
.stake-service__waiter--bowl > span.stake-service__waiter--node-10 > i {background: -webkit-linear-gradient(278.54deg, #FFFFFF -26.16%, #FFFFFF -15.84%, #FFF72E 9.71%, #EF5149 49.32%, #000000 62.99%, #0F1D39 76.86%, #4281FF 126.15%);background: linear-gradient(171.46deg, #FFFFFF -26.16%, #FFFFFF -15.84%, #FFF72E 9.71%, #EF5149 49.32%, #000000 62.99%, #0F1D39 76.86%, #4281FF 126.15%);}
.stake-service__waiter--bowl > span.stake-service__waiter--node-11 {top: 224rem;margin-left: 119rem;background: -webkit-linear-gradient(138.14deg, #FFFFFF -11.33%, #FFFFFF -3.01%, #FFF72E 6.26%, #EF5149 15.91%, #000000 39.71%, #0F1D39 59.26%, #4281FF 111.36%);background: linear-gradient(311.86deg, #FFFFFF -11.33%, #FFFFFF -3.01%, #FFF72E 6.26%, #EF5149 15.91%, #000000 39.71%, #0F1D39 59.26%, #4281FF 111.36%);}
.stake-service__waiter--bowl > span.stake-service__waiter--node-12 {top: 169rem;margin-left: 200rem;background: -webkit-linear-gradient(256.29deg, #FFFFFF -21.9%, #FFFFFF -12.18%, #FFF72E -1.34%, #EF5149 9.93%, #000000 37.74%, #0F1D39 60.6%, #4281FF 121.47%);background: linear-gradient(193.71deg, #FFFFFF -21.9%, #FFFFFF -12.18%, #FFF72E -1.34%, #EF5149 9.93%, #000000 37.74%, #0F1D39 60.6%, #4281FF 121.47%);}

.stake-service__fork {width: 566rem;position: absolute;top: 316rem;left: 50%;margin-left: 526rem;}
.stake-service__fork .jt-lazyload {padding-top: 82.15%;}

.stake-service__ball {display: block;width: 100rem;height: 100rem;position: absolute;left: 50%;border-radius: 50%;}
.stake-service__ball--01 {bottom: 44rem;margin-left: 734rem;background: -webkit-linear-gradient(278.54deg, #FFFFFF -26.16%, #FFFFFF -15.83%, #FFF72E 9.71%, #EF5149 49.33%, #000000 62.99%, #0F1D39 76.87%, #4281FF 126.16%);background: linear-gradient(171.46deg, #FFFFFF -26.16%, #FFFFFF -15.83%, #FFF72E 9.71%, #EF5149 49.33%, #000000 62.99%, #0F1D39 76.87%, #4281FF 126.16%);}
.stake-service__ball--02 {bottom: -86rem;margin-left: 455rem;background: -webkit-linear-gradient(303.54deg, #FFFFFF 30.07%, #FFFFFF 41.49%, #FFF72E 54.22%, #EF5149 67.46%, #000000 100.13%, #0F1D39 126.97%, #4281FF 198.48%);background: linear-gradient(146.46deg, #FFFFFF 30.07%, #FFFFFF 41.49%, #FFF72E 54.22%, #EF5149 67.46%, #000000 100.13%, #0F1D39 126.97%, #4281FF 198.48%);}

.stake-service__cont {width: 749rem;position: absolute;right: 0;bottom: 206rem;}
.stake-service__cont .product-message b {font-size: 60rem;line-height: 1.2;}
.stake-service__cont .product-message b + p {margin-top: 42rem;}

/* advantage */
.stake-advantage {margin: 300rem 0;}

/* staking */
.stake-staking {position: relative;}

.stake-staking__ball {display: block;width: 100rem;height: 100rem;position: absolute;bottom: 204rem;border-radius: 50%;}
.stake-staking__ball--01 {left: 132rem;background: -webkit-linear-gradient(291.37deg, #FFFFFF -16.85%, #FFFFFF -7.78%, #FFF72E 2.33%, #EF5149 12.84%, #000000 38.78%, #0F1D39 60.09%, #4281FF 116.87%);background: linear-gradient(158.63deg, #FFFFFF -16.85%, #FFFFFF -7.78%, #FFF72E 2.33%, #EF5149 12.84%, #000000 38.78%, #0F1D39 60.09%, #4281FF 116.87%);}
.stake-staking__ball--02 {left: 230rem;background: -webkit-linear-gradient(303.54deg, #FFFFFF 30.07%, #FFFFFF 41.49%, #FFF72E 54.22%, #EF5149 67.46%, #000000 100.13%, #0F1D39 126.97%, #4281FF 198.48%);background: linear-gradient(146.46deg, #FFFFFF 30.07%, #FFFFFF 41.49%, #FFF72E 54.22%, #EF5149 67.46%, #000000 100.13%, #0F1D39 126.97%, #4281FF 198.48%);}

.stake-staking__procedure {margin: 69rem -22rem 101rem;}
.stake-staking__procedure:after {content: '';display: table;clear: both;}
.stake-staking__procedure-item {float: left;width: 33.33%;padding: 0 22rem;}
.stake-staking__procedure-content {width: 100%;padding-top: -webkit-calc(100% - 4rem);padding-top: calc(100% - 4rem);position: relative;border: 2rem solid rgba(255, 255, 255, 0.2);}
.stake-staking__procedure-playground {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.stake-staking__procedure-playground svg {display: block;width: 100%;height: auto;}

.stake-staking__procedure--keyword {padding: 53rem 41rem;}
.stake-staking__procedure--keyword > * {display: inline-block;vertical-align: middle;}
.stake-staking__procedure--keyword span {padding: 20rem 11rem;font-size: 36rem;font-style: italic;line-height: 1;letter-spacing: 0.06em;color: #fff;}

.stake-staking__procedure--progress {width: 334rem;height: 43rem;position: absolute;left: 50%;margin-left: -167rem;top: 102rem;background: -webkit-gradient(linear, left top, right top, from(rgba(255,247,46,1)),color-stop(8%, rgba(239,81,73,1)),color-stop(35%, rgba(0,0,0,1)),color-stop(60%, rgba(15,29,57,1)),to(rgba(255,255,255,1)));background: -webkit-linear-gradient(left, rgba(255,247,46,1) 0%,rgba(239,81,73,1) 8%,rgba(0,0,0,1) 35%,rgba(15,29,57,1) 60%,rgba(255,255,255,1) 100%);background: linear-gradient(to right, rgba(255,247,46,1) 0%,rgba(239,81,73,1) 8%,rgba(0,0,0,1) 35%,rgba(15,29,57,1) 60%,rgba(255,255,255,1) 100%);border: 7rem solid #fff;border-radius: 25rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index: 2;}
.stake-staking__procedure--progress > span {display: block;width: 100%;height: 100%;position: absolute;right: 0;background: #000;border-radius: 25rem;}
.stake-staking__procedure--progress > span > i {width: 36rem;height: 36rem;position: absolute;left: -1rem;top: 50%;margin-top: -18rem;background: #fff;border-radius: 50%;}

.stake-staking__procedure--coin {width: 381rem;position: absolute;left: 50%;margin-left: -190rem;bottom: 93rem;z-index: 1;}
.stake-staking__procedure--coin:after {content: '';display: table;clear: both;}
.stake-staking__procedure--coin > li {float: left;width: 127rem;height: 150rem;padding: 0 25rem;position: relative;}
.stake-staking__procedure--coin > li > span {display: inline-block;width: 77rem;height: 36rem;position: absolute;background: url(../images/icon/icon-coin.svg) no-repeat center center;background-size: cover;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.stake-staking__procedure--coin > li > span:nth-child(1) {bottom: 0;}
.stake-staking__procedure--coin > li > span:nth-child(2) {bottom: 10rem;}
.stake-staking__procedure--coin > li > span:nth-child(3) {bottom: 20rem;}
.stake-staking__procedure--coin > li > span:nth-child(4) {bottom: 30rem;}
.stake-staking__procedure--coin > li > span:nth-child(5) {bottom: 40rem;}
.stake-staking__procedure--coin > li > span:nth-child(6) {bottom: 50rem;}
.stake-staking__procedure--coin > li > span:nth-child(7) {bottom: 60rem;}
.stake-staking__procedure--coin > li > span:nth-child(8) {bottom: 70rem;}
.stake-staking__procedure--coin > li > span:nth-child(9) {bottom: 80rem;}
.stake-staking__procedure--coin > li > span:nth-child(10) {bottom: 90rem;}
.stake-staking__procedure--coin > li > span:nth-child(11) {bottom: 100rem;}
.stake-staking__procedure--coin > li > span:nth-child(12) {bottom: 110rem;}

.stake-staking__more {margin-top: 360rem;}



/* **************************************** *
 * ALLTHATNODE
 * **************************************** */
/* service */
.node-service__inner:after {content: '';display: table;clear: both;}

.node-service__illust {float: left;width: 793rem;padding-top: 35rem;}

.node-service__cobweb {width: 742rem;margin-left: -574rem;position: relative;left: 50%;}
.node-service__cobweb-playground {width: 100%;position: relative;}
.node-service__cobweb--line {position: relative;z-index: 1;}
.node-service__cobweb--line svg {display: block;width: 100%;height: auto;}
.node-service__cobweb--line path {fill: none;stroke: #fff;stroke-width: 6;stroke-linejoin: round;stroke-miterlimit: 10;}
.node-service__cobweb--ball {width: 100rem;height: 100rem;position: absolute;border-radius: 50%;z-index: 2;}
.node-service__cobweb--ball-01 {top: 0;right: 0;background: -webkit-linear-gradient(278.54deg, #FFFFFF -26.17%, #FFFFFF -15.84%, #FFF72E 9.7%, #EF5149 49.32%, #000000 62.98%, #0F1D39 76.86%, #4281FF 126.15%);background: linear-gradient(171.46deg, #FFFFFF -26.17%, #FFFFFF -15.84%, #FFF72E 9.7%, #EF5149 49.32%, #000000 62.98%, #0F1D39 76.86%, #4281FF 126.15%);}
.node-service__cobweb--ball-02 {top: 103rem;left: 191rem;background: -webkit-linear-gradient(303.54deg, #FFFFFF 30.07%, #FFFFFF 41.49%, #FFF72E 54.22%, #EF5149 67.46%, #000000 100.13%, #0F1D39 126.97%, #4281FF 198.48%);background: linear-gradient(146.46deg, #FFFFFF 30.07%, #FFFFFF 41.49%, #FFF72E 54.22%, #EF5149 67.46%, #000000 100.13%, #0F1D39 126.97%, #4281FF 198.48%);}
.node-service__cobweb--ball-03 {top: 516rem;left: 0;background: -webkit-linear-gradient(327.29deg, #FFFFFF 30.05%, #FFFFFF 41.5%, #FFF72E 54.27%, #EF5149 67.55%, #000000 100.32%, #0F1D39 127.24%, #4281FF 198.97%);background: linear-gradient(122.71deg, #FFFFFF 30.05%, #FFFFFF 41.5%, #FFF72E 54.27%, #EF5149 67.55%, #000000 100.32%, #0F1D39 127.24%, #4281FF 198.97%);}
.node-service__cobweb--ball-04 {top: 553rem;right: 217rem;background: -webkit-linear-gradient(312.65deg, #FFFFFF -11.39%, #FFFFFF -3.08%, #FFF72E 17.48%, #EF5149 49.37%, #000000 60.37%, #0F1D39 71.54%, #4281FF 111.22%);background: linear-gradient(137.35deg, #FFFFFF -11.39%, #FFFFFF -3.08%, #FFF72E 17.48%, #EF5149 49.37%, #000000 60.37%, #0F1D39 71.54%, #4281FF 111.22%);}
.node-service__cobweb--ball-05 {top: 721rem;right: 64rem;background: -webkit-linear-gradient(252.26deg, #FFFFFF -18.9%, #FFFFFF -9.56%, #FFF72E 0.86%, #EF5149 11.69%, #000000 38.43%, #0F1D39 60.4%, #4281FF 118.91%);background: linear-gradient(197.74deg, #FFFFFF -18.9%, #FFFFFF -9.56%, #FFF72E 0.86%, #EF5149 11.69%, #000000 38.43%, #0F1D39 60.4%, #4281FF 118.91%);}
.node-service__cobweb--ball-06 {top: 852rem;left: 161rem;background: -webkit-linear-gradient(256.29deg, #FFFFFF -21.81%, #FFFFFF -12.09%, #FFF72E -1.25%, #EF5149 10.01%, #000000 37.83%, #0F1D39 60.68%, #4281FF 121.55%);background: linear-gradient(193.71deg, #FFFFFF -21.81%, #FFFFFF -12.09%, #FFF72E -1.25%, #EF5149 10.01%, #000000 37.83%, #0F1D39 60.68%, #4281FF 121.55%);}

.node-service__bowl {width: 728rem;margin-top: 115rem;margin-left: -756rem;position: relative;left: 50%;}
.node-service__bowl .jt-lazyload {padding-top: 35.85%;}

.node-service__cont {float: right;width: 749rem;padding-top: 123rem;}
.node-service__protocol {margin-top: 140rem;position: relative;overflow: hidden;}
html.kakao .node-service__protocol, html.naver .node-service__protocol {padding-top: 100%;background: url(../images/sub/product/protocol-origin.jpg) no-repeat center center;background-size: cover;}

/* advantage */
.node-advantage {margin: 146rem 0 232rem;}

/* uptime */
.node-uptime__safety {margin-bottom: 53rem;text-align: center;}
.node-uptime__safety-typo b {display: block;font-size: 300rem;line-height: 1.1;font-weight: 500;color: #fff;}
.node-uptime__safety-typo .slotmachine-number-wrap {display: inline-block;vertical-align: top;height: 330rem;overflow: hidden;}
.node-uptime__safety-typo .slotmachine-number-wrap span {display: block;position: relative;top: 0;text-align: center;}

.node-uptime__build {padding-top: 99rem;position: relative;}
.node-uptime__build b {display: block;position: absolute;top: 469rem;left: -12rem;font-size: 130rem;line-height: 1.08;font-weight: 700;color: #fff;}
.node-uptime__build-brochure {width: 1281rem;margin-left: -330rem;position: relative;left: 50%;}
.node-uptime__build-brochure .jt-lazyload {padding-top: 107.8%;}

.node-uptime__more {margin-top: 150rem;}



/* **************************************** *
 * DATA ANALYTICS
 * **************************************** */
.product-analytics .product-section__title {margin-bottom: 60rem;}

/* service */
.analytics-service__motion {height: 100%;position: relative;}
.analytics-service__motion-inner {height: 100%;}

.analytics-service__cont {padding-left: 23rem;padding-right: 120rem;}

/* advantage */
.analytics-advantage {margin-top: 196rem;position: relative;}
.analytics-advantage__bg {width: 100%;height: 764rem;position: absolute;top: -403rem;background: no-repeat center center;background-size: auto 100%;}
.analytics-advantage__more {margin-top: 474rem;}