@charset "UTF-8";
*,
::before,
::after {
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
  color: #000;
  font-family: "AppleSDGothicNeo", "Malgun Gothic", sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.6;
  overflow-wrap: break-word;
  overflow-x: clip;
  -webkit-text-size-adjust: 100%;
  word-break: break-all;
}

main,
header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
menu,
figure,
figcaption {
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

ol,
ul,
li,
dl,
dt,
dd {
  padding: 0;
  margin: 0;
  list-style: none;
}

img {
  height: auto;
}

img,
iframe,
video,
object,
embed,
button,
select,
input,
textarea,
svg {
  max-width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  margin: 0;
  background-color: transparent;
  box-shadow: none;
  font: inherit;
  line-height: inherit;
  vertical-align: middle;
}

input,
textarea {
  appearance: none;
}

input[type=checkbox] {
  appearance: auto;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  display: none;
}
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

button,
input[type=button],
input[type=submit],
input[type=reset] {
  appearance: auto;
}

::file-selector-button {
  appearance: auto;
  font: inherit;
}

button,
select,
label {
  cursor: pointer;
}

small {
  font-size: 80%;
}

code,
kbd,
samp {
  font-family: "Menlo", "Consolas", "monospace", sans-serif;
  font-size: 1em;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

[hidden] {
  display: none;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
}

.blind,
.screen-reader-text {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip-path: inset(50%);
  overflow-wrap: normal !important;
}
.blind:focus,
.screen-reader-text:focus {
  z-index: 100000;
  top: 5px;
  left: 5px;
  display: block;
  width: auto;
  height: auto;
  padding: 15px 23px 14px;
  background-color: #eee;
  clip-path: none;
  color: #444;
  font-size: 1em;
  line-height: normal;
  text-decoration: none;
}

strong, b h1,
h2, h3, h4, h5, h6 {
  font-weight: 700;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
}

#header {
  position: relative;
  z-index: 30;
  display: flex;
  height: 96px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  border-bottom: 1px solid #f1f1f1;
}
@media (max-width: 639px) {
  #header {
    height: 72px;
    padding: 0 16px;
  }
}
#header .logo {
  display: block;
}
#header .logo a {
  display: block;
  width: 112px;
  aspect-ratio: 56/23;
}
@media (max-width: 639px) {
  #header .logo a {
    width: 80px;
  }
}
#header .logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#header .toggle-gnb {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  color: #275048;
}
@media (max-width: 639px) {
  #header .toggle-gnb {
    width: 24px;
    height: 24px;
  }
}
#header .toggle-gnb .svg {
  width: 100%;
  height: 100%;
}
#header .toggle-gnb .toggle-gnb-menu-icon {
  display: block;
  width: 100%;
  height: 100%;
}
#header .toggle-gnb .toggle-gnb-close-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
#header .toggle-gnb .toggle-gnb-close-icon .line {
  position: absolute;
  top: 50%;
  left: 20%;
  width: 60%;
  height: 2px;
  border-radius: 100px;
  margin-top: -1px;
  background-color: #275048;
}
#header .toggle-gnb .toggle-gnb-close-icon .line-1 {
  transform: rotate(45deg);
}
#header .toggle-gnb .toggle-gnb-close-icon .line-2 {
  transform: rotate(-45deg);
}
#header .toggle-gnb.is-open .toggle-gnb-menu-icon {
  display: none;
}
#header .toggle-gnb.is-open .toggle-gnb-close-icon {
  display: block;
}

#sidebar {
  position: absolute;
  z-index: 25;
  top: 96px;
  right: 0;
  left: 0;
  overflow: hidden;
  height: calc(100dvh - 96px);
  opacity: 0;
  overscroll-behavior: none;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
@media (max-width: 639px) {
  #sidebar {
    top: 72px;
    height: calc(100dvh - 72px);
  }
}
#sidebar::after {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(400px, 100vw - 40px);
  background-color: #fff;
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: translateX(100%);
  transition: transform 0.3s ease, opacity 0.2s ease;
}
#sidebar .sidebar-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
#sidebar .sidebar-panel {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  width: 400px;
  flex-direction: column;
  padding: 48px 32px;
  background-color: #fff;
  box-shadow: -4px 0 4px 0 rgba(0, 0, 0, 0.1);
  gap: 32px;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  transform: translateX(100%);
  transition: transform 0.3s ease;
}
@media (max-width: 639px) {
  #sidebar .sidebar-panel {
    width: min(400px, 100vw - 40px);
    padding: 24px 16px;
  }
}
#sidebar .sidebar-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 639px) {
  #sidebar .sidebar-group {
    gap: 8px;
  }
}
#sidebar .sidebar-group-title {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 72px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 639px) {
  #sidebar .sidebar-group-title {
    padding: 0 14px;
    border-radius: 36px;
    font-size: 14px;
  }
}
#sidebar .sidebar-group-title--voucher {
  border-color: #16b0b2;
  background-color: #16b0b2;
}
#sidebar .sidebar-group-title--renew {
  border-color: #275048;
  background-color: #275048;
}
#sidebar .sidebar-group-title--order {
  border-color: #2e86de;
  background-color: #2e86de;
}
#sidebar .sidebar-list {
  display: flex;
  flex-direction: column;
  padding-left: 8px;
  gap: 8px;
}
@media (max-width: 639px) {
  #sidebar .sidebar-list {
    padding-left: 4px;
    gap: 4px;
  }
}
#sidebar .sidebar-list a {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 639px) {
  #sidebar .sidebar-list a {
    font-size: 14px;
  }
}
#sidebar .sidebar-list a::before {
  margin-right: 8px;
  content: "·";
}
@media (max-width: 639px) {
  #sidebar .sidebar-list a::before {
    margin-right: 4px;
  }
}
#sidebar .sidebar-links {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  color: #555;
  font-size: 14px;
  font-weight: 500;
  gap: 16px;
}
@media (max-width: 639px) {
  #sidebar .sidebar-links {
    font-size: 12px;
    gap: 8px;
  }
}
#sidebar .sidebar-links .separator {
  display: block;
  width: 1px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
}
@media (max-width: 639px) {
  #sidebar .sidebar-links .separator {
    height: 8px;
  }
}

#sidebar.is-open {
  opacity: 1;
  pointer-events: auto;
}
#sidebar.is-open::after {
  opacity: 1;
  transform: translateX(0);
}
#sidebar.is-open .sidebar-panel {
  transform: translateX(0);
}

html,
body {
  background-color: #f1f1f1;
  font-family: "Pretendard", "AppleSDGothicNeo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  overflow-wrap: break-word;
  word-break: keep-all;
}

#wrap {
  display: block;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  display: flex;
  min-height: 100dvh;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

#main {
  flex: 1 1 auto;
}
#main:has(#index) {
  display: flex;
  align-items: center;
  justify-content: center;
}

#footer {
  flex: 0 0 auto;
  background-color: #f4f6f6;
  color: #555;
  font-size: 14px;
}
@media (max-width: 639px) {
  #footer {
    font-size: 12px;
  }
}
#footer .info {
  display: flex;
  flex-direction: column;
  padding: 40px 32px;
  gap: 16px;
}
@media (max-width: 639px) {
  #footer .info {
    padding: 20px 16px;
    gap: 12px;
  }
}
#footer .footer-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
@media (max-width: 639px) {
  #footer .footer-nav {
    gap: 12px;
  }
}
#footer .footer-nav a {
  font-weight: 500;
}
#footer .info-toggle {
  display: inline-flex;
  align-items: center;
  padding: 0;
  color: inherit;
  gap: 8px;
}
#footer .info-toggle-icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}
#footer .info-toggle-icon .svg {
  width: 100%;
  height: 100%;
}
#footer .info-title {
  font-size: inherit;
  font-weight: 700;
}
#footer .info-title-text {
  display: inline-block;
}
#footer .info-list {
  gap: 8px;
  grid-template: 1fr/128px 1fr;
}
#footer .info-list:not([hidden]) {
  display: grid;
}
@media (max-width: 639px) {
  #footer .info-list {
    grid-template-columns: 100px 1fr;
  }
}
#footer .info-list dt {
  flex: 0 0 auto;
}
#footer .info-list dd {
  flex: 1 1 auto;
}
#footer .copyright {
  padding: 16px 0;
  border-top: 1px solid #f1f1f1;
  text-align: center;
}
#footer .copyright strong {
  font-weight: 700;
}
#footer.is-open .info-toggle-icon {
  transform: rotate(0deg);
}
#footer:not(.is-open) .info-toggle-icon {
  transform: rotate(180deg);
}

.common-title {
  display: flex;
  align-items: flex-start;
  color: #275048;
  font-weight: 700;
  gap: 2px;
}
.common-title--center {
  justify-content: center;
}
.common-title--right {
  justify-content: flex-end;
}
.common-title .svg {
  width: 10px;
  height: 10px;
}
@media (max-width: 639px) {
  .common-title .svg {
    width: 8px;
    height: 8px;
  }
}
h2.common-title {
  font-size: 20px;
}
@media (max-width: 639px) {
  h2.common-title {
    font-size: 18px;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/base/_reset.scss%22,%22../scss/base/_typography.scss%22,%22../scss/templates/parts/header.scss%22,%22../scss/helpers/_variables.scss%22,%22../scss/templates/parts/sidebar.scss%22,%22../scss/templates/parts/layout.scss%22,%22../scss/helpers/_mixins.scss%22,%22../scss/templates/parts/footer.scss%22,%22../scss/templates/parts/common-title.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AAAA;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;AAAA;EAEE;;;AAIF;EACE;;;AAMA;EAIE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAKF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC7MJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;IACA;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAIJ;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA,OC5BW;;AD8BX;EAPF;IAQI;IACA;;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC9DO;;ADiET;EACE;;AAGF;EACE;;AAMJ;EACE;;AAGF;EACE;;;AE9FN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAbF;IAcI;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBDNS;ECOT;EACA;EACA;EACA;EACA,YACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDnCS;ECoCT;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAnBF;IAoBI;IACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODpES;ECqET;EACA;;AAEA;EAZF;IAaI;IACA;IACA;;;AAIJ;EACE,cDjEgB;ECkEhB,kBDlEgB;;ACqElB;EACE,cD3FW;EC4FX,kBD5FW;;AC+Fb;EACE,cDlFW;ECmFX,kBDnFW;;ACsFb;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;;;AAGF;EACE;EACA;EACA;EACA,OD5GO;EC6GP;EACA;;AAEA;EARF;IASI;;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;;;AAMR;EACE;EACA;EACA;EACA;EACA,ODjIa;ECkIb;EACA;EACA;;AAEA;EAVF;IAWI;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;;AAMR;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AC1LJ;AAAA;EAEE,kBFuBY;EEtBZ;EACA;EACA;;;AAGF;EC6CE;EACA;EACA,WHtDU;EGuDV;ED9CA;EACA;EACA;EACA;EACA,kBFKW;EEJX;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AExBJ;EACE;EACA,kBJagB;EIZhB,OJoBe;EInBf;;AAEA;EANF;IAOI;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EARF;IASI;;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAKF;EACE;;AAKF;EACE;;;AC3GN;EACE;EACA;EACA,OLUa;EKTb;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKK;EACP;;AAEA;EAHO;IAIL%22,%22file%22:%22core.css%22,%22sourcesContent%22:%5B%22*,%5Cn::before,%5Cn::after%20%7B%5Cn%20%20box-sizing:%20border-box;%5Cn%7D%5Cn%5Cnhtml,%5Cnbody%20%7B%5Cn%20%20padding:%200;%5Cn%20%20margin:%200;%5Cn%20%20color:%20%23000;%5Cn%20%20font-family:%20'AppleSDGothicNeo',%20'Malgun%20Gothic',%20sans-serif;%5Cn%20%20font-size:%201em;%5Cn%20%20-webkit-font-smoothing:%20antialiased;%5Cn%20%20font-weight:%20400;%5Cn%20%20line-height:%201.6;%5Cn%20%20overflow-wrap:%20break-word;%5Cn%20%20overflow-x:%20clip;%5Cn%20%20-webkit-text-size-adjust:%20100%25;%5Cn%20%20word-break:%20break-all;%5Cn%7D%5Cn%5Cnmain,%5Cnheader,%5Cnfooter,%5Cnsection,%5Cnarticle,%5Cnaside,%5Cnnav,%5Cnhgroup,%5Cndetails,%5Cnmenu,%5Cnfigure,%5Cnfigcaption%20%7B%5Cn%20%20display:%20block;%5Cn%7D%5Cn%5Cna%20%7B%5Cn%20%20color:%20inherit;%5Cn%20%20text-decoration:%20none;%5Cn%7D%5Cn%5Cnp,%5Cnh1,%5Cnh2,%5Cnh3,%5Cnh4,%5Cnh5,%5Cnh6%20%7B%5Cn%20%20margin:%200;%5Cn%7D%5Cn%5Cnol,%5Cnul,%5Cnli,%5Cndl,%5Cndt,%5Cndd%20%7B%5Cn%20%20padding:%200;%5Cn%20%20margin:%200;%5Cn%20%20list-style:%20none;%5Cn%7D%5Cn%5Cnimg%20%7B%5Cn%20%20height:%20auto;%5Cn%7D%5Cn%5Cnimg,%5Cniframe,%5Cnvideo,%5Cnobject,%5Cnembed,%5Cnbutton,%5Cnselect,%5Cninput,%5Cntextarea,%5Cnsvg%20%7B%5Cn%20%20max-width:%20100%25;%5Cn%20%20padding:%200;%5Cn%20%20border:%200;%5Cn%20%20border-radius:%200;%5Cn%20%20margin:%200;%5Cn%20%20background-color:%20transparent;%5Cn%20%20box-shadow:%20none;%5Cn%20%20font:%20inherit;%5Cn%20%20line-height:%20inherit;%5Cn%20%20vertical-align:%20middle;%5Cn%7D%5Cn%5Cn//%20%EC%99%B8%ED%98%95%20%EC%B4%88%EA%B8%B0%ED%99%94%5Cninput,%5Cntextarea%20%7B%5Cn%20%20appearance:%20none;%5Cn%7D%5Cn%5Cn//%20%EC%B2%B4%ED%81%AC%EB%B0%95%EC%8A%A4%EB%8A%94%20%EA%B8%B0%EB%B3%B8%20%EC%99%B8%ED%98%95%20%EB%82%98%EC%98%A4%EB%8F%84%EB%A1%9D%20%EC%84%A4%EC%A0%95%5Cninput%5Btype='checkbox'%5D%20%7B%5Cn%20%20appearance:%20auto;%5Cn%7D%5Cn%5Cninput%5Btype='search'%5D%20%7B%5Cn%20%20//%20%EA%B2%80%EC%83%89%20%ED%95%84%EB%93%9C%20%EC%99%B8%ED%98%95%20%EC%B4%88%EA%B8%B0%ED%99%94%5Cn%20%20//%20https://css-tricks.com/webkit-html5-search-inputs/%23comment-82432%5Cn%20%20&::-webkit-search-decoration,%5Cn%20%20&::-webkit-search-cancel-button,%5Cn%20%20&::-webkit-search-results-button,%5Cn%20%20&::-webkit-search-results-decoration%20%7B%5Cn%20%20%20%20display:%20none;%5Cn%20%20%7D%5Cn%5Cn%20%20//%20MS%20%EC%97%90%EC%84%9C%20%EA%B2%80%EC%83%89%20%ED%95%84%EB%93%9C%20%EC%99%B8%ED%98%95%20%EC%B4%88%EA%B8%B0%ED%99%94%5Cn%20%20&::-ms-clear%20%7B%5Cn%20%20%20%20display:%20none;%5Cn%20%20%20%20width:%200;%5Cn%20%20%20%20height:%200;%5Cn%20%20%7D%5Cn%5Cn%20%20&::-ms-reveal%20%7B%5Cn%20%20%20%20display:%20none;%5Cn%20%20%20%20width:%200;%5Cn%20%20%20%20height:%200;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cnbutton,%5Cninput%5Btype='button'%5D,%5Cninput%5Btype='submit'%5D,%5Cninput%5Btype='reset'%5D%20%7B%5Cn%20%20appearance:%20auto;%5Cn%7D%5Cn%5Cn::file-selector-button%20%7B%5Cn%20%20appearance:%20auto;%5Cn%20%20font:%20inherit;%5Cn%7D%5Cn%5Cnbutton,%5Cnselect,%5Cnlabel%20%7B%5Cn%20%20cursor:%20pointer;%5Cn%7D%5Cn%5Cnsmall%20%7B%5Cn%20%20font-size:%2080%25;%5Cn%7D%5Cn%5Cncode,%5Cnkbd,%5Cnsamp%20%7B%5Cn%20%20font-family:%20'Menlo',%20'Consolas',%20'monospace',%20sans-serif;%5Cn%20%20font-size:%201em;%5Cn%7D%5Cn%5Cnsub,%5Cnsup%20%7B%5Cn%20%20position:%20relative;%5Cn%20%20font-size:%200.75em;%5Cn%20%20line-height:%200;%5Cn%20%20vertical-align:%20baseline;%5Cn%7D%5Cn%5Cnsub%20%7B%5Cn%20%20bottom:%20-0.25em;%5Cn%7D%5Cn%5Cnsup%20%7B%5Cn%20%20top:%20-0.5em;%5Cn%7D%5Cn%5Cn%5Bhidden%5D%20%7B%5Cn%20%20display:%20none;%5Cn%7D%5Cn%5Cntable%20%7B%5Cn%20%20border-collapse:%20collapse;%5Cn%20%20table-layout:%20fixed;%5Cn%7D%5Cn%5Cn//%20%5B%EC%A0%91%EA%B7%BC%EC%84%B1%5D%20%EC%8A%A4%ED%81%AC%EB%A6%B0%20%EB%A6%AC%EB%8D%94%EA%B8%B0%EB%A5%BC%20%EC%9C%84%ED%95%9C%20%ED%81%B4%EB%9E%98%EC%8A%A4%5Cn//%20https://make.wordpress.org/accessibility/handbook/markup/the-css-class-screen-reader-text/%5Cn.blind,%5Cn.screen-reader-text%20%7B%5Cn%20%20position:%20absolute;%5Cn%20%20overflow:%20hidden;%5Cn%20%20width:%201px;%5Cn%20%20height:%201px;%5Cn%20%20padding:%200;%5Cn%20%20border:%200;%5Cn%20%20margin:%20-1px;%5Cn%20%20clip-path:%20inset(50%25);%5Cn%20%20overflow-wrap:%20normal%20!important;%5Cn%5Cn%20%20&:focus%20%7B%5Cn%20%20%20%20z-index:%20100000;%5Cn%20%20%20%20top:%205px;%5Cn%20%20%20%20left:%205px;%5Cn%20%20%20%20display:%20block;%5Cn%20%20%20%20width:%20auto;%5Cn%20%20%20%20height:%20auto;%5Cn%20%20%20%20padding:%2015px%2023px%2014px;%5Cn%20%20%20%20background-color:%20%23eee;%5Cn%20%20%20%20clip-path:%20none;%5Cn%20%20%20%20color:%20%23444;%5Cn%20%20%20%20font-size:%201em;%5Cn%20%20%20%20line-height:%20normal;%5Cn%20%20%20%20text-decoration:%20none;%5Cn%20%20%7D%5Cn%7D%5Cn%22,%22strong,%20b%5Cnh1,%20h2,%20h3,%20h4,%20h5,%20h6%20%7B%5Cn%20%20font-weight:%20700;%5Cn%7D%5Cn%5Cnh1%20%7B%5Cn%20%20font-size:%202em;%5Cn%7D%5Cn%5Cnh2%20%7B%5Cn%20%20font-size:%201.8em;%5Cn%7D%5Cn%5Cnh3%20%7B%5Cn%20%20font-size:%201.6em;%5Cn%7D%5Cn%5Cnh4%20%7B%5Cn%20%20font-size:%201.4em;%5Cn%7D%5Cn%5Cnh5%20%7B%5Cn%20%20font-size:%201.2em;%5Cn%7D%5Cn%5Cnh6%20%7B%5Cn%20%20font-size:%201em;%5Cn%7D%5Cn%22,%22//%20use%5Cn@use%20'../../helpers'%20as%20*;%5Cn%5Cn//%20styles%5Cn%23header%20%7B%5Cn%20%20position:%20relative;%5Cn%20%20z-index:%2030;%5Cn%20%20display:%20flex;%5Cn%20%20height:%2096px;%5Cn%20%20flex:%200%200%20auto;%5Cn%20%20align-items:%20center;%5Cn%20%20justify-content:%20space-between;%5Cn%20%20padding:%200%2032px;%5Cn%20%20border-bottom:%201px%20solid%20$text-subtle;%5Cn%5Cn%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20height:%2072px;%5Cn%20%20%20%20padding:%200%2016px;%5Cn%20%20%7D%5Cn%5Cn%20%20.logo%20%7B%5Cn%20%20%20%20display:%20block;%5Cn%5Cn%20%20%20%20a%20%7B%5Cn%20%20%20%20%20%20display:%20block;%5Cn%20%20%20%20%20%20width:%20112px;%5Cn%20%20%20%20%20%20aspect-ratio:%2056/23;%5Cn%5Cn%20%20%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20%20%20width:%2080px;%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20img%20%7B%5Cn%20%20%20%20%20%20width:%20100%25;%5Cn%20%20%20%20%20%20height:%20100%25;%5Cn%20%20%20%20%20%20object-fit:%20cover;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.toggle-gnb%20%7B%5Cn%20%20%20%20position:%20relative;%5Cn%20%20%20%20display:%20block;%5Cn%20%20%20%20width:%2032px;%5Cn%20%20%20%20height:%2032px;%5Cn%20%20%20%20color:%20$ayna-default;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20width:%2024px;%5Cn%20%20%20%20%20%20height:%2024px;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.svg%20%7B%5Cn%20%20%20%20%20%20width:%20100%25;%5Cn%20%20%20%20%20%20height:%20100%25;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.toggle-gnb-menu-icon%20%7B%5Cn%20%20%20%20%20%20display:%20block;%5Cn%20%20%20%20%20%20width:%20100%25;%5Cn%20%20%20%20%20%20height:%20100%25;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.toggle-gnb-close-icon%20%7B%5Cn%20%20%20%20%20%20position:%20absolute;%5Cn%20%20%20%20%20%20top:%200;%5Cn%20%20%20%20%20%20left:%200;%5Cn%20%20%20%20%20%20display:%20none;%5Cn%20%20%20%20%20%20width:%20100%25;%5Cn%20%20%20%20%20%20height:%20100%25;%5Cn%5Cn%20%20%20%20%20%20.line%20%7B%5Cn%20%20%20%20%20%20%20%20position:%20absolute;%5Cn%20%20%20%20%20%20%20%20top:%2050%25;%5Cn%20%20%20%20%20%20%20%20left:%2020%25;%5Cn%20%20%20%20%20%20%20%20width:%2060%25;%5Cn%20%20%20%20%20%20%20%20height:%202px;%5Cn%20%20%20%20%20%20%20%20border-radius:%20100px;%5Cn%20%20%20%20%20%20%20%20margin-top:%20-1px;%5Cn%20%20%20%20%20%20%20%20background-color:%20$ayna-default;%5Cn%20%20%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%20%20.line-1%20%7B%5Cn%20%20%20%20%20%20%20%20transform:%20rotate(45deg);%5Cn%20%20%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%20%20.line-2%20%7B%5Cn%20%20%20%20%20%20%20%20transform:%20rotate(-45deg);%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.toggle-gnb.is-open%20%7B%5Cn%20%20%20%20.toggle-gnb-menu-icon%20%7B%5Cn%20%20%20%20%20%20display:%20none;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.toggle-gnb-close-icon%20%7B%5Cn%20%20%20%20%20%20display:%20block;%5Cn%20%20%20%20%7D%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'../../helpers'%20as%20*;%5Cn%5Cn//%20styles%5Cn%23sidebar%20%7B%5Cn%20%20position:%20absolute;%5Cn%20%20z-index:%2025;%5Cn%20%20top:%2096px;%5Cn%20%20right:%200;%5Cn%20%20left:%200;%5Cn%20%20overflow:%20hidden;%5Cn%20%20height:%20calc(100dvh%20-%2096px);%5Cn%20%20opacity:%200;%5Cn%20%20overscroll-behavior:%20none;%5Cn%20%20pointer-events:%20none;%5Cn%20%20transition:%20opacity%200.2s%20ease;%5Cn%5Cn%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20top:%2072px;%5Cn%20%20%20%20height:%20calc(100dvh%20-%2072px);%5Cn%20%20%7D%5Cn%5Cn%20%20&::after%20%7B%5Cn%20%20%20%20position:%20absolute;%5Cn%20%20%20%20z-index:%200;%5Cn%20%20%20%20top:%200;%5Cn%20%20%20%20right:%200;%5Cn%20%20%20%20bottom:%200;%5Cn%20%20%20%20width:%20min(400px,%20calc(100vw%20-%2040px));%5Cn%20%20%20%20background-color:%20$base-white;%5Cn%20%20%20%20content:%20'';%5Cn%20%20%20%20opacity:%200;%5Cn%20%20%20%20pointer-events:%20none;%5Cn%20%20%20%20transform:%20translateX(100%25);%5Cn%20%20%20%20transition:%5Cn%20%20%20%20%20%20transform%200.3s%20ease,%5Cn%20%20%20%20%20%20opacity%200.2s%20ease;%5Cn%20%20%7D%5Cn%5Cn%20%20.sidebar-overlay%20%7B%5Cn%20%20%20%20position:%20absolute;%5Cn%20%20%20%20top:%200;%5Cn%20%20%20%20right:%200;%5Cn%20%20%20%20bottom:%200;%5Cn%20%20%20%20left:%200;%5Cn%20%20%20%20background-color:%20rgba($base-black,%200.3);%5Cn%20%20%7D%5Cn%5Cn%20%20.sidebar-panel%20%7B%5Cn%20%20%20%20position:%20absolute;%5Cn%20%20%20%20z-index:%201;%5Cn%20%20%20%20top:%200;%5Cn%20%20%20%20right:%200;%5Cn%20%20%20%20bottom:%200;%5Cn%20%20%20%20display:%20flex;%5Cn%20%20%20%20width:%20400px;%5Cn%20%20%20%20flex-direction:%20column;%5Cn%20%20%20%20padding:%2048px%2032px;%5Cn%20%20%20%20background-color:%20$base-white;%5Cn%20%20%20%20box-shadow:%20-4px%200%204px%200%20rgba($base-black,%200.1);%5Cn%20%20%20%20gap:%2032px;%5Cn%20%20%20%20-webkit-overflow-scrolling:%20touch;%5Cn%20%20%20%20overflow-y:%20auto;%5Cn%20%20%20%20overscroll-behavior-y:%20contain;%5Cn%20%20%20%20transform:%20translateX(100%25);%5Cn%20%20%20%20transition:%20transform%200.3s%20ease;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20width:%20min(400px,%20calc(100vw%20-%2040px));%5Cn%20%20%20%20%20%20padding:%2024px%2016px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.sidebar-group%20%7B%5Cn%20%20%20%20display:%20flex;%5Cn%20%20%20%20flex-direction:%20column;%5Cn%20%20%20%20gap:%2016px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20gap:%208px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.sidebar-group-title%20%7B%5Cn%20%20%20%20display:%20inline-flex;%5Cn%20%20%20%20width:%20fit-content;%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%20transparent;%5Cn%20%20%20%20border-radius:%2072px;%5Cn%20%20%20%20color:%20$base-white;%5Cn%20%20%20%20font-size:%2016px;%5Cn%20%20%20%20font-weight:%20700;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20padding:%200%2014px;%5Cn%20%20%20%20%20%20border-radius:%2036px;%5Cn%20%20%20%20%20%20font-size:%2014px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.sidebar-group-title--voucher%20%7B%5Cn%20%20%20%20border-color:%20$brand-%EB%B0%94%EC%9A%B0%EC%B2%98-default;%5Cn%20%20%20%20background-color:%20$brand-%EB%B0%94%EC%9A%B0%EC%B2%98-default;%5Cn%20%20%7D%5Cn%5Cn%20%20.sidebar-group-title--renew%20%7B%5Cn%20%20%20%20border-color:%20$ayna-default;%5Cn%20%20%20%20background-color:%20$ayna-default;%5Cn%20%20%7D%5Cn%5Cn%20%20.sidebar-group-title--order%20%7B%5Cn%20%20%20%20border-color:%20$info-default;%5Cn%20%20%20%20background-color:%20$info-default;%5Cn%20%20%7D%5Cn%5Cn%20%20.sidebar-list%20%7B%5Cn%20%20%20%20display:%20flex;%5Cn%20%20%20%20flex-direction:%20column;%5Cn%20%20%20%20padding-left:%208px;%5Cn%20%20%20%20gap:%208px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20padding-left:%204px;%5Cn%20%20%20%20%20%20gap:%204px;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20a%20%7B%5Cn%20%20%20%20%20%20position:%20relative;%5Cn%20%20%20%20%20%20display:%20inline-flex;%5Cn%20%20%20%20%20%20align-items:%20center;%5Cn%20%20%20%20%20%20color:%20$base-black;%5Cn%20%20%20%20%20%20font-size:%2016px;%5Cn%20%20%20%20%20%20font-weight:%20500;%5Cn%5Cn%20%20%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20%20%20font-size:%2014px;%5Cn%20%20%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%20%20&::before%20%7B%5Cn%20%20%20%20%20%20%20%20margin-right:%208px;%5Cn%20%20%20%20%20%20%20%20content:%20'%C2%B7';%5Cn%5Cn%20%20%20%20%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20margin-right:%204px;%5Cn%20%20%20%20%20%20%20%20%7D%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.sidebar-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%20margin-top:%20auto;%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%20gap:%2016px;%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%20%20gap:%208px;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.separator%20%7B%5Cn%20%20%20%20%20%20display:%20block;%5Cn%20%20%20%20%20%20width:%201px;%5Cn%20%20%20%20%20%20height:%2010px;%5Cn%20%20%20%20%20%20background-color:%20rgba($base-black,%200.2);%5Cn%20%20%20%20%20%20content:%20'';%5Cn%5Cn%20%20%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20%20%20height:%208px;%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn%23sidebar.is-open%20%7B%5Cn%20%20opacity:%201;%5Cn%20%20pointer-events:%20auto;%5Cn%5Cn%20%20&::after%20%7B%5Cn%20%20%20%20opacity:%201;%5Cn%20%20%20%20transform:%20translateX(0);%5Cn%20%20%7D%5Cn%5Cn%20%20.sidebar-panel%20%7B%5Cn%20%20%20%20transform:%20translateX(0);%5Cn%20%20%7D%5Cn%7D%5Cn%22,%22//%20use%5Cn@use%20'../../helpers'%20as%20*;%5Cn%5Cn//%20styles%5Cnhtml,%5Cnbody%20%7B%5Cn%20%20background-color:%20$text-subtle;%5Cn%20%20font-family:%20'Pretendard',%20'AppleSDGothicNeo',%20'Noto%20Sans%20KR',%20'Malgun%20Gothic',%20sans-serif;%5Cn%20%20overflow-wrap:%20break-word;%5Cn%20%20word-break:%20keep-all;%5Cn%7D%5Cn%5Cn%23wrap%20%7B%5Cn%20%20@include%20container;%5Cn%20%20position:%20relative;%5Cn%20%20display:%20flex;%5Cn%20%20min-height:%20100dvh;%5Cn%20%20flex-direction:%20column;%5Cn%20%20background-color:%20$base-white;%5Cn%20%20box-shadow:%200%200%2010px%200%20rgba(0,%200,%200,%200.05);%5Cn%7D%5Cn%5Cn%23main%20%7B%5Cn%20%20flex:%201%201%20auto;%5Cn%5Cn%20%20&:has(%23index)%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%7D%5Cn%7D%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,%22//%20use%5Cn@use%20'../../helpers'%20as%20*;%5Cn%5Cn//%20styles%5Cn%23footer%20%7B%5Cn%20%20flex:%200%200%20auto;%5Cn%20%20background-color:%20$ayna-background;%5Cn%20%20color:%20$text-secondary;%5Cn%20%20font-size:%2014px;%5Cn%5Cn%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20font-size:%2012px;%5Cn%20%20%7D%5Cn%5Cn%20%20.info%20%7B%5Cn%20%20%20%20display:%20flex;%5Cn%20%20%20%20flex-direction:%20column;%5Cn%20%20%20%20padding:%2040px%2032px;%5Cn%20%20%20%20gap:%2016px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20padding:%2020px%2016px;%5Cn%20%20%20%20%20%20gap:%2012px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.footer-nav%20%7B%5Cn%20%20%20%20display:%20flex;%5Cn%20%20%20%20flex-wrap:%20wrap;%5Cn%20%20%20%20align-items:%20center;%5Cn%20%20%20%20gap:%2016px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20gap:%2012px;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20a%20%7B%5Cn%20%20%20%20%20%20font-weight:%20500;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.info-toggle%20%7B%5Cn%20%20%20%20display:%20inline-flex;%5Cn%20%20%20%20align-items:%20center;%5Cn%20%20%20%20padding:%200;%5Cn%20%20%20%20color:%20inherit;%5Cn%20%20%20%20gap:%208px;%5Cn%20%20%7D%5Cn%5Cn%20%20.info-toggle-icon%20%7B%5Cn%20%20%20%20display:%20inline-flex;%5Cn%20%20%20%20width:%2016px;%5Cn%20%20%20%20height:%2016px;%5Cn%20%20%20%20align-items:%20center;%5Cn%20%20%20%20justify-content:%20center;%5Cn%20%20%20%20transition:%20transform%200.2s%20ease;%5Cn%5Cn%20%20%20%20.svg%20%7B%5Cn%20%20%20%20%20%20width:%20100%25;%5Cn%20%20%20%20%20%20height:%20100%25;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.info-title%20%7B%5Cn%20%20%20%20font-size:%20inherit;%5Cn%20%20%20%20font-weight:%20700;%5Cn%20%20%7D%5Cn%5Cn%20%20.info-title-text%20%7B%5Cn%20%20%20%20display:%20inline-block;%5Cn%20%20%7D%5Cn%5Cn%20%20.info-list%20%7B%5Cn%20%20%20%20gap:%208px;%5Cn%20%20%20%20grid-template:%201fr%20/%20128px%201fr;%5Cn%5Cn%20%20%20%20&:not(%5Bhidden%5D)%20%7B%5Cn%20%20%20%20%20%20display:%20grid;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20grid-template-columns:%20100px%201fr;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20dt%20%7B%5Cn%20%20%20%20%20%20flex:%200%200%20auto;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20dd%20%7B%5Cn%20%20%20%20%20%20flex:%201%201%20auto;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.copyright%20%7B%5Cn%20%20%20%20padding:%2016px%200;%5Cn%20%20%20%20border-top:%201px%20solid%20$text-subtle;%5Cn%20%20%20%20text-align:%20center;%5Cn%5Cn%20%20%20%20strong%20%7B%5Cn%20%20%20%20%20%20font-weight:%20700;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20&.is-open%20%7B%5Cn%20%20%20%20.info-toggle-icon%20%7B%5Cn%20%20%20%20%20%20transform:%20rotate(0deg);%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20&:not(.is-open)%20%7B%5Cn%20%20%20%20.info-toggle-icon%20%7B%5Cn%20%20%20%20%20%20transform:%20rotate(180deg);%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%5Cn%22,%22//%20use%5Cn@use%20'../../helpers'%20as%20*;%5Cn%5Cn//%20styles%5Cn.common-title%20%7B%5Cn%20%20display:%20flex;%5Cn%20%20align-items:%20flex-start;%5Cn%20%20color:%20$ayna-default;%5Cn%20%20font-weight:%20700;%5Cn%20%20gap:%202px;%5Cn%5Cn%20%20&--center%20%7B%5Cn%20%20%20%20justify-content:%20center;%5Cn%20%20%7D%5Cn%5Cn%20%20&--right%20%7B%5Cn%20%20%20%20justify-content:%20flex-end;%5Cn%20%20%7D%5Cn%5Cn%20%20.svg%20%7B%5Cn%20%20%20%20width:%2010px;%5Cn%20%20%20%20height:%2010px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20width:%208px;%5Cn%20%20%20%20%20%20height:%208px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20//%20h2%5Cn%20%20@at-root%20h2.common-title%20%7B%5Cn%20%20%20%20font-size:%2020px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20font-size:%2018px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%5Cn%22%5D%7D */