@charset "UTF-8";
@import"https://use.typekit.net/nyi5klw.css";

@font-face {
  font-family: Presentation;
  src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-4Regular.woff2) format("woff2");
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: Presentation;
  src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-5Medium.woff2) format("woff2");
  font-weight: 500;
  font-display: swap
}

@font-face {
  font-family: Presentation;
  src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-6SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-display: swap
}

@font-face {
  font-family: Presentation;
  src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-7Bold.woff2) format("woff2");
  font-weight: 700;
  font-display: swap
}

html {
  font-size: 16px;
  font-weight: 500;
  font-family: Presentation, sans-serif
}

body {
  line-height: 1.5
}

em,
address,
i {
  font-style: normal
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  box-sizing: border-box;
  word-break: keep-all;
  word-wrap: break-word
}

img {
  transform: translateZ(0)
}

fieldset {
  min-inline-size: 0
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

html {
  overflow-x: hidden
}

html.layer-opens {
  overflow: hidden
}

html.layer-opens #wrapper {
  overflow-y: scroll
}

#wrapper {
  position: relative
}

main {
  min-height: calc(100dvh - 516px)
}

.is-motion {
  opacity: 0;
  transform: translateY(30px) translateZ(0);
  transition: opacity .3s ease, transform .3s ease
}

.is-motion.is-motion-on {
  opacity: 1;
  transform: translateY(0) translateZ(0)
}

.blind {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  text-size-adjust: none
}

.footer-info li {
  position: relative
}

.footer-info li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -16px;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #d1d5db
}

@media(max-width:768px) {
  .footer-info li:not(:last-child):after {
    display: none
  }
}

.contact-banner {
  background: url(../images/banner/contact_banner_pc.jpg) no-repeat center/cover
}

@media(max-width:768px) {
  .contact-banner {
    background: url(../images/banner/contact_banner_mo.jpg) no-repeat center/cover
  }
}

.sub-banner.idc {
  background: url(../images/banner/sub_idc_pc.jpg) no-repeat center/cover
}

@media(max-width:768px) {
  .sub-banner.idc {
    background: url(../images/banner/sub_idc_mo.jpg) no-repeat center/cover
  }
}

.sub-banner.cloud {
  background: url(../images/banner/sub_cloud_pc.jpg) no-repeat center/cover
}

@media(max-width:768px) {
  .sub-banner.cloud {
    background: url(../images/banner/sub_cloud_mo.jpg) no-repeat center/cover
  }
}

.sub-banner.company {
  background: url(../images/banner/sub_company_pc.jpg) no-repeat center/cover
}

@media(max-width:768px) {
  .sub-banner.company {
    background: url(../images/banner/sub_company_mo.jpg) no-repeat center/cover
  }
}

.sub-banner.consulting {
  background: url(../images/banner/sub_consulting_pc.jpg) no-repeat center/cover
}

@media(max-width:768px) {
  .sub-banner.consulting {
    background: url(../images/banner/sub_consulting_mo.jpg) no-repeat center/cover
  }
}

.sub-banner.contactus {
  background: url(../images/banner/sub_contactus_pc.jpg) no-repeat center/cover
}

@media(max-width:768px) {
  .sub-banner.contactus {
    background: url(../images/banner/sub_contactus_mo.jpg) no-repeat center/cover
  }
}

.sub-banner.security {
  background: url(../images/banner/sub_security_pc.jpg) no-repeat center/cover
}

@media(max-width:768px) {
  .sub-banner.security {
    background: url(../images/banner/sub_security_mo.jpg) no-repeat center/cover
  }
}

.lnb {
  position: sticky;
  top: 64px;
  z-index: 9990;
  height: 48px;
  background: var(--color-black-default)
}

.lnb .selected-btn {
  display: none
}

.lnb ul {
  display: flex;
  column-gap: 20px;
  height: 100%;
  justify-content: center
}

.lnb a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 12px;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-black-tertiary)
}

.lnb a:hover {
  text-decoration: underline
}

.lnb .current a {
  background: var(--color-gray-700);
  color: var(--color-white-default)
}

@media(max-width:768px) {
  .lnb {
    height: 52px
  }

  .lnb .selected-btn {
    width: 100%;
    height: 100%;
    padding: 0 16px;
    display: flex;
    align-items: center
  }

  .lnb .selected-btn .dep1 {
    color: var(--color-black-tertiary);
    display: flex;
    align-items: center
  }

  .lnb .selected-btn .dep1:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M8.5%207L11.5%2010L8.5%2013'%20stroke='%239899A7'/%3e%3c/svg%3e") center/cover no-repeat
  }

  .lnb .selected-btn .dep2 {
    color: var(--color-white-default)
  }

  .lnb .selected-btn:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M15%207.5L10%2012.5L5%207.5'%20stroke='%23F8F8F9'/%3e%3c/svg%3e") center no-repeat;
    margin-left: auto
  }

  .lnb ul {
    display: none
  }

  .lnb a:hover {
    text-decoration: none
  }

  .lnb.active .selected-btn:after {
    transform: rotate(180deg)
  }

  .lnb.active ul {
    display: block;
    position: absolute;
    left: 0;
    top: 52px;
    width: 100%
  }

  .lnb.active a {
    height: 52px;
    background: var(--color-black-strong);
    font-size: 15px
  }

  .lnb.active .current a {
    color: var(--color-black-tertiary)
  }
}

.message {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-white-default)
}

.message:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px
}

.message.success:before {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%3e%3cpath%20d='M9%200C4.0374%200%200%204.0374%200%209C0%2013.9626%204.0374%2018%209%2018C13.9626%2018%2018%2013.9626%2018%209C18%204.0374%2013.9626%200%209%200ZM9%2016.3636C4.93964%2016.3636%201.63636%2013.0603%201.63636%209C1.63636%204.93969%204.93964%201.63636%209%201.63636C13.0604%201.63636%2016.3636%204.93969%2016.3636%209C16.3636%2013.0603%2013.0603%2016.3636%209%2016.3636Z'%20fill='%2300D16C'/%3e%3cpath%20d='M9%200C4.0374%200%200%204.0374%200%209C0%2013.9626%204.0374%2018%209%2018C13.9626%2018%2018%2013.9626%2018%209C18%204.0374%2013.9626%200%209%200Z'%20fill='%2300D16C'/%3e%3cpath%20d='M12.3749%205.81823L7.74651%2010.4466L5.62523%208.32525C5.30576%208.00578%204.78769%208.00572%204.46816%208.32519C4.14863%208.64472%204.14863%209.16274%204.46816%209.48227L7.16794%2012.1822C7.32138%2012.3356%207.52947%2012.4218%207.74645%2012.4218H7.74651C7.96349%2012.4218%208.17158%2012.3356%208.32502%2012.1822L13.532%206.97536C13.8515%206.65583%2013.8515%206.13781%2013.532%205.81829C13.2125%205.49876%2012.6944%205.4987%2012.3749%205.81823Z'%20fill='%23F8F8F9'/%3e%3c/svg%3e") center no-repeat
}

.message.fail:before {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_1800_7107)'%3e%3cpath%20d='M9%200C7.21997%200%205.47991%200.527841%203.99987%201.51677C2.51983%202.50571%201.36628%203.91131%200.685088%205.55585C0.00389957%207.20038%20-0.17433%209.00998%200.172936%2010.7558C0.520203%2012.5016%201.37737%2014.1053%202.63604%2015.364C3.89471%2016.6226%205.49836%2017.4798%207.24419%2017.8271C8.99002%2018.1743%2010.7996%2017.9961%2012.4442%2017.3149C14.0887%2016.6337%2015.4943%2015.4802%2016.4832%2014.0001C17.4722%2012.5201%2018%2010.78%2018%209C17.9972%206.61391%2017.0481%204.32636%2015.3609%202.63915C13.6736%200.951931%2011.3861%200.00281493%209%200ZM12.4707%2011.3146C12.5489%2011.3901%2012.6112%2011.4804%2012.6541%2011.5802C12.697%2011.68%2012.7195%2011.7874%2012.7205%2011.896C12.7214%2012.0047%2012.7007%2012.1124%2012.6596%2012.213C12.6184%2012.3135%2012.5577%2012.4049%2012.4809%2012.4817C12.404%2012.5585%2012.3127%2012.6193%2012.2121%2012.6604C12.1116%2012.7015%2012.0039%2012.7222%2011.8952%2012.7213C11.7866%2012.7203%2011.6792%2012.6978%2011.5794%2012.6549C11.4796%2012.612%2011.3893%2012.5497%2011.3138%2012.4715L9%2010.1569L6.68618%2012.4715C6.53187%2012.6206%206.3252%2012.7031%206.11067%2012.7012C5.89615%2012.6993%205.69094%2012.6133%205.53924%2012.4616C5.38754%2012.3099%205.3015%2012.1047%205.29963%2011.8901C5.29777%2011.6756%205.38024%2011.4689%205.52928%2011.3146L7.84309%209L5.52928%206.68536C5.45113%206.60989%205.3888%206.51961%205.34592%206.41978C5.30304%206.31996%205.28047%206.2126%205.27953%206.10396C5.27858%205.99533%205.29928%205.88759%205.34042%205.78704C5.38156%205.68648%205.44231%205.59513%205.51913%205.51831C5.59596%205.44149%205.68731%205.38074%205.78786%205.3396C5.88841%205.29846%205.99615%205.27776%206.10478%205.2787C6.21342%205.27965%206.32078%205.30222%206.42061%205.3451C6.52043%205.38798%206.61071%205.45031%206.68618%205.52845L9%207.84309L11.3138%205.52845C11.3893%205.45031%2011.4796%205.38798%2011.5794%205.3451C11.6792%205.30222%2011.7866%205.27965%2011.8952%205.2787C12.0039%205.27776%2012.1116%205.29846%2012.2121%205.3396C12.3127%205.38074%2012.404%205.44149%2012.4809%205.51831C12.5577%205.59513%2012.6184%205.68648%2012.6596%205.78704C12.7007%205.88759%2012.7214%205.99533%2012.7205%206.10396C12.7195%206.2126%2012.697%206.31996%2012.6541%206.41978C12.6112%206.51961%2012.5489%206.60989%2012.4707%206.68536L10.1569%209L12.4707%2011.3146Z'%20fill='%23F74949'/%3e%3cpath%20d='M12.4705%2011.3148C12.5487%2011.3902%2012.611%2011.4805%2012.6539%2011.5803C12.6968%2011.6802%2012.7193%2011.7875%2012.7203%2011.8962C12.7212%2012.0048%2012.7005%2012.1125%2012.6594%2012.2131C12.6182%2012.3136%2012.5575%2012.405%2012.4807%2012.4818C12.4039%2012.5586%2012.3125%2012.6194%2012.2119%2012.6605C12.1114%2012.7017%2012.0037%2012.7224%2011.895%2012.7214C11.7864%2012.7205%2011.679%2012.6979%2011.5792%2012.655C11.4794%2012.6122%2011.3891%2012.5498%2011.3136%2012.4717L8.9998%2010.157L6.68599%2012.4717C6.53168%2012.6207%206.325%2012.7032%206.11048%2012.7013C5.89595%2012.6995%205.69074%2012.6134%205.53904%2012.4617C5.38735%2012.31%205.3013%2012.1048%205.29944%2011.8903C5.29757%2011.6758%205.38004%2011.4691%205.52908%2011.3148L7.8429%209.00014L5.52908%206.6855C5.45093%206.61002%205.3886%206.51974%205.34572%206.41992C5.30284%206.3201%205.28027%206.21274%205.27933%206.1041C5.27838%205.99546%205.29908%205.88772%205.34022%205.78717C5.38136%205.68662%205.44212%205.59527%205.51894%205.51845C5.59576%205.44163%205.68711%205.38087%205.78766%205.33974C5.88821%205.2986%205.99595%205.2779%206.10459%205.27884C6.21323%205.27978%206.32059%205.30235%206.42041%205.34523C6.52023%205.38811%206.61051%205.45045%206.68599%205.52859L8.9998%207.84323L11.3136%205.52859C11.3891%205.45045%2011.4794%205.38811%2011.5792%205.34523C11.679%205.30235%2011.7864%205.27978%2011.895%205.27884C12.0037%205.2779%2012.1114%205.2986%2012.2119%205.33974C12.3125%205.38087%2012.4039%205.44163%2012.4807%205.51845C12.5575%205.59527%2012.6182%205.68662%2012.6594%205.78717C12.7005%205.88772%2012.7212%205.99546%2012.7203%206.1041C12.7193%206.21274%2012.6968%206.3201%2012.6539%206.41992C12.611%206.51974%2012.5487%206.61002%2012.4705%206.6855L10.1567%209.00014L12.4705%2011.3148Z'%20fill='%23F8F8F9'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1800_7107'%3e%3crect%20width='18'%20height='18'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center no-repeat
}

.top-button {
  position: fixed;
  right: 40px;
  bottom: 40px;
  width: 60px;
  height: 60px;
  background-color: var(--color-black-strong);
  border-radius: 50%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.top-button:after {
  content: "";
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%3e%3cpath%20d='M20%2028V12'%20stroke='%23F8F8F9'%20stroke-width='2'/%3e%3cpath%20d='M13%2019L20%2012L27%2019'%20stroke='%23F8F8F9'%20stroke-width='2'/%3e%3c/svg%3e") center/cover no-repeat;
  width: 40px;
  height: 40px
}

@media(max-width:768px) {
  .top-button {
    width: 48px;
    height: 48px;
    right: 20px;
    bottom: 20px
  }
}

header {
  height: 64px;
  position: fixed;
  top: 0;
  left: 50%;
  width: 100%;
  transform: translate(-50%);
  z-index: 9999;
  transition: background-color .3s ease
}

header .inner {
  display: flex;
  align-items: center;
  justify-content: space-between
}

header.is-mega-open,
header.is-scroll,
header.is-white,
header:has(.nav-wrap:hover),
header:has(.btn_wrap:hover) {
  background: #f8f8f9
}

header.is-mega-open .logo a,
header.is-scroll .logo a,
header.is-white .logo a,
header:has(.nav-wrap:hover) .logo a,
header:has(.btn_wrap:hover) .logo a {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYEAAABdCAYAAABD0trEAAAACXBIWXMAACxKAAAsSgF3enRNAAADS0lEQVR4nO3dMW4TWxSA4WNEAa6yAvAOSIFr7F0wFfQ0bwfP2QENfbpZBkM9jd8O/FiBqxEdr3hGQki2lJA794bzfZKrkc49sUf6JSuZLJ6/fnsVEdeR03Ea+/25i8t1t4qI1WzbtGU/jf3x3MXlutvMuEtTprEfau8AD+Vp/B+Az7UXqeRLRGwuXH8fEX/Pskl7thExXLie9Z6JiFicu7Bcd7sodM9MY3/23Mfg26cX3wuNvnn24euuwrl/gu2T2hsAUI8IACQmAgCJiQBAYiIAkJgIACQmAgCJiQBAYiIAkJgIACQmAgCJiQBAYiIAkJgIACQmAgCJiQBAYiIAkJgIACQmAgCJiQBAYiIAkNjTGc7YTmM/zHDOozON/aL2Do26mcZ+V3sJ/hjbgrM/RsSrgvMjyu6/nyMCANU8+/B1KDX726cXx1Kzf1byZ/B1EEBiIgCQmAgAJCYCAImJAMD9HWov8LtEAOD+DrUX+F0iAJCYCAAkJgIAiYkAQGJzPDbi43LdzfKn1XdwO439be0llutuqL3Dr6ax39TeISLeL9fdpvYSv2jinoGHNkcESj9c6T6G2gucvKm9QKNenl4tGWovACX4OgggMREASEwEABITAYDERAAgMREASEwEABITAYC2XZccLgIAbbsqOVwEABITAYDERAAgMREASEwEABITAYDERAAgMREASEwEABITAYDERAAgsTn+0fw/EXGc4Zy7ONRe4ORL7QUa9W+08xn9cKi9AJQwRwT+msZ+mOGcR2ca+03tHRp1O439rvYSkIGvgwASEwGAxEQAIDERAEhMBAASEwGAtq1KDhcBgLatSg4XAYDERAAgMREASGyOx0ZwxnLdbWrvcMF+Gvtaz3xatfze1HoMSsvvyclhGvtD7SW4GxGo63PtBS7YRsRQ6ex3p1erFpXObfl+iYi4iYhd7SW4G18HASQmAgCJiQBAYiIAkJgIACQmAgCJiQBAYiIAkJgIACQmAgCJiQBAYiIAkJgIACQmAgBtW5UcLgIAbXtZcrgIACQmAgCJiQBAYiIAkJgIACQmAgCJLZ6/fnsVEdcFz9hPY38sOL+Y5bpbReHf0W3Yxc9tue42M+7SlGnsh9o7wEP5D6VidMYGV8vAAAAAAElFTkSuQmCC)
}

header.is-mega-open .nav-wrap>li>a,
header.is-scroll .nav-wrap>li>a,
header.is-white .nav-wrap>li>a,
header:has(.nav-wrap:hover) .nav-wrap>li>a,
header:has(.btn_wrap:hover) .nav-wrap>li>a {
  color: #1c1e26
}

@media(min-width:1025px) {

  header.is-mega-open .nav-wrap>li.is-active>a,
  header.is-scroll .nav-wrap>li.is-active>a,
  header.is-white .nav-wrap>li.is-active>a,
  header:has(.nav-wrap:hover) .nav-wrap>li.is-active>a,
  header:has(.btn_wrap:hover) .nav-wrap>li.is-active>a {
    color: #7623ff
  }
}

header.is-mega-open .btn_wrap ul li a,
header.is-scroll .btn_wrap ul li a,
header.is-white .btn_wrap ul li a,
header:has(.nav-wrap:hover) .btn_wrap ul li a,
header:has(.btn_wrap:hover) .btn_wrap ul li a {
  color: #1c1e26
}

header.is-mega-open .btn_wrap .btn_lang:before,
header.is-scroll .btn_wrap .btn_lang:before,
header.is-white .btn_wrap .btn_lang:before,
header:has(.nav-wrap:hover) .btn_wrap .btn_lang:before,
header:has(.btn_wrap:hover) .btn_wrap .btn_lang:before {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1803_3257)'%3e%3ccircle%20cx='10'%20cy='10'%20r='9'%20stroke='%230F0D11'/%3e%3cellipse%20cx='10'%20cy='10'%20rx='3'%20ry='9'%20stroke='%230F0D11'/%3e%3cpath%20d='M1.5%207H18.5'%20stroke='%230F0D11'/%3e%3cpath%20d='M1.5%2013H18.5'%20stroke='%230F0D11'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1803_3257'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

header.is-mega-open .btn_menu,
header.is-scroll .btn_menu,
header.is-white .btn_menu,
header:has(.nav-wrap:hover) .btn_menu,
header:has(.btn_wrap:hover) .btn_menu {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%204H18'%20stroke='%230F0D11'/%3e%3cpath%20d='M2%2010H18'%20stroke='%230F0D11'/%3e%3cpath%20d='M2%2016H18'%20stroke='%230F0D11'/%3e%3c/svg%3e")
}

header.is-mega-open .mega--shared {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

header.is-scroll,
header.is-white {
  box-shadow: 0 1px #1c1e2614
}

header .logo {
  width: 90px;
  height: 22px
}

header .logo a {
  display: block;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,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) no-repeat center/contain
}

header .nav-wrap {
  display: flex;
  gap: 32px
}

header .nav-wrap>li {
  padding: 0 12px
}

header .nav-wrap>li>a {
  display: flex;
  align-items: center;
  height: 64px;
  color: #f8f8f9;
  position: relative;
}

@media(min-width:1025px) {

  header .nav-wrap>li>a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    height: 2px;
    background-color: transparent;
    transition: background-color .2s ease
  }

  header .nav-wrap>li:hover>a:after {
    background-color: #7623ff
  }
}

header .btn_menu {
  width: 44px;
  height: 44px;
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%204H18'%20stroke='%23F8F8F9'/%3e%3cpath%20d='M2%2010H18'%20stroke='%23F8F8F9'/%3e%3cpath%20d='M2%2016H18'%20stroke='%23F8F8F9'/%3e%3c/svg%3e") no-repeat center
}

@media(min-width:1025px) {
  header .btn_menu {
    display: none
  }
}

.has-mega {
  position: static
}

.mega {
  position: absolute;
  top: 64px;
  left: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #E2E2E6;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
  background: #f8f8f9;
  border-bottom: 1px solid #E2E2E6
}

.mega__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  align-items: stretch
}

.mega__list {
  padding: 40px 32px 40px 0;
  flex-shrink: 0;
  width: 200px;
  display: flex;
  flex-direction: column;
  gap: 4px
}

.mega__list li {
  border-radius: 8px
}

.mega__list li.on {
  background: #f1f1f3
}

.mega__list li a {
  display: block;
  padding: 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #1c1e26
}

.mega__list li:hover {
  text-decoration: underline
}

.mega__panels {
  flex: 1 1 0;
  min-width: 0;
  padding-left: 32px;
  border-left: 1px solid #e2e2e6
}

.mega__panel {
  display: none;
  flex-direction: column;
  gap: 12px;
  padding: 40px 0
}

.mega__panel:first-child {
  display: flex
}

.mega__inner:has(.mega__panel.is-active) .mega__panel {
  display: none
}

.mega__inner:has(.mega__panel.is-active) .mega__panel.is-active {
  display: flex
}

.mega__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  color: #1c1e26
}

.mega__desc {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #2e303b
}

.mega__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #7623ff
}

.mega__more:after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  transform: rotate(45deg)
}

@media(min-width:1025px) {
  .mega__more:hover {
    text-decoration: underline
  }
}

html.gnb-lock,
body.gnb-lock {
  overflow: hidden
}

.inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px
}

@media(max-width:768px) {
  .inner {
    padding: 0 16px
  }
}

.video-wrap {
  position: relative;
  width: 100%;
  height: 100vh
}

.video-wrap video {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover
}

.video-wrap:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000000b3;
  pointer-events: none
}

.video-wrap .kv-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px
}

.video-wrap .progress {
  position: relative;
  width: 260px;
  height: 6px;
  border-radius: 99px;
  background: #f8f8f966;
  overflow: hidden
}

@media(max-width:768px) {
  .video-wrap .progress {
    width: 144px
  }
}

.video-wrap .progress__bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 99px;
  background: #f8f8f9
}

.video-wrap .controler {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='%23F8F8F9'%20fill-opacity='0.4'/%3e%3crect%20x='14.5'%20y='11'%20width='10'%20height='3'%20transform='rotate(90%2014.5%2011)'%20fill='%23F8F8F9'/%3e%3crect%20x='20.5'%20y='11'%20width='10'%20height='3'%20transform='rotate(90%2020.5%2011)'%20fill='%23F8F8F9'/%3e%3c/svg%3e") no-repeat center
}

.video-wrap .controler.is-paused {
  background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='%23F8F8F9'%20fill-opacity='0.4'/%3e%3cpath%20d='M22%2016L13%2021.1962L13%2010.8038L22%2016Z'%20fill='%23F8F8F9'/%3e%3c/svg%3e")
}

.btn_wrap ul {
  display: flex;
  gap: 16px
}

.btn_wrap ul li>a {
  color: #fff;
  font-weight: 500
}

.btn_wrap ul .btn_lang {
  padding: 12px 12px 12px 36px;
  position: relative
}

.btn_wrap ul .btn_lang:before {
  content: "";
  position: absolute;
  top: 14px;
  left: 12px;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1781_2609)'%3e%3ccircle%20cx='10'%20cy='10'%20r='9'%20stroke='%23F8F8F9'/%3e%3cellipse%20cx='10'%20cy='10'%20rx='3'%20ry='9'%20stroke='%23F8F8F9'/%3e%3cpath%20d='M1.5%207H18.5'%20stroke='%23F8F8F9'/%3e%3cpath%20d='M1.5%2013H18.5'%20stroke='%23F8F8F9'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1781_2609'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat
}

.btn_wrap ul .btn_support {
  position: relative;
  padding: 12px
}

.btn_wrap ul .btn_support:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 16px;
  width: 1px;
  height: 16px;
  background: #e2e2e6
}

@media(min-width:1025px) {
  .btn_wrap ul li:hover {
    border-radius: 8px;
    background: #f1f1f3
  }
}

.sec-tit {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
  color: #f8f8f9
}

.sec-tit--dark {
  color: #1c1e26
}

.sec-desc {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  color: #c6c7d0
}

.sec-desc--dark {
  color: #2e303b
}

.card-arrow {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px
}

.card-arrow img {
  display: block;
  width: 16px;
  height: 14px
}

.sec-infra {
  position: relative;
  overflow: hidden;
  padding: 120px 0;
  background: #05030d url(../images/sections/infra-bg.png) center/cover no-repeat
}

.sec-infra .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px
}

.sec-infra__text {
  flex: 0 1 488px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.infra-cards {
  position: relative;
  flex: 0 1 590px;
  aspect-ratio: 590/860
}

.infra-card {
  position: absolute;
  width: 48.305%;
  height: 39.535%;
  padding: 32px;
  border-radius: 20px;
  background: #3e03a1e6;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  overflow: hidden;
  isolation: isolate
}

.infra-card:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: #5500e1e6;
  opacity: 0;
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1);
  pointer-events: none;
  z-index: 0
}

.infra-card>* {
  position: relative;
  z-index: 1
}

@media(min-width:1025px) {
  .infra-card:hover:before {
    opacity: 1
  }

  .infra-card:hover .card-arrow img {
    content: url("data:image/svg+xml,%3csvg%20width='18'%20height='16'%20viewBox='0%200%2018%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%207.70711H16'%20stroke='%23D0FF00'%20stroke-width='2'/%3e%3cpath%20d='M9%200.707107L16%207.70711L9%2014.7071'%20stroke='%23D0FF00'%20stroke-width='2'/%3e%3c/svg%3e");
    width: 17px;
    height: 15px
  }
}

.infra-card--idc {
  left: 0;
  top: 0;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px)
}

.infra-card--security {
  left: 51.695%;
  top: 18.605%
}

.infra-card--cloud {
  left: 0;
  top: 41.86%
}

.infra-card--consulting {
  left: 51.695%;
  top: 60.465%
}

.infra-card__top {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px
}

.infra-card__top p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  color: #c6c7d0;
  word-break: keep-all
}

.infra-card__head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.infra-card__head h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
  color: #f8f8f9;
  white-space: nowrap
}

.infra-card__icon {
  flex-shrink: 0;
  width: 60px;
  height: 60px
}

.infra-card__icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain
}

@media(max-width:1024px) {
  .sec-infra .container {
    display: block
  }

  .sec-infra__text {
    max-width: none;
    margin-bottom: 80px;
    text-align: center
  }

  .infra-cards {
    width: 590px;
    max-width: 100%;
    margin: 0 auto
  }
}

@media(max-width:768px) {
  .sec-infra {
    padding: 100px 0
  }

  .sec-infra .inner {
    padding: 0 16px
  }

  .sec-infra__text {
    gap: 8px;
    margin-bottom: 40px;
    text-align: left
  }

  .sec-infra .sec-tit {
    font-size: 24px
  }

  .sec-infra .sec-desc {
    font-size: 16px
  }

  .infra-cards {
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    aspect-ratio: auto;
    display: flex;
    flex-direction: column;
    gap: 16px
  }

  .infra-card {
    position: static;
    width: 100%;
    height: auto;
    padding: 24px;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
  }

  .infra-card--idc {
    order: 0
  }

  .infra-card--cloud {
    order: 1
  }

  .infra-card--security {
    order: 2
  }

  .infra-card--consulting {
    order: 3
  }

  .infra-card__icon {
    order: -1;
    width: 32px;
    height: 32px
  }

  .infra-card__top {
    gap: 0
  }

  .infra-card__top p {
    font-size: 15px
  }

  .infra-card__head h3 {
    font-size: 20px
  }
}

.sec-clients {
  padding: 120px 0;
  background: #f8f8f9
}

.sec-clients__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 80px
}

.marquee {
  width: 100%;
  overflow: hidden
}

.marquee__track {
  display: flex;
  width: max-content;
  animation: marquee 70s linear infinite
}

.logo-card {
  flex-shrink: 0;
  width: 240px;
  height: 140px;
  margin-right: 60px;
  padding: 28px;
  border-radius: 20px;
  background: #f1f1f3;
  display: flex;
  align-items: center;
  justify-content: center
}

.logo-card img {
  display: block;
  max-width: 160px;
  max-height: 80px;
  width: auto;
  height: auto;
  object-fit: contain
}

@keyframes marquee {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(-50%)
  }
}

@media(max-width:768px) {
  .sec-clients {
    padding: 100px 0
  }

  .sec-clients__text {
    gap: 8px;
    margin-bottom: 40px
  }

  .sec-tit {
    font-size: 24px
  }

  .sec-desc {
    font-size: 16px
  }

  .logo-card {
    margin-right: 20px;
    width: 144px;
    height: 84px;
    aspect-ratio: 12/7
  }

  .logo-card img {
    max-width: 104px;
    max-height: 80px
  }
}

.sec-stats {
  padding: 120px 0;
  background: radial-gradient(63.99% 63.99% at 50% 54.53%, #4e18a9, #0f0224 65%)
}

.sec-stats .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px
}

.sec-stats__text {
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center
}

.stats-group {
  position: relative;
  max-width: 1200px;
  width: 100%;
  aspect-ratio: 1200/566
}

.stats-plate {
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto
}

.stats-plate--4 {
  width: min(787px, 65.583%);
  height: min(319px, 56.36%);
  top: 0;
  border-radius: 7px;
  background: url(../images/sections/infra_04.png) center/cover no-repeat
}

.stats-plate--3 {
  width: min(874px, 72.833%);
  height: min(354px, 62.544%);
  top: min(20px, 3.534%);
  border-radius: 8px;
  background: url(../images/sections/infra_03.png) center/cover no-repeat
}

.stats-plate--2 {
  width: min(972px, 81%);
  height: min(394px, 69.611%);
  top: min(40px, 7.067%);
  border-radius: 9px;
  background: url(../images/sections/infra_02.png) center/cover no-repeat
}

.stats-plate--1 {
  width: min(1080px, 90%);
  height: min(437px, 77.208%);
  top: min(60px, 10.601%);
  border-radius: 10px;
  background: url(../images/sections/infra_01.png) center/cover no-repeat
}

.stats-panel {
  position: absolute;
  left: 0;
  top: min(80px, 14.134%);
  max-width: 1200px;
  width: 100%;
  height: min(486px, 85.866%);
  border: 1px solid rgba(185, 145, 255, .2);
  border-radius: 12px;
  background: url(../images/sections/stats-plate.png) center/cover no-repeat;
  box-shadow: 0 4px 60px #5100de33
}

.stats-panel:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -40%;
  width: 1880px;
  height: 646px;
  transform: translate(-50%);
  background: radial-gradient(ellipse at center, #6e2fd073, #4e18a900 70%);
  pointer-events: none
}

.stats-cards {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 80px;
  z-index: 1;
  height: 100%
}

.stat-card {
  max-width: 326px;
  max-height: 326px;
  width: 100%;
  height: 100%;
  padding: 32px;
  border: 1px solid #2E303B;
  border-radius: 20px;
  box-shadow: 0 8px 20px #2e303b33;
  display: flex;
  background: linear-gradient(180deg, #0f0224, #1c0e4d);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
  isolation: isolate
}

.stat-card:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #0f0224, #29106d);
  border-radius: inherit;
  opacity: 0;
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1);
  pointer-events: none;
  z-index: 0;
  will-change: opacity
}

.stat-card>* {
  position: relative;
  z-index: 1;
  transform: translateZ(0)
}

@media(min-width:1025px) {
  .stat-card:hover:before {
    opacity: 1
  }
}

.stat-card__head h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  color: #f8f8f9
}

.stat-card__head span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #9899a7
}

.stat-card__num {
  font-size: clamp(48px, 5.5vw, 70px);
  font-weight: 700;
  line-height: 1;
  font-family: bebas-neue-pro, sans-serif;
  color: #f8f8f9
}

.stat-card__num em {
  font-style: normal;
  font-size: clamp(34px, 3.9vw, 50px)
}

.stat-card__num span {
  font-family: Presentation, sans-serif;
  font-size: 50px;
  font-weight: 700
}

@media(max-width:1024px) {
  .sec-stats {
    padding: 100px 0
  }

  .sec-stats__text {
    gap: 8px;
    padding-bottom: 40px
  }

  .stats-plate {
    display: none
  }

  .stats-group .stats-panel:before {
    display: none
  }

  .stats-group .stats-panel {
    height: auto;
    position: static;
    width: 100%;
    box-shadow: none;
    background: none;
    border: none
  }

  .stats-cards {
    flex-direction: column;
    padding: 0;
    gap: 8px;
    top: 0;
    transform: translate(0);
    position: static
  }

  .stat-card {
    max-width: none;
    height: auto;
    position: static;
    justify-content: flex-start;
    gap: 12px
  }

  .stat-card__num {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 48px
  }

  .stat-card__num em,
  .stat-card__num span {
    font-size: 32px
  }

  .stat-card__head h3 {
    font-size: 20px
  }

  .stat-card__head span {
    font-size: 14px
  }
}

.stats-group.is-motion {
  opacity: 1;
  transform: none
}

.stats-group .stats-plate,
.stats-group .stats-panel,
.stats-group .stat-card {
  opacity: 0;
  transform: translateY(40px) translateZ(0);
  transition: opacity .6s ease, transform .6s ease;
  will-change: opacity, transform
}

.stats-group.is-motion-on .stats-plate,
.stats-group.is-motion-on .stats-panel,
.stats-group.is-motion-on .stat-card {
  opacity: 1;
  transform: translateY(0) translateZ(0)
}

.stats-group.is-motion-on .stats-plate--4 {
  transition-delay: 0s
}

.stats-group.is-motion-on .stats-plate--3 {
  transition-delay: .1s
}

.stats-group.is-motion-on .stats-plate--2 {
  transition-delay: .2s
}

.stats-group.is-motion-on .stats-plate--1 {
  transition-delay: .3s
}

.stats-group.is-motion-on .stats-panel {
  transition-delay: .4s
}

.stats-group.is-motion-on .stat-card {
  transition-delay: .55s
}

@media(max-width:768px) {
  .stat-card {
    padding: 24px
  }
}

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

  .stats-group .stats-plate,
  .stats-group .stats-panel,
  .stats-group .stat-card {
    opacity: 1;
    transform: none;
    transition: none
  }
}

.sec-tech {
  padding: 120px 0;
  background: linear-gradient(180deg, #f8f8f9, #e2e2e6);
  overflow-x: clip
}

.sec-tech .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 80px
}

.sec-tech__text {
  width: 488px;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.tech-cards {
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 1200/730
}

.tech-card {
  position: absolute;
  width: 23.75%;
  height: 38.356%;
  padding: 32px 20px 20px 32px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  text-decoration: none;
  color: inherit;
  transition: box-shadow .6s cubic-bezier(.22, 1, .36, 1)
}

.tech-card:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1);
  pointer-events: none;
  z-index: 0
}

.tech-card .tech-card__head,
.tech-card .card-arrow {
  position: relative;
  z-index: 1
}

.tech-card-01 {
  left: 0;
  top: 0
}

.tech-card-02 {
  left: 0;
  top: 41.096%
}

.tech-card-03 {
  left: 25.417%;
  top: 20.548%
}

.tech-card-04 {
  left: 25.417%;
  top: 61.644%
}

.tech-card-05 {
  left: 50.833%;
  top: 0
}

.tech-card-06 {
  left: 50.833%;
  top: 41.096%
}

.tech-card-07 {
  left: 76.25%;
  top: 20.548%
}

.tech-card-01:before {
  background-image: url(../images/card01.png)
}

.tech-card-02:before {
  background-image: url(../images/card02.png)
}

.tech-card-03:before {
  background-image: url(../images/card03.png)
}

.tech-card-04:before {
  background-image: url(../images/card04.png)
}

.tech-card-05:before {
  background-image: url(../images/card05.png)
}

.tech-card-06:before {
  background-image: url(../images/card06.png)
}

.tech-card-07:before {
  background-image: url(../images/card07.png)
}

.tech-card.on {
  padding: 32px;
  display: block;
  box-shadow: 0 8px 20px #2e303b33
}

.tech-card.on:before {
  opacity: 1
}

.tech-card.on .tech-card__head {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%
}

.tech-card.on .tech-card__head p {
  display: block !important
}

.tech-card.on .card-arrow {
  display: none
}

.tech-card--dark {
  background: #1c1e26
}

.tech-card--purple {
  background: #4e18a9
}

.tech-card__head {
  width: 100%
}

.tech-card__head h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  color: #f8f8f9;
  white-space: nowrap
}

.tech-card__head p {
  color: #c6c7d0;
  display: none;
  word-break: normal
}

.tech-card__cat {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #f8f8f9
}

@media(max-width:1280px) {

  .tech-card,
  .tech-card.on {
    padding: 24px
  }
}

@media(max-width:1200px) {
  .sec-tech .inner {
    padding: 0 0 0 40px
  }

  .tech-cards {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: auto
  }

  .tech-card {
    position: relative;
    left: auto;
    top: auto;
    width: 285px;
    height: 280px;
    margin-right: 20px
  }

  .tech-cards.slick-initialized .tech-card {
    display: flex;
    padding: 32px
  }

  .tech-cards.slick-initialized .tech-card.on {
    display: block;
    padding: 32px
  }
}

@media(max-width:768px) {
  .sec-tech {
    padding: 100px 0
  }

  .sec-tech .inner {
    padding: 0 16px
  }

  .sec-tech .sec-tit {
    font-size: 24px
  }

  .sec-tech .sec-desc {
    font-size: 16px
  }

  .sec-tech .slick-list {
    overflow: visible
  }

  .sec-tech__text {
    width: 100%;
    gap: 8px
  }

  .tech-card {
    transition: transform .3s ease
  }

  .tech-card__head h3 {
    font-size: 20px
  }

  .tech-cards .slick-list {
    padding-top: 24px
  }

  .tech-cards.slick-initialized .tech-card.slick-center {
    transform: translateY(-24px)
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 32px;
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 99px;
  box-shadow: 0 8px 20px #2e303b33;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #f8f8f9;
  white-space: nowrap
}

.btn--brand {
  background: #7623ff
}

.btn--dark {
  background: #1c1e26
}

@media(max-width:1024px) {
  header {
    left: 0;
    transform: none
  }

  header .logo {
    width: 72px;
    height: 17px
  }

  header.on .logo {
    display: none
  }

  header.on nav {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background: #f8f8f9
  }

  header.on nav .nav-wrap {
    display: block;
    position: absolute;
    width: 100%;
    top: 64px
  }

  header.on nav .nav-wrap li {
    padding: 0
  }

  header.on nav .nav-wrap li a {
    font-weight: 700;
    color: #1c1e26
  }

  header.on .btn_wrap {
    height: 64px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E2E2E6;
    padding-left: 20px;
    padding-right: 4px
  }

  header.on .btn_wrap ul {
    display: flex;
    height: 100%;
    align-items: center;
    gap: 12px
  }

  header.on .btn_wrap ul li>a {
    color: #1c1e26;
    font-size: 14px
  }

  header.on .btn_wrap ul .btn_lang {
    padding: 15px 0 15px 20px
  }

  header.on .btn_wrap ul .btn_lang:before {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1803_3257)'%3e%3ccircle%20cx='10'%20cy='10'%20r='9'%20stroke='%230F0D11'/%3e%3cellipse%20cx='10'%20cy='10'%20rx='3'%20ry='9'%20stroke='%230F0D11'/%3e%3cpath%20d='M1.5%207H18.5'%20stroke='%230F0D11'/%3e%3cpath%20d='M1.5%2013H18.5'%20stroke='%230F0D11'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1803_3257'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover
  }

  header.on .btn_wrap ul .btn_support:after {
    left: 0
  }

  header.on .btn_wrap .btn_menu {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%204L16%2016'%20stroke='%230F0D11'/%3e%3cpath%20d='M16%204L4%2016'%20stroke='%230F0D11'/%3e%3c/svg%3e")
  }

  header nav {
    display: none
  }

  header .mega--shared {
    display: none
  }

  header.on .nav-wrap {
    bottom: 0;
    overflow-y: auto
  }

  header.on .nav-wrap>li>a {
    position: relative;
    display: flex;
    align-items: center;
    height: 64px;
    padding: 0 20px;
    font-size: 18px
  }

  header.on .nav-wrap .has-mega>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M16%2010L10%209.99999L4.00007%209.99997'%20stroke='%230F0D11'/%3e%3cpath%20d='M10.0059%2016.0049L10.0059%2010.0049L10.0059%204.00495'%20stroke='%230F0D11'/%3e%3c/svg%3e") no-repeat center;
    margin-top: -10px
  }

  header.on .nav-wrap .has-mega.is-open>a:after {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M16%2010L10%209.99999L4.00007%209.99997'%20stroke='%230F0D11'/%3e%3c/svg%3e")
  }

  header.on .nav-wrap .no-hover>a {
    border-bottom: 1px solid #E2E2E6
  }

  header.on .nav-wrap .no-hover>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M11.5%205L16.5%2010L11.5%2015'%20stroke='%230F0D11'/%3e%3cpath%20d='M16%2010L4%2010'%20stroke='%230F0D11'/%3e%3c/svg%3e") no-repeat center;
    margin-top: -10px
  }

  header.on .nav-wrap li:last-child>a {
    border-bottom: 0
  }

  header.on .nav-wrap .mega {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    display: grid;
    grid-template-rows: 0fr;
    border-top: 0;
    background: transparent;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    overflow: hidden;
    transition: grid-template-rows .3s ease
  }

  header.on .nav-wrap .has-mega.is-open .mega {
    grid-template-rows: 1fr
  }

  header.on .nav-wrap .mega__inner {
    display: block;
    min-height: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: hidden
  }

  header.on .nav-wrap .mega__panels {
    display: none
  }

  header.on .nav-wrap .mega__list {
    width: 100%;
    padding: 8px 0;
    gap: 0;
    background: #f1f1f3;
    border-top: 1px solid #e2e2e6
  }

  header.on .nav-wrap .mega__list li {
    border-radius: 0;
    background: transparent
  }

  header.on .nav-wrap .mega__list li.on a {
    color: #7623ff
  }

  header.on .nav-wrap .mega__list li a {
    display: block;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 500;
    color: #2e303b
  }

  header .inner {
    height: 100%;
    padding: 0 4px 0 16px
  }

  header .btn_wrap ul {
    display: none
  }
}

.sec-consulting-need {
  width: 100%
}

.sec-consulting-need>.inner {
  padding-top: 120px;
  padding-bottom: 120px
}

@media(max-width:1024px) {
  .sec-consulting-need>.inner {
    padding-left: 40px;
    padding-right: 40px
  }

  .sec-consulting-need .consulting-circles {
    justify-content: space-between;
    gap: 0
  }
}

@media(max-width:1023px)and (min-width:769px) {
  .sec-consulting-need .consulting-circles {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 589px;
    margin: 0 auto
  }
}

@media(max-width:768px) {
  .sec-consulting-need>.inner {
    padding: 100px 16px
  }

  .sec-consulting-need .consulting-circles {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    max-width: none;
    margin: 0
  }

  .sec-consulting-need .consulting-circle-card {
    width: 100% !important;
    height: auto !important;
    border-radius: 99px !important;
    padding: 24px !important
  }

  .sec-consulting-need .consulting-circle-card>div {
    gap: 0 !important
  }

  .sec-consulting-need .consulting-circle-card br {
    display: none
  }

  .sec-consulting-need .consulting-circle-card .text-body-18 {
    font-size: 15px
  }

  .sec-consulting-need .consulting-arrows-pc,
  .sec-consulting-need .consulting-arrows-mo {
    display: none
  }

  .sec-consulting-need .consulting-bottom-text {
    padding-top: 20px;
    padding-bottom: 0
  }

  .sec-consulting-need .consulting-bottom-sub {
    font-size: 16px !important
  }

  .sec-consulting-need .text-heading-36 {
    font-size: 24px
  }
}

.sec-consulting-steps {
  background: #f1f1f3;
  width: 100%
}

.sec-consulting-steps>.inner {
  padding-top: 200px;
  padding-bottom: 200px
}

@media(max-width:1023px) {
  .sec-consulting-steps>.inner {
    padding: 100px 40px
  }

  .sec-consulting-steps .text-heading-36 {
    white-space: normal
  }
}

@media(max-width:768px) {
  .sec-consulting-steps>.inner {
    padding-left: 16px;
    padding-right: 16px
  }
}

@media(max-width:473px) {
  .sec-consulting-steps .text-heading-36 {
    font-size: 24px
  }

  .sec-consulting-steps .text-body-20 {
    font-size: 16px
  }
}

.consulting-steps-grid {
  display: flex;
  gap: 32px;
  align-items: stretch;
  position: relative;
  isolation: isolate;
  width: 100%
}

@media(max-width:1023px) {
  .consulting-steps-grid {
    flex-direction: column;
    gap: 0;
    align-items: stretch
  }
}

.step-arrow {
  position: absolute;
  width: 40px;
  height: 114px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
  pointer-events: none
}

.step-arrow--1 {
  left: calc(25% - 32px)
}

.step-arrow--2 {
  left: calc(50% - 24px)
}

.step-arrow--3 {
  left: calc(75% - 16px)
}

@media(max-width:1023px) {
  .step-arrow {
    display: none
  }
}

.step-arrow-mo {
  display: none
}

@media(max-width:1023px) {
  .step-arrow-mo {
    display: block;
    width: 114px;
    height: 20px;
    margin: 0 auto;
    background: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%20114%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200L114%200L57%2020Z'%20fill='url(%23paint0_linear)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear'%20x1='57'%20y1='20'%20x2='57'%20y2='0'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23D4BCFF'/%3e%3cstop%20offset='1'%20stop-color='%23F1F1F3'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat center/contain
  }
}

.step-card {
  flex: 1 0 0;
  min-width: 0;
  background: #f8f8f9;
  border-radius: 20px;
  box-shadow: 0 4px 15px #2e303b0d;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 1
}

@media(max-width:1023px) {
  .step-card {
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding: 24px
  }
}

@media(max-width:473px) {
  .step-card {
    display: grid;
    grid-template-columns: 60px 1fr;
    column-gap: 16px;
    row-gap: 0;
    padding: 24px
  }
}

.step-card-icon-wrap {
  width: 60px;
  height: 60px;
  background: #f4eeff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

@media(max-width:1023px) {
  .step-card-icon-wrap {
    margin-right: 16px
  }
}

@media(max-width:473px) {
  .step-card-icon-wrap {
    grid-column: 1;
    grid-row: 1/3;
    align-self: center;
    margin-right: 0
  }
}

.step-card-icon {
  width: 32px;
  height: 32px;
  object-fit: contain
}

.step-card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1
}

@media(max-width:1023px) {
  .step-card-content {
    display: grid;
    grid-template-columns: 100px 1fr;
    column-gap: 20px;
    row-gap: 0;
    flex: none;
    width: 450px;
    max-width: calc(100% - 76px);
    align-items: center
  }
}

@media(max-width:473px) {
  .step-card-content {
    display: contents
  }
}

.step-card-label {
  font-size: 15px;
  font-weight: 700;
  color: #7623ff;
  letter-spacing: .02em
}

@media(max-width:1023px) {
  .step-card-label {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    line-height: 1.5
  }
}

@media(max-width:473px) {
  .step-card-label {
    grid-column: 2;
    grid-row: 1;
    align-self: end
  }
}

.step-card-title {
  font-size: 20px;
  font-weight: 600;
  color: #1c1e26;
  line-height: 1.5
}

@media(max-width:1023px) {
  .step-card-title {
    grid-column: 1;
    grid-row: 2;
    align-self: start
  }
}

@media(max-width:473px) {
  .step-card-title {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    font-size: 18px
  }
}

.step-card-items {
  display: flex;
  flex-direction: column;
  gap: 8px
}

@media(max-width:1023px) {
  .step-card-items {
    grid-column: 2;
    grid-row: 1/3;
    align-self: center;
    gap: 4px
  }
}

@media(max-width:473px) {
  .step-card-items {
    grid-column: 1/-1;
    grid-row: 3;
    margin-top: 20px;
    gap: 4px
  }
}

.step-card-item {
  display: flex;
  align-items: start;
  gap: 8px
}

.step-card-item:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #2e303b;
  flex-shrink: 0;
  margin-top: 11px
}

.step-card-item p {
  flex: 1 0 0;
  min-width: 0;
  font-size: 18px;
  font-weight: 500;
  color: #2e303b;
  line-height: 1.5;
  word-break: keep-all
}

@media(max-width:473px) {
  .step-card-item:before {
    margin-top: 9px
  }

  .step-card-item p {
    font-size: 15px
  }
}

.sec-consulting-cta {
  position: relative;
  overflow: hidden
}

.sec-consulting-cta:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/consulting/consulting-cta-bg.png) center/max(100%, 100vh) auto no-repeat;
  z-index: -1;
  pointer-events: none
}

.sec-consulting-cta>.inner {
  padding-top: 120px;
  padding-bottom: 120px
}

@media(max-width:767px) {
  .sec-consulting-cta:before {
    background-size: max(768px, 100vh) auto
  }
}

@media(max-width:500px) {
  .sec-consulting-cta:before {
    background-image: url(../images/consulting/consulting-cta-bg_mo.png);
    background-size: cover
  }
}

@media(max-width:768px) {
  .sec-consulting-cta>.inner {
    flex-direction: column;
    gap: 10px;
    padding-top: 80px;
    padding-bottom: 80px
  }
}

.consulting-cta-text {
  font-size: 28px;
  font-weight: 600;
  color: #f8f8f9;
  line-height: 1.5
}

@media(max-width:768px) {
  .consulting-cta-text {
    font-size: 20px;
    text-align: center
  }
}

.consulting-cta-btn {
  flex-shrink: 0;
  height: 60px;
  padding: 0 32px;
  border-radius: 99px;
  background: #f1f1f3;
  border: 1px solid rgba(255, 255, 255, .4);
  box-shadow: 0 8px 10px #2e303b33;
  font-size: 18px;
  font-weight: 600;
  color: #1c1e26;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none
}

.consulting-cta-btn:hover {
  background: #e2e2e6
}

@media(max-width:768px) {
  .consulting-cta-btn {
    height: 44px;
    font-size: 15px;
    font-weight: 500
  }
}

.spec-table {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid var(--color-line);
  border-collapse: collapse
}

.spec-table th,
.spec-table td {
  padding: 16px 20px;
  border-bottom: 1px solid var(--color-line);
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  color: var(--color-black-default)
}

.spec-table thead {
  background: var(--color-surface)
}

.spec-table thead th {
  font-weight: 600;
  font-size: 20px
}

.spec-table tbody th {
  font-weight: 600
}

.spec-table tbody td {
  font-weight: 500;
  background: var(--color-white-default)
}

@media(max-width:768px) {

  .spec-table th,
  .spec-table td {
    padding: 16px 12px;
    font-size: 15px
  }

  .spec-table thead th {
    font-size: 16px
  }

  .spec-table th:first-child {
    width: 82px
  }
}

.check-ico {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group'%3e%3cpath%20id='Exclude'%20d='M8%200C12.4184%200%2016%203.58164%2016%208C15.9999%2012.4183%2012.4183%2016%208%2016C3.58174%2015.9999%205.43837e-05%2012.4183%200%208C0%203.58169%203.58171%207.73141e-05%208%200ZM12.0273%205.07129C11.7433%204.78726%2011.2821%204.78726%2010.998%205.07129L6.88379%209.18555L4.99902%207.2998C4.71504%207.01582%204.25376%207.01582%203.96973%207.2998C3.68592%207.58374%203.68604%208.04411%203.96973%208.32812L6.37012%2010.7285C6.50641%2010.8647%206.69113%2010.9413%206.88379%2010.9414C7.07664%2010.9414%207.26205%2010.8648%207.39844%2010.7285L12.0273%206.09961C12.3109%205.81559%2012.3111%205.35519%2012.0273%205.07129Z'%20fill='var(--fill-0,%20%237623FF)'/%3e%3c/g%3e%3c/svg%3e") center/contain no-repeat
}

.faq {
  width: 100%;
  border-top: 1px solid var(--color-line)
}

.faq-item {
  border-bottom: 1px solid var(--color-line)
}

.faq-q {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 20px 20px 20px 0;
  text-align: left;
  cursor: pointer
}

.faq-q__ico {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  background: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Frame'%3e%3crect%20width='28'%20height='28'%20rx='14'%20fill='var(--fill-0,%20%23E9DDFF)'/%3e%3cpath%20id='Letter%20Q'%20d='M13.1797%2015.3438H15.1953L16.0547%2016.4531C16.5938%2015.8203%2016.8984%2014.8672%2016.8984%2013.6094C16.8984%2011.1875%2015.7578%209.875%2014.0078%209.875C12.2578%209.875%2011.1016%2011.1875%2011.1016%2013.6094C11.1016%2016.0312%2012.2578%2017.3438%2014.0078%2017.3438C14.2344%2017.3438%2014.4531%2017.3203%2014.6641%2017.2812L13.1797%2015.3438ZM19.2891%2013.6094C19.2891%2015.625%2018.6016%2017.1797%2017.4922%2018.1562L19.1016%2020.2031H16.8984L15.9922%2019.0625C15.3828%2019.3047%2014.7109%2019.4219%2014.0078%2019.4219C10.9922%2019.4219%208.71094%2017.2812%208.71094%2013.6094C8.71094%209.92188%2010.9922%207.79688%2014.0078%207.79688C16.9922%207.79688%2019.2891%209.92188%2019.2891%2013.6094Z'%20fill='var(--fill-0,%20%239B5DFF)'/%3e%3c/g%3e%3c/svg%3e") center/contain no-repeat
}

.faq-q__text {
  flex: 1 0 0;
  min-width: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--color-black-default)
}

.faq-q__toggle {
  position: relative;
  flex-shrink: 0;
  width: 20px;
  height: 20px
}

.faq-q__toggle:before,
.faq-q__toggle:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 1px;
  background: var(--color-black-strong);
  transform: translate(-50%, -50%)
}

.faq-q__toggle:after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: opacity .2s ease
}

@media(max-width:768px) {
  .faq-q {
    padding: 20px 0
  }

  .faq-q__text {
    font-size: 16px
  }
}

.faq-a {
  max-height: 0;
  overflow: hidden
}

.faq-a__inner {
  padding: 24px 20px;
  border-top: 1px solid var(--color-line);
  background: var(--color-surface);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-black-secondary)
}

@media(max-width:768px) {
  .faq-a__inner {
    font-size: 15px
  }
}

.faq-item.active .faq-a {
  max-height: 500px;
  transition: max-height .3s ease
}

.faq-item.active .faq-q__toggle:after {
  opacity: 0
}

.hosting_server_wrap {
  position: relative;
  margin-bottom: 80px
}

.hosting_server_wrap .spec-title {
  position: absolute;
  left: 0;
  bottom: 0
}

.hosting_server_wrap .spec {
  display: flex;
  flex-direction: column;
  padding: 0 20px
}

.hosting_server_wrap .spec li {
  width: 100%;
  height: 62px;
  display: flex;
  align-items: center
}

.hosting_server_wrap .spec .title,
.hosting_server_wrap .spec .name {
  font-size: 18px
}

.hosting_server_wrap .spec .font-semibold .name {
  font-size: 20px
}

@media(max-width:768px) {
  .hosting_server_wrap .spec-title {
    display: none
  }

  .hosting_server_wrap .spec {
    padding: 0
  }

  .hosting_server_wrap .spec li {
    height: auto;
    padding: 16px 0
  }

  .hosting_server_wrap .spec .name {
    font-size: 15px
  }

  .hosting_server_wrap .spec .font-semibold .name {
    font-size: 16px
  }

  .hosting_server_wrap.gpu_lineup .spec {
    padding: 0 12px
  }
}

.hosting_server_list {
  margin-right: -24px;
  padding-left: 129px
}

.hosting_server_list .item {
  padding-right: 24px
}

.hosting_server_list .images {
  overflow: hidden;
  border-radius: 20px;
  border: 2px solid transparent
}

.hosting_server_list .spec li {
  border-bottom: 1px solid var(--color-line)
}

.hosting_server_list .spec li:last-child {
  border-bottom: none
}

.hosting_server_list .spec .title {
  display: none
}

.hosting_server_list .event .images {
  border-color: var(--color-black-strong)
}

.hosting_server_list .event .images:after {
  content: "EVENT";
  position: absolute;
  left: 0;
  top: 0;
  padding: 4px 8px 4px 12px;
  background-color: var(--color-black-strong);
  color: #d0ff00;
  border-radius: 20px 0 8px;
  font-size: 18px
}

.hosting_server_list.gpu_lineup {
  padding-left: 170px
}

.hosting_server_list.gpu_lineup .spec li:last-child {
  border-bottom: 1px solid var(--color-line)
}

@media(max-width:768px) {
  .hosting_server_list {
    margin-right: 0;
    padding-left: 0
  }

  .hosting_server_list .item {
    padding: 0 1px
  }

  .hosting_server_list .images {
    margin-bottom: 20px
  }

  .hosting_server_list .event .images:after {
    left: 1px
  }

  .hosting_server_list .spec li {
    position: relative;
    gap: 12px;
    border-bottom: none
  }

  .hosting_server_list .spec li:after {
    content: "";
    width: calc(100% - 60px);
    height: 1px;
    position: absolute;
    left: 60px;
    bottom: 0;
    background: var(--color-line)
  }

  .hosting_server_list .spec li:last-child:after {
    display: none
  }

  .hosting_server_list .spec .title {
    display: block;
    width: 60px;
    padding: 0 12px;
    font-size: 15px;
    font-weight: 600
  }

  .hosting_server_list .event .images:after {
    font-size: 15px
  }

  .hosting_server_list .slick-arrow {
    position: absolute;
    top: 80px;
    z-index: 100;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%3e%3cpath%20d='M15%2010L25%2020L15%2030'%20stroke='%230F0D11'%20stroke-width='2'/%3e%3c/svg%3e") center/contain no-repeat;
    font-size: 0
  }

  .hosting_server_list .slick-arrow.slick-prev {
    left: 0;
    transform: rotate(180deg)
  }

  .hosting_server_list .slick-arrow.slick-next {
    right: 0
  }

  .hosting_server_list .slick-arrow.slick-disabled {
    opacity: .2
  }

  .hosting_server_list.gpu_lineup {
    padding-left: 0
  }

  .hosting_server_list.gpu_lineup .spec li {
    display: block;
    height: auto;
    padding: 16px 0;
    border-bottom: 1px solid var(--color-line)
  }

  .hosting_server_list.gpu_lineup .spec li:after {
    display: none
  }

  .hosting_server_list.gpu_lineup .spec li.font-semibold .title {
    display: none
  }

  .hosting_server_list.gpu_lineup .spec .title {
    width: 100%;
    padding: 0
  }
}

.box-hover-effect {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(180deg, #0f0224, #1c0e4d);
  box-shadow: 0 8px 20px #2e303b33
}

.box-hover-effect:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: linear-gradient(180deg, #0f0224, #29106d);
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1);
  pointer-events: none;
  z-index: 0;
  opacity: 0
}

.box-hover-effect:hover:after {
  opacity: 1
}

.contact-form .contact-input:focus {
  outline: none;
  border-color: #0f0d11
}

.contact-chip {
  cursor: pointer
}

.contact-chip__input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none
}

.contact-chip__label {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid var(--color-white-secondary);
  border-radius: 99px;
  background: var(--color-white-default);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-black-default);
  transition: border-color .15s ease, background-color .15s ease, color .15s ease
}

.contact-chip__label:hover {
  border-color: #7623ff
}

.contact-chip__input:checked+.contact-chip__label {
  background: #f4eeff;
  border-color: var(--color-primary);
  color: var(--color-primary)
}

.contact-chip__input:focus-visible+.contact-chip__label {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px
}

@media(max-width:768px) {
  .contact-chip__label {
    font-size: 15px
  }
}

.contact-check {
  display: inline-flex;
  cursor: pointer
}

.contact-check__input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none
}

.contact-check__box {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='23'%20height='23'%20rx='3.5'%20fill='%23F8F8F9'/%3e%3crect%20x='0.5'%20y='0.5'%20width='23'%20height='23'%20rx='3.5'%20stroke='%23C6C7D0'/%3e%3cpath%20d='M7%2012.0897L10.1944%2015.5L17%208.5'%20stroke='%236B6D81'%20stroke-width='1.2'/%3e%3c/svg%3e") no-repeat center;
  transition: border-color .15s ease, background-color .15s ease
}

.contact-check__box:hover {
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='23'%20height='23'%20rx='3.5'%20fill='%23E9DDFF'/%3e%3crect%20x='0.5'%20y='0.5'%20width='23'%20height='23'%20rx='3.5'%20stroke='%237623FF'/%3e%3cpath%20d='M7%2012.0897L10.1944%2015.5L17%208.5'%20stroke='%237623FF'%20stroke-width='1.2'/%3e%3c/svg%3e") no-repeat center
}

.contact-check__input:checked+.contact-check__box {
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='4'%20fill='%237623FF'/%3e%3cpath%20d='M7%2012.0897L10.1944%2015.5L17%208.5'%20stroke='%23F8F8F9'%20stroke-width='1.2'/%3e%3c/svg%3e") no-repeat center
}

.contact-check__input:focus-visible+.contact-check__box {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px
}

.contact-file__clear {
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M5 5L15 15M15 5L5 15' stroke='%231C1E26' stroke-width='1.5'/%3e%3c/svg%3e") center/contain no-repeat
}

.compare-tab {
  display: none
}

@media(max-width:768px) {
  .compare-tab {
    display: flex;
    align-items: stretch;
    height: 56px;
    margin-bottom: 20px;
    padding: 8px;
    background: var(--color-surface);
    border-radius: 12px
  }

  .compare-tab button {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1.5;
    color: var(--color-black-default);
    background: transparent;
    border-radius: 4px
  }

  .compare-tab button.active {
    background: var(--color-primary);
    color: var(--color-white-default)
  }
}

.compare-table {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid var(--color-line);
  border-collapse: collapse
}

.compare-table th,
.compare-table td {
  padding: 16px 20px 16px 44px;
  border-bottom: 1px solid var(--color-line);
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  color: var(--color-black-default);
  vertical-align: middle;
  word-break: keep-all
}

.compare-table th:first-child {
  padding: 16px 20px
}

.compare-table .col-label {
  width: 145px
}

.compare-table thead th {
  background: var(--color-surface);
  font-size: 20px;
  font-weight: 600
}

.compare-table tbody th {
  font-weight: 600
}

.compare-table tbody td {
  font-weight: 500
}

.compare-table tbody tr:last-child th,
.compare-table tbody tr:last-child td {
  border-bottom: none
}

.compare-table tbody tr.highlight td {
  color: var(--color-primary);
  font-weight: 700
}

@media(max-width:768px) {
  .compare-table {
    table-layout: auto;
    border-top: none
  }

  .compare-table thead {
    display: none
  }

  .compare-table th,
  .compare-table td {
    padding: 16px 12px;
    font-size: 15px
  }

  .compare-table th:first-child {
    padding: 16px 12px
  }

  .compare-table .col-label {
    width: 85px
  }

  .compare-table tbody th {
    border-bottom: none
  }

  .compare-table.is-col-1 tbody td:nth-child(3) {
    display: none
  }

  .compare-table.is-col-2 tbody td:nth-child(2) {
    display: none
  }
}

.sec-bg {
  background: linear-gradient(0deg, #0f0224, #2d1664 22.48%, #1d1644 54.39%, #0f0224 110.58%)
}

.cloud-card {
  position: relative;
  overflow: hidden;
  isolation: isolate
}

.cloud-card:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, #0f0224, #341180);
  opacity: 0;
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1);
  pointer-events: none;
  z-index: 0
}

.cloud-card:hover:before {
  opacity: 1
}

.cloud-card>* {
  position: relative;
  z-index: 1
}