/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * ALL
 * FOOTER
 * MAIN
 * LOAD
 * LOGIN
 * JOIN
 **/
/*------------------------------------*\
    ALL
\*------------------------------------*/
body {
  padding-top: 0;
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer-copy {
  display: block;
}

.footer-shopp, .footer-map {
  display: none;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/
main > .container {
  height: 100%;
  position: relative;
}

/*------------------------------------*\
    LOAD
\*------------------------------------*/
.load {
    background: url(../images/load-bg.jpg) left center no-repeat;
    background-size: cover;
    height: 100%;
}

.load img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.load-wrap {
  position: relative;
}

.load-wrap .footer {
  background-color: transparent;
  color: #ffffff;
}

.load-wrap .footer-copy {
  background-color: transparent;
}

/*------------------------------------*\
    LOGIN
\*------------------------------------*/
.login {
    overflow-y: auto;
}

.login-logo {
  text-align: center;
  padding: 2rem 0;
}

.login-titleHasPic {
  text-align: center;
  margin-bottom: 2rem;
}
    .login-titleHasPic h2 {
        color: var(--maincolor);
        font-size: 1.3125rem;
        font-weight: bold;
        letter-spacing: 0.2rem;
    }

        .login-titleHasPic h2 span {
            color: #e0002a;
        }

    .login-titleHasPic p {
        font-size: 0.75rem;
    }
.login-title {
    text-align: center;
    margin: 4rem 0;
}
    .login-title h2 {
        color: var(--maincolor);
        font-size: 1.3125rem;
        font-weight: bold;
        letter-spacing: 0.2rem;
    }

.login-title h2 span {
  color: #e0002a;
}

.login-title p {
  font-size: 0.75rem;
}

.login-form {
  padding: 0 2rem 3rem;
}

.login-form .form .form-group {
  margin-bottom: 1.5rem;
}

.login-form .form .form-control {
  height: calc(1.5em + .75rem + 2px);
}

.login-form .form .code-wrap .form-control {
  padding-right: 8rem;
}

/*------------------------------------*\
    JOIN
\*------------------------------------*/
.join {
  overflow-y: auto;
  padding: 1rem 2rem;
}

.join-wrap {
  padding-top: 50px;
}

.join-wrap .btn-back {
  left: 0;
}