html body .cloud-sub-hero{
  display:block;
  
  
  
  
  
}
html body .cloud-subnav-wrap{
  display:block;
  
  
  
  
  
  
  
  
  
  
  
  
  
}
html body .cloud-subnav-title{
  
  
  padding:0 18px 0 22px;
  
  
  
  
  
  white-space:nowrap;
}
html body .cloud-subnav ul{
  
  
  
  
  
  
  
  overflow:hidden;
}
html body .cloud-subnav li{
  
  
  list-style:none;
  
}
html body .cloud-subnav a{
  display:block;
  padding:9px 16px;
  border-radius:999px;
  color:#4b5563;
  background:rgba(245,247,251,.72);
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.35px;
  white-space:nowrap;
  text-decoration:none;
  box-sizing:border-box;
}
html body .cloud-subnav a.active{
  color:#fff;
  background:#07152F;
}


*{
  box-sizing:border-box;
}


html,body{
  margin:0;
  padding:0;
}


html{
  scroll-behavior:smooth;
  overflow-y:scroll;
}


body{
  min-width:1100px;
  background:#ffffff;
  color:#111111;
  font-family:"Pretendard","Noto Sans KR","Malgun Gothic","맑은 고딕",Arial,sans-serif;
  word-break:keep-all;
  text-rendering:geometricPrecision !important;
  -webkit-font-smoothing:antialiased !important;
  overflow-x:hidden !important;
}


a{
  color:inherit;
  text-decoration:none;
}


img{
  border:0;
  display:block;
  max-width:100%;
}


:root{
  --cloud-mint:#7EE7E0;
  --cloud-navy:#07152F;
  --cloud-blue:#1454C8;
  --cloud-bg:#F6F8FB;
  --cloud-gold:#C9A64B;
  --cloud-gray:#667085;
  --cloud-line:#E5EAF1;
}


::selection{
  background:rgba(126,231,224,.34) !important;
  color:#07152F !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card{
  --card-mx:50%;
  --card-my:50%;
  --card-tilt-x:0deg;
  --card-tilt-y:0deg;
  
  
  
  
  position:relative !important;
  overflow:hidden !important;
  opacity:1 !important;
  visibility:visible !important;
  
  
  
  
  animation:none !important;
  filter:none !important;
  transition:transform .32s cubic-bezier(.22,1,.36,1),
    box-shadow .32s ease,
    border-color .32s ease !important;
  will-change:transform, box-shadow, border-color !important;
  
  
  
}


html body .cloud-sub-hero .cloud-sub-hero-card:hover{
  
  border-color:rgba(126,231,224,.48) !important;
  box-shadow:0 52px 112px rgba(0,0,0,.38),
    0 0 96px rgba(126,231,224,.23),
    0 0 0 1px rgba(126,231,224,.19),
    inset 0 1px 0 rgba(255,255,255,.19) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  
  z-index:7 !important;
  
}


html body .cloud-sub-hero .cloud-sub-hero-card:after{
  
  
  right:-70px !important;
  top:-70px !important;
  width:220px !important;
  height:220px !important;
  
  z-index:1 !important;
  
  
}


html body .cloud-sub-hero .cloud-sub-hero-card .card-glow-fx{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  opacity:0 !important;
  background:radial-gradient(circle at var(--card-mx) var(--card-my), rgba(255,255,255,.16) 0%, rgba(126,231,224,.07) 26%, rgba(126,231,224,0) 58%) !important;
  transition:opacity .28s ease !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:hover .card-glow-fx{
  opacity:1 !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card .card-shine-fx{
  position:absolute !important;
  top:-28% !important;
  left:-62% !important;
  width:34% !important;
  height:156% !important;
  z-index:4 !important;
  border-radius:999px !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:skewX(-18deg) !important;
  filter:blur(.35px) !important;
  background:linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.10) 30%, rgba(255,255,255,.44) 49%, rgba(126,231,224,.15) 60%, rgba(255,255,255,0) 100%) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:hover .card-shine-fx{
  animation:sub12MainHeroCardSweep 1.05s cubic-bezier(.22,1,.36,1) both !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card .card-orbit-fx{
  position:absolute !important;
  right:22px !important;
  bottom:20px !important;
  width:94px !important;
  height:94px !important;
  z-index:1 !important;
  pointer-events:none !important;
  border-radius:50% !important;
  border:1px solid rgba(126,231,224,.16) !important;
  box-shadow:inset 0 0 32px rgba(126,231,224,.06) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card .card-orbit-fx:before, html body .cloud-sub-hero .cloud-sub-hero-card .card-orbit-fx:after{
  content:"" !important;
  position:absolute !important;
  border-radius:50% !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card .card-orbit-fx:before{
  left:17px !important;
  top:17px !important;
  width:58px !important;
  height:58px !important;
  border:1px dashed rgba(126,231,224,.16) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card .card-orbit-fx:after{
  right:16px !important;
  top:13px !important;
  width:8px !important;
  height:8px !important;
  background:#7EE7E0 !important;
  box-shadow:0 0 14px rgba(126,231,224,.50) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card strong, html body .cloud-sub-hero .cloud-sub-hero-card ul{
  position:relative !important;
  z-index:8 !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card strong{
  padding-left:38px !important;
  
  
  
  font-weight:900 !important;
  
  
}


html body .cloud-sub-hero .cloud-sub-hero-card strong:before{
  width:25px !important;
  height:25px !important;
  top:3px !important;
  border-radius:9px !important;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.96) 0 2px,transparent 3px),linear-gradient(135deg,#338DCA,#7EE7E0) !important;
  box-shadow:0 10px 20px rgba(20,84,200,.25),0 0 0 6px rgba(126,231,224,.10) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card ul{
  margin-top:20px !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card li{
  min-height:25px !important;
  margin:0 0 11px 0 !important;
  padding-left:38px !important;
  
  
  
  font-weight:760 !important;
  letter-spacing:-.35px !important;
  
}


html body .cloud-sub-hero .cloud-sub-hero-card li:before{
  width:25px !important;
  height:25px !important;
  top:0 !important;
  box-shadow:0 9px 18px rgba(0,0,0,.18),0 0 0 5px rgba(126,231,224,.08) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card li:nth-child(1):before{
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.96) 0 2px,transparent 3px),linear-gradient(135deg,#4DB8E6,#338DCA) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card li:nth-child(2):before{
  border-radius:8px !important;
  transform:rotate(45deg) !important;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.96) 0 2px,transparent 3px),linear-gradient(135deg,#DFA21B,#7EE7E0) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card li:nth-child(3):before{
  border-radius:999px !important;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.96) 0 2px,transparent 3px),linear-gradient(135deg,#338DCA,#1454C8) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card li:nth-child(4):before{
  border-radius:8px 13px 8px 13px !important;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.96) 0 2px,transparent 3px),linear-gradient(135deg,#9178B8,#338DCA) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:hover li:nth-child(2):before{
  transform:rotate(45deg) !important;
}


html body .cloud-sub-hero .sub-space-flow{
  
  
  width:360px !important;
  height:176px !important;
  
  z-index:6 !important;
  
  
}


html body .cloud-sub-hero .sub-space-flow:before{
  opacity:.14 !important;
}


html body .cloud-sub-hero .sub-space-flow:after{
  opacity:.34 !important;
}


html body .cloud-space-main-point div, html body .cloud-space-feature-card{
  overflow:hidden;
  position:relative;
  transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease;
}


html body .cloud-space-main-point div:after, html body .cloud-space-feature-card:after{
  content:"";
  position:absolute;
  top:-28%;
  left:-62%;
  width:34%;
  height:156%;
  z-index:3;
  pointer-events:none;
  transform:skewX(-18deg);
  opacity:0;
  background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.30) 49%,rgba(126,231,224,.11) 60%,rgba(255,255,255,0) 100%);
}


html body .cloud-space-main-point div:hover:after, html body .cloud-space-feature-card:hover:after{
  animation:sub12VisibleCardSweep 1.05s cubic-bezier(.22,1,.36,1) both;
}


html body .cloud-space-main-point div:hover, html body .cloud-space-feature-card:hover{
  transform:translateY(-5px);
  border-color:#D6E7FF;
  box-shadow:0 30px 62px rgba(15,23,42,.12),0 0 0 1px rgba(126,231,224,.08),inset 0 1px 0 rgba(255,255,255,.94);
}


html body .cloud-space-feature-card{
  padding-top:28px;
  
  min-height:228px;
  padding:30px 28px 30px 28px;
  border-radius:28px;
}


html body .cloud-space-feature-card:before{
  width:40px;
  height:40px;
  left:28px;
  top:26px;
  border-radius:15px;
  background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.96) 0 3px,transparent 4px),linear-gradient(135deg,#338DCA,#7EE7E0);
  box-shadow:0 16px 26px rgba(20,84,200,.16),0 0 0 8px rgba(126,231,224,.075);
}


html body .cloud-space-feature-card:nth-child(1):before{
  border-radius:50%;
  background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.96) 0 3px,transparent 4px),linear-gradient(135deg,#4DB8E6,#338DCA);
}


html body .cloud-space-feature-card:nth-child(2):before{
  border-radius:11px;
  transform:rotate(45deg);
  background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.96) 0 3px,transparent 4px),linear-gradient(135deg,#DFA21B,#7EE7E0);
}


html body .cloud-space-feature-card:nth-child(3):before{
  border-radius:999px;
  background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.96) 0 3px,transparent 4px),linear-gradient(135deg,#9178B8,#338DCA);
}


html body .cloud-space-main-photo{
  border-radius:34px;
  
  position:relative;
}


html body .cloud-photo-chip, html body .cloud-gallery-chip{
  height:37px;
  padding:0 16px 0 35px;
  font-size:12px;
  padding-left:32px;
}


html body .cloud-photo-chip:before, html body .cloud-gallery-chip:before{
  width:10px;
  height:10px;
  left:13px;
  background:radial-gradient(circle at 35% 35%,#ffffff 0 2px,transparent 3px),linear-gradient(135deg,#4DB8E6,#7EE7E0);
  box-shadow:0 0 0 4px rgba(126,231,224,.13),0 8px 15px rgba(20,84,200,.14);
  top:50%;
  transform:translateY(-50%);
}


html body .cloud-sub-hero-copy .cloud-hero-title-premium{
  
  
  
  
  text-shadow:0 6px 20px rgba(0,0,0,.36),
    0 0 26px rgba(7,21,47,.24) !important;
}


html body .cloud-sub-hero-copy .sub12-shine-base{
  color:#84F3ED !important;
  -webkit-text-fill-color:#84F3ED !important;
  text-shadow:0 0 14px rgba(126,231,224,.22),
    0 3px 12px rgba(0,0,0,.24) !important;
}


html body .cloud-sub-hero-copy .sub12-shine-under{
  bottom:3px !important;
  width:78% !important;
  height:9px !important;
  background:linear-gradient(
      90deg,
      rgba(126,231,224,.40) 0%,
      rgba(126,231,224,.24) 62%,
      rgba(126,231,224,0) 100%
    ) !important;
}


html body .cloud-sub-hero .sub-space-flow .space-node{
  min-width:20px !important;
  width:20px !important;
  height:20px !important;
  padding:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.026) !important;
  border:1px solid rgba(126,231,224,.10) !important;
  box-shadow:none !important;
}


html body .cloud-sub-hero .sub-space-flow .space-node:before{
  left:50% !important;
  top:50% !important;
  width:5px !important;
  height:5px !important;
  transform:translate(-50%,-50%) !important;
  box-shadow:0 0 8px rgba(126,231,224,.22) !important;
}


html body .cloud-sub-hero .sub-space-flow .space-line{
  opacity:.34 !important;
}


html body .cloud-sub-hero .sub-space-flow .s1{
  left:24px !important;
  top:78px !important;
}


html body .cloud-sub-hero .sub-space-flow .s2{
  left:94px !important;
  top:42px !important;
}


html body .cloud-sub-hero .sub-space-flow .s3{
  left:166px !important;
  top:78px !important;
}


html body .cloud-sub-hero .sub-space-flow .s4{
  left:244px !important;
  top:42px !important;
}


html body .cloud-sub-hero .sub-space-flow .s5{
  left:306px !important;
  top:78px !important;
}


html body .cloud-sub-hero .sub-space-flow .sl1{
  left:45px !important;
  top:82px !important;
  width:70px !important;
  transform:rotate(-27deg) !important;
}


html body .cloud-sub-hero .sub-space-flow .sl2{
  left:113px !important;
  top:56px !important;
  width:74px !important;
  transform:rotate(27deg) !important;
}


html body .cloud-sub-hero .sub-space-flow .sl3{
  left:188px !important;
  top:82px !important;
  width:78px !important;
  transform:rotate(-25deg) !important;
}


html body .cloud-sub-hero .sub-space-flow .sl4{
  left:263px !important;
  top:56px !important;
  width:66px !important;
  transform:rotate(27deg) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-inner{
  position:relative !important;
}


html body .cloud-sub-hero .card-back-layer{
  position:absolute !important;
  
  
  
  
  border-radius:40px !important;
  z-index:16 !important;
  pointer-events:none !important;
  
  border:1px solid rgba(255,255,255,.088) !important;
  box-shadow:0 26px 64px rgba(0,0,0,.09),
    inset 0 1px 0 rgba(255,255,255,.085),
    inset 0 -14px 28px rgba(20,84,200,.018) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  
  transform:translate(14px,-6px) rotate(-0.25deg) !important;
  margin-top:-7px !important;
}


html body .cloud-sub-hero .card-back-glow{
  position:absolute !important;
  
  
  width:210px !important;
  height:178px !important;
  z-index:15 !important;
  pointer-events:none !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(126,231,224,.13) 0%, rgba(126,231,224,.042) 38%, rgba(126,231,224,0) 72%) !important;
  filter:blur(2.4px) !important;
  
  margin-top:-7px !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:hover ~ .card-back-layer{
  opacity:.62 !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card .card-glow-fx, html body .cloud-sub-hero .cloud-sub-hero-card .card-shine-fx, html body .cloud-sub-hero .cloud-sub-hero-card .card-orbit-fx{
  display:block !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:hover ~ .card-back-layer, html body .cloud-sub-hero .card-back-layer{
  opacity:.46 !important;
}


html body .cloud-sub-hero .cloud-sub-visual{
  z-index:5 !important;
}


html body .cloud-sub-hero .sub-dot-field{
  
  background:radial-gradient(circle, rgba(255,255,255,.105) 0 1px, transparent 1.7px) 0 0 / 52px 52px,
    radial-gradient(circle, rgba(126,231,224,.055) 0 1px, transparent 1.7px) 18px 20px / 72px 72px !important;
  
}


html body .cloud-sub-hero .cloud-sub-hero-copy h1 span:before, html body .cloud-sub-hero .cloud-sub-hero-copy h1 span:after, html body .cloud-sub-hero .cloud-sub-hero-copy .sub12-shine-text:before, html body .cloud-sub-hero .cloud-sub-hero-copy .sub12-shine-text:after, html body .cloud-sub-hero .cloud-sub-hero-copy .sub12-shine-base:before, html body .cloud-sub-hero .cloud-sub-hero-copy .sub12-shine-base:after, html body .cloud-sub-hero .cloud-sub-hero-copy .sub12-shine-overlay:before, html body .cloud-sub-hero .cloud-sub-hero-copy .sub12-shine-overlay:after{
  content:none !important;
  display:none !important;
  animation:none !important;
  background:none !important;
}


html body .cloud-sub-hero .cloud-sub-hero-copy .cloud-hero-title-premium{
  margin:0 !important;
  color:#ffffff !important;
  font-size:50px !important;
  line-height:1.13 !important;
  font-weight:900 !important;
  letter-spacing:-2.6px !important;
  text-shadow:0 6px 18px rgba(0,0,0,.34),
    0 0 24px rgba(7,21,47,.22) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-copy .cloud-hero-title-premium br{
  display:block !important;
}


html body .cloud-sub-hero .cloud-sub-hero-copy .sub12-shine-text{
  position:relative !important;
  display:inline-block !important;
  overflow:hidden !important;
  line-height:inherit !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  isolation:isolate !important;
  vertical-align:baseline !important;
  padding-right:4px !important;
  z-index:5 !important;
}


html body .cloud-sub-hero .cloud-sub-hero-copy .sub12-shine-base{
  position:relative !important;
  z-index:2 !important;
  display:inline-block !important;
  color:#84F3ED !important;
  -webkit-text-fill-color:#84F3ED !important;
  text-shadow:0 0 13px rgba(126,231,224,.20),
    0 3px 11px rgba(0,0,0,.23) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-copy .sub12-shine-under{
  position:absolute !important;
  left:0 !important;
  bottom:3px !important;
  width:76% !important;
  height:8px !important;
  border-radius:999px !important;
  background:linear-gradient(
      90deg,
      rgba(126,231,224,.34) 0%,
      rgba(126,231,224,.20) 60%,
      rgba(126,231,224,0) 100%
    ) !important;
  z-index:1 !important;
  pointer-events:none !important;
}


html body .cloud-sub-hero .cloud-sub-hero-copy .sub12-shine-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  display:inline-block !important;
  pointer-events:none !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  background-image:linear-gradient(
      100deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 36%,
      rgba(184,255,248,.16) 44%,
      rgba(255,255,255,.68) 50%,
      rgba(184,255,248,.17) 56%,
      rgba(255,255,255,0) 64%,
      rgba(255,255,255,0) 100%
    ) !important;
  background-size:270% 100% !important;
  background-position:var(--sub12-shine-x,-170%) 0 !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  opacity:var(--sub12-shine-opacity,0) !important;
  filter:blur(.08px) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-copy .sub12-shine-sweep{
  position:absolute !important;
  top:-10% !important;
  left:var(--sub12-sweep-left,-90%) !important;
  width:22% !important;
  height:120% !important;
  z-index:4 !important;
  pointer-events:none !important;
  opacity:var(--sub12-sweep-opacity,0) !important;
  background:linear-gradient(
      100deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.050) 28%,
      rgba(255,255,255,.48) 50%,
      rgba(190,255,248,.09) 67%,
      rgba(255,255,255,0) 100%
    ) !important;
  transform:skewX(-18deg) !important;
  mix-blend-mode:screen !important;
  filter:blur(.38px) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-copy p{
  width:590px !important;
  margin-top:22px !important;
  color:rgba(255,255,255,.86) !important;
  font-size:16px !important;
  line-height:1.82 !important;
  font-weight:700 !important;
  letter-spacing:-.38px !important;
}


html body .cloud-lightbox-item{
  cursor:pointer;
  position:relative;
  isolation:isolate;
}


html body .cloud-lightbox-item:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  background:radial-gradient(circle at 86% 14%, rgba(126,231,224,.16) 0%, rgba(126,231,224,.06) 22%, rgba(126,231,224,0) 44%),
    linear-gradient(180deg, rgba(7,21,47,0) 42%, rgba(7,21,47,.18) 100%);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}


html body .cloud-lightbox-item:hover:before, html body .cloud-lightbox-item:focus-visible:before{
  opacity:1;
}


html body .cloud-view-chip{
  position:absolute !important;
  right:22px !important;
  bottom:22px !important;
  z-index:8 !important;
  height:38px;
  padding:0 16px 0 38px;
  border-radius:999px;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  
  
  
  
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.12px;
  opacity:0 !important;
  transform:translateY(8px) !important;
  pointer-events:none !important;
  transition:opacity .28s ease,
    transform .28s cubic-bezier(.22,1,.36,1) !important;
}


html body .cloud-view-chip:before{
  content:"＋" !important;
  position:absolute !important;
  left:12px !important;
  top:50% !important;
  width:18px;
  height:18px;
  border-radius:50%;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:translateY(-50%) !important;
  color:#07152F;
  background:linear-gradient(135deg,#7EE7E0,#B7FFF8);
  font-size:12px;
  font-weight:900;
  box-shadow:0 0 0 5px rgba(126,231,224,.10);
}


html body .cloud-lightbox-item:hover .cloud-view-chip, html body .cloud-lightbox-item:focus-visible .cloud-view-chip{
  opacity:1;
  transform:translateY(0);
}


html body .cloud-section-label{
  position:relative;
  padding-left:34px;
  margin-bottom:20px;
  padding:0 15px 0 34px;
  font-size:12px;
  line-height:1;
  letter-spacing:.55px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  border-radius:999px;
  overflow:visible;
  white-space:nowrap;
  box-sizing:border-box;
  color:var(--cloud-blue);
  font-weight:900;
  text-indent:0;
}


html body .cloud-section-label:before{
  content:"";
  position:absolute;
  left:13px;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  transform:translateY(-50%);
  background:radial-gradient(circle at 35% 35%, #ffffff 0 1.8px, transparent 2.6px),
    linear-gradient(135deg, var(--cloud-blue), var(--cloud-mint));
  box-shadow:0 0 0 4px rgba(126,231,224,.10),
    0 5px 12px rgba(20,84,200,.13);
  min-width:10px;
  max-width:10px;
  min-height:10px;
  max-height:10px;
  z-index:1;
  pointer-events:none;
}


html body .cloud-space-main-point div{
  position:relative;
  padding-left:52px;
  overflow:hidden;
  padding:18px 22px 18px 54px;
  border-radius:22px;
  
  
  
}


html body .cloud-space-main-point div .point-line-fx{
  display:none;
}


html body .cloud-space-main-point div:after{
  content:"";
  position:absolute;
  right:18px;
  top:18px;
  width:46px;
  height:22px;
  border-radius:999px;
  border:1px solid rgba(20,84,200,.065);
  background:linear-gradient(90deg,rgba(126,231,224,.050),rgba(20,84,200,.035));
  pointer-events:none;
}


html body .cloud-space-feature-card:after{
  opacity:.92;
}


html body .cloud-space-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease,
    visibility .28s ease;
}


html body .cloud-space-lightbox.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}


html body .cloud-lightbox-backdrop{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 32%, rgba(20,84,200,.26) 0%, rgba(20,84,200,.08) 30%, rgba(7,21,47,0) 58%),
    rgba(3,10,24,.78);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}


html body .cloud-lightbox-panel{
  position:relative;
  z-index:2;
  width:min(1040px, calc(100vw - 84px));
  max-height:calc(100vh - 84px);
  border-radius:34px;
  overflow:hidden;
  background:radial-gradient(circle at 95% 0%,rgba(126,231,224,.12) 0%,rgba(126,231,224,0) 34%),
    linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,250,254,.96) 100%);
  border:1px solid rgba(255,255,255,.48);
  box-shadow:0 42px 110px rgba(0,0,0,.42),
    0 0 0 1px rgba(126,231,224,.16),
    inset 0 1px 0 rgba(255,255,255,.96);
  transform:translateY(14px) scale(.985);
  transition:transform .34s cubic-bezier(.22,1,.36,1);
}


html body .cloud-space-lightbox.is-open .cloud-lightbox-panel{
  transform:translateY(0) scale(1);
}


html body .cloud-lightbox-imgwrap{
  width:100%;
  max-height:calc(100vh - 210px);
  background:#07152F;
  overflow:hidden;
}


html body .cloud-lightbox-img{
  display:block;
  width:100%;
  height:auto;
  max-height:calc(100vh - 210px);
  object-fit:contain;
  background:#07152F;
}


html body .cloud-lightbox-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px 24px 22px;
  background:#ffffff;
}


html body .cloud-lightbox-caption strong{
  color:#07152F;
  font-size:20px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:-.65px;
}


html body .cloud-lightbox-caption span{
  flex-shrink:0;
  height:30px;
  padding:0 13px 0 30px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  position:relative;
  color:#1454C8;
  background:#EEF4FF;
  font-size:11.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.25px;
}


html body .cloud-lightbox-caption span:before{
  content:"";
  position:absolute;
  left:12px;
  top:50%;
  width:9px;
  height:9px;
  border-radius:50%;
  transform:translateY(-50%);
  background:linear-gradient(135deg,#338DCA,#7EE7E0);
}


html body .cloud-lightbox-close{
  position:absolute;
  right:18px;
  top:18px;
  z-index:5;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  background:rgba(7,21,47,.70);
  box-shadow:0 12px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:26px;
  line-height:1;
  cursor:pointer;
  transition:transform .22s ease, background .22s ease;
}


html body .cloud-lightbox-close:hover{
  transform:translateY(-2px);
  background:#07152F;
}


html body .cloud-photo-caption-final{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:7;
  padding:22px 28px 23px 30px;
  
  
  pointer-events:none;
}


html body .cloud-photo-caption-final strong{
  position:relative;
  display:inline-flex;
  align-items:center;
  padding-left:18px;
  
  font-size:12.6px;
  line-height:1;
  font-weight:900;
  letter-spacing:.18px;
}


html body .cloud-photo-caption-final strong:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:9px;
  height:9px;
  border-radius:50%;
  transform:translateY(-50%);
  
  
}


html body .cloud-photo-caption-final span{
  display:block;
  margin-top:9px;
  color:#5E6B7C;
  font-size:13.2px;
  line-height:1.68;
  font-weight:700;
  letter-spacing:-.22px;
}


html body .cloud-photo-chip.chip-a{
  text-transform:uppercase;
  letter-spacing:.25px;
}


html body .cloud-photo-chip.chip-b{
  font-weight:900;
}


html body .cloud-space-main-copy p strong{
  
  font-weight:900;
}


html body .cloud-space-main-point div:before{
  content:"";
  position:absolute;
  left:22px;
  top:23px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95) 0 2px,transparent 3px),
    linear-gradient(135deg,#338DCA,#7EE7E0);
  
}


html body .cloud-space-main-point div:nth-child(2):before{
  border-radius:7px;
  transform:rotate(45deg);
  
}


html body .cloud-space-main-point div:nth-child(3):before{
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95) 0 2px,transparent 3px),
    linear-gradient(135deg,#7EE7E0,#338DCA);
}


html body .cloud-space-main-point strong{
  
  font-size:15.8px;
  margin-bottom:6px;
  line-height:1.42;
  letter-spacing:-.33px;
}


html body .cloud-space-main-point span{
  
  font-size:13.2px;
  line-height:1.7;
  letter-spacing:-.22px;
  margin-top:5px;
}


html body .cloud-feature-badge{
  display:inline-flex;
  align-items:center;
  height:30px;
  padding:0 12px;
  margin-bottom:18px;
  border-radius:999px;
  
  
  
  font-size:11.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.15px;
}


html body .cloud-space-feature-card strong{
  display:block;
  margin-bottom:18px;
  font-size:34px;
  line-height:1;
  
  letter-spacing:-.6px;
}


html body .cloud-space-feature-card h3{
  margin-top:0;
  margin:0 0 12px 0;
  font-size:22px;
  line-height:1.32;
  letter-spacing:-.8px;
}


html body .cloud-space-feature-card p{
  
  font-size:15px;
  line-height:1.76;
  letter-spacing:-.28px;
}


html body .cloud-space-gallery-title{
  position:relative;
  margin-bottom:34px;
}


html body .cloud-space-gallery-title:after{
  content:"";
  position:absolute;
  right:0;
  top:6px;
  width:76px;
  height:76px;
  border-radius:24px;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.92) 0 2px,transparent 3px),
    linear-gradient(135deg,rgba(126,231,224,.08),rgba(20,84,200,.055));
  border:1px solid rgba(20,84,200,.05);
  opacity:.28;
  pointer-events:none;
}


html body .cloud-space-gallery-caption strong{
  position:relative;
  padding-left:18px;
  font-size:17px;
  line-height:1.42;
  letter-spacing:-.34px;
}


html body .cloud-space-gallery-caption strong:before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:9px;
  height:9px;
  border-radius:50%;
  
}


html body .cloud-space-gallery-section.alt .cloud-space-gallery-caption strong:before{
  background:linear-gradient(135deg,#7EE7E0,#1454C8);
}


html body .cloud-space-note{
  position:relative;
  padding:24px 26px 25px 26px;
  border-radius:24px;
  
  
  margin-top:18px;
  font-size:16px;
  line-height:1.86;
  letter-spacing:-.28px;
  
}


html body .cloud-note-badge{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  margin-bottom:14px;
  border-radius:999px;
  
  
  
  font-size:11.5px;
  font-weight:900;
  letter-spacing:-.2px;
}


html body .cloud-note-em{
  color:#1454C8;
  font-weight:850;
}


html body .cloud-mini-chip, html body .cloud-copy-tags, html body .cloud-gallery-tags{
  display:none;
}


html body .cloud-header{
  
  
  
  
  
  
  
  display:block !important;
  height:auto !important;
  
}


html body .cloud-top-inner a{
  
  
  
  
  
  
  
  
  
  
  
  border:0 !important;
  
}


html body .cloud-main-header{
  
  
  
  
  
  
  display:block !important;
  overflow:visible !important;
}


html body .cloud-logo-imgbox a{
  
  
  
  
  border:0 !important;
  
  
  
  line-height:1 !important;
}


html body .cloud-nav, html body .cloud-nav ul, html body .cloud-nav li{
  overflow:visible !important;
}


html body .cloud-nav{
  
  
  display:block !important;
}


html body .cloud-nav ul{
  
  
  
  
  
  
  flex-wrap:nowrap !important;
}


html body .cloud-nav > ul > li > a{
  display:block !important;
  height:40px !important;
  line-height:40px !important;
  padding:0 14px !important;
  border-radius:11px !important;
  color:#111827 !important;
  background:#ffffff !important;
  font-size:15px !important;
  font-weight:850 !important;
  letter-spacing:-.65px !important;
  transition:all .22s ease !important;
  border:0 !important;
  box-shadow:none !important;
}


html body .cloud-nav > ul > li > a:hover{
  color:var(--cloud-blue) !important;
  background:#F3F7FF !important;
}


html body .cloud-nav > ul > li > a.active{
  color:#ffffff !important;
  background:var(--cloud-navy) !important;
  border-radius:13px !important;
  box-shadow:0 10px 22px rgba(7,22,45,.18),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}


html body .cloud-nav > ul > li > a.active:hover{
  color:#ffffff !important;
  background:var(--cloud-navy) !important;
}


html body .nav-panel{
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  display:block !important;
}


html body .nav-panel a{
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  border:0 !important;
  
  
}


html body .cloud-nav > ul > li.has-panel > a{
  position:relative !important;
  overflow:hidden !important;
}


html body .cloud-nav > ul > li.has-panel > a:before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:14px !important;
  bottom:6px !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,rgba(20,84,200,.88),rgba(126,231,224,.92)) !important;
  opacity:0 !important;
  transform:translateX(-50%) scaleX(.45) translateY(3px) !important;
  transform-origin:center !important;
  transition:opacity .22s ease,
    transform .22s cubic-bezier(.22,1,.36,1) !important;
  pointer-events:none !important;
  width:34px !important;
}


html body .cloud-nav > ul > li.has-panel > a.active:before{
  background:linear-gradient(90deg,rgba(255,255,255,.42),rgba(126,231,224,.82)) !important;
  width:29px !important;
  height:2px !important;
  bottom:6px !important;
  opacity:.76 !important;
  transform:translateX(-50%) scaleX(1) translateY(0) !important;
  box-shadow:0 0 7px rgba(126,231,224,.15) !important;
}


html body .cloud-nav > ul > li.has-panel:hover > a:before, html body .cloud-nav > ul > li.has-panel > a:hover:before, html body .cloud-nav > ul > li.has-panel > a.active:before{
  opacity:1 !important;
  transform:scaleX(1) translateY(0) !important;
}


html body .cloud-nav > ul > li.has-panel:hover > a:before, html body .cloud-nav > ul > li.has-panel > a:hover:before{
  opacity:.92 !important;
  transform:translateX(-50%) scaleX(1) translateY(0) !important;
}


html body .cloud-nav > ul > li.has-panel:hover > a.active:before, html body .cloud-nav > ul > li.has-panel > a.active:hover:before{
  opacity:.88 !important;
  width:32px !important;
  background:linear-gradient(90deg,rgba(255,255,255,.50),rgba(126,231,224,.90)) !important;
}


html body .cloud-space-inner, html body .cloud-space-cta-inner, html body .cloud-footer-inner{
  width:1000px;
}


html body .cloud-space-intro-section{
  padding:66px 0 94px 0;
  
}


html body .cloud-space-feature-section{
  padding:78px 0 90px 0;
}


html body .cloud-space-gallery-section{
  padding:82px 0 92px 0;
}


html body .cloud-space-video-section{
  padding:82px 0 94px 0;
}


html body .cloud-space-cta-section{
  padding:80px 0 94px 0;
}


html body .cloud-section-head{
  margin:0 0 56px 0;
}


html body .cloud-section-head h2{
  font-size:48px;
  line-height:1.22;
  letter-spacing:-2.1px;
}


html body .cloud-section-head p{
  width:760px;
  margin:24px auto 0 auto;
  font-size:17px;
  line-height:1.88;
  letter-spacing:-.38px;
  color:#5C6777;
}


html body .cloud-space-main-card{
  grid-template-columns:0.98fr 1.02fr;
  gap:34px;
  align-items:center;
}


html body .cloud-space-main-photo img{
  height:540px;
}


html body .cloud-space-main-copy .cloud-section-label{
  margin-bottom:18px;
}


html body .cloud-space-main-copy h2{
  font-size:44px;
  line-height:1.26;
  letter-spacing:-1.95px;
}


html body .cloud-space-main-copy p{
  margin:22px 0 0 0;
  font-size:16.5px;
  line-height:1.92;
  letter-spacing:-.38px;
  color:#566276;
  width:100%;
  margin-top:23px;
}


html body .cloud-space-main-point{
  margin-top:30px;
  gap:13px;
}


html body .cloud-space-feature-grid{
  gap:20px;
}


html body .cloud-space-gallery-title .cloud-section-label{
  margin-bottom:18px;
}


html body .cloud-space-gallery-title h2{
  margin:0;
  font-size:46px;
  line-height:1.23;
  letter-spacing:-1.9px;
  color:#07152F;
}


html body .cloud-space-gallery-title p{
  width:690px;
  margin:22px 0 0 0;
  font-size:17px;
  line-height:1.86;
  letter-spacing:-.36px;
  color:#5C6777;
}


html body .cloud-space-gallery-caption{
  padding:16px 18px 18px 18px;
}


html body .cloud-space-gallery-caption span{
  margin-top:8px;
  font-size:13.5px;
  line-height:1.72;
  letter-spacing:-.22px;
  color:#627084;
}


html body .cloud-gallery-chip{
  font-size:11px;
  letter-spacing:.35px;
}


html body .cloud-space-note strong{
  display:inline-block;
  margin:2px 0 8px 0;
  font-size:22px;
  line-height:1.35;
  letter-spacing:-.7px;
  
}


html body .cloud-space-video-section .cloud-section-head{
  margin-bottom:42px;
}


html body .cloud-space-video-box{
  border-radius:34px;
  overflow:hidden;
}


html body .cloud-space-video-caption{
  padding:24px 24px 26px 24px;
  font-size:14px;
  line-height:1.7;
}


html body .cloud-space-video-caption strong{
  font-size:18px;
  line-height:1.35;
  letter-spacing:-.42px;
}


html body .cloud-space-video-caption em{
  font-size:14px;
  line-height:1.7;
}


html body .cloud-space-cta-inner h2{
  font-size:44px;
  line-height:1.24;
  letter-spacing:-1.9px;
}


html body .cloud-space-cta-inner p{
  width:720px;
  margin:22px auto 0 auto;
  font-size:17px;
  line-height:1.88;
  letter-spacing:-.34px;
  
}


html body .cloud-cta-buttons{
  margin-top:34px !important;
  gap:16px !important;
}


html body .cloud-space-cta-inner a{
  height:56px;
  padding:0 34px;
  font-size:15px;
  letter-spacing:-.32px;
}


html body .cloud-footer{
  padding:36px 0 38px 0;
}


html body .cloud-footer-inner{
  align-items:flex-start;
}


html body .cloud-footer-brand strong{
  font-size:22px;
  line-height:1.35;
  letter-spacing:-.72px;
}


html body .cloud-footer-brand p{
  margin:14px 0 0 0;
  font-size:14px;
  line-height:1.82;
  letter-spacing:-.24px;
}


html body .cloud-footer-info p{
  font-size:13px;
  line-height:1.78;
  letter-spacing:-.18px;
}


html body .cloud-space-gallery-item.vertical img{
  height:510px;
}


html body .cloud-space-gallery-item.wide img{
  height:430px;
}


html body .cloud-space-intro-section .cloud-section-head h2{
  
  
  letter-spacing:-2.05px;
}


html body .cloud-space-intro-section .cloud-section-head p{
  width:740px;
  
  font-size:16.5px;
  line-height:1.9;
  color:#5B6678;
}


html body .cloud-space-main-copy{
  transform:translateY(-2px);
}


html body .cloud-space-gallery-section:not(.alt) .cloud-space-gallery-title .cloud-section-label{
  margin-bottom:18px;
}


html body .cloud-space-gallery-section:not(.alt) .cloud-space-gallery-title h2{
  font-size:44px;
  line-height:1.24;
  letter-spacing:-1.85px;
}


html body .cloud-space-gallery-section:not(.alt) .cloud-space-gallery-title p{
  width:720px;
  margin-top:21px;
  font-size:16.5px;
  line-height:1.88;
  color:#5C6778;
}


html body .cloud-space-gallery-section:not(.alt) .cloud-space-gallery-caption{
  padding:18px 20px 20px 20px;
}


html body .cloud-space-gallery-section:not(.alt) .cloud-space-gallery-caption strong{
  font-size:17.2px;
  line-height:1.42;
  letter-spacing:-.34px;
}


html body .cloud-space-gallery-section:not(.alt) .cloud-space-gallery-caption span{
  font-size:13.4px;
  line-height:1.74;
  color:#657286;
}


html body .cloud-section-head .cloud-section-label:before, html body .cloud-space-main-copy .cloud-section-label:before, html body .cloud-space-gallery-title .cloud-section-label:before, html body .cloud-space-video-section .cloud-section-label:before{
  width:10px;
  height:10px;
  left:13px;
}


html body .cloud-space-gallery-title .cloud-section-label, html body .cloud-space-video-section .cloud-section-label, html body .cloud-space-main-copy .cloud-section-label{
  padding-left:34px;
}


html body .cloud-photo-chip, html body .cloud-gallery-chip, html body .cloud-feature-badge, html body .cloud-note-badge{
  position:relative;
  display:inline-flex;
  align-items:center;
  overflow:visible;
  line-height:1;
}


#banner .quick-link:hover, #banner .quick-link.current{
  color:#ffffff !important;
  background:rgba(126,231,224,0.18) !important;
}


#banner .quick-link:hover i, #banner .quick-link.current i{
  background:var(--cloud-mint) !important;
  color:var(--cloud-navy) !important;
}


.cloud-header{
  
  
  
  
  
  border-bottom:1px solid rgba(15,23,42,.06) !important;
  box-shadow:0 10px 30px rgba(15,23,42,.04) !important;
}


.cloud-logo-imgbox img{
  
  
  
  filter:drop-shadow(0 5px 10px rgba(15,23,42,.05)) !important;
}


.cloud-nav, .cloud-nav ul, .cloud-nav li{
  overflow:visible;
}


.cloud-nav > ul > li > a{
  display:block;
  height:40px;
  line-height:40px;
  padding:0 14px;
  border-radius:11px;
  color:#111827;
  background:#ffffff;
  font-size:15px;
  font-weight:850;
  letter-spacing:-0.65px;
  transition:all 0.22s ease;
}


.cloud-nav > ul > li > a:hover{
  color:var(--cloud-blue);
  background:#F3F7FF;
}


.cloud-nav > ul > li > a.active{
  color:#ffffff;
  background:var(--cloud-navy);
  box-shadow:0 10px 22px rgba(7,21,47,0.14);
}


.cloud-nav > ul > li > a.active:hover{
  color:#ffffff;
  background:var(--cloud-navy);
}


header, #header, .top-header, .cloud-header{
  background:rgba(255,255,255,0.96) !important;
  border-bottom:1px solid rgba(15,23,42,0.06) !important;
  box-shadow:0 8px 26px rgba(15,23,42,0.035) !important;
}


header img, #header img, .top-header img, .cloud-header img{
  vertical-align:middle !important;
}


header a, #header a, .top-header a, .cloud-header a{
  letter-spacing:-0.35px !important;
  transition:color 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease !important;
}


header a:hover, #header a:hover, .top-header a:hover, .cloud-header a:hover{
  color:#0F6BFF !important;
}


header a.active, #header a.active, .top-header a.active, .cloud-header a.active, header .on, #header .on, .top-header .on, .cloud-header .on{
  background:#07162D !important;
  color:#ffffff !important;
  border-radius:13px !important;
  box-shadow:0 10px 22px rgba(7,22,45,0.18),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
}


.cloud-sub-hero{
  width:100%;
  min-width:1100px;
  position:relative;
  overflow:hidden !important;
  background:#061327 !important;
  height:572px !important;
  min-height:572px !important;
  max-height:572px !important;
  isolation:isolate !important;
  box-shadow:0 22px 54px rgba(7,21,47,.10) !important;
}


.cloud-sub-hero-bg{
  position:absolute;
  inset:0;
  z-index:1;
  background:radial-gradient(circle at 16% 28%,rgba(126,231,224,.23) 0%,rgba(126,231,224,.07) 24%,rgba(126,231,224,0) 48%),radial-gradient(circle at 82% 20%,rgba(20,84,200,.34) 0%,rgba(20,84,200,.10) 34%,rgba(20,84,200,0) 66%),radial-gradient(circle at 72% 80%,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 28%,rgba(255,255,255,0) 58%),linear-gradient(135deg,#061327 0%,#0A1E46 48%,#1454C8 100%) !important;
  height:572px !important;
}


.cloud-sub-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(6,19,39,.88) 0%,rgba(6,19,39,.66) 36%,rgba(6,19,39,.28) 64%,rgba(6,19,39,.04) 100%) !important;
  z-index:2 !important;
}


.cloud-sub-hero-inner{
  width:1000px !important;
  min-height:572px !important;
  margin:0 auto !important;
  position:relative !important;
  z-index:20 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:52px !important;
  height:572px !important;
  max-height:572px !important;
  transform:none !important;
}


.cloud-sub-hero-copy{
  width:620px !important;
  color:#fff !important;
}


.cloud-sub-hero-copy h1{
  margin:0;
  color:#ffffff;
  font-size:44px;
  line-height:1.22;
  font-weight:900;
  letter-spacing:-2px;
  text-shadow:0 4px 16px rgba(0,0,0,0.34);
}


.cloud-sub-hero-copy h1 span{
  color:var(--cloud-mint);
}


.cloud-sub-hero-copy p{
  margin:22px 0 0 !important;
  color:rgba(255,255,255,.86) !important;
  font-size:16px !important;
  line-height:1.90 !important;
  font-weight:700 !important;
  letter-spacing:-.42px !important;
  width:600px !important;
  text-shadow:0 5px 18px rgba(0,0,0,.20) !important;
}


.cloud-sub-hero-buttons{
  margin-top:0 !important;
  display:flex;
  align-items:center;
  gap:12px;
}


.cloud-sub-hero-buttons a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:50px;
  padding:0 28px;
  border-radius:999px;
  font-size:15px;
  font-weight:900;
  letter-spacing:-0.4px;
  transition:all 0.22s ease;
}


.cloud-sub-hero-buttons a.primary{
  background:#ffffff;
  color:var(--cloud-blue);
  box-shadow:0 14px 28px rgba(0,0,0,0.18);
}


.cloud-sub-hero-buttons a.line{
  background:rgba(255,255,255,0.08);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.30);
}


.cloud-sub-hero-buttons a:hover{
  transform:translateY(-3px);
}


.cloud-sub-hero-card{
  width:342px !important;
  min-height:250px !important;
  padding:32px 30px 29px 30px !important;
  border-radius:34px !important;
  background:radial-gradient(circle at 92% 0%,rgba(126,231,224,.14) 0%,rgba(126,231,224,0) 36%),linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(247,250,254,.97) 100%) !important;
  border:1px solid rgba(255,255,255,.62) !important;
  box-shadow:0 34px 78px rgba(0,0,0,.26),0 0 58px rgba(126,231,224,.10),0 0 0 1px rgba(255,255,255,.34),inset 0 1px 0 rgba(255,255,255,.96) !important;
  position:relative !important;
  overflow:hidden !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  z-index:20 !important;
  transition:transform .34s cubic-bezier(.22,1,.36,1),box-shadow .34s ease !important;
}


.cloud-sub-hero-card:before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:6px !important;
  background:linear-gradient(90deg,#4DB8E6 0%,#7EE7E0 22%,#338DCA 68%,#9178B8 100%) !important;
}


.cloud-sub-hero-card strong{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  color:#07152F !important;
  font-size:22px !important;
  line-height:1.3 !important;
  font-weight:900 !important;
  letter-spacing:-.8px !important;
  padding-left:34px !important;
}


.cloud-sub-hero-card ul{
  position:relative !important;
  z-index:2 !important;
  margin:18px 0 0 !important;
  padding:0 !important;
  list-style:none !important;
}


.cloud-sub-hero-card li{
  position:relative !important;
  margin:0 0 10px !important;
  padding-left:34px !important;
  color:#5F6B7A !important;
  font-size:13.4px !important;
  line-height:1.58 !important;
  font-weight:750 !important;
  letter-spacing:-.35px !important;
}


.cloud-sub-hero-card li:last-child{
  margin-bottom:0 !important;
}


.cloud-sub-hero-card li:before{
  content:"";
  position:absolute;
  left:0;
  top:1px !important;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--cloud-blue);
}


.sub-dot-field{
  position:absolute;
  inset:0;
  opacity:.095 !important;
  background:radial-gradient(circle,rgba(255,255,255,0.18) 0 1px,transparent 1.8px) 0 0 / 46px 46px,
    radial-gradient(circle,rgba(126,231,224,0.10) 0 1px,transparent 1.8px) 18px 20px / 64px 64px;
}


.sub-art-word{
  position:absolute;
  right:3.4% !important;
  bottom:34px !important;
  font-family:Arial,"Pretendard",sans-serif;
  font-size:116px !important;
  line-height:1;
  font-weight:900;
  letter-spacing:-7px !important;
  color:transparent;
  -webkit-text-stroke:1.3px rgba(255,255,255,.16) !important;
  opacity:.17 !important;
  transform:rotate(-4deg);
  text-shadow:0 0 18px rgba(255,255,255,.055) !important;
}


.sub-light-line{
  position:absolute;
  left:0;
  top:57% !important;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(126,231,224,0.24) 25%,rgba(255,255,255,0.20) 50%,rgba(126,231,224,0.14) 75%,rgba(255,255,255,0) 100%);
  opacity:.18 !important;
}


.sub-space-flow{
  right:5.2% !important;
  top:152px !important;
  width:360px !important;
  height:180px !important;
  opacity:.21 !important;
  z-index:6 !important;
  isolation:isolate !important;
}


.sub-space-flow:before{
  content:"" !important;
  position:absolute !important;
  left:-26px !important;
  top:-18px !important;
  width:430px !important;
  height:170px !important;
  border-radius:30px !important;
  background:linear-gradient(rgba(255,255,255,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.085) 1px,transparent 1px) !important;
  background-size:24px 24px,24px 24px !important;
  opacity:.28 !important;
  z-index:-1 !important;
  mask-image:radial-gradient(circle at 52% 50%,#000 48%,rgba(0,0,0,.82) 68%,rgba(0,0,0,0) 100%) !important;
  -webkit-mask-image:radial-gradient(circle at 52% 50%,#000 48%,rgba(0,0,0,.82) 68%,rgba(0,0,0,0) 100%) !important;
}


.sub-space-flow:after{
  content:"" !important;
  position:absolute !important;
  left:-8px !important;
  top:10px !important;
  width:390px !important;
  height:126px !important;
  border-radius:22px !important;
  background:radial-gradient(circle at 50% 50%,rgba(126,231,224,.10) 0%,rgba(126,231,224,.04) 48%,rgba(126,231,224,0) 100%) !important;
  z-index:-1 !important;
  opacity:.84 !important;
}


.sub-space-flow .space-node{
  position:absolute !important;
  min-width:64px !important;
  height:30px !important;
  padding:0 13px 0 24px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:rgba(255,255,255,.54) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.25px !important;
  white-space:nowrap !important;
  background:rgba(255,255,255,.040) !important;
  border:1px solid rgba(126,231,224,.145) !important;
  box-shadow:0 0 20px rgba(126,231,224,.060),inset 0 1px 0 rgba(255,255,255,.070) !important;
}


.sub-space-flow .space-node:before{
  content:"" !important;
  position:absolute !important;
  left:11px !important;
  top:50% !important;
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:var(--cloud-mint) !important;
  transform:translateY(-50%) !important;
  box-shadow:0 0 10px rgba(126,231,224,.58) !important;
}


.sub-space-flow .s1{
  left:0 !important;
  top:78px !important;
}


.sub-space-flow .s2{
  left:82px !important;
  top:38px !important;
}


.sub-space-flow .s3{
  left:164px !important;
  top:78px !important;
  min-width:76px !important;
  padding-left:25px !important;
}


.sub-space-flow .s4{
  left:256px !important;
  top:38px !important;
}


.sub-space-flow .s5{
  left:318px !important;
  top:78px !important;
}


.sub-space-flow .space-line{
  position:absolute !important;
  height:1px !important;
  opacity:.78 !important;
  background:linear-gradient(90deg,rgba(126,231,224,0),rgba(126,231,224,.24),rgba(255,255,255,.065)) !important;
  transform-origin:left center !important;
}


.sub-space-flow .sl1{
  left:58px !important;
  top:78px !important;
  width:76px !important;
  transform:rotate(-26deg) !important;
}


.sub-space-flow .sl2{
  left:134px !important;
  top:56px !important;
  width:78px !important;
  transform:rotate(26deg) !important;
}


.sub-space-flow .sl3{
  left:222px !important;
  top:78px !important;
  width:76px !important;
  transform:rotate(-25deg) !important;
}


.sub-space-flow .sl4{
  left:294px !important;
  top:56px !important;
  width:70px !important;
  transform:rotate(25deg) !important;
}


.cloud-sub-hero-copy .cloud-hero-title-premium{
  margin:0 !important;
  color:#fff !important;
  font-size:50px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-2.85px !important;
  text-shadow:0 6px 20px rgba(0,0,0,.36),0 0 26px rgba(7,21,47,.24) !important;
}


.cloud-sub-hero-copy .cloud-hero-title-premium br{
  display:block !important;
}


.cloud-sub-hero-copy h1 span:before,.cloud-sub-hero-copy h1 span:after,.cloud-sub-hero-copy .sub12-shine-text:before,.cloud-sub-hero-copy .sub12-shine-text:after,.cloud-sub-hero-copy .sub12-shine-base:before,.cloud-sub-hero-copy .sub12-shine-base:after,.cloud-sub-hero-copy .sub12-shine-overlay:before,.cloud-sub-hero-copy .sub12-shine-overlay:after{
  content:none !important;
  display:none !important;
  animation:none !important;
  background:none !important;
}


.sub12-shine-text{
  position:relative !important;
  display:inline-block !important;
  overflow:hidden !important;
  line-height:inherit !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  isolation:isolate !important;
  vertical-align:baseline !important;
  padding-right:4px !important;
  z-index:5 !important;
}


.sub12-shine-base{
  position:relative !important;
  z-index:2 !important;
  display:inline-block !important;
  color:#7EE7E0 !important;
  -webkit-text-fill-color:#7EE7E0 !important;
  text-shadow:0 0 18px rgba(126,231,224,.24),0 3px 12px rgba(0,0,0,.24) !important;
}


.sub12-shine-under{
  position:absolute !important;
  left:0 !important;
  bottom:3px !important;
  width:78% !important;
  height:9px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,rgba(126,231,224,.42) 0%,rgba(126,231,224,.24) 62%,rgba(126,231,224,0) 100%) !important;
  z-index:1 !important;
  pointer-events:none !important;
}


.sub12-shine-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  background-image:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 35%,rgba(184,255,248,.20) 43%,rgba(255,255,255,.84) 50%,rgba(184,255,248,.22) 57%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%) !important;
  background-size:270% 100% !important;
  background-position:var(--sub12-shine-x,-170%) 0 !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  opacity:var(--sub12-shine-opacity,0) !important;
  filter:blur(.08px) !important;
}


.sub12-shine-sweep{
  position:absolute !important;
  top:-10% !important;
  left:var(--sub12-sweep-left,-90%) !important;
  width:22% !important;
  height:120% !important;
  z-index:4 !important;
  pointer-events:none !important;
  opacity:var(--sub12-sweep-opacity,0) !important;
  background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.055) 28%,rgba(255,255,255,.54) 50%,rgba(190,255,248,.10) 67%,rgba(255,255,255,0) 100%) !important;
  transform:skewX(-18deg) !important;
  mix-blend-mode:screen !important;
  filter:blur(.42px) !important;
}


.cloud-hero-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:18px !important;
  margin-bottom:30px !important;
}


.cloud-hero-meta span{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  height:35px !important;
  padding:0 14px 0 34px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.062)) !important;
  border:1px solid rgba(255,255,255,.155) !important;
  color:rgba(255,255,255,.92) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.2px !important;
  box-shadow:0 12px 24px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.10) !important;
}


.cloud-hero-meta span:before{
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  top:50% !important;
  width:14px !important;
  height:14px !important;
  border-radius:6px !important;
  transform:translateY(-50%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 6px 12px rgba(0,0,0,.10) !important;
}


.cloud-hero-meta span:after{
  content:"" !important;
  position:absolute !important;
  left:16.5px !important;
  top:50% !important;
  width:5px !important;
  height:5px !important;
  margin-top:-2.5px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.92) !important;
}


.cloud-hero-meta span:nth-child(1):before{
  background:linear-gradient(135deg,#4DB8E6,#338DCA) !important;
}


.cloud-hero-meta span:nth-child(2):before{
  background:linear-gradient(135deg,#DFA21B,#7EE7E0) !important;
}


.cloud-hero-meta span:nth-child(3):before{
  background:linear-gradient(135deg,#9178B8,#338DCA) !important;
}


.cloud-sub-hero-buttons,.cloud-cta-buttons{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}


.cloud-sub-hero-buttons a,.cloud-cta-buttons a{
  --mx:50%;
  --my:50%;
  --tilt-x:0deg;
  --tilt-y:0deg;
  --icon-x:0px;
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:52px !important;
  min-height:52px !important;
  min-width:196px !important;
  padding:0 30px 0 50px !important;
  border-radius:999px !important;
  font-family:"Pretendard","Noto Sans KR","Malgun Gothic","맑은 고딕",Arial,sans-serif !important;
  font-size:14.5px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.36px !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  cursor:pointer !important;
  overflow:hidden !important;
  isolation:isolate !important;
  will-change:transform,box-shadow,background,border-color !important;
  transform:perspective(900px) translateY(0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) !important;
  transition:transform .30s cubic-bezier(.22,1,.36,1),box-shadow .30s ease,background .30s ease,color .22s ease,border-color .24s ease,filter .24s ease !important;
}


.cloud-sub-hero-buttons a:before,.cloud-cta-buttons a:before{
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  width:22px !important;
  height:22px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:translateY(-50%) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  z-index:5 !important;
  transition:transform .25s cubic-bezier(.22,1,.36,1),background .24s ease,color .24s ease,box-shadow .24s ease,border-color .24s ease !important;
}


.cloud-sub-hero-buttons a:after,.cloud-cta-buttons a:after{
  content:"" !important;
  position:absolute !important;
  top:-26% !important;
  left:-64% !important;
  width:38% !important;
  height:148% !important;
  border-radius:999px !important;
  background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.07) 28%,rgba(255,255,255,.34) 48%,rgba(126,231,224,.16) 58%,rgba(255,255,255,0) 100%) !important;
  filter:blur(.35px) !important;
  opacity:0 !important;
  transform:skewX(-18deg) !important;
  pointer-events:none !important;
  z-index:3 !important;
}


.cloud-sub-hero-buttons a.primary,.cloud-cta-buttons a:not(.sub-result-link){
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FAFF 100%) !important;
  color:#07152F !important;
  border:1px solid rgba(255,255,255,.76) !important;
  box-shadow:0 16px 32px rgba(0,0,0,.20),0 0 0 1px rgba(255,255,255,.24),inset 0 1px 0 rgba(255,255,255,.96) !important;
}


.cloud-sub-hero-buttons a.primary:before,.cloud-cta-buttons a:not(.sub-result-link):before{
  content:"↘" !important;
  background:rgba(7,21,47,.10) !important;
  color:#07152F !important;
  border:0 !important;
  box-shadow:none !important;
}


.cloud-sub-hero-buttons a.line,.cloud-cta-buttons a.sub-result-link{
  background:rgba(255,255,255,.070) !important;
  color:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}


.cloud-sub-hero-buttons a.line:before,.cloud-cta-buttons a.sub-result-link:before{
  content:"→" !important;
  background:rgba(255,255,255,.14) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.18) !important;
}


.cloud-sub-hero-buttons a:hover,.cloud-cta-buttons a:hover{
  transform:perspective(900px) translateY(-4px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) !important;
}


.cloud-sub-hero-buttons a:hover:after,.cloud-cta-buttons a:hover:after{
  animation:sub12ButtonSweep 1.05s cubic-bezier(.22,1,.36,1) both !important;
  opacity:.62 !important;
}


.cloud-sub-hero-buttons a:hover:before,.cloud-cta-buttons a:hover:before{
  transform:translateY(-50%) translateX(var(--icon-x)) scale(1.045) !important;
}


.cloud-sub-hero-buttons a.primary:hover,.cloud-cta-buttons a:not(.sub-result-link):hover{
  background:radial-gradient(circle at var(--mx) var(--my),rgba(126,231,224,.30) 0%,rgba(126,231,224,.12) 22%,rgba(126,231,224,0) 50%),linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(247,255,253,.98) 48%,rgba(224,255,251,.98) 100%) !important;
  color:#07152F !important;
  border-color:rgba(126,231,224,.68) !important;
  box-shadow:0 21px 42px rgba(126,231,224,.18),0 12px 28px rgba(7,21,47,.12),0 0 0 1px rgba(126,231,224,.38),0 0 0 7px rgba(126,231,224,.050),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -12px 18px rgba(20,84,200,.035) !important;
}


.cloud-sub-hero-buttons a.primary:hover:before,.cloud-cta-buttons a:not(.sub-result-link):hover:before{
  background:#07152F !important;
  color:#7EE7E0 !important;
  box-shadow:0 0 0 5px rgba(126,231,224,.105),0 8px 18px rgba(7,21,47,.14),inset 0 1px 0 rgba(255,255,255,.78) !important;
}


.cloud-sub-hero-buttons a.line:hover,.cloud-cta-buttons a.sub-result-link:hover{
  background:radial-gradient(circle at var(--mx) var(--my),rgba(126,231,224,.22) 0%,rgba(126,231,224,.07) 30%,rgba(126,231,224,0) 56%),rgba(255,255,255,.135) !important;
  color:#ffffff !important;
  border-color:rgba(126,231,224,.46) !important;
  box-shadow:0 18px 36px rgba(7,21,47,.22),0 0 0 1px rgba(126,231,224,.22),0 0 0 6px rgba(126,231,224,.045),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -10px 18px rgba(126,231,224,.020) !important;
}


.cloud-sub-hero-buttons a.line:hover:before,.cloud-cta-buttons a.sub-result-link:hover:before{
  background:#7EE7E0 !important;
  color:#07152F !important;
  border-color:#7EE7E0 !important;
  box-shadow:0 0 0 5px rgba(126,231,224,.105),0 8px 18px rgba(7,21,47,.14),inset 0 1px 0 rgba(255,255,255,.78) !important;
}


.cloud-sub-hero-buttons a:active,.cloud-sub-hero-buttons a.is-clicked,.cloud-cta-buttons a:active,.cloud-cta-buttons a.is-clicked{
  transform:perspective(900px) translateY(-1px) scale(.986) !important;
  filter:saturate(.98) brightness(.99) !important;
}


.cloud-sub-hero-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 42px 88px rgba(0,0,0,.29),0 0 70px rgba(126,231,224,.14),inset 0 1px 0 rgba(255,255,255,.96) !important;
}


.cloud-sub-hero-card:after{
  content:"" !important;
  position:absolute !important;
  right:-76px !important;
  top:-76px !important;
  width:205px !important;
  height:205px !important;
  border-radius:50% !important;
  background:radial-gradient(circle,rgba(126,231,224,.24) 0%,rgba(126,231,224,.065) 48%,rgba(126,231,224,0) 72%) !important;
  pointer-events:none !important;
}


.cloud-sub-hero-card strong:before,.cloud-sub-hero-card li:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  width:22px !important;
  height:22px !important;
  box-shadow:0 8px 16px rgba(20,84,200,.16),0 0 0 5px rgba(126,231,224,.08) !important;
}


.cloud-sub-hero-card strong:before{
  top:3px !important;
  border-radius:8px !important;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.92) 0 2px,transparent 3px),linear-gradient(135deg,#338DCA,#7EE7E0) !important;
}


.cloud-sub-hero-card li:nth-child(1):before{
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95) 0 2px,transparent 3px),linear-gradient(135deg,#4DB8E6,#338DCA) !important;
}


.cloud-sub-hero-card li:nth-child(2):before{
  border-radius:7px !important;
  transform:rotate(45deg) !important;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95) 0 2px,transparent 3px),linear-gradient(135deg,#DFA21B,#7EE7E0) !important;
}


.cloud-sub-hero-card li:nth-child(3):before{
  border-radius:999px !important;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95) 0 2px,transparent 3px),linear-gradient(135deg,#338DCA,#1454C8) !important;
}


.cloud-sub-hero-card li:nth-child(4):before{
  border-radius:7px 12px 7px 12px !important;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95) 0 2px,transparent 3px),linear-gradient(135deg,#9178B8,#338DCA) !important;
}


.cloud-section-label{
  display:inline-block;
  margin-bottom:18px;
  padding:8px 15px;
  border-radius:999px;
  background:#eef4ff;
  color:var(--cloud-blue);
  font-size:12px;
  font-weight:900;
  letter-spacing:0.8px;
}


.cloud-section-head{
  text-align:center;
  margin:0 0 46px 0;
}


.cloud-section-head h2{
  margin:0;
  color:var(--cloud-navy);
  font-size:40px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:-1.7px;
}


.cloud-section-head h2 span{
  color:var(--cloud-blue);
}


.cloud-section-head p{
  width:720px;
  margin:22px auto 0 auto;
  color:#5f6b7a;
  font-size:17px;
  line-height:1.85;
  font-weight:600;
  letter-spacing:-0.45px;
}


.cloud-space-main-card{
  display:grid;
  grid-template-columns:0.94fr 1.06fr;
  gap:28px;
  align-items:center;
}


.cloud-space-main-photo{
  border-radius:32px;
  overflow:hidden;
  background:#f6f8fb;
  border:1px solid var(--cloud-line);
  box-shadow:0 22px 50px rgba(7,21,47,0.12);
}


.cloud-space-main-photo img{
  width:100%;
  height:520px;
  object-fit:cover;
}


.cloud-space-main-copy h2{
  margin:0;
  color:var(--cloud-navy);
  font-size:38px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:-1.5px;
}


.cloud-space-main-copy h2 span{
  color:var(--cloud-blue);
}


.cloud-space-main-copy p{
  margin:20px 0 0 0;
  color:#5f6b7a;
  font-size:16px;
  line-height:1.85;
  font-weight:600;
  letter-spacing:-0.35px;
}


.cloud-space-main-point{
  margin-top:24px;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}


.cloud-space-main-point div{
  padding:17px 18px;
  border-radius:20px;
  background:#f7f9fc;
  border:1px solid var(--cloud-line);
}


.cloud-space-main-point strong{
  display:block;
  margin-bottom:5px;
  color:var(--cloud-navy);
  font-size:16px;
  line-height:1.35;
  font-weight:900;
}


.cloud-space-main-point span{
  display:block;
  color:#667085;
  font-size:13px;
  line-height:1.65;
  font-weight:600;
}


.cloud-space-main-photo,.cloud-space-gallery-item{
  transition:transform .30s cubic-bezier(.22,1,.36,1),box-shadow .30s ease,border-color .30s ease;
}


.cloud-space-main-photo:hover,.cloud-space-gallery-item:hover{
  transform:translateY(-5px);
  border-color:#D6E7FF;
  box-shadow:0 30px 64px rgba(15,23,42,.13),inset 0 1px 0 rgba(255,255,255,.92);
}


.cloud-space-main-photo img,.cloud-space-gallery-item img{
  transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s ease;
}


.cloud-space-main-photo:hover img,.cloud-space-gallery-item:hover img{
  transform:scale(1.018);
  filter:saturate(1.06) contrast(1.04) brightness(1);
}


.cloud-space-intro-section, .cloud-space-feature-section, .cloud-space-gallery-section, .cloud-space-video-section, .cloud-space-cta-section, .cloud-footer{
  width:100%;
  min-width:1100px;
}


.cloud-space-feature-section{
  background:var(--cloud-bg);
  padding:84px 0 92px 0;
}


.cloud-space-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}


.cloud-space-feature-card{
  min-height:218px;
  padding:30px 28px 28px 28px;
  border-radius:28px;
  background:#ffffff;
  border:1px solid var(--cloud-line);
  box-shadow:0 14px 32px rgba(15,23,42,0.07);
  transition:all 0.24s ease;
}


.cloud-space-feature-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 42px rgba(15,23,42,0.12);
  border-color:#cfe0ff;
}


.cloud-space-feature-card strong{
  display:block;
  margin-bottom:20px;
  font-family:Georgia,"Times New Roman",serif;
  color:var(--cloud-blue);
  font-size:36px;
  line-height:1;
  font-weight:500;
}


.cloud-space-feature-card h3{
  margin:0 0 12px 0;
  color:var(--cloud-navy);
  font-size:23px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:-0.9px;
}


.cloud-space-feature-card p{
  margin:0;
  color:#667085;
  font-size:15px;
  line-height:1.75;
  font-weight:600;
  letter-spacing:-0.35px;
}


.cloud-space-gallery-section{
  background:#ffffff;
  padding:86px 0 92px 0;
}


.cloud-space-gallery-section.alt{
  background:var(--cloud-bg);
}


.cloud-space-gallery-title{
  margin-bottom:34px;
}


.cloud-space-gallery-title h2{
  margin:0;
  color:var(--cloud-navy);
  font-size:38px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:-1.5px;
}


.cloud-space-gallery-title h2 span{
  color:var(--cloud-blue);
}


.cloud-space-gallery-title p{
  width:720px;
  margin:18px 0 0 0;
  color:#5f6b7a;
  font-size:16px;
  line-height:1.8;
  font-weight:600;
  letter-spacing:-0.35px;
}


.cloud-space-gallery{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}


.cloud-space-gallery-item{
  overflow:hidden;
  border-radius:28px;
  background:#ffffff;
  border:1px solid var(--cloud-line);
  box-shadow:0 14px 32px rgba(15,23,42,0.07);
}


.cloud-space-gallery-item.wide{
  grid-column:1 / 3;
}


.cloud-space-gallery-item.vertical img{
  height:560px;
}


.cloud-space-gallery-item img{
  width:100%;
  height:300px;
  object-fit:cover;
}


.cloud-space-gallery-item.wide img{
  height:420px;
}


.cloud-space-gallery-caption{
  padding:18px 20px 20px 20px;
}


.cloud-space-gallery-caption strong{
  display:block;
  color:var(--cloud-navy);
  font-size:19px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:-0.6px;
}


.cloud-space-gallery-caption span{
  display:block;
  margin-top:7px;
  color:#667085;
  font-size:13px;
  line-height:1.7;
  font-weight:600;
  letter-spacing:-0.25px;
}


.cloud-space-note{
  margin-top:20px;
  padding:20px 22px;
  border-radius:20px;
  background:#ffffff;
  border:1px dashed #cbd5e1;
  color:#667085;
  font-size:13px;
  line-height:1.75;
  font-weight:600;
}


.cloud-space-note strong{
  color:var(--cloud-navy);
  font-weight:900;
}


.cloud-space-video-section{
  background:#ffffff;
  padding:86px 0 92px 0;
}


.cloud-space-video-box{
  overflow:hidden;
  border-radius:34px;
  background:var(--cloud-navy);
  box-shadow:0 24px 54px rgba(7,21,47,0.18);
}


.cloud-space-video-box video{
  width:100%;
  height:auto;
  display:block;
  background:var(--cloud-navy);
}


.cloud-space-video-caption{
  padding:24px 28px 28px 28px;
  background:var(--cloud-navy);
  color:rgba(255,255,255,0.78);
  font-size:15px;
  line-height:1.75;
  font-weight:600;
  letter-spacing:-0.35px;
}


.cloud-space-video-caption strong{
  display:block;
  margin-bottom:8px;
  color:#ffffff;
  font-size:24px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:-0.8px;
}


.cloud-space-video-caption em{
  color:var(--cloud-mint);
  font-style:normal;
  font-weight:900;
}


.cloud-space-cta-section{
  background:#ffffff;
  padding:84px 0 90px 0;
}


.cloud-space-cta-inner{
  width:1000px;
  margin:0 auto;
  padding:44px 40px 46px 40px;
  border-radius:34px;
  background:linear-gradient(135deg,#07152f 0%,#0b2454 58%,#1454c8 100%);
  text-align:center;
  box-shadow:0 24px 54px rgba(7,21,47,0.16);
}


.cloud-space-cta-inner h2{
  margin:0;
  color:#ffffff;
  font-size:34px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:-1.3px;
}


.cloud-space-cta-inner h2 span{
  color:var(--cloud-mint);
}


.cloud-space-cta-inner p{
  width:700px;
  margin:18px auto 0 auto;
  color:rgba(255,255,255,0.76);
  font-size:16px;
  line-height:1.8;
  font-weight:600;
  letter-spacing:-0.4px;
}


.cloud-cta-buttons{
  margin-top:30px !important;
  display:flex;
  justify-content:center !important;
  gap:12px;
}


.cloud-space-cta-inner a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:52px;
  padding:0 32px;
  border-radius:999px;
  background:#ffffff;
  color:var(--cloud-blue);
  font-size:15px;
  font-weight:900;
  letter-spacing:-0.4px;
  box-shadow:0 14px 26px rgba(0,0,0,0.20);
  transition:all 0.22s ease;
}


.cloud-space-cta-inner a:hover{
  transform:translateY(-3px);
  background:var(--cloud-mint);
  color:var(--cloud-navy);
}


.cloud-space-cta-inner a.sub-result-link{
  background:rgba(255,255,255,0.08);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.30);
  box-shadow:none;
}


.cloud-space-cta-inner a.sub-result-link:hover{
  background:#ffffff;
  color:var(--cloud-blue);
}


.cloud-space-inner, .cloud-footer-inner{
  width:1000px;
  margin:0 auto;
}


.cloud-footer{
  background:var(--cloud-navy);
  padding:34px 0 36px 0;
}


.cloud-footer-inner{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}


.cloud-footer-brand strong{
  display:block;
  color:#ffffff;
  font-size:24px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:-0.8px;
}


.cloud-footer-brand p{
  margin:14px 0 0 0;
  color:rgba(255,255,255,0.68);
  font-size:14px;
  line-height:1.75;
  font-weight:600;
  letter-spacing:-0.35px;
}


.cloud-footer-info{
  text-align:right;
}


.cloud-footer-info p{
  margin:0 0 10px 0;
  color:rgba(255,255,255,0.62);
  font-size:13px;
  line-height:1.75;
  font-weight:600;
  letter-spacing:-0.3px;
}


.cloud-footer-info p:last-child{
  margin-bottom:0;
}


.cloud-sub-label{
  display:inline-flex !important;
  margin-bottom:18px;
  padding:0 18px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.105) !important;
  border:1px solid rgba(126,231,224,.28) !important;
  color:#EAFBFF !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.9px !important;
  align-items:center !important;
  gap:8px !important;
  height:37px !important;
  margin:0 0 20px 0 !important;
  line-height:1 !important;
  box-shadow:0 14px 30px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.14) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}


.cloud-sub-visual{
  position:absolute !important;
  inset:0 !important;
  z-index:5 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}


.cloud-space-intro-section{
  background:#ffffff;
  padding:58px 0 86px 0;
}


.cloud-sub-label:before{
  content:"" !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#4DB8E6 !important;
  box-shadow:0 0 0 5px rgba(77,184,230,.13),0 0 14px rgba(77,184,230,.24) !important;
}


@media (max-width:1400px){


html body .cloud-sub-hero .card-back-layer{
  right:18px !important;
  opacity:.42 !important;
}

html body .cloud-sub-hero .card-back-glow{
  right:48px !important;
  opacity:.44 !important;
}

html body .cloud-sub-hero .sub-art-word{
  opacity:.18 !important;
  right:4.1% !important;
}

html body .cloud-sub-hero .sub-dot-field{
  opacity:.045 !important;
}

html body .cloud-sub-hero .sub-space-flow{
  opacity:.062 !important;
}


#banner{
  display:none !important;
}

}


@media (prefers-reduced-motion:reduce){


*{
  animation:none !important;
  transition:none !important;
}


.sub12-shine-overlay,.sub12-shine-sweep{
  display:none !important;
}


*,*:before,*:after{
  animation:none !important;
  transition:none !important;
}

}


@media (max-width:1200px){


html body .cloud-space-lightbox{
  padding:28px;
}

html body .cloud-lightbox-panel{
  width:calc(100vw - 56px);
}

}

@keyframes sub12ButtonSweep{
0%{left:-64%;opacity:0;}22%{opacity:.58;}100%{left:126%;opacity:0;}
}


@keyframes sub12VisibleCardSweep{
0%{left:-62%;opacity:0;}
  22%{opacity:.58;}
  100%{left:126%;opacity:0;}
}


@keyframes sub12MainHeroCardSweep{
0%{left:-62%;opacity:0;}
  22%{opacity:.58;}
  100%{left:126%;opacity:0;}
}


html body .cloud-header a{letter-spacing:inherit !important}


html body .cloud-nav,html body .cloud-nav ul,html body .cloud-nav li{overflow:visible !important}


html body .cloud-nav li{position:relative !important;margin:0 !important;padding:0 !important}


html body .has-panel:after{content:"" !important;position:absolute !important;left:0 !important;top:38px !important;width:100% !important;height:20px !important;background:transparent !important}


html body .nav-panel.small{width:138px !important}


html body .has-panel:hover .nav-panel{opacity:1 !important;visibility:visible !important;transform:translateX(-50%) translateY(0) !important}


html body .cloud-header,html body .cloud-top{box-shadow:0 16px 42px rgba(7,21,47,.075),0 1px 0 rgba(255,255,255,.86) inset,0 -1px 0 rgba(126,231,224,.10) inset !important}


html body .cloud-header *,html body .cloud-top *,html body .header-inner *{position:relative;z-index:2}


html body .cloud-header:before{opacity:.58 !important;background:radial-gradient(circle at 22% 48%,rgba(126,231,224,.105) 0%,rgba(126,231,224,0) 30%),radial-gradient(circle at 76% 46%,rgba(20,84,200,.070) 0%,rgba(20,84,200,0) 34%),linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(247,253,255,.96) 50%,rgba(255,255,255,.95) 100%) !important;content:"" !important;position:absolute !important;left:0 !important;right:0 !important;top:0 !important;height:100% !important;pointer-events:none !important;z-index:0 !important}


html body .cloud-nav ul{margin:0 !important;padding:0 !important;list-style:none !important;display:flex !important;align-items:center !important;gap:8px !important}


html body .cloud-nav>ul>li.has-panel:after{z-index:10025 !important}


html body .cloud-nav>ul>li{position:relative !important;z-index:10012 !important}


html body .cloud-top{border-bottom:0 !important;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,252,255,.96) 100%) !important;box-shadow:inset 0 -1px 0 rgba(126,231,224,.08) !important;}


html body .cloud-top:before{opacity:.32 !important;background:radial-gradient(circle at 76% 50%,rgba(126,231,224,.12) 0%,rgba(126,231,224,0) 30%),linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(247,252,255,.96) 100%) !important}


html body .cloud-top:after{height:1px !important;bottom:0 !important;opacity:.58 !important;width:min(980px,calc(100% - 420px)) !important;left:50% !important;background:linear-gradient(90deg,rgba(126,231,224,0) 0%,rgba(126,231,224,.30) 26%,rgba(20,84,200,.18) 50%,rgba(126,231,224,.30) 74%,rgba(126,231,224,0) 100%) !important;box-shadow:0 0 10px rgba(126,231,224,.08) !important}


html body .cloud-top-inner{text-align:right !important;}


html body .cloud-nav .nav-panel{top:56px !important;padding:12px 9px 13px 9px !important;border-radius:19px !important;background:radial-gradient(circle at 18% 0%,rgba(126,231,224,.075) 0%,rgba(126,231,224,0) 42%),linear-gradient(180deg,rgba(255,255,255,.982) 0%,rgba(250,253,255,.968) 100%) !important;border:1px solid rgba(217,229,241,.94) !important;box-shadow:0 18px 42px rgba(7,21,47,.125),0 6px 16px rgba(20,84,200,.035),0 0 0 1px rgba(255,255,255,.72),inset 0 1px 0 rgba(255,255,255,.98) !important;backdrop-filter:blur(16px) saturate(1.05) !important;-webkit-backdrop-filter:blur(16px) saturate(1.05) !important;z-index:10080 !important}


html body .cloud-nav .nav-panel:before{top:-7px !important;width:12px !important;height:12px !important;background:rgba(255,255,255,.982) !important;border-left:1px solid rgba(217,229,241,.94) !important;border-top:1px solid rgba(217,229,241,.94) !important;box-shadow:-2px -2px 4px rgba(7,21,47,.012) !important;z-index:1 !important}


html body .cloud-nav .nav-panel a{position:relative !important;display:flex !important;align-items:center !important;justify-content:space-between !important;height:36px !important;padding:0 12px 0 14px !important;border-radius:12px !important;color:#2E3A4B !important;background:transparent !important;font-size:13px !important;line-height:1 !important;font-weight:820 !important;letter-spacing:-.42px !important;overflow:hidden !important;transition:color .20s ease,background .20s ease,padding .20s cubic-bezier(.22,1,.36,1),transform .20s cubic-bezier(.22,1,.36,1),box-shadow .20s ease !important;z-index:2 !important}


html body .cloud-nav .nav-panel a:before{content:"" !important;position:absolute !important;left:0 !important;top:10px !important;bottom:10px !important;width:2px !important;height:auto !important;border-radius:999px !important;background:linear-gradient(180deg,#1454C8 0%,#7EE7E0 100%) !important;opacity:0 !important;transform:translateX(-3px) !important;transition:opacity .20s ease,transform .20s cubic-bezier(.22,1,.36,1) !important;pointer-events:none !important;display:block !important}


html body .cloud-nav .nav-panel a:after{content:"→" !important;display:flex !important;align-items:center !important;justify-content:center !important;width:18px !important;height:18px !important;border-radius:999px !important;color:#0B7E91 !important;background:rgba(126,231,224,.11) !important;border:1px solid rgba(126,231,224,.18) !important;font-size:10px !important;line-height:1 !important;font-weight:900 !important;opacity:0 !important;transform:translateX(-6px) scale(.92) !important;transition:opacity .20s ease,transform .20s cubic-bezier(.22,1,.36,1),background .20s ease,color .20s ease !important}


html body .cloud-nav .nav-panel a:hover{color:#0E4DB3 !important;background:radial-gradient(circle at 12% 50%,rgba(126,231,224,.115) 0%,rgba(126,231,224,0) 48%),linear-gradient(90deg,rgba(242,249,255,.96) 0%,rgba(255,255,255,.74) 100%) !important;padding-left:17px !important;transform:translateX(1px) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 6px 13px rgba(20,84,200,.035) !important}


html body .cloud-nav .nav-panel a:hover:before{opacity:.86 !important;transform:translateX(0) !important}


html body .cloud-nav .nav-panel a:hover:after{opacity:1 !important;transform:translateX(0) scale(1) !important;background:#EFFFFD !important;color:#07152F !important}


html body .cloud-nav .nav-panel a + a{margin-top:1px !important}


html body .cloud-nav .nav-panel.small{width:142px !important}


html body .cloud-nav .nav-panel.small a{height:35px !important}


html body .nav-panel a{display:flex !important;align-items:center !important;justify-content:space-between !important;height:34px !important;padding:0 11px !important;border-radius:11px !important;color:#344155 !important;background:transparent !important;font-size:12.8px !important;line-height:1 !important;font-weight:820 !important;letter-spacing:-.28px !important;box-shadow:none !important;transition:all .18s ease !important;}


html body .nav-panel a:before{box-shadow:0 0 7px rgba(126,231,224,.18) !important;}


html body .nav-panel a:after{width:16px !important;height:16px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(126,231,224,.115) !important;font-size:10px !important;line-height:1 !important;font-weight:900 !important;box-shadow:none !important;}


html body .cloud-header:after{height:1px !important;opacity:.82 !important;background:linear-gradient(90deg,rgba(126,231,224,0) 0%,rgba(126,231,224,.34) 18%,rgba(20,84,200,.34) 50%,rgba(126,231,224,.34) 82%,rgba(126,231,224,0) 100%) !important;box-shadow:0 0 10px rgba(126,231,224,.13) !important;content:"" !important;position:absolute !important;left:50% !important;bottom:0 !important;width:min(1180px,calc(100% - 46px)) !important;transform:translateX(-50%) !important;pointer-events:none !important;z-index:1 !important}


html body .cloud-top:after,html body .header-inner:after{display:none !important;content:none !important}


html body .cloud-header:before,html body .cloud-top:before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;pointer-events:none !important;opacity:.22 !important;background:radial-gradient(circle at 18% 48%,rgba(126,231,224,.18) 0%,rgba(126,231,224,0) 34%),radial-gradient(circle at 72% 48%,rgba(20,84,200,.13) 0%,rgba(20,84,200,0) 36%),linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(247,253,255,.94) 52%,rgba(255,255,255,.90) 100%) !important}


html body .nav-panel{position:absolute !important;top:54px !important;left:50% !important;width:168px !important;padding:13px 10px !important;border-radius:18px !important;background:radial-gradient(circle at 100% 0%,rgba(126,231,224,.070) 0%,rgba(126,231,224,0) 34%),rgba(255,255,255,.965) !important;border:1px solid rgba(222,231,242,.92) !important;box-shadow:0 22px 44px rgba(7,21,47,.105),0 0 0 1px rgba(126,231,224,.055),inset 0 1px 0 rgba(255,255,255,.96) !important;backdrop-filter:blur(18px) saturate(1.10) !important;-webkit-backdrop-filter:blur(18px) saturate(1.10) !important;opacity:0 !important;visibility:hidden !important;transform:translateX(-50%) translateY(8px) !important;transition:opacity .22s ease,visibility .22s ease,transform .22s cubic-bezier(.22,1,.36,1) !important;z-index:10080 !important;border-color:rgba(215,225,239,.98) !important;overflow:visible !important}


html body .nav-panel:before{content:"" !important;position:absolute !important;left:50% !important;top:-7px !important;width:12px !important;height:12px !important;background:rgba(255,255,255,.975) !important;border-left:1px solid rgba(219,228,240,.96) !important;border-top:1px solid rgba(219,228,240,.96) !important;transform:translateX(-50%) rotate(45deg) !important;z-index:1 !important;box-shadow:-1px -1px 0 rgba(229,234,241,.80),0 0 12px rgba(126,231,224,.045) !important}


html body #gotop{box-shadow:0 15px 32px rgba(7,21,47,.20),0 0 0 1px rgba(126,231,224,.16),inset 0 1px 0 rgba(255,255,255,.14) !important}


html body .cloud-header{width:100% !important;min-width:1100px !important;background:rgba(255,255,255,.985) !important;position:relative !important;z-index:9999 !important;border-bottom:1px solid rgba(126,231,224,.22) !important;box-shadow:0 12px 30px rgba(7,21,47,.055),0 1px 0 rgba(255,255,255,.92) inset !important;overflow:visible !important;isolation:isolate !important}


html body .cloud-main-header{width:100% !important;background:radial-gradient(circle at 18% 0%,rgba(126,231,224,.075) 0%,rgba(126,231,224,0) 34%),radial-gradient(circle at 82% 0%,rgba(20,84,200,.055) 0%,rgba(20,84,200,0) 36%),rgba(255,255,255,.98) !important;border-bottom:0 !important;position:relative !important;z-index:10000 !important;border-top:0 !important;box-shadow:none !important;}


html body .cloud-main-header:after{content:"" !important;position:absolute !important;left:50% !important;bottom:-1px !important;width:min(1000px,calc(100% - 120px)) !important;height:2px !important;transform:translateX(-50%) !important;background:linear-gradient(90deg,rgba(126,231,224,0) 0%,rgba(126,231,224,.72) 20%,rgba(20,84,200,.55) 50%,rgba(126,231,224,.72) 80%,rgba(126,231,224,0) 100%) !important;box-shadow:0 0 16px rgba(126,231,224,.22) !important;pointer-events:none !important}


html body .cloud-nav>ul>li>a{height:40px !important;line-height:40px !important;padding:0 16px !important;font-size:14.7px !important;font-weight:900 !important;border-radius:13px !important;color:#07152F !important;position:relative !important;overflow:hidden !important}


html body .cloud-nav>ul>li>a:before{content:"" !important;position:absolute !important;left:50% !important;bottom:5px !important;width:0 !important;height:2px !important;border-radius:999px !important;transform:translateX(-50%) !important;background:linear-gradient(90deg,#1454C8 0%,#7EE7E0 100%) !important;opacity:0 !important;transition:all .24s cubic-bezier(.22,1,.36,1) !important;box-shadow:0 0 10px rgba(126,231,224,.26) !important}


html body .cloud-nav>ul>li:hover>a:before{width:34px !important;opacity:.95 !important}


html body .cloud-nav>ul>li:hover>a{color:#104FB8 !important;background:linear-gradient(180deg,#F6FBFF 0%,#EDF8FF 100%) !important;box-shadow:0 9px 20px rgba(20,84,200,.075) !important}


html body .cloud-nav>ul>li.has-panel:hover:before{content:none !important;position:absolute !important;left:50% !important;top:38px !important;width:188px !important;height:22px !important;transform:translateX(-50%) !important;border-radius:0 0 18px 18px !important;background:none !important;z-index:10035 !important;pointer-events:none !important;box-shadow:none !important;display:none !important;opacity:0 !important}


html body .cloud-nav,html body .cloud-nav>ul,html body .cloud-nav>ul>li{position:relative !important;z-index:10020 !important;overflow:visible !important}


html body .cloud-nav>ul>li.has-panel .nav-panel a{position:relative !important;z-index:10082 !important;height:35px !important;border-radius:12px !important;color:#435064 !important;background:transparent !important;box-shadow:none !important;font-weight:820 !important}


html body .cloud-nav>ul>li.has-panel .nav-panel a:before{top:10px !important;bottom:10px !important;width:2px !important;opacity:0 !important;background:linear-gradient(180deg,#1454C8 0%,#7EE7E0 100%) !important;box-shadow:0 0 6px rgba(126,231,224,.16) !important}


html body .cloud-nav>ul>li.has-panel .nav-panel a:after{color:#7EE7E0 !important;opacity:0 !important}


html body .cloud-nav>ul>li.has-panel .nav-panel a:hover:after{opacity:.85 !important}


html body .cloud-nav>ul>li.has-panel .nav-panel{top:57px !important;z-index:10070 !important;border:1px solid rgba(222,231,242,.96) !important;box-shadow:0 24px 48px rgba(7,21,47,.125),0 0 0 1px rgba(126,231,224,.045),inset 0 1px 0 rgba(255,255,255,.98) !important;background:radial-gradient(circle at 18% 0%,rgba(126,231,224,.055) 0%,rgba(126,231,224,0) 44%),rgba(255,255,255,.982) !important;border-radius:20px !important;transform:translateX(-50%) translateY(8px) !important}


html body .cloud-nav>ul>li.has-panel:hover .nav-panel{transform:translateX(-50%) translateY(0) !important}


html body .cloud-nav>ul>li.has-panel .nav-panel:before{z-index:10071 !important;top:-6px !important;background:rgba(255,255,255,.982) !important;border-left:1px solid rgba(222,231,242,.96) !important;border-top:1px solid rgba(222,231,242,.96) !important;box-shadow:-2px -2px 7px rgba(15,23,42,.018) !important;width:11px !important;height:11px !important;opacity:.96 !important}


html body .cloud-nav>ul>li.has-panel .nav-panel a:hover{color:#104FB8 !important;background:linear-gradient(180deg,rgba(250,253,255,.96) 0%,rgba(245,250,255,.88) 100%) !important;padding-left:15px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 5px 12px rgba(20,84,200,.028) !important}


html body .cloud-nav>ul>li.has-panel .nav-panel a:hover:before{opacity:.66 !important}


html body .cloud-top-inner a{margin-left:12px !important;color:rgba(96,110,128,.72) !important;font-size:9px !important;font-weight:800 !important;letter-spacing:.82px !important;background:transparent !important;box-shadow:none !important;border-radius:999px !important;opacity:.78 !important;transition:color .20s ease,opacity .20s ease,transform .20s cubic-bezier(.22,1,.36,1),text-shadow .20s ease !important;position:relative !important;text-transform:uppercase !important;text-shadow:none !important;}


html body .cloud-top-inner a:hover{color:#1454C8 !important;background:transparent !important;opacity:1 !important;text-shadow:0 0 10px rgba(126,231,224,.16) !important;transform:translateY(-1px) !important}


html body .cloud-top-inner a:before{content:"" !important;position:absolute !important;left:50% !important;bottom:3px !important;width:12px !important;height:1px !important;border-radius:999px !important;background:linear-gradient(90deg,rgba(126,231,224,0),rgba(126,231,224,.72),rgba(20,84,200,.42),rgba(126,231,224,0)) !important;opacity:0 !important;transform:translateX(-50%) scaleX(.55) !important;transition:opacity .20s ease,transform .20s cubic-bezier(.22,1,.36,1) !important;transform-origin:center !important;pointer-events:none !important}


html body .cloud-top-inner a:hover:before{opacity:.78 !important;width:18px !important;transform:translateX(-50%) scaleX(1) !important}


html body .cloud-top-inner a:after{display:none !important;content:none !important}


html body .cloud-logo-imgbox{display:flex !important;align-items:center !important;flex-shrink:0 !important;}


html body .cloud-logo-imgbox a{display:inline-flex !important;align-items:center !important;gap:13px !important;background:transparent !important;box-shadow:none !important;border-radius:16px !important;padding:0 !important;height:46px !important}


html body .cloud-logo-imgbox img{width:149px !important;max-width:149px !important;height:auto !important;filter:drop-shadow(0 7px 15px rgba(7,21,47,.070))
 drop-shadow(0 0 9px rgba(126,231,224,.030)) !important;transition:transform .24s cubic-bezier(.22,1,.36,1),filter .24s ease !important;transform:translateY(0) !important}


html body .cloud-logo-imgbox span{display:inline-flex !important;font-size:9.4px !important;line-height:1 !important;font-weight:900 !important;color:#7A8494 !important;letter-spacing:1.22px !important;white-space:nowrap !important;transform:translateY(2px) !important;height:22px !important;padding:0 9px !important;align-items:center !important;border-radius:999px !important;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(247,250,255,.88) 100%) !important;border:1px solid rgba(126,231,224,.16) !important;box-shadow:0 7px 14px rgba(15,23,42,.030),inset 0 1px 0 rgba(255,255,255,.92) !important;justify-content:center !important}


html body .cloud-logo-imgbox a:hover img{transform:translateY(-1px) !important;filter:drop-shadow(0 10px 21px rgba(7,21,47,.085))
 drop-shadow(0 0 13px rgba(126,231,224,.075)) !important}


html body .cloud-logo-imgbox a:hover span{color:#516176 !important;border-color:rgba(126,231,224,.24) !important;background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(242,251,255,.94) 100%) !important;box-shadow:0 8px 16px rgba(15,23,42,.040),0 0 12px rgba(126,231,224,.070),inset 0 1px 0 rgba(255,255,255,.96) !important}


html body .cloud-header-inner{width:1000px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;overflow:visible !important;position:relative !important;z-index:10004 !important;}


html body .cloud-nav{position:relative !important;z-index:10010 !important;transform:translateY(0) !important}


html body #banner .quick-link:before{content:"" !important;position:absolute !important;left:0 !important;top:13px !important;bottom:13px !important;width:2px !important;border-radius:999px !important;background:linear-gradient(180deg,#7EE7E0 0%,#1454C8 100%) !important;opacity:0 !important;transform:translateX(-3px) !important;transition:opacity .20s ease,transform .20s cubic-bezier(.22,1,.36,1) !important;pointer-events:none !important}


html body #banner:hover .quick-box:before{opacity:.80 !important}


html body #banner .quick-box:before{content:"" !important;position:absolute !important;left:0 !important;top:18px !important;bottom:18px !important;width:2px !important;border-radius:999px !important;background:linear-gradient(180deg,rgba(126,231,224,.85),rgba(20,84,200,.50),rgba(126,231,224,.45)) !important;opacity:.30 !important;box-shadow:0 0 12px rgba(126,231,224,.16) !important;pointer-events:none !important;z-index:4 !important;display:block !important}


html body #banner .quick-box:before,html body #banner:hover .quick-box:before{content:none !important;display:none !important;opacity:0 !important;background:none !important;box-shadow:none !important}


html body #banner{position:fixed !important;top:326px !important;right:0 !important;left:auto !important;margin:0 !important;width:82px !important;z-index:20000 !important;filter:saturate(.72) brightness(.94) contrast(.96) !important;transform:translateX(18px) !important;transition:opacity .26s ease,transform .26s cubic-bezier(.22,1,.36,1),filter .26s ease !important;}


html body #banner:hover{transform:translateX(-4px) !important;filter:saturate(1.07) brightness(1.045) contrast(1.02) !important;}


html body #banner .quick-box{width:82px !important;border-radius:24px 0 0 24px !important;overflow:hidden !important;background:radial-gradient(circle at 18% 0%,rgba(126,231,224,.105) 0%,rgba(126,231,224,0) 42%),linear-gradient(180deg,rgba(7,21,47,.66) 0%,rgba(6,19,39,.60) 100%) !important;border:1px solid rgba(255,255,255,.13) !important;border-right:0 !important;box-shadow:0 18px 36px rgba(7,21,47,.16),0 0 0 1px rgba(126,231,224,.032),inset 0 1px 0 rgba(255,255,255,.10) !important;backdrop-filter:blur(15px) saturate(1.03) !important;-webkit-backdrop-filter:blur(15px) saturate(1.03) !important;border-color:rgba(255,255,255,.14) !important;position:relative !important}


html body #banner:hover .quick-title{color:rgba(255,255,255,.96) !important;background:linear-gradient(90deg,rgba(126,231,224,.095) 0%,rgba(20,84,200,.14) 100%) !important;border-bottom-color:rgba(255,255,255,.11) !important}


html body #banner:hover .quick-link{color:rgba(255,255,255,.89) !important;border-top-color:rgba(255,255,255,.115) !important}


html body #banner .quick-link:hover,html body #banner .quick-link.current{color:#ffffff !important;background:radial-gradient(circle at 50% 0%,rgba(126,231,224,.115) 0%,rgba(126,231,224,0) 52%),rgba(255,255,255,.060) !important}


html body #banner .quick-link{position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;width:82px !important;height:60px !important;margin:0 !important;padding:0 !important;color:rgba(255,255,255,.60) !important;background:transparent !important;border-top:1px solid rgba(255,255,255,.060) !important;border-radius:0 !important;box-shadow:none !important;text-align:center !important;font-size:9.6px !important;line-height:1.22 !important;font-weight:820 !important;letter-spacing:-.32px !important;transform:none !important;overflow:hidden !important;transition:color .20s ease,background .20s ease,transform .20s ease !important;border-top-color:rgba(255,255,255,.078) !important;text-shadow:0 1px 5px rgba(0,0,0,.14) !important}


html body #banner .quick-title{height:34px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:rgba(255,255,255,.72) !important;font-size:8.5px !important;line-height:1 !important;font-weight:900 !important;letter-spacing:.80px !important;text-transform:uppercase !important;background:rgba(255,255,255,.040) !important;border-bottom:1px solid rgba(255,255,255,.070) !important;width:82px !important}


html body #banner .quick-link i{display:flex !important;align-items:center !important;justify-content:center !important;width:26px !important;height:26px !important;border-radius:50% !important;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.12) 0 2px,transparent 3px),rgba(126,231,224,.095) !important;border:1px solid rgba(126,231,224,.15) !important;color:rgba(150,255,248,.70) !important;font-style:normal !important;font-size:11px !important;line-height:1 !important;font-weight:900 !important;letter-spacing:0 !important;box-shadow:0 5px 10px rgba(0,0,0,.040),inset 0 1px 0 rgba(255,255,255,.09) !important;transition:background .20s ease,color .20s ease,border-color .20s ease,box-shadow .20s ease,transform .20s ease !important;border-color:rgba(126,231,224,.135) !important;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif !important;text-transform:uppercase !important}


html body #banner:hover .quick-link i{background:rgba(126,231,224,.19) !important;color:#A8FFF8 !important;border-color:rgba(126,231,224,.23) !important;box-shadow:0 7px 14px rgba(0,0,0,.11),inset 0 1px 0 rgba(255,255,255,.16) !important}


html body #banner .quick-link:hover i,html body #banner .quick-link.current i{background:#7EE7E0 !important;color:#07152F !important;box-shadow:0 0 0 4px rgba(126,231,224,.075),0 8px 16px rgba(7,21,47,.13),inset 0 1px 0 rgba(255,255,255,.60) !important;transform:translateY(-1px) !important;border-color:rgba(255,255,255,.42) !important}


html body #banner:hover .quick-box{background:radial-gradient(circle at 18% 0%,rgba(126,231,224,.145) 0%,rgba(126,231,224,0) 42%),linear-gradient(180deg,rgba(7,21,47,.76) 0%,rgba(6,19,39,.70) 100%) !important;border-color:rgba(255,255,255,.18) !important;box-shadow:0 22px 42px rgba(7,21,47,.245),0 0 0 1px rgba(126,231,224,.055),inset 0 1px 0 rgba(255,255,255,.13) !important}


html body .nav-panel a:hover{color:#0F4FAF !important;background:linear-gradient(90deg,rgba(126,231,224,.085) 0%,rgba(242,248,255,.72) 58%,rgba(255,255,255,.52) 100%) !important;padding-left:14px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;transform:translateX(1px) !important}


.cloud-header{width:100%;min-width:1100px;background:#ffffff;position:relative;z-index:9999}


.cloud-main-header{width:100%;height:86px;background:#ffffff;border-bottom:1px solid #edf0f4;position:relative;z-index:10000}


.cloud-header-inner{width:1000px;height:86px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;overflow:visible}


.cloud-logo-imgbox{display:flex;align-items:center;flex-shrink:0}


.cloud-logo-imgbox a{display:flex;align-items:center;gap:14px}


.cloud-logo-imgbox img{width:146px;max-width:146px;height:auto}


.cloud-logo-imgbox span{display:block;font-size:11px;line-height:1;font-weight:800;color:#9AA2AE;letter-spacing:1px;white-space:nowrap;transform:translateY(7px)}


.cloud-nav,.cloud-nav ul,.cloud-nav li{overflow:visible}


.cloud-nav{position:relative;z-index:10001}


.cloud-nav ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:6px}


.cloud-nav li{position:relative;margin:0;padding:0}


.cloud-nav>ul>li>a{display:block;height:40px;line-height:40px;padding:0 14px;border-radius:11px;color:#111827;background:#ffffff;font-size:15px;font-weight:850;letter-spacing:-0.65px;transition:all 0.22s ease}


.cloud-nav>ul>li>a:hover{color:var(--cloud-blue);background:#F3F7FF}


.cloud-nav>ul>li>a.active{color:#ffffff;background:var(--cloud-navy);box-shadow:0 10px 22px rgba(7,21,47,0.14)}


.cloud-nav>ul>li>a.active:hover{color:#ffffff;background:var(--cloud-navy)}


.nav-panel{position:absolute;top:50px;left:50%;width:168px;padding:12px 10px;border-radius:18px;background:rgba(255,255,255,0.96);border:1px solid rgba(229,234,241,0.95);box-shadow:0 18px 38px rgba(7,21,47,0.11),inset 0 1px 0 rgba(255,255,255,0.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(8px);transition:opacity 0.22s ease,visibility 0.22s ease,transform 0.22s cubic-bezier(0.22,1,0.36,1);z-index:10002}


.nav-panel.small{width:138px}


.has-panel:hover .nav-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}


.nav-panel:before{content:"";position:absolute;left:50%;top:-7px;width:12px;height:12px;background:rgba(255,255,255,0.96);border-left:1px solid rgba(229,234,241,0.95);border-top:1px solid rgba(229,234,241,0.95);transform:translateX(-50%) rotate(45deg)}


.nav-panel a{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 11px;border-radius:11px;color:#4B5563;font-size:13px;line-height:1;font-weight:750;letter-spacing:-0.35px;transition:all 0.18s ease}


.nav-panel a:hover{color:var(--cloud-blue);background:#F2F7FF;padding-left:14px}


.nav-panel a:after{content:"→";opacity:0;transform:translateX(-4px);color:var(--cloud-mint);transition:all 0.18s ease}


.nav-panel a:hover:after{opacity:1;transform:translateX(0)}


header,#header,.top-header,.cloud-header{background:rgba(255,255,255,0.96) !important;border-bottom:1px solid rgba(15,23,42,0.06) !important;box-shadow:0 8px 26px rgba(15,23,42,0.035) !important}


header img,#header img,.top-header img,.cloud-header img{vertical-align:middle !important}


header a,#header a,.top-header a,.cloud-header a{letter-spacing:-0.35px !important;transition:color 0.22s ease,background 0.22s ease,box-shadow 0.22s ease,transform 0.22s ease !important}


header a:hover,#header a:hover,.top-header a:hover,.cloud-header a:hover{color:#0F6BFF !important}


header a.active,#header a.active,.top-header a.active,.cloud-header a.active,header .on,#header .on,.top-header .on,.cloud-header .on{background:#07162D !important;color:#ffffff !important;border-radius:13px !important;box-shadow:0 10px 22px rgba(7,22,45,0.18),inset 0 1px 0 rgba(255,255,255,0.16) !important}


html body header a:hover,html body #header a:hover,html body .top-header a:hover,html body .cloud-header a:hover{color:inherit}


html body .cloud-nav>ul>li>a:before,html body .cloud-nav>ul>li.has-panel>a:before,html body .nav-panel a:before,html body .nav-panel a:after{content:"" !important}


html body .cloud-nav>ul>li>a.active:hover,html body .cloud-nav>ul>li.has-panel>a.active:hover{color:#fff !important;background:#07152F !important}


html body .cloud-nav>ul>li.has-panel:hover>a.active:before,html body .cloud-nav>ul>li>a.active:hover:before{opacity:.88 !important;width:32px !important;background:linear-gradient(90deg,rgba(255,255,255,.50),rgba(126,231,224,.90)) !important}


html body .cloud-header,html body header,html body .top,html body .topbar,html body .top-menu,html body .gnb-wrap{backdrop-filter:blur(16px) saturate(135%) !important;-webkit-backdrop-filter:blur(16px) saturate(135%) !important}


html body .cloud-header,html body .cloud-top,html body .header-inner,html body .topmenu,html body .top-menu{position:relative !important}


html body .cloud-header img:hover,html body .cloud-top img:hover,html body .header-inner img:hover{filter:drop-shadow(0 8px 18px rgba(20,84,200,.12)) !important;transform:translateY(-1px) !important}


html body .cloud-header a,html body .cloud-top a,html body .header-inner a,html body .topmenu a,html body .top-menu a,html body nav a{transition:color .22s ease,opacity .22s ease,transform .22s ease,text-shadow .22s ease !important;color:#07152F !important;font-weight:800 !important;letter-spacing:-.25px !important}


html body .cloud-header a:hover,html body .cloud-top a:hover,html body .header-inner a:hover,html body .topmenu a:hover,html body .top-menu a:hover,html body nav a:hover{color:#0B5E85 !important;text-shadow:0 0 14px rgba(126,231,224,.36),0 0 26px rgba(20,84,200,.14) !important}


html body .cloud-header img,html body .cloud-top img,html body .header-inner img{transition:filter .25s ease,transform .25s ease !important;filter:drop-shadow(0 8px 18px rgba(7,21,47,.055)) !important}


html body .cloud-header small,html body .cloud-top small,html body .header-inner small,html body .cloud-header .premium,html body .cloud-top .premium,html body .header-inner .premium{color:#5F6E82 !important;letter-spacing:1.6px !important;font-weight:800 !important}


html body .cloud-nav>ul>li:hover>a:before,html body .cloud-nav>ul>li>a:hover:before,html body .cloud-nav>ul>li.has-panel>a:hover:before{opacity:.95 !important;width:36px !important;transform:translateX(-50%) scaleX(1) !important}


html body .cloud-top,html body .cloud-main-header,html body .cloud-header-inner,html body .cloud-logo-imgbox,html body .cloud-nav{position:relative !important;z-index:3 !important}


html body .cloud-nav>ul>li>a:hover,html body .cloud-nav>ul>li.has-panel>a:hover{color:#104FB8 !important;background:rgba(255,255,255,.74) !important;transform:translateY(-1px) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 18px rgba(20,84,200,.055) !important;text-shadow:0 0 13px rgba(126,231,224,.22) !important}


html body .cloud-nav>ul>li>a,html body .cloud-nav>ul>li.has-panel>a{position:relative !important;overflow:hidden !important;display:block !important;height:38px !important;line-height:38px !important;padding:0 14px !important;border-radius:13px !important;color:#07152F !important;background:transparent !important;font-size:14.5px !important;font-weight:900 !important;letter-spacing:-.58px !important;box-shadow:none !important;transition:color .22s cubic-bezier(.22,1,.36,1),background .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,transform .22s cubic-bezier(.22,1,.36,1) !important;transform:none !important}


html body .cloud-nav>ul>li>a.active,html body .cloud-nav>ul>li.has-panel>a.active{color:#ffffff !important;background:radial-gradient(circle at 50% 100%,rgba(126,231,224,.18) 0%,rgba(126,231,224,0) 56%),linear-gradient(135deg,#07152F 0%,#0B2454 66%,#1454C8 100%) !important;border-radius:13px !important;box-shadow:0 10px 22px rgba(7,21,47,.16),inset 0 1px 0 rgba(255,255,255,.16) !important}


html body .cloud-nav>ul>li>a.active:after,html body .cloud-nav>ul>li.has-panel>a.active:after{opacity:.86 !important;background:radial-gradient(ellipse at center,rgba(126,231,224,.20) 0%,rgba(126,231,224,0) 72%) !important;transform:translateX(-50%) scaleX(1) !important}


html body .cloud-header-inner,html body .cloud-logo-imgbox,html body .cloud-nav,html body .cloud-nav ul,html body .cloud-nav li{position:relative !important;z-index:10 !important}


html body .cloud-nav>ul>li.has-panel:hover>a:before,html body .cloud-nav>ul>li>a:hover:before{opacity:.88 !important;width:32px !important;transform:translateX(-50%) scaleX(1) translateY(0) !important}


html body .cloud-nav>ul>li>a.active:before,html body .cloud-nav>ul>li.has-panel>a.active:before{content:"" !important;display:block !important;opacity:.72 !important;width:30px !important;height:2px !important;left:50% !important;right:auto !important;bottom:4px !important;background:linear-gradient(90deg,rgba(255,255,255,.42) 0%,rgba(126,231,224,.95) 48%,rgba(255,255,255,.34) 100%) !important;transform:translateX(-50%) scaleX(1) translateY(0) !important;box-shadow:0 0 10px rgba(126,231,224,.24) !important}


html body .cloud-header:after,html body .cloud-top:after,html body .header-inner:after{content:"" !important;position:absolute !important;left:50% !important;bottom:0 !important;transform:translateX(-50%) !important;width:min(1240px,calc(100% - 36px)) !important;height:2px !important;pointer-events:none !important;background:linear-gradient(90deg,rgba(126,231,224,0) 0%,rgba(126,231,224,.62) 16%,rgba(20,84,200,.48) 46%,rgba(126,231,224,.62) 78%,rgba(126,231,224,0) 100%) !important;opacity:1 !important;box-shadow:0 0 18px rgba(126,231,224,.22),0 0 24px rgba(20,84,200,.10) !important;z-index:0 !important}


html body .cloud-main-header,html body .cloud-header-inner,html body .cloud-nav,html body .cloud-nav ul,html body .cloud-nav li{overflow:visible !important;position:relative !important;z-index:20 !important}


html body .cloud-main-header:after,html body .cloud-header:after,html body .cloud-top:after,html body .header-inner:after{z-index:0 !important;pointer-events:none !important}


html body .cloud-nav>ul>li>a:before,html body .cloud-nav>ul>li.has-panel>a:before{content:"" !important;position:absolute !important;left:50% !important;right:auto !important;bottom:4px !important;width:28px !important;height:2px !important;border-radius:999px !important;background:linear-gradient(90deg,rgba(126,231,224,0) 0%,rgba(126,231,224,.82) 24%,rgba(20,84,200,.78) 58%,rgba(126,231,224,.62) 76%,rgba(126,231,224,0) 100%) !important;opacity:0 !important;transform:translateX(-50%) scaleX(.38) translateY(4px) !important;transform-origin:center center !important;transition:opacity .24s ease,transform .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1),box-shadow .24s ease !important;pointer-events:none !important;display:block !important;box-shadow:none !important;z-index:2 !important}


html body .cloud-nav>ul>li>a:after,html body .cloud-nav>ul>li.has-panel>a:after{content:"" !important;position:absolute !important;inset:0 !important;border-radius:999px !important;opacity:0 !important;background:radial-gradient(ellipse at center,rgba(126,231,224,.135) 0%,rgba(126,231,224,.060) 38%,rgba(126,231,224,0) 74%) !important;box-shadow:0 10px 22px rgba(20,84,200,.075),inset 0 1px 0 rgba(255,255,255,.96) !important;transition:opacity .24s ease,transform .26s cubic-bezier(.22,1,.36,1) !important;pointer-events:none !important;z-index:1 !important;left:50% !important;bottom:1px !important;width:46px !important;height:7px !important;transform:translateX(-50%) scaleX(.55) !important}


html body .cloud-nav>ul>li>a:hover:after,html body .cloud-nav>ul>li.has-panel:hover>a:after{opacity:.88 !important;transform:translateX(-50%) scaleX(1) !important}


html body .cloud-art-hero-copybox .cloud-hero-btn,html body .cloud-main-hero.cloud-art-photo-hero .cloud-art-result-card,html body .cloud-main-hero.cloud-art-photo-hero .cloud-art-result-card .art-result-mini-grid a,html body #banner,html body #banner .quick-link,html body #banner .quick-link i,html body .cloud-nav>ul>li>a,html body .nav-panel a{transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s ease,filter .26s ease,background .24s ease,border-color .24s ease,color .22s ease,opacity .22s ease !important}


html body .cloud-nav>ul>li>a:hover,html body .cloud-nav>ul>li.has-panel:hover>a{color:#104FB8 !important;background:radial-gradient(circle at 50% 100%,rgba(126,231,224,.15) 0%,rgba(126,231,224,0) 58%),linear-gradient(180deg,rgba(246,251,255,.96) 0%,rgba(255,255,255,.74) 100%) !important;box-shadow:0 8px 18px rgba(20,84,200,.055),inset 0 1px 0 rgba(255,255,255,.96) !important;transform:translateY(-1px) !important}


html body .cloud-nav>ul>li>a:hover:before,html body .cloud-nav>ul>li.has-panel:hover>a:before{opacity:.96 !important;width:36px !important;transform:translateX(-50%) scaleX(1) translateY(0) !important;box-shadow:0 0 10px rgba(126,231,224,.22) !important;background:linear-gradient(
 90deg,rgba(126,231,224,0) 0%,rgba(126,231,224,.72) 24%,rgba(20,84,200,.76) 56%,rgba(126,231,224,.58) 76%,rgba(126,231,224,0) 100%
 ) !important}


html body .admission-rate-center ~ #banner,html body .result-report-section ~ #banner,html body .cloud-system-flow-section ~ #banner,html body .cloud-today-section ~ #banner,html body .cloud-action-route-section ~ #banner{opacity:.40 !important}


#banner{position:fixed !important;top:345px !important;right:0 !important;left:auto !important;margin:0 !important;width:72px !important;z-index:20000 !important;opacity:0.18 !important;filter:saturate(0.85) brightness(0.95) !important;transition:opacity 0.25s ease,transform 0.25s ease,filter 0.25s ease !important}


#banner:hover{opacity:0.95 !important;transform:translateX(-5px) !important;filter:saturate(1) brightness(1) !important}


#banner .quick-box{width:72px !important;border-radius:18px 0 0 18px !important;overflow:hidden !important;background:rgba(7,21,47,0.72) !important;border:1px solid rgba(255,255,255,0.13) !important;border-right:0 !important;box-shadow:0 18px 34px rgba(7,21,47,0.18) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important}


#banner .quick-title{height:30px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#ffffff !important;font-size:9px !important;line-height:1 !important;font-weight:900 !important;letter-spacing:-0.1px !important;background:rgba(255,255,255,0.08) !important}


#banner .quick-link{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:4px !important;width:72px !important;height:56px !important;margin:0 !important;padding:0 !important;color:rgba(255,255,255,0.78) !important;border-top:1px solid rgba(255,255,255,0.09) !important;font-size:10px !important;line-height:1.18 !important;font-weight:800 !important;letter-spacing:-0.45px !important;text-align:center !important;background:transparent !important;border-radius:0 !important;box-shadow:none !important;transform:none !important;transition:all 0.18s ease !important}


#banner .quick-link i{display:flex !important;align-items:center !important;justify-content:center !important;width:24px !important;height:24px !important;border-radius:50% !important;background:rgba(126,231,224,0.13) !important;color:var(--cloud-mint) !important;font-style:normal !important;font-size:12px !important;font-weight:900 !important}


#banner .quick-link:hover,#banner .quick-link.current{color:#ffffff !important;background:rgba(126,231,224,0.18) !important}


#banner .quick-link:hover i,#banner .quick-link.current i{background:var(--cloud-mint) !important;color:var(--cloud-navy) !important}


html body #banner .quick-link:hover:before,html body #banner .quick-link.current:before{opacity:.88 !important;transform:translateX(0) !important}


html body #banner .quick-link:before,html body #banner .quick-link:hover:before,html body #banner .quick-link.current:before{content:none !important;display:none !important;opacity:0 !important;transform:none !important;background:none !important}


html body #banner .quick-box:before,html body #banner .quick-link:before,html body #banner:hover .quick-box:before,html body #banner .quick-link:hover:before,html body #banner .quick-link.current:before{content:none !important;display:none !important;opacity:0 !important;background:none !important;box-shadow:none !important}


@media (max-width:1400px){#banner{display:none !important}}


@media(max-width:1500px){html body #banner{opacity:.12 !important}html body #banner:hover{opacity:.88 !important}}


@media(max-width:1380px){html body #banner{display:none !important}}


@media(max-width:1500px){html body #banner{opacity:.40 !important}html body #banner:hover{opacity:.96 !important}}


@media(max-width:760px){html body .cloud-header:before,html body .cloud-top:before{opacity:.24 !important}html body .cloud-header:after,html body .cloud-top:after,html body .header-inner:after{width:calc(100% - 28px) !important}}


@media(max-width:760px){html body .cloud-header:after,html body .cloud-top:after,html body .header-inner:after{height:1px !important;width:calc(100% - 24px) !important}html body .cloud-header:before,html body .cloud-top:before{opacity:.34 !important}}


@media(max-width:760px){html body .cloud-top-inner{width:100% !important;padding:0 18px !important}html body .cloud-top:after{width:calc(100% - 36px) !important}}


@media(max-width:760px){html body .cloud-header:after{width:calc(100% - 28px) !important;opacity:.58 !important}}


@media(max-width:1500px){html body #banner{opacity:.30 !important}html body #banner:hover{opacity:.96 !important}}


@media(max-width:1500px){html body #banner{opacity:.26 !important}html body #banner:hover{opacity:.96 !important}}


@media(max-width:1400px){html body #banner{display:none !important}}


@media(max-width:1500px){html body #banner{opacity:.22 !important}html body #banner:hover{opacity:.94 !important}}


@media (prefers-reduced-motion:reduce){html body .cloud-art-hero-copybox .cloud-hero-btn,html body .cloud-main-hero.cloud-art-photo-hero .cloud-art-result-card,html body .cloud-main-hero.cloud-art-photo-hero .cloud-art-result-card .art-result-mini-grid a,html body #banner,html body #banner .quick-link,html body #banner .quick-link i,html body .cloud-nav>ul>li>a,html body .nav-panel a{transition:none !important}}


@media(max-width:1500px){html body #banner{opacity:.22 !important}html body #banner:hover{opacity:.95 !important}}


@media(max-width:1500px){html body #banner{opacity:.23 !important}html body #banner:hover{opacity:.95 !important}}


@media(max-width:1500px){html body #banner{opacity:.21 !important}html body #banner:hover{opacity:.94 !important}}


@media(max-width:1400px){html body #banner{display:none !important}}


.cloud-top{height:26px;border-bottom:1px solid #f1f3f6;background:#ffffff}


.cloud-top-inner{width:1000px;height:26px;line-height:26px;margin:0 auto;text-align:right}


.cloud-top-inner a{display:inline-block;margin-left:18px;color:#A0A7B2;font-size:10px;font-weight:700;letter-spacing:0.8px}


.cloud-top-inner a:hover{color:var(--cloud-blue)}


.has-panel:after{content:"";position:absolute;left:0;top:38px;width:100%;height:20px;background:transparent}


#gotop{display:none;position:fixed;left:24px;bottom:24px;z-index:20000}


#gotop a{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#07152F 0%,#1454C8 100%);box-shadow:0 14px 28px rgba(7,21,47,0.22);position:relative;transition:transform 0.22s ease,box-shadow 0.22s ease}


#gotop a:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(7,21,47,0.28)}


#gotop img{display:none}


#gotop a:before{content:"↑";display:block;color:var(--cloud-mint);font-size:22px;line-height:1;font-weight:900;transform:translateY(-5px)}


#gotop a:after{content:"TOP";position:absolute;left:0;right:0;bottom:12px;text-align:center;color:#ffffff;font-size:9px;line-height:1;font-weight:900;letter-spacing:0.2px}


html body .cloud-nav > ul > li > a.active,
html body .cloud-nav > ul > li > a.active:hover{
  color:#07152F !important;
  background:transparent !important;
  box-shadow:none !important;
}


html body .cloud-sub-hero{
  height:662px !important;
  min-height:662px !important;
  max-height:662px !important;
  background:#061327 !important;
  overflow:hidden !important;
  isolation:isolate !important;
}


html body .cloud-sub-hero-bg{
  height:662px !important;
  
  
  
}


html body .cloud-sub-hero-inner{
  height:662px !important;
  min-height:662px !important;
  max-height:662px !important;
  
  
  
}


html body .cloud-hero-meta span{
  height:34px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.062)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card{
  
  
  
  
  
  
  
  margin-top:0 !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card strong{
  
  font-size:23px !important;
  line-height:1.30 !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card li{
  
  font-size:13.45px !important;
  line-height:1.60 !important;
  margin-bottom:11px !important;
}


html body .cloud-sub-hero .card-back-layer{
  width:386px !important;
  height:300px !important;
  right:4px !important;
  top:182px !important;
  
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(126,231,224,.035),rgba(20,84,200,.036)) !important;
}


html body .cloud-sub-hero .card-back-glow{
  right:40px !important;
  top:266px !important;
  
}


html body .cloud-sub-hero .sub-dot-field{
  
  filter:blur(.14px) !important;
}


html body .cloud-sub-hero .sub-light-line{
  opacity:.10 !important;
}


html body .cloud-sub-hero .sub-space-flow{
  
  right:4.8% !important;
  top:186px !important;
  transform:scale(.92) !important;
  filter:blur(.14px) !important;
}


html body .cloud-sub-hero .sub-art-word{
  
  right:4.3% !important;
  
  font-size:126px !important;
  letter-spacing:-7px !important;
  
  
}


html body .cloud-space-intro-section .cloud-section-head h2{
  font-size:46px;
  line-height:1.24;
}


html body .cloud-space-intro-section .cloud-section-head p{
  margin-top:22px;
}


@media (prefers-reduced-motion:reduce){
  html body .cloud-sub-hero-bg:before{
    filter:saturate(.94) contrast(1.04) brightness(.74) !important;
  }
}


html body .cloud-sub-hero .sub-art-word{
  
  
  text-shadow:
    0 0 15px rgba(255,255,255,.055),
    0 0 30px rgba(126,231,224,.036) !important;
}


html body .cloud-sub-hero .sub-space-flow{
  opacity:.040 !important;
}


html body .cloud-sub-hero .sub-dot-field{
  opacity:.024 !important;
}


html body .cloud-sub-hero .sub-art-word{
  
  -webkit-text-stroke:1.05px rgba(255,255,255,.185) !important;
}


html body .cloud-sub-hero .sub-art-word{
  
  bottom:48px !important;
}


html body .cloud-sub-hero-inner{
  
  
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:56px !important;
  
}


html body .cloud-sub-hero-copy{
  width:610px !important;
  transform:translateY(-8px) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card{
  transform:translateY(-6px) !important;
}


html body .cloud-sub-hero-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  overflow:hidden !important;
  
}


html body .cloud-sub-hero .cloud-sub-visual:before{
  content:"" !important;
  position:absolute !important;
  left:28% !important;
  top:0 !important;
  width:46% !important;
  height:100% !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,
      rgba(5,16,34,0) 0%,
      rgba(5,16,34,.26) 26%,
      rgba(5,16,34,.16) 52%,
      rgba(5,16,34,.04) 76%,
      rgba(5,16,34,0) 100%) !important;
  filter:blur(24px) !important;
  opacity:.68 !important;
}


html body .cloud-sub-hero:after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:96px !important;
  z-index:4 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,
      rgba(126,231,224,0) 0%,
      rgba(126,231,224,0.125) 22%,
      rgba(20,84,200,0.105) 50%,
      rgba(126,231,224,0.105) 78%,
      rgba(126,231,224,0) 100%) bottom center / 100% 1px no-repeat,
    radial-gradient(ellipse at 50% 100%,
      rgba(126,231,224,0.075) 0%,
      rgba(126,231,224,0.026) 34%,
      rgba(126,231,224,0) 70%),
    linear-gradient(180deg,
      rgba(6,19,39,0) 0%,
      rgba(6,19,39,0.10) 42%,
      rgba(6,19,39,0.32) 100%) !important;
  
}


html body .cloud-sub-hero-copy .cloud-hero-title-premium{
  font-size:51px !important;
  line-height:1.075 !important;
  letter-spacing:-1.78px !important;
  font-weight:900 !important;
}


html body .cloud-sub-hero-copy p{
  width:560px !important;
  margin-top:22px !important;
  color:rgba(255,255,255,.875) !important;
  font-size:15.8px !important;
  line-height:1.86 !important;
}


html body .cloud-hero-meta{
  margin-top:20px !important;
  margin-bottom:28px !important;
  gap:8px !important;
}


html body .cloud-sub-hero-buttons a{
  height:56px !important;
  min-height:56px !important;
  min-width:204px !important;
  padding:0 31px 0 53px !important;
  border-radius:999px !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card{
  width:406px !important;
  min-height:356px !important;
  padding:32px 30px 28px 30px !important;
  border-radius:34px !important;
  z-index:30 !important;
}


html body .cloud-space-intro-section .cloud-section-head{
  margin-bottom:56px;
}


html body .cloud-sub-hero-bg:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  
  
  
}


html body .cloud-sub-hero-bg{
  background:#061327 !important;
}


html body .cloud-sub-hero:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  
}


html body .cloud-sub-hero-bg:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  
}


html body .cloud-sub-hero,
html body .cloud-sub-hero-bg,
html body .cloud-sub-visual,
html body .cloud-sub-hero-inner{
  height:662px !important;
  min-height:662px !important;
  max-height:662px !important;
}


html body .cloud-sub-hero-inner{
  width:1000px !important;
  margin:0 auto !important;
  transform:translateY(-14px) !important;
}


html body .cloud-space-intro-section{
  padding-top:64px;
}


html body .cloud-sub-hero:after{
  opacity:.86 !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:after,
html body .cloud-sub-hero-card:after{
  
  
  right:-86px !important;
  top:-94px !important;
  width:224px !important;
  height:224px !important;
  
  
  
}


html body .cloud-sub-hero-card > *,
html body .cloud-sub-hero-card strong,
html body .cloud-sub-hero-card ul,
html body .cloud-sub-hero-card li,
html body .cloud-sub-hero-card .space-card-list,
html body .cloud-sub-hero-card .space-list{
  position:relative !important;
  z-index:3 !important;
}


html body .cloud-sub-hero-card > *,
html body .cloud-sub-hero-card strong,
html body .cloud-sub-hero-card ul,
html body .cloud-sub-hero-card li{
  position:relative !important;
  z-index:3 !important;
}


html body .cloud-sub-hero-card strong,
html body .cloud-sub-hero-card h3,
html body .cloud-sub-hero-card .card-title,
html body .cloud-sub-hero-card .space-card-title,
html body .cloud-sub-hero-card ul,
html body .cloud-sub-hero-card li,
html body .cloud-sub-hero-card p,
html body .cloud-sub-hero-card span{
  position:relative !important;
  z-index:4 !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card,
html body .cloud-sub-hero-card{
  background:
    radial-gradient(circle at 78% 3%,
      rgba(126,231,224,.120) 0%,
      rgba(126,231,224,.035) 28%,
      rgba(126,231,224,0) 60%),
    linear-gradient(150deg,
      rgba(8,30,58,.255) 0%,
      rgba(15,66,124,.170) 48%,
      rgba(88,145,220,.095) 100%) !important;
  border:1px solid rgba(126,231,224,.62) !important;
  box-shadow:
    0 30px 74px rgba(0,0,0,.235),
    0 0 0 1px rgba(255,255,255,.185),
    0 0 34px rgba(126,231,224,.125),
    inset 0 1px 0 rgba(255,255,255,.330),
    inset 0 -10px 22px rgba(4,17,36,.032) !important;
  backdrop-filter:blur(4.5px) saturate(1.28) brightness(1.055) !important;
  -webkit-backdrop-filter:blur(4.5px) saturate(1.28) brightness(1.055) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:after,
html body .cloud-sub-hero-card:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.105) 0%,
      rgba(255,255,255,.024) 17%,
      rgba(255,255,255,0) 38%),
    radial-gradient(circle at 86% 16%,
      rgba(126,231,224,.072) 0%,
      rgba(126,231,224,.018) 24%,
      rgba(126,231,224,0) 50%) !important;
  opacity:.48 !important;
  z-index:1 !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:before,
html body .cloud-sub-hero-card:before{
  height:3px !important;
  opacity:1 !important;
  background:linear-gradient(90deg,
    rgba(126,231,224,1) 0%,
    rgba(126,231,224,.96) 30%,
    rgba(20,84,200,.80) 66%,
    rgba(255,255,255,.46) 100%) !important;
  box-shadow:
    0 0 16px rgba(126,231,224,.28),
    0 0 2px rgba(255,255,255,.38) !important;
}


html body .cloud-sub-hero-card strong,
html body .cloud-sub-hero-card h3,
html body .cloud-sub-hero-card .card-title,
html body .cloud-sub-hero-card .space-card-title{
  color:#ffffff !important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.44),
    0 8px 16px rgba(0,0,0,.34),
    0 0 10px rgba(126,231,224,.12) !important;
}


html body .cloud-sub-hero-card li,
html body .cloud-sub-hero-card p,
html body .cloud-sub-hero-card span{
  color:rgba(255,255,255,.94) !important;
  text-shadow:
    0 2px 5px rgba(0,0,0,.44),
    0 7px 14px rgba(0,0,0,.26) !important;
}


html body .cloud-sub-hero-card li:before,
html body .cloud-sub-hero-card .space-card-list li:before,
html body .cloud-sub-hero-card .space-list li:before{
  background:
    radial-gradient(circle at 34% 30%, rgba(255,255,255,1) 0 2px, transparent 3px),
    linear-gradient(135deg,rgba(126,231,224,1) 0%,rgba(20,84,200,.82) 100%) !important;
  box-shadow:
    0 8px 16px rgba(20,84,200,.22),
    0 0 0 5px rgba(126,231,224,.105),
    0 0 17px rgba(126,231,224,.24),
    inset 0 1px 0 rgba(255,255,255,.46) !important;
}


html body .cloud-sub-hero-card li:nth-child(2):before{
  background:
    radial-gradient(circle at 34% 30%, rgba(255,255,255,1) 0 2px, transparent 3px),
    linear-gradient(135deg,rgba(201,166,75,.95) 0%,rgba(126,231,224,.94) 100%) !important;
}


html body .cloud-sub-hero .card-back-layer,
html body .cloud-sub-hero .card-back-glow{
  opacity:.02 !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:hover,
html body .cloud-sub-hero-card:hover{
  transform:translateY(-7px) !important;
  border-color:rgba(126,231,224,.70) !important;
  box-shadow:
    0 38px 88px rgba(0,0,0,.285),
    0 0 0 1px rgba(255,255,255,.205),
    0 0 42px rgba(126,231,224,.155),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -10px 22px rgba(4,17,36,.045) !important;
}


html body .cloud-header .cloud-nav > ul > li.has-panel,
html body .cloud-nav > ul > li.has-panel{
  position:relative !important;
  overflow:visible !important;
}

html body .cloud-header .cloud-nav > ul > li.has-panel > .nav-panel,
html body .cloud-nav > ul > li.has-panel > .nav-panel{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:57px !important;
  right:auto !important;
  bottom:auto !important;
  width:168px !important;
  height:auto !important;
  overflow:visible !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateX(-50%) translateY(8px) !important;
  transition:opacity .18s ease, visibility .18s ease, transform .18s cubic-bezier(.22,1,.36,1) !important;
  z-index:10080 !important;
}

html body .cloud-header .cloud-nav > ul > li.has-panel:hover > .nav-panel,
html body .cloud-nav > ul > li.has-panel:hover > .nav-panel{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}

html body .cloud-header .cloud-nav > ul > li.has-panel:not(:hover) > .nav-panel,
html body .cloud-nav > ul > li.has-panel:not(:hover) > .nav-panel,
html body .cloud-header .cloud-nav > ul > li.has-panel:focus-within:not(:hover) > .nav-panel,
html body .cloud-nav > ul > li.has-panel:focus-within:not(:hover) > .nav-panel{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateX(-50%) translateY(8px) !important;
}

html body .cloud-nav > ul > li.has-panel > .nav-panel.small{
  width:142px !important;
}

html body .cloud-nav > ul > li.has-panel > .nav-panel a{
  display:flex !important;
  opacity:1 !important;
  visibility:visible !important;
}

html body .cloud-subnav-wrap,
html body .cloud-subnav,
html body .cloud-subnav ul,
html body .cloud-subnav li{
  list-style:none !important;
  transform:none !important;
  animation:none !important;
  will-change:auto !important;
}

html body .cloud-subnav a,
html body .cloud-subnav a:link,
html body .cloud-subnav a:visited,
html body .cloud-subnav a:hover,
html body .cloud-subnav a:focus,
html body .cloud-subnav a:active{
  display:block !important;
  text-decoration:none !important;
  outline:none !important;
}

html body .cloud-nav a[href="sub1_2.html"],
html body .cloud-subnav a[href="sub1_2.html"]{
  cursor:pointer !important;
}

html body .cloud-sub-hero .cloud-sub-hero-copy,
html body .cloud-sub-hero .cloud-sub-hero-card{
  animation:none !important;
  filter:none !important;
}


html body .cloud-sub-hero .sub-dot-field,
html body .cloud-sub-hero .sub-art-word,
html body .cloud-sub-hero .sub-light-line,
html body .cloud-sub-hero .sub-space-flow,
html body .cloud-sub-hero .sub-space-flow:before,
html body .cloud-sub-hero .sub-space-flow:after{
  animation:none !important;
}


html body .cloud-sub-hero .sub12-shine-text,
html body .cloud-sub-hero .sub12-shine-base,
html body .cloud-sub-hero .sub12-shine-overlay,
html body .cloud-sub-hero .sub12-shine-under,
html body .cloud-sub-hero .sub12-shine-sweep{
  visibility:visible !important;
  backface-visibility:hidden !important;
}


@media (prefers-reduced-motion:reduce){
  html body .cloud-sub-hero .cloud-sub-hero-copy,
  html body .cloud-sub-hero .cloud-sub-hero-card{
    opacity:1 !important;
    filter:none !important;
    transition:none !important;
    animation:none !important;
  }
}


html body .cloud-nav > ul > li.has-panel > a,
html body .cloud-nav > ul > li > a{
  position:relative !important;
  overflow:hidden !important;
}


html body .cloud-nav > ul > li.has-panel > a:before,
html body .cloud-nav > ul > li > a:before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:6px !important;
  width:34px !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,rgba(20,84,200,.88),rgba(126,231,224,.92)) !important;
  opacity:0 !important;
  transform:translateX(-50%) scaleX(.45) translateY(3px) !important;
  transform-origin:center !important;
  transition:
    opacity .22s ease,
    transform .22s cubic-bezier(.22,1,.36,1) !important;
  pointer-events:none !important;
  display:block !important;
}


html body .cloud-nav > ul > li.has-panel:hover > a:before,
html body .cloud-nav > ul > li.has-panel > a:hover:before,
html body .cloud-nav > ul > li > a:hover:before{
  opacity:.92 !important;
  width:34px !important;
  transform:translateX(-50%) scaleX(1) translateY(0) !important;
}


html body .cloud-nav > ul > li.has-panel > a.active:before,
html body .cloud-nav > ul > li > a.active:before{
  content:"" !important;
  display:block !important;
  opacity:.76 !important;
  width:29px !important;
  height:2px !important;
  bottom:6px !important;
  background:linear-gradient(90deg,rgba(255,255,255,.42),rgba(126,231,224,.82)) !important;
  transform:translateX(-50%) scaleX(1) translateY(0) !important;
  box-shadow:0 0 7px rgba(126,231,224,.15) !important;
}


html body .cloud-nav > ul > li.has-panel:hover > a.active:before,
html body .cloud-nav > ul > li.has-panel > a.active:hover:before,
html body .cloud-nav > ul > li > a.active:hover:before{
  opacity:.88 !important;
  width:32px !important;
  background:linear-gradient(90deg,rgba(255,255,255,.50),rgba(126,231,224,.90)) !important;
}


html body .nav-panel a{
  position:relative !important;
  overflow:hidden !important;
}


html body .nav-panel a:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:10px !important;
  bottom:10px !important;
  width:2px !important;
  height:auto !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,var(--cloud-blue),var(--cloud-mint)) !important;
  opacity:0 !important;
  transform:translateX(-4px) !important;
  transition:
    opacity .18s ease,
    transform .18s cubic-bezier(.22,1,.36,1) !important;
  pointer-events:none !important;
  display:block !important;
}


html body .nav-panel a:hover:before{
  opacity:.88 !important;
  transform:translateX(0) !important;
}


html body .nav-panel a:after{
  content:"→" !important;
  opacity:0 !important;
  transform:translateX(-4px) !important;
  color:var(--cloud-mint) !important;
  transition:all .18s ease !important;
}


html body .nav-panel a:hover:after{
  opacity:1 !important;
  transform:translateX(0) !important;
}


html body .cloud-sub-hero-bg:before{
  background:
    linear-gradient(90deg,
      rgba(6,19,39,.968) 0%,
      rgba(6,19,39,.928) 22%,
      rgba(6,19,39,.778) 35%,
      rgba(6,19,39,.512) 48%,
      rgba(6,19,39,.220) 62%,
      rgba(6,19,39,.062) 79%,
      rgba(6,19,39,.035) 100%),
    linear-gradient(180deg,
      rgba(6,19,39,.006) 0%,
      rgba(6,19,39,.056) 100%),
    url("../../images/space/space_lobby_main.jpg") center center / cover no-repeat !important;
  opacity:.988 !important;
  filter:saturate(1.075) contrast(1.075) brightness(1.070) !important;
}


html body .cloud-sub-hero:before{
  background:
    linear-gradient(90deg,
      rgba(5,16,34,.982) 0%,
      rgba(5,16,34,.952) 23%,
      rgba(5,16,34,.805) 36%,
      rgba(5,16,34,.522) 50%,
      rgba(5,16,34,.220) 64%,
      rgba(5,16,34,.058) 80%,
      rgba(5,16,34,.034) 100%) !important;
}


html body .cloud-sub-hero-bg:after{
  background:
    radial-gradient(circle at 74% 35%,
      rgba(255,255,255,.190) 0%,
      rgba(255,255,255,.068) 30%,
      rgba(255,255,255,0) 58%),
    radial-gradient(circle at 83% 41%,
      rgba(201,166,75,.034) 0%,
      rgba(201,166,75,.011) 24%,
      rgba(201,166,75,0) 48%),
    radial-gradient(circle at 70% 44%,
      rgba(126,231,224,.118) 0%,
      rgba(126,231,224,.036) 28%,
      rgba(126,231,224,0) 56%) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card{
  background:
    radial-gradient(circle at 84% 5%,
      rgba(126,231,224,.215) 0%,
      rgba(126,231,224,.058) 23%,
      rgba(126,231,224,0) 48%),
    radial-gradient(circle at 13% 92%,
      rgba(20,84,200,.145) 0%,
      rgba(20,84,200,.040) 34%,
      rgba(20,84,200,0) 62%),
    linear-gradient(145deg,
      rgba(7,21,47,.955) 0%,
      rgba(8,29,69,.930) 50%,
      rgba(18,70,170,.735) 100%) !important;
  border:1px solid rgba(126,231,224,.505) !important;
  
  backdrop-filter:blur(6px) saturate(1.16) !important;
  -webkit-backdrop-filter:blur(6px) saturate(1.16) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:before{
  
  background:
    linear-gradient(90deg,
      rgba(77,184,230,.98) 0%,
      rgba(126,231,224,1) 24%,
      rgba(20,84,200,.86) 66%,
      rgba(145,120,184,.74) 100%) !important;
  
  box-shadow:
    0 0 14px rgba(126,231,224,.34),
    0 1px 0 rgba(255,255,255,.22) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card strong{
  color:#FFFFFF !important;
  letter-spacing:-.65px !important;
  text-shadow:
    0 1px 2px rgba(0,0,0,.34),
    0 0 8px rgba(126,231,224,.065) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card li{
  color:rgba(255,255,255,.875) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.28) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card strong,
html body .cloud-sub-hero .cloud-sub-hero-card ul,
html body .cloud-sub-hero .cloud-sub-hero-card li{
  position:relative !important;
  z-index:3 !important;
}


html body .cloud-sub-hero .card-back-layer{
  opacity:.265 !important;
  filter:saturate(1.01) brightness(1.01) !important;
}


html body .cloud-sub-hero .card-back-glow{
  opacity:.235 !important;
}


html body .cloud-sub-hero .sub-art-word{
  opacity:.178 !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:after{
  content:"" !important;
  position:absolute !important;
  inset:1px !important;
  border-radius:33px !important;
  pointer-events:none !important;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.112) 0%,
      rgba(255,255,255,.026) 17%,
      rgba(255,255,255,0) 40%),
    radial-gradient(circle at 88% 11%,
      rgba(255,255,255,.118) 0%,
      rgba(255,255,255,.030) 23%,
      rgba(255,255,255,0) 48%) !important;
  opacity:.60 !important;
  mix-blend-mode:screen !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card{
  box-shadow:
    0 40px 90px rgba(0,0,0,.315),
    0 0 0 1px rgba(255,255,255,.125),
    0 0 40px rgba(126,231,224,.112),
    inset 0 1px 0 rgba(255,255,255,.305),
    inset 0 -15px 34px rgba(0,0,0,.078) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card{
  border-color:rgba(126,231,224,.505) !important;
}


html body .cloud-sub-hero .cloud-sub-hero-card:before{
  height:3px !important;
  opacity:.98 !important;
}


html body .cloud-space-inner{
  position:relative;
  z-index:2;
}


html body .cloud-space-main-point div:before{
  box-shadow:
    0 6px 14px rgba(20,84,200,.155),
    0 0 0 6px rgba(126,231,224,.065);
}


html body .cloud-space-intro-section{
  position:relative;
  background:
    radial-gradient(circle at 12% 6%, rgba(126,231,224,.040) 0%, rgba(126,231,224,0) 32%),
    radial-gradient(circle at 88% 10%, rgba(20,84,200,.030) 0%, rgba(20,84,200,0) 34%),
    radial-gradient(circle at 50% 0%, rgba(216,197,138,.018) 0%, rgba(216,197,138,0) 30%),
    linear-gradient(180deg, #FCFDFF 0%, #F8FAFD 58%, #FFFFFF 100%);
  overflow:hidden;
}


html body .cloud-space-intro-section:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:250px;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(126,231,224,0) 0%, rgba(126,231,224,.075) 48%, rgba(20,84,200,.045) 100%) top center / 100% 1px no-repeat,
    radial-gradient(ellipse at 50% 0%, rgba(126,231,224,.030) 0%, rgba(126,231,224,0) 62%);
  opacity:.86;
}


html body .cloud-section-label,
html body .cloud-space-main-copy .cloud-section-label,
html body .cloud-space-gallery-title .cloud-section-label,
html body .cloud-space-video-section .cloud-section-label{
  background:
    radial-gradient(circle at 10% 50%, rgba(126,231,224,.165) 0%, rgba(126,231,224,0) 42%),
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(244,248,253,.92) 100%);
  border:1px solid rgba(222,232,244,.88);
  color:#0F4BB3;
  box-shadow:
    0 7px 18px rgba(15,23,42,.036),
    inset 0 1px 0 rgba(255,255,255,.90);
}


html body .cloud-section-head h2,
html body .cloud-space-main-copy h2,
html body .cloud-space-gallery-title h2{
  color:#07152F;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
}


html body .cloud-section-head h2 span,
html body .cloud-space-main-copy h2 span,
html body .cloud-space-gallery-title h2 span{
  color:#0F4BB3;
  background:linear-gradient(180deg, #1454C8 0%, #0F4BB3 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}


html body .cloud-section-head p,
html body .cloud-space-main-copy p,
html body .cloud-space-gallery-title p{
  color:#566276;
}


html body .cloud-space-main-copy p strong{
  color:#0F4BB3;
}


html body .cloud-space-main-photo{
  background:linear-gradient(180deg, #FFFFFF 0%, #FAFCFF 100%);
  border:1px solid rgba(226,234,244,.92);
  box-shadow:
    0 30px 72px rgba(7,21,47,.105),
    0 0 0 1px rgba(255,255,255,.78),
    0 12px 34px rgba(216,197,138,.020),
    inset 0 1px 0 rgba(255,255,255,.92);
}


html body .cloud-space-main-photo img{
  filter:saturate(1.028) contrast(1.034) brightness(1.010);
}


html body .cloud-photo-caption-final{
  background:linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(250,252,255,.80) 100%);
  border-top:1px solid rgba(229,234,241,.72);
}


html body .cloud-photo-caption-final strong{
  color:#0F4BB3;
}


html body .cloud-photo-caption-final strong:before{
  background:linear-gradient(135deg,#7EE7E0 0%,#D8C58A 100%);
  opacity:.82;
  box-shadow:0 0 0 4px rgba(216,197,138,.040);
}


html body .cloud-space-main-point div{
  background:
    radial-gradient(circle at 96% 0%, rgba(126,231,224,.058) 0%, rgba(126,231,224,0) 40%),
    linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(250,252,255,.955) 100%);
  border:1px solid rgba(224,234,245,.90);
  box-shadow:
    0 13px 30px rgba(15,23,42,.044),
    0 0 0 1px rgba(255,255,255,.70),
    inset 0 1px 0 rgba(255,255,255,.92);
}


html body .cloud-space-main-point div:nth-child(2){
  background:
    radial-gradient(circle at 96% 0%, rgba(216,197,138,.038) 0%, rgba(216,197,138,0) 36%),
    linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(251,252,254,.955) 100%);
}


html body .cloud-space-main-point strong{
  color:#07152F;
}


html body .cloud-space-main-point span{
  color:#5F6B7D;
}


html body .cloud-space-main-point div:nth-child(2):before{
  background:
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.94) 0 2px, transparent 3px),
    linear-gradient(135deg,#D8C58A,#7EE7E0);
  opacity:.82;
  box-shadow:
    0 5px 12px rgba(216,197,138,.085),
    0 0 0 5px rgba(216,197,138,.035);
}


html body .cloud-space-feature-section{
  background:
    radial-gradient(circle at 18% 0%, rgba(126,231,224,.045) 0%, rgba(126,231,224,0) 32%),
    radial-gradient(circle at 82% 10%, rgba(20,84,200,.030) 0%, rgba(20,84,200,0) 38%),
    linear-gradient(180deg, #F7FAFD 0%, #FAFCFF 100%);
  border-top:1px solid rgba(229,234,241,.78);
}


html body .cloud-space-feature-card{
  background:
    radial-gradient(circle at 88% 0%, rgba(126,231,224,.060) 0%, rgba(126,231,224,0) 40%),
    linear-gradient(180deg, #FFFFFF 0%, #FAFCFF 100%);
  border:1px solid rgba(224,234,245,.90);
  box-shadow:
    0 18px 40px rgba(7,21,47,.050),
    0 0 0 1px rgba(255,255,255,.68),
    inset 0 1px 0 rgba(255,255,255,.94);
}


html body .cloud-space-feature-card:nth-child(1){
  background:
    radial-gradient(circle at 88% 0%, rgba(216,197,138,.038) 0%, rgba(216,197,138,0) 38%),
    radial-gradient(circle at 8% 0%, rgba(126,231,224,.038) 0%, rgba(126,231,224,0) 36%),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%);
}


html body .cloud-space-feature-card:nth-child(2){
  background:
    radial-gradient(circle at 88% 0%, rgba(126,231,224,.065) 0%, rgba(126,231,224,0) 40%),
    linear-gradient(180deg, #FFFFFF 0%, #FAFDFF 100%);
}


html body .cloud-space-feature-card:nth-child(3){
  background:
    radial-gradient(circle at 88% 0%, rgba(20,84,200,.045) 0%, rgba(20,84,200,0) 40%),
    linear-gradient(180deg, #FFFFFF 0%, #FAFCFF 100%);
}


html body .cloud-space-feature-card strong{
  color:rgba(20,84,200,.115);
}


html body .cloud-space-feature-card h3{
  color:#07152F;
}


html body .cloud-space-feature-card p{
  color:#5F6B7D;
}


html body .cloud-feature-badge{
  background:#F1F6FF;
  border:1px solid rgba(20,84,200,.090);
  color:#0F4BB3;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80);
}


html body .cloud-space-feature-card:nth-child(1) .cloud-feature-badge{
  background:#FFF9EF;
  border-color:rgba(216,197,138,.105);
  color:#8A6B1F;
}


html body .cloud-space-feature-card:nth-child(2) .cloud-feature-badge{
  background:#F0FCFB;
  border-color:rgba(126,231,224,.165);
  color:#15807A;
}


html body .cloud-space-feature-card:nth-child(3) .cloud-feature-badge{
  background:#F3F6FF;
  border-color:rgba(20,84,200,.100);
  color:#0F4BB3;
}


html body .cloud-space-gallery-section,
html body .cloud-space-video-section,
html body .cloud-space-cta-section{
  position:relative;
  overflow:hidden;
}


html body .cloud-space-gallery-section{
  background:
    radial-gradient(circle at 14% 0%, rgba(126,231,224,.035) 0%, rgba(126,231,224,0) 34%),
    radial-gradient(circle at 86% 8%, rgba(20,84,200,.022) 0%, rgba(20,84,200,0) 36%),
    linear-gradient(180deg, #FCFDFF 0%, #F9FBFE 100%);
  border-top:1px solid rgba(231,236,244,.76);
}


html body .cloud-space-gallery-section.alt{
  background:
    radial-gradient(circle at 16% 0%, rgba(126,231,224,.030) 0%, rgba(126,231,224,0) 30%),
    radial-gradient(circle at 84% 10%, rgba(20,84,200,.026) 0%, rgba(20,84,200,0) 36%),
    linear-gradient(180deg, #F8FBFE 0%, #F4F8FC 100%);
}


html body .cloud-space-gallery-section .cloud-space-inner,
html body .cloud-space-video-section .cloud-space-inner,
html body .cloud-space-cta-section .cloud-space-cta-inner{
  position:relative;
  z-index:2;
}


html body .cloud-space-gallery-title,
html body .cloud-space-video-section .cloud-section-head{
  max-width:760px;
}


html body .cloud-space-gallery-title h2,
html body .cloud-space-video-section .cloud-section-head h2{
  letter-spacing:-.045em;
  line-height:1.16;
}


html body .cloud-space-gallery-title p,
html body .cloud-space-video-section .cloud-section-head p{
  color:#5B6778;
  line-height:1.88;
}


html body .cloud-space-gallery-item{
  background:linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%);
  border:1px solid rgba(225,233,243,.92);
  box-shadow:
    0 22px 52px rgba(7,21,47,.058),
    0 0 0 1px rgba(255,255,255,.78),
    inset 0 1px 0 rgba(255,255,255,.94);
}


html body .cloud-space-gallery-item img{
  filter:saturate(1.015) contrast(1.03) brightness(1.008);
}


html body .cloud-space-gallery-section.alt .cloud-space-gallery-item img{
  filter:saturate(.965) contrast(1.028) brightness(1.012);
}


html body .cloud-space-gallery-item.vertical img{
  filter:saturate(.90) contrast(1.02) brightness(.992);
}


html body .cloud-space-gallery-caption,
html body .cloud-photo-caption-final,
html body .cloud-space-video-caption{
  background:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(248,251,255,.97) 100%);
  border-top:1px solid rgba(228,234,242,.78);
}


html body .cloud-space-gallery-caption strong,
html body .cloud-space-video-caption strong{
  color:#07152F;
}


html body .cloud-space-gallery-caption strong:before{
  background:linear-gradient(135deg,#7EE7E0 0%, #1454C8 100%);
  box-shadow:0 0 0 5px rgba(126,231,224,.055);
}


html body .cloud-space-gallery-caption span,
html body .cloud-space-video-caption{
  color:#627083;
}


html body .cloud-view-chip{
  background:rgba(7,21,47,.78);
  color:#F5F8FD;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 20px rgba(7,21,47,.18);
}


html body .cloud-space-note{
  background:
    radial-gradient(circle at 10% 0%, rgba(126,231,224,.055) 0%, rgba(126,231,224,0) 34%),
    linear-gradient(180deg, #FFFFFF 0%, #FAFCFF 100%);
  border:1px dashed rgba(20,84,200,.16);
  box-shadow:
    0 18px 42px rgba(7,21,47,.045),
    inset 0 1px 0 rgba(255,255,255,.92);
  color:#4E5A6C;
}


html body .cloud-note-badge{
  background:#EEF5FF;
  border:1px solid rgba(20,84,200,.10);
  color:#0F4BB3;
}


html body .cloud-space-note strong{
  color:#07152F;
}


html body .cloud-space-note .cloud-note-em{
  color:#1454C8;
}


html body .cloud-space-video-section{
  background:
    radial-gradient(circle at 16% 0%, rgba(126,231,224,.040) 0%, rgba(126,231,224,0) 34%),
    radial-gradient(circle at 84% 8%, rgba(20,84,200,.028) 0%, rgba(20,84,200,0) 38%),
    linear-gradient(180deg, #FBFDFF 0%, #F6FAFE 100%);
  border-top:1px solid rgba(230,236,244,.78);
}


html body .cloud-space-video-box{
  background:linear-gradient(180deg, #FFFFFF 0%, #FAFCFF 100%);
  border:1px solid rgba(225,233,243,.92);
  box-shadow:
    0 28px 64px rgba(7,21,47,.078),
    0 0 0 1px rgba(255,255,255,.78),
    inset 0 1px 0 rgba(255,255,255,.94);
}


html body .cloud-space-video-box video{
  filter:saturate(1.01) contrast(1.025) brightness(1.01);
}


html body .cloud-space-cta-section{
  background:
    linear-gradient(180deg, #F6F9FD 0%, #F1F6FC 100%);
  border-top:1px solid rgba(229,235,243,.78);
}


html body .cloud-space-cta-inner{
  position:relative;
  max-width:1200px;
  margin:0 auto;
  padding:78px 88px;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(126,231,224,.16) 0%, rgba(126,231,224,0) 26%),
    radial-gradient(circle at 82% 14%, rgba(20,84,200,.26) 0%, rgba(20,84,200,0) 30%),
    linear-gradient(135deg, #07152F 0%, #0B234D 56%, #1148A8 100%);
  border:1px solid rgba(126,231,224,.16);
  box-shadow:0 34px 84px rgba(7,21,47,.26);
}


html body .cloud-space-cta-inner:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 24%, rgba(255,255,255,0) 100%),
    radial-gradient(circle at 78% 22%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 22%);
}


html body .cloud-space-cta-inner h2{
  position:relative;
  z-index:2;
  color:#FFFFFF;
  text-shadow:none;
}


html body .cloud-space-cta-inner h2 span{
  background:linear-gradient(180deg, #A7FFF9 0%, #7EE7E0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


html body .cloud-space-cta-inner p{
  position:relative;
  z-index:2;
  color:rgba(238,245,255,.82);
}


html body .cloud-space-cta-inner .cloud-cta-buttons{
  position:relative !important;
  z-index:2 !important;
}


html body .cloud-space-cta-inner .cloud-cta-buttons a:first-child{
  background:linear-gradient(180deg, #A7FFF9 0%, #7EE7E0 100%) !important;
  color:#07152F !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 16px 32px rgba(126,231,224,.16) !important;
}


html body .cloud-space-cta-inner .cloud-cta-buttons a.sub-result-link,
html body .cloud-space-cta-inner .cloud-cta-buttons a:last-child{
  background:rgba(255,255,255,.06) !important;
  color:#F4F8FF !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}


html body .cloud-space-gallery-title,
html body .cloud-space-main-card,
html body .cloud-space-video-box,
html body .cloud-space-note{
  margin-top:0;
}


html body .cloud-space-gallery{
  row-gap:30px;
}


html body .cloud-space-gallery-section .cloud-space-gallery-title,
html body .cloud-space-video-section .cloud-section-head{
  margin-bottom:48px;
}


html body #banner{
  opacity:.16 !important;
}


html body #banner:hover{
  opacity:.92 !important;
}


html body .cloud-footer{
  background:linear-gradient(180deg, #07152F 0%, #091C3C 100%);
}


html,
html body{
  overflow-anchor:none !important;
}


html body .cloud-sub-hero{
  overflow-anchor:none !important;
}


html body .cloud-sub-hero,
html body .cloud-sub-hero-bg,
html body .cloud-sub-visual{
  min-height:662px !important;
  max-height:662px !important;
  height:662px !important;
}


html body .cloud-sub-hero-copy,
html body .cloud-sub-hero-card,
html body .cloud-sub-hero-bg,
html body .cloud-sub-visual{
  opacity:1 !important;
  visibility:visible !important;
  animation:none !important;
  will-change:auto !important;
  backface-visibility:hidden !important;
}


html body .cloud-sub-hero-card:hover{
  transition-property:box-shadow,border-color,background !important;
}


html body .cloud-sub-hero .cloud-sub-label,
html body .cloud-sub-hero .cloud-hero-title-premium,
html body .cloud-sub-hero .cloud-sub-hero-copy p,
html body .cloud-sub-hero .cloud-hero-meta,
html body .cloud-sub-hero .cloud-sub-hero-buttons{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  animation:none !important;
  will-change:auto !important;
}


html body .cloud-subnav-wrap{
  width:100% !important;
  min-width:1100px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  position:relative !important;
  z-index:40 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
  background:
    radial-gradient(ellipse at 50% 0%,
      rgba(126,231,224,.055) 0%,
      rgba(126,231,224,.018) 30%,
      rgba(126,231,224,0) 62%),
    linear-gradient(180deg,#FBFDFF 0%,#FFFFFF 100%) !important;
  border-top:1px solid rgba(126,231,224,.075) !important;
  border-bottom:1px solid rgba(229,234,241,.92) !important;
  box-shadow:
    0 -1px 0 rgba(126,231,224,.08),
    0 16px 34px rgba(15,23,42,.035) !important;
}


html body .cloud-subnav{
  width:1000px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  padding:18px 0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
  box-sizing:border-box !important;
}


html body .cloud-subnav ul{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  box-sizing:border-box !important;
}


html body .cloud-subnav li{
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  line-height:normal !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  box-sizing:border-box !important;
}


html body .cloud-subnav-title{
  position:relative !important;
  display:block !important;
  flex-shrink:0 !important;
  padding-left:22px !important;
  padding-right:18px !important;
  color:#07152F !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:-.6px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  text-shadow:0 1px 0 rgba(255,255,255,.86) !important;
  box-sizing:border-box !important;
}


html body .cloud-subnav-title:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  width:14px !important;
  height:14px !important;
  border-radius:50% !important;
  transform:translateY(-50%) !important;
  background:
    radial-gradient(circle at 35% 35%,#fff 0 2px,transparent 3px),
    linear-gradient(135deg,#1454C8,#7EE7E0) !important;
  box-shadow:
    0 6px 14px rgba(20,84,200,.18),
    0 0 0 4px rgba(126,231,224,.10) !important;
}


html body .cloud-subnav-title:after{
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  width:1px !important;
  height:16px !important;
  background:#d8dee8 !important;
  transform:translateY(-50%) !important;
}


html body .cloud-subnav a,
html body .cloud-subnav a:link,
html body .cloud-subnav a:visited,
html body .cloud-subnav a:hover,
html body .cloud-subnav a:focus,
html body .cloud-subnav a:focus-visible,
html body .cloud-subnav a:active,
html body .cloud-subnav a.active,
html body .cloud-subnav a.active:link,
html body .cloud-subnav a.active:visited,
html body .cloud-subnav a.active:hover,
html body .cloud-subnav a.active:focus,
html body .cloud-subnav a.active:focus-visible,
html body .cloud-subnav a.active:active{
  display:block !important;
  padding:9px 16px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  line-height:1.2 !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:-.35px !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
  margin:0 !important;
  transform:none !important;
  outline:none !important;
  text-decoration:none !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
  border:1px solid transparent !important;
  -webkit-tap-highlight-color:transparent !important;
  -webkit-focus-ring-color:transparent !important;
}


html body .cloud-subnav a,
html body .cloud-subnav a:link,
html body .cloud-subnav a:visited{
  color:#4b5563 !important;
  background:rgba(245,247,251,.72) !important;
  box-shadow:none !important;
}


html body .cloud-subnav a:not(.active):hover,
html body .cloud-subnav a:not(.active):focus,
html body .cloud-subnav a:not(.active):focus-visible,
html body .cloud-subnav a:not(.active):active{
  color:#1454C8 !important;
  background:rgba(238,244,255,.78) !important;
  box-shadow:none !important;
}


html body .cloud-subnav a.active,
html body .cloud-subnav a.active:link,
html body .cloud-subnav a.active:visited,
html body .cloud-subnav a.active:hover,
html body .cloud-subnav a.active:focus,
html body .cloud-subnav a.active:focus-visible,
html body .cloud-subnav a.active:active{
  color:#ffffff !important;
  background:linear-gradient(135deg,#07152F 0%,#0B2454 72%,#1454C8 100%) !important;
  box-shadow:0 8px 17px rgba(7,21,47,.13) !important;
}


html body .cloud-subnav a:before,
html body .cloud-subnav a:after,
html body .cloud-subnav a:hover:before,
html body .cloud-subnav a:hover:after,
html body .cloud-subnav a:focus:before,
html body .cloud-subnav a:focus:after,
html body .cloud-subnav a:active:before,
html body .cloud-subnav a:active:after,
html body .cloud-subnav a.active:before,
html body .cloud-subnav a.active:after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:none !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
  pointer-events:none !important;
}


html body .cloud-subnav a::-moz-focus-inner{
  border:0 !important;
  padding:0 !important;
}


html body .cloud-sub-hero .cloud-sub-hero-copy{
  transform:translate3d(0,-14px,0) !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}

html body .cloud-sub-hero .cloud-sub-label,
html body .cloud-sub-hero .cloud-hero-title-premium,
html body .cloud-sub-hero .cloud-sub-hero-copy p,
html body .cloud-sub-hero .cloud-hero-meta,
html body .cloud-sub-hero .cloud-sub-hero-buttons,
html body .cloud-sub-hero .cloud-sub-hero-card,
html body .cloud-sub-hero .space-core-card,
html body .cloud-sub-hero .cloud-space-card{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}


html body .cloud-header{
  margin-top:0 !important;
  top:auto !important;
  transform:none !important;
}
html body .cloud-top{
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
}
html body .cloud-top-inner{
  width:1000px !important;
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  line-height:24px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:4px !important;
}
html body .cloud-top-inner a{
  height:18px !important;
  line-height:18px !important;
  margin:0 0 0 12px !important;
  padding:0 2px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:none !important;
}
html body .cloud-main-header{
  height:78px !important;
  min-height:78px !important;
  max-height:78px !important;
  margin:0 !important;
  padding:0 !important;
}
html body .cloud-header-inner{
  height:78px !important;
  min-height:78px !important;
  max-height:78px !important;
  margin:0 auto !important;
  padding:0 !important;
}
html body .cloud-logo-imgbox{
  height:78px !important;
  min-height:78px !important;
  max-height:78px !important;
}

html body .cloud-nav > ul > li.has-panel:not(:hover) > .nav-panel,
html body .cloud-header .cloud-nav > ul > li.has-panel:not(:hover) > .nav-panel{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateX(-50%) translateY(8px) !important;
}
html body .cloud-nav > ul > li.has-panel:not(:hover) > .nav-panel:before,
html body .cloud-header .cloud-nav > ul > li.has-panel:not(:hover) > .nav-panel:before{
  opacity:0 !important;
  visibility:hidden !important;
}
html body .cloud-nav > ul > li.has-panel:hover > .nav-panel,
html body .cloud-header .cloud-nav > ul > li.has-panel:hover > .nav-panel{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}
html body .cloud-nav > ul > li.has-panel:hover > .nav-panel:before,
html body .cloud-header .cloud-nav > ul > li.has-panel:hover > .nav-panel:before{
  opacity:.96 !important;
  visibility:visible !important;
}


@media (prefers-reduced-motion:reduce){
  html body .cloud-sub-hero .cloud-sub-hero-copy{
    animation:none !important;
    transform:translate3d(0,-14px,0) !important;
  }
  html body .cloud-sub-hero .cloud-sub-hero-card{
    animation:none !important;
    transform:translateY(-6px) !important;
  }
}

html body.cloud-hero-prep .cloud-sub-hero .cloud-sub-hero-copy,
html body.cloud-hero-prep .cloud-sub-hero .cloud-sub-hero-card{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}

html body .cloud-sub-hero .cloud-sub-hero-card:hover{
  animation:none !important;
  transform:translateY(-7px) !important;
}

@media (prefers-reduced-motion:reduce){

}


html body #gotop{
  display:none;
  position:fixed !important;
  left:24px !important;
  right:auto !important;
  bottom:24px !important;
  top:auto !important;
  width:58px !important;
  height:58px !important;
  margin:0 !important;
  padding:0 !important;
  z-index:20000 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  opacity:1 !important;
  transform:none !important;
}
html body #gotop a{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#07152F 0%,#1454C8 100%) !important;
  border:1px solid rgba(126,231,224,.16) !important;
  box-shadow:0 15px 32px rgba(7,21,47,.20),inset 0 1px 0 rgba(255,255,255,.14) !important;
  text-decoration:none !important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease !important;
}
html body #gotop a:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 18px 36px rgba(7,21,47,.27),0 0 0 1px rgba(126,231,224,.18),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
html body #gotop img{display:none !important;}
html body #gotop .top-arrow,
html body #gotop .top-text{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
}
html body #gotop a:before{
  content:"↑" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:11px !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#7EE7E0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  text-align:center !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:900 !important;
  font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif !important;
}
html body #gotop a:after{
  content:"TOP" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:12px !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#ffffff !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  text-align:center !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif !important;
}


html body a[onclick]{
  cursor:pointer !important;
}



html.sub12-hero-entrance-prep body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-sub-label,
html.sub12-hero-entrance-prep body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-hero-title-premium,
html.sub12-hero-entrance-prep body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-sub-hero-copy p,
html.sub12-hero-entrance-prep body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-hero-meta,
html.sub12-hero-entrance-prep body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-sub-hero-buttons{
  opacity:0 !important;
  transform:translateY(14px) !important;
  visibility:visible !important;
  filter:none !important;
  animation:none !important;
  will-change:opacity,transform !important;
}
html.sub12-hero-entrance-prep body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-sub-hero-card{
  opacity:0 !important;
  transform:translateY(22px) translateX(16px) scale(.97) !important;
  visibility:visible !important;
  filter:none !important;
  animation:none !important;
  will-change:opacity,transform !important;
}
html.sub12-hero-entrance-run body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-sub-label,
html.sub12-hero-entrance-run body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-hero-title-premium,
html.sub12-hero-entrance-run body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-sub-hero-copy p,
html.sub12-hero-entrance-run body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-hero-meta,
html.sub12-hero-entrance-run body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-sub-hero-buttons{
  opacity:1 !important;
  transform:translateY(0) !important;
  visibility:visible !important;
  animation:none !important;
  transition-property:opacity,transform !important;
  transition-duration:.68s !important;
  transition-timing-function:cubic-bezier(.22,1,.36,1) !important;
}
html.sub12-hero-entrance-run body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-sub-label{transition-delay:.12s !important;}
html.sub12-hero-entrance-run body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-hero-title-premium{transition-delay:.22s !important;}
html.sub12-hero-entrance-run body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-sub-hero-copy p{transition-delay:.34s !important;}
html.sub12-hero-entrance-run body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-hero-meta{transition-delay:.46s !important;}
html.sub12-hero-entrance-run body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-sub-hero-buttons{transition-delay:.56s !important;}
html.sub12-hero-entrance-run body:not(.is-cloud-navigating) .cloud-sub-hero .cloud-sub-hero-card{
  opacity:1 !important;
  transform:translateY(-6px) translateX(0) scale(1) !important;
  visibility:visible !important;
  animation:none !important;
  transition-property:opacity,transform !important;
  transition-duration:.82s !important;
  transition-delay:.18s !important;
  transition-timing-function:cubic-bezier(.22,1,.36,1) !important;
  will-change:opacity,transform !important;
}
html.sub12-hero-entrance-done body .cloud-sub-hero .cloud-sub-label,
html.sub12-hero-entrance-done body .cloud-sub-hero .cloud-hero-title-premium,
html.sub12-hero-entrance-done body .cloud-sub-hero .cloud-sub-hero-copy p,
html.sub12-hero-entrance-done body .cloud-sub-hero .cloud-hero-meta,
html.sub12-hero-entrance-done body .cloud-sub-hero .cloud-sub-hero-buttons{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}
html.sub12-hero-entrance-done body .cloud-sub-hero .cloud-sub-hero-card{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:translateY(-6px) !important;
}
html.sub12-hero-entrance-run body .cloud-sub-hero .cloud-sub-hero-card:hover,
html.sub12-hero-entrance-done body .cloud-sub-hero .cloud-sub-hero-card:hover{
  transform:translateY(-7px) !important;
}
@media (prefers-reduced-motion:reduce){
  html.sub12-hero-entrance-prep body .cloud-sub-hero .cloud-sub-label,
  html.sub12-hero-entrance-prep body .cloud-sub-hero .cloud-hero-title-premium,
  html.sub12-hero-entrance-prep body .cloud-sub-hero .cloud-sub-hero-copy p,
  html.sub12-hero-entrance-prep body .cloud-sub-hero .cloud-hero-meta,
  html.sub12-hero-entrance-prep body .cloud-sub-hero .cloud-sub-hero-buttons,
  html.sub12-hero-entrance-prep body .cloud-sub-hero .cloud-sub-hero-card{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}


.js-sitemap-link{cursor:pointer;}