#archive {
  padding: 40px 32px 72px;
}
@media (max-width: 639px) {
  #archive {
    padding: 24px 16px 40px;
  }
}
#archive .faq-header {
  margin-bottom: 16px;
}
#archive .faq-heading {
  color: #275048;
  font-size: 28px;
}
@media (max-width: 639px) {
  #archive .faq-heading {
    font-size: 24px;
  }
}
#archive .faq-desc {
  margin-top: 10px;
  color: #555;
  font-size: 14px;
}
#archive .faq-filters {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  gap: 10px;
}
@media (max-width: 639px) {
  #archive .faq-filters {
    margin-bottom: 16px;
    gap: 8px;
  }
}
#archive .faq-filter {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid #f1f1f1;
  border-radius: 999px;
  background-color: #fff;
  color: #555;
  font-size: 14px;
  font-weight: 500;
  transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}
@media (max-width: 639px) {
  #archive .faq-filter {
    min-height: 36px;
    padding: 0 14px;
    font-size: 13px;
  }
}
#archive .faq-filter:hover, #archive .faq-filter:focus-visible {
  border-color: #275048;
  color: #275048;
}
#archive .faq-filter.is-active {
  border-color: #275048;
  background-color: #275048;
  color: #fff;
}
#archive .faq-list {
  border-top: 2px solid #275048;
}
#archive .faq-item {
  border-bottom: 1px solid #f1f1f1;
}
#archive .faq-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 8px;
  gap: 16px;
  transition: background-color 0.16s ease;
}
#archive .faq-link:hover, #archive .faq-link:focus-visible {
  background-color: rgba(244, 246, 246, 0.7);
}
#archive .faq-link__content {
  min-width: 0;
  flex: 1 1 auto;
}
#archive .faq-link__icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: #999;
}
#archive .faq-link__icon .svg {
  width: 100%;
  height: 100%;
}
#archive .faq-meta {
  color: #275048;
  font-size: 12px;
  font-weight: 500;
}
#archive .faq-title {
  color: #000;
  font-size: 18px;
  word-break: keep-all;
}
@media (max-width: 639px) {
  #archive .faq-title {
    font-size: 16px;
  }
}
#archive .pagination {
  margin-top: 22px;
}
@media (max-width: 639px) {
  #archive .pagination {
    margin-top: 16px;
  }
}
#archive .pagination .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
#archive .pagination .page-numbers {
  display: inline-flex;
  min-width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #275048;
  font-size: 14px;
}
@media (max-width: 639px) {
  #archive .pagination .page-numbers {
    min-width: 32px;
    height: 32px;
    font-size: 12px;
    gap: 4px;
  }
}
#archive .pagination .page-numbers.current {
  border-color: #275048;
  background-color: #275048;
  color: #fff;
}
#archive .pagination .page-numbers.prev,
#archive .pagination .page-numbers.next {
  min-width: auto;
  border: 0;
  background-color: transparent;
  font-size: 14px;
}
@media (max-width: 639px) {
  #archive .pagination .page-numbers.prev,
  #archive .pagination .page-numbers.next {
    font-size: 12px;
  }
}
#archive .faq-empty {
  padding: 20px 16px;
  border-radius: 10px;
  background-color: #f4f6f6;
  color: #555;
  font-size: 14px;
  text-align: center;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/archive.scss%22,%22../scss/helpers/_variables.scss%22,%22../scss/helpers/_mixins.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAIA;EACE;;AAEA;EAHF;IAII;;;AAGF;EACE;;AAGF;EACE,OCCW;EDAX;;AAEA;EAJF;IAKI;;;AAIJ;EACE;EACA,OCCa;EDAb;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC3BS;ED4BT,OCxBa;EDyBb;EACA;EACA,YACE;;AAIF;EAjBF;IAkBI;IACA;IACA;;;AAGF;EAEE,cClDS;EDmDT,OCnDS;;ADsDX;EACE,cCvDS;EDwDT,kBCxDS;EDyDT,OCnDO;;ADuDX;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,OCjFO;;ADmFP;EACE;EACA;;AAKN;EACE,OCtGW;EDuGX;EACA;;AAGF;EACE,OCnGW;EDoGX;EACA;;AAEA;EALF;IAMI;;;AAIJ;EACE;;AAEA;EAHF;IAII;;;AEzEJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OD9DW;EC+DX;;AAEA;EAVF;IAWI;IACA;IACA;IACA;;;AAIJ;EACE,cD1EW;EC2EX,kBD3EW;EC4EX,ODtES;;ACyEX;AAAA;EAEE;EACA;EACA;EACA;;AAEA;EAPF;AAAA;IAQI;;;AFwCJ;EACE;EACA;EACA,kBChIc;EDiId,OCzHa;ED0Hb;EACA%22,%22file%22:%22archive.css%22,%22sourcesContent%22:%5B%22//%20use%5Cn@use%20'./helpers'%20as%20*;%5Cn%5Cn//%20styles%5Cn%23archive%20%7B%5Cn%20%20padding:%2040px%2032px%2072px;%5Cn%5Cn%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20padding:%2024px%2016px%2040px;%5Cn%20%20%7D%5Cn%5Cn%20%20.faq-header%20%7B%5Cn%20%20%20%20margin-bottom:%2016px;%5Cn%20%20%7D%5Cn%5Cn%20%20.faq-heading%20%7B%5Cn%20%20%20%20color:%20$ayna-default;%5Cn%20%20%20%20font-size:%2028px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20font-size:%2024px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.faq-desc%20%7B%5Cn%20%20%20%20margin-top:%2010px;%5Cn%20%20%20%20color:%20$text-secondary;%5Cn%20%20%20%20font-size:%2014px;%5Cn%20%20%7D%5Cn%5Cn%20%20.faq-filters%20%7B%5Cn%20%20%20%20display:%20flex;%5Cn%20%20%20%20flex-wrap:%20wrap;%5Cn%20%20%20%20margin-bottom:%2020px;%5Cn%20%20%20%20gap:%2010px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20margin-bottom:%2016px;%5Cn%20%20%20%20%20%20gap:%208px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.faq-filter%20%7B%5Cn%20%20%20%20display:%20inline-flex;%5Cn%20%20%20%20min-height:%2040px;%5Cn%20%20%20%20align-items:%20center;%5Cn%20%20%20%20justify-content:%20center;%5Cn%20%20%20%20padding:%200%2016px;%5Cn%20%20%20%20border:%201px%20solid%20$text-subtle;%5Cn%20%20%20%20border-radius:%20999px;%5Cn%20%20%20%20background-color:%20$base-white;%5Cn%20%20%20%20color:%20$text-secondary;%5Cn%20%20%20%20font-size:%2014px;%5Cn%20%20%20%20font-weight:%20500;%5Cn%20%20%20%20transition:%5Cn%20%20%20%20%20%20border-color%200.16s%20ease,%5Cn%20%20%20%20%20%20background-color%200.16s%20ease,%5Cn%20%20%20%20%20%20color%200.16s%20ease;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20min-height:%2036px;%5Cn%20%20%20%20%20%20padding:%200%2014px;%5Cn%20%20%20%20%20%20font-size:%2013px;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20&:hover,%5Cn%20%20%20%20&:focus-visible%20%7B%5Cn%20%20%20%20%20%20border-color:%20$ayna-default;%5Cn%20%20%20%20%20%20color:%20$ayna-default;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20&.is-active%20%7B%5Cn%20%20%20%20%20%20border-color:%20$ayna-default;%5Cn%20%20%20%20%20%20background-color:%20$ayna-default;%5Cn%20%20%20%20%20%20color:%20$base-white;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.faq-list%20%7B%5Cn%20%20%20%20border-top:%202px%20solid%20$ayna-default;%5Cn%20%20%7D%5Cn%5Cn%20%20.faq-item%20%7B%5Cn%20%20%20%20border-bottom:%201px%20solid%20$text-subtle;%5Cn%20%20%7D%5Cn%5Cn%20%20.faq-link%20%7B%5Cn%20%20%20%20display:%20flex;%5Cn%20%20%20%20align-items:%20center;%5Cn%20%20%20%20justify-content:%20space-between;%5Cn%20%20%20%20padding:%2016px%208px;%5Cn%20%20%20%20gap:%2016px;%5Cn%20%20%20%20transition:%20background-color%200.16s%20ease;%5Cn%5Cn%20%20%20%20&:hover,%5Cn%20%20%20%20&:focus-visible%20%7B%5Cn%20%20%20%20%20%20background-color:%20rgba($ayna-background,%200.7);%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20&__content%20%7B%5Cn%20%20%20%20%20%20min-width:%200;%5Cn%20%20%20%20%20%20flex:%201%201%20auto;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20&__icon%20%7B%5Cn%20%20%20%20%20%20display:%20inline-flex;%5Cn%20%20%20%20%20%20width:%2018px;%5Cn%20%20%20%20%20%20height:%2018px;%5Cn%20%20%20%20%20%20flex:%200%200%20auto;%5Cn%20%20%20%20%20%20color:%20$text-muted;%5Cn%5Cn%20%20%20%20%20%20.svg%20%7B%5Cn%20%20%20%20%20%20%20%20width:%20100%25;%5Cn%20%20%20%20%20%20%20%20height:%20100%25;%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.faq-meta%20%7B%5Cn%20%20%20%20color:%20$ayna-default;%5Cn%20%20%20%20font-size:%2012px;%5Cn%20%20%20%20font-weight:%20500;%5Cn%20%20%7D%5Cn%5Cn%20%20.faq-title%20%7B%5Cn%20%20%20%20color:%20$text-default;%5Cn%20%20%20%20font-size:%2018px;%5Cn%20%20%20%20word-break:%20keep-all;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20font-size:%2016px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.pagination%20%7B%5Cn%20%20%20%20margin-top:%2022px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20margin-top:%2016px;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20@include%20pagination-common();%5Cn%20%20%7D%5Cn%5Cn%20%20.faq-empty%20%7B%5Cn%20%20%20%20padding:%2020px%2016px;%5Cn%20%20%20%20border-radius:%2010px;%5Cn%20%20%20%20background-color:%20$ayna-background;%5Cn%20%20%20%20color:%20$text-secondary;%5Cn%20%20%20%20font-size:%2014px;%5Cn%20%20%20%20text-align:%20center;%5Cn%20%20%7D%5Cn%7D%5Cn%22,%22//%20use%5Cn@use%20'sass:color';%5Cn@use%20'sass:map';%5Cn%5Cn//%20layouts%5Cn$container:%20640px;%5Cn%5Cn//%20breakpoints%5Cn$lg_up:%20'min-width:%20%23%7B1024px%7D';%5Cn$md_up:%20'min-width:%20%23%7B640px%7D';%5Cn$sm_up:%20'max-width:%20%23%7B425px%7D';%5Cn%5Cn$lg_down:%20'max-width:%20%23%7B1023px%7D';%5Cn$md_down:%20'max-width:%20%23%7B639px%7D';%5Cn$sm_down:%20'max-width:%20%23%7B424px%7D';%5Cn%5Cn//%20colors%5Cn$ayna-default:%20%23275048;%5Cn$ayna-default-lightness-20p:%20color.adjust($ayna-default,%20$lightness:%2020%25);%5Cn$ayna-background:%20%23f4f6f6;%5Cn$ayna-accent:%20%23faba20;%5Cn$ayna-accent-50:%20%23fffcf4;%5Cn%5Cn$base-white:%20%23fff;%5Cn$base-black:%20%23000;%5Cn%5Cn$text-default:%20%23000;%5Cn$text-secondary:%20%23555;%5Cn$text-muted:%20%23999;%5Cn$text-subtle:%20%23f1f1f1;%5Cn%5Cn$info-default:%20%232e86de;%5Cn$info-background:%20%23eff7ff;%5Cn%5Cn$brand-naver-default:%20%2303c75a;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-default:%20%23fff8d1;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-background:%20%23fffef6;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-accent:%20%23fff099;%5Cn$brand-%EB%B0%94%EC%9A%B0%EC%B2%98-default:%20%2316b0b2;%5Cn$brand-%EB%B0%94%EC%9A%B0%EC%B2%98-background:%20%23b2eeee;%5Cn$brand-%EB%B0%94%EC%9A%B0%EC%B2%98-background-50:%20%23f2f9fa;%5Cn$brand-kakao-default:%20%23fae100;%5Cn$brand-kakao-black:%20%23020303;%5Cn%5Cn$danger-default:%20%23e81919;%5Cn$danger-background:%20%23ffefef;%5Cn%5Cn$success-default:%20%2300b894;%5Cn$success-background:%20%23cff9f1;%5Cn%22,%22//%20use%5Cn@use%20'sass:math';%5Cn@use%20'./variables'%20as%20*;%5Cn%5Cn//%20%EC%84%A0%ED%83%9D%20%EC%B0%A8%EB%8B%A8%5Cn@mixin%20disable($boolean:%20'true')%20%7B%5Cn%20%20@if%20$boolean%20==%20'true'%20%7B%5Cn%20%20%20%20pointer-events:%20none;%5Cn%20%20%20%20touch-action:%20none;%5Cn%20%20%20%20user-select:%20none;%5Cn%20%20%7D%20@else%20%7B%5Cn%20%20%20%20pointer-events:%20auto;%5Cn%20%20%20%20touch-action:%20auto;%5Cn%20%20%20%20user-select:%20auto;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn//%20%ED%95%9C%20%EC%A4%84%20%EB%A7%90%EC%A4%84%EC%9E%84%5Cn@mixin%20text-ellipsis()%20%7B%5Cn%20%20display:%20inline-block;%5Cn%20%20overflow:%20hidden;%5Cn%20%20text-overflow:%20ellipsis;%5Cn%20%20white-space:%20nowrap;%5Cn%7D%5Cn%5Cn//%20%EC%97%AC%EB%9F%AC%EC%A4%84%20%EB%A7%90%EC%A4%84%EC%9E%84%5Cn@mixin%20box-ellipsis($line:%203,%20$lineHeight:%2020px,%20$boxHeight:%20'auto')%20%7B%5Cn%20%20display:%20-webkit-box;%5Cn%20%20overflow:%20hidden;%5Cn%20%20-webkit-box-orient:%20vertical;%5Cn%20%20-webkit-line-clamp:%20$line;%5Cn%20%20line-height:%20$lineHeight;%5Cn%20%20overflow-wrap:%20break-word;%5Cn%20%20text-align:%20left;%5Cn%20%20white-space:%20normal;%5Cn%20%20word-break:%20break-all;%5Cn%5Cn%20%20@if%20($boxHeight)%20==%20'fixed'%20%7B%5Cn%20%20%20%20height:%20$line%20*%20$lineHeight;%5Cn%20%20%7D%20@else%20%7B%5Cn%20%20%20%20height:%20auto;%5Cn%20%20%20%20max-height:%20$line%20*%20$lineHeight;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn//%20%EC%8A%A4%ED%81%AC%EB%A1%A4%EB%B0%94%20%EC%99%B8%ED%98%95%20%EC%88%A8%EA%B8%B0%EA%B8%B0%5Cn@mixin%20hide-scrollbar()%20%7B%5Cn%20%20-ms-overflow-style:%20none;%5Cn%20%20scrollbar-width:%20none;%5Cn%5Cn%20%20&::-webkit-scrollbar%20%7B%5Cn%20%20%20%20display:%20none;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn//%20container%5Cn@mixin%20container()%20%7B%5Cn%20%20display:%20block;%5Cn%20%20width:%20100%25;%5Cn%20%20max-width:%20$container;%5Cn%20%20margin:%200%20auto;%5Cn%7D%5Cn%5Cn//%20%ED%8E%98%EC%9D%B4%EC%A7%80%EB%84%A4%EC%9D%B4%EC%85%98%20%EA%B3%B5%ED%86%B5%20%EC%8A%A4%ED%83%80%EC%9D%BC%5Cn@mixin%20pagination-common()%20%7B%5Cn%20%20.nav-links%20%7B%5Cn%20%20%20%20display:%20flex;%5Cn%20%20%20%20align-items:%20center;%5Cn%20%20%20%20justify-content:%20center;%5Cn%20%20%20%20gap:%208px;%5Cn%20%20%7D%5Cn%5Cn%20%20.page-numbers%20%7B%5Cn%20%20%20%20display:%20inline-flex;%5Cn%20%20%20%20min-width:%2040px;%5Cn%20%20%20%20height:%2040px;%5Cn%20%20%20%20align-items:%20center;%5Cn%20%20%20%20justify-content:%20center;%5Cn%20%20%20%20border-radius:%208px;%5Cn%20%20%20%20color:%20$ayna-default;%5Cn%20%20%20%20font-size:%2014px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20min-width:%2032px;%5Cn%20%20%20%20%20%20height:%2032px;%5Cn%20%20%20%20%20%20font-size:%2012px;%5Cn%20%20%20%20%20%20gap:%204px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.page-numbers.current%20%7B%5Cn%20%20%20%20border-color:%20$ayna-default;%5Cn%20%20%20%20background-color:%20$ayna-default;%5Cn%20%20%20%20color:%20$base-white;%5Cn%20%20%7D%5Cn%5Cn%20%20.page-numbers.prev,%5Cn%20%20.page-numbers.next%20%7B%5Cn%20%20%20%20min-width:%20auto;%5Cn%20%20%20%20border:%200;%5Cn%20%20%20%20background-color:%20transparent;%5Cn%20%20%20%20font-size:%2014px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20font-size:%2012px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%5Cn%22%5D%7D */