@charset "UTF-8";
/* 프로젝트에서 뽑은 값 */
/* //End 프로젝트에서 뽑은 값 */
/* 드롭다운,멀티포함 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: #888888;
}

::-webkit-scrollbar-track {
  background: #eeeeee;
  border-radius: 0;
}

/**
 * 텍스트의 상단 및 하단 여백을 제거하는 믹스인
 * @param {unit} $font-size - 적용할 폰트 크기
 * @param {unit} $top-trim - 상단 여백을 조절할 값 (em 단위 추천)
 * @param {unit} $bottom-trim - 하단 여백을 조절할 값 (em 단위 추천)
 */
/**
 * [헬퍼 믹스인] remove-text-space-style로 생성된 요소의
 * 상하 트림(margin) 값만 수정합니다.
 */
.container-etc section.etc-01 .inner .box-row {
  border: 1px solid #dddddd;
  margin-bottom: 107px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-etc section.etc-01 .inner .box-row {
    margin-bottom: 6.6667rem;
  }
}
@media (max-width: 639px) {
  .container-etc section.etc-01 .inner .box-row {
    margin-bottom: 28vw;
  }
}
.container-error {
  width: 100%;
  height: 100%;
  min-height: 600px;
  text-align: center;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 112vw);
}
@media screen and (min-width: 1200px) {
  .container-error {
    height: calc(100% - 215px);
  }
}
.container-error.service {
  min-height: 1000px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error.service {
    min-height: 62.5rem;
  }
}
@media (max-width: 639px) {
  .container-error.service {
    min-height: 262.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-error.service {
    min-height: 630px;
  }
}
.container-error .error-row {
  width: 87.5%;
  padding-top: 100px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row {
    padding-top: 6.25rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row {
    padding-top: 26.25vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .error-row {
    padding-top: 150px;
  }
}
.container-error .error-row .txt-group h2 {
  color: #222222;
  font-weight: 700;
  letter-spacing: -1.44px;
  margin-bottom: 21px;
  font-size: 29px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .txt-group h2 {
    margin-bottom: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .txt-group h2 {
    margin-bottom: 5.6vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .txt-group h2 {
    font-size: 1.8333rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .txt-group h2 {
    font-size: 7.7vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .error-row .txt-group h2 {
    font-size: 40px;
  }
}
.container-error .error-row .txt-group p {
  color: #333333;
  font-weight: 500;
  letter-spacing: -0.48px;
  margin-bottom: 47px;
  font-size: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .txt-group p {
    margin-bottom: 2.9167rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .txt-group p {
    margin-bottom: 12.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .txt-group p {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .txt-group p {
    font-size: 4.9vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .error-row .txt-group p {
    font-size: 20px;
  }
}
.container-error .error-row .txt-group .btn-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-error .error-row .txt-group .btn-row a {
  min-width: unset;
  width: 180px;
  margin: 0px 7px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .txt-group .btn-row a {
    width: 11.25rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .txt-group .btn-row a {
    width: 47.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .txt-group .btn-row a {
    margin: 0rem 0.4167rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .txt-group .btn-row a {
    margin: 0vw 1.75vw;
  }
}
.container-error .error-row .txt-group .btn-row a .icon-svg {
  width: 24px;
  height: 24px;
  color: #666666;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .txt-group .btn-row a .icon-svg {
    width: 1.5rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .txt-group .btn-row a .icon-svg {
    width: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .txt-group .btn-row a .icon-svg {
    height: 1.5rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .txt-group .btn-row a .icon-svg {
    height: 6.3vw;
  }
}
.container-error .error-row .txt-group .btn-row a .icon-svg svg {
  transform: rotate(90deg);
  width: 16px;
  height: 10px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .txt-group .btn-row a .icon-svg svg {
    width: 1rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .txt-group .btn-row a .icon-svg svg {
    width: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .txt-group .btn-row a .icon-svg svg {
    height: 0.6042rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .txt-group .btn-row a .icon-svg svg {
    height: 2.5375vw;
  }
}
.container-error .error-row .server-info-row {
  width: 87.5%;
  margin: auto;
  background: #f9f9f9;
  flex-flow: wrap;
  border-radius: 11px;
  margin-bottom: 47px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 27px 33px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .server-info-row {
    border-radius: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .server-info-row {
    border-radius: 2.8vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .server-info-row {
    margin-bottom: 2.9167rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .server-info-row {
    margin-bottom: 12.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .server-info-row {
    padding: 1.6667rem 2.0833rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .server-info-row {
    padding: 7vw 8.75vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .error-row .server-info-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 560px;
  }
}
.container-error .error-row .server-info-row strong {
  color: #222222;
  font-weight: 500;
  margin-bottom: 4px;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .server-info-row strong {
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .server-info-row strong {
    margin-bottom: 1.05vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .server-info-row strong {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .server-info-row strong {
    font-size: 4.2vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .error-row .server-info-row strong {
    width: 112px;
    text-align: left;
  }
}
.container-error .error-row .server-info-row p {
  width: 100%;
  color: #333333;
  font-weight: 400;
  text-align: left;
  letter-spacing: -0.48px;
  margin-bottom: 20px;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .server-info-row p {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .server-info-row p {
    margin-bottom: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-error .error-row .server-info-row p {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .container-error .error-row .server-info-row p {
    font-size: 4.2vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .error-row .server-info-row p {
    width: calc(100% - 150px);
    margin-bottom: 0;
  }
}/*# sourceMappingURL=etc.css.map */