@charset "UTF-8";
@media (max-width: 767px) {
  .title + .contents > *:first-child {
    margin-top: var(--space-40);
  }
}

form .input-group > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
form .input-group .input-head {
  display: flex;
  align-items: center;
  word-break: keep-all;
}
form .input-group .input-head .right {
  margin-left: auto;
  width: auto;
  flex-shrink: 0;
}
form .input-group .tooltip-title {
  margin-bottom: 0;
}
form .input-group .title,
form .input-group label {
  display: flex;
  align-items: baseline;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  form .input-group .title,
  form .input-group label {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
form .input-group .title .sub,
form .input-group label .sub {
  margin-left: var(--space-4);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  form .input-group .title .sub,
  form .input-group label .sub {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
form .input-group .title .sub,
form .input-group label .sub {
  color: var(--gray-500);
}
form .input-group .title .desc,
form .input-group label .desc {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  form .input-group .title .desc,
  form .input-group label .desc {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
form .input-group .title .desc,
form .input-group label .desc {
  color: var(--gray-600);
  margin-left: auto;
}
form .business-number-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
form .business-number-group > :not([hidden]) ~ :not([hidden]) {
  margin-left: var(--space-8);
}
form .business-number-group .input-box {
  flex: 1;
  min-width: auto;
}
form .business-number-group .input-box:last-child {
  flex-basis: 100%;
  margin-left: 0;
  margin-top: var(--space-8);
}
form fieldset:not(legend) > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
form fieldset legend {
  display: flex;
  align-items: baseline;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  form fieldset legend {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
form fieldset legend .sub {
  margin-left: var(--space-4);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  form fieldset legend .sub {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
form fieldset legend .sub {
  color: var(--gray-500);
}
form fieldset legend .desc {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  form fieldset legend .desc {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
form fieldset legend .desc {
  color: var(--gray-600);
  margin-left: auto;
}
form fieldset legend {
  width: 100%;
  word-break: keep-all;
  flex-wrap: wrap;
  align-items: center;
}
form fieldset legend .tooltip-title {
  margin-bottom: 0;
}
form fieldset legend .tooltip-title .tooltip-trigger {
  background-color: var(--gray-500);
}
form fieldset legend .tooltip-title .tooltip-trigger.bgn {
  background-color: transparent;
}

.search-box.underline {
  width: 100%;
  max-width: 1200px;
}
.search-box.underline .input-box {
  padding: 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--gray-100);
}
.search-box.underline .input-box input {
  padding: var(--space-16) 0;
}
@media (max-width: 767px) {
  .search-box.underline .input-box input {
    height: var(--space-24);
  }
}
.search-box.underline + .contents > .list-total {
  margin-top: var(--space-56);
}
@media (max-width: 767px) {
  .search-box.underline + .contents > .list-total {
    margin-top: var(--space-40);
  }
}

.tab-wrapper.pd-tb {
  padding: var(--space-12) 0;
  margin: var(--space-20) 0 0 0;
  background-color: var(--white);
}
.tab-wrapper.pd-tb::after {
  height: 0;
}
@media (max-width: 767px) {
  .tab-wrapper.pd-tb {
    margin: var(--space-12) 0 0 0;
  }
}
.tab-wrapper.pd-tb + .contents > .list-total {
  margin-top: calc(var(--space-56) - var(--space-12));
}
@media (max-width: 767px) {
  .tab-wrapper.pd-tb + .contents > .list-total {
    margin-top: calc(var(--space-40) - var(--space-12));
  }
}

.contents#exists_data + .contents#nodata_faq > .list-total {
  margin-top: calc(var(--space-56) - var(--space-12));
}
@media (max-width: 767px) {
  .contents#exists_data + .contents#nodata_faq > .list-total {
    margin-top: calc(var(--space-40) - var(--space-12));
  }
}

.list-total {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .list-total {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.list-total {
  display: flex;
  justify-content: flex-start;
  padding: 0 0 var(--space-16);
  color: var(--gray-700);
  border-bottom: 1px solid var(--gray-900);
}
@media (max-width: 767px) {
  .list-total {
    padding: 0 0 var(--space-12);
  }
}
.list-total mark,
.list-total em {
  color: var(--point-600);
  font-style: normal;
  font-weight: 600;
  margin-left: var(--space-4);
}

.faq .accordion .accordion-header:not(:first-child) {
  margin-left: var(--space-20);
}
.faq .accordion .accordion-cont .is-warning {
  color: var(--red-800);
}
.faq .accordion .accordion-cont .is-warning::before {
  background-color: var(--red-800);
}
.faq .accordion .accordion-cont .is-warning [class^=list-] > li {
  color: inherit;
}
.faq .list-title-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}
.faq .list-title-wrap .list-title {
  margin-top: var(--space-2);
}
.faq .list-no,
.faq .list-category {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .faq .list-no,
  .faq .list-category {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.faq .list-no {
  width: 40px;
  text-align: left;
  color: var(--gray-700);
}
@media (max-width: 767px) {
  .faq .list-no {
    display: none;
  }
}
.faq .list-category {
  color: var(--gray-600);
  line-height: 1.5;
}
@media (max-width: 767px) {
  .faq .list-category {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .faq .list-category {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.faq mark {
  padding: 0;
  color: var(--point-600);
  background-color: transparent;
}

.notice ul.notice-list li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--gray-60);
}
@media (max-width: 767px) {
  .notice ul.notice-list li {
    flex-direction: column;
    align-items: flex-start;
    padding: var(--space-16) 0;
  }
  .notice ul.notice-list li > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-4);
  }
}
.notice ul.notice-list li .list-no {
  width: 120px;
  padding: 0 var(--space-20);
  text-align: center;
  color: var(--gray-700);
}
@media (max-width: 767px) {
  .notice ul.notice-list li .list-no {
    display: none;
  }
}
.notice ul.notice-list li .list-title-wrap {
  flex: 1;
  min-width: 0;
  margin: var(--space-20) var(--space-20);
}
@media (max-width: 767px) {
  .notice ul.notice-list li .list-title-wrap {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
  }
  .notice ul.notice-list li .list-title-wrap > a {
    margin-top: var(--space-4);
  }
}
.notice ul.notice-list li .list-title-wrap a.list-title {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .notice ul.notice-list li .list-title-wrap a.list-title {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.64px;
  }
}
.notice ul.notice-list li .list-title-wrap a.list-title {
  flex: 0 1 auto;
  max-width: 100%;
  color: var(--gray-700);
}
.notice ul.notice-list li .list-title-wrap span[class^=_badge-] {
  flex: 0 0 auto;
  vertical-align: text-top;
  margin-top: -0.1em;
}
@media (max-width: 767px) {
  .notice ul.notice-list li .list-title-wrap span[class^=_badge-] {
    order: -1;
  }
}
.notice ul.notice-list li .list-date {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .notice ul.notice-list li .list-date {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.notice ul.notice-list li .list-date {
  width: 200px;
  padding: 0 var(--space-20);
  text-align: center;
  color: var(--gray-500);
}
@media (max-width: 767px) {
  .notice ul.notice-list li .list-date {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
    width: auto;
    padding: 0;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .notice ul.notice-list li .list-date {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.notice ._btn-wrap {
  margin-top: var(--space-56);
}
@media (max-width: 767px) {
  .notice ._btn-wrap {
    margin-top: var(--space-40);
  }
}

.email-consulting {
  display: flex;
  align-items: flex-start;
  padding-top: var(--space-56);
}
@media (max-width: 1023px) {
  .email-consulting {
    padding-top: var(--space-40);
    flex-direction: column;
    justify-content: flex-start;
  }
}
.email-consulting .text-area {
  flex: 0 0 320px;
}
.email-consulting .text-area > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-16);
}
@media (max-width: 1023px) {
  .email-consulting .text-area {
    flex: none;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .email-consulting .text-area > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-8);
  }
}
.email-consulting .text-area .desc {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.72px;
  color: var(--gray-700);
}
.email-consulting .text-area .is-warning {
  color: var(--red-800);
}
.email-consulting .form-area {
  flex: 1;
  padding: var(--space-40);
  border: 1px solid var(--gray-60);
  border-radius: var(--radius-20);
  margin: 0 0 0 var(--space-48);
}
.email-consulting .form-area.writing-box .item .input-box {
  margin-top: 0;
}
@media (max-width: 1023px) {
  .email-consulting .form-area {
    width: 100%;
    margin: var(--space-40) 0 0;
  }
}
@media (max-width: 767px) {
  .email-consulting .form-area {
    align-self: stretch;
    padding: 0;
    border: none;
    margin: var(--space-24) 0 0;
  }
}
.email-consulting .form-area form > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-40);
}
@media (max-width: 767px) {
  .email-consulting .form-area form > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-24);
  }
}
.email-consulting .form-area .item > label {
  display: inline-block;
  color: var(--gray-900);
}
.email-consulting .form-area .item .input-box {
  margin-top: var(--space-16);
}
@media (max-width: 767px) {
  .email-consulting .form-area .item .input-box {
    margin-top: var(--space-12);
  }
}
.email-consulting .form-area .notice-box {
  padding: var(--space-20);
  background-color: var(--gray-20);
  border-radius: var(--radius-12);
}
.email-consulting .form-area .label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.email-consulting + ._btn-wrap.floating-btn {
  margin-top: var(--space-56);
  justify-content: center;
}

.inquire-status {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-12);
  margin: var(--space-32) 0;
}
@media (max-width: 767px) {
  .inquire-status {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: var(--space-8);
    margin: var(--space-24) 0;
  }
}
.inquire-status .item {
  display: flex;
  flex-direction: column;
  padding: var(--space-16);
  border-radius: var(--radius-12);
  background-color: var(--gray-40);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .inquire-status .item {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.inquire-status .item {
  color: var(--gray-600);
}
@media (max-width: 767px) {
  .inquire-status .item {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.inquire-status .item dd {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.72px;
  color: var(--gray-900);
  text-align: right;
  margin-top: var(--space-16);
}
@media (max-width: 767px) {
  .inquire-status .item dd {
    margin-top: 0;
  }
}

.inquire-list-wrap {
  background-color: var(--gray-40);
}
.inquire-list-wrap .inquire-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-16);
  margin: var(--space-56) auto var(--space-40);
}
@media (max-width: 1023px) {
  .inquire-list-wrap .inquire-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .inquire-list-wrap .inquire-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin: var(--space-40) auto var(--space-24);
  }
}
.inquire-list-wrap .inquire-list article {
  display: flex;
  align-items: flex-start;
  padding: var(--space-20);
  background-color: var(--white);
  border-radius: var(--radius-12);
  min-height: 159px;
}
.inquire-list-wrap .inquire-list article ._divider-hor-3 {
  margin: var(--space-16) 0;
}
.inquire-list-wrap .inquire-list article > a {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.inquire-list-wrap .inquire-list article .category {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .inquire-list-wrap .inquire-list article .category {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
  }
}
.inquire-list-wrap .inquire-list article .category {
  color: var(--point-600);
}
.inquire-list-wrap .inquire-list article .subject {
  display: flex;
  justify-content: space-between;
  flex-basis: 100%;
  margin-top: var(--space-4);
}
.inquire-list-wrap .inquire-list article .subject h3 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .inquire-list-wrap .inquire-list article .subject h3 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.inquire-list-wrap .inquire-list article .subject h3 {
  color: var(--gray-700);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 3em;
  white-space: normal;
}
.inquire-list-wrap .inquire-list article .subject span[class^=_badge-] {
  margin-left: var(--space-24);
  flex-shrink: 0;
}
.inquire-list-wrap .inquire-list article dl {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .inquire-list-wrap .inquire-list article dl {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.inquire-list-wrap .inquire-list article dl {
  color: var(--gray-500);
  max-height: 159px;
}
.inquire-list-wrap .inquire-list article dl dt:not(:first-child) {
  margin-left: calc(var(--space-8) * 2 + 1px);
  position: relative;
}
.inquire-list-wrap .inquire-list article dl dt:not(:first-child)::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 0.8em;
  background-color: var(--gray-60);
  top: 50%;
  left: calc(-1 * var(--space-8) - 1px);
  transform: translateY(-50%);
}
.inquire-list-wrap .inquire-list article dl dd {
  margin-left: var(--space-4);
}
.inquire-list-wrap .inquire-list article dl:not(:last-child) {
  margin-right: var(--space-8);
}
.inquire-list-wrap .loading {
  margin-left: auto;
  margin-right: auto;
}
.inquire-list-wrap .feedback-wrap {
  margin: 0 auto;
}

.ars .contents > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-48);
}
@media (max-width: 767px) {
  .ars .contents > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-40);
  }
}
.ars .ars-content {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .ars .ars-content {
    flex-direction: column;
  }
  .ars .ars-content > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-40);
  }
}
@media (max-width: 767px) {
  .ars .ars-content-head {
    width: 100%;
  }
}
.ars .ars-content-body {
  counter-reset: ars-card;
  flex: 1;
  min-width: 0;
  margin-left: var(--space-48);
}
.ars .ars-content-body > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-16);
}
@media (max-width: 767px) {
  .ars .ars-content-body {
    margin-left: 0;
  }
}
.ars .round-box {
  padding: var(--space-40);
  background-color: var(--gray-20);
  border-radius: var(--radius-20, 20px);
}
@media (max-width: 767px) {
  .ars .round-box {
    padding: var(--space-24);
  }
}
.ars .ars-phone {
  margin-top: var(--space-32);
}
.ars .ars-phone img {
  display: block;
  width: 176px;
}
@media (max-width: 1023px) {
  .ars .ars-phone img {
    margin: 0 auto;
  }
}
.ars .ars-step {
  counter-reset: ars-step;
  margin-top: var(--space-24);
  padding: 0;
  list-style: none;
}
.ars .ars-step > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-24);
}
.ars .ars-step > li {
  counter-increment: ars-step;
  color: var(--gray-600);
}
.ars .ars-step .head {
  display: flex;
  align-items: center;
}
.ars .ars-step .head::before {
  content: counter(ars-step);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background-color: var(--gray-900);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .ars .ars-step .head::before {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
  }
}
.ars .ars-step .head::before {
  color: var(--white);
  flex: 0 0 24px;
}
.ars .ars-step .head > p {
  margin-left: var(--space-8);
  color: var(--gray-900);
}
.ars .ars-step .desc {
  margin-top: var(--space-8);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .ars .ars-step .desc {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.ars .ars-step .desc {
  color: var(--gray-600);
}
.ars .ars-step .desc em {
  color: var(--point-600);
}
.ars .card-row {
  display: flex;
}
.ars .card-row > * {
  flex: 1;
  min-width: 0;
}
.ars .card-row > .half:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ars .card-row > .half:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (max-width: 1023px) {
  .ars .card-row {
    flex-direction: column;
  }
  .ars .card-row > .half:first-child {
    border-radius: var(--radius-20, 20px);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: var(--space-12);
  }
  .ars .card-row > .half:last-child {
    border-radius: var(--radius-20, 20px);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 0;
  }
}
.ars .ars-card {
  display: flex;
  counter-increment: ars-card;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .ars .ars-card {
    flex-direction: column;
  }
}
.ars .ars-card.is-zero .head::before {
  content: "0번";
}
.ars .ars-card:not(.no-list) .head {
  min-width: 220px;
}
.ars .ars-card .head {
  display: flex;
  flex-shrink: 0;
  min-width: 0;
  align-items: flex-start;
  margin-right: var(--space-24);
}
.ars .ars-card .head::before {
  content: counter(ars-card) "번";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 var(--space-8);
  margin-right: var(--space-12);
  border-radius: 100%;
  background-color: var(--point-600);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .ars .ars-card .head::before {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.56px;
  }
}
.ars .ars-card .head::before {
  color: var(--white);
  box-sizing: border-box;
  white-space: nowrap;
}
.ars .ars-card .head > h3 {
  color: var(--gray-900);
  margin-top: var(--space-4);
}
@media (max-width: 767px) {
  .ars .ars-card .head > h3 {
    margin-top: var(--space-6);
  }
}
.ars .ars-card ul.list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 500px;
  justify-content: space-between;
  align-items: flex-start;
  justify-self: flex-end;
  align-content: flex-start;
  margin-top: calc(var(--space-12) * -1);
}
@media (max-width: 1023px) {
  .ars .ars-card ul.list {
    margin-top: 0;
  }
}
.has-list .ars .ars-card ul.list {
  flex: 1;
  min-width: 0;
  margin: 0 -12px 0 0;
}
.ars .ars-card ul.list > li {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  min-width: 242px;
  margin-top: var(--space-12);
}
.ars .ars-card ul.list.col1 > li {
  width: 100%;
}
.ars .ars-card ul.list .num {
  flex: 0 0 32px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .ars .ars-card ul.list .num {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.ars .ars-card ul.list .num {
  color: var(--point-600);
  white-space: nowrap;
}
.ars .ars-card ul.list .text {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .ars .ars-card ul.list .text {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.64px;
  }
}
.ars .ars-card ul.list .text {
  color: var(--gray-600);
  word-break: keep-all;
}
.ars .ars-faq {
  margin-top: var(--space-48);
}
@media (max-width: 767px) {
  .ars .ars-faq {
    margin-top: var(--space-40);
  }
}
.ars .ars-faq .list-noti {
  margin-top: var(--space-16);
}
.ars .ars-faq .list-noti > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-8);
}
.ars .ars-faq .list-noti > li {
  display: flex;
}
.ars .ars-faq .list-noti > li > :not([hidden]) ~ :not([hidden]) {
  margin-left: var(--space-6);
}
@media (max-width: 1023px) {
  .ars .ars-faq .list-noti > li {
    flex-direction: column;
    align-items: flex-start;
  }
  .ars .ars-faq .list-noti > li > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0;
  }
  .ars .ars-faq .list-noti > li > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-6);
  }
}
.ars .ars-faq .list-noti > li .title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .ars .ars-faq .list-noti > li .title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.ars .ars-faq .list-noti > li .desc {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .ars .ars-faq .list-noti > li .desc {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.ars .ars-faq .list-noti > li .desc {
  color: var(--gray-700);
  word-break: keep-all;
}

.form-room {
  display: flex;
  flex-direction: column;
}
.form-room > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-56);
}
.form-room {
  margin-top: var(--space-56);
}
@media (max-width: 767px) {
  .form-room {
    margin-top: var(--space-24);
  }
  .form-room > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-40);
  }
}
.form-room .form-group h2 {
  margin-bottom: var(--space-24);
}
@media (max-width: 767px) {
  .form-room .form-group h2 {
    margin-bottom: var(--space-12);
  }
}
.form-room .form-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.form-room .form-list > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-16);
}
.form-room .form-list {
  margin: -16px 0 0 -16px;
}
.form-room .form-list > li {
  margin-left: var(--space-16);
}
.form-room .form-list > li:first-child {
  margin-top: var(--space-16);
}
@media (max-width: 1023px) {
  .form-room .form-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .form-room .form-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .form-room .form-list > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-12);
  }
  .form-room .form-list {
    margin: -12px 0 0 -12px;
  }
  .form-room .form-list > li {
    margin-left: var(--space-12);
  }
  .form-room .form-list > li:first-child {
    margin-top: var(--space-12);
  }
}
.form-room .form-list > li {
  display: flex;
  flex-direction: column;
}
.form-room .form-list > li > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-16);
}
.form-room .form-list > li {
  justify-content: space-between;
  min-height: 156px;
  padding: var(--space-24) var(--space-20) var(--space-20);
  background-color: var(--gray-20);
  border-radius: var(--radius-16);
}
@media (max-width: 767px) {
  .form-room .form-list > li {
    min-height: 120px;
  }
}
.form-room .form-list > li .form-name {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .form-room .form-list > li .form-name {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.form-room .form-list > li .form-name {
  color: var(--gray-600);
}
.form-room .form-list > li ._btn-wrap a, .form-room .form-list > li ._btn-wrap button {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .form-room .form-list > li ._btn-wrap a, .form-room .form-list > li ._btn-wrap button {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.56px;
  }
}
.form-room .form-list > li ._btn-wrap a, .form-room .form-list > li ._btn-wrap button {
  color: var(--gray-900);
  min-width: 100%;
}
.form-room .form-list > li ._btn-wrap a::before, .form-room .form-list > li ._btn-wrap button::before {
  background-color: var(--gray-300);
}
.form-room .form-list > li ._btn-wrap a[class*=ico-] {
  text-decoration: none;
}
.form-room .form-list > li ._btn-wrap a[class*=ico-]::before {
  -webkit-mask-position-y: 0rem;
  margin-right: var(--space-4);
}

.easy-inquiry form > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-24);
}
.easy-inquiry {
  margin-top: var(--space-64);
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .easy-inquiry {
    margin-top: var(--space-40);
    flex-direction: column;
    align-items: stretch;
  }
}
.easy-inquiry .side {
  position: sticky;
  top: calc(56px + var(--space-12));
  flex-basis: 360px;
  margin-right: var(--space-56);
}
@media (max-width: 1023px) {
  .easy-inquiry .side {
    top: calc(112px + var(--space-12));
  }
}
.scroll-up .easy-inquiry .side {
  top: calc(158px + var(--space-12));
}

@media (max-width: 767px) {
  .easy-inquiry .side {
    position: relative;
    top: 0;
    flex-basis: auto;
    margin: 0 0 var(--space-40);
  }
}
.easy-inquiry .side .list-ref {
  margin-top: var(--space-24);
}
.easy-inquiry .side .list-ref > li {
  color: var(--gray-500);
  word-break: keep-all;
}
.easy-inquiry .gray-roundbox {
  border-radius: var(--radius-24);
  background-color: var(--gray-20);
  padding: var(--space-40);
}
@media (max-width: 767px) {
  .easy-inquiry .gray-roundbox {
    padding: var(--space-32) var(--space-20);
  }
}
.easy-inquiry .gray-roundbox label[for=bin-number] {
  display: flex;
  align-items: baseline;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .gray-roundbox label[for=bin-number] {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.easy-inquiry .gray-roundbox label[for=bin-number] .sub {
  margin-left: var(--space-4);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .gray-roundbox label[for=bin-number] .sub {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.easy-inquiry .gray-roundbox label[for=bin-number] .sub {
  color: var(--gray-500);
}
.easy-inquiry .gray-roundbox label[for=bin-number] .desc {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .gray-roundbox label[for=bin-number] .desc {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.easy-inquiry .gray-roundbox label[for=bin-number] .desc {
  color: var(--gray-600);
  margin-left: auto;
}
.easy-inquiry .gray-roundbox label[for=bin-number] {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-12);
}
.easy-inquiry .gray-roundbox label[for=bin-number] > span {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .gray-roundbox label[for=bin-number] > span {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.easy-inquiry .gray-roundbox label[for=bin-number] > span {
  margin-left: var(--space-8);
  color: var(--gray-500);
}
.easy-inquiry .gray-roundbox .inner::after {
  content: "";
  display: block;
  width: 280px;
  height: 149px;
  margin: var(--space-16) auto 0;
  background: url(/static/images/cs/img_card_sample.png) no-repeat 0 0/100% auto;
}
.easy-inquiry .content-area > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-56);
}
.easy-inquiry .content-area {
  flex: 1;
}
@media (max-width: 767px) {
  .easy-inquiry .content-area > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-40);
  }
}
.easy-inquiry .content-area .roundbox {
  border-radius: var(--radius-24);
  border: 1px solid var(--gray-60);
  padding: var(--space-32) var(--space-40);
  margin-top: var(--space-16);
}
@media (max-width: 767px) {
  .easy-inquiry .content-area .roundbox {
    padding: var(--space-20);
  }
}
.easy-inquiry .content-area .roundbox .data-infor {
  display: flex;
  margin-top: var(--space-16);
}
@media (max-width: 1023px) {
  .easy-inquiry .content-area .roundbox .data-infor {
    flex-direction: column;
  }
}
.easy-inquiry .content-area .roundbox .data-infor .group {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--gray-20);
  border-radius: var(--radius-12);
  padding: var(--space-20);
}
@media (max-width: 1023px) {
  .easy-inquiry .content-area .roundbox .data-infor .group {
    flex-direction: row;
    padding: var(--space-16);
    align-items: center;
  }
}
.easy-inquiry .content-area .roundbox .data-infor .group dt {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .content-area .roundbox .data-infor .group dt {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.easy-inquiry .content-area .roundbox .data-infor .group dt {
  color: var(--gray-600);
}
.easy-inquiry .content-area .roundbox .data-infor .group dd {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .content-area .roundbox .data-infor .group dd {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.easy-inquiry .content-area .roundbox .data-infor .group dd {
  color: var(--gray-900);
  margin: var(--space-8) 0 0 auto;
}
@media (max-width: 1023px) {
  .easy-inquiry .content-area .roundbox .data-infor .group dd {
    margin-top: 0;
  }
}
.easy-inquiry .content-area .roundbox .data-infor > * + * {
  margin-left: var(--space-12);
}
@media (max-width: 1023px) {
  .easy-inquiry .content-area .roundbox .data-infor > * + * {
    margin: var(--space-12) 0 0;
  }
}
.easy-inquiry .content-area .roundbox .data-infor-row {
  display: flex;
  flex-direction: column;
}
.easy-inquiry .content-area .roundbox .data-infor-row > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-8);
}
.easy-inquiry .content-area .roundbox .data-infor-row {
  margin-top: var(--space-16);
}
.easy-inquiry .content-area .roundbox .data-infor-row .group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.easy-inquiry .content-area .roundbox .data-infor-row .group dt {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .content-area .roundbox .data-infor-row .group dt {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.easy-inquiry .content-area .roundbox .data-infor-row .group dt {
  color: var(--gray-500);
}
.easy-inquiry .content-area .roundbox .data-infor-row .group dd {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .content-area .roundbox .data-infor-row .group dd {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.easy-inquiry .content-area .roundbox .data-infor-row .group dd {
  color: var(--gray-700);
}
.easy-inquiry .content-area .roundbox .data-infor-row + .list-ref {
  margin-top: var(--space-16);
  padding-top: var(--space-16);
  border-top: 1px solid var(--gray-60);
}
.easy-inquiry .content-area .roundbox .data-infor-row + .list-ref > li {
  color: var(--gray-500);
}
.easy-inquiry .content-area .roundbox + .warning-box {
  margin-top: var(--space-16);
}
.easy-inquiry .content-area .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.easy-inquiry .content-area .top span {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .content-area .top span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.64px;
  }
}
.easy-inquiry .content-area .top span {
  color: var(--gray-600);
}
.easy-inquiry .content-area .total-area {
  display: flex;
  margin-top: var(--space-16);
}
.easy-inquiry .content-area .total-area .total {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .content-area .total-area .total {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.easy-inquiry .content-area .total-area .total {
  color: var(--gray-700);
}
.easy-inquiry .content-area .total-area .total > em {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .content-area .total-area .total > em {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.easy-inquiry .content-area .total-area .total > em {
  color: var(--point-600);
}
.easy-inquiry .content-area .total-area + .feedback-wrap {
  margin-top: var(--space-16);
}
.easy-inquiry .content-area .card-type {
  display: flex;
  flex-wrap: wrap;
}
.easy-inquiry .content-area .card-type > * + * {
  margin-left: var(--space-16);
}
@media (max-width: 1023px) {
  .easy-inquiry .content-area .card-type > * + * {
    margin-left: 0;
  }
}
.easy-inquiry .content-area .card-type > .item {
  flex-basis: calc(50% - 8px);
  border: 1px solid var(--gray-60);
  border-radius: var(--radius-16);
  padding: var(--space-20);
  margin-top: var(--space-16);
}
@media (max-width: 1023px) {
  .easy-inquiry .content-area .card-type > .item {
    flex-basis: 100%;
  }
}
.easy-inquiry .content-area .card-type > .item:nth-child(2n+1) {
  margin-left: 0;
}
.easy-inquiry .content-area .card-type > .item .text {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .content-area .card-type > .item .text {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.easy-inquiry .content-area .card-type > .item .text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 4em;
  white-space: normal;
  color: var(--gray-900);
  margin-bottom: var(--space-20);
  min-height: var(--space-48);
}
.easy-inquiry .content-area .card-type > .item .data-infor > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-8);
}
.easy-inquiry .content-area .card-type > .item .data-infor .group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.easy-inquiry .content-area .card-type > .item .data-infor .group dt {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .content-area .card-type > .item .data-infor .group dt {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.easy-inquiry .content-area .card-type > .item .data-infor .group dt {
  color: var(--gray-500);
}
.easy-inquiry .content-area .card-type > .item .data-infor .group dd {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .easy-inquiry .content-area .card-type > .item .data-infor .group dd {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
  }
}
.easy-inquiry .content-area .card-type > .item .data-infor .group dd {
  color: var(--gray-700);
}
.easy-inquiry .content-area .card-type > .item .btn-wrap {
  display: flex;
  margin-top: var(--space-20);
}
.easy-inquiry .content-area .card-type > .item .btn-wrap > * {
  flex: 1;
}
.easy-inquiry .content-area .card-type > .item .btn-wrap > * + * {
  margin-left: var(--space-8);
}

.cb-content .total-area .total {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .cb-content .total-area .total {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.cb-content .total-area .total {
  color: var(--gray-700);
}
.cb-content .total-area .total > em {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .cb-content .total-area .total > em {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.cb-content .total-area .total > em {
  color: var(--point-600);
}
.cb-content .round-box > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-16);
}
.cb-content .round-box .feedback-wrap.no-data {
  margin-top: 0;
}
.cb-content .data-infor {
  display: flex;
}
@media (max-width: 1023px) {
  .cb-content .data-infor {
    flex-direction: column;
  }
}
.cb-content .data-infor .group {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  border-radius: var(--radius-12);
  padding: var(--space-20);
}
@media (max-width: 1023px) {
  .cb-content .data-infor .group {
    flex-direction: row;
    padding: var(--space-16);
    align-items: center;
  }
}
.cb-content .data-infor .group dt {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .cb-content .data-infor .group dt {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.cb-content .data-infor .group dt {
  color: var(--gray-600);
}
.cb-content .data-infor .group dd {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .cb-content .data-infor .group dd {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.cb-content .data-infor .group dd {
  color: var(--gray-900);
  margin: var(--space-8) 0 0 auto;
}
@media (max-width: 1023px) {
  .cb-content .data-infor .group dd {
    margin-top: 0;
  }
}
.cb-content .data-infor > * + * {
  margin-left: var(--space-12);
}
@media (max-width: 1023px) {
  .cb-content .data-infor > * + * {
    margin: var(--space-12) 0 0;
  }
}
.info-section .info-body .cb-content [class^=list-].list-noti > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
.info-section .info-body .cb-content [class^=list-].list-noti li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .info-section .info-body .cb-content [class^=list-].list-noti li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.info-section .info-body .cb-content [class^=list-].list-noti li {
  color: var(--gray-700);
}
.info-section .info-body .cb-content [class^=list-].list-ref li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .info-section .info-body .cb-content [class^=list-].list-ref li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.info-section .info-body .cb-content [class^=list-].list-ref li {
  color: var(--gray-500);
}

.cb-content ._btn-wrap.full:not(.more) {
  margin-top: var(--space-40);
}
.info-section .info-body .cb-content .input-group.type-buttonset {
  display: flex;
}
@media (max-width: 767px) {
  .info-section .info-body .cb-content .input-group.type-buttonset {
    flex-direction: column;
  }
}
.info-section .info-body .cb-content .input-group.type-buttonset > *:not([hidden]):not(.hidden) + *:not([hidden]):not(.hidden) {
  margin-left: var(--space-8);
}
@media (max-width: 767px) {
  .info-section .info-body .cb-content .input-group.type-buttonset > *:not([hidden]):not(.hidden) + *:not([hidden]):not(.hidden) {
    margin-left: 0;
    margin-top: var(--space-8);
  }
}
.info-section .info-body .cb-content .input-group.type-buttonset .input-box {
  flex: 1;
}
.info-section .info-body .cb-content .input-group.type-buttonset button {
  min-width: 176px;
}

.intro-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--gray-20);
  border-radius: var(--radius-16);
  padding: var(--space-20) var(--space-24);
  margin-top: var(--space-24);
}
@media (max-width: 1023px) {
  .intro-box {
    align-items: flex-start;
    flex-direction: column;
    padding: var(--space-20);
  }
}
.intro-box .text-area {
  display: flex;
  flex-direction: column;
  padding-right: var(--space-40);
}
@media (max-width: 1023px) {
  .intro-box .text-area {
    padding-right: 0;
    margin-bottom: var(--space-16);
  }
}
.intro-box .text-area .title {
  display: inline-block;
  margin-bottom: var(--space-4);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.72px;
}
@media (max-width: 1023px) {
  .intro-box .text-area .title {
    margin-bottom: var(--space-2);
  }
  .intro-box .text-area .title > span {
    display: block;
  }
}
.intro-box .text-area .title {
  color: var(--gray-900);
}
.intro-box .text-area .title > span {
  color: var(--point-600);
}
.intro-box .text-area .list-noti > li {
  color: var(--gray-600);
}

.data-document .desc {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .data-document .desc {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.data-document .desc {
  color: var(--gray-600);
}
.data-document .data-infor {
  display: flex;
  flex-direction: column;
}
.data-document .data-infor > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-8);
}
.data-document .data-infor {
  margin: var(--space-16) 0;
  padding: var(--space-16) 0;
  border-top: 1px solid var(--gray-60);
  border-bottom: 1px solid var(--gray-60);
}
.data-document .data-infor .group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.data-document .data-infor .group dt {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .data-document .data-infor .group dt {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.data-document .data-infor .group dt {
  color: var(--gray-600);
}
.data-document .data-infor .group dd {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .data-document .data-infor .group dd {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.64px;
  }
}
.data-document .data-infor .group dd {
  color: var(--gray-700);
}
.data-document .data-infor-round {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .data-document .data-infor-round {
    flex-direction: column;
  }
}
.data-document .data-infor-round .group {
  flex: 1;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--gray-60);
  border-radius: var(--radius-12);
  background-color: var(--gray-20);
  padding: var(--space-12);
}
@media (max-width: 767px) {
  .data-document .data-infor-round .group {
    flex-direction: row;
    align-items: center;
  }
}
.data-document .data-infor-round .group dt {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .data-document .data-infor-round .group dt {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.data-document .data-infor-round .group dt {
  color: var(--gray-600);
}
.data-document .data-infor-round .group dd {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .data-document .data-infor-round .group dd {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.64px;
  }
}
.data-document .data-infor-round .group dd {
  color: var(--gray-900);
  margin: var(--space-4) 0 0 auto;
}
@media (max-width: 767px) {
  .data-document .data-infor-round .group dd {
    margin-top: 0;
  }
}
.data-document .data-infor-round > * + * {
  margin-left: var(--space-8);
}
@media (max-width: 767px) {
  .data-document .data-infor-round > * + * {
    margin: var(--space-8) 0 0;
  }
}
.data-document .data-infor-round + .table-wrap {
  margin-top: var(--space-24);
}
.data-document .number-list > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
.data-document .number-list {
  counter-reset: list-counter;
}
.data-document .number-list > li {
  position: relative;
  padding-left: var(--space-20);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .data-document .number-list > li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.data-document .number-list > li {
  color: var(--gray-600);
}
.data-document .number-list > li::before {
  counter-increment: list-counter;
  content: counter(list-counter) ". ";
  display: inline-block;
  min-width: 16px;
  position: absolute;
  left: 0;
  top: 0;
  color: var(--gray-600);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .data-document .number-list > li::before {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.data-document .number-list > li > * {
  margin-top: var(--space-6);
}
.data-document .number-list > li > * .list-dash {
  margin-top: var(--space-4);
}
.data-document .number-list > li > * .list-dash > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-4);
}
.data-document .ganada-list > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-6);
}
.data-document .ganada-list > li {
  position: relative;
  padding-left: var(--space-24);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .data-document .ganada-list > li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.data-document .ganada-list > li {
  color: var(--gray-600);
}
.data-document .ganada-list > li span {
  position: absolute;
  left: 0;
  top: 0;
}
.data-document .table-wrap {
  margin-top: var(--space-4);
}
.data-document .table-wrap .unit {
  display: flex;
  justify-content: flex-end;
  margin-bottom: var(--space-8);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .data-document .table-wrap .unit {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.data-document .table-wrap .unit {
  color: var(--gray-500);
}
@media (max-width: 1023px) {
  .data-document .table-wrap ._table-small {
    overflow-x: auto;
  }
  .data-document .table-wrap ._table-small table {
    table-layout: auto;
  }
  .data-document .table-wrap ._table-small table thead th,
  .data-document .table-wrap ._table-small table tbody td {
    white-space: nowrap;
  }
}
.data-document .sign {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-24);
}

.info-section {
  display: flex;
  justify-content: space-between;
  margin-top: var(--space-56);
}
@media (max-width: 1023px) {
  .info-section {
    flex-direction: column;
  }
  .info-section > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-24);
  }
}
@media (max-width: 767px) {
  .info-section {
    margin-top: var(--space-40);
  }
  .info-section > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-16);
  }
}
.info-section .info-head {
  min-width: 320px;
  flex: 0;
  word-break: keep-all;
}
@media (max-width: 1023px) {
  .info-section .info-head {
    flex: 0 1 auto;
  }
}
.info-section .info-head .info-desc {
  margin-top: var(--space-16);
}
@media (max-width: 767px) {
  .info-section .info-head .info-desc {
    margin-top: var(--space-8);
  }
}
.info-section .info-head .info-desc p {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  color: var(--gray-500);
}
.info-section .info-body {
  flex: 0 1 832px;
  min-width: 0;
  color: var(--text-secondary);
  word-break: keep-all;
  margin-left: var(--space-48);
}
@media (max-width: 1023px) {
  .info-section .info-body {
    flex: auto;
    margin-left: 0;
  }
}
.info-section .info-body .round-box {
  display: flex;
  flex-direction: column;
  padding: var(--space-48);
  background-color: var(--gray-20);
  border-radius: var(--radius-16);
}
@media (max-width: 767px) {
  .info-section .info-body .round-box {
    padding: var(--space-20);
  }
}
.info-section .info-body [class^=list-].list-noti > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-8);
}
.info-section .info-body [class^=_divider-hor] {
  margin: var(--space-24) 0;
}
.info-section .info-body ._font-title-4 ~ .merchant-info {
  margin-top: var(--space-32);
}
@media (max-width: 767px) {
  .info-section .info-body ._font-title-4 ~ .merchant-info {
    margin-top: var(--space-12);
  }
}
.info-section .info-body .merchant-info > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-24);
}
@media (max-width: 767px) {
  .info-section .info-body .merchant-info > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--space-20);
  }
}
.info-section .info-body .merchant-info dl {
  display: flex;
}
@media (max-width: 767px) {
  .info-section .info-body .merchant-info dl {
    flex-direction: column;
  }
}
.info-section .info-body .merchant-info dt {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .info-section .info-body .merchant-info dt {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.info-section .info-body .merchant-info dt {
  color: var(--gray-900);
  flex-basis: 140px;
}
@media (max-width: 767px) {
  .info-section .info-body .merchant-info dt {
    flex-basis: auto;
  }
}
.info-section .info-body .merchant-info dd {
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .info-section .info-body .merchant-info dd {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.info-section .info-body .merchant-info dd {
  color: var(--gray-700);
  margin-left: var(--space-8);
}
@media (max-width: 767px) {
  .info-section .info-body .merchant-info dd {
    margin-left: 0;
    margin-top: var(--space-12);
  }
}
.info-section .info-body .merchant-info + [class^=_divider-hor] {
  margin: var(--space-40) 0;
}
@media (max-width: 767px) {
  .info-section .info-body .merchant-info + [class^=_divider-hor] {
    margin: var(--space-24) 0;
  }
}
.info-section .info-body .merchant-info .round-card {
  display: flex;
  flex-direction: column;
  padding: var(--space-16);
  background-color: var(--white);
  border-radius: var(--radius-12);
}
.info-section .info-body .merchant-info .round-card > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-20);
}
.info-section .info-body .merchant-info .round-card + .round-card:not([hidden]) {
  margin-top: var(--space-8);
}
.info-section .info-body .merchant-info .round-card-head dl {
  display: flex;
  flex-direction: column;
}
.info-section .info-body .merchant-info .round-card-head dl > * {
  flex: auto;
  margin: 0;
}
.info-section .info-body .merchant-info .round-card-head dl dt {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .info-section .info-body .merchant-info .round-card-head dl dt {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.info-section .info-body .merchant-info .round-card-head dl dt {
  color: var(--gray-500);
}
.info-section .info-body .merchant-info .round-card-head dl dd {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .info-section .info-body .merchant-info .round-card-head dl dd {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.info-section .info-body .merchant-info .round-card-head dl dd {
  color: var(--gray-900);
}
.info-section .info-body .merchant-info .round-card-body > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-24);
}
.info-section .info-body .merchant-info .round-card-body .data-area > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--space-12);
}
.info-section .info-body .merchant-info .round-card-body dl > * {
  flex-basis: 50%;
}
@media (max-width: 767px) {
  .info-section .info-body .merchant-info .round-card-body dl {
    flex-direction: row;
  }
}
.info-section .info-body .merchant-info .round-card-body dl dt {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .info-section .info-body .merchant-info .round-card-body dl dt {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}
.info-section .info-body .merchant-info .round-card-body dl dt {
  color: var(--gray-500);
}
.info-section .info-body .merchant-info .round-card-body dl dd {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .info-section .info-body .merchant-info .round-card-body dl dd {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.64px;
  }
}
.info-section .info-body .merchant-info .round-card-body dl dd {
  color: var(--gray-700);
  margin-left: var(--space-12);
  text-align: right;
}
@media (max-width: 767px) {
  .info-section .info-body .merchant-info .round-card-body dl dd {
    margin-top: 0;
  }
}
.info-section .info-body .info-box {
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 1023px) {
  .info-section .info-body .info-box {
    flex-direction: column;
  }
}
.info-section .info-body .info-box .data-area {
  display: grid;
  flex-basis: 100%;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.info-section .info-body .info-box .data-area > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0;
}
.info-section .info-body .info-box .data-area {
  gap: var(--space-8);
}
.info-section .info-body .info-box .data-area dl {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: var(--white);
  padding: var(--space-16);
  border-radius: var(--radius-12);
}
@media (max-width: 767px) {
  .info-section .info-body .info-box .data-area dl {
    align-items: flex-start;
    flex-direction: column;
  }
}
.info-section .info-body .info-box .data-area dl dt {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .info-section .info-body .info-box .data-area dl dt {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
  }
}
.info-section .info-body .info-box .data-area dl dt {
  color: var(--gray-600);
  flex-basis: 100%;
  text-align: left;
}
@media (max-width: 1023px) {
  .info-section .info-body .info-box .data-area dl dt {
    flex-basis: auto;
  }
}
.info-section .info-body .info-box .data-area dl dd {
  margin-top: var(--space-8);
  margin-left: auto;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .info-section .info-body .info-box .data-area dl dd {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
  }
}
.info-section .info-body .info-box .data-area dl dd {
  color: var(--gray-900);
}
@media (max-width: 1023px) {
  .info-section .info-body .info-box .data-area {
    grid-template-columns: auto;
    grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
    gap: var(--space-8);
  }
}
.info-section .info-body ._btn-wrap {
  margin-top: var(--space-32);
}
.info-section .info-body ._btn-wrap > a[class^=_btn] {
  text-decoration: none;
}
@media (max-width: 767px) {
  .info-section .info-body ._btn-wrap {
    margin-top: var(--space-40);
  }
}

.writing-box .writing-area .panel-inner {
  margin-top: var(--space-8);
}
.writing-box .writing-area .panel-inner .text {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.48px;
  margin-top: var(--space-8);
  color: var(--gray-500);
}
.writing-box .writing-area .panel-inner .text::before {
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: var(--space-4);
}
.writing-box .noti-area {
  border-top: 1px solid var(--gray-60);
  margin-top: var(--space-16);
  padding-top: var(--space-16);
}
.writing-box .noti-area .list-ast > li {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .writing-box .noti-area .list-ast > li {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
  }
}
.writing-box .noti-area .list-ast > li {
  color: var(--gray-500);
}
.writing-box .warning-box {
  margin-top: var(--space-40);
}
@media (max-width: 1023px) {
  .writing-box .warning-box {
    margin-top: var(--space-24);
  }
}

@media (max-width: 1023px) {
  .pc-only {
    display: none !important;
  }
}

.cs-install-security {
  padding-top: var(--space-48);
}
.cs-install-security .subtitle01 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .cs-install-security .subtitle01 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.64px;
  }
}
.cs-install-security .subtitle01 {
  padding-top: var(--space-12);
}
.cs-install-security .subtitle02 {
  margin: var(--space-48) 0 var(--space-20);
  font-size: 20px;
  font-weight: 700;
  font-family: "Pretendard";
  color: var(--gray-900);
  word-break: keep-all;
}
.cs-install-security .writing-box {
  padding: var(--space-24) var(--space-40);
}
@media (max-width: 767px) {
  .cs-install-security .writing-box {
    padding: var(--space-24) var(--space-20);
    border: 1px solid var(--gray-60);
    border-radius: var(--radius-20);
  }
}
.cs-install-security .cs-install-list {
  display: flex;
  align-items: center;
}
.cs-install-security .cs-install-list dt {
  flex: 0 1 160px; /* 폭 고정 */
  font-weight: bold;
  margin-right: 20px;
}
.cs-install-security .cs-install-list dd {
  margin: 0;
}
.cs-install-security .cs-install-list dd:nth-of-type(1) {
  flex: 1 1 auto;
  margin-right: 8px;
}
.cs-install-security .cs-install-list dd:nth-of-type(2) {
  flex: 0 1 120px;
  display: flex;
  flex-direction: column; /* 세로로 쌓기 */
  align-items: center; /* 가로 방향 가운데 정렬 */
  justify-content: center; /* 세로 방향 가운데 정렬(높이 있을 때) */
  white-space: nowrap;
  color: var(--gray-500);
}
.cs-install-security .cs-install-list dd:nth-of-type(2) .complete {
  color: var(--point-600);
}
.cs-install-security .cs-install-list dd:nth-of-type(2) [class^=_btn-] {
  margin: 8px auto 0;
  width: 100px;
}
.cs-install-security .cs-install-guide {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.72px;
  padding-bottom: var(--space-56);
  color: var(--gray-700);
}
.cs-install-security .cs-install-guide strong {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.72px;
}
.cs-install-security .cs-install-guide ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: var(--space-16) 0 var(--space-40);
}
.cs-install-security .cs-install-guide ul li {
  margin-right: var(--space-20);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.64px;
}
@media screen and (max-width: 767px) {
  .cs-install-security .cs-install-guide ul li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
  }
}

@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  body {
    padding: 0;
    margin: 0;
    zoom: 90%;
    size: auto;
  }
  @page {
    margin: 8mm 5mm;
  }
  /* 모달의 위치/높이 */
  ._modal-popup.open {
    position: static !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  ._modal-popup .inner,
  ._modal-popup .content,
  ._modal-popup .popup-content {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 2px !important;
  }
  ._modal-popup .inner .info-box .data-area,
  ._modal-popup .content .info-box .data-area,
  ._modal-popup .popup-content .info-box .data-area {
    display: flex;
  }
  ._modal-popup .inner .guide-txt,
  ._modal-popup .content .guide-txt,
  ._modal-popup .popup-content .guide-txt {
    display: none;
  }
  ._modal-popup .inner .table-wrap,
  ._modal-popup .content .table-wrap,
  ._modal-popup .popup-content .table-wrap {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    zoom: 80%;
  }
  ._modal-popup .inner .table-wrap table,
  ._modal-popup .content .table-wrap table,
  ._modal-popup .popup-content .table-wrap table {
    page-break-inside: auto;
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }
  ._modal-popup .inner .table-wrap table tr,
  ._modal-popup .content .table-wrap table tr,
  ._modal-popup .popup-content .table-wrap table tr {
    page-break-inside: auto;
    page-break-after: auto;
  }
  ._modal-popup .inner .table-wrap table tr th, ._modal-popup .inner .table-wrap table tr td,
  ._modal-popup .content .table-wrap table tr th,
  ._modal-popup .content .table-wrap table tr td,
  ._modal-popup .popup-content .table-wrap table tr th,
  ._modal-popup .popup-content .table-wrap table tr td {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 5px !important;
    white-space: normal !important;
    word-break: break-all;
    overflow: hidden !important;
    vertical-align: middle;
  }
  ._modal-popup .inner .table-wrap table tr th,
  ._modal-popup .content .table-wrap table tr th,
  ._modal-popup .popup-content .table-wrap table tr th {
    padding: 10px 5px !important;
    border-bottom: 0px !important;
  }
  ._modal-popup .inner .table-wrap table thead,
  ._modal-popup .content .table-wrap table thead,
  ._modal-popup .popup-content .table-wrap table thead {
    display: table-header-group;
  }
  ._modal-popup .inner .table-wrap table thead th,
  ._modal-popup .content .table-wrap table thead th,
  ._modal-popup .popup-content .table-wrap table thead th {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
  }
  ._modal-popup .inner .table-wrap table tfoot,
  ._modal-popup .content .table-wrap table tfoot,
  ._modal-popup .popup-content .table-wrap table tfoot {
    display: table-row-group;
  }
  .data-document {
    padding-right: 20px;
  }
  /* 버튼 등 불필요한 요소 숨김 */
  .floating-btn,
  .btn-close,
  button[onClick*="popup.open"] {
    display: none !important;
  }
  .data-document .data-infor-round {
    flex-direction: row !important;
  }
  .data-document .data-infor-round > * + * {
    margin-left: var(--space-8) !important;
    margin-top: 0 !important;
  }
  .data-document .data-infor-round .group {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .data-document .data-infor-round .group dd {
    margin: var(--space-4) 0 0 auto !important;
  }
}
.accordion.faq-accordion .accordion-cont * {
  color: #4B515D;
  font-size: 18px !important;
  font-weight: 400 !important;
  letter-spacing: -0.64px !important;
  font-family: "Pretendard" !important;
  line-height: 24px !important;
}

#mobileAuth ~ .accordion {
  margin: 56px 0;
}
@media (max-width: 767px) {
  #mobileAuth ~ .accordion {
    margin: 40px 0;
  }
}