@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/* POSTECH 산학협력단 */
.skip-wrap {
  position: fixed;
  z-index: 9999;
}

.skip-nav {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #333;
  font-size: 1.6em;
  -webkit-transform: translate(-100%, -100%);
     -moz-transform: translate(-100%, -100%);
      -ms-transform: translate(-100%, -100%);
          transform: translate(-100%, -100%);
  opacity: 0;
}

.skip-nav:focus {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100px;
  padding: 15px;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  vertical-align: middle;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.overflow-hidden {
  overflow: hidden;
}

[is-hidden], .is-hidden {
  display: none;
}

.blind, .hide {
  position: absolute !important;
  overflow: hidden;
  display: inline-block;
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  font-size: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
.blind.block, .hide.block {
  display: block;
}

.ws-nowrap {
  white-space: nowrap;
}

@media (min-width: 768px) {
  .only-mobile {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .only-tablet {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .only-tablet {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .only-desktop {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .only-mobile-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .only-tablet-desktop {
    display: none !important;
  }
}

.d-flex-fill {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.d-flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.d-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.d-flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.d-flex-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.d-flex-grow-0 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.d-flex-grow-1 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.d-flex-shrink-0 {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.d-flex-shrink-1 {
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}

.d-flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.d-flex-nowrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.d-flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
}

.d-justify-content-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.d-justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.d-justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.d-justify-content-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.d-justify-content-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.d-justify-content-evenly {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.d-align-items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.d-align-items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.d-align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.d-align-items-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
     -moz-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.d-align-items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.d-align-content-start {
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}

.d-align-content-end {
  -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
          align-content: flex-end;
}

.d-align-content-center {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.d-align-content-between {
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
}

.d-align-content-around {
  -webkit-align-content: space-around;
      -ms-flex-line-pack: distribute;
          align-content: space-around;
}

.d-align-content-stretch {
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.d-align-self-auto {
  -webkit-align-self: auto;
      -ms-flex-item-align: auto;
          align-self: auto;
}

.d-align-self-start {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}

.d-align-self-end {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

.d-align-self-center {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.d-align-self-baseline {
  -webkit-align-self: baseline;
      -ms-flex-item-align: baseline;
          align-self: baseline;
}

.d-align-self-stretch {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}

/* 효과 */
.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  transition: width 0.35s ease;
}

/* 탭 네비 */
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

/* 모달 */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
     -moz-transform: translate(0, -50px);
      -ms-transform: translate(0, -50px);
          transform: translate(0, -50px);
}

.modal.show .modal-dialog {
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
          transform: none;
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
     -moz-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: -webkit-calc(100% - 1rem);
  height: -moz-calc(100% - 1rem);
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: -webkit-calc(100% - 1rem);
  min-height: -moz-calc(100% - 1rem);
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  pointer-events: auto;
  outline: 0;
  overflow-y: auto;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.6;
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .collapsing.collapse-horizontal {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .accordion-button {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .accordion-button::after {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}
/* 드롭다운 */
.dropdown, .dropend, .dropstart, .dropup {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position: start ;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end ;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position:start ;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end ;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position:start ;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end ;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position:start ;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end ;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position:start ;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end ;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position:start ;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end ;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropstart .dropdown-toggle::after {
  display: none;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #1e2125;
  background-color: #e9ecef;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}

.dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}

.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}

.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}

.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group-vertical > .btn, .btn-group > .btn {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
  z-index: 1;
}

.btn-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.offcanvas {
  position: fixed;
  z-index: 10;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-clip: padding-box;
  outline: 0;
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  max-height: 100%;
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  max-height: 100%;
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
          transform: none;
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: keep-all;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::after, *::before {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  min-width: 320px;
  margin: 0;
  font-family: "Pretendard", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "맑은 고딕", Malgun Gothic, "돋움", Dotum, "Apple SD Gothic Neo", Helvetica, sans-serif;
  overflow-x: hidden;
}
@media (max-width: 319px) {
  body {
    overflow-x: auto;
  }
}

/* Set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  text-underline-offset: 3px;
  text-decoration: none;
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  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;
}

img {
  max-width: 100%;
  border-style: none;
  vertical-align: top;
}

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

button, input {
  overflow: visible;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

figure {
  margin: 0;
}

form, fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

fieldset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

legend {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*Add styles*/
select, input {
  vertical-align: top;
  border-radius: 0;
  background-color: transparent;
}

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

em {
  font-style: normal;
  color: #000;
}

address {
  font-style: normal;
  display: inline;
}

button {
  cursor: pointer;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

caption, legend {
  position: absolute !important;
  overflow: hidden;
  display: inline-block;
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  font-size: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
caption.block, legend.block {
  display: block;
}

dfn {
  font-style: normal;
}

select, input[type=radio], input[type=submit], input[type=search] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

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

/*Legacy browser supports*/
.legacy-browser {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  padding: 12px 12px;
  margin: auto;
  font-family: sans-serif, arial;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 400;
  color: #fff;
  background: #aaa;
  overflow: hidden;
}
.legacy-browser a {
  text-decoration: underline;
  color: #fff;
}

.legacy-close {
  position: absolute;
  top: 7px;
  right: 5px;
  padding: 5px;
  border: 0;
  margin: 0;
  font-size: 10px;
  line-height: 1;
  color: #fff;
}
.legacy-close:hover, .legacy-close:focus {
  text-decoration: underline;
}

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
/* 
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: 
    url('../fonts/Pretendard-Black.subset.woff2') format('woff2'),
    url('../fonts/Pretendard-Black.subset.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: 
		url('../fonts/Pretendard-ExtraBold.subset.woff2') format('woff2'),
		url('../fonts/Pretendard-ExtraBold.subset.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: 
		url('../fonts/Pretendard-Bold.subset.woff2') format('woff2'),
		url('../fonts/Pretendard-Bold.subset.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: 
    url('../fonts/Pretendard-SemiBold.subset.woff2') format('woff2'),
    url('../fonts/Pretendard-SemiBold.subset.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: 
		url('../fonts/Pretendard-Medium.subset.woff2') format('woff2'),
		url('../fonts/Pretendard-Medium.subset.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: 
		url('../fonts/Pretendard-Regular.subset.woff2') format('woff2'),
		url('../fonts/Pretendard-Regular.subset.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: 
    url('../fonts/Pretendard-Light.subset.woff2') format('woff2'),
    url('../fonts/Pretendard-Light.subset.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: 
    url('../fonts/Pretendard-ExtraLight.subset.woff2') format('woff2'),
    url('../fonts/Pretendard-ExtraLight.subset.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: 
    url('../fonts/Pretendard-Thin.subset.woff2') format('woff2'),
    url('../fonts/Pretendard-Thin.subset.woff') format('woff');
}
 */
body, html {
  width: 100%;
  height: 100%;
}

html {
  scrollbar-width: auto;
  scrollbar-color: #888 #222;
}
html::-webkit-scrollbar {
  width: 10px;
}
html::-webkit-scrollbar-track {
  background: #222;
}
html::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}
html::-webkit-scrollbar-thumb:hover {
  background: #555;
}

:root {
  --White: #FFF;
  --primary_main: #C61065;
  --primary_text: #DC116B;
  --ease-bounce: cubic-bezier(0.47, 0.22, 0.38, 1.03);
  --ease-out: cubic-bezier(0.4, 0.2, 0.3, 1.2);
}

/* 공통 헤더 */
.header-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-bottom: 1px solid rgba(228, 228, 228, 0.3);
  background: var(--gr_950, #151514);
}
@media (max-width: 767px) {
  .header-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 76px;
  }
}
@media (min-width: 768px) {
  .header-wrap {
    min-height: 101px;
  }
}
.header-wrap .logo-group {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.header-wrap .logo-group .logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .header-wrap .logo-group .logo {
    padding: 22px 16px 22px;
  }
}
@media (min-width: 768px) {
  .header-wrap .logo-group .logo {
    padding: 30px 40px 26px;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .header-wrap .logo-group .logo {
    padding: 35px 16px 31px;
  }
}
@media (max-width: 767px) {
  .header-wrap .logo-group .logo .img {
    width: 214px;
    height: 32px;
  }
}
@media (min-width: 768px) {
  .header-wrap .logo-group .logo .img {
    height: 44px;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .header-wrap .logo-group .logo .img {
    width: 240px;
    height: auto;
  }
}
.header-wrap .dropdown-menu-wrap {
  display: none;
  -webkit-transition: opacity 0.2s 0.2s var(--ease-out);
  -moz-transition: opacity 0.2s 0.2s var(--ease-out);
  transition: opacity 0.2s 0.2s var(--ease-out);
}
@media (min-width: 1200px) {
  .header-wrap .dropdown-menu-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    margin: 0 auto;
  }
}
.header-wrap .dropdown-menu-wrap.is-hide {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s var(--ease-out);
  -moz-transition: opacity 0.2s var(--ease-out);
  transition: opacity 0.2s var(--ease-out);
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  height: 100%;
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .header-wrap .dropdown-menu-wrap .nav-depth1-ul {
    gap: 0;
  }
}
@media (min-width: 1281px) and (max-width: 1500px) {
  .header-wrap .dropdown-menu-wrap .nav-depth1-ul {
    gap: 0;
  }
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item {
  height: 100%;
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth1-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  height: 100%;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -webkit-transition: color 0.1s var(--ease-out);
  -moz-transition: color 0.1s var(--ease-out);
  transition: color 0.1s var(--ease-out);
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth1-link {
    padding: 0 8px;
  }
}
@media (min-width: 1281px) and (max-width: 1500px) {
  .header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth1-link {
    padding: 0 10px;
  }
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth1-link.active {
  color: var(--primary_text, #DC116B);
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth1-link.active::before {
  opacity: 1;
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth1-link:hover, .header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth1-link:focus {
  color: var(--primary_text, #DC116B);
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap {
  display: none;
  position: absolute;
  top: 99px;
  left: 0;
  z-index: -1;
  width: 100%;
  border-top: 1px solid #383D54;
  background: var(--gr_950, #151514);
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap .nav-depth2-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 1160px;
  padding: 24px 0 26px;
  margin: 0 auto;
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap .nav-depth2-group.has-depth3 {
  gap: 52px;
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap .nav-depth2-group.has-depth3 .nav-depth2-item {
  min-width: 150px;
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap .nav-depth2-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap .nav-depth2-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--white-80, rgba(255, 255, 255, 0.8));
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 111.111% */
  letter-spacing: -0.18px;
  -webkit-transition: color 0.1s var(--ease-out);
  -moz-transition: color 0.1s var(--ease-out);
  transition: color 0.1s var(--ease-out);
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap .nav-depth2-link:hover, .header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap .nav-depth2-link:focus, .header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap .nav-depth2-link.active {
  color: var(--primary_text, #DC116B);
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap .nav-depth2-link:hover[target=_blank]::after, .header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap .nav-depth2-link:focus[target=_blank]::after, .header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap .nav-depth2-link.active[target=_blank]::after {
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.50403H10M10 1.50403V8.50403M10 1.50403L0.5 11.004' stroke='%23DC116B' stroke-opacity='0.8'/%3E%3C/svg%3E%0A") center/12px auto no-repeat;
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth2-wrap .nav-depth2-link[target=_blank]::after {
  content: "";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  margin-left: 6px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.50403H10M10 1.50403V8.50403M10 1.50403L0.5 11.004' stroke='white' stroke-opacity='0.8'/%3E%3C/svg%3E%0A") center/12px auto no-repeat;
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth3-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth3-group .nav-depth3-item {
  width: 100%;
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth3-group .nav-depth3-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: var(--white-80, rgba(255, 255, 255, 0.8));
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  -webkit-transition: color 0.1s var(--ease-out);
  -moz-transition: color 0.1s var(--ease-out);
  transition: color 0.1s var(--ease-out);
}
.header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth3-group .nav-depth3-link:hover, .header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth3-group .nav-depth3-link:focus, .header-wrap .dropdown-menu-wrap .nav-depth1-ul .nav-depth1-item .nav-depth3-group .nav-depth3-link.active {
  color: var(--primary_text, #DC116B);
  font-weight: 700;
  letter-spacing: -0.16px;
}
@media (max-width: 767px) {
  .header-wrap.is-opened .logo-group {
    display: none;
  }
}
@media (max-width: 767px) {
  .header-wrap.is-opened .util {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .header-wrap.is-opened .util .link-sign {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .header-wrap.is-opened .util .link-mypage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .header-wrap.is-opened .util .link-search {
    display: none;
  }
}
@media (max-width: 767px) {
  .header-wrap.is-opened .util .link-lang {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header-wrap .util {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 11;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media (max-width: 767px) {
  .header-wrap .util {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    height: 76px;
  }
}
@media (min-width: 768px) {
  .header-wrap .util {
    height: 100px;
  }
}
.header-wrap .util .link-sign {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .header-wrap .util .link-sign {
    display: none;
    padding: 0 22px;
    gap: 8px;
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .header-wrap .util .link-sign {
    width: 74px;
  }
}
.header-wrap .util .link-sign:hover, .header-wrap .util .link-sign:active {
  color: var(--White, #FFF);
  font-weight: 600;
}
@media (min-width: 768px) {
  .header-wrap .util .link-sign svg {
    display: none;
  }
}
.header-wrap .util .link-mypage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  padding: 0 22px;
  gap: 8px;
  height: 100%;
  margin-right: auto;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .header-wrap .util .link-mypage {
    display: none;
  }
}
.header-wrap .util .link-lang {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 767px) {
  .header-wrap .util .link-lang {
    display: none;
    width: 66px;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .header-wrap .util .link-lang {
    width: 74px;
  }
}
.header-wrap .util .link-lang:hover, .header-wrap .util .link-lang:active {
  color: var(--White, #FFF);
  font-weight: 600;
}
.header-wrap .util .link-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70px;
  height: 100%;
}
@media (max-width: 767px) {
  .header-wrap .util .link-search {
    display: none;
  }
}
.header-wrap .util .link-search:hover path, .header-wrap .util .link-search:hover rect, .header-wrap .util .link-search:active path, .header-wrap .util .link-search:active rect {
  stroke: var(--White, #FFF);
}
.header-wrap .util .btn-menu {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  border: 0;
  margin: 0 0 0 auto;
  background: var(--primary_text, #DC116B);
}
@media (max-width: 767px) {
  .header-wrap .util .btn-menu {
    width: 80px;
    height: 76px;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .header-wrap .util .btn-menu {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .header-wrap .util .btn-menu {
    width: 80px;
  }
}
@media (min-width: 1281px) and (max-width: 1500px) {
  .header-wrap .util .btn-menu {
    width: 80px;
  }
}
.header-wrap .util .btn-menu .bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: white;
  -webkit-transition: all 0.3s var(--ease-out);
  -moz-transition: all 0.3s var(--ease-out);
  transition: all 0.3s var(--ease-out);
}
@media (max-width: 767px) {
  .header-wrap .util .btn-menu .bar {
    width: 21px;
    height: 2.25px;
  }
}
.header-wrap .util .btn-menu.is-opened .bar {
  position: absolute;
  top: -webkit-calc(50% - 1px);
  top: -moz-calc(50% - 1px);
  top: calc(50% - 1px);
  left: -webkit-calc(50% - 11px);
  left: -moz-calc(50% - 11px);
  left: calc(50% - 11px);
}
.header-wrap .util .btn-menu.is-opened .bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header-wrap .util .btn-menu.is-opened .bar:nth-child(2) {
  display: none;
}
.header-wrap .util .btn-menu.is-opened .bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.header-wrap .gnb-wrap {
  background: var(--gr_950, #151514);
  opacity: 0;
  -webkit-transition: all 0.15s var(--ease-out);
  -moz-transition: all 0.15s var(--ease-out);
  transition: all 0.15s var(--ease-out);
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap {
    top: 0;
    max-height: 100vh;
    border-top: 1px solid rgba(228, 228, 228, 0.3);
    overflow-y: auto;
    -webkit-transform: translateY(-5px);
       -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap {
    top: 101px;
    max-height: -webkit-calc(100vh - 101px);
    max-height: -moz-calc(100vh - 101px);
    max-height: calc(100vh - 101px);
    -webkit-transform: translateY(-5px);
       -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
.header-wrap .gnb-wrap.show {
  opacity: 1;
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap.show {
    padding-top: 76px;
    background: #232323;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap.show {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.header-wrap .gnb-wrap .gnb-body {
  background-color: #151514;
  background-image: url("/_res/postech-aif/kor/img/images/common/gnb-bg-logo.png");
  background-position: right 50px bottom 30px;
  background-size: 260px auto;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 20px 22px;
    overflow: auto;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body {
    height: 100%;
    overflow-y: auto;
  }
}
.header-wrap .gnb-wrap .gnb-body .gnb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body .gnb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body .gnb {
    gap: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 100%;
    padding: 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 1580px) {
  .header-wrap .gnb-wrap .gnb-body .gnb {
    gap: 0;
  }
}
@media (min-width: 768px) and (max-width: 1480px) {
  .header-wrap .gnb-wrap .gnb-body .gnb {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth1 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth1 {
    border-bottom: 1px solid #686665;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth1 {
    width: 180px;
    padding: 40px 20px;
  }
}
@media (min-width: 768px) and (max-width: 1336px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth1 {
    width: 172px;
  }
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth1:last-child {
    border-bottom-color: transparent;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth1:hover {
    background-color: rgba(255, 255, 255, 0.06);
  }
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth1.is-open .depth1-link::before {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='23' viewBox='0 0 40 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1463 14.3542C13.9507 14.1593 13.9501 13.8427 14.145 13.6471L19.61 8.16259C19.8249 7.94688 20.1743 7.94688 20.3892 8.16259L25.8542 13.6471C26.0491 13.8427 26.0485 14.1593 25.8529 14.3542C25.6573 14.5491 25.3407 14.5485 25.1458 14.3529L19.9996 9.18834L14.8534 14.3529C14.6585 14.5485 14.3419 14.5491 14.1463 14.3542Z' fill='%23C61065'/%3E%3C/svg%3E%0A");
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth1 .depth1-link {
  display: block;
  color: var(--gr_100, #F9F7F5);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 125% */
  letter-spacing: -0.16px;
  -webkit-transition: all 0.15s var(--ease-out);
  -moz-transition: all 0.15s var(--ease-out);
  transition: all 0.15s var(--ease-out);
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth1 .depth1-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 40px 24px 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
  }
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth1 .depth1-link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 22px;
  margin: auto 0;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='23' viewBox='0 0 40 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.8537 8.14582C26.0493 8.34073 26.0499 8.65731 25.855 8.85292L20.39 14.3374C20.1751 14.5531 19.8257 14.5531 19.6108 14.3374L14.1458 8.85292C13.9509 8.65731 13.9515 8.34073 14.1471 8.14582C14.3427 7.9509 14.6593 7.95147 14.8542 8.14708L20.0004 13.3117L25.1466 8.14708C25.3415 7.95147 25.6581 7.9509 25.8537 8.14582Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth1 .depth1-link::before {
    display: none;
  }
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth1 .depth1-link::after {
  content: attr(data-text);
  font-weight: 700;
  visibility: hidden;
  display: block;
  height: 0;
  color: transparent;
  overflow: hidden;
  pointer-events: none;
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth1 .depth1-link::after {
    display: none;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth1 .depth1-link:hover, .header-wrap .gnb-wrap .gnb-body .gnb .depth1 .depth1-link:focus {
    color: var(--primary_text, #DC116B);
  }
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth1 .depth1-link.active {
    color: var(--primary_text, #DC116B);
  }
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth2 {
    display: none;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth2 {
    display: block;
    margin-top: 40px;
  }
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth2 > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth2 > ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 26px;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
    padding: 22px 20px;
    background: #232323;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth2 > ul {
    gap: 28px;
  }
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth2 > ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth2 .depth2-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  white-space: nowrap;
  color: var(--white-80, rgba(255, 255, 255, 0.8));
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  letter-spacing: -0.16px;
  -webkit-transition: all 0.15s var(--ease-out);
  -moz-transition: all 0.15s var(--ease-out);
  transition: all 0.15s var(--ease-out);
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth2 .depth2-link {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.14px;
  }
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth2 .depth2-link {
  /* &::after {
    content: attr(data-text);
    font-weight: 700;
    visibility: hidden;
    display: block;
    height: 0;
    color: transparent;
    overflow: hidden;
    pointer-events: none;
  } */
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth2 .depth2-link:hover, .header-wrap .gnb-wrap .gnb-body .gnb .depth2 .depth2-link:focus {
    color: var(--primary_text, #DC116B);
  }
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth2 .depth2-link:hover[target=_blank]::after, .header-wrap .gnb-wrap .gnb-body .gnb .depth2 .depth2-link:focus[target=_blank]::after {
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.50403H10M10 1.50403V8.50403M10 1.50403L0.5 11.004' stroke='%23DC116B' stroke-opacity='0.8'/%3E%3C/svg%3E%0A") center/12px auto no-repeat;
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth2 .depth2-link.active {
  color: var(--primary_text, #DC116B);
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth2 .depth2-link[target=_blank]::after {
  content: "";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  margin-left: 6px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.50403H10M10 1.50403V8.50403M10 1.50403L0.5 11.004' stroke='white' stroke-opacity='0.8'/%3E%3C/svg%3E%0A") center/12px auto no-repeat;
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth3 {
    margin-top: 12px;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth3 {
    margin-top: 8px;
  }
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth3 > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth3 > ul {
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth3 > ul {
    gap: 8px;
  }
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth3 > ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth3 .depth3-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  white-space: nowrap;
  color: var(--white-60, rgba(255, 255, 255, 0.6));
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.14px;
  -webkit-transition: all 0.15s var(--ease-out);
  -moz-transition: all 0.15s var(--ease-out);
  transition: all 0.15s var(--ease-out);
  /* &::after {
    content: attr(data-text);
    font-weight: 700;
    visibility: hidden;
    display: block;
    height: 0;
    color: transparent;
    overflow: hidden;
    pointer-events: none;
  } */
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body .gnb .depth3 .depth3-link:hover, .header-wrap .gnb-wrap .gnb-body .gnb .depth3 .depth3-link:focus {
    color: var(--primary_text, #DC116B);
  }
}
.header-wrap .gnb-wrap .gnb-body .gnb .depth3 .depth3-link.active {
  color: var(--primary_text, #DC116B);
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) {
  height: 100%;
  background: #151514;
  overflow-y: auto;
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1 {
  border-bottom: 1px solid var(--white-10, rgba(255, 255, 255, 0.1));
  -webkit-transition: all 0.15s var(--ease-out);
  -moz-transition: all 0.15s var(--ease-out);
  transition: all 0.15s var(--ease-out);
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1.is-open {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1.is-open {
    background: #232323;
  }
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1.is-open .depth1-link {
  padding-bottom: 24px;
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1.is-open .depth1-link::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M14.8162 8.79807C15.0607 8.52816 15.0614 8.08976 14.8177 7.81888L7.98697 0.224037C7.7183 -0.0746803 7.28169 -0.0746775 7.01303 0.224038L0.182259 7.81888C-0.061367 8.08976 -0.0606613 8.52816 0.183834 8.79807C0.42833 9.06799 0.824031 9.06721 1.06766 8.79633L7.5 1.64448L13.9323 8.79633C14.176 9.06721 14.5717 9.06799 14.8162 8.79807Z' fill='%23C61065'/%3E%3C/svg%3E");
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1.is-close {
  background: none;
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1.is-close .depth1-link {
  color: var(--gr_400, #C5C3C1);
  font-size: 16px;
  letter-spacing: -0.32px;
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1.is-close .depth1-link::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M14.8162 0.201927C15.0607 0.471841 15.0614 0.91024 14.8177 1.18112L7.98697 8.77596C7.7183 9.07468 7.28169 9.07468 7.01303 8.77596L0.182259 1.18112C-0.061367 0.910239 -0.0606613 0.471841 0.183834 0.201926C0.42833 -0.0679883 0.824031 -0.0672075 1.06766 0.20367L7.5 7.35552L13.9323 0.203671C14.176 -0.0672069 14.5717 -0.0679877 14.8162 0.201927Z' fill='white'/%3E%3C/svg%3E");
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1.none-depth3 .depth2 > ul {
  gap: 20px 40px;
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1 .depth1-link {
  position: relative;
  display: block;
  color: var(--White, #FFF);
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 100% */
  letter-spacing: -0.4px;
  outline-offset: -2px;
  -webkit-transition: all 0.15s var(--ease-out);
  -moz-transition: all 0.15s var(--ease-out);
  transition: all 0.15s var(--ease-out);
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1 .depth1-link {
    padding: 24px 62px 24px 22px;
    font-size: 15px;
    line-height: 140%;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1 .depth1-link {
    padding: 44px 80px 44px 40px;
  }
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth1 .depth1-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 40px;
  display: block;
  width: 15px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M14.8162 0.201927C15.0607 0.471841 15.0614 0.91024 14.8177 1.18112L7.98697 8.77596C7.7183 9.07468 7.28169 9.07468 7.01303 8.77596L0.182259 1.18112C-0.061367 0.910239 -0.0606613 0.471841 0.183834 0.201926C0.42833 -0.0679883 0.824031 -0.0672075 1.06766 0.20367L7.5 7.35552L13.9323 0.203671C14.176 -0.0672069 14.5717 -0.0679877 14.8162 0.201927Z' fill='white'/%3E%3C/svg%3E");
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth2 {
  display: none;
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth2 {
    padding: 22px 40px 22px 20px;
    border-bottom: 1px solid #686665;
    margin: auto 22px;
    background: #232323;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth2 {
    margin-top: 4px;
  }
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth2 > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth2 > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 26px;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth2 > ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 20px 80px;
    padding: 0 40px;
  }
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth2 .depth2-link {
  color: var(--white-80, rgba(255, 255, 255, 0.8));
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.14px;
  -webkit-transition: all 0.15s var(--ease-out);
  -moz-transition: all 0.15s var(--ease-out);
  transition: all 0.15s var(--ease-out);
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth2 .depth2-link {
    font-weight: 600;
  }
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth2 .depth2-link:hover, .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth2 .depth2-link:focus, .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth2 .depth2-link.active {
  color: var(--primary_text, #DC116B);
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 {
    margin-top: 12px;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 {
    margin-top: 8px;
  }
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul {
    gap: 12px;
  }
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link {
  gap: 4px;
  color: var(--gr_500, #A6A4A2);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 15.6px */
  -webkit-transition: all 0.15s var(--ease-out);
  -moz-transition: all 0.15s var(--ease-out);
  transition: all 0.15s var(--ease-out);
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.14px;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 7px;
  }
  .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link::before {
    content: "";
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: var(--gr_950, #151514);
    margin-top: -webkit-calc((1.4em - 2px) / 2);
    margin-top: -moz-calc((1.4em - 2px) / 2);
    margin-top: calc((1.4em - 2px) / 2);
  }
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link::before {
  width: 2px;
  height: 1px;
  border-radius: 0;
  background-color: var(--gr_500, #A6A4A2);
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link:hover, .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link:focus, .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link.active {
  color: var(--primary_text, #DC116B);
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link:hover::before, .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link:focus::before, .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link.active::before {
  background-color: var(--primary_text, #DC116B);
}
.header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link:hover, .header-wrap .gnb-wrap .gnb-body-en:lang(en) .gnb .depth3 > ul .depth3-link:focus {
  color: var(--primary_text, #DC116B);
}
.header-wrap .gnb-wrap .gnb-footer {
  background: #151514;
}
@media (max-width: 767px) {
  .header-wrap .gnb-wrap .gnb-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 22px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
  }
}
@media (min-width: 768px) {
  .header-wrap .gnb-wrap .gnb-footer {
    display: none;
  }
}
.header-wrap .gnb-wrap .gnb-footer .search-group {
  position: relative;
  width: 100%;
  height: 52px;
}
.header-wrap .gnb-wrap .gnb-footer .search-group .btn-label,
.header-wrap .gnb-wrap .gnb-footer .search-group .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  width: 52px;
  height: 52px;
  padding: 17px;
  border: 0;
  margin: 0;
  border-radius: 10px;
  cursor: pointer;
  background: #232323;
}
.header-wrap .gnb-wrap .gnb-footer .search-group .btn-search {
  opacity: 0;
  pointer-events: none;
}
.header-wrap .gnb-wrap .gnb-footer .search-group .input-search {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 0%;
  height: 52px;
  padding: 17px 52px 17px 12px;
  border: 0;
  margin: 0;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  background: #232323;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s var(--ease-out);
  -moz-transition: all 0.3s var(--ease-out);
  transition: all 0.3s var(--ease-out);
}
.header-wrap .gnb-wrap .gnb-footer .search-group .input-search::-webkit-input-placeholder {
  color: inherit;
}
.header-wrap .gnb-wrap .gnb-footer .search-group .input-search::-moz-placeholder {
  color: inherit;
}
.header-wrap .gnb-wrap .gnb-footer .search-group .input-search:-ms-input-placeholder {
  color: inherit;
}
.header-wrap .gnb-wrap .gnb-footer .search-group .input-search::-ms-input-placeholder {
  color: inherit;
}
.header-wrap .gnb-wrap .gnb-footer .search-group .input-search::placeholder {
  color: inherit;
}
.header-wrap .gnb-wrap .gnb-footer .search-group.active .btn-label {
  opacity: 0;
  pointer-events: none;
}
.header-wrap .gnb-wrap .gnb-footer .search-group.active .btn-search {
  opacity: 1;
  pointer-events: auto;
}
.header-wrap .gnb-wrap .gnb-footer .search-group.active .input-search {
  width: 100%;
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 767px) {
  .header-wrap .offcanvas-backdrop {
    top: 76px;
    max-height: -webkit-calc(100vh - 76px);
    max-height: -moz-calc(100vh - 76px);
    max-height: calc(100vh - 76px);
  }
}
@media (min-width: 768px) {
  .header-wrap .offcanvas-backdrop {
    top: 100px;
    max-height: -webkit-calc(100vh - 100px);
    max-height: -moz-calc(100vh - 100px);
    max-height: calc(100vh - 100px);
  }
}
.header-wrap.is-opened {
  background: var(--gr_950, #151514);
}

.breadcrumb-group {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9;
  background: #141415;
}
@media (max-width: 767px) {
  .breadcrumb-group {
    top: 76px;
  }
}
@media (min-width: 768px) {
  .breadcrumb-group {
    top: 100px;
  }
}
.breadcrumb-group .inner {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .breadcrumb-group .inner {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .breadcrumb-group .inner {
    padding: 0 40px;
  }
}
.breadcrumb-group .inner .breadcrumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  overflow-x: auto;
}
@media (max-width: 767px) {
  .breadcrumb-group .inner .breadcrumb {
    padding: 17px 16px;
  }
}
@media (min-width: 768px) {
  .breadcrumb-group .inner .breadcrumb {
    padding: 20.5px 0;
  }
}
@media (min-width: 768px) {
  .breadcrumb-group .inner .breadcrumb {
    scrollbar-width: thin;
    scrollbar-color: #555 #000;
  }
}
.breadcrumb-group .inner .breadcrumb a {
  outline-offset: -1px;
}
.breadcrumb-group .inner .breadcrumb .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--White, #FFF);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 767px) {
  .breadcrumb-group .inner .breadcrumb .list {
    font-size: 14px;
  }
}
.breadcrumb-group .inner .breadcrumb .list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.breadcrumb-group .inner .breadcrumb .list .item .icon {
  display: block;
  margin: 0 28px 0 16px;
  width: 7px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M0 10.6L4.35135 6L0 1.4L1.32432 0L7 6L1.32432 12L0 10.6Z' fill='%23C5C3C1'/%3E%3C/svg%3E");
  background-size: cover;
}
@media (max-width: 767px) {
  .breadcrumb-group .inner .breadcrumb .list .item .icon {
    width: 5.83px;
    height: 10px;
    margin: 0 16px 0 8px;
  }
}
.breadcrumb-group .inner .breadcrumb .list .item > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
}
.breadcrumb-group .inner .breadcrumb .current-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.breadcrumb-group .inner .breadcrumb .current-list:lang(en) {
  display: none;
}
.breadcrumb-group .inner .breadcrumb .current-list .current-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--white-80, rgba(255, 255, 255, 0.8));
  font-weight: 400;
}
.breadcrumb-group .inner .breadcrumb .current-list .current-item a {
  color: inherit;
}
.breadcrumb-group .inner .breadcrumb .current-list .current-item + .current-item::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  margin: 0 20px;
  background: var(--white-80, rgba(255, 255, 255, 0.6));
}
@media (max-width: 767px) {
  .breadcrumb-group .inner .breadcrumb .current-list .current-item + .current-item::before {
    display: none;
  }
}
.breadcrumb-group .inner .breadcrumb .current-list .current-item.active {
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
  color: var(--primary_text, #DC116B);
}
@media (max-width: 767px) {
  .breadcrumb-group .inner .breadcrumb .current-list .current-item.active {
    font-weight: 700;
  }
}
.breadcrumb-group .inner .breadcrumb .current-list .current-item.active a {
  pointer-events: none;
}
@media (max-width: 767px) {
  .breadcrumb-group .inner .breadcrumb .current-list .current-item:not(.active) {
    display: none;
  }
}
@media (max-width: 767px) {
  .main-container {
    padding: 127px 0 120px;
  }
}
@media (min-width: 768px) {
  .main-container {
    padding: 161px 0 120px;
  }
}

.page-tab .page-header {
  display: none;
}
.page-tab .tab-header .inner {
  max-width: 1360px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .page-tab .tab-header .inner {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 768px) {
  .page-tab .tab-header .inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.page-tab .tab-header .tab-title {
  margin-top: 90px;
  margin-bottom: 60px;
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 72px */
}
@media (max-width: 767px) {
  .page-tab .tab-header .tab-title {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 36px;
  }
}
.page-tab .tab-header .tab-select-wrap {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 40px;
}
.page-tab .tab-header .tab-select-wrap .tab-select {
  width: 100%;
  height: 40px;
  padding: 7px 31px 7px 13px;
  border: 1px solid var(--gr_700, #686665);
  border-radius: 2px;
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.4047 9.38179C17.746 9.74299 17.7297 10.3128 17.3686 10.6543L12.0004 15.7295L6.63224 10.6543C6.27114 10.3128 6.25486 9.74299 6.59611 9.38179C6.93752 9.02069 7.50738 9.00441 7.86857 9.34566L12.0004 13.2519L16.1322 9.34566C16.4934 9.00441 17.0633 9.02069 17.4047 9.38179Z' fill='black'/%3E%3C/svg%3E") right 8px top 50%/24px 24px no-repeat;
  cursor: pointer;
}
.page-tab .tab-header .tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  margin-bottom: 80px;
}
.page-tab .tab-header .tab-list[class*=tab-grid] {
  display: grid;
}
.page-tab .tab-header .tab-list.tab-grid3 {
  grid-template-columns: repeat(3, 1fr);
}
.page-tab .tab-header .tab-list.tab-grid4 {
  grid-template-columns: repeat(4, 1fr);
}
.page-tab .tab-header .tab-list.tab-grid5 {
  grid-template-columns: repeat(5, 1fr);
}
.page-tab .tab-header .tab-list.tab-grid6 {
  grid-template-columns: repeat(6, 1fr);
}
.page-tab .tab-header .tab-list.tab-grid7 {
  grid-template-columns: repeat(7, 1fr);
}
.page-tab .tab-header .tab-list.tab-grid8 {
  grid-template-columns: repeat(8, 1fr);
}
.page-tab .tab-header .tab-list .tab-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border: 1px solid var(--table_line, #E0DEDC);
  border-right-width: 0;
  background: var(--table_bg, #F9F9F9);
}
.page-tab .tab-header .tab-list .tab-nav.active {
  border: 1px solid var(--primary_text, #DC116B);
  background: var(--White, #FFF);
}
.page-tab .tab-header .tab-list .tab-nav.active .link {
  color: var(--primary_text, #DC116B);
}
.page-tab .tab-header .tab-list .tab-nav:last-child {
  border-right-width: 1px;
}
.page-tab .tab-header .tab-list .tab-nav .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 68px;
  padding: 16px 13px;
  text-align: center;
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 18px */
  letter-spacing: -0.45px;
}

/* 공통 푸터 */
.footer-wrap .family-group {
  background: #000;
}
.footer-wrap .family-group .family-list {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .footer-wrap .family-group .family-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 8px 16px;
  }
}
@media (min-width: 1200px) {
  .footer-wrap .family-group .family-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 40px;
  }
}
.footer-wrap .family-group .family-list .family-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media (min-width: 1200px) {
  .footer-wrap .family-group .family-list .family-item {
    border-left: 1px solid #272624;
    border-right: 1px solid #272624;
  }
}
.footer-wrap .family-group .family-list .family-item + .family-item {
  border-left: 0;
}
@media (max-width: 1199px) {
  .footer-wrap .family-group .family-list .family-item + .family-item {
    border-top: 1px solid #686665;
  }
}
.footer-wrap .family-group .family-list .family-item .btns-group {
  display: block;
  width: 100%;
  position: relative;
}
@media (max-width: 1199px) {
  .footer-wrap .family-group .family-list .family-item .btns-group {
    padding: 12px 0;
  }
}
.footer-wrap .family-group .family-list .family-item .btns-group .btn {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 58px;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: left;
  color: var(--White, #FFF);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
  text-decoration: none;
}
@media (max-width: 1199px) {
  .footer-wrap .family-group .family-list .family-item .btns-group .btn {
    height: 34px;
  }
}
@media (min-width: 1200px) {
  .footer-wrap .family-group .family-list .family-item .btns-group .btn {
    padding: 10px 16px 10px 30px;
  }
}
.footer-wrap .family-group .family-list .family-item .btns-group .btn::after {
  content: "";
  display: block;
  width: 40px;
  height: 35px;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='35' viewBox='0 0 40 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.8537 14.1458C26.0493 14.3407 26.0499 14.6573 25.855 14.8529L20.39 20.3374C20.1751 20.5531 19.8257 20.5531 19.6108 20.3374L14.1458 14.8529C13.9509 14.6573 13.9515 14.3407 14.1471 14.1458C14.3427 13.9509 14.6593 13.9515 14.8542 14.1471L20.0004 19.3117L25.1466 14.1471C25.3415 13.9515 25.6581 13.9509 25.8537 14.1458Z' fill='%23686665'/%3E%3C/svg%3E%0A");
  -webkit-transition: -webkit-transform 0.3s var(--ease-out);
  transition: -webkit-transform 0.3s var(--ease-out);
  -moz-transition: transform 0.3s var(--ease-out), -moz-transform 0.3s var(--ease-out);
  transition: transform 0.3s var(--ease-out);
  transition: transform 0.3s var(--ease-out), -webkit-transform 0.3s var(--ease-out), -moz-transform 0.3s var(--ease-out);
}
.footer-wrap .family-group .family-list .family-item .btns-group .btn.show::after {
  -webkit-transform: rotateX(180deg);
     -moz-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.footer-wrap .family-group .family-list .family-item .btns-group .menu-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding: 30px 30px 28px;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 2px 0px black;
          box-shadow: 0px 2px 0px black;
  background-color: black;
}
@media (max-width: 1199px) {
  .footer-wrap .family-group .family-list .family-item .btns-group .menu-group {
    position: static;
    display: none;
    opacity: 1 !important;
    visibility: visible;
    -webkit-transform: none !important;
       -moz-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    padding: 16px 0;
    gap: 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media (min-width: 1200px) {
  .footer-wrap .family-group .family-list .family-item .btns-group .menu-group {
    position: absolute;
    bottom: 100%;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
       -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    -moz-transition: opacity 0.3s ease, transform 0.3s ease, -moz-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease;
  }
}
.footer-wrap .family-group .family-list .family-item .btns-group .menu-group.show {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  -moz-transition: opacity 0.2s ease, transform 0.2s ease, -moz-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease;
}
.footer-wrap .family-group .family-list .family-item .btns-group .menu-group .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media (max-width: 1199px) {
  .footer-wrap .family-group .family-list .family-item .btns-group .menu-group .item + .item {
    margin-top: 20px;
  }
}
.footer-wrap .family-group .family-list .family-item .btns-group .menu-group .item::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 11px 0;
  background-color: #494746;
  -webkit-transition: all 0.1s var(--ease-out);
  -moz-transition: all 0.1s var(--ease-out);
  transition: all 0.1s var(--ease-out);
}
@media (max-width: 1199px) {
  .footer-wrap .family-group .family-list .family-item .btns-group .menu-group .item::after {
    display: none;
  }
}
.footer-wrap .family-group .family-list .family-item .btns-group .menu-group .item:last-child::after {
  display: none;
}
.footer-wrap .family-group .family-list .family-item .btns-group .menu-group .item:hover .link {
  color: #FFF;
}
.footer-wrap .family-group .family-list .family-item .btns-group .menu-group .item:hover::after {
  background-color: #FFF;
}
.footer-wrap .family-group .family-list .family-item .btns-group .menu-group .link {
  display: block;
  width: 100%;
  text-align: left;
  color: var(--gr_500, #A6A4A2);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 18.2px */
  -webkit-transition: all 0.1s var(--ease-out);
  -moz-transition: all 0.1s var(--ease-out);
  transition: all 0.1s var(--ease-out);
}
.footer-wrap .copyright-group {
  background: #272624;
}
@media (max-width: 1199px) {
  .footer-wrap .copyright-group {
    padding: 24px 0 60px;
  }
}
@media (min-width: 1200px) {
  .footer-wrap .copyright-group {
    padding: 60px 0 72px;
  }
}
.footer-wrap .copyright-group .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .footer-wrap .copyright-group .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 20px;
    padding: 0 16px;
  }
}
@media (min-width: 1200px) {
  .footer-wrap .copyright-group .inner {
    gap: 70px;
    padding: 0 40px;
  }
}
@media (max-width: 1199px) {
  .footer-wrap .copyright-group .inner .logo-group {
    display: none;
  }
}
@media (min-width: 1200px) {
  .footer-wrap .copyright-group .inner .logo-group {
    width: 276px;
  }
}
.footer-wrap .copyright-group .inner .logo-group .logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-wrap .copyright-group .inner .desc-group {
  color: var(--gr_500, #A6A4A2);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .footer-wrap .copyright-group .inner .desc-group {
    line-height: 140%;
  }
}
@media (min-width: 1200px) {
  .footer-wrap .copyright-group .inner .desc-group {
    line-height: 100%; /* 13px */
  }
}
.footer-wrap .copyright-group .inner .desc-group .link-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  font-weight: 400;
}
@media (max-width: 1199px) {
  .footer-wrap .copyright-group .inner .desc-group .link-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
    margin-top: 2px;
  }
}
@media (min-width: 1200px) {
  .footer-wrap .copyright-group .inner .desc-group .link-group {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 6px;
  }
}
.footer-wrap .copyright-group .inner .desc-group .link-group .link-tel {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: inherit;
}
.footer-wrap .copyright-group .inner .desc-group .link-group .link-email {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: inherit;
}
@media (min-width: 1200px) {
  .footer-wrap .copyright-group .inner .desc-group .link-group .link-email {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.footer-wrap .copyright-group .inner .desc-group .link-group .link-email::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: var(--color-gray_400, #AFB6BC);
}
@media (max-width: 1199px) {
  .footer-wrap .copyright-group .inner .desc-group .link-group .link-email::before {
    display: none;
  }
}
.footer-wrap .copyright-group .inner .desc-group .desc {
  margin-top: 20px;
  line-height: 160%; /* 20.8px */
}
.footer-wrap .copyright-group .inner .info-group {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1199px) {
  .footer-wrap .copyright-group .inner .info-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .footer-wrap .copyright-group .inner .info-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    gap: 20px;
  }
}
.footer-wrap .copyright-group .inner .info-group .info-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1199px) {
  .footer-wrap .copyright-group .inner .info-group .info-nav {
    gap: 8px 16px;
  }
}
@media (min-width: 1200px) {
  .footer-wrap .copyright-group .inner .info-group .info-nav {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
  }
}
@media (max-width: 1199px) {
  .footer-wrap .copyright-group .inner .info-group .info-nav:lang(en) {
    gap: 28px;
  }
}
@media (min-width: 1200px) {
  .footer-wrap .copyright-group .inner .info-group .info-nav:lang(en) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
}
.footer-wrap .copyright-group .inner .info-group .info-nav .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.footer-wrap .copyright-group .inner .info-group .info-nav .item::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: var(--color-gray_400, #AFB6BC);
}
.footer-wrap .copyright-group .inner .info-group .info-nav .item:lang(en)::after {
  display: none;
}
.footer-wrap .copyright-group .inner .info-group .info-nav .item:last-child::after {
  display: none;
}
.footer-wrap .copyright-group .inner .info-group .info-nav .item .link {
  color: var(--gr-550, #918F8C);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 166.667% */
}
@media (max-width: 1199px) {
  .footer-wrap .copyright-group .inner .info-group .info-nav .item .link {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%; /* 21px */
  }
}
.footer-wrap .copyright-group .inner .info-group .info-nav .item .link.point {
  color: #C5C3C1;
}
.footer-wrap .copyright-group .inner .info-group .social-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media (max-width: 1199px) {
  .footer-wrap .copyright-group .inner .info-group .social-group {
    gap: 12px;
  }
}
@media (max-width: 1199px) {
  .footer-wrap .copyright-group .inner .info-group .social-group svg {
    width: 40px;
    height: 40px;
  }
}
@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes slideIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-10px);
         transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
}
@keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
       -moz-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
            transform: translateX(0);
  }
}
/* 공통 요소: 접두사 d- 사용 */
section > .inner {
  max-width: 1360px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  section > .inner {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 768px) {
  section > .inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.page-header .inner {
  max-width: 1360px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .page-header .inner {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 768px) {
  .page-header .inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.page-header .page-title {
  margin-top: 90px;
  margin-bottom: 60px;
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 72px */
}
@media (max-width: 767px) {
  .page-header .page-title {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 36px;
  }
}
.d-headline .headline {
  color: #141415;
  font-family: Pretendard;
  font-size: 45px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
  letter-spacing: -0.03em;
  overflow: hidden;
}
@media (max-width: 767px) {
  .d-headline .headline {
    font-size: 32px;
    word-break: break-all;
  }
}
.d-headline .headline .sm {
  color: var(--gr_950, #151514);
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  .d-headline .headline .sm {
    font-size: 16px;
  }
}
.d-headline .sub-headline {
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}
@media (max-width: 767px) {
  .d-headline .sub-headline {
    margin-top: 14px;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .d-headline .sub-headline {
    margin-top: 10px;
    font-size: 18px;
  }
}
.d-headline .link-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .d-headline .link-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .d-headline .link-group {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .d-headline .d-cover {
    margin: 20px 0;
  }
}
@media (min-width: 768px) {
  .d-headline .d-cover {
    margin: 40px 0;
  }
}
.d-headline .point {
  color: var(--primary_text, #DC116B);
}
.d-headline .sub-headline {
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
}
.d-headline .desc-headline {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}
@media (max-width: 767px) {
  .d-headline .desc-headline {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .d-headline .desc-headline {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .d-layout section:not(.section-headline) ~ section,
  .d-layout section:not(.section-intro) ~ section {
    margin-top: 70px;
  }
}
@media (min-width: 768px) {
  .d-layout section:not(.section-headline) ~ section,
  .d-layout section:not(.section-intro) ~ section {
    margin-top: 120px;
  }
}
@media (max-width: 767px) {
  .d-layout .content-group {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .d-layout .content-group {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .d-layout .content-group ~ .content-group {
    margin-top: 50px;
  }
}
@media (min-width: 768px) {
  .d-layout .content-group ~ .content-group {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .d-layout .cont-group {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .d-layout .cont-group {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .d-layout .cont-group ~ .cont-group h3.d-txt-lg {
    margin-top: 50px;
  }
}
@media (min-width: 768px) {
  .d-layout .cont-group ~ .cont-group h3.d-txt-lg {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .d-layout h2.d-txt-xl {
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .d-layout h2.d-txt-xl {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .d-layout h3.d-txt-lg {
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) {
  .d-layout h3.d-txt-lg {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .d-layout h4.d-txt-md {
    margin-bottom: 8px;
  }
}
@media (min-width: 768px) {
  .d-layout h4.d-txt-md {
    margin-bottom: 12px;
  }
}
.d-cover {
  text-align: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .d-cover {
    border-radius: 20px;
  }
}
@media (min-width: 768px) {
  .d-cover {
    border-radius: 30px;
  }
}
.d-cover .img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .d-cover .img {
    height: 200px;
  }
}
@media (min-width: 768px) {
  .d-cover .img {
    height: 300px;
  }
}

.d-txt-xl {
  color: var(--primary_text, #DC116B);
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 33.6px */
}
@media (max-width: 767px) {
  .d-txt-xl {
    font-size: 24px;
  }
}
.d-txt-lg {
  color: var(--Black, #000);
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 26.4px */
}
@media (max-width: 767px) {
  .d-txt-lg {
    font-size: 20px;
    line-height: 130%;
  }
}
.d-txt-md {
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
}
@media (max-width: 767px) {
  .d-txt-md {
    font-size: 16px;
  }
}
.d-txt-p {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  letter-spacing: -0.18px;
}
@media (max-width: 767px) {
  .d-txt-p {
    font-size: 15px;
    letter-spacing: 0;
  }
}
.d-txt-sm {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--gr_600, #7D7B79);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 21px */
}

.d-card {
  border-radius: 30px;
  background: #F2F2F5;
}
.d-card .inner-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .d-card .inner-box {
    padding: 0 8px 6px;
  }
}
.d-card .inner-box .box-tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
}
@media (max-width: 767px) {
  .d-card .inner-box .box-tit {
    font-size: 17px;
  }
}
.d-card .inner-box .box-tit::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: var(--primary_text, #DC116B);
}
@media (max-width: 767px) {
  .d-card .inner-box .box-tit + * {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .d-card .inner-box .box-tit + * {
    margin-top: 16px;
  }
}
.d-card .ol .li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 24px */
}
@media (max-width: 767px) {
  .d-card .contact-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .d-card .contact-group {
    display: grid;
    gap: 12px;
    align-self: stretch;
    grid-template-columns: repeat(3, 1fr);
  }
}
.d-card .contact-group .contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding: 20px 30px;
  border-radius: 20px;
  border: 1px solid var(--gr_300, #E7E5E3);
  background: #FFF;
}
@media (max-width: 767px) {
  .d-card .contact-group .contact {
    gap: 10px;
  }
}
@media (min-width: 768px) {
  .d-card .contact-group .contact {
    gap: 7px;
    min-height: 150px;
  }
}
.d-card .contact-group .contact .text-group .tit {
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
}
@media (max-width: 767px) {
  .d-card .contact-group .contact .text-group .tit {
    font-size: 17px;
  }
}
.d-card .contact-group .contact .text-group .desc {
  margin-top: 10px;
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%; /* 18px */
  word-break: break-word;
}
@media (max-width: 767px) {
  .d-card .contact-group .contact .text-group .desc {
    margin-top: 0;
    font-size: 14px;
    color: var(--gr_600, #7D7B79);
  }
}
.d-card .contact-group .contact .link-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.d-card .contact-group .contact .link-group .link {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 18.2px */
}

.d-table .table-title {
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
}
.d-table .table-wrap {
  overflow: auto;
}
.d-table .table-wrap {
  scrollbar-width: auto;
  scrollbar-color: #999 #f1f1f1;
}
.d-table .table-wrap::-webkit-scrollbar {
  width: 10px;
}
.d-table .table-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.d-table .table-wrap::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 5px;
}
.d-table .table-wrap::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.d-table .table {
  border-top: 3px solid #000;
}
.d-table .table a {
  color: inherit;
}
.d-table .table .th-group .th-row {
  background: #F8F8F8;
}
.d-table .table .th-group .th-row .th {
  padding: 15px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
}
.d-table .table .th-group .th-row .th:first-child {
  border-left: 0;
}
.d-table .table .td-group .td-row {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.d-table .table .td-group .td-row:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.d-table .table .td-group .td-row .td {
  padding: 15px 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 150%; /* 24px */
}
.d-table .table .td-group .td-row .td:first-child {
  border-left: 0;
}
.d-table .table .td-group .td-row .td > ul {
  text-align: left;
}
.d-table .table .td-group .td-row .td > ul > li:not(.inner-list) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 7px;
}
.d-table .table .td-group .td-row .td > ul > li:not(.inner-list)::before {
  content: "";
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 3px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 3px;
          flex: 0 0 3px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--gr_950, #151514);
  margin-top: -webkit-calc((1.4em - 3px) / 2);
  margin-top: -moz-calc((1.4em - 3px) / 2);
  margin-top: calc((1.4em - 3px) / 2);
}
.d-response-table .header-row {
  display: none;
}
@media (min-width: 768px) {
  .d-response-table .header-row {
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 10px 16px;
    border-top: 3px solid #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    background: #F9F9F9;
  }
}
.d-response-table .header-row .header-cell {
  color: var(--gr_950, #151514);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
}
.d-response-table .data-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media (min-width: 768px) {
  .d-response-table .data-row {
    display: grid;
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
}
.d-response-table .cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--gr_800, #494746);
  text-align: center;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}
@media (max-width: 767px) {
  .d-response-table .cell {
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 767px) {
  .d-response-table .cell.category {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 10px 16px;
    border-top: 3px solid #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    background: #F9F9F9;
    color: var(--gr_950, #151514);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
  }
}
.d-response-table .cell.description {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
}
.d-response-table .cell .label {
  text-align: left;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  min-width: 56px;
}

.d-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .d-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 40px;
  }
}
@media (min-width: 768px) {
  .d-search {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
  }
}
.d-search .board-count {
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.d-search .board-count .num {
  font-weight: 700;
}
.d-search .board-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
@media (max-width: 767px) {
  .d-search .board-search .input-search {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .d-search .board-search .input-search {
    width: 240px;
  }
}

.d-select-box .select {
  min-width: 80px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 38px;
  border-radius: 2px;
  padding: 6px 39px 6px 13px;
  border: 1px solid var(--gr_700, #686665);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4047 9.38182C17.746 9.74302 17.7297 10.3129 17.3686 10.6543L12.0004 15.7295L6.63224 10.6543C6.27114 10.3129 6.25486 9.74302 6.59611 9.38182C6.93752 9.02072 7.50738 9.00444 7.86857 9.34569L12.0004 13.2519L16.1322 9.34569C16.4934 9.00444 17.0633 9.02072 17.4047 9.38182Z' fill='%23918F8C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 8px center;
}
@media (max-width: 767px) {
  .d-select-box .select {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    padding-left: 11px;
  }
}
.d-search-box {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .d-search-box {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.d-search-box .input-search {
  width: 100%;
  height: 38px;
  border-radius: 2px;
  border: 1px solid var(--gr_700, #686665);
  padding: 6px 43px 6px 11px;
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  background-color: #fff;
}
.d-search-box .input-search::-webkit-input-placeholder {
  color: var(--gr_400, #C5C3C1);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.d-search-box .input-search::-moz-placeholder {
  color: var(--gr_400, #C5C3C1);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.d-search-box .input-search:-ms-input-placeholder {
  color: var(--gr_400, #C5C3C1);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.d-search-box .input-search::-ms-input-placeholder {
  color: var(--gr_400, #C5C3C1);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.d-search-box .input-search::placeholder {
  color: var(--gr_400, #C5C3C1);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.d-search-box .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 38px;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
}

.d-date-box {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .d-date-box {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.d-date-box .input-date {
  width: 100%;
  height: 38px;
  border-radius: 2px;
  border: 1px solid var(--gr_700, #686665);
  padding: 6px 11px;
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  background-color: #fff;
}
.d-date-box .input-date::-webkit-input-placeholder {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.d-date-box .input-date::-moz-placeholder {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.d-date-box .input-date:-ms-input-placeholder {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.d-date-box .input-date::-ms-input-placeholder {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.d-date-box .input-date::placeholder {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.d-date-box .icon-calendar {
  position: absolute;
  top: -webkit-calc(50% - 12px);
  top: -moz-calc(50% - 12px);
  top: calc(50% - 12px);
  right: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border: 0;
  padding: 0;
  margin: 0;
  background: white;
  pointer-events: none;
}

.d-board-list {
  border-top: 3px solid var(--gr_900, #272624);
}
.d-board-list .board-item {
  border-bottom: 1px solid #e6e6e6;
}
.d-board-list .board-item .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  padding: 20px 16px;
}
@media (max-width: 767px) {
  .d-board-list .board-item .item {
    padding: 20px 10px;
  }
}
.d-board-list .board-item .item .tag-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 14px;
}
.d-board-list .board-item .item .tag-group .tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 1px 9px;
  border-radius: 1000px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
}
@media (max-width: 767px) {
  .d-board-list .board-item .item .tag-group .tag {
    height: 21px;
  }
}
@media (min-width: 768px) {
  .d-board-list .board-item .item .tag-group .tag {
    height: 30px;
  }
}
.d-board-list .board-item .item .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  padding: 10px 0;
}
.d-board-list .board-item .item .link:hover {
  text-decoration: underline;
}
.d-board-list .board-item .item .link .tit {
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  text-transform: uppercase;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
.d-board-list .board-item .item .link .desc {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%; /* 18px */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
.d-board-list .board-noresults {
  padding: 150px;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
}
.d-board-list.type02 .board-row {
  display: grid;
  grid-template-columns: 66fr 522fr 160fr 160fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .d-board-list.type02 .board-row {
    grid-template-columns: auto auto 1fr;
    grid-template-areas: "num num num" "title title title" "owner date date";
    gap: 0;
    padding: 22px 10px;
  }
}
.d-board-list.type02 .board-row.has-badge .cell-tit .link {
  position: relative;
  padding-right: 38px;
}
.d-board-list.type02 .board-head {
  color: var(--gr_950, #151514);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
  background: #F9F9F9;
}
@media (max-width: 767px) {
  .d-board-list.type02 .board-head {
    display: none;
  }
}
.d-board-list.type02 .board-body {
  color: var(--gr_800, #494746);
  text-align: center;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}
.d-board-list.type02 .board-body .cell-num {
  font-size: 13px;
  line-height: 140%; /* 18.2px */
}
@media (max-width: 767px) {
  .d-board-list.type02 .board-body .cell-num {
    grid-area: num;
    margin-bottom: 10px;
    text-align: left;
  }
}
.d-board-list.type02 .board-body .cell-tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
     -moz-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  text-align: left;
}
@media (max-width: 767px) {
  .d-board-list.type02 .board-body .cell-tit {
    grid-area: title;
    margin-bottom: 8px;
  }
}
.d-board-list.type02 .board-body .cell-tit .link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  max-width: 100%;
  text-decoration: none;
  color: inherit;
}
@media (max-width: 767px) {
  .d-board-list.type02 .board-body .cell-tit .link {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
  }
}
.d-board-list.type02 .board-body .cell-tit .link:hover .txt {
  text-decoration: underline;
}
.d-board-list.type02 .board-body .cell-tit .link:focus-visible {
  outline: 2px solid #151514;
  outline-offset: 2px;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .d-board-list.type02 .board-body .cell-tit .link .txt {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .d-board-list.type02 .board-body .cell-tit .link .txt {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
  }
}
.d-board-list.type02 .board-body .cell-tit .badge {
  position: absolute;
  right: 0;
  bottom: 0.2em;
  white-space: nowrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px 6px;
  border-radius: 2px;
  color: var(--White, #FFF);
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 16.5px */
  background: var(--gr_700, #686665);
}
@media (max-width: 767px) {
  .d-board-list.type02 .board-body .cell-owner::after {
    content: "|";
    margin: 0 10px;
    color: var(--gr_800, #494746);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
  }
}
.d-post-head {
  position: relative;
  border-top: 3px solid var(--gr_900, #272624);
  border-bottom: 1px solid var(--gr_900, #272624);
}
.d-post-head .view-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .d-post-head .view-header {
    padding: 24px 8px;
  }
}
@media (min-width: 768px) {
  .d-post-head .view-header {
    padding: 25px 0 27px;
  }
}
.d-post-head .view-header .tag-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 4px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media (max-width: 767px) {
  .d-post-head .view-header .tag-group {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-top: 8px;
  }
}
@media (min-width: 768px) {
  .d-post-head .view-header .tag-group {
    margin-bottom: 16px;
  }
}
.d-post-head .view-header .tag-group .tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  padding: 3px 13px;
  border-radius: 1000px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 18.2px */
  white-space: nowrap;
}
.d-post-head .view-header .tit {
  margin-bottom: 4px;
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 44.8px */
}
@media (max-width: 767px) {
  .d-post-head .view-header .tit {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: 24px;
    line-height: 140%;
  }
}
.d-post-head .view-header .summary {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
}
@media (max-width: 767px) {
  .d-post-head .view-header .summary {
    margin-bottom: 24px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.d-post-head .view-header .meta-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px 12px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin-top: 28px;
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 18.2px */
}
@media (max-width: 767px) {
  .d-post-head .view-header .meta-group {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-top: 24px;
  }
}
.d-post-head .view-header .meta-group .date {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.d-post-head .view-header .meta-group .sep {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 18.2px */
}
.d-post-head .profile-group {
  border-top: 1px solid var(--gr_900, #272624);
  border-bottom: 1px solid var(--gr_900, #272624);
}
@media (max-width: 767px) {
  .d-post-head .profile-group {
    display: grid;
    grid-template-columns: 140px 1fr;
    -webkit-box-align: start;
    -webkit-align-items: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media (min-width: 768px) {
  .d-post-head .profile-group {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 20px;
    -webkit-box-align: start;
    -webkit-align-items: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.d-post-head .profile-group .figure {
  background: #f3f3f3;
  aspect-ratio: 200/268;
}
@media (max-width: 767px) {
  .d-post-head .profile-group .figure {
    grid-column: 1;
    grid-row: 1/span 2;
    width: 130px;
    height: 174px;
  }
}
@media (min-width: 768px) {
  .d-post-head .profile-group .figure {
    margin: 20px 0;
  }
}
.d-post-head .profile-group .figure .img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .d-post-head .profile-group .table {
    display: contents;
  }
}
.d-post-head .profile-group .table .row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .d-post-head .profile-group .table .row {
    padding: 12px 4px;
  }
}
@media (min-width: 768px) {
  .d-post-head .profile-group .table .row {
    display: grid;
    grid-template-columns: 197fr 583fr;
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .d-post-head .profile-group .table .row:nth-child(-n+2) {
    grid-column: 2;
    min-height: 87px;
  }
}
@media (max-width: 767px) {
  .d-post-head .profile-group .table .row:nth-child(n+3) {
    grid-column: 1/-1;
  }
}
.d-post-head .profile-group .table .row:last-child {
  border-bottom: 0;
}
.d-post-head .profile-group .table .label {
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
}
.d-post-head .profile-group .table .value {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}
@media (max-width: 767px) {
  .d-post-head .profile-group .table .value {
    margin-top: 8px;
  }
}
.d-post-head .profile-group .table .list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.d-post-view {
  margin: 80px auto;
}
.d-post-view .btn-modal {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1000px;
  padding: 5.5px 17px 7.5px 17px;
  border: 1px solid var(--gr_950, #151514);
  margin-left: 24px;
  vertical-align: middle;
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.d-post-view table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  background: #fff;
  border: 1px solid #E0DEDC;
  border-radius: 6px;
  overflow: hidden;
}
.d-post-view table th,
.d-post-view table td {
  padding: 20px 0;
  border-right: 1px solid #E0DEDC;
  border-bottom: 1px solid #E0DEDC;
  text-align: center;
  vertical-align: middle;
  font-family: Pretendard;
  font-style: normal;
}
.d-post-view table th {
  color: var(--gr_800, #494746);
  font-size: 13px;
  font-weight: 600;
  line-height: 140%; /* 18.2px */
}
.d-post-view table td {
  color: var(--gr_600, #7D7B79);
  font-size: 14px;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.d-post-view table thead th {
  padding: 9px 0;
  font-weight: 700;
  background: var(--gr_100, #F9F7F5);
}
.d-post-view table tbody th[scope=row] {
  background: var(--gr_100, #F9F7F5);
}
.d-post-view table {
  /* 마지막 열/행 보더 정리 */
}
.d-post-view table th:last-child,
.d-post-view table td:last-child {
  border-right: 0;
}
.d-post-view table tbody tr:last-child th,
.d-post-view table tbody tr:last-child td {
  border-bottom: 0;
}

.d-post-footer .btns-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #2a2a2a;
  border-bottom: 1px solid #2a2a2a;
}
@media (max-width: 767px) {
  .d-post-footer .btns-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
@media (min-width: 768px) {
  .d-post-footer .btns-group {
    gap: 32px;
    padding: 10px 40px;
  }
}
.d-post-footer .btns-group .btn-prev,
.d-post-footer .btns-group .btn-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .d-post-footer .btns-group .btn-prev,
  .d-post-footer .btns-group .btn-next {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .d-post-footer .btns-group .btn-prev,
  .d-post-footer .btns-group .btn-next {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
       -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
}
.d-post-footer .btns-group .btn-prev .link,
.d-post-footer .btns-group .btn-next .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .d-post-footer .btns-group .btn-prev .link,
  .d-post-footer .btns-group .btn-next .link {
    padding: 20px;
  }
}
.d-post-footer .btns-group .btn-prev .link[aria-disabled=true], .d-post-footer .btns-group .btn-prev .link.is-disabled,
.d-post-footer .btns-group .btn-next .link[aria-disabled=true],
.d-post-footer .btns-group .btn-next .link.is-disabled {
  cursor: default;
}
.d-post-footer .btns-group .btn-prev .link .label,
.d-post-footer .btns-group .btn-next .link .label {
  color: var(--gr_950, #151514);
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 111.111% */
  letter-spacing: -0.9px;
}
@media (max-width: 767px) {
  .d-post-footer .btns-group .btn-prev .link .label,
  .d-post-footer .btns-group .btn-next .link .label {
    margin-right: 32px;
  }
}
@media (min-width: 768px) {
  .d-post-footer .btns-group .btn-prev .link .label,
  .d-post-footer .btns-group .btn-next .link .label {
    margin: 0 8px;
  }
}
.d-post-footer .btns-group .btn-prev .link .ico,
.d-post-footer .btns-group .btn-next .link .ico {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 16px;
  height: 48px;
}
@media (max-width: 767px) {
  .d-post-footer .btns-group .btn-prev .link .ico,
  .d-post-footer .btns-group .btn-next .link .ico {
    display: none;
  }
}
.d-post-footer .btns-group .btn-prev .link .tit,
.d-post-footer .btns-group .btn-next .link .tit {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.8px;
}
@media (min-width: 768px) {
  .d-post-footer .btns-group .btn-prev .link .tit,
  .d-post-footer .btns-group .btn-next .link .tit {
    margin: 0 0 0 40px;
  }
}
@media (min-width: 768px) {
  .d-post-footer .btns-group .btn-next .link {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .d-post-footer .btns-group .btn-next .link .tit {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 768px) {
  .d-post-footer .btns-group .btn-next .link .tit {
    margin: 0 40px 0 0;
  }
}
.d-post-footer .btns-group .bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #2a2a2a;
}
@media (max-width: 767px) {
  .d-post-footer .btns-group .bar {
    width: 100%;
    height: 1px;
  }
}
@media (min-width: 768px) {
  .d-post-footer .btns-group .bar {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
    width: 1px;
    height: 84px;
  }
}
.d-post-footer .link-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  margin-top: 28px;
}
.d-post-footer .link-group .btn-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 46px;
  padding: 12px 24px;
  border-radius: 1000px;
  color: var(--White, #FFF);
  background: var(--primary_text, #DC116B);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 22.5px */
}
.d-post-footer .link-group .btn-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 46px;
  padding: 11px 23px;
  border-radius: 1000px;
  border: 1px solid var(--primary_text, #DC116B);
  color: var(--primary_text, #DC116B);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 22.5px */
}

.d-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .d-pagination {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 316px;
  }
}
@media (min-width: 768px) {
  .d-pagination {
    gap: 4px;
  }
}
.d-pagination .page-prev,
.d-pagination .page-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-decoration: none;
  width: 32px;
  height: 48px;
}
@media (max-width: 767px) {
  .d-pagination .page-prev,
  .d-pagination .page-next {
    width: 22px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .d-pagination .page-prev svg,
  .d-pagination .page-next svg {
    width: 10px;
    height: 16px;
  }
}
.d-pagination .page-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 12px;
}
.d-pagination .page-list .page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 48px;
  height: 48px;
  text-align: center;
  text-decoration: none;
  color: #8C8C8C;
  text-align: center;
  font-family: Pretendard;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 100% */
  letter-spacing: -0.95px;
}
@media (max-width: 767px) {
  .d-pagination .page-list .page {
    font-size: 18px;
    height: 20px;
  }
}
@media (min-width: 768px) {
  .d-pagination .page-list .page {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .d-pagination .page-list li:nth-child(5) ~ * {
    display: none;
  }
}
.d-pagination .page-list .active,
.d-pagination .page-list [aria-current=page] {
  color: var(--primary_text, #DC116B);
  pointer-events: none;
}
.d-pagination [disabled] {
  pointer-events: none;
}

.d-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 19px;
  border-radius: 1000px;
  border: 1px solid var(--primary_text, #DC116B);
  color: white;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  background: var(--primary_text, #DC116B);
  -webkit-transition: all 0.15s var(--ease-out);
  -moz-transition: all 0.15s var(--ease-out);
  transition: all 0.15s var(--ease-out);
}
.d-link svg path {
  stroke: white;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.15s var(--ease-out);
  -moz-transition: all 0.15s var(--ease-out);
  transition: all 0.15s var(--ease-out);
}
.d-link:hover, .d-link:focus {
  color: var(--White, #FFF);
  border-color: var(--primary_text, #DC116B);
  background: #E34189;
}
.d-link:hover svg path, .d-link:focus svg path {
  -webkit-animation: slideIn 0.5s var(--ease-out) forwards;
     -moz-animation: slideIn 0.5s var(--ease-out) forwards;
          animation: slideIn 0.5s var(--ease-out) forwards;
}
.d-btns-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.d-btns-group .btn-down,
.d-btns-group .btn-open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 7px 14px 8px 14px;
  border-radius: 10px;
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 18.2px */
  background: var(--gr_300, #E7E5E3);
  -webkit-transition: all 0.15s var(--ease-out);
  -moz-transition: all 0.15s var(--ease-out);
  transition: all 0.15s var(--ease-out);
}
.d-btns-group .btn-down svg path,
.d-btns-group .btn-open svg path {
  -webkit-transition: all 0.15s var(--ease-out);
  -moz-transition: all 0.15s var(--ease-out);
  transition: all 0.15s var(--ease-out);
}
.d-btns-group .btn-down:hover,
.d-btns-group .btn-open:hover {
  background: var(--gr_400, #C5C3C1);
}
.d-contact-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 120px;
}
.d-contact-section .inner {
  width: 100%;
}
.d-contact-section .cm-contact-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.94)), to(rgba(255, 255, 255, 0.94))), #DC116B;
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.94) 100%), #DC116B;
  background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.94) 100%), #DC116B;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.94) 100%), #DC116B;
}
@media (max-width: 767px) {
  .d-contact-section .cm-contact-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    padding: 28px 18px 122px 18px;
    border-radius: 20px;
  }
}
@media (min-width: 768px) {
  .d-contact-section .cm-contact-box {
    gap: 80px;
    padding: 40px 200px 40px 40px;
    border-radius: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1080px) {
  .d-contact-section .cm-contact-box {
    gap: 36px;
    padding: 40px 200px 40px 48px;
  }
}
.d-contact-section .cm-contact-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 767px) {
  .d-contact-section .cm-contact-box::before {
    background: url("/_res/postech-aif/kor/img/images/common/cm-character.png") right 20px bottom 15px/auto 74px no-repeat;
  }
}
@media (min-width: 768px) {
  .d-contact-section .cm-contact-box::before {
    background: url("/_res/postech-aif/kor/img/images/common/cm-character.png") right 32px bottom 8px/219px auto no-repeat;
  }
}
@media (min-width: 768px) and (max-width: 1080px) {
  .d-contact-section .cm-contact-box::before {
    background: url("/_res/postech-aif/kor/img/images/common/cm-character.png") right 20px bottom 12px/186px auto no-repeat;
  }
}
.d-contact-section .cm-contact-box .title {
  position: relative;
  height: 32px;
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 160% */
  text-transform: uppercase;
}
.d-contact-section .cm-contact-box .bar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 2px;
  height: 16px;
  margin-top: 8px;
  background: var(--gr_800, #494746);
}
@media (max-width: 767px) {
  .d-contact-section .cm-contact-box .bar {
    display: none;
  }
}
.d-contact-section .cm-contact-box .cm-info-list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  width: 100%;
}
@media (max-width: 767px) {
  .d-contact-section .cm-contact-box .cm-info-list {
    gap: 0;
  }
}
.d-contact-section .cm-contact-box .cm-info-list .list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .d-contact-section .cm-contact-box .cm-info-list .list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .d-contact-section .cm-contact-box .cm-info-list .list-item {
    gap: 48px;
  }
}
@media (min-width: 768px) and (max-width: 1080px) {
  .d-contact-section .cm-contact-box .cm-info-list .list-item {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .d-contact-section .cm-contact-box .cm-info-list .list-item + .list-item {
    border-top: 1px solid #E0DEDC;
    padding-top: 29px;
    margin-top: 28px;
  }
}
.d-contact-section .cm-contact-box .cm-info-list .list-item .label {
  margin: 4px 0;
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
}
@media (max-width: 767px) {
  .d-contact-section .cm-contact-box .cm-info-list .list-item .label {
    font-size: 16px;
  }
}
.d-contact-section .cm-contact-box .cm-info-list .list-item .cm-contact-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px 20px;
}
@media (max-width: 767px) {
  .d-contact-section .cm-contact-box .cm-info-list .list-item .cm-contact-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .d-contact-section .cm-contact-box .cm-info-list .list-item .cm-contact-list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 768px) and (max-width: 1080px) {
  .d-contact-section .cm-contact-box .cm-info-list .list-item .cm-contact-list {
    gap: 12px;
  }
}
.d-contact-section .cm-contact-box .cm-info-list .list-item .cm-contact-list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 5px 20px;
  border-radius: 100px;
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px; /* 143.75% */
  background: var(--White, #FFF);
}
.d-contact-section .cm-contact-box .cm-info-list .list-item .cm-contact-list .item.email .ico {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.875 6.56641L10.6937 10.5037C10.4839 10.6256 10.2457 10.6897 10.0031 10.6897C9.76052 10.6897 9.52226 10.6256 9.3125 10.5037L3.125 6.56641' stroke='%23A6A4A2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5 4.5H4.5C3.74061 4.5 3.125 5.11561 3.125 5.875V14.125C3.125 14.8844 3.74061 15.5 4.5 15.5H15.5C16.2594 15.5 16.875 14.8844 16.875 14.125V5.875C16.875 5.11561 16.2594 4.5 15.5 4.5Z' stroke='%23A6A4A2' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.d-contact-section .cm-contact-box .cm-info-list .list-item .cm-contact-list .item.phone .ico {
  width: 16px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath d='M11.4326 1.99609C11.9686 1.99609 12.4829 2.21428 12.8614 2.60156C13.2397 2.98907 13.4521 3.51538 13.4522 4.0625V15.9307C13.4522 16.4779 13.2398 17.003 12.8614 17.3906C12.4828 17.7783 11.9689 17.9971 11.4326 17.9971H4.56546C4.02928 17.997 3.51523 17.7782 3.13675 17.3906C2.75853 17.0031 2.54593 16.4777 2.54593 15.9307V4.0625C2.54604 3.51538 2.75837 2.98907 3.13675 2.60156C3.5152 2.21416 4.02944 1.99616 4.56546 1.99609H11.4326ZM2.86136 16.8623C2.92058 16.976 2.99085 17.084 3.07132 17.1846L2.95901 17.0283C2.92394 16.9744 2.89102 16.9192 2.86136 16.8623ZM4.43948 16.5781C4.48064 16.5865 4.52287 16.5908 4.56546 16.5908H11.4326V16.5898H4.56546C4.48019 16.5898 4.39671 16.5727 4.31937 16.54L4.43948 16.5781ZM4.56546 3.49023C4.41884 3.4903 4.27724 3.5504 4.17288 3.65723C4.0685 3.76414 4.0099 3.91044 4.0098 4.0625V15.9307C4.0098 16.0827 4.0686 16.229 4.17288 16.3359C4.27723 16.4427 4.41887 16.5019 4.56546 16.502H11.4326C11.5793 16.502 11.7208 16.4428 11.8252 16.3359C11.9297 16.2289 11.9883 16.0828 11.9883 15.9307V4.0625C11.9882 3.91043 11.9296 3.76414 11.8252 3.65723C11.7208 3.55051 11.5792 3.49023 11.4326 3.49023H4.56546ZM11.8877 16.3975C11.8741 16.4114 11.8575 16.422 11.8428 16.4346C11.8577 16.4219 11.8749 16.4116 11.8887 16.3975C11.9122 16.3734 11.9319 16.3464 11.9512 16.3193C11.9317 16.3466 11.9113 16.3733 11.8877 16.3975ZM9.55374 13.582C9.76345 13.582 9.96502 13.6517 10.1133 13.7754C10.2615 13.899 10.3448 14.0674 10.3448 14.2422C10.3446 14.4168 10.2613 14.5845 10.1133 14.708C9.96502 14.8317 9.76345 14.9014 9.55374 14.9014H6.44534C6.23562 14.9014 6.03407 14.8317 5.88577 14.708C5.73761 14.5845 5.65446 14.4169 5.65433 14.2422C5.65433 14.0673 5.73747 13.899 5.88577 13.7754C6.03407 13.6518 6.23564 13.582 6.44534 13.582H9.55374ZM3.49417 2.41699C3.38914 2.48866 3.2898 2.57036 3.19925 2.66309C3.15398 2.70945 3.11153 2.75823 3.07132 2.80859L3.20023 2.66406C3.29077 2.57134 3.38919 2.48868 3.49417 2.41699Z' fill='%23A6A4A2'/%3E%3C/svg%3E");
}
.d-contact-section .cm-contact-box .cm-info-list .list-item .cm-contact-list .item .label {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
}
.d-contact-section .cm-contact-box .cm-info-list .list-item .cm-contact-list .item .ico {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 20px;
}
.d-contact-section .cm-contact-box .cm-info-list .list-item .cm-contact-list .item a {
  color: inherit;
}

/* 모바일/태블릿 반응형 대응 (필요시 사용) */
@media (max-width: 1024px) {
  .contact-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
  }
  .contact-section .contact-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
  }
  .contact-section .contact-left .info-list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 12px 24px;
  }
  .contact-section .contact-left .info-list .item.team::after {
    display: none; /* 줄바꿈될 경우를 대비해 구분선 숨김 */
  }
}
.ly-modal .modal-dialog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 1080px;
  min-width: 320px;
  height: auto;
  min-height: -webkit-calc(100% - 56px);
  min-height: -moz-calc(100% - 56px);
  min-height: calc(100% - 56px);
  margin: 28px auto;
}
@media (max-width: 1079px) {
  .ly-modal .modal-dialog {
    width: 100%;
    max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: calc(100% - 40px);
  }
}
.ly-modal .modal-dialog .modal-content {
  position: relative;
  padding: 60px 40px 60px;
  background: #FFF;
}
@media (max-width: 767px) {
  .ly-modal .modal-dialog .modal-content {
    padding: 56px 20px;
  }
}
.ly-modal .modal-dialog .modal-content .modal-header .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60px;
  height: 60px;
  padding: 0;
  border: 0;
  margin: 0;
  background: var(--primary_text, #DC116B);
}
.ly-modal .modal-dialog .modal-content .modal-header .btn-close::before {
  content: "";
  position: absolute;
  top: -webkit-calc(50% - 1px);
  top: -moz-calc(50% - 1px);
  top: calc(50% - 1px);
  left: -webkit-calc(50% - 11.5px);
  left: -moz-calc(50% - 11.5px);
  left: calc(50% - 11.5px);
  display: block;
  width: 23px;
  height: 2px;
  background-color: white;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ly-modal .modal-dialog .modal-content .modal-header .btn-close::after {
  content: "";
  position: absolute;
  top: -webkit-calc(50% - 1px);
  top: -moz-calc(50% - 1px);
  top: calc(50% - 1px);
  left: -webkit-calc(50% - 11.5px);
  left: -moz-calc(50% - 11.5px);
  left: calc(50% - 11.5px);
  display: block;
  width: 23px;
  height: 2px;
  background-color: white;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.ly-modal .modal-dialog .modal-content .modal-body .table-wrap {
  min-height: 100px;
}
@media (max-width: 767px) {
  .ly-modal .modal-dialog .modal-content .modal-body .table-wrap {
    max-height: -webkit-calc(100vh - 400px);
    max-height: -moz-calc(100vh - 400px);
    max-height: calc(100vh - 400px);
  }
}
@media (min-width: 768px) {
  .ly-modal .modal-dialog .modal-content .modal-body .table-wrap {
    max-height: -webkit-calc(100vh - 400px);
    max-height: -moz-calc(100vh - 400px);
    max-height: calc(100vh - 400px);
  }
}
.ly-modal .modal-dialog .modal-content .modal-body .table-wrap {
  scrollbar-width: auto;
  scrollbar-color: #DC116B #f1f1f1;
}
.ly-modal .modal-dialog .modal-content .modal-body .table-wrap::-webkit-scrollbar {
  width: 10px;
}
.ly-modal .modal-dialog .modal-content .modal-body .table-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.ly-modal .modal-dialog .modal-content .modal-body .table-wrap::-webkit-scrollbar-thumb {
  background: #DC116B;
  border-radius: 5px;
}
.ly-modal .modal-dialog .modal-content .modal-body .table-wrap::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.ly-modal .modal-dialog .modal-content .modal-footer {
  margin-top: 40px;
}
.ly-modal .modal-dialog .modal-content .modal-footer .checkbox-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f3f3f3;
}
.ly-modal .modal-dialog .modal-content .modal-footer .checkbox-group .checkbox {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.ly-modal .modal-dialog .modal-content .modal-footer .checkbox-group .checkbox:checked + label::before {
  color: white;
  background: var(--primary_text);
  border-color: var(--primary_text);
}
.ly-modal .modal-dialog .modal-content .modal-footer .checkbox-group label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 12px 7px 12px 12px;
  color: var(--gr_900, #272624);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  line-height: 120%;
  cursor: pointer;
}
.ly-modal .modal-dialog .modal-content .modal-footer .checkbox-group label::before {
  content: "v";
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid var(--gr_900, #272624);
  font-size: 10px;
  font-style: normal;
  line-height: 93%;
  color: transparent;
}
.ly-modal .modal-dialog .modal-content .modal-footer .btn-close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 42px;
  padding: 12px 24px;
  border: none;
  border-radius: 1000px;
  margin: 0 auto;
  color: var(--White, #FFF);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
  background: var(--primary_text, #DC116B);
}
.ly-modal .modal-dialog .modal-content .modal-footer .btn-close::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L14 14' stroke='white' stroke-width='1.6'/%3E%3Cpath d='M14 4L4 14' stroke='white' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}

.scrollspy-wrap {
  position: relative;
}
.scrollspy-wrap .tab-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  will-change: transform;
}
.scrollspy-wrap .tab-header .nav-layout-type01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.ui-datepicker {
  width: 200px;
  padding: 12px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
  z-index: 9999 !important;
  color: #151514;
}
.ui-datepicker .ui-datepicker-header {
  border: 0;
  background: transparent;
  padding: 6px 6px 10px;
  margin-bottom: 6px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  line-height: 1.2;
  margin: 0 44px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #151514;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  border: 0;
  text-align: center;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 2px;
  width: 24px;
  height: 24px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background 0.15s ease, border-color 0.15s ease;
  -moz-transition: background 0.15s ease, border-color 0.15s ease;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background: #f4f4f5;
  border-color: #d9d9d9;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none;
}
.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #151514;
  content: "";
}
.ui-datepicker .ui-datepicker-prev {
  left: 6px;
}
.ui-datepicker .ui-datepicker-prev::before {
  content: "‹";
}
.ui-datepicker .ui-datepicker-next {
  right: 6px;
}
.ui-datepicker .ui-datepicker-next::before {
  content: "›";
}
.ui-datepicker table {
  width: 100%;
  margin: 0;
}
.ui-datepicker th {
  padding: 4px 0;
  font-size: 12px;
  font-weight: 500;
  color: #8b8b8b;
  text-transform: none;
}
.ui-datepicker td {
  padding: 0;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
  display: grid;
  place-items: center;
  width: 24px;
  height: 26px;
  margin: 0 auto;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  font-family: Pretendard;
  color: #151514;
  font-size: 13px;
  font-weight: 400;
  -webkit-transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  -moz-transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover {
  border-color: transparent;
  background: #f4f4f5;
  color: #151514;
}
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
  border-color: #151514;
  background: #fff;
  color: #151514;
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active {
  background: #151514;
  border-color: #151514;
  color: #fff;
}
.ui-datepicker .ui-state-disabled span,
.ui-datepicker .ui-state-disabled a {
  opacity: 0.35;
  cursor: default !important;
}
.ui-datepicker .ui-datepicker-other-month .ui-state-default {
  color: #b5b5b5;
}
.ui-datepicker .ui-datepicker-buttonpane {
  border: 0;
  background: transparent;
  margin: 8px 0 0;
  padding: 8px 6px 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  height: 34px;
  padding: 0 12px;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  background: #fff;
  color: #151514;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-buttonpane button:hover {
  background: #f4f4f5;
}