a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}
::selection {
  text-shadow: none;
  background: #59004d;
  color: #fff;
}

.gradient {
  display: inline-block;
  letter-spacing: -.08em;
    color: #00a1b5;
    background: -webkit-gradient(linear, left top, right top, from(#00a1b5), to(#d43f3a));
    background: -moz-gradient(linear, left top, right top, from(#00a1b5), to(#d43f3a));
    background: -o-gradient(linear, left top, right top, from(#00a1b5), to(#d43f3a));

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.gradientModal h4.modal-title {
    display: inline-block;
    font-size: 20px; font-weight: 500; letter-spacing: -.05em;
    padding-right: 3px; text-transform: capitalize;
    color: #00a1b5;
    background: -webkit-gradient(linear, left top, right top, from(#00a1b5), to(#d43f3a));
    background: -moz-gradient(linear, left top, right top, from(#00a1b5), to(#d43f3a));
    background: -o-gradient(linear, left top, right top, from(#00a1b5), to(#d43f3a));

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.gradientModal p {
    margin: 5px 0;
}
.gradientModal button[type="button"] {
    font-size: 13px; font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
}

.gradientModal button[type="button"] {
    color: #00a1b5;
    border: 1px solid #00a1b5;
}

.gradientModal button[type="button"].pull-left {
    color: #00a1b5;
    border: 1px solid #00a1b5;
}
.gradientModal button[type="button"].pull-right {
    color: #d43f3a;
    border: 1px solid #d43f3a;
}

#digeracy-popup {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, .8);
}
#digeracy-popup h2 {
  cursor: pointer;
  color: #fff;
  letter-spacing: -1px;
  font-size: 13px;
  padding: 0 15px;
  text-align: center;
  margin: 10px 0;
}
#digeracy-popup h2 span {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
/* ------------------------------ public ------------------------------ */
.float-clear {
  clear: both;
}
.decoration {
    clear: both; height: 20px;
}
.decoration-50 {
    clear: both; height: 50px;
}
.decoration-100 {
    clear: both; height: 100px;
}

/* ------------------------------ preloader ------------------------------ */
#preloader {
  position: fixed; top: 0; right: 0; bottom: 0; left: 0;
  background-color: #fff; z-index: 10000;
}
#preloader .motion-group {
  width: 112px; height: 112px;
  position: fixed; top: 25%; left: 50%;

  -webkit-transform:  translate( -50%, -50% );
  -moz-transform:     translate( -50%, -50% );
  -ms-transform:      translate( -50%, -50% );
  -o-transform:       translate( -50%, -50% );
  transform:          translate( -50%, -50% );
}
#preloader .motion {
  width: 112px; height: 112px;

  border-top:   4px solid rgba(89, 0, 77, .8);
  border-right: 4px solid rgba(89, 0, 77, .8);
  border-bottom:  4px solid transparent;
  border-left:  4px solid transparent;

  border-radius: 50%;

  -webkit-animation:preloader-motion .8s infinite linear;
  -moz-animation:   preloader-motion .8s infinite linear;
  -ms-animation:    preloader-motion .8s infinite linear;
  -o-animation:     preloader-motion .8s infinite linear;
  animation:        preloader-motion .8s infinite linear;
}
#preloader .motion-group p {
  width: inherit; letter-spacing: -2px; text-align: center;
  color: #59004d; font-size: 20px; font-style: italic;
  margin-top: 10px; text-transform: uppercase;
}

#top-btn {
    width: 50px; height: 50px; line-height: 42px; z-index: 1000; cursor: pointer;
    position: fixed; bottom: -100px; right: 30px;
    border-radius: 50%; border: 1px solid #dedede; text-align: center;
    background-color: rgba( 255, 255, 255, 0.7 );
    -webkit-box-shadow: 5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -moz-box-shadow:    5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -ms-box-shadow:     5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -o-box-shadow:      5px 5px 10px rgba( 0, 0, 0, 0.2 );
    box-shadow:         5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -webkit-transition: all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
    transition:         all .4s ease-out;
    opacity: 0;
}
#top-btn.active { bottom: 30px; opacity: 1; }

#kakao-talk {
    width: 50px; height: 50px; z-index: 1000; cursor: pointer; text-align: center;
    position: fixed; bottom: 30px; right: 30px;
    border-radius: 50%; border: 1px solid #dedede; text-align: center;
    background-color: #fbe300;
    -webkit-box-shadow: 5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -moz-box-shadow:    5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -ms-box-shadow:     5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -o-box-shadow:      5px 5px 10px rgba( 0, 0, 0, 0.2 );
    box-shadow:         5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -webkit-transition: all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
    transition:         all .4s ease-out;
    opacity: .8;
}
#kakao-talk.active { bottom: 100px; }
#kakao-talk > i {
    font-size: 25px; color: #3b1e1e; line-height: 45px;
}
#kakao-talk:hover {
    opacity: 1;
}

#digeracy-phone {
    width: 50px; height: 50px; z-index: 1000; cursor: pointer; text-align: center;
    position: fixed; bottom: 30px; right: 30px;
    border-radius: 50%; border: 1px solid #dedede; text-align: center;
    background-color: #fbe300;
    -webkit-box-shadow: 5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -moz-box-shadow:    5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -ms-box-shadow:     5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -o-box-shadow:      5px 5px 10px rgba( 0, 0, 0, 0.2 );
    box-shadow:         5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -webkit-transition: all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
    transition:         all .4s ease-out;
    opacity: .8;
}
#digeracy-phone.active { bottom: 100px; }
#digeracy-phone > i {
    font-size: 25px; color: #3b1e1e; line-height: 50px;
}
#digeracy-phone:hover {
    opacity: 1;
}
/* ------------------------------ motion ------------------------------ */
@keyframes "preloader-motion" {
  from {
    -webkit-transform:  rotate(0deg);
    -moz-transform:     rotate(0deg);
    -ms-transform:      rotate(0deg);
    -o-transform:       rotate(0deg);
    transform:          rotate(0deg);
  }
  to {
    -webkit-transform:  rotate(359deg);
    -moz-transform:     rotate(359deg);
    -ms-transform:      rotate(359deg);
    -o-transform:       rotate(359deg);
    transform:          rotate(359deg);
  }

}

@-moz-keyframes preloader-motion {
  from {
    -moz-transform: rotate(0deg);
    transform:      rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
    transform:      rotate(359deg);
  }
}

@-webkit-keyframes "preloader-motion" {
  from {
    -webkit-transform:  rotate(0deg);
    transform:          rotate(0deg);
  }
  to {
    -webkit-transform:  rotate(359deg);
    transform:          rotate(359deg);
  }
}

@-ms-keyframes "preloader-motion" {
  from {
    -ms-transform:  rotate(0deg);
    transform:      rotate(0deg);
  }
  to {
    -ms-transform:  rotate(359deg);
    transform:      rotate(359deg);
  }
}

@-o-keyframes "preloader-motion" {
  from {
    -o-transform:   rotate(0deg);
    transform:      rotate(0deg);
  }
  to {
    -o-transform:   rotate(359deg);
    transform:      rotate(359deg);
  }
}
/* ------------------------------ /preloader ------------------------------ */