.custom-scrollbar,
.custom-textarea textarea,
textarea.form-control,
.dropdown-menu {
  overflow: auto;
}
.custom-scrollbar::-webkit-scrollbar,
.custom-textarea textarea::-webkit-scrollbar,
textarea.form-control::-webkit-scrollbar,
.dropdown-menu::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.custom-scrollbar::-webkit-scrollbar-track,
.custom-textarea textarea::-webkit-scrollbar-track,
textarea.form-control::-webkit-scrollbar-track,
.dropdown-menu::-webkit-scrollbar-track {
  background: none;
}
.custom-scrollbar::-webkit-scrollbar-thumb,
.custom-textarea textarea::-webkit-scrollbar-thumb,
textarea.form-control::-webkit-scrollbar-thumb,
.dropdown-menu::-webkit-scrollbar-thumb {
  border: 0;
  border-radius: 0.5rem;
  background: rgba(116, 123, 135, 0.34);
  border: 0.1875rem solid rgba(0, 0, 0, 0);
  background-clip: content-box;
  cursor: pointer;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover,
.custom-textarea textarea::-webkit-scrollbar-thumb:hover,
textarea.form-control::-webkit-scrollbar-thumb:hover,
.dropdown-menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(116, 123, 135, 0.84);
}
.visible-mobile {
  display: none;
}
@media (max-width: 767px) {
  .visible-mobile {
    display: block !important;
  }
}
.visible-tablet {
  display: none;
}
@media (min-width: 767px) and (max-width: 768px) {
  .visible-tablet {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
}
.font-lato {
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}
.bg-grey {
  background-color: #f9fafb;
}
@font-face {
  font-family: 'Noto Sans';
  src: url(../../fonts/v2/NotoSans/NotoSans-Bold.eot);
  src:
          url(../../fonts/v2/NotoSans/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
          url(../../fonts/v2/NotoSans/NotoSans-Bold.woff2) format('woff2'),
          url(../../fonts/v2/NotoSans/NotoSans-Bold.woff) format('woff'),
          url(../../fonts/v2/NotoSans/NotoSans-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url(../../fonts/v2/NotoSans/NotoSans-Regular.eot);
  src:
          url(../../fonts/v2/NotoSans/NotoSans-Regular.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSans/NotoSans-Regular.woff2) format('woff2'),
          url(../../fonts/v2/NotoSans/NotoSans-Regular.woff) format('woff'),
          url(../../fonts/v2/NotoSans/NotoSans-Regular.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url(../../fonts/v2/NotoSans/NotoSans-Medium.eot);
  src:
          url(../../fonts/v2/NotoSans/NotoSans-Medium.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSans/NotoSans-Medium.woff2) format('woff2'),
          url(../../fonts/v2/NotoSans/NotoSans-Medium.woff) format('woff'),
          url(../../fonts/v2/NotoSans/NotoSans-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url(../../fonts/v2/NotoSans/NotoSans-SemiBold.eot);
  src:
          url(../../fonts/v2/NotoSans/NotoSans-SemiBold.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSans/NotoSans-SemiBold.woff2) format('woff2'),
          url(../../fonts/v2/NotoSans/NotoSans-SemiBold.woff) format('woff'),
          url(../../fonts/v2/NotoSans/NotoSans-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url(../../fonts/v2/NotoSansKR/NotoSansKR-Bold.eot);
  src:
          url(../../fonts/v2/NotoSansKR/NotoSansKR-Bold.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansKR/NotoSansKR-Bold.woff) format('woff'),
          url(../../fonts/v2/NotoSansKR/NotoSansKR-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url(../../fonts/v2/NotoSansKR/NotoSansKR-Regular.eot);
  src:
          url(../../fonts/v2/NotoSansKR/NotoSansKR-Regular.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansKR/NotoSansKR-Regular.woff) format('woff'),
          url(../../fonts/v2/NotoSansKR/NotoSansKR-Regular.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url(../../fonts/v2/NotoSansKR/NotoSansKR-Medium.eot);
  src:
          url(../../fonts/v2/NotoSansKR/NotoSansKR-Medium.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansKR/NotoSansKR-Medium.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansKR/NotoSansKR-Medium.woff) format('woff'),
          url(../../fonts/v2/NotoSansKR/NotoSansKR-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url(../../fonts/v2/NotoSansKR/NotoSansKR-SemiBold.eot);
  src:
          url(../../fonts/v2/NotoSansKR/NotoSansKR-SemiBold.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansKR/NotoSansKR-SemiBold.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansKR/NotoSansKR-SemiBold.woff) format('woff'),
          url(../../fonts/v2/NotoSansKR/NotoSansKR-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url(../../fonts/v2/NotoSansJP/NotoSansJP-Bold.eot);
  src:
          url(../../fonts/v2/NotoSansJP/NotoSansJP-Bold.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansJP/NotoSansJP-Bold.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansJP/NotoSansJP-Bold.woff) format('woff'),
          url(../../fonts/v2/NotoSansJP/NotoSansJP-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url(../../fonts/v2/NotoSansJP/NotoSansJP-Regular.eot);
  src:
          url(../../fonts/v2/NotoSansJP/NotoSansJP-Regular.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansJP/NotoSansJP-Regular.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansJP/NotoSansJP-Regular.woff) format('woff'),
          url(../../fonts/v2/NotoSansJP/NotoSansJP-Regular.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url(../../fonts/v2/NotoSansJP/NotoSansJP-Medium.eot);
  src:
          url(../../fonts/v2/NotoSansJP/NotoSansJP-Medium.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansJP/NotoSansJP-Medium.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansJP/NotoSansJP-Medium.woff) format('woff'),
          url(../../fonts/v2/NotoSansJP/NotoSansJP-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url(../../fonts/v2/NotoSansJP/NotoSansJP-SemiBold.eot);
  src:
          url(../../fonts/v2/NotoSansJP/NotoSansJP-SemiBold.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansJP/NotoSansJP-SemiBold.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansJP/NotoSansJP-SemiBold.woff) format('woff'),
          url(../../fonts/v2/NotoSansJP/NotoSansJP-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url(../../fonts/v2/NotoSansTC/NotoSansTC-Bold.eot);
  src:
          url(../../fonts/v2/NotoSansTC/NotoSansTC-Bold.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansTC/NotoSansTC-Bold.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansTC/NotoSansTC-Bold.woff) format('woff'),
          url(../../fonts/v2/NotoSansTC/NotoSansTC-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url(../../fonts/v2/NotoSansTC/NotoSansTC-Regular.eot);
  src:
          url(../../fonts/v2/NotoSansTC/NotoSansTC-Regular.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansTC/NotoSansTC-Regular.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansTC/NotoSansTC-Regular.woff) format('woff'),
          url(../../fonts/v2/NotoSansTC/NotoSansTC-Regular.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url(../../fonts/v2/NotoSansTC/NotoSansTC-Medium.eot);
  src:
          url(../../fonts/v2/NotoSansTC/NotoSansTC-Medium.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansTC/NotoSansTC-Medium.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansTC/NotoSansTC-Medium.woff) format('woff'),
          url(../../fonts/v2/NotoSansTC/NotoSansTC-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url(../../fonts/v2/NotoSansTC/NotoSansTC-SemiBold.eot);
  src:
          url(../../fonts/v2/NotoSansTC/NotoSansTC-SemiBold.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansTC/NotoSansTC-SemiBold.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansTC/NotoSansTC-SemiBold.woff) format('woff'),
          url(../../fonts/v2/NotoSansTC/NotoSansTC-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url(../../fonts/v2/NotoSansThai/NotoSansThai-Bold.eot);
  src:
          url(../../fonts/v2/NotoSansThai/NotoSansThai-Bold.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansThai/NotoSansThai-Bold.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansThai/NotoSansThai-Bold.woff) format('woff'),
          url(../../fonts/v2/NotoSansThai/NotoSansThai-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url(../../fonts/v2/NotoSansThai/NotoSansThai-Regular.eot);
  src:
          url(../../fonts/v2/NotoSansThai/NotoSansThai-Regular.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansThai/NotoSansThai-Regular.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansThai/NotoSansThai-Regular.woff) format('woff'),
          url(../../fonts/v2/NotoSansThai/NotoSansThai-Regular.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url(../../fonts/v2/NotoSansThai/NotoSansThai-Medium.eot);
  src:
          url(../../fonts/v2/NotoSansThai/NotoSansThai-Medium.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansThai/NotoSansThai-Medium.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansThai/NotoSansThai-Medium.woff) format('woff'),
          url(../../fonts/v2/NotoSansThai/NotoSansThai-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url(../../fonts/v2/NotoSansThai/NotoSansThai-SemiBold.eot);
  src:
          url(../../fonts/v2/NotoSansThai/NotoSansThai-SemiBold.eot?#iefix)
          format('embedded-opentype'),
          url(../../fonts/v2/NotoSansThai/NotoSansThai-SemiBold.woff2) format('woff2'),
          url(../../fonts/v2/NotoSansThai/NotoSansThai-SemiBold.woff) format('woff'),
          url(../../fonts/v2/NotoSansThai/NotoSansThai-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url(../../fonts/v2/Lato/Lato-Bold.eot);
  src:
          url(../../fonts/v2/Lato/Lato-Bold.eot?#iefix) format('embedded-opentype'),
          url(../../fonts/v2/Lato/Lato-Bold.woff2) format('woff2'),
          url(../../fonts/v2/Lato/Lato-Bold.woff) format('woff'),
          url(../../fonts/v2/Lato/Lato-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url(../../fonts/v2/Lato/Lato-Medium.eot);
  src:
          url(../../fonts/v2/Lato/Lato-Medium.eot?#iefix) format('embedded-opentype'),
          url(../../fonts/v2/Lato/Lato-Medium.woff2) format('woff2'),
          url(../../fonts/v2/Lato/Lato-Medium.woff) format('woff'),
          url(../../fonts/v2/Lato/Lato-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url(../../fonts/v2/Lato/Lato-Regular.eot);
  src:
          url(../../fonts/v2/Lato/Lato-Regular.eot?#iefix) format('embedded-opentype'),
          url(../../fonts/v2/Lato/Lato-Regular.woff2) format('woff2'),
          url(../../fonts/v2/Lato/Lato-Regular.woff) format('woff'),
          url(../../fonts/v2/Lato/Lato-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
html {
  font-size: 16px;
  -webkit-font-feature-settings: 'locl' 0;
  font-feature-settings: 'locl' 0;
}
@media (max-width: 359px) {
  html {
    font-size: 4.4444444444vw;
  }
}
body {
  font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #8f96a3;
  letter-spacing: -0.021875em;
  background: #000;
}
html[lang='ko'] body,
html[lang='ko-KP'] body {
  font-family: 'Noto Sans KR', Arial, Helvetica, sans-serif;
}
html[lang='ja'] body,
html[lang='ja-JP'] body {
  font-family: 'Noto Sans JP', Arial, Helvetica, sans-serif;
}
html[lang='zh-TW'] body {
  font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
}
html[lang='th'] body,
html[lang='th-TH'] body {
  font-family: 'Noto Sans Thai', Arial, Helvetica, sans-serif;
}
a {
  color: #355bf7;
}
.heading-1 {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.0140625em;
}
@media (max-width: 768px) {
  .heading-1 {
    font-size: 1.5rem;
  }
}
.heading-2 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.0153571429em;
}
@media (max-width: 768px) {
  .heading-2 {
    font-size: 1.375rem;
    letter-spacing: -0.0195454545em;
  }
}
.header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 4.25rem;
  padding: 0rem 2.5rem;
  background-color: #000;
  color: #fff;
  text-align: left;
}
@media (max-width: 768px) {
  .header {
    height: 3rem;
    padding: 0 1.25rem;
  }
}
.header__left {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .header__right {
    display: none;
  }
}
.header__right > .btn {
  min-width: 5.5rem;
}
.header__main {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.header__main h1 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.026875rem;
}
@media (max-width: 768px) {
  .header__main h1 {
    font-size: 1rem;
  }
}
.header__main h1 a {
  color: #fff;
  text-decoration: none;
}
.header__menu {
  height: 100%;
  margin-right: 1.875rem;
}
.header__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__menu ul li {
  height: 100%;
}
.header__menu ul li a {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0rem 1.125rem;
  color: hsla(0, 0%, 100%, 0.5);
  font-weight: 500;
  letter-spacing: -0.021875rem;
  text-decoration: none;
}
.header__menu ul li a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: calc(100% - 2.25rem);
  height: 0;
  background: #fff;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.header__menu ul li a:hover {
  color: #fff;
}
.header__menu ul li.is-active a {
  color: #fff;
  font-weight: 700;
}
.header__menu ul li.is-active a:after {
  height: 0.125rem;
}
.header__hbg-button {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  display: none;
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
  background: none;
  border: 0;
  outline: none;
}
@media (max-width: 768px) {
  .header__hbg-button {
    display: inline-block;
  }
}
.header__hbg-button span {
  position: absolute;
  left: 0.4375rem;
  display: block;
  width: 1.125rem;
  height: 0.125rem;
  margin-top: -0.0625rem;
  background: #fff;
  border-radius: 0.125rem;
}
.header__hbg-button span:nth-child(1) {
  top: 0.5625rem;
}
.header__hbg-button span:nth-child(2) {
  top: 50%;
}
.header__hbg-button span:nth-child(3) {
  bottom: 0.5625rem;
  margin-bottom: -0.0625rem;
}
.mobile-menu {
  max-width: 15rem;
}
.mobile-menu .btn-close {
  position: absolute;
  top: 1.125rem;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0)
  url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23000"%3e%3cpath d="M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z"/%3e%3c/svg%3e')
  center/1em auto no-repeat;
  background-size: 1rem 1rem;
}
.mobile-menu .offcanvas-body {
  padding: 1.5rem;
}
.mobile-menu__header {
  padding-top: 1.0625rem;
}
.mobile-menu__header a {
  color: #17191c;
  font-size: 1.25rem;
  font-weight: bold;
  text-decoration: none;
}
.mobile-menu hr {
  margin: 1.1875rem 0;
  border-color: #17191c;
  opacity: 1;
}
.mobile-menu__list {
  margin-top: -0.25rem;
}
.mobile-menu__list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-menu__list ul li a {
  display: block;
  padding: 0.3125rem 0;
  color: #17191c;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}
.mobile-menu__footer {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
}
.mobile-menu__footer .btn {
  width: 100%;
  font-weight: 700;
}
.wrapper {
  overflow: hidden;
  min-height: 100vh;
  min-height: 100svh;
}
.container {
  width: 100%;
  max-width: 65rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 3rem;
  color: #17191c;
  background: #eef1f6;
  font-weight: 500;
  letter-spacing: -0.01875rem;
  border-radius: 0.25rem;
}
.btn:hover,
.btn:active,
.btn:first-child:active {
  background: #d2d6e0;
  color: #17191c;
}
.btn:disabled {
  background: #b0b7c4;
  color: #17191c;
  opacity: 0.2;
}
.btn.-rounded {
  border-radius: 6.25rem;
}
.btn.-xs {
  height: 2.25rem;
  font-size: 0.875rem;
  font-weight: 400;
}
.btn.-sm {
  height: 2.5rem;
  font-size: 0.875rem;
  border-radius: 0.1875rem;
}
.btn.-lg {
  height: 3.5rem;
  font-size: 1.125rem;
  border-radius: 0.3125rem;
}
.btn.-arrow-right {
  text-indent: -0.25rem;
}
.btn.-arrow-right:after {
  content: '';
  width: 0.5625rem;
  height: 0.5625rem;
  margin-left: 0.375rem;
  margin-bottom: -0.125rem;
  border: 0;
  border-bottom: 0.125rem solid;
  border-right: 0.125rem solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.btn.-border {
  border: 0.0625rem solid #fff;
  background: none;
  color: #fff;
}
.btn.-border:hover {
  background: #fff;
  color: #747a86;
}
.btn.-dark,
.btn.-dark:active {
  background: #17191c;
  color: #fff;
  border-color: rgba(0, 0, 0, 0);
}
.btn.-dark:hover {
  background: #0056c7;
}
.btn.-dark:disabled {
  background: #b1b7c4;
  color: #17191c;
  opacity: 0.2;
}
.btn.-light,
.btn.-light:active {
  background: #fff;
  color: #17191c;
  border: 0.0625rem solid rgba(155, 168, 198, 0.32);
}
.btn.-light:hover {
  background: #ced0d7;
  border-color: #ced0d7;
}
.btn.-light:disabled {
  background: rgba(155, 168, 198, 0.2);
  border: 0;
  color: #9aa3b2;
  opacity: 0.5;
}
.btn.-black,
.btn.-black:active {
  background: #000;
  color: #fff;
  border: 0;
}
.btn.-black:hover {
  background: #393c41;
}
.btn.-black:disabled {
  background: #edeff2;
  color: #bcc3cc;
  opacity: 0.55;
}
.btn.-primary,
.btn.-primary:active {
  background: #355bf7;
  border: 0;
  color: #fff;
}
.btn.-primary:hover {
  background: #5373f8;
  border-color: #5373f8;
}
.btn.-primary:disabled {
  background: rgba(155, 168, 198, 0.2);
  border: 0;
  color: #9aa3b2;
  opacity: 0.5;
}
.btn.-secondary,
.btn.-secondary:active {
  background: #fff;
  border: 0.0625rem solid #355bf7;
  color: #355bf7;
}
.btn.-secondary:hover {
  background: #5373f8;
  color: #fff;
  border-color: #5373f8;
}
.btn.-secondary:disabled {
  background: rgba(155, 168, 198, 0.2);
  border: 0;
  color: #9aa3b2;
  opacity: 0.5;
}
.btn img {
  max-width: 1.5rem;
  max-height: 1.5rem;
  width: auto;
  height: auto;
}
.top-banner {
  position: relative;
  height: 28.75rem;
  background-size: cover;
}
@media (min-width: 1920px) {
  .top-banner {
    height: auto;
    padding-bottom: 23.9583333333%;
  }
}
@media (max-width: 768px) {
  .top-banner {
    height: 12.5rem;
    background-size: cover;
  }
}
.top-banner__logo {
  position: absolute;
  left: 16.1458333333%;
  top: 50%;
  font-size: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media (max-width: 1080px) {
  .top-banner__logo {
    left: 7.4074074074%;
  }
}
@media (max-width: 768px) {
  .top-banner__logo {
    display: none;
  }
}
.top-banner__logo img {
  width: 100%;
}
.inquiry-form {
  width: 47.25rem;
  max-width: 100%;
  margin: auto;
}
.inquiry-form__header {
  text-align: center;
}
.inquiry-form__header h2 {
  margin: 0;
  color: #d2d6e0;
  font-size: 2.625rem;
  font-weight: 500;
  letter-spacing: -0.03125rem;
  line-height: 1.5238095238;
}
@media (max-width: 768px) {
  .inquiry-form__header h2 {
    font-size: 1.5rem;
  }
}
.inquiry-form__header p {
  margin-top: 1rem;
  color: #8f96a3;
  font-size: 1rem;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .inquiry-form__header p {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5714285714;
  }
}
.inquiry-form__body {
  margin: auto;
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  .inquiry-form__body {
    margin-top: -0.5rem;
  }
}
.inquiry-form__cell {
  margin-top: 2rem;
}
.inquiry-form__cell.-center {
  text-align: center;
}
.inquiry-form__cell.-content {
  margin-top: 0.8125rem;
}
.inquiry-form__cell.-files {
  margin-top: 0.8125rem;
}
.inquiry-form__cell.-submit {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .inquiry-form__cell.-submit {
    margin-top: 1.5rem;
  }
}
.inquiry-form__cell.-submit .btn {
  min-width: 17.5rem;
}
@media (max-width: 768px) {
  .inquiry-form__cell.-submit .btn {
    width: 100%;
  }
}
.inquiry-form hr {
  margin: 3rem 0;
}
@media (max-width: 768px) {
  .inquiry-form hr {
    margin: 1.4375rem 0;
  }
}
.inquiry-form .custom-textarea textarea {
  min-height: 17.5rem;
}
@media (max-width: 768px) {
  .inquiry-form .custom-textarea textarea {
    min-height: 20.25rem;
  }
}
.pagination {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  padding: 0;
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
.pagination .page-item {
  margin: 0 0.125rem;
}
.pagination .page-item a.page-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  margin: 0;
  padding: 0 0.5625rem;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  color: #525964;
  font-weight: 500;
  text-decoration: none;
  border-radius: 0.3125rem;
}
.pagination .page-item a.page-link:hover {
  color: #17191c;
}
.pagination .page-item a.page-link.disabled {
  color: #aaa;
}
.pagination .page-item.active a,
.pagination .page-item.is-active a {
  background-color: #17191c;
  color: #fff;
}
.pagination .page-item.active a:hover,
.pagination .page-item.is-active a:hover {
  color: #fff;
}
.pagination .page-item + .page-arrow {
  margin-left: 0.5rem;
}
.pagination .page-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination .page-arrow .page-link {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
}
.pagination .page-arrow.-prev .page-link,
.pagination .page-arrow.-next .page-link {
  background-image: url(../../images/icons/pagination-arrow-right.svg),
  url(../../images/icons/pagination-arrow-right-hover.svg);
  background-position: center, 9999px;
}
.pagination .page-arrow.-prev .page-link:hover,
.pagination .page-arrow.-next .page-link:hover {
  background-image: url(../../images/icons/pagination-arrow-right-hover.svg);
}
.pagination .page-arrow.-first .page-link,
.pagination .page-arrow.-last .page-link {
  background-image: url(../../images/icons/pagination-arrow-last.svg),
  url(../../images/icons/pagination-arrow-last-hover.svg);
  background-position: center, 9999px;
}
.pagination .page-arrow.-first .page-link:hover,
.pagination .page-arrow.-last .page-link:hover {
  background-image: url(../../images/icons/pagination-arrow-last-hover.svg);
}
.pagination .page-arrow.-first .page-link,
.pagination .page-arrow.-prev .page-link {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.pagination .page-arrow + .page-item {
  margin-left: 0.75rem;
}
.pagination.is-disabled .page-item .page-link {
  color: #c6ccd7;
  cursor: default;
  pointer-events: none;
}
.pagination.is-disabled .page-item.active a,
.pagination.is-disabled .page-item.is-active a {
  background-color: #c6ccd7;
  color: #fff;
}
.pagination.is-disabled .page-item.active a:hover,
.pagination.is-disabled .page-item.is-active a:hover {
  color: #fff;
}
.pagination.is-disabled .page-arrow .page-link {
  cursor: default;
  pointer-events: none;
}
.pagination.is-disabled .page-arrow.-next .page-link,
.pagination.is-disabled .page-arrow.-prev .page-link {
  background-image: url(../../images/icons/pagination-arrow-right-disabled.svg);
}
.pagination.is-disabled .page-arrow.-first .page-link,
.pagination.is-disabled .page-arrow.-last .page-link {
  background-image: url(../../images/icons/pagination-arrow-last-disabled.svg);
}
.dropdown {
  position: relative;
  width: 100%;
  text-align: left;
}
.dropdown.-lg .dropdown-toggle {
  height: 3.75rem;
}
@media (max-width: 768px) {
  .dropdown.-lg .dropdown-toggle {
    height: 3.125rem;
  }
}
.dropdown.-md {
  font-size: 0.875rem;
}
.dropdown.-md .dropdown-toggle {
  height: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
.dropdown.-md .dropdown-item {
  min-height: 2.5rem;
  padding: 0.5625rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
.dropdown.-light .dropdown-toggle {
  background: #fff;
  border-color: #dce0e5;
  color: #777d8a;
}
.dropdown.-light .dropdown-toggle:after {
  right: 1.1875rem;
  top: 50%;
  width: 0.625rem;
  height: 0.625rem;
  border-color: #17191c;
}
.dropdown.-light .dropdown-toggle.show,
.dropdown.-light .dropdown-toggle:hover,
.dropdown.-light .dropdown-toggle:active,
.dropdown.-light .dropdown-toggle:first-child:active,
.dropdown.-light .dropdown-toggle:focus,
.dropdown.-light .dropdown-toggle:focus-visible,
.dropdown.-light .dropdown-toggle:focus-within,
.dropdown.-light .dropdown-toggle:active:focus-visible,
.dropdown.-light .dropdown-toggle:first-child:active:focus-visible,
.dropdown.-light .dropdown-toggle.active:focus-visible,
.dropdown.-light .dropdown-toggle.show:focus-visible {
  background: #fff;
  color: #17191c;
  border-color: #000;
}
.dropdown.-light .dropdown-toggle.show,
.dropdown.-light .dropdown-toggle:active {
  border: 0.0625rem solid #000;
}
.dropdown.-light .dropdown-toggle.is-disabled {
  background: #f6f7f9;
  border-color: #edeff2;
  color: rgba(119, 125, 138, 0.55);
}
.dropdown.-light .dropdown-menu {
  background: #fff;
  border-width: 0.0625rem;
  border-color: #dce0e5;
}
.dropdown.-light .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #dce0e5;
}
.dropdown.-light .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(116, 123, 135, 0.84);
}
.dropdown.-light .dropdown-item {
  color: #777d8a;
}
.dropdown.-light .dropdown-item:hover,
.dropdown.-light .dropdown-item:active,
.dropdown.-light .dropdown-item:focus {
  color: #777d8a;
  background: #f6f7f9;
}
.dropdown.-light .dropdown-item.active {
  color: #17191c;
}
.dropdown.-light .dropdown-item.disabled {
  color: #777d8a;
  opacity: 0.55;
}
.dropdown-toggle {
  position: relative;
  display: block;
  width: 100%;
  height: 3.125rem;
  padding-right: 2.25rem;
  background: rgba(37, 38, 41, 0.7);
  color: #fff;
  font-weight: 400;
  border: 0.0625rem solid rgba(116, 123, 135, 0.34);
  border-radius: 0.25rem;
  letter-spacing: -0.021875em;
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem);
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}
.dropdown-toggle:after {
  content: '';
  margin: 0;
  position: absolute;
  right: 1.4375rem;
  top: 50%;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  -ms-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
}
.dropdown-toggle.show,
.dropdown-toggle:hover,
.dropdown-toggle:active,
.dropdown-toggle:first-child:active,
.dropdown-toggle:focus,
.dropdown-toggle:focus-visible,
.dropdown-toggle:focus-within,
.dropdown-toggle:active:focus-visible,
.dropdown-toggle:first-child:active:focus-visible,
.dropdown-toggle.active:focus-visible,
.dropdown-toggle.show:focus-visible {
  background: rgba(37, 38, 41, 0.7);
  color: #fff;
  border-color: #707987;
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dropdown-toggle.show,
.dropdown-toggle:active {
  border: 0.0625rem solid rgba(116, 123, 135, 0.34);
}
.dropdown-toggle.show:after {
  margin-top: 0.25rem;
  top: 50%;
  -webkit-transform: rotate(45deg) translate(-50%, -50%) scale(-1);
  -ms-transform: rotate(45deg) translate(-50%, -50%) scale(-1);
  transform: rotate(45deg) translate(-50%, -50%) scale(-1);
}
.dropdown-toggle.is-disabled {
  background: rgba(134, 154, 179, 0.16);
  color: #707987;
  border: 0;
  cursor: default;
  pointer-events: none;
}
.dropdown-toggle.is-disabled:after {
  border-color: #9aa3b2;
}
.dropdown-toggle.is-invalid {
  border-color: #ef5d5d;
}
.dropdown-toggle.is-invalid:active {
  border-color: #ef5d5d;
}
.dropdown-menu {
  width: 100%;
  max-height: 19.25rem;
  padding: 0.25rem;
  background: rgba(37, 38, 41, 0.7);
  border: 0.0625rem solid rgba(116, 123, 135, 0.34);
  border-radius: 0.1875rem;
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem);
}
.dropdown-menu.-overflow {
  padding-right: 0;
}
.dropdown-menu[data-popper-placement='bottom-start'] {
  top: 0.1875rem !important;
}
.dropdown-menu[data-popper-placement='top-start'] {
  bottom: 0.1875rem !important;
}
.dropdown-item {
  color: #c6ccd7;
  min-height: 3rem;
  letter-spacing: -0.021875em;
  white-space: normal;
  cursor: pointer;
}
.dropdown-item.active {
  background: none;
  color: #c6ccd7;
  font-weight: 700;
}
.dropdown-item.disabled {
  color: rgba(154, 163, 178, 0.55);
  pointer-events: none;
}
.dropdown-item:hover,
.dropdown-item:active,
.dropdown-item:focus {
  color: #c6ccd7;
  background: rgba(134, 154, 179, 0.16);
}
.dropdown-header {
  min-height: 3rem;
  padding-top: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.input-files__drag-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 8.875rem;
  padding: 1.5rem 1.75rem 1.375rem;
  background: rgba(37, 38, 41, 0.7);
  background-image: url('data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%276%27 ry=%276%27 stroke=%27%23747B878C%27 stroke-width=%271%27 stroke-dasharray=%274%2c 4%27 stroke-dashoffset=%270%27 stroke-linecap=%27square%27/%3e%3c/svg%3e');
  border-radius: 0.375rem;
  line-height: 1.5;
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem);
}
@media (max-width: 768px) {
  .input-files__drag-area {
    border-radius: 0.25rem;
  }
}
.input-files__drag-area.is-hover .input-files__btn {
  background: #d2d6e0;
}
.input-files__content {
  margin-top: 0.125rem;
  text-align: center;
}
.input-files__guide h5 {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
.input-files__guide p {
  margin: 0.25rem 0 0;
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
.input-files__guide p br {
  display: none;
}
@media (max-width: 768px) {
  .input-files__guide p br {
    display: inline;
  }
}
.input-files__btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 2rem;
  margin-top: 0.625rem;
  background: #fff;
  border-radius: 0.25rem;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  cursor: pointer;
}
.input-files__btn input {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  pointer-events: none;
}
.input-files__btn input::-webkit-file-upload-button {
  cursor: pointer;
}
.input-files__btn:hover {
  background: #d2d6e0;
}
.input-files__btn-icon {
  width: 2rem;
  height: 2rem;
  background: url(../../images/icons/upload.svg) center no-repeat;
  background-size: 0.875rem;
  border-right: 0.0625rem solid rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.input-files__btn-text {
  padding: 0 0.625rem;
  font-weight: 500;
  font-size: 0.8125rem;
  color: #17191c;
  pointer-events: none;
}
.input-files__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.625rem;
  width: 100%;
}
.input-files__guide {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.input-files__count-char {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.input-files__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.3125rem;
  font-size: 0;
  gap: 0.375rem;
}
.input-files.is-disabled {
  pointer-events: none;
}
.input-files.is-disabled .input-files__btn {
  background: #b1b7c4;
  opacity: 0.2;
}
.input-files.is-invalid .count-char span {
  color: #ef5d5d;
}
.file-item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 1.875rem;
  padding: 0rem 1.875rem 0rem 0.75rem;
  background: rgba(0, 0, 0, 0.5);
  color: #c6ccd7;
  font-size: 0.8125rem;
  border: 0.0625rem solid rgba(116, 123, 135, 0.34);
  border-radius: 1rem;
}
.file-item__title {
  max-width: 12.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.file-item__close {
  position: absolute;
  right: 0.625rem;
  top: 50%;
  margin-top: -0.375rem;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../../images/icons/x.svg);
  background-size: 0.75rem;
  cursor: pointer;
}
.submit-button {
  min-width: 12.5rem;
  padding: 0.625rem 1.25rem;
  background: #c94343;
  color: #fff;
  border: 0;
  border-radius: 0.3125rem;
  text-align: center;
}
.modal {
  --bs-modal-margin: 0.5rem;
  --bs-modal-box-shadow: 0 rem(4) rem(25) 0px rgba(0, 0, 0, 0.25);
  --bs-modal-border-radius: rem(5);
}
.modal .btn-close {
  --bs-btn-close-color: #17191c;
  --bs-btn-close-bg: url('data:image/svg+xml,%3csvg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3e %3cg id="Close"%3e %3cpath id="Close_2" fill-rule="evenodd" clip-rule="evenodd" d="M2.50008 1.79297L6.00008 5.29297L9.50008 1.79297L10.2072 2.50008L6.70718 6.00008L10.2072 9.50008L9.50008 10.2072L6.00008 6.70718L2.50008 10.2072L1.79297 9.50008L5.29297 6.00008L1.79297 2.50008L2.50008 1.79297Z" fill="%2317191c"/%3e %3c/g%3e %3c/svg%3e');
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
  width: 2.25rem;
  height: 2.25rem;
  background-size: 1.25rem 1.25rem;
  font-size: 1.5rem;
  color: #17191c;
}
.modal .btn-close:hover {
  background-color: rgba(0, 0, 0, 0);
}
.modal a {
  color: #17191c;
  text-decoration: none;
}
.modal-dialog {
  margin: auto;
}
.modal-title {
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #17191c;
  text-align: center;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .modal-title {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
.modal-title.-md {
  font-size: 1.25rem;
  letter-spacing: -0.035em;
}
@media (max-width: 768px) {
  .modal-title.-md {
    font-size: 1.125rem;
  }
}
.modal-desc {
  margin: 0.125rem 0 0;
  color: #747a86;
  font-size: 1rem;
  line-height: 1.5;
}
.modal-desc strong {
  color: #17191c;
}
.modal-footer {
  width: 100%;
  padding: 2rem 1.75rem 1.75rem;
  gap: 0.5rem;
}
@media (max-width: 768px) {
  .modal-footer {
    padding: 1.5rem;
  }
}
.modal-footer.-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-direction: column-reverse;
}
.modal-footer.-vertical .btn {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  width: 100%;
}
.modal-confirm .modal-dialog {
  max-width: 25rem;
}
@media (max-width: 768px) {
  .modal-confirm .modal-dialog {
    max-width: 20rem;
  }
}
.modal-confirm .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-top: 2rem;
  padding: 1.25rem 1.5rem;
}
.modal-confirm.-submit .modal-body {
  min-height: 7.5rem;
}
.modal-confirm.-sp-lang .modal-body {
  padding: 1.25rem 1.5rem;
}
.modal-confirm.-sp-lang .modal-footer {
  padding: 1.5rem;
}
.modal-confirm.-sp-lang .modal-footer .btn {
  font-size: 0.875rem;
}
.modal-result__icon {
  display: inline-block;
  width: 5rem;
  margin: auto 0 1.25rem;
  font-size: 0;
}
.modal-result__icon img {
  width: 100%;
}
@media (max-width: 768px) {
  .modal-result__icon {
    width: 3.75rem;
    margin: auto 0 1rem;
  }
}
.modal-result .modal-dialog {
  max-width: 25rem;
}
@media (max-width: 768px) {
  .modal-result .modal-dialog {
    max-width: 20rem;
  }
}
.modal-result .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 7.5rem;
  margin-top: 2rem;
  padding: 1.25rem 1.5rem;
}
@media (max-width: 768px) {
  .modal-result .modal-body {
    padding: 0;
  }
}
.modal-result .modal-desc {
  margin-bottom: -0.125rem;
}
.badge.-accepted {
  color: #fff;
  background: #000;
}
.badge.-processing {
  color: #fff;
  background: #ff7d33;
}
.badge.-completed {
  color: #fff;
  background: #36b9b6;
}
.badge.-end {
  color: #000;
  background: #979797;
}
.form-label {
  position: relative;
  margin-bottom: 0.75rem;
  color: #a1a7b5;
}
.form-label.-required:after {
  content: '';
  position: absolute;
  right: -0.6875rem;
  top: 0.125rem;
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  background: #bf0218;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.form-control {
  background: rgba(37, 38, 41, 0.7);
  color: #fff;
  border: 0.0625rem solid rgba(116, 123, 135, 0.34);
  border-radius: 0.25rem;
  letter-spacing: -0.021875em;
  line-height: 1.5;
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem);
}
.form-control:focus {
  background: rgba(37, 38, 41, 0.7);
  color: #fff;
  border: 0.0625rem solid rgba(116, 123, 135, 0.34);
  border-radius: 0.25rem;
}
.form-control:hover,
.form-control:active,
.form-control:focus {
  border-color: #707987;
}
.form-control::-webkit-input-placeholder {
  color: #707987;
}
.form-control::-moz-placeholder {
  color: #707987;
}
.form-control:-ms-input-placeholder {
  color: #707987;
}
.form-control::-ms-input-placeholder {
  color: #707987;
}
.form-control::placeholder {
  color: #707987;
}
.form-control:disabled {
  background: rgba(134, 154, 179, 0.16);
  color: #707987;
  border: 0;
}
.form-control.is-invalid,
.form-control:invalid {
  background-image: url(../../images/icons/alert.svg);
  background-position: calc(100% - 1rem) center;
  background-repeat: no-repeat;
  border-color: #ef5d5d;
}
.form-control.is-invalid:active,
.form-control:invalid:active {
  border-color: #ef5d5d;
}
.form-control.is-invalid ~ .count-char span,
.form-control:invalid ~ .count-char span {
  color: #ef5d5d;
}
input.form-control {
  height: 3.125rem;
}
input.form-control.-lg {
  height: 3.75rem;
}
@media (max-width: 768px) {
  input.form-control.-lg {
    height: 3.125rem;
  }
}
textarea.form-control.is-invalid,
textarea.form-control:invalid {
  background-image: none;
}
.form-text {
  font-size: 0.875rem;
  color: #747a86;
  line-height: 1.5714285714;
}
.form-label ~ .form-text {
  margin-top: -0.625rem;
  margin-bottom: 0.75rem;
}
.count-char {
  margin-top: 0.1875rem;
  color: #b1b7c4;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: 0;
  text-align: right;
}
.count-char strong {
  font-weight: 400;
}
.count-char .is-invalid span {
  color: #ef5d5d;
}
.custom-textarea {
  position: relative;
}
.custom-textarea__placeholder {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 1.125rem;
  background: none;
  border: 0;
  line-height: 1.5;
  color: #747a86;
  pointer-events: none;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  overflow: hidden;
}
@media (max-width: 768px) {
  .custom-textarea__placeholder {
    padding-top: 0.75rem;
  }
}
.custom-textarea textarea {
  padding-top: 1.125rem;
  resize: none;
}
@media (max-width: 768px) {
  .custom-textarea textarea {
    padding-top: 0.75rem;
  }
}
.custom-textarea.is-invalid textarea {
  border-color: #ef5d5d;
}
.custom-textarea.is-invalid textarea:active {
  border-color: #ef5d5d;
}
.custom-textarea.is-invalid ~ .count-char span {
  color: #ef5d5d;
}
.submit-inquiry-section {
  padding: 7.5rem 1.25rem 23.125rem;
  background-size: 160rem;
}
@media (max-width: 768px) {
  .submit-inquiry-section {
    padding: 3.75rem 1.25rem 12.5rem;
    background-size: 48rem auto;
  }
}
@media (max-width: 767px) {
  .submit-inquiry-section {
    padding-bottom: 9.75rem;
  }
}
.inquiry-listing {
  margin-top: 3.75rem;
  margin-bottom: 6.25rem;
}
@media (max-width: 768px) {
  .inquiry-listing {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
  }
}
.inquiry-listing__title {
  margin-left: -0.0625rem;
  color: #17191c;
}
.inquiry-listing__table {
  margin-top: 1.875rem;
}
@media (max-width: 768px) {
  .inquiry-listing__table {
    margin-top: 0.9375rem;
  }
}
.inquiry-listing__table table {
  width: 100%;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5714285714;
  color: #17191c;
  letter-spacing: -0.0214285714em;
  border-top: 0.125rem solid #17191c;
  table-layout: fixed;
}
@media (max-width: 768px) {
  .inquiry-listing__table table {
    display: block;
  }
}
@media (max-width: 768px) {
  .inquiry-listing__table table tbody {
    display: block;
  }
}
.inquiry-listing__table table tr {
  border-bottom: 0.0625rem solid #edeff2;
}
@media (max-width: 768px) {
  .inquiry-listing__table table tr {
    display: block;
    padding: 1rem 0;
  }
}
@media (max-width: 768px) {
  .inquiry-listing__table table tr:first-child {
    display: none;
  }
}
.inquiry-listing__table table tr th,
.inquiry-listing__table table tr td {
  padding: 0.625rem;
}
@media (max-width: 768px) {
  .inquiry-listing__table table tr th,
  .inquiry-listing__table table tr td {
    display: block;
    padding: 0;
  }
}
.inquiry-listing__table table tr th.-status,
.inquiry-listing__table table tr td.-status {
  width: 10.75rem;
  text-align: center;
}
@media (max-width: 768px) {
  .inquiry-listing__table table tr th.-status,
  .inquiry-listing__table table tr td.-status {
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .inquiry-listing__table table tr th.-title,
  .inquiry-listing__table table tr td.-title {
    margin-top: 0.25rem;
    font-size: 1rem;
  }
}
.inquiry-listing__table table tr th.-time,
.inquiry-listing__table table tr td.-time {
  width: 10rem;
}
@media (max-width: 768px) {
  .inquiry-listing__table table tr th.-time,
  .inquiry-listing__table table tr td.-time {
    margin-top: 0.3125rem;
    color: #747a86;
  }
}
.inquiry-listing__table table tr th {
  padding: 1rem 1rem 0.75rem;
  font-weight: normal;
  line-height: 1.6071428571;
  letter-spacing: -0.0214em;
  border-bottom: 0.0625rem solid #dce0e5;
}
@media (max-width: 768px) {
  .inquiry-listing__table table tr th {
    display: none;
  }
}
.inquiry-listing__table table tr td {
  height: 5.375rem;
  padding: 1rem;
}
@media (max-width: 768px) {
  .inquiry-listing__table table tr td {
    height: auto;
    padding: 0;
  }
}
.inquiry-listing__table table tr td.-title span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 767px) {
  .inquiry-listing__table table tr td.-title span {
    white-space: normal;
  }
}
.inquiry-listing__status-label {
  font-weight: 700;
}
.inquiry-listing__status-label.-receipted {
  color: #19b7af;
}
.inquiry-listing__status-label.-processing {
  color: #2592ec;
}
.inquiry-listing__status-label.-completed {
  color: #17191c;
}
.inquiry-listing__status-label.-ended {
  color: #7d84af;
}
.inquiry-listing__pagination {
  margin-top: 2rem;
}
.inquiry-detail {
  margin-top: 3.75rem;
  margin-bottom: 6.25rem;
}
@media (max-width: 768px) {
  .inquiry-detail {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
  }
}
.inquiry-info {
  border-radius: 0.5rem;
  border: 0.0625rem solid #e8ebf2;
  background: #fff;
  -webkit-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.03);
  overflow: hidden;
}
.inquiry-info + .inquiry-info {
  margin-top: 2.5rem;
}
.inquiry-info__row {
  padding: 2.5rem 2.4375rem 2.4375rem;
  color: #17191c;
}
@media (max-width: 768px) {
  .inquiry-info__row {
    padding: 1.75rem 1.4375rem 1.6875rem;
  }
}
.inquiry-info__row.-secondary {
  background: #fcfcfd;
  border-top: 0.0625rem solid #e8ebf2;
}
.inquiry-info__status {
  margin-top: -0.0625rem;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1;
}
.inquiry-info__status.-receipted {
  color: #19b7af;
}
.inquiry-info__status.-processing {
  color: #2592ec;
}
.inquiry-info__status.-completed {
  color: #17191c;
}
.inquiry-info__status.-ended {
  color: #7d84af;
}
.inquiry-info__title {
  padding: 1rem 0;
  color: #17191c;
}
@media (max-width: 768px) {
  .inquiry-info__title {
    padding-bottom: 0.9375rem;
  }
}
.inquiry-info__divider {
  margin: 0 0 2rem;
  border: 0;
  border-bottom: 0.125rem solid #17191c;
  opacity: 1;
}
.inquiry-info__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 0.75rem;
}
.inquiry-info__head-prefix {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: -0.1875rem;
  margin-top: 0.25rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -0.021875em;
  font-weight: 700;
}
.inquiry-info__head-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  font-size: 0;
  border-radius: 50%;
}
.inquiry-info__head-img img {
  width: 100%;
}
.inquiry-info__head-text {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5555555556;
  letter-spacing: -0.0222222222em;
  color: #17191c;
}
.inquiry-info__content {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #17191c;
  letter-spacing: -0.021875em;
}
.inquiry-info__content p {
  margin-bottom: 1.5rem;
}
.inquiry-info__content p:last-child {
  margin-bottom: 0;
}
.inquiry-info__content p:only-child {
  margin: 0;
}
.inquiry-info__attachment {
  margin-top: 2rem;
}
.inquiry-info__attachment-heading {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
.inquiry-info__attachment-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 0.75rem;
}
.inquiry-info__time {
  margin-top: 0.5rem;
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #747a86;
  line-height: 1;
  letter-spacing: normal;
  text-align: right;
}
.inquiry-message {
  margin-top: 1.5rem;
  padding: 1.9375rem 2.4375rem;
  border: 0.0625rem solid #cce2ff;
  background: #ecf1f9;
  border-radius: 0.5rem;
  color: #17191c;
}
@media (max-width: 768px) {
  .inquiry-message {
    padding-right: 1.4375rem;
    padding-left: 1.4375rem;
  }
}
.inquiry-message__static {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .inquiry-message__static {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
  }
}
.inquiry-message__static-icon {
  width: 1.75rem;
  height: 1.75rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.inquiry-message__static-icon.-checked {
  background-image: url(../../images/icons/checked-1.svg);
}
.inquiry-message__static-icon.-processing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.inquiry-message__static-icon.-processing::after {
  content: '';
  position: absolute;
  display: block;
  color: #17191c;
  font-size: 0.25rem;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: mulShdSpin 1.3s infinite linear;
  animation: mulShdSpin 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media (max-width: 768px) {
  .inquiry-message__static-content {
    width: 100%;
    text-align: center;
  }
}
.inquiry-message__static-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5555555556;
  letter-spacing: -0.0222222222em;
  color: #17191c;
}
.inquiry-message__static-desc {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5714285714;
  letter-spacing: -0.0214285714em;
  color: #747a86;
}
.inquiry-message__prompt {
  padding-top: 0.0625rem;
  text-align: center;
}
.inquiry-message__prompt-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.0215em;
  color: #17191c;
}
@media (max-width: 768px) {
  .inquiry-message__prompt-title {
    font-size: 1.125rem;
    line-height: 1.5555555556;
  }
}
.inquiry-message__prompt-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 0.5rem;
  margin-top: 1.4375rem;
}
.inquiry-message__prompt-action .btn {
  min-width: 6.875rem;
}
.inquiry-message__prompt-rating {
  margin-top: 0.8125rem;
  margin-bottom: -0.1875rem;
}
@-webkit-keyframes mulShdSpin {
  0%,
  100% {
    -webkit-box-shadow:
            0 -3em 0 0em,
            2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7);
    box-shadow:
            0 -3em 0 0em,
            2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7);
  }
  12.5% {
    -webkit-box-shadow:
            0 -3em 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em -2.2em 0 0em,
            3em 0 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
    box-shadow:
            0 -3em 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em -2.2em 0 0em,
            3em 0 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
  }
  25% {
    -webkit-box-shadow:
            0 -3em 0 -0.15em,
            2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            3em 0 0 0em,
            2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
    box-shadow:
            0 -3em 0 -0.15em,
            2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            3em 0 0 0em,
            2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
  }
  37.5% {
    -webkit-box-shadow:
            0 -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0em 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em 2.2em 0 0em,
            0 3em 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
    box-shadow:
            0 -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0em 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em 2.2em 0 0em,
            0 3em 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
  }
  50% {
    -webkit-box-shadow:
            0 -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            0 3em 0 0em,
            -2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            -3em 0em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
    box-shadow:
            0 -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            0 3em 0 0em,
            -2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            -3em 0em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
  }
  62.5% {
    -webkit-box-shadow:
            0 -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em 2.2em 0 0em,
            -3em 0 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
    box-shadow:
            0 -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em 2.2em 0 0em,
            -3em 0 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
  }
  75% {
    -webkit-box-shadow:
            0em -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            -3em 0em 0 0em,
            -2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7);
    box-shadow:
            0em -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            -3em 0em 0 0em,
            -2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7);
  }
  87.5% {
    -webkit-box-shadow:
            0em -3em 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            -3em 0em 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em -2.2em 0 0em;
    box-shadow:
            0em -3em 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            -3em 0em 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em -2.2em 0 0em;
  }
}
@keyframes mulShdSpin {
  0%,
  100% {
    -webkit-box-shadow:
            0 -3em 0 0em,
            2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7);
    box-shadow:
            0 -3em 0 0em,
            2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7);
  }
  12.5% {
    -webkit-box-shadow:
            0 -3em 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em -2.2em 0 0em,
            3em 0 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
    box-shadow:
            0 -3em 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em -2.2em 0 0em,
            3em 0 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
  }
  25% {
    -webkit-box-shadow:
            0 -3em 0 -0.15em,
            2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            3em 0 0 0em,
            2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
    box-shadow:
            0 -3em 0 -0.15em,
            2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            3em 0 0 0em,
            2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
  }
  37.5% {
    -webkit-box-shadow:
            0 -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0em 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em 2.2em 0 0em,
            0 3em 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
    box-shadow:
            0 -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0em 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em 2.2em 0 0em,
            0 3em 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            -3em 0em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
  }
  50% {
    -webkit-box-shadow:
            0 -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            0 3em 0 0em,
            -2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            -3em 0em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
    box-shadow:
            0 -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            0 3em 0 0em,
            -2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            -3em 0em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
  }
  62.5% {
    -webkit-box-shadow:
            0 -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em 2.2em 0 0em,
            -3em 0 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
    box-shadow:
            0 -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em 2.2em 0 0em,
            -3em 0 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3);
  }
  75% {
    -webkit-box-shadow:
            0em -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            -3em 0em 0 0em,
            -2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7);
    box-shadow:
            0em -3em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0em 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            -3em 0em 0 0em,
            -2.2em -2.2em 0 -0.1em rgba(23, 25, 28, 0.7);
  }
  87.5% {
    -webkit-box-shadow:
            0em -3em 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            -3em 0em 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em -2.2em 0 0em;
    box-shadow:
            0em -3em 0 -0.1em rgba(23, 25, 28, 0.7),
            2.2em -2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            3em 0 0 -0.2em rgba(23, 25, 28, 0.3),
            2.2em 2.2em 0 -0.2em rgba(23, 25, 28, 0.3),
            0 3em 0 -0.2em rgba(23, 25, 28, 0.3),
            -2.2em 2.2em 0 -0.1em rgba(23, 25, 28, 0.7),
            -3em 0em 0 -0.1em rgba(23, 25, 28, 0.7),
            -2.2em -2.2em 0 0em;
  }
}
.inquiry-action {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 0.625rem;
}
.inquiry-action .btn.-lg {
  min-width: 15rem;
}
@media (max-width: 768px) {
  .inquiry-action .btn.-lg {
    min-width: 12.5rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 3rem;
    font-size: 1rem;
    letter-spacing: -0.002em;
  }
}
@media (max-width: 767px) {
  .inquiry-action .btn.-lg {
    min-width: 7.5rem;
  }
}
@media (max-width: 768px) {
  .inquiry-action .btn.-lg:only-child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}
@media (max-width: 767px) {
  .inquiry-action .btn.-lg:only-child {
    min-width: 12.5rem;
  }
}
.star-rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  direction: rtl;
}
.star-rating input {
  display: none;
}
.star-rating label {
  width: 2.875rem;
  height: 2.5rem;
  background-image: url(../../images/icons/star-unselected.svg),
  url(../../images/icons/star-hover.svg);
  background-position: center, 9999px;
  background-repeat: no-repeat;
  background-size: 2.375rem 2.25rem;
  cursor: pointer;
}
@media (max-width: 768px) {
  .star-rating label {
    width: 2.625rem;
    height: 2.25rem;
    background-size: 2.125rem 2.0625rem;
  }
}
.star-rating input:checked ~ label {
  background-image: url(../../images/icons/star-selected.svg);
}
.star-rating label:hover,
.star-rating label:hover ~ label {
  background-image: url(../../images/icons/star-hover.svg);
}
.star-rating input:checked ~ label {
  background-image: url(../../images/icons/star-selected.svg);
}
.star-rating.-sm label {
  width: 2.25rem;
  height: 2rem;
  background-size: 1.875rem 1.8125rem;
}
.star-rating.is-immutable label {
  pointer-events: none;
  cursor: default;
}
.attachment-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 1.875rem;
  padding: 0 0.75rem 0 0.5rem;
  border: 0.0625rem solid #e8ebf2;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: -0.0230769231em;
  color: #17191c;
  text-decoration: none;
  gap: 0.375rem;
  border-radius: 0.9375rem;
}
.attachment-item__icon {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(../../images/icons/attached-file.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.attachment-item__title {
  max-width: 12.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-rating .modal-dialog {
  max-width: 32.5rem;
}
@media (max-width: 768px) {
  .modal-rating .modal-dialog {
    max-width: 20rem;
  }
}
.modal-rating .modal-header {
  padding: 2rem 1.75rem 1.25rem;
}
.modal-rating .modal-body {
  padding: 0;
}
@media (max-width: 768px) {
  .modal-rating .modal-footer {
    padding: 2rem 1.75rem 1.75rem;
  }
}
.modal-rating .modal-title {
  letter-spacing: -0.055em;
}
.modal-rating__box {
  padding: 1.25rem 1.75rem;
  background: #ecf1f9;
  border-radius: 0.25rem;
  text-align: center;
}
.modal-rating__bubble-text {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem 1.5rem;
  background: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.021875em;
  color: #355bf7;
  border-radius: 62.4375rem;
}
.modal-rating__bubble-text:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  margin-left: -0.375rem;
  border-left: 0.375rem solid rgba(0, 0, 0, 0);
  border-right: 0.375rem solid rgba(0, 0, 0, 0);
  border-top: 0.375rem solid #fff;
}
.modal-rating__rating {
  margin-top: 0.9375rem;
}
.modal-rating__dropdown {
  margin-top: 1.1875rem;
}
.modal-rating__dropdown .dropdown-menu {
  max-height: 11rem;
}
.error-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100vh;
  min-height: 100svh;
}
.error-page__content {
  text-align: center;
}
.error-page__icon {
  width: 5rem;
  height: 5rem;
  margin: auto;
  font-size: 0;
}
.error-page__icon img {
  width: 100%;
}
.error-page__title {
  margin: 1.5rem 0 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.0140625em;
  color: #17191c;
}
@media (max-width: 768px) {
  .error-page__title {
    font-size: 1.5rem;
  }
}
.error-page__desc {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.021875em;
  color: #747a86;
}

/* auto scroll */
.auto-scroll {width:100%;overflow-x:auto;}
.auto-scroll::-webkit-scrollbar {height: 12px !important;}
.auto-scroll::-webkit-scrollbar-track {background-color: transparent;}
.auto-scroll::-webkit-scrollbar-thumb {border-radius:8px;background-color: #dadee6;background-clip: padding-box;border: 4px solid transparent;}
.auto-scroll::-webkit-scrollbar-button {width: 0;height: 0;}

/* 문의 등록 시 팝업에서의 animation */
.rotate {
  animation: rotateSpinner 1.2s linear infinite;
  -webkit-animation: rotateSpinner 1.2s linear infinite;
  -moz-animation: rotateSpinner 1.2s linear infinite;
  display: inline-block;
  vertical-align: middle;
}

@keyframes rotateSpinner {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}

@-moz-keyframes rotateSpinner {
  100% {
    -moz-transform: rotate(360deg)
  }
}

@-webkit-keyframes rotateSpinner {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

.responsive-img {
  max-width: 100%;
}

.contents-line {
  word-break: break-all;
}

.contents-line img {
  max-width: 100%;
}