@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/* noto-sans-kr-regular - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url("../assets/fonts/noto-sans-kr-v36-korean_latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-500 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url("../assets/fonts/noto-sans-kr-v36-korean_latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-600 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 600;
  src: url("../assets/fonts/noto-sans-kr-v36-korean_latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-700 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url("../assets/fonts/noto-sans-kr-v36-korean_latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-800 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 800;
  src: url("../assets/fonts/noto-sans-kr-v36-korean_latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-900 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src: url("../assets/fonts/noto-sans-kr-v36-korean_latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

::before,
::after {
  --tw-content: "";
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Noto Sans KR", Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

body {
  margin: 0;
  line-height: inherit;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp,
pre {
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

button:focus {
  outline: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
}

button,
[role=button] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

img,
video {
  max-width: 100%;
  height: auto;
}

[hidden] {
  display: none;
}

pre {
  white-space: pre-wrap;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type=number] {
  -moz-appearance: textfield;
}

.blind {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}

.components {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10rem;
}
.components-title {
  margin: 1rem 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.6;
}
.components-select {
  padding: 1rem;
}
.components.components-modal .modal {
  display: block;
}

.hidden--pc {
  display: none;
}

/* 로딩 스피너 */
.loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.loading.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #007bff;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media (max-width: 1024px) {
  .hidden--pc {
    display: block;
  }
}
.btn {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn:not(.btn--task, .btn--testFinal, .btn--testFile, .btn--status) span {
  display: inline-block;
  position: relative;
}
.btn:not(.btn--task, .btn--testFinal, .btn--testFile, .btn--status) span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.btn.bd-radius--square {
  border-radius: 4px;
}
.btn.bd-radius--square.size--s {
  padding: 0.75rem 4rem;
}
.btn.bd-radius--square.size--m {
  padding: 1rem 5rem;
}
.btn.bd-radius--square.ico {
  padding-left: 7rem;
}
.btn.bd-radius--circle {
  border-radius: 50px;
}
.btn.bd-radius--circle.size--s {
  padding: 0.25rem 1.25rem;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.btn.bd-radius--circle.size--m {
  padding: 12px 40px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.btn.bd-radius--circle.ico span {
  padding-right: 2.125rem;
}
.btn.cover__all {
  color: #ff5f1b;
  background-color: #fff;
  border: 1px solid #ff5f1b;
}
.btn.cover__all:hover {
  color: #fff;
  background-color: #ff5f1b;
  border: 1px solid #ff5f1b;
}
.btn.cover__bg {
  color: #fff;
  background-color: #ff5f1b;
  border: 1px solid #ff5f1b;
}
.btn.cover__bg:hover {
  color: #ff5f1b;
  background-color: #fffaf0;
  border: 1px solid #fffaf0;
}
.btn.cover__bg--primary {
  color: #fff;
  background-color: #ff5f1b;
  border: 1px solid #ff5f1b;
}
.btn.cover__bg--primary:hover {
  color: #fff;
  background-color: #032a5d;
  border: 1px solid #032a5d;
}
.btn.cover__bg--white {
  color: #ff5f1b;
  background-color: #fff;
  border: 1px solid #fff;
}
.btn.cover__bg--white:hover {
  color: #fff;
  background-color: #ff5f1b;
  border: 1px solid #ff5f1b;
}
.btn.cover__bg--red {
  color: #fff;
  background-color: #ee0000;
  border: 1px solid #ee0000;
}
.btn.cover__bg--red:hover {
  color: #fff;
  background-color: #ec4741;
  border: 1px solid #ec4741;
}
.btn.cover__bg--navy {
  color: #fff;
  background-color: #0d3050;
  border: 1px solid #0d3050;
}
.btn.cover__bg--navy:hover {
  color: #fff;
  background-color: #165997;
  border: 1px solid #165997;
}
.btn.cover__bg--blue {
  color: #111;
  background-color: #b2c9df;
  border: 1px solid #b2c9df;
}
.btn.cover__bg--blue:hover {
  color: #fff;
  background-color: #7195b5;
  border: 1px solid #7195b5;
}
.btn.cover__bg--gray {
  color: #111;
  background-color: #eae8e8;
  border: 1px solid #eae8e8;
}
.btn.cover__bg--gray:hover {
  color: #111;
  background-color: #cdcdcd;
  border: 1px solid #cdcdcd;
}
.btn.cover__line {
  color: #ff5f1b;
  background-color: #fff;
  border: 1px solid #ff5f1b;
}
.btn.cover__line:hover {
  color: #ff5f1b;
  background-color: #fffaf0;
  border: 1px solid #ff5f1b;
}
.btn.cover__line--navy {
  color: #c2c2c2;
  background-color: #fff;
  border: 1px solid #c2c2c2;
}
.btn.cover__line--navy:hover {
  color: #0d3050;
  background-color: #fff;
  border: 1px solid #0d3050;
}
.btn.cover__line--primary {
  color: #ff5f1b;
  background-color: #fff;
  border: 1px solid #ff5f1b;
}
.btn.cover__line--primary:hover {
  color: #ff5f1b;
  background-color: #fff;
  border: 1px solid #ff5f1b;
}
.btn.ico--phone span::before {
  left: -2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23ff5f1b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.865 1h-7.73a3.568 3.568 0 0 0-3.567 3.568v14.865A3.568 3.568 0 0 0 8.134 23h7.73a3.568 3.568 0 0 0 3.568-3.567V4.568A3.568 3.568 0 0 0 15.865 1ZM10.81 18.838h2.38'/%3E%3C/svg%3E");
}
.btn.ico--phone:hover span::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.865 1h-7.73a3.568 3.568 0 0 0-3.567 3.568v14.865A3.568 3.568 0 0 0 8.134 23h7.73a3.568 3.568 0 0 0 3.568-3.567V4.568A3.568 3.568 0 0 0 15.865 1ZM10.81 18.838h2.38'/%3E%3C/svg%3E");
}
.btn.ico--lock span::before {
  left: -2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23ff5f1b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M7 9.556H4.5a2.53 2.53 0 0 0-1.768.716A2.417 2.417 0 0 0 2 12v8.556c0 .648.263 1.27.732 1.728A2.529 2.529 0 0 0 4.5 23h15a2.53 2.53 0 0 0 1.768-.716c.469-.458.732-1.08.732-1.728V12c0-.648-.263-1.27-.732-1.729a2.53 2.53 0 0 0-1.768-.715H17m-10 0V5.889c0-1.297.527-2.54 1.464-3.457A5.058 5.058 0 0 1 12 1c1.326 0 2.598.515 3.536 1.432A4.834 4.834 0 0 1 17 5.889v3.667m-10 0h10m-5 4.888v3.667'/%3E%3C/svg%3E");
}
.btn.ico--lock:hover span::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M7 9.556H4.5a2.53 2.53 0 0 0-1.768.716A2.417 2.417 0 0 0 2 12v8.556c0 .648.263 1.27.732 1.728A2.529 2.529 0 0 0 4.5 23h15a2.53 2.53 0 0 0 1.768-.716c.469-.458.732-1.08.732-1.728V12c0-.648-.263-1.27-.732-1.729a2.53 2.53 0 0 0-1.768-.715H17m-10 0V5.889c0-1.297.527-2.54 1.464-3.457A5.058 5.058 0 0 1 12 1c1.326 0 2.598.515 3.536 1.432A4.834 4.834 0 0 1 17 5.889v3.667m-10 0h10m-5 4.888v3.667'/%3E%3C/svg%3E");
}
.btn.ico--cart span::before {
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23ff5f1b' d='M21.822 7.431A1 1 0 0 0 21 7H7.333L6.179 4.23A1.99 1.99 0 0 0 4.333 3H2v2h2.333l4.744 11.385A1 1 0 0 0 10 17h8c.417 0 .79-.259.937-.648l3-8a1 1 0 0 0-.115-.921ZM17.307 15h-6.64l-2.5-6h11.39l-2.25 6ZM10.5 21a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM17.5 21a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
}
.btn.ico--testFile:hover .inner-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23FDB515' stroke-linecap='round' stroke-linejoin='round' d='M7 7h3m-3 5.25h9m-9 3h9m-9 3h3M5.5 22h12a1.5 1.5 0 0 0 1.5-1.5V4a1.5 1.5 0 0 0-1.5-1.5h-12A1.5 1.5 0 0 0 4 4v16.5A1.5 1.5 0 0 0 5.5 22Z'/%3E%3Cpath stroke='%23FDB515' d='M16 7.375a.375.375 0 1 0 0-.75.375.375 0 0 0 0 .75Z'/%3E%3C/svg%3E");
}
.btn.ico--testFile .inner-box {
  position: relative;
}
.btn.ico--testFile .inner-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.btn.ico--testFile .inner-box::before {
  left: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M7 7h3m-3 5.25h9m-9 3h9m-9 3h3M5.5 22h12a1.5 1.5 0 0 0 1.5-1.5V4a1.5 1.5 0 0 0-1.5-1.5h-12A1.5 1.5 0 0 0 4 4v16.5A1.5 1.5 0 0 0 5.5 22Z'/%3E%3Cpath stroke='%23000' d='M16 7.375a.375.375 0 1 0 0-.75.375.375 0 0 0 0 .75Z'/%3E%3C/svg%3E");
}
.btn.ico--task:hover .inner-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23FDB515' stroke-linecap='round' stroke-linejoin='round' d='M16 3.538h2.4c.425 0 .832.163 1.132.451.3.289.468.68.468 1.088v15.385c0 .408-.168.799-.468 1.087-.3.289-.707.451-1.132.451H5.6c-.424 0-.831-.162-1.131-.45-.3-.29-.469-.68-.469-1.088V5.077c0-.408.169-.8.469-1.088.3-.288.707-.45 1.131-.45H8'/%3E%3Cpath stroke='%23FDB515' stroke-linecap='round' stroke-linejoin='round' d='m12.724 14.82 4 3.846m.003-3.846-4 3.846M14.401 2H9.6c-.425 0-.832.162-1.132.45-.3.29-.468.68-.468 1.088v.77c0 .408.168.799.468 1.088.3.288.707.45 1.132.45h4.8c.424 0 .83-.162 1.13-.45.301-.289.47-.68.47-1.088v-.77c0-.408-.169-.799-.47-1.087-.3-.289-.706-.451-1.13-.451Zm-7.127 8.774c0 .51.21.999.586 1.36.375.36.884.563 1.414.563.53 0 1.04-.203 1.414-.563.375-.361.586-.85.586-1.36 0-.51-.21-1-.586-1.36a2.041 2.041 0 0 0-1.414-.563c-.53 0-1.039.202-1.414.563-.375.36-.586.85-.586 1.36Z'/%3E%3C/svg%3E");
}
.btn.ico--task .inner-box {
  position: relative;
}
.btn.ico--task .inner-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.btn.ico--task .inner-box::before {
  left: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M16 3.538h2.4c.425 0 .832.163 1.132.451.3.289.468.68.468 1.088v15.385c0 .408-.168.799-.468 1.087-.3.289-.707.451-1.132.451H5.6c-.424 0-.831-.162-1.131-.45-.3-.29-.469-.68-.469-1.088V5.077c0-.408.169-.8.469-1.088.3-.288.707-.45 1.131-.45H8'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m12.724 14.82 4 3.846m.003-3.846-4 3.846M14.401 2H9.6c-.425 0-.832.162-1.132.45-.3.29-.468.68-.468 1.088v.77c0 .408.168.799.468 1.088.3.288.707.45 1.132.45h4.8c.424 0 .83-.162 1.13-.45.301-.289.47-.68.47-1.088v-.77c0-.408-.169-.799-.47-1.087-.3-.289-.706-.451-1.13-.451Zm-7.127 8.774c0 .51.21.999.586 1.36.375.36.884.563 1.414.563.53 0 1.04-.203 1.414-.563.375-.361.586-.85.586-1.36 0-.51-.21-1-.586-1.36a2.041 2.041 0 0 0-1.414-.563c-.53 0-1.039.202-1.414.563-.375.36-.586.85-.586 1.36Z'/%3E%3C/svg%3E");
}
.btn.ico--testFinal:hover .inner-box::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23FDB515' d='m7.462 17.272 8.79-12.953a.695.695 0 0 1 .444-.306.664.664 0 0 1 .521.115.698.698 0 0 1 .284.466.729.729 0 0 1-.127.535l-9.196 13.55a.695.695 0 0 1-.453.294.664.664 0 0 1-.52-.133l-4.931-3.815a.7.7 0 0 1-.267-.465.723.723 0 0 1 .13-.524.67.67 0 0 1 .959-.141l4.366 3.377Zm9.744-6.75a.674.674 0 0 1-.485-.207.718.718 0 0 1 0-.999.674.674 0 0 1 .485-.207h4.11c.18 0 .355.075.483.207a.718.718 0 0 1 0 1 .675.675 0 0 1-.484.206h-4.11Zm-2.74 4.24a.675.675 0 0 1-.485-.208.718.718 0 0 1 0-.999.675.675 0 0 1 .485-.207h6.848c.181 0 .356.074.484.207.129.133.2.312.2.5a.718.718 0 0 1-.2.5.674.674 0 0 1-.484.206h-6.848ZM11.726 19a.675.675 0 0 1-.484-.207.718.718 0 0 1 0-1 .675.675 0 0 1 .484-.206h9.588c.181 0 .356.075.484.207.129.132.2.312.2.5a.718.718 0 0 1-.2.5.674.674 0 0 1-.484.206h-9.588Z'/%3E%3C/svg%3E");
}
.btn.ico--testFinal .inner-box {
  position: relative;
}
.btn.ico--testFinal .inner-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.btn.ico--testFinal .inner-box::before {
  left: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23000' d='m7.462 17.272 8.79-12.953a.695.695 0 0 1 .444-.306.664.664 0 0 1 .521.115.698.698 0 0 1 .284.466.729.729 0 0 1-.127.535l-9.196 13.55a.695.695 0 0 1-.453.294.664.664 0 0 1-.52-.133l-4.931-3.815a.7.7 0 0 1-.267-.465.723.723 0 0 1 .13-.524.67.67 0 0 1 .959-.141l4.366 3.377Zm9.744-6.75a.674.674 0 0 1-.485-.207.718.718 0 0 1 0-.999.674.674 0 0 1 .485-.207h4.11c.18 0 .355.075.483.207a.718.718 0 0 1 0 1 .675.675 0 0 1-.484.206h-4.11Zm-2.74 4.24a.675.675 0 0 1-.485-.208.718.718 0 0 1 0-.999.675.675 0 0 1 .485-.207h6.848c.181 0 .356.074.484.207.129.133.2.312.2.5a.718.718 0 0 1-.2.5.674.674 0 0 1-.484.206h-6.848ZM11.726 19a.675.675 0 0 1-.484-.207.718.718 0 0 1 0-1 .675.675 0 0 1 .484-.206h9.588c.181 0 .356.075.484.207.129.132.2.312.2.5a.718.718 0 0 1-.2.5.674.674 0 0 1-.484.206h-9.588Z'/%3E%3C/svg%3E");
}
.btn--status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
}
.btn--status .inner-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0.75rem 1rem 0.75rem 3rem;
}
.btn--status [role=title] {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.btn--status [role=status] {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  color: #b4b4b4;
}
.btn--status [role=record] {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #b4b4b4;
}
.btn--status:hover, .btn--status.is-active {
  background-color: #fffaf0;
}
.btn--status:hover [role=title], .btn--status.is-active [role=title] {
  color: #fdb515;
}
.btn--status:hover [role=status]:not(:last-child), .btn--status.is-active [role=status]:not(:last-child) {
  color: #d32f2f;
}
.btn--submit {
  padding: 1.188rem 3.063rem;
}
.btn-list {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
}
.btn-list__item {
  width: 54px;
  height: 38px;
}
.btn-list__item + .btn-list__item {
  border-left: 1px solid #c2c2c2;
}
.btn-list__item .btn {
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.btn-list__item:hover .btn, .btn-list__item.is-active .btn {
  background-color: #eae8e8;
}
.btn--menu {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000000' d='M3 6h18v2H3V6Zm0 5h18v2H3v-2Zm0 5h18v2H3v-2Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 1024px) {
  .btn.bd-radius--circle.size--m {
    padding: 0.75rem 2.25rem;
  }
}
input:-internal-autofill-selected {
  background-color: transparent !important;
  background-image: none !important;
  color: inherit !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px transparent inset !important;
  -webkit-text-fill-color: inherit !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.inputGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.inputGroup label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 185px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.inputGroup label[for=input--address] {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.inputGroup label[for=input--pwd] {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.inputGroup label[for=input--period] {
  width: 43px;
  font-size: 14px;
  font-weight: 700;
}
.inputGroup input {
  width: 100%;
  padding: 0.438rem 1rem;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
}
.inputGroup input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.inputGroup input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.inputGroup input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.inputGroup input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.inputGroup input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.inputGroup input:focus-within {
  outline: 1px solid #c2c2c2;
}
.inputGroup .input:focus-within {
  outline: 1px solid #c2c2c2;
}
.inputGroup .sub {
  display: inline-block;
  margin-left: 0.5rem;
}
.inputGroup .sub__text {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.5);
}
.inputGroup #input--birth {
  max-width: 10.5rem;
}
.inputGroup #input--phone, .inputGroup #input--phone-direct, .inputGroup #input--phone-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.983rem;
}
.inputGroup #input--phone input, .inputGroup #input--phone-direct input, .inputGroup #input--phone-cell input {
  width: 100%;
  padding: 0.438rem 1rem;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.inputGroup #input--phone .dash, .inputGroup #input--phone-direct .dash, .inputGroup #input--phone-cell .dash {
  color: rgba(0, 0, 0, 0.5);
}
.inputGroup #input--address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.inputGroup #input--address .input {
  width: 100%;
}
.inputGroup #input--address .input:first-child {
  width: 10.5rem;
}
.inputGroup #input--pwd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.inputGroup #input--period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.813rem;
  width: 100%;
}
.inputGroup #input--period .dash {
  color: #c2c2c2;
}
.inputGroup .alert--text {
  position: absolute;
  bottom: 0;
  left: 8px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #ff5f1b;
}

.table__title {
  margin-top: 16px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.table__title + .table {
  margin-top: 4px;
}

textarea {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}

.textArea {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.textArea textarea {
  padding: 0.25rem 0.5rem;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.textArea textarea::-webkit-input-placeholder {
  color: #c2c2c2;
}
.textArea textarea::-moz-placeholder {
  color: #c2c2c2;
}
.textArea textarea:-ms-input-placeholder {
  color: #c2c2c2;
}
.textArea textarea::-ms-input-placeholder {
  color: #c2c2c2;
}
.textArea textarea::placeholder {
  color: #c2c2c2;
}
.textArea textarea:focus-within {
  outline: 1px solid #c2c2c2;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.688rem;
}
.pagination__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
}
.pagination__item:first-child, .pagination__item:last-child {
  color: #c2c2c2;
}
.pagination__item.is-active:not(:first-child, :last-child) {
  color: #ff5f1b;
}

.depth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}
.depth__item {
  position: relative;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #c2c2c2;
}
.depth__item + .depth__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -14px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 6px;
  height: 8px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23c2c2c2' d='M8 7.06 9.06 6l5.78 5.777a.997.997 0 0 1 0 1.413l-5.78 5.78L8 17.91l5.425-5.425L8 7.06Z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.depth__item.is-active {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}
.depth__item.is-active::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%238f8f8f' d='M8 7.06 9.06 6l5.78 5.777a.997.997 0 0 1 0 1.413l-5.78 5.78L8 17.91l5.425-5.425L8 7.06Z'/%3E%3C/svg%3E");
}
.depth__item:first-child {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' stroke='%23c2c2c2' stroke-linejoin='bevel' stroke-width='1.5' d='m11.5 6-5.207 4.62V18h3.8v-3.867h2.813V18h3.8v-7.38L11.5 6Z'/%3E%3Cpath stroke='%23c2c2c2' stroke-linejoin='bevel' stroke-width='1.5' d='M18 11.773 11.5 6 5 11.773'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.card {
  overflow: hidden;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 298px;
  height: 378px;
  border-radius: 10px;
  border: 1px solid #eae8e8;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
.card__thumbnail {
  width: 100%;
  height: 169px;
  background-color: #032a5d;
}
.card__content {
  padding: 16px;
}
.card__tag {
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.card__tag .tag__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card__title {
  margin-top: 4px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 8px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #7a7a7a;
}
.card__info .info__wrap:only-child {
  margin-top: 5px;
}
.card__info .info__wrap:not(:only-child):last-child {
  margin-top: 20px;
}
.card__info .info__wrap:not(:only-child):last-child .info__title {
  margin-bottom: 14px;
}
.card__info .info__title {
  display: inline-block;
  margin-right: 20px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.card__info .info__price {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #032a5d;
}
.card__info .info__item {
  display: grid;
  grid-template-columns: 123px 1fr;
  gap: 32px;
}
.card__info .info__item--title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #7a7a7a;
}
.card__info .info__item--price {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #7879b9;
}
.card__option {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.card__option .btn__group {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(transparent));
  background-image: linear-gradient(to top, #fff, transparent);
}
.card__option .btn--up {
  width: 100%;
  height: 24px;
  padding: 7px 0 5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23ff5f1b' d='m19 17.95-7-5-7 5V15.5l7-5 7 5v2.45ZM19 12l-7-5-7 5V9.55l7-5 7 5V12Z'/%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.card__option .btn--up:active {
  -webkit-tap-highlight-color: transparent;
}
.card__option--cart {
  height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card__option--cart .btn {
  padding: 20px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.card__option--cart .btn__group {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.card__option--cart .btn--cart {
  color: #ff5f1b;
  background-color: #fff;
}
.card__option--cart .btn--register {
  color: #fff;
  background-color: #ff5f1b;
}
.card__option.is-active {
  bottom: 0;
}
.card__option.is-active .btn--up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.card__option.is-active .card__option--cart {
  height: 64px;
  opacity: 1;
}

.cardReview {
  display: grid;
  grid-template-columns: 184px 1fr;
  gap: 124px;
}
.cardReview .review__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding-top: 31px;
}
.cardReview .review__header strong {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.cardReview .review__header p {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  color: #fff;
}
.cardReview .review__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.cardReview .review__item {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  width: 221px;
  padding: 25px 20px;
  height: 331px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
}
.cardReview .review__item .item__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.cardReview .review__item .item__desc {
  overflow-y: auto;
  max-height: 190px;
  height: 100%;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.cardReview .review__item .item__rating {
  position: relative;
  width: 120px;
  height: 24px;
}
.cardReview .review__item .item__rating::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../dist/assets/images/rating_after.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cardReview .review__item .item__rating.star-0::before {
  width: "0%";
}
.cardReview .review__item .item__rating.star-5::before {
  width: "10%";
}
.cardReview .review__item .item__rating.star-10::before {
  width: "20%";
}
.cardReview .review__item .item__rating.star-15::before {
  width: "30%";
}
.cardReview .review__item .item__rating.star-20::before {
  width: "40%";
}
.cardReview .review__item .item__rating.star-25::before {
  width: "50%";
}
.cardReview .review__item .item__rating.star-30::before {
  width: "60%";
}
.cardReview .review__item .item__rating.star-35::before {
  width: "70%";
}
.cardReview .review__item .item__rating.star-40::before {
  width: "80%";
}
.cardReview .review__item .item__rating.star-45::before {
  width: "90%";
}
.cardReview .review__item .item__rating.star-50::before {
  width: "100%";
}

@media (max-width: 768px) {
  .cardReview {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .cardReview .review__header {
    padding-top: 20px;
  }
  .cardReview .review__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.csCenter .notice__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 18px;
}
.csCenter .notice__header .btn--more {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.csCenter .notice__content {
  overflow-y: auto;
  height: 240px;
}
.csCenter .notice__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}
.csCenter .notice__link {
  display: block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.csCenter .support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: url("../dist/assets/images/ico_csCenter.svg");
  background-repeat: no-repeat;
  background-position: top 0 right 0;
  background-size: 130px 130px;
}
.csCenter .support__header {
  margin-bottom: 14px;
}
.csCenter .support__header:not(:first-child) {
  margin-top: 40px;
  margin-bottom: 0;
}
.csCenter .support__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
}
.csCenter .support__content dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
}
.csCenter .support__content dl dt,
.csCenter .support__content dl dd {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.csCenter .support__content strong {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.6;
}
.csCenter .support__content p {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.csCenter .support__content:not(:first-child) p {
  margin-top: 7px;
}

.checkbox {
  position: relative;
  display: inline-block;
}
.checkbox .ico--check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 0.5rem;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox input[type=checkbox] + label .checkbox-custom {
  background-color: #e31e26;
  border-color: #e31e26;
}
.checkbox input[type=checkbox]:checked + label .ico--check::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Crect width='20' height='20' fill='%23ff5f1b' rx='4'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m16.333 5-9.166 9.167L3 10'/%3E%3C/svg%3E");
}
.checkbox label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  cursor: pointer;
}

.radio {
  position: relative;
  display: inline-block;
}
.radio .ico--radio {
  width: 20px;
  height: 20px;
  border: 1px solid #0d3050;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.radio input[type=radio]:checked + label .ico--radio {
  position: relative;
  background-color: #fff;
}
.radio input[type=radio]:checked + label .ico--radio::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background-color: #0d3050;
  border-radius: 50%;
}
.radio label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  cursor: pointer;
}
.radio.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.radio.disabled .ico--radio {
  border-color: #7a7a7a;
}
.radio__toggle {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.radio__toggle .toggle__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.radio__toggle .toggle__input:checked + .toggle__label .ico--toggle {
  background-color: #0d3050;
}
.radio__toggle .toggle__input:checked + .toggle__label .ico--toggle:after {
  -webkit-transform: translateX(12px);
          transform: translateX(12px);
}
.radio__toggle .toggle__input:checked + .toggle__label .toggle__text {
  color: #111;
}
.radio__toggle .toggle__input:checked + .toggle__label:hover .ico--toggle {
  background-color: #165997;
}
.radio__toggle .toggle__label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 36px;
  cursor: pointer;
}
.radio__toggle .toggle__label .ico--toggle {
  position: absolute;
  left: 0;
  width: 28px;
  height: 16px;
  background-color: #aeaeae;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.radio__toggle .toggle__label .ico--toggle:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.radio__toggle .toggle__label .toggle__text {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #aeaeae;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.radio__toggle .toggle__label:hover .ico--toggle {
  background-color: #c2c2c2;
}

.select {
  position: relative;
  width: 100%;
}
.select__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0.625rem 0.75rem;
  text-align: right;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
}
.select__value {
  width: 100%;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #c2c2c2;
}
.select .ico {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
}
.select .ico--arrow-down {
  position: relative;
}
.select .ico--arrow-down::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 1rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.select .ico--arrow-down::before {
  left: auto;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%23c2c2c2' fill-rule='evenodd' d='M2.646 6.285a.522.522 0 0 1 .708 0L8 10.658l4.646-4.373a.522.522 0 0 1 .708 0 .451.451 0 0 1 0 .665l-5 4.706a.523.523 0 0 1-.708 0l-5-4.706a.451.451 0 0 1 0-.665Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.select__options-list {
  display: none;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 200px;
  background-color: #fff;
}
.select__option {
  padding: 0.625rem 2.25rem;
  text-align: right;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  cursor: pointer;
}
.select__option:hover {
  background-color: #f5f5f5;
}
.select.active .select__options-list {
  display: block;
  margin-top: 0.5rem;
  border-radius: 4px;
  border: 1px solid #c2c2c2;
}
.select.active .ico--arrow-down::before {
  -webkit-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
}

.circle_progress_wrap {
  position: relative;
  width: 254px;
  height: 218px;
  padding: 30px 48px;
  border: 1px solid #ededed;
  border-radius: 8px;
}

.circle_progress {
  -webkit-transform: rotate(90deg) scale(-1, 1);
          transform: rotate(90deg) scale(-1, 1);
}

.frame,
.bar {
  fill: none;
}

.frame {
  stroke: #f5f5f5;
}

.bar {
  stroke: #ff5f1b;
  stroke-linecap: round;
}

.value {
  position: absolute;
  top: 54%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.6;
}

.timer--label {
  position: absolute;
  top: 35%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}

.main-slide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.main-slide::before {
  content: "";
  position: absolute;
  left: -200px;
  bottom: -200px;
  width: 400px;
  height: 400px;
  background-size: cover;
  background-position: center;
  opacity: 0.1;
}
.main-slide::after {
  content: "";
  position: absolute;
  right: -200px;
  top: -200px;
  width: 400px;
  height: 400px;
  background-size: cover;
  background-position: center;
  opacity: 0.1;
}
.main-slide .swiper {
  width: 100%;
  height: 100%;
}
.main-slide .swiper-slide {
  width: 100%;
  height: 100%;
}
.main-slide .swiper-slide .slide-content {
  width: 100%;
  height: 100%;
}
.main-slide .swiper-slide .slide-content .card-image {
  width: 100%;
  height: 100%;
}
.main-slide .swiper-slide .slide-content .card-image picture {
  width: 100%;
  height: 100%;
  display: block;
}
.main-slide .swiper-slide .slide-content .card-image picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-slide .slide-progress {
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  height: 52px;
  padding: 0 34px 0 38px;
  font-size: 14px;
  z-index: 10;
  background-color: #fff;
  border-top-left-radius: 16px;
}
.main-slide .slide-progress .corner {
  overflow: hidden;
  position: absolute;
  width: 34px;
  height: 34px;
}
.main-slide .slide-progress .corner.corner-left {
  bottom: -2px;
  left: -34px;
}
.main-slide .slide-progress .corner.corner-left::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  background-color: #fff;
  -webkit-clip-path: path("M34 34 L0 34 L0 0 C5 5, -7 40, 34 34");
          clip-path: path("M34 34 L0 34 L0 0 C5 5, -7 40, 34 34");
}
.main-slide .slide-progress .corner.corner-right {
  top: -33px;
  right: 0;
}
.main-slide .slide-progress .corner.corner-right::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  background-color: #fff;
  -webkit-clip-path: path("M34 34 L0 34 L0 0 C5 5, -7 40, 34 34");
          clip-path: path("M34 34 L0 34 L0 0 C5 5, -7 40, 34 34");
}
.main-slide .slide-progress .current,
.main-slide .slide-progress .total {
  min-width: 10px;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
}
.main-slide .slide-progress .progress-bar {
  width: 100px;
  height: 3px;
  background-color: #eae8e8;
  position: relative;
}
.main-slide .slide-progress .progress-bar .progress-segment {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #eae8e8;
  border-radius: 30px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.main-slide .slide-progress .progress-bar .progress-segment.active {
  background-color: #c2c2c2;
}
.main-slide .slide-bg {
  background-image: url("../dist/assets/images/img_mainSlide_01.png");
  background-size: cover;
  background-position: center;
}
.main-slide .slide-bg-relative {
  background-image: url("../../dist/assets/images/img_mainSlide_02.png");
  background-size: cover;
  background-position: center;
}

@media (max-width: 768px) {
  .slide-progress {
    bottom: 20px;
  }
  .slide-progress .progress-bar {
    width: 120px;
  }
}
.section--quickMenu {
  background-color: #f2f4f7;
}

.quick-menu .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  max-width: 1220px;
  margin: 0 auto;
  padding: 16px 0;
}
.quick-menu .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 140px;
  height: 140px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #032a5d;
}
.quick-menu .menu {
  display: grid;
  grid-template-columns: repeat(6, 140px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.quick-menu .menu__item {
  height: 140px;
}
.quick-menu .menu__item:nth-child(1) {
  background-size: 48px;
}
.quick-menu .menu__item:nth-child(1) .menu__link--text {
  min-width: 49px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='48' viewBox='0 0 49 48' fill='none'%3E%3Cpath d='M33.5 40C35.4333 40 37.0833 39.3167 38.45 37.95C39.8167 36.5833 40.5 34.9333 40.5 33V29H26.5V33C26.5 34.9333 27.1833 36.5833 28.55 37.95C29.9167 39.3167 31.5667 40 33.5 40ZM26.512 27H32.5V20.108C30.7467 20.3467 29.322 21.1107 28.226 22.4C27.13 23.6893 26.5587 25.2227 26.512 27ZM34.5 27H40.488C40.4427 25.2227 39.872 23.6893 38.776 22.4C37.68 21.1107 36.2547 20.3467 34.5 20.108V27ZM33.508 42C31 42 28.8713 41.1273 27.122 39.382C25.374 37.6353 24.5 35.508 24.5 33V27C24.5 24.4907 25.372 22.3633 27.116 20.618C28.86 18.8727 30.986 18 33.494 18C36.002 18 38.13 18.8727 39.878 20.618C41.626 22.3633 42.5 24.4907 42.5 27V33C42.5 35.5093 41.628 37.6367 39.884 39.382C38.14 41.1273 36.016 42 33.508 42ZM9.73 38C8.81 38 8.04134 37.692 7.424 37.076C6.80667 36.46 6.49867 35.6907 6.5 34.768V13.232C6.5 12.3107 6.80867 11.542 7.426 10.926C8.04334 10.31 8.81134 10.0013 9.73 10H41.5C41.784 10 42.0213 10.096 42.212 10.288C42.4027 10.48 42.4987 10.718 42.5 11.002C42.5013 11.286 42.4053 11.5233 42.212 11.714C42.0187 11.9047 41.7813 12 41.5 12H9.732C9.372 12 9.07667 12.1153 8.846 12.346C8.61534 12.5767 8.5 12.872 8.5 13.232V34.77C8.5 35.1287 8.61534 35.4233 8.846 35.654C9.07667 35.8847 9.372 36 9.732 36H18.74C19.024 36 19.2613 36.096 19.452 36.288C19.6427 36.48 19.7387 36.718 19.74 37.002C19.7413 37.286 19.6453 37.5233 19.452 37.714C19.2587 37.9047 19.0213 38 18.74 38H9.73Z' fill='%23111111'/%3E%3Cpath d='M33.5 40C35.4333 40 37.0833 39.3167 38.45 37.95C39.8167 36.5833 40.5 34.9333 40.5 33V29H26.5V33C26.5 34.9333 27.1833 36.5833 28.55 37.95C29.9167 39.3167 31.5667 40 33.5 40ZM26.512 27H32.5V20.108C30.7467 20.3467 29.322 21.1107 28.226 22.4C27.13 23.6893 26.5587 25.2227 26.512 27ZM34.5 27H40.488C40.4427 25.2227 39.872 23.6893 38.776 22.4C37.68 21.1107 36.2547 20.3467 34.5 20.108V27ZM33.508 42C31 42 28.8713 41.1273 27.122 39.382C25.374 37.6353 24.5 35.508 24.5 33V27C24.5 24.4907 25.372 22.3633 27.116 20.618C28.86 18.8727 30.986 18 33.494 18C36.002 18 38.13 18.8727 39.878 20.618C41.626 22.3633 42.5 24.4907 42.5 27V33C42.5 35.5093 41.628 37.6367 39.884 39.382C38.14 41.1273 36.016 42 33.508 42Z' fill='%23FF5F1B'/%3E%3C/svg%3E");
}
.quick-menu .menu__item:nth-child(1):hover {
  background-color: #ff5f1b;
  border-radius: 12px;
  border-radius: 12px;
  background-color: "primary";
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
.quick-menu .menu__item:nth-child(1):hover .menu__link--text {
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='49' viewBox='0 0 48 49' fill='none'%3E%3Cpath d='M33 40.864C34.9333 40.864 36.5833 40.1807 37.95 38.814C39.3167 37.4473 40 35.7973 40 33.864V29.864H26V33.864C26 35.7973 26.6833 37.4473 28.05 38.814C29.4167 40.1807 31.0667 40.864 33 40.864ZM26.012 27.864H32V20.972C30.2467 21.2107 28.822 21.9747 27.726 23.264C26.63 24.5533 26.0587 26.0867 26.012 27.864ZM34 27.864H39.988C39.9427 26.0867 39.372 24.5533 38.276 23.264C37.18 21.9747 35.7547 21.2107 34 20.972V27.864ZM33.008 42.864C30.5 42.864 28.3713 41.9913 26.622 40.246C24.874 38.4993 24 36.372 24 33.864V27.864C24 25.3547 24.872 23.2273 26.616 21.482C28.36 19.7367 30.486 18.864 32.994 18.864C35.502 18.864 37.63 19.7367 39.378 21.482C41.126 23.2273 42 25.3547 42 27.864V33.864C42 36.3733 41.128 38.5007 39.384 40.246C37.64 41.9913 35.516 42.864 33.008 42.864ZM9.23 38.864C8.31 38.864 7.54134 38.556 6.924 37.94C6.30667 37.324 5.99867 36.5547 6 35.632V14.096C6 13.1747 6.30867 12.406 6.926 11.79C7.54334 11.174 8.31134 10.8653 9.23 10.864H41C41.284 10.864 41.5213 10.96 41.712 11.152C41.9027 11.344 41.9987 11.582 42 11.866C42.0013 12.15 41.9053 12.3873 41.712 12.578C41.5187 12.7687 41.2813 12.864 41 12.864H9.232C8.872 12.864 8.57667 12.9793 8.346 13.21C8.11534 13.4407 8 13.736 8 14.096V35.634C8 35.9927 8.11534 36.2873 8.346 36.518C8.57667 36.7487 8.872 36.864 9.232 36.864H18.24C18.524 36.864 18.7613 36.96 18.952 37.152C19.1427 37.344 19.2387 37.582 19.24 37.866C19.2413 38.15 19.1453 38.3873 18.952 38.578C18.7587 38.7687 18.5213 38.864 18.24 38.864H9.23Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.quick-menu .menu__item:nth-child(2) {
  background-size: 40px;
}
.quick-menu .menu__item:nth-child(2) .menu__link--text {
  min-width: 49px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='49' height='48' viewBox='0 0 49 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6895 26.2899H41.4893C41.8605 26.29 42.217 26.4376 42.4795 26.7001C42.7419 26.9626 42.8887 27.3191 42.8887 27.6903V37.2899C42.8887 37.6612 42.742 38.0176 42.4795 38.2802C42.217 38.5427 41.8605 38.6903 41.4893 38.6903H35.6895V43.0897H37.8887C37.9416 43.0897 37.9928 43.1109 38.0303 43.1483C38.0678 43.1858 38.0889 43.2369 38.0889 43.2899C38.0889 43.343 38.0678 43.394 38.0303 43.4315C37.9928 43.4689 37.9416 43.4901 37.8887 43.4901H28.2891C28.236 43.4901 28.185 43.469 28.1475 43.4315C28.11 43.394 28.0889 43.343 28.0889 43.2899C28.0889 43.2369 28.11 43.1858 28.1475 43.1483C28.185 43.1108 28.236 43.0897 28.2891 43.0897H30.4893V38.6903H24.6895C24.3182 38.6903 23.9617 38.5426 23.6992 38.2802C23.4367 38.0176 23.2891 37.6612 23.2891 37.2899V27.6903C23.2891 27.319 23.4367 26.9626 23.6992 26.7001C23.9618 26.4375 24.3182 26.2899 24.6895 26.2899Z' stroke='%23FF5F1B' stroke-width='2'/%3E%3Cpath d='M21.9133 3.51013C19.3672 3.51013 16.9254 4.52156 15.1251 6.32191C13.3247 8.12226 12.3133 10.5641 12.3133 13.1101C12.3133 15.6562 13.3247 18.098 15.1251 19.8984C16.9254 21.6987 19.3672 22.7101 21.9133 22.7101C24.4594 22.7101 26.9012 21.6987 28.7015 19.8984C30.5019 18.098 31.5133 15.6562 31.5133 13.1101C31.5133 10.5641 30.5019 8.12226 28.7015 6.32191C26.9012 4.52156 24.4594 3.51013 21.9133 3.51013ZM14.7133 13.1101C14.7133 11.2006 15.4719 9.36923 16.8221 8.01896C18.1724 6.6687 20.0037 5.91013 21.9133 5.91013C23.8228 5.91013 25.6542 6.6687 27.0045 8.01896C28.3547 9.36923 29.1133 11.2006 29.1133 13.1101C29.1133 15.0197 28.3547 16.851 27.0045 18.2013C25.6542 19.5516 23.8228 20.3101 21.9133 20.3101C20.0037 20.3101 18.1724 19.5516 16.8221 18.2013C15.4719 16.851 14.7133 15.0197 14.7133 13.1101ZM9.93488 25.1101C9.30272 25.1073 8.67623 25.2293 8.09137 25.4693C7.50651 25.7092 6.97481 26.0624 6.5268 26.5084C6.07879 26.9544 5.72329 27.4845 5.48072 28.0683C5.23814 28.652 5.11327 29.278 5.11328 29.9101C5.11328 33.9685 7.11248 37.0285 10.2373 39.0229C13.3141 40.9837 17.4613 41.9101 21.9133 41.9101C22.4941 41.9101 23.0685 41.8941 23.6365 41.8621C22.9051 41.7583 22.2075 41.4871 21.5981 41.0696C20.9886 40.652 20.4838 40.0995 20.1229 39.4549C16.7053 39.2389 13.7221 38.3989 11.5285 36.9973C9.00848 35.3893 7.51328 33.0541 7.51328 29.9101C7.51328 28.5829 8.58848 27.5101 9.93488 27.5101H19.5133C19.5133 26.6365 19.7461 25.8157 20.1565 25.1101H9.93488Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.quick-menu .menu__item:nth-child(2):hover {
  background-color: #ff5f1b;
  border-radius: 12px;
  border-radius: 12px;
  background-color: "primary";
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
.quick-menu .menu__item:nth-child(2):hover .menu__link--text {
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.1879 27.2698H40.9877C41.359 27.2698 41.7155 27.4174 41.978 27.6799C42.2403 27.9425 42.3871 28.299 42.3871 28.6702V38.2698C42.3871 38.641 42.2405 38.9975 41.978 39.26C41.7155 39.5225 41.359 39.6701 40.9877 39.6702H35.1879V44.0696H37.3871C37.4401 44.0696 37.4913 44.0908 37.5287 44.1282C37.5663 44.1657 37.5873 44.2167 37.5873 44.2698C37.5873 44.3228 37.5663 44.3739 37.5287 44.4114C37.4913 44.4488 37.4401 44.47 37.3871 44.47H27.7875C27.7345 44.47 27.6834 44.4489 27.6459 44.4114C27.6084 44.3739 27.5873 44.3228 27.5873 44.2698C27.5873 44.2167 27.6084 44.1657 27.6459 44.1282C27.6834 44.0907 27.7345 44.0696 27.7875 44.0696H29.9877V39.6702H24.1879C23.8167 39.6702 23.4602 39.5224 23.1977 39.26C22.9351 38.9975 22.7875 38.6411 22.7875 38.2698V28.6702C22.7875 28.2989 22.9351 27.9425 23.1977 27.6799C23.4602 27.4174 23.8166 27.2698 24.1879 27.2698Z' stroke='white' stroke-width='2'/%3E%3Cpath d='M21.4124 4.48999C18.8663 4.48999 16.4246 5.50142 14.6242 7.30177C12.8239 9.10211 11.8124 11.5439 11.8124 14.09C11.8124 16.6361 12.8239 19.0779 14.6242 20.8782C16.4246 22.6786 18.8663 23.69 21.4124 23.69C23.9585 23.69 26.4003 22.6786 28.2007 20.8782C30.001 19.0779 31.0124 16.6361 31.0124 14.09C31.0124 11.5439 30.001 9.10211 28.2007 7.30177C26.4003 5.50142 23.9585 4.48999 21.4124 4.48999ZM14.2124 14.09C14.2124 12.1804 14.971 10.3491 16.3213 8.99882C17.6715 7.64856 19.5029 6.88999 21.4124 6.88999C23.322 6.88999 25.1533 7.64856 26.5036 8.99882C27.8539 10.3491 28.6124 12.1804 28.6124 14.09C28.6124 15.9995 27.8539 17.8309 26.5036 19.1812C25.1533 20.5314 23.322 21.29 21.4124 21.29C19.5029 21.29 17.6715 20.5314 16.3213 19.1812C14.971 17.8309 14.2124 15.9995 14.2124 14.09ZM9.43403 26.09C8.80187 26.0871 8.17537 26.2092 7.59051 26.4492C7.00565 26.6891 6.47395 27.0422 6.02594 27.4882C5.57793 27.9342 5.22243 28.4643 4.97986 29.0481C4.73729 29.6319 4.61242 30.2578 4.61243 30.89C4.61243 34.9484 6.61163 38.0084 9.73643 40.0028C12.8132 41.9636 16.9604 42.89 21.4124 42.89C21.9932 42.89 22.5676 42.874 23.1356 42.842C22.4042 42.7382 21.7066 42.467 21.0972 42.0494C20.4878 41.6319 19.983 41.0794 19.622 40.4348C16.2044 40.2188 13.2212 39.3788 11.0276 37.9772C8.50763 36.3692 7.01243 34.034 7.01243 30.89C7.01243 29.5628 8.08763 28.49 9.43403 28.49H19.0124C19.0124 27.6164 19.2452 26.7956 19.6556 26.09H9.43403Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.quick-menu .menu__item:nth-child(3) {
  background-size: 35px 43px;
}
.quick-menu .menu__item:nth-child(3) .menu__link--text {
  min-width: 49px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='42' viewBox='0 0 44 42' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.9753 36.063H16.2298C14.5652 36.063 13.2051 34.7029 13.2051 33.0383V31.0083C13.2051 30.6328 13.5096 30.3181 13.8953 30.3181H43.3098C43.6854 30.3181 44 30.6328 44 31.0083V33.0383C44 34.7029 42.6399 36.063 40.9753 36.063ZM14.5753 31.6985V33.0383C14.5753 33.9416 15.3163 34.6826 16.2298 34.6826H40.9753C41.8888 34.6826 42.6298 33.9416 42.6298 33.0383V31.6985H14.5753Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.0429 38.9862H23.1622C22.7765 38.9862 22.472 38.6715 22.472 38.296V35.3728C22.472 34.9871 22.7765 34.6826 23.1622 34.6826H34.0429C34.4185 34.6826 34.7331 34.9871 34.7331 35.3728V38.296C34.7331 38.6817 34.4185 38.9862 34.0429 38.9862ZM23.8422 37.6058H33.3527V36.0529H23.8422V37.6058Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.3368 41.3713H20.8683C20.4318 41.3713 20.0867 41.0161 20.0867 40.5898C20.0867 38.9455 21.4164 37.6057 23.0607 37.6057H34.1343C35.7785 37.6057 37.1183 38.9455 37.1183 40.5898C37.1183 41.0161 36.7631 41.3713 36.3368 41.3713ZM21.5788 39.9909H35.6263C35.3928 39.4023 34.8143 38.9861 34.1343 38.9861H23.0607C22.3908 38.9861 21.8122 39.4023 21.5788 39.9909Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8953 28.1968H13.8851C6.23207 28.1562 0 21.8835 0 14.2305C0 6.52667 6.26252 0.26416 13.9663 0.26416C21.6803 0.26416 27.9428 6.52667 27.9428 14.2305C27.9428 14.6162 27.6383 14.9207 27.2526 14.9207H16.2298C15.3163 14.9207 14.5753 15.6616 14.5753 16.5751V27.5168C14.5753 27.6995 14.5043 27.872 14.3723 28.004C14.2505 28.1257 14.078 28.1968 13.8953 28.1968ZM13.9663 1.6344C7.02376 1.6344 1.37024 7.28792 1.37024 14.2305C1.37024 20.9091 6.61776 26.4104 13.2051 26.8063V16.565C13.2051 14.9004 14.5652 13.5403 16.2298 13.5403H26.5421C26.1869 6.92252 20.6856 1.6344 13.9663 1.6344Z' fill='%23FF5F1B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.979 7.48059H2.96379C2.57809 7.48059 2.27359 7.1761 2.27359 6.80055C2.27359 6.41485 2.57809 6.11035 2.96379 6.11035H24.979C25.3546 6.11035 25.6692 6.41485 25.6692 6.80055C25.6692 7.1761 25.3546 7.48059 24.979 7.48059Z' fill='%23FF5F1B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2298 14.9207H0.690196C0.304498 14.9207 0 14.606 0 14.2305C0 13.8448 0.304498 13.5403 0.690196 13.5403H16.2298C16.6053 13.5403 16.92 13.8448 16.92 14.2305C16.92 14.606 16.6053 14.9207 16.2298 14.9207Z' fill='%23FF5F1B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8953 22.3502H2.96379C2.57809 22.3502 2.27359 22.0457 2.27359 21.6702C2.27359 21.2845 2.57809 20.98 2.96379 20.98H13.8953C14.2708 20.98 14.5753 21.2845 14.5753 21.6702C14.5753 22.0457 14.2708 22.3502 13.8953 22.3502Z' fill='%23FF5F1B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8953 28.1967C13.8851 28.1967 13.875 28.1967 13.8648 28.1967C10.4037 28.0749 7.79515 22.0763 7.79515 14.2304C7.79515 6.39462 10.5052 0.253906 13.9663 0.253906C17.4274 0.253906 20.1476 6.39462 20.1476 14.2304C20.1476 14.6059 19.833 14.9206 19.4574 14.9206H16.2298C15.3163 14.9206 14.5753 15.6615 14.5753 16.5649V27.5065C14.5753 27.6994 14.5043 27.8719 14.3723 28.0039C14.2404 28.1257 14.0678 28.1967 13.8953 28.1967ZM13.9663 1.6343C11.7029 1.6343 9.17554 6.81077 9.17554 14.2304C9.17554 20.8989 11.1446 25.6795 13.2051 26.6438V16.5649C13.2051 14.9003 14.5652 13.5402 16.2298 13.5402H18.7571C18.615 6.49612 16.1689 1.6343 13.9663 1.6343Z' fill='%23FF5F1B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.8674 33.8806H23.9843C23.6088 33.8806 23.3043 33.5761 23.3043 33.1904C23.3043 32.8149 23.6088 32.5002 23.9843 32.5002H24.8674C25.2429 32.5002 25.5474 32.8149 25.5474 33.1904C25.5474 33.5761 25.2429 33.8806 24.8674 33.8806Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.039 33.8806H28.1661C27.7804 33.8806 27.4759 33.5761 27.4759 33.1904C27.4759 32.8149 27.7804 32.5002 28.1661 32.5002H29.039C29.4145 32.5002 29.7292 32.8149 29.7292 33.1904C29.7292 33.5761 29.4145 33.8806 29.039 33.8806Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.2106 33.8806H32.3377C31.9622 33.8806 31.6475 33.5761 31.6475 33.1904C31.6475 32.8149 31.9622 32.5002 32.3377 32.5002H33.2106C33.5963 32.5002 33.9008 32.8149 33.9008 33.1904C33.9008 33.5761 33.5963 33.8806 33.2106 33.8806Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.9753 36.063H16.2298C14.5652 36.063 13.2051 34.7029 13.2051 33.0383V16.565C13.2051 14.9004 14.5652 13.5403 16.2298 13.5403H40.9753C42.6399 13.5403 44 14.9004 44 16.565V33.0383C44 34.7029 42.6399 36.063 40.9753 36.063ZM16.2298 14.9207C15.3163 14.9207 14.5753 15.6616 14.5753 16.565V33.0383C14.5753 33.9417 15.3163 34.6826 16.2298 34.6826H40.9753C41.8888 34.6826 42.6298 33.9417 42.6298 33.0383V16.565C42.6298 15.6616 41.8888 14.9207 40.9753 14.9207H16.2298Z' fill='black'/%3E%3C/svg%3E");
}
.quick-menu .menu__item:nth-child(3):hover {
  background-color: #ff5f1b;
  border-radius: 12px;
  border-radius: 12px;
  background-color: "primary";
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
.quick-menu .menu__item:nth-child(3):hover .menu__link--text {
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='42' viewBox='0 0 44 42' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.9753 36.4546H16.2298C14.5652 36.4546 13.2051 35.0945 13.2051 33.4299V31.3999C13.2051 31.0244 13.5096 30.7097 13.8953 30.7097H43.3098C43.6854 30.7097 44 31.0244 44 31.3999V33.4299C44 35.0945 42.6399 36.4546 40.9753 36.4546ZM14.5753 32.0901V33.4299C14.5753 34.3332 15.3163 35.0742 16.2298 35.0742H40.9753C41.8888 35.0742 42.6298 34.3332 42.6298 33.4299V32.0901H14.5753Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.0429 39.3778H23.1622C22.7765 39.3778 22.472 39.0631 22.472 38.6876V35.7644C22.472 35.3787 22.7765 35.0742 23.1622 35.0742H34.0429C34.4185 35.0742 34.7331 35.3787 34.7331 35.7644V38.6876C34.7331 39.0733 34.4185 39.3778 34.0429 39.3778ZM23.8422 37.9974H33.3527V36.4445H23.8422V37.9974Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.3368 41.7629H20.8683C20.4318 41.7629 20.0867 41.4077 20.0867 40.9814C20.0867 39.3371 21.4164 37.9973 23.0607 37.9973H34.1343C35.7785 37.9973 37.1183 39.3371 37.1183 40.9814C37.1183 41.4077 36.7631 41.7629 36.3368 41.7629ZM21.5788 40.3826H35.6263C35.3928 39.7939 34.8143 39.3777 34.1343 39.3777H23.0607C22.3908 39.3777 21.8122 39.7939 21.5788 40.3826Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8953 28.5884H13.8851C6.23207 28.5478 0 22.2751 0 14.6221C0 6.91828 6.26252 0.655762 13.9663 0.655762C21.6803 0.655762 27.9428 6.91828 27.9428 14.6221C27.9428 15.0078 27.6383 15.3123 27.2526 15.3123H16.2298C15.3163 15.3123 14.5753 16.0532 14.5753 16.9667V27.9084C14.5753 28.0911 14.5043 28.2636 14.3723 28.3956C14.2505 28.5174 14.078 28.5884 13.8953 28.5884ZM13.9663 2.026C7.02376 2.026 1.37024 7.67952 1.37024 14.6221C1.37024 21.3007 6.61776 26.802 13.2051 27.1979V16.9566C13.2051 15.292 14.5652 13.9319 16.2298 13.9319H26.5421C26.1869 7.31412 20.6856 2.026 13.9663 2.026Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.979 7.8722H2.96376C2.57806 7.8722 2.27356 7.5677 2.27356 7.19215C2.27356 6.80645 2.57806 6.50195 2.96376 6.50195H24.979C25.3545 6.50195 25.6692 6.80645 25.6692 7.19215C25.6692 7.5677 25.3545 7.8722 24.979 7.8722Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2298 15.3123H0.690196C0.304498 15.3123 0 14.9976 0 14.6221C0 14.2364 0.304498 13.9319 0.690196 13.9319H16.2298C16.6053 13.9319 16.92 14.2364 16.92 14.6221C16.92 14.9976 16.6053 15.3123 16.2298 15.3123Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8952 22.7418H2.96376C2.57806 22.7418 2.27356 22.4373 2.27356 22.0618C2.27356 21.6761 2.57806 21.3716 2.96376 21.3716H13.8952C14.2708 21.3716 14.5753 21.6761 14.5753 22.0618C14.5753 22.4373 14.2708 22.7418 13.8952 22.7418Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8953 28.5883C13.8851 28.5883 13.875 28.5883 13.8648 28.5883C10.4037 28.4665 7.79517 22.4679 7.79517 14.622C7.79517 6.78622 10.5052 0.645508 13.9663 0.645508C17.4275 0.645508 20.1476 6.78622 20.1476 14.622C20.1476 14.9975 19.833 15.3122 19.4575 15.3122H16.2298C15.3163 15.3122 14.5753 16.0531 14.5753 16.9565V27.8981C14.5753 28.091 14.5043 28.2635 14.3723 28.3955C14.2404 28.5173 14.0678 28.5883 13.8953 28.5883ZM13.9663 2.0259C11.7029 2.0259 9.17556 7.20237 9.17556 14.622C9.17556 21.2905 11.1446 26.0711 13.2051 27.0354V16.9565C13.2051 15.2919 14.5652 13.9318 16.2298 13.9318H18.7571C18.615 6.88772 16.1689 2.0259 13.9663 2.0259Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.8674 34.2722H23.9843C23.6088 34.2722 23.3043 33.9677 23.3043 33.582C23.3043 33.2065 23.6088 32.8918 23.9843 32.8918H24.8674C25.2429 32.8918 25.5474 33.2065 25.5474 33.582C25.5474 33.9677 25.2429 34.2722 24.8674 34.2722Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.039 34.2722H28.1661C27.7804 34.2722 27.4759 33.9677 27.4759 33.582C27.4759 33.2065 27.7804 32.8918 28.1661 32.8918H29.039C29.4145 32.8918 29.7292 33.2065 29.7292 33.582C29.7292 33.9677 29.4145 34.2722 29.039 34.2722Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.2106 34.2722H32.3377C31.9622 34.2722 31.6475 33.9677 31.6475 33.582C31.6475 33.2065 31.9622 32.8918 32.3377 32.8918H33.2106C33.5963 32.8918 33.9008 33.2065 33.9008 33.582C33.9008 33.9677 33.5963 34.2722 33.2106 34.2722Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.9753 36.4546H16.2298C14.5652 36.4546 13.2051 35.0945 13.2051 33.4299V16.9566C13.2051 15.292 14.5652 13.9319 16.2298 13.9319H40.9753C42.6399 13.9319 44 15.292 44 16.9566V33.4299C44 35.0945 42.6399 36.4546 40.9753 36.4546ZM16.2298 15.3123C15.3163 15.3123 14.5753 16.0532 14.5753 16.9566V33.4299C14.5753 34.3333 15.3163 35.0742 16.2298 35.0742H40.9753C41.8888 35.0742 42.6298 34.3333 42.6298 33.4299V16.9566C42.6298 16.0532 41.8888 15.3123 40.9753 15.3123H16.2298Z' fill='white'/%3E%3C/svg%3E");
}
.quick-menu .menu__item:nth-child(4) {
  background-size: 45px;
}
.quick-menu .menu__item:nth-child(4) .menu__link--text {
  min-width: 49px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.4242 42.8946H28.1446C28.1446 43.1323 28.2107 43.3652 28.3357 43.5674C28.4606 43.7695 28.6394 43.9329 28.8519 44.0392C29.0645 44.1454 29.3024 44.1904 29.5391 44.1691C29.7758 44.1477 30.0019 44.0609 30.192 43.9183L29.4242 42.8946ZM34.5427 39.0558L35.3105 38.0321C35.089 37.8659 34.8196 37.7761 34.5427 37.7761C34.2658 37.7761 33.9964 37.8659 33.7749 38.0321L34.5427 39.0558ZM39.6612 42.8946L38.8934 43.9183C39.0835 44.0609 39.3096 44.1477 39.5463 44.1691C39.7829 44.1904 40.0209 44.1454 40.2334 44.0392C40.446 43.9329 40.6248 43.7695 40.7497 43.5674C40.8746 43.3652 40.9408 43.1323 40.9408 42.8946H39.6612ZM34.5427 33.9373C32.8458 33.9373 31.2184 33.2632 30.0185 32.0633C28.8187 30.8634 28.1446 29.236 28.1446 27.5391H25.5853C25.5853 29.9148 26.529 32.1931 28.2089 33.873C29.8887 35.5528 32.167 36.4965 34.5427 36.4965V33.9373ZM40.9408 27.5391C40.9408 29.236 40.2667 30.8634 39.0668 32.0633C37.867 33.2632 36.2396 33.9373 34.5427 33.9373V36.4965C36.9183 36.4965 39.1967 35.5528 40.8765 33.873C42.5563 32.1931 43.5 29.9148 43.5 27.5391H40.9408ZM34.5427 21.141C36.2396 21.141 37.867 21.8151 39.0668 23.015C40.2667 24.2149 40.9408 25.8423 40.9408 27.5391H43.5C43.5 25.1635 42.5563 22.8852 40.8765 21.2053C39.1967 19.5255 36.9183 18.5818 34.5427 18.5818V21.141ZM34.5427 18.5818C32.167 18.5818 29.8887 19.5255 28.2089 21.2053C26.529 22.8852 25.5853 25.1635 25.5853 27.5391H28.1446C28.1446 25.8423 28.8187 24.2149 30.0185 23.015C31.2184 21.8151 32.8458 21.141 34.5427 21.141V18.5818ZM28.1446 32.6576V42.8946H30.7038V32.6576H28.1446ZM30.192 43.9183L35.3105 40.0795L33.7749 38.0321L28.6564 41.8709L30.192 43.9183ZM33.7749 40.0795L38.8934 43.9183L40.429 41.8709L35.3105 38.0321L33.7749 40.0795ZM40.9408 42.8946V32.6576H38.3816V42.8946H40.9408Z' fill='%23FF5F1B'/%3E%3Cpath d='M42.8887 18.5819V9.62451H40.3294V18.5819H42.8887ZM39.0498 5.78564H8.33887V8.34489H39.0498V5.78564ZM4.5 9.62451V40.3355H7.05925V9.62451H4.5ZM8.33887 44.1743H24.974V41.6151H8.33887V44.1743ZM4.5 40.3355C4.5 41.3536 4.90445 42.33 5.62438 43.05C6.34431 43.7699 7.32074 44.1743 8.33887 44.1743V41.6151C7.99949 41.6151 7.67401 41.4803 7.43404 41.2403C7.19406 41.0003 7.05925 40.6748 7.05925 40.3355H4.5ZM8.33887 5.78564C7.32074 5.78564 6.34431 6.1901 5.62438 6.91002C4.90445 7.62995 4.5 8.60638 4.5 9.62451H7.05925C7.05925 9.28514 7.19406 8.95966 7.43404 8.71968C7.67401 8.47971 7.99949 8.34489 8.33887 8.34489V5.78564ZM42.8887 9.62451C42.8887 8.60638 42.4842 7.62995 41.7643 6.91002C41.0444 6.1901 40.0679 5.78564 39.0498 5.78564V8.34489C39.3892 8.34489 39.7147 8.47971 39.9546 8.71968C40.1946 8.95966 40.3294 9.28514 40.3294 9.62451H42.8887ZM12.1777 18.5819H24.974V16.0226H12.1777V18.5819ZM12.1777 26.2596H19.8555V23.7004H12.1777V26.2596Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.quick-menu .menu__item:nth-child(4):hover {
  background-color: #ff5f1b;
  border-radius: 12px;
  border-radius: 12px;
  background-color: "primary";
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
.quick-menu .menu__item:nth-child(4):hover .menu__link--text {
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.4242 43.2966H28.1446C28.1446 43.5395 28.2107 43.7777 28.3357 43.9844C28.4606 44.1911 28.6394 44.3581 28.8519 44.4668C29.0645 44.5754 29.3024 44.6214 29.5391 44.5996C29.7758 44.5778 30.0019 44.489 30.192 44.3432L29.4242 43.2966ZM34.5427 39.3716L35.3105 38.3249C35.089 38.155 34.8196 38.0632 34.5427 38.0632C34.2658 38.0632 33.9964 38.155 33.7749 38.3249L34.5427 39.3716ZM39.6612 43.2966L38.8934 44.3432C39.0835 44.489 39.3096 44.5778 39.5463 44.5996C39.7829 44.6214 40.0209 44.5754 40.2334 44.4668C40.446 44.3581 40.6248 44.1911 40.7497 43.9844C40.8746 43.7777 40.9408 43.5395 40.9408 43.2966H39.6612ZM34.5427 34.1382C32.8458 34.1382 31.2184 33.449 30.0185 32.2222C28.8187 30.9954 28.1446 29.3315 28.1446 27.5966H25.5853C25.5853 30.0255 26.529 32.355 28.2089 34.0725C29.8887 35.79 32.167 36.7549 34.5427 36.7549V34.1382ZM40.9408 27.5966C40.9408 29.3315 40.2667 30.9954 39.0668 32.2222C37.867 33.449 36.2396 34.1382 34.5427 34.1382V36.7549C36.9183 36.7549 39.1967 35.79 40.8765 34.0725C42.5563 32.355 43.5001 30.0255 43.5001 27.5966H40.9408ZM34.5427 21.0549C36.2396 21.0549 37.867 21.7441 39.0668 22.9709C40.2667 24.1977 40.9408 25.8616 40.9408 27.5966H43.5001C43.5001 25.1676 42.5563 22.8382 40.8765 21.1206C39.1967 19.4031 36.9183 18.4382 34.5427 18.4382V21.0549ZM34.5427 18.4382C32.167 18.4382 29.8887 19.4031 28.2089 21.1206C26.529 22.8382 25.5853 25.1676 25.5853 27.5966H28.1446C28.1446 25.8616 28.8187 24.1977 30.0185 22.9709C31.2184 21.7441 32.8458 21.0549 34.5427 21.0549V18.4382ZM28.1446 32.8299V43.2966H30.7038V32.8299H28.1446ZM30.192 44.3432L35.3105 40.4182L33.7749 38.3249L28.6564 42.2499L30.192 44.3432ZM33.7749 40.4182L38.8934 44.3432L40.429 42.2499L35.3105 38.3249L33.7749 40.4182ZM40.9408 43.2966V32.8299H38.3816V43.2966H40.9408Z' fill='white'/%3E%3Cpath d='M42.8887 18.4383V9.27998H40.3294V18.4383H42.8887ZM39.0498 5.35498H8.33887V7.97165H39.0498V5.35498ZM4.5 9.27998V40.68H7.05925V9.27998H4.5ZM8.33887 44.605H24.974V41.9883H8.33887V44.605ZM4.5 40.68C4.5 41.721 4.90445 42.7193 5.62438 43.4554C6.34431 44.1915 7.32074 44.605 8.33887 44.605V41.9883C7.99949 41.9883 7.67402 41.8505 7.43404 41.6051C7.19406 41.3597 7.05925 41.027 7.05925 40.68H4.5ZM8.33887 5.35498C7.32074 5.35498 6.34431 5.76851 5.62438 6.50459C4.90445 7.24067 4.5 8.23901 4.5 9.27998H7.05925C7.05925 8.93299 7.19406 8.60021 7.43404 8.35485C7.67402 8.10949 7.99949 7.97165 8.33887 7.97165V5.35498ZM42.8887 9.27998C42.8887 8.23901 42.4842 7.24067 41.7643 6.50459C41.0444 5.76851 40.068 5.35498 39.0498 5.35498V7.97165C39.3892 7.97165 39.7147 8.10949 39.9547 8.35485C40.1946 8.60021 40.3294 8.93299 40.3294 9.27998H42.8887ZM12.1777 18.4383H24.974V15.8216H12.1777V18.4383ZM12.1777 26.2883H19.8555V23.6716H12.1777V26.2883Z' fill='white'/%3E%3C/svg%3E%0A");
}
.quick-menu .menu__item:nth-child(5) {
  background-size: 44px;
}
.quick-menu .menu__item:nth-child(5) .menu__link--text {
  min-width: 49px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' fill='none'%3E%3Cpath d='M14.1878 17.2041C14.1878 18.084 13.4897 18.796 12.627 18.796C11.7643 18.796 11.0662 18.084 11.0662 17.2041C11.0662 16.3242 11.7643 15.6123 12.627 15.6123C13.4897 15.6123 14.1878 16.3242 14.1878 17.2041Z' fill='%23FF5F1B'/%3E%3Cpath d='M19.8416 17.2041C19.8416 18.084 19.1435 18.796 18.2808 18.796C17.4181 18.796 16.72 18.084 16.72 17.2041C16.72 16.3242 17.4181 15.6123 18.2808 15.6123C19.1435 15.6123 19.8416 16.3242 19.8416 17.2041Z' fill='%23FF5F1B'/%3E%3Cpath d='M25.501 17.2041C25.501 18.084 24.803 18.796 23.9402 18.796C23.0775 18.796 22.3795 18.084 22.3795 17.2041C22.3795 16.3242 23.0775 15.6123 23.9402 15.6123C24.803 15.6123 25.501 16.3242 25.501 17.2041Z' fill='%23FF5F1B'/%3E%3Cpath d='M18.1808 1.46802C10.0277 1.46802 3.42412 8.20871 3.42412 16.5185C3.42412 19.0618 4.04616 21.4522 5.14027 23.5537L1.05817 30.4643L9.64448 28.7877L9.63337 28.7707C12.0493 30.5267 14.9929 31.5689 18.1808 31.5689C26.3339 31.5689 32.9375 24.8282 32.9375 16.5185C32.9375 8.20871 26.3339 1.46802 18.1808 1.46802Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.1541 16.864C34.2926 18.7843 34.9424 21.033 34.9424 23.4348C34.9424 25.5816 34.4148 27.6038 33.4929 29.3825L36.9418 35.2225L29.6885 33.8064L29.6996 33.7951C27.6613 35.2791 25.1731 36.1571 22.4795 36.1571C17.9809 36.1571 14.0376 33.7271 11.8438 30.0848' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.quick-menu .menu__item:nth-child(5):hover {
  background-color: #ff5f1b;
  border-radius: 12px;
  border-radius: 12px;
  background-color: "primary";
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
.quick-menu .menu__item:nth-child(5):hover .menu__link--text {
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='37' viewBox='0 0 38 37' fill='none'%3E%3Cpath d='M14.1878 16.7598C14.1878 17.6397 13.4897 18.3516 12.627 18.3516C11.7643 18.3516 11.0662 17.6397 11.0662 16.7598C11.0662 15.8799 11.7643 15.168 12.627 15.168C13.4897 15.168 14.1878 15.8799 14.1878 16.7598Z' fill='white'/%3E%3Cpath d='M19.8416 16.7598C19.8416 17.6397 19.1435 18.3516 18.2808 18.3516C17.4181 18.3516 16.72 17.6397 16.72 16.7598C16.72 15.8799 17.4181 15.168 18.2808 15.168C19.1435 15.168 19.8416 15.8799 19.8416 16.7598Z' fill='white'/%3E%3Cpath d='M25.501 16.7598C25.501 17.6397 24.803 18.3516 23.9402 18.3516C23.0775 18.3516 22.3795 17.6397 22.3795 16.7598C22.3795 15.8799 23.0775 15.168 23.9402 15.168C24.803 15.168 25.501 15.8799 25.501 16.7598Z' fill='white'/%3E%3Cpath d='M18.1808 1.02368C10.0277 1.02368 3.42412 7.76438 3.42412 16.0741C3.42412 18.6175 4.04616 21.0079 5.14027 23.1094L1.05817 30.02L9.64448 28.3433L9.63337 28.3263C12.0493 30.0823 14.9929 31.1246 18.1808 31.1246C26.3339 31.1246 32.9375 24.3839 32.9375 16.0741C32.9375 7.76438 26.3339 1.02368 18.1808 1.02368Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.1541 16.4197C34.2926 18.3399 34.9424 20.5887 34.9424 22.9904C34.9424 25.1373 34.4148 27.1595 33.4929 28.9381L36.9418 34.7782L29.6885 33.3621L29.6996 33.3507C27.6613 34.8348 25.1731 35.7128 22.4795 35.7128C17.9809 35.7128 14.0376 33.2828 11.8438 29.6405' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.quick-menu .menu__item:nth-child(6) {
  background-size: 35px;
}
.quick-menu .menu__item:nth-child(6) .menu__link--text {
  min-width: 49px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='49' viewBox='0 0 48 49' fill='none'%3E%3Cg clip-path='url(%23clip0_2030_27)'%3E%3Cpath d='M35.7146 6.5H36.9392C37.7583 6.50017 38.4275 7.1701 38.4275 7.98926V38.8984C38.4275 39.7176 37.7583 40.3875 36.9392 40.3877H35.7146C34.8955 40.3875 34.2263 39.7176 34.2263 38.8984V37.8906H33.7205L33.6111 37.8848C33.5358 37.8773 33.4563 37.8628 33.3748 37.8398L33.2517 37.7998L14.1277 30.6953L14.1218 30.6924L13.9822 30.6338C13.8441 30.5673 13.7101 30.4774 13.5808 30.3672L13.3962 30.21L13.158 30.2568C13.1265 30.2631 13.0992 30.2704 13.0808 30.2754C13.0724 30.2777 13.0615 30.2808 13.0564 30.2822C13.0538 30.283 13.0515 30.2836 13.0496 30.2842H9.23608L9.63452 31.0215L14.5603 40.1396L14.5613 40.1426C14.7802 40.5433 14.7643 40.9027 14.6082 41.1641C14.4516 41.4261 14.1424 41.6113 13.6843 41.6113H10.5085C9.7854 41.6113 8.94852 41.1405 8.54565 40.5205L8.47046 40.3945L8.46948 40.3926L3.51343 31.2256L3.51147 31.2227L3.44702 31.0889C3.41051 31.0002 3.38594 30.9124 3.37183 30.8262L3.35815 30.6982L3.34253 30.3877L3.05737 30.2637L2.9939 30.2246C2.93648 30.1765 2.90015 30.1044 2.90015 30.0254V16.8682C2.90023 16.7222 3.01888 16.6037 3.16479 16.6035H13.0574C13.0613 16.6045 13.067 16.6062 13.075 16.6084C13.0854 16.6113 13.0971 16.6144 13.113 16.6191L13.3689 16.6963L13.575 16.5254C13.7123 16.4116 13.8502 16.3191 13.988 16.252L14.1257 16.1934L14.1277 16.1924L33.2517 9.08789L33.2585 9.08496C33.4033 9.02868 33.5516 9.00879 33.7263 9.00879H34.2263V7.98926C34.2263 7.17013 34.8955 6.50021 35.7146 6.5ZM4.0105 31.0215L8.93628 40.1396L8.93921 40.1445C9.09158 40.4197 9.35596 40.6447 9.61108 40.7969C9.86572 40.9487 10.1907 41.0752 10.5085 41.0752H14.4617L14.0632 40.3379L9.13745 31.2197L9.13452 31.2148L9.073 31.1152C8.91785 30.8864 8.6893 30.6974 8.46558 30.5635C8.21041 30.4108 7.88555 30.2842 7.56519 30.2842H3.61206L4.0105 31.0215ZM35.7146 7.03027C35.1877 7.03049 34.7556 7.46235 34.7556 7.98926V38.8926C34.7556 39.4195 35.1877 39.8513 35.7146 39.8516H36.9392C37.4661 39.8514 37.8982 39.4195 37.8982 38.8926V7.98926C37.8982 7.46232 37.4661 7.03044 36.9392 7.03027H35.7146ZM33.4412 9.58008L33.4353 9.58203L14.3123 16.6875C14.0221 16.7951 13.7864 17.0216 13.6287 17.2471C13.4709 17.4728 13.3377 17.7737 13.3376 18.0859V28.7949C13.3376 29.1049 13.4669 29.4054 13.6248 29.6328C13.7821 29.8593 14.0187 30.0855 14.3123 30.1934V30.1943L33.4353 37.2988V37.2969C33.5056 37.3248 33.5682 37.3402 33.6121 37.3467C33.6379 37.3505 33.6607 37.3524 33.6785 37.3535C33.6875 37.3541 33.696 37.3543 33.7029 37.3545H33.7195L33.7205 36.8545V37.3545H34.2205V36.875C34.2207 36.8722 34.2212 36.8691 34.2214 36.8662C34.2241 36.837 34.2263 36.7989 34.2263 36.751V10.1309C34.2263 10.0657 34.2194 10.0067 34.2078 9.95312C34.1977 9.90673 34.1837 9.86579 34.1824 9.8623L33.9265 9.09473L33.4412 9.58008ZM3.43042 29.7539H12.8074V17.127H3.43042V29.7539Z' fill='%23000' stroke='%23000'/%3E%3Cpath d='M43.8846 31.8062C48.1255 27.4858 48.0643 20.5463 43.7439 16.3054' stroke='%23000' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M41.6695 29.6092C44.7048 26.5127 44.6619 21.5436 41.5654 18.5022' stroke='%23000' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2030_27'%3E%3Crect width='48' height='48' fill='%23000' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.quick-menu .menu__item:nth-child(6):hover {
  background-color: #ff5f1b;
  border-radius: 12px;
  border-radius: 12px;
  background-color: "primary";
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
.quick-menu .menu__item:nth-child(6):hover .menu__link--text {
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='49' viewBox='0 0 48 49' fill='none'%3E%3Cg clip-path='url(%23clip0_2030_27)'%3E%3Cpath d='M35.7146 6.5H36.9392C37.7583 6.50017 38.4275 7.1701 38.4275 7.98926V38.8984C38.4275 39.7176 37.7583 40.3875 36.9392 40.3877H35.7146C34.8955 40.3875 34.2263 39.7176 34.2263 38.8984V37.8906H33.7205L33.6111 37.8848C33.5358 37.8773 33.4563 37.8628 33.3748 37.8398L33.2517 37.7998L14.1277 30.6953L14.1218 30.6924L13.9822 30.6338C13.8441 30.5673 13.7101 30.4774 13.5808 30.3672L13.3962 30.21L13.158 30.2568C13.1265 30.2631 13.0992 30.2704 13.0808 30.2754C13.0724 30.2777 13.0615 30.2808 13.0564 30.2822C13.0538 30.283 13.0515 30.2836 13.0496 30.2842H9.23608L9.63452 31.0215L14.5603 40.1396L14.5613 40.1426C14.7802 40.5433 14.7643 40.9027 14.6082 41.1641C14.4516 41.4261 14.1424 41.6113 13.6843 41.6113H10.5085C9.7854 41.6113 8.94852 41.1405 8.54565 40.5205L8.47046 40.3945L8.46948 40.3926L3.51343 31.2256L3.51147 31.2227L3.44702 31.0889C3.41051 31.0002 3.38594 30.9124 3.37183 30.8262L3.35815 30.6982L3.34253 30.3877L3.05737 30.2637L2.9939 30.2246C2.93648 30.1765 2.90015 30.1044 2.90015 30.0254V16.8682C2.90023 16.7222 3.01888 16.6037 3.16479 16.6035H13.0574C13.0613 16.6045 13.067 16.6062 13.075 16.6084C13.0854 16.6113 13.0971 16.6144 13.113 16.6191L13.3689 16.6963L13.575 16.5254C13.7123 16.4116 13.8502 16.3191 13.988 16.252L14.1257 16.1934L14.1277 16.1924L33.2517 9.08789L33.2585 9.08496C33.4033 9.02868 33.5516 9.00879 33.7263 9.00879H34.2263V7.98926C34.2263 7.17013 34.8955 6.50021 35.7146 6.5ZM4.0105 31.0215L8.93628 40.1396L8.93921 40.1445C9.09158 40.4197 9.35596 40.6447 9.61108 40.7969C9.86572 40.9487 10.1907 41.0752 10.5085 41.0752H14.4617L14.0632 40.3379L9.13745 31.2197L9.13452 31.2148L9.073 31.1152C8.91785 30.8864 8.6893 30.6974 8.46558 30.5635C8.21041 30.4108 7.88555 30.2842 7.56519 30.2842H3.61206L4.0105 31.0215ZM35.7146 7.03027C35.1877 7.03049 34.7556 7.46235 34.7556 7.98926V38.8926C34.7556 39.4195 35.1877 39.8513 35.7146 39.8516H36.9392C37.4661 39.8514 37.8982 39.4195 37.8982 38.8926V7.98926C37.8982 7.46232 37.4661 7.03044 36.9392 7.03027H35.7146ZM33.4412 9.58008L33.4353 9.58203L14.3123 16.6875C14.0221 16.7951 13.7864 17.0216 13.6287 17.2471C13.4709 17.4728 13.3377 17.7737 13.3376 18.0859V28.7949C13.3376 29.1049 13.4669 29.4054 13.6248 29.6328C13.7821 29.8593 14.0187 30.0855 14.3123 30.1934V30.1943L33.4353 37.2988V37.2969C33.5056 37.3248 33.5682 37.3402 33.6121 37.3467C33.6379 37.3505 33.6607 37.3524 33.6785 37.3535C33.6875 37.3541 33.696 37.3543 33.7029 37.3545H33.7195L33.7205 36.8545V37.3545H34.2205V36.875C34.2207 36.8722 34.2212 36.8691 34.2214 36.8662C34.2241 36.837 34.2263 36.7989 34.2263 36.751V10.1309C34.2263 10.0657 34.2194 10.0067 34.2078 9.95312C34.1977 9.90673 34.1837 9.86579 34.1824 9.8623L33.9265 9.09473L33.4412 9.58008ZM3.43042 29.7539H12.8074V17.127H3.43042V29.7539Z' fill='%23fff' stroke='%23fff'/%3E%3Cpath d='M43.8846 31.8062C48.1255 27.4858 48.0643 20.5463 43.7439 16.3054' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M41.6695 29.6092C44.7048 26.5127 44.6619 21.5436 41.5654 18.5022' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2030_27'%3E%3Crect width='48' height='48' fill='%23fff' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.quick-menu .menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.quick-menu .menu__link--text {
  display: block;
  padding-top: 48px;
  text-align: center;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  background-repeat: no-repeat;
  background-position: center top;
}

@media (max-width: 1024px) {
  .quick-menu .inner {
    width: 100%;
    padding: 8px 16px;
  }
  .quick-menu .title {
    display: none;
  }
  .quick-menu .menu {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    width: 100%;
  }
  .quick-menu .menu__item {
    height: 100px;
  }
  .quick-menu .menu__link--text {
    font-size: 14px;
  }
}
.section--calendar + .banner--contact {
  margin-top: 80px;
}

.calendar {
  position: relative;
}
.calendar__top {
  margin-top: 40px;
  padding: 16px 40px;
  background-color: #f9fafb;
}
.calendar__middle {
  margin-top: 40px;
}
.calendar__bottom {
  margin-top: 16px;
}
.calendar .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
.calendar .input-group .kind {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.calendar .input-group .radio {
  display: none;
}
.calendar .input-group .radio + .label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  padding-left: 28px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.calendar .input-group .radio + .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 1px solid #7a7a7a;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.calendar .input-group .radio + .label::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0);
          transform: translateY(-50%) scale(0);
  width: 8px;
  height: 8px;
  background-color: #007bc8;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.calendar .input-group .radio:checked + .label::after {
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}
.calendar .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 0;
}
.calendar .date_btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.calendar .date .year_mon {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}
.calendar-wrap {
  margin-top: 16px;
}
.calendar table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.calendar table th,
.calendar table td {
  width: 14.2857142857%;
  position: relative;
}
.calendar table tr:first-child .inner__box {
  border-top: 1px solid #eae8e8;
}
.calendar table th {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  padding: 12px 0;
}
.calendar table th.sunday {
  color: #ee0000;
}
.calendar table th.saturday {
  color: #007bc8;
}
.calendar table td:hover, .calendar table td.is-active, .calendar table td.is-today {
  cursor: pointer;
}
.calendar table td:hover .inner__box, .calendar table td.is-active .inner__box, .calendar table td.is-today .inner__box {
  position: relative;
  z-index: 1;
}
.calendar table td:hover .inner__box::before, .calendar table td.is-active .inner__box::before, .calendar table td.is-today .inner__box::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: #e6e9ff;
  border: 2px solid #ff5f1b;
  z-index: 1;
}
.calendar table td:first-child .inner__box {
  border-left: none;
}
.calendar table td.sunday {
  color: #ee0000;
}
.calendar table td.saturday {
  color: #007bc8;
}
.calendar table .inner__box {
  height: 96px;
  padding: 4px;
  border-left: 1px solid #eae8e8;
  border-bottom: 1px solid #eae8e8;
  position: relative;
}
.calendar table .inner__box .text {
  position: relative;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  z-index: 1;
}
.calendar .course {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.calendar .course__item {
  position: relative;
  width: 100%;
  padding: 16px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #eae8e8;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.calendar .course__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  font-family: "Roboto", sans-serif;
}
.calendar .course__detail .title {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.calendar .course__detail .info dt {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #0091ea;
}
.calendar .course__detail .info dd {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.calendar .course__detail .input-group {
  position: absolute;
  top: 16px;
  right: 16px;
}
.calendar .course__detail .btn {
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #ff5f1b;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.calendar .course .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.calendar__modal {
  display: none;
  position: absolute;
  width: 183px;
  height: 216px;
  z-index: 1000;
  top: 0;
  left: 0;
}
.calendar__modal .modal__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  padding: 19px 13px 10px;
  background-color: #f9fafb;
  border-radius: 4px;
  -webkit-box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
.calendar__modal .modal__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.calendar__modal .course__day {
  display: block;
  width: 40px;
  height: 40px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #fff;
  text-align: center;
  line-height: 40px;
  background-color: #ff5f1b;
  border-radius: 50%;
}
.calendar__modal .course__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.calendar__modal .course__item {
  padding: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.calendar__modal .course__link {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #ff5f1b;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1024px) {
  .calendar .course {
    grid-template-columns: 1fr;
  }
  .calendar__top {
    margin-top: 20px;
  }
  .calendar__middle {
    padding: 0 16px;
  }
  .calendar__modal {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.logo {
  width: 138px;
  height: 24.9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='226' height='40' viewBox='0 0 226 40' fill='none'%3E%3Cg clip-path='url(%23clip0_643_11732)'%3E%3Cpath d='M145.505 23.3288C144.608 22.2875 143.446 21.7115 142.317 21.7115C140.867 21.7115 140.158 22.5534 140.158 23.5282C140.158 24.4254 140.535 25.0457 141.819 25.5996L143.767 26.4526C145.826 27.3498 147.597 28.3468 147.597 30.8835C147.597 33.4202 145.482 35.3919 142.339 35.3919C139.605 35.3919 137.535 33.4202 136.738 31.9247L138.409 30.3074C139.162 31.9801 140.678 33.1543 142.339 33.1543C143.999 33.1543 144.973 32.2349 144.973 30.8835C144.973 30.2077 144.818 29.388 143.003 28.6348L141.011 27.7929C138.442 26.7184 137.546 25.3005 137.546 23.5282C137.546 21.2573 139.417 19.4739 142.328 19.4739C144.364 19.4739 146.014 20.3711 147.154 21.7669L145.516 23.3177L145.505 23.3288Z' fill='%23000026'/%3E%3Cpath d='M157.947 31.2047H151.969L150.419 35.0153H147.708L154.061 19.8616H155.854L162.208 35.0153H159.496L157.947 31.2047ZM152.877 28.9671H157.028L154.958 23.9048L152.888 28.9671H152.877Z' fill='%23000026'/%3E%3Cpath d='M166.204 35.0153H163.569V19.8616H173.731V22.0992H166.193V26.4636H172.336V28.6791H166.193V35.0263L166.204 35.0153Z' fill='%23000026'/%3E%3Cpath d='M178.657 32.7777H186.693V35.0153H176.034V19.8616H186.372V22.0992H178.657V26.1424H185.011V28.3578H178.657V32.7887V32.7777Z' fill='%23000026'/%3E%3Cpath d='M192.128 22.0882H187.269V19.8506H199.622V22.0882H194.762V35.0154H192.128V22.0882Z' fill='%23000026'/%3E%3Cpath d='M202.489 19.8506L206.097 26.7074L206.54 27.5825L206.983 26.7074L210.625 19.8506H213.381L207.88 29.7204V35.0043H205.245V29.7426L199.744 19.8506H202.5H202.489Z' fill='%23000026'/%3E%3Cpath d='M125.137 33.4534C124.462 34.9931 123.51 36.2448 122.304 37.2086C121.097 38.1723 119.636 38.8702 117.931 39.3243C116.227 39.7674 114.356 40 112.341 40C110.327 40 108.467 39.7785 106.774 39.3243C105.08 38.8702 103.63 38.1723 102.423 37.2086C101.217 36.2448 100.265 34.9931 99.5897 33.4534C98.9144 31.9136 98.5713 30.0416 98.5713 27.8594V13.1266C98.5713 12.462 98.9034 12.1296 99.5675 12.1296H107.471C108.168 12.1296 108.511 12.462 108.511 13.1266V27.5049C108.511 28.0366 108.578 28.5683 108.711 29.1C108.844 29.6317 109.054 30.108 109.353 30.5179C109.652 30.9388 110.039 31.2712 110.526 31.537C111.002 31.8029 111.611 31.9358 112.341 31.9358C113.072 31.9358 113.681 31.8029 114.179 31.537C114.677 31.2712 115.075 30.9278 115.374 30.5179C115.673 30.108 115.884 29.6317 116.016 29.1C116.149 28.5683 116.216 28.0366 116.216 27.5049V13.1266C116.216 12.462 116.548 12.1296 117.212 12.1296H125.115C125.813 12.1296 126.156 12.462 126.156 13.1266V27.8594C126.156 30.0527 125.813 31.9136 125.137 33.4534Z' fill='%23000026'/%3E%3Cpath d='M55.8997 39.8118C53.874 39.8118 52.0144 39.5902 50.3097 39.1361C48.6051 38.693 47.1329 37.984 45.9042 37.0203C44.6755 36.0566 43.7125 34.8049 43.0151 33.2651C42.3178 31.7254 41.9746 29.8533 41.9746 27.6711V23.3399C41.9746 21.1466 42.3178 19.2856 43.0151 17.7459C43.7125 16.2061 44.6755 14.9544 45.9042 13.9907C47.1329 13.027 48.594 12.3291 50.3097 11.8749C52.0144 11.4318 53.8851 11.1992 55.8997 11.1992C57.9143 11.1992 59.796 11.4208 61.5228 11.8749C63.2496 12.318 64.7218 13.027 65.9505 13.9907C67.1792 14.9544 68.1422 16.2061 68.8396 17.7459C69.5369 19.2856 69.8801 21.1577 69.8801 23.3399V27.6711C69.8801 29.8644 69.5369 31.7254 68.8396 33.2651C68.1422 34.8049 67.1792 36.0566 65.9505 37.0203C64.7218 37.984 63.2496 38.6819 61.5228 39.1361C59.796 39.5792 57.9253 39.8118 55.8997 39.8118ZM55.8997 31.7475C56.6967 31.7475 57.3719 31.6146 57.9143 31.3488C58.4567 31.0829 58.8994 30.7395 59.2315 30.3297C59.5636 29.9198 59.8071 29.4435 59.951 28.9118C60.0949 28.3801 60.1724 27.8483 60.1724 27.3166V23.6833C60.1724 23.1516 60.0949 22.631 59.951 22.1103C59.8071 21.6008 59.5636 21.1244 59.2315 20.6924C58.8994 20.2604 58.4567 19.917 57.9143 19.6512C57.3719 19.3853 56.6967 19.2524 55.8997 19.2524C55.1027 19.2524 54.4275 19.3853 53.8851 19.6512C53.3427 19.917 52.8999 20.2604 52.5678 20.6924C52.2358 21.1244 52.0033 21.6008 51.8705 22.1103C51.7377 22.6199 51.6712 23.1516 51.6712 23.6833V27.3166C51.6712 27.8483 51.7377 28.3801 51.8705 28.9118C52.0033 29.4435 52.2358 29.9198 52.5678 30.3297C52.8999 30.7506 53.3427 31.0829 53.8851 31.3488C54.4275 31.6146 55.1027 31.7475 55.8997 31.7475Z' fill='%23000026'/%3E%3Cpath d='M66.6698 1.69484L72.6472 9.37138C72.6472 9.37138 72.7468 9.53754 73.1231 9.71478C73.4995 9.89201 73.7651 9.90309 73.7651 9.90309H79.9971C81.9564 9.90309 83.5061 10.3794 84.6462 11.321C85.7863 12.2625 86.3619 13.7691 86.3619 15.8294V24.9349C86.3619 26.9953 85.7863 28.4907 84.6462 29.4434C83.5061 30.396 81.9564 30.8613 79.9971 30.8613H77.6836C77.6836 30.8613 77.4844 30.8391 77.2077 30.961C76.9309 31.0828 76.8645 31.1604 76.8645 31.1604L67.3671 38.8258C67.3671 38.8258 67.0904 39.0806 67.1458 39.3354C67.2011 39.5902 67.4668 39.9114 68.1088 39.9114H80.0414C82.3327 39.9114 84.4691 39.6788 86.4615 39.2135C88.454 38.7483 90.1808 37.9507 91.6641 36.8208C93.1363 35.691 94.3096 34.1845 95.173 32.3124C96.0364 30.4403 96.4681 28.092 96.4681 25.2673V15.4639C96.4681 12.6724 96.0364 10.3462 95.173 8.47412C94.3096 6.60206 93.1473 5.09556 91.6641 3.96568C90.1918 2.8358 88.454 2.03823 86.4615 1.55083C84.4691 1.06343 82.3327 0.830811 80.0414 0.830811H67.0572C66.0056 0.830811 66.6698 1.67268 66.6698 1.67268' fill='%23000026'/%3E%3Cpath d='M19.2714 24.3367L27.9275 0.841872C28.0271 0.542786 28.1378 0.332318 28.2707 0.199391C28.4035 0.0664636 28.647 0 29.0123 0H37.4692C38.1665 0 38.5097 0.321241 38.5097 0.941567V38.0172C38.5097 38.715 38.1776 39.0584 37.5135 39.0584H30.0085C29.3444 39.0584 29.0123 38.715 29.0123 38.0172V21.3902L23.5441 35.7242C23.4445 36.0233 23.3227 36.2337 23.201 36.3667C23.0792 36.4996 22.8246 36.566 22.4593 36.566H16.0945C15.7293 36.566 15.4857 36.4885 15.375 36.3445C15.2533 36.2005 15.1315 35.99 14.9987 35.7242L0.132745 1.34035C-0.0332929 0.974799 -0.044362 0.664636 0.110607 0.398782C0.265576 0.132927 0.531237 0 0.929728 0H9.3866C9.98434 0 10.3939 0.265854 10.6264 0.797563L19.2825 24.3367H19.2714Z' fill='%23000026'/%3E%3Cpath d='M0.0332031 8.26371C0.0332031 7.89816 0.22138 7.68769 0.586663 7.62123C0.951947 7.55477 1.21761 7.70985 1.38365 8.06432L9.08782 25.9319C9.25385 26.2975 9.36455 26.6077 9.43096 26.8735C9.49738 27.1394 9.53058 27.4385 9.53058 27.7708V38.1169C9.53058 38.7483 9.19851 39.0585 8.53435 39.0585H1.07371C0.376349 39.0585 0.0332031 38.7373 0.0332031 38.1169V8.26371Z' fill='%23000026'/%3E%3Cpath d='M221.794 30.7284C221.794 17.2585 200.242 6.34737 173.654 6.34737C156.696 6.34737 141.786 10.7893 133.207 17.5022C140.336 8.55174 157.648 2.24878 177.86 2.24878C204.448 2.24878 226 13.171 226 26.6298C226 31.5038 223.178 36.0455 218.307 39.8561C220.554 37.0425 221.794 33.9519 221.794 30.7284Z' fill='url(%23paint0_radial_643_11732)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_643_11732' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(143.381 8.27481) rotate(-180) scale(118.596 115.226)'%3E%3Cstop stop-color='%23F2A51E'/%3E%3Cstop offset='1' stop-color='%23F15630'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_643_11732'%3E%3Crect width='226' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.logo__link {
  display: block;
  width: 100%;
  height: 100%;
}

.header .pc {
  display: block;
  position: relative;
  padding-top: 20px;
  z-index: 9999;
}
.header .pc .inner {
  max-width: 1240px;
  margin: 0 auto;
}
.header .pc .inner--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.header .pc .inner--top .link {
  display: block;
  color: #032a5d;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.header .pc .inner--top .link.is-active {
  color: #ff5f1b;
}
.header .pc .inner--top .input-group {
  width: 187px;
}
.header .pc .inner--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 5px;
}
.header .pc .gnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 80px;
}
.header .pc .gnb__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .pc .gnb__item {
  position: relative;
}
.header .pc .gnb__item:hover .gnb__link {
  font-weight: 700;
  color: #ff5f1b;
  border-bottom: 2px solid #ff5f1b;
}
.header .pc .gnb__item:hover .depth--02 {
  display: block;
}
.header .pc .gnb__link {
  position: relative;
  display: block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  padding: 4px;
  border-bottom: 1px solid transparent;
}
.header .pc .depth {
  display: none;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 2px 8px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 2px 8px 4px 0px rgba(0, 0, 0, 0.25);
  min-width: 200px;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1000;
}
.header .pc .depth__item {
  position: relative;
}
.header .pc .depth__item:hover .depth--02 {
  display: block;
}
.header .pc .depth__link {
  display: block;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
}
.header .pc .depth__link:hover {
  font-weight: 700;
  color: #ff5f1b;
}
.header .pc .depth--02 {
  position: relative;
  left: 0;
  top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 13px;
  display: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  min-width: auto;
}
.header .pc .depth--02 .depth__link {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #111;
  padding: 4px 0;
}
.header .pc .depth--02 .depth__link:hover {
  font-weight: 700;
  color: #ff5f1b;
}
.header .pc .depth.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header .pc .sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header .m {
  display: none;
}

@media (max-width: 768px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
  }
  .header .pc {
    display: none;
  }
  .header .m {
    overflow: hidden;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  .header .m .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    padding: 16px;
    background-color: #fff;
    z-index: 9999;
  }
  .header .m .nav__contents {
    height: 100vh;
  }
  .header .m .nav .logo {
    width: 115px;
    height: 20px;
  }
  .header .m .inner {
    overflow: hidden;
    display: none;
    background-color: #fff;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 9998;
  }
  .header .m .inner.is-active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
  }
  .header .m .inner .nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header .m .gnb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 24px;
  }
  .header .m .gnb__link {
    position: relative;
    display: block;
    padding: 8px 16px;
    cursor: pointer;
  }
  .header .m .gnb__link.has-arrow::before {
    content: "";
    position: absolute;
    top: 0;
    right: 34px;
    -webkit-transform: rotate(180deg) translateY(-50%);
            transform: rotate(180deg) translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .header .m .gnb__link.has-arrow.is-active::before {
    top: 50%;
    -webkit-transform: rotate(0deg) translateY(-50%);
            transform: rotate(0deg) translateY(-50%);
    background-image: url("data:image/svg+xml;charset=utf8,");
  }
  .header .m .gnb__link .text {
    display: inline-block;
    font-weight: 400;
  }
  .header .m .gnb__link.is-active {
    background-color: #ff5f1b;
    border-radius: 4px;
  }
  .header .m .gnb__link.is-active .text {
    position: relative;
    font-weight: 700;
    color: #fff;
  }
  .header .m .depth__item .depth__link.has-arrow {
    position: relative;
  }
  .header .m .depth__item .depth__link.has-arrow::before {
    content: "";
    position: absolute;
    top: 0;
    right: 34px;
    -webkit-transform: rotate(180deg) translateY(-50%);
            transform: rotate(180deg) translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .header .m .depth__item .depth__link.has-arrow.is-active::before {
    top: 50%;
    -webkit-transform: rotate(0deg) translateY(-50%);
            transform: rotate(0deg) translateY(-50%);
  }
  .header .m .depth__link {
    display: block;
    padding: 8px 16px 8px 32px;
  }
  .header .m .depth--01 {
    display: none;
  }
  .header .m .depth--01.is-active {
    display: block;
    border-bottom: 1px solid #f6e7e0;
  }
  .header .m .depth--02 {
    display: none;
  }
  .header .m .depth--02.is-active {
    display: block;
  }
  .header .m .depth--02 .depth__link {
    display: block;
    padding: 4px 16px 4px 52px;
    cursor: pointer;
  }
  .header .m .contact {
    padding-top: 16px;
    border-top: 9px solid #cdcdcd;
  }
  .header .m .contact .link {
    padding: 8px 16px 8px 32px;
    font-family: "Pretendard Variable", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #c2c2c2;
  }
  .header .m .contact.is-active .link {
    color: #ff5f1b;
  }
}
.tag__item {
  padding: 4px 16px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  background-color: #032a5d;
  border-radius: 40px;
}
.tag__item.type--zoom {
  background-color: #aea1e4;
}
.tag__item.type--group {
  background-color: #a1cae4;
}
.tag__item.type--mail {
  background-color: #00c1ac;
}
.tag__item.type--online {
  background-color: #f6b97c;
}
.tag__item.type--legal {
  background-color: #70a3cb;
}

.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal {
  display: none;
}
.modal.is-active {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99999;
}

#layout {
  min-width: 1240px;
  border-top: 2px solid #ff5f1b;
}
#layout:has(.modal.is-active):before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.layout__container {
  max-width: 1240px;
  min-height: 943px;
  margin: 0 auto;
}
.layout__container:has(.main) {
  max-width: 100%;
}
.layout__header--title {
  margin: 20px 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
}
.layout__header--sub {
  position: relative;
  padding-left: 24px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #aeaeae;
}
.layout__header--sub::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23B4B4B4' fill-rule='evenodd' d='m16.29 17.175-1.04-.832a6.615 6.615 0 0 0 0-8.94l1.04-.832a7.94 7.94 0 0 1 0 10.604ZM13.655 8.68l-1.042.833a3.451 3.451 0 0 1 0 4.72l1.042.833a4.777 4.777 0 0 0 0-6.386ZM10.991 6.5 7.528 9.226H5v5.333h2.532l3.46 2.67V6.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.layout__header .depth {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.layout__body .color--red {
  color: #ee0000;
}
.layout__body .color--yellow {
  color: #fdb515;
}
.layout__body .color--blue {
  color: #0091ea;
}
.layout__body .color--primary {
  color: #ff5f1b;
}
.layout__body .notice--body ul + ul {
  margin-top: 28px;
}
.layout__body .notice--body li strong {
  font-weight: 400;
}

@media (max-width: 1024px) {
  #layout {
    min-width: 100%;
  }
}
.footer .logo {
  width: 170px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='226' height='40' viewBox='0 0 226 40' fill='none'%3E%3Cg clip-path='url(%23clip0_643_11732)'%3E%3Cpath d='M145.505 23.3288C144.608 22.2875 143.446 21.7115 142.317 21.7115C140.867 21.7115 140.158 22.5534 140.158 23.5282C140.158 24.4254 140.535 25.0457 141.819 25.5996L143.767 26.4526C145.826 27.3498 147.597 28.3468 147.597 30.8835C147.597 33.4202 145.482 35.3919 142.339 35.3919C139.605 35.3919 137.535 33.4202 136.738 31.9247L138.409 30.3074C139.162 31.9801 140.678 33.1543 142.339 33.1543C143.999 33.1543 144.973 32.2349 144.973 30.8835C144.973 30.2077 144.818 29.388 143.003 28.6348L141.011 27.7929C138.442 26.7184 137.546 25.3005 137.546 23.5282C137.546 21.2573 139.417 19.4739 142.328 19.4739C144.364 19.4739 146.014 20.3711 147.154 21.7669L145.516 23.3177L145.505 23.3288Z' fill='%23ffffff'/%3E%3Cpath d='M157.947 31.2047H151.969L150.419 35.0153H147.708L154.061 19.8616H155.854L162.208 35.0153H159.496L157.947 31.2047ZM152.877 28.9671H157.028L154.958 23.9048L152.888 28.9671H152.877Z' fill='%23ffffff'/%3E%3Cpath d='M166.204 35.0153H163.569V19.8616H173.731V22.0992H166.193V26.4636H172.336V28.6791H166.193V35.0263L166.204 35.0153Z' fill='%23ffffff'/%3E%3Cpath d='M178.657 32.7777H186.693V35.0153H176.034V19.8616H186.372V22.0992H178.657V26.1424H185.011V28.3578H178.657V32.7887V32.7777Z' fill='%23ffffff'/%3E%3Cpath d='M192.128 22.0882H187.269V19.8506H199.622V22.0882H194.762V35.0154H192.128V22.0882Z' fill='%23ffffff'/%3E%3Cpath d='M202.489 19.8506L206.097 26.7074L206.54 27.5825L206.983 26.7074L210.625 19.8506H213.381L207.88 29.7204V35.0043H205.245V29.7426L199.744 19.8506H202.5H202.489Z' fill='%23ffffff'/%3E%3Cpath d='M125.137 33.4534C124.462 34.9931 123.51 36.2448 122.304 37.2086C121.097 38.1723 119.636 38.8702 117.931 39.3243C116.227 39.7674 114.356 40 112.341 40C110.327 40 108.467 39.7785 106.774 39.3243C105.08 38.8702 103.63 38.1723 102.423 37.2086C101.217 36.2448 100.265 34.9931 99.5897 33.4534C98.9144 31.9136 98.5713 30.0416 98.5713 27.8594V13.1266C98.5713 12.462 98.9034 12.1296 99.5675 12.1296H107.471C108.168 12.1296 108.511 12.462 108.511 13.1266V27.5049C108.511 28.0366 108.578 28.5683 108.711 29.1C108.844 29.6317 109.054 30.108 109.353 30.5179C109.652 30.9388 110.039 31.2712 110.526 31.537C111.002 31.8029 111.611 31.9358 112.341 31.9358C113.072 31.9358 113.681 31.8029 114.179 31.537C114.677 31.2712 115.075 30.9278 115.374 30.5179C115.673 30.108 115.884 29.6317 116.016 29.1C116.149 28.5683 116.216 28.0366 116.216 27.5049V13.1266C116.216 12.462 116.548 12.1296 117.212 12.1296H125.115C125.813 12.1296 126.156 12.462 126.156 13.1266V27.8594C126.156 30.0527 125.813 31.9136 125.137 33.4534Z' fill='%23ffffff'/%3E%3Cpath d='M55.8997 39.8118C53.874 39.8118 52.0144 39.5902 50.3097 39.1361C48.6051 38.693 47.1329 37.984 45.9042 37.0203C44.6755 36.0566 43.7125 34.8049 43.0151 33.2651C42.3178 31.7254 41.9746 29.8533 41.9746 27.6711V23.3399C41.9746 21.1466 42.3178 19.2856 43.0151 17.7459C43.7125 16.2061 44.6755 14.9544 45.9042 13.9907C47.1329 13.027 48.594 12.3291 50.3097 11.8749C52.0144 11.4318 53.8851 11.1992 55.8997 11.1992C57.9143 11.1992 59.796 11.4208 61.5228 11.8749C63.2496 12.318 64.7218 13.027 65.9505 13.9907C67.1792 14.9544 68.1422 16.2061 68.8396 17.7459C69.5369 19.2856 69.8801 21.1577 69.8801 23.3399V27.6711C69.8801 29.8644 69.5369 31.7254 68.8396 33.2651C68.1422 34.8049 67.1792 36.0566 65.9505 37.0203C64.7218 37.984 63.2496 38.6819 61.5228 39.1361C59.796 39.5792 57.9253 39.8118 55.8997 39.8118ZM55.8997 31.7475C56.6967 31.7475 57.3719 31.6146 57.9143 31.3488C58.4567 31.0829 58.8994 30.7395 59.2315 30.3297C59.5636 29.9198 59.8071 29.4435 59.951 28.9118C60.0949 28.3801 60.1724 27.8483 60.1724 27.3166V23.6833C60.1724 23.1516 60.0949 22.631 59.951 22.1103C59.8071 21.6008 59.5636 21.1244 59.2315 20.6924C58.8994 20.2604 58.4567 19.917 57.9143 19.6512C57.3719 19.3853 56.6967 19.2524 55.8997 19.2524C55.1027 19.2524 54.4275 19.3853 53.8851 19.6512C53.3427 19.917 52.8999 20.2604 52.5678 20.6924C52.2358 21.1244 52.0033 21.6008 51.8705 22.1103C51.7377 22.6199 51.6712 23.1516 51.6712 23.6833V27.3166C51.6712 27.8483 51.7377 28.3801 51.8705 28.9118C52.0033 29.4435 52.2358 29.9198 52.5678 30.3297C52.8999 30.7506 53.3427 31.0829 53.8851 31.3488C54.4275 31.6146 55.1027 31.7475 55.8997 31.7475Z' fill='%23ffffff'/%3E%3Cpath d='M66.6698 1.69484L72.6472 9.37138C72.6472 9.37138 72.7468 9.53754 73.1231 9.71478C73.4995 9.89201 73.7651 9.90309 73.7651 9.90309H79.9971C81.9564 9.90309 83.5061 10.3794 84.6462 11.321C85.7863 12.2625 86.3619 13.7691 86.3619 15.8294V24.9349C86.3619 26.9953 85.7863 28.4907 84.6462 29.4434C83.5061 30.396 81.9564 30.8613 79.9971 30.8613H77.6836C77.6836 30.8613 77.4844 30.8391 77.2077 30.961C76.9309 31.0828 76.8645 31.1604 76.8645 31.1604L67.3671 38.8258C67.3671 38.8258 67.0904 39.0806 67.1458 39.3354C67.2011 39.5902 67.4668 39.9114 68.1088 39.9114H80.0414C82.3327 39.9114 84.4691 39.6788 86.4615 39.2135C88.454 38.7483 90.1808 37.9507 91.6641 36.8208C93.1363 35.691 94.3096 34.1845 95.173 32.3124C96.0364 30.4403 96.4681 28.092 96.4681 25.2673V15.4639C96.4681 12.6724 96.0364 10.3462 95.173 8.47412C94.3096 6.60206 93.1473 5.09556 91.6641 3.96568C90.1918 2.8358 88.454 2.03823 86.4615 1.55083C84.4691 1.06343 82.3327 0.830811 80.0414 0.830811H67.0572C66.0056 0.830811 66.6698 1.67268 66.6698 1.67268' fill='%23ffffff'/%3E%3Cpath d='M19.2714 24.3367L27.9275 0.841872C28.0271 0.542786 28.1378 0.332318 28.2707 0.199391C28.4035 0.0664636 28.647 0 29.0123 0H37.4692C38.1665 0 38.5097 0.321241 38.5097 0.941567V38.0172C38.5097 38.715 38.1776 39.0584 37.5135 39.0584H30.0085C29.3444 39.0584 29.0123 38.715 29.0123 38.0172V21.3902L23.5441 35.7242C23.4445 36.0233 23.3227 36.2337 23.201 36.3667C23.0792 36.4996 22.8246 36.566 22.4593 36.566H16.0945C15.7293 36.566 15.4857 36.4885 15.375 36.3445C15.2533 36.2005 15.1315 35.99 14.9987 35.7242L0.132745 1.34035C-0.0332929 0.974799 -0.044362 0.664636 0.110607 0.398782C0.265576 0.132927 0.531237 0 0.929728 0H9.3866C9.98434 0 10.3939 0.265854 10.6264 0.797563L19.2825 24.3367H19.2714Z' fill='%23ffffff'/%3E%3Cpath d='M0.0332031 8.26371C0.0332031 7.89816 0.22138 7.68769 0.586663 7.62123C0.951947 7.55477 1.21761 7.70985 1.38365 8.06432L9.08782 25.9319C9.25385 26.2975 9.36455 26.6077 9.43096 26.8735C9.49738 27.1394 9.53058 27.4385 9.53058 27.7708V38.1169C9.53058 38.7483 9.19851 39.0585 8.53435 39.0585H1.07371C0.376349 39.0585 0.0332031 38.7373 0.0332031 38.1169V8.26371Z' fill='%23ffffff'/%3E%3Cpath d='M221.794 30.7284C221.794 17.2585 200.242 6.34737 173.654 6.34737C156.696 6.34737 141.786 10.7893 133.207 17.5022C140.336 8.55174 157.648 2.24878 177.86 2.24878C204.448 2.24878 226 13.171 226 26.6298C226 31.5038 223.178 36.0455 218.307 39.8561C220.554 37.0425 221.794 33.9519 221.794 30.7284Z' fill='url(%23paint0_radial_643_11732)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_643_11732' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(143.381 8.27481) rotate(-180) scale(118.596 115.226)'%3E%3Cstop stop-color='%23F2A51E'/%3E%3Cstop offset='1' stop-color='%23F15630'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_643_11732'%3E%3Crect width='226' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
}
.footer .inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 40px 0;
}
.footer__top {
  background-color: #032a5d;
}
.footer .corp__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 45px;
  margin-top: 32px;
}
.footer .corp__list li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.footer .corp__list li:not(:first-of-type)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  height: 13px;
  background-color: #fff;
}
.footer .corp__link {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #fff;
}
.footer .company-info {
  margin-top: 32px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #fff;
}
.footer__bottom {
  background-color: #f9fafb;
}
.footer .auth {
  display: grid;
  grid-template-columns: repeat(5, minmax(100px, 133px));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.footer .auth li {
  max-width: 133px;
}

@media (max-width: 768px) {
  .footer .logo {
    width: 161px;
    height: 30px;
  }
  .footer .inner {
    padding: 40px 16px;
  }
  .footer .corp__list {
    padding-top: 25px;
  }
  .footer .corp__list li {
    margin-top: -25px;
  }
  .footer .auth {
    grid-template-columns: repeat(2, 1fr);
  }
}
#header-container .m-header .logo {
  width: 90px;
  height: 28px;
}

.header {
  position: relative;
  padding: 15px 20px;
  z-index: 99999;
}

.gnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  max-width: 1240px;
  margin: 0 auto;
}
.gnb .top-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 38px;
  width: 100%;
  height: 100%;
}
.gnb .top-menu__link {
  display: block;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.gnb .top-menu__link.is-active {
  color: #0d3050;
}
.gnb .top-menu__link.ico--edu {
  position: relative;
  display: block;
  padding: 7px 8px 6px 36px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  background-color: #032a5d;
  border-radius: 4px;
}
.gnb .top-menu__link.ico--edu::before {
  left: 8px;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.77778 19.1109C5.28889 19.1109 4.87052 18.937 4.52267 18.5891C4.17482 18.2413 4.00059 17.8226 4 17.3331C3.99941 16.8436 4.17363 16.4253 4.52267 16.078C4.8717 15.7307 5.29007 15.5565 5.77778 15.5553C6.26548 15.5542 6.68415 15.7284 7.03378 16.078C7.38341 16.4276 7.55733 16.846 7.55556 17.3331C7.55378 17.8202 7.37985 18.2389 7.03378 18.5891C6.6877 18.9393 6.26904 19.1133 5.77778 19.1109ZM5.77778 13.7776C5.28889 13.7776 4.87052 13.6036 4.52267 13.2558C4.17482 12.9079 4.00059 12.4893 4 11.9998C3.99941 11.5103 4.17363 11.0919 4.52267 10.7447C4.8717 10.3974 5.29007 10.2232 5.77778 10.222C6.26548 10.2208 6.68415 10.395 7.03378 10.7447C7.38341 11.0943 7.55733 11.5127 7.55556 11.9998C7.55378 12.4869 7.37985 12.9056 7.03378 13.2558C6.6877 13.606 6.26904 13.7799 5.77778 13.7776ZM5.77778 8.44423C5.28889 8.44423 4.87052 8.27031 4.52267 7.92245C4.17482 7.5746 4.00059 7.15594 4 6.66645C3.99941 6.17697 4.17363 5.7586 4.52267 5.41134C4.8717 5.06409 5.29007 4.88986 5.77778 4.88868C6.26548 4.88749 6.68415 5.06171 7.03378 5.41134C7.38341 5.76097 7.55733 6.17934 7.55556 6.66645C7.55378 7.15357 7.37985 7.57223 7.03378 7.92245C6.6877 8.27268 6.26904 8.4466 5.77778 8.44423ZM11.1111 8.44423C10.6222 8.44423 10.2039 8.27031 9.856 7.92245C9.50815 7.5746 9.33392 7.15594 9.33333 6.66645C9.33274 6.17697 9.50696 5.7586 9.856 5.41134C10.205 5.06409 10.6234 4.88986 11.1111 4.88868C11.5988 4.88749 12.0175 5.06171 12.3671 5.41134C12.7167 5.76097 12.8907 6.17934 12.8889 6.66645C12.8871 7.15357 12.7132 7.57223 12.3671 7.92245C12.021 8.27268 11.6024 8.4466 11.1111 8.44423ZM16.4444 8.44423C15.9556 8.44423 15.5372 8.27031 15.1893 7.92245C14.8415 7.5746 14.6673 7.15594 14.6667 6.66645C14.6661 6.17697 14.8403 5.7586 15.1893 5.41134C15.5384 5.06409 15.9567 4.88986 16.4444 4.88868C16.9321 4.88749 17.3508 5.06171 17.7004 5.41134C18.0501 5.76097 18.224 6.17934 18.2222 6.66645C18.2204 7.15357 18.0465 7.57223 17.7004 7.92245C17.3544 8.27268 16.9357 8.4466 16.4444 8.44423ZM11.1111 13.7776C10.6222 13.7776 10.2039 13.6036 9.856 13.2558C9.50815 12.9079 9.33392 12.4893 9.33333 11.9998C9.33274 11.5103 9.50696 11.0919 9.856 10.7447C10.205 10.3974 10.6234 10.2232 11.1111 10.222C11.5988 10.2208 12.0175 10.395 12.3671 10.7447C12.7167 11.0943 12.8907 11.5127 12.8889 11.9998C12.8871 12.4869 12.7132 12.9056 12.3671 13.2558C12.021 13.606 11.6024 13.7799 11.1111 13.7776ZM12 19.1109V16.3776L16.9111 11.4887C17.0444 11.3553 17.1926 11.259 17.3555 11.1998C17.5185 11.1405 17.6815 11.1109 17.8444 11.1109C18.0222 11.1109 18.1926 11.1444 18.3555 11.2113C18.5185 11.2783 18.6667 11.3782 18.8 11.5109L19.6222 12.3331C19.7407 12.4665 19.8335 12.6146 19.9004 12.7776C19.9674 12.9405 20.0006 13.1035 20 13.2665C19.9994 13.4294 19.9698 13.5962 19.9111 13.7669C19.8524 13.9376 19.7561 14.0893 19.6222 14.222L14.7333 19.1109H12ZM13.3333 17.7776H14.1778L16.8667 15.0665L16.4667 14.6442L16.0444 14.2442L13.3333 16.9331V17.7776ZM16.4667 14.6442L16.0444 14.2442L16.8667 15.0665L16.4667 14.6442Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.gnb .top-menu__link.ico--brand {
  position: relative;
  display: block;
  padding: 7px 8px 6px 36px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  background-color: #032a5d;
  border-radius: 4px;
}
.gnb .top-menu__link.ico--brand::before {
  left: 8px;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.90601 20V9.35901L12 4L19.094 9.35901V20H13.8323V13.5303H10.1677V20H4.90601Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.gnb .top-menu .link--inquiry {
  color: #ff5f1b;
}
.gnb-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.gnb-inner__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  width: 100%;
  height: 100%;
}
.gnb-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 80px;
  width: 100%;
  height: 100%;
}
.gnb-menu__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  text-align: center;
}
.gnb-menu__item:last-child {
  margin-left: -40px;
}
.gnb-menu__item:hover .gnb-sub {
  display: block;
}
.gnb-menu__item:hover .gnb-menu__link {
  color: #ff5f1b;
  border-color: #ff5f1b;
}
.gnb-menu__item.cart {
  width: 1.5rem;
  height: 1.5rem;
}
.gnb-menu__item.cart .gnb-menu__link {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23ff5f1b' d='M21.822 7.431A1 1 0 0 0 21 7H7.333L6.179 4.23A1.99 1.99 0 0 0 4.333 3H2v2h2.333l4.744 11.385A1 1 0 0 0 10 17h8c.417 0 .79-.259.937-.648l3-8a1 1 0 0 0-.115-.921ZM17.307 15h-6.64l-2.5-6h11.39l-2.25 6ZM10.5 21a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM17.5 21a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.gnb-menu__link {
  display: block;
  padding: 4px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  border-bottom: 1px solid transparent;
}
.gnb-sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 132px;
  padding-top: 6px;
}
.gnb-sub__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  height: 100%;
  padding: 16px;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 2px 8px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 2px 8px 4px 0 rgba(0, 0, 0, 0.25);
}
.gnb-sub__link {
  display: block;
  text-align: left;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.gnb-sub__link:hover {
  color: #ff5f1b;
  font-weight: 700;
}

.m-header {
  height: 51px;
  margin-bottom: 26px;
  padding: 0 16px;
}
.m-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  height: 100%;
}
.m-nav .logo {
  width: 115px;
  height: 20px;
}
.m-nav .fixed-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-left: auto;
}
.m-nav .fixed-menu__btn:is(.cart) {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23ff5f1b' d='M21.822 7.431A1 1 0 0 0 21 7H7.333L6.179 4.23A1.99 1.99 0 0 0 4.333 3H2v2h2.333l4.744 11.385A1 1 0 0 0 10 17h8c.417 0 .79-.259.937-.648l3-8a1 1 0 0 0-.115-.921ZM17.307 15h-6.64l-2.5-6h11.39l-2.25 6ZM10.5 21a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM17.5 21a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.m-nav .fixed-menu__btn:is(.is-login) {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21V19H19V5H12V3H19C19.55 3 20.021 3.196 20.413 3.588C20.805 3.98 21.0007 4.45067 21 5V19C21 19.55 20.8043 20.021 20.413 20.413C20.0217 20.805 19.5507 21.0007 19 21H12ZM10 17L8.625 15.55L11.175 13H3V11H11.175L8.625 8.45L10 7L15 12L10 17Z' fill='%23ff5f1b'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.m-nav .fixed-menu__btn:is(.is-loginOut) {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 21C4.45 21 3.97933 20.8043 3.588 20.413C3.19667 20.0217 3.00067 19.5507 3 19V5C3 4.45 3.196 3.97933 3.588 3.588C3.98 3.19667 4.45067 3.00067 5 3H12V5H5V19H12V21H5ZM16 17L14.625 15.55L17.175 13H9V11H17.175L14.625 8.45L16 7L21 12L16 17Z' fill='%23032a5d'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.m-gnb {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-gnb.is-active {
  display: block;
  overflow: hidden;
  z-index: 9999;
  background-color: #fff;
  border-radius: 0px 30px 30px 0px;
}
.m-gnb__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 16px 16px;
}
.m-gnb__header .fixed-menu__logo .logo {
  width: 115px;
  height: 20px;
}
.m-gnb .btn--close {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23000' d='M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-gnb .link__wrap {
  padding: 0 21px 35px;
}
.m-gnb .link__login {
  display: block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
}
.m-gnb-menu {
  margin-bottom: 45px;
}
.m-gnb-menu .link {
  position: relative;
  display: block;
  padding: 10px 16px 10px 48px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #032a5d;
  outline: 1px solid coral;
}
.m-gnb-menu .link.ico--edu {
  color: #fff;
  background-color: #032a5d;
}
.m-gnb-menu .link.ico--edu::before {
  left: 16px;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.77778 19.1109C5.28889 19.1109 4.87052 18.937 4.52267 18.5891C4.17482 18.2413 4.00059 17.8226 4 17.3331C3.99941 16.8436 4.17363 16.4253 4.52267 16.078C4.8717 15.7307 5.29007 15.5565 5.77778 15.5553C6.26548 15.5542 6.68415 15.7284 7.03378 16.078C7.38341 16.4276 7.55733 16.846 7.55556 17.3331C7.55378 17.8202 7.37985 18.2389 7.03378 18.5891C6.6877 18.9393 6.26904 19.1133 5.77778 19.1109ZM5.77778 13.7776C5.28889 13.7776 4.87052 13.6036 4.52267 13.2558C4.17482 12.9079 4.00059 12.4893 4 11.9998C3.99941 11.5103 4.17363 11.0919 4.52267 10.7447C4.8717 10.3974 5.29007 10.2232 5.77778 10.222C6.26548 10.2208 6.68415 10.395 7.03378 10.7447C7.38341 11.0943 7.55733 11.5127 7.55556 11.9998C7.55378 12.4869 7.37985 12.9056 7.03378 13.2558C6.6877 13.606 6.26904 13.7799 5.77778 13.7776ZM5.77778 8.44423C5.28889 8.44423 4.87052 8.27031 4.52267 7.92245C4.17482 7.5746 4.00059 7.15594 4 6.66645C3.99941 6.17697 4.17363 5.7586 4.52267 5.41134C4.8717 5.06409 5.29007 4.88986 5.77778 4.88868C6.26548 4.88749 6.68415 5.06171 7.03378 5.41134C7.38341 5.76097 7.55733 6.17934 7.55556 6.66645C7.55378 7.15357 7.37985 7.57223 7.03378 7.92245C6.6877 8.27268 6.26904 8.4466 5.77778 8.44423ZM11.1111 8.44423C10.6222 8.44423 10.2039 8.27031 9.856 7.92245C9.50815 7.5746 9.33392 7.15594 9.33333 6.66645C9.33274 6.17697 9.50696 5.7586 9.856 5.41134C10.205 5.06409 10.6234 4.88986 11.1111 4.88868C11.5988 4.88749 12.0175 5.06171 12.3671 5.41134C12.7167 5.76097 12.8907 6.17934 12.8889 6.66645C12.8871 7.15357 12.7132 7.57223 12.3671 7.92245C12.021 8.27268 11.6024 8.4466 11.1111 8.44423ZM16.4444 8.44423C15.9556 8.44423 15.5372 8.27031 15.1893 7.92245C14.8415 7.5746 14.6673 7.15594 14.6667 6.66645C14.6661 6.17697 14.8403 5.7586 15.1893 5.41134C15.5384 5.06409 15.9567 4.88986 16.4444 4.88868C16.9321 4.88749 17.3508 5.06171 17.7004 5.41134C18.0501 5.76097 18.224 6.17934 18.2222 6.66645C18.2204 7.15357 18.0465 7.57223 17.7004 7.92245C17.3544 8.27268 16.9357 8.4466 16.4444 8.44423ZM11.1111 13.7776C10.6222 13.7776 10.2039 13.6036 9.856 13.2558C9.50815 12.9079 9.33392 12.4893 9.33333 11.9998C9.33274 11.5103 9.50696 11.0919 9.856 10.7447C10.205 10.3974 10.6234 10.2232 11.1111 10.222C11.5988 10.2208 12.0175 10.395 12.3671 10.7447C12.7167 11.0943 12.8907 11.5127 12.8889 11.9998C12.8871 12.4869 12.7132 12.9056 12.3671 13.2558C12.021 13.606 11.6024 13.7799 11.1111 13.7776ZM12 19.1109V16.3776L16.9111 11.4887C17.0444 11.3553 17.1926 11.259 17.3555 11.1998C17.5185 11.1405 17.6815 11.1109 17.8444 11.1109C18.0222 11.1109 18.1926 11.1444 18.3555 11.2113C18.5185 11.2783 18.6667 11.3782 18.8 11.5109L19.6222 12.3331C19.7407 12.4665 19.8335 12.6146 19.9004 12.7776C19.9674 12.9405 20.0006 13.1035 20 13.2665C19.9994 13.4294 19.9698 13.5962 19.9111 13.7669C19.8524 13.9376 19.7561 14.0893 19.6222 14.222L14.7333 19.1109H12ZM13.3333 17.7776H14.1778L16.8667 15.0665L16.4667 14.6442L16.0444 14.2442L13.3333 16.9331V17.7776ZM16.4667 14.6442L16.0444 14.2442L16.8667 15.0665L16.4667 14.6442Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.m-gnb-menu .link.ico--brand {
  color: #fff;
  background-color: #032a5d;
}
.m-gnb-menu .link.ico--brand::before {
  left: 16px;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.90601 20V9.35901L12 4L19.094 9.35901V20H13.8323V13.5303H10.1677V20H4.90601Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.m-gnb-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.m-gnb-menu__item {
  width: 100%;
}
.m-gnb-menu__item + .m-gnb-menu__item {
  margin-left: 0;
}
.m-gnb-menu__item:has(.m-gnb-sub) .m-gnb-menu__link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M2.646 6.285a.522.522 0 0 1 .708 0L8 10.658l4.646-4.373a.522.522 0 0 1 .708 0 .451.451 0 0 1 0 .665l-5 4.706a.523.523 0 0 1-.708 0l-5-4.706a.451.451 0 0 1 0-.665Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-gnb-menu__item:has(.m-gnb-sub).is-active .m-gnb-menu__link:before {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.646 6.285a.522.522 0 0 1 .708 0L8 10.658l4.646-4.373a.522.522 0 0 1 .708 0 .451.451 0 0 1 0 .665l-5 4.706a.523.523 0 0 1-.708 0l-5-4.706a.451.451 0 0 1 0-.665Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.m-gnb-menu__item.is-active .m-gnb-menu__link {
  color: #fff;
  background-color: #ff5f1b;
  border-radius: 4px;
}
.m-gnb-menu__item.is-active .m-gnb-sub {
  display: block;
}
.m-gnb-menu__link {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 16px;
  text-align: left;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.m-gnb-sub {
  display: none;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.m-gnb-sub__item.is-active .m-gnb-sub__link {
  color: #ff5f1b;
  font-weight: 700;
}
.m-gnb-sub__link {
  display: block;
  width: 100%;
  height: 35px;
  padding: 8px 16px 8px 30px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
}
.m-gnb-sub__list {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.m-contact {
  padding-top: 26px;
  border-top: 9px solid #f5f5f5;
}
.m-contact__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.m-contact__item:nth-child(1) {
  color: #ff5f1b;
}
.m-contact__item:nth-child(2) {
  color: #032a5d;
}
.m-contact__link {
  display: block;
  width: 100%;
  padding: 8px 16px 8px 32px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.lnb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.lnb__item.is-active .lnb__link {
  color: #ff5f1b;
  font-weight: 600;
}
.lnb__item.is-active .lnb__link::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23ff5f1b' d='M8 7.06 9.06 6l5.78 5.777a.997.997 0 0 1 0 1.413l-5.78 5.78L8 17.91l5.425-5.425L8 7.06Z'/%3E%3C/svg%3E");
}
.lnb__link {
  position: relative;
  display: block;
  padding-left: 27px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.lnb__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23000' d='M8 7.06 9.06 6l5.78 5.777a.997.997 0 0 1 0 1.413l-5.78 5.78L8 17.91l5.425-5.425L8 7.06Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.filter + .purchase-history__list {
  margin-top: 26px;
}
.filter .btn-group {
  margin-top: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
}

.duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding: 13px 25px;
  background-color: #f7f6f6;
}
.duration .inputGroup {
  width: auto;
}
.duration .inputGroup:has(#input--period) .input-box {
  width: 183px;
}

@media (max-width: 1024px) {
  .filter + .purchase-history__list {
    margin-top: 63px;
  }
  .filter .btn-group {
    width: 100%;
    margin-top: 16px;
  }
  .filter .btn-list {
    width: 100%;
  }
  .filter .btn-list__item {
    width: 20%;
  }
  .duration {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0;
  }
  .duration .inputGroup:has(#input--period) .input-box {
    width: 45%;
  }
  .duration .inputGroup #input--period {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
    width: 100%;
  }
}
.userInfo .inputGroup {
  width: auto;
}
.userInfo .inputGroup.is-disabled .input-box {
  position: relative;
}
.userInfo .inputGroup.is-disabled .input-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5px;
  height: 38px;
  background-color: #c2c2c2;
}
.userInfo .inputGroup.is-disabled .input-box:has(#input--userId, #input--userName) .input {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.5);
  background-color: transparent;
  border: 0;
}
.userInfo #input--userId {
  width: 168px;
}
.userInfo #input--userName {
  width: 168px;
}
.userInfo #input--phone .input:first-child {
  width: 59px;
}
.userInfo #input--phone .input:not(:first-child) {
  width: 73px;
}
.userInfo #input--email {
  width: 375px;
}
.userInfo #input--address .btn-group .input {
  width: 168px;
}
.userInfo #input--address .input {
  width: 376px;
}
.userInfo .input--radio-togglelabel {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.userInfo__header--title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
}
.userInfo__header + .userInfo__body {
  margin-top: 50px;
}
.userInfo__item + .userInfo__item {
  margin-top: 40px;
}
.userInfo__item:nth-last-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.userInfo__item:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 55px;
}
.userInfo__item .radio__toggle-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.userInfo__item .btn-group:has(input[type=text]) {
  gap: 8px;
}
.userInfo__footer {
  margin: 80px 0;
}
.userInfo__footer .btn-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .userInfo .inputGroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
  }
  .userInfo .inputGroup .input {
    width: 100%;
  }
  .userInfo #input--email {
    width: 100%;
  }
  .userInfo #input--address .input {
    width: 100%;
  }
  .userInfo__header + .userInfo__body {
    margin-top: 55px;
  }
  .userInfo__item + .userInfo__item {
    margin-top: 20px;
  }
  .userInfo__item:nth-last-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
  .userInfo__item:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
.terms__wrapper {
  margin-bottom: 120px;
}
.terms__wrapper .layout__header--title {
  margin: 80px 0 40px;
}
.terms__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.terms__header--title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.terms__item {
  margin-top: 42px;
}
.terms__item--title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}
.terms__item--desc {
  overflow-y: scroll;
  margin: 13px 0 16px;
  padding: 0 12px;
  height: 236px;
  border: 1px solid #c2c2c2;
}
.terms__text pre {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.terms__text table,
.terms__text th,
.terms__text tr,
.terms__text td {
  border: 1px solid #111;
}
.terms__text th,
.terms__text td {
  padding: 2px 10px;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
}
.terms__text table:nth-of-type(1) {
  width: 46%;
}
.terms__text table:nth-of-type(2) {
  width: 50%;
}
.terms__footer {
  margin: 80px 0 120px;
}
.terms__footer .btn-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}

@media (max-width: 1024px) {
  .terms__wrapper {
    padding: 0 16px;
  }
  .terms__wrapper .layout__header--title {
    margin: 40px 0 20px;
  }
  .terms__text table:nth-of-type(1) {
    width: 100%;
  }
  .terms__text table:nth-of-type(2) {
    width: 100%;
  }
  .terms__footer {
    margin: 40px 0 80px;
  }
}
.complete {
  margin-top: 90px;
}
.complete__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 13px;
  padding-top: 140px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' fill='none'%3E%3Cpath fill='%230D3050' fill-rule='evenodd' d='M70.5 122.5a52.507 52.507 0 0 0 37.123-15.377A52.511 52.511 0 0 0 123 70a52.507 52.507 0 0 0-15.377-37.123A52.499 52.499 0 0 0 18 70a52.5 52.5 0 0 0 52.5 52.5Zm-1.353-31.267 29.166-35-8.96-7.466L64.27 78.86 51.29 65.876l-8.248 8.248 17.5 17.5 4.516 4.515 4.089-4.906Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 140px 140px;
  background-repeat: no-repeat;
  background-position: top center;
}
.complete__body strong {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.complete__body p {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}
.complete__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 24px 0 120px;
}

@media (max-width: 1024px) {
  .complete__footer {
    margin-bottom: 80px;
  }
}
.purchase-history {
  width: 100%;
}
.purchase-history__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.purchase-history__list + .pagination {
  margin-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.purchase-history__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.05);
}
.purchase-history .order {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}
.purchase-history .order__title p {
  max-width: 253px;
}
.purchase-history .order__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
}
.purchase-history .order__number dd {
  font-weight: 400;
}
.purchase-history .order__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
}
.purchase-history .order__date dd {
  font-weight: 400;
}
.purchase-history .order__state {
  margin-top: 20px;
}
.purchase-history .order__state p {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #0d3050;
}
.purchase-history .order__shipping {
  margin-top: 18px;
}
.purchase-history .order__shipping .link {
  display: inline-block;
  padding: 10px 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  color: #c2c2c2;
}
.purchase-history .layout__left .item__header dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.purchase-history .layout__left .item__body {
  margin-top: 24px;
}
.purchase-history .layout__right .btn {
  width: 115px;
}
.purchase-history .layout__right .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

@media (max-width: 1024px) {
  .purchase-history__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
  }
  .purchase-history .layout__right {
    width: 100%;
  }
  .purchase-history .layout__right .btn {
    width: 100%;
  }
  .purchase-history .layout__right .btn-group {
    width: 100%;
    gap: 8px;
  }
  .purchase-history .layout__left .item__header dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
}
.order-detail {
  width: 100%;
}
.order-detail .order__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.order-detail .order__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}
.order-detail .order__desc p {
  max-width: 796px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.order-detail .order__state {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  color: #0d3050;
}
.order-detail .order__textbook {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.order-detail .order__textbook li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-detail .order__textbook li .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.order-detail .order__textbook li p {
  width: 444px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.order-detail .order__textbook li .order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.order-detail .order__textbook li .order dt {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}
.order-detail .order__textbook li .order dd {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.order-detail .order__textbook li .order__shipping strong {
  display: inline-block;
  margin-right: 4px;
}
.order-detail .order__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.order-detail .order__price dt {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}
.order-detail .order__price dd {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.order-detail .order__price .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.order-detail .order__delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.order-detail .order__delivery address {
  margin-top: 4px;
}
.order-detail .order__delivery address .info {
  font-style: normal;
}
.order-detail .order__delivery .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.order-detail .order__delivery .inner-box h4 {
  line-height: 24px;
}
.order-detail__item {
  padding: 23px 0;
  border-top: 1px solid #aeaeae;
}
.order-detail__item:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
  padding: 14px 0;
  border-top: 1px solid #7a7a7a;
}
.order-detail__item:first-child .order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
}
.order-detail__item:first-child .order dt {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}
.order-detail__item:first-child .order dd {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.order-detail__item:has(.order__textbook) {
  position: relative;
}
.order-detail__item:has(.order__textbook) .btn-group {
  position: absolute;
  top: 23px;
  right: 0;
  width: 102px;
  height: 38px;
}
.order-detail__item:has(.order__textbook) .btn--shipping {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  color: #7a7a7a;
  text-align: center;
}
.order-detail__item:has(.order__price) {
  position: relative;
}
.order-detail__item:has(.order__price) .btn-group {
  position: absolute;
  top: 23px;
  right: 0;
}
.order-detail__item:has(.order__delivery) {
  position: relative;
}
.order-detail__item:has(.order__delivery) .btn-group {
  position: absolute;
  top: 23px;
  right: 0;
  width: 102px;
  height: 38px;
}
.order-detail__item:has(.order__delivery) .btn--modify {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  color: #7a7a7a;
  text-align: center;
}
.order-detail .layout__header--title {
  position: relative;
  margin-bottom: 13px;
  padding-left: 24px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
}
.order-detail .layout__header--title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m8.292 13.211 5.657 5.657 1.414-1.414-4.95-4.95 4.95-4.95L13.95 6.14l-5.657 5.657a1 1 0 0 0 0 1.414Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media (max-width: 1024px) {
  .order-detail__item:has(.order__price) .btn-group {
    position: static;
    margin-top: 16px;
  }
  .order-detail .order__desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  .order-detail .order__textbook li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .order-detail .order__textbook li .inner-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 8px;
  }
  .order-detail .order__textbook li p {
    width: 100%;
  }
  .order-detail .order__price {
    margin-top: 5px;
  }
  .order-detail .order__price .inner-box {
    gap: 8px;
  }
}
.faq__title-btn {
  display: block;
  width: 100%;
  padding: 7px 6px 8px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}
.faq__title strong {
  color: #ff5f1b;
  font-weight: 700;
}
.faq__item {
  position: relative;
  border-bottom: 1px solid #f5f5f5;
}
.faq__item:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 10px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%237a7a7a' fill-rule='evenodd' d='M2.646 6.285a.522.522 0 0 1 .708 0L8 10.658l4.646-4.373a.522.522 0 0 1 .708 0 .451.451 0 0 1 0 .665l-5 4.706a.523.523 0 0 1-.708 0l-5-4.706a.451.451 0 0 1 0-.665Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.faq__item.is-active:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.faq__item.is-active .faq__content {
  display: block;
  min-height: 90px;
}
.faq__item:last-child {
  border-bottom: 1px solid #c2c2c2;
}
.faq__content {
  display: none;
  padding: 12px 20px;
  background-color: #f7f6f6;
}
.faq__content pre {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #7c7c7c;
}
.faq .category + .faq__contents {
  margin-top: 23px;
}
.faq .category__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}
.faq .category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.faq .category__list--wrap {
  margin-top: 16px;
}
.faq .category__item.is-active .category__link {
  color: #0d3050;
  border-color: #0d3050;
}
.faq .category__link {
  display: block;
  padding: 3px 18px;
  border-radius: 50px;
  border: 1px solid #c2c2c2;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #c2c2c2;
}

@media (max-width: 1024px) {
  .faq .category {
    position: relative;
  }
  .faq .category__link {
    color: #c2c2c2;
  }
  .faq .category__list {
    overflow-x: auto;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    -ms-overflow-style: none;
  }
  .faq .category__list::-webkit-scrollbar {
    display: none;
  }
  .faq .category__list--wrap {
    position: relative;
    height: 40px;
  }
  .faq .category__list--wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
  }
  .faq .category__list--wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(30%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
  }
  .faq .category__item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .faq .category__item.is-active .category__link {
    color: #fff;
    background-color: #0d3050;
  }
}
.contactUsForm .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.contactUsForm .textarea {
  overflow: hidden;
  width: 100%;
  height: 290px;
  border-radius: 4px;
  border: 1px solid #c2c2c2;
}
.contactUsForm .textarea textarea {
  padding: 0.438rem 1rem;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  resize: none;
}
.contactUsForm .textarea textarea:focus-within {
  outline: none;
  border: 1px solid #c2c2c2;
}
.contactUsForm__item label {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.contactUsForm__item:has(.select) {
  padding-left: 76px;
}
.contactUsForm__item:has(.select) .select__value {
  text-align: left;
}
.contactUsForm__item:last-child {
  margin-top: 20px;
  padding-left: 76px;
}
.contactUsForm__item:last-child .btn {
  width: 100%;
}
.contactUsForm__item .inputGroup {
  gap: 16px;
}
.contactUsForm__item .inputGroup label {
  width: 60px;
}
.contactUsForm__item .inputGroup:has([id=input--userName]) .input-box {
  width: 100%;
}
.contactUsForm__item .inputGroup:has([id=input--phone]) #input--phone {
  gap: 8px;
}
.contactUsForm__item .inputGroup:has([id=input--phone]) #input--phone .input {
  width: 73px;
}
.contactUsForm__item .inputGroup:has([id=input--phone]) #input--phone .input:first-child {
  width: 59px;
}
.contactUsForm__item .inputGroup:has([id=input--phone]) .sub {
  margin-left: 0;
}
.contactUsForm__item .inputGroup:has([id=input--phone]) .sub__text {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #ff5f1b;
}

@media (max-width: 1024px) {
  .contactUsForm .form {
    gap: 16px;
  }
  .contactUsForm .inputGroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    gap: 8px;
  }
  .contactUsForm__item:has(.select) {
    padding-left: 0;
  }
  .contactUsForm__item:last-child {
    padding-left: 0;
  }
}
.search__bar {
  margin: 0 auto 43px;
}
.search__bar .btn-group {
  position: relative;
}
.search__bar .btn.pc-only {
  display: inline-block;
  width: 112px;
}
.search__bar .btn.mobile-only {
  display: none;
}
.search__bar .btn.mobile-only.btn--search {
  position: absolute;
  top: 50%;
  right: 6px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23000' d='m17.704 16.29-3.953-3.955a7.667 7.667 0 1 0-1.415 1.415l3.956 3.957a.999.999 0 0 0 1.632-.325 1 1 0 0 0-.217-1.09l-.003-.003ZM2.014 7.674a5.66 5.66 0 1 1 11.32 0 5.66 5.66 0 0 1-11.32 0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
.search__input--box {
  overflow: hidden;
  width: 428px;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #c2c2c2;
  background-color: #fff;
}
.search__input--box input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px 13px;
  font-size: 16px;
  color: #111;
}
.search__input--box input::-webkit-input-placeholder {
  color: #c2c2c2;
}
.search__input--box input::-moz-placeholder {
  color: #c2c2c2;
}
.search__input--box input:-ms-input-placeholder {
  color: #c2c2c2;
}
.search__input--box input::-ms-input-placeholder {
  color: #c2c2c2;
}
.search__input--box input::placeholder {
  color: #c2c2c2;
}

#search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
}

@media (max-width: 1024px) {
  .search__bar {
    margin-top: 8px;
    margin-bottom: 32px;
  }
  .search__bar .search__input--box {
    width: 100%;
  }
  .search__bar .search__input--box input {
    padding-right: 37px;
  }
  .search__bar .btn.pc-only {
    display: none;
  }
  .search__bar .btn.mobile-only {
    display: inline-block;
  }
  .search__bar .btn.mobile-only.btn--search {
    right: 0;
  }
  #search__form {
    gap: 0;
  }
}
.sorting__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.sorting__menu .btn {
  display: block;
  margin: 0;
  padding: 0 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #7a7a7a;
}
.sorting__menu .btn + .btn {
  position: relative;
}
.sorting__menu .btn + .btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  height: 16px;
  background-color: #7a7a7a;
}
.sorting__menu .btn.is-active, .sorting__menu .btn:hover {
  color: #ff5f1b;
}

.list {
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
}
.list__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 120px 16px 4px;
}
.list__item + .list__item {
  border-top: 1px solid #f5f5f5;
}
.list__item .item--state {
  position: absolute;
  top: 24px;
  right: 0;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #fdb515;
}
.list__item .item--title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list__item .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
  margin-top: 8px;
}
.list__item .info-box .item {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #c2c2c2;
}
.list__item.is-complete .item--state {
  color: #4caf50;
}
.list__item.is-unanswered .item--state {
  color: #fdb515;
}

.table-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 15px 8px 20px;
  border-bottom: 1px solid #f5f5f5;
}
.table-list__item:last-child {
  border-bottom-color: #c2c2c2;
}
.table-list__item .item {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.table-list__item .item--no {
  width: 64px;
  text-align: center;
}
.table-list__item .item--title {
  width: 800px;
  padding: 0 10px;
}
.table-list__item .item--writer {
  width: 100px;
  text-align: center;
  color: #c2c2c2;
}
.table-list__item .item--date {
  width: 130px;
  text-align: center;
  color: #c2c2c2;
}
.table-list__item--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 15px 8px 20px;
  background-color: #f5f5f5;
}
.table-list__item--header .item--title {
  text-align: center;
}
.table-list__item--header .item--writer {
  color: #111;
}
.table-list__item--header .item--date {
  color: #111;
}

@media (max-width: 1024px) {
  .table-list {
    border-top: 1px solid #c2c2c2;
  }
  .table-list__item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px;
    position: relative;
    padding: 14px 24px 14px 20px;
  }
  .table-list__item:before {
    content: "";
    position: absolute;
    top: 14px;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23000' d='M8 7.06 9.06 6l5.78 5.777a.997.997 0 0 1 0 1.413l-5.78 5.78L8 17.91l5.425-5.425L8 7.06Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .table-list__item:last-child {
    border-bottom-color: #f5f5f5;
  }
  .table-list__item--header {
    display: none;
  }
  .table-list__item .item {
    width: 100%;
    text-align: left;
  }
  .table-list__item .item--no {
    display: none;
  }
  .table-list__item .item--title {
    grid-column: 2 span;
    padding: 0;
  }
  .table-list__item .item--writer {
    grid-column: 1;
    max-width: 200px;
  }
  .table-list__item .item--date {
    grid-column: 2;
  }
}
@media (max-width: 768px) {
  .list__item {
    padding-right: 30%;
  }
}
.table-list-detail {
  margin-bottom: 161px;
}
.table-list-detail .title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
}
.table-list-detail .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.table-list-detail .inner-box:first-child .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.table-list-detail .inner-box:first-child .info-box .info {
  position: relative;
  padding-left: 24px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  color: #7a7a7a;
}
.table-list-detail .inner-box:first-child .info-box .info::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.table-list-detail .inner-box:first-child .info-box .info--view::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='gray' stroke-linecap='round' stroke-linejoin='round' d='M5 12s2.5-5 6.875-5 6.875 5 6.875 5-2.5 5-6.875 5S5 12 5 12Z'/%3E%3Cpath stroke='gray' stroke-linecap='round' stroke-linejoin='round' d='M11.875 13.875a1.875 1.875 0 1 0 0-3.75 1.875 1.875 0 0 0 0 3.75Z'/%3E%3C/svg%3E");
}
.table-list-detail .inner-box:first-child .info-box .info--reply::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='gray' stroke-linecap='round' stroke-linejoin='round' d='M17.25 13.5A1.25 1.25 0 0 1 16 14.75H8.5L6 17.25v-10A1.25 1.25 0 0 1 7.25 6H16a1.25 1.25 0 0 1 1.25 1.25v6.25Z'/%3E%3C/svg%3E");
}
.table-list-detail .inner-box:last-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.table-list-detail .inner-box:last-child .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 23px;
}
.table-list-detail .inner-box:last-child .info-box .info {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #c2c2c2;
}
.table-list-detail .contents {
  padding: 20px 0 13px;
  border-top: 1px solid #c2c2c2;
  border-bottom: 2px solid #aeaeae;
}
.table-list-detail .contents .text {
  overflow-y: auto;
  height: 500px;
}
.table-list-detail .contents .text p {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.table-list-detail .reply {
  border-bottom: 1px solid #aeaeae;
}
.table-list-detail .reply--name {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.table-list-detail .reply--date {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #aeaeae;
}
.table-list-detail .reply__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.table-list-detail .reply__header .btn {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}
.table-list-detail .reply__header .btn-group {
  position: absolute;
  top: 0;
  right: 0;
}
.table-list-detail .reply__body {
  margin-top: 16px;
}
.table-list-detail .reply__item {
  padding: 26px 0;
}
.table-list-detail .reply__item:not(.parent) {
  padding: 26px 25px;
  background-color: #f5f5f5;
}
.table-list-detail .files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
}
.table-list-detail .files__title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  display: block;
  padding-left: 32px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.table-list-detail .files__title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2306F' d='M19.416 11.68 9.84 18.045a4 4 0 0 1-4.428-6.663l10.41-6.919a2.5 2.5 0 1 1 2.768 4.165l-8.745 5.811a1 1 0 0 1-1.107-1.665l7.912-5.259-.83-1.249-7.912 5.258a2.5 2.5 0 1 0 2.767 4.165l8.745-5.812a4 4 0 0 0-4.428-6.663L4.58 10.133a5.5 5.5 0 1 0 6.088 9.161l9.578-6.365-.83-1.25Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.table-list-detail .files__link {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #aeaeae;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-list-detail__body {
  margin-top: 9px;
}
.table-list-detail__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 41px;
}
.table-list-detail__footer .textArea {
  height: 77px;
}
.table-list-detail__footer .btn-group {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.list-detail .inner-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.list-detail .inner-box .title {
  grid-column: 2 span;
  margin-bottom: 11px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.list-detail .inner-box .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: 1;
  gap: 19px;
}
.list-detail .inner-box .info-box:last-child {
  grid-column: 2;
  gap: 10px;
  justify-self: flex-end;
}
.list-detail .inner-box .info-box:last-child .info {
  padding-left: 28px;
}
.list-detail .inner-box .info-box .info {
  position: relative;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #c2c2c2;
}
.list-detail .inner-box .info-box .info::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.list-detail .inner-box .info-box .info--call::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23c2c2c2' d='M18.125 19c-1.736 0-3.451-.378-5.146-1.135-1.694-.757-3.236-1.83-4.625-3.22-1.389-1.389-2.461-2.93-3.218-4.624C4.379 8.327 4 6.61 4 4.875c0-.25.083-.458.25-.625A.848.848 0 0 1 4.875 4H8.25c.194 0 .368.066.52.198a.763.763 0 0 1 .272.469l.541 2.916c.028.223.021.41-.02.563a.876.876 0 0 1-.23.396l-2.02 2.041c.277.514.607 1.01.989 1.49.381.478.802.94 1.26 1.385.431.43.882.83 1.355 1.199.472.368.972.705 1.5 1.01l1.958-1.959c.125-.125.288-.218.49-.28.202-.063.4-.08.593-.053l2.875.583a.963.963 0 0 1 .48.303c.125.146.187.309.187.489v3.375c0 .25-.083.458-.25.625a.848.848 0 0 1-.625.25Z'/%3E%3C/svg%3E");
}
.list-detail .inner-box .info-box .info--mail::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23c2c2c2' d='M5.667 18.333c-.459 0-.85-.163-1.177-.489A1.608 1.608 0 0 1 4 16.667v-10c0-.459.163-.85.49-1.177.327-.326.719-.49 1.177-.49H19c.458 0 .85.163 1.177.49.327.327.49.719.49 1.177v10c0 .458-.163.85-.49 1.177a1.6 1.6 0 0 1-1.177.49H5.667Zm6.666-5.833L5.667 8.333v8.334H19V8.333L12.333 12.5Zm0-1.667L19 6.667H5.667l6.666 4.166Zm-6.666-2.5V6.667v10-8.334Z'/%3E%3C/svg%3E");
}
.list-detail__body .text p {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.list-detail__body .contents {
  min-height: 218px;
  max-height: 500px;
  padding-top: 36px;
}
.list-detail__body .reply {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.list-detail__body .reply--text {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.list-detail__body .reply--name, .list-detail__body .reply--date {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #c2c2c2;
}
.list-detail__body .reply__item {
  padding: 16px 0;
}
.list-detail__body .reply__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 16px;
}

@media (max-width: 1204px) {
  .table-list-detail .inner-box:first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }
  .table-list-detail .inner-box:last-child {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 6px;
  }
  .list-detail .inner-box {
    grid-template-columns: 1fr;
  }
  .list-detail .inner-box .info-box {
    grid-column: 2 span;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .list-detail .inner-box .info-box:last-child {
    grid-column: 2 span;
    justify-self: flex-start;
  }
  .list-detail .inner-box .info-box .info {
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .list-detail .inner-box .info-box .info--mail {
    display: block;
  }
  .list-detail .inner-box .info-box .info--call {
    display: block;
  }
}
.lectureProcessInfo {
  display: grid;
  grid-template-columns: 611px 611px;
  gap: 18px;
  margin-top: 14px;
}
.lectureProcessInfo .btn {
  width: 50%;
}
.lectureProcessInfo .btn-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.lectureProcessInfo__desc {
  grid-column: span 2;
  padding: 27px 16px;
  background-color: #f5f5f5;
}
.lectureProcessInfo__desc .desc--title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.lectureProcessInfo__desc .desc--text {
  margin-top: 4px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.lectureProcessInfo__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 10px;
  background-color: #f5f5f5;
  -webkit-box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
.lectureProcessInfo .progress dl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.lectureProcessInfo .progress .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px;
  border-radius: 10px;
  background-color: #fff;
}
.lectureProcessInfo .progress .inner-box dt {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.lectureProcessInfo .progress .inner-box dd {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.lectureProcessInfo .lecture-info {
  padding: 16px 11px;
  border-radius: 10px;
  background-color: #fff;
}
.lectureProcessInfo .lecture-info .table {
  border: 1px solid #fff;
}
.lectureProcessInfo .lecture-info .table + .table {
  border-left: 1px solid #f5f5f5;
}
.lectureProcessInfo .lecture-info .table:first-child td span {
  height: 60px;
}
.lectureProcessInfo .lecture-info .table th + th {
  border-left: 1px solid #f5f5f5;
}
.lectureProcessInfo .lecture-info .table td {
  border: 1px solid #f5f5f5;
}
.lectureProcessInfo .lecture-info .table td:first-child {
  border-left: none;
}
.lectureProcessInfo .lecture-info .table td[rowspan="2"] {
  border-bottom: none;
}
.lectureProcessInfo .lecture-info .table td:last-child {
  border-right: none;
  border-bottom: none;
}
.lectureProcessInfo .lecture-info .table span {
  display: block;
  padding: 6px 0;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.lectureProcessInfo .lecture-info .table--title {
  padding: 5px 0;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  background-color: #f5f5f5;
}
.lectureProcessInfo .lecture-info .table-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.lectureProcessInfo .lecture-info__link {
  position: absolute;
  top: 0;
  right: 11px;
  display: block;
  grid-column: span 2;
  text-align: right;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  color: #ff5f1b;
}
.lectureProcessInfo .lecture-info__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.lectureProcessInfo .lecture-info .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.lectureProcessInfo .lecture-info .inner-box:last-child {
  margin-top: 15px;
}
.lectureProcessInfo .lecture-info .inner-box:last-child dt,
.lectureProcessInfo .lecture-info .inner-box:last-child dd {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #8f8f8f;
}
.lectureProcessInfo .lecture-info__header {
  position: relative;
  display: grid;
  grid-template-columns: 191px 1fr;
  gap: 15px;
}
.lectureProcessInfo .lecture-info__header .thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 108px;
  background-color: #f5f5f5;
}
.lectureProcessInfo .lecture-info__header .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lectureProcessInfo .lecture-info__header:has(.lecture-info__link) {
  padding-top: 40px;
}
.lectureProcessInfo .lecture-info__body {
  margin-top: 16px;
}
.lectureProcessInfo .request .btn-group + .btn-group {
  margin-top: 8px;
}
.lectureProcessInfo .status {
  padding: 17px 16px;
  border-radius: 10px;
  background-color: #fff;
}
.lectureProcessInfo .status .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
}
.lectureProcessInfo .status .btn {
  width: auto;
  padding: 8px 20px;
}
.lectureProcessInfo .status .btn-group {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 18px;
}
.lectureProcessInfo .status .title {
  margin-right: auto;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.lectureProcessInfo .status .desc {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.lectureProcessInfo .status--completion {
  padding: 8px;
}
.lectureProcessInfo .status--completion .inner-box {
  gap: 0;
}
.lectureProcessInfo .status--completion .title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.lectureProcessInfo .status--completion .desc {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.lectureProcessInfo .status--completion .btn {
  padding: 0;
}
.lectureProcessInfo .status--completion .btn-group {
  display: none;
}
.lectureProcessInfo .status--completion .btn .ico {
  position: relative;
}
.lectureProcessInfo .status--completion .btn .ico:before {
  content: "";
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.lectureProcessInfo .status--completion .btn .ico.ico--print {
  padding-right: 29px;
  color: #0091ea;
}
.lectureProcessInfo .status--completion .btn .ico.ico--print::before {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='%230091EA' d='M8.5 21.5c-.55 0-1.02-.196-1.412-.587A1.93 1.93 0 0 1 6.5 19.5v-2h-2c-.55 0-1.02-.196-1.412-.587A1.93 1.93 0 0 1 2.5 15.5v-4c0-.85.292-1.562.875-2.137S4.667 8.501 5.5 8.5h14c.85 0 1.563.288 2.138.863s.863 1.288.862 2.137v4c0 .55-.196 1.021-.587 1.413a1.92 1.92 0 0 1-1.413.587h-2v2c0 .55-.196 1.021-.587 1.413a1.92 1.92 0 0 1-1.413.587h-8Zm-4-6h2c0-.55.196-1.02.588-1.412A1.931 1.931 0 0 1 8.5 13.5h8c.55 0 1.021.196 1.413.588.392.392.588.863.587 1.412h2v-4a.965.965 0 0 0-.288-.712.973.973 0 0 0-.712-.288h-14a.965.965 0 0 0-.712.288.972.972 0 0 0-.288.712v4Zm12-7v-3h-8v3h-2v-3c0-.55.196-1.02.588-1.412A1.93 1.93 0 0 1 8.5 3.5h8c.55 0 1.021.196 1.413.588.392.392.588.863.587 1.412v3h-2Zm2 4.5a.968.968 0 0 0 .713-.288A.964.964 0 0 0 19.5 12a.973.973 0 0 0-.288-.712A.965.965 0 0 0 18.5 11a.965.965 0 0 0-.712.288.973.973 0 0 0-.288.712c0 .283.095.52.288.713A.96.96 0 0 0 18.5 13Zm-2 6.5v-4h-8v4h8Z'/%3E%3C/svg%3E");
}
.lectureProcessInfo .status--completion.is-print .btn-group {
  display: block;
}
.lectureProcessInfo .status--score {
  padding: 8px;
}
.lectureProcessInfo .status--score .title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.lectureProcessInfo .status--score .desc {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .lectureProcessInfo {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .lectureProcessInfo__desc {
    grid-column: 1;
  }
}
@media (max-width: 768px) {
  .lectureProcessInfo .btn {
    width: 100%;
  }
  .lectureProcessInfo .progress dl {
    grid-template-columns: 1fr;
  }
  .lectureProcessInfo .lecture-info .table + .table {
    border-left: none;
  }
  .lectureProcessInfo .lecture-info .table-group {
    grid-template-columns: 1fr;
  }
  .lectureProcessInfo .lecture-info .table:first-child {
    border-bottom: 1px solid #f5f5f5;
  }
  .lectureProcessInfo .lecture-info .table:first-child td span {
    height: auto;
  }
  .lectureProcessInfo .lecture-info .inner-box:last-child {
    margin-top: 9px;
  }
  .lectureProcessInfo .lecture-info__header {
    grid-template-columns: 1fr;
  }
  .lectureProcessInfo .lecture-info__header .thumbnail {
    width: 184px;
    height: 106px;
  }
  .lectureProcessInfo .lecture-info .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 9px;
  }
  .lectureProcessInfo .request .btn-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lectureProcessInfo .status {
    padding-left: 8px;
    padding-right: 8px;
  }
  .lectureProcessInfo .status .inner-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .lectureProcessInfo .status .btn {
    width: 100%;
  }
  .lectureProcessInfo .status .btn-group {
    grid-column: span 2;
  }
  .lectureProcessInfo .status .title {
    text-align: right;
  }
  .lectureProcessInfo .status .desc {
    text-align: right;
  }
}
.modal {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
}
.modal__header {
  position: relative;
}
.modal__header .btn {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23000' d='M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.modal__header .btn-group {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal--print {
  width: 325px;
  height: 482px;
  padding: 17px 10px 0;
}
.modal--print .form {
  margin-top: 51px;
}
.modal--print .form ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 34px;
}
.modal--print .form li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.modal--print .form li .text {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}
.modal--print .form .btn {
  padding: 19px 0;
  color: #ff5f1b;
}
.modal--print .form .btn-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 34px;
  border-top: 1px solid #b4b4b4;
}
.modal--print .modal__title {
  margin-top: 26px;
  padding-top: 129px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='%230091EA' d='M8.5 21.5c-.55 0-1.02-.196-1.412-.587A1.93 1.93 0 0 1 6.5 19.5v-2h-2c-.55 0-1.02-.196-1.412-.587A1.93 1.93 0 0 1 2.5 15.5v-4c0-.85.292-1.562.875-2.137S4.667 8.501 5.5 8.5h14c.85 0 1.563.288 2.138.863s.863 1.288.862 2.137v4c0 .55-.196 1.021-.587 1.413a1.92 1.92 0 0 1-1.413.587h-2v2c0 .55-.196 1.021-.587 1.413a1.92 1.92 0 0 1-1.413.587h-8Zm-4-6h2c0-.55.196-1.02.588-1.412A1.931 1.931 0 0 1 8.5 13.5h8c.55 0 1.021.196 1.413.588.392.392.588.863.587 1.412h2v-4a.965.965 0 0 0-.288-.712.973.973 0 0 0-.712-.288h-14a.965.965 0 0 0-.712.288.972.972 0 0 0-.288.712v4Zm12-7v-3h-8v3h-2v-3c0-.55.196-1.02.588-1.412A1.93 1.93 0 0 1 8.5 3.5h8c.55 0 1.021.196 1.413.588.392.392.588.863.587 1.412v3h-2Zm2 4.5a.968.968 0 0 0 .713-.288A.964.964 0 0 0 19.5 12a.973.973 0 0 0-.288-.712A.965.965 0 0 0 18.5 11a.965.965 0 0 0-.712.288.973.973 0 0 0-.288.712c0 .283.095.52.288.713A.96.96 0 0 0 18.5 13Zm-2 6.5v-4h-8v4h8Z'/%3E%3C/svg%3E");
  background-size: 120px 120px;
  background-repeat: no-repeat;
  background-position: top center;
}
.modal--text {
  width: 643px;
}
.modal--text .modal__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}
.modal--text .modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 181px;
}
.modal--text .btn {
  width: 100%;
  padding: 19px 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  color: #ff5f1b;
}
.modal--title-sub {
  width: 325px;
  height: 376px;
}
.modal--title-sub .modal__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
}
.modal--title-sub .modal__sub {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.modal--title-sub .modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 11px;
  min-height: 314px;
}
.modal--title-sub .modal__footer {
  padding: 0 10px;
}
.modal--title-sub .modal__footer .btn {
  padding: 19px 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  color: #ff5f1b;
}
.modal--title-sub .modal__footer .btn-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #b4b4b4;
}

.layout__container:has(.landing) {
  max-width: 1920px;
}

.landing .layout__header .img-box {
  position: relative;
}
.landing .layout__header .link--search {
  position: absolute;
  top: 89.1%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 26.8%;
  height: 2.8%;
}

@media (max-width: 768px) {
  .landing .layout__header .link--search {
    top: 86.7%;
    width: 100%;
    height: 2.6%;
  }
}
.small__text {
  display: block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.m_break {
  display: none;
}

.point--text {
  font-weight: inherit;
  color: #ff5f1b;
}

.ant {
  display: block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #ff5f1b;
}

.section {
  padding: 80px 0 80px;
}
.section:has(.process) .ant {
  text-align: center;
}
.section:has(.process) .contents__top {
  text-align: center;
}
.section:has(.process) .contents__bottom {
  margin-top: 40px;
}
.section:has(.instructor) .ant {
  text-align: center;
}
.section:has(.instructor) .contents__top {
  text-align: center;
}
.section:has(.instructor) .contents__bottom {
  margin-top: 80px;
}
.section:is(.banner--contact) {
  padding: 0 0 120px;
}
.section .title__point {
  display: block;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #ff5f1b;
}
.section .title__text {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
}
.section .title + .desc {
  margin-top: 16px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.section .contents {
  margin-top: 16px;
}
.section .contents:is(.tab__list) .contents__bottom {
  margin-top: 0;
}
.section .contents__top .title + .desc {
  margin-top: 16px;
}
.section .contents__bottom {
  margin-top: 16px;
}
.section .contents__bottom:has(.qual__list) {
  margin-top: 40px;
}
.section--01 {
  padding-top: 120px;
}
.section--calendar {
  padding-bottom: 0;
}
.section--calendar .title {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
}
.section--calendar .desc {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.section--calendar .ant {
  text-align: center;
}
.section--calendar .contents__top .title {
  text-align: center;
}
.section--calendar .contents__top .desc {
  text-align: center;
}

@media (max-width: 1024px) {
  .wrap {
    padding-top: 58px;
  }
  .m_break {
    display: block;
  }
  .section:not(.banner--contact) {
    padding: 40px 0;
  }
  .section:not(.banner--contact) .inner {
    padding-left: 16px;
    padding-right: 16px;
  }
  .section:is(.banner--contact) {
    padding-bottom: 80px;
  }
  .section:has(.instructor) .contents__bottom {
    margin-top: 60px;
  }
  .section .title__text {
    font-size: 28px;
  }
  .section .contents__top .title + .desc {
    margin-top: 12px;
  }
  .section .contents__bottom:has(.qual__list) {
    margin-top: 20px;
  }
}
.layout__container:has(.refundDetail) {
  margin-bottom: 120px;
}

.refundGuide__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin: 20px 0 120px;
}
.refundGuide__item strong {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.refundGuide__item dt,
.refundGuide__item dd {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.refundGuide__item dt {
  margin-top: 20px;
}
.refundGuide__item dt:first-child {
  margin-top: 0;
}
.refundGuide__item strong + dl {
  margin-top: 4px;
}
.refundGuide__item th {
  padding: 16px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
  background-color: #f2f4f7;
  border: 1px solid #fff;
}
.refundGuide__item td {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  border-right: 1px solid #eae8e8;
  border-bottom: 1px solid #eae8e8;
}
.refundGuide__item td p {
  padding: 16px;
}

.refundDetail .refundGuide__wrapper {
  margin: 0;
  padding: 24px 20px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.05);
}
.refundDetail .table__header {
  grid-template-columns: 208px 255px 200px 140px 140px;
  gap: 60px;
}
.refundDetail .table__body {
  margin-top: 16px;
}
.refundDetail .table__body .table__tr {
  grid-template-columns: 208px 255px 200px 140px 140px;
  gap: 60px;
  padding: 16px;
}
.refundDetail .table__body .table__td:nth-child(2), .refundDetail .table__body .table__td:nth-child(3) {
  padding: 0;
}
.refundDetail .table__th {
  text-align: center;
}
.refundDetail .payment {
  margin-top: 16px;
  padding: 16px;
}
.refundDetail .payment__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.refundDetail .payment__item:nth-child(3) {
  font-weight: 700;
}

.reason {
  padding: 16px;
  border-top: 1px solid #eae8e8;
  border-bottom: 2px solid #eae8e8;
}
.reason .components {
  margin-bottom: 0px;
}
.reason .components-title {
  margin: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.reason .components-select {
  width: 250px;
  margin-top: 4px;
  margin-bottom: 20px;
  padding: 0;
}
.reason .select__value {
  text-align: left;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.reason .select__option {
  text-align: left;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .layout__container:has(.refundDetail) {
    margin-bottom: 80px;
    padding: 0 16px;
  }
  .refundGuide {
    padding: 0 16px;
  }
  .refundGuide__wrapper {
    margin-bottom: 80px;
  }
  .refundDetail .table__header {
    display: none;
  }
  .refundDetail .table__body .table__tr {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .refundDetail .table__body .table__td:nth-child(4) {
    padding: 0;
  }
  .refundDetail .table__body .table__td:nth-child(5) {
    position: static;
    top: auto;
    right: auto;
    padding: 0;
  }
  .refundDetail .payment {
    border: 1px solid #eae8e8;
    border-radius: 4px;
  }
  .reason {
    margin-top: 16px;
  }
}
.location {
  padding-bottom: 120px;
}
.location__map {
  width: 100%;
  height: 512px;
  border-radius: 16px;
  margin-bottom: 16px;
  background-color: #f5f5f5;
}
.location__info {
  padding: 16px;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.location__info li {
  position: relative;
  padding: 16px 0 16px 28px;
}
.location__info li::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px 20px;
}
.location__info li.ico--address::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath d='M8.41219 16.7008L12.5278 12.5674C13.2832 11.823 13.7942 10.9452 14.0608 9.93411C14.3163 8.94522 14.3163 7.95634 14.0608 6.96745C13.7942 5.95634 13.286 5.07578 12.5362 4.32578C11.7863 3.57578 10.906 3.06745 9.89515 2.80078C8.90651 2.54523 7.91787 2.54523 6.92923 2.80078C5.91837 3.06745 5.03803 3.57578 4.28822 4.32578C3.53841 5.07578 3.0302 5.95634 2.7636 6.96745C2.50811 7.95634 2.50811 8.94522 2.7636 9.93411C3.0302 10.9452 3.54118 11.823 4.29655 12.5674L8.41219 16.7008ZM8.41219 19.0508L3.11351 13.7508C2.14709 12.7952 1.49725 11.6619 1.164 10.3508C0.83075 9.08411 0.83075 7.81745 1.164 6.55078C1.49725 5.23967 2.14431 4.10356 3.10518 3.14245C4.06605 2.18134 5.20188 1.52856 6.51266 1.18411C7.77901 0.861891 9.04536 0.861891 10.3117 1.18411C11.6225 1.52856 12.7583 2.18134 13.7192 3.14245C14.6801 4.10356 15.3271 5.23967 15.6604 6.55078C15.9936 7.81745 15.9936 9.08411 15.6604 10.3508C15.3271 11.6619 14.6773 12.7952 13.7109 13.7508L8.41219 19.0508ZM8.41219 10.1174C8.71211 10.1174 8.98982 10.0424 9.24531 9.89245C9.5008 9.74245 9.70353 9.53967 9.85349 9.28411C10.0035 9.02856 10.0784 8.75078 10.0784 8.45078C10.0784 8.15078 10.0035 7.873 9.85349 7.61745C9.70353 7.36189 9.5008 7.15911 9.24531 7.00911C8.98982 6.85911 8.71211 6.78411 8.41219 6.78411C8.11226 6.78411 7.83455 6.85911 7.57906 7.00911C7.32357 7.15911 7.12084 7.36189 6.97088 7.61745C6.82092 7.873 6.74594 8.15078 6.74594 8.45078C6.74594 8.75078 6.82092 9.02856 6.97088 9.28411C7.12084 9.53967 7.32357 9.74245 7.57906 9.89245C7.83455 10.0424 8.11226 10.1174 8.41219 10.1174ZM8.41219 11.7841C7.81234 11.7841 7.25692 11.6341 6.74594 11.3341C6.23495 11.0341 5.8295 10.6286 5.52958 10.1174C5.22965 9.60634 5.07969 9.048 5.07969 8.44245C5.07969 7.83689 5.22965 7.28134 5.52958 6.77578C5.8295 6.27022 6.23495 5.86745 6.74594 5.56745C7.25692 5.26745 7.81234 5.11745 8.41219 5.11745C9.01204 5.11745 9.56745 5.26745 10.0784 5.56745C10.5894 5.86745 10.9949 6.27022 11.2948 6.77578C11.5947 7.28134 11.7447 7.83689 11.7447 8.44245C11.7447 9.048 11.5947 9.60634 11.2948 10.1174C10.9949 10.6286 10.5894 11.0341 10.0784 11.3341C9.56745 11.6341 9.01204 11.7841 8.41219 11.7841Z' fill='%23FF5F1B'/%3E%3C/svg%3E");
}
.location__info li.ico--address .btn {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #ff5f1b;
}
.location__info li.ico--address .btn:is(.ico--copy) {
  position: relative;
  padding-left: 24px;
}
.location__info li.ico--address .btn:is(.ico--copy)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M3.11111 3.2V0.799999C3.11111 0.575999 3.1863 0.386666 3.33667 0.231999C3.48704 0.0773325 3.67111 0 3.88889 0H13.2222C13.44 0 13.6241 0.0773325 13.7744 0.231999C13.9248 0.386666 14 0.575999 14 0.799999V12C14 12.224 13.9248 12.4133 13.7744 12.568C13.6241 12.7227 13.44 12.8 13.2222 12.8H10.8889V15.2C10.8889 15.424 10.8137 15.6133 10.6633 15.768C10.513 15.9227 10.3289 16 10.1111 16H0.777778C0.56 16 0.375926 15.9227 0.225556 15.768C0.0751852 15.6133 0 15.424 0 15.2V4C0 3.776 0.0777778 3.58667 0.233333 3.432C0.388889 3.27733 0.57037 3.2 0.777778 3.2H3.11111ZM1.55556 4.8V14.4H9.33333V4.8H1.55556ZM4.66667 3.2H10.8889V11.2H12.4444V1.6H4.66667V3.2Z' fill='%23FF5F1B'/%3E%3C/svg%3E");
  background-size: 14px 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.location__info li.ico--time::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.33125 16.666C7.1982 16.666 6.11514 16.4493 5.08206 16.016C4.09342 15.5938 3.21309 14.9966 2.44106 14.2243C1.66903 13.4521 1.07195 12.5716 0.649838 11.5827C0.216613 10.5493 0 9.46602 0 8.33268C0 7.19935 0.216613 6.11602 0.649838 5.08268C1.07195 4.09379 1.66903 3.21324 2.44106 2.44102C3.21309 1.66879 4.09342 1.07157 5.08206 0.649349C6.11514 0.216017 7.1982 -0.000650406 8.33125 -0.000650406C9.4643 -0.000650406 10.5474 0.216017 11.5804 0.649349C12.5691 1.07157 13.4494 1.66879 14.2214 2.44102C14.9935 3.21324 15.5905 4.09379 16.0127 5.08268C16.4459 6.11602 16.6625 7.19935 16.6625 8.33268C16.6625 9.46602 16.4459 10.5493 16.0127 11.5827C15.5905 12.5716 14.9935 13.4521 14.2214 14.2243C13.4494 14.9966 12.5691 15.5938 11.5804 16.016C10.5474 16.4493 9.4643 16.666 8.33125 16.666ZM8.33125 14.9993C9.54206 14.9993 10.664 14.6938 11.6971 14.0827C12.6968 13.4938 13.4911 12.6993 14.0798 11.6993C14.6908 10.666 14.9963 9.54379 14.9963 8.33268C14.9963 7.12157 14.6908 5.99935 14.0798 4.96602C13.4911 3.96602 12.6968 3.17157 11.6971 2.58268C10.664 1.97157 9.54206 1.66602 8.33125 1.66602C7.12044 1.66602 5.9985 1.97157 4.96543 2.58268C3.96568 3.17157 3.17143 3.96602 2.58269 4.96602C1.97173 5.99935 1.66625 7.12157 1.66625 8.33268C1.66625 9.54379 1.97173 10.666 2.58269 11.6993C3.17143 12.6993 3.96568 13.4938 4.96543 14.0827C5.9985 14.6938 7.12044 14.9993 8.33125 14.9993ZM9.16438 8.33268H12.4969V9.99935H7.49813V4.16602H9.16438V8.33268Z' fill='%23FF5F1B'/%3E%3C/svg%3E");
}
.location__info li.ico--contact::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17.3305 12.8159C17.3305 13.5937 17.1583 14.3326 16.8139 15.0326C16.4807 15.6992 16.0141 16.2687 15.4143 16.7409C14.8144 17.2131 14.1424 17.5326 13.3981 17.6992L12.8649 16.0992C13.3648 16.0214 13.8202 15.8381 14.2312 15.5492C14.6423 15.2603 14.9699 14.8992 15.2143 14.4659H13.1648C12.8649 14.4659 12.5872 14.3937 12.3317 14.2492C12.0762 14.1048 11.8735 13.9048 11.7235 13.6492C11.5736 13.3937 11.4986 13.1103 11.4986 12.7992V9.46589C11.4986 9.16589 11.5736 8.88811 11.7235 8.63255C11.8735 8.377 12.0762 8.17422 12.3317 8.02422C12.5872 7.87422 12.8649 7.79922 13.1648 7.79922H15.6142C15.4809 6.72144 15.1032 5.73811 14.4812 4.84922C13.8591 3.96033 13.076 3.26033 12.1318 2.74922C11.1542 2.227 10.1101 1.96589 8.99922 1.96589C7.88839 1.96589 6.8442 2.227 5.86667 2.74922C4.92246 3.26033 4.13932 3.96033 3.51726 4.84922C2.89519 5.73811 2.51751 6.72144 2.38421 7.79922H4.83359C5.13352 7.79922 5.41123 7.87422 5.66672 8.02422C5.92221 8.17422 6.12494 8.377 6.2749 8.63255C6.42486 8.88811 6.49984 9.16589 6.49984 9.46589V12.7992C6.49984 13.1103 6.42486 13.3937 6.2749 13.6492C6.12494 13.9048 5.92221 14.1048 5.66672 14.2492C5.41123 14.3937 5.13352 14.4659 4.83359 14.4659H2.33422C2.03429 14.4659 1.75659 14.3937 1.50109 14.2492C1.2456 14.1048 1.04288 13.9048 0.892913 13.6492C0.74295 13.3937 0.667969 13.1103 0.667969 12.7992V8.63255C0.667969 7.51033 0.884581 6.43255 1.31781 5.39922C1.73992 4.39922 2.337 3.51589 3.10903 2.74922C3.88105 1.98255 4.76139 1.38811 5.75003 0.965887C6.78311 0.521442 7.86617 0.299219 8.99922 0.299219C10.1323 0.299219 11.2153 0.521442 12.2484 0.965887C13.237 1.38811 14.1174 1.98255 14.8894 2.74922C15.6614 3.51589 16.2585 4.39922 16.6806 5.39922C17.1139 6.43255 17.3305 7.51033 17.3305 8.63255V12.8159ZM15.6642 12.7992V9.46589H13.1648V12.7992H15.6642ZM2.33422 9.46589V12.7992H4.83359V9.46589H2.33422Z' fill='%23FF5F1B'/%3E%3C/svg%3E");
}
.location__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.location__text {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 1024px) {
  .location {
    padding: 0 16px 80px;
  }
}
.main .section:last-child {
  padding-bottom: 120px;
}
.main .section__container {
  max-width: 1240px;
  margin: 0 auto;
}
.main .section__title {
  display: inline-block;
  position: relative;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 18px;
  padding-right: 36px;
}
.main .section__title::before {
  content: "";
  position: absolute;
  top: 0;
  right: 4px;
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.main .section--slide {
  margin-top: 0;
  padding: 0 17px;
}
.main .section--popular {
  overflow: visible;
  position: relative;
  padding-top: 120px;
}
.main .section--popular .section__title::before {
  background-image: url("../dist/assets/images/ico_star.png");
}
.main .section--popular .section__container {
  position: relative;
  overflow: visible;
}
.main .section--popular .section__container .swiper-button-wrap {
  position: absolute;
  top: 58%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.main .section--popular .section__container .swiper-button-next,
.main .section--popular .section__container .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 48px;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.main .section--popular .section__container .swiper-button-next::after,
.main .section--popular .section__container .swiper-button-prev::after {
  font-size: 20px;
  font-weight: bold;
  color: #7a7a7a;
}
.main .section--popular .section__container .swiper-button-prev {
  left: -24px;
}
.main .section--popular .section__container .swiper-button-next {
  right: -24px;
}
.main .section--popular .popularSwiper {
  margin-left: -16px;
  padding: 0 16px 16px;
}
.main .section--popular .popularSwiper .swiper-slide {
  width: 298px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main .section--quickMenu {
  margin-top: 40px;
  padding: 0;
}
.main .section--calendar .inner {
  max-width: 1240px;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .main .section--csCenter .csCenter {
    grid-template-columns: repeat(2, 48%);
    gap: 4%;
  }
}
@media (max-width: 768px) {
  .main .section--popular .section__container {
    padding: 0 17px;
  }
  .main .section--popular .section__container .swiper-button-wrap {
    display: none;
  }
  .main .section--popular .section__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 14px;
    margin-top: 0;
    margin-left: 0;
    padding: 0 0 16px;
  }
  .main .section--review .section__container::before {
    padding-left: 17px;
  }
  .main .section--review .section__container::after {
    width: calc(100% - 187px);
  }
  .main .section--review .section__content {
    padding-left: 31px;
    padding-right: 31px;
  }
  .main .section--review .section__title {
    padding-left: 17px;
  }
  .main .section--csCenter {
    padding: 0 17px;
  }
  .main .section--csCenter .csCenter {
    grid-template-columns: 100%;
    gap: 80px;
  }
}
.join {
  margin-top: 60px;
  padding: 0 17px;
}
.join .ci {
  margin-top: 30px;
}
.join .ci__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
}
.join .ci__content {
  margin-top: 16px;
}
.join .process {
  position: relative;
  width: 293px;
  height: 62px;
  margin-left: auto;
  padding: 0 38px;
}
.join .process::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 38px;
  width: calc(100% - 76px);
  height: 6px;
  background-color: #c2c2c2;
}
.join .process__item {
  position: absolute;
  left: 50%;
  padding-top: 24px;
}
.join .process__item:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #c2c2c2;
}
.join .process__item.is-active strong {
  color: #111;
}
.join .process__item.is-active:before {
  content: "";
  top: -3px;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Ccircle cx='12' cy='12' r='6' fill='%23ff5f1b'/%3E%3Ccircle cx='12' cy='12' r='9' stroke='%23ff5f1b' stroke-width='2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.join .process__item.is-done:before {
  top: -3px;
  left: -12px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23ff5f1b'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m18.333 8-9.166 9.167L5 13'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  z-index: 1;
}
.join .process__item.is-active:before {
  left: -12px;
}
.join .process__item.is-done:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  height: 6px;
  background-color: #ff5f1b;
}
.join .process__item:first-child {
  width: calc(50% - 38px);
  left: 38px;
}
.join .process__item:first-child.is-done:after {
  width: 100%;
}
.join .process__item:nth-child(2) {
  width: calc(50% - 38px);
}
.join .process__item:nth-child(2).is-done:after {
  width: 100%;
}
.join .process__item:last-child {
  left: auto;
  right: 38px;
  margin-right: -24px;
}
.join .process__item strong {
  display: block;
  margin-left: -20px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #c2c2c2;
}
.join .agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.join .layout__header + .complete {
  margin-top: 59px;
}
.join .userInfo__body {
  max-width: 561px;
}

@media (max-width: 768px) {
  .join .layout__header + .layout__body:has(.terms) {
    margin-top: 59px;
  }
  .join .layout__header + .layout__body:has(.userInfo) {
    margin-top: 71px;
  }
  .join .layout__header--title {
    margin-bottom: 28px;
  }
  .join .ci {
    margin-top: 16px;
  }
  .join .ci .btn {
    width: 100%;
  }
  .join .ci .btn-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .join .process {
    margin: 0 auto;
  }
}
.extra--text {
  width: 100%;
  padding-top: 16px;
  border-top: 1px solid #eae8e8;
}
.extra--text p {
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #7a7a7a;
}
.extra--text .link {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #ff5f1b;
}

.login {
  width: 330px;
  margin: 0 auto;
}
.login__header {
  padding-top: 123px;
}
.login__title {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.login__desc {
  margin-top: 2px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
.login__body {
  margin-top: 26px;
}
.login__body .form.is-error .inputGroup:has(#input--id)::before {
  display: block;
}
.login__item .btn {
  width: 100%;
}
.login__item:has(.radio__toggle) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
.login__item:has(.radio__toggle) .radio__toggle .toggle__input:checked + .toggle__label .ico--toggle:after {
  top: 2px;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}
.login__item:has(.radio__toggle) .radio__toggle .toggle__label {
  padding-left: 48px;
}
.login__item:has(.radio__toggle) .radio__toggle .toggle__label .ico--toggle {
  width: 36px;
  height: 20px;
}
.login__item:has(.radio__toggle) .radio__toggle .toggle__label .ico--toggle:after {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
}
.login__item:has(.radio__toggle) .radio__toggle .toggle__label .toggle__text {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}
.login__item:has(.radio__toggle) .btn {
  display: block;
  padding: 4px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #c2c2c2;
}
.login__item:nth-child(3) {
  margin-top: 49px;
}
.login__item:nth-child(4) {
  margin-top: 30px;
}
.login__item .inputGroup {
  position: relative;
  padding: 0 42px;
  background-repeat: no-repeat;
  background-position: 8px 12px;
  background-size: 24px;
  border: 1px solid #eae8e8;
  border-radius: 4px;
}
.login__item .inputGroup + .inputGroup {
  margin-top: 8px;
}
.login__item .inputGroup:has(#input--id) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23eae8e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 10a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM3 20.4v.6h18v-.6c0-2.24 0-3.36-.436-4.216a4 4 0 0 0-1.748-1.748C17.96 14 16.84 14 14.6 14H9.4c-2.24 0-3.36 0-4.216.436a4 4 0 0 0-1.748 1.748C3 17.04 3 18.16 3 20.4Z'/%3E%3C/svg%3E");
}
.login__item .inputGroup:has(#input--id)::before {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 13C23 19.0751 18.0751 24 12 24C5.92487 24 1 19.0751 1 13C1 6.92487 5.92487 2 12 2C18.0751 2 23 6.92487 23 13ZM11 11.7781V8.11111C11 7.55883 11.4477 7.11111 12 7.11111C12.5523 7.11111 13 7.55883 13 8.11111V11.7781C12.9998 12.3302 12.5522 12.7781 12 12.7781C11.4478 12.7781 11.0002 12.3302 11 11.7781ZM11 15.4444V16.6671C11.0002 17.2192 11.4479 17.6671 12 17.6671C12.5521 17.6671 12.9998 17.2192 13 16.6671V15.4444C13 14.8922 12.5523 14.4444 12 14.4444C11.4477 14.4444 11 14.8922 11 15.4444Z' fill='%23ee0000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}
.login__item .inputGroup:has(#input--id):focus-within {
  border-color: #c2c2c2;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23c2c2c2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 10a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM3 20.4v.6h18v-.6c0-2.24 0-3.36-.436-4.216a4 4 0 0 0-1.748-1.748C17.96 14 16.84 14 14.6 14H9.4c-2.24 0-3.36 0-4.216.436a4 4 0 0 0-1.748 1.748C3 17.04 3 18.16 3 20.4Z'/%3E%3C/svg%3E");
}
.login__item .inputGroup:has(#input--pwd) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23eae8e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 10H6a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2h-2m-8 0V7a4 4 0 0 1 8 0v3m-8 0h8m-4 4v3'/%3E%3C/svg%3E");
}
.login__item .inputGroup:has(#input--pwd) .btn-pwd-view {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23eae8e8' d='M3.622 12.717v.005a.835.835 0 0 1-1.021.593c-.72-.19-.592-1.02-.592-1.02l.03-.103s.043-.14.078-.242a11.18 11.18 0 0 1 1.864-3.307C5.478 6.817 7.996 5 11.99 5c3.997 0 6.515 1.817 8.014 3.643a11.179 11.179 0 0 1 1.863 3.307c.036.103.07.207.1.312l.006.021v.007l.001.004a.834.834 0 0 1-1.612.43l-.001-.007-.014-.041-.058-.182A9.51 9.51 0 0 0 18.713 9.7c-1.238-1.51-3.309-3.031-6.721-3.031S6.51 8.19 5.27 9.7a9.512 9.512 0 0 0-1.577 2.794l-.058.182-.014.041Zm4.198 1.46a4.172 4.172 0 1 1 8.344 0 4.172 4.172 0 0 1-8.344 0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 0;
  cursor: pointer;
  z-index: 1;
}
.login__item .inputGroup:has(#input--pwd) .btn-pwd-view.is-hide {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%234CAF50' d='M3.622 12.717v.005a.835.835 0 0 1-1.021.593c-.72-.19-.592-1.02-.592-1.02l.03-.103s.043-.14.078-.242a11.18 11.18 0 0 1 1.864-3.307C5.478 6.817 7.996 5 11.99 5c3.997 0 6.515 1.817 8.014 3.643a11.179 11.179 0 0 1 1.863 3.307c.036.103.07.207.1.312l.006.021v.007l.001.004a.834.834 0 0 1-1.612.43l-.001-.007-.014-.041-.058-.182A9.51 9.51 0 0 0 18.713 9.7c-1.238-1.51-3.309-3.031-6.721-3.031S6.51 8.19 5.27 9.7a9.512 9.512 0 0 0-1.577 2.794l-.058.182-.014.041Zm4.198 1.46a4.172 4.172 0 1 1 8.344 0 4.172 4.172 0 0 1-8.344 0Z'/%3E%3C/svg%3E");
}
.login__item .inputGroup:has(#input--pwd):focus-within {
  border-color: #c2c2c2;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23c2c2c2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 10H6a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2h-2m-8 0V7a4 4 0 0 1 8 0v3m-8 0h8m-4 4v3'/%3E%3C/svg%3E");
}
.login__item .inputGroup.has-value:has(.input--pwd) .btn-pwd-view:not(.is-hide) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23c2c2c2' d='M3.622 12.717v.005a.835.835 0 0 1-1.021.593c-.72-.19-.592-1.02-.592-1.02l.03-.103s.043-.14.078-.242a11.18 11.18 0 0 1 1.864-3.307C5.478 6.817 7.996 5 11.99 5c3.997 0 6.515 1.817 8.014 3.643a11.179 11.179 0 0 1 1.863 3.307c.036.103.07.207.1.312l.006.021v.007l.001.004a.834.834 0 0 1-1.612.43l-.001-.007-.014-.041-.058-.182A9.51 9.51 0 0 0 18.713 9.7c-1.238-1.51-3.309-3.031-6.721-3.031S6.51 8.19 5.27 9.7a9.512 9.512 0 0 0-1.577 2.794l-.058.182-.014.041Zm4.198 1.46a4.172 4.172 0 1 1 8.344 0 4.172 4.172 0 0 1-8.344 0Z'/%3E%3C/svg%3E");
}
.login__item .inputGroup.has-value .input[id=input--id] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23c2c2c2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 10a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM3 20.4v.6h18v-.6c0-2.24 0-3.36-.436-4.216a4 4 0 0 0-1.748-1.748C17.96 14 16.84 14 14.6 14H9.4c-2.24 0-3.36 0-4.216.436a4 4 0 0 0-1.748 1.748C3 17.04 3 18.16 3 20.4Z'/%3E%3C/svg%3E");
}
.login__item .inputGroup.has-value .input[id=input--pwd] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23c2c2c2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 10H6a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2h-2m-8 0V7a4 4 0 0 1 8 0v3m-8 0h8m-4 4v3'/%3E%3C/svg%3E");
}
.login__item .inputGroup .input {
  width: 100%;
  height: 48px;
  padding: 12px 0;
  outline: none;
  border: 0;
  border-radius: 0;
}
.login__item .inputGroup.is-error:has(#input--id)::before {
  display: block;
}

@media (max-width: 1024px) {
  .login__header {
    padding-top: 80px;
  }
}
.thumbnail--lg {
  aspect-ratio: 16/9; /* 부모의 비율 지정 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 606px;
  height: 341px;
  background-color: #7a7a7a;
  border-radius: 10px;
}
.thumbnail--lg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain; /* 이미지 비율 유지하며 부모 안에 맞춤 */
  position: absolute;
}
.thumbnail--sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 17px;
  padding: 0;
  list-style: none;
}
.thumbnail--sm li {
  overflow: hidden;
  width: 191px;
  height: 108px;
  border-radius: 10px;
}
.thumbnail--sm img {
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.intro__header {
  position: relative;
  margin-top: 60px;
  margin-bottom: 30px;
}
.intro__header::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c2c2c2;
}
.intro__title {
  position: relative;
  width: 633px;
  padding: 18px 0;
  text-align: center;
  color: #111;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
}
.intro__title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #ff5f1b;
}
.intro__notice {
  margin-bottom: 102px;
}
.intro__notice .notice__title {
  display: block;
  padding: 25px 0 21px 96px;
  color: #111;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  border-radius: 4px;
  background-color: #7a7a7a;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-5a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1Zm1 7a1 1 0 1 0-2 0v1a1 1 0 1 0 2 0v-1Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 38px center;
}
.intro__notice .notice__desc {
  padding: 16px 0 0 96px;
  color: #111;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.intro__notice .notice__desc strong {
  font-weight: 600;
}
.intro__notice .notice__desc ul {
  margin-top: 28px;
}
.intro__item {
  min-height: 460px;
}
.intro__item .item__title {
  padding: 21px 0 21px 17px;
  color: #111;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  border-bottom: 1px solid #c2c2c2;
}
.intro__item .item__contents {
  padding: 21px 0 21px 17px;
}

.lecture {
  padding-bottom: 182px;
}
.lecture .layout__header .depth {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.lecture .layout__header--title {
  margin: 20px 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
}
.lecture .layout__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 10px auto 0;
}
.lecture__info--title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.6;
}
.lecture__cost {
  margin-top: 11px;
}
.lecture__cost .cost__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lecture__cost .cost__item:first-child {
  padding: 28px 0 33px;
  border-top: 1px solid #c2c2c2;
}
.lecture__cost .cost__item:nth-child(2) {
  padding: 16px 0;
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
}
.lecture__cost .cost__item:nth-child(2) dd {
  position: relative;
  width: calc(100% - 104px);
}
.lecture__cost .cost__item:nth-child(2) .cost__btn--select {
  width: 100%;
}
.lecture__cost .cost__item:nth-child(2) .cost__list {
  width: 100%;
  top: 100%;
}
.lecture__cost .cost__item:nth-child(3) {
  padding: 63px 0 0;
}
.lecture__cost .cost__item:nth-last-child(2) dt, .lecture__cost .cost__item:nth-last-child(3) dt {
  color: #c2c2c2;
  font-size: 1.125rem;
}
.lecture__cost .cost__item:nth-last-child(2) dd, .lecture__cost .cost__item:nth-last-child(3) dd {
  font-size: 1.25rem;
}
.lecture__cost .cost__item:last-child {
  margin-top: 22px;
  padding: 16px 0 40px;
  font-size: 1.5rem;
  border-top: 1px solid #111;
}
.lecture__cost .cost__item dt {
  color: #111;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.lecture__cost .cost__item dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  color: #111;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
}
.lecture__cost .cost__item .radio {
  display: block;
}
.lecture__cost .cost__item .radio__label {
  width: 583px;
}
.lecture__cost .cost__item .radio .inner__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.lecture__cost .cost__item .radio .inner__label .label {
  display: block;
  max-width: 336px;
  color: #c2c2c2;
}
.lecture__cost .cost__item .radio .inner__label .price {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.lecture__cost .cost__btn--select {
  position: relative;
  display: block;
  width: 170px;
  padding: 6px 30px 6px 16px;
  text-align: right;
  color: #c2c2c2;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  border-radius: 4px;
  border: 1px solid #c2c2c2;
  background-color: #fff;
}
.lecture__cost .cost__btn--select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%23c2c2c2' fill-rule='evenodd' d='M2.646 6.285a.522.522 0 0 1 .708 0L8 10.658l4.646-4.373a.522.522 0 0 1 .708 0 .451.451 0 0 1 0 .665l-5 4.706a.523.523 0 0 1-.708 0l-5-4.706a.451.451 0 0 1 0-.665Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}
.lecture__cost .cost__btn--select[aria-expanded=true]::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.lecture__cost .cost__list {
  display: none;
  list-style: none;
  position: absolute;
  width: 170px;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #c2c2c2;
  border-top: transparent;
  z-index: 1;
}
.lecture__cost .cost__list[aria-expanded=true] {
  display: block;
}
.lecture__cost .cost__list li {
  padding: 6px 22px 6px 16px;
  text-align: right;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  cursor: pointer;
}
.lecture__cost .cost__list li:hover {
  background-color: #f7f6f6;
}
.lecture__cost .btn {
  height: 46px;
}
.lecture__cost .btn-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  row-gap: 8px;
}
.lecture__cost .btn:last-child {
  grid-column: 1/3;
}
.lecture__body {
  margin: 71px auto 0;
}
.lecture .card .badge__item {
  background-color: #0d3050;
}
.lecture .card__title {
  font-size: 18px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lecture .card__contents {
  margin-top: 7px;
}
.lecture .card__detail {
  display: inline-block;
}
.lecture .card__detail dt,
.lecture .card__detail dd {
  display: inline-block;
  width: auto;
  font-size: 16px;
  line-height: 22px;
  color: #7a7a7a;
  font-weight: 400;
}
.lecture .card__detail--cost {
  margin-top: 35px;
}
.lecture .card__detail--cost dt {
  margin-right: 20px;
  color: #111;
}
.lecture .card__detail--cost dd {
  font-size: 18px;
  line-height: 24px;
  color: #0d3050;
  font-weight: 600;
}
.lecture .pagination {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}

.lecture-detail .header__top {
  margin-bottom: 40px;
}
.lecture-detail .header__top .depth {
  margin-left: auto;
}
.lecture-detail .layout__header {
  display: grid;
  grid-template-columns: 508px 1fr;
  gap: 40px;
  margin: 0 auto;
}
.lecture-detail .thumbnail--lg {
  max-height: 286px;
}
.lecture-detail--title {
  margin-top: 12px;
  color: #111;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}
.lecture-detail--desc {
  margin-top: 13px;
  color: #111;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.lecture-detail--thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.lecture-detail .btn--play {
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,");
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.lecture-detail .card__tag {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.lecture-detail .lecture__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.lecture-detail .lecture__info--title {
  line-height: 1.3;
}
.lecture-detail .lecture__info--desc span {
  display: block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #7a7a7a;
}
.lecture-detail .lecture__cost {
  margin-top: 31px;
}
.lecture-detail .lecture__cost .btn {
  padding: 3px 40px;
}
.lecture-detail .lecture__cost .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: normal;
}

@media (max-width: 768px) {
  #search__form {
    width: 100%;
  }
  #search__form .btn-group {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .thumbnail--lg {
    height: auto;
    max-width: 100%;
  }
  .intro__title {
    width: 50%;
  }
  .lecture {
    padding: 0 16px 80px;
  }
  .lecture__info--title {
    font-family: "Noto Sans KR", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
  }
  .lecture .layout__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .lecture .card {
    width: 100%;
  }
  .lecture__cost .cost__item .radio__label {
    width: 354px;
  }
  .lecture__cost .cost__item .radio .inner__label .label {
    max-width: 175px;
  }
  .lecture__cost .cost__item:nth-child(2) {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .lecture__cost .cost__item:nth-child(2) dd {
    width: calc(100% - 79px);
  }
  .lecture__cost .cost__btn--select {
    width: 100%;
  }
  .lecture__cost .cost__list {
    width: 100%;
  }
  .lecture__cost .btn-group {
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
  .lecture-detail {
    padding: 0 16px;
  }
  .lecture-detail .layout__header {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .lecture-detail .header__top {
    margin-bottom: 20px;
  }
  .lecture-detail .lecture__info {
    gap: 12px;
  }
  .lecture-detail .lecture__cost {
    margin-top: 8px;
  }
  .lecture-detail .lecture__cost .btn {
    width: 100%;
  }
  .lecture-detail .lecture__cost .btn-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
  .lecture-detail .intro__header {
    margin-top: 40px;
  }
}
.cart .layout__header {
  margin-bottom: 19px;
}
.cart:has(.refundGuide__item) .layout__header {
  margin-bottom: 0;
}
.cart__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
}

.table {
  border: 0;
}
.table__th, .table__tr {
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  color: #111;
}
.table__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.05);
}
.table__td {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.table__td .img__wrap {
  overflow: hidden;
  width: 115px;
  height: 66px;
  border-radius: 10px;
}
.table .table__checkbox input[type=checkbox]:checked + label .ico--check::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Crect width='20' height='20' fill='%23003362' rx='4'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m16.333 5-9.166 9.167L3 10'/%3E%3C/svg%3E");
}
.table__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  padding: 16px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.05);
}
.table__header .table__th {
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.table__header .table__th:nth-child(1) {
  text-align: left;
}
.table__header .table__th:nth-child(2) {
  width: 117px;
  text-align: left;
}
.table__header .table__th:nth-child(3) {
  width: 255px;
}
.table__header .table__th:nth-child(4) {
  width: 200px;
}
.table__header .table__th:nth-child(5) {
  width: 120px;
}
.table__header .table__th:nth-child(6) {
  width: 114px;
}
.table__header .table__th:nth-child(7) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.table__header .table__th:nth-child(7) .btn {
  margin-left: auto;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.table__header .table__th .checkbox label {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.table__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 40px;
}
.table__body .table__checkbox input[type=checkbox] {
  margin-right: 6px;
}
.table__body .table__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  gap: 28px;
}
.table__body .table__td {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}
.table__body .table__td:nth-child(2) {
  width: 198px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table__body .table__td:nth-child(3) {
  width: 255px;
}
.table__body .table__td:nth-child(4) {
  width: 200px;
  text-align: center;
  font-weight: 400;
}
.table__body .table__td:nth-child(5) {
  width: 120px;
  text-align: center;
}
.table__body .table__td:nth-child(6) {
  width: 140px;
  text-align: center;
}
.table__body .table__td:nth-child(7) {
  position: relative;
  width: 62px;
}
.table__body .table__td:nth-child(7) .btn--delete {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: auto;
  font-size: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%237a7a7a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18.625 8.5-.91 9.098c-.138 1.379-.206 2.068-.52 2.589-.276.459-.68.825-1.165 1.054-.549.259-1.24.259-2.627.259h-2.556c-1.386 0-2.078 0-2.627-.26a2.708 2.708 0 0 1-1.166-1.054c-.312-.52-.381-1.21-.52-2.588L5.625 8.5m8.125 7.042v-5.417m-3.25 5.417v-5.417M4 5.792h5m0 0 .418-2.895C9.539 2.371 9.977 2 10.479 2h3.292c.502 0 .939.37 1.061.897l.418 2.895m-6.25 0h6.25m0 0h5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}
.table__body .table__td--title {
  display: block;
}
.table__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table .pagination {
  margin-top: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.payment {
  width: 470px;
  margin-top: 37px;
  margin-bottom: 40px;
  margin-left: auto;
  padding: 32px 26px;
  border-radius: 4px;
  border: 2px solid #c2c2c2;
}
.payment__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
}
.payment__contents {
  margin-top: 8px;
}
.payment__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 0;
}
.payment__item + .payment__item {
  border-top: 1px solid #c2c2c2;
}
.payment__item dt {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.payment__item dd {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.payment__item:last-child dt,
.payment__item:last-child dd {
  font-weight: 700;
}
.payment__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.payment__btn .btn {
  display: inline-block;
  margin-top: 0;
}

@media (max-width: 1024px) {
  .cart .layout__header {
    margin-bottom: 8px;
  }
  .table__header {
    grid-template-columns: repeat(2, 1fr);
    padding: 37px 25px;
  }
  .table__th:not(:first-child, :last-child) {
    display: none;
  }
  .table__body {
    margin-top: 0;
  }
  .table__body .table__tr {
    position: relative;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 37px 25px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .table__body .table__td:nth-child(2) {
    padding-left: 28px;
  }
  .table__body .table__td:nth-child(3) {
    padding-left: 28px;
  }
  .table__body .table__td:nth-child(4) {
    padding-left: 28px;
    text-align: left;
  }
  .table__body .table__td:nth-child(5) {
    padding-left: 28px;
    position: absolute;
    top: 37px;
    right: 25px;
  }
  .payment {
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
}
.myPage .lnb {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 8px;
}
.myPage .userInfo {
  width: 100%;
  padding-top: 44px;
  border-top: 1px solid #c2c2c2;
}
.myPage .userInfo__header + .userInfo__body {
  margin-top: 0;
}
.myPage .userInfo .btn-group:has(.btn--drop) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.myPage .userInfo .btn--drop {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #7a7a7a;
}
.myPage .userInfo__body .input {
  color: rgba(0, 0, 0, 0.5);
}
.myPage .userInfo__footer .btn {
  width: 114px;
  height: 54px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}
.myPage .userInfo__footer .btn-group {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.myPage .order-detail .layout__body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.myPage .layout__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11%;
}

@media (max-width: 1024px) {
  .myPage {
    padding: 0 16px 243px;
  }
  .myPage:has(.purchase-history) .layout__header {
    padding: 0 16px;
  }
  .myPage:has(.purchase-history) .layout__body .lnb {
    padding: 0 16px;
  }
  .myPage:has(.purchase-history) .purchase-history .purchase-history__list {
    padding: 0 16px;
  }
  .myPage .lnb {
    margin-bottom: 40px;
  }
  .myPage .userInfo {
    padding-top: 27px;
  }
  .myPage .layout__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.inquiry .inner-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.inquiry .inner-group .layout__header--title {
  margin: 0;
}
.inquiry .inner-group .btn {
  padding: 12px 40px;
}
.inquiry .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.inquiry .contactUsForm {
  width: 589px;
  margin: 80px auto 138px;
}
.inquiry .contactUsForm__item .btn {
  width: auto;
}
.inquiry .contactUsForm__item .btn-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.inquiry .layout__body {
  margin-top: 16px;
}

@media (max-width: 1024px) {
  .inquiry {
    padding: 0 16px;
  }
  .inquiry .layout__body {
    margin-top: 12px;
  }
  .inquiry .contactUsForm {
    width: 100%;
    margin-bottom: 80px;
  }
  .inquiry .contactUsForm__item:last-child {
    gap: 12px;
    margin-top: 0;
  }
  .inquiry .contactUsForm__item .btn {
    width: 100%;
  }
}
.notice .search__bar {
  margin-bottom: 16px;
}
.notice .pagination {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .notice {
    padding: 0 16px;
  }
}
.request-list .btn-group {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.request-list .btn-group + .list {
  margin-top: 16px;
}
.request-list .pagination {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

.request-detail .btn-group {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 41px;
}
.request-detail .list-detail {
  margin-top: 17px;
  padding-top: 16px;
  border-top: 2px solid #f5f5f5;
}

@media (max-width: 1024px) {
  .request-list {
    padding: 0 16px;
  }
  .request-detail {
    padding: 0 16px;
  }
  .request-detail .btn-group {
    margin-top: 32px;
  }
  .request-detail .list-detail {
    margin-top: 8px;
  }
}
@media (max-width: 768px) {
  .request-list .layout__header--title {
    margin-bottom: 5px;
  }
}
.myLecture table {
  width: 100%;
}
.myLecture .layout__header--title {
  margin-bottom: 0;
}
.myLecture .pagination {
  margin-top: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1024px) {
  .myLecture {
    margin-bottom: 94px;
    padding: 0 16px;
  }
}
#layout:has(.exam--intro) {
  background-color: #f5f5f5;
}

.layout__container:has(.exam) {
  max-width: 100%;
}

.exam .layout__header {
  position: relative;
  border-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
.exam .header__top {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 126px 0 16px;
}
.exam .header__top .layout__header--title {
  margin-bottom: 7px;
}
.exam .header__top .btn-group {
  position: absolute;
  bottom: 48px;
  right: 0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.3955 7.75703C16.4884 7.84991 16.5622 7.96019 16.6125 8.08159C16.6628 8.20299 16.6887 8.33312 16.6887 8.46453C16.6887 8.59595 16.6628 8.72608 16.6125 8.84747C16.5622 8.96887 16.4884 9.07916 16.3955 9.17203L13.4135 12.153L16.0895 14.828C16.2771 15.0157 16.3825 15.2702 16.3825 15.5355C16.3825 15.8009 16.2771 16.0554 16.0895 16.243C15.9018 16.4307 15.6473 16.5361 15.382 16.5361C15.1166 16.5361 14.8621 16.4307 14.6745 16.243L11.9995 13.567L9.32446 16.243C9.13682 16.4307 8.88232 16.5361 8.61696 16.5361C8.35159 16.5361 8.0971 16.4307 7.90946 16.243C7.72182 16.0554 7.6164 15.8009 7.6164 15.5355C7.6164 15.2702 7.72182 15.0157 7.90946 14.828L10.5855 12.153L7.60346 9.17203C7.51055 9.07906 7.43686 8.96869 7.3866 8.84724C7.33634 8.72578 7.3105 8.59562 7.31055 8.46418C7.31059 8.33274 7.33653 8.20259 7.38687 8.08117C7.43722 7.95976 7.51098 7.84944 7.60396 7.75653C7.69693 7.66362 7.8073 7.58994 7.92875 7.53968C8.05021 7.48942 8.18037 7.46358 8.31181 7.46362C8.44325 7.46367 8.5734 7.48961 8.69481 7.53995C8.81623 7.59029 8.92655 7.66406 9.01946 7.75703L11.9995 10.74L14.9805 7.75803C15.0733 7.66506 15.1836 7.5913 15.305 7.54097C15.4264 7.49065 15.5565 7.46475 15.688 7.46475C15.8194 7.46475 15.9495 7.49065 16.0709 7.54097C16.1923 7.5913 16.3026 7.66406 16.3955 7.75703Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 1C3.20435 1 2.44129 1.31607 1.87868 1.87868C1.31607 2.44129 1 3.20435 1 4V20C1 20.7956 1.31607 21.5587 1.87868 22.1213C2.44129 22.6839 3.20435 23 4 23H20C20.7956 23 21.5587 22.6839 22.1213 22.1213C22.6839 21.5587 23 20.7956 23 20V4C23 3.20435 22.6839 2.44129 22.1213 1.87868C21.5587 1.31607 20.7956 1 20 1H4ZM20 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V4C21 3.73478 20.8946 3.48043 20.7071 3.29289C20.5196 3.10536 20.2652 3 20 3Z' fill='black'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.exam .inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 54px 0 386px;
}
.exam .title {
  margin-bottom: 22px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
}
.exam .notice {
  padding-left: 20px;
}
.exam .notice__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  list-style: decimal;
}
.exam .notice__list li {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.exam .notice__list li strong {
  font-weight: 400;
}
.exam .notice + .checkbox {
  margin-top: 100px;
}
.exam .notice__title--sub {
  display: block;
  margin-top: 32px;
  margin-left: -20px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.exam .notice__text--sub {
  margin-left: -20px;
  margin-bottom: 16px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.exam .notice--body {
  background-color: #f5f5f5;
}
.exam .notice--body .inner {
  padding: 45px 0 35px;
}
.exam .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.exam .btn-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.exam .btn.btn.bd-radius--circle.size--s {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  padding: 12px 20px;
}
.exam .answer {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.exam .answer .title {
  margin-bottom: 14px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.exam .answer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.exam .answer__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 16px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.exam .answer__list li span {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.exam .answer__list li.is-done {
  background-color: #fffaf0;
}
.exam .answer__list li.is-done span {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  color: #ff5f1b;
}
.exam .answer .inner--answer {
  width: 254px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 20px 10px 16px;
  border: 1px solid #ededed;
  border-radius: 8px;
}
.exam .question .inner--question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 56px;
  margin: 14px 0 97px;
}
.exam .question--sub {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.exam .question--title {
  margin-bottom: 40px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
}
.exam .question-header {
  margin-bottom: 11px;
}
.exam .question__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 300px;
  padding: 40px;
  border: 1px solid #ededed;
  border-radius: 8px;
  text-align: center;
  background-color: #fff;
  width: 609px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.exam .question__item strong {
  display: block;
  margin-bottom: 16px;
  color: #0091ea;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
}
.exam .question__item p {
  margin-bottom: 20px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.exam .question__item.is-hover {
  width: 893px;
  cursor: pointer;
}
.exam .question__item.is-sibling {
  width: 326px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.exam .option-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 5px 6px;
  border: 1px solid #ededed;
  border-radius: 4px;
  cursor: pointer;
}
.exam .option-item + .option-item {
  margin-top: 8px;
}
.exam .option-selected {
  border: 2px solid #ff5f1b;
}
.exam .option-number {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 10px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  background-color: #ededed;
  border-radius: 4px;
}
.option-selected .exam .option-number {
  background-color: #ff5f1b;
  color: #fff;
}
.exam .option-text {
  padding: 10px 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.exam--intro .layout__body .btn--takeExam {
  margin-top: 40px;
}
.exam--interim {
  padding-bottom: 807px;
}
.exam--complete .layout__header {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.exam--complete .complete {
  margin-top: 119px;
}
.exam--complete .complete__body {
  gap: 8px;
  padding-top: 120px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121' height='120' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='60.5' cy='60' r='60' fill='%234CAF50'/%3E%3Cpath fill='%23fff' d='M54.155 85.364 32.41 61.319l5.436-6.012 16.309 18.034 35.001-38.704 5.436 6.011-40.437 44.716Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h120v120H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 120px 120px;
}
.exam--complete .complete__body strong {
  margin-top: 22px;
}
.exam--complete .complete__body p {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.exam--complete .complete__footer {
  margin-top: 47px;
}
.exam--complete .complete__footer .btn.btn.bd-radius--circle.size--s {
  padding: 12px 40px;
}

#form--interimExam {
  display: grid;
  grid-template-columns: 254px 1fr;
  gap: 43px;
}
#form--interimExam .btn-group {
  grid-column: span 2;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#form--interimExam .btn-group:last-child {
  margin-top: 80px;
}
#form--finalExam {
  display: grid;
  grid-template-columns: 254px 1fr;
  gap: 43px;
}
#form--finalExam .btn-group {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#form--finalExam .btn-group:last-child {
  grid-column: span 2;
}
#form--taskExam .question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 56px;
}
#form--taskExam .question--sub {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
#form--taskExam .question--title {
  margin: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
}
#form--taskExam .question__item {
  padding: 0;
  border: none;
}
#form--taskExam .question__item .inner-box {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 445px;
  padding: 210px 39px 90px;
  text-align: center;
  border: 1px dashed #0091ea;
  border-radius: 4px;
}
#form--taskExam .question__item strong {
  margin-top: 10px;
  margin-bottom: 2px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
  color: #0091ea;
}
#form--taskExam .question__item p {
  margin-bottom: 7px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
#form--taskExam .question__item .annotation {
  width: 100%;
  margin-top: 8px;
  text-align: left;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #b4b4b4;
}
#form--taskExam .question__item:first-child .inner-box {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121' height='121' fill='none'%3E%3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='10'%3E%3Cpath d='M35.5 49.188a13.335 13.335 0 0 1 13.335-13.335h43.33A13.334 13.334 0 0 1 105.5 49.188v43.33a13.338 13.338 0 0 1-13.335 13.336h-43.33A13.335 13.335 0 0 1 35.5 92.519v-43.33Z'/%3E%3Cpath d='M20.56 84.538a10 10 0 0 1-5.06-8.684v-50c0-5.5 4.5-10 10-10h50c3.75 0 5.79 1.925 7.5 5m-27.5 50h30m-15-15v30'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 120px 120px;
  background-repeat: no-repeat;
  background-position: top 90px center;
}
#form--taskExam .question__item:first-child:hover .inner-box {
  background-color: #f4fbff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121' height='121' fill='none'%3E%3Cg stroke='%230091EA' stroke-linecap='round' stroke-linejoin='round' stroke-width='10'%3E%3Cpath d='M35.5 49.188a13.335 13.335 0 0 1 13.335-13.335h43.33A13.334 13.334 0 0 1 105.5 49.188v43.33a13.338 13.338 0 0 1-13.335 13.336h-43.33A13.335 13.335 0 0 1 35.5 92.519v-43.33Z'/%3E%3Cpath d='M20.56 84.538a10 10 0 0 1-5.06-8.684v-50c0-5.5 4.5-10 10-10h50c3.75 0 5.79 1.925 7.5 5m-27.5 50h30m-15-15v30'/%3E%3C/g%3E%3C/svg%3E");
}
#form--taskExam .question__item:last-child .inner-box {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121' height='121' fill='none'%3E%3Cpath fill='%23000' d='m39.1 83.134 8.805-2.54 53.015-53.65a2.28 2.28 0 0 0-.015-3.2l-3.175-3.21a2.217 2.217 0 0 0-3.16-.015L41.695 74.03 39.1 83.134Zm64.915-68.96 3.175 3.215c4.38 4.435 4.42 11.59.08 15.98L52.64 88.66l-18.82 5.42a4.499 4.499 0 0 1-5.55-3.115 4.5 4.5 0 0 1-.01-2.53l5.475-19.2L88.22 14.09a11.074 11.074 0 0 1 15.795.085ZM46.42 19.94c2.48 0 4.49 2.035 4.49 4.545a4.513 4.513 0 0 1-4.49 4.545H28.46c-4.96 0-8.98 4.07-8.98 9.085v54.53c0 5.02 4.02 9.09 8.98 9.09h53.88c4.96 0 8.985-4.07 8.985-9.09V74.47c0-2.51 2.01-4.545 4.49-4.545 2.48 0 4.49 2.035 4.49 4.55v18.17c0 10.04-8.045 18.18-17.965 18.18H28.46c-9.92 0-17.96-8.14-17.96-18.18v-54.53c0-10.035 8.04-18.175 17.96-18.175h17.96Z'/%3E%3C/svg%3E");
  background-size: 120px 120px;
  background-repeat: no-repeat;
  background-position: top 90px center;
}
#form--taskExam .question__item:last-child:hover .inner-box {
  background-color: #f4fbff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121' height='121' fill='none'%3E%3Cpath fill='%230091EA' d='m39.1 83.134 8.805-2.54 53.015-53.65a2.28 2.28 0 0 0-.015-3.2l-3.175-3.21a2.217 2.217 0 0 0-3.16-.015L41.695 74.03 39.1 83.134Zm64.915-68.96 3.175 3.215c4.38 4.435 4.42 11.59.08 15.98L52.64 88.66l-18.82 5.42a4.499 4.499 0 0 1-5.55-3.115 4.5 4.5 0 0 1-.01-2.53l5.475-19.2L88.22 14.09a11.074 11.074 0 0 1 15.795.085ZM46.42 19.94c2.48 0 4.49 2.035 4.49 4.545a4.513 4.513 0 0 1-4.49 4.545H28.46c-4.96 0-8.98 4.07-8.98 9.085v54.53c0 5.02 4.02 9.09 8.98 9.09h53.88c4.96 0 8.985-4.07 8.985-9.09V74.47c0-2.51 2.01-4.545 4.49-4.545 2.48 0 4.49 2.035 4.49 4.55v18.17c0 10.04-8.045 18.18-17.965 18.18H28.46c-9.92 0-17.96-8.14-17.96-18.18v-54.53c0-10.035 8.04-18.175 17.96-18.175h17.96Z'/%3E%3C/svg%3E");
}
#form--taskExam .question__item.self-write .textarea-box {
  width: 100%;
  height: 100%;
  padding: 20px 20px 24px;
}
#form--taskExam .question__item.self-write .exam-textarea {
  width: 100%;
  height: 100%;
  min-height: 400px;
  resize: none;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
#form--taskExam .question__item.self-write .exam-textarea:focus {
  outline: none;
  border-color: #0091ea;
}
#form--taskExam .question__item.self-write .exam-textarea::-webkit-input-placeholder {
  color: #cdcdcd;
}
#form--taskExam .question__item.self-write .exam-textarea::-moz-placeholder {
  color: #cdcdcd;
}
#form--taskExam .question__item.self-write .exam-textarea:-ms-input-placeholder {
  color: #cdcdcd;
}
#form--taskExam .question__item.self-write .exam-textarea::-ms-input-placeholder {
  color: #cdcdcd;
}
#form--taskExam .question__item.self-write .exam-textarea::placeholder {
  color: #cdcdcd;
}
#form--taskExam .question__item.self-write.is-active .inner-box {
  padding: 0;
  height: auto;
  background-image: none !important;
  background-color: #fff;
  border: 1px solid #fdb515;
}
#form--taskExam .question:hover {
  width: 893px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  cursor: pointer;
}
#form--taskExam .question:hover ~ .question__item {
  width: 326px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
#form--taskExam .question .btn--file {
  display: inline-block;
  color: #0091ea;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  text-decoration-line: underline;
  text-decoration-style: solid;
}
#form--taskExam .question .file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
#form--taskExam .question .file-name {
  display: block;
  margin-top: 12px;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  word-break: break-all;
}
#form--taskExam .question__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
#form--taskExam .question__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
#form--taskExam .question + .btn-group {
  margin-top: 34px;
}
#form--taskExam .btn-group {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
#form--taskExam .btn.bd-radius--square.cover__line {
  padding: 12px 32px;
}
#form--taskExam .btn.bd-radius--square.cover__bg {
  padding: 12px 50px;
}

@media (max-width: 1024px) {
  .exam .layout__header {
    padding: 0 16px;
  }
  .exam .layout__header--title {
    margin-top: 0;
  }
  .exam .layout__header--sub {
    line-height: 18px;
  }
  .exam .inner {
    padding: 30px 16px 0;
  }
  .exam .inner:has(#form--taskExam) {
    padding-top: 56px;
    padding-bottom: 213px;
  }
  .exam .header__top {
    padding-top: 43px;
  }
  .exam .header__top .btn-group {
    bottom: 65px;
  }
  .exam .notice--body .inner {
    padding: 28px 16px 25px;
  }
  .exam--interim {
    padding-bottom: 744px;
  }
  .exam--complete .complete {
    margin-top: 69px;
  }
  .question--title {
    font-size: 24px;
    line-height: 1.6;
  }
  .option-item {
    padding: 5px 6px 8px;
    margin-bottom: 8px;
  }
  .option-number {
    padding: 8px 12px;
    min-width: 40px;
  }
  .option-text {
    padding: 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
  }
  #form--interimExam {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  #form--interimExam .btn-group {
    margin-top: 24px;
  }
  #form--interimExam .answer {
    display: none;
  }
  #form--interimExam .question-container {
    grid-column: 1;
  }
  #form--finalExam {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 26px;
  }
  #form--finalExam .btn-group {
    margin-top: 19px;
    margin-bottom: 17px;
  }
  #form--finalExam .btn-group:last-child {
    grid-column: 1;
  }
  #form--finalExam .circle_progress_wrap {
    margin: 0 auto;
  }
  #form--finalExam .answer {
    display: none;
  }
  #form--taskExam .question {
    gap: 52px;
  }
  #form--taskExam .question + .btn-group {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 80px;
  }
  #form--taskExam .question:hover {
    width: 100%;
  }
  #form--taskExam .question__item {
    width: 100%;
  }
  #form--taskExam .question__item.is-hover {
    width: 100%;
  }
  #form--taskExam .question__item.is-hover.self-write {
    width: 100%;
  }
  #form--taskExam .question__item.is-hover.is-active {
    width: 100%;
  }
  #form--taskExam .question__item.is-sibling {
    width: 100%;
  }
  #form--taskExam .question__body {
    grid-template-columns: 1fr;
  }
  #form--taskExam .btn.bd-radius--square.cover__line {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  #form--taskExam .btn.bd-radius--square.cover__bg {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.resetInfo {
  max-width: 397px;
  margin: 120px auto;
}
.resetInfo__body {
  display: none;
}
.resetInfo__body.is-active {
  display: block;
}
.resetInfo__result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  margin-top: 40px;
  border-top: 1px solid #eae8e8;
}
.resetInfo__result--title {
  padding: 16px 0;
  text-align: center;
}
.resetInfo__result--title strong {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.resetInfo .layout__body {
  margin-top: 20px;
}
.resetInfo .layout__body .btn-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.resetInfo .inputGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 13px;
  padding: 0;
}
.resetInfo .inputGroup label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 59px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #838381;
}
.resetInfo .inputGroup .input {
  width: 100%;
  height: 44px;
  border-color: #eae8e8;
}
.resetInfo .inputGroup .input-box {
  width: 320px;
}
.resetInfo .inputGroup .input:focus {
  outline-color: #c2c2c2;
}
.resetInfo .inputGroup .input#input--birth {
  max-width: 100%;
}
.resetInfo .userInfo__item:not(:first-child) {
  margin-top: 16px;
}
.resetInfo .userInfo__footer {
  margin-top: 20px;
}

.find__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.find__tab .btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 8px 24px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #c2c2c2;
  border-radius: 16px;
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}
.find__tab .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  padding: 4px;
  background-color: #f5f5f5;
  border-radius: 16px;
}
.find__tab .btn.is-active {
  background-color: #ff5f1b;
  color: #fff;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .resetInfo {
    margin-top: 49px;
    margin-bottom: 80px;
    padding: 0 16px;
  }
  .resetInfo__result {
    gap: 20px;
    margin-top: 20px;
  }
}
.resetPw {
  max-width: 448px;
  margin: 0 auto;
}
.resetPw .login__body {
  margin-top: 40px;
}
.resetPw .login__item .inputGroup {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 13px;
  padding: 0;
}
.resetPw .login__item .inputGroup label {
  width: 107px;
  color: #838381;
}
.resetPw .login__item .inputGroup .input--pwd {
  width: 73.3%;
}
.resetPw .login__item .inputGroup:has(.input--pwd) {
  margin-top: 0;
  margin-bottom: 16px;
  padding-bottom: 0;
  background-image: none;
  border: none;
}
.resetPw .login__item .inputGroup:has(.input--pwd) .alert--text {
  left: auto;
  bottom: -28px;
  right: 0;
}
.resetPw .login__item .inputGroup:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.resetPw .login__item .input {
  height: 44px;
  padding-left: 12px;
}
.resetPw .login__item:has(button[type=submit]) .btn {
  width: auto;
}
.resetPw .login__item:has(button[type=submit]) .btn-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0 120px;
}
.resetPw .login__item .input-box {
  overflow: hidden;
  position: relative;
  width: 100%;
  border: 1px solid #eae8e8;
  border-radius: 4px;
}
.resetPw .login__item .input-box:focus-within {
  border: 1px solid #c2c2c2;
}

@media (max-width: 1024px) {
  .resetPw {
    max-width: 100%;
    padding: 0 16px;
  }
  .resetPw .login__body {
    margin-top: 20px;
  }
  .resetPw .login__item .inputGroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
  }
  .resetPw .login__item .inputGroup .input--pwd {
    width: 100%;
  }
  .resetPw .login__item .inputGroup:has(.input--pwd) .btn-pwd-view {
    top: 67%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.sitemap .layout__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 120px;
}
.sitemap__item {
  width: 328px;
}
.sitemap__item .depth--01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-top: 4px;
}
.sitemap__item .depth--01 .sitemap__link {
  padding-left: 16px;
}
.sitemap__item .depth--02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-top: 4px;
}
.sitemap__item .depth--02 .sitemap__link {
  padding-left: 16px;
}
.sitemap__item strong {
  display: block;
  padding: 4px 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.sitemap__title {
  padding-bottom: 13px;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  border-bottom: 1px solid #e5e7eb;
}
.sitemap__link {
  display: block;
  padding: 4px 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .sitemap {
    padding: 0 16px;
  }
  .sitemap .layout__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    margin-bottom: 80px;
  }
  .sitemap__item {
    width: 100%;
  }
}
.cart:is(.paymentInfoCheck) .layout__header {
  margin-bottom: 0;
}
.cart:is(.paymentInfoCheck) .table__header .table__th:nth-child(1) {
  width: 208px;
  text-align: center;
}
.cart:is(.paymentInfoCheck) .table__header .table__th:nth-child(2) {
  width: 255px;
  text-align: center;
}
.cart:is(.paymentInfoCheck) .table__header .table__th:nth-child(3) {
  width: 200px;
}
.cart:is(.paymentInfoCheck) .table__header .table__th:nth-child(4) {
  width: 140px;
}
.cart:is(.paymentInfoCheck) .table__header .table__th:nth-child(5) {
  width: 140px;
}
.cart:is(.paymentInfoCheck) .table__body {
  margin-top: 16px;
}
.cart:is(.paymentInfoCheck) .table__body .table__tr {
  gap: 60px;
}
.cart:is(.paymentInfoCheck) .table__body .table__td:nth-child(1) {
  width: 208px;
  text-align: center;
}
.cart:is(.paymentInfoCheck) .table__body .table__td:nth-child(2) {
  width: 255px;
  text-align: left;
}
.cart:is(.paymentInfoCheck) .table__body .table__td:nth-child(3) {
  width: 200px;
}
.cart:is(.paymentInfoCheck) .table__body .table__td:nth-child(3) p {
  font-weight: 400;
}
.cart:is(.paymentInfoCheck) .table__body .table__td:nth-child(4) {
  width: 140px;
}
.cart:is(.paymentInfoCheck) .table__body .table__td:nth-child(4) p {
  font-weight: 700;
}
.cart:is(.paymentInfoCheck) .table__body .table__td:nth-child(5) {
  width: 140px;
}

.paymentInfoCheck #input--birth {
  border: 0;
}
.paymentInfoCheck #input--email {
  width: 100%;
}
.paymentInfoCheck #input--phone-cell {
  width: 277px;
}
.paymentInfoCheck #input--phone-direct {
  width: 277px;
}
.paymentInfoCheck .userInfo {
  margin-top: 40px;
}
.paymentInfoCheck .userInfo__header--title {
  line-height: 1.4;
}
.paymentInfoCheck .userInfo__header + .userInfo__body {
  margin-top: 16px;
}
.paymentInfoCheck .userInfo__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 40px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.05);
}
.paymentInfoCheck .userInfo__footer {
  margin: 40px 0 120px;
}
.paymentInfoCheck .userInfo__item + .userInfo__item {
  margin-top: 0;
}
.paymentInfoCheck .userInfo .inputGroup {
  width: 100%;
}
.paymentInfoCheck .card__tag {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1024px) {
  .cart:is(.paymentInfoCheck) .table__header {
    display: none;
  }
  .cart:is(.paymentInfoCheck) .table__body .table__tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
    padding: 12px;
  }
  .cart:is(.paymentInfoCheck) .table__body .table__td {
    width: 100%;
  }
  .cart:is(.paymentInfoCheck) .table__body .table__td:nth-child(3) {
    padding: 0;
  }
  .cart:is(.paymentInfoCheck) .table__body .table__td:nth-child(2) {
    padding: 0;
  }
  .cart:is(.paymentInfoCheck) .table__body .table__td:nth-child(4) {
    padding: 0;
  }
  .cart:is(.paymentInfoCheck) .table__body .table__td:nth-child(5) {
    position: relative;
    top: auto;
    right: auto;
    padding: 0;
    text-align: left;
  }
  .paymentInfoCheck {
    padding: 0 16px;
  }
  .paymentInfoCheck #input--phone-cell {
    width: 100%;
  }
  .paymentInfoCheck #input--phone-direct {
    width: 100%;
  }
  .paymentInfoCheck .userInfo {
    margin-top: 20px;
  }
  .paymentInfoCheck .userInfo__body {
    gap: 10px;
    padding: 20px;
  }
  .paymentInfoCheck .userInfo__footer {
    margin: 20px 0 80px;
  }
  .paymentInfoCheck .card__tag {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}