@charset "UTF-8";
/* =================================================================
   1. [SCSS Variables] Raw Data Definition
   * 이곳은 '순수 값'만 정의합니다. 실제 코드에서는 사용하지 않는 것을 권장합니다.
   * 브랜드 컬러 코드가 바뀌면 여기만 수정하세요.
   ================================================================= */
/* 드롭다운,멀티포함 */
/* Level 1: Fixed UI (헤더 영역) */
/* Level 2: Dropdowns (헤더 위에 뜨는 요소) */
/* Level 3: Overlays (전체 화면을 덮는 요소) */
/* Level 4: Controls (가장 최상위 컨트롤) */
/**
 * [A. 일반 속성용] width, height, padding, margin, gap 등
 * @param $property : CSS 속성명
 * @param $values : 값
 * @param $raw : (옵션) true일 경우 /3 계산 안함
 */
/**
 * [B. 폰트 전용] font-size + line-height + Text Crop
 */
.container-error {
  width: 100%;
  height: 100%;
  min-height: 400px;
  text-align: center;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 100vw);
}
@media screen and (min-width: 1200px) {
  .container-error {
    height: calc(100% - 215px);
  }
}
.container-error.service {
  min-height: 234.375vw;
}
@media (min-width: 641px) {
  .container-error.service {
    min-height: 62.5rem;
  }
}
@media (min-width: 1200px) {
  .container-error.service {
    min-height: 1000px;
  }
}
@media screen and (min-width: 1200px) {
  .container-error.service {
    min-height: 630px;
  }
}
.container-error .error-row {
  padding-top: 15.625vw;
}
@media (min-width: 641px) {
  .container-error .error-row {
    padding-top: 4.1667rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row {
    padding-top: 67px;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .error-row {
    padding-top: 100px;
  }
}
.container-error .error-row h1 {
  margin-bottom: 9.375vw;
}
@media (min-width: 641px) {
  .container-error .error-row h1 {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row h1 {
    margin-bottom: 40px;
  }
}
.container-error .error-row .txt-group h2 {
  color: #2B2B2B;
  font-weight: 700;
  letter-spacing: -1.44px;
}
.container-error .error-row .txt-group h2 {
  margin-bottom: 5vw;
}
@media (min-width: 641px) {
  .container-error .error-row .txt-group h2 {
    margin-bottom: 1.3333rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .txt-group h2 {
    margin-bottom: 21px;
  }
}
.container-error .error-row .txt-group h2 {
  font-size: 5.625vw;
}
@media (min-width: 641px) {
  .container-error .error-row .txt-group h2 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .txt-group h2 {
    font-size: 24px;
  }
}
.container-error .error-row .txt-group p {
  color: #616161;
  font-weight: 400;
  letter-spacing: -0.48px;
}
.container-error .error-row .txt-group p {
  margin-bottom: 10.9375vw;
}
@media (min-width: 641px) {
  .container-error .error-row .txt-group p {
    margin-bottom: 2.9167rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .txt-group p {
    margin-bottom: 47px;
  }
}
.container-error .error-row .txt-group p {
  font-size: 3.75vw;
}
@media (min-width: 641px) {
  .container-error .error-row .txt-group p {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .txt-group p {
    font-size: 16px;
  }
}
.container-error .error-row .txt-group .btn-row a {
  width: 42.1875vw;
}
@media (min-width: 641px) {
  .container-error .error-row .txt-group .btn-row a {
    width: 11.25rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .txt-group .btn-row a {
    width: 180px;
  }
}
.container-error .error-row .txt-group .btn-row a {
  margin: 0vw;
}
@media (min-width: 641px) {
  .container-error .error-row .txt-group .btn-row a {
    margin: 0rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .txt-group .btn-row a {
    margin: 0px;
  }
}
.container-error .error-row .server-info-row {
  width: 87.5%;
  margin: auto;
  background: #F3F3F3;
  flex-flow: wrap;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.container-error .error-row .server-info-row {
  border-radius: 2.5vw;
}
@media (min-width: 641px) {
  .container-error .error-row .server-info-row {
    border-radius: 0.6667rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row {
    border-radius: 11px;
  }
}
.container-error .error-row .server-info-row {
  margin-bottom: 10.9375vw;
}
@media (min-width: 641px) {
  .container-error .error-row .server-info-row {
    margin-bottom: 2.9167rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row {
    margin-bottom: 47px;
  }
}
.container-error .error-row .server-info-row {
  padding: 18.75vw;
}
@media (min-width: 641px) {
  .container-error .error-row .server-info-row {
    padding: 5rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row {
    padding: 80px;
  }
}
@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: #2B2B2B;
  font-weight: 500;
}
.container-error .error-row .server-info-row strong {
  margin-bottom: 0.9375vw;
}
@media (min-width: 641px) {
  .container-error .error-row .server-info-row strong {
    margin-bottom: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row strong {
    margin-bottom: 4px;
  }
}
.container-error .error-row .server-info-row strong {
  font-size: 3.75vw;
}
@media (min-width: 641px) {
  .container-error .error-row .server-info-row strong {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row strong {
    font-size: 16px;
  }
}
@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: #616161;
  font-weight: 400;
  text-align: left;
  letter-spacing: -0.48px;
}
.container-error .error-row .server-info-row p {
  margin-bottom: 4.6875vw;
}
@media (min-width: 641px) {
  .container-error .error-row .server-info-row p {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row p {
    margin-bottom: 20px;
  }
}
.container-error .error-row .server-info-row p {
  font-size: 3.75vw;
}
@media (min-width: 641px) {
  .container-error .error-row .server-info-row p {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .container-error .error-row .server-info-row p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .error-row .server-info-row p {
    width: calc(100% - 150px);
    margin-bottom: 0;
  }
}
.container-error .logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-error .logo {
  gap: 3.75vw;
}
@media (min-width: 641px) {
  .container-error .logo {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .container-error .logo {
    gap: 16px;
  }
}
.container-error .logo .icon-svg {
  width: 6.0938vw;
}
@media (min-width: 641px) {
  .container-error .logo .icon-svg {
    width: 1.625rem;
  }
}
@media (min-width: 1200px) {
  .container-error .logo .icon-svg {
    width: 26px;
  }
}
.container-error .logo .icon-svg {
  height: 6.25vw;
}
@media (min-width: 641px) {
  .container-error .logo .icon-svg {
    height: 1.6667rem;
  }
}
@media (min-width: 1200px) {
  .container-error .logo .icon-svg {
    height: 27px;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .logo .icon-svg {
    width: 35px;
    height: 36px;
  }
}
.container-error .logo .icon-svg svg {
  width: 100%;
}
.container-error .logo span {
  font-weight: 700;
  color: #0C6FB8;
}
.container-error .logo span {
  font-size: 5.0781vw;
}
@media (min-width: 641px) {
  .container-error .logo span {
    font-size: 1.3542rem;
  }
}
@media (min-width: 1200px) {
  .container-error .logo span {
    font-size: 22px;
  }
}
@media screen and (min-width: 1200px) {
  .container-error .logo span {
    font-size: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .container-error .logo span {
    font-size: 26px;
  }
}

section.policy .section-inner {
  padding: 0 !important;
}