@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.column {
  float: left;
}

@media all and (max-width: 990px) {
  .history-item {
    text-align: center;
  }

  section#audition {
    padding-top: 15px;
  }
}

@media (min-width: 990px) {
  .transparent-height {
    height: 0px;
  }
}

@media (max-width: 990px) {
  .transparent-height {
    height: 14px;
  }

  .upload-mb20 {
    margin-bottom: 20px;
  }

  .upload-mb25 {
    margin-bottom: 25px;
  }
}

select.input-sm {
  height: 50px;
  text-indent: 6px;
  padding: 10px;
}

.line {
  margin-top: 5px;
  margin-bottom: 5px;
  background: #ffffff;
}

.line-black {
  margin-top: 5px;
  margin-bottom: 5px;
  background: #383838;
}

.err_msg {
  float: left;
  margin-top: -12px;
  margin-bottom: 8px;
  font-size: 13px;
  margin-left: 5px;
}

.msg {
  word-break: break-all;
}

.spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: rgb(255, 255, 255);

  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
  vertical-align: middle;
  margin-left: 10px;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

#audition-form .mandantory {
  background: #000000;
  color: white;
}

#audition-form .mandantory::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

#audition-form .mandantory:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
}

#audition-form .mandantory::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white;
}

#audition-form div {
  color: #80838b;
}

.mandantory-guide {
  display: inline-block;
  background: #000000;
  width: 40px;
  height: 15px;
  vertical-align: sub;
  margin-right: 5px;
}

input:not(.checkbox),
textarea,
button,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input,
textarea,
button,
select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.line-black {
  background: #000;
  color: #000;
}

.noti-banner {
  width: 100%;
  height: 100px;
  background-color: #ffc0c9;
  background-image: url("/img/assets/firstone_top_banner_1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  position: fixed;
  top: 0px;
  z-index: 99;
}

.noti-text {
  position: fixed;
  text-align: center;
  width: 100%;
  margin: auto;
  top: 40px;
  font-size: 19px;
  color: #322e2e;
  margin-left: 85px;
  cursor: pointer;
}

.noti-close {
  position: fixed;
  right: 20px;
  top: 40px;
}

@media all and (max-width: 990px) {
  .noti-banner {
    background-position: -400px;
  }
  .noti-text {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 16px;
    color: #322e2e;
    margin-left: 180px;
    width: calc(100% - 225px);
    height: 100px;
    top: auto;
  }
  .noti-wrapper {
    display: flex;
  }
}