@charset "UTF-8";
/*pretendard*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
*, ::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, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

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;
}

/* inter-regular - 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: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/inter-v18-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - 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: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/inter-v18-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - 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: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/inter-v18-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - 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: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/inter-v18-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - 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: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/inter-v18-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - 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: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("/fonts/inter-v18-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.swiper-container {
  position: relative;
}
.swiper-container .swiper {
  position: static;
  padding-bottom: 30px;
}
.swiper-container .swiper-slide a {
  display: block;
}
.swiper-container .swiper-button-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}
.swiper-container .swiper-button-container .swiper-button-next,
.swiper-container .swiper-button-container .swiper-button-prev {
  color: #7a7a7a;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.swiper-container .swiper-button-container .swiper-button-next:hover,
.swiper-container .swiper-button-container .swiper-button-prev:hover {
  color: #fdb515;
}
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {
  opacity: 1;
}
.swiper-container .swiper-pagination-bullet-active {
  background-color: #fdb515;
}

.btn--close {
  display: block;
  width: 24px;
  height: 24px;
  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%3Cg stroke='%23000000' stroke-width='2'%3E%3Cpath d='m3.707 4.348 16.07 16.069M4.156 20.07 20.226 4'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.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;
}

.skip_nav {
  position: relative;
}

.skip_nav a {
  display: block;
  height: 1px;
  width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 0;
  color: transparent;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}

.skip_nav a:focus, .skip_nav a:active {
  height: auto;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  background: #2466a6;
  z-index: 10;
}

.pagination__wrap {
  margin-top: 16px;
}

.page__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 11px;
}
.page__item.is-active .page__link, .page__item:hover .page__link {
  color: #fdb515;
}
.page__item:first-child .page__link, .page__item:last-child .page__link {
  color: #585858;
}
.page__item.disabled .page__link {
  color: #c2c2c2;
}
.page__link {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #323842;
}

.btn {
  display: block;
  padding: 12px 40px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  border-radius: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.btn--list {
  background-color: #fff;
  color: #fdb515;
  border: 1px solid #fdb515;
}
.btn--list:hover {
  background-color: #fffaf0;
}
.btn--preview {
  background-color: #fdb515;
  color: #003366;
}
.btn--preview:hover {
  background-color: #003366;
  color: #fdb515;
}
.btn--preview:disabled {
  background-color: #eae8e8;
  color: #111;
}
.btn--preview:disabled:hover {
  background-color: #c2c2c2;
}
.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: 0.75rem 2.5rem;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}
.btn.bd-radius--circle.ico span {
  padding-right: 2.125rem;
}
.btn.cover__all {
  color: #fdb515;
  background-color: #fff;
  border: 1px solid #fdb515;
}
.btn.cover__all:hover {
  color: #fff;
  background-color: #fdb515;
  border: 1px solid #fdb515;
}
.btn.cover__bg {
  color: #fff;
  background-color: #fdb515;
  border: 1px solid #fdb515;
}
.btn.cover__bg:hover {
  color: #fdb515;
  background-color: #fffaf0;
  border: 1px solid #fffaf0;
}
.btn.cover__bg--primary {
  color: #003366;
  background-color: #fdb515;
  border: 1px solid #fdb515;
}
.btn.cover__bg--primary:hover {
  color: #fdb515;
  background-color: #003366;
  border: 1px solid #003366;
}
.btn.cover__bg--white {
  color: #fff;
  background-color: #fdb515;
  border: 1px solid #fdb515;
}
.btn.cover__bg--white:hover {
  color: #fff;
  background-color: #ff976a;
  border: 1px solid #ff976a;
}
.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: #fdb515;
  background-color: #fff;
  border: 1px solid #fdb515;
}
.btn.cover__line:hover {
  color: #fdb515;
  background-color: #fffaf0;
  border: 1px solid #fdb515;
}
.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: #fdb515;
  background-color: #fff;
  border: 1px solid #fdb515;
}
.btn.cover__line--primary:hover {
  color: #fdb515;
  background-color: #fff;
  border: 1px solid #fdb515;
}

.badge__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.badge__item {
  padding: 4px 16px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  background-color: #fdb515;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 40px;
}
.badge__item.is-company {
  background-color: #003366;
}

.card {
  overflow: hidden;
  width: 298px;
  height: 378px;
  cursor: pointer;
  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 .badge__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card .badge__item {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.card .layout__body {
  padding: 15px 21px 21px;
}
.card__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.card__thumbnail {
  height: 168px;
}
.card__thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.card__title {
  max-height: 48px;
  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__contents {
  margin-top: 8px;
}
.card__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}
.card__detail dt,
.card__detail dd {
  display: inline-block;
  width: auto;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #7a7a7a;
}
.card__detail--cost {
  gap: 16px;
  margin-top: 8px;
}
.card__detail--cost dt,
.card__detail--cost dd {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.card__detail--cost dt {
  color: #111;
}
.card__detail--cost dd {
  color: #003366;
  font-weight: 700;
}
.card__detail--self {
  margin-top: 21px;
}
.card__detail--self dt {
  width: 122px;
  margin-right: 32px;
}
.card__detail--self dd {
  color: #7879b9;
}
.card__detail--self .item__title {
  display: block;
  margin-bottom: 14px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}

.floating-menu {
  position: fixed;
  top: 50%;
  right: 94px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 99999;
  border-radius: 30px;
  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);
}
.floating__item {
  display: block;
  width: 90px;
  height: 90px;
  padding-top: 55px;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  background-color: #fff;
  background-position: center 20px;
  background-repeat: no-repeat;
  background-size: 30px 29px;
  border: 1px solid #f7f6f6;
}
.floating__item:first-child {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.floating__item:last-child {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.floating__item:nth-child(1) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='29' fill='none'%3E%3Cg fill='%23000000' clip-path='url(%23a)'%3E%3Cpath d='M29.464 6.825 22.758.143a.492.492 0 0 0-.693 0L19.64 2.56c-.402-.581-1.116-1.443-2.09-1.443-.51 0-1.002.234-1.465.695-.517.515-.749 1.064-.688 1.632.094.889.879 1.528 1.438 1.91L14.41 7.77a.488.488 0 0 0 0 .692l2.834 2.823a.492.492 0 0 0 .515.113.574.574 0 0 0 .278-.206c.035-.05.076-.113.124-.186.25-.384.835-1.285 1.458-1.285.24 0 .5.138.771.41.302.3.435.574.407.837-.063.595-.92 1.148-1.286 1.384a5.487 5.487 0 0 0-.186.123.571.571 0 0 0-.207.278.487.487 0 0 0 .114.512l2.834 2.824a.491.491 0 0 0 .693 0l6.707-6.684a1.823 1.823 0 0 0-.001-2.58Zm-.692 1.89-6.36 6.337-2.079-2.07c.56-.383 1.345-1.022 1.439-1.91.06-.568-.172-1.117-.688-1.633-.463-.461-.956-.695-1.465-.695-.975 0-1.688.862-2.09 1.443l-2.078-2.071 2.486-2.478a.487.487 0 0 0 .114-.512.573.573 0 0 0-.207-.278 5.61 5.61 0 0 0-.186-.123c-.366-.236-1.223-.79-1.286-1.384-.028-.263.105-.537.407-.838.272-.271.532-.409.771-.409.623 0 1.209.9 1.459 1.285.047.073.088.136.123.184a.576.576 0 0 0 .277.208c.18.065.38.021.516-.113l2.487-2.478 6.36 6.336c.33.33.331.868 0 1.199ZM22.134 17.228h-3.43c.125-.665.226-1.67-.338-2.364-.36-.444-.913-.669-1.645-.669-.73 0-1.284.225-1.644.669-.564.694-.463 1.7-.339 2.364H11.8v-3.504c0-.19-.11-.363-.283-.443a.578.578 0 0 0-.343-.05c-.06.01-.134.026-.22.044-.426.09-1.425.303-1.89-.073-.208-.166-.308-.454-.308-.879s.1-.712.307-.88c.467-.375 1.465-.162 1.892-.072.085.019.158.034.218.044.115.02.23.003.343-.05a.488.488 0 0 0 .284-.443V6.93a.49.49 0 0 0-.49-.489H1.832A1.83 1.83 0 0 0 0 8.266v18.908A1.83 1.83 0 0 0 1.832 29l13.494-.009a.49.49 0 0 0 .49-.488v-.009a.55.55 0 0 0-.006-.127c-.01-.06-.026-.133-.044-.218-.091-.425-.305-1.42.072-1.884.168-.207.456-.307.883-.307s.715.1.882.307c.377.464.164 1.459.073 1.884-.018.085-.034.158-.044.217a.573.573 0 0 0 .05.343.49.49 0 0 0 .444.282h2.814a1.829 1.829 0 0 0 1.684-1.79v-9.485a.49.49 0 0 0-.49-.488ZM.98 8.267a.85.85 0 0 1 .85-.848h8.987v2.928c-.667-.123-1.675-.224-2.372.338-.446.359-.672.91-.672 1.639 0 .728.226 1.28.672 1.639.697.562 1.705.46 2.372.337v2.936H7.886c.125-.664.226-1.67-.338-2.364-.36-.444-.914-.669-1.645-.669s-1.284.225-1.645.67c-.564.694-.462 1.699-.338 2.363H.98V8.267Zm.85 19.756a.85.85 0 0 1-.85-.849v-8.96h3.516a.49.49 0 0 0 .445-.283.57.57 0 0 0 .05-.342c-.01-.06-.025-.133-.044-.218-.09-.425-.304-1.42.073-1.885.167-.206.456-.306.882-.306.427 0 .715.1.883.306.377.465.164 1.46.072 1.885-.018.085-.033.158-.043.217a.571.571 0 0 0 .05.343.49.49 0 0 0 .444.282h3.509v2.92c-.667-.123-1.676-.224-2.373.338-.445.359-.671.91-.671 1.639 0 .728.226 1.28.671 1.638.697.562 1.706.461 2.373.337v2.93l-8.986.007Zm19.812-.832a.849.849 0 0 1-.733.824h-2.206c.124-.665.226-1.67-.338-2.365-.36-.444-.914-.669-1.645-.669-.73 0-1.284.225-1.645.67-.564.694-.463 1.698-.338 2.363h-2.94V24.51c0-.19-.11-.363-.284-.443a.577.577 0 0 0-.342-.05c-.06.01-.134.026-.219.044-.426.09-1.425.303-1.891-.072-.207-.167-.308-.454-.308-.88 0-.424.101-.712.308-.879.466-.375 1.465-.163 1.891-.072.085.018.159.034.218.044.116.02.231.003.344-.05a.488.488 0 0 0 .284-.443v-3.504h3.517a.49.49 0 0 0 .445-.283.571.571 0 0 0 .05-.34c-.01-.061-.026-.134-.044-.22-.09-.424-.304-1.419.073-1.883.167-.207.456-.307.882-.307s.715.1.883.307c.377.464.163 1.46.072 1.884a5.462 5.462 0 0 0-.044.217.572.572 0 0 0 .05.343.49.49 0 0 0 .445.283h3.516v8.985Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h30v29H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.floating__item:nth-child(2) {
  padding-top: 46px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='35' fill='none'%3E%3Cg fill='%23000000' clip-path='url(%23a)'%3E%3Cpath d='M18.938.903A.908.908 0 0 0 18.026 0H3.47a.908.908 0 0 0-.912.903v10.424h16.385V.903h-.005Zm-8.195-.71a.282.282 0 1 1 0 .564.282.282 0 1 1 0-.564Zm7.167 10.205H3.58V1.075c0-.078.064-.14.143-.14h14.039c.079 0 .142.062.142.14v9.323h.006ZM21.49 14.543H0v.689h21.49v-.69ZM18.938 11.583H2.552L0 14.298h21.49l-2.552-2.715Zm-15.853.36H18.4l1.023 1.076H2.067l1.023-1.076h-.005Zm5.907 2.047.205-.763h3.09l.206.763H8.986h.006ZM39.447 20.676a.908.908 0 0 0-.912-.903H23.98a.908.908 0 0 0-.913.903v10.425h16.386V20.676h-.006Zm-8.19-.715a.282.282 0 1 1 0 .564.282.282 0 1 1 0-.564Zm7.162 10.205H24.09v-9.323c0-.078.064-.14.143-.14H38.27c.08 0 .143.062.143.14v9.323h.005ZM42 34.311H20.51V35H42v-.689ZM39.447 31.351H23.062l-2.553 2.715H42l-2.553-2.715Zm-15.847.36h15.315l1.023 1.076H22.582l1.023-1.076H23.6Zm5.906 2.047.206-.762h3.09l.206.762h-3.507.005ZM11.45 17.503c0 .459-.375.835-.845.835a.835.835 0 1 1 0-1.67c.47 0 .844.37.844.835ZM11.45 20.77c0 .46-.375.835-.845.835a.835.835 0 1 1 0-1.67c.47 0 .844.37.844.835ZM11.45 24.038c0 .46-.375.835-.845.835a.835.835 0 1 1 0-1.67c.47 0 .844.37.844.835ZM11.45 27.306c0 .46-.375.835-.845.835a.835.835 0 1 1 0-1.67c.47 0 .844.37.844.835ZM20.51 28.14a.835.835 0 1 1 0-1.67.835.835 0 1 1 0 1.67ZM17.208 28.14a.835.835 0 1 1 0-1.67.835.835 0 1 1 0 1.67ZM13.907 28.14a.835.835 0 1 1 0-1.67.835.835 0 1 1 0 1.67ZM30.65 16.657c0-.46.375-.835.845-.835a.835.835 0 1 1 0 1.67.835.835 0 0 1-.844-.835ZM30.65 13.39c0-.46.375-.836.845-.836a.835.835 0 1 1 0 1.67.835.835 0 0 1-.844-.835ZM30.65 10.121c0-.459.375-.835.845-.835a.835.835 0 1 1 0 1.67.835.835 0 0 1-.844-.835ZM30.65 6.854c0-.46.375-.835.845-.835a.835.835 0 1 1 0 1.67.835.835 0 0 1-.844-.835ZM21.59 6.019a.835.835 0 1 1 0 1.67.835.835 0 1 1 0-1.67ZM24.892 6.019a.835.835 0 1 1 0 1.67.835.835 0 1 1 0-1.67ZM28.193 6.019a.835.835 0 1 1 0 1.67.835.835 0 1 1 0-1.67Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h42v35H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position-y: 14px;
}
.floating__item:nth-child(3) {
  padding-top: 50px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='35' viewBox='0 0 26 35' fill='none'%3E%3Cg clip-path='url(%23clip0_2026_18058)'%3E%3Cpath d='M0.340332 35C0.340332 27.9061 6.00997 23.5337 13 23.5337C19.9969 23.5337 25.6597 27.9061 25.6597 35' stroke='%23000000' stroke-miterlimit='10'/%3E%3Cpath d='M16.8592 22.2763V25.1015C16.8592 27.2635 13 29.018 13 29.018C13 29.018 9.14087 27.2635 9.14087 25.1015V21.6201' fill='%23ffffff'/%3E%3Cpath d='M16.8592 22.2763V25.1015C16.8592 27.2635 13 29.018 13 29.018C13 29.018 9.14087 27.2635 9.14087 25.1015V21.6201' stroke='%23000000' stroke-miterlimit='10'/%3E%3Cpath d='M10.5974 22.3456C7.46647 21.3164 5.20679 18.3393 5.20679 14.8165V11.0174C5.20679 6.65192 8.6916 3.1084 13 3.1084C17.3016 3.1084 20.7932 6.64501 20.7932 11.0174V14.3399' fill='%23ffffff'/%3E%3Cpath d='M10.5974 22.3456C7.46647 21.3164 5.20679 18.3393 5.20679 14.8165V11.0174C5.20679 6.65192 8.6916 3.1084 13 3.1084C17.3016 3.1084 20.7932 6.64501 20.7932 11.0174V14.3399' stroke='%23000000' stroke-miterlimit='10'/%3E%3Cpath d='M5.24768 12.1639C5.24768 12.1639 7.67752 11.7287 10.2027 7.88818C10.2027 7.88818 16.3351 12.7234 20.7456 12.7234' stroke='%23000000' stroke-miterlimit='10'/%3E%3Cpath d='M15.2257 18.2634C14.5451 18.595 13.8032 18.7815 13.0137 18.7815C12.2241 18.7815 11.4618 18.588 10.7676 18.2427' stroke='%23000000' stroke-miterlimit='10'/%3E%3Cpath d='M13 29.018L15.1916 31.85L19.7314 26.6694' stroke='%23000000' stroke-miterlimit='10'/%3E%3Cpath d='M12.9251 29.018L10.7335 31.85L6.19373 26.6694' stroke='%23000000' stroke-miterlimit='10'/%3E%3Cpath d='M3.50525 9.20746C4.15185 4.21338 7.8885 0.345215 12.9864 0.345215C18.0843 0.345215 21.8141 4.21338 22.4676 9.20055' stroke='%23000000' stroke-miterlimit='10'/%3E%3Cpath d='M5.09116 8.81396C3.09011 8.81396 1.47021 10.4579 1.47021 12.4887V13.96C1.47021 15.9908 3.09011 17.6348 5.09116 17.6348V8.81396Z' fill='%23ffffff' stroke='%23000000' stroke-miterlimit='10'/%3E%3Cpath d='M20.8953 17.6348C22.8963 17.6348 24.5162 15.9908 24.5162 13.96V12.4887C24.5162 10.4579 22.8963 8.81396 20.8953 8.81396V17.6348Z' fill='%23ffffff' stroke='%23000000' stroke-miterlimit='10'/%3E%3Cpath d='M13.8713 21.6411C13.5514 21.6411 13.2927 21.3786 13.2927 21.0539C13.2927 20.7293 13.5514 20.4668 13.8713 20.4668H16.1037C16.4236 20.4668 16.6823 20.7293 16.6823 21.0539C16.6823 21.3786 16.4236 21.6411 16.1037 21.6411H13.8713Z' fill='%23000000'/%3E%3Cpath d='M20.7932 17.3447C20.7932 19.4377 19.5885 21.1369 17.5262 21.1369C17.0633 21.1369 16.6277 21.054 16.2194 20.8952' stroke='%23000000' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2026_18058'%3E%3Crect width='26' height='35' fill='%23ffffff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: center 16px;
}
.floating__item:nth-child(4) {
  padding-top: 50px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='36' fill='none'%3E%3Cg fill='%23000000'%3E%3Cpath d='M19.853 0C8.888 0 0 6.908 0 15.435c0 5.548 3.764 10.41 9.417 13.13a802.354 802.354 0 0 0-1.721 6.378c-.27 1.062.394 1.047.832.763.341-.225 5.44-3.635 7.64-5.105 1.196.173 2.425.265 3.685.265 10.965 0 19.853-6.908 19.853-15.431S30.818 0 19.853 0Zm12.31 19.962-2.695-3.613-.614.487v2.728c0 .81-2.1.81-2.1 0 0-.513.045-7.443.026-8.21-.01-.424.54-.641 1.08-.641.502 0 .997.191 1.009.586.03 1.04 0 2.92 0 2.92s3.04-2.994 3.474-3.418c.447-.439 1.83.933 1.384 1.368-.765.748-2.707 2.813-2.707 2.813l2.86 3.704c.544.708-1.17 1.983-1.713 1.276h-.003ZM17 11.31c.364.76 2.347 6.127 2.924 7.616.401 1.043-1.537 1.766-1.942.722-.494-1.29-.367-1.345-.367-1.345h-3.737l-.409 1.404c-.435.985-2.317.181-1.878-.803.603-1.364 2.418-6.507 2.92-7.594.199-.431.667-.605 1.147-.605.581 0 1.177.25 1.346.605H17Zm-4.787-.605c1.271 0 1.271 1.965 0 1.965-1.35 0-2.032-.004-2.032-.004l-.007 6.747c0 .936-2.122.925-2.122-.015.011-1.287 0-6.805 0-6.805H6.01c-1.2 0-1.203-1.925 0-1.928 0 0 4.783.04 6.215.04h-.01Zm8.435 8.306s-.008-5.633-.012-7.38c0-.616.552-.922 1.106-.922.555 0 1.102.306 1.106.918l-.004 6.477s1.751.01 2.714.01c.964 0 .964 2.01.004 2.01s-3.126.011-4.1.011c-.976 0-.814-1.12-.814-1.12v-.004Z'/%3E%3Cpath d='m16.918 16.452-1.136-3.502-1.233 3.502h2.369Z'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center 16px;
}

@media (max-width: 1680px) {
  .floating-menu {
    right: 0;
  }
}
.form .label {
  padding: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.form-group {
  display: grid;
  grid-template-columns: 128px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-group.form__password {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 40px;
}
.form-group.form__password .label {
  visibility: hidden;
}
.form-group .input__wrap {
  position: relative;
  display: block;
}
.form-group .input__wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background-color: #f7f6f6;
}
.form-group input[type=text], .form-group input[type=email], .form-group input[type=password], .form-group input[type=tel] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 7px 16px;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.form-group input[readonly] {
  width: 100%;
  padding: 7px 17px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  border-radius: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form__birthdate input {
  width: 168px;
}
.form__phone .phone-input {
  display: grid;
  grid-template-columns: 59px 9px 73px 9px 73px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.form__phone .phone-input span {
  color: rgba(0, 0, 0, 0.5);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}
.form__email input {
  width: 375px;
  padding: 7px 21px;
}
.form__password .password__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: 4px;
}
.form__password .password-input {
  position: relative;
}
.form__password .password-input .label {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 24px;
  padding: 0;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 0;
}
.form__password .password-input input[type=password] {
  width: 100%;
  padding: 7px 15px;
}
.form__btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 40px;
  text-align: right;
}
.form__btn button[type=submit] {
  padding: 12px 40px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #003366;
  background-color: #fdb515;
  border-radius: 4px;
}

.fieldset {
  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;
}

.checkbox__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.checkbox__group-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.checkbox__group .label {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.checkbox__switch {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 28px;
  height: 16px;
}
.checkbox__switch input[type=checkbox] {
  position: absolute;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.checkbox__switch input[type=checkbox]:checked + label {
  background-color: #003366;
}
.checkbox__switch input[type=checkbox]:checked + label .onf_btn {
  left: 14px;
}
.checkbox__switch label {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 16px;
  background-color: #c2c2c2;
  border-radius: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.checkbox__switch .onf_btn {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 19px;
  height: 64px;
  margin-bottom: 10px;
  padding: 13px 0 13px 33px;
  background-color: #f7f6f6;
}
.filter__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
}
.duration__shortcut--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.duration__shortcut--item {
  width: 54px;
  height: 38px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  border-top: 1px solid #f7f6f6;
  border-bottom: 1px solid #f7f6f6;
  background-color: #fff;
}
.duration__shortcut--item button {
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
.duration__shortcut--item + li {
  border-left: 1px solid #c2c2c2;
}
.duration__shortcut--item:first-child {
  border-left: 1px solid #c2c2c2;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.duration__shortcut--item:last-child {
  border-right: 1px solid #c2c2c2;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.duration__shortcut--item:hover {
  background-color: #f7f6f6;
}
.duration__calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.duration-dash {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: #c2c2c2;
}
.duration .calendar-input {
  position: relative;
  width: 183px;
  height: 38px;
}
.duration .calendar-input input {
  width: 100%;
  height: 38px;
  padding: 10px 17px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  cursor: pointer;
}
.duration .calendar-input .icon-calendar {
  position: absolute;
  top: 50%;
  right: 7px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23000000' d='M22.5 2.245h-6.005V.75a.75.75 0 1 0-1.5 0v1.495h-6V.75a.75.75 0 1 0-1.5 0v1.495H1.5a1.5 1.5 0 0 0-1.5 1.5V22.5A1.5 1.5 0 0 0 1.5 24h21a1.5 1.5 0 0 0 1.5-1.5V3.745a1.5 1.5 0 0 0-1.5-1.5Zm0 20.255h-21V3.745h5.995v.756a.75.75 0 1 0 1.5 0v-.755h6V4.5a.75.75 0 1 0 1.5 0v-.755H22.5V22.5Zm-5.25-10.502h1.5a.75.75 0 0 0 .75-.75V9.746a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v1.5c0 .415.336.75.75.75Zm0 6h1.5a.75.75 0 0 0 .75-.75v-1.5a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v1.5c0 .415.336.75.75.75Zm-4.5-3h-1.5a.75.75 0 0 0-.75.75v1.5c0 .415.336.75.75.75h1.5a.75.75 0 0 0 .75-.75v-1.5a.75.75 0 0 0-.75-.75Zm0-6.001h-1.5a.75.75 0 0 0-.75.75v1.5c0 .415.336.75.75.75h1.5a.75.75 0 0 0 .75-.75v-1.5a.75.75 0 0 0-.75-.75Zm-6 0h-1.5a.75.75 0 0 0-.75.75v1.5c0 .415.336.75.75.75h1.5a.75.75 0 0 0 .75-.75v-1.5a.75.75 0 0 0-.75-.75Zm0 6h-1.5a.75.75 0 0 0-.75.751v1.5c0 .415.336.75.75.75h1.5a.75.75 0 0 0 .75-.75v-1.5a.75.75 0 0 0-.75-.75Z'/%3E%3C/svg%3E") no-repeat center/cover;
}

.custom-calendar.flatpickr-calendar {
  width: auto;
  height: 323px;
  padding: 0 32px 49px;
  background-color: #fff;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 23px 0px #ededed;
          box-shadow: 0px 2px 23px 0px #ededed;
}
.custom-calendar.flatpickr-calendar .flatpickr-current-month .cur-month,
.custom-calendar.flatpickr-calendar .flatpickr-current-month .cur-year {
  color: #003366;
}
.custom-calendar.flatpickr-calendar .flatpickr-months {
  position: relative;
}
.custom-calendar.flatpickr-calendar .flatpickr-months .flatpickr-month {
  height: 73px;
  color: #003366;
}
.custom-calendar.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.custom-calendar.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  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;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 22px;
  height: 22px;
  padding: 0;
  border-radius: 11px;
  background-color: #f7f8fc;
}
.custom-calendar.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month svg,
.custom-calendar.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-next-month svg {
  fill: #8c96ab;
}
.custom-calendar.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: auto;
  right: 34px;
}
.custom-calendar.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.custom-calendar.flatpickr-calendar .flatpickr-current-month {
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0) translateY(-50%);
          transform: translate3d(0, 0, 0) translateY(-50%);
  width: auto;
  height: auto;
  padding: 0;
}
.custom-calendar.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
  font-size: 15px;
  font-weight: 500;
  padding: 0;
}
.custom-calendar.flatpickr-calendar .flatpickr-current-month .cur-month,
.custom-calendar.flatpickr-calendar .flatpickr-current-month .cur-year {
  color: #003366;
  font-size: 15px;
  font-weight: 500;
}
.custom-calendar.flatpickr-calendar .flatpickr-weekday {
  color: rgba(52, 72, 94, 0.54);
  font-weight: 600;
}
.custom-calendar.flatpickr-calendar .flatpickr-days .dayContainer {
  height: 200px;
}
.custom-calendar.flatpickr-calendar .flatpickr-day.selected {
  border-color: #003366;
  background-color: #003366;
}
.custom-calendar.flatpickr-calendar .flatpickr-day.inRange {
  background: rgba(253, 181, 21, 0.1);
  border-color: transparent;
}
.custom-calendar.flatpickr-calendar .flatpickr-day.flatpickr-disabled, .custom-calendar.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover, .custom-calendar.flatpickr-calendar .flatpickr-day.prevMonthDay, .custom-calendar.flatpickr-calendar .flatpickr-day.nextMonthDay, .custom-calendar.flatpickr-calendar .flatpickr-day.notAllowed, .custom-calendar.flatpickr-calendar .flatpickr-day.notAllowed.prevMonthDay, .custom-calendar.flatpickr-calendar .flatpickr-day.notAllowed.nextMonthDay {
  color: #e1e4e7;
  background-color: transparent;
  border-color: transparent;
}

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.5);
  z-index: 99999;
}
.popup__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 600px;
  height: 450px;
  padding: 40px;
  border-radius: 10px;
  background-color: #fff;
}
.popup__header {
  position: relative;
  padding-bottom: 23px;
  border-bottom: 1px solid #111;
}
.popup__close {
  position: absolute;
  top: 4px;
  right: 0;
  width: 26px;
  height: 26px;
  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 stroke='%23' stroke-width='2'%3E%3Cpath d='m3.707 4.348 16.07 16.069M4.156 20.07 20.226 4'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.popup__title {
  padding: 4px 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}
.popup__body {
  padding: 40px 0 0;
}
.popup__text {
  font-size: 14px;
  line-height: 1.4;
}
.popup__text--small {
  font-size: 12px;
  line-height: 1.6;
  color: #7a7a7a;
}
.popup__btn--wrap {
  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: 10px;
  margin-top: 38px;
  padding-top: 38px;
}
.popup .btn {
  display: inline-block;
  padding: 20px 40px;
  font-weight: 600;
  border-radius: 30px;
}
.popup .btn--primary {
  background-color: #003366;
  color: #fff;
}
.popup .btn--secondary {
  background-color: #f7f6f6;
  color: #111;
}

.chatbot {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
  min-width: 540px;
}

.video-tab .chatbot {
  min-width: 100%;
}

.chatbot__header {
  width: 100%;
}

.chatbot__banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 100%;
  max-height: 106px;
  padding: 0 28px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.24%, #ffe17d), color-stop(99.76%, #ffc33d));
  background: linear-gradient(180deg, #ffe17d 0.24%, #ffc33d 99.76%);
  border-radius: 0px 0px 30px 30px;
  z-index: 999;
}

.chatbot__banner img {
  height: 100%;
}

.chatbot__container {
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 23px;
  width: 100%;
  margin-bottom: auto;
  padding: 23px 13px 0 21px;
}

.chatbot__footer {
  width: 100%;
}

.chat-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.chat-message .message {
  position: relative;
  min-width: 57%;
  max-width: 71%;
}

.chat-message .message::before {
  bottom: 12px;
  width: 24px;
  height: 32px;
}

.chat-message .message--text {
  padding: 24px 22px 23px;
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 10px;
  word-break: break-word;
}

.chat-message.user {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.chat-message.user .message {
  margin-right: 22px;
}

.chat-message.user .message::before {
  content: "";
  position: absolute;
  right: -21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='33' fill='none'%3E%3Cpath fill='%23e6ebf2' d='M22.15.01C16.15 22.09 0 22.85 0 22.85s9.06 11.83 23.09 8.68L22.15 0v.01Z'/%3E%3C/svg%3E");
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.chat-message.user .message--text {
  text-align: left;
  background-color: #e6ebf2;
}

.chat-message.bot {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 3%;
}

.chat-message.bot .bot__profile {
  width: 14%;
  max-width: 68px;
}

.chat-message.bot .message {
  margin-left: 22px;
  margin-bottom: 8px;
}

.chat-message.bot .message::before {
  content: "";
  position: absolute;
  left: -21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='33' fill='none'%3E%3Cpath fill='%23ffefd1' d='M22.15.01C16.15 22.09 0 22.85 0 22.85s9.06 11.83 23.09 8.68L22.15 0v.01Z'/%3E%3C/svg%3E");
}

.chat-message.bot .message--text {
  text-align: center;
  background-color: #ffefd1;
}

#chatForm {
  background-color: transparent;
}

#chatForm--items {
  display: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 17px;
  padding: 28px 17px 24px;
  background-color: #003362;
  border-radius: 30px 30px 0px 0px;
  border-bottom: 1px solid #d6d6d6;
}

#chatForm--items.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#chatForm--items .chatForm--item-btn {
  display: block;
  padding: 11px 18px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #000;
  font-family: "Noto Sans";
  background-color: #fdb515;
  border-radius: 50px;
}

#chatForm--items .chatForm--item-btn.btn-primary {
  background-color: #fdb515;
}

#chatForm--input {
  display: grid;
  grid-template-columns: 1fr 102px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  padding: 17px 18px 19px 21px;
  background-color: #f7f6f2;
}

#chat-input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  resize: none;
  height: 38px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 36px;
  border: 1px solid #d6d6d6;
  border-radius: 50px;
}

#send-chat {
  padding: 8px 28px;
  color: #003362;
  font-size: 14px;
  font-weight: 700;
  background-color: #fdb515;
  border: none;
  border-radius: 5px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}

@media (max-width: 1300px) {
  .chatbot__banner {
    height: 106px;
  }
  .chat-message.bot .bot__profile {
    width: 7%;
    min-width: 68px;
  }
}
@media (max-width: 786px) {
  .chatbot__banner {
    height: 50%;
    min-height: 114%;
  }
}
.company-location {
  padding: 0;
}
.company-location__map {
  width: 100%;
  height: 512px;
  border-radius: 16px;
  margin-bottom: 16px;
  background-color: #f5f5f5;
}
.company-location__info {
  padding: 16px;
  text-align: left;
  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);
}
.company-location__info li {
  position: relative;
  padding: 16px 0 16px 28px;
}
.company-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;
}
.company-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='%23000000'/%3E%3C/svg%3E");
}
.company-location__info li.ico--address .btn {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #fdb515;
}
.company-location__info li.ico--address .btn:is(.ico--copy) {
  position: relative;
  padding-left: 24px;
  padding-top: 0;
  padding-bottom: 0;
}
.company-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='%23000000'/%3E%3C/svg%3E");
  background-size: 14px 16px;
  background-repeat: no-repeat;
  background-position: center left;
}
.company-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='%23000000'/%3E%3C/svg%3E");
}
.company-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='%23000000'/%3E%3C/svg%3E");
}
.company-location__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.company-location__title + .company-location__text {
  margin-top: 4px;
}
.company-location__text {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.company-location .is-map {
  border-radius: 16px;
}

@media (max-width: 1024px) {
  .company-location {
    padding: 0 16px 80px;
  }
}
.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,");
}
.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,");
}
.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);
}

.BBSCategory li.select {
  width: auto;
}

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

/* Edge/IE의 비밀번호 보기(eye) & 지우기 버튼 숨기기 */
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}

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

input:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

input:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

input:focus:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

input:focus::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

input:focus::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
input:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
input:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
input:focus:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
input:focus::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.textArea:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.textArea:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.textArea:focus:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.textArea:focus::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.textArea:focus::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.textArea:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.textArea:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.textArea:focus:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.textArea:focus::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.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: #fdb515;
}

.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: 7px 16px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  background-color: transparent !important;
}
.inputGroup input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input:focus:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input:focus::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input:focus::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input:focus:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.inputGroup input:focus::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.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: 7px 16px;
  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;
}

.boardWrite .inputGroupList {
  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;
}
.boardWrite .inputGroup {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
.boardWrite .inputGroup .label {
  width: 60px;
  padding: 0;
  text-align: right;
  border-radius: 0;
}
.boardWrite .inputGroup .input {
  border: 1px solid #c2c2c2;
  border-radius: 4px;
}
.boardWrite .inputGroup .input:-moz-read-only {
  background-color: #f5f5f5 !important;
}
.boardWrite .inputGroup .input:read-only {
  background-color: #f5f5f5 !important;
}
.boardWrite .selectBox {
  width: 100%;
  padding: 7px 16px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
}
.boardWrite .selectBox select {
  width: 100%;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  background-color: transparent !important;
}
.boardWrite .phoneBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.boardWrite .phoneBox .selectBox {
  width: 59px;
}
.boardWrite .phoneBox .selectBox option {
  text-align: center;
}
.boardWrite .phoneBox .input[type=tel] {
  width: 73px;
}
.boardWrite .phoneBox .phoneInfo {
  margin-left: 16px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #ff5f1b;
}
.boardWrite .emailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.boardWrite .textarea {
  width: 100%;
  height: 290px;
  padding: 16px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  resize: none;
}

.certification {
  padding: 0;
}
.certification .layout__header {
  margin-bottom: 26px;
}
.certification .header__subtitle {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #003366;
}
.certification__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 14px;
}
.certification__item {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 9px;
  width: 299px;
  height: 433px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #f7f6f6;
  border-radius: 10px;
}
.certification__item .img__wrap {
  width: 182px;
  height: 275px;
}
.certification__item-title {
  display: block;
  margin-top: 6px;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.certification__item-src {
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #7a7a7a;
}

.owner-refund {
  text-align: center;
}
.owner-refund .owner1 {
  padding-top: 13px;
  border: 0;
}
.owner-refund .owner1 .box2 {
  width: 890px;
}
.owner-refund .owner1_2 {
  width: 1136px;
  margin: 0 auto 62px;
  padding: 0;
  background-image: none;
  border: 0;
}
.owner-refund .owner1_3 {
  width: 1136px;
  margin: 0 auto;
}

.lecture .layout__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px auto 0;
}
.lecture .layout__body {
  margin-top: 16px;
}
.lecture .card .layout__body {
  margin-top: 0;
}
.lecture .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 auto 16px;
}
.lecture .inner-box:has(.sorting) {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lecture__detail .layout__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 34px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 auto;
}
.lecture__detail--info {
  width: 100%;
}
.lecture__detail--info .badge__list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.lecture__detail--info .badge__item {
  line-height: 24px;
}
.lecture__detail--info .btn__wrap {
  margin-top: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.lecture__detail--title {
  margin-top: 12px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
}
.lecture__detail--desc {
  margin-top: 16px;
}
.lecture__detail--desc .desc__item {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #7a7a7a;
}
.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__cost {
  margin-top: 51px;
}
.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 + .cost__item {
  margin-top: 24px;
}
.lecture__cost .cost__item dt {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.lecture__cost .cost__item dd {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}
.lecture__cost .cost__btn--select {
  position: relative;
  display: block;
  width: 170px;
  padding: 6px 30px 6px 16px;
  text-align: right;
  color: #7a7a7a;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  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%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  width: 16px;
  height: 16px;
  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='%237a7a7a' d='M8 7.06 9.061 6l5.779 5.777a.996.996 0 0 1 0 1.413l-5.779 5.78-1.06-1.06 5.424-5.425L8 7.06Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}
.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-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  cursor: pointer;
}
.lecture__cost .cost__list li:hover {
  color: #f5f5f5;
}
.lecture__cost .btn {
  display: block;
  padding: 11px 34px;
  border-radius: 4px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #003366;
  background-color: #fdb515;
}
.lecture__cost .btn__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 25px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 29px;
}
.lecture__cost .btn--cart {
  padding-left: 17px;
  padding-right: 51px;
  color: #fdb515;
  border: 1px solid #fdb515;
  background-color: #fff;
  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 fill='%23fdb515'%3E%3Cpath 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/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 17px center;
}
.lecture__body {
  margin: 71px auto 0;
}

.search__bar {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 328px;
}
.search__input--box {
  position: relative;
  overflow: hidden;
  width: 428px;
  height: 38px;
  padding-right: 40px;
  border-radius: 4px;
  background-color: #f5f5f5;
}
.search__input--box input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px 12px 7px 20px;
  font-size: 16px;
  color: #7a7a7a;
  background-color: transparent;
}
.search__input--box .btn--search {
  position: absolute;
  top: 50%;
  right: 12px;
  -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' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 20L16.2223 16.2156M18.3158 11.1579C18.3158 13.0563 17.5617 14.8769 16.2193 16.2193C14.8769 17.5617 13.0563 18.3158 11.1579 18.3158C9.2595 18.3158 7.43886 17.5617 6.0965 16.2193C4.75413 14.8769 4 13.0563 4 11.1579C4 9.2595 4.75413 7.43886 6.0965 6.0965C7.43886 4.75413 9.2595 4 11.1579 4C13.0563 4 14.8769 4.75413 16.2193 6.0965C17.5617 7.43886 18.3158 9.2595 18.3158 11.1579V11.1579Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 24px;
  height: 24px;
}

#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;
}

.sorting {
  display: none;
  visibility: hidden;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.sorting__menu {
  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;
  margin: 0 auto;
}
.sorting__menu .btn {
  display: block;
  margin: 0;
  padding: 0 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  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: #fdb515;
}
.sorting__menu .btn:first-child {
  padding-left: 0;
}

.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: 475px;
  height: 267px;
  background-color: #f7f6f6;
  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: 40px;
  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: 0 0 18px;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}
.intro__title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fdb515;
}
.intro__notice {
  margin-bottom: 102px;
}
.intro__notice .notice__title {
  display: block;
  padding: 25px 0 21px 96px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  background-color: #f7f6f6;
  border-radius: 4px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cpath fill='%23fdb515' d='M18 11h13v28H18z'/%3E%3Cpath fill='%23000000' d='M24 4C12.954 4 4 12.954 4 24s8.954 20 20 20 20-8.954 20-20S35.046 4 24 4Zm2 30h-4v-4h4v4Zm0-8h-4l-1-12h6l-1 12Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 38px center;
}
.intro__notice .notice__desc {
  padding: 16px 0 0 96px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.intro__notice .notice__desc strong {
  font-weight: 600;
}
.intro__notice .notice__desc ul {
  margin-top: 28px;
}
.intro__item h1 {
  padding: 21px 0 21px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  border-bottom: 1px solid #f7f6f6;
}
.intro__item table {
  border: 1px solid #eae8e8;
}
.intro__item th,
.intro__item td {
  padding: 8px;
  border: 1px solid #eae8e8;
}
.intro__item .item__title {
  padding: 21px 0 21px 17px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  border-bottom: 1px solid #f7f6f6;
}
.intro__item .item__contents {
  min-height: 150px;
  padding: 21px 0 21px 17px;
}
.intro__item .item__contents pre {
  font-family: "Noto Sans KR", sans-serif;
}

.top-banner {
  max-width: 1246px;
  margin: 0 auto;
  padding: 16px 0;
}

.counsel {
  width: 303px;
  height: 65px;
  margin-left: auto;
  background: url("/images/common/ad@2x.png") no-repeat center/100%;
}
.counsel a {
  display: block;
  height: 100%;
}

.main-visual .swiper-container {
  max-width: 1920px;
  height: 364px;
  margin: 0 auto;
}
.main-visual .swiper-container .swiper {
  height: 100%;
  padding-bottom: 0;
}
.main-visual .swiper-container .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.shortcut {
  margin-top: 16px;
}
.shortcut__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 44px;
  max-width: 1246px;
  margin: 0 auto;
}
.shortcut__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 140px;
  height: 140px;
  background-repeat: no-repeat;
  background-position: center 34px;
  background-size: 48px;
}
.shortcut__item:nth-child(1) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cg stroke-width='2'%3E%3Cpath stroke='%23000000' d='M5 22C5 13.043 5 8.565 7.782 5.782 10.567 3 15.043 3 24 3s13.435 0 16.217 2.782C43 8.567 43 13.043 43 22s0 13.435-2.783 16.217C37.437 41 32.957 41 24 41c-8.957 0-13.435 0-16.218-2.783C5 35.437 5 30.957 5 22Z'/%3E%3Cpath stroke='%23fdb515' stroke-linecap='round' stroke-linejoin='round' d='M13 28.72 15 31l5-5.7m-7-9.88 2 2.28 5-5.7'/%3E%3Cpath stroke='%23000000' stroke-linecap='round' d='M26 16h9m-9 14h9'/%3E%3C/g%3E%3C/svg%3E");
}
.shortcut__item:nth-child(2) {
  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='M31.4 16.6001H17.8V30.2001H31.4V16.6001Z' fill='%23FDB515'/%3E%3Cpath d='M41.5001 24.7C41.5001 19.6 38.2001 15.4 33.6001 14V30.6H41.5001V24.6V24.7Z' fill='%23000000'/%3E%3Cpath d='M15.3 14C10.6 15.2 7.30005 19.6 7.30005 24.7V30.7H15.3V14Z' fill='%23000000'/%3E%3Cpath d='M41.6 32.3999H7C5.3 32.3999 4 33.6999 4 35.3999C4 37.0999 5.3 38.3999 7 38.3999H41.6C43.3 38.3999 44.6 37.0999 44.6 35.3999C44.6 33.6999 43.3 32.3999 41.6 32.3999ZM41.6 37.2999H7C6 37.2999 5.2 36.4999 5.2 35.4999C5.2 34.4999 6 33.6999 7 33.6999H41.6C42.6 33.6999 43.4 34.4999 43.4 35.4999C43.4 36.4999 42.6 37.2999 41.6 37.2999Z' fill='%23000000'/%3E%3Cpath d='M32 13.6C31.6 12.7 30.9 11.9 30 11.3C29.1 10.7 28.1 10.5 27.1 10.5H22C21 10.5 20 10.8 19.2 11.3C18.4 11.8 17.7 12.5 17.2 13.4V30.6H32.1999V13.6H32.1H32ZM29.5 24.7C29.1 25.1 28.6 25.3 28.1 25.3H26.5V26.9C26.5 27.4 26.2999 27.9 25.9 28.3C25.5 28.7 25 28.9 24.5 28.9C24 28.9 23.5 28.7 23.1 28.3C22.7 27.9 22.5 27.4 22.5 26.9V25.3H20.9C19.8 25.3 18.9 24.4 18.9 23.4C18.9 22.4 19.1 22.4 19.5 22C19.9 21.6 20.4 21.4 20.9 21.4H22.5V19.8C22.5 18.7 23.4 17.7 24.5 17.7C25.6 17.7 26.5 18.6 26.5 19.8V21.4H28.1C29.2 21.4 30.1 22.3 30.1 23.4C30.1 24.5 29.9 24.4 29.5 24.8V24.7Z' fill='%23000000'/%3E%3C/svg%3E");
}
.shortcut__item:nth-child(3) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16.4326L35.0069 21.936V43.9498H12.9931V21.936L24 16.4326ZM24 16.4326V4.0498M3.36206 43.9498H44.6379M7.48965 43.9498V27.4395H12.9931M40.5103 43.9498V27.4395H35.0069M21.2483 43.9498V35.6946H26.7517V43.9498M24 5.42567H32.2552V10.9291H24M24 30.1912C23.2702 30.1912 22.5703 29.9013 22.0542 29.3852C21.5382 28.8692 21.2483 28.1693 21.2483 27.4395C21.2483 26.7097 21.5382 26.0097 22.0542 25.4937C22.5703 24.9777 23.2702 24.6877 24 24.6877C24.7298 24.6877 25.4297 24.9777 25.9458 25.4937C26.4618 26.0097 26.7517 26.7097 26.7517 27.4395C26.7517 28.1693 26.4618 28.8692 25.9458 29.3852C25.4297 29.9013 24.7298 30.1912 24 30.1912Z' stroke='%23000000' stroke-width='2'/%3E%3Crect x='24.5' y='5.6748' width='7.5625' height='5' fill='%23FDB515' stroke='%23000000'/%3E%3C/svg%3E%0A");
}
.shortcut__item:nth-child(4) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cpath fill='%23fdb515' d='M17.514 20.5c0 .687-.241 1.217-.723 1.592-.482.37-1.17.556-2.066.556h-3.193v-7.002h2.974c1.858 0 2.788.565 2.788 1.695 0 .244-.059.468-.176.673-.117.202-.296.38-.537.533-.238.153-.5.257-.786.312v.02a2.2 2.2 0 0 1 .893.297c.264.157.467.354.61.591.144.235.216.479.216.733Zm-2.461-2.793c0-.433-.34-.65-1.02-.65h-.392v1.324h.61a.875.875 0 0 0 .577-.186.611.611 0 0 0 .225-.488Zm.22 2.783a.637.637 0 0 0-.22-.498c-.147-.13-.34-.195-.582-.195h-.83v1.43h.704c.286 0 .512-.065.678-.195a.659.659 0 0 0 .25-.542Zm3.173 2.158v-7.002h2.11v5.352h2.412v1.65h-4.522Zm12.07-3.52c0 .703-.15 1.333-.454 1.89a3.259 3.259 0 0 1-1.27 1.293 3.658 3.658 0 0 1-1.825.46 3.675 3.675 0 0 1-1.797-.445 3.186 3.186 0 0 1-1.255-1.255c-.3-.54-.45-1.15-.45-1.831 0-.713.152-1.354.455-1.924a3.21 3.21 0 0 1 1.274-1.318c.547-.313 1.169-.469 1.865-.469.671 0 1.27.15 1.797.45.53.296.94.72 1.226 1.274.29.55.434 1.175.434 1.875Zm-2.236.058c0-.576-.11-1.03-.332-1.362-.221-.332-.524-.498-.908-.498-.42 0-.747.16-.982.478-.234.32-.351.77-.351 1.353 0 .57.115 1.014.346 1.333.235.319.552.479.953.479.244 0 .464-.072.659-.215.195-.144.347-.349.454-.616.107-.267.161-.584.161-.952Zm9.365 3.003c-.263.15-.657.285-1.181.405a6.873 6.873 0 0 1-1.5.176c-1.227 0-2.174-.306-2.841-.918-.667-.615-1.001-1.476-1.001-2.583 0-.742.168-1.401.503-1.977a3.296 3.296 0 0 1 1.426-1.314c.612-.3 1.333-.449 2.163-.449a8.05 8.05 0 0 1 1.948.259v1.84a4.05 4.05 0 0 0-.928-.302 5.013 5.013 0 0 0-.971-.088c-.58 0-1.042.174-1.387.523-.342.348-.513.826-.513 1.435 0 .583.143 1.038.43 1.367.29.329.693.493 1.21.493.242 0 .419-.013.533-.039v-1h-1.343V18.42h3.452v3.77Z'/%3E%3Cpath fill='%23000000' d='M35.7 4.8H12.3c-4.9 0-7.5 2.6-7.5 7.5v13.9c0 4.9 2.6 7.5 7.5 7.5H14v5.5c0 .7.2 1.5 1.2 1.5s1-.3 2.1-1.2l6.5-5.8h11.9c4.9 0 7.5-2.6 7.5-7.5V12.3c0-4.9-2.6-7.5-7.5-7.5Zm6.2 21.4c0 4.1-2.1 6.2-6.2 6.2H23.9c-.9 0-1.2.1-1.6.6 0 0-6.4 6.1-6.8 6.3-.4.2-.4-.3-.4-.3v-6.1c0-.5 0-.6-.6-.6h-2.2c-4.1 0-6.2-2.1-6.2-6.2V12.2c0-4 2.1-6.2 6.2-6.2h23.4c4 0 6.2 2.1 6.2 6.2v14Z'/%3E%3C/svg%3E");
}
.shortcut__item:nth-child(5) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cpath fill='%23fdb515' d='m31 22.8-9.5-5.5h-.2c-.2-.2-.4-.2-.6-.2-.3 0-.4 0-.6.3-.2 0-.4.3-.4.5s-.2.4-.2.6v11.2c0 .2.2.4.3.6.2.2.3.4.5.4s.4.2.6.2c.3 0 .4 0 .6-.2l9.5-5.5.2-.2c.2-.2.3-.4.4-.5v-.6c0-.2 0-.4-.2-.6 0-.2-.3-.4-.4-.4v-.1Z'/%3E%3Cpath fill='%23000000' d='M4.9 32.5c.2 1.6.8 3 2 4.1 1.1 1.1 2.5 1.7 4.2 1.9 0 0 11.3.6 12.9.6 1.6 0 12.9-.6 12.9-.6 1.7-.2 3.1-.8 4.2-1.9 1.1-1 1.8-2.5 2-4.1l.2-2.7c.2-2.2.2-4.3.2-6 0-1.7 0-4-.2-6.1l-.2-2.7c-.2-1.6-.8-3-2-4.1C40 9.8 38.6 9.2 36.9 9l-5.5-.4s-5.6-.2-7.4-.2h-5.3l-6 .3-1.7.2c-1.7.2-3.1.8-4.2 1.9-1.1 1.1-1.8 2.6-2 4.2l-.2 2.7c-.2 2.2-.2 4.2-.2 6 0 1.8 0 3.9.2 6.1l.2 2.6.1.1Zm1.7-17.4c0-1.2.6-2.3 1.5-3.1.9-.8 2-1.3 3.1-1.4l5.5-.4s5.6-.2 7.3-.2h5.3l7.6.5c2.4.2 4.4 2.1 4.6 4.5.3 3.3.5 6.2.5 8.7 0 2.5-.2 5.3-.5 8.7 0 1.2-.6 2.3-1.5 3.1-.9.8-2 1.3-3.1 1.4l-5.5.4s-5.7.2-7.3.2h-5.3l-5.9-.3-1.7-.2c-1 0-2.2-.5-3.1-1.4-.9-.8-1.4-1.9-1.5-3.1-.3-2.8-.5-6.1-.5-8.7 0-2.6.2-5.4.5-8.7Z'/%3E%3C/svg%3E");
}
.shortcut__item:nth-child(6) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 38.5716C22.2669 37.3841 20.406 36.4728 18.4173 35.8378C16.4285 35.2028 14.3829 34.8846 12.2805 34.8832C11.1725 34.8832 10.083 34.9755 9.01188 35.1602C7.94221 35.3463 6.90095 35.6446 5.88811 36.0551C5.11533 36.3634 4.38944 36.2704 3.71042 35.776C3.0314 35.2817 2.69189 34.5984 2.69189 33.7262V13.1319C2.69189 12.6049 2.8304 12.1155 3.1074 11.6638C3.38441 11.212 3.77293 10.8981 4.27296 10.722C5.52445 10.1708 6.82637 9.7709 8.17873 9.52231C9.53108 9.27371 10.8984 9.14941 12.2805 9.14941C14.6088 9.14941 16.6757 9.44418 18.4812 10.0337C20.2853 10.6232 22.1306 11.499 24.017 12.661C24.3523 12.8457 24.6108 13.0943 24.7926 13.4068C24.9745 13.7193 25.0654 14.078 25.0654 14.4828V35.4798C26.7928 34.5167 28.5351 33.8206 30.2923 33.3916C32.0495 32.9626 33.8585 32.7495 35.7194 32.7524C36.9979 32.7524 38.1471 32.8312 39.1671 32.9889C40.187 33.1466 41.0869 33.3568 41.8668 33.6196C42.1936 33.756 42.494 33.7354 42.7682 33.5578C43.0423 33.3803 43.1787 33.1004 43.1773 32.7183V10.4961C43.3009 10.5373 43.4216 10.5827 43.5395 10.6325C43.6588 10.6808 43.7753 10.7376 43.889 10.8029C44.362 11.0089 44.7171 11.3236 44.9544 11.7469C45.1916 12.1702 45.3095 12.6319 45.3081 13.1319V33.7262C45.3081 34.5984 44.9416 35.2682 44.2086 35.7355C43.4742 36.2015 42.6929 36.2803 41.8647 35.972C40.8788 35.5885 39.8717 35.3115 38.8432 35.141C37.8147 34.9691 36.7735 34.8832 35.7194 34.8832C33.617 34.8832 31.5715 35.2014 29.5827 35.8378C27.594 36.4742 25.733 37.3848 24 38.5695' fill='%23000000'/%3E%3Cpath d='M30.2688 28.9282V7.62007L36.9084 5.48926V26.7974L30.2688 28.9282Z' fill='%23FDB515'/%3E%3C/svg%3E%0A");
}
.shortcut__item:hover {
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.shortcut__item.is-disabled {
  display: none;
}
.shortcut__link {
  display: block;
  height: 100%;
  padding-top: 82px;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
.shortcut__link:hover {
  font-weight: 700;
}

.section + .section {
  margin-top: 80px;
}
.section__inner {
  max-width: 1246px;
  margin: 0 auto;
}
.section__header {
  padding: 0 10px;
}
.section__header .point {
  display: block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #fdb515;
}
.section__header .desc {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.section__body {
  margin-top: 22px;
}
.section__title {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.section__title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -3px;
}

.thumbnail__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.thumbnail__list img {
  width: 100%;
}
.thumbnail__item {
  overflow: hidden;
  border-radius: 10px;
}

.contents__info {
  margin-top: 5px;
}
.contents__title {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contents__desc {
  margin-top: 8px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lecture__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: 6px;
  margin-top: 11px;
}
.lecture__link {
  display: block;
  padding: 6px 12px 4px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  background-color: #fffaf0;
  border-radius: 4px 0px 0px 4px;
}
.lecture-popular {
  margin-top: 40px;
}
.lecture-popular .section__title {
  font-size: 28px;
}
.lecture-popular .section__title::before {
  width: 30px;
  height: 30px;
  background-image: url("/images/common/icon_fire.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.lecture-popular .section__body {
  padding: 0 5px;
}
.lecture-popular .btn-more {
  display: block;
  margin-top: 32px;
  text-align: right;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.lecture-popular .swiper-container .swiper {
  padding-bottom: 0;
}
.lecture-popular .slide-content {
  display: grid;
  grid-template-columns: 52% 39%;
  gap: 9%;
}
.lecture-popular .slide-content .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lecture-popular .slide-content .badge__list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.lecture--new .section__title::before {
  width: 30px;
  height: 30px;
  background-image: url("/images/common/icon_star.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.lecture--new .slide-content {
  padding: 0 10px 10px;
}

.review {
  padding: 80px 0;
  background-color: #f7f6f6;
}
.review .section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 55px;
  position: relative;
}
.review .section__title::before {
  top: auto;
  bottom: -10px;
  width: 30px;
  height: 30px;
  background-image: url("/images/common/icon_good.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.review .section__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
}
.review .section__header .desc {
  margin-top: 8px;
}
.review .section__body {
  margin: 0;
}
.review__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.review__star {
  position: relative;
  width: 120px;
  height: 24px;
}
.review__star:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://modulearning.kr/images/review_stars.png");
  background-size: 120px 24px;
  background-repeat: no-repeat;
  background-position: center left;
}
.review__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review__item {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  position: relative;
  width: 221px;
  height: 135px;
  padding: 20px;
  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);
}
.review__text {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #7a7a7a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review .customer__name {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #c2c2c2;
}
.review .btn-more {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}

.notice .section__inner {
  display: grid;
  grid-template-columns: 62% 32%;
  gap: 6%;
}
.notice .section__header {
  position: relative;
}
.notice .section__header .btn-more {
  position: absolute;
  top: 11px;
  right: 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.notice .section__title::before {
  width: 30px;
  height: 30px;
  font-size: 30px;
  background-image: url("/images/common/icon_mic.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.notice .section__body {
  margin-top: 0;
  padding: 0;
}
.notice__list {
  overflow: hidden;
  height: 222px;
  margin-top: 25px;
}
.notice__item {
  height: 38px;
}
.notice__item + li {
  margin-top: 8px;
}
.notice__item a {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notice__item p {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.help {
  margin-top: 5px;
  background: url("/images/common/icon_help.png") no-repeat right center/130px;
}
.help__title {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.help__info {
  margin-top: 4px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.help__info dt,
.help__info dd {
  display: inline-block;
}
.help__number {
  display: block;
  margin-top: 4px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
}

.bank-account__title {
  margin: 40px 0 4px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.bank-account__name, .bank-account__number {
  display: block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.mypage .layout__body {
  display: grid;
  grid-template-columns: 201px 895px;
  gap: 150px;
  position: relative;
  margin-top: 36px;
}

.lnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 17px;
}
.lnb__item:hover a, .lnb__item.is-active a {
  color: #fdb515;
  font-weight: 600;
}
.lnb__item:hover a::before, .lnb__item.is-active a::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='M8 7.06 9.061 6l5.779 5.777a.996.996 0 0 1 0 1.413l-5.779 5.78-1.06-1.06 5.424-5.425L8 7.06Z'/%3E%3C/svg%3E");
}
.lnb__item a {
  position: relative;
  display: block;
  padding-left: 24px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
.lnb__item a::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='%23' d='M8 7.06 9.061 6l5.779 5.777a.996.996 0 0 1 0 1.413l-5.779 5.78-1.06-1.06 5.424-5.425L8 7.06Z'/%3E%3C/svg%3E");
}

.link__wrap {
  position: absolute;
  top: 15px;
  right: 0;
}
.link__withdrawal {
  display: block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #7a7a7a;
}

.purchase-history {
  margin-top: 23px;
}
.purchase-history__filter .btn {
  border-radius: 4px;
  background-color: #fdb515;
  color: #003366;
  font-weight: 700;
}
.purchase-history__filter .btn__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 16px;
}
.purchase-history__filter .btn-reset {
  color: #fdb515;
  background-color: #fff;
  border: 1px solid #fdb515;
}
.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__contents {
  min-height: 157px;
  padding: 17px 34px 23px 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-date {
  margin-top: 6px;
}
.purchase-history .order-date dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 26px;
}
.purchase-history .order-date__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
}
.purchase-history .order-date__item dt {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}
.purchase-history .order-date__item dd {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
.purchase-history .order-detail {
  display: grid;
  grid-template-columns: 150px 253px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-top: 12px;
}
.purchase-history .order-detail .thumbnail {
  overflow: hidden;
  border-radius: 10px;
}
.purchase-history .order-detail .title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}
.purchase-history .order-state {
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding: 12px 0 0;
  text-align: right;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}
.purchase-history .btn {
  width: 102px;
  height: 38px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #003366;
  background-color: #fdb515;
  border-radius: 4px;
}
.purchase-history .btn__wrap {
  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;
}
.purchase-history .btn:nth-child(2) {
  color: #111;
  background-color: #e4cf9c;
}
.purchase-history .btn:nth-child(3) {
  color: #fdb515;
  background-color: #fff;
  border: 1px solid #fdb515;
}

.refund {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.refund__header {
  margin-bottom: 16px;
}
.refund__section {
  padding: 24px 22px;
  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);
}
.refund__section:first-child {
  grid-column: 1/-1;
}
.refund__section:first-child .refund__title {
  font-size: 18px;
  line-height: 24px;
}
.refund__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}
.refund__description {
  margin-top: 18px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.refund table,
.refund th,
.refund td {
  border-collapse: collapse;
}
.refund__table {
  width: 733px;
  margin-top: 16px;
  border: 1px solid #b9b9b9;
  border-radius: 4px;
}
.refund__table-content {
  width: 100%;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.refund__table-header {
  height: 32px;
  padding: 10px 12px 6px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  border-left: 1px solid #b9b9b9;
  background-color: rgba(0, 0, 0, 0.06);
}
.refund__table-header:first-child {
  border-left: 0;
}
.refund__table-data {
  height: 31px;
  padding: 10px 12px 6px;
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  border-top: 1px solid #b9b9b9;
  border-left: 1px solid #b9b9b9;
}
.refund__table-data:first-child {
  border-left: 0;
}
.refund__notice-list {
  margin-top: 29px;
  margin-bottom: 26px;
}
.refund__notice-item-sub {
  padding-left: 10px;
}
.refund__notice-item-sub li {
  position: relative;
  padding-left: 15px;
}
.refund__notice-item-sub li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #111;
}
.refund__product {
  margin-top: 15px;
  display: grid;
  grid-template-columns: 115px 1fr;
  gap: 16px;
}
.refund__product-title {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.refund__product-title .front {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.refund__product-price {
  margin-top: 10px;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
}
.refund__reason {
  margin-top: 22px;
}
.refund__reason-button {
  position: relative;
  display: block;
  width: 256px;
  padding: 9px 32px 9px 12px;
  text-align: left;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #7a7a7a;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.refund__reason-button::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  width: 16px;
  height: 16px;
  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='%237a7a7a' d='M8 7.06 9.061 6l5.779 5.777a.996.996 0 0 1 0 1.413l-5.779 5.78-1.06-1.06 5.424-5.425L8 7.06Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.refund__reason-button[aria-expanded=true]::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.refund__reason-list {
  display: none;
  position: absolute;
  width: 256px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  background-color: #fff;
  z-index: 10;
}
.refund__reason-list.is-active {
  display: block;
}
.refund__reason-list li {
  font-size: 14px;
}
.refund__reason-item {
  padding: 6px 12px;
  line-height: 19px;
  font-weight: 400;
  color: #7a7a7a;
  cursor: pointer;
}
.refund__reason-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.refund__reason-textarea {
  display: none;
  overflow: hidden;
  width: 563px;
  height: 118px;
  margin-top: 12px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  background-color: #fff;
}
.refund__reason-textarea #refund-text {
  width: 100%;
  height: 100%;
  padding: 4px 8px;
  color: #111;
  resize: none;
}
.refund__reason-textarea textarea::-webkit-input-placeholder {
  color: #c2c2c2;
}
.refund__reason-textarea textarea::-moz-placeholder {
  color: #c2c2c2;
}
.refund__reason-textarea textarea:-ms-input-placeholder {
  color: #c2c2c2;
}
.refund__reason-textarea textarea::-ms-input-placeholder {
  color: #c2c2c2;
}
.refund__reason-textarea textarea::placeholder {
  color: #c2c2c2;
}
.refund__summary {
  margin-top: 25px;
}
.refund__summary-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;
  margin-top: 11px;
}
.refund__summary-item:last-child {
  margin-top: 31px;
}
.refund__summary-item:last-child .refund__summary-label {
  margin-top: 10px;
  font-weight: 700;
}
.refund__summary-item:last-child .refund__summary-value {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}
.refund__summary-label {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
.refund__summary-value {
  text-align: right;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
.refund__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 75px;
}
.refund__actions .refund__action-button {
  display: block;
  width: 214px;
  height: 48px;
  padding: 8px 28px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #003366;
  background-color: #fdb515;
  border-radius: 4px;
}

.cart .layout__header {
  margin-bottom: 19px;
}
.cart .layout__body {
  min-height: 1173px;
}
.cart__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

.table {
  border: 0;
}
.table__th, .table__tr {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}
.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__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 22px 28px;
  gap: 140px;
  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 li:first-child {
  width: 102px;
}
.table__header .table__checkbox input[type=checkbox] {
  margin-right: 8px;
}
.table__header .table__th {
  text-align: center;
}
.table__header .table__th:nth-child(2) {
  width: 174px;
}
.table__header .table__th:nth-child(3) {
  width: 172px;
}
.table__header .table__th:nth-child(4) {
  width: 65px;
}
.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 {
  width: 100%;
  padding: 18px 25px;
}
.table__body .table__td--title {
  display: block;
}
.table__body .table__td:nth-child(2) {
  margin-right: 16px;
}
.table__body .table__td:nth-child(3) {
  width: 397px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table__body .table__td:nth-child(4) {
  width: 189px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
}
.table__body .table__td:nth-child(5) {
  width: 319px;
  text-align: center;
}
.table__body .table__td:nth-child(6) {
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: 107px;
}
.table__body .table__td:nth-child(6) .btn--delete {
  display: block;
  width: 100%;
  height: 100%;
  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='%23000000' 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__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table__checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.table__checkbox label {
  cursor: pointer;
}

.payment {
  width: 470px;
  height: 324px;
  margin-top: 37px;
  margin-left: auto;
  padding: 32px 26px 23px 25px;
  border-radius: 4px;
  border: 2px solid #003366;
}
.payment__title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}
.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 #7a7a7a;
}
.payment__item dt {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.payment__item dd {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
.payment .btn--payment {
  display: block;
  margin-top: 17px;
  padding: 8px 28px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #003366;
  background-color: #fdb515;
  text-align: center;
  border-radius: 4px;
}

.menu-sub-category_list {
  position: relative;
  display: block;
  width: 1200px;
  font-size: 0;
  text-align: left;
  padding: 20px 0;
  margin-top: 85px;
  margin-left: -2px;
}

.menu-sub-category_list li {
  display: inline-block;
  text-align: left;
  padding: 4px;
}

.menu-sub-category_list li a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  border: 1px solid #c2c2c2;
  border-radius: 20px;
  background-color: #fff;
  padding: 0 24px;
}

/* .menu-sub-category_list li a:hover {
  background-color: #fff3c2;
} */
.menu-sub-category_list li.on a {
  color: #ffcb05;
  background-color: #555243;
}

.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: #fdb515;
}

.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__item .btn {
  width: 100%;
}
.login__item:not(:first-child) {
  margin-top: 16px;
}
.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;
}
.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:has(.alert--text) {
  position: relative;
  padding-bottom: 26px;
}
.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-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: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 .input {
  width: 100%;
  height: 48px;
  padding: 12px 0;
  outline: none;
}
.inputGroup:has(#input--id) {
  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");
}

.inputGroup:has(#input--pwd) {
  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.is-error:has(#input--id)::before {
  display: block;
}

@media (max-width: 1024px) {
  .login__header {
    padding-top: 80px;
  }
}
.sitemap .layout__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.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__title + 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: 4px;
}
.sitemap__link {
  display: block;
  padding: 4px 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.sitemap ul + .sitemap__title {
  margin-top: 128px;
}
.sitemap ul:is(.academy__list) .sitemap__link {
  font-weight: 700;
}

@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%;
  }
}
.findUserInfo {
  max-width: 397px;
  margin: 0 auto;
}
.findUserInfo__body {
  display: none;
}
.findUserInfo__body.is-active {
  display: block;
}
.findUserInfo__body:is(.boardWrite) .phoneBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.findUserInfo__body:is(.boardWrite) .phoneBox .selectBox {
  width: 100%;
  height: 100%;
  padding: 6px;
}
.findUserInfo__body:is(.boardWrite) .phoneBox .selectBox select {
  height: inherit;
  text-align: center;
}
.findUserInfo__body:is(.boardWrite) .phoneBox .selectBox select option {
  text-align: center;
}
.findUserInfo__body:is(.boardWrite) .phoneBox .input[type=tel] {
  width: 100%;
  text-align: center;
}
.findUserInfo__body:is(.boardWrite) .inputBox {
  position: relative;
}
.findUserInfo__body:is(.boardWrite) .inputBox::before {
  content: "-";
  position: absolute;
  left: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.findUserInfo__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;
  padding: 0 34px;
  border-top: 1px solid #eae8e8;
}
.findUserInfo__result--info {
  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: 16px;
  width: 100%;
  padding: 16px 4px;
  text-align: center;
}
.findUserInfo__result--id {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  width: 100%;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.findUserInfo__result--id strong {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 700;
}
.findUserInfo__result--id p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.findUserInfo__result--date {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #7a7a7a;
}
.findUserInfo .layout__body {
  margin-top: 40px;
}
.findUserInfo .layout__body .btn-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.findUserInfo .inputGroup label {
  width: auto;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #838381;
}
.findUserInfo .inputGroup .input {
  width: 100%;
  padding: 9px 12px;
}
.findUserInfo .inputGroup .input:focus {
  outline-color: #c2c2c2;
}
.findUserInfo .inputGroup .input#input--birth {
  max-width: 100%;
}
.findUserInfo .userInfo__item {
  margin-top: 16px;
}
.findUserInfo .userInfo__footer {
  margin-top: 40px;
}
.findUserInfo form:is(.find-info-form) .inputGroup {
  display: grid;
  grid-template-columns: 1fr 320px;
  margin-left: -38.5px;
}
.findUserInfo form:is(.find-info-form) .inputGroup .input {
  border: 1px solid #eae8e8;
  border-radius: 4px;
}

.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: 5px 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: 5px;
  padding: 4px;
  background-color: #f5f5f5;
  border-radius: 18px;
}
.find__tab .btn.is-active {
  background-color: #fdb515;
  color: #fff;
  font-weight: 700;
}

.resetInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.resetInfo .layout__body {
  max-width: 448px;
}
.resetInfo .login__item .inputGroup {
  gap: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
  padding: 0;
  border: 0;
  background-image: none;
}
.resetInfo .login__item .inputGroup label {
  width: 112px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #838381;
}
.resetInfo .login__item .inputGroup .input {
  width: 328px;
  height: 44px;
  padding: 12px 36px 12px 12px;
  border: 1px solid #eae8e8;
  border-radius: 4px;
}
.resetInfo .login__item .inputGroup .alert--text {
  position: absolute;
  bottom: -30px;
  right: 0;
  width: 100%;
  padding-right: 15px;
  text-align: right;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #fdb515;
}
.resetInfo__title {
  margin-bottom: 40px;
  text-align: center;
}
.resetInfo__title strong {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.resetInfo__body {
  margin-left: -62px;
}
.resetInfo__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.resetInfo.is-success .layout__body {
  padding-top: 150px;
  text-align: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M70.5 122.5C77.3944 122.5 84.2213 121.142 90.5909 118.504C96.9605 115.865 102.748 111.998 107.623 107.123C112.498 102.248 116.365 96.4605 119.004 90.0909C121.642 83.7213 123 76.8944 123 70C123 63.1056 121.642 56.2787 119.004 49.9091C116.365 43.5395 112.498 37.752 107.623 32.8769C102.748 28.0018 96.9605 24.1347 90.5909 21.4963C84.2213 18.858 77.3944 17.5 70.5 17.5C56.5761 17.5 43.2226 23.0312 33.3769 32.8769C23.5312 42.7226 18 56.0761 18 70C18 83.9239 23.5312 97.2774 33.3769 107.123C43.2226 116.969 56.5761 122.5 70.5 122.5ZM69.1467 91.2333L98.3133 56.2333L89.3533 48.7667L64.27 78.8608L51.2908 65.8758L43.0425 74.1242L60.5425 91.6242L65.0575 96.1392L69.1467 91.2333Z' fill='%23032A5D'/%3E%3C/svg%3E");
  background-size: 140pxpx 140pxpx;
  background-repeat: no-repeat;
  background-position: top center;
}
.resetInfo.is-success .alert__title strong {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.resetInfo.is-success .alert__content {
  margin-top: 12px;
}
.resetInfo.is-success .alert__content p {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}
.resetInfo.is-success .alert__footer {
  margin-top: 40px;
}

#contents:is(.mantoman) {
  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;
  gap: 40px;
  width: 100%;
  margin: 120px 0;
  padding: 0;
  border: 0;
}
#contents:is(.mantoman) #contentsArea:is(.boardWrite) {
  padding: 0;
}
#contents:is(.mantoman) .writeForm {
  width: 589px;
}
#contents:is(.mantoman) #titleArea {
  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;
  height: 100%;
  border: 0;
}
#contents:is(.mantoman) #titleArea h1 {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
}
#contents:is(.mantoman) #titleArea .desc {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
#contents:is(.mantoman) .btnArea {
  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: 16px;
  padding-left: calc(100% - 513px);
  margin: 40px 0 0;
}

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;
}

.serviceRequest {
  margin: 120px 0;
}
.serviceRequest label.is-required {
  position: relative;
}
.serviceRequest label.is-required::after {
  content: "*";
  position: absolute;
  top: 0;
  left: -8px;
  color: #ee0000;
}
.serviceRequest .input_container:has(.custom-select) {
  border-bottom: 2px solid #111;
}
.serviceRequest .input_container:has(.user_email) .inputGroup input {
  padding: 0 10px;
  font-size: 12px;
}
.serviceRequest .input_container:has(.user_email) .custom-select {
  padding-bottom: 3px;
}
.serviceRequest .selectBox {
  height: 0;
}
.serviceRequest .custom-select {
  position: relative;
  width: 100%;
  padding-bottom: 1px;
}
.serviceRequest .custom-select select {
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}
.serviceRequest .custom-select .custom-select__button {
  position: relative;
  width: 100%;
  padding: 4px 24px 4px 10px;
  border: none;
  background: transparent;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  color: #111;
  cursor: pointer;
  outline: none;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.serviceRequest .custom-select .custom-select__button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  -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='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M8.16 8.58008L12.75 13.1701L17.34 8.58008L18.75 10.0001L12.75 16.0001L6.75 10.0001L8.16 8.58008Z' fill='%23111111'/%3E%3C/svg%3E");
  background-size: px px;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  pointer-events: none;
}
.serviceRequest .custom-select .custom-select__button[aria-expanded=true]::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.serviceRequest .custom-select .custom-select__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #fff;
  border: 1px solid #111;
  max-height: 200px;
  overflow-y: auto;
  display: none;
}
.serviceRequest .custom-select .custom-select__dropdown.is-open {
  display: block;
}
.serviceRequest .custom-select .custom-select__option {
  padding: 4px;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: 1.4;
  color: #111;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.serviceRequest .custom-select .custom-select__option:hover, .serviceRequest .custom-select .custom-select__option:focus {
  background-color: #f5f5f5;
  outline: none;
}
.serviceRequest .custom-select .custom-select__option[aria-selected=true] {
  background-color: #f5f5f5;
  color: #000;
  font-weight: 500;
}
.serviceRequest .custom-select .custom-select__option:focus-visible {
  background-color: #f5f5f5;
  color: #000;
  -webkit-box-shadow: inset 0 0 0 2px #000;
          box-shadow: inset 0 0 0 2px #000;
}
.serviceRequest .custom-select .custom-select__option.disabled {
  color: #ccc;
  cursor: not-allowed;
  background-color: #f9f9f9;
}
.serviceRequest .custom-select .custom-select__option.disabled:hover, .serviceRequest .custom-select .custom-select__option.disabled:focus {
  background-color: #f9f9f9;
  color: #ccc;
}
.serviceRequest .custom-select .custom-select__selected {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #111;
}
.serviceRequest .custom-select .custom-select__selected.placeholder {
  color: #111;
}
.serviceRequest #type_text {
  padding: 4px 10px 9px;
  border: none;
  background: transparent;
  font-size: 12px;
  line-height: 1.4;
  color: #111;
  width: 100%;
  outline: none;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.serviceRequest #type_text::-webkit-input-placeholder {
  color: #c2c2c2;
}
.serviceRequest #type_text::-moz-placeholder {
  color: #c2c2c2;
}
.serviceRequest #type_text:-ms-input-placeholder {
  color: #c2c2c2;
}
.serviceRequest #type_text::-ms-input-placeholder {
  color: #c2c2c2;
}
.serviceRequest #type_text::placeholder {
  color: #c2c2c2;
}
.serviceRequest .agree {
  position: relative;
}
.serviceRequest .agree input[type=checkbox] {
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}
.serviceRequest .agree label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "pretendard";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.serviceRequest .agree label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #003362;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 4px;
  vertical-align: middle;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.serviceRequest .agree input[type=checkbox]:checked + label::before {
  background-color: #003362;
  border-color: #003362;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M14.3333 1L5.16667 10.1667L1 6' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: px px;
  background-repeat: no-repeat;
  background-size: 14px 9px;
  background-position: center;
  background-repeat: no-repeat;
}
.serviceRequest .agree:hover label::before {
  border-color: #003362;
}
.serviceRequest .agree input[type=checkbox]:focus + label::before {
  border-color: #003362;
}

.resolve {
  width: 100%;
  padding: 40px 0;
  border-radius: 16px 16px 0 0;
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.25);
}
.resolve .section__inner:has(.section__body.is-active) .section__header .btn-group:before {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.resolve .section__header {
  padding: 0;
}
.resolve .section__header .btn-group {
  position: relative;
  display: inline-block;
}
.resolve .section__header .btn-group:before {
  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='M7.41 15.4199L12 10.8299L16.59 15.4199L18 13.9999L12 7.99992L6 13.9999L7.41 15.4199Z' fill='%23111111'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.resolve .section__body {
  display: none;
  margin-top: 16px;
}
.resolve .section__body:is(.is-active) {
  display: block;
}
.resolve .section__title {
  padding-right: 28px;
}
.resolve .section__title:before {
  content: none;
}
.resolve__list {
  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: 16px;
}
.resolve__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.resolve__link {
  padding: 4px 16px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #003366;
  border: 1px solid #003366;
  border-radius: 40px;
}
.resolve__link:hover {
  background-color: #003366;
  color: #fff;
}

.header {
  position: relative;
  z-index: 99998;
  padding-top: 20px;
  border-top: 2px solid #fdb515;
}

.top-menu__wrap {
  position: relative;
}
.top-menu__wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fdb515;
}
.top-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1246px;
  margin: 0 auto;
}
.top-menu__item {
  width: 125px;
}
.top-menu__item.logo {
  width: 191px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='169' height='28' viewBox='0 0 169 28' fill='none'%3E%3Cpath d='M11.6039 12.8512H1.90783C1.13162 12.8512 0.500122 12.2197 0.500122 11.4435L0.500122 1.74754C0.500122 0.97134 1.13162 0.339844 1.90783 0.339844H11.6039C12.3801 0.339844 13.0116 0.97134 13.0116 1.74754L13.0116 11.4435C13.0116 12.2197 12.3801 12.8512 11.6039 12.8512Z' fill='%23FDB515'/%3E%3Cpath d='M6.75588 27.8961C3.30239 27.8961 0.500122 25.0939 0.500122 21.6404C0.500122 18.187 3.30239 15.3848 6.75588 15.3848C10.2094 15.3848 13.0116 18.187 13.0116 21.6404C13.0116 25.0939 10.2094 27.8961 6.75588 27.8961Z' fill='%23FDB515'/%3E%3Cpath d='M19.3594 9.12995V4.04517H26.3255C27.1018 4.04517 27.7333 3.41368 27.7333 2.63747V1.73629C27.7333 0.96009 27.1018 0.328613 26.3255 0.328613H16.6295C15.8532 0.328613 15.2217 0.96009 15.2217 1.73629L15.2217 11.4322C15.2217 12.2084 15.8532 12.8399 16.6295 12.8399H26.3255C27.1018 12.8399 27.7333 12.2084 27.7333 11.4322L27.7333 10.5311C27.7333 9.75486 27.1018 9.12338 26.3255 9.12338H19.3594V9.12995Z' fill='%23FDB515'/%3E%3Cpath d='M17.5311 15.4456L26.5562 20.6554C27.3193 21.0961 27.3193 22.1947 26.5562 22.6354L17.5311 27.8452C16.768 28.2859 15.8208 27.7333 15.8208 26.8585L15.8208 16.4389C15.8208 15.5575 16.7746 15.0115 17.5311 15.4522' fill='%23545046'/%3E%3Cpath d='M49.4209 15.8291L49.4209 21.2296H60.4524L60.4524 24.6107H34.3571V21.2296H45.3886L45.3886 15.8291H37.2054V1.06152H57.6041V15.8291H49.4209ZM41.1786 12.4546H53.6309V4.44918H41.1786V12.4546Z' fill='%23545046'/%3E%3Cpath d='M72.78 26.565V18.1452H61.7485L61.7485 14.7641H87.8372V18.1452H76.8058V26.565H72.7734H72.78ZM85.5875 12.2118H64.5968V0.766113H84.9955V4.14721H68.57V8.83074H85.5875V12.2118Z' fill='%23545046'/%3E%3Cpath d='M89.5803 22.8327V19.4516L109.15 19.2148V22.5367L89.5803 22.8327ZM107.4 8.36769C107.4 12.4 104.052 16.1363 99.158 16.1363C94.2639 16.1363 90.9157 12.4 90.9157 8.36769C90.9157 4.33538 94.2639 0.599068 99.158 0.599068C104.052 0.599068 107.4 4.33538 107.4 8.36769ZM103.427 8.36769C103.427 6.11144 101.77 3.98016 99.158 3.98016C96.5465 3.98016 94.8888 6.11802 94.8888 8.36769C94.8888 10.6174 96.5465 12.7552 99.158 12.7552C101.77 12.7552 103.427 10.6174 103.427 8.36769ZM110.045 26.569V0.000488281H114.018V26.569H110.045Z' fill='%23545046'/%3E%3Cpath d='M118.306 22.3579V9.60973H127.673V4.24209H118.306V0.86101H131.646V12.9579H122.279V18.6808L134.883 18.1151V21.437L118.306 22.3579ZM133.192 9.13611H136.955V0.00585938H140.928V26.5744H136.955V12.583H133.192V9.1427V9.13611Z' fill='%23545046'/%3E%3Cpath d='M149.553 0.564992V9.63604L163.249 9.19531V12.458L145.58 13.2605V0.571577H149.553V0.564992ZM167.906 20.7857C167.906 24.6404 164.321 27.3374 159.335 27.3374C154.349 27.3374 150.764 24.6404 150.764 20.7857C150.764 16.931 154.349 14.2341 159.335 14.2341C164.321 14.2341 167.906 16.931 167.906 20.7857ZM163.933 20.7857C163.933 18.8255 162.302 17.4967 159.335 17.4967C156.368 17.4967 154.737 18.8321 154.737 20.7857C154.737 22.7394 156.368 24.0747 159.335 24.0747C162.302 24.0747 163.933 22.7394 163.933 20.7857ZM168.413 14.5038H164.439V0.00585938H168.413V14.5038Z' fill='%23545046'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.top-menu__item.logo .top-menu__link {
  color: transparent;
}
.top-menu__link {
  display: block;
  height: 63px;
  text-align: center;
  color: #7a7a7a;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 2.6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.account-info__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: 16px;
}
.account-info__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.account-info__item a {
  display: block;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}
.account-info__item:not(:is(#login-link, #logout-link, #user-info)) a {
  padding: 5px 16px 4px;
}
.account-info__item:is(#admin-mode) a {
  color: #003366;
  border-radius: 40px;
  border: 1px solid #003366;
}
.account-info__item:is(#contact) a {
  color: #fdb515;
  border-radius: 40px;
  border: 1px solid #fdb515;
}
.account-info__item:is(#login-link) a {
  color: #003366;
}
.account-info__item:is(#logout-link) a {
  color: #003366;
}
.account-info__item.is-cart {
  margin-left: -30px;
}
.account-info__item.is-cart a {
  display: block;
  width: 24px;
  height: 24px;
  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%3Cg fill='%23'%3E%3Cpath 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/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.logo {
  width: 149.9px;
  height: 25.9px;
}
.logo__link {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='169' height='28' viewBox='0 0 169 28' fill='none'%3E%3Cpath d='M11.6039 12.8512H1.90783C1.13162 12.8512 0.500122 12.2197 0.500122 11.4435L0.500122 1.74754C0.500122 0.97134 1.13162 0.339844 1.90783 0.339844H11.6039C12.3801 0.339844 13.0116 0.97134 13.0116 1.74754L13.0116 11.4435C13.0116 12.2197 12.3801 12.8512 11.6039 12.8512Z' fill='%23FDB515'/%3E%3Cpath d='M6.75588 27.8961C3.30239 27.8961 0.500122 25.0939 0.500122 21.6404C0.500122 18.187 3.30239 15.3848 6.75588 15.3848C10.2094 15.3848 13.0116 18.187 13.0116 21.6404C13.0116 25.0939 10.2094 27.8961 6.75588 27.8961Z' fill='%23FDB515'/%3E%3Cpath d='M19.3594 9.12995V4.04517H26.3255C27.1018 4.04517 27.7333 3.41368 27.7333 2.63747V1.73629C27.7333 0.96009 27.1018 0.328613 26.3255 0.328613H16.6295C15.8532 0.328613 15.2217 0.96009 15.2217 1.73629L15.2217 11.4322C15.2217 12.2084 15.8532 12.8399 16.6295 12.8399H26.3255C27.1018 12.8399 27.7333 12.2084 27.7333 11.4322L27.7333 10.5311C27.7333 9.75486 27.1018 9.12338 26.3255 9.12338H19.3594V9.12995Z' fill='%23FDB515'/%3E%3Cpath d='M17.5311 15.4456L26.5562 20.6554C27.3193 21.0961 27.3193 22.1947 26.5562 22.6354L17.5311 27.8452C16.768 28.2859 15.8208 27.7333 15.8208 26.8585L15.8208 16.4389C15.8208 15.5575 16.7746 15.0115 17.5311 15.4522' fill='%23545046'/%3E%3Cpath d='M49.4209 15.8291L49.4209 21.2296H60.4524L60.4524 24.6107H34.3571V21.2296H45.3886L45.3886 15.8291H37.2054V1.06152H57.6041V15.8291H49.4209ZM41.1786 12.4546H53.6309V4.44918H41.1786V12.4546Z' fill='%23545046'/%3E%3Cpath d='M72.78 26.565V18.1452H61.7485L61.7485 14.7641H87.8372V18.1452H76.8058V26.565H72.7734H72.78ZM85.5875 12.2118H64.5968V0.766113H84.9955V4.14721H68.57V8.83074H85.5875V12.2118Z' fill='%23545046'/%3E%3Cpath d='M89.5803 22.8327V19.4516L109.15 19.2148V22.5367L89.5803 22.8327ZM107.4 8.36769C107.4 12.4 104.052 16.1363 99.158 16.1363C94.2639 16.1363 90.9157 12.4 90.9157 8.36769C90.9157 4.33538 94.2639 0.599068 99.158 0.599068C104.052 0.599068 107.4 4.33538 107.4 8.36769ZM103.427 8.36769C103.427 6.11144 101.77 3.98016 99.158 3.98016C96.5465 3.98016 94.8888 6.11802 94.8888 8.36769C94.8888 10.6174 96.5465 12.7552 99.158 12.7552C101.77 12.7552 103.427 10.6174 103.427 8.36769ZM110.045 26.569V0.000488281H114.018V26.569H110.045Z' fill='%23545046'/%3E%3Cpath d='M118.306 22.3579V9.60973H127.673V4.24209H118.306V0.86101H131.646V12.9579H122.279V18.6808L134.883 18.1151V21.437L118.306 22.3579ZM133.192 9.13611H136.955V0.00585938H140.928V26.5744H136.955V12.583H133.192V9.1427V9.13611Z' fill='%23545046'/%3E%3Cpath d='M149.553 0.564992V9.63604L163.249 9.19531V12.458L145.58 13.2605V0.571577H149.553V0.564992ZM167.906 20.7857C167.906 24.6404 164.321 27.3374 159.335 27.3374C154.349 27.3374 150.764 24.6404 150.764 20.7857C150.764 16.931 154.349 14.2341 159.335 14.2341C164.321 14.2341 167.906 16.931 167.906 20.7857ZM163.933 20.7857C163.933 18.8255 162.302 17.4967 159.335 17.4967C156.368 17.4967 154.737 18.8321 154.737 20.7857C154.737 22.7394 156.368 24.0747 159.335 24.0747C162.302 24.0747 163.933 22.7394 163.933 20.7857ZM168.413 14.5038H164.439V0.00585938H168.413V14.5038Z' fill='%23545046'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.main-menu__container {
  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: 40px;
  position: relative;
  max-width: 1246px;
  margin: 0 auto;
}
.main-menu__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-right: auto;
}
.main-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 47px;
  margin-top: 20px;
}
.main-menu__list li {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main-menu__list li:last-child .main-menu__title {
  color: #fdb515;
}
.main-menu__list li:hover .sub-menu__list {
  display: block;
}
.main-menu__title {
  display: block;
  padding-bottom: 20px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.main-menu__sitemap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.sub-menu__list {
  display: none;
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 134px;
  padding: 16px;
  border-radius: 0 0 4px 4px;
  background-color: #fff;
  -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);
}
.sub-menu__list li + li {
  margin-top: 16px;
}
.sub-menu__list::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 104px;
  height: 4px;
  background-color: #fdb515;
}
.sub-menu__link {
  display: block;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #7a7a7a;
}
.sub-menu__link:hover, .sub-menu__link.is-active {
  color: #fdb515;
}

.sitemap-edu {
  display: none;
  position: absolute;
  top: 46px;
  left: 178px;
  width: calc(100% - 178px);
  height: 500px;
  padding: 13px 26px 13px;
  background-color: #fff;
  -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);
  border-radius: 10px;
  z-index: 1;
}
.sitemap-edu .sitemap__header {
  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: 4px;
  position: relative;
  margin-bottom: 16px;
}
.sitemap-edu .sitemap__header::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: calc(100% - 40px);
  height: 1px;
  background-color: #fdb515;
}
.sitemap-edu .sitemap__header .btn--close {
  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 stroke='%23fdb515' stroke-width='2'%3E%3Cpath d='m3.707 4.348 16.07 16.069M4.156 20.07 20.226 4'/%3E%3C/g%3E%3C/svg%3E");
}
.sitemap-edu .sitemap__title {
  padding-bottom: 0;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #fdb515;
  border-bottom: none;
}
.sitemap-edu .sitemap__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.sitemap-edu .sitemap__box {
  width: 286px;
}
.sitemap-edu .sitemap-cource__title {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.sitemap-edu .sitemap-cource__item {
  position: relative;
}
.sitemap-edu .sitemap-cource__item:hover .sitemap-cource__link {
  color: #111;
  background-color: #fdb515;
  border-radius: 4px;
}
.sitemap-edu .sitemap-cource__item:hover .sitemap-cource__link::before {
  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='M14.3012 12.4799L10.4601 16.321L9.5 15.3609L12.861 11.9999L9.5 8.63881L10.4601 7.67871L14.3012 11.5198C14.4285 11.6471 14.5 11.8198 14.5 11.9999C14.5 12.1799 14.4285 12.3526 14.3012 12.4799Z' fill='%23000000'/%3E%3C/svg%3E");
}
.sitemap-edu .sitemap-cource__item:hover .sitemap-cource__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;
  min-width: 120px;
  padding-left: 16px;
}
.sitemap-edu .sitemap-cource__link {
  position: relative;
  display: block;
  padding: 4px 24px 4px 4px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #7a7a7a;
}
.sitemap-edu .sitemap-cource__link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 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' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3012 12.4799L10.4601 16.321L9.5 15.3609L12.861 11.9999L9.5 8.63881L10.4601 7.67871L14.3012 11.5198C14.4285 11.6471 14.5 11.8198 14.5 11.9999C14.5 12.1799 14.4285 12.3526 14.3012 12.4799Z' fill='%23c2c2c2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.sitemap-edu .sitemap-cource__body {
  display: inline-block;
  margin-top: 19px;
}
.sitemap-edu .sitemap-cource__detail {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  max-height: 350px;
}
.sitemap-edu.is-active {
  display: block;
}
.sitemap-edu__button {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  position: relative;
  padding-left: 28px;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.sitemap-edu__button::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='%23fdb515' d='M3 6h18v2H3V6Zm0 5h18v2H3v-2Zm0 5h18v2H3v-2Z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.sitemap-edu .sitemap-detail__link {
  display: block;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.sitemap-edu .sitemap-detail__item:hover .sitemap-detail__link {
  color: #fdb515;
}

.footer {
  max-width: 1246px;
  margin: 0 auto;
}
.footer .logo {
  width: 186px;
  height: 30px;
}
.footer__wrap {
  background-color: #f7f6f6;
}
.footer__header {
  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;
  gap: 32px;
  padding-top: 40px;
}
.footer-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;
  gap: 45px;
}
.footer-menu li {
  position: relative;
}
.footer-menu li:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  height: 12px;
  background-color: #111;
}
.footer-menu a {
  display: block;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
}
.footer__body {
  margin: 32px 0 40px;
}
.footer-info {
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.footer-auth {
  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: 16px;
  padding: 40px 0;
  border-top: 1px solid;
}

body {
  min-width: 1246px;
}

.wrapper {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.wrapper #layout,
.wrapper .footer__wrap {
  width: 100%;
}

.layout__container {
  margin: 40px auto 120px;
}
.layout__container--main {
  margin-top: 0;
  margin-bottom: 120px;
}
.layout__container--lecture {
  max-width: 1246px;
}
.layout__container--sitemap {
  max-width: 1246px;
}
.layout__container--cart {
  max-width: 1246px;
}
.layout__container--mypage {
  max-width: 1246px;
}
.layout__container--refund {
  max-width: 1246px;
}
.layout__container--owner-refund {
  max-width: 1246px;
}
.layout__container--certification {
  max-width: 1246px;
}
.layout__header--title {
  margin: 20px 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
}

.depth__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.depth__item {
  position: relative;
}
.depth__item.is-active .depth__link {
  color: #111;
  font-weight: 700;
}
.depth__item + li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  -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' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3012 12.9799L10.4601 16.821L9.5 15.8609L12.861 12.4999L9.5 9.13881L10.4601 8.17871L14.3012 12.0198C14.4285 12.1471 14.5 12.3198 14.5 12.4999C14.5 12.6799 14.4285 12.8526 14.3012 12.9799Z' fill='%23c2c2c2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.depth__item--category:hover .depth__link--category, .depth__item--category.is-active .depth__link--category {
  color: #fdb515;
  font-weight: 700;
}
.depth__link {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  color: #555555;
}
.depth__link--category {
  color: #7a7a7a;
  font-family: "Pretendard Variable", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.depth__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 5px;
}

.selectBoxP {
  padding: 7px 12px !important;
}