@layer components{.front{.setup-guide-page .footer__top{flex-wrap:wrap}.setup-guide-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;gap:calc(4 * var(--fr));padding:calc(3.2 * var(--fr)) calc(4 * var(--fr));border-radius:calc(2 * var(--fr));background:var(--Primary-0,#FFF);box-shadow:0 calc(.2 * var(--fr)) calc(.6 * var(--fr)) 0 rgba(0,0,0,.1)}.setup-guide-box__title{width:100%;color:var(--Grayscale-80,#2D2D2D);font-size:calc(2.4 * var(--fr));font-style:normal;font-weight:600;line-height:normal;letter-spacing:calc(-.1 * var(--fr))}.setup-process{display:flex;align-items:center;justify-content:space-between;width:100%}@media (max-width:1199px){.setup-process{display:grid;grid-template-columns:max-content;grid-auto-rows:minmax(calc(2 * var(--fr)),auto);justify-content:center;justify-items:center}}.setup-process__step{flex:0 0 auto;gap:calc(1.2 * var(--fr));padding:calc(.8 * var(--fr)) calc(2.4 * var(--fr)) calc(.8 * var(--fr)) calc(.8 * var(--fr));border:calc(.3 * var(--fr)) solid var(--System-Success-40,#33a14b)}.setup-process__number,.setup-process__step{display:flex;align-items:center;justify-content:center;border-radius:calc(10 * var(--fr))}.setup-process__number{flex:0 0 calc(4.7 * var(--fr));gap:calc(1 * var(--fr));width:calc(4.7 * var(--fr));height:calc(4.7 * var(--fr));padding:calc(.4 * var(--fr)) calc(1.6 * var(--fr));background-color:var(--System-Success-40,#33A14B);color:var(--Primary-0,#FFF);font-size:calc(2 * var(--fr));font-weight:600}.setup-process__label,.setup-process__number{font-style:normal;line-height:normal;letter-spacing:calc(-.1 * var(--fr))}.setup-process__label{color:var(--System-Success-50-Base,#008A1E);font-size:calc(2.4 * var(--fr));font-weight:700;white-space:nowrap}.setup-process__arrow{display:block;flex:0 0 calc(2 * var(--fr));width:calc(2 * var(--fr));height:calc(1.4 * var(--fr))}@media (max-width:1199px){.setup-process__arrow{transform:rotate(90deg)}}.setup-guide-cards{display:flex;align-items:flex-start;gap:calc(2 * var(--fr));margin-top:calc(2 * var(--fr))}@media (max-width:800px){.setup-guide-cards{flex-direction:column;align-items:stretch}}.setup-guide-card{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:calc(4 * var(--fr));padding:calc(3.2 * var(--fr)) calc(4 * var(--fr));border-radius:calc(2 * var(--fr));background:var(--Primary-0,#FFF);box-shadow:0 calc(.2 * var(--fr)) calc(.6 * var(--fr)) 0 rgba(0,0,0,.1)}.setup-guide-card--start{align-self:stretch;align-items:center;border:calc(.1 * var(--fr)) solid var(--Secondary-10,#cdd7e4);background:linear-gradient(123.33948068473717deg,var(--Primary-5,#EFF5FF) .61404%,var(--System-Success-10-Bg-border,#CEE9D4) 52.218%,var(--System-Warning-20,#FFE2A7) 103.33%)}.setup-guide-card__content{display:flex;flex-direction:column;align-items:flex-start;gap:calc(2 * var(--fr));width:calc(28 * var(--fr));max-width:100%}.setup-guide-card__content--start{align-items:center;justify-content:center;width:calc(28.38687438964844 * var(--fr));text-align:center}.setup-guide-card__title{color:var(--Primary-100,#000);font-size:calc(2.4 * var(--fr));font-style:normal;font-weight:600;line-height:normal;letter-spacing:calc(-.1 * var(--fr))}.setup-guide-card__list{color:var(--Grayscale-70-Text-Detail,#555);font-size:calc(1.6 * var(--fr));font-style:normal;font-weight:500;line-height:calc(3.2 * var(--fr));letter-spacing:0}.setup-guide-card__list>li{margin-left:calc(2.4 * var(--fr));list-style:disc;letter-spacing:0}.setup-guide-card__description{width:calc(26.1 * var(--fr));max-width:100%;color:var(--Grayscale-70-Text-Detail,#555);font-size:calc(1.6 * var(--fr));font-style:normal;font-weight:500;line-height:calc(2.4 * var(--fr));letter-spacing:0}.setup-guide-card__button{display:inline-flex;align-items:center;justify-content:center;gap:calc(1.2 * var(--fr));max-width:100%;padding:calc(1.6 * var(--fr)) calc(4.8 * var(--fr));border:0;border-radius:calc(1 * var(--fr))!important;-webkit-border-radius:calc(1 * var(--fr))!important;background:linear-gradient(to right,var(--System-Success-40,#33A14B),var(--Secondary-40-W,#2A5C96));color:var(--Primary-0,#FFF);font-family:inherit;font-size:calc(1.8 * var(--fr));font-style:normal;font-weight:600;line-height:normal;letter-spacing:0}.setup-guide-card__button>span{width:calc(16.9 * var(--fr));letter-spacing:0}.setup-guide-card__button>img{display:block;flex-shrink:0}.step-guide{position:relative;display:grid;grid-template-columns:minmax(0,calc(33.6 * var(--fr))) minmax(0,1fr);gap:calc(2 * var(--fr))}.step-guide__left{width:100%;gap:calc(2 * var(--fr));align-self:stretch}.step-guide__left,.step-guide__right{display:flex;min-width:0;padding:calc(3.2 * var(--fr)) calc(4 * var(--fr));flex-direction:column;align-items:flex-start;border-radius:calc(2 * var(--fr));background:var(--Primary-0,#FFF);box-shadow:0 2px 6px 0 rgba(0,0,0,.1)}.step-guide__right{justify-content:center;gap:calc(1.2 * var(--fr))}@media (max-width:960px){.step-guide{grid-template-columns:minmax(0,1fr)}}.setup-progress{display:flex;padding-bottom:calc(2 * var(--fr));flex-direction:column;align-items:flex-start;gap:calc(2.4 * var(--fr));align-self:stretch}.setup-progress__title{color:var(--Grayscale-80,#2D2D2D);font-size:calc(3.2 * var(--fr));font-weight:600;letter-spacing:calc(-.1 * var(--fr))}.setup-progress__bar{width:100%;overflow:hidden;border-radius:calc(10 * var(--fr));background:var(--Grayscale-20,#E4E4E4)}.setup-progress__bar-fill{height:100%;padding:0 calc(2.4 * var(--fr));background:var(--System-Success-40,#33A14B);border-radius:calc(10 * var(--fr));background:linear-gradient(90deg,#FD3 0,var(--System-Success-40,#33A14B) 100%);color:var(--Primary-0,#FFF);font-size:calc(1.6 * var(--fr));font-weight:700;line-height:calc(2.4 * var(--fr))}.step-guide__step,.step-guide__step .step-guide__list{display:flex;align-items:flex-start;flex-direction:column;gap:calc(2 * var(--fr))}.step-guide__step .step-guide__list{align-self:stretch}.step-guide__step .step-guide__item{display:flex;justify-content:center;align-items:center;gap:calc(1.2 * var(--fr))}.step-guide__step .icon,.step-guide__step .step-guide__number{width:calc(4 * var(--fr));height:calc(4 * var(--fr))}.step-guide__step .step-guide__number{display:flex;padding:var(--Spacing-4,calc(.4 * var(--fr))) var(--Spacing-16,calc(1.6 * var(--fr)));justify-content:center;align-items:center;gap:calc(1 * var(--fr));border-radius:calc(10 * var(--fr));background:var(--Grayscale-40,#C6C6C6);color:var(--Primary-0,#FFF);font-size:calc(2 * var(--fr));font-weight:600;letter-spacing:calc(-.1 * var(--fr))}.step-guide__step .step-guide__number.active{background:var(--System-Warning,#FFB724)}.step-guide__step .step-guide__text{color:var(--Grayscale-90-Text-Title-Body,#1D1D1D);font-size:calc(2 * var(--fr));font-style:normal;font-weight:600;line-height:calc(3.2 * var(--fr))}.step-guide__info{width:100%;padding:calc(1.2 * var(--fr)) calc(2 * var(--fr));border-radius:calc(.8 * var(--fr));border:1px solid var(--System-Warning-20,#ffe2a7);background:var(--System-Warning-5-Bg,#FFF8E9);color:var(--Primary-100,#000);text-align:justify;font-size:calc(1.6 * var(--fr));font-weight:500;line-height:calc(2 * var(--fr));letter-spacing:calc(-.1 * var(--fr))}.step-guide__info strong{color:var(--System-Warning-60-Text,#98690A)}.step-guide__header{display:flex;padding-bottom:calc(2.4 * var(--fr));align-items:center;gap:calc(1.6 * var(--fr));align-self:stretch;border-bottom:2px solid var(--Grayscale-90-Text-Title-Body,#1d1d1d)}@media screen and (max-width:720px){.step-guide__header{align-items:flex-start}}.step-guide__header .number{flex:none;width:calc(6.1 * var(--fr));height:calc(6.1 * var(--fr));padding:calc(1 * var(--fr));align-items:center;gap:calc(1 * var(--fr));border-radius:calc(10 * var(--fr));background:var(--System-Warning,#FFB724);color:var(--Primary-0,#FFF);font-size:calc(3.2 * var(--fr));font-weight:600;letter-spacing:calc(-.1 * var(--fr))}.step-guide__header .cont,.step-guide__header .number{display:flex;flex-direction:column;justify-content:center}.step-guide__header .cont{align-items:flex-start;gap:calc(.8 * var(--fr));flex:1 0 0}.step-guide__header .title{color:var(--Grayscale-80,#2D2D2D);font-family:var(--Font-Family-Font-Family,Pretendard);font-size:var(--Font-Size-Title-XXl,calc(3.2 * var(--fr)));font-style:normal;font-weight:600;line-height:normal;letter-spacing:calc(-.1 * var(--fr))}.step-guide__header .text{color:var(--Grayscale-60,#717171);font-size:calc(1.6 * var(--fr));font-weight:400;letter-spacing:calc(-.1 * var(--fr))}.setup-steps{display:flex;flex-direction:column;position:relative;width:100%;gap:calc(1.2 * var(--fr))}.setup-steps__item{display:flex;padding-bottom:calc(1.2 * var(--fr));justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--Grayscale-20,#e4e4e4)}@media (max-width:720px){.setup-steps__item{flex-direction:column;align-items:flex-start;gap:calc(1.2 * var(--fr))}}.setup-steps__item .check{display:flex;align-items:center;gap:calc(1 * var(--fr))}.setup-steps__item .check svg{width:calc(2 * var(--fr));height:calc(2 * var(--fr))}.setup-steps__item .check svg path{fill:var(--Grayscale-50-Text-Disabled-W,#8E8E8E)}.setup-steps__item.completed .check svg path{fill:var(--point,#FF7904)}.setup-steps__item .check .text{color:var(--Grayscale-90-Text-Title-Body,#1D1D1D);font-size:calc(2 * var(--fr));font-weight:600;line-height:calc(3.2 * var(--fr))}.setup-steps__item .btns{display:flex;gap:calc(1 * var(--fr))}@media (max-width:720px){.setup-steps__item .btns{margin-left:auto}}.setup-steps__item .btns .btn{display:flex;min-width:calc(9.1 * var(--fr));padding:calc(.8 * var(--fr)) calc(.8 * var(--fr)) calc(.8 * var(--fr)) calc(1.2 * var(--fr));align-items:center;gap:calc(.8 * var(--fr));border-radius:calc(10 * var(--fr))!important;font-size:calc(1.6 * var(--fr));font-weight:600;line-height:normal}.setup-steps__item .btns .btn.doc{border:2px solid var(--System-Success,#008a1e);background:var(--Primary-0,#FFF);color:var(--System-Success,#008A1E)}.setup-steps__item .btns .btn.upload{border:2px solid var(--System-Information,#2768ff);background:var(--Primary-0,#FFF);color:var(--System-Information,#2768FF)}.setup-steps__item .btns .btn.disabled{display:block;border:2px solid var(--Grayscale-40,#c6c6c6);background:var(--Grayscale-10,#F0F0F0);cursor:not-allowed;color:var(--Grayscale-50-Text-Disabled-W,#8E8E8E)}.setup-steps__item .btns .btn svg{width:calc(2 * var(--fr));height:calc(2 * var(--fr))}.setup-steps__item .btns .btn.doc svg path{fill:var(--System-Success,#008A1E)}.setup-steps__item .btns .btn.upload svg path{fill:var(--Primary-50,#246BEB)}.setup-steps-guide{display:flex;padding:calc(1.2 * var(--fr)) calc(2 * var(--fr));align-self:stretch;gap:calc(1.2 * var(--fr));border-radius:calc(.8 * var(--fr));border:1px solid var(--System-Warning-20,#ffe2a7);background:var(--System-Warning-5-Bg,#FFF8E9)}.setup-steps-guide__icon{flex:none;width:calc(2.7028 * var(--fr));height:calc(3.1 * var(--fr))}.setup-steps-guide__text{color:var(--Primary-100,#000);font-size:calc(1.8 * var(--fr));font-style:normal;font-weight:500;line-height:normal;letter-spacing:calc(-.1 * var(--fr))}.setup-steps-guide__text strong{color:var(--System-Warning-60-Text,#98690A)}.setup-steps__btnbox{display:flex;width:100%;padding:calc(3.2 * var(--fr)) 0 0;justify-content:space-between;align-items:center;align-self:stretch}@media (max-width:720px){.setup-steps__btnbox{flex-direction:column;gap:calc(1.2 * var(--fr));align-items:flex-start}}.setup-steps__btnbox .btn{display:flex;min-width:calc(18 * var(--fr));padding:calc(1.6 * var(--fr)) calc(4.8 * var(--fr));justify-content:center;align-items:center;gap:calc(1.2 * var(--fr));border-radius:calc(10 * var(--fr))!important;color:var(--Primary-100,#000);font-size:calc(1.8 * var(--fr));font-weight:600;line-height:normal;background:var(--Grayscale-10,#F0F0F0)}@media (max-width:475px){.setup-steps__btnbox .btn{min-width:0;width:100%}.setup-steps__btnbox>div{width:100%}}.setup-steps__btnbox .btn .arr{width:calc(.6869 * var(--fr));height:calc(1.1667 * var(--fr));flex-shrink:0;aspect-ratio:6.87/11.67}.setup-steps__btnbox .right{display:flex;align-items:center;gap:calc(1.6 * var(--fr))}@media (max-width:720px){.setup-steps__btnbox .right{margin-left:auto}}@media (max-width:475px){.setup-steps__btnbox .right{flex-direction:column;gap:calc(1.2 * var(--fr));align-items:flex-start;margin-left:0}}.setup-steps__btnbox .btn.black{background:var(--Grayscale-80,#2D2D2D);color:var(--Primary-0,#FFF)}.setup-steps__btnbox .btn .arr path{fill:var(--Primary-0,#FFF)}}}@layer components{.front{.main-banner{position:relative;height:calc(41.6 * var(--fr));overflow:hidden;background:linear-gradient(105deg,#9f998e,#aaa498 52%,#b9b4a9)}@media (max-width:768px){.main-banner{min-height:calc(52 * var(--fr));height:auto}}@media (max-width:640px){.main-banner{min-height:calc(49 * var(--fr))}}.main-banner__inner{position:relative;z-index:2;display:flex;align-items:center;width:min(var(--content-width),calc(100% - calc(4 * var(--fr))));height:100%;margin:0 auto}@media (max-width:1024px){.main-banner__inner{width:100%;padding-left:calc(1.6 * var(--fr));padding-right:calc(1.6 * var(--fr))}}@media (max-width:768px){.main-banner__inner{align-items:flex-start;min-height:calc(52 * var(--fr));padding-top:calc(6 * var(--fr))}}@media (max-width:640px){.main-banner__inner{min-height:calc(49 * var(--fr));padding-top:calc(4.6 * var(--fr))}}.main-banner__copy{width:calc(54 * var(--fr));padding-bottom:calc(.2 * var(--fr));color:#fff}@media (max-width:768px){.main-banner__copy{position:relative;z-index:1;width:100%}}.main-banner__eyebrow{margin-bottom:calc(1.2 * var(--fr));font-size:calc(2 * var(--fr));font-weight:700;letter-spacing:calc(-.1 * var(--fr))}.main-banner__title{font-size:calc(5 * var(--fr));font-weight:700;line-height:calc(5.5 * var(--fr));letter-spacing:calc(-.2 * var(--fr))}.main-banner__description{color:var(--Grayscale-10,#F0F0F0);font-size:calc(2.4 * var(--fr));font-weight:600;letter-spacing:calc(-.2 * var(--fr))}@media (max-width:768px){.main-banner__description{max-width:calc(42 * var(--fr));line-height:1.7}}@media (max-width:640px){.main-banner__description{max-width:calc(32 * var(--fr))}}.main-banner__actions{display:flex;gap:calc(1 * var(--fr));margin-top:calc(3.2 * var(--fr))}.main-banner__button{display:inline-flex;align-items:center;justify-content:center;min-width:calc(14.8 * var(--fr));height:calc(4.6 * var(--fr));padding:var(--Spacing-8,calc(.8 * var(--fr))) var(--Spacing-12,calc(1.2 * var(--fr)));gap:calc(1 * var(--fr));color:var(--Primary-0,#FFF);font-size:calc(1.8 * var(--fr));font-weight:700;letter-spacing:calc(-.1 * var(--fr));border-radius:calc(10 * var(--fr))}.main-banner__button--primary{color:#fff;background:var(--point)}.main-banner__button--secondary{color:#252525;background:#fff}.main-banner__art{position:absolute;inset:0;z-index:0}.main-banner__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.platform{min-height:calc(36.8 * var(--fr));background:#fff}@media (max-width:1023px){.platform{padding-bottom:calc(3 * var(--fr))}}@media (max-width:640px){.platform{padding-bottom:calc(2.8 * var(--fr))}}.platform__inner{width:min(var(--content-width),calc(100% - calc(4 * var(--fr))));margin:0 auto;padding-top:calc(4 * var(--fr))}@media (max-width:1024px){.platform__inner{width:100%;padding-left:calc(1.6 * var(--fr));padding-right:calc(1.6 * var(--fr))}}.platform__title{margin:0;color:#333;font-size:calc(2.4 * var(--fr));font-weight:700;line-height:calc(2.9 * var(--fr));text-align:center}@media (max-width:640px){.platform__title{font-size:calc(2 * var(--fr))}}.platform__nav{display:flex;align-items:center;justify-content:center;gap:calc(1 * var(--fr));height:calc(2.7 * var(--fr));margin-top:calc(.8 * var(--fr));white-space:nowrap}@media (max-width:768px){.platform__nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.platform__nav::-webkit-scrollbar{display:none}}@media (max-width:640px){.platform__nav{margin-top:calc(.8 * var(--fr))}}.platform__nav-link{color:#717171;font-size:calc(1.6 * var(--fr));font-weight:400;letter-spacing:calc(-.1 * var(--fr))}.platform__nav-link span img{font-size:calc(1.2 * var(--fr))}.platform__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(2 * var(--fr));margin-top:calc(2.4 * var(--fr))}@media (max-width:1023px){.platform__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.platform__cards{grid-template-columns:repeat(1,minmax(0,1fr))}}.platform-card{padding:calc(1.6 * var(--fr)) calc(1.6 * var(--fr)) calc(2.4 * var(--fr)) calc(1.6 * var(--fr));gap:calc(1.6 * var(--fr));border-radius:calc(2 * var(--fr));background-color:#F8F8F8}.platform-card__icon{display:block;width:calc(6.2 * var(--fr));height:calc(6.2 * var(--fr))}@media (max-width:640px){.platform-card__icon{width:calc(5 * var(--fr));height:calc(5 * var(--fr))}}.platform-card__icon img{display:block;width:100%;height:100%;object-fit:contain}.platform-card__title{margin-top:calc(1.6 * var(--fr));color:var(--Primary-100,#000);font-size:calc(2 * var(--fr));font-weight:600;letter-spacing:calc(-.1 * var(--fr))}.platform-card__text{margin-top:calc(.6 * var(--fr));color:#555;font-size:calc(1.6 * var(--fr));font-weight:400;letter-spacing:calc(-.1 * var(--fr))}.monitoring{min-height:calc(19.6 * var(--fr))}@media (max-width:1023px){.monitoring{padding-bottom:calc(3 * var(--fr))}}@media (max-width:640px){.monitoring{padding-bottom:calc(2.8 * var(--fr))}}.monitoring__inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(2 * var(--fr));width:min(var(--content-width),calc(100% - calc(4 * var(--fr))));margin:0 auto}@media (max-width:1024px){.monitoring__inner{width:100%;padding-left:calc(1.6 * var(--fr));padding-right:calc(1.6 * var(--fr));grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.monitoring__inner{grid-template-columns:repeat(1,minmax(0,1fr))}}.monitoring-card{display:flex;min-width:0;height:calc(14.8 * var(--fr));flex-direction:column;align-items:center;justify-content:center;border-radius:calc(2 * var(--fr))}.monitoring-card--green{background:#edf6ef}.monitoring-card--blue{background:#eef4ff}.monitoring-card--gray{background:#eef1f4}.monitoring-card__value{text-align:center;font-size:calc(5 * var(--fr));line-height:normal}.monitoring-card__value,.monitoring-card__value span{color:var(--Primary-100,#000);font-weight:600;letter-spacing:calc(-.1 * var(--fr))}.monitoring-card__value span{font-size:calc(2 * var(--fr))}.monitoring-card__label{color:var(--Grayscale-70-Text-Detail,#555);text-align:center;font-size:calc(1.6 * var(--fr));font-weight:400;letter-spacing:calc(-.1 * var(--fr))}}}@layer components{.front :where(img,svg,video,canvas,audio,iframe,embed,object){display:revert}.front .guide-flow__number{font-family:var(--font-audiowide),"Audiowide",sans-serif}.front .tab-group__button[aria-current=page]{background-color:var(--Secondary-90,#000b17);color:var(--Primary-0,#ffffff)}.front .tab-group__list.general-join .tab-group__button[aria-current=page]{background:var(--Grayscale-90-Text-Title-Body,#1d1d1d);color:var(--Grayscale-20,#e4e4e4)}.front .tab-group__list.general-join .tab-group__button[aria-current=page] strong{color:#fff}@media (min-width:1200px){.front .setup-process--wrap{flex-wrap:wrap;justify-content:center;gap:calc(1.6 * var(--fr)) calc(1.2 * var(--fr))}}.front .setup-guide-card__button>span{width:auto;white-space:nowrap}.front .setup-progress__bar-fill{min-width:fit-content;white-space:nowrap}}