@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;
}
/* floatingmenu */
.floating-menu {
  position: fixed;
  top: 50%;
  right: 94px;
  transform: translateY(-50%);
  z-index: 99999;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
}
.floating__item {
  display: block;
  width: 90px;
  height: 90px;
  padding-top: 55px;
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: #111;
  background-color: #FFF;
  background-position: center 15px;
  background-repeat: no-repeat;
  background-size: 35px 35px;
  border: 1px solid #EAE8E8;
}
.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;
}

.learning__support {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zMS45NjQgOS44MjUyMUwyNS4yNTgxIDMuMTQzMTZDMjUuMTY2MiAzLjA1MTU1IDI1LjA0MTQgMyAyNC45MTE0IDNDMjQuNzgxNSAzIDI0LjY1NjcgMy4wNTE1NSAyNC41NjQ4IDMuMTQzMTZMMjIuMTM5MyA1LjU1OTYxQzIxLjczNzcgNC45Nzg2NCAyMS4wMjQyIDQuMTE2OTcgMjAuMDQ5OSA0LjExNjk3QzE5LjU0MDYgNC4xMTY5NyAxOS4wNDc1IDQuMzUwNzcgMTguNTg0OSA0LjgxMjAzQzE4LjA2OCA1LjMyNzI3IDE3LjgzNjMgNS44NzYyMyAxNy44OTY2IDYuNDQ0QzE3Ljk5MDggNy4zMzI1NCAxOC43NzU0IDcuOTcxNjUgMTkuMzM1MSA4LjM1NDI0TDE2LjkxMDIgMTAuNzcwNEMxNi43MTg3IDEwLjk2MTIgMTYuNzE4NyAxMS4yNzA1IDE2LjkxMDIgMTEuNDYxNkwxOS43NDM2IDE0LjI4NDhDMTkuODc4NSAxNC40MTkyIDIwLjA3OTMgMTQuNDYzNCAyMC4yNTgzIDE0LjM5ODRDMjAuMzc1NSAxNC4zNTU5IDIwLjQ2OTQgMTQuMjg2IDIwLjUzNjMgMTQuMTkyQzIwLjU3MjEgMTQuMTQyMSAyMC42MTI4IDE0LjA3OTMgMjAuNjYwNCAxNC4wMDYzQzIwLjkxMDIgMTMuNjIxNyAyMS40OTU3IDEyLjcyMTUgMjIuMTE4NSAxMi43MjE1QzIyLjM1ODMgMTIuNzIxNSAyMi42MTggMTIuODU5IDIyLjg5MDEgMTMuMTMwMkMyMy4xOTE3IDEzLjQzMDcgMjMuMzI0NiAxMy43MDQ4IDIzLjI5NjYgMTMuOTY4NEMyMy4yMzM2IDE0LjU2MjggMjIuMzc2NyAxNS4xMTU5IDIyLjAxMDkgMTUuMzUyMkMyMS45Mzc4IDE1LjM5OTMgMjEuODc0OCAxNS40NDAxIDIxLjgyNDggMTUuNDc1NUMyMS43Mjk2IDE1LjU0MyAyMS42NiAxNS42MzYzIDIxLjYxNzYgMTUuNzUzMUMyMS41NTI2IDE1LjkzMTQgMjEuNTk3IDE2LjEzMTMgMjEuNzMxOCAxNi4yNjU0TDI0LjU2NTIgMTkuMDg4NkMyNC42NTcyIDE5LjE4MDIgMjQuNzgyIDE5LjIzMTggMjQuOTExOSAxOS4yMzE4QzI1LjA0MTkgMTkuMjMxOCAyNS4xNjY3IDE5LjE4MDIgMjUuMjU4NiAxOS4wODg2TDMxLjk2NiAxMi40MDUzQzMyLjY3OSAxMS42OTM3IDMyLjY3ODUgMTAuNTM2MSAzMS45NjQ4IDkuODI1MjFIMzEuOTY0Wk0zMS4yNzE2IDExLjcxNDdMMjQuOTExMiAxOC4wNTIzTDIyLjgzMyAxNS45ODE1QzIzLjM5MjUgMTUuNTk4OSAyNC4xNzc0IDE0Ljk1OTggMjQuMjcxNSAxNC4wNzEzQzI0LjMzMTggMTMuNTAzNSAyNC4xMDAxIDEyLjk1NDUgMjMuNTgzMyAxMi40MzkzQzIzLjEyMDMgMTEuOTc4IDIyLjYyNzUgMTEuNzQ0MiAyMi4xMTgzIDExLjc0NDJDMjEuMTQzNiAxMS43NDQyIDIwLjQzMDQgMTIuNjA1OSAyMC4wMjg4IDEzLjE4NjlMMTcuOTUwMyAxMS4xMTU5TDIwLjQzNyA4LjYzODEyQzIwLjU3MTYgOC41MDQgMjAuNjE2MiA4LjMwNDE1IDIwLjU1MTMgOC4xMjYwNUMyMC41MDg2IDguMDA4NzkgMjAuNDM4MiA3LjkxNTIyIDIwLjM0MzggNy44NDgyOEMyMC4yOTM4IDcuODEyODUgMjAuMjMwOCA3Ljc3MjA1IDIwLjE1NzcgNy43MjQ5QzE5Ljc5MTkgNy40ODg2NiAxOC45MzUgNi45MzU1NCAxOC44NzIgNi4zNDEzOUMxOC44NDQgNi4wNzc3OCAxOC45NzY5IDUuODAzNjcgMTkuMjc4NSA1LjUwMzE3QzE5LjU1MDcgNS4yMzE5OSAxOS44MTAzIDUuMDk0NDUgMjAuMDUwMSA1LjA5NDQ1QzIwLjY3MjkgNS4wOTQ0NSAyMS4yNTg0IDUuOTk0NzIgMjEuNTA4MiA2LjM3OTI2QzIxLjU1NTYgNi40NTIwNiAyMS41OTY1IDYuNTE1MDkgMjEuNjMxMyA2LjU2MzQ2QzIxLjY5ODcgNi42NTgyNiAyMS43OTI0IDYuNzI3ODggMjEuOTA5MSA2Ljc3MDY0QzIyLjA4ODYgNi44MzYxMSAyMi4yODk2IDYuNzkyMTQgMjIuNDI0NyA2LjY1NzUyTDI0LjkxMTQgNC4xNzk3NkwzMS4yNzA5IDEwLjUxNjRDMzEuNjAyNiAxMC44NDY3IDMxLjYwMjkgMTEuMzg0NCAzMS4yNzE5IDExLjcxNDlMMzEuMjcxNiAxMS43MTQ3WiIgZmlsbD0iIzExMTExMSIvPg0KPHBhdGggZD0iTTI0LjYzMzYgMjAuMjI4M0gyMS4yMDQ3QzIxLjMyOSAxOS41NjM1IDIxLjQzMDIgMTguNTU4NyAyMC44NjYzIDE3Ljg2NDFDMjAuNTA1OSAxNy40MjAyIDE5Ljk1MjUgMTcuMTk1MiAxOS4yMjEzIDE3LjE5NTJDMTguNDkwMiAxNy4xOTUyIDE3LjkzNjggMTcuNDIwMiAxNy41NzY2IDE3Ljg2NDFDMTcuMDEyNyAxOC41NTg3IDE3LjExNCAxOS41NjM1IDE3LjIzODMgMjAuMjI4M0gxNC4yOTkyVjE2LjcyNDJDMTQuMjk5MiAxNi41MzQ0IDE0LjE4ODkgMTYuMzYxNyAxNC4wMTYgMTYuMjgxM0MxMy45MDMgMTYuMjI4NyAxMy43ODcyIDE2LjIxMjEgMTMuNjcyNyAxNi4yMzEyQzEzLjYxMjIgMTYuMjQxMiAxMy41Mzg2IDE2LjI1NjggMTMuNDUzNSAxNi4yNzQ5QzEzLjAyNzIgMTYuMzY1OCAxMi4wMjg1IDE2LjU3ODQgMTEuNTYyNCAxNi4yMDI2QzExLjM1NTUgMTYuMDM2IDExLjI1NDkgMTUuNzQ4NCAxMS4yNTQ5IDE1LjMyMzNDMTEuMjU0OSAxNC44OTgzIDExLjM1NTUgMTQuNjEwOSAxMS41NjI0IDE0LjQ0NDFDMTIuMDI4NyAxNC4wNjgzIDEzLjAyNzIgMTQuMjgwOSAxMy40NTM1IDE0LjM3MThDMTMuNTM4NiAxNC4zODk4IDEzLjYxMjIgMTQuNDA1NSAxMy42NzE4IDE0LjQxNTVDMTMuNzg3IDE0LjQzNDggMTMuOTAyNSAxNC40MTgyIDE0LjAxNTUgMTQuMzY1OUMxNC4xODg2IDE0LjI4NTggMTQuMjk5MiAxNC4xMTMgMTQuMjk5MiAxMy45MjI3VjkuOTMwMDJDMTQuMjk5MiA5LjY2MDA2IDE0LjA3OTcgOS40NDE0MSAxMy44MDg4IDkuNDQxNDFINC4zMzE1NkMzLjMyMTYzIDkuNDQxNDEgMi41IDEwLjI2MDMgMi41IDExLjI2NjZWMzAuMTc0NUMyLjUgMzEuMTgxMSAzLjMyMTYzIDMyIDQuMzMyMDUgMzJMMTcuODI2IDMxLjk5MTdDMTguMDk2OSAzMS45OTE3IDE4LjMxNjQgMzEuNzczIDE4LjMxNjQgMzEuNTAzMUMxOC4zMTY0IDMxLjUwMDIgMTguMzE2NCAzMS40OTcyIDE4LjMxNjQgMzEuNDk0M0MxOC4zMTkxIDMxLjQ1MiAxOC4zMTY4IDMxLjQwOTUgMTguMzA5NyAzMS4zNjc1QzE4LjI5OTcgMzEuMzA3MSAxOC4yODQgMzEuMjM0MSAxOC4yNjU4IDMxLjE0OTNDMTguMTc0NiAzMC43MjQ1IDE3Ljk2MTMgMjkuNzI5NCAxOC4zMzg0IDI5LjI2NDdDMTguNTA1NiAyOS4wNTg1IDE4Ljc5NDIgMjguOTU4NCAxOS4yMjA5IDI4Ljk1ODRDMTkuNjQ3NSAyOC45NTg0IDE5LjkzNTggMjkuMDU4NSAyMC4xMDMgMjkuMjY0N0MyMC40ODAxIDI5LjcyOTQgMjAuMjY2OCAzMC43MjQyIDIwLjE3NTYgMzEuMTQ5MUMyMC4xNTc1IDMxLjIzMzkgMjAuMTQxOCAzMS4zMDcxIDIwLjEzMTcgMzEuMzY2NUMyMC4xMTI0IDMxLjQ4MTMgMjAuMTI5IDMxLjU5NjQgMjAuMTgxNSAzMS43MDlDMjAuMjYxOSAzMS44ODE1IDIwLjQzNTMgMzEuOTkxNyAyMC42MjYzIDMxLjk5MTdIMjMuNDM5NkMyMy40NTcyIDMxLjk5MTcgMjMuNDc1MSAzMS45OTA3IDIzLjQ5MjggMzEuOTg4OEMyNC40MDg4IDMxLjg4OTMgMjUuMTA5OCAzMS4xMjE1IDI1LjEyMzggMzAuMjAyNEMyNS4xMjM4IDMwLjE5OTkgMjUuMTIzOCAzMC4xOTc1IDI1LjEyMzggMzAuMTk1MVYyMC43MTY3QzI1LjEyMzggMjAuNDQ2NyAyNC45MDQzIDIwLjIyODEgMjQuNjMzNCAyMC4yMjgxTDI0LjYzMzYgMjAuMjI4M1pNMy40ODA3NSAxMS4yNjcxQzMuNDgwNzUgMTAuNzk5NSAzLjg2MjUxIDEwLjQxOTEgNC4zMzE1NiAxMC40MTkxSDEzLjMxODJWMTMuMzQ3NkMxMi42NTEgMTMuMjIzOCAxMS42NDI2IDEzLjEyMjkgMTAuOTQ1NSAxMy42ODQ4QzEwLjUgMTQuMDQzOSAxMC4yNzQyIDE0LjU5NTMgMTAuMjc0MiAxNS4zMjM4QzEwLjI3NDIgMTYuMDUyNCAxMC41IDE2LjYwMzggMTAuOTQ1NSAxNi45NjI5QzExLjY0MjYgMTcuNTI0OCAxMi42NTEgMTcuNDIzOSAxMy4zMTgyIDE3LjNWMjAuMjM2NkgxMC4zODY1QzEwLjUxMDggMTkuNTcxOCAxMC42MTIxIDE4LjU2NyAxMC4wNDgxIDE3Ljg3MjRDOS42ODc2OSAxNy40Mjg1IDkuMTM0MyAxNy4yMDM1IDguNDAzMTUgMTcuMjAzNUM3LjY3MiAxNy4yMDM1IDcuMTE4NjEgMTcuNDI4NSA2Ljc1ODE4IDE3Ljg3MjRDNi4xOTQyNSAxOC41NjczIDYuMjk1NTEgMTkuNTcxOCA2LjQxOTgyIDIwLjIzNjZIMy40ODA3NVYxMS4yNjc0VjExLjI2NzFaTTQuMzMxNTYgMzEuMDIzQzMuODYyMjcgMzEuMDIzIDMuNDgwNzUgMzAuNjQyNiAzLjQ4MDc1IDMwLjE3NDhWMjEuMjEzNkg2Ljk5NzQ5QzcuMTg4MjQgMjEuMjEzNiA3LjM2MTU5IDIxLjEwMzQgNy40NDIwMSAyMC45MzEyQzcuNDk0NzMgMjAuODE4MyA3LjUxMTY1IDIwLjcwMjcgNy40OTIyOCAyMC41ODk0QzcuNDgyMjIgMjAuNTI5IDcuNDY2NTMgMjAuNDU1OCA3LjQ0ODM5IDIwLjM3MUM3LjM1NzE4IDE5Ljk0NjEgNy4xNDM4NiAxOC45NTEzIDcuNTIwOTYgMTguNDg2NkM3LjY4ODE4IDE4LjI4MDQgNy45NzY3NyAxOC4xODAzIDguNDAzNCAxOC4xODAzQzguODMwMDIgMTguMTgwMyA5LjExODM2IDE4LjI4MDQgOS4yODU4MyAxOC40ODY2QzkuNjYyOTMgMTguOTUxMyA5LjQ0OTYxIDE5Ljk0NjEgOS4zNTg0IDIwLjM3MUM5LjM0MDI2IDIwLjQ1NTggOS4zMjQ1NyAyMC41MjkgOS4zMTQ3NiAyMC41ODc5QzkuMjk1MTUgMjAuNzAzIDkuMzEyMDYgMjAuODE4MyA5LjM2NDc4IDIwLjkzMTJDOS40NDUyIDIxLjEwMzQgOS42MTg1NSAyMS4yMTM2IDkuODA5MyAyMS4yMTM2SDEzLjMxNzlWMjQuMTMzOEMxMi42NTA4IDI0LjAwOTkgMTEuNjQyMyAyMy45MDkgMTAuOTQ1MyAyNC40NzA5QzEwLjQ5OTggMjQuODMwMSAxMC4yNzM5IDI1LjM4MTUgMTAuMjczOSAyNi4xMDk4QzEwLjI3MzkgMjYuODM4IDEwLjQ5OTggMjcuMzg5NyAxMC45NDUzIDI3Ljc0ODZDMTEuNjQyMyAyOC4zMTA1IDEyLjY1MDggMjguMjA5NiAxMy4zMTc5IDI4LjA4NTdWMzEuMDE0N0w0LjMzMjA1IDMxLjAyMjVMNC4zMzE1NiAzMS4wMjNaTTI0LjE0MzIgMzAuMTkxNEMyNC4xMzUyIDMwLjYwODkgMjMuODIyMyAzMC45NTg1IDIzLjQxMDEgMzEuMDE0N0gyMS4yMDQyQzIxLjMyODUgMzAuMzQ5OSAyMS40Mjk4IDI5LjM0NTEgMjAuODY1OCAyOC42NTAzQzIwLjUwNTQgMjguMjA2NCAxOS45NTIgMjcuOTgxNCAxOS4yMjExIDI3Ljk4MTRDMTguNDkwMiAyNy45ODE0IDE3LjkzNjYgMjguMjA2NCAxNy41NzYxIDI4LjY1MDNDMTcuMDEyMiAyOS4zNDQ5IDE3LjExMzUgMzAuMzQ5NyAxNy4yMzc4IDMxLjAxNDVIMTQuMjk4N1YyNy41MTA0QzE0LjI5ODcgMjcuMzIwMSAxNC4xODc5IDI3LjE0NzEgMTQuMDE0NSAyNy4wNjcyQzEzLjkwMTIgMjcuMDE0OSAxMy43ODUzIDI2Ljk5ODMgMTMuNjcyMiAyNy4wMTc2QzEzLjYxMTcgMjcuMDI3NiAxMy41MzgxIDI3LjA0MzMgMTMuNDUzIDI3LjA2MTNDMTMuMDI2NyAyNy4xNTIgMTIuMDI4MyAyNy4zNjQ4IDExLjU2MTkgMjYuOTg5QzExLjM1NSAyNi44MjI0IDExLjI1NDQgMjYuNTM0OSAxMS4yNTQ0IDI2LjExQzExLjI1NDQgMjUuNjg1MiAxMS4zNTUgMjUuMzk3NiAxMS41NjE5IDI1LjIzMDdDMTIuMDI4MyAyNC44NTUgMTMuMDI2NyAyNS4wNjc1IDEzLjQ1MyAyNS4xNTg0QzEzLjUzODEgMjUuMTc2NSAxMy42MTE3IDI1LjE5MjEgMTMuNjcxMyAyNS4yMDIyQzEzLjc4NjUgMjUuMjIxNSAxMy45MDIgMjUuMjA0OCAxNC4wMTUgMjUuMTUyNkMxNC4xODgxIDI1LjA3MjQgMTQuMjk4NyAyNC44OTk3IDE0LjI5ODcgMjQuNzA5NFYyMS4yMDU1SDE3LjgxNjJDMTguMDA3MiAyMS4yMDU1IDE4LjE4MDggMjEuMDk1MSAxOC4yNjEyIDIwLjkyMjRDMTguMzEzNCAyMC44MTAyIDE4LjMzMDEgMjAuNjk1NyAxOC4zMTEgMjAuNTgxNkMxOC4zMDA5IDIwLjUyMTIgMTguMjg1MiAyMC40NDc5IDE4LjI2NzEgMjAuMzYzMkMxOC4xNzYxIDE5LjkzODMgMTcuOTYyNSAxOC45NDM1IDE4LjMzOTkgMTguNDc4OEMxOC41MDcxIDE4LjI3MjYgMTguNzk1NyAxOC4xNzI1IDE5LjIyMjEgMTguMTcyNUMxOS42NDg1IDE4LjE3MjUgMTkuOTM3IDE4LjI3MjYgMjAuMTA0NSAxOC40Nzg4QzIwLjQ4MTYgMTguOTQzNSAyMC4yNjgzIDE5LjkzODMgMjAuMTc3MSAyMC4zNjMyQzIwLjE1ODkgMjAuNDQ3OSAyMC4xNDMzIDIwLjUyMTIgMjAuMTMzNCAyMC41Nzk5QzIwLjExMzggMjAuNjk0NyAyMC4xMzA1IDIwLjgxMDIgMjAuMTgzMiAyMC45MjMxQzIwLjI2MzYgMjEuMDk1NiAyMC40MzcgMjEuMjA1OCAyMC42MjggMjEuMjA1OEgyNC4xNDRWMzAuMTkxNEgyNC4xNDMyWiIgZmlsbD0iIzExMTExMSIvPg0KPC9zdmc+DQo=");
}

.remote__support {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80MTAxXzIyMjIpIj4NCjxwYXRoIGQ9Ik0xNS43ODE1IDMuNjY5NTRDMTUuNzgxNSAzLjI1MTk0IDE1LjQzODcgMi45MTY5OSAxNS4wMjEyIDIuOTE2OTlIMi44OTE2NEMyLjQ2OTc1IDIuOTE2OTkgMi4xMzEzNSAzLjI1NjI5IDIuMTMxMzUgMy42Njk1NFYxMi4zNTY1SDE1Ljc4NTlWMy42Njk1NEgxNS43ODE1Wk04Ljk1MjA0IDMuMDc3OTRDOS4wODM4OCAzLjA3Nzk0IDkuMTg5MzYgMy4xODIzNCA5LjE4OTM2IDMuMzEyODRDOS4xODkzNiAzLjQ0MzM0IDkuMDgzODggMy41NDc3NCA4Ljk1MjA0IDMuNTQ3NzRDOC44MjAyIDMuNTQ3NzQgOC43MTQ3MiAzLjQ0MzM0IDguNzE0NzIgMy4zMTI4NEM4LjcxNDcyIDMuMTgyMzQgOC44MjAyIDMuMDc3OTQgOC45NTIwNCAzLjA3Nzk0Wk0xNC45MjQ1IDExLjU4MjJIMi45ODM5M1YzLjgxMzA5QzIuOTgzOTMgMy43NDc4NCAzLjAzNjY3IDMuNjk1NjQgMy4xMDI1OSAzLjY5NTY0SDE0LjgwMTVDMTQuODY3NCAzLjY5NTY0IDE0LjkyMDEgMy43NDc4NCAxNC45MjAxIDMuODEzMDlWMTEuNTgyMkgxNC45MjQ1WiIgZmlsbD0iIzExMTExMSIvPg0KPHBhdGggZD0iTTE3LjkwODcgMTUuMDM2MUgwVjE1LjYxMDNIMTcuOTA4N1YxNS4wMzYxWiIgZmlsbD0iIzExMTExMSIvPg0KPHBhdGggZD0iTTE1Ljc4MTYgMTIuNTY5OEgyLjEyNzA3TDAgMTQuODMxOEgxNy45MDg3TDE1Ljc4MTYgMTIuNTY5OFpNMi41NzA5NCAxMi44N0gxNS4zMzM0TDE2LjE4NiAxMy43NjYxSDEuNzIyNzVMMi41NzUzNCAxMi44N0gyLjU3MDk0Wk03LjQ5MzA5IDE0LjU3NTJMNy42NjQ0OSAxMy45NDAxSDEwLjIzOThMMTAuNDExMiAxNC41NzUySDcuNDg4N0g3LjQ5MzA5WiIgZmlsbD0iIzExMTExMSIvPg0KPHBhdGggZD0iTTMyLjg3MjggMjAuMTQ3MUMzMi44NzI4IDE5LjcyOTUgMzIuNTMgMTkuMzk0NSAzMi4xMTI1IDE5LjM5NDVIMTkuOTgzQzE5LjU2MTEgMTkuMzk0NSAxOS4yMjI3IDE5LjczMzggMTkuMjIyNyAyMC4xNDcxVjI4LjgzNEgzMi44NzcyVjIwLjE0NzFIMzIuODcyOFpNMjYuMDQ3NyAxOS41NTExQzI2LjE3OTYgMTkuNTUxMSAyNi4yODUxIDE5LjY1NTUgMjYuMjg1MSAxOS43ODZDMjYuMjg1MSAxOS45MTY1IDI2LjE3OTYgMjAuMDIwOSAyNi4wNDc3IDIwLjAyMDlDMjUuOTE1OSAyMC4wMjA5IDI1LjgxMDQgMTkuOTE2NSAyNS44MTA0IDE5Ljc4NkMyNS44MTA0IDE5LjY1NTUgMjUuOTE1OSAxOS41NTExIDI2LjA0NzcgMTkuNTUxMVpNMzIuMDE1OCAyOC4wNTU0SDIwLjA3NTJWMjAuMjg2M0MyMC4wNzUyIDIwLjIyMSAyMC4xMjggMjAuMTY4OCAyMC4xOTM5IDIwLjE2ODhIMzEuODkyOEMzMS45NTg3IDIwLjE2ODggMzIuMDExNSAyMC4yMjEgMzIuMDExNSAyMC4yODYzVjI4LjA1NTRIMzIuMDE1OFoiIGZpbGw9IiMxMTExMTEiLz4NCjxwYXRoIGQ9Ik0zNSAzMS41MDkzSDE3LjA5MTNWMzIuMDgzNUgzNVYzMS41MDkzWiIgZmlsbD0iIzExMTExMSIvPg0KPHBhdGggZD0iTTMyLjg3MyAyOS4wNDNIMTkuMjE4NEwxNy4wOTEzIDMxLjMwNUgzNUwzMi44NzMgMjkuMDQzWk0xOS42NjY2IDI5LjM0MzFIMzIuNDI5MUwzMy4yODE3IDMwLjIzOTJIMTguODE4NUwxOS42NzEgMjkuMzQzMUgxOS42NjY2Wk0yNC41ODg4IDMxLjA0ODNMMjQuNzYwMiAzMC40MTMySDI3LjMzNTVMMjcuNTA2OSAzMS4wNDgzSDI0LjU4NDRIMjQuNTg4OFoiIGZpbGw9IiMxMTExMTEiLz4NCjxwYXRoIGQ9Ik05LjU0MTA5IDE3LjUwMjFDOS41NDEwOSAxNy44ODQ5IDkuMjI5MDcgMTguMTk4MSA4LjgzNzkzIDE4LjE5ODFDOC40NDY3OSAxOC4xOTgxIDguMTM0NzcgMTcuODg5MyA4LjEzNDc3IDE3LjUwMjFDOC4xMzQ3NyAxNy4xMTUgOC40NDY3OSAxNi44MDYyIDguODM3OTMgMTYuODA2MkM5LjIyOTA3IDE2LjgwNjIgOS41NDEwOSAxNy4xMTUgOS41NDEwOSAxNy41MDIxWiIgZmlsbD0iIzExMTExMSIvPg0KPHBhdGggZD0iTTkuNTQxMDkgMjAuMjI1M0M5LjU0MTA5IDIwLjYwODEgOS4yMjkwNyAyMC45MjEzIDguODM3OTMgMjAuOTIxM0M4LjQ0Njc5IDIwLjkyMTMgOC4xMzQ3NyAyMC42MTI0IDguMTM0NzcgMjAuMjI1M0M4LjEzNDc3IDE5LjgzODEgOC40NDY3OSAxOS41MjkzIDguODM3OTMgMTkuNTI5M0M5LjIyOTA3IDE5LjUyOTMgOS41NDEwOSAxOS44MzgxIDkuNTQxMDkgMjAuMjI1M1oiIGZpbGw9IiMxMTExMTEiLz4NCjxwYXRoIGQ9Ik05LjU0MTA5IDIyLjk0ODRDOS41NDEwOSAyMy4zMzEyIDkuMjI5MDcgMjMuNjQ0NCA4LjgzNzkzIDIzLjY0NDRDOC40NDY3OSAyMy42NDQ0IDguMTM0NzcgMjMuMzM1NiA4LjEzNDc3IDIyLjk0ODRDOC4xMzQ3NyAyMi41NjEzIDguNDQ2NzkgMjIuMjUyNCA4LjgzNzkzIDIyLjI1MjRDOS4yMjkwNyAyMi4yNTI0IDkuNTQxMDkgMjIuNTYxMyA5LjU0MTA5IDIyLjk0ODRaIiBmaWxsPSIjMTExMTExIi8+DQo8cGF0aCBkPSJNOS41NDEwOSAyNS42NzE2QzkuNTQxMDkgMjYuMDU0NCA5LjIyOTA3IDI2LjM2NzYgOC44Mzc5MyAyNi4zNjc2QzguNDQ2NzkgMjYuMzY3NiA4LjEzNDc3IDI2LjA1ODcgOC4xMzQ3NyAyNS42NzE2QzguMTM0NzcgMjUuMjg0NCA4LjQ0Njc5IDI0Ljk3NTYgOC44Mzc5MyAyNC45NzU2QzkuMjI5MDcgMjQuOTc1NiA5LjU0MTA5IDI1LjI4NDQgOS41NDEwOSAyNS42NzE2WiIgZmlsbD0iIzExMTExMSIvPg0KPHBhdGggZD0iTTE3LjA5MTMgMjYuMzY3NkMxNi43MDQ2IDI2LjM2NzYgMTYuMzg4MiAyNi4wNTg3IDE2LjM4ODIgMjUuNjcxNkMxNi4zODgyIDI1LjI4NDQgMTYuNzAwMiAyNC45NzU2IDE3LjA5MTMgMjQuOTc1NkMxNy40ODI1IDI0Ljk3NTYgMTcuNzk0NSAyNS4yODQ0IDE3Ljc5NDUgMjUuNjcxNkMxNy43OTQ1IDI2LjA1ODcgMTcuNDgyNSAyNi4zNjc2IDE3LjA5MTMgMjYuMzY3NloiIGZpbGw9IiMxMTExMTEiLz4NCjxwYXRoIGQ9Ik0xNC4zNDA0IDI2LjM2NzZDMTMuOTUzNiAyNi4zNjc2IDEzLjYzNzIgMjYuMDU4NyAxMy42MzcyIDI1LjY3MTZDMTMuNjM3MiAyNS4yODQ0IDEzLjk0OTIgMjQuOTc1NiAxNC4zNDA0IDI0Ljk3NTZDMTQuNzMxNSAyNC45NzU2IDE1LjA0MzUgMjUuMjg0NCAxNS4wNDM1IDI1LjY3MTZDMTUuMDQzNSAyNi4wNTg3IDE0LjczMTUgMjYuMzY3NiAxNC4zNDA0IDI2LjM2NzZaIiBmaWxsPSIjMTExMTExIi8+DQo8cGF0aCBkPSJNMTEuNTg4OSAyNi4zNjc2QzExLjIwMjIgMjYuMzY3NiAxMC44ODU3IDI2LjA1ODcgMTAuODg1NyAyNS42NzE2QzEwLjg4NTcgMjUuMjg0NCAxMS4xOTc4IDI0Ljk3NTYgMTEuNTg4OSAyNC45NzU2QzExLjk4IDI0Ljk3NTYgMTIuMjkyMSAyNS4yODQ0IDEyLjI5MjEgMjUuNjcxNkMxMi4yOTIxIDI2LjA1ODcgMTEuOTggMjYuMzY3NiAxMS41ODg5IDI2LjM2NzZaIiBmaWxsPSIjMTExMTExIi8+DQo8cGF0aCBkPSJNMjUuNTQyNSAxNi43OTc2QzI1LjU0MjUgMTYuNDE0OCAyNS44NTQ1IDE2LjEwMTYgMjYuMjQ1NiAxNi4xMDE2QzI2LjYzNjggMTYuMTAxNiAyNi45NDg4IDE2LjQxMDQgMjYuOTQ4OCAxNi43OTc2QzI2Ljk0ODggMTcuMTg0NyAyNi42MzY4IDE3LjQ5MzYgMjYuMjQ1NiAxNy40OTM2QzI1Ljg1NDUgMTcuNDkzNiAyNS41NDI1IDE3LjE4NDcgMjUuNTQyNSAxNi43OTc2WiIgZmlsbD0iIzExMTExMSIvPg0KPHBhdGggZD0iTTI1LjU0MjUgMTQuMDc0NEMyNS41NDI1IDEzLjY5MTYgMjUuODU0NSAxMy4zNzg0IDI2LjI0NTYgMTMuMzc4NEMyNi42MzY4IDEzLjM3ODQgMjYuOTQ4OCAxMy42ODczIDI2Ljk0ODggMTQuMDc0NEMyNi45NDg4IDE0LjQ2MTYgMjYuNjM2OCAxNC43NzA0IDI2LjI0NTYgMTQuNzcwNEMyNS44NTQ1IDE0Ljc3MDQgMjUuNTQyNSAxNC40NjE2IDI1LjU0MjUgMTQuMDc0NFoiIGZpbGw9IiMxMTExMTEiLz4NCjxwYXRoIGQ9Ik0yNS41NDI1IDExLjM1MTNDMjUuNTQyNSAxMC45Njg1IDI1Ljg1NDUgMTAuNjU1MyAyNi4yNDU2IDEwLjY1NTNDMjYuNjM2OCAxMC42NTUzIDI2Ljk0ODggMTAuOTY0MSAyNi45NDg4IDExLjM1MTNDMjYuOTQ4OCAxMS43Mzg0IDI2LjYzNjggMTIuMDQ3MyAyNi4yNDU2IDEyLjA0NzNDMjUuODU0NSAxMi4wNDczIDI1LjU0MjUgMTEuNzM4NCAyNS41NDI1IDExLjM1MTNaIiBmaWxsPSIjMTExMTExIi8+DQo8cGF0aCBkPSJNMjUuNTQyNSA4LjYyODEzQzI1LjU0MjUgOC4yNDUzMyAyNS44NTQ1IDcuOTMyMTMgMjYuMjQ1NiA3LjkzMjEzQzI2LjYzNjggNy45MzIxMyAyNi45NDg4IDguMjQwOTggMjYuOTQ4OCA4LjYyODEzQzI2Ljk0ODggOS4wMTUyOCAyNi42MzY4IDkuMzI0MTIgMjYuMjQ1NiA5LjMyNDEyQzI1Ljg1NDUgOS4zMjQxMiAyNS41NDI1IDkuMDE1MjggMjUuNTQyNSA4LjYyODEzWiIgZmlsbD0iIzExMTExMSIvPg0KPHBhdGggZD0iTTE3Ljk5MjIgNy45MzIxM0MxOC4zNzkgNy45MzIxMyAxOC42OTU0IDguMjQwOTggMTguNjk1NCA4LjYyODEzQzE4LjY5NTQgOS4wMTUyOCAxOC4zODM0IDkuMzI0MTIgMTcuOTkyMiA5LjMyNDEyQzE3LjYwMTEgOS4zMjQxMiAxNy4yODkxIDkuMDE1MjggMTcuMjg5MSA4LjYyODEzQzE3LjI4OTEgOC4yNDA5OCAxNy42MDExIDcuOTMyMTMgMTcuOTkyMiA3LjkzMjEzWiIgZmlsbD0iIzExMTExMSIvPg0KPHBhdGggZD0iTTIwLjc0MzIgNy45MzIxM0MyMS4xMjk5IDcuOTMyMTMgMjEuNDQ2NCA4LjI0MDk4IDIxLjQ0NjQgOC42MjgxM0MyMS40NDY0IDkuMDE1MjggMjEuMTM0MyA5LjMyNDEyIDIwLjc0MzIgOS4zMjQxMkMyMC4zNTIxIDkuMzI0MTIgMjAuMDQgOS4wMTUyOCAyMC4wNCA4LjYyODEzQzIwLjA0IDguMjQwOTggMjAuMzUyMSA3LjkzMjEzIDIwLjc0MzIgNy45MzIxM1oiIGZpbGw9IiMxMTExMTEiLz4NCjxwYXRoIGQ9Ik0yMy40OTQ3IDcuOTMyMTNDMjMuODgxNCA3LjkzMjEzIDI0LjE5NzggOC4yNDA5OCAyNC4xOTc4IDguNjI4MTNDMjQuMTk3OCA5LjAxNTI4IDIzLjg4NTggOS4zMjQxMiAyMy40OTQ3IDkuMzI0MTJDMjMuMTAzNSA5LjMyNDEyIDIyLjc5MTUgOS4wMTUyOCAyMi43OTE1IDguNjI4MTNDMjIuNzkxNSA4LjI0MDk4IDIzLjEwMzUgNy45MzIxMyAyMy40OTQ3IDcuOTMyMTNaIiBmaWxsPSIjMTExMTExIi8+DQo8L2c+DQo8ZGVmcz4NCjxjbGlwUGF0aCBpZD0iY2xpcDBfNDEwMV8yMjIyIj4NCjxyZWN0IHdpZHRoPSIzNSIgaGVpZ2h0PSIzNSIgZmlsbD0id2hpdGUiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==");
}

.learner__inquiry {
  padding-top: 45px;
  background-position: center 5px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zLjg4ODY3IDExLjE4MTJIMzEuMTExM0MzMS40Mjk5IDExLjE4MTIgMzEuNzM1NyAxMS4zMDc1IDMxLjk2MDkgMTEuNTMyN0MzMi4xODYyIDExLjc1OCAzMi4zMTI0IDEyLjA2MzggMzIuMzEyNSAxMi4zODIzVjMxLjA5ODFDMzIuMzEyNCAzMS40MTY3IDMyLjE4NjIgMzEuNzIyNSAzMS45NjA5IDMxLjk0NzhDMzEuNzM1NyAzMi4xNzMgMzEuNDI5OSAzMi4yOTkzIDMxLjExMTMgMzIuMjk5M0gzLjg4ODY3QzMuNTcwMTUgMzIuMjk5MyAzLjI2NDMxIDMyLjE3MyAzLjAzOTA2IDMxLjk0NzhDMi44MTM4MyAzMS43MjI1IDIuNjg3NTkgMzEuNDE2NyAyLjY4NzUgMzEuMDk4MVYxMi4zODIzQzIuNjg3NTYgMTIuMDYzOCAyLjgxMzgxIDExLjc1OCAzLjAzOTA2IDExLjUzMjdDMy4yNjQzMiAxMS4zMDc1IDMuNTcwMTIgMTEuMTgxMiAzLjg4ODY3IDExLjE4MTJaIiBzdHJva2U9ImJsYWNrIi8+DQo8cGF0aCBkPSJNMjMuNjI1MSAxNy4zNjUxSDExLjM3NTFNMjUuMzc1MSAyMi42MTUxSDkuNjI1MTNNMjMuNjI1MSAyNy44NjUxSDExLjM3NTFNNy42MTk2MyAxMC45ODQ2TDE0LjQwNjEgNC4xOTYzN0MxNC44MTI0IDMuNzg5OTkgMTUuMjk0NyAzLjQ2NzYyIDE1LjgyNTYgMy4yNDc2OUMxNi4zNTY1IDMuMDI3NzUgMTYuOTI1NSAyLjkxNDU1IDE3LjUwMDEgMi45MTQ1NUMxOC4wNzQ4IDIuOTE0NTUgMTguNjQzOCAzLjAyNzc1IDE5LjE3NDYgMy4yNDc2OUMxOS43MDU1IDMuNDY3NjIgMjAuMTg3OSAzLjc4OTk5IDIwLjU5NDEgNC4xOTYzN0wyNy4zODA2IDEwLjk4NDYiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPg0KPC9zdmc+DQo=");
}

.kakao__chat {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80MTAxXzIyNzQpIj4NCjxwYXRoIGQ9Ik0xNy41IDEuNjkwNDNDNy44MzQ2OSAxLjY5MDQzIDAgNy43Nzk5NSAwIDE1LjI5NkMwIDIwLjE4NjUgMy4zMTc2IDI0LjQ3MjUgOC4zMDA2IDI2Ljg3MDZDNy45MzM4MiAyOC4yMTI3IDYuOTc1NTUgMzEuNzM4MyA2Ljc4Mzg5IDMyLjQ5MjJDNi41NDU5OCAzMy40MjgxIDcuMTMwODUgMzMuNDE1MSA3LjUxNzQ3IDMzLjE2NDlDNy44MTgxNiAzMi45NjY2IDEyLjMxMjEgMjkuOTYwOSAxNC4yNTE4IDI4LjY2NDNDMTUuMzA1OSAyOC44MTcxIDE2LjM4OTcgMjguODk4MyAxNy41IDI4Ljg5ODNDMjcuMTY1MyAyOC44OTgzIDM1IDIyLjgwODggMzUgMTUuMjk2QzM1IDcuNzgzMiAyNy4xNjUzIDEuNjkwNDMgMTcuNSAxLjY5MDQzWk0yOC4zNTE2IDE5LjI4NjNMMjUuOTc1NyAxNi4xMDE5TDI1LjQzMzggMTYuNTMwOEMyNS40MzM4IDE2LjUzMDggMjUuNDMzOCAxOC4xMDM1IDI1LjQzMzggMTguOTM1NEMyNS40MzM4IDE5LjY1MDMgMjMuNTgzNCAxOS42NTAzIDIzLjU4MzQgMTguOTM1NEMyMy41ODM0IDE4LjQ4MzcgMjMuNjIzIDEyLjM3NDcgMjMuNjA2NSAxMS42OTg4QzIzLjU5NjYgMTEuMzI1MSAyNC4wODIzIDExLjEzMzQgMjQuNTU4MiAxMS4xMzM0QzI1LjAwMDkgMTEuMTMzNCAyNS40MzcxIDExLjMwMjQgMjUuNDQ3IDExLjY1MDFDMjUuNDczNSAxMi41NjY0IDI1LjQ0NyAxNC4yMjM3IDI1LjQ0NyAxNC4yMjM3QzI1LjQ0NyAxNC4yMjM3IDI4LjEyNjkgMTEuNTg1MSAyOC41MTAyIDExLjIxMTRDMjguOTAzNCAxMC44MjQ3IDMwLjEyMjcgMTIuMDMzNSAyOS43Mjk1IDEyLjQxN0MyOS4wNTU0IDEzLjA3NjYgMjcuMzQzOCAxNC44OTYzIDI3LjM0MzggMTQuODk2M0wyOS44NjUgMTguMTYyQzMwLjM0NDEgMTguNzg1OSAyOC44MzQgMTkuOTEwMiAyOC4zNTQ5IDE5LjI4NjNIMjguMzUxNlpNMTQuOTg1NCAxMS42NTk4QzE1LjMwNTkgMTIuMzI5MiAxNy4wNTM5IDE3LjA2MDUgMTcuNTYyOCAxOC4zNzMyQzE3LjkxNjQgMTkuMjkyOCAxNi4yMDggMTkuOTI5NyAxNS44NTExIDE5LjAxMDFDMTUuNDE0OSAxNy44NzI4IDE1LjUyNzMgMTcuODI0MSAxNS41MjczIDE3LjgyNDFIMTIuMjMyOEwxMS44NzI2IDE5LjA2MjFDMTEuNDg5MyAxOS45Mjk3IDkuODMwNTMgMTkuMjIxNCAxMC4yMTcxIDE4LjM1MzdDMTAuNzQ5MiAxNy4xNTE0IDEyLjM0ODUgMTIuNjE4NCAxMi43OTEzIDExLjY1OThDMTIuOTY2NCAxMS4yNzk2IDEzLjM3OTQgMTEuMTI2OSAxMy44MDI0IDExLjEyNjlDMTQuMzE0NiAxMS4xMjY5IDE0Ljg0IDExLjM0NzkgMTQuOTg4NyAxMS42NTk4SDE0Ljk4NTRaTTEwLjc2NTcgMTEuMTI2OUMxMS44ODU5IDExLjEyNjkgMTEuODg1OSAxMi44NTg5IDEwLjc2NTcgMTIuODU4OUM5LjU3NjEgMTIuODU4OSA4Ljk3NDcgMTIuODU1NiA4Ljk3NDcgMTIuODU1Nkw4Ljk2ODA5IDE4LjgwMjJDOC45NjgwOSAxOS42Mjc1IDcuMDk3ODEgMTkuNjE3OCA3LjA5NzgxIDE4Ljc4OTJDNy4xMDc3MiAxNy42NTUxIDcuMDk3ODEgMTIuNzkwNiA3LjA5NzgxIDEyLjc5MDZINS4yOTY5MkM0LjIzOTUyIDEyLjc5MDYgNC4yMzYyMiAxMS4wOTQ0IDUuMjk2OTIgMTEuMDkxMkM1LjI5NjkyIDExLjA5MTIgOS41MTMzMSAxMS4xMjY5IDEwLjc3NTYgMTEuMTI2OUgxMC43NjU3Wk0xOC4yMDA1IDE4LjQ0OEMxOC4yMDA1IDE4LjQ0OCAxOC4xOTM5IDEzLjQ4MjggMTguMTkwNiAxMS45NDI1QzE4LjE5MDYgMTEuMzk5OSAxOC42NzY0IDExLjEzMDIgMTkuMTY1NCAxMS4xMzAyQzE5LjY1NDUgMTEuMTMwMiAyMC4xMzY5IDExLjM5OTkgMjAuMTQwMiAxMS45MzkzQzIwLjE0MDIgMTMuMDUzOSAyMC4xMzY5IDE3LjY0ODYgMjAuMTM2OSAxNy42NDg2QzIwLjEzNjkgMTcuNjQ4NiAyMS42OCAxNy42NTg0IDIyLjUyOTMgMTcuNjU4NEMyMy4zNzg1IDE3LjY1ODQgMjMuMzc4NSAxOS40MjkzIDIyLjUzMjYgMTkuNDI5M0MyMS42ODY3IDE5LjQyOTMgMTkuNzc2NyAxOS40MzkxIDE4LjkxNzYgMTkuNDM5MUMxOC4wNTg0IDE5LjQzOTEgMTguMjAwNSAxOC40NTEyIDE4LjIwMDUgMTguNDUxMlYxOC40NDhaIiBmaWxsPSIjMTExMTExIi8+DQo8cGF0aCBkPSJNMTQuOTEzMSAxNi4xOTNMMTMuOTExOCAxMy4xMDZMMTIuODI0NyAxNi4xOTNIMTQuOTEzMVoiIGZpbGw9IiMxMTExMTEiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMF80MTAxXzIyNzQiPg0KPHJlY3Qgd2lkdGg9IjM1IiBoZWlnaHQ9IjM1IiBmaWxsPSJ3aGl0ZSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg0K");
}

.call__inquiry {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yNS4yNzEgMTYuNDE2NEMyNS4yNzA3IDE0LjYwMzMgMjQuNTUwMyAxMi44NjQ2IDIzLjI2ODIgMTEuNTgyNkMyMS45ODYyIDEwLjMwMDUgMjAuMjQ3NSA5LjU4MDE0IDE4LjQzNDQgOS41Nzk3OE0yOS45NTc2IDE1LjkzOEMyOS45NTc2IDE0LjUwMTUgMjkuNjc0NiAxMy4wNzkgMjkuMTI0OCAxMS43NTE5QzI4LjU3NTEgMTAuNDI0NyAyNy43NjkyIDkuMjE4ODggMjYuNzUzNCA4LjIwMzE4QzI1LjczNzYgNy4xODc0OCAyNC41MzE2IDYuMzgxODIgMjMuMjA0NCA1LjgzMjIyQzIxLjg3NzIgNS4yODI2MSAyMC40NTQ3IDQuOTk5ODIgMTkuMDE4MiA1TTE4LjIxNjkgMjguNjA0M0MxNy44MTE1IDI4LjQxOTIgMTcuNDA3NCAyOC4yMzQxIDE3LjAwMzMgMjguMDEzOEMxNS4wMjEzIDI2Ljg5NCAxMy4yMDA2IDI1LjUxMDIgMTEuNTkxMSAyMy45MDAyQzkuNTA1NTQgMjEuOTM2MSA3Ljc5MTk2IDE5LjYxMTQgNi41MzI5NSAxNy4wMzhDNS44NTk0NCAxNS42NTU3IDUuNDA0NDggMTQuMTc3MyA1LjE4NDI5IDEyLjY1NTVDNC44ODcyMyAxMS4xMTc4IDUuMDU3NjIgOS41MjY0NCA1LjY3MzQ4IDguMDg2NTJDNi4wNTM0MyA3LjQ2NzU4IDYuNTEyMjMgNi45MDA2NSA3LjAzODM2IDYuNDAwMDJDNy4yNTE4NiA2LjE2MTE0IDcuNTExNDIgNS45Njc4NyA3LjgwMTQ3IDUuODMxNzlDOC4wOTE1MSA1LjY5NTcxIDguNDA2MDUgNS42MTk2MyA4LjcyNjIyIDUuNjA4MTJDOS4zOTI0NSA1LjcwODEyIDkuOTk2NTEgNi4wNTY3NyAxMC40MTI3IDYuNTg1MTVDMTEuMzIzNiA3LjU5NzMzIDEyLjMwMDYgOC41MDgxNSAxMy4yNjE0IDkuNDY4OTdDMTMuNjM5OCA5Ljc5MzMgMTMuODc2MyAxMC4yNTI4IDEzLjkxOTUgMTAuNzUwMUMxMy45MDMzIDExLjE2OSAxMy43NDI1IDExLjU2NzYgMTMuNDY0MSAxMS44Nzk4QzEzLjE0MzggMTIuMjg1MiAxMi43NTYgMTIuNjU1NSAxMi4zODU3IDEzLjA0MkMxMi4xNjE4IDEzLjI1NzYgMTEuOTkwNSAxMy41MjE5IDExLjg4NTEgMTMuODE0NEMxMS43Nzk2IDE0LjEwNjggMTEuNzQyOSAxNC40MTk2IDExLjc3NzYgMTQuNzI4NUMxMi4wMSAxNS40NTE1IDEyLjQwODcgMTYuMTEwOSAxMi45NDExIDE2LjY1MTVDMTMuNTc5OSAxNy41MjMgMTQuMjQ5MyAxOC4zNzE4IDE0Ljk0NzkgMTkuMTk2MUMxNi4yNTA5IDIwLjY5OTIgMTcuNzk0NSAyMS45NzU2IDE5LjUxNTUgMjIuOTczMkMxOS43NTM4IDIzLjE1MzIgMjAuMDM1NiAyMy4yNjY3IDIwLjMzMjEgMjMuMzAyM0MyMC42Mjg2IDIzLjMzNzkgMjAuOTI5MyAyMy4yOTQzIDIxLjIwMzQgMjMuMTc1OUMyMS43NzUgMjIuODU1NiAyMi4yODQ1IDIyLjQzMjYgMjIuNzAzNCAyMS45Mjg2QzIzLjA2NjQgMjEuNDg3MSAyMy41ODU5IDIxLjIwMjkgMjQuMTUzNCAyMS4xMzUzQzI0LjY1ODggMjEuMTYyNCAyNS4xMzQ1IDIxLjM3ODYgMjUuNDg1OSAyMS43NDM0QzI1LjkzOTkgMjIuMTI5OSAyNi4zMjc4IDIyLjU4NTMgMjYuNzQ5NCAyMy4wMDdDMjcuMTcxIDIzLjQyODYgMjcuNTA4OSAyMy43MzI3IDI3Ljg2MjkgMjQuMTE5MUMyOC4yODczIDI0LjQ5MzkgMjguNjg1OSAyNC44OTMgMjkuMDU4OSAyNS4zMTY1QzI5LjM0ODEgMjUuNjkwOCAyOS40ODczIDI2LjE2MTEgMjkuNDQ2NyAyNi42MzEzQzI5LjI5NjEgMjcuMTk0NSAyOC45NzE3IDI3LjY5NTcgMjguNTE5NyAyOC4wNjM4QzI3Ljg4MzEgMjguNzI1NiAyNy4xMDk4IDI5LjI0MDYgMjYuMjUzNyAyOS41NzI4QzI1LjM5NzYgMjkuOTA0OSAyNC40NzkzIDMwLjA0NjIgMjMuNTYyOSAyOS45ODY4QzIxLjcwNzUgMjkuODgzOCAxOS44ODk1IDI5LjQxNCAxOC4yMTY5IDI4LjYwNDNaIiBzdHJva2U9IiMxMTExMTEiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPg0KPC9zdmc+DQo=");
}

@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---- */
.serviceRequest *{
    font-family: "Noto Sans", sans-serif;
}
.serviceRequest{
    display: flex;
    justify-content: space-between;
    gap: 80px;
    padding-top: 80px;
}

/* serviceRequest__header */
.serviceRequest .serviceRequest__header{
    background: #eae8e8;
    width: 400px;
    height: 100%;
    padding: 80px 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.serviceRequest .title-box p,
.serviceRequest .title-box h3{
    font-family: "Pretendard Variable", sans-serif;
    font-weight: 700;
}
.serviceRequest .title-box p{
    font-size: 14px;
    padding-bottom: 4px;
}
.serviceRequest .title-box h3{
    font-size: 24px;
    line-height: 1.2;
}
.serviceRequest .info-box{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.serviceRequest .info-box strong{
    font-weight: 700;
    font-size: 32px;
    line-height: 46.8px;
}

.serviceRequest .info-detail dl{
    display: flex;
    gap: 4px;
}
.serviceRequest .info-detail dl dt,
.serviceRequest .info-detail dl dd{
    font-weight: 400;
    font-size: 14px;
}
/* serviceRequest__body */
.serviceRequest .serviceRequest__body{
    flex:1;
}
.serviceRequest .writeForm{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.serviceRequest .input_container{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.serviceRequest .inputGroup{
    display: flex;
    gap:16px;
}
.serviceRequest .inputGroup > * {
    flex: 1;
}
.serviceRequest .input,
.serviceRequest .selectBox{
    border: none;
    border-bottom: 1px solid #c2c2c2;
    font-size: 16px;
    line-height:24px;
    height: 44px;
}
.serviceRequest .input{
    padding: 10px 8px;
}
.serviceRequest .selectBox{
    padding: 10px 12px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjUgOUwxMiAxNi41TDQuNSA5IiBzdHJva2U9IiM3QTdBN0EiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right 10px center;
}

.serviceRequest .selectBox.placeholder-active {
    color: #c2c2c2;}


.serviceRequest .input:focus,
.serviceRequest .selectBox:focus{
    outline: none;
    border-bottom: 1px solid #fdb515;
}

.serviceRequest .label{
    color:#111;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    position: relative;
}

.serviceRequest .is-required::before{
    position: absolute;
    top: 0;
    left: -6px;
    content: "*";
    color: #f00;
}

.serviceRequest option {
    font-family: inherit;
    font-size: 16px;
    color: #111;
}


.serviceRequest .textarea{
    border: 1px solid transparent;
    border-bottom-width: 4px;     
    border-bottom-color: #fdb515;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 16px;
    line-height: 24px;
    height: 120px;
}
.serviceRequest .textarea:focus{
    outline: none;
    border-color: #fdb515;         
    
}
.serviceRequest .textarea::placeholder{
    font-size: 16px;
}

.serviceRequest .agree{
    display: flex;
    gap: 8px;
    flex-direction: row;
    justify-content: center; 
}
.serviceRequest .agree >.label{
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #111;
    cursor: pointer;
}
.serviceRequest #checkYN {
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    pointer-events: none; 
}
.serviceRequest .checkbox-img{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle; 
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgcng9IjMuNSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgcng9IjMuNSIgc3Ryb2tlPSIjQUVBRUFCIi8+Cjwvc3ZnPgo=");
    background-size: 20px 20px;
    background-repeat: no-repeat;
     
}
.serviceRequest #checkYN:checked + .checkbox-img {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iNCIgZmlsbD0iIzAwMzM2MiIvPgo8cGF0aCBkPSJNMTUuMzMyNyA2TDcuOTk5MzUgMTMuMzMzM0w0LjY2NjAyIDEwIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
/* .serviceRequest #checkYN:focus + .checkbox-img {
    outline: 2px solid #fdb515;
    outline-offset: 2px;
} */
.serviceRequest .agree> a{
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color:#c2c2c2;
}
.serviceRequest .agree> a:hover{
    color:#fdb515
}

/* btn-group */
.serviceRequest .btn_submit{
    width: 100%;
    padding: 12px 153px;
    border-radius: 4px;
    background: #fdb515;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;  
    color: #fff;  
    cursor: pointer;
    border: none;
    transition: background 0.2s; 
    border: 1px solid #fdb515;
}

.serviceRequest .btn_submit:hover{
    background: #003362;
    color: #fff;  
    border: 1px solid #003362;
}

/* ----serviceRequest---- */

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