.polish-screen{overflow:hidden !important;}

#space-animation {
  position: relative;
  height: 100vh;
  background-color: #111;
  color: white;
  overflow-x: hidden;
  
}

#space-animation * {
  box-sizing: border-box;
}

.loading-bg{width:100%;  background-color:#2a2c44; position:absolute; left:0; top:0; z-index:999999999;}
.cursor-circle {pointer-events:none; position: absolute;background-color:#fff;width: 22px; height: 22px; border-radius: 50%;  z-index:900;  mix-blend-mode:difference; 
  transition:transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);}
.scale{transform:scale(3.7);}  /*cursor효과*/
.scale-blur{transform:scale(4.2); filter: blur(3px);} /*cursor효과*/
.scale-big{transform:scale(5.0);}  /*cursor효과*/

/* h1, h2 {
  font-weight: 400;
  max-width: none;
} */

/* galaxy */

canvas {
  height: 100%;
  width: 100%;
  position:absolute; left:0; top:0;
}
.dg.main{display:none;}

.space-image-for-mobile{ display:none; z-index:9;   width:100vw; height:100vh; background:url("https://cdn.shopify.com/s/files/1/0730/3420/3472/files/space-mobile.png?v=1696690304") no-repeat 50% 50%; background-size:cover; position:absolute; }
.forCanvas{position:absolute; top:0; left:0; height:100vh; width:100%; overflow:hidden; z-index:10;}
.mouse-roll{visibility:hidden; position:absolute; transform:translateX(-50%); left:50%; bottom:70px; z-index:20;}
.mouse-roll img{width:40px; height:40px;}
.mouse-roll::before {position:absolute; top:5px; left:19px; content: ""; display:inline-block; width:2px; height:9px; background-color:#fff; border-radius:10px;
  animation-name: mouse-roll;
  animation-duration:1.5s;
  animation-fill-mode:both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.mouse-roll p{font-family: 'Oswald',Arial,sans-serif; font-size:15px; top:-30px; position:absolute;}

.star-bg-image{position:absolute; left:0; top:0; width:100%; height:100vh; z-index:11; mix-blend-mode: lighten; opacity:0.4;}
.star-bg-image img{object-fit:cover;}
.star-min{visibility:hidden; position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; object-fit:cover; display:inline-block; }
.mainText{height: 100vh; position:relative; z-index:12;transform: translateY(-80px);}
.test2{height: 100vh; background-color:blue;}

.master-logo{width:150px; position:absolute; left:25px; top:20px; z-index:48;}
.master-logo a{cursor:none;}
.master-logo img{width:120px;}
.krytex-logo{position: absolute;top: 25%;left: 50%;transform: translateX(-50%);}
.mainText h2{visibility:hidden; font-family: 'Oswald',Arial,sans-serif; width:100%;color:#fff;  top:31%;  font-weight:100; line-height:118%; font-size:55px; position:absolute; text-align:center;left:0; }
.mainText h3{visibility:hidden; font-family: 'Oswald',Arial,sans-serif; width:100%; font-weight:300; font-size:18px; color:#fff;position:absolute; text-align:center;z-index:10; left:0;
  top:calc(21% + 143px);
}
.mainText h3 b {font-weight: 300 !important;}
.mainText span{visibility:hidden; position:absolute; top:calc(14% + 200px); left:50%; transform:translateX(-50%); z-index:20;}
.mainText span a{cursor:none; display:inline-block; width:180px; height:45px; font-family: 'Oswald',Arial,sans-serif; font-weight:200;
  color:#fff; font-size:16px; text-align:center; box-sizing:border-box; text-decoration:none;
  padding-top:13px; border:1px solid #fff; border-radius:50px; transition:all 0.4s}
.mainText span a:hover{background-color:#fff; color:#000;}
.test2 h5{color:#fff; font-size:30px;}
.star-over-black{position:absolute; left:0; bottom:0; width:100%; background: linear-gradient(0deg, rgba(0,0,0,0.8244339972317052) 0%, rgba(0,0,0,0.513509627483806) 48%, rgba(0,0,0,0) 100%); 
  z-index:19; height:260px; opacity:0; transition:all 0.5s;}
.star-over-black.show{opacity:0.8;}


@media all and (max-width: 1024px){

.space-image-for-mobile{display:block;}



body {
  cursor:default;
}
.cursor-circle{display:none;}


.star-bg-image{overflow:hidden;}

}

@media all and (max-width: 768px){ 
.mainText h2{font-size:48px;}
.mainText h3{font-size:18px;  top:calc(30% + 90px);}
.mainText span {top:calc(30% + 150px);}
.mainText h1 img{width:100px;}
.mainText h1{top:11px;}
.mouse-roll{display:none;}

.mainText span a{width:140px; padding-top:11px; font-size:15px; height:38px;}

.mainText h3 b{display: block; margin-top: 15px;}
.mainText h3 i {display: none;}
.mainText h3 br {display: none;}
}

@media all and (max-width: 480px){ 

/* .mainText h2{font-size:22px;} */
/* .mainText h3{font-size:14px;} */
}

/* html.has-scroll-smooth {
  overflow: hidden; }

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.has-scroll-smooth body {
  overflow: hidden; }

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh; } */

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100vh;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0; }
  .c-scrollbar:hover {
    transform: scaleX(1.45); }
  .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1; }

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab; }
  .has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing; }

/*로딩원 -- START*/
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingC_Box{ 
    position:fixed;
    left:calc(50% - 17px);
    top:40%;  
    z-index:9999999999;}
.loadingCircle {   
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 4px solid rgba(255,255,255, 0.2);
    border-top-color: rgb(255,255,255, 0.5);
    animation: spin 0.5s infinite linear;   
}
.loadingC_Box span{display:block; margin-left:-18px; color:#fff; font-family: "Tisa W01 Italic"; font-size:17px; text-align:center; padding-top: 10px; opacity:0.6;}
.loading-bg{width:100%;  background-color:#2a2c44; position:absolute; left:0; top:0; z-index:9999999998;}

/*로딩원 -- END*/


/*로딩텍스트 애니메이션 -- START*/
@keyframes textAni{
  0%{
      transform: translate3d(3.8px, 0px, 0px);
      opacity:0;
  }
  25%{
      transform: translate3d(4.5px, 0px, 0px);
      opacity:0.5;
  }
  50%{
      transform: translate3d(5.2px, 0px, 0px);
      opacity:1;
  }
  75%{
      transform: translate3d(4.5px, 0px, 0px);
      opacity:0.5;
  }
  100%{
      transform: translate3d(3.8px, 0px, 0px);
      opacity:0;
  }
}
.textAni{display:inline-block; margin-left:-2px; font-family: 'Oswald',Arial,sans-serif;}

.textAni:nth-child(1){
  animation: textAni 0.5s 0s ease-out;
  animation-fill-mode: both;
}
.textAni:nth-child(2){
  animation: textAni 0.5s 0.1s ease-out;
  animation-fill-mode: both;
}
.textAni:nth-child(3){
  animation: textAni 0.5s 0.2s ease-out;
  animation-fill-mode: both;
}
.textAni:nth-child(4){
 animation: textAni 0.5s 0.3s ease-out;
 animation-fill-mode: both;
}
.textAni:nth-child(5){
 animation: textAni 0.5s 0.4s ease-out;
 animation-fill-mode: both;
}
.textAni:nth-child(6){
 animation: textAni 0.5s 0.5s ease-out;
 animation-fill-mode: both;
}
.textAni:nth-child(7){
 animation: textAni 0.5s 0.6s ease-out;
 animation-fill-mode: both;
}
/*로딩텍스트 애니메이션 -- END*/

/* html.has-scroll-smooth {
  overflow: hidden; } */

  html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  
  /* .has-scroll-smooth body {
    overflow: hidden; } */
  
  .has-scroll-smooth [data-scroll-container] {
    min-height: 100vh; }
  
  .c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100vh;
    transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0; }
    .c-scrollbar:hover {
      transform: scaleX(1.45); }
    .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
      opacity: 1; }
  
  .c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: black;
    opacity: 0.5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab; }
    .has-scroll-dragging .c-scrollbar_thumb {
      cursor: -webkit-grabbing;
      cursor: grabbing; }

      /*로딩원 -- START*/
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingC_Box{ 
    position:fixed;
    left:calc(50% - 17px);
    top:40%;  
    z-index:9999999999;}
.loadingCircle {   
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 4px solid rgba(255,255,255, 0.2);
    border-top-color: rgb(255,255,255, 0.5);
    animation: spin 0.5s infinite linear;   
}
.loadingC_Box span{display:block; margin-left:-18px; color:#fff; font-family: "Tisa W01 Italic"; font-size:17px; text-align:center; padding-top: 10px; opacity:0.6;}
.loading-bg{width:100%;  background-color:#2a2c44; position:absolute; left:0; top:0; z-index:9999999998;}

/*로딩원 -- END*/


/*로딩텍스트 애니메이션 -- START*/
@keyframes textAni{
  0%{
      transform: translate3d(3.8px, 0px, 0px);
      opacity:0;
  }
  25%{
      transform: translate3d(4.5px, 0px, 0px);
      opacity:0.5;
  }
  50%{
      transform: translate3d(5.2px, 0px, 0px);
      opacity:1;
  }
  75%{
      transform: translate3d(4.5px, 0px, 0px);
      opacity:0.5;
  }
  100%{
      transform: translate3d(3.8px, 0px, 0px);
      opacity:0;
  }
}
.textAni{display:inline-block; margin-left:-2px; font-family: 'Oswald',Arial,sans-serif;}

.textAni:nth-child(1){
  animation: textAni 0.5s 0s ease-out;
  animation-fill-mode: both;
}
.textAni:nth-child(2){
  animation: textAni 0.5s 0.1s ease-out;
  animation-fill-mode: both;
}
.textAni:nth-child(3){
  animation: textAni 0.5s 0.2s ease-out;
  animation-fill-mode: both;
}
.textAni:nth-child(4){
 animation: textAni 0.5s 0.3s ease-out;
 animation-fill-mode: both;
}
.textAni:nth-child(5){
 animation: textAni 0.5s 0.4s ease-out;
 animation-fill-mode: both;
}
.textAni:nth-child(6){
 animation: textAni 0.5s 0.5s ease-out;
 animation-fill-mode: both;
}
.textAni:nth-child(7){
 animation: textAni 0.5s 0.6s ease-out;
 animation-fill-mode: both;
}
/*로딩텍스트 애니메이션 -- END*/

.mainText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.krytex-logo,
.mainText h2,
.mainText h3,
.mainText span {
  position: static;
}

.krytex-logo,
.mainText span {
  visibility: hidden;
  transform: none;
}

.krytex-logo {
  margin: 0;
}

.mainText h2 {
  margin: 0 0 10px;
}

.mainText h3 {
  margin: 0 0 15px;
}