@charset "UTF-8";
/*-------------------------------------------------
title           :layout
Author       :somang Lee
Create date :2021-01-02
-------------------------------------------------*/

/*layout*/

body{ position:relative; background:linear-gradient(328deg, #18C0B5 23.99%, #4061CD 78.3%);}/* modify 25.04.03 */
body .bg-circle{ position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:100vw; height:100vh;}
/*body .bg-circle {position:absolute;top:-300px;left:-270px;width:500px;height:500px;border-radius:50%;border:250px solid rgba(137, 153, 251,.16);-webkit-animation:floating 5s infinite;animation:floating 5s infinite;}*/
/*body .bg-circle span + span{left:5%;top:70%;-webkit-animation:floating2 5s infinite;animation:floating2 5s infinite;-webkit-animation-delay:.5s;animation-delay:.5s;}*/
body .bg-circle .circle1{position:absolute;top:-300px;left:-270px;width:500px;height:500px;border-radius:50%;border:250px solid rgba(137, 153, 251,.16);-webkit-animation:floating 5s infinite;animation:floating 5s infinite;}
body .bg-circle .circle1 + span{left:5%;top:70%;-webkit-animation-delay:.5s;animation-delay:.5s;}

/* bg-circle ani */
@-webkit-keyframes floating{
  0%, 100%{
    -webkit-transform:translateY(-5%);
            transform:translateY(-5%);
  }
  50%{
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}
@keyframes floating{
  0%, 100%{
    -webkit-transform:translateY(-5%);
            transform:translateY(-5%);
  }
  50%{
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}
@-webkit-keyframes floating2{
  0%, 100%{
    -webkit-transform:translateY(5%);
            transform:translateY(5%);
  }
  50%{
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}

@keyframes floating2{
  0%, 100%{
    -webkit-transform:translateY(5%);
            transform:translateY(5%);
  }
  50%{
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}

/* contents */
#contents{position:relative;z-index:1;}
